@charset "euc-kr";
/**********************************************
* ½ºÅÄ´Ùµå¹ÝÀÀÇü SD001 ·¹À̾ƿô css
* ¹öÀü : 1.4
* ¸±¸®Áî : 2017-10-26
* º» cssÀÇ ÀúÀÛ±ÇÀº µµÆ®ÇǾƿ¡ ÀÖ½À´Ï´Ù.
**********************************************/
/* ¹Ùµð */
body.locked {overflow-y:hidden}
/* »ó´Ü */
#header {position:fixed; top:0; left:0; width:100%; height:116px; z-index:990; transition:all 0.3s}
#header > .inner {position:relative; max-width:1200px; margin:auto}
#header #logo {float:left}
#header #logo a {display:block; width:140px; padding-top:43px; font-size:35px; color:black;}
#header #logo img {display:block; width:150%}
#header #logo img.logo_dark {display:none}
#header #lnb {float:right; width:80%; 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:'Abel','Noto Sans KR',sans-serif; font-weight:600; 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:#e32929; 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:#25a4d9; z-index:500; opacity:0; transition:all 0.5s}
#btnTop.show {right:30px; opacity:1}
#btnTop:hover {background:#0070bb}
#btnTop i {font-size:18px}
#btnTop span {display:block; font-size:13px; font-weight:600}
#footer {clear:both; background:#005651}
#footer .inner {max-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:#353535; transition:all 0.3s}
#footer > .footer-top .sns-list > li a:hover {color:#2b2f33 !important; background:#fff}
#footer > .footer-bottom {position:relative; padding:40px 0 60px; border-top:1px solid #333}
#footer > .footer-bottom .left {float:left}
#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 {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 #333; background:#373737}
#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:#4a4949}
#footer > .footer-bottom .dropdown > ul > li > a:hover {color:#fff}
#footer > .footer-bottom .dropdown.open > ul {max-height:200px}
/* ----------------------------------------------------------
 * ¹Ìµð¾î Äõ¸®
---------------------------------------------------------- */
/* PC */
@media screen and (min-width:1025px) {
 /* »ó´Ü */
 #header #lnb > .lnb {font-size:0}
 #header #lnb > .lnb > li {display:inline-block; font-size:16px; text-align:center; min-width:125px; vertical-align:top}
 #header #lnb > .lnb > li > a {position:relative; display:block; padding:48px 30px; font-size:20px; color:#fff; line-height:1; transition:color 0.3s}
 #header #lnb > .lnb > li > a:after {position:absolute; content:''; bottom:0; left:50%; width:0; height:4px; background:#e32929; transition:all 0.3s}
 #header #lnb > .lnb > li:hover > a {color:#e32929 !important}
 #header #lnb > .lnb > li:hover > a:after {left:0; width:100%}
 #header #lnb > .lnb > li > .subnav {position:relative; display:none; margin-top:30px; z-index:20}
 #header #lnb > .lnb > li > .subnav > li {line-height:1.8}
 #header #lnb > .lnb > li > .subnav > li > a {font-size:16px; color:#555}
 #header #lnb > .lnb > li > .subnav > li > a:hover {color:#e32929}
 #header #lnb > .lnb-overlay {display:none !important}
 #header #lnb > .subnav-bg {position:fixed; display:none; top:116px; 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}
}
/* ÅÂºí¸´ */
@media screen and (max-width:1024px) {
 /* »ó´Ü */
 #header > .inner {padding:0 30px}
 #header #lnb > .lnb {position:fixed; top:0; right:-270px; width:270px; height:100%; padding-top:80px; background:#fff; box-shadow:-2px 0 6px rgba(0,0,0,0.25); z-index:998; opacity:0; transition:all 0.4s}
 #header #lnb.open > .lnb {right:0; opacity:1}
 #header #lnb > .lnb > li {display:block; text-align:left}
 #header #lnb > .lnb > li > a {position:relative; display:block; width:100%; padding:16px 20px; font-size:16px; color:#2b2b2b}
 #header #lnb > .lnb > li > a:after {position:absolute; right:20px; content:'\e93f'; font-family:'xeicon'; font-size:18px; color:#000; padding-top:2px; transition:transform 0.3s ease}
 #header #lnb > .lnb > li.open > a:after {transform:rotate(90deg)}
 #header #lnb > .lnb > li > .subnav {display:none; position:relative; padding:10px 0; background:#555; transition:none}
 #header #lnb > .lnb > li > .subnav > li {line-height:1}
 #header #lnb > .lnb > li > .subnav > li > a {display:block; padding:12px 20px; font-size:14px; color:#d0d0d0}
 #header #lnb > .lnb > li > .subnav > li > a:before {content:'-'; margin-right:8px}
 #header #lnb > .lnb > li.on > a {color:#e32929}
 #header #lnb > .lnb > li > .subnav > li.on > a {font-weight:500; color:#e32929 !important}
 #header #lnb > .subnav-bg {display:none}
 #header #lnb > .btnOpenMenu {position:fixed; display:block; top:30px; right:30px; width:40px; height:40px; border:none; background:transparent; cursor:pointer; outline:none; z-index:1100}
 #header #lnb > .btnOpenMenu > span {position:absolute; display:block; height:2px; left:8px; background:#fff; transition:all 0.3s}
 #header #lnb > .btnOpenMenu > .bar-top {top:12px; width:20px}
 #header #lnb > .btnOpenMenu > .bar-mid {top:20px; width:28px}
 #header #lnb > .btnOpenMenu > .bar-btm {top:28px; width:24px}
 #header #lnb > .btnOpenMenu.open > span {width:28px; background:#000}
 #header #lnb > .btnOpenMenu.open > .bar-top {top:20px; transform:rotate(45deg)}
 #header #lnb > .btnOpenMenu.open > .bar-mid {left:-30px; opacity:0}
 #header #lnb > .btnOpenMenu.open > .bar-btm {top:20px; transform:rotate(-45deg)}
 #header.fixed {height:70px; background:#fff; box-shadow:0 2px 4px rgba(0,0,0,0.15)}
 #header.fixed #logo a {padding-top:10px; transition:all 0.3s}
 #header.fixed #lnb > .btnOpenMenu {top:15px}
 #header.fixed #lnb > .btnOpenMenu > span {background:#000}
 /* ÇÏ´Ü */
 #footer .inner {padding:0 30px}
 #footer > .footer-bottom .left {float:none}
 #footer > .footer-bottom .left address {float:none; margin:0 0 5px}
 #footer > .footer-bottom .left .contact-info {padding-left:24px}
 #footer > .footer-bottom .dropdown {position:relative; top:0; right:0; width:100%; margin-bottom:30px}
 #footer > .footer-bottom .dropdown > ul > li > a {height:40px; padding:0 15px; font-size:14px; line-height:40px}
}
/* ¸ð¹ÙÀÏ */
@media screen and (max-width:768px) {
 /* »ó´Ü */
 #header > .inner {padding:0 15px}
 #header #logo a {width:120px; padding-top:25px}
 #header #lnb > .btnOpenMenu {top:30px; right:15px}
 #header.fixed #lnb > .btnOpenMenu {top:28px}
 /* ÇÏ´Ü */
 #btnTop {position:fixed; display:block; bottom:30px; right:-60px; width:60px; height:60px; padding:10px 0}
 #btnTop.show {right:15px}
 #btnTop i {font-size:15px}
 #btnTop span {font-size:12px}
 #footer .inner {padding:0 15px}
 #footer > .footer-top .link-list {float:none; text-align:center; margin-bottom:20px}
 #footer > .footer-top .link-list > li {font-size:13px; line-height:1.8; margin:0 10px}
 #footer > .footer-top .link-list > li a {font-size:13px}
 #footer > .footer-top .sns-list {float:none; text-align:center}
 #footer > .footer-top .sns-list > li {margin:0 4px}
 #footer > .footer-bottom {text-align:center; padding:30px 0 40px}
 #footer > .footer-bottom address {font-size:13px !important; line-height:1.2; margin-bottom:0 !important}
 #footer > .footer-bottom .left .copyright {font-size:12px !important}
 #footer > .footer-bottom .left .contact-info {font-size:13px; padding-left:0}
 #footer > .footer-bottom .left .contact-info a {color:#d0d0d0 !important}
 #footer > .footer-bottom .dropdown > a {text-align:left}
 #footer > .footer-bottom .dropdown > ul > li > a {text-align:left}

.lang a{font-size:12px}
}