@charset "utf-8"; 
@import url("common.css"); 
@import url("sub.css");  
@import url(https://fonts.googleapis.com/earlyaccess/nanumgothic.css); /* font : 나눔고딕 */
@import url(//cdn.rawgit.com/hiun/NanumSquare/master/nanumsquare.css); /* font : 나눔스퀘어 */
@import url("font.css"); /* font : 나눔스퀘어 */

/* Layout */
body{background:#fff;}

header{}
	.header{position:fixed;top:0;width:100%;height:43px;margin-bottom:6px;background:#fff;z-index:150;			
		-webkit-box-shadow: 1px 0px 5px 0px rgba(0,0,0,0.5);
		-moz-box-shadow: 1px 0px 5px 0px rgba(0,0,0,0.5);
		box-shadow: 1px 0px 5px 0px rgba(0,0,0,0.5);}
	
    /* logo */
    h1{position:relative;}
	    h1 a{position:absolute;top:2px;left:15px;display:block;width:87px;height:38px;z-index:11;text-indent:-9999px}
.h1_ticket {
    background: url(../images/common/logo/h1_clip.png) no-repeat;
    background-size: 100%;
}



	h2{position:absolute;top:0;width:100%;text-align:center;font-size:20px;line-height:44px;color:#545454;z-index:1}
	header a.b_open{position:absolute;display:inline-block;line-height:40px;width:23px;top:0;right:15px;z-index:11}
		header a.b_open img{width:100%;}
	nav{overflow:hidden;width:100%;background:#fff;margin-top:50px;border-bottom:1px solid #e6e6e6;font-size:80%;}
		nav ul{}
		nav ul li{float:left;line-height:36px;}
		nav ul li a{color:#b0b0b0;margin-left:13px;}
		nav ul li a.on{color:#000;font-weight:bold;text-decoration:underline;}
	aside{position:fixed;z-index:105;}
		.aside_bg{position:fixed;top:43px;right:0;height:100%;width:100%;background:black;filter:alpha(opacity=43);opacity: 0.43;}
		.aside_wrap{position:fixed;overflow:hidden;top:43px;right:0;height:100%;background:#fff;border-top:1px solid #c9c9c9;}
			.aside_wrap .srh{height:27px;padding:2px 0;margin:19px 15px 0;background:url(../images/common/bg_srh.png) no-repeat;background-size:100%;}
				.aside_wrap .srh input[type=text]{border:1px solid #e8e8e8;background:#e8e8e8;width:217px;height:20px;line-height:20px;margin:2px 0 0 10px;-webkit-appearance:none;}
				.btn_srh{display:inline-block;*display:inline;*zoom:1;width:28px;height:25px;text-indent:-9999px;}
			.aside_wrap .login {margin:15px 0 20px 23px}
				.aside_wrap .login span{display:inline-block;*display:inline;*zoom:1;text-decoration:underline;color:#444;font-size:80%;margin:10px 10px 0 0;}
				.btn_logout{display:inline-block;*display:inline;*zoom:1;background:#bababa;color:#fff;padding:3px 12px 2px;font-size:12px;
							-webkit-border-radius: 20px;
							-moz-border-radius: 20px;
							border-radius: 20px;
							}
				.btn_login{display:inline-block;*display:inline;*zoom:1;font-weight:bold;background:#0096f2;color:#fff;width:240px;text-align:center;line-height:36px;font-size:15px;
							-webkit-border-radius: 3px;
							-moz-border-radius: 3px;
							border-radius: 3px;
							}
				.btn_join{display:inline-block;*display:inline;*zoom:1;font-weight:bold;background:#909090;color:#fff;width:118px;text-align:center;line-height:36px;font-size:15px;
							-webkit-border-radius: 3px;
							-moz-border-radius: 3px;
							border-radius: 3px;
							}
			.aside_wrap ul {float:right;width:266px;border-top:1px solid #e8eae9;}
				.aside_wrap ul li{overflow:hidden;padding:10px 8px 10px 40px;border-bottom:1px solid #e8eae9;background-size:10%;}
				.aside_wrap ul a, .aside_wrap ul .menu{display:block;color:#494949;font-size:95%;font-weight:bold;}
				.aside_wrap ul li.m_sub {padding-left:8px;}
				.aside_wrap ul li.m_sub a{float:left;font-size:80%;font-weight:normal;color:#444;width:33.33%;margin-bottom:10px;}
				.aside_wrap ul li.m_sub a.long{width:60%;}
				.aside_wrap ul li.m_clip{background:url(../images/common/ico_myclip.png) no-repeat 8px 10px;background-size:8%;}
				.aside_wrap ul li.m_rank{background:url(../images/common/ico_rank.png) no-repeat 8px 8px;background-size:8%;}
				.aside_wrap ul li.m_category{background:url(../images/common/ico_category.png) no-repeat 8px 12px;background-size:8%;}
				.aside_wrap ul li.m_event{background:url(../images/common/ico_event.png) no-repeat 8px 12px;background-size:8%;}
				.aside_wrap ul li.m_news{background:url(../images/common/ico_news.png) no-repeat 8px 12px;background-size:8%;}
				.aside_wrap ul li.m_member{background:url(../images/common/ico_member.png) no-repeat 8px 9px;background-size:7%;}
.container{position:relative;width:100%;padding:80px 0 40px;min-height:260px;}
.main_commerce, .main_con_box, .main_recommand{background:#fff;overflow:hidden;border-bottom:1px solid #c4c9cd;
		-webkit-box-shadow: 0 0 1px 0 rgba(0,0,0,0.75);
		-moz-box-shadow: 0 0 1px 0 rgba(0,0,0,0.75);
		box-shadow: 0 0 1px 0 rgba(0,0,0,0.75);}
	.main_top_wrap{position:relative;}
		.main_top_num {position:relative;text-align:center;padding-top:337px;z-index:102}
			.main_top_num a{display:inline-block;width:10px;height:9px;margin:0 3px;text-indent:-9999px;background:url(../images/common/sp_ico.png) ;}
			.main_top_num a.on{background-position:0 -19px}
			.main_top_num a.off{background-position:0 0}
		.main_top_img{overflow:hidden;z-index:100}
			.main_top_img .img_list{position:absolute;width:100%;height:359px;top:0;}
			.main_top_img .img_list p{height:100%;}
			.main_top_img .img_list dl{position:absolute;bottom:0;width:100%;height:242px;background:url(../images/main/bg_main_top.png) repeat-x}
			.main_top_img .img_list dl dt{color:#fff;font-weight:bold;font-size:130%;padding:120px 15px 0;}
			.main_top_img .img_list dl dd{color:#fff;font-size:80%;padding:0 15px;}
			.main_top_img .img_list dl dd.discount{color:#00a5f2;font-weight:bold;font-size:100%;margin-bottom:5px;}
	.main_commerce{margin:10px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		}		
		.commerce_pad{width:300px;margin:0 auto;}
		.main_commerce dl{float:left;width:132px;background:url(../images/main/bg_commerce.png) no-repeat;margin-left:15px;}
			.main_commerce dl dt{text-indent:-9999px;}
			.main_commerce dl dd{color:#0daaf3;text-align:right;font-size:12px;margin:5px 5px 0 0;}
		.main_commerce .commerce_logo{float:left;}
	.main_con_box{margin:10px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		}
		.main_con_box .img img{width:100%;}
		.main_con_box dl{border-bottom:1px solid #e5eaee;padding:10px 0;}
			.main_con_box dl dt{color:#000;font-weight:bold;font-size:100%;padding:0 15px 5px;}
			.main_con_box dl dd{color:#6a7883;font-size:80%;padding:0 15px;}
			.main_con_box dl dd.theater{color:#00a5f2;}
		.main_con_box .discount{color:#e75845;font-weight:bold;padding:5px 15px 7px;font-size:14px;}
			.main_con_box .discount em{font-size:16px;}
			.main_con_box .discount span{font-size:22px;margin:0 3px;}
	.main_recommand{clear:both;}
		.main_recommand p{border-bottom:1px solid #e5eaee;color:#000;font-weight:bold;padding:5px 10px}
		.main_recommand ul{padding:10px 5px 0}
		.main_recommand ul li{float:left;width:133px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-left:5px}
		.main_recommand ul li img{width:100%;border:1px solid #e6e6e6;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
			}
		.main_recommand ul li a{color:#444;font-size:12px;font-weight:bold;}
		.main_recommand:after{content:""; display:block;clear:both;margin-bottom:10px}
footer{position:relative;background:#e5eaee;color:#969696;font-size:11px;padding:20px 0;}
	footer p{width:95%;margin:0 auto;text-align:center;}
	footer p em{color:#242424}


@media all and (min-width: 670px){
	nav ul{margin:0 auto;width:400px !important;}
		nav ul li:first-child a{margin-left:0;}
		nav ul li a{margin-left:22px;}
}