/*
Project :
Author  :
Date    :
*/

@import url('https://fonts.googleapis.com/css?family=Roboto');

/* Common */
/*html, body {font-family:'Nanum Square',Dotum,sans-serif;
font-size:1em;-webkit-font-smoothing:antialiased;background:#fff;line-height:1;color:#000;font-weight:400;}*/

html, body {font-family:'Spoqa Han Sans', 'Source Sans Pro', Apple SD Gothic Neo, Nanum Barun Gothic, Nanum Gothic, '???', Dotum, Verdana, Arial, sans-serif;
font-size:1em;-webkit-font-smoothing:antialiased;background:#fff;line-height:1;color:#000;font-weight:400;}

img{border:0;margin:0;padding:0;max-width:100%; max-width:100%;}
a{margin:0;padding:0;}
a[name]{height:0;}

.fleft{float:left;}
.fright{float:right;}
.alternative{z-index: -1;width: 0;height: 0;overflow: hidden;visibility: hidden;}
.txtleft{text-align:left!important;}
.txtcenter{text-align:center!important;}
.txtright{text-align:right!important;}
.txtbold{font-weight:bold!important;}
.prelative{position:relative;}
.pabsolute{position:absolute!important;}
.line_height{line-height:0;}

h1{font-size:3.750em!important; line-height:65px;} /*60px*/
h2{font-size:2.500em!important; font-weight:400!important; } /*40px*/ 
h3{font-size:1.563em!important; font-weight:400!important;} /*25px*/
h4{font-size:1.250em!important; font-weight:400!important;} /*20px*/
h5{font-size:}
.colfff{color:#fff!important;}
.maincolor{color:#862dff!important;}
.subcolor{color:#db00ff!important;}
.fontsub{color:#808080! important;}
	.letsp{letter-spacing:-2px !important;}
.pointcolor{color:#4600ae!important;}	

.show_m{display:none!important;}
.hide_m{display:block!important;}
.hide_im{display:inline-block!important;}
.blockin{display:inline-block !important;}
.block{display:block !important;}

ul, li{ margin:0;}
li img { vertical-align:middle; }
.maright{ margin-right:20px;}
.maleft{ margin-left:20px !important;}
.total{ background-color:#f2f2f2; }
.matop5{ margin-top:5px!important;}
.matop10{ margin-top:1.3vw!important;}
.matop30{ margin-top:30px;}
.matop30_1{ margin-top:-31px;}
.matop50{ margin-top:50px;}
.matop{ margin-top:40px;}
.matoplf{ margin-top:14px;}
.fontlight{  font-weight:200!important; font-family:'Spoqa Han Sans', 'Source Sans Pro'!important;}
.fontregular{ font-weight:400 !important;font-family:'Spoqa Han Sans', 'Source Sans Pro'!important;}
.fontbold{  font-weight:700 !important; font-family:'Spoqa Han Sans', 'Source Sans Pro'!important;}
.roboto{font-family: 'Roboto', sans-serif; font-weight: bold;}
.section{padding:5vw 0;}
.bacnone{background:none!important;}
.half{width:48%;}
.fffcolor{color:#fff!important;}

.section{padding:7.5vh 0 8vh;}
/* Layout */

.container{position:relative;width:1170px;margin:0 auto; text-align:center; }
.container-fluid{position:relative;width:100%;margin:0 auto; text-align:center;}
img{display:inline-block;width:auto\9!important;/* ie8 */width:auto!important;max-width:100%;height:auto!important;}

.header{background:#000 url(../images/thanks_bg.png) no-repeat 50% 0%; height:1154px; overflow:hidden; padding:0vw 0 0vw; text-align:center; background-size:cover;}
	.header_logo{margin-left:25px;}
	
.gnb{margin-top:65px;}
.gnb_ul{}
.gnb_ul li{float:left; width:15%; text-align:center;display:inline-block;}
.gnb_ul li.bgnone{background:none;}	
.gnb_ul li a{color:#fff!important;display:inline-block; overflow:hidden; }
.gnb_ul li p{ font-weight: 100;margin-bottom:3px;}
.gnb_ul li h4{ font-weight: 700; font-size:1.250em;color:#fff;background: url(../images/gnb_bg.png)no-repeat 0% 100%; padding-bottom:10px;}
.gnb_ul li h4 span{font-weight:200; font-size:16px;}
.gnb_ul li a{color:#fff !important;text-decoration:none!important;}
.gnb_ul li a:hover{ text-decoration:none!important;}
.gnb_ul li a h4:hover{background: url(../images/gnb_bg_1.png)no-repeat 0% 100%;color:#000 !important; text-decoration:none!important;}
.gnb_ul li a .active{background: url(../images/gnb_bg_1.png)no-repeat 0% 100%;color:#000 !important; text-decoration:none!important;}

	
.gnb_area{ width: calc(100% - 600px); display:inline-block; }			
	.gnb_area #gnb .gnb_ul li{float:left; width:20%; background: url(/event/img/kicon_2017/gnb_line.png)no-repeat 0% 50%;}
	.gnb_area #gnb .gnb_ul li.sdsdsdsd{width:20%;}
	.gnb_area #gnb .gnb_ul li.sdsdsdsd.finalstep{width:13.666666%;}
	.gnb_area #gnb .gnb_ul li:first-child{background:none;}
	.gnb_area #gnb .gnb_ul li a{color:#fff; text-decoration:none; font-size:17px;}
	.gnb_area #gnb .gnb_ul li a:hover, .gnb_area #gnb .gnb_ul li a.active{color:#5ecffe;}
	.gnb_area #gnb .gnb_ul li a:hover, .gnb_area #gnb .gnb_ul li a.act_glod{color:#dca73a!important;}
	.gnb_area #gnb .gnb_ul li.vote_hover a:hover, .gnb_area #gnb .gnb_ul li.vote_hover a.active{color:#ffd200!important;}
	
	.gnb_area #gnb .gnb_ul li.kicongnb a:hover, .gnb_area #gnb .gnb_ul li.kicon gnb a.active{color:#dca73a!important;}	
			
#intro{margin:2.5vw auto 0;text-align:center;}
	#intro .inrtoarea{display:inline-block; }
	#intro .klogo{padding:50px 0 3px;}
	#intro .klogotit{ text-align:left; color:#fff; float:left; margin-left:20px; margin-top:60px;}
	#intro h3{margin:10px 0 20px; font-weight:100;}
	#intro .vod1{width:568px; background:#000; height:342px; margin: auto; border:6px solid #4600ae;}
	#intro h5{border:1px solid #fff; border-radius:4px; margin:0 auto; margin-top:40px; display:inline-block; background:#000; background-color: rgba(0,0,0,0.2);}
	#intro h5 a{display:inline-block; color:#fff; padding:0 60px; height:60px; line-height:60px; font-size:18px; font-weight:400}

/*수상자*/	
.winners{background:#fff; padding-bottom:3rem;}	
.winners h2{padding:90px 0 10px; color:#000;}
.winners h2 span{color:#4600ae;}	
.winners .win3{padding:26px 0 20px;}
.winners a[rel=leanModal] { color: #000; }
.winners li{float:left; border:1px solid #d9d9d9; width:31%; margin-right:15px; position:relative; padding:13px 0 7px 15px; cursor:pointer; }
.mgr0{margin-right:0px!important;}
.winners li .prize_txt{margin:30px 0 0 15px; text-align:left; font-size:19px; font-weight:600; letter-spacing:-0.5px;}
/*.winners .winss{margin-left:-15px!important;}*/
.winners .winss li{width:22.5%; padding:20px 0px 20px 15px;/*padding:30px 0 25px 13px;*/ margin:0 6px 12px!important;  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.winners .winss li:last-child{;}
.winners .winss li .prize_txt{margin:0px 0 0 0px; text-align:left; font-size:18px; font-weight:600; letter-spacing:-0.5px;}
.winners li .prize_txt p{font-size:15px; font-weight:400; padding-top:6px;}
.winners li .vdo_btn{position:absolute; bottom:10px; right:10px;}
.winners li .vdo_btn>.vdo_btn_icon{width:25px; height:25px; display:inline-block; overflow:hidden; background:url(../images/thanks_play_btn.png) 0 0;}
.winners li .vdo_btn>.vdo_btn_icon:hover{background-position:0 25px;}


/*현장스케치*/
.a_member_img_total .total_wrap{position:relative;overflow:hidden;width:100%;}
.a_member_img_total{padding:0; background:#f5f5f5; padding-bottom:50px;}
.a_member_img_total h2{color:#000; padding:90px 0 15px;}
.a_member_img_total .bx-wrapper{margin-bottom:0px}
.a_member_img_total .total_wrap .total_area{width:796px;margin:0 auto;position:relative;}
.a_member_img_total .total_wrap .total_area .bx-wrapper .bx-viewport{left:-7px;overflow:visible!important;}
.a_member_img_total .total_wrap .over{position:absolute;top:0px;left:-3px;width:100%;height:519px;background:url/event/img/kicon_2017/over_slider.png) 50% 0 no-repeat;z-index:10}
.a_member_img_total .total_area .bx-controls{position:absolute;top:0;left:50%;width:796px;height:519px;margin-left:-398px;}
.a_member_img_total .total_area .bx-controls-direction a{position:absolute;width:27px;height:44px;z-index:100}
.a_member_img_total .total_area .bx-wrapper .bx-prev{left:-80px;background: url(/eduinfo_new/img/classic/popup_prev.png);}
.a_member_img_total .total_area .bx-wrapper .bx-next{right:-80px;background: url(/eduinfo_new/img/classic/popup_next.png);}
.a_member_img_total .total_area .bx-wrapper .slider_bx li{padding:0 4px;}
.sketchex{position:absolute; bottom:10px; left:20px;}

/*콘서트축하*/
.concert_cong{background:#000 url(../images/thanks_bg_2.png) no-repeat 50% 0%; height:797px; overflow:hidden; padding:0vw 0 0vw; text-align:center; background-size:cover;}
.concert_cong h1{font-size:44px!important; color:#fff; font-weight:400; line-height:56px; margin-top:280px; letter-spacing:-2px;}
.concert_cong h1 span{font-weight:600;}
.concert_cong h3{color:#fff; font-weight:200!important; font-size:24px!important; margin-top:10px; }
.concert_cong .mgt{margin-bottom:-0.7vh;}

/*협찬*/
.spon{background:#000 url(../images/thanks_bg_3.png) no-repeat 50% 0%; height:545px; overflow:hidden; padding:0vw 0 0vw; text-align:center; background-size:cover;}
.spon h2{color:#fff; margin-top:106px;}
.spon h3{color:#fff; font-weight:100!important; padding-bottom:48px;}
.spon li{float:left; margin-right:7px; padding-top:9px;}

/*경품*/
.presentaa{background:#b38a43 url(/event/kicon_2018/images/thanks_bg_4.png); padding: 7.5vh 0 0vh;}

/*footer*/
.footter{background:#000; height:40px;padding:12px 0 8px;}
.footter h5 a{color:#fff; font-size:14px; font-weight:100; line-height:16px; }


.header .modal_close{position:absolute; top:0; right:-45px;background:#000; padding:10px;}

.mov_popup_c1 .song_title{font-size:1.70em!important;}


@media screen and (max-width: 1024px){
		
		.container{width:100%;}
		
}


@media screen and (max-width: 768px){
	
	.header{background:#000 url(../images/thanks_bg.png) no-repeat 10% 0%;overflow:hidden;padding:0vw 0 3.5vw; text-align:center; background-size:none; height:800px;}
	.container{width:90%;}
	
	.show_m{display:block!important;}
	.show_im{display:inline-block!important;}
	.hide_m{display:none!important;}
	.hide_im{display:none!important;}
	
	.blockin{display:block !important;}
	.block{display:inline-block !important;}
	
	.header{padding: 0vw 0 8vw;}
	#intro .klogo{padding-bottom:15px;}	
	#intro .klogotit{text-align:center; margin-top:20px;}
	#intro h3{margin:18px 0 20px; font-size:1.2em!important;}
	#intro h5{background-color: rgba(0,0,0,0.2);}
	.m_block_ddd{display:block;}
	
	
	/*수상자*/
	.winners{padding-bottom:20px;}
	.winners h2{padding: 50px 0 10px;}
	.winners .win3{padding:16px 0 0px}
	.winners li{width:100%; padding:13px 0 7px 0px; margin-bottom:10px; cursor:pointer;}
	.winners li .prize_img{width:25%; margin:0 10px 0 7px;}
	.winners li .prize_txt{width:62%; margin:0; padding-top:15px; font-size:14px; letter-spacing:-1px;}
	.prize_4{width:25%; margin:0 auto;}
	.winners .winss li{width:100%; padding:5px 0 10px; margin-bottom:10px;}
	.winners .winss li .prize_txt{padding-top:10px; font-size:14px; width:100%; letter-spacing:-1.2px;}
	.winners li .prize_txt p{font-size:11px;}
	
	/*현장스케치*/
	.a_member_img_total{padding-bottom:20px;}
	.a_member_img_total h2{padding:40px 0 10px;}
	
	/*10월*/
	.concert_cong{height:500px;}
	.concert_cong h1{font-size:22px!important; line-height:30px; margin-top:150px; /*font-weight:200!important;*/}
	.concert_cong h3{font-size:18px!important;line-height:23px;}
	.concert_cong .mgt{margin-bottom:-1.7vh;}
	
	/*협찬*/
	.spon{height:500px;}
	.spon h2{margin-top:90px;}
	.spon h3{padding-bottom:20px;}
	.spon li{float:left; width:46%;}
	.mbr9{margin-right:7px!important;}
	.mbL7{margin-left:6px!important;}

	/*경품*/
	.presentaa{padding:2vh 0 0vh;}
	
	/*경품*/
	.footter{height:0px; padding:8px 0 25px;}
	.footter h5 a{font-size:12px;}
	
	
	/*모바일 푸쉬 메뉴*/
	.c-button { display: inline-block; margin: 0px;  padding: 0px; background: 0 0; border:0;cursor: pointer;}
		 .c-button{position:absolute;top:15px;right:10px;}
		 .c-button .menu-trigger {
			pointer-events: auto;position: relative;/*float: right;/*margin-right: 10%;*/z-index: 110;display: block;width: 25px;height: 22px;cursor: pointer;
		}
		 .c-button .menu-trigger span {
			position: absolute;top: 50%;left: 0;display: block;width: 100%;height: 3px;font-size: 0;-webkit-touch-callout: none;
			-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;
		}
		 .c-button .menu-trigger span.before {
			-webkit-transform: translateY(-10px);-ms-transform: translateY(-10px);transform: translateY(-10px);
		}
		 .c-button .menu-trigger span.after {
			-webkit-transform: translateY(10px);-ms-transform: translateY(10px);transform: translateY(10px);
		}
		 .c-button .menu-trigger span.after, .menu-trigger span.before {
			position: absolute;left: 0;width: 100%;height: 3px;content: '';transition: -webkit-transform .3s;transition: transform .3s;
		}
		.c-button.menu-open .menu-trigger span.before {
			-webkit-transform: translateY(0) rotate(45deg);-ms-transform: translateY(0) rotate(45deg);transform: translateY(0) rotate(45deg);
		}
		 .c-button.menu-open .menu-trigger span.main {background-color: transparent!important;}
		 .c-button.menu-open .menu-trigger span.after {
			-webkit-transform: translateY(0) rotate(-45deg);-ms-transform: translateY(0) rotate(-45deg);transform: translateY(0) rotate(-45deg);
		}
		.c-menu{background:#fff;}
		.c-menu--push-left, .c-menu--push-right, .c-menu--slide-left, .c-menu--slide-right { width: 230px;}
		.c-menu--push-left .c-menu__close, .c-menu--push-right .c-menu__close, .c-menu--slide-left .c-menu__close, .c-menu--slide-right .c-menu__close{padding:0 24px; height:60px;font-size:18px; line-height:60px;}
		.c-menu--push-left, .c-menu--push-right, .c-menu--slide-left, .c-menu--slide-right{overflow-y: initial;}
		.c-menu__close { color: #fff; background-color: #dca73a;  border: none;  cursor: pointer;}
		.c-menu--push-left .c-menu__item, .c-menu--push-right .c-menu__item, .c-menu--slide-left .c-menu__item, .c-menu--slide-right .c-menu__item{border-bottom: solid 1px #d9d9d9;border-top:0; }
		.c-menu--slide-right .c-menu__link{padding:15px 24px;}
		.c-menu--push-left .c-menu__link, .c-menu--push-right .c-menu__link, .c-menu--slide-left .c-menu__link, .c-menu--slide-right .c-menu__link{color:#000; font-size:15px; text-align:left;}
		.c-menu__close{text-align:left; }
		.c-menu__close img{position:relative;right:-40px; top:5px;}
		/*.openPop{position:absolute;top:15%; left:18%;}	*/
		.assessment{width:100%; margin-top:10px;}
		.assessment .h1tit{font-size:2em; margin:0;}
	
	#bxcon{display:none;}	
	.add_text_new{font-size:13px; margin-top:5px;}
	


	
	/*스케치 슬라이드*/
	.a_member_img_total .total_wrap .total_area{width:100%;}	
		.a_member_img_total .total_wrap .over{display:none;}
		.a_member_img_total .total_wrap .total_area .bx-wrapper .bx-viewport{left:0px !important;}
		.a_member_img_total .total_area .bx-viewport .slider_bx{margin-left:2% !important;}
		.a_member_img_total .total_area .bx-controls{position:absolute;top:40%;left:auto;width:100%;height:0;margin-left:0;}
		.a_member_img_total .total_area .bx-controls-direction a{top:0;margin-top:0px;}
		.a_member_img_total .total_area .bx-wrapper .bx-prev{left:2%;}
		.a_member_img_total .total_area .bx-wrapper .bx-next{right:2%;}
		.a_member_img_total .total_area .bx-wrapper .slider_bx li{padding:0;}

	
}	



@media screen and (max-width: 480px){
	
	.header{background:#000 url(../images/thanks_bg.png) no-repeat 41% 0%;overflow:hidden;padding:0vw 0 6vh; text-align:center; }
	.container{width:80%;}
	#intro {width:80%;}
h1{font-size:30px!important; line-height:35px; font-weight:normal;} /*40px*/
h2{font-size:1.563em!important; font-weight:400!important; } /*25px*/ 
h3{font-size:1.25em!important; font-weight:400!important;} /*18px*/
h4{font-size:1em!important; font-weight:400!important;} /*20px*/
	
#intro .klogo{width:80%; margin:0 auto;}	
#intro .klogo img{}
#intro .klogotit{margin-top:8px;margin-left:0;     float: inherit;}

#intro .vod1, #intro .vod2{float:inherit; width:100%; height:200px;}
	#intro .vod1{margin-top:35px;}
	#intro .vod2{margin-top:15px;}
	#intro h5{margin-top:30px}

/*스케치 슬라이드*/
.a_member_img_total .total_wrap .total_area{width:100%;}
	.a_member_img_total .total_wrap .over{display:none;}
	.a_member_img_total .total_wrap .total_area .bx-wrapper .bx-viewport{left:0px !important;}
	.a_member_img_total .total_area .bx-viewport .slider_bx{margin-left:0% !important;}
	.a_member_img_total .total_area .bx-controls{position:absolute;top:40%;left:auto;width:100%;height:0;margin-left:0;}
	.a_member_img_total .total_area .bx-controls-direction a{top:0;margin-top:0px;}
	.a_member_img_total .total_area .bx-wrapper .bx-prev{left:2%;width:23px;height:37px;background-size:cover;}
	.a_member_img_total .total_area .bx-wrapper .bx-next{right:2%;width:23px;height:37px;background-size:cover;}
	.a_member_img_total .total_area .bx-wrapper .slider_bx li{padding:0;}
		
.winners .winss li .prize_txt{margin-left:14px;}
/*모바일슬라이드메뉴*/
.c-menu__close{background:#5a48fd;}


.mov_popup_c1 li h1 { font-size: 20px !important;}
.mov_popup_c1 li p{margin-top:0px!important;}
}


@media screen and (max-width: 340px){
	
	
	/*스케치 슬라이드*/
	.a_member_img_total .total_wrap .total_area{width:100%;}
		.a_member_img_total .total_wrap .over{display:none;}
		.a_member_img_total .total_wrap .total_area .bx-wrapper .bx-viewport{left:0px !important;}
		.a_member_img_total .total_area .bx-viewport .slider_bx{margin-left:2% !important;}
		.a_member_img_total .total_area .bx-controls{position:absolute;top:40%;left:auto;width:100%;height:0;margin-left:0;}
		.a_member_img_total .total_area .bx-controls-direction a{top:0;margin-top:0px;}
		.a_member_img_total .total_area .bx-wrapper .bx-prev{left:2%;width:23px;height:37px;background-size:cover;}
		.a_member_img_total .total_area .bx-wrapper .bx-next{right:2%;width:23px;height:37px;background-size:cover;}
		.a_member_img_total .total_area .bx-wrapper .slider_bx li{padding:0;}
		
	.spon li{width:45%;}	

	
}