@charset "utf-8";

@media screen and (max-width:1897px){
.roundObj .obj svg{ position:relative; left:5px;}
}
@media screen and (max-width:1500px){
.box1{ max-width:96%;} 
}

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

.board_search_detail .wrap_con .list > li .in .con{ flex:auto}

.roundObj .obj svg{ position:relative; left:5px;}

/****** SUB ******/	
/*채용정보*/
.recruit_list{ margin:0 8%;}

/* 오시는 길 */
.con01 .box1:before{ width:60px; height:60px; right: -10px; top: -35px;}

/***고객서비스***/
/*고객지원센터, 영업소현황*/
.cs_find .tit{ width:45%}
.cs_find .tit .tt{ width:calc(100% - 60px)}
.cs_find .board_search{ margin-right:0!important;}
.cs_find .board_search .input_st.w3{ width:auto;}
.center_wrap .center_top .img{ width:45%}
.center_wrap .center_top .info{ width:55%}
.root_daum_roughmap_landing{ width:100%!important;}
}


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

.box2{ max-width:94%;}

#header .top_wrap .gnb_wrap{ padding:0 15em;}

.input_st.w6{ width:16em}

/**** SUB ****/
#contents .sub_menu .dp2on .gnb .dp2 > li{ min-width:12em;}

.list_tab > li{ max-width:20%;}

/** 회사소개 **/
/*채용정보*/
.recruit_list{ height:350px; margin:0}
.recruit_list > li{ width:350px; height:350px; padding:2em;}
.recruit_list > li .txt_wrap .icon img{ width:65px;}

/* 제품소개 */
.product_list{ gap:1em;}
.product_list > li{ width:calc( (100% - 2em) / 3)}

/***고객서비스***/
/*고객지원센터, 영업소현황*/
.cs_find .tit{ width:40%}
.cs_find .tit .tt .t2{ margin-top:10px; font-size:1rem}

.center_wrap .center_top .img{ width:40%; padding-right:2em;}
.center_wrap .center_top .info{ width:60%}
.center_wrap .center_top .info .tt{ display:flex;} 
.center_wrap .center_top .info .tt .t1{}

/*보일러 관리, 유집보수계약*/
.con_wrap .wrap_in{ padding:4em 3em;}
}


