@charset "utf-8";

/* 패딩 */
.pd0  {padding:0 !important;}

.pd5  {padding:5px !important;}
.pd10 {padding:10px !important;}
.pd15 {padding:15px !important;}
.pd20 {padding:20px !important;}
.pd30 {padding:30px !important;}

.pdt5  {padding-top:5px !important;}
.pdt10 {padding-top:10px !important;}
.pdt15 {padding-top:15px !important;}
.pdt20 {padding-top:20px !important;}
.pdt30 {padding-top:30px !important;}
.pdt40 {padding-top:40px !important;}

.pdr5  {padding-right:5px !important;}
.pdr10 {padding-right:10px !important;}
.pdr15 {padding-right:15px !important;}
.pdr20 {padding-right:20px !important;}
.pdr30 {padding-right:30px !important;}

.pdb5  {padding-bottom:5px !important;}
.pdb10 {padding-bottom:10px !important;}
.pdb15 {padding-bottom:15px !important;}
.pdb20 {padding-bottom:20px !important;}
.pdb30 {padding-bottom:30px !important;}

.pdl5  {padding-left:5px !important;}
.pdl10 {padding-left:10px !important;}
.pdl15 {padding-left:15px !important;}
.pdl20 {padding-left:20px !important;}
.pdl30 {padding-left:30px !important;}

/* 마진 */
.mg0  {margin:0 !important;}

.mg5  {margin:5px !important;}
.mg10 {margin:10px !important;}
.mg15 {margin:15px !important;}
.mg20 {margin:20px !important;}
.mg30 {margin:30px !important;}

.mgt5  {margin-top:5px !important;}
.mgt10 {margin-top:10px !important;}
.mgt15 {margin-top:15px !important;}
.mgt20 {margin-top:20px !important;}
.mgt25 {margin-top:25px !important;}
.mgt30 {margin-top:30px !important;}
.mgt40 {margin-top:40px !important;}
.mgt50 {margin-top:50px !important;}

.mgt5n  {margin-top:-5px !important;}
.mgt10n  {margin-top:-10px !important;}

.mgr5  {margin-right:5px !important;}
.mgr10 {margin-right:10px !important;}
.mgr15 {margin-right:15px !important;}
.mgr20 {margin-right:20px !important;}
.mgr30 {margin-right:30px !important;}

.mgb0  {margin-bottom:0 !important;}
.mgb5  {margin-bottom:5px !important;}
.mgb10 {margin-bottom:10px !important;}
.mgb15 {margin-bottom:15px !important;}
.mgb20 {margin-bottom:20px !important;}
.mgb30 {margin-bottom:30px !important;}

.mgl5  {margin-left:5px !important;}
.mgl10 {margin-left:10px !important;}
.mgl15 {margin-left:15px !important;}
.mgl20 {margin-left:20px !important;}
.mgl30 {margin-left:30px !important;}


