/* about OIA */
@keyframes maphover{
	0%{ transform: scale(1); opacity: 0.4;}
	50%{ transform: scale(0.5); opacity: 0.1;}
	100%{ transform: scale(1); opacity: 0.4;}
}
.map_select { text-align: center; margin-top: 2rem;}
.map_select .inr{ position:relative; display: inline-block; }
.map_select .inr li{ position:absolute; z-index: 1;}
.map_select .inr li.area1{ left: 35%; top: 25%;}
.map_select .inr li.area2{ right: 15%; top: 17%;}
.map_select .inr li.area3{ right: 4%; top: 55%;}
.map_select .inr li.area4{ left: 21%; top: 15%;}
.map_select .inr li.area5{ left: 44%; bottom: 12%;}
.map_select .inr li.area6{ left: 11%; top: 53%;}
.map_select .inr li a{ position:relative; display: block; padding-top: 1.15rem; color:#fff; font-size: 0.75rem; font-weight: 600; letter-spacing: 0;}
.map_select .inr li a:before,
.map_select .inr li a:after{ content:""; position:absolute; border-radius:50%; background:#fff; }
.map_select .inr li a:before{ width: 0.5rem; height: 0.5rem; left:calc(50% - 0.25rem); top: 0.3rem;}
.map_select .inr li a:after{ width: 1.1rem; height: 1.1rem; left:calc(50% - 0.55rem); top: 0; opacity: 0.3;}
.map_select .inr li a:hover:after,
.map_select .inr li a:focus:after{ animation: maphover 1s ease-in-out infinite;}
.map_select .inr li.on a:before,
.map_select .inr li.on a:after{ background:#3BF8FF;}
.map_select .inr > p img{ max-width: 100%; height: auto;}

/* 0401 About OIA */
.global_trty{position:relative; margin:30px 0; text-align:center; padding:20px 0; border:1px solid #ccc; background:url('/images/web/eng/sub_cnt/pttrn_slide.gif'); }
.global_trty .map_wrap{position:relative; display:inline-block; }
.global_trty .map_wrap p img{max-width:100%; height:auto;}
.global_trty ul li{position:absolute; height:65px; }
.global_trty ul li.area01{top:23%; left:52%; }
.global_trty ul li.area02{top:48%; left:51%; }
.global_trty ul li.area03{top:28%; left:74%; }
.global_trty ul li.area04{bottom:18%; right:19%; }
.global_trty ul li.area05{top:28%; left:12%; }
.global_trty ul li.area06{top:65%; left:25%; }
.global_trty ul li a{display:block; position:absolute; left:50%; bottom:0; min-width: 40px; text-align: center; font-size: 0.75rem; white-space: nowrap; overflow:hidden; background:url('/images/web/international/sub_cnt/img_gblTrty_lc.png') no-repeat center top; transition:all .3s ease; -ms-transition:all .3s ease; -webkit-transition:all .3s ease;}
.global_trty ul li a:hover{opacity: 0.85; bottom:5px;}
.global_trty ul li a.ov{ font-weight: 700; color:#000;}
.global_trty ul li a span{ display: block; padding:10px 0 30px; margin-left: -1px; line-height:1; color:#245592; font-size:12px; font-weight: 700; }

/* Organization Chart */
.org_wrap{ text-align: center; }
.org_wrap .txt{ display: flex; align-items: center; justify-content: center; width: 100%; height: 3rem; margin:0 auto; border-radius:0.5rem; font-weight: 600;}
.org_wrap h2,
.org_wrap h3{ display: inline-block; width:auto; margin:0 auto; }
.org_wrap h2{ position:relative; z-index: 0;}
.org_wrap h2:before{ content:""; position:absolute; left:-0.6rem; top:-0.6rem;  width: calc(100% + 1.2rem); height:calc(100% + 1.2rem); border-radius:50%; z-index: -1; background:#DDF7FF;}
.org_wrap h2 span{ position:relative; display: flex; align-items: center; justify-content: center; width: 10rem; height: 10rem; font-size: 1.4rem; font-weight: 700; color:#fff; border-radius:50%; border:0.6rem solid #AEEDFF; background:linear-gradient(320deg,rgba(0, 133, 226, 1) 0%, rgba(0, 207, 173, 1) 100%); z-index: 1; }
.org_wrap .org1{ position:relative; display: flex; flex-direction: column; gap: 1.5rem; padding:2rem 0; z-index: 0;}
.org_wrap .org1:before{ content:""; position:absolute; left:50%; top: 0; height: 100%; border-left:1px solid #ccc; z-index: -1;}
.org_wrap .org1 > p > .txt{ max-width: 14rem; font-size: 1rem; color:#fff; text-transform: uppercase; }
.org_wrap .org1 > p > .txt.col1{ background:#245592; }
.org_wrap .org1 > p > .txt.col2{ background:#007FBA; }
.org_wrap .org2{ position:relative; z-index: 0;}
.org_wrap .org2:before{ content:""; position:absolute; left:calc(16.66% - 0.6rem); top: 0; width: calc(68% + 0.6rem); border-top:1px solid #ccc; z-index: -1;}
.org_wrap .org2 > ul{ display: flex; gap: 0 2rem; align-items: start; }
.org_wrap .org2 > ul > li{ position:relative; padding-top: 2rem;  flex: 1;}
.org_wrap .org2 > ul > li:before{ content:""; position:absolute; left:50%; top: 0; height: 100%; border-left:1px solid #ccc; z-index: -1;}
.org_wrap .org2 > ul > li > .txt{ background:#fff; border:2px solid #0087E6; color:#0087E6;}
.org_wrap .org3 { margin-top: 1rem;}
.org_wrap .org3 > ul > li > .txt{ background:#D7EDFF; color:#333; font-weight: 400;}

/* Contact List */
.empList > li{ display: flex; gap: 2.5rem; padding:2rem 1.5rem; border:1px solid #ccc; border-radius: 1rem;}
.empList > li + li{ margin-top: 2rem;}
.empList > li .img{ width: 9rem; height: 11.5rem; border-radius:1rem; box-shadow: 0 0 5px rgba(0,0,0,0.1); overflow:hidden;}
.empList > li .img img{ width: 100%; height: 100%; object-fit: cover; object-position: center;}
.empList > li dl{ flex: 1; min-width: 0px; }
.empList > li dt{ display: flex; flex-direction: column; gap: 0.5rem; align-items: start;}
.empList > li dt .badge{ font-size: 0.75rem; color:#fff; padding:0.25rem 1.25rem; border-radius: 0.25rem; }
.empList > li dt .badge.col1{ background:#0087E6;}
.empList > li dt .badge.col2{ background:#245592;}
.empList > li dt strong{ font-size: 1.3rem; font-weight: 700; color: #111;}

.empList .info{ margin-top: 2rem;}
.empList .info > li + li{ margin-top: 1rem;}
.empList .info > li{ display: flex; gap: 1rem; flex-wrap: wrap;}
.empList .info > li > strong{ position:relative; min-width: 5rem; padding-right: 0.5rem; margin-right: 0.5rem; font-weight: 600;}
.empList .info > li > strong:before{ content:""; position:absolute; right: 0; top: 25%; height: 50%; border-right: 1px solid #ccc;}
.empList .info > li > strong i{ margin-right: 0.5rem; font-size: 0.9em; font-weight: 400;}
.empList .info > li.row{ display: block;}
.empList .info > li.row > strong{ display: block; margin-bottom: 0.5rem;}
.empList .info > li.row > strong:before{ display: none;}

/* International Student */
.ico_list li{ font-size: 0.8rem; display: flex; line-height: 1rem; padding:7px 0;}
.ico_list li > .tit{ min-width: 6rem; font-weight: 600; color:#245592; }
.ico_list li > .tit i{ font-weight: 400; padding-right: 0.75rem;}
.deptIntro_img{ display: flex; overflow:hidden; border-radius: 0.5rem; margin-bottom: 3rem;}
.deptIntro_img .img{ flex: 1; min-width: 0px;}
.deptIntro_img .img img{ object-fit: cover; width:100%; height: 100%; }
.deptIntro_img .inr{ width: 50%; display: flex; flex-direction: column; justify-content: center; align-items: center; padding:1rem 2rem; min-height:18rem; color:#fff; background:#0F3360 url('../../../images/template/00002/sub_cnt/bg_0104.png') no-repeat center;}
.deptIntro_img .inr p{ font-size: 0.7rem; letter-spacing: 5px;  text-align: center;}
.deptIntro_img .inr strong{ display: block; margin-top: 0.25rem; font-weight: 700; font-size: 1.5rem; letter-spacing: 1px; text-transform: uppercase; text-align: center;}
.deptIntro{ display: none;}
.deptIntro.on{ display: block;}
.deptIntro .txt{ line-height: 1.6; font-size: 0.85rem; margin-top: 1rem;}
.deptIntro .no_data{ justify-content: center; color: #555; }
.dept_call{ display: flex; align-items: center; margin-top: 3rem; border-radius: 0.5rem; padding:1rem; font-size: 0.85rem; line-height: 1rem; background:#F4F4F4;}
.dept_call i{ padding-right:0.5rem; font-size: 1rem;}
.dept_call strong{ font-weight: 600; color:#111;}

/* Visit CWNU */
.map_wrap .map_box{ height: 25rem; border-radius: 1rem; border: 1px solid #ccc; }
.map_wrap .map_location > ul > li{ display: flex; align-items: center; gap: 2rem ; padding: 1.5rem 0;;}
.map_wrap .map_location > ul > li + li{ border-top: 1px solid #ccc;}
.map_wrap .map_location > ul > li .ico{ display: flex; align-items: center; justify-content: center; width: 4.5rem; height: 4.5rem; font-size: 1.5rem; color:#0087E6; border-radius:50%; background:#E8F5FF; }
.map_wrap .map_location > ul > li dl{ flex: 1; min-width: 0px; }
.map_wrap .map_location > ul > li dt{ font-weight: 600; font-size: 1rem; margin-bottom: 0.5rem;}

/* Elementary English Camp : Introduction STEP */
.step_st_wrap dl{ display: flex; gap: 2rem; padding-top:1.5rem;}
.step_st_wrap dt{ position:relative; min-height: 6rem; flex: 1; display: flex; align-items: center; justify-content: center; flex-direction: column; padding:1rem; text-align: center; border-radius: 1rem; font-size: 0.8rem;}
.step_st_wrap dt strong{ font-size: 1.1rem; font-weight: 600; }
.step_st_wrap dt:before{ content:""; position:absolute; left:50%; top:-1.5rem; height:1.5rem; border-right:1px solid #ddd;}
.step_st_wrap dl:first-of-type dt:before{ display: none;}
.step_st_wrap dl.step01 dt{ color:#0087E6; border:1px solid #0087E6; background:#EBF6FD;}
.step_st_wrap dl.step02 dt{ color:#00846E; border:1px solid #00846E; background:#E7F7F3;}
.step_st_wrap dl.step03 dt{ color:#00846E; border:1px solid #00846E; background:#E6F3F1;}
.step_st_wrap dl.step04 dt{ color:#245592; border:1px solid #245592; background:#EAEEF5;}
.step_st_wrap dd{ flex: 3; min-width:0; width: 100%; padding: 0.5rem 0;}

/* Elementary English Camp : Communication Skills */
.cmmSkils{ display: flex; border-radius: 1rem; border:1px solid #C6D0D7; overflow: hidden;}
.cmmSkils h4{ width:13.5rem; color:#111; font-weight: 700; font-size: 1.2rem; padding:1.5rem 1.75rem; background:#ECF7FF;}
.cmmSkils h4:after{ content:""; display: block; height: 62px; margin-top: 1rem; background:url('../../../images/template/00002/sub_cnt/ico_cmmSklis.png') no-repeat left center}
.cmmSkils .inr{ flex: 3; min-width: 0px; width: 100%; padding:1.5rem 2rem;}
.cmmSkils .inr dl + dl{ margin-top: 1rem;}
.cmmSkils .inr dt{ display: inline-block; min-width: 9rem; color:#fff; font-weight: 600; padding:0.5rem; border-radius: 0.4rem; text-align: center;}
.cmmSkils .inr dd{ padding:0.75rem 1rem;}
.cmmSkils .inr dl.col1 dt{ background:#0087E6; }
.cmmSkils .inr dl.col2 dt{ background:#0F60C5; }
.cmmSkils .inr dl.col3 dt{ background:#245592; }

/* sitemap */
/* .sitemap_warp{ display: flex; flex-wrap: wrap;}
.sitemapBox{ height: auto;}
.sitemapBox h3{ font-size: 1rem; font-weight: 700; height: auto; line-height: 1.4; padding: 0.5rem 0;}
.siteMap > li a{ font-size: 0.9rem;} */

	/* 수강생모집_회차별모집안내 */
.ifrmp_list > li {padding-top:40px; background:url('/images/web/lang/sub_cnt/arr_ifrmp_list.png') no-repeat center 12px;}
.ifrmp_list > li:first-child {padding-top:0; background:none;}
.ifrmp_list li dl {position:relative; height:100%; padding-left:200px; word-break:keep-all;}
.ifrmp_list li dl dt {position:absolute; left:0; top:0; width:180px; height:100%; padding:10px 20px; display:table; color:#fff; text-align:center; font-size:17px; font-family:'NotoM'; background:#024289; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
.ifrmp_list li dl dt:before {content:""; display:block; position:absolute; left:0; bottom:0; width:20px; height:20px; background:url('/images/web/lang/sub_cnt/bg_lb.png') no-repeat;}
.ifrmp_list li dl dt:after {content:""; display:block; position:absolute; right:0; top:0; width:20px; height:20px; background:url('/images/web/lang/sub_cnt/bg_rt.png') no-repeat;}
.ifrmp_list li dl dt span {display:table-cell; vertical-align:middle;}
.ifrmp_list li dl dd {padding:20px; border:2px solid #024289;}
.ifrmp_list li:nth-child(even) dl dt {background:#00a390;}
.ifrmp_list li:nth-child(even) dl dd {border:2px solid #00a390;}

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

	/* Organization Chart */
	.org_wrap .org1{ padding:1.5rem 0; gap: 1rem;}
	.org_wrap .org2:before{ left:calc(16.66% - 0.3rem); top: 0; width: 68%;}
	.org_wrap .org2 > ul{ gap: 0 1rem; }
}

@media screen and (max-width:840px) {
	/* about OIA */
	.map_select .inr{ display: block;}
	.map_select .inr ul{ display: flex; gap: 0.5rem; flex-wrap: wrap;}
	.map_select .inr li{ width:calc((100% - 1rem)/3); position:relative; left: auto !important; right: auto !important; top: auto !important; bottom: auto !important; }
	.map_select .inr li a{ display: flex; align-items: center; justify-content: center; height: 100%; padding: 1rem; color:#fff; border-radius: 0.25rem; background: #007FBA; border:2px solid #007FBA;}
	.map_select .inr li a:hover,
	.map_select .inr li a:focus,
	.map_select .inr li.on a{ background:#fff; color:#007FBA;}
	.map_select .inr li a:before,
	.map_select .inr li a:after{ display: none;}
	.map_select .inr > p{ display: none;}
}

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

	/* Organization Chart */
	.org_wrap .org1 > p > .txt{ font-size: 1.1rem;}
	.org_wrap .org2:before,
	.org_wrap .org2 > ul > li:before{ display: none;}
	.org_wrap .org2{ padding:2rem; border:1px solid #ccc; border-radius: 2rem;}
	.org_wrap .org2 > ul{ flex-direction: column; gap: 2rem;}
	.org_wrap .org2 > ul > li{ width: 100%; padding-top: 0;}

	/* Contact List */
	.empList > li{ padding: 1.5rem 0; gap: 1.5rem;}
	.empList > li dt strong{ font-size: 1.2rem;}
	.empList .info{ margin-top: 1rem;}

	/* Visit CWNU */
	.map_wrap .map_box{ height: 20rem; }
	.map_wrap .map_location > ul > li{ align-items: start; gap: 1rem; }
	.map_wrap .map_location > ul > li .ico{ width: 3.5rem; height: 3.5rem; font-size: 1.2rem;}

	/* Elementary English Camp : Introduction STEP */
	.step_st_wrap dl{ gap: 1rem;}

	/* Elementary English Camp : Communication Skills */
	.cmmSkils{ flex-direction: column;}
	.cmmSkils h4{ width:100%; font-size: 1.2rem; padding:1rem 1.5rem; background:#ECF7FF;}
	.cmmSkils h4:after{ display: inline-block; width: 40px; height: 40px; margin-top: 0; margin-left: 1rem; background-size: contain; vertical-align:middle;}
	.cmmSkils .inr{ padding:1rem 1.5rem;}

	/* International Student */
	.deptIntro_img .img img{ object-fit: cover; width:100%; height: 100%; }
	.deptIntro_img .inr{ min-height: 0px; padding:2rem 1rem; }
	.deptIntro_img .inr strong{ font-size: 1.25rem;}

	/* 0401 About OIA */
	.global_trty{ background:none; border:none; padding:0;}
	.global_trty .map_wrap{ display: block; width: 100%;}
	.global_trty .map{ display: none; }
	.global_trty ul{ display: flex; gap: 0.5rem; flex-wrap: wrap;}
	.global_trty ul li{ position:relative; height: 3rem; left:auto !important; top:auto !important; right: auto !important; bottom:auto !important; width:calc((100% - 1rem)/3); }
	.global_trty ul li a{ display: flex; align-items: center; justify-content: center; width: 100%; left:auto !important; bottom:auto !important; height: 100%; line-height: 1.3; font-size: 0.9rem; padding: 1rem; white-space: wrap; background:#F2F8FF; border-radius: 0.5rem; border: 1px solid #245592;}
	.global_trty ul li a.ov{ color:#fff; background:#245592;}
	.global_trty ul li a span{ display: none;}

		/* 수강생모집_회차별모집안내 */
	.ifrmp_list li dl {margin-top:20px; padding-left:0;}
	.ifrmp_list li dl dt {left:50%; top:-20px; width:300px; height:auto; padding:10px 10px; margin-left:-150px; display:block;}
	.ifrmp_list li dl dt span {display:block;}
	.ifrmp_list li dl dt span br {display:none;}
	.ifrmp_list li dl dd {padding:30px 20px 20px;}
}

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

	/* Organization Chart */
	.org_wrap h2 span{ width: 8rem; height: 8rem;}

	/* Elementary English Camp : Introduction STEP */
	.step_st_wrap dl{ flex-direction: column; gap: 0;}
	.step_st_wrap dt:before{ display: none;}
	.step_st_wrap dt{ min-height: 0px;}
	.cmmSkils .inr dd{ padding: 0.5rem 0;}
}

@media screen and (max-width:480px) {
	
	/* Contact List */
	.empList > li{ flex-direction: column; align-items: center;}
	.empList > li dl{ width: 100%;}

	/* International Student */
	.deptIntro_img{ flex-direction: column;}
	.deptIntro_img .img{ flex: none; height: 8rem;}
	.deptIntro_img .inr{ width: 100%;}
	.deptIntro_img .inr strong{ font-size: 1.2rem;}
}

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

	/* Organization Chart */
	.org_wrap .org2{ padding:1rem; border-radius: 1rem;}

	/* Visit CWNU */
	.map_wrap .map_box{ height: 18rem; }
	.map_wrap .map_location > ul > li{ gap: 0.75rem; }
	.map_wrap .map_location > ul > li .ico{ width: 3rem; height: 3rem; }

	/* Elementary English Camp : Communication Skills */
	.cmmSkils h4:after{ display: none;}
}