@charset "utf-8";
/* CSS Document */
@media screen and (max-width:1650px){	
/*#header .gnb_wrap .gnb > li .dp1 {padding:0 3em;}*/
/*#header .top_wrap .logo, #header .top_wrap .utile_wrap {width:inherit;}*/
.PHONE1650{display:block;}
.PHONE1650f{display:flex;}
.PHONE1650i{display:inline-block;}
.PHONE1650t{display:table;}
.PC1650{display:none;}
.PC1650f{display:none;}
.PC1650i{display:none;}
.PC1650t{display:none;}


}

@media screen and (max-width:1560px){
.PHONE1560{display:block;}
.PHONE1560f{display:flex;}
.PHONE1560i{display:inline-block;}
.PHONE1560t{display:table;}
.PC1560{display:none;}
.PC1560f{display:none;}
.PC1560i{display:none;}
.PC1560t{display:none;}
}

@media screen and (max-width:1360px){
.PHONE1360{display:block;}
.PHONE1360f{display:flex;}
.PHONE1360i{display:inline-block;}
.PHONE1360t{display:table;}
.PC1360{display:none;}
.PC1360f{display:none;}
.PC1360i{display:none;}
.PC1360t{display:none;}

#google_translate_element{right:120px;}

}

@media screen and (max-width:1280px){	
.PHONE1280{display:block;}
.PHONE1280f{display:flex;}
.PHONE1280i{display:inline-block;}
.PHONE1280t{display:table;}
.PC1280{display:none;}
.PC1280f{display:none;}
.PC1280i{display:none;}
.PC1280t{display:none;}

body{ font-size:14px;}

/**/
#header .top_wrap .logo {width:19em;}
#header .logo > a{top:0;}
#header .top_wrap .in_wrap{height:5em;}

#google_translate_element{top:24px;}
/**/
.page_tbg_Wrap {height:290px;}
.page_tbg_TW {margin:-190px auto 3px auto}

#section1 .box1{max-width:90%;}
.main_about .main_about_wrap .main_about_ctt_wrap .prd_slide_wrap .prd_slide{width:1180px;}

.main_about .main_about_wrap .main_about_ctt_wrap .prd_slide_wrap .prd_slide .slides .in_wrap .prd_tit{min-height:48px; max-height:48px;}
}

@media screen and (max-width:1200px){
.PHONE1200{display:block;}
.PHONE1200f{display:flex;}
.PHONE1200i{display:inline-block;}
.PHONE1200t{display:table;}
.PC1200{display:none;}
.PC1200f{display:none;}
.PC1200i{display:none;}
.PC1200t{display:none;}

#header .gnb_wrap .gnb > li .dp1 {padding:0 2.5em;}	

#header .gnb_wrap{padding:0 18em;}
/**/
.mainSlider .el .slogan .t2 {font-size:2.5em;}

.main_about .main_about_wrap .main_about_ctt_wrap .prd_slide_wrap .prd_slide{width:1105px;}
}

@media screen and (max-width:1050px){
.PHONE1050{display:block;}
.PHONE1050f{display:flex;}
.PHONE1050i{display:inline-block;}
.PHONE1050t{display:table;}
.PC1050{display:none;}
.PC1050f{display:none;}
.PC1050i{display:none;}
.PC1050t{display:none;}

.main_Con1_Wrap .con1 .list > li .inner {box-sizing:border-box; overflow:hidden;}
.main_Con1_Wrap .con1 .list > li .inner .tw {padding:2em .5em;}
.main_Con1_Wrap .con1 .list > li .inner .tw .tx {height:3em;}

.main_visual .slogan .t2{font-size:2.75em;}

.main_perf .main_perf_ctt_wrap > .flex{max-width:90%; margin:0 auto;}
.main_perf .main_perf_ctt_wrap ul > li{height:270px;}
.main_perf .main_perf_ctt_wrap ul > li > div .main_perf_ctt_txt{margin-bottom:1.5rem;}

.main_customer .main_customer_ctt_wrap ul .notice_box{width:65%;}
.main_customer .main_customer_ctt_wrap ul .cs_box{width:30%;}
.main_customer .main_customer_ctt_wrap ul .cs_box .mc_ctt_box .mc_ctt > div{padding:40px 30px;}

.main_about .main_about_wrap .main_about_ctt_wrap .prd_slide_wrap .prd_slide{width:95%; margin:0 auto;}
.main_about .main_about_wrap .main_about_ctt_wrap .prd_slide_wrap .prd_slide_arrows .prd_slide_prev{right:404px;}
.main_about .main_about_wrap .main_about_ctt_wrap .prd_slide_wrap .prd_slide_arrows .prd_slide_next{left:404px;}
}