/* 공통 스타일 */
ol {
	list-style: none;
}
.subContent_body p.line {margin-top:20px; padding-top:20px; border-top:1px dashed #9298af;}


/* 타이틀 */
.tit1 {padding-left:30px; font-size:20px; line-height:1.6; font-family:"NotoM"; color:#111; background:url("/images/web/dapa/sub/tit_1.png") no-repeat left 7px; }
.tit2 {padding-left:30px; font-size:18px; line-height:1.6; font-family:"NotoM"; color:#111; background:url("/images/web/dapa/sub/tit_2.png") no-repeat left 5px; }
.tit2r {padding-left:30px; font-size:18px; line-height:1.6; font-family:"NotoM"; color:#18418d; background:url("/images/web/dapa/sub/tit_2r.png") no-repeat left 5px; }
.tit3 {padding-left:25px; font-size:16px; line-height:1.6; font-family:"NotoM"; color:#111; background:url("/images/web/dapa/sub/tit_3.png") no-repeat left 3px; }

/*캐릭터 타이틀 (.character_font)*/
.tit1_c {padding-left: 30px; font-size: 23px; line-height: 1.6; color: #111; padding-left:30px;}
.tit1_c:before {position:absolute; content:""; width:16px; height: 16px; background:#fff; border : 5px solid #2452a7; box-sizing:border-box; left:20px;margin-top:12px;}
.tit2_c {font-size:20px; line-height:1.3;  color:#111; }
.tit2_c:before {content:"▶"; color:#2452a7; width:16px; height: 16px; background:#fff; box-sizing:border-box; left:0;margin-top:12px;}
.tit3_c {padding-left:15px; font-size:18px; line-height:normal; color:#444; background:url("/images/web/dapa/sub/bu_circle.png") no-repeat left 8px; margin-left:10px;}
.tit4_c {padding-left:15px; font-size:17px; color:#111; }

/* 텍스트 */
.comment1 {padding:8px 0 0 25px; font-size:18px; line-height:1.6; font-family:"NotoM"; color:#111; background:url("/images/web/dapa/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("/images/web/dapa/sub/bu_comment.png") no-repeat left top; }

.bu_st1 {padding-left:13px; font-size:14px; line-height:1.6; font-family:"NotoR"; color:#222; background:url("/images/web/dapa/sub/bu1.png") no-repeat left 6px; }
.bu_st2 {padding-left:15px; font-size:14px; line-height:1.5; font-family:"NotoR"; color:#444; background:url("/images/web/dapa/sub/bu2.png") no-repeat left 6px; }
.bu_st3 {padding-left:13px; font-size:14px; line-height:1.5; font-family:"NotoR"; color:#444; background:url("/images/web/dapa/sub/bu3.png") no-repeat left 11px; }
.bu_st4 {padding-left:8px; font-size:14px; line-height:1.5; font-family:"NotoR"; color:#444; background:url("/images/web/dapa/sub/bu4.png") no-repeat left 9px; }
.bu_circle {padding-left:10px; font-size:14px; line-height:1.5; font-family:"NotoR"; color:#444; background:url("/images/web/dapa/sub/bu_circle.png") no-repeat left 8px;}

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

/* 리스트 */
.list_st1 li {padding:5px 0 5px 13px; font-size:14px; line-height:1.6; font-family:"NotoR"; color:#222; background:url("/images/web/dapa/sub/bu1.png") no-repeat left 11px;}
.list_st2 li {padding:4px 0 4px 15px; font-size:14px; line-height:1.5; font-family:"NotoR"; color:#444; background:url("/images/web/dapa/sub/bu2.png") no-repeat left 10px;}
.list_st3 li {padding:3px 0 3px 13px; font-size:14px; line-height:1.5; font-family:"NotoR"; color:#444; background:url("/images/web/dapa/sub/bu3.png") no-repeat left 13px;}
.list_st4 li {padding:3px 0 3px 8px; font-size:14px; line-height:1.5; font-family:"NotoR"; color:#444; background:url("/images/web/dapa/sub/bu4.png") no-repeat left 12px;}
.list_circle li {padding:4px 0 4px 10px; font-size:14px; line-height:1.5; font-family:"NotoR"; color:#444; background:url("/images/web/dapa/sub/bu_circle.png") no-repeat left 12px;}
.list_st_no li {padding:5px 0 5px 13px; font-size:14px; line-height:1.6; font-family:"NotoR"; color:#222; background:none;}


.list_50, .list_30 {overflow:hidden;}
.list_50 li {width:45%; float:left;}
.list_30 li {width:30%; float:left;}

/* 텍스트 area */
.textArea_readCaption {width:100%; height:300px; resize:none; border: 2px solid #b2b7c7; outline: none;}


/* 텍스트 기타 */
.pc_blue {color:#4164b1;}
.pc_mint {color:#39bccb;}
.pc_green {color:#52ae27;}
.pc_red {color:#e33d65;}
.pc_black {color:#222;}
.pc_bold {font-weight:bold;}
.pc_underline {text-decoration: underline;}

.bg_white{background: white !important;}
.bg_blue {padding:2px; color:#fff; background:#4164b1;}
.bg_mint {padding:2px; color:#fff; background:#39bccb;}
.bg_green {padding:2px; color:#fff; background:#52ae27;}
.bg_red {padding:2px; color:#fff; background:#e33d65;}

.fs_11 {font-size:11px;}
.fs_12 {font-size:12px; font-family:"Dotum";}
.fs_13 {font-size:13px;}
.fs_14 {font-size:14px;}
.fs_15 {font-size:15px;}
.fs_16 {font-size:16px;}
.fs_18 {font-size:18px;}
.fs_20 {font-size:20px;}
.fs_22 {font-size:22px;}
.fs_24 {font-size:24px;}

.lts1 {letter-spacing:-1px !important;}

/* 테이블 */
.table_st_box {position:relative; margin-top:-20px; padding-top:25px; font-family:"NotoR"; font-size:14px; overflow:hidden;}
.table_st_box .util {position:absolute; top:3px; right:0; line-height:1.4; color:#666; font-size:12px;}
.table_st {position:relative; width:100%; border-collapse:collapse; border-top:2px solid #222; margin-left:-1px;}
.table_st caption span {position:absolute; top:-9999px; overflow:hidden; height:0px; width:0px; }
.table_st th {padding:13px 10px; color:#222; font-family:"NotoM"; font-size:14px; border-bottom:1px solid #9298af; border-left:1px solid #9298af; background:#f7f9fa;}
.table_st td {padding:10px; color:#444; border-left:1px solid #9298af; border-bottom:1px solid #9298af;}
.table_st td.bor_b2 {border-bottom:2px solid #222;}
.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;}

/* 박스스타일 */
.box_st1 {position:relative; padding:20px; 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 {color: black; font-weight: 500; position:relative; padding:20px; 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;font-family: "NotoR"; font-size: 15px;}

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

.box_st4 {position:relative; min-height:80px; padding:20px; 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;}
.box_st_img {position:absolute; left:20px; top:20px; width:150px; text-align:center;}
.box_st_txt {padding-left:180px;}

.box_st5{position:relative; padding:5px; overflow:hidden; background:url("/images/web/dapa/sub/pt_diagonal.png");}
.box_st5:before {position:absolute; left:0; top:0; width:60px; height:60px; border-left:5px solid #2452a7; border-top:5px solid #2452a7; content:'';}
.box_st5 .box {padding:20px; background:#fff; overflow:hidden;}
.box_st5 .box:before {position:absolute; right:0; bottom:0; width:60px; height:60px; border-right:5px solid #00a1b9; border-bottom:5px solid #00a1b9; content:'';}

.box_st6 {position:relative; padding:15px 20px; border-top:1px dashed #9298af; border-bottom:1px dashed #9298af; overflow:hidden; background:#f7f9fa;}
.box_st7 {position:relative; padding:20px; border-top:1px solid #c8d1db; border-left:1px solid #c8d1db; border-bottom:1px solid #9298af; border-right:1px solid #9298af; 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 !important; border-bottom:1px solid #343848; border-right:1px solid #343848; background:#45495b; border-radius:5px;}
.btn_st a:hover {text-decoration:underline;}
.btn_st a.blue {color:#fff !important; border-bottom:1px solid #1a3057; border-right:1px solid #1a3057; background:#4164b1;}
.btn_st a.mint {color:#fff !important; border-bottom:1px solid #2499a6; border-right:1px solid #2499a6; background:#39bccb;}

.btn_st div.blue {color:#fff !important; border-bottom:1px solid #1a3057; border-right:1px solid #1a3057; background:#4164b1;display:inline-block; line-height:20px; padding:8px 15px; margin:1px; text-decoration:none; font-size:14px; font-family:'NotoM'; text-align:center; border-radius:5px; cursor: pointer;}

.btn_st a.line {padding:7px 15px 8px; color:#222 !important; border:1px solid #9298af; background:#fff;}
.btn_st a.blue_l {padding:7px 15px 8px; color:#4164b1 !important; border:1px solid #4164b1; background:#fff;}
.btn_st a.mint_l {padding:7px 15px 8px; color:#39bccb !important; border:1px solid #39bccb; 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-left:27px; color:#333; line-height:20px; font-size:14px; font-family:'NotoM'; text-align:center; border:1px solid #9298af; overflow:hidden; border-radius:5px;}
.btn_st2 a.btn_down { background:url("/images/web/dapa/sub/btn_down_w.png") no-repeat left center #9298af; }
.btn_st2 a.btn_down span {display:block; padding:3px 15px;  background:#fff;}
.btn_st2 .btn_link {background:url("/images/web/dapa/sub/btn_link_w.png") no-repeat left center #9298af;}
.btn_st2 a.btn_link span {display:block; padding:3px 15px;  background:#fff;}
.btn_st2 .btn_go {background:url("/images/web/dapa/sub/btn_go_w.png") no-repeat left 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("/images/web/dapa/sub/btn_down_g.png") no-repeat 3px center #fff;}
.btn_st2 a.btn_down_l span {display:block; padding:3px 15px;}
.btn_st2 .btn_link_l {padding:0 0 0 19px; background:url("/images/web/dapa/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("/images/web/dapa/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;}

/* 버튼스타일 3 */
.btn_st3 a {color: white; display: inline-block; position: relative; border: 1px solid rgba(0,0,0,0.21); border-bottom: 3px solid rgba(0,0,0,0.21); border-radius: 4px; text-shadow: 0 1px 0 rgba(0,0,0,0.15);}
.btn_st3 a.red {background: #fa5a5a;}
.btn_st3 a.yellow {background: #f0d264;}
.btn_st3 a.green {background: #82c8a0;}
.btn_st3 a.cyan {background: #7fccde;}
.btn_st3 a.blue {background: #6698cb;}
.btn_st3 a.purple {background: #cb99c5;}


/* 탭스타일 */
.tab_st {overflow:hidden; padding:1px 0 0 1px; margin-bottom:30px; letter-spacing:-1px;}
.tab_st li {float:left; margin:-1px 0 0 -1px;}
/*.tab_st li a {display:block; padding:13px; line-height:20px; font-size:14px; font-family:'NotoR'; text-align:center; color:#555; border:1px solid #9298af; background:url("/images/web/dapa/sub/tab1_off.png") no-repeat right center #fff;}*/
.tab_st li a {display:block; padding:13px 38px 13px 10px; line-height:20px; font-size:14px; font-family:'NotoR'; text-align:center; color:#555; border:1px solid #9298af; background:url("/images/web/dapa/sub/tab1_off.png") no-repeat right center #fff;}
.tab_st li.on a, .tab_st li.on a:hover {color:#fff; border:1px solid #18418d; background:url("/images/web/dapa/sub/tab1_on.png") no-repeat right center #2452a7;}
.tab_st li a:hover {color:#fff; border:1px solid #45495b; background:url("/images/web/dapa/sub/tab1_on.png") no-repeat right center #45495b;}

.tab_st2 {overflow:hidden; margin-bottom:20px;}
.tab_st2 li {float:left; margin:0 0 5px;}
.tab_st2 li a {display:block; padding:10px 38px 10px 10px; margin-right:5px; line-height:20px; font-size:14px; font-family:'NotoR'; text-align:center; color:#555; border-top:1px solid #9298af; border-bottom:1px solid #9298af; background:url("/images/web/dapa/sub/tab2_off.png") no-repeat right center #fff;}
.tab_st2 li.on a, .tab_st2 li.on a:hover {color:#2452a7; border-color:#2452a7; background:url("/images/web/dapa/sub/tab2_on.png") no-repeat right center #fff;}
.tab_st2 li a:hover {color:#45495b; border-color:#45495b; background:url("/images/web/dapa/sub/tab2_hover.png") no-repeat right center #fff;}

.tab_st3 {overflow:hidden; margin-bottom:20px;}
.tab_st3 li {float:left; margin:0 0 5px;}
.tab_st3 li a {display:block; padding:5px 10px 5px 10px; margin-right:5px; line-height:20px; font-size:14px; font-family:'NotoR'; text-align:center; color:#555; border:1px solid #9298af; border-radius:5px;}
.tab_st3 li.on a, .tab_st3 li.on a:hover {color:#2452a7; border-color:#2452a7; background:#fff;}
.tab_st3 li a:hover {color:#fff; border:1px solid #45495b; background:#45495b;}
.tab_st3 li.on a, .tab_st3 li.on a:hover { background: #2452a7; color: #fff; }


/* 탭 사이즈별 */
.tab_li2 li {width:50%;}
.tab_li3 li {width:33.3%;}
.tab_li4 li {width:24.9%;}
.tab_li5 li {width:19.9%;}
.tab_li6 li {width:16.6%;}
.tab_li6 li a {white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.tab_li7 li, .tab_li8 li, .tab_li9 li, .tab_li10 li {width:24.9%;}

/* 페이지 내 레이어팝업 공통 171123 */
.layer_pop {position:relative;  font-family:"NotoM";}
.layer_pop .layer_pop_con {margin:10px 0 15px; padding:15px 15px; border-top:1px solid #b2b7c7; border-bottom:1px solid #b2b7c7;}

/* 오류페이지 171201 추가 */
.error {padding:40px 20px 20px; text-align:center; font-size:14px; line-height:1.6; color:#444; font-family:"NotoM"; background:url("/images/web/dapa/sub/bg_error.png") repeat-x left top;}
.error h1 {font-size:24px; color:#111;}
.error h1 span {color:#4164b1;}
.error .txt1 {margin:20px 0 5px; font-size:18px; color:#111;}
.error .txt2 {font-size:14px;}
.error .txt3 {font-size:14px; color:#e33d65;}

/* 국민생각함*/
.thinkBox { cursor: pointer; }
.hoverBox { background-color: white; }	
.hoverBox:hover { background-color: #DDDDDD; }
.titleType { font-weight: bold; }

.box_img {text-align: center;}
.box_img img{width: 100%; max-width: none;}

/*DAPA-LO*/
.pc_dapalo{color: #00265b; font-weight: bold; font-size: 17px;}

@media screen and (max-width :1200px) {
	.box_img img{max-width: 600px;}
}

@media screen and (max-width :900px) {
	/* 레이어 팝업 */
	.jconfirm-box {width: 96% !important;}
	.layer_pop .layer_pop_con {margin:0px; padding:0px; border-top:0px solid #b2b7c7; border-bottom:0px solid #b2b7c7;}
}

@media screen and (max-width :810px) {
	
	/* 리스트 */
	.list_50 li, .list_30 li {width:100%; float:none; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
	
	/* ??? */
	.table_st_box {overflow-x:auto;}
	.table_st {width:840px;}
	.table_st.scroll_n {width:100%;} /* 171024 추가 */
	
	/* 탭스타일 */
	.tab_st li {width:33.3%;}
	.tab_st li a {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}

	.tab_st2 li {width:33.3%; padding-left:5px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
	.tab_st2 li a {margin-right:0;}

	.tab_st3 li {width:33.3%; padding-left:5px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
	.tab_st3 li a {margin-right:0;}

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

	/* 이미지 스크롤 */
	.box_img {overflow-x:auto;}

}



@media screen and (max-width :650px) {
	/* 탭스타일 */
	.tab_st li {width:50%;}

	.tab_st2 li {width:50%;}

	.tab_st3 li {width:50%;}

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



@media screen and (max-width :580px) {
	/* 박스스타일 */
	.box_st_img {position:relative; left:auto; top:auto; width:100%; margin:0 0 20px; text-align:center;}
	.box_st_txt {padding-left:0;}
}



@media screen and (max-width :490px) {
	/* 탭스타일 */
	.tab_st li {width:100%;}

	.tab_st2 li {width:100%;}

	.tab_st3 li {width:100%;}

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



@media screen and (max-width: 380px){
	/* width: 66%; */
}