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

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

.viewSliderSlogan .slogan .t2 {font-size: 3.2em;}

.main_busin .left_tit {width: 35%; padding-left: 14%;}
.main_busin .left_tit .bg {left: -16%;}
.main_busin .main_prod_list .prodSlider .t1 {font-size: 1.025em; margin-top: 0.7em;}
.main_busin .main_prod_list .prodSlider .t2 {margin-top: 0.7em;}

}

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

.main_busin .left_tit {width: 29%; padding-left: 10%;}
.main_busin .left_tit .bg {left: -19%;}
.main_busin .main_prod_list {width: 71%;}

}

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

.main_busin .left_tit .bg {left: -20.5%;}

}

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

.viewSliderSlogan_wrap {left: 9%;}
.viewSliderSlogan .slogan .t2 {font-size: 3em;}
.viewSliderSlogan .slogan .t3 {font-size: 1.4em;}
.main_quick .menu > li > a .t1 { font-size:1.05em;}

.main_busin .left_tit {width: 25%; padding-left: 5%;}
.main_busin .left_tit .bg {left: -26%;}
.main_busin .main_prod_list {width: 75%;}

}

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

.main_board_tab > li .btn { font-size:1.15em;}

.main_busin .left_tit .bg {left: -29.5%;}
.main_busin .left_tit .tit_box .main_tit.s1 {width: 90%;}
.main_busin .left_tit .arrow .tt {font-size: 1.025em;}
.main_busin .left_tit .arrow .btn {width: 2.5em; height: 2.5em; line-height: 2.5em;}
.main_busin .left_tit .arrow .btn .xi {margin-left: 0.5em;}
.main_busin .main_prod_list .prodSlider .busin_icon {width: 6em; height: 6em;}

}

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

#header .site_wrap .site .list > li > a .t1 { font-size:0.838em;}	
#header .top_wrap .gnb_wrap2 .gnb > li .dp1 .va { font-size:1.15em;}
#header .top_wrap .gnb_wrap2 .gnb > li .dp2 {padding: 2em 5% 2em 24em;}
#header .top_wrap .gnb_wrap2 .gnb > li .dp2:after {width: 11em; font-size:1.65em;}
#header .top_wrap .gnb_wrap2 .gnb > li .dp2 > li { width:14em;}
#header .top_wrap .gnb_wrap2 .gnb > li .dp2 > li > a .va { font-size:1.025em;}
#header .top_wrap .gnb_wrap2 .gnb > li .dp3 > li > a .va .tt { font-size:0.9em;}

}

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

.box0{width:94%;}
.box1{ width:94%;}  

#header .site_wrap .site .list > li.on > a .t1, 
#header .site_wrap .site .list > li > a:hover .t1, 
#header .site_wrap .site .list > li > a:focus .t1 {font-size: 0.95em;}

#footer {padding-top: 4em;}

.mainScroll { bottom:115%;}

.main_eInfo { width:47em;}
.main_Linfo .right_box { gap:2em;}
.main_pop_wrap, .main_pop_all .popList > li { width:35.3em;}
.resize.pop {    padding-bottom: 61.6666%;}

.main_menu .list > li > a .ico img { height:3.5em;}

.main_busin .left_tit {padding-left: 7%;}
.main_busin .left_tit .bg { left: -28.8%;}
.main_busin .main_prod_list {width: 70.5%;}
.main_busin .main_prod_list .bg {right: -20%;}
.main_busin .main_prod_list .prodSlider {margin-top: 2.5%;}
.main_busin .main_prod_list .prodSlider .t1 { font-size:1.025em;}
.main_busin .main_prod_list .prodSlider .t2 {margin-top: 0.5em;}
.main_busin .main_prod_list .prodSlider .busin_icon { width:6.5em; height:6.5em;}

/* .dp2_organization .sub_org.d1 > li:nth-child(4) .sub_org.d2 > li:nth-child(3) .in:before {width: calc(50% + 25.5em);} */
.dp2_organization .sub_org.d2 > li:nth-child(3) > .in > .t3  {font-size: .9em;}

}

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

#header .top_wrap .gnb_wrap2 .gnb > li .dp2 {padding: 2em 5% 2em 19em;}
#header .top_wrap .gnb_wrap2 .gnb > li .dp2:after {width: 9em; font-size:1.65em;}

#contents .sub_con_wrap .sub_lnb {width: 13em; margin-right: 3em;}

