@media screen and (max-width: 851px){
    .header .header_bottom .header_bottom_left ul li:nth-child(2) .header_depth2_sub .wrap ul{width: 115%;}
}

@media screen and (max-width: 721px){
    .header .header_bottom .header_bottom_left ul li:nth-child(2) .header_depth2_sub .wrap ul{width: 195%;}
    .header .header_bottom .header_bottom_left ul li:nth-child(3) .header_depth2_sub .wrap ul{width: 115%;}
    .header .header_bottom .header_bottom_left ul li:nth-child(4) .header_depth2_sub .wrap ul{width: 140%;}
    .header .header_bottom .header_bottom_left ul li:nth-child(5) .header_depth2_sub .wrap ul{width: 100%;}
    .header .header_bottom .header_bottom_left ul li:nth-child(6) .header_depth2_sub .wrap ul{width: 100%;}
}

/* header */
.header > .header_depth2_sub{background: #f7f7f7; position: absolute; width: 100%; left: 0; display: none;}
.header .header_bottom .wrap .header_bottom_left > ul > li .header_depth2_sub{background: #f7f7f7; position: absolute; width: 100%; left: 0; opacity: 0; visibility: hidden; transition: .3s;}
.header .header_bottom .wrap .header_bottom_left > ul > li:hover .header_depth2_sub{visibility: visible; opacity: 1;}
.header .header_depth2_sub ul{display: flex; justify-content: center;}
/* .header .header_depth2_sub ul{display: flex; justify-content: center;} */
.header .header_depth2_sub ul li{padding: 18px 30px;}
.header .header_depth2_sub ul li:nth-child(2n){padding: 18px 0; color: #ebebeb;}
.header .header_depth2_sub ul li a{font-size: 18px; color: #999999; transition: .3s;}
.header .header_depth2_sub ul li.on a{color: #000;}
.header .header_depth2_sub ul li:hover a{color: #000;}

/* introduce */
.content.introduce .section{padding: 200px 0 100px 0;}
.content.introduce .section .wrap > h2{font-size: 50px; font-weight: 700; text-align: center;}
.content.introduce .section .wrap > h4{font-size: 24px; text-align: center; font-weight: 500;}
.content.introduce .section .wrap > h5{font-size: 28px; text-align: center; font-weight: 400;}
.content.introduce .section .wrap > p{font-size: 26px; text-align: center; font-weight: 300; margin-top: 40px;}
.content.introduce .section1{padding: 200px 0 100px 0;}
/* .content.introduce .section1{padding-top: 150px;} */
.content.introduce .section1 .wrap h2{color: #598CD9;  font-family: 'Montserrat', sans-serif; font-weight: 700; margin-top: 10px;}
.content.introduce .section1 .wrap h2::before{content: ""; width: 70px; height: 70px; border-radius: 100%; display: inline-block; background: rgba(89, 140, 217, 0.1); position: absolute; transform: translateX(-30px);}
.content.introduce .section1 .wrap h5{margin-top: 30px;}
.content.introduce .section1 .sec1_con ul{display: flex; justify-content: space-between; margin-top: 80px;}
.content.introduce .section1 .sec1_con ul li{text-align: center;}
.content.introduce .section1 .sec1_con ul li p{font-size: 26px; font-weight: 300; margin-top: 30px;}
.content.introduce .section1 .sec1_con ul li p span{font-weight: 500; }
.content.introduce .section2{background: #f7f7f7;}
.content.introduce .section2 .wrap{width: 1400px;}
.content.introduce .section3 .wrap .sec3_box{position: relative;}
.content.introduce .section3 .wrap .sec3_box .text1{position: absolute; top: 0; left: 0;}
.content.introduce .tab_box{overflow: hidden; margin-top: 80px;}
.content.introduce .tab_box ul.tabs{
    float: left;
    width: 328px;
	margin: 0px;
	padding: 0px;
	list-style: none;
    text-align: center;
}
.content.introduce .tab_box ul.tabs li{
	background: none;
    background: #ECECEC;
	color: #222;
	display: block;
	padding: 0 37px;
	cursor: pointer;
    box-sizing: border-box;
}
.content.introduce .tab_box ul.tabs li h5{font-family: 'Montserrat', sans-serif; font-weight: 800; font-size: 20px; padding-top: 60px;}
.content.introduce .tab_box ul.tabs li p{font-size: 20px; padding-bottom: 60px; margin-top: 10px;}
.content.introduce .tab_box ul.tabs li:nth-child(1) p,
.content.introduce .tab_box ul.tabs li:nth-child(2) p{border-bottom: 1px solid rgba(0, 0, 0, 0.15);}
.content.introduce .tab_box ul.tabs li.current{
    position: relative;
    z-index: 2;
	background: #598CD9;
	color: #fff;
    box-shadow: 14px 14px 24px rgba(0, 0, 0, 0.1);
}
.content.introduce .tab_box ul.tabs li.current p{border-bottom: 1px solid rgba(0, 0, 0, 0);}
.content.introduce .tab-content{
    height: 626px;
	display: none;
	background: #fff;
	padding: 15px;
    box-sizing: border-box;
}
.content.introduce .tab-content img{
    position: relative;
    top: 50%;
    transform: translateY(-50%);    
    margin-left: 76px;
}
.content.introduce .tab-content.current{
	display: inherit;
}
.content.introduce .section3{padding-bottom: 247px;}
.content.introduce .section3 .wrap{width: 1400px;}
.content.introduce .section3 .wrap .sec3_con{position: relative; margin: 0 auto;  margin-top: 6.25rem; width: 87.5rem; height: 54.4375rem;}
.content.introduce .section3 .wrap .sec3_con .sec3_con_txt{}
.content.introduce .section3 .wrap .sec3_con > img {width: 100%;}

.content.introduce .section3 .wrap .sec3_con .sec3_con_txt{color: #fff;}
.content.introduce .section3 .wrap .sec3_con .sec3_con_txt .text{position: absolute;}
.content.introduce .section3 .wrap .sec3_con .sec3_con_txt .text1{width: 14.875rem; height: 3.375rem; line-height: 3.375rem; background: #AAAAAA; border-radius: 3.125rem;  text-align: center; font-size: 1.25rem; font-weight: 400; left: 37.25rem; top: 8rem; z-index: 1;}
.content.introduce .section3 .wrap .sec3_con .sec3_con_txt .text2{width: 15rem; height: 15rem; box-sizing: border-box; background: url(../images/intro_sec3_circle1.png); background-size: cover; display: flex; align-items: center; justify-content: center; text-align: center; left: 7.375rem; top: 14.75rem;}
.content.introduce .section3 .wrap .sec3_con .sec3_con_txt .text2 .text_wrap{position: relative; z-index: 1;}
.content.introduce .section3 .wrap .sec3_con .sec3_con_txt .text2 .text_wrap h2{font-size: 1.5rem; margin-top: 0.5rem; font-weight: 700;}
.content.introduce .section3 .wrap .sec3_con .sec3_con_txt .text3{font-size: 1.25rem; font-weight: 400; text-align: center; top: 23.75rem; left: 24.25rem; z-index: 1;}
.content.introduce .section3 .wrap .sec3_con .sec3_con_txt .text4{width: 18.875rem; height: 18.875rem; box-sizing: border-box; background: url(../images/intro_sec3_circle2.png); background-size: cover; display: flex; align-items: center; justify-content: center; text-align: center; left: 35.5rem; top: 12.75rem;}
.content.introduce .section3 .wrap .sec3_con .sec3_con_txt .text4 .text_wrap{position: relative; z-index: 1;}
.content.introduce .section3 .wrap .sec3_con .sec3_con_txt .text4 .text_wrap h2{font-size: 1.5rem; margin-top: 0.5rem; font-weight: 700;}
.content.introduce .section3 .wrap .sec3_con .sec3_con_txt .text5{font-size: 1.25rem; font-weight: 400; text-align: center; top: 23.75rem; left: 56.8125rem; z-index: 1;}
.content.introduce .section3 .wrap .sec3_con .sec3_con_txt .text6{width: 15rem; height: 15rem; box-sizing: border-box; background: url(../images/intro_sec3_circle3.png); background-size: cover; display: flex; align-items: center; justify-content: center; text-align: center; left: 66.625rem; top: 14.75rem;}
.content.introduce .section3 .wrap .sec3_con .sec3_con_txt .text6 .text_wrap{position: relative; z-index: 1;}
.content.introduce .section3 .wrap .sec3_con .sec3_con_txt .text6 .text_wrap h2{font-size: 1.5rem; margin-top: 0.5rem; font-weight: 700;}
.content.introduce .section3 .wrap .sec3_con .sec3_con_txt .text7{width: 10.1875rem; height: 3.375rem; line-height: 3.375rem; background: #AAAAAA; border-radius: 3.125rem;  text-align: center; font-size: 1.25rem; font-weight: 400; left: 39.8125rem; top: 34.3125rem; z-index: 1;}
.content.introduce .section3 .wrap .sec3_con .sec3_con_txt .text8{width: 9.625rem; height: 3.625rem; line-height: 3.225rem; background: rgba(255, 255, 255, 0.2); border: 2px solid #FFFFFF; box-sizing: border-box; border-radius: 3.125rem;  text-align: center; font-size: 1.25rem; font-weight: 400; left: 29.75rem; top: 42.875rem; z-index: 1;}
.content.introduce .section3 .wrap .sec3_con .sec3_con_txt .text9{width: 8.5rem; height: 3.625rem; line-height: 3.225rem; background: rgba(255, 255, 255, 0.2); border: 2px solid #FFFFFF; box-sizing: border-box; border-radius: 3.125rem;  text-align: center; font-size: 1.25rem; font-weight: 400; left: 40.6875rem; top: 42.875rem; z-index: 1;}
.content.introduce .section3 .wrap .sec3_con .sec3_con_txt .text10{width: 8.5rem; height: 3.625rem; line-height: 3.225rem; background: rgba(255, 255, 255, 0.2); border: 2px solid #FFFFFF; box-sizing: border-box; border-radius: 3.125rem;  text-align: center; font-size: 1.25rem; font-weight: 400; left: 50.4375rem; top: 42.875rem; z-index: 1;}
.content.introduce .section3 .wrap .sec3_con .sec3_con_txt .line{top: 0;}
.content.introduce .section3 .wrap .sec3_con .sec3_con_txt .line img{width: 87.5rem;}

/* franchise */
.content.franchise .section{padding: 200px 0 100px 0;}
/* .content.franchise .section{padding: 150px 0;} */
.content.franchise .section .wrap > h2{font-size: 50px; font-weight: 700; text-align: center;}
.content.franchise .section .wrap > h4{font-size: 24px; text-align: center; font-weight: 500;}
.content.franchise .section .wrap > h5{font-size: 28px; text-align: center; font-weight: 400;}
.content.franchise .section .wrap > p{font-size: 26px; text-align: center; font-weight: 300; margin-top: 88px;}
.content.franchise .section .wrap > p span{color: #F31170; font-weight: 700;}
.content.franchise .section1 .wrap .sec1_box{height: 469px; margin-top: 82px;}
.content.franchise .section1 .wrap .sec1_box .sec1_txt{text-align: center; color: #fff; position: relative; top: 50%; transform: translateY(-50%);}
.content.franchise .section1 .wrap .sec1_box .sec1_txt h2{font-size: 36px; font-weight: 500;}
.content.franchise .section1 .wrap .sec1_box .sec1_txt h1{margin-top: 10px; font-size: 54px; font-weight: 700;}
.content.franchise .section1 .wrap .sec1_box_2{height: 620px; margin-top: 122px;}
.content.franchise .section1 .wrap .sec1_box_2 .sec1_txt{text-align: right; color: #000; position: relative; top: 50%; transform: translateY(-50%); margin-right: 80px;}
.content.franchise .section1 .wrap .sec1_box_2 .sec1_txt h2{font-size: 30px; font-weight: 300; margin-top: 40px;}
.content.franchise .section1 .wrap .sec1_box_2 .sec1_txt h2 span{font-weight: 500;}
.content.franchise .section1 .wrap .sec1_box_2 .sec1_txt h1{font-size: 50px; font-weight: 700;}
.content.franchise .section2{background: #f7f7f7; text-align: center;}
.content.franchise .section2 .wrap .sec2_box{margin-top: 80px;}
.content.franchise .section2 .wrap .sec2_box ul{display: flex;}
.content.franchise .section2 .wrap .sec2_box ul li{width: 50%; font-size: 26px;}
.content.franchise .section2 .wrap .sec2_box ul li:first-child{margin-right: 28px;}
.content.franchise .section2 .wrap .sec2_box ul li .sec2_box_img{height: 414px; position: relative;}
.content.franchise .section2 .wrap .sec2_box ul li .sec2_box_img h5{color: #fff; position: absolute; bottom: 30px; left: 50%; transform: translateX(-50%); width: 100%;}
.content.franchise .section2 .wrap .sec2_box ul li p{margin-top: 40px;}
.content.franchise .section3 .wrap .sec3_box{margin-top: 80px;}
.content.franchise .section3 .wrap .sec3_box ul{display: flex;}
.content.franchise .section3 .wrap .sec3_box ul li{width: 50%; height: 420px; font-size: 26px; border: 1px solid #E1E1E1; box-sizing: border-box; text-align: center;  padding: 0 20px;}
.content.franchise .section3 .wrap .sec3_box ul li .sec3_box_img{margin-top: 50px;}
.content.franchise .section3 .wrap .sec3_box ul li:first-child{margin-right: 28px; background: #f7f7f7;}
.content.franchise .section3 .wrap .sec3_box ul li:last-child{box-shadow: 0px 20px 20px rgba(0, 0, 0, 0.05);}
.content.franchise .section3 .wrap .sec3_box ul li h5{font-size: 26px; margin-top: 20px; color: #598CD9; font-weight: 500;}
.content.franchise .section3 .wrap .sec3_box ul li p{font-size: 24px; margin-top: 30px;}
.content.franchise .section3 .wrap .sec3_box ul li span{font-size: 20px; color: #999999;}
.section3 .wrap_1400 .sec3_list{margin-top: 80px;}
.section3 .wrap_1400 .sec3_list ul{display: flex; justify-content: center; align-items: center; flex-wrap: wrap;}
.section3 .wrap_1400 .sec3_list ul li{display: flex; align-items: center; margin-bottom: 10px;;}
.section3 .wrap_1400 .sec3_list ul li:nth-child(2n-1) h5{font-family: 'Montserrat', sans-serif; width: 46px; height: 46px; background: #fff; color: #598cd9; font-weight: 700; border-radius: 100%; display: flex; justify-content: center; align-items: center; margin-right: 10px;}
.section3 .wrap_1400 .sec3_list ul li:nth-child(2n-1){padding: 20px 40px; background: #598cd9; color: #fff; border-radius: 50px; font-size: 24px;}
.section3 .wrap_1400 .sec3_list ul li:nth-child(3){background: #A2C73C;}
.section3 .wrap_1400 .sec3_list ul li:nth-child(3) h5{color: #A2C73C;}
.section3 .wrap_1400 .sec3_list ul li:nth-child(5){background: #A2C73C;}
.section3 .wrap_1400 .sec3_list ul li:nth-child(5) h5{color: #A2C73C;}
.section3 .wrap_1400 .sec3_list ul li .arrow{margin: 0 9px;}
.content.franchise .section4{background: #f7f7f7;}
.content.franchise .section4 .wrap .sec4_box{height: 520px;}
.content.franchise .section4 .wrap .sec4_box .sec1_txt{text-align: right; color: #000; position: relative; top: 50%; transform: translateY(-50%); margin-right: 80px;}
.content.franchise .section4 .wrap .sec4_box .sec1_txt h2{font-size: 30px; font-weight: 300; margin-top: 40px;}
.content.franchise .section4 .wrap .sec4_box .sec1_txt h2 span{font-weight: 500;}
.content.franchise .section4 .wrap .sec4_box .sec1_txt h1{font-size: 50px; font-weight: 700;}
.content.franchise .section4 .wrap .sec4_box_con ul{display: flex; justify-content: space-between;}
.content.franchise .section4 .wrap .sec4_box_con ul:first-child{border-bottom: 1px solid #cccccc; padding-top: 100px; padding-bottom: 80px;}
.content.franchise .section4 .wrap .sec4_box_con ul:last-child{padding-top: 80px;}
.content.franchise .section4 .wrap .sec4_box_con > ul > li:nth-child(1){width: 40%;}
.content.franchise .section4 .wrap .sec4_box_con > ul > li:nth-child(2){width: 60%;}
.content.franchise .section4 .wrap .sec4_box_con ul li .case{width: 137px; line-height: 61px; text-align: center;background: #a2c73c; border-radius: 61px; font-size: 24px; color: #fff; font-family: 'Montserrat', sans-serif; font-weight: 700;}
.content.franchise .section4 .wrap .sec4_box_con ul li p{font-size: 30px; margin-top: 13px;}
.content.franchise .section4 .wrap .sec4_box_con ul li .process1{display: flex; justify-content: right;}
.content.franchise .section4 .wrap .sec4_box_con ul li .process1 .process_con1{width: 160px; height: 160px; background: #F5C109; display: flex; justify-content: center; align-items: center; border-radius: 100%; text-align: center; }
.content.franchise .section4 .wrap .sec4_box_con ul li .process1 .process_con1 h5{color: #fff; margin-top: 6px; font-size: 24px;}
.content.franchise .section4 .wrap .sec4_box_con ul li .process1 .process_con2{display: flex; align-items: center; justify-content: center; text-align: center; padding: 0 30px;}
.content.franchise .section4 .wrap .sec4_box_con ul li .process1 .process_con2 .process_con2_wrap .money{margin-top: 20px; margin-bottom: 6px;}
.content.franchise .section4 .wrap .sec4_box_con ul li .process1 .process_con2 .process_con2_wrap h5{font-weight: 500; font-size: 24px; color: #598cd9;}
.content.franchise .section4 .wrap .sec4_box_con ul li .process1 .process_con3{width: 160px; height: 160px; background: #555555; display: flex; justify-content: center; align-items: center; border-radius: 20px; text-align: center; }
.content.franchise .section4 .wrap .sec4_box_con ul li .process1 .process_con3 h5{color: #fff; margin-top: 6px; font-size: 24px;}
.content.franchise .section4 .wrap .sec4_box_con ul li .process2{display: flex; justify-content: right; margin-top: 55px;}
.content.franchise .section4 .wrap .sec4_box_con ul li .process2 .process_con1{background: #fff; display: inline-block; padding: 32px 49.5px; text-align: center; border-radius: 20px; margin-right: 34px; font-size: 24px;}
.content.franchise .section4 .wrap .sec4_box_con ul li .process2 .process_con2{display: flex;}
.content.franchise .section4 .wrap .sec4_box_con ul li .process2 .process_con2 .process_con2_wrap{text-align: center;}
.content.franchise .section4 .wrap .sec4_box_con ul li .process2 .process_con2 .process_con2_wrap h5{font-size: 24px; color: #598cd9; font-weight: 500; margin-top: 11px;}

.content.franchise .section5 .wrap .sec5_box{text-align: center; margin-top: 80px;}
/* .content.franchise .section5 .wrap .sec5_box img{width: 100%; margin: 0 auto;} */

.content.franchise .section5{padding-bottom: 250px;}
.content.franchise .section5 .wrap ul{display: flex; justify-content: center; flex-wrap: wrap;}
.content.franchise .section5 .wrap .sec5_box ul li{margin-right: 26px; margin-bottom: 30px;}
.content.franchise .section5 .wrap .sec5_box ul li:last-child{margin-right: 0;}
.content.franchise .section5 .wrap .sec5_box ul li .circle{width: 218px; height: 219px; position: relative; display: flex; align-items: center; justify-content: center;}
.content.franchise .section5 .wrap .sec5_box ul li .circle .circle_wrap p{margin-top: 24.8px; font-weight: 500; font-size: 24px;}
.content.franchise .section5 .wrap .sec5_box ul li:nth-child(1) .circle .circle_wrap p{color: #3A506B;}
.content.franchise .section5 .wrap .sec5_box ul li:nth-child(2) .circle .circle_wrap p{color: #598CD9;}
.content.franchise .section5 .wrap .sec5_box ul li:nth-child(3) .circle .circle_wrap p{color: #FE9E0F;}
.content.franchise .section5 .wrap .sec5_box ul li:nth-child(4) .circle .circle_wrap p{color: #159C88;}
.content.franchise .section5 .wrap .sec5_box ul li:nth-child(5) .circle .circle_wrap p{color: #A2C73C;}
.content.franchise .section5 .wrap .sec5_box ul li .circle .arrow{position: absolute; top: 1px; right: -33px;}
.content.franchise .section5 .wrap .sec5_box ul li p{color: #555555; margin-top: 40px; font-weight: 300; font-size: 22px;}
.content.franchise .section5 .wrap .sec5_box img.mo_only_721{width: auto; margin: 0 auto;}

/* sign_up */
.form_page .section .wrap{width: 1000px;}
.form_page .section .wrap h1{font-size: 50px; text-align: center; font-weight: 700; padding-top: 150px; margin-bottom: 80px;}
.form_page .section .wrap .form_box{border: 1px solid #e1e1e1; padding: 80px 116px; margin-bottom: 280px;}
.form_page .section .wrap .form_box form .flex_wrap{display: flex; justify-content: space-between; align-items: center; margin-bottom: 22px;}
.form_page .section .wrap .form_box form .flex_wrap h5{width: 22%; font-size: 24px; font-weight: 500;}
.form_page .section .wrap .form_box form .flex_wrap h5 span{color: #E50000;}
.form_page .section .wrap .form_box form .flex_wrap .input_wrap{width: 75%; position: relative;}
.form_page .section .wrap .form_box form .flex_wrap .input_wrap input{width: 100%; height: 76px; padding: 0 30px; border: 1px solid #cccccc; font-size: 24px; border-radius: 4px;}
.form_page .section .wrap .form_box form .flex_wrap .input_wrap input::placeholder{color: #cccccc;}
.form_page .section .wrap .form_box form .flex_wrap .input_wrap a{position: absolute; right: 15px; top: 50%; transform: translateY(-50%); width: 114px; height: 46px; background: #598cd9; border-radius: 4px; color: #fff; display: flex; align-items: center; justify-content: center; font-size: 20px;}
.form_page .section .wrap .form_box form .flex_wrap .email_wrap{display: flex; justify-content: space-between; align-items: center;}
.form_page .section .wrap .form_box form .flex_wrap .email_wrap input{width: 40%;}
.form_page .section .wrap .form_box form .flex_wrap .email_wrap select{width: 50%; height: 76px; border: 1px solid #cccccc; padding: 0 30px; font-size: 24px; border-radius: 4px;}
.form_page .section .wrap .form_box form .flex_wrap .email_wrap input.email_tail{width: 50%; display: none;}
.form_page .section .wrap .form_box form .flex_wrap .email_wrap span{color: #999999; font-size: 24px;}
.form_page .section .wrap .form_box form .flex_wrap .form_alert{width: 75%; position: relative; top: -11px; font-size: 20px;}
.form_page .section .wrap .form_box form .flex_wrap .form_alert .alert{color: #E50000;}
.form_page .section .wrap .form_box form .flex_wrap .form_alert .success{color: #598CD9}
.form_page .section .wrap .form_box form .button_wrap{text-align: center;}
.form_page .section .wrap .form_box form .button_wrap button{width: 370px; height: 84px; color: #fff; background: #c4c4c4; font-size: 24px; transition: .3s; margin-top: 58px; font-size: 24px;}
.form_page .section .wrap .form_box form .button_wrap button:hover{background: #000;}

/* product */
.content.product .section{padding: 200px 0 100px 0;}
.content.product .section .wrap > h2{font-size: 50px; font-weight: 700; text-align: center;}
.content.product .section .wrap > h4{font-size: 24px; text-align: center; font-weight: 500;}
.content.product .section .wrap > h5{font-size: 28px; text-align: center; font-weight: 400;}
.content.product .section .wrap > p{font-size: 26px; text-align: center; font-weight: 300; margin-top: 40px;}
.content.product .section1 .wrap .sec1_box{margin-top: 64px;}
.content.product .section1 .wrap .sec1_box ul{display: flex; align-items: center; justify-content: space-between; position: relative;}
.content.product .section1 .wrap .sec1_box ul li .circle{width: 210px; height: 210px; background: #598CD9; border-radius: 100%; background: #598CD9; display: flex; justify-content: center; align-items: center; text-align: center; margin: 0 27px;}
.content.product .section1 .wrap .sec1_box ul li .circle .circle_wrap{font-size: 26px; color: #fff; font-weight: 500;}
.content.product .section1 .wrap .sec1_box ul li .circle .circle_wrap p{margin-top: 6.9px;}
.content.product .section1 .wrap .sec1_box ul li h5{font-size: 24px; position: absolute; right: 0; margin-top: 25px; color: #999999;}
.content.product .section1 .wrap .sec1_box ul li.circle_center{position: relative;}
.content.product .section1 .wrap .sec1_box ul li.circle_center .text{position: absolute; top: 0; font-size: 24px; font-weight: 400; text-align: center;}
.content.product .section1 .wrap .sec1_box ul li.circle_center .text1{color:#E50000; top: 200px; left: 40px;}
.content.product .section1 .wrap .sec1_box ul li.circle_center .text2{top: 405px; left: 40px;}
.content.product .section1 .wrap .sec1_box ul li.circle_center .text3{top: 375px; left: 522px;}
.content.product .section1 .wrap .sec1_box ul li.circle_center .logo{left: 50%; top: 50%; transform: translate(-50%, -50%);}
.content.product .section1 .wrap .sec1_box ul li.circle_center .logo p{font-size: 20px; margin-top: 10px;}

.content.product .section2{background: #f4f4f4;}
.content.product .section2 .wrap .sec2_box{text-align: center;}
.content.product .section2 .wrap .sec2_box h5{font-size: 30px; margin-top: 80px;}
.content.product .section2 .wrap .sec2_box h5 span{color: #598CD9; font-weight: 500;}
.content.product .section2 .wrap .sec2_box p{font-size: 26px; margin-top: 20px;}
.content.product .section2 .wrap .sec2_box ul{display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: 80px;}
.content.product .section2 .wrap .sec2_box ul li{width: 220px; height: 220px; background: #fff; border-radius: 20px; display: flex; justify-content: center; align-items: center; color: #999999; transition: .3s; cursor:pointer;}
.content.product .section2 .wrap .sec2_box ul li:hover{background: #598CD9; color: #fff;}
.content.product .section2 .wrap .sec2_box ul li .sec2_box_con .sec2_box_img{transition: .3s;}
.content.product .section2 .wrap .sec2_box ul li:hover .sec2_box_con .sec2_box_img{filter: brightness(1.5);}
.content.product .section2 .wrap .sec2_box ul li p{font-size: 18px;}
.content.product .section3 .wrap .sec3_box{text-align: center;}
.content.product .section3 .wrap h2 span{color: #598CD9;}
.content.product .section3 .wrap .sec3_box h2{font-size: 50px; font-weight: 700; text-align: center; margin-bottom: 80px;}
.content.product .section3 .wrap .sec3_box ul{display: flex; justify-content: space-between;}
.content.product .section3 .wrap .sec3_box ul li:first-child{margin-right: 20px;}
.content.product .section3 .wrap .sec3_box ul li img{width: 100%; filter: drop-shadow(0px 20px 30px rgba(0, 0, 0, 0.15));}
.content.product .section3 .wrap .sec3_box ul li h5{margin-top: 40px; font-size: 30px; font-weight: 500;}
.content.product .section3 .wrap .sec3_box ul li p{margin-top: 30px; font-size: 26px;}
.content.product .section3 .wrap .sec3_box2{margin-top: 200px;}
.content.product .section3 {padding-bottom: 280px;}
.modal_content .modalContWrap.information{padding: 40px}
.modal_content .modalContWrap.information .table_tit{padding: 20px 0; background: #AFAFAF; color: #fff; text-align: center; font-size: 22px;}
.modal_content .modalContWrap.information h5{margin-top: 40px; color: #999999;}
.modal .modal_content .modalContWrap.information .moadl_close_btn{top: 0; right: -60px;}
/* Safari 10.1+ */
@media not all and (min-resolution:.001dpcm)
{ @supports (-webkit-appearance:none) {
	.modal .modal_content .modalContWrap.information .moadl_close_btn{top: 0; right: -63px;}
}}

table.table_style1{width: 100%; text-align: center; font-size: 22px;}
table.table_style1 tr th{border: 1px solid #e1e1e1; background: rgba(89, 140, 217, 0.05); padding: 20px 0;}
table.table_style1 tr td{border: 1px solid #e1e1e1; padding: 20px 0;}
table.table_style1 tr td .theme_park .theme_park_bar{background: #598CD9; color: #fff; padding: 23px 63px; border-radius: 63px; margin: 0 90px; margin-top: 40px;}
table.table_style1 tr td .theme_park p{font-size: 22px; margin-top: 40px; margin-bottom: 40px;}

/* store */
.content.store .section{padding: 200px 0 100px 0;}
.content.store .section .wrap > h2{font-size: 50px; font-weight: 700; text-align: center;}
.content.store .section .wrap > h4{font-size: 24px; text-align: center; font-weight: 500;}
.content.store .section .wrap > h5{font-size: 28px; text-align: center; font-weight: 400;}
.content.store .section .wrap > p{font-size: 26px; text-align: center; font-weight: 300; margin-top: 40px;}
.content.store .section .wrap > p span{color: #598CD9; font-weight: 500;}
.content.store .section1 .wrap p{margin-top: 80px;}
.content.store .section1 .wrap .proposal{height: 67px; line-height: 67px; margin-top: 100px; text-align: center; background: #aaaaaa; color: #fff; font-size: 26px;}
.content.store .section1 .wrap .sec1_box1 > img{width: 100%;}
.content.store .section1 .wrap .sec1_box2 > img{width: 100%;}

.content.store .section1 .wrap .sec1_box{border: 2px solid #F4F4F4; box-sizing: border-box; padding: 60px;}
.content.store .section1 .wrap .sec1_box1 .sec1_box1_con{ display: flex;}
.content.store .section1 .wrap .sec1_box1 .sec1_box1_con .sec1_box1_con_left{position: relative;}
.content.store .section1 .wrap .sec1_box1 .sec1_box1_con .sec1_box1_con_left ul{position: absolute; top: 56px; left: 112px;}
.content.store .section1 .wrap .sec1_box1 .sec1_box1_con .sec1_box1_con_left ul li{font-size: 24px; color: #fff; text-align: center; font-family: 'Montserrat', sans-serif; font-weight: 600; margin-bottom: 46px;}
.content.store .section1 .wrap .sec1_box1 .sec1_box1_con .sec1_box1_con_left ul li:nth-child(1){margin-bottom: 62px;}
.content.store .section1 .wrap .sec1_box1 .sec1_box1_con .sec1_box1_con_right {margin-left: 22px; margin-top: 72px;}
.content.store .section1 .wrap .sec1_box1 .sec1_box1_con .sec1_box1_con_right ul li{display: flex; font-size: 20px; }
.content.store .section1 .wrap .sec1_box1 .sec1_box1_con .sec1_box1_con_right ul li .text1{border-top: 2px solid #598CD9; padding: 13px 0 36px 0; width: 230px; font-weight: 500; color: #598CD9;}
.content.store .section1 .wrap .sec1_box1 .sec1_box1_con .sec1_box1_con_right ul li .text2{border-top: 2px solid #d7d7d7; padding: 13px 0 36px 0; width: 390px;}

.content.store .section1 .wrap .sec1_box2 .sec1_box2_con{ display: flex; justify-content: space-between;}
.content.store .section1 .wrap .sec1_box2 .sec1_box2_con .sec1_box2_con_right{position: relative;}
.content.store .section1 .wrap .sec1_box2 .sec1_box2_con .sec1_box2_con_right ul{position: absolute; top: 56px; left: 178px;}
.content.store .section1 .wrap .sec1_box2 .sec1_box2_con .sec1_box2_con_right ul li{font-size: 24px; color: #fff; text-align: center; font-family: 'Montserrat', sans-serif; font-weight: 600; margin-bottom: 46px;}
.content.store .section1 .wrap .sec1_box2 .sec1_box2_con .sec1_box2_con_right ul li:nth-child(1){margin-bottom: 62px;}
.content.store .section1 .wrap .sec1_box2 .sec1_box2_con .sec1_box2_con_right ul li:nth-child(3){margin-bottom: 62px;}
.content.store .section1 .wrap .sec1_box2 .sec1_box2_con .sec1_box2_con_right ul li:nth-child(4){margin-bottom: 72px;}
.content.store .section1 .wrap .sec1_box2 .sec1_box2_con .sec1_box2_con_right ul li:nth-child(5){margin-bottom: 62px;}
.content.store .section1 .wrap .sec1_box2 .sec1_box2_con .sec1_box2_con_left {margin-right: 22px; margin-top: 72px;}
.content.store .section1 .wrap .sec1_box2 .sec1_box2_con .sec1_box2_con_left ul li{display: flex; font-size: 20px; text-align: right;}
.content.store .section1 .wrap .sec1_box2 .sec1_box2_con .sec1_box2_con_left ul li .text1{border-top: 2px solid #d7d7d7; padding: 13px 0 36px 0; width: 447px; line-height: 1.35;}
.content.store .section1 .wrap .sec1_box2 .sec1_box2_con .sec1_box2_con_left ul li .text2{border-top: 2px solid #598CD9; padding: 13px 0 36px 0; width: 268px; line-height: 1.35; font-weight: 500; color: #598CD9;}

.content.store .section1 .wrap .flex{display: flex;}
.content.store .section1 .wrap .sec1_box2 .sec1_box2_con2 h3{font-size: 26px; font-weight: 500;}
.content.store .section1 .wrap .sec1_box2 .sec1_box2_con2 h3 span{font-weight: 600; font-family: 'Montserrat', sans-serif; font-size: 40px; margin-right: 14px;}
.content.store .section1 .wrap .sec1_box2 .sec1_box2_con2{padding: 80px 210px;  border: 3px solid #f4f4f4;}
.content.store .section1 .wrap .sec1_box2 .sec1_box2_con2 .sec1_box2_con_box{margin-top: 45px;}
.content.store .section1 .wrap .sec1_box2 .sec1_box2_con2 .sec1_box2_con_box .flex .sec1_box2_con_box1{margin-right: 20px;}
.content.store .section1 .wrap .sec1_box2 .sec1_box2_con2 .sec1_box2_con_box .flex .sec1_box2_con_box2 .sec1_box2_con_box2_inner .flex .sec1_box2_con_box2_1{margin-right: 20px;}
.content.store .section1 .wrap .sec1_box2 .sec1_box2_con2 .sec1_box2_con_box .flex .sec1_box2_con_box2 .sec1_box2_con_box2_inner .flex .sec1_box2_con_box2_2{margin-right: 10px;}
.content.store .section1 .wrap .sec1_box2 .sec1_box2_con2 .sec1_box2_con_box .flex .sec1_box2_con_box2 .sec1_box2_con_box2_inner .flex .sec1_box2_con_box2_3{margin-right: 20px;}
.content.store .section1 .wrap .sec1_box2 .sec1_box2_con2 .sec1_box2_con_box .flex .sec1_box2_con_box2 .sec1_box2_con_box3_inner .flex .sec1_box2_con_box3_1{margin-right: 20px;}
.content.store .section1 .wrap .sec1_box2 .sec1_box2_con2 .sec1_box2_con_box .flex .sec1_box2_con_box2 .sec1_box2_con_box3_inner .flex .sec1_box2_con_box3_2{margin-right: 20px;}
.content.store .section1 .wrap .sec1_box2 .sec1_box2_con2 .sec1_box2_con_box .flex .sec1_box2_con_box2 .sec1_box2_con_box3_inner .flex .sec1_box2_con_box3_3{margin-right: 20px;}
.content.store .section1 .wrap .sec1_box2 .sec1_box2_con2 .sec1_box2_con_box .flex .sec1_box2_con_box2 .sec1_box2_con_box4_inner .flex .sec1_box2_con_box4_1{margin-right: 10px;}
.content.store .section1 .wrap .sec1_box2 .sec1_box2_con2 .sec1_box2_con_box .flex .sec1_box2_con_box2 .sec1_box2_con_box4_inner .flex .sec1_box2_con_box4_2{margin-right: 20px;}
.content.store .section1 .wrap .sec1_box2 .sec1_box2_con2 .sec1_box2_con_box .flex .sec1_box2_con_box2 .sec1_box2_con_box4_inner .flex .sec1_box2_con_box4_3{margin-right: 20px;}
.content.store .section1 .wrap .sec1_box2 .sec1_box2_con2 .sec1_box2_con_box .flex .sec1_box2_con_box1 .box1{margin-bottom: 10px;}
.content.store .section1 .wrap .sec1_box2 .sec1_box2_con2 .sec1_box2_con_box .flex .sec1_box2_con_box2 .sec1_box2_con_box2_inner .flex .sec1_box2_con_box2_1 .box1{margin-bottom: 6px;}
.content.store .section1 .wrap .sec1_box2 .sec1_box2_con2 .sec1_box2_con_box .flex .sec1_box2_con_box2 .sec1_box2_con_box2_inner .flex{margin-bottom: 33px;}
.content.store .section1 .wrap .sec1_box2 .sec1_box2_con2 .sec1_box2_con_box .flex .sec1_box2_con_box2 .sec1_box2_con_box3_inner .flex{margin-bottom: 33px;}
.content.store .section1 .wrap .sec1_box2 .sec1_box2_con2 .sec1_box2_con_box .flex .sec1_box2_con_box2 .sec1_box2_con_box4_inner .flex .sec1_box2_con_box4_3 .box1{margin-bottom: 8px;}
.content.store .section1 .wrap .sec1_box2 .sec1_box2_con2 .sec1_box2_con_box .flex .sec1_box2_con_box1 .box1{width: 124px; height: 244px; background: #f3f7fc; border: 1px solid #598cd9; display: flex; align-items: center; justify-content: center; color: #598cd9; font-size: 20px; font-weight: 500;}
.content.store .section1 .wrap .sec1_box2 .sec1_box2_con2 .sec1_box2_con_box .flex .sec1_box2_con_box1 .box2{width: 124px; height: 244px; background: #f3f7fc; border: 1px solid #598cd9; display: flex; align-items: center; justify-content: center; color: #598cd9; font-size: 20px; font-weight: 500;}
.content.store .section1 .wrap .sec1_box2 .sec1_box2_con2 .sec1_box2_con_box .flex .sec1_box2_con_box2 .sec1_box2_con_box2_inner .flex .sec1_box2_con_box2_1 .box1{width: 67px; height: 69px; background: #FBF1EA; border: 1px solid #FF9A9A; display: flex; align-items: center; justify-content: center; color: #FF9A9A; font-size: 16px; font-weight: 500; box-sizing: border-box;}
.content.store .section1 .wrap .sec1_box2 .sec1_box2_con2 .sec1_box2_con_box .flex .sec1_box2_con_box2 .sec1_box2_con_box2_inner .flex .sec1_box2_con_box2_1 .box2{width: 67px; height: 69px; background: #f3f7fc; border: 1px solid #598cd9; display: flex; align-items: center; justify-content: center; color: #598cd9; font-size: 16px; font-weight: 500; box-sizing: border-box;}
.content.store .section1 .wrap .sec1_box2 .sec1_box2_con2 .sec1_box2_con_box .flex .sec1_box2_con_box2 .sec1_box2_con_box2_inner .flex .sec1_box2_con_box2_2 .box1{width: 159px; height: 144px; background: #f3f7fc; border: 1px solid #598cd9; display: flex; align-items: center; justify-content: center; color: #598cd9; font-size: 20px; font-weight: 500; box-sizing: border-box;}
.content.store .section1 .wrap .sec1_box2 .sec1_box2_con2 .sec1_box2_con_box .flex .sec1_box2_con_box2 .sec1_box2_con_box2_inner .flex .sec1_box2_con_box2_3 .box1{width: 307px; height: 144px; background: #f3f7fc; border: 1px solid #598cd9; display: flex; align-items: center; justify-content: center; color: #598cd9; font-size: 20px; font-weight: 500; box-sizing: border-box;}
.content.store .section1 .wrap .sec1_box2 .sec1_box2_con2 .sec1_box2_con_box .flex .sec1_box2_con_box2 .sec1_box2_con_box2_inner .flex .sec1_box2_con_box2_4 .box1{width: 53px; height: 144px; background: #f4f4f4; border: 1px solid #f4f4f4; display: flex; align-items: center; justify-content: center; color: #999999; font-size: 15px; font-weight: 500; box-sizing: border-box;}
.content.store .section1 .wrap .sec1_box2 .sec1_box2_con2 .sec1_box2_con_box .flex .sec1_box2_con_box2 .sec1_box2_con_box2_inner .flex .sec1_box2_con_box2_4 .box1 span{transform: rotateZ(90deg);}
.content.store .section1 .wrap .sec1_box2 .sec1_box2_con2 .sec1_box2_con_box .flex .sec1_box2_con_box2 .sec1_box2_con_box3_inner .flex .sec1_box2_con_box3_1 .box1{width: 67px; height: 143px; background: #f4f4f4; border: 1px solid #f4f4f4; display: flex; align-items: center; justify-content: center; color: #999999; font-size: 15px; font-weight: 500; box-sizing: border-box;}
.content.store .section1 .wrap .sec1_box2 .sec1_box2_con2 .sec1_box2_con_box .flex .sec1_box2_con_box2 .sec1_box2_con_box3_inner .flex .sec1_box2_con_box3_1 .box1 span{transform: rotateZ(90deg);}
.content.store .section1 .wrap .sec1_box2 .sec1_box2_con2 .sec1_box2_con_box .flex .sec1_box2_con_box2 .sec1_box2_con_box3_inner .flex .sec1_box2_con_box3_2 .box1{width: 159px; height: 143px; background: #FEFAED; border: 1px solid #E68A00; display: flex; align-items: center; justify-content: center; color: #E68A00; font-size: 20px; font-weight: 500; box-sizing: border-box;}
.content.store .section1 .wrap .sec1_box2 .sec1_box2_con2 .sec1_box2_con_box .flex .sec1_box2_con_box2 .sec1_box2_con_box3_inner .flex .sec1_box2_con_box3_3 .box1{width: 67px; height: 143px; background: #f4f4f4; border: 1px solid #f4f4f4; display: flex; align-items: center; justify-content: center; color: #999999; font-size: 15px; font-weight: 500; box-sizing: border-box;}
.content.store .section1 .wrap .sec1_box2 .sec1_box2_con2 .sec1_box2_con_box .flex .sec1_box2_con_box2 .sec1_box2_con_box3_inner .flex .sec1_box2_con_box3_3 .box1 span{transform: rotateZ(270deg);}
.content.store .section1 .wrap .sec1_box2 .sec1_box2_con2 .sec1_box2_con_box .flex .sec1_box2_con_box2 .sec1_box2_con_box3_inner .flex .sec1_box2_con_box3_4 .box1{width: 282px; height: 143px; background: #FEFAED; border: 1px solid #E68A00; display: flex; align-items: center; justify-content: center; color: #E68A00; font-size: 20px; font-weight: 500; box-sizing: border-box;}
.content.store .section1 .wrap .sec1_box2 .sec1_box2_con2 .sec1_box2_con_box .flex .sec1_box2_con_box2 .sec1_box2_con_box4_inner .flex .sec1_box2_con_box4_1 .box1{width: 233px; height: 147px; background: rgba(162, 199, 60, 0.1); border: 1px solid #A2C73C; display: flex; align-items: center; justify-content: center; color: #A2C73C; font-size: 20px; font-weight: 500; box-sizing: border-box;}
.content.store .section1 .wrap .sec1_box2 .sec1_box2_con2 .sec1_box2_con_box .flex .sec1_box2_con_box2 .sec1_box2_con_box4_inner .flex .sec1_box2_con_box4_2 .box1{width: 233px; height: 147px; background: rgba(162, 199, 60, 0.1); border: 1px solid #A2C73C; display: flex; align-items: center; justify-content: center; color: #A2C73C; font-size: 20px; font-weight: 500; box-sizing: border-box;}
.content.store .section1 .wrap .sec1_box2 .sec1_box2_con2 .sec1_box2_con_box .flex .sec1_box2_con_box2 .sec1_box2_con_box4_inner .flex .sec1_box2_con_box4_3 .box1{width: 67px; height: 69px; background: rgba(162, 199, 60, 0.1); border: 1px solid #A2C73C; display: flex; align-items: center; justify-content: center; color: #A2C73C; font-size: 16px; font-weight: 500; box-sizing: border-box;}
.content.store .section1 .wrap .sec1_box2 .sec1_box2_con2 .sec1_box2_con_box .flex .sec1_box2_con_box2 .sec1_box2_con_box4_inner .flex .sec1_box2_con_box4_3 .box2{width: 67px; height: 69px; background: #FBF1EA; border: 1px solid #FF9A9A; display: flex; align-items: center; justify-content: center; color: #FF9A9A; font-size: 16px; font-weight: 500; box-sizing: border-box;}
.content.store .section1 .wrap .sec1_box2 .sec1_box2_con2 .sec1_box2_con_box .flex .sec1_box2_con_box2 .sec1_box2_con_box4_inner .flex .sec1_box2_con_box4_4 .box1{width: 53px; height: 144px; background: #f4f4f4; border: 1px solid #f4f4f4; display: flex; align-items: center; justify-content: center; color: #999999; font-size: 15px; font-weight: 500; box-sizing: border-box;}
.content.store .section1 .wrap .sec1_box2 .sec1_box2_con2 .sec1_box2_con_box .flex .sec1_box2_con_box2 .sec1_box2_con_box4_inner .flex .sec1_box2_con_box4_4 .box1 span{transform: rotateZ(90deg);}

.content.store .section2 {background: #F4F4F4;}
.content.store .section2 .wrap .sec2_box1{margin-top: 100px;}
.content.store .section2 .wrap p{margin-top: 100px;}
.content.store .section2 .wrap .sec2_box2{margin-top: 125px;}
.content.store .section2 .wrap .sec2_box2 ul{display: flex; justify-content: space-between;}
.content.store .section2 .wrap .sec2_box2 ul li{width: 33%; height: 444px; background: #fff; margin-right: 30px; border: 4px solid #82ACEA; border-radius: 20px; text-align: center; position: relative;}
.content.store .section2 .wrap .sec2_box2 ul li .check{position: absolute; left: 50%; transform: translateX(-50%); top: -29px;}
.content.store .section2 .wrap .sec2_box2 ul li .list_wrap img{margin-top: 75px;}
.content.store .section2 .wrap .sec2_box2 ul li .list_wrap h5{font-size: 28px; font-weight: 700; margin-top: 25px;}
.content.store .section2 .wrap .sec2_box2 ul li .list_wrap p{font-size: 24px; margin-top: 20px;}
.content.store .section2 .wrap .sec2_box2 ul li:nth-child(1){border-color: #82ACEA;}
.content.store .section2 .wrap .sec2_box2 ul li:nth-child(2){border-color: #679BEA;}
.content.store .section2 .wrap .sec2_box2 ul li:nth-child(3){border-color: #598CD9;}
.content.store .section2 .wrap .sec2_box2 ul li:last-child{margin-right: 0;}
.content.store .section2 .wrap .sec2_box1 > img{width: 100%;}

.content.store .section2 .wrap .sec2_box1{position: relative;}
.content.store .section2 .wrap .sec2_box1 .sec2_box1_con{width: 75rem; height: 27.125rem; position: relative; margin: 0 auto;}
.content.store .section2 .wrap .sec2_box1 .sec2_box1_con .circle{width: 10.375rem; height: 10.375rem; background: #fff; border-radius: 100%; display: flex; align-items: center; justify-content: center; text-align: center; position: absolute;}
.content.store .section2 .wrap .sec2_box1 .sec2_box1_con .circle .line{position: absolute;}
.content.store .section2 .wrap .sec2_box1 .sec2_box1_con .circle .con_wrap h5{margin-top: 0.625rem; font-size: 1.125rem;}
.content.store .section2 .wrap .sec2_box1 .sec2_box1_con .circle2{left: 26.875rem; top: 0px;}
.content.store .section2 .wrap .sec2_box1 .sec2_box1_con .circle3{left: 45rem; top: 0px;}
.content.store .section2 .wrap .sec2_box1 .sec2_box1_con .circle4{width: 11.875rem; height: 11.875rem; background: #598cd9; color: #fff; left: 13.125rem; top: 7.6875rem;}
.content.store .section2 .wrap .sec2_box1 .sec2_box1_con .circle5{left: 0px; top: 16.875rem;}
.content.store .section2 .wrap .sec2_box1 .sec2_box1_con .circle6{left: 26.875rem; top: 16.875rem;}
.content.store .section2 .wrap .sec2_box1 .sec2_box1_con .circle1 .line{left: 10.1875rem; top: 4.9375rem;}
.content.store .section2 .wrap .sec2_box1 .sec2_box1_con .circle2 .line{left: -7.3125rem; top: 4.9375rem;}
.content.store .section2 .wrap .sec2_box1 .sec2_box1_con .circle3 .line{left: -7.875rem; top: 4.9375rem;}
.content.store .section2 .wrap .sec2_box1 .sec2_box1_con .circle5 .line{left: 10.1875rem; top: 3.125rem;}
.content.store .section2 .wrap .sec2_box1 .sec2_box1_con .circle6 .line{left: -7.375rem; top: 3.125rem;}
.content.store .section2 .wrap .sec2_box1 .sec2_box1_con .store_player .line{position: absolute; left: -27.25rem; top: 12.6875rem;}
.content.store .section2 .wrap .sec2_box1 .sec2_box1_con .store_player{position: absolute; right: 0; top: 0.3125rem; text-align: center;}
.content.store .section2 .wrap .sec2_box1 .sec2_box1_con .store_player h5{font-size: 1.5rem; color: #598cd9; font-weight: 500; margin-top: 1rem;}

.content.store .section2 .wrap .sec2_box1 .sec2_box1_con .circle1 .line img{width: 7.8125rem;}
.content.store .section2 .wrap .sec2_box1 .sec2_box1_con .circle2 .line img{width: 6.875rem;}
.content.store .section2 .wrap .sec2_box1 .sec2_box1_con .circle3 .line img{width: 7.0625rem;}
.content.store .section2 .wrap .sec2_box1 .sec2_box1_con .circle5 .line img{width: 7.9375rem;}
.content.store .section2 .wrap .sec2_box1 .sec2_box1_con .circle6 .line img{width: 6.875rem;}
.content.store .section2 .wrap .sec2_box1 .sec2_box1_con .store_player > img{width: 10.625rem;}
.content.store .section2 .wrap .sec2_box1 .sec2_box1_con .store_player .line img{width: 25.0625rem;}
.content.store .section2 .wrap .sec2_box1 .sec2_box1_con .circle1 .con_wrap > img{width: 1.6875rem;}
.content.store .section2 .wrap .sec2_box1 .sec2_box1_con .circle2 .con_wrap > img{width: 3.75rem;}
.content.store .section2 .wrap .sec2_box1 .sec2_box1_con .circle3 .con_wrap > img{width: 3.25rem;}
.content.store .section2 .wrap .sec2_box1 .sec2_box1_con .circle4 .con_wrap > img{width: 3.625rem;}
.content.store .section2 .wrap .sec2_box1 .sec2_box1_con .circle5 .con_wrap > img{width: 2.625rem;}
.content.store .section2 .wrap .sec2_box1 .sec2_box1_con .circle6 .con_wrap > img{width: 4rem;}


.content.store .section3 .wrap .sec3_box{text-align: center; margin-top: 80px;}
.content.store .section3 .wrap .sec3_box ul{display: flex; justify-content: space-between;}
.content.store .section3 .wrap .sec3_box ul li{width: 16.666%; border-left: 1px solid #eee; box-sizing: border-box;}
.content.store .section3 .wrap .sec3_box ul li:first-child{border-left: none;}
.content.store .section3 .wrap .sec3_box ul li .sec3_box_con p{margin-top: 15px; font-size: 26px;}
.content.store .section3 .wrap .sec3_box > p{margin-top: 80px; font-size: 30px; line-height: 1.6;}
.content.store .section4{background: #F4F4F4; text-align: center;}
.content.store .section4{padding-bottom: 316px;}
.content.store .section4 .wrap_1400 .sec4_list img{}
.content.store .section4 .wrap_1400 .sec4_list{margin-top: 80px;}
.content.store .section4 .wrap_1400 .sec4_list ul{display: flex; justify-content: center; align-items: center; flex-wrap: wrap;}
.content.store .section4 .wrap_1400 .sec4_list ul li{display: flex; align-items: center; margin-bottom: 10px;;}
.content.store .section4 .wrap_1400 .sec4_list ul li:nth-child(2n-1) h5{font-family: 'Montserrat', sans-serif; width: 46px; height: 46px; background: #fff; color: #598cd9; font-weight: 700; border-radius: 100%; display: flex; justify-content: center; align-items: center; margin-right: 10px;}
.content.store .section4 .wrap_1400 .sec4_list ul li:nth-child(2n-1){padding: 20px 40px; background: #598cd9; color: #fff; border-radius: 50px; font-size: 24px;}
.content.store .section4 .wrap_1400 .sec4_list ul li:nth-child(3){background: #A2C73C;}
.content.store .section4 .wrap_1400 .sec4_list ul li:nth-child(3) h5{color: #A2C73C;}
.content.store .section4 .wrap_1400 .sec4_list ul li:nth-child(5){background: #A2C73C;}
.content.store .section4 .wrap_1400 .sec4_list ul li:nth-child(5) h5{color: #A2C73C;}
.content.store .section4 .wrap_1400 .sec4_list ul li .arrow{margin: 0 9px;}

.content.store .section4 .wrap > p span{color: #f31170; font-weight: 500;}
.content.store .section4 .wrap .sec4_box{margin-top: 70px;}
.content.store .section4 .wrap .sec4_box ul{display:flex;}
.content.store .section4 .wrap .sec4_box ul li{background: #fff; margin-left: 19px; width: 33.333%; padding: 50px 20px; box-sizing: border-box;}
.content.store .section4 .wrap .sec4_box ul li:nth-child(2){box-shadow: 0px 30px 20px rgba(0, 0, 0, 0.05);}
.content.store .section4 .wrap .sec4_box ul li:first-child{margin-left: 0;}
.content.store .section4 .wrap .sec4_box ul li h5{font-size: 26px; color: #a2c73c; font-weight: 500;}
.content.store .section4 .wrap .sec4_box ul li p{margin-top: 30px; font-size: 23px;}
.content.store .section4 .wrap .sec4_box ul li small{display: block; font-size: 20px; margin-top: 20px; color: #999999;}
.content.store .section4 .wrap_1400 h4{margin-top: 150px; font-size: 36px; font-weight: 500;}
.content.store .section4 .wrap_1400 .sec4_list{margin-top: 70px;}
.content.store .section4 .wrap_1400 .sec4_list img.mo_only_721{width: auto; margin: 0 auto;}
.content.store .section1 .wrap .sec1_box2 .sec1_box2_con2 .sec1_box2_con_txt{margin-top: 80px;}
.content.store .section1 .wrap .sec1_box2 .sec1_box2_con2 .sec1_box2_con_txt ul{display: flex; justify-content: space-between; flex-wrap: wrap;}
.content.store .section1 .wrap .sec1_box2 .sec1_box2_con2 .sec1_box2_con_txt ul li{width: 47.4%; border-bottom: 1px solid #e4e4e4; display: flex; padding: 14px 0;}
.content.store .section1 .wrap .sec1_box2 .sec1_box2_con2 .sec1_box2_con_txt ul li:nth-child(1){border-top: 1px solid #e4e4e4;}
.content.store .section1 .wrap .sec1_box2 .sec1_box2_con2 .sec1_box2_con_txt ul li:nth-child(2){border-top: 1px solid #e4e4e4;}
.content.store .section1 .wrap .sec1_box2 .sec1_box2_con2 .sec1_box2_con_txt ul li h5{width: 102px; font-size: 26px; font-weight: 500;}
.content.store .section1 .wrap .sec1_box2 .sec1_box2_con2 .sec1_box2_con_txt ul li p{margin-top: 0; font-size: 20px;}



/* cs */
.content.cs .section{padding: 200px 0 100px 0;}
.content.cs .section .wrap > h2{font-size: 50px; font-weight: 700; text-align: center;}
.content.cs .section .wrap > h4{font-size: 24px; text-align: center; font-weight: 500;}
.content.cs .section .wrap > h5{font-size: 28px; text-align: center; font-weight: 400;}
.content.cs .section .wrap > p{font-size: 26px; text-align: center; font-weight: 300; margin-top: 40px;}
.content.cs .section1{padding: 200px 0 100px 0;}
/* .content.cs .section1{padding-top: 150px; padding-bottom: 0px;} */
.content.cs .section1 .wrap .sec1_box2 a img{width: 100%; margin-top: 40px; cursor: pointer;}
.content.cs .section1 .wrap .sec1_box1{height: 600px; display: flex; align-items: center; padding: 0 100px; margin-top: 80px;}
.content.cs .section1 .wrap .sec1_box1 .sec1_box1_left{width: 100%;}
.content.cs .section1 .wrap .sec1_box1 .sec1_box1_left ul{display: flex; }
.content.cs .section1 .wrap .sec1_box1 .sec1_box1_left ul li{width: 240px; height: 240px; left: 460px; top: 765px; background: rgba(255, 255, 255, 0.15); backdrop-filter: blur(20px); border-radius: 100%; display: flex; justify-content: center; align-items: center; text-align: center; margin-left: 20px;}
.content.cs .section1 .wrap .sec1_box1 .sec1_box1_left ul:last-child{margin-top: 20px;}
.content.cs .section1 .wrap .sec1_box1 .sec1_box1_left ul li .sec1_box1_left_con p{color: #A2C73C; font-family: 'Montserrat', sans-serif;}
.content.cs .section1 .wrap .sec1_box1 .sec1_box1_left ul li .sec1_box1_left_con h5{color: #fff; font-size: 26px; line-height: 1.4; margin-top: 8px;}
.content.cs .section1 .wrap .sec1_box1 .sec1_box1_right{text-align: right; width: 100%;}
.content.cs .section1 .wrap .sec1_box1 .sec1_box1_right h5{font-size: 30px; color: #c4c4c4; text-decoration-line: line-through;}
.content.cs .section1 .wrap .sec1_box1 .sec1_box1_right h2{font-size: 60px; font-weight: bold; color : #fff;}
.content.cs .section1 .wrap .sec1_box1 .sec1_box1_right a{width: 136px; height: 54px; padding: 8px 20px; box-sizing: border-box; border-radius: 30px; background: #a2c73c; font-size: 26px; color: #fff; margin-top: 30px; display: inline-block; cursor: pointer;}
.content.cs .section2{padding-top: 200px; padding-bottom: 280px;}
.content.cs .section2 .map{padding-top: 80px; height: 678px;}
.content.cs .section2 .map iframe{width: 100%; height: 100%;}
.content.cs .section2 .sec2_box{border: 1px solid #E1E1E1; padding:50px 60px; box-sizing: border-box;}
.content.cs .section2 .sec2_box ul li{display: flex; margin-bottom: 10px;}
.content.cs .section2 .sec2_box ul li:last-child{margin-bottom: 0;}
.content.cs .section2 .sec2_box ul li h5{width: 15%; font-size: 24px;}
.content.cs .section2 .sec2_box ul li p{font-size: 24px; color: #555555; width: 85%;}
.content.cs_notice .section1{padding: 150px 0;}
table.table_style2{width: 100%; text-align: center; font-size: 22px;}
table.table_style2 tr th{border-top: 2px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; background: #f4f4f4; padding: 20px 0; vertical-align: middle;}
table.table_style2 tr td{border-bottom: 1px solid #e1e1e1; padding: 20px 0;  vertical-align: middle;}
table.table_style2 tr td .theme_park .theme_park_bar{background: #598CD9; color: #fff; padding: 23px 63px; border-radius: 63px; margin: 0 90px; margin-top: 40px;}
table.table_style2 tr td .theme_park p{font-size: 22px; margin-top: 40px; margin-bottom: 40px;}
.content.cs_notice .section1 table.table_style2 tr td:nth-child(2){text-align: left; padding-left: 50px; font-weight: 400;}
.content.cs_notice .section1 table.table_style2 tr td:nth-child(3){color: #999999;}
.content.cs_notice .section1 table.table_style2 tr td:nth-child(4){color: #999999;}
.content.cs_notice .section1 table.table_style2 tr th:nth-child(5){text-align: right;}
.content.cs_notice .section1 table.table_style2 tr td:nth-child(5){color: #999999; text-align: right;}
.content.cs .section1 .wrap .table_style2{margin-top: 80px;}
.pager ul{display: flex; justify-content: center; margin-top: 80px;}
.pager ul li{font-size: 18px; padding: 0 10px; font-family: 'Montserrat', sans-serif; font-weight: 600;}
.pager ul li a{color: #999999;}
.pager ul li.on a{color: #000;}
.content.cs_notice .section1{padding-bottom: 280px;}
.content.cs_notice .section1 .notice_wrap{margin-top: 55px;}
.content.cs_notice .section1 .notice_wrap .notice_tit{ background: #f4f4f4; display: flex; align-items: center; padding: 20px 30px; font-size: 24px; border: 1px solid #e1e1e1;}
.content.cs_notice .section1 .notice_wrap .notice_tit h4{margin-right: 20px; color: #598CD9;}
.content.cs_notice .section1 .notice_wrap .notice_tit h5{font-weight: 500;}
.content.cs_notice .section1 .notice_wrap .notice_list{padding: 20px 0; border-bottom: 1px solid #f4f4f4;}
.content.cs_notice .section1 .notice_wrap .notice_list ul{display: flex; justify-content: right;}
.content.cs_notice .section1 .notice_wrap .notice_list ul li{margin-left: 30px; font-size: 24px; color: #999999;}
.content.cs_notice .section1 .notice_wrap .notice_list ul li:first-child{margin-left: 0;}
.content.cs_notice .section1 .notice_wrap .notice_con{min-height: 639px; border-bottom: 1px solid #f4f4f4; padding: 60px 0; box-sizing: border-box; font-size: 26px;}
.content.cs_notice .section1 .notice_wrap .notice_bottom{margin-top: 60px;}
.content.cs_notice .section1 .notice_wrap .notice_bottom ul{display: flex; justify-content: space-between; align-items: center;}
.content.cs_notice .section1 .notice_wrap .notice_bottom ul li a{display: flex; align-items: center; font-size: 26px; color: #c4c4c4;}
.content.cs_notice .section1 .notice_wrap .notice_bottom ul li:first-child a img{margin-right: 20px;}
.content.cs_notice .section1 .notice_wrap .notice_bottom ul li:nth-child(2) a{color: #000; display: inline-block; border: 1px solid #000; font-size: 22px; height: 75px; line-height: 75px; width: 226px; text-align: center; font-weight: 500;}
.content.cs_notice .section1 .notice_wrap .notice_bottom ul li:last-child a img{margin-left: 20px;}
.modal_content .modalContWrap.information2{max-height: 640px; overflow-y: scroll;}
.modal_content .modalContWrap.information2 .table_tit{background: #A2C73C; font-size: 24px;}
.modal_content .modalContWrap.information2 .table_con{text-align: center; border: 1px solid #e1e1e1; box-sizing: border-box;}
.modal_content .modalContWrap.information2 .table_con .table_alert{color: #ff0000; background: rgba(89, 140, 217, 0.05); padding: 11px 0; font-size: 22px;}
.modal_content .modalContWrap.information2 .table_con .table_alert span{color: #598CD9;}
.modal_content .modalContWrap.information2 .table_con .table_alert a{cursor: pointer; text-decoration: underline;}
.modal_content .modalContWrap.information2 .table_con .table_top{}
.modal_content .modalContWrap.information2 .table_con .table_top h5{font-size: 24px; font-weight: 700; color: #a2c73c; padding-top: 20px; margin-top: 0; margin-bottom: 26px;}
.modal_content .modalContWrap.information2 .table_con .table_top .input_wrap{display: flex; justify-content: center; align-items: center;}
.modal_content .modalContWrap.information2 .table_con .table_top .input_wrap p{width: 140px; font-size: 22px; text-align: left;}
.modal_content .modalContWrap.information2 .table_con .table_top .input_wrap input{width: 168px; border: 1px solid #c4c4c4; text-align: center; width: 168px; height: 40px; font-size: 22px; text-align: left; padding: 4px 16px; box-sizing: border-box;}
.modal_content .modalContWrap.information2 .table_con .table_top .input_wrap select{width: 168px; border: 1px solid #c4c4c4; text-align: center; width: 168px; height: 40px; font-size: 22px; text-align: left; padding: 4px 16px; box-sizing: border-box;}
.modal_content .modalContWrap.information2 .table_con .table_bottom{padding: 20px 18px; padding-top: 0; text-align: left;}
.modal_content .modalContWrap.information2 .table_con .table_bottom h4{font-size: 24px; font-weight: 500;}
.modal_content .modalContWrap.information2 .table_con .table_bottom h5{font-size: 18px; color: #000; margin-top: 20px;}
.modal_content .modalContWrap.information2 .table_con2{text-align: center;}
.modal_content .modalContWrap.information2 .table_con2 .checkbox_wrap{margin-top: 30px; margin-bottom: 30px;;}
.modal_content .modalContWrap.information2 .table_con2 .checkbox_wrap label{ color: #000; font-weight: 500; font-size: 24px;}
.modal_content .modalContWrap.information2 .table_con2 .button_wrap button{background: #A2C73C; color: #fff; padding: 8px 20px; font-size: 26px; border-radius: 30px; margin: 0 17px; margin-bottom: 40px;}
form input[type=checkbox] + label.check_style2 { display: inline-block; cursor: pointer; position: relative; padding-left: 35px; font-size: 16px; } 
form input[type=checkbox]+ label.check_style2:before { content: ""; display: inline-block; width: 26px; height: 26px; margin-right: 10px; position: absolute; left: 0; bottom: 0px; background-color: #fff; border-radius: 2px; background: url("../images/check_off.png"); background-size: cover;} 
form input[type=checkbox]:checked + label.check_style2:before { content: ""; width: 26px; height: 26px; background: url("../images/check_on2.png"); background-size: cover;} 
.modal_content .modalContWrap.information3 .sec1_services{margin-top: 0px;}
.modal_content .modalContWrap.information3 .sec1_services > ul{display: flex; justify-content: center;}
.modal_content .modalContWrap.information3 .sec1_services > ul > li > a{width: 150px; height: 150px; border-radius: 150px; text-align: center; background: #F4F4F4; transition: .3s; display: block; box-sizing: border-box; padding: 30px 0px; margin-left: 10px;}
/* .modal_content .modalContWrap.information3 .sec1_services > ul > li:last-child > a{margin-left: 0;} */
.modal_content .modalContWrap.information3 .sec1_services > ul > li > a .serv{transition: .3s;}
.modal_content .modalContWrap.information3 .sec1_services > ul > li > a > p{margin-top: 5px; font-size: 17px; color: #999999; transition: .3s;}
.modal_content .modalContWrap.information3 .sec1_services > ul > li:hover > a{background: #fff;}
/* .modal_content .modalContWrap.information3 .sec1_services > ul > li:hover > a .serv{filter: brightness(1.5);} */
/* .modal_content .modalContWrap.information3 .sec1_services > ul > li:hover > a > p{color: #fff;} */


/* channel */
.content.channel .section{padding: 200px 0 100px 0;}
.content.channel .section .wrap > h2{font-size: 50px; font-weight: 700; text-align: center;}
.content.channel .section .wrap > h4{font-size: 24px; text-align: center; font-weight: 500;}
.content.channel .section .wrap > h5{font-size: 28px; text-align: center; font-weight: 400;}
.content.channel .section .wrap > p{font-size: 26px; text-align: center; font-weight: 300; margin-top: 40px;}
.content.channel .section .wrap{text-align: center;}
.content.channel .section .wrap .mark_box{text-align: center; font-size: 26px; color: #fff; background: #598cd9; padding: 10px 30px; display: inline-block; border-radius: 30px; margin-top: 40px;}
.content.channel .section1{color: #fff;}
.content.channel .section1 .wrap > p > span{color: #598CD9;}
.content.channel .section1 .wrap > p{margin-top: 80px;}
.content.channel .section1 .wrap .sec1_box1{text-align: center; margin-top: 120px;}
.content.channel .section1 .wrap .sec1_box1 img{width: 959px;}
.content.channel .section2{background: #f4f4f4;}
.content.channel .section2 .wrap .mark_box{background: #A2C73C;}
.content.channel .section2 .sec2_slide_wrap{position: relative;}
.content.channel .section2 .sec2_slide_wrap .swiper{overflow: hidden; height: 360px; padding-top: 330px;}
.content.channel .section2 .sec2_gradi{position: relative; z-index: 1;}
.content.channel .section2 .sec2_gradi > div{position: absolute; z-index: 100; width: 700px; height: 300px;}
.content.channel .section2 .sec2_gradi .sec2_gradi_left{background: linear-gradient(90deg, #f4f4f4 20%, rgba(255, 255, 255, 0) 100%); left: -200px; top: -360px;}
.content.channel .section2 .sec2_gradi .sec2_gradi_right{background: linear-gradient(270deg, #f4f4f4 20%, rgba(255, 255, 255, 0) 100%); right: -200px; top: -360px;}
.content.channel .section2 .wrap .music_list{display: flex; margin-top: 73px;}
.content.channel .section2 .wrap .music_list h5{font-size: 36px; font-weight: 500; width: 20%; margin-top: 16px; text-align: left;}
.content.channel .section2 .wrap .music_list ul{display: flex; flex-wrap: wrap;}
.content.channel .section2 .wrap .music_list ul li{font-size: 28px;}
.content.channel .section2 .wrap .music_list ul li{padding: 8px 20px; background: #fff; border-radius: 10px; border: 1px solid #cccccc; margin-right: 10px; margin-top: 16px; display: inline-block;}
.content.channel .section2 .sec2_slide_wrap .swiper .swiper-slide{text-align: center;}
.content.channel .section2 .sec2_slide_wrap .swiper .swiper-slide img{width: 300px;}
.content.channel .section2 .sec2_slide_wrap .swiper-pagination-fraction, .content.channel .section2 .sec2_slide_wrap .swiper-pagination-custom, .content.channel .section2 .sec2_slide_wrap .swiper-container-horizontal > .swiper-pagination-bullets{bottom: unset; top: 100px; width: 1280px; left: 50%; transform: translateX(-50%); }
.content.channel .section3 .wrap .mark_box{background: #A2C73C;}
.content.channel .section3 .sec3_slide_wrap{position: relative;}
.content.channel .section3 .sec3_slide_wrap .swiper{overflow: hidden; height: 360px; padding-top: 330px;}
.content.channel .section3 .sec3_gradi{position: relative; z-index: 1;}
.content.channel .section3 .sec3_gradi > div{position: absolute; z-index: 100; width: 700px; height: 300px;}
.content.channel .section3 .sec3_gradi .sec3_gradi_left{background: linear-gradient(90deg, #fff 20%, rgba(255, 255, 255, 0) 100%); left: -200px; top: -360px;}
.content.channel .section3 .sec3_gradi .sec3_gradi_right{background: linear-gradient(270deg, #fff  20%, rgba(255, 255, 255, 0) 100%); right: -200px; top: -360px;}
.content.channel .section3 .wrap .music_list{display: flex; margin-top: 73px;}
.content.channel .section3 .wrap .music_list h5{font-size: 36px; width: 50%; margin-top: 16px; font-weight: 500; text-align: left;}
.content.channel .section3 .wrap .music_list .genre span{color: #598CD9;}
.content.channel .section3 .wrap .music_list ul.genre_tag{display: flex; flex-wrap: wrap;}
.content.channel .section3 .wrap .music_list ul.genre_tag li{font-size: 28px;}
.content.channel .section3 .wrap .music_list ul.genre_tag li{padding: 8px 20px; background: #fff0; border-radius: 30px; border: 1px solid #598CD9; color:#598CD9; margin-right: 10px; margin-top: 16px; display: inline-block;}
.content.channel .section3 .wrap .music_list .genre_tag_wrap {text-align: left;}
.content.channel .section3 .wrap .music_list .genre_tag_wrap p{font-size: 26px; margin-top: 16px;margin-bottom: 20px;}
.content.channel .section3 .wrap .music_list .genre_tag_wrap .genre_tag2{display: flex; margin-top: 30px;}
.content.channel .section3 .wrap .music_list .genre_tag_wrap .genre_tag2 li{margin-right: 10px;}
.content.channel .section3 .wrap .music_list .genre_tag_wrap .genre_tag2 li{font-size: 24px; color: #999999;}
.content.channel .section3 .wrap .music_list .genre_tag_wrap .genre_tag2 li::after{content: ',';}
.content.channel .section3 .wrap .music_list .genre_tag_wrap .genre_tag2 li:last-child::after{content: '';}
.content.channel .section3 .sec3_slide_wrap .swiper .swiper-slide{text-align: center;}
.content.channel .section3 .sec3_slide_wrap .swiper .swiper-slide img{width: 300px;}
.content.channel .section3 .sec3_slide_wrap .swiper-pagination-fraction, .content.channel .section3 .sec3_slide_wrap .swiper-pagination-custom, .content.channel .section3 .sec3_slide_wrap .swiper-container-horizontal > .swiper-pagination-bullets{bottom: unset; top: 100px; width: 980px; left: 50%; transform: translateX(-50%); }

.content.channel .section2 .sec2_slide_wrap .swiper-button-prev, .content.channel .section2 .sec2_slide_wrap .swiper-container-rtl .swiper-button-next{background-image: url(../images/sec4_next.png); background-size: 60px; width: 60px; height: 60px; background-size: cover; left: 140px !important; top: 470px; z-index: 10;}
.content.channel .section2 .sec2_slide_wrap .swiper-button-next, .content.channel .section2 .sec2_slide_wrap .swiper-container-rtl .swiper-button-prev{background-image: url(../images/sec4_prev.png); background-size: 60px; width: 60px; height: 60px; background-size: cover; right: 140px !important; top: 470px; z-index: 10;}
.content.channel .section2 .sec2_slide_wrap .swiper-pagination-bullet{width: auto; height: auto; border-radius: 30px; border-color: #999999; color: #999999; padding: 8px 20px; margin-bottom: 16px !important; font-size: 24px;}
.content.channel .section2 .sec2_slide_wrap .swiper-pagination-bullet-active{background: #598cd9; color: #fff; border-color: #598cd9;}
.content.channel .section2 .sec2_slide_wrap .swiper-slide-active img{transform: scale(1.2); border: 4px solid #598cd9; border-radius: 25px; box-sizing: border-box;}

.content.channel .section3 .sec3_slide_wrap .swiper-button-prev, .content.channel .section2 .sec2_slide_wrap .swiper-container-rtl .swiper-button-next{background-image: url(../images/sec4_next.png); background-size: 60px; width: 60px; height: 60px; background-size: cover; left: 140px !important; top: 470px; z-index: 10;}
.content.channel .section3 .sec3_slide_wrap .swiper-button-next, .content.channel .section2 .sec2_slide_wrap .swiper-container-rtl .swiper-button-prev{background-image: url(../images/sec4_prev.png); background-size: 60px; width: 60px; height: 60px; background-size: cover; right: 140px !important; top: 470px; z-index: 10;}
.content.channel .section3 .sec3_slide_wrap .swiper-pagination-bullet{width: auto; height: auto; border-radius: 30px; border-color: #999999; color: #999999; padding: 8px 20px; margin-bottom: 16px !important; font-size: 24px;}
.content.channel .section3 .sec3_slide_wrap .swiper-pagination-bullet-active{background: #598cd9; color: #fff; border-color: #598cd9;}
.content.channel .section3 .sec3_slide_wrap .swiper-slide-active img{transform: scale(1.2); border: 4px solid #598cd9; border-radius: 25px; box-sizing: border-box;}

/* login */
.form_page.login .section .wrap .form_box .input_wrap{margin-bottom: 30px;}
.form_page.login .section .wrap .form_box .input_wrap input{width: 100%; border: none; border-bottom: 1px solid #c4c4c4; padding: 12px 0; font-size: 24px;}
.form_page.login .section .wrap .form_box .input_wrap input:focus{border-bottom: 1px solid #000;}
.form_page.login .section .wrap .form_box .input_wrap input::placeholder{color: #cccccc;}
.form_page.login .section .wrap .form_box .checkbox_wrap{margin-bottom: 60px;}
.form_page.login .section .wrap .form_box .checkbox_wrap label{font-size: 20px; color: #999999;}
.form_page.login .section .wrap .form_box .modal_button_wrap button{width: 100%; height: 84px; background: #c4c4c4; color: #fff; font-size: 24px; transition: .3s; border-radius: 4px;}
.form_page.login .section .wrap .form_box .modal_button_wrap button:hover{background: #000;}
.form_page.login .section .wrap .form_box .modal_list ul{display: flex; justify-content: center; margin-top: 30px; margin-bottom: 0px;}
.form_page.login .section .wrap .form_box .modal_list ul li{color: #999999; font-size: 20px;}
.form_page.login .section .wrap .form_box .modal_list ul li:nth-child(2n){padding: 0 20px;}
.form_page.login .section .wrap .form_box .modal_list ul li a{color: #999999; font-size: 20px; cursor: pointer;}



@media screen and (max-width: 1420px){
    /* introduce */
    .wrap_1400{width: 100%; padding: 0 20px; box-sizing: border-box;}
    .section3 .wrap_1400 img{width:100%;}
    .content.introduce .section2 .wrap{width: 100%; padding: 0 20px; box-sizing: border-box;}
    .content.introduce .section3 .wrap{width: 100%; padding: 0 20px; box-sizing: border-box;}
    .content.introduce .tab_box ul.tabs{width: 29%;}
    .content.introduce .tab-content img{width: 60%;}
    .content.introduce .tab_box ul.tabs li{padding: 0 10px;}
    .content.franchise .section3 .wrap .sec3_box ul li p{font-size: 21px;}
    .content.franchise .section3 .wrap .sec3_box ul li span{font-size: 18px;}
    .content.franchise .section3 .wrap .sec3_box ul li span{font-size: 17px;}
    .content.franchise .section2 .wrap .sec2_box ul li p{font-size: 22px;}    .modal .modal_content .modalContWrap.information .moadl_close_btn{right: 0; top: -40px;}
    .modal .modal_content .modalContWrap.information .moadl_close_btn img{width: 40px;}
}

@media screen and (max-width: 1300px){
    /* channel */
    .content.channel .section2 .sec2_slide_wrap .swiper-pagination-fraction, .content.channel .section2 .sec2_slide_wrap .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets{padding: 0 20px; box-sizing: border-box;}
    .content.channel .section3 .sec3_slide_wrap .swiper-pagination-fraction, .content.channel .section3 .sec3_slide_wrap .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets{padding: 0 20px; box-sizing: border-box;}
    .content.channel .section2 .sec2_slide_wrap .swiper-pagination-fraction, .content.channel .section2 .sec2_slide_wrap .swiper-pagination-custom, .content.channel .section2 .sec2_slide_wrap .swiper-container-horizontal > .swiper-pagination-bullets{width: 100%;}
    .content.channel .section3 .sec3_slide_wrap .swiper-pagination-fraction, .content.channel .section3 .sec3_slide_wrap .swiper-pagination-custom, .content.channel .section3 .sec3_slide_wrap .swiper-container-horizontal > .swiper-pagination-bullets{width: 100%;}

}

@media screen and (min-width: 1230px){

    /* product */
    .content.product .section2 .wrap .sec2_box .sec2_box_list_mo {display: none;}    
}

@media screen and (max-width: 1230px){
    /* product */
    .content.product .section2 .wrap .sec2_box ul{justify-content: center;}
    .content.product .section2 .wrap .sec2_box ul li{margin-right: 20px;}
    .content.product .section2 .wrap .sec2_box ul li:last-child{margin-right: 0;}
    .content.product .section2 .wrap .sec2_box .sec2_box_list_pc {display: none;}
    .content.product .section2 .wrap .sec2_box .sec2_box_list_mo {display: block;}
    .content.product .section2 .wrap .sec2_box .sec2_box_list_mo ul:last-child{margin-top: 20px;}
    .content.product .section3 .wrap .sec3_box ul li p{font-size: 22px;}
    .modal_content .modalContWrap.information{padding: 20px; overflow-x: auto; box-sizing: border-box;}
    .modal_content .modalContWrap.information .table_tit{font-size: 12px; padding: 15px 0;}
    .modal_content .modalContWrap.information .table_tit{min-width: 640px;}
    .modal_content .modalContWrap.information h5{min-width: 640px; font-size: 12px; margin-top: 20px;}
    table.table_style1{min-width: 640px; font-size: 12px;}
    table.table_style1 tr th{padding: 15px 0;}
    table.table_style1 tr td{padding: 15px 0;}
    table.table_style1 tr td .theme_park p{font-size: 12px;}
    table.table_style1 tr td .theme_park .theme_park_bar{margin-left: 10%; margin-right: 10%; margin-top: 10px;}
    table.table_style1 tr td .theme_park p{margin-top: 20px; margin-bottom: 10px;}
    .content.product .section1 .wrap .sec1_box{width: 968px; margin: 0 auto; margin-top: 64px;}
    .content.product .section1 .wrap .sec1_box ul li.circle_center > img{width: 500px;}
    .content.product .section1 .wrap .sec1_box ul li.circle_center .logo img{width: 80%;}
    .content.product .section1 .wrap .sec1_box ul li.circle_center .text{font-size: 16px;}
    .content.product .section1 .wrap .sec1_box ul li.circle_center .text1{top: 160px; left: 25px;}
    .content.product .section1 .wrap .sec1_box ul li.circle_center .text2{top: 290px; left: 25px;}
    .content.product .section1 .wrap .sec1_box ul li.circle_center .text3{top: 282px; left: 392px;}
    .content.product .section1 .wrap .sec1_box ul li .circle .circle_wrap{font-size: 20px;}
    .content.product .section1 .wrap .sec1_box ul li.circle_center .logo p{font-size: 16px; margin-top: 8px;}
    .content.product .section1 .wrap .sec1_box ul li .circle{width: 180px; height: 180px;}
    .content.product .section1 .wrap .sec1_box ul li h5{font-size: 20px;}

    /* cs */
    .content.cs .section1 .wrap .sec1_box1{padding: 0 50px;}
    .content.cs .section2 .sec2_box{padding: 30px;}
    .content.cs .section2 .sec2_box ul li h5{width: 30%;}
    .content.cs .section2 .sec2_box ul li p{width: 70%;}
    .content.cs .section2 .map{height: 570px;}
    .content.cs_notice .section1 table.table_style2 tr td:nth-child(2) a{
        width: 400px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;  /* 말줄임 적용 */  
        display: inline-block;      
    }    
    .modal_content .modalContWrap.information2 .table_tit{min-width: 100%;}
    .modal_content .modalContWrap.information .table_con{min-width: 100%;}
    .modal_content .modalContWrap.information .table_con2{min-width: 100%;}
    .modal_content .modalContWrap.information h5{min-width: 100%;}
    .modal_content .modalContWrap.information3 .sec1_services > ul > li > a{width: 100px; height: 100px; padding: 16px 0;}
    .modal_content .modalContWrap.information3 .sec1_services > ul > li > a .serv{width: 50px;}
    .modal_content .modalContWrap.information3 .sec1_services > ul > li > a > p{font-size: 14px;}

    /* channel */
    .content.channel .section2 .sec2_gradi{display: none;}
    .content.channel .section3 .sec3_gradi{display: none;}
    .content.channel .section2 .sec2_slide_wrap .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{padding: 8px 15px; font-size: 18px; margin: 0 2px; margin-bottom: 7px !important;}
    .content.channel .section3 .sec3_slide_wrap .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{padding: 8px 15px; font-size: 18px; margin: 0 2px; margin-bottom: 7px !important;}
    .content.channel .section2 .sec2_slide_wrap .swiper .swiper-slide{opacity: 0.5;}
    .content.channel .section2 .sec2_slide_wrap .swiper .swiper-slide-active {opacity: 1;}
    .content.channel .section3 .sec3_slide_wrap .swiper .swiper-slide{opacity: 0.5;}
    .content.channel .section3 .sec3_slide_wrap .swiper .swiper-slide-active {opacity: 1;}    

    /* store */
    .content.store .section1 .wrap .sec1_box1 .sec1_box1_con .sec1_box1_con_right ul li .text1{width: 40%;}
    .content.store .section1 .wrap .sec1_box1 .sec1_box1_con .sec1_box1_con_right ul li .text2{width: 60%;}
    .content.store .section1 .wrap .sec1_box2 .sec1_box2_con .sec1_box2_con_left ul li .text1{width: 62%;}
    .content.store .section1 .wrap .sec1_box2 .sec1_box2_con .sec1_box2_con_left ul li .text2{width: 38%;}
    
    .content.store .section1 .wrap .sec1_box1 .sec1_box1_con .sec1_box1_con_right{width: 100%; margin-top: 65px;}
    .content.store .section1 .wrap .sec1_box2 .sec1_box2_con .sec1_box2_con_left{width: 100%; margin-top: 65px;}
    .content.store .section1 .wrap .sec1_box2 .sec1_box2_con .sec1_box2_con_right img{width: 310px;}
    .content.store .section1 .wrap .sec1_box1 .sec1_box1_con .sec1_box1_con_right ul li{font-size: 16px;}
    .content.store .section1 .wrap .sec1_box1 .sec1_box1_con .sec1_box1_con_left ul li{margin-bottom: 40px;}
    .content.store .section1 .wrap .sec1_box2 .sec1_box2_con .sec1_box2_con_left ul li{font-size: 16px;}
    .content.store .section1 .wrap .sec1_box1 .sec1_box1_con .sec1_box1_con_left img{width: 310px;}
    .content.store .section1 .wrap .sec1_box1 .sec1_box1_con .sec1_box1_con_left ul{left: 105px;}
    .content.store .section1 .wrap .sec1_box1 .sec1_box1_con .sec1_box1_con_left ul li:nth-child(1){margin-bottom: 52px;}
    .content.store .section1 .wrap .sec1_box2 .sec1_box2_con .sec1_box2_con_left ul li .text1{line-height: 1.41;}
    .content.store .section1 .wrap .sec1_box2 .sec1_box2_con .sec1_box2_con_left ul li .text2{line-height: 1.41;}
    .content.store .section1 .wrap .sec1_box2 .sec1_box2_con .sec1_box2_con_right ul{left: 162px;}
    .content.store .section1 .wrap .sec1_box2 .sec1_box2_con .sec1_box2_con_right ul li:nth-child(1){margin-bottom: 52px;}
    .content.store .section1 .wrap .sec1_box2 .sec1_box2_con .sec1_box2_con_right ul li:nth-child(3){margin-bottom: 46px;}
    .content.store .section1 .wrap .sec1_box2 .sec1_box2_con .sec1_box2_con_right ul li:nth-child(4){margin-bottom: 68px;}
    .content.store .section1 .wrap .sec1_box2 .sec1_box2_con .sec1_box2_con_right ul li:nth-child(5){margin-bottom: 52px;}
    .content.store .section1 .wrap .sec1_box2 .sec1_box2_con2{padding: 80px 0px;}
    .content.store .section1 .wrap .sec1_box2 .sec1_box2_con2 h3{width: 782px; margin: 0 auto;}
    .content.store .section1 .wrap .sec1_box2 .sec1_box2_con2 .sec1_box2_con_box{width: 782px; margin: 0 auto; margin-top: 35px;}
    .content.store .section1 .wrap .sec1_box2 .sec1_box2_con2 .sec1_box2_con_txt{width: 782px; margin: 0 auto; margin-top: 80px;}

    



}
@media screen and (max-width: 1105px){
    .content.store .section1 .wrap .sec1_box .sec1_box1{transform: scale(0.9);}
    .content.store .section1 .wrap .sec1_box .sec1_box2{transform: scale(0.9);}
    .content.store .section1 .wrap .sec1_box{padding: 0;}
}

@media screen and (max-width: 1020px){
    .form_page .section .wrap{width: 100%;}
    .content.channel .section1 .wrap .sec1_box1 img{width: 100%;}
    /* franchise */
    /* .content.franchise .section4 .wrap .sec4_box_con ul{display: block;} */
    .content.franchise .section4 .wrap .sec4_box_con ul li p{font-size: 24px;}
    .content.franchise .section4 .wrap .sec4_box_con ul li .process1 .process_con2{padding: 0 10px;}
    .content.franchise .section4 .wrap .sec4_box_con ul li .process2 .process_con1{margin-right: 15px;}


    .content.product .section1 .wrap .sec1_box{width: 828px; margin: 0 auto; margin-top: 64px;}
    .content.product .section1 .wrap .sec1_box ul li.circle_center > img{width: 420px;}
    .content.product .section1 .wrap .sec1_box ul li.circle_center .logo img{width: 80%;}
    .content.product .section1 .wrap .sec1_box ul li.circle_center .text{font-size: 14px;}
    .content.product .section1 .wrap .sec1_box ul li.circle_center .text1{top: 133px; left: 15px;}
    .content.product .section1 .wrap .sec1_box ul li.circle_center .text2{top: 245px; left: 15px;}
    .content.product .section1 .wrap .sec1_box ul li.circle_center .text3{top: 236px; left: 328px;}
    .content.product .section1 .wrap .sec1_box ul li .circle{margin: 0 15px;}
    .content.product .section1 .wrap .sec1_box ul li .circle .circle_wrap{font-size: 16px;}
    .content.product .section1 .wrap .sec1_box ul li .circle .circle_wrap > img{height: 40px;}
    .content.product .section1 .wrap .sec1_box ul li.circle_center .logo p{font-size: 16px; margin-top: 8px;}
    .content.product .section1 .wrap .sec1_box ul li .circle{width: 150px; height: 150px;}
    .content.product .section1 .wrap .sec1_box ul li h5{font-size: 16px;}
}

@media screen and (max-width: 992px){
    .header .header_depth2_sub ul li a{font-size: 14px;}
    .header .header_depth2_sub ul li:nth-child(2n){font-size: 14px;}

    /* introduce */
    .content.introduce .section1 .sec1_con ul{flex-wrap: wrap; justify-content: center;}
    .content.introduce .section1 .sec1_con ul li{width: 45%;}
    .content.introduce .tab_box ul.tabs{float: unset; display: flex; width: 100%;}
    .content.introduce .tab_box ul.tabs li{width: 33.33%;}
    .content.introduce .tab_box ul.tabs li:nth-child(1) p, .content.introduce .tab_box ul.tabs li:nth-child(2) p{border-bottom: 0;}
    .content.introduce .tab-content img{margin-left: 0; width: 100%;}
    .content.introduce .tab-content{height: 500px;}
    .content.introduce .tab-content img{width: 100%;}

    /* form_page */
    .form_page .section .wrap .form_box{padding: 40px 45px;}
    .form_page .section .wrap .form_box form .flex_wrap h5{font-size: 19px;}
    .form_page .section .wrap .form_box form .flex_wrap .input_wrap input{font-size: 19px;}
    .form_page .section .wrap .form_box form .flex_wrap .email_wrap select{font-size: 19px; padding: 0 20px;}
    .form_page .section .wrap .form_box form .button_wrap button{margin-top: 40px; border-radius: 4px;}
    .form_page .section .wrap .form_box form .flex_wrap .input_wrap input{padding: 0 20px;}
    .form_page .section .wrap .form_box form .flex_wrap .form_alert .alert{font-size: 19px;}

    /* franchise */
    .content.franchise .section .wrap > p{font-size: 22px;}
    .content.franchise .section2 .wrap .sec2_box ul li .sec2_box_img h5{font-size: 22px;}
    .content.franchise .section2 .wrap .sec2_box ul li p{font-size: 18px;}
    .content.franchise .section3 .wrap .sec3_box ul{display: block;}
    .content.franchise .section3 .wrap .sec3_box ul li{width: 100%; height: auto; padding: 40px 0;}
    .content.franchise .section3 .wrap .sec3_box ul li .sec3_box_img{margin-top: 0;}
    .content.franchise .section3 .wrap .sec3_box ul li:first-child{background: #fff;}
    .content.franchise .section3 .wrap .sec3_box ul li:last-child{box-shadow: none; margin-top: 20px;}
    .content.franchise .section4 .wrap .sec4_box_con ul li p{font-size: 26px;}
    .content.franchise .section4 .wrap .sec4_box_con ul{display: block;}
    .content.franchise .section4 .wrap .sec4_box_con > ul > li:nth-child(1){width: 100%;}
    .content.franchise .section4 .wrap .sec4_box_con > ul > li:nth-child(2){width: 100%;}
    .content.franchise .section4 .wrap .sec4_box_con ul li .process1{justify-content: left; margin-top: 50px;}
    .content.franchise .section4 .wrap .sec4_box_con ul li .process2{justify-content: left;}


    /* product */
    .content.product .section2 .wrap .sec2_box ul li{width: 180px; height: 180px;}
    .content.product .section2 .wrap .sec2_box ul li p{font-size: 16px; margin-top: 10px;}
    .content.product .section2 .wrap .sec2_box ul{margin-top: 20px;}
    .content.product .section3 .wrap .sec3_box ul li h5 {font-size: 26px;}
    .content.product .section3 .wrap .sec3_box ul li p{font-size: 14px;}

    /* store */
    .content.store .section2 .wrap .sec2_box2 ul{display: block;}
    .content.store .section2 .wrap .sec2_box2 ul li{width: 100%; height: auto; max-width: 450px; margin: 0 auto; margin-bottom: 47px; padding: 40px 0;}
    .content.store .section2 .wrap .sec2_box2 ul li:last-child{margin-bottom: auto;}
    .content.store .section2 .wrap .sec2_box2 ul li .list_wrap img{margin-top: auto;}
    .content.store .section2 .wrap .sec2_box2 ul li:last-child{margin-right: auto;}
    .content.store .section3 .wrap .sec3_box ul{justify-content: center;}
    .content.store .section3 .wrap .sec3_box ul li{width: auto; margin: 0 20px; border: none;}
    .content.store .section3 .wrap .sec3_box ul:last-child li{margin-top: 30px;}
    .content.store .section4 .wrap .sec4_box ul{display: block;}
    .content.store .section4 .wrap .sec4_box ul li:first-child{margin-left: auto;}
    .content.store .section4 .wrap .sec4_box ul li{width: 100%; max-width: 450px; margin: 0 auto; margin-bottom: 20px;}
    .content.store .section4 .wrap .sec4_box ul li:last-child{margin-bottom: auto;}
    .content.store .section2 .wrap .sec2_box1 img.mo_only{width: auto; margin: 0 auto;}
    .content.store .section1 .wrap .sec1_box1 .sec1_box1_con .sec1_box1_con_right ul li{font-size: 12px;}
    .content.store .section1 .wrap .sec1_box2 .sec1_box2_con .sec1_box2_con_left ul li{font-size: 12px;}
    .content.store .section1 .wrap .sec1_box1 .sec1_box1_con .sec1_box1_con_right ul li .text1{padding: 18.3px 0 36px 0;}
    .content.store .section1 .wrap .sec1_box1 .sec1_box1_con .sec1_box1_con_right ul li .text2{padding: 18.3px 0 36px 0;}
    .content.store .section1 .wrap .sec1_box2 .sec1_box2_con .sec1_box2_con_left ul li .text1{padding: 18.3px 0 34px 0; line-height: 1.7;}
    .content.store .section1 .wrap .sec1_box2 .sec1_box2_con .sec1_box2_con_left ul li .text2{padding: 18.3px 0 34px 0; line-height: 1.7;}

    /* cs */
    table.table_style2{min-width: 100%; font-size: 12px;}
    table.table_style2 tr th{padding: 15px 0;}
    table.table_style2 tr td{padding: 15px 0;}
    table.table_style2 tr td .theme_park p{font-size: 12px;}
    table.table_style2 tr td .theme_park .theme_park_bar{margin-left: 10%; margin-right: 10%; margin-top: 10px;}
    table.table_style2 tr td .theme_park p{margin-top: 20px; margin-bottom: 10px;}
    .content.cs_notice .section1 table.table_style2 tr th:nth-child(2){text-align: left; padding-left: 10px;}
    .content.cs_notice .section1 table.table_style2 tr td:nth-child(2){padding-left: 10px;}   
    .content.cs_notice .section1 table.table_style2 tr th.mo_only{display: table-cell !important;}
    .modal_content .modalContWrap.information2 .table_tit{font-size: 14px;}
    .modal_content .modalContWrap.information2 .table_con .table_alert{font-size: 14px;}
    .modal_content .modalContWrap.information2 .table_con .table_top h5{font-size: 14px;}
    .modal_content .modalContWrap.information2 .table_con .table_top .input_wrap p{font-size: 14px; width: 100px;}
    .modal_content .modalContWrap.information2 .table_con .table_top .input_wrap input{font-size: 14px;}
    .modal_content .modalContWrap.information2 .table_con .table_top .input_wrap select{font-size: 14px;}
    .modal_content .modalContWrap.information2 .table_con .table_bottom h4{font-size: 14px;}
    .modal_content .modalContWrap.information2 .table_con .table_bottom h5{font-size: 14px;}
    .modal_content .modalContWrap.information2 .table_con2 .checkbox_wrap label{font-size: 14px;}
    form input[type=checkbox] + label.check_style2{padding-left: 20px;}
    form input[type=checkbox]:checked + label.check_style2:before{width: 14px; height: 14px;}
    form input[type=checkbox]+ label.check_style2:before{width: 14px; height: 14px;}
    .modal_content .modalContWrap.information2 .table_con2 .button_wrap button{font-size: 14px;}


    
    /* channel */
    .content.channel .section2 .sec2_slide_wrap .swiper .swiper-slide img{width: 240px;}
    .content.channel .section3 .sec3_slide_wrap .swiper .swiper-slide img{width: 240px;}
    .content.channel .section1 .wrap .sec1_box1{padding: 0 30px;}
    .content.channel .section .wrap .mark_box{border-radius: 50px;}
    .content.channel .section2 .wrap .music_list{display: block; margin-top: 10px;}
    .content.channel .section3 .wrap .music_list{display: block; margin-top: 10px;}

    .content.channel .section2 .sec2_slide_wrap .swiper-button-prev, .content.channel .section2 .sec2_slide_wrap .swiper-container-rtl .swiper-button-next{left: 20px !important; top: 440px;}
    .content.channel .section3 .sec3_slide_wrap .swiper-button-prev, .content.channel .section3 .sec3_slide_wrap .swiper-container-rtl .swiper-button-next{left: 20px !important; top: 440px;}
    .content.channel .section2 .sec2_slide_wrap .swiper-button-next, .content.channel .section2 .sec2_slide_wrap .swiper-container-rtl .swiper-button-prev{right: 20px !important; top: 440px;}
    .content.channel .section3 .sec3_slide_wrap .swiper-button-next, .content.channel .section3 .sec3_slide_wrap .swiper-container-rtl .swiper-button-prev{right: 20px !important; top: 440px;}
    
    .content.channel .section2 .wrap .music_list ul.genre_tag li{font-size: 22px;}
    .content.channel .section3 .wrap .music_list ul.genre_tag li{font-size: 22px;}    
}

@media screen and (max-width: 921px){
    .content.product .section1 .wrap .sec1_box{width: 680px; margin: 0 auto; margin-top: 64px;}
    .content.product .section1 .wrap .sec1_box ul li.circle_center > img{width: 370px;}
    .content.product .section1 .wrap .sec1_box ul li.circle_center .logo img{width: 60%;}
    .content.product .section1 .wrap .sec1_box ul li.circle_center .text{font-size: 14px;}
    .content.product .section1 .wrap .sec1_box ul li.circle_center .text1{top: 116px; left: 15px;}
    .content.product .section1 .wrap .sec1_box ul li.circle_center .text2{top: 218px; left: 15px;}
    .content.product .section1 .wrap .sec1_box ul li.circle_center .text3{top: 206px; left: 284px;}
    .content.product .section1 .wrap .sec1_box ul li .circle{margin: 0 15px;}
    .content.product .section1 .wrap .sec1_box ul li .circle .circle_wrap{font-size: 14px;}
    .content.product .section1 .wrap .sec1_box ul li .circle .circle_wrap > img{height: 40px;}
    .content.product .section1 .wrap .sec1_box ul li.circle_center .logo p{font-size: 13px; margin-top: 8px;}
    .content.product .section1 .wrap .sec1_box ul li .circle{width: 120px; height: 120px;}
    .content.product .section1 .wrap .sec1_box ul li h5{font-size: 13px;}

    /* store */
    .content.store .section1 .wrap .sec1_box2 .sec1_box2_con2 h3{width: 523px;}
    .content.store .section1 .wrap .sec1_box2 .sec1_box2_con2 .sec1_box2_con_box{width: 523px; margin-top: 35px;}
    .content.store .section1 .wrap .sec1_box2 .sec1_box2_con2 .sec1_box2_con_txt{width: 523px; margin-top: 50px;}
    .content.store .section1 .wrap .sec1_box2 .sec1_box2_con2 .sec1_box2_con_txt ul li h5{font-size: 18px; width: 80px;}
    .content.store .section1 .wrap .sec1_box2 .sec1_box2_con2 .sec1_box2_con_txt ul li p{font-size: 12px;}
    .content.store .section1 .wrap .sec1_box2 .sec1_box2_con2 .sec1_box2_con_box .flex .sec1_box2_con_box1{margin-right: 6.6666px;}
    .content.store .section1 .wrap .sec1_box2 .sec1_box2_con2 .sec1_box2_con_box .flex .sec1_box2_con_box1{margin-right: 13.3333px;}
    .content.store .section1 .wrap .sec1_box2 .sec1_box2_con2 .sec1_box2_con_box .flex .sec1_box2_con_box2 .sec1_box2_con_box2_inner .flex .sec1_box2_con_box2_1{margin-right: 13.3333px;}
    .content.store .section1 .wrap .sec1_box2 .sec1_box2_con2 .sec1_box2_con_box .flex .sec1_box2_con_box2 .sec1_box2_con_box2_inner .flex .sec1_box2_con_box2_2{margin-right: 6.6666px;}
    .content.store .section1 .wrap .sec1_box2 .sec1_box2_con2 .sec1_box2_con_box .flex .sec1_box2_con_box2 .sec1_box2_con_box2_inner .flex .sec1_box2_con_box2_3{margin-right: 13.3333px;}
    .content.store .section1 .wrap .sec1_box2 .sec1_box2_con2 .sec1_box2_con_box .flex .sec1_box2_con_box2 .sec1_box2_con_box3_inner .flex .sec1_box2_con_box3_1{margin-right: 13.3333px;}
    .content.store .section1 .wrap .sec1_box2 .sec1_box2_con2 .sec1_box2_con_box .flex .sec1_box2_con_box2 .sec1_box2_con_box3_inner .flex .sec1_box2_con_box3_2{margin-right: 13.3333px;}
    .content.store .section1 .wrap .sec1_box2 .sec1_box2_con2 .sec1_box2_con_box .flex .sec1_box2_con_box2 .sec1_box2_con_box3_inner .flex .sec1_box2_con_box3_3{margin-right: 13.3333px;}
    .content.store .section1 .wrap .sec1_box2 .sec1_box2_con2 .sec1_box2_con_box .flex .sec1_box2_con_box2 .sec1_box2_con_box4_inner .flex .sec1_box2_con_box4_1{margin-right: 6.6666px;}
    .content.store .section1 .wrap .sec1_box2 .sec1_box2_con2 .sec1_box2_con_box .flex .sec1_box2_con_box2 .sec1_box2_con_box4_inner .flex .sec1_box2_con_box4_2{margin-right: 13.3333px;}
    .content.store .section1 .wrap .sec1_box2 .sec1_box2_con2 .sec1_box2_con_box .flex .sec1_box2_con_box2 .sec1_box2_con_box4_inner .flex .sec1_box2_con_box4_3{margin-right: 13.3333px;}
    .content.store .section1 .wrap .sec1_box2 .sec1_box2_con2 .sec1_box2_con_box .flex .sec1_box2_con_box1 .box1{margin-bottom: 6.6666px;}
    .content.store .section1 .wrap .sec1_box2 .sec1_box2_con2 .sec1_box2_con_box .flex .sec1_box2_con_box2 .sec1_box2_con_box2_inner .flex .sec1_box2_con_box2_1 .box1{margin-bottom: 4px;}
    .content.store .section1 .wrap .sec1_box2 .sec1_box2_con2 .sec1_box2_con_box .flex .sec1_box2_con_box2 .sec1_box2_con_box2_inner .flex{margin-bottom: 22px;}
    .content.store .section1 .wrap .sec1_box2 .sec1_box2_con2 .sec1_box2_con_box .flex .sec1_box2_con_box2 .sec1_box2_con_box3_inner .flex{margin-bottom: 22px;}
    .content.store .section1 .wrap .sec1_box2 .sec1_box2_con2 .sec1_box2_con_box .flex .sec1_box2_con_box2 .sec1_box2_con_box4_inner .flex .sec1_box2_con_box4_3 .box1{margin-bottom: 8px;}
    .content.store .section1 .wrap .sec1_box2 .sec1_box2_con2 .sec1_box2_con_box .flex .sec1_box2_con_box1 .box1{width: 82.6666px; height: 162.6666px; background: #f3f7fc; border: 1px solid #598cd9; display: flex; align-items: center; justify-content: center; color: #598cd9; font-size: 18px; font-weight: 500;}
    .content.store .section1 .wrap .sec1_box2 .sec1_box2_con2 .sec1_box2_con_box .flex .sec1_box2_con_box1 .box2{width: 82.6666px; height: 162.6666px; background: #f3f7fc; border: 1px solid #598cd9; display: flex; align-items: center; justify-content: center; color: #598cd9; font-size: 18px; font-weight: 500;}
    .content.store .section1 .wrap .sec1_box2 .sec1_box2_con2 .sec1_box2_con_box .flex .sec1_box2_con_box2 .sec1_box2_con_box2_inner .flex .sec1_box2_con_box2_1 .box1{width: 44.6666px; height: 46px; background: #FBF1EA; border: 1px solid #FF9A9A; display: flex; align-items: center; justify-content: center; color: #FF9A9A; font-size: 14px; font-weight: 500; box-sizing: border-box;}
    .content.store .section1 .wrap .sec1_box2 .sec1_box2_con2 .sec1_box2_con_box .flex .sec1_box2_con_box2 .sec1_box2_con_box2_inner .flex .sec1_box2_con_box2_1 .box2{width: 44.6666px; height: 46px; background: #f3f7fc; border: 1px solid #598cd9; display: flex; align-items: center; justify-content: center; color: #598cd9; font-size: 14px; font-weight: 500; box-sizing: border-box;}
    .content.store .section1 .wrap .sec1_box2 .sec1_box2_con2 .sec1_box2_con_box .flex .sec1_box2_con_box2 .sec1_box2_con_box2_inner .flex .sec1_box2_con_box2_2 .box1{width: 106px; height: 96px; background: #f3f7fc; border: 1px solid #598cd9; display: flex; align-items: center; justify-content: center; color: #598cd9; font-size: 18px; font-weight: 500; box-sizing: border-box;}
    .content.store .section1 .wrap .sec1_box2 .sec1_box2_con2 .sec1_box2_con_box .flex .sec1_box2_con_box2 .sec1_box2_con_box2_inner .flex .sec1_box2_con_box2_3 .box1{width: 204.6666px; height: 96px; background: #f3f7fc; border: 1px solid #598cd9; display: flex; align-items: center; justify-content: center; color: #598cd9; font-size: 18px; font-weight: 500; box-sizing: border-box;}
    .content.store .section1 .wrap .sec1_box2 .sec1_box2_con2 .sec1_box2_con_box .flex .sec1_box2_con_box2 .sec1_box2_con_box2_inner .flex .sec1_box2_con_box2_4 .box1{width: 35.3333px; height: 96px; background: #f4f4f4; border: 1px solid #f4f4f4; display: flex; align-items: center; justify-content: center; color: #999999; font-size: 14px; font-weight: 500; box-sizing: border-box;}
    .content.store .section1 .wrap .sec1_box2 .sec1_box2_con2 .sec1_box2_con_box .flex .sec1_box2_con_box2 .sec1_box2_con_box2_inner .flex .sec1_box2_con_box2_4 .box1 span{transform: rotateZ(90deg);}
    .content.store .section1 .wrap .sec1_box2 .sec1_box2_con2 .sec1_box2_con_box .flex .sec1_box2_con_box2 .sec1_box2_con_box3_inner .flex .sec1_box2_con_box3_1 .box1{width: 44.6666px; height: 95.3333px; background: #f4f4f4; border: 1px solid #f4f4f4; display: flex; align-items: center; justify-content: center; color: #999999; font-size: 14px; font-weight: 500; box-sizing: border-box;}
    .content.store .section1 .wrap .sec1_box2 .sec1_box2_con2 .sec1_box2_con_box .flex .sec1_box2_con_box2 .sec1_box2_con_box3_inner .flex .sec1_box2_con_box3_1 .box1 span{transform: rotateZ(90deg);}
    .content.store .section1 .wrap .sec1_box2 .sec1_box2_con2 .sec1_box2_con_box .flex .sec1_box2_con_box2 .sec1_box2_con_box3_inner .flex .sec1_box2_con_box3_2 .box1{width: 106px; height: 95.3333px; background: #FEFAED; border: 1px solid #E68A00; display: flex; align-items: center; justify-content: center; color: #E68A00; font-size: 18px; font-weight: 500; box-sizing: border-box;}
    .content.store .section1 .wrap .sec1_box2 .sec1_box2_con2 .sec1_box2_con_box .flex .sec1_box2_con_box2 .sec1_box2_con_box3_inner .flex .sec1_box2_con_box3_3 .box1{width: 44.6666px; height: 95.3333px; background: #f4f4f4; border: 1px solid #f4f4f4; display: flex; align-items: center; justify-content: center; color: #999999; font-size: 14px; font-weight: 500; box-sizing: border-box;}
    .content.store .section1 .wrap .sec1_box2 .sec1_box2_con2 .sec1_box2_con_box .flex .sec1_box2_con_box2 .sec1_box2_con_box3_inner .flex .sec1_box2_con_box3_3 .box1 span{transform: rotateZ(270deg);}
    .content.store .section1 .wrap .sec1_box2 .sec1_box2_con2 .sec1_box2_con_box .flex .sec1_box2_con_box2 .sec1_box2_con_box3_inner .flex .sec1_box2_con_box3_4 .box1{width: 188px; height: 95.3333px; background: #FEFAED; border: 1px solid #E68A00; display: flex; align-items: center; justify-content: center; color: #E68A00; font-size: 18px; font-weight: 500; box-sizing: border-box;}
    .content.store .section1 .wrap .sec1_box2 .sec1_box2_con2 .sec1_box2_con_box .flex .sec1_box2_con_box2 .sec1_box2_con_box4_inner .flex .sec1_box2_con_box4_1 .box1{width: 155.3333px; height: 98px; background: rgba(162, 199, 60, 0.1); border: 1px solid #A2C73C; display: flex; align-items: center; justify-content: center; color: #A2C73C; font-size: 18px; font-weight: 500; box-sizing: border-box;}
    .content.store .section1 .wrap .sec1_box2 .sec1_box2_con2 .sec1_box2_con_box .flex .sec1_box2_con_box2 .sec1_box2_con_box4_inner .flex .sec1_box2_con_box4_2 .box1{width: 155.3333px; height: 98px; background: rgba(162, 199, 60, 0.1); border: 1px solid #A2C73C; display: flex; align-items: center; justify-content: center; color: #A2C73C; font-size: 18px; font-weight: 500; box-sizing: border-box;}
    .content.store .section1 .wrap .sec1_box2 .sec1_box2_con2 .sec1_box2_con_box .flex .sec1_box2_con_box2 .sec1_box2_con_box4_inner .flex .sec1_box2_con_box4_3 .box1{width: 44.6666px; height: 46px; background: rgba(162, 199, 60, 0.1); border: 1px solid #A2C73C; display: flex; align-items: center; justify-content: center; color: #A2C73C; font-size: 14px; font-weight: 500; box-sizing: border-box;}
    .content.store .section1 .wrap .sec1_box2 .sec1_box2_con2 .sec1_box2_con_box .flex .sec1_box2_con_box2 .sec1_box2_con_box4_inner .flex .sec1_box2_con_box4_3 .box2{width: 44.6666px; height: 46px; background: #FBF1EA; border: 1px solid #FF9A9A; display: flex; align-items: center; justify-content: center; color: #FF9A9A; font-size: 14px; font-weight: 500; box-sizing: border-box;}
    .content.store .section1 .wrap .sec1_box2 .sec1_box2_con2 .sec1_box2_con_box .flex .sec1_box2_con_box2 .sec1_box2_con_box4_inner .flex .sec1_box2_con_box4_4 .box1{width: 35.3333px; height: 96px; background: #f4f4f4; border: 1px solid #f4f4f4; display: flex; align-items: center; justify-content: center; color: #999999; font-size: 14px; font-weight: 500; box-sizing: border-box;}
    .content.store .section1 .wrap .sec1_box2 .sec1_box2_con2 .sec1_box2_con_box .flex .sec1_box2_con_box2 .sec1_box2_con_box4_inner .flex .sec1_box2_con_box4_4 .box1 span{transform: rotateZ(90deg);}
    


}

@media screen and (max-width: 821px){
    /* channel */
    .content.channel .section2 .sec2_slide_wrap .swiper .swiper-slide img{width: 220px;}
    .content.channel .section3 .sec3_slide_wrap .swiper .swiper-slide img{width: 220px; margin-top: 30px;}
    .content.channel .section2 .sec2_slide_wrap .swiper-button-prev, .content.channel .section2 .sec2_slide_wrap .swiper-container-rtl .swiper-button-next{left: 20px !important; top: 430px;}
    .content.channel .section3 .sec3_slide_wrap .swiper-button-prev, .content.channel .section3 .sec3_slide_wrap .swiper-container-rtl .swiper-button-next{left: 20px !important; top: 430px;}
    .content.channel .section2 .sec2_slide_wrap .swiper-button-next, .content.channel .section2 .sec2_slide_wrap .swiper-container-rtl .swiper-button-prev{right: 20px !important; top: 430px;}
    .content.channel .section3 .sec3_slide_wrap .swiper-button-next, .content.channel .section3 .sec3_slide_wrap .swiper-container-rtl .swiper-button-prev{right: 20px !important; top: 430px;}
    .section3 .wrap_1400 .sec3_list ul li:nth-child(2n-1){padding: 8px 14px; font-size: 14px;}
    .content.store .section4 .wrap_1400 .sec4_list ul li:nth-child(2n-1){padding: 8px 14px; font-size: 14px;}
    .content.franchise .section5 .wrap ul{width: 491px; margin: 0 auto; justify-content: left;}

    .content.store .section1 .wrap .sec1_box1 .sec1_box1_con .sec1_box1_con_left img{width: 210px;}
    .content.store .section1 .wrap .sec1_box2 .sec1_box2_con .sec1_box2_con_right img{width: 210px;}
    .content.store .section1 .wrap .sec1_box1 .sec1_box1_con .sec1_box1_con_left ul{left: 65px; top: 30px;}
    .content.store .section1 .wrap .sec1_box1 .sec1_box1_con .sec1_box1_con_left ul li{margin-bottom: 17px;}
    .content.store .section1 .wrap .sec1_box1 .sec1_box1_con .sec1_box1_con_left ul li:nth-child(1){margin-bottom: 30px;}
    .content.store .section1 .wrap .sec1_box1 .sec1_box1_con .sec1_box1_con_right{margin-top: 45px;}
    .content.store .section1 .wrap .sec1_box2 .sec1_box2_con .sec1_box2_con_right ul{left: 100px; top: 30px;}
    .content.store .section1 .wrap .sec1_box2 .sec1_box2_con .sec1_box2_con_right ul li{margin-bottom: 16px;}
    .content.store .section1 .wrap .sec1_box2 .sec1_box2_con .sec1_box2_con_left{margin-top: 45px;}
    .content.store .section1 .wrap .sec1_box2 .sec1_box2_con .sec1_box2_con_right ul li:nth-child(1){margin-bottom: 32px;}
    .content.store .section1 .wrap .sec1_box2 .sec1_box2_con .sec1_box2_con_right ul li:nth-child(3){margin-bottom: 22px;}
    .content.store .section1 .wrap .sec1_box2 .sec1_box2_con .sec1_box2_con_right ul li:nth-child(4){margin-bottom: 36px;}
    .content.store .section1 .wrap .sec1_box2 .sec1_box2_con .sec1_box2_con_right ul li:nth-child(5){margin-bottom: 28px;}
    .content.store .section1 .wrap .sec1_box1 .sec1_box1_con .sec1_box1_con_right ul li .text1{padding: 15px 0 16px 0;}
    .content.store .section1 .wrap .sec1_box1 .sec1_box1_con .sec1_box1_con_right ul li .text2{padding: 15px 0 16px 0;}
    .content.store .section1 .wrap .sec1_box2 .sec1_box2_con .sec1_box2_con_left ul li .text1{padding: 15px 0 16px 0; line-height: 1.3;}
    .content.store .section1 .wrap .sec1_box2 .sec1_box2_con .sec1_box2_con_left ul li .text2{padding: 15px 0 16px 0; line-height: 1.3;}
    .content.store .section1 .wrap .sec1_box2 .sec1_box2_con .sec1_box2_con_left ul li:nth-child(3) .text1{line-height: 1.4;}
    .content.store .section1 .wrap .sec1_box2 .sec1_box2_con .sec1_box2_con_left ul li:nth-child(4) .text1{line-height: 1.4;}

     /* store */
     /* .content.store .section1 .wrap .sec1_box2 .sec1_box2_con2 h3{width: 393px;}
     .content.store .section1 .wrap .sec1_box2 .sec1_box2_con2 .sec1_box2_con_box{width: 393px;}
     .content.store .section1 .wrap .sec1_box2 .sec1_box2_con2 .sec1_box2_con_box .flex .sec1_box2_con_box1{margin-right: 10px;}
     .content.store .section1 .wrap .sec1_box2 .sec1_box2_con2 .sec1_box2_con_box .flex .sec1_box2_con_box2 .sec1_box2_con_box2_inner .flex .sec1_box2_con_box2_1{margin-right: 10px;}
     .content.store .section1 .wrap .sec1_box2 .sec1_box2_con2 .sec1_box2_con_box .flex .sec1_box2_con_box2 .sec1_box2_con_box2_inner .flex .sec1_box2_con_box2_2{margin-right: 5px;}
     .content.store .section1 .wrap .sec1_box2 .sec1_box2_con2 .sec1_box2_con_box .flex .sec1_box2_con_box2 .sec1_box2_con_box2_inner .flex .sec1_box2_con_box2_3{margin-right: 10px;}
     .content.store .section1 .wrap .sec1_box2 .sec1_box2_con2 .sec1_box2_con_box .flex .sec1_box2_con_box2 .sec1_box2_con_box3_inner .flex .sec1_box2_con_box3_1{margin-right: 10px;}
     .content.store .section1 .wrap .sec1_box2 .sec1_box2_con2 .sec1_box2_con_box .flex .sec1_box2_con_box2 .sec1_box2_con_box3_inner .flex .sec1_box2_con_box3_2{margin-right: 10px;}
     .content.store .section1 .wrap .sec1_box2 .sec1_box2_con2 .sec1_box2_con_box .flex .sec1_box2_con_box2 .sec1_box2_con_box3_inner .flex .sec1_box2_con_box3_3{margin-right: 10px;}
     .content.store .section1 .wrap .sec1_box2 .sec1_box2_con2 .sec1_box2_con_box .flex .sec1_box2_con_box2 .sec1_box2_con_box4_inner .flex .sec1_box2_con_box4_1{margin-right: 5px;}
     .content.store .section1 .wrap .sec1_box2 .sec1_box2_con2 .sec1_box2_con_box .flex .sec1_box2_con_box2 .sec1_box2_con_box4_inner .flex .sec1_box2_con_box4_2{margin-right: 10px;}
     .content.store .section1 .wrap .sec1_box2 .sec1_box2_con2 .sec1_box2_con_box .flex .sec1_box2_con_box2 .sec1_box2_con_box4_inner .flex .sec1_box2_con_box4_3{margin-right: 10px;}
     .content.store .section1 .wrap .sec1_box2 .sec1_box2_con2 .sec1_box2_con_box .flex .sec1_box2_con_box1 .box1{margin-bottom: 5px;}
     .content.store .section1 .wrap .sec1_box2 .sec1_box2_con2 .sec1_box2_con_box .flex .sec1_box2_con_box2 .sec1_box2_con_box2_inner .flex .sec1_box2_con_box2_1 .box1{margin-bottom: 3px;}
     .content.store .section1 .wrap .sec1_box2 .sec1_box2_con2 .sec1_box2_con_box .flex .sec1_box2_con_box2 .sec1_box2_con_box2_inner .flex{margin-bottom: 17px;}
     .content.store .section1 .wrap .sec1_box2 .sec1_box2_con2 .sec1_box2_con_box .flex .sec1_box2_con_box2 .sec1_box2_con_box3_inner .flex{margin-bottom: 17px;}
     .content.store .section1 .wrap .sec1_box2 .sec1_box2_con2 .sec1_box2_con_box .flex .sec1_box2_con_box2 .sec1_box2_con_box4_inner .flex .sec1_box2_con_box4_3 .box1{margin-bottom: 4px;}
     .content.store .section1 .wrap .sec1_box2 .sec1_box2_con2 .sec1_box2_con_box .flex .sec1_box2_con_box1 .box1{width: 62px; height: 122px; background: #f3f7fc; border: 1px solid #598cd9; display: flex; align-items: center; justify-content: center; color: #598cd9; font-size: 14px; font-weight: 500;}
     .content.store .section1 .wrap .sec1_box2 .sec1_box2_con2 .sec1_box2_con_box .flex .sec1_box2_con_box1 .box2{width: 62px; height: 122px; background: #f3f7fc; border: 1px solid #598cd9; display: flex; align-items: center; justify-content: center; color: #598cd9; font-size: 14px; font-weight: 500;}
     .content.store .section1 .wrap .sec1_box2 .sec1_box2_con2 .sec1_box2_con_box .flex .sec1_box2_con_box2 .sec1_box2_con_box2_inner .flex .sec1_box2_con_box2_1 .box1{width: 33.5px; height: 34.5px; background: #FBF1EA; border: 1px solid #FF9A9A; display: flex; align-items: center; justify-content: center; color: #FF9A9A; font-size: 11px; font-weight: 500; box-sizing: border-box;}
     .content.store .section1 .wrap .sec1_box2 .sec1_box2_con2 .sec1_box2_con_box .flex .sec1_box2_con_box2 .sec1_box2_con_box2_inner .flex .sec1_box2_con_box2_1 .box2{width: 33.5px; height: 34.5px; background: #f3f7fc; border: 1px solid #598cd9; display: flex; align-items: center; justify-content: center; color: #598cd9; font-size: 11px; font-weight: 500; box-sizing: border-box;}
     .content.store .section1 .wrap .sec1_box2 .sec1_box2_con2 .sec1_box2_con_box .flex .sec1_box2_con_box2 .sec1_box2_con_box2_inner .flex .sec1_box2_con_box2_2 .box1{width: 79.5px; height: 72px; background: #f3f7fc; border: 1px solid #598cd9; display: flex; align-items: center; justify-content: center; color: #598cd9; font-size: 14px; font-weight: 500; box-sizing: border-box;}
     .content.store .section1 .wrap .sec1_box2 .sec1_box2_con2 .sec1_box2_con_box .flex .sec1_box2_con_box2 .sec1_box2_con_box2_inner .flex .sec1_box2_con_box2_3 .box1{width: 153.5px; height: 72px; background: #f3f7fc; border: 1px solid #598cd9; display: flex; align-items: center; justify-content: center; color: #598cd9; font-size: 14px; font-weight: 500; box-sizing: border-box;}
     .content.store .section1 .wrap .sec1_box2 .sec1_box2_con2 .sec1_box2_con_box .flex .sec1_box2_con_box2 .sec1_box2_con_box2_inner .flex .sec1_box2_con_box2_4 .box1{width: 26.5px; height: 72px; background: #f4f4f4; border: 1px solid #f4f4f4; display: flex; align-items: center; justify-content: center; color: #999999; font-size: 11px; font-weight: 500; box-sizing: border-box;}
     .content.store .section1 .wrap .sec1_box2 .sec1_box2_con2 .sec1_box2_con_box .flex .sec1_box2_con_box2 .sec1_box2_con_box2_inner .flex .sec1_box2_con_box2_4 .box1 span{transform: rotateZ(90deg);}
     .content.store .section1 .wrap .sec1_box2 .sec1_box2_con2 .sec1_box2_con_box .flex .sec1_box2_con_box2 .sec1_box2_con_box3_inner .flex .sec1_box2_con_box3_1 .box1{width: 33.5px; height: 71.5px; background: #f4f4f4; border: 1px solid #f4f4f4; display: flex; align-items: center; justify-content: center; color: #999999; font-size: 14px; font-weight: 500; box-sizing: border-box;}
     .content.store .section1 .wrap .sec1_box2 .sec1_box2_con2 .sec1_box2_con_box .flex .sec1_box2_con_box2 .sec1_box2_con_box3_inner .flex .sec1_box2_con_box3_1 .box1 span{transform: rotateZ(90deg);}
     .content.store .section1 .wrap .sec1_box2 .sec1_box2_con2 .sec1_box2_con_box .flex .sec1_box2_con_box2 .sec1_box2_con_box3_inner .flex .sec1_box2_con_box3_2 .box1{width: 79.5px; height: 71.5px; background: #FEFAED; border: 1px solid #E68A00; display: flex; align-items: center; justify-content: center; color: #E68A00; font-size: 14px; font-weight: 500; box-sizing: border-box;}
     .content.store .section1 .wrap .sec1_box2 .sec1_box2_con2 .sec1_box2_con_box .flex .sec1_box2_con_box2 .sec1_box2_con_box3_inner .flex .sec1_box2_con_box3_3 .box1{width: 33.5px; height: 71.5px; background: #f4f4f4; border: 1px solid #f4f4f4; display: flex; align-items: center; justify-content: center; color: #999999; font-size: 11px; font-weight: 500; box-sizing: border-box;}
     .content.store .section1 .wrap .sec1_box2 .sec1_box2_con2 .sec1_box2_con_box .flex .sec1_box2_con_box2 .sec1_box2_con_box3_inner .flex .sec1_box2_con_box3_3 .box1 span{transform: rotateZ(270deg);}
     .content.store .section1 .wrap .sec1_box2 .sec1_box2_con2 .sec1_box2_con_box .flex .sec1_box2_con_box2 .sec1_box2_con_box3_inner .flex .sec1_box2_con_box3_4 .box1{width: 141px; height: 71.5px; background: #FEFAED; border: 1px solid #E68A00; display: flex; align-items: center; justify-content: center; color: #E68A00; font-size: 14px; font-weight: 500; box-sizing: border-box;}
     .content.store .section1 .wrap .sec1_box2 .sec1_box2_con2 .sec1_box2_con_box .flex .sec1_box2_con_box2 .sec1_box2_con_box4_inner .flex .sec1_box2_con_box4_1 .box1{width: 116.5px; height: 73.5px; background: rgba(162, 199, 60, 0.1); border: 1px solid #A2C73C; display: flex; align-items: center; justify-content: center; color: #A2C73C; font-size: 14px; font-weight: 500; box-sizing: border-box;}
     .content.store .section1 .wrap .sec1_box2 .sec1_box2_con2 .sec1_box2_con_box .flex .sec1_box2_con_box2 .sec1_box2_con_box4_inner .flex .sec1_box2_con_box4_2 .box1{width: 116.5px; height: 73.5px; background: rgba(162, 199, 60, 0.1); border: 1px solid #A2C73C; display: flex; align-items: center; justify-content: center; color: #A2C73C; font-size: 14px; font-weight: 500; box-sizing: border-box;}
     .content.store .section1 .wrap .sec1_box2 .sec1_box2_con2 .sec1_box2_con_box .flex .sec1_box2_con_box2 .sec1_box2_con_box4_inner .flex .sec1_box2_con_box4_3 .box1{width: 33.5px; height: 34.5px; background: rgba(162, 199, 60, 0.1); border: 1px solid #A2C73C; display: flex; align-items: center; justify-content: center; color: #A2C73C; font-size: 11px; font-weight: 500; box-sizing: border-box;}
     .content.store .section1 .wrap .sec1_box2 .sec1_box2_con2 .sec1_box2_con_box .flex .sec1_box2_con_box2 .sec1_box2_con_box4_inner .flex .sec1_box2_con_box4_3 .box2{width: 33.5px; height: 34.5px; background: #FBF1EA; border: 1px solid #FF9A9A; display: flex; align-items: center; justify-content: center; color: #FF9A9A; font-size: 11px; font-weight: 500; box-sizing: border-box;}
     .content.store .section1 .wrap .sec1_box2 .sec1_box2_con2 .sec1_box2_con_box .flex .sec1_box2_con_box2 .sec1_box2_con_box4_inner .flex .sec1_box2_con_box4_4 .box1{width: 26.5px; height: 72px; background: #f4f4f4; border: 1px solid #f4f4f4; display: flex; align-items: center; justify-content: center; color: #999999; font-size: 11px; font-weight: 500; box-sizing: border-box;} 
     .content.store .section1 .wrap .sec1_box2 .sec1_box2_con2 .sec1_box2_con_box .flex .sec1_box2_con_box2 .sec1_box2_con_box4_inner .flex .sec1_box2_con_box4_4 .box1 span{transform: rotateZ(90deg);}*/
        

}

@media screen and (max-width: 721px){
    .header > .header_depth2_sub{ display: block;}
    .header .header_bottom .wrap .header_bottom_left > ul > li .header_depth2_sub{display: none;}
    .header .header_depth2_sub .wrap{overflow-x: scroll;}
    .header .header_depth2_sub .wrap::-webkit-scrollbar {
        width: 100%; /*스크롤바의 너비*/
        height: 2px;
        cursor: pointer;
      }
    
      .header .header_depth2_sub .wrap::-webkit-scrollbar-thumb {
          background-color: rgb(233, 233, 233); /*스크롤바의 색상*/
      }
    
      .header .header_depth2_sub .wrap::-webkit-scrollbar-track {
          background-color: rgba(255, 255, 255, 0); /*스크롤바 트랙 색상*/
      }    
    .header .header_depth2_sub .wrap ul{width: 100%; justify-content: center;}
    .header .header_depth2_sub ul li{padding: 10px 20px;}
    .header .header_depth2_sub ul li:nth-child(2n){padding: 10px 0;}
    .header .header_depth2_sub ul li:first-child{padding-left: 0;}
    .header .header_depth2_sub ul li:last-child{padding-right: 0;}

    /* introduce */
    .content.introduce .section{padding: 200px 0 100px 0;}
    .content.introduce .section .wrap > p{font-size: 22px;}
    .content.introduce .section .wrap > h2{font-size: 42px;}
    .content.introduce .section .wrap > h5{font-size: 26px;}
    .content.introduce .section1 .sec1_con ul li p{font-size: 21px;}
    .content.introduce .tab-content{height: 450px;}
    .content.introduce .tab_box ul.tabs li{padding: 0 5px;}
    .content.introduce .tab_box ul.tabs li h5{padding-top: 30px;}
    .content.introduce .tab_box ul.tabs li p{padding-bottom: 30px; font-size: 18px;}
    .content.introduce .section3 .wrap .sec3_con{width: 100%; height: auto;}

    /* form_page */
    .form_page .section .wrap h1{font-size: 42px;}
    .form_page .section .wrap .form_box{padding: 0; border: none;}
    .form_page .section .wrap .form_box form .flex_wrap{display: block; margin-bottom: 20px;}
    .form_page .section .wrap .form_box form .flex_wrap .input_wrap{width: 100%;}
    .form_page .section .wrap .form_box form .flex_wrap h5{width: 100%; margin-bottom: 10px;}

    /* franchise */
    .content.franchise .section .wrap > h2{font-size: 42px;}
    .content.franchise .section4 .wrap .sec4_box_con ul{display: block;}
    .content.franchise .section4 .wrap .sec4_box_con ul li{width: 100%;}
    .content.franchise .section2 .wrap .sec2_box ul{display: block;}
    .content.franchise .section2 .wrap .sec2_box ul li{width: 100%;}
    .section3 .wrap_1400 .sec3_list img.mo_only_721{width: auto; margin: 0 auto;}
    .content.franchise .section4 .wrap .sec4_box .sec1_txt h1{font-size: 42px;}
    .content.franchise .section1 .wrap .sec1_box_2 .sec1_txt{margin-right: 20px;}
    .content.franchise .section2 .wrap .sec2_box ul li:last-child{margin-top: 40px;}
    .content.franchise .section4 .wrap .sec4_box .sec1_txt{margin-right: 20px;}
    .content.franchise .section4 .wrap .sec4_box_con ul li p{margin-bottom: 30px;}
    .content.franchise .section4 .wrap .sec4_box_con ul li .process1{justify-content: space-between;}
    .content.franchise .section4 .wrap .sec4_box_con ul li .process2{justify-content: space-between;}

    /* product */
    .content.product .section3 .wrap .sec3_box ul{display: block;}
    .content.product .section3 .wrap .sec3_box ul li:first-child{margin-right: 0;}
    .content.product .section3 .wrap .sec3_box ul li h5 {font-size: 30px;}
    .content.product .section3 .wrap .sec3_box ul li p{font-size: 26px;}    
    .content.product .section3 .wrap .sec3_box ul li:last-child{margin-top: 60px;}
    .content.product .section .wrap > h2{font-size: 42px;}
    .content.product .section3 .wrap .sec3_box h2{font-size: 42px;}
    .content.product .section .wrap > p{font-size: 22px;}
    .content.product .section2 .wrap .sec2_box p{font-size: 22px;}
    .content.product .section2 .wrap .sec2_box h5{font-size: 22px;}
    .content.product .section3 .wrap .sec3_box ul li p{font-size: 22px;}
    .content.product .section1 .wrap .sec1_box{width: 100%;}
    .content.product .section1 .wrap .sec1_box img{width: 100%;}

    /* store */
    .content.store .section .wrap > h2{font-size: 42px;}
    .content.store .section1 .wrap .sec1_box img.mo_only_721{width: 100%;}
    .content.store .section2 .wrap .sec2_box1 img.mo_only{width: 100%;}
    .content.store .section1 .wrap .sec1_box{padding: 0; border: none;}



    /* cs */
    .content.cs .section .wrap > h2{font-size: 42px;}
    .content.cs .section .wrap > p{font-size: 22px;}
    .content.cs .section2 .sec2_box ul li h5{font-size: 22px;}
    .content.cs .section2 .sec2_box ul li p{font-size: 22px;}
    .content.cs_notice .section1 table.table_style2 tr td:nth-child(2) a{
        width: 250px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;  /* 말줄임 적용 */  
        display: inline-block;      
    }    
    .content.cs_notice .section1 .notice_wrap{margin-top: 40px;}
    .content.cs_notice .section1 .notice_wrap .notice_tit{padding:13px 10px;}
    .content.cs_notice .section1 .notice_wrap .notice_tit h4{font-size: 12px;}
    .content.cs_notice .section1 .notice_wrap .notice_tit h5{font-size: 14px;}
    .content.cs_notice .section1 .notice_wrap .notice_list{padding: 10px 0;}
    .content.cs_notice .section1 .notice_wrap .notice_list ul li{font-size: 10px; margin-left: 10px;}
    .content.cs_notice .section1 .notice_wrap .notice_con{padding: 20px 0; font-size: 14px; min-height: 307px;}
    .content.cs_notice .section1 .notice_wrap .notice_bottom{margin-top: 30px;}
    .content.cs_notice .section1 .notice_wrap .notice_bottom ul li a img{width: 34px;}
    .content.cs_notice .section1 .notice_wrap .notice_bottom ul li a p{font-size: 12px;}
    .content.cs_notice .section1 .notice_wrap .notice_bottom{margin-top: 30px;}
    .content.cs_notice .section1 .notice_wrap .notice_bottom ul li a img{width: 34px;}
    .content.cs_notice .section1 .notice_wrap .notice_bottom ul li a p{font-size: 12px;}
    .content.cs_notice .section1 .notice_wrap .notice_bottom ul li:first-child a img{margin-right: 10px;}
    .content.cs_notice .section1 .notice_wrap .notice_bottom ul li:nth-child(2) a{color: #000; display: inline-block; border: 1px solid #000; font-size: 14px; height: 50px; line-height: 50px; width: 106px;}
    .content.cs_notice .section1 .notice_wrap .notice_bottom ul li:last-child a img{margin-left: 10px;} 
    .modal_content .modalContWrap.information2 .table_tit{font-size: 12px;}
    .modal_content .modalContWrap.information2 .table_con .table_alert{font-size: 12px;}
    .modal_content .modalContWrap.information2 .table_con .table_top h5{font-size: 12px; padding-top: 10px; margin-bottom: 15px;}
    .modal_content .modalContWrap.information2 .table_con .table_top{padding: 0 10px;}
    .modal_content .modalContWrap.information2 .table_con .table_top .input_wrap p{font-size: 12px; width: 90px;}
    .modal_content .modalContWrap.information2 .table_con .table_top .input_wrap input{font-size: 12px;}
    .modal_content .modalContWrap.information2 .table_con .table_top .input_wrap select{font-size: 12px;}
    .modal_content .modalContWrap.information2 .table_con .table_bottom{padding: 10px 10px;}
    .modal_content .modalContWrap.information2 .table_con .table_bottom h4{font-size: 12px;}
    .modal_content .modalContWrap.information2 .table_con .table_bottom h5{font-size: 12px;}
    .modal_content .modalContWrap.information2 .table_con2 .checkbox_wrap label{font-size: 12px;}
    .modal_content .modalContWrap.information2 .table_con .table_top .input_wrap{margin-bottom: 10px;}
    .modal_content .modalContWrap.information2 .table_con2 .checkbox_wrap{margin-top: 15px; margin-bottom: 15px;}
    form input[type=checkbox] + label.check_style2{padding-left: 20px;}
    form input[type=checkbox]:checked + label.check_style2:before{width: 12px; height: 12px;}
    form input[type=checkbox]+ label.check_style2:before{width: 12px; height: 12px; bottom: 2px;}
    .modal_content .modalContWrap.information2 .table_con2 .button_wrap button{font-size: 12px; padding: 8px 12px; margin: 0 5px 10px 5px;}

    /* channel */
    .content.channel .section .wrap > h2{font-size: 42px;}
    .content.channel .section1 .wrap > p{font-size: 22px;}
    .content.channel .section2 .sec2_slide_wrap .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{padding: 6px 8px; font-size: 12px; margin: 0 2px; margin-bottom: 7px !important;}
    .content.channel .section3 .sec3_slide_wrap .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{padding: 6px 8px; font-size: 12px; margin: 0 2px; margin-bottom: 7px !important;}
    .content.channel .section2 .sec2_slide_wrap .swiper-pagination-fraction, .content.channel .section2 .sec2_slide_wrap .swiper-pagination-custom, .content.channel .section2 .sec2_slide_wrap .swiper-container-horizontal > .swiper-pagination-bullets{top: 40px;}
    .content.channel .section3 .sec3_slide_wrap .swiper-pagination-fraction, .content.channel .section3 .sec3_slide_wrap .swiper-pagination-custom, .content.channel .section3 .sec3_slide_wrap .swiper-container-horizontal > .swiper-pagination-bullets{top: 40px;}
    .content.channel .section2 .sec2_slide_wrap .swiper{padding-top: 220px;}
    .content.channel .section3 .sec3_slide_wrap .swiper{padding-top: 220px;}
    .content.channel .section2 .wrap .music_list h5{margin-bottom: 8px; width: 100%;}
    .content.channel .section3 .wrap .music_list h5{margin-bottom: 8px; width: 100%;}
    .content.channel .section2 .wrap .music_list ul.genre_tag li a{font-size: 14px; padding: 8px 20px; border-radius: 5px; margin-right: 4px; margin-top: 8px;}
    .content.channel .section3 .wrap .music_list ul.genre_tag li a{font-size: 14px; padding: 8px 20px; border-radius: 30px; margin-right: 4px; margin-top: 8px;}
    .content.channel .section2 .sec2_slide_wrap .swiper{height: 400px;}
    .content.channel .section3 .sec3_slide_wrap .swiper{height: 400px;}
    .content.channel .section3 .wrap .music_list .genre_tag_wrap p{font-size: 22px;}
    .content.channel .section3 .wrap .music_list .genre_tag_wrap .genre_tag2 li a{font-size: 22px;}
    .content.channel .section .wrap .mark_box{font-size: 21px;}

    .content.channel .section2 .sec2_slide_wrap .swiper-button-prev, .content.channel .section2 .sec2_slide_wrap .content.channel .section2 .sec2_slide_wrap .swiper-container-rtl .swiper-button-next{left: 20px !important; top: 320px;}
    .content.channel .section3 .sec3_slide_wrap .swiper-button-prev, .content.channel .section3 .sec3_slide_wrap .content.channel .section3 .sec3_slide_wrap .swiper-container-rtl .swiper-button-next{left: 20px !important; top: 320px;}
    .content.channel .section2 .sec2_slide_wrap .swiper-button-next, .content.channel .section2 .sec2_slide_wrap .content.channel .section2 .sec2_slide_wrap .swiper-container-rtl .swiper-button-prev{right: 20px !important; top: 320px;}    
    .content.channel .section3 .sec3_slide_wrap .swiper-button-next, .content.channel .section3 .sec3_slide_wrap .content.channel .section3 .sec3_slide_wrap .swiper-container-rtl .swiper-button-prev{right: 20px !important; top: 320px;}        

    .content.channel .section1{background: url(../images/channel_bg_mo.png) #212121 no-repeat center center !important; background-size: cover;}    

    /* login */
    .form_page.login .section .wrap .form_box form .button_wrap button{margin-top: 0;}
    .form_page.login .section .wrap .form_box .modal_list ul li{font-size: 14px;}
    .form_page.login .section .wrap .form_box .modal_list ul li a{font-size: 14px;}
    .form_page.login .section .wrap .form_box .modal_button_wrap button{height: 60px; font-size: 14px ;}
    .form_page.login .section .wrap .form_box .modal_list ul li:nth-child(2n){padding: 0 10px;}
    .form_page.login .section .wrap .form_box .checkbox_wrap{margin-bottom: 50px;}
    .form_page.login .section .wrap .form_box .input_wrap{margin-bottom: 20px;}
    .form_page.login .section .wrap .form_box .input_wrap input{font-size: 16px;}
    .form_page.login .section .wrap .form_box .checkbox_wrap label{font-size: 14px;}
    .form_page.login .section .wrap .form_box .modal_logo{margin-top: 17px;}
    .form_page.login .section .wrap .form_box .modal_list ul{margin-bottom: 40px;}
    .form_page.login .section .wrap .form_box .modal_txt p{font-size: 14px;}

}

@media screen and (max-width: 600px){
    .content.franchise .section4 .wrap .sec4_box_con ul li .process1 .process_con1{width: 140px; height: 140px;}
    .content.franchise .section4 .wrap .sec4_box_con ul li .process1 .process_con3{width: 140px; height: 140px;}
    .content.franchise .section4 .wrap .sec4_box_con ul li .process1 .process_con1 h5{font-size: 20px;}
    .content.franchise .section4 .wrap .sec4_box_con ul li .process1 .process_con3 h5{font-size: 20px;}
    .content.franchise .section4 .wrap .sec4_box_con ul li .process1 .process_con2 .process_con2_wrap h5{font-size: 18px;}
    .content.franchise .section4 .wrap .sec4_box_con ul li .process2 .process_con1{font-size: 18px;}
    .content.franchise .section4 .wrap .sec4_box_con ul li .process2 .process_con2 .process_con2_wrap h5{font-size: 18px;}
}

@media screen and (max-width: 531px){
    .form_page .section .wrap .form_box form .button_wrap button{font-size: 14px;}
    
    /* introduce */
    .content.introduce .section{padding: 150px 0;}
    /* .content.introduce .section{padding: 80px 0;} */
    .content.introduce .section .wrap > p{font-size: 14px; margin-top: 16px;}
    .content.introduce .section .wrap > h4{font-size: 18px;}
    .content.introduce .section .wrap > h2{font-size: 26px;}
    .content.introduce .section1{padding-top: 150px; padding-bottom: 80px;}
    /* .content.introduce .section1{padding-top: 80px; padding-bottom: 80px;} */
    .content.introduce .section1 .wrap > p{font-size: 15px;}
    .content.introduce .section1 .wrap h2{font-size: 26px;}
    .content.introduce .section1 .wrap h2::before{width: 43px; height: 43px;}
    .content.introduce .section1 .wrap h2::before{transform: translate(-20px, -5px);}
    .content.introduce .section1 .wrap h5{font-size: 18px;}
    .content.introduce .section1 .sec1_con ul{margin-top: 50px;}
    .content.introduce .section1 .sec1_con ul li{width: 47%; margin-right: 18px;}
    .content.introduce .section1 .sec1_con ul li:nth-child(2n){margin-right: 0;}
    .content.introduce .section1 .sec1_con ul li img{width: 152px;}
    .content.introduce .section1 .sec1_con ul li p{font-size: 14px; margin-top: 20px;}
    .content.introduce .section3{padding-bottom: 130px;}
    .content.introduce .section3 .wrap .sec3_con{margin-top: 50px;}
    .content.introduce .tab-content{height: 240px;}
    .content.introduce .tab_box{margin-top: 50px;}
    .content.introduce .tab_box ul.tabs li{padding: 0;}
    .content.introduce .tab_box ul.tabs li .tab_txt_wrap{border-right: 1px solid rgba(0, 0, 0, 0.15); margin: 20px 0;}
    .content.introduce .tab_box ul.tabs li:last-child .tab_txt_wrap{border-right:none;}
    .content.introduce .tab_box ul.tabs li h5{font-size: 10px; padding-top: 0;}
    .content.introduce .tab_box ul.tabs li p{font-size: 12px; padding-bottom: 0;}

    /* form_page */
    .form_page .section .wrap h1{margin-top: 80px; margin-bottom: 40px;font-size: 26px;}
    .form_page .section .wrap .form_box{margin-bottom: 130px;}
    .form_page .section .wrap .form_box form .flex_wrap h5{font-size: 14px;}
    .form_page .section .wrap .form_box form .flex_wrap .form_alert .alert{font-size: 14px;}
    .form_page .section .wrap .form_box form .button_wrap button{width: 100%; height: 61px;}
    .form_page .section .wrap .form_box form .flex_wrap .input_wrap a{width: 85px; height: 34px; font-size: 12px;}
    .form_page .section .wrap .form_box form .flex_wrap .input_wrap input{height: 49px; padding: 0 10px; font-size: 14px;}
    .form_page .section .wrap .form_box form .flex_wrap .email_wrap select{height: 49px; padding: 0 10px; font-size: 14px;}
    .form_page .section .wrap .form_box form .flex_wrap .email_wrap span{font-size: 14px;}

    /* franchise */
    .content.franchise .section{padding: 80px 0;}
    .content.franchise .section .wrap > p{font-size: 14px;}
    .content.franchise .section .wrap > h2{font-size: 26px;}
    .content.franchise .section1 .wrap .sec1_box{margin-top: 40px; height: 250px;}
    .content.franchise .section1 .wrap .sec1_box .sec1_txt h2{font-size: 18px;}
    .content.franchise .section1 .wrap .sec1_box .sec1_txt h1{font-size: 30px;}
    .content.franchise .section1 .wrap .sec1_box_2{margin-top: 80px; height: 195px;}
    .content.franchise .section1 .wrap .sec1_box_2 .sec1_txt{margin-right: 20px;}
    .content.franchise .section1 .wrap .sec1_box_2 .sec1_txt h1{font-size: 22px;}
    .content.franchise .section1 .wrap .sec1_box_2 .sec1_txt h2{font-size: 14px;}
    .content.franchise .section1 .wrap .sec1_box_2 .sec1_txt h2{margin-top: 14px;}
    .content.franchise .section2 .wrap .sec2_box{margin-top: 40px;}
    .content.franchise .section2 .wrap .sec2_box ul li .sec2_box_img{height: 226px;}
    .content.franchise .section2 .wrap .sec2_box ul li .sec2_box_img h5{font-size: 16px; bottom: 16px;}
    .content.franchise .section2 .wrap .sec2_box ul li p{font-size: 14px; margin-top: 20px;} 
    .content.franchise .section2 .wrap .sec2_box ul li:last-child{margin-top: 40px;}
    .section3 .wrap_1400 .sec3_list{margin-top: 40px;}
    .section3 .wrap_1400 .sec3_list ul li:nth-child(2n-1){padding: 8px 14px; font-size: 12px; margin-right: 6px;}
    .section3 .wrap_1400 .sec3_list ul li .arrow{margin: 0 2px;}
    .section3 .wrap_1400 .sec3_list ul li .arrow img{width: 17px;}
    .section3 .wrap_1400 .sec3_list ul li:nth-child(2n-1) h5{width: 24px; height: 24px;}
    .content.franchise .section3 .wrap .sec3_box{margin-top: 50px;}
    .content.franchise .section3 .wrap .sec3_box ul li{height: auto; padding: 40px 0;}
    .content.franchise .section3 .wrap .sec3_box ul li h5{font-size: 16px;}
    .content.franchise .section3 .wrap .sec3_box ul li p{font-size: 14px; margin-top: 20px;}
    .content.franchise .section3 .wrap .sec3_box ul li .sec3_box_img{margin-top: 0;}
    .content.franchise .section3 .wrap .sec3_box ul li span{font-size: 14px; margin-top: 14px; display: block;}
    .content.franchise .section3 .wrap .sec3_box ul li:last-child{margin-top: 20px;}
    .content.franchise .section4 .wrap .sec4_box{height: 250px;}
    .content.franchise .section4 .wrap .sec4_box .sec1_txt{margin-right: 20px;}
    .content.franchise .section4 .wrap .sec4_box .sec1_txt h1{font-size: 22px;}
    .content.franchise .section4 .wrap .sec4_box .sec1_txt h2{font-size: 14px; margin-top: 14px;}
    .content.franchise .section4 .wrap .sec4_box_con ul li .case{width: 79px; height: 31px; line-height: 31px; font-size: 12px;}
    .content.franchise .section4 .wrap .sec4_box_con ul li p{font-size: 16px; margin-bottom: 30px;}
    .content.franchise .section4 .wrap .sec4_box_con ul:first-child{padding-top: 50px; padding-bottom: 50px;}
    .content.franchise .section4 .wrap .sec4_box_con ul:last-child{padding-top: 50px;}
    .content.franchise .section5 .wrap .sec5_box{margin-top: 32.4px;}

    .content.franchise .section5{padding-bottom: 130px;}

    .content.franchise .section4 .wrap .sec4_box_con ul li .process1 .process_con1{width: 120px; height: 120px;}
    .content.franchise .section4 .wrap .sec4_box_con ul li .process1 .process_con1 h5{font-size: 14px;}
    .content.franchise .section4 .wrap .sec4_box_con ul li .process1 .process_con3{width: 120px; height: 120px;}
    .content.franchise .section4 .wrap .sec4_box_con ul li .process1 .process_con3 h5{font-size: 14px;}
    .content.franchise .section4 .wrap .sec4_box_con ul li .process2{margin-top: 30px;}
    .content.franchise .section4 .wrap .sec4_box_con ul li .process1{margin-top: 30px;}
    .content.franchise .section4 .wrap .sec4_box_con ul li .process2 .process_con1{font-size: 14px; border-radius: 10px;}
    .content.franchise .section4 .wrap .sec4_box_con ul li .process1 .process_con1 .customer_wrap img{width: 24px;}
    .content.franchise .section4 .wrap .sec4_box_con ul li .process1 .process_con2 .process_con2_wrap h5{font-size: 14px;}
    .content.franchise .section4 .wrap .sec4_box_con ul li .process2 .process_con2 .process_con2_wrap h5{font-size: 14px;}
    .content.franchise .section4 .wrap .sec4_box_con ul li .process1 .process_con2 .process_con2_wrap .arrow img{width: 60px;}
    .content.franchise .section4 .wrap .sec4_box_con ul li .process1 .process_con2 .process_con2_wrap .money{margin-top: 10px;}
    .content.franchise .section4 .wrap .sec4_box_con ul li .process1 .process_con2 .process_con2_wrap .money img{width: 27px;}
    .content.franchise .section4 .wrap .sec4_box_con ul li .process2 .process_con2 .arrow img{width: 30px;}
    .content.franchise .section4 .wrap .sec4_box_con ul li .process2 .process_con1{padding: 18px 50px;}
    .content.franchise .section4 .wrap .sec4_box_con ul li .process2 .process_con2 .process_con2_wrap .cash img{width: 28px;}
    .content.franchise .section4 .wrap .sec4_box_con ul li .process1 .process_con3 .process_con3_wrap img{width: 24px;}
    .content.franchise .section5 .wrap ul{width: 320px;}
    .content.franchise .section5 .wrap .sec5_box ul li{margin-right: 19.7px;}
    .content.franchise .section5 .wrap .sec5_box ul li p{font-size: 14px; margin-top: 20px;}
    .content.franchise .section5 .wrap .sec5_box ul li:last-child{margin-bottom: 0;}
    .content.franchise .section5 .wrap .sec5_box ul li .circle{width: 140px; height: 141px; background-size: cover;}
    .content.franchise .section5 .wrap .sec5_box ul li .circle .circle_wrap i img{height: 32px;}
    .content.franchise .section5 .wrap .sec5_box ul li .circle .arrow img{height: 141px;}
    .content.franchise .section5 .wrap .sec5_box ul li .circle .arrow{right: -21px;}
    .content.franchise .section5 .wrap .sec5_box ul li .circle .circle_wrap p{font-size: 16px; margin-top: 5.67px;}


    /* product */
    .content.product .section{padding: 80px 0;}
    .content.product .section .wrap > h2{font-size: 26px;}
    .content.product .section .wrap > p{font-size: 14px;}
    .content.product .section1 .wrap .sec1_box{margin-top: 46px;}
    .content.product .section2 .wrap .sec2_box h5{font-size: 16px; margin-top: 40px;}
    .content.product .section2 .wrap .sec2_box p{font-size: 14px;}
    .content.product .section2 .wrap .sec2_box ul{margin-top: 40px;}
    .content.product .section2 .wrap .sec2_box ul li{width: 100px; height: 100px; margin-right: 8px;}
    .content.product .section2 .wrap .sec2_box ul li p{font-size: 10px;}
    .content.product .section2 .wrap .sec2_box ul li .sec2_box_con .sec2_box_img img{height: 40px;}
    .content.product .section2 .wrap .sec2_box p{margin-top: 5px;}
    .content.product .section2 .wrap .sec2_box > div > h5 { font-size: 14px;}
    .content.product .section2 .wrap .sec2_box .sec2_box_list_mo ul{margin-top: 8px;}
    .content.product .section3 .wrap .sec3_box h2{font-size: 26px; margin-bottom: 40px;}
    .content.product .section3 .wrap .sec3_box ul li h5{font-size: 16px; margin-top: 20px;}
    .content.product .section3 .wrap .sec3_box ul li p{font-size: 14px; margin-top: 14px;}
    .content.product .section3 .wrap .sec3_box ul li:last-child{margin-top: 40px;}
    .content.product .section3 .wrap .sec3_box2{margin-top: 80px;}

    /* store */
    .content.store .section{padding: 80px 0;}
    .content.store .section .wrap > h2{font-size: 26px;}
    .content.store .section .wrap > p{font-size: 14px;}
    .content.store .section1 .wrap p{margin-top: 40px;}
    .content.store .section1 .wrap .proposal{margin-top: 50px; font-size: 12px; height: 35px; line-height: 35px;}
    .content.store .section2 .wrap .sec2_box1{margin-top: 40px;}
    .content.store .section2 .wrap p{margin-top: 40px;}
    .content.store .section2 .wrap .sec2_box2{margin-top: 67px;}
    .content.store .section2 .wrap .sec2_box2 ul li{border: 2px solid #82ACEA;}
    .content.store .section2 .wrap .sec2_box2 ul li .list_wrap h5{font-size: 18px; margin-top: 13px;}
    .content.store .section2 .wrap .sec2_box2 ul li .list_wrap p{font-size: 14px; margin-top: 10px;}
    .content.store .section2 .wrap .sec2_box2 ul li .check{width: 34px; top: -19px;}
    .content.store .section3 .wrap .sec3_box{margin-top: 40px;}
    .content.store .section3 .wrap .sec3_box > p{font-size: 14px; margin-top: 40px;}
    .content.store .section3 .wrap .sec3_box ul li{width: 14%;}
    .content.store .section3 .wrap .sec3_box ul li .sec3_box_con p{font-size: 12px; margin-top: 7px;}
    .content.store .section3 .wrap .sec3_box ul li .sec3_box_con .sec3_box_img img{width: 40px;}
    .content.store .section4 .wrap .sec4_box ul li{padding: 40px;}
    .content.store .section4 .wrap .sec4_box ul li h5{font-size: 16px;}
    .content.store .section4 .wrap .sec4_box ul li p{font-size: 14px;}
    .content.store .section4 .wrap .sec4_box ul li small{font-size: 12px;}
    .content.store .section4 .wrap_1400 h4{margin-top: 80px; font-size: 22px;}
    .content.store .section4 .wrap_1400 .sec4_list{margin-top: 40px;}
    .content.store .section4{padding-bottom: 160px;}

    .content.store .section4 .wrap_1400 .sec4_list{margin-top: 40px;}
    .content.store .section4 .wrap_1400 .sec4_list ul li:nth-child(2n-1){padding: 8px 14px; font-size: 12px; margin-right: 6px;}
    .content.store .section4 .wrap_1400 .sec4_list ul li .arrow{margin: 0 2px;}
    .content.store .section4 .wrap_1400 .sec4_list ul li .arrow img{width: 17px;}
    .content.store .section4 .wrap_1400 .sec4_list ul li:nth-child(2n-1) h5{width: 24px; height: 24px;}    

    /* cs */
    .content.cs .section .wrap > h2{font-size: 26px;}
    .content.cs .section .wrap > p{font-size: 14px;}
    .content.cs .section1{padding-top: 80px; padding-bottom: 50px;}
    .content.cs .section1 .wrap .sec1_box1{margin-top: 40px;}
    .content.cs .section2{padding-top: 50px; padding-bottom: 130px;}
    .content.cs .section2 .map{padding-top: 40px; height: 285px;}
    .content.cs .section2 .sec2_box{padding: 20px;}
    .content.cs .section2 .sec2_box ul li h5{font-size: 14px; width: 30%; margin-right: 0;}
    .content.cs .section2 .sec2_box ul li p{font-size: 14px; width: 70%;}
    .content.cs .section1 .wrap .table_style2{margin-top: 40px;}
    .content.cs_notice .section1 table.table_style2 tr td:nth-child(2) a{width: 150px;}
    .pager ul li{font-size: 12px;}
    .modal_content .modalContWrap.information3 .sec1_services > ul > li{padding: 0 2px;}
    .modal_content .modalContWrap.information3 .sec1_services > ul > li > a{width: 75px; height: 75px; padding: 16px 0; margin-left: 0;}
    .modal_content .modalContWrap.information3 .sec1_services > ul > li > a .serv{width: 30px;}
    .modal_content .modalContWrap.information3 .sec1_services > ul > li > a > p{font-size: 10px;}
    

    /* channel */
    .content.channel .section{padding: 80px 0;}
    .content.channel .section .wrap > h2{font-size: 26px;}
    .content.channel .section .wrap > p{font-size: 14px;}
    .content.channel .section .wrap .mark_box{font-size: 14px; padding: 10px 20px; line-height: 1.6; margin-top: 30px;}
    .content.channel .section1{padding-bottom: 114px;}
    .content.channel .section1 .wrap .sec1_box1{margin-top: 80px;}
    .content.channel .section2 .sec2_slide_wrap .swiper-slide-active img{border: 2px solid #598cd9; border-radius: 20px; transform: scale(1);}
    .content.channel .section3 .sec3_slide_wrap .swiper-slide-active img{border: 2px solid #598cd9; border-radius: 20px; transform: scale(1);}
    .content.channel .section2 .wrap .music_list h5{font-size: 22px;}
    .content.channel .section3 .wrap .music_list h5{font-size: 22px;}
    .content.channel .section2 .sec2_slide_wrap .swiper{height: 250px;}
    .content.channel .section3 .sec3_slide_wrap .swiper{height: 250px;}
    .content.channel .section1{background: url(../images/channel_bg_mo2.png) #212121 no-repeat center center !important; background-size: cover;}
    .content.channel .section3 .wrap .music_list .genre_tag_wrap p{font-size: 14px;}
    .content.channel .section3 .wrap .music_list .genre_tag_wrap .genre_tag2 li a{font-size: 14px;}
    .content.channel .section3{margin-bottom: 130px;}

    .content.channel .section2 .sec2_slide_wrap .swiper-button-prev, .content.channel .section2 .sec2_slide_wrap .swiper-container-rtl .swiper-button-next{width: 30px; height: 30px; top: 335px;}
    .content.channel .section3 .sec3_slide_wrap .swiper-button-prev, .content.channel .section3 .sec3_slide_wrap .swiper-container-rtl .swiper-button-next{width: 30px; height: 30px; top: 335px;}
    .content.channel .section2 .sec2_slide_wrap .swiper-button-next, .content.channel .section2 .sec2_slide_wrap .swiper-container-rtl .swiper-button-prev{width: 30px; height: 30px; top: 335px;}
    .content.channel .section3 .sec3_slide_wrap .swiper-button-next, .content.channel .section3 .sec3_slide_wrap .swiper-container-rtl .swiper-button-prev{width: 30px; height: 30px; top: 335px;}

}

@media screen and (max-width: 421px){
    /* channel */
    .content.channel .section2 .sec2_slide_wrap .swiper .swiper-slide img{width: 170px;} 
    .content.channel .section3 .sec3_slide_wrap .swiper .swiper-slide img{width: 170px;}
    .content.channel .section2 .sec2_slide_wrap .swiper-button-prev, .content.channel .section2 .sec2_slide_wrap .swiper-container-rtl .swiper-button-next{top: 312px;}
    .content.channel .section3 .sec3_slide_wrap .swiper-button-prev, .content.channel .section3 .sec3_slide_wrap .swiper-container-rtl .swiper-button-next{top: 312px;}
    .content.channel .section2 .sec2_slide_wrap .swiper-button-next, .content.channel .section2 .sec2_slide_wrap .swiper-container-rtl .swiper-button-prev{top: 312px;}
    .content.channel .section3 .sec3_slide_wrap .swiper-button-next, .content.channel .section3 .sec3_slide_wrap .swiper-container-rtl .swiper-button-prev{top: 312px;}
    .content.channel .section1{background: url(../images/channel_bg_mo3.png) #212121 no-repeat center center !important; background-size: cover;}

    .header .header_depth2_sub .wrap {-ms-overflow-style: none; /* IE and Edge */ scrollbar-width: none; /* Firefox */}
    .header .header_depth2_sub .wrap::-webkit-scrollbar {display: none; /* Chrome, Safari, Opera*/}


    .content.franchise .section4 .wrap .sec4_box_con ul li .process1 .process_con1{width: 90px; height: 90px;}
    .content.franchise .section4 .wrap .sec4_box_con ul li .process1 .process_con1 h5{font-size: 14px;}
    .content.franchise .section4 .wrap .sec4_box_con ul li .process1 .process_con3{width: 90px; height: 90px;}
    .content.franchise .section4 .wrap .sec4_box_con ul li .process1 .process_con3 h5{font-size: 14px;}
    .content.franchise .section4 .wrap .sec4_box_con ul li .process2{margin-top: 30px;}
    .content.franchise .section4 .wrap .sec4_box_con ul li .process1{margin-top: 30px;}
    .content.franchise .section4 .wrap .sec4_box_con ul li .process2 .process_con1{font-size: 14px;}
    .content.franchise .section4 .wrap .sec4_box_con ul li .process1 .process_con1 .customer_wrap img{width: 24px;}
    .content.franchise .section4 .wrap .sec4_box_con ul li .process1 .process_con2 .process_con2_wrap h5{font-size: 14px;}
    .content.franchise .section4 .wrap .sec4_box_con ul li .process2 .process_con2 .process_con2_wrap h5{font-size: 14px;}
    .content.franchise .section4 .wrap .sec4_box_con ul li .process1 .process_con2 .process_con2_wrap .arrow img{width: 60px;}
    .content.franchise .section4 .wrap .sec4_box_con ul li .process1 .process_con2 .process_con2_wrap .money{margin-top: 10px;}
    .content.franchise .section4 .wrap .sec4_box_con ul li .process1 .process_con2 .process_con2_wrap .money img{width: 27px;}
    .content.franchise .section4 .wrap .sec4_box_con ul li .process2 .process_con2 .arrow img{width: 30px;}
    .content.franchise .section4 .wrap .sec4_box_con ul li .process2 .process_con1{padding: 18px 28px;}
    .content.franchise .section4 .wrap .sec4_box_con ul li .process2 .process_con2 .process_con2_wrap .cash img{width: 28px;}
    .content.franchise .section4 .wrap .sec4_box_con ul li .process1 .process_con3 .process_con3_wrap img{width: 24px;}


}