@charset "utf-8";

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

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

/*작업자 : 진재남 / 작업일자 : 2016-08-19*/
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; width: 1283px; font-size: 12px; background: #ffffff; margin: 0 auto; }
#wrap a:hover { text-decoration: none; }
#wrap:before, #wrap:after { content: " "; display: table; }
#wrap:after { clear: both; }

/* Side / Contents */
#wrap .wrapper_side { float: left; width: 260px; border-left: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6; padding-bottom: 50px; overflow: hidden; }
#wrap .wrapper_contents { float: left; width: 1020px; /*border-left: 1px solid #e6e6e6;*/ border-right: 1px solid #e6e6e6; }

/* 헤더 */
.header { }

/* 헤드바 1 */
.head_bar_1 { }
.head_bar_1 .head_quick { overflow: hidden; border-bottom: 1px solid #e6e6e6; }
.head_bar_1 .head_quick #all_menu { width: 45px; float: left; }
.head_bar_1 .head_quick #all_menu a { display: block; padding-top: 15px; height: 30px; }
.head_bar_1 .head_quick #all_menu a img { display: block; margin: 0 auto; }
.head_bar_1 .head_quick .member { width: 215px; float: left; overflow: hidden; text-align: center; }
.head_bar_1 .head_quick .member li { display: inline-block; margin: 0 10px; height: 45px; }
.head_bar_1 .head_quick .member li a { display: block; height: 45px; line-height: 45px; font-size: 12px; position: relative; color: #333333; }
.head_bar_1 .head_quick .member li a:after { content: ' '; position: absolute; width: 1px; height: 10px; background: #7d7d7d; top: 17px; left: -10px; }
.head_bar_1 .head_quick .member li:first-child a:after { content: none; }

/* 헤드바 2 */
.head_bar_2 { }
.head_bar_2 .head_cont { }
.head_bar_2 .head_cont h1 { padding: 35px 0; }
.head_bar_2 .head_cont h1 a { display: block; font-size: 24px; color: #333333; width: 240px; height: 70px; margin: 0 auto; }
.head_bar_2 .head_cont h1 a img { display: block; }
.head_bar_2 .head_cont .nav { }
.head_bar_2 .head_cont .nav .gnb { padding: 0 25px; }
.head_bar_2 .head_cont .nav .gnb .dropdown { display: block; overflow: hidden; }
.head_bar_2 .head_cont .nav .gnb .dropdown a.dropbtn { display: block; color: #333333; font-size: 17px; height: 50px; line-height: 50px; border-bottom: 1px solid #e6e6e6; }
.head_bar_2 .head_cont .nav .gnb .dropdown .dropdown-content { padding: 10px 0 20px 0; border-bottom: 1px solid #e6e6e6; display: none; }
.head_bar_2 .head_cont .nav .gnb .dropdown .dropdown-content a { display: block; font-size: 13px; color: #848484; height: 30px; line-height: 30px; position: relative; margin-left: 10px; }
.head_bar_2 .head_cont .nav .gnb .dropdown .dropdown-content a:before { content: ' '; position: absolute; width: 2px; height: 2px; background: #315798; top: 14px; left: -8px; }

/* 배너 */
.wrapper_side .banner { position: absolute; left: 0; bottom: 0; width: 260px; }
.wrapper_side .banner ul { width: 100%; padding-bottom: 20px; }
.wrapper_side .banner ul li { width: 100%; margin-bottom: 5px; }
.wrapper_side .banner ul li>div { text-align: center; }

/* 전체메뉴 */
#all_menu_gnb { z-index: 9000; position: absolute; top: 0; right: 0; width: 1020px; height: 100%; background: #ffffff; display: none; border-right: 1px solid #e6e6e6; }
#all_menu_gnb #all_gnb { margin: 100px 120px; }
#all_menu_gnb #all_gnb h2 { font-size: 50px; color: #1a1a1a; margin-bottom: 65px; }
#all_menu_gnb #all_gnb .nav { overflow: hidden; color: #fff; overflow: hidden; }
#all_menu_gnb #all_gnb .close { position: absolute; top: 30px; right: 40px; }
#all_menu_gnb #all_gnb .nav>li { float: left; width: 33%; margin-bottom: 50px; }
#all_menu_gnb #all_gnb .nav>li ul.list .nav_title { font-size: 26px; color: #333333; height: 60px; line-height: 60px; border-bottom: 1px solid #e9e9e9; margin-bottom: 30px; }
#all_menu_gnb #all_gnb .nav>li ul.list li a { color: #848484; font-size: 14px; height: 40px; display: block; position: relative; margin-left: 10px; }
#all_menu_gnb #all_gnb .nav>li ul.list li a:before { content: ' '; position: absolute; width: 2px; height: 2px; background: #a1a1a1; top: 7px; left: -8px; }

/* 푸터 */
.footer { }

/* 푸트 컨텐츠 */
.foot_cont { border-top: 1px solid #e6e6e6; }
.foot_cont .copyright { font-family: 'Gulim', '굴림', sans-serif !important; }
.foot_cont .copyright ul { overflow: hidden; background: #f5f5f5; height: 50px; line-height: 50px; border-bottom: 1px solid #e6e6e6; padding-left: 35px; }
.foot_cont .copyright ul li { display: inline-block; margin-left: 10px; padding-left: 10px; position: relative; }
.foot_cont .copyright ul li:after { content: " "; position: absolute; top: 20px; left: 0; width: 1px; height: 10px; background: #b4b4b4; overflow: hidden; }
.foot_cont .copyright ul li:first-child { margin-left: 0; padding-left: 0; }
.foot_cont .copyright ul li:first-child:after { content: none; }
.foot_cont .copyright ul li a { display: block; font-size: 12px; color: #777777; }
.foot_cont .copyright ul li a:hover { font-size: 12px; font-weight: 700; color: #000000; }
.foot_cont .copyright address { font-size: 12px; color: #787878; line-height: 1.7; padding: 22px 35px; }
.foot_cont .copyright address span { display: block; margin-top: 20px; }

/* 퀵메뉴 */
.f5_quick { position: fixed; top: 0; right: -150px; z-index: 999; 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: -42px; display: block; cursor: pointer; background-image: url('/images/skin5005/quick_menu_btn.png'); background-repeat: no-repeat; background-position: center; border: 1px solid #dddddd; width: 42px; height: 42px; text-align: center; margin-top: -21px; }
.quick_menu_btn.on { background-image: url('/images/skin5005/quick_menu_btn_on.png'); }
.quick_menu_panel { width: 150px; height: 100%; border-left: 1px solid #dddddd; 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: 150px; 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; }