@charset "euc-kr";
/* ¹Ùµð */
body.fixed {overflow-y:hidden}
p, span, ul, li{list-style:none; margin:0px; padding:0px;}
a, a:link, a:visited{color:white; text-decoration:none;}
h1{width:1px; height:1px; font-size:0px; line-height:0px; position:absolute; left:0px; top:0px;}
/* Àüü °¨½Î±â */
#wrapper {max-width:1920px; margin:0 auto; overflow:hidden}

/* ÄÁÅ×ÀÌ³Ê */
body.scrollfix #container {}
/* Çì´õ¿µ¿ª */    
div#header_wrap{width:100%; min-height:100px; float:left; background:#fff; z-index:500;}
#header.fixed {position:fixed; top:0px; background:#fff; z-index:50;}
#header{width:100%; height:100px; margin:0px auto; position:relative; left:0px; top:0px; background:#fff;}
h1#logo{position:absolute; top:27px; left:30px;}
h1#logo a{display:block; width:170px; height:100px;}
h1#logo a img{width:100%;}
nav#mainmenu{width:70%; height:60px; top:15px; float:right;margin-right:10%; }
ul#mainmenu_list{width:100%; height:60px; display:table; table-layout:fixed;padding:20px 0;}
ul#mainmenu_list>li{width:11.85%; margin-right:2.66%; height:60px; float:left; text-align:center;}
ul#mainmenu_list>li:last-child{margin-right:1%;}
ul#mainmenu_list>li>a{font:bold 16px/60px "Notokr"; color:#282931; text-decoration:none; vertical-align:middle; letter-spacing:0px; transition:all 0.3s ease; font-weight:600;}
ul#mainmenu_list>li>a:hover{color:#C49F5D;}
/* ¼­ºê¸Þ´º¿µ¿ª */
div.submenu01{width:100%; height:200px; background:#fff; position:absolute; top:80px; left:0px; z-index:9999; opacity:0;}
ul.sub_ul{float:left; border-right:1px solid darkgray; box-sizing:border-box; display:table-cell; text-align:center;}
ul.sub_ul:last-child{border:none;}
ul.sub_ul li{margin-bottom:0px;}
ul.sub_ul li:last-child > a{margin-bottom:0px; font-size:16px !important;}
ul.sub_ul li a{font:normal 14px "Notokr"; display:inline-block; color:#404040; transition:all 0.3s ease; padding-bottom:3px; border-bottom:1px solid transparent;}
ul.sub_ul li a:link{text-decoration:none;}
div.submenu01 ul.sub_ul li.sub_ul03{font:bold 14px "";}
/* Äü¸Þ´º */
#quickmenu {position:fixed; top:300px; 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:80%; 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}

/* 180718 Ãß°¡ */
.qone_w_pimg img{width:100% ! important;}
.qone_m_pimg{width:100%; margin-top:100px; display:none;}
.qone_m_pimg img{width:100% ! important;}
@media screen and (max-width:1400px){
ul#mainmenu_list>li{width:110px; }
ul#mainmenu_list>li>a{font:bold 14px/60px "Notokr"; color:#282931; text-decoration:none; vertical-align:middle; letter-spacing:0px; transition:all 0.3s ease; font-weight:600;}
.section{display:none;}
.qone_w_pimg{display:none;}
.qone_m_pimg{display:block; width:100%; float:left; }
.sub_background{display:none;}
#wrapper{width:100%; min-width: 0px;}
}

@media screen and (max-width:1350px){
ul#mainmenu_list{width: 1100px;}
}