.main_busin .left_tit .bg {left: -30.5%;}

}

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

#footer {padding-top: 2em;}

.main_pop_wrap, .main_pop_all .popList > li { width:33.3em;}
.main_pop_wrap .wrapBtn .twrap { font-size:1em;}
.resize.pop {    padding-bottom: 57.6666%;}

.main_busin .left_tit .bg { left: -33.5%;}
.main_busin .main_prod_list .prodSlider { margin-top: 2.5%;}   
.main_data .main_flex_wrap { align-items: center;} 

.page_tit{ font-size:1.4em; font-weight:700; margin-bottom:1em}
.page_tit.s1{font-size: 1.388em;}
.page_tit.s2{ font-size:1.713em}
.page_tit.s3{ font-size:1.9em}

.page_tt.s5 { font-size: 1.675em;}

/* .dp2_organization .sub_org.d1 > li:nth-child(4) .sub_org.d2 > li:nth-child(3) .in:before {width: calc(50% + 24em);} */

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

#header .top_wrap .gnb_wrap2 .gnb > li .dp2 {padding: 2em 5% 2em 17em;}
#header .top_wrap .gnb_wrap2 .gnb > li .dp2:after {width: 7em; font-size:1.65em;}
#header .site_wrap .site .list > li > a .t1 { font-size:0.78em;}
#header .site_wrap .site .list > li.on > a .t1,
#header .site_wrap .site .list > li > a:hover .t1,
#header .site_wrap .site .list > li > a:focus .t1 { font-size:0.9em;}
#header .site_wrap .etc .member_btn { font-size:1.15em; padding:0 1.05em !important;}
#header .site_wrap .etc .lang .list > li > a .t1 { font-size:0.813em;}
#header .site_wrap .lang .langBtn { padding:0 0.5em;}

/* .dp2_organization .sub_org.d1 > li:nth-child(4) .sub_org.d2 > li:nth-child(3) .in:before {width: calc(50% + 25.5em);} */
}

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

.main_menu .list > li > a .t1 { font-size:1.025em;}
.main_busin .left_tit .bg {left: -39.5%; height: 15.5em; overflow: hidden;}

/* .dp2_organization .sub_org.d1 > li:nth-child(4) .sub_org.d2 > li:nth-child(3) .in:before {width: calc(50% + 23.5em);}  */

}

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

#header .top_wrap .gnb_wrap2 .gnb > li .dp2 {padding: 2em 5% 2em 14em;}
#header .top_wrap .gnb_wrap2 .gnb > li .dp2:after {width: 7em; font-size:1.55em;}
#header .top_wrap .gnb_wrap2 .gnb > li .dp2 > li { width:12em;}

.main_busin .left_tit .bg {left: -46.5%;}
.main_board_tab > li .btn { font-size:1.05em;}

}

