@charset "utf-8";
/* CSS Document */
.l-nav{display:none;}
@media screen and (max-width:1680px){	
body{ font-size:15px;}
body.isMobile .scrollst{ overflow-y:visible !important;}

.header_loadmap{ display: none;}
.header_load_wrap{ padding: 0 3em;}
.scroll .header_load_wrap, .scroll .header_banner{ display: none; trnasition: .2s;}

 
}

@media screen and (max-width:1530px){
.box1{ width: 90%;}
#quick{ position:fixed; right:-5.625em; top: 80%; transform: translateY(-80%); z-index:1001; width:5.625em; transition:.3s}
#quick .quickBtn{position:absolute;width:4em;line-height:4em;left:-2.5em;top:50%;margin-top:-2em;margin-left:-3em;background:#1e489e;text-align:center;color:#fff;border:1px solid transparent;border-right:none;transition:.3s;z-index:1;border-radius:100%}
#quick .quickBtn .xi:before{content:"\e957"}
.on#quick{ right: 1.5em; }
.on#quick .quickBtn{ width:2.5em; line-height:4em; margin-left:0; background:#fff; color:#333; border-radius:0; border-color:#ddd}
.on#quick .quickBtn .xi:before{content:"\e93e"}

.scroll #header .etc_wrap .all_wrap .all_btn .xi{}
}

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

.header_load_txt .call_list > .call_num{}
}

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

}

@media screen and (max-width:1024px){
body{ font-size:13px;}
	
#contents .sub_menu,
.con_wrap > .right_con,
#header .gnb_wrap{ display: none;}
.con_wrap > .left_con{ width: 100%; margin-right: 0em;}
#header .etc_wrap .all_wrap .all .gnb{ flex-direction: column; margin-top: 100em;}
#header .etc_wrap .all_wrap .all .gnb > li .dp2{ margin-bottom: 4em;}
#header .etc_wrap .all_wrap .all .gnb > li:last-of-type .dp2{ margin-bottom: 0em;}

.board_st2.gallery .list > li,
.icon_box_list > li,
.tv_notice_con ul li{ width: 33.33%;}

.low_table .table_ttl_con .table_txt_pd{ padding-bottom: 1.5em;}

.mainVisual_txt .el .txt_wrap{ padding: 2em;}

.icon_box_list.st1 > li .wrap_in .con_wrap .box_ttl > p{ font-size: 15px;}
.main_blog .blog_wrap{ flex-direction: column;}
.main_blog .blog_wrap .right_con,
.main_blog .blog_wrap .left_con{ width: 100%;}


.main_blog .blog_wrap .left_con .blog_box_con .blog_box_list > li .box_in_con .box_in_ttl > p{ font-size: 17px;}
.main_blog .blog_wrap .left_con .blog_box_con .blog_box_list > li .box_in_con .box_in_b_txt > p{ font-size: 14px;}
.txt_con .tt{ font-size: 15px;}

.visualSlide_wrap .el .slogan .t1{ font-size: 42px;}
.visualSlide_wrap .el .slogan .t3{ font-size: 22px;}
.visualSlide_wrap .el .slogan .t2{ font-size: 17px;}

#header .top_wrap .wrapH.main_page{ display: none;}
#header .etc_wrap .all_wrap .all_btn .xi{ }
#header{ position: fixed;}

.board_info > li > .link{ display: none;}

.mainVisual_wrap{ margin-top: 24em;}
.mainVisual_wrap .swiper-container{ height: 33em;}

.header_load_txt{ flex-direction: column; width: 100%;}
.header_load_txt .call_list{ margin-top: 1em;}
.header_load_wrap,
.header_banner{ height: 220px;}
.scroll #header .top_wrap{ top: auto;}
.ceo_call_con{ justify-content: center;}

.header_load_txt .call_list{ justify-content: center; margin-left: 0em;}
/* #contents .sub_visual_wrap{ margin-top: 17em; } */

.scroll #contents .sub_visual_wrap{ margin-top: 0em;}
.scroll .mainVisual_wrap{ margin-top: 0em;}
/* .scroll #contents .divMar{ margin-top: 15.9em;} */

#header .top_wrap .box0{width: 96%;}
#header .etc_wrap{position: absolute; right: 1em; top: 0;}
#header .etc_wrap .all_wrap .all_btn .xi{margin-right: 0;}

.exampleList{}
.exampleList > li{flex: 1 1 33.33% !important; max-width: 33.33% !important;}
.exampleSwiper_wrap{margin-left: 0; width: 100%; max-width: 90%; margin: 0 auto; justify-content: space-between;}
.exampleSwiper_wrap .exampleSwiper_slide{width: 70%;}
.page_tit .t3{font-size: 27px;}
.page_tit .t4{font-size: 18px;}


.main_work .work_bg .box1{ width: 100%; max-width: 100%;}
.main_work .work_bg .work_ttl{margin-left: 2em;}

.main_blog .blog_wrap .left_con .blog_box_con .blog_box_list > .el{/* display: flex; flex-direction: column;  */}
.main_blog .blog_wrap .left_con .blog_box_con .blog_box_list > .el a{height: 34vw; display: block;}
.main_blog .blog_wrap .left_con .blog_box_con .blog_box_list > .el a .box_in_con{height: 100%;}
.main_blog .blog_wrap .left_con .blog_box_con .blog_box_list > .el .box_in_con .box_in_ttl{height: 40%;     line-height: 6em}
.main_blog .blog_wrap .left_con .blog_box_con .blog_box_list > .el .box_in_con .bottom_wrap{height: 50%;}

.mem_info_con{flex-direction: column;}

}

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

}

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

}

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

}

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

