@charset "euc-kr";
/*  */
body.fixed {overflow-y:hidden}
/* Àüü·¹À̾ƿô */
#wrapper {/*min-width:1200px;*/ overflow:hidden}
/* Çì´õ°íÁ¤ */
/*body.scrollfix #container {margin-top:61px}*/
/* Çì´õ */
#header {position:relative}
/*@media screen and (min-width:1024px) {
#header {position:absolute;top:0px;width:100%;z-index:990;}
}*/
/* body */
body.lock {overflow:hidden}
#header > .top {position:fixed;z-index:200;width:100%;/*top:0px;*/}
body.scrollfix #header > .top > .inner {position:fixed; }
#logo {position:absolute; top:15px; left:20px;z-index:10;}
#header > .top > .mobile-tel {display:none;font-family:notokr;font-size:14px;position:absolute;right:10px;top:15px;}
#header > .top > .mobile-tel span {}
#header > .top > .mobile-tel p a {font-family:"Montserrat";color:#d91440;font-weight:bold;}
#header > .top > .right-link {position:absolute; top:5px; right:15px;z-index:10;font-size:0; padding-top:10px}
#header > .top > .right-link ul {float:left; padding-top:12px}
#header > .top > .right-link ul > li {display:inline-block; margin-right:20px;color:#000;font-size:12px;}
#header > .top > .right-link ul > li a {font-size:15px; color:#d91440}
#header > .top > .right-link ul > li a i {font-weight:600; margin-right:5px; vertical-align:-1px}
/* Çì´õ */
#header {position:fixed; top:20px; left:0; width:100%; z-index:990; transition:all .4s ease;border:solid 0px red;}
#header:before {position:absolute; top:-20px; left:0; width:100%; height:0; content:''; background:#fff; box-shadow:0 2px 2px rgba(0, 0, 0, .04); z-index:10; transition:all .4s ease}
#header > .inner {position:relative; max-width:1300px; margin:0 auto; padding:0px 50px 0px 100px; z-index:30;border:solid 0px red;}
#gnb > li {position:relative; display:inline-block; vertical-align:top}
#gnb > li > a:before {position:absolute;left:50%;margin-left:-42%;bottom:25px;content:'';width:0px;height:10px;background:#d91440;z-index:10;opacity:0.5;transition:all .4s ease}
#gnb > li.on > a:before {width:85%;}
#gnb > li > a {display:block; padding:25px 12px; font-size:18px; color:#000000;}
#gnb > li > ul {display:none; position:absolute; top:80px; left:50%; width:180px; margin-left:-90px; padding:0 20px; background:#fff; box-shadow:0 4px 20px rgba(0, 0, 0, .08);border-radius:20px;}
#gnb > li > ul:before {position:absolute; top:-12px; left:50%; content:''; margin-left:-6px; border-style:solid; border-width:6px; border-color:transparent transparent #fff transparent}
#gnb > li > ul > li {position:relative;border-bottom:0px solid #e0e0e0}
#gnb > li > ul > li > a {position:relative; display:block; padding:10px 0;font-size:15px;}
#gnb > li > ul > li:last-child > a {border-bottom:none}
#gnb > li > ul > li:first-child {padding-top:10px;}
#gnb > li > ul > li:last-child {padding-bottom:10px;}
#header.fixed {top:0}
#header.fixed:before {top:0; height:100%}
#header.fixed #gnb > li > a {color:#000}
#header.fixed #gnb > li > a:after {display:none}
#gnbTrigger {display:none; position:fixed; top:0; left:0; width:66px; height:66px; border:none; background:#fff; cursor:pointer; outline:none; z-index:1100}
#gnbTrigger > span {display:block; position:absolute; left:50%; width:30px; height:3px; margin-left:-15px; background:#000; transition:all .3s ease-in-out; transform:rotate(0deg); opacity:1}
#gnbTrigger > .bar1 {top:24px}
#gnbTrigger > .bar2 {top:32px}
#gnbTrigger > .bar3 {top:40px}
#gnbTrigger.open {background:#000}
#gnbTrigger.open > span {background:#fff}
#gnbTrigger.open > .bar1 {top:32px; transform:rotate(135deg)}
#gnbTrigger.open > .bar2 {opacity:0; left:-30px}
#gnbTrigger.open > .bar3 {top:32px; transform:rotate(-135deg)}
/* ǪÅÍ */
#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:#df2d45;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}
/* »ó´ÜÀ¸·Î ½ºÅ©·Ñ */
#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)}
/* ¹Ìµð¾îÄõ¸® */
@media screen and (min-width:1025px) {
 /* Çì´õ */
 #gnb > li > a:after {width:0px; margin-top:5px; height:1px; content:''; background:#d91440;display:none;}
 /*#gnb > li.open > a:after {display:block}
 #gnb > li.on > a:after, #gnb > li.open > a:after, #gnb > li > a:hover:after {display:block}*/
 /* #gnb > li.open > a:before {width:85%;} */
 #gnb > li > a:hover:after {width:100%;}
 #gnb > li > ul > li > a:hover {color:#d91440}
 #gnb > li > ul > li a {border:solid 0px red;}
 #gnb > li > ul > li a > span {position:relative;display:inline-block;border:solid 0px red;}
 #gnb > li > ul > li a > span:after {position:absolute;display:inline-block;bottom:0px; left:0; width:0; height:10px; content:'' !important; background:#d91440; transition:all .4s ease;opacity:0.5;}
 #gnb > li > ul > li a:hover span:after {width:130%}
 #gnb > li > ul > li a span:after {width:0%}
 #gnb > li > ul > li:last-child:after {display:none}
 #header.fixed #gnb > li > a:hover, #header.fixed #gnb > li.on > a {color:#d91440}
}

@media screen and (max-width:1400px) {
}
@media screen and (max-width:1300px) {
#header > .inner {max-width:913px;transition:all .4s ease;}
#gnb > li > a {padding:25px 14px;}
#header > .top > .right-link ul > li {margin-right:10px;}
}
@media screen and (max-width:1200px) {
#gnb > li > a {padding:25px 10px;}
}
@media screen and (max-width:1024px) {
 /* Çì´õ */
 #logo { float:none; margin:15px auto 0 auto; padding:0; z-index:1100}
 #gnbWrapper {position:fixed; top:0; left:-100%; width:100%; height:100%; background:#fff; z-index:1010;}
 #gnbTrigger {display:block !important;}
 .mobile-scroll {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}
 #gnb {float:none; margin-top:0px; text-align:center;overflow:hidden;padding-left:0px;}
  #gnbWrapper:before {content: ''; position: absolute; display: block; left: 0; top:137px; right: 0; height: 30px; background-image: linear-gradient(0deg, hsla(0,0%,100%,0) 0, rgba(255,255,255,.3) 20%, #fff); z-index: 2000;border:solid 0px red;}
 #gnbWrapper:after {content: ''; position: absolute; display: block; left: 0; top:638px; right: 0; height: 30px; background-image: linear-gradient(180deg, hsla(0,0%,100%,0) 0, rgba(255,255,255,.3) 20%, #fff); z-index: 2000;border:solid 0px red;}

 #gnb > li {display:block}
 #gnb > li > a {display:inline-block; font-size:30px; padding:8px 15px !important; color:#333}
 #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 > li > a {font-size:16px; padding:8px 0; border-bottom:none}
}
@media screen and (max-width:768px) {
 /* Çì´õ */
 #gnb > li > a {font-size:24px !important}
 #gnb > li > ul > li > a {font-size:16px}
 }
 
@media screen and (max-width:480px) {
 .mobile-scroll-y {margin-right:0px;} 
}