@font-face {
    font-family: 'SuseongDotum';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2205@1.0/SuseongDotum.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

header { border-bottom:1px solid #e4e4e4; box-sizing:border-box; }

div.subevent { position:relative; width:1280px; padding:34px 0 50px 0; margin:0 auto; overflow:hidden; }
div.subevent .slidediv { float:left; position:relative; width:410px; padding-bottom:20px; margin-bottom:62px; margin-right:25px; border-bottom:1px solid #c0c0c0; cursor:pointer; }
div.subevent div:nth-child(3n) { margin-right:0px; }
div.subevent .slidediv .img { position:relative; width:410px; height:565px; border-radius:26px; overflow:hidden; }
div.subevent .slidediv .img span { position:absolute; top:18px; left:18px; width:65px; height:28px; line-height:28px; font-family: 'Jost', sans-serif; font-size:22px; font-weight:700; color:#1a1a1a; border-radius:30px; background:#ffffff; text-align:center; }
div.subevent .slidediv .img span.off_date { font-family:'Noto Sans KR'; font-weight:700; font-size:16px; background:#c5c5c5; color:#ffffff; }
div.subevent .slidediv .img img { width:100%; box-sizing:border-box; }
div.subevent .txt { position:relative; width:100%; height:44px; margin-top:28px; }
div.subevent .txt div.t1 { float:left; padding-top:10px; margin-right:7px; font-size:26px; font-weight:700; color:#1d1d1d; line-height:100%; }
div.subevent .txt div.t2 { float:left; height:44px;  font-family: 'Jost', sans-serif; font-size:47px; font-weight:700; color:#000000; line-height:100%; }
div.subevent .txt div.t2 span { font-size:17px; font-weight:700; color:#000000; line-height:100%; }
div.subevent .txt a { position:absolute; top:0px; right:0px; width:105px; height:41px; line-height:41px; font-size:17px; font-weight:700; color:#382929; text-align:center; border-radius:40px; background:#ffc600; }

	
#evnetslide2 { position:relative; width:1280px; margin:0 auto; overflow:hidden; margin-top:50px; margin-bottom:50px; }
#evnetslide2 div { float:left; position:relative; width:628px; height:513px; border-radius:26px; margin:0 24px 56px 0 ; overflow:hidden; box-sizing:border-box; border:1px solid #c0c0c0; }
#evnetslide2 div:nth-child(2n) { margin-right:0px; }
#evnetslide2 ul { width:628px; height:513px;  }
#evnetslide2 ul li.imgs { position:relative; width:628px; height:429px; }
#evnetslide2 ul li.imgs  span { position:absolute; top:30px; left:30px; font-size:28px; font-weight:700; color:#ffffff; }
#evnetslide2 ul li.txt { width:100%; height:82px; overflow:hidden; }
#evnetslide2 ul li.txt a { display:block; float:left; width:50%; height:82px; font-size:17px; padding-left:20px; color:#000000; font-weight:500; line-height:82px; text-align:center; box-sizing:border-box; }
#evnetslide2 ul li.txt a:nth-child(1) { border-right:1px solid #c0c0c0; background:url('/images/event/icon1.jpg')no-repeat 26% 50%; }
#evnetslide2 ul li.txt a:nth-child(2) { background:url('/images/event/icon2.jpg')no-repeat 26% 50%; }
#evnetslide2 ul li.txt a:nth-child(3) { background:url('/images/event/icon2.jpg')no-repeat 26% 50%; }
#evnetslide2 ul li.txt span { display:none; }


.sub02 { position:relative; width:1280px; margin:50px auto; }
.sub02 ul li { position:relative; width:1280px; height:500px; border-radius:30px; margin-bottom:60px; overflow:hidden;  box-shadow: 0px 0px 20px rgb(0 0 0 / 20%); }
.sub02 ul li img { width:100%; display: block !important; }


.sub0301 { position:relative; width:1280px; margin:60px auto; overflow:hidden; }
.subvisual { position:relative; width:1280px; margin:0px auto; overflow:hidden; }
.subvisual .subimgs { float:left; position:relative; width:782px; height:928px; }
.subvisual .subimgs .subslide { position:relative; width:782px; height:726px; background:url('/images/event/subimgbg.jpg')no-repeat 50% 50%; }
.subvisual .subimgs .subslide .slick-slide { height:726px; }
.subvisual .subimgs .subslide span { display:block; position:absolute; top:0px; right:0px; }

.subslidebt { position:relative; width:80%; padding:20px 5%; margin:0 auto; }
.subslidebt div.slick-slide { padding:15px; box-sizing:border-box; cursor:pointer; }

.subslidebt .slick-prev { left:-76px; width:62px; height:62px; background:url('/images/event/subslidebt1.jpg')no-repeat 50% 50%; }
.subslidebt .slick-next { right:-76px; width:62px; height:62px; background:url('/images/event/subslidebt2.jpg')no-repeat 50% 50%; }

.subvisual .subtxt { float:right; position:relative; width:437px; }
.subvisual .subtxt li.t1 { 
	position:relative; width:100%; height:112px; line-height:106px; padding-left:13px; box-sizing:border-box; background:url('/images/event/t1bg.jpg')no-repeat 0 0; 
	font-family: 'SuseongDotum'; font-size:48px; color:#000000; border-bottom:1px solid #cecece; margin-bottom:40px;
}
.subvisual .subtxt li.t2 { position:relative; width:100%; font-size:25px; color:#4b4b4b; font-weight:400; line-height:130%; letter-spacing:-1px; }
.subvisual .subtxt li.t3 { position:relative; width:100%; height:196px; border-bottom:1px solid #cecece; margin-top:20px; font-size:17px; color:#6a6868; font-weight:400; line-height:140%; }
.subvisual .subtxt li.t4 { position:relative; width:100%; margin-top:40px; }
.subvisual .subtxt li.t4 span:nth-child(1) { display:block; width:100%; font-size:19px; color:#000000; font-weight:500; }
.subvisual .subtxt li.t4 span:nth-child(2) { display:block; width:100%; font-size:17px; color:#6a6868; font-weight:400; line-height:140%; margin-top:14px; }
.subvisual .subtxt li.t5 a { display:block; position:relative; width:100%; height:96px; margin-top:52px; background:#c98e64; line-height:96px; padding:0 40px; font-size:26px; font-weight:700; color:#ffffff; box-sizing:border-box; }
.subvisual .subtxt li.t5 a span { display:block; position:absolute; top:0px; right:40px; }

.subtxtwrap { position:relative; width:100%; max-width:1280px; margin:0 auto; padding:3%; box-sizing:border-box; background:#e7ded9; margin-bottom:100px; }
.subtxtwrap .txtview { position:relative; width:100%; background:#ffffff; padding:5%; box-sizing:border-box; font-size:16px; font-weight:400; color:#000000; line-height:190%; text-align:center; }
.subtxtwrap img { display: initial; }


.imgpage { position:relative; width:100%; max-width:800px; margin:0 auto; margin-top:5%; }
.imgpage a.alink { display:block; position:absolute; transform:translate(-50%,-50%); }
.imgpage a.alink.alink_01{ top:13%; left:90%; width:13%; height:3%; }
.imgpage a.alink.alink_01_1 { top:69.2%; left:90%; width:13%; height:3%; }
.imgpage a.alink.alink_01_2 { top:29%; left:89%; width:13%; height:3%; }
.imgpage a.alink.alink_02{ top:12%; left:90%; width:13%; height:3%; }
.imgpage a.alink.alink_03{ top:41%; left:90%; width:13%; height:3%; }
.imgpage a.alink.alink_04{ top:19.2%; left:27%; width:42%; height:3%; }
.imgpage a.alink.alink_05{ top:19.2%; left:73%; width:42%; height:3%; }
.imgpage a.alink.alink_06{ top:24.8%; left:27%; width:42%; height:3%; }
.imgpage a.alink.alink_07{ top:24.8%; left:73%; width:42%; height:3%; }
.imgpage a.alink.alink_08{ top:30.2%; left:27%; width:42%; height:3%; }
.imgpage a.alink.alink_09{ top:30.2%; left:73%; width:42%; height:3%; }
.imgpage a.alink.alink_10{ top:67%; left:88%; width:13%; height:3%; }


@media all and (min-width:641px) and (max-width:1280px) {


div.subevent { position:relative; width:90%; max-width:800px; padding:34px 0 50px 0; margin:0 auto; overflow:hidden; }
div.subevent .slidediv { float:left; position:relative; width:48%; padding-bottom:20px; margin-bottom:62px; margin-right:0px; margin-left:0%; border-bottom:1px solid #c0c0c0; cursor:pointer; }
div.subevent div:nth-child(2n) { margin-right:0px; margin-left:4%; }
div.subevent .slidediv .img { position:relative; width:100%; height:auto; border-radius:26px; overflow:hidden; }
div.subevent .slidediv .img span { position:absolute; top:18px; left:18px; width:65px; height:28px; line-height:28px; font-family: 'Jost', sans-serif; font-size:22px; font-weight:700; color:#1a1a1a; border-radius:30px; background:#ffffff; text-align:center; }
div.subevent .slidediv .img img { width:100%; box-sizing:border-box; }
div.subevent .txt { position:relative; width:100%; height:44px; margin-top:28px; }
div.subevent .txt div.t1 { float:left; padding-top:10px; margin-right:7px; font-size:20px; font-weight:700; color:#1d1d1d; line-height:100%; }
div.subevent .txt div.t2 { float:left; height:44px;  font-family: 'Jost', sans-serif; font-size:47px; font-weight:700; color:#000000; line-height:100%; }
div.subevent .txt div.t2 span { font-size:17px; font-weight:700; color:#000000; line-height:100%; }
div.subevent .txt a { position:absolute; top:0px; right:0px; width:105px; height:41px; line-height:41px; font-size:17px; font-weight:700; color:#382929; text-align:center; border-radius:40px; background:#ffc600; }


#evnetslide2 { position:relative; width:90%; margin:0 auto; overflow:hidden; margin-top:50px; margin-bottom:50px; }
#evnetslide2 div { float:left; position:relative; width:48%; height:auto; border-radius:26px; margin:0 4% 56px 0 ; overflow:hidden; box-sizing:border-box; border:1px solid #c0c0c0; }
#evnetslide2 div:nth-child(2n) { margin-right:0px; }
#evnetslide2 ul { width:100%; height:auto;  }
#evnetslide2 ul li.imgs { position:relative; width:100%; height:auto; }
#evnetslide2 ul li.imgs  span { position:absolute; top:24px; left:24px; font-size:22px; font-weight:700; color:#ffffff; }
#evnetslide2 ul li.txt { width:100%; height:82px; overflow:hidden; }
#evnetslide2 ul li.txt a { display:block; float:left; width:50%; height:82px; font-size:15px; padding-left:24px; color:#000000; font-weight:500; line-height:82px; text-align:center; box-sizing:border-box; }
#evnetslide2 ul li.txt a:nth-child(1) { border-right:1px solid #c0c0c0; background:url('/images/event/icon1.jpg')no-repeat 16% 50%; }
#evnetslide2 ul li.txt a:nth-child(2) { background:url('/images/event/icon2.jpg')no-repeat 16% 50%; }
#evnetslide2 ul li.txt a:nth-child(3) { background:url('/images/event/icon2.jpg')no-repeat 16% 50%; }
#evnetslide2 ul li.txt span { display:none; }


.sub02 { position:relative; width:90%; margin:5% auto; }
.sub02 ul li { position:relative; width:100%; height:auto; border-radius:30px; margin-bottom:60px; overflow:hidden;  box-shadow: 0px 0px 20px rgb(0 0 0 / 20%); }
.sub02 ul li img { width:100%; display: block !important; }


.sub0301 { position:relative; width:90%; margin:60px auto; overflow:hidden; }
.subvisual { position:relative; width:100%; margin:0px auto; overflow:hidden; }
.subvisual .subimgs { float:none; position:relative; width:640px; height:auto; margin:0 auto; }
.subvisual .subimgs .subslide { position:relative; width:640px; height:auto; margin:0 auto; background:url('/images/event/subimgbg.jpg')no-repeat 50% 50%; }
.subvisual .subimgs .subslide .slick-slide { height:auto; }
.subvisual .subimgs .subslide span { display:block; position:relative; top:0px; right:0px; }

.subslidebt { position:relative; width:80%; padding:20px 5%; margin:0 auto; }
.subslidebt div.slick-slide { padding:15px; box-sizing:border-box; cursor:pointer; }

.subslidebt .slick-prev { left:-76px; width:62px; height:62px; background:url('/images/event/subslidebt1.jpg')no-repeat 50% 50%; }
.subslidebt .slick-next { right:-76px; width:62px; height:62px; background:url('/images/event/subslidebt2.jpg')no-repeat 50% 50%; }

.subvisual .subtxt { float:none; position:relative; width:640px; margin:0 auto; }
.subvisual .subtxt li.t1 { 
	position:relative; width:100%; height:90px; line-height:90px; padding-left:13px; box-sizing:border-box; background:url('/images/event/t1bg.jpg')no-repeat 0 0; 
	font-family: 'SuseongDotum'; font-size:38px; color:#000000; border-bottom:1px solid #cecece; margin-bottom:5%;
}
.subvisual .subtxt li.t2 { position:relative; width:100%; font-size:25px; color:#4b4b4b; font-weight:400; line-height:130%; letter-spacing:-1px; }
.subvisual .subtxt li.t3 { position:relative; width:100%; height:auto; padding-bottom:5%; border-bottom:1px solid #cecece; margin-top:20px; font-size:17px; color:#6a6868; font-weight:400; line-height:140%; }
.subvisual .subtxt li.t4 { position:relative; width:100%; margin-top:30px; }
.subvisual .subtxt li.t4 span:nth-child(1) { display:block; width:100%; font-size:19px; color:#000000; font-weight:500; }
.subvisual .subtxt li.t4 span:nth-child(2) { display:block; width:100%; font-size:17px; color:#6a6868; font-weight:400; line-height:140%; margin-top:14px; }
.subvisual .subtxt li.t5 a { display:block; position:relative; width:100%; height:66px; margin-top:32px; background:#c98e64; line-height:66px; padding:0 40px; font-size:26px; font-weight:700; color:#ffffff; box-sizing:border-box; }
.subvisual .subtxt li.t5 a span { display:block; position:absolute; top:0px; right:40px; }

.subtxtwrap { position:relative; width:100%; max-width:1280px; margin:0 auto; padding:3%; box-sizing:border-box; background:#e7ded9; margin-bottom:100px; }
.subtxtwrap .txtview { position:relative; width:100%; background:#ffffff; padding:0%; box-sizing:border-box; font-size:16px; font-weight:400; color:#000000; line-height:190%; }
.subtxtwrap img {  }




}

@media all and (min-width:320px) and (max-width:640px) {
header { position:relative; width:100%; height:150px; background:#ffffff; z-index:2; }
div.subevent { position:relative; width:70%; max-width:410px; padding:34px 0 50px 0; margin:0 auto; overflow:hidden; }
div.subevent .slidediv { float:left; position:relative; width:100%; padding-bottom:20px; margin-bottom:32px; margin-right:0px; margin-left:0%; border-bottom:1px solid #c0c0c0; cursor:pointer; }
div.subevent div:nth-child(2n) { margin-right:0px; margin-left:0%; }
div.subevent .slidediv .img { position:relative; width:100%; height:auto; border-radius:26px; overflow:hidden; }
div.subevent .slidediv .img span { position:absolute; top:16px; left:16px; width:55px; height:24px; line-height:24px; font-family: 'Jost', sans-serif; font-size:14px; font-weight:700; color:#1a1a1a; border-radius:30px; background:#ffffff; text-align:center; }
div.subevent .slidediv .img img { width:100%; box-sizing:border-box; }
div.subevent .txt { position:relative; width:100%; height:34px; margin-top:18px; }
div.subevent .txt div.t1 { float:left; padding-top:10px; margin-right:7px; font-size:18px; font-weight:700; color:#1d1d1d; line-height:100%; }
div.subevent .txt div.t2 { float:left; height:34px;  font-family: 'Jost', sans-serif; font-size:47px; font-weight:700; color:#000000; line-height:100%; }
div.subevent .txt div.t2 span { font-size:17px; font-weight:700; color:#000000; line-height:100%; }
div.subevent .txt a { position:absolute; top:0px; right:0px; width:95px; height:36px; line-height:36px; font-size:15px; font-weight:700; color:#382929; text-align:center; border-radius:40px; background:#ffc600; }

.sub02 { position:relative; width:90%; margin:5% auto; }
.sub02 ul li { position:relative; width:100%; height:auto; border-radius:15px; margin-bottom:5%; overflow:hidden;  box-shadow: 0px 0px 20px rgb(0 0 0 / 20%); }
.sub02 ul li img { width:100%; display: block !important; }

#evnetslide2 { position:relative; width:90%; max-width:400px; margin:0 auto; overflow:hidden; margin-top:30px; margin-bottom:30px; }
#evnetslide2 div { float:left; position:relative; width:100%; height:auto; border-radius:20px; margin:0 0% 36px 0 ; overflow:hidden; box-sizing:border-box; border:1px solid #c0c0c0; }
#evnetslide2 div:nth-child(2n) { margin-right:0px; }
#evnetslide2 ul { width:100%; height:auto;  }
#evnetslide2 ul li.imgs { position:relative; width:100%; height:auto; }
#evnetslide2 ul li.imgs  span { position:absolute; top:24px; left:24px; font-size:22px; font-weight:700; color:#ffffff; }
#evnetslide2 ul li.txt { width:100%; height:82px; overflow:hidden; }
#evnetslide2 ul li.txt a { display:block; float:left; width:50%; height:82px; font-size:13px; padding-left:27px; color:#000000; font-weight:500; line-height:82px; text-align:center; box-sizing:border-box; }
#evnetslide2 ul li.txt a:nth-child(1) { border-right:1px solid #c0c0c0; background:url('/images/event/icon1.jpg')no-repeat 12% 50%; }
#evnetslide2 ul li.txt a:nth-child(2) { background:url('/images/event/icon2.jpg')no-repeat 12% 50%; }
#evnetslide2 ul li.txt a:nth-child(3) { background:url('/images/event/icon2.jpg')no-repeat 12% 50%; }
#evnetslide2 ul li.txt span { display:none; }


.sub0301 { position:relative; width:90%; margin:30px auto; overflow:hidden; }
.subvisual { position:relative; width:100%; margin:0px auto; overflow:hidden; }
.subvisual .subimgs { float:none; position:relative; width:100%; height:auto; margin:0 auto; }
.subvisual .subimgs .subslide { position:relative; width:100%; height:auto; margin:0 auto; background:url('/images/event/subimgbg.jpg')no-repeat 50% 50%; }
.subvisual .subimgs .subslide .slick-slide { height:auto; }
.subvisual .subimgs .subslide span { display:block; position:relative; top:0px; right:0px; }

.subslidebt { position:relative; width:90%; padding:14px 2%; margin:0 auto; }
.subslidebt div.slick-slide { padding:4px; box-sizing:border-box; cursor:pointer; }

.subslidebt .slick-prev { left:-76px; width:62px; height:62px; background:url('/images/event/subslidebt1.jpg')no-repeat 50% 50%; }
.subslidebt .slick-next { right:-76px; width:62px; height:62px; background:url('/images/event/subslidebt2.jpg')no-repeat 50% 50%; }

.subvisual .subtxt { float:none; position:relative; width:100%; margin:10% auto 0 auto; }
.subvisual .subtxt li.t1 { 
	position:relative; width:100%; height:60px; line-height:60px; padding-left:23px; box-sizing:border-box; background:url('/images/event/t1bg.jpg')no-repeat 0 0; 
	font-family: 'SuseongDotum'; font-size:26px; color:#000000; border-bottom:1px solid #cecece; margin-bottom:5%;
}
.subvisual .subtxt li.t2 { position:relative; width:100%; font-size:22px; color:#4b4b4b; font-weight:400; line-height:130%; letter-spacing:-1px; }
.subvisual .subtxt li.t3 { position:relative; width:100%; height:auto; padding-bottom:5%; border-bottom:1px solid #cecece; margin-top:20px; font-size:14px; color:#6a6868; font-weight:400; line-height:170%; }
.subvisual .subtxt li.t4 { position:relative; width:100%; margin-top:20px; }
.subvisual .subtxt li.t4 span:nth-child(1) { display:block; width:100%; font-size:19px; color:#000000; font-weight:500; }
.subvisual .subtxt li.t4 span:nth-child(2) { display:block; width:100%; font-size:14px; color:#6a6868; font-weight:400; line-height:140%; margin-top:14px; }
.subvisual .subtxt li.t5 a { display:block; position:relative; width:100%; height:46px; margin-top:22px; background:#c98e64; line-height:46px; padding:0 20px; font-size:18px; font-weight:700; color:#ffffff; box-sizing:border-box; }
.subvisual .subtxt li.t5 a span { display:block; position:absolute; top:0px; right:20px; }

.subtxtwrap { position:relative; width:100%; max-width:1280px; margin:0 auto; padding:3%; box-sizing:border-box; background:#e7ded9; margin-bottom:30px; }
.subtxtwrap .txtview { position:relative; width:100%; background:#ffffff; padding:0%; box-sizing:border-box; font-size:16px; font-weight:400; color:#000000; line-height:190%; }
.subtxtwrap img {  }


}