@charset "utf-8";

/* -------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------
[ common.css 순서 정의 ]
1. Fonts
2. Reset
3. Layout common
4. Title
5. Margin
6. Form
7. Button
8. Text type - Table type - Box type
9. Common UI
10. Common Popup
----------------------------------------------------------------------------------------
------------------------------------------------------------------------------------- */

/* CSS Document */
/*Noto Sans Kr*/
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 400;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format("woff2"), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format("woff"), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format("opentype");
}

@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 700;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format("woff2"), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format("woff"), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format("opentype");
}


@font-face {
  font-family: 'SamsungSharpSans';
  font-weight:normal;	
  src: url(../fonts/samsungsharpsans.eot);
  src: local('※'), url(../fonts/samsungsharpsans.eot?#iefix) format('embedded-opentype'),
       url(../fonts/samsungsharpsans.woff) format('woff');
}

@font-face {
  font-family: 'SamsungSharpSans';
  font-weight:bold;	
  src: url(../fonts/SamsungSharpSansBd.eot);
  src: local('※'), url(../fonts/SamsungSharpSansBd.eot?#iefix) format('embedded-opentype'),
       url(../fonts/SamsungSharpSansBd.woff) format('woff');
}


/* RESET CSS */
html {font-family: Noto Sans KR, sans-serif; color:#595959;-webkit-text-size-adjust:none; font-size:17px; line-height:1.5;}
html, body, div, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, span, form, fieldset, input, select, label, textarea, table, caption, thead, tfoot, tbody, tr, th, td, figure {margin:0;padding:0;-webkit-text-size-adjust:none;}
address, em {font-stretch:normal; font-style:normal;}
b, span, strong, input, a, button{font-size:inherit; color:inherit;  line-height:inherit;}
article, aside, dialog, footer, header, section, footer, nav, figure, hgroup, details, summary, figure, figcaption {display: block;}
cite{display:inline}
html, body {height:100%;}
html{-webkit-text-size-adjust: none; -moz-text-size-adjust: none; -ms-text-size-adjust: none;}
body {overflow-y:scroll; margin:0px; background-attachment: fixed;}
a:link {text-decoration:none;}
a:visited {text-decoration:none;}
button{margin:0;padding:0;border:none; background:none; cursor:pointer; display:inline-block;}
button,button:focus,button:active{}
button span {position:relative;}
img{border:0;max-width:100%}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active  {
    -webkit-box-shadow: 0 0 0 30px white inset;
}
label, input, textarea, select {vertical-align:middle; }
ol, ul{list-style:none;}
/*table{border-collapse:collapse;table-layout:fixed; width:100%;}*/
table{border-collapse:initial;border-spacing:0;table-layout:fixed; width:100%;}
fieldset{border:none}
.skip, hr, legend{position:absolute;left:-1000%;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden;}
caption{font-size:0;height:0;opacity:0}
pre {}
.ui-datepicker .ui-datepicker-title select {height:30px;}

/* LAYOUT COMMON */
#wrap {min-width:1220px; position: relative;}

/* HEADER */
#header {position:relative; top:0; left:0; width:100%; min-width:1220px; height:100px; background:#fff; z-index:1000;}
.header-top-wrap {position:relative;}
.header-top-wrap:before {display:block; position:absolute; bottom:0; left:0; width:100%; height:1px; background:#eee; content:"";}
.header-top-wrap:after {display:block; clear:both; content:"";}


/* header-inner layout */
.header-inner {overflow:hidden; position:absolute; top:35px; left:0; width:100%; height:100px; z-index:1001;}
/*.header-inner:after {display:block; position:absolute; top:100px; left:0; width:100%; height:226px; background:#39c6ef; content:""; }*/
.header-inner.search-on {overflow:visible;}
.header-inner.search-on:after {height:205px;}
.header-inner.search-on .gnb .depth-2 {display:none;}
.header-inner .l-section:after {display:block; clear:both; content:"";}
.header-inner .logo,
.header-inner .gnb {float:left;}

/* logo */
.logo {margin-top:31px; width:213px; height:38px;}

/* gnb */
.gnb {position:relative; margin-left:45px; z-index:1;}
.gnb:after {display:block; clear:both; content:"";}
.gnb .gnb-list > li {float:left; text-align:left; cursor:pointer;}
.gnb .gnb-list > li a {cursor:pointer;}
.gnb .gnb-list > li:first-child {width: 150px;}
.gnb .gnb-list > li:nth-child(2) {width: 135px;}
.gnb .gnb-list > li:nth-child(3) {width: 135px;}
.gnb .gnb-list > li:nth-child(4) {width: 184px;}
.gnb .gnb-list > li:nth-child(5) {width: 188px;}
.gnb .gnb-list > li:nth-child(6) {width: 150px;}
.gnb .depth-1 {display:block; position:relative; font-size:18px; font-weight:300; color:#010101; text-align:center; cursor:default; line-height:100px;}
.gnb .depth-1 span {display:inline-block; }
.gnb .depth-2 {visibility:hidden; height:208px; padding:18px 20px 0; text-align:center;}

.header-inner.on .gnb .depth-2 {visibility:visible;}
.gnb .depth-2 > ul > li + li {margin-top:10px;}
.gnb .depth-2 > ul > li > a {font-size:16px; font-weight:200; color:#fff;}

.gnb .depth-1.current {font-weight:500; color:#004ea0;}
.gnb .depth-1.current:after {display:block; position:absolute; left:0; bottom:0; width:100%; height:2px; background:#061a5c; content:"";}
.gnb .depth-2 li.current > a {font-weight:500; color:#000;}
.gnb .depth-1.current span:after {display:block; position:absolute; left:0; bottom:0; width:100%; height:2px; background:#004ea1; content:"";}
.gnb .depth-1.current + .depth-2 {background:#109cd6;}

.gnb .depth-1:hover {color:#004ea0;}
.gnb .gnb-list > li:hover .depth-1 {position:relative; color:#004ea0;}
.gnb .gnb-list > li:hover .depth-1:after {display:block; position:absolute; left:0; bottom:0; width:100%; height:2px; background:#061a5c; content:"";}
.gnb .gnb-list > li:hover .depth-2 {background:#109cd6;}
.gnb .depth-2 li a:hover {color:#000;}

.gnb .obj.open {text-decoration: underline;}
.gnb .obj:after {display: inline-block; position: relative; top:-2px; content: ""; width: 12px; height: 8px; margin-left: 10px; background: url(../image/common/icons.png) no-repeat -300px -500px;}
.gnb .obj.open:after {background-position: -400px -500px;}
.gnb .toggle {display:none; padding-left: 8px; margin-top: 12px}
.gnb .toggle a {font-size: 14px; color:#fff; font-weight: 200}
.gnb .toggle li + li {margin-top: 6px;}



._blank {clear:both; height:100px; width:100%;}
/* FOOTER */
#footer {margin-top:100px;}
    .btn-gototop {display:none; position: fixed; left:50%; bottom:30px; width: 60px; height: 60px; margin-left: 650px; background: rgba(0,0,0,0.6); font-weight: 200; color:#fff; font-size: 11px; text-align: center; z-index: 1;}
    .btn-gototop.fixed {position: absolute; bottom: 106px}
    .main .btn-gototop.fixed {bottom: 75px}
    .btn-gototop:before {display: block; content: ""; width: 12px; height:8px;margin: 0 auto 7px; background:url(../images/bg-arrow.png) no-repeat 50% 50%; }
    /* 푸터상단 */
    .footer-top {width:100%; min-width:1200px; height:50px; background:#efedf5; text-align: center; margin:0 auto;}
    .footer-util {width:1200px; margin:0 auto; vertical-align:middle;text-align:center;}
    .footer-list {padding-top: 14px;}
    .footer-list:after {display:block;clear:both;content:"";}
    .footer-list li {float:left;position:relative;font-weight:200;color:#333;}
    .footer-list li + li {margin-left:45px; padding-left:44px;}
    .footer-list li + li:after {display:block; position:absolute; top:50%; left:0; width:1px; height:11px; margin-top:-4px; background:#5f6166; content:"";}
    .footer-list li:nth-child(2) a {font-weight:500;}
    /* 푸터 하단 */
    .footer-bottom {padding:28px 0 28px; background:#e5e5e5;}
    .footer-bottom .l-section {position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;}
    .footer-txt {font-size:14px; font-weight:300; line-height:24px; color:#333;}
    .footer-txt .address {display:inline-block;}
    .footer-copyright {margin-top:10px; font-size:13px; font-weight:100; color:#898a8f;}

/* CONTAINER */
#container {/*overflow:hidden;*/ min-height: 900px}
.l-section{position:relative; width:1200px; margin:0 auto;}

.mt50 {margin-top:50px;}