/*공통*/
.flexBetween{display:flex;justify-content: space-between;}
.flexLeft{display:flex;justify-content: start;align-items: center;}
.flexRight{display:flex;justify-content: end;align-items: center;}
.mr25{margin-right:1.5625rem;}
.mb25{margin-bottom:1.5625rem;}
.font-normal {font-weight: 400;}

/*font*/
.text-md {font-size:1.125rem;font-weight: 500;line-height: 150%;letter-spacing: -0.025rem;}
.text-lg {font-size:2rem;font-weight: 700;line-height:125%;letter-spacing: -0.025rem;}

/* 연혁 */
.educationTitle {position:relative;display:inline-block;font-size: 1.75rem;font-weight: 600;line-height: 129%;letter-spacing: -0.025rem;margin-bottom:2.5rem;}
.educationTitle:after {content:'';display:block;width: 0.5rem;height:0.5rem;position:absolute;top:0;right:-1.125rem;background:#ED6C00;transform:rotate(-37deg)}
.historyBlueBox {background:rgba(110, 176, 255, 0.1);border-radius:1rem;padding:2.5rem 3.25rem;width:100%;}
.history .text-lg .text-md {display:inline-block;margin-left:0.5rem;}
.historyList {overflow: hidden;height:auto;margin-top:1.5625rem;}
.historyList li{font-size: 1.125rem;margin-bottom:0.3125rem;padding-left:0.9375rem;position:relative;font-weight: 400;line-height: 150%;letter-spacing: -0.0375rem;color:#6D6D6D;}
.historyList li:after {content:'';display:block;width:0.3125rem;height: 0.3125rem;border-radius:50%;background:#6D6D6D;position: absolute;left:0;top:0.75rem;}
.historyProfBox {overflow:hidden;height:auto;display: flex;flex-wrap: wrap;gap: 1.5625rem;align-items: stretch;}
.historyProfBox .grayLineBox{padding:2.5rem 3.25rem;border:1px solid #BEBEBE;border-radius: 1rem;box-sizing: border-box;min-height: 0;height: auto;flex: 0 0 calc((100% - 3.125rem) / 3);}
.historyProfBox .grayLineBox > .text-md, .historyBlueBox > .text-md {margin-bottom:0.9375rem;}

.historyBlueBox .flex{display: flex; align-items: center; gap: 0.9375rem; font-weight: 500;}
.history .s_txt p + p{display: flex; align-items: flex-end; gap: 0.5rem;}
.history .s_txt b{font-size: 1.37rem; font-weight: 700; line-height: 1.4;}
.history .dot_list{margin-bottom: 0.9375rem;}
.history .dot_list li::before{background: #000;}
.historyProfBox .grayLineBox .fd-c{display: flex; flex-direction: column; gap: 0.9375rem;}

/*설립 목적 및 연구 내용*/
.purpose .educationTitle {margin-bottom:1.5rem;}
.purpose .text-md{color:#6D6D6D}
.purposeImgBox {width:100%;margin:3.75rem 0;}
.purposeBoxWrap {margin-top:3.125rem;overflow:hidden;height:auto;display: flex;flex-wrap: wrap;gap: 1.25rem;align-items: stretch;}
.purposeBox {box-sizing: border-box;min-height: 0;height: auto;flex: 0 0 calc((100% - 2.5rem) / 2)}
.purposeBoxTit {margin-bottom:1.25rem;border-radius: 1rem;font-size:1.125rem;font-weight:600;letter-spacing: -0.0375rem;background:#6EB0FF;color:#fff;display: flex;justify-content: center;align-items: center;width:100%;height: 3.25rem; text-align: center;}
.purposeLineBox {border-radius: 1rem;border:1px solid #2160C4;padding:1.125rem 2rem;height:calc(100% - 4.5rem)}
.purposeLineBox .historyList{margin-top:0}

/*조직도*/
.orgchartImg {width:100%;height:71.5rem;margin-bottom:10rem;overflow:hidden}

/*오시는 길*/
.flexCenter {display:flex;justify-content: center;align-items: center;}
.text-sm {font-size:1rem;font-weight: 500;letter-spacing: -0.03125rem;}
.locationTab {margin-bottom:3.75rem;overflow: hidden;height:auto;display:flex;justify-content: center;align-items: center;border:1px solid rgba(172, 172, 172, 0.3);box-sizing: border-box;cursor: pointer;}
.locationTab li{width:12.5rem;height:3.1875rem;color:#8E8E8E;display:flex;justify-content: center;align-items: center;}
.locationTab li.active {background:#1D50A2;color:#fff;}
.locationImg {width:100%;height:37.5rem;margin-bottom:3.75rem;overflow: hidden;}
.locationContent {position: relative;}
.locationContent:not(.active) {visibility: hidden;pointer-events: none;height: 0;overflow: hidden;}
.afterNone:after {display:none;}
.locationInfoBox {padding-top:1.875rem;margin-top:1.875rem;border-top:1px solid #E7E7E7;display:flex;justify-content: space-between;align-items: center;}
.grayIconBox {width:4.375rem;height:4.375rem;margin-right:1.25rem;border-radius:50%;display:flex;justify-content: center;align-items: center;background:#F4F5FA;}
.grayIconBox img {max-width: 2.1875rem;}
.locationInfoBox .text-md {color:#111}
.locationInfoBox .text-md span {margin-left:1.25rem;color:#6D6D6D;display:inline-block;}
.mr80{margin-right:5rem}
.kakaoBtn, .googleBtn {margin-left:0.625rem;height:3.375rem;width:10.3125rem;cursor:pointer;display:flex;justify-content: center;align-items: center;border-radius:50px;}
.kakaoBtn img, .googleBtn img {width: 0.9375rem;margin-right:0.625rem;}
.kakaoBtn {background:#FFE100;border:1px solid #FFE100}
.googleBtn {border:1px solid #BEBEBE}
#daumRoughmapContainer1755432740935, #daumRoughmapContainer1755432814058 {width:100% !important}
.section_address {display:none !important}

/*조직도*/
.orgchartWrap {width:100%;height:67.75rem;margin-bottom:10rem;position:relative}
.orgchartBox {width: 100%;height: 100%;overflow: hidden;gap:2.5rem}
.orgchartBoxCont {width:calc(100% / 3);position:relative}
.orgchartBoxContTextBox {width:100%;height:6.25rem;border-radius:0.625rem;display:flex;justify-content: center;align-items: center; text-align: center;}
.orgchartBoxContTextBox p {font-size:1.5rem;font-weight: 600;color:#fff;}
.orgchartBoxContLineBox {width:100%;background:#fff;}
.orgchartBg01 {background:#4167FF; margin-bottom: 8rem !important;}
.orgchartBg02 {background:#1D50A2}
.orgchartBg03 {background:#354866}
.orgchartBg04 {background:#7490B2}
.orgchartBg05 {background:#6EB0FF}

.orgchartBoxCont > div:nth-child(1){height:17.5rem;margin-bottom:10rem;}
.orgchartBoxCont > div:nth-child(2){height:14.375rem;margin-bottom:8.75rem;}
.orgchartBoxCont > div:nth-child(3){height:16.625rem;background:#fff;}
.orgchartBoxContLineBox li{color:#000}
.orgchartBoxContLineBox {border:1px solid #2160C4;border-radius: 0.625rem;margin-top:1.25rem;padding:0.75rem 1.5rem;height:calc(100% - 7.5rem)}
.orgchartBoxContLineBox ul{margin-top:0}
.mb80{margin-bottom:5rem;}
.orgchartBoxCont:nth-child(2):after{content:'';display: block;width: 0.0625rem;height: 99%;background:#AAAAAA;position:absolute;top:0;left:50%;transform:translateX(-50%);z-index:-1}
.orgchartWrap:after, .orgchartWrap:before {content:'';display:block;/* width: calc(100% - 27.5rem); */ width: 60rem;height:0.0625rem;background:#aaa;position:absolute;left:50%;transform:translateX(-50%);z-index:-1;top:10.5rem}
.orgchartWrap:before {content:'';top:45.625rem}
.lineGubun {position:relative}
.lineGubun:after {content:'';display:block;width:0.0625rem;height:5rem;background:#aaa;position:absolute;left:50%;transform:translateX(-50%);z-index:-1;top:-5rem}
.lineGubun.long:after{height: 17rem; top: -17rem;}
.orgchart .people_list ul li .txt p{overflow: visible; text-overflow: initial; display: block;}


/* 1280px */
@media screen and (max-width:1280px){
	.mr25{margin-right:1.5625rem;}
	.mb25{margin-bottom:1.5625rem;}
	.text-md {font-size:1.125rem;}
	.text-lg {font-size:2rem;}
	.educationTitle {font-size: 1.75rem;margin-bottom:2.5rem;}
	.educationTitle:after {width: 0.5rem;height:0.5rem;right:-1.125rem;}
	.historyBlueBox {border-radius:1rem;padding:2.5rem 3.25rem;}
	.history .text-lg .text-md {margin-left:0.5rem;}
	.historyList {margin-top:1.5625rem;}
	.historyList li{font-size: 1.125rem;margin-bottom:0.3125rem;padding-left:0.9375rem;}
	.historyList li:after {width:0.3125rem;height: 0.3125rem;top:0.75rem;}
	.historyProfBox {gap: 1.5625rem;}
	.historyProfBox .grayLineBox{padding:2.5rem;flex: 0 0 calc((100% - 3.5rem) / 3);}
	.historyProfBox .grayLineBox > .text-md, .historyBlueBox > .text-md {margin-bottom:0.9375rem;}
	.purpose .educationTitle {margin-bottom:1.5rem;}
	.purposeImgBox {width:100%;margin:3.75rem 0}
	.purposeBoxWrap {margin-top:3.125rem;gap: 1rem;}
	.purposeBox {flex: 0 0 calc((100% - 2rem) / 2)}
	.purposeBoxTit {margin-bottom:1rem;border-radius: 1rem;font-size:1.125rem;width:100%;height: 3.25rem;}
	.purposeLineBox {border-radius: 1rem;padding:1.125rem 2rem;height:calc(100% - 4.5rem)}
	.orgchartImg {width:100%;height:57.25rem;margin-bottom:10rem;}
	.text-sm {font-size:1.2rem;}
	.locationTab {margin-bottom:3.75rem;}
	.locationTab li{width:12.5rem;height:3.1875rem;}
	.locationImg {width:100%;height:37.5rem;margin-bottom:3.75rem;}
	.locationInfoBox {padding-top:1.5rem;margin-top:1.5rem;}
	.grayIconBox {width:4.375rem;height:4.375rem;margin-right:1rem;}
	.grayIconBox img {max-width: 2.1875rem;}
	.locationInfoBox .text-md span {margin-left:1rem;}
	.locationInfoBox .text-md{font-size:1.3rem}
	.mr80{margin-right:5rem}
	.kakaoBtn, .googleBtn {margin-left:0.5rem;height:3.375rem;width:12.8rem;border-radius:3.125rem;}
	.kakaoBtn p, .googleBtn p {font-size:1.3rem;}
	.kakaoBtn img, .googleBtn img {width: 0.9375rem;margin-right:0.5rem;}

	/*조직도*/
	.orgchartWrap{height: auto;}
	.orgchartBoxCont:nth-child(2):after{height: 98%;}
	.orgchartWrap:after, .orgchartWrap:before {width: calc(100% / 2 + 17.6vw);}
	.orgchartBoxCont > div:nth-child(3){height:19.825rem}
	.orgchartBoxContLineBox{height: calc(100% - 6.25rem - 1.25rem);}
	/* .orgchartWrap {width:100%;height:auto;margin-bottom:12.50vw}
	.orgchartBox {gap:3.13vw;overflow:unset;}
	.orgchartBoxContTextBox {width:100%;height:7.81vw;}
	.orgchartBoxContTextBox p {font-size:1.88vw;}
	
	.orgchartBoxCont > div:nth-child(1){height:21.88vw;margin-bottom:12.50vw;}
	.orgchartBoxCont > div:nth-child(2){height:17.97vw;margin-bottom:10.94vw;}
	.orgchartBoxCont > div:nth-child(3){height:calc(100% / 3);}
	.orgchartBoxContLineBox {margin-top:1.56vw;padding:0.94vw 1.88vw;height:calc(100% - 9.38vw)}
	.mb80{margin-bottom:6.25vw;}
	.orgchartWrap:after, .orgchartWrap:before {width: calc(100% - 29.0vw); top:15vw}
	.orgchartWrap:before {top:57.03vw}
	.lineGubun:after {height:6.25vw;top:-6.25vw} */


}

/* 1024px */
@media screen and (max-width:1024px){
    .mr25{margin-right:1.5625rem;}
	.mb25{margin-bottom:1.5625rem;}
	.text-md {font-size:0.875rem;}
	.text-lg {font-size:1.25rem;}
	.educationTitle {font-size: 1.25rem;margin-bottom:2.5rem;padding-right:1rem}
	.educationTitle:after {width: 0.44731rem;height:0.44731rem;right:0;}


	.historyBlueBox {border-radius:1rem;padding:2rem;}
	.history .text-lg .text-md {margin-left:0.5rem;}
	.historyList {margin-top:1rem;}
	.historyList li{font-size: 0.875rem;margin-bottom:0.3125rem;padding-left:0.9375rem;}
	.historyList li:after {width:0.2rem;height: 0.2rem;top:0.5rem;}
	.historyProfBox {gap: 1.5625rem;}
	.historyProfBox .grayLineBox{padding:2rem;flex: 0 0 calc((100% - 2rem) / 2);}
	.historyProfBox .grayLineBox > .text-md, .historyBlueBox > .text-md {margin-bottom:0.9375rem;}

	.historyBlueBox .flex{gap: 0.75rem;}
	.history .s_txt p + p{gap: 0.5rem;}
	.history .s_txt b{font-size: 1rem;}
	.history .dot_list{margin-bottom: 0.75rem;}
	.historyProfBox .grayLineBox .fd-c{gap: 0.75rem;}


	.purpose .educationTitle {margin-bottom:1.5rem;}
	.purposeImgBox {width:100%;margin:2.125rem 0 !important}
	.purposeImgBox .pc {display:block !important;}
	.purposeImgBox .mob{display:none !important}
	.purposeImgBox img {width:100%}
	.purposeBoxWrap {margin-top:3.125rem;gap: 1.25rem;}
	.purposeBox {flex: 0 0 calc((100% - 3.125rem) / 2)}
	.purposeBoxTit {margin-bottom:1.25rem;border-radius: 1rem;font-size:1.125rem;width:100%;height: 3.25rem;}
	.purposeLineBox {border-radius: 1rem;padding:1.125rem 2rem;height:calc(100% - 4.5rem)}
	.orgchartImg {width:100%;height:71.5rem;margin-bottom:10rem;}
	.text-sm {font-size:0.875rem;}
	.locationTab {margin-bottom:3.75rem;}
	.locationTab li{width:12.5rem;height:2.5625rem;}
	.locationImg {width:100%;height:auto;margin-bottom:1.5rem;}
	.locationInfoBox {padding-top:1.5rem;margin-top:0;}
	.grayIconBox {width:4rem;height:4rem;margin-right:1.25rem;}
	.grayIconBox img {max-width: 1.5rem;}
	.locationInfoBox .text-md span {margin-left:1.25rem;}
	.mr80{margin-right:5rem}
	.kakaoBtn, .googleBtn {margin-left:0;height:3.375rem;width:12.8rem;border-radius:3.125rem;margin-right:1.25rem}
	.kakaoBtn img, .googleBtn img {width: 0.9375rem;margin-right:0.625rem;}
	.kakaoBtn p, .googleBtn p{font-size:0.875rem}
	.locationInfoBox {display:block;}
	.locationLinkBox {margin-top:1.875rem;}
	.locationInfoBox .text-md {font-size:0.875rem;}

	/*조직도*/
	.orgchartWrap {width:100%;margin-bottom:7.82rem;/* height: 60.15rem; */}
	.orgchartBox {gap:1rem;}
	.orgchartBoxContTextBox {width:100%;height:4.88rem;}
	.orgchartBoxContTextBox p {font-size:1.17rem;}
	.orgchartBg01{margin-bottom: 7rem !important;}

	.orgchartBoxCont > div:nth-child(1){height:13.67rem;margin-bottom:7.82rem;}
	.orgchartBoxCont > div:nth-child(2){height:13rem;margin-bottom:6.84rem;}
	.orgchartBoxContLineBox {margin-top:0.98rem;padding:0.59rem 1.17rem;height:calc(100% - 4.88rem - 0.98rem)}
	.mb80{margin-bottom:3.91rem;}
	.orgchartWrap:after, .orgchartWrap:before {width: calc(100% / 2 + 17vw);top:8.5rem}
	.orgchartWrap:before {top:37.4rem}
	.lineGubun:after {height:3.91rem;top:-3.91rem}
	.lineGubun.long:after {height:13rem;top:-13rem}
	.orgchartBoxCont:nth-child(3) > div:nth-child(2) .orgchartBoxContLineBox{height:auto}
	#daumRoughmapContainer1755432740935, #daumRoughmapContainer1755432814058 {height:30.5rem !important}
}

/* 768px */
@media screen and (max-width:768px){
	.mr25{margin-right:2.0625rem;}
	.mb25{margin-bottom:1rem;}
	
	.educationTitle {font-size: 1.25rem;margin-bottom:1rem;}
	.history > div.flexBetween {display:block;}
	.historyBlueBox {border-radius:1.34375rem;padding:1.84375rem;margin-bottom:1rem}
	.history .text-lg .text-md {margin-left:0.6875rem;}
	.historyProfBox {gap: 1rem;}
	.historyProfBox .grayLineBox{padding:1.25rem;flex: 0 0 calc((100% - 1rem) / 2);}
	.historyProfBox .grayLineBox > .text-md, .historyBlueBox > .text-md {margin-bottom:1rem;}
	.purpose .educationTitle {margin-bottom:1rem;}
	.purposeImgBox {width:100%;margin:2.125rem 0}
	.purposeImgBox .pc {display:none !important;}
	.purposeImgBox .mob{display:block !important}
	.purposeBoxWrap {margin-top:2.125rem;gap: 1.5rem;}
	.purposeBox {flex: 0 0 100%;}
	.purposeBoxTit {margin-bottom:1rem;border-radius: 1rem;width:100%;}
	.purposeLineBox {border-radius: 1rem;padding:1.9375rem;}
	.orgchartImg {width:100%;height:95.3125rem;margin-bottom:13.34375rem;}
	.text-sm {font-size:0.875rem}
	.locationTab {margin-bottom:1.5rem;}
	.locationTab li{width:6.875rem;padding:1rem 0;}
	.locationImg {width:100%;margin-bottom:1.5rem;}
	.locationInfoBox {padding-top:1rem;}
	.locationInfoBox .text-md{font-size:0.875rem}
	.grayIconBox {width:3rem;height:3rem;margin-right:1rem;}
	.grayIconBox img {max-width: 1.5rem;}
	.locationInfoBox .text-md span {margin-left:1rem;}
	.mr80{margin-right:6.6875rem}
	.locationLinkBox {gap:1rem}
	.locationLinkBox a{width:50%}
	.kakaoBtn, .googleBtn {margin-left:0;height:auto;padding:0.875rem 0;width:100%;border-radius:4.1875rem;margin-right:0}
	.kakaoBtn img, .googleBtn img {width: 1rem;margin-right:0.875rem;}
	.kakaoBtn p, .googleBtn p{font-size:0.875rem}
	.locationInfoBox > .flexLeft {justify-content: space-between;}
	.locationInfoBox > .flexLeft:first-child {display:block;}
	.locationInfoBox > .flexLeft:first-child > .flexLeft {margin-bottom:1rem}
	.mr80{margin-right:0}

	/*조직도*/
	.orgchartWrap {width:100%;margin-bottom:5rem;overflow-x:auto;}
	.orgchartBox {gap:1rem;width:45.6rem}
	.orgchartBoxContTextBox {width:100%;height:auto;padding:1rem 0;}
	.orgchartBoxContTextBox p {font-size:0.875rem;}
	.orgchartBg01{margin-bottom: 5rem !important;}
	.orgchartBoxCont > div {height:auto;}
	.orgchartBoxCont > div:nth-child(1){height:7rem;margin-bottom:6rem;}
	.orgchartBoxCont > div:nth-child(2){height:12.5rem;margin-bottom:6rem;}
	.orgchartBoxCont > div:nth-child(3){height: 16.175rem;}
	.orgchartBoxContLineBox {margin-top:1rem;padding:1.00rem;height:auto}
	.orgchartBox .orgchartBoxCont > div:last-child .orgchartBoxContLineBox {min-height:12.2rem}
	.mb80{margin-bottom:1rem;}
	.orgchartWrap:after, .orgchartWrap:before {top:5.5rem;left:7.2rem;transform:translateX(0);width:31.1rem}
	.orgchartWrap:before {top:28.5rem;}
	.lineGubun:after {height:3rem;top:-3rem;}
	.lineGubun.long:after {height:7.5rem;top:-7.5rem}
	#daumRoughmapContainer1755432740935, #daumRoughmapContainer1755432814058 {height:24rem !important}

}