@charset "utf-8";
.PHONE{display:none;}
.dn_600{display:none!important;}
@media screen and (max-width:1919px){	
.main_bnList1 .inner .list .list_wrap .list_con .circle_wrap .circle_tt{width:auto;}
}

/* CSS Document */
@media screen and (max-width:1680px){	
body{ font-size:15px;}
.box1{width:95%; max-width:95%}
body.isMobile .scrollst{ overflow-y:visible !important;}



.main_more > .more{padding:.75em 1em;}
}

@media screen and (max-width:1500px){
.main_txt .t13{font-size:3.5em;}
.main_con{padding:5em 0;}

.main_layout > .inner > .layL{width:100%; max-width:inherit; padding-right:0; margin-bottom:2em;}
.main_layout > .inner > .layR{flex:1 1 100%;}
.main_bnList2 > .list > li .wrap_in:hover:before{transform:scale(1,1);}
.main_bnList2 > .list > li .wrap_in{height:27.5em;}

.main_layout3 > .inner{justify-content:space-between;}
.main_layout3 > .inner > .layL{width:100%; margin-bottom:3em; padding-right:0;}
.main_layout3 > .inner > .layM{width:50%; padding-left:0;}
.main_layout3 > .inner > .layR{flex:inherit; width:45%; margin-top:0; padding-left:0;}
}

@media screen and (max-width:1360px){
.main_bnList1 .inner .list .list_wrap .list_con .circle_wrap .circle{width:16em; height:16em;}
}

@media screen and (max-width:1280px){	
body{ font-size:14px;}
.vision_list .list_wrap .list_con .circle_wrap .circle{width:15em; height:15em;}
.main_txt .t13{font-size:3em;}
.main_txt .t12{font-size:2.85em;}
#header .headerWrap .logo{width:10em;}
.main_bnList1 .inner .list .list_wrap .list_con .circle_wrap .circle{width:13em; height:13em;}
.main_bnList1 .inner .list .list_wrap .list_con .circle_wrap .circle .t2{font-size:1.35em;}
.main_bnList1 .inner .list .list_wrap .list_con .circle_wrap .circle:before{height:1.125em;}

.business ul li .con {width: 29em;}
.business ul li .con.h2 {height: 11em;}
.business ul li .con.h4 {height: 15em;}
.business ul li.right .con {left: 4%;}

}

@media screen and (max-width:1024px){

[data-aos^=fade][data-aos^=fade]{ opacity:1 !important; transform:translateZ(0) !important;}

.mo_hide{display:none;}
.PHONE{display:block;}

.moAc{ text-align:center !important;}
.moAl{ text-align:left !important;}
.moBr br{ display:block !important;}

#header .headerWrap .gnb_wrap{display:none;}
.goTop{ display:none;}
#footer .goCall{right:1.5em;}

.main_txt .t8{font-size:1.5em;}
.main_bnList2, .main_bnList2 > .list, .main_bnList2 > .list > li, .main_bnList2 > .list > li .wrap_in{flex:1 1 50%;}
.main_layout2 > .inner > .layL{flex:1 1 100%; margin-bottom:2em; height:20em;}
.main_layout2 > .inner > .layR{width:100%; padding:0;}
.main_txt .t13 br{display:none;}
.digital_wrap .digital_txt .digital_dot{margin:1.5em 0 0 1.3125em; margin-top:1.5em;}
.main_txt .t11{font-size:2em;}

.main_bnList1 .inner .list .list_wrap .list_con{width:48%;}
.main_bnList1 .inner .list .list_wrap .list_con:nth-of-type(n+3){margin-top:2em;}

.greetings_wrap > .wrap_img{display:none;}
.greetings_wrap > .wrap_tt{width:100%; padding-left:0;}

.vision_list .list_wrap > .list_con{width:47%;}
.vision_list .list_wrap > .list_con:nth-of-type(n+3){margin-top:2em;}
.vision_list .list_wrap > .list_con .circle_wrap{width:auto;}
.vision_list .list_wrap .list_con .circle_wrap .circle_tt{width:auto;}

.sub_tt.t3{font-size:2em;}
.why_img{width:90%;}

.map_info1 .t1{display:flex; flex-direction:column;}
.map_info1 .t1 span{margin-right:0;}
.map_info1 .t1 br{display:none;}

.page_ttbg_wrap.st2 .page_ttbg > .wrap_img{width:100%;}
.page_ttbg_wrap.st2 .page_ttbg > .wrap_img .resize.s1{padding-bottom:50%;}

.page_ttbg_wrap.st2 .page_ttbg > .wrap_con{padding-left:0; margin-top:1.5em; flex:1 1 100%;}
.page_ttbg_wrap.st2 .page_ttbg:nth-child(2n) > .wrap_con{text-align:left; padding:0;}
.why_con_inner{padding:.5em 1em;}

.main_txt > .tit{margin-bottom:1em;}
.main_customer .bnLink_wrap .main_more{margin-top:1em!Important;}
.main_dcocSlider{padding:2em 0 2em 0;}
.main_more.pd1{padding-top:2em;}

#footer .infoWrap .copy_wrap{flex:1 1 100%; padding-left:0; order:3; margin:.5em 0;}
#footer .infoWrap .f_last_wrap{flex:1 1 100%; order:2; margin:.5em 0;}
#footer .infoWrap .copy_wrap .info{flex-direction:column;}

.business ul li .con {left: 491px; top: 36px;}

}

