@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;}
.con1 {background: url('images_hk/title_bg.jpg') center top / cover;}
.con2 {background: url('images_hk/con2_bg.jpg') center top / cover; position:relative; height:1284px;}
.con1 .padding{padding:5.6% 0 5.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:#000; border-radius:30px; padding:2px 42px;}
.con1 .box_wrap{margin-top:50px;}
.con1 .box {width:100%; max-width:923px; margin: auto; box-sizing:border-box; background:#fff; padding:3% 0; position:relative; box-shadow: 0.8rem 0.8rem 0px rgb(242 109 108 / 90%); border:2px solid #c01b15;}


.con1 .box_wrap > :nth-child(n+2){margin-top:2.3rem;}
.con1 .box h3 {font-size:4rem; color:#a81919;}
.con1 .box dl {position: relative;}
.con1 .box dt {position: relative; font-size:4rem; padding: 0 5px; margin-bottom: 5px; font-weight:bold; color:#000; }
.con1 .box1 dt {z-index:1; display:inline-block; position:relative;}
.con1 .box1 dt::before {z-index:-1; content:''; position:absolute; width:100%; height:55%; bottom:0; left:50%; padding:0 10px; background:#fff1a5;transform: skewX(-17deg) translateX(-50%);}
/* .con1 .box dt span {color: #d39522;} */
.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.txt span i{font-style:normal; position:relative; padding:0 5px; position:relative; display:inline-block;}
.con1 .box dd.txt span i em{font-weight:normal; position:relative; z-index:5}
.con1 .box dd.txt span i:after{content:''; display:block; height:50%; position:absolute; left:0; width:100%; left:0; bottom:0; background:#feebed}

.con1 .box dd.desc {margin: 10px 0 0; padding: 0 5px;font-size:2.6rem; color:#222222}
.con1 .box dd.img {margin: 20px 5px;}
.con1 .box dd.img p {margin:2rem 0 0; font-size:3.4rem; color:#950f3f}
/* .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 0; padding: 0 5px; font-size: 2rem; color: #333;}
.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: #666666; font-size: 2rem;}
.con1 .box dd.tail p strong {display: block; font-size: 3rem; color: #333; line-height:1.2; margin-bottom:7px;}


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

/* ! box green */
.box.green {background-color: #e1f5e7;}
.box.green dl dt span {font-weight: normal; color: #444;}


/* ! box2 */
.con1 .box2 {padding: 0;}
.con1 .box2 .bar {z-index:2; position: relative; padding: 1% 0; font-size: 4rem; background-color: #c01b15; 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 #c01b15; border-left: 10px solid transparent; border-right: 10px solid transparent;}

.con1 .box2 dl {z-index:1; padding: 5% 0; background: none;}

.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: #000;}
.con1 .box2 dl.position {position:relative; padding: 0;}
.con1 .box2 dl.position dt {position:absolute; top: 8%; left: 50%; transform: translateX(-50%);}
.con1 .box2 dl.position dd.img {margin: 0;}
.con1 .box2 dl.position dd.tail {padding: 3% 0 5%;}

hr {display: block; margin: auto; width: 90%; border: none; border-top: 1px solid #d6d6d6;}

.b_tail{position:relative; padding:0px 0 5px 0; line-height:1.4; color:#2876a3; font-size:16px}

.inni_tit{position:relative; padding:20px 0 0 0}

.con2 .link {position: absolute; width: 70%; height: 100%; top: 0; left: 50%; transform: translateX(-50%);}





.box dt {z-index:1; display:inline-block; position:relative; font-size:4rem;}
.box dt::before {z-index:-1; content:''; position:absolute; width:100%; height:55%; bottom:0; left:50%; padding:0 10px; background:#fff1a5;transform: skewX(-17deg) translateX(-50%);}
.box dt.mb5 {margin-bottom:-5%;}
.box dt.mb10 {margin-bottom:-10%;}

.box dt span {font-size:4.5rem; color:#222}
.box dt em {font-size:5.2rem; color:#f14242}


.dl--bg {position:relative;}
.dl--bg::before {z-index:-1; content: ''; position:absolute; width:100%; height:68%; top:0; left:0; background:linear-gradient(to bottom,#fff,#fff4ed)}



@media screen and (max-width: 1000px){
html{font-size:9px;}
.container {padding:0 20px; box-sizing: border-box;}
.con1 .padding{padding:5.6% 0 5.3%;}
.con2 {height: auto; padding:60% 0}

.con1 .tit p:nth-child(2){color:#fff; font-size:2.5rem; margin-top:4%;}
.con1 .box dd.tail p.sm{text-align:center; font-size:1.1em}
.con1 .tit img {max-width: 85%;}

.b_tail{font-size:13px}

}

@media screen and (max-width: 768px){
html{font-size:8px;}
.con2 {height: auto; padding:50% 0}

.con1 .tit p:nth-child(2) strong{padding:2px 30px;}
.con1 .box_wrap{margin-top:20px;}
.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;}

.b_tail{font-size:12px}

.box dt span {font-size:3.5rem; color:#222}
.box dt em {font-size:4.2rem; color:#f14242}

}  

@media screen and (max-width: 480px){
html{font-size:7px;}
.con1 .padding{padding:35px 0 35px;}
.con1 .box dt {font-size: 3rem;}
.con1 .box dd.tail p {font-size: 1.4rem;}
.con1 .box dd.tail p strong {font-size:2rem;}
.con1 .box dd.tail b {font-size: 2rem;}
.con1 .box dd.tail span {font-size: 2.3rem;}
.con1 .box dd.img p {margin:2rem 0 0}

.box dt span {font-size:3rem; color:#222}
.box dt em {font-size:3.5rem; color:#f14242}
}