@charset "utf-8";

/* 웹폰트:노토 산스 2019-05-08 font 삭제
@import url('http://fonts.googleapis.com/earlyaccess/notosanskr.css');
@import url('http://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/stylesheets/NotoSansKR-Hestia.css');
 */

/* 웹폰트:나눔고딕 */
@import url('http://fonts.googleapis.com/earlyaccess/nanumgothic.css');

/* 웹폰트:Lato */
@import url('https://fonts.googleapis.com/css?family=Lato');

/* 웹폰트:나눔바른고딕 2019-05-08 font 변경 */
@import url(//cdn.jsdelivr.net/font-nanum/1.0/nanumbarungothic/nanumbarungothic.css);

body, div, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, legend, p, form, fieldset, input, textarea, select, blockquote, th, td { /* font-family: 'Noto Sans Korean','Noto Sans KR', sans-serif ; */ font-family: 'Nanum Barun Gothic', sans-serif; line-height: 1 }
li, ol, ul { margin: 0; padding: 0; list-style: none inside }
/* // 웹폰트:나눔바른고딕 2019-05-08 font 변경 */

/* wrap */
#wrap { position: relative; min-width: 1200px; font-size: 12px;  }
#wrap a:hover { text-decoration: none }

/* 헤더 */
.header { position: relative; width: 1200px; margin:0 auto; height: 105px;  }

/* 헤드바 1 */
.head_bar_1 { }
.head_bar_1 .head_quick { margin: 0 auto; width: 1200px; background: #a0a0a0; height: 25px }
.head_bar_1 .head_quick .member { float: right; padding-right: 107px; overflow: hidden }
.head_bar_1 .head_quick .member li { float: left; margin-left: 25px; text-align: right }
.head_bar_1 .head_quick .member li a { display: block; height: 25px; line-height: 25px; font-size: 12px; color: #ffffff }
.head_bar_1 .head_quick .member li a:hover { color: #666666 }

/* 헤드바 2 */
.head_bar_2 { }
.head_bar_2 .head_cont { margin: 0 auto; width: 996px; height: 80px; padding:0px 107px 0px 97px }
.head_bar_2 .head_cont:before, .head_bar_2 .head_cont:after { content: " "; display: table }
.head_bar_2 .head_cont:after { clear: both }
.head_bar_2 .head_cont h1 { float: left; width: 250px; height:60px; margin-top:10px }
.head_bar_2 .head_cont h1 a { display: block; font-size: 24px; color: #333333; width: 250px; height: 60px; line-height: 60px;  }
.head_bar_2 .head_cont h1 a img { display: inline-block; width:210px; height:60px }


.head_bar_2 .head_cont .nav { float: left; width: 745px }
.head_bar_2 .head_cont .nav .gnb { width: 100%; text-align: right }
.head_bar_2 .head_cont .nav .gnb:before, .head_bar_2 .head_cont .nav .gnb:after { content: " "; display: table }
.head_bar_2 .head_cont .nav .gnb:after { clear: both }
.head_bar_2 .head_cont .nav .gnb .dropdown { display: inline-block; padding-right:30px}
.head_bar_2 .head_cont .nav .gnb .dropdown:last-child { padding-right: 0 !important }
.head_bar_2 .head_cont .nav .gnb #all_menu { display: inline-block; vertical-align: middle }
/* 2019-05-08 style 수정 */
/* .head_bar_2 .head_cont .nav .gnb .dropdown a.dropbtn { display: block; color: #000000; font-size: 17px; font-weight: 500; height: 80px; line-height: 80px; padding-left: 20px } */
.head_bar_2 .head_cont .nav .gnb .dropdown a.dropbtn { display: block; color: #000000; font-size: 17px; font-weight: 700; height: 80px; line-height: 80px; padding-left: 20px }
/* //2019-05-08 style 수정 */
.head_bar_2 .head_cont .nav .gnb #all_menu a { display: block; padding: 20px 0px 20px 0 }
.head_bar_2 .head_cont .nav .gnb .dropdown .dropdown-content { display: none; position: absolute; z-index: 9000; background: #ffffff; overflow: hidden; padding-left: 20px; text-align: left }
.head_bar_2 .head_cont .nav .gnb .dropdown .dropdown-content a { display: inline-block; padding: 0 10px; margin-right: 10px; height: 30px; line-height: 30px; color: #000000; font-size: 13px }

/* 전체메뉴 */
#all_menu_gnb { z-index: 9000; position: absolute; top: 105px; left: 0; width: 100%; background: rgba(43, 46, 53, .95); display: none }
#all_menu_gnb #all_gnb { position: relative; width: 1200px; margin: 0 auto }
#all_menu_gnb #all_gnb .nav { overflow: hidden; color: #fff; padding-left: 50px; padding-top: 70px }
#all_menu_gnb #all_gnb .nav li { float: left }
#all_menu_gnb #all_gnb .close { position: absolute; top: 30px; right: 2% }
#all_menu_gnb #all_gnb .nav li .list { overflow: hidden; width: 190px; padding-bottom: 80px }
#all_menu_gnb #all_gnb .nav li .list .nav_title { font-size: 1.4em; font-weight: 500; padding-top: 1px; padding-bottom: 24px; padding-left: 0px;}
#all_menu_gnb #all_gnb .nav li .list .nav_title span { padding-left: 20px }
#all_menu_gnb #all_gnb .nav li .list li { float: none; padding-left: 10px }
#all_menu_gnb #all_gnb .nav li .list li a { text-decoration: none; color: #fff; font-size: 1.1em; font-weight: normal; line-height: 26px; padding: 5px 10px }

/* 푸터 */
.footer { width: 100%; background: #9c9c9c }

/* 푸트 컨텐츠 */
.foot_cont { margin: 0 auto; width: 1000px; padding-top: 30px; padding-bottom: 45px; position:relative;}
.foot_cont:before, .foot_cont:after { content: " "; display: table }
.foot_cont:after { clear: both }
.foot_cont .copyright { float: left }
.foot_cont .copyright ul { margin-bottom: 20px }
.foot_cont .copyright ul li { position: relative; display: inline-block; padding-right: 15px; margin-right: 15px; color: #b4b4b4 }
.foot_cont .copyright ul li:after { content: " "; position: absolute; top: 2px; left: -15px; width: 1px; height: 10px; background: #ffffff; overflow: hidden }
.foot_cont .copyright ul li:first-child:after { content: none }
.foot_cont .copyright ul li a { font-size: 12px; color: #ffffff }
.foot_cont .copyright ul li a:hover { color: #333333 }
.foot_cont .copyright address { font-size: 12px; color: #ffffff; line-height: 1.8 }
.foot_cont .copyright address span { font-family: 'Lato', sans-serif !important }
.foot_cont .banner {position:absolute; height: 65px;  width: 206px;  overflow: hidden;  margin-top:-34px; top: 50%;   right: 0px }
.foot_cont .banner ul { width: 100%; padding-top: 15px }
.foot_cont .banner ul li { display: inline-block; margin-left: 7px }

/* 퀵메뉴 */
.f5_quick { position: absolute; right: 0px; width: 90px; background-color: #ffffff; z-index: 999 }
.f5_quick .title { text-align: center; width: 100%; height: 40px; padding-top: 20px; margin-bottom: 13px; background: #343434 }
.f5_quick .list { text-align: center; margin-top: 10px }
.f5_quick .list li { height: 27px; line-height: 27px }
.f5_quick .list li a { font-size: 14px; font-weight: 300; color: #757575; text-decoration: none }
.f5_quick .list li.top { margin-top: 15px; border-top: 2px solid #727272 }
.f5_quick .list li.top a { display: block; padding: 10px 0 }

/* 컨텐츠 */
.contents { width: 100%; overflow: hidden; background: #ffffff }