@charset "utf-8";

/* layout */
.inner {	width: 100%; max-width:1600px;	position:relative;	margin-left:auto;	margin-right:auto; }
.s-inner {	width:90%; max-width:1480px;	position:relative;	margin-left:auto;	margin-right:auto; }

#wrap { font-size: 1.6rem; position: relative; width: 100%; overflow: hidden; }

/* 타블렛 가로 */
@media all and (max-width:1480px) {

}

@media all and (max-width:1280px) {

}

@media all and (max-width:976px) {
  html { font-size: 60% !important; }
}

@media all and (max-width:767px) {
  html { font-size: 0.55rem !important; }
}

@media all and (max-width:480px) {
  html { font-size: 0.5rem !important; }
}





/*Header*/
#header { position:absolute; width:100%; height:100px; box-sizing:border-box; z-index:300; margin: 0 auto;
                display: flex; align-items: center; justify-content: space-between; padding: 0 40px; }
#header #logo { z-index:101; font-size: 0;  }
#header #logo a { display: block;  }
#header #logo img { display: inline-block; vertical-align:middle;}
#header .hd_bx { line-height:100px;  }
#header .hd_mbx { display: none; }

#hd_btn { display: flex; position: absolute; top:0; right:calc(3% + 100px); line-height: 100px; }
#hd_btn li a { display: block; font-size: 1.4rem; color:#787878;  }
#hd_btn li:first-child a::after { content: ''; width: 1px; height: 12px; background: #bbb; display: inline-block; vertical-align: middle;
                                            margin: 0 0.7em; }


#gnb_pc {  }
#gnb_pc > ul > li {display:inline-block; vertical-align:top; text-align:center; position:relative; }
#gnb_pc > ul > li > div > a { display:block; font-size:1.7rem; position:relative; width: auto; padding: 0 20px;
                                        cursor: pointer; font-weight: 500; color:#212121;  }
#gnb_pc > ul > li > div:hover a { color:#47469a; font-weight: 800;  }
#gnb_pc > ul > li > ul { display: none; width:180px; background:rgba(71, 70, 154, 0.95); position: absolute;
                                  top: 100px; left: 50%; margin-left: -90px; }
#gnb_pc > ul > li > ul > li > a { display:block; width:100%; color:#fff; padding:1em 0.7em; line-height: 1.4em; border-bottom:1px solid rgba(255,255,255,0.2); box-sizing: border-box; }
#gnb_pc > ul > li > ul > li:last-child > a {border-bottom:0;}
#gnb_pc > ul > li > ul > li > a:hover { background: #47469a; }

#gnb_pc > ul > li > ul > li > a span { color: rgb(246, 18, 87); font-size: 0.8em; font-weight: 800; }
.sub_menu_wrap .m_2dep_box .smenu li a span { display: none; }


#gnb_mo { display:none; position:fixed; top:0; right:0; width:100%; height:100%; padding: 7% 0;
                overflow-y:scroll; -ms-overflow-style:none; background: #fff;
                z-index: 100; text-align: left;  }
#gnb_mo > ul.gnb { display: flex; flex-wrap: wrap; gap: 50px; width: 90%; max-width: 1600px; margin: 0 auto;  }
#gnb_mo > ul.gnb > li { width: calc((100% - 250px) / 6)}
#gnb_mo > ul > li > div > a { display: block; font-size: 2rem; color:#212121; padding-bottom: 0.7em; border-bottom: 3px solid #333;  }
#gnb_mo > ul > li > ul > li { font-size: 1.5rem; padding: 0.8em 0.5em; border-bottom: 1px solid #e1e1e1; }
#gnb_mo > ul > li > ul > li > a { display:block; width:100%; }
#gnb_mo > ul > li > ul > li > a:hover { color:#47469a; }

#header.mo_on #gnb_mo {display:block;}

