@charset "utf-8";


/*하단 상품 슬라이드  ft_site banner */
#sub1_1_slide {width:100%;/* border-top:1px solid #ddd; */}
#sub1_1_slide {position:relative;padding: 50px 0 60px;}
#sub1_1_slide .patner{text-align:center;font-size:clamp(26px,4vw,34px);font-weight:700;color:#233763;padding-bottom:30px}
#sub1_1_slide .slide_wr{}
#sub1_1_slide .slide_wr div{padding:0 18px}
#sub1_1_slide .patner p{}
#sub1_1_slide .bx-wrapper {position:relative;/* top:5px; *//* left:100px; */border: 10px dashed #f2f2f2;padding: 20px 40px;max-width: 1500px !important;background: #fff;}
#sub1_1_slide .bx-wrapper img {width:100%;height: 59px;object-fit: cover;}
#sub1_1_slide .bx-controls {/* position:absolute; *//* top:18px; *//* left: -180px; */}
 #sub1_1_slide .bx-controls .bx-prev {position:absolute;top: 35px;left: 5px;display:block;text-indent:-9999px;background:url('../img/sub/icon_arrow_prev.jpg') no-repeat center;width: 19px;border: 2px solid #e2e2e2;height: 16px;border-radius: 100%;padding: 12px;}
#sub1_1_slide .bx-controls .bx-next {position:absolute;top: 35px;right: 5px;display:block;text-indent:-9999px;background:url('../img/sub/icon_arrow_next.jpg') no-repeat center;width: 19px;border: 2px solid #e2e2e2;height: 16px;border-radius: 100%;padding: 12px;}
#sub1_1_slide .bx-controls .bx-start {position:absolute;top:0; left:34px;display:block;text-indent:-9999px;background:url('../img/link_play.jpg') no-repeat center; width:34px; height:35px;}
#sub1_1_slide .bx-controls .bx-stop {position:absolute;top:0; left:68px;display:block;text-indent:-9999px;background:url('../img/link_stop.jpg') no-repeat center; width:34px; height:35px;}

@media screen and (max-width:1340px){
	#sub1_1_slide .bx-controls {/* display:none; */}
	#sub1_1_slide .bx-wrapper {}
}

@media screen and (max-width:1130px){
	#sub1_1_slide .bx-wrapper {}
}
@media screen and (max-width:900px){
	#sub1_1_slide .bx-wrapper {}
}

@media screen and (max-width:670px){
	#sub1_1_slide .bx-wrapper {}
}
@media screen and (max-width:520px){
	#sub1_1_slide {}
	#sub1_1_slide .ft_slider div {width:150px !important;}
	#sub1_1_slide .ft_slider div a img {width:150px;}
	#sub1_1_slide .bx-wrapper {width: 100%;border: 8px dashed #f2f2f2;}
}

/* 서브페이지 네비게이션 */
#sub__nav{position:relative;padding: 50px 20px 0;}
#sub__nav .visual__wrap{width:100%;height: 250px;background-size: cover;background-repeat: no-repeat;background-position: center;position: relative;border-radius: 20px;}
#sub__nav .visual__wrap .nav-title{position: absolute;text-align:center;width: 100%;left: 0;top: calc(50% + 0px);transform: translateY(-50%);color: #FFF;font-size: 40px;}
#sub__nav .visual__wrap .nav-title .ttl {/* font-size: clamp(20px, 2vw, 40px); *//* padding: 0 0 clamp(10px, 2vw, 20px); *//* line-height: 1em; */}
#sub__nav .visual__wrap .nav-title .txt {font-size: clamp(20px, 2vw, 40px); padding: 0 0 clamp(10px, 2vw, 20px);}
#sub__nav.nav01 .visual__wrap{background-image:url('../img/sub/img_navigation_visual01.jpg');}
#sub__nav.nav02 .visual__wrap{background-image:url('../img/sub/img_navigation_visual02.jpg');}
#sub__nav.nav03 .visual__wrap{background-image:url('../img/sub/img_navigation_visual03.jpg');}
#sub__nav.nav04 .visual__wrap{background-image:url('../img/sub/img_navigation_visual04.jpg');}
#sub__nav.nav05 .visual__wrap{background-image:url('../img/sub/img_navigation_visual05.jpg');}
#sub__nav.nav06 .visual__wrap{background-image:url('../img/sub/img_navigation_visual06.jpg');}
#sub__nav.nav07 .visual__wrap{background-image:url('../img/sub/img_navigation_visual07.jpg');}

