@charset "utf-8";
/* 이달의 우수게임 메인 */

/*메인 bestgame_layer_pop*/
#bestgame_layer_pop {position:absolute;top:50vh;left:50vw;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);background:#d6d6d6;width:500px;max-width:calc(100% - 40px);height:auto;box-shadow:20px 20px 20px rgba(0,0,0,0.34);border:1px solid #fff; z-index:999; }
#bestgame_layer_pop .layer_popup01 {height:100%;}
#bestgame_layer_pop .layer_popup .type01 {width:100%;height:448px;max-width:100%;text-align:center;background:url(/images/homepage/www/kocca/main/bg_layer_type01.png) center;background-size:cover;color:#fff;padding:30px;}
#bestgame_layer_pop .layer_popup .type01 .title {font-size:1.25em;font-weight:bold;height:120px;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content: center;-ms-justify-content: center;justify-content: center;}
#bestgame_layer_pop .layer_popup .type01 .txt {font-size:1.25em;font-weight:500;height: 250px;overflow-y: auto;}
#bestgame_layer_pop .layer_popup .type02 {width:100%;height:448px;max-width:100%;text-align:center;background:url(/images/homepage/www/kocca/main/bg_layer_type02.png) center;background-size:cover;color:#fff;padding:30px;}
#bestgame_layer_pop .layer_popup .type02 .title {font-size:1.25em;font-weight:bold;height:160px;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content: center;-ms-justify-content: center;justify-content: center;}
#bestgame_layer_pop .layer_popup .type02 .title::before {content:'';width:39px;height:36px;background:url(/images/homepage/www/kocca/main/icon_layer_title.png);display:inline-block;margin-right:10px;}
#bestgame_layer_pop .layer_popup .type02 .txt {font-size:1.25em;font-weight:500;}
#bestgame_layer_pop .img_wrap {height:calc(100% - 40px);}
#bestgame_layer_pop .layer_oneday {padding:7px 15px 8px;font-size:16px;color:#000;}
#bestgame_layer_pop .layer_oneday input,
#bestgame_layer_pop .layer_oneday label {color:#000;}
#bestgame_layer_pop .layer_oneday .btn_layer_oneday_close {float:right;}
#bestgame_layer_pop .slick-dotted.slick-slider {margin-bottom:0;}
#bestgame_layer_pop .slick-dots {bottom:10px;}
#bestgame_layer_pop .slick-prev {left:10px;}
#bestgame_layer_pop .slick-next {right:10px;}
#bestgame_layer_pop .slick-prev,
#bestgame_layer_pop .slick-next {display:none !important;}
#bestgame_layer_pop .slick-dots li button:before {font-size:0;width:20px;height:20px;border:1px solid #fff;border-radius:100%;background:#000;}


