@import url("sub2.css");
.subWrap {overflow:hidden;}

/* 서브일때 상단 흰색 */
.subWrap #top-layout{background: none!important;}
.subWrap #top-layout.on{background: #fff!important;}

.subWrap #top-layout #h_logo a img{filter: brightness(0) invert(1);}
.subWrap #top-layout.on #h_logo a img{filter: none;}
.subWrap #top-layout.scrollFx #h_logo a img{filter: none;}

.subWrap #top-layout .hd-wrap .utile-wrap .hLang a{color: #222!important; background: #fff!important;}
.subWrap #top-layout.on .hd-wrap .utile-wrap .hLang a{color: #fff!important; background: #000!important;}
.subWrap #top-layout.scrollFx .hd-wrap .utile-wrap .hLang a{color: #fff!important; background: #000!important;}

.subWrap #gnb-layout .depth1_ul > li > a span{color: #fff!important;}
.subWrap #gnb-layout.open .depth1_ul > li > a span{color: #212121!important;}

/* 서브비주얼 */
#sVisual{position: relative;color: #fff;/* z-index: 5; */}
#sVisual .svImg{position: relative; height: 500px; background: #000; overflow: hidden;}
#sVisual .svImg:before{content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover!important; opacity: 0.6; animation: mymove 5s;}

@keyframes mymove{
    from{transform:scale(1.2)}
    to{transform:scale(1)}
}

#sVisual .svImg1:before{background: url("/images/sub/svisual1.jpg") 0 35% no-repeat;}
#sVisual .svImg2:before{background: url("/images/sub/svisual2.jpg") 0 0 no-repeat;}
#sVisual .svImg3:before{background: url("/images/sub/svisual3.jpg") 0 50% no-repeat;}
#sVisual .svImg4:before{background: url("/images/sub/svisual4.jpg") 0 0 no-repeat;}
#sVisual .svImg5:before{background: url("/images/sub/svisual5.jpg") 0 50% no-repeat;}
#sVisual .svImg6:before{background: url("/images/sub/svisual6.jpg") 0 30% no-repeat;}
#sVisual .svImg7:before{background: url("/images/sub/svisual1.jpg") 0 0 no-repeat;}

#sVisual .svcon{position: absolute; top: 200px; left: 0; width: 100%; z-index: 2;}
#sVisual .svcon .area{max-width: 1400px; margin: 0 auto; padding-bottom: 20px;}
#sVisual .svtxt{text-align: center;}
#sVisual .svtxt h3{font-size: 56px;font-weight: 700;}
#sVisual .svtxt p{padding: 25px 0 40px; font-size: 22px; opacity: 0.5;}
#sVisual .svbot{display: flex; justify-content: center;}
#sVisual .svbot .svtbLeft ul{display: flex; justify-content: center; align-items: center;}
#sVisual .svbot .svtbLeft ul li{margin: 0 3px;}

@media (max-width: 1300px){
}
@media (max-width: 1240px){
}
@media (max-width: 1170px){	
	#sVisual .svImg {height: 400px;}
	#sVisual .svcon {top: 140px;}
	#sVisual .svtxt h3 {font-size: 42px;}
}
@media (max-width: 1024px){
}
@media (max-width: 767px){
	#sVisual .svImg {height: 320px;}
	#sVisual .svtxt h3 {font-size: 34px;}
	#sVisual .svtxt p {padding: 0 20px 30px; font-size: 18px;}
	#sVisual .svbot {width: 95%; justify-content: center; margin: 0 auto;}
}
@media (max-width: 640px){
}
@media (max-width: 520px){
}


