@charset "utf-8";

/* --------------------------------
	layout
------------------------------- */

html,body{font-size:32%;}
body,th,td,input,select,textarea,button{color:#111;}

.fixHeight, .fixHeight body, .fixHeight #wrap{overflow:hidden;}
#wrap{min-width:320px;width:100%;word-break:keep-all;}

header{padding:13px 0;background-color:#0e161f;}
header .logo{display:inline-block;width:35%;}
header .logo img{width:124px;}
header .btn_gnb{}

#content{min-height:45vh;padding:45px 0;background-color:#fff;}

footer{padding:30px 0 70px;background-color:#060e17;}
footer h2{width:35%;}
footer h2 img{width:100%;}
footer address{margin-top:15px;font-size:12px;color:#cccccc;line-height:1.6;}
footer address .bar{display:inline-block;margin-left:;padding-left:;}
footer address .bar:before{content:"|";display:inline-block;margin-left:5px;margin-right:5px;color:#cccccc;}
footer address a{color:#cccccc;}
.inner{position:relative;width:92%;margin:0 auto;max-width:1200px;}
.inner:after{content:"";display:block;clear:both;}

.btn_fixed{position:fixed;right:15px;bottom:8vh;margin-bottom:50px;z-index:3;}
.btn_fixed > a{display:block;margin-top:7px;width:40px;max-width:100%;margin-top:5px;}
.btn_fixed img{width:100%;}
.btn_fixed .btn_page_top{display:none;}

@media only screen and (max-width:1023px){
	#wrap{padding-top:50px;}
	header{position:fixed;left:0;top:0;width:100%;z-index:10;min-height:50px;}
	header .inner{width:100%;padding:0 4%;}
	header .btn_gnb{display:block;position:absolute;right:4%;top:0;width:26px;height:20px;background:url('../images/common/btn_gnb.png') no-repeat 0 0;background-size:100%;text-indent:-9999em;overflow:hidden;z-index:12;}
	header .gnb{opacity:0;position:fixed;top:0;right:0;width:100%;z-index:100;}
	header .gnb .menu{position:absolute;right:0;top:0;padding:100px 0 0 20%;height:100vh;width:70%;max-width:400px;background-color:#000;overflow-y:auto;z-index:100;}
	header .gnb .menu > li{margin-bottom:20px;}
	header .gnb .menu > li > a{display:inline-block;color:#fff;font-size:3.2rem;font-weight:bold;}
	header .gnb .menu > li > ul{display:none;margin:12px 0 0 16px;}
	header .gnb .menu > li > ul > li{margin-top:8px;}
	header .gnb .menu > li > ul > li > a{display:inline-block;color:#959595;font-size:2.8rem;font-weight:bold;}
	header .gnb .menu > li.show ul{display:block;}
	header .gnb .menu > li.show.depth2 a:after{transform:rotate(180deg);transition-duration:0.5s;}
	header .gnb .depth2 > a{position:relative;padding-right:24px;}
	header .gnb .depth2 > a:after{content:"";display:block;position:absolute;right:0;top:8px;width:16px;height:9px;background:url('../images/common/bg_depth2.png') no-repeat 100% center;background-size:100%;transform:rotate(0);transition-duration:0.5s;}
	header .gnb .btn_gnb_close{display:block;position:absolute;right:25px;top:30px;width:20px;height:18px;background:url('../images/common/btn_gnb_close.png') no-repeat 0 0;background-size:100%;text-indent:-9999em;overflow:hidden;z-index:101;}
	header .gnb .dim{width:100%;height:100%;background-color:rgba(0,0,0,0.8);}
	header .gnb{
		-webkit-transition: -webkit-transform 300ms;
		-webkit-transition-duration: 300ms;
		-moz-transition: -moz-transform 300ms ease;
		transition: transform 300ms ease;
		-webkit-transform: translate3d(100%,0,0);
		-moz-transform: translate3d(100%,0,0);
		-ms-transform: translate3d(100%,0,0);
		transform: translate3d(100%, 0, 0);
	}
	header .gnb.active{opacity:1;
		-webkit-transform: translate3d(0,0,0) !important;
		-moz-transform: translate3d(0,0,0) !important;
		-ms-transform: translate3d(0,0,0) !important;
		transform: translate3d(0, 0, 0 !important);
	}
	.side_bg{position:fixed;top:0;left:0;width:100%;height:100vh;background-color:rgba(255,255,255,0.5);z-index:99;}
	.sub_fix .page_prev{display:block;position:absolute;left:4%;top:3px;width:29px;height:20px;background:url('../images/sub/btn_page_prev.png') no-repeat 0 center;background-size:100%;text-indent:-9999em;overflow:hidden;z-index:12;}
	.sub_fix .top_visual,
	.sub_fix .sub_menu,
	.sub_fix header .logo,
	.sub_fix .content_title{display:none;}
	.page_prev{}
	.sub_fix .page_title{font-size:20px;color:#fff;font-weight:bold;text-align:center;}
}
@media only screen and (min-width:360px) {
	html,body{font-size:35%;}
}
@media only screen and (min-width:376px) {
	html,body{font-size:38%;}
}
@media only screen and (min-width:768px) {
	html,body{font-size:45%;}
	footer{padding:50px 0 100px;}
	footer h2{width:25%;max-width:236px;}
	footer address{margin-top:25px;font-size:16px;}
	#content{padding:70px 0;}
	.inner{width:95%;}
	.btn_fixed{bottom:20%;margin-bottom:0;}
	.btn_fixed > a{width:70%;}
}
@media only screen and (min-width:1024px) {
	html,body{font-size:48%;}
	header{padding:50px 0 25px;background-color:#0e161f;}
	header .logo{display:inline-block;width:25%;min-width:200px;max-width:236px;}
	header .logo img{width:100%;}
	header .gnb{opacity:1 !important;position:absolute;right:0;bottom:-25px;width:75%;text-align:right;z-index:10;}
	header .gnb .menu > li{position:relative;display:inline-block;border-bottom:5px solid #0e161f;}
	header .gnb .menu > li > a{display:block;padding:25px 1.3vw;font-size:20px;color:#fff;font-weight:bold;}
	header .gnb .menu > li > ul{display:none;position:absolute;left:50%;top:81px;margin-left:-65px;min-width:130px;width:10.5vw;max-width:200px;padding-top:30px;background:#000;z-index:1;text-align:center;z-index:1;}
	header .gnb .menu > li > ul > li{margin-bottom:30px;}
	header .gnb .menu > li > ul > li > a{font-size:18px;color:#fff;}
	header .gnb .menu > li.on{border-bottom:5px solid #00cc88;}
	header .gnb .menu > li.on > ul > li a:hover{color:#00cc88;}
	header .gnb .menu > li.on > ul{display:block;}
	#content{padding:100px 0;}
}
@media only screen and (min-width:1280px) {
	html,body{font-size:50%;}
	.inner{width:90%;}
	header .gnb .menu > li > ul{margin-left:-5.25vw;}
	#content{padding:130px 0;}
}
@media only screen and (min-width:1680px) {
	html,body{font-size:62.5%;}
	.inner{width:80%;}
}
@media only screen and (min-width:1920px) {
	
}

/* --------------------------------
	SUB COMMON
------------------------------- */

.img img{width:100%;}
.tac{text-align:center;}
.top_visual{position:relative;padding:10% 0;background:url('../images/sub/img_sub_information_m.jpg') no-repeat center center;background-size:cover;}
.top_visual h2{width:100%;text-align:center;font-size:4rem;font-weight:bold;color:#fff;}
.top_visual h2:after{content:"";display:block;margin:0 auto;margin-top:20px;width:26px;height:3px;background-color:#fff;text-align:center;border-radius:5px;}
.content_title{font-size:3.5rem;color:#040404;font-weight:bold;}
.content_title.small{font-size:3.6rem;}
.sub_title{margin-top:15px;font-size:2.8rem;color:#010101;}
.sub_text{margin-top:35px;font-size:2.4rem;color:#010101;line-height:1.6;}
.sub_menu{background-color:#00cc88;text-align:center;}
.sub_menu > ul{display:table;width:100%;vertical-align:top;}
.sub_menu > ul > li{display:table-cell;border-right:1px solid #fff;}
.sub_menu > ul > li > a{display:block;height:38px;line-height:38px;font-size:2.4rem;text-align:center;color:#fff;font-weight:bold;overflow:hidden;}
.sub_menu > ul > li.on > a{background-color:#fff;color:#00cc88;}
.sub_menu .menu3 > li{width:33.333%;}
.sub_menu .menu2 > li{width:50%;}
.sub_menu .menu5 > li{width:20%;}
.sub_menu > li.on > a{color:#;background-color:#fff;color:#00cc88;}
.txt_refer{margin-top:8px;font-size:13px;color:#555555;text-align:center;}
.video_area{position:relative;}
.video_area img{width:100%;}
.video_area iframe{position:absolute;left:0;top:0;}
.txt_blue{color:#0c00fc !important;}
.txt_red{color:#ff1d2f !important;}
.font3{font-size:3rem !important;}

/*button*/
.btns{margin-top:20px;text-align:center;}
.btns:after{content:"";display:block;clear:both;}
.btns > a{display:block;width:100%;padding:15px 0;font-size:20px;color:#fff;font-weight:bold;text-align:center;}
.btns .fl{float:left;width:49%;}
.btns .fr{float:right;width:49%;}
.btns .btn_green{background:#00cc99;}
.btns .btn_blk{background:#060e17;}

/*table*/
.tb_style{margin-top:10px;width:100%;border-top:2px solid #00d3a1;}
.tb_style thead th{padding:15px 0;font-size:13px;background-color:#f7f7f7;border-bottom:1px solid #959595;text-align:center;font-weight:bold;line-height:1.6;}
.tb_style tbody th{padding:15px 0;font-size:13px;background-color:#f7f7f7;border-bottom:1px solid #959595;text-align:center;font-weight:bold;line-height:1.6;}
.tb_style tbody td{padding:10px;font-size:13px;border-bottom:1px solid #959595;word-break:keep-all;line-height:1.6;}
.tb_style .bg td{background-color:#d9f7f0;}
.tb_refer{margin-top:10px;font-size:2.4rem;text-align:right;}
.tb_basic{margin-top:10px;width:100%;border-top:2px solid #00d3a1;}
.tb_basic thead th{padding:12px 0;font-size:13px;background-color:#f7f7f7;text-align:center;border:1px solid #ccc;}
.tb_basic tbody td{padding:12px 0;font-size:13px;border:1px solid #ccc;text-align:center;}

@media only screen and (max-width:767px) {
	.mb {display:block; }
	.pc {display:none; }
	.br{display:block;}
	.sub_menu > li:last-child{border-right:none;}
	.sub_text br{display:none;}

}
@media only screen and (min-width:768px) {
	.mb {display:none; }
	.pc {display:block; }
	.fl{float:left;}
	.fr{float:right;}
	.top_visual{padding:58px 0;max-height:200px;background:url('../images/sub/img_sub_information.jpg') no-repeat center center;background-size:cover;}
	.top_visual h2{font-size:3.8rem;}
	.top_visual h2:after{width:52px;height:6px;}
	.content_title{font-size:3.8rem;}
	.sub_menu > ul{display:inline-block;width:auto;}
	.sub_menu > ul > li{width:180px !important;}
	.sub_menu .menu2 > li{width:220px !important;}
	.sub_menu > ul > li:first-child{border-left:1px solid #fff;}
	.sub_menu > ul > li > a{height:auto;padding:15px 0;}
	.txt_refer{margin-top:25px;font-size:2rem;color:#555555;text-align:center;}
	
	/*button*/
	.btns{margin-top:100px;}
	.btns > a{display:inline-block;float:none !important;width:200px;margin:0 5px;padding:20px;font-size:2.4rem;}
	.btns .fl,
	.btns .fr{max-width:200px;}
	
	/*table*/
	.tb_style{margin-top:20px;}
	.tb_style thead th{padding:15px;}
	.tb_style thead th > span{display:block;padding:13px 0;}
	.tb_style tbody th,.tb_style tbody td{padding:30px 40px 30px;font-size:2rem;}
	.tb_refer{margin-top:20px;font-size:1.8rem;}
}
@media only screen and (min-width:1024px) {
	

}
@media only screen and (min-width:1280px) {
}
@media only screen and (min-width:1680px) {
}

/* --------------------------------
	CONTENTS
------------------------------- */
/*index*/
.index .info_application{background-color:#111a29;}
.index .inner{padding:50px 0;border-top:0 !important;}
.index .st_tit{position:relative;font-size:5rem;font-weight:bold;color:#fff;}
.index .st_tit:before{content:"";display:block;width:25px;height:5px;margin-bottom:16px;background-color:#fff;}
.index .st_tit_s{font-size:3.6rem;font-weight:bold;color:#000;}
.index .sub_tit{font-size:4.8rem;}
.index .info_intro{text-align:left;}
.index .info_intro .text{font-size:4rem;font-weight:normal;}
.index .info_intro .video_area{margin-top:25px;}
.index .info_event{background-color:#ecf0f1;}
.index .info_event .st_tit{padding-top:0;color:#000000;}
.index .info_event .st_tit:before{background-color:#000;}
.index .info_event .list{margin-top:30px;}
.index .info_event .list > li{margin-top:20px;background-color:#fff;}
.index .info_event .list > li > a{display:block;}
.index .info_event .list > li .img{margin-bottom:0;}
.index .info_event .list > li .detail{margin-top:-20px;padding-bottom:30px;}
.index .info_event .list > li .detail{text-align:center;}
.index .info_event .list > li .detail .sub_tit{margin:15px 0 7px;font-size:3.6rem;color:#000000;font-weight:bold;}
.index .info_event .list > li .detail .more{font-size:2.8rem;color:#555555;text-decoration:underline;}
.index .info_event .list > li .detail .tit_box{text-align:center;}
.index .info_event .list > li .detail .tit_box > span{display:inline-block;font-size:2.8rem;color:#fff;padding:8px 22px;border-radius:50px;font-weight:bold;/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#02e6b3+0,6e47eb+100 */
background: #02e6b3; /* Old browsers */
background: -moz-linear-gradient(left, #02e6b3 0%, #6e47eb 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #02e6b3 0%,#6e47eb 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #02e6b3 0%,#6e47eb 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#02e6b3', endColorstr='#6e47eb',GradientType=1 ); /* IE6-9 */}
.index .info_advance{background-color:#6e47eb;color:#fff;}
.index .info_advance .sub_tit{text-align:center;}
.index .info_advance .sub_tit .txt{margin-top:5px;font-size:3.2rem;}
.index .info_advance .btns{margin-top:30px;text-align:left;}
.index .info_advance .date{margin-top:15px;font-size:2.8rem;text-align:center;}
.index .info_notice{background-color:#fff;}
.index .info_notice .inner .top{position:relative;}
.index .info_notice .st_tit{color:#000;}
.index .info_notice .board_list{margin-top:8px;border-color:#00d3a1;}
.index .info_notice .board_list > li > a{padding:12px 0;background:none;}
.index .info_notice .board_list > li > a:after{content:"";display:block;clear:both;}
.index .info_notice .board_list > li .title{width:70%;float:left;margin-right:0;font-weight:normal;color:#101010;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.index .info_notice .board_list > li .date{width:30%;float:right;margin-top:0;text-align:right;font-size:13px;color:#101010;}
.index .info_notice .more_view{display:block;position:absolute;right:0;bottom:0;padding-right:12px;font-size:12px;background:url('../images/main/ico_more.png') no-repeat 100% 4px;background-size:6.5px 6.5px;}
.index .info_notice .fr{margin-top:50px;}
.index .info_host .inner{padding-top:0;}
.index .info_host{padding-top:5%;}
.index .info_host .list > li{position:relative;padding-left:40px;margin-top:10px;}
.index .info_host .list > li span{display:inline-block;margin:0 20px 10px 0;vertical-align:middle;}
.index .info_host .list > li span:last-child{margin-right:0;}
.index .info_host .list > li span img{height:30px;}
.index .info_host .list .tit{display:block;position:absolute;left:0;top:5px;font-size:13px;margin-right:15px;}

@media only screen and (min-width:768px) {
	.index .inner{padding:6% 0 9%;}
	.index .fl, .index .fr{width:47%;}
	.index .st_tit{font-size:4.8rem;}
	.index .sub_tit{font-size:3.6rem;}
	.index .info_intro .text{font-size:2.8rem;}
	.index .info_intro .text2{font-size:2rem;}
	.index .info_application .light{background:url('../images/main/img_light.png') no-repeat center bottom;background-size:contain;animation:turnLightPCMain 5s infinite forwards ease-in;}
	.index .info_application .visual{padding:8% 0 11%;background:url('../images/main/bg_event_visual.jpg') no-repeat center bottom;background-size:contain;text-align:center;}
	.index .info_application .visual img{position:relative;z-index:1;width:40%;min-width:450px;max-width:768px;}
	.index .info_event .list > li{margin-top:50px;}
	.index .info_event .list > li:nth-child(2n + 1){float:left;width:48%;}
	.index .info_event .list > li:nth-child(2n){float:right;width:48%;}
	.index .info_event .img{float:none;width:auto;}
	.index .info_event .list > li .detail{padding-bottom:8%;}
	.index .info_event .list > li .detail .sub_tit{margin:8% 0 4%;font-size:2.8rem;}
	.index .info_event .list > li .detail .more{font-size:2rem;}
	.index .info_event .list > li .detail .tit_box > span{font-size:2.4rem;}
	.index .info_advance .fl{width:48%;}
	.index .info_advance .sub_tit{margin-top:30px;text-align:left;}
	.index .info_advance .sub_tit .txt{font-size:2.8rem;}
	.index .info_advance .date{margin-top:30px;font-size:2.4rem;text-align:left;}
	.index .info_advance .inner{padding:6% 0 2%;}
	.index .info_advance .img{margin-top:4%;}
	.index .info_advance .btns > a{width:290px;}
	.index .info_notice .fr{margin-top:0;}
	.index .info_notice .more_view{padding-right:20px;font-size:2rem;font-weight:bold;background-size:13px 13px;}
	.index .info_notice .board_list{margin-top:15px;}
	.index .info_notice .board_list > li > a{padding:18px 0;}
	.index .info_notice .board_list > li .title{font-size:2rem;}
	.index .info_notice .board_list > li .date{font-size:2rem;}
	.index .info_host .list > li{margin-top:40px;padding-left:80px;}
	.index .info_host .list .tit{top:18px;font-size:2rem;font-weight:bold;}
	.index .info_host .list > li span{margin-right:40px;}
	.index .info_host .list > li span img{height:40px;}
}
@media only screen and (min-width:1024px) {
	.index .info_advance .fl{width:calc(50% - 100px);}
	.index .info_host .list > li span img{height:50px;}
	.index .info_advance .btns > a{width:310px;}
}
@media only screen and (min-width:1280px) {
	.index .info_advance .btns > a{width:323px;}
}
@media only screen and (min-width:1680px) {
	.index .info_host .list > li span img{height:auto;}
	.index .info_advance .btns > a{width:405px;}
}

/*페스티벌 소개*/
.booth_title_area{position:relative;}
.booth_title_area .ico_expand{display:block;position:absolute;right:0;bottom:0;line-height:20px;padding-right:25px;font-size:2.6rem;color:#36c397;background:url('../images/sub/ico_expand.png') no-repeat 100% center;background-size:20px auto;}

.booth_plan{margin-top:10px;}
.booth_plan img{width:100%;}

/*프로그램*/
.part_company{margin-top:30px;padding:15px 0;background-color:#ecf0f1;}
.part_company .list{margin-top:20px;}
.part_company .list > li{margin-bottom:20px;}
.part_company .list > li > a{display:block;}
.part_company .list > li > a:hover .detail{background:#00cc88 url('../images/bg/bg_list_wh.png') no-repeat 98% center;background-size:13px auto;}
.part_company .list > li > a:hover .tit,
.part_company .list > li > a:hover .info > li{color:#fff;}
.part_company .list > li > a:hover .img img{transform:scale(1.08);transition-duration:1.5s;}
.part_company .list > li > a:hover .detail .type{border-color:#fff;color:#fff;}
.part_company .list > li .img{overflow:hidden;}
.part_company .list > li .img img{transform:scale(1);transition-duration:1.5s;}
.part_company .list > li .detail{padding:15px 50px 15px 20px;background:#fff url('../images/bg/bg_list.png') no-repeat 98% center;background-size:13px auto;}
.part_company .list > li .detail .tit{margin-right:10px;font-size:3.2rem;color:#000;font-weight:bold;}
.part_company .list > li .detail .type{margin:0 2px;display:inline-block;padding:4px 8px;border:1px solid #00cc99;color:#00cc99;font-size:12px;font-weight:bold;text-align:center;}
.part_company .list > li .detail .info{margin-top:8px;}
.part_company .list > li .detail .info > li{font-size:2.6rem;color:#555555;text-indent:-12px;padding-left:12px;line-height:1.6;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.detail_view{font-size:16px;text-align:center;}
.detail_view .cont{text-align:left;}
.detail_view .cont .type{display:inline-block;padding:4px 8px;border:1px solid #00cc99;color:#00cc99;font-size:12px;font-weight:bold;text-align:center;vertical-align:middle;}
.detail_view .cont .type:first-child{margin-left:10px;}
.detail_view .title{line-height:1.6;font-size:4rem;color:#010101;font-weight:bold;text-align:left;}
.detail_view .list_info{margin-top:10px;}
.detail_view .list_info > li{padding-left:8px;text-indent:-8px;line-height:1.6;font-size:14px;color:#010101;text-align:left;}
.detail_view .text .info{text-align:left;}
.detail_view .list{margin-top:40px;}
.detail_view .list > li{padding-left:12px;font-size:14px;line-height:1.6;text-indent:-12px;text-align:left;}
.detail_view figure{margin-top:50px;text-align:center;}
.detail_view figure .img{margin-top:30px;}
.detail_view figure figcaption{margin-top:8px;font-size:2.8rem;color:#333333;}

.tb_schedule{margin-top:10px;}
.tb_schedule thead th:first-child{border-left:0;}
.tb_schedule thead th,
.tb_schedule tbody td{padding-left:0;padding-right:0;border-left:1px solid #888888;text-align:center;font-size:11px;}

.list_schedule .date{display:block;margin-top:60px;padding:12px 0;font-size:2.8rem;border-top:2px solid #00cc99;background-color:#f7f7f7;} 
.list_schedule .date:nth-of-type(1){margin-top:10px;}
.list_schedule .list{border-bottom:1px solid #8e8e8e;font-weight:bold;}
.list_schedule .list > li{display:table;width:100%;border-top:1px solid #8e8e8e;}
.list_schedule .time{display:table-cell;padding:12px 0 12px 10px;width:35%;min-height:60px;font-size:2.6rem;color:#000;}
.list_schedule .text{display:table-cell;padding:12px 0;width:65%;font-size:2.6rem;color:#000;line-height:1.5;}
.list_schedule .text .s_tit{display:block;}

.s_gray{display:block;font-size:1.6rem;color:#d6d6d6;}
.bg_blue{background-color:#506fd1;color:#fff;}
.bg_blue .text{color:#fff;}
.bg_blue .s_tit{color:#26dda9;}
.bg_skyblue{background-color:#52b2cc;color:#fff;}
.bg_skyblue .text{color:#fff;}
.bg_skyblue .s_tit{color:#6e47eb;}
.bg_green{background-color:#44b77b;color:#fff;}
.bg_green .text{color:#fff;}
.bg_green .s_tit{color:#372ee8}
.bg_purple{background-color:#8f56cc;color:#fff;}
.bg_purple .text{color:#fff;}
.bg_purple .s_tit{color:#30b3fc;}

.edu_detail{padding:50px 0 10%;background-color:#ecf0f1;}
.edu_detail .img_enu_course{margin-top:5%;text-align:center;}
.edu_detail .img_enu_course img{width:100%;}
.edu_detail .list{margin-top:5%;}
.edu_detail .list > li{margin-top:20px;}
.edu_detail .list > li .detail{padding:15px 50px 15px 20px;background-color:#fff;}
.edu_detail .list > li .detail .tit{font-size:3.2rem;color:#000;font-weight:bold;}
.edu_detail .list > li .detail .info{margin-top:8px;}
.edu_detail .list > li .detail .info > li{font-size:2.6rem;color:#555555;text-indent:-12px;padding-left:12px;line-height:1.6;}
.edu_detail .division{margin-top:20%;padding-top:7%;border-top:2px solid #000000;}

.introduce_lecturer{margin-top:60px;padding:20px 0 75px;background-color:#ecf0f1;}
.introduce_lecturer .list{margin-top:20px;}
.introduce_lecturer .list > li{position:relative;display:table;table-layout:fixed;margin-bottom:10px;width:100%;padding:18px 10px;background-color:#fff;line-height:1.6;}
.introduce_lecturer .list .img{display:table-cell;width:25%;vertical-align:middle;}
.introduce_lecturer .list .detail{display:table-cell;padding:0 10px;width:75%;vertical-align:middle;}
.introduce_lecturer .list .detail .tit{margin-bottom:13px;width:100%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-size:15px;font-weight:bold;color:#000000;}
.introduce_lecturer .list .detail .info > li{width:100%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-size:13px;color:#555555;}
.introduce_lecturer .list .btn_more{display:block;position:absolute;right:0;top:0;width:35px;height:35px;background:url('../images/sub/btn_more.gif') no-repeat 0 0;background-size:100%;text-indent:-9999em;overflow:hidden;}
.introduce_lecturer .list .btn_more{}

.esports_competition dt{position:relative;margin-top:15%;font-size:3.2rem;color:#010101;font-weight:bold;}
.esports_competition dt .btn_view{margin:10px 0;text-align:right;}
.esports_competition dt .btn_view > a{display:inline-block;padding:6px 10px;font-size:13px;color:#fff;background-color:#6e47eb;}
.esports_competition .img{margin:15px 0 25px;}

.go_win_list{display:inline-block;margin:10px 0;padding:5px 10px;font-size:13px;border:1px solid #00cc99;}
.go_win_list:hover{background-color:#00cc99;color:#fff;}

.intro_start_up{margin-top:10%;}
.intro_start_up .fl{margin-bottom:6%;}
.intro_start_up .list_dash li{padding-left:9px;margin-bottom:10px;font-size:2.6rem;text-indent:-9px;line-height:1.5;}
.tb_refer .color{display:inline-block;margin-right:5px;width:20px;height:13px;vertical-align:-2px;background-color:#d9f7f0;border:1px solid #00cc99;}

.term_inner{font-size:13px;line-height:1.6;}
.term_inner .content_title{display:block;margin-bottom:10%;}
.term_inner .tit{margin:30px 0 15px;font-size:14px;}
.term_inner .list_a{margin-top:5px;padding-left:5px;}
.term_inner .list_a > li{margin-top:10px;text-indent:-14px;padding-left:14px;}
.term_inner .list_num{margin-top:5px;}

@media only screen and (min-width:370px){
	.tb_schedule thead th,
	.tb_schedule tbody td{font-size:12px;}
}

@media only screen and (min-width:420px){
	.tb_schedule thead th,
	.tb_schedule tbody td{font-size:13px;}
}

@media only screen and (min-width:768px) {
	.part_company{margin-top:100px;padding:40px 0 80px;}
	.part_company .list:after{content:"";display:block;clear:both;}
	.part_company .list > li{margin-bottom:30px;}
	.part_company .list > li:nth-child(2n+1){float:left;width:48%;}
	.part_company .list > li:nth-child(2n){float:right;width:48%;}
	.part_company .list > li .detail{padding:30px;}
	.part_company .list > li .detail .tit{margin-right:20px;font-size:2.4rem;color:#000;font-weight:bold;}
	.part_company .list > li .detail .info > li{font-size:2rem;}
	.part_company .list > li .detail .type{min-width:55px;padding:4px 10px 3px;font-size:2rem;border:2px solid #00cc99;}
	
	.tb_schedule{margin-top:20px;}
	.tb_schedule thead th,
	.tb_schedule tbody td{font-size:2rem;}
	.tb_schedule.detail thead th{font-size:1.8rem;border:1px solid #8e8e8e;border-top:0}
	.tb_schedule.detail tbody th{padding:35px 0;font-size:1.6rem;border:1px solid #8e8e8e;}
	.tb_schedule.detail tbody td{padding:10px 0;font-size:1.6rem;font-weight:bold;border:1px solid #8e8e8e;line-height:1.5;}
	.tb_schedule.detail tbody td .s_tit{display:block;font-size:1.6rem;}

	.edu_detail .list{margin-top:5%;font-size:0;}
	.edu_detail .list > li{display:inline-block;width:48%;margin-top:40px;font-size:0;vertical-align:top;}
	.edu_detail .list > li:nth-child(2n+1){}
	.edu_detail .list > li:nth-child(2n){margin-left:4%;}
	.edu_detail .list > li .detail{padding:30px;}
	.edu_detail .list > li .detail .tit{font-size:2.4rem;color:#000;font-weight:bold;}
	.edu_detail .list > li .detail .info > li{font-size:2rem;}
	.edu_detail .list.junior > li:last-child{margin-top:-7%;}
	
	.introduce_lecturer .list{margin-top:30px;}
	.introduce_lecturer .list:after{content:"";display:block;clear:both;}
	.introduce_lecturer .list > li{padding:30px;margin-bottom:30px;}
	.introduce_lecturer .list > li:nth-child(2n+1){float:left;width:48%;}
	.introduce_lecturer .list > li:nth-child(2n){float:right;width:48%;}
	.introduce_lecturer .list > li .detail{padding-left:30px;}
	.introduce_lecturer .list > li .detail .tit{font-size:2.2rem;color:#000;font-weight:bold;}
	.introduce_lecturer .list > li .detail .info > li{font-size:1.8rem;}
	.introduce_lecturer .list .btn_more{width:40px;height:40px;}
	
	.intro_start_up:after{content:"";display:block;clear:both;}
	.intro_start_up .fl{float:left;width:45%;}
	.intro_start_up .img{float:right;width:50%;}
	.intro_start_up .list_dash li{font-size:2.2rem;}
	
	.esports_competition dt .btn_view{position:absolute;right:0;top:-5px;margin:0;}
	.esports_competition dt .btn_view > a{padding:10px 15px;font-size:16px;}
	.go_win_list{font-size:2rem;}

	.term_inner{font-size:16px;line-height:1.8;}
	.term_inner .tit{font-size:18px;}
	.term_inner .list_a > li{padding-left:16px;text-indent:-16px;}
}
@media only screen and (min-width:1024px) {
	.display_inner{max-width:800px;}
	.detail_view .cont{text-align:left;}
	.detail_view .cont .title{font-size:3.6rem;}
	.detail_view .cont .type{min-width:55px;padding:4px 10px 3px;font-size:2rem;border:2px solid #00cc99;}
	.detail_view .cont .type:first-child{margin-left:20px;}
	.detail_view .list_info{margin-top:40px;}
	.detail_view .list_info > li{padding-left:10px;;text-indent:-10px;font-size:2rem;}
	.detail_view .list{margin-top:80px;}
	.detail_view .list > li{padding-left:22px;font-size:2rem;text-indent:-22px;}
	.detail_view .img{margin-top:30px;}
	.detail_view figure{margin-top:70px;}
	.detail_view figure figcaption{margin-top:35px;font-size:2rem;}
	
	.edu_detail .img_enu_course img{width:auto;}
	.edu_detail .list.junior > li:last-child{margin-top:-6%;}

	.tb_schedule.detail tbody th{font-size:1.8rem;}
}
@media only screen and (min-width:1280px) {
	.edu_detail .list.junior > li:last-child{margin-top:-5%;}
	
}
@media only screen and (min-width:1680px) {
	.edu_detail .list.junior > li:last-child{margin-top:-7%;}
	.tb_schedule.detail thead th{font-size:1.4rem;}
	.tb_schedule.detail tbody th{font-size:1.4rem;}
	.tb_schedule.detail tbody td{font-size:1.4rem;}
	.tb_schedule.detail tbody td .s_tit{font-size:1.2rem;}
	.tb_schedule.detail tbody td .s_gray{font-size:1.2rem;}
}

/*게시판*/
.board_list{margin-top:20px;border-top:2px solid #000000;}
.board_list > li{border-bottom:1px solid #aaaaaa;}
.board_list > li > a{display:block;padding:17px 50px 17px 0;background:url('../images/bg/bg_list.png') no-repeat 98% center;background-size:12.5px auto;}
.board_list > li .title{display:inline-block;font-size:14px;margin-right:15px;font-weight:bold;}
.board_list > li .date{display:block;margin-top:5px;font-size:13px;color:#8c8c8c;}
.board_list .no_result{padding:100px 0;font-size:14px;text-align:center;}
.board_view_wrap{min-height:300px;margin-top:20px;padding:20px 0;font-size:16px;text-align:center;border-top:2px solid #000;}
.board_view_wrap .title{font-size:16px;color:#222;font-weight:bold;word-break:keep-all;line-height:1.6;}
.board_view_wrap .date{margin-top:10px;font-size:14px;color:#333;}
.board_view_wrap .detail{margin-top:50px;font-size:14px;color:#333;text-align:left;word-break:keep-all;line-height:1.6;}
.board_view_wrap .detail img{width:100%;}
.btn_list{margin-top:50px;text-align:center;}
.btn_list > a{display:block;padding:10px 50px;color:#fff;background-color:#00d3a1;font-size:18px;}

.comments .reply_inp_box{padding:10px;background-color:#00cc99;}
.comments .reply_inp_box > dt{font-weight:bold;font-size:2.8rem;color:#fff;}
.comments .reply_inp_box .inp_tx{position:relative;margin-top:10px;padding-right:90px;}
.comments .reply_inp_box .inp_tx .input_comment{width:100%;}
.comments .reply_inp_box .inp_tx .input_comment textarea{padding:10px;width:100%;height:50px;font-size:13px;resize:none;}
.comments .reply_inp_box .inp_tx .btn_regist{display:block;position:absolute;right:0;top:0;width:80px;height:50px;line-height:50px;text-align:center;font-size:2.6rem;color:#fff;background-color:#060e17;}
.comments .total_count{margin-top:40px;font-size:2.8rem;}
.comments .board_list > li{position:relative;padding:17px 50px 17px 10%;}
.comments .board_list > li .btn_x{display:block;position:absolute;padding:0;right:10px;top:20px;width:15px;height:15px;background:url('../images/common/btn_x_gray.png') no-repeat 0 0;background-size:100%;text-indent:-9999em;overflow:hidden;}
.comments .board_list > li .num{position:absolute;left:0;top:18px;width:7%;text-align:center;font-size:2.6rem;}
.comments .board_list > li .title{display:block;margin-right:0;padding:0;background:none;}
.comments .board_list > li .title:hover{text-decoration:underline;}
.comments .board_list > li .w_id{display:inline-block;margin-right:10px;font-size:13px;color:#8c8c8c;}
.comments .board_list > li .date{display:inline-block;margin-left:10px;}

.game_info{max-width:800px;margin:30px auto 0;}
.game_info .text{margin-top:30px;}
.game_info .text > p{text-align:left;font-size:2.4rem;}
.game_info .tit{font-size:14px;font-weight:bold;}

@media only screen and (min-width:768px) {
	.board_list > li > a{padding:30px 80px 30px 0;}
	.board_list > li .title{font-size:2rem;}
	.board_list > li .date{display:inline-block;font-size:2rem;}
	.board_list .no_result{font-size:16px;}
	.board_view_wrap .title{font-size:24px;}
	.board_view_wrap .date{margin-top:20px;font-size:2rem;}
	.board_view_wrap .detail{padding:0 100px;margin-top:70px;font-size:2rem;text-align:center;}
	.btn_list{margin-top:100px;}
	.btn_list > a{display:inline-block;font-size:2.4rem;}

	.comments .reply_inp_box{padding:20px;}
	.comments .reply_inp_box > dt{font-size:2.4rem;}
	.comments .reply_inp_box .inp_tx{margin-top:15px;padding-right:120px;}
	.comments .reply_inp_box .inp_tx .input_comment{width:100%;}
	.comments .reply_inp_box .inp_tx .input_comment textarea{padding:10px;width:100%;height:50px;font-size:14px;}
	.comments .reply_inp_box .inp_tx .btn_regist{width:100px;font-size:1.8rem;}
	.comments .total_count{font-size:2rem;}
	.comments .board_list > li{padding:17px 50px 17px 10%;}
	.comments .board_list > li .btn_x{right:20px;top:20px;width:15px;height:15px;}
	.comments .board_list > li .num{top:22px;width:7%;font-size:1.8rem;}
	.comments .board_list > li .title{display:inline-block;margin-right:30px;}
	.comments .board_list > li .w_id{display:inline-block;margin-right:10px;font-size:1.8rem;}
	.comments .board_list > li .date{margin-left:10px;}
	
	.game_info .tit{font-size:18px;}
	.game_info .text{margin-top:50px;}
	.game_info .text > p{text-align:left;font-size:16px;}
}

/*사전신청*/
.application-page #container .inner{padding:50px 0 45px;}
.application-page .st_tit{font-size:4.2rem;font-weight:bold;letter-spacing:-1px;text-align:center;}
.application-page .sub_tit{font-size:4.2rem;text-align:center;font-weight:bold;letter-spacing:-1px;}
.application-page .tit_box{text-align:center;}
.application-page .tit_box > span{display:inline-block;padding:8px 20px 5px;border:1px solid #00cc88;color:#00cc88;font-size:2.6rem;font-weight:bold;border-radius:25px;}
.application-page .tit_box + .sub_tit{margin:5% 0 7%;}
.application-page .btn_apply > a{display:block;padding:4% 0;text-align:center;font-size:3.6rem;font-weight:bold;color:#fff;font-weight:bold;background-color:#00cc88;}
.application-page .btn_apply > a.more{background-color:#6e47eb;}
.application-page .btn_apply > a.more span{display:inline-block;height:100%;padding-right:40px;background:url('../images/common/ico_plus.png') no-repeat 100% center;background-size:auto 100%;}
.application-page .list_dash > li{font-size:2.6rem;text-align:left;padding-left:2.3vw;text-indent:-2.3vw;}
.application-page .notice > dt{margin-top:25px;font-size:2.6rem;font-weight:bold;line-height:1.5;}
.application-page .notice > dd{margin-top:10px;font-size:2.6rem;line-height:1.5;}

.application-page .tb_type{width:100%;}
.application-page .tb_type th{padding:10px 0;font-size:2.2rem;font-weight:normal;border:1px solid #fff;line-height:1.5;}
.application-page .tb_type td{padding:10px 0;font-size:2.2rem;border:1px solid #fff;line-height:1.5;}
.application-page .tb_schedule th,.application-page .tb_schedule td{padding:8px;}

.floating_bnr{position:fixed;left:0;bottom:0;z-index:2;width:100%;padding:20px 0 20px 27%;box-shadow:-5px -5px 10px rgba(0,0,0,0.3);background: #6e47eb; /* Old browsers */
background: -moz-linear-gradient(left, #6e47eb 20%, #eb47ce 87%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #6e47eb 20%,#eb47ce 87%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #6e47eb 20%,#eb47ce 87%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6e47eb', endColorstr='#eb47ce',GradientType=1 ); /* IE6-9 */}
.floating_bnr > a{position:relative;display:block;text-align:left;}
.floating_bnr .text{display:block;padding-left:3%;}
.floating_bnr .text img{width:80%;max-width:300px;}
.floating_bnr .img_character{display:block;position:absolute;left:0;bottom:-6px;margin-left:-30%;}
.floating_bnr .img_character img{width:28vw;max-width:150px;min-width:100px;}

.info_intro{background-color:#00d3a1;text-align:center;}
.info_intro .img{margin-top:4%;}
.info_intro .img span{display:inline-block;width:48%;}
.info_intro .img span:first-child{margin-right:2%;}
.info_intro .text{margin-top:2%;font-size:3.2rem;font-weight:bold;color:#fff;}
.info_intro .text2{margin-top:4%;font-size:2.8rem;color:#040c20;line-height:1.6;}

.info_application{position:relative;background-color:#040c20;}
.info_application .visual img{width:100%;}
.info_application .light{position:absolute;left:0;top:0;width:100%;height:100%;animation:turnLight 5s infinite forwards ease-in;}

.info_event{}
.info_event .img{margin-bottom:6%;}
.info_event .inner{border-top:2px solid #222222;}
.info_event .st_tit{color:#000000;}
.info_event > article:nth-of-type(1) .inner{border-top:0;}
.info_event .list_dash li{margin-top:10px;}
.info_event .list_dash li > p{margin-top:5px;font-size:2.6rem;text-indent:0;line-height:1.5;}
.info_event .text{margin-bottom:15px;font-size:2.6rem;font-weight:bold;line-height:1.6;}
.info_event .btn_apply{margin-top:25px;}
.info_event .refer{margin-top:15px;font-size:2.6rem;color:#00d3a1;text-align:center;}
.info_event .event4_esports .list > dt{margin:15px 0 10px;font-size:2.8rem;font-weight:bold;}
.info_event .event4_esports .list > dt:first-child{margin-top:0;}
.info_event .event4_esports .list > dt > span{display:block;margin-left:4.5%;}
.info_event .event4_esports .pd{display:block;padding-left:36px;text-indent:0;}
.info_event .event4_esports .fr{margin-top:45px;}

.info_schedule .inner{border-top:2px solid #000000;}
.info_schedule .tb_type{margin:20px auto 0;width:100%;}
.info_schedule .tb_type th{background-color:#31394d;text-align:center;}
.info_schedule .tb_type td{text-align:center;}
.info_schedule .list{margin-top:7%;}
.info_schedule .list li{margin-top:5px;font-size:2.8rem;color:#000;padding-left:46px;text-indent:-46px;line-height:1.6;}
.info_schedule .list li:first-child{margin-top:0;}

.info_advance{position:relative;background-color:#fff;color:#000;}
.info_advance #container .inner{padding-top:0;}
.info_advance .tit_box > span{border:1px solid #00cc88;color:#00cc88;}
.info_advance .sub_tit .txt{display:block;font-size:3.6rem;}
.info_advance .img{position:relative;margin-top:15%;}
.info_advance .img:before{content:"";position:absolute;right:0;top:-15%;width:33%;max-width:220px;height:220px;background:url('../images/event/img_gift_note.png') no-repeat 0 0;background-size:100% auto;}
.info_advance .img:after{content:"";position:absolute;left:10px;top:5%;width:27%;max-width:180px;height:180px;background:url('../images/event/img_gift_vita.png') no-repeat 0 0;background-size:100% auto;}
.info_advance .cont{position:relative;}
.info_advance .advance_period{position:relative;margin-top:10%;}
.info_advance .advance_period > dt{margin-top:25px;font-size:2.8rem;font-weight:bold;line-height:1.5;}
.info_advance .advance_period > dd{margin-top:3px;font-size:2.8rem;line-height:1.5;}
.info_advance .advance_period .furo_d{position:absolute;right:0;bottom:65%;width:35%;}
.info_advance .advance_period .furo_d img{width:100%;}
.info_advance .btn_apply{margin-top:10%;}
.info_advance .notice{margin-top:10%;}

.info_site{background-color:#6e47eb;color:#fff;}
.info_site .tit_box > span{color:#00d3a1;border-color:#00d3a1;}
.info_site .sub_tit{margin-bottom:4%;font-size:4.2rem;text-align:center;}
.info_site .box{width:100%;padding:35px 0;margin-bottom:3%;border:4px solid #fff;text-align:center;}
.info_site .box .gift{margin-top:20px;}
.info_site .box .gift img{width:55%;max-width:400px;}
.info_site .box .gift .pd_name{margin-top:20px;font-size:2.8rem;}
.info_site .box .tit{padding:10px 30px;color:#6e47eb;font-size:2.6rem;background-color:#fff;border-radius:25px;}
.info_site .box .txt{margin-top:25px;font-size:4rem;font-weight:bold;}
.info_site .box.event3{width:100%;clear:both;}
.info_site .event_benefit{margin-top:8%;}
.info_site .event_benefit > li{display:block;margin:13px 5% 0;padding:15px 0;font-size:2.8rem;background-color:#5237a9;border-radius:70px;line-height:1.6;}
.info_site .event_benefit > li > strong{margin-bottom:8px;font-size:3.2rem;}
.info_site .notice_area{clear:both;text-align:center;}
.info_site .notice_area .notice{display:inline-block;text-align:left;}

.customer_ask{background-color:#eb47ce;color:#fff;}
.customer_ask .inner{padding:50px 0 40px;}
.customer_ask .tit{font-size:4rem;}
.customer_ask .text{margin-top:10px;font-size:2.6rem;}
.customer_ask .list{margin-top:20px;}
.customer_ask .list > li{margin-bottom:10px;display:inline-block;padding-left:45px;min-height:35px;font-size:2.8rem;font-weight:bold;line-height:35px;letter-spacing:0;}
.customer_ask .list > li a{color:#fff;cursor:default;}
.customer_ask .list .tel{margin-right:20px;background:url('../images/common/ico_tel.png') no-repeat 0 center;background-size:35px auto;}
.customer_ask .list .mail{background:url('../images/common/ico_mail.png') no-repeat 0 center;background-size:35px auto;}


@media (min-width:376px) and (max-width:767px){
	.info_event .event4_esports .pd{padding-left:40px;}
}

@media only screen and (min-width:768px) {
	.application-page #container .inner{padding:70px 0 60px;}
	.application-page .st_tit{font-size:4.2rem;letter-spacing:-2px;}
	.application-page .sub_tit{margin-bottom:5%;font-size:3.8rem;font-weight:bold;letter-spacing:-1px;text-align:center;}
	.application-page .tit_box > span{display:inline-block;padding:0 3%;min-width:116px;height:38px;line-height:36px;font-weight:bold;font-size:2rem;border:2px solid #00cc88;text-align:center;}
	.application-page .tit_box + .sub_tit{margin-top:3%;}
	.application-page .notice > dt{margin-top:15%;font-size:2rem;font-weight:bold;line-height:1.5;}
	.application-page .notice > dd{margin-top:10px;font-size:2rem;line-height:1.7;}
	.application-page .btn_apply > a{display:block;padding:4% 0;max-width:660px;text-align:center;font-size:2.8rem;font-weight:bold;color:#fff;font-weight:bold;background-color:#00cc88;}
	.application-page .btn_apply > a.more span{padding-right:45px;}
	.application-page .list_dash > li{margin-top:5px;font-size:2rem;padding-left:0.8vw;text-indent:-0.8vw;line-height:1.6;}
	.application-page .tb_type th{padding:10px;}
	.application-page .tb_type td{padding:10px;}

	.info_application .light{width:100%;height:100%;background:url('../images/event/img_light.png') no-repeat center bottom;background-size:contain;animation:turnLightPC 5s infinite forwards ease-in;}
	.info_application .visual{padding:8% 0 15.5%;background:url('../images/event/bg_event_visual.jpg') no-repeat center bottom;background-size:contain;text-align:center;}
	.info_application .visual img{position:relative;z-index:1;width:40%;min-width:450px;max-width:768px;}
	
	/*.info_intro .img span{width:30%;min-width:300px;}*/
	.info_intro .img span:first-child{margin-right:3%;}
	.info_intro .text2{font-size:3.2rem;}

	.info_event .fl{float:left;width:45%;}
	.info_event .img{float:right;width:50%;}
	.info_event .list_dash li{margin-top:10px;}
	.info_event .list_dash li > p{font-size:2rem;font-weight:normal;}
	.info_event .text{font-size:2rem;margin-bottom:25px;}
	.info_event .refer{margin-top:30px;font-size:2rem;text-align:left;}
	.info_event .btn_apply{margin-top:30px;}
	.info_event .event4_esports .list > dt{margin:12% 0 3%;}
	.info_event .event4_esports .list > dt > span{font-weight:normal;}
	.info_event .event4_esports .list > dd .pd{display:inline-block;padding-left:0;text-indent:48px;}
	.info_event .event4_esports .img{float:none;width:100%;}
	.info_event .event4_esports .fl{width:48%;}
	.info_event .event4_esports .fr{float:right:;width:48%;margin-top:0;}
	.info_event .event4_esports .list_dash > li{margin-top:0;}
	
	.info_schedule .fl{width:calc(42% - 50px);}
	.info_schedule .fr{width:58%;max-width:1000px;}
	.info_schedule .tb_type td{vertical-align:top;}
	.info_schedule .list li{font-size:2rem;}

	.info_advance .cont:after{content:"";display:block;clear:both;}
	.info_advance .fl{float:left;width:calc(50% - 100px);}
	.info_advance .sub_tit .txt{margin-top:15px;font-size:3.2rem;}
	.info_advance .img{float:right;width:45%;margin-top:0;}
	.info_advance .img:before{content:"";position:absolute;right:15px;top:-180px;width:31%;max-width:240px;height:240px;background:url('../images/event/img_gift_note.png') no-repeat 0 bottom;background-size:100% auto;}
	.info_advance .img:after{content:"";position:absolute;left:45px;top:10px;width:26%;max-width:200px;height:200px;background:url('../images/event/img_gift_vita.png') no-repeat 0 0;background-size:100% auto;}
	.info_advance .advance_period{padding-bottom:10%;white-space:nowrap;}
	.info_advance .advance_period > dt{margin-top:25px;font-size:2.4rem;font-weight:bold;}
	.info_advance .advance_period > dt:first-child{margin-top:0;}
	.info_advance .advance_period > dd{margin-top:10px;font-size:2.4rem;}
	.info_advance .advance_period .furo_d{right:-37%;bottom:-24%;min-width:110px;}
	.info_advance .notice{margin-top:3%;white-space:nowrap;}
	
	.info_site .sub_tit{font-size:3.8rem;}
	.info_site .box{width:calc(50% - 20px);}
	.info_site .box .gift img{width:45%;}
	.info_site .box .gift .pd_name{font-size:2rem;}
	.info_site .box .tit{font-size:1.8rem;}
	.info_site .box .txt{font-size:3.2rem;}
	.info_site .event_benefit{margin-top:50px;}
	.info_site .event_benefit > li{display:inline-block;min-width:300px;width:40%;margin:0 1.5%;padding:28px 0;font-size:2rem;}
	.info_site .event_benefit > li > strong{font-size:2.4rem;}
	.info_site .notice_area .notice > dt{margin-top:0;}
	
	.customer_ask .tit{font-size:3.2rem;}
	.customer_ask .text{margin-top:10px;font-size:16px;}
	.customer_ask .list{margin-top:40px;}
	.customer_ask .list > li{display:inline-block;padding-left:90px;min-height:70px;line-height:70px;width:48%;}
	.customer_ask .list .tel{background:url('../images/common/ico_tel.png') no-repeat 0 center;}
	.customer_ask .list .mail{background:url('../images/common/ico_mail.png') no-repeat 0 center;}
	.customer_ask .inner{padding:6% 0;}

	.floating_bnr{padding:30px 0;}
	.floating_bnr > a{text-align:center;}
	.floating_bnr .img_character{left:50%;bottom:-9px;margin-left:-350px;}
	.floating_bnr .img_character img{width:auto;max-width:none;min-width:auto;}
	.floating_bnr .text img{width:auto;max-width:none;}
}

@media only screen and (min-width:1280px) {
	.info_schedule .list li{padding-left:53px;text-indent:-53px;}
	.info_advance .advance_period .furo_d{right:0;bottom:-12%;width:32.7%;}
	.info_site .event_benefit > li{width:30%;}
}
@media only screen and (min-width:1680px) {
	.info_event .event4_esports .list > dd .pd{text-indent:62px;}
	.info_schedule .list li{padding-left:65px;text-indent:-65px;}
}

/*이벤트*/
.event-page .info_site{background-color:#fff;color:#000000;}
.event-page .info_site .box .tit{display:inline-block;font-size:2.6rem;color:#fff;padding:8px 22px;border-radius:50px;font-weight:bold;/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#02e6b3+0,6e47eb+100 */
background: #02e6b3; /* Old browsers */
background: -moz-linear-gradient(left, #02e6b3 0%, #6e47eb 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #02e6b3 0%,#6e47eb 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #02e6b3 0%,#6e47eb 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#02e6b3', endColorstr='#6e47eb',GradientType=1 ); /* IE6-9 */}
.event-page .info_site .box{border-color:#6e47eb;}
.event-page .info_site .event_benefit > li{background-color:#00cc99;color:#fff;}
.list_dash > li{font-size:2.6rem;text-align:left;padding-left:2.3vw;text-indent:-2.3vw;}
.notice > dt{margin-top:25px;font-size:2.6rem;font-weight:bold;line-height:1.5;}
.notice > dd{margin-top:10px;font-size:2.6rem;line-height:1.5;}

.event_review .sub_text{margin-top:15px;}
.event_review .cont{margin-top:7%;}
.event_review .box .title{margin-bottom:20px;font-size:3.6rem;color:#000;font-weight:bold;}
.event_review .box{width:100%;padding:35px 0 80px;margin-top:25px;border:4px solid #6e47eb;text-align:center;}
.event_review .box .tit{display:inline-block;font-size:2.6rem;color:#fff;padding:8px 22px;border-radius:50px;font-weight:bold;/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#02e6b3+0,6e47eb+100 */
background: #02e6b3; /* Old browsers */
background: -moz-linear-gradient(left, #02e6b3 0%, #6e47eb 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #02e6b3 0%,#6e47eb 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #02e6b3 0%,#6e47eb 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#02e6b3', endColorstr='#6e47eb',GradientType=1 ); /* IE6-9 */}
.event_review .gift .mb img{max-width:500px;}
.event_review .event_order:after{content:"";display:block;clear:both;}
.event_review .event_order .txt{margin-top:30px;font-size:3.2rem;color:#000;line-height:1.6;}
.event_review .event_order .step1{margin-top:40px;padding-bottom:60px;margin-bottom:35px;background:url('../images/event/ico_arrow_bottom.gif') no-repeat center 100%;background-size:auto 20px;}
.event_review .notice_area{margin-top:65px;padding-top:35px;border-top:1px solid #000000;}
.event_review .notice_area .notice dt{margin-top:0;}
.event_review .share_bottom{padding-bottom:35px;margin:75px 0 40px;text-align:center;font-size:3rem;font-weight:bold;color:#000;background:url('../images/event/ico_arrow_bottom.gif') no-repeat center 100%;background-size:41px auto;}

@media only screen and (min-width:768px) {
	.event-page .info_site .box .tit{font-size:14px;}
	.event-page .list_dash > li{margin-top:5px;font-size:2rem;padding-left:0.8vw;text-indent:-0.8vw;line-height:1.6;}
	.notice > dt{margin-top:15%;font-size:2rem;font-weight:bold;line-height:1.5;}
	.notice > dd{margin-top:10px;font-size:2rem;line-height:1.7;}

	.event_review .sub_text{margin-top:35px;}
	.event_review .box .title{margin-bottom:50px;}
	.event_review .event_order .step1{float:left;width:calc(50% + 40px);margin:0;padding-right:40px;padding-bottom:0;background:url('../images/event/ico_arrow.gif') no-repeat right center;}
	.event_review .event_order .step2{float:left;width:calc(50% - 40px);}
	.event_review .event_order .txt{font-size:2.4rem;}
	.event_review .notice_area{padding-left:15%;}
	.event_review .share_bottom{padding-bottom:65px;background-size:80px auto;}
}

/*오시는길*/
.map_area > img{width:100%;}
.map_area{margin-top:5%;}

/*layer popup*/
.layer_wrap{display:none;position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100%;z-index:9999;}
.layer_wrap .mask{position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.6);z-index:999;}
.layerPopup{display:none;position:absolute;left:0;top:50%;width:100%;max-width:1020px;max-height:100vh;top:0;background-color:#061424;color:#fff;overflow-y:auto;-webkit-overflow-scrolling:touch;overflow-y:auto;z-index:10000;}
.layerPopup .top{padding:20px 25px;border-bottom:2px solid #fff;}
.layerPopup .top .title{font-size:4.8rem;font-weight:bold;}
.layerPopup .top .popX{display:block;position:absolute;right:25px;top:25px;width:23px;height:23px;background:url('../images/event/btn_x.png') no-repeat 0 0;background-size:100%;text-indent:-9999em;overflow:hidden;}
.layerPopup .body{padding:25px 20px 70px;}
.layerPopup .input_info{text-align:center;}
.layerPopup .input_info > p,
.layerPopup .input_info .cell{margin-top:8px;}
.layerPopup .input_info label{display:inline-block;width:22%;font-size:14px;text-align:left;font-weight:bold;vertical-align:top;}
.layerPopup .input_info input,
.layerPopup .input_info select{display:inline-block;padding:0 10px;width:75%;height:35px;line-height:35px;font-size:13px;border:1px solid #d7d7d7;}
.layerPopup .input_info .cell .text{display:inline-block;width:75%;line-height:25px;font-size:13px;color:#aaa;text-align:left;vertical-align:middle;}
.layerPopup .tb_type{width:100%;margin-top:40px;}
.layerPopup .tb_type th{padding:15px;font-size:14px;;font-weight:bold;border:1px solid #fff;color:#fff;background-color:#1f2c3a;}
.layerPopup .tb_type td{padding:10px 15px;font-size:13px;border:1px solid #fff;word-break:keep-all;color:#fff;}
.layerPopup .agreement{margin:25px 0 40px;text-align:center;}
.layerPopup .agreement label{font-size:15px;vertical-align:middle;}
.layerPopup .agreement .label_wrap{margin-left:40px;}
.layerPopup .agreement .label_wrap:nth-of-type(1){margin-left:0;}
.layerPopup .btn_apply{text-align:center;}
.layerPopup .btn_apply > a{display:inline-block;padding:15px 70px;font-size:18px;color:#000;background:#fff url('../images/event/ico_go.gif') no-repeat 85% center;}
.layerPopup .btn_apply .btn_white{display:block;background:#fff;color:#000;font-weight:bold;}
.layerPopup .apply_cancel{margin-top:20px;text-align:center;}
.layerPopup .apply_cancel > a{display:inline-block;padding-bottom:2px;border-bottom:1px solid #fff;font-size:2.6rem;color:#fff;}
.layerPopup .btn_bottom{position:absolute;width:calc(100% - 40px);bottom:30px;}
.layerPopup .refer{margin:25px 0 0 23%;font-size:13px;}
.layerPopup .txt_notice{margin:15px 0 40px;}
.layerPopup .txt_notice > li{font-size:12px;color:#fff;line-height:1.5;}
.layerPopup .sel_div{display:inline-block;width:75%;vertical-align:middle;}
.layerPopup .sel_div:after{content:"";display:block;clear:both;}
.layerPopup .sel_div select:first-child{display:block;float:left;width:49%;}
.layerPopup .sel_div select:last-child{display:block;float:right;width:49%;}

/*layer popup - share*/
.layerPopup.lay_share_sns{left:50%;top:50%;width:320px;max-width:320px;min-width:auto;margin-left:-160px !important;margin-top:-150px !important;height:auto;background-color:#fff;border:none;}
.layerPopup.lay_share_sns .top{border-bottom:1px solid #ccc;}
.layerPopup.lay_share_sns .top .title{font-size:20px;color:#333;}
.layerPopup.lay_share_sns .body{padding:5px 20px 25px;}
.layerPopup.lay_share_sns .sns_list{overflow:hidden;}
.layerPopup.lay_share_sns .sns_list li{width:25%;margin-top:20px;float:left;text-align:center;}
.layerPopup.lay_share_sns .sns_list li a{color:#fff;}
.layerPopup.lay_share_sns .sns_list li a .ico{width:63.5px;height:69px;background:url('../images/common/bg_sns_share.png') no-repeat;display:inline-block;background-size:254px 142.5px;}
.layerPopup.lay_share_sns .sns_list li.nth1 a .ico{background-position:0 0;}
.layerPopup.lay_share_sns .sns_list li.nth2 a .ico{background-position:-63.5px 0;}
.layerPopup.lay_share_sns .sns_list li.nth3 a .ico{background-position:-127px 0;}
.layerPopup.lay_share_sns .sns_list li.nth4 a .ico{background-position:-190.5px 0;}
.layerPopup.lay_share_sns .sns_list li.nth5 a .ico{background-position:0 -74px;}
.layerPopup.lay_share_sns .sns_list li.nth6 a .ico{background-position:-63.5px -74px;}
.layerPopup.lay_share_sns .sns_list li.nth7 a .ico{background-position:-127px -74px;}
.layerPopup.lay_share_sns .sns_list li.nth8 a .ico{background-position:-190.5px -74px;}
.layerPopup.lay_share_sns .url_box{margin-top:30px;text-align:center;}
.layerPopup.lay_share_sns .url_box .text{margin-bottom:7px;font-size:12px;color:#333;text-align:center;}
.layerPopup.lay_share_sns .url_box input[type='text']{padding:0 10px;width:100%;height:30px;line-height:30px;border:1px solid #ccc;font-size:13px;}
.layerPopup.lay_share_sns .popX{right:18px;top:16px;width:20px;height:20px;background:url('../images/event/btn_x2.png') no-repeat 0 0;background-size:100%;}

.layerPopup.pop_lecturer{background-color:#fff;}
.layerPopup.pop_lecturer .top{padding:13% 0 7%;background-color:#00cc88;text-align:center;}
.layerPopup.pop_lecturer .top .popX{right:17px;top:20px;width:23px;height:23px;background:url('../images/common/btn_x_wh.png') no-repeat 0 0;background-size:100%;}
.layerPopup.pop_lecturer .top .tit{color:#fff;font-size:4.2rem;}
.layerPopup.pop_lecturer .top .img{display:inline-block;width:37%;margin-top:25px;border-radius:50%;overflow:hidden;}
.layerPopup.pop_lecturer .cont{padding:40px 7%;color:#000;}
.layerPopup.pop_lecturer .list > li{position:relative;padding-left:12px;font-size:2.6rem;line-height:1.6;word-break:keep-all;}
.layerPopup.pop_lecturer .list > li:before{content:"ㆍ";display:block;position:absolute;left:0;top:0;font-size:2.6rem;}
.layerPopup.pop_lecturer .subject{margin-top:45px;}
.layerPopup.pop_lecturer .subject .tit{display:inline-block;padding-bottom:3px;font-weight:bold;color:#00cc88;font-size:2.6rem;border-bottom:2px solid #00cc88;}
.layerPopup.pop_lecturer .subject .text{margin-top:15px;font-size:3.2rem;color:#000000;line-height:1.6;font-weight:bold;}
.layerPopup.pop_lecturer .subject .additional{margin-top:10px;font-size:2.8rem;color:#000000;line-height:1.6;word-break:keep-all;}
.layerPopup.pop_lecturer .time{display:none;color:#000;font-size:2.8rem;text-align:center;font-weight:bold;}

.layerPopup.pop_pw{left:50%;top:50%;width:320px;max-width:500px;min-width:auto;margin-left:-160px !important;margin-top:-150px !important;height:auto;background-color:#fff;border:none;}
.layerPopup.pop_pw .popX{right:18px;top:16px;width:20px;height:20px;background:url('../images/event/btn_x2.png') no-repeat 0 0;background-size:100%;}
.layerPopup.pop_pw .body{padding:10px 20px 40px;color:#333;font-size:3rem;text-align:center;line-height:1.5;}
.layerPopup.pop_pw .input_info{margin-top:35px;}
.layerPopup.pop_pw .input_info label{font-size:15px;line-height:35px;}
.layerPopup.pop_pw .btns{margin-top:50px;}
.layerPopup.pop_pw .btns > a{display:block;width:48%;float:left;padding:10px 0;}
.layerPopup.pop_pw .btns > a:last-child{float:right;}

@media (max-width:767px){ 
	.layerPopup{left:0;top:0;width:100%;min-height:100vh;max-width:1020px;margin:0 !important;}
	.layerPopup.lay_share_sns,
	.layerPopup.pop_pw{min-height:auto;}
	/*.pop_advance_apply + .mask{display:none;}*/
}

@media only screen and (min-width:768px) {
	.layerPopup{min-width:700px;width:55%;left:50%;top:50%;border:2px solid #fff;}
	.layerPopup .top{padding:3% 0;border-bottom:1px solid #fff;}
	.layerPopup .top .title{font-size:3.8rem;text-align:center;}
	.layerPopup .body{padding:5% 0 8%;}
	.layerPopup .input_info label{padding-top:7px;width:16%;font-size:18px;}
	.layerPopup .input_info input,
	.layerPopup .input_info select,
	.layerPopup .input_info .cell .text{width:40%;min-height:40px;font-size:16px;}
	.layerPopup .input_info .cell .text{padding-top:7px;}
	.layerPopup .tb_type{margin:30px auto 0;width:80%;max-width:720px;}
	.layerPopup .tb_type th{font-size:20px;}
	.layerPopup .tb_type td{font-size:16px;}
	.layerPopup .agreement{margin:25px 0 5%;}
	.layerPopup .agreement label{font-size:16px;}
	.layerPopup .agreement .label_wrap{margin-left:70px;}
	.layerPopup .btn_apply > a{padding:12px 70px;font-size:2.4rem;width:320px;}
	.layerPopup .btn_apply .btn_white{display:inline-block;padding:20px 0;}
	.layerPopup .btn_bottom{position:static;width:auto;margin-top:230px;}
	.layerPopup .refer{margin-left:5%;text-align:center;font-size:2rem;line-height:1.6;}
	.layerPopup .sel_div{width:40%;}
	.layerPopup .txt_notice{margin:30px 10% 50px;}
	.layerPopup .txt_notice > li{font-size:1.8rem;color:#fff;line-height:1.5;}
	.layerPopup .apply_cancel > a{font-size:2rem;}

	.layerPopup.pop_lecturer{min-width:auto;width:680px;max-width:680px;border:none;}
	.layerPopup.pop_lecturer .top .img{width:350px;}
	.layerPopup.pop_lecturer .top .tit{font-size:28px;}
	.layerPopup.pop_lecturer .top .popX{width:35px;height:35px;right:30px;top:30px;}
	.layerPopup.pop_lecturer .cont{padding:40px 125px}
	.layerPopup.pop_lecturer .list > li{padding-left:18px;font-size:16px;}
	.layerPopup.pop_lecturer .list > li:before{font-size:16px;}
	.layerPopup.pop_lecturer .subject{margin-top:40px;}
	.layerPopup.pop_lecturer .subject .tit{font-size:16px;}
	.layerPopup.pop_lecturer .subject .text{font-size:2.6rem}
	.layerPopup.pop_lecturer .subject .additional{font-size:2rem}
	.layerPopup.pop_lecturer .time{font-size:2rem}
	
	.layerPopup.pop_pw{width:500px;}
	.layerPopup.pop_pw .body{padding:20px 30px 50px;font-size:18px;}
	.layerPopup.pop_pw .input_info label{width:auto;font-size:16px;margin-right:10px;}
	.layerPopup.pop_pw .input_info input{width:70%;}
	.layerPopup.pop_pw .btns{margin-top:70px;}
	.layerPopup.pop_pw .btns > a{display:inline-block;width:47%;float:left;padding:10px 0;}
	.layerPopup.pop_pw .btns > a:last-child{float:right;}
}
@media only screen and (min-width:1024px) {
	.layerPopup.lay_share_sns .popX{right:15px;top:12px;}
}
@media only screen and (min-width:1280px) {
	.layerPopup .input_info input{height:48px;line-height:48px;}
	.layerPopup .btn_apply > a{padding:17px 70px;}
}


@keyframes turnLight{ 
	0%,
	100%{opacity:1;background:url('../images/event/img_light_m.png') no-repeat 0 0;background-size:100%;} 50% {opacity:0;}
	25%,
	75%{opacity:1;background:url('../images/event/img_light_m3.png') no-repeat 0 0;background-size:100%;}
}

@keyframes turnLightPC{ 
	0%,
	100%{opacity:1;background:url('../images/event/img_light.png') no-repeat 0 bottom;background-size:100%;} 50% {opacity:0;}
	25%,
	75%{opacity:1;background:url('../images/event/img_light2.png') no-repeat 0 bottom;background-size:100%;}
}

@keyframes turnLightPCMain{ 
	0%,
	100%{opacity:1;background:url('../images/main/img_light.png') no-repeat 0 bottom;background-size:100%;} 50% {opacity:0;}
	25%,
	75%{opacity:1;background:url('../images/main/img_light2.png') no-repeat 0 bottom;background-size:100%;}
}