@charset "utf-8";

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

/* 웹폰트:나눔명조 */
@import url('http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css');

/*작업자 : 진재남 / 작업일자 : 2017-02-03*/
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 Gothic', sans-serif !important; }
li, ol, ul { margin: 0; padding: 0; list-style: none inside }

/* wrap */
#wrap { position: relative; min-width: 1167px; font-size: 12px; background: #ffffff; }
#wrap:before { content: ' '; position: fixed; display: block; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; background: #000000; z-index: 100; -webkit-transition: .10s; -moz-transition: .10s; transition: .10s; display: none; }
#wrap.dim:before { opacity: .7; display: block; }
#wrap a:hover { text-decoration: none; }

/* 헤더 */
.header { width: 100%; border-bottom: 1px solid #e5e5e5; position: fixed; top: 0; left: 0; z-index: 999; }

/* 헤드바 1 */
.head_bar_1 { position: relative; }
.head_bar_1 .head_quick { position: absolute; top: 0; right: 0; z-index: 2; padding: 0 25px; background: #ffffff; }
.head_bar_1 .head_quick .member { text-align: right; height: 108px; line-height: 108px; }
.head_bar_1 .head_quick .member li { display: inline-block; position: relative; vertical-align: middle; margin-left: 10px; padding-left: 10px; height: 40px; line-height: 40px; }
.head_bar_1 .head_quick .member li:before { content: ' '; position: absolute; display: block; top: 15px; left: 0; width: 1px; height: 10px; background: #aaaaaa; }
.head_bar_1 .head_quick .member li:first-child { margin-left: 0; padding-left: 0; }
.head_bar_1 .head_quick .member li:first-child:before { content: none; }
.head_bar_1 .head_quick .member li a { display: inline-block; color: #000000; font-size: 14px; }
.head_bar_1 .head_quick .member li a:hover { font-weight: 700; }
.head_bar_1 .head_quick .member li#all_menu { margin-left: 20px; padding-left: 0; }
.head_bar_1 .head_quick .member li#all_menu:before { content: none; }
.head_bar_1 .head_quick .member li#all_menu a { display: inline-block; background: #000000; padding: 14px 13px; cursor: pointer; }
.head_bar_1 .head_quick .member li#all_menu a span { display: block; width: 13px; height: 2px; margin-top: 3px; background: #ffffff; -webkit-transition-duration: .4s; -moz-transition-duration: .4s; transition-duration: .4s }
.head_bar_1 .head_quick .member li#all_menu a span:first-child { margin-top: 0; }
.head_bar_1 .head_quick .member li#all_menu a.open span.bar1 { -webkit-transform: translateY(5px) rotate(45deg); -moz-transform: translateY(5px) rotate(45deg); -ms-transform: translateY(5px) rotate(45deg); transform: translateY(5px) rotate(45deg) }
.head_bar_1 .head_quick .member li#all_menu a.open span.bar2 { opacity: 0; -webkit-transform: translateX(-60px); -moz-transform: translateX(-60px); -ms-transform: translateX(-60px); transform: translateX(-60px) }
.head_bar_1 .head_quick .member li#all_menu a.open span.bar3 { -webkit-transform: translateY(-5px) rotate(-45deg); -moz-transform: translateY(-5px) rotate(-45deg); -ms-transform: translateY(-5px) rotate(-45deg); transform: translateY(-5px) rotate(-45deg) }

/* 헤드바 2 */
.head_bar_2 { background: #ffffff; position: relative; }
.head_bar_2 .head_cont { margin: 0 auto; width: 960px; height: 108px; }
.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: 270px; }
.head_bar_2 .head_cont h1 a { display: block; height: 70px; line-height: 70px; font-size: 1.6em; font-weight: bold; margin-top: 19px; }
.head_bar_2 .head_cont h1 a img { display: inline-block; }
.head_bar_2 .head_cont .nav { float: right; width: 690px; height: 108px; }
.head_bar_2 .head_cont .nav ul.gnb { width: 100%; }
.head_bar_2 .head_cont .nav ul.gnb.hide { display: none; }
.head_bar_2 .head_cont .nav ul.gnb:before, .head_bar_2 .head_cont .nav ul.gnb:after { content: " "; display: table; }
.head_bar_2 .head_cont .nav ul.gnb:after { clear: both; }
.head_bar_2 .head_cont .nav ul.gnb li.dropdown { float: left; height: 108px; }
.head_bar_2 .head_cont .nav ul.gnb li.dropdown a.dropbtn { display: inline-block; color: #000000; font-size: 17px; font-weight: 400; height: 108px; line-height: 108px; }
.head_bar_2 .head_cont .nav ul.gnb li.dropdown a.dropbtn:hover { font-weight: 700; }
.head_bar_2 .head_cont .nav ul.gnb li.dropdown a.dropbtn.on { font-weight: 700; }
.head_bar_2 .head_cont .nav ul.gnb li.dropdown .dc_outer { position: absolute; top: 109px; left: 0; width: 100%; z-index: 9000; background: #ffffff; display: none; }
.head_bar_2 .head_cont .nav ul.gnb li.dropdown .dc_outer .dc_inner { margin: 0 auto; width: 690px; padding-left: 270px; overflow: hidden; background: #ffffff; }
.head_bar_2 .head_cont .nav ul.gnb li.dropdown .dc_outer .dc_inner .dropdown-content { width: 150px; color: #444444; font-size: 13px; border-right: 1px solid #e5e5e5; padding-right: 10px; padding-top: 20px; padding-bottom: 50px; background: #ffffff; }
.head_bar_2 .head_cont .nav ul.gnb li.dropdown .dc_outer .dc_inner .dropdown-content a { font-family: 'Nanum Gothic', sans-serif !important;  display: block; height: 28px; line-height: 28px; color: #444444; margin-top: 3px; margin-bottom: 3px; padding: 0 8px; font-size: 13px; }
.head_bar_2 .head_cont .nav ul.gnb li.dropdown .dc_outer .dc_inner .dropdown-content a:hover { background: #f2f2f2; font-weight: bold; }
.head_bar_2 .head_cont .nav ul.gnb li.dropdown .dc_outer .dc_inner .dropdown-content a.on { background: #f2f2f2; font-weight: bold; }

/* 전체메뉴 */
#all_menu_gnb { z-index: 9000; position: fixed; top: 109px; left: 0px; width: 100%; background: #ffffff; display: none }
#all_menu_gnb #all_gnb { position: relative; width: 960px; margin: 0 auto; background: #ffffff; }
#all_menu_gnb #all_gnb .nav { overflow: hidden; border-right: 1px solid #e5e5e5; box-sizing: border-box; }
#all_menu_gnb #all_gnb .nav>li { float: left; }
#all_menu_gnb #all_gnb .nav>li .list { overflow: hidden; width: 160px; height: 400px; border-left: 1px solid #e5e5e5; box-sizing: border-box; }
#all_menu_gnb #all_gnb .nav>li .list .nav_title { font-size: 17px; padding: 20px 18px; font-weight: 700; color: #000000; }
#all_menu_gnb #all_gnb .nav>li .list .nav_title span { }
#all_menu_gnb #all_gnb .nav>li .list li { padding: 0 10px; }
#all_menu_gnb #all_gnb .nav>li .list li a { font-family: 'Nanum Gothic', sans-serif !important;  display: block; height: 28px; line-height: 28px; color: #444444; margin-top: 3px; margin-bottom: 3px; padding: 0 8px; font-size: 13px; }
#all_menu_gnb #all_gnb .nav>li .list li a:hover { background: #f2f2f2; font-weight: bold; }

/* 푸터 */
.footer { width: 100%; padding-top: 45px; padding-bottom: 70px; overflow: hidden; border-top: 1px solid #dfdfdf; }

/* 푸트 컨텐츠 */
.foot_cont { margin: 0 auto; width: 960px; overflow: hidden; }
.foot_cont .address { float: left; vertical-align: top; font-family: 'Nanum Gothic', sans-serif !important;  }
.foot_cont .address ul { margin-bottom: 40px; }
.foot_cont .address ul li { font-size: 13px; display: inline-block; padding-right: 10px; }
.foot_cont .address ul li a { font-size: 13px; color: #555555; font-family: 'Nanum Gothic', sans-serif !important;  margin-right: 10px; }
.foot_cont .address ul li a:hover { font-weight: bold; }
.foot_cont .address address { font-size: 13px; color: #555555; line-height: 1.7; font-family: 'Nanum Gothic', sans-serif !important;  }
.foot_cont .banner { float: right; vertical-align: top; }
.foot_cont .banner ul { width: 100%; }
.foot_cont .banner ul li { margin-bottom: 4px; }

/* 퀵메뉴 */
.f5_quick { position: fixed; top: 0; right: -148px; z-index: 9999; vertical-align: middle; height: 100%; -webkit-transition: .2s cubic-bezier(0.175, 0.885, 0.32, 1.275); -moz-transition: .2s cubic-bezier(0.175, 0.885, 0.32, 1.275); transition: .2s cubic-bezier(0.175, 0.885, 0.32, 1.275); }
.f5_quick.on { right: 0; }
.quick_menu_btn { position: absolute; top: 50%; left: -39px; display: block; cursor: pointer; background-image: url('/images/skin5008/quick_menu_btn.png'); background-repeat: no-repeat; background-position: center; width: 39px; height: 39px; text-align: center; margin-top: -20px; }
.quick_menu_btn.on { background-image: url('/images/skin5008/quick_menu_btn_on.png'); }
.quick_menu_panel { width: 148px; height: 100%; border-left: 1px solid #e5e5e5; background: #ffffff; white-space: nowrap; font-size: 0; }
.quick_menu_panel:before { content: ' '; height: 100%; display: inline-block; vertical-align: middle; }
.quick_menu_panel .panel_inner { width: 148px; white-space: normal; display: inline-block; vertical-align: middle; font-size: 15px; }
.quick_menu_panel .panel_inner ul { overflow: hidden; text-align: center; }
.quick_menu_panel .panel_inner ul li { height: 60px; }
.quick_menu_panel .panel_inner ul li a { display: block; color: #333333; font-size: 15px; height: 60px; line-height: 60px; text-decoration: none; }
.quick_menu_panel .panel_inner ul li a:hover { font-weight: 700; }

/* 컨텐츠 */
.contents { width: 100%; overflow: hidden; background: #ffffff; padding-top: 109px; }