@media screen and (max-width:768px){
body{ font-size:13px;}
#contents .sub_page_top .sub_tit .tt{font-size:1.75em;}
.sub_tt.t3{font-size:1.75em;}
.sub_tt.tit2{font-size:1.75em;}
.main_txt .t11{font-size:1.75em;}

#contents .sub_page_menu .box1.inner{width:100%;}
#contents .sub_page_menu .gnb > li .dp2 > li{max-width:inherit;}
#contents .sub_con_top{display:none;}

.main_layout3 > .inner > .layM{width:100%;}
.main_layout3 > .inner > .layR{width:100%; margin-top:3em;}

.main_news .notice_list > li:last-of-type{display:none;}

.page_ttbg_bg{padding:3em 0;}

.page_img_bn > .list > li{flex:1 1 50%;}
.page_img_bn > .list > li:last-of-type{margin-top:1em;}
.page_img_bn > .list > li .in{height:16em;}

.root_daum_roughmap .wrap_map{height:300px!important;}
.sub_process_wrap{padding-right:0;}
.sub_process_wrap .line{display:none;}
.sub_process > li{width:auto; flex:1 1 25%}
.sub_process > li:nth-child(1){flex:1 1 100%;}
.sub_process > li:nth-child(6){order:1}
.sub_process > li:nth-child(7){order:2}
.sub_process > li:nth-child(8){order:3}
.sub_process > li:nth-child(9){order:4}
.sub_process > li:nth-child(10){order:5; flex:1 1 100%;}

.sub_hover > .main_bnList2 > .list > li .wrap_in_1{padding:3em 4em;}

.fda_step_wrap .list > li{flex:1 1 50%; max-width:inherit;}
.fda_step_wrap .list > li:nth-of-type(1){order:1;}
.fda_step_wrap .list > li:nth-of-type(2){order:2;}
.fda_step_wrap .list > li:nth-of-type(2) .in .arrow{left:auto; right:50%; bottom:0; margin-bottom:-3em; margin-right:-1.5em;}
.fda_step_wrap .list > li:nth-child(2) .arrow:before{content:"\e943";}
.fda_step_wrap .list > li:nth-of-type(3){order:4;}
.fda_step_wrap .list > li:nth-child(3) .arrow{bottom:50%; left:-3em; margin-bottom:-1.5em; margin-right:0; transform:rotateY(-180deg); -webkit-transform:rotateY(-180deg); }
.fda_step_wrap .list > li:nth-child(3) .arrow:before{content:"\e940";}
.fda_step_wrap .list > li:nth-of-type(4){order:3;}
.fda_step_wrap .list > li:nth-of-type(4) .arrow{left:auto; right:50%; bottom:0; margin-bottom:-3em; margin-right:-1.5em;}
.fda_step_wrap .list > li:nth-of-type(4) .arrow:before{content:"\e943";}
.fda_step_wrap .list > li:nth-of-type(5){order:5;}
.fda_step_wrap .list > li:nth-child(5) .arrow{bottom:50%; left:auto; right:-3em; margin-bottom:-1.5em; margin-right:0; transform:rotateY(0); -webkit-transform:rotateY(0); }
.fda_step_wrap .list > li:nth-child(5) .arrow:before{content:"\e940";}
.fda_step_wrap .list > li:nth-of-type(6){order:6;}

.mainSlider .el .main_slogan .slogan .t1{font-size:5em;}
.main_customer .cs_wrap .sns_wrap{margin-top:1em;}

.business ul li { padding-bottom:4em !important;}
.business ul li .con {position: unset; height:100%;}
.business ul li .con.h2 {height:100%;}
.business ul li .con.h3 {height:100%;}
.business ul li .con.h4 { height:100%;}
.business ul li .con:before { display:none;}
.business ul li.left .img {width: 100%;}
.business ul li.left .img img {width: 100%;}
.business ul li.right .img {width: 100%;}
.business ul li.right .img img {width: 100%;}
.business ul li .con { width:86.7%; border-radius: unset;}

}

