@charset "utf-8";/* CSS Document */
@media screen and (max-width:1680px) {.list_prod_wrap .wrap_top .wrap_tab > li { width: 9em; } 
 }

@media screen and (max-width:1440px){
.box2 {width: 1200px;}
}

@media screen and (max-width:1420px) {body { } 
.box1,
.box3 { width: 96%; } 
.box2{max-width: 90%;}

.main_news .inner_wrap .box2{gap: 2em;}



#header .gnb_wrap .gnb > li .dp1 .va { font-size: 1.1em !important; } 
#header .gnb_wrap .gnb > li .dp1 { padding: 0 1em; } 
body.mobile #header .home_wrap .etc_wrap .mem > li.m_bookmark { display:none } 


#header .banner_top .btn { left:auto; right:0; bottom:0; border:1px solid #eee; border-top:none; border-bottom:none } 
#header .banner_top .btn .tt::before { content:"팝업닫기" } 
#header .home_wrap .etc_wrap { margin-right:5em } 
#quick .quickBtn { left:0 } 
.mainCsBtn { left:.5em; bottom:.5em } 

.buSlide_wrap .swiperBtn.p_ar { right: 0px; } 
.buSlide_wrap .swiperBtn.p_al { left: 0px; } 

/* main */
.main_inquiry .wrapIn{ max-width: 76%;}
 }

@media screen and (max-width:1240px) {body { font-size:15px } 
.di_wrap > li { font-size:.938rem } 
.visualSlider .el .img { height: 25.5em; } 
/* .gnb_wrap.flex.vc { display:none; } */
.main_tit .t2 { font-size: 2em !important; } 
.main_more.pd2 { padding-top: 2em !important; } 
.main_box.flex.vc .box1.flex.wrap { display:block; } 
.main_box > .flex .tit_wrap { width: 100% !important; } 
.main_tit.white.ar .fwR { display: block; text-align: center; } 
.main_tit .t2 { text-align: center; margin:.5em 0; } 
.main_inquiry .wrapTit .tit2 { font-size: 2em; } 
.main_tit.white.ar .t3 { } 
.main_tit.white.ar .t3 p { text-align: center; } 
.main_box > .flex > div:nth-child(2) { padding-left: 0em !important; } 

.page_tit > .t4 { font-size:1.7em; } 
.main_news { overflow: hidden; } 
 }

@media screen and (max-width:1140px) {body { font-size:14px } 
.box2 { width:94%; } 
.dp1_product .business_list { overflow: hidden; } 
.di_wrap > li { font-size:.875rem } 

#header .top_wrap .logo { float:left } 
#header .top_wrap .search_wrap { float:none; margin-left:0 } 
#header .top_wrap .search_wrap .search .detail_wrap { left:auto; right:0 } 
#header .top_wrap .search_wrap .search .detail_wrap .detail_in::after { left:auto; right:2em } 
#header .top_wrap .banner_wrap { float:none; right:0; top:0; position: absolute; } 
#header .top_wrap .search_wrap.va_wrap { height:3em; margin-bottom:1em } 
#header .top_wrap .search_wrap .va { width:100% } 
#header .top_wrap .search_wrap .search { width:100%; box-sizing:border-box } 
#header .menu_wrap .menu .gnb > li .dp1 { padding:0 1em } 

#header .menu_wrap .gnb_wrap { display:none } 
#header .top_wrap .etc { position:absolute; right:3%; bottom:-5em } 
#contents .doc { min-height: 0; } 
#footer .cs_wrap .no .tt { font-size:1.25em } 
#footer .cs_wrap .no .t1.tt { font-size:1.313em } 



/*greeting*/
.greetings .img .m_img { right:90px; } 
.greetings .img .line_de { display:none; } 

#header .home_wrap .etc_wrap { margin-right:4em } 
#header .home_wrap .etc_wrap .cart { display:none } 
#header .home_wrap .etc_wrap .mem { position:absolute; bottom:-4.25em; right:5em } 
#header .home_wrap .etc_wrap .mem > li > a { color:#111; padding:0 } 
#header .home_wrap .etc_wrap .mem > li > a .va { display:none } 
#header .home_wrap .etc_wrap .mem > li > a:after { font-family:xeicon!important; font-size:2.25em; line-height:1 } 
#header .home_wrap .etc_wrap .mem > li.m_login > a:after { content:"\e9f5" } 
#header .home_wrap .etc_wrap .mem > li.m_mypage > a:after { content:"\e9f8" } 
#header .home_wrap .etc_wrap .mem > li.m_logout,
#header .home_wrap .etc_wrap .mem > li.m_order,
#header .home_wrap .etc_wrap .mem > li.m_join,
#header .home_wrap .etc_wrap .mem > li.m_bookmark { display:none } 

#header .banner_top .btn { width:3em; line-height:1; margin-left:0; border:none; bottom:0 } 
#header .banner_top .btn .xi::before { content:"\e9af" } 
#header .banner_top.on .btn .xi::before { content:"\e946" } 
#header .banner_top .btn .tt { display:none !important } 

#header .top_wrap .va_wrap { height:5em } 
#header .top_wrap .banner_wrap { display:none } 

#header .cate_wrap .arrow { display:none } 
/*#header .menu_wrap .on.all .all_wrap { } 
#header .menu_wrap .all { float:none } 
#header .menu_wrap .all .all_btn { position:absolute; right:2%; top:-8em; color:#000; padding:0 } 
#header .menu_wrap .all .all_btn .xi { font-size:2.75em; line-height:1 } 
#header .menu_wrap .all .all_btn .tt,
#header .menu_wrap .all .all_btn .arrow { display:none } 
#header .menu_wrap .all.on .all_btn { position:fixed; left:0; z-index:10001; width:10%; height:100%; top:0; background:none; border:none; text-align:center; color:#fff } 
#header .menu_wrap .all.on .all_btn .va { vertical-align:top } 
#header .menu_wrap .all.on .all_btn .xi { padding-top:.25em } 
#header .menu_wrap .all.on .all_btn .xi:before { content:"\e9af" } 
#header .menu_wrap .all .all_wrap { position:fixed; left:0; right:0; top:0; width:100%; z-index:10000; border:none; background:none; height:auto } 
#header .menu_wrap .all.on .all_wrap { height:100% } 
#header .menu_wrap .all .all_wrap .all_pc { display:none } 
#header .menu_wrap .all .all_wrap .all_mobile { display:block } 
#header .menu_wrap .all .all_wrap .all_mobile .bg { content:""; position:absolute; right:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.8) } 
#header .menu_wrap .all .all_wrap .all_mobile .wrap_in { position:absolute; right:0; top:0; width:90%; height:100%; background:#fff } 
#header .menu_wrap .all .all_wrap .all_mobile .all_top { padding:1em 1.5em; background:#f1f1f1 } 
#header .menu_wrap .all .all_wrap .all_mobile .all_top .tt { line-height:2em; font-size:1.063em } 
#header .menu_wrap .all .all_wrap .all_mobile .gnb > li { display:block; width:100% } */

#header .menu_wrap .menu { float:left } 
#header .menu_wrap .menu .gnb { display: flex; } 
#header .menu_wrap .menu .gnb > li { flex-basis:auto; flex-grow: 1; flex-shrink: 0; } 
#header .menu_wrap .menu .gnb > li > .dp1 { padding:0 } 

#quick { display:none } 

.bgMoveWrap .bgMove { display:none } 

.main_top .shop_list .mainTopShop .in .tit { font-size:1.125em; margin-bottom:.5em } 
.main_top .shop_list .mainTopShop .in .tt { display:none } 
.main_top .shop_list .mainTopShop_wrap { padding-bottom:150% } 
.main_top .shop_list .mainTopShop_wrap .wrap_tit { visibility:hidden; height:1em; padding:0; overflow:hidden } 
.main_top .shop_list_best .list > li > a { line-height:1.625em; padding:0 1em 0 .5em } 
.main_top .special > li .wrap_in .tit { font-size:1em; padding-bottom:.5em } 
.main_top .special > li .wrap_in .tt { display:none } 

.mainMiddleBanner .in .resize { padding-top:.25em } 
.mainVisual_wrap, .mainVisual .slick-track, .mainVisual .item { height:25em } 

/*greetings*/
.board_st.gallery .list > li { width: 33.33% !important; } 



/**/
.pr_con_wrap .fixIn { display:none } 
 }

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