.board_st2.gallery .list > li,
.sub_process.sub_process2 > li{ width: 50%;}
.sec1_swiper_con .item .in .imgCon{height: 18em;}


#footer .bottom_wrap {flex-direction: column;}
#footer .info_wrap{margin-left: 0;}

.exampleList{}
.exampleList > li{flex: 1 1 50% !important; max-width: 50% !important;}

/* 메인 */
.mainVisualSlide_wrap{height: auto;}
.mainVisualtop{ height: 66vh;}
.main_work{height: auto;}
.main_work .work_bg .box1{ flex-direction: column; gap: 0;}
.main_work .icon_box_list{width: 100%;}
.icon_box_list > .el{flex: 1 1 50%;}
.icon_box_list.st1 > li .wrap_in{ padding: 2em 0;}

.interval{ padding: 4em 0;}

.exampleSwiper_wrap{flex-wrap: wrap;}
.exampleSwiper_wrap .left_txt{ width: 100%; display: flex; justify-content: space-between;}
.exampleSwiper_wrap .left_txt .page_tit{padding-bottom: 0;}
.exampleSwiper_wrap .left_txt .page_tit .t3{font-size: 22px;}
.exampleSwiper_wrap .left_txt .page_tit .t4{margin-top: 1em !important; font-size: 16px;}
.exampleSwiper_wrap .exampleSwiper_slide{width: 100%;}
.exampleSwiper_wrap .main_boardNum{display: flex; flex-direction: column; align-items: end; justify-content: flex-end;}
.main .exampleList{margin: 0 0 -1em -1em !important;}

#contents .sub_page_menu .menu{width: 100%; max-width: 100%;}

}

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


}

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

}

@media screen and (max-width:570px){
.exampleList{}
.exampleList > li{flex: 1 1 100% !important; max-width: 100% !important;}
}


