@charset "utf-8";

/*작업자 : 진재남 / 작업일자 : 2017-01-25*/

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

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

/* 웹폰트:나눔고딕 */
@import url('http://fonts.googleapis.com/earlyaccess/nanumgothic.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: 'Nanum Barun Gothic', sans-serif !important; line-height: 1; }
li, ol, ul { margin: 0; padding: 0; list-style: none inside }

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

/* 헤더 */
.header { position: relative; width: 100%; height: 160px; }

/* 헤드바 1 */
.head_bar_1 { height: 36px; background: #595959; }
.head_bar_1 .head_quick { margin: 0 auto; width: 1191px; overflow: hidden; }
.head_bar_1 .head_quick .member { float: right; text-align: center; }
.head_bar_1 .head_quick .member li { display: inline-block; }
.head_bar_1 .head_quick .member li a { display: block; height: 36px; line-height: 36px; font-size: 12px; color: #ffffff; position: relative; padding: 0 10px; }
.head_bar_1 .head_quick .member li a:before { content: " "; position: absolute; top: 13px; left: 0; width: 1px; height: 12px; background: #ffffff; }
.head_bar_1 .head_quick .member li:first-child a:before { content: none; }

/* 헤드바 2 */
.head_bar_2 { height: 124px; }
.head_bar_2 .head_cont { margin: 0 auto; width: 1191px; }
.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: 240px; margin-top: 30px; }
.head_bar_2 .head_cont h1 a { display: block; font-size: 24px; color: #333333; width: 240px; height: 70px; }
.head_bar_2 .head_cont h1 a img { display: inline-block; }
.head_bar_2 .head_cont .nav { float: right; width: 951px; }
.head_bar_2 .head_cont .nav .gnb { width: 100%; height: 80px; padding-top: 44px; 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; height: 80px; }
.head_bar_2 .head_cont .nav .gnb .dropdown a.dropbtn { display: block; color: #000000; font-size: 18px; font-weight: 400; height: 40px; line-height: 40px; }
.head_bar_2 .head_cont .nav .gnb #all_menu { display: inline-block; }
.head_bar_2 .head_cont .nav .gnb #all_menu a { display: block; }
.head_bar_2 .head_cont .nav .gnb .dropdown .dropdown-content { display: none; position: absolute; z-index:9000; text-align: left; margin-top: -5px; padding: 10px 0; }
.head_bar_2 .head_cont .nav .gnb .dropdown .dropdown-content a { display: inline-block; font-size: 15px; font-weight: 300; color: #000000; margin-right: 25px; padding: 3px 4px; line-height: 1; }
.head_bar_2 .head_cont .nav .gnb .dropdown:hover .dropdown-content { display: block; }
.head_bar_2 .head_cont .nav .gnb .dropdown .dropdown-content a:hover { color: #ffffff; }

/* 전체메뉴 */
#all_menu_gnb { z-index: 9000; position: absolute; top: 36px; left: 0px; width: 100%; background-color: #000000; opacity: 0.9; display: none }
#all_menu_gnb #all_gnb { position: relative; width: 1167px; margin: 0 auto; }
#all_menu_gnb #all_gnb .nav { overflow: hidden; color: #fff; padding-left: 50px; padding-top: 80px; }
#all_menu_gnb #all_gnb .nav li { float: left; }
#all_menu_gnb #all_gnb .close { position: absolute; top: 30px; right: 0px; }
#all_menu_gnb #all_gnb .nav li .list { overflow: hidden; padding-bottom: 80px; margin-right: 20px;}
#all_menu_gnb #all_gnb .nav li .list .nav_title { font-size: 1.4em; font-weight: 500 padding-bottom: 10px; 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%; overflow: hidden; }
.foot_cont { margin: 0 auto; width: 1161px; overflow: hidden; padding: 45px 15px 50px 15px; }
.foot_cont:before, .foot_cont:after { content: " "; display: table; }
.foot_cont:after { clear: both; }
.foot_cont .copyright { float: left; width: 700px; }
.foot_cont .copyright ul { margin-bottom: 15px; }
.foot_cont .copyright ul li { position: relative; display: inline-block; padding-right: 12px; margin-right: 12px; }
.foot_cont .copyright ul li a { display: block; font-size: 13px; color: #000000; text-align: center; font-family: 'Dotum', '돋움', '돋움체', sans-serif !important; position: relative; }
.foot_cont .copyright ul li a:after { content: " "; position: absolute; top: 1px; left: -12px; width: 1px; height: 12px; background: #000000; }
.foot_cont .copyright ul li:first-child a:after { content: none; }
.foot_cont .copyright address { font-size: 13px; color: #787878; line-height: 1.5; font-family: 'Nanum Barun Gothic', sans-serif !important; }
.foot_cont .copyright address span { font-size: 12px; color: #787878; line-height: 1.5; font-family: 'Lato', sans-serif !important; }
.foot_cont .banner { float: right; }
.foot_cont .banner ul { width: 100%; }
.foot_cont .banner ul li { display: inline-block; margin-left: 10px; }

/* 퀵메뉴 */
.f5_quick { position: fixed; top: 180px; right: -174px; z-index: 999; -webkit-transition: .2s cubic-bezier(0.175, 0.885, 0.32, 1); -moz-transition: .2s cubic-bezier(0.175, 0.885, 0.32, 1); transition: .2s cubic-bezier(0.175, 0.885, 0.32, 1); }
.f5_quick.on { right: 0; }
.f5_quick .quick_menu_btn { float: left; display: block; cursor: pointer; background-image: url('/images/skin5007/quick_menu_btn_open.png'); background-repeat: no-repeat; background-position: center; width: 26px; height: 110px; }
.f5_quick .quick_menu_btn.on { background-image: url('/images/skin5007/quick_menu_btn_close.png'); }
.f5_quick .quick_menu_panel { float: left; position: relative; width: 154px; height: 70px; background: #505050; padding: 20px 0 20px 20px; }
.f5_quick .quick_menu_panel ul { overflow: hidden; }
.f5_quick .quick_menu_panel ul li { float: left; height: 30px; width: 75px; }
.f5_quick .quick_menu_panel ul li a { display: block; color: #ffffff; font-size: 11px; font-weight: 300; }

/* 컨텐츠 */
.contents { width: 100%; overflow: hidden; background: #f0f2f7; border-bottom: 2px solid #f0f2f7; }