@charset "utf-8"; 
@media screen and (max-width:1850px){
 .box0 { padding: 0 3vw; } 

 } 

@media screen and (max-width:1680px) { /**** footer ****/
#footer .info_wrap { display: block; justify-content: space-between; align-items: flex-start; margin-top: 3em; width: 80%; } 
 }

@media screen and (max-width:1500px) { /**** MAIN ****/


 }

@media screen and (max-width:1400px){
.box1 { width:100%; padding:0 5%; box-sizing:border-box } 
.box2 { width:96%; } 
/* header */
/* #header .logo > a img { height: 1.5em; } */


#footer .menu { margin-right: 9em; } 

.sns { margin-right: 9em; } 


/**** SUB ****/
/* 공통 */
.list_tab > li { max-width:17% } 

/*** 회사개요 ***/
.page_Sec.intro .tit-box { padding-right: 4em; } 

/*** CDO 인사말 ***/
.greeting .greeting-ceo-box { right:10%; bottom:90px; } 
.greeting .greeting-ceo-box img, .greeting-page .greeting-tit-box .sign-img img { max-width: 95%; } 


/*footer*/
.mL15 { margin-left: 95px; } 
 }

@media screen and (max-width:1350px){
 .map_Wrap .map_moreW { left: 6em; } 
 
 
 /*문의폼*/
.w_form_tit{ width:8em;}
.input_st.w6{ width:100%;}

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

#header .all_wrap .all_layer .wrap_middle .gnb > li {border-bottom: 1px solid #ddd; padding-bottom: 30px;}
#header .all_wrap .all_layer .wrap_middle .gnb > li .dp2 {margin-top: 2em;flex-direction: column;}
#header .all_wrap .all_layer .wrap_middle .gnb > li .dp2 > li:not(:last-child) > a:after {width: 0;}
#contents .sub_top_wrap .sub_tab .gnb .dp2 > li {flex: 1 1 18.66%; max-width: 18.66%;}
#contents .sub_top_wrap .sub_tab .gnb .dp2 > li > a {height: 4em;}
#header .all_wrap .all_layer .wrap_middle .gnb > li .dp2 > li > a .tt {font-size: 1.288em;line-height: 1.5;}
.ci_wrap.ps6{gap: 3em; margin-top: 3em !important;}
.page_top_tit .wrap_pos {
	position: absolute;
	left: 2em;
	bottom: 2em;
}


.re_br1280 { display:none } 


#footer { padding:3em 0 4em } 
#footer .logo_wrap > div { flex-direction:column; align-items:flex-start; } 
#footer .logo_wrap > div .menu { margin:0; padding-bottom:2.5em; order:-1; } 
#footer .info_wrap { position:relative } 
#footer .info_wrap .sns { position:absolute; right: 0px; bottom:-30px; } 

/**** SUB ****/
/*공통*/
.list_tab > li { max-width:18%; padding:0 1em; } 

/* page_tt 서브페이지 text*/
.page_tt.tit { font-size:1.375em } 
.page_tt.tit4 { font-size: 2.25em; } 


.label_st input{ zoom:1;}



/*pop up 인증서*/
body.pop .popWrap.cert .popIn { max-width:90%; max-height:90vh } 

/*footer*/
.mL15 { margin-left: 60px; } 
 }
@media screen and (max-width:1150px){
 .mL15 { margin-left: 30px; } 
.itemwrap > h4 { font-size: 1.8em; } 
 

 #header .top_wrap .gnb_wrap .gnb > li .dp1{ padding:0 2vw;}
 
 

 
 }
