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:#424242; }
header .toplink li:nth-child(2) { float:left; position:relative; width:50%; height:49px; background:#d9dcde; }
header .toplink li a { display:block; position:absolute; top:44%; left:50%; transform:translate(-50%,-50%); width:100%; text-align:center; font-size:15px; font-weight:500; color:#ffffff; }
header .toplink li:nth-child(2) a { color:#524233; }
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:26px; left:50%; transform:translateX(-50%); width:152px; }

nav { position:relative; width:753px; 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:#3b3b3b; border-bottom:3px solid #3b3b3b; }
nav li.dt1menu.gnb05 a { background:url('/images/event/navbg.png')no-repeat 50% 13px; }
nav li.dt1menu.gnb02 { display:none; }
nav li.dt1menu.gnb04 { display:none; }



.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:131px; 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%; 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; padding-bottom:20px; margin-bottom:62px; margin-right:25px; border-bottom:1px solid #c0c0c0; cursor:pointer; }
.eventwrap div.eventimg .slidediv:nth-child(3n) { margin-right:0px; }
.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:23px; margin-right:0px; font-size:17px; font-weight:500; color:#8e8e8e; line-height:100%; }
.eventwrap div.eventimg .txt div.t2 { float:left; height:44px; margin-right:6px;  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%; font-family:'Noto Sans KR';}
.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; }

.eventwrap div.eventimg .slidediv .img .listlink { display:none; }
.eventwrap div.eventimg .slidediv:nth-child(4) .img a.listlink { position:absolute; top:0px; left:0px; width:100%; height:100%; display:block; }


#katalk { position:fixed; top:0px; left:0px; right:0px; width:100%; height:0%; overflow:hidden; background:rgba(0,0,0,80%); transition:all 0.5s cubic-bezier(0.16, 1, 0.3, 1) 0.5s; z-index:200; }
#katalk.active { height:100%; transition:all 0.5s cubic-bezier(0.16, 1, 0.3, 1) 0s; }
#katalk .katalk { position:absolute; top:70%; right:100px; transform:translateY(-50%); width:500px; opacity:0; filter: blur(20px); transition:all 2.0s cubic-bezier(0.16, 1, 0.3, 1) 0s; }
#katalk .katalk ul.txt li.title { position:relative; font-size:44px; color:#ffffff; font-family: 'NanumBarunGothicBold'; letter-spacing:2px; }
#katalk .katalk ul.txt li.title span { position:absolute; top:-50px; left:320px; }
#katalk .katalk ul.txt li.con { position:relative; margin-top:10px; font-size:16px; color:#ffffff; font-family: 'NanumBarunGothic'; letter-spacing:1px; }
#katalk.active .katalk { top:50%; opacity:1; filter: blur(0px); transition:all 2.0s cubic-bezier(0.16, 1, 0.3, 1) 0.6s; }
#katalk .katalk ul.list { position:relative; width:300px; margin-top:40px; overflow:hidden; }
#katalk .katalk ul.list li { float:left; position:relative; width:100px; font-size:17px; color:#ffffff; margin-bottom:30px; font-family: 'NanumBarunGothic'; letter-spacing:1px; }
#katalk .katalk ul.list li a { color:#ffffff; }
#katalk .katalk ul.list li a:hover { color:#f4e21c; }
#katalk .katalk ul.list li span { padding-left:10px; }
#katalk .katalk .allbt { position:relative; width:270px; font-size:17px; color:#ffffff; margin-top:20px; font-family: 'NanumBarunGothic';  letter-spacing:1px;}
#katalk .katalk .allbt a { color:#ffffff; }
#katalk .katalk .allbt a:hover { color:#f4e21c; }
#katalk .katalk .allbt span { display:block; position:absolute; top:0px; right:0px; padding-left:10px; }
#katalk .katalkclose { position:absolute; top:0px; left:-70px; 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%; padding-top:94px; padding-bottom:94px; box-sizing:border-box; background:#f0f0f0; }
#mainnotice .mainnotice { position:relative; width:1280px; margin:0 auto; }
#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:10px; right:0px; font-weight:500; font-size:16px;  }
#mainnotice .mainnotice .youtube  div.title span { font-size:19px; font-weight:500; color:#5a5a5a; padding-left:10px; }
#mainnotice .mainnotice .youtube  .youtubeslide { position:relative; width:1280px; margin:0 auto; margin-top:24px; overflow:hidden; }
#mainnotice .mainnotice .youtube  .youtubeslide .swiper-slide { position:relative; width:360px;  }
#mainnotice .mainnotice .youtube  .youtubeslide .swiper-slide iframe { width:100%; height:720px; }
#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; }
#mainnotice .btprev { position:absolute; top:50%; left:-30px; z-index:1; cursor:pointer; }
#mainnotice .btnext { position:absolute; top:50%; right:-30px; z-index:1; cursor:pointer; }
#mainnotice .ytitle { width:100%; height:36px; line-height:36px; font-size:19px; font-weight:700; color:#060606; margin-top:10px; background:url('/images/event/logorad.jpg')no-repeat 0 50%; padding-left:42px; box-sizing:border-box;  }


footer { position:relative; width:100%; height:340px; background:#181d24; box-sizing:border-box; }
#footerw { position:relative; width:1280px; height:100%; margin:0 auto; }
footer div.jijum { float:left; position:relative; width:362px; height:100%; border-right:1px solid #373737; overflow:hidden; padding-top:80px; box-sizing:border-box; }
footer div.jijum ul { float:left; width:33.3%; }
footer div.jijum ul li { margin-bottom:14px; font-size:15px; font-weight:300; }
footer div.jijum ul li a { color:#ababab; }
footer div.jijum ul li a:hover,footer div.jijum ul li.on a { font-weight:400; color:#ffffff; }

footer div.copy { float:left; position:relative; width:500px; height:100%; padding-left:60px; overflow:hidden; border-right:1px solid #373737; padding-top:80px; box-sizing:border-box;}
footer div.copy ul li.t1 { width:100%; height:32px; line-height:32px; font-size:21px; font-weight:700; color:#ffffff; line-height:100%; background:url('/images/event/phoneicon.jpg')no-repeat 0 50%; padding-left:40px; box-sizing:border-box; }
footer div.copy ul li.t1 span { color:#d49e74; font-size:24px; }
footer div.copy ul li.t1 a { color:#ffffff; }
footer div.copy ul li.t2 { margin-top:28px; font-size:15px; font-weight:600; color:#ffffff; }
footer div.copy ul li.t3 { margin-top:14px; font-size:15px; font-weight:400; color:#aaaaaa; }
footer div.copy ul li.t4 { margin-top:14px; font-size:15px; font-weight:400; color:#aaaaaa; }
footer div.copy ul li.t5 { margin-top:24px; font-size:13px; font-weight:300; color:#ffffff; display:none; }

footer div.footmenu { float:right; position:relative; width:340px; overflow:hidden; padding-top:80px; box-sizing:border-box;}
footer div.footmenu ul { position:relative; width:100%; overflow:hidden; }
footer div.footmenu ul li { float:left; margin-right:22px; }
footer div.footmenu div { width:100%; margin-top:100px; overflow:hidden; }
footer div.footmenu div a { float:left; margin-right:20px; display:block; font-size:14px; font-weight:300; color:#747474; }
footer div.footmenu div a:hover { font-weight:400; color:#ffffff; }

.copytab { display:none; }
.copytab.on { display:block; }

#rq { position:fixed; top:50%; right:20px; transform:translateY(-50%); z-index:10; }
#rq li { margin: 7px 0; width:56px; cursor:pointer; }
#rq li img { width:100%; }


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

.csbt {  cursor:pointer; }



.quickcs {
	position:fixed; top:50%; right:-390px; opacity:0; filter: blur(20px); transform: translateY(-50%); width:387px; height:589px; background:#ffffff; z-index:63;
	box-shadow: 1px 1px 22px rgba(0,0,0,0.3); border-radius: 22px; transition:all 0.3s cubic-bezier(0.85, 0, 0.15, 1) 0s;
}
.quickcs.active { right:100px; opacity:1; filter: blur(0px); transition:all 0.3s cubic-bezier(0.85, 0, 0.15, 1) 0s; }

.quickcs .close { position:absolute; top:-22px; right:-20px; cursor:pointer; }
.quickcs .close img { display:block; width:70px; }

.quickcs .quicktitle { position:relative; width:100%; height:130px; box-sizing:border-box; text-align:center; overflow:hidden; }
.quickcs .quicktitle ul li.title { padding-top:40px; font-size:35px; font-weight:700; color:#000000; line-height:100%; }
.quickcs .quicktitle ul li.con { padding-top:12px; font-size:17px; font-weight:500; color:#7c7c7c; line-height:100%; }

.quickcs .quickcontent { position:relative; width:100%; margin:0 auto; box-sizing:border-box; }
.quickcs .quickcontent ul { position:relative; width:313px; margin:0 auto; box-sizing:border-box; }
.quickcs .quickcontent ul li label {  }
.quickcs .quickcontent ul li.name label { display:none; }
.quickcs .quickcontent ul li.name input { display:block; width:100%; height:57px; background:#edecee; border:0px; border-radius:12px; margin-bottom:6px; font-size:15px; font-weight:400; color:#2a2a2a; padding:16px; }
.quickcs .quickcontent ul li.phone label { display:none; }
.quickcs .quickcontent ul li.phone input { display:block; width:100%; height:57px; background:#edecee; border:0px; border-radius:12px; margin-bottom:6px; padding:16px; font-size:15px; font-weight:400; color:#2a2a2a; }
.quickcs .quickcontent ul li.subject1 label { display:none;}
.quickcs .quickcontent ul li.subject1 select { display:block; width:100%; height:57px; background:#edecee; border:0px; border-radius:12px; margin-bottom:6px; font-size:15px; font-weight:400; color:#2a2a2a; padding:16px; }

.quickcs .quickcontent ul li.contents textarea { display:block; width:100%; height:91px; background:#edecee; border:0px; border-radius:12px; padding:16px; margin-bottom:6px; font-size:13px; font-weight:400; color:#8b8686; }
.quickcs .quickcontent ul li.prviebt { width:100%; text-align:right; }
.quickcs .quickcontent ul li.prviebt label {  font-size:11px; font-weight:400; color:#4e4d4d; }
.quickcs .quickcontent ul li.prviebt a {  font-size:11px; font-weight:400; color:#4e4d4d; }

.quickcs .quickcontent ul li.inputdiv { display:block; width:100%; height:57px; background:#edecee; border:0px; border-radius:12px; padding:0 20px; margin-bottom:6px; font-size:15px; font-weight:400; color:#2a2a2a; box-sizing:border-box; overflow:hidden; }
.quickcs .quickcontent ul li.inputdiv label { padding-right:10px; }
.quickcs .quickcontent ul li.inputdiv div:nth-child(1) { float:left; width:82px; line-height:57px; font-size:15px; font-weight:400; color:#2a2a2a; }
.quickcs .quickcontent ul li.inputdiv div:nth-child(2) { float:left; width:172px; line-height:57px; font-size:13px; font-weight:400; color:#2a2a2a; }

.quickcs .quickcontent input::placeholder { color:#2a2a2a; }
.quickcs .quickcontent textarea::placeholder { color:#8b8686; }

.quickcs .submitbt input {
display:block; position:absolute; bottom:-1px; left:0px; width:100%; height:72px; border-bottom-left-radius: 22px; border-bottom-right-radius: 22px;
margin-top:20px; background:#292929; border:0px; font-size:22px; font-weight:700; color:#ffffff; cursor:pointer;
}
.quickcs input[type="checkbox"] { display:none; }
.quickcs input[type="checkbox"] + label span { display:inline-block; width:13px; height:13px; vertical-align:middle; border:none; cursor:pointer; background:url('/images/ck_off.jpg')no-repeat 0 0; margin-right:6px; }
.quickcs input[type="checkbox"]:checked + label span { background:url('/images/ck_on.jpg')no-repeat 0px 0; }
.quickcs input[type="radio"] { display:none; }
.quickcs input[type="radio"] + label span { display:inline-block; width:17px; height:17px; vertical-align:middle; border:none; cursor:pointer; background:url('/images/radiobt.png')no-repeat 0 0; }
.quickcs input[type="radio"]:checked + label span { background:url('/images/radiobt_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:#3b3b3b; border-bottom:3px solid #3b3b3b; }
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:90%; height:auto; margin:0 auto; background:#ffffff; margin-top:10%; }
#mainevnet div.title { position:relative; width:100%; 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:100%; 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:31%; margin-right:3.5%; cursor:pointer; }
.eventwrap div.eventimg .slidediv .img { position:relative; width:100%; 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:13px; margin-right:0px; font-size:14px; font-weight:500; color:#8e8e8e; line-height:100%; }
.eventwrap div.eventimg .txt div.t2 { float:left; height:34px;  font-family: 'Jost', sans-serif; font-size:32px; font-weight:700; color:#000000; line-height:100%; }
.eventwrap div.eventimg .txt div.t2 span { font-size:14px; font-weight:700; color:#000000; line-height:100%; font-family:'Noto Sans KR';}
.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; }


#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-top:10%; padding-bottom:10%; box-sizing:border-box; background:#f0f0f0; }
#mainnotice .mainnotice { position:relative; width:90%; margin:0 auto; }
#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:10px; right:0px; font-weight:500; font-size:14px;  }
#mainnotice .mainnotice .youtube  div.title span { font-size:14px; font-weight:500; color:#5a5a5a; padding-left:10px; }
#mainnotice .mainnotice .youtube  .youtubeslide { position:relative; width:100%; margin:0 auto; margin-top:24px; overflow:hidden; }
#mainnotice .mainnotice .youtube  .youtubeslide .swiper-slide { position:relative; width:auto; height:0; padding-bottom:86.25%; }
#mainnotice .mainnotice .youtube  .youtubeslide .swiper-slide iframe { position:absolute; width:100%; height:100%; }
#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; }
#mainnotice .btprev { position:absolute; top:50%; left:-30px; z-index:1; cursor:pointer; }
#mainnotice .btnext { position:absolute; top:50%; right:-30px; z-index:1; cursor:pointer; }
#mainnotice .ytitle { width:100%; height:36px; line-height:36px; font-size:19px; font-weight:700; color:#060606; margin-top:10px; background:url('/images/event/logorad.jpg')no-repeat 0 50%; padding-left:42px; box-sizing:border-box;  }




footer { position:relative; width:100%; height:auto; background:#181d24; box-sizing:border-box; overflow:hidden; }
#footerw { position:relative; width:94%; height:100%; margin:0 auto; }
footer div.jijum { float:left; position:relative; width:40%; height:290px; border-right:1px solid #373737; overflow:hidden; padding-top:50px; box-sizing:border-box; }
footer div.jijum ul { float:left; width:33.3%; }
footer div.jijum ul li { margin-bottom:14px; font-size:15px; font-weight:300; }
footer div.jijum ul li a { color:#ababab; }
footer div.jijum ul li a:hover,footer div.jijum ul li.on a { font-weight:400; color:#ffffff; }

footer div.copy { float:left; position:relative; width:60%; height:290px; padding-left:40px; overflow:hidden; border-right:0px solid #373737; padding-top:50px; box-sizing:border-box;}
footer div.copy ul li.t1 { width:100%; height:32px; line-height:32px; font-size:21px; font-weight:700; color:#ffffff; line-height:100%; background:url('/images/event/phoneicon.jpg')no-repeat 0 50%; padding-left:40px; box-sizing:border-box; }
footer div.copy ul li.t1 span { color:#d49e74; font-size:24px; }
footer div.copy ul li.t2 { margin-top:28px; font-size:15px; font-weight:600; color:#ffffff; }
footer div.copy ul li.t3 { margin-top:14px; font-size:15px; font-weight:400; color:#aaaaaa; }
footer div.copy ul li.t4 { margin-top:14px; font-size:15px; font-weight:400; color:#aaaaaa; }
footer div.copy ul li.t5 { margin-top:24px; font-size:13px; font-weight:300; color:#ffffff; display:none; }

footer div.footmenu { float:right; position:relative; width:100%; border-top:1px solid #373737; overflow:hidden; box-sizing:border-box; padding-top: 20px; padding-bottom:50px; }
footer div.footmenu ul { position:relative; width:100%; overflow:hidden; text-align:center; }
footer div.footmenu ul li { float:none; display:inline-block; margin-right:22px; }
footer div.footmenu div { width:100%; margin-top:20px; overflow:hidden; text-align:center; }
footer div.footmenu div a { float:none; display:inline-block; margin-right:10px; font-size:14px; font-weight:300; color:#747474; }
footer div.footmenu div a:hover { font-weight:400; color:#ffffff; }

}

@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:110px; }

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:#3b3b3b; border-bottom:3px solid #3b3b3b; }
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:100%; margin:0 auto; overflow:hidden; margin-top:52px; }
.eventwrap div.eventimg { position:relative; width:90%; margin:0 auto; overflow:hidden; }
.eventwrap div.eventimg .slidediv { float:none; position:relative; width:280px; margin:0 auto; margin-right:auto !important; margin-bottom:10%; cursor:pointer; }
.eventwrap div.eventimg .slidediv .img { position:relative; width:100%; 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:13px; margin-right:0px; font-size:14px; font-weight:500; color:#8e8e8e; line-height:100%; }
.eventwrap div.eventimg .txt div.t2 { float:left; height:34px;  font-family: 'Jost', sans-serif; font-size:32px; font-weight:700; color:#000000; line-height:100%; }
.eventwrap div.eventimg .txt div.t2 span { font-size:14px; font-weight:700; color:#000000; line-height:100%; font-family:'Noto Sans KR';}
.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-top:10%; padding-bottom:10%; box-sizing:border-box; background:#f0f0f0; }
#mainnotice .mainnotice { position:relative; width:90%; margin:0 auto; }
#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:10px; right:0px; font-weight:500; font-size:14px;  }
#mainnotice .mainnotice .youtube  div.title span { font-size:14px; font-weight:500; color:#5a5a5a; padding-left:10px;  display:none;}
#mainnotice .mainnotice .youtube  .youtubeslide { position:relative; width:100%; margin:0 auto; margin-top:24px; overflow:hidden; }
#mainnotice .mainnotice .youtube  .youtubeslide .swiper-slide { position:relative; width:auto; height:0; padding-bottom:86.25%; }
#mainnotice .mainnotice .youtube  .youtubeslide .swiper-slide iframe { position:absolute; width:100%; height:100%; }
#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; }
#mainnotice .btprev { position:absolute; top:50%; left:-16px; z-index:1; cursor:pointer;  width:40px; }
#mainnotice .btnext { position:absolute; top:50%; right:-16px; z-index:1; cursor:pointer;  width:40px; }
#mainnotice .ytitle { width:100%; height:36px; line-height:36px; font-size:19px; font-weight:700; color:#060606; margin-top:10px; background:url('/images/event/logorad.jpg')no-repeat 0 50%; padding-left:42px; box-sizing:border-box;  }




footer { position:relative; width:100%; height:auto; background:#181d24; box-sizing:border-box; overflow:hidden; }
#footerw { position:relative; width:94%; height:100%; margin:0 auto; }
footer div.jijum { float:left; position:relative; width:100%; height:250px; padding-left:20px; border-right:1px solid #373737; overflow:hidden; padding-top:50px; box-sizing:border-box; }
footer div.jijum ul { float:left; width:33.3%; }
footer div.jijum ul li { margin-bottom:14px; font-size:15px; font-weight:300; }
footer div.jijum ul li a { color:#ababab; }
footer div.jijum ul li a:hover,footer div.jijum ul li.on a { font-weight:400; color:#ffffff; }

footer div.copy { float:left; position:relative; width:100%; height:220px; padding-left:20px; overflow:hidden; border-right:0px solid #373737; padding-top:50px; box-sizing:border-box;}
footer div.copy ul li.t1 { width:100%; height:32px; line-height:32px; font-size:21px; font-weight:700; color:#ffffff; line-height:100%; background:url('/images/event/phoneicon.jpg')no-repeat 0 50%; padding-left:40px; box-sizing:border-box; }
footer div.copy ul li.t1 span { color:#d49e74; font-size:24px; }
footer div.copy ul li.t2 { margin-top:28px; font-size:15px; font-weight:600; color:#ffffff; }
footer div.copy ul li.t3 { margin-top:14px; font-size:15px; font-weight:400; color:#aaaaaa; }
footer div.copy ul li.t4 { margin-top:14px; font-size:15px; font-weight:400; color:#aaaaaa; }
footer div.copy ul li.t5 { margin-top:24px; font-size:13px; font-weight:300; color:#ffffff; display:none; }

footer div.footmenu { float:right; position:relative; width:100%; border-top:1px solid #373737; overflow:hidden; box-sizing:border-box; padding-top: 20px; padding-bottom:50px; }
footer div.footmenu ul { position:relative; width:100%; overflow:hidden; text-align:center; }
footer div.footmenu ul li { float:none; display:inline-block; margin-right:22px; }
footer div.footmenu div { width:100%; margin-top:20px; overflow:hidden; text-align:center; }
footer div.footmenu div a { float:none; display:inline-block; margin-right:10px; font-size:14px; font-weight:300; color:#747474; }
footer div.footmenu div a:hover { font-weight:400; color:#ffffff; }


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

#katalk { position:fixed; top:0px; left:0px; right:0px; width:100%; height:0%; overflow:hidden; background:rgba(0,0,0,80%); transition:all 0.5s cubic-bezier(0.16, 1, 0.3, 1) 0.5s; z-index:63; }
#katalk.active { height:100%; transition:all 0.5s cubic-bezier(0.16, 1, 0.3, 1) 0s; }
#katalk .katalk { position:absolute; top:50%; right:20px; transform:translateY(-50%); width:300px; opacity:0; filter: blur(20px); transition:all 2.0s cubic-bezier(0.16, 1, 0.3, 1) 0s; }
#katalk .katalk ul.txt li.title { position:relative; font-size:44px; color:#ffffff; font-family: 'NanumBarunGothicBold'; letter-spacing:2px; }
#katalk .katalk ul.txt li.title span { position:absolute; top:-50px; left:320px; }
#katalk .katalk ul.txt li.con { position:relative; margin-top:10px; font-size:16px; color:#ffffff; font-family: 'NanumBarunGothic'; letter-spacing:1px; }
#katalk.active .katalk { top:50%; opacity:1; filter: blur(0px); transition:all 2.0s cubic-bezier(0.16, 1, 0.3, 1) 0.6s; }
#katalk .katalk ul.list { position:relative; width:300px; margin-top:40px; overflow:hidden; }
#katalk .katalk ul.list li { float:left; position:relative; width:100px; font-size:17px; color:#ffffff; margin-bottom:30px; font-family: 'NanumBarunGothic'; letter-spacing:1px; }
#katalk .katalk ul.list li a { color:#ffffff; }
#katalk .katalk ul.list li a:hover { color:#f4e21c; }
#katalk .katalk ul.list li span { padding-left:10px; }
#katalk .katalk .allbt { position:relative; width:270px; font-size:17px; color:#ffffff; margin-top:20px; font-family: 'NanumBarunGothic';  letter-spacing:1px;}
#katalk .katalk .allbt a { color:#ffffff; }
#katalk .katalk .allbt a:hover { color:#f4e21c; }
#katalk .katalk .allbt span { display:block; position:absolute; top:0px; right:0px; padding-left:10px; }
#katalk .katalkclose { position:absolute; top:-100px; right:10px; cursor:pointer; }



.quickcs {
	position:fixed; top:50%; right:-320px; opacity:0; filter: blur(20px); transform: translateY(-50%); width:300px; height:445px; background:#ffffff; z-index:63;
	box-shadow: 1px 1px 22px rgba(0,0,0,0.3); border-radius: 22px; transition:all 0.3s cubic-bezier(0.85, 0, 0.15, 1) 0s;
}
.quickcs.active { right:30px; opacity:1; filter: blur(0px); transition:all 0.3s cubic-bezier(0.85, 0, 0.15, 1) 0s; }

.quickcs .close { position:absolute; top:-22px; right:-20px; cursor:pointer;  }
.quickcs .close img { display:block; width:60px; }

.quickcs .quicktitle { position:relative; width:100%; height:90px; box-sizing:border-box; text-align:center; overflow:hidden; }
.quickcs .quicktitle ul li.title { padding-top:30px; font-size:26px; font-weight:700; color:#000000; line-height:100%; }
.quickcs .quicktitle ul li.con { padding-top:10px; font-size:14px; font-weight:500; color:#7c7c7c; line-height:100%; }

.quickcs .quickcontent { position:relative; width:100%; margin:0 auto; box-sizing:border-box; }
.quickcs .quickcontent ul { position:relative; width:90%; margin:0 auto; box-sizing:border-box; }
.quickcs .quickcontent ul li label {  }
.quickcs .quickcontent ul li.name label { display:none; }
.quickcs .quickcontent ul li.name input { display:block; width:100%; height:37px; background:#edecee; border:0px; border-radius:6px; margin-bottom:6px; font-size:12px; font-weight:400; color:#2a2a2a; padding:6px; }
.quickcs .quickcontent ul li.phone label { display:none; }
.quickcs .quickcontent ul li.phone input { display:block; width:100%; height:37px; background:#edecee; border:0px; border-radius:6px; margin-bottom:6px; padding:6px; font-size:12px; font-weight:400; color:#2a2a2a; }
.quickcs .quickcontent ul li.subject1 label { display:none;}
.quickcs .quickcontent ul li.subject1 select { display:block; width:100%; height:37px; background:#edecee; border:0px; border-radius:6px; margin-bottom:6px; font-size:12px; font-weight:400; color:#2a2a2a; padding:6px; }

.quickcs .quickcontent ul li.contents textarea { display:block; width:100%; height:61px; background:#edecee; border:0px; border-radius:6px; padding:6px; margin-bottom:6px; font-size:12px; font-weight:400; color:#8b8686;  font-family:'Noto Sans KR';}
.quickcs .quickcontent ul li.prviebt { width:100%; text-align:right; }
.quickcs .quickcontent ul li.prviebt label {  font-size:11px; font-weight:400; color:#4e4d4d; }
.quickcs .quickcontent ul li.prviebt a {  font-size:11px; font-weight:400; color:#4e4d4d; }

.quickcs .quickcontent ul li.inputdiv { display:block; width:100%; height:37px; background:#edecee; border:0px; border-radius:6px; padding:0 6px; margin-bottom:6px; font-size:12px; font-weight:400; color:#2a2a2a; box-sizing:border-box; overflow:hidden; }
.quickcs .quickcontent ul li.inputdiv label { padding-right:10px; }
.quickcs .quickcontent ul li.inputdiv div:nth-child(1) { float:left; width:70px; line-height:37px; font-size:12px; font-weight:400; color:#2a2a2a; }
.quickcs .quickcontent ul li.inputdiv div:nth-child(2) { float:left; width:162px; line-height:37px; font-size:12px; font-weight:400; color:#2a2a2a; }

.quickcs .quickcontent input::placeholder { color:#2a2a2a; }
.quickcs .quickcontent textarea::placeholder { color:#8b8686; }

.quickcs .submitbt input {
display:block; position:absolute; bottom:-1px; left:0px; width:100%; height:72px; border-bottom-left-radius: 22px; border-bottom-right-radius: 22px;
margin-top:20px; background:#292929; border:0px; font-size:22px; font-weight:700; color:#ffffff; cursor:pointer;
}
.quickcs input[type="checkbox"] { display:none; }
.quickcs input[type="checkbox"] + label span { display:inline-block; width:13px; height:13px; vertical-align:middle; border:none; cursor:pointer; background:url('/images/ck_off.jpg')no-repeat 0 0; margin-right:6px; }
.quickcs input[type="checkbox"]:checked + label span { background:url('/images/ck_on.jpg')no-repeat 0px 0; }
.quickcs input[type="radio"] { display:none; }
.quickcs input[type="radio"] + label span { display:inline-block; width:17px; height:17px; vertical-align:middle; border:none; cursor:pointer; background:url('/images/radiobt.png')no-repeat 0 0; }
.quickcs input[type="radio"]:checked + label span { background:url('/images/radiobt_on.png')no-repeat 0px 0; }



}

