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

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

.main_busin .left_tit {width: 35%; padding-left: 14%;}
.main_busin .left_tit .bg {left: -13%;}
.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:1600px){

.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_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:1400px){

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

#footer {padding-top: 4em;}

.viewSliderSlogan .slogan .t2 {font-size: 3em;}
.viewSliderSlogan .slogan .t3 {font-size: 1.4em;}
.mainScroll { bottom:115%;}

.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;}


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

#footer {padding-top: 2em;}

.main_busin .left_tit .bg { left: -21.8%;}
.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;}

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

}
@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 .gnb { display:block;}

#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;}

.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;}


.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%;}

.page_twrap .wrap_box {padding: 2em 2.5em;}

/*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;}

}

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

.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%;}
  
}

@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;}


.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;}

}

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

.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%;}

}

@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;}

/*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%;}

}

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

.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;}

/*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%;}


}

@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;}

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

}

@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){

}