/* 본문제목 */
#contents h2{font-size:20px; font-weight:600; color:#003867; padding-left:25px; margin:0 0 15px; background:url("../images/icon/h4_bul.png") no-repeat 0 4px;}
#contents h3{font-size:17px; font-weight:600; color:#1c7aba; padding-left:20px; margin-left:20px; background:url("../images/icon/h5_bul.png") no-repeat 0 50%;}

/* Tag목록(List) */
#contents ul.bu{margin-left:40px; line-height:160%; margin-bottom:20px;}
#contents ul.bu li{padding-left:13px; background:url("../images/icon/bulIcon06.png") no-repeat 0 6px;}
#contents ul.bu li.bg_none{padding-left:13px; background:none;}
#contents ul.bu li ul { margin-bottom:10px;}
#contents ul.bu li li{padding-left:10px; background:url("../images/icon/bulIcon07.png") no-repeat 0 9px;}
#contents ul.bu li li li{padding-left:10px; background:url("../images/icon/bulIcon10.png") no-repeat 0 9px;}
#contents ul.bu li li li li{padding-left:10px; background:url("../images/icon/bulIcon11.png") no-repeat 0 9px;}

#contents ul.bu2{margin-left:40px; line-height:160%; margin-bottom:20px;}
#contents ul.bu2 li{padding-left:13px; width:50%;  background:url("../images/icon/bulIcon06.png") no-repeat 0 6px;}


@media all and (max-width:740px) {
#contents ul.bu{margin-left:25px; line-height:160%; margin-bottom:20px;}
}


#contents .bulTy02{background:url("../images/icon/bulIcon08.png") no-repeat 0 1px; padding-left:23px;}

#contents ul.bu ol li { padding-left:28px; }
#contents ol.num { margin:0.5em 0 0.5em 2.3em; padding:0; }

