@charset 'utf-8';

#sub_container { position:relative; width:980px; margin:50px auto 0 auto; overflow:hidden; font-family:'Malgun Gothic' !important; }

/* left 메뉴*/
#left { float:left; width:199px; height:auto; }
.left_title { height:73px; line-height:73px; color:#004ea1; text-align:center; font-size:32px; letter-spacing:-1px; font-weight:normal; border-bottom:2px solid #004ea1;}
.left_mnu { float:left; width:199px; margin:15px 0 40px 0; }
.left_mnu li { float:left; width:184px; height:35px; line-height:35px; font-size:14px; padding-left:15px; }
.left_mnu li.on { background:url('../img/common/bl_leftOn.gif') no-repeat left 50%; color:#004ea1; }
.left_mnu li.on a { color:#004ea1; }

#contents { position:relative; float:left; border-left:1px solid #dedede; width:730px; height:auto; padding-left:50px; }

/* 위치정보 */
.path { clear:both; overflow:hidden;}
.path li { font-size:1em; text-align:left; }
.path li a { color:#666666 !important; line-height:15px; }
.home { background:url('../img/common/path_home.gif') no-repeat 0 50%; height:15px; padding-left:25px; }
.arrow { background:url('../img/common/path_arrow.gif') no-repeat 0 50%; padding-left: 18px; }
.active { color:#004ea1; font-weight:bold; }

#sub_tle { width:100%; padding:30px 0; line-height:35px; font-size:35px; font-weight:normal; letter-spacing:-2px; color:#333; display:block; clear:both; }
#ctn { width:730px; height:auto; position:relative; float:left; margin:0 0 80px 0; min-height: 400px; }

.sitemap_all { width:730px; overflow:hidden; }
.sitemap_all .sitemap_box { width:243px; float:left; overflow:hidden; height:330px; }
#ctn .sitemap_box h4 { width:200px; margin:0 0 5px 0;}
#ctn .sitemap_box h4::before, #ctn .sitemap_box .h4::before {display:none;}
.sitemap_box h5 { box-sizing:border-box; width:200px; font-weight:bold; color:#4f4f4f; border-bottom:1px dashed #e5e5e5; padding:7px 15px; }
.sitemap_box h5 a { color:#4f4f4f; font-size:12px; }


.login { box-sizing:border-box; width:730px; overflow:hidden; border-top:2px solid #004ea1; border-bottom:1px solid #e6e6e6; padding:50px 0 50px 325px; background:url('../img/common/bg_login.gif') no-repeat; }
.login_form .inp_area { margin-bottom:10px; }
.login_form .inp_area input { box-sizing:border-box; width:100%; height:35px; padding-left:10px; border:1px solid #bebebe; }
.login_form .btn_login { width:100%; height:45px; font-size:15px; font-weight:bold; background:#004ea1; color:#fff; text-align:center; border:0; }

.login_guide { margin-top:25px; overflow:hidden; }
.login_guide li a { box-sizing:border-box; width:47%; padding:10px 15px; font-size:13px; background:#404040; color:#fff; }
.login_guide .btn_join {float:left;}
.login_guide .btn_find {float:right;}

.idpw_find { width:730px; overflow:hidden; border-top:2px solid #004ea1; border-bottom:1px solid #e6e6e6; background:url('../img/common/line.gif') repeat-y center top; }
.idpw_find .id_find, .idpw_find .pw_find { box-sizing:border-box; width:47%; padding:25px 15px; }
.idpw_find .id_find h4, .idpw_find .pw_find h4 { margin-bottom:15px; color:#004ea1; font-size:16px; }
.idpw_find .inp_area { margin-bottom:10px; }
.idpw_find .inp_area input { box-sizing:border-box; width:100%; height:35px; padding-left:10px; border:1px solid #bebebe; }
.idpw_find .id_find { float:left; }
.idpw_find .pw_find { float:right; }
.idpw_find .btn_find { width:100%; height:45px; font-size:15px; font-weight:bold; background:#004ea1; color:#fff; text-align:center; border:0; }

.box {margin-bottom:10px; border:10px solid #e6edf1; background:#fff url('../img/board/boxIcon.png') no-repeat 15px center; overflow:hidden; padding:15px 15px 15px 65px; color:#000;}
.box p {font-size:13px; color:#000;}
.box2 {margin-bottom:10px; background:#e6edf1; padding:7px; border:1px solid #ccc; overflow:hidden;}
.box2 > div {background:#fff; padding:15px;}
.box2 > div p {margin-top:10px; color:#000; font-size:13px; line-height:18px;}
.box2 > div p:first-child {margin-top:0;}
.box2 > div dt {font-weight:bold; color:#000; margin-bottom:5px;}

.ebook li {float:left; width:32%; margin:0 0 50px 2%; text-align:center;}
.ebook li:nth-child(3n+1) {margin-left:0;}
.ebook li p {padding:10px; border:1px solid #ddd; overflow:hidden;}
.ebook li p img {width:100%;}
.ebook li span {display:block; font-weight:bold; margin:10px 0; font-size:15px;}
.ebook li span strong {display:block; padding-top:5px; font-weight:normal; font-size:14px;}
.ebook li a {display:inline-block; font-size:15px; height:34px; line-height:34px; margin:0 2px; padding:0 15px 3px 15px; color:#fff; vertical-align:middle; border:1px solid #0e416b; background:#005dab;}
.ebook li a:hover {text-decoration:underline;}
.ebook li .type01 {border:1px solid #0e416b; background:#005dab;}
.ebook li .type02 {border:1px solid #10657b; background:#1a8fae;}

.root_daum_roughmap.daummap {width:100% !important;}

h4,.h4 {clear:both; position:relative; margin:30px 0 20px 0; padding-left:15px !important; font-weight:bold; letter-spacing:-1px; font-size:19px; line-height:28px; color:#333;}
h4::before, .h4::before {content:''; position: absolute; left:0; top:4px; width:5px; height:70%; background:#004ea1;}
h4:first-child {margin-top:0;}

.depth_01 {margin:10px 0 25px 12px;}
.depth_01 > li {margin:0; padding:0 0 0 18px; margin-bottom:10px; background:url('../img/sub/dep01.png') no-repeat 0 5px; line-height:18px;}
.depth_02 {margin:0;}
.depth_02 > li,.dep_02 {margin:5px 0; padding:0 0 0 11px; background:url('../img/sub/dep02.png') no-repeat 0 7px; color:#333;}

.greeting {overflow:hidden; background:url('../img/sub/greeting_title.gif') no-repeat left top; padding-top:240px;}
.greeting p {margin-bottom:20px; font-size:13px;}
.greeting p:first-child {font-weight:bold; color:#000;}
.greeting .sign {color:#000; font-weight:bold;}

.history {overflow:hidden; padding-left:270px; background:url('../img/sub/history_bg.gif') no-repeat left top;}
.history p {margin-bottom:20px; font-size:13px;}

.org {position:relative; text-align:center; overflow:hidden; background:url('../img/sub/org_line.png') no-repeat center top;}
.org li {color:#fff;}
.org .tit {height:50px; line-height:50px; font-weight:bold; font-size:14px;}
.org .org1 {width:170px; margin:0 auto; background:#004ea1;}
.org .org2_1 {position:absolute; left:0; top:0; width:150px; background:#adadad;}
.org .org2_2 {position:absolute; right:0; top:0; width:150px; background:#adadad;}
.org .org3_1 {position:absolute; left:100px; top:100px; width:150px; background:#107ac5;}
.org .org3_2 {position:absolute; right:100px; top:100px; width:150px; background:#107ac5;}
.org span {display:block; line-height:50px; font-weight:bold; font-size:14px;}
.org .txt {font-size:12px; line-height:30px; height:30px; padding-bottom:2px; border-top:1px solid #fff;}
.org .org4_1 {width:90%; margin:180px auto 0 auto; overflow:hidden;}
.org .org4_1 li {float:left; width:23.5%; margin:10px 0 0 2%; padding:0 10px; height:50px; line-height:50px; font-weight:bold; font-size:14px; background:#00b6a8; box-sizing:border-box;}
.org .org4_1 li:nth-child(4n+1) {margin-left:0;}

.tbl_area {margin:20px 0; clear:both; overflow:hidden;}
.tbl_type1 {border-collapse:separate; border-top:1px solid #555; margin-left:-1px; width:100%;}
.tbl_type1 thead th {background:#f4f4f4; font-size:13px; padding:10px 10px; border-left:1px solid #c4c4c4; border-bottom:1px solid #c4c4c4; text-align:center; }
.tbl_type1 tbody th {background:#fafafa; font-size:13px;}
.tbl_type1 tbody td {background:#fff; font-size:13px;}
.tbl_type1 tbody th, .tbl_type1 tbody td {border-left:1px solid #d4d4d4; border-bottom:1px solid #d4d4d4; text-align:center; padding:7px 10px; word-break:break-all;}
.tbl_type1 a.btn_view {background:#808080; border:1px solid #333; color:#fff; padding:2px 7px; font-size:12px;}

.value {height:400px; overflow:hidden; text-align:center; background:url('../img/sub/value_bg.jpg') no-repeat center bottom;}
.value dt {font-weight:bold; font-size:28px; line-height:30px; color:#271d26;}
.value dt span {color:#1258b7;}
.value dd {color:#999; padding-top:7px;}
.value ul {clear:both; text-align:center; overflow:hidden;}
.value li {float:left; width:200px; margin:0 5px; font-size:18px; background:#013775; color:#fff; padding:10px; box-sizing:border-box;}
.value li span {display:block; border:1px solid rgba(255,255,255,0.5); padding:20px;}
.value li:nth-child(2) {background:#1a5ab1;}
.value li:nth-child(3) {background:#528bda;}
.value .count1 {width:210px; margin:50px auto 0 auto;}
.value .count2 {width:420px; margin:50px auto 0 auto;}
.value .count3 {width:630px; margin:50px auto 0 auto;}

.g_network {background:url("../img/main/network_bg.jpg") no-repeat left bottom #f2f2f2; padding:20px 25px 20px 273px; margin-bottom:20px;}
.g_network dt {font-weight:bold; color:#000; font-size:14px; margin-bottom:10px;}
.g_network dd 2020-03-30{font-size:13px;}