@charset "utf-8";

/* h스타일*/
h3, h4, h5 {font-weight:500;}
.conH3 {font-size:24px; font-weight:500; color:#0a2562; position:relative; padding-top:12px; clear:both; margin-top:30px}
.conH3::after {position:absolute; left:0; top:0; content:""; width:105px; height:5px; background:url('../imgs/contents/conH3_ico.png') no-repeat 0 0;}
.H3 {font-size:22px; color:#0a426f; font-weight:normal;}
.H3 span{display:inline; background:url("../imgs/contents/point_bg3.png") repeat-x left 15px; letter-spacing:-1px;}
.conH4 {position:relative; font-weight:500; margin-top:20px; padding:10px 0 10px 26px; font-size:20px;color:#000;  letter-spacing:-0.05em;}
.conH4::after {position:absolute; left:0; top:18px; content:""; width:16px; height:16px; background:url('../imgs/contents/conH4_ico.png') no-repeat 0 0;}

.conH5 {position:relative; font-weight:500; padding:12px 0 5px 0px; font-size:17px;color:#006ea1; letter-spacing:-0.05em;}
.conH6 {position:relative; font-weight:500; padding:8px 0 8px 26px; font-size:15px;color:#555; letter-spacing:-0.05em;}
.conH6::after {position:absolute; left:14px; top:17px; content:""; width:4px; height:4px;background:#717171;}
.hnone{margin-top:0 !important;} 


/* tab */
.contTabList {position:relative; margin:0 0 15px 0; border-top:1px solid #cdcdcd; border-left:1px solid #cdcdcd;}
.contTabList:after {content:""; display:block; clear:both;}
.contTabList li {float:left;text-align:left;}
/*.contTabList a {display:block; background:#fff url('../imgs/contents/tab_ico.png') no-repeat 95% 15px; border-right:1px solid #c1c1c1;border-bottom:1px solid #c1c1c1;font-size:15px;padding:15px 10px 17px 27px;line-height:20px;}
.contTabList .on a {color:#0e46a2;background: url('../imgs/contents/tab_on_ico.png') no-repeat 95% 15px;border-bottom:2px solid #0e46a2;font-size:17px;}*/
.contTabList a {display:block; background:#fff url('../imgs/contents/tab_ico.png') no-repeat 95% 15px; border-right:1px solid #c1c1c1; border-bottom:1px solid #c1c1c1; font-size:15px; padding:16px 10px; line-height:20px;}
.contTabList .on a {color:#0e46a2; background:url('../imgs/contents/tab_on_ico.png') no-repeat 95% 15px;border-bottom:1px solid #0e46a2;font-size:16px;}

.tab_1 li {width:100%;}
.tab_2 li {width:50%;}
.tab_3 li {width:33.3%;}
.tab_3 li:first-child {width:33.4%;}
.tab_3 li:nth-child(4) {width:33.4%;}
.tab_4 li {width:25%;}
.tab_5 li {width:20%;}
.tab_6 li {width:16.6%;}
.tab_6 li:first-child {width:17%;}
.tab_6 li:nth-child(7) {width:17%;}
.tab_7 li {width:14.28%;float:left; }
.tab_8 li {width:12.5%;}
.tab_9 li {width:11.1%;}
.tab_9 li:first-child {width:11.2%;}
.tab_10 li {width:10%;}

@media all and (max-width:1200px) { 
	.tab_3 li {width:33.3%;}
	.tab_3 li:first-child {width:33.3%;}
	.tab_3 li:nth-child(4) {width:33.3%;}
	.tab_4 li {width:25%;}
	.tab_4 li:first-child {width:25%;}
	.tab_4 li:nth-child(5) {width:25%;}
	.tab_5 li {width:50%;}
	.tab_5 li:first-child {width:50%;}
	.tab_5 li:nth-child(6) {width:50%;}
}
@media all and (max-width:1024px) { 
	.tab_4 li {width:33.3%;}
	.tab_4 li:first-child {width:33.3%;}
	.tab_4 li:nth-child(5) {width:33.3%;}
}
@media all and (max-width:840px) { 
	.tab_6 li {width:33.3%;}
	.tab_6 li:first-child {width:33.3%;}
    .tab_6 li:nth-child(7) {width:33.3%;}
	.tab_7 li, .tab_8 li , .tab_9 li, .tab_9 li:first-child {width:33.3%;float:left;}
	 
}
@media all and (max-width:640px) { 
	.tab_3 li {width:100%;}
	.tab_3 li:first-child {width:100%;}
	.tab_3 li:nth-child(4) {width:100%;}
	.tab_4 li {width:50%;}
	.tab_4 li:first-child {width:50%;}
	.tab_4 li:nth-child(5) {width:50%;}
	.tab_5 li {width:50%;}
	.tab_5 li:first-child {width:50%;}
	.tab_5 li:nth-child(6) {width:50%;}
	.tab_6 li {width:50%;}
	.tab_6 li:first-child {width:50%;}
	.tab_6 li:nth-child(6) {width:50%;}
	.tab_6 li:nth-child(7) {width:50%;}
	.tab_7 li, .tab_8 li , .tab_9 li, .tab_9 li:first-child {width:50%;}
 
}
 

/* conList */
.conList {position:relative; line-height:22px;}
.conList li {position:relative; padding:0 0 5px 26px;font-size:15px;color:#555;}
.conList li::after  {position:absolute; left:7px; top:6px; content:""; width:10px; height:9px; background:url('../imgs/contents/conH5_ico.png') no-repeat 0 0;}
.conList ul {position:relative; padding:5px 0 0 0;}
.conList li li {position:relative; padding:0 0 2px 13px; }
.conList li li::after {position:absolute; left:3px; top:9px; content:""; width:4px; height:2px; background:#5c5c5c;}
.conList li li li {padding:0 0 2px 12px;color:#777; font-size:14px;}
.conList li li li::after {position:absolute; left:2px; top:10px; content:""; width:5px; height:1px; background:#737477;}

table .conList li.icon_dot {position:relative; padding:0 0 0 27px; color:#777; }
table .conList li.icon_dot::after {position:absolute; left:20px; top:9px; content:""; width:3px; height:3px; background:#737477;}
table .conList li.icon_dot li{position:relative; padding:0 0 0 0; color:#777; }
table .conList li.icon_dot li::after{position:absolute; left:0; top:9px; content:""; width:3px; height:3px; background:#737477;}


/* cjwfList */
.cjwfList {position:relative; line-height:22px;}
.cjwfList li {position:relative; padding:0 0 5px 26px;font-size:15px;color:#555;}
.cjwfList li::after  {position:absolute; left:0px; top:0px; content:""; width:23px; height:23px;}
.cjwfList li:nth-of-type(1)::after {background:url('../imgs/contents/icon1.png') no-repeat 0 0;}
.cjwfList li:nth-of-type(2)::after {background:url('../imgs/contents/icon2.png') no-repeat 0 0;}
.cjwfList li:nth-of-type(3)::after {background:url('../imgs/contents/icon3.png') no-repeat 0 0;}
.cjwfList li:nth-of-type(4)::after {background:url('../imgs/contents/icon2.png') no-repeat 0 0;}

/* btn */
.btnAr {overflow:visible;vertical-align:bottom; border:0; background:#434747; cursor:pointer; display:inline-block; font-weight:300; font-size:15px;color:#fff !important;word-spacing:-1px;text-decoration:none !important;}  
.btnAr a {overflow:visible; border:0; display:block;color:#fff;padding:11px 18px 10px 20px;min-width:82px;}
.btnAr a span{display:inline-block;width:8px;height:15px;margin-left:10px;vertical-align:-2px;background:url('../imgs/contents/btnAr_ico.png') no-repeat 0 50%;}
.btnAr *:link, .btnAr *:visited, .btnAr *:active, .btnAr *:hover {color: #fff; text-decoration:none !important;}
.btnAr.color{background:#137878;}
.btnAr.orange{background:#E97902;}
.btnAr.green{background:#1f8e56;}
.btnAr.blue{background:#0d4572;}
.btnAr.white{background:#fff;}
.btnAr.white a{border:1px solid #a2a2a2;color:#000;padding:11px 18px 10px 20px;}
.btnAr.white a span{background-image:url('../imgs/contents/btnAr_ico2.png');}
.btnAr a:hover {text-decoration:underline !important;}
@media all and (max-width:640px) { 
	 .btnAr {width:100%; margin-top:5px;}
	 .btnAr a{position:relative;padding-right:40px;}
	 .btnAr a span{position:absolute;top:50%;right:20px;margin-top:-8px;}
}

.btnDown {overflow:visible;vertical-align:bottom; border:0; background:#434747; cursor:pointer; display:inline-block; font-weight:300; font-size:15px;color:#fff !important;word-spacing:-1px;text-decoration:none !important;}  
.btnDown a {overflow:visible; border:0; display:block;color:#fff;padding:11px 18px 10px 20px;min-width:82px;}
.btnDown a span{display:inline-block;width:17px;height:16px;margin-left:10px;vertical-align:-2px;background:url('../imgs/contents/btnDown_ico.png') no-repeat 0 50%;}
.btnDown *:link, .btnAr *:visited, .btnAr *:active, .btnAr *:hover {color: #fff; text-decoration:none;}
.btnDown a:hover {text-decoration:underline !important;}
.btnDown.color{background:#137878;}
.btnDown.orange{background:#E97902;}
.btnDown.green{background:#17864E;}
.btnDown.navy{background:#132650;}
.btnDown.blue{background:#0d4572;}
.btnDown.white{background:#fff;}
.btnDown.white a{border:1px solid #a2a2a2;color:#000;padding:11px 18px 10px 20px}
.btnDown.white a span{background-image:url('../imgs/contents/btnDown_ico2.png');}
.btnDown a:hover {text-decoration:underline !important;}
@media all and (max-width:640px) { 
	 .btnDown {width:100%; margin-top:5px;}
	 .btnDown a{position:relative;padding-right:40px;}
	 .btnDown a span{position:absolute;top:50%;right:20px;margin-top:-10px;}
}

.btnLink {overflow:visible;vertical-align:bottom; border:0; background:#434747; cursor:pointer; display:inline-block; font-weight:300; font-size:15px;color:#fff !important;word-spacing:-1px;text-decoration:none !important;}  
.btnLink a {overflow:visible; border:0; display:block;color:#fff;padding:11px 18px 10px 20px;min-width:82px;}
.btnLink a span{display:inline-block;width:17px;height:17px;margin-left:10px;vertical-align:-4px;background:url('../imgs/contents/btnLink_ico.png') no-repeat 0 50%;}
.btnLink *:link, .btnAr *:visited, .btnAr *:active {color: #fff; text-decoration:none;}
.btnLink a:hover {text-decoration:underline !important;}
.btnLink.color{background:#137878;}
.btnLink.orange{background:#E97902;}
.btnLink.green{background:#1f8e56;}
.btnLink.blue{background:#0d4572;}
.btnLink.white{background:#fff;}
.btnLink.white a{border:1px solid #a2a2a2;color:#000;padding:11px 18px 10px 20px;}
.btnLink.white a span{background-image:url('../imgs/contents/btnLink_ico2.png');}
@media all and (max-width:640px) { 
	 .btnLink {width:100%; margin-top:5px;}
	 .btnLink a{position:relative;padding-right:40px;}
	 .btnLink a span{position:absolute;top:50%;right:20px;margin-top:-9px;}
}

.btnAr a:focus, .btnDown a:focus, .btnLink a:focus{outline:2px dotted #000;}

.em_red{color:#d42e63 !important}
.em_green{color:#1c8751 !important}
.em_orange{color:#f34a00 !important}
.em_blue{color:#0d4572 !important}
.em_skblue{color:#0c79b7 !important}
.em_gblue{color:#142f7c !important}
.em_gred{color:#a83101 !important}
.em_gray{color:#66666 !important}
.em_green{color:#a83101 !important}
.em_bgcolor {background:#ea6a03;color:#fff;padding:3px 5px}
.medium{font-weight: 600;}

.fsize14 {font-size:14px;}
.fsize18 {font-size:18px;}
.fsize20 {font-size:20px;}
.fsize22 {font-size:22px;}
.fsize25 {font-size:25px;}

/* conBox */
.conBox {position:relative; border:1px solid #cdd0d5; padding:25px; word-break:break-all;}
.conBox_b {position:relative; border:1px solid #ddd;border-bottom:1px solid #b5b5b5; padding:25px; word-break:break-all;}
.conBox_c {position:relative; background:#f1f1f4; padding:25px; word-break:break-all;}
.conBox01 {position:relative; border:1px solid #ddd;border-bottom:1px solid #b5b5b5; padding:25px; word-break:break-all;}
.boxGray {background:#f7f7f7;}
.boxGray_b {background:#f7f7f7; padding:20px;}
.txtL {font-size:17px; padding:0 0 15px 0; line-height:26px;}
.txtP {font-size:16px;}
.boxImg {min-height:100px; padding:8px 0px 0px 155px;}
.boxImg01 {position:absolute; left:43px; top:28px;height:100px; width:100px; background:url('../imgs/contents/boxImg01.png') no-repeat;}
.boxImg0202 {position:absolute; left:43px; top:110px;height:100px; width:100px; background:url('../imgs/contents/boxImg02.png') no-repeat;}
.boxImg02 {position:absolute; left:43px; top:28px;height:100px; width:100px; background:url('../imgs/contents/boxImg02.png') no-repeat;}
.boxImg03 {position:absolute; left:43px; top:28px;height:100px; width:100px; background:url('../imgs/contents/boxImg03.png') no-repeat;}
.boxImg04 {position:absolute; left:43px; top:28px;height:100px; width:100px; background:url('../imgs/contents/boxImg04.png') no-repeat;}
.boxImg05 {position:absolute; left:43px; top:28px;height:100px; width:100px; background:url('../imgs/contents/boxImg0502.png') no-repeat;}
.boxImg06 {position:absolute; left:43px; top:28px;height:100px; width:100px; background:url('../imgs/contents/boxImg0602.png') no-repeat;}

.conPat{position:relative;padding:6px;background:url('../imgs/contents/conPat.png')}
.conPad{padding:25px;background:#fff;}
.webView{padding:0; /*background:#56574d*/}
.webView img{max-width:100%}
.conBox02{position:relative;padding:6px;background:url('../imgs/contents/pattern_bg.gif');}
.inBox{padding:25px;background:#fff;}

@media all and (max-width:767px) { 
	.boxImg {min-height:auto;padding:0;}
	.boxImg01,.boxImg02,.boxImg0202,.boxImg03,.boxImg04,.boxImg05,
	.boxImg06{display:none;}
}
/* p테그 공통 왼쪽 띄워주는 소스 */
.indent{margin-left:20px;}

/* 반응형 이미지 제어 */
.pc_Img{display:block;}
.mobile_Img{display:none;}
.conImg img{max-width:100%;}
@media all and (max-width:1024px) {
	.mobile_Img{display:block;}
	.pc_Img{display:none;}
}

/* 반응형 테블릿 이하 사이즈로 되었을때 스크롤 드래그*/
@media all and (max-width:1023px) { 
	.mCont_scroll {overflow-x:scroll; padding-top:45px; background:url("../imgs/contents/mCont_scroll_ico.png") no-repeat right 0;}
	.mCont_scroll table{width:1023px;}
}


/* 복지통계 가로로 긴 테이블 스크롤 드래그*/
.mCont_scroll3 {overflow-x:scroll; padding-top:45px; background:url("../imgs/contents/mCont_scroll_ico.png") no-repeat right 0;}
.mCont_scroll3 table{width:1000px;}


/* 테이블 오른쪽 설명글 */
.headnote {text-align:right; margin:-21px 0 3px 0;}
@media all and (max-width:1024px) {
	.headnote {text-align:left; margin:2px 0 3px 0;}
}

/* 반응형 테블릿 이하 사이즈로 되었을때 테이블 오른쪽 설명글 있는 경우 스크롤 드래그 */
@media all and (max-width:1024px) { 
	.mCont_scroll2 {overflow-x:scroll; padding-top:15px; background:url("../imgs/contents/mCont_scroll_ico.png") no-repeat right 0;}
	.mCont_scroll2 table{width:1024px;}
}

/* 스타일추가 */
.conList2 li {position:relative; padding:0 0 0 16px;}
.conList2 li::after {position:absolute; left:6px; top:6px; content:""; width:10px; height:9px; background:url('../imgs/contents/conH6_ico.png') no-repeat 0 center; }
.conBox_bb {position:relative; background:#fcfcfc; border:1px solid #ddd;border-bottom:1px solid #b5b5b5; padding:25px; word-break:break-all;}
.conGray1 {overflow: hidden;}
.mrtop {margin-top:-15px !important; text-align:right;}
@media all and (max-width:560px) {
 .mrtop {text-align:left; margin-top:0 !important;}
}


em {font-style:normal;}
.indent{margin-left:24px;}


/* 앵커스타일 */
.ank_menu li{position:relative;z-index:10;float:left;width:33%;margin:-1px 0 0 -1px;border:solid 1px #d3d3d3;background:#f9fafc;box-sizing:border-box;}
.ank_menu li a{display:inline-block;width:98%;padding:0 1%;font-size:17px;line-height:20px;text-align:center;vertical-align:middle;letter-spacing:-1px;}
.ank_menu li a:before{position:absolute;left:0;top:0;display:inline-block;width:100%;height:100%;content:'';background:transparent;}
.ank_menu li.on,.ank_menu li.on:hover{z-index:11;border:solid 2px #2b4380;background-color:#fff;}
.ank_menu li:hover{z-index:11;border:1px solid #2b4380;background-color:#fff;}
.ank_menu li.on a,.ank_menu li a:hover,.ank_menu li a:focus,.ank_menu li:hover a{text-decoration:underline;}
.ank_menu li.on a{font-weight:600;vertical-align:1px;}
 
.ank_menu.type1 li{width:32%;margin:5px;line-height:inherit;border:none;background:#fff;}
.ank_menu.type1 li a{position:relative;width:85%;padding:3px 0 0 30px;text-align:left;vertical-align:top;display: block;}
.ank_menu.type1 li a:before{left:0;top:0;width:23px;height:27px;content:'';background:url("../imgs/contents/ankimg.png") center center no-repeat;}
.ank_menu.type1 li.on,.ank_menu.type1 li.on:hover{border:none;}
.ank_menu.type1 li:hover{border:none; }
.ank_menu.type1 li.on a:before,.ank_menu.type1 li a:hover:before,.ank_menu.type1 li a:focus:before,.ank_menu.type1 li:hover a:before{background:url("../imgs/contents/ankimg.png");}
.ank_menu.type1 li a em {background:#dbf0e0; display:block; padding: 2px 0;}

@media all and (max-width:1050px) { 
	.ank_menu.type1 li{width:48%;}
	.ank_menu.type1 li a{width:90%;}
}
@media all and (max-width:584px) { 
	.ank_menu.type1 li{width:100%;}
}
@media all and (max-width:400px) { 
	.ank_menu.type1 li{width:95%;}
}



/*인사말*/
.greeting2 {}
.greeting2 .greeBox {position: relative;background: url('../imgs/contents/greeting_Bg.jpg') top center no-repeat;height:345px;}
.greeting2 .img_box{position: absolute;top:110px; left:110px;text-align:center;width:395px;}
.greeting2 .txt_box{overflow: hidden;height: auto;margin:50px 0 20px 0;border-bottom:1px solid #e0e0e0}
.greeting2 .txt_box p{margin-bottom:30px;}
.greeting2 .txt_box p em{color: #0c79b7;font-size:20px;}
.greeting2 .text_right strong{margin-left:5px; font-size:22px;}

@media(max-width: 840px){
	.greeting .txt_box p br {display:none;}
}
@media(max-width: 768px){
	.greeting2 .greeBox {background: url('../imgs/contents/greeting_Bg.png') top right no-repeat }
	.greeting2 .img_box{left:0px;text-align:center;}
}
@media(max-width: 640px){
	.greeting2 .greeBox {background: #023e6c url('../imgs/contents/pat02.png');height:220px;}
	.greeting2 .img_box{width:100%;left:0px;top:50px;}
}
@media(max-width: 320px){
	.greeting2 .img_box img{width:90%}
}


/*비전 및 전략목표*/
.cjwfVision { font-size: 0; position: relative;  text-align: center; }
.cjwfVision h3 { font-size: 28px; color: #2b2b2b; border-bottom: 2px solid #000; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 25px 0; font-weight: 500; font-family:"Iropke";}
.cjwfVision span { display: block; font-size:25px; color: #092b5d; padding: 25px 0;border-bottom:1px solid #b3bfc5;letter-spacing:-2px;}
.cjwfVision .vision { position:relative; display: inline-block; width: 36.5%; vertical-align: middle; }
.cjwfVision .vision h3:before {position:absolute;top:85px;left:50%;margin-left:-15px;content:"";display:block;width:0;border-width:16px 15px 0px;border-style:solid;border-color:#ff8207 transparent;}
.cjwfVision .imgbox { position: relative; font-size: 1rem; display: inline-block; width: 24.1666%; padding-bottom: 20.5%; vertical-align: middle; background: url('../imgs/contents/vision_tit.png')no-repeat center; }
.cjwfVision .imgbox .textbox { font-size: 23px; text-align: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.cjwfVision .imgbox .textbox p {line-height:30px;text-shadow:0px 2px 3px rgba(0,0,0,0.5);color:#fff;}
.cjwfVision .mission {  position:relative; display: inline-block; width: 36.5%; vertical-align: middle; }
.cjwfVision .mission h3:before {position:absolute;top:85px;left:50%;margin-left:-15px;content:"";display:block;width:0;border-width:16px 15px 0px;border-style:solid;border-color:#ff8207 transparent;}

.arrow1 { padding-bottom: 15%; background: url('../imgs/contents/arrow.png') no-repeat; background-position: center; }

.cjwfGoa { width: 100%; background: url('../imgs/contents/vision_bg.png')no-repeat center top;overflow:hidden;}
.cjwfGoa .txtBox {text-align:center;}
.cjwfGoa .txtBox h3 {display:inline;font-size:28px; background: url('../imgs/contents/titleBg1.png')repeat-x left 20px;padding:0px 10px;font-weight:500;font-family:"Iropke";}

.cjwfGoa .txtBox ul {margin-top:30px; overflow:hidden;}
.cjwfGoa .txtBox ul li {float:left; width:23%;margin: 10px 0px 5px 2%;border-radius: 15px;padding:25px 0 20px;background:#2f3f54 url('../imgs/contents/org_patten.png')center; min-height:180px}
.cjwfGoa .txtBox ul li:nth-child(2n) {background-color:#266fbd}
.cjwfGoa .txtBox ul li:nth-child(3n) {background-color:#0e3d8a;}
.cjwfGoa .txtBox ul li span {width: 50px;height: 50px;line-height: 50px;border-radius: 300px;background:#fff;color:#666;text-align: center;display: inline-block;}
.cjwfGoa .txtBox ul li .box {font-size: 20px;color:#fff;font-weight:400;padding: 10px 0px;letter-spacing: 0px;margin: 10px 30px;word-break: keep-all;display: inline-block;}
.cjwfGoa .txtBox ul li:last-child{margin-right:0}

@media(max-width: 840px){
	.cjwfVision .imgbox { width: 50%; padding-bottom: 40%;background-size:60%; }
	.cjwfVision .imgbox .textbox {font-size:20px;}
	.cjwfVision .imgbox .textbox p {line-height:26px;}
	.cjwfVision .vision, .cjwfVision .mission { width: 90%; }
	.cjwfGoa .txtBox ul {margin-top:20px;}
	.cjwfGoa .txtBox ul li {float:left; width:100%;margin:5px 0px 5px 0px;padding:15px 0px;min-height:auto;}

	.cjwfGoa .txtBox ul li span {width: 90%;height: 40px;line-height: 40px;}
    .cjwfGoa .txtBox ul li .box {font-size: 20px;}
}
@media screen and (max-width: 768px) {
	.cjwfVision .vision { width: 90%; }
	.cjwfVision .imgbox { width: 50%; padding-bottom: 30%; }
	.cjwfVision .mission { width: 90%; }
	.cjwfGoa .txtBox ul {margin-top:20px;}
	.cjwfGoa .txtBox ul li {float:left; }
}
@media(max-width: 640px){
	.cjwfVision .imgbox { width: 50%; padding-bottom: 50%;background-size:80%; }
	.cjwfVision .imgbox .textbox {font-size:20px;}
	.cjwfVision .imgbox .textbox p {line-height:26px;}
	.cjwfVision .mission { width: 90%; }
	.cjwfGoa .txtBox ul {margin-top:20px;}
	.cjwfGoa .txtBox ul li {float:left; width:100%;margin:5px 0px 5px 0px;padding:15px 0px;}

	.cjwfGoa .txtBox ul li span {width: 90%;height: 40px;line-height: 40px;}
    .cjwfGoa .txtBox ul li .box {font-size: 20px;}
}


/*조직도
.organ {position:relative; margin:0 auto; max-width:800px;}
.organ:before {content: '';display: block;position: absolute;left:50%;top:10px;width:1px;height:450px;background:#e2e2e2;}
.organ span a {color:#fff;}
.organ .cell {position:relative;}
.organ .org1 div .or1 {text-align:center; width:140px;height:140px; margin: 0 auto; background:url('../imgs/contents/pat02.png') center;border-radius:300px;}
.organ .org1 div .or1:after {content: '';display: block;position: absolute;left:60%;top:80px;width: 200px;height: 1px;background: #e2e2e2;}
.organ .org1 div .or2 { position:absolute; right:30px; top:5px; width:135px;height:135px; background:#0c9593;border-radius:300px;}
.organ .org1 ul {margin-bottom:100px;}
.organ .org1 div .or1 span {font-size:25px; line-height: 140px; display: block; color:#fff; }
.organ .org1 div .or2 span {font-size:23px; line-height: 140px; display: block; color:#fff; text-align:center;}
.organ .org1 a:hover{text-decoration:underline !important;color:#fff;}

.organ .org2 div .or1 {text-align:center; width:230px;height:60px;line-height:60px; margin: 0 auto; background:#e25922 url('../imgs/contents/org_patten.png')center;border-radius:300px;}
.organ .org2 div .or2 { text-align:center;position:absolute; right:0px; top:0px; width:230px;height:60px;line-height:60px; margin: 0 auto; background:#e25922 url('../imgs/contents/org_patten.png')center;border-radius:300px;}
.organ .org2 div span {font-size:18px; color:#fff;}
.organ .org2 ul {margin-bottom:100px;}
.organ .org2 li+li:before {content: '';display: block;position: absolute;left:-24%;top:30px;width: 55px;height: 1px;background:#e2e2e2;}
.organ .org2 a:hover{text-decoration:underline !important;color:#fff;}

.organ .org3:before {content: '';display: block;position: absolute;left:17%;top: -50px;width:68%;height: 1px;background:#e2e2e2;}
.organ .org3 div ul li {text-align:center; width:230px;height:60px;line-height:60px;margin: 0 auto; background:#3b3533 url('../imgs/contents/org_patten.png')center;border-radius:300px; }
.organ .org3 div .or1 {text-align:center; position:absolute; left:0px; top:0px; }
.organ .org3 div .or3{ text-align:center;position:absolute; right:0px; top:0px; }
.organ .org3 div span {font-size:18px; color:#fff;}
.organ .org3 li:before {content: '';display: block;position: absolute;left:59%;top:-50px;width: 1px;height: 50px;background:#e2e2e2;}
.organ .org3 li+li:before {content: '';display: block;position: absolute;left:48%;top:-50px;width: 0px;height: 0px;background:#e2e2e2;}
.organ .org3 li+li+li:before {content: '';display: block;position: absolute;left:48%;top:-50px;width: 1px;height: 50px;background:#e2e2e2;}
.organ .org3 a:hover{text-decoration:underline !important;color:#fff;}

@media screen and (max-width: 840px) {
	.organ .org1 div .or1:after {left:61%;}
	.organ .org2 li+li:before {left:-16%;width: 37px;}
	.organ .org3:before {content: '';display: block;position: absolute;left:16.7%;top: -50px;width:68.5%;height: 1px;background:#e2e2e2;}
	.organ .org3 li:before {left:55%;}
	.organ .org3 li+li+li:before {left:51%;}
}
@media screen and (max-width: 768px) {
	.organ .org1 div .or1:after {left:61%;}
	.organ .org2 li+li:before {left:-7%;width: 16px;}
	.organ .org3:before {content: '';display: block;position: absolute;left:17.7%;top: -50px;width:66.7%;height: 1px;background:#e2e2e2;}
	.organ .org3 li:before {left:55%;}
	.organ .org3 li+li+li:before {left:51%;}
}
@media screen and (max-width: 735px) {
	.organ:before {content: '';display: block;position: absolute;left: 50%;top:10px;width: 1px;height:100%;background: #e2e2e2;}
	.organ .org1 div .or1:after {width: 0px;height: 0px;}
	.organ .org1 div .or2 { position:inherit;  margin: 0 auto; margin-top:40px; width:125px;height:125px;}
	.organ .org1 ul {margin-bottom:50px;}
	.organ .org1 div .or1 span {font-size:25px; line-height: 150px; display: block; color:#fff; }
	.organ .org1 div .or2 span {font-size:25px; line-height: 130px; display: block; color:#fff; text-align:center;}
	.organ .org2 div .or1 {margin-bottom:5px;}
	.organ .org2 div .or2 { text-align:center;position:inherit; right:0px; top:0px; width:230px;height:60px;line-height:60px; margin: 0 auto; background:#e76936;border-radius:300px;}
	.organ .org2 div span {font-size:18px; }
	.organ .org2 ul {margin-bottom:30px;}
	.organ .org2 li+li:before {content: '';display: block;position: absolute;left:-24%;top:30px;width: 55px;height: 1px;background:#e2e2e2;}

	.organ .org3:before {width:0px;}
	.organ .org3 div ul li {text-align:center; width:230px;height:60px;line-height:60px;margin: 0 auto; background:#3b3533;border-radius:300px; }
	.organ .org3 div .or1 {text-align:center; position:initial; left:0px; top:0px; }
	.organ .org3 div .or2{ }
	.organ .org3 div .or3{ ;position:initial; }
	.organ .org3 div span {font-size:18px; }
	.organ .org3 div ul li {margin-bottom:5px;} 
	.organ .org3 li:before {;width: 0px;}
	.organ .org3 li+li:before {}
	.organ .org3 li+li+li:before {width: 0px;}
}*/

/*조직도*/
.organ {position:relative; margin:0 auto; max-width:800px;}
.organ:before {content: '';display: block;position: absolute;left: 50%;top: 0;width: 1px;height:350px;background: #e2e2e2;}
.organ span a, .organ h2 a {color:#fff; text-shadow:1px 1px 1px rgba(0,0,0,0.8);}
.organ .cell {position:relative;}
.organ .org1 div.or11:after {content: '';display: block;position: absolute;left:60%;top:80px;width: 200px;height: 1px;background: #e2e2e2;}
.organ .org1 div.or12 {position:absolute; right:30px; top:15px; width:135px;height:135px; background:#139b99 url('../imgs/contents/org_patten.png')center; border-radius:300px;}
.organ .org1 ul {margin-top:100px;}
.organ .org1 div.or11 > h2 {text-align:center; width:140px;height:140px; margin: 0 auto; background:url('../imgs/contents/pat02.png') center; border-radius:300px;font-size:25px; line-height: 140px; display: block; color:#fff; }
.organ .org1 div.or12 h2 {font-size:25px; line-height: 130px; display: block; color:#fff; text-align:center;}
.organ .org1 a:hover{text-decoration:underline !important;color:#fff;}

.organ .org2 ul li.or21 > span {display:block;text-align:center; width:230px;height:60px;line-height:60px; margin: 0 auto; background:#e76936;border-radius:300px;}
.organ .org2 ul li.or22 {text-align:center;position:absolute; right:0px; top:0px; width:230px;height:60px;line-height:60px; margin: 0 auto; background:#e76936;border-radius:300px;}
.organ .org2 ul li span {font-size:18px; color:#fff;}
.organ .org2 ul {margin-bottom:100px;}
.organ .org2 li+li:before {content: '';display: block;position: absolute;left:-24%;top:30px;width: 55px;height: 1px;background:#e2e2e2;}
.organ .org2 a:hover{text-decoration:underline !important;color:#fff;}

.organ .org3:before {content: '';display: block;position: absolute;left:11.5%;top: -50px;width:76%;height: 1px;background:#e2e2e2;}
.organ .org3 li {float:left; width:23%; position: relative; text-align:center;  height:60px; line-height:60px;margin-right:2%; background:#3b3533; border-radius:300px; box-sizing:border-box;}
.organ .org3 li:last-child {margin-right:0; width:25%}
.organ .org3 li span {display:inline-block;font-size:18px; color:#fff;}
.organ .org3 li:before {content: '';display: block;position: absolute;left:50%;top:-50px; width: 1px;height: 50px;background:#e2e2e2;}
.organ .org3 li+li:before, .organ .org3 li+li+li:before, .organ .org3 li+li+li+li:before {content: '';display: block;position: absolute;left:50%;top:-50px;width: 1px;height: 50px;background:#e2e2e2;}
.organ .org3 a:hover{text-decoration:underline !important;color:#fff;}

@media screen and (max-width: 768px) {
	.organ .org1 div.or11:after {left:61%;}
	.organ .org2 li+li:before {left:50%;width: 1px;}
	.organ .org3 li:before {left:55%;}
	.organ .org3 li+li+li:before {left:51%;}
}
@media screen and (max-width: 670px) {
	.organ {height: 700px;}
	.organ:before {content: '';display: block;position: absolute;left: 50%;top: 0;width: 1px;height: 95%;background: #e2e2e2;}
	.organ .org1 div.or11:after {width: 0px;height: 0px;}
	.organ .org1 div.or12 {right:calc(50% - 63px);top: 150px;width:125px;height:125px;}
	.organ .org1 ul {margin-top: 15px;}
	.organ .org1 div.or11 > h2 {font-size:25px; line-height: 150px; display: block; color:#fff; }
	.organ .org1 div.or12 > h2 {font-size:25px; line-height: 130px; display: block; color:#fff; text-align:center;}

	.organ .org2{margin-top: 150px;}
	.organ .org2 ul li.or21 {margin-bottom:5px;}
	.organ .org2 ul li.or22 { text-align:center;position:inherit; right:0px; top:0px; width:230px;height:60px;line-height:60px; margin: 0 auto; background:#e76936;border-radius:300px;}
	.organ .org2 div span {font-size:18px; }
	.organ .org2 ul {margin-bottom:30px;}
	.organ .org2 li+li:before {content: '';display: block;position: absolute;left:-24%;top:30px;width: 55px;height: 1px;background:#e2e2e2;}

	.organ .org3{position: absolute;top:100%;left: calc(50% - 115px);}
	.organ .org3:before {width:0px;}
	.organ .org3 li {text-align:center; width:230px;height:60px;line-height:60px;margin: 0 auto; background:#3b3533;border-radius:300px;margin-bottom:5px; }
	.organ .org3 li:last-child {width:230px;}
	.organ .org3 li:last-child:before {background:none;}
	.organ .org3 li.or31 {text-align:center; position:relative; left:0px; top:0px; }
	.organ .org3 li.or33{ ;position:relative; }
	.organ .org3 div ul li {margin-bottom:5px;} 
	.organ .org3 li:before {width: 0px;}
	.organ .org3 li+li:before {width:0px;}
	.organ .org3 li+li+li:before {width: 0px;}
}

/*연혁*/
.hist_title{ width:100%;height: 140px; background:url('../imgs/contents/historyBg.png') no-repeat center top; background-size:cover;text-align:center;padding:40px 20px; margin-bottom:30px; box-sizing:border-box; position:relative;}
.hist_title p {}
.hist_title span{display: inline-block;font-size: 17px; color: #fff; font-weight: 300;width: 30%; text-align: left; margin-top: -12px;vertical-align:sub;text-shadow:1px 2px 3px rgba(0,0,0,0.8);}
.hist_title strong{    font-size: 45px; color: #fff;  font-weight: 500; margin-right:40px;text-shadow:1px 2px 3px rgba(0,0,0,0.7);font-family:"Iropke"}
.hist_title strong:after{content:"";position:absolute;  width:3px; height:40px; margin:14px 0 0 20px;background: #fff; }

.history_wrap{position:relative;width: 100%; padding: 0; margin: 0; display: inline-block;background:url('../imgs/contents/history_bg.png')no-repeat 75%  5%;margin-top:20px;}
.history_wrap:before{height:95%;border-left: 1px solid #e3e4e5; content:""; padding:0;margin:20px 0 0 50%; position:absolute; }
.history_wrap .history{position: relative;width:100%; padding:0; margin:0 auto; display:inline-block;z-index:0;text-align: center;}

.history_wrap .history dt {background:url('../imgs/contents/history_tit1.png')no-repeat center;height:177px;}
.history_wrap .history dt.titBg {background:url('../imgs/contents/history_tit2.png')no-repeat center;}
.history_wrap .history dt h2 {text-shadow:1px 2px 4px rgba(0,0,0,0.7);}
.history_wrap .history dt h2 span {display:block;color:#fff;font-size:15px;padding-top:55px;}
.history_wrap .history dt h2 strong {font-size:27px;color:#fff}
.history_wrap .history dt h2 strong:before {content:"";display:block;width:12px;height:2px;background:#fff;margin:5px auto;}

.history_wrap .history dt + dd{ margin-top:40px;}
.history_wrap .history dd{ width:100%; box-sizing:border-box;}
.history_wrap .history dd.box_left{ text-align:right; padding-right:50%; float:left;}
.history_wrap .history dd.box_right{ padding-left:50%; float:right;text-align: left;}
.history_wrap .history dd strong{font-size:18px; color:#000; width:145px;line-height:34px;margin-bottom:10px; display:inline-block; position:relative;padding: 0;border:1px solid #33a7b4;border-radius:300px;text-align:center;font-weight:normal;background:#fff;}
.history_wrap .history dd strong:before{content:"";position:absolute; width:17px; height:17px; top:50%; transform:translateY(-50%);    background: url('../imgs/contents/his_iu.png') no-repeat;}
.history_wrap .history dd.new strong:before{content:"";position:absolute; width:17px; height:17px; top:50%; transform:translateY(-50%);    background: url('../imgs/contents/his_iu.png') no-repeat;}
.history_wrap .history dd.new:before{border-left: 1px solid #dddddd; content:""; margin-top:-60p x; position:absolute;}
.history_wrap .history dd.box_right strong:after{content:"";position:absolute; width:90%; height:1px; background:#e3e4e5;margin: 15px 0 0 0; left:-60px;z-index:-1;}

.history_wrap .history dd.new strong:after{}
.history_wrap .history dd.box_left strong:after{content:"";position:absolute; width:90%; height:1px; background:#e3e4e5;margin: 15px 0 0 -10%;z-index:-1;}
.history_wrap .history dd.box_left strong,
.history_wrap .history dd.box_left ul{ margin-right:60px;}
.history_wrap .history dd.box_right strong,
.history_wrap .history dd.box_right ul{ margin-left:60px;}
.history_wrap .history dd.box_left strong:before{ right:-70px;}
.history_wrap .history dd.box_right strong:before{ left:-70px;}
.history_wrap .history dd ul li{ min-height:auto; font-size:15px; color:#625050; line-height:20px; padding:0;}
.history_wrap .history dd.box_right ul li{ padding: 0 0 0 15px; position: relative;}
.history_wrap .history dd.box_right ul li:last-child{ border-bottom:1px dashed #d3dbdd; padding-bottom:15px;}

.history_wrap .history dd.box_right ul span{display: inline-block;position: absolute;left: 0; top: 0;font-weight:600;}
.history_wrap .history dd.box_left ul li{ padding: 0 15px 0 0 ; position: relative;}
.history_wrap .history dd.box_left ul li:last-child{ border-bottom:1px dashed #d3dbdd; padding-bottom:15px;}
.history_wrap .history dd.box_left ul span{display: inline-block;position: absolute;right: 0; top: 0;font-weight:600;}
.history_wrap .history dd ul li + li{ margin-top:12px;}
.history_wrap .history dd + dd{ margin-top:20px;}

.history_wrap .history .box_right ul li { }
.history_wrap .history .box_right ul li::before { position: absolute; left: 0; top: auto; content: ''; }
.history_wrap .history .box_right ul li::before { top: 10px; width: 4px; height: 4px; background-color: #758798; }

.history_wrap .history .box_left ul li::before { position: absolute; right: 0; top: auto; content: ''; }
.history_wrap .history .box_left ul li::before { top: 10px; width: 4px; height: 4px; background-color: #758798; }

@media(max-width:1023px){
    .hist_title {display:none;}
}
@media(max-width:600px){
	.history_wrap{background-position:0  5%;}
	.history_wrap:before{height:auto;margin:185px 0 0 2%; }

	.history_wrap .history dd.box_left{ text-align:left; padding-right:0;}
	.history_wrap .history dd.box_right{ padding-left:0; float:right;}

	.history_wrap .history dd.new strong:after{width:0;}
	.history_wrap .history dd.box_left strong:after{position:inherit; }
	.history_wrap .history dd.box_left strong,
	.history_wrap .history dd.box_left ul{ margin-right:inherit;margin-left:30px;}
	.history_wrap .history dd.box_right strong,
	.history_wrap .history dd.box_right ul{ margin-left:30px;}
	.history_wrap .history dd.box_left strong:before{ right:inherit;left:-30px;}
	.history_wrap .history dd.box_right strong:before{ left:-30px;}
	.history_wrap .history dd.box_left ul li{ padding: 0 15px 0 10px ; }

	.history_wrap .history .box_left ul li::before { position: absolute; left: 0; top: 10px; content: ''; }
}

/*오시는길*/
.mapskip{display:block;width:1px;height:1px;overflow:hidden;}
.mapskip:focus, .mapskip:hover, .mapskip:active{width:auto;height:30px;line-height:30px;color:#fff;text-align:center;background:#2a9760}
.mapBox {overflow:hidden; position:relative; padding-right:30px; padding-bottom:23px; padding-left:30px; border-right:10px solid #e4e9f2; border-bottom:10px solid #e4e9f2; border-left:10px solid #e4e9f2;}
.mapBox h3 {font-size:22px; color:#184375;font-weight:500;}
.mapBox p {font-size:17px;margin-top:10px}
.mapBox ul li {float:left; margin-right:25px;}
.mapImg {min-height:100px; padding:8px 0px 0px 155px;}
.mapImg span {display:block; margin-top:10px}
.map_ico {position:absolute; left:43px; top:0px;height:100px; width:100px; background:url('../imgs/contents/map_ico.png') no-repeat;}

@media all and (max-width:767px) { 
	.mapImg {min-height:auto;padding:0;}
	.map_ico{display:none;}
}


/*주요사업*/
.welfare {padding:140px 0px 0px 0px;}
.wBg1  {background:url('../imgs/contents/wBg1.png') no-repeat}
.wBg2  {background:url('../imgs/contents/wBg2.png') no-repeat}
.wBg3  {background:url('../imgs/contents/wBg3.png') no-repeat}
.wBg4  {background:url('../imgs/contents/wBg4.png') no-repeat}
.welfare h3 {position:relative; background:#003c73; color:#fff; font-size:25px; text-align:center;height:60px;line-height:60px;font-family:"Iropke";font-weight:normal;}
.welfare h3.tit {}
.welfare h3.tit:before{position:absolute; top:-75px; right:45px; display:block; width:108px; height:99px; background-repeat:no-repeat; background:url('../imgs/contents/wel_tt.png') no-repeat; content:'';}
.welfare h3.tit2:before{position:absolute; top:-75px; right:45px; display:block; width:108px; height:99px; background-repeat:no-repeat; background:url('../imgs/contents/wel_tt2.png') no-repeat; content:'';}
.welfare h3.tit3:before{position:absolute; top:-75px; right:45px; display:block; width:108px; height:99px; background-repeat:no-repeat; background:url('../imgs/contents/wel_tt3.png') no-repeat; content:'';}

.welbox {border-left:1px solid #ddd;border-right:1px solid #ddd;border-bottom:1px solid #ddd;padding:30px 60px 10px 60px;}
.welbox ul li {border-bottom:1px dashed #d4d4d4;padding:25px 0px 20px 0px;min-height:95px}
.welbox ul li:last-child{border-bottom:none;} 
.welbox ul li div.left{float:left}
.welbox ul li div.right {margin-left:15%}
.welbox ul li div.right h4 {font-size:20px; color:#000;padding-bottom:15px;font-weight:400;}
.welbox ul li ul li {border-bottom:none;padding:0 0 5px 26px;min-height:inherit;}
.welbox ul li div ul.conList li {word-break:keep-all;  letter-spacing:-1.2px;}

@media(max-width:768px){
   .welfare h3.tit:before,
   .welfare h3.tit2:before,
   .welfare h3.tit3:before{top:-90px; right:10px;}
   .welbox ul li div.right {margin-left:20%}
}
@media(max-width:600px){
   .welfare h3 { text-align:center;line-height:initial;font-size:22px;padding:15px 10px;word-break:keep-all;}
   .welfare h3:before{top:-90px;right:10px;}
   .welbox ul li div.right {margin-left:20%}
   .welbox {padding:10px 20px 10px 20px;}
   .welbox ul li div.left{float:initial;text-align:center;}
   .welbox ul li div.right {margin-left:0%}
   .welbox ul li div.right h4 {padding:15px 0 15px 0;word-break:keep-all;}
}

/*CI소개*/
.ciBox {background:#f8f8f8; padding:20px;}
.ciBox strong {font-weight:500;}
.ciList1,.ciList2{overflow:hidden;padding:60px 0px;}
.ciList3{overflow:hidden;padding:40px 0px}
.ciList1 li div:first-child {margin-bottom:50px}
.ciList2 li div:first-child {margin-bottom:50px}
.ciList1 li {width:49%;float:left;border-left:1px solid #ddd;text-align:center;}
.ciList1 li:first-child {border-left:none;}
.ciList2 li {width:33%;float:left;border-left:1px solid #ddd;text-align:center;}
.ciList2 li:first-child {border-left:none;}
.ciList3 li {width:24.5%;float:left;border-left:1px solid #ddd;text-align:center;}
.ciList3 li:first-child {border-left:none;}

.ciColor{overflow:hidden;}
.ciColor > li{float:left;}
.ciColor > li > div{position:relative;}
.ciColor > li > div > strong{position:relative;display:block;padding-top:120px;margin:0px 30px;font-size:16px;text-align:left;text-shadow:1px 1px 1px rgba(0,0,0,0.5)}
.ciColor > li:nth-of-type(1) > div > strong{color:#f39800;}
.ciColor > li:nth-of-type(2) > div > strong{color:#e8340e;}
.ciColor > li:nth-of-type(3) > div > strong{color:#8ec320;}
.ciColor > li:nth-of-type(4) > div > strong{color:#1ba8d8;}
.ciColor > li > div > strong:before{position:absolute;top:0;left:0;width:175px;height:100px;background:#f39800;content:'';}
.ciColor > li:nth-of-type(2) > div > strong:before{background:#e8340e;}
.ciColor > li:nth-of-type(3) > div > strong:before{background:#8ec320;}
.ciColor > li:nth-of-type(4) > div > strong:before{background:#1ba8d8;}
.ciColor > li > div > span{display:block;text-align:left;margin-left:30px;}

@media(max-width:840px){
	.ciList1,.ciList2{padding:40px 0px 20px 0px;}
	.ciList3{overflow:hidden;padding:20px 0px}
	.ciList2 li {width:29%;padding:0px 10px;}
    .ciList2 li div img {width:80%}
	.ciList2 li div a {word-break:keep-all;}
	.ciColor > li > div > strong:before{width:99%;}
}
@media(max-width:640px){
	.ciList1 li div:first-child {margin-bottom:10px}
	.ciList2 li div:first-child {margin-bottom:10px}
	.ciList1 li {width:100%;border-left:none;}
	.ciList1 li:first-child {border-left:none; margin-bottom:30px}
	.ciList2 li {width:100%;border-left:none;margin-bottom:20px}
	.ciList3{overflow:hidden;padding:0px}
	.ciList3 li {width:45%;border-left:none;}

	.ciColor > li{ padding:10px 5px;}
	.ciColor > li > div > strong{margin:0px 5px;}
	.ciColor > li > div > strong:before{width:98%;}
	.ciColor > li > div > span{margin-left:5px;}
}

/*재단브로슈어*/
.brochure {background:linear-gradient(to right, #fff 41%, #f3f6f9 42%);overflow:hidden; }
.brochure > div.left {float:left; width:41%;}
.brochure > div.right {margin-left:42%;padding:70px 50px 0px 50px;}
.brochure > div.right h3 {font-size:25px; text-align:center;color:#000;font-weight:500;}
.brochure > div.right > .cont {margin-top:40px;border-bottom:1px solid #0d4572;padding-bottom:10px;overflow:hidden;}
.brochure > div.right > .cont  h4 {position:relative;text-align:center;font-size:18px;color:#fff;}
.brochure > div.right > .cont h4 span {display:inline-block;width:45%;background:#0d4572;border-radius:300px;padding:10px 0px;font-weight:400;}
.brochure > div.right > .cont  h4 span::before {position:absolute; top:20px; left:0; content:""; width:30%; height:1px; background:#0d4572;}
.brochure > div.right > .cont  h4 span::after {position:absolute; top:20px; right:0; content:""; width:30%; height:1px; background:#0d4572;}
.brochure > div.right > .cont  ol {padding:20px 0px; width:50%;float:left}
.brochure > div.right > .cont  ol li {float:left;width:100%;padding:5px 0px;}
.brochure > div.right > .cont  ol li span {display:block;float:left;background:#008174;color:#fff;border-radius:300px;width:22px;height:22px;text-align:center;margin-right:7px;line-height:22px;}
.brochure > div.right > div {margin-top:60px;}
.brochure > div.right > .btright {text-align:right;}

@media(max-width:830px){
	.brochure > div.left {width:50%;}
	.brochure > div.left  div img{width:100%;}
	.brochure > div.right {margin-left:50%;padding:40px 30px 0px 30px;}
	.brochure > div.right h3 {font-size:22px;}
	.brochure > div.right > .cont {margin-top:20px;padding-bottom:10px}
	.brochure > div.right > .cont  h4 {font-size:16px}
	.brochure > div.right > .cont h4 span {padding:10px 20px;}
	.brochure > div.right > .cont  ol {padding:0px 10px; width:100%;}
	.brochure > div.right > .cont  ol li {padding:2px 0px;}
	.brochure > div.right > div {margin-top:25px}
}
@media(max-width:768px){
	.brochure > div.left {width:50%;}
	.brochure > div.left  div img{width:100%;}
	.brochure > div.right {margin-left:50%;padding:40px 30px 0px 30px;}
}
@media(max-width:640px){
    .brochure {background:#f3f6f9;}
	.brochure > div.left  div img{width:100%;}
	.brochure > div.left {width:97%;float:none;}
	.brochure > div.right {margin-left:0;padding:40px 15px 20px 15px;}
	.brochure > div.right > div {margin-top:25px}
	.brochure > div.right > div.text_right {text-align:left;}
	.brochure > div.right > .btright {text-align:left;}
}

/*윤리헌장*/
.charWrap {border-bottom:2px solid #172b4c;}
.charWrap .charBg {background:url('../imgs/contents/charBg.png') no-repeat;padding:40px;}
.charWrap .charBg p {background:rgba(11,39,85,0.95);color:#fff;padding:30px;font-size:17px;position:relative;/*letter-spacing:-0.1em*/}
.charWrap .charBg p:before {position:absolute;top:125px;left:50%;content:"";display:block;width:0;border-width:25px 20px 0px;border-style:solid;border-color:#249bdf transparent;} 
.charWrap .ch_right {text-align:right;padding:15px 0px;font-size:14px;color:#737373;}
.ch_txt {border-bottom:1px solid #5d5d5d;padding:20px 0px;}
.ch_txt  ul {padding:0px 50px}
.ch_txt  ul li {border-bottom:1px solid #ddd;padding:10px 0px;}
.ch_txt  ul li p {display:inline-block; vertical-align:middle;width:85%}
.ch_txt  ul li:last-child {border-bottom:none;} 
.ch_txt  ul li strong {display:inline-block;background:#139b99; border-radius:300px;width:60px;height:60px;color:#fff;line-height:60px;text-align:center;margin-right:20px;font-weight:normal;text-shadow:1px 2px 2px rgba(0,0,0,0.7);}
.ch_txt  ul li:nth-child(2n+1) strong {background:#60a436;}
.ch_txt  ul li span {font-size:20px;margin-right:5px;font-family:"Iropke";font-weight:bold;background:url("../imgs/contents/point_bg2.png") repeat-x left 15px}

@media(max-width:768px){
    .charWrap .charBg p:before {top:145px;} 
    .charWrap .ch_right {padding:10px 0px;}
}
@media(max-width:640px){
    .charWrap .charBg {background:none;padding:0px;}
	.charWrap .charBg p {background:rgba(11,39,85,0.98);}
	.charWrap .charBg p:before {border-width:inherit;}
	.ch_txt {padding:10px 0px;}
	.ch_txt  ul {padding:0px 20px}
	.ch_txt  ul li {padding:15px 0px;}
	.ch_txt  ul li p {width:75%}
	.ch_txt  ul li strong {width:40px;height:40px;line-height:40px;margin-right:10px;}
}


.revBox {border-bottom:1px solid #ddd;}
.revBox p {padding:15px;}
.txt_fina {font-size:14px; color:#737373}


ul.rlist{width:100%; overflow:hidden;}
ul.rlist li{float:left;  width:29%; margin-right:0.8%; margin-bottom:10px;padding-left:3.2%; font-size:17px; line-height:28px; background:url("../imgs/contents/ankimg.png") no-repeat left 0px; }
ul.rlist li span{display:inline; background:url("../imgs/contents/point_bg2.png") repeat-x left 15px; letter-spacing:-1px;}
ul.rlist li span a:hover{text-decoration:underline;}
@media all and (max-width:768px) { 
	ul.rlist li{width:44.2%; margin-right:0.8%; margin-bottom:10px;padding-left:5%; }
}
@media all and (max-width:480px) { 
	ul.rlist li{width:88%; margin-right:2%; margin-bottom:10px;padding-left:10%; }
}

/*공익신고안내*/
.repo{padding:60px 0;}
.repo h2{margin-bottom: 50px; font-size: 30px;color:#2e2e2e;text-align: center;}
.repo h2:before{display: none;}
.repo .repo_box{position: relative }
.repo .repo_box li{float:left; width:19.9%; border-left:1px dashed #ddd;position: relative; min-height: 220px;}
.repo .repo_box li:first-child:before {position:absolute; top:-75px; left:50px;width:34px; height:40px; background:url('../imgs/contents/repo_tt.png') no-repeat; content:'';}
.repo .repo_box li:last-child:before {position:absolute; bottom:-75px; right:50px;width:34px; height:40px; background:url('../imgs/contents/repo_tt.png') no-repeat; content:'';}
.repo .repo_box:after{clear: both; content: ''; display: block}
.repo .repo_box li:first-child{border-left:none;}
.repo .repo_box li  div.center {margin-left:25%;}
.repo .repo_box li .icoBg{position: relative;top:10%;width:85px;height:85px;background:url("../imgs/contents/icoBg2.png") repeat-x left 15px; margin:0 auto;}
.repo .repo_box li .icoBg1{background-position: 0 0}
.repo .repo_box li .icoBg2{background-position: 85px 0px}
.repo .repo_box li strong{display: block;width: 85px;height: 85px;background:url("../imgs/contents/repo_ico.png");}
.repo .repo_box li .icon1{background-position: 20px  0}
.repo .repo_box li .icon2{background-position: -120px  0}
.repo .repo_box li .icon3{background-position: -310px 0}
.repo .repo_box li .icon4{background-position: -460px 0}
.repo .repo_box li .icon5{background-position: right 0}
.repo .repo_box li .txt_box{display: block;  text-align: center; margin:30px;height:50px;}

@media (max-width:860px){
    .repo{padding:40px 0 10px 0;}
    .repo .repo_box{}
    .repo .repo_box li{width:45%; border-top:none; border-left:none;border-right:1px dashed #ddd; padding:2%; margin-bottom:30px;}
    .repo .repo_box li:nth-child(2n-2){border-right:none}
	.repo .repo_box li:first-child:before {top:-55px; left:50px;;}
    .repo .repo_box li:last-child:before {position:inherit;}
}
@media (max-width:460px){
    .repo .repo_box li{width:80%;border:none;padding:10%;margin-bottom:0px;min-height: auto }
    .repo .repo_box li .txt_box h3,
    .repo .repo_box li.no_imgtxt .txt_box,
    .repo .repo_box li .txt_box{margin-top:0}
	.repo .repo_box li  div.center {margin-left:0%;}
}

/*청탁금지법 신고안내*/
.request {position:relative;padding:40px;overflow:hidden; }
.request > div.left { float:left; border-right:1px dashed #ddd; padding-right:40px;}
.request > div.right {margin-left:50%;}
.request > div.right > div {margin:0 30px 10px; }
.request > div.right h3 {color:#015596;font-size:25px;margin-bottom:20px;font-weight:500;}
.request > div.right h3 span{display:inline; background:url("../imgs/contents/point_bg3.png") repeat-x left 15px; letter-spacing:-1px;}

@media (max-width:860px){
	.request > div.left { width:50%;padding-right:0px;}
	.request > div.left img{ width:90%;}
	.request > div.right {padding:0 20px}
	.request > div.right > div {margin:10px 10px 15px 10px}
	.request > div.right h3 {font-size:23px;margin-bottom:10px;}
}
@media (max-width:680px){
    .request {padding:30px}
	.request > div.left { width:100%;border:none;margin-bottom:10px;}
	.request > div.left img{ width:100%;}
	.request > div.right {width:100%;margin-left:0;padding:0px}
	.request > div.right > div {margin:10px 10px 15px 10px}
	.request > div.right h3 {font-size:23px;margin-bottom:10px;}
}

/*생애주기 복지서비스*/
.cjwLife {position:relative;height:195px; margin-top:60px }
.welfare_img1 {background:url("../imgs/contents/welfare_img1.png"); }
.welfare_img2 {background:url("../imgs/contents/welfare_img2.png"); }
.welfare_img3 {background:url("../imgs/contents/welfare_img3.png"); }
.welfare_img4 {background:url("../imgs/contents/welfare_img4.png"); }
.welfare_img5 {background:url("../imgs/contents/welfare_img5.png"); }
.welfare_img6 {background:url("../imgs/contents/welfare_img6.png"); }
.cjwLife .titBox:before {position:absolute; top:-29px; right:50px;width:45px; height:65px; background:url('../imgs/contents/welfare_point.png') no-repeat; content:'';}
.cjwLife .titBox {position:absolute;background:#0d4572 url("../imgs/contents/org_patten.png"); width:45%;height:inherit;left:50%;text-align:center;}
.cjwLife .titBox h3 {color:#fff;font-size:35px;padding:60px 0 0;font-weight:500;font-family:"Iropke";}
.cjwLife .titBox span {display:block;color:#315d80;letter-spacing:1.5px;padding:5px 0 0;font-weight:600;}

@media (max-width:860px){
	.cjwLife {background:none;height:150px}
	.cjwLife .titBox:before {position:absolute; top:-29px; right:50px;width:45px; height:65px; background:url('../imgs/contents/welfare_point.png') no-repeat; content:'';}
	.cjwLife .titBox {width:100%;left:0;}
	.cjwLife .titBox h3 {color:#fff;font-size:30px;padding:40px 0 0;}
	.cjwLife .titBox span {display:block;color:#315d80;letter-spacing:1.5px;padding:10px 0 0;font-weight:400;}
}


/* 사이트맵 */
.sitemap2 {position:relative; padding:0; overflow:hidden;}
.sitemap2 ul {margin:0 0 0 -3%;}
.sitemap2 ul li {float:left; padding:0 0 0 3%; width:30.3%;}
.sitemap2 ul li li {float:none; padding:0; width:100%;}
.sitemap2 ul li a {position:relative; display:block; } 
.sitemap2 ul li li a {text-align:left; padding:11px 8px; border-bottom:1px solid #eaeaea;}
.sitemap2 ul li li a[target="_blank"] {background: url('/base/imgs/cmmn/subMn_blank.png') no-repeat 90% 50%;}
.sitemap2 ul li li a:hover {text-decoration:underline;}
.sitemap2 ul ul {margin:0 0 20px 0; width:100%;}
.sitemap2 ul ul ul {background:#f7f7f7; padding:8px 0; margin:0; border-bottom:1px solid #eaeaea; width:auto;}
.sitemap2 ul ul ul ul {background:#f7f7f7; padding:10px 5%; width:90%; margin:0; border-bottom:none;}
.sitemap2 ul ul ul ul li {background:#fff;}
.sitemap2 ul li li li li:first-child a {padding:12px 10px 6px 14px;} 
.sitemap2 ul li li li li:last-child a {padding:6px 10px 12px 14px;} 
.sitemap2 ul li li li a {border:none; padding:7px 10px 7px 20px; line-height:15px; font-size:14px; color: #666;} 
.sitemap2 ul li li li a:after {position:absolute; left:11px; top:14px; content:""; width:4px; height:1px; background:#9e9e9e;}
.sitemap2 .map_1depth {background:#52545a; color:#fff; padding:10px 0 10px 0; text-align:center; font-weight:400; font-size:16px;}
.sitemap2 .ico_blank {position:absolute; top:40%; right:10px; display:block; width:13px; height:15px;}

@media screen and (max-width:768px){
	.sitemap2 ul {margin:0;}
	.sitemap2 ul li {float:none; padding:0; width:100%;}
	.sitemap2 .map_1depth {font-size:17px; padding:10px 0 10px 0;}
	.sitemap2 ul li li a {font-size:15px; font-weight:bold; padding:10px 5%;}
	.sitemap2 ul li li li a {padding:5px 10px 5px 7%; line-height:15px; font-size:14px;} 
	.sitemap2 ul ul ul ul {padding:5px 5%;}
}



/*****비활성화 이전 컨텐츠*****/
.cont_note {position:relative; background:url("../imgs_2016/board/b_note_bg.gif") repeat scroll 0 0; color:#4a5c91; font-size:15px; margin: 0 0 20px; padding:30px 40px;}
.cont_note p{margin:10px 0 20px 0; line-height:150%;}

/* 추진배경 */
.propel {position:relative; width:780px; height:353px; background:url("../imgs_2016/contents/propel_bg.jpg") no-repeat 0 0;}
.propel ul {padding:60px 0 0 50px;}
.propel ul li {padding:0 0 25px 0; font-family:"NanumMyeongjo"; font-size:16px; font-weight:bold; color:#6f6f6f; line-height:22px;}
.propel ul li span {color:#248b16; font-size:20px;}


/*윤리경영>추진결과*/
.visoin{position:relative; width:100%;}
.visoin .title1{padding:43px; background:#7092d1 url("../imgs_2016/contents/img_bg_vision1.png"); border-radius:8px; font-weight:600; text-align:center; font-size:20px; color:#fff; line-height:140%;}
.visoin .title2{padding:43px; background:#8ea6d4 url("../imgs_2016/contents/img_bg_vision1.png"); border-radius:8px; font-weight:600; text-align:center; font-size:20px; color:#fff; line-height:140%;}
.visoin .title3{padding:43px; background:#adb8d6 url("../imgs_2016/contents/img_bg_vision1.png"); border-radius:8px; font-weight:600; text-align:center; font-size:20px; color:#fff; line-height:140%;}

.visoin .txt{padding:15px; background:#efefef; border-radius:8px; }
.visoin .txt ul {font-size:15px; padding:0 0 0 95px; margin:0 0 10px 0;}
.visoin .txt h4{float:left; background:url("../imgs_2016/template/dotLi2.gif") no-repeat 3px 10px;  padding:0 0 0 11px; font-size:15px; font-weight:800; color:#000;}
.visoin .txt h3{font-size:16px; font-weight:800; color:#1d51b1;  padding:0 0 0 9px; margin-bottom:5px;}


/* mn_tab */
.mn_tab {position:relative; overflow:hidden; width:100%; border-bottom:1px solid #62769b;}
.mn_tab li {float:left; padding-right:1px;}
.mn_tab li a {display:block; background:#f2f2fa; color:#384f84; text-align:center; font-size:15px; font-weight:bold; letter-spacing:-1px; padding:15px 5px;}
.mn_tab li.on a,.mn_tab li a:hover {background:#62769b; color:#fff;}

.notehead {text-align:right; margin:-25px 0 10px 0;}


/********* 웹진 게시판 내용 css********/
h3.title_h3 {position:relative; font-size:18px;  color:#2c4da2; padding:4px 1px 4px 0; margin:20px 0 0 0; text-align:center;}
.character {position:relative; width:780px; height:120px; margin:20px 0 50px 0;}
.character .img {float:right; width:77px; height:97px; margin:20px 0 0 10px;}
.character .text {position:absolute; text-align:right; width:290px; height:97px; top:60px; right:90px;}


/* 사람있음 */
.web_blue {width:98%; background:url("../imgs/contents/conblue_bg.gif") repeat-x 0 top; padding:0 10px;}
.web_blue .leftbox {float:left; width:49%; word-break:keep-all;padding:30px 20px}
.web_blue .leftbox h4 {margin:-230px 0 0 10px; height:150px; }
.web_blue .leftbox h3 {margin:0px 0 0 10px; height:150px; }
.web_blue .leftbox h3 em, .web_blue .leftbox h4 em {font-size:22px; color:#114963; background:url("../imgs/contents/blue_span.gif") no-repeat 0 bottom; padding:0 0 16px;}
.web_blue .leftbox h3 strong, .web_blue .leftbox h4 strong {color:#fff; line-height:35px; font-size:30px; display: block; letter-spacing: -1px; }

.web_blue .leftbox p {margin:20px 0 0; color:#727272;}
.web_blue .t_title {font-size:20px; color:#258dc8; line-height:1.3em; letter-spacing:-1px; word-break:keep-all;}
.web_blue .rightbox {float:right; padding:0 20px 0 10px;}
.web_blue p {color:#515151; line-height:1.6em; font-size:15px; word-break:break-all; margin: 18px 10px 15px 0; word-break:break-all;}
.web_blue img{margin: 10px 0 10px 0;}
.web_blue strong{color:#272727;  font-size:15px;}
.web_blue .t_strong {color:#272727; font-weight:bold;}
.web_blue .em_bl {color:#272727;}
.web_blue .t_h4 {  font-size:21px; padding:0 0 2px; 0;  display: inline-block; border-bottom:3px solid#304c9f;}
.web_blue .t2_h4 {color:#304c9f; font-size:21px; padding:0 0 2px; 0;  display: inline-block; border-bottom:1px solid#304c9f;}

.web_bluex {width:98%; background:url("../imgs/contents/conbluex_bg.gif") repeat-x 0 top; padding:0 10px;}
.web_bluex .leftbox {float:left; width:49%; word-break:keep-all;}
.web_bluex .leftbox h3 {margin:-130px 0 0 10px; height:120px; }
.web_bluex .leftbox h3 em {font-size:22px; color:#114963; background:url("../imgs/contents/blue_span.gif") no-repeat 0 bottom; padding:0 0 16px;}
.web_bluex .leftbox h3 strong {color:#fff; line-height:35px; font-size:30px; display: block; letter-spacing: -1px; }

.web_bluex .leftbox1 {float:left; width:80%; word-break:keep-all;}
.web_bluex .leftbox1 h3 {margin:-120px 0 0 10px; height:120px; }
.web_bluex .leftbox1 h3 em {font-size:22px; color:#114963; background:url("../imgs/contents/blue_span.gif") no-repeat 0 bottom; padding:0 0 16px;}
.web_bluex .leftbox1 h3 strong {color:#fff; line-height:35px; font-size:30px; display: block; letter-spacing: -1px; }

.web_bluex .leftbox p {margin:20px 0 0; color:#727272;}
.web_bluex p .t_title {display: inline-block; font-size:19px; margin-top:20px; color:#258dc8; line-height:1.3em; letter-spacing:-1px;}
.web_bluex .rightbox {float:right; padding:0 10px 0 10px;}
.web_bluex p {color:#515151; line-height:1.6em; font-size:15px; word-break:break-all; margin: 18px 10px 15px 0; word-break:keep-all;}
.web_bluex img{margin: 10px 0 10px 0;}
.web_bluex strong{color:#272727;  font-size:15px;}
.web_bluex .t_strong {color:#272727; font-weight:bold;}

.web_green {width:98%; background:url("../imgs/contents/congreen_bg.gif") repeat-x top ; min-height:150px; padding:0 10px;}
.web_green img{margin: 10px 20px 10px 0;}
.web_green p {margin:15px 0 15px 0; color:#727272; line-height:1.6em; font-size:15px; word-break:break-all;}
.web_green .leftbox {float:left; width:85%;  word-break:keep-all;}
.web_green .leftbox h3 {margin:25px 0 0 23px; height:156px; }
.web_green .leftbox h3 em {font-size:20px; color:#104e03; display: block; background:url("../imgs/contents/green_span.gif") no-repeat 0 bottom; padding:0 0 16px;}
.web_green .leftbox h3 strong {color:#fff; line-height:30px; font-size:27px; margin:20px 0 0 0; display: block;}

.web_green .leftbox p {margin:5px; color:#5b5b5b;}
.web_green .t_title {font-size:18px; color:#009900; line-height:1.5em; word-break:keep-all;}
.web_green .rightbox {float:right; padding:10px 5px 0 0;}
 
.web_green .t_strong {color:#272727; font-weight:bold;}
.web_green .em_bl {color:#272727;}
.web_green .t_h4 {color:#009900; font-size:21px; padding:0 0 2px; 0;  display: inline-block; border-bottom:3px solid#009900;}
.web_green .t2_h4 {color:#009900; font-size:21px; padding:0 0 2px; 0;  display: inline-block; border-bottom:1px solid#009900;}
 
 @media screen and (max-width:840px){
	.web_blue {}
	.web_blue .leftbox {width:55%}
	.web_blue .rightbox {width:35%;padding:0px;}
	.web_blue .rightbox img{width:100%}
}
@media screen and (max-width:768px){
	.web_green .leftbox {width:100%; }
	.web_green .leftbox h3 {margin:10px 0 0 10px; }
	.web_green .leftbox h3 em {font-size:18px; color:#104e03; display: block; background:url("../imgs/contents/green_span.gif") no-repeat 0 bottom; padding:0 0 16px;}
	.web_green .leftbox h3 strong {color:#fff; line-height:30px; font-size:22px; margin:10px 0 0 0; display: block;}
	.web_green .rightbox {display:none;}
}
@media screen and (max-width:680px){
    .web_blue {background:none}
	.web_blue .leftbox {width:100%;background:#2488B6; padding:20px}
	.web_blue .leftbox h3 {}
	.web_blue .rightbox {display:none;}
	.web_blue .rightbox img{display:none;}
}


/**/
.web_blues {width:98%; background:url("../imgs/contents/conblue_bg.gif") repeat-x left -50px ; min-height:160px; padding:0 10px;}
.web_blues img{margin: 10px 20px 10px 0;}
.web_blues p {margin:15px 0 15px 0;  line-height:1.5em; word-break:break-all;}
.web_blues .leftbox {float:left; width:85%;  word-break:keep-all;}
.web_blues .leftbox h3 {margin:25px 0 0 23px; height:136px; }
.web_blues .leftbox h3 em {color:#114963; display: block; background:url("../imgs/contents/blue_span.gif") no-repeat 0 bottom; padding:0 0 16px;}
.web_blues .leftbox h3 strong {color:#fff; line-height:30px; margin:20px 0 0 0; display: block;}

.web_blues .leftbox p {margin:5px; color:#5b5b5b;}
.web_blues .t_title {font-size:20px; color:#258dc8; line-height:1.5em; word-break:keep-all;}
.web_blues .rightbox {float:right; padding:10px 5px 0 0;}
 

/*칼럼*/
.web_greenx {width:98%; background:url("../imgs/contents/congreen_bg.gif") repeat-x left 15px ; min-height:150px; padding:0 10px; float:center}
.web_greenx img{margin: 10px 20px 10px 0;}
.web_greenx p {margin:15px 0 15px 0; color:#727272; line-height:1.6em; font-size:15px; word-break:break-all;}
.web_greenx .leftbox {float:left; position: absolute; width:52%;  word-break:keep-all;}
.web_greenx .leftbox h3 {margin:35px 0 0 23px; height:150px;}
.web_greenx .leftbox h3 em {font-size:22px; color:#104e03; display: block; background:url("../imgs/contents/green_span.gif") no-repeat 0 bottom; padding:0 0 16px;}
.web_greenx .leftbox h3 strong {color:#fff; line-height:30px; font-size:23px; margin:20px 0 0 0; display: block;}

.web_greenx .leftbox p {margin:24px 0 0; color:#5b5b5b;}
.web_greenx .t_title {font-size:20px; color:#009900; line-height:1.3em;  padding-top:180px; letter-spacing:-1px; font-weight:bold; word-break:keep-all;}
.web_greenx .rightbox {float:right;  min-height:180px; padding:10px 0 0 0; }
 
.web_greenx .t_strong {color:#272727; font-weight:bold;}
.web_greenx .em_bl {color:#272727;}
.web_greenx .t_h4 {color:#009900; font-size:21px; padding:0 0 2px; 0;  display: inline-block; border-bottom:3px solid#009900;}
.web_greenx .t2_h4 {color:#009900; font-size:21px; padding:0 0 2px; 0;  display: inline-block; border-bottom:1px solid#009900;}

.web_greenx .tbig_h4 {color:#272727; font-size:19px; height:20px;}
.web_greenx strong{color:#272727; }
.web_greenx .box {border-top:1px solid#bcbcbc; border-bottom:1px solid#bcbcbc; padding:20px 0;}
.web_greenx .box1 {border:3px solid #bcbcbc; padding:20px} 
.web_greenx .box1 .tit{font-size:18px; color:#009900; line-height:1.3em; margin-top:10px;}
.web_greenx .box span {color:#646464;}

/*수료증인쇄*/
.statPrint {padding:40px;}
.statPrint > .statBox {padding:70px 30px; border:2px solid #ae9945; text-align:center;}
.statPrint > .statBox h3 {font-size:65px; text-align:center;line-height:85px;display:inline-block;border-bottom:5px solid #d8b00e;}
.statPrint > .statBox div.tit  {width:50%;text-align:left;margin-left:50%;margin-top:70px}
.statPrint > .statBox div.tit ul li {line-height:35px;width:100%;font-size:20px}
.statPrint > .statBox div.tit ul li span {display:inline-block;width:25%;color:#000;font-weight:bold;vertical-align:top;}
.statPrint > .statBox div.tit ul li strong {display:inline-block;width:70%}
.statPrint > .statBox div.txt {margin-top:100px; font-size:20px;}
.statPrint > .statBox div p.date {margin-top:100px; }
.statPrint > .statBox div p img {margin-top:20px;}


/***이미지없는 그린 텍스트 박스***/
.greenBox {position:relative;padding:30px; background:#065458}
.greenBox > .box span {color:#f1dd01; border-bottom:2px solid #f1dd01;font-weight:400;font-size:16px; padding-bottom:5px;}
.greenBox > .box h3 {color:#fff;font-size:27px; margin-top:20px;line-height:35px; }
.greenBox > .box::before {position:absolute;bottom:-40px;right:0;width:0;height:0;border:60px solid transparent;border-right:100px solid #065458;border-top:27px solid #065458;content:''}
 p.title_s {font-size:18px; color:#1B76BA; margin:30px 0px 15px 0px; font-weight:400}
@media (max-width:860px){
   .greenBox > .box::before {bottom:-45px;right:50%;border:20px solid transparent;border-top:27px solid #065458;content:''} 
   p.title_s {font-size:17px; color:#11529c; margin:25px 0px 15px 0px;}
}

/***복지동향 이미지없는 네이비 텍스트 박스***/
.navyBox {position:relative;padding:30px; background:#00284c}
.navyBox > .box span {color:#f1dd01; border-bottom:2px solid #f1dd01;font-weight:400;font-size:16px; padding-bottom:5px;}
.navyBox > .box h3 {color:#fff;font-size:27px; margin-top:20px;line-height:35px; }
.navyBox > .box::before {position:absolute;bottom:-40px;right:0;width:0;height:0;border:60px solid transparent;border-right:100px solid #00284c;border-top:27px solid #00284c;content:''}
@media (max-width:860px){
   .navyBox > .box::before {bottom:-45px;right:50%;border:20px solid transparent;border-top:27px solid #00284c;content:''}  
}


/***복지동향 이미지있는 텍스트 박스***/
.postBox {width:100%;overflow:hidden;}
.postBox > .fl_left {float:left;width:61%}
.postBox > .fl_left .title { background:#00284c; text-align:center;height:240px;width:90%;}
.postBox > .fl_left .title span {color:#e3cf23; border-bottom:2px solid #e3cf23; padding-bottom:5px;font-size:17px; font-weight:400;}
.postBox > .fl_left .title h3 {color:#fff; font-size:27px;padding:20px;line-height:30px; word-break:keep-all;}
.postBox > .fl_left .title.type1 {position:relative;margin-bottom:10px;padding:0 30px;text-align:center;min-height:240px;display:table;}
.postBox > .fl_left .title.type2 {position:relative;margin-bottom:10px;padding:0 30px;text-align:center; height:210px;display:table;}
.postBox > .fl_left .title.type1 div, .postBox > .fl_left .title.type2 div {display:table-cell;vertical-align:middle;}

.postBox > .fl_left .insta {border-bottom:1px solid #00284c; overflow:hidden;}
.postBox > .fl_left .insta span {float:right}
.postBox > .fl_left .insta div {float:right; margin:20px 10px;text-align:right;}
.postBox > .fl_left .insta div strong {font-weight:400}
.postBox > .fl_left .insta div strong em {color:#009592;}

.postBox > .fl_right {float:right; width:37.5%}

.fl_L {float:left; width:30%; margin:3% 5% 2% 0}
.fl_R {float:right; width:65%}

@media (max-width:768px){
	.postBox > .fl_left .title {height:180px;}
	.postBox > .fl_left .title span {font-size:15px;}
	.postBox > .fl_left .title h3 {font-size:22px;line-height:26px;}
	.postBox > .fl_left .title.type1 {min-height:180px;}

	.postBox > .fl_right {float:right; width:36.5%}
	.postBox > .fl_right img {width:100%}
}
@media (max-width:680px){
    .postBox > .fl_left {width:100%}
	.postBox > .fl_left .title {height:180px;}
	.postBox > .fl_left .insta div {width:200px}
	.postBox > .fl_left .insta div strong {line-height:24px;}
	.postBox > .fl_left .insta div strong em {color:#009592}

	.postBox > .fl_right {float:right; width:100%}
	.postBox > .fl_right img {height:200px;}
}

.ethicsList li {color:#121212; padding:0 0 2px 0px}
.ethicsList li ul li {padding:0 0 2px 15px}

.graph_skip{display:block;overflow:hidden;height:1px;width:1px;margin:0 -1px -1px 0;font-size:0;line-height:0;text-align:center;}
.graph_skip:focus{width:100%;height:29px;margin:3px;outline:2px dotted #000;background: #103d82;font-size:14px;font-weight:700;line-height:29px;color:#fff;}