ol.num li{margin-bottom: 5px}
ol.num li .item{border-radius: 30px; background-color: #C2DDFE; width: 21px; height: 19px; display: inline-block; text-align: center; margin-right: 2px; font-size: 13px; color: #075298; font-weight: 600;}
ol.num li ul li{padding: 0.1em 0 0.1em 0.5em; background: url(../images/icon/bulIcon07.png) no-repeat 0 9px; margin-left: 26px;}


/* 탭메뉴 공통 */
.tab{border:solid 1px #ddd; padding:10px; background-color:#f8f8f8;}
.tab ul:after{clear:both; display:block; content:"";}
.tab ul li{position:relative; float:left; margin-bottom:3px;}

.tab ul li:after{position:absolute; top:25%; right:0; border-left:solid 1px #ddd; height:50%; display:block; content:"";}
.tab ul li a{display:block; line-height:40px; padding:0 20px; font-weight:600;}
.tab ul li.on{}

.tab ul li a:hover, .tab ul li.on a{background-color:#0285b5; color:#fff;}
.tab ul li:hover:after, .tab ul li.on:after{display:block; border-left:none; content:"";}

/* contenttabmenu */
#contents #contenttabmenu {border:solid 1px #ddd; padding:10px; background-color:#f8f8f8; width:100%;  margin-bottom:30px;}
#contents #contenttabmenu:after{clear:both; display:block; content:"";}
#contents #contenttabmenu ul li{position:relative; float:left; margin-bottom:3px;}
#contents #contenttabmenu ul li:after{position:absolute; top:25%; right:0; border-left:solid 1px #ddd; height:50%; display:block; content:"";}
#contents #contenttabmenu ul li a{display:block; line-height:40px; padding:0 20px; font-weight:600;}
#contents #contenttabmenu ul li.on{}

#contents #contenttabmenu ul li a:hover, #contents #contenttabmenu ul li.on a{background-color:#0285b5; color:#fff;}
#contents #contenttabmenu ul li:hover:after, #contents #contenttabmenu ul li.on:after{display:block; border-left:none; content:"";}


/* 텍스트와 배경이 있는 박스 */
.boxTxt{border:solid 1px #a8b8cb; background-color:#fff; background-position:50px 15px; margin-bottom:50px;}
.boxTxt p{margin-left:150px; padding:20px 30px; line-height:180%; background-color:#f1f8ff;}
.boxTxt.boxBg01{background-image:url("../images/sub/subBg01.png"); background-repeat:no-repeat;}
.boxTxt.boxBg02{background-image:url("../images/sub/subBg02.png"); background-repeat:no-repeat; background-position:6% center;}
.boxTxt div{margin-left:150px; padding:20px 30px 20px 0; line-height:180%; background-color:#f1f8ff;}
@media screen and (max-width:640px){
.boxTxt{border:solid 1px #a8b8cb; background-color:#fff; background-position:15px 15px; margin-bottom:50px;}
.boxTxt p{margin-left:95px; padding:20px 30px; line-height:180%; background-color:#f1f8ff;}
.boxTxt div{margin-left:95px; padding:20px 30px 20px 0; line-height:180%; background-color:#f1f8ff;}
}
@media screen and (min-width:641px) and (max-width:1024px){
.boxTxt{border:solid 1px #a8b8cb; background-color:#fff; background-position:35px 15px; margin-bottom:50px;}
.boxTxt p{margin-left:120px; padding:20px 30px; line-height:180%; background-color:#f1f8ff;}
.boxTxt div{margin-left:120px; padding:20px 30px 20px 0; line-height:180%; background-color:#f1f8ff;}
}
/*** 테이블 ***/
/* td가 가운데 정렬인 경우 */
.table_t1{width:100%; border-top:solid 2px #3277c2;}
.table_t1 th, .table_t1 td {vertical-align:middle; font-size:1em;}
.table_t1 thead th{color:#083567; font-weight:600; padding:7px 5px; border-left:solid 1px #ccc;  border-bottom:solid 1px #ccc;background-color:#f1f8ff; text-align:center;}
.table_t1 thead .alt th { background-color:#f9f9f9 !important;  border-top:solid 1px #ccc;}
.table_t1 thead th.alt_l, .table_t1 tbody th.alt_l, .table_t1 tbody td.alt_l { border-left:solid 1px #ccc !important;}
.table_t1 td{padding:7px; text-align:center; border-left:solid 1px #ccc; border-bottom:solid 1px #ccc;}
.table_t1 td.bd_no{border-left:none;}
.table_t1 thead th:first-of-type{border-left:none;}
.table_t1 tbody th{padding:7px; text-align:center; border:solid 1px #ccc; font-weight:600; background:#f9f9f9; border-collapse:collapse;}
.table_t1 tbody th:first-child{border-left:none;}
.table_t1 tbody th:last-child{border-right:none;}
.table_t1 tbody td:first-of-type{border-left:none;}
.table_t1 tfoot th { background:#f9f9f9; border-bottom:solid 1px #ccc; text-align:center;}
.table_t1 tfoot th:first-of-type{border-left:none;}
.table_t1 tfoot td:last-of-type{border-right:none;}
.table_t1 ul li {text-align:left;padding-left:10px;background:url("../images/icon/bulIcon11.png") no-repeat 0 9px;}

/*글자많은 테이블*/
.table_t2{width:100%; border-top:solid 2px #3277c2;}
.table_t2 th, .table_t2 td {vertical-align:middle; font-size:1em;}
.table_t2 thead th{color:#083567; font-size:1em; font-weight:600; padding:10px 0; border-bottom:solid 1px #194c84; border-left:solid 1px #ccc; background-color:#f1f8ff; text-align:center;}
.table_t2 td{font-size:1em; padding:15px 8px; text-align:center; border-left:solid 1px #ccc; border-bottom:solid 1px #ccc;}
.table_t2 td.bd_no{border-left:none;}

.table_t2 thead th:first-of-type{border-left:none;}
.table_t2 tbody th{font-size:1em; padding:10px; text-align:center; border-right:solid 1px #ccc; border-bottom:solid 1px #ccc; border-left:none;font-weight:600; background:#f9f9f9;}
.table_t2 tbody th:first-of-type{border-left:none;}
.table_t2 tbody td:first-of-type{border-left:none;}



/* 버튼 */
a.btn_de { display:inline-block; line-height:30px; padding:0 35px 0 15px; border:1px solid #333; background:#2c72b9 url('../images/sub/icon_arrow.png') no-repeat 90% center; color:#fff; font-weight:600; vertical-align:middle; white-space:nowrap; } 
a.btn_de:hover { text-decoration:none; position:relative; top:1px;}
/* 버튼 */
a.btn_gray { display:inline-block; line-height:30px; padding:0 35px 0 15px; border:1px solid #333; background:#666 url('../images/sub/icon_arrow.png') no-repeat 90% center; color:#fff; font-weight:600; vertical-align:middle; white-space:nowrap; } 
a.btn_gray:hover { text-decoration:none; position:relative; top:1px;}

a.btn_navy{background: #182E79;padding: 12px 72px;font-weight: 600;display: inline-block;color: #fff !important;border:1px solid #fff;}
a.btn_navy:hover{background:none; color:#182E79 !important; border:1px solid #182E79;}

/* 버튼 배경 */
.btnTy01.btnBg01{background:#2d6bae url("../images/icon/btnBg01.png") no-repeat 10px 50%;}
.btnTy01.btnBg02{background:#2d6bae url("../images/icon/btnBg02.png") no-repeat 10px 50%;}
.btnTy01.btnBg03{background: #2d6bae url("../images/icon/btnBg03.png") no-repeat 10px 50%;}
.btnTy01.btnBg04{background: #2d6bae url("../images/icon/btnBg04.png") no-repeat 10px 50%;}

.Cb {clear:both !important; }
a.btn_text { display:inline-block; line-height:22px; padding:0 10px; border:1px solid #3277c2; color:#3277c2; font-weight:600; vertical-align:middle; white-space:nowrap; } 
a.btn_text:hover { text-decoration:none; position:relative; top:1px;}
/*이미지사이즈 자동조절*/
.img-responsive{ display: block;max-width: 100%;height: auto;margin:0 auto;}

/* 모바일 화면 */
@media screen and (max-width:640px){
	/* 모바일용 테이블 스크롤 생성 */
	.m_table{width:100%; overflow-y:hidden;}
	.m_table table{width:640px; margin-bottom:10px;}

	/* 모바일용 텍스트 박스 */
	.boxTxt{background-position:20px 25px;}
	.boxTxt p{margin-left:100px; padding:20px 30px; line-height:180%; background-color:#f1f8ff; background-position:0 25px;}
	
	/* 공통 버튼 모바일 용 */
	/* 버튼 */
	.btnTy01{background-color:#2d6bae; display:inline-block; width:95%;}
	.btnTy01 a{color:#fff !important; font-weight:700; display:block; margin-left:45px; padding:10px 20px; background-color:#3277c2;}

	/* 버튼 위치 조정 */
	.btnList ul{display:table; width:100%; margin-bottom:5px;}
	.btnList ul li{display:table-cell; width:50%; text-align:center;}
}

@media screen and (min-width:641px) and (max-width:1024px){
	/* pc, 테블릿 간격 조절 */
	.tab{margin-top:20px;}
	
	/* 버튼 */
	.btnTy01{background-color:#2d6bae; display:inline-block;}
	.btnTy01 a{height:45px; line-height:45px; color:#fff !important; font-weight:700; display:inline-block; margin-left:45px; padding:0 20px; background-color:#3277c2;}

	/* 버튼 위치 조정 */
	.btnList ul{margin-left:25px; margin-bottom:10px;}
	.btnList ul li{display:inline-block;}
}

@media screen and (min-width:1025px){	
	/* 버튼 */
	.btnTy01{background-color:#2d6bae; display:inline-block;}
	.btnTy01 a{height:45px; line-height:45px; color:#fff !important; font-weight:700; display:inline-block; margin-left:45px; padding:0 20px; background-color:#3277c2;}

	/* 버튼 위치 조정 */
	.btnList ul{margin-left:25px; margin-bottom:10px;}
	.btnList ul li{display:inline-block;}
}

/* 플로트배치 등 */
#contents img.floatLeft { float: left; display: inline; margin: 0 5px 15px 0; }
#contents img.floatRight { float: right; display: inline; margin: 0 0 15px 15px; }
#contents img.center { display: block; margin: 1em auto; padding: 0; text-align: center; }
#contents img.frame { border: 1px solid #ddd; padding: 4px; }
#contents .floatLeft { float: left; display: inline; margin: 0 15px 15px 0; text-align: center; }
#contents .floatRight { float: right; display: inline; margin: 0 0 15px 15px; text-align: center; }
#contents .small { font-size:0.95em !important; }
#contents .large { font-size:1.2em !important; }
#contents .large2 { font-size:1.8em !important; }
#contents .left { display:inline; float: left; position: relative; padding: 4px 0; }
#contents .right { display:inline; float: right; position: relative; padding: 4px 0; }
#contents .center { position: relative; text-align: center; padding: 5px 0; margin: 0 auto; }
#contents .line1 { border: 1px solid #e7e7e7; border-width: 0 0 1px 0; }
#contents .line2 { border: 1px solid #e7e7e7; border-width: 1px 0; padding: 9px 1.2em; margin:1em 0; }
#contents .line_to { border: 1px solid #adc6e2; border-width: 1px 0 0 0; padding: 9px 0; }
#contents .dot { display: block; margin:10px 30px; }
#contents .dot { border-bottom : 1px dashed #ccc; } /* dotted --> dashed */

/* 개별조합속성클래스 */
#contents p.indent { margin:0 0 0 40px !important; }
#contents .indent { margin-left:40px !important; }
#contents p.txt{margin-left:40px; line-height:180%; margin-bottom:20px;}
#contents .image { vertical-align: top; }
#contents .bottom { vertical-align: bottom; }
#contents .margin_minus { margin-top:0.5em !important; }
#contents .margin_0 { margin:0 !important; }
#contents .margin_t_5 { margin-top:5px !important; }
#contents .margin_t_10 { margin-top:10px !important; }
#contents .margin_t_20 { margin-top:20px !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_0 { margin-bottom:0 !important; }
#contents .margin_b_5 { margin-bottom:5px !important; }
#contents .margin_b_10 { margin-bottom:10px !important; }
#contents .margin_b_20 { margin-bottom:20px !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_6 { margin-left:6px !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 .margin_30 { margin:30px !important; }

/* 텍스트 정렬 */
#contents .text_center { text-align:center; }
#contents .text_right { text-align:right; }
#contents .text_left { text-align:left !important; }
#contents .underline { text-decoration:underline; }
#contents .italic { font-style:italic; }
#contents .weight { font-weight:600; }

/* 강조 글자 */
#contents .em_def { color:#3277c2;}
#contents .em_b_def { color:#3277c2; font-weight:600;} 

#contents .em_black { color:#1a1a1a; }
#contents .em_green { color:#0a7c6b; }
#contents .em_blue { color:#0072bc; }
#contents .em_orange { color:#e84041; }
#contents .em_red { color:#f35055; }
#contents .em_brown { color:#835a08; }
#contents .em_purple { color:#8a56af; }

#contents .em_b_black { color:#1a1a1a; font-weight:600; }
#contents .em_b_green { color:#0a7c6b; font-weight:600; }
#contents .em_b_blue { color:#0861bc; font-weight:600; }
#contents .em_b_orange { color:#e84041; font-weight:600; }
#contents .em_b_red { color:#DE2500; font-weight:600; }
#contents .em_b_brown { color:#835a08; font-weight:600; }
#contents .em_b_purple { color:#8a56af; font-weight:600; }
#contents .em_b_pastelgreen { color:#0e7666; font-weight:600; }

#contents .box_div { border:1px solid #bfd1e1; border-top:2px solid #146bb6; padding:2em;}



/* width */
.w5p{width:5% !important; }
.w7p{width:7% !important; }
.w10p{width:10% !important; }
.w15p{width:15% !important; }
.w20p{width:20% !important; }
.w25p{width:25% !important; }
.w30p{width:30% !important; }
.w35p{width:35% !important; }
.w40p{width:40% !important; }
.w45p{width:45% !important; }
.w50p{width:50% !important; }
.w55p{width:55% !important; }
.w60p{width:60% !important; }
.w65p{width:65% !important; }
.w70p{width:70% !important; }
.w75p{width:75% !important; }
.w80p{width:80% !important; }
.w85p{width:85% !important; }
.w90p{width:90% !important; }
.w95p{width:95% !important; }
.w100p{width:100% !important; }