@charset "utf-8";


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

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

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

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

}


/*ȸ»ç°³¿ä*/
.company{}
.company .companybg{width:1600px;margin:0 auto;background: url(../img/company_bg.jpg) no-repeat;height:440px;margin-top:-30px}
.company .title{width:1400px;margin:0 auto;font-size:4.0rem;font-weight:bold}
.company .company_cont{width:1400px;margin:0 auto;padding:100px 0 50px 0;}
.company .company_cont:after{content:"";display:block;clear:both}
.company .company_cont .left{float:left;width:400px;}
.company .company_cont .left .left_tit{font-family:'Syncopate-Bold';font-size:2.4rem}
.company .company_cont .right{float:left;width:calc(100% - 400px)}
.company .company_cont .right table{border-top:2px solid #333333}
.company .company_cont .right table th{border-right:1px solid #ddd;border-right:1px solid #ddd;border-bottom:1px solid #ddd;padding:30px 0;width:20%}
.company .company_cont .right table td{border-bottom:1px solid #ddd;padding-left:50px;color:#666666;width:80%}

@media screen and (max-width: 1600px){
.company .companybg{width:100%;background-position:center}
.company .title{width:100%;}
.company .company_cont{width:100%;}
}

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

}

@media screen and (max-width: 1024px){
.company{margin-top:70px;padding:5px;}
.company .company_cont .left{width:100%;margin-bottom:30px;}
.company .company_cont .right{width:100%}

}

@media screen and (max-width: 768px){
.company .title{font-size:2.6rem}
.company .companybg{height:300px;margin-top:0px}
}


/*Àλ縻*/
.message{}
.message .messagebg{width:1600px;margin:0 auto;background: url(../img/message_bg.jpg) no-repeat;height:440px;margin-top:-30px}
.message .title{width:1400px;margin:0 auto;font-size:4.0rem;font-weight:bold}

.message .message_cont{width:1400px;margin:0 auto;padding:100px 0 50px 0;}
.message .message_cont:after{content:"";display:block;clear:both}
.message .message_cont .left{float:left;width:400px;}
.message .message_cont .left .left_tit{font-family:'Syncopate-Bold';font-size:2.4rem}
.message .message_cont .right{float:left;width:calc(100% - 400px)}
.message .message_cont .right .txtbox:after{content:"";display:block;clear:both}
.message .message_cont .right .txtbox .txt01{float:left;width:50%;padding-right:40px;line-height:30px;border-bottom:1px solid #ddd}
.message .message_cont .right .txtbox .txt01 p{margin-bottom:50px;color:#666666}
.message .message_cont .right .txtbox .txt02{float:left;width:50%;padding-left:40px;line-height:30px;border-bottom:1px solid #ddd}
.message .message_cont .right .txtbox .txt02 p{margin-bottom:50px;color:#666666}
.message .message_cont .right .ceo_name{text-align:right;padding:50px 0;}
.message .message_cont .right .ceo_name span{padding-left:15px;}


@media screen and (max-width: 1600px){
.message .messagebg{width:100%;background-position:center}
.message .title{width:100%;}
.message .message_cont{width:100%;}
}

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

}

@media screen and (max-width: 1024px){
.message{margin-top:70px;padding:5px;}
.message .message_cont .left{width:100%;margin-bottom:30px;}
.message .message_cont .right{width:100%}

}

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


.message .message_cont .right .txtbox .txt01{width:100%;padding-right:0;border-bottom:1px solid #fff}
.message .message_cont .right .txtbox .txt02{width:100%;padding-left:0;}

.message .title{font-size:2.6rem}
.message .messagebg{height:300px;margin-top:0px}
}



/*°¡Ä¡¿î¿µ*/
.value{}
.value .valuebg{width:1600px;margin:0 auto;background: url(../img/value_bg.jpg) no-repeat;height:440px;position:relative}
.value .valuebg .value_txt{width:100%;font-family:'Syncopate-Bold';font-size:12.0rem;text-align:center;color: transparent; -webkit-text-stroke: 1px #fff;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
.value .title{width:1400px;margin:0 auto;font-size:4.0rem;font-weight:bold}

.value .value_box{}
.value .value_box .value_cont{position:relative;width:1020px;margin:0 auto;height:700px;padding-top:100px;}
.value .value_box .value_cont:after{content:"";display:block;clear:both}
.value .value_box .value_cont .box01{float:left;text-align:center}
.value .value_box .value_cont .box01 .bg{position:absolute;}
.value .value_box .value_cont .box01 .bg01{left:5%}
.value .value_box .value_cont .box01 .bg02{left:50%;transform:translatex(-50%)}
.value .value_box .value_cont .box01 .bg03{right:5%}
.value .value_box .value_cont .box01 .bg .sub{width:340px;height:340px;border-radius:50%;position:relative}
.value .value_box .value_cont .box01 .bg .sub .tit{font-family:'Syncopate-Bold';font-size:2.4rem;color:#fff;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
.value .value_box .value_cont .box01 .bg .sub01{background:rgba(0,179,186,.7);}
.value .value_box .value_cont .box01 .bg .sub02{background:rgba(0,86,185,.7)}
.value .value_box .value_cont .box01 .bg .sub03{background:rgba(6,0,184,.7)}
.value .value_box .value_cont .box01 .bg .txt01{font-size:2.4rem;font-weight:bold;padding:20px 0 5px 0;}
.value .value_box .value_cont .box01 .bg .txt02{font-size:1.6rem;color:#666666}

.value .value_cont{width:1400px;margin:0 auto;padding:100px 0;border-bottom:1px solid #ddd}
.value .value_cont:after{content:"";display:block;clear:both}
.value .value_cont .left{float:left;width:400px;}
.value .value_cont .left .left_tit{font-size:3.2rem;font-weight:bold}
.value .value_cont .right{float:left;width:calc(100% - 400px);height:340px;position:relative}

.value_cont .right .behavior{}
.value_cont .right .behavior:after{content:"";display:block;}
.value_cont .right .behavior .behavior_box{float:left;width:340px;height:340px;border:1px solid #1262be;border-radius:50%;position:absolute;top:0;}
.value_cont .right .behavior .behavior_box01{left:0;position:relative}
.value_cont .right .behavior .behavior_box02{left:30%}
.value_cont .right .behavior .behavior_box03{left:60%}
.value_cont .right .behavior .behavior_box .sub{text-align:center;color:#666666;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
.value_cont .right .behavior .behavior_box .sub .img01{padding-bottom:20px}

.value_cont .right .intermediate_goal{}
.value_cont .right .intermediate_goal:after{content:"";display:block;}
.value_cont .right .intermediate_goal .intermediate_goal_box{float:left;width:340px;height:340px;border:1px solid #b86300;border-radius:50%;position:absolute;top:0;}
.value_cont .right .intermediate_goal .intermediate_goal_box01{left:0;position:relative}
.value_cont .right .intermediate_goal .intermediate_goal_box02{left:30%}
.value_cont .right .intermediate_goal .intermediate_goal_box03{left:60%}
.value_cont .right .intermediate_goal .intermediate_goal_box .sub{text-align:center;color:#666666;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
.value_cont .right .intermediate_goal .intermediate_goal_box .sub .img01{padding-bottom:20px}


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

.value .title{width:100%;}

.value .value_cont{width:100%}
.value .valuebg{width:100%;}
}

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

.value .value_cont .left{width:25%}
}

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

.value .value_cont .left{width:100%}
.value .value_cont .right{width:100%}
.value .value_cont .left .left_tit{margin-bottom:30px;}

}

@media screen and (max-width: 1024px){
.value{margin-top:70px;padding:5px;}
.value .valuebg{background-position:center}
.value .value_box .value_cont{width:100%;}
.value .value_cont{width:100%}

.value .value_box .value_cont .box01 .bg .sub{}
.value .value_box .value_cont .box01 .bg01{left:0;}
.value .value_box .value_cont .box01 .bg03{right:0}


}

@media screen and (max-width: 768px){
.value .title{font-size:2.6rem;}
.value .valuebg .value_txt{font-size:8rem}
/* .value_cont .right .behavior .behavior_box{width:250px;height:250px}
.value_cont .right .intermediate_goal .intermediate_goal_box{width:250px;height:250px;} */
.value .value_box .value_cont{height:100%}

.value .value_box .value_cont .box01{float:none;margin-bottom:30px;}
.value .value_box .value_cont .box01 .bg{position:static}
.value .value_box .value_cont .box01 .bg02{transform:translatex(0%)}
.value .value_box .value_cont .box01 .bg .sub{margin:0 auto}

.value .value_cont .right{width:100%;height:auto}

.value_cont .right .behavior .behavior_box{position:relative;float:none;margin:0 auto}
.value_cont .right .behavior .behavior_box02{left:0}
.value_cont .right .behavior .behavior_box03{left:0}

.value_cont .right .intermediate_goal .intermediate_goal_box{position:relative;float:none;margin:0 auto}
.value_cont .right .intermediate_goal .intermediate_goal_box02{left:0}
.value_cont .right .intermediate_goal .intermediate_goal_box03{left:0}



}



/*Áñ°Å¿ò*/
.joy .title{width:1400px;margin:0 auto;font-size:4.0rem;font-weight:bold;padding-bottom:90px}
.joy .joy_wrap01{background:#f8f9fb}
.joy .joy_wrap01 .joy_cont{width:1400px;margin:0 auto;padding:80px 0;}
.joy .joy_wrap01 .joy_cont .joyImg{}
.joy .joy_wrap01 .joy_cont .joyImg:after{content:"";display:block;clear:both}
.joy .joy_wrap01 .joy_cont .joyImg .txtbox01{float:left;writing-mode:vertical-lr;font-family:'Syncopate-Bold';padding-right:15px;color:#aaaaaa}
.joy .joy_wrap01 .joy_cont .joyImg .txtbox02{float:left;width:45.8%}
.joy .joy_wrap01 .joy_cont .joyImg .txtbox03{float:left;width:50%;padding:70px 0 0 120px}
.joy .joy_wrap01 .joy_cont .joyImg .txtbox03 .txt01{font-size:3.2rem;color:#0056b9;font-weight:bold}
.joy .joy_wrap01 .joy_cont .joyImg .txtbox03 .txt02{font-size:1.8rem;color:#333333;font-weight:bold;padding:30px 0 22px 0;}
.joy .joy_wrap01 .joy_cont .joyImg .txtbox03 .txt03{font-size:1.6rem;color:#666666;line-height:32px}

.joy .joy_wrap02{}
.joy .joy_wrap02 .joy_cont{width:1400px;margin:0 auto;padding:80px 0;}
.joy .joy_wrap02 .joy_cont .joyImg{}
.joy .joy_wrap02 .joy_cont .joyImg:after{content:"";display:block;clear:both}
.joy .joy_wrap02 .joy_cont .joyImg .txtbox01{float:right;writing-mode:vertical-lr;font-family:'Syncopate-Bold';padding-left:15px;color:#aaaaaa}
.joy .joy_wrap02 .joy_cont .joyImg .txtbox02{float:right;width:45.8%}
.joy .joy_wrap02 .joy_cont .joyImg .txtbox03{float:right;width:50%;padding:70px 120px 0 0; }
.joy .joy_wrap02 .joy_cont .joyImg .txtbox03 .txt01{font-size:3.2rem;color:#0056b9;font-weight:bold}
.joy .joy_wrap02 .joy_cont .joyImg .txtbox03 .txt02{font-size:1.8rem;color:#333333;font-weight:bold;padding:30px 0 22px 0;}
.joy .joy_wrap02 .joy_cont .joyImg .txtbox03 .txt03{font-size:1.6rem;color:#666666;line-height:32px}


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


}

@media screen and (max-width: 1400px){
.joy .title{width:100%}
.joy .joy_wrap01 .joy_cont .joyImg .txtbox02 img{width:100%}
.joy .joy_wrap02 .joy_cont .joyImg .txtbox02 img{width:100%}
.joy .joy_wrap01 .joy_cont{width:100%}
.joy .joy_wrap01 .joy_cont .joyImg .txtbox03{padding:0 0 0 120px;}
.joy .joy_wrap02 .joy_cont{width:100%}
.joy .joy_wrap02 .joy_cont .joyImg .txtbox03{padding:0 120px 0 0px}
}

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


}


@media screen and (max-width: 1024px){
.joy{margin-top:70px;padding:5px;}
.joy .joy_wrap01 .joy_cont .joyImg .txtbox01{float:none;writing-mode:rl;}
.joy .joy_wrap01 .joy_cont .joyImg .txtbox02{width:100%}
.joy .joy_wrap01 .joy_cont .joyImg .txtbox03{width:100%;padding:30px 70px;}

.joy .joy_wrap02 .joy_cont .joyImg .txtbox01{float:none;writing-mode:rl;}
.joy .joy_wrap02 .joy_cont .joyImg .txtbox02{float:none;width:100%}
.joy .joy_wrap02 .joy_cont .joyImg .txtbox03{width:100%;padding:30px 70px;}


}

@media screen and (max-width: 768px){
.joy .title{font-size:2.6rem}


}



/*Á¶Á÷µµ*/
.organization .organizationbg{width:1600px;margin:0 auto;background: url(../img/organization_bg.jpg) no-repeat;height:440px;margin-top:-30px}
.organization .title{width:1400px;margin:0 auto;font-size:4.0rem;font-weight:bold}

.organization{}
.organization .messagebg{width:1600px;margin:0 auto;background: url(../img/message_bg.jpg) no-repeat;height:440px;margin-top:-30px}
.organization .title{width:1400px;margin:0 auto;font-size:4.0rem;font-weight:bold}
.organization .organization_cont{width:1400px;margin:0 auto;padding:100px 0 50px 0;}
.organization .organization_cont:after{content:"";display:block;clear:both}
.organization .organization_cont  .organization_tit{font-family:'Syncopate-Bold';font-size:2.4rem}


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

.organization .organization_cont{width:100%}
.organization .organization_cont img{width:100%}
.organization .organizationbg{width:100%;background-position:center}
.organization .title{width:100%}
}

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


}


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

.organization{padding:5px;margin-top:70px;}

}

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



.organization .title{font-size:2.6rem}
.organization .organizationbg{height:300px;margin-top:0px}


}




/*ȸ»ç¿¬Çõ*/
.history{}
.history .historybg{width:1600px;margin:0 auto;background: url(../img/history_bg.jpg) no-repeat;height:440px;margin-top:-30px}
.history .title{width:1400px;margin:0 auto;font-size:4.0rem;font-weight:bold;}

.history .history_cont{width:1400px;margin:0 auto;padding:100px 0 50px 0;}
.history .history_cont:after{content:"";display:block;clear:both}
.history .history_cont .top_title{width:100%;font-family:'Syncopate-Bold';font-size:2.4rem;}

.history .history_cont .history_txt{padding-top:100px;}
.history .history_cont .history_txt:after{content:"";display:block;clear:both}
.history .history_cont .history_txt .year_left{float:left;width:400px;}
.history .history_cont .history_txt .year_left .year_left_txt{font-family:'Pretendard';font-weight:800;color:#aaaaaa;line-height:38px;}
.history .history_cont .history_txt .year_left .year_left_txt .txt01{color:#ff000e;position:relative}
.history .history_cont .history_txt .year_left .year_left_txt .txt01:after{content:"";display:inline-block;background: url(../img/year_arrow.png) no-repeat;width:14px;height:14px;margin:0 0 2px 10px}

.history .history_cont .history_txt .year_right{float:right;width:calc(100% - 400px);padding-bottom:100px;border-bottom:1px solid #dddddd}
.history .history_cont .history_txt .year_right:after{content:"";display:block;clear:both}
.history .history_cont .history_txt .year_right .sub_tit{float:left;width:150px;height:auto;font-family:'Pretendard';font-weight:800;line-height:38px;}
.history .history_cont .history_txt .year_right .sub_txt{float:left;width:calc(100% - 150px);}
.history .history_cont .history_txt .year_right .sub_txt .txt01{padding-bottom:15px;}

@media screen and (max-width: 1400px){
.history .title{width:100%}
.history .historybg{width:100%;background-position:center center}
.history .history_cont{width:100%}
}

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


}


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

.history{margin-top:70px;padding:5px;}

}

@media screen and (max-width: 768px){
.history .title{font-size:2.6rem}

.history .history_cont .history_txt .year_left{width:100%}
.history .history_cont .history_txt .year_right{width:100%}
.history .history_cont .history_txt .year_right .sub_txt{width:100%}
.history .history_cont .history_txt .year_left .year_left_txt{margin-bottom:50px;}


.history .historybg{height:300px;margin-top:0px}

}

/*ÀÎÁõ¼­*/
.certification {width:1400px;margin:0 auto;padding-bottom:50px;}
.certification .title{font-size:4.0rem;padding-bottom:80px;font-weight:bold}

.certification .cert:after {display:block;height:0;content:".";font-size:0;visibility:hidden;clear:both;}
.certification .cert .certImg {}
.certification .cert .certImg:after {display:block;height:0;content:".";font-size:0;visibility:hidden;clear:both;}
.certification .cert .certImg .sub {float: left; width:24%; margin-right:18px; margin-bottom: 30px;}
.certification .cert .certImg .sub:nth-child(4n) {margin-right:0;}
.certification .cert .certImg .sub .thumb {border:solid 1px #e5e5e5;background:#fafafa; text-align: center;padding:49px;}
.certification .cert .certImg .sub .thumb img {max-width:100%;box-shadow:1px 10px 25px rgb(0 0 0 / 20%)}
.certification .cert .certImg .sub .title {font-size:1.7rem; color:#333333; text-align:center;border-bottom:1px solid #ddd;padding:30px 0; }
.certification .cert .certImg .sub .title01 {padding:17px 0 18px 0;}


@media screen and (max-width: 1400px){
.certification{width:100%;}
.certification .cert .certImg .sub{margin-right:10px;}
}

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


}


@media screen and (max-width: 1024px){
.certification{padding:5px;margin-top:70px;}
.certification .cert .certImg .sub{width:48%}
.certification .cert .certImg .sub .title01{padding:30px 0}

}

@media screen and (max-width: 768px){
.certification .title{font-size:2.6rem}
.certification .cert .certImg .sub{width:100%}

}

/*¿À½Ã´Â±æ*/
.location .title{width:1400px;margin:0 auto;font-size:4.0rem;font-weight:bold;padding-bottom:90px}
.location .location_wrap01{background:#f8f9fb}
.location .location_wrap02{background:#ffffff}
.location .location_wrap01 .location_cont{width:1400px;margin:0 auto;padding:80px 0;}
.location .location_wrap01 .location_cont .locationImg{}
.location .location_wrap01 .location_cont .locationImg:after{content:"";display:block;clear:both}

.location .location_wrap01 .location_cont .locationImg .txtbox01{float:left;width:50%}
.location .location_wrap01 .location_cont .locationImg .txtbox01 .map_loc{width:700px}
.location .location_wrap01 .location_cont .locationImg .txtbox02{float:left;width:50%;padding:61px 0 62px 80px}
.location .location_wrap01 .location_cont .locationImg .txtbox02 .txt01{font-size:3.2rem;color:#000;font-weight:bold;padding-bottom:30px;}
.location .location_wrap01 .location_cont .locationImg .txtbox02 .txt01:after{content:"";display:block;clear:both}

.location .location_wrap01 .location_cont .locationImg .txtbox02 .txt01 .txt_left{float:left}
.location .location_wrap01 .location_cont .locationImg .txtbox02 .txt01 .txt_right{float:right;background:#3171b9;font-family:'Syncopate-Bold'}
.location .location_wrap01 .location_cont .locationImg .txtbox02 .txt01 .txt_right a{font-size:1.2rem;display:block;color:#fff;padding:18px;}

.location .location_wrap01 .location_cont .locationImg .txtbox02 .txt02{font-size:1.6rem;color:#666666;line-height:32px}
.location .location_wrap01 .location_cont .locationImg .txtbox02 .txt02 .loc_table{border-top:2px solid #999999}
.location .location_wrap01 .location_cont .locationImg .txtbox02 .txt02 .loc_table th{width:30%;border-bottom:1px solid #dddddd;border-right:1px solid #dddddd;color:#333333}
.location .location_wrap01 .location_cont .locationImg .txtbox02 .txt02 .loc_table td{width:70%;border-bottom:1px solid #dddddd;padding:20px;color:#666666}


@media screen and (max-width: 1400px){
.location{padding:5px;margin-top:70px}
.location .title{width:100%}
.location .location_wrap01 .location_cont{width:100%}
}

@media screen and (max-width: 1200px){
.location .location_wrap01 .location_cont .locationImg .txtbox01 .map_loc{width:100%}

}


@media screen and (max-width: 1024px){
.location .title{font-size:2.6rem}

}

@media screen and (max-width: 768px){
.location .location_wrap01 .location_cont .locationImg .txtbox01{width:100%;}
.location .location_wrap01 .location_cont .locationImg .txtbox02{width:100%;padding:61px 0 62px 0px}



}

/*LPR*/
.system {}
.system .TopTitle{}
.system .TopTitle:after{content:"";display:block;clear:both}
.system .TopTitle .left{float:left;width:46%;border:1px solid #ddd}
.system .TopTitle .right{float:left;width:54%;padding:40px 0 0 100px}
.system .TopTitle .right h2{font-size:3.4rem;margin:0 0 20px 0;position:relative;z-index:99}
.system .TopTitle .right h2:after{content: ''; position: absolute; top: 5px; left: -10px; width: 30px; height: 30px; background: #00ffff; border-radius: 100%; z-index:-1}
.system .TopTitle .right h2 span{font-size:1.6rem;font-weight:500}
.system .TopTitle .right p{font-size:1.7rem;color:#555555}
.system .TopTitle .right .right_logo{display:flex;padding-top:50px;}
.system .TopTitle .right .right_logo li{padding-right:20px;text-align:center}
.system .TopTitle .right .right_logo li img{width:80%}
.system .TopTitle .right .right_logo li p{font-size:1.5rem;padding-top:10px;}


.system .Products{margin-top:100px;}
.system .Products:after{content:"";display:block;clear:both}
.system .Products .sub{float:left;width:33.333%;}
.system .Products .sub .cont{width:450px;height: 550px;background:#f1f1f1;margin-bottom:15px;}
.system .Products .sub .cont01{width:450px;height: 570px;background:#f1f1f1;margin-bottom:15px;}
.system .Products .sub .cont .txt01{font-size: 2.6rem;padding: 15px 40px 15px 30px;font-weight:600;position:relative;z-index:999;}
.system .Products .sub .cont .txt01:after{content: '';background: url(../img/ico_arrow_02.png) no-repeat; display: inline-block;background-size:100%; width:25px;height:25px;position:absolute;top:23px;margin-left:19px;transition:.5s;right:37px}
.system .Products .sub .cont:hover .txt01:after{content: '';background: url(../img/ico_arrow_02-2.png) no-repeat; display: inline-block;background-size:100%; width:25px;height:25px;position:absolute;top:23px;margin-left:19px;}
/* .system .Products .sub .cont .txt01:before{content: '';position: absolute;top: 16px;left: 24px;width: 20px;height: 20px;background: #00ffff;border-radius: 100%;z-index:-1} */
.system .Products .sub .cont .txt02{padding:0 29px;font-size: 1.5rem;}


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

}
@media screen and (max-width: 1400px){
.system .TopTitle .left img {width:100%}
.system .TopTitle .right h2 span{display:block;}
.system .TopTitle .right{padding:0 0 0 100px}
.system .Products .sub{padding:0 5px;}
.system .Products .sub .cont .img img{width:100%;}
.system .Products .sub .cont{width:100%}
}
@media screen and (max-width: 1024px){

.system .Products .sub{width:50%;padding:0 5px;}
.system .Products .sub .cont{width:100%;}
}
@media screen and (max-width: 768px){
.system .Products .sub{width:100%}
.system .Products .sub .cont{height:100%;margin-bottom:50px;}
.system .Products .sub .cont .txt02{padding-bottom:30px;}
.system .TopTitle .left{width:100%}
.system .TopTitle .right{width:100%;padding:15px;}
.system{margin-top:50px;}
}

/*LPR ¼­ºêÆäÀÌÁö*/
.system_sub .top_title {text-align:center;margin-bottom:50px;}
.system_sub .top_title .txt01{font-size:1.9rem;padding:20px 0;color:#555555}
.system_sub .top_title h2{font-size:3.6rem;position:relative;z-index:9;text-align:center;}
.system_sub .top_title h2:before {content: ''; width: 30px; height: 30px; background: #00ffff; border-radius: 100%; z-index:-1;display:inline-block;margin-right:-20px;}

.system_sub .top_title .system_img{margin:50px 0;}

.system_sub .cont {margin:0;font-size:0}
.system_sub .cont .left{width:20%;display:inline-block;vertical-align:top;border-top:2px solid #000;padding:15px 0;}
.system_sub .cont .left h3{font-size:2.1rem;text-align:center}
.system_sub .cont .right{width:80%;display:inline-block;vertical-align:top;/* border-top:1px solid #ddd; */padding:15px 30px 100px}
.system_sub .cont .right.centerImg{text-align:center}
.system_sub .cont .right h3{font-size:2.1rem}
.system_sub .cont .right p{font-size:1.6rem;color:#555555}
.system_sub .cont .right .Imgbox{width:738px;text-align:center;margin:0 auto}
.system_sub .cont .right .Imgbox p{padding-top:10px;font-size:1.8rem}
.system_sub .cont .right .specification_title{font-size:2.1rem}
.system_sub .cont .right table{margin-bottom:50px;}
.system_sub .cont .right table tr th{font-size:1.9rem;border-right:1px solid #ddd;border-bottom:1px solid #ddd;padding:15px 0;background:#56c0ab;color:#fff}
.system_sub .cont .right table tr th.no{border-right:0}
.system_sub .cont .right table tr td{font-size:1.7rem;border-bottom:1px solid #ddd;border-right:1px solid #ddd;border-top:1px solid #ddd;text-align:center;padding:15px 0;}
.system_sub .cont .right table tr td.no{border-right:0;/* background:#f1f1f1 */}

.system_sub .cont .right ul{font-size:1.7rem;color:#555555;padding-left:20px;}
.system_sub .cont .right ul li:before{content:"\2022";color:#0056b9;font-weight:bold;display:inline-block;width:1em;margin-left:-1em}
.system_sub .cont .right ul li{margin-bottom:10px;}
.system_sub .cont .right:after{content:"";display:block;clear:both}
.system_sub .cont .right .sw_box{float:left;font-size:1.7rem;width:33%;/* text-align:center */}
.system_sub .cont .right .sw_box .sw_subbox h4{text-align:center}
.system_sub .cont .right .sw_box02{height:650px}
.system_sub .cont .right .sw_box .sw_subbox h3{font-size:2.0rem;color:#0056b9;padding-left:30px;}
.system_sub .cont .right .sw_box .sw_subbox ul{text-align:left;padding-left:50px;}
.system_sub .cont .right .sw_box .sw_subbox .imgbox{padding:30px}
.system_sub .cont .right .sw_box .sw_subbox .imgbox img{width:100%}
.system_sub .cont .right .sw_box .sw_subbox .imgbox02{padding:15px;}


.system_sub .right .shac_cont{margin-bottom:50px}
.system_sub .right .shac_cont .shac_flex{display:flex;justify-content: space-between;}
.system_sub .right .shac_cont .shac_flex .shac_box{width:49.5%}
.system_sub .right .shac_cont .shac_flex .shac_box .system_img{float:none}
.system_sub .right .shac_cont .shac_box .bla{font-size:1.8rem;color: #000;margin-bottom:5px;}
.system_sub .right .shac_cont .shac_box{}
.system_sub .right .shac_cont .shac_box h3{font-size: 2.0rem; color: #0056b9;margin-bottom:10px;}
.system_sub .right .shac_cont .shac_box .img01{margin:0px 0 10px 0;}
.system_sub .right .shac_cont .shac_box .img01 img{}

.system_sub .right .shac_cont .shac_box .iconbox{display:flex;justify-content: space-between;flex-wrap:wrap;}
.system_sub .right .shac_cont .shac_box .iconbox li:before{display:none}
.system_sub .right .shac_cont .shac_box .iconbox li{width:24%;text-align:center}
.system_sub .right .shac_cont .shac_box .iconbox li .txt01{font-soze:1.8rem;margin-top:20px}
.system_sub .right .shac_cont .shac_box .iconbox li img{width:100%}

.system_sub .right .shac_cont .shac_box .system_img{margin:5px 0 10px 0;border:1px solid #ddd;float:left}
.system_sub .right .shac_cont .shac_box .system_img img{width:100%}


.system_sub .right .shac_cont .shac_box .txt01{font-size:1.7rem;margin-bottom:15px}
.system_sub .right .shac_cont:after{content:"";display:block;clear:both}

.system_sub .cont .right ul li span{color:#0056b9;font-weight:bold}

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

}

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

.system_sub .cont .right img{width:100%}
}


@media screen and (max-width: 1024px){
.system_sub .cont{margin-bottom:50px;}
.system_sub .cont .left{width:100%;margin-bottom:50px;}
.system_sub .cont .right{width:100%;padding:0}
.system_sub .cont .right .Imgbox{width:100%}

.system_sub .right .shac_cont .shac_flex{display:block;}
.system_sub .right .shac_cont .shac_flex .shac_box{width:100%;margin-bottom:50px;}
}


@media screen and (max-width: 768px){
.system_sub .top_title h2{font-size:2.8rem;margin-top:30px;}
.system_sub .cont .right .sw_box{width:100%}
.system_sub .cont .right .sw_box02{height:auto;margin:30px 0}

.system_sub .right .shac_cont .shac_box .iconbox li{width:50%;text-align:center;margin:0 auto}

}

/*IMAGE ¼­ºêÆäÀÌÁö*/
.image_sub .top_title {text-align:center;margin-bottom:50px;}
.image_sub .top_title .txt01{font-size:1.9rem;padding:20px 0;color:#555555}
.image_sub .top_title h2{font-size:3.6rem;position:relative;z-index:9;text-align:center;}
.image_sub .top_title h2:before {content: ''; width: 30px; height: 30px; background: #00ffff; border-radius: 100%; z-index:-1;display:inline-block;margin-right:-20px;}

.image_sub .cont {margin:0;font-size:0}
.image_sub .cont .left{width:20%;display:inline-block;vertical-align:top;border-top:2px solid #000;padding:15px 0;}
.image_sub .cont .left h3{font-size:2.1rem;text-align:center}
.image_sub .cont .right{width:80%;display:inline-block;vertical-align:top;/* border-top:1px solid #ddd; */padding:15px 30px 100px;font-size:1.7rem}

.image_sub .cont .right .image_cont{}
.image_sub .cont .right .image_cont ul:after{content:"";display:block;clear:both}
.image_sub .cont .right .image_cont ul .num_cont.num_cont_pright{padding-right:5px;}
.image_sub .cont .right .image_cont ul .num_cont.num_cont_pleft{padding-left:5px;}
.image_sub .cont .right .image_cont ul .num_cont{float:left;width:50%;margin-bottom:50px;}
.image_sub .cont .right .image_cont ul .num_cont .num_subtitle{font-size:1.9rem;font-weight:bold;padding-bottom:10px}
.image_sub .cont .right .image_cont ul .num_cont .num_subtxt{padding-left:5px;}
.image_sub .cont .right .image_cont ul .num_cont .num_subtxt p{position:relative;padding-left:15px;margin-bottom:15px}
.image_sub .cont .right .image_cont ul .num_cont .num_subtxt p:after{content:"";display:block;width:5px;height:5px;background:#0056b9;position:absolute;top:0;left:0;border-radius:50%;transform:translatey(200%)}
.image_sub .cont .right .image_cont ul .num_cont .num_subtxt p.none:after{display:none}
.image_sub .cont .right .image_cont ul .num_cont .num_subtxt .longtxt:after{content:"";display:block;width:5px;height:5px;background:#0056b9;position:absolute;border-radius:50%;transform:translatey(200%)}
.image_sub .cont .right .image_cont ul .num_cont .num_img:after{content:"";display:block;clear:both}
.image_sub .cont .right .image_cont ul .num_cont .num_img{padding-top:30px;text-align:center}
.image_sub .cont .right .image_cont ul .num_cont .num_img li{float:left;width:50%;padding:5px;}
.image_sub .cont .right .image_cont ul .num_cont .num_img.num_img02{padding-top:70px}
.image_sub .cont .right .image_cont ul .num_cont .rf_img{border:1px solid #ddd;margin-top:10px;}
.image_sub .cont .right .image_cont ul .num_cont .ob_img{margin-top:50px;}

.image_sub .cont .right .image_cont ul .num_cont .bit_img{margin-top:10px;}
.image_sub .cont .right .image_cont ul .width100{width:100%;height:100%}
.image_sub .cont .right .image_cont ul .height282{height:282px}

/*IMAGE ¼­ºêÆäÀÌÁö ÅÇ*/
.image_sub .top_title .image_tap:after{content:"";display:block;clear:Both}
.image_sub .top_title .image_tap{width:530px;margin:50px auto;padding-bottom:50px;}
.image_sub .top_title .image_tap li{float:left;width:262px;;text-align:center;margin-right:5px;border:1px solid #ddd;line-height:50px;background:#f2f2f2}
.image_sub .top_title .image_tap li.on{background:#0056b9;}
.image_sub .top_title .image_tap li.on a{color:#fff}
.image_sub .top_title .image_tap li:nth-child(2){margin-right:0}
.image_sub .top_title .image_tap li a{display:block;font-size:17px;}
/*IMAGE ¼­ºêÆäÀÌÁö ÅÇ*/

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

}

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

}


@media screen and (max-width: 1024px){
.image_sub .cont .left{width:100%}
.image_sub .cont .right{width:100%}
.image_sub .top_title h2{margin-top:30px;}
}

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

.image_sub .cont .right .image_cont ul .num_cont .num_img li{width:100%}
.image_sub .cont .right .image_cont ul .num_cont .num_img{padding-top:5px;}
.image_sub .cont .right .image_cont ul .num_cont .num_img.num_img02{padding-top:5px}
.image_sub .cont .right .image_cont ul .num_cont img{width:100%}
.image_sub .cont .right .image_cont ul .height282{height:auto}

}


@media screen and (max-width: 768px){
.image_sub .cont .right .image_cont ul .num_cont{width:100%}

.image_sub .top_title .txt01{display:none}
.image_sub .top_title .image_tap{width:100%}
.image_sub .top_title .image_tap li{width:100%;margin-bottom:10px;}
.image_sub .cont .right{padding:15px 15px 30px}
}



/*½º¸¶Æ® ±³Â÷·Î*/

.intersection .top_title {text-align:center;margin-bottom:80px;}
.intersection .top_title h2{font-size:3.6rem;position:relative;z-index:9;text-align:center;}
.intersection .top_title h2:before {content: ''; width: 30px; height: 30px; background: #00ffff; border-radius: 100%; z-index:-1;display:inline-block;margin-right:-20px;}
.intersection .ai-deep{width:1400px;margin:0 auto;padding-bottom:80px}
.intersection .ai-deep .aiTit{font-size:2.4rem;padding-bottom:30px;font-weight:bold}
.intersection .subtitle:before{content:"";display:inline-block;vertical-align:bottom;background: url(../img/txt_icon.jpg) no-repeat;width:35px;height:35px;margin-right:25px;}

.intersection .ai-deep .aiSub01{padding-bottom:50px;}
.intersection .ai-deep .aiSub01:after{content:"";display:block;clear:both}
.intersection .ai-deep .aiSub01 .aiImg{float:left;width:46%}
.intersection .ai-deep .aiSub01 .aiTxt{float:left;width:54%;padding:70px 0px 0px 100px}
.intersection .ai-deep .aiSub01 .aiTxt .txt01{font-size:2.8rem;color:#36889E ;font-weight:bold;padding-bottom:10px;}
.intersection .ai-deep .aiSub01 .aiTxt .txt02{font-size:1.8rem;line-height:36px;}

.intersection .ai-deep .aiSub02 {}
.intersection .ai-deep .aiSub02 .aiPoint{}
.intersection .ai-deep .aiSub02 .aiPoint .txt01{font-size:2.8rem;color:#36889E ;font-weight:bold;padding-bottom:20px;}
.intersection .ai-deep .aiSub02 .aiPoint .Pointsub{display:flex;justify-content:space-between}
.intersection .ai-deep .aiSub02 .aiPoint .Pointsub li{text-align:center}
.intersection .ai-deep .aiSub02 .aiPoint .Pointsub li .point_icon{padding-bottom:20px;}
.intersection .ai-deep .aiSub02 .aiPoint .Pointsub li .subtxt01{font-size:1.8rem;color:#36889E;font-weight:bold;padding-bottom:10px;}
.intersection .ai-deep .aiSub02 .aiPoint .Pointsub li .subtxt02{font-size:1.6rem;color:#343434;}

.intersection .compare{background:#f8f9fb;}
.intersection .compare .compareWrap{width:1400px;margin:0 auto;padding:80px 0;}
.intersection .compare .compareWrap .compareWrapTit{font-size:2.4rem;font-weight:bold}
.intersection .compare .compareWrap .compareWrapTxt{font-size:1.8rem;padding-top:10px;padding-bottom:30px;}
.intersection .compare .compareWrap .smart_table{margin-bottom:20px;}
.intersection .compare .compareWrap .smart_table .bgcolor{background:#56c0ab;color:#fff;border-right:none}
.intersection .compare .compareWrap .smart_table tr th{background:#f8f9fb;color:#343434;font-size:2.1rem;font-weight:300;border-right:1px solid #ddd;border-bottom:1px solid #ddd;padding:20px 0;}
.intersection .compare .compareWrap .smart_table tr th span{display:inline-block;margin-right:10px;}
.intersection .compare .compareWrap .smart_table tr th span img{width:100%;filter:invert(1)}
.intersection .compare .compareWrap .smart_table tr th .sub_tit{font-size:1.6rem;font-weight:300}
.intersection .compare .compareWrap .smart_table tr td{background:#fff;border-right:1px solid #ddd;border-bottom:1px solid #ddd;font-size:1.8rem;padding:30px;}

.intersection .compare02{}
.intersection .compare02 .compareWrap02{width:1400px;margin:0 auto;padding:80px 0;}
.intersection .compare02 .compareWrap02 .compareWrap02Tit{font-size:2.4rem;font-weight:bold}
.intersection .compare02 .compareWrap02 .compareWrap02Txt{font-size:1.8rem;padding-top:10px;padding-bottom:30px;}
.intersection .compare02 .compareWrap02 .smart_table02{margin-bottom:20px;}
.intersection .compare02 .compareWrap02 .smart_table02 .bgcolor{background:#56c0ab;color:#fff;border-right:none}
.intersection .compare02 .compareWrap02 .smart_table02 tr th{background:#f8f9fb;color:#343434;font-size:2.1rem;font-weight:300;border-right:1px solid #ddd;border-bottom:1px solid #ddd;padding:20px 0;}
.intersection .compare02 .compareWrap02 .smart_table02 tr th span{display:inline-block;margin-right:10px;}
.intersection .compare02 .compareWrap02 .smart_table02 tr th span img{width:100%;filter:invert(1)}
.intersection .compare02 .compareWrap02 .smart_table02 tr th .sub_tit{font-size:1.6rem;font-weight:300}
.intersection .compare02 .compareWrap02 .smart_table02 tr td{background:#fff;border-right:1px solid #ddd;border-bottom:1px solid #ddd;font-size:1.8rem;padding:30px;}

.intersection .compare03{padding:80px 0 50px 0;background:#f8f9fb}
.intersection .compare03 .compareWrap03{width:1400px;margin:0 auto;}
.intersection .compare03 .compareWrap03 .compareWrap03Tit{font-size:2.4rem;font-weight:bold;padding-bottom:30px;}
.intersection .compare03 .compareWrap03 .compare03cont:after{content:"";display:block;clear:both}
.intersection .compare03 .compareWrap03 .compare03cont li{float:left;width:25%;text-align:center;margin-bottom:50px;}
.intersection .compare03 .compareWrap03 .compare03cont li .compare03txt01{font-size:1.8rem;color:#36889E ;font-weight:bold;padding:10px 0;}
.intersection .compare03 .compareWrap03 .compare03cont li .compare03txt02{font-size:1.6rem;color:#343434;padding:0 20px;}

.intersection .configuration01 {padding:80px 0;}
.intersection .configuration01 .configurationWrap01 {width:1400px;margin:0 auto}
.intersection .configuration01 .configurationWrap01 .configurationSub01{}
.intersection .configuration01 .configurationWrap01 .configurationSub01 .title{font-size:2.8rem;color:#36889E;font-weight:bold;padding-bottom:20px;}
.intersection .configuration01 .configurationWrap01 .configurationSub01 .img01{}
.intersection .configuration01 .configurationWrap01 .configurationSub01 .txt01 {font-size: 2.4rem;font-weight: bold;padding-bottom:20px;}

.intersection .configuration02 {}
.intersection .configuration02 .configurationWrap02 {width:1400px;margin:0 auto}
.intersection .configuration02 .configurationWrap02 .configurationSub02{}
.intersection .configuration02 .configurationWrap02 .configurationSub02 .title{font-size:2.8rem;color:#0056b9;font-weight:bold;padding-bottom:20px;}
.intersection .configuration02 .configurationWrap02 .configurationSub02 .img01{margin-bottom:20px;}
.intersection .configuration02 .configurationWrap02 .configurationSub02 .txt01 {font-size: 2.4rem;font-weight: bold;padding-bottom:20px;}
.intersection .configuration02 .configurationWrap02 .configurationSub02 .configuration02cont:after{content:"";display:block;clear:both}
.intersection .configuration02 .configurationWrap02 .configurationSub02 .configuration02cont li{float:left;width:33.333%;border:1px solid #efefef;padding:55px;font-size:1.6rem;text-align:center;position:relative}
.intersection .configuration02 .configurationWrap02 .configurationSub02 .configuration02cont li:nth-child(01):after{content:"01";display:block;position:absolute;top:3%;left:3%;font-size:2.1rem;font-weight:bold;color:#36889E}
.intersection .configuration02 .configurationWrap02 .configurationSub02 .configuration02cont li:nth-child(02):after{content:"02";display:block;position:absolute;top:3%;left:3%;font-size:2.1rem;font-weight:bold;color:#36889E}
.intersection .configuration02 .configurationWrap02 .configurationSub02 .configuration02cont li:nth-child(03):after{content:"03";display:block;position:absolute;top:3%;left:3%;font-size:2.1rem;font-weight:bold;color:#36889E}
.intersection .configuration02 .configurationWrap02 .configurationSub02 .configuration02cont li:nth-child(04):after{content:"04";display:block;position:absolute;top:3%;left:3%;font-size:2.1rem;font-weight:bold;color:#36889E}
.intersection .configuration02 .configurationWrap02 .configurationSub02 .configuration02cont li:nth-child(05):after{content:"05";display:block;position:absolute;top:3%;left:3%;font-size:2.1rem;font-weight:bold;color:#36889E}
.intersection .configuration02 .configurationWrap02 .configurationSub02 .configuration02cont li:nth-child(06):after{content:"06";display:block;position:absolute;top:3%;left:3%;font-size:2.1rem;font-weight:bold;color:#36889E}


.intersection .configuration03 {padding:80px 0;}
.intersection .configuration03 .configurationWrap03 {width:1400px;margin:0 auto}
.intersection .configuration03 .configurationWrap03 .configurationSub03 .title{font-size:2.8rem;color:#36889E;font-weight:bold;padding-bottom:20px;}
.intersection .configuration03 .configurationWrap03 .configurationSub03{}
.intersection .configuration03 .configurationWrap03 .configurationSub03 .img01{border:1px solid #ddd}

.intersection .configuration04 {padding-bottom:80px;}
.intersection .configuration04 .configurationWrap04 {width:1400px;margin:0 auto}
.intersection .configuration04 .configurationWrap04 .configurationSub04{}
.intersection .configuration04 .configurationWrap04 .configurationSub04 .img01{}
.intersection .configuration04 .configurationWrap04 .configurationSub04 .txt01 {font-size: 2.4rem;font-weight: bold;padding-bottom:20px;}
.intersection .configuration04 .configurationWrap04 .configurationSub04 .configuration04cont:after{content:"";display:block;clear:both}
.intersection .configuration04 .configurationWrap04 .configurationSub04 .configuration04cont li{float:left;width:33.333%;font-size:1.6rem;text-align:center}
.intersection .configuration04 .configurationWrap04 .configurationSub04 .configuration04cont li .img01{padding:10px;}
.intersection .configuration04 .configurationWrap04 .configurationSub04 .configuration04cont li .img01 img{width:100%;border:1px solid #ddd;}
.intersection .configuration04 .configurationWrap04 .configurationSub04 .configuration04cont li .txt02{}
.smart_btn{width:280px;margin:50px auto;height:60px;border:3px solid #4399a8;text-align:center;border-radius:30px;}
.smart_btn a{display:block;transition:.5s;font-size:1.9rem;border-radius:30px;color:#4399a8;font-weight:bold;padding:13px 0;}
.smart_btn a:hover{background:#4399a8;color:#fff}


.intersection .Products01{width:1400px;margin:0 auto;}
.intersection .Products01:after{content:"";display:block;clear:both}
.intersection .Products01 .title{font-size: 2.8rem;color: #36889E;font-weight: bold;padding-bottom: 20px;}
.intersection .Products01 .sub{float:left;width:33.333%;}
.intersection .Products01 .sub .cont{width:450px;height: 510px;background:#f1f1f1;margin-bottom:15px;}
.intersection .Products01 .sub .cont01{width:450px;height: 570px;background:#f1f1f1;margin-bottom:15px;}
.intersection .Products01 .sub .cont .txt01{font-size: 2.6rem;padding: 15px 40px 15px 30px;font-weight:600;position:relative;z-index:999;}
.intersection .Products01 .sub .cont .txt01:after{content: '';background: url(../img/ico_arrow_02.png) no-repeat; display: inline-block;background-size:100%; width:25px;height:25px;position:absolute;top:23px;margin-left:19px;transition:.5s;right:25px}
.intersection .Products01 .sub .cont:hover .txt01:after{content: '';background: url(../img/ico_arrow_02-2.png) no-repeat; display: inline-block;background-size:100%; width:25px;height:25px;position:absolute;top:23px;margin-left:19px;}
.intersection .Products01 .sub .cont .txt02{padding:0 29px;font-size: 1.5rem;}
.intersection .Products01 .sub .cont .img img{border:1px solid #ddd}


.steel_sdd_bg{margin:3.0rem 0 5.0rem 0;display:flex;align-items:center;justify-content: center;flex-direction: column;text-align:center;background: url(../img/steel_sdd_bg_01.jpg) no-repeat;width:100%;height:300px;border-radius:3.0rem;}
.steel_sdd_bg .sdd_bg_logo{margin-bottom:2.0rem;}
.steel_sdd_bg .sdd_txt{font-size:2.3rem;color:#fff}


/*½º¸¶Æ® ±³Â÷·Î Á¦Ç°*/
.intersection_product .top_title {text-align:center;margin-bottom:50px;}
.intersection_product .top_title .txt01{font-size:1.9rem;padding:20px 0;color:#555555}
.intersection_product .top_title h2{font-size:3.6rem;position:relative;z-index:9;text-align:center;}
.intersection_product .top_title h2:before {content: ''; width: 30px; height: 30px; background: #00ffff; border-radius: 100%; z-index:-1;display:inline-block;margin-right:-20px;}

.intersection_product .cont {margin:0;font-size:0}
.intersection_product .cont .left{width:20%;display:inline-block;vertical-align:top;border-top:2px solid #000;padding:15px 0;}
.intersection_product .cont .left h3{font-size:2.1rem;text-align:center}
.intersection_product .cont .right{width:80%;display:inline-block;vertical-align:top;/* border-top:1px solid #ddd; */padding:15px 30px 100px;font-size:1.7rem}
.intersection_product .cont .right .right_txt01{font-size:1.9rem;padding-bottom:10px;}
.intersection_product .cont .right .right_txt02{padding-bottom:10px;}

.intersection_product .cont .right .num_subtxt p{position:relative;padding-left:15px;margin-bottom:15px}
.intersection_product .cont .right .num_subtxt p:after{content:"";display:block;width:5px;height:5px;background:#0056b9;position:absolute;top:0;left:0;border-radius:50%;transform:translatey(200%)}

.intersection_product .cont .right .product_table th{background:#56c0ab;color:#fff;padding:15px 0;font-size:1.9rem}
.intersection_product .cont .right .product_table td{border-right:1px solid #ddd;padding:15px 0;text-align:center;border-bottom:1px solid #ddd;font-weight:bold}
.intersection_product .cont .right .product_table td.on{border-right:none;font-weight:300;text-align:left;padding-left:35px;line-height:35px;font-size:1.6rem}
.intersection_product .cont .right .table_toptxt{text-align:right;padding-bottom:15px}


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

}

@media screen and (max-width: 1400px){
.intersection .ai-deep{width:100%}
.intersection .compare .compareWrap{width:100%}
.intersection .compare02 .compareWrap02{width:100%}
.intersection .compare03 .compareWrap03{width:100%}
.intersection .configuration01 .configurationWrap01{width:100%}
.intersection .configuration02 .configurationWrap02{width:100%}
.intersection .configuration03 .configurationWrap03{width:100%}
.intersection .configuration04 .configurationWrap04{width:100%}
.intersection .Products01{width:100%}
.intersection .configuration02 .configurationWrap02 .configurationSub02 .img01 img{width:100%}
.intersection .compare03 .compareWrap03 .compare03cont li{padding:5px;}
.intersection .compare03 .compareWrap03 .compare03cont li .compare03img img{width:100%}
.intersection .Products01 .sub .cont{width:100%;}
.intersection .Products01 .sub{padding:0 5px;}

}

@media screen and (max-width: 1200px){
.intersection .configuration01 .configurationWrap01 .configurationSub01 .img01 img{width:100%}
.intersection .ai-deep .aiSub01 .aiImg img{width:100%;}
.intersection .ai-deep .aiSub01 .aiTxt{padding:0 0 0 30px}

}

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

.intersection_product .cont .left{width:100%;margin-bottom:50px;}
.intersection_product .cont .right{width:100%;padding:15px 10px 100px}
.intersection .Products01 .sub{width:50%}
}



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

.intersection .compare03 .compareWrap03 .compare03cont li{height:400px}
.intersection .Products01 .sub{width:100%;}
.intersection .Products01 .sub .cont{width:100%;height:100%;margin-bottom:50px;}
.intersection .Products01 .sub .cont .txt02{padding-bottom:30px;}
.intersection .ai-deep .aiSub02 .aiPoint .Pointsub{display:block;}
.intersection .ai-deep .aiSub02 .aiPoint .Pointsub li{margin:30px auto;width:50%}

.steel_sdd_bg .sdd_txt{font-size:1.8rem;}

.intersection .ai-deep .aiSub01 .aiImg{width:100%}
.intersection .ai-deep .aiSub01 .aiTxt{width:100%;padding:30px 0 0 0}
.intersection .top_title h2{margin-top:30px;font-size:2.8rem}
.intersection {}
.intersection .compare03 .compareWrap03 .compare03cont li{width:50%}
.intersection .configuration02 .configurationWrap02 .configurationSub02 .configuration02cont li{width:100%;padding:25px;margin-bottom:25px;}
.intersection .configuration03 .configurationWrap03{padding:10px;}
.intersection .configuration04 .configurationWrap04{padding:10px;}
.intersection .configuration04 .configurationWrap04 .configurationSub04 .configuration04cont li{width:50%;margin-bottom:10px;}
.intersection .configuration01{padding:80px 10px;}
.intersection .compare03 .compareWrap03 .compare03cont li .compare03txt02{padding:0}
.intersection .ai-deep .aiTit{padding:0 10px;}
.intersection .ai-deep .aiSub01{padding:10px}
.intersection .ai-deep .aiSub02 .aiPoint{padding:10px;}
.intersection .compare .compareWrap{padding:80px 10px 80px 10px;}
.intersection .compare02 .compareWrap02{padding:80px 10px 80px 10px;}
.intersection .compare03 .compareWrap03{padding:10px;}
.intersection .configuration02{padding:10px}
.intersection_product .top_title{margin-top:50px;}
.intersection .Products01{padding:10px;}
.intersection_product .top_title h2{font-size:2.8rem}
.intersection_product .table_box{overflow:auto}
.intersection_product .table_box .product_table{width:900px}
.intersection .compare .compareWrap .table_box{overflow:auto}
.intersection .compare .compareWrap .table_box .smart_table{width:900px}

.intersection .compare02 .compareWrap02 .table_box{overflow:auto}
.intersection .compare02 .compareWrap02 .table_box .smart_table02{width:900px}
}




/*½º¸¶Æ® ½ºÄðÁ¸*/
.schoolzone .top_title {text-align:center;margin-bottom:80px;}
.schoolzone .top_title h2{font-size:3.6rem;position:relative;z-index:9;text-align:center;}
.schoolzone .top_title h2:before {content: ''; width: 30px; height: 30px; background: #00ffff; border-radius: 100%; z-index:-1;display:inline-block;margin-right:-20px;}

.schoolzone .composition{width:1400px;margin:0 auto;padding-bottom:80px}
.schoolzone .composition .txt01{font-size:2.8rem;color:#36889E;font-weight:bold;padding-bottom:20px;}
.schoolzone .subtitle{font-size:2.4rem;padding-bottom:30px;font-weight:bold}
.schoolzone .subtitle:before{content:"";display:inline-block;vertical-align:bottom;background: url(../img/txt_icon.jpg) no-repeat;width:35px;height:35px;margin-right:25px;}

.schoolzone .smart_schoolzone_table{margin-bottom:20px;}
.schoolzone .smart_schoolzone_table .bgcolor{background:#56c0ab;color:#fff;border-right:none}
.schoolzone .smart_schoolzone_table tr th{background:#f8f9fb;color:#343434;font-size:2.1rem;font-weight:300;border-right:1px solid #ddd;border-bottom:1px solid #ddd;padding:20px 0;}
.schoolzone .smart_schoolzone_table tr th span{display:inline-block;margin-right:10px;}
.schoolzone .smart_schoolzone_table tr th span img{width:100%;filter:invert(1)}
.schoolzone .smart_schoolzone_table tr th .sub_tit{font-size:1.6rem;font-weight:300}
.schoolzone .smart_schoolzone_table tr td{text-align:center;background:#fff;border-right:1px solid #ddd;border-bottom:1px solid #ddd;font-size:1.8rem;padding:30px;}

.smart_schoolzoneBot:after{content:"";display:block;clear:both}
.smart_schoolzoneBot li{float:left;width:49%;border:1px solid #ddd;padding:55px;font-size:1.6rem;text-align:center;position:relative;margin-right:28px}
.smart_schoolzoneBot li:nth-child(02){margin-right:0}
.smart_schoolzoneBot li:nth-child(01):after{content:"";background: url(../img/school_icon01.png) no-repeat;width:35px;height:35px;display:block;position:absolute;top:5%;left:2%;font-size:2.1rem;font-weight:bold;color:#0056b9}
.smart_schoolzoneBot li:nth-child(02):after{content:"";background: url(../img/school_icon01.png) no-repeat;width:35px;height:35px;display:block;position:absolute;top:5%;left:2%;font-size:2.1rem;font-weight:bold;color:#0056b9}

.schoolzone .Products02{width:1400px;margin:0 auto;}
.schoolzone .Products02:after{content:"";display:block;clear:both}
.schoolzone .Products02 .title{font-size: 2.8rem;color: #0056b9;font-weight: bold;padding-bottom: 20px;}
.schoolzone .Products02 .sub{float:left;width:33.333%;}
.schoolzone .Products02 .sub .cont{width:450px;height: 530px;background:#f1f1f1;margin-bottom:15px;}
.schoolzone .Products02 .sub .cont01{width:450px;height: 570px;background:#f1f1f1;margin-bottom:15px;}
.schoolzone .Products02 .sub .cont .txt01{font-size: 2.6rem;padding: 15px 40px 15px 30px;font-weight:600;position:relative;z-index:999;}
.schoolzone .Products02 .sub .cont .txt01:after{content: '';background: url(../img/ico_arrow_02.png) no-repeat; display: inline-block;background-size:100%; width:25px;height:25px;position:absolute;top:23px;margin-left:19px;transition:.5s;right:25px}
.schoolzone .Products02 .sub .cont:hover .txt01:after{content: '';background: url(../img/ico_arrow_02-2.png) no-repeat; display: inline-block;background-size:100%; width:25px;height:25px;position:absolute;top:23px;margin-left:19px;}
.schoolzone .Products02 .sub .cont .txt02{padding:0 29px;font-size: 1.5rem;}
.schoolzone .Products02 .sub .cont .img img{border:1px solid #ddd}

/*½º¸¶Æ® ½ºÄðÁ¸ Á¦Ç°*/
.schoolzone_product .top_title {text-align:center;margin-bottom:50px;}
.schoolzone_product .top_title .txt01{font-size:1.9rem;padding:20px 0;color:#555555}
.schoolzone_product .top_title h2{font-size:3.6rem;position:relative;z-index:9;text-align:center;}
.schoolzone_product .top_title h2:before {content: ''; width: 30px; height: 30px; background: #00ffff; border-radius: 100%; z-index:-1;display:inline-block;margin-right:-20px;}

.schoolzone_product .cont {margin:0;font-size:0}
.schoolzone_product .cont .left{width:20%;display:inline-block;vertical-align:top;border-top:2px solid #000;padding:15px 0;}
.schoolzone_product .cont .left h3{font-size:2.1rem;text-align:center}
.schoolzone_product .cont .right{width:80%;display:inline-block;vertical-align:top;/* border-top:1px solid #ddd; */padding:15px 30px 100px;font-size:1.7rem}
.schoolzone_product .cont .right .right_txt01{font-size:1.9rem;padding-bottom:10px;}

.schoolzone_product .cont .right .num_subtxt p{position:relative;padding-left:15px;margin-bottom:15px}
.schoolzone_product .cont .right .num_subtxt p:after{content:"";display:block;width:5px;height:5px;background:#0056b9;position:absolute;top:0;left:0;border-radius:50%;transform:translatey(200%)}

.schoolzone_product .cont .right .product_table th{background:#56c0ab;color:#fff;padding:15px 0;font-size:1.9rem}
.schoolzone_product .cont .right .product_table td{border-right:1px solid #ddd;padding:15px 0;text-align:center;border-bottom:1px solid #ddd;font-weight:bold}
.schoolzone_product .cont .right .product_table td.on{border-right:none;font-weight:300;text-align:left;padding-left:35px;line-height:35px;font-size:1.6rem}
.schoolzone_product .cont .right .table_toptxt{text-align:right;padding-bottom:15px}


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

}

@media screen and (max-width: 1400px){
.schoolzone .composition{width:100%}
.schoolzone .composition img{width:100%}
.smart_schoolzoneBot li{margin-right:0;width:50%}
.schoolzone .Products02{width:100%}
.schoolzone .Products02 .sub .cont{width:100%}
.schoolzone .Products02 .sub{padding:0 5px;}
}

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

.smart_schoolzoneBot li{width:100%;margin-bottom:10px;}
}


@media screen and (max-width: 1024px){
.schoolzone .Products02 .sub{width:50%}
.schoolzone_product .cont .left{width:100%}
.schoolzone_product .cont .right{width:100%;padding:15px 10px 100px}

}

@media screen and (max-width: 768px){
.schoolzone .top_title h2{margin-top:30px;font-size:2.8rem}
.schoolzone .Products02 .sub{width:100%;}
.schoolzone .Products02 .sub .cont{height:100%;}
.schoolzone .Products02 .sub .cont .txt02{padding-bottom:30px;}
.schoolzone .table_box{overflow:auto}
.schoolzone .smart_schoolzone_table{width:800px}

.schoolzone .composition{padding:10px;}
.schoolzone .Products02{padding:10px;}
.schoolzone_product .top_title{margin-top:50px;}
.schoolzone_product .top_title h2{font-size:2.8rem}

.schoolzone_product .table_box{overflow:auto}
.schoolzone_product .table_box .product_table{width:900px}
}


.image_sub .cont .right .image_cont ul .num_cont .cctv_img{display:flex;justify-content: space-between;flex-wrap:wrap;}
.image_sub .cont .right .image_cont ul .num_cont .cctv_img li{text-align:center;width:25%;padding:20px}
.image_sub .cont .right .image_cont ul .num_cont .cctv_img li img{border:1px solid #eeeeee;}
/* .image_sub .cont .right .image_cont ul:after{display:none} */

.image_sub .cont .right .cctv_diagram_box{width:70%;margin-bottom:50px;padding-left:20px;}
.image_sub .cont .right .cctv_diagram_box h3{font-size: 2.0rem;color: #0056b9;padding-bottom:20px;}
.image_sub .cont .right .cctv_diagram_box img{width:100%;border:1px solid #eeeeee}

.image_sub .cont .right .cctv_box th{background:#56c0ab;color:#fff;padding:15px 0;font-size:1.9rem}
.image_sub .cont .right .cctv_box td{border-right:1px solid #ddd;padding:15px 0;text-align:center;border-bottom:1px solid #ddd;font-weight:bold}
.image_sub .cont .right .cctv_box td.on{border-right:none;font-weight:300;text-align:left;padding-left:35px;line-height:35px;font-size:1.6rem}


@media screen and (max-width: 768px){
.image_sub .cont .right .image_cont ul .num_cont .cctv_img li{width:49%;}
.image_sub .cont .right .cctv_diagram_box{width:100%}

}


.system_sub .right .shac_cont .shac_box .txt02{font-size:2.1rem;font-weight:bold}
.system_sub .right .shac_cont .shac_box .effect_box{border-bottom:1px solid #ddd;}
.system_sub .right .shac_cont .shac_box .effect_box .effect_top .txt01_01:before{content:"01.";display:inline-block;font-size:2.6rem;font-weight:bold;padding-right:10px;color:#36889E}
.system_sub .right .shac_cont .shac_box .effect_box .effect_top .txt01_02:before{content:"02.";display:inline-block;font-size:2.6rem;font-weight:bold;padding-right:10px;color:#36889E}
.system_sub .right .shac_cont .shac_box .effect_box .effect_top .txt01_03:before{content:"03.";display:inline-block;font-size:2.6rem;font-weight:bold;padding-right:10px;color:#36889E}
.system_sub .right .shac_cont .shac_box .effect_box .effect_top .txt01_04:before{content:"04.";display:inline-block;font-size:2.6rem;font-weight:bold;padding-right:10px;color:#36889E}
.system_sub .right .shac_cont .shac_box .effect_box .effect_top .txt01_05:before{content:"05.";display:inline-block;font-size:2.6rem;font-weight:bold;padding-right:10px;color:#36889E}
.system_sub .right .shac_cont .shac_box .effect_box .effect_top .txt01_06:before{content:"06.";display:inline-block;font-size:2.6rem;font-weight:bold;padding-right:10px;color:#36889E}
.system_sub .right .shac_cont .shac_box .effect_box .effect_top .txt01_07:before{content:"07.";display:inline-block;font-size:2.6rem;font-weight:bold;padding-right:10px;color:#36889E}
.system_sub .right .shac_cont .shac_box .effect_box .effect_top .txt01_08:before{content:"08.";display:inline-block;font-size:2.6rem;font-weight:bold;padding-right:10px;color:#36889E}

.system_sub .right .shac_cont .shac_box .effect_box .effect_top .txt01{font-size:1.9rem}


.system_sub .right .shac_cont .shac_box .effect_box .effect_img{display:flex;justify-content: space-between;}
.system_sub .right .shac_cont .shac_box .effect_box .effect_cont{}
.system_sub .right .shac_cont .shac_box .effect_box .effect_cont .img01{margin:0}
.system_sub .right .shac_cont .shac_box .effect_box .effect_cont .eff_txt{font-size:1.8rem;text-align:center;margin-top:5px}


.system_sub .right .shac_cont .shac_box .effect_box .video_cont{width:225px;margin:30px auto 50px auto;border:1px solid #a0a0a0;border-radius:50px}
.system_sub .right .shac_cont .shac_box .effect_box .video_cont a{font-size:1.7rem;font-weight:bold;display:flex;align-items: center;padding:10px 10px 10px 30px;letter-spacing:0.5px;overflow:hidden; }
.system_sub .right .shac_cont .shac_box .effect_box .video_cont a:hover{background:#000000;border-radius:50px;color:#fff;overflow:hidden}
.system_sub .right .shac_cont .shac_box .effect_box .video_cont a:before{background:transparent url(../img/video_btn_icon01.png) no-repeat;margin-right:20px;display:block;content:"";width:40px;height:40px;background-position:59% 50%;border-radius:50%;}
.system_sub .right .shac_cont .shac_box .effect_box .video_cont a:hover:before {background:#ff000e url(../img/video_btn_icon01_r.png) no-repeat; background-size: auto; background-position:59% 50%;  }


.system_sub .right .speed_signal_cont {display:flex;    justify-content: space-between;}
.system_sub .right .speed_signal_cont .speed_signal_box{}
.system_sub .right .speed_signal_cont .speed_signal_box .sw_subbox .txt01{font-size:1.9rem;text-align:center}





.inter_tab{display:flex;justify-content: center;margin-bottom:80px}
.inter_tab li{width:300px;text-align:center;border:1px solid #ddd;margin:0 20px;}
.inter_tab li.on{background:#0056b9}
.inter_tab li.on a{color:#fff}
.inter_tab li a{display:block;padding:15px 0;font-size:2.1rem}


.root_daum_roughmap .cont {display:none}