@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;} */
.eventName {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;}
 */
/* .con1{background:url(images_hk/bg_01.jpg) center top / cover;} */
.con1 {background: url('images_hk/bg2.jpg') center top / cover;}
.con1 .padding{padding:4.6% 0 4.3%;}
.con1 .tit p:nth-child(1){display:inline-block; width:100%;}
.con1 .tit p:nth-child(2){color:#fff; font-size:2.8rem; margin-top:2%;}
.con1 .tit p:nth-child(2) strong{display:inline-block; background:#e13e38; border-radius:30px; padding:2px 42px;}
.con1 .box_wrap{margin-top:4.1%;}
.con1 .box {width:100%; max-width:919px; margin: auto; box-sizing:border-box; background:#fff; padding:4% 0; position:relative; box-shadow: 2px 2px 2px rgba(58, 48, 92, 0.05);}

/* * pdt */
.con1 .box_wrap > :nth-child(n+2){margin-top:23px;}

.con1 .box h3 {font-size:4rem; color:#ff526a;}

.con1 .box dl {position: relative;}

.con1 .box dt {position: relative; font-size:	4rem; padding: 0 5px; margin-bottom: 5px; font-weight:bold; color:#255f44; }
.con1 .box dd.txt span {padding-left: 29px; font-size: 2.2rem; color: #666; background: url('images_hk/check.png')no-repeat left center; }

.con1 .box dd.img {margin: 20px 0 30px;}
.con1 .box dd.tail b {font-size: 3.3rem; color: #222;}
.con1 .box dd.tail span {font-size: 2.6rem; color: #7c8077; font-weight: bold;}
.con1 .box dd.tail p {margin: 10px 0 20px; padding: 0 5px; font-size: 1.8rem; color: #666;}
.con1 .box dd.tail p.sm{font-size:1.3em; color:#d7c28b; text-align:center; margin:0 auto; margin-top:20px}
.con1 .box dd.tail p.gray {color: #989898; font-size: 1.7rem;}
.con1 .box dd.tail p strong {display: block; font-size: 2.6rem; color: #7c8077;}


/* * pdt2 img 마진 조절 */
.con1 .box dd.txt {position: relative;}
.con1 .box dd.img.margin {margin-top: -10%;}

/* ! box2 */
.con1 .box2 {padding: 0;}
.con1 .box2 .bar {position: relative; padding: 1% 0; font-size: 4rem; background-color: #db3832; color: #fff;}
.con1 .box2 .bar::after {z-index: 1; display: inline-block; content: ''; position: absolute;  bottom: -10px; left: 50%; transform: translateX(-50%); border-top: 10px solid #db3832; border-left: 10px solid transparent; border-right: 10px solid transparent;}

.con1 .box2 dl {padding: 5% 0; background: none;}
.con1 .box2 hr {display: block; margin: auto; width: 90%; border: none; border-top: 1px solid #d6d6d6;}

.con1 .warn {padding: 15px 0 40px; margin: auto;  max-width: 919px; text-align: left; color: #d7c28b; font-size: 1.8rem; letter-spacing: -1.4px;}

.con1 .box2 dt {color: #255f44;}
.con1 .box2 dd.tail span {margin-bottom: 9px; display:block; font-size: 1.8rem; color: #666666; font-weight: normal; }

@media screen and (max-width: 1000px){
html{font-size:9px;}
.container {width:95%; margin: auto;}
.con1 .padding{padding:5.6% 0 5.3%;}
.con1 .tit p:nth-child(2){color:#fff; font-size:2.5rem; margin-top:4%;}
.con1 .box_wrap{margin-top:6.1%;}

.con1 .box dd.tail p.sm{text-align:center; font-size:1.1em}

.con1 .tit img {max-width: 85%;}

}

@media screen and (max-width: 768px){
html{font-size:8px;}
/* .con1 .tit p:nth-child(1){font-size:3.5rem;}
.con1 .tit p:nth-child(2){font-size:2.2rem;} */
.con1 .tit p:nth-child(2) strong{padding:2px 30px;}

.con1 .box h3 {font-size: 3.5rem;}
.con1 .box dt {font-size: 3.3rem;}
.con1 .box dd.txt span {font-size: 2rem;}
.con1 .box2 .bar {font-size: 3.5rem;}

}  

@media screen and (max-width: 480px){
html{font-size:7px;}
.con1 .box dt {font-size: 3rem;}
.con1 .box dd.tail p {font-size: 1.6rem;}
.con1 .box dd.tail b {font-size: 3rem;}
.con1 .box dd.tail span {font-size: 2.3rem;}
.con1 .box2 dd.tail span {font-size: 1.8rem;}

}