@charset "utf-8";

/*Mobile*/
.global_system li{border-radius: 10px;padding: 30px;text-align: center;word-break: keep-all;}
.global_system li:nth-child(2n+1){background: #f4f4f8;}
.global_system li img{display: block;border-radius: 100%;max-width: 100%;margin: 0 auto;}
.global_system li strong{display: block;margin: 20px 0;color: #1b3b7f;font-size: 20px;letter-spacing: -1px;}
.global_system li span{display: block;font-size: 16px;}

input[type=submit].sbtn_go {background: url(/images/common/btn_go.png) no-repeat 86% center #fff;}
input[type=sibmit].sbtn_go::after {content:none;}
input[type=file].input_sel {width: 100%; padding: 3px; border-radius: 5px 20px 20px 5px;}

/*Tablet*/
@media all and (min-width:768px) {
.global_system{display: flex;flex-wrap: wrap;}
.global_system li{width: 33.33333%;box-sizing: border-box;padding: 20px;}

input[type=file].input_sel {width: calc(100%/2);margin-right: 10px; background: #fff; border: 1px solid #ddd; }

.bbs_table .bw_file input[type=text].file_name {width: calc(100% - 141px);height: auto;}
.bw_file .filebox {margin: 5px 0;}
}        
/*Desktop*/
@media all and (min-width:1023px) { 
.bbs_table .bw_file .memoarea {float: right; width: 50%;}
.bbs_table .bw_file .memoarea em {width:auto;}
.bbs_table .bw_file .filebox {width:50%;}
}

/*Desktop*/
@media all and (min-width:1200px) {
.bbs_search2 input[type=text].form_txt {width:auto;}
}            

/*교류수업 신청*/
.application{overflow:hidden;}
.application li{font-size:16px;border:2px solid #003668;height: 370px;position:relative;padding:0 10px;width: 100%;box-sizing: border-box;margin-bottom: 20px; border-radius:20px;}
.application span{font-size:20px; display:block; text-align:center; margin:0 auto; margin-top:15px; background: #003668; color:#fff; width:200px; height:35px; padding-top:5px; margin-bottom:40px; border-radius:20px;}
.applicationp{text-align:center; line-height:1.5em; }
.application .appli_1{margin-right:10px; }
.application .appli_btn a{display:block; width:180px; height:30px; background:#2358c3; color:#fff; text-align:center; position:absolute; bottom:10px;right:10px; padding-top:5px; border-radius:10px;}
  
@media all and (min-width:768px) {
.application{overflow:hidden;}
.application li{float:left;width: 48%;}
}

@media all and (min-width:1023px) {
.application .appli_1{text-align:center;}
.application li{height: 310px;padding: 20px;}
}
    
/*백그라운드 이미지 없애기*/
.bgimg_none{background-image:none;}  


/*global program의 contact the office*/
.contact_img{display:flex;gap: 20px 0;flex-direction:column;}
.contact_img .contact_con1 li{margin-bottom:15px;}
.contact_img .contact_con1 li p{color:var(--point1);}
.contact_img .contact_con2{padding-top:20px; border-top:1px #e1e1e1 solid;}
.contact_img .contact_con2 li{margin-bottom: 30px;text-align: center;}
.contact_img .contact_con2 p.txt1{margin-bottom: 11px;font-size: 19px;font-weight: 600;}
.contact_img .contact_con2 p.txt2{margin-bottom: 20px;}
.contact_img .contact_con2 p.txt2 a{font-style: italic;color: #999;}
.contact_img .contact_con2 img{ display:block; width:auto; max-width:100%; }
@media all and (min-width:768px) {
.contact_img .contact_con2{display:flex;gap: 0 70px;}   
.contact_img .contact_con2 li{margin-bottom:0;}
.contact_btn{display:flex;gap: 0 40px;justify-content: space-between;margin-top: 40px;}
}
@media all and (min-width:1400px) {
.contact_img{flex-direction:row;gap: 0 100px;}
.contact_img .contact_con1{flex-shrink:0;}
.contact_img .contact_con1 li{margin-bottom:30px;}
.contact_img .contact_con2{gap: 0 100px;padding-top:0;padding-left: 100px;border-top:none;border-left:1px #e1e1e1 solid;}
}
.feedback ul{display:flex;flex-direction:column;gap: 40px 0;margin-bottom: 30px;}
.feedback ul li{text-align:center;}
.feedback ul li:before{content:'';display:block;width:30px;height:30px;background:url(' /upload_data/board_data/BBS_CONTENT_FILE/174487183651643.jpg') no-repeat;background-size: contain;margin: 0 auto;}
.feedback ul li p.txt1{margin-bottom: 10px;color:#77b923;font-size:24px;font-weight:600;}
.feedback ul li p.txt2{margin-bottom: 10px;font-size: 20px;font;font-weight: 600;}    
.feedback ul li p.txt3{max-width: 320px;margin: 0 auto;padding: 20px 10px;background:#f8f8f8;border-radius:30px;}
.feedback ul li p.txt3 strong{font-size: 34px;}
.feedback ul li p.txt3 span{ display: inline-block; line-height: 34px; vertical-align: bottom;}
.feedback ul li:nth-of-type(1) p.txt3{background:#b8e0df;}
.feedback ul li:nth-of-type(2) p.txt3{background:#ffe99e;}
.feedback ul li:nth-of-type(3) p.txt3{background:#f9c6b1;}
@media all and (min-width:1400px) {
.feedback ul{width: 960px;flex-direction:row;gap: 0 5%;margin: 0 auto 40px;}
.feedback ul li{width: 33%;}
}
           

/*글로벌 캠프 이미지*/
.camp_photo{display:flex; flex-direction:column; flex-wrap:wrap;gap: 10px; }
.camp_photo img{width:100%;height: 200px;display:block;}
.camp_photo li span{display:block;border: 1px solid #003668;height: 35px;text-align:center;padding-top: 7px;}          

@media all and (min-width:768px) {
.camp_photo{flex-direction:row; justify-content:center;}
.camp_photo li{width:48%;}
}
@media all and (min-width:1023px) {
.camp_photo li{width: 32.33%;}
}

/*international exchange classes*/
.international_con{width:100#; margin:0 auto; text-align:center; padding-bottom:30px;}

.international_con .international_con_bg1{background:#e6f8f8;border-radius:0 0 10px 10px;margin-bottom:15px; padding-bottom: 15px;}
.international_con .international_con_bg2{background:#fffbe8;  border-radius:0 0 10px 10px; margin-bottom:15px; padding-bottom: 15px;}
.international_con .international_con_bg3{background:#fef0ed;  border-radius:0 0 10px 10px; padding-bottom: 15px;}

.international_con .inter_tit1, .international_con .inter_tit2, .international_con .inter_tit3{display:block; border-radius:10px 10px 0 0;  padding:10px 0;}
.international_con .inter_tit1{background:#00afaa; color:#fff;}
.international_con .inter_tit2{background:#fed219;  color:#000;}
.international_con .inter_tit3{background:#ec6245;color:#fff;}

.international_con .inter_icon{display:flex;justify-content: center;gap: 0 10px;margin-top:20px;margin-bottom:30px;border-bottom:1px solid #000;}
.international_con .inter_icon li{display:flex;flex-direction:column;justify-content: space-between;}
.international_con .inter_icon span{display:block;padding-top:10px;}
.international_con .inter_icon img{align-self: center;margin-top:20px;}

.international_con .inter_icon .inter_year{/* margin-top:14px; */}

@media all and (min-width:1023px) {
.international_con{display:flex; justify-content:space-between;}
.international_con>div{width:30.33%;margin-bottom: 0 !important;}
}