@charset "euc-kr";
@import url(//cdn.rawgit.com/hiun/NanumSquare/master/nanumsquare.css);
/**********************************************
* ½ºÅÄ´Ùµå¹ÝÀÀÇü SD001 ·¹À̾ƿô css
* ¹öÀü : 1.4
* ¸±¸®Áî : 2017-10-26
* º» cssÀÇ ÀúÀÛ±ÇÀº µµÆ®ÇǾƿ¡ ÀÖ½À´Ï´Ù.
**********************************************/
/*¿ìÃø µû¶ó´Ù´Ï´Â ¹è³Ê*/
.skybanner { position:fixed; bottom:3%; right:2%; width:120px;}
.skybanner li  { height:100px; }
.skybanner a { position:relative; display:block; overflow:hidden;}
.skybanner a:hover span { top:35px;  transition:all .5s; }
.skybanner a span { position:absolute; top:115px; left:-10px; width:100%; font-size:14px; font-weight:500; color:#fff; text-align:center; text-shadow:1px 1px 1px rgba(0,0,0,.5);}

/* ¹Ùµð */
body {min-width:1200px;}
body.locked {overflow-y:hidden}
/* »ó´Ü */
#header {position:fixed; top:0; left:0; width:100%; height:90px; z-index:990; transition:all 0.3s}
#header > .inner {position:relative; width:1200px; margin:auto}
#header #logo {float:left}
#header #logo a {display:block; width:140px; padding-top:30px}
#header #logo img {display:block;}
#header #logo img.logo_dark {display:none}
#header #lnb {float:right; width:88%; text-align:right}
#header #lnb > .lnb-overlay {position:fixed; display:none; top:0; left:0; width:100%; height:100%; background:#000; opacity:0.65; z-index:900}
#header #lnb > .lnb > li > a {font-family:'Nanum Square','Noto Sans KR',sans-serif; letter-spacing:1px}
#header.on #logo img.logo_light, #header.fixed #logo img.logo_light {display:none}
#header.on #logo img.logo_dark, #header.fixed #logo img.logo_dark {display:block}
/* ·Îµù ¾Ö´Ï¸ÞÀÌ¼Ç */
#page-loader {position:fixed; top:0; left:0; right:0; bottom:0; background:#fff; z-index:33333; transition:transform 0.6s cubic-bezier(0.88,0.08,0.29,0.93)}
#page-loader > .spinner {position:absolute; top:50%; left:50%; width:40px; height:40px; margin:-20px 0 0 -20px}
#page-loader > .spinner > div {position:absolute; top:0; left:0; width:100%; height:100%; border-radius:50%; background:#f74426; opacity:0.6; -webkit-animation:double-bounce 2s infinite ease-in-out; animation:double-bounce 2s infinite ease-in-out}
#page-loader > .spinner .bounce-circle2 {-webkit-animation-delay:-1s; animation-delay:-1s}
#page-loader.hide {transform:translateY(-100%)}
@-webkit-keyframes double-bounce {
 0%, 100% {-webkit-transform:scale(0.0)}
 50% {-webkit-transform:scale(1.0)}
}
@keyframes double-bounce {
 0%, 100% {
  transform:scale(0.0);
  -webkit-transform:scale(0.0)
 }
 50% {
  transform:scale(1.0);
  -webkit-transform:scale(1.0)
 }
}
/* ÇÏ´Ü */
#btnTop {position:fixed; display:block; bottom:60px; right:-80px; width:80px; height:60px; padding:8px 0; color:#fff; text-align:center; color:#efefef; background:#3e464b; z-index:500; opacity:0; transition:all 0.5s}
#btnTop.show {right:30px; opacity:1}
#btnTop:hover {background:#455059}
#btnTop i {font-size:18px}
#btnTop span {display:block; font-size:13px; font-weight:600}
#footer {clear:both; background:#3a3e42}
#footer .inner {width:1200px; margin:auto}
#footer > .footer-top {padding:20px 0}
#footer > .footer-top .link-list {float:left; font-size:0; padding-top:8px}
#footer > .footer-top .link-list > li {display:inline-block; font-size:15px; margin-right:30px}
#footer > .footer-top .link-list > li a {font-size:15px; color:#d0d0d0}
#footer > .footer-top .sns-list {float:right; font-size:0}
#footer > .footer-top .sns-list > li {display:inline-block; font-size:18px; margin-left:5px}
#footer > .footer-top .sns-list > li a {display:block; width:32px; height:32px; font-size:16px; color:#efefef; text-align:center; line-height:34px; border-radius:50%; background:#2b2f33; transition:all 0.3s}
#footer > .footer-top .sns-list > li a:hover {color:#2b2f33 !important; background:#fff}
#footer > .footer-bottom {position:relative; padding:30px 0 60px; border-top:1px solid #2e3235}
#footer > .footer-bottom .left {margin:5px 0;}
#footer > .footer-bottom .left address {float:left; font-size:15px; color:#d0d0d0; margin-right:40px}
#footer > .footer-bottom .left address:before {content:'\eb5b'; font-family:'xeicon'; color:#eee; margin-right:8px; vertical-align:0}
#footer > .footer-bottom .left .contact-info { margin-right:20px; font-size:14px; color:#d0d0d0}
#footer > .footer-bottom .left .copyright {clear:both; font-size:13px; color:#6d7077; margin-top:10px}
#footer > .footer-bottom .dropdown {position:relative; float:right; width:230px}
#footer > .footer-bottom .dropdown > a {position:relative; display:block; width:100%; height:50px; padding:0 15px; font-size:15px; color:#d0d0d0; line-height:50px; border:1px solid #2a2d30; background:#303437}
#footer > .footer-bottom .dropdown > a:after {float:right; content:'\e944'; font-family:'xeicon'; color:#dedede; transition:transform 0.3s}
#footer > .footer-bottom .dropdown.open > a:after {transform:rotate(180deg)}
#footer > .footer-bottom .dropdown > ul {position:absolute; bottom:50px; left:0; width:100%; max-height:0; border:1px solid #2a2d30; border-bottom:none; background:#424649; overflow:hidden; z-index:10; transition:max-height 0.5s}
#footer > .footer-bottom .dropdown > ul > li > a {display:block; width:100%; height:45px; padding:0 15px; font-size:14px; color:#dedede; line-height:45px; background:#4d5154}
#footer > .footer-bottom .dropdown > ul > li > a:hover {color:#fff}
#footer > .footer-bottom .dropdown.open > ul {max-height:200px}

 /* »ó´Ü */
 #header #lnb > .lnb {font-size:0}
 #header #lnb > .lnb > li {display:inline-block; font-size:16px; text-align:center; vertical-align:top}
 #header #lnb > .lnb > li > a {position:relative; display:block; padding:37px 20px; font-size:18px; color:#fff; letter-spacing:-1px; font-weight:400; font-family:'Nanum Square'; line-height:1; transition:color 0.3s}
 #header #lnb > .lnb > li > a.over { padding:37px 32px;}
 #header #lnb > .lnb > li > a:after {position:absolute; content:''; bottom:0; left:50%; width:0; height:4px; background:#f74426; transition:all 0.3s}
 #header #lnb > .lnb > li:hover > a {color:#f74426 !important}
 #header #lnb > .lnb > li:hover > a:after {left:0; width:100%}
 #header #lnb > .lnb > li > .subnav {position:relative; display:none; margin-top:20px; z-index:20}
 #header #lnb > .lnb > li > .subnav > li {line-height:1.8}
 #header #lnb > .lnb > li > .subnav > li > a {font-size:15px; color:#555}
 #header #lnb > .lnb > li > .subnav > li > a:hover {color:#f74426}
 #header #lnb > .lnb-overlay {display:none !important}
 #header #lnb > .subnav-bg {position:fixed; display:none; top:90px; left:0; width:100%; z-index:10; border-bottom:1px solid #e2e2e2; background:#fff}
 #header #lnb > .btnOpenMenu {display:none}
 #header.on, #header.fixed {border-bottom:1px solid #e2e2e2; background:#fff}
 #header.on #lnb > .lnb > li > a, #header.fixed #lnb > .lnb > li > a {color:#2b2b2b}