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

body{}
.box1{}
.PHONE{display:none!Important;}
@media screen and (max-width:1680px){
.box1{ max-width:95%; margin:0 auto;}

#header .box0{ width:96%; margin:0 auto}
#header .logo > a {width:7em;}
#header .gnb_wrap {padding:0;}
#header .gnb_wrap .gnb > li .dp1 {min-width:6em;}
#header .gnb_wrap .gnb > li .dp1 .va {font-size:.938em;}

.page_txt_Wrap:before{left:50%; transform:translateX(-50%); width:100%; margin-left:0;}
.main_con2{width:100%;}

.main_con1{}
.main_con1 .inner{flex-wrap:wrap;}
.main_con1 .inner .lf_wrap{width:55%;}
.main_con1 .inner .rf_wrap{width:45%;}

.dwrap{width:100% !important; left:0 !important; margin-left:0 !important;}
}

@media screen and (max-width:1280px){
	#header .gnb_wrap{display:none;}
	.employment_li > li{flex:1 1 100%; margin-bottom:2em;}
	.slogan_tit .big_tt{font-size:3em;}
	#footer .foot_wrap .bottom_wrap{flex-direction:column;}
	#footer .foot_wrap .info_wrap{margin-left:0; margin-top:2em;}
	.sec5_con .img_wrap{width:100%;}
	.sec5_con .img_wrap .resize{padding-bottom:30%;}
	.sec5_con .con_wrap{position:static; width:100%;}
	.sec5_con > li:nth-child(2n) .img_wrap{margin-left:0;}
	.sec5_con > li:nth-child(2n) .con_wrap{text-align:left;}
	.sec5_con .in{margin-top:4em;}
	.map_info1{flex-direction:column; align-content:flex-start!important; align-items:flex-start !important;}
	.map_info1 .t1{padding:.35em 0;}
	.mo_hide{display:none!important;}
	.PHONE{display:block!important;}
	
	.l-nav .gnb .m_guide{display:none;}
	.l-nav .gnb .m_mall{display:none;}
	.l-nav .gnb .m_member{display:none;}
}

@media screen and (max-width:1200px){
	.step_cons > li .in:after{display:none;}
	.step_cons > li .in{width:9em; height:9em;}
	.sub_feature.max1 > li{flex:1 1 100%; max-width:100%;}
	.main_con1 .inner .lf_wrap{width:100%; margin-bottom:2em;}
	.main_con1 .inner .rf_wrap{width:100%;}	
	.main_div{margin-left:0;}
}

@media screen and (max-width:1024px){
body{ font-size:13px}

/*공통*/
.page_txt_Wrap .tt{font-size:2em;}
.page_txt_Wrap:before{font-size:2em;}
.main_con5 .cs_wrap .tit{font-size:2em;}
.main_con5 .cs_wrap .tit2{font-size:2.125em;}
.ci_txt_Wrap .con .big_tit{font-size:3em;}
.ci_col_Wrap .wrap_in .info_wrap .info .t1{font-size:1.5em;}
.company_t .tit{padding:1em;}
.page_certi_tw .tt{font-size:1.5em;}

.greetings_wrap{display:flex; flex-direction:column;}
.page_ceoWrap .left{margin:0 auto;}
.page_ceoWrap .right{width:100%; margin-top:1.25em;}

.greeting_wrap2{display:flex; flex-direction:column-reverse;}
.page_ceoWrap:last-of-type .left{margin:0 auto; width:100%; margin-top:1.25em;}
.page_ceoWrap:last-of-type .right{width:100%; margin-top:1.25em;}
.page_ceoWrap:last-of-type .left .inner{margin-left:auto;}
.page_ceoWrap:last-of-type .right .inner{margin:0 auto;}

.left_employment{width:100%; margin-bottom:2em;}
.right_employment{width:100%;}

.sub_step{flex-wrap:wrap;}
.sub_step > li:not(:last-child) .wrap_in .img:before, .sub_step > li:not(:last-child) .wrap_in .img:after{display:none;}

#footer .foot_wrap .menu_wrap{display:none;}
#footer .foot_wrap{border-top:1px solid #ddd;}
}