@media screen and (max-width:1024px) , (max-height:680px){
body{ font-size:12px}



}
@media screen and (orientation:portrait) and (max-height:680px){

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

.PC { display:none;}
.PHONE { display:block;}

#header .site_wrap > .flex {justify-content: flex-end;}
#header .site_wrap .lang .langBtn {padding: 0 0em;}
#header .top_wrap .gnb_wrap2 {display:none;}

#header .all_wrap .all .top .logo img {height: 3em;}
#header .all_wrap .all .top .lang > li > a { font-size: 1.525em;}
#header .all_wrap .all .gnb > li .dp1 .va {font-size: 1.45em;}
#header .all_wrap .all .gnb > li .dp2 > li > a { font-size:1.3em;}
#header .all_wrap .all .gnb > li .dp3 > li > a .va { font-size:1.1em;}

#header .all_wrap .all .gnb {flex-wrap: wrap;}
#header .all_wrap .all .gnb li {width: 33.3%; flex: none;}
#header .all_wrap .all .gnb > li .dp2 > li { width: 100%;}

.page_tit{ font-size:1.5em; font-weight:700; margin-bottom:.5em}
.page_tit.s1{ font-size:1.688em}
.page_tit.s2{ font-size:1.813em}
.page_tit.s3{ font-size:2em}

#contents .sub_con_wrap .sub_lnb { display:none;}

.viewSliderSlogan .slogan .t2 {font-size: 3.5em;}
.viewSliderSlogan .slogan .t3 {font-size: 1.5em;}

#quick .quickBtn { top:15%;}
.main_pop_wrap, .main_pop_all .popList > li { width:90%;}

.main_flex_wrap {display: block;}
.main_flex_wrap > li { width: 80%; margin: 0 auto;}
.main_flex_wrap > li.w1 {width: 90%; margin:0 auto;}
.main_flex_wrap > li.w2 {width: 60%; margin: 0 auto;}
.main_flex_wrap > li.col .wrap_in:last-child {margin-top:5em;}

.main_menu .list > li {flex: 1 1 50%; max-width: 19em;}

.main_box.main_busin {padding: 3em 0 0em 0;}
.main_busin .main_prod_wrap { display:block; background-color: #0060ae;}
.main_busin .main_prod_wrap .left_tit { width:100%;  padding-left:0; text-align:center;}
.main_busin .left_tit .tit_box .main_tit.s1 {width: 45%;}
.main_busin .left_tit .bg { display:none;}
.main_busin .left_tit .arrow {background-color: #fff; margin-right:0; padding: 1em 0; margin-top: 2em;}
.main_busin .left_tit .arrow .swiper_control {justify-content: center;}
.main_busin .left_tit .arrow .tt { }
.main_busin .left_tit .arrow .btn {}
.main_busin .main_prod_list { width:100%; z-index: 1;}
.main_busin .main_prod_list .bg { width: 110%; left: -10%; right:0;}
.main_busin .main_prod_list .prodSlider { margin-top:0; padding: 3em 0;}
.main_busin .main_prod_list .prodSlider .busin_icon {width: 7em; height: 7em;}
.main_busin .main_prod_wrap .left_tit .tit_box {display: flex; align-items: center; align-content: center; align-items: center; justify-content: center;  padding-top:2em;}
.main_busin .left_tit .main_tit.s1 {width: 25%;}


#footer { padding-top:0;}
#footer .menu_wrap .family .xi.PHONE { display:none;}

.board_gallery.s1 > li {width: calc(50% - 2em);}

.sub_list.st5 {   gap: 2em 1em;}
.sub_list.st5 li .in_bott {width: 70%; margin: 0.5em auto 0;}

.root_daum_roughmap { width:100% !important;}

.prod_list > li { width: 25%;}

.sub_org .in:before,
.sub_org .in:after {width: calc(40% + 1.5em);}
.dp2_organization .sub_org.d1 > li:nth-child(4) .sub_org.d2 > li:nth-child(2) .in:before {width: calc(50% + 5em) !important;}

.page_twrap .wrap_box {padding: 2em 2.5em;}
.page_twrap2 { display: block;}
.board_search_detail .wrap_con .list > li .in .tit { margin-bottom:1em;}

.form_list.st2 {display: block;}
.dp2_kgrid.dp3_support .form_lab .lab_con .form_list.st2 .max2 {max-width: 90%;}
.form_lab .lab_con .w5 {width: 100% !important;}
.form_lab .lab_con .w6 {width: unset !important;}

/*BOARD*/
.board_st.list td.w_tit > a{ display:inline !important; white-space:normal !important; vertical-align:baseline; color:#000; font-weight:500;}
.board_st.list td.w_tit > a ~ .board_icon{ display:inline; vertical-align:baseline;}


.board_table thead,
.board_table .w_name,
.board_table .w_hit,
.board_table .w_date{ display:none;}

.main_pop_all .popList {height: 100%;}
.main_pop_all .popList .resize.pop {padding-bottom:70%;}
}

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

  #header .all_wrap .all .gnb li {width: 50%;}

.main_busin .main_prod_list .prodSlider {padding: 1.1em 0;}

.sub_process .process_inner .arrow.ml20 {margin-left: 5px !important;}
.sub_process .process_inner .arrow.mr20 {margin-right: 5px !important;}
.sub_process .process_inner .arrow p {width: 40%;margin: 0 auto;}
.sub_process .process_inner .pro_group .linew .in.st2 { width:70%;}
.sub_process .process_inner .in > .tt img { width:70%;}

.tech_list {flex-wrap: wrap;}
.tech_list>li {flex: 1 49%; max-width: 50%;}

  
}

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

#footer .menu_wrap .menu {gap: 0 2em;}
#footer .menu_wrap .menu > li > a {font-size: 1em;}

.main_flex_wrap > li.w2 {width: 80%;}
.main_menu .list > li {flex: 1 1 20%;}
.main_busin .main_prod_list .bg {width: 223%;left: -56%;}

.sub_list > li { flex: 1 49%;}

#contents .sub_visual .wrap_con .slogan_wrap .t1 {font-size: 2em;}
#contents .sub_visual .wrap_con .slogan_wrap .t2 {font-size: 1em;}

.page_tt.dot:before {width: 4px; height: 4px; top: 6px;}
.sub_in { padding: 0 3em;}

.page_twrap_img .wrap_con {width: 75%;}
.found_box { display:block;}
.found_img {width: 80%; margin: 0 auto 1em;}
.found_tx {width: 80%; margin: 0 auto;}

.business_tit {padding: 4em 3em;}
.business_tit .tt { font-size:2em;}
.business_tx {padding: 0 3em;}

.sec_vision li { display:block;}
.sec_vision li .tit {width: 6em; height: 1em; line-height: 1em; margin-bottom:.5em; border-radius:1em;}
.sec_vision li .tit:before { display:none;}

.kepic_inn .in.s1 {width: 29.5em;}
.kepic_inn .in.s2 {width: 14em;}

.sub_list.st3 { gap:1em;}
.sub_list.st1 > li {flex: 1 25%;}
.sub_list.st1 > li:nth-child(4) .wrap_in,
.sub_list.st1 > li:nth-child(5) .wrap_in  { width:70%; margin:0 auto;}

.board_viewT .info {flex-wrap: wrap;}

.div-container {width:100%;overflow:auto;/*white-space:no-wrap;*/}
.div-container .divCon1 {display: block; width: 700px;}

.num_wrap_1 {display:block;}
.num_wrap_1 .num_con {flex-direction: unset; padding: 0 2em; background-color: #f4f4f4; border-radius: 1em; margin-bottom: 1em;}
.num_wrap_1 .num_con .num {width: 5em; height: 2em;}
.num_wrap_1 .num_con .icon img { width: 20%;}
.num_wrap_1 .num_con .xi-angle-right-min { display:none;}
.num_wrap_1 .num_con .page_tt { font-weight:600;}
.num_wrap_1 .num_subt {min-height:unset !important;}

.sub_list.st3.v02 {gap: 1.5em; position: relative;}
.sub_list.st3.v02 > li {flex: 0 0 100%;}
.arrowR {position: absolute; width: 3em;height: 3em;transform: rotate(90deg) translate(50%, 50% ); top: 50%; left: 50%; display: none;}

.form_lab .lab_con .form_list.st2{flex-wrap: wrap;}
.form_lab .lab_con .form_list.st2 > li{width: 100%; border-bottom: 1px dashed #ddd; padding-bottom: .5em;padding-top: .5em;}
.form_lab .lab_con .form_list.st2 > li > span{width: 11em;}
.form_lab .lab_con .form_list.st2 > li > .lab_con .max2 {max-width:15em;}

.form_lab.st2 { width: 100%;}
.form_lab.st2.bbL {border-bottom: 1px dashed #ddd; padding: .3em 0;}
.form_lab.st2.bbL .lab_tit {width: 5em;}
.form_lab.st2.bbL:nth-of-type(2n){border-bottom: none; padding: .3em 0;}
.form_st > li.colW{flex-direction: column;}
.form_st > li.gap20{gap: 0 !important;}
.form_st > li.colW .form_lab.st2{border-bottom: 1px dashed #ddd; padding: .3em 0;}
.form_st > li.colW .form_lab.st2:nth-of-type(2n){border-bottom: none; padding: .3em 0;}

.tx_box2 .list {display: block;}
.tx_box2 .btn_con {margin-top: .5em;}
.tx_box2 .btn_con .down_btn {width: 100%; margin-bottom: .5em; margin-right: unset;}
.tx_box2 .btn_con .label_file {width: 100%;}
.tx_box2 .btn_con .label_file .input_st.s2 {min-width: 100%;}
.tx_box2 .btn_con .filedelBtn {width: 100%; margin-top: .5em;}

}

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

.dn700 {display: none;}

.history_wrap {display: block; padding: 2em 0 1em 0;}
.history_wrap:before, .history_wrap .tabLink { left:5%; top: 11.5%;}
.history_wrap .wrap_tab { display:flex; gap: 1em; padding: 0 1em 0 1em; width:unset;}
.history_wrap .wrap_tab li { flex:1 50%;}
.history_wrap .history {padding-left: 6%; padding-top: 10%;}

.login_wrap .join_sec { display:block;}
.login_wrap .join_sec > li { width:100%;}

.wrap_box3 >li .listW  > p{flex-wrap: wrap;}
.wrap_box3 >li .listW .txtW2 { width: 100%; margin-bottom: .5em;}
.wrap_box3 >li .listW .txtWa {width: 100%;}

.dp1_archives.dp2_kgrid .form_lab {flex-wrap: wrap;}
.dp1_archives.dp2_kgrid .form_lab .lab_tit {width: 100%; padding-left: unset;}
.dp1_archives.dp2_kgrid .form_lab .lab_con .max1 {max-width: 100%;}
.dp1_archives.dp2_kgrid .form_lab .lab_con .st700 {width: 60%;}

.form_lab .lab_con .w3 {width: 3em;}
.form_lab .lab_con .w2 {width: 5em;}
}

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

.page_twrap_img .wrap_con {width: 80%; padding-bottom: 3em;}
.page_tt.s5 { font-size: 1.475em;}

.history_wrap:before, .history_wrap .tabLink { left:5%; top: 11%;}
.sec_vision li .txt.st2 { display:block;}
.sec_vision li .txt.st2 .txt_min { width:90%;}
.sec_vision li .txt.st2 .txt_min:first-child { margin-bottom:1em;}

}

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

#footer .menu_wrap .wrapH {height: 7em; display: block;}
#footer .menu_wrap .menu {gap: 0 3em; justify-content:center; margin:1.5em 0;}
#footer .menu_wrap .etc {justify-content:flex-end;}
#footer .info_wrap > .flex { display:block;}
#footer .info_wrap .logo_wrap { display:block; margin-bottom:1em;}
#footer .info_wrap .logo_wrap .logo { margin-bottom:1em;}
#footer .siteSlider_wrap .wrap_in {gap: 0 1em;}

.board_gallery > li {width: calc(100% - 1.5em);}
.board_gallery.s1 > li {width: calc(100% - 2em);}
.board_search { display:block;}
.board_search .total {justify-content: flex-start; margin-bottom: 0.5em;}
.board_search .inp {width: 70%;}

.viewSliderSlogan .slogan .t2 {font-size: 3em;}
.main_board_tab > li .btn {font-size:1.15em;}
.main_busin .main_prod_list .bg {width: 168%; left: -32%;}
.main_busin .main_prod_list .prodSlider {padding: 2em 0;}
.main_busin .left_tit .tit_box .main_tit.s1 {width: 45%;}

.sub_greetings .wrap_in {padding: 3em;}

.page_tit.s1 { font-size: 1.25em;}
.page_tit.s2 { font-size: 1.513em;}
.page_tit.s3 { font-size: 1.6em;}

.page_tt.s1 { font-size: 1em;}
.page_tt.s2 { font-size: 1.213em;}
.page_tt.s3 { font-size: 1.3em;}

.sub_list.st5 li .in_top .in {width: 8em; height: 8em;}
.sub_list.st5 li .in_top .in .ico {width: 50%; margin: 0 auto 0.5em;}
.wrap_box2 { display:block;}

.history_wrap:before, .history_wrap .tabLink { left:5%; top: 10.5%;}

.soon {display:block; text-align:center;}

.kepic_inn .in.s1 { width: 23.5em;}
.kepic_inn .in.s2 { width:11em;}
.kepic_inn .in .tit {font-size: 1.05em;}
.kepic_inn .in .tt {font-size: 1.05em;}
.kepic_inn .in .tx_box {padding: 0.5em 2em;}

.sub_list.st5 li .in_top .in .con { font-size:1em;}

.dp2_organization .board_search_detail .wrap_con .list > li .in { display:block;}
.dp2_organization .board_search_detail .wrap_con .list > li .in .tit { width:10em; margin-bottom:1em;}

.prod_view_top { display: block;}
.prod_view_top .wrap_img {width: 100%; margin-right: 0; margin-bottom: .5em;}

html.pop .popWidth.st1 .popIn { width: 100%;}

/*BOARD*/
.board_search_detail .wrap_con .list { display: block;}
.board_search_detail .wrap_con .list > li.w1 { width: calc(100% - 0em);}
.board_search_detail .wrap_con .list > li .in .tit { width: 8em;}

.board_photo.d1 > li { width: 33.3%;}

.dp2_kgrid.dp3_support .form_lab .lab_con .label_st.w2 {width: unset; flex: 1 28%;}

/* login */
.login_wrap .inp_flex {flex-wrap: wrap;}
.login_wrap .inp_flex .inp_wrap {margin-right: unset; min-width: unset;}
.login_wrap .inp_flex .page_btn {width: 100%;}
.login_wrap .inp_flex .page_btn .btn {height: 3.5em;}

.login_wrap .login {border-radius: 0 0 1em 1em; padding: 1.5em;}
.login_tab > li > a {height: 3.5em;}
.login_tab > li > a .t1 {font-size: 1.125em;}
}

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

  #header .all_wrap .all .gnb li {width: 100%;}

.page_tt.s1 { font-size: 0.95em;}

.page_twrap_img {padding-bottom: 6em;}
.page_twrap_img .wrap_con {width: 82%; padding-bottom: 2.5em; padding: 2.5em;}
.page_twrap_img.st1 .wrap_con {padding: 2.5em;}

.history_wrap:before, .history_wrap .tabLink { left:5%; top: 10%;}

.dp2_ci .wrap_box .ci_box { display:block;}
.dp2_ci .wrap_box .ci_box .sub_imgwrap {padding: 2em;}
.dp2_ci .wrap_box .ci_box .sub_imgwrap.mr20 { margin-right: 0px !important; margin-bottom:1em;}
.dp2_ci .sub_btn {margin-top: 30px !important;}

.board_search .inp {width: 68%;}
.sub_btn { font-size:1.1em;}
.broch_wrap {margin-top: 30px !important;}

.prod_list > li { width: 49%;}

.viewSliderSlogan_wrap {transform: translateY(-60%); width: 80%;}
.viewSliderSlogan .slogan .t2 {font-size: 2.8em;}
.visualSlider_control {margin-top: 2em;}
.visualSlider_control .paging > span.swiper-pagination-bullet-active { width:7em;}


.main_Linfo {display:block;}
.main_Linfo .right_box {justify-content: flex-start; margin-top: 2em;}

.main_board_tab > li .btn {font-size:1em;}
.main_data_list > li.big > .in {display:block;}
.main_data_list > li.big > .in .img {width:100%; margin-bottom:1em;}
.main_flex_wrap > li.w2 {width:90%;}
.main_busin .main_prod_list .bg {width:200%;}
.main_flex_wrap > li { width:95%;}

}

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

.main_board_con .el {width: calc(50% - 1.3333%);}
.main_board_con .el:last-child { display:none;}
.main_board_tab { gap: 0 2em;}

.history_wrap:before, .history_wrap .tabLink { left:5%; top: 9%;}
.history_wrap .wrap_tab > li > a .t1 { font-size:1.55em;}

.flex_table .td.w1 { flex: 0 0 9em;}
.flex_table .td {padding: 0.9em;}

.root_daum_roughmap { height:350px !important;}

.board_search .inp {width: 65%;}

.kepic_inn .in.s1 { width: 21.5em;}
.kepic_inn .in.s2 { width:10em;}
.kepic_inn .in .tit {font-size: 1em;}
.kepic_inn .in .tt {font-size: 1em;}
.kepic_inn .in .tx_box {padding: 0.5em 1.5em;}
.kepic_inn .arrow { width:9%; margin-left:10px !important;}
.kepic_inn li.mr20 { margin-right:10px !important;}

.board_photo.d1 > li { width: 50%;}

#footer .menu_wrap .menu {gap: 0 1em;}
#footer .menu_wrap .menu > li > a:after {display:none;}


.main_flex_wrap .main_box_st .wrap_con { padding:2em 1em; height:10em;}
.main_flex_wrap .main_box_st .menu_list {flex-wrap: unset; gap: 1em 1em;}
.main_menu .list {gap: 0.3em;}
.main_menu .list > li > a {padding: 1.5em 0.5em;}

.board_cate > li > a .tt { font-size:0.9em;}

#shop_cForm .page_btn { display: block; text-align: center;}
#shop_cForm .page_btn div { margin-bottom: .5em;}

.tech_list>li {flex: 1 100%; max-width: 100%;}

/*BOARD*/
.board_search,
.board_search .search { display: block;}
.board_search .total { justify-content: flex-start;}
.board_search .search .input_st { margin-top: 0.5em;}
.board_search .search .input_st,
.board_search .search .select,
.board_search .search .inp { width: 100%;} 

}
@media screen and (max-width:470px){
  
.board_search .inp {width: 63%;}
#footer .menu_wrap .menu > li > a {font-size:.9em;}
.main_busin .main_prod_list .bg {width:250%;}

.num_wrap_1 .num_con {display: block; padding: 2em;}
.num_wrap_1 .num_con .num {border-radius: .5em; margin: 0 auto;}

.dp2_kgrid.dp3_support .form_lab .lab_con .w50 {width: 100%;}
}

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

