#sub_container { float: left; width: 100%;  background-color:#42549C; min-height:auto; position: relative;  }
@media ( max-width: 800px ) {
	#sub_container { float: left; width: 100%;  background-color:#42549C; min-height:auto; position: relative;  }
}
@media ( max-width: 1024px ) {
	#sub_container { float: left; width: 100%;  background-color:#42549C; min-height:auto; position: relative;  }
}

#test_level { width:20px; height:20px; border:1px solid #44B4CC; border-radius: .8em; color: #44B4CC; padding:2px 6px 2px 6px; }

.btn_prev{width:7%; position:absolute; top:1%; left:2%; opacity:0.5;}
.bogi {width: 99%; padding:0 1% 0 1%; float: left; border-top:1px solid #000;border-bottom:1px solid #000;}
.bogi_title {padding-left:5px; width:98%;float: left; height: auto; }
.bogi_contents {padding-left:1%; width:100%;float: left; height: 55px; line-height:55px;background:#F6F7F7}
.bogi2 {width: 46%; padding:0 1% 0 1%; float: left; border:1px solid #000;}
.bogi_title2 {padding-left:5px; width:47%;float: left; height: auto; }


.bogi_contents2 {width:100%;float: left; height: 55px; line-height:55px;background:#F6F7F7}


/*@media ( max-width: 768px ) {
	.bogi { width: 98%; padding:0 1% 0 1%; float: left; border-top:1px solid #000;border-bottom:1px solid #000; }
	.bogi_title {padding-left:5px; width:91%;float: left; height: auto;}
}
@media ( max-width: 375px ) {
	.bogi {width: 52%; padding:0 1% 0 1%; float: left; border-top:1px solid #000;border-bottom:1px solid #000;}
	.bogi_title {padding-left:5px; width:52%;float: left; height: auto;}
}
@media ( max-width: 360px ) {
	.bogi {width: 50%; padding:0 1% 0 1%; float: left; border-top:1px solid #000;border-bottom:1px solid #000;}
	.bogi_title {padding-left:5px; width:50%;float: left; height: auto;}
}*/


.sub_tab {padding-left:2.2%; padding-top:5px; }
.sub_tab2 {padding-left:1.2%;padding-right: 1.2%; padding-top:5px; }

#sub_container .sub_tab td {height:50px; line-height:50px; text-align:center; font-size:1.3em; }
#sub_container .sub_tab input { width: 50px; height:30px; line-height:30px; text-align:center; font-size:.9em; color: #fff; background: #37BADF; border: 1px solid #fff; cursor:pointer; }
.sub_tab td:last-child {border-right:0px !important;}
.tab_off {color:#444; background:#fff; }
.tab_on {background:#32AEC9; color:#fff;}


#sub_container .sub_tab2 td {height:50px; line-height:50px; text-align:center; font-size:1.3em; }
#sub_container .sub_tab2 input { width: 50px; height:30px; line-height:30px; text-align:center; font-size:.9em; color: #fff; background: #37BADF; border: 1px solid #fff; cursor:pointer; }

.exam_input { width:98%; height:25px; line-height:25px; }

#sub_container .sub_tab .top_img {width: 98%; height:50px; line-height:50px; text-align:center; font-size:1.3em;}

#sub_container .sub_tab .top_img2 {width: 49%; height:50px; line-height:50px; text-align:center; font-size:1.3em;}
#sub_container .sub_tab .top_img3 {width: 49%; height:50px; line-height:50px; text-align:center; font-size:1.3em;}


#sub_conInner {padding:20px 0 20px;}
#sub_conInner .form_part {width:90%; margin:0 auto; }
#sub_conInner .form_title {float:left; width:30%; line-height:40px; font-size:.8em; }
#sub_conInner .form_con {float:left; width:70%; }
#sub_conInner .form_part2 {width:90%; margin:0 auto; text-align:center;}
#sub_conInner .form_title3 {float:left; width:22%; line-height:40px; margin-left:2%; font-size:.8em;}
#sub_conInner .form_title2 {float:left; width:22%; line-height:40px; font-size:.8em;}
#sub_conInner .form_con2 {float:left; width:100%; }


#writeform { font-size:.8em; }
.btn_area {width:90%; margin:0 auto;}
.result_area {width:100%; margin-top:20px;}
.form_bottomtxt {width:90%; margin:0 auto;  padding:10px 0; border-bottom:1px solid #ddd; font-size:.8em; color:#444; text-align:center;}
.form_bottomtxt > span {color:#c53a3a;}

/*공통스타일*/
.select_st1 { width:100%; height:40px; line-height:40px; padding-left: 1em; background:#fff url(/m/img/ico_sarrw.png) no-repeat 100% 50%;  border: 1px solid #ddd; margin-bottom:5px; border-radius:0px; font-size:.8em; -webkit-appearance: none; -moz-appearance: none; appearance: none;}

.select_st2 { float:left; width:33.3%; height:40px; line-height:40px; padding-left: 1em; background:#fff url(/m/img/ico_sarrw.png) no-repeat 100% 50%;  border: 1px solid #ddd; margin-bottom:5px; border-radius:0px; font-size:.8em; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-right:0px;}

.select_st3 { float:left; width:50%; height:40px; line-height:40px; padding-left: 1em; background:#fff url(/m/img/ico_sarrw.png) no-repeat 100% 50%;  border: 1px solid #ddd; margin-bottom:5px; border-radius:0px; font-size:.8em; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-right:0px;}

.select_st4 { float:left; width:46%; height:40px; line-height:40px; padding-left: 1em; display:inline-block; border: 1px solid #ddd; margin-bottom:5px; border-radius:0px; font-size:.8em; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-right:0px;}

.input_style1 {width:97%; height:40px; line-height:40px;  padding-left:3%;  border: 1px solid #ddd; margin-bottom:5px; border-radius:0px; font-size:.8em; -webkit-appearance: none; -moz-appearance: none; appearance: none;}

.input_style2 {float:left; width:70.9%; height:40px; line-height:40px;  padding-left:3%;  border: 1px solid #ddd; margin-bottom:5px; border-radius:0px; font-size:.8em; -webkit-appearance: none; -moz-appearance: none; appearance: none;}

.input_style3 {float:left; width:18.7%; height:40px; line-height:40px;    border: 1px solid #ddd;  border-right:0px;margin-bottom:5px; border-radius:0px; font-size:.8em; -webkit-appearance: none; -moz-appearance: none; appearance: none; background:#f8f2ee; text-align:center;}

.input_style4:first-child {float:left; width:18.7%; height:40px; line-height:40px; margin-left:4%;  border: 1px solid #ddd;  margin-bottom:5px; border-radius:0px; font-size:.8em; -webkit-appearance: none; -moz-appearance: none; appearance: none; background:#f8f2ee; text-align:center; margin-right:10px;}

.input_style4 {float:left; width:18.7%; height:40px; line-height:40px; margin-left:4%;  border: 1px solid #ddd;  margin-bottom:5px; border-radius:0px; font-size:.8em; -webkit-appearance: none; -moz-appearance: none; appearance: none; background:#f8f2ee; text-align:center;}

.input_style4:last-child {float:left; width:18.7%; height:40px; line-height:40px;  border: 1px solid #ddd;  margin-bottom:5px; border-radius:0px; font-size:.8em; -webkit-appearance: none; -moz-appearance: none; appearance: none; background:#f8f2ee; text-align:center;}

.input_style5 {float:left; width:18.7%; height:40px; line-height:40px;  border: 1px solid #ddd;  margin-bottom:5px; border-radius:0px; font-size:.8em; -webkit-appearance: none; -moz-appearance: none; appearance: none; background:#f8f2ee; text-align:center;}

.btn_St1 {display:block; width:100%; margin:0 auto; height:45px; line-height:45px; border:0px; border-radius:0px; background:#1e4098; color:#fff; font-size:.8em; margin-top:10px; text-align:center; -moz-border-radius:0px; /* 파이어폭스 브라우져 */ 	-webkit-border-radius:0px; /* 웹킷엔진 */	-o-border-radius:0px; /* 오페라브라우져 */}

.btn_St2 {float:left; width:24%; margin:0 auto; height:45px; line-height:45px; border:0px; border-radius:0px; background:#333; color:#fff; font-size:.8em; margin-top:10px; -moz-border-radius:0px; /* 파이어폭스 브라우져 */ 	-webkit-border-radius:0px; /* 웹킷엔진 */	-o-border-radius:0px; /* 오페라브라우져 */ margin-right:1%;}

.btn_St3 {float:left; width:75%; margin:0 auto; height:45px; line-height:45px; border:0px; border-radius:0px; background:#1e4098; color:#fff; font-size:.8em; margin-top:10px; -moz-border-radius:0px; /* 파이어폭스 브라우져 */ 	-webkit-border-radius:0px; /* 웹킷엔진 */	-o-border-radius:0px; /* 오페라브라우져 */}

.btn_St4 {display:block; width:100%; margin:0 auto; height:40px; line-height:40px; border:0px; border-radius:0px; background:#1e4098; color:#fff; font-size:.8em; margin-top:5px; -moz-border-radius:0px; /* 파이어폭스 브라우져 */ 	-webkit-border-radius:0px; /* 웹킷엔진 */	-o-border-radius:0px; /* 오페라브라우져 */}

.btn_St5 {display:block; width:100%; margin:0 auto; height:35px; line-height:35px; border:0px; border-radius:0px; background:#1e4098; color:#fff; font-size:.8em; text-align:center; -moz-border-radius:0px; /* 파이어폭스 브라우져 */ 	-webkit-border-radius:0px; /* 웹킷엔진 */	-o-border-radius:0px; /* 오페라브라우져 */}

.btn_St6:first-child {float:left; width:18.7%; margin:0 auto; height:45px; line-height:45px; margin-left:4%; border:0px; border-radius:0px; background:#1e4098; color:#fff; font-size:.8em; margin-top:10px; -moz-border-radius:0px; /* 파이어폭스 브라우져 */ 	-webkit-border-radius:0px; /* 웹킷엔진 */	-o-border-radius:0px; /* 오페라브라우져 */}
.btn_St6 {float:left; width:18.7%; margin:0 auto; height:45px; line-height:45px; border:0px; margin-left:5%; border-radius:0px; background:#1e4098; color:#fff; font-size:.8em; margin-top:10px; -moz-border-radius:0px; /* 파이어폭스 브라우져 */ 	-webkit-border-radius:0px; /* 웹킷엔진 */	-o-border-radius:0px; /* 오페라브라우져 */}


.form_textstyle1 {display:inline-block; line-height:45px; font-size:.8em; color:#777;}
.form_textstyle2 {float:left; width:7%; line-height:40px; color:#777; padding-left:10px; font-size:.9em; color:#444;}

.chkbox_style1 {display:inline-block; width:15px; height:15px; border:1px solid #aaa; }

.textarea_st1 {border-radius:0px; -moz-border-radius:0px; /* 파이어폭스 브라우져 */ 	-webkit-border-radius:0px; /* 웹킷엔진 */	-o-border-radius:0px; /* 오페라브라우져 */ border:1px solid #ddd; width:90%; padding:5%; height:100px; font-size:.8em; }

.btn_refresh {float:left; width:16%; height:40px; background-image:url(/m/img/ico_refresh.png); background-size:100%; background-position:center; background-color:#333; margin-left:5px; border-radius:5px;}

.tb_st1 {}
.tb_st1 th {font-size:.7em; background:#333; color:#fff; padding:10px 0; font-weight:400;}
.tb_st1 td {background:#fff; font-size:.8em; text-align:center; border-bottom:1px dotted #ccc; padding:8px 0; line-height:140%;}
.tb_date {background:#f8f2ee !important;   text-align:left  !important; padding-left:15px !important; border-bottom:0px !important;}
.tb_txtst1 { font-size:.9em; color:#777; }
.tb_txtst2 { font-size:.7em; color:#1e4098; }
.tb_txtst3 { font-size:.7em; color:#c53a3a; }


.noResult {text-align:center; padding-top:100px; font-size:.8em; color:#777;}


/*개통서류접수*/
#pic_area {padding:15px 0 0px;}
#pic_area .add_pic {width:90%; margin:0 auto; }
#pic_area .add_pic .add_picBox:first-child{position:relative; width:23%; height:80px; margin-right:1%; margin-left:1%; margin-top:6px; float:left; border:1px solid #ddd; background-color:#fff; background-image:url('/m/img/add_bg.jpg'); background-position:50% 35%; background-size:30%; background-repeat:no-repeat; }
#pic_area .add_pic .add_picBox{position:relative; width:23%; height:80px; margin-right:1%; margin-top:6px; float:left; border:1px solid #ddd; background-color:#fff; background-image:url('/m/img/add_bg.jpg'); background-position:50% 35%; background-size:30%; background-repeat:no-repeat; }
#pic_area .add_pic .add_picBox_title {width:100%; text-align:center; font-size:.7em; text-align:center; line-height:20px; color:#fff; position:absolute; bottom:0px; left:0px; background:rgba(0,0,0,0.4);}
#pic_area .add_pic .add_picBox_img {width:100%; overflow:hidden; }
#pic_area .add_pic .add_picBox_img > img {width:100%;}



/*join*/
.join_input { width:97%; height:45px; padding-left:3%;  border: 1px solid #ddd; margin-bottom:5px; border-radius:0px; font-size:.8em; -webkit-appearance: none; -moz-appearance: none; appearance: none; }


/*notice*/
.accordion { width: 95.6%; padding-left: 2.2%; }

.accor_con {border-bottom:1px solid #fff;}

.panel-title a { color: #222; display:block; position: relative; text-decoration: none; width: 100%; font-size:.9em; height:40px; line-height:40px; background-color:#ededed; }

.panel-option { float:left; color:#1e4098; width:15%; font-weight:700; text-align:center; }

.panel-text { float:left; font-size:1em; width:58%; padding-left: 10px; line-height: 40px; }

.panel-date { float:right; width:37%; font-size:.9em; color:#777; text-align:center; line-height: 40px; }

.panel-text2 { float:left; font-size:1em; width:72%; padding-left: 10px; line-height: 40px; }

.panel-date2 { float:right; width:25%; font-size:.9em; color:#777; text-align:center; line-height: 40px; }



.panel-title a:hover,
.panel-title a:focus { color: #333; }
.panel-title a.active { color: #37474f; }
.panel-title a.active .icon { color: #ff4200; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg); }


.panel-content {background:#f1f1f1; font-size:.8em; line-height:160%; padding:20px; color:#444; }
.panel-content img {width:100%; }



/*push list*/
.dis_n { display: none; }

.faq_q_text { color: #444; font-size: .9em; padding: 20px 45px 20px 15px; background:#fff; word-break:break-all; }

.th2 {line-height: 130%;}
.thQ {position:relative;}

.th3 { width: 5%; display: block; word-break:break-all; }

.Qbtn {position:absolute; top:20px; right:15px;}
.Qbtn img {width:100%;}

.sbtnSt1 { display: inline-block; width: 35px; height: 25px; line-height: 25px; margin: 0 auto; background: #1c3d93; font-size: 11px; color: #fff; border: 0; cursor: pointer; }

/*language*/
.lang_box {width:90%; margin:0 auto;}
.lang_sec {display:block; border-bottom:1px solid #ddd; padding:20px 0; font-size:.9em; position: relative;}
.lang_radio {position:absolute; top:25px; right:0px;}
.form-radio { -webkit-appearance: none; -moz-appearance: none; appearance: none; display: inline-block; position: relative; background-color: transparent; color: #222; top: -10px; height: 30px; width: 30px; border: 0; cursor: pointer; margin-right: 7px; outline: none; }
.form-radio:checked::before { position: absolute; right: 0px; top: 7px; content: '\02143'; transform: rotate(40deg); }
.form-radio:checked { background-color: #transparent; }


/*cs center*/
#cs_con {text-align:center; background:#fff; padding:30px 0; margin-bottom:20px; border:1px solid #e2e2e2;}

#cs_con .cs_icost1 {width:15%; margin:0 auto;}
#cs_con .cs_icost1 > img{width:100%;}

#cs_con .cs_txtst1 {margin-top:15px; }
#cs_con .cs_txtst1 > a {font-size:1.5em;font-weight:700; color:#ff1e00; }

#cs_con .cs_txtst2 {margin-top:10px; line-height:160%; font-size:.9em; color:#444;}
#cs_con .cs_txtst2 > a {color:#444;}
#cs_con .cs_txtst2 > span {line-height:160%; font-size:.8em; color:#777;}

.cs_txtst3 {margin-top:10px; line-height:100%; font-size:.8em; color:#444;}
.cs_txtst3 > span {font-size:.9em; color:#777;}

.cs_txtst4 {margin-top:10px; line-height:17px; font-size:.8em; color:#444;}


.tb_page { text-align: center; font-size: 13px; }
.tb_page a { padding: 0 5px; margin: 0 4px; }
.tp_btn { display: inline-block; height: 20px; line-height: 20px; border: 1px solid #e2e2e2; border-bottom: 2px solid #ccc; border-radius: 2px; background: #f9f9f9; font-size: 11px; margin: 0 2px !important; }

.tp_prev { background: #f9f9f9 url(/in_admin/img/ico_pprev.png) no-repeat center; text-indent: -9999px; width: 12px; }
.tb_page .tp_on { font-weight: 700; color: #c72626; }
.tp_next { background: #f9f9f9 url(/in_admin/img/ico_pnext.png) no-repeat center; text-indent: -9999px; width: 12px; }