/* basics */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {margin:0; padding:0; vertical-align:top; font-size:100%; background:transparent; border:0; outline:0;}
body {font-family:'NanumGothicWeb', '돋움'; font-size:15px; line-height:1; background: #ebebeb;}
img {max-width:100%;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;}
ul, ol, li {list-style: none;}
blockquote, q {quotes:none;}
blockquote:before,
blockquote:after,
q:before, q:after {content:""; content:none;}
a {margin:0; padding:0; vertical-align:baseline; font-size:100%; background:transparent; color:#fff; text-decoration: none;}
button {cursor: pointer; background:transparent; border-radius: 0; -webkit-appearance: none; border: 0; vertical-align: middle;}

#skip{ font-size:0; width:0; height:0; line-height:0; position:absolute; left:-9999px; }
.hide{display:none;padding:0;margin:0;}


/* main */
#play5_wrap{position: relative; margin: 0 auto; width: 1180; background: #ebebeb;}
.side_wrap{display: none;height: 100%; width: 100%;overflow-x: hidden;position: absolute;top:0;left:0; margin: 0 auto; background: #ebebeb;z-index: 10;}

	#header{display: block; overflow: hidden; height: 90px; padding:0 10px; background: #ffffff; border-bottom:2px solid #3b4352;}
	#header logo1{text-align:center; padding:15px;}
	#header logo1 img{display: block; margin: 0 auto; width:192px;}
	#header .btn_tmenu{position:absolute; left:10px; top:7px;}
	#header .btn_tmenu img{width:21px; height:29px; display:none; }

	.p5_main_autoSlide{display: block; overflow: hidden; width: 100%; height: 195px;}
	.p5_overlay-image{position:absolute; overflow: hidden; width: 100%; height: 195px; background-size: cover; -moz-background-size: cover; -webkit-background-size: cover; background-position: center; background-repeat: no-repeat; filter:blur(7px);}
	.autoSlide_w{position: relative; width: 100%; height: 195px; background:url('../images/main/p5_sliding_bg.png') repeat-x; }
	.slideNavi{position:absolute; left:0; bottom:0; width:100%; text-align:center;}
	.slideNavi ul{display:inline-block; overflow: hidden; height:20px;}
	.slideNavi li{float:left; vertical-align:middle;}
	.slideNavi span{display:block; width:12px; height:12px; background: url('../images/main/p5_slideNavi_off.png') no-repeat; background-size:12px 12px; color:transparent; font-size:0; line-height:0;}
	.slideNavi li.on span{width:12px; height:12px; background: url('../images/main/p5_slideNavi_on.png') no-repeat; background-size:12px 12px;}
	.swipePrev{position:absolute; left:0; top:50%; margin-top:-15px;}
	.swipeNext{position:absolute; right:0; top:50%; margin-top:-15px;}
	.swipePrev img, .swipeNext img{width:27px;}
	.autoSlide_list{text-align:center;}
	.Tgame_list{display: block; overflow: hidden;}
	.Tgame_list .game_img{display: block; overflow: hidden; padding-top:12px;}
	.Tgame_list .game_img img{width:92px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px;}
	.Tgame_list .game_title dl dt{display: block; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; margin:5px 30px 2px 30px; max-height: 22px; font-size: 1.0em; color:#ffffff; font-weight:800; line-height: 1.2; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
	.Tgame_list .game_title dl dd{display: block; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; margin:0 30px 0 30px; max-height: 22px; font-size: 0.75em; color:#ffffff; font-weight:400; line-height: 1.2; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
	.Tgame_list .game_play{display: block; overflow: hidden; padding:4px 20%;}
	.Tgame_list .game_play dl{display: block; overflow: hidden; float: left; width:58%; padding:3px 2% 2px 2%; text-align:center; border:1px solid #ffffff; background: #242424; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px;}
	.Tgame_list .game_play dl dt{display: inline-block; font-size: 0.75em; color:#ffffff; font-weight:400; line-height: 1.36;}
	.Tgame_list .game_play dl dd{display: inline-block; font-size: 0.75em; color:#ffffff; font-weight:400; line-height: 1.36;}
	.btn_play{display: block; overflow: hidden; float: right; width:30%; padding:3px 2% 2px 2%; cursor: pointer; font-size: 0.75em; color:#ffffff; font-weight:600; line-height: 1.36; text-align:center; border:1px solid #fb7747; background: #fb7747; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px;}
	.icon_play{background: url('../images/main/p5_icon_play.png') no-repeat; background-size:12px 12px; background-position:2px 1px; width:12px; height:12px; overflow:hidden; line-height:50000; font-size:0; display:inline-block;}
	.p5_main_list{display: block; overflow: hidden; padding:15px 10px 10px 15px; margin-top:20px; border:1px solid #e5e5e5; background: #ffffff; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px;}
	.p5_main_list h3{font-size: 1.3em; color:#313131; font-weight:600; line-height: 1.36; padding-left:5px;}
	.gmain_list{display: block; overflow: hidden;}
	.gmain_list li{position: relative; border: 1px solid #d8d8d8; width:24%; margin-bottom:7px; background-color: #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px;
		-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
	.gmain_list .tube_li{position: relative; border: 1px solid #d8d8d8; width:49%; margin-bottom:7px; background-color: #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px;
		-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}		
	.gmain_list li:nth-child(odd){float:left; margin-left:7px;}
	.gmain_list li:nth-child(even){float:left; margin-left:7px;}


	.gmain_list .game_play{position: relative; display: block; overflow: hidden; height:22px; padding:5px 0; border-top: 1px solid #d8d8d8;}
	.gmain_list .game_play dl{display: block; overflow: hidden; float: left; padding:4px 0 0 10px; text-align:left;}
	.gmain_list .game_play dl dt{float:left; font-size: 0.75em; color:#f14b48; font-weight:400; line-height: 1.36;}
	.gmain_list .game_play dl dd{float:left; font-size: 0.75em; color:#585757; font-weight:400; line-height: 1.36;}

	.gmain_list .btn_play{position:absolute; right:5px; top:5px; width:35%; padding:3px 2% 2px 2%; cursor: pointer; font-size: 0.75em; color:#ffffff; font-weight:600; line-height: 1.36; text-align:center; border:1px solid #fb7747; background: #fb7747; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px;}
	.btn_more{display: block; overflow: hidden; padding:7px 2% 4px 2%; margin:3px 0 10px 0; text-align:center; cursor: pointer; border:1px solid #d8d8d8; background: #eeeeee; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px;}
	.btn_more a{ font-size: 0.85em; color:#626262; font-weight:600; line-height: 1.36;  }
	.icon_more{background: url('../images/main/p5_btn_more.png') no-repeat; background-size:18px 18px; background-position:1px -1px; width:18px; height:18px; overflow:hidden; line-height:50000; font-size:0; display:inline-block;}
	.p5_main_banner{padding-top:20px;}
	.p5_main_banner img{width:100%;-webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px;}

	#footer{display: block; overflow: hidden; margin-top:10px; padding:15px 10px; font-size: 0.75em; color:#ffffff; font-weight:600; line-height: 1.36; text-align:center; background: #323232;}
	.ft_mtxt{color:#fb7747;}


/* menu */
	#header_menu{display: block; overflow: hidden; height: 42px; padding:0 10px; background: #fb7747; border-bottom:2px solid #3b4352;}
	#header_menu logo1{text-align:left; padding-top:7px;}
	#header_menu logo1 img{height: 30px;}
	#header_menu .btn_close{position:absolute; right:10px; top:7px;}
	#header_menu .btn_close img{width:21px; height:29px;}

	.p5_menu_list{width:310px; display: block; overflow: hidden; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; background: #ffffff;-webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px;}
	.p5_menu_list h3{font-size: 1.3em; background:#fb7747; color:#fff; font-weight:600; line-height: 1.36; padding:17px 0 0 20px; height:38px;}
	.gmenu_list{display: block; overflow: hidden;}
	.gmenu_list li{float:left; width:50%; padding:7px 10px 5px 10px; border-top:1px solid #e5e5e5; border-right:1px solid #e5e5e5;
			-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
	.gmenu_list li:first-child, .gmenu_list li:last-child{width:100%;}
	.gmenu_list li:nth-child(odd){border-right:0px solid #e5e5e5;}
	.gmenu_list li a{font-size: 0.9em; color:#2f2f2f; font-weight:600; line-height: 3.0;}
	.icon_menu01, .icon_menu02, .icon_menu03, .icon_menu04, .icon_menu05, .icon_menu06, .icon_menu07{ background-position:0 -1px; width:40px; height:40px; overflow:hidden; line-height:50000; font-size:0; display:inline-block;}
	.icon_menu01{background: url('../images/menu/p5_menuicon_01.png') no-repeat; background-size:40px 40px;}
	.icon_menu02{background: url('../images/menu/p5_menuicon_02.png') no-repeat; background-size:40px 40px;}
	.icon_menu03{background: url('../images/menu/p5_menuicon_03.png') no-repeat; background-size:40px 40px;}
	.icon_menu04{background: url('../images/menu/p5_menuicon_04.png') no-repeat; background-size:40px 40px;}
	.icon_menu05{background: url('../images/menu/p5_menuicon_05.png') no-repeat; background-size:40px 40px;}
	.icon_menu06{background: url('../images/menu/p5_menuicon_06.png') no-repeat; background-size:40px 40px;}
	.icon_menu07{background: url('../images/menu/p5_menuicon_07.png') no-repeat; background-size:40px 40px;}

	.p5_nplay_list, .p5_nbm_list{display: block; overflow: hidden; padding:20px 20px 10px 20px; margin-top:20px; border:1px solid #e5e5e5; background: #ffffff; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px;}
	.p5_nplay_list h3, p5_nbm_list h3{font-size: 1.0em; color:#313131; font-weight:600; line-height: 1.36;}
	.p5_nplay_list h3 span{color: #fb7747;}
	.p5_nbm_list h3 span{color: #ffa200;}
	.nplay_list{display: block; overflow: hidden;}
	.nplay_list li{position: relative; float:left; border: 1px solid #d8d8d8; width:48%; margin-bottom:10px; background-color: #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px;
		-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
	.nplay_list li:nth-child(1){margin-right:10px;}
	.nplay_list li:nth-child(3){margin-right:10px;}
	.nplay_list li:nth-child(5){margin-right:10px;}
	.nplay_list li:nth-child(7){margin-right:10px;}
	.nplay_list li:nth-child(9){margin-right:10px;}

	/* S : 20180418 : 김솔 : 즐겨찾기 추가 */
	.nfav_list{display: block; overflow: hidden;}
	.nfav_list li{position: relative; float:left; border: 1px solid #d8d8d8; width:48%; margin-bottom:10px; background-color: #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px;
		-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
	.nfav_list li:nth-child(1){margin-right:10px;}
	.nfav_list li:nth-child(3){margin-right:10px;}
	.nfav_list li:nth-child(5){margin-right:10px;}
	.nfav_list li:nth-child(7){margin-right:10px;}
	.nfav_list li:nth-child(9){margin-right:10px;}
	/* E : 20180418 : 김솔 : 즐겨찾기 추가 */


/* list */
	.gmain_list, .nplay_list{margin-top:8px;}
	.gmain_list .game_img, .nplay_list .game_img{display: block; overflow: hidden; padding:5px;}
	.gmain_list .game_img img, .nplay_list .game_img img{width:100%;}
	.gmain_list .game_title dl, .nplay_list .game_title dl{padding-bottom:5px;}
	.gmain_list .game_title dl dt, .nplay_list .game_title dl dt{display: block; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; margin:2px 10px 2px 10px; height: 17px; font-size: 0.9em; color:#2f2f2f; font-weight:600; line-height: 1.25; text-align:center; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
	.gmain_list .game_title dl dd, .nplay_list .game_title dl dd{display: block; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; margin:0 10px; height: 14px; font-size: 0.75em; color:#7e868a; font-weight:400; line-height: 1.25; text-align:center; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}

		/*20180424_즐겨찾기 버튼 추가*/
	.game_play .btn_span{display: block; overflow: hidden;}
	.game_play .btn_span:nth-child(2){position: absolute; right: 32px; top: 5px;}
	.game_play .btn_span:nth-child(3){position: absolute;right: 5px; top: 5px;}
	.game_play .btn_span img{width: 23px;}

	/* S : 20180418 : 김솔 : 즐겨찾기 추가 */
	.gmain_list, .nfav_list{margin-top:8px;}
	.gmain_list .game_img, .nfav_list .game_img{display: block; overflow: hidden; padding:5px;}
	.gmain_list .game_img img, .nfav_list .game_img img{width:100%;}
	.gmain_list .game_title dl, .nfav_list .game_title dl{padding-bottom:5px;}
	.gmain_list .game_title dl dt, .nfav_list .game_title dl dt{display: block; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; margin:2px 10px 2px 10px; height: 17px; font-size: 0.9em; color:#2f2f2f; font-weight:600; line-height: 1.25; text-align:center; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
	.gmain_list .game_title dl dd, .nfav_list .game_title dl dd{display: block; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; margin:0 10px; height: 14px; font-size: 0.75em; color:#7e868a; font-weight:400; line-height: 1.25; text-align:center; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
	/* E : 20180418 : 김솔 : 즐겨찾기 추가 */


/* 20180111_메인카테고리 추가 */
	.M_category{display: block; overflow: hidden; padding:20px 0 10px 20px; background: #ffffff;}
	.M_category li{float:left; width:45%; padding:13px 0; margin:0 10px 10px 0; border: 1px solid #d8d8d8; text-align:center; background-color: #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px;
		-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
	.M_category li a{font-size: 1em; color:#7e868a; font-weight:600; line-height: 1.25;}
	.M_category li.M_ca_on{border: 1px solid #fb7747;}
	.M_category li.M_ca_on a{color:#fb7747;}
	.M_category li:nth-child(4n+0){xmargin:0 0 1% 0;}




/* 20180417_M_search */
	.M_search{display: inline-block; width:100%; }
	.M_srchBox {float:left; position: relative; padding: 0 40px 0 5px; margin-bottom:5px; font-size: 0.9em; width:70%; height:53px; border: 1px solid #fb7747; background: #fff;  -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px;}
	.M_srchBox .type-text {width:100%; border:0; padding:20px 5px 8px 5px; background-color: #fff; color:#727272; font-size: 0.9em;}
	.M_srchBox .type-btn {position: absolute; top:12px; right: 10px; z-index: 2; width: 32px; height: 32px; text-indent: -1000em; background: url('../images/common/btn_search_pc.png') left top no-repeat; border: 0px; margin: 0px; overflow: hidden; cursor: pointer; background-size:100%;}
	.M_search .btn_green32{float: right; width:90px;}
	.M_search ul{float:right; padding:18px 0 0 0px; width:205px; font-size:1.2em;}
	.M_search ul li{float: left; padding:0 7px; border-left: 1px solid #c8c8c8;}
	.M_search ul li:first-child{border-left: 0px solid #c8c8c8;}
	.M_search ul li a{color:#a1a1a1; font-size: 0.85em;}
	.M_search ul li.MS_on a{color:#505050;}



/* width 600px */
@media screen and (min-width: 1180px){
    #play5_wrap_pc {display: block; overflow:hidden; width:100%; margin: 0 auto; backgroun:#fff; border-bottom:2px solid #000;}
}

/* 리스트 검색_탭 수정 : 20170522 김시언 */
.search_tab{float:left; width:100%; background:white; margin:5px 0; border-bottom:1px solid #d6d6d6; padding:6px 10px 7px 10px}
.search_tab .search{float:left; width:calc(100% - 20px); border:1px solid #d6d6d6; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
.search_tab .search input{float:left; width:calc(100% - 61px); padding:4px 5px; margin:1px 1px; color:#a0a0a0}
.search_tab .search button{float:right; background:none; border:none; padding:3px 10px 4px 5px}
.search_tab .search button img{width:24px;}
.search_tab ul{float:left; width:100%}
.search_tab li{float:left;width:calc(17% - 7px); margin:3px 3px 0 0;}
.search_tab li button{height: 30px;width:100%; text-align:center; padding:6px 0;  border:1px solid #d6d6d6; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; font-size:0.813em; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; background:none; color:#505050}
.search_tab li button.on{border:1px solid #5500db; color:#5500db;}
.search_tab li:nth-last-child(-n+1){margin-right:0;}