@charset "utf-8";

/*견적작성 폼 - 레이아웃&공통*/
.store_intro {margin-top:146px;padding-top:60px;} /* 22/11/09 수정 */
.store_intro .inner_n {display: flex;}
.store_intro  .left {flex:1 1 44%}
.store_intro  .right {flex:1 1 50%; margin-left: 6%;}
.store_intro  .right .box_tit {font-size: 24px;}
.store_intro  .right .box_desc {margin-top: 16px;font-size: 16px;line-height: 22px;color: #777;}
.fillout_form .option_panel {display: flex;margin-top: 20px;}
.fillout_form .option_panel .row_lb {flex:1 1 16%;padding: 8px 10px 0 0;line-height: 20px;box-sizing: border-box;}
.fillout_form .option_panel .row_lb h4 {font-weight: 500;color: #333;font-size: 15px;}
.fillout_form .option_panel .row_right {flex:1 1 84%;display: flex;flex-wrap: wrap;}
.fillout_form .option_panel .row_right li {flex: 0 0  33.33%;height:42px;box-sizing: border-box;}

/*이미지 슬라이드 Images as Indicators-  22/12/06수정*/
.store_intro .thumb_display{max-width:980px}
.store_intro .mySlides {width:100%;max-width: 440px;}
.store_intro .thumb_lst {display:flex;flex-wrap: wrap;width:100%;margin-top:16px!important;margin-bottom:16px!important}
.store_intro .thumb_item{width:25%;max-width: 110px;}
.store_intro .thumb_item img {width:100%;max-width: 110px;}

/* 주문참조  버튼 - 22/12/06 추가 */
.refer_btn_sec {display:flex; margin:30px 0}
.refer_btn_sec a.btn_refer {flex:0 1 100%;padding:12px 20px;font-size:16px;line-height: 20px;color: #004299;border:1px solid #004299;border-radius:2px;text-align:center;word-break:keep-all;box-sizing: border-box;}
.refer_btn_sec a.btn_refer:hover {color:#003780;}

/* 견적작성 폼 - 라디오버튼 -> 박스스타일 - 22/12/06 hover  색상 수정*/
.fillout_form .option_panel .row_right.rdi li {border: 1px solid #c3c6cd;}
.fillout_form .option_panel .row_right.rdi li + li {border-left:none;}
.fillout_form .option_panel .row_right.rdi li:nth-child(n+4) {border-top:none;}
.fillout_form .option_panel .row_right.rdi li:nth-child(3n+4) {border-left:1px solid #c3c6cd;}
.fillout_form .option_panel .row_right li .radio_box {position: relative;display: table;width:100%;height: 100%;outline:0}
.fillout_form .option_panel .row_right li .radio_box input  {position:absolute;top:0;left:0;width:100%;height: 100%;cursor: pointer;pointer-events: all;outline: none;opacity: 0;}
.fillout_form .option_panel .row_right li .radio_box label {display: table-cell;width:100%;height: 100%;margin:0;padding:0;text-align:center;vertical-align:middle;font-size:13px;color: #777;} 
.fillout_form .option_panel .row_right li .radio_box input:hover+label {background: rgba(0, 66, 153, 0.3);outline: 1px solid rgba(0, 66, 153, 0.3)!important;color: #fff!important;font-weight:600}
.fillout_form .option_panel .row_right li .radio_box input:checked+label {background: rgba(0, 66, 153, 1.0);outline: 1px solid #004299!important;color: #fff!important;font-weight:600}

/* 견적작성 폼 - 입력칸, 옵션선택(셀렉트)*/
.fillout_form .option_panel .row_right .field_txt {width:100%;height:42px;padding: 0 10px;font-size: 14px;line-height:22px;color:#777;border: 1px solid #c3c6cd;box-sizing: border-box;vertical-align: middle;}	
.fillout_form .option_panel .row_right .field_txtarea {flex:0 0 100%;max-width: 420px;min-height: 42px;padding: 6px 10px;font-size: 14px;line-height:22px;color:#777;border: 1px solid #c3c6cd;box-sizing: border-box;vertical-align: middle;} /*22/10/26 수정*/
.fillout_form .option_panel .row_right .field_txtarea::placeholder {color: #a7a7a7;}
.fillout_form .option_panel .row_right .field_select {width:100%;padding: 0 10px;height: 42px;line-height: 38px;color: #777;box-sizing: border-box;letter-spacing: -.02em;vertical-align: middle;font-size: 14px;border: 1px solid #c3c6cd;text-overflow:ellipsis;white-space: nowrap;background: url('../images/common/arrow_down.jpg') no-repeat 99% 50%;border-radius: 0px; -webkit-appearance: none; -moz-appearance: none; appearance: none;}

/* 견적작성 폼 -  체크박스 */
.check_box input[type="checkbox"] + label {font-size:13px; color:#666;}
.check_box input[type="checkbox"]:checked + label:before {font-size: 16px;background-color: #004299;border:1px solid #004299;color:#fff;}

.fillout_form .file_add {display: flex;}
.fillout_form .f_btn_box {display: flex;flex:1 1 100%;justify-content:flex-end;padding:16px ;border:1px solid #c3c6cd;box-sizing:border-box}
.fillout_form .f_btn_box a.file_btn {display: flex;flex:0 1 80px;width:80px;height:30px;justify-content: center;align-items: center;color:#333;font-size:13px;border:1px solid #ddd;background:#f5f5f5}
.fillout_form .f_btn_box a.file_btn + a.file_btn {margin-top:10px}

/* 견적작성 폼 -  버튼 */
.fillout_btn_sec {display:flex; justify-content:flex-end;margin:30px 0}
.fillout_btn_sec a.btn {flex:0 1 84%;padding:15px 20px;font-size:16px;line-height: 20px;color: #fff;background: #004299;border-radius:2px;text-align:center;word-break:keep-all;box-sizing: border-box;}
.fillout_btn_sec a.btn.off {display:none}
.fillout_btn_sec a.btn:hover {background:#003780;}

/* 탭  */
.tab_area {margin-top:25px;}
.tabs.fixed {position: fixed;top:71px;width:100%;max-width:1000px;background: #fff;}
.tabs {display: flex;justify-content:space-around;border-bottom:1px solid #c8c8c8;}
.tabs li {flex:0 1 50%;height:47px;display:flex;justify-content:center}/* 22/11/09 수정  */
.tabs a {display:flex;justify-content:center;align-items:center;height:48px;font-size:16px;font-weight:600;color:#333;box-sizing:border-box}
.tabs li a:hover {color:#004299; border-bottom: 2px solid #004299;}
.tabs li a.active {color:#004299; border-bottom: 2px solid #004299;}

#tab1,
#tab2,
#tab3 {padding:115px 0 100px}
.tab_img_bx {display:flex;flex-wrap: wrap;}
.tab_img_bx img {width:100%}
.tab_img_bx .tab_img {display: flex}
.tab_img_bx .tab_img_mo {display: none}




/* 태플릿용 */
@media screen and (max-width:768px){
	
	

}

	
	
/* 모바일용 */
@media screen and (max-width:425px){

	/*견적작성 폼 - 레이아웃&공통*/
	.store_intro {margin-top: 52px;padding-top: 20px }
	.store_intro .inner_n {flex-direction: column;}
	.store_intro  .left {flex:1 1 100%}
	.store_intro  .right {flex:1 1 100%; margin-left: 0%;margin-top: 20px;}
	.fillout_form .option_panel .row_lb {flex:0 0 64px;}

	/* 견적작성 폼 -  버튼 */
	.fillout_btn_sec {display:flex; justify-content:flex-end;margin:30px 0}
	.fillout_btn_sec a.btn {flex:0 1 100%}

	/* 탭 */
	#tab1,
	#tab2,
	#tab3 {padding:40px 0 60px}
	.tab_img_bx .tab_img {display: none}
	.tab_img_bx .tab_img_mo {display: flex}
		



}