@charset "utf-8";
/* CSS Document */

/*1-1*/
    .sub01_1_cont {margin: 20px 0 60px;}
    .sub01_1_cont .sub1_box li{position:relative;float: left; margin-top: 20px;margin-left:20px; border:0px solid #e6e6e6;width:calc((100% - 40px) / 3);box-sizing:border-box;min-height:290px;}
	.sub01_1_cont .sub1_box li:nth-child(3n+1){margin-left:0;}
	.sub01_1_cont .sub1_box li img{width:380px;max-height:290px;}
	.sub01_1_cont .sub1_box li div{}
	.sub01_1_cont .sub1_box li div p.tit{font-size:17px;font-weight:bold;color:#646464;padding-bottom:20px;border-bottom:1px solid #e6e6e6;margin-bottom:10px;}
	.sub01_1_cont .sub1_box li div p.txt{font-size:15px;font-weight:350;color:#828282;width:100%;word-break:break-all;word-wrap: break-word;}

	.sub01_1_cont .sub1_box li div.over{position:absolute;top:0;left:0;display:none;}
	.sub01_1_cont .sub1_box li div.over img{width:100%;}
	.sub01_1_cont .sub1_box li:hover div.over{display:block;}
	
	.sub01_1_cont .sub1_box1 li{float: left; margin-top: 20px; margin-left:20px; width:calc((100% - 60px) / 3);box-sizing:border-box;}
	.sub01_1_cont .sub1_box1 li:nth-child(3n+1){margin-left:0;}
	.sub01_1_cont .sub1_box1 li p.tit{font-size:17px;font-weight:350;color:#4e4e4e;padding-top:10px;text-align:center;}
	.sub01_1_cont .sub1_box1 li img {width:100%}


/* 电脑板 */
@media screen and (min-width: 1025px) {

    /* content */
    .sub_top {position: relative; top: 0; left: 50%; width: 1920px; height: 260px; margin-left: -960px; background-position: center; text-align: center;}
    .sub_top p{font: bold 37px/40px 'Noto Sans Korean'; color: #fff; padding-top: 105px;}
    .sub_top div{padding-top: 16px;}
    .sub_top div a{font: 12px/20px 'Noto Sans Korean'; color: #ddd; margin: 0 5px;}
    .sub_top div a.now{color: #fff;}
    .sub_top_img01 {background-image: url('../img/sub01/sub_top_img01.jpg');}

    .sub_menu {position: absolute; top: -30px; left: 0; width: 100%; height: 60px; background: #e60012; box-shadow: 0 0 10px -3px rgba(0,0,0,.2); z-index: 10}
    .sub_menu a{position: relative; display: block; float: left; width: 50%; text-align: center; font: 16px/60px 'Noto Sans Korean'; color: rgba(255,255,255,.5);}
    .sub_menu.sub1 a{width: 25%;}
    .sub_menu.sub2 a{width: 16.666%;}
    .sub_menu a:hover{color: #fff; font-weight: bold;}
    .sub_menu a.now{color: #fff; font-weight: bold;}
    .sub_menu a:first-child:before{display: none;}
    .sub_menu a:before{content: '\20'; position: absolute; top: 15px; left: 0; width: 1px; height: 30px; background: rgba(255,255,255,.4);}

    .sub_tit {border-bottom: 1px solid #dfdfdf; text-align: center;}
    .sub_tit p{font: bold 33px/35px 'Noto Sans Korean'; color: #000; padding-top: 20px;}
    .sub_tit div{font: 17px/23px 'Noto Sans Korean'; color: #676767; padding-top: 10px; padding-bottom: 30px;}
    .sub_tit div span{color: #000;}
    .sub_tit span{display: block; text-align: center;}
    .sub_tit a{display: inline-block; padding: 5px 10px; border: 1px solid #fff;}
    .sub_tit a:hover{border: 1px solid red;}

    /*sub01*/
    .sub01_cont {margin-top: 40px;}
    .sub01_cont .top_txt {text-align: center; font: bold 20px/22px 'Noto Sans Korean'; color: #383737;}
    .sub01_cont .top_txt span{color: #e60012;}
    .sub01_cont .sub01_cont_img01 {text-align: center; margin-top: 37px;}
    .sub01_cont .sub01_cont_img01 div:first-child{margin-left: 80px;}
    .sub01_cont .sub01_cont_img01 div{float: left;}
	.sub01_cont .sub01_cont_img01 > div{position:relative;}
	.sub01_cont .sub01_cont_img01 div.over{position:absolute;display:none;top:0;left:0;}
	.sub01_cont .sub01_cont_img01 > div a:hover div.over{display:block;}

    
    

    /*2-1*/
    .sub02_1_cont {margin-top: 40px;}

    .sub2_box {width: 100%;}
    .sub2_box ul{width: 120%;}
    .sub2_box li{position: relative; float: left; width: 380px; height: 78px; margin-right: 20px; border: 1px solid #dfdfdf; padding: 15px 50px 15px 20px; margin-bottom: 20px; font: bold 16px/22px 'Noto Sans Korean'; color: #404040; background: #f9f9f9 url('../img/sub02/sub2/icon1.jpg') no-repeat 340px 30px; display: table; cursor: pointer;}
    .sub2_box li p{display: table-cell; vertical-align: middle;}
    .sub2_box li div{display: none; position: absolute; top: 76px; left: -1px; width: 380px; background:#dcdcdc;  z-index: 100; box-shadow: 0 5px 5px -2px rgba(0, 0, 0, .2);}
    .sub2_box li span{display: block; font: bold 16px/34px 'Noto Sans Korean'; color: #000; padding: 10px 50px 10px 20px;border-bottom: 1px solid #bcbcbc;}
    .sub2_box li span:hover{background: #c83734;color:#fff;}
    .sub2_box li em{display: table-cell; vertical-align: middle;}
    .sub2_box li img{width: 100%;}

    .sub2_img {width: 100%; overflow: hidden;}
    .sub2_img ul{width: 120%;}
    .sub2_img li{float: left; width: 580px; margin-right: 20px; background: #f9f9f9; border: 1px solid #dfdfdf; padding: 10px; margin-top: 20px;}
    .sub2_img li img{width: 100%;}

    .sub02_cont_bg {background-color:#232323; background-size: 110%;}
    /*.sub02_cont_bg {background: url('../img/sub02/sub2/bg01.jpg')  top center; background-size: 110%;}*/
    .sub2_image {width: 100%; overflow: hidden;}
    .sub2_image ul{width: 120%;}
    .sub2_image li{position: relative; float: left; width: 380px; margin-right: 20px; margin-bottom: 20px;}
    .sub2_image li .over{display: none; position: absolute; top: 0; left: 0;}
    .sub2_image li .over div{position: absolute; bottom: 25px; left: 15px;}
    .sub2_image li .over div p:first-child{font: bold 18px/22px 'Noto Sans Korean'; color: #fff; padding-bottom: 10px;}
    .sub2_image li .over div p{font: 15px/19px 'Noto Sans Korean'; color: #fff;}
    .sub2_image li a:hover .over {display: block;}
    .sub2_image li img{width: 100%;}

    /*2-2*/
    .sub02_cont_bg2 {background-color:#232323; background-size: 110%;}
    /*.sub02_cont_bg2 {background: url('../img/sub02/sub2_2/bg01.jpg')  top center; background-size: 110%;}
    */
    .sub2_img.sub2_2 li{width: 380px;}

    /*2-3*/
    .redy {padding: 1rem 1rem; text-align: center;}


}

/* 小电脑 */
@media screen and (max-width: 1600px) {
}

/* 手机版 */
@media screen and (max-width: 1024px) {

    /* content */
    .sub_top {position: relative; top: 0; left: 50%; width: 1920px; height: 12rem; margin-left: -960px; background-position: center; text-align: center;}
    .sub_top p{font: bold 2rem/2.2rem 'Noto Sans Korean'; color: #fff; padding-top: 3.5rem;}
    .sub_top div{padding-top: .8rem;}
    .sub_top div a{font: .9rem/1rem 'Noto Sans Korean'; color: #ddd; margin: 0 .5rem;}
    .sub_top div a.now{color: #fff;}
    .sub_top_img01 {background-image: url('../img/sub01/sub_top_img01.jpg');}

    .sub_menu {position: relative; top: -3rem; left: 0; width: 100%; background: #e60012; box-shadow: 0 0 .5rem -.2rem rgba(0,0,0,.2); z-index: 10}
    .sub_menu a{position: relative; display: block; float: left; width: 50%; text-align: center; font: .9rem/3rem 'Noto Sans Korean'; color: rgba(255,255,255,.5);}
    .sub_menu a:hover{color: #fff; font-weight: bold;}
    .sub_menu a.now{color: #fff; font-weight: bold;}
    .sub_menu a:first-child:before{display: none;}
    .sub_menu a:before{content: '\20'; position: absolute; top: .9rem; left: 0; width: 1px; height: 1.2rem; background: rgba(255,255,255,.4);}

    .sub_tit {border-bottom: 1px solid #dfdfdf; text-align: center;}
    .sub_tit p{font: bold 1.8rem/2rem 'Noto Sans Korean'; color: #000; padding-top: 1rem;}
    .sub_tit div{font: .9rem/1.2rem 'Noto Sans Korean'; color: #676767; padding-top: .5rem; padding-bottom: 1.5rem;}


    /*sub01*/
    .sub01_cont {margin-top: 2rem; padding: 0 1rem;}
    .sub01_cont .top_txt {text-align: center; font: bold 1rem/1.6rem 'Noto Sans Korean'; color: #383737;}
    .sub01_cont .top_txt span{color: #e60012;}
    .sub01_cont .sub01_cont_img01 {text-align: center;}
    .sub01_cont .sub01_cont_img01 div:nth-child(2){display: none;}
    .sub01_cont .sub01_cont_img01 div{margin-top: 1.5rem;}


    /*1-1*/
	.sub01_1_cont .sub1_box li img{width:100%;}
    .sub01_1_cont .sub1_box li{float: none; width:calc((100% - 20px) / 1);margin-left:0;margin-left:10px !important;min-height:auto;position:relative;}
	

	.sub01_1_cont .sub1_box1 li{float: none; margin-left:0px; width:calc((100% - 20px) / 1);margin-left:10px !important;}
	.sub01_1_cont .sub1_box1 li img{width:100%;}

    /*2-1*/
    .sub02_1_cont {margin-top: 2rem;}

    .sub2_box {width: 100%; overflow: auto; padding: 0 1rem;}
    .sub2_box ul{width: 100%;}
    .sub2_box li{position: relative; width: 100%; border: 1px solid #dfdfdf; padding: .8rem 2rem .8rem 1rem; margin-bottom: 1rem; font: bold 1rem/1.3rem 'Noto Sans Korean'; color: #404040; background: #f9f9f9 url('../img/sub02/sub2/icon1.jpg') no-repeat 20.2rem 1.2rem; background-size: .8rem;}
    .sub2_box li div{display: none; position: absolute; top: -1px; left: -1px; width: 22rem; background: #fff; border: 1px solid #dfdfdf; padding: 15px 0 15px 0; z-index: 100; box-shadow: 0 5px 5px -2px rgba(0, 0, 0, .2);}
    .sub2_box li span{display: block; font: bold 16px/34px 'Noto Sans Korean'; color: #404040; padding: 0 50px 0 20px;}
    .sub2_box li span:hover{background: #f1f1f1;}
    .sub2_box li em{display: table-cell; vertical-align: middle;}
    .sub2_box li img{width: 100%;}

    .sub2_img {width: 100%; overflow: hidden; padding: 0 1rem;}
    .sub2_img ul{width: 100%;}
    .sub2_img li{width: 100%; background: #f9f9f9; border: 1px solid #dfdfdf; padding: .5rem; margin-top: 1rem;}
    .sub2_img li img{width: 100%;}

    .sub02_cont_bg {background: url('../img/sub02/sub2/bg01.jpg')  top center; background-size: 1400%;}
    .sub2_image {width: 100%; overflow: hidden; padding: 0 1rem;}
    .sub2_image ul{width: 100%;}
    .sub2_image li{position: relative; width: 100%; margin-bottom: 1rem;}
    .sub2_image li .over{display: none;}
    .sub2_image li img{width: 100%;}

    /*2-2*/
    .sub02_cont_bg2 {background: url('../img/sub02/sub2_2/bg01.jpg')  top center; background-size: 1400%;}

    /*2-3*/
    .redy {padding: 4rem 1rem; text-align: center;}
    .redy img{width: 100%;}

}

/* 客户脑洞 */
@media screen and (min-width: 1921px) {

}