/* 서브메뉴 */
.lnb{position: relative;}
.lnb .lnb_map{display: flex;}
.lnb .lnb_map > li+li{margin-left: 10px;}
.lnb .lnb_map > li > a{position: relative; height: 60px;}
.lnb .lnb_map li.home{display: flex; justify-content: center; align-items: center; width: 60px; border-radius: 50%; background: #d40378;}
.lnb .lnb_map li.home > a{height: auto; font-size: 22px; color: #fff;}
.lnb .lnb_map li.depth{position: relative; width: 280px; border-radius: 100px; background: rgba(255,255,255,.1); backdrop-filter: blur(6px);}
.lnb .lnb_map li.depth > a{display: flex;align-items: center;justify-content: space-between;padding: 0 30px;}
.lnb .lnb_map li.depth > a > span{position: relative; font-size: 18px; font-weight: 500; color: #fff; z-index: 1; word-break: keep-all; transition: all .3s;}
.lnb .lnb_map li.depth > a > i{position: relative; font-size: 22px; color: #fff; z-index: 1;}
.lnb .lnb_map li.depth.active > a > i{transform: rotate(180deg);}
.lnb .lnb_map li.depth ul.moreMenu{display: none;position: absolute;top: 30px;left: 0;width: 100%;padding: 35px 30px 20px;background: #fff;border-radius: 0 0 30px 30px;box-shadow: 0 0 40px rgba(0,0,0,.1);}
.lnb .lnb_map li.depth ul.moreMenu li a{display: flex; justify-content: space-between; padding: 10px 0; font-size: 16px; font-weight: 500; color: #666; transition: all .3s; word-break: keep-all;}
.lnb .lnb_map li.depth ul.moreMenu li a i{opacity: 0; transition: all .3s;}
.lnb .lnb_map li.depth ul.moreMenu li a.active{color: #d40378;}
.lnb .lnb_map li.depth ul.moreMenu li a.active i{opacity: 0!important;}
.lnb .lnb_map li.depth ul.moreMenu li a:hover{color:#d40378;}
.lnb .lnb_map li.depth ul.moreMenu li a:hover i{opacity: 1;}
.lnb .lnb_map li.depth .ripple-layer{position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; border-radius: 100px; pointer-events: none; z-index: 0;}
.lnb .lnb_map li.depth .ripple-layer .ripple-circle{position: absolute; background: #fff; border-radius: 50%; transform: scale(0); opacity: 1; pointer-events: none; transition: transform 0.5s ease, opacity 0.5s ease;} 
.lnb .lnb_map li.depth .ripple-layer .ripple-circle.expand{transform: scale(1);}  
.lnb .lnb_map li.depth .ripple-layer .ripple-circle.shrink{transform: scale(0);}

.lnb .lnb_map li.depth.active > a > span{color: #333;}
.lnb .lnb_map li.depth > a:hover > span{color: #333;}
.lnb .lnb_map li.depth > a:hover > i{color: #333;}

@media (max-width: 1280px){
	.lnb .lnb_map{justify-content: center;}
}
@media (max-width: 767px){
	.lnb{width:95%; margin:0 auto;}
	.lnb .lnb_map{justify-content: space-between;}
    .lnb .lnb_map > li+li{margin-left: 0;}
    .lnb .lnb_map > li > a{height: 55px;}
    .lnb .lnb_map li.home{display: none;}
    .lnb .lnb_map li.depth{width: calc(100% / 2 - 3px);border-radius: 10px;}
	.lnb .lnb_map li.depth .ripple-layer{border-radius: 10px;}
	.lnb .lnb_map li.depth.active .ripple-layer{border-radius: 10px 10px 0 0;}

    .lnb .lnb_map li.depth3{display: none;}
	.lnb .lnb_map li.depth > a{padding: 0 10px 0 20px;border-radius: 10px;}
    .lnb .lnb_map li.depth > a > span{font-size: 15px;}
    .lnb .lnb_map li.depth ul.moreMenu{padding: 0 20px 10px;top: 55px; border-radius:0 0 10px 10px}
    .lnb .lnb_map li.depth ul.moreMenu li a{padding: 7px 0; font-size: 15px;}
}

#sCont{padding: 100px 0 0;}
#sCont .sArea{max-width: 1400px;width: 95%;margin: 0 auto;}
#sCont .s_tit h3.big{padding-bottom: 80px; text-align: center; font-size: 46px; font-weight: 700;}

@media (max-width: 1170px){	
	#sCont {padding: 80px 0 0;}
	#sCont .s_tit h3.big {padding-bottom: 60px; font-size: 40px;}
}
@media (max-width: 767px){
	#sCont {padding: 60px 0 0;}
	#sCont .s_tit h3.big {padding-bottom: 40px; font-size: 34px;}
}

/* ===================== 공통 스타일 =====================*/
/* ---------------------- 섹션별 영역 ---------------------- */
.cont-sec{position:relative;}
.cont-sec + .cont-sec{margin-top:60px;}
.cont-sec + .cont-sec.top-line{border-top:1px dotted #ddd; padding-top:60px}
.cont-sec:nth-child(1){padding:0;}
.cont-sec.cont-left {display: flex;position: relative;border-bottom: 1px dotted rgba(221, 221, 221, 1);padding: 0px 0 40px;}
.cont-sec.cont-left .tit-area {position: relative;width: 380px;padding: 0 60px 0 60px;}
.cont-sec.cont-left .tit-area > strong{margin: 0 0;}
.cont-sec.cont-left .cont-area {width: calc(100% - 380px);}
.cont-sec.cont-left .cont-area .list-Dot > li{font-size: 18px;}
.cont-sec.cont-left:last-child{padding-bottom:0; border:0;}

/* ---------------------- 타이틀 ---------------------- */
.contTit{display:inline-block;margin:60px 0 15px;font-weight:700;font-size: 34px;color: #222;letter-spacing:-1px;line-height:1.2;position: relative;}
.contTit:before {content: "";display: block;width: 11px;height: 11px;background: #c8005f;border-radius: 50%;position: absolute;right: -21px;bottom: 11px;}
.contTit:first-child{margin-top:0;}
.contTit-s{display:block;margin:40px 0 13px;font-weight: 700;font-size: 24px;color: #97764b;word-spacing: -1px;line-height: 1.4;word-break: keep-all;}
.contTit-ss{display:block;margin: 30px 0 13px;font-weight: 700;font-size: 20px;color: #222;word-spacing:-.5px;line-height:1.2;}
.contTit + .contTit-s,
.contTit-s + .contTit-ss{margin-top:0px;}
/* 타이틀옆에 텍스트 붙일때 */
.unline{display:inline-block;position:relative;color: #333;font-size: 19px;font-weight: 500;letter-spacing:-0.5px;margin: 0 5px;}
.unline em{display:inline-block; font-style:normal; margin:0 2px; font-weight:bold; text-decoration:underline;}

/* ---------------------- 텍스트 스타일 ---------------------- */
p.txt{color: #333;font-size: 18px;font-weight:500;letter-spacing:-0.2px;line-height:1.7;word-break: keep-all;}
p.txt + p.txt{margin-top:20px;}
.txt-bold{color:#111;letter-spacing:-.5px;font-weight: 700;}
.red-bold{color:#c8005f;letter-spacing:-.5px;font-weight:500;}
p.txt-big{font-size: 20px;letter-spacing: -.5px;line-height: 1.4;color: #222;font-weight:700;word-break: keep-all;}
.icon-txt{}
.icon-txt br{display:none;}
.icon-txt i{font-weight:normal;}
p.txt + .gray-Box{margin:25px 0; padding:35px 45px;}
p.txt + .table_con_wrap{margin-top:10px;}
p.txt-big + ul{margin-top:5px;}
.color-g{color: #9c6e37;}

/* 별표 포인트(주의사항 등) */
.point-info{position:relative;padding-left: 13px;color:#9c6e37;font-size: 17px;font-weight: 500;letter-spacing:-0.5px;line-height: 1.4;text-align:left;}
.point-info:before{content:"*";position:absolute;left:0;top:0;font-size: 19px;display:inline-block;}

/* ---------------------- UL 리스트 디자인 ---------------------- */
/* 앞에 도트 */
.list-Dot{}
.list-Dot > li{position:relative;padding-left: 14px;box-sizing:border-box;color: #333;font-size: 18px;font-weight: 500;line-height: 1.6;text-align:left;vertical-align:top;letter-spacing:-0.5px;word-break: keep-all;}
.list-Dot > li:before{content:"";display:block;position:absolute;left:0;top: 11px;overflow:hidden;width: 4px;height: 4px;box-sizing:border-box;border-radius: 100%;background: #9ba2b9;}
.list-Dot > li+li{margin-top: 5px;}
.list-Dot > li a{color:inherit;}
.list-Dot > li a:hover{text-decoration:underline;}
.list-Dot > li a.gold{color:#9c6e37; text-decoration:underline;}
.list-Dot > li .table_con_wrap{/* margin-top: 10px; */}
.list-Dot > li > .txt-bold > em.noto,
.list-Dot > li > em.noto{font-family:'Noto Sans KR';text-decoration:none;font-style: normal;}
ul + .table_con_wrap,
dl + .table_con_wrap,
ul + .gray-Box,
.table_con_wrap + ul,
.table_con_wrap + p{margin: 10px 0;}
.table_con_wrap + dl{margin-top:30px;}
.list-Dot .list-hyphen{margin: 5px 0 5px;}
.list-Dot + dl{margin-top:30px;}

/* 앞에 -하이픈 */
.list-hyphen{}
.list-hyphen>li{position:relative;padding-left:11px;color:#555;font-weight:400;line-height:1.5;text-align:left;vertical-align:top;letter-spacing: 0px;}
.list-hyphen>li:before{content:""; display:block; position:absolute; left:0; top:11px; width:5px; height:1px; box-sizing:border-box; background:#999;}
.list-hyphen>li a{color:#555; text-decoration:underline;}
.list-hyphen>li a:hover{opacity:.8;}

.list-Dot>li .list-hyphen>li+li{margin-top:3px;}
.list-Dot>li .list-hyphen{width:100%;/* padding:8px 0 2px; */}
.list-Dot>li .list-hyphen>li{color:#888;font-size: 17px;}
.list-Dot>li .list-hyphen>li:before{top: 11px;}

.list-Dot + .list-hyphen{margin-top:10px;}

/* 당구장 표시 리스트 */
ul + .list-point{margin-top:15px;}
.list-point + p{margin-top:10px;}
.list-type1 + .list-point{margin-top:25px;}
.list-point{color:#333;}
.list-point > li{font-size: 17px;line-height:1.6;padding-left:20px;position:relative;font-weight:500;}
.list-point > li + li{margin-top: 5px;}
.list-point > li:before{content:"※"; position:absolute; left:0; top:-3px; font-size:20px; display:inline-block;}
.list-point > li.un-line{text-decoration:underline;}
.list-point .list-hyphen{margin-top:5px;}
.list-point.color-g{color:#9c6e37}

/* 앞에 번호붙는 리스트 1, 2, 3 */
.ol-list{margin:10px 0; padding:0 0 0 20px;}
.ol-list > li{position:relative;box-sizing:border-box;color: #333;font-size: 17px;font-weight: 500;line-height: 1.6;text-align:left;vertical-align:top;letter-spacing:-0.5px;}
.ol-list > li + li{margin-top: 0;}
.ol-list > li .list-point > li{font-size:16px;}
.ol-list > li .list-point > li + li{margin-top:0px;}

/* 가. 나. 다. */
dl.info-dl {display: flex;/* flex-wrap: wrap; */} /* 제목 : 내용 형태*/
dl.info-dl.column{flex-direction: column;} /* 제목따로위에, 제목 밑으로 내용 나오게 */
dl.info-dl + dl{margin-top: 25px;}
dl.info-dl > dt{position:relative;font-size: 20px;font-weight:bold;color: #222;word-break:keep-all;white-space: nowrap;}
dl.info-dl > dt .unline{font-size:17px;}
dl.info-dl > dd{position:relative;font-size:19px;font-weight: 600;padding-left:10px;color:#444;word-break: keep-all;}
dl.info-dl.column > dd{padding-left: 0;padding-top: 10px;}
dl.info-dl + ul{margin-top:10px;}

/* ---------------------- 박스 스타일 ---------------------- */
/* 연그레이 두꺼운 라인박스(흰바탕) */
.gray-lineBox {border-radius:20px; border: 7px solid #f5f5f5; position: relative; padding: 35px 50px 35px 35px; background: #fff;}
/* 연그레이 배경박스 */
.gray-Box {border-radius: 15px;position: relative;padding: 30px 40px;background: #f9f9f9;}
.gray-Box > p.txt{color:#555;}
.gray-Box > p.txt > b{color:#212121;}

/* ---------------------- 탭분류 스타일 ---------------------- */
/* 큰사이즈 탭(둥근형) */
.color-tab{position:relative;display:flex;flex-wrap:wrap;margin: 0 auto 80px;max-width: 1600px;width: 100%;background: #f9f7f7;border-radius: 50px;padding: 13px;gap: 10px;}
.color-tab li{display:block;position:relative;margin-left:-1px;margin-top:-1px;height:100%;min-height: 50px;height:auto;line-height:1.5;flex: 1;}
.color-tab-one.tab2 li,
.color-tab.tab2 li{width:calc(50% + 1px);}
.color-tab-one.tab3 li,
.color-tab.tab3 li{width:calc(33.33% + 1px);}
.color-tab-one.tab4 li,
.color-tab.tab4 li{width:calc(25% + 1px);}
.color-tab-one.tab5 li,
.color-tab.tab5 li{width:calc(20% + 1px);}
.color-tab-one.tab6 li,
.color-tab.tab6 li{width:calc(16.66666666666667% + 1px);}
.color-tab li:first-child a{/* border-radius:10px 0 0 10px; */}
.color-tab li:last-child a{/* border-radius:0 10px 10px 0; */}
.color-tab li a{position:relative;display:table;table-layout:fixed;width:100%;height:100%;/* border:1px solid #ddd; */box-sizing:border-box;/* background:#fff; */font-weight:500;color:#222;transition:all .1s;border-radius: 50px;}
.color-tab li a span{display:table-cell;vertical-align:middle;width:100%;height:100%;padding: 16px 15px;line-height: 1.2;font-weight: 600;font-size: 20px;text-align: center;word-break: keep-all;}
.color-tab li.on a{color:#fff;background: #c9005f;border-color: #c9005f;}
.color-tab li a:focus,
.color-tab li a:hover{border-color: #c9005f;color: #c9005f;text-decoration: none;z-index:2;}
.color-tab li.on a:focus,
.color-tab li.on a:hover{color:#fff;}
.color-tab li .et{display:block;font-size: 18px;opacity:.6;font-weight: 400;margin-top: 4px;letter-spacing: -.3px;/* font-family:"Poppins", sans-serif; */}

/* ---------------------- 버튼 스타일 ---------------------- */
/* 글자옆 링크 버튼 */
.tit-link{display:inline-flex;justify-content:center;align-items:center;background: #444;padding: 6px 16px;color:#fff !important;gap: 10px;transition:.3s;font-size: 16px;border-radius: 6px;font-weight: 500;margin: 0 0 0 5px;}
.tit-link:hover{text-decoration:none !important; background:#555;}
.tit-link i{font-weight:normal;}
.tit-link.sm{font-size: 13px;padding: 6px 10px;gap: 5px;line-height: 1;border-radius: 3px;letter-spacing: -.5px;}

@media (max-width: 1600px){
	.color-tab{}
	.color-tab.tab4{border-radius: 40px;}
}
@media (max-width: 1170px){
	.contTit{font-size: 28px;}
	.color-tab {margin: 0 auto 60px;}
	#Rsch.Rsch3-2 .color-tab-one.tab5 li, #Rsch.Rsch3-2 .color-tab.tab5 li {flex: 1 1 25%;}
}
@media (max-width: 767px){
	.cont-sec + .cont-sec.top-line {padding-top: 40px;}
	.cont-sec + .cont-sec {margin-top: 40px;}
	.contTit{font-size: 24px;margin: 40px 0 10px;}
	.contTit:before {width: 9px; height: 9px; right: -16px; bottom: 17px;}	
	.contTit-s {margin: 40px 0 10px; font-size: 20px;}
	.contTit-ss {margin: 30px 0 10px; font-size: 18px;}
	.color-tab {margin: 0 auto 40px; padding: 10px; gap: 5px;}
	.color-tab li {min-height: 45px;}
	.color-tab li a span {padding: 10px 10px; font-size: 17px;}
	.gray-Box {padding: 20px;}
	.list-Dot > li{font-size:16px; padding-left: 12px;}
	.list-Dot > li:before {top: 10px;}
	p.txt{font-size:16px;}
	.icon-txt{display: block; margin-top: 5px; line-height:1.5;}
	.icon-txt br{display:block;}
}
@media (max-width: 640px){
	.color-tab.tab2,
	.color-tab.tab3,
	.color-tab.tab4,
	.color-tab.tab5{border-radius: 30px;}
	.color-tab-one.tab2 li, .color-tab.tab2 li,
	.color-tab-one.tab3 li, .color-tab.tab3 li,
	.color-tab-one.tab4 li, .color-tab.tab4 li,
	.color-tab-one.tab5 li, .color-tab.tab5 li,
	#Rsch.Rsch3-2 .color-tab-one.tab5 li, #Rsch.Rsch3-2 .color-tab.tab5 li {flex: 1 1 100%;}
}
@media (max-width: 520px){
}



/* -------------------------------- sub1_1 : 환경공학부란? -------------------------------- */

/* sub1_1_a : 학과소개 */
#Greeting{}
#Greeting .top_wr{display: flex; justify-content: space-between; width: 100%; max-width: 1400px; margin: 0 auto; padding-bottom: 25px;}
#Greeting .top_wr .txt_box{}
#Greeting .top_wr .txt_box .slog_wr{display: flex; align-items: center;}
#Greeting .top_wr .txt_box .slog_wr > p{font-size: 20px; font-weight: 700; color: #444; line-height: 1.4;}
#Greeting .top_wr .txt_box > img{width: 400px;}
#Greeting .top_wr .img_box{position: relative;}
#Greeting .top_wr .img_box img{}
#Greeting .top_wr .img_box > p{position: absolute; top: 90px; right: 3px; font-size: 18px; font-weight: 500; color: #222; line-height: 1.4;}
#Greeting .top_wr .img_box > p strong{display: block;font-size: 24px;font-weight: 800;}

#Greeting .greet-tit-box {width: 100%; max-width: 1400px; margin: 0 auto 50px; padding-top: 50px;}
#Greeting .greet-tit-box > img.logo{width: 110px; margin-bottom: 20px;}
#Greeting .greet-tit-box h4.tit {font-size: 25px; letter-spacing: -.5px;line-height: 1;color: #c9005f;font-weight: 700;margin-bottom: 30px;}
#Greeting .greet-tit-box p.s_tit {margin-bottom: 40px;font-size: 40px;letter-spacing: -0.03em;line-height: 1.5;font-weight: 700;color: #222;word-break: keep-all;}
#Greeting .greet-tit-box p.s_tit b{font-weight:800;/* color: #c9005f; */}
#Greeting .greet-tit-box p.s_tit .point {padding: 0 13px;font-size: 36px;background: none;color: #111;position: relative;display: inline-block;background: #111;font-weight: 600;color: #fff;border-radius: 8px;}	
#Greeting .greet-tit-box p.s_tit .point:before{width: 100%;height: 100%;background: #fff;right: 0;bottom: ;position: absolute;content: '';-webkit-transition: .6s;-moz-transition: .6s;-ms-transition: .6s;-o-transition: .6s;transition: .6s;z-index: 2;}
#Greeting .greet-tit-box p.s_tit .point:after{width: 100%;height: 100%;right: 0;bottom: -1px;position: absolute;content: '';-webkit-transition: .6s;-moz-transition: .6s;-ms-transition: .6s;-o-transition: .6s;transition: .6s;z-index: 1;-webkit-transition-delay: .2s;-moz-transition-delay: .2s;-ms-transition-delay: .2s;-o-transition-delay: .2s;transition-delay: .2s;}
#Greeting .greet-tit-box p.s_tit .point.in-view:before{width: 0;}
#Greeting .greet-tit-box p.s_tit .point.in-view:after{}

#Greeting .greet-con-box {display: flex;justify-content: space-between;flex-direction: column;gap: 30px;position: relative;}
#Greeting .greet-con-box.grayBG{margin: 80px 0; padding: 80px 0;}
#Greeting .greet-con-box.grayBG:before{content: ""; position: absolute; bottom: 0; left: 50%; width: 100vw; margin-left: -50vw; height:100%; z-index: -1; background: #F5F5F5;}
#Greeting .greet-con-box .left-con {width: 100%; max-width: 1400px; margin: 0 auto; box-sizing: border-box;}
#Greeting .greet-con-box .left-con .txt {font-size: 32px;line-height: 1.6;letter-spacing: -1px;color: #000;font-weight: 700;}
#Greeting .greet-con-box .left-con big{font-size: 32px;font-weight:700;line-height: 1.5;padding-bottom: 30px;display: block;}
#Greeting .greet-con-box .left-con small{font-size: 22px;font-weight: 700;line-height: 1.8;}
#Greeting .greet-con-box .right-con {width: 100%; max-width: 1400px; margin: 0 auto;}
#Greeting .txt {font-size: 21px;font-weight: 600;line-height: 2;letter-spacing: -1px;color: #222;margin-bottom: 30px;word-break: keep-all;}
#Greeting .txt b.highlight{display: inline;}
#Greeting .txt b.highlight.blue{box-shadow: inset 0 -30px 0 rgba(12,77,162,.1);}
#Greeting .txt b.highlight.green{box-shadow: inset 0 -30px 0 rgba(0,145,131,.1);}

#Greeting ul.txt_list{border-top: 2px dotted #e3e3e3;}
#Greeting ul.txt_list li{display: flex; align-items: center; gap: 15px; padding: 10px 0; border-bottom: 2px dotted #e3e3e3;}
#Greeting ul.txt_list li span.num{display: inline-block; width: 40px; height: 40px; border-radius: 50%; background: #fff; font-weight: 500; font-size: 18px; text-align: center; line-height: 40px; letter-spacing: -0.4px; color: #222; transition: all 0.4s ease;}
#Greeting ul.txt_list li .txt{margin-bottom: 0 !important;}

#Greeting .name{text-align:right;display: inline-block; width: 100%; max-width: 1400px; margin: 0 auto; font-size:24px;color:#222;font-weight:700;}
#Greeting .name strong{font-size:30px; font-weight:700; color:#111; letter-spacing:5px; display:inline-block; margin-left:10px;}

@media (max-width: 1300px){
}
@media (max-width: 1240px){
}
@media (max-width: 1170px){
	#Greeting .greet-tit-box p.s_tit {margin-bottom: 40px; font-size: 34px; line-height: 1.6;}
	#Greeting .greet-tit-box p.s_tit .point {padding: 0 13px; font-size: 31px;}
	#Greeting .greet-con-box .left-con big {font-size: 30px;}
}
@media (max-width: 1024px){
	#Greeting .top_wr {flex-direction: column; align-items: center; text-align: center;}
	#Greeting .top_wr .img_box{}
	#Greeting .top_wr .img_box img{max-width:100%;}
}
@media (max-width: 767px){
	#Greeting .greet-tit-box p.s_tit {margin-bottom: 20px; font-size: 22px; line-height: 1.5;}
	#Greeting .greet-tit-box p.s_tit br{display:none;}
	#Greeting .greet-tit-box p.s_tit .point {padding: 0 7px;font-size: 20px; border-radius: 5px;}
	#Greeting .greet-tit-box {padding-top: 0px; margin: 0 auto 20px;}
	#Greeting .txt{font-size: 18px;line-height: 1.6;margin-bottom: 20px;}
	#Greeting .greet-con-box .left-con big {font-size: 22px;}
	#Greeting .greet-con-box .left-con small {font-size:18px; line-height: 1.6;}
	#Greeting .greet-con-box.grayBG {margin: 40px 0; padding: 40px 0;}
	#Greeting .greet-con-box {gap: 20px;}
	#Greeting ul.txt_list li .txt{width:calc(100% - 40px);}
	#Greeting .name {text-align: center; font-size: 22px;}
	#Greeting .name strong {font-size: 26px; display: block; margin-top: 5px;}
}
@media (max-width: 640px){
}
@media (max-width: 520px){
}

/* sub1_1_b : 연구분야 */
#Rsearch{position: relative;}
#Rsearch .center{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);display: flex;flex-direction: column;align-items: center;justify-content: center;width: 200px;height: 200px;background: #fff;border-radius: 50%;text-align: center;box-shadow: 1px 1px 50px rgb(125 88 1 / 10%);z-index: 1;padding: 25px;}
#Rsearch .center > p{margin-top: 10px; font-size: 22px; font-weight: 600; color: #222; line-height: 1;}
#Rsearch .center > img{display: inline-block; width: 118px;}
#Rsearch .rsch_list{display: flex;margin-top: 40px;flex-wrap: wrap;gap: 40px;width: 100%;justify-content: center;}
#Rsearch .rsch_list .rsch{display: flex;align-items: center;width: calc(50% - 20px);border-radius: 20px;background: #F5F5F5;padding: 20px 40px;text-align: left;transition: all 0.6s ease;}
#Rsearch .rsch_list .rsch .tit{display: flex; flex-direction: column; align-items: center; width: 200px; margin-right: 40px; padding: 25px 20px; background: rgba(255,255,255,.3); border-radius: 25px;}
#Rsearch .rsch_list .rsch .tit .img_box{width: 100px; background: #fff; border-radius: 100%; height: 100px; display: flex; justify-content: center; align-items: center;}
#Rsearch .rsch_list .rsch .tit .img_box span{position: relative; width: 57%; display: block; height: 0; padding-top: 70%;}
#Rsearch .rsch_list .rsch .tit .img_box span img{position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; max-width: 100%; max-height: 100%; margin: auto;}
#Rsearch .rsch_list .rsch .tit h3.p_tit{font-size: 22px;font-weight: 700;color: #222;text-align: center;line-height: 1.1;margin-top: 5px;}

#Rsearch .rsch_list .rsch .txt_box{width: calc(100% - 200px);}
#Rsearch .rsch_list .rsch .txt_box .txt{}
#Rsearch .rsch_list .rsch .txt_box .txt02{margin-top: 10px;}
#Rsearch .rsch_list .rsch .txt_box .txt > h4{margin-bottom: 5px; font-size: 18px; font-weight: 700; color: #222; line-height: 1.5;}
#Rsearch .rsch_list .rsch .txt_box .txt > ul{border-top: 2px dotted #e3e3e3;}
#Rsearch .rsch_list .rsch .txt_box .txt > ul li{padding: 4px 5px; font-size: 16px; font-weight: 500; line-height: 1.6; letter-spacing: -0.5px; color: #333; border-bottom: 2px dotted #e3e3e3;}
#Rsearch .rsch_list .rsch .txt_box .txt .author{width: 100%; display: flex; flex-wrap: wrap; gap: 6px; row-gap: 5px;}
#Rsearch .rsch_list .rsch .txt_box .txt .author p{display: inline-block;height: 30px;padding: 0 10px;background: rgba(255,255,255,.6);border-radius: 50px;font-weight: 500;font-size: 16px;line-height: 30px;letter-spacing: -0.2px;transition: all 0.3s 
ease;color: #555;}
#Rsearch .rsch_list .rsch .txt_box .txt .author p:hover{background:#c9005f; color:#fff;}
#Rsearch .rsch_list .rsch .txt_box .txt .author p a{color:inherit;}

#Rsearch .rsch_list .rsch01,
#Rsearch .rsch_list .rsch03{flex-direction: row-reverse; text-align: right;}
#Rsearch .rsch_list .rsch01 .tit,
#Rsearch .rsch_list .rsch03 .tit{margin-right: 0; margin-left: 40px;}
#Rsearch .rsch_list .rsch01 .txt_box .txt .author,
#Rsearch .rsch_list .rsch03 .txt_box .txt .author{justify-content: flex-end;}

#Rsearch .rsch_list .rsch01{transform: translate(80px, 80px); opacity: 0;}
#Rsearch .rsch_list.in-view .rsch01{transform: translate(0, 0); opacity: 1;}
#Rsearch .rsch_list .rsch02{transform: translate(-80px, 80px); opacity: 0;}
#Rsearch .rsch_list.in-view .rsch02{transform: translate(0, 0); opacity: 1;}
#Rsearch .rsch_list .rsch03{transform: translate(80px, -80px); opacity: 0;}
#Rsearch .rsch_list.in-view .rsch03{transform: translate(0, 0); opacity: 1;}
#Rsearch .rsch_list .rsch04{transform: translate(-80px, -80px); opacity: 0;}
#Rsearch .rsch_list.in-view .rsch04{transform: translate(0, 0); opacity: 1;}

@media (max-width: 1170px){
	#Rsearch .center {position: relative; top: auto; left: auto; transform: translate(-0%, -0%); margin: 0 auto;}
	#Rsearch .rsch_list {margin-top: 40px; gap: 20px; width: 100%; flex-direction: column; align-items: center;}
	#Rsearch .rsch_list .rsch {width: 100%;}
	#Rsearch .rsch_list .rsch01, #Rsearch .rsch_list .rsch03 {flex-direction: row; text-align: left;}
	#Rsearch .rsch_list .rsch01 .tit, #Rsearch .rsch_list .rsch03 .tit {margin-right: 40px; margin-left: 0px;}
	#Rsearch .rsch_list .rsch01 .txt_box .txt .author, #Rsearch .rsch_list .rsch03 .txt_box .txt .author {justify-content: flex-start;}
}
@media (max-width: 767px){
	#Rsearch .rsch_list .rsch{flex-direction: column; padding:20px;}
	#Rsearch .rsch_list .rsch .tit{width:100%; margin:0; border-radius: 10px;}
	#Rsearch .rsch_list .rsch .txt_box {width: 100%;}
}

/* sub1_1_c : 비전 */
#Vision{text-align: center;position: relative;padding-top: 60px;}
#Vision .vision{}
#Vision .mvTit{
    position: relative; display: inline-block; width: 200px; height: 50px; background: linear-gradient(90deg, #c6ab88 0%, #97764b 100%);
    color: #fff; border-radius: 200px; text-align: center; line-height: 50px; font-size: 20px; letter-spacing: -0.02em; font-weight: 500;
}
#Vision .vision-tit {font-size: 50px;letter-spacing: -0.03em;line-height: 1.4;font-weight: 700;color: #222;margin-top: 30px;}
#Vision .vision-tit span{display:block;}
#Vision .triangle {position: relative; margin-top: 3rem; z-index: 0;}
#Vision .triangle img {max-width: 100%;}
#Vision .vis_wr{position: relative; display: flex; justify-content: space-between; gap: 50px; z-index: 1;}
#Vision .vis_wr .vis{position: relative; width: calc(50% - 25px); padding: 40px; background: #fff; border-radius: 30px; box-shadow: 1px 1px 20px rgba(0,0,0,.2); }
#Vision .vis_wr .vis::after{content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: block; width: 50%; height: 110%; border-radius: 30px; z-index: -1;}
#Vision .vis_wr .vis .tit_box{}
#Vision .vis_wr .vis .tit_box .tit{}
#Vision .vis_wr .vis .tit_box .tit > img{width: 120px;}
#Vision .vis_wr .vis .tit_box .tit > h3{font-size: 28px; font-weight: 700; color: #222; line-height: 1.5;}
#Vision .vis_wr .vis .tit_box p.slog{padding-bottom: 10px;font-size: 22px;font-weight: 600;color: #222;line-height: 1.5;word-break: keep-all;}
#Vision .vis_wr .vis .tit_box p.slog b{display: block; font-weight: 800;}
#Vision .vis_wr .vis ul.txt_list{padding-top: 20px; border-top: 2px dotted #eee;}
#Vision .vis_wr .vis ul.txt_list li + li{margin-top: 10px;}
#Vision .vis_wr .vis ul.txt_list li{padding: 10px 10px;background: #f9f9f9;border-radius: 100px;font-size: 17px;font-weight: 500;letter-spacing: -0.2px;color: #222;word-break: keep-all;}
#Vision .vis_wr .vis01::after{background: #39b5a6;}
#Vision .vis_wr .vis02::after{background: #458dce;}
#Vision .vis_wr .vis01 .tit_box p.slog b{color: #009183;}
#Vision .vis_wr .vis02 .tit_box p.slog b{color: #0c4da2;}

#Vision .part_wr{display: flex; justify-content: space-between; gap: 14px; margin-top: 100px; padding: 15px; background: #f5f5f5; border-radius: 20px;}
#Vision .part_wr .part{display: flex;align-items: center;gap: 10px;width: 100%;padding: 15px;border-radius: 15px;background: #fff;}
#Vision .part_wr .part > img{width: 80px;}
#Vision .part_wr .part > h4{font-size: 18px;font-weight: 700;color: #222;line-height: 1.5;word-break: keep-all;}

@media (max-width: 1170px){
	#Vision {padding-top: 30px;}
	#Vision .vision-tit {font-size: 40px;}
	#Vision .vis_wr {gap: 20px;}
	#Vision .vis_wr .vis {width: calc(50% - 10px);}
}
@media (max-width: 767px){
	#Vision .mvTit {width: 140px; height: 40px; line-height: 40px; font-size: 18px;}
	#Vision .vision-tit {font-size: 28px; margin-top: 20px;}
	#Vision .vis_wr {flex-direction: column;align-items: center;gap: 40px;}
	#Vision .triangle {margin: 20px auto; width: 120%; left: 50%; transform: translateX(-50%);}
	#Vision .vis_wr .vis {width: 100%; padding:20px;}
	#Vision .vis_wr .vis::after {height: 105%;}
	#Vision .vis_wr .vis ul.txt_list li{border-radius:10px;}
	#Vision .vis_wr .vis .tit_box .tit > img{width: 100px;margin: 10px 0 20px;}
	#Vision .part_wr {gap: 10px; margin-top: 60px; padding: 10px;flex-direction: column;}
}

/* sub1_1_d : 연혁 */
#History{text-align: center;position: relative;padding-top: 60px;}
#History .vision{}
#History .mvTit{position: relative; display: inline-block; width: 200px; height: 50px; background: linear-gradient(90deg, #c6ab88 0%, #97764b 100%); color: #fff; border-radius: 200px; text-align: center; line-height: 50px; font-size: 20px; letter-spacing: -0.02em; font-weight: 500;}
#History .his-tit {font-size: 50px;letter-spacing: -0.03em;line-height: 1.4;font-weight: 700;color: #222;margin-top: 30px;word-break: keep-all;}
#History .his-tit span{display:block;}

#History .his_con{position: relative; width: 100%; max-width: 600px; margin: 40px auto 0; height: auto; padding-bottom: 80px;}
#History .his_con .center{position: absolute; left: 140px; top: 0; z-index: 9; height: 90%; background-color: #ddd; z-index: -1;}
#History .his_con .progress-container{height: 85%; width: 2px; background: #e7e7e7;}
#History .his_con .progress-bar{width: 2px; background: #ac966f; height: 0%;}
#History .hc_list{display: flex; justify-content: center;}
#History .hc_list:after{content: ''; display: block; clear: both;}
#History .hc_list > div{/* width: 50%; */}
#History .hc_list .h_year{position: relative; width: 140px;}
#History .hc_list .h_year:before{content: ''; position: absolute; top: 50%; transform: translateY(-50%); width: 9px; height: 9px; border-radius: 50%; background: #ac966f;}
#History .hc_list .h_year strong{display: block; padding: 10px 30px; font-family: var(--point-font); font-size: 80px; text-align: center; color: #222;}
#History .hc_list .h_con{display: flex; align-items: center; width: calc(100% - 140px);}
#History .hc_list .h_con ul{padding: 0 30px;}
#History .hc_list .h_con ul li{font-size: 20px; font-weight: 600; text-align: left; letter-spacing: -.4px; color: #333; word-break: keep-all;}
#History .hc_list .h_con ul li.color{color: #464d95;}
#History .hc_list .h_con ul li.slide{cursor: pointer; transition:all 0.4s ease;}
#History .hc_list .h_con ul li.slide:hover{color: #619cc6;}
#History .hc_list .h_con ul li.slide .arrow{display: inline-block; width: 22px; height: 22px; margin-left: 8px; background: #619cc6; color: #fff; font-size: 13px; text-align: center; line-height: 22px; border-radius: 50%;}
#History .hc_list .h_con ul li:after{content: ''; display: block; clear: both;}
#History .hc_list .h_con ul li+li{margin-top: 15px;}
#History .hc_list .h_con ul li p{font-size: 16px; line-height: 24px; word-break: keep-all;}
#History .hc_list .h_con ul li p.hcblank{display: none;}
#History .hc_list .h_con ul li p:nth-of-type(1){width: 10%; font-weight: 500; color: #222;}
#History .hc_list .h_con ul li p:nth-of-type(2){width: 90%; color: #888;}

#History .hc_list .h_con ul li .s_list{background: #f7fafc; margin-top: 20px; padding: 30px; display: none; transition:all 0.4s ease;}
#History .hc_list .h_con ul li .s_list li{position: relative; font-size: 16px; text-align: left; line-height: 1.4; color: #666; padding-left: 20px; }
#History .hc_list .h_con ul li .s_list li:last-child{margin-bottom: 0;}
#History .hc_list .h_con ul li .s_list li::before{content: '◆'; position: absolute; top: 2px; left: 0; display: inline-block; width: 5px; height: 5px; color: #619cc6; font-size: 10px; opacity: .5;}

#History .h_left > div{float: left;}
#History .h_left .h_year{width: 140px; text-align: right;}
#History .h_left .h_year:before{right: -5px;}
#History .h_left .h_con ul li p{float: left;}

@media (max-width: 1170px){
	#History .his-tit{font-size:40px;}
}
@media (max-width: 767px){
	#History {padding-top: 30px;}
	#History .mvTit{width: 140px; height: 40px; line-height: 40px; font-size: 18px;}
	#History .his-tit{font-size: 28px; margin-top: 20px;}
	#History .hc_list .h_year strong{font-size:50px;}
	#History .his_con .center {left: 100px;}
	#History .h_left .h_year {width: 100px;}
	#History .hc_list .h_con {width: calc(100% - 100px);}
}

/* sub1_1_e : 현황 */
#Chart{text-align: center;}
#Chart .mvTit{position: relative; display: inline-block; width: 100%; max-width: 300px; height: 50px; margin-bottom: 20px; background: linear-gradient(90deg, #c6ab88 0%, #97764b 100%); color: #fff; border-radius: 200px; text-align: center; line-height: 50px; font-size: 20px; letter-spacing: -0.02em; font-weight: 500;}
#Chart .chart{margin-bottom: 70px;}
#Chart .chart .chart_box{display: flex;justify-content: center;flex-wrap: wrap;flex-direction: column;align-items: center;}
#Chart .chart .total_wr{margin-bottom: 15px;}
#Chart .chart .total_wr h3{font-size: 18px; font-weight: 500; color: #555; line-height: 1.5;}
#Chart .chart .total_wr h3 span.num{font-size: 40px; font-weight: 700; color: #222; line-height: 1.5;}
#Chart .chart .total_wr small{font-size: 16px; font-weight: 500; color: #999; line-height: 1.5;}

@media (max-width: 767px){
	#Chart .mvTit{width:90%; max-width: 300px; height: 40px; line-height: 40px; font-size: 18px;}
}



/* -------------------------------- sub1_2 : 오시는 길 -------------------------------- */
#contact{position:relative;}
#contact .map-wrap{margin-bottom:80px;position: relative;}
#contact .root_daum_roughmap .border1,
#contact .root_daum_roughmap .border2,
#contact .root_daum_roughmap .border3,
#contact .root_daum_roughmap .border4{border:0 !important; opacity:0 !important;}
#contact .map-wrap > .map{position:relative;overflow: hidden;border-radius: 20px;border: 1px solid #e3e3e3;}
#contact .map-wrap .map-info{display:flex;margin-top: 50px;position: relative;}
#contact .map-wrap .tit-box{}
#contact .map-wrap .tit-box img{max-width:300px;}
#contact .map-wrap .map-info-box {width: calc(100% - 300px);padding-left: 100px;}
#contact .map-wrap .map-info-box .location-tit {position: relative;}
#contact .map-wrap .map-info-box .location-tit i {font-size: 24px;position:absolute;left:0;top: 5px;color: #c8005f;font-weight: normal;}
#contact .map-wrap .map-info-box .location-tit p{font-size: 26px;letter-spacing:-0.04em;font-weight: 700;line-height: 1.2;padding-left: 32px;}
#contact .map-wrap .loca-txt{display:block; font-size:17px; font-weight:400; line-height:1.5; margin-top:10px;}
#contact .map-wrap .loca-info-list {position: relative;display: flex;gap: 75px;margin-top: 15px;}
#contact .map-wrap .loca-info-list .loca-item {display:flex;}
#contact .map-wrap .loca-info-list .loca-item dl {display:flex;align-items:center;font-size: 18px;}
#contact .map-wrap .loca-info-list .loca-item i {font-size: 18px;line-height:2.133em;font-weight: 400;color: rgb(200 0 95);position:absolute;left:0;font-weight: normal;}
#contact .map-wrap .loca-info-list .loca-item dl dt {line-height: 2;font-weight: 700;margin-right: 29px;padding-left: 23px;position: relative;}
#contact .map-wrap .loca-info-list .loca-item dl dd {font-weight: 500;color: rgba(0, 0, 0, 0.7);}
#contact .map-wrap .loca-info-list .loca-item dl dd a{color:inherit;}
#contact .map-wrap .loca-info-list .loca-item dl dd br{display:none;}
#contact .map-wrap .map-info .map-btn{
	position: absolute;
	right: 40px;
	top: -115px;
	padding:15px 20px 18px 25px;
	width: 130px;
	height: 130px;
	border-radius: 50%;
	background: #a88253;
	box-shadow: 0px 10px 20px rgb(168 130 83 / 20%);
	font-size: 19px;
	font-weight:600;
	color:#fff;
	letter-spacing:-.5px;
	line-height: 1.3;
	display:inline-flex;
	justify-content: center;
	align-items:center;
	cursor:pointer;
	transition:.3s;
	flex-direction: column;
	text-align: center;
	gap: 3px;
	word-break: keep-all;
	z-index: 10;
}
#contact .map-wrap .map-info .map-btn i{font-weight:normal;font-size:19px;/* transform: rotate(-45deg); */transition:.3s;}
#contact .map-wrap .map-info .map-btn:hover{top: -100px; background: #916a3a; box-shadow: 0px 10px 20px rgb(168 130 83 / 0%);}
#contact .map-wrap .map-info .map-btn:hover i{transform: rotate(0deg); animation:arrRight .8s ease-in-out infinite;}

#contact .loca-list{background: #f5f5f5; border-radius: 20px; padding: 30px;}
#contact .loca-list ul{}
#contact .loca-list > ul > li{display:flex; padding:50px 0 50px 40px;}
#contact .loca-list > ul > li + li{border-top: 1px dotted #ddd;}
#contact .loca-list .icon{width: 180px;text-align:center;display:flex;flex-direction:column;align-items:center;font-size:21px;font-weight: bold;color:#242424;}
#contact .loca-list .icon i{font-size:70px;margin-top:10px;font-weight: normal;}
#contact .loca-list .txt-wrap{width: calc(100% - 180px);padding-left:100px;}
#contact .loca-list .txt-wrap > dl{position: relative;font-size:17px;color:#555;font-weight:400;line-height:1.8;word-break:keep-all;display:flex;flex-wrap: wrap;}
#contact .loca-list .txt-wrap > dl + dl{margin-top:20px;}
#contact .loca-list .txt-wrap > dl > dt{font-weight: bold;color:#222;display:inline-block;font-size:19px;letter-spacing:-.5px;width: 200px;}
#contact .loca-list .txt-wrap > dl > dd{width:calc(100% - 200px);font-weight: 500;}
#contact .loca-list .txt-wrap > dl > dd.txt-idt{text-indent:-24px;padding-left:20px;font-weight: 500;}
#contact .loca-list .txt-wrap > dl > dd.txt-idt > a{color: #000;font-weight: bold;}
#contact .loca-list .txt-wrap > dl > dd i{font-size:19px;margin-right:5px;font-weight: normal;color: #000;}
#contact .loca-list .txt-wrap > dl > dd em{font-style:normal;background: #67675d;color:#fff;padding: 2px 6px;font-size: 15px;font-weight: normal;border-radius: 4px;}
#contact .loca-list .txt-wrap p{}
#contact .loca-list .txt-wrap p b{color:#222; position:absolute; top:0; left:0; display:inline-block; font-size:19px; letter-spacing:-.5px;}
#contact .loca-list .txt-wrap .red{display:inline-block;color: #000;font-weight: 700;}
#contact .loca-list .txt-wrap a:hover{text-decoration:underline;}
#contact .loca-list .list-point>li{text-indent:0px; font-size:16px; color:#666;}

.en #contact .loca-list .icon{line-height:1.1;}

@media (max-width: 1280px){
	#contact .map-wrap .tit-box img {max-width: 240px;}
	#contact .map-wrap .map-info-box {width: calc(100% - 240px); padding-left: 40px;}
}
@media (max-width: 1170px){
	#contact .map-wrap {border-radius: 0;border: 0;margin-bottom: 40px;}
	#contact .map-wrap .tit-box{display:none;}
	#contact .map-wrap .map-info {margin-top: 30px;gap: 20px;align-items: center;}
	#contact .map-wrap .map-info-box {position: relative;bottom: auto;left: auto;right: auto;width: calc(100% - 130px);padding:0;}
	#contact .loca-list > ul > li {padding: 50px 0; flex-direction: column; gap:20px;}
	#contact .loca-list .icon {width: 100%;gap: 10px;flex-direction: row-reverse;align-items: center;font-size: 28px;justify-content: center;}
	#contact .loca-list .icon i {font-size: 32px; margin-top: 0;}
	#contact .loca-list .txt-wrap {width: 100%;padding-left: 0;}
	#contact .map-wrap .map-info .map-btn {top: auto;}
	#contact .map-wrap .map-info .map-btn:hover {top: -155px;}
	#contact .loca-list {padding: 0 30px;}
	#contact .loca-list .txt-wrap > dl{flex-direction: column;}
	#contact .loca-list .txt-wrap > dl > dt,
	#contact .loca-list .txt-wrap > dl > dd {width: 100%;}

}
@media (max-width: 767px){
	#contact{padding-bottom:0px;}	
	#contact .map-wrap {margin-bottom: 40px;}
	#contact .map-wrap .map{height:300px;border-radius: 10px;}
	#contact .map-wrap .map-info-box{padding: 0;border-radius: 10px;width: 100%;}
	#contact .map-wrap .map-info-box .location-tit {margin-bottom: 10px;}
	#contact .map-wrap .loca-info-list {display: flex;flex-direction: column;gap: 10px;margin-top: 10px;}
	#contact .map-wrap .map-info-box .location-tit p {font-size: 16px;padding-left: 29px;}
	#contact .map-wrap .loca-info-list .loca-item dl {align-items: flex-start; flex-direction: column;}
	#contact .map-wrap .loca-info-list .loca-item dl dd {font-size: 15px; line-height: 1.5;}
	#contact .map-wrap .loca-info-list .loca-item dl dd br{display:block;}
	#contact .map-wrap .map-info-box .location-tit i{font-size: 15px;top: 6px;}
	#contact .map-wrap .map-info .map-btn{padding: 10px 15px 10px 15px;font-size: 16px;margin-top: 0;border-radius: 10px;position: relative;width: 100%;height: auto;right: auto;left: auto;flex-direction: row-reverse;gap: 10px;}
	#contact .map-wrap .map-info{flex-direction: column-reverse;margin-top: 0px;gap: 30px;}
	#contact .loca-list > ul > li {padding: 20px 0;}
	#contact .loca-list .icon{font-size:22px;}
	#contact .loca-list .txt-wrap {width: 100%; padding-left: 0;}
	#contact .loca-list .txt-wrap > dl {flex-direction: column;font-size: 15px;}
	#contact .loca-list .txt-wrap > dl > dd {width: 100%;}
}



/* -------------------------------- sub1_4 : 관련링크 -------------------------------- */
#SiteLink{position:relative; word-break:keep-all;}
#SiteLink .link-list{}
#SiteLink .link-list > li{}
#SiteLink .link-list > li + li{margin-top:60px;}
#SiteLink .link-cate{font-size: 30px;font-weight: bold;color: #263169;margin-bottom: 20px;}
#SiteLink .link-box{display: flex;flex-wrap: wrap;gap: 20px;}
#SiteLink .link-box > li{position:relative;padding: 15px 20px 15px 30px;border-radius: 20px;border: 1px solid #ddd;width: calc(50% - 10px);display: flex;align-items: center;justify-content: space-between;}
#SiteLink .link-box > li > h4{width: calc(100% - 180px);padding-right: 20px;font-size: 21px;line-height: 1.4;font-weight: 700;color: #111;vertical-align: middle;word-break: keep-all;}
#SiteLink .link-box > li .link-btn{
	padding:5px 20px;
	height: 44px;
	border: 1px solid #97764b;
	box-sizing:border-box;
	background-color:#fff;
	font-size:16px;
	color: #97764b;
	text-transform:uppercase;
	width: 180px;
	border-radius: 10px;
	font-weight: bold;
	display: flex;
	justify-content: space-between;
	align-items: center;
	transition:.3s;
}
#SiteLink .link-box > li .link-btn > i{}
#SiteLink .link-box > li .link-btn:hover{background: #97764b;color:#fff;}

@media (max-width: 1024px){
	#SiteLink .link-box > li{width: 100%;}
}
@media (max-width: 767px){
	#SiteLink .link-box{gap:10px;}
	#SiteLink .link-cate{font-size: 24px;}
	#SiteLink .link-list > li + li {margin-top: 40px;}	
	#SiteLink .link-box > li {padding: 10px;gap: 5px;align-items: center;text-align: left;justify-content: space-between;/* flex-direction: column; */}
	#SiteLink .link-box > li > h4{width: calc(100% - 30px);text-align: left;padding-right: 0;font-size: 17px;}
	#SiteLink .link-box > li .link-btn{padding: 0;display:flex;font-size: 0;text-align: center;width:30px;height:30px;justify-content: center;align-items: center;border-radius: 50%;border: 0;color: #fff;background: #7a7d96;}
	#SiteLink .link-box > li .link-btn > i{font-size:14px;}
}

/* -------------------------------- sub3_1 : 연구분야 -------------------------------- */
#Rsch .lab{display: flex;gap: 40px;flex-wrap: wrap;}
#Rsch .lab > li{background: #f9f7f7;border-radius: 20px;padding: 40px 50px;width: calc(50% - 20px);position: relative;min-height: 400px;transition: 0.3s;}
#Rsch .lab > li:nth-child(even){/* background: #fff; *//* border: 1px solid #ddd; */}
#Rsch .lab > li.wh{background: #fff;border: 1px solid #ddd;}
#Rsch .lab .lab-item{width: 100%;height:100%;display:flex;flex-direction: column;gap: 20px;}
#Rsch .lab .lab-item .prof-img{position: absolute;right: 50px;top: 50px;width:140px;height:140px;}
#Rsch .lab .lab-item .prof-img img{max-width:100%;border-radius: 50%;}
#Rsch .lab .lab-item .lab-tit{gap: 20px;display: flex;align-items: flex-start;flex-direction: column;padding-right: 180px;}
#Rsch .lab .lab-item .home{width: 40px;height: 40px;border-radius: 50%;position: absolute;display:inline-flex;align-items: center;gap: 10px;font-weight: 700;font-size: 17px;line-height: 1;padding-bottom: 3px;background: #0e345c;color: #fff;justify-content: center;right: -0px;bottom: -0px;transition: 0.3s;z-index: 5;}
#Rsch .lab .lab-item .home > i{font-weight: normal;transition:.3s;}
#Rsch .lab .lab-item .lab-tit strong{display: inline-flex;align-items: flex-start;gap: 15px;font-weight: 700;font-size: 34px;line-height: 1.3;letter-spacing: -.5px;}
/*#Rsch .lab .lab-item .lab-tit strong > a{width: 32px;height: 32px;font-size: 17px;font-weight: normal;display: flex;color: #fff;background: #333;border-radius: 50%;align-items: center;justify-content: center;}
#Rsch .lab .lab-item .lab-tit strong > a > i{font-weight: normal;transition:.3s;}*/
#Rsch .lab .lab-item .lab-tit span{transition:.3s;/* width: calc(100% - 35px); */}
#Rsch .lab .lab-item .lab-tit span > a{background: linear-gradient(90deg, #c6ab88 0%, #97764b 100%);border-radius:50px;font-size: 17px;/* font-weight: bold; */padding: 8px 20px;height: auto;display: inline-flex;color: #fff;justify-content: center;align-items: center;line-height:1;gap: 5px;transition:.3s;}
#Rsch .lab .lab-item .lab-tit span > a:after{opacity:0;width:0;content: "\f0f3";font-family: 'remixicon' !important;font-style: normal;font-weight: normal;transition:.3s;}
#Rsch .lab .lab-item .lab-tit span > a:hover{text-decoration:none;}
#Rsch .lab .lab-item .lab-tit span > a:hover:after{width:auto;opacity:1;}
#Rsch .lab .lab-item .lab-tit span > a > i{/* font-weight:normal; */}

#Rsch .lab .lab-item .lab-txt{}
#Rsch .lab .lab-item .lab-txt p{line-height: 1.4;color: #212121;font-size: 19px;font-weight: 500;letter-spacing: -.5px;word-break: keep-all;}
#Rsch .lab .lab-item .lab-txt > ul.list-info{margin-top:0px; opacity:.6;}
#Rsch .lab .lab-item .lab-txt > ul.list-info > li{color: #212121;letter-spacing: 0;}

#Rsch .lab .lab-item .list-tag{display: block;margin-top: 40px;margin-left: -5px;}
#Rsch .lab .lab-item .list-tag > span{position:relative;display: inline-flex;font-weight:600;border-radius:20px;font-size: 16px;color:#575757;background: #ffff;line-height: 1;padding: 8px 20px;word-break: keep-all;justify-content: center;margin: 5px;}

#Rsch .lab > li.wh .list-tag > span{color:#575757;background: #f7f5f5;}

#Rsch .lab > li:hover{box-shadow: 6px 20px 20px 0px #dddddd0f;}
#Rsch .lab .lab-item .home:hover{background: #fff; color: #0e345c; box-shadow: 8px 10px 20px rgb(14 52 92 / 47%);}
#Rsch .lab .lab-item .home:hover > i{}

@media (max-width: 1300px){
}
@media (max-width: 1240px){
}
@media (max-width: 1170px){
	#Rsch .lab {gap: 20px;}
	#Rsch .lab .lab-item .lab-tit strong {gap: 10px; font-size: 28px; line-height: 1.2;}
	#Rsch .lab > li {padding: 30px 40px; width: calc(50% - 10px); min-height: 400px;}
}
@media (max-width: 1024px){
	#Rsch .lab > li{width:100%;}
}
@media (max-width: 767px){
	#Rsch{padding: 0 0 0px;}
	#Rsch .lab > li {padding: 20px;}
	#Rsch .lab .lab-item {width: 100%;}
	#Rsch .lab .lab-item .prof-img {position: relative; right: auto; top: auto; margin: 0 auto;}
	#Rsch .lab .lab-item .lab-tit {gap: 10px;align-items: center;flex-direction: column;padding: 0;}
	#Rsch .lab .lab-item .lab-tit strong{font-size:22px;align-items: center;}
	#Rsch .lab .lab-item .lab-txt p {text-align:center; line-height: 1.4; font-size: 16px;}
	#Rsch .lab .lab-item .home > i{font-size: 18px; font-weight: normal; line-height: 1; transition: .3s;}
	#Rsch .lab .lab-item .lab-tit span,
	#Rsch .lab .lab-item .lab-tit span > a{width:100%;}
	#Rsch .lab .lab-item .list-tag{margin-top:20px;}

	#Rsch .lab > li.wh {background: #f9f7f7; border: 1px solid #f9f7f7;}

	#Rsch .lab > li:nth-child(even) {background: #fff; border: 1px solid #ddd;}
	#Rsch .lab > li.wh .list-tag > span{color:#575757;background: #fff;}
	#Rsch .lab > li:nth-child(even) .list-tag > span{color:#575757;background: #f7f5f5;}
}
@media (max-width: 640px){
}
@media (max-width: 520px){
}



/* -------------------------------- sub3_2 : BK21 -------------------------------- */

/* sub3_1_a : 교육단장 인사말 */
#BK21-Greeting{position: relative;word-break: keep-all;}
#BK21-Greeting .bk21-tit-box {margin-bottom:50px;/* text-align: center; */}
#BK21-Greeting .bk21-tit-box .tit {font-size: 25px;letter-spacing: -.5px;line-height: 1;color: #c9005f;font-weight: 700;margin-bottom: 30px;/* font-family: var(--point-font); *//* text-transform: uppercase; */}
#BK21-Greeting .bk21-tit-box .txt {font-size: 40px;letter-spacing: -0.03em;line-height: 1.5;font-weight: 700;color: #222;}
#BK21-Greeting .bk21-tit-box .txt b{font-weight:800;/* color: #c9005f; */}
#BK21-Greeting .bk21-banner-box {width: 100%;height: 0;padding-top: 27.25%;border-radius:20px;background: url("/images/sub/bk21_gre_img.jpg") no-repeat center/cover;margin: 50px 0 60px;}
#BK21-Greeting .bk21-con-box {display: flex;justify-content: space-between;flex-direction: column;gap: 30px;}
#BK21-Greeting .bk21-con-box .left-con {box-sizing: border-box;}
#BK21-Greeting .bk21-con-box .left-con .txt {font-size: 32px;line-height: 1.6;letter-spacing: -1px;color: #000;font-weight: 700;}
#BK21-Greeting .bk21-con-box .left-con big{font-size: 32px;font-weight:700;line-height: 1.5;padding-bottom: 30px;display: block;}
#BK21-Greeting .bk21-con-box .left-con small{font-size: 22px;font-weight: 700;line-height: 1.8;}
#BK21-Greeting .bk21-con-box .right-con {}
#BK21-Greeting .txt {font-size: 21px;font-weight: 600;line-height: 2;letter-spacing: -1px;color: #222;margin-bottom: 30px;text-align: justify;}
#BK21-Greeting .txt a{color: #0067db;font-weight:600;}
#BK21-Greeting .txt a > i{font-weight:normal;}
#BK21-Greeting .txt a:hover{text-decoration:underline;}
#BK21-Greeting .name{text-align:right;display: inline-block;font-size:24px;color:#222;font-weight:700;}
#BK21-Greeting .name strong{font-size:30px; font-weight:700; color:#111; letter-spacing:5px; display:inline-block; margin-left:10px;}

@media (max-width: 1300px){
}
@media (max-width: 1240px){
}
@media (max-width: 1170px){
	#BK21-Greeting .txt{text-align:left;}
	#BK21-Greeting .bk21-tit-box {margin-bottom: 0px;}
	#BK21-Greeting .bk21-tit-box .txt{font-size: 34px;}
	#BK21-Greeting .bk21-tit-box .txt br{display:none;}
	#BK21-Greeting .bk21-con-box .left-con big{font-size: 34px;}
}
@media (max-width: 1024px){
}
@media (max-width: 767px){
	#BK21-Greeting .bk21-tit-box{text-align:center;}
	#BK21-Greeting .bk21-tit-box .tit {font-size: 18px; margin-bottom: 10px;}
	#BK21-Greeting .bk21-tit-box .txt{font-size:22px; text-align:center;}
	#BK21-Greeting .bk21-tit-box .txt br{display:none;}
	#BK21-Greeting .txt{font-size: 18px; line-height: 1.6; margin-bottom: 20px;}
	#BK21-Greeting .bk21-banner-box {padding-top: 33.25%; border-radius: 15px; margin: 20px 0;}
	#BK21-Greeting .bk21-con-box .left-con big{font-size: 22px;text-align:center;padding-bottom: 20px;}
	#BK21-Greeting .bk21-con-box .left-con big br{display:none;}
	#BK21-Greeting .bk21-con-box .left-con small {font-size: 18px; line-height: 1.6;}
	#BK21-Greeting .bk21-con-box{gap:20px;}
	#BK21-Greeting .name{font-size:18px;text-align:center;}
	#BK21-Greeting .name strong{font-size:24px;}
}
@media (max-width: 640px){
}
@media (max-width: 520px){
}

/* sub3_2_c : 사업내용 */
#BK21-MV{text-align: center;position: relative;padding-top: 60px;}
#BK21-MV .vision{}
#BK21-MV .mvTit{
    position: relative; display: inline-block; width: 200px; height: 50px; background: linear-gradient(90deg, #c6ab88 0%, #97764b 100%); 
	color: #fff; border-radius: 200px; text-align: center; line-height: 50px; font-size: 20px; letter-spacing: -0.02em; font-weight: 500;
}
#BK21-MV .vision-tit {font-size: 50px;letter-spacing: -0.03em;line-height: 1.4;font-weight: 700;color: #222;margin-top: 30px;word-break: keep-all;}
#BK21-MV .vision-tit span{display:block;}
#BK21-MV .triangle {margin-top: 3rem;}
#BK21-MV .triangle img {max-width: 100%;}
#BK21-MV .mission-list {display:flex;margin-top: 40px;flex-wrap: wrap;gap: 30px;justify-content: center;}
#BK21-MV .mission-list > li {display:flex;align-items:center;width: calc(50% - 15px);border-radius:20px;background: #F5F5F5;padding: 30px 50px;text-align: left;}
#BK21-MV .mission-list > li:last-child {margin-right: 0;}
#BK21-MV .mission-list .icon-box {width: 100px;background: #fff;border-radius: 100%;height: 100px;display: flex;justify-content: center;align-items: center;margin-right: 40px;}
#BK21-MV .mission-list .icon-box span {position: relative; width: 57%; display: block; height: 0; padding-top: 70%;}
#BK21-MV .mission-list .icon-box span img{position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; max-width: 100%; max-height: 100%; margin: auto;}
#BK21-MV .mission-list .txt-wr{width:calc(100% - 100px);}
#BK21-MV .mission-list > li p {width: calc(100% - 14rem); font-size:2.6rem; letter-spacing:-0.03em; color: #000; font-weight: 700; line-height:1.615em; text-align:left;}
#BK21-MV .mission-list .txt-wr strong{font-size: 24px;font-weight:700;color: #222;line-height: 1.5;word-break: keep-all;}
#BK21-MV .mission-list .list-Dot{margin-top: 5px;}
#BK21-MV .mission-list .list-Dot > li{font-size:16px;}
#BK21-MV .mission-list .list-Dot > li + li{margin-top: 0;}

.Rsch3-2-3 .diaWr{/* background: #fff; */border-radius: 20px;border: 1px solid #e5e5e5;text-align: center;padding: 6% 0;}
.Rsch3-2-3 .diaWr + .diaWr{margin-top:20px;padding: 6%;}

.dia-sub3-2-c-A{position: relative;display: flex;align-items: center;justify-content: center;max-width: 1230px;margin: 0 auto;width: 95%;}
.dia-sub3-2-c-A > li {position: relative; width: 33.33%;}
.dia-sub3-2-c-A .list-center-box{position:relative;margin: 0 70px;}
.dia-sub3-2-c-A .list-center-box .arr-motion{position: absolute;top: 50%;transform: translateY(-50%);z-index:5;}
.dia-sub3-2-c-A .list-center-box .arr-motion.left-arr{left: -30px;}
.dia-sub3-2-c-A .list-center-box .arr-motion.right-arr{right: -30px;}

.dia-sub3-2-c-A .arr-inner {display:flex;align-items:center;justify-content:center;}
.dia-sub3-2-c-A .arr-motion .arr-icon {margin: -24px 0 0 0;animation:arr-left 1.3s infinite; color: #1a87ac;}
.dia-sub3-2-c-A .arr-motion .arr-icon.arr-icon03 {animation-delay:0.1s;}
.dia-sub3-2-c-A .arr-motion .arr-icon.arr-icon02 {animation-delay:0.2s;}
.dia-sub3-2-c-A .arr-motion .arr-icon.arr-icon01 {animation-delay:0.3s;}
.dia-sub3-2-c-A .arr-motion .arr-icon i {font-size: 28px;}

.dia-sub3-2-c-A .list-center-box .arr-motion.right-arr .arr-icon{animation:arr-right 1.3s infinite; color: #c9435d;}
.dia-sub3-2-c-A .arr-motion.right-arr .arr-icon.arr-icon01 {animation-delay:0.1s;}
.dia-sub3-2-c-A .arr-motion.right-arr .arr-icon.arr-icon02 {animation-delay:0.2s;}
.dia-sub3-2-c-A .arr-motion.right-arr .arr-icon.arr-icon03 {animation-delay:0.3s;}

@keyframes arr-left {
	0% {opacity:0.2;}
	50% {opacity:0.5;}
	100% {opacity:1;}
}
@keyframes arr-right {
	0% {opacity:0.2;}
	50% {opacity:0.5;}
	100% {opacity:1;}
}

.dia-sub3-2-c-A .list-center-box img {max-width: 100%;}
.dia-sub3-2-c-A .list-center-box .cir{
	text-align:center;
	margin:0 auto;
	font-size: 22px;
	font-weight: 600;
	line-height: 1.5;
	text-align: center;
	max-width: 230px;
	width:100%;
	height: 230px;
	box-sizing: content-box;
	border: 25px solid rgb(255, 255, 255);
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	border-radius: 100%;
	background: linear-gradient(to left, #4d6693 0%, #243045 100%);
	color: #fff;
	position: relative;
}
.dia-sub3-2-c-A .list-center-box > .cir:before {content: '';display: block;width: 350px;height: 350px;border: 35px solid rgb(69 83 109 / 5%);border-radius: 100%;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.dia-sub3-2-c-A .list-center-box strong{font-size: 28px;font-weight: 700;line-height: 1.3;word-break: keep-all;}

.dia-sub3-2-c-A .list-box {border: 0.3rem solid var(--sub-color);border-radius: 20px;background: #fff;box-shadow: 1rem 1rem 4rem rgba(51,51,51,0.1);}
.dia-sub3-2-c-A .list-box .list-tit {height: 64px;border-radius: 13px 13px 0 0;line-height: 64px;background: var(--sub-color);padding: 0 20px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.dia-sub3-2-c-A .list-box .list-tit .tit {position: relative;font-size: 24px;font-weight: 600;letter-spacing: -0.05em;color: #fff;}
.dia-sub3-2-c-A .list-box .list-inner {padding: 10px;}
.dia-sub3-2-c-A .list-box .list-inner dl {/* padding: 10px 0; *//* border-bottom: 0.1rem solid #eeeeee; */}
.dia-sub3-2-c-A .list-box .list-inner dl + dl{margin-top:5px;}
.dia-sub3-2-c-A .list-box .list-inner dl:last-child {border-bottom: 0;}
.dia-sub3-2-c-A .list-box .list-inner dl dt {font-size: 20px;font-weight: 600;letter-spacing: -0.05em;color: #fff;line-height: 1.2;padding: 15px;background: #f1f1f1;border-radius: 10px;margin-bottom: 5px;}
.dia-sub3-2-c-A .list-box .list-inner dl dd {font-size: 18px;font-weight: 500;letter-spacing: -0.050em;color: #000;line-height: 1.2;}
.dia-sub3-2-c-A .list-box .list-inner dl dd > .list{display:flex;flex-wrap: wrap;gap: 5px;}
.dia-sub3-2-c-A .list-box .list-inner dl dd > .list > li{
    flex: 1 1 48%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    border-radius: 10px;
    color:#333;
    font-size: 15px;
    padding: 10px;
    font-weight: 500;
    border-width: 1px;
    border-style: dotted;
    background-color: #f7f7f7;
    border-color: #dfdfdf;
    word-break: keep-all;
}
.dia-sub3-2-c-A .list-box.left{
	background:
		linear-gradient(#fff, #fff) padding-box, /* 내부 배경 */
		linear-gradient(to right, #5d9db9 0%, #1987ac 100%) border-box; /* 테두리 */
	border: 0.3rem solid transparent; /* 투명 border 필수 */
}
.dia-sub3-2-c-A .list-box.right{
	background:
		linear-gradient(#fff, #fff) padding-box, /* 내부 배경 */
		linear-gradient(to right, #c8425c 0%, #d25c6e 100%) border-box; /* 테두리 */
	border: 0.3rem solid transparent; /* 투명 border 필수 */
}
.dia-sub3-2-c-A .list-box.left .list-tit{background: linear-gradient(to right, #5d9db9 0%, #1987ac 100%);}
.dia-sub3-2-c-A .list-box.right .list-tit{background:linear-gradient(to right, #c8425c 0%, #d25c6e 100%);}

.dia-sub3-2-c-A .list-box.left .list-inner dl:first-child dt{background: #26958f;}
.dia-sub3-2-c-A .list-box.left .list-inner dl:nth-child(2) dt{background: #349d74;}
.dia-sub3-2-c-A .list-box.right .list-inner dl:first-child dt{background: #bf5c9d;}
.dia-sub3-2-c-A .list-box.right .list-inner dl:nth-child(2) dt{background: #7b559d;}

.dia-sub3-2-c-A .list-box.left .list-inner dl:first-child dd > .list > li{background: #26958f1a; border-color: #26958f61;}
.dia-sub3-2-c-A .list-box.left .list-inner dl:nth-child(2) dd > .list > li{background: #349d741a; border-color: #349d7461;}
.dia-sub3-2-c-A .list-box.right .list-inner dl:first-child dd > .list > li{background-color: #bf5c9d1a; border-color: #bf5c9d61;}
.dia-sub3-2-c-A .list-box.right .list-inner dl:nth-child(2) dd > .list > li{background-color: #7b559d1a; border-color: #7b559d61;}

.dia-sub3-2-c-B{position: relative;display: flex;align-items: center;justify-content: center;flex-direction: column;}
.dia-sub3-2-c-B .list-box{position: relative;}
.dia-sub3-2-c-B .list-box.topItem{justify-content: flex-end;}
.dia-sub3-2-c-B .list-box .topTit{margin: 0px auto 10px;position: relative;display: block;font-size: 24px;font-weight: 600;letter-spacing: -0.055em;line-height: 1.2em;color: #0c4da2;text-align: center;}
.dia-sub3-2-c-B .list-box .topTit span{position: relative;}
.dia-sub3-2-c-B .list-box .topTit span:before {position: absolute; content: ""; bottom: -2px; left: 0; width: 100%; height: 2px; background-color: #0c4da2;}
.dia-sub3-2-c-B .list-box .top-tit{}
.dia-sub3-2-c-B .list-box {position: relative;/* min-height: 600px; */width: 100%;margin: 0 auto;display: flex;flex-direction: column;align-items: center;justify-content: flex-start;}
.dia-sub3-2-c-B .list-box .dia-in-wr{position: relative;width: 100%;}
.dia-sub3-2-c-B .list-box .top-tit {display: inline-flex;position: relative;width: 280px;height: 280px;padding: 20px;background: #0c4da2;color:#fff;border-radius: 50%;border: 28px solid #fff;justify-content: center;align-items: center;margin: 0 auto 200px;}
.dia-sub3-2-c-B .list-box .top-tit:before {position: absolute;width: 420px;height: 420px;left: 50%;transform:translate(-50%, -50%);top:50%;left:50%;border-radius:50%;background:linear-gradient(to top, rgb(225 225 225) 0%,rgba(0,0,0,0) 40%);content: "";z-index: -1;}

.dia-sub3-2-c-B .list-box.topItem .topTit{color: #c80048;margin: 0px auto 40px;}
.dia-sub3-2-c-B .list-box.topItem .topTit span:before{background:#c80048;}
.dia-sub3-2-c-B .list-box.topItem .top-tit{background: #c80048;margin: 150px auto 0;}
.dia-sub3-2-c-B .list-box.topItem .top-tit:before {background: linear-gradient(to bottom, rgb(225 225 225) 0%, rgba(0, 0, 0, 0) 40%);}
.dia-sub3-2-c-B .list-box.topItem .top-list li:nth-child(1) {}
.dia-sub3-2-c-B .list-box.topItem .top-list li:nth-child(2) {top: 0;display: flex;flex-direction: column-reverse;gap: 10px;}
.dia-sub3-2-c-B .list-box.topItem .top-list li:nth-child(3) {}
.dia-sub3-2-c-B .list-box.topItem .top-list li:nth-child(4) {right: 1%;top: 250px;padding-left:85px;text-align:left;}
.dia-sub3-2-c-B .list-box.topItem .top-list li:nth-child(1) .icon {background: #9c2153;}
.dia-sub3-2-c-B .list-box.topItem .top-list li:nth-child(2) .icon {background: #918066;}
.dia-sub3-2-c-B .list-box.topItem .top-list li:nth-child(3) .icon {background: #aca27c;}

.dia-sub3-2-c-B .list-box .top-tit strong{display: block; font-size: 28px; line-height: 1.3; font-weight: bold;}
.dia-sub3-2-c-B .list-box .top-list{}
.dia-sub3-2-c-B .list-box .top-list > li{}
.dia-sub3-2-c-B .list-box .top-list:after {display: block; clear: both; content: ""; visibility: hidden;}
.dia-sub3-2-c-B .list-box .top-list li {position: absolute;width: calc(50% - 195px);display: inline-flex;justify-content: flex-start;align-items: center;}
.dia-sub3-2-c-B .list-box .top-list li:nth-child(1) {left: 3%;top: 50%;transform: translateY(-50%);padding-right: 100px;text-align:right;justify-content: flex-end;}
.dia-sub3-2-c-B .list-box .top-list li:nth-child(2) {left: 50%;top: 315px;text-align: center;transform: translateX(-50%);text-align: center;flex-direction: column;}
.dia-sub3-2-c-B .list-box .top-list li:nth-child(3) {right: 3%;top: 50%;transform: translateY(-50%);padding-left: 100px;text-align:left;}
.dia-sub3-2-c-B .list-box .top-list li:nth-child(4) {right: 1%;top: 250px;padding-left:85px;text-align:left;}
.dia-sub3-2-c-B .list-box .top-list li .icon{position:absolute;width: 80px;height: 80px;background:#9c2033;border-radius:50%;padding: 18px;}
.dia-sub3-2-c-B .list-box .top-list li .icon:before{content:""; width:105px; height:105px; position:absolute; left:50%; top:50%; background:#ffffffdb;z-index:-1;border-radius:50%; transform:translate(-50%, -50%);}
.dia-sub3-2-c-B .list-box .top-list li .icon > img{max-width:100%;-webkit-filter: brightness(0) invert(1);filter: brightness(0) invert(1);}
.dia-sub3-2-c-B .list-box .top-list li:nth-child(1) .icon {right:0;background: #0096d9;}
.dia-sub3-2-c-B .list-box .top-list li:nth-child(2) .icon {/* left: 50%; */background: #1055d4;/* transform: translateX(-50%); */position: relative;margin: 0 auto 10px;}
.dia-sub3-2-c-B .list-box .top-list li:nth-child(3) .icon {left:0;background: #02407a;}
.dia-sub3-2-c-B .list-box .top-list li:nth-child(4) .icon {left:0; top:-20px; background:#554c43;}
.dia-sub3-2-c-B .list-box .top-list li strong {font-size: 18px;color:#333;font-weight:bold;word-break: keep-all;}
.dia-sub3-2-c-B .list-box .top-list li p {font-size:16px; color:#393939;}

.dia-sub3-2-c-B .list-center-box{position: relative;max-width: 900px;width: 90%; margin: 0 auto 15px;}
.dia-sub3-2-c-B .list-center-box .conterWr{border: 3px dotted #dbdbdb;padding: 15px;border-radius: 65px;margin: 15px auto;}

.dia-sub3-2-c-B .arrWr{display: flex;flex-direction: column;align-items: center;justify-content: center;position: relative;}
.dia-sub3-2-c-B .arrWr i{font-size:30px;animation:scroll-ani 1.3s infinite;}
.dia-sub3-2-c-B .arrWr i + i{margin-top:-20px;}
.dia-sub3-2-c-B .arrWr i:nth-child(1){color: #b7b7b7;animation-delay:0.1s;}
.dia-sub3-2-c-B .arrWr i:nth-child(2){color: #7e7e7e;animation-delay:0.2s;}
.dia-sub3-2-c-B .arrWr i:nth-child(3){color: #3e3e4e;animation-delay:0.3s;}

.dia-sub3-2-c-B .arrWr.arrTop i:nth-child(3){color: #b7b7b7;animation-delay:0.1s;}
.dia-sub3-2-c-B .arrWr.arrTop i:nth-child(2){color: #7e7e7e;animation-delay:0.2s;}
.dia-sub3-2-c-B .arrWr.arrTop i:nth-child(1){color: #3e3e4e;animation-delay:0.3s;}

@keyframes scroll-ani {
	0% {opacity:0.2;}
	50% {opacity:0.5;}
	100% {opacity:1;}
}

.dia-sub3-2-c-B .list-center-box .in {content: ""; background: #fff; padding: 30px; border-radius: 50px; box-shadow: 0px 0 20px 0 rgb(0 0 0 / 10%);}
.dia-sub3-2-c-B .list-center-box .in > strong{
    font-size: 38px;
    font-weight: 800;
    margin-bottom: 15px;
    display: block;
    line-height: 1;
    position: relative;
    background: linear-gradient(90deg, #c6ab88 0%, #97764b 100%);
    color: #fff;
    border-radius: 200px;
    text-align: center;
    letter-spacing: -0.02em;
    padding: 15px;
}
.dia-sub3-2-c-B .list-center-box .center-list{display: flex; justify-content: center; gap: 8px;}
.dia-sub3-2-c-B .list-center-box .center-list span{
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #212121;
    font-size: 18px;
    padding: 15px;
    border-radius: 20px;
    font-weight: 700;
    border-width: 1px;
    border-style: dotted;
    background-color: #f7f7f7;
    border-color: #dfdfdf;
    word-break: keep-all;
}

.dia-sub3-2-c-B .end{position:relative;width: 90%;text-align: center;margin: 0 auto;max-width: 800px;background: linear-gradient(357deg, #c6ab88 0%, #97764b 100%);border-radius: 2rem;border: 5px solid #aa8b63;}
.dia-sub3-2-c-B .end:before {
    content: "";
    clip-path: polygon(50% 100%, 0 0, 100% 0);
    position: absolute;
    left: 50%;
    top: -120px;
    height: 220px;
    transform: translate(-50%, -0%);
    background: linear-gradient(to top, #d9d9d9 0%, #d9d9d90a 80%, #d9d9d900 100%);
    width: 150%;
    z-index: -1;
}
.dia-sub3-2-c-B .ck-list{gap: 10px;display: inline-flex;padding: 30px 40px;flex-direction: column;}
.dia-sub3-2-c-B .ck-list > li{word-break: normal;box-sizing: border-box;text-align: left;word-break: keep-all;}
.dia-sub3-2-c-B .ck-list > li > p{position: relative;font-size: 24px;font-weight: 600;letter-spacing: -0.025em;line-height: 1.3;color: #fff;padding-left: 42px;}
.dia-sub3-2-c-B .ck-list > li > p:before {position: absolute;content: "\eb79";font-family: 'remixicon' !important;font-style: normal;font-weight:normal;font-size: 30px;color: #7f541c;left: 0;top: -5px;}
.dia-sub3-2-c-B .ck-list > li > p b{color:#000; font-weight:bold;}

.bk21-rf-list{display: flex;flex-wrap: wrap;gap: 30px;margin-top: 10px;}
.bk21-rf-list > li{position: relative;width: calc(50% - 15px);}
.bk21-rf-list .rf-item{height: 100%;}
.bk21-rf-list .rf-item .inner{position: relative;display:flex;border-radius: 20px;overflow: hidden;height: 100%;padding: 50px 60px;}
.bk21-rf-list .rf-item .inner.bg1{background:url("/images/sub/bk21_rf_bg1.jpg") no-repeat center / cover;}
.bk21-rf-list .rf-item .inner.bg2{background:url("/images/sub/bk21_rf_bg2.jpg") no-repeat center / cover;}
.bk21-rf-list .rf-item .inner.bg3{background:url("/images/sub/bk21_rf_bg3.jpg") no-repeat center / cover;}
.bk21-rf-list .rf-item .inner.bg4{background:url("/images/sub/bk21_rf_bg4.jpg") no-repeat center / cover;}
.bk21-rf-list .rf-item .txt-box{color: #fff;}				
.bk21-rf-list .rf-item .rf-tit{font-size: 32px;font-weight: 700;}
.bk21-rf-list .rf-item .list-Dot{margin-top: 15px;}
.bk21-rf-list .rf-item .list-Dot > li{color: #fff;font-size: 16px;font-weight: 500;line-height: 1.4;}
.bk21-rf-list .rf-item .list-Dot > li + li{margin-top:5px;}
.bk21-rf-list .rf-item .list-Dot > li:before{background: #fff;top: 8px;opacity: .4;}
.bk21-rf-list .rf-item .prof-list{margin-top: 20px;display: flex;gap: 8px;}
.bk21-rf-list .rf-item .prof-list > li{background: #ffffff; border-radius: 5px; padding: 5px 8px; font-size: 14px; color: #111; font-weight: 600; letter-spacing: -.5px;}

@media (max-width: 1300px){
}
@media (max-width: 1240px){
}
@media (max-width: 1170px){
	#BK21-MV .vision-tit{font-size:40px;}
	#BK21-MV .mission-list {margin-top: 30px; gap: 20px;}
	#BK21-MV .mission-list .txt-wr strong br{display:none;}
	#BK21-MV .mission-list .icon-box{margin-right:30px;}
	#BK21-MV .mission-list .txt-wr{width:calc(100% - 130px);}
	#BK21-MV .mission-list > li {padding: 20px 30px;}

	.bk21-rf-list{gap:20px;}
	.bk21-rf-list > li {width: calc(50% - 10px);}
	.bk21-rf-list .rf-item .inner {padding: 30px 40px;}
	.bk21-rf-list .rf-item .rf-tit {font-size: 28px;}
	
	.Rsch3-2-3 .diaWr + .diaWr {padding: 6% 30px;}
	.dia-sub3-2-c-B .list-box.topItem .topTit{margin-bottom:10px;}
	.dia-sub3-2-c-B .list-box .top-tit:before{display:none;}
	.dia-sub3-2-c-B .list-box.topItem .top-tit {margin: 20px;}
	.dia-sub3-2-c-B .list-box .top-list {display: flex; justify-content: center;}
	.dia-sub3-2-c-B .list-box .top-tit {margin: 0;}
	.dia-sub3-2-c-B .list-box .top-list li{position:relative; right:auto; left:auto; top:auto; bottom:auto;}
	.dia-sub3-2-c-B .list-box .top-list li:nth-child(1),
	.dia-sub3-2-c-B .list-box .top-list li:nth-child(2),
	.dia-sub3-2-c-B .list-box .top-list li:nth-child(3),
	.dia-sub3-2-c-B .list-box .top-list li:nth-child(4){right:auto;left:auto;top:auto;bottom:auto;transform: translateY(0%);transform: translateX(0%);padding: 0;gap: 15px; text-align: left; justify-content: flex-start;}
	.dia-sub3-2-c-B .list-box.topItem .top-list li:nth-child(2),
	.dia-sub3-2-c-B .list-box .top-list li:nth-child(2) {flex-direction: row;}
	.dia-sub3-2-c-B .list-box .top-list li .icon {position: relative; padding:16px;}
	.dia-sub3-2-c-B .list-box .top-list li .box{width:calc(100% - 80px);}
	
	.dia-sub3-2-c-B .list-box .top-list li .icon:before{display:none;}
	.dia-sub3-2-c-B .list-box .top-list li:nth-child(2) .icon{margin:0;}
	
	.dia-sub3-2-c-B .end{margin:40px auto;}
}
@media (max-width: 1024px){
}
@media (max-width: 980px){
	.dia-sub3-2-c-A {flex-direction: column;}
	.dia-sub3-2-c-A > li {width: 95%;}
	.dia-sub3-2-c-A .list-center-box {margin: 70px 0;}
	.dia-sub3-2-c-A .arr-inner {align-items: center; gap: 10px; justify-content: center; flex-direction: column;}
	.dia-sub3-2-c-A .list-center-box .arr-motion.left-arr {top: -30px;left: 50%;transform: translate(-50%, -0%);}
	.dia-sub3-2-c-A .list-center-box .arr-motion.right-arr{right:auto;bottom: -55px;left: 50%;transform: translate(-50%, -0%);display: flex;align-items: flex-end;}
	.dia-sub3-2-c-A .arr-motion .arr-icon i.ri-arrow-left-s-fill:before {content: "\ea77";}
	.dia-sub3-2-c-A .arr-motion .arr-icon i.ri-arrow-right-s-fill:before {content: "\ea4d";}
}
@media (max-width: 767px){
	#BK21-MV {padding-top: 30px;}
	#BK21-MV .mvTit{width: 140px; height: 40px; line-height: 40px; font-size: 18px;}
	#BK21-MV .vision-tit{font-size: 28px; margin-top: 20px;}
	#BK21-MV .triangle{margin: 20px auto;width: 120%;left: 50%;transform: translateX(-50%);position: relative;}
	#BK21-MV .triangle img{max-width:100%}

	#BK21-MV .mission-list {margin-top: 20px; gap: 10px;}
	#BK21-MV .mission-list > li {width: 100%; padding:20px;}
	#BK21-MV .mission-list .icon-box{width:80px; height:80px; margin-right:20px;}
	#BK21-MV .mission-list .icon-box span {width: 60%;}
	#BK21-MV .mission-list .txt-wr strong {font-size: 18px; line-height: 1.4;}
	#BK21-MV .mission-list .txt-wr {width: calc(100% - 100px);}

	.bk21-rf-list{gap:10px;}
	.bk21-rf-list .rf-item .inner {padding: 20px 30px;}
	.bk21-rf-list > li{width:100%;}
	.bk21-rf-list .rf-item .rf-tit {font-size: 22px;}
	.bk21-rf-list .rf-item .list-Dot {margin-top: 10px;}
	.bk21-rf-list .rf-item .prof-list {margin-top: 15px; gap: 5px;}
	
	.dia-sub3-2-c-A .list-box{border-radius:10px;}
	.dia-sub3-2-c-A .list-box .list-tit {height: 45px; line-height: 45px; border-radius: 5px 5px 0 0;}
	.dia-sub3-2-c-A .list-box .list-tit .tit {font-size: 20px;}
	.dia-sub3-2-c-A .list-box .list-inner dl dt {font-size: 17px; padding: 8px;border-radius: 5px;}
	.dia-sub3-2-c-A .list-box .list-inner dl dd > .list > li {font-size: 14px; padding: 5px;border-radius: 5px;}
	
	.Rsch3-2-3 .diaWr + .diaWr {margin-top: 10px; padding:20px;}
	.dia-sub3-2-c-B .list-box .top-tit {width: 160px; height: 160px; padding: 20px; word-break: keep-all; border:0;}
	.dia-sub3-2-c-B .list-box .top-tit strong {font-size: 24px;}
	
	.dia-sub3-2-c-B .list-center-box {width: 100%;}
	.dia-sub3-2-c-B .list-center-box .conterWr {border: 2px dotted #dbdbdb;padding: 10px;border-radius: 20px;margin: 10px auto;width: 100%;}
	.dia-sub3-2-c-B .list-center-box .in {padding: 10px; border-radius: 10px;}
	.dia-sub3-2-c-B .list-center-box .in > strong {font-size: 24px; margin-bottom: 5px; border-radius: 5px; padding: 10px;}
	.dia-sub3-2-c-B .list-center-box .center-list {gap: 5px; flex-wrap: wrap;}
	.dia-sub3-2-c-B .list-center-box .center-list span {flex: 1 1 48%; font-size: 15px; padding: 10px; border-radius: 5px;}
	
	.dia-sub3-2-c-B .end{margin:20px auto;}
	.dia-sub3-2-c-B .end {width: 95%; border-radius: 10px; border: 3px solid #aa8b63;}
	.dia-sub3-2-c-B .ck-list {gap: 5px; padding: 15px;}
	.dia-sub3-2-c-B .ck-list > li > p {font-size: 18px; padding-left: 35px;}
	.dia-sub3-2-c-B .ck-list > li > p:before {font-size: 25px;}
	
	.dia-sub3-2-c-B .list-box .dia-in-wr {flex-direction: column;align-items: center;display: flex;}
	.dia-sub3-2-c-B .list-box .top-list{gap: 10px;display:inline-flex;justify-content: center;flex-direction: column;width: 100%;max-width: 200px;}
	.dia-sub3-2-c-B .list-box .top-list li:nth-child(1), .dia-sub3-2-c-B .list-box .top-list li:nth-child(2), .dia-sub3-2-c-B .list-box .top-list li:nth-child(3), .dia-sub3-2-c-B .list-box .top-list li:nth-child(4){width: auto;}
	
	.dia-sub3-2-c-B .list-box .top-list li .icon{width:60px; height:60px;}
	
	.dia-sub3-2-c-B .end:before{height:100px;}

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



/* -------------------------------- sub4 : 교육 -------------------------------- */
#edu{position:relative;}
/* sub4_1 : 학사일정 */
#Schedule{position:relative;}
#Schedule .sch-aca{} /* 학부 */
#Schedule .sch-gs{} /* 대학원 */
#Schedule .wBox{overflow:hidden;position:relative;background-color: #fff;border-radius: 20px;max-width: 1280px;margin: 0 auto;box-shadow: 8px 6px 20px 0 rgba(0, 0, 0, 0.1);}
#Schedule .wBox .inner{position:relative;text-align:center;padding: 40px 40px 40px;}
#Schedule .wBox .tit{}
#Schedule .wBox .tit big{display:block;width:74px;height:74px;margin:0 auto 25px;background: #c8005f;border-radius:50%;font-size:30px;line-height:74px;color:#fff;}
#Schedule .wBox .tit big > i{font-weight:normal;}
#Schedule .wBox .btn-wrap{display:flex;justify-content: center;gap: 20px;}
#Schedule .wBox .btn-wrap > li{width: 100%;}
#Schedule .wBox strong{display:block;background:#f7f7f7;padding: 20px;margin: 25px 0 0;border-radius: 10px;font-weight: 500;font-size: 17px;color: #666;word-spacing:-0.5px;line-height:1.4;}
#Schedule .wBox .down-btn{
    position:relative;
    background:#fff;
    border: 1px solid #c8005f;
    color: #c8005f;
    display:inline-flex;
    justify-content:space-between;
    align-items:center;
    flex-direction:row-reverse;
    font-size:20px;
    font-weight:600;
    letter-spacing:-.5px;
    padding:19px 30px;
    width:100%;
    max-width:400px;
    line-height:20px;
    border-radius:5px;
    transition:.3s;
}
#Schedule .wBox .down-btn:before{display:inline-block;content:"\f0f3";font-family:'remixicon' !important;font-style:normal;font-size: 23px;font-weight: normal;}
#Schedule .wBox .down-btn:hover{background:#c8005f; border-color:#c8005f; color:#fff;}

@media (max-width: 1170px){
	#Schedule{padding-bottom:80px;}
}
@media (max-width: 767px){
	#Schedule{padding-bottom:60px;}
	#Schedule .wBox .inner{padding:25px 20px 20px;}
	#Schedule .wBox .down-btn{font-size:17px; padding:15px; min-height:auto;}
	#Schedule .wBox strong{margin: 15px 0 0;font-size: 16px;}
}

/* 교과과정 탭 크기줄임 */
#edu.edu4-2{}
#edu.edu4-2 .color-tab {padding:11px;}
#edu.edu4-2 .color-tab li a span{padding: 16px 0px;line-height: 1.2;font-size: 17px;}

/* sub4_1_a : 교육목표*/
#edu .intro-left{position:relative;padding-bottom:10px;word-break:keep-all;}
#edu .intro-left:before{content:"";background:url("/images/sub/gs_admis_c.png") no-repeat 0 0/100%;width:351px;height:354px;position:absolute;right:0;top: -40px;z-index:-1;}
#edu .intro-left .int-tit-box {margin-bottom:50px;text-align: center;}
#edu .intro-left .int-tit-box .tit {/* text-transform: uppercase; */font-size: 25px;letter-spacing: -.5px;line-height: 1;color: #c9005f;font-weight: 700;margin-bottom: 30px;}
#edu .intro-left .int-tit-box .txt {font-size: 40px;letter-spacing: -0.03em;line-height: 1.5;font-weight: 700;color: #222;}
#edu .intro-left .co-blue {color: #073f85;}
#edu .intro-left .int-banner-box {width: 100%; height: 0; padding-top: 27.25%; border-radius:20px; background: url("/images/sub/sub4_2_a_img.jpg") no-repeat center/cover; margin-bottom: 60px;}
#edu .intro-left .int-con-box {display: flex;justify-content: space-between;}
#edu .intro-left .int-con-box .left-con {width: 45%;box-sizing: border-box;padding-right: 60px;}
#edu .intro-left .int-con-box .left-con .txt {font-size: 28px;line-height: 1.6;letter-spacing: -1px;color: #000;font-weight: 700;}
#edu .intro-left .int-con-box .right-con {width: 55%;}
#edu .intro-left .int-con-box .right-con .txt {font-size: 20px;line-height: 1.8;letter-spacing: -1px;color: #000;word-break: keep-all;/* margin-bottom: 30px; */}
#edu .intro-left .int-con-box .right-con .txt a{color: #0067db;font-weight:600;}
#edu .intro-left .int-con-box .right-con .txt a > i{font-weight:normal;}
#edu .intro-left .int-con-box .right-con .txt a:hover{text-decoration:underline;}

/* sub4_2_e : 교과과정-교과목 개요 */
#edu .GS-c-list{border-radius: 20px;padding: 0px 30px;border: 1px solid rgba(224, 223, 226, 0.6);}
#edu .GS-c-list > li{position:relative;cursor:pointer;border-bottom: 1px solid rgba(224, 223, 226, 0.6);}
#edu .GS-c-list > li:last-child{border:0;}
#edu .GS-c-list .que{padding: 35px 0px 30px;display:flex;align-items: center;justify-content: space-between;}
#edu .GS-c-list .c-tit{color:#0096d9; font-size:26px; font-weight:normal; width:80px;}
#edu .GS-c-list .que h4{position:relative;font-size: 25px;font-weight: 600;letter-spacing: -1px;color:#1f1f1f;padding-right: 40px;width: 100%;}
#edu .GS-c-list .que h4 .subjTit{position:relative;/* width: 70%; */display:flex;align-items:center;justify-content: space-between;}
#edu .GS-c-list .que h4 .subjTit .tit{position:relative;font-size: 26px;color:#222;fo;line-height: 1;font-weight: 700;padding:0 15px 0 0;display:flex;justify-content:center;align-items:center;background: #fff;}
#edu .GS-c-list .que h4 .subjTit .tit .en{margin-left:10px;font-size:19px;color: #97764b;font-weight:600;letter-spacing:-.5px;}
#edu .GS-c-list .que h4 .subjTit:before{content:"";display:block;position:absolute;top:50%;left:0;width:100%;height:1px;border-bottom: 2px dotted #bbbbbb;z-index:-1;}
#edu .GS-c-list .que h4 .subjTit .nm{font-size: 14px;color:#fff;font-weight: 400;display:flex;align-items:center;justify-content:center;background: #222;line-height:1;padding: 6px 15px;letter-spacing: 0;border-radius:30px;min-width: 61px;}
#edu .GS-c-list .que h4 i{position: absolute;right: 0;top: 50%;font-size: 30px;color: #97764b;font-weight: normal;transform: translate(0%, -50%);}
#edu .GS-c-list .anw{display:none;position:relative;padding: 30px 35px;background:#f9f9f9;border-radius: 15px;margin-bottom: 30px;}
#edu .GS-c-list .anw .c-tit{position: absolute;left: 20px;top: 30px;}
#edu .GS-c-list .anw > p{display:block;font-size: 18px;line-height: 1.8;font-weight: 500;letter-spacing: -1px;color: #444;word-break: keep-all;}


/* sub4_3 : AI-환경프로그램 */
#edu.edu4-3{}
#edu.edu4-3 .cont-1{margin-bottom:60px;}
#edu.edu4-3 .cont-sec + .cont-sec{margin-top:40px;}
#edu.edu4-3 .cont-sec.cont-left .tit-area{/* text-align:right; */}


/* sub4_4 : 환경융합부전공 */
.edu4-4-1 .about-tit-box {text-align:center;}
.edu4-4-1 .about-tit-box .tit {font-size: 38px;letter-spacing:-0.75px;color: #111;line-height: 1.4;font-weight: 700;}
.edu4-4-1 .about-tit-box .txt {font-size: 32px;font-weight: 700;color: #111;margin: 45px 0 12px;line-height: 1.5;}
.edu4-4-1 .about-tit-box .txt b{}
.edu4-4-1 .about-tit-box .tit .point {padding: 0 13px;font-size: 36px;background: none;color: #111;position: relative;display: inline-block;background: #111;font-weight: 600;color: #fff;border-radius: 8px;}	
.edu4-4-1 .about-tit-box .tit .point:before{width: 100%;height: 100%;background: #fff;right: 0;bottom: ;position: absolute;content: '';-webkit-transition: .6s;-moz-transition: .6s;-ms-transition: .6s;-o-transition: .6s;transition: .6s;z-index: 2;}
.edu4-4-1 .about-tit-box .tit .point:after{width: 100%;height: 100%;right: 0;bottom: -1px;position: absolute;content: '';-webkit-transition: .6s;-moz-transition: .6s;-ms-transition: .6s;-o-transition: .6s;transition: .6s;z-index: 1;-webkit-transition-delay: .2s;-moz-transition-delay: .2s;-ms-transition-delay: .2s;-o-transition-delay: .2s;transition-delay: .2s;}
.edu4-4-1 .about-tit-box .tit .point.in-view:before{width: 0;}
.edu4-4-1 .about-tit-box .tit .point.in-view:after{}
.edu4-4-1 .about-con-box {position:relative;margin-top: 40px;/* background:url("/images/content/about_bg.jpg") center 242px no-repeat; */}
.edu4-4-1 .about-con-box:before{content: "";position: absolute;top: 0;left: 50%;width: 100vw;margin-left: -50vw;height: 150%;opacity: 1;z-index: -1;background: #f9f9f9;}
.edu4-4-1 .about-con-box:after{content: "";position: absolute;top: 0;left: 50%;width: 100vw;margin-left: -50vw;height: 50px;z-index: -1;background: #fff;}
.edu4-4-1 .about-con-box .about-info-con{display:flex;flex-direction: row-reverse;gap: 60px;justify-content: space-between;}
.edu4-4-1 .about-info-con .img-con {max-width: 720px;position: absolute;}
.edu4-4-1 .about-info-con .img-con .img-wrap {position:relative;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.edu4-4-1 .about-info-con .img-con .img-wrap img {width:100%;border-radius: 50%;}
.edu4-4-1 .about-info-con .info-con {/* padding-top: 40px; */width: 100%;}
.edu4-4-1 .about-info-con .info-con .tit {font-size: 34px;color: #111;font-weight:700;display: inline-block;position: relative;margin-bottom: 10px;}
.edu4-4-1 .about-info-con .info-con .tit:before {content: "";display: block;width: 11px;height: 11px;background: #c8005f;border-radius: 50%;position: absolute;right: -21px;bottom: 11px;}
.edu4-4-1 .about-info-con .info-con .info-list {margin-top: 20px;display: flex;flex-direction: column;gap: 10px;}
.edu4-4-1 .about-info-con .info-con .info-list > li {font-size: 16px;letter-spacing:-0.5px;color: #000;position:relative;line-height: 1.6;display: flex;width: calc(100% - 450px);}
.edu4-4-1 .about-info-con .info-con .info-list > li > span {font-weight: bold;position: relative;font-size: 18px;width: 120px;padding-right: 10px;line-height: 1.2;color: #222;}
.edu4-4-1 .about-info-con .info-con .info-list > li > p {display:inline-block;font-weight: 500;color: #333;font-size: 18px;word-break: keep-all;line-height: 1.2;width: calc(100% - 120px);}
.edu4-4-1 .about-info-con .info-con .info-list > li:last-child{flex-direction: column;width: 100%;padding: 0;}
.edu4-4-1 .about-info-con .info-con .info-list > li:last-child > span{margin-bottom:10px;}
.edu4-4-1 .our {display: flex;justify-content: flex-start;position: relative;}
.edu4-4-1 .our li {display: flex;flex-direction: column;justify-content: center;align-items: center;flex-basis: 400px;max-width: 400px;min-height: 200px;border-radius: 400px;padding: 25px 40px;word-break: keep-all;backdrop-filter: blur(5px);}
.edu4-4-1 .our li:nth-child(1) {background: rgb(120 185 181 / 13%);}
.edu4-4-1 .our li:nth-child(2) {background: rgb(15 130 140 / 13%);}
.edu4-4-1 .our li:nth-child(3) {background: rgb(6 80 132 / 13%);}
.edu4-4-1 .our li + li {margin-left: -25px;}
.edu4-4-1 .our li .our-tit{font-size: 21px;text-align: center;letter-spacing: -.2px;color: #111;font-weight: 600;}
.edu4-4-1 .our li .our-txt{font-size: 16px;color: #393939;}
.edu4-4-1 .RollTxt{position:absolute;left:0;bottom: -1%;width: 100vw;left:50%;transform: translateY(50%);margin-left: -50vw;white-space:nowrap;overflow:hidden;z-index: -1;}
.edu4-4-1 .RollTxt .flow-text{display:flex;flex:0 0 auto;white-space:nowrap;/* overflow:hidden; */transition:0.3s;font-size: 260px;font-weight: 700;line-height: 1;letter-spacing: 0;font-family: var(--point-font);text-transform: uppercase;color: rgba(170, 170, 170, 0.12);}
.edu4-4-1 .RollTxt .flow-wrap{animation:textLoop 20s linear infinite; padding-right:90px;}

@keyframes textLoop{
    0%{-webkit-transform:translate3d(0%, 0, 0); transform:translate3d(0%, 0, 0);}
    100% {-webkit-transform:translate3d(-100%, 0, 0); transform:translate3d(-100%, 0, 0);}
}

/* 교과목 구성 */
#edu.edu4-4-2{}
.subj-box{border: 1px solid #ccc; border-radius: 20px; padding: 50px 20px 60px; background-color: #fff;}
.subj-box .subj-tit{text-align: center;display: block;font-size: 30px;line-height: 1.4;color: #333;word-break: keep-all;}
.subj-box .subj-tit > b{font-weight: 700;}
.subj-box .subj-tit > b.co-g{color: #97764b;}
.subj-box .subj-org{}
.subj-box .subj-org .d-1{
    position: relative;
    text-align: center;
    margin: 40px auto 0;
    z-index: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    max-width: 960px;
    height: 100px;
    text-align: center;
    background: #f7f7f7;
    border: 1px dashed #b8b8b8;
    border-radius: 125px;
}
.subj-box .subj-org .d-1 strong{font-size: 28px; letter-spacing: -.5px; color: #222;}
.subj-box .subj-org .d-1 strong br{display:none;}
.subj-box b.co-b{color: #2c4f94;font-weight: 700;}
.subj-box b.co-gr{color: #367f73;font-weight: 700;}
.subj-box .subj-org .d-2{display: flex;justify-content: space-between;max-width: 958px;margin: 40px auto 0;gap: 60px;flex-wrap: wrap;}
.subj-box .subj-org .d-2 .d2-box{border-radius: 40px;border: 1px solid #333;padding: 10px;width: 50%;flex: 1;}
.subj-box .subj-org .d-2 .d2-tit{display: flex; align-items: center; justify-content: center; width: 100%; height: 60px; margin-bottom: 10px; border-radius: 50px; font-size: 20px; font-weight: 600; color: #fff; background:#333; line-height: 1; gap: 10px;}
.subj-box .subj-org .d-2 .d2-box:first-child{border-color:#2c4f94;}
.subj-box .subj-org .d-2 .d2-box:first-child .d2-tit{background-color: #2c4f94;}
.subj-box .subj-org .d-2 .d2-box:nth-child(2){border-color:#367f73;}
.subj-box .subj-org .d-2 .d2-box:nth-child(2) .d2-tit{background-color: #367f73;}
.subj-box .subj-org .d-2 .d2-tit span{width:100%;height:100%;display:flex;justify-content: center;align-items: center;gap: 5px;position: relative;}
.subj-box .subj-org .d-2 .d2-tit span:before{content:''; position:absolute; right:-80px; display:block; width:80px; height:1px; background-color:#b2b2b2; top:50%; transform:translateY(-50%) translateY(-0.5px);}
.subj-box .subj-org .d-2 .d2-tit span:after{content:''; position:absolute; top:50%; transform:translateY(-50%); right:-7px; display:block; width:13px; height:13px; border-radius:100%; border-style:solid; border-width:3px; background-color:#2c4f94;}

.subj-box .subj-org .d-2 .d2-box:nth-child(2) .d2-tit span:before{display:none;}
.subj-box .subj-org .d-2 .d2-box:nth-child(2) .d2-tit span:after{content: ''; position: absolute; top: 50%; transform: translateY(-50%); display: block; width: 13px; height: 13px; border-radius: 100%; border-style: solid; border-width: 3px; left: -6px; background:#367f73; border-color: #fff;}

.subj-box .subj-org .track-list{display: flex;gap: 8px;flex-wrap: wrap;}
.subj-box .subj-org .track-list > li{background: #efefef;border: 1px dotted #ccc;border-radius: 10px;padding: 9px 15px;font-size: 17px;! 40%;! 40;! 4;!;!;display: flex;justify-content: center;align-items: center;min-height: 56px;width: calc(50% - 5px);}
.subj-box .subj-org .track-list > li > p{}
.subj-box .subj-org .track-list > li .icon{border-radius: 3px;width: 20px;height: 20px;background:#000;display: inline-flex;color:#fff;font-size: 13px;justify-content: center;align-items: center;line-height: 1;text-align: center;margin: 0 5px 0 0;}
.subj-box .subj-org .track-list > li .icon.icon1{background:#0070c0;}
.subj-box .subj-org .track-list > li .icon.icon2{background: #2196F3;}
.subj-box .subj-org .track-list > li .icon.icon3{background: #1999af;}
.subj-box .subj-org .track-list > li .icon.icon4{background: #d3526e;}
.subj-box .subj-org .track-list > li .icon.icon5{background: #58a837;}
.subj-box .subj-org .track-list > li .icon.icon6{background: #738dca;}
.subj-box .subj-org .track-list > li .icon.icon7{background: #e7b545;}
.subj-box .subj-org .track-list > li .icon.icon8{background: #e57d39;}

.subj-box .subj-org .sc-btm{margin-top: 25px;padding: 0 0px 15px;text-align: center;}
.subj-box .subj-org .sbj-list{display: inline-flex;justify-content: center;flex-wrap: wrap;row-gap: 8px;column-gap: 10px;}
.subj-box .subj-org .sbj-list > li{}
.subj-box .subj-org .sbj-list > li > em.edu-icon{color: #fff;width: 20px;height: 20px;border-radius: 3px;display: inline-block;padding: 3px 4px;font-size: 14px;line-height: 1;font-style: normal;margin: 0 0 0 5px;}
.subj-box .subj-org .sbj-list em.edu-1{background:#0070c0;} /**/
.subj-box .subj-org .sbj-list em.edu-2{background: #2196F3;} /*국필, 국방기술경영 필수과목*/
.subj-box .subj-org .sbj-list em.edu-3{background:#1999af;}
.subj-box .subj-org .sbj-list em.edu-4{background:#d3526e;}
.subj-box .subj-org .sbj-list em.edu-5{background:#58a837;}
.subj-box .subj-org .sbj-list em.edu-6{background:#738dca;}
.subj-box .subj-org .sbj-list em.edu-7{background:#e7b545;}
.subj-box .subj-org .sbj-list em.edu-8{background:#e57d39;}

/* 필수교과목 리스트 */
.function-list{display:flex;flex-wrap: wrap;gap: 10px;}
.function-list > li{flex: 1 1 49%;display:flex;align-items:center;border-radius:25px;border: 1px solid #ccc;}
.function-list > li:not(:last-child){}
.function-list > li .title{display:flex;align-items:center;justify-content:center;width:190px;min-height:160px;height:100%;padding: 20px;text-align:center;border-radius:25px;background-color: #333;font-size: 20px;word-break: keep-all;font-weight:600;color:#fff;line-height: 1.4;}
.function-list > li .sub-txtList{}
.function-list > li .sub-txtList li{font-weight:400; line-height:1.4;}
.function-list > li .txtWr{width: calc(100% - 190px);padding: 20px 30px;word-break: keep-all;}

#edu.edu4-4-3{}
.edu-org .orgWr{display: flex;justify-content: center;flex-direction: column;align-items: center;background: #fff;border: 1px solid #ddd;width: 100%;border-radius: 15px;margin: 0 auto 20px;position: relative;z-index: 1;/* gap: 30px; */padding: 80px 10% 80px;overflow: hidden;}
.edu-org .title {position: relative;display: flex;align-items: center;justify-content: center;width: 140px;height: 140px;border-radius: 100%;background: #c9005f;font-size: 28px;color: #fff;font-weight: 600;flex-direction: column;line-height: 1;position: relative;margin-bottom: 30px;}
.edu-org .title span {font-weight: 700;line-height: inherit;}
.edu-org .title:before {content: '';display: block;width: 220px;height: 220px;border: 26px solid #f7f7f7;border-radius: 100%;position: absolute;top: 50%;left: 50%;z-index: -1;transform: translate(-50%, -50%);}
.edu-org .title:after{content:"";z-index:-1;display: block;width: 2px;height: 650px;background: #c9c9c9;position: absolute;left: 50%;top: 140px;transform: translateX(-50%) translateX(-0.5px);}
.edu-org .subList {display: flex;/* flex-wrap: wrap; */width: 100%;position: relative;}
.edu-org .subList > li{position: relative;}

.edu-org .subList__title{width: 280px;min-height: 60px;display: flex;align-items: center;justify-content: center;font-size: 20px;color: #fff;font-weight: 600;line-height: 1;border-radius: 60px;position: relative;}

.edu-org .detailList__title {
    width: 280px;
    display: flex;
    flex-wrap: wrap;
    min-height: 60px;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: 20px;
    color: #fff;
    font-weight: 600;
    line-height: 1;
    background: #455885;
    border-radius: 60px;
    margin: 0 0 5px;
    padding: 0 20px;
}
.edu-org .box{display:flex;flex-direction: column;position: relative;}
.edu-org .line-box{width: 100%; padding: 20px 30px; justify-content: center; text-align: center; border: 1px solid #455885; border-radius: 25px; flex-direction: column; background: #fff;}
.edu-org .line-box .list-Dot > li{font-size:16px;color: #666;}

.edu-org .list-box{width: 100%;text-align: center;display: flex;flex-direction: column;}
.edu-org .list-box > li{font-size: 19px;color: #333;font-weight: 600;border-radius: 60px;min-height: 60px;background: #f9f9f9;border: 1px solid #e1e1e1;display: flex;justify-content: center;align-items: center;line-height: 1;}
.edu-org .list-box > li.dot-line{border:0;padding: 0px 20px 15px;font-size: 24px;color: #bbbbbb;background: transparent;line-height: 1;}

.edu-org .subList.second > li{justify-content: end;margin-left:auto;width: 50%;display: flex;align-items: flex-end;}
.edu-org .subList.second > li:before{content:"";position:absolute;height: 2px;width:100%;background: #c9c9c9;top: 30px;/* top: 50%; *//* transform: translateY(-50%); */}
.edu-org .subList.second .subList__title{background: #455885;/* margin: 30px 0; */}

.edu-org .subList__title.third{background: #009183;margin: 30px 0;}

.edu-org .subList.fourth{}
.edu-org .subList.fourth .subList__title{margin: 30px 0;}

.edu-org .subList__title.fourth .detailList__title{background:#009183;}
.edu-org .subList__title.fourth .line-box{border-color:#009183;}

.edu-org .subList.fifth{margin-top:30px;}
.edu-org .subList.fifth > li{justify-content: end;margin-left:auto;width: 50%;display: flex;align-items: flex-start;}
.edu-org .subList.fifth > li:before{content:"";position:absolute;height: 2px;width:100%;background: #c9c9c9;top: 30px;}

.edu-org .subList.sixth{margin-top:-100px;}
.edu-org .subList.sixth > li{justify-content: flex-start;margin-right: auto;width: 50%;display: flex;}
.edu-org .subList.sixth > li:before{content:"";position:absolute;height: 2px;width:100%;background: #c9c9c9;top: 30px;/* transform: translateY(-50%); */}

.edu-org .subList.seventh{gap: 10%;justify-content: space-between;margin-top: 100px;}
.edu-org .subList.seventh:before{content:""; height:2px; width:55.3%; top:-50px; left: 50%; transform: translateX(-50%) translateX(-0.5px); background: #c9c9c9; position: absolute;}
.edu-org .subList.seventh .detailList__title{width: 100%;}
.edu-org .subList.seventh > li{width:50%;}
.edu-org .subList.seventh > li:before {content: ""; z-index: -1; display: block; width: 2px; height: 50px; background: #c9c9c9; position: absolute; left: 50%; top: -50px; transform: translateX(-50%) translateX(-0.5px);}

#edu.edu4-4-3 .flex-box{display:flex;position:relative;margin-bottom: 20px;gap: 20px;}
#edu.edu4-4-3 .flex-box .fb-in{width:50%;border-radius: 15px;border: 1px solid #ddd;padding: 40px 40px 30px;}
#edu.edu4-4-3 .flex-box .fb-in .contTit-s{margin-top: 0;}
#edu.edu4-4-3 .chart{text-align:center;}
#edu.edu4-4-3 #lineChart{
  width: 100%;
  max-width: 600px;   /* 필요시 더 크게: 800~900px */
  height: 270px;      /* 높이 확대 */
  margin: 0 auto;     /* 가운데 정렬 */
  display: block;
}

/* sub4_8 : 졸업*/
#edu.edu4-8 .btn-black{margin-top: 40px;padding: 20px 30px 20px 35px;background:#222;font-size:18px;font-weight:500;color:#fff;line-height:1;display:inline-flex;justify-content:space-between;align-items:center;transition:.3s;word-break: keep-all;gap: 12px;border-radius: 300px;}
#edu.edu4-8 .cont-sec.cont-left .tit-area {width: 300px; padding: 0 60px 0 60px;}
#edu.edu4-8 .cont-sec.cont-left .cont-area {width: calc(100% - 300px); padding-top:5px;}

@media (max-width: 1280px){
}
@media (max-width: 1240px){
	.edu4-4-1 .about-info-con .img-con .img-wrap img{display:none;}
	.edu4-4-1 .about-info-con .info-con .info-list > li{width:100%;}
}
@media (max-width: 1170px){
	#edu.edu4-2 .color-tab{padding: 13px;border-radius: 40px;}
	#edu.edu4-2 .color-tab li a span{}
	#edu.edu4-2 .color-tab-one.tab6 li, #edu.edu4-2 .color-tab.tab6 li{flex: 1 1 20%;}

	#edu .intro-left .int-tit-box .txt{font-size:34px;}
	#edu .intro-left .int-con-box{flex-direction: column; gap:30px;}
	#edu .intro-left .int-con-box .left-con {width: 100%; padding-right: 0;}
	#edu .intro-left .int-con-box .right-con {width: 100%;}

	.edu4-4-1 .about-tit-box .txt,
	.edu4-4-1 .about-tit-box .tit{font-size: 34px;}
	.edu4-4-1 .about-tit-box .txt{margin: 40px 0 0px;}
	.edu4-4-1 .about-tit-box .tit .point{font-size:31px;padding: 0 13px;}

	.subj-box .subj-org .d-2{gap:30px;}
	.subj-box .subj-org .d-2 .d2-tit span:before {right: -60px; width: 60px;}

	#edu.edu4-4-3 .flex-box{flex-direction: column;}
	#edu.edu4-4-3 .flex-box .fb-in {width: 100%;}
}
@media (max-width: 1024px){
	.function-list > li {flex-direction: column;}
	.function-list > li .title {width: 100%; min-height: auto; height: 100%;}
	.function-list > li .txtWr {width: 100%; padding: 20px 30px;}
}
@media (max-width: 980px){
	.cont-sec.cont-left{flex-direction: column;gap: 10px;}
	#edu.edu4-8 .cont-sec.cont-left .tit-area {width: 100%; padding: 0;}
	.cont-sec.cont-left .tit-area {width: 100%; padding: 0;}
	.cont-sec.cont-left .cont-area,
	#edu.edu4-8 .cont-sec.cont-left .cont-area{width:100%;}

	.cont-sec.cont-left .tit-area > strong br{display:none;}
	dl.info-dl > dd{width:100%;padding-left: 0;}	

	.subj-box {padding: 30px 20px;}
	.subj-box .subj-tit {font-size: 28px;}
	.subj-box .subj-tit br{display:none;}
	.subj-box .subj-org .d-2 {flex-direction: column; align-items: center;}
	.subj-box .subj-org .d-1 {margin: 30px auto 0; padding: 25px; height: auto;}
	.subj-box .subj-org .d-1 strong {font-size: 24px;word-break: keep-all;}
	.subj-box .subj-org .d-2 {margin: 20px auto 0; gap: 10px;}
	.subj-box .subj-org .d-2 .d2-box{width:100%;}
	.subj-box .subj-org .d-2 .d2-tit span:after,
	.subj-box .subj-org .d-2 .d2-tit span:before,
	.subj-box .subj-org .d-2 .d2-box:nth-child(2) .d2-tit span:after{display:none;}
	.subj-box .subj-org .track-list > li {padding: 10px 15px; min-height: auto;}
}
@media (max-width: 767px){
	#edu.edu4-2 .color-tab-one.tab6 li, #edu.edu4-2 .color-tab.tab6 li {flex: 1 1 33.3333333%;}
	#edu.edu4-2 .color-tab li a span{padding: 10px 10px; font-size: 17px;}

	#edu .intro-left .int-tit-box {margin-bottom: 0px;}
	#edu .intro-left .int-tit-box .tit{font-size: 18px; margin-bottom: 10px;}
	#edu .intro-left .int-tit-box .txt{font-size: 22px;}
	#edu .intro-left .int-banner-box{padding-top: 33.25%; border-radius: 15px; margin: 20px 0;}
	#edu .intro-left .int-con-box { gap: 20px;}
	#edu .intro-left .int-con-box .left-con .txt {font-size: 22px;}
	#edu .intro-left .int-con-box .right-con .txt {font-size: 18px; line-height: 1.6; margin-bottom: 0px;}

	#edu .GS-c-list{padding: 0px 20px;}
	#edu .GS-c-list .que {padding: 20px 0;}
	#edu .GS-c-list .que h4 .subjTit .tit {font-size: 20px; justify-content: center; align-items: flex-start; flex-direction: column; gap: 10px;}
	#edu .GS-c-list .que h4 .subjTit .tit .en {margin-left: 0; font-size: 16px; line-height: 1.2;}
	#edu .GS-c-list .que h4 .subjTit .nm {font-size: 13px; padding: 6px 10px; min-width: 61px; white-space: nowrap;}
	#edu .GS-c-list .anw{padding:20px;}
	#edu .GS-c-list .anw > p {font-size: 16px; line-height: 1.5;}

	#edu.edu4-3-1 dl.info-dl {gap: 5px;}
	#edu.edu4-3-1 dl.info-dl > dt {font-size: 17px;white-space: nowrap;}
	#edu.edu4-3-1 dl.info-dl > dd{width:100%;font-size: 16px;padding-left: 0;word-break: keep-all;}
	#edu.edu4-3-1 .tit-link {padding: 4px 10px;gap: 5px;font-size: 14px;margin: 4px 0 0 4px;}
	.cont-sec.cont-left .cont-area .list-Dot > li {font-size: 16px;}

	.edu4-4-1 .about-tit-box .txt{font-size: 22px;}
	.edu4-4-1 .about-tit-box .tit{font-size:22px;}
	.edu4-4-1 .about-tit-box .tit .point{padding: 0 7px; font-size: 20px; border-radius: 5px;}

	.edu4-4-1 .about-info-con .info-con .tit{font-size: 24px;margin: 0px 0 10px;}
	.edu4-4-1 .about-info-con .info-con .tit:before{width: 9px; height: 9px; right: -16px; bottom: 17px;}
	.edu4-4-1 .our {flex-direction: column; align-items: center;}
	.edu4-4-1 .our li + li {margin-left: 0; margin-top: -10px;}
	.edu4-4-1 .our li .our-tit {font-size: 18px;}
	.edu4-4-1 .our li {width: 100%; flex-direction: column; justify-content: center; align-items: center; flex-basis: 100%; max-width: 100%; min-height: auto; border-radius: 50px; padding: 20px;}

	.subj-box {padding: 20px;}
	.subj-box .subj-tit {font-size: 22px;}
	.subj-box .subj-org .d-1 {margin: 20px auto 0;padding: 15px;border-radius: 10px;}
	.subj-box .subj-org .d-1 strong {font-size: 20px;}
	.subj-box .subj-org .d-1 strong br{display:block;}
	.subj-box .subj-org .d-2 .d2-box{border-radius:10px;}
	.subj-box .subj-org .d-2 {margin: 10px auto 0;}
	.subj-box .subj-org .d-2 .d2-tit span {flex-direction: column;}
	.subj-box .subj-org .d-2 .d2-tit {height: auto; padding: 10px; margin-bottom: 5px; border-radius: 5px; font-size: 18px;}
	.subj-box .subj-org .track-list {gap: 5px;}
	.subj-box .subj-org .track-list > li {gap:5px; text-align:center; border-radius: 5px; padding:10px; font-size: 15px; justify-content: center; align-items: center; width: calc(50% - 3px); word-break: keep-all; flex-direction: column;}
	.subj-box .subj-org .track-list > li .icon{margin:0;}

	.function-list {flex-direction: column;}
	.function-list > li .title{padding:10px; font-size:18px;}
	.function-list > li .txtWr {padding: 20px;}

	.edu-org .orgWr {padding: 50px 20px 20px;}
	.edu-org .orgWr:before{content: ""; z-index: -1; display: block; width: 1px; height: 640px; background: #c9c9c9; position: absolute; left: 50%; top: 100px; transform: translateX(-50%) translateX(-0.5px);    }
	.edu-org .title {width: 100px; height: 100px; font-size: 20px;}
	.edu-org .title:before {width: 140px; height: 140px; border: 10px solid #f7f7f7;}
	.edu-org .title:after {width: 1px; height: 100%; top: 100px;}
	.edu-org .subList.second > li {justify-content: center; margin-left: auto; width: 100%; display: flex;}
	.edu-org .subList__title,
	.edu-org .detailList__title{width: 100%; min-height: 40px; font-size: 16px; border-radius: 10px;}
	.edu-org .subList.seventh > li{width:100%;}
	.edu-org .subList.second > li:before,
	.edu-org .subList.seventh:before,
	.edu-org .subList.seventh > li:before{display:none;}
	.edu-org .subList__title.third {margin: 20px 0;}
	.edu-org .box {width: 100%;}
	.edu-org .line-box {width: 100%; padding: 15px; border-radius: 10px;}
	.edu-org .subList.fifth {margin-top: 20px;}
	.edu-org .subList.fifth > li,
	.edu-org .subList.sixth > li{justify-content: center; margin-left: auto; width: 100%;align-items: flex-start;}
	.edu-org .subList.sixth {margin-top: 20px;}
	.edu-org .subList.seventh {margin-top: 20px;}
	.edu-org .subList {flex-direction: column;}
	.edu-org .subList.seventh .detailList__title {width: 100%;}
	.edu-org .list-box > li{width: 100%; min-height: 40px; font-size: 16px; border-radius: 10px;}
	.edu-org .list-box > li.dot-line{padding: 0 0 10px; font-size: 14px;}

	#edu.edu4-4-3 .flex-box .fb-in{padding:20px;}
	.edu4-4-1 .about-con-box:after{height:40px;}

	.edu4-4-1 .about-info-con .info-con .info-list > li > p{font-size:16px;}

}
@media (max-width: 640px){
	#edu.edu4-2 .color-tab{padding: 10px;gap: 5px;border-radius: 30px;}
	#edu.edu4-2 .color-tab-one.tab6 li, #edu.edu4-2 .color-tab.tab6 li {flex: 100%;}

}
@media (max-width: 520px){
}



/* -------------------------------- sub6_3 : 환경인턴십프로그램 -------------------------------- */
#Pro.Pro6-1-1{}
#Pro.Pro6-1-1 .cont-sec.cont-left .tit-area {width: 300px; padding: 0 60px 0 60px;}
#Pro.Pro6-1-1 .cont-sec.cont-left .cont-area {width: calc(100% - 300px); padding-top:5px;}

@media (max-width: 1300px){
}
@media (max-width: 1240px){
}
@media (max-width: 1170px){
}
@media (max-width: 767px){
}
@media (max-width: 640px){
}
@media (max-width: 520px){
}


/* -------------------------------- sub5 : 동문회 -------------------------------- */
/* 회장 인사말 */
.greeting-top-box strong {font-size:5rem; letter-spacing:-0.01em; font-weight: 800; color: #000; line-height:1.4em;}
.greeting-top-box strong	> span {color:var(--main-color);}
.greeting-top-box p {font-size: 40px;letter-spacing: -0.03em;line-height: 1.5;font-weight: 700;color: #222;word-break: keep-all;}
.ceo-img-box {width: 400px;overflow: hidden;border-radius: 30px;float: right;margin: -200px 0 60px 60px;}
.ceo-img-box img {max-width:100%;}
.greeting-txt-box {margin-top: 40px;padding: 50px 0 170px;position: relative;} 
.greeting-txt-box:before{content: "";position: absolute;top: 0;left: 50%;width: 100vw;margin-left: -50vw;height: 100%;z-index: -2;background: #f5f5f5;}
.greeting-txt-box .inner-txt-box {}
.greeting-txt-box .txt-box {width: 100%;box-sizing: border-box;}
.greeting-txt-box .txt-box .txt {font-size: 21px;font-weight: 600;line-height: 2;letter-spacing: -1px;color: #222;word-break: keep-all;}
.greeting-txt-box .txt-box .txt b{font-size:1.33em; font-weight:700;}
.greeting-txt-box .txt-box .txt:last-of-type {margin-top: 4rem;}
.greeting-txt-box .txt-box .txt:first-of-type {margin-top: 0;}
.ceo-name {font-size: 24px;letter-spacing:-0.04em;color: #000;font-weight: 500;line-height: 1.7em;margin-top: 40px;display: flex;justify-content: flex-end;gap: 10px;}
.ceo-name > span {font-weight: 700;}
.ceo-name > b{font-size: 30px; font-weight: 700; color: #111; letter-spacing: 5px; display: inline-block; margin-left: 10px;}

@media (max-width: 1170px){
	.greeting-txt-box {padding: 50px 0 100px;}
	.greeting-top-box p {font-size: 36px; text-align:center;}
	.ceo-img-box {width: 340px;margin-top: 0;}
}
@media (max-width: 767px){
	.greeting-txt-box {margin-top: 20px; padding: 20px 0 60px;}
	.greeting-top-box p{font-size:22px;}
	.ceo-img-box{float:none; margin:0 auto 20px; width:100%; max-width:300px;}
	.greeting-txt-box .txt-box .txt{font-size: 18px; line-height: 1.6; margin-bottom: 20px;}
	.greeting-txt-box .txt-box .txt br{display:none;}
	.greeting-txt-box .txt-box .txt b {font-size: 20px;}
	.ceo-name {font-size: 22px;margin: 20px auto 0;display: block;flex-wrap: wrap;text-align:center;max-width: 300px;}
	.ceo-name > b{font-size:24px;margin: 0;}
}


/* 조직도 및 임원명단 */
.aa-org{text-align: center;position: relative;border-radius: 30px;background: #f9f9f9;padding: 30px 4% 60px;}
.aa-org.org1{}
.aa-org .org-cover{position: relative; padding-bottom: 100px; margin-top: 40px;}
.aa-org .org-top{position: relative;}
.aa-org .org-top .org-region{background:none;color:#fff;font-size: 24px;line-height: 2;padding: 5px 0;}

.aa-org .org-cover:after {display: block;content:"";position:absolute;left: 50%;bottom: 50px;width: 1px;height: calc(100% - 50px);transform:translateX(calc(-50% + 0.5px));background: rgba(0,0,0,0.1);}
.aa-org .org-top .inner-box {background: #000;border-radius: 20px;text-align:center;display:flex;flex-direction:column;justify-content:center;max-width: 300px;width: 100%;height: auto;margin: 0 auto;padding: 10px;box-sizing:border-box;}
.aa-org .org-top .org-inner-box{padding: 20px 10px;border-radius: 10px;background: rgb(255,255,255,.13);margin-top:0;}
.aa-org .org-top .title {color: #fff;font-size: 20px;font-weight: 600;}
.aa-org .org-top .position{font-size: 18px;letter-spacing:-0.03em;font-weight: 500;line-height: 1.7;color: rgba(255,255,255,0.7);}

.aa-org .org-middle {position: relative;z-index: 1;text-align:right;margin-top: 50px;left:auto;bottom:auto;margin-left:auto;}
.aa-org .org-middle:before{display: none;}
.aa-org .org-middle .inner-box {position: relative;max-width: 300px;width: 100%;display:flex;align-items:center;justify-content:center;flex-direction:column;background: #666;border-radius: 20px;padding: 10px;text-align:center;box-sizing:border-box;margin: 0 auto;}
.aa-org .org-middle .org-region{background:none;color:#fff;font-size: 24px;line-height: 2;padding: 5px 0;}
.aa-org .org-middle .org-inner-box{padding: 10px;border-radius: 10px;background: rgb(255,255,255,.1);}
.aa-org .org-middle .org-inner-box:first-of-type{margin-top: 0;}
.org-inner-box .title {font-size: 18px;letter-spacing:-0.03em;color: #000;font-weight: 700;padding: 0 10px;}
.org-inner-box .position {font-size: 18px;letter-spacing:-0.03em;line-height:1.778em;color: rgba(0,0,0,0.7);padding: 0 10px;}
.aa-org .org-middle .title {color: #fff;font-weight: 600;font-size: 20px;}
.aa-org .org-middle .position {color: rgba(255,255,255,0.7);font-size:18px;line-height: 1.7;}

.aa-org .org-top .org-inner-box:after,
.aa-org .org-middle .org-inner-box:after{display:none;}

.org-bottom {margin-top: 0;  width: 100%;}
.org-bottom ul {position: relative;display:flex;gap: 40px;justify-content: center;}
.org-bottom ul:after {display: block;content: "";position: absolute;left: 50%;top: -50px;width: 340px;height: 1px;background: rgba(0, 0, 0, 0.1);transform: translateX(calc(-50% + 0.5px));}
.org-bottom ul li {position: relative;width: calc((100% - 12rem) / 2);max-width: 300px;}
.org-bottom ul li:last-child {margin-right: 0;}
.org-inner-box {position: relative;width: 100%;background-color: #fff;margin-top: 10px;text-align:center;padding: 18px 0;border-radius: 20px;}
.org-inner-box:after {display: block;content: "";position: absolute;left: 50%;width: 1px;height: 10px;background: rgba(0, 0, 0, 0.1);top: -10px;transform: translateX(calc(-50% + 0.5px));} 
.org-inner-box:first-of-type {}
.org-inner-box .title {font-size: 18px;letter-spacing:-0.03em;color: #000;font-weight: 700;padding: 0 10px;}
.org-inner-box .position {font-size: 18px;letter-spacing:-0.03em;line-height:1.778em;color: rgba(0,0,0,0.7);padding: 0 10px;}
.org-region {position: relative;display: inline-block;width: 100%;text-align: center;font-size: 20px;letter-spacing: 5px;line-height:1.778em;font-weight: 700;color: #c8005f;border-radius: 20px;background-color: #c8005f12;padding: 0.9rem 1rem;box-sizing:border-box;}
.org-bottom .org-region:after {display: block;content:"";position:absolute;left: 50%;transform:translateX(calc(-50% + 0.5px));width: 1px;height: 50px;background: rgba(0, 0, 0, 0.1);top: -50px;}

.aa-org.org2{padding: 80px 2%;}
.org-lab ul{position: relative;display:flex;gap: 40px;justify-content: center;flex-wrap: wrap;}
.org-lab ul li{position: relative;width: calc((100% - 12rem) / 3);max-width: 300px;}
.org-lab .org-region{letter-spacing:0;color: #fff;background: #a78e6d;}

@media (max-width: 1170px){
	.org-lab ul li {width: calc((100% - 12rem) / 2);}
}
@media (max-width: 767px){
	.aa-org .org-top .org-region,
	.aa-org .org-middle .org-region{font-size: 20px;padding: 0 0 5px;}
	.aa-org .org-middle .org-inner-box{padding:20px 10px;}
	.aa-org .org-bottom ul {gap: 40px; justify-content: center; flex-direction: column; align-items: center; width: 100%;}
	.aa-org .org-bottom ul li {width: 100%;}
	.org-bottom ul:after{display:none;}
	.aa-org .org-cover {padding-bottom: 40px;}
	.org-bottom .org-region:after {height: 40px; top: -40px;}
	.aa-org.org2 {padding: 60px 4%;}
	.org-lab ul {gap: 40px; justify-content: center; flex-direction: column; align-items: center;}
	.org-lab ul li {width: 100%;}
	.org-region {padding: 10px;}
}



/* 테두리 원형 테이블 */
.cir-table{background:#fff;position:relative;border:1px solid rgba(224, 223, 226, 0.6);border-radius: 15px;padding: 10px;margin:0;}
.cir-table .table-cir{width: 100%;}
.cir-table .table-cir th, .cir-table .table-cir td{padding:22px 0;font-size: 17px;text-align:center;}
.cir-table .table-cir thead th{background:#f9f9f9;font-size: 17px;font-weight:600;letter-spacing:-0.8px;line-height:1.31;}
.cir-table .table-cir thead th:first-child{border-top-left-radius: 10px;border-bottom-left-radius: 10px;}
.cir-table .table-cir thead th:last-child{border-top-right-radius: 10px;border-bottom-right-radius: 10px;}
.cir-table .table-cir tbody tr{border-bottom:1px solid rgba(31, 31, 31, 0.05);}
.cir-table .table-cir tbody tr:last-child{border-bottom:0;}
.cir-table .table-cir tbody th{font-weight:500;position:relative;display:table-cell;}
/*.cir-table .table-cir tbody th.box-th:before{border-radius:5px; background:#f9f9f9; display:block; content:""; position:absolute; left:0; top:0; width:100%; height:100%; z-index:-1;}*/
.cir-table .table-cir tbody td{padding:25px 0;color:#444;line-height: 1.4;}
.cir-table .table-cir .m-block{display:none;}

table{width:100%; border-collapse:collapse; border-spacing:0;}
.table{position:relative; width:100%; /*margin:20px 0 0 0;*/ background-color:#fff; border-top:1px solid #353541; font-size:17px; line-height:24px;}
.table:before{display:block; position:absolute; bottom:0; left:0; width:100%; height:1px; background-color:#e7e7e7;}
.table.fixed{table-layout:fixed;}
.table .caption{display:none;}
.table.text_center tbody tr td{text-align:center;}
.table.text_left tbody tr td{text-align:left;}
.table.text_left tbody tr th,.table.text_left thead tr th{text-align:center;}
.table.break tbody td,.table.break thead th,.table.break tbody td,.table.break tbody th{word-break:break-all;}
.table thead th{padding: 18px 10px;border:1px solid #e7e7e7;border-top:0;border-bottom-color:#e7e7e7;background-color:#f5f5f5;color: #212121;font-size: 18px;font-weight: 600;text-align:center;}
.table thead th:first-child{border-left:none;}
.table thead th:last-child{border-right:none;}
.table tbody th, .table tfoot th{background-color:#f9fafc; font-weight:500; color:#333;}
.table tbody th, .table tbody td, .table tfoot th, .table tfoot td{padding: 18px 10px;border-bottom:1px solid #e7e7e7;border-right:1px solid #e7e7e7;font-weight: 500;color: #212121;word-break:keep-all;}
.table tbody th{text-align:center;font-size: 18px;color: #212121;font-weight: 600;}
.table tbody td{font-size: 17px;}
.table tfoot td:first-child{border-left:none;}
.table tbody tr th:last-child{border-right:none;}
.table td:last-child{border-right:none;}
.table td[rowspan]:first-child{/* border-right:1px solid #e7e7e7; */}
.table tbody th + td, .table tbody td + td, .table tfoot td{border-left:1px solid #e7e7e7;}
.table tbody td, .table tfoot td{text-align:center;}
.table tbody td > ul{margin-top:0;margin-bottom:0;padding-left: 15px;text-align:left;display:inline-block;}
.table tbody td > ul > li, .table tbody td ol li{font-size:17px;}
.table tbody td > ul.po-list_clear{padding-left:0;}
.table tbody td > ol{margin-top:0; margin-bottom:0;}
.table tbody td.txt-left{text-align:left;padding-left: 25px;}
.table th.double,
.table td.double{border-left:3px double #e7e7e7;}
.table .po-list > li > ul >li > ul > li:before, .table .num > li > ul >li > ul > li:before, .table p.blt.type3:before, .table .po-list.third > li:before {top:15px;}
.table td.color-1{background:#f1f7fd;}
.table td.color-2{background:#edfbf2;}

.ws-btn{font-weight: 500;}
.ws-btn i{font-weight:normal;}
.ws-btn:hover{text-decoration:underline;}

.lab-blank-btn{transition: .3s;display: inline-flex;background: #66665c;color: #fff;align-items: center;justify-content: space-between;border-radius: 6px;width: auto;gap: 10px;font-weight:600;font-size: 16px;padding: 5px 18px;}
.lab-blank-btn i{font-weight:normal;}
.lab-blank-btn:hover{background:#97764b; transform: translateY(-1px);}

.table-color{position:relative;width:100%;background-color:#fff;font-size: 16px;line-height: 1.5; font-weight: 600;}
.table-color:before{display:block; position:absolute; bottom:0; left:0; width:100%; height:1px; background-color:#e7e7e7;}
.table-color.fixed{table-layout:fixed;}
.table-color .caption{display:none;}
.table-color.text_center tbody tr td{text-align:center;}
.table-color.text_left tbody tr td{text-align:left;}
.table-color.text_left tbody tr th,.table-color.text_left thead tr th{text-align:center;}
.table-color.break tbody td,.table-color.break thead th,.table-color.break tbody td,.table-color.break tbody th{word-break:break-all;}
.table-color tbody tr:nth-child(even){background:#fdfdfd;}
.table-color thead th{padding:17px 10px 14px;background-color:#4f687e;color:#fff;font-size:18px;font-weight:normal; text-align:center;}
.table-color.bg-gr thead th{background-color:#96c700;}
.table-color.bg-bl thead th{background-color:#00bfe6;}
.table-color thead th:first-child{border-radius:15px 0 0 15px;}
.table-color thead th:last-child{border-radius:0 15px 15px 0;}
.table-color tbody th, .table-color tbody td, .table-color tfoot th, .table-color tfoot td{padding: 17px 10px 14px;border-bottom:1px solid #e7e7e7;border-right:1px solid #e7e7e7;color: #555;word-break:keep-all;}
.table-color tbody th{font-weight:normal; color:#222;font-size:18px;}
.table-color tbody td{}
.table-color tfoot td:first-child{border-left:none;}
.table-color tbody tr th:last-child{border-right:none;}
.table-color td:last-child{border-right:none;}
.table-color td[rowspan]:first-child{border-right:1px solid #e7e7e7;}
.table-color tbody th + td, .table-color tbody td + td, .table-color tfoot td{border-left:1px solid #e7e7e7;}
.table-color tbody td, .table-color tfoot td{text-align:center;}
.table-color tbody td ul{margin-top:0; margin-bottom:0; padding-left:10px; text-align:left;}
.table-color tbody td ul li, .table-color tbody td ol li{font-size:15px;}
.table-color tbody td ul.po-list_clear{padding-left:0;}
.table-color tbody td ol{margin-top:0; margin-bottom:0;}
.table-color th.double,
.table-color td.double{border-left:3px double #e7e7e7;}
.table-color .po-list > li > ul >li > ul > li:before, .table-color .num > li > ul >li > ul > li:before, .table-color p.blt.type3:before, .table-color .po-list.third > li:before {top:15px;}
.table-color td.color-1{background:#f1f7fd;}
.table-color td.color-2{background:#edfbf2;}
.table-color .call{position:relative; display:inline-flex; align-items:center; justify-content:center; padding-left:28px; color:#222; font-weight:normal;   transition:.2s ease-out;}
.table-color .call i{background:#f7c326; color:#fff; border-radius:50%; width:23px; height:23px; font-size:14px; text-align:center; line-height:22px; position:absolute; left:0; top:-1px; transition:.2s ease-out;}
.table-color .call:hover{}
.table-color .call:hover i{background:#deaf22;}

.table2{position:relative; width:100%; margin:20px 0; background-color:#fff; border-top:2px solid #353541; font-size:14px; line-height:24px;}
.table2:before{display:block; position:absolute; bottom:0; left:0; width:100%; height:1px; background-color:#e7e7e7;}
.table2 thead th{padding:10px 10px; border:1px solid #e7e7e7; border-bottom-color:#e7e7e7; background-color:#f5f5f5; color:#333; font-weight:500; text-align:center;}
.table2 thead th:first-child{border-left:none;}
.table2 thead th:last-child{border-right:none;}
.table2 tbody th{font-size:14px; color:#777; font-weight:400;}
.table2 tbody td{font-size:14px;}
.table2 tbody th, .table2 tbody td, .table2 tfoot th, .table2 tfoot td{padding:10px 10px; border-bottom:1px solid #e7e7e7; border-right:1px solid #e7e7e7; font-weight:400; color:#636363; word-break:keep-all;}
.table2 tfoot td:first-child{border-left:none;}
.table2 tbody tr th:last-child{border-right:none;}
.table2 td:last-child{border-right:none;}
.table2 td[rowspan]:first-child{border-right:1px solid #e7e7e7;}
.table2 tbody th + td, .table2 tbody td + td, .table2 tfoot td{border-left:1px solid #e7e7e7;}
.table2 tbody td, .table2 tfoot td{text-align:center;}
.table2 tbody td ul{margin-top:0; margin-bottom:0; padding-left:10px; text-align:left;}
.table2 tbody td ul li, .table2 tbody td ol li{font-size:15px;}
.table2 tbody td ul.po-list_clear{padding-left:0;}
.table2 tbody td ol{margin-top:0; margin-bottom:0;}
.table2 th.double,
.table2 td.double{border-left:3px double #e7e7e7;}
.table2 .po-list > li > ul >li > ul > li:before, .table2 .num > li > ul >li > ul > li:before, .table2 p.blt.type3:before, .table2 .po-list.third > li:before {top:15px;}

.t-link{color:#c8005f; font-weight:500;}
.t-link:hover{text-decoration:underline;}

/*
table td em{display:inline-block; background:#38d5b8; border-radius:50%; width:15px; height:15px;}
table td em.c1{background:#38d5b8;}
table td em.c2{background:#4cc1ec;}
table td em.c3{background:#5e91f0;}
table td em.c4{background:#7f82ea;}
*/

/* 테이블 가로스크롤 */
.table_con_wrap{position:relative;margin: 15px auto;}
.table_con_wrap .table_prev_mo{display:none; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.6); z-index:95;}
.table_con_wrap .table_prev_mo ul{position:absolute; top:50%; left:50%; margin:-11px 0 0 -75px;}
.table_con_wrap .table_prev_mo ul:after{content: ''; display:block; clear:both;}
.table_con_wrap .table_prev_mo ul li{float:left;}
.table_con_wrap .table_prev_mo ul li p{font-size:15px; color:#fff;}
.table_con_wrap .table_prev_mo ul li i{margin-top:4px; font-size:12px; color:#fff; animation:prevarrow .5s ease-in infinite alternate;}
p.mo_hide{display:none; color:#888; text-align:center; margin-top:10px;}

.respo-table tbody .label{display:none; width:65px; color:#444; font-size:13px; font-weight:500; text-align:left; vertical-align:top;}
.respo-table tbody .label.w80{width:80px;}
.respo-table tbody .label.w100{width:100px;}
.respo-table .m-clear{}
.respo-table .m-block{display:none;}
.respo-table .m-top-th{}

.cir-t{background:#fff;position:relative;border:1px solid rgba(224, 223, 226, 0.6);border-radius: 15px;padding: 7px;margin:0;}
.cir-t table{border-radius:10px; overflow:hidden; border:1px solid rgba(31, 31, 31, 0.05);}
.cir-t table td{border-color: rgba(31, 31, 31, 0.05);}
.cir-t table thead th{background: #333;color: #fff;border-color:rgb(255,255,255,.7)}
.cir-t table td{background:#fcfcfc;}
.cir-t.left-th table tbody th{background: #333;color: #fff;}
.cir-t.left-th table tbody td.th-bg{background: rgba(246, 247, 250, 1);}
.cir-t table tbody th{background: rgba(246, 247, 250, 1);border-color:#eee}

.cir-t table tbody th.td-bg1,
.cir-t table td.td-bg1,
.td-bg1{background:#fff2f2;}
.cir-t table tbody th.td-bg2,
.cir-t table td.td-bg2,
.td-bg2{background:#f1f7fd;}
.cir-t table tbody th.td-bg3,
.cir-t table td.td-bg3,
.td-bg3{background: #f1fdf6;}
.cir-t table tbody th.td-bg4,
.cir-t table td.td-bg4,
.td-bg4{background: #fff8f1;}
.cir-t table tbody th.td-bg5,
.cir-t table td.td-bg5,
.td-bg4{background: #fcf1fd;}

.subj-class-list {padding: 0px 10px;/* grid-template-columns: 1fr 1fr 1fr; *//* display:grid; */gap: 10px;display: flex;flex-wrap: wrap;}
.subj-class-list > p{position:relative;background: #f9f9f9;border:1px dotted #ccc;color: #333;font-size: 16px;font-weight: 600;line-height: 1.4;letter-spacing:-0.5px;border-radius: 6px;text-align:center;padding: 10px 15px;display: flex;justify-content: center;align-items: center;}
.subj-class-list > p.edu1{background: #fef0f0;border-color: #e9cad2;}
.subj-class-list > p.edu2{background: #f1f7fd;border-color: #bcd3e9;}
.subj-class-list > p.edu3{background: #f4fbf7;border-color: #cae3d5;}
.subj-class-list > p.edu4{background: #fff8f1;border-color: #edd5bd;}
.subj-class-list > p.edu5{background: #fcf3fd;border-color: #e9d3eb;}
.subj-class-list.col-2 > p{flex:1 1 40%;}
.subj-class-list.col-3 > p{width: 32.5%;}
.subj-class-list.col-4 > p{width: 18.9999%;}

@media (max-width:1170px){
	.table-line-box{border:0;}
	.table.respo-table{border-top:0;}
	.respo-table thead{display:none;}
	.respo-table .m-clear{display:none;}
	.respo-table .m-top-th{display:none;}
	.respo-table .m-block{display:block;}
	.respo-table .m-tit{display:block; background:#333; color:#fff; font-size:14px; padding:6px;}
	.respo-table .m-block br{display:none;}
	.respo-table tbody tr{
		display:block;
		margin:0 0 0.7em 0;
		border-radius:15px;
		border:1px solid #e7e7e7;
		-webkit-box-shadow: 0px 7px 6px -6px rgb(0 0 0 / 28%);
		-moz-box-shadow: 0px 7px 6px -6px rgba(0,0,0,.28);
		box-shadow: 0px 7px 6px -6px rgb(0 0 0 / 28%);
	}
	.respo-table tbody th{font-size:15px; padding:10px; color:#fff; background:#4f687e; width:100%; display:block; border-radius:5px;}
	.respo-table.bg-bl tbody th{background:#00bfe6;}
	.respo-table.bg-gr tbody th{background:#96c700;}
	.respo-table tbody tr td{text-align:left; display:block; padding:0.8em; font-size:14px; line-height:1.5; border-top:0;}
	.respo-table tbody tr td br{display:none;}
	.respo-table tbody tr td:nth-child(even){background: #f7f7f7;}
	.respo-table tbody .label{display:block; float:left; height:34px; line-height:1.7;}
	.respo-table .tb-num{display:none;}

	.subj-class-list.col-4 > p{width:100%;}
	.subj-class-list.col-3 > p{width:100%;}
}
@media (max-width:1000px){
    .dbstg{display: block;}
}
@media (max-width:800px){
	.table_con_wrap{width:100%; overflow-x:auto; white-space:nowrap; padding-bottom:20px;}
	.table_con_wrap table{width:100%;}
	.table_con_wrap .table_prev_mo{display:block;}
	p.mo_hide{display:block;}
	.cir-t{border:0; padding:0;}
}
@media (max-width: 767px){
	.table thead th,
	.table tbody th{font-size:16px;padding: 10px 10px;}
	.table tbody td{font-size:15px;padding: 10px 10px;}
	.table tbody td ul li, .table tbody td ol li{font-size:14px;}

	.table-color tbody th, .table-color tbody td, .table-color tfoot th, .table-color tfoot td{border-bottom:0; border-right:0;}
	.table-color tbody th + td, .table-color tbody td + td, .table-color tfoot td{border-left:0;}
	.table-color td:last-child{border-radius:0 0 15px 15px;}

	.subj-class-list {padding: 0; gap:5px;}
	.subj-class-list > p{font-size: 14px; padding:5px;}
}



/* -------------------------------- 개인정보취급방침 -------------------------------- */
.privacy-policy{font-family:'Noto Sans KR'; padding-bottom:120px;}
.privacy-policy .gray-bg{background:#f8f8f8;padding: 50px 60px;box-sizing:border-box;}
.privacy-policy p + dl{margin-top:20px;}
.privacy-policy .pp-wrap{}
.privacy-policy .pp-txt-box{}
.privacy-policy h1.pp-tit{display:block; font-size:28px; font-weight:bold; margin:0 0 20px; text-align:left;}
.privacy-policy .privacy-top{margin:30px 0 0; background:#f8f8f8; padding:40px 41px; box-sizing:border-box;}
.privacy-policy p{margin:0;}
.privacy-policy .txt, .privacy-page dd{font-size:16px; color:#222;}
.privacy-policy .txt + .txt{margin:10px 0 0 0;}
.privacy-policy .txt-2{margin:10px 0 0 0;}
.privacy-policy dl + dl{margin-top:40px;}
.privacy-policy dt{font-size: 19px;display:inline-block;width:100%;color:#000;line-height:inherit;font-weight:700;margin: 0px 0 10px;}
.privacy-policy dd > ul.list-hyphen{margin:5px 0 15px 20px;}
.privacy-policy dd > ul.ul-gnd{margin:10px 0 10px 20px;}
.privacy-policy dd > ul.ul-gnd > li{text-indent:-24px; margin-left:20px;}
.privacy-policy dd a{color:inherit;}
.privacy-policy dd a:hover{text-decoration:underline;}

.privacy-policy .dd-board{margin-top:10px;}
.privacy-policy .dd-board table th, .privacy-policy .dd-board table td{font-size:15px;}

.privacy-policy .pp-btn-wrap{position:relative; margin-top:60px; text-align:center;}
.privacy-policy a.pp-btn{margin:0 auto; display:inline-block; text-align:center; color:#fff; font-weight:500; font-size:16px; background:#684ab3; padding:20px 35px; transition:.2s;}

@media (max-width: 1170px){
	.privacy-policy{padding-bottom:60px;}
}
@media (max-width: 767px){
	.privacy-policy{padding-bottom:40px;}
	.privacy-policy .contTit{margin-top:0;}
	.privacy-policy .gray-bg{margin:15px 0 0; padding:20px;}
	.privacy-policy dl + dl{margin-top:30px;}
	.privacy-policy dt:first-child{margin-top:0;}
	.privacy-policy dt{font-size:17px;}
	.privacy-policy .txt, .privacy-page dd{font-size:15px;}
	.privacy-policy dd > ul.list-hyphen{margin:5px 0 5px 0px;}
	.privacy-policy dd > ul.ul-gnd{margin:10px 0 10px 0px;}
	.privacy-policy dd > ul.ul-gnd > li{text-indent:-21px; margin-left:22px;}
}



/* -------------------------------- 이메일무단수집거부 -------------------------------- */
#nonMail{padding-bottom: 140px;}
#nonMail .contTit-s{margin-top:50px;}
#nonMail .ui-topbox .txtwrap p{/*margin:30px 0 0;*/}
#nonMail .ui-ftbox .inner{text-align:center;}

.ui-topbox{overflow:hidden;position:relative;padding:3px;background:#f1f3f6;border:none;border-radius: 10px 20px;word-break: keep-all;}
.ui-topbox:before{left:0; right:0; top:0; z-index:1; width:auto; height:50px; background:#cacfd5; display:block; position:absolute; content:"";}
.ui-topbox:after{left:0;top:0;z-index:2;width:205px;height:50px;background: #b59f7b;border-radius: 3px 0 0 0;display:block;visibility:visible;position:absolute;content:"";}
.ui-topbox .inner{position:relative;min-height: 185px;background:#fff;padding: 40px 60px 40px 205px;border-radius: 8px 16px;z-index: 3;display:flex;align-items:center;}
.ui-topbox .inner.img-inner{padding-left:320px; min-height:300px;}
.ui-topbox .contTit:before{background:#97764b;}
.ui-topbox .tit{display:block;margin-bottom: 15px;font-size:30px;color:#212121;font-weight:bold;line-height: 1.4;letter-spacing: -.5px;}
.ui-topbox .tit b{color: #97764b;font-weight: 700;}.ui-topbox .img{top:35px; left:40px; width:230px; height:230px; display:block; position:absolute;}
.ui-topbox .img15{background:url("/images/sub/img_15.png") no-repeat 50% 50%;  background-size:100%;}
.ui-topbox .img-step{background:url("/images/sub/img_steps.png") no-repeat 50% 50%;  background-size:100%;}
.ui-topbox .icon{top:40px;left:60px;width:105px;height:105px;background-color: #b59f7b;display: flex;font-size: 40px;line-height: 74px;color: #fff;border-radius:50%;position:absolute;justify-content: center;align-items: center;}
.ui-topbox .ico-15{background:url("/images/sub/2469996.png") no-repeat 50% 50% #f3f4f6;  background-size:60%;}
.ui-topbox .ico-pro{background:url("/images/sub/3976516.png") no-repeat 50% 50% #f3f4f6;background-size: 60%;}
.ui-topbox .ico-pro-d{background:url("/images/sub/2470035.png") no-repeat 50% 50% #f3f4f6;background-size: 50%;}
.ui-topbox .ico-mail{background:url("/images/sub/4663958.png") no-repeat 50% 50% #f3f4f6; background-size:60%;}
.ui-topbox .txtwrap{position:relative;width: 100%;display: block;}
.ui-topbox .txtwrap > p{font-size: 18px;font-weight: 500;line-height:1.6;color: #333;letter-spacing: -.5px;}
.ui-topbox .txtwrap p + p{margin-top:15px;}
.ui-topbox .txtwrap .tit-wrap{display:flex;align-items:flex-end;flex-wrap:wrap;margin: auto;font-size: 32px;line-height:1.6;color: #333;font-family:'GmarketSansBold';letter-spacing: 0;}
.ui-topbox .txtwrap .tit-wrap > strong{color: #2469c3;font-weight:normal;}
.ui-topbox .txtwrap p > strong{color: #2469c3;font-weight: 700;}
.ui-topbox .txtwrap p > b{color: #222;font-weight:700;}
.ui-topbox .txtwrap strong.logo-img{margin-right:15px; background:url("/images/common/logo_c.png") 0 0 no-repeat; display:inline-block; width:230px; height:36px; background-size:230px; text-indent:-9999px;}
/*
.ui-topbox .flex-box{display:flex;align-items: flex-start;padding: 20px 0 0;width: 100%;justify-content: space-between;flex-wrap: wrap;}
.ui-topbox .flex-box .tit{font-size:30px;color:#212121;font-weight:bold;line-height: 1.4;padding-right: 50px;width: calc(100% - 240px);}
.ui-topbox .flex-box .tit b{color:#b9173d;font-weight: 700;}
.ui-topbox .flex-box .btn-black{padding: 20px 30px 20px 35px; width:240px; background:#222; font-size:18px; font-weight:500; color:#fff; line-height:1; display:inline-flex; justify-content:space-between; align-items:center; transition:.3s;}
.ui-topbox .flex-box .btn-black i{}
.ui-topbox .flex-box .btn-black:hover{background:#444; padding:20px 35px 20px 35px;}
.ui-topbox .link-box{display:flex; gap:10px; margin:25px 0 10px;}
.ui-topbox .link-box > a{}
.ui-topbox .link-box .down-btn{display:flex;background:#eee; border:1px solid #eee; font-size:16px;color: rgba(85, 88, 89, 0.8);font-weight: 600;height:45px;padding:0 28px;display: inline-flex;justify-content: center;align-items: center;line-height: 1;gap: 10px; transition:.3s;}
.ui-topbox .link-box .down-btn:hover{background:#fff; color:#b9173d; border-color:#b9173d; }
*/
.ui-ftbox{overflow:hidden;position:relative;background:#fafafa;border:1px solid #eaeaea;margin-top:40px;border-radius: 15px;}
.ui-ftbox .inner{position:relative;padding:30px;}
.ui-ftbox .btn-black{transition:.2s ease-out;text-align:center;display: inline-flex;background: #222;border-radius: 10px;padding:15px 30px;color:#fff;font-weight: 500;gap: 10px;font-size: 17px;align-items: center;justify-content: center;}
.ui-ftbox .btn-black:hover{background:#666;}

@media (max-width: 1024px){
	.ui-topbox .inner.img-inner{padding-left:30px; flex-direction:column;}
	.ui-topbox .img15, .ui-topbox .img-step{position:relative; width:280px; height:280px; left:auto; top:auto; margin-bottom:20px;}
	.ui-topbox .inner.img-inner .tit-wrap{ justify-content:center; margin-bottom:10px;}
}
@media (max-width: 767px){
	.ui-topbox .inner{padding:20px 20px; min-height:auto;}
	.ui-topbox .inner.img-inner{padding:20px 20px;}
	.ui-topbox .img15, .ui-topbox .img-step{width:200px; height:200px;}
	.ui-topbox .icon{display:none;}
	.ui-topbox .txtwrap .tit-wrap{display:block; font-size:22px; line-height:1.2;}
	.ui-topbox .txtwrap strong.logo-img{display:block; margin-right:0; width:180px; height:29px; background-size:100%; margin-bottom:10px;}
	.ui-topbox .txtwrap p{font-size: 16px;}
}



/* -------------------------------- 준비중 -------------------------------- */
.ui-comming{overflow:hidden;position:relative;background-color: #fff;border-radius: 20px;box-shadow: 8px 6px 20px 0 rgba(0, 0, 0, 0.1);}
.ui-comming .inner{position:relative;text-align:center;padding: 60px;}
.ui-comming .tit{}
.ui-comming .tit big{display:block;width:74px;height:74px;margin:0 auto 25px;background: #c8005f;border-radius:50%;font-size:30px;line-height:74px;color:#fff;}
.ui-comming .tit small{display:block; margin:20px 0 15px; font-weight:600; font-size:28px; color:#333; letter-spacing:-.2px; line-height:1.2;}
.ui-comming .tit small strong{color: #c8005f;font-weight:600;}
.ui-comming .tit p{font-size:17px; color:#666;}