@CHARSET "UTF-8";

/* 인사말 */
.overseas_wrap .greetings_box{display:flex; align-items:flex-start; gap:40px;}
.overseas_wrap .greetings_box .img_box{width:290px; padding:50px; background: #f8f8f8; box-sizing:border-box;}
.overseas_wrap .greetings_box .img_box .img_wrap img{max-width:100%;}
.overseas_wrap .greetings_box .img_box .name_wrap{line-height:1; margin-top:20px; text-align:center; color:#000; font-size:2.5rem; font-weight:700;}
.overseas_wrap .greetings_box .img_box .name_wrap span{display:block; margin-bottom:10px; font-size:1.7rem; font-weight:600;}
.overseas_wrap .greetings_box .greeting_txtbox{width:calc(100% - 340px);}
.overseas_wrap .greetings_box .greeting_txtbox .tit{position:relative; margin-bottom:30px; padding-bottom:30px; line-height:1.4; font-size:3rem; font-weight:600; color:#143077;}
.overseas_wrap .greetings_box .greeting_txtbox .tit::before{content:""; position: absolute; bottom:0; left:0; width:80px; height:2px; background:#143077;}
.overseas_wrap .greetings_box .greeting_txtbox .txt_box p{font-size:1.9rem; color:#555;}
.overseas_wrap .greetings_box .greeting_txtbox .txt_box p:nth-child(n+2){margin-top:30px;}

/* 조직도 */
.overseas_wrap .activity_list dl{display:flex; gap:20px;}
.overseas_wrap .activity_list dl:nth-child(n+2){margin-top:20px;}
.overseas_wrap .activity_list dl dt{display:flex; flex-direction:column; justify-content:space-between; gap:5px; width:274px; padding:30px; font-size:2.6rem; font-weight:700; color:#fff; border-radius:20px; background: #143077; box-sizing:border-box;}
.overseas_wrap .activity_list dl dt::after{content:""; align-self:flex-end; display: block; width:47px; height:44px; background-size: 100% auto; background-repeat: no-repeat;}
.overseas_wrap .activity_list dl dt.icon01::after{background-image: url("/nanum/site/builder/dir/main/img/menu6034/activity_icon01.png");}
.overseas_wrap .activity_list dl dt.icon02::after{background-image: url("/nanum/site/builder/dir/main/img/menu6034/activity_icon02.png");}
.overseas_wrap .activity_list dl dt.icon03::after{background-image: url("/nanum/site/builder/dir/main/img/menu6034/activity_icon03.png");}
.overseas_wrap .activity_list dl dt.icon04::after{background-image: url("/nanum/site/builder/dir/main/img/menu6034/activity_icon04.png");}
.overseas_wrap .activity_list dl dt.icon05::after{background-image: url("/nanum/site/builder/dir/main/img/menu6034/activity_icon05.png");}
.overseas_wrap .activity_list dl dt.icon06::after{background-image: url("/nanum/site/builder/dir/main/img/menu6034/activity_icon06.png");}
.overseas_wrap .activity_list dl dt.icon07::after{background-image: url("/nanum/site/builder/dir/main/img/menu6034/activity_icon07.png");}

.overseas_wrap .activity_list dl dd{display:flex; align-items:center; width:calc(100% - 294px); padding:30px; border-radius:20px; background: #f3f3f3; box-sizing:border-box;}
.overseas_wrap .activity_list dl dd .list > li{font-size:1.9rem;}
.overseas_wrap .activity_list dl dd .list > li::after{top:10px;}
.overseas_wrap .activity_list dl dd .list2 > li{font-size:1.8rem;}
.overseas_wrap .activity_list dl dd .list2 > li::after{top:10px;}

/*동문*/
/* 조직도 */
.overseas_wrap .org_box.classmate::after{height: 361px;}
.overseas_wrap .org_box.classmate .org_list{align-self:center; gap:30px; width:918px;}
.overseas_wrap .org_box.classmate .org_list::after{width:712px;}
.overseas_wrap .org_box.classmate .org_list li{width:calc(100% / 4)}
.overseas_wrap .org_box.classmate .org_list li:nth-child(4)::after{display: block;}

/* 동창회비 */
.overseas_wrap .line_box{display:flex; align-items:center; justify-content:space-between; padding:80px 40px;}
.overseas_wrap .line_box::after{content:""; display:block; width:260px; height:130px; background-size: 100% auto; background-repeat: no-repeat;}
.overseas_wrap .line_box.bank01::after{background-image: url("/nanum/site/builder/dir/main/img/menu6034/bank_icon01.png");}
.overseas_wrap .bank_txt .tit{line-height:1.4; font-size:4rem; font-weight:700;}
.overseas_wrap .bank_txt .txt{font-size:2.5rem; color:#555;}

/* 발전기금 */
.overseas_wrap .bank_generation dl{display:flex; gap:0 80px;}
.overseas_wrap .bank_generation dl:nth-child(n+2){margin-top:50px;}
.overseas_wrap .bank_generation dl dt{width:280px;}
.overseas_wrap .bank_generation dl dd{width:calc(100% - 360px);}
.overseas_wrap .bank_generation dl dd > .tit{margin-bottom:20px; line-height:1; font-size:3rem;}
.overseas_wrap .bank_generation dl dd > .bank_list{display:flex; align-items:center; gap:0 30px; width:100%;}
.overseas_wrap .bank_generation dl dd > .bank_list li{display:flex; flex-direction:column; align-items:center; gap:60px 0; width:calc(33.333% - 15px); padding:50px 0; text-align:center; font-size:2rem; font-weight:700; border:1px solid #ddd; border-radius:15px;}
.overseas_wrap .bank_generation dl dd > .bank_list li::before{content:""; display:block; width:196px; height:84px; background-size: 100% auto; background-repeat: no-repeat;}
.overseas_wrap .bank_generation dl dd > .bank_list li.bank01::before{background-image: url("/nanum/site/builder/dir/main/img/menu6034/bank_icon01.png");}
.overseas_wrap .bank_generation dl dd > .bank_list li.bank02::before{background-image: url("/nanum/site/builder/dir/main/img/menu6034/bank_icon02.png");}
.overseas_wrap .bank_generation dl dd > .bank_list li.bank03::before{background-image: url("/nanum/site/builder/dir/main/img/menu6034/bank_icon03.png");}

.overseas_wrap .development{display:flex; flex-direction:column; align-items:center; justify-content:center; margin-top:80px; padding:60px 30px; text-align:center; border-radius:10px; background-image: url("/nanum/site/builder/dir/main/img/menu6034/development_bg.jpg"); background-size: cover; background-position: center;}
.overseas_wrap .development p{margin-bottom:40px; line-height:1.4; font-size:3.5rem; color:#fff;}
.overseas_wrap .development a{display:inline-block; line-height:1.2; font-size:2.5rem; color:#fff;}
.overseas_wrap .development a::after{content:""; display:block; width:0; height:1px; background: #fff; transition:.3s;}

/********************태블릿********************/
@media all and (max-width:1024px){
	
	/* 인사말 */
	.overseas_wrap .greetings_box .img_box{width:200px; padding:30px;}
	.overseas_wrap .greetings_box .greeting_txtbox{width:calc(100% - 240px);}

	/* 동창회비 */
	.overseas_wrap .bank_txt .tit{font-size:3.4rem;}
	
	/* 발전기금 */
	.overseas_wrap .bank_generation dl{flex-direction:column;}
	.overseas_wrap .bank_generation dl dt{width:100%;}
	.overseas_wrap .bank_generation dl dd{width:100%;}

	.overseas_wrap .development p{font-size:3rem;}

	
}


/********************모바일********************/
@media all and (max-width:767px){
	
	/* 인사말 */
	.overseas_wrap .greetings_box{gap:3vh;}
	.overseas_wrap .greetings_box .img_box{width:20vw; min-width:150px; padding:2vh;}
	.overseas_wrap .greetings_box .greeting_txtbox{width:calc(100% - 20vw);}
	.overseas_wrap .greetings_box .greeting_txtbox .tit{margin-bottom:2vh; padding-bottom:2vh; font-size:2.5rem;}
	.overseas_wrap .greetings_box .greeting_txtbox .txt_box p{font-size:1.7rem;}
	.overseas_wrap .greetings_box .greeting_txtbox .txt_box p:nth-child(n+2){margin-top:2vh;}
	
	/* 조직도 */
	.overseas_wrap .activity_list dl{flex-direction:column; gap:1vh;}
	.overseas_wrap .activity_list dl dt{flex-direction:row; width:100%; padding:2vh; font-size:2.3rem;}
	.overseas_wrap .activity_list dl dt::after{width:32px; height: 29px;}
	.overseas_wrap .activity_list dl dd{width:100%; padding:2vh;}
	
	/* 동아리 소개 */
	.overseas_wrap .club_box dl{flex-direction:column; gap:3vh;}
	.overseas_wrap .club_box dl:nth-child(n+2){margin-top:6vh;}
	.overseas_wrap .club_box dl dt{width:100%; padding:0;}
	.overseas_wrap .club_box dl dt::before{display: none;}
	.overseas_wrap .club_box dl dt .img_form{border-radius:10px;}
	
	.overseas_wrap .club_box dl:nth-child(even){flex-direction:column;}
	.overseas_wrap .club_box dl:nth-child(even) dt{padding:0;}
	.overseas_wrap .club_box dl:nth-child(even) dt .img_form{border-radius:10px;}
	
	.overseas_wrap .club_box dl dd{width:100%; padding-top:0;}
	.overseas_wrap .club_box dl dd .txt{margin-top:1.5vh; padding-top:1.5vh;}
	
	/* 동창회비 */
	.overseas_wrap .line_box{flex-direction:column-reverse; padding:4vh 2vh;}
	.overseas_wrap .line_box::after{width:100%; max-width:200px; height: 100px;}
	.overseas_wrap .line_box .bank_txt{text-align:center;}
	.overseas_wrap .bank_txt .tit{font-size:3rem;}
	.overseas_wrap .bank_txt .txt{font-size:2.3rem;}
	
	/* 발전기금 */
	.overseas_wrap .bank_generation dl dd > .tit{font-size:2.2rem;}
	.overseas_wrap .bank_generation dl dd > .bank_list{flex-wrap:wrap; gap:2vh;}
	.overseas_wrap .bank_generation dl dd > .bank_list li{gap:1vh; width:100%; padding:3vh;}
	.overseas_wrap .bank_generation dl dd > .bank_list li::before{width:120px; height:55px;}
	
	.overseas_wrap .development{margin-top:6vh; padding:4vh 2vh;}
	.overseas_wrap .development p{margin-bottom:2vh; font-size:2.3rem;}
	.overseas_wrap .development a{font-size:2rem;}
	
}

/********************모바일********************/
@media all and (max-width:480px){
	
	/* 학생체험프로그램 - 체험기 */
	.overseas_wrap .overseas_exp dl dt > .tit{line-height:1.4; font-size:2.5rem;}
	.overseas_wrap .overseas_exp{padding:1vh;}
	.overseas_wrap .overseas_exp dl dd ul li > .txt{font-size:1.7rem;}
	
	.overseas_wrap .exp_list ul li{width:calc((100% / 3) - 1.5vh);}
	
	/* 학생회 */
	/* 인사말 */
	.overseas_wrap .greetings_box{flex-direction:column;}
	.overseas_wrap .greetings_box .img_box{width:100%; text-align:center;}
	.overseas_wrap .greetings_box .greeting_txtbox{width:100%;}
	
}

/********************웹********************/
@media all and (min-width:1025px) {
	
	.overseas_wrap .exp_list ul li a:hover{color:#143077; font-weight:700;}
	.overseas_wrap .exp_list ul li a:hover::after{background-image: url("/nanum/site/builder/dir/main/img/menu6034/name_icon_on.png");}
	
	.overseas_wrap .development a:hover::after{width:100%;}
	
}