@CHARSET "UTF-8";

/********************************
 센터소개
 *******************************/
.list.dl li:before {top:8px;}
.dlTable {display:flex;}
.dlTable dt {position:relative; width:61px; height:26px; text-align:justify;}
.dlTable dt:before {content:':'; position:absolute; right:-15px; top:-1px;}  
.dlTable dt:after {content:''; display:inline-block; width:100%;}
.dlTable dd {padding-left:30px;}


/* 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){
}

@media screen and (max-width:480px){
	.dlTable {flex-direction:column;}
	.dlTable dt {width:inherit; height:inherit; text-align:unset;}
	.dlTable dt:before,
	.dlTable dt:after {display:none;}
	.dlTable dd {padding-left:0; padding-bottom:10px;}
}


 /* 센터소개 > 센터안내 */
.center_box {} 
.centerInfo_box {display:flex; flex-wrap:nowrap; justify-content:space-between; gap:80px;}
.centerInfo_box .leftbox {width:58%;}
.centerInfo_box .leftbox .textbox {}
.centerInfo_box .leftbox .textbox .titlebox {color:#543024; margin-bottom:15px; font-family:'SBAggro'; font-weight:600; font-size:2.9rem; line-height:1.4;}
.centerInfo_box .leftbox .textbox .titlebox .colortxt {color:#ff6129;}
.centerInfo_box .leftbox .textbox p {margin-bottom:40px;}

.centerInfo_box .leftbox .leftList {}
.centerInfo_box .leftbox .leftList dl {display:flex; flex-wrap:nowrap; justify-content:flex-start; margin-bottom:7px; padding:30px 20px; border-radius:8px 28px 8px 8px; background-color:#fafafa; border:1px solid #dadada;}
.centerInfo_box .leftbox .leftList dl dt {font-weight:600; color:#121212; padding-right:20px;}
.centerInfo_box .leftbox .leftList dl dd {color:#333;}

.centerInfo_box .rightbox.pcmode {width:42%;}
.centerInfo_box .rightbox.mo {display:none;}
.centerInfo_box .rightbox .imagebox {position:relative; width:100%; height:100%; border-radius:150px 20px 20px 20px;}
.centerInfo_box .rightbox .imagebox:before {content:''; display:block; position:absolute; bottom:-30px; left:-60px; width:154px; height:198px; background:url(/images/egovframework/story/web/sub/character.svg) no-repeat;}
.centerInfo_box .rightbox .imagebox img {object-fit:cover; width:100%; height:100%; border-radius:150px 20px 20px 20px;}

.centerList_box {}
.centerList_box ul {display:flex; flex-wrap:nowrap; justify-content:space-between; gap:28px; margin-top:60px;}
.centerList_box ul li {width:33.3333%;}
.centerList_box ul li .inbox {position:relative; min-height:200px; padding:40px; border-radius:10px 60px 10px 10px; border:1px solid #fec7b8; background-color:#fff9f8; box-shadow:0 0 10px rgba(235,142,117,0.35);}
.centerList_box ul li:nth-child(2) .inbox {border:1px solid #feb5a1; background-color:#ffeae4; box-shadow:0 0 10px rgba(223,111,81,0.35);}
.centerList_box ul li .inbox .tit {font-family:'OneMobile'; font-size:2.4rem; color:#222;}
.centerList_box ul li .inbox .c_ico {display:block; position:absolute; bottom:35px; right:35px; width:91px; height:91px; background:url(/images/egovframework/story/web/sub/icon_introList.png) no-repeat;}
.centerList_box ul li .inbox .c_ico.ci01 {background-position:0 0px;}
.centerList_box ul li .inbox .c_ico.ci02 {background-position:-91px 0px;}
.centerList_box ul li .inbox .c_ico.ci03 {background-position:-182px 0px;}

/* media query */
@media screen and (max-width:1300px){
	.centerInfo_box {gap:60px;}
	.centerInfo_box .leftbox {width:52%;}
	.centerInfo_box .rightbox.pcmode {width:48%;}
}

@media screen and (max-width:1024px){
	.centerList_box ul {gap:20px;}
	.centerList_box ul li .inbox {padding:30px;}
	.centerList_box ul li .inbox .tit {font-size:2.2rem;}
	.centerList_box ul li .inbox .c_ico:before {bottom:20px; right:25px;}	
	
	.centerInfo_box .rightbox .imagebox:before {bottom:-20px; left:-50px; width:134px; height:158px;}
}

@media screen and (max-width:920px){
	.centerInfo_box {gap:50px;}
	.centerInfo_box .leftbox {width:50%;}
	.centerInfo_box .rightbox.pcmode {width:50%;}
	.centerInfo_box .rightbox .imagebox:before {left:-45px; width:114px; height:138px;}
	
}

@media screen and (max-width:800px){
	.centerInfo_box {flex-wrap:wrap; gap:50px;}
	.centerInfo_box .leftbox {width:100%;}
	.centerInfo_box .leftbox .textbox .titlebox {font-size:2.5rem;}
	.centerInfo_box .leftbox .textbox p {margin-bottom:20px;}
	
	.centerInfo_box .leftbox .leftList dl {padding:15px;}
	.centerInfo_box .leftbox .leftList dl dt {padding-right:15px;}
	
	.centerInfo_box .rightbox.mo {display:block; margin: 0 auto;}
	.centerInfo_box .rightbox.pcmode {display:none;}
	.centerInfo_box .rightbox .imagebox {width:85%; margin:0 auto;}
	.centerInfo_box .rightbox .imagebox img {border-radius:110px 20px 20px 20px;}

	.centerList_box ul {flex-wrap:wrap; justify-content:center; gap:15px; margin-top:30px;}
	.centerList_box ul li {width:100%;}
	.centerList_box ul li .inbox {min-height:auto;}
	.centerList_box ul li .inbox .tit {font-size:2.0rem;}
	.centerList_box ul li .inbox .c_ico {bottom:auto; top:50%; margin-top:-25px; right:35px; width:56px; height:56px;}
	.centerList_box ul li .inbox .c_ico.ci01 {background-position:0 -91px;}
	.centerList_box ul li .inbox .c_ico.ci02 {background-position:-56px -91px;}
	.centerList_box ul li .inbox .c_ico.ci03 {background-position:-112px -91px;}
}

@media screen and (max-width:640px){
	.centerInfo_box {gap:35px;}
	.centerInfo_box .rightbox .imagebox {width:65%;}
	.centerInfo_box .rightbox .imagebox:before {bottom:-20px; left:-40px; width:104px; height:128px;}
	.centerInfo_box .rightbox .imagebox img {border-radius:90px 20px 20px 20px;}
}

@media screen and (max-width:480px){
	.centerInfo_box .leftbox .textbox .titlebox {font-size:2.2rem;}
	.centerInfo_box .rightbox .imagebox:before {bottom:-20px; left:-30px; width:84px; height:108px;}
}
 


 /* 센터소개 > 조직 및 연혁 > 조직도 */
/*.org_allbox {padding:30px 0; text-align:center; font-size:2.2rem; font-family:'OneMobile'; background-color:#fbf9f7;}*/
.org_allbox {padding:30px 0; text-align:center; font-size:2.2rem; font-family:'OneMobile'; background:linear-gradient(-180deg, #fff 0%, rgb(213 118 37 / 6%)  90%); border-radius:30px;}
.org_allbox:after {content:''; display:block; visibility:hidden; clear:both;}
.org_allbox > ol > li {display:block;position:relative;}
.org_allbox > ol > li:after {content:''; display:block; clear:both; visibility:hidden;}

.org_box01 {display:block; position:relative; margin:0 auto 20px; width:160px; height:160px; background-color:#d8521b; border-radius:60px; color:#fff;}
.org_box01 p {padding-top:63px;}
.org_box01:after {content:''; display:block; background-color:#d5d7dd; width:1px; height:120px; position:absolute; top:160px; left:50%;}

.org_box02 {display:block; position:relative; width:100%; margin-top:100px;}
.org_box02:before {content:''; position:absolute; top:-36px; left:25%; width:50%; height:1px; background-color:#d5d7dd;}
.org02_list {display:flex; flex-wrap:nowrap; justify-content:space-between;}
.org02_list:after {content:''; display:block; visibility:hidden; clear:both;}
.org02_list li {display:inline-block; width:50%;}
.org02_list li span {position:relative; display:block; width:250px; height:70px; line-height:70px; margin:0 auto; border-radius:7px; border:2px solid #5b504e; background-color:#fff; color:#5b504e; font-size:1.8rem; z-index:2;}
.org02_list li span:before {content:''; position:absolute; width:170px; height:1px; left:100%; top:50%; background-color:#d5d7dd;}
.org02_list li:nth-child(2) span:before {left:-70%;}

.org_box03 {position:relative; margin:30px auto; width:250px; height:70px;}
.org_box03:before {content:''; display:block; position:absolute; top:70px; left:50%; background-color:#d5d7dd; width:1px; height:64px;}
.org_box03 span {display:block; line-height:70px; border-radius:50px; color:#fff; background-color:#5b504e; font-weight:500;}

.org_box04 {display:block; position:relative; width:100%; margin-top:50px;}
/*.org_box04:before {content:''; position:absolute; top:-36px; left: 12.5%; width: 75%; height:1px; background-color:#d5d7dd;}*/
.org04_list {display:flex; flex-wrap:nowrap; justify-content:center; margin:0 10px auto; background-color:#fff; padding:10px; border:1px solid #c5c2be; border-radius:7px;}
.org04_list:after {content:''; display:block; visibility:hidden; clear:both;}
.org04_list li {display:inline-block; width:24%; margin:0 auto; box-sizing:border-box;}
.org04_list li span {position:relative; display:block; padding:12px 0; margin:0 auto; border-radius:10px; background-color:#37322a; color:#fff; font-size:1.8rem;}
/*.org04_list li span:before {content:''; position:absolute; width:1px; height:36px; left:50%; top:-36px; background-color:#d5d7dd;}*/
	
	/*media query*/
@media screen and (max-width:1200px) {
}
@media screen and (max-width:1024px) {
}
@media screen and (max-width:920px) {
	.org_allbox {font-size:1.8rem;}
	
	.org_box01 {margin:0 auto 20px; width:140px; height:140px; border-radius:55px;}
	.org_box01 p {padding-top:60px;}
	.org_box01:after {top:140px;}
	
	.org02_list li span:before {width:60%;}
	.org02_list li:nth-child(2) span:before {left: -61%;}
}
@media screen and (max-width:850px) {
	.org02_list li span:before {width:50%;}
	.org02_list li:nth-child(2) span:before {left: -51%;}
}
@media screen and (max-width:767px) {
	.org_box01:after {height:110px;}
	
	.org_box02:before {content:''; position:absolute; top:-36px; left:25%; width:50%; height:1px; background-color:#d5d7dd;}
	.org02_list li span {width:180px; height:65px; line-height:65px; font-size:1.7rem;}
	.org02_list li span:before {width:130px; height:1px; left:100%;}
	.org02_list li:nth-child(2) span:before {left:-75%;}

	.org_box03 {margin:25px auto; width:200px; height:65px;}
	.org_box03:before {top:65px;}
	.org_box03 span {line-height:65px;}

	.org_box04:before {left:24%; width:50%; height:1px;}
	.org04_list {flex-wrap:wrap;}
	.org04_list li {width:50%;}
	.org04_list li span {padding:12px 0; margin:4px; font-size:1.5rem;}
}
@media screen and (max-width:640px) {
	.org_box01 {width:125px; height:125px; border-radius:50px;}
	.org_box01 p {padding-top:50px;}
	.org_box01:after {top:125px;}

	.org02_list li span {width:60%; height:54px; line-height:54px;}
	.org02_list li span:before {width:45%;}
	.org02_list li:nth-child(2) span:before {left: -46%;}
	
	.org_box03 {overflow:unset; display:block; margin:20px auto; width:180px; height:60px;}
  	.org_box03 span {line-height:60px;}
	.org_box03:before {width:1px; height:41px; left:50%; top:60px;}
	
	.org_box04 {margin-top:40px;}
}
@media screen and (max-width:480px) {
	.org_box01 {width:110px; height:110px; margin-bottom:20px; border-radius:45px;}
	.org_box01 p {padding-top:42px;}
	.org_box01:after {top:110px;}

	.org02_list li span {width:70%; height:46px; line-height:46px;}
	
	.org_box03 {width:160px; height:50px;}
  	.org_box03 span {line-height:50px;}
	.org_box03:before {height:30px; top:50px;}
	
	.org_box04 {margin-top:30px;}
	.org04_list li span:before {height:30px; top:-30px;}
}

/* 센터소개 > 조직 및 연혁 > 연혁 */
.history_box {position:relative;/* padding:20px 0 0; */}
.history_box .title_box {position:relative; margin-top:110px; text-align:center;}
.history_box .title_box:before {display:block; z-index:0; content:''; position:absolute; top:-100px; left:0; width:100%; height:350px; border-radius:30px 30px 100px 30px; background-color:rgb(213 118 37 / 6%);}
.history_box .title_box span {position:absolute; z-index:2; top:-60px; left:50%; width:100%; color:#fff; font-size:8.0rem; line-height:80px; letter-spacing:-0.2rem; font-family:OneMobile; text-shadow:3px 4px 15px rgba(0, 0, 0, 0.2); transform:translateX(-50%);}
.history_box .history_item {position:relative; z-index:1; margin:50px 90px; padding:80px 20px 60px 68px; background:#fff; border-radius:80px 20px 0px 0px; box-shadow:0 0 20px rgba(0,0,0,0.05);}
.history_box .history_item .history_list {position:relative; padding:0 0 10px;}
.history_box .history_item .history_list:before {display:block; position:absolute; bottom:0; left:0; width:100%; height:1px; background-repeat:repeat-x; background-position:left top; background-image:url(/images/egovframework/story/web/sub/dotline.png); content: '';}
.history_box .history_item .history_list .history_year {position:absolute; display:block; top:0; left:-102px; width:74px; height:74px; z-index:2; padding:20px 0; text-align: center;}
.history_box .history_item .history_list .history_year:before {content:''; display:block; position:absolute; top:0; left:0; width:100%; height:100%; background:#db4d00; background:linear-gradient(135deg, #f8a144 0%, #a12b1f 100%); transform:rotate(45deg); border-radius:25px;}
.history_box .history_item .history_list .history_year span {position:relative; color:#fff; font-size:2.0rem; line-height:32px; font-family:OneMobile;}

.history_box .history_item .history_list:nth-of-type(n+2){margin-top:40px;}
.history_box .history_item .history_list .list_1st li {display:flex; flex-wrap:nowrap; justify-content:flex-start; padding:20px 0; border-bottom:1px dashed #dedede;}
.history_box .history_item .history_list .list_1st .dt {display:block; font-family:OneMobile; font-weight:400; margin-right:50px;}
.history_box .history_item .history_list .list_1st .dd {display:block; vertical-align:top;}

@media all and (max-width: 1400px) {
	.history_box .history_item {margin:50px 30px 50px 50px; border-radius:80px 20px 0px 0px;}
	.history_box .title_box span {font-size:6.5rem;}
}	

@media all and (max-width: 1000px) {
	.history_box .title_box span {font-size:5.4rem;}
}	

@media all and (max-width: 640px) {
	.history_box .title_box:before {height:160px; border-radius:30px 30px 80px 30px;}
	.history_box .title_box span {font-size:4.3rem;}
	.history_box .history_item .history_list .history_year {position:relative; top:-20px; left:0; margin:0 auto;}
	.history_box .history_item {margin:50px 10px; padding:60px 0px 60px; border-radius:20px 20px 0px 0px;}
	.history_box .history_item .history_list .list_1st .dt {margin-right:30px;}
}

@media all and (max-width: 540px) {
	.history_box .title_box span {font-size:3.8rem; line-height: 40px;}
}




/* 센터소개 > 인사말 */
.greetingTop {position:relative; background-color:#fff8f4; border-radius:120px 20px 20px 20px;}
.greetingTop:before {content:''; position:absolute; right:30px; bottom:-150px; width:380px; height:360px; background:url(/images/egovframework/story/web/sub/greetingImg.png) 0 0 no-repeat; background-size:100%;}
.greetingTop .txt {padding:110px 120px 100px; font-family:'OneMobile'; font-size:2.6rem;}
.greetingTop .txt em {position:relative; color:#d8521b;}
.greetingTop .txt em:before {content:''; position:absolute; left:-50px; top:-27px; width:62px; height:42px; background:url(/images/egovframework/story/web/sub/center02Top.png) 0 0 no-repeat; background-size:100%;}

.greetingTbox {padding:100px 10px 0;}
.greetingTbox div {padding-bottom:30px;}



/* media query */
@media screen and (max-width:1220px){
	.greetingTop .txt {padding:110px 300px 100px 100px;}
}

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

@media screen and (max-width:1024px){
	.greetingTop {border-radius:100px 15px 15px 15px;}
	.greetingTop:before {right:20px; bottom:-120px; width:320px; height:303px;}
	.greetingTop .txt {padding:70px 300px 70px 65px;}
	.greetingTop .txt em:before {left:-32px; top:-18px; width:42px; height:28px;}
	
	.greetingTbox {padding:80px 10px 0;}
}

@media screen and (max-width:920px){ 
	.greetingTop .txt {font-size:2.4rem;}
	
}

@media screen and (max-width:767px){
	.greetingTop:before {display:none;}
	.greetingTop .txt {padding:65px 70px 50px 100px;}
	.greetingTbox {padding:30px 10px 0;}
}

@media screen and (max-width:640px){
	.greetingTop .txt {padding:65px 70px 50px 90px; font-size:2.0rem;}
	.greetingTop .txt em:before {left:-27px; top:-18px; width:35px; height:24px;}
}

@media screen and (max-width:480px){
	.greetingTop {border-radius:50px 10px 10px 10px;}
	.greetingTop .txt {padding:30px 30px 25px;}
	.greetingTop .txt em:before {display:none;}
	.greetingTbox {padding:20px 0 0;}
}