.menuToggle { /*position: absolute; right:0; top:0; */ position: relative; width:100px; height:100px; cursor:pointer; z-index:101; }
.menuToggle span { display:block; width:30px; height:2px; background:#333; position:absolute; top: 50%; left:50%; margin-left: -16px; transition:all 0.5s}
.menuToggle span.t { margin-top: -11px; }
.menuToggle span.m { margin-top:-1px; width: 20px; }
.menuToggle span.b { margin-top: 9px; }


#header.mo_on .menuToggle span.t { transform:rotate(45deg); margin-top: 0;  }
#header.mo_on .menuToggle span.m {width:0;}
#header.mo_on .menuToggle span.b { transform:rotate(-45deg); margin-top: 0; }


@media all and (max-width:1780px) {
  #gnb_pc > ul > li > div > a { font-size: 1.6rem; padding: 0 0.7em;  }
}


@media all and (max-width:1580px) {
  #hd_btn li a { font-size: 1.3rem; }
  #gnb_pc > ul > li > div > a { font-size: 1.5rem; padding: 0 0.5em;  }
  #gnb_pc > ul > li > ul > li > a  { font-size: 1.5rem; }
}



@media all and (max-width:1480px){
  #header { height: 85px; padding: 0 0 0 3%;  }
  #header .hd_bx { line-height:85px; }
  #gnb_pc { display: none; }
  #header .hd_mbx { display: block; }
  .menuToggle { width: 85px; height: 85px; }

  #hd_btn { right: 100px; }
  #hd_btn li a { color:#fff;  }

  #gnb_mo { width:100%; max-width: 500px;  padding: 85px 0; background:rgba(71, 70, 154, 0.95); }
  #gnb_mo > ul.gnb { width: 100%; display: block; border-top: 1px solid rgba(255,255,255,0.1); line-height:50px;}
  #gnb_mo > ul.gnb > li { width: 100%; }
  #gnb_mo > ul > li > div {display:block; width:100%; font-size:1.7rem;  border-bottom:1px solid rgba(255,255,255,0.1); box-sizing:border-box; padding:0 1.5em; position:relative; cursor: pointer; }
  #gnb_mo > ul > li > div:after {content:''; display:block; width:11px; height:1px; background:#fff; position:absolute; right:1em; top:50%; margin-top:-1px;}
  #gnb_mo > ul > li > div:before {content:''; display:block; width:1px; height:11px; background:#fff; position:absolute; right:calc(1em + 5.5px); top:50%; margin-top:-6px; transition:all 0.5s;}
  #gnb_mo > ul > li > div > a { color:#fff; border-bottom:0; padding-bottom:0; font-size: 1.6rem;   }
  #gnb_mo > ul > li > ul { display:none; }
  #gnb_mo > ul > li > ul > li { padding:0; }
  #gnb_mo > ul > li > ul > li > a {display:block; width:100%; font-size:1em; color:#4b4b4b;padding:0 1.5em; font-weight: 500;
                                               background:#fff; box-sizing:border-box; line-height:3em;}

  #gnb_mo > ul > li > div.active:before {transform:rotate(90deg)}


  #header.mo_on .menuToggle span { background: #fff; }
}


@media all and (max-width:680px){
  #header { height: 70px; }
  #header .hd_bx { line-height:70px; }

  #gnb_mo { max-width: 100%; padding: 70px 0;  }
  .menuToggle { width:70px; height:70px; }

  #header #logo img { height: 35px; }

  #hd_btn { position: relative; right: inherit; top: inherit; line-height: 3.5em; text-align: center; }
  #hd_btn li { width: 50%;  }
  #hd_btn li a { display: block; font-size: 1.6rem; font-weight: 800; }
  #hd_btn li:first-child a::after { display: none; }
    #hd_btn li + li { border-left: 1px solid rgba(255,255,255,0.2); }

  #gnb_mo::before { content: ''; width: 100%; height: 70px; background: #fff; position: absolute; left:0; top:0; }
  #header.mo_on .menuToggle span { background: #333; }
}





#footer { position: relative; padding: 4% 0; background: #2b2f33; color:#fff; }
#footer::before { content: ''; width: 1px; height: 100%; background: rgba(255,255,255,0.1); position: absolute; left: 50%; top: 0; margin-left: -0.5px; }
#footer .s-inner { display: flex; flex-wrap: wrap; justify-content: space-between; }
#footer .s-inner > div { width: 45%; }
#footer .s-inner .contL { }
#footer .s-inner .contL h4 { font-size: 1.8rem; }
#footer .s-inner .contL .f-tel p { font-size: 3.2rem; font-weight: 800; }
#footer .s-inner .contL .f-hour { margin-top: 3em; }
#footer .s-inner .contL .f-hour div { position: relative; margin-top: 1em; display: flex; flex-wrap: wrap; color:rgba(255,255,255,0.6); }
#footer .s-inner .contL .f-hour div dl { display: flex; gap: 2em; width: 45%; margin: 0.1em 0;  }
#footer .s-inner .contL .f-hour div dl:nth-child(even) { border-left: 1px solid rgba(255,255,255,0.1); padding-left: 2em;  }
#footer .s-inner .contL .f-hour div p {width: 100%; margin: 0.2em 0 0;  }

#footer .s-inner .contR .f-link { margin-top: 1em; }
#footer .s-inner .contR .f-link li { display: inline-block; vertical-align: middle; margin-right: 0.7em; font-size: 1.5rem; }
#footer .s-inner .contR .f-link li a { color:#fff; }
#footer .s-inner .contR .f-info { margin: 1.5em 0 1.8em; }
#footer .s-inner .contR .f-info p { font-size: 1.4rem; color:#8e8e91; display: inline-block; margin-right: 1em; line-height: 1.7em; }
#footer .s-inner .contR .copy { font-size: 1.2rem; color:#75757b; font-weight: 800; }



@media all and (max-width:1580px) {
  #footer .s-inner .contL .f-hour { margin-top: 2em; }
  #footer .s-inner .contL .f-hour div dl { font-size: 1.5rem; gap: 1.5em; width: 50%; }
}

@media all and (max-width:1280px) {
  #footer .s-inner .contL .f-hour div dl { width: 100%; }
  #footer .s-inner .contL .f-hour div dl:nth-child(even) { border-left:0; padding-left:0; }
}

@media all and (max-width:976px) {
  #footer { padding: 3em 0; }
  #footer .s-inner .contR .f-link li { margin-right: 0.4em; }
}

@media all and (max-width:880px) {
  #footer::before { display: none; }
  #footer .s-inner > div { width: 100%; }
  #footer .s-inner .contL h4 { font-size: 1.6rem; }
  #footer .s-inner .contL .f-tel p { font-size: 2.8rem; }

  #footer .s-inner .contR { padding-top: 3em; margin-top: 3em; border-top: 1px solid rgba(255,255,255,0.1); }
}




/* quick */
#Quick { position: fixed; right:0; top: 80px; z-index:110; text-align: center; background:#fff; width: 90px; }
#Quick li { border-bottom: 1px solid #d4d4d4; padding: 16px 0; background: #43515c; }
#Quick li:last-child { border-bottom:0; }
#Quick li a { display: block; }
#Quick li a p { font-size: 0.9em; margin-top: 8px; line-height: 1.0em; }
#Quick li a.go-top { display: inline-block; width: 50px; height: 50px; line-height: 50px; font-size: 14px; color:#fff; border-radius: 50px; background: #c5d600; }
.font-w {color:#fff;}

@media all and (max-width:1100px) {
/*	#Quick {display:none;}*/
	#Quick { width: 84px; }
	#Quick li { padding: 12px 0; }
    #Quick li img { width: 34px; }
}

@media all and (max-width:720px){
	#footer { padding-bottom: 90px;  }
    #Quick{top: auto; bottom: 0; width: 100%; display: flex;align-items: center; }
    #Quick li{ width: 14.28%; height: 95px; max-height: 95px; display: flex; flex-direction: column; justify-content: center; }
    #Quick li img { width: 34px; }
}

@media all and (max-width:570px){
	 #Quick li a p { font-size: 0.85em; }
    #Quick li{ height: 86px; max-height: 86px; }
    #Quick li img { width: 30px; }
}
@media all and (max-width:440px){
	 #Quick li a p { font-size: 0.85em; }
    #Quick li{ height: 80px; max-height: 80px; }
    #Quick li img { width: 28px; }
	#Quick li { width: 13.83%; }
	#Quick li:last-child { width:17%; }
}