@charset "utf-8"; /** Animation **/ #header_2017 h1.logo, #header_2017 h1.logo a, #header_2017 .mob_btn, #header_2017 .toputil, #header_2017 .toputil .sns_link, #header_2017 .toputil .site_code, #header_2017 .toputil .totalsearch .btn, #header_2017 #nav #gnb, #header_2017 #nav #gnb ul li a span:after, #header_2017 #nav #gnb ul li ul, #header_2017 .toputil .sns_link ul li a, #sVisual_2017, #sVisual_2017 p strong, #sVisual_2017 p span, #contents_2017 .nsnBtn a, #container_2017 #contents, #container_2017 #contents .nsnBtn, #container_2017 #contents .nsnBtn a, #container_2017 #contents h1.h1, #footer_2017 .copy .inner, .relate_site dd ul li a, .family_site dd ul li a {transition : all 0.4s ease; -webkit-transition : all 0.4s ease;} /** Common **/ .js_mobile_check {display:none; position:absolute; left:0; top:-1000px; width:1px; height:1px; line-height:1px;} #wrap {position: relative; width: 100%; min-width: 1200px; margin: 0 auto; overflow: hidden; background: #fff;} .introduce #wrap {padding:100px 0 0 0;} .top_nav{background:#1e73ca;color:#fff;} .top_nav .top_nav_list{width:1200px;margin:0 auto;position:relative;overflow:hidden;height:35px;} .top_nav .top_nav_list ul{float:right;} .top_nav ul li{float:left;font-family:'dotum';font-size:11px;line-height:35px;padding:0px 10px;background:url('../image/main/top_nav_line.gif') no-repeat 0 center;} .top_nav ul li:first-child{background:none;} .top_nav ul li a{color:#fff;} /** Header **/ #slide_map {display:none;} #header_2017 {position:relative;width:100%; height:auto; z-index:101; background:#fff; } #header_2017 .inner {position:relative; width:100%;} .introduce #header_2017 {position:absolute;} #header_2017 h1 {position:absolute; top:15px; z-index:999;} #header_2017 h2 { position: absolute; top: 20px; z-index: 999; right:0;} #header_2017 .mob_btn {display:none;} #header_2017 #nav {width:1200px; margin:0 auto; overflow:hidden; position:relative;} #header_2017 .line{border-bottom:1px solid #e5e5e5; top:90px;position:absolute; width:100%;} #header_2017 #nav #gnb {width:auto; margin:0 0px 0 408px;width:950px; position:relative; z-index:10000; } #header_2017 #nav #gnb ul {width:100%; height:auto;} #header_2017 #nav #gnb ul:after {content:""; display:block; clear:both;} #header_2017 #nav #gnb ul li {float:left; width:16.6%; } #header_2017 #nav #gnb ul li:last-child {display:none;} #header_2017 #nav #gnb ul li a {display:block; text-align:center; text-decoration:none; } #header_2017 #nav #gnb ul li a span {letter-spacing:-0.8px;display:inline-block; vertical-align:top; font-size:18px; *height: 38px;padding:39px 0px; color:#333; font-weight:500; position:relative;} #header_2017 #nav #gnb ul li a span:after {content:""; display:block; height:4px; width:0px; position:absolute; bottom:0; left:50%;} #header_2017 #nav #gnb ul li a.ov span, #header_2017 #nav #gnb ul li a:hover span, #header_2017 #nav #gnb ul li a:active span {color:#0c6ac2;} #header_2017 #nav #gnb ul li a.ov span:after, #header_2017 #nav #gnb ul li a:hover span:after, #header_2017 #nav #gnb ul li a:active span:after {width:50%; background:#0c6ac2; left:0; padding-left:50%; opacity:1; -webkit-opacity:1; filter:alpha(opacity=100);} #header_2017 #nav #gnb ul li ul {width:auto; padding:13px 8% 19px; } #header_2017 #nav #gnb ul li ul.ov {background:#ecf2f5;} #header_2017 #nav #gnb ul li ul li:last-child {display:block;} #header_2017 #nav #gnb ul li ul li {float:none; width:auto; margin:3px 0 0 0;} #header_2017 #nav #gnb ul li ul li a {display:inline-block; vertical-align:top;width:100%;font-size:15px; text-align:center;line-height:22px; height:auto; padding:1px 0; color:#444; } #header_2017 #nav #gnb ul li ul li a strong {font-weight:normal;} #header_2017 #nav #gnb ul li ul li a:hover, #header_2017 #nav #gnb ul li ul li a:active, #header_2017 #nav #gnb ul li ul li a.ov {text-decoration:underline; color:#0c6ac2;} #header_2017 #nav #gnb ul li ul li ul {display:none !important;} #header_2017 #nav #gnb #sub_container{position:relative;z-index:20;margin-top:101px; } #sub_container h2{color:#fff;font-weight:400;text-align:center;font-size:38px;letter-spacing:-2.5px;padding-top:5px;} #sub_container h3{color:#c4c4c4;font-weight:normal;text-align:center;font-size:20px; padding-top: 65px;} .s_visual01{background:url('../image/sub/sub_nav02.jpg') no-repeat center 125px;height:205px;position:relative;padding-top:125px;overflow:hidden;margin: 0 auto;} .s_visual01 img{display:block;} .s_visual02{background:url('../image/sub/sub_nav02.jpg') no-repeat center 125px;height:205px;position:relative;padding-top:125px;overflow:hidden;margin: 0 auto;} .s_visual02 img{display:block;} .s_visual03{background:url('../image/sub/sub_nav03.jpg') no-repeat center 125px;height:205px;position:relative;padding-top:125px;overflow:hidden;margin: 0 auto;} .s_visual03 img{display:block;} .s_visual04{background:url('../image/sub/sub_nav04.jpg') no-repeat center 125px;height:205px;position:relative;padding-top:125px;overflow:hidden;margin: 0 auto;} .s_visual04 img{display:block;} .s_visual05{background:url('../image/sub/sub_nav05.jpg') no-repeat center 125px;height:205px;position:relative;padding-top:125px;overflow:hidden;margin: 0 auto;} .s_visual05 img{display:block;} .s_nav {width:100%;background:url('../image/sub/sub_bg.jpg') no-repeat;position:relative;display:inline-block; height: 50px;} .s_nav .s_nav_list {position:absolute;left: 30.9%;} .s_nav .s_nav_list ul li{float:left;} .s_nav .s_nav_list span{padding-right:45px;} .s_nav ul li{float:left;padding-left:10px;padding-top: 10px;padding-bottom: 10px;font-size:15px;color:#fff;} .s_nav ul li.nav01{padding: 13px 17px;background: #fff;} .s_nav ul li.nav02{display: block; padding: 17px 20px;border-right: 1px solid #0062b6;} .s_nav ul li.nav03{display: block; padding: 17px 25px;border-right: 1px solid #0062b6;} #s_container_box {width:100%; max-width:1200px; margin: 0 auto;position: relative;overflow: hidden;text-align: center;padding: 50px 0px;} #s_container_box .lnb_title span{font-weight:500;} #s_container_box .lnb_area{width:180px;float: left;display: inline-block;padding-right:30px;} #s_container_box .lnb_area .lnb_title{font-size:32px;letter-spacing:-1px;color:#333333;padding:50px 0px;text-align:center;border-bottom:3px solid #a3cf41;} #s_container_box .lnb_area ul li{display: block;border-bottom:1px solid #dddddd; } #s_container_box .lnb_area a{font-size:17px;color:#333333;letter-spacing:-1px;padding: 17px 0px 17px 15px;display: block;} #s_container_box .con_area{padding-left:50px; position: relative; display: inline-block; overflow: hidden;border-left:1px solid #ddd ;min-height: 700px;} #s_container_box .con_area .sub_title_area h3{font-size:25px;padding:62px 0px 20px 0px;letter-spacing:-1.8px;font-weight:normal;color:#10407c;} #s_container_box .con_area .sub_title_area .con_title{margin-top:55px;margin-bottom:50px;} #s_container_box .con_area .table{margin-bottom:30px;} #s_container_box .con_area .table .table_title{font-size:20px;color:#10407c;letter-spacing:-1.8px;background:url('../image/sub/ico_contitle.jpg') no-repeat left center;padding-left:10px;margin-bottom:5px;} #s_container_box .con_area .table .midtxt{background:url('../image/sub/midtxt_bg.jpg') repeat center;border-right:1px solid #d1dae3;} #s_container_box .con_area .divTable{display: table;width:915px;border-left:1px solid #d1dae3;border-right:1px solid #d1dae3;border-top:3px solid #2e4564;} #s_container_box .con_area .divTableRow {display: table-row;} #s_container_box .con_area .divTableHeading {background-color: #EEE;display: table-header-group;} #s_container_box .con_area .divTableCell, .divTableHead {padding-left: 8px;display: table-cell;height: 39px;vertical-align: middle;border-bottom:1px solid #d1dae3;font-size:17px;color:#444;letter-spacing:-1px;} #s_container_box .con_area .divTableHeading {background-color: #EEE;display: table-header-group;font-weight: bold;} #s_container_box .con_area .divTableFoot {background-color: #EEE;display: table-footer-group;font-weight: bold;} #s_container_box .con_area .divTableBody {display: table-row-group;} #s_container_box .con_area .divTable01{display: table;width:915px;border-left:1px solid #d1dae3;border-right:1px solid #d1dae3;border-top:3px solid #2e4564;} #s_container_box .con_area .divTableRow01 {display: table-row;} #s_container_box .con_area .divTableHeading01 {background-color: #EEE;display: table-header-group;} #s_container_box .con_area .divTableCell01, .divTableHead01 {padding-left: 60px;display: table-cell;height:120px;vertical-align: middle;border-bottom:1px solid #d1dae3;font-size:17px;color:#444;letter-spacing:-1px;} #s_container_box .con_area .divTableHeading01 {background-color: #EEE;display: table-header-group;font-weight: bold;} #s_container_box .con_area .divTableFoot01 {background-color: #EEE;display: table-footer-group;font-weight: bold;} #s_container_box .con_area .divTableBody01 {display: table-row-group;} #s_container_box .con_area .divTableCell01 h2{font-size:27px;letter-spacing:-2px;color:#333333;font-weight:normal;} #s_container_box .con_area .divTableCell01 h2 span {color:#13498f;font-weight:bold;} #s_container_box .con_area .divTable01 .divTableCell01 p{line-height:20px;padding-top:5px;} #s_container_box .con_area .divTable01 .divTableBody01 .list01{background:url('../image/sub/list01_bg.jpg') no-repeat 750px center;} #s_container_box .con_area .divTable01 .divTableBody01 .list02{background:url('../image/sub/list02_bg.jpg') no-repeat 750px center;} #s_container_box .con_area .divTable01 .divTableBody01 .list03{background:url('../image/sub/list03_bg.jpg') no-repeat 750px center;} #s_container_box .con_area .divTable01 .divTableBody01 .list04{background:url('../image/sub/list04_bg.jpg') no-repeat 750px center;} #s_container_box .con_area .divTable01 .divTableBody01 .ico01{background:url('../image/sub/list01_ico.jpg') no-repeat left center;} #s_container_box .con_area .divTable01 .divTableBody01 .ico02{background:url('../image/sub/list02_ico.jpg') no-repeat left center;} #s_container_box .con_area .divTable01 .divTableBody01 .ico03{background:url('../image/sub/list03_ico.jpg') no-repeat left center;} #s_container_box .con_area .divTable01 .divTableBody01 .ico04{background:url('../image/sub/list04_ico.jpg') no-repeat left center;} #s_container_box .con_area input[type="text"] {display:inline-block; background: #fff;width:200px;border: 1px solid #ddd;color: #333;font-size: 13px;padding:10px 7px;box-sizing: border-box;} #s_container_box .con_area input[type="number"] {display:inline-block;background: #fff;width:200px;border: 1px solid #ddd;color: #333;font-size: 13px;padding:10px 7px;box-sizing: border-box;} #s_container_box .con_area input[type="radio"]{width:20px; height:20px; vertical-align: middle; margin-left:10px;} #s_container_box .con_area select{display:inline-block;background: #fff;width:200px;border: 1px solid #ddd;color: #333;font-size: 13px;padding:10px 7px;box-sizing: border-box;} #s_container_box .con_area .table_btn{text-align:center;margin-top:15px;} #s_container_box .con_area .list{margin-bottom:20px;} #s_container_box .con_area .list_box {display:inline-block;} #s_container_box .con_area .list_01{padding-right:15px;} #s_container_box .con_area .list_03{padding-right:15px;} #s_container_box .con_area .list_05{padding-right:15px;} #s_container_box .con_area .list_07{padding-right:15px;} #s_container_box .con_area .list_09{padding-right:15px;} #s_container_box .con_area .list_11{padding-right:15px;} #s_container_box .con_area .list_13{padding-right:15px;} #s_container_box .con_area .list_15{padding-right:15px;} #s_container_box .con_area .list_17{padding-right:15px;} #s_container_box .con_area .list_19{padding-right:15px;} #s_container_box .con_area .list_21{padding-right:15px;} #s_container_box .con_area .list_box .title{width:400px;background:#222;color:#fff;text-align:center;padding:15px 0px;font-size:15px;} #s_container_box .con_area .info{width:400px;border-top:5px solid #8fc42e;margin-top:20px;border-left:1px solid #ddd;font-size:15px;} #s_container_box .con_area .info_tit{padding:10px 0px;text-align:center;width:150px;background:#ddd;float:left;border-bottom:1px solid #f5f5f5;color:#222;font-weight:500;} #s_container_box .con_area .info_txt{width: 240px;padding:10px 5px;border-bottom:1px solid #f5f5f5;display:inline-block;} #s_container_box .con_area .img{width:400px;} #s_container_box .con_area .img img{width:100%;} #s_container_box .manager_list {width:1200px;margin:0 auto;position:relative;overflow:hidden;margin-bottom:45px;} #s_container_box .manager_list li{float:left;} #s_container_box .manager_list img{display:block;} #s_container_box .cnt_content{width:1200px;margin:0 auto;padding:70px 0px;} #s_container_box .detail_content{width:1200px;margin:0 auto;margin-bottom:45px;} #s_container_box .content_title{width:1100px;margin:0 auto;text-align:center;} #s_container_box .contetn_in{position:relative;width:1200px;margin:0 auto;text-align:center;} #s_container_box .contetn_etc{position:relative;width:1200px;margin:0 auto;text-align:left;line-height:150%;font-size:1em;padding:45px 0px;margin:0 auto;} #s_container_box .contetn_etc div{display:block;line-height:150%;font-size:1em;padding:0;margin:0 auto;vertical-align:top;} #s_container_box .contetn_etc div.etc_tit1{font-size:1.3em;} #s_container_box .contetn_etc div.gray_box{padding:10px;background-color:#e9e9e9;} #s_container_box p.contet{font-size:1em;line-height:1.8em;} #s_container_box p.content_copy_t{padding:20px 0;} #s_container_box p.content_copy_ts{padding:20px 0;} #s_container_box p.content_copy_ti{padding:0;} #s_container_box p.content_copy_txt{font-size:18px;} #s_container_box p.blue_txt{color:#00a2c5;font-size:1.5em;font-weight:bold;line-height:160%;} #s_container_box p.content_copy_b{font-size:1.3em; color:#0d1e54; font-weight:bold; padding-top:20px;} #s_container_box .tg {border-collapse:collapse;border-spacing:0;width:1200px;} #s_container_box .tg td{letter-spacing:-1px;font-size:17px;padding:10px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;border:1px solid #ddd;} #s_container_box .tg th{letter-spacing:-1px;font-size:17px;font-weight:normal;padding:10px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;border:1px solid #ddd;} #s_container_box .tg .tg-0lax{vertical-align: middle;text-align: center;} #s_container_box .tg .tg-0pky{border:1px solid #ddd;border-color:inherit;text-align:center;vertical-align:middle;} #s_container_box .s_container_table{width:1200px;margin:0 auto;position:relative;overflow:hidden;} #s_container_box .s_container_table ul{width:1200px;margin:0 auto;position:relative;overflow:hidden;margin-bottom:45px;} #s_container_box .s_container_table ul li{float:left;width:195px;height:50px;background:#e2f4fc;font-size:17px;margin-right:5px;line-height:50px;} #s_container_box .s_container_table ul li.on{background:#0088cf;color:#fff;font-weight:500;} #s_container_box .s_container_table ul li.on a{color:#fff;display: block;} #s_container_box .s_container_table ul li a{color:#333;display: block;} #s_container_box .table{clear:both;width:1200px;} #s_container_box .tg tr {border:1px solid #ddd;} #s_container_box .tg th {background:#f5f5f5;border-top:3px solid #0e72c3 !important;} #s_container_box .table_01 p{margin: 20px 0px;padding:30px;background:url('../image/sub/sub10_ico01.png') no-repeat 369px center;text-align:center;font-size:35px;letter-spacing:-2px;} #s_container_box .table_01 p span{color:#0e72c3;} #s_container_box .table_02 p{margin: 20px 0px;padding:30px;background:url('../image/sub/sub10_ico02.png') no-repeat 369px center;text-align:center;font-size:35px;letter-spacing:-2px;} #s_container_box .table_02 p span{color:#0e72c3;} #s_container_box .table_03 p{margin: 20px 0px;padding:30px;background:url('../image/sub/sub10_ico03.png') no-repeat 355px center;text-align:center;font-size:35px;letter-spacing:-2px;} #s_container_box .table_03 p span{color:#0e72c3;} #s_container_box .table_04 p{margin: 20px 0px;padding:30px;background:url('../image/sub/sub10_ico04.png') no-repeat 340px center;text-align:center;font-size:35px;letter-spacing:-2px;} #s_container_box .table_04 p span{color:#0e72c3;} #s_container_box .table_05 p{margin: 20px 0px;padding:30px;background:url('../image/sub/sub10_ico05.png') no-repeat 369px center;text-align:center;font-size:35px;letter-spacing:-2px;} #s_container_box .table_05 p span{color:#0e72c3;} #s_container_box .table_06 p{margin: 20px 0px;padding:30px;background:url('../image/sub/sub10_ico06.png') no-repeat 379px center;text-align:center;font-size:35px;letter-spacing:-2px;} #s_container_box .table_06 p span{color:#0e72c3;} #s_container_box .table_06 {margin-bottom:45px;} #s_container_btn {position:relative;overflow:hidden;margin-bottom:45px;margin-top:30px;} #s_container_btn ul{width:1200px;margin:0 auto;position: relative;overflow: hidden; } #s_container_btn ul li {float:left;margin-right:26px;} #s_container_btn ul li:last-child{margin:0;} .consult_cont{margin:20px 0 0; border-top:3px solid #8fc32f;} .consult_cont table{} .consult_cont table th, .consult_cont table td{text-align:left; color:#333; border-bottom:1px solid #ddd;} .consult_cont table th{width:18%; height:40px; padding-left:20px; background:#f7f7f7; font-size:15px; font-weight:500;} .consult_cont table th span{color:#ff1d1d; font-weight:600;} .consult_cont table td{padding:10px 0 10px 15px;} .consult_cont table td .input{padding:4px; background:#f7f7f7; border:1px solid #ddd; vertical-align:middle;} .consult_cont table td .file{background:#f7f7f7; border:1px solid #dfdfdf;} .consult_cont table td select{*height:22px; border:1px solid #ddd;} .consult_cont table td label{vertical-align:middle;} .consult_cont table td font.comment{display:inline-block; font-size:12px; color:#888;} .consult_btn {margin: 0 auto;width: 899px; position: relative;text-align: center;padding:20px 0px 50px 0px;} .consult_btn p{width:130px;height:40px;text-align:center;line-height:40px;} .consult_btn .btn1{background:#222;color:#fff;display:inline-block;margin-right:10px;position: relative;} .consult_btn .btn2{background:#ddd;display:inline-block;} /* 게시판 목록 공통 */ #bo_btn_top{margin: 30px 0 10px;} #bo_btn_top:after {display:block;visibility:hidden;clear:both;content:""} .bo_fx {margin-bottom:5px;float:right;zoom:1; text-align: center;} .bo_fx:after {display:block;visibility:hidden;clear:both;content:""} .bo_fx ul {margin:0;padding:0;list-style:none} #bo_list_total {float:left;line-height:30px;font-size:0.92em;color:#4e546f;padding:0 10px;border-radius:5px;} .btn_bo_user {float:right;margin:0;padding:0;list-style:none} .btn_bo_user li {float:left;margin-left:5px} .btn_bo_adm {float:left} .btn_bo_adm li {float:left;margin-right:5px} .btn_bo_adm input {padding:0 8px;border:0;background:#d4d4d4;color:#666;text-decoration:none;vertical-align:middle} .bo_notice td {background:#f3f3f3 !important;} .bo_notice td a {font-weight:bold;} .bo_notice .notice_icon{display:inline-block;width:25px;line-height:25px;border-radius:5px;font-weight:normal;color:#999999} .td_num strong {color:#000} .bo_cate_link {display: inline-block;color: #3497d9;height: 20px;font-size:0.92em; font-weight: 700; float: left; border-right:1px solid #ddd; padding-right:10px; margin-right:10px;} /* 글제목줄 분류스타일 */ .bo_tit{display:block;color:#000;font-weight:bold;float: left;} .bo_current {color:#e8180c} /*#bo_list .profile_img {display:inline-block;margin-right:2px}*/ #bo_list .profile_img img{border-radius:50%} #bo_list .cnt_cmt{color:#777; font-size:11px;height:16px;line-height:16px;padding:0 5px;border-radius:3px;vertical-align:middle;} #bo_list .bo_tit .title_icon{margin-right:2px} #bo_list .bo_tit .fa-download{width:16px;height:16px;line-height:16px;color:#777;text-align:center;font-size:10px;border-radius:2px;margin-right:2px;vertical-align:middle} #bo_list .bo_tit .fa-link{width:16px;height:16px;line-height:16px;color:#777;text-align:center;font-size:10px;border-radius:2px;margin-right:2px;vertical-align:middle;font-weight:normal} #bo_list .bo_tit .new_icon{display:inline-block;width: 16px;line-height:16px ;font-size:0.833em;color:#777;text-align:center;border-radius: 2px;vertical-align:middle;margin-right:2px} #bo_list .bo_tit .fa-heart{display:inline-block;width: 16px;line-height:16px ;font-size:0.833em;color:#777;text-align:center;border-radius: 2px;vertical-align:middle;margin-right:2px;font-weight:normal} #bo_list .bo_tit .fa-lock{display: inline-block;line-height: 14px;width: 16px;font-size: 0.833em;color: #fff;background: #cbe3e8;text-align: center;border-radius: 2px;font-size: 12px;border:1px solid #a2c6ce} /* 게시판 목록 공통 */ #bo_btn_top{margin: 30px 0 10px;} #bo_btn_top:after {display:block;visibility:hidden;clear:both;content:""} .bo_fx {margin-bottom:5px;float:right;zoom:1; text-align: center;} .bo_fx:after {display:block;visibility:hidden;clear:both;content:""} .bo_fx ul {margin:0;padding:0;list-style:none} #bo_list_total {float:left;line-height:30px;font-size:0.92em;color:#4e546f;padding:0 10px;border-radius:5px;} .btn_bo_user {float:right;margin:0;padding:0;list-style:none} .btn_bo_user li {float:left;margin-left:5px} .btn_bo_adm {float:left} .btn_bo_adm li {float:left;margin-right:5px} .btn_bo_adm input {padding:0 8px;border:0;background:#d4d4d4;color:#666;text-decoration:none;vertical-align:middle} .bo_notice td {background:#f3f3f3 !important;} .bo_notice td a {font-weight:bold;} .bo_notice .notice_icon{display:inline-block;width:25px;line-height:25px;border-radius:5px;font-weight:normal;color:#999999} .td_num strong {color:#000} .bo_cate_link {display: inline-block;color: #3497d9;height: 20px;font-size:0.92em; font-weight: 700; float: left; border-right:1px solid #ddd; padding-right:10px; margin-right:10px;} /* 글제목줄 분류스타일 */ .bo_tit{display:block;color:#000;font-weight:bold;float: left;} .bo_current {color:#e8180c} /*#bo_list .profile_img {display:inline-block;margin-right:2px}*/ #bo_list .profile_img img{border-radius:50%} #bo_list .cnt_cmt{color:#777; font-size:11px;height:16px;line-height:16px;padding:0 5px;border-radius:3px;vertical-align:middle;} #bo_list .bo_tit .title_icon{margin-right:2px} #bo_list .bo_tit .fa-download{width:16px;height:16px;line-height:16px;color:#777;text-align:center;font-size:10px;border-radius:2px;margin-right:2px;vertical-align:middle} #bo_list .bo_tit .fa-link{width:16px;height:16px;line-height:16px;color:#777;text-align:center;font-size:10px;border-radius:2px;margin-right:2px;vertical-align:middle;font-weight:normal} #bo_list .bo_tit .new_icon{display:inline-block;width: 16px;line-height:16px ;font-size:0.833em;color:#777;text-align:center;border-radius: 2px;vertical-align:middle;margin-right:2px} #bo_list .bo_tit .fa-heart{display:inline-block;width: 16px;line-height:16px ;font-size:0.833em;color:#777;text-align:center;border-radius: 2px;vertical-align:middle;margin-right:2px;font-weight:normal} #bo_list .bo_tit .fa-lock{display: inline-block;line-height: 14px;width: 16px;font-size: 0.833em;color: #fff;background: #cbe3e8;text-align: center;border-radius: 2px;font-size: 12px;border:1px solid #a2c6ce} /* Board Header */ .board_header {width:100%; padding:10px 0; *zoom:1;margin:0 auto;} .board_header * {margin:0; padding:0;} .board_header:after {content:""; display:block; float:none; clear:both;} .board_header img {border:0;} .board_header ul {overflow:hidden;} .board_header .rss {float:right;padding-right:5px;} .board_header .category {float:right;} .board_header .category select {height:20px; padding:0 0 0 2px; border:solid #CCC 1px; background:#FFF;color:#666; vertical-align:top;} .board_header .info {float:left; padding-top:7px;color:#999;} .board_header .info li {float:left; position:relative; display:inline; margin-left:5px;} /* Board List */ #board_colgroup table.board_list {border-spacing:0; padding:0; border-collapse:collapse; border: 0; empty-cells:show;} .board_list {width:100%;margin:0 auto;} .board_list * {margin:0; padding:0;} .board_list img {border:0;} .board_list a {text-decoration:none; color:#666;} .board_list a:hover, .board_list a:active, .board_list a:focus {text-decoration:underline;} .board_list thead th {background:#044895;color:#fff;padding:12px 0;font-weight:bold;} .board_list tbody td.nbox{background-color:#f0f0f0;} .board_list td {padding:15px 0;border-bottom:1px solid #d2d2d2;} .board_list td.center {text-align:center;} .board_list td.title {white-space:normal;} .board_list td img{vertical-align:middle;} .board_list .category {padding-right:7px; margin-right:5px;background:url(./image/line_v.gif) top right no-repeat;} .board_list .icon_img {vertical-align:middle; padding-left:2px;} .board_list .comment_num, .board_list .comment_num a, .board_list .comment_num a:hover, .board_list .comment_num a:active, .board_list .comment_num a:focus {padding-left:3px;color:#444444; text-decoration:none;} /* Board Read */ .board_read_header {*zoom:1;} .board_read_header a {text-decoration:none;color:#888;} .board_read_header a:hover{text-decoration:none;color:#333;} .board_read_header a:active{text-decoration:none;color:#333;} .board_read_header a:focus {text-decoration:none;color:#333;} .board_read_header:after {content:""; display:block; float:none; clear:both;} .board_read_header * {margin:0; padding:0;} .board_read_header .title_area {*zoom:1; padding:14px; border-top:2px solid #044895; border-bottom:1px solid #d5d5d5;background:#efefef;} .board_read_header .title_area:after {content:""; display:block; clear:both;} .board_read_header .title_area .title {float:left; margin-top:4px; margin-right:10px;font-size:16px;color:#044895; font-weight:bold;} .board_read_header .title_area .category {float:left; margin-top:5px; padding-left:10px;color:#666; background:url(./image/line_v.gif) left 1px no-repeat;} .board_read_header .author_area {*zoom:1; padding:17px 20px 17px 20px;font-size:13px;color:#666;} .board_read_header .author_area1 {*zoom:1; padding:17px;border-bottom:1px solid #a19e9e;background:#ffffff;} .board_read_header .author_area1:after {content:""; display:block; clear:both;} .board_read_header .author_area1 .author {float:left; margin-right:10px;color:#044895;font-size:14px;} .board_read_header .author_area1 .ip {float:left;color:#999; margin-top:1px;} .board_read_header .author_area1 .sum {float:right; white-space:nowrap;} .board_read_header .author_area1 .sum .txt {margin-left:2px; margin-right:5px; color:#666;} .board_read_header .author_area1 .sum .num {color:#999;} .board_read_header .author_area1 .sum .date {margin-left:2px; padding-left:10px; color:#999; background:url(./image/line_v.gif) 1px left no-repeat;} .board_read_body {margin:20px; overflow:hidden; *zoom:1;} .board_read_body .content_area {line-height:1.6; overflow:hidden;} .board_read_body .content_area a {text-decoration:underline;color:#666;} .board_read_body .content_area a:active{text-decoration:underline;color:#666;} .board_read .board_navigation {border-top:1px solid #044895;} /* Attached File */ .board_read_footer .file_attached {position:relative; padding:10px; margin-bottom:0px; border:1px solid #ddd; background-color:#F6F6F6;} .board_read_footer .file_attached * {overflow:hidden;margin:0; padding:0;vertical-align:middle;_zoom:1;} .board_read_footer .file_attached ul.files {position:relative; padding:0; margin:0; clear:both; list-style:none; text-align:left;} .board_read_footer .file_attached ul.files * {display:inline-block; *display:inline; padding:0; margin:0; font-size:9px;} .board_read_footer .file_attached ul.files li {position:relative; margin:0 15px 0 0;} .board_read_footer .file_attached ul.files a {position:relative; padding-left:15px; background:url("./image/icon_file.gif") no-repeat left top; *zoom:1; text-decoration:none;color:#666} .board_read_footer .file_attached ul.files a .bubble {display:none; position:absolute; top:-20px; left:0; padding:3px 5px 1px 5px; z-index:100; white-space:nowrap; border:1px solid #CCC; background-color:#FFF;} .board_read_footer .file_attached ul.files a:hover .bubble, .board_read_footer .file_attached ul.files a:active .bubble, .board_read_footer .file_attached ul.files a:focus .bubble {display:block;} /* URL Link */ .board_read_footer .url {position:relative; padding:10px; margin-bottom:0px; border:1px solid #EFEFEF; background-color:#F6F6F6;} .board_read_footer .url * {margin:0; padding:0;vertical-align:middle;} .board_read_footer .url ul.links {position:relative; padding:0; margin:0; clear:both; list-style:none; text-align:left;} .board_read_footer .url ul.links * {display:inline-block; *display:inline; padding:0; margin:0; font:9pt Dotum;} .board_read_footer .url ul.links li {position:relative; margin:0 15px 0 0;} .board_read_footer .url ul.links a {position:relative; padding-left:25px; background:url("./image/icon_link.gif") no-repeat left top; *zoom:1; text-decoration:none;color:#666} .board_read_footer .url ul.links a .bubble {display:none; position:absolute; top:-20px; left:0; padding:3px 5px 1px 5px; z-index:100; white-space:nowrap; border:1px solid #CCC; background-color:#FFF;} .board_read_footer .url ul.links a:hover .bubble, .board_read_footer .url ul.links a:active .bubble, .board_read_footer .url ul.links a:focus .bubble {display:block;} /* Comment List */ .comment_colgroup {overflow:hidden; padding-top:15px; margin-bottom:10px; border-top:1px solid #E2E2E2; } .comment_colgroup .comment_header {float:left; margin:1em 1em .5em 0; font-size:14px;font-weight:bold; color:#666;background:url(./image/icon_reimg.gif) no-repeat;padding-left:24px;} .comment_colgroup .comment_header .num {font:bold 15px Tahoma; color:#555555;} .comment_colgroup .comment_list {clear:both; padding-bottom:15px; border-bottom:1px solid #E2E2E2;} .comment_colgroup .item {position:relative; border-top:1px dashed #E2E2E2; *zoom:1;} .comment_colgroup .item .indent {position:relative; *zoom:1;} .comment_colgroup .item .indent:after {content:""; display:block; clear:both;} .comment_colgroup .item_comment .indent {padding-left:15px; background:url(./image/icon_comment.gif) 0 1em no-repeat;} .comment_colgroup .item .header {margin:0 0 5px 0;} .comment_colgroup .item .header a {font-size:9px; font-weight:bold; color:#666; text-decoration:none;} .comment_colgroup .item .header a:hover, .comment_colgroup .item .header a:active, .comment_colgroup .item .header a:focus {text-decoration:underline;} .comment_colgroup .item .item_content {position:relative; padding:1em 0 1em 120px; *zoom:1; z-index:1;} .comment_colgroup .item .item_content:after {content:""; display:block; clear:both;} .comment_colgroup .item .item_content .content {float:right;width:85%; line-height:1.6;padding-right:10px;} .comment_colgroup .item .item_content .content * {margin-top:0;} .comment_colgroup .item .item_content .content a {text-decoration:underline;} .comment_colgroup .item .item_content .option {position:relative; margin:0; padding:0; list-style:none; white-space:nowrap; overflow:hidden; *zoom:1; float:right;vertical-align:top;} .comment_colgroup .item .item_content .option li {position:relative; display:inline;} .comment_colgroup .item .item_content .option li img {border:0;vertical-align:top;} .comment_colgroup .item .item_aside {position:relative; float:left; width:150px; margin-right:-100px; padding:1em 0 1em 0; *zoom:1; text-align:left; z-index:2;background:url(./image/bg_replyline.gif) no-repeat right;} .comment_colgroup .item .item_aside .header {margin:0 0 5px 0;} .comment_colgroup .item .item_aside .header a {font:bold 9pt Dotum; color:#333; text-decoration:none;} .comment_colgroup .item .item_aside .header a:hover, .comment_colgroup .item .item_aside .header a:active, .comment_colgroup .item .item_aside .header a:focus {text-decoration:underline;} .comment_colgroup .item .item_aside img.profile {display:block; border:1px solid #E2E2E2; margin-bottom:5px;} .comment_colgroup .item .item_aside .meta { color:#999; margin:0 0 5px 0; white-space:nowrap;} /* Comment_Write */ .comment_write {padding:10px; border:1px solid #c9caca; background-color:#e6e8e9;color:#666;} .comment_write * {margin:0; padding:0;} .comment_write img {border:0;} .comment_write .input_text {width:80px; height:16px; padding:2px 2px 0 2px; border:solid #CCC 1px; background:#FFF;color:#666; *margin:-1px 0;} .comment_write .input_checkbox {*margin:-1px 0; border:0;} .comment_write textarea {width:99%; overflow:auto; vertical-align:middle; padding:.2em .3em 0 .3em; border:solid #CCC 1px;color:#666;} .comment_write .comment_write_header {width:100%;} .comment_write .comment_write_content {padding:7px 0;} .comment_write .comment_write_footer {text-align:center; padding:5px 0;} /* board_Write */ #board_colgroup table.board_write_form {border-spacing:0; border-collapse:collapse; empty-cells:show;width:100%;} .board_write_form * {margin:0; padding:0; font-size:12px; color:#555555;} .board_write_form img {border:0;} .board_write_form th {text-align:left; font-weight:bold;width:121px;} .board_write_form td {border-bottom:1px solid #000;} .board_write_form .input_text {padding:10 3px; border:solid #e0e0e0 1px;} .board_write_form .input_file {width:70%; height:20px; padding:10px 0 10px 10px;border:solid #CCC 1px; background:#FFF;color:#666;} .board_write_form .input_checkbox {*margin:-1px 0; border:0;} .board_write_form textarea {width:99%; overflow:auto; vertical-align:middle; padding:.2em .3em 0 .3em; border:solid #CCC 1px;color:#666;} .board_write_form .essential{background:url(./image/icon_important.gif) no-repeat 25px 24px #F6F6F6;} .board_write_form .description {margin-left:5px;color:#999;} /* password_input */ .password_input {position:relative; margin:0 auto; padding:0; width:100%; min-width:320px;} .password_input * {margin:0; padding:0;} .password_input .input_text {width:150px; height:16px; padding:2px 2px 0 2px; border:solid #CCC 1px; background:#FFF;color:#666; *margin:-1px 0;} .password_container {position:relative; padding:15px 10px 10px 10px; border:7px solid #E2E2E2;} .password_container p {padding:10px 0;color:#666;} .password_container fieldset {position:relative; width:100%; padding:15px 0; clear:both; border:0; background-color:#F5F5F5;} .password_container fieldset:after {content:""; display:block; float:none; clear:both;} .password_container legend {display:none; position:absolute; top:0; left:0; width:0; height:0; display:block; overflow:hidden; visibility:hidden; font-size:0; line-height:0;} .password_container dl dt {float:left; padding-left:20px; padding-right:5px; font-size:9px; font-weight:bold; color:#666;} .password_container dd {float:left; padding-left:10px;} .password_container dl dt, .password_container dl dd {line-height:1.6;} .password_container .board_navigation {padding:15px 0 10px 0;} /* Board_move */ .board_move {margin:0 auto; width:430px; padding:0 10px 0 10px;} .board_move p {font:9pt dotum; color:#666; clear:both; margin-top:15px; margin-bottom:15px; line-height:1.6em;} .board_move .board_move_content {width:100%;color:#666;} .board_move table.board_move_content {border-spacing:0; border-collapse:collapse; empty-cells:show;} /* Table */ .col_table {width:100%; margin:0 !important; padding:0; border:0;} .col_table th, .col_table td {border:0; padding:5px 3px; vertical-align:middle;} .col_table th { border-bottom:1px solid #bfc4c6; background:#F4F4F4; background-image:url(./image/line_v2.gif); background-repeat:no-repeat; background-position:left center;} .col_table thead th.first {background-image:none;} .col_table td {border-bottom:1px solid #bfc4c6;} .row_table {width:980%; border:0; border-top:2px solid #CFCFCF; margin:0 !important; padding:0; table-layout:fixed;} .row_table th, .row_table td {border:0; padding:5px 10px; vertical-align:middle;} .row_table th {background:#F4F4F4;} .row_table tbody th {border-bottom:1px solid #E5E5E5;} .row_table td {border-bottom:1px solid #E5E5E5;} .write_table {width:980%; border:0; border-top:2px solid #044895;border-bottom:1px solid #677378; margin:0 !important; padding:0; table-layout:fixed;} .write_table th{padding:20px;} .write_table td {border:none; padding:10px 30px; vertical-align:middle;} .write_table th {padding:14px 40px;vertical-align:middle;font-size:15px;background:#f6f6f6;color:#044895;} .write_table tbody th {border-bottom:1px solid #bfc4c6;vertical-align:middle;} .write_table tbody th.vtop{vertical-align:top;padding-top:18px;} .write_table td {border-bottom:1px solid #bfc4c6;} #file_table td{border-bottom:none!important;text-align:left;} /* Board Navigation */ .board_navigation {padding:30px 0; text-align:center; *zoom:1; _zoom:0;width:100%;} .board_navigation:after {content:""; display:block; float:none; clear:both;} .board_navigation .pagination {padding:1px 0;} .board_navigation .btn_left {float:left; text-align:left;} .pnst{border:1px solid #b1b7ba;overflow:hidden;width:26px;height:27px;} .board_navigation .btn_right {float:right; text-align:right;} /* Button */ .btn_official, .btn_official span, .btn_official input, .btn_official button {position:relative; display:inline-block; height:25px;color:#666; line-height:25px; cursor:pointer; background-image:url(./image/btn_official.gif); background-repeat:no-repeat; background-position:left top; text-decoration:none !important; overflow:visible; border:0; margin:0; padding:0; background-color:transparent; vertical-align: top;} .btn_official {background-position:left top; margin-right:4px;} .btn_official span, .btn_official input, .btn_official button {left:2px; background-position:right top; padding:0 5px 0 4px;} a.btn_official {_margin-top:-1px;} a.btn_official span {_vertical-align:top;} .btn_official_a, .btn_official_a span, .btn_official_a input, .btn_official_a button {position:relative; display:inline-block;font:9pt Dotum; color:#666; line-height:22px; cursor:pointer; background-repeat:no-repeat; text-decoration:none !important; overflow:visible; border:0; margin:0; padding:0; background-color:transparent; vertical-align: top;} .btn_official_a {background-position:left top; margin-right:4px;} .btn_official_a span{left:4px; background-position:right top; padding:0 8px 0 4px;} .btn_official_s span, .btn_official_s input, .btn_official_s button{width:69px;height:24px;border:none;font-family:dotum;font-size:11px;line-height:24px;background:url(./image/btn_official_s.gif) no-repeat;} a.btn_official_s{_margin-top:-1px;} a.btn_official_s span{_vertical-align:top;} /*.btn_official_s input, .btn_official_s button {left:4px; background-position:right top; padding:0 8px 0 4px;} a.btn_official_s {_margin-top:-1px;} a.btn_official_s span {_vertical-align:top;} .btn_official_s, .btn_official_s span, .btn_official_s input, .btn_official_s button {position:relative; display:inline-block; height:24px; font:8pt Dotum; color:#666; line-height:22px; cursor:pointer; background-image:url(./image/btn_official_s.gif); background-repeat:no-repeat; text-decoration:none !important; overflow:visible; border:0; margin:0; padding:0; background-color:transparent; vertical-align: top;} .btn_official_s {background-position:left top; margin-right:4px;} .btn_official_s span, .btn_official_s input, .btn_official_s button {left:4px; background-position:right top; padding:0 8px 0 4px;} a.btn_official_s {_margin-top:-1px;} a.btn_official_s span {_vertical-align:top;}*/ /* Pagination .pagination {margin:0 auto; text-align:center;} .pagination * {margin:0; padding:0;} .pagination img {border:0;} .pagination a, .pagination strong {display:inline-block; margin:0 1px; padding:2px 6px 3px 6px; color:#333; white-space:nowrap; text-decoration:none; font:bold 9pt tahoma; border:1px solid #E2E2E2; vertical-align:top;} .pagination strong {color:#BE0000; border:1px solid #EE0000;} .pagination a:hover {color:#BE0000; border:1px solid #EE0000;} .pagination .btn {padding-top:5px; margin-bottom:3px;} */ .paging_search {clear: both;font-family:tahoma;height: 40px;padding: 25px 0 45px;text-align: center;} .paging_inner {display:inline-block;} .paging_search .btn_page {background: url("./image/bg_search.gif") no-repeat scroll 0 -900px transparent;color:#50555F;display:inline;float:left;height:30px;margin-left:-1px;padding-top:8px;text-align:center;text-decoration:none;vertical-align:middle;width:29px;} .paging_search .btn_page:hover, .paging_search em.btn_page {background-position: 0 -950px;color: #222222;position: relative;text-decoration: none;z-index: 1;font-weight:bold;} .paging_search .btn_comm {display:inline;border:none;float:left;font-size:0px;height:30px;line-height:-0.5px;width:29px;background: url("./image/bg_search2.gif") no-repeat scroll;text-decoration:none;color:#bfc1c5;} .paging_search em{font-style:normal;} .paging_search .btn_pre {background-position: 0px -60px} .paging_search span.btn_pre {background-position: 0 -60px;} .paging_search .btn_next {background-position: -150px -60px;} .paging_search span.btn_next {background-position: -150px -60px;} .paging_search .btn_fisrt {background-position: -50px -60px;} .paging_search span.btn_fisrt {background-position: -50px -60px;} .paging_search .btn_end {background-position: -100px -60px;} .paging_search span.btn_end {background-position: -100px -60px;} .paging_guide {border-bottom: 1px solid #C7CBD3;margin-bottom: 37px;} .screen_out {display:block;font-size: 0;height: 1px;left: -9999px;line-height: 0;overflow: hidden;position: absolute;text-indent: -9999px;width: 1px;} /* Search Form */ .board_search {position:relative; margin:0 auto; padding:20px;background:#e7e5e5;} .board_search * {margin:0; padding:0;} .board_search legend {display:none; position:absolute; top:0; left:0; width:0; height:0; display:block; overflow:hidden; visibility:hidden; font-size:0; line-height:0;} .board_search fieldset {position:relative; clear:both; border:0; text-align:center;} .board_search fieldset:after {content:""; display:block; float:none; clear:both;} .board_search .input_text {width:160px; height:17px; padding:2px 2px 1px 2px; border:solid #c6c8c8 1px; background:#FFF;color:#666; vertical-align:top; *margin:-1px 0;} .board_search select {height:20px; padding:0 0 0 2px; border:solid #CCC 1px; background:#FFF;color:#666; vertical-align:top;}