@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Heebo:wght@600&display=swap');

.sub_text{padding: 100px 0 70px;}

.page-img{width:1920px; margin: 0 auto;}

.page-img img{width:100%}

@media(max-width:1910px){
    .page-img{width:100%; margin: 0 auto;}
}

/* m01_01 회사소개 */

.bg_m01_01{width: 100%; background:linear-gradient(90deg, #f3f3f3 0% , #f3f3f3 50% , white 50%, white 100% ); text-align: center;}
.bg_m01_01 img{max-width:1920px !important}
.map-api{position: relative;}
.map-api iframe{width: 100%; height: 544px;}
.map-api .contact_wrap{position: absolute; top: 50%; left: 1890px; transform: translate(-100%,-50%)}
.map-api .contact{background: #0d5cab; padding: 40px 50px; width: 450px;height: 344px; float:right;}
.map-api .contact h3{color:#fff; font-family: 'Heebo', sans-serif; font-weight: 900; font-size:18px; margin-bottom: 28px;}
.map-api .contact h2{color:#fff; font-weight:300; font-size:28px; padding-bottom: 26px; border-bottom: 1px solid rgba(161,185,214,.28);margin-bottom: 28px;}
.map-api .contact ul{}
.map-api .contact ul li{color:#fff; line-height: 28px; font-size:16px; color:#cddeef;}
.map-api .contact ul li + li{margin-top: 15px;}
.map-api .contact ul li span{display: block; height:100%; margin-right: 20px; float:left;}
/* .map-api .contact ul li.addr span{height: 56px;} */
.map-api .contact ul li span img{ vertical-align: top; padding-top: 7px;}

@media(max-width:1910px){
    .page-img{width:100%; margin: 0 auto;}
    .bg_m01_01 img{width:100%}
    .map-api .contact_wrap{ left: 81.15%; }
}
/* m03_01 온라인견적 */
.m03_01 .inquiry_box{margin-bottom: 28px;}
.m03_01 .ask_info .inquiry_box{width:calc(50% - 20px); float:left; margin-right: 40px;}
.m03_01 .ask_info .inquiry_box:nth-child(2n){margin-right: 0;}
.m03_01 .inquiry_box label{float:none; color:#222; font-size:18px; font-weight:500; position: relative;margin-bottom: 20px;}
.m03_01 form .dot{position: relative;padding-left: 13px;  line-height: 1; width: auto;}
.m03_01 form .dot:before{content:''; display: block; position: absolute; left: 0; top: 2px; background:#0d5cab; border-radius:50%; width: 5px; height: 5px;}
.m03_01 .inquiry_box .answer{float:none; width: 100%;}
.m03_01 .ask_info .inquiry_box .answer input[type="text"], .m03_01 .inquiry_box .answer input[type="password"]{line-height: 43px;}
.m03_01 .ask_info .inquiry_box .answer input[type="text"], .m03_01 .inquiry_box .answer input[type="password"], .m03_01 .inquiry_box .answer textarea{width: 100%; border-radius:0 !important}

.ask_table_box{margin-bottom: 30px;}
.m03_01 .table_tt{color:#222; font-size:18px; font-weight:500; margin-bottom: 20px;}
.m03_01 .table_tt span{font-size: 16px; color:#666; font-weight:400; margin-left: 10px;}

.m03_01 .ask_table{}
.m03_01 .ask_table.table_head{background:rgba(246,246,246,.8); border-top:1px solid #ddd;}
.m03_01 .ask_table.table_head li{color:#222; font-size:18px; line-height: 60px; padding:0}
.m03_01 .ask_table li{border:1px solid #ddd; border-width:0 1px 1px 0; float:left; text-align: center; padding: 16px 16px; font-size:14px; font-weight:400; }
.m03_01 .ask_table li:nth-child(1){width: 365px;}
.m03_01 .ask_table li:nth-child(2){width:calc(100% - 577px)}
.m03_01 .ask_table li:nth-child(3){width: 109px;}
.m03_01 .ask_table li:nth-child(4){width: 103px; border-right-width:0}
.m03_01 .ask_table li label{display: none;}
.m03_01 .ask_table li input{width: 100%; line-height: 43px;display: block;}
.m03_01 .ask_table li.count input{width: 48px; float:left}
.m03_01 .ask_table li p{color:#666; font-size:16px;margin-left: 11px; float:left; line-height: 45px; font-weight:400}
.m03_01 .inquiry_box .answer .file_input{width: 490px;}
.m03_01 .inquiry_box .answer .file_input .row .file_content{margin-bottom: 0;}
.m03_01 .inquiry_box .answer .file_input .row .file_content > label{border-radius:0; background: #0c396e; color:#fff; margin-bottom: 0; font-size:16px; border: solid #ddd ; border-width:1px 0 1px 1px; line-height: 48px; height: 48px;}
.m03_01 .inquiry_box .answer .file_input .row .file_content > div.right_file{width: 360px;}
.m03_01 .inquiry_box .answer .file_input .row .file_content > div.right_file input{border:1px solid #ddd; border-radius:0; font-size:16px; padding-left: 24px;line-height: 48px; height: 48px;}

.m03_01 .inquiry_box .answer textarea{height: 180px!important}

.m03_01 .agree_box{}
.agree_box .agree_privacy{width: 100%; display: block; height: 130px; overflow-Y:scroll; border:1px solid #ddd; padding: 20px 25px; margin-bottom: 14px;}
.agree_box .agree_privacy p{font-size:14px; color:#666; line-height: 26px;}
.m03_01 .agree_box label{font-size: 16px; color:#666; width:auto; font-weight:400; line-height: 1; margin:0; float:left; margin-top: 2px; padding-left: 34px; position: relative; cursor:pointer}
.m03_01 .agree_box input[type=checkbox]{appearance: none; -webkit-appearance: none; display: none;float:left;}
.m03_01 .agree_box label:before{content:''; display: block; width: 20px;height: 20px; border:1px solid #ddd; background: #fff;float:left; position: absolute; top: -2px; left: 0;}
.m03_01 .agree_box label span{position: absolute; width: 20px;height: 20px;left: 0;top: -2px;}
.m03_01 .agree_box label span img{vertical-align: top; position: absolute; left: 50%; top: 50%;transform:translate(-50%, -50%); opacity:0}
.m03_01 .agree_box input[type=checkbox]:checked + label span img{ opacity:1}
.m03_01.write-wrap .write-btn.btn_write{margin-top: 70px; margin-bottom: 80px;}
.m03_01.write-wrap .write-btn.btn_write .btn{border-radius:0!important; width: 220px;}


#captcha #captcha_key{width: 160px;}
.wishlist-skin + .text-center{margin: 60px 0 40px}


/* m03_01 view */
.view-content .ask_table_box{margin-top: 30px;}
.m03_01 .view-content .ask_table li span{margin-left: 0; line-height: 25px;}


/* item detail */
.btn-group-justified{margin-bottom: 70px;}
.list-page{margin:85px 0 80px !important;}

@media(max-width:991px){
    .sub_text{padding: 60px 0 40px}
    .sub_menu_box{ }
    .sub_menu_box > div{text-align: center;}
    .sub_menu_box .cate_ul{display: inline-block; width:100%}
    .sub_menu_box .cate_li{width:auto; min-width:50%}
    .sub_menu_box .cate_li a{text-align: center;}
    .map-api{height: 519px;}
	.map-api iframe{height: 519px;}
    .map-api .contact{width: 100%; height: 247.5px; padding: 30px 35px}
    .map-api .contact_wrap{top: calc(100% - 25px); transform:translate(0, -100%); left: 0;}
    .map-api .contact h3{font-size:14px; margin-bottom: 17px;}
    .map-api .contact h2{font-size:20px; padding-bottom: 20px;margin-bottom: 15px;}
    .map-api .contact ul li{font-size:13px;line-height: 22px;}
    .map-api .contact ul li + li{margin-top: 10px;}
    .map-api .contact ul li.addr span{height: 44px;}
    .map-api .contact ul li span img{padding-top: 5px; height: 22px; width: auto;}
    .map-api .contact ul li:nth-child(1) span img{width: 9px; height:auto}
    .map-api .contact ul li:nth-child(2) span img{width: 12.5px; height:auto}
    .map-api .contact ul li:nth-child(3) span img{width: 13px; height:auto;}


    .m03_01 .ask_info{margin-bottom: 0;}
    .m03_01 .ask_info .inquiry_box{float:none; width:100%}
    .m03_01 .ask_info .inquiry_box:first-child label{line-height: 1.2;}
    .m03_01 form .dot{padding-left: 9px;}
    .m03_01 form .dot:before{width: 4px;height: 4px;}
    .m03_01 .inquiry_box{margin-bottom: 24px;}
    .m03_01 .inquiry_box label{font-size:15px;margin-bottom: 12.5px;}
    .m03_01 .inquiry_box .answer input[type="text"], .m03_01 .inquiry_box .answer input[type="password"]{line-height: 35px;}
    .m03_01 .table_tt{font-size:15px; margin-bottom: 12.5px;}
    .m03_01 .ask_table li{ padding: 10px 5px; }
    .m03_01 .ask_table.table_head li{font-size:14px;}
    .m03_01 .table_tt span{font-size:12.5px;margin-left: 8px; }
    .m03_01 .ask_table li:nth-child(1){width: 107px;}
    .m03_01 .ask_table li:nth-child(2){width:calc(100% - 222px)}
    .m03_01 .ask_table li:nth-child(3){width: 65px;}
    .m03_01 .ask_table li:nth-child(4){width: 50px;}
    .m03_01 .ask_table li input{line-height: 35px;}
    .m03_01 .ask_table li.count input{width: 40px;}
    .m03_01 .ask_table li p{font-size:12.5px; margin-left: 3px;line-height: 35px;}
    .m03_01 .inquiry_box .answer textarea{height: 130px !important;}
    .m03_01 .inquiry_box .answer .file_input{width: 100%;}
    .m03_01 .inquiry_box .answer .file_input .row .file_content > label{height: 33px;line-height: 33px; width: 90px; font-size: 12.5px}
    .m03_01 .inquiry_box .answer .file_input .row .file_content > div.right_file{width:calc(100% - 90px)}
    .m03_01 .inquiry_box .answer .file_input .row .file_content > div.right_file input{line-height: 33px; height: 33px; width: 100%; font-size: 12.5px; padding-left: 15px;}
    .inquiry_box .answer .file_control .form-control-static{font-size:12px;}
    .agree_box .agree_privacy{padding: 15px; height: 75px;}
    .agree_box .agree_privacy p{font-size:10.5px; line-height: 19px; height: 75px;}
    .m03_01 .agree_box label{font-size:12.5px; padding-left: 22px; margin-bottom: 0;}
    .m03_01 .agree_box label span{width: 15px;height: 15px;}
    .m03_01 .agree_box label:before{width: 15px;height: 15px;}
    .m03_01.write-wrap .write-btn.btn_write{margin: 40px 0 30px} 
    .wishlist-skin + .text-center{margin: 30px 0 35px}
    #captcha.m_captcha audio{margin: 0 auto}
    #captcha.m_captcha #captcha_img{margin: 0 auto;}



    

    .item_detail .item-form-footer{margin-bottom: 0;}
    .item_detail .list-board .board-list li .content-box.box1{margin-right: 15px;}
    .item_detail .list-board .board-list li .content-box.box2{width:calc(100% - 125px)}
    .btn-group-justified{margin-bottom: 20px;}
}

/* 개인결제 폼 */
.ppay_form_wrap{padding:80px 0 60px}
.ppay_form_wrap .ppay_title{text-align:center}
.ppay_form_wrap .ppay_title .title{font-weight:500; font-size:24px; color:#222}
.ppay_form_wrap .ppay_title .text{margin-top:20px; font-size:17px; line-height:1.2; color:#888}
.ppay_form_wrap .ppay_content{width:600px; margin:40px auto 0}
.ppay_form_wrap .ppay_content .ppay_box{display:table; width:100%}
.ppay_form_wrap .ppay_content .ppay_box + .ppay_box{margin-top:10px}
.ppay_form_wrap .ppay_box .pp_label{display:table-cell; width:150px; font-weight:500; font-size:17px; line-height:40px; color:#333; vertical-align:top}
.ppay_form_wrap .ppay_box .pp_answer{display:table-cell; width:calc(100% - 150px)}
.ppay_form_wrap .ppay_box .pp_row{width:100%; min-height:40px; padding:7px 0; font-size:15px; line-height:1.4; color:#333}
.ppay_form_wrap .ppay_box .pp_bold{font-weight:600; font-size:18px}
.ppay_form_wrap .ppay_box .pp_input{width:100%; height:40px; padding:0 15px; border:1px solid #e5e5e5; font-size:15px; line-height:38px; color:#333}
.ppay_form_wrap .ppay_box .pp_input::placeholder{color:#777}
.ppay_form_wrap .ppay_box .pp_radio{font-size:15px; line-height:40px; color:#333}
.ppay_form_wrap .ppay_box .pp_radio + .pp_radio{margin-left:12px}
.ppay_form_wrap .ppay_box .pp_radio input[type="radio"]{margin:0 3px 0 0}
.ppay_form_wrap .ppay_box .pp_bank_box + .pp_bank_box{margin-top:5px}
.ppay_form_wrap .ppay_box .pp_bank_label{font-size:14px; font-weight:500; line-height:1.3; color:#333}
.ppay_form_wrap .ppay_box .pp_bank_check{width:100%; height:32px; margin-top:5px; padding:0 10px; border:1px solid #e5e5e5; background:#fff; font-size:14px; line-height:30px; color:#555}

@media (max-width:991px){
	/* 개인결제 리스트 */
	.ppay_wrap .ppay-container{margin-right:-15px; margin-bottom:-25px}
	.ppay_wrap .ppay-row{width:50%}
	.ppay_wrap .ppay-box{margin-right:15px; margin-bottom:25px}
	.ppay_wrap .ppay-box .title{margin:0 0 10px; padding:10px 0 0; font-size:13px}
	.ppay_wrap .ppay-box .order_price{font-size:14px}
	/* 개인결제 폼 */
	.ppay_form_wrap{padding:30px 0}
	.ppay_form_wrap .ppay_title .title{font-size:17px}
	.ppay_form_wrap .ppay_title .text{margin-top:10px; font-size:14px; line-height:1.4}
	.ppay_form_wrap .ppay_content{width:100%; margin:20px auto 0}
	.ppay_form_wrap .ppay_content .ppay_box + .ppay_box{margin-top:5px}
	.ppay_form_wrap .ppay_box .pp_label{width:80px; font-size:14px; line-height:30px}
	.ppay_form_wrap .ppay_box .pp_answer{width:calc(100% - 80px)}
	.ppay_form_wrap .ppay_box .pp_row{min-height:30px; padding:3px 0; font-size:13px}
	.ppay_form_wrap .ppay_box .pp_bold{font-size:16px}
	.ppay_form_wrap .ppay_box .pp_input{height:30px; padding:0 10px; font-size:13px; line-height:28px}
	.ppay_form_wrap .ppay_box .pp_radio{font-size:13px; line-height:28px}
	.ppay_form_wrap .ppay_box .pp_radio{margin-left:8px}
	.ppay_form_wrap .ppay_box .pp_radio + .pp_radio{margin-left:8px}
	.ppay_form_wrap .ppay_box #settle_bank{padding:5px}
	.ppay_form_wrap .ppay_box .pp_bank_box{margin-top:5px}
	.ppay_form_wrap .ppay_box .pp_bank_label{font-size:12px}
	.ppay_form_wrap .ppay_box .pp_bank_check{height:30px; margin-top:2px; padding:0 5px; font-size:12px; line-height:28px}
}