@charset "utf-8";

/*컨텐츠*/
#sub_wrap {width:100%; background:#fff; position:relative;}
.sub_area {width:1200px; margin:0 auto; overflow:hidden; border-left:1px solid #dadada; border-right:1px solid #dadada; border-bottom:1px solid #dadada; position:relative;}
.sub_content {width:900px; min-height:700px;overflow:hidden; float:right; margin-right:4px; padding:35px 42px; border-left:1px solid #dadada; position:relative;}
.sb_box {width:1200px; margin:0 auto; padding:35px 0 45px 0; position:relative;}
.exp_wrap {width:900px; height:87px; overflow:hidden; position:relative;}
.exp_wrap .exp {float:left;}
.exp_wrap .exp h3 {font:normal 14px/17px "Nanum Gothic"; color:#999; letter-spacing:-1px;}
.exp_wrap .exp h3 em {font:normal 14px/17px "Nanum Gothic"; color:#e50000; letter-spacing:-1px;}
.exp_wrap .exp h3 strong {display:block; margin-top:10px; font:bold 33px/33px "Nanum Gothic"; color:#000; letter-spacing:-1px;}
.exp_wrap .chk {margin-top:49px; overflow:hidden; float:right; font:normal 11px/15px "dotum"; color:#9d9d9d; letter-spacing:-1px;}
.exp_wrap .chk em {font:normal 11px/17px "dotum"; color:#e50000; letter-spacing:-1px;}
.exp_wrap .chk a {display:block; float:left;}

/*회원서비스 */
.member_box { width:100%;background-color:#fff;}
.member_box .inner {}

#join_form {border-top:2px solid #e50000; border-right:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4; border-left:1px solid #e4e4e4; background-color:#fafafa;}
#join_form textarea {padding:3%;font:normal 13px "NanumGothicWEB";border:0;width:94%;height:90px;color:#7d7d7d;}
#join_form iframe {overflow:hidden;width:100%;height:100px;border:1px solid #d9d9d9;padding:0;}
#join_form p {margin:20px 0;}

/* 검색서비스 */
.search_box { border:1px solid #dedede; border-bottom:2px solid #dedede; background:#f8f8f8; padding:40px; margin-bottom:20px; }
.search_box h3 {font:bold 23px/20px "Nanum Gothic"; color:#41b2d4; border-bottom:1px solid #dedede; padding-bottom:20px; margin-bottom:20px;}
.search_box .title{ font:bold 13px/30px "NanumGothicWEB"; color:#646464; padding-right:10px;}
.search_box .name{ font:normal 13px/30px "NanumGothicWEB"; color:#646464; border-right:1px solid #dedede; padding-right:10px;  margin-left:10px;}
.search_box .date{ font:normal 11px/30px "NanumGothicWEB"; color:#57484d; border-right:1px solid #dedede; padding-right:10px;  margin-left:10px;}

/* 기타 */
.board_wrap { position:relative; width:900px; overflow:hidden; background:#fff;min-height:500px;}
.board_menu { position:relative; width:900px; overflow:hidden; }
.board_menu ul li{ float:left; }

/*레프트메뉴*/
#left_menu_place {width:211px;position:absolute;top:0px;left:0px; z-index:100;}
#left_menu_wrap {width:211px; position:relative; background:#fff; z-index:10;}
#left_menu_wrap h2 {width:211px; height:160px; background:url(../img/sub/left_tim.gif) no-repeat #312f4c;}
#left_menu_wrap h2 strong{display:block; padding:22px 0 0 26px; font:bold 30px/32px "Nanum Gothic"; color:#f1f0e5; letter-spacing:-1px;}
#left_menu .dep2 {background:#fff; border-bottom:1px solid #dadada;}
#left_menu .dep2 a {font:bold 15px/20px "Nanum Gothic"; color:#606060; background:#f8f8f8; letter-spacing:-1px; display:block;  padding:10px 0; text-indent:25px; text-decoration:none;}
#left_menu .dep2.on a {color:#fff; background:#e50000;}
#left_menu .dep2.off a {color:#606060; background:#f8f8f8;}

#left_menu .dep3{display:none; background:#f8f8f8;}
#left_menu .dep3 li {}
#left_menu .dep3 li a{display:block; padding:13px 0; font:bold 12px/14px "dotum"; color:#555; letter-spacing:-1px; background:#f8f8f8; text-indent:40px;}
#left_menu .dep3 li.on a{color:#000; background:url(../img/sub/left3_dot.png) 23px 11px no-repeat #e1e1e1;}
#left_menu .dep3 li.off a{color:#555; background:#f8f8f8;}

/*레프트 콜센터*/
.left_tel {width:211px; padding:30px 0;}
.left_tel strong {display:block; margin:0 auto; width:163px; height:30px; border-bottom:1px solid #e1e1e2; text-align:center; font:bold 20px/25px "Nanum Gothic"; color:#0452c3; letter-spacing:-1px;}
.left_tel ul {margin:12px auto 0 auto; width:163px;}
.left_tel ul li {font:bold 14px/20px "dotum"; color:#e50000; letter-spacing:-1px;}
.left_tel ul li em {font:bold 14px/22px "dotum"; color:#2c2b3b; letter-spacing:-1px;}

/*레프트 배너*/
#left_ba {width:211px; height:320px; border-bottom:1px solid #dadada; position:relative; overflow:hidden;}
#left_ba .roll_img {position:absolute;}
#left_ba .roll_img a {display:none; cursor:default;}
#left_ba .roll_img a.on {display:block;}
#left_ba .roll_img a.off {display:none;}
#left_ba ul {top:20px; right:12px; overflow:hidden; position:absolute; z-index:100;}
#left_ba ul .roll_btn {float:left; margin-right:2px;}
#left_ba ul .roll_btn a {display:block; width:12px; height:12px; text-indent:-999999px; background:url(../img/sub/left_badot.png) no-repeat;}
#left_ba ul .roll_btn a.on {background:url(../img/sub/left_badot_ov.png) no-repeat;}
#left_ba ul .roll_btn a.off {background:url(../img/sub/left_badot.png) no-repeat;}

/*쿽메뉴*/
.quick_place {width:488px; position:absolute; top:355px; right:-400px; z-index:500;}
.quick_place #quick_wrap {top:0px; width:488px; position:relative; overflow:hidden;}

/*서브하단 게시물*/
.sb_wrap {width:1200px; margin-bottom:35px; overflow:hidden;}
.sb_wrap .ba_box {float:right;}
.m_board {float:left; width:256px; position:relative;}
.m_board.n1 {width:239px; margin-right:39px;}
.m_board h4 {height:34px; border-bottom:2px solid #575757; font:bold 18px/18px "Nanum Gothic"; color:#000; margin-bottom:18px;}
.m_board ul li {border-bottom:1px solid #e0e0e0; height:37px; overflow:hidden;}
.m_board ul li a {float:left; font:normal 12px/37px "dotum"; color:#777;}
.m_board ul li img {float:left; margin:11px 0 0 8px;}
.m_board ul li .date {float:right;}
.m_board .more {top:-1px; right:0px; position:absolute;}
.m_board2 {float:left; width:399px; margin: 0 36px 0 46px; position:relative;}
.m_board2 h4 {height:34px; border-bottom:2px solid #575757; font:bold 18px/18px "Nanum Gothic"; color:#000; margin-bottom:18px;}
.m_board2 .box {overflow:hidden;}
.m_board2 .box .db_img {float:left;}
.m_board2 .box ul {float:right; width:190px;}
.m_board2 .box ul li {height:48px; border-bottom:1px solid #e0e0e0; overflow:hidden;}
.m_board2 .box ul li a {font:normal 12px/15px "dotum"; color:#777;}
.m_board2 .box ul li img {margin:-2px 0 0 8px;}
.m_board2 .more {top:-1px; right:0px; position:absolute;}

/*테이블 설정*/
.table_type1 {width:100%; margin-top:15px;}
.table_type1 table {width:100%;}
.table_type1 thead th {padding:10px;background:#413e63;border:1px solid #5d5c71;font:normal 14px/20px 'Nanum Gothic'; color:#fff; text-align:center;}
.table_type1 thead th.first {background:#373555;}
.table_type1 tbody th {padding:10px;background:#807f90;border:1px solid #5d5c71;font:normal 14px/20px 'Nanum Gothic'; color:#fff; text-align:center;}
.table_type1 tbody th.st {padding:10px;background:#9a9aa3;border:1px solid #8a8a92;font:normal 14px/20px 'Nanum Gothic'; color:#fff; text-align:center;}
.table_type1 tbody td {padding:15px;background:#f6f6f6;border:1px solid #ddd;font:normal 14px/20px 'Nanum Gothic';color:#5a5a5a; text-align:left;}

/*네트워크 지도*/
.net_map {width:900px; height:934px; background:url(../img/sub/nat_map.jpg) no-repeat; position:relative;}
.net_map li {position:absolute;}
.net_map li a {display:block;}
.net_map .n1 {top:357px; left:132px;}
.net_map .n2 {top:522px; left:132px;}
.net_map .n3 {top:504px; left:704px;}
.net_map .n4 {top:594px; left:132px;}
.net_map .n5 {top:611px; left:704px;}
.net_map .n6 {top:668px; left:132px;}
.net_map .n7 {top:659px; left:684px;}
.net_map .n8 {top:721px; left:573px;}

/*템플릿*/
.section_box {padding:40px 45px; position:relative;}
.section_box.bg1 {background:url(../img/sub/section_bg1.gif) repeat;}
.section_box.bg2 {background:url(../img/sub/section_bg2.gif) repeat;}

.section_title {height:52px; font:bold 26px/30px "Nanum Gothic"; color:#252525; letter-spacing:-1px; text-indent:33px; background:url(../img/sub/st_bg.png) 0 4px no-repeat;}

.section_title_box {padding:15px 0; font:bold 22px/30px "Nanum Gothic"; color:#fffca1; letter-spacing:-1px; text-align:center; background:#312f4c;}

.section_text {padding-bottom:25px; font:bold 15px/20px "Nanum Gothic"; color:#333; letter-spacing:-1px;}
.section_text em {font:bold 15px/20px "Nanum Gothic"; color:#0452c3; letter-spacing:-1px;}

.section_title_wrap {text-align:center;}
.section_title_wrap strong {padding:5px; background:#5c77b0; border:1px solid #556b99; font:normal 20px/25px "Nanum Gothic"; color:#fff; letter-spacing:-1px;}
.section_title_wrap h3 {font:bold 56px/60px "Nanum Gothic"; color:#1d185d; letter-spacing:-4px; padding:15px 0;}
.section_title_wrap p {font:normal 13px/17px "Nanum Gothic"; color:#1d185d; letter-spacing:-1px;}

.basic_box {border-bottom:1px solid #cfcfcf; border-top:3px solid #424242; padding:35px; background:#fff; overflow:hidden; position:relative;}

.sideba_box {overflow:hidden;}
.sideba_box li {float:left; margin:0 10px 10px 0;}
.sideba_box li.nonemg {margin-right:0;}

.img_text_list {overflow:hidden; border-top:3px solid #424242; padding-top:29px; margin-bottom:-27px; position:relative;}
.img_text_list li.logo {clear:both; right:-63px; bottom:90px; position:absolute;}
.img_text_list.type1 li {width:259px;}
.img_text_list.type1 li {margin:0 16px 25px 0; overflow:hidden; float:left;}
.img_text_list.type1 li.n3 {margin-left:1px; margin-right:0px;}
.img_text_list.type1 li.n6 {margin-left:1px; margin-right:0px;}
.img_text_list.type1 li.n9 {margin-left:1px; margin-right:0px;}
.img_text_list.type1 li .text_box {border:1px solid #cfcfcf; border-top:0; padding:25px 25px; font:normal 14px/20px "Nanum Gothic"; color:#5a5a5a; background:#fff;}
.img_text_list.type1 li .text_box strong {display:block; padding-bottom:10px; font:bold 18px/18px "Nanum Gothic"; color:#e60606;}

.img_text_list.type2 li {width:386px;}
.img_text_list.type2 li {margin:0 38px 25px 0; overflow:hidden; float:left;}
.img_text_list.type2 li.n2 {margin-left:0px; margin-right:0px;}
.img_text_list.type2 li.n4 {margin-left:0px; margin-right:0px;}
.img_text_list.type2 li.n6 {margin-left:0px; margin-right:0px;}
.img_text_list.type2 li .text_box {border:1px solid #828b99; padding:12px 0; text-align:center; font:normal 16px/20px "Nanum Gothic"; color:#fff; background:#8f99a8;}

.img_text_list.type3 li {width:389px;}
.img_text_list.type3 li {margin:0 31px 25px 0; overflow:hidden; float:left;}
.img_text_list.type3 li.n2 {margin-left:0px; margin-right:0px;}
.img_text_list.type3 li.n4 {margin-left:0px; margin-right:0px;}
.img_text_list.type3 li.n6 {margin-left:0px; margin-right:0px;}
.img_text_list.type3 li .text_box {border:1px solid #cfcfcf; border-top:0; padding:25px 25px; font:normal 14px/20px "Nanum Gothic"; color:#5a5a5a; background:#fff;}
.img_text_list.type3 li .text_box strong {display:block; padding-bottom:10px; font:bold 18px/18px "Nanum Gothic"; color:#e60606;}

.icon_list {border-bottom:1px solid #cfcfcf; border-top:3px solid #424242; padding:35px; background:#fff; overflow:hidden; position:relative;}
.icon_list .text_box {font:normal 14px/23px "Nanum Gothic"; color:#333; letter-spacing:-1px;}
.icon_list .text_box em {font:normal 14px/23px "Nanum Gothic"; color:#0452c3; letter-spacing:-1px;}
.icon_list li {overflow:hidden;}
.icon_list li.bob {padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid #e2e2e2;}
.icon_list li.mgb {margin-bottom:10px;}
.icon_list li span {display:block; margin-top:-1px; float:left;}
.icon_list li p {float:left; width:695px; margin-left:19px; font:normal 14px/23px "Nanum Gothic"; color:#5a5a5a; letter-spacing:-1px;}
.icon_list li p strong {display:block; margin-bottom:5px; font:bold 17px/23px "Nanum Gothic"; color:#e81717;}
.icon_list.type2 li {width:430px;}
.icon_list.type2 li p {width:390px;}

.img_text_box {border-bottom:1px solid #cfcfcf; border-top:3px solid #424242; padding:0 35px; background:#fff; overflow:hidden; position:relative;}
.img_text_box span {float:left;}
.img_text_box p {float:left; width:615px; padding:35px 0; margin-left:30px; font:normal 14px/23px "Nanum Gothic"; color:#5a5a5a; letter-spacing:-1px;}
.img_text_box p strong {display:block; font:normal 14px/23px "Nanum Gothic"; color:#e81717;}
.img_text_box p em {display:block; font:normal 14px/23px "Nanum Gothic"; color:#0452c3;}

.btn_box {margin-top:30px; text-align:center;}

#section_tab {overflow:hidden; position:relative;}
#section_tab li {height:53px; float:left; text-align:center; background:#312f4c; border:1px solid #28263e; border-left:1px solid #8b8b8b; margin-left:-1px;}
#section_tab li.first {margin-left:0;}
#section_tab li.first.off {border-left:1px solid #28263e;}
#section_tab li.select {background:#e50000; border:1px solid #ba0000;}
#section_tab li.on {background:#e50000; border:1px solid #ba0000;}
#section_tab li.off {background:#312f4c; border:1px solid #28263e; border-left:1px solid #8b8b8b;}
#section_tab li a {display:block; font:bold 18px/53px "Nanum Gothic"; color:#fff; text-decoration:none;}

#special_tab {overflow:hidden; position:relative; margin-top:20px;}
#special_tab li {height:83px; float:left; text-align:center; background:#312f4c; border:1px solid #28263e; border-left:1px solid #8b8b8b; margin-left:-1px;}
#special_tab li.first {margin-left:0;}
#special_tab li.first.off {border-left:1px solid #28263e;}
#special_tab li.select {background:#e50000; border:1px solid #ba0000;}
#special_tab li.select a strong {color:#fff59c;}
#special_tab li.on {background:#e50000; border:1px solid #ba0000;}
#special_tab li.on a strong {color:#fff59c;}
#special_tab li.off {background:#312f4c; border:1px solid #28263e; border-left:1px solid #8b8b8b;}
#special_tab li.off a strong {color:#fff;}
#special_tab li a {display:block; margin-top:10px; font:normal 12px/17px "Nanum Gothic"; color:#fff; letter-spacing:-1px; text-decoration:none;}
#special_tab li.smg a {margin-top:20px;}
#special_tab li a strong {display:block; font:bold 18px/23px "Nanum Gothic"; color:#fff; letter-spacing:-1px; text-decoration:none;}

.special_list {overflow:hidden; position:relative; padding:45px; background:#fff;}
.special_list .box {padding-bottom:10px;}
.special_list .box .tim em {display:block; font:normal 28px/32px "Nanum Gothic"; color:#2f2f30; letter-spacing:-1px;}
.special_list .box .tim strong {display:inline-block; *zoom:1; margin:15px 0; padding:12px; background:#0654c4; border:1px solid #05449f; font:bold 40px/40px "Nanum Gothic"; color:#fff; letter-spacing:-4px;}
.special_list .box .tim p {font:normal 16px/23px "Nanum Gothic"; color:#5a5970; letter-spacing:-1px; padding-bottom:20px;}
.special_list .box ul li {overflow:hidden; width:370px; margin-bottom:10px;}
.special_list .box ul li span {display:block; margin-top:-1px; float:left;}
.special_list .box ul li p {float:left; margin-left:19px; font:normal 14px/23px "Nanum Gothic"; color:#5a5a5a; letter-spacing:-1px;}

#type_tab {overflow:hidden; margin-bottom:23px; position:relative;}
#type_tab li {width:266px; height:43px; float:left; text-align:center; background:#7b7b7b; border:1px solid #646464; margin:0 2px 2px 0; font:bold 16px/43px "Nanum Gothic"; color:#fff; text-decoration:none; cursor:pointer;}
#type_tab li.con3 {margin-right:0;}
#type_tab li.con6 {margin-right:0;}
#type_tab li.con9 {margin-right:0;}
#type_tab li.con12 {margin-right:0;}
#type_tab li.select {background:#e50000; border:1px solid #ba0000;}
#type_tab li.on {background:#e50000; border:1px solid #ba0000;}
#type_tab li.off {background:#7b7b7b; border:1px solid #646464;}

#type_wrap .icon_list {display:none;}
#type_wrap #box_con1 {display:block;}


/*검색*/
#search_title {width:92%;margin:20px 0;height:57px;padding:0 4%;font:bold 20px/57px 'NanumGothic';color:#000;}
.search_boxs {width:90%; margin:5px auto 20px auto;padding:2%; border:1px solid #eaeaea;border-bottom:2px solid #cacaca;background:#fff;}
.search_boxs dt {font:bold 18px/20px 'NanumGothic';color:#0ab3e7;padding-bottom:10px;margin-bottom:10px;border-bottom:2px solid #f0f0f0;}
.search_boxs dd {list-style:none;padding:0;margin:5px 0;font:bold 13px/20px "dotum";color:#6e6e6e;}
.search_boxs dd.realstory {padding:10px 20px;border:1px dotted #dadada;margin:10px 0;}
.search_boxs dd.beforeafter {position:relative;vertical-align:top;width:390px;height:187px;margin:0 2px 20px 4px;display:inline-block;*zoom:1;*display:inline;background:url('../img/sub/search_bna_frame.gif') no-repeat;}
.search_boxs dd.beforeafter .img {width:389px;text-align:center;margin:10px 0 7px 0;overflow:hidden;}
.search_boxs dd.beforeafter .img img {margin:3px;width:180px;height:127px;}
.search_boxs dd.beforeafter .gal_title {text-align:center;font:normal 13px/25px "dotum";}
.search_boxs dd a {font:bold 13px/20px "dotum";color:#777;text-decoration:none;}
.search_boxs dd a:hover { color:#ff7500;text-decoration:underline;}
.search_boxs dd .b_title1 {font:bold 13px "dotum";color:#665cc2;margin-right:7px;}
.search_boxs dd .b_title2 {font:bold 13px "dotum";color:#3392d4;margin-right:7px;}
.search_boxs dd .seper {font:normal 13px "dotum";color:#ddd;margin:0 7px;}
.search_boxs dd .dates {font:normal 10px "verdana";color:#aa7500;letter-spacing:-1px;}