.main_con {padding:65px 0 94px;}
.main_con h2 {font-size:40px;color:#1f2732;font-weight:900;}

.main_section01 {}
.main_section01::after {content:"";display:block;clear:both;}
.main_section01 .main_visial_wrap {position:relative;float:left;width:1013px;height:560px;border-radius:24px;overflow:hidden;}
.main_section01 .main_visial {position:relative;}
.main_section01 .main_visial .slick-list {overflow:visible;}
.main_visial_wrap .main_visial_controller {position:absolute;top:32px;right:32px;overflow:hidden;}
.main_visial_wrap .main_visial_controller button {width:40px;height:40px;background-color:rgba(255,255,255,0.2);background-repeat:no-repeat;background-position:center;border-radius:50px;}
.main_visial_wrap .main_visial_controller button:hover {background-color:#fff;}
.main_visial_wrap .main_visial_controller .slider-button-prev {float:left;background-image:url(/images/bestgame/main/main_visual_btn_prev.png);}
.main_visial_wrap .main_visial_controller .slider-button-prev:hover {background-image:url(/images/bestgame/main/main_visual_btn_prev_hover.png);}
.main_visial_wrap .main_visial_controller .slider-button-next {float:left;background-image:url(/images/bestgame/main/main_visual_btn_next.png);}
.main_visial_wrap .main_visial_controller .slider-button-next:hover {background-image:url(/images/bestgame/main/main_visual_btn_next_hover.png);}
.main_visial_wrap .main_visial_controller .slider-controller {float:left;margin:0 12px;}
.main_visial_wrap .main_visial_controller .slider-controller .slider-button-play {display:none;background-image:url(/images/bestgame/main/main_visual_btn_play.png);}
.main_visial_wrap .main_visial_controller .slider-controller .slider-button-play:hover {background-image:url(/images/bestgame/main/main_visual_btn_play_hover.png);}
.main_visial_wrap .main_visial_controller .slider-controller .slider-button-stop {background-image:url(/images/bestgame/main/main_visual_btn_stop.png);}
.main_visial_wrap .main_visial_controller .slider-controller .slider-button-stop:hover {background-image:url(/images/bestgame/main/main_visual_btn_stop_hover.png);}

.main_section01 .main_click_banner {float:right;width:calc(100% - 1040px);height:560px;border-radius:24px;}
.main_section01 .main_click_banner a {display:block;padding:32px 40px;width:100%;height:100%;} 
.cb_design01 {background:#1f2732 url(/images/bestgame/main/cb_img01.png) no-repeat center bottom -40px;}
.cb_design01 * {color:#fff;}
.cb_design01 .de_st01 {font-size:24px;}
.cb_design01 .de_st02 {font-size:36px;font-weight:900;}
.cb_design01 .de_st03 {margin-top:16px;color:#dbe2ec;font-size:20px;line-height:1.7;}
.cb_design01 .de_st03 strong {color:inherit;font-weight:900;}

.main_section02 {margin-top:65px;}



@media all and (max-width:1400px){
	.main_section01 .main_visial_wrap {width:100%;height:auto;}
	.main_section01 .main_visial_wrap .slick-slide img {width:100%;}
	.main_section01 .main_click_banner {width:100%;height:auto;margin-top:48px;background-size:168px auto;background-position:right 100px bottom -30px;}
	.cb_design01 .de_st01 {display:inline-block;font-size:36px;margin-right:7px;}
	.cb_design01 .de_st02 {display:inline-block;}
	
}

@media all and (max-width:1023px){
}

@media all and (max-width:767px){
	.main_con {padding:32px 0 60px;}
	.main_visial_wrap .main_visial_controller {top:15px;right:15px;}
	.main_visial_wrap .main_visial_controller .slider-controller {margin:0 6px;}
	.main_visial_wrap .main_visial_controller button {width:24px;height:24px;background-size:4px auto;}
	.main_section01 .main_click_banner {margin-top:24px;background-size:84px auto;background-position:right 30px bottom -15px;}
	.main_section01 .main_click_banner a {padding:20px 125px 20px 25px;}
	.cb_design01 .de_st01,
	.cb_design01 .de_st02 {font-size:24px;}
	.cb_design01 .de_st03 {font-size:17px;}
	.cb_design01 .de_st03 br:last-child {display:none;}
	.main_section02 {margin-top:40px;}
	.main_con h2 {font-size:28px;}
	
}


@media all and (max-width:460px){
	.main_section01 .main_click_banner {background-size:auto 84px;background-position:right 3px bottom -8px;}
	.main_section01 .main_click_banner a {padding:20px;padding-right:66px;}
	.cb_design01 .de_st01, .cb_design01 .de_st02 {font-size:22px;}
	.cb_design01 .de_st03 {margin-top:10px;font-size:16px;line-height:1.35;}
	/*.cb_design01 .de_st03 br {display:none;}*/
}


@media all and (max-width:400px){
	.main_section01 .main_click_banner a {padding:15px 20px 17px;padding-right:66px;}
	.cb_design01 .de_st01, .cb_design01 .de_st02 {font-size:18px;}
	.cb_design01 .de_st01 {margin-right:3px;}
	.cb_design01 .de_st03 {font-size:15px;}
}