@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;}
.delivery {max-width:2560px;margin:0 auto;text-align:center;letter-spacing:-0.5px;line-height:1.5;}
.db1000{display:none;}
.db768{display:none;}
.db480{display:none;}
a, ul, li, p, img, div{max-width: 100%;} /* 슬릭넣어야할때 빼기 */

.hk *{font-family:'黑体', SimHei !important;} /*홍콩*/
.en {font-family: 'InnisfreeGothic';} /*영문*/

.con1{background:url(images_hk1/bg1.jpg) no-repeat center top / cover;}
.con1 .padding{padding:35.15% 0 !important;}

.con2{background:#d1e4ff url(images_hk1/bg2.jpg) no-repeat center top / cover;}
.con2 .padding{padding:11% 0 10%;}
.con2 .padding:before{position:absolute; content:''; left:calc(50% + 173px); bottom:0; width:296px; height:234px; background:url(images_hk1/deco.png) no-repeat right bottom / contain; z-index:10;}
.con2 .box{background:#ffffff; position:relative; box-sizing:border-box; padding:50px 2% 57px; max-width:600px; width:90%; display:inline-block; border-radius:3px; box-shadow: 5px 4px 7px rgba(18, 18, 18, 0.1);}
.con2 .box p:nth-child(1){font-size:6rem; color:#3668c1; font-weight:bold;}
.con2 .box p:nth-child(2){font-size:2.8rem; color:#676767; margin-top:20px; line-height:1.3;}

.con3{background:#c0d8fe;}
.con3 .padding{padding:6.2% 0 8.3%;}
.con3 .icon_wrap li{display:inline-block; padding:0 50px; position:relative;}
.con3 .icon_wrap li:nth-child(-n+2):before{position:absolute; content:''; width:47px; height:23px; top:73px; right:-31px; background:url(images_hk1/arrow.jpg) no-repeat center center / contain;}
.con3 .icon_wrap li p:nth-child(2){font-size:2.5rem; color:#375ea5; margin-top:5px; line-height:1.3;}
.con3 .table_wrap {margin-top:87px; display:inline-block; width:100%; }
.con3 .warn{color:#658bcf; font-size:1.7rem; box-sizing:border-box; padding-left:13px; position:relative; text-align:left; margin-top:10px; max-width:705px; display:inline-block;}
.con3 .warn:before{position:absolute; content:'*'; top:0; left:0;}
.con3 .btn_tit{color:#ffffff; font-size:3.8rem; max-width:705px; display:inline-block; background:#5372aa; width:100%; box-sizing:border-box; padding:5px 3%; border-radius:5px;}
.con3 .btns{margin-top:50px; display: inline-block; max-width: 745px; text-align: left;}
.con3 .btns .btn{display:inline-block; box-sizing:border-box; border:1px solid #b1c8ed; border-radius:5px; overflow:hidden; width:331px; margin:0 20px 4px; background:#869fc7; text-align: center;}
.con3 .btns .btn div{padding:13px 0; box-sizing:border-box; float:left; }
.con3 .name{background:#e0ecfd; color:#2d64c7; font-size:2.3rem; width:calc(100% - 60px);}
.con3 .btn .name.w{background:#ffffff; color:#597ec1;}
.con3 .gt{color:#ffffff; font-size:2.3rem; width:60px;}









.con4{background:#e9f3fd;}
.con4 .padding{padding:11.2% 0 10%;}
.con4 .tit p{color:#ffffff; font-size:3.8rem; font-weight:bold; background:#597ec1; padding:0px 39px; display:inline-block; position:relative;}
.con4 .tit p:before{position:absolute; content:''; top:0; left:-11px; width:11px; height:100%; background:url(images_hk1/left.jpg) no-repeat center center / 100% 100%;}
.con4 .tit p:after{position:absolute; content:''; top:0; right:-11px; width:11px; height:100%; background:url(images_hk1/right.jpg) no-repeat center center / 100% 100%;}
.con4 .tail{position:relative; padding:20px 0 0 0; text-align:center; color:#597ec1; font-size:24px}
.con4 .box{display:inline-block; background:#ffffff; width:100%; max-width:700px; box-sizing:border-box; border-radius:5px; padding:0 1%; margin-top:5%;}
.con4 .box li{padding:43px 0 50px; position:relative;}
.con4 .box li:nth-child(1):before{position:absolute; content:''; bottom:0; left:50%; transform:translateX(-50%); height:1px; width:100%; max-width:500px; background:#e0e5ef;}
.con4 .box li p:nth-child(1){color:#395486; font-weight:bold; font-size:3.2rem;}
.con4 .box li p:nth-child(2){color:#777777; font-size:2.2rem; margin-top:10px;}
.con4 .box li p:nth-child(3){display:inline-block; width:100%; margin-top:26px;}
.con4 .box li p:nth-child(4){margin-top:36px;}
.con4 .btn{display:inline-block; color:#ffffff; background:#888888; padding:5px 16px; font-size:2rem; border-radius:5px;}
.con4 .inb{display:inline-block;}
.con4 .inb:nth-child(n+2){margin-left:31px;}















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

.con3 .icon_wrap li{display:block; padding:0;}
.con3 .icon_wrap li:nth-child(n+2){padding-top:72px;}
.con3 .icon_wrap li:nth-child(-n+2):before{top:auto; right:auto; bottom:-50px; left:50%; transform:translate(-50%) rotate( 90deg );}
.con3 .btns .btn{width:100%; margin:0 0 4px;}
.con3 .btns{max-width:705px; display:inline-block;}
.con3 .btn:nth-child(4n) .name, .con3 .btn:nth-child(4n-1) .name{background:#e0ecfd; color:#2d64c7;}
.con3 .btn:nth-child(2n) .name{background:#ffffff; color:#597ec1;}

.con4 .box li{padding:30px 0;}
.con4 .box{margin-top:30px;}
.con4 .inb{display:block;}
.con4 .inb:nth-child(n+2){margin-left:0; margin-top:40px;}
.con4 .box li p:nth-child(3) img{width:200px;}
.con4 .box li:nth-child(2) p:nth-child(3) img{width:320px;}
}

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

.con2 .padding:before{left:calc(50% + 107px); width:168px; }
.con2 .box{padding:30px 2%; max-width:350px;}
.con2 .box p:nth-child(1){font-size:4rem;}
.con2 .box p:nth-child(2){font-size:2rem; margin-top:10px;}

.con3 .btn_tit{font-size:3rem;}

.con4 .tit p{font-size:3rem;}
}

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