@media screen and (max-width:1024px){
.PHONE1024{display:block;}
.PHONE1024f{display:flex;}
.PHONE1024i{display:inline-block;}
.PHONE1024t{display:table;}
.PC1024{display:none;}
.PC1024f{display:none;}
.PC1024i{display:none;}
.PC1024t{display:none;}

}

@media screen and (max-width:1000px){
.PHONE1000{display:block;}
.PHONE1000f{display:flex;}
.PHONE1000i{display:inline-block;}
.PHONE1000t{display:table;}
.PC1000{display:none;}
.PC1000f{display:none;}
.PC1000i{display:none;}
.PC1000t{display:none;}

#header .gnb_wrap {display:none}
#header .utile_wrap .all {border:1px solid #fff; margin-left:0; padding:15px;}
#header .utile_wrap .all:hover {background:#003876; transition:.3s; border:1px solid #003876}
#header .utile_wrap .all:hover .all_btn .ham {background:#fff;}

}

@media screen and (max-width:900px){
.PHONE900{display:block;}
.PHONE900f{display:flex;}
.PHONE900i{display:inline-block;}
.PHONE900t{display:table;}
.PC900{display:none;}
.PC900f{display:none;}
.PC900i{display:none;}
.PC900t{display:none;}

body.main .box1{max-width:90%;}

.main_visual .slogan{padding-top:24em;}

.main_visual .slogan .t1{font-size:2.125em;}
.main_visual .slogan .t2{font-size:2.25em;}

.mainSlider .el {height:50vh;}	
.mainSlider .el .slogan {top:10em;}
.mainSlider .el .slogan .t2 {font-size:2em;}	

.mainControl,
.mainPaging, 
.mainScroll {display:none}

.main_Con1_Wrap .ti_w  {padding:30px 0;}
.main_Con1_Wrap .ti_w .t1 {font-size:1.6em;}
.main_Con1_Wrap .con1 .list > li {width:50%;}
.main_Con1_Wrap .con1 .list > li .inner .tw {padding:2em .5em 0 .5em;}
.main_Con1_Wrap .con1 .list > li .inner .icon {width:80%; margin:0 auto;}

.main_Con2_Wrap {height:inherit; margin-bottom:0;}
.main_Con2_Wrap .ti_w {padding:50px 0;}
.main_Con2_Wrap .ti_w .t1 {font-size:1.4em;}
.main_Con2_Wrap .ti_w .t2 {font-size:1.6em;}

.family_wrap .control {display:none}
.family_wrap .family {width:100%;}

#footer .foot_wrap .menu_wrap .menu > li > a {font-size:.875em; margin-right:1em;}
#footer .foot_wrap .con .bottom_wrap {display:block; flex-wrap:inherit; align-content:inherit; align-items:inherit;}
#footer .foot_wrap .info_wrap {flex:inherit; padding:1.5em 0;}
#footer .foot_wrap .bottom_wrap .logo {margin-top:0; margin-bottom:1.5em}
#footer .foot_wrap .bottom_wrap .logo img {width:50%;}

#contents .subtop_wrap .sub_visual {height:18em;}
#contents .sub_slogan .t1 {font-size:2em;}
#contents .sub_slogan .in {margin-top:30px}

.page_col {display:block; flex-wrap:inehrit;}
.page_col > .con {flex:inherit; margin-left:0; border-top:none; padding:0;}
.page_col > .tit {width:100%; padding:1em 0 1.5em 0}

.page_tit .tt > strong br {display:none}

.root_daum_roughmap_landing {width:100% !important;}
.root_daum_roughmap .wrap_map {height:250px !important;}

.person_list > li {width:100%;}
.person_list.wd3 > li {width:100%;}

.page_tbg_Wrap {display:none}
.page_tbg_TW {padding:2em 1em; width:100%; margin:0; background:#fafafa}
.page_tbg_TW .t1 {font-size:1.4em;}

.page_inFo_Wrap1 .list {margin-left:0;}
.page_inFo_Wrap1 .list > li {width:100%;}
.page_inFo_Wrap1 .list > li .in {margin-left:0; margin-bottom:3em;}
.page_inFo_Wrap1 .list .con .txt {font-size:1.063em}

.inFo_list > li .inner {display:block; flex-wrap:ineherit; justify-content:inherit;  align-content:inherit; align-items:inherit;}
.inFo_list .tw, .inFo_list .img {width:100%;}
.inFo_list > li:nth-child(2n) .tw {text-align:left}

.inFo_list2 {display:block; flex-wrap:inherit; margin:0 0 1em 0;}
.inFo_list2 > li {flex:inherit;}
.inFo_list2 > li .in {margin:0 0 2em 0;}
.inFo_list2 > li .in .tt {text-align:left !important; font-size:1.063em}

.main_perf .main_perf_tit_wrap{margin-bottom:5rem;}
.main_perf .main_perf_ctt_wrap ul > li .main_perf_r{margin-top:40px;}

.main_customer .main_customer_tit_wrap{margin-bottom:3rem;}
.main_customer .main_customer_ctt_wrap ul{flex-direction:column;}
.main_customer .main_customer_ctt_wrap ul li{width:100%;}
.main_customer .main_customer_ctt_wrap ul .notice_box{width:100%;}
.main_customer .main_customer_ctt_wrap ul .notice_box .mc_ctt_box .notice_list{height:80px;}
.main_customer .main_customer_ctt_wrap ul li .mc_ctt_box{height:auto;}
.main_customer .main_customer_ctt_wrap ul .cs_box{width:100%; margin-top:1rem;}
.main_customer .main_customer_ctt_wrap ul li.cs_box .mc_ctt_box{flex-direction:row;}

.main_about .main_about_wrap .main_about_ctt_wrap .prd_slide_wrap .prd_slide_arrows .prd_slide_prev{right:340px;}
.main_about .main_about_wrap .main_about_ctt_wrap .prd_slide_wrap .prd_slide_arrows .prd_slide_next{left:340px;}

#footer .foot_wrap .bottom_wrap .logo img{width:100%;}
}

@media screen and (max-width:768px){
.PHONE768{display:block;}
.PHONE768f{display:flex;}
.PHONE768i{display:inline-block;}
.PHONE768t{display:table;}
.PC768{display:none;}
.PC768f{display:none;}
.PC768i{display:none;}
.PC768t{display:none;}

body{ font-size:13px;}

.section:not(#section0){height:auto !important;}

.section:not(#section0):not(#section5){padding:5rem 0;}

.main_areas .con_wrap:before{transform:scaleX(1) !important;}
.main_areas .con_wrap .in_wrap{opacity:1 !important;}

.main_perf .main_perf_tit_wrap{margin-bottom:3rem;}
.main_perf .main_perf_ctt_wrap > .flex{flex-direction:column;}
.main_perf .main_perf_ctt_wrap ul > li{width:100%;}
.main_perf .main_perf_ctt_wrap ul > li .main_perf_r{margin-top:20px;}

#section1{padding:0 !important;}
#section1 .main_about_wrap{padding:5rem 0;}
.main_about .main_about_wrap .main_about_bg_tit{display:none;}
.main_about .main_about_wrap .main_about_ctt_wrap .prd_slide_wrap .prd_slide_arrows .prd_slide_prev{right:280px;}
.main_about .main_about_wrap .main_about_ctt_wrap .prd_slide_wrap .prd_slide_arrows .prd_slide_next{left:280px;}
.main_about .main_about_wrap .main_about_ctt_wrap .prd_slide_wrap .prd_slide .slides .in_wrap .prd_tit{min-height:44px; max-height:44px;}
}

@media screen and (max-width:560px){
.PHONE560{display:block;}
.PHONE560f{display:flex;}
.PHONE560i{display:inline-block;}
.PHONE560t{display:table;}
.PC560{display:none;}
.PC560f{display:none;}
.PC560i{display:none;}
.PC560t{display:none;}

#header .utile_wrap .all.on .all_wrap .wrap_in{z-index:10;}

.main_visual .slogan .t2{width:80%; margin:0 auto 1em;}
.main_visual .control_box{display:none;}

.main_areas .main_areas_tit_wrap .main_areas_line{margin-bottom:2rem;}
.main_areas .main_areas_tit_wrap .main_areas_tit{font-size:2.5em;}
.main_areas .main_areas_tit_wrap .main_areas_tit_sub{width:80%; margin:0 auto;}

.main_areas .con_wrap .in_wrap > li .inner .icon img{height:70%;}
.main_areas .con_wrap .in_wrap > li .inner .txt p:first-of-type{margin-bottom:.5rem;}
.main_areas .con_wrap:before{background:rgba(255,255,255,.3);}

.main_customer .main_customer_ctt_wrap ul .cs_box .mc_ctt_box .mc_ctt > div .cs_icon{left:16px; top:18px;}

.main_about .main_about_wrap .main_about_ctt_wrap .prd_slide_wrap .prd_slide_arrows .prd_slide_prev{right:180px;}
.main_about .main_about_wrap .main_about_ctt_wrap .prd_slide_wrap .prd_slide_arrows .prd_slide_next{left:180px;}

#footer .menu_wrap{display:none;}
}

@media screen and (max-width:460px){
.PHONE460{display:block;}
.PHONE460f{display:flex;}
.PHONE460i{display:inline-block;}
.PHONE460t{display:table;}
.PC460{display:none;}
.PC460f{display:none;}
.PC460i{display:none;}
.PC460t{display:none;}

body.hidden #header .logo{z-index:-1;}

.main_visual .slogan .t3{width:80%; margin:0 auto;}

.main_areas .con_wrap .in_wrap > li .inner .txt p:last-of-type .more_btn{display:none;}

.main_customer .main_customer_ctt_wrap ul li.cs_box .mc_ctt_box{flex-direction:column;}

.main_about .main_about_wrap .main_about_ctt_wrap .prd_slide_wrap .prd_slide_arrows .prd_slide_prev{right:140px;}
.main_about .main_about_wrap .main_about_ctt_wrap .prd_slide_wrap .prd_slide_arrows .prd_slide_next{left:140px;}
}

@media screen and (max-width:412px){
#google_translate_element{right:70px; top:22px;}
.main_perf .main_perf_ctt_wrap ul > li > div .main_perf_ctt_tit{margin-bottom:1.5rem;}
.main_perf .main_perf_ctt_wrap ul > li{height:250px;}
}

@media screen and (max-width:380px){
.PHONE380{display:block;}
.PHONE380f{display:flex;}
.PHONE380i{display:inline-block;}
.PHONE380t{display:table;}
.PC380{display:none;}
.PC380f{display:none;}
.PC380i{display:none;}
.PC380t{display:none;}

body{ font-size:11px;}

#google_translate_element{right:70px; top:17px;}

.main_areas .con_wrap .in_wrap > li .inner .icon img{height:90%;}
.main_areas .con_wrap .in_wrap > li .inner .shape{display:none;}
.main_areas .con_wrap .in_wrap > li .inner .txt p:last-of-type .more_btn{display:inline-flex;}

.main_perf .main_perf_ctt_wrap ul > li{height:210px;}
.main_perf .main_perf_ctt_wrap ul > li > div .main_perf_ctt_tit{font-size:1.75em; margin-bottom:1.25rem;}
.main_perf .main_perf_ctt_wrap ul > li > div .main_perf_ctt_txt{margin-bottom:1rem;}

.main_about .main_about_wrap .main_about_ctt_wrap .prd_slide_wrap .prd_slide .slides{height:350px;}
.main_about .main_about_wrap .main_about_ctt_wrap .prd_slide_wrap .prd_slide .slides .in_wrap .img_box{height:240px;}
.main_about .main_about_wrap .main_about_ctt_wrap .prd_slide_wrap .prd_slide .slides .in_wrap .prd_tit{min-height:54px; max-height:54px; -webkit-line-clamp:3;}
.main_about .main_about_wrap .main_about_ctt_wrap .prd_slide_wrap .prd_slide_arrows .prd_slide_prev{right:100px;}
.main_about .main_about_wrap .main_about_ctt_wrap .prd_slide_wrap .prd_slide_arrows .prd_slide_next{left:100px;}
}

@media screen and (max-width:320px){
.PHONE320{display:block;}
.PHONE320f{display:flex;}
.PHONE320i{display:inline-block;}
.PHONE320t{display:table;}
.PC320{display:none;}
.PC320f{display:none;}
.PC320i{display:none;}
.PC320t{display:none;}

#google_translate_element{display:none;}
body.hidden #google_translate_element{display:block; z-index:15; right:16.5px; top:71px;}

#header .utile_wrap .all_wrap .inner.all_gnb{padding-top:4em;}

.main_areas .con_wrap .in_wrap > li .inner .icon{height:50%; padding:1em 0;}
.main_areas .con_wrap .in_wrap > li .inner .icon img{height:110%;}
.main_areas .con_wrap .in_wrap > li .inner .txt p:last-of-type .more_btn{display:none;}

.main_perf .main_perf_ctt_wrap ul > li > div p:first-of-type{margin-bottom:.375rem;}
.main_perf .main_perf_ctt_wrap ul > li .main_perf_r{margin-top:14px;}

.main_customer .main_customer_ctt_wrap ul .cs_box .mc_ctt_box .mc_ctt > div .cs_txt{width:70%; margin-left:auto;}

.main_about .main_about_wrap .main_about_ctt_wrap .prd_slide_wrap .prd_slide_arrows{top:84%;}
.main_about .main_about_wrap .main_about_ctt_wrap .prd_slide_wrap .prd_slide_arrows > span{width:40px; height:40px;}
.main_about .main_about_wrap .main_about_ctt_wrap .prd_slide_wrap .prd_slide_arrows .prd_slide_prev{right:70px;}
.main_about .main_about_wrap .main_about_ctt_wrap .prd_slide_wrap .prd_slide_arrows .prd_slide_next{left:70px;}
}

@media screen and (max-width:280px){
.PHONE280{display:block;}
.PHONE280f{display:flex;}
.PHONE280i{display:inline-block;}
.PHONE280t{display:table;}
.PC280{display:none;}
.PC280f{display:none;}
.PC280i{display:none;}
.PC280t{display:none;}

body{ font-size:10px;}

body.hidden #google_translate_element{right:15px; top:64px;}

.main_areas .con_wrap .in_wrap > li .inner .txt p:first-of-type{font-size:1.125em;}

.main_perf .main_perf_tit_wrap{margin-bottom:1rem;}
.main_perf .main_perf_ctt_wrap ul > li > div{background-size:140%;}
.main_perf .main_perf_ctt_wrap ul > li:hover > div{background-size:150%;}
.main_perf .main_perf_ctt_wrap ul > li .main_perf_r{margin-top:54px;}
}

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

}

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

}