﻿#contents h2, #contents .h2 {width: auto; height: auto; margin : 10px 0 0 0; padding : 21px 0 15px 0; font-size : 20px; background: url('../images/sub/h2_bu.gif') no-repeat left 11px; color : #000; font-weight : 600; line-height : normal;}
/*#contents > h2:first-child, #contents > .h2:first-child {margin-top:0;}*/
#contents h3, #contents .h3 {width: auto; height: auto; margin : 0 0 0 10px; padding : 10px 0 10px 17px; font-size : 15px; background: url('../images/sub/h3_bu.gif') no-repeat left center; color : #256ebc; font-weight : 600; line-height : normal;}
#contents h4, #contents .h4 {width: auto; height: auto; margin : 0 0 0 10px; padding : 10px 0 10px 10px; font-size : 13px; background: url('../images/sub/h4_bu.gif') no-repeat left center; color : #000; font-weight : 600; line-height : normal;}
#contents .h0  {clear:both; margin: 0; padding: 0; background: none; font-weight: normal; font-size: 1em;  letter-spacing:0; color:#000;}  

#contents ul.bu {margin:0 0 0 27px; padding:0;}
#contents td ul.bu{margin:0; padding:0 0 0 10px; text-align:left;}
#contents ul.bu > li{margin:0; padding: 0 0 0 13px; background: url('../images/sub/ul_bu.gif') no-repeat left 9px; color:#767676;}
#contents ul.bu ul {margin-left:3px;}
#contents ul.bu ul li {padding-left:5px; background: url('../images/sub/ul_ul_bu.gif') no-repeat left 9px; color:#767676;}

#contents ol.num {margin:0 0 0 27px; padding:0;}
#contents ol.num li {background-repeat: no-repeat; background-position:left 2px; padding: 0 0 0 44px;}
#contents ol.num li.n01 {background-image: url('../images/sub/ol_num01.gif');}
#contents ol.num li.n02 {background-image: url('../images/sub/ol_num02.gif');}
#contents ol.num li.n03 {background-image: url('../images/sub/ol_num03.gif');}
#contents ol.num li.n04 {background-image: url('../images/sub/ol_num04.gif');}
#contents ol.num li.n05 {background-image: url('../images/sub/ol_num05.gif');}
#contents ol.num li.n06 {background-image: url('../images/sub/ol_num06.gif');}
#contents ol.num li.n07 {background-image: url('../images/sub/ol_num07.gif');}
#contents ol.num li.n08 {background-image: url('../images/sub/ol_num08.gif');}
#contents ol.num li.n09 {background-image: url('../images/sub/ol_num09.gif');}
#contents ol.num li.n10 {background-image: url('../images/sub/ol_num10.gif');}
#contents ol.num li.n11 {background-image: url('../images/sub/ol_num11.gif');}
#contents ol.num li.n12 {background-image: url('../images/sub/ol_num12.gif');}
#contents ol.num li.n13 {background-image: url('../images/sub/ol_num13.gif');}
#contents ol.num li.n14 {background-image: url('../images/sub/ol_num14.gif');}
#contents ol.num li.n15 {background-image: url('../images/sub/ol_num15.gif');}
#contents ol.num li.n16 {background-image: url('../images/sub/ol_num16.gif');}
#contents ol.num li.n17 {background-image: url('../images/sub/ol_num17.gif');}
#contents ol.num li.n18 {background-image: url('../images/sub/ol_num18.gif');}
#contents ol.num li.n19 {background-image: url('../images/sub/ol_num19.gif');}
#contents ol.num li.n20 {background-image: url('../images/sub/ol_num20.gif');}

#contents ol.num ul {margin:10px 0 10px 3px;}
#contents ol.num ul li {padding-left:5px; background: url('../images/sub/ul_ul_bu.gif') no-repeat left 9px; color:#767676;}

