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

#wrap {position:relative;width:100%;min-width:320px;min-height:100%;overflow:hidden;}
.inner {position:relative;width:1360px;margin:0 auto;}
.clearafter::after {content:'';display:block;clear:both;}
.red_point,.fc1 {color:#ef3429 !important;}
.gradeYellow {color:#ffc845 !important;}
.gradeOrange {color:#fd9021 !important;}
.gradeRed {color:#f53a30 !important;;}
.gradeGreen {color:#369370 !important;}
.gradeIndigo {color:#273896 !important;}
.txt_duration {font-size:1.2em;color:#db5b1c;}
.require {position: relative;display:inline-block;text-indent:-9999px;width:7px;}
.require::before {content:'*';display:inline-block;width:7px;color:#f3590e;text-indent:9999px;font-weight:700;}
.tac {text-align:center !important;}
.tal {text-align:left !important;}
.tar {text-align:right !important;}

/* slick 공통 */
.slick-dots {position:absolute;bottom:-25px;display:block;width:100%;padding:0;margin:0;list-style:none;text-align:center;}
.slick-dots li {position:relative;display:inline-block;width:20px;height:20px;margin:0 5px;padding:0;cursor:pointer;}
.slick-dots li button{font-size:0;line-height:0;display:block;width:20px;height:20px;padding:5px;cursor:pointer;color:transparent;border:0;outline:none;background:transparent;}
.slick-dots li button:hover,
.slick-dots li button:focus {outline:none;}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before {opacity:1;}
.slick-dots li button:before {font-family: 'slick';font-size:6px;line-height:20px;position:absolute;top:0;left:0;width:20px;height:20px;content:'•';text-align:center;opacity: .25;color:black;-webkit-font-smoothing:antialiased;;}
.slick-dots li.slick-active button:before {opacity: .75;color:black;}
/*  역대수장작(메인,서브 공통) */
.award_title_wrap {position:relative;}
.award_title_wrap h2 {}
.award_title_wrap .award_slide_controller {position:absolute;top:10px;left:200px;overflow:hidden;}
.award_title_wrap .award_slide_controller button {width:40px;height:40px;background-color:#fff;background-repeat:no-repeat;background-position:center;border-radius:50px;}
.award_title_wrap .award_slide_controller .slider-button-prev {float:left;background-color:#f3f3f3;background-image:url(/images/bestgame/main/award_slide_btn_prev.png);}
.award_title_wrap .award_slide_controller .slider-button-prev:hover {background-color:#1f2732;background-image:url(/images/bestgame/main/award_slide_btn_prev_hover.png);}
.award_title_wrap .award_slide_controller .slider-button-next {float:left;background-color:#f3f3f3;background-image:url(/images/bestgame/main/award_slide_btn_next.png);}
.award_title_wrap .award_slide_controller .slider-button-next:hover {background-color:#1f2732;background-image:url(/images/bestgame/main/award_slide_btn_nex_hovert.png);}
.award_title_wrap .award_slide_controller .slider-controller {float:left;margin:0 12px;}
.award_title_wrap .award_slide_controller .slider-controller .slider-button-play {display:none;border:1px solid #e0e0e0;background-image:url(/images/bestgame/main/award_slide_btn_play.png);}
.award_title_wrap .award_slide_controller .slider-controller .slider-button-play:hover {border:1px solid #1f2732;background-image:url(/images/bestgame/main/award_slide_btn_play_hover.png);}
.award_title_wrap .award_slide_controller .slider-controller .slider-button-stop {border:1px solid #e0e0e0;background-image:url(/images/bestgame/main/award_slide_btn_stop.png);}
.award_title_wrap .award_slide_controller .slider-controller .slider-button-stop:hover {border:1px solid #1f2732;background-image:url(/images/bestgame/main/award_slide_btn_stop_hover.png);}
.award_title_wrap .award_more {position:absolute;top:16px;right:0;margin-right:60px;font-size:20px;color:#1f2732;font-weight:900;}
.award_title_wrap .award_more a::before {content:"";position:absolute;top:50%;right:-60px;width:40px;height:40px;margin-top:-20px;background:#25aae1 url(/images/bestgame/main/award_slide_more.png) no-repeat center;border-radius:50px;}
.award_title_wrap .award_more a:hover {color:#25aae1}
.award_title_wrap .award_more a::after {content:"";position:absolute;bottom:-3px;left:0;width:0;height:1px;background:#25aae1;transition:0.3s ease;}
.award_title_wrap .award_more a:hover::after {width:100%;}

.award_slide_wrap {position:relative;margin-top:36px;overflow:hidden;}
.award_slide_wrap .award_slide a {}
.award_slide_wrap .award_slide .award_img {width:320px;height:320px;}
.award_slide_wrap .award_slide .award_img img {border-radius:24px;overflow:hidden;}
.award_slide_wrap .award_slide .img_none {width:320px;height:320px;border:1px solid #a8afb9;border-radius:24px;overflow:hidden;}
.award_slide_wrap .award_slide .award_info span {display:inline-block;margin:0 2px;padding:6px 14px 8px 14px;font-size:15px;font-weight:700;border-radius:20px;}
.award_slide_wrap .award_slide .award_info .tit {margin:19px 0 22px;font-size:24px;color:#1f2732;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.award_slide_wrap .award_slide .award_info .year {position:relative;padding:6px 14px 8px 40px;}
.award_slide_wrap .award_slide .award_info .year::after {content:"";position:absolute;left:14px;top:-5px;width:17px;height:35px;background:url(/images/bestgame/main/award_slide_medal.png) no-repeat center;}
.award_slide_wrap .award_slide .award_info .year,
.award_slide_wrap .award_slide .award_info .grade {color:#8691a1;border:1px solid #a8afb9;}
.award_slide_wrap .award_slide .award_info .grade12,
.award_slide_wrap .award_slide .award_info .c_yellow {color:#ffc845;border:1px solid #ffc845;}
.award_slide_wrap .award_slide .award_info .grade15,
.award_slide_wrap .award_slide .award_info .c_orange {color:#fd9021;border:1px solid #f59d43;}
.award_slide_wrap .award_slide .award_info .grade18,
.award_slide_wrap .award_slide .award_info .c_red {color:#f53a30;border:1px solid #ef483f;}
.award_slide_wrap .award_slide .award_info .gradeAll,
.award_slide_wrap .award_slide .award_info .c_green  {color:#369370;border:1px solid #369370;}
.award_slide_wrap .award_slide .award_info .grade00,
.award_slide_wrap .award_slide .award_info .c_indigo {color:#273896;border:1px solid #273896;}
.award_slide_wrap .award_slide {position:relative;}
.award_slide_wrap .award_slide .slick-slide {margin: 0 13px;}
.award_slide_wrap .award_slide .slick-list {overflow:visible;margin: 0 -13px;}

.award_wrap .award_progress {display:block;width:100%;height:8px;border-radius:4px;overflow:hidden;background-color:#ededed;background-image:linear-gradient(to right, #25aae1, #25aae1);background-repeat:no-repeat;background-size:0 100%;transition:background-size .4s ease-in-out;margin-top:56px;} 

/* .check_style */
.check_style {position:absolute;width:25px;height:25px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0;margin-left:25px;}
.check_style + label {position:relative;display:inline-block !important;font-weight:400;cursor:pointer;color:#7c7d7f;}
.check_style + label::before {content:'';width:25px;height:25px;border-radius:100%;display:inline-block;margin-right:10px;background:#fff;border:1px solid #868e96;vertical-align:text-top;}
.check_style:checked + label::after {content:'';width:7px;height:12px;position:absolute;top:5px;left:10px;border:2px solid #fff;transform:rotate(45deg);border-top:0;border-left:0;}
.check_style:checked + label::before {background:#27aae1;border:1px solid #27aae1;}
.check_style:focus + label {text-decoration:underline;outline-style:dotted;outline-width:2px;outline-offset:1px;}
.check_style:disabled + label::before {background:#ababab;}
.check_style + label + .etc {width:calc(100% - 200px);}

/* radio style */
input[type='radio'] {-webkit-appearance:none;-moz-appearance:none;appearance:none;width:24px;height:24px;margin-right:9px;border:1px solid #a8afb9; border-radius:50%;outline:none; cursor:pointer;vertical-align:sub;}
/* radio style 체크될 시 */
input[type='radio']:checked {background-color:#27aae1; border:4px solid #fff;box-shadow:0 0 0 1px #27aae1;}
input[type='radio']:focus  + label {/*text-decoration:underline;outline-style:dotted;outline-width:2px;outline-offset:1px;*//*outline-style:auto;*/}
label {display:inline-block;margin:8px 40px 0 0;color:#7c7d7f;}
label span {display:inline-block;line-height:1.3;vertical-align:top;}
table th label {display:initial;margin:0;color:inherit;}
table td label {margin:0;color:inherit;}

/* checkbox style */
input[type=checkbox] {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0;}
input[type=checkbox] + label {position:relative;padding-left:34px;color:#7c7c7c;cursor:pointer;vertical-align:middle;}
input[type=checkbox] + label::before {content:'';position:absolute;left:0;top:1px;display:inline-block;width:24px;height:24px;line-height:24px;border:1px solid #a8afb9;border-radius:4px;background:#fff;vertical-align:middle;text-align:center;}
input[type=checkbox]:checked + label:before {background:#fff url(/images/bestgame/layout/icon_checkbox.png) no-repeat center;border-color:#27aae1;}

/* header */
#header {position:relative;height:96px;box-shadow:3px 3px 10px rgba(0,0,0,0.08);z-index:2;}
#header .mobile_menu_head {display:none;}
#header .inner {padding-top:20px;}
#header .inner::after {content:"";display:block;clear:both;} 
#header h1 {position:relative;width:200px;height:61px;background:url(/images/bestgame/layout/logo.png) no-repeat center;}
#header h1 a {display:block;width:100%;height:100%;}

/* gnb */
#gnb_con {position:absolute;top:32px;right:53px;}
#gnb::after {content:"";display:block;clear:both;}
#gnb > li {position:relative;float:left;} 
#gnb > li > a {position:relative;padding:0 23px 36px 26px;font-size:20px;color:#1f2732;font-weight:500;}
#gnb li .sub_arrow {padding-right:46px;}
#gnb li .sub_arrow::after {content:'';position:absolute;right:22px;top:12px;width:14px;height:8px;background:url(/images/bestgame/layout/icon_gnb_arrow.png) no-repeat center;transition:transform .2s;}
#gnb li.new_li_on .sub_arrow::after {top:12px;transform:rotate(180deg);}
#gnb > li > a:hover,
#gnb li.new_li_on .sub_arrow {color:#25aae1;font-weight:900;}
#gnb li .sub_arrow:hover::after,
#gnb li.new_li_on .sub_arrow::after {background:url(/images/bestgame/layout/icon_gnb_arrow_on.png) no-repeat center;}
#gnb li ul {display:none;}
#gnb li.active ul {display:none}
#gnb > li > ul {position:absolute;top:57px;left:0;width:calc(100% + 60px);padding:18px 16px 10px 16px;background:#fff;border:1px solid #ededed;box-shadow:0 0 8px rgba(0,0,0,0.08);border-radius:12px;visibility:visible;z-index:10;}
#gnb li ul li {height:auto !important;margin-bottom:9px;}
#gnb li ul a {display:block;padding:6px 15px;font-size:20px;color:#1f2732;font-weight:500;}
#gnb li ul a:hover {background-color:#f4f4f4;border-radius:8px;}

#header .bestgame_site_map {position:absolute;top:38px;right:0;width:28px;height:21px;background:url(/images/bestgame/layout/icon_site_map.png) no-repeat center;}
#header .bestgame_mobile_menu_open_btn {display:none;position:absolute;top:34px;right:30px;width:32px;height:25px;background:url(/images/bestgame/layout/mobile_menu_open_btn.png) no-repeat center;background-size:32px auto;}
#header .bestgame_mobile_menu_close_btn {display:none;position:absolute;top:30px;right:30px;width:32px;height:32px;background:url(/images/bestgame/layout/mobile_menu_close_btn.png) no-repeat center;background-size:32px auto;}

/* 상단으로 이동 */
.quick_top {position:fixed;right:50px;bottom:100px;width:56px;height:56px;border-radius:8px;background:#223f78 url(/images/bestgame/layout/icon_quick_top.png) no-repeat center;}

/* footer */
.footer {background:#f1f2f4;padding:34px 0 48px;}
.footer .foot_top {padding-bottom:22px;}
.footer .foot_top .left a {position:relative;display:inline-block;padding-top:3px;font-weight:500;}
.footer .foot_top .left a::after {content:"";position:absolute;bottom:-3px;left:0;width:0;height:1px;background:#ef3429;transition:0.3s ease;}
.footer .foot_top .left a:hover::after {width:100%;}
.footer .foot_top::after {content:"";display:block;clear:both;}
.footer .foot_top .left {float:left;margin-bottom:10px;}
.footer .foot_top .right {float:right;}
.footer .foot_top .right span {vertical-align:middle;}
.footer .foot_top .cust_service {padding:7px 16px 7px 34px;margin-right:10px;font-size:16px;color:#8d8f91;border:1px solid #d3d4d6;font-weight:500;border-radius:20px;overflow:hidden;background:url(/images/bestgame/layout/icon_cust_service.png) no-repeat 14px center;}
.footer .foot_top .cust_num {margin-right:7px;font-size:24px;font-weight:900;color:#575a5d;}
.footer .foot_top .cust_txt {display:inline-block;}
.footer .foot_top .cust_txt span {padding:0 5px;font-size:14px;color:#8d8f91;font-weight:500;}

.footer .foot_cont {position:relative;padding-top:26px;border-top:1px solid #d6d7d9;font-size:16px;}
.footer .foot_cont .logo_box {position:absolute;top:30px;right:0;}
.footer .foot_cont .logo_box img:last-child {margin-top:7px;margin-left:20px;}
.footer .foot_cont .foot_util {position:absolute;top:90px;right:0;}
.footer .foot_cont .foot_util .foot_util_open {position:relative;height:56px;padding:15px 93px 17px 34px;background:#e4e6ea;color:#575a5d;font-weight:500;border-radius:28px;transition:0.2s ease;}
.footer .foot_cont .foot_util .foot_util_open::before {content:"";position:absolute;top:50%;right:34px;width:10px;height:10px;margin-top:-5px;background:url(/images/bestgame/layout/icon_foot_util_open.png) no-repeat center;}
.footer .foot_cont .foot_util .foot_util_open.on::before {background:url(/images/bestgame/layout/icon_foot_util_close.png) no-repeat center;}
.footer .foot_cont .foot_util .foot_util_open.on {border-top-left-radius:0;border-top-right-radius:0;}
.footer .foot_cont .foot_util .foot_util_area {display:none;position:absolute;bottom:56px;width:100%;background:#e4e6ea;padding:20px 10px 10px 20px;border-top-right-radius:28px;border-top-left-radius:28px;}
.footer .foot_cont .foot_util .foot_util_area ul {height:150px;overflow-y:auto;}
.footer .foot_cont .foot_util .foot_util_area li {margin-bottom:10px;line-height:1.2;}
.footer .foot_cont .foot_cont_txt * {color:#66696c;font-weight:500;}
.footer .foot_cont .foot_cont_txt .tit {margin-right:12px;color:#575a5d;font-weight:900;}
.footer .foot_cont address {display:inline-block;margin-right:32px;}
.footer .foot_cont .copyright {margin-top:20px;font-size:14px;color:#abadae;letter-spacing:0;}


/* 반응형 시작 */
@media all and (max-width:1620px){
	.quick_top {display:none;position:absolute;bottom:auto;top:-110px;right:0;}
}	
	
@media all and (max-width:1400px){
	.inner {width:100%;padding:0 20px;}
	#gnb_con {right:73px;}
	#header .bestgame_site_map {right:30px;}
	
	.award_slide_wrap .award_slide .award_img,
	.award_slide_wrap .award_slide .img_none {width:auto;height:auto;}
	.award_slide_wrap .award_slide .award_img img,
	.award_slide_wrap .award_slide .img_none img {width:100%;}
	
	.quick_top {top:-94px;right:20px;}
}

@media all and (max-width:1240px){
	#gnb > li > a {padding:0 18px 36px 21px;}
	#gnb li .sub_arrow {padding-right:36px;}
	#gnb li .sub_arrow::after {right:15px;}
	
	.quick_top {display:block;top:auto;bottom:0;right:20px;}
	
	.footer .foot_cont .logo_box {position:relative;top:0;margin-bottom:20px;padding-right:230px;}
	.footer .foot_cont .foot_util {top:26px;}
}

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

@media all and (max-width:1023px){
	
	#header .bestgame_site_map {display:none;}
	#header .bestgame_mobile_menu_open_btn {display:block;}
	#header .bestgame_mobile_menu_close_btn {display:block;}
	
	#header .mobile_menu_head  {display:block;height:96px;padding:20px 20px 0;border-bottom:1px solid #e7e7e7;}
	#gnb_con {position:fixed;top:0;right:-100%;width:100%;height:100%;background:#fff;z-index:999;}
	.bestgame_mobile_menu_open #gnb_con {right:0;transition: 0.5s ease;}
	
	#gnb > li {float:none;border-top:1px solid #ededed;}
	#gnb > li:first-child {border-top:0 none;}
	#gnb > li > a {display:block;padding:17px 50px 16px 23px;}
	#gnb > li > ul {position:relative;top:0;width:100%;box-shadow:0 0 0;border-radius:0;background-color:#f4f4f4;border-bottom:0 none;}
	#gnb li ul a:hover {background-color:#fff;}
	#gnb li .sub_arrow::after {top:50%;right:27px;margin-top:-4px;}
	#gnb li.new_li_on .sub_arrow::after {top:50%;}
}

@media all and (max-width:767px){
	/* radio style 체크될 시 */
	label span {line-height:1.5;}
	
	.award_slide_wrap {margin-top:20px;}
	.award_title_wrap .award_slide_controller {left:140px;top:6px;}
	.award_title_wrap .award_slide_controller .slider-controller {margin:0 6px;}
	/*.award_title_wrap .award_slide_controller button {width:24px;height:24px;background-size:4px auto;}*/
	.award_title_wrap .award_slide_controller button {width:34px;height:34px;}
	.award_title_wrap .award_more {top:10px;font-size:16px;margin-right:20px;} 
	.award_title_wrap .award_more a::before {top:8px;right:-20px;margin-top:0;width:10px;height:10px;background:#fff url(/images/bestgame/main/award_slide_more_b.png) no-repeat center;background-size:10px auto;}
	.award_slide_wrap .award_slide .award_info .tit {margin:14px 0 16px;font-size:20px;}
	.award_slide_wrap .award_slide .award_info span {font-size:15px;}
	.award_wrap .award_progress {margin-top:30px;} 
	
	.footer .foot_top .left a {font-size:16px;}
	.footer .foot_cont {font-size:15px;}
	.footer .foot_cont address {display:block;margin:10px 0 3px;}
	.footer .foot_cont .copyright {font-size:13px;}
}


@media all and (max-width:640px){
	.quick_top {width:46px;height:46px;}
	
	.footer {padding:24px 0 38px;}
	.footer .foot_top .cust_txt .n_post {display:block;margin-top:10px;margin-bottom:5px;}
	.footer .foot_cont .logo_box {margin-bottom:10px;padding-right:0;}
	.footer .foot_cont .foot_util {position:relative;top:auto;right:auto;margin-bottom:20px;}
	.footer .foot_cont .foot_util .foot_util_open {display:block;width:100%;height:46px;padding:10px 93px 12px 34px;text-align:left;} 
	.footer .foot_cont .foot_util .foot_util_area {bottom:46px;padding:15px 10px 0px 20px;}
	.footer .foot_cont .copyright {padding-right:60px;}
}


@media all and (max-width:512px){
	.award_slide_wrap {margin-top:40px;}
	.award_title_wrap .award_more {top:46px;}
}

@media all and (max-width:412px){
	.footer .foot_top .cust_txt span {display:block;}
	.footer .foot_cont .logo_box {margin-bottom:20px;}
	.footer .foot_cont .logo_box img {width:40%;}
}

@media all and (max-width:380px){
	.award_slide_wrap .award_slide .award_info span {margin:0;font-size:13px;padding:6px 12px 8px 12px;}
	.award_slide_wrap .award_slide .award_info .year {padding:6px 12px 8px 38px;}
	.award_slide_wrap .award_slide .award_info .year::after {left:12px;}
}

@media all and (max-width:320px){
	.footer .foot_top .left,
	.footer .foot_top .right {float:none;}
	.footer .foot_top .cust_service {display:inline-block;}
	.footer .foot_top .cust_num {display:block;margin:5px 0 0 0;}
}