@charset "utf-8";
/* CSS Document */

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

}

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

#header .logo{ width: 14em;}
#header .side_wrap{ width: auto;}



}

@media screen and (max-width:1300px){
/******** MAIN ****************/
/*banner_side*/    
.mainTop .wrapIn .topCon .banner .icon {height: 60px;}
.mainTop .wrapIn .topCon .banner .tit_wrap .tit {font-size: 1.525em;}


}

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

#header .gnb_wrap {display: none;}

/******** MAIN ****************/
/*banner_side*/    
.mainTop .wrapIn .topCon .banner .icon {height: 55px;}
.mainTop .wrapIn .topCon .banner .tit_wrap .tit {font-size: 1.425em;}

}


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

/******** MAIN ****************/
/*main swiper*/    
.visualSlide_wrap .slogan .t1 {font-size: 2.5em;}
.visualSlide_wrap .slogan .t2 {font-size: 1.1em;}
/*banner_side*/    
.mainTop .wrapIn .topCon .banner .icon {height: 40px;width: 40px;right: 2em;bottom: 2em;}
.mainTop .wrapIn .topCon .banner .tit_wrap .tit {font-size: 1.325em;margin-bottom: 5px;}
.main_more.st1.s1 {width: 40px;height: 40px;color: #111; }
/*main cont1*/
.conLay .inner {gap: 2em;}
/* .page_tt.s10 {font-size: 2.2em;}
.page_tt.s8 {font-size: 1.775em;} */
.conLay .inner > .img_box{width: 45%;}
.conLay .inner > .img_box > p{justify-content: end;}


.society .t_nav ul{ flex-wrap: wrap;}
.society .t_nav ul li{ flex:0 0 calc( ( 100% - 1.5em) / 4)}
}

