@charset "utf-8";
/* 바디 */
@font-face { font-family: 'Chosunilbo_myungjo'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/Chosunilbo_myungjo.woff') format('woff'); font-weight: normal; font-style: normal; }
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR&display=swap');

body.fixed {overflow-y:hidden}
/* 전체 감싸기 */
#wrapper {min-width:1400px; max-width:1920px; margin:0 auto; overflow:hidden; z-index: 9999999999999999999;}
/* 컨테이너 */
body.scrollfix #container {}
/*상단메뉴 new style*/
#header {background:#fff; z-index:500; box-shadow: -10px 5px 10px rgba(0, 0, 0, 0.3);}
#header.fixed {position:fixed; top:0; width: 100%;}
#header.sub_header {position:fixed; top:0;}
#header.sub_header .header_bottom {position:absolute; width:100%; background:#fff}
#header .header_top {position:relative;     background: url(../image/img/main/menu_bg.png); height: 90px;     background-size: cover;}
#header .header_top h1#logo {position:absolute; top:50%; left:50px; margin-top:-30px}
#header .header_top h1#logo a {}
#header .header_top h1#logo a .logo {display:block; width:100%}
#header .header_top .header_inner {/*width:1400px;*/ margin:0 auto}
/*#header .header_top .header_inner ul#nav {display:table; table-layout:fixed; width:100%}
#header .header_top .header_inner ul#nav li {display:table-cell; text-align:center}*/
#header .header_top .header_inner ul#nav {width:100%; text-align:center}
#header .header_top .header_inner ul#nav li {display:inline-block; text-align:center; width:143.7px;;    background: url(../image/img/main/bar_bg_btn0.png) no-repeat;}

#header .header_top .header_inner ul#nav li:first-child{ background:none;}

#header .header_top .header_inner ul#nav li:last-child{width: 65px;     border-top: 1px solid #dddddd; }

#header .header_top .header_inner ul#nav li a {display:block; width:100px; height:89px; line-height:90px; text-align:center; transition:all 0.3s ease; font-size:17px; color: #ffffff; font-family: "Noto Sans KR", sans-serif; letter-spacing: -2px; font-weight: 500;     margin: auto;}
#header .header_top .header_inner ul#nav li a:hover {color:#ffffff;}

#header .header_top .header_inner ul#nav li:last-child a{width: 65px; background: #ffffff;}
#header .header_top .header_inner ul#nav li a > i{color: #333333;}

#header .header_top .sns_link {position:absolute; top:50%; right:50px; margin-top:-20px} 
#header .header_top .sns_link:after {display:block; content:''; clear:both} 
#header .header_top .sns_link li {float:left; margin-left:1px} 
#header .header_top .sns_link li a {display:block; width:40px; height:40px; text-align:center; line-height:40px; background:#c4a653; font-size:18px; font-weight:300; color:#fff} 
/* 하단메뉴 */
#header .header_bottom {position:relative; display:none; z-index: 99999999999; background: #ffffff;}
#header.sub_header .header_bottom {position:absolute; width:100%; background:#fff}
#header .header_bottom.active {display:block}
#header .header_bottom .header_inner {width:1100px; margin:0 auto;     padding-right: 65px;}
#header .header_bottom .header_inner .sub-menu {display:table; width:100%; table-layout:fixed; padding:30px 0 50px}
#header .header_bottom .header_inner .sub-menu ul.sub_ul {display:table-cell; text-align:center; border-right: 1px solid #ececec;}

#header .header_bottom .header_inner .sub-menu ul.sub_ul:last-child{border-right:none;}

#header .header_bottom .header_inner .sub-menu ul.sub_ul li {padding:3px 0}
#header .header_bottom .header_inner .sub-menu ul.sub_ul li a {display:inline-block; font-size:14px; color:#404040; transition:all 0.3s ease; padding-bottom:3px; border-bottom:1px solid transparent; font-family: 'Noto Sans KR', sans-serif;     letter-spacing: -1.2px;}
#header .header_bottom .header_inner .sub-menu ul.sub_ul li a:hover {color:#000000; border-color:#000000;}
/* 퀵메뉴 */
#quickmenu {position:fixed; top:220px; right:20px; z-index:999}
#quickmenu .iconlist > li {display:block; width:80px; height:80px; font-size:12px; color:#fff; text-align:center; line-height:80px; margin-bottom:1px; background:#222; cursor:pointer}
#quickmenu .iconlist > li.icon1:hover, #quickmenu .iconlist > li.icon1.on {background:#cca865}
#quickmenu .iconlist > li.icon2:hover, #quickmenu .iconlist > li.icon2.on {color:#222; background:#ffea29}
#quickmenu .iconlist > li.icon3:hover, #quickmenu .iconlist > li.icon3.on {background:#cca865}
#quickmenu .iconlist > li.icon4:hover, #quickmenu .iconlist > li.icon4.on {background:#21bbb1}
#quickmenu .quick-layer {position:fixed; top:220px; right:-480px; padding:45px 50px; width:480px; height:640px; background:rgba(0, 0, 0, .9); z-index:900}
#quickmenu .quick-layer .title {margin-bottom:40px}
#quickmenu .quick-layer .title h2 {font-size:30px; font-weight:600; color:#fff; margin-bottom:5px}
#quickmenu .quick-layer .title p {color:#fff}
#quickmenu .quick-layer .title.kakao h2 {color:#ffea29}
#quickmenu .quick-layer .title.kakao p {color:#ffea29}
#quickmenu .quick-layer .btn-close {position:absolute; top:45px; right:44px; width:45px; height:45px; border:none; background:transparent; cursor:pointer; outline:none}
#quickmenu .quick-layer .btn-close span {position:absolute; display:block; top:50%; left:50%; width:38px; height:1px; margin:-1px 0 0 -19px; background:#fff}
#quickmenu .quick-layer .btn-close span.line1 {transform:rotate(45deg)}
#quickmenu .quick-layer .btn-close span.line2 {transform:rotate(-45deg)}
#quickmenu .quick-layer .btn-area {position:absolute; bottom:45px; left:0; width:100%; text-align:center}
#quickmenu .quick-layer .btn-area .btn {display:inline-block; padding:8px 20px; font-size:15px; color:#fff !important; border-radius:0}
#quickmenu .quick-layer .btn-area .btn.btn-brown {border-color:#867460 !important; background:#867460 !important}
#quickmenu .quick-layer .btn-area .btn.btn-yellow {color:#222 !important; border-color:#ffea29 !important; background:#ffea29 !important}
#quickmenu .quick-layer .btn-area .btn.btn-mint {border-color:#21bbb1 !important; background:#21bbb1 !important}
/* 푸터 */
#footer {width:100%; position:relative; padding:60px 0;  background:#424242}
#footer > .inner {width:1400px; margin:0 auto}
#footer > .inner .info {text-align:center}
#footer > .inner .info address {}
#footer > .inner .info address ul {margin-bottom:10px}
#footer > .inner .info address ul li {display:inline-block; padding:0 6px; font-size:12px; color:#fff}
#footer > .inner .info .copyright {font-size:12px; color:#fff}
/*#footer {margin-top:80px; padding:35px 0 60px 0; background:#f1f1f1}
#footer > .inner {width:1200px; margin:auto}
#footer > .inner .grid-wrapper {margin:0 -3px}
#footer > .inner .grid-wrapper > .footer-grid {float:left; width:16.6666667%; height:250px; padding:0 3px}
#footer > .inner .grid-wrapper > .footer-grid h4 {font-family:'Montserrat', 'NBG'; font-weight:600; color:#160016; margin-bottom:15px; padding:0 0 10px 10px; border-bottom:1px solid #dfdfdf}
#footer > .inner .grid-wrapper > .footer-grid > ul > li {padding:5px 0 5px 10px; font-family:'NBG'; font-size:12px; font-weight:600; color:#666}
#footer > .inner .grid-wrapper > .footer-grid > ul > li > a {font-family:'NBG'; font-size:12px; font-weight:600; color:#666}
#footer > .inner .grid-wrapper > .footer-grid > ul > li > a {font-family:'NBG'; font-size:12px; font-weight:600; color:#666}
#footer > .inner .grid-wrapper > .footer-grid > ul > li > ul > li {display:inline; margin-left:15px}
#footer > .inner .grid-wrapper > .footer-grid.right {float:right; text-align:right}
#footer > .inner .grid-wrapper > .footer-grid.wide {width:33.3333334%}
#footer > .inner .grid-wrapper > .footer-grid.contact h4 {font-size:15px}
#footer > .inner .copyright {font-size:12px; font-weight:500; letter-spacing:0; color:#9a9a9a}*/

@media screen and (max-width:1418px) {
#header .header_bottom .header_inner { /*margin:0px 0px 0px 130px;*/ }
}