@charset "utf-8";

/* Reset */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, address, big, cite, code, del, dfn, em, font, img, ins, q, s, samp, small, strike, strong, sub, sup, tt, var,
b, u, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {font-family:'Nanum Gothic', 'dotum', 'arial'; border:0 none; margin:0; padding:0;}
body, input, button, textarea, select {font-family:'Nanum Gothic', 'dotum', 'arial'; margin:0; padding:0;}
table {width:100%; border-collapse:collapse;}
select, input, img {vertical-align:middle;}
select {color:#444; font-family:'Nanum Gothic', 'dotum', 'arial';}
-ms-select {color:#444; font-family:'Nanum Gothic', 'dotum', 'arial';}
address, caption, cite, code, dfn, em, th, var {font-style:normal;}
ul, li, ol {list-style-type:none;}
hr {display:none;}
legend {position:absolute; z-index:-1; height:0; overflow:hidden; visibility:hidden; font-size:0; line-height:0;}
caption {z-index:-1; height:0; overflow:hidden; visibility:hidden; font-size:0; line-height:0;}
a {text-decoration:none; vertical-align: top;}
a:hover {text-decoration:underline;}
a:focus {outline:1px dotted #aaa; text-decoration:underline;}

body {color: #444; font-size: 14px; line-height: 22px;}

select {padding: 5px 5px 6px; border: 1px solid #bbb; line-height: 30px;}
input[type=text], input[type=password] {height: 28px; padding: 0 5px; border: 1px solid #bbb; line-height: 30px;}
input[type=radio] + label, input[type=checkbox] + label  {margin: 0 15px 0 5px;}
input[disabled=disabled] {background: #ebebeb; border: 1px solid #ebebeb;}
::-webkit-input-placeholder {font-size: 13px; color: #222;}
:-moz-placeholder {font-size: 13px; color: #222;}
::-moz-placeholder {font-size: 13px; color: #222;}
:-ms-input-placeholder {font-size: 13px; color: #222;}

/* 공통 */
.skipAccess {position:absolute;top:0;left:0;z-index:100000;}
.skipAccess li a {position:absolute;top:0;left:0; width:1px;height:1px; margin:0 -1px -1px 0;font-size:0;line-height:0; display:block;}
.skipAccess li a:focus,
.skipAccess li a:hover,
.skipAccess li a:active {width:130px;height:25px; margin:0; font-size:1em;line-height:25px;color:#fff;text-align:center; background-color:#000;}

.blind {visibility: hidden; overflow: hidden; position: absolute; top: 0; left: 0; height: 0; width: 0; font-size: 0; line-height: 0;}
.t_l {text-align: left !important;}
.t_c {text-align: center !important;}
.t_r {text-align: right !important;}
.f_l {float: left;}
.f_r {float: right;}

/* 레이아웃 */
#wrap {}

#header > .inner { height: 62px;}
#header > .inner a {display: inline-block; color: #222;}
#header h1 {float: left; padding: 16px 0 16px;}
#header .util {float: right; padding-top: 30px;}
#header .util > ul {display: inline-block;}
#header .util > ul > li {position: relative; float: left;}
#header .util > ul > li + li:before {content: ''; display: inline-block; width: 1px; height: 12px; margin: 5px 10px 0 10px; background: #222;}
#header .util .util_layer {position: absolute; left: -11px; top: 32px; width: 93px; padding: 15px; border: 1px solid #e5e5e5; background: #fff; z-index: 10; display: none;}
#header .util .util_layer:before {content: ''; position: absolute; left: 25px; top: -6px; width: 11px; height: 6px; background: url('../images/bg_gnb_over.png') no-repeat 0 0;}
#header .util .util_layer li {line-height: 25px;}
#header .util .util_layer a {color: #585858; font-weight: bold;}
#header .util .util_layer a:before {content: ''; display: inline-block; width: 2px; height: 2px; margin: 10px 5px 0 0; background: #585858; vertical-align: top;}
#header .util .util_layer a:hover, #header .util .util_layer a:focus {color: #3652a2;}

.gnb {position: relative; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #d3d3d3;}
.gnb > ul {width: 980px; height: 46px; margin: 0 auto;}
.gnb > ul > li {float: left; width: 325px; height: 46px; border-right: 1px solid #e5e5e5; text-align: center;}
.gnb > ul > li:first-child {width: 326px; border-left: 1px solid #e5e5e5;}
.gnb > ul > li.on > a {height: 14px; background: #f0f0f0; border-bottom: 1px solid #d3d3d3;}
.gnb > ul > li > a {display: block; padding: 16px 0;}
.gnb > ul > li:first-child .depth2 {left: -1px; width: 266px; border-left: 1px solid #e5e5e5;}
.gnb .depth2 {position: relative; width: 265px; height: 85px; padding: 15px 30px; text-align: left; border-right: 1px solid #e5e5e5; z-index: 6; display: none;}
.gnb .depth2 li {line-height: 25px;}
.gnb .depth2 li a {color: #585858; font-weight: bold;}
.gnb .depth2 li a:before {content: ''; display: inline-block; width: 2px; height: 2px; margin: 10px 5px 0 0; background: #444; vertical-align: top;}
.gnb .depth2 li a:hover, .gnb .depth2 li a:focus {color: #3652a2;}
.gnb .inner {position: relative;}
.gnb .arrow {position: absolute; left: 158px; top: -5px; display: none;}
.gnb .depth2_bg {position: absolute; left: 0; top: 47px; width: 100%; height: 115px; border-bottom: 1px solid #d5d5d5; background: #fff; z-index: 5;}
 
#container {min-height: 500px; padding-bottom: 60px;}
#container h2 {margin: 60px 0 40px; font-size: 25px; font-weight: normal; text-align: center; line-height: 25px;}

#footer {display: inline-block; width: 100%; padding: 30px 0; border-top: 1px solid #e5e5e5;}
#footer .inner {overflow: hidden;}
#footer .f_logo {float: left; margin-right: 30px; margin-top:4px;}
#footer .f_menu {float: left; font-size: 12px; color: #666;}
#footer .f_menu .link {overflow: hidden;}
#footer .f_menu .link li {float: left;}
#footer .f_menu .link li a {color: #666;}
#footer .f_menu .link li + li:before {content: ''; display: inline-block; width: 1px; height: 11px; margin: 6px 10px 0; background: #dcdcdc;}
#footer .f_menu .copyright {margin-top: 15px; line-height: 19px;}
#footer .family_site {float: right;}
#footer .family_site select {padding: 10px; border: 1px solid #dcdcdc; font-size: 12px; color: #666;}

/* 팝업 */
#smartPop_overlay {display:block; overflow:hidden; position:fixed; background-color:rgba(252, 252, 252, .75); top:0; right:0; bottom:0; left:0; z-index:100000; cursor:wait;}
#smartPop {display:none; position:fixed; top:0; right:0; bottom:0; left:0; overflow-x:auto; overflow-y:scroll; z-index:100004;}
#smartPop_container {position: relative; margin:9px auto 100px auto; max-width:1300px; padding:0px; width:720px; height:500px; z-index:2; overflow:hidden; border: 1px solid #4a4a4a;}

#smartPop_content {display:none; padding:0; overflow:hidden; background:#fff;}
#smartPop_frame {display:none; width:100%; height:100%; background:#fff;}
#smartPop_log {display:none; position:fixed; top:10px; left:10px; overflow:auto; width:200px; height:400px; background:#fff; border:solid 1px #444; padding:10px; z-index:3;}

#smartPop_close_wrap {position: absolute; top: 25px; right: 30px;}
#smartPop_close {display: block; width: 24px; height: 24px; background: url('../images/btn_pop_close.png') no-repeat center center;}

.popup_wrap {padding: 25px 30px 30px;}
.popup_title {padding-bottom: 15px; border-bottom: 1px solid #3652a2; font-size: 18px;}
.popup_content {padding-top: 20px;}