@charset "utf-8";

/* font */
@font-face {
  font-family: 'Nanum-regular';
  font-style: normal;
  font-weight: 400;
  src: url(./fonts/NanumGothic-Regular.eot);
  src: url(./fonts/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
       url(./fonts/NanumGothic-Regular.woff2) format('woff2'),
       url(./fonts/NanumGothic-Regular.woff) format('woff'),
       url(./fonts/NanumGothic-Regular.ttf) format('truetype');
}

@font-face {
  font-family: 'Nanum-Bold';
  font-style: normal;
  font-weight: 700;
  src: url(./fonts/NanumGothic-Bold.eot);
  src: url(./fonts/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
       url(./fonts/NanumGothic-Bold.woff2) format('woff2'),
       url(./fonts/NanumGothic-Bold.woff) format('woff'),
       url(./fonts/NanumGothic-Bold.ttf) format('truetype');
}

@font-face {
  font-family: 'Nanum-Extra';
  font-style: normal;
  font-weight: 700;
  src: url(./fonts/NanumGothic-ExtraBold.eot);
  src: url(./fonts/NanumGothic-ExtraBold.eot?#iefix) format('embedded-opentype'),
       url(./fonts/NanumGothic-ExtraBold.woff2) format('woff2'),
       url(./fonts/NanumGothic-ExtraBold.woff) format('woff'),
       url(./fonts/NanumGothic-ExtraBold.ttf) format('truetype');
}

@font-face {
    font-family: 'mbcnew-bold';
    src: url(./fonts/MBC_NEW_B.eot) format('eot'),
          url(./fonts/MBC_NEW_B.woff) format('woff'),
          url(./fonts/MBC_NEW_B.woff2) format('woff2');
   font-weight: normal;
   font-style: normal;
}
@font-face {
    font-family: 'mbcnew-sbold';
    src: url(./fonts/MBC_NEW_SB.eot) format('eot'),
          url(./fonts/MBC_NEW_SB.woff) format('woff'),
          url(./fonts/MBC_NEW_SB.woff2) format('woff2');
   font-weight: normal;
   font-style: normal;
}


@font-face {
    font-family: 'mbcnew-medium';
    src: url(./fonts/MBC_NEW_M.eot) format('eot'),
          url(./fonts/MBC_NEW_M.woff) format('woff'),
          url(./fonts/MBC_NEW_M.woff2) format('woff2');
   font-weight: normal;
   font-style: normal;
}

@font-face {
    font-family: 'mbcnew-light';
    src: url(./fonts/MBC_NEW_L.eot)  format('eot'),
          url(./fonts/MBC_NEW_L.woff) format('woff'),
          url(./fonts/MBC_NEW_L.woff2) format('woff2');
   font-weight: normal;
   font-style: normal;
}


@font-face {
font-family: 'Noto Sans KR';
font-style: normal;
font-weight: 200;
src: local('Noto Sans Light'), local('NotoSans-Thin'), url(./fonts/NotoSans-Thin.eot);
src: url(./fonts/NotoSans-Thin.eot?#iefix) format('embedded-opentype'),
url(./fonts/NotoSans-Thin.woff2) format('woff2'),
url(./fonts/NotoSans-Thin.woff) format('woff');;
}
@font-face {
font-family: 'Noto Sans KR';
font-style: normal;
font-weight: 200;
src: local('Noto Sans Light'), local('NotoSans-DemiLight'), url(./fonts/NotoSans-DemiLight.eot);
src: url(./fonts/NotoSans-DemiLight.eot?#iefix) format('embedded-opentype'),
url(./fonts/NotoSans-DemiLight.woff2) format('woff2'),
url(./fonts/NotoSans-DemiLight.woff) format('woff');;
}
@font-face {
font-family: 'Noto Sans KR';
font-style: normal;
font-weight: 300;
src: local('Noto Sans Light'), local('NotoSans-Light'), url(./fonts/NotoSans-Light.eot);
src: url(./fonts/NotoSans-Light.eot?#iefix) format('embedded-opentype'),
url(./fonts/NotoSans-Light.woff2) format('woff2'),
url(./fonts/NotoSans-Light.woff) format('woff');;
}
@font-face {
font-family: 'Noto Sans KR';
font-style: normal;
font-weight: 400;
src: local('Noto Sans Regular'), local('NotoSans-Regular'), url(./fonts/NotoSans-Regular.eot);
src: url(./fonts/NotoSans-Regular.eot?#iefix) format('embedded-opentype'),
url(./fonts/NotoSans-Regular.woff2) format('woff2'),
url(./fonts/NotoSans-Regular.woff) format('woff');
}
@font-face {
font-family: 'Noto Sans KR';
font-style: normal;
font-weight: 500;
src: local('Noto Sans Medium'), local('NotoSans-Medium'), url(./fonts/NotoSans-Medium.eot);
src: url(./fonts/NotoSans-Medium.eot?#iefix) format('embedded-opentype'),
url(./fonts/NotoSans-Medium.woff2) format('woff2'),
url(./fonts/NotoSans-Medium.woff) format('woff');
}
@font-face {
font-family: 'Noto Sans KR';
font-style: normal;
font-weight: 600;
src: local('Noto Sans Bold'), local('NotoSans-Bold'), url(./fonts/NotoSans-Bold.eot);
src: url(./fonts/NotoSans-Bold.eot?#iefix) format('embedded-opentype'),
url(./fonts/NotoSans-Bold.woff2) format('woff2'),
url(./fonts/NotoSans-Bold.woff) format('woff');
}
@font-face {
font-family: 'Noto Sans KR';
font-style: normal;
font-weight: 700;
src: local('Noto Sans Bold'), local('NotoSans-Black'), url(./fonts/NotoSans-Black.eot);
src: url(./fonts/NotoSans-Black.eot?#iefix) format('embedded-opentype'),
url(./fonts/NotoSans-Black.woff2) format('woff2'),
url(./fonts/NotoSans-Black.woff) format('woff');
}

/* Reset */
html,body{/*width:100%;height:100%*/}
html{overflow-y:scroll;font-size:10px}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,form,fieldset,p,button{margin:0px;padding:0px;border:0px}
body,h1,h2,h3,h4,input,button{font-family:'Noto Sans KR', 'Nanum-regular', Dotum,'돋움',Helvetica,AppleSDGothicNeo,sans-serif;font-size:14px;color:#383d41;}
/*body,h1,h2,h3,h4,input,button{font-family:'mbcnew-light', 'Nanum-regular', Dotum,'돋움',Helvetica,AppleSDGothicNeo,sans-serif;font-size:14px;color:#383d41;}*/
body{background-color:#fff;text-align:left;*word-break:break-all;-ms-word-break:break-all;font-weight:400}
img,fieldset,iframe{border:0px none}
li{list-style:none}
input,select,button{vertical-align:middle}
img{vertical-align:top;}
i,em,address{font-style:normal}
label,button{cursor:pointer}
button{margin:0px;padding:0px}
a:link    {color:#222; text-decoration:none;}
a:visited {color:#000; text-decoration:none}
a:hover   {color:#cecaca; text-decoration:none}
a:active  {color:#cecaca; text-decoration:none}
/* button *{position:relative} */
button img{left:-3px;*left:auto}
html:first-child select{height:30px;padding-right:6px}
option{padding-right:6px}
hr{display:none}
legend{*width:0}
table{border-collapse:collapse;border-spacing:0px}
caption, legend {width:0px;height:0px;font-size:0px;line-height:0px;overflow:hidden;visibility:hidden}
input::-ms-clear{display:none}
input{-webkit-appearance:none;-webkit-text-size-adjust:none}
input[type=text]{border-radius:0}
input[type=checkbox]{-webkit-appearance:checkbox}
input[type=radio]{-webkit-appearance:radio}
input[type=image]{border-radius:0;/*background-color:#f9fafa;background:-webkit-gradient(linear, 0 0, 0 100%, from(#fdfdfd), to(#f9fafa))*/}

/* Common */
.blind {overflow:hidden;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0}
.hidden {display:none;}

.clfix:after   {content: "."; display: block; height:0px; clear:both; visibility:hidden}
.clfix   {display: inline-block}
.clfix   {display: block}
* html   .clfix   {height:1%} /* Hides from IE-mac */
.clfix   {zoom:1} /*for IE 5.5-7*/

/***************************************************************************************************************************************************/


/* layout */
.wrap {position:relative;width:1245px;margin:0 auto}
.wrap:after {content:"";display:block;clear:both;}

/* header */
/*#main #header {position:absolute; width:100%;  height:150px; z-index:1000;}*/
#header {position:relative; width:100%; /*background-image:url('image/2017_common/header-bg.jpg');*/ background-repeat:repeat; background-position:50% 0; background-size:cover; height:100px; z-index:1000;background-color: #000;}

h1#logo a {display:block; position:absolute; top:50px; left:0px;z-index:1000; width:200px; height:73px; background:url('image/2017_common/s_logo.png') top center no-repeat; text-indent:-999em;}
#u_skip {display:None;}

/* Util - name 고정 */
#util {position:relative;display:block;height:40px;width:100%;}
#util .top_util {float:right; margin:10px 0 0;}
#util .top_util ul li {float:left;background:url('image/2017_common/top_util_line11.gif') no-repeat right 6px; padding:0 15px; line-height:18px;color: #fff;}
#util .top_util a {color:#fff;font-size:11px;}
#util .top_util a:hover {text-decoration:underline;}
#util .top_util ul li.last {background:none; padding-right:0;}

#util .top_util_left {float:left; margin:7px 0 0;}
#util .top_util_left ul li {float:left; background:url('image/2017_common/top_util_line11.gif') no-repeat right 8px; padding:0 15px; line-height:22px;}
#util .top_util_left a {color:#fff;font-size:11px;}
#util .top_util_left a:hover {text-decoration:underline;}
#util .top_util_left ul li.last {background:none; padding-right:0;}
#util .top_util_left ul li.top_util_bg {color:#ff9191;font-size:12px;width:62px; height:22px; /*background:url('image/2017_common/top_util_bg.png') 0 0 no-repeat*/; text-align:Center; padding:0px;}

/* search 고정 */
.search_area{position:absolute;top:20px; right:-20px;width:280px;min-height:32px;}
.search_area:after{display:block;clear:both;content:''}
.search_area input[type='text']{width:212px;height:26px; padding:2px 5px; border:1px solid #fff; color:#fff; font-size:13px; background-color:#232323;}
.search_area button{background-color:transparent}
.search_area .btn_search{position:absolute;top:0;right:0;overflow:hidden;background:url('image/2017_common/btn_search.gif') no-repeat left top;line-height:999px;width:49px;height:29px;margin:1px 0 0 0;cursor:pointer}

/*GNB*/
#gnb {position:relative; z-index:10;clear:both; height:75px; width:100%; min-width:100%; background-color:#232323;  border-top: 1px solid #545454; }
#gnb:after{display:block;clear:both;content:'';}
#gnb .gnb_area {position:absolute; left:200px; width:950px;}
#gnb .gnb_area:after {content:"";display:block;clear:both}
#gnb .gnb_area ul li {position:relative;float:left;text-align:center;z-index:9999; margin:0 30px;}
#gnb .gnb_area ul li a {display:block;position:relative;color:#fff;font-size:19px; text-align:center; line-height:75px; font-family:'mbcnew-medium'; }
#gnb .gnb_area ul li a:hover {color:#e5ecff;text-decoration:none}
#gnb .gnb_area ul li:hover a:after {content:"";display:block;position:absolute;bottom:-3px;right:0;left:0;height:3px;}
#gnb .gnb_area ul li ul {overflow:hidden; max-height:0; margin:0 -30px;background-color:#fff;box-shadow:rgba(113, 113, 113, 0.1) 0px 5px 3px -3px inset}
#gnb .gnb_area ul li:hover ul {max-height:400px; padding:0;border:2px solid #232323; border-top:none;}

/* GNB / sub-menu-2depth*/ 
#gnb .gnb_area ul li.sub-menu ul {width:140px; position:absolute; top:75px; right:0;left:0; margin-left:-30px; padding:0 39px 0 0;}
#gnb .gnb_area ul li.sub-menu ul li {display:block;width:100%; margin:0 15px;}
#gnb .gnb_area ul li.sub-menu ul li.first {padding-top:10px;}
#gnb .gnb_area ul li.sub-menu ul li.last {padding-bottom:10px;}
#gnb .gnb_area ul li.sub-menu ul li a {position:relative;font-size:13px;line-height:27px;text-align:left;font-weight:400; color:#333; font-family:'mbcnew-light'; }
#gnb .gnb_area ul li.sub-menu ul li a:hover {background:none;color:#1d8dc7;text-decoration:none; font-family:'mbcnew-medium'; }
#gnb .gnb_area ul li.sub-menu ul li a:after {content:"";display:block;position:absolute;left:0;bottom:0;width:0;height:0;background:#333}



/* container - name 고정 */
#container {margin:0; padding:0;}
#container:after {content:"";display:block;clear:both;}

/* container - name 고정 */
#containerb {margin:0; padding:0; background: #232323;overflow:hidden;     padding-bottom: 20px;}
#containerb:after {content:"";display:block;clear:both;}


/* 서브 */
#content.sub {float:left; margin-left:45px; width:980px; padding-bottom:50px; border-left:0px solid #ededed;}
#content.sub.type2 {float:none; margin-left:0; width:100%; padding-bottom:50px;text-align:center;}
#content.sub.type3 {float:none; margin-left:0; width:100%; padding-bottom:50px}

/* 서브 패스 - name 고정 */
.path ol {float:right; padding-top:30px;}
.path ol li {float:left; padding-left:25px; font-family:'mbcnew-light'; color:#808080; font-size:13px; background:url('image/2017_common/path_arr.gif') 10px center no-repeat; line-height:1.2em; }
.path ol li:first-child {padding-left:0;background:none}
.path ol li:first-child img {margin-top:4px;}
.path ol li strong {font-family:'mbcnew-medium';}

/* 서브 컨텐츠영역 탑 - name 고정  */
.sub_title {margin-bottom:30px;overflow:hidden;}
.sub_title.type2 {margin-bottom:10px;overflow:hidden;width: 960px;}
.sub_title h2 {margin:38px 0 15px;font-size:34px;color:#333;}
.sub_title p {color:#555;font-size:14px}

.title_line{position:relative;overflow:hidden;border-bottom:1px solid #bbb;width:100%}

/* Snb - name 고정 */
#snb {float:left;width:220px;margin-bottom:100px; }
#snb h2 {padding:45px 0 45px 20px;color:#fff;font-size:21px; font-family:'mbcnew-medium'; background:#203d91; /*border-top:2px solid #203d91;*/}

#snb .menu_title {background:#f7f8f7 url(image/2017_sub/side_tit_bg.gif) 95% center no-repeat}

#snb .snb_menu {border-left:1px solid #e1e1e5;border-right:1px solid #e1e1e5;}
#snb .snb_menu li a {display:block;height:45px;line-height:45px;letter-spacing:-0.03em;padding-left:20px;font-size:15px;color:#333;border-bottom:1px solid #ddd; background:url('image/2017_sub/snb_arw_on.png') 95% center no-repeat}
#snb .snb_menu li .ecp {letter-spacing:-1.5px}
#snb .snb_menu li.on a, #snb .snb_menu li a:hover {background:#f7f8f7 url('image/2017_sub/snb_arw.png') 95% center no-repeat}
#snb .snb_menu li a.last{border-bottom:1px solid #0798de !important}
#snb .snb_bottom a {display:block;height:45px;line-height:43px;letter-spacing:-0.03em;padding-left:20px;font-size:13px;border-bottom:1px solid #ddd; background:url('image/2017_sub/snb_btn.png') 95% center no-repeat;margin-top:15px;}
#snb .snb_bottom a:hover {text-decoration:underline;}

#snb .snb_menu .snb_menu_3depth{display:block;padding:10px 20px;background:#fcfcfc;border-bottom:1px solid #ddd;}
#snb .snb_menu .snb_menu_3depth > li{display:inline;}
#snb .snb_menu .snb_menu_3depth > li > a{display:block;height:15px;line-height:15px;padding:5px 0 0 10px;background:url(image/2017_common/snb_d3bg.png) no-repeat 0 10px;color:#666;font-weight:normal;font-size:13px;border:0}
#snb .snb_menu .snb_menu_3depth > li > a:hover,
#snb .snb_menu .snb_menu_3depth > li > a:focus{background-color:#fff;color:#000;}

/* Footer - name 고정 */
#footer {width:100%;min-width:1246px;margin:0; padding:0 0 30px 0px; background:#232323; border-top:1px solid #c1c1c1; }
#footer  .copy_area {border-bottom:1px solid #c1c1c1; height:60px;}
#footer .bt_logo  {float:left; width:20%; padding-top:30px; display:block; height:60px; }
#footer address {display:block; font-style:normal; color:#fff; font-size:14px; padding-top:28px; line-height:1.8em;}
#footer cite {display:block; font-style:normal; color:#fff; font-size:14px; font-weight:bold; font-family:'mbcnew-light'; padding-top:5px;}
#footer select {float:right; margin-top:18px; padding-right:2px;} 
#footer ul {float:left; width:80%; padding-top:22px; padding-bottom:10px;}
#footer ul li {float:left; font-size:15px; color:#cccccc;}
#footer ul li a {color:#fff; margin:0 10px; }
#footer ul li a:hover {text-decoration:underline;}

/* snsLogin */
.sns-btn.naver{
    text-align: center;
    background-color: #ffffff;
    border-color: #0DCF00;
    color: #000;
    padding: 1.2rem;
    width: 250px;
    display: inline-block;
	border: 1px solid #ccc;
}
.sns-btn.kakao{
    text-align: center;
    background-color: #ffffff;
    border-color: #ffea0f;;
    color: #000;
    padding: 1.2rem;
    width: 250px;
    display: inline-block;
	border: 1px solid #ccc;
}
.sns-btn.google{
    text-align: center;
    background-color: #ffffff;
    border-color: #ffea0f;;
    color: #000;
    padding: 1.2rem;
    width: 250px;
    display: inline-block;
	border: 1px solid #ccc;
}



/* 메인 공지사항 슬라이드 */
#notice_containerb {margin:0; padding:0; background: #2d2d2d;overflow:hidden;}
.notice_wrap {
    position:relative;width:1245px;margin:0 auto
}
#notice {
    position: relative;
    padding: 20px 0;
    width: 100%;
    background: #2d2d2d;
}
#notice .notice_container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}
#notice .notice_list_wrapper {
    width: 80%;
    overflow: hidden;
    height: 30px;
}
#notice .notice_list {
    height: 30px;
    overflow: hidden;
}
#notice .notice_list li {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #fff;
}
#notice .notice_list a {
    color: #fff;
    display: block;
}
#notice .notice_text_left {
    color: #edefa7;
    width:5%;
    margin-right: 50px;
    font-size: 28px;
	font-weight: 600;
    /*text-align: right;*/
}
#notice .notice_text_right {
    width: 20%;
    text-align: right;
}
#notice .notice_text_right a {
    color: #edefa7;
    font-size: 18px;
}

/* snsLogin 초록 노랑
.sns-btn.naver{
    text-align: center;
    background-color: #0DCF00;
    border-color: #0DCF00;
    color: #fff;
    padding: 1.2rem;
    width: 260px;
    display: inline-block;
}
.sns-btn.kakao{
    text-align: center;
    background-color: #ffea0f;;
    border-color: #ffea0f;;
    color: #000;
    padding: 1.2rem;
    width: 260px;
    display: inline-block;
}*/