#contents ul.num {margin:0 0 0 27px; padding:0;}
#contents ul.num li {background-repeat: no-repeat; background-position:left 2px; padding: 0 0 0 44px;}
#contents ul.num li.n01 {background-image: url('../images/sub/ol_num01.gif');}
#contents ul.num li.n02 {background-image: url('../images/sub/ol_num02.gif');}
#contents ul.num li.n03 {background-image: url('../images/sub/ol_num03.gif');}
#contents ul.num li.n04 {background-image: url('../images/sub/ol_num04.gif');}
#contents ul.num li.n05 {background-image: url('../images/sub/ol_num05.gif');}
#contents ul.num li.n06 {background-image: url('../images/sub/ol_num06.gif');}
#contents ul.num li.n07 {background-image: url('../images/sub/ol_num07.gif');}
#contents ul.num li.n08 {background-image: url('../images/sub/ol_num08.gif');}
#contents ul.num li.n09 {background-image: url('../images/sub/ol_num09.gif');}
#contents ul.num li.n10 {background-image: url('../images/sub/ol_num10.gif');}
#contents ul.num li.n11 {background-image: url('../images/sub/ol_num11.gif');}
#contents ul.num li.n12 {background-image: url('../images/sub/ol_num12.gif');}
#contents ul.num li.n13 {background-image: url('../images/sub/ol_num13.gif');}
#contents ul.num li.n14 {background-image: url('../images/sub/ol_num14.gif');}
#contents ul.num li.n15 {background-image: url('../images/sub/ol_num15.gif');}
#contents ul.num li.n16 {background-image: url('../images/sub/ol_num16.gif');}
#contents ul.num li.n17 {background-image: url('../images/sub/ol_num17.gif');}
#contents ul.num li.n18 {background-image: url('../images/sub/ol_num18.gif');}
#contents ul.num li.n19 {background-image: url('../images/sub/ol_num19.gif');}
#contents ul.num li.n20 {background-image: url('../images/sub/ol_num20.gif');}


/* 개별조합속성클래스 */

#contents p.indent {margin-left:21px; color:#767676;}

#contents .margin_0 { margin:0 !important;}
#contents .margin_t_0 { margin-top:0px !important;}
#contents .margin_t_5 { margin-top:5px !important;}
#contents .margin_t_10 { margin-top:10px !important;}
#contents .margin_t_15 { margin-top:15px !important;}
#contents .margin_t_20 { margin-top:20px !important;}
#contents .margin_t_25 { margin-top:25px !important;}
#contents .margin_t_30 { margin-top:30px !important;}
#contents .margin_t_40 { margin-top:40px !important;}
#contents .margin_t_50 { margin-top:50px !important;}
#contents .margin_b_5 { margin-bottom:5px !important;}
#contents .margin_b_10 { margin-bottom:10px !important;}
#contents .margin_b_15 { margin-bottom:15px !important;}
#contents .margin_b_20 { margin-bottom:20px !important;}
#contents .margin_b_25 { margin-bottom:25px !important;}
#contents .margin_b_30 { margin-bottom:30px !important;}
#contents .margin_b_40 { margin-bottom:40px !important;}
#contents .margin_b_50 { margin-bottom:50px !important;}
#contents .margin_b_70 { margin-bottom:70px !important;}
#contents .margin_r_10 { margin-right:10px !important;}
#contents .margin_r_20 { margin-right:20px !important;}
#contents .margin_r_30 { margin-right:30px !important;}
#contents .margin_r_40 { margin-right:30px !important;}
#contents .margin_r_50 { margin-right:30px !important;}
#contents .margin_l_0 { margin-left:0 !important;}
#contents .margin_l_5 { margin-left:5px !important;}
#contents .margin_l_10 { margin-left:10px !important;}
#contents .margin_l_15 { margin-left:15px !important;}
#contents .margin_l_17 { margin-left:17px !important;}
#contents .margin_l_20 { margin-left:20px !important;}
#contents .margin_l_25 { margin-left:25px !important;}
#contents .margin_l_30 { margin-left:30px !important;}
#contents .margin_l_35 { margin-left:35px !important;}
#contents .margin_l_40 { margin-left:40px !important;}
#contents .margin_l_50 { margin-left:50px !important;}
#contents .margin_l_70 { margin-left:70px !important;}
#contents .margin_l_75 { margin-left:75px !important;}
#contents .margin_l_90 { margin-left:90px !important;}
#contents .margin_l_100 { margin-left:100px !important;}
#contents .margin_l_120 { margin-left:120px !important;}
#contents .margin_l_220 { margin-left:220px !important;}
#contents .margin_l_225 { margin-left:225px !important;}
#contents .margin_l_230 { margin-left:230px !important;}

#contents .padding_0 {padding:0 !important;}
#contents .padding_t_0 {padding-top:0 !important;}
#contents .padding_r_0 {padding-right:0 !important;}
#contents .padding_r_1 {padding-right:1px !important;}
#contents .padding_b_0 {padding-bottom:0 !important;}
#contents .padding_l_0 {padding-left:0 !important;}
#contents .padding_l_1 {padding-left:1px !important;}

/* 반응형 이미지 */
#contents img {max-width:100%;}

