@charset "utf-8";
/* CSS Document */

/*----------------
RESET CSS
-----------------*/

/*==============Media=============*/
@media only screen and (max-width:1047px){
.container{ width:1004px;}

.s10-inr-hd{font-size:28px; line-height:36px;}
}
@media only screen and (max-width:1021px){
.show-desk{display:none;}
.show-mob{display:none;}
.show-tab{display:block;}

.container{ width:750px;}

.s1-txt1{font-size:22px; line-height:28px;}
.s1-txt2{font-size:28px; line-height:34px;}
.s1-txt3{font-size:52px; line-height:54px;}

.comn-hdg{font-size:46px; line-height:58px;}
.comn-txt{font-size:20px; line-height:30px;}

.s2-img{margin-right:0; width:190px; height:190px;}

.s4-img{margin-top:-40px; width:300px;}

.s5-inr-bx-sec{background-size:cover;}
.s5-img{width:230px; margin:20px 20px 0;}

.s6-img{margin: 20px 0px 20px 20px; width:250px;}

.s7-inr{background-size:cover;}
ul.comn-list li p{font-size:20px; line-height:30px;}

.s9-bx{background-size:cover; padding-right:270px;}
.s9-img{height:310px;}
.mod-bx-img{width:280px;}
ul.mod-list li{font-size:20px; line-height:30px;}

.s10-inr-sec{padding: 15px 15px 10px;}
.s10-inr-hd{font-size:22px; line-height:32px;}
.s10-inr-hd span{padding:5px 10px; margin-right:0;}

.comn-bx{max-width:620px;}
.s12-prd2{margin:-95px 0;}
.s12-bx-hd{font-size:30px; line-height:34px;}
.s12-bx-img{width:250px;}
.s12-bx-img2{width:150px;}
.s12-bx-img4{margin-top:-8px;}
.s12-bx-inr .comn-txt{padding-right:30px;}


.certi-sec{padding:0px 160px 140px;}
.certi-hdg{font-size:54px; line-height:56px;}

}
@media only screen and (max-width:767px){
.show-desk{display:none;}
.show-tab{display:none;}
.show-mob{display:block;}

.container{ width:100%; max-width:600px; padding:0 10px;}

.sec1{background:#000023;}
.s1-img-mob{max-width:100%; margin:0 auto;}
.s1-inr-lft{width:100%; text-align:center; padding:20px 10px; border-radius:20px; margin-top:-100px;}
.s1-txt1{font-size:20px; line-height:28px;}
.s1-txt2{font-size:24px; line-height:30px;}
.s1-txt3{font-size:40px; line-height:44px; padding:10px;}

.img-bx{margin:5px auto 20px !important; width:100%; height:100%;}
.img-bx img{width:100%; margin-left:0;}

.sec2{padding:25px 0 10px;}
.hints-txt{padding-right:0px; text-align:center; font-size:22px; line-height:26px; margin:5px 0 20px; padding-bottom:5px;}
.hints-txt span{width:100%; padding:5px 0; margin-right:0; margin-bottom:5px;}
.hints-img{width:20px;}
.s2-img{border-radius:0px;}

.sec3{padding:25px 0 10px;}
.comn-hdg{font-size:28px; line-height:34px;}
.img-bdr-btm-lft-rad{border-bottom-left-radius:0px;}

.sec4{padding:25px 0;}
.s4-img{width:200px; margin:-38px auto 0; float:none; display:block;}
.s4-bx1{padding: 30px 15px 15px 15px;}
.s4-bx2-img{margin:0 auto 10px; display:block; transform: rotate(2.5deg); width:200px; float:none;}

.sec5{padding:68px 0 30px;}
.s5-img{float:none; margin:10px auto 20px; width:100%;}
.comn-inr-bx{margin-top:12px;}
.s5-inr-bx-sec{padding:25px 10px 5px; background:none;}
.cmn-inr-bx-cont{width:100%;}

.sec6{padding:25px 0 40px;}
.s6-img{margin:0px auto 15px; width:100%;}

.sec7{padding-bottom:10px;}
.s7-inr{padding:20px 10px 5px; background:#d60056;}
ul.s7-list li{border-radius:8px; padding:12px;}
ul.s7-list li p{background-size:30px; background-position:left 5px; padding-left:40px;}

.sec8{padding:25px 0 150px;}
.yr-slf{width:225px; font-size:36px; line-height:40px; float:none; margin:10px auto 20px;}
ul.s8-list li{border-radius:8px; padding:12px;}
ul.s8-list li p{background-size:30px; background-position:left 5px; padding-left:40px; display:block;}

.s9-bx{margin-top:-150px; margin-bottom:25px; background:#2b3f56; padding:60px 10px 15px;}
.s9-bx-tool-tip{width:245px; height:60px; top:-30px; padding:10px; left: 50%; transform: translateX(-50%);}
.s9-img{height:100%; width:100%;}
.s9-img img{margin-left:0; width:100%; margin-top:0;}
.pnt-to-arw{left:160px; width:30px;}
.module-sec{padding:0px 12px 10px; margin-top:25px;}
.module1-sec{margin-top:30px;}
.mod-hdg{font-size:30px; line-height:36px;}
.mod-num{font-size:24px; line-height:28px;}
.mod-num p{padding:8px 15px;}
.mod-num span{padding:8px 15px;}
ul.mod-list li{background-size:25px; padding:0; padding-left:35px; background-position:left 5px;}
.mod-bx-img{max-width:100%; width:200px; margin:0 auto; float:none;}
.mob-bx-img-mob{width:400px;}

.sec10{padding-bottom:10px;}
.s10-inr-top{width:110px; top:-40px;}
.s10-inr-hd{text-align:center; font-size:26px; line-height:30px; padding:15px 0;}
.s10-inr-hd span{background:none; padding:0;}

.sec11{padding:25px 0 465px;}
.s11-txt1{padding:5px 0;}

.sec12{padding-bottom:35px;}
.s12-inr{padding:0px 10px 45px; margin-top:-412px; margin-bottom:45px;}
.mny-bck{width:110px; margin-top:-50px;}
.s12-inr-hd{font-size:24px; line-height:30px;}
.s12-arw{display:none;}
.prc-deal{padding:0 10px;}
.s12-prd{margin-bottom:0;}
.prc-txt{font-size:22px; line-height:26px;}
.prc-txt span{font-size:38px; line-height:44px; margin-top:0;}
a.btn-txt{font-size:18px; line-height:24px;}
.s12-txt1{font-size:28px; line-height:34px;}
.plus-img{width:50px; bottom:-30px;}
.s12-prd2{margin:-40px 0;}
.s12-txt3{font-size:28px; line-height:32px; margin-bottom:5px;}
.s12-txt4{font-size:22px; line-height:26px; margin-bottom:10px;}
.s12-bx{margin:10px 0 20px;}
.s12-bx-hd{font-size:28px; line-height:32px;}
.s12-bx-sec{text-align:center;}
.s12-bx-sec .comn-txt{text-align:center;}
.s12-bx-img{margin:10px auto !important; float:none;}
.s12-bx-inr{padding:15px 15px 25px; position:relative;}
.s12-bx-inr .comn-txt:last-child{margin-bottom:0;}
.s12-bx-txt1{font-size:22px; line-height:30px;}
.s12-bx-bns{position:absolute; margin-top:0; width:100px; right:4%; top:25px;}
.s12-bx-inr .comn-txt{padding-right:0;}

.sec13{padding:30px 0px 40px;}
.s13-inr-bx-hd{font-size:20px; line-height:30px;}
.s13-inr-bx{margin-top:15px; padding:15px 10px; padding-left:55px;}
.s13-inr-bx span{width:35px; height:35px; font-size:24px; line-height:35px; left:10px; top:20px;}

.sec14{padding:30px 0 10px;}
.s14-txt1{font-size:28px; line-height:34px;}
.s14-txt2{padding:0;}
ul.s14-list li{border-radius:8px; padding:12px;}
ul.s14-list li p{background-size:30px; background-position:left 5px; padding-left:40px; display:block;}
.certi-sec{padding:0; background:#fefef9; border:6px solid #cfd3d3; margin:50px 0 30px;}
.certi-seal{width:150px;}
.certi-hdg{font-size:34px; line-height:38px; padding:30px 0px 15px;}
.certi-txt{margin:20px 0;}

.footer{padding:20px 0;}
.ftr-txt{font-size:16px; line-height:22px;}
}
