@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;}
.light {max-width:2560px;margin:0 auto;text-align:center;letter-spacing:-0.5px;line-height:1.5; background:#f6f6f6;}
.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; font-weight:bold;} /*태국*/
.vn *{font-family: Arial;} /*베트남*/
.en {font-family: 'InnisfreeGothic' !important;} /*영문*/

.con1{background:url(images_hk/bg1.jpg) no-repeat center top / cover;}
.con1 .padding{padding:9.3% 0 7% !important; position:relative;}
.con1 .tit p:nth-child(1){color:#000000; font-size:2.9rem; display:inline-block; border-bottom:2px solid currentColor; border-top:2px solid currentColor;}
.con1 .tit p:nth-child(2){color:#333333; font-size:6rem;}
.con1 .tit p:nth-child(3){color:#666666; font-size:2.5rem; margin-top: 0.5%;}
.con1 .tit p:nth-child(4){color:#000000; font-size:4rem; margin-top: 90.4%; letter-spacing: -3px; line-height: 1.3;}
.con1 .tit p:nth-child(5){color:#888888; font-size:2.2rem; margin-top: 1%;}
.con1 .info_wrap{margin-top: 12%; background:#ffffff; max-width:710px; margin-left:26%; width:71%; box-sizing:border-box; text-align:right;}
.con1 .info{text-align:left; display:inline-block; padding:7.4% 1%;}
.con1 .info ul li:nth-child(1){font-size:3rem; color:#000000;}
.con1 .info ul li:nth-child(2){font-size:2.2rem; color:#666666; margin-top:2%;}
.con1 .info ul{margin-bottom:7.3%;}
.con1 .info ul:last-child{margin-bottom:0;}
.con1 .visual{position:absolute; bottom:0; left:3%; width:43.2%;}
.con1 .visual_dn{display:none;}


.con2{background:url(images_hk/bg2.jpg) no-repeat center top / cover;}
.con2 .padding{padding:9.7% 0 10.4%;}
.con2 .tit p:nth-child(1){font-size:4rem; color:#000000;}
.con2 .tit p:nth-child(2){display:inline-block; width:90%; margin-top:6.6%;}

.con3{background:url(images_hk/bg3.jpg) no-repeat center top / cover;}
.con3 .padding{padding:8% 0 10.1%;}
.con3 .tit p:nth-child(1){display:inline-block; width:64%;}
.con3 .box{box-sizing:border-box; background:#ffffff; padding:5.4% 4.2% 5.4% 5%; line-height: 1.2;}
.con3 .box ul{display:flex; justify-content:space-between;}
.con3 .box li{max-width:400px; width:46%; position:relative;}
.con3 .box li:nth-child(2){max-width:416px;}
.con3 .box li p:nth-child(1){font-size:3.5rem; color:#000000;}
.con3 .box li:nth-child(1) p:nth-child(1){margin-top:4%;}
.con3 .box li p:nth-child(1) span{font-size:2.2rem; color:#666666; display:inline-block; margin-top:5%;}
.con3 .box li p:nth-child(2){display:block; width:100%; margin:8% auto 0;}
.con3 .box li p:nth-child(3){font-size:3.2rem; color:#000000; text-align:left; display:inline-block; }
.con3 .box li p:nth-child(3) span{font-size:2.3rem; color:#888888;}
.con3 .box li:nth-child(1):after{position:absolute; content:''; top:6%; right:-12%; width:1px; height:86%; background:#ababab;}

.con4{background:url(images_hk/bg4.jpg) no-repeat center top / cover;}
.con4 .padding{padding:10% 0 10.3%;}
.con4 .tit p:nth-child(1){color:#000000; font-size:3.5rem;}
.con4 .tit p:nth-child(2){color:#666666; font-size:2.2rem; margin-top:0.5%;}
.con4 .tit p:nth-child(3){display:inline-block; width:70%; margin-top: 6%;}
.con4 .tit p:nth-child(4){color:#666666; font-size:1.8rem; margin-top:5%; opacity: 0.78;}













@media screen and (max-width: 1000px){
html{font-size:8px;}
.container {width:95%;}
.con1 .container {width:100%;}
.dn1000{display:none;}
.db1000{display:block;}
}

@media screen and (max-width: 768px){
.dn768{display:none;}
.db768{display:block;}
.padding{padding:50px 0 !important;}

.con1 .tit p:nth-child(1){font-size:3rem;}
.con1 .tit p:nth-child(2){font-size:4rem;}
.con1 .tit p:nth-child(3){font-size:2.5rem;}
.con1 .tit p:nth-child(4){font-size:3rem;}
.con1 .tit p:nth-child(5){font-size:2rem;}

.con1 .info ul li:nth-child(1){font-size:2rem;}
.con1 .info ul li:nth-child(2){font-size:1.8rem;}

.con2 .tit p:nth-child(1){font-size:3rem;}

.con3 .box ul{display:inline-block; width: 100%;}
.con3 .box li{width:100%; margin: 0 auto;}
.con3 .box li:first-child{border-bottom:1px solid #ababab; padding-bottom:30px; margin-bottom:30px;}
.con3 .box li:nth-child(1):after{display:none;}

.con3 .box li p:nth-child(2) {width: 70%; margin-top: 3%; /* max-width:242px; */}
/* .con3 .box li:nth-child(2) p:nth-child(2) {width: 93%;} */

.con3 .box li p:nth-child(1){font-size:2.5rem;}
.con3 .box li p:nth-child(1) span{font-size:2rem;}
.con3 .box li p:nth-child(3){font-size:2.5rem;}
.con3 .box li p:nth-child(3) span{font-size:2rem;}

.con4 .tit p:nth-child(1){font-size:3rem;}
.con4 .tit p:nth-child(2){}
}

@media screen and (max-width: 600px){
.con1 .visual {left: -9%;}
.con1 .tit p:nth-child(4) {margin-top: 97.4%;}
}

@media screen and (max-width: 480px){
html{font-size:7px;}
.dn480{display:none;}
.db480{display:block;}

.con1{background:#f6f6f6 url(images_hk/bg1.jpg) no-repeat center top / 1000px;}
.con1 .tit p:nth-child(4){margin-top:340px;}
.con1 .visual{display:none;}
.con1 .visual_dn{display:inline-block; width:50%; margin-top: 30px;}
.con1 .info_wrap{margin: 0 auto; width:90%; text-align:center;}
.con1 .info{text-align:center;}
}