@charset "euc-kr";
/*  */
body {background: #fff;}
body.fixed {overflow-y:hidden}
/* Àüü·¹À̾ƿô */
#wrapper {/*min-width:1200px;*/ overflow:hidden;}
/* Çì´õ°íÁ¤ */
/*body.scrollfix #container {margin-top:61px}*/
/*@media screen and (min-width:1024px) {
#header {position:absolute;top:0px;width:100%;z-index:990;}
}*/
/* body */
body.lock {overflow:hidden}
body.scrollfix #header > .top > .inner {position:fixed; }
/*»ó´Ü¸Þ´º new style*/
#header {position:fixed; top:0px; width:100%; background:#fff; box-shadow:0 1px 2px 0 rgba(0,0,0,0.08); z-index:500}
#header.fixed {position:fixed; top:0}
#header.sub_header {position:fixed; top:0;}
#header > #gnb_wrap h1#logo {position:absolute; top:20px; left:50px; margin-top:0px}
#header > #gnb_wrap h1#logo a {}
#header > #gnb_wrap h1#logo a .logo {display:block; width:100%}
/* »ó´Ü ¿µ¿ª */
#header.scroll {position:fixed; left:0; width:100%; background:#fff}
#header > #gnb_wrap .sns_link {position:absolute; top:25px; right:50px;} 
#header > #gnb_wrap .sns_link:after {display:block; content:''; clear:both} 
#header > #gnb_wrap .sns_link li {float:left; margin-left:1px} 
#header > #gnb_wrap .sns_link li a {display:block; width:40px; height:40px; text-align:center; line-height:40px; background:#000; font-size:18px; font-weight:300; color:#fff} 
#header > #gnb_wrap .sns_link li:nth-child(2) a {background:#5b5b5b} 
#gnb_wrap {height:90px;position:relative;overflow:hidden;}
#gnb_wrap:before {position:absolute; top:90px; left:0; width:100%; height:1px; content:''; background:#d1d1d1; transition:all .4s ease;z-index:9999;}
#gnb_wrap:after {clear:both; display:block; content:''}
#gnb_wrap a.gnb_top {display:none}
#gnb_wrap button {display:none}
#gnb {max-width:1200px;width:1200px; margin:0 auto; padding:0px; height:90px;}
#gnb:after {clear:both; display:block; content:''}
#gnb > li {position:relative; float:left; width:133px; height:100%; text-align:center; transition:all .4s ease;}
#gnb > li > a > span {position:relative; padding-bottom:13px}
#gnb > li > a {display:block; position:relative; color:#000; transition:all .4s ease; z-index:50;font-size:17px;line-height:90px;height:90px;}
#gnb > li:hover {background:#fbfbfb;}
#gnb > li:hover > a {color:#cca865;}
#gnb > li > ul.submnu {display:; position:relative; top:0; left:0; width:100%;opacity:1; filter:alpha(opacity='0'); z-index:110;padding-top:10px;height:400px}
#gnb > li:hover > ul {background:#fbfbfb}
#gnb > li.on > ul.submnu {display:block;}
#gnb > li > ul.submnu li {position:relative; padding:10px 0; text-align:left;text-align:center;height:30px;}
#gnb > li > ul.submnu li.emty {border-bottom:solid 0px #000;border-top:solid 0px #000;}
#gnb > li > ul.submnu li a {display:inline-block; font-size:14px; color:#404040; transition:all 0.3s ease; padding-bottom:3px; border-bottom:1px solid transparent}
#gnb > li > ul.submnu li:hover a{color:#cca865; border-color:#cca865}
#gnbTrigger {display:none; position:fixed; top:0; left:0; width:55px; height:55px; border:none; background:#fff; cursor:pointer; outline:none; z-index:1100}
#gnbTrigger > span {display:block; position:absolute; left:50%; width:25px; height:3px; margin-left:-13px; background:#000; transition:all .3s ease-in-out; transform:rotate(0deg); opacity:1}
#gnbTrigger > .bar1 {top:18px}
#gnbTrigger > .bar2 {top:26px}
#gnbTrigger > .bar3 {top:34px}
#gnbTrigger.open {background:#000}
#gnbTrigger.open > span {background:#fff}
#gnbTrigger.open > .bar1 {top:26px; transform:rotate(135deg)}
#gnbTrigger.open > .bar2 {opacity:0; left:-30px}
#gnbTrigger.open > .bar3 {top:26px; transform:rotate(-135deg)}
@media screen and (max-width:1400px) {
#gnb {max-width:100%;width:900px;}
#gnb > li {width:90px;}
}
@media screen and (max-width:1280px) {
#gnb {max-width:100%;width:700px;}
#gnb > li {width:70px;}
}
@media screen and (max-width:1024px) {
#header {top:0px;}
#logo {position:absolute; top:0px; left:50%; margin-left:-33px}
#logo img {width:66px;}
#header > #gnb_wrap h1#logo {position:fixed; top:15px; left:50%; margin-left:-36.5px}
#gnb_wrap {position:fixed; top:0; left:-100%; width:100%; height:100% !important; background:#fff; z-index:1010;}
#gnb_wrap:before {display:none;}
#gnbTrigger {display:block !important;}
#gnb {width:100%;height:100%;}
#gnb > li {position:relative; float:none;width:100%;display:block;height:auto;}
#gnb > li > a {display:inline-block; font-size:20px; padding:8px 15px !important; color:#333;line-height:1;height:auto;}
#gnb > li.open > a {color:#fff !important; background:#333}
#gnb > li > ul {position:static; margin:0 !important; width:auto; text-align:center; background:transparent; box-shadow:none;}
/*#gnb > li.open > ul {display:block;}*/
#gnb > li > ul:before {display:none}
#gnb > li > ul.submnu {display:none;height:auto;padding-bottom:20px;}
#gnb > li > ul.submnu li a {font-size:16px; padding:8px 0; border-bottom:none}
#gnb > li:hover {background:none;}
#gnb > li:hover > a {color:#cca865;}
#gnb > li:hover > ul {background:none}
#gnb > li > ul.submnu li {height:auto;padding:0px;}
#gnb > li > ul.submnu li a {padding:5px 0px;font-size:14px;}
 
#header > #gnb_wrap .sns_link {top:15px; right:10px;} 
#header > #gnb_wrap .sns_link li a {width:30px; height:30px;line-height:30px;font-size:14px;} 
 .mobile-scroll {padding-top:50px;overflow:hidden;position:relative;/*width:calc(100% - 17px)*/}
 .mobile-scroll-y {overflow:auto;height:529px;margin-right:-17px;margin-top:20px;padding-top:20px;padding-bottom:20px;margin-bottom:20px;border:solid 0px blue}
}
@media screen and (max-width:768px) {
 /* Çì´õ */
 
}
@media screen and (max-width:480px) {
 .mobile-scroll-y {margin-right:0px;} 
}

/* ǪÅÍ */
#footer {margin-top:80px; padding:70px 0 80px 0; background:#000}
#footer > .inner {width:1400px; margin:auto}
#footer .foot_wrap {position:relative;font-size:0px;}
#footer .foot_wrap > div {display:inline-block;vertical-align:top;}
#footer .foot_logo {width:145px;}
#footer .foot_info {width:955px;padding-left:60px;padding-top:10px;}
#footer .foot_info span {color:#bdbdbd;font-size:17px;display:block;line-height:1.5;}
#footer .foot_info > h3 {margin-top:30px;}
#footer .foot_info > h3 a {color:#757575;font-size:17px;}
#footer .foot_customer {width:300px;text-align:right;}
#footer .foot_customer h1 {font-size:35px;color:#cca865;font-family:'Montserrat';font-weight:bold;}
#footer .foot_customer p {font-size:15px;color:#555;}
#footer .foot_customer span {margin-top:20px;display:inline-block;}
#footer .foot_customer span a {display:inline-block;margin-left:10px;font-size:24px;color:#757575}
@media screen and (max-width:1400px) {
/* ǪÅÍ */
#footer > .inner {width:100%;padding:0px 20px;}
#footer .foot_logo {width:15%;}
#footer .foot_info {width:70%;}
#footer .foot_customer {width:15%;}
}
@media screen and (max-width:1200px) {
/* ǪÅÍ */
#footer {margin-top:50px;}
#footer > .inner {width:100%; margin:auto;padding:0px 20px;}
}
@media screen and (max-width:1024px) {
/* ǪÅÍ */
#footer {padding:70px 0 80px 0;}
#footer > .inner {}
#footer .foot_wrap {position:relative;font-size:0px;text-align:center;}
#footer .foot_wrap > div {display:block;vertical-align:top;}
#footer .foot_logo {width:100%;}
#footer .foot_logo a img {width:80px;}
#footer .foot_info {width:100%;padding-left:0px;padding-top:20px;}
#footer .foot_info span {font-size:14px;display:block;line-height:1.5;}
#footer .foot_info span a {color:#bdbdbd;font-size:14px;}
#footer .foot_info > h3 {margin-top:30px;}
#footer .foot_info > h3 a {font-size:14px;}
#footer .foot_customer {width:100%;text-align:center;}
#footer .foot_customer h1 {font-size:25px;}
#footer .foot_customer p {font-size:12px;color:#555;}
#footer .foot_customer span {margin-top:20px;display:inline-block;}
#footer .foot_customer span a {display:inline-block;margin-left:10px;font-size:20px;}
#footer .foot_customer span a:first-child {margin-left:0px;}
}
/* »ó´ÜÀ¸·Î ½ºÅ©·Ñ */
#scrollTop {display:none; position:fixed; bottom:30px; right:30px; display:inline-block; width:45px; height:45px; text-align:center; color:#fff; line-height:45px; border-radius:50%; background:#555; transition:none !important; z-index:900}
#scrollTop i {position:absolute; top:35%; left:35%; transition:all .4s ease}
#scrollTop span {position:absolute; width:100%; top:0; left:50%; font-weight:600; margin-left:-22px; line-height:45px; opacity:0; filter:alpha(opacity='0'); transform:rotate(-360deg); transition:all .4s ease}
#scrollTop.on i {opacity:0; filter:alpha(opacity='0'); transform:rotate(360deg)}
#scrollTop.on span {display:block; opacity:1; filter:alpha(opacity='100'); transform:rotate(0deg)}