#sub__nav.nav03 .visual__wrap .nav-title .txt {text-shadow: 0px 0px 13px #000;}

#sub__nav .nav-top-wr{margin:0 auto;background: #f5ede0;border-bottom: 1px solid #e5e5e5;}
#sub__nav .nav-top-wr .nav_ul {display: flex;flex-wrap: wrap;max-width: 500px;width: 100%;gap: 20px;margin: 0 auto;}
#sub__nav .nav-top-wr .nav_ul li {flex: 0 1 calc(100% / 2 - 10px);text-align: center;}
#sub__nav .nav-top-wr .nav_ul li a {display: block;padding: 0 10px;line-height: 60px;}
#sub__nav .nav-top-wr .nav_ul li a.active {border-bottom: 2px solid #4c5d39;}
#sub__nav .nav-top-wr .nav_ul li a:hover {border-bottom: 2px solid #4c5d39;}

/* mobile */
.m-menu{display:none;/* padding-top: 10px; */}
.m-menu .mnav-ul{}
.m-menu .mnav-ul li .mnav-1a {display:block;background: #202329;font-size:15px;color: #fff;height: 50px;line-height: 48px;font-weight:400;cursor:pointer;padding: 0 25px;letter-spacing: -2px;position: relative;}
.m-menu .mnav-ul li .mnav-1a > span{display: block;content: '';position:absolute;background: url('../img/sub/icon_nav_triangle.png')no-repeat center;right: 15px;top: 50%;width: 16px;height: 12px;margin-top: -6px;transition: all 0.5s;}
.m-menu .mnav-ul li .mnav-1a .on {transform:rotate(180deg);}
.m-menu .mnav-ul li ul {position:relative;display:none;position:absolute;left: -1px;z-index:10;width: calc(100% + 2px);border: 1px solid #e3e3e3;background: #fff;}
.m-menu .mnav-ul li ul li {border-bottom: 0;border-right: 0;transition:0.3s;background:#fff;}
.m-menu .mnav-ul li ul li a {display: block;/* line-height: 1; */color: #6c6c6c;letter-spacing: -1px;font-size:14px;word-break: keep-all;line-height: 25px;padding: 15px 30px;}
.m-menu .mnav-ul li ul li a:hover{color: #4A360F;font-weight:bold;text-decoration:underline;}

@media (max-width:1650px){
	#sub__nav .visual__wrap{}
	#sub__nav .menu-wr li a{padding: 23px 0;}
}

@media (max-width:1400px){
	#sub__nav .visual__wrap{height: 300px;}
	#sub__nav .visual__wrap .nav-title{}
	#sub__nav .menu-wr li a{padding: 15px 0;font-size: 15px;}
}

@media (max-width:1300px){
	#sub__nav .visual__wrap{}
	#sub__nav .visual__wrap .nav-title{font-size: 38px;top: 50%;}
}

@media (max-width:1024px){
	#sub__nav .visual__wrap{height: 250px;}
	#sub__nav .visual__wrap .nav-title{font-size: 35px;top: calc(50%);}
	#sub__nav .menu-wr li a{padding: 20px 0;font-size: 16px;}
	#sub__nav .menu-wr li a p:after{right: -8px;}
}

@media (max-width:960px){
	#sub__nav .menu-wr li a{font-size: 15px;}
	#sub__nav .menu-wr li a p.long{font-size: 13px;}
}

@media (max-width:768px){
	#sub__nav .visual__wrap{height: 220px;}
  .pc-menu{display:none}
  .m-menu{display:block;}#sub__nav{padding: 0;}
}

@media (max-width:500px){
	#sub__nav .visual__wrap{height:170px;border-radius: 0;}
	#sub__nav .visual__wrap .nav-title{font-size: 27px;}
}

/* 서브페이지 공통 */
.sub__title {font-size: clamp(18px, 3vw, 45px);padding: 0 0 1em;}
.sub__title-icon {}
.sub__title-icon img {width: 1.8em;margin:0 .5em 0 0}
.sub_con{padding:30px 0 50px}


.notice-txt_sort {text-align: center;color: #233763e0;font-weight: 700;font-size: 24px;}
.notice-txt_sort p {display: inline-block;padding: 20px 10px;}

@media (max-width:768px){
	.notice-txt_sort{
    font-size: 15px;
}
}

/*sub1_1*/
.sub1_1{padding:0 20px}
.sub1_1 .sub-txt{text-align: center;padding: 50px 0px;font-size: clamp(20px, 5vw, 30px);color: #233763;font-weight: bold;}
.sub1_1 .sub-txt1{text-align: center;padding-bottom: clamp(20px, 5vw, 30px);font-size: 20px;}

.sub1_1 .bro_down{margin-top: 20px;text-align:center}
.sub1_1 .bro_down a{display:inline-block;background:#233763;border-radius:99px;padding: 20px 10px;color:#fff;width:215px;font-size:20px;box-shadow:0 0 8px #001c81c4;border:1px solid rgba(255,255,255,.3);overflow:hidden;position:relative}
.sub1_1 .bro_down a span{z-index:20}
.sub1_1 .bro_down a:after{background:#fff;content:"";height:155px;left:-75px;opacity:.2;position:absolute;top:-50px;-webkit-transform:rotate(35deg);transform:rotate(35deg);transition:all 550ms cubic-bezier(.19,1,.22,1);width:50px;z-index:1;transition-delay:.4s}
.sub1_1 .bro_down a:hover:after{left:120%;transition:all 550ms cubic-bezier(.19,1,.22,1)}

.sub1_1_banner {text-align: center;margin-top: 50px;}


@media (max-width:768px){
	.sub1_1 .sub-txt{padding: 10px 0 20px;}
}


/*sub1_3*/
.sub_con .sub1_3{padding:0 20px}
.sub_con .sub1_3 .sub1_3_txt .sub1_1_01{padding-left: 30px;}
.sub_con .sub1_3 .sub1_3_text{display: flex;gap: 10px 30px;padding-bottom: 20px;flex-wrap: wrap;}
.sub_con .sub1_3 .sub1_3_text .txt{display: flex;justify-content: space-evenly;align-items: center;gap: 10px;}
.sub_con .sub1_3 .sub1_3_text .txt.logo{float: inline-start;}
.sub_con .sub1_3 .sub1_3_text .txt.logo .span txt{padding-left: 10px;}


/*sub4_1*/
.sub4_1 {padding:0 20px;}

.sub4_1 .policy_cont .form_tb{border:1px solid #b6b6b6;border-radius:20px;padding:20px 30px;margin-top:30px; font-size: clamp(14px, 2vw, 16px); line-height: 1.6em;}
.sub4_1 .policy_cont .form_tb table{width:100%}
.sub4_1 .policy_cont .form_tb table tr{display:block;border-bottom:1px solid #e5e5e5;padding:10px 0}
.sub4_1 .policy_cont .form_tb table tr:last-child{border-bottom:0}
.sub4_1 .policy_cont .form_tb table tr td{width:100%;display: block;}
.sub4_1 .policy_cont .form_tb table tr td textarea{border:none;width:100%;min-height: 150px;font-size: clamp(14px, 2vw, 16px);line-height: 1.6em;font-family:'Pretendard';max-width: 1438px;resize: none;}
.sub4_1 .policy_cont .form_tb table tr td label{padding-left:10px;font-weight:500}

.sub4_1 .form_wr{border:1px solid #b6b6b6;border-radius:20px;padding: 20px 30px;margin-top: 30px;}
.sub4_1 .form_wr .form_tb{}

.sub4_1 .form_wr .form_tb table{width:100%}
.sub4_1 .form_wr .form_tb table tr{display:block;border-bottom:1px solid #e5e5e5;padding: 10px 0;}
.sub4_1 .form_wr .form_tb table tr:last-child{border:0;padding: 20px 0 0;}
.sub4_1 .form_wr .form_tb table tr:nth-child(6){vertical-align:top;padding:15px 0}
.sub4_1 .form_wr .form_tb table tr th{}
.sub4_1 .form_wr .form_tb table tr th label{display:block;width:55px;font-size: clamp(16px, 2vw, 18px);text-align: left;}

.sub4_1 .form_wr .form_tb table tr td{padding-left:20px;width: 100%;}
.sub4_1 .form_wr .form_tb table tr:last-child td{display:block}
.sub4_1 .form_wr .form_tb table tr td .frm_input{border:0;box-shadow:none;width: 100%;}
.sub4_1 .form_wr .form_tb table tr td textarea{border:none;width:100%;font-family:'Pretendard';font-size: clamp(13px, 2vw, 18px);line-height: 1.6em;max-width: 1363px;}

.sub4_1 .form_wr .form_tb .form_last_btn{text-align:center;width: 100%;}
.sub4_1 .form_wr .form_tb .form_last_btn .form_btn{border:0;width:clamp(100px, 10vw, 130px);padding:10px 20px;border-radius:10px;margin-right: 5px;color: #fff;transition: all ease 0.4s;}
.sub4_1 .form_wr .form_tb .form_last_btn .form_btn.write{background:#233763;}
.sub4_1 .form_wr .form_tb .form_last_btn .form_btn.write:hover{background:#0c1d43}
.sub4_1 .form_wr .form_tb .form_last_btn .form_btn.cancel{background:#a6a6a6;}
.sub4_1 .form_wr .form_tb .form_last_btn .form_btn.cancel:hover{background:#636363}
.sub4_1 .form_wr .form_tb .form_last_btn .form_btn a{color:#fff;font-weight:200;font-size:18px}

.sub4_1 .bo_w_file.write_div {font-size: clamp(14px, 2vw, 16px);}

.daumapi__wr {display: flex;flex-wrap: wrap;gap: 10px;}
.daumapi__wr input {border:0;box-shadow:none;width:100%;height: 50px;padding: 0 10px;border-bottom: 1px solid #e5e5e5;font-size: clamp(14px, 2vw, 18px);}
.daumapi__wr .daumapi__postcode {flex: 0 1 150px;}
.daumapi__wr .daumapi__btn {flex: 0 1 150px;border: 1px solid #e5e5e5;background: #233763;color: #FFF; font-size: clamp(14px, 2vw, 20px)}
.daumapi__wr .daumapi__addr {flex: 0 1 100%;}
.daumapi__wr .daumapi__detail {flex: 0 1 calc(100% / 2 - 5px);}
.daumapi__wr .daumapi__extra {flex: 0 1 calc(100% / 2 - 5px);}

@media screen and (max-width: 768px) {
	.sub4_1 .policy_cont .form_tb{padding: 20px;}
}

@media screen and (max-width: 500px){
	.sub4_1 .form_wr .form_tb table{display:block;}
	.sub4_1 .form_wr .form_tb table tbody {display:block;}
	.sub4_1 .form_wr {padding: 20px;}
	.sub4_1 .form_wr .form_tb table tr {display: flex; flex-wrap: wrap; gap: 10px;}
	.sub4_1 .form_wr .form_tb table tr th {flex: 0 1 100%;}
	.sub4_1 .form_wr .form_tb table tr td {flex: 0 1 100%; padding: 0;}
	.sub4_1 .form_wr .form_tb table tr td .frm_input {height: 35px;}

	.daumapi__wr .daumapi__postcode {flex: 0 1 100px;}
	.daumapi__wr input {height: 35px}
	.daumapi__wr .daumapi__btn {flex: 0 1 100px;}
}


/*sub1_2 시공사례*/
p.bt {font-size: 30px;color: #233763;font-weight: bold;text-align: center;padding: 20px 0px;}


/*제휴사*/

#aff_menu_wr{position:fixed;top:50%;transform:translateY(-50%);left:10px;z-index:99}
.aff_menu{width: 155px;/* height: 360px; */background:#fff;box-shadow:-1px -1px 8px #85858552;margin:10px;border-radius:10px;padding:15px;position:relative;text-align:center}
.aff_menu .menu_tit{font-weight: 700;font-size:15px;color:#233763;padding:10px}
.aff_menu img{width: 120px;border:1px solid #e5e5e5}
.aff_menu .prevArrow{position:absolute;bottom:10px;left:20px;background: url('../img/sub/btn_sb_prev.png')no-repeat center 50% #f3f5f7;width:30px;height: 30px;text-indent:-999px;overflow:hidden;border-radius: 5px;cursor:pointer}
.aff_menu .nextArrow{position:absolute;bottom:10px;right:20px;background:  url('../img/sub/btn_sb_next.png')no-repeat center 50% #f3f5f7;width: 30px;height: 30px;text-indent: -999px;overflow: hidden;border-radius: 5px;cursor:pointer}
.aff_menu .slick-slide img{width:100%}

@media screen and (max-width: 768px) {
#aff_menu_wr{display: none !important;}
}
.sitemap__mypage.login{background:unset;color:#4f4f4f;width:42px}

.sub_banner{text-align:center;margin:50px 0 30px}

@media screen and (max-width: 768px) {
	.sub_banner{margin: 30px 0;}
	}

.aff-menu a {
    margin-bottom: 5px;
}

/*상품 전체 카테고리 박스*/
.shop_list_box{background:#f5f5f5;margin:0 auto;width:100%;max-width:1500px;display:flex;flex-wrap:wrap;gap: 25px 50px;padding:40px 50px;border-radius:25px;}
.shop_list_box .shop_list_con{text-align:center;flex: 0 1 calc(100% / 9 - 45px);}
.shop_list_box .shop_list_con p{font-family:'GmarketSans';font-size: 16px;margin-top:10px}
.shop_list_box .shop_list_con .list_icon{text-align:center;height:82px;width:82px;border-radius:100%}

.shop_list_box .shop_list_con:nth-child(1) .list_icon{background: url(../img/sub/list_icon01.png) no-repeat center #fff;}
.shop_list_box .shop_list_con:nth-child(2) .list_icon{background:url(../img/sub/list_icon02.png) no-repeat center #fff;}
.shop_list_box .shop_list_con:nth-child(3) .list_icon{background:url(../img/sub/list_icon03.png) no-repeat center #fff;}
.shop_list_box .shop_list_con:nth-child(4) .list_icon{background:url(../img/sub/list_icon04.png) no-repeat center #fff;}
.shop_list_box .shop_list_con:nth-child(5) .list_icon{background:url(../img/sub/list_icon05.png) no-repeat center #fff;}
.shop_list_box .shop_list_con:nth-child(6) .list_icon{background:url(../img/sub/list_icon06.png) no-repeat center #fff;}
.shop_list_box .shop_list_con:nth-child(7) .list_icon{background:url(../img/sub/list_icon07.png) no-repeat center #fff;}
.shop_list_box .shop_list_con:nth-child(8) .list_icon{background:url(../img/sub/list_icon08.png) no-repeat center #fff;}
.shop_list_box .shop_list_con:nth-child(9) .list_icon{background:url(../img/sub/list_icon09.png) no-repeat center #fff;}
.shop_list_box .shop_list_con:nth-child(10) .list_icon{background:url(../img/sub/list_icon10.png) no-repeat center #fff;}
.shop_list_box .shop_list_con:nth-child(11) .list_icon{background:url(../img/sub/list_icon11.png) no-repeat center #fff;}
.shop_list_box .shop_list_con:nth-child(12) .list_icon{background:url(../img/sub/list_icon12.png) no-repeat center #fff;}
.shop_list_box .shop_list_con:nth-child(13) .list_icon{background:url(../img/sub/list_icon13.png) no-repeat center #fff;}
.shop_list_box .shop_list_con:nth-child(14) .list_icon{background:url(../img/sub/list_icon14.png) no-repeat center #fff;}

@media screen and (max-width:1500px){
	.shop_box_wr {padding: 0 20px;}
}

@media screen and (max-width:1440px){
	.shop_list_box .shop_list_con{flex:0 1 calc(100% / 7 - 45px)}
}

@media screen and (max-width: 1024px){
	.shop_list_box{padding:30px;gap:25px 35px}
	.shop_list_box .shop_list_con p{font-size: 14px;}
	.shop_list_box .shop_list_con .list_icon{width:70px;height:70px}
	.shop_list_box .shop_list_con{ flex: 0 1 calc(100% / 7 - 30px);}
	
}


@media screen and (max-width:800px){
	.shop_list_box{height:275px;overflow-y:scroll}
	.shop_list_box .shop_list_con{flex:0 1 calc(100% / 5 - 28px)}
	.shop_list_box .shop_list_con .list_icon{background-size:40%!important;width:60px;height:60px}
	.shop_list_box .shop_list_con:nth-child(3) .list_icon{background-size: 23% !important;}
	.shop_list_box .shop_list_con:nth-child(8) .list_icon{background-size: 26% !important;}
	.shop_list_box .shop_list_con:nth-child(9) .list_icon{background-size: 27% !important;}
}

@media screen and (max-width:555px){
	.shop_list_box .shop_list_con{flex:0 1 calc(100% / 4 - 28px)}
	.shop_list_box .shop_list_con p{font-size:12px;margin-top: 5px;}
	.shop_list_box{height: 250px;padding: 20px;}
}

@media screen and (max-width:425px){
	.shop_list_box{gap:25px;height:230px}
	.shop_list_box .shop_list_con{flex:0 1 calc(100% / 3 - 20px)}
}