@charset "utf-8";

/* 단장인사말 */
.ceo-container { position:relative; }
.ceo-wrap { display:flex; flex-flow:row wrap; min-height:55rem; }
.ceo-wrap .photo { flex:0 0 30%; background:url("../../images/sub/cel_bg_03.jpg") no-repeat center center; background-size:cover; position:relative; }
.ceo-wrap .cont { flex: 0 0 70%; padding-left:5rem; padding-top:2rem; padding-bottom:5rem; font-family:'pre-r'; background:url("../../images/sub/ceo_bg_01.png") no-repeat 90% 80%; }
.ceo-wrap .photoTxt { width:95%; background-color:#5d1210; color:#fff; text-align:center; padding:1rem; position:absolute; bottom:1.5rem; left:50%; transform:translateX(-50%); }
.ceo-wrap .photoTxt .txt1-wrap { font-family:'pre-b'; font-size:3.6rem; font-style: italic; line-height:3.5rem; }
.ceo-wrap .photoTxt .txt1-wrap .txt1:nth-child(2) { display:block; }
.ceo-wrap .photoTxt .txt2 { display:block; position:relative; padding-top:3rem; }
.ceo-wrap .photoTxt .txt2::before { content:""; position:absolute; width:.1rem; height:1.5rem; background:#fff; left:50%; transform:translateX(-50%); top:1rem; }
.ceo-bottom { background:url("../../images/sub/ceo_bg_02.png") no-repeat center center; background-size:cover; min-height:10rem; position:absolute; bottom:-7.3rem; left:0; width:100%; z-index:-1; }
.ceo-bottom .sign { position:absolute; right:3rem; top:50%; transform:translateY(-50%); }
.ceo-bottom .sign .txt1 { font-family:'pre-b'; text-align:right; display:block; }
.ceo-bottom .sign .txt2 { font-family:'pre-m'; display:block; }
@media screen and (max-width:1280px) {
	.ceo-wrap { min-height:unset; }
	.ceo-wrap .photo { flex:0 0 100%; min-height:40rem;  }
	.ceo-wrap .cont { flex: 0 0 100%; padding:3rem; }	
	.ceo-wrap .photoTxt .txt1-wrap { font-size:2.8rem; line-height:3.5rem; }
	.ceo-wrap .photoTxt .txt1-wrap .txt1:nth-child(2) { display:inline-block; }
	.ceo-wrap .photoTxt .txt2 { padding-top:3rem; }
	.ceo-wrap .photoTxt .txt2::before { height:1rem; }
	.ceo-bottom { position:relative; bottom:unset; left:unset; z-index:0; }
}

/* 조직도 */
.org-wrap { font-family:'pre-b'; font-size:2.4rem; color:#fff; display:flex; flex-direction:column; justify-content:center; align-items:center; border:.1px solid #ccc; padding:5rem; }
.org-wrap .level01 { padding-bottom:4rem; position:relative; border-bottom:.1px solid #cccccc; display:flex; justify-content:center; width:69%; }
.org-wrap .level01::after { content:""; width:.1rem; height:4rem; background:#ccc; left:50%; transform:translateX(-50%); bottom:0; position:absolute; }
.org-wrap .level01 span { display:flex; align-items:center; justify-content:center; background:#a32b30; width:43.4rem; height:7rem; }
.org-wrap .level02 { display:flex; justify-content:space-between; column-gap:3%; align-items:flex-start; width:100%; position:relative; }
.org-wrap .level02 > li { position:relative; padding-top:4rem; flex:0 0 31%; }
.org-wrap .level02 > li::before { content:""; position:absolute; width:.1rem; height:4rem; background:#ccc; top:0; left:50%; transform:translateX(-50%); }
.org-wrap .level02 .txt { display:flex; justify-content:center; align-items:center; background:#aea17d; width:100%; height:7rem; position:relative; }
.org-wrap .level03 { display:flex; justify-content:space-between; align-items:flex-start; column-gap:4%; color:#858585; font-family:'pre-m'; background:#fff; margin-top:2rem; }
.org-wrap .level03 > div { flex:0 0 100%; }
.org-wrap .level03 .txt { width:100%; height:5rem; border:.1rem solid #858585; background:#fff; }
.org-wrap .level03 .level03-02 { display:flex; flex-flow:column wrap; row-gap:1rem; }
@media screen and (max-width:1280px) {
	.org-wrap .level01 { border-bottom:none; padding-bottom:0; width:100%; }
	.org-wrap .level01 span { width:100%; }
	.org-wrap .level01::after { display:none; }
	.org-wrap .level02 { flex-wrap:wrap; }
	.org-wrap .level02 > li { flex:0 0 100%; }
	.org-wrap .level03 { border-bottom:.1px solid #ccc; padding-bottom:2rem; }
}

/* 교육목표 */
.edu-container { border:.1px solid #ccc; padding:3rem 3rem 3rem 5rem; position:relative; }
.edu-container .eduWrap { width:70.5rem; min-height:60rem; background:url("../../images/sub/edu_01.png") no-repeat 0 0; background-size:contain; }
.edu-container dt { font-size:2.4rem; font-family:'pre-b'; }
.edu-container .red-wrap dt { color:#a32b30; }
.edu-container .blue-wrap dt { color:#0c3388; }
.edu-container .yellow-wrap dt { color:#aea17d; }
.edu-container .red-wrap { position:absolute; top:7rem; left:70rem; }
.edu-container .blue-wrap { position:absolute; top:27rem; left:77rem; }
.edu-container .yellow-wrap { position:absolute; top:51rem; left:70rem; }
@media screen and (max-width:1280px) {
	.edu-container { padding:3rem; }
	.edu-container .eduWrap { background:none; min-height:unset; }
	.edu-container dl { position:relative; padding-left:18rem; min-height:16.4rem; }
	.edu-container dl::before { content:""; width:16.4rem; height:16.4rem; position:absolute; top:0; left:0; }
	.edu-container dl:not(:first-child) { margin-top:3rem; }
	.edu-container dt { padding-top:2rem; }

	.edu-container .red-wrap { position:relative; top:unset; left:unset; }
	.edu-container .blue-wrap { position:relative; top:unset; left:unset; }
	.edu-container .yellow-wrap { position:relative; top:unset; left:unset; }
	
	.edu-container .red-wrap::before { background:url("../../images/sub/edu_red.png") no-repeat center center; }
	.edu-container .blue-wrap::before { background:url("../../images/sub/edu_blue.png") no-repeat center center; }
	.edu-container .yellow-wrap::before { background:url("../../images/sub/edu_yellow.png") no-repeat center center; }
}

/* 교환학생 프로그램 */
.thumb-wrap { display:inline-flex; margin-top:2rem; column-gap:1rem; }


/* 화살표 박스(custom-01) */
.procedure_1.custom-01 .item { align-items:flex-start; }
.procedure_1.custom-01 .item dl { width:100%; }
.procedure_1.custom-01 .gray { color:#afafaf; }

/* 신입생 가이드 */
.app-wrap { display:flex; flex-flow:row wrap; justify-content:space-between; align-items:stretch; column-gap:6%; row-gap:3rem; }
.app-wrap > li { flex:0 0 42%; display:flex; justify-content:flex-start; align-items:center; }
.app-wrap > li .photo {}
.app-wrap > li .cont { padding-left:2.5rem; }
.app-wrap > li .cont .tit { position:relative; color:#a53135; font-family:'pre-sb'; font-size:2.2rem; padding-left:1.5rem; }
.app-wrap > li .cont .tit::before { content:""; position:absolute; left:0; top:50%; transform:translateY(-50%); width:.6rem; height:1.5rem; background:#a53135; border-radius:1rem; }
.app-wrap > li .cont .txt {}
@media screen and (max-width:1280px) {
	.app-wrap > li { flex:0 0 100%; }
}

/* 네모박스 */
.box-wrap-01 { display:flex; flex-flow:row wrap; column-gap:2%; row-gap:2rem;  }
.box-wrap-01 > li { flex: 0 0 18%; height:5.5rem !important; }
.box-wrap-01 > li.bdr { border:.1rem solid #1c1c1c; display:flex; justify-content:center; align-items:center; font-size:1.4rem; line-height:1.3; }
.box-wrap-01 > li.bdr span { font-family:'pre-m'; font-size:1.4rem; text-align:center; position:relative; }
.box-wrap-01 > li.bdr span i { color:#afafaf; font-size:1.4rem; }
.box-wrap-01 > li.bdr span.mark::before { content:"*"; position:absolute; color:red; left:-1rem; top:.3rem; }
.box-wrap-01 > li .btn { height:100%; }

/* 진로/취업 교양 교과목 로드맵 */
.tbl-mark-info { display:flex; justify-content:space-between; padding-bottom:10px; }
.tbl-mark-info .left { display:flex; }
.tbl-mark-info .left .mark-txt { padding-left:30px; }
.mark-txt { display:flex; align-items:center; }
.mark-txt img { margin-right:7px; }


/* 협정체결대학 및 기관 */
.mapCountry{padding:4rem;border:2px solid #DDD;display:flex;align-items:center;justify-content:center;}
.mapCountry .countryMap{display:none;}
.mapCountry .buttonContainer{width:126rem;height:78.8rem;background:url('../../images/sub/map.png') no-repeat center / cover;position:relative;}

.mapCountry .countryBtn{font-size:1.4rem;font-family:'pre-m';color:#FFF;line-height:1;border-radius:3rem;padding:0.5rem 1.5rem;background:#ac2f30;display:inline-block;position:absolute;}
.mapCountry .countryBtn:hover{background:#333;}

.mapCountry .btn-usa{left:93rem;top:40rem;}
.mapCountry .btn-norway{left:5rem;top:11rem;}
.mapCountry .btn-uk{left:3rem;top:30rem;}
.mapCountry .btn-france{left:1.5rem;top:36rem;}
.mapCountry .btn-moldova{left:17rem;top:37rem;}
.mapCountry .btn-spain{left:6rem;top:40rem;}
.mapCountry .btn-burkina-faso{left:3rem;top:50rem;}
.mapCountry .btn-ethiopia{left:19rem;top:52rem;}
.mapCountry .btn-kenya{left:17rem;top:55rem;}
.mapCountry .btn-zimbabwe{left:12rem;top:63rem;}
.mapCountry .btn-germany{left:9rem;top:35rem;}
.mapCountry .btn-russia{left:38rem;top:26rem;}
.mapCountry .btn-canada{left:88rem;top:29rem;}
.mapCountry .btn-mexico{left:91rem;top:47rem;}
.mapCountry .btn-newzealand{left:66rem;top:71rem;}
.mapCountry .btn-china{left:39rem;top:42rem;}
.mapCountry .btn-japan{left:55rem;top:42rem;}
.mapCountry .btn-hongkong{left:40rem;top:44.8rem;}
.mapCountry .btn-thailand{left:44rem;top:47.7rem;}
.mapCountry .btn-vietnam{left:42rem;top:51rem;}
.mapCountry .btn-myanmar{left:35rem;top:48.5rem;}
.mapCountry .btn-malaysia{left:34rem;top:54rem;}
.mapCountry .btn-indonesia{left:44rem;top:58rem;}
.mapCountry .btn-singapore{left:43rem;top:55rem;}
.mapCountry .btn-taiwan{left:51rem;top:45rem;}
.mapCountry .btn-mongolia{left:38rem;top:36rem;}
.mapCountry .btn-kazakhstan{left:26rem;top:36rem;}
.mapCountry .btn-kyrgyzstan{left:29rem;top:39.5rem;}

.mapCountry .btn-australia{left:49rem;top:64rem;}
.mapCountry .btn-philippines{left:51rem;top:51rem;}

.mapCountryList{padding:3rem;background:#fdf6f6;}
.mapCountryList .buttonContainer{display:flex;flex-wrap:wrap;}
.mapCountryList .buttonContainer button{width:20%;position:relative;padding:0.7rem 1rem 0.7rem 1.5rem;text-align:left;}
.mapCountryList .buttonContainer button::before{width:0.3rem;height:0.3rem;border-radius:50%;background:#333;position:absolute;left:0;top:1.5rem;content:"";display:block;}
.mapCountryList .buttonContainer button span{font-size:1.8rem;font-family:'pre-m';color:#333;line-height:1;border-bottom:2px solid transparent;}
.mapCountryList .buttonContainer button:hover span{color:#ac2f30;border-color:#ac2f30;}

.mapCountryContent{}
.mapCountryContent .countryBox{display:none;}
.editMode .mapCountryContent .countryBox,
.mapCountryContent .countryBox.on{display:block;}

.mapCountryContent .countryBox ul{margin-top:3rem;display:flex;flex-wrap:wrap;}
.mapCountryContent .countryBox ul li{width:33.3%;padding-right:3rem;}

@media all and (max-width:1540px){
	.mapCountry .countryMap{display:block;}
	.mapCountry .buttonContainer{display:none;}
}
@media all and (max-width:768px){
	.mapCountry{padding:2rem;}
	.mapCountryList .buttonContainer button{width:33.3%;}
	
	.mapCountryContent .countryBox ul li{width:50%;}
}