@charset "euc-kr";
/* ¹Ùµð */
body.fixed {overflow-y:hidden}
/* ÀüÃ¼ °¨½Î±â */
#wrapper {min-width:1200px; overflow:hidden}
/* ÄÁÅ×ÀÌ³Ê */
body.scrollfix #container {margin-top:61px}
/* Çì´õ */
#header {position:relative}
#header > .top {padding:30px 0; border-bottom:1px solid #f1f2f3}
#header > .top > .inner {position:relative; width:1200px; margin:0 auto}
#logo {position:absolute; top:0; left:50%; margin-left:-37px}
#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 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:#53d7d5; cursor:pointer; outline:none}
#header > .top > .inner .right-link .btn-allmenu:hover {background:#3bbcb8}
#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 > .btm {position:relative; border-bottom:1px solid #eeeff0; background:#fff}
body.scrollfix #header > .btm {position:fixed; top:0; left:0; width:100%; z-index:900}
#nav {width:1200px; height:60px; margin:auto; text-align:justify; overflow:hidden}
#nav:after {display:inline-block; width:100%; content:''}
#nav > li {display:inline-block; width:auto}
#nav > li > a {display:block; font-size:16px; font-weight:600; color:#404040; line-height:60px}
#nav > li.on > a, #nav > li > a:hover {color:#9cc3d7}
#subnav {display:none; position:absolute; top:61px; left:0; width:100%; border-bottom:1px solid #e5e5e5; background:#fff; z-index:100}
#subnav.show {display:block !important}
#subnav > .inner {width:1200px; margin:0 auto}
#subnav > .inner .menu-item {display:none}
#subnav > .inner .menu-item.active {display:block}
#subnav > .inner .menu-item:after {clear:both; display:block; content:''}
#subnav > .inner .menu-item .imgArea {float:left; width:485px}
#subnav > .inner .menu-item .imgArea img {display:block}
#subnav > .inner .menu-item ul {float:right; width:700px; padding-top:45px}
#subnav > .inner .menu-item ul:after {clear:both; display:block; content:''}
#subnav > .inner .menu-item ul > li {float:left; width:25%; margin-bottom:15px}
#subnav > .inner .menu-item ul > li a {font-size:15px; font-weight:600; color:#404040}
#subnav > .inner .menu-item ul > li a:before {display:inline-block; width:6px; height:6px; content:''; margin-right:10px; border:2px solid #745c5f; vertical-align:2px; box-sizing:border-box}
#subnav > .inner .menu-item ul > li.on a, #subnav > .inner .menu-item ul > li a:hover {color:#9cc3d7}
/* ÀüÃ¼ ¸Þ´º */
#all-menu {display:none; position:fixed; top:0; left:0; width:100%; height:100%; z-index:900}
#all-menu .mask {position:fixed; top:0; left:0; width:100%; height:100%; background:#000; opacity:.8; z-index:990}
#all-menu .menu-layer {position:fixed; top:50%; left:50%; width:1080px; height:680px; margin:-340px 0 0 -540px; background:#fff; z-index:1100}
#all-menu .menu-layer .title-bar {position:relative; text-align:center; height:73px; background:url(../../img/allmenu_title_bg.jpg) center top no-repeat}
#all-menu .menu-layer .title-bar h2 {font-size:28px; font-weight:normal; color:#fff; line-height:73px}
#all-menu .menu-layer .title-bar h2 i {margin-right:10px; vertical-align:-2px}
#all-menu .menu-layer .title-bar .btnClose {position:absolute; top:18px; right:20px; width:40px; height:40px; border:none; background:transparent; outline:none; cursor:pointer}
#all-menu .menu-layer .title-bar .btnClose span {position:absolute; top:50%; left:50%; display:block; width:32px; height:2px; margin:-2px 0 0 -16px; background:#fff}
#all-menu .menu-layer .title-bar .btnClose span.line1 {transform:rotate(45deg)}
#all-menu .menu-layer .title-bar .btnClose span.line2 {transform:rotate(-45deg)}
#all-menu .menu-layer .menu-wrapper {height:607px; overflow-y:auto}
#all-menu .menu-layer .menu-wrapper .depth1 > li {padding:50px 0; border-bottom:1px dotted #d5d5d5}
#all-menu .menu-layer .menu-wrapper .depth1 > li > .box {width:850px; margin:auto}
#all-menu .menu-layer .menu-wrapper .depth1 > li > .box:after {clear:both; display:block; content:''}
#all-menu .menu-layer .menu-wrapper .depth1 > li > .box h3.title {float:left; width:200px; font-size:28px; font-weight:600; color:#745c5f}
#all-menu .menu-layer .menu-wrapper .depth1 > li > .box h3.title:after {display:block; margin-top:15px; width:24px; height:3px; content:''; background:#745c5f}
#all-menu .menu-layer .menu-wrapper .depth1 > li > .box .depth2 {float:right; width:645px}
#all-menu .menu-layer .menu-wrapper .depth1 > li > .box .depth2:after {clear:both; display:block; content:''}
#all-menu .menu-layer .menu-wrapper .depth1 > li > .box .depth2 > li {float:left; width:25%; margin-bottom:15px}
#all-menu .menu-layer .menu-wrapper .depth1 > li > .box .depth2 > li a {font-size:14px; color:#404040}
#all-menu .menu-layer .menu-wrapper .depth1 > li > .box .depth2 > li a:before {display:inline-block; width:6px; height:6px; content:''; margin-right:10px; border:2px solid #745c5f; vertical-align:2px; box-sizing:border-box}
#all-menu .menu-layer .menu-wrapper .depth1 > li > .box .depth2 > li.active a, #all-menu .menu-layer .menu-wrapper .depth1 > li > .box .depth2 > li a:hover {color:#867460}
/* Äü¸Þ´º */
#quickmenu {position:fixed; top:220px; right:20px; z-index:900}
#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:#867460}
#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:#867460}
#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 {margin-top:80px; padding:35px 0 160px 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}