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

@media screen and (max-width:1680px){	
.box0{ padding:0 4%}
.box1{ width:90%; max-width:1280px; margin:0 auto; position:relative;}

/******** MAIN ****************/
#section1 .rnd_img_con{ top:-7em; right:-10%;}
}

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

#header .logo{ width: 14em;}
#header .side_wrap{ width: auto;}
#header .gnb_wrap .gnb > li .dp1 {min-width:6em; padding: 0 2.5em;}

}

@media screen and (max-width:1265px){
.bx-controls {display:none;}
.partner_area .partner > dt {width:20%}
.partner_area .partner > dd {width:80%;}
}


@media screen and (max-width:1200px){	
#header .gnb_wrap .gnb > li .dp1 {/* padding:0; */ font-size:.95em;}
#header .gnb_wrap .gnb > li .dp1 .va {font-size:1em;}
#section3 .list_con li .in_tbox .tb_tw {height:80px;}
.root_daum_roughmap  {width:100% !important;}

}


@media screen and (max-width:1024px){
body{ font-size:15px; letter-spacing:-1px;}
.PC{ display:none !important}
.PHONE{ display:block !important}	
.box1{width:95%; max-width:1200px; margin:0 auto; position:relative;}
.box2{width:95%; max-width:1200px; margin:0 auto; position:relative;}

/* header */
#header .gnb_wrap{ display: none;} 

#header .all_wrap .all_layer .wrap_middle .gnb > li .dp2{ flex-wrap:wrap; gap:1.2em 0;}


/* footer */
#footer .info_wrap > .box1{ flex-direction: column; justify-content: center; gap:1em; }
#footer .info_wrap .info{ text-align: center;}
#footer .info_wrap .info > li.copyright{ width: 100%;}



/****** MAIN ***********/
/* mainVisual */
.mainVisual .img.flex-active-slide .slogan .line_wrap:before {display:none;}
.mainVisual .img.flex-active-slide .slogan .line_wrap:after {display:none;}
.mainVisual .img .slogan_wrap {left:50%; width:100%; transform:translateX(-50%); text-align:center;}
.mainVisual .img .slogan .t2 {margin-top:0;}

/* main business  */
#section1 .sec2_tit_wrap h3 .circle_btn{ right: 0;}
#section1 .swiper_control { justify-content: flex-end;}
#section1 .rnd_img_con{ right: -3em;}


/* MAIN - new-BUSINESS */
.busi_list{ display: flex; gap:1em}
.busi_list .item { width: calc((100% - 2em) / 3); }
.busi_list:hover .item .inner {filter: grayscale(0);}
.busi_list .item .inner:hover {filter: grayscale(0) brightness(1.25);}

.busi_list .item .pre_tit{ display: none;}
.busi_list .con_wrap{ left:1em; transform: translateY(0); opacity: 1;}
.busi_list .con_wrap .prod_tit{ font-size: 2em; word-break: keep-all;}
#section01 .more{ padding: .8em 1.5em;}

/****** SUB ***********/
#contents .sub_page_menu .gnb{ transform: translateX(0);}

#contents .sub_page_tit{padding: 3.5em 0 1.5em;}
#contents .sub_page_bg .wrap_in {height: 22em;}
#contents .sub_page_tit .wrap_tit .sub_tit{ font-size:1.5em;}
#contents .sub_page_tit .wrap_tit .sub_txt{ font-size:2.5em;}
.page_top{margin-bottom: 2.5em;}
.page_top .tit .tt{font-size:2.5em;}
.page_top .tit .en{ display: none;}

/* license */
.license_list{ gap:3em 2em;}
.license_list > li{ width:calc( ( 100% - 4em) / 3);}


/* 사업분야 */
/* intro page */
.landing_wrap .in { padding: 8em 6em 5em;}
.landing_wrap .title {font-size: 2.5em; word-break: keep-all;}


.line_ani .line.lineT,
.line_ani .line.lineB{ width:96%; height:1px}
.line_ani .line.lineR,
.line_ani .line.lineL{ width:1px; height:94%}



}


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

#mainNav {display:none}

#section4 .main_con2 .project_list .list_inwrap { padding:1em;}
.greeting_Wrap .inner.flex {flex-direction:column; align-items:inherit;}
.greeting_Wrap .imgw {margin-left:0; text-align:center;}
.board_search_wrap.st2 {display:flex; flex-wrap:wrap; justify-content:center;}
.board_search_wrap .right {margin-top:1em;}

/****** MAIN ***********/
#section0{height:100vh !important;}
#section1{height:100vh!important;}
#section2{height:auto!important;}
#section2 .section_wrap.pt{ padding:7em 0;}
#section4{height:auto!important}
#section4 .section_wrap.pt{ padding:7em 0;}