@media screen and (max-width:900px){
.ci_col_Wrap{flex-direction:column;}
.ci_col_Wrap > li{width:100%; margin-bottom:2em;}

.ci_txt_Wrap{flex-direction:column;}
.ci_txt_Wrap .con{flex:1 1 100%; margin-bottom:2em;}

.ci_txt_Wrap .con .in{margin:0;}

.board_flex.ce > li{width:33.33%;}

.step_cons > li{width:50%; margin-bottom:2em;}

.sub_introduce_func .img{display:none;}
.sub_introduce_func .list > li .wrap_in{width:85%;}
.sub_introduce_func .list > li .wrap_in .line{display:none;}

.sub_function{justify-content:center;}
.sub_function > li{max-width:25%; flex:1 1 25%;}

.sub_wrap{flex-direction:column;}
.sub_wrap .wrap_tit{width:100%; margin-bottom:1em;}
.sub_wrap .wrap_con{margin:0; margin-top:1em;}

.main_con5 .cs_wrap{flex-direction:column;}
.main_con5 .cs_wrap .cs_l{width:100%; order:2; margin-top:2em;}
.main_con5 .cs_wrap .cs_r{width:100%; order:1;}

#footer .foot_wrap .info_wrap > li .tt{display:block;}
}

@media screen and (max-width:768px){
.slogan_tit .big_tt{font-size:2.65em;}

.page_txt_Wrap .tt{font-size:1.65em;}
.page_txt_Wrap:before{font-size:1.65em;}
.page_titN .t1{font-size:1.65em;}
.main_con5 .cs_wrap .tit{font-size:1.65em;}
.main_con5 .cs_wrap .tit2{font-size:1.8em;}
.ci_col_Wrap .wrap_in .info_wrap .info .t1{font-size:1.25em;}
.main_div .main_txt1{font-size:1.45em;}


.sub_step > li{flex:1 1 50%; max-width:50%;}

.sub_feature > li{flex:1 1 50%; max-width:50%; margin:0 auto;}
.sub_feature > li .wrap_in .ico{width:10em;}

.page_titN{margin:3em 0 3em 0;}

.sub_function > li{max-width:33.33%; flex:1 1 33.33%;}

.sub_service_type > li{width:50%;}
.board_Event > li{width:50%;}
.ntab_st > li{flex:1; width:auto;}

.dp1_application .tb_wrap{overflow-x:auto; padding:1.65em 0; padding-bottom:1em;}
.dp1_application .table_st{min-width:800px; position:relative;}
.dp1_application .table_st:before{content:'*좌우로 슬라이드하시면 정보를 볼 수 있습니다.'; position:absolute; left:0; top:-20px; font-size:.925em; color:#666; font-weight:600; font-family:inherit;} 

#header .etc_wrap .mem_wrap .etc > li .in{padding:0 .25em;}
}

@media screen and (max-width:650px){
.board_flex.ce > li{width:50%;}
.sub_introduce_func .list > li{width:100%;}
.sub_introduce_func .list > li .wrap_in{width:100%;}

.slogan_tit{font-size:1em;}
.sub_function > li{max-width:50%; flex:1 1 50%;}
.ntab_st > li{flex:1 1 100%;}

.sub_feature.st1 > li{max-width:50%;}
.sub_service_type > li{width:100%;}

.mhd{display:none;}
}

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

.sub_feature > li{flex:1 1 100%; max-width:100%;}
.slogan_tit .big_tt{font-size:2em;}

}

@media screen and (max-width:380px){
.board_flex.ce > li{width:100%;}
.sub_step > li{max-width:100%; flex:1 1 100%;}
.sub_function > li{max-width:100%; flex:1 1 100%;}
.sub_step > li .wrap_in .img .in{width:50%; margin:0 auto;}
.board_Event > li{width:100%;}
.main_con6 .mySwiper .swiper-slide{width:100% !important;}
}