/* 테이블 */
.table_t1 {width:100%; margin:10px 0;}
.table_t1 thead th {padding:15px 5px; border-left:1px solid #c4c4c4; border-bottom:1px solid #e1e1e1; background-color:#eff5f8; color:#0b0b0b; font-size:15px; font-weight:600; text-align:center;}
.table_t1 thead th:first-child {border-left:none;}
.table_t1 thead tr:first-child th {border-top:2px solid #5e5e5e;}
.table_t1 tbody td, .table_t1 tfoot td {text-align:center; padding:10px 5px; border-bottom:1px solid #e1e1e1; border-left:1px solid #e1e1e1; color:#4a4a4a;}
.table_t1 tbody td:first-child, .table_t1 tbody th:first-child, .table_t1 tfoot td:first-child {border-left:0 none;}
.table_t1 tbody td.content {padding-left:25px; text-align:left;}
.table_t1 tbody th {text-align:center; padding:10px 5px; border-bottom:1px solid #e1e1e1; border-left:1px solid #e1e1e1; color:#4a4a4a; font-weight:600;}
.table_t1 thead th[rowspan] {border-right:1px solid #c4c4c4;}
.table_t1 tbody td[rowspan], .table_t1 tbody th[rowspan] {border-right:1px solid #e1e1e1;}

.table_t2 {width:100%; margin:10px 0;}
.table_t2 tbody tr:first-child th, .table_t2 tbody tr:first-child td {border-top:2px solid #5e5e5e;}
.table_t2 tbody th {padding:15px 5px; border-bottom:1px solid #e1e1e1; background-color:#eff5f8; color:#353535; font-size:15px; font-weight:600; text-align:center;}
.table_t2 tbody td {padding:15px 5px 15px 10px; border-bottom:1px solid #e1e1e1; border-left:1px solid #e1e1e1; color:#4a4a4a;}
.table_t2 tbody td[rowspan], .table_t2 tbody th[rowspan] {border-right:1px solid #c4c4c4;}

.table_t1 tbody td:first-child, .table_t1 tbody th:first-child, .table_t1 tfoot td:first-child {border-top:1px solid #e1e1e1;}

/* 텍스트 강조 */
#contents .underline {text-decoration:underline;}
#contents .italic {font-style:italic;}
#contents .weight {font-weight:600;}

/* 강조 글자 */
#contents .em_blue {color:#256ebc;}
#contents .em_orange {color:#eb6d00;}
#contents .em_red {color:#ff0000;}
#contents .em_green {color:#44a73d;}
#contents .em_b_red {color:#ff0000; font-weight:600;}
#contents .em_b_blue {color:#005bab; font-weight:600;}
#contents .em_b_orange {color:#eb6d00; font-weight:600;}
#contents .em_b_green {color:#44a73d; font-weight:600;}

/* box */
#contents .point {min-height:42px; margin:20px 0; padding:18px 20px; background:url('../images/sub/point.png') no-repeat 22px center #eff2f8;}
#contents .point .point_tit {display:inline-block; margin-left:53px; font-size:13px; font-weight:600; color:#131313;}
#contents .point p {position:relative; overflow:hidden; margin-top:6px; margin-left:53px;}
#contents .box1 {padding:24px 44px; background-color:#eff2f8; color:#333; font-size:13px;}
#contents .box2 {padding:30px; border:1px solid #e0e0e0;}
#contents .box3 {padding:20px 19px; border-top:3px solid #66717d; border-right:1px solid #e7e7e7; border-bottom:1px solid #afb4b9; border-left:1px solid #e7e7e7;}
#contents .box4 {padding:80px 25px; background-color:#f9f9f9;}
#contents .blue_box1 {padding:15px 10px 15px 35px; border-top:3px solid #256ebc; border-bottom:1px solid #acc2da; border-left:1px solid #e7e7e7; background:url('../images/sub/blue_box1.gif') no-repeat right top;}
#contents .blue_box2 {min-height:100px; padding:25px 77px 25px 34px; border-top:10px solid #256ebc; background:url('../images/sub/blue_box2.gif') no-repeat right bottom;}
#contents .blue_box3 {padding:35px 31px 35px 30px; border-top:4px solid #256ebc; border-bottom:1px solid #256ebc; border-left:1px solid #e7e7e7; background:url('../images/sub/blue_box3.gif') no-repeat right top;}

/* 포인트박스 안에 green 색상 명도대비 접근성심사에 걸림 2024-05-29 서정한 */
#contents .point .em_green,
#contents .point .em_b_green{color:#3e962d;}

/* 포지션 박스 */
#contents .pos_r {position:relative;}
/*#contents > .pos_r:first-child h2, #contents > .pos_r:first-child .h2 {margin-top:0;} */
#contents .pos_r .right_btn {position:absolute; top:15px; right:0;}
#contents .pos_r .right_btn.r_push {right:15px;}

/* 경고 */
#contents span.warning, #contents label.warning {display:inline-block;}
#contents p.warning, #contents span.warning, #contents label.warning {min-height:22px; margin:10px 0 5px 6px; padding-left:26px; background:url('../images/sub/warning.gif') no-repeat left center; color:#ff0000;}

/* 링크 스타일 */
a:hover {text-decoration:underline;}

/* input 버튼 */
input[type=submit].btn, input[type=reset].btn {display:inline-block; height:30px; padding:0 12px; font-size:13px; vertical-align:middle; cursor:pointer;}
input[type=submit].sbtn, input[type=reset].sbtn {display:inline-block; height:30px; padding:0 5px; font-size:13px; vertical-align:middle; cursor:pointer;}

input[type=submit].gray, input[type=reset].gray {background-color:#555; color:#fff;}
input[type=submit].gray2, input[type=reset].gray2 {background-color:#66717d; color:#fff;}
input[type=submit].gray3, input[type=reset].gray3 {background-color:#6D6E70; color:#fff;}
input[type=submit].blue, input[type=reset].blue {background-color:#256ebc; color:#fff;}
input[type=submit].blue2, input[type=reset].blue2 {background-color:#2d508a; color:#fff;}
input[type=submit].blue3, input[type=reset].blue3 {background-color:#0a78cb; color:#fff;}
input[type=submit].white, input[type=reset].white {border:1px solid #e0e0e0; background-color:#fff; color:#6b6565;}
input[type=submit].wgreen, input[type=reset].wgreen {border-top:1px solid #4cb840; border-right:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7; border-left:1px solid #d7d7d7; background-color:#fff; color:#4cb840;}
input[type=submit].wblue, input[type=reset].wblue {border-top:1px solid #256ebc; border-right:1px solid #d4d4d4; border-bottom:1px solid #d4d4d4; border-left:1px solid #d4d4d4; background-color:#fff; color:#256ebc;}
input[type=submit].wblack, input[type=reset].wblack {border-top:1px solid #010101; border-right:1px solid #d4d4d4; border-bottom:1px solid #d4d4d4; border-left:1px solid #d4d4d4; background-color:#fff; color:#5e5e5e;}

/* a 버튼 */
a.btn {display:inline-block; min-height:20px; padding:5px 27px 5px 27px; font-size:13px; vertical-align:middle;}
a.sbtn {display:inline-block; min-height:20px; padding:5px 5px 5px 5px; font-size:13px; vertical-align:middle;}

a.gray {background-color:#555; color:#fff;}
a.gray2 {background-color:#66717d; color:#fff;}
a.gray3 {background-color:#6D6E70; color:#fff;}
a.blue {background-color:#256ebc; color:#fff;}
a.blue2 {background-color:#2d508a; color:#fff;}
a.blue3 {background-color:#0a78cb; color:#fff;}
a.white {border:1px solid #e0e0e0; background-color:#fff; color:#6b6565;}
a.wgreen {border-top:1px solid #4cb840; border-right:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7; border-left:1px solid #d7d7d7; background-color:#fff; color:#4cb840;}
a.wblue {border-top:1px solid #256ebc; border-right:1px solid #d4d4d4; border-bottom:1px solid #d4d4d4; border-left:1px solid #d4d4d4; background-color:#fff; color:#256ebc;}
a.wblack {border-top:1px solid #010101; border-right:1px solid #d4d4d4; border-bottom:1px solid #d4d4d4; border-left:1px solid #d4d4d4; color:#5e5e5e;}

/* a.wgreen 녹색 접근성 심사에 걸려서 수정 2024-05-30 서정한 */
a.wgreen{color:#3ba52f;}

/* arrow */
.arrow {display:inline-block; padding:0 12px;}

.arrow.blue {background-color:#256ebc;}

.arrow input {display:inline-block; height:30px; padding-right:32px; background:url('../images/sub/arrow.png') no-repeat right center;}
.arrow.blue input {color:#fff;}

.arrow a {display:inline-block; min-height:20px; padding:5px 32px 5px 0;padding-right:32px; background:url('../images/sub/arrow.png') no-repeat right center; font-size:13px; vertical-align:middle;}
.arrow.blue a {color:#fff;}

@media screen and (max-width:1200px) {
	#contents .blue_box2 {padding-left:15px; border-left:10px solid #256ebc;}
}

@media screen and (max-width:800px) {
	#contents span.warning, #contents label.warning {margin-left:0;}
	.table_t1 .tt_none, .table_t2 .tt_none {display:none;}
}

@media screen and (max-width:640px) {
	#contents .pos_r .right_btn {position:static; right:auto; top:auto; text-align:right;}
	.table_t1 .mt_none, .table_t2 .mt_none {display:none;}
	#contents .blue_box1 {padding-left:10px;}
	#contents .blue_box3 {padding-left:10px;}
	.table_t1 tbody td.content {padding-left:10px;}
}