@charset "utf-8";

/* 웹폰트:스포카 한 산스 */
@import url('https://spoqa.github.io/spoqa-han-sans/css/SpoqaHanSans-kr.css');

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

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

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

/*작업자 : 진재남 / 작업일자 : 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: 'Spoqa Han Sans', sans-serif !important; line-height: 1; }
li, ol, ul { margin: 0; padding: 0; list-style: none inside }

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

/* 헤더 */
.header { position: relative; width: 100%; height: 108px; background: #ffffff; }

/* 헤드바 1 */
.head_bar_1 { height: 30px; }
.head_bar_1 .head_quick { margin: 0 auto; width: 1091px; overflow: hidden; }
.head_bar_1 .head_quick .member { text-align: right; padding-top: 12px; float: right; }
.head_bar_1 .head_quick .member li { float: left; vertical-align: middle; margin-left: 12px; }
.head_bar_1 .head_quick .member li#all_menu { margin-left: 22px; }
.head_bar_1 .head_quick .member li a { display: block; height: 15px; line-height: 15px; font-size: 10px; }

/* 헤드바 2 */
.head_bar_2 { height: 78px; }
.head_bar_2 .head_cont { margin: 0 auto; width: 1091px; }
.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; }
.head_bar_2 .head_cont h1 a { display: block; font-size: 24px; color: #333333; width: 240px; height: 78px; }
.head_bar_2 .head_cont h1 a img { display: inline-block; }
.head_bar_2 .head_cont .nav { float: right; width: 851px; }
.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; }
.head_bar_2 .head_cont .nav .gnb .dropdown:first-child { padding-left: 0 !important; }
.head_bar_2 .head_cont .nav .gnb .dropdown a.dropbtn { display: block; color: #565656; font-size: 17px; font-weight: 700; padding-top: 30px; height: 48px; }
.head_bar_2 .head_cont .nav .gnb .dropdown .dropdown-content { position: absolute; top: 108px; left: 0; width: 100%; height: 180px; z-index: 9000; background: url('/images/skin5004/gnb_bg.png'); display: none; overflow: hidden; text-align: left; }
.head_bar_2 .head_cont .nav .gnb .dropdown .dropdown-content .lnb { position: absolute; top: 30px; left: 50%; width: 1091px; margin-left: -275px; }
.head_bar_2 .head_cont .nav .gnb .dropdown .dropdown-content .lnb a { display: block; font-size: 14px; color: #626262; width: 150px; height: 25px; }
.head_bar_2 .head_cont .nav .gnb .dropdown .dropdown-content .lnb .five { display: inline-block; margin-right: 20px; vertical-align: top; }

/* 전체메뉴 */
#all_menu_gnb { }
#all_menu_gnb #all_gnb { z-index: 9000; position: absolute; top: 45px; left: 50%; width: 1102px; padding-left: 10px; padding-top: 50px; margin-left: -556px; display: none; }
#all_menu_gnb #all_gnb .nav { width: 100%; overflow: hidden; color: #fff; }
#all_menu_gnb #all_gnb .nav li { float: left; }
#all_menu_gnb #all_gnb .close { position: absolute; top: 20px; right: 25px; }
#all_menu_gnb #all_gnb .nav>li { border-left: 1px solid #dcced2; }
#all_menu_gnb #all_gnb .nav>li:first-child { border: none }
#all_menu_gnb #all_gnb .nav li .list { overflow: hidden; width: 140px; padding-left: 30px; height: 300px; padding-bottom: 80px; }
#all_menu_gnb #all_gnb .nav li .list li { float: none; }
#all_menu_gnb #all_gnb .nav li .list .nav_title { font-size: 17px; font-weight: 700; padding-bottom: 40px; padding-left: 7px; }
#all_menu_gnb #all_gnb .nav li .list .nav_title span { padding-left: 20px; }
#all_menu_gnb #all_gnb .nav li .list li a { text-decoration: none; color: #626262; font-size: 14px; font-weight: normal; height: 25px; display: block; }
#all_menu_gnb #all_gnb .nav li .list li a:hover { color: #000000 }

/* 푸터 */
.footer { width: 100%; overflow: hidden; }

/* 푸트 컨텐츠 */
.foot_cont { margin: 0 auto; width: 1091px; overflow: hidden; border-top: 1px solid #e6e6e6; padding-top: 45px; padding-bottom: 45px; }
.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: 7px; margin-right: 7px; color: #b4b4b4; }
.foot_cont .copyright ul li:after { content: " "; position: absolute; top: 3px; left: -8px; width: 1px; height: 10px; background: #b4b4b4; overflow: hidden; }
.foot_cont .copyright ul li:first-child:after { content: none; }
.foot_cont .copyright ul li a { font-size: 11px; color: #b4b4b3; }
.foot_cont .copyright address { font-size: 12px; color: #787878; line-height: 1.5; }
.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: 160px; right: -510px; z-index: 999; transition: all .2s easeInOutExpo; }
.f5_quick .quick_menu_btn { float: left; display: block; cursor: pointer; }
.f5_quick .quick_menu_panel { float: left; position: relative; width: 430px; height: 130px; background: #434343; padding: 40px; }
.f5_quick .quick_menu_panel h3 { margin-bottom: 45px; }
.f5_quick .quick_menu_panel .quick_menu_close { position: absolute; top: 40px; right: 40px; cursor: pointer; }
.f5_quick .quick_menu_panel ul { overflow: hidden; }
.f5_quick .quick_menu_panel ul li { float: left; height: 35px; }
.f5_quick .quick_menu_panel ul li a { display: block; color: #ffffff; font-size: 12px; margin-right: 30px; }
.f5_quick .quick_menu_panel ul li a:hover { font-size: 12px; }

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