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




/* 电脑板 */
@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: 25%; text-align: center; font: 16px/60px 'Noto Sans Korean'; color: rgba(255,255,255,.5);}
    .sub_menu.site a{width: 100%;}
    .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_cont01 {text-align: center; padding: 40px 0 60px;}
    .sub_cont01 li{float: left; width: 50%;}
    .sub_cont01 img{}
    .sub_cont01 p{position: relative; font: bold 20px/22px 'Noto Sans Korean'; color: #000000; padding-top: 18px;}
    .sub_cont01 p:before{content: '\20'; position: absolute; bottom: -13px; left: 50%; margin-left: -10px; width: 20px; height: 1px; background: #e9424b;}
    .sub_cont01 div{font:350 15px/22px 'Noto Sans Korean'; color: #676767; padding-top: 30px;}

    .sub_cont02 {width: 100%; overflow: hidden;}
    .sub_cont02 ul{width: 120%;}
    .sub_cont02 ul li{float: left; width: 280px; margin-right: 20px; text-align: center; background: #fff; border: 1px solid #dadada;}

    .sub01_cont_bg {background: url('../img/sub01/sub_cont_img01.jpg')  top center no-repeat;}

    .sub_cont03 {box-shadow: 0 0 20px -3px rgba(0,0,0,.9); margin-top: 10px;}
    .sub_cont03 table{width: 100%;}
    .sub_cont03 table th {background: #8e0f19; border-bottom: 1px solid #a64e55; font: 350 16px/20px 'Noto Sans Korean'; color: #fff; padding: 18px; text-align: left;}
    .sub_cont03 table td {background: #fff; border-bottom: 1px solid #dfdfdf; font:350 15px/20px 'Noto Sans Korean'; color: #676767; padding: 18px;}

    /*sub02*/
    .sub02_cont_bg {background: url('../img/sub01/sub02_img.jpg')  top center; min-height: 860px;}

    .sub02_cont {padding-top: 40px;}
    .sub02_cont .sub02_txt1 {font: bold 30px/36px 'Noto Sans Korean'; color: #2a2a2a; padding-top: 27px;}
    .sub02_cont .sub02_txt2 {font: bold 24px/36px 'Noto Sans Korean'; color: #2a2a2a;}
    .sub02_cont .sub02_txt3 {font: bold 17px/28px 'Noto Sans Korean'; color: #353535; padding-top: 36px;}
    .sub02_cont .sub02_txt4 {font: 14px/23px 'Noto Sans Korean'; color: #676767; padding-top: 20px;}
    .sub02_cont .sub02_txt5 {font: bold 16px/26px 'Noto Sans Korean'; color: #333333; padding-top: 26px;}

    /*sub03*/
    .sub03_cont {margin-top: 40px; background: url('../img/sub01/sub03_line.jpg') repeat-y top center;}
    .sub03_cont .year{position: relative; left: 50%; margin-left: 40px; width: 500px;}
    .sub03_cont .year p{position: relative; font: bold 29px/30px 'Noto Sans Korean'; color: #e60012; margin-top: 30px; padding-bottom: 20px;}
    .sub03_cont .year p:before{content: '\20'; position: absolute; top: 4px; left: -51px; width: 23px; height: 23px; background: url('../img/sub01/sub03_icon1.jpg') no-repeat;}
    .sub03_cont .year .list{position: relative; padding: 8px 0;}
    .sub03_cont .year .list:before{content: '\20'; position: absolute; top: 14px; left: -44px; width: 9px; height: 9px; background: url('../img/sub01/sub03_icon2.jpg') no-repeat;}
    .sub03_cont .year .month{float: left; font: bold 15px/22px 'Noto Sans Korean'; color: #000; padding-right: 18px;}
    .sub03_cont .year .cont{float: left; font: 14px/22px 'Noto Sans Korean'; color: #656565; width: 450px;}

    .sub03_cont .year:nth-child(2n){position: relative; left: 50%; margin-left: -540px; width: 500px; text-align: right;}
    .sub03_cont .year:nth-child(2n) p:before{content: '\20'; position: absolute; top: 4px; left: 528px; width: 23px; height: 23px; background: url('../img/sub01/sub03_icon1.jpg') no-repeat;}
    .sub03_cont .year:nth-child(2n) .list:before{content: '\20'; position: absolute; top: 14px; left: 536px; width: 9px; height: 9px; background: url('../img/sub01/sub03_icon2.jpg') no-repeat;}
    .sub03_cont .year:nth-child(2n) .month{float: right; font: bold 15px/22px 'Noto Sans Korean'; color: #000; padding-right: 0;}
    .sub03_cont .year:nth-child(2n) .cont{float: right; font: 14px/22px 'Noto Sans Korean'; color: #656565; padding-right: 18px; width: 460px;}

    /*sub04*/
    .sub04_cont {margin-top: 40px;}
    .sub04_cont_btn a{position: relative; display: block; float: left; width: 580px; height: 60px; background: #f9f9f9; border: 1px solid #dfdfdf; border-radius: 100px; font: bold 17px/60px 'Noto Sans Korean'; color: #383838; text-align: center;}
    .sub04_cont_btn a:last-child{float: right;}
    .sub04_cont_btn a.now{color: #fff; background: #ba0f1d;}
    .sub04_cont_btn a.now:before{content: '\20'; position: absolute; top: 58px; left: 50%; margin-left: -10px; width: 0; height: 0; border-width: 0 9px 12px; border-style: solid; border-color: transparent transparent #ba0f1d; transform:rotate(180deg);}
    .sub04_cont_map {margin-top: 30px;}
	.sub04_cont_map > div{width:100%;}
    .sub04_cont_table {margin-top: 30px;}
    .sub04_cont_table table{width: 100%;}
    .sub04_cont_table table th{background: #f8f8f8; border-top: 2px solid #000; border-bottom: 1px solid #dfdfdf; height: 50px; text-align: center; font: bold 17px/20px 'Noto Sans Korean'; color: #3e3e3e;}
    .sub04_cont_table table td{border-bottom: 1px solid #dfdfdf; height: 50px; text-align: center; font: 15px/20px 'Noto Sans Korean'; color: #3e3e3e;}

    /*sitemap*/
    .sitemap {width: 100%; overflow: hidden; margin-top: 40px;}
    .sitemap ul{width: 120%;}
    .sitemap li{float: left; width: 359px; margin-right: 52px;}
    .sitemap li .top{display: block; border-bottom: 1px solid #e60012; height: 42px; font: bold 20px/23px 'Noto Sans Korean'; color: #e60012; padding-left: 18px; background: url('../img/sub/icon1.jpg') no-repeat 325px 10px; background-size: 16px 11px;}
    .sitemap li .list{display: block; font: 16px/50px 'Noto Sans Korean'; color: #232323; border-bottom: 1px dashed #dfdfdf; padding-left: 18px;}
    .sitemap li .list.on{background: url('../img/sub/icon2.jpg') no-repeat 325px 20px; background-size: 16px 11px;}
    .sitemap li div{padding: 18px 18px; background: #f9f9f9; border-bottom: 1px dashed #dfdfdf;}
    .sitemap li .sub{display: block; font: 16px/35px 'Noto Sans Korean'; color: #5e5e5e;}


}

/* 小电脑 */
@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.site a{width: 100%;}
    .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;}

    .sub_cont01 {text-align: center; padding: 1rem 0 1.5rem;}
    .sub_cont01 img{width: 20rem; margin-top: 1.5rem;}
    .sub_cont01 p{position: relative; font: bold 1.2rem/1.5rem 'Noto Sans Korean'; color: #000000; padding-top: .9rem;}
    .sub_cont01 p:before{content: '\20'; position: absolute; bottom: -.6rem; left: 50%; margin-left: -.5rem; width: 1rem; height: 1px; background: #e9424b;}
    .sub_cont01 div{font: .9rem/1.4rem 'Noto Sans Korean'; color: #676767; padding-top: 1.5rem;}

    .sub_cont02 {width: 100%; overflow: hidden;}
    .sub_cont02 ul{width: 100%; margin-left: .5rem;}
    .sub_cont02 ul li{float: left; width: 11rem; margin-right: 1rem; text-align: center; background: #fff; border: 1px solid #dadada; margin-bottom: 1rem;}
    .sub_cont02 ul li img{width: 100%;}

    .sub01_cont_bg {background: url('../img/sub01/sub_cont_img01.jpg')  top center;}

    .sub_cont03 {box-shadow: 0 0 20px -3px rgba(0,0,0,.9); margin-top: 3rem;}
    .sub_cont03 table{width: 100%;}
    .sub_cont03 table th {background: #8e0f19; border-bottom: 1px solid #a64e55; font: bold .9rem/1rem 'Noto Sans Korean'; color: #fff; padding: .9rem; text-align: left;}
    .sub_cont03 table td {background: #fff; border-bottom: 1px solid #dfdfdf; font: .8rem/1rem 'Noto Sans Korean'; color: #676767; padding: .9rem;}


    /*sub02*/
    .sub02_cont {padding: 2rem 1rem;}
    .sub02_cont .sub02_txt1 {font: bold 1.5rem/4rem 'Noto Sans Korean'; color: #2a2a2a;}
    .sub02_cont .sub02_txt2 {font: bold 1.1rem/1.4rem 'Noto Sans Korean'; color: #2a2a2a;}
    .sub02_cont .sub02_txt3 {font: bold 1rem/1.2rem 'Noto Sans Korean'; color: #353535; padding-top: 1.5rem;}
    .sub02_cont .sub02_txt4 {font: .9rem/1.2rem 'Noto Sans Korean'; color: #676767; padding-top: 1rem;}
    .sub02_cont .sub02_txt5 {font: bold .9rem/1.1rem 'Noto Sans Korean'; color: #333333; padding-top: 1.2rem;}

    /*sub03*/
    .sub03_cont {margin-top: 2rem; background: url('../img/sub01/sub03_line.jpg') repeat-y 1.5rem;}
    .sub03_cont .year{position: relative; left: 0; margin-left: 3rem;}
    .sub03_cont .year p{position: relative; font: bold 1.5rem/1.6rem 'Noto Sans Korean'; color: #e60012; margin-top: 1.5rem; padding-bottom: 1rem;}
    .sub03_cont .year p:before{content: '\20'; position: absolute; top: .3rem; left: -2.1rem; width: 1.2rem; height: 1.2rem; background: url('../img/sub01/sub03_icon1.jpg') no-repeat; background-size: 100%;}
    .sub03_cont .year .list{position: relative; padding: .3rem 0;}
    .sub03_cont .year .list:before{content: '\20'; position: absolute; top: .5rem; left: -1.9rem; width: .8rem; height: .8rem; background: url('../img/sub01/sub03_icon2.jpg') no-repeat;background-size: 100%;}
    .sub03_cont .year .month{float: left; font: bold 1rem/1.3rem 'Noto Sans Korean'; color: #000; padding-right: 1rem;}
    .sub03_cont .year .cont{float: left; font: 1rem/1.3rem 'Noto Sans Korean'; color: #656565; width: 20rem;}

    /*sub04*/
    .sub04_cont {margin-top: 2rem;}
    .sub04_cont_btn {padding: 0 1rem;}
    .sub04_cont_btn a{position: relative; display: block; height: 3rem; background: #f9f9f9; border: 1px solid #dfdfdf;border-radius: 100px; font: bold 1.2rem/3rem 'Noto Sans Korean'; color: #383838; text-align: center; margin-bottom: .5rem;}
    .sub04_cont_btn a.now{color: #fff; background: #ba0f1d;}
    .sub04_cont_map {margin-top: 1rem; padding: 0 1rem;}
    .sub04_cont_map img{width: 100%;}
    .sub04_cont_table {margin-top: 1.5rem;}
    .sub04_cont_table table{width: 100%;}
    .sub04_cont_table table th{background: #f8f8f8; border-top: 2px solid #000; border-bottom: 1px solid #dfdfdf; height: 2.2rem; text-align: center; font: bold 1rem/1.2rem 'Noto Sans Korean'; color: #3e3e3e;}
    .sub04_cont_table table td{border-bottom: 1px solid #dfdfdf; height: 2.2rem; text-align: center; font: .9rem/1.3rem 'Noto Sans Korean'; color: #3e3e3e; padding: .5rem 0;}

    /*sitemap*/
    .sitemap {width: 100%; overflow: hidden; padding: 0 1rem;}
    .sitemap ul{width: 100%;}
    .sitemap li{float: left; width: 100%;}
    .sitemap li .top{display: block; border-bottom: 1px solid #e60012; height: 42px; font: bold 24px/26px 'Noto Sans Korean'; color: #e60012; padding-left: 1rem; background: url('../img/sub/icon1.jpg') no-repeat 20rem .5rem; background-size: 16px 11px; margin-top: 2rem;}
    .sitemap li .list{display: block; font: 16px/50px 'Noto Sans Korean'; color: #232323; border-bottom: 1px dashed #dfdfdf; padding-left: 18px;}
    .sitemap li .list.on{background: url('../img/sub/icon2.jpg') no-repeat 325px 20px; background-size: 16px 11px;}
    .sitemap li div{padding: 18px 18px; background: #f9f9f9; border-bottom: 1px dashed #dfdfdf;}
    .sitemap li .sub{display: block; font: 16px/35px 'Noto Sans Korean'; color: #5e5e5e;}

}

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

}