@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}
#header #logo img {display:block; width:100%}
#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:'Noto Sans KR',sans-serif; _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:#2f6a87; 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)
 }
}


/* ÇÏ´Ü */


/* ¹®ÀÇÇϱ⠹öÆ° */
#btnInquiry {position:fixed; display:flex; flex-direction:column; align-items:center; justify-content:center; bottom:100px; right:-60px; width:60px; height:60px; padding:0; color:#fff; text-align:center; background:#2f6a87; z-index:500; opacity:0; transition:all 0.5s; line-height:normal;}
#btnInquiry.show {right:15px; opacity:1;}
#btnInquiry:hover {background:#25556e;}
#btnInquiry i {font-size:15px;}
#btnInquiry span {display:block; font-size:12px; font-weight:600; margin-top:2px; letter-spacing:-1px;}


/* ¹®ÀÇÇϱ⠹öÆ° (PNG À̹ÌÁö ¹öÀü) */
#btnInquiryImg {position:fixed; display:block; bottom:100px; right:-60px; width:60px; height:60px; padding:0; z-index:500; opacity:0; transition:all 0.5s;}
#btnInquiryImg.show {right:15px; opacity:1;}
#btnInquiryImg img {width:100%; height:100%; display:block;}


/* TOP ¹öÆ° */
#btnTop {position:fixed; display:block; bottom:30px; right:-60px; width:60px; height:60px; padding:10px 0; color:#fff; text-align:center; color:#efefef; background:#3e464b; z-index:500; opacity:0; transition:all 0.5s;}
#btnTop.show {right:15px; opacity:1;}
#btnTop:hover {background:#455059;}
#btnTop i {font-size:15px;}
#btnTop span {display:block; font-size:12px; font-weight:600;}


#footer {clear:both; background:#25313e}
#footer .inner {max-width:1200px; margin:auto}
#footer > .footer-top {padding:20px 0}
#footer > .footer-top .nation-list {float:right; font-size:0; padding-top:8px}
#footer > .footer-top .nation-list > li {display:inline-block; font-size:15px; margin-left:10px}
#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-bottom:60px; display: flex; justify-content: center;}


/* ±âÁ¸ CSS ¼öÁ¤ ¹× Ãß°¡ */


#footer > .footer-bottom .left {float: none; text-align: center;}


/* ÁÖ¼Ò¸¦ Æ÷ÇÔÇÑ ¸ðµç ¿ä¼Ò¸¦ ÀζóÀÎ ºí·ÏÀ¸·Î ¸¸µé¾î ÇÑ ÁÙ¿¡ ³ª¿­ */
#footer > .footer-bottom .left address, #footer > .footer-bottom .left .contact-info, #footer > .footer-bottom .left .safety-policy {float: none !important; display: inline-block !important; font-size: 15px; color: #d0d0d0; margin-right: 25px !important; margin-left: 0 !important; line-height: 1.5;}


/* ÁÖ¼Ò ¾ÆÀÌÄÜ Á¦°Å (HTMLÀÇ style ºí·Ï¿¡ ÀÖ¾úÀ½) */
#footer > .footer-bottom .left address:before {display: none !important;}


/* AS °í°´¼¾ÅÍ´Â ´ÙÀ½ ÁÙ·Î ³»·Á¾ß ÇÕ´Ï´Ù. */
#footer > .footer-bottom .left .as_center_tell {display: block; clear: both; margin-top: 15px; font-size: 18px !important; color: #fff !important;}


/* ÀúÀÛ±Ç ¹®±¸ */
#footer > .footer-bottom .left .copyright {clear: both; font-size: 13px; color: #6d7077; margin-top: 5px; text-align: center;}


/* ºÒÇÊ¿äÇÑ ¸¶Áø Á¦°Å */
#footer > .footer-bottom .left .contact-info2 {margin-left: 0 !important;}
#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 #1a2633; background:#1a2633}
#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:#25374a}
#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; vertical-align:top}
#header #lnb > .lnb > li > a {position:relative; display:block; padding:48px 30px; color:#fff; line-height:1; transition:color 0.3s; font-size:18px;letter-spacing:-0.045em;font-weight:500;}
#header #lnb > .lnb > li > a:after {position:absolute; content:''; bottom:0; left:50%; width:0; height:4px; background:#2f6a87; transition:all 0.3s}
#header #lnb > .lnb > li:hover > a {color:#2f6a87 !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:#2f6a87}
#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:18px; font-weight:400; 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:#2865bb; 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:16px; color:#d0d0d0}
#header #lnb > .lnb > li > .subnav > li > a:before {content:'-'; margin-right:8px}
#header #lnb > .lnb > li.on > a {color:#2865bb}
#header #lnb > .lnb > li > .subnav > li.on > a {font-weight:600; color:#fff !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:20px; transition:all 0.3s}
#header.fixed #lnb > .btnOpenMenu {top:15px}
#header.fixed #lnb > .btnOpenMenu > span {background:#000}


/* ÇÏ´Ü */
/* ¹®ÀÇÇϱ⠹öÆ° */
/* #btnInquiry {bottom:130px; right:-80px; width:80px; height:60px}*/
/* #btnInquiry.show {right:30px}*/
#footer .inner {padding:0 30px}
#footer > .footer-top .nation-list{float:none;text-align:center}
#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:15px; right:15px}
#header.fixed #lnb > .btnOpenMenu {top:13px}
br { display: block !important; content: "" !important; }
p, div, span, h1, h2, h3, h4, h5, h6 { word-break: keep-all !important; white-space: normal !important; }


/* ÇÏ´Ü */
/* ¹®ÀÇÇϱ⠹öÆ° - »èÁ¦ */
/* #btnInquiry {bottom:100px; right:-60px; width:60px; height:60px; padding:0; display:flex; flex-direction:column; align-items:center; justify-content:center; line-height:normal;} */
/* #btnInquiry.show {right:15px;} */
/* #btnInquiry i {font-size:15px;} */
/* #btnInquiry span {font-size:12px; margin-top:2px; letter-spacing:-1px;} */
/* ¹®ÀÇÇϱâ À̹ÌÁö ¹öÆ° - »èÁ¦ */
/* #btnInquiryImg {bottom:100px; right:-60px; width:60px; height:60px;} */
/* #btnInquiryImg.show {right:15px;} */
/* TOP ¹öÆ° - »èÁ¦ */
/* #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-bottom: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 .left .contact-info2{display:block;margin-left:0 !important}
#footer > .footer-bottom .dropdown > a {text-align:left}
#footer > .footer-bottom .dropdown > ul > li > a {text-align:left}


}


::selection{background-color:#2b6ab1; color:#fff;}