#contents .sub_tit {margin-bottom: 2em !important;}
#contents .sub_tit .t1 { font-size: 1.9em;}

.main_menu .list > li {flex: 1 1 25%;}
.main_menu .list > li > a .t1 {font-size:1.025em;}
.main_book {display:block; margin-top:1em;}
.main_book > li {width:100%;}

.ps2 { margin-top: 1.5em !important;}
.ps15 { margin-top: 1em !important;}

.page_tit.s2 { font-size: 1.313em;}
.page_tit.s3 { font-size: 1.4em;}

.page_tt.s1 { font-size: 0.9em;}
.page_tt.s2 { font-size: 1.013em;}
.page_tt.s3 { font-size: 1.1em;}
.page_tt.s5 { font-size: 1.375em;}

.sub_in { padding: 0 2em;}

.history_wrap:before, .history_wrap .tabLink { left:5%; top: 8.3%;}

.flex_table .td.w1 { flex: 0 0 8em;}
.root_daum_roughmap { height:330px !important;}

.board_search .inp {width: 60%;}

.prod_list > li { width: 100%;}
.kepic_inn .in.s1 { width: 18.5em;}
.kepic_inn .in.s2 { width:9em;}

.business_tit .tt { font-size:1.6em;}

}

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

.visualSlider_control .paging {margin-left:1em;}
.visualSlider_control .paging span {margin: 0 1em;}
.visualSlider_control .paging > span.swiper-pagination-bullet-active { width:5em;}
.main_board_con .el {width: calc(100% - 1.3333%);}
.main_board_con .el:nth-child(2) { display:none;}
.main_board_tab > li .btn {font-size:0.9em;}
.main_data_list > li > .in .date {display:none;}
.main_busin .main_prod_list .bg {width:300%;}

