@charset "UTF-8"; 

/********************************
 02사업안내
 *******************************/
 
/* 02사업안내 > 01도시개발사업 */
.project_box {display:block; border-top:2px solid #555;}
.project_box > ul > li {display:block; padding:20px 0; border-bottom:1px solid #ddd;}
.prj_inner {display:block;}
.prj_inner:after {content:''; display:block; visibility:hidden; clear:both;}
.prj_inner .prjarea {display:inline-block; float:left;}
.prj_inner .prjarea.prj_img {width:30%;}
.prj_inner .prjarea.prj_img img {min-height:230px;}
.prj_inner .prjarea.prj_tbox {width:70%; padding-left:50px;}

.prj_tbox p {position:relative;}
.prj_tbox p span {position:absolute; left:0; top:4px; width:45px; font-size:1.2rem; padding:2px 5px; color:#fff; border-radius:3px; text-align:center;}
.prj_tbox p span.cdt_cl1 {background-color:#297d00;} /*진행중*/
.prj_tbox p span.cdt_cl2 {background-color:#454545;} /*완료*/
.prj_tbox p span.cdt_cl3 {background-color:#005aab;} /*준비중*/

.prj_tbox p a {padding-left:50px; font-size:2.0rem; font-weight:500; color:#333;}
.prj_tbox ul {display:block; margin-top:30px;}
.prj_tbox li {position:relative; display:block; padding:2px 0 2px 15px;}
.prj_tbox li:before {content:''; display:block; position:absolute; top:6px; left:0; width:10px; height:14px; background:url(../images/sub/sub_ir.png) 0 -88px no-repeat;}
.prj_tbox li:after {content:''; display:block; visibility:hidden; clear:both;}
.prj_tbox li dl {}
.prj_tbox li dl:after {content:''; display:block; visibility:hidden; clear:both;}
.prj_tbox li dt {display:inline-block; float:left; width:12%;}
.prj_tbox li dd {display:inline-block; float:left; width:88%; padding-left:10px;}



	/*media query*/
@media screen and (max-width:1200px) {
}
@media screen and (max-width:1024px) {
	.prj_inner .prjarea.prj_img img {min-height:200px;}
}
@media screen and (max-width:920px){
	.prj_inner .prjarea.prj_tbox {padding-left:35px;}
	.prj_tbox p a {font-size:1.8rem;}
	.prj_tbox ul {margin-top:15px;}
	.prj_tbox li dt {width:15%;}
	.prj_tbox li dd {width:85%;}
}
@media screen and (max-width:767px) {
	.prj_inner .prjarea.prj_img img {min-height:160px;}
}
@media screen and (max-width:640px) {
	.project_box > ul > li {padding:15px 0;}
	.prj_inner .prjarea {display:block; float:none;}
	.prj_inner .prjarea.prj_img {width:100%;}
	.prj_inner .prjarea.prj_img img {width:100%; min-height:inherit;}
	.prj_inner .prjarea.prj_tbox {width:100%; padding-left:0; padding-top:20px;}
	.prj_tbox p span {top:1px;}
	.prj_tbox p a {font-size:1.6rem;}
	.prj_tbox ul {margin-top:10px;}
}
@media screen and (max-width:480px) {
	.prj_tbox li dt {width:20%;}
	.prj_tbox li dd {width:80%;}
}


/* 02사업안내 > 01도시개발사업 > 상세페이지 */
.prj_subimg {display:block; text-align:center;}
.project_slistbox {display:block;}
.prjs_txt {display:block; margin-top:10px;}
.prjs_txt li {position:relative; display:block; padding:2px 0 2px 15px;}
.prjs_txt li:before {content:''; display:block; position:absolute; top:5px; left:0; width:10px; height:14px; background:url(../images/sub/sub_ir.png) 0 -88px no-repeat;}
.prjs_txt li:after {content:''; display:block; visibility:hidden; clear:both;}
.prjs_txt li dl {}
.prjs_txt li dl:after {content:''; display:block; visibility:hidden; clear:both;}
.prjs_txt li dt {display:inline-block; float:left; width:10%;}
.prjs_txt li dd {display:inline-block; float:left; width:90%; padding-left:10px;}

	/*media query*/
@media screen and (max-width:1200px) {
}
@media screen and (max-width:1024px) {
}
@media screen and (max-width:920px){
	.prjs_txt li dt {width:15%;}
	.prjs_txt li dd {width:85%;}
}
@media screen and (max-width:767px) {
}
@media screen and (max-width:640px) {
}
@media screen and (max-width:480px) {
	.prjs_txt li dt {width:25%;}
	.prjs_txt li dd {width:75%;}
}


/********************************
 03 분양·임대·보상
 *******************************/

/*03분양·임대·보상 > 01분양정보 > 01 분양절차가이드 > 03기타토지분양절차*/
.etc_process01 {display:block;width: 80%;margin: 0 auto;}
.etc_process01:after {content:''; display:block; visibility:hidden; clear:both;}
.etc_process01 ul {display:block; margin-left:-23px;}
.etc_process01 li {display:inline-block; float:left; width:20%; padding:0 0 20px 23px;}
.etc_process01 li .etc_inner {position:relative; padding: 35% 9%; width:100%; /* min-height:164px; */ background-color:#00467f; color:#fff; text-align:center; border-radius:50%; }
.etc_process01 li .etc_inner:before {content:''; position:absolute; left:-15px; top:50%; margin-top:-15px; width:30px; height:30px; background:url(../images/sub/sub03/clear_arrow.png) 0 0 no-repeat;}
.etc_process01 li:first-child .etc_inner:before {display:none;}
.etc_process01 li:nth-child(even) .etc_inner {background-color:#007f18;}

.etc_inner .etc_num {margin-bottom:0; font-size:1.3rem;}
.etc_inner .etc_tit {margin-bottom:0; font-size:1.7rem; font-weight:500;}

	/*media query*/
@media screen and (max-width:1200px) {
}
@media screen and (max-width:1024px) {
	.etc_process01 {width:100%;}
}
@media screen and (max-width:920px) {
}
@media screen and (max-width:767px) {
	.etc_process01 {width:80%;}
	.etc_process01 li {width:33.3333%; transition:all 0.2s linear;}
}
@media screen and (max-width:640px) {
	.etc_inner .etc_tit {font-size:1.6rem;}
}
@media screen and (max-width:537px) {
	.etc_process01 {width:100%;}
	.etc_process01 ul {margin-left:0;}
	.etc_process01 li {display:block; float:none; width:100%;  padding-left:0; transition:all 0.2s linear;}
	.etc_process01 li .etc_inner {padding:20px; width:inherit; min-height:auto; border-radius:10px;}
	.etc_process01 li .etc_inner:before {left:50%; margin-left:-15px; top:-20px; margin-top:0;}
	.etc_inner .etc_tit {margin-top:0; min-height:inherit;}
}
@media screen and (max-width:480px) {
}

/*03분양·임대·보상 > 01보상정보 > 02보상종류 */
.reword_list {display:block;}
.reword_list ul {display:block;}
.reword_list ul:after {content:''; display:block; visibility:hidden; clear:both;}
.reword_list li {display:inline-block; float:left; width:33.3333%; padding:2px 10px 2px 8px;}
.reword_list li:after {content:''; display:block; visibility:hidden; clear:both;}
.info_txtbox .reword_list ul > li:before {top:10px;}


	/*media query*/
@media screen and (max-width:1200px) {
}
@media screen and (max-width:1024px) {
}
@media screen and (max-width:920px){
	.reword_list li {width:50%;}
}
@media screen and (max-width:767px) {
  	.psnlist_tbox {margin-bottom:20px;}
}
@media screen and (max-width:640px) {
	.reword_list {padding:5px 15px;}
	.reword_list li {display:block; float:none; width:100%; padding:2px 0 2px 8px;}
}
@media screen and (max-width:480px) {
}

/*03분양·임대·보상 > 02임대정보 > 02 계약 및 해지 */
.img_2box {display:flex; flex-wrap:wrap; justify-content:space-between; margin-top:20px;}
.img_2box .imgbox {width:calc(50% - 10px);}


	/*media query*/
@media screen and (max-width:1200px) {
}
@media screen and (max-width:1024px) {
}
@media screen and (max-width:920px){
}
@media screen and (max-width:767px) {
	.img_2box {display:block; margin-top:0;}
	.img_2box .imgbox {margin-top:20px; width:100%;}
	.img_2box .imgbox img {width:100%;}
}
@media screen and (max-width:640px) {
}
@media screen and (max-width:480px) {
}




/*03분양·임대·보상 > 02임대정보 > 03입주대기자현황 */

.list_inner.list_inner2 li:nth-child(1) {width:10%;}
.list_inner.list_inner2 li:nth-child(2) {width:45%;}
.list_inner.list_inner2 li:nth-child(3) {width:45%;}

.list_inner.list_inner2 li:nth-child(1) dd,
.list_inner.list_inner2 li:nth-child(2) dd {text-align:center;}

	/*media query*/
@media screen and (max-width:1200px) {
}
@media screen and (max-width:1024px) {
}
@media screen and (max-width:920px){
}
@media screen and (max-width:767px) {
	.list_inner.list_inner2 li:nth-child(1) {width:100%;}
	.list_inner.list_inner2 li:nth-child(2) {width:100%;}
	.list_inner.list_inner2 li:nth-child(3) {width:100%;}
		
	.list_inner.list_inner2 li:nth-child(1) dd,
	.list_inner.list_inner2 li:nth-child(2) dd {text-align:left;}
}
@media screen and (max-width:640px) {
}
@media screen and (max-width:480px) {
}



/********************************
 04고객센터
 *******************************/

/* 04고객센터 > 01고객서비스헌장*/
.charter_box {position:relative; padding:200px 20px 50px; border:5px solid #f4f7ff;}
.charter_box:before {content:''; position:absolute; top:-5px; left:50%; margin-left:-75px; width:150px; height:150px; background:#005aab url(../images/sub/sub04/icon_charter.png) center center no-repeat;}
.cht_tbox {text-align:center;}
.cht_tbox .tit {margin-bottom:20px; font-size:2.4rem; color:#005aab; font-weight:500;}
.cht_tbox .txt {margin-bottom:20px; }
.cht_tbox .txt_list {margin:0 auto; width:20%; text-align:left; font-size:1.8rem; font-weight:500;}
.cht_tbox .txt_list .list_1st > li:before {top:6px;}

.tbox_list {margin-top:20px;}
.tbox_list:after {content:''; display:block; visibility:hidden; clear:both;}
.tbox_list ul {display:block; margin-left:-20px;}
.tbox_list li {display:inline-block; float:left; width:25%; padding-left:20px;}
.tbox_list li .tbox_tt {padding:20px; border:5px solid #f4f7ff;}
.tbox_list li .tbox_tt p {margin-bottom:5px; font-size:1.8rem; font-weight:500; color:#00762d;}
.tbox_list li .tbox_tt span {display:block; min-height:111px;}


	/*media query*/
@media screen and (max-width:1200px) {
	.tbox_list li .tbox_tt span {min-height:135px;}
}

@media screen and (max-width:1024px) {
	.charter_box {padding:150px 20px 30px;}
	.charter_box:before {margin-left:-60px; width:120px; height:120px;}
	.cht_tbox .txt_list {width:25%;}
	
	.tbox_list li .tbox_tt span {min-height:180px;}
}

@media screen and (max-width:920px) {
	.cht_tbox .tit {font-size:2.0rem;}
	.cht_tbox .txt_list {width:31%;}
	
	.tbox_list li {width:50%; padding-bottom:20px;}
	.tbox_list li .tbox_tt span {min-height:90px;}
}

@media screen and (max-width:767px) {
	.charter_box {padding:120px 20px 30px;}
	.charter_box:before {margin-left:-50px; width:100px; height:100px; background-size:50% auto;}
	
	.tbox_list li .tbox_tt span {min-height:105px;}
}

@media screen and (max-width:640px) {
	.cht_tbox .tit {font-size:1.8rem;}
	.cht_tbox .txt_list {width:37%; font-size:1.5rem;}
	.cht_tbox .txt_list .list_1st > li:before {top:3px;}
	
	.tbox_list {margin-top:10px;}
	.tbox_list li {padding-bottom:10px;}
	.tbox_list li .tbox_tt {padding:15px;}
	.tbox_list li .tbox_tt span {min-height:147px;}
}

@media screen and (max-width:480px) {
	.cht_tbox .txt_list {width:50%;}
	
	.tbox_list ul {margin-left:0;}
	.tbox_list li {width:100%; padding-left:0;}
	.tbox_list li .tbox_tt span {min-height:inherit;}
}

@media screen and (max-width:380px) {
	.cht_tbox .txt_list {width:100%;}
}


/* 04고객센터 > 01고객서비스헌장 > 02고객의 식별 및 명시*/
.customer_box {display:block;}
.customer_box ul {display:block; margin-left:-20px;}
.customer_box li {display:inline-block; float:left; width:33.3333%; padding:0 0 20px 20px;}

.ctm_discern {position:relative;}
.ctm_discern dl {display:block;}
.ctm_discern dl:after {content:''; display:block; visibility:hidden; clear:both;}
.ctm_discern dt {padding:10px; background-color:#005aab; color:#fff; border-top-left-radius:5px; border-top-right-radius:5px; text-align:center;}
.ctm_discern dd {padding:20px; min-height:87px; border:1px solid #005aab; border-bottom-left-radius:5px; border-bottom-right-radius:5px;}


	/*media query*/
@media screen and (max-width:1200px) {
}
@media screen and (max-width:1024px) {
}
@media screen and (max-width:920px){
	.customer_box li {width:50%;}
}
@media screen and (max-width:767px) {
}
@media screen and (max-width:640px) {
	.customer_box ul {margin-left:-10px;}
	.customer_box li {padding: 0 0 10px 10px;}
}
@media screen and (max-width:480px) {
	.customer_box li {width:100%;}
	.ctm_discern dd {min-height:inherit;}

}


/* 04고객센터 > 01정보공개안내 > 02정보공개청구절차 */
.info_step {display:block; margin-top:35px;}
.info_step > ul > li {position:relative; display:block;}
.info_step > ul > li:before {content:''; position:absolute; left:33px; bottom:0; width:1px; height:100%; background-color:#228101;}
.info_step li > .info_num {position:absolute; left:0; top:0; padding:10px; background-color:#228101; color:#fff; border-radius:50%; font-size:1.3rem; line-height:45px;}
.info_step .list_1st {padding:25px 10px 20px 85px;}
.info_step .list_1st li span.fc_gn_03 {font-weight:500;}


/* 04고객센터 > 01고객서비스헌장 > 03서비스이행기준_02민원을 처리하는 자세*/
.attud_step {display:block; margin-top:20px;}
.attud_step:after {content:''; display:block; visibility:hidden; clear:both;}
.attud_step li {position:relative; display:block; padding-bottom:30px;}
.attud_step li:after {content:''; display:block; visibility:hidden; clear:both;}

.attud_step li dt {position:absolute; left:0; top:-7px; display:inline-block; padding:7px 10px 7px; background-color:#005aab; color:#fff; text-align:center; border-radius:50%;}
.attud_step li dd {padding-left:50px;}


	/*media query*/
@media screen and (max-width:1200px) {
}
@media screen and (max-width:1024px) {
	.attud_step li dt {top:0;}
}
@media screen and (max-width:920px){
}
@media screen and (max-width:767px) {
}
@media screen and (max-width:640px) {
	.attud_step li {padding-bottom:15px;}
}
@media screen and (max-width:480px) {
}

/* 04고객센터 > 03고객의소리 */
.cm_stepbox {display:block; border:1px solid #ddd; background-color:#f3eeeb;}
.step_list {display:block; padding:8%;}
.step_list:after {content:''; display:block; visibility:hidden; clear:both;}
.step_list li {position:relative; display:inline-block; float:left; width:25%; padding:0 10px;}
.step_list li:before {content:''; position:absolute; left:0; top:50px; width:5px; height:9px; background:url(../images/sub/sub04/icon_arrow.png) 0 0 no-repeat;}
.step_list li:first-child:before {display:none;}
.step_list li:after {content:''; display:block; visibility:hidden; clear:both;}

.stinner {text-align:center;}
.stinner i {position:relative; display:block; margin:0 auto 10px; width:100px; height:100px; background-color:#fff; border-radius:50%;}
.stinner i:before {content:''; position:absolute; left:50%; top:50%; margin-left:-50px; margin-top:-50px; width:100px; height:100px; background-position:center center; background-repeat:no-repeat; background-size:auto;}
.stinner i.icon01:before {background-image:url(../images/sub/sub04/icon_step01.png);}
.stinner i.icon02:before {background-image:url(../images/sub/sub04/icon_step02.png);}
.stinner i.icon03:before {background-image:url(../images/sub/sub04/icon_step03.png);}
.stinner i.icon04:before {background-image:url(../images/sub/sub04/icon_step04.png);}

.stinner .tit {margin-bottom:5px; font-size:2.0rem; font-weight:600; color:#a25802;}
.stinner .txt {color:#a25802;}


	/*media query*/
@media screen and (max-width:1200px) {
}
@media screen and (max-width:1024px) {
}
@media screen and (max-width:920px){
	.step_list {padding:5%;}
	
	.stinner .tit {font-size:1.8rem;}
}
@media screen and (max-width:767px) {
	.step_list li:before {top:35px;}
	.stinner i {width:80px; height:80px;}
	.stinner i:before {margin-left:-40px; margin-top:-40px; width:80px; height:80px; background-size:80% auto;}
	.stinner .tit {font-size:1.7rem;}
}
@media screen and (max-width:640px) {
	.step_list li {width:50%; padding-bottom:20px;}
}
@media screen and (max-width:480px) {
	.step_list li {display:block; float:none; width:100%; padding-top:25px;}
	.step_list li:first-child {padding-top:0;}
	.step_list li:before {left:50%; margin-left:-2px; top:0; transform:rotate(90deg);}
}

/* 04고객센터 > 03고객의소리 - 목록*/
.boardtop_txtinner.cm_search {min-height:86px;}
.t_txt.cm_search {min-height:40px !important;}
.customer_listbox {display:block;}
.cmlist_ulbox {margin-bottom:15px; border-top:2px solid #333;}
.cmlist_ulbox > ul > li {position:relative; display:block; padding:10px 0; border-bottom:1px solid #ddd;}
.cmlist_ulbox > ul > li:after {content:''; display:block; visibility:hidden; clear:both;}
.cmlist_ulbox > ul > li.thead_box {background-color:#f4f7ff; font-weight:500; text-align:center !important;}
.cmlist_ulbox > ul > li.thead_box .list_inner li {text-align:center !important;}

.cmlist_inner {display:block;}
.cmlist_inner:after {content:''; display:block; visibility:hidden; clear:both;}
.cmlist_inner li {display:inline-block; float:left; padding:0 5px; text-align:center;}
.cmlist_inner li:after {content:''; display:block; visibility:hidden; clear:both;}
.cmlist_inner li:nth-child(1) {width:9%;}
.cmlist_inner li:nth-child(2) {width:10%;}
.cmlist_inner li:nth-child(3) {width:12%;}
.cmlist_inner li:nth-child(4) {width:23%;}
.cmlist_inner li:nth-child(5) {width:12%;}
.cmlist_inner li:nth-child(6) {width:13%;}
.cmlist_inner li:nth-child(7) {width:12%;}
.cmlist_inner li:nth-child(8) {width:9%;}

.cmlist_inner li:nth-child(4) dd {overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; text-align:left;}

.cmlist_inner .dt_tit {overflow:hidden; position:absolute; top:-99999px; width:0; height:0; line-height:0; text-indent:-99999px;}



	/*media query*/
@media screen and (max-width:1200px) {
}
@media screen and (max-width:1024px) {
}
@media screen and (max-width:767px) {
	.cmlist_ulbox > ul > li.thead_box {display:none;}
	.cmlist_inner li {display:block; float:none; text-align:left;}
	.cmlist_inner li:nth-child(1),
	.cmlist_inner li:nth-child(2),
	.cmlist_inner li:nth-child(3),
	.cmlist_inner li:nth-child(4),
	.cmlist_inner li:nth-child(5),
	.cmlist_inner li:nth-child(6),
	.cmlist_inner li:nth-child(7),
	.cmlist_inner li:nth-child(8) {width:100%;}
	
	.cmlist_inner dt.dt_tit {display:inline-block; float:left; overflow:unset; position:unset; top:unset; width:20%; height:unset; line-height:unset; text-indent:unset; text-align:left;}
	.cmlist_inner dd {display:inline-block; float:left; width:80%;}
	
}
@media screen and (max-width:640px) {
}
@media screen and (max-width:480px) {
	
	.cmlist_inner dt.dt_tit {width:28%;}
	.cmlist_inner dd {width:72%;}
	
}


/* 04고객센터 > 03고객의소리 > 본인인증 */
.certify_box {display:block;}
.certify_list {display:block; margin-left:-20px;}
.certify_list:after {content:''; display:block; visibility:hidden; clear:both;}
.certify_list > li {display:inline-block; float:left; width:50%; /*width:33.3333%;*/ padding-left:20px;}
.certify_list > li .ctf_inner {padding:40px; border:1px solid #ddd; border-radius:10px; text-align:center;}

.ctf_inner .li_tit {font-size:2.0rem; font-weight:500; color:#222;}
.ctf_inner .ctf_tbox {position:relative; margin-top:15px; padding-top:15px; min-height:219px; border-top:1px dashed #ddd;}

.ctf_tbox ul {display:block;}
.ctf_tbox li {display:block; margin-top:10px;}
.ctf_tbox li:first-child {margin-top:0;}
.ctf_tbox li button {position:relative; display:block; margin:0 auto; padding:37px 10px; width:100%; border-radius:5px;}
.ctf_tbox li button span {position:relative; padding-left:40px;}
.ctf_tbox li button span:before {content:''; position:absolute; left:-20px; top:50%; margin-top:-30px; width:60px; height:60px; background-position:center center; background-repeat:no-repeat; background-size:auto;}

.ctf_tbox li button.naver {background-color:#47b749; color:#fff;}
.ctf_tbox li button.naver span:before {background-image:url(../images/sub/sub04/icon_certify01.png);}
.ctf_tbox li button.kakao {background-color:#ffeb00;}
.ctf_tbox li button.kakao span:before {background-image:url(../images/sub/sub04/icon_certify02.png);}
.ctf_tbox li button.twitter {background-color:#2696ea; color:#fff;}
.ctf_tbox li button.twitter span:before {background-image:url(../images/sub/sub04/icon_certify03.png);}

.ctf_tbox .txt {padding-bottom:70px;}
.ctf_tbox .crf_botton2 {position:absolute; bottom:0; left:0; display:block; margin:0 auto; padding:20px 10px; width:100%; border-radius:5px;}
.ctf_tbox .crf_botton2 span {position:relative; padding-left:40px;}
.ctf_tbox .crf_botton2 span:before {content:''; position:absolute; left:-35px; top:50%; margin-top:-30px; width:60px; height:60px; background-position:center center; background-repeat:no-repeat; background-size:auto;}
.ctf_tbox .crf_botton2.ipin {background-color:#005aab; color:#fff;}
.ctf_tbox .crf_botton2.ipin span:before {background-image:url(../images/sub/sub04/icon_certify04.png);}
.ctf_tbox .crf_botton2.phone {background-color:#228101; color:#fff;}
.ctf_tbox .crf_botton2.phone span:before {background-image:url(../images/sub/sub04/icon_certify05.png);}

	/*media query*/
@media screen and (max-width:1200px) {
	.ctf_tbox .crf_botton2 span {padding-left:20px;}
}
@media screen and (max-width:1024px) {
	.certify_list > li .ctf_inner {padding:30px 25px;}
}
@media screen and (max-width:920px){
	
	.certify_list {margin-left:0;}
	.certify_list > li {display:block; float:none; width:100%; padding-left:0; padding-top:20px;}
	.certify_list > li:first-child {padding-top:0;}
	.certify_list > li .ctf_inner {padding:50px;}
	.ctf_inner .ctf_tbox {min-height:auto;}
	.ctf_tbox li button {padding:20px 10px;}
}
@media screen and (max-width:767px) {
	.certify_list > li .ctf_inner {padding:30px 35px;}
}
@media screen and (max-width:640px) {
	.certify_list > li .ctf_inner {padding:20px 25px;}
}
@media screen and (max-width:480px) {
}

/* 04고객센터 > 03고객의소리 > 고객의소리 작성폼 */
.customer_wform {}

.cstm_writebox {margin-top:20px;}
.cstm_writebox table .w_td {width:15%;}
.cstm_writebox table label {word-break:break-all;}
.cstm_writebox table input {vertical-align:unset;}
.cstm_writebox .white_inner {padding:0 0.5%; font-size:1.4rem;}
.cstm_writebox table tbody tr td .addfile_box {margin-bottom:10px;}
.cstm_writebox table tbody tr td .addfile_box input {padding:0 10px; line-height:38px; border:1px solid #ddd;}

.cstm_lastbtn {margin-top:20px;}
.cstm_lastbtn .bd_btn.last_cbtn {width:120px;}

/*개인정보수집동의*/
.cstm_agreetxt {display:block; padding:10px; border-top:2px solid #444; border-bottom:1px solid #ddd;}

.cstm_agreebox {display:block;}
.agree_tinner {}
.agree_tinner .agree_ask {padding:5px 10px; background-color:#f0f0f0; text-align:right;}
.agree_tinner .agree_check {}
.agree_tinner .agree_check inupt {vertical-align:unset;}


	/*media query*/
@media screen and (max-width:1200px) {
}
@media screen and (max-width:1024px) {
}
@media screen and (max-width:920px){
	.cstm_writebox table .w_td {width:20%;}
}
@media screen and (max-width:767px) {
	.cstm_writebox table tbody tr td .cstm_addbtn {display:block; margin-top:5px; padding:8px; line-height:inherit; text-align:center;}
}
@media screen and (max-width:640px) {
	.cstm_writebox table .w_td {width:25%;}
	.cstm_writebox table tbody tr td .addfile_box input {width:100%;}
	.cstm_writebox table tbody tr td .cstm_adddel {display:block; margin-top:5px; padding:8px; line-height:inherit; text-align:center;}
	
	.cstm_agreetxt {height:160px; overflow-y:auto;}
  	.agree_tinner .agree_ask {text-align:center;}
}
@media screen and (max-width:480px) {
	.cstm_writebox table .w_td {width:80px;}
	.cstm_writebox table label {word-break:keep-all;}
}

/* 04고객센터 > 06알리미서비스 */
.sns_formbox {margin-top:20px;}
.sns_formbox table .w_td {width:15%;}
.sns_formbox .essent {position:absolute; display:inline-block; margin-left:3px; line-height:0; font-size:0;}
.sns_formbox .essent:before {content:'*'; position:absolute; left:0; top:0px; line-height:1; font-size:1.5rem; color:#c50079 !important;}
.sns_formbox table label {word-break:break-all;}
.sns_formbox table input {vertical-align:unset;}
.sns_formbox table input.bd_input.addr_write {display:inline-block; float:left; width:80%;}
.bd_btn.addr_btn {float:left; margin-left:5px; line-height:39px;}
.sns_formbox .white_inner {padding:0 0.5%; font-size:1.4rem;}
.sns_formbox table tbody tr td .addfile_box {margin-bottom:10px;}
.sns_formbox table tbody tr td .addfile_box input {padding:0 10px; line-height:38px; border:1px solid #ddd;}

.ctgr_list {display:block; margin-left:-10px;}
.ctgr_list:after {content:''; display:block; visibility:hidden; clear:both;}
.ctgr_list li {display:inline-block; float:left; width:25%; padding-left:10px;}


/*개인정보수집동의*/
.sns_agreetxt {display:block; padding:10px; border-top:2px solid #444; border-bottom:1px solid #ddd;}

.sns_agreebox {display:block;}
.agree_tinner {}
.agree_tinner .agree_ask {padding:5px 10px; background-color:#f0f0f0; text-align:right;}
.agree_tinner .agree_check {}
.agree_tinner .agree_check inupt {vertical-align:unset;}

.sns_lastbtn {margin-top:20px;}
.sns_lastbtn .bd_btn.last_cbtn {width:20%;}


	/*media query*/
@media screen and (max-width:1200px) {
}
@media screen and (max-width:1024px) {
}
@media screen and (max-width:920px){
	.sns_formbox table .w_td {width:20%;}
	
	.ctgr_list li {width:33.3333%;}
}
@media screen and (max-width:767px) {	
	.sns_formbox table input.bd_input.addr_write {width:75%;}
	.sns_formbox table tbody tr td .sns_addbtn {display:block; margin-top:5px; padding:8px; line-height:inherit; text-align:center;}
	
	.ctgr_list li {width:50%;}
}
@media screen and (max-width:640px) {
	.sns_formbox table .w_td {width:25%;}
	.sns_formbox table input.bd_input.addr_write {width:65%;}
	.sns_formbox table tbody tr td .addfile_box input {width:100%;}
	.sns_formbox table tbody tr td .sns_adddel {display:block; margin-top:5px; padding:8px; line-height:inherit; text-align:center;}
		
	.sns_agreetxt {height:160px; overflow-y:auto;}
  	.agree_tinner .agree_ask {text-align:center;}
  	
	.sns_lastbtn .bd_btn.last_cbtn {width:40%;}
}
@media screen and (max-width:480px) {
	.sns_formbox table .w_td {width:85px;}
	.sns_formbox table label {word-break:keep-all;}
	
	.sns_formbox table input.bd_input.addr_write {display:block; float:none; width:100%;}
	.bd_btn.addr_btn {float:none; margin-left:0; margin-top:5px; width:100%;}
	
	.ctgr_list {margin-left:0;}
	.ctgr_list li {display:block; float:none; width:100%;}
	
	.sns_lastbtn .bd_btn.last_cbtn {width:80%;}
}



/********************************
 05정보공개
 *******************************/
/* 05정보공개 > 01정보공개안내 > 05수수료 */
.tbl_base.charge_tb tbody td {padding:10px 10px 8px;}

/* 05정보공개 > 01정보공개안내 > 06비공개세부기준 */
.downbt {text-align:center;}
.tbl_base.standard_tb tbody td {padding:5px 10px 5px;}


	/*media query*/
@media screen and (max-width:1200px) {
}
@media screen and (max-width:1024px) {
}
@media screen and (max-width:920px){
}
@media screen and (max-width:767px) {
}
@media screen and (max-width:640px) {
	.info_step > ul > li:before {left:0; top:33px; width:100%; height:1px;}
	.info_step .list_1st {padding:75px 10px 20px 20px;}
	
	.downbt {text-align:left;}
}
@media screen and (max-width:480px) {
	.info_step .list_1st {padding:75px 10px 10px 10px;}
}

/* 05정보공개 > 02사전정보공표목록 */
.best_five {position:relative; margin-bottom:30px; padding:20px; border:1px solid #ddd; background-color:#f8f8f8; text-align:center;}
.best_five p {font-size:2.0rem; font-weight:500; color:#333;}
.best_five p span {display:block; font-size:1.5rem; font-weight:400;}
.best_five ul {display:block; margin-top:20px;}
.best_five ul:after {content:''; display:block; visibility:hidden; clear:both;}
.best_five li {display:inline-block; float:left; padding:0 10px; width:20%;}
.best_five li:after {content:''; display:block; visibility:hidden; clear:both;}

table.adinfo td a {font-weight:500; color:#005aab;}

	/*media query*/
@media screen and (max-width:1200px) {
}
@media screen and (max-width:1024px) {
}
@media screen and (max-width:920px){
	.best_five li {padding:10px 10px 10px; width:33.3333%;}
	.best_five li a {display:block; min-height:42px;}
}
@media screen and (max-width:767px) {
}
@media screen and (max-width:640px) {
	.best_five li {width:50%; text-align:left;}
}
@media screen and (max-width:480px) {
	.best_five li {display:block; float:none; width:100%;}
	.best_five li a {min-height:auto;}
}


/* 05정보공개 > 03정보목록 공개 */
.dw_list {display:block; margin-left:-20px;}
.dw_list:after {content:''; display:block; visibility:hidden; clear:both;}
.dw_list li {display:inline-block; float:left; width:33.3333%; padding-left:20px;}
.dw_list li:after {content:''; display:block; visibility:hidden; clear:both;}
.dw_list li dl {border:1px solid #ddd; text-align:center;}
.dw_list li dt {padding:10px; background-color:#f8f8f8;}
.dw_list li dd {padding:10px;}

.dw_btn {margin-bottom:20px; text-align:right;}

/* 정보목록공개 리스트 */
.inform_wform {}

.inform_listbox {display:block;}
.inform_ulbox {margin-bottom:15px; border-top:2px solid #333;}
.inform_ulbox > ul > li {position:relative; display:block; padding:10px 0; border-bottom:1px solid #ddd;}
.inform_ulbox > ul > li:after {content:''; display:block; visibility:hidden; clear:both;}
.inform_ulbox > ul > li.thead_box {background-color:#f4f7ff; font-weight:500; text-align:center !important;}
.inform_ulbox > ul > li.thead_box .list_inner li {text-align:center !important;}

.iflist_inner {display:block;}
.iflist_inner:after {content:''; display:block; visibility:hidden; clear:both;}
.iflist_inner li {display:inline-block; float:left; padding:0 5px; text-align:center;}
.iflist_inner li:after {content:''; display:block; visibility:hidden; clear:both;}
.iflist_inner li:nth-child(1) {width:7%;}
.iflist_inner li:nth-child(2) {width:18%;}
.iflist_inner li:nth-child(3) {width:30%;}
.iflist_inner li:nth-child(4) {width:8%;}
.iflist_inner li:nth-child(5) {width:13%;}
.iflist_inner li:nth-child(6) {width:14%;}
.iflist_inner li:nth-child(7) {width:10%;}

.iflist_inner li:nth-child(3) dd {overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; text-align:left;}

.iflist_inner .dt_tit {overflow:hidden; position:absolute; top:-99999px; width:0; height:0; line-height:0; text-indent:-99999px;}



	/*media query*/
@media screen and (max-width:1200px) {
}
@media screen and (max-width:1024px) {
}
@media screen and (max-width:767px) {
	.inform_ulbox > ul > li.thead_box {display:none;}
	.iflist_inner li {display:block; float:none; text-align:left;}
	.iflist_inner li:nth-child(1),
	.iflist_inner li:nth-child(2),
	.iflist_inner li:nth-child(3),
	.iflist_inner li:nth-child(4),
	.iflist_inner li:nth-child(5),
	.iflist_inner li:nth-child(6),
	.iflist_inner li:nth-child(7) {width:100%;}
	
	.iflist_inner dt.dt_tit {display:inline-block; float:left; overflow:unset; position:unset; top:unset; width:20%; height:unset; line-height:unset; text-indent:unset; text-align:left;}
	.iflist_inner dd {display:inline-block; float:left; width:80%;}
}
@media screen and (max-width:640px) {
}
@media screen and (max-width:480px) {	
	.iflist_inner dt.dt_tit {width:28%;}
	.iflist_inner dd {width:72%;}
}



/* 05정보공개 > 05경영공시 */
.list_2st.tb_list li {display:inline-block; float:left; width:25%; padding-right:10px;}
.tbl_base.manage_tb tbody th {font-weight:600;}

	/*media query*/
@media screen and (max-width:1200px) {
}
@media screen and (max-width:1024px) {
}
@media screen and (max-width:920px){
}
@media screen and (max-width:767px) {
}
@media screen and (max-width:640px) {
	.dw_list {margin-left:0;}
	.dw_list li {display:block; float:none; width:100%; padding-left:0; padding-top:15px;}
	.dw_list li:first-child {padding-top:0;}
	.dw_list li dd {text-align:left;}
	
	.dw_btn {text-align:left;}
}
@media screen and (max-width:480px) {
}

/********************************
 06열린경영
 *******************************/
/*06열린경영 > 01윤리경영 > 01임직원행동강령*/ 
.top_box {margin-bottom:30px; text-align:center;}
.top_box .top_tit {display:block; font-size:2.4rem; font-weight:600; color:#0072d2;}
.top_box .top_txt {position:relative; padding:10px; font-size:2.2rem; font-weight:500;/*background-color:#fafafa; border:1px solid #dedede;*/}
.top_box .top_txt:before,
.top_box .top_txt:after {content:''; display:inline-block; height:20px;}
.top_box .top_txt:before {width:40px; background:url(../images/sub/sub06/cntb_lf.png) 0 0 no-repeat;}
.top_box .top_txt:after {width:40px; background:url(../images/sub/sub06/cntb_rt.png) 18px 0 no-repeat;}

.plank_box {display:block;}
.plank_tit {display:block; padding:15px 10px; border-top-right-radius:20px; border-bottom-left-radius:20px; background-color:#005BAB; color:#fff; text-align:center; font-size:1.8rem; font-weight:500;}
.plank_list {display:block; margin-top:20px; margin-left:-20px;}
.plank_list:after {content:''; display:block; visibility:hidden; clear:both;}
.plank_list > li {display:inline-block; float:left; width:33.3333%; padding-left:20px;}
.plank_list > li:after {content:''; display:block; visibility:hidden; clear:both;}

.pl_inner {}
.pl_inner .minitit {margin-bottom:10px; padding:10px 5px; border-top-right-radius:20px; border-bottom-left-radius:20px; background-color:#72BF44; color:#121212; text-align:center; font-size:1.6rem; font-weight:500;}
.pl_inner ul {padding:20px; border:1px solid #ddd; min-height:312px; background-color:#f8f8f8;}

/*media query*/
@media screen and (max-width:1200px){
}

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

@media screen and (max-width:960px) {
	.pl_inner ul {min-height:357px;}
}

@media screen and (max-width:768px) {
	.plank_tit {font-size:1.6rem;} 
	.plank_list {margin-left:0;}
	.plank_list > li {display:block; float:none; width:100%; padding-left:0; padding-top:20px;}
	.plank_list > li:first-child {padding-top:0;}
	.pl_inner ul {min-height:auto;}
}

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

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




/*06열린경영 > 01윤리경영 > 05청렴마스코트*/
.mascot_box {display:flex; align-items:stretch; padding:30px; border:1px solid #ddd; border-radius:10px;}
.mascot_box:after {content:''; display:block; visibility:hidden; clear:both;}
.mascot_box .mc_inner.left {width:430px;}
.mascot_box .mc_inner.right {position:relative; width:calc(100% - 430px); padding-left:30px; border-left:1px solid #ddd; font-size:2.0rem;}
.mascot_box .mc_inner.right p {font-weight:500; color:#0072d2; font-size:2.4rem;}
.mascot_box .mc_inner.right ul {margin-top:20px;}
.mascot_box .mc_inner.right ul.list_1st > li:before {top:8px;}




/* media query */
@media screen and (max-width:1200px) {

}
@media screen and (max-width:1024px) {
	.mascot_box .mc_inner.right {font-size:1.8rem;}
	.mascot_box .mc_inner.right p {font-size:2.2rem;}
	.mascot_box .mc_inner.right ul.list_1st > li:before {top:6px;}
}

@media screen and (max-width:920px) {
	.mascot_box {flex-direction:column;}
	.mascot_box .mc_inner.left {width:100%; text-align:center;}
	.mascot_box .mc_inner.right {width:100%; margin-top:30px; padding-left:0; padding-top:30px; border-left:none; border-top:1px solid #ddd;}
	.mascot_box .mc_inner.right ul {margin-top:10px;}
}

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

@media screen and (max-width:640px) {
	.mascot_box .mc_inner.right {font-size:1.6rem;}
	.mascot_box .mc_inner.right p {font-size:2.0rem;}
	.mascot_box .mc_inner.right ul.list_1st > li:before {top:5px;}
}

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









/*06열린경영 > 01윤리경영 > 02반부패청렴서약*/ 
.rights_box {position:relative; padding:40px; border:1px solid #c0c1d8; border-radius:10px;}
.rights_box .rights_tbox {}
.rights_box .rights_tbox .rights_txt {padding-bottom:30px; border-bottom:1px solid #ddd;}
.rights_box .rights_tbox .rights_txt p {line-height:1.8; font-size:1.8rem; color:#242424;}
.rights_box .rights_tbox .rights_txt p:first-child {margin-bottom:10px;}
.rights_box .rights_tbox .rights_txt p .bold {color:#121212; font-weight:600;}

.rights_box .rights_tbox ul {padding-top:40px;}
.rights_box .rights_tbox ul li {position:relative; display:block; margin-bottom:30px; font-size:1.8rem;}
.rights_box .rights_tbox ul li:last-child {margin-bottom:0px;}
.rights_box .rights_tbox ul li:after {content:''; display:block; visibility:hidden; clear:both;}
.rights_box .rights_tbox ul li .txt_left {position:relative; float:left; width:70px;}
.rights_box .rights_tbox ul li .txt_left:before {content:""; position:absolute; width:30px; height:30px; background-color:#dadbf2; border-radius:50%; top:-10px; left:0;}
.rights_box .rights_tbox ul li .txt_left p {position:relative; font-weight:700; color:#3a3a48; padding-left:20px;}

.rights_box .rights_tbox ul li .txt_right {position:relative; float:right; width:calc(100% - 70px);}
.rights_box .rights_tbox > span {display:block; text-align:center; padding-top:50px; color:#121212; font-weight:500; font-size:2.5rem;}

.rights_box .rights_tbox ul li .txt_left.long {width:110px;}
.rights_box .rights_tbox ul li .txt_right.long {width:calc(100% - 110px);}

/*media query*/
@media screen and (max-width:1200px){
}

@media screen and (max-width:1024px){
	.rights_box .rights_tbox > span {font-size:2.2rem;}
}

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

@media screen and (max-width:768px) {
	.rights_box .rights_tbox > span {font-size:2.0rem;}
  
    .rights_box .rights_tbox ul li .txt_left.long {width:95px;}
    .rights_box .rights_tbox ul li .txt_right.long {width:calc(100% - 95px);}
}

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

@media screen and (max-width:480px) {
	.rights_box .rights_tbox > span {font-size:1.8rem;}
	
}


/*06열린경영 > 01윤리경영 > 03안전보건경영방침*/ 
.mngn_box {}
.mngn_box:after {content:''; display:block; visibility:hidden; clear:both;}
.mngn_line {position:relative; padding:8px; background-color:#fff;}
.mngn_inner {padding-top:100px; padding-bottom:100px; border:4px solid #005aab; text-align:center;}
.mngn_line:before,.mngn_line:after,
.mngn_inner:before,.mngn_inner:after {content:''; position:absolute; width:92px; height:92px; background-image:url(../images/sub/sub06/mngm_ir.png); background-repeat:no-repeat;}
.mngn_line:before {left:7px; top:7px; background-position:0 0;}
.mngn_line:after {right:7px; top:7px; background-position:-92px 0;}
.mngn_inner:before {left:7px; bottom:7px; background-position:0 -92px;}
.mngn_inner:after {right:7px; bottom:7px; background-position:-92px -92px;}

.mngn_tit {position:relative; display:inline-block;}
.mngn_tit strong {position:relative; display:block; font-size:3.4rem; font-weight:600; line-height:1.3; color:#121212;}
.mngn_txt {display:block; margin:0 20%; font-size:2.2rem;}
.mngn_txt p {margin:20px 0;}
.mngn_tlist {position:relative; display:block; margin:0 20%; text-align:left;font-size: 1.8rem;}
.mngn_tlist:before {content:''; position:absolute; left:50%; top:50%; margin-left:-141px; margin-top:-142px; width:282px; height:282px; background:url(../images/sub/sub06/img_mngm.png) 0 0 no-repeat; background-size:100%;}
.mngn_tlist .list_num > li i {top:4px;}
.mngn_sign {margin-top:50px; font-size:1.8rem;}
.mngn_sign .sign_name strong {padding-left:5px; font-size:2.4rem; font-weight:600; color:#333;}

	/*media query*/
@media screen and (max-width:1200px) {
}
@media screen and (max-width:1024px) {
	.mngn_tit strong {font-size:3.0rem;}
	.mngn_txt {font-size:1.8rem;}
	.mngn_tlist {font-size:1.6rem;}
}
@media screen and (max-width:920px) {
	.mngn_tit strong {font-size:2.6rem;}
	.mngn_txt {font-size:1.6rem;}
	.mngn_txt,
	.mngn_tlist {margin:0 18%;}
	.mngn_tlist {font-size:1.5rem;}
	.mngn_tlist .list_num > li i {top:2px;}
	.mngn_sign .sign_name strong {font-size:2.0rem;}
}
@media screen and (max-width:767px) {
	.mngn_tit strong {font-size:2.4rem;}
	.mngn_txt,
	.mngn_tlist {margin:0 12%;}
}
@media screen and (max-width:640px) {
	.mngn_tit strong {font-size:2.0rem;}
	.mngn_txt,
	.mngn_tlist {margin:0 8%;}
	.mngn_tlist:before {margin-left:-100px; margin-top:-100px; width:200px; height:200px;}
	.mngn_sign .sign_name strong {font-size:1.8rem;}

}
@media screen and (max-width:480px) {
	.mngn_txt,
	.mngn_tlist {margin:0 5%;}
}




/*06열린경영 > 02인권경영 > 01인권경영 선언문*/
.rights_box.rights02 {border:1px solid #bfd8d0;}
.rights_box.rights02 .rights_tbox ul li .txt_left:before {background-color:#cbf0e4;}
.rights_box.rights02 .rights_tbox ul li .txt_left p {color:#3a4844;}


/*media query*/
@media screen and (max-width:1200px){
}

@media screen and (max-width:1024px){
	.tab_box.tab_col3.humanTab li {width:50%;}
}

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

@media screen and (max-width:768px) {
	.rights_box {padding:20px;}
	.rights_box .rights_tbox .rights_txt p {line-height:1.6; font-size:1.6rem;}
	.rights_box .rights_tbox ul li {font-size:1.6rem;}
}

@media screen and (max-width:640px) {
	.tab_box.tab_col3.humanTab li {width:100%;}
}

@media screen and (max-width:480px) {
	.rights_box .rights_tbox .rights_txt p:first-child {margin-bottom:20px;}
}

/*06열린경영 > 02인권경영 > 02인권침해 사건 구제절차 안내*/
.humanRight_box {margin-bottom:20px;}
.humanRight_box .humanRight_list {}
.humanRight_box .humanRight_list > li {display:block; position:relative; padding-top:50px;}
.humanRight_box .humanRight_list > li:first-child {padding-top:0;}
.humanRight_box .humanRight_list > li:after {content:''; display:block; visibility:hidden; clear:both;}
.humanRight_box .humanRight_list > li:before {content:''; position:absolute; left:9%; top:12px; width:22px; height:22px; background:url(../images/sub/sub_ir.png) -326px 0 no-repeat;}
.humanRight_box .humanRight_list > li:first-child:before {display:none;}

.humanRight_box .humanRight_list > li dl {display:flex;}
.humanRight_box .humanRight_list > li:after {content:''; display:block; visibility:hidden; clear:both;}

.humanRight_box .humanRight_list > li dt {display:inline-block; float:left; width:20%; padding:15px 20px; background-color:#0072d2; border:1px solid #0072d2; border-top-left-radius:10px; border-bottom-left-radius:10px;}
.humanRight_box .humanRight_list > li dd {display:inline-block; float:left; width:80%; padding:15px; border:1px solid #0072d2; border-top-right-radius:10px; border-bottom-right-radius:10px;}

.humanRight_box .humanRight_list > li .hr_tbox {display:block; font-weight:600; font-size:2.0rem; color:#fff;}
.humanRight_box .humanRight_list > li dt.line2,
.humanRight_box .humanRight_list > li dt.line2_5 {line-height:2.29;}
.humanRight_box .humanRight_list > li dt.line3 {line-height:3.4;}
.humanRight_box .humanRight_list > li dt.line3_5 {line-height:3.4;}


/*media query*/
@media screen and (max-width:1200px){
}

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

@media screen and (max-width:971px) {
	.humanRight_box .humanRight_list > li dt.line2_5 {padding:35px 20px; line-height:1.4;}
}

@media screen and (max-width:925px) {
	.humanRight_box .humanRight_list > li dt {width:25%;}
	.humanRight_box .humanRight_list > li dd {width:75%;}
	
	.humanRight_box .humanRight_list > li .hr_tbox {font-size:1.8rem;}
	.humanRight_box .humanRight_list > li dt.line2 {padding:25px 20px; line-height:1.4;}
	.humanRight_box .humanRight_list > li dt.line2_5 {padding:36px 20px;}
	.humanRight_box .humanRight_list > li dt.line3 {padding:36px 20px; line-height:1.4;}
	.humanRight_box .humanRight_list > li dt.line3_5 {padding:47px 20px; line-height:1.4;}
}

@media screen and (max-width:902px) {
	.humanRight_box .humanRight_list > li dt.line3_5 {padding:47px 20px;}
}

@media screen and (max-width:860px) {
	.humanRight_box .humanRight_list > li dt.line2_5 {padding:37px 20px;}
	.humanRight_box .humanRight_list > li dt.line2.line2_55 {padding:36px 20px;}
}

@media screen and (max-width:767px) {
	.humanRight_box .humanRight_list > li dt {width:28%;}
	.humanRight_box .humanRight_list > li dd {width:72%;}
	
	.humanRight_box .humanRight_list > li dt.line2 {padding:23.5px 20px;}
	.humanRight_box .humanRight_list > li dt.line2_5 {padding:34px 20px;}
	.humanRight_box .humanRight_list > li dt.line2.line2_55 {padding:34px 20px;}
	.humanRight_box .humanRight_list > li dt.line3 {padding:34px 20px;}
	.humanRight_box .humanRight_list > li dt.line3_5 {padding:44px 20px;}
}

@media screen and (max-width:660px) {
	.humanRight_box .humanRight_list > li:before {left:50%; margin-left:-11px;}
	
  	.humanRight_box .humanRight_list > li dl {flex-direction: column;}
	.humanRight_box .humanRight_list > li dt {display:block; float:none; width:100%; border-bottom-left-radius:0; border-top-right-radius:10px;}
	.humanRight_box .humanRight_list > li dd {display:block; float:none; width:100%; border-top-right-radius:0; border-bottom-left-radius:10px}
	
	.humanRight_box .humanRight_list > li dt.line2 {padding:15px 20px;}
	.humanRight_box .humanRight_list > li dt.line2_5 {padding:15px 20px;}
	.humanRight_box .humanRight_list > li dt.line2.line2_55 {padding:15px 20px;}
	.humanRight_box .humanRight_list > li dt.line3 {padding:15px 20px;}
	.humanRight_box .humanRight_list > li dt.line3_5 {padding:15px 20px;}	
}

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


/*06열린경영 > 03사회공헌 > 01사회공헌개요*/
.system_box {display:block;}
.sys_inner {margin-bottom:25px;}
.sys_title {display:block; padding:10px; border:1px solid #ddd; border-radius:5px; text-align:center; font-size:2.0rem; font-weight:600; color:#fff;}
.sys_title.systit1 {background-color:#005aab;}
.sys_title.systit2 {background-color:#228101;}
.sys_title.systit3 {background-color:#ff9612; color:#232323;}
.sys_title.systit4 {background-color:#9310af;}
.sys_title strong {font-size:2.4rem; font-weight:600;}

.sys_txtarea {display:block; margin-top:10px;}
.sys_tbox {margin-bottom:10px;}
.sys_tbox:after {content:''; display:block; visibility:hidden; clear:both;}
.sys_tbox dt {display:inline-block; float:left; width:15%; padding:10px 5px; border:1px solid #ddd; background-color:#f8f8f8; border-radius:5px; text-align:center;}
.sys_tbox dd {display:inline-block; float:left; width:84%; margin-left:1%; border:1px solid #ddd; border-radius:5px; text-align:center;}

.sys_tbox dd .txt_t1 {font-size:1.8rem; font-weight:500; line-height:42px;}
.sys_tbox dd .txt_t2 {padding:10px 5px;}

.sys_tbox dd .txt_list1 {display:block;}
.sys_tbox dd .txt_list1:after {content:''; display:block; visibility:hidden; clear:both;}
.sys_tbox dd .txt_list1 > li {display:inline-block; float:left; width:25%; padding:10px 5px;}
.sys_tbox dd .txt_list1 > li span {position:relative; padding-left:8px;}
.sys_tbox dd .txt_list1 > li span:before {content:''; position:absolute; left:0; top:8px; width:4px; height:4px; border-radius:10px; background-color:#444;}

.sys_tbox2 {margin-bottom:10px;}
.sys_tbox2:after {content:''; display:block; visibility:hidden; clear:both;}
.sys_tbox2 dt {display:inline-block; float:left; width:15%; padding:10px 5px; border:1px solid #ddd; background-color:#f8f8f8; border-radius:5px; text-align:center;}
.sys_tbox2 dt.mh1 {min-height:122px; padding:49px 5px;}
.sys_tbox2 dt.mh2 {min-height:95px; padding:36px 5px;}
.sys_tbox2 dt.mh3 {min-height:121px; padding:49px 5px;}
.sys_tbox2 dd {display:inline-block; float:left; width:84%; margin-left:1%; text-align:center;}

.sys_tbox2 dd .txt_list2 {display:block; margin-right:-15px;}
.sys_tbox2 dd .txt_list2:after {content:''; display:block; visibility:hidden; clear:both;}
.sys_tbox2 dd .txt_list2 > li {display:inline-block; float:left; padding-right:15px;}
.sys_tbox2 dd .txt_list2.col4 > li {width:25%;}
.sys_tbox2 dd .txt_list2.col3 > li {width:33.3333%;}
.sys_tbox2 dd .txt_list2.col2 > li {width:50%;}
.sys_tbox2 dd .txt_list2 > li div {border:1px solid #ddd; border-radius:5px;}
.sys_tbox2 dd .txt_list2 > li div span {display:block; padding:5px;}
.sys_tbox2 dd .txt_list2 > li ul {padding:5px 5px 5px 15px; border-top:1px solid #ddd; text-align:left; min-height:88px;}
.sys_tbox2 dd .txt_list2.col3 > li ul,
.sys_tbox2 dd .txt_list2.col2.act > li ul {min-height:62px;}
.sys_tbox2 dd .txt_list2 > li ul li {position:relative; padding:3px 0 0 8px;}
.sys_tbox2 dd .txt_list2 > li ul li:before {content:''; position:absolute; left:0; top:11px; width:4px; height:4px; border-radius:10px; background-color:#444;}



/*media query*/
@media screen and (max-width:1200px){
}

@media screen and (max-width:1024px){
	.sys_tbox2 dd .txt_list2 > li ul {padding:5px 10px;}
}

@media screen and (max-width:940px) {
	.sys_tbox2 dt.mh2 {padding:25px 5px;}
}

@media screen and (max-width:880px) {
	.sys_tbox2 dt.mh1 {padding:38px 5px;}
	.sys_tbox2 dt.mh3 {padding:37px 5px;}
	
}
@media screen and (max-width:768px) {
	.sys_title {font-size:1.8rem;}
	.sys_title strong {font-size:2.0rem;}
	.sys_tbox dt {display:block; float:none; width:100%; border-bottom-left-radius:0; border-bottom-right-radius:0; border-bottom:none;}
	.sys_tbox dd {display:block; float:none; width:100%; margin-left:0; border-top-left-radius:0; border-top-right-radius:0;}
	.sys_tbox dd .txt_t1 {padding:10px 5px; font-size:1.6rem; line-height:inherit;}
	
	.sys_tbox2 dt {display:block; float:none; width:100%; margin-bottom:5px;}
	.sys_tbox2 dt.mh1,
	.sys_tbox2 dt.mh2,
	.sys_tbox2 dt.mh3 {min-height:inherit; padding:10px 5px;}
	.sys_tbox2 dd {display:block; float:none; width:100%; margin-left:0;}
	.sys_tbox2 dd .txt_list2 {margin-right:-10px;}
	.sys_tbox2 dd .txt_list2 > li {padding-right:10px;}
}

@media screen and (max-width:640px) {
	.sys_tbox dd .txt_list1 {padding:5px 10px;} 
	.sys_tbox dd .txt_list1 > li {width:50%; padding:5px; text-align:left;}
	
	.sys_tbox2 dd .txt_list2.col4 > li,
	.sys_tbox2 dd .txt_list2.col3 > li,
	.sys_tbox2 dd .txt_list2.col2 > li {width:100%; padding-right:0;}
	.sys_tbox2 dd .txt_list2 {margin-right:0;}
	.sys_tbox2 dd .txt_list2 > li {margin-top:5px;}
	.sys_tbox2 dd .txt_list2 > li:first-child {margin-top:0;}
	
	.sys_tbox2 dd .txt_list2 > li ul,
	.sys_tbox2 dd .txt_list2.col3 > li ul,
	.sys_tbox2 dd .txt_list2.col2 > li ul, 
	.sys_tbox2 dd .txt_list2.col2.act > li ul {min-height:inherit;}
	
	.sys_tbox2 dd .txt_list2 > li ul li {padding:3px 3px 3px 8px;}
}

@media screen and (max-width:480px) {
	.sys_title {font-size:1.7rem;}
	.sys_title strong {font-size:1.8rem;}
}






/********************************
 07공사소개
 *******************************/
/*07공사소개 > 01CEO > 01인사말*/
.greeting_titbox {overflow:hidden; display:block; padding:30px; background-color:#f7f7f7;}
.greeting_titbox .greeting_titinner {position:relative; padding:85px 430px 10px 50px; border:15px solid #fff; height:340px;}
.greeting_titbox .greeting_titinner:before {content:''; position:absolute; right:-50px; top:-50px; background-position:0 0; background-repeat:no-repeat; background-size:100%;}
.greeting_titbox .greeting_titinner:before {width:290px; height:411px; background-image:url(../images/sub/sub07/img_greeting03.png);}

.greeting_titbox .greet_tit {position:relative; margin-bottom:0; font-size:4.0rem; font-weight:500; color:#121212;}
.greeting_titbox .greet_tit strong {font-weight:600;}

.greeting_txtbox {margin-top:50px;}
.greeting_txtbox p {margin-top:18px; font-size:2.0rem; color:#333;}
.greeting_txtbox p strong {color:#71174b;}
.greeting_txtbox .sign_box {margin-top:38px; color:#121212; font-size:2.0rem;}
.greeting_txtbox .sign_box strong {display:inline-block; font-size:3.0rem; margin-left:16px; font-weight:600;}

/*media query*/
@media screen and (max-width:1200px){
	.greeting_titbox .greeting_titinner {padding:65px 400px 10px 50px;}
}
@media screen and (max-width:1024px){
	.greeting_titbox .greeting_titinner {padding:55px 390px 10px 30px;}
	.greeting_titbox .greet_tit {font-size:3.7rem;}
}
@media screen and (max-width:920px) {
	.greeting_titbox .greeting_titinner {padding:55px 280px 10px 30px; height:310px;}
	.greeting_titbox .greeting_titinner:before {right:-65px;}
	.greeting_titbox .greet_tit {font-size:3.5rem;}
}
@media screen and (max-width:767px) {
	.greeting_titbox {padding:20px;}
	.greeting_titbox .greeting_titinner {padding:50px 250px 10px 20px; height:270px; border-width:10px;}
	.greeting_titbox .greeting_titinner:before {right:-50px; top:-30px;}
	.greeting_titbox .greeting_titinner:before {width:240px; height:310px;}
	.greeting_titbox .greet_tit {font-size:3.0rem;}
	
	.greeting_txtbox {margin-top:30px;}
	.greeting_txtbox p {font-size:1.8rem;} 
	
	.greeting_txtbox .sign_box {font-size:1.8rem;}
	.greeting_txtbox .sign_box strong {font-size:2.6rem;}
	
}
@media screen and (max-width:640px) {
	.greeting_titbox .greeting_titinner {padding:30px 160px 10px 20px; height:227px; border-width:7px;}
	.greeting_titbox .greeting_titinner:before {width:200px; height:270px;}
}
@media screen and (max-width:540px) {
	.greeting_titbox .greeting_titinner {padding:20px 160px 10px 20px; height:191px;}
	.greeting_titbox .greeting_titinner:before {right:-50px; top:-27px;}
	.greeting_titbox .greeting_titinner:before {width:180px; height:234px;}
	.greeting_titbox .greet_tit {font-size:2.5rem;}	
	
	.greeting_txtbox {margin-top:20px;}
	.greeting_txtbox p {font-size:1.6rem;} 
	
	.greeting_txtbox .sign_box {font-size:1.6rem;}
	.greeting_txtbox .sign_box strong {font-size:2.4rem;}
}

@media screen and (max-width:480px) {
	.greeting_titbox .greeting_titinner {padding:20px 130px 10px 15px;}
	.greeting_titbox .greeting_titinner:before {top:15px; width:150px; height:191px;}
	.greeting_titbox .greet_tit {font-size:2.4rem;}	
}

@media screen and (max-width:380px) {	
	.greeting_titbox .greeting_titinner {padding:15px 90px 10px 10px;}
	.greeting_titbox .greeting_titinner:before {top:35px;}
	.greeting_titbox .greet_tit {font-size:2.0rem;}	
}



/*07공사소개 > 02일반현황 > 01개요*/
.business_wrap {}
.business_wrap:after {content:''; display:block; visibility:hidden; clear:both;}
.business_wrap .business_list {float:left; width:48%; margin-right:2%;}
.business_wrap .business_list:last-child {margin-right:0;}
.business_wrap .business_list dt {padding:10px; border-radius:5px; background-color:#0a9882; color:#fff; text-align:center;}
.business_wrap .business_list dd {}

/* media query */
@media screen and (max-width:1200px) {
}
@media screen and (max-width:1200px) {

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

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

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

@media screen and (max-width:640px) {
	.business_wrap .business_list {float:none; width:100%; margin-right:0; margin-bottom:20px;}
}

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

 
/*07공사소개 > 02일반현황 > 02연혁*/
.history_box {position:relative; margin-bottom:80px;}
.history_box:after {content:''; display:block; position:absolute; top:0px; left:50%; bottom:0; border-right:1px solid #d3d3d3;}
.history_box > ul {position:relative;/*padding:70px 0 50px;*/}
.history_box > ul:after {content:''; display:block; visibility:hidden; clear:both;}
.history_box > ul > li {position:relative; width:50%; box-sizing:border-box; clear:both;}
.history_box > ul > li:after {content:''; display:block; visibility:hidden; clear:both;}
.history_box > ul > li.left {float:left;padding-right:32px;text-align:right;}
.history_box > ul > li.right {float:right;padding-left:32px;text-align:left;}
.history_box > ul > li .year {display:block; margin-bottom:10px; font-size:2.6rem; color:#0098de; letter-spacing:-1px;}
.history_box > ul > li .year:before {content:''; position: absolute; top:14px; left:-6px; display:inline-block; width:10px; height:10px; background-color:#fff; border-radius:50%; border:2px solid #0098de; z-index:10;}
.history_box > ul > li.left .year:before {top:14px; left:auto; right:-8px;}
.history_box > ul > li .year:after {content:''; display:inline-block; position:absolute; top:20px; left:0; background-color:#0098de; width:25px; height:1px;}
.history_box > ul > li.left .year:after {left:auto; right:0;}

.history_box > ul > li .listCon {position:relative;}
.history_box > ul > li .listCon > li {position: relative; padding-bottom:7px;}
.history_box > ul > li .listCon > li:after {content:''; display:block; visibility:hidden; clear:both;}
.history_box > ul > li.left .listCon li {padding-right:58px;}
.history_box > ul > li.left .listCon li span {position:absolute; right:0; font-weight:600; color:#121212;}
.history_box > ul > li .listCon > li > p.right_list {padding-right:30px;}

.history_box > ul > li.right .listCon > li > span {display:inline-block; padding-right:6px; float:left; font-weight:600; color:#121212;}
.history_box > ul > li.right .listCon > li > p {float:left; padding-left:10px; margin-bottom:0; text-align:left; max-width: calc(100% - 50px);}

/* media query */
@media screen and (max-width:1200px) {

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

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

@media screen and (max-width:767px) {
	.history_box:after {left:10px;}
	.history_box > ul > li {float:none; width:100%; margin-bottom:20px;}
	.history_box > ul > li.left {text-align:left; padding-right:0;}
	.history_box > ul > li.right {padding-left:0px;}
	.history_box > ul > li .year {padding-left:35px;}
	.history_box > ul > li .year:before {top:14px; left:4px;}
	.history_box > ul > li.left .year:before {top:14px; left:4px; right:auto;}
	.history_box > ul > li .year:after {left:5px;}
	.history_box > ul > li.left .year:after {left:5px; right:auto;}
	.history_box > ul > li .listCon{padding-left:35px;}
	.history_box > ul > li.left .listCon li {padding-right:0px;}
	.history_box > ul > li.left .listCon > li > span {position:static; display:inline-block; padding-right:6px; float:left; font-weight:600; color:#121212;}
	.history_box > ul > li.left .listCon > li > p {display:inline-block; padding-left:10px; margin-bottom:0; text-align:left; max-width: calc(100% - 50px);}
  	.history_box > ul > li .listCon > li > p.right_list {padding-right:0;}
}

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

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


/*07공사소개 > 02일반현황 > 03경영전략 / 06열린경영 > esg경영 추가(25.05.13)*/
.vision_box dt {text-align:center; line-height:44px}
.vs_tbox dd.vision_txt {text-align:center; margin:0 auto;}
.vs_tbox dd.vision_txt01,
.vs_tbox dd.vision_txt02 {text-align:center; padding:15px; color:#121212;}
.vision_txt01 {/*background-color:#fff; border:1px solid #bbb;*/background-color:#f6f6f6; border-top-left-radius:15px; border-bottom-right-radius:15px;}
.vision_txt01 span {font-size:1.8rem;}
.vision_txt01 span em {color:#0d59a8; font-weight:600;}

.vision_list01 {margin-left:-20px;}
.vision_list01:after {content:''; display:block; visibility:hidden; clear:both;}
.vision_list01 li {display:block; float:left; width:33.3333%; padding:0 0 10px 20px;}
.vision_list01 li .vt_inner {/*height:150px;*/padding:20px; text-align:center; font-size:2.4rem; font-weight:600; background-color:#ddd; border-top-left-radius:15px; border-bottom-right-radius:15px;}

.vision_list01 li.vition_color01 .vt_inner {background-color:#0d59a8;}
.vision_list01 li.vition_color01 .vt_inner span {color:#fff;}
.vision_list01 li.vition_color02 .vt_inner {background-color:#71BF44;}
.vision_list01 li.vition_color02 .vt_inner span {color:#222;}
.vision_list01 li.vition_color03 .vt_inner {background-color:#28b2e7;}
.vision_list01 li.vition_color03 .vt_inner span {color:#222;}
.vision_list01 li.vition_color04 .vt_inner {background-color:#f28105;}
.vision_list01 li.vition_color04 .vt_inner span {color:#222;}

.vision_list01 li span.mini_tit1 {display:block; font-size:1.4rem; font-weight:400; color:#444;}

.vision_list02 {margin-left:-20px;}
.vision_list02:after {content:''; display:block; visibility:hidden; clear:both;}
.vision_list02 li {display:block; float:left; width:25%; padding:0 0 10px 20px;}
.vision_list02 li .vt_inner {min-height:120px; padding:20px; text-align:center; color:#fff; border-top-left-radius:15px; border-bottom-right-radius:15px;}
.vision_list02.vl_02 li .vt_inner {min-height:auto;}

.vision_list02 em.sub_txt {display:block; margin-top:8px;}
.vision_list02 em.sub_txt span {padding:3px 15px; background-color:#fff; border-radius:20px; background-color:#fff;}
.vision_list02 em.sub_txt.txt_cl1 {color:#0D7D91;}
.vision_list02 em.sub_txt.txt_cl2 {color:#087DAE;}
.vision_list02 em.sub_txt.txt_cl3 {color:#1665B0;}
.vision_list02 em.sub_txt.txt_cl4 {color:#505889;}


/*
.vision_list03 {margin-left:-20px;}
.vision_list03:after {content:''; display:block; visibility:hidden; clear:both;}
.vision_list03 li {display:inline-block; float:left; width:25%; padding:0 0 10px 20px;}
.vision_list03 li .vt_inner {height:110px; text-align:center; background-color:#fff; border:1px solid #ddd; border-top-left-radius:15px; border-bottom-right-radius:15px;}
.vision_list03 li .vt_inner .mini_tit2 {position:relative; padding:10px; border-top-left-radius:15px; color:#fff;}
.vision_list03 li .vt_inner span {display:block; padding:10px; min-height:64px;}
*/

.vs_tbox {margin-top:15px;}
.vs_tbox:after {content:''; display:block; visibility:hidden; clear:both;}
.vs_tbox dt {display:inline-block; float:left; width:15%; font-size:1.8rem; color:#222;}
.vs_tbox dd {display:inline-block; float:left; width:85%;}

.line_bk1 {display:block;}
.vision_list02 li .vt_inner.line0 {min-height:auto;}
.vision_list02 li .vt_inner.line1 {padding-top:32px;}
.vision_list02 li .vt_inner.line2 {min-height:auto; line-height:48px;}

.border_color01 {border:2px solid #0D7D91; color:#0D7D91; font-weight:600;}
.border_color02 {border:2px solid #087DAE; color:#087DAE; font-weight:600;}
.border_color03 {border:2px solid #1665B0; color:#1665B0; font-weight:600;}
.border_color04 {border:2px solid #505889; color:#505889; font-weight:600;}

.back_color01 {background-color:#0D7D91;}
.back_color02 {background-color:#087DAE;}
.back_color03 {background-color:#1665B0;}
.back_color04 {background-color:#505889;}

.vision_list03 {margin-left:-20px;}
.vision_list03 > li {display:inline-block; float:left; width:25%; padding:0 0 10px 20px;}
.vision_list03 > li > .vt_inner {}
.vision_list03 > li .mini_tit3 {margin-bottom:0; line-height:0; text-indent:-9999px; font-weight:500;}
.vision_list03 > li .mini_tit3.five1 {color:#0D7D91;}
.vision_list03 > li .mini_tit3.five2 {color:#087DAE;}
.vision_list03 > li .mini_tit3.five3 {color:#1665B0;}
.vision_list03 > li .mini_tit3.five4 {color:#505889;}
.vision_list03 > li .strg_list li {margin-top:10px; /*padding:10px;*/ width:100%; border:1px solid #ddd; border-top-left-radius:15px; border-bottom-right-radius:15px;}
.vision_list03 > li .strg_list li:first-child {margin-top:0;}
.vision_list03 > li .strg_list li > div > span {display:block; width:100%; padding:10px 0; color:#fff; border-top-left-radius:15px;}
.vision_list03 > li .strg_list li > div > p {padding:10px 15px; min-height:48px; line-height:48px;}
.vision_list03 > li .strg_list li > div.line0  > p {min-height:auto; line-height:inherit;}
.vision_list03 > li .strg_list li > div.line1  > p {min-height:68px; line-height:inherit;}


/*열린경영 > esg경영(25.05.13)*/
.vision_list01.esg_list01 .vt_inner {font-size:2.2rem; line-height:1.2;}
.vision_list01.esg_list01 .vt_inner.esgBox {padding:0; background-color:#fff; border:1px solid #ddd;}

.vision_minilist {display:block;}
.vision_minilist li {margin-top:10px; padding:0; width:100%; border:1px solid #ddd; border-top-left-radius:15px; border-bottom-right-radius:15px;}
.vision_minilist li p {padding:10px 5px;}

.vision_mimiTit {margin:10px 0; padding:15px; text-align:center; color:#121212; font-size:1.8rem; background-color:#f6f6f6; border-top-left-radius:15px; border-bottom-right-radius:15px;}




/*media query*/
@media screen and (max-width:1200px) {
	.vision_list03 > li .strg_list li > div > p {padding:10px;}
}
@media screen and (max-width:1024px) {
	.vision_list02 {margin-left:-10px;}
	.vision_list02 li {width:50%; padding:0 0 10px 10px;}
	.vision_list02 li .vt_inner {min-height:auto; padding:20px 10px;}
	.vision_list02 li .vt_inner.line1 {padding-top:20px;}
	.vision_list02.vl_03 li .vt_inner {min-height:auto;}
	
	/*.vision_list03 li {width:33.3333%;}*/
	
	.vision_list03 li {width:50%;}
	.vision_list03 > li > .vt_inner {margin-bottom:20px;}
	
	.vision_list03 > li .strg_list li > div > p {min-height:auto; line-height:inherit;}
	.vision_list03 > li .strg_list li > div.line1  > p {min-height:auto;}
	
	.line_bk1 {display:inline;}
}
@media screen and (max-width:920px) {
	.vision_list01 {margin-left:-10px;}
	.vision_list01 li {margin-bottom:0px; padding:10px; width:50%; height:inherit;}
	.vision_list01 li:last-child {margin-bottom:10px;}
	
	.vision_list02 li .mini_tit2 {min-height:inherit; line-height:inherit; border-top-left-radius:10px; border-top-right-radius:10px;}
	.vision_list02 li span {padding-top:0; min-height:inherit;}

	.vision_list03 li {width:50%;}
	/*.vision_list03 > li .mini_tit3 {width:100%;}*/
	.vision_list03 > li .mini_tit3 {margin-bottom:8px; line-height:inherit; text-indent:0; width:100%;}
	
	.vision_minilist li {width:100%; padding:0;}
}
@media screen and (max-width:767px) {
	.vision_list01 li {font-size:2.0rem;}

	.vs_tbox dt {display:block; float:none; width:100%;}
	.vs_tbox dd {display:block; float:none; margin-top:8px; width:100%;}
	
	.vision_list01.esg_list01 .vt_inner {font-size:1.9rem;}
	.vision_minilist li {font-size:1.4rem;}
}
@media screen and (max-width:640px) {
	.vision_list01 li {margin:0 auto; width:100%;}
	.vision_list01 li .vt_inner {padding:15px;}
	
	.vision_list02 li {margin:0 auto; width:100%;}
	
	.vision_list03 li {float:none; width:100%;}
	.vision_list03 li .vt_inner {height:auto;}
	.vision_list03 li .vt_inner span {min-height:auto;}
	
	
	.vision_minilist li {margin-top:10px;}
}
@media screen and (max-width:480px) {
	.vision_list02 li .vt_inner {padding:15px;}
	.vision_list02 li .vt_inner.line1 {padding-top:15px;}
	
}


/*07공사소개 > 03조직 및 업무 > 01조직도*/
.org_box {text-align:center; font-size:1.8rem;}
.org_box:after {content:''; display:block; visibility:hidden; clear:both;}

.org_box01 {display:block; position:relative; margin:0 auto; width:180px; height:180px; background-color:#3A79BB; border-radius:50%; color:#fff; line-height:180px;}
.org_box01:after {content:''; display:block; position:absolute; top:180px; left:50%; width:1px; height:180px; background-color:#aaa;}

.org_box02 {overflow:hidden; position:relative; margin:20px auto; width:70%;}
/*.org_box02:before {content:''; display:block; position:absolute; top:50%; left:0; height:1px; width:100%; background-color:#aaa;}*/
.org_box02 > div {position:relative;}
.org_box02 .org_left {position:absolute; left:0; top:0; margin-bottom:0; border:1px solid #65AA3D; background-color:#f4fbef;}
.org_box02 .org_right {margin:0 auto;/*float:right;*/border:1px solid #0a639d; background-color:#eef7fc;}
.org_box02 .org_left,
.org_box02 .org_right {width:220px; height:60px; border-radius:10px; line-height:60px; text-align:center;}

.org_box03 {display:block; position:relative; padding-bottom:20px; width:100%;}
.org03_list {display:block; padding:10px 10px 0 0; border:1px solid #aaa; background-color:#fff;}
.org03_list:after {content:''; display:block; visibility:hidden; clear:both;}
.org03_list li {display:inline-block; float:left; width:25%; padding:0 0 10px 10px;}
.org03_list li a {display:block; padding:10px; border:1px solid #aaa; border-radius:10px;}
.org03_list li a:hover,
.org03_list li a:active,
.org03_list li a:focus {border-color:#0a639d;}
.org03_list li.tab_on a {background-color:#0a639d; color:#fff; border-color:#0a639d;}

.org_search {margin-bottom:30px; padding:30px 20px; text-align:center; background-color:#f6f6f6; border:1px solid #dbdbdb;}
.org_search p {font-size:1.8rem; margin-bottom:10px;}
.org_search .orgForm {position:relative; width:80%; margin:0 auto;}
.org_search .orgForm:after {content:''; display:block; visibility:hidden; clear:both;}
.org_search .orgForm .orgInp {float:left; width:86%; margin-right:1%; padding:0 10px; height:40px; background:#fff; border:1px solid #dbdbdb;}
.org_search .orgForm .orgSearchBtn {float:right; width:13%; height:40px; color:#fff; background-color:#353a3f; cursor:pointer;}


.org_info {padding:15px 15px 10px; text-align:left; margin-bottom:20px; border:1px solid #ddd;}
.org_info:after {content:''; display:block; visibility:hidden; clear:both;}
.org_info li {display:inline-block; float:left; width:33.3333%; padding-bottom:10px; padding-right:5px;}
.org_info li:after {content:''; display:block; visibility:hidden; clear:both;}
/*
.org_topbtn {display:none; position:fixed; bottom:50%; left:50%; margin:-130px 0 0 650px; z-index:100;}
.org_topbtn a {position:relative; width:30px; height:30px; }
.org_topbtn a:before {content:''; position:absolute; left:0; top:0; width:30px; height:30px; background:url(../images/sub/top_btn.jpg) center center no-repeat; }
*/

/* media query */
@media screen and (max-width:1200px) {

}
@media screen and (max-width:1024px) {
	.org_box02 {width:100%;}
}

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

@media screen and (max-width:767px) {
	.org_box02 .org_left {position:relative;}
	.org_box02 .org_right {margin-bottom:10px;}
	
	.org_box02 .org_left,
	.org_box02 .org_right {float:none; width:100%;}
	.org03_list li {width:50%; font-size:1.6rem;}
	.org_box01:after {top:180px;}
	
  	.org_search {padding:20px;}
	.org_search p{font-size:1.6rem;}
	.org_search .orgForm .orgInp{width:79%; margin-right:1%}
	.org_search .orgForm .orgSearchBtn{width:20%;}
  
  	.org_info li {width:50%;}
}

@media screen and (max-width:640px) {
	.org_box {font-size:1.6rem;}
	.org_box02 .org_left,
	.org_box02 .org_right {float:none; width:100%;}
	
	.org_search .orgForm{width:100%;}
}

@media screen and (max-width:480px) {
	.org_box02 .org_left,
	.org_box02 .org_right {float:none; width:100%;}
	
	.org_search .orgForm .orgInp{width:73%; margin-right:2%}
	.org_search .orgForm .orgSearchBtn{width:25%;}
  
	.org03_list li {font-size:1.4rem;}
  
  	.org_info li {padding-bottom:0; width:100%;}
}


@media screen and (max-width:330px) {
  .org03_list li a {font-size:1.3rem;}
}


/*07공사소개 > 04홍보관 > 02CI*/
/*심볼마크*/
.round {padding:30px; border:1px solid #ddd; border-radius:10px;}
.ci_box {min-height:290px;}
.ci_box:after {content:''; display:block; visibility:hidden; clear:both;}
.ci_box .ci_inner_left {float:left; width:40%; text-align:center;}
.ci_box .ci_inner_left .symbol {}
.ci_box .ci_inner_right {position:relative; float:left; width:60%; padding-left:20px; border-left:1px solid #ddd;}

/*로고타입*/
.logotype {background:url(../images/sub/sub07/img_grid_bg.gif) 0 0 repeat;}
.logotype:after {content:''; display:block; visibility:hidden; clear:both;}
.logotype li {float:left; width:50%; padding:20px; text-align:center;}
.logotype li:last-child {border-left:1px solid #ddd;}
.logotype li span {display:inline-block; width:80px; padding:5px 0px; margin-bottom:30px; border-radius:50px; color:#fff; background-color:#005BAB; font-weight:500;}
.logotype li p {}

/*시그니처*/
.signature {background:url(../images/sub/sub07/img_grid_bg.gif) 0 0 repeat;}
.signature:after {content:''; display:block; visibility:hidden; clear:both;}
.signature > li {/*float:left; width:50%;*/width:100%; padding:20px; text-align:center; }
.signature > li .s_tit {display:inline-block; width:100px; padding:5px 0px; border-radius:50px; color:#fff; font-weight:500; background-color:#005BAB;}
.signature > li.s_right {border-top:1px solid #ddd;}
.signature > li.s_right ul li {float:left; width:25%;}

.signature.s_lr li.s_right {padding-left:30px;}
.signature.s_lr li.s_right ul li {width:50%; margin:7px 0;}

/*슬로건*/
.slogan {background:url(../images/sub/sub07/img_grid_bg.gif) 0 0 repeat;}
.slogan:after {content:''; display:block; visibility:hidden; clear:both;}
.slogan > li {float:left; width:50%; padding:20px; text-align:center;}
.slogan > li.s_left {border-right:1px solid #ddd;}
.slogan > li .s_tit {display:inline-block; width:100px; padding:5px 0px; border-radius:50px; color:#fff; font-weight:500; background-color:#005BAB;}
.slogan li.s_right ul li {float:left; width:50%;}

/*컬러시스템*/
.color_list {}
.color_list > li {width:100%;}
.color_list > li.main_color {/*border-right:1px solid #ddd;*/}
.color_list > li.main_color .umc_main_color {min-height:80px; background-color:#00B3F1; border-radius:5px; color:#121212; text-align:center;}
.color_list > li.main_color .umc_main_color p {padding:20px; font-size:2.4rem; font-weight:500;}
.color_list > li.main_color .umc_main_color p .mainColor_info {display:block; font-size:1.7rem; font-weight:400;}
.color_list > li.sub_color {}
.color_list > li.sub_color > ul {margin-left:-10px;}
.color_list > li.sub_color > ul:after {content:''; display:block; visibility:hidden; clear:both;}
.color_list > li.sub_color > ul > li {float:left; width:33.3333%; padding:0px 0 10px 10px; border-radius:10px;}
.color_list > li.sub_color > ul > li:nth-child(1), 
.color_list > li.sub_color > ul > li:nth-child(2){width:50%;}
.color_list > li.sub_color > ul > li > .umc_sub_color {padding:20px; border-radius:5px; color:#121212; text-align:center;}
.color_list > li.sub_color > ul > li > .umc_sub_color.sub01 {background-color:#005BAB; color:#fff;} 
.color_list > li.sub_color > ul > li > .umc_sub_color.sub02 {background-color:#72BF44;} 
.color_list > li.sub_color > ul > li > .umc_sub_color.sub03 {background-color:#6D6E71; color:#fff;} 
.color_list > li.sub_color > ul > li > .umc_sub_color.sub04 {background-color:#AF996F;} 
.color_list > li.sub_color > ul > li > .umc_sub_color.sub05 {background-color:#B6BCBE;} 
.color_list > li.sub_color > ul > li > .umc_sub_color p {font-size:1.8rem; font-weight:500;}
.color_list > li.sub_color > ul > li > .subColor_info {font-size:1.4rem; display:block;}

/* media query */
@media screen and (max-width:1200px) {

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

@media screen and (max-width:920px) {
	.color_list > li {float:none;}
	.color_list > li.main_color {width:100%;}
	.color_list > li.sub_color {width:100%; margin-right:0;}
	
	.signature.s_lr li.s_right ul li {float:none; width:100%;}
}

@media screen and (max-width:767px) {
	.ci_box {padding:20px;}
	.ci_box .ci_inner_left, .ci_box .ci_inner_right {float:none; width:100%;}
	.ci_box .ci_inner_left {margin-bottom:10px; border-right:0; border-bottom:1px solid #ddd;}
	.ci_box .ci_inner_left .symbol {padding-bottom:20px;}
	.ci_box .ci_inner_right {padding-left:0px; border-left:none;}
	
	.signature > li {float:none; width:100%;}
	.signature > li.s_right {border-left:0; border-top:1px solid #ddd;}
	.signature li.s_right ul li {}
	.signature.s_lr li.s_right ul:after {content:''; display:block; visibility:hidden; clear:both;}
	.signature.s_lr li.s_right ul li {float:left; width:50%;}
	
	.logotype li {float:none; width:100%;}
	.logotype li:last-child {border-left:0; border-top:1px solid #ddd;}
	
	.slogan > li {float:none; width:100%;}
	.slogan > li.s_left {border-right:0; border-bottom:1px solid #ddd;}
}

@media screen and (max-width:640px) {
	.color_list > li.sub_color > ul > li {float:none; width:100%; padding:0px 0 10px 10px;}
	.color_list > li.sub_color > ul > li:nth-child(1), 
	.color_list > li.sub_color > ul > li:nth-child(2){width:100%;}
	
	.signature li.s_right ul li {width:50%;}
	.signature.s_lr li.s_right ul li,
	.slogan li.s_right ul li {float:none; width:100%;}
	.slogan li.s_right ul li:first-child {margin-bottom:20px;}
}

@media screen and (max-width:480px) {
	.signature li.s_right ul li {float:none; width:100%;}
}

/*07공사소개 > 04홍보관 > 05홍보영상*/
	/*media query*/
@media screen and (max-width:1200px) {
}
@media screen and (max-width:1024px) {
}
@media screen and (max-width:920px){
}
@media screen and (max-width:767px) {
  .subtitles_box {height:250px; overflow-y:auto;}
}
@media screen and (max-width:640px) {
}
@media screen and (max-width:480px) {
}

/********************************
 08 이용안내
 *******************************/
 
/* 08이용안내 > 01개인정보처리방침 > 01개인정보처리방침 */
.psn_infolist {display:block; margin-top:15px; padding:15px 20px 0; border-top:1px solid #ddd;}
.psn_infolist .dashed_line {padding-bottom:10px; border-bottom:1px dashed #ddd; text-align:center; font-size:1.8rem;}
.psn_infolist ul {display:block; padding-top:10px;}
.psn_infolist ul:after {content:''; display:block; visibility:hidden; clear:both;}
.psn_infolist li {display:inline-block; float:left; width:50%; padding:2px 10px 2px 8px;}
.psn_infolist li:after {content:''; display:block; visibility:hidden; clear:both;}
.info_txtbox .psn_infolist ul > li:before {top:10px;}

.psnlist_tbox {margin-bottom:25px;}
.psnlist_tbox .first_p {margin-bottom:10px;}


/* 개인정보 라벨링 */
.psn_labelbox {display:block; margin:0 0 10px;}
.psn_labelbox:after {content:''; display:block; visibility:hidden; clear:both;}
.psn_labelbox ul {display:inline-block; margin-left:-10px;}
.psn_labelbox ul:after {content:''; display:block; visibility:hidden; clear:both;}
.psn_labelbox li {display:inline-block; float:left; padding:0 0 10px 10px; text-align:center;}
.psn_labelbox li div {padding:5px 10px; border:1px solid #ddd; border-top-right-radius:10px; border-bottom-left-radius:10px;}
.psn_labelbox li:after {content:''; display:block; visibility:hidden; clear:both;}

.psn_labelbox li .psn_licon {display:block; margin:0 auto; width:65px; height:65px; background-position:0 0; background-repeat:no-repeat; background-size:100%;}
.psn_labelbox li .psn_licon.icon01 {background-image:url(../images/sub/sub08/psn_label01.png);}/* 개인정보 */
.psn_labelbox li .psn_licon.icon02 {background-image:url(../images/sub/sub08/psn_label02.png);}/* 개인영상정보 */
.psn_labelbox li .psn_licon.icon03 {background-image:url(../images/sub/sub08/psn_label03.png);}/* 민감정보 */
.psn_labelbox li .psn_licon.icon04 {background-image:url(../images/sub/sub08/psn_label04.png);}/* 생체정보 */
.psn_labelbox li .psn_licon.icon05 {background-image:url(../images/sub/sub08/psn_label05.png);}/* 개인위치정보 */
.psn_labelbox li .psn_licon.icon06 {background-image:url(../images/sub/sub08/psn_label06.png);}/* 고유식별정보 */
.psn_labelbox li .psn_licon.icon07 {background-image:url(../images/sub/sub08/psn_label07.png);}/* 주민등록번호 */
.psn_labelbox li .psn_licon.icon08 {background-image:url(../images/sub/sub08/psn_label08.png);}/* 여권번호 */
.psn_labelbox li .psn_licon.icon09 {background-image:url(../images/sub/sub08/psn_label09.png);}/* 운전면허번호 */
.psn_labelbox li .psn_licon.icon10 {background-image:url(../images/sub/sub08/psn_label10.png);}/* 외국인등록번호 */
.psn_labelbox li .psn_licon.icon11 {background-image:url(../images/sub/sub08/psn_label11.png);}/* 처리항목 */
.psn_labelbox li .psn_licon.icon12 {background-image:url(../images/sub/sub08/psn_label12.png);}/* 처리목적 */
.psn_labelbox li .psn_licon.icon13 {background-image:url(../images/sub/sub08/psn_label13.png);}/* 추가적이용 */
.psn_labelbox li .psn_licon.icon14 {background-image:url(../images/sub/sub08/psn_label14.png);}/* 자동화수집 */
.psn_labelbox li .psn_licon.icon15 {background-image:url(../images/sub/sub08/psn_label15.png);}/* 행태정보수집 */
.psn_labelbox li .psn_licon.icon16 {background-image:url(../images/sub/sub08/psn_label16.png);}/* 가명정보처리 */
.psn_labelbox li .psn_licon.icon17 {background-image:url(../images/sub/sub08/psn_label17.png);}/* 국외이전 */
.psn_labelbox li .psn_licon.icon18 {background-image:url(../images/sub/sub08/psn_label18.png);}/* 제3자제공 */
.psn_labelbox li .psn_licon.icon19 {background-image:url(../images/sub/sub08/psn_label19.png);}/* 처리위탁 */
.psn_labelbox li .psn_licon.icon20 {background-image:url(../images/sub/sub08/psn_label20.png);}/* 보유기간(설정) */
.psn_labelbox li .psn_licon.icon21 {background-image:url(../images/sub/sub08/psn_label21.png);}/* 파기 */
.psn_labelbox li .psn_licon.icon22 {background-image:url(../images/sub/sub08/psn_label22.png);}/* 정보주체의권리의무 */
.psn_labelbox li .psn_licon.icon23 {background-image:url(../images/sub/sub08/psn_label23.png);}/* 안전성확보조치 */
.psn_labelbox li .psn_licon.icon24 {background-image:url(../images/sub/sub08/psn_label24.png);}/* 처리방침변경 */
.psn_labelbox li .psn_licon.icon25 {background-image:url(../images/sub/sub08/psn_label25.png);}/* 개인정보보호인증 */
.psn_labelbox li .psn_licon.icon26 {background-image:url(../images/sub/sub08/psn_label26.png);}/* 관리수준진단 */
.psn_labelbox li .psn_licon.icon27 {background-image:url(../images/sub/sub08/psn_label27.png);}/* 법정대리인 */
.psn_labelbox li .psn_licon.icon28 {background-image:url(../images/sub/sub08/psn_label28.png);}/* 개인정보보호책임자 */
.psn_labelbox li .psn_licon.icon29 {background-image:url(../images/sub/sub08/psn_label29.png);}/* 국내대리인 */
.psn_labelbox li .psn_licon.icon30 {background-image:url(../images/sub/sub08/psn_label30.png);}/* 고충처리부서 */
.psn_labelbox li .psn_licon.icon31 {background-image:url(../images/sub/sub08/psn_label31.png);}/* 권익침해구제 */
.psn_labelbox li .psn_licon.icon32 {background-image:url(../images/sub/sub08/psn_label32.png);}/* 열람청구 */
.psn_labelbox li .psn_licon.icon33 {background-image:url(../images/sub/sub08/psn_label33.png);}/* 영상정보처리기기 */



	/*media query*/
@media screen and (max-width:1200px) {
}
@media screen and (max-width:1024px) {
}
@media screen and (max-width:920px){
}
@media screen and (max-width:767px) {
  	.psnlist_tbox {margin-bottom:20px;}
}
@media screen and (max-width:640px) {
	.psn_infolist {padding:15px 10px 0;}
	.psn_infolist .dashed_line {font-size:1.5rem;}
	.psn_infolist li {display:block; float:none; width:100%; padding:2px 0 2px 8px;}
	
	.psn_labelbox li .psn_licon {width:45px; height:45px;}
	.psn_labelbox li span {font-size:1.2rem;}
}
@media screen and (max-width:480px) {
	.psn_labelbox ul {display:block;}
	.psn_labelbox li {width:50%; line-height:1.2;}
	.psn_labelbox.col3 li {width:33.3333%;}
	.psn_labelbox.col3_5 li {width:33.3333%;}
	.psn_labelbox.col3_5 li div {min-height:91px;}
	
}

@media screen and (max-width:440px) {
	.psn_labelbox.col3_5 li div {padding:5px;}
}


@media screen and (max-width:350px) {
	
	.psn_labelbox.col3 li div {padding:5px;}
}


/* 법조항 팝업(정보주체와 법정 대리인~)  */
.law_pop {display:inline-block;}
.law_pop .law_popup {position:absolute; width:500px; left:20%; background:#fff; border:1px solid #0072d2; border-radius:10px; z-index:1;}
.law_pop .law_popup.pop03 {left:unset; right:0;}
.law_pop .law_popup .law_popinner {padding:20px 20px 80px; color:#333;}
.law_pop .law_popup .law_popinner h2 {padding-bottom:5px; border-bottom:1px dashed #ddd; text-align:center; font-size:2.0rem;}
.law_pop .law_popup .law_popinner button {position:absolute; bottom:20px; right:20px;}


	/*media query*/
@media screen and (max-width:1210px) {
	.law_pop .law_popup.pop03 {right:unset; left:0;}
}
@media screen and (max-width:1024px) {
}
@media screen and (max-width:920px){
}
@media screen and (max-width:767px) {
	.law_pop .law_popup,
	.law_pop .law_popup.pop03 {width:100%; left:50%; margin-left:-50%;}
	.law_pop .law_popup .law_popinner h2 {font-size:1.8rem;}
}
@media screen and (max-width:640px) {
}
@media screen and (max-width:480px) {
	.law_pop .law_popup .law_popinner h2 {font-size:1.6rem;}
}



/* 08이용안내 > 02이용자약관 */
.clause_box {margin-bottom:25px;}


	/*media query*/
@media screen and (max-width:1200px) {
}
@media screen and (max-width:1024px) {
}
@media screen and (max-width:920px){
}
@media screen and (max-width:767px) {
  	.clause_box {margin-bottom:20px;}
}
@media screen and (max-width:640px) {
}
@media screen and (max-width:480px) {
}


/* 08이용안내 > 04뷰어다운로드 */
.viewer_listbox {overflow:hidden;}
.viewer_listbox:after {content:''; display:block; visibility:hidden; clear:both;}
.viewer_listbox .viewer_listinner {margin-left:-10px;}
.viewer_list li {float:left; display:inline-block; margin-bottom:10px; padding-left:10px;}
.viewer_list li .viewer_fix {position:relative; padding:20px 15px 10px; min-height:190px; border:1px solid #ddd;}
.viewer_list li .viewer_fix .viewer_img {position:relative; padding-left:70px;}
.viewer_list li .viewer_fix .viewer_img:before {content:''; display:inline-block; position:absolute; top:0; left:0; width:50px; height:50px; background-image:url(../images/sub/sub08/viewer_ir.png); background-repeat:no-repeat;}
.viewer_list li .viewer_fix .viewer_img.ico_img01:before {background-position:0 0;}/*한글*/
.viewer_list li .viewer_fix .viewer_img.ico_img02:before {background-position:0 -50px;;}/*PDF*/
.viewer_list li .viewer_fix .viewer_img.ico_img03:before {background-position:0 -100px;}/*어도비쇼크웨이브*/
.viewer_list li .viewer_fix .viewer_img.ico_img04:before {background-position:-0 -150px;}/*파워포인트*/
.viewer_list li .viewer_fix .viewer_img.ico_img05:before {background-position:0 -200px;}/*엑셀*/
.viewer_list li .viewer_fix .viewer_img.ico_img06:before {background-position:0 -250px;}/*워드*/
.viewer_list li .viewer_fix .viewer_img dt {color:#121212;}
.viewer_list li .viewer_fix .btn_one {position:absolute; right:10px; bottom:10px; margin-bottom:0;}
.viewer_list.col_2 li {width:50%}

/*media query*/
@media screen and (max-width:1024px){
}
@media screen and (max-width:920px) {
  	.viewer_list li:nth-child(1) .viewer_fix,
  	.viewer_list li:nth-child(2) .viewer_fix {min-height:230px;}
}
@media screen and (max-width:767px) {
	.viewer_list li {display:block; float:none;}
	.viewer_list li .viewer_fix {padding:15px 15px 10px; min-height:0;}
  	.viewer_list li:nth-child(1) .viewer_fix,
  	.viewer_list li:nth-child(2) .viewer_fix {min-height:0;}
	.viewer_list li .viewer_fix .viewer_img {padding-bottom:50px;}
	.viewer_list.col_2 li {width:100%}
}

@media screen and (max-width:640px) {
	.viewer_list li .viewer_fix .viewer_img {padding-bottom:0;}
	.viewer_list li .viewer_fix .btn_one {position:relative; right:auto; bottom:auto; margin-top:10px;}
}
@media screen and (max-width:480px) {
}


/* 08이용안내 > 05 전체메뉴 */
.sitemap_box {display:flex; flex-wrap:wrap; justify-content:space-between; align-items:stretch;}
.sitemap_box:after {content:''; display:block; visibility:hidden; clear:both;}
.sitemap_inner {margin-bottom:20px; width:calc(50% - 10px); border:1px solid #ddd; border-top-right-radius:20px; border-bottom-left-radius:20px;}
.sitemap_inner:last-child {margin-left:20px;}
.sitemap_inner:after {content:''; display:block; visibility:hidden; clear:both;}
.sitemap_cont {position:relative; padding:20px;}
.sitemap_cont:after {content:''; display:block; visibility:hidden; clear:both;}
.sitemap_cont a[target="_blank"]{padding-right:20px !important; background:url(../images/ic_open_win.png) right 2px no-repeat;}
.sitemap_cont .line_bk {display:block;}
.sitemap_cont > dt {margin-bottom:10px; padding-bottom:10px; font-size:2.2rem; border-bottom:1px solid #aaa; text-align:center;}
.sitemap_cont > dt a {color:#121212; line-height:1.3;}
.sitemap_cont > dd {display:block; padding:10px 0; border-bottom:1px dashed #ddd;}
.sitemap_cont > dd:last-child {border-bottom:none;}
.sitemap_cont > dd:after {content:''; display:block; visibility:hidden; clear:both;}
.sitemap_cont > dd strong {position:relative; display:inline-block; float:left; width:23%;}
.sitemap_cont > dd strong a {position:relative; display:inline-block; color:#005aab;}
.sitem_list {display:inline-block; float:left; width:77%; padding-left:15px;}
.sitem_list:after {content:''; display:block; visibility:hidden; clear:both;}
.sitem_list > li {position:relative; display:inline-block; padding:0 8px; float:left; width:33.3333%; font-size:1.4rem;}
.sitem_list > li:before {content:''; position:absolute; left:0; top:8px; width:4px; height:4px; background-color:#005aab; border-radius:10px;}
.sitem_list > li:after {content:''; display:block; visibility:hidden; clear:both;}
.sitem_list > li > ul > li {position:relative; padding-left:7px;}
.sitem_list > li > ul > li:before {content:''; display:block; position:absolute; top:7px; left:-3px; width:6px; height:9px; background-position:0 -115px;}

.sitem_set04 .sitem_list > li:nth-child(4):before,
.sitem_set04 .sitem_list > li:nth-child(5):before {display:none;}

/*media query*/
@media screen and (max-width:1024px){
	.sitemap_cont > dt {font-size:2.0rem;}
	.sitemap_cont > dd strong {width:30%;}
	.sitem_list {width:70%;}
	.sitem_list > li {width:50%;}
	
}
@media screen and (max-width:920px) {
}
@media screen and (max-width:867px) {
	.sitemap_cont > dd strong {display:block; float:none; width:100%;}
	.sitem_list {display:block; float:none; width:100%; padding-left:0; padding-top:5px;}

}
@media screen and (max-width:767px) {
	.sitemap_cont > dt {font-size:1.8rem;}

}
@media screen and (max-width:640px) {
	.sitemap_inner {display:block; width:100%;}
	.sitemap_inner:last-child {margin-left:0;}
	.sitemap_cont > dt {margin-bottom:5px;}
	.sitemap_cont > dd strong {display:inline-block; float:left; width:30%;}
	.sitem_list {display:inline-block; float:left; width:70%; padding-left:10px; padding-top:0;}
}
@media screen and (max-width:480px) {
	.sitemap_cont > dd strong {display:block; float:none; width:100%;}
	.sitem_list {display:block; float:none; width:100%; padding-left:0; padding-top:5px;}
}