@charset "utf-8";
@import url(content01.css);
@import url(content02.css);
@import url(content03.css);

/**************************************************
	Main CSS Document
	IEETU Web Standardization Team
	2021-01-01
**************************************************/

/**************************************************
	Common
**************************************************/

/**************************************************
	Content
**************************************************/
/*로그인*/ 
.login_wrap {background:url(../images/content/login_bg.png) no-repeat center center; background-size:cover; padding:90px 0; border:solid 1px #c7d7f2;}
.login_wrap .tit {margin:0 auto; /*padding-left:100px; background:url(../images/content/login_icon.png) no-repeat 5px 4px;*/ font-size:16px; color:#555; letter-spacing:-1.4px; line-height:1.2; text-align:center;}
.login_wrap .tit strong {font-size:32px; display:block; color:#141414; font-weight:bold; padding-bottom:10px; }
.login_wrap .tit span{color:#e21448; font-weight:bold;}
.login_wrap .ipt_wrap {max-width:492px; padding-right:122px; position:relative; margin:30px auto 0;}
.login_wrap .ipt_wrap input {width:100%; height:52px; margin-bottom:10px;}
.login_wrap .ipt_wrap #password{font-family:'맑은 고딕' !important;}
.login_wrap .ipt_wrap .btn {display:block; width:116px; height:116px;  border:0; font-size:18px; background:#004bb8; color:#fff; text-align:center; line-height:114px; position:absolute; right:0; top:0; }
.find_id {overflow:hidden;}
.find_id li {float:left; width:50%; position:relative; padding:40px 0 60px 40px;}
.find_id li:before {content:''; display:block; width:1px; height:66px; position:absolute; right:0; top:40px; background:#c7d7f2;}
.find_id li:last-child:before {display:none;}
.find_id li a{display:block;}
.find_id li a strong {display:block; font-size:20px; font-weight:normal; color:#141414; letter-spacing:-1px;}
.find_id li a span {font-size:18px; color:#004bb8; display:inline-block;}
.find_id li a span:after {content:''; display:inline-block; width:20px; height:20px; background:url(../images/content/login_bullet.png) no-repeat;position:relative; top:4px;vertical-align: top; margin-left:6px;}

/* 약관동의 */
.box_agree_com{padding:40px; background:#f6f6f6;}
.box_agree_com .area_chk_all{margin:0 0 20px;}
.box_agree_com .area_chk_all .btn_chkbox2{font-weight:700; font-size:2rem;}
.box_agree_com .area_chk_all .txt{margin:10px 0 0 27px;}
.box_agree_com > .inr{padding:40px; border:1px solid #dcdcdc; border-radius:10px; background:#fff;}
.box_agree_com .group_agree{padding:40px 0; border-bottom:1px solid #dcdcdc;}
.box_agree_com .group_agree:first-child{padding-top:0;}
.box_agree_com .group_agree:last-child{padding-bottom:0; border-bottom:0;}
.box_agree_com .group_agree .btn_open{display:block; position:relative; width:100%; margin-bottom:15px; background:none; font-weight:700; font-size:1.8rem; text-align:left;}
.box_agree_com .group_agree .btn_open:after{content:''; position:absolute; top:50%; right:0; width:22px; height:12px; background:url(../images/common/ico_agree_barr.png) no-repeat 0 0; transform:translateY(-50%) scaleY(-1);}
.box_agree_com .group_agree.open .btn_open:after{transform:translateY(-50%);}
.box_agree_com .group_agree .btn_open:not(:has(+ .area_terms)):after{display:none;}
.box_agree_com .group_agree .area_terms{display:none; height:400px; overflow:hidden; overflow-y:auto; padding:40px; border:1px solid #dcdcdc; border-radius:8px;}
.box_agree_com .group_agree.open .area_terms{display:block;}
.box_agree_com .group_agree .box_chk{display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; margin-top:13px; padding:15px 40px; border-radius:8px; background:#f4f4f4;}
.box_agree_com .group_agree .box_chk .area_chk{margin-left:auto;}
.box_agree_com .group_agree .inp_wrap:last-child input + label{margin-right:0;}
.c_edu_apply .btn_wrap{margin:30px 0 0;}

/* 사이트맵 */
.cont_sitemap .sitemap_lst{display:flex; gap:30px;}
.cont_sitemap .sitemap_lst > li{flex:1;}
.cont_sitemap .sitemap_lst > li > a{display:block; padding:25px 0; background:#ecf1fe; font-weight:700; font-size:2.2rem; text-align:center;}
.cont_sitemap .sitemap_lst > li > ul{margin-top:10px;}
.cont_sitemap .sitemap_lst > li > ul > li{border-bottom:1px solid #ced4e6;}
.cont_sitemap .sitemap_lst > li > ul > li > a{display:block; position:relative; padding:10px 0 10px 25px; font-weight:700; font-size:1.7rem;}
.cont_sitemap .sitemap_lst > li > ul > li > a:before{content:''; position:absolute; top:20px; left:6px; width:4px; height:4px; border-radius:50%; background:#203647;}
.cont_sitemap .sitemap_lst > li > ul > li > ul{padding:0 0 0 25px; border-top:1px solid #ced4e6;}
.cont_sitemap .sitemap_lst > li > ul > li > ul > li:not(:last-child){border-bottom:1px dotted #d8deea;}
.cont_sitemap .sitemap_lst > li > ul > li > ul > li > a{display:block; position:relative; padding:10px 0 10px 14px; font-size:1.6rem;}
.cont_sitemap .sitemap_lst > li > ul > li > ul > li > a:before{content:''; position:absolute; top:20px; left:3px; width:4px; height:4px; border:1px solid #2e2e2e; border-width:1px 1px 0 0; transform:rotate(45deg);}
/* 컨텐츠 헤드라인 타이틀 */
.cont_headline{position:relative; margin-bottom:30px; font-size:2.8rem; text-align:center;}
.cont_headline:after{content:''; display:block; width:2px; height:36px; margin:25px auto 0; background-color:#2303e8;}
/* 체험관 신청안내 */
.c_world_guide .box_img{display:flex; justify-content:center; gap:40px; margin-bottom:80px;}
.c_world_guide .item_guide{display:flex; padding:40px 0; border-top:2px solid #213748; border-bottom:1px solid #213748;}
.c_world_guide .item_guide .item{flex:1; padding:0 15px;}
.c_world_guide .item_guide .item:not(:first-child){border-left:1px dashed #c1c1c1;}
.c_world_guide .item_guide .item h4{font-size:2.2rem; text-align:center;}
.c_world_guide .item_guide .item h4:after{content:''; display:block; width:112px; height:112px; margin:15px auto; background:url(../images/content/ico_expcenter01.png) no-repeat 0 0/cover;}
.c_world_guide .item_guide .item:nth-child(2) h4:after{background-image:url(../images/content/ico_expcenter02.png);}
.c_world_guide .item_guide .item:nth-child(3) h4:after{background-image:url(../images/content/ico_expcenter03.png);}
.c_world_guide .item_guide .item:nth-child(4) h4:after{background-image:url(../images/content/ico_expcenter04.png);}
.c_world_guide .box_map{border-top:1px solid #ddd;}
.c_world_guide .box_map > li{display:flex; align-items:center; padding:40px 0; border-bottom:1px solid #ddd;}
.c_world_guide .box_map .box_l{flex-shrink:0; display:flex; align-items:center; gap:15px; width:275px; font-size:2.4rem;}
.c_world_guide .box_map .box_l:before{content:''; flex-shrink:0; width:70px; height:70px; background:url(../images/content/ico_map.png) no-repeat 0 0;}
.c_world_guide .box_map > li:nth-child(2) .box_l:before{background-position:100% 0;}
.c_world_guide .box_map .box_r{display:flex; flex-wrap:wrap; flex:1; justify-content:space-between; align-items:center; gap:20px;}
/* 체험관 프로그램 안내 */
.c_world_exp .conBox0{border-top:2px solid #000;}
.c_world_exp .box_world_top{display:flex; gap:50px;}
.c_world_exp .box_world_top .box_l{width:min(401px,50%);}
.c_world_exp .box_world_top .box_r{flex:1;}
.c_world_exp .box_world_top .conLst{padding:20px 0; border-top:1px dotted #ddd; border-bottom:1px dotted #ddd;}
.c_world_exp .box_world_top .conLst > li{display:flex; gap:20px;}
.c_world_exp .conTit3 span{margin-left:15px; font-weight:400; font-size:1.7rem;}
.c_world_exp .lst_prg{display:flex; flex-wrap:wrap; gap:20px;}
.c_world_exp .lst_prg > li{width:calc(50% - 10px); padding:35px 40px; border-radius:8px; background-color:#f5f6ff;}
.c_world_exp .lst_prg > li:nth-child(4n + 2),
.c_world_exp .lst_prg > li:nth-child(4n + 3){background-color:#f6f6f6;}
.c_world_exp .lst_prg > li h4{margin-bottom:15px; padding-bottom:20px; border-bottom:1px solid #ccc; font-size:2.1rem; text-align:center;}
.c_world_exp .lst_prg > li h4:not(:has(+ ul)){border-bottom:0; margin-bottom:0; padding-bottom:0;}

/* 1024 ~ 1259px */
@media all and (max-width:1259px){
	/**************************************************
		Common
	**************************************************/

	/**************************************************
		Content
	**************************************************/
	/* 사이트맵 */
	

}

/* ~ 1023px */
@media all and (max-width:1023px){
	/**************************************************
		Common
	**************************************************/


	/**************************************************
		Content
	**************************************************/
	/* 약관동의 */
	.box_agree_com{padding:16px;}
	.box_agree_com .area_chk_all{margin-bottom:10px;}
	.box_agree_com .area_chk_all .btn_chkbox2{font-size:1.6rem;}
	.box_agree_com > .inr{padding:16px;}
	.box_agree_com .group_agree{padding:20px 0;}
	.box_agree_com .group_agree .btn_open{font-size:1.6rem;}
	.box_agree_com .group_agree.open .area_terms{padding:16px;}
	.box_agree_com .group_agree .box_chk{padding:15px 20px;}
	/* 사이트맵 */
	.cont_sitemap .sitemap_lst{gap:20px;}
	.cont_sitemap .sitemap_lst > li > a{padding:15px 0; font-size:1.8rem;}
	.cont_sitemap .sitemap_lst > li > ul > li > a{padding-left:20px; font-size:1.5rem;}
	.cont_sitemap .sitemap_lst > li > ul > li > a:before{top:18px;}
	.cont_sitemap .sitemap_lst > li > ul > li > ul{padding-left:20px;}
	.cont_sitemap .sitemap_lst > li > ul > li > ul > li > a{font-size:1.4rem;}
	.cont_sitemap .sitemap_lst > li > ul > li > ul > li > a:before{top:18px;}

}

/* ~ 767px */
@media all and (max-width:767px){
	/**************************************************
		Common
	**************************************************/

	/**************************************************
		Content
	**************************************************/
	/* 사이트맵 */
	.cont_sitemap .sitemap_lst{flex-wrap:wrap; gap:20px 10px;}
	.cont_sitemap .sitemap_lst > li{flex:auto; width:calc(50% - 5px);}
	/* 체험관 신청안내 */
	.cont_headline{margin-bottom:20px; font-size:2rem;}
	.cont_headline:after{height:28px; margin-top:20px;}
	.c_world_guide .box_img{gap:16px; margin-bottom:40px;}
	.c_world_guide .item_guide{flex-direction:column; padding:24px 0;}
	.c_world_guide .item_guide .item{padding:12px 0;}
	.c_world_guide .item_guide .item:not(:first-child){border:0; border-top:1px dashed #c1c1c1;}
	.c_world_guide .item_guide .item h4{margin-bottom:12px; font-size:1.9rem; text-align:left;}
	.c_world_guide .item_guide .item h4:after{display:none;}
	.c_world_guide .box_map > li{flex-direction:column; align-items:normal; gap:16px; padding:24px 0;}
	.c_world_guide .box_map .box_l{gap:12px; font-size:1.9rem;}
	.c_world_guide .box_map .box_l:before{width:45px; height:45px; background-size:cover;}
	.c_world_guide .box_map .box_r{gap:0;}
	/* 체험관 프로그램 안내 */
	.c_world_exp .box_world_top{gap:16px;}
	.c_world_exp .box_world_top .conLst{padding:16px 0;}
	.c_world_exp .lst_prg{gap:16px;}
	.c_world_exp .lst_prg > li{padding:24px;}

}

/* ~ 639px */
@media all and (max-width:599px){
	/**************************************************
		Common
	**************************************************/

	/**************************************************
		Content
	**************************************************/
	/* 체험관 프로그램 안내 */
	.c_world_exp .box_world_top{flex-direction:column; align-items:center;}
	.c_world_exp .box_world_top .box_l{width:100%;}
	.c_world_exp .box_world_top .box_r{width:100%;}
	.c_world_exp .conTit3 span{font-size:1.5rem;}
	.c_world_exp .lst_prg{flex-direction:column;}
	:root .c_world_exp .lst_prg > li{width:100%; background-color:#f5f6ff;}
	.c_world_exp .lst_prg > li:nth-child(2n){background-color:#f6f6f6;}
	.c_world_exp .lst_prg > li h4{padding-bottom:16px; font-size:1.9rem;}
	
}

/* ~ 537px */
@media all and (max-width:537px){
	/**************************************************
		Common
	**************************************************/

	/**************************************************
		Content
	**************************************************/
	/* 사이트맵 */
	

}