@charset "utf-8";


/* layout */
html, body { height:100%;}
body { color:#686868; letter-spacing:-.05em; -webkit-text-size-adjust:none; -webkit-font-smoothing:antialiased;}
#wrap {	position:relative; width:100%; min-width:320px;height:100%; font-size:1rem; }

.inner {	width: 100%; max-width:1400px;	position:relative;	margin-left:auto;	margin-right:auto; }
.s-inner {	width: 100%; max-width:1600px;	position:relative;	margin-left:auto;	margin-right:auto; }


/* 타블렛 가로 */

@media all and (max-width:1620px) {
    .s-inner { width:94%}
}
@media all and (max-width:1399px) {
    .inner { width:94%}
}

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

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

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




/*Header*/
#header { position:fixed; width:100%; height:100px; z-index:150; text-align: center; background: #fff;}
#header .inner{display: flex;justify-content: space-between;}

#header #logo { }
#header #logo img { vertical-align:middle;  }

#header .hd_bx { line-height:100px; }
#header .hd_mbx { display: none; }

#header .sns {position: absolute; right: -70px; top: 50%; transform: translateY(-50%); z-index: 2;}
#header .sns a{display: inline-block;}

#gnb_pc { }
#gnb_pc > ul > li {display:inline-block; vertical-align:top; text-align:center; position:relative;}
#gnb_pc > ul > li > div {display:block;   line-height:100px; position:relative; width: auto; font-weight: 400;  padding: 0 30px; cursor: pointer;letter-spacing:0;}
#gnb_pc > ul > li > div  a { font-size: 1.8rem; color:#222; font-weight: bold;}
#gnb_pc > ul > li > ul { display: none; padding:15px 0; width:180px; background:#af9375; position: absolute; top: 85px; left: 50%; margin-left: -90px; }
#gnb_pc > ul > li:nth-child(2) > ul { width:240px;margin-left: -120px;  }
#gnb_pc > ul > li > ul > li > a {display:block; width:100%;padding:10px; color:#fff;box-sizing: border-box; line-height:1.4em; font-size: 1.7rem }
#gnb_pc > ul > li > ul > li:last-child > a {border-bottom:0;}
#gnb_pc > ul > li:hover > div {}
#gnb_pc > ul > li > ul > li > a:hover {text-decoration:underline}
#gnb_pc > ul > li > ul > li > ul {display:none}


.hd_full { display:none; left: 0; top: 0;  width:80px; height:80px; /* background: #af9375; */ position:absolute; cursor:pointer;}
.hd_full span { display:block; width:26px; height:2px; background:#000; position:absolute; top: 50%; left:50%; margin-left: -13px; transition:all 0.5s; }
.hd_full span.t { margin-top:-10px; }
.hd_full span.m { margin-top: -1px;  }
.hd_full span.b { margin-top: 8px;  }

#gnb_mo { position:fixed; height:100%; z-index:999; left:0;  top:80px; background:rgba(0,0,0, 0.98); color:#FFF; width:100%; max-width:640px; box-sizing:border-box; transition: all 0.4s ease; -webkit-transform: translateX(-100%) rotate(0); -moz-transform: translateX(-100%) rotate(0); -ms-transform: translateX(-100%) rotate(0); -o-transform: translateX(-100%) rotate(0); transform: translateX(-100%) rotate(0); text-align: left;}
#gnb_mo > ul > li > div {display:block; width:100%;  color:#fff; line-height:50px; border-bottom:1px solid rgba(255,255,255,0.1); box-sizing:border-box; padding:0 2rem; position:relative; cursor: pointer; }
#gnb_mo > ul > li > div.on {background:#6c3afa }
#gnb_mo > ul > li > div:after {content:''; display:block; width:11px; height:1px; background:#fff; position:absolute; right:15px; top:50%; margin-top:-1px;}
#gnb_mo > ul > li > div:before {content:''; display:block; width:1px; height:11px; background:#fff; position:absolute; right:20px; top:50%; margin-top:-6px; transition:all 0.5s;}
#gnb_mo > ul > li > div a { color:#fff; font-size:1.9rem }
#gnb_mo > ul > li > ul { display:none; }
#gnb_mo > ul > li > ul > li > a { display:block; width:100%; color:#555; line-height:50px; padding:0 2rem 0 3rem; font-size: 1.7rem; border-bottom:1px solid #e1e1e1; background:#f9f9f9;  box-sizing:border-box; }

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

#gnb_mo.m_menuOn{	-webkit-transform: translateX(0) rotate(0); -moz-transform: translateX(0) rotate(0);	-ms-transform: translateX(0) rotate(0);	-o-transform: translateX(0) rotate(0);	transform: translateX(0) rotate(0); }

#header.on .hd_full span.t {transform:translateY(9px) rotate(45deg)}
#header.on .hd_full span.m {width:0;}
#header.on .hd_full span.b {transform:translateY(-9px) rotate(-45deg)}



@media all and (max-width:1599px){
    #gnb_pc{margin-right: 70px;}
    #gnb_pc > ul > li > div {padding: 0 20px;  }
    #header .sns {right: 0;}
}

@media all and (max-width:1499px){
    #header #logo { left: 3%} 
	#gnb_pc { left:13%; }
}

@media all and (max-width:1280px){
    #header { height:80px; text-align: center; }
    #header::after { display: none; }
    #header #logo {display: inline-block; }
    #header #logo img { vertical-align: center; width: 270px;}
    #header .hd_bx { line-height:80px;  }
    #gnb_pc > ul > li > div {line-height:80px;}
    #gnb_pc > ul > li > div a{font-size: 1.6rem;}
}
@media all and (max-width:980px){
    #header #logo {left: 50%; position: relative; transform: translateX(-50%);}
    #header .hd_mbx { display: block; }
    #header .hd_pc {display:none;}
    .hd_full {width: 28px;}
    #header .sns a img{width: 40px;}
}

@media all and (max-width:768px){
    #header { height:60px; }
    #header::after { top: 60px; }
    #header .hd_bx { line-height:60px;  }
    #header .hd_full {height: 60px; }
    
    #header.menu_on #gnb_pc:before { height:60px; }
    
	#header #logo img {width: 200px;}
    
    #header.scroll { height: 60px;  }
    #header.scroll .hd_bx { line-height: 59px; }
    #header.scroll #gnb_pc:before { height: 60px; }
    
    #gnb_mo { top: 60px; }
}

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


/* footer */
#footer {padding: 60px 0; color: #fff; background: #333;}
#footer .top{display: flex;justify-content: space-between; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid rgba(255,255,255,0.2);}
#footer .top .info{width: 600px; display: flex; flex-wrap: wrap; gap: 10px 30px; font-size: 1.6rem;}
#footer .top .info li{position: relative;}
#footer .top .info li:after{position: absolute; content: ''; width: 1px; height: 70%; background: #fff; top: 50%; transform: translateY(-50%); right: -15px;}
#footer .top .info li:nth-child(3):after{display: none;}
#footer .top .info li:last-child:after{display: none;}
#footer .top .info li span{font-weight: bold; margin-right: 10px; display: inline-block;}
#footer .top .link{display: flex; gap: 20px;}
#footer .top .link a{font-size: 1.6rem; font-weight: bold; color: #fff;}
#footer p.copy{opacity: 0.5; font-size: 1.4rem; text-align: right;}


@media all and (max-width:1280px){
    #footer {padding: 50px 0;}
    #footer .top .info{font-size: 1.5rem;}
    #footer .top .link a{font-size: 1.5rem;}
}
@media all and (max-width:780px){
    #footer .top{flex-wrap: wrap;}
    #footer .top .info{width: 100%; justify-content: center; order: 2;}
    #footer .top .link{justify-content: center; margin-bottom: 20px; width: 100%; order: 1;}
    #footer p.copy{text-align: center;}
}
@media all and (max-width:480px){
    #footer .top .info li:nth-child(2):after{display: none;}
    #footer .top .info li:nth-child(4):after{display: none;}
}