@media screen and (max-width:1100px){
/******** HEADER ****************/
.all_gnb> .gnb{flex-direction: column;}  
#header .all_wrap .all .all_gnb .gnb > li ~ li {border-left: none;}
#header .all_wrap .all .all_gnb .gnb > li{border-top:1px solid #e5e5e5;}
#header .all_wrap .all .all_gnb .gnb > li:first-of-type{border-top:none;}
/******** MAIN ****************/
/*banner_side*/    
.mainTop .wrapIn .topCon .banner .icon {height: 40px;width: 40px;right: 2em;bottom: 2em;}
.mainTop .wrapIn .topCon .banner .tit_wrap .tit {font-size: 1.325em;margin-bottom: 5px;}
.main_more.st1.s1 {width: 40px;height: 40px;color: #111; }




/*main cont1*/
.main_sec.sec2 .conLay .inner > .img_box > p{align-items: flex-end;}
.main_sec.sec2 .conLay.layL .txt_wrap{ padding: 0;}
.main_sec.sec2 .page_tt.s10{ font-size: 2.5em;}
.iconz > ul> li.lines {font-size: .8em;}

/*******SUB ABOUT**************/
/*sub greeting*/
#contents .sub_page_menu .gnb .dp2 > li > a {padding: .5em 1em;}
.page_top .tit .tt {font-size: 2.5em;}

/*sub overview*/
.conLay .img_wrap {width: 50%;}
.page_tt.s3 {font-size: .985em;}
.tab_con > .page_con > .conLay > .inner > .txt_wrap > .page_txt> .tit> .page_tt.s8 {font-size: 1.575em;}
.pastCEOs .list li {width: calc((100% - 3em) / 2);}
}

@media screen and (max-width:1030px){
.mainTop .wrapIn .topCon .banner {padding: 1.5em 2em 2em;}
.mainTop .box1{flex-direction: column;}
.mainTop .box1.acn{flex-direction: column; align-items: center;}
.mainTop .wrapIn .topCon .wrap1 {width: 50%;}
.mainTop .wrapIn .topCon {flex-direction:row;}
.mainTop .wrapIn .visualCon {width: 100%;}

/******** MAIN ****************/
/*main*/
/* .page_tt.s10 {font-size: 2em;}
.page_tt.s8 {font-size: 1.575em;}
.page_tt.s4 {font-size: 1.050em;} */
.iconz > ul{ gap:1em}
.iconz > ul> li.lines { width: calc((100% - 3em) / 4);}

.main_sec.sec3 .con2 .brline br{ display: none; word-break: keep-all;}



/*******SUB BUSINESS**************/
/*about mint*/
.page_txt .tit + .txt {margin-top: 2em;}
/*******SUB MINT**************/
/*aboutmint*/
.conLay .txt_wrap {padding: 0em 0 2em;}


}
@media screen and (max-width:1024px){
body{ font-size:15px;}
.trainers_wrap .list {flex-direction: column; align-items: center;}
.trainers_wrap .list > li {width: calc(100% - 2em);}
.mainTop .wrapIn .topCon .banner {position: relative;}
.mainTop .wrapIn .topCon .banner .main_more {position: absolute;bottom: 40px;right: 20px;}
}
@media screen and (max-width:968px){

/*******SUB ABOUT**************/
/*sub greeting*/
#contents .sub_page_menu .gnb .dp2 > li > a {padding: .5em .5em; height: 2.7em;}
#contents .sub_page_menu .gnb .dp2 > li > a .tt {font-size: 1.10em;}
}

@media screen and (max-width:930px){
/******** MAIN ****************/
/*main cont1*/
/* .page_tt.s10 {font-size: 1.8em;}
.page_tt.s8 {font-size: 1.375em;}
.page_tt.s4 {font-size: .998em;} */
.conLay.layL .txt_wrap { padding-left: 0;}
.mainTop .wrapIn .topCon {margin-bottom: 30px;}

.conLay .high{flex-direction: column-reverse;}
.conLay .row{flex-direction: column;}
.conLay .img_wrap {width: 100%;}
.conLay .inner > .img_box {display: none;}
.iconz > ul> li.lines {font-size: 1em;}


.thum_list.st1 > .list .inner {flex-direction: column;}
.thum_list.st1 > .list .inner .img_wrap {width: 100%;}


/* main sec3 */
.main_sec.sec3 > .box1{ flex-wrap: wrap;}
.main_sec.sec3 .con2_list{ width: 100%;}
.main_sec.sec3 .con2_list .con1{ width: 100%;}
.main_sec.sec3 .banners{ width: 100%;}
.main_sec.sec3 .banners .con2{ flex:1; width: 100%;}
.main_sec.sec3 .banners .con2_1{ }

}


@media screen and (max-width:900px){
.table_box{overflow-x: scroll;}
.table_box .scr_i{display: inline-flex; align-items: center; gap:.2em; margin-bottom: 5px;  font-size:.9375em; color:var(--siteC);  position: sticky; left: 0; top: 0; }
.table_box .table_st{ width: 900px;}

.con_box.business .act_desc .content .inner .detail{ overflow-x: scroll;}
.con_box.business .act_desc .content .inner .detail .table_st{ width: 800px;}
}


@media screen and (max-width:830px){
/******** MAIN ****************/
/*main swiper*/
.visualSlide_wrap .slogan .t1 {font-size: 2em;}
#contents .sub_page_tit .wrap_tit .sub_tit {font-size: 2.5em;}
.page_top .tit .tt {font-size: 2em;}
/*main cont1*/
/* .page_tt.s10 {font-size: 1.7em;}
.page_tt.s8 {font-size: 1.275em;}
.page_tt.s4 {font-size: 1.088em;} */
.conLay .inner > .img_box {width: 47%;}
.iconz{margin-top: 1em;}
.iconz > ul> li.lines>p {flex-direction: column;}
.page_txt > .txt{margin-top: 1em;}
.page_con2 > .mainTop.top1 >.box1 {align-items: center;}


/*main cont3*/
.con1 {width: auto;}
.threeline>.threeflout >li {width: 100%; display: flex; gap: 1.5em; justify-content: center;}
.threeline>.threeflout >li>img {width: 51%;}

/*******SUB ABOUT**************/

/*sub greeting*/
#contents .sub_page_menu .gnb .dp2 > li > a .tt {font-size: 1.0em;}
/*******SUB MINT**************/
/*aboutmint*/
.btn_wrap.mt50{margin-top: 30px !important;}

.steps-st2 > ul {flex-wrap: wrap;}
.steps-st2 > ul > li {flex:1 1 100%;}
.steps-st2 > ul > li:before {left: 47%;top: -59%; transform: rotate(90deg);}



}
@media screen and (max-width:800px){
.partner_wrap .partner_list > li .img img {max-width: 10em;max-height: 5em;}


/******* FOOTER **************/
#footer > .box1{ flex-wrap: wrap;}
#footer > .box1 .info_wrap{ flex: 1 0 100%;}
#footer .menu_wrap{ display: flex; justify-content: space-between; align-items: center; width: 100%; margin-top: 2em;}
#footer .menu{ flex-direction: row; justify-content: flex-start; gap:1em;}
#footer .menu > li{ width: auto;}
#footer .menu > li:not(:first-child){ padding-left: 1em; border-left: 1px solid #ddd;}
#footer .menu_wrap .family{ margin-top: 0;}

}

@media screen and (max-width:750px){
/*******SUB ABOUT**************/
#contents .sub_page_tit{ padding: 4em 0 2em; }
#contents .sub_page_tit > .box1{justify-content: center;}
#contents .sub_page_tit .wrap_tit{padding-left: 0;}
#contents .sub_page_tit .nav {display: none;}
/*sub greeting*/
#contents .sub_page_menu .gnb .dp2 {display: none;}


.partner_wrap .partner_list > li .img img {max-width: 8em;max-height: 2em;}

/*******SUB BUSINESS**************/
/* .table_st th {font-size: 0.9em;} */

.board_st.write,
.board_st.write caption,
.board_st.write thead,
.board_st.write tbody,
.board_st.write tfoot,
.board_st.write th,
.board_st.write td,
.board_st.write tr,
.board_st.write .in_table,
.board_st.write .in_table .tr,
.board_st.write .in_table .th,
.board_st.write .in_table .td{ display:block; box-sizing:border-box; height:auto;}
.board_st.write .in_table .th,
.board_st.write .in_table .td{ width:auto;}
.board_st.write{ font-size:1em !important;}
.board_table .in_table .th {text-align:left !important;}

.input_st.w1 {width: 100%; height:4em;}

}

@media screen and (max-width:700px){
#footer .menu_wrap{ display: flex; flex-direction: column; gap: 1.5em; justify-content: flex-start; align-items: flex-start;}

/******** MAIN ****************/
/*main swiper*/    
.visualSlide_wrap .slogan .t1 {font-size: 1.7em;}
.visualSlide_wrap .slogan .t2 {font-size: 1em;}
/*******SUB EDU**************/
/* .table_st td {font-size: .7em;} */

.society .t_nav ul li{ flex:0 0 calc( ( 100% - 1em) / 3)}
}


@media screen and (max-width:660px){
.all_img.bgfix{display: none;}
/******** MAIN ****************/

.swiperControl {zoom: .8;}
/*main cont1*/
/* .page_tt.s10 {font-size: 1.3em;}
.page_tt.s8 {font-size: 1.175em;}
.page_tt.s4 {font-size: .998em;} */
.iconz > ul> li.lines>p {/* font-size: 0.5em; */}

.main_sec.sec2 .conLay.layL .txt_wrap{ margin-left: 0!important;}


/*******SUB ABOUT**************/
/*sub greeting*/
#contents .sub_page_menu .gnb .dp2 > li > a {height: 2.5em;}
#contents .sub_page_menu .gnb .dp2 > li > a .tt {font-size: .75em}
.con_box.business .act_desc {gap: 2em;}

.ceo_wrap .message{ padding: 0;}

.pastCEOs .list li {width: 100%;gap: 2em;}
.pastCEOs .list li .txt_wrap {padding: 1em 1.5em;}

/*******SUB BUSINESS**************/
/* .table_st th {font-size: 0.8em;} */
.con_box.business .act_desc > .tit {width: 20%;}
.con_box.business .act_desc > .tit .tt {font-size: .8em;}
.con_box.business .act_desc .t1 {font-size: 1.025em;}
.con_box.business .act_desc .content .inner .tit2 {font-size: 1.025em;}
.con_box.business .act_desc .content .inner .con_list .tit {font-size: .9em;}
/* .detail> .table_st > p{font-size: .9em;} */
.dot_list > li {font-size: .8em;}
.page_tt.dot2::before {width: 13px;height: 13px; background: url(../images/sub/tit_bullet2.png) no-repeat 0 0 / contain;}

/*******SUB EDU**************/
.board_table th, .board_table td {font-size: .925em;}
.board_search .search .select {min-width: 3em;}
.board_search .search .inp {width: auto;}
}


@media screen and (max-width:600px){
/******** MAIN ****************/
.visualSlide_wrap .slogan .t1 {font-size: 1.5em;}
.visualSlide_wrap .slogan .t2 {font-size: .988em;}
.mainTop .wrapIn .topCon .banner .tit_wrap .tit {font-size: 1.225em;}
/*main cont3*/    
.main_sec.sec3 .banners{ flex-wrap: wrap;}
.con2 {width: 100%;height: 220px;}
.con2_1 {width: 100%;}
/*******SUB ABOUT**************/
/*sub greeting*/
#contents .sub_page_menu .gnb .dp2 > li > a .tt {font-size: .55em;}
.ceo_wrap .message .txt_wrap .name {font-size: 1.275em;}
.history_wrap .history > li .list .detail .tt {font-size: .838em;}
.history_wrap .history > li .list .detail .desc {font-size: .7375em;}

}

@media screen and (max-width:550px){
/******** MAIN ****************/
/* #footer .menu > li {width: 75%; margin-left: 3em;}
#footer .menu_wrap .family {width: 10em;margin-left: 35px;} */
/*main cont1*/
/* } */

.iconz > ul {gap: 1em;}
.iconz > ul> li.lines { flex:unset; width: calc((100% - 1em) / 2);}
.iconz .img_mbox{ width: 40%;}
.iconz > ul> li.lines>p{ font-size: 1.25em;}

.conLay .inner {gap: 1em;}
.conLay .inner > .img_box {width: 50%;}
.conLay.layL> .txt_wrap > .page_txt > .txt{margin-top: .5em;}
.history_wrap .history > li .list .detail .tt {font-size: .738em;}
.page_tab .list_tab > li > a .step_tit {font-size: .925em;}
/*******SUB ABOUT**************/
.ceo_wrap{ padding:4em 1.5em 4em}
.ceo_wrap .slogan .tt {font-size: 1.5em;}
.ceo_wrap .message .txt_wrap .t1 {font-size: 1.2em;}
.ceo_wrap .message .txt_wrap .t2 {font-size: 1.05em;}

.society .t_nav ul li{ flex:0 0 calc( ( 100% - .5em) / 2)}

/*******SUB BUSINESS**************/
/* .table_st th {font-size: 0.7em;} */

#header .all_wrap .all .all_top .tit_in {width: auto;margin-bottom: 5em;}

.steps-st2 > ul > li:before {left: 45%;top: -59%;transform: rotate(90deg);}
}


@media screen and (max-width:500px){
.menu_wrap> .menu> li> span.tt{font-size: .8em;}
/******** MAIN ****************/
.swiperControl {zoom: .5;}
.visualSlide_wrap .slogan .t1 {font-size: 1.2em;}
.visualSlide_wrap .slogan .t2 {font-size: .788em;}
/*main cont1*/
/* .page_tt.s10 {font-size: 1.5em;}
.page_tt.s8 {font-size: .975em;}
.page_tt.s4 {font-size: .898em;} */
.fs40 {font-size: 2em !important;}
/*******SUB ABOUT**************/
.history_wrap .history > li .list .detail .tt {font-size: .638em;}
.history_wrap .history > li .list .detail .desc {font-size: .6375em;}
/*sub overveiw*/
.page_tab .list_tab > li > a .step_tit {font-size: 0.825em;}
/*******SUB BUSINESS**************/
.con_box.business .act_desc .content .inner .con_list .tit {font-size: .7em;}
.con_box.business .act_desc .t1 {font-size: .998em;}
.con_box.business .act_desc .content .inner .tit2 {font-size: .998em;}
.con_box.business .act_desc > .tit {width: 22%;}

.main_sec.sec3 .con2 img{zoom:.8} 

}
@media screen and (max-width:460px){
/******** MAIN ****************/
/*main swiper*/    
.visualSlide_wrap .slogan .t1 {font-size: 1.5em;}
.visualSlide_wrap .slogan .t2 {font-size: 0.9em;}
.mainTop .wrapIn .topCon .banner .tit_wrap .tit {font-size: 1.025em;}

/*******SUB ABOUT**************/
/*sub greeting*/
#contents .sub_page_menu .gnb .dp2 > li > a .tt {font-size: .4em;}
/*sub overveiw*/
.page_tab .list_tab > li > a .step_tit {font-size: 0.725em;}

.history_wrap .history > li .list .detail .tt {font-size: .538em;}
.history_wrap .history > li .list .detail .desc {font-size: .5375em;}
/*******SUB EDU**************/
.input_st {font-size: 0.96em;}

.trainers_wrap .list > li .img_wrap {width: 8em;height: 10em;}
.trainers_wrap .list > li .txt_wrap .name {font-size: 1.2em;}
.trainers_wrap .list > li .txt_wrap .info > li {font-size: 0.8em;}

}

@media screen and (max-width:440px){
.visualSlide_wrap .slogan .t1 {font-size: 1.2em;}
.visualSlide_wrap .slogan .t2 {font-size: .668em;}
.mainTop .wrapIn .topCon .banner .main_more {right: 10px;}
.page_tt.s5 {font-size: 1.193em;}
.ceo_wrap .message .txt_wrap .t2 {font-size: .905em;}
.main_sec.sec2 .page_txt .page_tt.s10{ zoom: .8;}

}
@media screen and (max-width:400px){
body{ font-size:11px;}
.pastCEOs .list li .img_wrap {width: 8em;height: 8em;}

.mainTop .wrapIn .topCon .banner .main_more {bottom: 20px;}

}

@media screen and (max-width:384px){
/*******SUB BUSINESS**************/
/* .table_st th {font-size: 0.6em;}
.detail> .table_st > p{font-size: .7em;} */


.dot_list > li {font-size: .7em;}

.page_tt.dot2::before {width: 5px;height: 5px; top: 4px; background: url(../images/sub/tit_bullet2.png) no-repeat 0 0 / contain;}


}

@media screen and (max-width:360px){
    .ceo_wrap .message .txt_wrap .name {font-size: 1.075em;}
}

@media screen and (max-width:320px){
    .mainTop .wrapIn .topCon .banner .main_more {position: static;}
}
@media screen and (max-width:280px){
.mainTop .wrapIn .topCon .banner .tit_wrap .tit {font-size: 1.125em;}
}

@media all and (orientation:landscape){

}