@charset "utf-8";

html{font-size:10px;}
.oh{overflow:hidden;}
.container {width:100%; margin:0 auto; max-width:1000px; position:relative;}
.cf:after{content:''; display: block; clear:both; visibility:hidden; height:0px;}
.anti {max-width:2560px;margin:0 auto;text-align:center;letter-spacing:0px;line-height:1.5;}
.db1000{display:none;}
.db768{display:none;}
.db480{display:none;}

.hk *{font-family: '新宋体' !important;} /*홍콩*/
.hk *{font-family:'黑体', SimHei !important;} /*홍콩*/
.tw *{font-family: '新宋体' !important;} /*대만*/
.tw *{font-family:'黑体', SimHei !important;} /*대만*/
.jp *{font-family: 'DFGothic' !important;} /*일본*/
.th *{font-family:'Cloud-Light',Tahoma;} /*태국*/
.th2 {font-family:'Cloud' !important;} /*태국*/
.vn *{font-family: Arial;} /*베트남*/
.en {font-family: 'InnisfreeGothic' !important;} /*영문*/

.con1{background:url(images_my/bg1.jpg) no-repeat center top / cover;}
.con1 .padding{padding:10.3% 0 9.6%;}
.con1 .tit p:nth-child(1){display:inline-block; width:90%;}
.con1 .box{box-sizing:border-box; background:#ffffff; padding:8% 5% 40px; margin:10.8% auto 0; border:10px solid #f3beed; width:100%; max-width:880px; display:block; border-radius:18px;}
.con1 .box p:nth-child(2){color:#333333; font-size:1.8rem; margin-top:20px;}
.con1 .box p:nth-child(3){margin-top:8%;}
.con1 .box p:nth-child(4){margin-top:4.7%; display: inline-block; width: 80%;}
.con1 .box p:nth-child(4) .btn img{width:100%;}

.con2{background:url(images_my/bg2.jpg) no-repeat center top / cover;}
.con2 .padding{padding:9.6% 0 5.5%;}
.con2 .box{border:10px solid #314d63; margin-top:0;}
.con2 .warn{color:#ffffff; font-size:2rem; margin-top:23px;}
.con2 .box p:nth-child(3){margin-top:8%; display: inline-block; width: 80%;}



















@media screen and (max-width: 1000px){
html{font-size:8px;}
.container {width:95%;}
.dn1000{display:none;}
.db1000{display:block;}
}

@media screen and (max-width: 768px){
.dn768{display:none;}
.db768{display:block;}

.con1 .box p:nth-child(4) {margin-top: 7.7%;}
.con2 .padding{padding:9.6% 0;}

}

@media screen and (max-width: 480px){
html{font-size:7px;}
.dn480{display:none;}
.db480{display:block;}
}