.history_wrap .wrap_tab > li > a .t1 { font-size:1.35em;}
.history_wrap:before, .history_wrap .tabLink { left:5%; top: 7.5%;}

.flex_table .td.w1 { flex: 0 0 7em;}
.flex_table .td {padding: 0.8em;}

.step_st > li .tt { width:70%;}
.form_lab .lab_tit { width:8em; margin-right:1em;}
.form_lab .tit1 { font-size:0.9em;}
.dp2_join .label_st.st1 { flex:1 100%;}


.board_search .inp {width: 55%;}
.board_photo.d1 > li { width: 100%;}

.Wform .form_lab .lab_con .w3 {width: 3em;}
.Wform .form_lab .lab_con .w2 {width: 4em;}
}

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

#header .all_wrap .all .top .logo img { height:2.5em;}
#header .all_wrap .all .top .lang > li > a { font-size:1.35em;}
#header .all_wrap .all .gnb > li .dp1 .va { font-size:1.35em;}
#header .all_wrap .all .gnb > li .dp2 > li > a { font-size:1.2em;}

#quick .quickBtn {top: 14%;}

.viewSliderSlogan_wrap { width:75%;}
.viewSliderSlogan .slogan .t1 {font-size: .838em;}
.viewSliderSlogan .slogan .t2 {font-size: 2.4em;}
.viewSliderSlogan .slogan .t3 { font-size:1.3em;}
.visualSlider_control { margin-top:1.5em;}
.main_Linfo .left_box .tit_t { margin-bottom:1em;}

.main_board_tab { gap: 0 1em;}

}

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

.viewSliderSlogan_wrap { top:65%;}
.viewSliderSlogan .slogan .t1 {display:none;}
.viewSliderSlogan .slogan .t2 { font-size:2.2em;}
.viewSliderSlogan .slogan .t3 { display:none;}
.visualSlider_control { margin-top: 3em;}

}

@media all and (orientation:landscape){

}