@charset "UTF-8";
@import "default.css"; /* 리셋 */
@import "fonts.css"; /* 폰트 */
/*---------
common
---------*/
body { position: relative; width: 100%; height: 100%; font-family: "NanumSquare","맑은 고딕", "MalgumGothic", sans-serif; font-weight: 400; color: #333; font-size: 14px; letter-spacing: -0.075rem; line-height: 1.5; overflow-y:scroll;}

/* 디자이너 요청에 의해서 투명도 제거 */
/*a:hover {opacity: .7; transition: all 0.25s ease;}*/
a:hover {opacity: 1; transition: all 0.25s ease;}

#wrapper {position: relative; width: 100%; height: auto;}
.inner-wrap {position:relative; width:1100px; height:100%; margin:0 auto;}

/* header */
#header {width:100%; height:100px; background:#fff; border-bottom:1px solid #e5e5e4;}
#header h1.logo a {display:block; position:absolute; top:50%; left:0; width:190px; height:60px; margin-top:-30px; text-indent: -9999px; background:url("../img/common/logo.png") no-repeat center/cover;}

/* gnb */
#header nav.gnb {position:absolute; left:50%; width:50%; height:100px; transform:translateX(-50%); z-index: 10;}
#header nav.gnb::after {content:""; display: block; clear:both;}
#header nav.gnb .depth2-wrap {display:none; position:absolute; left:50%; width:100%; height:80px; padding:0 34px; transform:translateX(-50%);}
#header nav.gnb .depth2-wrap::after {content:""; display: block; clear:both;}
#header nav.gnb .depth2-wrap li {display: inline-block; line-height:80px;}
#header nav.gnb .depth2-wrap li + li {margin-left:40px;}
#header nav.gnb .depth2-wrap li a {font-size:18px; font-weight:700;}
#header nav.gnb .depth2-wrap li:hover a, #header nav.gnb .depth2-wrap li:focus a, #header nav.gnb .depth2-wrap li:active a, #header nav.gnb .depth2-wrap li a.on {color:#fff;}



#header nav.gnb li.menu-item {float:left; padding:0 14px;}
#header nav.gnb li.menu-item > a {display: block; width:100%; height:100%; padding:0 20px; font-size:18px; font-weight: 700; text-align: center; line-height: 100px;}

/* 디자이너 요청에 의해서 잘못된 색상 보정 */
/*#header nav.gnb li.menu-item:hover > a, #header nav.gnb li.menu-item:focus > a, #header nav.gnb li.menu-item:active > a {color:#e46b10;}*/
#header nav.gnb li.menu-item:hover > a, #header nav.gnb li.menu-item:focus > a, #header nav.gnb li.menu-item:active > a, #header nav.gnb li.menu-item.on > a {color:#dc5310;}
#header nav.gnb li.menu-item.active .depth2-wrap {display: block;}
#header::after {content: ""; display:block; position:absolute; top:100px; left:0; right:0; height:0; background:#e46b10; transition: all 0.25s ease; opacity:0; z-index: 9; }

/* 디자이너 요청에 의해서 투명도 제거 */
/*#header.active::after {height:80px; opacity:.9;}*/
#header.active::after {height:80px; opacity:.9;}
#header nav.gnb li.menu-item:nth-child(1) .depth2-wrap {margin-left:0;}
#header nav.gnb li.menu-item:nth-child(2) .depth2-wrap {margin-left:147px;}
#header nav.gnb li.menu-item:nth-child(3) .depth2-wrap {margin-left:275px;}
#header nav.gnb li.menu-item:nth-child(4) .depth2-wrap {margin-left:260px;}


/* side menu */
#header .side-menu {position:absolute; right:0; top:50%; width:auto; height:50px; transform:translateY(-50%);}
#header .side-menu::after {content:""; display: block; clear:both;}
#header .side-menu > li {position:relative; float:left;}
#header .side-menu > li > a {display: block; position:relative;}
#header .side-menu > li > a.side-sns {width:44px; height:44px; margin-top:5px; text-indent: -9999px;}
#header .side-menu > li > a.side-sns.youtube {margin-right:3px; background:url("../img/common/ico-youtube.png") no-repeat center/cover;}
#header .side-menu > li > a.side-sns.insta {background:url("../img/common/ico-insta.png") no-repeat center/cover;}
/*#header .side-menu > li > a.side-products {background:#3c3736; color:#fff; font-size:14px; line-height:50px; text-align: center; letter-spacing: -0.02rem; transform:skew(-0.03deg);}*/
/* 디자이너 요청에 의해서 애니메이션 제거 */
#header .side-menu > li > a.side-products {background:#3c3736; color:#fff; font-size:14px; line-height:50px; text-align: center; letter-spacing: -0.02rem; }
#header .side-menu > li > a.side-products { width:100px; margin-left:12px; background:#3c3736; color:#fff; font-size:14px; line-height:50px; text-align: center; letter-spacing: -0.02rem; }

/* footer */
#footer {width:100%; height:auto; padding:30px 0; background:#fff; border-top:1px solid #e5e5e4;transform:skew(-0.03deg);}
#footer h1.page-name {font-size:17px; font-weight:700; color:#000;}
#footer .info {margin-top:14px; font-size:15px;}
#footer .info > * {display:inline-block;}
#footer .info > span {margin-left:10px;}
#footer .copyright {margin-top:40px; font-size:15px;}