@media screen and (max-width:660px){
	#header .headerWrap .side_wrap .down .in{padding:.3em .65em;}
	.page_ttbg_wrap.st1 > li{width:47%;}
	.why_img{width:100%;}
}

@media screen and (max-width:600px){
	.tb_wrap{overflow-x:auto;}
	.tb_wrap .board_st{min-width:1000px; position:relative;}
	.tb_wrap .board_st:before{position:absolute; left:0; top:-2em; content:'- 좌우로 슬라이드 하시면 자세한 내용을 볼 수 있습니다.'; display:block; font-family:inherit; font-size:.835em; color:#666; font-weight:600;}
	.tb_wrap .board_st .w_form_tit2{width:13em;}
	.main_customer .gallery_list > li{flex:1 1 50%;}
	.main_customer .gallery_list > li:nth-of-type(3){display:none;}
	.main_customer .bnLink_wrap{padding:1.5em 1em;}
	.main_bnList2, .main_bnList2 > .list, .main_bnList2 > .list > li, .main_bnList2 > .list > li .wrap_in{flex:1 1 100%;}
	.main_bnList2 > .list > li .wrap_in{height:17em;}
	
	.main_txt .t13{font-size:2.5em;}
	.mainSlider .el .main_slogan .slogan .t1{font-size:4em;}
	.mainSlider .el .main_slogan .slogan .txt{margin-top:2.5em;}
	.main_txt .br{display:inline;}
	.main_customer .cs_wrap .info > .etc > li .txt .tt br{display:none;}
}

@media screen and (max-width:550px){
	.page_ttbg_wrap.st1 > li{width:100%; margin-top:4em;}
	.page_ttbg_wrap.st1 > li:first-of-type{margin-top:0;}
	.page_ttbg_wrap.st1 > li .wrap_img .resize.s1{padding-bottom:37.5%;}
	.page_ttbg_wrap.st1 > li:nth-child(2n){margin-bottom:0;}
.sub_process > li{width:auto; flex:1 1 50%}
.sub_process{margin:0 0 -3em -2em;}
.sub_process > li .in{margin:0 0 3em 2em;}
.page_ttbg_wrap.st1 > li.dcoc_con{width:100%;}
.page_ttbg_wrap.st1 > li.dcoc_con:nth-child(2n){margin-top:3em!Important;}

.mainSlider .el .visual_shape img{width:95em; max-width:95em;}
.mainSlider .el .visual_shape{top:0; left:-18em}

}

@media screen and (max-width:500px){
#contents .sub_page_top .sub_tit .tt{font-size:1.5em;}
.sub_tt.t3{font-size:1.5em;}
.sub_tt.tit2{font-size:1.5em;}
.main_txt .t11{font-size:1.5em;}
.main_bnList1 .inner .list .list_wrap .list_con .circle_wrap .circle_tt .t2{font-size:1.5em;}

.main_txt .t13{font-size:2em;}
.main_txt .t12{font-size:2em;}

.mainSlider .el .main_slogan .slogan .t1{font-size:3em;}

.sub_tt.t2 { font-size: 1.25em; }
.page_ttbg_wrap.st1{margin-top:2.65em;}
.vision_list .list_wrap .list_con .circle_wrap .circle{width:12em; height:12em;}
.vision_list .list_wrap .list_con .circle_wrap .circle:before{height:1.65em;}
.vision_list .list_wrap .list_con .circle_wrap .circle_tt .t1{margin-top:1.5em;}
.vision_list .list_wrap .list_con .circle_wrap .circle_tt .t2{font-size:1.175em;}

.sub_hover > .main_bnList2 > .list > li .wrap_in_1{padding:2em;}

.fda_step_wrap .list > li{flex:1 1 100%;}
.fda_step_wrap .list > li:nth-of-type(1){order:1;}
.fda_step_wrap .list > li:nth-of-type(2){order:2;}
.fda_step_wrap .list > li:nth-of-type(3){order:3;}
.fda_step_wrap .list > li:nth-of-type(4){order:4;}
.fda_step_wrap .list > li:nth-of-type(5){order:5;}
.fda_step_wrap .list > li:nth-of-type(6){order:6;}
.fda_step_wrap .list > li:nth-of-type(1) .arrow{left:auto; right:50%; bottom:0; margin-bottom:-3em; margin-right:-1.5em;}
.fda_step_wrap .list > li:nth-child(1) .arrow:before{content:"\e943";}
.fda_step_wrap .list > li:nth-child(3) .arrow{left:auto; right:50%; bottom:0; margin-bottom:-3em; margin-right:-1.5em;}
.fda_step_wrap .list > li:nth-child(3) .arrow:before{content:"\e943";}
.fda_step_wrap .list > li:nth-child(5) .arrow{left:auto; right:50%; bottom:0; margin-bottom:-3em; margin-right:-1.5em;}
.fda_step_wrap .list > li:nth-child(5) .arrow:before{content:"\e943";}
.fda_step_wrap .list > li .in .tt > p{font-size:1.075em;}

.main_bnList2 > .list > li.n3 .main_txt .t4 br{display:none;}

.business ul li .con {width: 89%; padding:2em;}
.business ul li .con .desc2 {line-height: 1.5;}

.sub_tt.dot:before {top: 7px;}

}

@media screen and (max-width:460px){
.main_bnList1 .inner .list .list_wrap .list_con .circle_wrap .circle{width:11em; height:11em;}
.main_bnList1 .inner .list .list_wrap .list_con .circle_wrap .circle_tt .t1{margin-top:1.45em;}
.dn_600{display:block!Important;}
.map_info1 .t1 span i.vs{margin-left:2.6em;}

.fda_step_wrap .list > li .in .tt > .span{font-size:1.125em;}
.fda_step_wrap .list > li .in .tt > p{font-size:1.2em;}
.fda_step_wrap .list > li .in .tt > p.en{font-size:1.05em;}

.tb_wrap .board_st.write{border-top:none;}
.tb_wrap .board_st.write th{border-top:3px solid #870c18!important;}
.mainControl{display:none;}
}

@media screen and (max-width:380px){
.page_img_bn > .list > li{flex:1 1 100%}
.page_img_bn > .list > li:nth-of-type(2){margin-top:1em;}

#contents .sub_page_menu .gnb > li .dp2 > li{flex:1 1 50%;}
.main_bnList1 .inner .list .list_wrap .list_con{width:100%;}
.main_bnList1 .inner .list .list_wrap .list_con:nth-of-type(2){margin-top:2em;}

.business ul li .con {width: 89.2%; padding:1.5em;}
.business ul li .con .desc3 .xi {width: 1em; height: 1em; line-height: 1em;}
}

@media screen and (max-width:320px){

}

@media screen and (max-width:280px){
body{ font-size:12px;}

}

@media all and (max-width:1024px) and (orientation:landscape){

}

@media screen and (max-device-width:1024px){

}

