@charset "utf-8";

/*font*/
@font-face{
    font-family:'sans-serif'; src:url('../fonts/NotoSansKR-Regular-Hestia.woff') format('woff');
    font-weight:normal;
    font-style:normal
}
@font-face {
    font-family:'Simple-Line-Icons';
    src:url('../fonts/Simple-Line-Icons.eot');
    src:url('../fonts/Simple-Line-Icons.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Simple-Line-Icons.woff') format('woff'),
    url('../fonts/Simple-Line-Icons.ttf') format('truetype'),
    url('../fonts/Simple-Line-Icons.svg#Simple-Line-Icons') format('svg');
    font-weight: normal;
    font-style: normal;
}


/*reset*/
*{padding: 0; margin: 0;}
body{width: 100%; height: 100%;background-image: url("../img/bg.jpg");}
img{border: 0px; vertical-align: middle; border:0 none;}
ul, ol, li, dl, dt, dd{list-style: none;}
a{text-decoration: none; color: #393939; cursor: pointer;}
button{cursor: pointer; -webkit-border-radius:0;}
address, em{font-style:normal;}
body, p, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, table, th, td, form, fieldset, legend, input, textarea, button, select {-webkit-text-size-adjust:none; font-size: 15px; font-weight:normal; color:#393939; font-family:  sans-serif,'sans-serif', '맑은 고딕', '돋움','MS PGothic','Arial','simsun'; letter-spacing: -0.05em}
header, hgroup, article, nav, footer, figure, figcaption, canvas, section{ display: block; background-image: url("../img/bg.jpg");}

fieldset,iframe{border:0 none;}
form{margin: 0px; padding: 0px; }
fieldset{padding: 0; border: none; }
caption{display: block; width: 0; height: 0; font-size: 0; overflow: hidden; position: absolute;}
textarea{ font-size: 15px; border:1px solid #d0d0d0; padding:10px; box-sizing: border-box;overflow:auto;resize: none; }

label{vertical-align: middle;}
input, button{-webkit-border-radius:0; vertical-align: middle; border-color: #d0d0d0; background: #d0d0d0; /*-webkit-appearance:none; -moz-appearance: none;*/}
select{border: 1px solid #d0d0d0; background: #FFF; -webkit-border-radius:0; font-family: sans-serif, 'Malgun Gothic', '맑은 고딕'; vertical-align:middle; font-size:15px;padding:0 0 0 5px;height: 35px}
input[type="checkbox"], input[type="radio"]{ -webkit-border-radius:0;}
input[type="button"] , input[type="submit"] { cursor:pointer; }
input[type="text"] ,input[type="password"] , input[type="file"] , input[type="tel"] , input[type="email"] { border:1px solid #d0d0d0; background:#FFF; padding: 4px; font-size: 15px; -webkit-border-radius:0;height: 35px; box-sizing:border-box;}
input[type="button"] ,input[type="submit"] { cursor:pointer; }

h2 {font-size: 28px !important;letter-spacing: -2   px !important; font-weight: bold !important}
h2 span {font-size: 13px; font-weight: normal;letter-spacing: -1px; padding-left: 20px; color:#888;}
h3 {font-size: 16px; font-weight: bold;letter-spacing: -1px; margin:20px 0 5px 0; color:#3487cb;}

hr {margin:12px 0;border-top: 1px solid #ccc;border-bottom: none;}

.clearfix:before{
    content: '';
    display: block;
    clear: both;
}
.fl {float:left !important;}
.fr {float:right !important;}
.flex{display: flex !important;}
.justify-between{justify-content: space-between !important;}
.tal {text-align:left !important;}
.pt10 {padding-top:10px !important;}
.mt10 {margin-top:10px !important;}
.mt20 {margin-top:20px !important;}
.mt30 {margin-top:30px !important;}
.ml10 {margin-left:10px !important;}
.mb8 {margin-bottom: 8px !important;}
.mb10 {margin-bottom: 10px !important;}
.ml40 {margin-left: 40px !important;}
.mr15 {margin-right: 15px !important;}
.mr40 {margin-right: 40px !important;}
.mr30{margin-right: 30px !important;}
.mb45 {margin-bottom:45px !important;}
.mb5 {margin-bottom:5px !important;}
.col6 {color:#666 !important;}
.wi80 {width: 80px}
.wi100 {width: 100px}
.wi120 {width: 120px}


.txt_1 {color:#ff0000; font-size: 12px; margin:10px 0;}
.br01{border-right: 1px solid #3f86bf}
.intxt_1 {width: 150px; text-align: center}

/* ==================== 상단 ==================== */

.nav {background-color: rgba(255,255,255, 0.5); height:80px; width: 100%; position: absolute;}
.nav ul {width: 1180px; margin:auto; box-sizing: border-box;position:relative;padding-top:8px;}
.nav ul li.nav_1 {float:left;padding-top:10px;padding-left:0px; padding-right:15px}
.nav ul li.nav_2 {float:left;padding-top:38px;padding-right:40px}
.nav ul li.nav_3 {float:left;padding-top:34px;}
.nav ul li.nav_4 {float:left;padding-top:38px;}
.nav ul li.nav_5 {float: right;padding-top: 37px;padding-right: 45px;font-weight: bold;font-size: 18px;}
.nav ul li.nav_6 {float: right;padding-top: 37px;padding-right: 45px;font-size: 15px;}

.nav ul li.nav_7 {float:left;padding-top:15px;}
.nav ul li.nav_8 {float:left;padding-top:10px;padding-left:0px; padding-right:15px}

.wrap {width:1180px; margin:auto;}
.top_bg {width:100%;height:295px; background:url(../img/top_bg_1.jpg);}
.section {width:100%; min-height: 600px; margin-top: -80px; background: #fff; box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.2);box-sizing: border-box;padding:30px 40px 40px 40px;display:inline-block;}
.footer {width:1180px;margin:auto;font-size: 11px;text-align: center;padding: 20px;color: #888;letter-spacing: 0px;box-sizing: border-box;}

/* ==================== table ==================== */

table{width:100%;border-spacing:0}
table.tb_board th{padding:9px;text-align:center;font-size: 15px; font-weight: 500;}
table.tb_board td{padding:9px;text-align:center;font-size: 15px; color:#000;}
table.tb_board2 th {padding:5px;text-align:center;font-size: 15px; font-weight: 500;height: 40px; box-sizing: border-box;}
table.tb_board2 td {padding:4px;text-align:center;font-size: 15px;color:#666;}
table.tb_board td.txt_l{text-align:left;}
table.tb_board2 td.txt_l{text-align:left;}
table.tb_board td a:hover{text-decoration:underline;}
table.tb_board2 td a:hover{text-decoration:underline;}
table th, table td{font-size:13px;}
thead th{background:#5aa4e0 url(../img/bg_th.gif) no-repeat right 50%;padding:7px;color:#fff;}
thead th.last{background-image:none;}
table td{border-bottom:1px solid #ccd3de;}
table tr td ul li{background:url(/images/txt_bu.gif) no-repeat left 6px;font-size:12px;padding-bottom:7px;line-height:1.3em;padding-left:10px;}
table.tb_h td{text-align:center;padding:12px 0;}
.search02 {text-align:center; margin-top: 10px; margin-bottom: 20px}
.search02 span.btn{padding-left:0px;}
.search02 input{height:10px;line-height:24px;width:80px;vertical-align:top;font-size: 14px; height:35px;}
.search02 select{height:28px;width:100px;vertical-align:top;padding-left:5px;font-size: 14px;height:35px;}
tbody th{background:#5aa4e0;border-bottom:1px solid #3f86bf;color:#fff;}
.board_contents{text-align:left;}
.board_contents img{max-width:620px;}
.board_contents .info{background:#fff;margin-top:20px;padding:10px;border:9px solid #edf2f7;}
.board_contents .info ul li{font-family:Sans-serif,'돋움', 'Dotum', '굴림', 'Gulim', 'AppleGothic', 'Sans-serif';font-size:11px;letter-spacing:0px;background:none;padding-bottom:3px;}
.board_contents .info ul li a{text-decoration:underline;}
.board_contents table th{background:#f8f8f8;color:#333;font-size:11px;font-weight:normal;border-bottom:#e2e2e2 1px solid;padding:10px 20px 10px 0px;vertical-align:top;line-height:1.17 !important;}
.board_contents table td{border-bottom:#e2e2e2 1px solid;padding:5px 10px 5px 10px;font-size:11px;text-align:left;line-height:1.17 !important;}
.edit_area{height:400px;overflow:auto;}
table.tb_v{border-top:1px solid #6e90bb;}
table.tb_list{clear:both;border-top:1px solid #e2e2e2;margin-top:20px;}
table.tb_list th{background:#f6f7f8;border-bottom:1px solid #e2e2e2;padding:5px 15px;}
table.tb_list td{border-bottom:1px solid #e2e2e2;padding:5px 15px;}
table tr.rdo input{border:none;padding:0 5px;}
table td img{vertical-align:middle;padding:0 5px;}
table td span.ans{color:#ff3c00;}
table .ach_file a {display:inline-block;padding-right:10px;font-weight:bold;}

.ta_sc {width: 1100px; overflow: auto;height: 350px; margin-bottom: 20px}

.ta_btn01 {margin:10px 0; text-align: right;}
.ta_btn02 {margin:0 0 10px 0; text-align: right;}
.wrap_page {
    clear: both;
    padding-top: 15px;
    font-size: 12.5px;
}

.wrap_page::after {
    content: '';
    display: block;
    clear: both;
}

.wrap_page input {
    height: 35px; width: 60px; text-align: center;
}
.wrap_page select {
    height: 35px; font-size: 14px
}
.page_group {
    float: left; margin-top: 3px;
}
.page_group strong {
    display: inline-block;
    padding: 0 10px;
}
.page {
    float: right;
}
.page ul li {
    float: left;
    padding: 3px;
}

span.btn a {background: #4b8fcc;display: inline-block;padding: 0px 15px;color: #fff;font-weight: 500;height: 35px;vertical-align:middle;line-height: 2.5;font-size: 14px;letter-spacing: 0;}
/* ==================== BUTTON ==================== */

button.nav_btn01 {width:115px;height:20px;background:url(../img/top_menu_1_nor.png); text-indent: -9999em; border:none;}
button.nav_btn01:hover {background:url(../img/top_menu_1_over.png);}
button.nav_btn02 {width:115px;height:20px;background:url(../img/top_menu_2_nor.png); text-indent: -9999em; border:none;}
button.nav_btn02:hover {background:url(../img/top_menu_2_over.png);}
button.nav_btn03 {width:167px;height:20px;background:url(../img/top_menu_3_nor.png); text-indent: -9999em; border:none;}
button.nav_btn03:hover {background:url(../img/top_menu_3_over.png);}
button.nav_btn04 {width:48px;height:20px;background:url(../img/top_menu_4_nor.png); text-indent: -9999em; border:none;}
button.nav_btn04:hover {background:url(../img/top_menu_4_over.png);}
button.nav_btn05 {width:90px;height:30px;background:url(../img/top_menu_5_nor.png); text-indent: -9999em; border:none;}
button.nav_btn05:hover {background:url(../img/top_menu_5_over.png);}
button.nav_btn07 {width:66px;height:20px;background:url(../img/top_menu_7_nor.png); text-indent: -9999em; border:none;}
button.nav_btn07:hover {background:url(../img/top_menu_7_over.png);}
button.nav_btn08 {width:137px;height:20px;background:url(../img/top_menu_8_nor.png); text-indent: -9999em; border:none;}
button.nav_btn08:hover {background:url(../img/top_menu_8_over.png);}
button.nav_btn06 {width: 112px;height: 30px;background: url(../img/top_menu_6_nor.png) no-repeat 0 0;text-indent: -9999em;border:none;}
button.nav_btn06:hover {background:url(../img/top_menu_6_over.png) no-repeat 0 0;}
.logout {width: 100px;height: 23px;background: rgba(0,0,0,0.7);display: inline-block;position: absolute;top: 0;right: 0;color: #fff;text-align: center;padding-top: 3px;border-bottom-left-radius: 4px;border-bottom-right-radius: 4px;font-size:14px;}

button.btn01 {width:auto;height:auto; border:none;padding:9px;font-size: 15px; color: #000; font-weight: bold;padding-right: 23px; background: transparent !important;line-height: 1.3;letter-spacing: -1px;}
button.btn01:hover {color: #1895ff;}

button.btn_1 {background: #405f78;color:#fff; height: 35px; font-weight: 500; border: 0;padding:0 22px;}
button.btn_1:hover {background: #1f2c36;}
button.btn_2 {background: #fb3c3e;color:#fff; height: 35px; font-weight: 500; border: 0;padding:0 22px;}
button.btn_2:hover {background: #9a2627;}
button.btn_3 {background: slategrey;color:#fff; height: 32px; border: 0;padding:0 10px;margin-left:10px; font-size:18px;}
button.btn_3:hover {background: #555;}
button.btn_4 {background: slategrey;color:#fff; height: 32px; border: 0;padding:0 15px;font-size:14px; white-space: nowrap;}
button.btn_4:hover {background: #555;}
button.btn_5 {background: #405f78;color:#fff; height: 40px; font-weight: bold; border: 0;padding:0 22px;width: 100%;font-size: 17px}
button.btn_5:hover {background: #1f2c36;}
button.btn_6 {background: #1375c5;color:#fff; height: 40px; font-weight: bold; border: 0;padding:0 22px;width: 175px;font-size: 17px;border-radius:50px;}
button.btn_6:hover {background: #1375c5;color:#fff; height: 40px; font-weight: bold; border: 0;padding:0 22px;width: 175px;font-size: 17px;border-radius:50px;}
button.btn_7 {background: #b5b5b5;color:#fff; height: 40px; font-weight: bold; border: 0;padding:0 22px;width: 175px;font-size: 17px;border-radius:50px;}
button.btn_7:hover {background: #b5b5b5;color:#fff; height: 40px; font-weight: bold; border: 0;padding:0 22px;width: 175px;font-size: 17px;border-radius:50px;}
button.btn_8 {background: #fb3c3e;color:#fff; height: 32px; border: 0;padding:0 15px;font-size:14px;}
button.btn_8:hover {background: #9a2627;}
button.btn_9 {background: #222;color:#fff;height: 30px;border: 0;padding:0 15px;font-size:14px;border-radius: 50px;float: right;margin-top: -10px;}
button.btn_9:hover {background: #000;}
button.btn_10 {background: url(../img/ic_arrow.png) no-repeat right center;width: 200px;height: 40px;font-size: 26px;text-align: left;border: none;color: #000; letter-spacing:-3px;}
button.btn_10:hover {color: #fb3c3e;}
button.btn_11 {width: 120px;height: 44px;font-size: 18px;border: none;color: #fff;letter-spacing:-3px;font-weight: bold;border-radius: 50px;background: #51b4c0;margin-top: 87px;}
button.btn_11:hover {background: #4d8b92;}
button.btn_file {position:absolute; height:32px; width: 80px;border-color:transparent; font-size:14px;background:slategrey; color:#fff;cursor:pointer !important;}
button.btn_file:hover {cursor:pointer !important;background: #000;}
.btn_file_in {opacity:0; position:relative;width:80px !important;padding:0 !important; height:32px !important;cursor:pointer !important;}

.btn_cancel{background: #4b8fcc;
    display: inline-block;
    padding: 0px 15px;
    color: #fff;
    font-weight: 500;
    min-width: 65px;
    height: 35px;
    vertical-align: middle;
    line-height: 2.5;
    font-size: 14px;
    letter-spacing: 0;
    border: 0;
    margin-right:2px;}

/* ==================== Tab ==================== */

.sub_tab{position: relative; height: 620px; margin-top: 30px}
.sub_tab>ul.tab_list{height: 120px;}
.sub_tab>ul.tab_list li{float: left;}
.sub_tab>ul>li{margin-right: 1px;}
.sub_tab>ul.tab_list>li>p{width: 130px; height: 40px; line-height: 40px; font-size: 18px; background-color: #bbb; color: #FFF;text-align: center}
.sub_tab>ul.tab_list>li.on>p{background-color: #fb3c3e; font-weight: bold;text-align: center}
.sub_tab>ul>li>ul.list_lt{position: absolute; height: 50px; width: 100%; display: none;}
.sub_tab>ul>li.on>ul.list_lt{display: block;width: 100%; border-top:3px solid #fb3c3e;}

.sub_tab .list_lt li .add{position: absolute; top: 550px; left: 0; display: none; text-align: left;}
.sub_tab .list_lt li.on .add{display: block;}
.sub_tab .list_lt.add2{left: 0;}
.sub_tab .list_lt li .add.add4{left: -393px}
.sub_tab .list_lt li .add.add5{left: -524px}

/*.tabbed-area {cursor:auto}
.tabs { list-style: none; width:370px;margin:auto; margin-top: 30px}
.tabs li { display: inline; }
.tabs li a { color: black; float: left; display: block; padding:0; margin-left: -1px; position: relative; left: 1px; background: white; text-decoration: none; }
.tabs li a:hover { background: #ccc; }
.group:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.box-wrap { position: relative; min-height: 260px; }
.tabbed-area div div { background: white; min-height: 260px; position: absolute; top: 0; left: 0; width: 100%;}
 #box-one:target, #box-two:target, #box-three:target {  z-index: 1;cursor:auto}*/


/* ==================== 로그인박스 ==================== */

.box_login {border:3px solid #5aa4e0; margin:100px auto; width: 396px; padding:40px; box-sizing: border-box;}
.box_login p {font-size: 22px; font-weight: bold;letter-spacing: -2px; padding-bottom: 20px; text-align: center;color:#0065b7;}
.box_login p span {font-weight: normal;color:#777;}
.box_login_1 {float:left;width: 100px;padding-top:5px;font-weight:bold;}

/* ==================== menu ==================== */

.dropbtn {
    color: white;
    padding: 10px;
    font-size: 16px;
    border: none;
    cursor: pointer;
}

.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    top:30px;
    background-color: rgba(255,255,255,0.9);;
    min-width: 170px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.4);
    z-index: 1;
    margin-left:-30px;
}

.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

.dropdown-content a:hover {background-color: #f1f1f1}

.dropdown:hover .dropdown-content {
    display: block;
}

/* ==================== POPUP ==================== */


.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}
.modal1,.modal2,.modal3,.modal4,.modal5,.modal6,.modal7,.modal8,.modal9,.modal10,.modal11,.modal12,.modal13,.modal14,.modal15,.modal16 {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
    position: relative;
    background-color: #fefefe;
    margin: auto;
    padding: 0;
    width: 900px;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.4s;
    animation-name: animatetop;
    animation-duration: 0.4s;
    padding-bottom: 20px;
    box-sizing: border-box;
}

/* Add Animation */
@-webkit-keyframes animatetop {
    from {top:-300px; opacity:0}
    to {top:0; opacity:1}
}

@keyframes animatetop {
    from {top:-300px; opacity:0}
    to {top:0; opacity:1}
}

.pop_tit {float: left;color:#fff;font-size: 21px;margin-top: 8px;letter-spacing: normal;}

/* The Close Button */
.close {
    color: cornflowerblue;
    float: right;
    font-size: 28px;
    margin-top:3px;
}

.close:hover,
.close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

.modal-header {
    background: #094678;
    height: 50px;
    padding:0 20px;
    box-sizing: border-box;
}

.modal-body {overflow: auto;height: 390px;margin:10px 20px;}
.modal-body2 {margin:10px 20px;}
.pop_btn1 {margin:15px 20px 0 20px;text-align:right;}
.pop_btn2 {text-align: center}
.pop_btn3 {margin:15px 20px 0 20px;text-align: left}

/* ==================== 해외 성인 ==================== */

.sear {margin-top: 20px;display: inline-block;width: 100%;}
.sear_1 {font-size: x-large; color: gray; margin-right: 5px;padding-top:9px;display:inherit}
.sear_2 {font-weight: bold;vertical-align:text-bottom;font-size:18px;line-height:1.5;}
.sear_doing {float:right;height: 35px;padding: 0 20px;background: blue;border-radius: 2px;padding-top: 7px;box-sizing: border-box;color: #fff;font-weight: bold;}
.sear_done {float:right;height: 35px;padding: 0 20px;background: green;border-radius: 2px;padding-top: 7px;box-sizing: border-box;color: #fff;font-weight: bold;}
.sear_hold {float:right;height: 35px;padding: 0 20px;background: red;border-radius: 2px;padding-top: 7px;box-sizing: border-box;color: #fff;font-weight: bold;}
.sear_3 {font-size: x-large; color: gray; margin-right: 5px; vertical-align: middle;}

/* ==================== main / 로그인 ==================== */

.main_1 {width: 1380px;margin:auto;padding-top: 150px;text-align: center;}
.main_1 ul {display:inline-block;}
.main_1 ul li {width: 245px;float: left}
.main_1_1 {height:240px; background: rgba(43,188,159,0.7); padding-top:30px; box-sizing: border-box;}
.main_1_2 {height:240px; background: rgba(160,120,76,0.7); padding-top:30px; box-sizing: border-box;}
.main_1_3 {height:240px; background: rgba(240,172,54,0.7); padding-top:30px; box-sizing: border-box;}
.main_1_4 {height:120px; background: rgba(255,255,255,0.7);}
.main_1_5 {height:240px; background: rgba(138,184,49,0.7); padding-top:30px; box-sizing: border-box;}
.main_1_6 {height:240px; background: rgba(138,184,49,0.7); padding-top:30px; box-sizing: border-box;}

.login_1 {width: 1180px;margin:auto;padding-top: 150px;text-align: center;}
.login_1 ul {display:inline-block;}
.login_2 {width:340px ;height:370px ;background:rgba(240,172,54,0.8);float:left;}
img.login_2_1 {margin-top:45px;margin-bottom:165px;}
.login_2 p {font-size: 11px; font-weight: bold; color:#fff;letter-spacing: -1px; text-align:left;padding:0 29px}
.login_2 p img {vertical-align:baseline;}
.login_3 {width:340px;height:370px;background:rgba(255,255,255,0.8);float:left;text-align: left;padding: 77px 40px 40px 40px;box-sizing: border-box;}
.login_3 input {width: 100%;height: 50px;background: transparent;border-top: none;border-left: none;border-right: none;border-bottom: 1px solid #bbb;font-size: 20px;padding-left: 0;padding-bottom: 0;font-weight: bold;}
.login_3 input:focus {outline: none;}
.mab {width: 795px;height: 200px;margin:auto;padding-top:20px;}
.mab_1 {width: 46%; float: left ;height:70px; background: rgba(255,255,255,0.7); position: relative;}
.mab_1 img {position: absolute;top:15px;left:25px;}
.mab_1 a {position: absolute;top:20px;left:200px;color: #000;font-size: 20px;letter-spacing: -1px;font-weight: bold;}
.mab_1 a:hover {color: #ff0000;}
.mab_2 {width: 50%; float: right ;height:70px; background: rgba(255,255,255,0.7); position: relative;}
.mab_2 img {position: absolute;top:15px;left:25px;}
.mab_2 a {position: absolute;top:20px;left:200px;color: #000;font-size: 20px;letter-spacing: -1px;font-weight: bold;}
.mab_2 a:hover {color: #ff0000;}

/*  라디오 버튼 */

ul.st_radio li{
    color: #AAAAAA;
    display: block;
    position: relative;
    float: left;
    width: 100%;
    height: 60px;
}

ul.st_radio li input.ff[type=radio]{
    position: absolute;
    visibility: hidden;
}

ul.st_radio li label{
    display: block;
    position: relative;
    font-weight: 300;
    font-size: 20px;
    padding: 23px 0px 25px 45px;
    margin: 10px auto;
    height: 30px;
    z-index: 9;
    cursor: pointer;
    -webkit-transition: all 0.25s linear;
    box-sizing: border-box;
    letter-spacing: -2px;
    font-weight: bold;
}

ul.st_radio li:hover label{
    color: #333;
}

ul.st_radio li .check{
    display: block;
    position: absolute;
    border: 5px solid #AAAAAA;
    border-radius: 100%;
    height: 25px;
    width: 25px;
    top: 30px;
    left: 0px;
    z-index: 5;
    transition: border .25s linear;
    -webkit-transition: border .25s linear;
}

ul.st_radio li:hover .check {
    border: 5px solid #999;
}

ul.st_radio li .check::before {
    display: block;
    position: absolute;
    content: '';
    border-radius: 100%;
    height: 15px;
    width: 15px;
    top: 5px;
    left: 5px;
    margin: auto;
    transition: background 0.25s linear;
    -webkit-transition: background 0.25s linear;
}

input.ff[type=radio]:checked ~ .check {
    border: 5px solid #fb3c3e;
}

input.ff[type=radio]:checked ~ .check::before{
    background: #fb3c3e;
}

input.ff[type=radio]:checked ~ label{
    color: #222;
}

.txt01 {height: 20px;width: 20px;margin:0 5px; vertical-align: bottom;}
.pad_020{padding: 0 20px !important;}
#srchBox {margin-top:10px;}
.mt-10 {margin-top:10px;}
.btn_target{width: auto;
    padding: 5px 15px;
    background: antiquewhite;
    height: 35px;
    box-sizing: border-box;
    font-weight: 600;
    color: coral;
    border-radius: 2px;
    border: 1px solid #f7d0b8;}

.search-area{
    padding: 11px 10px 11px 11px;
    box-sizing: border-box;
    border: 1px solid #ddd;
    background: #f9f9f9;
}

.search-area>p{
    position: absolute;
    top: 80px;
    left: 20px;
    color: #094678;
    font-weight: bold;
}

.search-area .search-form{
    position: relative;
    margin-bottom: 8px;
}

.search-area .search-form input{
    width: 100%;
    padding-right: 34px;
}

.search-area .search-btn{
    width: 34px;
    height: 34px;
    background: transparent;
    border: 0;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
}

.search-area .contents-wrap ul {
    width: 100%;
    height: 435px;
    overflow-y: auto;
}

.search-area .contents-wrap li>button{
    display: block;
    width: 100%;
    height: 34px;
    padding: 4px;
    text-align: start;
    background-color: transparent;
    border: 0;
    border-bottom: 1px dashed #ddd;
    color: #000
}

.search-area .contents-wrap li>button:hover{
    background-color: #ddd;
}
.search_p1 input {width:180px;}