@charset "utf-8";

/* ul, dl은 공통 스타일임/ 하나를 바꾸면 다른 페이지에서도 같이 변경되는게 있음 */


#sCon {width:100%;min-height:500px;margin:0 auto;padding:10% 5%;/* background:#f4f5f2; */box-sizing:border-box;}

#sCon .sub_top {width:100%;margin-bottom:20px; }
#sCon .sub_top h2.page_tit {font-size:22px;margin-bottom:10px; background:#e2e2e2; color:#016bde; display:inline-block; padding:3px; }
#sCon .sub_top dl {position:relative;}
#sCon .sub_top dl dt {width:95%;padding-left:5%;height:45px;font-size:18px;background:url(../images/common/down_arr.png) no-repeat 95% center #99b4d2;line-height:45px;color:#fff;cursor:pointer;background-size:20px;}
#sCon .sub_top dl dd {position:absolute;top:45px;left:0px;width:96%;background:#c7cdd4;padding:2%;display:none;z-index:100;}
#sCon .sub_top dl:hover dd {display:block;}
#sCon .sub_top dl dd ul li a {font-size:14px;display:block;line-height:1.8;color:#fff;padding:2% 2% 2% 5%;}
#sCon .sub_top dl dd ul li ul.dep3 {padding-left:5%;}


#sCon .s_con_area {overflow:hidden;}
#sCon .s_con_area table {width:100%;border-collapse:collapse;border:1px solid #ccc;border-top:2px solid #0e97e6;margin-bottom:30px;}
#sCon .s_con_area table thead th,#sCon .s_con_area table tbody th {padding:5px;border:1px solid #ccc;background:#f5f5f5; line-height:1.3;}
#sCon .s_con_area table tbody td {padding:5px;border:1px solid #ccc;line-height:1.5;}

#sCon .s_con_area table.table_type1 {width:100%;border-collapse:collapse;border:1px solid #ccc;border-top:2px solid #4aa214;margin-bottom:30px;}
#sCon .s_con_area table.table_type1 thead th,#sCon .s_con_area table.table_type1 tbody th {padding:5px;border:1px solid #ccc;background:#f5f5f5;line-height:1.5;}
#sCon .s_con_area table.table_type1 tbody td {padding:5px;border:1px solid #ccc;line-height:1.5;text-align:center;}

#sCon .s_con_area p {line-height:1.5;word-break:break-word;}

#sCon .s_con_area .txt_center {text-align:center;}
#sCon .s_con_area .fs12 {font-size:12px}
#sCon .s_con_area .fs14 {font-size:14px}
#sCon .s_con_area .fs16 {font-size:16px}
#sCon .s_con_area .fs18 {font-size:18px}
#sCon .s_con_area .fs20 {font-size:20px}
#sCon .s_con_area .fs22 {font-size:22px}
#sCon .s_con_area .lts-05 {letter-spacing:-0.5px;}
#sCon .s_con_area .lts-1 {letter-spacing:-1px;}
#sCon .s_con_area .lts-15 {letter-spacing:-1.5px;}
#sCon .s_con_area .lts-2 {letter-spacing:-2px;}
#sCon .s_con_area .color1 {color:red; font-weight:bold;}
#sCon .s_con_area .color2 {color:#333;font-weight:bold; text-align:right; border-top:2px solid #d3d3d3; padding-top:2px;}
#sCon .s_con_area .color3 {background-color:#fbaf5d;display:inline-block; font-weight:bold; font-size:16px;}
#sCon .s_con_area .color4 {background-color:#d6576e; color:#fff; display:inline-block; font-weight:bold; padding-right:3px; padding-left:3px; margin-bottom:1px;}
#sCon .s_con_area .color5 {color:#0d71cf; font-weight:bold; }
#sCon .s_con_area .color6 {color:#e61a16;}
#sCon .s_con_area .mgb10 {margin-bottom:10px;}
#sCon .s_con_area .mgb20 {margin-bottom:20px;}
#sCon .s_con_area .mgb30 {margin-bottom:30px;}
#sCon .s_con_area .mgb50 {margin-bottom:50px;}
#sCon .s_con_area .c_img {width:100%;}
#sCon .s_con_area .img50 img {width:50%;}
#sCon .s_con_area .img100 img {width:100%;}
#sCon .s_con_area .bdn {border:none 0;}
#sCon .s_con_area .h_tit1 {display:inline-block;padding:10px;background:#ffb901;color:#fff;}
#sCon .s_con_area .h_tit2 {display:inline-block;padding:10px;background:#59a0bc;color:#fff;}
#sCon .s_con_area .h_tit3 {display:inline-block;padding:10px;background:#f7544f;color:#fff;}
#sCon .s_con_area .bf_hyphen {position:relative;padding-left:10px;}
#sCon .s_con_area .bf_hyphen:before {position:absolute;left:0;top:0;content:"-";padding-right:5px;font-weight:bold;color:#7ab700;font-size:18px;line-height:18px;}
#sCon .s_con_area .bf_dot {position:relative;padding-left:15px;}
#sCon .s_con_area .bf_dot:before {position:absolute;left:0;top:0;content:"●";padding-right:5px;font-weight:bold;color:#7ab700;font-size:10px;line-height:24px;}
#sCon .s_con_area .btn_type1 {text-align:right;}
#sCon .s_con_area .btn_type1 a {font-size:16px;display:inline-block;padding:10px 10%;color:#fff;background:#3c99c0;border-radius:10px;}
#sCon .s_con_area .btn_type2 {text-align:center;}
#sCon .s_con_area .btn_type2 a {font-size:16px;display:inline-block;padding:20px 20%;color:#fff;background:#59a0bc;border-radius:10px;}
#sCon .s_con_area .box_txt {display:inline-block;padding:10px;background:#ebebeb;color:#333;}
#sCon .s_con_area .bf_icon1 {position:relative;padding-left:24px; color:#005baf;}
#sCon .s_con_area .bf_icon1:before {position:absolute;left:0;top:0;content:"";background:url(../images/sub/tit_ico02.gif) no-repeat center center;background-size:70%;width:22px;height:22px;}

/* 갤러리, 게시판 */
#sCon .s_con_area .list_page {text-align:center;font-size:14px;margin-bottom:20px;}
#sCon .s_con_area .list_page a {display:inline-block;color:#fff;padding:5px 10px;margin:0 10px;background:#7ab700;}
#sCon .s_con_area .dl_view_type1 {width:100%;}
#sCon .s_con_area .dl_view_type1 dt {position:relative;width:100%;font-size:18px;font-weight:600;margin-bottom:20px;line-height:1.5;border-bottom:1px solid #ccc;padding-bottom:10px;}
#sCon .s_con_area .dl_view_type1 dt span.w_date {position:absolute;bottom:10px;right:0;color:#666;font-size:12px;}
#sCon .s_con_area .dl_view_type1 dd {min-height:250px;margin-bottom:10px;line-height:1.5;border-bottom:1px solid #ccc;}
#sCon .s_con_area .post_btn {width:100%;text-align:right;}
#sCon .s_con_area .post_btn a {display:inline-block;width:10%;color:#fff;padding:5px;font-size:14px;text-align:center;background:#e2242e;}
#sCon .s_con_area .post_btn input[type=submit] {display:inline-block;width:10%;color:#fff;padding:5px;font-size:14px;text-align:center;background:#e2242e;border:0 none;vertical-align:top;}