body {  }
body img { max-width:100%; display:block; vertical-align:top; }
#subwrap img { max-width:100%; display:inline-block; }
header { position:relative; width:100%; height:212px; background:#ffffff; z-index:2; }
header .toplink { position:relative; width:100%; height:49px; }
header .toplink li:nth-child(1) { float:left; position:relative; width:50%; height:49px; background:#524233; }
header .toplink li:nth-child(2) { float:left; position:relative; width:50%; height:49px; background:#c98e64; }
header .toplink li a { display:block; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:100%; text-align:center; font-size:15px; font-weight:400; color:#ffffff; }
header .toplink li a span { padding-left:18px; }
header .toplink li a div { display:inline-block; }
header #logo { position:relative; width:100%; height:94px; background:url('/images/event/logobg.jpg')no-repeat 50% 23px; }
header #logo h1 { position:absolute; top:36px; left:50%; transform:translateX(-50%); width:268px; }

nav { position:relative; width:1020px; height:69px; margin:0 auto; text-align:center; }
nav li.dt1menu { display:inline-block; position:relative; height:69px; line-height:63px; margin:0 60px; font-size:19px; font-weight:700;  }
nav li.dt1menu a.dt1menua { display:block; width:100%; height:100%; padding:0 16px; color:#363636; box-sizing:border-box; border-bottom:3px solid none; }
nav li.dt1menu:hover a.dt1menua { color:#c28558; border-bottom:3px solid #c28558; }
nav li.dt1menu.gnb04 a.dt1menua { background:url('/images/event/navbg.png')no-repeat 50% 13px; }

.gnb2dt { display:none; }
.hot { position:absolute; top:0px; left:120px; width:29px; height:20px; animation: sub0201_01 1.2s infinite alternate linear; }
.now { position:absolute; top:-10px; right:50px; }

@keyframes sub0201_01 {
  0% { background:url('/images/event/hot.png')no-repeat 50% 50%; }
  20% { background:url('/images/event/hot2.png')no-repeat 50% 50%; }
  40% { background:url('/images/event/hot.png')no-repeat 50% 50%; }
  60% { background:url('/images/event/hot2.png')no-repeat 50% 50%; }
  80% { background:url('/images/event/hot.png')no-repeat 50% 50%; }
  100% { background:url('/images/event/hot2.png')no-repeat 50% 50%; }
}


.mainvisual { position:relative; width:100%; height:600px; margin-top:-20px; z-index:10; }
.visual { position:relative; width:100%; height:600px; margin:0 auto; }
.visual div.visualimg { position:relative; width:100%; }
.visual div.visualimg ul.visualul { position:relative; width:100%; height:600px;  }
.visual div.visualimg ul.visualul li.slick-slide { position:relative; width:1075px; height:500px; border-radius:30px; outline:none; }
.visual div.visualimg ul.visualul li.slick-slide span { display:block; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:1075px; height:420px; border-radius:30px; overflow:hidden; box-shadow: 0px 0px 20px rgb(0 0 0 / 20%); }
.visual div.visualimg ul.visualul li.slick-slide img { width:100%; display: block !important; }
.visual div.visualimg ul.visualul li.slick-active.slick-center span { width:1280px; height:500px; z-index:10; transition:all 0.3s cubic-bezier(0, 0.55, 0.45, 1) 0.5s; }
.mainvisual .slick-list { height:600px; overflow-X:hidden; overflow-Y:auto; padding-top:20px !important; }

.inte_prev { position:absolute; top:46%; left:16.5%; transform: translate(-50%,-50%); cursor:pointer; width:60px; height:60px; border-radius:100%; background:rgba(0,0,0,0.3); }
.inte_next { position:absolute; top:46%; left:83.5%; transform: translate(-50%,-50%); cursor:pointer; width:60px; height:60px; border-radius:100%; background:rgba(0,0,0,0.3); }

.slider-nav { position:absolute; top:450px !important; left:50% !important; transform:translate(-50%,0%); width:169px; height:36px; border-radius:20px; background:rgba(0,0,0,40%); }
.slider-nav div { display:none; width:100%; line-height:36px; padding-left:22px; box-sizing:border-box; font-size:13px; font-weight:500; color:#ffffff; }
.slider-nav div span { display:block; float:left; }
.slider-nav div span.t2 { width:61px; height:1px; margin:17px 6px 0 6px; background:#ffffff; }
.slider-nav div.on { display:block; }

#mainevnet { position:relative; width:100%; height:1000px; background:#ffffff; margin-top:30px; }
#mainevnet div.title { position:relative; width:1280px; margin:0 auto; padding-top:20px; font-size:35px; font-weight:700; color:#363636; }
#mainevnet div.title span { font-size:19px; font-weight:500; color:#5a5a5a; padding-left:10px; }
#mainevnet div.title a { display:block; position:absolute; top:0px; right:0px; }

.eventwrap { position:relative; width:1280px; margin:0 auto; overflow:hidden; margin-top:52px; }
.eventwrap div.eventimg { position:relative; width:1280px; margin:0 auto; overflow:hidden; }
.eventwrap div.eventimg .slidediv { float:left; position:relative; width:410px; margin-right:26px; cursor:pointer; }
.eventwrap div.eventimg .slidediv .img { position:relative; width:410px; height:563px; border-radius:26px; overflow:hidden; box-sizing:border-box; border:1px solid #c0c0c0; }
.eventwrap div.eventimg .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; }
.eventwrap div.eventimg .txt { position:relative; width:100%; height:44px; margin-top:28px; }
.eventwrap div.eventimg .txt div.t1 { float:left; padding-top:20px; margin-right:7px; font-size:20px; font-weight:700; color:#1d1d1d; line-height:100%; }
.eventwrap div.eventimg .txt div.t2 { float:left; height:44px;  font-family: 'Jost', sans-serif; font-size:47px; font-weight:700; color:#000000; line-height:100%; }
.eventwrap div.eventimg .txt div.t2 span { font-size:17px; font-weight:700; color:#000000; line-height:100%; }
.eventwrap div.eventimg .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; }
.scrollbar { position:relative; width:1280px; height:10px; background:#d3d3d3; margin:0 auto; margin-top:70px; border-radius:6px; overflow:hidden; z-index:2; }
.scrollbar .handle { width:363px; height:10px; background:#c98e64; }
.scrollbar .handle .mousearea { position: absolute; top:0px; left:0; width:100%; height: 10px; cursor:pointer; }

#mainevnet2 { position:relative; width:100%; height:760px; background:#ffffff; }
#mainevnet2 div.title { position:relative; width:1280px; margin:0 auto; padding-top:20px; font-size:35px; font-weight:700; color:#363636; }
#mainevnet2 div.title span { font-size:19px; font-weight:500; color:#5a5a5a; padding-left:10px; }
#mainevnet2 div.title a { display:block; position:absolute; top:0px; right:0px; }

#evnetslide { position:relative; width:1300px; margin:0 auto; margin-top:52px; padding-left:30px; }
#evnetslide .slick-slide { outline:none; }
#evnetslide ul { width:628px; height:513px; border-radius:26px; overflow:hidden; box-sizing:border-box; border:1px solid #c0c0c0; }
#evnetslide ul li.imgs { position:relative; width:628px; height:429px; }
#evnetslide ul li.imgs  span { position:absolute; top:30px; left:30px; font-size:28px; font-weight:700; color:#ffffff; }
#evnetslide ul li.txt { width:100%; height:82px; overflow:hidden; }
#evnetslide 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; }
#evnetslide ul li.txt a:nth-child(1) { border-right:1px solid #c0c0c0; background:url('/images/event/icon1.jpg')no-repeat 26% 50%; }
#evnetslide ul li.txt a:nth-child(2) { background:url('/images/event/icon2.jpg')no-repeat 26% 50%; }
#evnetslide ul li.txt a:nth-child(3) { background:url('/images/event/icon2.jpg')no-repeat 26% 50%; }
#evnetslide ul li.txt span { display:none; }
.eventprev { display:block; position:absolute; top:42%; left:-40px; cursor:pointer; }
.eventnext { display:block; position:absolute; top:42%; right:-50px; cursor:pointer; }
.slick-disabled { display:none !important; }

#mainnotice { position:relative; width:100%; height:610px; padding-top:94px; box-sizing:border-box; background:#f0f0f0; }
#mainnotice .mainnotice { position:relative; width:1280px; margin:0 auto; }
#mainnotice .mainnotice .youtube { float:left; width:586px; }
#mainnotice .mainnotice .youtube  div.title { position:relative; width:100%; font-size:35px; font-weight:700; color:#363636; }
#mainnotice .mainnotice .youtube  div.title a { display:block; position:absolute; top:0px; right:0px; font-weight:400; }
#mainnotice .mainnotice .youtube  div.vod { margin-top:44px; }
#mainnotice .mainnotice .notice { float:right; width:608px; }
#mainnotice .mainnotice .notice  div.title { position:relative; width:100%; font-size:35px; font-weight:700; color:#363636; }
#mainnotice .mainnotice .notice ul { margin-top:44px; }
#mainnotice .mainnotice .notice ul li { position:relative; width:100%; height:65px; line-height:65px; font-size:21px; font-weight:400; border-bottom:1px solid #dddddd; }
#mainnotice .mainnotice .notice ul li span { position:absolute; top:0px; right:0px; display:block; font-size:15px; color:#848181; }

footer { position:relative; width:100%; height:286px;  background:#181d24;  }
footer .footcontent { position: relative; width:1280px; height:234px; margin:0 auto; overflow:hidden; }
footer .footcontent .foot-left { float:left; position:relative; width:30%; height:234px; box-sizing:border-box; border-right:1px solid #373737; }
footer .footcontent .foot-left li.logo { position:absolute; top:70px; left:10%; width:230px; }
footer .footcontent .foot-left li.logo img { width:100%; }
footer .footcontent .foot-left li.sns { position:absolute; top:180px; left:10%; }
footer .footcontent .foot-left li.sns a { display:inline-block; margin-right:16px; }

footer .footcontent .foot-center { float:left; position:relative; width:35%; height:234px; box-sizing:border-box; border-right:1px solid #373737; }
footer .footcontent .foot-center li { position:absolute; top:72px; left:10%; padding-left:60px; background:url('/images/common/foot-center.jpg')no-repeat 0px 0;  }
footer .footcontent .foot-center li div:nth-child(1) { font-size:21px; color:#ffffff; font-weight:500; padding-top:6px; }
footer .footcontent .foot-center li div:nth-child(1) span { color:#d49e74; font-size:24px; font-family: 'Jost', sans-serif; letter-spacing:1px; padding-left:14px; }
footer .footcontent .foot-center li div:nth-child(2) { font-size:15px; color:#ffffff; font-weight:400; line-height:160%; margin-top:20px; }
footer .footcontent .foot-center li div:nth-child(1) span a { color:#d49e74; }

footer .footcontent .foot-right { float:left; position:relative; width:35%; height:234px; box-sizing:border-box; }
footer .footcontent .foot-right li { position:absolute; top:72px; left:10%; padding-left:60px; padding-top:6px; background:url('/images/common/foot-right.jpg')no-repeat 0px 0;  }
footer .footcontent .foot-right li div.title { float:left; width:96px;  font-size:21px; color:#ffffff; font-weight:500; }
footer .footcontent .foot-right li div.con { float:left; width:262px; line-height:170%; font-size:17px; color:#cbcbcb; font-weight:500; }
footer .footcontent .foot-right li div.con span { display:inline-block; width:84px; font-size:17px; color:#9a9a9a; font-weight:500; }

footer .copy { position: relative; width:100%; height:50px; line-height:50px; border-top:1px solid #373737;  }
footer .copy ul  { position: relative; width:1280px; height:50px; margin:0 auto; overflow:hidden; }
footer .copy ul li.copymenu { float:left; padding-left:3%; font-size:15px; color:#747474; font-weight:400; }
footer .copy ul li.copymenu a { color:#747474; }
footer .copy ul li.copyadd { float:right; padding-right:3%; font-size:15px; color:#747474; font-weight:400; }
footer .copy ul li span { font-size:14px; color:#2d2e2f; padding:0 8px; }


.rightquick { position:fixed; bottom:50px;; right:30px; }
.rightquick li { margin:15px 0 0 0; }

.csbt {  cursor:pointer; }
.quickcs {
	position:fixed; top:50%; right:30px; transform: translateY(-50%); width:0px; height:0px; background:url('/images/main/csbg.png')no-repeat 0 0; z-index:63;
	box-shadow: 1px 1px 22px rgba(0,0,0,0.3); border-radius: 22px; overflow:hidden; filter: blur(52px); transition:all 0.6s cubic-bezier(0.85, 0, 0.15, 1) 0.1s;
}
.quickcs.active { width:340px; height:609px; filter: blur(0px); transition:all 0.6s cubic-bezier(0.85, 0, 0.15, 1) 0.1s; }

.quickcs .quicktitle { position:relative; width:100%; height:69px; overflow:hidden; }
.quickcs .quicktitle ul li.title { float:left; padding-left:24px; padding-top:26px; line-height:110%; font-size:22px; font-weight:700; color:#fff; }
.quickcs .quicktitle ul li.title span { font-size:15px; font-weight:400; }
.quickcs .quicktitle ul li.close { position:absolute; top:0px; right:20px; cursor:pointer; }
.quickcs .quicktitle ul li.close img { display:block; padding-top:23px; vertical-align:middle; }

.quickcs .quickcontent { position:relative; width:100%; padding:34px 28px 0 28px; box-sizing:border-box; }
.quickcs .quickcontent ul li label { font-size:16px; font-weight:700; color:#000000; }
.quickcs .quickcontent ul li.name label { display:block; width:100%; margin-bottom:8px; }
.quickcs .quickcontent ul li.name input { display:block; width:100%; height:60px; background:#f0f0f0; border:0px; border-radius:12px; margin-bottom:18px; padding:10px; }
.quickcs .quickcontent ul li.phone label { display:block; width:100%; margin-bottom:8px; }
.quickcs .quickcontent ul li.phone input { display:block; width:100%; height:60px; background:#f0f0f0; border:0px; border-radius:12px; margin-bottom:18px; padding:10px; }
.quickcs .quickcontent ul li.contents span.title { display:block; width:100%; margin-bottom:8px; font-size:16px; font-weight:700; color:#000000; }
.quickcs .quickcontent ul li.contents textarea { display:block; width:100%; height:110px; background:#f0f0f0; border:0px; border-radius:12px; padding:10px; margin-bottom:12px; }
.quickcs .quickcontent ul li.prviebt { margin-top:16px; }
.quickcs .quickcontent ul li.prviebt label { font-size:13px; font-weight:300; color:#586570; }
.quickcs .quickcontent ul li.prviebt a { font-size:13px; font-weight:300; color:#586570; }
 li.inputdiv label { padding-right:10px; }
.quickcs .quickcontent ul li.submitbt input { display:block; width:100%; height:60px; margin-top:20px; background:#000; border:0px; border-radius:12px; font-size:16px; font-weight:500; color:#ffffff; cursor:pointer; }

.quickcs input[type="checkbox"] {
 display:none;
}
.quickcs input[type="checkbox"] + label span {
display:inline-block;
width:20px;
height:20px;
vertical-align:middle;
background:#fff;
border:none;
cursor:pointer;
background:url('/images/main/ck_off.png')no-repeat 0 0;
}
.quickcs input[type="checkbox"]:checked + label span {
background:url('/images/main/ck_on.png')no-repeat 0px 0;
}



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

header { position:relative; width:100%; height:212px; background:#ffffff; z-index:2; }
header .toplink { position:relative; width:100%; height:34px; }
header .toplink li:nth-child(1) { float:left; position:relative; width:50%; height:34px; background:#524233; }
header .toplink li:nth-child(2) { float:left; position:relative; width:50%; height:34px; background:#c98e64; }
header .toplink li a { display:block; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);width:100%; text-align:center; font-size:12px; font-weight:400; color:#ffffff; }
header .toplink li a span { padding-left:10px; }

header #logo { position:relative; width:100%; height:94px; background:url('/images/event/logobg.jpg')no-repeat 50% 23px; }
header #logo h1 { position:absolute; top:26px; left:50%; transform:translateX(-50%); width:228px; }

nav { position:relative; width:770px; height:69px; margin:0 auto; text-align:center; }
nav li.dt1menu { display:inline-block; position:relative; height:69px; line-height:63px; margin:0 14px; font-size:17px; font-weight:700;  }
nav li.dt1menu a.dt1menua { display:block; width:100%; height:100%; padding:0 12px; color:#363636; box-sizing:border-box; border-bottom:3px solid none; }
nav li.dt1menu:hover a.dt1menua { color:#c28558; border-bottom:3px solid #c28558; }
nav li.dt1menu.gnb04 a.dt1menua { background:url('/images/event/navbg.png')no-repeat 50% 13px; }

.gnb2dt { display:none; }
.hot { position:absolute; top:0px; left:164px; width:29px; height:20px; animation: sub0201_01 1.2s infinite alternate linear; }
.now { position:absolute; top:-10px; right:98px; }


.mainvisual { position:relative; width:100%; height:auto; margin-top:-20px; z-index:10; }
.visual { position:relative; width:100%; height:auto; margin:0 auto; }
.visual div.visualimg { position:relative; width:100%; }
.visual div.visualimg ul.visualul { position:relative; width:100%; height:auto;  }
.visual div.visualimg ul.visualul li.slick-slide { position:relative; width:100%; height:auto; border-radius:30px; outline:none; }
.visual div.visualimg ul.visualul li.slick-slide span { display:block; position:relative; top:0; left:0; transform:translate(0%,0%); width:94%; height:auto; margin:0 auto; border-radius:30px; overflow:hidden; box-shadow: 0px 0px 20px rgb(0 0 0 / 20%); }
.visual div.visualimg ul.visualul li.slick-slide img { width:100%; display: block !important; }
.visual div.visualimg ul.visualul li.slick-active.slick-center span { width:100%; height:auto; z-index:10; transition:all 0.3s cubic-bezier(0, 0.55, 0.45, 1) 0.5s; }
.mainvisual .slick-list { height:auto; overflow-X:hidden; overflow-Y:auto; padding-top:20px !important; }

.inte_prev { position:absolute; top:50%; left:8%; transform: translate(-50%,-50%); cursor:pointer; width:40px; height:40px; border-radius:100%; background:rgba(0,0,0,0.3); }
.inte_next { position:absolute; top:50%; left:92%; transform: translate(-50%,-50%); cursor:pointer; width:40px; height:40px; border-radius:100%; background:rgba(0,0,0,0.3); }

.slider-nav { display:none; position:absolute; top:450px !important; left:50% !important; transform:translate(-50%,0%); width:169px; height:36px; border-radius:20px; background:rgba(0,0,0,40%); }
.slider-nav div { display:none; width:100%; line-height:36px; padding-left:22px; box-sizing:border-box; font-size:13px; font-weight:500; color:#ffffff; }
.slider-nav div span { display:block; float:left; }
.slider-nav div span.t2 { width:61px; height:1px; margin:17px 6px 0 6px; background:#ffffff; }
.slider-nav div.on { display:block; }


#mainevnet { position:relative; width:100%; height:auto; background:#ffffff; margin-top:10%; }
#mainevnet div.title { position:relative; width:94%; margin:0 auto; font-size:26px; font-weight:700; color:#363636; letter-spacing:-1px; }
#mainevnet div.title span { font-size:14px; font-weight:500; color:#5a5a5a; padding-left:10px; }
#mainevnet div.title a { display:block; position:absolute; top:13px; right:0px; width:140px; }

.eventwrap { position:relative; width:94%; margin:0 auto; overflow:hidden; margin-top:52px; }
.eventwrap div.eventimg { position:relative; width:100%; margin:0 auto; overflow:hidden; }
.eventwrap div.eventimg .slidediv { float:left; position:relative; width:250px; margin-right:26px; cursor:pointer; }
.eventwrap div.eventimg .slidediv .img { position:relative; width:250px; height:auto; border-radius:26px; overflow:hidden; box-sizing:border-box; border:1px solid #c0c0c0; }
.eventwrap div.eventimg .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; }
.eventwrap div.eventimg .txt { position:relative; width:100%; height:44px; margin-top:28px; }
.eventwrap div.eventimg .txt div.t1 { float:left; padding-top:10px; margin-right:7px; font-size:18px; font-weight:700; color:#1d1d1d; line-height:100%; }
.eventwrap div.eventimg .txt div.t2 { float:left; height:44px;  font-family: 'Jost', sans-serif; font-size:47px; font-weight:700; color:#000000; line-height:100%; }
.eventwrap div.eventimg .txt div.t2 span { font-size:17px; font-weight:700; color:#000000; line-height:100%; }
.eventwrap div.eventimg .txt a { position:absolute; top:0px; right:0px; width:85px; height:36px; line-height:36px; font-size:14px; font-weight:700; color:#382929; text-align:center; border-radius:40px; background:#ffc600; }
.scrollbar { position:relative; width:94%; height:10px; background:#d3d3d3; margin:0 auto; margin-top:40px; border-radius:6px; overflow:hidden; z-index:2; }
.scrollbar .handle { width:223px; height:10px; background:#c98e64; }
.scrollbar .handle .mousearea { position: absolute; top:0px; left:0; width:100%; height: 10px; cursor:pointer; }


#mainevnet2 { position:relative; width:100%; height:auto; padding-bottom:15%; background:#ffffff; margin-top:10%; }
#mainevnet2 div.title { position:relative; width:94%; margin:0 auto; padding-top:20px; font-size:26px; font-weight:700; color:#363636; }
#mainevnet2 div.title span { font-size:14px; font-weight:500; color:#5a5a5a; padding-left:10px; }
#mainevnet2 div.title a { display:block; position:absolute; top:10px; right:0px; width:140px; }

#evnetslide { position:relative; width:94%; margin:0 0 0 0; margin-top:22px; padding-left:4%; }
#evnetslide .slick-slide { outline:none; }
#evnetslide ul { width:95%; height:auto; border-radius:26px; overflow:hidden; box-sizing:border-box; border:1px solid #c0c0c0; }
#evnetslide ul li.imgs { position:relative; width:100%; height:auto; }
#evnetslide ul li.imgs  span { position:absolute; top:30px; left:30px; font-size:28px; font-weight:700; color:#ffffff; }
#evnetslide ul li.txt { width:95%; height:82px; overflow:hidden; }
#evnetslide ul li.txt a { display:block; float:left; width:50%; height:82px; font-size:14px; padding-left:34px; color:#000000; font-weight:500; line-height:82px; text-align:center; box-sizing:border-box; }
#evnetslide ul li.txt a:nth-child(1) { border-right:1px solid #c0c0c0; background:url('/images/event/icon1.jpg')no-repeat 10% 50%; }
#evnetslide ul li.txt a:nth-child(2) { background:url('/images/event/icon2.jpg')no-repeat 10% 50%; }
#evnetslide ul li.txt a:nth-child(3) { background:url('/images/event/icon2.jpg')no-repeat 10% 50%; }
#evnetslide ul li.txt span { display:none; }
.eventprev { display:block; position:absolute; top:42%; left:10px; cursor:pointer; }
.eventnext { display:block; position:absolute; top:42%; right:0px; cursor:pointer; }
.slick-disabled { display:none !important; }


#mainnotice { position:relative; width:100%; height:auto;  padding:15% 0; box-sizing:border-box; background:#f0f0f0; }
#mainnotice .mainnotice { position:relative; width:90%; max-width:680px; margin:0 auto; }
#mainnotice .mainnotice .youtube { float:none; width:100%; }
#mainnotice .mainnotice .youtube  div.title { position:relative; width:100%; font-size:26px; font-weight:700; color:#363636; }
#mainnotice .mainnotice .youtube  div.title a { display:block; position:absolute; top:0px; right:0px; font-weight:400; }
#mainnotice .mainnotice .youtube  div.vod { display:block; position:relative; width:100%; padding-bottom: 57.25%; margin-top:24px; }
#mainnotice .mainnotice .youtube  div.vod iframe { position: absolute; width: 100%; height: 100%; }
#mainnotice .mainnotice .notice { float:none; width:100%; padding-top:10%; }
#mainnotice .mainnotice .notice  div.title { position:relative; width:100%; font-size:26px; font-weight:700; color:#363636; }
#mainnotice .mainnotice .notice ul { margin-top:44px; }	
#mainnotice .mainnotice .notice ul li { position:relative; width:100%; height:60px; line-height:60px; font-size:18px; font-weight:400; border-bottom:1px solid #dddddd; }
#mainnotice .mainnotice .notice ul li span { position:absolute; top:0px; right:0px; display:block; font-size:14px; color:#848181; }


footer { position:relative; width:100%; height:auto; padding:0 0;  background:#181d24;  }
footer .footcontent { position: relative; width:90%; height:auto; margin:0 auto; overflow:hidden; }
footer .footcontent .foot-left { float:none; position:relative; padding-top:15%; width:100%; height:auto; box-sizing:border-box; }
footer .footcontent .foot-left li.logo { position:relative; top:0; left:0; transform:translateX(0%); width:230px; }
footer .footcontent .foot-left li.logo img { width:100%; }
footer .footcontent .foot-left li.sns { margin-top:3%; position:relative; top:0px; left:0;}
footer .footcontent .foot-left li.sns a { display:inline-block; margin-right:16px; }

footer .footcontent .foot-center { float:none; position:relative; width:100%;height:auto; margin-top:10%; box-sizing:border-box; }
footer .footcontent .foot-center li { position:relative; top:0px; left:0; padding-left:60px; background:url('/images/common/foot-center.jpg')no-repeat 0px 0;  }
footer .footcontent .foot-center li div:nth-child(1) { font-size:21px; color:#ffffff; font-weight:500; padding-top:6px; }
footer .footcontent .foot-center li div:nth-child(1) span { color:#d49e74; font-size:24px; font-family: 'Jost', sans-serif; letter-spacing:1px; padding-left:14px; }
footer .footcontent .foot-center li div:nth-child(2) { font-size:15px; color:#ffffff; font-weight:400; line-height:160%; margin-top:20px; }

footer .footcontent .foot-right { float:none; position:relative; width:100%; height:auto;margin-top:10%; margin-bottom:10%; box-sizing:border-box; }
footer .footcontent .foot-right li { position:relative; top:0px; left:0%; padding-left:60px; padding-top:6px; background:url('/images/common/foot-right.jpg')no-repeat 0px 0; overflow:hidden; }
footer .footcontent .foot-right li div.title { float:left; width:96px;  font-size:21px; color:#ffffff; font-weight:500; }
footer .footcontent .foot-right li div.con { float:left; width:262px; line-height:170%; font-size:17px; color:#cbcbcb; font-weight:500; }
footer .footcontent .foot-right li div.con span { display:inline-block; width:84px; font-size:17px; color:#9a9a9a; font-weight:500; }

footer .copy { position: relative; width:100%; height:50px; line-height:50px; border-top:1px solid #373737;  }
footer .copy ul  { position: relative; width:100%; height:50px; margin:0 auto; overflow:hidden; }
footer .copy ul li.copymenu { float:left; padding-left:3%; font-size:15px; color:#747474; font-weight:400; }
footer .copy ul li.copymenu a { color:#747474; }
footer .copy ul li.copyadd { float:right; padding-right:3%; font-size:15px; color:#747474; font-weight:400; }
footer .copy ul li span { font-size:14px; color:#2d2e2f; padding:0 8px; }




}

@media all and (min-width:320px) and (max-width:640px) {

header { position:relative; width:100%; height:180px; background:#ffffff; z-index:2; }
header .toplink { position:relative; width:100%; height:34px; }
header .toplink li:nth-child(1) { float:left; position:relative; width:50%; height:34px; background:#524233; }
header .toplink li:nth-child(2) { float:left; position:relative; width:50%; height:34px; background:#c98e64; }
header .toplink li a { display:block; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:100%; font-size:11px; font-weight:400; color:#ffffff; }
header .toplink li a span { padding-left:6px; }
header .toplink li a div { display:none; }
header #logo { position:relative; width:100%; height:56px; background:url('/images/event/logobg.jpg')no-repeat 50% 23px; background-size:350px; }
header #logo h1 { position:absolute; top:20px; left:50%; transform:translateX(-50%); width:158px; }

nav { position:relative; width:100%; height:69px; margin:0 auto; text-align:center; }
nav li.dt1menu { display:inline-block; position:relative; height:69px; line-height:63px; margin:0 4px; font-size:14px; font-weight:700;  }
nav li.dt1menu a.dt1menua { display:block; width:100%; height:100%; padding:0 4px; color:#363636; box-sizing:border-box; border-bottom:3px solid none; }
nav li.dt1menu:hover a.dt1menua { color:#c28558; border-bottom:3px solid #c28558; }
nav li.dt1menu.gnb04 a.dt1menua { background:url('/images/event/navbg.png')no-repeat 50% 13px; }

.gnb2dt { display:none; }
.hot { position:absolute; top:0px; left:11%; width:29px; height:20px; animation: sub0201_01 1.2s infinite alternate linear; }
.now { position:absolute; top:-10px; right:4%; }

.mainvisual { position:relative; width:100%; height:auto; margin-top:-20px; z-index:10; }
.visual { position:relative; width:100%; height:auto; margin:0 auto; }
.visual div.visualimg { position:relative; width:100%; }
.visual div.visualimg ul.visualul { position:relative; width:100%; height:auto;  }
.visual div.visualimg ul.visualul li.slick-slide { position:relative; width:100%; height:auto; border-radius:30px; outline:none; }
.visual div.visualimg ul.visualul li.slick-slide span { display:block; position:relative; top:0; left:0; transform:translate(0%,0%); width:100%; height:auto; margin:0 auto; border-radius:0px; overflow:hidden; box-shadow: 0px 0px 20px rgb(0 0 0 / 20%); }
.visual div.visualimg ul.visualul li.slick-slide img { width:100%; display: block !important; }
.visual div.visualimg ul.visualul li.slick-active.slick-center span { width:100%; height:auto; z-index:10; transition:all 0.3s cubic-bezier(0, 0.55, 0.45, 1) 0.5s; }
.mainvisual .slick-list { height:auto; overflow-X:hidden; overflow-Y:auto; padding-top:0px !important; }

.inte_prev { position:absolute; top:50%; left:8%; transform: translate(-50%,-50%); cursor:pointer; width:40px; height:40px; border-radius:100%; background:rgba(0,0,0,0.3); }
.inte_next { position:absolute; top:50%; left:92%; transform: translate(-50%,-50%); cursor:pointer; width:40px; height:40px; border-radius:100%; background:rgba(0,0,0,0.3); }

.slider-nav { display:none; position:absolute; top:450px !important; left:50% !important; transform:translate(-50%,0%); width:169px; height:36px; border-radius:20px; background:rgba(0,0,0,40%); }
.slider-nav div { display:none; width:100%; line-height:36px; padding-left:22px; box-sizing:border-box; font-size:13px; font-weight:500; color:#ffffff; }
.slider-nav div span { display:block; float:left; }
.slider-nav div span.t2 { width:61px; height:1px; margin:17px 6px 0 6px; background:#ffffff; }
.slider-nav div.on { display:block; }


#mainevnet { position:relative; width:100%; height:auto; background:#ffffff; margin-top:10%; }
#mainevnet div.title { position:relative; width:94%; margin:0 auto; font-size:20px; font-weight:700; color:#363636; letter-spacing:-1px; }
#mainevnet div.title span { display:block; width:100%; margin-top:10px; font-size:12px; font-weight:500; color:#5a5a5a; padding-left:0px; }
#mainevnet div.title a { display:block; position:absolute; top:13px; right:0px; width:120px; }

.eventwrap { position:relative; width:94%; margin:0 auto; overflow:hidden; margin-top:52px; }
.eventwrap div.eventimg { position:relative; width:100%; margin:0 auto; overflow:hidden; }
.eventwrap div.eventimg .slidediv { float:left; position:relative; width:200px; margin-right:16px; cursor:pointer; }
.eventwrap div.eventimg .slidediv .img { position:relative; width:200px; height:auto; border-radius:16px; overflow:hidden; box-sizing:border-box; border:1px solid #c0c0c0; }
.eventwrap div.eventimg .slidediv .img span { position:absolute; top:6px; left:6px; width:45px; height:22px; line-height:22px; font-family: 'Jost', sans-serif; font-size:15px; font-weight:700; color:#1a1a1a; border-radius:30px; background:#ffffff; text-align:center; }
.eventwrap div.eventimg .txt { position:relative; width:100%; height:44px; margin-top:12px; }
.eventwrap div.eventimg .txt div.t1 { float:left; padding-top:10px; margin-right:7px; font-size:16px; font-weight:700; color:#1d1d1d; line-height:100%; }
.eventwrap div.eventimg .txt div.t2 { float:left; height:44px;  font-family: 'Jost', sans-serif; font-size:47px; font-weight:700; color:#000000; line-height:100%; }
.eventwrap div.eventimg .txt div.t2 span { font-size:17px; font-weight:700; color:#000000; line-height:100%; }
.eventwrap div.eventimg .txt a { position:absolute; top:0px; right:0px; width:66px; height:30px; line-height:30px; font-size:12px; font-weight:700; color:#382929; text-align:center; border-radius:40px; background:#ffc600; }
.scrollbar { position:relative; width:94%; height:6px; background:#d3d3d3; margin:0 auto; margin-top:30px; border-radius:6px; overflow:hidden; z-index:2; }
.scrollbar .handle { width:123px; height:6px; background:#c98e64; }
.scrollbar .handle .mousearea { position: absolute; top:0px; left:0; width:100%; height: 10px; cursor:pointer; }


#mainevnet2 { position:relative; width:100%; height:auto; background:#ffffff; margin-top:10%; padding-bottom:15%; }
#mainevnet2 div.title { position:relative; width:94%; margin:0 auto; font-size:20px; font-weight:700; color:#363636; letter-spacing:-1px; }
#mainevnet2 div.title span { display:block; width:100%; margin-top:10px; font-size:12px; font-weight:500; color:#5a5a5a; padding-left:0px; }
#mainevnet2 div.title a { display:block; position:absolute; top:13px; right:0px; width:120px; }

#evnetslide { position:relative; width:94%; margin:0 0 0 0; margin-top:22px; padding-left:4%; }
#evnetslide .slick-slide { outline:none; }
#evnetslide ul { width:95%; height:auto; border-radius:16px; overflow:hidden; box-sizing:border-box; border:1px solid #c0c0c0; }
#evnetslide ul li.imgs { position:relative; width:100%; height:auto; }
#evnetslide ul li.imgs  span { position:absolute; top:16px; left:16px; font-size:22px; font-weight:700; color:#ffffff; }
#evnetslide ul li.txt { width:95%; height:82px; overflow:hidden; }
#evnetslide ul li.txt a { display:block; float:left; width:50%; height:82px; font-size:14px; padding-left:34px; color:#000000; font-weight:500; line-height:82px; text-align:center; box-sizing:border-box; }
#evnetslide ul li.txt a:nth-child(1) { border-right:1px solid #c0c0c0; background:url('/images/event/icon1.jpg')no-repeat 10% 50%; }
#evnetslide ul li.txt a:nth-child(2) { background:url('/images/event/icon2.jpg')no-repeat 10% 50%; }
#evnetslide ul li.txt a:nth-child(3) { background:url('/images/event/icon2.jpg')no-repeat 10% 50%; }
#evnetslide ul li.txt span { display:none; }
.eventprev { display:block; position:absolute; top:42%; left:6px; cursor:pointer; }
.eventnext { display:block; position:absolute; top:42%; right:0px; cursor:pointer; }
.slick-disabled { display:none !important; }


#mainnotice { position:relative; width:100%; height:auto;  padding:15% 0; box-sizing:border-box; background:#f0f0f0; }
#mainnotice .mainnotice { position:relative; width:90%; max-width:680px; margin:0 auto; }
#mainnotice .mainnotice .youtube { float:none; width:100%; }
#mainnotice .mainnotice .youtube  div.title { position:relative; width:100%; font-size:22px; font-weight:700; color:#363636; }
#mainnotice .mainnotice .youtube  div.title a { display:block; position:absolute; top:0px; right:0px; font-weight:400; }
#mainnotice .mainnotice .youtube  div.vod { display:block; position:relative; width:100%; padding-bottom: 57.25%; margin-top:24px; }
#mainnotice .mainnotice .youtube  div.vod iframe { position: absolute; width: 100%; height: 100%; }
#mainnotice .mainnotice .notice { float:none; width:100%; padding-top:15%; }
#mainnotice .mainnotice .notice  div.title { position:relative; width:100%; font-size:22px; font-weight:700; color:#363636; }
#mainnotice .mainnotice .notice ul { margin-top:14px; }	
#mainnotice .mainnotice .notice ul li { position:relative; width:100%; height:30px; line-height:30px; font-size:13px; font-weight:400; border-bottom:1px solid #dddddd; }
#mainnotice .mainnotice .notice ul li span { position:absolute; top:0px; right:0px; display:block; font-size:12px; color:#848181; }


footer { position:relative; width:100%; height:auto; padding:0 0;  background:#181d24;  }
footer .footcontent { position: relative; width:90%; height:auto; margin:0 auto; overflow:hidden; }
footer .footcontent .foot-left { float:none; position:relative; padding-top:15%; width:100%; height:auto; box-sizing:border-box; }
footer .footcontent .foot-left li.logo { position:relative; top:0; left:0; transform:translateX(0%); width:230px; }
footer .footcontent .foot-left li.logo img { width:100%; }
footer .footcontent .foot-left li.sns { margin-top:6%; position:relative; top:0px; left:0;}
footer .footcontent .foot-left li.sns a { display:inline-block; margin-right:16px; }

footer .footcontent .foot-center { float:none; position:relative; width:100%;height:auto; margin-top:10%; box-sizing:border-box; }
footer .footcontent .foot-center li { position:relative; top:0px; left:0; padding-left:60px; background:url('/images/common/foot-center.jpg')no-repeat 0px 0;  }
footer .footcontent .foot-center li div:nth-child(1) { font-size:21px; color:#ffffff; font-weight:500; padding-top:6px; }
footer .footcontent .foot-center li div:nth-child(1) span { color:#d49e74; font-size:24px; font-family: 'Jost', sans-serif; letter-spacing:1px; padding-left:14px; }
footer .footcontent .foot-center li div:nth-child(1) span a { color:#d49e74;}
footer .footcontent .foot-center li div:nth-child(2) { font-size:15px; color:#ffffff; font-weight:400; line-height:160%; margin-top:20px; }

footer .footcontent .foot-right { float:none; position:relative; width:100%; height:auto;margin-top:10%; margin-bottom:10%; box-sizing:border-box; }
footer .footcontent .foot-right li { position:relative; top:0px; left:0%; padding-left:60px; padding-top:6px; background:url('/images/common/foot-right.jpg')no-repeat 0px 0; overflow:hidden; }
footer .footcontent .foot-right li div.title { float:left; width:96px;  font-size:21px; color:#ffffff; font-weight:500; }
footer .footcontent .foot-right li div.con { float:left; width:262px; line-height:170%; font-size:17px; color:#cbcbcb; font-weight:500; }
footer .footcontent .foot-right li div.con span { display:inline-block; width:84px; font-size:17px; color:#9a9a9a; font-weight:500; }

footer .copy { position: relative; width:100%; height:100px; line-height:24px; border-top:1px solid #373737;  }
footer .copy ul  { position: relative; width:100%; height:100px; margin:0 auto; overflow:hidden; }
footer .copy ul li.copymenu { float:none; width:100%; padding-left:0%; text-align:center; font-size:13px; color:#747474; font-weight:400; padding-top:6%; }
footer .copy ul li.copymenu a { color:#747474; }
footer .copy ul li.copyadd { float:none; width:100%; padding-right:0%; text-align:center; font-size:12px; color:#747474; font-weight:400; }
footer .copy ul li span { font-size:14px; color:#2d2e2f; padding:0 4px; }


.rightquick { position:fixed; bottom:2%; right:3%; z-index: 10; }
.rightquick li { width:42px; margin:4px 0 0 0; }


}