@charset "euc-kr";
/* 바디 */
body.fixed {overflow-y:hidden}
/* 전체 감싸기 */
#wrapper {min-width:1400px; max-width:1920px; margin:0 auto; overflow:hidden}
/* 컨테이너 */
body.scrollfix #container {margin-top:61px;}
body.scrollfix #header > .btm {position:fixed;top:0px;width:100%;}
/*상단메뉴 new style*/
#header {/*position:absolute; top:975px;*/position:relative; width:100%; background:#fff; z-index:500}
#header.fixed {/*position:fixed; top:0*/}
#header.sub_header {position:fixed; top:0}
#header.sub_header .header_bottom {position:absolute; width:100%; background:#fff}

/*20190124 추가*/
#header > .top {padding:25px 0; border-bottom:0px solid #f1f2f3}
#header > .top > .inner {position:relative; width:1400px; margin:0 auto}
#logo {position:absolute; top:0; left:40%; margin-left:-120px}
#header > .top > .inner .left-link {float:left; font-size:0}
#header > .top > .inner .left-link > li {display:inline-block; margin-right:15px; text-align:center}
#header > .top > .inner .left-link > li a {display:block}
#header > .top > .inner .left-link > li a .icon {margin-bottom:5px}
#header > .top > .inner .left-link > li a .icon img {vertical-align:top}
#header > .top > .inner .left-link > li a span {font-size:12px; font-weight:600; color:#877d7e}
#header > .top > .inner .right-link {float:right; font-size:0; padding-top:10px}
#header > .top > .inner .right-link .header_tel span {font-size:14px;}
#header > .top > .inner .right-link .header_tel p {font-size:24px;color:#ed6d00;line-height:1;margin-bottom:0px;}

#header > .top > .inner .right-link ul {float:left; padding-top:12px}
#header > .top > .inner .right-link ul > li {display:inline-block; margin-right:20px}
#header > .top > .inner .right-link ul > li a {font-size:12px; color:#877d7e}
#header > .top > .inner .right-link ul > li a i {font-weight:600; margin-right:5px; vertical-align:-1px}
#header > .top > .inner .right-link .btn-allmenu {float:right; position:relative; width:43px; height:43px; border:none; border-radius:50%; background:#cca865; cursor:pointer; outline:none}
#header > .top > .inner .right-link .btn-allmenu:hover {background:#c39e5a}
#header > .top > .inner .right-link .btn-allmenu span {position:absolute; display:block; left:50%; width:22px; height:3px; margin-left:-11px; background:#fff}
#header > .top > .inner .right-link .btn-allmenu span.line1 {top:14px}
#header > .top > .inner .right-link .btn-allmenu span.line2 {top:20px}
#header > .top > .inner .right-link .btn-allmenu span.line3 {top:26px}




#header .header_top {position:relative; border-bottom:0px solid #d1d1d1;background:#ed6d00;}
#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:124px}
#header .header_top .header_inner ul#nav li a {display:block; width:100%; height:62px; line-height:62px;color:#fff; text-align:center; transition:all 0.3s ease; font-size:17px; font-weight:600}
#header .header_top .header_inner ul#nav li a:hover {color:#fff}
#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:absolute; display:none;background:#fff;width:100%;}
#header.sub_header .header_bottom {position:absolute; width:100%; background:#fff}
#header .header_bottom.active {display:block}
#header .header_bottom .header_inner {width:1400px; margin:0 auto}
#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;}
#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}
#header .header_bottom .header_inner .sub-menu ul.sub_ul li a:hover {color:#ed6d00; border-color:#ed6d00}
/* 퀵메뉴 */
#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 200px;  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:#a0a0a0}
#footer > .inner .info .copyright {font-size:12px; color:#a0a0a0}
/*#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;}
}