@charset "utf-8";


.marbot_100{margin-bottom:10.0rem;}
.marbot_30{margin-bottom:3.0rem;}
.marbot_t_30{margin-top:3.0rem;}
.mar_bt30{margin:3.0rem 0}

.cnb_bor_bot{border-bottom:1px solid #ddd;padding-bottom:10.0rem;}
.margin_none{margin:0 !important}
.text_center{text-align:center}
.flex_box{display:flex}
.color_white{color:#fff}
.al_border_none{border:0 !important}



/*회사소개*/
.company{}
.company .company_wrap{}
.company_video{margin-top:10.0rem}
.company .company_wrap .company_bg{background:url(../../pages/images/company_bg.jpg);width:100%;height:430px;padding-top:8.0rem;}
.company .company_wrap .company_bg .bg_box{width:1400px;margin:0 auto;color:#ffffff}
.company .company_wrap .company_bg .bg_box h1{font-size:4.2rem;margin-bottom:2.0rem;}
.company .company_wrap .company_bg .bg_box h1 span{color:#dacd00}
.company .company_wrap .company_bg .bg_box p{font-size:2.4rem;line-height:1.5}

.company .company_wrap .company_cont{width:1600px;margin:0 auto;background:#ffffff;border-top-left-radius:10.0rem;border-top-right-radius:10.0rem;margin-top:-9.0rem}
.company .company_wrap .company_cont .cont_sub{width:1400px;margin:0 auto;}
.company .company_wrap .company_cont .cont_sub .com_top_txt{text-align:center;line-height:1.5;font-size:2.8rem;padding:9.0rem 0 6.0rem 0}
.company .company_wrap .company_cont .cont_sub .com_top_txt:after{content:"";width:145px;height:4px;background:#1e2f6f;display:block;margin:60px auto 0 auto}


.company .company_wrap .cont {display:flex;flex-wrap:wrap;margin-top:1.0rem;}
.company .company_wrap .cont .sub {width: calc((100% - 9.0rem) / 3);margin-right: 4.5rem;margin-bottom: 4.5rem;background: #f6f6f6;border-radius: 2.0rem;display: flex;flex-direction: column;align-items: center;justify-content: center;padding: 6.3rem 2rem;text-align: center;}
.company .company_wrap .cont .sub:nth-child(3n) {margin-right: 0;}
.company .company_wrap .cont .sub .ico {width: 4.5rem;aspect-ratio: 1;}
.company .company_wrap .cont .sub1 .ico {background: url(../../pages/images/company_ico_01.png) no-repeat center / contain;}
.company .company_wrap .cont .sub2 .ico {background: url(../../pages/images/company_ico_02.png) no-repeat center / contain;}
.company .company_wrap .cont .sub3 .ico {background: url(../../pages/images/company_ico_03.png) no-repeat center / contain;}
.company .company_wrap .cont .sub4 .ico {background: url(../../pages/images/company_ico_04.png) no-repeat center / contain;}
.company .company_wrap .cont .sub5 .ico {background: url(../../pages/images/company_ico_05.png) no-repeat center / contain;}
.company .company_wrap .cont .sub6 .ico {background: url(../../pages/images/company_ico_06.png) no-repeat center / contain;}
.company .company_wrap .cont .sub .txt01 {font-size: 2.2rem;color: #000000;font-weight: 700;padding-top: 2.8rem;}
.company .company_wrap .cont .sub .txt02 {font-size: 2.1rem;color: #333333;font-weight: 500;padding-top: 1.2rem;}



@media screen and (max-width: 1600px){
.company .company_wrap .company_cont{width:100%;}
.company .company_wrap .company_bg{padding:8.0rem 1.0rem 0 1.0rem;}
.company .company_wrap .company_bg p br{ display:none}
.company .company_wrap .company_cont{padding:0 1.0rem;}

}

@media screen and (max-width: 1400px){
.company .company_wrap .company_cont .cont_sub{width:100%;}
.company .company_wrap .company_bg .bg_box{width:100%;}

}

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

.company .company_wrap .company_bg{height:400px;}

.company .company_wrap .company_bg .bg_box p{font-size:2.1rem;}
.company .company_wrap .company_cont .cont_sub .com_top_txt{font-size:2.1rem;}
}

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

.company .company_wrap .cont .sub{width: 100%;margin-right:0}
.table_scroll{overflow-x:scroll;}
.table_scroll table{width:1000px}
}

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


}


/*회사연혁*/
.history{}
.history .history_wrap{}
.history .history_wrap .history_bg{background:url(../../pages/images/history_bg.jpg);width:100%;height:430px;padding-top:11.0rem;}
.history .history_wrap .history_bg .bg_box{width:1400px;margin:0 auto;color:#ffffff}
.history .history_wrap .history_bg .bg_box h1{font-size:4.2rem;margin-bottom:2.0rem;line-height:1.5}
.history .history_wrap .history_bg .bg_box h1 span{color:#dacd00}
.history .history_wrap .history_bg .bg_box p{font-size:2.4rem;line-height:1.5}
.history .history_wrap .history_cont{width:1600px;margin:0 auto;background:#ffffff;border-top-left-radius:10.0rem;border-top-right-radius:10.0rem;margin-top:-9.0rem}
.history .history_wrap .history_cont .h_img{text-align:center;padding-top:9.0rem}

.history .history_wrap .history_cont .cont_wrap{position:relative;margin-top:10.0rem;}
.history .history_wrap .history_cont .cont_wrap:before{content:"";position: absolute;top:16px;left:50%;width:1px;height: calc(100% );background:#c6c6c6;}
.history .history_wrap .history_cont .cont_wrap .cont{display:flex;margin-bottom:8.0rem;}
.history .history_wrap .history_cont .cont_wrap .cont .left{width:50%;padding-right:6.0rem;text-align:right}
.history .history_wrap .history_cont .cont_wrap .cont .left h1{font-size:3.6rem;margin-bottom:1.5rem;}
.history .history_wrap .history_cont .cont_wrap .cont .left .txtbox{display:flex;justify-content: end;margin-bottom:1.0rem;}


.history .history_wrap .history_cont .cont_wrap .cont .right{width:50%;padding-left:6.0rem;position:relative}
.history .history_wrap .history_cont .cont_wrap .cont .right:before{content:"";position: absolute;top: 13px;left: -9px;width:18px;height:18px;border:5px solid #c2c7d8;border-radius:50%;background: #1e2f6f;}
.history .history_wrap .history_cont .cont_wrap .cont .right h1{font-size:3.6rem;margin-bottom:1.5rem;}

.history .history_wrap .history_cont .cont_wrap .cont .txtbox{display:flex;margin-bottom:1.0rem;}
.history .history_wrap .history_cont .cont_wrap .cont .txtbox .txt01{font-size:2.1rem;font-weight:bold;width:4.0rem;text-align:left}
.history .history_wrap .history_cont .cont_wrap .cont .txtbox .txt01.wid_none{width:0}
.history .history_wrap .history_cont .cont_wrap .cont .txtbox .txt02{font-size:2.1rem;}



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

.history .history_wrap .history_cont{width:100%;padding:0 1.0rem}
}

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

.history .history_wrap .history_bg .bg_box{width:100%;}
}

@media screen and (max-width: 1200px){
.history .history_wrap .history_bg{height:400px;}

}

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


}

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


.history .history_wrap .history_bg .bg_box h1 br{display:none}

.history .history_wrap .history_cont .cont_wrap .cont{display:block;position:relative}
.history .history_wrap .history_cont .cont_wrap .cont .left{padding-left:3.0rem;padding-right:0;width:100%;text-align:left}
.history .history_wrap .history_cont .cont_wrap .cont .left .txtbox{justify-content: left;}

.history .history_wrap .history_cont .cont_wrap .cont .right{padding-left:3.0rem;width:100%;}
.history .history_wrap .history_cont .cont_wrap .cont .right:before{display:none}

.history .history_wrap .history_cont .cont_wrap .cont h1:before{content:"";position: absolute;top: 8px;left: -9px;width:18px;height:18px;border:5px solid #c2c7d8;border-radius:50%;background: #1e2f6f;}
.history .history_wrap .history_cont .cont_wrap:before{left:0}

.history .history_wrap .history_cont .cont_wrap .cont .txtbox{flex-wrap:wrap;}
.history .history_wrap .history_cont .cont_wrap .cont .txtbox .txt01{width:100%;margin-bottom:1.0rem;}
.history .history_wrap .history_cont .cont_wrap .cont .txtbox .txt02{width:100%;font-size:1.8rem;}

}


/*조직도*/
.organization{}
.organization .organization_wrap{}
.organization .organization_wrap .organization_bg{background:url(../../pages/images/organization_bg.jpg);width:100%;height:430px;padding-top:11.0rem;}
.organization .organization_wrap .organization_bg .bg_box{width:1400px;margin:0 auto;color:#ffffff}
.organization .organization_wrap .organization_bg .bg_box h1{font-size:4.2rem;margin-bottom:2.0rem;line-height:1.5}
.organization .organization_wrap .organization_bg .bg_box h1 span{color:#dacd00}
.organization .organization_wrap .organization_bg .bg_box p{font-size:2.4rem;line-height:1.5}
.organization .organization_wrap .organization_cont .or_top_txt{text-align: center;line-height: 1.5;font-size:3.6rem;padding: 9.0rem 0 6.0rem 0;}
.organization .organization_wrap .organization_cont .or_top_txt:after{content:"";display:block;width:4px;height:100px;background:#1e2f6f;margin:50px auto 0 auto}
.organization .organization_wrap .organization_cont {width:1600px;margin:0 auto;background:#ffffff;border-top-left-radius:10.0rem;border-top-right-radius:10.0rem;margin-top:-9.0rem}
.organization .organization_wrap .organization_cont .h_img{text-align:center;}


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

.organization .organization_wrap .organization_cont{width:100%;}
}

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

.organization .organization_wrap .organization_bg .bg_box{width:100%;}
}

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


}

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


}

@media screen and (max-width: 768px){
.organization .organization_wrap .organization_cont .or_top_txt{font-size:2.4rem;}

}



/*기술소개*/
.tech{}
.tech .tech_wrap{}
.tech .tech_wrap .tech_bg{background:url(../../pages/images/organization_bg.jpg);width:100%;height:430px;padding-top:11.0rem;}
.tech .tech_wrap .tech_bg .bg_box{width:1400px;margin:0 auto;color:#ffffff}
.tech .tech_wrap .tech_bg .bg_box h1{font-size:4.2rem;margin-bottom:2.0rem;line-height:1.5}
.tech .tech_wrap .tech_bg .bg_box h1 span{color:#dacd00}
.tech .tech_wrap .tech_bg .bg_box p{font-size:2.4rem;line-height:1.5}
.tech .tech_wrap .te_top_txt{text-align: center;line-height: 1.5;font-size:3.6rem;padding: 9.0rem 0 6.0rem 0;}
.tech .tech_wrap .tech_cont {width:1600px;margin:0 auto;background:#ffffff;border-top-left-radius:10.0rem;border-top-right-radius:10.0rem;margin-top:-9.0rem}

.tech .tech_wrap .tech_cont .tech_sec01{background:#f7f7f7;padding:6.0rem 7.0rem;border-radius:5.0rem;margin-bottom:10.0rem;}
.tech .tech_wrap .tech_cont .tech_sec01 .txt{text-align:center;font-size:3.2rem;font-weight:500;border-bottom:2px solid #ddd;padding-bottom:3.0rem;margin-bottom:5.0rem;}
.tech .tech_wrap .tech_cont .tech_sec01 .sec01_box{/* display:flex;flex-wrap:wrap;justify-content: space-between; */}
.tech .tech_wrap .tech_cont .tech_sec01 .sec01_box .box{display:flex;align-items:center;width:100%;margin-bottom:5.0rem;}
.tech .tech_wrap .tech_cont .tech_sec01 .sec01_box .box .ico{background:#263973;width:120px;aspect-ratio: 1;border-radius:2.0rem;text-align:center;padding:29px 0;}
.tech .tech_wrap .tech_cont .tech_sec01 .sec01_box .box .txtbox{width: calc(100% - 120px);padding:1.0rem 0 0 3.0rem;}
.tech .tech_wrap .tech_cont .tech_sec01 .sec01_box .box .txtbox .txt01{font-size:2.5rem;font-weight:700;margin-bottom:1.0rem;}
.tech .tech_wrap .tech_cont .tech_sec01 .sec01_box .box .txtbox .txt02{font-size:1.8rem;line-height:1.35}

.tech .tech_wrap .tech_cont .tech_sec02 {}
.tech .tech_wrap .tech_cont .tech_sec02 .txt{text-align: center; font-size: 3.2rem; font-weight: 500; border-bottom: 2px solid #ddd;padding-bottom: 3.0rem; margin-bottom: 5.0rem;}
.tech .tech_wrap .tech_cont .tech_sec02 .txt01{font-size:2.3rem;text-align:center;line-height:1.5}

.tech .tech_wrap .tech_cont .tech_sec02 .sec02_box{display:flex;justify-content: space-between;margin:5.0rem 0 20.0rem 0;}
.tech .tech_wrap .tech_cont .tech_sec02 .sec02_box .box .sub{width:310px;aspect-ratio: 1;text-align:center;display: flex;flex-direction: column;justify-content: center;} 
.tech .tech_wrap .tech_cont .tech_sec02 .sec02_box .box .sub01{background:url(../../pages/images/tech_di_bg01.png);background-size: contain;} 
.tech .tech_wrap .tech_cont .tech_sec02 .sec02_box .box .sub03{background:url(../../pages/images/tech_di_bg02.png);background-size: contain;} 
.tech .tech_wrap .tech_cont .tech_sec02 .sec02_box .box .sub04{background:url(../../pages/images/tech_di_bg03.png);background-size: contain;} 
.tech .tech_wrap .tech_cont .tech_sec02 .sec02_box .box .sub .t_01{font-size:2.4rem;font-weight:bold;color:#ffffff;}
.tech .tech_wrap .tech_cont .tech_sec02 .sec02_box .box .sub .t_01:after{content:"";display:block;width:70px;height:2px;background:#fff;margin:1.0rem auto}
.tech .tech_wrap .tech_cont .tech_sec02 .sec02_box .box .sub .t_02{font-size:1.9rem;color:#ffffff;line-height:1.35}

.tech .tech_wrap .tech_cont .tech_sec03 {margin-bottom:15.0rem;}
.tech .tech_wrap .tech_cont .tech_sec03 .txt{font-size:3.2rem;text-align:center;font-weight:500;margin-bottom:3.0rem;}
.tech .tech_wrap .tech_cont .tech_sec03 .txt .sub_txt{font-size:2.4rem;}
.tech_table table{}
.tech_table table.tech_arrow{position:relative}
.tech_table table.tech_arrow:after{content:"";display:block;background:url(../../pages/images/tech_deck_ta_img06_en.png) no-repeat;background-size:contain;width: 125px;height:435px;position:absolute;top:36%;left:50%;}
.tech_table table tr{}
.tech_table table tr th{border:1px solid #ddd;padding:1.0rem 0;font-size:1.9rem;}
.tech_table table tr th.ta_bg{background:#b70000;color:#fff}
.tech_table table tr td{border:1px solid #ddd;padding:1.0rem 0;font-size:1.8rem;text-align:center;line-height:1.35}
.tech_table table tr td.ta_color{color:#b70000}
.tech_table table tr td.ta_bg{background:#b70000;color:#fff}

.tech .tech_wrap .tech_cont .tech_over .txt{text-align: center; font-size: 3.2rem; font-weight: 500; border-bottom: 2px solid #ddd;padding-bottom: 3.0rem; margin-bottom: 5.0rem;}
.tech .tech_wrap .tech_cont .tech_over .txt01{font-size:2.3rem;text-align:center;line-height:1.5}
.tech .tech_wrap .tech_cont .tech_over_cont {margin-bottom:5.0rem;}
.tech .tech_wrap .tech_cont .tech_over_cont .over_tit{font-size: 2.5rem; font-weight: 700; margin-bottom: 1.0rem;}
.tech .tech_wrap .tech_cont .tech_over_cont .over_txt li{font-size: 1.8rem;line-height: 1.35;margin-bottom:1.0rem;position:relative;padding-left:1.5rem;}
.tech .tech_wrap .tech_cont .tech_over_cont .over_txt li.over_flex{display:flex}
.tech .tech_wrap .tech_cont .tech_over_cont .over_txt li.over_flex span{margin-right:3px;}
.tech .tech_wrap .tech_cont .tech_over_cont .over_txt li:after{content:"";display:block;width:6px;height:1px;background:#000;position:absolute;top:11px;left:0}

.tech_sec02 {}
.tech_sec02 .comparison{display:flex;flex-wrap:wrap; justify-content: space-between;}
.tech_sec02 .comparison .left{width:49%}
.tech_sec02 .comparison .right{width:49%}



.tech_diff{text-align:center}
.sec01_te{display:flex; align-items: center; justify-content: space-around;}
.sec01_te .sec01_box_left{width:250px;aspect-ratio:1;background:#263973;border-radius:2.0rem;display:flex;align-items:center;    justify-content: center;font-size:2.5rem;text-align:center;color:#fff;font-weight:bold;}

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

.tech .tech_wrap .tech_cont{width:100%;}
}

@media screen and (max-width: 1400px){
.tech .tech_wrap .tech_cont .tech_sec01 .sec01_box .box .txtbox{padding:0 0 0 3.0rem}

}

@media screen and (max-width: 1200px){
.tech .tech_wrap .tech_bg{background-position:center}

.tech .tech_wrap .tech_cont .tech_sec02 .sec02_box{flex-wrap:wrap;}
.tech .tech_wrap .tech_cont .tech_sec02 .sec02_box .box{width:45%;margin:0 auto 3.0rem auto}
.tech .tech_wrap .tech_cont .tech_sec02 .sec02_box .box .sub{margin:0 auto}

.tech .tech_wrap .tech_cont .tech_sec02 .sec02_box .box .sub .t_01{font-size:2.1rem}
.tech .tech_wrap .tech_cont .tech_sec02 .sec02_box .box .sub .t_02{font-size:1.8rem;}
}

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

.tech .tech_wrap .tech_cont .tech_sec01 .sec01_box{flex-wrap:wrap;}
.tech .tech_wrap .tech_cont .tech_sec01 .sec01_box .box{width:100%}
.sec01_te .sec01_box_left{display:none}
}

@media screen and (max-width: 768px){
.tech .tech_wrap .tech_cont .tech_sec02 .sec02_box .box{width:100%;}

.tech .tech_wrap .te_top_txt{font-size:2.8rem;}
.tech .tech_wrap .tech_cont .tech_sec01{padding:3.0rem 2.0rem}

.tech .tech_wrap .tech_cont .tech_over_cont .over_txt li.over_flex{display:block;}
.tech_sec02 .comparison .left{width:100%;}
.tech_sec02 .comparison .left .table_scroll table{width:100%;}

.tech_sec02 .comparison .right{width:100%;}
.tech_sec02 .comparison .right .table_scroll table{width:100%;}

.tech .tech_wrap .tech_cont .tech_over .txt01{font-size:1.9rem;}
.tech .tech_wrap .tech_cont .tech_sec02 .txt01{font-size:1.9rem;}
.tech .tech_wrap .tech_cont .tech_sec02 .txt{font-size:2.4rem;}
.tech .tech_wrap .tech_cont .tech_sec03 .txt{font-size:2.4rem;}

}



/*제품소개 목록*/

.product .product_top{}
.product .product_top .product_top_wrap{}
.product .product_top .product_top_wrap .product_top_bg{background:url(../../pages/images/product_top_bg.jpg);width:100%;height:430px;padding-top:11.0rem;}
.product .product_top .product_top_wrap .product_top_bg .bg_box{width:1400px;margin:0 auto;color:#ffffff}
.product .product_top .product_top_wrap .product_top_bg .bg_box h1{font-size:4.2rem;margin-bottom:2.0rem;line-height:1.5}
.product .product_top .product_top_wrap .product_top_bg .bg_box h1 span{color:#dacd00}
.product .product_top .product_top_wrap .product_top_bg .bg_box p{font-size:2.4rem;line-height:1.5}
.product .product_top .product_top_wrap .product_top_txt{text-align: center;line-height: 1.5;font-size:3.6rem;padding: 9.0rem 0 3.0rem 0;margin-bottom:3.0rem;border-bottom:1px solid #ddd}
.product .product_top .product_top_wrap .product_top_cont {width:1600px;margin:0 auto;background:#ffffff;border-top-left-radius:10.0rem;border-top-right-radius:10.0rem;margin-top:-9.0rem}

.product .product_top_cont02 {margin-bottom:10.0rem;}
.product .product_top_cont02 .txtbox{display:flex}
.product .product_top_cont02 .txtbox .txt01{font-size:3.4rem;font-weight:bold;width:250px;padding-left:3.0rem;}
.product .product_top_cont02 .txtbox .txt02{display:flex;flex-wrap:wrap;font-size:2.2rem;width: calc(100% - 250px);}
.product .product_top_cont02 .txtbox .txt02 li{width:30%;margin-bottom:1.0rem;}
.product .product_top_cont02 .txtbox .txt02 li:before{content:"";display:inline-block;vertical-align:middle;width:4px;height:4px;background:#000;border-radius:50%;margin-right:1.0rem}
.product .product_top_cont02 .txtbox .txt02_01 li{width: 25%;}


.product{}
.product .geotex_tit {margin-bottom:30px;}
.product .geotex_tit .txt01{font-size:5.0rem;font-weight:bold;margin-bottom:10px;}
.product .geotex_tit .txt02{font-size:2.1rem;line-height:1.5}
.product .product_wrap{display:flex;flex-wrap:wrap;width:1600px;margin:0 auto}
.product .product_wrap .product_sub{width:33.333%;padding:15px;}
.product .product_wrap .product_sub a{position:relative}

.product .product_wrap .product_sub a .top {display: block;content: "";width: 0;height: 2px;background: #5a181d;position: absolute;left: 0;top: -1px;z-index: 1;transition: all 0.5s 0s ease-out;}
.product .product_wrap .product_sub a .right {display: block;content: "";width: 0;height: 2px;background: #5a181d;position: absolute;right: 0;bottom: -1px;z-index: 1;transition: all 0.5s 0s ease-out;}
.product .product_wrap .product_sub a .bottom {display: block;content: "";width: 2px;height: 0;background: #5a181d;position: absolute;left: -1px;bottom: 0;z-index: 1;transition: all 0.5s 0.0s ease-out;}
.product .product_wrap .product_sub a .left {display: block;content: "";width: 2px;height: 0;background: #5a181d;position: absolute;right: -1px;top: 0;z-index: 1;transition: all 0.5s ease-out;}
.product .product_wrap .product_sub a:hover .top {width: 100%;transition: all 0.5s 0s ease-out;}
.product .product_wrap .product_sub a:hover .right {width: 100%;transition: all 0.5s 0s ease-out;}
.product .product_wrap .product_sub a:hover .bottom {height: 100%;transition: all 0.5s 0s ease-out;}
.product .product_wrap .product_sub a:hover .left {height: 100%;transition: all 0.5s 0s ease-out;}
.product .product_wrap .product_sub a:hover .txtbox:after{content:"VIEW";display:block;color:#fff;background: #5a181d;border:1px solid #ddd;width: 100px;text-align: center;padding: 7px 0;position: absolute;right: 30px;bottom: 30px;font-size:1.4rem;}

.product .product_wrap .product_sub .img{border:1px solid #ddd;height:290px;position:relative;padding-top:1.5rem;}
.product .product_wrap .product_sub .img .img_logo{position:absolute;top:0;z-index:99}
.product .product_wrap .product_sub .img .pro_slider_txt{text-align:center;margin-top:1.5rem;font-size:1.8rem;}
.product .product_wrap .product_sub .txtbox{border:1px solid #ddd;border-top:0px;padding:26px 37px;height:330px;}
.product .product_wrap .product_sub .txtbox .txt01{font-size:2.3rem;font-weight:bold;line-height:1.5;padding-bottom:20px;}
.product .product_wrap .product_sub .txtbox .txt01:after{content:"";display:inline-block;width:3px;height:100%;background:red}
.product .product_wrap .product_sub .txtbox:after{content:"VIEW";display:block;background: #fff;border:1px solid #ddd;width: 100px;text-align: center;padding: 7px 0;position: absolute;right: 30px;bottom: 30px;font-size:1.4rem;transition:.2s}
.product .product_wrap .product_sub .txtbox .txt02{font-size:1.8rem;line-height:1.6;color:#191919;font-weight:300}
.product .product_wrap .product_sub .txtbox .txt02 .flex_box{display:flex;}
.product .product_wrap .product_sub .txtbox .txt02 .txt_sub01{width:8.5rem}
.product .product_wrap .product_sub .txtbox .txt02 .txt_sub01_wid{width:17.0rem;}
.product .product_wrap .product_sub .txtbox .txt02 .txt_sub02{width: calc(100% - 8.5rem);}
.product .product_wrap .product_sub .txtbox .txt02 .txt_sub02_wid{width: calc(100% - 17.0rem);}


.product .product_wrap .product_sub .txtbox .txt02 .txt_sub02 li:after{content:"";display:inline-block;width:4px;height:4px;border-radius:50%;background:#191919;position:absolute;top:12px;left:0}
.product .product_wrap .product_sub .txtbox .txt02 .txt_sub02 li{padding-left:1.0rem;position:relative}

.product .product_wrap .product_sub .img .swiper-pagination01{bottom:0;}

.product_btn{width:300px;margin:80px auto 0 auto;text-align:center}
.product_btn a{display:block;border:1px solid #ddd;padding:20px 0;width:100%;font-size:1.8rem;transition:.3s}
.product_btn a:hover{background:#000;color:#fff}


.product .product_wrap .product_sub .other_img{height:auto;padding-top:0}
.product .product_wrap .product_sub .other_img img{width:100%;}
.product .product_wrap .product_sub .other_txtbox{height:160px}
.product .product_wrap .product_sub .other_txtbox .txt01{padding-bottom:0}
.product .product_wrap .product_sub .other_txtbox:after{bottom:25px;}
.product .product_wrap .product_sub a:hover .other_txtbox:after {bottom:25px;}

.product .product_wrap .product_sub .txtbox .txt_sub01_wid{width:17.0rem;}
.product .product_wrap .product_sub .txtbox .txt_sub02_wid{width: calc(100% - 17.0rem);}
.product .product_wrap .product_sub .txtbox .txt02_01  { font-size: 1.8rem;line-height: 1.6;color: #191919; font-weight: 300;}

.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction{bottom:0 !important}

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

.product .product_top .product_top_wrap .product_top_cont{width:100%;}
.product .product_top_cont02 .txtbox .txt02 li{font-size:1.8rem;}
.product .product_wrap{width:100%;}

.product .product_top_cont02 .txtbox .txt01{width:200px;padding-left:0}
.product .product_top_cont02 .txtbox .txt02{width:calc(100% - 200px)}
}

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

.product .product_wrap .product_sub .txtbox .txt02 .txt_sub01{width:30%;}
.product .product_wrap .product_sub .txtbox .txt02 .txt_sub02{width: calc(100% - 30%);}
.product .product_wrap .product_sub .txtbox{padding:20px 37px}


.product .product_wrap .product_sub .txtbox .txt02 .txt_sub01_wid{width:32%;}
.product .product_wrap .product_sub .txtbox .txt02 .txt_sub02_wid{width: calc(100% - 32%);}
}

@media screen and (max-width: 1200px){
.product .product_top_cont02 .txtbox .txt02 li{width:50%}

.product .product_wrap .product_sub{width:50%;}

}

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

.product .product_wrap .product_sub{width:100%;}
.product .product_wrap .product_sub .img{text-align:center}
}

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

.product .product_top .product_top_wrap .product_top_bg{background-position:-651px}
.product .product_top_cont02 .txtbox .txt02 li{width:100%;}
.product .product_top_cont02 .txtbox{flex-wrap:wrap;}
.product .product_top_cont02 .txtbox .txt01{width:100%;margin-bottom:3.0rem;}
.product .product_top_cont02 .txtbox .txt02{width:100%;}
.product .product_wrap .product_sub .txtbox{padding:3.0rem 1.0rem;}

.product .product_wrap .product_sub .txtbox .txt02 .txt_sub01{width:25%;}
.product .product_wrap .product_sub .txtbox .txt02 .txt_sub02{width: calc(100% - 25%);}

.product .product_top .product_top_wrap .product_top_txt{font-size:2.8rem;}


/* .product .product_wrap .product_sub .txtbox{height:230px} */
}


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


.product .product_wrap .product_sub .img{height:250px;}
}

/*제품상세*/
.deck .deck_wrap{}
.deck .deck_wrap .deck_top_bg{background:url(../../pages/images/innovation_deck_top_bg.jpg);width:100%;height:430px;padding-top:11.0rem;}

.deck .deck_wrap .deck_top_bg .bg_box{width:1400px;margin:0 auto;color:#ffffff}
.deck .deck_wrap .deck_top_bg .bg_box h1{font-size:4.2rem;margin-bottom:2.0rem;line-height:1.5}
.deck .deck_wrap .deck_top_bg .bg_box h1 span{color:#dacd00}
.deck .deck_wrap .deck_top_bg .bg_box p{font-size:2.4rem;line-height:1.5}
.deck .deck_wrap .deck_top_cont {width:1600px;margin:0 auto;background:#ffffff;border-top-left-radius:10.0rem;border-top-right-radius:10.0rem;margin-top:-9.0rem;border-bottom:1px solid #ddd;padding-bottom:5.0rem;margin-bottom:7.0rem;}


.deck .deck_wrap .deck_top_cont p{text-align: center;line-height: 1.5;font-size: 2.8rem;}
.deck .deck_wrap .deck_top_txt{text-align: center;line-height: 1.5;font-size:3.6rem;padding: 9.0rem 0 3.0rem 0;position:relative}
.deck .deck_wrap .deck_top_txt:after{content:"";width:145px;height:4px;background:#a10000;display:block;margin:30px auto 0 auto}


.deck .cont .cont_wrap{display:flex;margin-bottom:10.0rem;}
.deck .cont .cont_wrap .left{width:20%;font-size:3.0rem;font-weight:bold;}
.deck .cont .cont_wrap .right{width:80%}
.deck .cont .cont_wrap .right .Innovative_product_sec01{/* background:#f7f7f7; padding:6.0rem 7.0rem;*/border-radius:5.0rem;margin:10.0rem 0;}
.deck .cont .cont_wrap .right .Innovative_product_sec01 .sec01_box{display:flex;flex-wrap:wrap;justify-content: space-between;}
.deck .cont .cont_wrap .right .Innovative_product_sec01 .sec01_box .box{display:flex;align-items:center;width:48%;margin-bottom:5.0rem;background:#f7f7f7;padding:3.0rem;border-radius:3.0rem;}
.deck .cont .cont_wrap .right .Innovative_product_sec01 .sec01_box .box .ico{background:#263973;width:120px;aspect-ratio: 1;border-radius:2.0rem;text-align:center;padding:29px 0;}
.deck .cont .cont_wrap .right .Innovative_product_sec01 .sec01_box .box .txtbox{width: calc(100% - 120px);padding:0 0 0 3.0rem;}
.deck .cont .cont_wrap .right .Innovative_product_sec01 .sec01_box .box .txtbox .txt01{font-size:2.5rem;font-weight:700;margin-bottom:1.0rem;}
.deck .cont .cont_wrap .right .Innovative_product_sec01 .sec01_box .box .txtbox .txt02{font-size:1.8rem;line-height:1.35}

.deck .cont .cont_wrap .right .in_tech_bg{display:flex;justify-content: space-between;align-items: center;}
.deck .cont .cont_wrap .right .in_tech_bg .in_tech_sub01{display:flex;background:#f7f7f7;width:60%;justify-content: space-around;padding:3.0rem;border-radius:3.0rem}
.deck .cont .cont_wrap .right .in_tech_bg .in_tech_sub01 .txtbox{width:30%;text-align:center;background:#fff;border-radius:3.0rem;padding:3.0rem 0;}
.deck .cont .cont_wrap .right .in_tech_bg .in_tech_sub01 .txtbox .t_tit{font-size:2.2rem;color:#0063a1;font-weight:bold;margin-bottom:1.0rem;}
.deck .cont .cont_wrap .right .in_tech_bg .in_tech_sub01 .txtbox .t_tit.margin_0{margin:0}
.deck .cont .cont_wrap .right .in_tech_bg .in_tech_sub01 .txtbox p{line-height:1.5;font-size:1.7rem;}
.deck .cont .cont_wrap .right .in_tech_bg .in_tech_sub02{width:30%;background:#f7f7f7;padding:5.0rem 3.0rem;text-align:center;border-radius:3.0rem}
.deck .cont .cont_wrap .right .in_tech_bg .in_tech_sub02 .txtbox{}
.deck .cont .cont_wrap .right .in_tech_bg .in_tech_sub02 .txtbox .t_tit{font-size:2.8rem;color:#a10000;font-weight:bold;margin-bottom:1.0rem;}
.deck .cont .cont_wrap .right .in_tech_bg .in_tech_sub02 .txtbox p{line-height:1.5;font-size:1.9rem;}

.deck .cont .cont_wrap .right .Innovative_product{display:flex;align-items: center;}
.deck .cont .cont_wrap .right .Innovative_product .Innovative_product_txt{font-size:1.9rem;line-height:1.5}
.deck .cont .cont_wrap .right .Innovative_product .Innovative_product_img{margin-left:15.0rem;}
.deck .cont .cont_wrap .right .Innovative_product_img01{background:url(../../pages/images/Innovative_product_img02.jpg);width:100%;height:800px;border-radius:3.0rem;background-size:cover}
.deck .cont .cont_wrap .right .Innovative_product_img01 h1{font-size:2.4rem;line-height:1.5;padding:8.0rem 0 0 8.0rem;color:#fff}

.deck .cont .cont_wrap .right .in_tech_bot{}
.deck .cont .cont_wrap .right .in_tech_bot .bot_cont01{display:flex;align-items:center;justify-content: space-between;}
.deck .cont .cont_wrap .right .in_tech_bot .bot_cont01 .img{width:45%;padding-right:3.0rem;}
.deck .cont .cont_wrap .right .in_tech_bot .bot_cont01 .tech_table{width:55%;}
.deck .cont .cont_wrap .right .in_tech_bot .bot_cont01 .tech_table .table_txt{font-size:1.8rem;margin-bottom:0.5rem;}

.deck .cont .cont_wrap .right .in_tech_bot .txtbox {margin-top:5.0rem;}
.deck .cont .cont_wrap .right .in_tech_bot .txtbox li{font-size:2.1rem;margin-bottom:1.0rem;}
.deck .cont .cont_wrap .right .in_tech_bot .txtbox li.font_b_r{font-weight:bold;color:#b70000}
.deck .cont .cont_wrap .right .in_tech_bot .txtbox li:before{content:"";display:inline-block;vertical-align:middle;width:4px;height:4px;background:#000;border-radius:50%;margin-right:1.0rem;}

.deck .cont .cont_wrap .right .in_tech_bot .deck_non{margin-top:10.0rem;}
.deck .cont .cont_wrap .right .in_tech_bot .deck_non .deck_non_tit{font-size:2.8rem;font-weight:600;margin-bottom:3.0rem;}
.deck .cont .cont_wrap .right .in_tech_bot .deck_non .deck_non_tit span{color:#9f2f34}
.deck .cont .cont_wrap .right .in_tech_bot .deck_non .bar_deck_fl{align-items: flex-start !important;}
.deck .cont .cont_wrap .right .in_tech_bot .deck_non .deck_non_box{display:flex;align-items:center;justify-content:space-between}
.deck .cont .cont_wrap .right .in_tech_bot .deck_non .deck_non_box .al_non_txt{text-align:center;font-size:2.1rem;margin-top:1.5rem;}
.deck .cont .cont_wrap .right .in_tech_bot .deck_non .deck_non_box .bar_assem_img .bar_assem_txt{font-size:2.1rem;text-align:center;padding-top:1.0rem;}
.deck .cont .cont_wrap .right .in_tech_bot .deck_non .deck_non_box .bar_assem_img {width:30%;}

.deck .cont .cont_wrap .right .Innovative_product_img02{background:url(../../pages/images/Innovative_product_img01.jpg);width:100%;height:800px;border-radius:3.0rem;background-size:cover}
.deck .cont .cont_wrap .right .Innovative_product_img02 h1{font-size:2.4rem;line-height:1.5;padding:8.0rem 0 0 8.0rem;}
.deck .cont .cont_wrap .right .Innovative_product_img02 h1.color_fff{color:#ffffff}
.deck .cont .cont_wrap .right{}
.deck .cont .cont_wrap .right .easy_fea{display:flex;flex-wrap:wrap;margin:5.0rem 0;}
.deck .cont .cont_wrap .right .easy_fea .easy_fea_img{width:50%;margin-bottom:5.0rem;}
.deck .cont .cont_wrap .right .easy_fea .easy_fea_img .img{text-align:center}
.deck .cont .cont_wrap .right .easy_fea .easy_fea_img .txt{text-align:center;font-size:1.9rem;margin-top:2.0rem;}

.deck .alucodp_list{display:flex;flex-wrap: wrap;justify-content: center;}
.deck .alucodp_list .list_sub{width: 25%;}
.deck .alucodp_list .list_sub .img{text-align:center}
.deck .alucodp_list .list_sub .txt{text-align:center;font-size:2.1rem;font-weight:500;margin-top:1.5rem;display:flex;align-items:center;    justify-content: center;}
.deck .alucodp_list .list_sub .txt span{margin-right:1.5rem;}

.deck .alucodp_bg { background: url(../../pages/images/alucodp_product_bg01.jpg);width: 100%; height: 800px;border-radius: 3.0rem; background-size: cover;}
.deck .alucodp_bg h1 { font-size: 2.4rem;line-height: 1.5;padding: 8.0rem 0 0 8.0rem;}
.deck .alucodp_bg h1.color_fff { color: #ffffff}


.deck .alucodcp_bg { background: url(../../pages/images/alucodcp_product_bg01.jpg);width: 100%; height: 800px;border-radius: 3.0rem; background-size: cover;}
.deck .alucodcp_bg h1 { font-size: 2.4rem;line-height: 1.5;padding: 8.0rem 0 0 8.0rem;}
.deck .alucodcp_bg h1.color_fff { color: #ffffff}


.deck_example{display:flex;flex-wrap:wrap;    justify-content: space-between;}
.deck_example .deck_example_img{width:49%;margin-bottom:3.0rem;}
.deck_example .deck_example_img img{width:100%;}



.deck .cont .cont_wrap .right .dnp_deck_img01{background:url(../../pages/images/dnp_deck_product_img01.jpg);width:100%;height:800px;border-radius:3.0rem;background-size:cover}
.deck .cont .cont_wrap .right .dnp_deck_img01 h1{font-size:2.4rem;line-height:1.5;padding:8.0rem 0 0 8.0rem;}
.deck .cont .cont_wrap .right .dnp_deck_img01 h1.color_fff{color:#ffffff}

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

.deck .deck_wrap .deck_top_cont{width:100%;}
}

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


}

@media screen and (max-width: 1200px){
.deck .deck_wrap .deck_top_cont p{font-size:2.1rem;}

.deck .cont .cont_wrap .left{width:100%;margin-bottom:3.0rem;}
.deck .cont .cont_wrap .left br{display:none}

.deck .deck_wrap .deck_top_cont p{width:100%;}
.deck .cont .cont_wrap{flex-wrap:wrap;}
.deck .cont .cont_wrap .right .in_tech_bg .in_tech_sub01{flex-wrap:wrap;width:50%;}
.deck .cont .cont_wrap .right .in_tech_bg .in_tech_sub02{width:41%}
.deck .cont .cont_wrap .right .in_tech_bg .in_tech_sub01 .txtbox{width:100%;margin:1.0rem 0 }
.deck .cont .cont_wrap .right{width:100%;}


}

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

.deck .cont .cont_wrap .right .Innovative_product{flex-wrap:wrap;}
.deck .cont .cont_wrap .right .Innovative_product .Innovative_product_txt{width:100%;}
.deck .cont .cont_wrap .right .Innovative_product .Innovative_product_img{margin-left:0;margin-top:3.0rem;margin-bottom:3.0rem;width:100%;text-align:center}
.deck .cont .cont_wrap .right .Innovative_product_sec01 .sec01_box .box{width:100%;}

}

@media screen and (max-width: 768px){
.deck .cont .cont_wrap .right .in_tech_bot .bot_cont01{flex-wrap:wrap}
.deck .cont .cont_wrap .right .in_tech_bot .bot_cont01 .img{width:100%;padding-right:0;text-align:center}
.deck .cont .cont_wrap .right .in_tech_bot .bot_cont01 .tech_table{width:100%;}

.deck .cont .cont_wrap .right .in_tech_bot .deck_non .deck_non_box{flex-wrap:wrap;}
.deck .cont .cont_wrap .right .in_tech_bot .deck_non .deck_non_box .ri_img{width:100%;text-align:center}
.deck .cont .cont_wrap .right .in_tech_bot .deck_non .deck_non_box .ri_img > div{margin:3.0rem 0;}

.deck .cont .cont_wrap .right .in_tech_bg{flex-wrap:wrap;}
.deck .cont .cont_wrap .right .in_tech_bg .in_tech_sub01{width:100%;}
.deck .cont .cont_wrap .right .in_tech_bg .in_tech_sub02{width:100%;}

.deck .cont .cont_wrap .right .in_tech_bg > div{text-align:center;width:100%;margin:1.0rem 0;}
.deck .cont .cont_wrap .right .in_tech_bg > div > img{transform: rotate(90deg);}
.deck .cont .cont_wrap .right .in_tech_bg .in_tech_sub01 .txtbox .t_tit{font-size:2.1rem;}
.deck .cont .cont_wrap .right .in_tech_bg .in_tech_sub02{padding:5.0rem 1.0rem;}
.deck .cont .cont_wrap .right .in_tech_bg .in_tech_sub02 .txtbox .t_tit{font-size:2.1rem;}

.deck .cont .cont_wrap .right .easy_fea .easy_fea_img{width:100%;}
.deck .cont .cont_wrap .right .Innovative_product_img01 h1{padding: 8.0rem 2.0rem;}

.deck .alucodp_list .list_sub{width:100%;text-align:center;margin-bottom:3.0rem;}

.deck .alucodp_bg h1{padding:8.0rem 2.0rem;}

.deck .alucodp_bg{height:500px;}
}


/*벤처나라*/
.purchase .purchase_wrap{}
.purchase .purchase_wrap .purchase_top_bg{background:url(../../pages/images/purchase_top_bg.jpg);width:100%;height:430px;padding-top:11.0rem;}
.purchase .purchase_wrap .purchase_top_bg02{background:url(../../pages/images/i_ma_top_bg.jpg);width:100%;height:430px;padding-top:11.0rem;}
.purchase .purchase_wrap .purchase_top_bg03{background:url(../../pages/images/s_ma_top_bg.jpg);width:100%;height:430px;padding-top:11.0rem;}

.purchase .purchase_wrap .purchase_top_bg .bg_box{width:1400px;margin:0 auto;color:#ffffff}
.purchase .purchase_wrap .purchase_top_bg .bg_box h1{font-size:4.2rem;margin-bottom:2.0rem;line-height:1.5}
.purchase .purchase_wrap .purchase_top_bg .bg_box h1 span{color:#dacd00}
.purchase .purchase_wrap .purchase_top_bg .bg_box p{font-size:2.4rem;line-height:1.5}
.purchase .purchase_wrap .purchase_top_cont {width:1600px;margin:0 auto;background:#ffffff;border-top-left-radius:10.0rem;border-top-right-radius:10.0rem;margin-top:-9.0rem;padding-bottom:5.0rem;margin-bottom:7.0rem;}

.purchase .purchase_wrap .purchase_top_cont .cont_txt_box .r_txt_red a{background:#f32020;font-size:2.8rem;padding:4.0rem 12.0rem;border-radius:3.0rem;color:#fff}
.purchase .purchase_wrap .purchase_top_cont .cont_txt_box .p_step_cont{display:flex;justify-content: space-between;align-items: center;}
.purchase .purchase_wrap .purchase_top_cont .cont_txt_box .p_step{width:30%;text-align:center;border-radius:2.0rem;overflow: hidden;}
.purchase .purchase_wrap .purchase_top_cont .cont_txt_box .p_step .step_txt01{background:#f32020;font-size:2.2rem;padding:2.0rem 0;color:#fff}
.purchase .purchase_wrap .purchase_top_cont .cont_txt_box .p_step .step_txt02{background:#f7f7f7;font-size:2.2rem;padding:2.0rem 0;}

.purchase .purchase_wrap .purchase_top_cont .cont_01 .cont_01_txt{font-size:2.1rem;font-weight:bold;padding-bottom:3.0rem;}
.purchase .purchase_wrap .purchase_top_cont .cont_01 .cont_01_list{display:flex;justify-content: space-between;background:#f7f7f7;padding:2.0rem 3.0rem 3.0rem 3.0rem;    align-items: end;border-radius:30px;}
.purchase .purchase_wrap .purchase_top_cont .cont_01 .cont_01_list .p_list{width:12%}
.purchase .purchase_wrap .purchase_top_cont .cont_01 .cont_01_list .p_list .icon{text-align:center}
.purchase .purchase_wrap .purchase_top_cont .cont_01 .cont_01_list .p_list .i_txt{font-size:1.8rem;text-align:center;padding-top:2.0rem;}
.purchase .purchase_wrap .purchase_top_cont .cont_01 .cont_01_list .p_list .num{font-size:1.8rem;font-weight:bold;}

.purchase .purchase_wrap .purchase_top_cont .cont_txt_box {margin-top:10.0rem;}
.purchase .purchase_wrap .purchase_top_cont .cont_txt_box .r_txt{font-size:3.2rem;color:#d40032;padding-bottom:1.5rem;}
.purchase .purchase_wrap .purchase_top_cont .cont_txt_box .r_txt span{background:#263973;color:#ffffff;padding:1.0rem 5.0rem;border-radius:1.0rem;}
.purchase .purchase_wrap .purchase_top_cont .cont_txt_box .cont_r_txt{font-size:2.1rem;}
.purchase .purchase_wrap .purchase_top_cont .cont_txt_box .cont_r_txt li{position:relative;padding-left:1.5rem;margin-bottom:1.0rem;line-height:1.5}
.purchase .purchase_wrap .purchase_top_cont .cont_txt_box .cont_r_txt li:before{content: ""; display: block;position:absolute;top:13px;left:0;width: 4px;height: 4px; background: #000; border-radius: 50%;}

.purchase .purchase_wrap .purchase_top_cont .pur_top_box{width:70%}
.purchase .purchase_wrap .purchase_top_cont .pur_top_box .pur_top_tit{ line-height: 1.5; font-weight:bold;font-size: 3.6rem;color:#0063a1;padding-bottom:3.0rem;}
.purchase .purchase_wrap .purchase_top_cont .pur_top_box .pur_top_txt{ line-height: 1.5;font-size: 2.1rem;}
.purchase .purchase_wrap .purchase_top_cont .top_box{padding: 9.0rem 0 6.0rem 0;display:flex;}
.purchase .purchase_wrap .purchase_top_cont .top_box .qr_box{}
.purchase .purchase_wrap .purchase_top_cont .top_box .qr_box .qr_img{text-align:center}
.purchase .purchase_wrap .purchase_top_cont .top_box .qr_box .qr_txt{font-size:2.1rem;color:#0063a1;text-align:center;font-weight:700}

.purchase .purchase_wrap .purchase_top_cont .cont_txt_box .cont_i_txt {display:flex;}
.purchase .purchase_wrap .purchase_top_cont .cont_txt_box .cont_i_txt .i_txt01{font-size:1.9rem;line-height:1.5;color:#d40032;margin-right:2.0rem;}
.purchase .purchase_wrap .purchase_top_cont .cont_txt_box .cont_i_txt .i_txt02{font-size:1.9rem;line-height:1.5}


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

.purchase .purchase_wrap .purchase_top_cont{width:100%;}

}

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


}

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


}

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

.purchase .purchase_wrap .purchase_top_cont .top_box{justify-content: space-between;}
.purchase .purchase_wrap .purchase_top_cont .cont_txt_box .cont_r_txt li:before{top:11px;}
.purchase .purchase_wrap .purchase_top_cont .cont_01 .cont_01_list{flex-wrap:wrap;}
.purchase .purchase_wrap .purchase_top_cont .cont_01 .cont_01_list .p_list{width:31%;margin-bottom:1.0rem;}
}

@media screen and (max-width: 768px){
.purchase .purchase_wrap .purchase_top_cont .cont_01 .cont_01_list .p_list{width:49%}
.purchase .purchase_wrap .purchase_top_cont .top_box{flex-wrap:wrap;}
.purchase .purchase_wrap .purchase_top_cont .pur_top_box{width:100%;}
.purchase .purchase_wrap .purchase_top_cont .top_box .qr_box{width:100%;text-align:center;margin:5.0rem 0;}
.purchase .purchase_wrap .purchase_top_cont .cont_txt_box .p_step_cont{flex-wrap:wrap;}
.purchase .purchase_wrap .purchase_top_cont .cont_txt_box .p_step{width:100%;}

.purchase .purchase_wrap .purchase_top_cont .cont_txt_box .p_step_cont > div{width:100%;text-align:center}
.purchase .purchase_wrap .purchase_top_cont .cont_txt_box .p_step_cont > div img{transform: rotate(90deg);}


.purchase .purchase_wrap .purchase_top_cont .cont_txt_box .r_txt_red a{width: 100%;display: block;text-align:center}
}




/*제품구매안내*/
.product  .product_wrap_inno{width:auto}
.product  .product_wrap_inno .product_sub .txtbox:after{content:"Direct Purchase Link";display:block;background: #fff;border:1px solid #ddd;width: 150px;text-align: center;padding: 7px 0;position: absolute;right: 30px;bottom: 30px;font-size:1.4rem;transition:.2s}
.product  .product_wrap_inno .product_sub a:hover .txtbox:after{content:"Direct Purchase Link";display:block;color:#fff;background: #5a181d;border:1px solid #ddd;width: 150px;text-align: center;padding: 7px 0;position: absolute;right: 30px;bottom: 30px;font-size:1.4rem;}




.aluminum_pro .aluminum_pro_wrap .top_left{width:50%;padding-right:10.0rem;}
.aluminum_pro .aluminum_pro_wrap .top_left img{border:1px solid #ebebeb;border-radius:3.0rem;}
.aluminum_pro .aluminum_pro_wrap .top_left .flat_bg{background:url(../../pages/images/aluminum_flatbed_bg.jpg) no-repeat;width:100%;height:560px;padding:5.0rem;border-radius:3.0rem;font-weight:bold;font-size:2.4rem;line-height:1.5;color:#fff}
.aluminum_pro .aluminum_pro_wrap .top_left .flat_bg01{background:url(../../pages/images/aluminum_roof_bg.jpg) no-repeat;width:100%;height:560px;padding:5.0rem;border-radius:3.0rem;font-weight:bold;font-size:2.4rem;line-height:1.5;color:#fff}


.aluminum_pro{}
.aluminum_pro .aluminum_pro_wrap {display:flex;margin-bottom:12.0rem;}
.aluminum_pro .aluminum_pro_wrap .top_right {width:50%;margin-top:5.0rem;}
.aluminum_pro .aluminum_pro_wrap .top_right .al_pro_right{}
.aluminum_pro .aluminum_pro_wrap .top_right .al_pro_right .al_tit{font-size:3.0rem;font-weight:600;}
.aluminum_pro .aluminum_pro_wrap .top_right .al_pro_right .al_txt{font-size:2.8rem;font-weight:bold;color:#263973;padding:1.5rem 0 2.0rem 0;}
.aluminum_pro .aluminum_pro_wrap .top_right .al_pro_right .al_list_txt{font-size:2.1rem}
.aluminum_pro .aluminum_pro_wrap .top_right .al_pro_right .al_list_txt li{position:relative;margin-bottom:1.5rem;padding-left:1.0rem;line-height:1.5}
.aluminum_pro .aluminum_pro_wrap .top_right .al_pro_right .al_list_txt li:before{content:"";display:block;width:4px;height:4px;border-radius:50%;position:absolute;left:0;top:13px;background:#000}

.aluminum_pro .aluminum_pro_wrap .top_right .al_pro_right .inquiry_btn{width:50%;margin-top:5.0rem;}
.aluminum_pro .aluminum_pro_wrap .top_right .al_pro_right .inquiry_btn a{display:block;border:1px solid #ddd;text-align:center;padding:2.0rem 0;font-size:1.8rem;font-weight:bold;transition:.3s}
.aluminum_pro .aluminum_pro_wrap .top_right .al_pro_right .inquiry_btn a:hover{background:#263973; color:#fff}


.aluminum_pro .aluminum_pro_wrap .left{width: 20%;font-size:2.6rem;font-weight: bold;}
.aluminum_pro .aluminum_pro_wrap .right{width:80%}

.aluminum_pro .aluminum_pro_wrap .right .al_pro_img{display:flex;flex-wrap:wrap;justify-content: space-between;}
.aluminum_pro .aluminum_pro_wrap .right .al_pro_img .img_box{width:32%;border:1px solid #ddd;margin-bottom:2.5rem}

.aluminum_pro .aluminum_pro_wrap .right .al_pro_right{}
.aluminum_pro .aluminum_pro_wrap .right .al_pro_right .al_list_txt{font-size:2.1rem}
.aluminum_pro .aluminum_pro_wrap .right .al_pro_right .al_list_txt li{position:relative;margin-bottom:0.5rem;padding-left:1.0rem;line-height:1.5}
.aluminum_pro .aluminum_pro_wrap .right .al_pro_right .al_list_txt li:before{content:"";display:block;width:4px;height:4px;border-radius:50%;position:absolute;left:0;top:13px;background:#000}


@media screen and (max-width: 1600px){
.aluminum_pro .aluminum_pro_wrap .top_right{margin-top:0}

}

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


}

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

.aluminum_pro .aluminum_pro_wrap{flex-wrap:wrap;}


}

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

.aluminum_pro .aluminum_pro_wrap .top_left{width:100%;padding-right:0}
.aluminum_pro .aluminum_pro_wrap .top_left .flat_bg{background-size:cover;padding:5.0rem 2.0rem;}

.aluminum_pro .aluminum_pro_wrap .top_right{width:100%;}
.aluminum_pro .aluminum_pro_wrap .top_right .al_pro_right{margin-top:5.0rem;}
.aluminum_pro .aluminum_pro_wrap .top_right .al_pro_right .al_list_txt{margin-bottom:5.0rem;}
.aluminum_pro .aluminum_pro_wrap .top_right .al_pro_right .inquiry_btn{margin:0 auto}


.aluminum_pro .aluminum_pro_wrap .left{width:100%;margin-bottom:3.0rem;}
.aluminum_pro .aluminum_pro_wrap .left br{display:none}
.aluminum_pro .aluminum_pro_wrap .right{width:100%;}


}

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

.aluminum_pro .aluminum_pro_wrap .right .al_pro_img .img_box{width:48%}
}


/*시스템 제품*/
.product .product_wrap02 {background: #f8f9fb;}
.product .product_wrap01 .product_cont{width:1400px;margin:0 auto;padding:80px 0;}
.product .product_wrap01 .product_cont .productImg{}
.product .product_wrap01 .product_cont .productImg:after{content:"";display:block;clear:both}
.product .product_wrap01 .product_cont .productImg .txtbox02{float:left;width:50%}
.product .product_wrap01 .product_cont .productImg .txtbox03{float:left;width:50%;padding:70px 0 0 90px}
.product .product_wrap01 .product_cont .productImg .txtbox03 .txt01{font-size:3.2rem;color:#5a1819;font-weight:bold}
.product .product_wrap01 .product_cont .productImg .txtbox03 .txt02{font-size:2.1rem;color:#333333;line-height:1.5;padding:30px 0 22px 0;}
.product .product_wrap01 .product_cont .productImg .txtbox03 ul li{position:relative;padding-left:1.5rem;}
.product .product_wrap01 .product_cont .productImg .txtbox03 ul li:after{content:"";display:block;position:absolute;top:15px;left:0;width:6px;height:2px;background:#000}
.product .product_wrap01 .product_cont .productImg .txtbox03 .txt03{font-size:1.8rem;color:#666666;line-height:1.5;padding:30px 0 22px 0;}

.product .product_wrap02{}
.product .product_wrap02 .product_cont{width:1400px;margin:0 auto;padding:80px 0;}
.product .product_wrap02 .product_cont .productImg{}
.product .product_wrap02 .product_cont .productImg:after{content:"";display:block;clear:both}
.product .product_wrap02 .product_cont .productImg .txtbox01{float:right;writing-mode:vertical-lr;font-family:'Syncopate-Bold';padding-left:15px;color:#aaaaaa}
.product .product_wrap02 .product_cont .productImg .txtbox02{float:right;width:45.8%}
.product .product_wrap02 .product_cont .productImg .txtbox03{float:right;width:50%;padding:70px 90px 0 0; }
.product .product_wrap02 .product_cont .productImg .txtbox03 .txt01{font-size:3.2rem;color:#5a1819;font-weight:bold}
.product .product_wrap02 .product_cont .productImg .txtbox03 .txt02{font-size:2.1rem;color:#333333;line-height:1.5;padding:30px 0 22px 0;}
.product .product_wrap02 .product_cont .productImg .txtbox03 ul li{position:relative;padding-left:1.5rem;}
.product .product_wrap02 .product_cont .productImg .txtbox03 ul li:after{content:"";display:block;position:absolute;top:15px;left:0;width:6px;height:2px;background:#000}
.product .product_wrap02 .product_cont .productImg .txtbox03 .txt03{font-size:1.8rem;color:#666666;line-height:1.5;padding:30px 0 22px 0;}

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



}

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

.product .product_wrap01 .product_cont{width:100%;}
.product .product_wrap02 .product_cont{width:100%;}


}

@media screen and (max-width: 1200px){
.product .product_wrap01 .product_cont .productImg .txtbox02{float:none;width:100%;}
.product .product_wrap01 .product_cont .productImg .txtbox02 img{width:100%;}
.product .product_wrap01 .product_cont .productImg .txtbox03{float:none;width:100%;padding:20px 0 0 10px}


.product .product_wrap02 .product_cont .productImg .txtbox02{float:none;width:100%;}
.product .product_wrap02 .product_cont .productImg .txtbox02 img{width:100%;}
.product .product_wrap02 .product_cont .productImg .txtbox03{float:none;width:100%;padding:20px 0 0 10px;}

}

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


}

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


}