.PC { display:none !important } 
.PHONE { display:block !important } 

.mainBannerSlider .el .img { height: 12.75em; } 
/* .page_layout .layImg { width: 0%; } */
.greetings_wrap > .wrap_img { width:40%; margin:0 auto; } 
.greetings_wrap > .wrap_tt { margin:0 auto; width:50%; } 
.prod_wrap > li { width:33.3%; } 

/* #contents .sub_page_top .bg {height: 18em;} */
#contents .sub_tit_wrap {padding: 3em 0 0em;}
#contents .sub_tit_wrap .headerT{padding-top: 7.3em;}

#header .gnb_wrap { display:none; } 

#footerN .box1.flexN.wrapper .wrap_in.notice.grow { display:none; } 

#quickN { width:100%; border-radius:0em; } 
#quickN .menu { display:flex; } 
#quickN .menu li { width:20%; } 
#quickN .menu > li > .list { display:none; } 
.scroll #quickN .menu > li.top > a { height:6em; } 
.mainBannerSlider .el .img { height: 10.75em; } 
.main_newsSlider .el { width: 33.3% !important; } 

/* .performance_list { flex-wrap: wrap; }  */
/* .performance_list li { flex: 1 1 calc((90% - 1em) / 2); max-width: calc((100% - 1em) / 2); }  */

/*maian*/
.section {height: unset !important;}
.main_inquiry {padding-bottom: 3em;}

.main_tit_box .area {flex-wrap: wrap; justify-content: center !important; }
.main_tit_box .area .txt {width: 100%;}
.main_tit_box .area .main_tit_btn {margin-top: 2em;}

.performance_con2 {padding: 4em 0; margin-top:unset;}

.main_customer .wrapIn {padding: 3em 0; margin-top: unset;}
.main_newsN {width: 100%; padding: 0; background: unset;}
.main_link {width: 100%;display: flex; gap: 1em; flex-direction: row; margin-top: 1.5em;}

.main_inquiry .wrapIn {max-width: unset;}
.main .inner2 { padding-top: 4em; } 
.main_inquiry .wrapIn { flex-direction: column; gap: 2em; } 
.main_inquiry .wrapTit { width: 86%;} 
.main_inquiry .wrapTit .tit1 { font-size: 1.43em; } 
.main_inquiry .wrapTit .tit2 { font-size: 3em; } 
.main_inquiry .wrapTit .tt1 { font-size: 1.85em; margin-top: 1em; } 
.main_inquiry .formSt { justify-content: center; } 
/* .main_inquiry .formSt > li { width: 87%; }  */
/* .main_inquiry .formSt > li.w1 { width: calc(43.5% - .5em); }  */

.page_layout3 {gap: 2em;}
.page_layout3 .wrap_in {width: calc((100% - 4.5em) / 2);}
.page_layout3 .wrap_in .img_wrap {min-height: 15em;}
.page_layout3 .wrap_in .con_wrap {padding: 1.7em;}
.page_layout3 .wrap_in .con_wrap .page_tit {margin-bottom: unset;}
.page_layout3 .wrap_in .con_wrap .page_tit.flex > .tt {font-size: 1.25em;}

.history-layout {gap: 3em; flex-wrap: wrap;}
.history-layout .left {position: relative; top: unset; margin-top: unset;}
.history-layout .left .img-wrap {height: 16em; overflow: hidden;}

.w_name,
.w_date {display: none;}


.main_news{padding: 4em 0;}
.main_tit_box {text-align: center;}
.main_tit_box .main_tit{font-size: 32px;}
.main_tit_box .main_tit.st2 {font-size: 32px;}
.main_tit_box .tt2 {font-size: 1.13em;}

.main_news .inner_wrap{ gap: 3em;}
.main_news .inner_wrap .box2{flex-direction: column;}
.main_news .news_wrap,
.main_news .other_menu{width: 100%;}

.performancePC{ margin: 5em auto;}
.performance_con{flex-direction: column; margin: 5em 0;}
.performance_wrap{width: 100%;}
.main_performance .main_tit_box{ width: 100%;}


/* sub */
.business_info .infoCon{flex-direction: column;}
.business_info .infoCon .tit_box,
.business_info .infoCon .txt_box{width: 100%;}
.business_info .infoCon .tit_box{border-bottom: none; padding: 2em;}
.business_info .infoCon .txt_box{padding: 2em;}

.visualSlide_wrap .main_infomation{padding: 1em 0;}

.visualSlide_wrap .main_infomation .infoCon .t1{display: none;}

/**/


/* 채용대행 */
.pointInfo_list li .icon_wrap img{max-width: 50%; margin: 0 auto; display: block;}
.pointInfo_list li{ width: 100%;}

.performance_con{margin-left: 0;}


}

@media screen and (max-width:920px) {
.visualSlider .el .img { height: 21.5em; } 

/*greetings*/

.greetings .img .bg_img { width:320px; right:30px; height:410px; } 
.greetings .img .m_img { width:320px; right:50px; height:410px; } 
.greetings .tx_b .tx_b_01 .eg_tx { display:none; } 

#header .top_wrap .menu { padding-right:5em } 

.location_info > .con {gap: 2em; padding: 2em 3em;}
.location_info > .con > .office {width: 10em;}
.location_info > .con > .address .tit {font-size: 20px;}

}