@media screen and (max-width:500px){
body{ font-size:11px;}

.sub_process > li{ width: 100%;}
.sub_process > li:nth-child .wrap_in .line{ height: 3em;  width: 0.5em; left: 50%; top: 100%; transform: translate(-50%,0);}
.sub_process{ margin: -1.5em 0 0 -1.5em;}
.sub_process > li .wrap_in .line{ left: 50%; top: 105%; transform: translate(-50%,0) rotate(90deg); display: none;}
.sub_process > li:nth-child(n){ order: 0;}

.member_con .member_wrap .member > .list{ width: calc(100%);}
.member_con .member_wrap .img_sizing{ flex: 1 1 20%;}


.tv_notice_con ul li{ width: 100%;}

.page_txt .tit .sub_ttl:before{ top: 7px;}
.page_txt .tit .sub_ttl:after{ top: -4px}

.work_table3 table tr td{ padding: 1em;}
.work_table3 table tr td > p{ margin-left: .6em;}
.page_con_wrap .tx_w .list > li:before{ width: 5px; height: 5px;}
.work_table3 table tr td > p.table3_txt:before{ top: 5px; left: 8px; height: 4px; width: 4px;}
.low_txt_incon > .low_txt_inner:before{ top: 3px;}
.work_table3 table tr td > p.table3_dot_ttl:before{ width: 5px; height: 5px; top: 6px; left: -12px;}
.page_con_wrap .tx_w .list > li:before{ top: 3px;}

.work_wrap{ flex-direction: column-reverse;}
.work_wrap .work_left{ position:relative; width: 100%;}
.work_wrap .work_right{ width: 100%; justify-content: center; margin: 0 auto;}
.work_wrap .work_right .img_box > img{ height: 200px !important; width: 100%;}
.work_wrap .work_right .img_box{ margin-bottom: 1em;}
.sub_process.sub_process2 > li{ width: 100%;}
.list_tab li > a{ padding: 1.2em .5em;}
.list_tab{ flex-wrap: wrap;}

.nor_list.st1 > li{ flex: 1 1 50%;}

.work_table3.table_scroll{ overflow-x: scroll; padding-bottom: 2em;}
.work_table3 .table_w{ width: 700px; }
.work_wrap .work_left.pr_n{ padding-left: 0em;}
.page_con_allwrap .work_con:nth-child(2n-1) .work_wrap{ flex-direction: column;}

.download_con{ margin-top: 1em;}
.page_txt .tit .sub_ttl{ flex-direction: column; align-items: flex-start;}
.sub_order > li{ width: 100%; justify-content: center;}
.sub_order > li .next_con{ left: 52%; top: 2px; transform: rotate(180deg);}

.top_box_content .box_tbox{ margin: -6em auto 0;}
.top_box_content .box_bg{ height: 160px;}
.sub_order > li .order_in{ width: 60%;}

.table_txt_pd_in .table_txt_pd_txt:before{ top: 2px;}

#footer .info_wrap{flex-direction: column; }
.info_wrap .info .info_ttl > p{ font-size: 15px;}
.info_wrap .info > li{ font-size: 12px;}

#header .top_mini li .slo{ display: none;}
#header .top_mini > ul li{ }
#header .top_mini > ul{ justify-content: flex-start;}

.icon_box_list > li{ width: 50%;}
.icon_box_list.st1 > li .wrap_in .con_wrap .box_ttl > p{ font-size: 12px;}

/* .main_blog .blog_wrap .left_con .blog_box_con .blog_box_list{  gap: 1em;} */
.main_blog .blog_wrap .left_con .blog_box_con .blog_box_list > li{ width: 48%;}
.main_blog .blog_wrap .left_con .blog_box_con .blog_box_list > li:nth-child(1),
.main_blog .blog_wrap .left_con .blog_box_con .blog_box_list > li:nth-child(2){ border-right: 1px solid #ddd;}
.main_blog .blog_wrap .left_con .blog_box_con .blog_box_list > li:last-of-type{ margin-bottom: 0em;}
.member_con .member_wrap .txt_box .info.member > li:before{ top: 4px;}
.right_info .right_info_list>li:before{ top: 3px;}

.main_blog .blog_wrap .left_con .blog_box_con .blog_box_list > li .box_in_con .box_in_ttl > p{ font-size: 15px;}
.main_blog .blog_wrap .right_con .submit_wrap .submit_list > li .right_box_con .notice_list .notice_list_wirte > li,
.main_blog .blog_wrap .left_con .blog_box_con .blog_box_list > li .box_in_con .box_in_b_txt > p{ font-size: 12px;}

.main_blog .blog_wrap .right_con .submit_wrap .submit_list > li .submit_list_ttl > p{ font-size: 14px;}

.main_blog .blog_wrap .right_con, .main_blog .blog_wrap .left_con{ flex-direction: column;}
.main_blog .blog_wrap .right_con .right_wrap{ width: 100%; margin-bottom: 2em;}
.main_blog .blog_wrap .right_con .right_wrap:last-of-type{ margin-bottom: 0em ; margin-left: 0 !important;}
.right_box_con{ height: 10em;}
.main_blog .blog_wrap .right_con .submit_wrap .submit_list > li.br_n{ border-right: 1px solid #ddd;}

.mainVisual_pagination .el .img_wrap .img{ }

.mainVisual_pagination .el{ width: 20em;}
.mainVisual_pagination .el .txt_wrap{ text-align: left;}
.mainVisual_wrap .inner{ width: 90%; margin: 0 auto; flex-direction: column;}

.visualSlide_wrap .el .slogan .t1{ font-size: 38px;}
.visualSlide_wrap .el .slogan .t3{ font-size: 18px;}
.visualSlide_wrap .el .slogan .t2{ font-size: 15px;}

/* #contents .divMar{ margin-top: 26.9em;} */

.mainVisual_con{ width: 100%;}
.mainVisual_pagination .el .img_wrap .img{ }
.mainVisual_wrap{ height: 54em;}
.mainVisual_wrap .swiper-container{ height: 20em;}
.mainVisual_pagination .el:last-of-type .wrap_in{ }
.mainVisual_pagination .el .img_wrap:before, .mainVisual_txt{ height: 15em;}
.mainVisual_pagination .el .img_wrap{ overflow:visible;}
.mainVisual_pagination .el .wrap_in{ height: 28em;}
.mainVisual_pagination .el .img_wrap .img > img{ margin-top: 9em;}
.sub_process > li .wrap_in{ border-color: #3b86e2;}
.sub_process > li.before .wrap_in{ border-color: none; box-shadow: none;}

.left_info,
.mem_info_con .left{ flex: 1 1 40%;}

.right_info{ flex: 1 1 60%;}

.header_load_txt .call_list{ /*flex-wrap: wrap;*/}
.header_load_txt .call_list > .border_r{ }
.header_load_txt .call_list > .call_num{  word-break: break-word;}
.header_load_txt .call_list > .border_r{ margin-left: .6em;}
.call_list_con .call_num{ margin-left: 1em; margin-top: .5em;}
.call_list_con .border_r{ width: 4em;}
.call_list_con{ font-size: 1.45em;}
.header_load_txt .call_list > li{ flex-direction: column; min-width: 99%;}
.header_load_txt .call_list > li > .call_list_con{ padding: .4em .5em; border: solid; border-width: 1px 1px 0px 1px; justify-content: space-between;}
.header_load_txt .call_list > li > .call_list_con:last-of-type { border-bottom: 1px solid #fff; margin-bottom: 1.2em;}
.header_load_txt .call_list > li > .call_list_con > .direct{ border: 1px solid #fff; display: flex; align-items: center; padding: .5em .7em;}
.header_load_wrap { padding: 0 0;}
.call_list_con .call_num .call_btn{ padding: 1em 1.2em; box-sizing: border-box; border: 1px solid #fff; font-size: .8em; line-height: 3.6; margin-left: .5em;}
.header_load_wrap,
.header_banner{ height: 270px;}
.ceo_call{ font-size: 2.25em;}
.call_list_con .call_num{ margin-left: .5em;}
.call_list_con .call_num,
.call_list_con .border_r{ font-size: 1.2em}
.header_load_txt .call_list > li{ gap: 0em;}
.header_load_txt .call_list > li > .call_list_con > span{ align-items: inherit;}

.mainVisual_wrap{ margin-top: 32em;}
/* #contents .sub_visual_wrap{ margin-top: 22em;} */

.mainVisual_pagination .el .txt_wrap{ bottom: 18.5em;}

/* .mainVisualSlide_wrap{height: 75vh;} */
/* .mainVisualSlideSlogan_wrap{height: 75vh; bottom: auto; top: 0;} */
.mainVisualSlideSlogan_wrap .wrapIn{ justify-content: flex-end; padding-bottom: 2em; box-sizing: border-box;}
.mainVisualSlide_wrap .slogan{margin-bottom: 0; width: 100%;}

.visualSlide_wrap.interver .el .slogan .t1{ font-size: 26px;}
.mainVisualSlide_wrap .slogan .t2{font-size: 2.25em;}
.mainVisualSlide_wrap .slogan .t1{font-size: 1.5em;}
.main_work .work_bg .work_ttl > p b{ font-size: 25px;}
.main_work .work_bg .work_ttl > p i{font-size: 18px;}
.gsClassSlide.tShow .el > i{ word-break: break-all;}
.interval{ padding: 3em 0;}

.main_blog .blog_wrap .left_con .blog_box_con{flex-wrap: wrap;}
.main_blog .blog_wrap .left_con .blog_box_con,
.main_blog .blog_wrap .left_con .blog_box_con .blog_box_list{width: 100%;}
.main_blog .blog_wrap .left_con .blog_box_con .blog_box_list > li{ width: 100%;}
.main_blog .blog_wrap .left_con .blog_box_con .blog_box_list > .el a{height: auto;}

} 

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

}

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

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

}

@media screen and (max-width:400px){
.mainVisual_pagination .el .img_wrap .img{ width: 112%;}

}

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

}

@media screen and (max-width:350px){
.mainVisual_pagination .el .img_wrap .img{ width: 100%;}
.call_list_con .call_num,
.call_list_con .border_r{ font-size: 1em}

}

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

}

@media all and (max-width:1024px) and (orientation:landscape){

}

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

}