@media screen and (max-width:1100px) { /*header*/

.subpage_tit > .tit { font-size: 1.5em; } 


/*footer*/
.transX14 { transform: translateX(125px); } 
#footer .menu > li > a { font-size:1.125em } 
#footer .info_wrap { margin-top: 0; } 

.busi_detail1{ padding:0;}
.busi_detail1 > dl{ width:50%; padding:1em 0;}

.plan_left,
.plan_right{ width:100%;}
.plan_right > ul{gap:0;}
.plan_right > ul > li{ width:33.3%;}



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

#header .top_wrap .gnb_wrap{ display:none}

.button_wrap > .btn2:nth-of-type(2) { display: none; } 

#footer { padding: 3em 0 8em; } 
#footer .info_wrap .sns { right:-55px; top:-78px; bottom:0px; } 


/**/
.visualSlider_wrap .slogan .t1 { font-size:2.5em; } 

/**** MAIN ****/
.main_news > li .wrap_in { margin: 1.5em 0 0 1.5em; } 
.main_news > li .wrap_in .con .t1 { font-size: 1.5em; } 
.btn_more .xi { width:32px; height:32px; line-height:32px; } 
.visualSlide_wrap .slogan .t3 {letter-spacing: 1.5px;}

/**** SUB ****/
/*공통*/


/* page_tt 서브페이지 text*/
.page_tt.tit4 { margin-bottom:60px; } 
.page_tt.dot3 { padding-left:1.3em; } 
.page_tt.dot3:before { top:3px; } 



 }

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


/*main*/
.mainReviewSlide .el { width: calc(32% - 27px); } 
.main_mapW { flex-direction: column; } 
.main_mapW .main_link { width: 49%; } 
.main_link { flex-direction: row; } 
.main_link > li { flex: 0 0 100%; min-height: 0; width: 100%; } 

.mainFlex { flex-direction: column; gap: 0em; } 
.mainFlex .wrapTit { width: 100%; } 
.main_tit .tt1 { font-size: 1.9em; } 

/*about*/
.greeting_wrap { position: relative; gap: 0em; flex-direction: column; } 
.greeting_wrap .img_con { width: 100%; height: 25vh; } 
.greeting_wrap .greeting_txt { width: 100%; } 
.greeting_wrap .greeting_txt > .sn { left: 0em; } 