/*** ~ 1024px - Tablet ***/
@media screen and (max-width:1024px){
.PC {display: none !important;}
.PHONE {display: block !important;}
.box1 {max-width: 92%; width: 100%;}

/* Fullpage 초기화 */
#section0,
#section1,
#section2,
#section3,
#section4,
#section5 {height: auto !important;}

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

#nav {display: none;}

/* Main - visual*/
.visualSlider_wrap .slogan .t1{ font-size:3.25em;}

/* Main - section1 */
.main_about .list {gap: 0 3em;}
.main_about .wrap_bg {background: #f5f5f5 !important;}
.main_about .list > li {flex: 1 1 20%; max-width: 20%;}
.main_about .wrap_in {padding: 0 4% 0 10%;}
.headerT {padding: 4em 0}

/* Main - section2 */
.main_business .list > li .wrap_in .con {display: block !important;}

/* Main - section3 */
.mainProdSlide_control {max-width: 92%; margin: auto;}

/* Main - section4 */
.main_customer .h100 {height: auto !important;}
.main_customer .h100.flex {flex-wrap: wrap;}
.main_customer .wrap_bg {width: 100%; height: auto; padding: 5em 0;}
.main_customer .wrap_bg .wrap_in {padding: 0 4%;}
.main_customer .wrap_cs {margin-right: 0;}
.main_customer .wrap_slide {width: 100%; height: auto;}
.fp-scrollable {overflow: visible !important; height: auto !important;}
.slimScrollDiv {height: auto !important;}

/* Main - section5 */
.main_etc > li .wrap_in {height: 100%;}

/* Footer */
#footer .logo_wrap {flex-direction: column; gap:2em 0;}
#footer .infoW {margin-bottom: .75em;}
#footer .menu {justify-content: center;}

/**** SUB ****/
#contents .sub_menu .dp2on .gnb .dp2 > li{ min-width:9em;}

/** 회사개요 **/
/* 비전&미션 */
.mission_infog > li{ width:200px; height:200px;}
.mission_infog > li::after{ width:100px; height:100px;}
.mission_infog > li .icon{ width:50px; height:50px;}
/*연혁*/
.history-top-box{ margin-bottom:5em;}
.history-tit{ width:50%; padding-right:.5em; box-sizing:border-box; font-size:2.5em;}
.history-tit span{ padding-left:.5em;}
.history-tab-wrapper-style{ width:50%}
.history-tab-list-style ul li a em{ font-size:1em;}
.history-tab-box{ padding-bottom:2em;}
.history-tab-box .img-box{ width:40%; padding-bottom:40%; box-sizing:border-box;}
.history-tab-box .history-con-box{ width:60%; margin:4em 2em;}
.history-tab-box.left-box .history-con-box{ padding-right:0}
.history-tab-box.right-box .history-con-box{ padding-left:0}
.history-tab-box .history-con-box .history-tit{ margin-bottom:1em; padding-right:.5em; font-size:2.25em;}
.history-con-box .history-year-box .history-item .history-year{ font-size:1.125em;}
.history-con-box .history-year-box .history-item .history{ padding-left:90px;}
/*조직도*/
.org{ padding:0 2em;}
/*채용정보*/
.recruit_list{ height:250px;}
.recruit_list > li{ width:250px; height:250px; padding:2em;}
.recruit_list > li:nth-child(1){ transform: translateX(-100px);}
.recruit_list > li:nth-child(3){ transform:translateX(100px)}
.recruit_list > li .txt_wrap .icon{ margin:0 0 10px}
.recruit_list > li .txt_wrap .icon img{ width:45px;}
.recruit_list > li .txt_wrap .tit{ margin-bottom:1em; font-size:1.25em;}
.recruit_list > li .txt_wrap .tt{ font-size:1em;}
.recruit_table th, .recruit_table td{ height:auto; padding:.5em 1em; font-size:1em;}
.vision_list{ gap:1em}
.vision_list > li{ width:calc( (100% - 2em) / 3)}
/* 채용공고 */
.board_search_detail .wrap_con .list > li .in{ flex-wrap:wrap}
.board_search_detail .wrap_con .list > li .in .con{ width:calc(100% - 9em)}
/* 오시는길 */
#contents .doc{ padding: 2em 0 6em 0;}
.list_tab > li{ max-width:25%}
.sub_location .con02 .location_info .d_logo{ width:14em; padding-right:1em;}
.sub_location .con02 .location_info > ul{ width:calc(100% - 13em); padding-left:0;}
.sub_location .con02 .location_info > ul::before{ left:0}
.sub_location .con02 .location_info > ul li{ width:100%;}
.sub_location .con02 .location_info > ul li dl{ padding-left:2em;}

/**제품소개**/
#contents .sub_menu .dp3on .gnb .dp3 > li{ width:12em;}
.product_list > li{ width:calc( (100% - 1em) / 2); }
.view_top{ max-width:100%!important}
.view_top .top_img{ width:40%; margin-bottom:15%;}
.view_top .top_img .prodview_slide .swiper-slide{ padding:1em;}
.view_top .top_img .prodview_slide .swiper-slide img{}
.view_top .top_info{ width:60%; padding-left:30px;}

/** 홍보센터 **/
/*board*/
.board_gallery.s1 > li{ width:calc((100% - 6em) / 3)}

.w_no{ width:3em;}
.w_name{ width:5em}
.w_date{ width:7em}
.w_hit{ width:4em;}

/*인증서*/
.board_st.cert_Wrap .list li{ width:calc( (100% - 6em) /3)}

/** 고객서비스 **/
/*전국고객지원센터*/
.cs_find{ flex-direction:column; padding:2.5em 3em 1em;}
.cs_find .tit{ width:100%; margin-bottom:2em;}
.cs_find .board_search{ justify-content:flex-end;}
.center_list > li{ width:100%;}

/*유지보수계약*/
.contract_list > li{ width:100%; padding:1.5em 1.8em 1em}
.contract_list > li:nth-child(4){ order:4}
.contract_list > li:nth-child(6){ order:6}
.contract_list > li::after{ right:50%; top:calc( 100% + 10px)!important; transform:translateX(0) rotate(90deg)!important}
.contract_list > li:nth-child(4)::after{ display:block}
.contract_list > li:nth-child(6)::after{ display:none}


}

/*** ~ 768px - Mobile (Row, Galaxy Fold) ***/


@media screen and (max-width:768px){
body{ font-size:14px;}
.box0{ max-width:96%; margin:0 auto; box-sizing:border-box; }
.box0_in{ padding:0 4vw; max-width:96%; box-sizing:border-box; margin:0 auto}

.mobile_tit{ display:block; margin-top:1em; font-weight:600; font-size:2em; color:#111; text-align:center;}

/* Header */
#header .all_wrap .all .gnb {flex-direction: column;}
#header .all_wrap .all .wrap_con {height: calc(100% - 3em);}
#header .all_wrap .all .wrap_con .roundObj .objWrap {padding: 0 0 1em 2em;}
.roundObj.re .obj {margin-left: -1px;} 

/* Main - section1 */
.headerT {padding-bottom: 0;}
.main_about .list {padding-bottom: 3em; flex-wrap: wrap; justify-content: center; gap: 3em 1em;}
.main_about .list > li {flex: 1 1 50%; max-width: 45%;}
.main_about .list > li .ico {width: 50%;}
/* .main_about .list > li .ico svg {width: 60%; margin: auto;} */

/* Main - section2 */
.main_business .list {flex-wrap: wrap;}
.main_business .list > li {width: 100%;}
.main_business .list:hover > li:hover {width: 100%;}

/* Main - section3 */
#section3 {margin-bottom: 1em;}
.mainProdSlide_control {margin-bottom:3em;}

/* Main - section4 */
.main_customer .wrap_slide .list {flex-wrap: wrap; margin-bottom: 4em;}
.main_customer .wrap_slide .list > li {flex: 1 1 50%;}

/* Main - section5 */
.main_etc {flex-direction: column;}
.main_etc > li {flex: 1 1 100%;}


/* Footer */

#footer .infoW {flex-direction: column; margin-bottom: 1em;}
#footer .infoW > dt {margin-bottom: .5em;}
.scroll #footer .goTop{ display:none!important;}

/**** SUB ****/
#contents .sub_menu .menu_wrap{ display:none;}

#contents .sub_visual .wrap_con{ height:18em;}
#contents .sub_visual .wrap_con .slogan_wrap{ margin-top:4em}
#contents .sub_visual .wrap_con .slogan_wrap .t1{ font-size:2.75em}
#contents .sub_visual .wrap_con .slogan_wrap .t2{ padding:0 2em; font-size:1.25em;}

#contents .doc.s1{ padding:4em 0 10em 0;}
#contents .sub_menu{ display:none;}

.sub_tt.t4 br{ display:none;}

/*인재채용*/
.recruit_list{ flex-direction:column; gap:.5em;  height:auto; margin:0 0 2em; /*position:relative*/}
.recruit_list > li{ width:100%; height:auto;  /*height:400px;*/ padding:2em 1em; box-sizing:border-box; border:1px solid; border-radius:0; background-color:rgba(255, 255, 255, .05); backdrop-filter:blur(5px); position:relative; top:0}
.recruit_list > li:nth-child(1){ /*border-color:var(--red); */right:0; transform:translateX(0)}
.recruit_list > li:nth-child(2){ /*border-color:#333;*/ left:0; /*z-index:1;*/ transform:translateX(0)}
.recruit_list > li:nth-child(3){ /*border-color:var(--red); */left:0; transform:translateX(0)}
.recruit_list > li .txt_wrap{ text-align:center}
.recruit_list > li .txt_wrap .icon{margin:1em 0 1em; filter: invert(1) opacity(0.35);}
.recruit_list > li .txt_wrap .icon img{width:35px;}
.recruit_list > li .txt_wrap .tit{ margin-bottom:20px; font-weight:600; font-size:1.5em; color:#333;}
.recruit_list > li .txt_wrap .tt{ font-size:1.125em; color:#555;}
.board_search .search .btn{ padding:0 .5em; text-align:center;}
.board_search .search .btn .tt{ display:none;}
.board_search .search .btn .xi{ margin:0;}

/** 회사개요 **/
/* 회사소개 */
.introduction{ margin-top:0!important;}
.introduction .top .profile_img{ width:100%; position:relative;}
.introduction .top .slogan{ width:100%; padding-top:50px; background:none;}
.introduction .gradation .grtt{ padding-left:0}
.introduction .bottom .grstt{ flex-wrap:wrap; padding-top:3em;}
.introduction .bottom .grstt p{ width:100%}
/* 비전&미션 */
.mission_infog{ flex-wrap:wrap}
.vision_list{ flex-wrap:wrap}
.vision_list > li{ width:calc( (100% - 1em) / 2)}
.value_list{ flex-direction:column}
.value_list > li{ width:100%}
/*회사연혁*/
.history-top-box{ flex-direction:column; align-items:flex-start}
.history-tit{ width:100%;}
.history-tab-wrapper-style{ align-self:flex-end; width:400px; padding-top:1em; box-sizing:border-box}
.history-tab-box{ flex-direction:column}
.history-tab-box .img-box{ width:100%; padding-bottom:25%; background-position:center;}
.history-tab-box .history-con-box{ width:100%; margin:2em 0 0 0; }
.history-tab-box .history-con-box .history-tit{ color:#777}
.history-con-box .history-year-box .history-item .history-txt-con .txt{ line-height:1.5}
/* 오른쪽 텍스트 */
.history-tab-box.right-box .history-con-box {padding-left:0;}
/* 왼쪽 텍스트 */
.history-tab-box.left-box{flex-direction:column}
.history-tab-box.left-box .history-con-box {padding-right:0;}
/*특화사업분야*/
.business_top_wrap{ flex-direction:column;}
.business_top_wrap .txt_box{ width:100%; padding:0}
.business_top_wrap .img_box{ display:none;/*width:98%; margin:0 auto; padding-bottom:50%;*/}
.business_list > li{ flex-direction:column;}
.business_list > li .txt_box{ order:-1; width:100%; padding:0;}
.business_list > li:nth-child(odd) .txt_box{ padding:0;}
.business_list > li .img_box{ width:100%; padding-top:1em; }
.business_list > li .img_box::after{ display:none;}
.con_wrap.s3{ margin-top:1em;}
/*고객지원부*/
.con_wrap.s2{ margin-top:2em;}
.business_top_wrap .txt_box .desc{ margin-top:1em;}
.business_list.cs > li .txt_box{ width:100%;}
.business_list.cs > li .img_box{ width:100%;}
/*오시는길*/
.sub_location .con02 .location_info{ flex-direction:column;}
.sub_location .con02 .location_info .d_logo{ margin:0 0 1em 1em}
.sub_location .con02 .location_info > ul{ width:100%;}

/**제품소개**/
.product_list {gap: 1em;}
.product_list > li {width:100%; border: 1px solid #ddd; border-radius:.5em;}
.product_list > li .list_img{ /*width:100%; height:70%; padding:2em; box-sizing:border-box; border-bottom:none;*/}
.product_list > li .list_img img{ display:block; /*max-width:100%; height:100%; margin:auto; object-fit:contain; *//*object-position:center;*/}
.product_list > li .list_info{ /*display:flex; flex-direction:column; */justify-content:center; padding: 1em 1.5em; background-color:#333!important;}
.product_list > li .list_info .t1{ /*font-weight:500; font-size:1.125em; line-height:1.4; */color:#fff; /*text-align:center; word-break:keep-all;  transition:all ease .3s*/}
.product_list > li .list_info .t2{ order:-1; font-weight:700; font-size:2.125em; color:#fff; opacity:.75; text-align:center; transition:all ease .3s;}
.product_list > li:hover {  box-shadow:2px 2px 5px rgba(0, 0, 0, .1)}
.product_list > li:hover .list_info{ background-color:#333!important;}
.product_list > li:hover .list_info .t1{ color:#fff}
.product_list > li:hover .list_info .t2{ color:#fff; opacity:.75}

/*제품상세*/
.view_top{ flex-direction:column;}
.view_top .top_img{ width:100%;}
.view_top .top_info{ width:100%; padding:0; }
/**/
.soon .xi{ font-size: 8em;}
.soon .tt .t1{ font-size: 2.5em;}

/*고객센터*/
.sub_tt.tit1.icon1{ display:none;}
.cs_find{ padding:2.5em 1em 1em;}
.cs_find .tit .icon{ width:40px; height:40px;}
.center_wrap .center_top{ flex-direction:column;}
.center_wrap .center_top .img{ width:100%;}
.center_wrap .center_top .info{ width:100%;}

/*관리요령*/
.con_wrap .wrap_in{ padding:4em 2em}

/* 온라인문의 */
.board_st.write_inq {}
.board_st.write_inq tr{ display: flex; flex-direction: column;}
.board_st.write_inq th,
.board_st.write_inq td{ width: 100%; height: auto; box-sizing: border-box;}
.board_st.write_inq th{ border-bottom: none;}
.board_st.write_inq td .codeWrap{ flex-direction: column; align-items: flex-start; gap:.5em}

/*board*/
.board_gallery{ gap:2em 1em}
.board_gallery.s1 > li{ width:calc((100% - 2em) / 2)}
.board_st.cert_Wrap .list{ display:flex; flex-wrap:wrap; margin:0; gap:1em;}
.board_st.cert_Wrap .list li{ width:calc( (100% - 1em) /2); margin:0;}

.w_form_tit{ width:6em}
.input_st.w7{ width:100%;}
}



/*** ~ 500px - Mobile (Column) ***/
@media screen and (max-width:500px){
	body{ font-size:13px;}

/*Main - visual*/
.visualSlider_wrap .slogan .t1{ font-size:2em;}
.visualSlider_wrap .slogan .t2{ font-size:1em;}

.visualSlider_wrap .slogan .row{ height:2.2em}


/* Main - section3 */
.mainProdSlide_control .paging {width: 50%;}

/* Hearder*/
#header .top_wrap .etc_wrap .lang_wrap{ display:none;}

/* Footer */
#footer .info > li {float: none;}
#footer .info > li:before {display: none;}

#footer .menu{ flex-wrap:wrap; gap:1em;}
#footer .menu > li > a{ padding-left:1em;}

/****sub***/
/*회사소개*/
.introduction .top .profile_img{ height:250px;}
.mission_dia .tit{ width:13em;}
.history-tab-wrapper-style{ width:100%;}
.history-tab-list-style ul li{ width:14%;}
.vision_list > li img{ height:50px;}
.board_search_detail .wrap_con{ padding:1.25em .5em}
.board_search_detail .wrap_con .list > li .in .tit{ width:7em;}
.sub_location .con02 .location_info > ul li{ margin-bottom:1em;}
.sub_location .con02 .location_info > ul li dl dt{ font-size:1.125em;}
.sub_location .con02 .location_info > ul li dl dd{ font-size:1em;}

.business_list > li:nth-child(even) .txt_box{ padding-right:0;} 

/*board*/
.board_search{ flex-wrap:wrap; gap:1em 0}

/*고객센터*/
.cs_find .tit .tt{ font-size:1.5em;}
.cs_find .board_search .input_st.w3{ width:7em;}
.center_list > li{ flex-direction:column; padding:1em;}
.center_list > li .img{ width:100%;}
.center_list > li .info{ width:100%; margin-top:1em; padding:0;}
.center_list > li .info .tel{ padding-bottom:3em;}

.center_list > li .info a{ left:auto; right:0;}
/**/
.con_wrap .img_wrap{ flex-direction:column; padding:0!important;}
.con_wrap .img_wrap > p{ width:100%; margin:0!important;}
.sub_tt.t1:before{ top:2px; transform:translateY(0)}
.con_wrap .wrap_in .quote{padding:1em 1em 1.2em;}

}


/*** ~ 320px - Mobile (Galaxy Fold) ***/
@media screen and (max-width:320px){
	body{ font-size:13px;}

	/* Main - section0 */
	.visualSlider_control > .flex {flex-wrap: wrap;}
	.visualSlider_control > .flex > div:nth-child(n+2) {display: none;}
	.visualSlider_wrap .slogan .t1 {font-size: 3em;}
	.visualSlider_wrap .slogan .t2 {font-size: 1.25em;}

	#footer .menu{ gap:.5em}
	#footer .menu > li > a{ padding-right:.5em;}
}