@charset "utf-8";
@font-face {
    font-family: 'InkLipquid';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/InkLipquid.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/******************** 공통 ********************/
body {background:#FFF;}
* {letter-spacing:-1px; font-weight:400; line-height:1.0; word-break:keep-all;}
.embed-container { position: relative; padding-bottom: 55.7%; height: 0; overflow: hidden; max-width: 100%; height: auto; border-radius:10px;overflow:hidden;border:3px solid #222;box-sizing:border-box;} 
.embed-container iframe, .embed-container object, .embed-container embed , .embed-container video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.wrap {display:block; height:auto; overflow:hidden; width:100%; max-width:1920px; margin:0 auto;}

.headWrap {display:block; height:auto; overflow:hidden; position:relative;text-align:center;image-rendering: -webkit-optimize-contrast;background:#ffe4e0;}
.headWrap .headSec {display:block; height:auto; overflow:hidden; height:100px; position:relative; padding:0 100px;}
.headWrap .headSec .logo a {position:absolute; left:100px; top:50%; transform:translate(0, -50%); width:111px; height:42px; background:url(../images/common/logo_ele_key.png) no-repeat 50% 50%; z-index:10;}
.headWrap .headSec .headFunc {position:absolute; right:130px; top:50%; transform:translate(0, -50%); text-align:right; line-height:26px; padding-right:100px; z-index:10;}
.headWrap .headSec .headFunc .txtMenu a {display:inline-block; color:#000; font-size:14px; font-weight:400; padding-right:15px; margin-right:12px; position:relative; line-height:30px;}
.headWrap .headSec .headFunc .txtMenu a:after {content:''; position:absolute; right:0; top:50%; transform:translate(0, -50%); width:2px; height:30%; background:rgba(0,0,0,1);}
.headWrap .headSec .headFunc .txtMenu:last-child a {padding-right:0; margin-right:0;}
.headWrap .headSec .headFunc .txtMenu:last-child a:after {background:none;}
.headWrap .headSec .miraeLogo {position:absolute; right:100px; top:50%; transform:translate(0, -50%); width:107px; height:30px; background:url(../images/common/miraen_logo.png) no-repeat 50% 50%; margin-left:30px; z-index:10;}
.headWrap .shadow {position:absolute; left:0; top:0; width:100%; height:140px; 
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0.28+0,0+80 */
background: -moz-linear-gradient(top,  rgba(0,0,0,0.28) 0%, rgba(0,0,0,0) 80%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0.28) 0%,rgba(0,0,0,0) 80%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,0,0,0.28) 0%,rgba(0,0,0,0) 80%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#47000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
}

.headWrap .headVisual {position:relative; max-width:1200px; margin:0 auto;padding-top: 60px;}
.headWrap .headVisual:after {content:''; clear:both; display:block; height:auto; overflow:hidden;}
.headWrap .headVisual .introTitle {color:#333; font-size:36px; font-weight:400; letter-spacing:-1px; margin-bottom:65px;}
.headWrap .headVisual h2 {height:auto; overflow:hidden; position:relative; z-index:10;margin-bottom:0;}
.headWrap .headVisual h2 strong{display: block;}
.headWrap .headVisual h2 p{padding: 50px 0 50px 0;text-align: center;line-height:150%;font-size:30px;font-weight:500;color:#333;letter-spacing:-1px;}
.headWrap .headVisual h2 p span{background:#fdb7b7;display:inline-block;padding:5px;}


.headWrap .headVisual .introTitle img:first-child{margin-right:30px;}

.headWrap .headVisual .headCopy {font-size:30px; color:#003a32; letter-spacing:-1px; line-height:1.5;padding-top:100px;padding-bottom:100px;}
.headWrap .headVisual .headCopy strong{display:block;font-size:34px;color:#003a32;font-weight:600;letter-spacing: -2px;line-height: 1.5;}
.headWrap .headVisual .headCopy strong em {display: inline-block;font-size:34px;color:#003a32;font-weight:600;background: #d7f436;}
.headWrap .headVisual .introBk {position:absolute; right:0; top:53%; transform:translate(0, -50%); z-index:10; width:34%;}

.headWrap .deco01 {position:absolute; right:300px; top:-60px; width:140px; height:148px; background:url(../images/deco01.png) no-repeat 50% 50%; background-size:100%;}
.headWrap .deco02 {position:absolute; right:35px; bottom:-50px; width:140px; height:148px; background:url(../images/deco02.png) no-repeat 50% 50%; background-size:100%;}

.mainVod {display:block; width:100%; max-width:1167px; height:728px; background:url(../images/bg_vod.png) no-repeat 50% 50%; background-size:100%; padding:24px 24px 0 24px; margin:35px auto 0; position:relative; z-index:10;}
.mainVod .embed-container {padding-bottom:56.54%;}
.mainVod .playVod {position:absolute; left:50%; top:50%; width:100px; height:100px; cursor:pointer; transform:translate(-50%, -50%); background:url(../images/ico_play.png) no-repeat 50% 50%; background-size:100%; cursor:pointer; z-index:10; text-indent:-9999px;}

.headEventTxt {display:block; height:auto; overflow:hidden; text-align:center; position:relative; z-index:10; padding-bottom:100px;}
.headEventTxt .heTxt {display:inline-block; padding-left:235px; height:88px; line-height:72px; background:url(../images/bi_aiclass.png)no-repeat left 50%; background-size:auto 88px; font-size:34px; color:#333; font-weight:700; letter-spacing:-2px;}
.headEventTxt .heDesc {display:block; color:#24275d; font-size:46px; font-weight:700; margin-top:5px; letter-spacing:-2px;}

.innerCon {position:relative; padding:50px 0; max-width:1200px; margin:0 auto;}
.innerCon:after {content:''; clear:both; display:block; height:auto; overflow:hidden;}

.comnTitleSec {display:block; height:auto; overflow:hidden; position:relative; padding-bottom:50px;}
.comnTitleSec.short {padding-bottom:30px; padding-top:30px;}
.comnTitleSec.btmBdr:after {content:''; position:absolute; left:0; bottom:0; width:100%; height:5px; background:#eee; transition:.4s all;}
.comnTitleSec .cmTitle {display:inline-block; font-size:34px; color:#333; font-weight:500; position:relative;}
.comnTitleSec .cmTitle:before {content:''; display:inline-block; width:20px; height:20px; border-radius:50%; border:6px solid #3a7ba5; box-sizing:border-box; margin:0 12px 0 28px; vertical-align:4px;}
.comnTitleSec .cmDesc {display:inline-block; margin-left:15px; font-size:20px; color:#666;}
.comnTitleSec .foldFunc {position:absolute; right:60px; top:0px; background:#666; padding:0px 20px; cursor:pointer; height:34px; line-height:34px; width:106px; text-align:center;}
.comnTitleSec .foldFunc:before {content:'접기'; display:inline-block; color:#FFF; font-size:16px; margin-right:8px; border-radius:3px; border-radius:3px;}
.comnTitleSec .foldFunc:after {content:''; display:inline-block; width:15px; height:9px; background:url(../images/ico_fold.png) no-repeat 50% 50%; transition:.4s all; vertical-align:1px;}
.comnTitleSec .foldFunc.on:before {content:'펼치기'; display:inline-block; color:#FFF; font-size:16px; margin-right:8px;}
.comnTitleSec .foldFunc.on:after {content:''; display:inline-block; width:15px; height:9px; background:url(../images/ico_fold.png) no-repeat 50% 50%; transform:rotate(-180deg);}
/******************** 공통 ********************/

/******************** 이벤트 안내 ********************/
.eventTitle {font-size:46px; color:#292e45; font-weight:500; letter-spacing:-2px;text-align:center;font-weight:600;height:65px;line-height:65px;z-index:100;position:relative;}
.eventSec {display:block; height:auto; overflow:hidden;padding-top: 30px;background:#ffe4e0 url(../images/230104/bg_eventSec.png) repeat-x center bottom;padding-bottom:120px}
.eventSec .innerCon{background:rgba(255,255,255,0.5);border-radius: 20px;position: relative;padding:60px 0}
.eventSec .eventTitle{background: url(../images/bg_line.png) no-repeat center bottom 10px;}
.eventSec .eventInfo {border-radius:20px;padding:0 0 60px 0;max-width:650px;margin: 0 auto;}
.eventSec .eventInfo .eventInfoBox{}
.eventSec .eventInfo .eventInfoBox h3{text-align:center;}
.eventSec .eventInfo .eventInfoBox ul li{position:relative;margin-top:20px;}
.eventSec .eventInfo .eventInfoBox ul li .tit{position:absolute;left:0;top:0;border-radius:50px;width:150px;height:40px;line-height:36px;text-align:left;padding:0 10px 0 20px;font-size:22px;font-weight:500;letter-spacing:-1px;box-sizing:border-box;color: #7c64f6;border:2px solid #7c64f6;}
.eventSec .eventInfo .eventInfoBox ul li .txt{margin-left:150px;padding-left:30px;position:relative;line-height:40px;font-size:25px;color:#444;font-weight:500;letter-spacing:-1px;}
.eventSec .eventInfo .eventInfoBox ul li .txt strong{font-weight:600;}
.eventSec .eventInfo .eventInfoBox ul li .txt span{display:block;font-size:21px;color:#444;line-height:150%;margin-top:8px;font-weight:500;}
.eventSec .eventInfo .eventInfoBox ul li .img{padding-top: 30px;}
.eventSec .eventInfo .eventInfoBox ul li .img p{font-size:20px;color:#333;line-height:150%;margin-top:20px;}
.eventSec .btnArea {position:relative; text-align:center;}
.eventSec .btnArea:after {content:''; clear:both; display:block; height:auto; overflow:hidden;}
.eventSec .btnArea .eventBtn a {display:inline-block; width:36%; max-width:100%; border-radius:80px; text-align:center; font-size:30px; padding:30px 0; position:relative; transition:.4s all; font-weight:700; color:#543208; margin:0 20px;
-webkit-box-shadow: 0px 8px 0px 0px rgba(135,96,0,1.0);
-moz-box-shadow: 0px 8px 0px 0px rgba(135,96,0,1.0);
box-shadow: 0px 8px 0px 0px rgba(135,96,0,1.0);
}

.btnArea .eventBtn.join a {background:#18996d;position:relative;display:inline-block;width:40%;height:80px;line-height:80px;font-size:30px;color:#fff;font-weight:600;border-radius:50px;box-shadow:0 7px 0 #0c513a;max-width:400px;}
.btnArea .eventBtn.join a:hover {background:#107552;}
.btnArea .eventBtn.join a:after {content:''; display:inline-block; width:29px; height:29px; background:url(../images/ico_chk.png) no-repeat 50% 50%; vertical-align:-4px; margin-left:15px;}

.btnArea .eventBtn.share a {background:#644ca8;position:relative;display:inline-block;width:40%;max-width:400px;height:80px;line-height:80px;font-size:30px;color:#fff;font-weight:600;border-radius:50px;box-shadow:0 7px 0 #41316e}
.btnArea .eventBtn.share a:hover {background:#5436a7;}
.btnArea .eventBtn.share a:after {content:''; display:inline-block; width:29px; height:29px; background:url(../images/bico_share.png) no-repeat 50% 50%; vertical-align:-4px; margin-left:15px;}

.otherBnrSec {display:block; height:auto; overflow:hidden; background:#FFF;}
.otherBnrSec .innerCon {padding:70px 0 0 0;}

.useImg {float:left; width:50%; padding-left:30px;}
.useImg img {max-width:100%;}
.useIntro {float:right; width:50%; padding:0 60px;}
.useIntro .useTitle {color:#333; font-size:36px; font-weight:500; margin-bottom:40px;}
.useIntro li {display:block; line-height:1.5; font-size:22px; color:#333; padding-left:36px; position:relative; margin-bottom:30px;}
.useIntro li .number {position:absolute; left:0; top:0; width:28px; height:28px; background:#555; color:#FFF; text-align:center; line-height:28px; font-size:18px; font-weight:500; border-radius:50%;}
.useIntro .btnArea {padding-top:60px; text-align:center;}

.useIntro .btnArea .eventBtn a {display:inline-block; width:100%; max-width:100%; border-radius:80px; text-align:center; font-size:30px; padding:30px 0; position:relative; transition:.4s all; font-weight:700;
-webkit-box-shadow: 0px 8px 0px 0px rgba(53,114,136,1.0);
-moz-box-shadow: 0px 8px 0px 0px rgba(53,114,136,1.0);
box-shadow: 0px 8px 0px 0px rgba(53,114,136,1.0);
}
.useIntro .btnArea .eventBtn.download a {background:#1499c7; color:#FFF;}
.useIntro .btnArea .eventBtn.download a:hover {background:#077ba3;}
.useIntro .btnArea .eventBtn.download a:after {content:''; display:inline-block; width:33px; height:33px; background:url(../images/bico_download.png) no-repeat 50% 50%; background-size:100%; vertical-align:-6px; margin-left:5px;}

/******************** 이벤트 안내 ********************/

/******************** 이벤트 선물 ********************/

.presentSec{}
.presentSec .innerCon{background: #fff;border: 3px solid #000;position: relative;margin-bottom: 250px;}
.presentSec .innerCon:before{content: '';width: 100%;height: 121px;position: absolute;left:0;top: -113px;right: 0;z-index: 99;background: url(../images/ico_eventSec.png) no-repeat center top;}
.presentSec .img{text-align: center;padding: 50px;}
.presentSec .txt{text-align: center;padding-bottom: 50px;}
.presentSec .txt span{display: block;font-size: 34px;color: #fff;font-weight: 500;letter-spacing: -2px;background: url(../images/bg_presentTxt.png) no-repeat center top;text-align: center;height: 65px;line-height: 65px;}

/******************** 이벤트 선물 ********************/


/******************** 이벤트 소개 ********************/
.comnIntro {display:block; height:auto; overflow:hidden; background:#FFF;}
.comnIntro.introBkVod {background:#ffe6a3;}
.comnIntro.introUse {background:#eaf3f6;}
.comnIntro .inner {position:relative; max-width:1200px; margin:0 auto; padding:100px 0;}
.comnIntro.introBkVod .inner {max-width:940px;}

.vodSec {display:block; height:588px; overflow:hidden; background:url(../images/bg_vod.png) no-repeat center/cover; background-size:cover; padding:20px;}

.introTxt {margin-top:50px;}
.introTxt .bkSubject {color:#333; font-size:42px; font-weight:700; margin-bottom:30px; padding-left:0px;}
.introTxt .bkSubject em {display:inline-block; vertical-align:bottom; font-size:22px; font-weight:300; padding:0 20px; position:relative;}
.introTxt .bkSubject em:after {content:''; position:absolute; right:0; top:52%; transform:translate(0, -50%); width:1px; height:80%; background:#999;}
.introTxt .bkSubject em:last-child {padding-right:0; margin-right:0; padding-left:10px;}
.introTxt .bkSubject em:last-child:after {display:none;}
.introTxt .bkSummary {display:block; height:auto; overflow:hidden; padding:25px 40px; background:#866c53; border:1px solid #4f2d09; border-radius:10px; color:#FFF; line-height:1.4; font-size:26px; font-weight:400;}

.bkCompare {display:block; height:auto; overflow:hidden;}
.bkCompare li {float:left; width:49%; height:auto; overflow:hidden; margin-bottom:40px; margin-right:2%;}

.audioWrap {display:block; height:auto; overflow:hidden; padding:25px; background:#f2f2f2; border:1px solid #e0e0e0; border-radius:10px; position:relative; width:100%; max-width:580px;}
.audioWrap .audioHead {display:block; height:55px; color:#333; font-size:20px; line-height:1.3; margin-bottom:20px;}
.audioWrap .player-container {display:block; height:48px; overflow:hidden; padding:0 90px 0 60px; position:relative;}
.audioWrap .play-pause {position:absolute; left:0; top:0; width:48px; height:48px;}
.audioWrap .play-pause .btnPlay {display:block; width:100%; height:100%; background:url(../images/btn_play_off.png) no-repeat 50% 50%; background-size:100%; cursor:pointer;}
.audioWrap .play-pause .btnPlay:hover {background:url(../images/btn_play_on.png) no-repeat 50% 50%;}
.audioWrap .play-pause .btnPause {display:block; width:100%; height:100%; background:url(../images/btn_pause_off.png) no-repeat 50% 50%; background-size:100%; cursor:pointer; display:none;}
.audioWrap .play-pause .btnPause:hover {background:url(../images/btn_pause_on.png) no-repeat 50% 50%;}
.audioWrap .track-time {position:absolute; right:0; top:50%; transform:translate(0, -50%); text-align:right; font-size:14px; color:#999;}
.audioWrap .track-time span {letter-spacing:0; font-family:'Tahoma';}

input[type="range"] {-webkit-appearance: none; overflow:hidden; height:18px; background:#cabfa4; margin:16px 0; border-radius:18px; display:block; width:100%;}
input[type="range"]:focus {outline: none;}
input[type="range"]::-webkit-slider-runnable-track {width:100%; height:100%; cursor:pointer; border-radius:18px; border:0;}
input[type="range"]::-webkit-slider-thumb {-webkit-appearance: none; width:18px; height:18px; background:#a98328; cursor:pointer; border-radius:50%; box-shadow: -100vw 0px 15px 100vw #a98328;}

/******************** 이벤트 소개 ********************/


/******************** 이벤트 참여 ********************/
.eventJoinSec {display:block; height:auto;padding-top:380px; /*overflow:hidden;*/background:url(../images/221122/bg_eventJoinSec.jpg) no-repeat center top;}
.eventJoinSec .innerCon{position: relative;max-width:1000px;padding:0;}
.eventJoinSec .eventSubTxt{text-align:center;font-size:30px;color:#333;line-height:150%;margin-bottom:80px;}
.eventJoinSec .joinCnt{top:80px;}
.eventJoinSec .eventTitle{background: url(../images/bg_line.png) no-repeat center bottom 10px;}

.eventJoinSec .video_wrap{background: url(../images/bg_video.png) no-repeat center top;background-size: 100% auto;}
.eventJoinSec .video_wrap .video{padding:4.4% 5% 4.4% 4.5%;}
.eventJoinSec .video_wrap .video video{width: 100%;}

.eventJoin {margin-bottom:120px;}

.eventJoinForm{margin-top:20px;text-align:center;}
.eventJoinForm .applyTitle{text-align:left;margin-bottom:20px;}
.eventJoinForm .applyTitle ul li{font-size:24px;color:#fff;line-height:160%;font-weight:400;letter-spacing:-1px; padding-left:20px; position:relative;}
.eventJoinForm .applyTitle ul li:after {content:''; position:absolute; left:5px; top:18px; width:4px; height:4px; background:#FFF; border-radius:50%;}
.eventJoinForm .applyTitle ul li span{color:#fff;line-height:150%;font-size:18px; margin-right:10px;}
.eventJoinForm .applyTitle ul li.cau {font-size:18px; opacity:0.5; padding-left:73px; margin-top:5px;}
.eventJoinForm .applyTitle ul li.cau:after {display:none;}
.eventJoinForm .eventTitle{background:none;margin-bottom:40px;color:#fff;}
.eventJoinForm .in{}
.eventJoinForm .in .textarea{border-radius:10px;margin-bottom:20px;box-sizing:border-box;overflow:hidden;}
.eventJoinForm .in .textarea textarea{vertical-align:top;font-size:20px;color:#999;line-height:150%;width:100%;height:170px;box-sizing:border-box;padding:15px;}
.eventJoinForm .in .fileTxt{text-align:left;}
.eventJoinForm .in .fileTxt p{display:inline-block;vertical-align:top; font-size:20px;color:#999;line-height:150%;padding:5px 10px;}
.eventJoinForm .in .fileTxt a{display:inline-block;vertical-align:top;padding:13px 0;}
.eventJoinForm .eventJintit{font-size: 28px;color: #535353;font-weight: 400;padding-bottom: 25px;text-align:left;}
.eventJoinForm .in .form{display:block; height:auto; overflow:hidden;}
.eventJoinForm .in .form .txt strong{display:block;}
.eventJoinForm .in .form .txt strong .cate{display:inline-block;vertical-align:top; background:#ff4776;border-radius:50px;font-size:28px;font-weight:700;padding:0 15px;color:#fff;height:50px;line-height:50px;}
.eventJoinForm .in .form .txt p {font-size:18px;color:#666;line-height:130%;font-weight:300;overflow:hidden; text-align:left; border:1px solid #999; padding:15px; border-radius:10px; margin-bottom:30px;}
.eventJoinForm .in .form .applyFunc{margin-top:55px;}
.eventJoinForm .in .form .applyFunc button{display:inline-block;vertical-align:top;margin-right:5px;font-size:22px; color:#FFF; font-weight:300; position:relative; border-radius:10px; width:288px;height:58px;line-height:58px;background:#db2c2f;margin:0 3px;}
.eventJoinForm .btn_more{display:inline-block;vertical-align:top;width:37%;margin-left:0;padding: 20px 0 30px;background: url(../images/bg_btn_more.png) no-repeat center top;background-size: 100% 100%;}
.eventJoinForm .in .form 
.eventJoinForm .btn_more.big {width:50%;}


.myJoinForm{margin-top:20px;text-align:center;}
.myJoinForm .eventTitle{background:none;margin-bottom:40px;color:#fff;}
.myJoinForm .in{}
.myJoinForm .in .textarea{border-radius:10px;margin-bottom:20px;box-sizing:border-box;overflow:hidden;}
.myJoinForm .in .textarea textarea{vertical-align:top;font-size:20px;color:#999;line-height:150%;width:100%;height:170px;box-sizing:border-box;padding:15px;}
.myJoinForm .in .fileTxt{text-align:left;}
.myJoinForm .in .fileTxt p{display:inline-block;vertical-align:top; font-size:20px;color:#999;line-height:150%;padding:5px 10px;}
.myJoinForm .in .fileTxt a{display:inline-block;vertical-align:top;padding:13px 0;}
.myJoinForm .eventJintit{font-size: 28px;color: #535353;font-weight: 400;padding-bottom: 25px;text-align:left;}
.myJoinForm .in .form{display:block; height:auto; overflow:hidden;}
.myJoinForm .in .form .txt strong{display:block;}
.myJoinForm .in .form .txt strong .cate{display:inline-block;vertical-align:top; background:#ff4776;border-radius:50px;font-size:28px;font-weight:700;padding:0 15px;color:#fff;height:50px;line-height:50px;}
.myJoinForm .in .form .txt p {font-size:18px;color:#666;line-height:130%;font-weight:300;overflow:hidden; text-align:left; border:1px solid #999; padding:15px; border-radius:10px; margin-bottom:30px;}
.myJoinForm .in .form .applyFunc{margin-top:20px;}
.myJoinForm .in .form .applyFunc span{display:inline-block;vertical-align:top;margin-right:5px;}
.myJoinForm .in .form .applyFunc span a{display:inline-block; font-size:22px; color:#FFF; font-weight:300; position:relative; border-radius:10px; width:158px;height:58px;line-height:58px;background:#666;margin:0 3px;}
.myJoinForm .btn_more{display:inline-block;vertical-align:top;width:37%;margin-left:0;padding: 20px 0 30px;background: url(../images/bg_btn_more.png) no-repeat center top;background-size: 100% 100%;}
.myJoinForm .btn_more.big {width:50%;}

/* s: jbh 추가 - 더많은동물호보영상보기 버튼 반응형 */
@media only screen and (max-width:720px) {
	.myJoinForm .btn_more.big {min-width: 240px; max-width:100%}
}
@media only screen and (max-width:350px) {
	.myJoinForm .btn_more.big {width:100%; min-width:0; padding-left:10px; padding-right:10px; font-size:14px}
	.myJoinForm .btn_more.big span {font-size:14px}
}
/* e: jbh 추가 */

.myJoinForm span{display: inline-block;text-align:center;font-size:30px;font-weight:700;line-height:130%;color:#fff;letter-spacing:-1px;}

.voteStats {display:block; height:auto; overflow:hidden; border:1px solid #ccc; background:#f5fbff; padding:60px; margin-bottom:10px;}
.voteStats .voteKey {display:block; height:auto; overflow:hidden; padding:0 175px 0 200px; position:relative; height:48px;}
.voteStats .voteKey .key {position:absolute; left:0; top:0; width:200px; height:100%; line-height:1.0; text-align:right; padding-right:18px; border-right:2px solid #666; font-size:18px; color:#333; letter-spacing:-1px; padding-top:14px;}
.voteStats .voteKey .count {position:absolute; right:0; top:50%; transform:translate(0, -50%); text-align:right; font-size:18px; color:#666;}
.voteStats .voteKey .progress {display:block; height:20px; background:#dedede; border-radius:0 10px 10px 0; position:relative; margin-top:14px;}
.voteStats .voteKey .progress .bar {position:absolute; left:0; top:0; height:20px; border-radius:0 10px 10px 0; background:#269de8;}

.selectKey {display:block; height:auto; overflow:hidden; padding:0 60px;}
.selectKey .keyword {display:inline-block; padding:10px 20px; background:#FFF; border:1px dashed #bbb; border-radius:3px; color:#999; font-size:18px; margin-right:10px; margin-bottom:10px; cursor:pointer;}
.selectKey .keyword:hover {background:#295672; border:1px solid #295672; color:#FFF;}
.selectKey .keyword.on {background:#295672; border:1px solid #295672; color:#FFF;}

.myJoin {display:block; height:auto; overflow:hidden; background:#777; padding:40px 20px; position:relative; margin-bottom:30px; border-radius:10px;}
.myJoin .leftCon{float:left;width:50%;position:relative;}
.myJoin .leftCon:after{content:'';display:block;position:absolute;right:0;top:40px;width:1px;height:100px;background:rgba(255,255,255,0.5);}
.myJoin .leftCon h2{text-align:center;font-size:26px;color:#fff;line-height:150%;font-weight:600;margin-bottom:30px;}
.myJoin .leftCon .mySelect{text-align:center;font-size:28px;font-weight:400;letter-spacing:-1px;line-height:54px;color:#fff;}
.myJoin .leftCon .mySelect .motion{display:inline-block;vertical-align:top;background:#c11113;border-radius:50px;font-size:30px;color:#fff;height:54px;line-height:54px;width:240px;font-weight:600;margin-left:10px;}
.myJoin .rightCon{float:left;width:50%;}
.myJoin .rightCon h2{text-align:center;font-size:26px;color:#fff;line-height:150%;font-weight:600;margin-bottom:30px;}
.myJoin .rightCon .shareEnd{text-align:center;font-size:20px;font-weight:400;letter-spacing:-1px;line-height:54px;color:#fff;}
.myJoin .rightCon .shareEnd label{display:inline-block;vertical-align:top;line-height:54px;color:#fff;font-size:28px;font-weight:400;}
.myJoin .rightCon .shareEnd label input[type="checkbox"]{display:none;}
.myJoin .rightCon .shareEnd label input[type="checkbox"] + span{display:inline-block;vertical-align:top;width:35px;height:30px;background:url(../images/ico_chk02.png) no-repeat center top;margin:9px 0 0 0;}
.myJoin .rightCon .shareEnd label input[type="checkbox"]:checked + span{background-position:center bottom;}

.myJoin .applyFunc {position:absolute; right:20px; top:20px; text-align:center;}
.myJoin .applyFunc .txtMenu a {display:inline-block; width:41px; height:41px; text-indent:-99999px; border-radius:50%;}
.myJoin .applyFunc .txtMenu.edit a {background:#3c3335 url(../images/fico_edit_off.png) no-repeat 50% 50%; background-size:100%; margin-right:5px;}
.myJoin .applyFunc .txtMenu.edit a:hover {background:#FFF url(../images/fico_edit_on.png) no-repeat 50% 50%; background-size:100%;}
.myJoin .applyFunc .txtMenu.del a {background:#3c3335 url(../images/fico_del_off.png) no-repeat 50% 50%; background-size:100%;}
.myJoin .applyFunc .txtMenu.del a:hover {background:#FFF url(../images/fico_del_on.png) no-repeat 50% 50%; background-size:100%;}

.myJoin .myApplySec {display:block; height:auto; overflow:hidden;}
.myJoin .myApplySec .myApplyCon {display:block; height:auto; overflow:hidden;}
.myJoin .myApplySec .myApplyCon .maTitle {text-align:center; padding:5px 0 10px 0;}
.myJoin .myApplySec .myApplyCon .myCon {display:block; height:170px; overflow:hidden; overflow-y:auto; background:#FFF; padding:15px; font-size:18px; line-height:1.4;}

.applyForm {clear:both; height:auto; overflow:hidden; margin-bottom:40px;padding-bottom:6px;}
.applyForm .applyCon {}
.applyForm .applyTitle {color:#333; font-size:20px; margin-bottom:15px; padding-left:0; position:relative;line-height:140%;}
.applyForm .applyTitle em {display:block; font-size:16px; color:#f31313;}
.applyForm .applyTitle em.smEm {font-size:16px; margin-left:10px;}

.applyForm .applyTitle.head {font-size:24px;margin-bottom:30px;}
.applyForm .applyTitle.head em {color:#833908; font-weight:500;}
.applyForm .applyTitle.head:after {display:none;}

.applyForm .classChk{margin-bottom:20px;}
.applyForm .classChk ul{overflow:hidden;margin-left:-1%}
.applyForm .classChk ul li{float:left;width:13.28%;margin-left:1%;}
.applyForm .classChk ul li label{display:block;}
.applyForm .classChk ul li label input[type="radio"]{display:none;}
.applyForm .classChk ul li label input[type="radio"] + span{display:block;font-size:20px;color:#777;line-height:50px;height:50px;background:#e8e1d5;text-align:center;border-radius:50px;}
.applyForm .classChk ul li label input[type="radio"]:checked + span{background:#c11113;color:#fff;}

.applyForm .applyTxt {display:block; height:auto; overflow:hidden; padding-left:0px; position:relative;}
.applyForm .applyTxt .apTitle {position:absolute; left:0; top:0; width:210px; height:40px; line-height:40px; font-size:20px; color:#666; padding-left:35px;}
.applyForm .applyTxt .apTitle.good {background:url(../images/ico_good.png) no-repeat 10px 10px; background-size:20px 20px;}
.applyForm .applyTxt .apTitle.improve {background:url(../images/ico_improve.png) no-repeat 10px 10px; background-size:20px 20px;}
.applyForm .applyTxt .apTitle em {font-size:15px; letter-spacing:0; margin-left:5px;}

.applyForm textarea {display:block; height:120px; border:1px solid #ccc; padding:10px; box-sizing:border-box; background:#FFF; margin-bottom:0px;}
.applyForm .limitTxt {padding:10px 0; text-align:right; font-size:14px; color:#333; letter-spacing:0;}
.applyForm .shareForm {display:block; height:auto; overflow:hidden; padding:0; margin-top:20px;}
.applyForm .shareForm li {display:block; height:auto; position:relative; padding-left:240px; margin-bottom:20px;}
.applyForm .shareForm li:last-child {margin-bottom:0;}
.applyForm .shareForm li em {position:absolute; left:0; top:0; height:40px; line-height:40px; font-size:20px; color:#555;}
.applyForm .shareForm li em span{font-size:14px;color:#333;}
.applyForm .shareForm li input[type="text"] {display:block; height:40px; line-height:38px; width:100%; border:1px solid #bbb; box-sizing:border-box;font-size:14px;padding-left:10px;}
.applyForm .shareForm li .uploadImg {display:inline-block; padding:6px 14px 8px 14px; background:#285a6e; font-size:14px; border-radius:25px; color:#FFF; margin-top:10px; cursor:pointer;}
.applyForm .btnArea {clear:both; display:block; height:auto; margin-top:40px; text-align:center;}
.applyForm .btnArea > span a{margin:0 2%;}

.filebox input[type="file"] { position: absolute; width: 0; height: 0; padding: 0; overflow: hidden; border: 0;}
.filebox label {display: inline-block; padding:0;width:175px; height:59px; line-height:59px; color: #FFF; font-size:20px; vertical-align: middle; background:#666; cursor: pointer; border: 1px solid #666;border-radius:10px;}
.filebox .upload-name {display: inline-block; color:#ccc; height: 59px; font-size:20px; padding: 0 10px; vertical-align: middle; background-color: #FFF; border: 1px solid #bbb; width:calc(100% - 188px);border-radius:10px;margin-right:10px;}
.filebox .cauTxt {text-align:left; font-size:14px; color:#FFF; opacity:0.5; margin-top:15px; letter-spacing:0;}

.eventCauSec {display:block; height:auto; overflow:hidden; background:#ffe4e0;}
.eventCauSec .innerCon {padding:70px 0 55px 0;}

.eventMemBox {display:block; height:auto; overflow:hidden;}
.eventMemBox a {display:block;}
.eventMemBox .eventMem {display:block; background:#0caeca; border-radius:10px; position:relative; padding:0 60px 0 96px;}
.eventMemBox .eventMem:after {content:''; clear:both; height:auto; overflow:hidden; display:block;}
.eventMemBox .eventMem .meTxt {float:left; height:auto; overflow:hidden; padding:28px 0 30px 0;}
.eventMemBox .eventMem .meTxt .meTitle {color:#333; font-size:26px; line-height:38px; margin-bottom:20px;}
.eventMemBox .eventMem .meTxt .meTitle em {color:#FFF;}
.eventMemBox .eventMem .meTxt li {display:block; height:auto; overflow:hidden; position:relative; color:#FFF; font-size:20px; line-height:28px; padding-left:12px;}
.eventMemBox .eventMem .meTxt li:after {content:''; position:absolute; left:0; top:10px; width:5px; height:5px; background:#FFF; border-radius:50%;}
.eventMemBox .eventMem .meImg {position:absolute; right:220px; bottom:0; z-index:1;}
.eventMemBox .eventMem .goRegi {float:right; position:relative; z-index:10; padding:50px 0px 0 0;}
.eventMemBox .eventMem .goRegi .grTxt {display:block; text-align:center; color:#333; font-size:22px; font-weight:500; line-height:26px; margin-bottom:10px;}
.eventMemBox .eventMem .goRegi .goBtn {display:block; text-align:center;}

.cauCon {display:block; height:auto; overflow:hidden;}
.cauCon .title {color:#635038; font-size:26px; font-weight:500; margin-bottom:30px;}
.cauCon .title:before {content:''; display:inline-block; width:23px; height:23px; background:url(../images/ico_cau.png) no-repeat 50% 50%; background-size:100%; margin-right:10px; vertical-align:0;}
.cauCon .cauBox {display:block; height:auto; overflow:hidden; margin-bottom:30px; padding-left:15px;}
.cauCon .cauBox .caTitle {color:#635038; font-size:20px; padding-left:0px; position:relative; font-weight:500; margin-bottom:10px;}
/* .cauCon .cauBox .caTitle:after {content:''; position:absolute; left:0; top:7px; width:7px; height:7px; background:#a2a2a2; border-radius:50%;} */
.cauCon .cauBox li {display:block; height:auto; overflow:hidden; padding:2px 0 2px 35px; font-size:20px; position:relative; color:#635038; line-height:1.3;font-weight:300;}
.cauCon .cauBox li a {color:#006ba9; font-weight:500;}
.cauCon .cauBox li:after {content:''; position:absolute; left:20px; top:15px; width:5px; height:1px; background:#635038;}
.cauCon .cauBox li em {color:#157fc3;}
.cauCon .cauBox li.cauMidTitle {color:#FFF; font-size:18px; margin-bottom:5px; padding-left:15px;}
.cauCon .cauBox li.cauMidTitle.device {margin-top:15px;}
.cauCon .cauBox li.cauMidTitle:after {background:none;}
.cauCon .cauBox li.cau {color:#FFF; line-height:1.4; padding:4px 0 4px 57px;}
.cauCon .cauBox li.cau:after {content:'※'; position:absolute; left:34px; top:4px; width:40px; height:40px; background:none;}

.reviewConSec {display:block; height:auto; overflow:hidden; background:#fbe5cb;}
.reviewConSec .innerCon {padding:50px 0;}
.reviewConSec .revTitle  {display:block; height:auto; overflow:hidden; margin:0 auto 20px; max-width:1200px; font-size:34px; color:#333; margin-bottom:15px;background:url(../images/ico_bul02.png) no-repeat 25px center;padding-left:60px;font-weight:500;}
.reviewConSec .revTitle em {font-weight:400; color:#666;font-size:24px;}
.reviewList {padding:35px 60px;background:#fff;border-radius:20px;border:2px solid #e6cac4;box-sizing:border-box;}
.reviewList.noList {background:none; border:0; padding-top:80px;}
.reviewList .reviewBox {display:block; height:auto; overflow:hidden; padding:0 0 0 0; position:relative; margin-bottom:25px; border-top:1px solid #c2c2c2;}
.reviewList .reviewBox:first-child{border-top:0;}
.reviewList .reviewBox .writer {display:block; height:auto; padding:25px 0 5px 0; font-size:16px; margin-bottom:10px;}
.reviewList .reviewBox .writer span {display:inline-block; padding-right:13px; margin-right:8px; position:relative; letter-spacing:0;}
.reviewList .reviewBox .writer span:after {content:''; position:absolute; right:0; top:50%; transform:translate(0, -50%); width:1px; height:80%; background:#999;}
.reviewList .reviewBox .writer span:last-child:after {background:none;}
.reviewList .reviewBox .writer .teacher, .reviewSec .reviewList .reviewBox .writer .rvDate {color:#333;}
.reviewList .reviewBox .writer .teaId {color:#333;}
.reviewList .reviewBox .reviewCon {display:block; height:auto; overflow:hidden; box-sizing:border-box; position:relative; word-break:break-all;}
.reviewList .reviewBox .reviewCon .conBox {color:#333; font-size:16px; line-height:22px;margin-top:10px; word-break:break-all;}

.reviewList .reviewBox .reviewCon .bkSubject {display:inline-block; padding:10px 20px; background:#295672; border:1px solid #295672; color:#FFF; border-radius:3px; font-size:18px; margin-bottom:10px; cursor:pointer;}
.reviewList .reviewBox .shareComp {display:inline-block; padding:6px 14px 8px 14px; background:#18996d; font-size:14px; border-radius:25px; color:#FFF; margin-top:15px;}

.eventBnrSec {clear:both; display:block; height:auto; overflow:hidden;width:100%; padding:0;background:#8d79ee;text-align:center;}
.eventBnrSec.share {margin:0 auto 50px;}

.otherBnr {display:block; height:auto; overflow:hidden; margin:0px 0 40px 0;}
.otherBnr li {float:left; width:32%; height:auto; overflow:hidden; margin-right:2%;}
.otherBnr li img {width:100%; max-width:auto;}
.otherBnr li:last-child {margin-right:0;}

.revConBox {display:block; height:auto; overflow:hidden; margin-bottom:15px; padding-bottom:15px; border-bottom:1px dashed #dadada;}
.revConBox:last-child {margin-bottom:0; padding-bottom:0; border-bottom:0;}
.revConBox .revTitle {font-size:16px; color:#888;}
.revConBox .selectMotion{background:#c11113;width:135px;height:40px;line-height:40px;text-align:center;color:#fff;font-weight:500;font-size:18px;border-radius:50px;}

.btn a {display:inline-block; padding:15px 30px; font-size:24px; color:#FFF; font-weight:500; position:relative; border-radius:3px;}
.btn.share a {background:url(../images/btn_share.png) no-repeat 50% 50%; width:700px; height:87px; opacity:1.0; transition:.4s all; padding:0; text-indent:-9999px;}
.btn.share a:hover {opacity:1.0;}
.btn.download a {background:#285a6e; width:100%; max-width:300px; transition:.4s all;}
.btn.download a:hover {background:#31d0aa;}
.btn.download a:after {content:''; position:absolute; right:30px; top:50%; transform:translate(0, -50%); width:23px; height:23px; background:url(../images/ico_download.png) no-repeat 50% 50%; background-size:100%;}
.btn.apply a {position:absolute; right:0; top:50%; transform:translate(0, -50%); background:#285a6e; width:100%; max-width:200px; transition:.4s all;}
.btn.apply a:hover {background:#31d0aa;}
.btn.apply a:after {content:''; position:absolute; right:30px; top:50%; transform:translate(0, -50%); width:23px; height:23px; background:url(../images/ico_download.png) no-repeat 50% 50%; background-size:100%;}
.btn.cancel a {background:#999; width:100%; max-width:150px; transition:.4s all; font-size:18px; font-weight:400; border-radius:50px; padding:18px 0px; margin:0 5px !important; text-align:center;}
.btn.confirm a {background:#555; width:100%; max-width:150px; transition:.4s all; font-size:18px; font-weight:400; border-radius:50px; padding:18px 0px; margin:0 5px !important; text-align:center;}

button.btnS {display:inline-block; padding:15px 30px !important; font-size:18px; color:#FFF; font-weight:500; position:relative; border-radius:40px; /*margin-top:-40px;*/ width:auto !important;}
button.btnS.edit {background:#285a6e;}
button.btnS.cancel {background:#999;}

.pagingWrap {display:block; height:auto; overflow:hidden; text-align:center; margin-top:70px;}
.paging{display:inline-block; width:auto; height:auto;}
.paging .btn {float:left;}
.paging .btn a{float:left; background:#fff; padding:0;}
.paging .num{float:left; vertical-align:top;padding:0 40px;}
.paging .num a{display:inline-block;vertical-align:top;line-height:33px;font-size:16px;color:#666;margin:0 8px;}
.paging .num a:hover{text-decoration:underline;color:#5c328f;text-underline-position: under;}
.paging .num strong{font-weight:400;display:inline-block;vertical-align:top;line-height:33px;font-size:16px;margin:0 8px;text-decoration:underline;color:#5c328f;text-underline-position: under;}


.imgPopWrap {position:fixed; left:50%; top:50%; transform:translate(-50%, -50%); width:auto; max-width:900px; height:auto; max-height:90%; background:#fffefa; z-index:11000; display:none; overflow:hidden;}

.imgPopWrap .closeImg {top: 15px;right: 15px;position: fixed;background: #fffefa; cursor:pointer; width:40px; height:40px; z-index:100;}
.imgPopWrap .closeImg::before {content: '';position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%) rotate(45deg);width: 29px;height: 3px;background: #00cbb4}
.imgPopWrap .closeImg::after {content: '';position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%) rotate(-45deg);width: 29px;height: 3px;background: #00cbb4}
.imgPopWrap .popImg {display:block; height:auto; overflow:hidden;}
.imgPopWrap .popImg img {max-width:100%; padding:40px;}

/*  ********** popup ********** */
input[type="text"],
input[type="number"] { padding:0 20px; height:50px; width:100%; border:1px solid #e6e6e6; box-sizing:border-box; position:relative;}
input[type="text"]:read-only { background-color:#f1f8f8; }
::placeholder { color:#999; font-weight:300; }
.btn-address {position: absolute; top: 0px; right: 0px; width: 120px; height: 50px; line-height: 50px; font-size: 16px;text-align: center; background:#00cbb4; color:#FFF;}
.input_chk { display:inline-block; }
.input_chk input { display:none; }
.input_chk label { position:relative; padding:2px 0 2px 40px; font-size:18px; }
.input_chk label:before { content:""; position:absolute; left:0px; top:0px; display:inline-block; width:30px; height:30px; background:#ddd url('../images/input_chk.png') center 9px no-repeat; border-radius:100%; }
.input_chk label strong { font-weight:400; }
.input_chk input:checked + label:before { background:#00cbb4 url('../images/input_chk.png') center 9px no-repeat; }
.input_chk label.on:before { background:#00cbb4 url('../images/input_chk.png') center 9px no-repeat; }

.addrAgreeTxt {clear:both; display:block; margin-top:20px;}

.bg_layer { z-index:-1; position:fixed; top:0px; left:0px; right:0; bottom:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.3); }
.popDim {position:fixed; left:0; top:0; right:0; bottom:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.3); display:none; z-index:10;}
.pop_wrap { z-index:2000; display:none; position:fixed; top:50%; left:50%; transform:translate(-50%, -50%); width:90%; max-width:640px; height:auto; max-height:90%; background-color:#fff; font-size:18px; color:#222; overflow:hidden; overflow-y:auto;}

.pop_wrap h1 { height:65px; line-height:63px; text-align:center; border-bottom:2px solid #00cbb4; background-color:#fff; color:#00cbb4; font-size:24px;}
.pop_wrap h1 img { display:inline-block; vertical-align:middle; }
.pop_wrap h2 { margin-bottom:20px; font-size:20px; color:#00cbb4; font-weight:500; }

.pop_wrap .subDim {position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.3); z-index:51; display:none;}

.pop_wrap .pop_con { padding:30px 30px 50px; background-color:#fff; }
.pop_wrap .pop_con.short {padding:0 30px 40px;}
.pop_wrap .pop_con p.txt_center { line-height:1.5; text-align:center;}

/* popup form list */
.pop_wrap .pop_con .info_list li { position:relative; margin-top:20px; padding-left:120px; }
.pop_wrap .pop_con .info_list li:first-child { margin-top:30px; }
.pop_wrap .pop_con .info_list li.alone { padding-left:0px; }
.pop_wrap .pop_con .info_list li.input_btn { padding-right:120px; }
.pop_wrap .pop_con .info_list li.input_btn .btn { position:absolute; top:0px; right:0px; width:120px; height:50px; line-height:50px; font-size:16px; text-align:center; }

.pop_wrap .pop_con .tit { position:absolute; left:0px; display:inline-block; width:120px; height:50px; line-height:50px; font-size:18px; font-weight:500; }
.pop_wrap .pop_con .event_color.gift { display:inline-block; font-weight:400; }
.pop_wrap .pop_con .info_list li .sub_txt { position:absolute; bottom:-30px; left:125px; color:#fbb146; font-size:14px;}

/* popup agree list */
.pop_wrap .pop_con .agree_list li { margin-top:25px; }
.pop_wrap .pop_con .agree_list li.all_agree .event_color { font-size:20px; font-weight:600; }
.pop_wrap .pop_con .agree_list .agree_con { overflow-y:scroll; margin-top:15px; padding:20px; height:160px; font-size:14px; color:#555; line-height:1.5; border:1px solid #e6e6e6; }
.pop_wrap .pop_con .agree_list .agree_con strong { display:block; margin-top:30px; }

/* popup notice */
.pop_wrap .notice_area {padding:30px; background-color:#f1f8f8; }
.pop_wrap .notice_area dt { margin-bottom:10px; font-weight:400; color:#333; }
.pop_wrap .notice_area dd { margin-top:5px; font-size:14px; color:#999; position:relative; padding-left:13px; box-sizing:border-box; line-height:1.3;}
.pop_wrap .notice_area dd:after {content:''; position:absolute; left:3px; top:6px; width:3px; height:3px; background:#999;}

.pop_con .box-notice {margin-top: 25px}
.pop_con .box-notice dt {padding-left: 20px;position: relative;font-size: 15px;margin-bottom: 13px}
.pop_con .box-notice dt:before {content: '';position: absolute;top: 50%;left: 0;transform: translateY(-50%);width: 10px;height: 6px;background: url(../images/common/ico/ico_tit02.png) no-repeat center}
.pop_con .box-notice dd {padding-left: 15px;font-size: 15px;font-weight: 300;color: #333}
.pop_con .box-notice dd .ex-txt {padding-left: 10px;color: #777;line-height: 30px}
.pop_con .box-result {margin-top: 40px}
.pop_con .result-list {margin-bottom: 35px;padding: 25px 0;border-width: 1px 0 1px 0;border-style: solid;border-color: #ccc}
.pop_con .result-list li + li {margin-top: 25px}
.pop_con .result-list li a {position: relative;padding-left: 50px;font-size: 15px;font-weight: 300}
.pop_con .result-list li a:hover {text-decoration: underline}
.pop_con .result-list li .num-addr {position: absolute;left: 0;top: 0;color: #00cbb4;font-weight: 400}
.num-addr {position: absolute;left: 0;top: 0;color: #00cbb4;font-weight: 400}
#address-search-area td a {padding-left:50px; position:relative; line-height:1.3; font-weight:300;}

/* popup btn bottom group */
.pop_wrap .btn_group { overflow:hidden; margin:0px; }
.btn_group.col2 .btn { float:left; width:50%; }
.pop_wrap .btn_group .btn { display:block; height:60px; line-height:60px; font-size:22px; text-align:center; }
.btn.gray { background-color:#ccc; color:#fff; }
.btn.color { background-color:#00cbb4; color:#fff; }

/* popup table */
.pop_wrap .bbs_info { margin-top:30px; font-size:16px; border-top:2px solid #e6e6e6; }
.pop_wrap .bbs_info.scoll { overflow-y:scroll; margin-top:0px; height:295px; border-top:0px; border-bottom:1px solid #e6e6e6; }
.pop_wrap .bbs_info.scoll.delivery {margin-top:20px; height:250px; border-top:1px solid #e6e6e6; }
.pop_wrap .bbs_info thead th { height:48px; color:#555; font-weight:400; border:1px solid #e6e6e6; border-width:0 0 1px 1px; background-color:#ebf2f2 }
.pop_wrap .bbs_info tbody td { padding:15px 17px; color:#555; font-weight:400; border:1px solid #e6e6e6; border-width:0 0 1px 1px; }
.pop_wrap .bbs_info thead th:first-child,
.pop_wrap .bbs_info tbody td:first-child { border-left:0px; }
.pop_wrap .bbs_info tbody td a { color:#555; font-weight:400; }

/* popup close btn */
.pop_wrap .pop_close { position:absolute; top:18px; right:20px; }

.privacySec {display:block; height:auto; overflow:hidden; margin-top:30px;}
.privacySec .agreeTxt {clear:both; display:block; height:auto; overflow:hidden; line-height:40px; height:40px; margin-bottom:10px; padding:5px 0;}
.privacySec .privacyTable {display:block; height:auto; overflow:hidden;}
.privacySec .privacyTable table {padding:0; margin:0; width:100%; table-layout:fixed;}
.privacySec .privacyTable th, .privacySec .privacyTable td {border:1px solid #dedede; font-size:14px; color:#333; padding:20px 10px; text-align:left;}
.privacySec .privacyTable th {background:#f1faf9; text-align:center;}
.privacySec .privacyTable td {line-height:1.3;}
.privacySec .privacyTable th:first-child {border-left:0;}
.privacySec .privacyTable td:last-child {border-right:0;}
.privacySec .privacyTable .privacyCau {padding-top:10px; color:#666; font-size:13px; line-height:1.3;}

/*jquery Alert */
.jconfirm .jconfirm-box div.jconfirm-content-pane .jconfirm-content { font-size:14px; }

/* share pop */
.lay-pop {position: fixed;top: 0;left: 0;display: none;z-index: 9999;background: rgba(0,0,0,0.4);width: 100%;height: 100%; z-index:100; display:none;}
.pop-wrap {position: fixed;top: 50%;left: 50%;transform: translate(-50%,-50%);background: #fff; max-width:360px; width:100%; border-top: 5px solid #00cbb4; z-index:1000; display:none;}
.pop-wrap .pop-close {position: absolute;top: 30px;right: 25px;width: 25px;height: 22px;overflow: hidden;text-indent: -9999px;background: url(../images/ico_close.png) no-repeat center}
.pop-wrap .pop-cnt {padding:20px 30px 20px; display:block; height:auto; overflow:hidden; margin-bottom:30px;}
.pop-wrap .pop-tit {font-size: 25px;font-weight: 500;text-align: center;margin:40px 0 30px 0;line-height: 30px;word-break: keep-all}
.sns_share { overflow:hidden; width:100%; }
.sns_share li { float:left; width:20%; text-align:center; }
.copy_url { position:relative; margin-top:30px; padding-right:80px; }
.copy_url .copy_txt { display:inline-block; width:100%; padding:0 10px; border:1px solid #d9d9d9; height:45px; }
.copy_url .copy_txt input { display:inline-block; height:43px; width:100%; color:#a7a7a7; font-size:14px; border:0px; box-shadow:none; }
.copy_url a { position:absolute; top:0px; right:0px; display:inline-block; width:80px; height:45px; line-height:45px; font-size:14px; color:#fff; text-align:center; background-color:#00cbb4; }

.forDesk {display:block;}
.forMo {display:none;}

.nLoading {position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.5); z-index:10000; display:none;}
.nLoading img {position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:50px; height:50px;}

.no-select-img {display:flex; align-items:center; justify-content:center; height:188px; margin-top:12px; border-radius:10px; border:1px dashed #ccc; text-align:center; font-size:14px; color:#aaa;}

/* 220720 추가 */
.questionSec{background: url(../images/bg_questionSec.jpg) no-repeat center top;margin: 110px 0;}
.questionSec .innerCon{overflow: hidden;padding: 85px 60px;}
.questionSec .txtCon{float: left;width: 50%;}
.questionSec .txtCon .txt{}
.questionSec .txtCon .txt p{color:#111;line-height:150%;font-size:24px;}
.questionSec .txtCon .txt p em{font-family:'InkLipquid';font-size:70px;color:#111;}
.questionSec .txtCon .txt p span{display:block;font-size:18px;color:#313131;line-height:150%;margin-top:15px;}
.questionSec .txtCon .txt p i{font-style:normal;background: url(../images/bg_waveline.png) no-repeat left bottom -2px;}
.questionSec .txtCon .txt a{display: inline-block;margin-top: 35px;margin-left:-25px;}
.questionSec .serviceCon{float: right;width: 45%;margin-left: 5%;text-align: center;}
.questionSec .serviceCon .img{padding-bottom: 15px;}
.questionSec .serviceCon a{display: inline-block;font-size: 18px;color: #fff;background: #a2a2a2;border-radius: 20px;padding: 5px 15px;}

.eventSec {position: relative;}
.eventSec .participant{position: absolute;right:100px;top:0;background: url(../images/221122/bg_participant01.png) no-repeat center top;width: 196px;height: 173px;text-align: center;z-index: 100;}
.eventSec .participant .in{padding-left:30px;padding-top:57px;}
.eventSec .participant .in span{display: block;font-size: 18px;color: #132940;margin-bottom: 10px;line-height: 120%;}
.eventSec .participant .in p{display: inline-block;font-size: 18px;color: #132940;font-weight: 500;padding: 0 20px;line-height: 1.5;}
.eventSec .participant .in p strong{display: inline-block;font-size: 32px;color: #132940;font-weight: 600;}

/* 설문조사 팝업 */
.pop_question{display: none;position: fixed;left: 0;top: 0;right: 0;bottom: 0;background: rgba(0,0,0,0.5);z-index: 100;text-align:center;}
.pop_question:before{content:'';display:inline-block;width:1px;height:100%;margin-left:-4px;vertical-align: middle;}
.pop_question .in{display:inline-block;vertical-align: middle; background: url(../images/bg_pop_question.png) no-repeat center top;max-width:730px;z-index: 100;margin: 0 auto;width:90%;position:relative;height:auto;max-height:98%;overflow-y:auto;padding:30px 2%;box-sizing:border-box;}

.pop_question .in em{display: inline-block;background: url(../images/bg_waveline.png) no-repeat left bottom -2px;font-weight: inherit;line-height: 1.7;}
.pop_question .pop_close{position: absolute;left:50%;top:2%;margin-left:375px;}
.pop_question .participant{position: absolute;right:10px;top: 0;width: 120px;height: 130px;background: url(../images/bg_participant02.png) no-repeat center top;padding: 20px 0;text-align: center;background-size:cover;}
.pop_question .participant span{display: block;font-size:18px;color: #000455;margin-bottom: 10px;}
.pop_question .participant p{display: inline-block;font-size: 18px;color: #777;font-weight: 500;background: #fff;border-radius: 30px;padding:5px 15px;line-height: 1.5;}
.pop_question .participant p strong{display: inline-block;font-size: 25px;color: #333;font-weight: 600;}
.pop_question .pop_tit{padding-bottom:30px;}
.pop_question .pop_tit h2{font-size:28px;color: #000456;font-weight: 600;text-align: left;}
.pop_question .pop_cont{}
.pop_question .pop_cont .list{margin-bottom:0;}
.pop_question .pop_cont .list ul{overflow:hidden;margin-left: -2%;}
.pop_question .pop_cont .list ul li{float:left;width:48%;margin-left: 2%;margin-bottom:3%;}
.pop_question .pop_cont .list ul li a{display:block;text-align: center;}
.pop_question .pop_cont .list ul li a .img{background-repeat:no-repeat;background-position:center top;background-size:auto 270px;width:300px;height:270px;text-indent:-9999px;overflow:hidden;margin:0 auto 20px auto;}
.pop_question .pop_cont .list ul li a .txt{text-align:center;}
.pop_question .pop_cont .list ul li a .txt p{font-size:18px;color:#666;line-height:150%;font-weight:500;}
.pop_question .pop_cont .list ul li a .txt strong{display:block;font-size:28px;color:#333;line-height:150%;font-weight:500;}
.pop_question .pop_cont .list ul li a .txt strong em{color:#333}
.pop_question .pop_cont .list ul li a.img_eventJoin01 .img{background-image:url(../images/img_eventJoin01.png)}
.pop_question .pop_cont .list ul li a.img_eventJoin02 .img{background-image:url(../images/img_eventJoin02.png)}
.pop_question .pop_cont .list ul li a.img_eventJoin03 .img{background-image:url(../images/img_eventJoin03.png)}
.pop_question .pop_cont .list ul li a.img_eventJoin04 .img{background-image:url(../images/img_eventJoin04.png)}
.pop_question .pop_cont .list ul li a.img_eventJoin01.on .img{background-image:url(../images/img_eventJoin01_ov.png)}
.pop_question .pop_cont .list ul li a.img_eventJoin02.on .img{background-image:url(../images/img_eventJoin02_ov.png)}
.pop_question .pop_cont .list ul li a.img_eventJoin03.on .img{background-image:url(../images/img_eventJoin03_ov.png)}
.pop_question .pop_cont .list ul li a.img_eventJoin04.on .img{background-image:url(../images/img_eventJoin04_ov.png)}
.pop_question .pop_cont .list ul li a.on .txt strong em{color:#333}
.pop_question .pop_cont .list ul li a.on .txt p{color: #333;}
.pop_question .pop_cont .textarea{display: none;height:120px;position:relative;border:1px solid #999;margin-bottom: 5%;background: #fff;border-radius: 15px;}
.pop_question .pop_cont .textarea textarea{padding:20px;width:100%;height:100%;border:0;box-sizing:border-box;border-radius: 20px;}
.pop_question .pop_cont .textarea .count{position:absolute;right:15px;bottom:15px;color:#999;font-size:18px;letter-spacing:0}
.pop_question .pop_cont .btn_wrap{text-align: center;margin-bottom: 0;}
.pop_question .pop_cont .btn_wrap a{display: inline-block;background: url(../images/btn_pop_question.png) no-repeat center top;font-size: 22px;color: #313131;font-weight: 600;padding: 0 35px;height: 63px;line-height:58px;background-size:100% auto;}

/* 230104 */
.eventStepSec h3{text-align:center;margin-bottom:30px;}
.eventStepSec .innerCon{padding-top:100px;}
.eventStepSec .info_txt{text-align:center;margin-bottom:80px;}
.eventStepSec .info_txt ul li{font-size:24px;color:#444;line-height:150%;}
.eventStepSec .info_txt ul li:before{content:'';display:inline-block;vertical-align:top;width:21px;height:15px;background:url(../images/230104/ico_chk.png) no-repeat center center;margin:10px 3px 0 0}
.eventStepSec .info_txt ul li span{background:url(../images/230104/bg_underline.png) repeat-x left center;padding:0 7px;}
.eventStepSec .process_step{text-align:center;}
.eventStepSec .process_step > ul > li > .step{display:inline-block;background:#7c64f6;color:#fff;font-size:25px;border-radius:50px;width:120px;height:44px;line-height:44px;text-align:center;margin-bottom:15px;}
.eventStepSec .process_step > ul > li > h4{font-size:32px;color:#7c64f6;font-weight:600;margin-bottom:35px;}
.eventStepSec .process_step > ul > li > h4 img{margin:6px 3px 0 3px;}
.eventStepSec .process_step > ul > li > .img_area{border:1px solid #9f8df8;border-radius:25px;padding:35px 44px 60px 44px;box-sizing:border-box;margin-bottom:30px;}
.eventStepSec .process_step > ul > li > .img_area img{width:100%;max-width:1109px;}
.eventStepSec .process_step > ul > li > .tab_info{max-width:1109px;margin:0 auto;text-align:left;}
.eventStepSec .process_step > ul > li > .tab_info ul li{margin-bottom:35px;}
.eventStepSec .process_step > ul > li > .tab_info ul li h5{font-size:24px;color:#999;line-height:36px;font-weight:500;letter-spacing:-1px;background:url(../images/230104/ico_exclamation.png) no-repeat left top;padding-left:46px;}
.eventStepSec .btn_join{margin:80px 0 30px 0;text-align:center;}


@media only screen and (max-width:1440px) {
	.playgroundSec .playgroundBox .tabArea{width:auto;}
	.playgroundSec .playgroundBox .tabArea ul li{float:left;display:block;width:13.5%;margin-left:0;}
	.playgroundSec .playgroundBox .tabArea ul li:nth-child(3){width:8%}
	.playgroundSec .playgroundBox .tabArea ul li:nth-child(4){width:16%}
	.playgroundSec .playgroundBox .tabArea ul li:nth-child(5){width:16%}
	.playgroundSec .playgroundBox .tabArea ul li:nth-child(6){width:19%}
	.playgroundSec .playgroundBox .tabArea ul li a{padding:0;}
    
    .headWrap .headVisual .introTitle img{height: 80px;}
    .headWrap .headVisual .introTitle img:first-child{margin-right: 0;}
    .headWrap .headVisual .headCopy{font-size: 25px;padding:0 15px;}
    .headWrap .headVisual .headCopy strong{font-size: 25px;}
    .headWrap .headVisual .headCopy strong em{font-size: 25px;}
    .eventJoin .applyTitle{font-size: 20px;}
    .eventJoin .eventJoinForm .form span{font-size:20px;}
	.myJoinForm span{font-size:20px;}
    .headWrap .headVisual h2{padding:0 15px;}
    .pop_question .in{max-width:700px;}
    .pop_question .pop_close{margin-left:360px;}
    .pop_question .pop_tit h2{font-size:28px;}
    .pop_question .pop_cont .list ul li a .txt p{font-size:18px;}
    .pop_question .pop_cont .list ul li a .img{width:250px;height:0;padding-bottom:83%;background-size:cover;}
}

@media only screen and (max-width:1024px) {
	.mainVod {padding:0; background:none;}
    .forDesk .main-wrap{display: none;}
    #mo-footer{margin-top: 0;}
    #mo-footer .mo-ft-top{padding-top: 0;}
    
    .questionSec{margin: 55px 0;background-size: cover;}
    .questionSec .txtCon{float: none;width: 100%;margin-bottom: 50px;text-align: center;}
    .questionSec .serviceCon{float: none;width: 100%;margin-left: 0;}
    .eventJoin .eventJoinForm .eventJintit{font-size: 22px;}
    .eventJoin .eventJoinForm .form span{font-size: 20px;}
    
    .headWrap .headVisual{padding-top: 50px;}
    .headWrap .headVisual h2{margin-bottom: 20px;}
    .headWrap .headVisual .introTitle{margin-bottom: 35px;}
    .headWrap .headVisual .introTitle img{height: 65px;}
    .eventSec .innerCon{margin: 0 15px;}
    .eventSec .eventTitle{background-size: 22% auto;}
    .eventSec .eventInfo{padding: 20px;}
    .eventSec .eventInfo .eventInfoBox ul li .tit{font-size: 20px;width: 155px;}
    .eventSec .eventInfo .eventInfoBox ul li .txt{font-size: 20px;margin-left: 155px;}
    .presentSec .innerCon{margin: 0 15px 200px;}
    .presentSec .txt span{font-size: 25px;}
    .eventTitle{font-size: 30px;}
    .eventJoin{}
    .eventJoinSec .eventTitle{background-size: 22% auto;}
    
    
    .eventJoinSec .participant{right: 15px;width: 120px;height: 120px;background-size: 120px 120px;}
    .eventJoinSec .participant .in span{font-size: 16px;}
    .eventJoinSec .participant .in p strong{font-size: 20px;}
    .eventJoinSec .participant .in p{font-size: 16px;padding: 5px 10px;}
    .pop_question .in{max-width:700px;margin-right:50px;}
    .pop_question .pop_tit{padding-bottom:40px;}
    .pop_question .pop_tit h2{font-size:20px;}
    .pop_question .pop_close{left:auto;right:20px; top:20px;}
    .pop_question .pop_close img{height:25px;}
    .pop_question .pop_cont .list ul li a .img{width:auto;padding-bottom:93%;}
    .pop_question .pop_cont .btn_wrap a{height:55px;line-height:50px;font-size:18px;background-size:100% auto;}
    .pop_question .participant{width:95px;height:105px;right:10px;background-size:100% auto;padding-top:15px;}
    .pop_question .participant span{font-size:14px;}
    .pop_question .participant p{font-size:14px;padding:5px 10px;}
    .pop_question .participant p strong{font-size:20px;}
    .questionSec .txtCon .txt a{margin-left:0;}
    
    .eventJoin .applyTitle span{font-size: 26px;}
    .headWrap .headVisual h2 p{padding: 40px 0;}
    .headWrap .headVisual h2 p span{font-size: 24px;}
}

@media only screen and (min-width:721px) {
	.bkCompare li:nth-child(2n) {margin-right:0;}
	/* .eventSec .eventInfo .eventInfoBox ul li .txt br {display:none;} */
}

@media only screen and (max-width:720px) {
	.forDesk {display:none !important;}
	.forMo {display:block;}
	.bg_layer { z-index:50; position:fixed; top:0; left:0; width:100%; height:100%; background:#000; opacity:0.3; }
	.arRightBtn {position:absolute; right:0; top:10px; width:80px; height:60px; z-index:10; display:block; 
		/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+51,ffffff+100&0+0,1+51,1+100 */
		background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 51%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 51%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 51%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
	}
	.arRightBtn:after {content:''; position:absolute; right:13px; top:25px; width:9px; height:17px; background:url(../images/ar_main_right.png) no-repeat 50% 50%; background-size:100%;}

	.arLeftBtn {position:absolute; left:0; top:10px; width:80px; height:60px; z-index:10; display:none; 
		/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+51,ffffff+100&0+0,1+51,1+100 */
		background: -moz-linear-gradient(left,  rgba(255,255,255,1) 10%, rgba(255,255,255,1) 51%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 51%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to right,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 51%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
	}
	.arLeftBtn:after {content:''; position:absolute; left:13px; top:25px; width:9px; height:17px; background:url(../images/ar_main_right.png) no-repeat 50% 50%; background-size:100%; transform:rotate(180deg);}

	.reviewSec {margin:0 auto 10px;}
	.reviewSec .title {font-size:20px; margin-bottom:15px;}
	.reviewSec .reviewList {padding:15px;}
	.reviewSec .reviewList .reviewBox {padding:0 0 15px 0; margin-bottom:5px;}
	.reviewSec .reviewList .reviewBox .writer {font-size:13px;}
	.reviewSec .reviewList .reviewBox .reviewCon {font-size:14px; line-height:18px; padding-right:100px;}

	#mo-footer {margin-top:0;}
	#mo-footer .mo-ft-top {padding-top:0;}

	.pop_wrap h1 {font-size:20px;}
	.pop_wrap .notice_area {padding:20px;}
	.pop_wrap .notice_area dt {font-size:16px;}
	.pop_wrap .pop_con {padding:20px;}
	.pop_wrap .pop_con .info_list li {padding-left:80px; margin-top:10px;}
	.pop_wrap .pop_con .tit {font-size:14px; width:80px; height:40px; line-height:40px;}
	input[type="text"], input[type="number"] {height:40px; line-height:38px; font-size:14px;}

	.privacySec {margin-top:15px;}
	.input_chk label {padding-left:30px; font-size:15px;}
	.input_chk label:before {width:25px; height:25px; background-size:16px; background-position:center center;}
	.pop_wrap .pop_close {top:23px;}
	.pop_wrap .pop_close img {width:16px;}
	.privacySec .privacyTable th, .privacySec .privacyTable td {padding:10px 5px;}
	.privacySec .privacyTable td {padding:10px;}
	.pop_wrap .btn_group .btn {height:44px; line-height:44px; font-size:16px;}

	.pop_wrap .pop_con p.txt_center {font-size:15px;}

	.pop_wrap .pop_con .info_list li.input_btn .btn {height:40px; line-height:40px; font-size:14px; width:100px;}
	.pop_wrap .pop_con .info_list li.input_btn {padding-right:110px;}

	.pop_wrap .bbs_info thead th {height:38px; font-size:14px;}
	.pop_wrap .bbs_info tbody td {padding:8px; font-size:13px; line-height:1.3;}
	.pop_wrap .bbs_info tbody td a {line-height:1.3;}

	.btn-address {height:40px; line-height:40px; font-size:14px; width:100px;}

	.headWrap .headSec {height:54px; padding:25px;}
	.headWrap .headSec .logo a {left:15px; top:25px; width:51px; height:20px; background-size:100%;}
	.headWrap .headSec .miraeLogo {right:15px; top:25px; width:75px; height:20px; background-size:100%;}
	.headWrap .headSec .headFunc {right:10px; top:26px;}
	.headWrap .headSec .headFunc .txtMenu a {font-size:14px;}
	.headWrap .headSec .headFunc .txtMenu a:after {height:30%;}

	.headWrap .headVisual {margin-top:0; padding:15px 15px 15px 15px;}
	.headWrap .headVisual h1 {position:relative; left:unset; top:unset; transform:none; margin-bottom:20px;}
	.headWrap .headVisual h1 img {max-width:260px;}
	.headWrap .headVisual h2 {position:relative; left:unset; top:unset; transform:none; margin-bottom:20px; padding:0 0 0 0; z-index:10;text-align:center;margin-bottom: 10px;}
    .headWrap .headVisual .introTitle{margin-right:0;}
	.headWrap .headVisual .headTxtBox {padding:10px 0px 15px 0px;}
	.headWrap .headVisual .headTxtBox .headTxt {font-size:16px; margin-bottom:10px; letter-spacing:-1px;}
	.headWrap .headVisual .headTxtBox .headDesc {font-size:14px; line-height:20px;}
	.headWrap .headVisual .headTxtBox .headDesc em {line-height:20px;}

	.headWrap .headVisual .headTxtBox .headCopy {font-size:20px; padding:10px 0 20px 0;}
	.headWrap .headVisual .headTxtBox .headCopy em {font-size:22px;}
	.headWrap .headVisual .headTxtBox .headSub {font-size:22px;}
	.headWrap .headVisual .headTxtBox .headSub em {display:block; margin-top:5px;}
	.mainVod {height:auto; margin-bottom:20px;}
	.mainVod .playVod {width:40px; height:40px;}
	.headEventTxt {padding-bottom:40px;}
	.headEventTxt .heTxt {height:44px; background-size:auto 44px; font-size:20px; padding-left:120px; line-height:34px;}
	.headEventTxt .heDesc {font-size:22px;}

	.headWrap .headVisual .introTitle {font-size:18px; margin-bottom:15px;}
	.headWrap .headVisual .headCopy {font-size:16px; margin:20px 0 0 0;letter-spacing:-1px;}
	.headWrap .headVisual .headCopy em{font-size:17px;display:block;line-height:150%;margin-bottom:5px; letter-spacing:-1px;}
	.headWrap .headVisual .headCopy br{display:none;}
	.headWrap .headVisual .introBk {top:unset; bottom:0; transform:none; width:130px; right:10px;}

	.headWrap .deco01 {top:20px; right:0; left:unset; width:100px; height:110px;}
	.headWrap .deco02 {bottom:-60px; right:120px; width:100px; height:110px;}

	.innerCon {padding:30px 15px;}

    .eventSec{padding-top: 50px;}
	.eventSec .innerCon {padding:30px 15px 15px 15px;}
	.eventTitle {font-size:20px;background-size:auto 35px;line-height:35px;height:35px;margin-bottom:-18px;}
	
	.joinCnt{width:95px;height:95px;right:40px; bottom:120px;}
	.joinCnt:before{left:2px;right:2px;top:2px;bottom:2px;}
	.joinCnt p{font-size:12px;margin-top:15px;margin-bottom:5px;}
	.joinCnt .cnt{font-size:14px;height:30px;line-height:30px;margin:0 13px;}
	.joinCnt .cnt em{font-size:18px;line-height:30px;}

	.eventSec .btnArea .eventBtn a {width:46%; margin:0 4px; font-size:18px; padding:15px 0;
		-webkit-box-shadow: 0px 6px 0px 0px rgba(135,96,0,1.0);
		-moz-box-shadow: 0px 6px 0px 0px rgba(135,96,0,1.0);
		box-shadow: 0px 6px 0px 0px rgba(135,96,0,1.0);
	}
	.applyForm .btnArea > span a{margin:0;}
	.btnArea .eventBtn.share a {font-size:15px;height:40px;line-height:40px;width:47%;box-shadow:0 5px 0 #41316e;font-weight:500;margin-left:5px;}
	.btnArea .eventBtn.share a:after {width:20px; height:20px; vertical-align:-3px;background-size:auto 20px;margin-left:5px;vertical-align:-4px;}
	.btnArea .eventBtn.join a {font-size:15px;height:40px;line-height:40px;width:47%;box-shadow:0 5px 0 #0c513a;font-weight:500;margin-right:5px;}
	.btnArea .eventBtn.join a:after {width:20px; height:20px; vertical-align:-3px;background-size:auto 20px;margin-left:5px;vertical-align:-4px;}

	.comnIntro.introBkVod .inner {padding:40px 15px;}
	.vodSec {height:auto; background:none; padding:0;}
	
	.introTxt {margin-top:30px;}
	.introTxt .bkSubject {padding:0; font-size:20px;}
	.introTxt .bkSubject em {font-size:14px; padding:0 10px 0 5px;}
	.introTxt .bkSubject em:last-child {padding-left:3px;}
	.introTxt .bkSummary {padding:15px; font-size:16px;}

	.comnIntro .inner {padding:40px 15px;}
	.bkCompare li {width:100%; margin-right:0; margin-bottom:0px;}
	.bkCompare li:nth-child(3) {margin-top:45px;}
	.bkCompare li:nth-child(5) {margin-top:45px;}
	.bkCompare li:nth-child(6) {margin-top:20px;}

	.audioWrap .player-container {padding:0 90px 0 50px; height:35px;}
	.audioWrap .audioHead {font-size:16px; height:auto; margin-bottom:10px;}
	.audioWrap .play-pause {width:35px; height:35px;}
	input[type="range"] {margin:8px 0;}

	.useImg {float:none; width:100%; padding:0; margin-bottom:40px;}
	.useIntro {float:none; width:100%; padding:0;}
	.useIntro .useTitle {font-size:20px; margin-bottom:20px;}
	.useIntro li {font-size:16px; padding-left:28px; margin-bottom:15px;}
	.useIntro li .number {width:20px; height:20px; line-height:20px; font-size:13px; top:3px;}

	.useIntro .btnArea {padding-top:10px;}
	.useIntro .btnArea .eventBtn a {width:90%; margin:0 4px; font-size:18px; padding:18px 0;
	-webkit-box-shadow: 0px 6px 0px 0px rgba(53,114,136,1.0);
	-moz-box-shadow: 0px 6px 0px 0px rgba(53,114,136,1.0);
	box-shadow: 0px 6px 0px 0px rgba(53,114,136,1.0);
	}
	.useIntro .btnArea .eventBtn.download a:after {width:23px; height:23px; vertical-align:-5px;}

	.otherBnrSec .innerCon {padding:30px 15px 10px 15px;}

	.comnTitleSec {padding-bottom:30px;}
	.comnTitleSec.fold {padding-right:100px;}
	.comnTitleSec .cmTitle {font-size:20px;}
	.comnTitleSec .cmTitle:before {width:10px; height:10px; border:3px solid #3a7ba5; margin:0 10px;}
	.comnTitleSec .cmDesc {display:block; margin-top:5px; padding-left:16px; font-size:14px; line-height:1.3;}
	.comnTitleSec .foldFunc {right:0; width:90px; padding:0 10px;}
	.comnTitleSec .foldFunc:before {font-size:14px;}
	.comnTitleSec .foldFunc.on:before {font-size:14px;}
	.comnTitleSec.short {padding-bottom:20px;}

	.myJoin {padding:0; margin-bottom:15px; margin-top:20px;}

	.selectKey {padding:0;}
	.selectKey .keyword {padding:5px 10px; font-size:14px;}

	.btn a {padding:10px 0px 11px 0px; font-size:14px;}
	.btn.download a:after {background-size:20px 20px; right:20px;}
	.btn.share a {background:url(../images/btn_share_m.png) no-repeat 50% 50%; width:100%; height:50px; background-size:auto 50px;}
	.btn.share a:after {background-size:20px 20px; vertical-align:-4px;}
	.btn.apply a:after {background-size:20px 20px; right:20px;}
	.btn.confirm a {max-width:35%; width:35%; font-size:14px; padding:12px 0; margin:0 2px !important;}
	.btn.cancel a {max-width:35%; width:35%; font-size:14px; padding:12px 0; margin:0 2px !important;}

	.applyForm .applyCon {padding:20px; margin-top:10px;}
	.applyForm .applyTitle.head {font-size:16px; line-height:1.5;text-align:center;padding:0;margin-bottom:10px; letter-spacing:-1px;}
	.applyForm .myKeyword {font-size:20px; margin-bottom:20px;}
	.applyForm .myKeyword .myKey {padding:5px 10px; font-size:14px;}
	.applyForm .apTitle {font-size:16px; padding-left:0;}
	.applyForm textarea {height:80px; padding:10px;font-size:14px; margin-bottom:0px;}
	.applyForm .shareForm {padding:0; margin-top:0px;}
	.applyForm .shareForm li {padding-left:0; margin-bottom:10px;}
	.applyForm .shareForm li em {position:relative; left:unset; top:unset; font-size:13px; padding-left:0px;}
	.applyForm .shareForm li em:after {width:4px; height:4px; top:9px;}
	.applyForm .shareForm li em span{font-size:13px; letter-spacing:0px;}
	.applyForm .btnArea {margin-top:20px;}

	.applyForm .apTitle em.smEm {display:block; font-size:14px; margin-top:5px; margin-left:0;}

	.filebox .upload-name {padding:0 10px; float:left; width:calc(100% - 85px);}
	.filebox label {font-size:14px; padding:0 10px; float:right;}

	.bookApply {padding-right:0; margin:20px 0; text-align:center;}
	.bookApply .subject {font-size:18px; margin-bottom:10px; text-align:left;}
	.bookApply .desc {font-size:14px; line-height:18px; margin-bottom:10px; text-align:left;}
	.btn.apply a {display:inline-block; position:relative; right:unset; top:unset; transform:none; max-width:100%; text-align:left;}

	.masTitle {margin:15px 0 10px 0; padding-left:5px; font-size:16px;}

	.applyForm {margin-bottom:20px; padding:0px;}
	.applyForm .applyTitle {font-size:16px; margin-bottom:10px;}
	.applyForm .applyTitle:after {top:6px; width:3px; height:3px;}
	.applyForm .applyTitle em {font-size:13px; line-height:1.3; margin-top:5px;}
	.applyForm .applyTitle em.smEm {display:block; font-size:13px; margin:8px 0 0 0px;}
	.applyForm .applyTxt {padding:0;}
	.applyForm .applyTxt .apTitle {position:relative; display:block; left:unset; top:unset; width:100%; font-size:16px; height:20px; line-height:20px; padding-left:22px; margin-bottom:8px;}
	.applyForm .applyTxt .apTitle em {font-size:14px;}
	.applyForm .applyTxt .apTitle.good {background-position:0px 3px; background-size:15px 15px;}
	.applyForm .applyTxt .apTitle.improve {background-position:0px 3px; background-size:15px 15px;}

	.applyForm .shareForm li input[type="text"] {height:36px; line-height:34px;}
	.filebox .upload-name {height:36px; line-height:34px;font-size:14px;margin-right:5px;border-radius:7px;}
	.filebox label {height:36px; line-height:34px; font-size:14px;width:80px;border-radius:7px;}

	.myJoin .myJoinTitle {font-size:16px; padding:15px 0 15px 15px;}
	.myJoin .myJoinTitle .shareComp {padding:5px 10px; font-size:12px;}
	.myJoin .myJoinTitle .uploadImg {padding:5px 10px; font-size:12px;}

	.myJoin .applyFunc {top:10px; right:10px;}
	.myJoin .applyFunc .txtMenu a {width:30px; height:30px;}
	.myJoin .applyFunc .txtMenu.edit a {background-size:30px 30px; margin-right:5px;}
	.myJoin .applyFunc .txtMenu.del a {background-size:30px 30px;}

	.myJoin .myApplySec {padding:0 10px;}
	.myJoin .myApplySec .myApplyCon {float:none; display:block; width:100%; margin-bottom:10px;}
	.myJoin .myApplySec .myApplyCon .maTitle img {width:90px;}
	.myJoin .myApplySec .myApplyCon .myCon {height:100px; font-size:14px;}

	.eventCauSec .innerCon {padding:0 15px;}
	.eventMemBox {padding-top:40px; overflow:hidden;}
	.eventMemBox .eventMem {padding:30px 20px 20px 20px;}
	.eventMemBox .eventMem .meTxt {width:100%; padding:0;}
	.eventMemBox .eventMem .meTxt .meTitle {font-size:18px; line-height:24px; margin-bottom:10px;}
	.eventMemBox .eventMem .meTxt li {font-size:14px; line-height:20px;}
	.eventMemBox .eventMem .meTxt li:after {width:4px; height:4px; top:7px;}
	.eventMemBox .eventMem .meImg {right:unset; left:0px;}
	.eventMemBox .eventMem .meImg img {max-width:230px;}
	.eventMemBox .eventMem .goRegi {padding-right:20px;}
	.eventMemBox .eventMem .goRegi .grTxt {font-size:18px;}
	.eventMemBox .eventMem .goRegi .goBtn img {width:60px;}

	.eventBnrSec {width:auto;}
	.eventBnrSec.share {margin:0 0px 50px 0px;}
	.eventBnrSec.share img {padding:0 20px;}

	.cauCon {margin-top:30px;}
	.cauCon .title {font-size:18px; margin-bottom:20px;}
	.cauCon .title:before {width:18px; height:18px; vertical-align:-2px; margin-right:5px;}
	.cauCon .cauBox {padding-left:11px;}
	.cauCon .cauBox .caTitle {font-size:16px; padding-left:10px; margin-bottom:5px;}
	.cauCon .cauBox .caTitle:after {width:4px; height:4px; top:7px;}
	.cauCon .cauBox li {font-size:14px; line-height:1.3; padding:4px 0 4px 10px;}
	.cauCon .cauBox li:after {left:0px;}
	.cauCon .cauBox li.cau {padding-left:28px;}
	.cauCon .cauBox li.cau:after {left:10px;}

	.reviewConSec .innerCon {padding:30px 15px 0 15px;}
	.reviewConSec .revTitle {font-size:17px;padding-left:17px;background-position:left center;background-size:auto 10px;margin-bottom:10px;}
	.reviewConSec .revTitle em{font-size:12px;}
	.reviewList {padding:15px;border-width:1px;border-radius:10px;}
	.reviewList .reviewBox {padding:0 0 15px 0; margin-bottom:5px;}
	.reviewList .reviewBox .writer {font-size:13px; line-height:20px; padding-top:10px; margin-bottom:0;}
	.reviewList .reviewBox .reviewCon {font-size:14px; line-height:18px; padding-right:0px;}
	.reviewList .reviewBox .reviewCon .bkSubject {padding:5px 10px; font-size:14px;}
	.reviewList .reviewBox .shareComp {padding:5px 10px 7px 10px; font-size:13px; border-radius:22px;}

	.conBox {line-height:1.3;}

	.pagingWrap {margin-bottom:15px; margin-top:0px;}
	.imgPopWrap .popImg img {padding:20px;}

	.imgPopWrap .closeImg {right:5px; top:5px; width:30px; height:30px;}
	.imgPopWrap .closeImg:before {width:20px;}
	.imgPopWrap .closeImg:after {width:20px;}

	.otherBnr {margin-bottom:10px;}
	.otherBnr li {float:none; width:100%; margin-right:0; margin-bottom:5px;}
	
	.applyForm{}
	.applyForm .classChk ul li{display:inline-block;vertical-align:top;float:none;width:auto;margin-left:3px;margin-bottom:5px;}
	.applyForm .classChk ul li label input[type="radio"] + span{font-size:12px;height:25px;line-height:25px;padding:0 15px;min-width:70px;}
	
	.myJoin{margin:0 20px;border-radius:0;background:#777;}
	.myJoin .leftCon{float:none;width:auto;padding:15px}
	.myJoin .leftCon:after{width:auto;height:1px;left:0;right:0;top:auto;bottom:0;}
	.myJoin .leftCon h2{font-size:21px;margin-bottom:10px}
	.myJoin .leftCon .mySelect{font-size:14px;height:27px;line-height:27px;}
	.myJoin .leftCon .mySelect .motion{font-size:15px;height:27px;line-height:27px;width:120px;}
	.myJoin .rightCon{float:none;width:auto;padding:15px}
	.myJoin .rightCon h2{font-size:21px;margin-bottom:10px}
	.myJoin .rightCon .shareEnd{height:auto; line-height:1.3;font-size:14px; letter-spacing:-1px; margin-bottom:10px;}
	.myJoin .rightCon .shareEnd label{font-size:18px;height:27px;line-height:27px;}
	.myJoin .rightCon .shareEnd label input[type="checkbox"] + span{width:20px;height:25px;background-size:30px auto;margin-top:-1px;}
	
	.revConBox .selectMotion{width:75px;height:25px;line-height:25px;font-size:12px;}
	.reviewList .reviewBox .reviewCon .conBox{margin-top:5px;}
	
	.embed-container{border:0;background:#000;border-radius:0;}
    
    /* 220620 추가 */
/*
    .eventSec .eventInfo{padding:20px 4% 4% 4%;border-radius:10px}
    .eventSec .eventInfo .eventInfoBox ul li .tit{width:110px;height:35px;line-height:35px;font-size:14px;padding:0;text-align:center;margin-bottom:10px;border-width:1px}
    .eventSec .eventInfo .eventInfoBox ul li:nth-child(1) .tit{letter-spacing:0 !important;}
    .eventSec .eventInfo .eventInfoBox ul li:nth-child(2) .tit{letter-spacing:0 !important;}
    .eventSec .eventInfo .eventInfoBox ul li:nth-child(3) .tit{letter-spacing:0 !important;}
    .eventSec .eventInfo .eventInfoBox ul li:nth-child(4) .tit{letter-spacing:0 !important;}
    .eventSec .eventInfo .eventInfoBox ul li .txt{font-size:15px;line-height:150%;padding-left:10px;margin-left:110px;padding-top:5px;}
	.eventSec .eventInfo .eventInfoBox ul li .txt.img {display:block; margin:0; padding:0;}
    .eventSec .eventInfo .eventInfoBox ul li .txt:before{display:none;}
    .eventSec .eventInfo .eventInfoBox ul li:nth-child(4) .tit{position:static;}
    .eventSec .eventInfo .eventInfoBox ul li:nth-child(4) .txt{margin-left:0;}
*/
    
    .eventSec .eventInfo .eventInfoBox ul li .img img{max-width:230px;}
    .eventSec .eventInfo .eventInfoBox ul li .img.coupon img{max-width:160px;}
    .presentSec .list{padding:40px 4% 4% 4%;border-radius:10px}
    .presentSec .list ul{margin-left:-5%;}
    .presentSec .list ul li .img{margin-bottom:10px;}
    .presentSec .list ul li{width:45%;margin-left:5%;margin-bottom:5%;}
    .presentSec .list ul li .txt{margin-bottom:10px;}
    .presentSec .list ul li .txt strong{font-size:16px;}
    .presentSec .list ul li .txt p{font-size:14px;}
    .presentSec .list ul li a{font-size:13px;width:100px;}
    
    .eventJoin{border-radius:10px;}
    .eventJoin .applyTitle{font-size:17px;margin-bottom:20px;}
    .eventJoin .list ul{margin-left:-2%;}
    .eventJoin .list ul li{width:48%;margin-left:2%;margin-bottom:4%;}
    .eventJoin .list ul li a .img{width:100%;height:0;padding-bottom:72%;overflow:hidden;background-size:100% auto;margin-bottom:10px;}
    .eventJoin .list ul li a .txt p{font-size:14px;}
    .eventJoin .list ul li a .txt strong{font-size:16px;}
    
    .eventJoin .eventJoinForm .img{position:static;width:100%;margin-bottom:10px;}
    .eventJoin .eventJoinForm .form{margin-left:0;}
    .eventJoin .eventJoinForm .form button{font-size:13px;}
    
    .myJoinForm{margin:20px 0;}
	.myJoinForm .eventTitle {margin-bottom:10px;}
    .myJoinForm .in{padding:4% 4% 4% 4%;border-radius:10px}
    .myJoinForm .in .img{position:static;width:100%;margin-bottom:10px;}
    .myJoinForm .in .form{margin-left:0;padding-right:0;}
    .myJoinForm .in .form .txt strong{font-size:18px;height:35px;line-height:35px;}
    .myJoinForm .in .form .txt strong .cate{font-size:18px;height:35px;line-height:35px;}
    .myJoinForm .in .form .txt p{font-size:14px;margin-bottom:15px; min-height:auto;}
    .myJoinForm .in .form .applyFunc span a{width:60px;font-size:14px;}
    
    .joinStatSec .eventTitle em{font-size:14px;}
    .joinStatSec .joinStatSec_list{margin:15px;}
    .joinStatSec .joinStatSec_list ul li{padding:15px 0;}
    .joinStatSec .joinStatSec_list ul li .name{font-size:14px;margin-bottom:10px;}
    .joinStatSec .joinStatSec_list ul li .name .date:before{top:5px;}
    .joinStatSec .joinStatSec_list ul li .txt p{font-size:14px;line-height:150%;margin-left:10px;}
    .joinStatSec .joinStatSec_list ul li .txt .cate{font-size:16px; padding:6px 20px;}

	.eventJoin .list {margin-bottom:15px;}
	.applyFunc {text-align:center;}
	.myJoinForm .in .form .applyFunc span {margin-right:5px;}
    .myJoinForm .in .form .applyFunc span:last-child {margin-right:0;}
    
    .questionSec .innerCon{padding: 45px 30px;}
    .questionSec .serviceCon a{font-size: 16px;}
    .questionSec .txtCon{margin-bottom: 25px;}
    .questionSec .txtCon .txt a img{height: 60px;}
    .questionSec .serviceCon .img img{height: 200px;}
    
    .headWrap .headVisual .introTitle img{height: 35px;}
    .headWrap .headVisual .headCopy strong{font-size: 16px;}
    .headWrap .headVisual .headCopy strong em{font-size: 16px;}
    
    .eventJoin{margin-bottom:0;}
    .eventJoin .eventJoinForm .form span{font-size: 14px;}
	.myJoinForm span{font-size:20px;}
    .eventJoin .eventJoinForm .form .btn_more{float: none;width: 100%;margin-left: 0;padding: 10px 0 15px;}
    .eventJoin .eventJoinForm .eventJintit{font-size: 16px;}
    .eventJoin .applyTitle{font-size: 14px;}
    .presentSec .txt span{font-size: 14px;background-size: 100% 100%;height: 40px;line-height: 40px;letter-spacing:-1px;}
    .eventSec{padding-top:0;padding-bottom:50px;background-size:auto 14px}
    .eventSec .eventInfo{padding:0 0 20px;}
    .eventSec .eventInfo .eventInfoBox ul li{text-align:center;}
    .eventSec .eventInfo .eventInfoBox ul li .tit{font-size: 12px;width: 120px;height: 25px;line-height: 23px;padding: 0 10px;text-align:center;position:static;margin:0 auto;border-width:1px;}
    .eventSec .eventInfo .eventInfoBox ul li .txt{margin-left:0;font-size: 13px;padding-left: 0;line-height:1.4; min-height:30px; padding-top:4px;}
    .eventSec .eventInfo .eventInfoBox ul li .txt span{font-size:11px;margin-top:5px;}

    .eventSec .eventInfo .eventInfoBox ul li{margin-top:10px;}
    .eventSec .eventInfo .eventInfoBox ul li .tit{letter-spacing:0 !important;width:100px;}
    .eventSec .eventInfo .eventInfoBox ul li .txt.eventJoinSec .innerCon{margin-left:105px;}
    .eventSec .eventInfo .eventInfoBox ul li .img{padding-top:10px; text-align:center;}
    .eventSec .eventInfo .eventInfoBox ul li .img p{font-size:11px;}
    
    .eventSec .innerCon{margin:0 15px 30px}
    .eventSec .innerCon:before{background-size:80px auto;top:-80px;}
    
    .presentSec .innerCon{margin:0 15px 110px}
    .presentSec .innerCon:before{background-size:80px auto;top:-80px;}
    .presentSec .img{padding:30px 10px;}
    .presentSec .txt{padding-bottom:20px;}
    
    .eventJoinSec .innerCon:before{background-size:80px auto;top:-80px;}
    .eventJoinSec .participant{top:-80px;width:100px;height:100px;background-size:100px 100px}
    .eventJoinSec .participant .in span{font-size:14px;}
    .eventJoinSec .participant .in p strong{font-size:18px;}
    .eventJoinSec .participant .in p{font-size:14px;}
    .eventJoinSec .eventTitle{background-size:auto 17px;background-position:center center;}

	.myJoinForm .btn_more {float: none;width: 100%;margin-left: 0;padding: 10px 0 15px;}
    
    .joinStatSec .eventTitle{font-size:20px;}
    .questionSec{margin:30px 0}
    
    .pop_question .in{width:90%;padding:5%;margin-right:0;margin-top:60px;height:88%;vertical-align:top;}
    .pop_question .pop_close{margin-left:0;top:20px;right:20px;}
    .pop_question .pop_tit h2{margin-right:75px;}
    .pop_question .participant{width:80px;padding-top:10px;}
    .pop_question .participant span{font-size:12px;}
    .pop_question .participant p{font-size:12px;}
    .pop_question .pop_cont .list ul li a .txt p{font-size:14px;}
    .pop_question .pop_cont .textarea{height:100px;border-radius:10px;}
    .pop_question .pop_cont .textarea textarea{font-size:14px;padding:10px;border-radius:10px;}
    .pop_question .participant p strong{font-size:16px;}
    .pop_question .pop_cont .btn_wrap a{font-size:16px;height:55px;line-height:50px;}
    .questionSec .innerCon{padding:30px 15px;}
    .questionSec .txtCon{}
    .questionSec .txtCon .txt p{font-size:15px;}
    .questionSec .txtCon .txt p em{font-size:45px;}
    .questionSec .txtCon .txt p span{font-size:14px;}

	button.btnS {padding:8px 20px !important; margin-top:-20px;}
    
    /* 221122 */
    .eventSec .participant{right: 0;background-size: 100% auto;width:110px ;height: ;}
    .eventSec .participant .in{padding-top: 35px;padding-left:15px;}
    .eventSec .participant .in span{font-size: 12px;margin-bottom: 0;}
    .eventSec .participant .in p{font-size: 12px;padding: 5px 10px;}
    .eventSec .participant .in p strong{font-size: 14px;}
    .eventSec .eventInfo .eventInfoBox ul li .img ul li a{font-size: 14px;}
    .eventJoinSec{padding-top: 0;background-size:600px auto;background-color:#132940}
    .eventJoin .eventJoinForm{padding: 15px;}
    .eventJoin .eventJoinForm .form .textarea{border-radius:7px;}
    .eventJoin .eventJoinForm .form .textarea textarea{height:110px;font-size:14px;padding:10px;}
    .eventJoin .eventJoinForm .eventJintit{padding-bottom: 10px;}
    .eventJoin .eventJoinForm .form .textarea .count{font-size: 14px;}
    .eventJoin{background-size: 80px auto;padding: 80px 0 0;}
    .eventJoin .applyTitle{margin-bottom:10px;}
    .eventJoin .applyTitle span{font-size: 20px;}
    .headWrap .headVisual h2 p{font-size: 13px;padding:20px 0;}
    .headWrap .headVisual h2 p span{font-size:13px;padding:2px;}
    .eventJoin .eventJoinForm .form .textarea{margin-bottom: 20px;}
    
    .eventJoinSec .innerCon{margin-bottom:0;}
    .eventJoinForm .in .form .applyFunc{margin-top:20px;}
    .eventJoinForm .in .form .applyFunc button{font-size:12px;height:40px;line-height:40px;width:160px;border-radius:7px;}
    
    .eventJoinForm .applyTitle ul li{font-size:14px; padding-left:15px;}
	.eventJoinForm .applyTitle ul li:after {top:10px; width:3px; height:3px;}
    .eventJoinForm .applyTitle ul li span{font-size:12px;}
	.eventJoinForm .applyTitle ul li.cau {font-size:12px; padding-left:15px;}

	.filebox .cauTxt {margin-top:0px; padding-top:8px; clear:both;}
    .eventSec .eventInfo .eventInfoBox h3 img{height:50px;}
    
    .eventStepSec .innerCon{padding-top:40px;}
    .eventStepSec .info_txt{margin-bottom:30px;}
    .eventStepSec .info_txt ul li{font-size:13px;}
    .eventStepSec .info_txt ul li:before{margin:2px 0 0 0;background-size:auto 10px;width:15px;}
    .eventStepSec .info_txt ul li span{background-size:auto 15px;}
    .eventStepSec .process_step{}
    .eventStepSec .process_step > ul > li > .step{font-size:12px;width:60px;height:25px;line-height:25px;margin-right:5px;}
    .eventStepSec .process_step > ul > li > h4{font-size:15px;display:inline-block;vertical-align:top;line-height:25px;margin-bottom:15px;}
    .eventStepSec .process_step > ul > li > h4 img{height:13px;margin:1px 5px;}
    .eventStepSec .process_step > ul > li > .img_area{padding:15px;border-radius:15px;}
    .eventStepSec .process_step > ul > li > .tab_info{margin-bottom:50px;}
    .eventStepSec .process_step > ul > li > .tab_info ul li{margin-bottom:20px;}
    .eventStepSec .process_step > ul > li > .tab_info ul li h5{font-size:14px;background-size:auto 20px;line-height:20px;margin-bottom:10px;padding-left:25px;}
    .eventStepSec .btn_join{margin-top:30px;}
    .eventStepSec .btn_join img{height:40px;}
}