/****** SUB ***********/
.table_info{ display: flex;}
.table_wrap{ overflow-x: scroll;}
.table_wrap .table_st.outcome { width: 900px; }

}


@media screen and (max-width:768px){
.box1{width:95%; margin:0 auto; position:relative;}
.mainVisual .flex-control-paging {bottom:3em; top:inherit;}
.mainVisual .img .slogan_wrap {top:35%; padding-top:0;}

#header .va_wrap {height:3.5em;}
.sub #header .va_wrap, #header .va_wrap {height:3.5em;}
#header .gnb_wrap .gnb > li .dp1 { min-width:0}

.partner_area {display:none;}
#footer .info_wrap .f_logo {float:inherit; text-align:center; margin-bottom:1em;}
#footer .f_top .f_top_list li {margin-right:1em; padding-right:1em;}
#header .all_wrap .xi-bars {font-size:2em;}
#contents .sub_visual_wrap .sub_gnb_wrap .gnb > li .dp2 > li > a .va {font-size:1em;}
.history_bgw .txt_wrap .en {font-size:2em;}

/****** Header ***********/
#header .all_wrap .all_layer .all_inner{ flex-direction: column;}
#header .all_wrap .all_layer .all_inner > .wrap_bg{width: 100%; position: relative;}
#header .all_wrap .all_layer .all_inner > .wrap_bg .resize.s4{padding-bottom: 25%; opacity: .6;}
#header .all_wrap .all_layer .all_inner > .wrap_bg .cs{text-align: right; position: absolute; right: 7vw; bottom:3em}
#header .all_wrap .all_layer .all_inner > .wrap_in{ padding-top: 0; overflow-y:scroll;}
#header .all_wrap .all_layer .wrap_middle .gnb > li + li{margin-top: 3em;}


/****** MAIN ***********/
/* MAIN - new-BUSINESS */
#section01 .main_tit { flex-direction: column; align-items: flex-start;}

.busi_list{ display: flex; height: auto; flex-wrap: wrap; gap:1em}
.busi_list .item { width: 100%; height: 20em; }
.busi_list .item:nth-child(even){ transform: translateY(0);}


/****** SUB ***********/
.headT{ padding-top:5em;}
#contents .sub_page_bg .wrap_in {height: 15em;}
#contents .sub_page_tit{ padding:3.5em 0 1.5em 0}
#contents .sub_page_tit .nav{display: none;}

/* greeting */
.ceo_wrap .slogan .tt{ font-size:2em; word-break: keep-all;}
.ceo_wrap .message{ gap:2em; padding: 0 1em;}
.ceo_wrap .message .txt_wrap .name{padding-top: 2em;}
/* gear */
.gear_list{gap:4em 2em;}
.gear_list > li{width: calc( (100% - 4em) / 3);}
.gear_intro{flex-wrap: wrap; height: auto;}
.gear_intro .img_wrap{width: 100%;}
.gear_intro .txt_wrap{width: 100%;}
.gear_intro .txt_wrap .in{height: auto;}
/* ci */
.logo_intro{gap:2em;}
.logo_intro .logo{padding: 2em;}
.logoType > li{padding:2em 1em;}
.ci_col_Wrap .wrap_in{flex-direction: column; gap:1em;}
.ci_col_Wrap .wrap_in .img_wrap{width: 100%; height: 5em;}
.ci_col_Wrap .wrap_in .info_wrap{width: 100%;}
/* location */
.map_wrap{flex-wrap:wrap; gap: 4em;}
.map_wrap .map_con{width: 100%;}
.map_wrap .map_location{width: 100%;}
/* tear.php */
.steps-st2 > ul{flex-wrap: wrap; justify-content:center;}
.steps-st2 > ul > li{flex:0 0  calc( (100% - 40px) / 2); padding: 20px;}
.steps-st2.type2 .ico{width: 75px; margin:0 auto;}

/*history_res*/
.history_wrap .history > li:nth-child(2n) .year{ justify-content:flex-end; text-align:inherit;}
.history_wrap .history > li:nth-child(2n) .year .tt:before{ left:100%; right:inherit}
.history_wrap .history > li:nth-child(2n) .list{ order:inherit}
.history_wrap .history > li:nth-child(2n) .list > li > .flex{ justify-content:flex-start}
.history_wrap .history > li:nth-child(2n) .list .month{ text-align:right}
.history_wrap .history > li:nth-child(2n) .list .detail{ order:inherit}
.history_wrap .history > li:nth-child(2n) .list .detail .tt{ text-align:inherit}
.history_wrap .history > li:nth-child(2n) .list .detail .tt:before{ left:0; right:auto}
.history_wrap .history > li .year {width:35%;}
.history_wrap .history > li .list {width:65%;}
.history_wrap .history > li .year .tt:before {width:45%;}
.history_wrap:before, .history_wrap .lineAni {left:32%;}
.history_wrap .lineAni:before, .history_wrap:after {left:32%;}
.history_wrap .history > li .list .wrap_in {padding: 0 0 0 1em;}
.history_wrap .history > li .year .tt {padding: 0 0.5em 0 0;}
.history_wrap .history > li .list .detail .tt {padding: 0 0 0 1.5em;}

.root_daum_roughmap .wrap_map {height:300px !important;}
.calendartop {flex-direction:column;}
.calendar {width:100%;}
.top_wrap .con.con2 {width:100%; padding:0; margin-top:1em;}
.w_name2 {width:8em !important;}
.board_photo.d1 > li {width:50%;}
#contents .sub_visual_wrap .sub_gnb_wrap .box1 {width:99%;}
#contents .sub_visual_wrap .sub_gnb_wrap .gnb > li .dp2 > li {max-width:25%;}
.board_search_wrap .search_tt {width:100%; margin-bottom:1em;}
.board_search_wrap.st2 {padding:3em 1em ;}
.page_tab .tab > li {width:33.333%;}
.page_tab .tab > li > a {padding:1.3em 0;}
.board_flex.partner > li {width:50%;}
.page_step_wrap .step > li .in { min-width:5em;}
.input_tt.disblock {display:block;}
.input_st.w3 {width:7em;}


/* CONTACT - ESTIMATE */
.estimate-table col {display: none !important;}
.estimate-table tbody tr {display: flex; flex-wrap: wrap; border-bottom: 1px solid #ddd; padding: 1em 0;}
.estimate-table tbody tr th,
.estimate-table tbody tr td {width: 100%;}
.estimate-table tbody tr th:nth-of-type(2) {border-top: 1px solid #ddd; padding-top: 1em;} 
.estimate-table tbody tr th, 
.estimate-table tbody tr th {padding: 0;}
.estimate-table tbody tr td {padding: 1em 0;}
.estimate-table tbody tr td .col-wrap {gap: 0.5em; justify-content: space-between;}
.estimate-table tbody tr td .col_w3 {width: 30%; margin: 0 !important;}
.estimate-table tbody tr td #tel {width: 30%;}
.estimate-table tbody tr td .input_sec {display: inline-block; width: 3%;}
.estimate-table select.input_st {margin-left: 0 !important;}
.page_btn > button[type="submit"] {min-height: 3.5em;}

}


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



/****** Footer ***********/
#footer .info_wrap{ padding-bottom:2em}
#footer .info_wrap .f_after{ flex-direction: column; align-items: center; text-align: center;}
#footer .info_wrap .f_logo{margin-bottom: 0;}
#footer .info_wrap .info > li{ width: 100%;}
#footer .info_wrap .info > li.copyright{ }

/****** MAIN ***********/
.main_txt .t7{ font-size:2.25em;}
.scrollDown{ display: none;}
/* section1 */
#section1 .rnd_img_con{ width: 100vw; height: 40vh; border-radius: 8em 0 0 0; top:auto; bottom:0;}
#section1 .rnd_txt_con{ margin-top:0; top:0; transform: translateY(0);}
#section1 .rnd_txt_list h4{ margin-bottom: 1.5rem;}
#section1 .rnd_con_box{ width: 100%; padding-right: 0;}
/* section2 */
.guide_box{ flex-direction: column; gap:1em; width:100%;}
.guide_box > li{ width: 100%!important; margin:0}
.main_ctt_box ul > li > .de_info{ padding-top: 0; padding-left: 10em;}
.main_ctt_box ul > li > .de_info + .main_more{ padding-left: 10em;}
/* section4 */
#section4 .list.w33{ flex-direction: column;}
#section4 .list.w33 > li{ width: 100%;}

/****** SUB ***********/
.input_st{font-size: 1em;}
#contents .sub_page_menu .gnb .dp2{flex-wrap: wrap;}
/* greeting */
.ceo_wrap .message{ flex-direction: column;}
.ceo_wrap .message .img_wrap{display: none;}
/* license */
.license_list > li{ width:calc( ( 100% - 2em) / 2);}
/* gear */
.gear_list > li{width: calc( (100% - 2em) / 2);}
/* sub business */
.busi_intro > .box1{gap:3em;}
.busi_intro .txt_wrap{ flex:1 1 100%; padding-top: 2em;}
}


@media screen and (max-width:500px){
.mainVisual .img .slogan .t1 {font-size:2em;}
#section1 .business_con {flex-direction:column;}
#section1 .business_con li {width:100%; margin-bottom:1em;}
#section1 .business_con li .in_wrap .in_img {height:200px;}
#footer .f_top .box1.flex.act.space {/* flex-direction:column; */}
#footer .f_top .f_top_list li {padding-top:1em; padding-bottom:1em;}
#footer .f_top .f_top_list li:after {top:12px;}
#footer .f_top .f_top_list .no_mobile {display:none;}
#footer .info_wrap .info {margin:0}
#contents .sub_visual_wrap .sub_gnb_wrap .gnb > li .dp2 > li > a {height:3em;}
#contents .sub_visual_wrap .sub_gnb_wrap .gnb > li .dp2 > li > a .va {font-size:.875em;}
#contents .sub_page_tit .wrap_tit .sub_tit{font-size: 1.25em;}
#contents .sub_page_tit .wrap_tit .sub_txt{ font-size: 2em;}
.history_bgw {display:none;}
.join_btn.st2 {margin-top:2em;}
#contents .sub_tit .tit {font-size:1.8em;}
.sub_rule_wrap .ti_w .t1 {font-size:1.8em;}
.sub_rule_wrap .ti_w .yearW {margin-top:.5em;}
.board_search_wrap .download {font-size:1.3em;}
.board_search_wrap .left {flex-wrap:wrap; justify-content:center;}
.board_search_wrap .left .date_tit {margin: 0 0 1em 0; width:100%; text-align:center;}
.member_wrap .form2 .check_wrap .check_ul > li {width:33%;}
.sub_tbl .tbl_st tbody td {padding:1em 0; font-size:.95em;}
.input_st.w2 {width:5em !important;}

/****** SUB ***********/
/* sub_business */
.steps-st2 > ul > li{flex:0 0  100%}
.steps-st2 > ul > li:before{width: 40px; height: 40px; left: 50%; top: -40px; transform: rotate(90deg) translateY(50%);}

/*board */
.board_search{flex-direction: column; gap:.5em;}
.board_search .total{ margin-right: auto;}
.board_search .search{width: 100%;}
.board_search .search .inp{ flex:1;}
.board_search .search .inp .input_st{ width: 100%;}

}


@media screen and (max-width:450px){
/****** SUB ***********/
#contents .sub_page_menu .gnb .dp2{ flex-wrap:wrap; gap:.5em;}
#contents .sub_page_menu .gnb .dp2 > li{width: calc( (100% - 1em)  / 3);}
/* greeting */
.ceo_wrap .slogan .tt{ font-size:2em; word-break: keep-all;}
.ceo_wrap .slogan .tt br{display: none;}
/* license */
.license_list{ gap:6em; align-items: center;}
.license_list > li{ width:90%; margin:0 auto;}
/* gear */
.gear_list > li{width:100%;}
/* ci */
.logo_intro{flex-direction: column;}
.logo_intro .logo{width: 100%;}
.logo_intro .desc{width: 100%;}
.logoType{flex-direction: column;}
.logoType > li{width: 100%;}
.ci_col_Wrap{flex-direction: column;}
.ci_col_Wrap .wrap_in{ flex-direction: row;}
.ci_col_Wrap .wrap_in .img_wrap{width:30%; height: auto;}
.ci_col_Wrap .wrap_in .info_wrap{width: 70%;}

}

@media screen and (max-width:420px){
.mainVisual_wrap .slogan .t2{ font-size:3.2em;}

#section4 .main_con2 .con_idx #client .ptn_wrap ul.ptn_photo li {padding-left:0; padding-right:0;}
#contents .sub_visual_wrap .sub_gnb_wrap .gnb > li .dp2 > li > a .va {font-size:.75em;}
.board_photo.d1 > li {width:100%;}
.board_search_wrap.st2 {padding:3em 0;}
.w_form_tit {width:20%;}
.inp_w4 {width:100px;}


/* section4  */
#section4 .main_txt .t7{ word-break: keep-all;}
#section4 .main_txt .t7 br{ display: none;}


/****** SUB ***********/
#contents .sub_page_bg .wrap_in{ height: 8em;}
/* greeting */



}


@media screen and (max-width:412px){
#section3 .list_con li .in_ibox .in_icon {width:80px; height:80px;}
input[type=text].input_st, input[type=password].input_st, input[type=tel].input_st {width:7em;}
.inp_w100 {width:100% !important;}
.board_flex.partner > li {width:100%;}
.w_cate {width:6em;}
.input_st.w3 {width:6em !important;}
}

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

body{ font-size:11px;}

/* section1 */
#section1 .section_wrap.pt{ padding-top: 3em;}
#section1 .rnd_img_con{ height: 35vh;}
}

@media screen and (max-width:360px){
.inp_w20 {width: 30% !important;}
}

@media screen and (max-width:320px){
body{ font-size:10px;}
.sub_rule_wrap .ti_w {padding:2em 1em;}

.input_st.w3 {width:5.5em !important;}
}

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

}

@media all and (orientation:landscape){

}