@media screen and (max-width:860px) {
body { font-size:13px } 
.di_wrap > li { font-size:.813rem } 

.pc_hide { display:block } 
.main_tit.white.ar .t3 p { display:none; } 

.inquiry_form.flex.wrap { display:block !important; } 

.main_business .list { height: 50%; } 
.main_box.flex.col.space.box1 .flex.wrap { flex-direction: column; } 
.main_business .list > li .wrap_in { padding: 3em 6vw !important; } 
#section1 .main_tit.box1.ac { margin: 5em 0 2em 3em !important; } 
/*모바일퀵*/
.mQuick { display:block; position:fixed; z-index:1002; left:0; bottom:0; width:100%; background:#393a3e; border-top:1px solid #111; text-align:center; } 
.mQuick .vm_wrap { height:60px; } 
.mQuick ul > li { width:20%; } 
.mQuick ul > li > a { color:#fff; padding:.8em 0 } 
.mQuick ul > li > a .xi { display:block; font-size:1.500em; } 
.mQuick ul > li > a .tt { display:block; font-size:.750em; } 

#headerN .menu_wrap .box1.flexN.vc,
#headerN .link_wrap.flexN.vc { display:none } 

#headerN .top_wrap { padding: 1em 0 2em; } 

#header .banner_top.on .btn { display:none } 

#header .top_wrap { background:none; padding-top:0 } 
#header .logo > a > img { height: 69%; } 
/* #header .top_wrap .logo img { height:4.5em; width:auto !important } */
#header .top_wrap .menu { padding-right:0 } 
#header .top_wrap .menu > li:not(.go_hancom) { display:none } 
#header .top_wrap .menu > li.go_hancom .in { width:auto } 
#header .menu_wrap .box1 { width:100%; max-width:100% } 
#header .menu_wrap .etc .icon_menu { position:absolute; right:8px; top:-3.3em; } 
#header .menu_wrap .etc .icon_menu li:nth-child(1) { display:none } 
#header .menu_wrap .etc { float:none; background:#f9f9f9 } 
#header .menu_wrap .etc.va_wrap { height:3.5em } 
#header .menu_wrap .etc .search_wrap.active .detail_box { left:-1em } 
#header .top_wrap .in { width:13em } 
#header .top_wrap .logo { width:14em; padding-left: 0; } 
/* #header .top_wrap .logo img { width:13em; } */
#header .menu_wrap .va_wrap { height:3em } 
#header .top_wrap .etc { margin:0; bottom:-4em } 
#header .top_wrap .etc .search_wrap { width:23.25em; } 

#header .menu_wrap .fl_wrap .all { display:none } 
/* #header .all_btn { position:absolute; left:0; width:60px; } 
#header .all_btn .ham { position:relative; display:block; margin:0 auto; width:20px !important; left:-8px; } 
#header .all_btn .ham,
#header .all_btn .ham:before,
#header .all_btn .ham:after { width:25px; height:2px; background:#111; transition:.2s; } 
#header .all_btn .ham:before,
#header .all_btn .ham:after { content:""; position:absolute; left:0; } 
#header .all_btn .ham:before { top:-8px; } 
#header .all_btn .ham:after { bottom:-8px; } 
#header .all_btn:hover .ham { left:0; width:25px !important; }  */

#LeftNavigation .column.pagemenu .gnb.flex { display:block; } 

.main_banner { padding:1em 0 !important } 
.main_banner .inner { margin-left:-1em } 
.main_banner .inner .link { margin-left:1em } 
.main_banner .resize { padding-bottom:66% } 
.main_banner .inner .link .con_wrap { padding-top:1.75em; } 
.main_banner .inner .link .con_wrap > dt { font-size:1.250em } 
.l-nav .nav_logo .logo img { max-height: 5.5em; padding: 0em; margin-top: -1em; } 

/**/
#contents .doc { padding:3em 0 6em; } 
#contents .sub_top_wrap .sub_visual .t2 { font-size:1.570em } 
#contents .sub_top_wrap .sub_gnb .box1 { width:100%; max-width:100% } 
#contents .sub_top_wrap .sub_visual { padding:1.5em 0 } 


/*header*/
#header .menu_wrap .menu { float:left } 

/*board*/
.input_st.w3 { width:18.25em } 
.board_search_wrap { font-size:.750rem; } 
.board_search_wrap .left { padding-bottom:.3em } 
.board_search_wrap .left,
.board_search_wrap .right { float:none } 
.board_search_wrap .input_st[type=text] { width:14em } 
.board_view_top, .board_view_middle, .board_view_bottom { font-size:.750rem } 
.board_st.view { font-size:.750rem } 
.board_st { font-size:.750rem } 
.w_no { width:2.5em } 
.w_name { width:3.5em } 
.w_date { width:7em } 
.w_hit { width:5em } 
.w_img { width:7em } 
.w_star { width:6em } 
.w_btn { width:4em } 
.w_prod { width:15em } 
.w_state { width:3em } 
.w_price { width:8em } 
.w_check { width:2em } 
.w_btn2 { width:4em } 
.w_order_num { width:6em } 
.w_vol { width:6em } 
.w_point { width:5em } 
.input_st.s1 { font-size:.875em } 
.input_st.w5 { } 
.dp2_order .w_prod { width:7em } 
.dp2_order .w_price { width:5em } 
.dp2_order .w_date { width:4em } 
.board_search_wrap .search_cate { overflow-x:scroll } 
/*.search_cate .input_st.s3 { min-width:10em } */
.board_search_wrap .search_cate.left { padding-bottom:.3em } 
.board_search_wrap .search_cate.left button { flex:1 0 5em } 
.board_search_wrap .search_cate button { flex:1 0 auto } 
.board_st th, .board_st td { padding:.5em } 
input[type=button].input_st, input[type=submit].input_st, button.input_st, a.input_st { min-width:3.5em } 
.table_st th, .table_st td { height:1.5em } 
.my_search_wrap { font-size:.750rem; } 
.my_search_wrap > em { display:block; margin:.3em 0 } 
.my_search_wrap input[type=button].input_st, input[type=submit].input_st, button.input_st, a.input_st { } 
.input_sec { display:inline-block } 
.input_st.s2 { height:2.8em; } 
.board_st.faq .BScon .w_tit { padding-top:1em } 
.shopping .w_price { width:5em } 
.shopping .w_prod { width:6em } 
.shopping .table_st.noline .label_st.ml30 { margin-left:20px !important } 


.table_st .total_wrap:before, .table_st .total_wrap:after { display:none } 
.order_wrap { padding-right:0 } 
.order_wrap .order_fix_wrap { width:100% } 
.order_wrap .order_fix_wrap .order_fix { width:100%; position:unset !important; top:unset !important } 
.fixWrap .fixIn .fixObj.scroll { position:unset !important; bottom:0; top:unset !important } 
.fixWrap .fixIn { position:unset !important; margin-top:1em } 
.fixWrap .fixIn .fixObj.bottom { position:unset !important; top:unset !important } 

.page_tit > .t5 { font-size: 1em !important; } 
/* .page_layout3 .wrap_in .con_wrap { padding: 1.5em 2.5em; }  */
/*.sub_section.page_con.bg3 .wrap_in.flex.wrap { display:block !important; } */

/*.order_wrap .order_fix_wrap .order_fix { width:100%; position:relative; bottom:0; top:unset !important } 
.order_wrap .order_fix_wrap { width:100% } 
.fixWrap .fixIn { position:relative } 
.fixWrap .fixIn .fixObj.bottom { position:relative; bottom:0; } 
.fixWrap .fixIn .fixObj.scroll { top:unset !important; position:relative; bottom:0 } 
.table_st .total_wrap:before, .table_st .total_wrap:after { display:none } */



/*company*/
.page_tit > .t4 { font-size: 1em; } 

/*제품페이지*/
.tab_st > li > a .va { font-size:1em } 
.list_prod_wrap .list_prod .prod .in .con_wrap { padding-bottom:1.5em } 

.mall_view_top .mall_view_img { width:100% } 
.mall_view_top .mall_view_img .thumb { text-align:center } 
.mall_view_top .mall_view_info { width:100%; margin-top:1em } 
.mall_view_top .mall_view_info .prod_tit .t1 { font-size:1.125em } 
.mall_view_wrap { padding:1em } 

.prod_wrap > li { width:50%; } 


/*회원가입*/
.tbox .t0 { font-size:1.375em } 
.tbox .t2 { font-size:.875em } 
.join_type > li .in .tit { font-size:1.375em } 
.w_form_tit { width:8em } 
.login_wrap .login .link_wrap > li > a { padding:0 .5em } 
.fl_wrap > li > a:not(.va), .fl_wrap > li > .in:last-child { margin-top:1em; } 

.main_top .wrap_sec .con1 { left:auto; right:0; width:37%; z-index:1; height:auto } 
.main_top .wrap_sec .con2 { padding:0; margin:0; width:61% } 
.main_top .wrap_sec .con3 { position:relative; width:100%; padding-right:39%; box-sizing:border-box; margin-top:1em } 
.main_top .wrap_sec .con3:after { content:""; clear:both; display:block } 
.main_top .wrap_sec .con3 .mainTopShopMD { float:left; width:48% } 
.main_top .wrap_sec .con3 .mainTopShopMD + .mainTopShopMD { float:right } 
.main_top .shop_list .mainTopShop_wrap { padding-bottom:163% } 
.main_top .shop_list .mainTopShop .in .tit { font-size:1.25em } 
.main_top .shop_list .mainTopShop .in .tt { display:block; font-size:.938em; margin:.5em 0 } 
.main_top .shop_list_best { position:relative; font-size:1.125em; margin-top:.625em } 
.main_top .shop_list_best .list > li > a { line-height:2em } 
.main_top .banner_link { width:37%; left:auto; right:0 } 
.mall_view_top .mall_view_btn > li .btn { font-size:.875em } 

.mainVisual_wrap, .mainVisual .slick-track, .mainVisual .item { height:22em } 

.main_tit_banner { overflow:hidden; padding:1em 0 .5em 0 } 
.main_tit_banner .banner { position: relative; top:0 } 
.main_tit_banner .banner.left { float:left; width:49.5% } 
.main_tit_banner .banner.right { float:right; width:49.5%; margin-bottom:.5em } 
.main_tit_banner .main_tit { clear:both; padding-top:3em; margin:0; width:100% } 

.main_middle .wrap_sec .con2 { width:100%; margin:0 } 
.main_middle .wrap_sec .con1,
.main_middle .wrap_sec .con3 { position:static; float:left; width:50%; overflow:hidden } 
.main_middle .wrap_sec .mainMiddleBanner { float:left; width:49% } 
.mainMiddleBanner { margin:.5em .5% 1em .5% } 
.mainMiddleBanner::before,
.mainMiddleBanner::after { border:none } 
.mainMiddleBanner .in .resize { padding-top:0 } 

.main_etc_wrap .wrap1,
.main_etc_wrap .wrap2 { width:100% } 

.main_performance .news_list li .con_wrap .tit {font-size: 1.25em;}

.tab.cateImg .gnb > li { width:25% } 
.tab.cateImg .gnb > li > a { padding-bottom:40%; margin-top:.25em; margin-bottom:.25em } 
.tab.cateImg .el > a .va { width:100%; border-radius:0; box-sizing:border-box; border:none } 
.tab.cateImg .el > a .va .tt { font-size:.875em } 

.st1.list_prod_wrap .list_prod .prod > li { width:25% } 
.st4.list_prod_wrap { min-height:inherit } 
.st4.list_prod_wrap .list_prod .prod .in .con_wrap { bottom:0; width:45% } 

.mainPartners .el { width:25% } 

#footer .cs_wrap { text-align:center } 
#footer .cs_wrap .wrap1 { width:100% } 
#footer .cs_wrap .link { display:inline-block; width:100%; max-width:30em } 
#footer .cs_wrap .wrap2 { margin:2em 2.5%; width:45% } 
#footer .cs_wrap .cs_tit2 { margin-bottom:.5em } 

#footer .info_wrap .logo { float:none; width:50%; max-width:15em; margin-bottom:1em } 
#footer .info_wrap .info,
#footer .info_wrap .etc { float:none; width:100% } 
#footer .info_wrap .etc > dl { border-top:1px solid rgba(255,255,255,.1); border-left:none; padding-left:0; padding-top:1em; margin-top:1em } 
#footer .etc_wrap .box1 { width:100% } 
#footer .etc_wrap .logo > li > a { padding-bottom:20% } 

.section.main_business {height: unset !important;}

.buSlide > .flex {flex-wrap: wrap;}
.buSlide .el {flex: 1 100%;}
.buSlide .el > .img_box {height: 20rem;}
.buSlide .el > .img_box > .txt_area .txt_wrap .tt,
.buSlide .el > .img_box > .txt_area .txt_wrap .tt2 {width: 100%;}

/*greetings*/

.greet_wrap .greet-con .img_wrap { display: none; } 
.greet_wrap .greet-con .txt_wrap::before { bottom: 0.3em; } 
.greet_wrap .greet-con .txt_wrap p.ceo {padding-right: unset;}

/**/
.sub_lnb_wrap,
.sub_con_wrap { float:none; width:100% } 
.sub_lnb_wrap { position:relative; min-height:8.3em; padding-left:0; box-sizing:border-box; margin-bottom:1em } 
.sub_lnb_wrap .cateImg { position:absolute; left:0; top:0; width:10em; height:8.3em } 
.sub_lnb_wrap .cate_list { border:none } 
.sub_lnb_wrap .cate_list .dp2:after { content:""; clear:both; display:block } 
.sub_lnb_wrap .cate_list .dp2 > li { float:left; width:33.33% } 
.sub_lnb_wrap .cate_list .dp3_wrap { display:none } 
.sub_lnb_wrap .list_banner { display:none } 

.st3.list_prod_wrap .list_prod .prod > li:nth:child(3n+1) { clear:both } 

.pr_top .top_in { padding:1em 0; margin:0 } 
.pr_top .top_in .info { max-width:100%; display:block } 
.pr_top .top_in .no { position:relative; width:auto; margin-top:2em } 

.map_contents > li .map_size { height:20em } 

.page_tit .t1 { font-size:1.5rem } 
.enterInfoCon1 .el { display:flex; flex-wrap:wrap } 
.enterInfoCon1 .el .img_wrap { width:100%; margin-left:0; order:-1 } 
.enterInfoCon1 .el .con_wrap { position:relative; width:100% } 
.enterInfoCon1 .el .con_wrap .no { margin:1em 0 0 0 } 
.enterInfoCon1 .el .con_wrap .tt { padding-left:0 } 
.enterInfoCon2 > li { width:50% } 
.enterInfoCon2 > li .in { padding-right:1em; padding-bottom:6em } 
.enterInfoCon3 .con_wrap .tt br { display:none } 

.addCon1 > li { } 
.addCon1 > li .in { margin-top:0 } 
.addCon1 > li .resize { padding-bottom:100% !important; font-size:.75em } 
.addCon3,
.monitor { float:none; width:auto } 
.addCon3 { margin-bottom:2em } 
.addCon3 .st1.in { margin-left:0 } 

.memberstatus_wrap .img { position:relative; width:auto; margin-top:1em } 
.memberstatus_wrap .con { padding-left:0 } 

.table_wrap { overflow-x:auto } 
.table_wrap > table { width:1200px } 

.form_wrap { padding:0; border:none } 
.form_wrap .tit_wrap,
.form_wrap .con_wrap { float:none; width:auto } 
.form_wrap .tit_wrap .page_tit { margin-bottom:0 } 

.login_w { padding:1.5em } 

.join_type { display:flex; flex-wrap:wrap } 
.join_type > li { float:none; width:100% } 
.join_type > li:last-child { order:-1 } 
.join_type > li .in { min-height:inherit; padding:1.5em } 

.step_st { font-size:.75em } 
/* .page_tit { font-size:2em }  */

/* .page_layout3 .wrap_in .con_wrap .page_tit.flex > .tt.en {font-size: .9em;}
.page_layout3 .wrap_in .con_wrap .page_tit.flex > .tt.t7 { font-size: 1.2em !important;} */
 }

@media screen and (max-width:768px) { /* #header { width: 95%; } */
.box2{max-width: 97%;}
#contents .sub_page_menu .menu .box1{width: 100%;}
.doc.pb0 .page_tit.w1 { width: 100%; } 
.sub_section.page_con.bg1 .page_layout .layCon:first-child { padding: 0 0em 0 0; } 
.doc.pb0 .sub_section.page_con:last-child { padding-bottom: 7em; } 

.mainBannerSlider .el .img { height: 8.75em; } 
#contents .sub_visual_wrap .wrap_in .twrap .t2 { font-size: 2.3em; } 

.snsQuick{display: none;}

/**/
#contents .sub_page_menu .menu .def{width: 100%;}
#contents .sub_page_menu .menu .def .tit{min-width: 0;}

/**/
#header .logo > a .tt { font-size: 1.6em; } 
#header .etc_wrap .all_wrap .all .gnb { flex-wrap: wrap; } 
#header .etc_wrap .all_wrap .all .gnb > li { flex: 0 1 100%; } 
/*main*/
.main_inquiry .formSt > li.w1 {  height: 4.55em; } 
.main_business .business_list > li:first-of-type { flex-direction: column-reverse; } 
.main_business .business_list > li:nth-of-type(2) { flex-direction: column; } 
.business_list li .tx_wrap { width: 100%; padding-left: 1em; position: relative; margin-top: 1em; } 
.business_list li .tx_wrap .business_btn { position: absolute; top: 50px; right: 43px; } 
.main .business_list li .img_wrap { width: 100%; height: auto; } 
.business_list li .img_wrap img { width: 100%; height: 100%; } 
.dp1_product .business_list li .img_wrap { width: 100%; height: auto; } 

.visualSlider_wrap .slogan .t2 { font-size: 3.5em; } 

.main_inquiry .formSt .inquiry_list li .label_st .xi ~ span { margin-left: 2.5em; } 

.main_performance .news_list li > .in {gap: 2em;}

.main_newsN .list {gap: 1em;}
.main_newsN .list > li {flex: 0 0 calc((100% - 1em) / 2);}
.main_newsN .list > li:last-child {display: none;}
/* .main_newsN .list{ flex-wrap: wrap;}
.main_newsN .list > li{ flex: 0 0 100%;}
.main_newsN .list > li .in{ display: flex;}
.main_newsN .list > li .in .img_wrap{ width: 38%; } 
.main_newsN .list > li .in .img_wrap .resize { padding-bottom: 100%;}
.main_newsN .list > li .in .con_wrap{ flex:1;}
.main_newsN .list > li .in .con_wrap .tt {height: 3em; -webkit-line-clamp: 2;} */

.performance_con{gap: 4em;}
.performance_list li{height: 35vh;}

/*company*/
.page_layout { flex-direction: column-reverse; } 
.page_layout .layImg { width: 100%; } 
.page_layout .layImg > .wrap_img.st1 { width: 100%; height: 20em; transform: translateY(-3em); } 
.main_performance .main_tit_box .area .txt{margin-bottom: 2em;}

/*result*/
.customer_list li { flex: 1 48%; max-width: 50%; } 

.prod_wrapN .prod_stN { width: calc(50% - 1.5em); } 
.prod_wrapN.sec1 .prod_stN { width: calc(50% - 1.3333em); } 

.main_box.p0 .box1 .main_guide_banner { display: block; } 
.main_guide_banner .el { width: calc(100% - 0em); margin-bottom: 1.5em; } 
.board_search_wrap { margin-bottom: 2em; } 
.main_resultSlider .el .wrap_in .img { width: 100% !important; height: 60% !important; } 
.main_resultSlider .el .wrap_in .txtLayer { width: 90% !important; height: 40% !important; } 
.main_resultSlider .el .wrap_in .txtLayer { top: 50% !important; bottom: 3.5em !important; padding: 2em 2em !important; } 
.page_tit > .t3.en { font-size: 1em; } 

#contents .sub_tab.dp2on .m_product.on.more { display:none !important; } 

#footerN { margin-top:4em; } 
#footerN .cs_wrap .wrap_in .wrap_con .no { font-size:1.45em; } 
#footerN .cs_wrap .wrapper { gap: 3em; } 

.board_st.gallery .list > li { width: 50% !important; } 

/* overview */
.main_overview .overview_list { max-width: 100%; } 
.main_overview .overview_list li { width: 100%; } 

.label_st input[type=radio] { height:0; overflow:hidden; appearance: none; -webkit-appearance: none; -moz-appearance: none; position: absolute; left: 0; top: 0; width: 0; height: 0; opacity: 0; } 
.page_layout3 .wrap_in {width: calc((100% - 2.5em) / 2);justify-content: center;}
/* .page_layout3 .wrap_in .con_wrap .page_tit.flex > .tt {font-size: 1em;} */
.page_layout3 .wrap_in .con_wrap .page_tit.flex > .tt.en {font-size: .85em; width: 1.5em; height: 1.5em; display: flex; align-items: center; justify-content: center;}

.location_info > .con > .office {display: none;}

/*footer*/
#footer .box1 { flex-direction: column; width: 90%;}
#footer .f_top .sns{border-bottom: 1px solid #666;}
#footer .sns_st{ padding: 1.5em 0; justify-content: center;}
#footer .wrap_in{padding-top: 0;}
#footer .wrap_in > .flex {flex-direction: column-reverse;}
#footer .f_top{ margin-bottom: 2em; flex-direction: column;}
.sns_st{justify-content: start;}
#footer .f_bottom{flex-direction: column; align-items: start; gap: 2em; width: 100%;}
#footer .info{margin-left: 0;}

.business_info .infoCon{ margin: 2em 0.5em;}
.business_info .infoCon .tit{font-size: 1.69em;}

#section2.main_performance {padding: 0;}

/* 채용대행 */
.pointInfo_list li .icon_wrap{width: 20%;}
.pointInfo_list li .icon_wrap img{max-width: 100%; margin: 0;}


}

@media screen and (max-width:700px) {
.location_info > .con { flex-wrap: wrap; gap: 2em; } 
.location_info > .con > .office { width: 100%; border-bottom: 1px solid #fff; padding-bottom: 1em; border-right: 0; } 
.location_info > .con > .address .tit { font-size: 20px; } 

.bu_slogan .tt::before {font-size: 3.4em;}
 }
@media screen and (max-width:660px) {
.main_inquiry .wrapTit .tit1 { font-size: 20px; } 
.main_inquiry .wrapTit .tit2 { font-size: 32px } 
.main_inquiry .wrapTit .tt1 { font-size: 1.13em; } 
.main_inquiry .formSt > li:first-of-type .wrap_in .input_st.s1 { height: 6.5em !important; gap: unset;} 
.main_inquiry .formSt .wrap_in:not(.btnW) > * { flex-wrap: wrap; } 
.main_inquiry .formSt .input_st.s1 {padding: .5em 1em;}

.bu_slogan .tt { font-size: 2.5em; } 
.bu_slogan .tt::before {font-size: 3em;}


.history-layout .left .img-wrap { height: 20em; } 
.history-layout { gap: 3em; } 
.history_wrap .history > li { margin-left: 0.5em; } 

#contents .sub_page_menu .gnb { display: none; }
.location_info > .con > .address .tit {font-size: 16px;}
 }


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

.pc_hide { display:block } /*모바일퀵*/

.m_response { visibility:visible; display:table-row } /*회원가입테이블*/
.p_response { display:none } 

.wrap_in.flex.wrap {margin-bottom: 1em; } 

#header .menu_wrap .menu { padding:0; float:none } 
#header .menu_wrap .menu li { } 
#header .menu_wrap .menu .gnb { display:block } 
#header .menu_wrap .menu .gnb > li { width:25% } 
#header .menu_wrap .menu .gnb > li .dp1 { height:2em } 
#header .menu_wrap .etc .search_wrap { float:none } 
.st1#header .home_wrap .site { float:none } 
.st1#header .home_wrap .site > li { max-width:50% } 
.st1#header .home_wrap .site > li > a { max-width:100% } 
#header .banner_top .btn .xi { font-size:1.5em } 
#header .banner_top .twrap .t1 { font-size:1.5em } 
#header .menu_wrap .menu { margin-left:0 } 
#header .menu_wrap .menu > li > a { padding:0 .5em } 
#header .top_wrap .etc { max-width:40% } 
#header .top_wrap .etc .search_wrap { width:100% } 
#header .top_wrap .menu > li.go_hancom .in { padding:.25em 1em } 
#header .top_wrap .menu > li.go_hancom .in .xi { font-size:1.5em } 
#header .top_wrap .menu > li.go_hancom .in .tt { display:none } 

#headerN .top_wrap .logo > a { height: 2.5em; } 
#headerN .banner_top.toggleWrap { display:none; } 

#contents .sub_top_wrap .sub_gnb .gnb > li .dp2 { display:none } 
#contents .sub_top_wrap.st1 .sub_visual { padding: 3em 0; } 

.main_prod_best.flexN .tab_wrap { text-align: left; } 
.main_box, .main_box.bg1 { text-align: center; } 

.swiper-container-horizontal > .swiper-pagination-bullets { display:none; } 

.visualSlide_wrap .slogan .t2 { font-weight: 700; font-size: 3em; margin-bottom: 1.5em;} 

/*모바일퀵*/
.mQuick { display:block; position:fixed; z-index:1002; left:0; bottom:0; width:100%; background:#393a3e; border-top:1px solid #111; text-align:center; } 
.mQuick .vm_wrap { height:60px; } 
.mQuick ul > li { width:20%; } 
.mQuick ul > li > a { color:#fff; padding:.8em 0 } 
.mQuick ul > li > a .xi { display:block; font-size:1.500em; } 
.mQuick ul > li > a .tt { display:block; font-size:.750em; } 

.mainVisual_wrap, .mainVisual .slick-track, .mainVisual .item { height:17em } 
.mainVisual_wrap .slick-dots { bottom:1em } 

.visualSlider .el .img { height: 14.5em; } 
.visualSlider_wrap .control_wrap { display:none; } 
/* .main_box { padding: 2em 0; } */


.mainBestSliderB_wrap .control .swiperBtn.prev, 
.mainBestSliderB_wrap .control .swiperBtn.next {display:none } 

/*main*/
.business_list li .tx_wrap { text-align: left; } 

/*company*/
.history_wrap .history > li .year .tt { font-size: 2em; } 

/*product*/
.business_list > li:nth-child(odd) { flex-direction: column-reverse; } 
.business_list > li:nth-child(even) { flex-direction: column; } 
.business_list li .tx_wrap .tit { font-size: 1.5em; } 
.business_list li .tx_wrap .tx1 { font-size: 1.1em; margin-top: .5em; } 
.business_list li .tx_wrap .tx2 { margin-top: .5em; font-size: 1em; width: 100%; } 

.mainPartners .el { width:50% } 
.mainBannerSlider .el .img { height: 6em; } 
#footer .cs_wrap .wrap2 { margin-left:5%; margin-right:0; width:95%; text-align:center } 
#footer .menu_wrap { position:relative } 
#footer .menu_wrap .menu { padding:.5em 0 } 
#footer .menu_wrap .va_wrap { height:2em } 
#footer .menu_wrap .gotop { position:absolute; left:50%; top:-2em; height:2em; width:2.5em; margin-left:-1em; background:#222 } 
#footer .menu_wrap .gotop .tt { display:none } 
#footer .etc_wrap .logo > li { width:50% } 
#footerN .box1.flexN.wrapper { display:block; } 
#footerN .cs_wrap { padding: 3em 0 1.5em; } 
#footerN .cs_wrap .wrap_in.file .fileBtn { margin-top: 1.5em; } 

.main_news .news_list li .img_wrap { width: 30%; height: 6em; overflow: hidden; } 
.main_news .news_list li .con_wrap { text-align: left; } 
.main_news .news_list li .con_wrap .tit { font-size: 1.3em; } 
.main_news .news_list li .con_wrap .txt { font-size: 1em; } 



 }

@media screen and (max-width:620px) {
#header .etc_wrap .all_wrap .all .gnb { height: 40em; } 

.prod_wrap > li { width: 100%; } 
.main_newsSlider .el { width: 100% !important; } 

input[type=button].input_st,
.input_st.c3 { margin-bottom:.5em; } 


#footer .wrap_in .box2.flex { flex-direction: column; } 
#footer .logo img { display:none; } 
#footer .menu { order: -1; display: flex; gap: 1em; margin-bottom: .8em; } 
#footer .menu > li > a { margin-top: 0; } 
.sub_section.page_con.bg3 .wrap_in.flex.wrap { display:block !important; } 

.main .inner { padding-top: 3em; } 
.page_tit > .t7 { font-size: 1.2em;}
/*main*/
.main_inquiry .wrapIn { display: block !important; } 
.main_inquiry .wrapTit { width: 90%; margin-bottom: 1.5em; position: static; } 
.main_inquiry .formSt .inquiry_list li .label_st { display: block !important; } 
.main_inquiry .formSt .inquiry_list li .label_st .xi ~ span { margin-left: 2.5em; } 
.main_tit.white { margin-bottom: 1em; } 
/* .main_inquiry .formSt > li { width: 95%; }  */
/* .main_inquiry .formSt > li.w1 { width: 95%; }  */
.main_inquiry .formSt > li.w1 .wrap_in { flex-direction: column; align-items: unset; height: 4.5em; } 
.main_inquiry .inquiry_con .inquiry_list .tit { margin-bottom: .5em; } 
.main_inquiry .inquiry_con .label_st { min-width: 0 !important; } 
.main_inquiry .formSt .wrap_in.btnW { flex-direction: column; } 
.main_inquiry .formSt .wrap_in .privacy { flex: unset; } 
.main_inquiry .formSt .input_st { width: 100%; } 
.business_list li .tx_wrap { text-align: left; } 

.main_performance .news_list li > .in {flex-wrap: wrap; gap: 1em;}
.main_performance .news_list li .img_wrap,
.main_performance .news_list li .con_wrap {width: 100%;}
.main_performance .news_list li .img_wrap {background: #fff; text-align: center; height: unset;}

.main_business2 .business2_list{gap: 2em 0;}
.main_business2 .business2_list li{flex: 1 1 calc((100% - 3em) / 2);}
.main_business2 .business2_list li .in .ti{width: 70%; margin: 1em auto 0;}

/*recruit*/
.bTnst { display:flex; justify-content: center; gap: 1em; } 
.main_news .news_list li .img_wrap > img { width: 100%; max-width: 100% !important; } 
.business_list li .tx_wrap .tit { font-size: 1.3em; } 

#footer .f_top{flex-direction: column-reverse;}

/*location*/
.location_info > .con > .address { width: 100%; } 
.location_info > .con > .map_view { width: 100%; } 

#contents .sub_tit_wrap .t2 { font-size: 2.850em; } 
.page_tt.s9 { font-size: 2.275em; } 

/* 전화문의 */
.check_tbox{padding: 2em;}
/* .check_tbox .tt{display: flex; flex-direction: column; gap: .5em;} */

/* 채용대행 */
.pointInfo_list li .icon_wrap{width: 24%;padding: 2em;}
.pointInfo_list li .txt_wrap{padding: 2em;}

 }

 @media screen and (max-width:530px) {
/* .page_layout3 .wrap_in .con_wrap .page_tit.flex > .tt.t7 {font-size: 1em !important;} */
} 

@media screen and (max-width:510px) {
.dp2_check_list .w_name { width: 7em; } 
.dp2_check_list .w_date3 { display: none; } 
.dp2_check_list .w_answer { width: 7em; text-align: center; } 


.main_performance .main_tit_box .main_tit { font-size: 40px; } 
.input_sec_rad {font-size: .9em;}

 }
@media screen and (max-width:500px) { 
body { font-size:13px } 
.mainVisual_wrap, .mainVisual .slick-track, .mainVisual .item { height:12em } 
.visualSlider .el .img { height: 12em; } 
html.l-nav-open .l-nav { width: 100%; } 
.main_resultSlider_wrap .slider_inner { margin-left: 0em; } 

.prod_wrapN.sec1 .prod_stN { width: calc(100% - 1.3333em); } 
.main_prod_best .prod_wrapN { margin-left: 2em; } 
.main_resultSlider_wrap .slider_inner { left: 0 !important; right: 0; } 

#section1 .main_tit.box1.ac { margin: 5em 0 2em 2em !important; } 
.bu_slogan .tt::before {font-size: 2.5em;}
/*main*/
.visualSlide_wrap .swiper_control { bottom: 3em; } 
.visualSlide_wrap .slogan {top: 30%;}
.visualSlide_wrap .slogan .t1 {font-size: 1.05em;}
.visualSlide_wrap .slogan .t2 { font-size: 2em; } 

.main_tit_box .main_tit{font-size: 26px;}

/* .main_news .other_menu{flex-direction: column;} */
.main_news .other_menu .menuCon{width: 100%; padding: 3em 0;}
.main_news .other_menu .menuCon .tt{ margin-top: 1.5em;}

.main_link{ flex-wrap: wrap;}
.main_link > li{ flex: 0 0 100%}

.other_menu .main_tit_btn{ margin: 2em 0 0;}

.main_inquiry .wrapIn{ max-width: 90%;}
.main_inquiry .formSt .inquiry_list li .label_st .xi{ margin: 0 .5em 0 0;}

/*recruit*/
.input_st.w7 { width: auto !important; } 
.dp2_estimate .input_st.w7 { width: 70% !important; } 
.input_st.st2 { width: auto; } 
#contents .sub_visual_wrap .wrap_in .twrap .t2 { font-size: 2em; } 
/**/
.my_search_wrap input[type=button].input_st, input[type=submit].input_st, button.input_st, a.input_st { } 
.input_st.w3 { width:14.25em } 
.main_customer .cs .etc_wrap .btn { float:none } 
.main_customer .cs .etc_wrap .sns { float:none; width:100%; padding:1em 0 0 } 

.list_prod_wrap .wrap_top .wrap_tab > li { width: 6em; } 
.main_guide_banner .el { margin-bottom: 1em; } 
#footerN .box1.flexN.space.vc .link.flexN { display:block; } 
#footerN .box1.flexN.space.vc .link.flexN li:last-child { margin-top: .5em; } 

.dp1_customer.dp2_review .w_img { opacity:0; width:0 } 
.tab_st1 > li > a .en { display:none } 
.mainBannerSlider .el .img { height: 5.75em; } 
.board_st.gallery .list > li { width: 100% !important; } 

.main_inquiry .formSt .form_list, .main_inquiry .formSt .inquiry_list { width: 100%; flex-wrap: wrap; } 
.main_inquiry .formSt .inquiry_list li .label_st { width: 33%; } 
.main_inquiry .formSt > li:first-of-type .wrap_in .input_st.s1 { height: auto !important; } 
/*result*/
.customer_list li { flex: 1 100%; max-width: 100%; } 

/* 주요실적 */
.customer_tab li .in {padding: 1em 0;}
/* .performance_list li { flex: 1 1 100%; max-width: 100%; }  */
.main_news .news_list li > .in { flex-direction: column; gap: 2em; } 
.main_news .news_list li .img_wrap { width: 100%; height: 100%; } 
.main_news .news_list li .con_wrap { width: 100%; } 

.page_layout3 {gap: .5em; padding: 0 !important;}
.page_layout3 .wrap_in .con_wrap{padding: 1.1em; justify-content: center;}
.page_layout3 .wrap_in { justify-content: center;}
.page_layout3 .wrap_in .img_wrap { min-height: 10em; }
.page_tit > .t7 {font-size: 1.1em;}

.page_gap + .page_gap{margin-top: 5em;}

/* 인사말 */
.page_txt > .t1 br { display: none; } 
.greet_wrap .greet-con .txt_wrap::before {font-size: 5em;}

/* .history_wrap:before,
.history_wrap .lineAni { left: 5%; } */
.history_wrap .history > li .list .month { flex: 0 0 3.5em; } 
.history-layout .left .img-wrap { height: 16em; } 
.history_wrap .history > li .year { padding-left: 0em } 
.history_wrap .history > li .list .wrap_in { padding: 0 2em 0 1em; flex-wrap: wrap; } 


.linkW { flex-wrap: wrap; } 
.main_performance .edu_linkB { width: 100%; flex: unset; } 

.captcha_wrap .input_st { width: 8em !important; } 

.login_wrap.st1{ padding: 1.3em;}

.visualSlide_wrap .main_infomation .infoCon{padding: 1em 1.5em;}
.visualSlide_wrap .main_infomation .infoCon > a .txt_wrap,
.visualSlide_wrap .main_infomation .infoCon .tit{margin-bottom: 0; font-size: 1em;}
.visualSlide_wrap .main_infomation .infoCon > a i{font-size: 0.7em;}

.input_st.w10{margin: 0 !important;}

/* 채용대행 */
.main_news{padding: 0 0 4em;}

/*  */
.main_news .other_menu{flex-direction: column;}

}

@media screen and (max-width:470px) {
.main_inquiry .wrapTit .tit1 {font-size: 1.5em;}
.main_inquiry .wrapTit .tit2 {font-size: 2.5em;}
.main_inquiry .wrapTit .tt1 {font-size: 1.25em;}
.business_list li .tx_wrap .tx { margin: 1em 0 4em; } 
.business_list li .tx_wrap .business_btn { top: 120px; } 
#contents .sub_tit_wrap .t2 { font-size: 2.550em; } 
.page_tt.s9 { font-size: 2.075em; } 
.greet_wrap .greet-con .txt_wrap p.ceo strong {font-size: 1.25rem;}
.main_inquiry .formSt .inquiry_list li .label_st .xi~span {font-size: .9em !important;}

.bu_slogan .tt::before  {font-size: 2em;}
.page_tit > .t7 {font-size: .9em;}
.main_performance .main_tit_box .main_tit {font-size: 35px;}
.location_info > .con > .address .tit {font-size: 16px;}
 }
@media screen and (max-width:415px) {.inp.input_st.s1.c3.search.input_st .xi:first-child { display:non !important; } 
.main_box .box1 .main_prod_best.flexN { display:block; } 
.main_box .main_titN .t1 { font-size: 2em; } 
.main_prod_best .tab_wrap > li > a { border-radius: 0em; } 
.main_prod_best .tab_wrap > li > a { padding: 1em 2em; width: 77%; margin:0em 1em 1em; } 
.main_prod_best .prod_wrapN { margin-left: 1em; } 

.visualSlider_wrap .slogan .t2 { font-size: 2.6em; } 

.prod_wrapN .prod_stN { width: calc(100% - 0em); } 
.mainBannerSlider .el .img { height: 4.5em; } 
.board_paging { font-size: .7rem; } 
#section1 .main_tit.box1.ac { margin: 5em 0 2em 1em !important; } 
.board_search_wrap .right .input_st[type=text] { width: 12em !important; } 
/* .main_news .news_list li .img_wrap { height: 4em; } */
.main_news .news_list li .con_wrap .tit { font-size: 1em; } 
.main_news .news_list li .con_wrap .txt { font-size: .85em; } 

.board_search_wrap button .tt { display: none; } 

.history-layout .left .img-wrap { height: 11em; } 

#contents .sub_tit_wrap .t2 { font-size: 2.250em; } 
.page_tt.s9 { font-size: 1.75em; } 

.location_info > .con > .address > .add_info {align-items: unset;flex-direction: column;}

.history-layout .left {flex: 1 1 40%;}
.history-layout .right {flex: 1 1 60%;}
.history_wrap:before, .history_wrap .scrollAniHis {left: 4%;}
.history_wrap:after {left: 4%;}
.history_wrap .history > li .list .detail .tt {font-size: .95em;}

.bu_slogan .tt {font-size: 2em;}

#header .all_wrap .all_layer .all_inner{width: 22em;}
#header .all_wrap .all_layer .all_inner > .wrap_in{ padding: 3em 1.5em;}
.allGnbOn #header .all_wrap .all_btn{top: 4em !important;}

.pointInfo_list li .icon_wrap{ padding: 1.3em;}
.business_info .infoCon .tit_box{padding: 1.3em 2em;}
.pointInfo_list li .txt_wrap{padding: 2em 1.7em;}
.pointInfo_list li .txt_wrap .tit{font-size: 1.31em; }
.pointInfo_list li .txt_wrap .t1::before{ top: 8px;}

.dp2_check #contents .sub_page_top .bg{background-position: 65%;}
.dp2_notice #contents .sub_page_top .bg{background-position: 40%;}

 }

@media screen and (max-width:395px) {
.main_performance .main_tit_box .main_tit {font-size: 30px;}
.main_txt .t1 {font-size: 2.5em;}
.page_tt.s4 {font-size: .9em;     word-wrap: break-word;}
.main_inquiry .wrapTit .tit2 {font-size: 2em;}
.main_inquiry .wrapTit .tt1 {font-size: 1.05em;}

.customer_tab li .in {font-size: .9em;}

 }
@media screen and (max-width:340px) {body { font-size:11px } 
.board_search_wrap button { padding:0 .5em } 
#header .top_wrap .logo { padding-left:1em } 
#header .top_wrap .logo img { width:12.5em } 
/* #header .all_btn .ham { left:-8px }  */
.mainVisual_wrap, .mainVisual .slick-track, .mainVisual .item { height:8em } 
#footer .menu_wrap .menu > li > a { font-size:.875em } 
.mainVisual_wrap .slick-dots { bottom:1em } 
.board_search_wrap .input_st[type=text] { width: 10em; } 
 }

@media screen and (max-width:320px) {.main_prod_best .tab_wrap > li > a { width: 73%; } 
 }

@media all and (orientation:landscape) {}