.con2 > .wrap_idx > .st2 > li::before { content: ""; position: absolute; top: 10px; left: 0; width: 1px; height: 16px; background-color: #ccc; } 


.re-circle-wrap .list {flex-direction: column; align-items: center;}
.re-circle-wrap .list > li .cir-in {height: 19em;width: 20em;}
.re-circle-wrap .list > li:nth-of-type(2)::before {left: 48%}
.re-circle-wrap .list > li .cir-in .xi.xi-angle-right-min {position: absolute;right: 4em;top: 105%;transform: translate(-50%, -50%) rotate(90deg);font-size: 2em;color: var(--siteC2);}
.re-circle-wrap .list > li:before {left: 50%};
.re-circle-wrap .list > li:nth-of-type(2) .cir-in .xi {right: 3.5em;}


.index_con > div{ width:calc(50.3% - 1em)}
.index_con .index_list{ margin:0}

.re-circle-wrap .list > li{padding-top:2em;}

.reval_con2,
.page_layout2{ flex-direction:column;}
.reval_con2 .list{ width:100%;}

.page_certificate .list > li{ flex:0 0 calc(50% - 2em); }

.page_ttbg_wrap.st1{ flex-direction:column;}
.page_ttbg_wrap.st1.w2 > li{ width:100%;}

.grievance_sec .grie_con{ flex-direction:column;}
.grievance_sec .grie_con li{ width:100%;}
.grievance_sec .grie_con li .inn{ min-height:auto; }


.vision_top .vision_tit{ text-align:left !important;}

.grievance_sec .grie_con li .xi_arrow {right: 45%; top: 105%;transform: translate(-50%, -50%) rotate(90deg);}

.ov_wrap ul li > div > div.ov_ctt_box{ padding-left:1em;}

 }

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

 p > .tit3 { font-size: 2.5em; } 
 .bar::before { content: ""; width: 4em; height: 2px; position: absolute; bottom: -8em; right: 0%; background: #fff; z-index: 1; } 
 .bar2::before { content: ""; width: 4em; height: 2px; position: absolute; bottom: -8em; left: -0%; background: #fff; z-index: 1; } 

/*main*/
.mainPartnerSlide .el { width: calc(22% - 18px); } 


/*실적소개*/
/* .gallery_wrap > .gallery_Box > li .wrap_in .con_logo > img {max-width: 15em; }  */

/*교육 만족도*/
.con_idx { position: relative; padding: .5em; } 
 }

@media screen and (max-width:900px) { body { font-size:12px } 
/* .box1 { padding:0 3% } */

/**** SUB ****/
/*공통*/
.list_tab > li { max-width:20%; padding:0; } 
.page_tt.tit4 { font-size:2em; } 

/*교육프로그램*/
p > .tit5 { transform: translateY(70px); line-height: 1.2; font-size: 1.2em; font-weight: 700; text-transform: capitalize; } 
 }

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


/*실적소개*/
.gallery_wrap > .gallery_Box > li.gallB { width: calc(33.33% - 1.333em); } 

/*교육프로그램*/
.subwrap_box.st2 > ul { justify-content: center; } 
.subwrap_box.st2 > ul > li { width: calc(100% - 2em); } 
.subwrap_box.st2 > ul > li.left { width: calc(100% - 2em); } 


/*문의폼*/
.response.board_table.recruit_st{border-top:none;}
.response thead{ display:none;}
.response tr{ display:block; position:relative; z-index:inherit;}

.response colgroup{ display:none}
.response th,
.response td{ height:auto;}
.response th{display:none;}
.response th.d_st{ display:block;}
.response .d_none{ display:none;}
.response td{display:block;width:100% !important;padding-left:28% !important;position:relative;z-index:inherit;text-align:left !important;padding-top:5px;padding-bottom:5px;box-sizing:border-box; height:auto !important;}
.response td:before{ width:25%; background:#f5f5f5; position:absolute; z-index:inherit; left:0; top:0; height:100%; content : attr(data-th); text-align:center !important; box-sizing:border-box; padding-top:13px;}
.response .photo_group > .photo .resize{ padding-bottom:50%; margin:0 30%}
.response.board_table .in_table_wrap{ padding:0 0 0 28% !important}
.recruit_sign_w{ padding:2em 1em;}
.recruit_sign_w .w10{ width:20% !important}
.member_wrap .form .inp_wrap .inp{ font-size:1.125em}

.tb_eq{ display:block}
.label_st input{ zoom: 1;}



/*footer*/
.transX14 { transform: translateX(110px); } 
 }
@media screen and (max-width:820px){

.btn2 { padding: .3em .5em; } 

/*SUB*/
#contents .sub_top_wrap .nav > li:not(.home):before { position: absolute; left: -3.15em; top: 50%; width: 30px; height: 1px; background: #fff; content: ''; } 
 }
@media screen and (max-width:800px){
 .subpage_tit > .tit { font-size: 1.3em; } 
p > .tit3.st2 { transform: translateY(60px); line-height: 1.5; font-size: 1.2em; font-weight: 700; text-transform: capitalize; } 
 }
@media screen and (max-width:768px) { body { font-size:11px } 
.box2 { width:96% } 



/*main*/
.main_count { display: flex; gap: 2em; flex-wrap: wrap; width: 100%; } 
.main_count > li { flex: 1 0 48%; max-width: 50%; } 
.main_count > li .wrap_in .tit .ico { font-size: 5em; opacity: .1; } 
.main_count > li .wrap_in .tit .t1 { font-size: 2em; } 
.main_count > li .wrap_in .no .t1 { font-size: 3em; } 
.main_count > li .wrap_in .no .t2 { font-size: 2.125em; } 
/**/

/**** SUB ****/
.greeting_wrap .greeting_txt .info > .tt { font-size: 18px; } 

.page_certificate .list { justify-content: center; } 

.con2 > .wrap_idx > .st2 > li::before { content: ""; position: absolute; top: 10px; left: 0; width: 1px; height: 14px; background-color: #ccc; } 

.agree_wrap .textarea_box h3 { font-size: .9rem; } 
.agree_wrap .textarea_box { font-size: 12px; } 

/*footer*/
.transX14 { transform: translateX(100px); } 






 }

@media screen and (max-width: 700px) { /*header*/

/*main*/
.mainReviewSlide .el { width: calc(49% - 27px); } 

.greeting_wrap .loding_t { display: none; } 
.bar, .bar2 { display: none; } 
.subwrap_box > ul > li.left > .wrapbox { flex-direction: column; } 
.subwrap_box > ul > li.right.st2 > .wrapbox { flex-direction: column-reverse; } 

.subwrap_box > ul > li > .wrapbox > .imgwrap { width: 100%; } 
.subwrap_box > ul > li > .wrapbox > .txtwrap { width: 100%; } 

.visual_wrap .news_wrap > .tit{ display:none;}
.visual_wrap .news_wrap .news_list li .emo{ width:6em; background:none;}



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


/*견적문의*/
.page_tt.dot3:before { width: 11px; } 
 }
@media screen and (max-width:660px) { /* 제품상세 */
.transX14 { transform: translateX(90px); } 

/*실적소개*/
.gallery_wrap > .gallery_Box > li.gallB { width: calc(50% - 1.333em); } 


/*교육프로그램*/
p > .tit5 { transform: translateY(70px); line-height: 1.2; font-size: 1.2em; font-weight: 700; text-transform: capitalize; } 

.con2 > .wrap_idx > .st2 > li::before { content: ""; position: absolute; top: 8px; left: 0; width: 1px; height: 12px; background-color: #ccc; } 


.visual_wrap .news_wrap .news_list li::before{width:0;}
.visual_wrap .news_wrap .news_list li{ padding:0;}
.visual_wrap .news_wrap .news_list li a{justify-content:center;}
.visual_wrap .news_wrap{ height:11em;}
.visual_wrap .news_wrap .news_list li .emo{ line-height:1.5;}
 }
 
@media screen and (max-width:600px){
 .subpage_tit > .tit { font-size: 1.3em; } 
p > .tit3 { transform: translateY(60px); } 
p > .tit4 { transform: translateY(40px); } 
.con2 > .wrap_idx > .st2 > li { width: 25%; } 
.con2 > .wrap_idx > .st2 > li:nth-child(1)::before { width: 0px; } 
.con2 > .wrap_idx > .st2 > li:nth-child(5)::before { width: 0px; } 
.con2 > .wrap_idx > .st2 > li:nth-child(6)::before { width: 1px; } 
.con2 > .wrap_idx > .st2 > li:nth-child(9)::before { width: 0px; } 
.con2 > .wrap_idx > .st2 > li:nth-child(10)::before { width: 1px; } 
.con2 > .wrap_idx > .st2 > li:nth-child(13)::before { width: 0px; } 

.con2 > .wrap_idx > .st2 > li.barn:first-child::before { width: 0px; height: 12px; top: 10px; } 
.con2 > .wrap_idx > .st2 > li.barn::before { width: 1px; height: 12px; top: 10px; } 
 }

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

/*main*/
.main_box.product .swiper-slide { height: 335px; } 

.visualSlide_wrap .slogan .t2 { font-size: 4.25em; } 
.mainPartnerSlide .el { width: calc(25% - 18px); } 

.pdfw95 { width: 92%; } 

/*SUB*/
#contents .sub_top_wrap .nav > li:not(.home):before { position: absolute; left: -3.15em; top: 50%; width: 20px; height: 1px; background: #fff; content: ''; } 


p > .tit3 { transform: translateY(45px); font-size: 2.5em; } 
p > .tit3.st2 { transform: translateY(40px); line-height: 1.5; font-size: 1.2em; font-weight: 700; text-transform: capitalize; } 
p > .tit4 { transform: translateY(35px); font-size: 2.5em; } 
p > .tit5 { transform: translateY(50px); } 


/*footer*/
.transX14 { transform: translateX(70px); } 
 }


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

/*main*/
.main_box.product > div { flex-direction:column } 
.main_box.product .main_tit { flex-direction:column; width:100% } 
.main_box.product .main_tit > p.tit1 { margin-right:20px } 
.main_box.product .main_tit > p.tt1 br { display:none; } 
.main_box.product .main_con { width: 100%; margin-top: 3em; } 
.main_box.product .swiper-slide { width: 100% !important; height: 550px; } 
.main_box.product .swiper-slide .txt_box { width:95%; height:90%; padding:150px 30px 25px 30px } 
.main_box.product .swiper-slide .img_box { width:95%; height:50% } 
.main_box.product .swiper.pd .swiper_btn_wrap { display:none } 



/*회사개요*/
.txt_box2 .sub_tt.t2 { font-size: 1.5em; } 

.greeting_wrap .greeting_txt .info > .tt { font-size: 16px; } 


/*상세페이지*/
.board_search_detail .wrap_con .list > li .in .con .inp.grow { width: 70% !important; } 


.visual_wrap .news_wrap .news_list li{ padding:28px 25px;}

 }

@media screen and (max-width:450px) { /*main*/
.main-tab > li .tab-btn { font-size: .8em; } 
.main_box.product .swiper-slide { height: 480px; } 
.main_tech > li > a .wrap_in .tt1 { font-size: 1.5em; } 
.main_tech > li > a .wrap_in .t2 { font-size: 1.05em; } 
.main-tab > li .tab-btn { font-size: .7em; } 

.main_count { display: flex; gap: 2em; justify-content: center; } 
.main_count > li { flex: 1 0 100%; max-width: 70%; } 

/*회사개요*/
.itemwrap > h4 { font-size: 1em; } 

p > .tit3.st2 { transform: translateY(40px); line-height: 1.5; font-size: 1em; font-weight: 700; text-transform: capitalize; } 

/*실적소개*/
.gallery_wrap > .gallery_Box {justify-content: center;}
.gallery_wrap > .gallery_Box > li.gallB { width: calc(100% - 1.333em); } 


/*찾아오시는 길*/
.ms_con .ms_list2 > li .page_dot_list { width: 050%; } 

/*program*/
.subpage_tit > .tit { font-size: 1.1em; } 

/*footer*/
.sns_st { display: none; } 
.transX14 { transform: translateX(74px); } 
 }
@media screen and (max-width:400px){
 .main_box.product .swiper-slide { height: 450px; } 
.main_tech > li > a .wrap_in .tt1 { font-size: 1.3em; } 
.main_tech > li > a .wrap_in .t2 { font-size: 1em; } 

.pdfw95 { width: 100%; } 
.main_tit .tt1 { font-size: 1.5em; } 
/*footer*/
#footer .menu_wrap { gap: 1em; } 
#footer .info_wrap { margin-top: 1em; } 

.dp4_menu .dp4_tab li{ padding-right:0;}
 
 
 }


@media screen and (max-width:380px) {
 .board_search_detail .wrap_con .list > li .in .con .inp.grow { width: 67% !important; } 

 /*program*/
.subpage_tit > .tit { font-size: .9em; } 
p > .tit3.st2 { transform: translateY(48px); font-size: .9em; } 

.visual_wrap .news_wrap .news_list li{ padding:2em;}
.visual_wrap .news_wrap .news_list li::before{ width:0;}

 }
@media screen and (max-width:350px) {body { font-size: 7px; } 
 .main_box.product .swiper-slide { height: 380px; } 
.board_search_detail .wrap_con .list > li .in .con .inp.grow { width: 60% !important; } 

.greeting_wrap .greeting_txt .info { padding-top: 12em; } 
 }