@charset "utf-8";

p.line {margin-top:20px; padding-top:20px; border-top:1px dashed #9298af;}

/* 타이틀 */
.tit1 {padding-left:25px; font-size:20px; line-height:1.6; font-family:"NotoM"; color:#111; background:url("/ad/ce/images/sub/tit_1.png") no-repeat left 9px; }
.tit2 {padding-left:25px; font-size:18px; line-height:1.6; font-family:"NotoM"; color:#111; background:url("/ad/ce/images/sub/tit_2.png") no-repeat 1px 7px; }

/* 텍스트 */
.comment1 {padding:8px 0 0 25px; font-size:18px; line-height:1.6; font-family:"NotoM"; color:#111; background:url("/ad/ce/images/sub/bu_comment.png") no-repeat left top; }
.comment2 {padding:9px 0 0 25px; font-size:14px; line-height:1.4; font-family:"NotoR"; color:#444; background:url("/ad/ce/images/sub/bu_comment.png") no-repeat left top; }

.bu_st1 {padding-left:18px; font-size:14px; line-height:1.5; font-family:"NotoR"; color:#111; background:url("/ad/ce/images/sub/bu1.png") no-repeat left 5px; }
.bu_st2 {padding-left:12px; font-size:14px; line-height:1.4; font-family:"NotoR"; color:#222; background:url("/ad/ce/images/sub/bu2.png") no-repeat left 6px; }
.bu_st3 {padding-left:12px; font-size:14px; line-height:1.4; font-family:"NotoR"; color:#222; background:url("/ad/ce/images/sub/bu3.png") no-repeat left 8px; }
.bu_st4 {padding-left:10px; font-size:14px; line-height:1.4; font-family:"NotoR"; color:#222; background:url("/ad/ce/images/sub/bu4.png") no-repeat left 8px; }
.bu_st5 {padding-left:10px; font-size:14px; line-height:1.4; font-family:"NotoR"; color:#222; background:url("/ad/ce/images/sub/bu5.png") no-repeat left 8px; }

a.bu_link {padding-left:20px; font-size:14px; font-family:"NotoR"; color:#00539f; text-decoration:underline; background:url("/ad/ce/images/sub/bu_link.png") no-repeat 5px 5px;}
.bu_atte {padding-left:20px; font-size:14px; line-height:1.4; font-family:"NotoR"; color:#222; background:url("/ad/ce/images/sub/bu_atte.png") no-repeat left 3px;}

/* 리스트 */
.list_st1 li {padding:5px 0 5px 18px; font-size:14px; line-height:1.5; font-family:"NotoR"; color:#111; background:url("/ad/ce/images/sub/bu1.png") no-repeat left 10px;}
.list_st2 li {padding:4px 0 4px 12px; font-size:14px; line-height:1.4; font-family:"NotoR"; color:#222; background:url("/ad/ce/images/sub/bu2.png") no-repeat left 9px;}
.list_st3 li {padding:3px 0 3px 12px; font-size:14px; line-height:1.4; font-family:"NotoR"; color:#222; background:url("/ad/ce/images/sub/bu3.png") no-repeat left 11px;}
.list_st4 li {padding:3px 0 3px 10px; font-size:14px; line-height:1.4; font-family:"NotoR"; color:#222; background:url("/ad/ce/images/sub/bu4.png") no-repeat left 11px;}
.list_st5 li {padding:3px 0 3px 10px; font-size:14px; line-height:1.4; font-family:"NotoR"; color:#333; background:url("/ad/ce/images/sub/bu5.png") no-repeat left 11px;}

/* 텍스트 기타 */
.pc_blue {color:#051f5f;}
.pc_green {color:#27750d;}
.pc_orange {color:#f7941d;}

.bg_blue {padding:2px; color:#fff; background:#264988;}
.bg_green {padding:2px; color:#fff; background:#4db02c;}
.bg_orange {padding:2px; color:#fff; background:#f7941d;}

.fs_22 {font-size:22px;}
.fs_24 {font-size:24px;}

/* 테이블 */ 
.table_st {position:relative; font-family:"NotoR"; font-size:14px;}
.table_st table { position:relative; width:100%; text-align:center; border-top:2px solid #051f5f; margin-left:-1px; border-bottom:1px solid #9298af;}
.table_st th, .table_st td { border-left:1px solid #9298af; border-right:1px solid #9298af; border-top:1px solid #9298af}
.table_st th {padding:13px 10px; color:#111; font-family:"NotoM"; font-weight:normal; font-size:15px; background:#eff4fd; font-weight:normal}
.table_st td {background:#fff; padding:10px; color:#444;}
.table_st thead th {background:#eff4fd; color:#333; border-bottom:1px solid #9298af; font-weight:bold}
.table_st thead tr:last-child th {border-bottom:1px solid #9298af}
.table_st thead th.bdr_b {border-bottom:1px solid #9298af}
.table_st th:first-child, .table_st td:first-child {border-left:0}
.table_st th:last-child, .table_st td:last-child {border-right:0}
.table_st tfoot th {padding:13px 10px; color:#222; font-family:"NotoM"; font-size:13px; border-bottom:1px solid #9298af; border-left:1px solid #9298af; background:#f7f9fa;}
.table_st tfoot td {padding:13px 10px; color:#222; font-family:"NotoM"; font-size:13px; border-bottom:1px solid #9298af; border-left:1px solid #9298af; background:#f7f9fa;}

.table_st th.tBl, .table_st td.tBl {border-left:1px solid #9298af;}
.table_st th.tBr, .table_st td.tBr {border-right:1px solid #9298af;}

/* 박스스타일 */
.box_st1 {position:relative; padding:10px 20px; font-family:"NotoR"; line-height:1.4; border-top:1px solid #c8d1db; border-left:1px solid #c8d1db; border-bottom:1px solid #9298af; border-right:1px solid #9298af; border-radius:10px; overflow:hidden; background:#f7f9fa;}

.box_st2 {position:relative; padding:10px 20px; font-family:"NotoR"; line-height:1.4; border-top:1px solid #c8d1db; border-left:1px solid #c8d1db; border-bottom:1px solid #9298af; border-right:1px solid #9298af; border-radius:10px; overflow:hidden; background:#fff;}

.box_st3 {position:relative; padding:8px; border-radius:10px; overflow:hidden; background:url("/ad/ce/images/sub/pt_diagonal.png") repeat;}
.box_st3 .box {padding:10px 20px; background:#fff;}


/* 버튼스타일 1 */
.btn_st {overflow:hidden}
.btn_st a {display:inline-block; line-height:20px; padding:8px 15px; margin:1px; text-decoration:none; font-size:14px; font-family:'NotoM'; text-align:center; color:#fff; border-bottom:1px solid #343848; border-right:1px solid #343848; background:#45495b;}
.btn_st a:hover {text-decoration:underline;}
.btn_st a.blue {color:#fff; border-bottom:1px solid #00113c; border-right:1px solid #00113c; background:#0c3477;}
.btn_st a.line {padding:7px 15px 8px; color:#222; border:1px solid #9298af; background:#fff;}
.btn_st a.blue_l {padding:7px 15px 8px; color:#0c3477; border:1px solid #0c3477; background:#fff;}
.btn_st a.mini {padding:2px 8px; font-family:"돋움",Dotum; font-size:12px; font-weight:bold; }

/* 버튼스타일 2 */
.btn_st2 a {display:inline-block; margin:1px; padding-right:27px; color:#333; line-height:20px; font-size:14px; font-family:'NotoM'; text-align:center; border:1px solid #9298af; overflow:hidden;}
.btn_st2 a:hover {text-decoration:underline;}
.btn_st2 a.btn_down { background:url("/ad/ce/images/sub/btn_down_w.png") no-repeat right center #9298af; }
.btn_st2 a.btn_down span {display:block; padding:3px 15px;  background:#fff;}
.btn_st2 .btn_link {background:url("/ad/ce/images/sub/btn_link_w.png") no-repeat right center #9298af;}
.btn_st2 a.btn_link span {display:block; padding:3px 15px;  background:#fff;}
.btn_st2 .btn_go {background:url("/ad/ce/images/sub/btn_go_w.png") no-repeat right center #9298af;}
.btn_st2 a.btn_go span {display:block; padding:3px 15px;  background:#fff;}

.btn_st2 a.btn_down_l {padding:0 0 0 19px; background:url("/ad/ce/images/sub/btn_down_g.png") no-repeat 3px center #fff;}
/* .btn_st2 a.btn_down_l span {display:block; padding:3px 15px;} */
.btn_st2 a.btn_down_l span {display:block; padding:3px 15px; width: 655px; overflow : hidden; white-space: nowrap; text-align: left; text-overflow: ellipsis;}
.btn_st2 .btn_link_l {padding:0 0 0 19px; background:url("/ad/ce/images/sub/btn_link_g.png") no-repeat 3px center #fff;}
.btn_st2 a.btn_link_l span {display:block; padding:3px 15px;}
.btn_st2 .btn_go_l {padding:0 0 0 19px; background:url("/ad/ce/images/sub/btn_go_g.png") no-repeat 3px center #fff;}
.btn_st2 a.btn_go_l span {display:block; padding:3px 15px;}

.btn_st2 a.mini { font-family:"돋움",Dotum; font-size:12px; font-weight:bold; }
.btn_st2 a.mini span {padding:1px 10px;}

/* 탭스타일 */
.tab_st {overflow:hidden; padding:1px 0 0 1px; margin-bottom:20px;}
.tab_st li {width:33.3%; float:left; margin:-1px 0 0 -1px;}
.tab_st li a {display:block; padding:13px 38px 13px 10px; line-height:20px; font-size:15px; font-family:'NotoR'; text-align:center; color:#555; border:1px solid #9298af; background:url("/ad/ce/images/sub/tab1_off.png") no-repeat right center #fff;}
.tab_st li.on a, .tab_st li.on a:hover {font-family:'NotoM'; color:#fff; border:1px solid #264988; background:url("/ad/ce/images/sub/tab1_on.png") no-repeat right center #0c3477;}
.tab_st li a:hover {font-family:'NotoM'; color:#0c3477; border:1px solid #95a9cc; background:url("/ad/ce/images/sub/tab1_off.png") no-repeat right center #eff4fd;}

/* 탭 사이즈별 */
.tab_li0 li {width:auto;}
.tab_li2 li {width:50%;}
.tab_li3 li {width:33.3%;}
.tab_li4 li {width:24.9%;}
.tab_li5 li {width:19.9%;}

@media screen and (max-width :810px) {

	/* 탭스타일 */
	.tab_st li a {-webkit-box-sizing:border-box; , -moz-box-sizing:border-box; box-sizing:border-box;}

	/* 탭 사이즈별 */
	.tab_li2 li, .tab_li3 li {width:50%;}
	.tab_li4 li, .tab_li5 li {width:33.3%;}

	.btn_st2 a.btn_down_l span {display:block; padding:3px 15px; width: 610px; overflow : hidden; white-space: nowrap; text-align: left; text-overflow: ellipsis;}
}

@media screen and (max-width :740px) {
   
	/* 이미지 */
	.img img { width:100%}

	 /* 테이블 스크롤 */
	.tableScroll{overflow-x:auto; }
    .tableScroll .table_st{width:740px}

	.btn_st2 a.btn_down_l span {display:block; padding:3px 15px; width: 610px; overflow : hidden; white-space: nowrap; text-align: left; text-overflow: ellipsis;}  

}						  

@media screen and (max-width :650px) {

	/* 탭스타일 */
	.tab_st li {width:50%;}

	/* 탭 사이즈별 */
	.tab_li2 li, .tab_li3 li {width:100%;}
	.tab_li4 li, .tab_li5 li {width:50%;}

	.btn_st2 a.btn_down_l span {display:block; padding:3px 15px; width: 485px; overflow : hidden; white-space: nowrap; text-align: left; text-overflow: ellipsis;}
}


@media screen and (max-width :490px) {

   /* 탭스타일 */
	.tab_st li {width:100%;}

	/* 탭 사이즈별 */
	.tab_li2 li, .tab_li3 li, .tab_li4 li, .tab_li5 li {width:100%;}

	.btn_st2 a.btn_down_l span {display:block; padding:3px 15px; width: 215px; overflow : hidden; white-space: nowrap; text-align: left; text-overflow: ellipsis;}
}