@charset "utf-8";

/* reset */
a, abbr, address, article, aside, audio, b, big, blockquote, body, canvas, caption, cite, code, dd, del, details, dfn, dialog, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, hr, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, meter, nav, object, ol, output, p, pre, progress, q, rp, rt, ruby, s, samp, section, small, span, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video, xmp {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
}
caption {position: absolute; left: -99999px;}
h1, h2, h3, h4, h5, h6, strong {
	font-weight: bold;
	/* -webkit-text-stroke-width: 0.025em; */
}
em {
	font-weight: normal;
	font-style: normal;
}
 
img {
	max-width: 100%;
	margin: 0;
	display:  block;
} 
a {
	text-decoration: none;
	color: inherit;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
ul, ol {
	list-style: none;
} 
input[type="text"], input[type="password"], input[type="email"]
, input[type="tel"], input[type="number"], input[type="date"],
textarea, select, button {
	-webkit-appearance: none;
}

/* base */
/* @font-face{font-family:'MS PGothic'; src:url('/content/fonts/msgothic.ttc')} */
 
html {
	font-size: 12px;
    /* -webkit-touch-callout:none; /* 화면을 길게 누르고 있을때 뜨는 팝업이나 액션시트를 제어합니다. none으로 설정하면 아무리 길게 눌러도 아무것도 뜨지 않습니다. */
    /*-webkit-user-select:none; /* 텍스트나 이미지를 선택할 수 있게 하는 여부를 제어합니다. none으로 설정하면 텍스트나 이미지를 선택할 수 없습니다. */
    -webkit-tap-highlight-color:rgba(0, 0, 0, 0); 
    /* 링크를 터치했을때 나오는 기본 영역의 색상을 제어합니다.
    rgba(0, 0, 0, 0)은 색이 없는 투명을 의미하므로 위 색상으로 세팅하면 링크를 터치했을때 아무것도 표시되지 않습니다.
    transparent를 넣을 수도 있겠지만, 이런 경우에는 iOS에서만 동작하고 Android에선 동작하지 않습니다.}*/
}
body {
	font-family:"NotoSansCJKkr-Regular","NotoSansCJKkr-Medium","NotoSansCJKkr-Bold";	/*MS PGothic, HiraKakuProN-W3*/
	word-wrap: break-word;
	-webkit-text-size-adjust: none;
}  
/* common */
.break-word {word-wrap: break-word;}
.hidden, legend {
	overflow: hidden;
	position: absolute;
	width: 0;
	height: 0;
	padding: 0 !important;
	margin: 0;
	font-size: 0;
	line-height: 0;
	color: transparent;
}
select {
	padding-right: 10px;
	line-height:29px;
	height:31px;
	background: #eee url('/images/mobile/common/bg_select.png') right 55% no-repeat;
	background-size:17px 5px;
	border-top: 1px solid #cbcbcb; 
	border-left: 1px solid #cbcbcb; 
	border-right:0; 
	border-bottom:0;
	white-space: nowrap;
	color: #8f8f8f;
	box-shadow: none 0 !important;
}
.ml1{
	margin-left: 1px !important;
}
.ml3{
	margin-left: 3px !important;
}

.mr3{
	margin-right: 3px !important;
}

.ml6{
	margin-left: 6px !important;
}
.mb25{
	margin-bottom: 25px !important;
}

.pb0{
	padding-bottom: 0px !important;
}
.pl5{
	padding-left: 5px !important;
}
.btn_center{
	text-align: center;
}
.button{
	padding: 35px 0 50px 0;
}
.button2{
	padding: 0 0 85px 0;
}
.button3{
	padding: 15px 10px 85px 10px;
}
.w_25{width: 25% !important;}
.w_30{width: 30% !important;}
.w_31{width: 31% !important;}
.w_36{width: 36.7% !important;}


.fb{
	font-weight: bold !important;
}

.bl0{
	border-left: 0px !important;
}

.floL{float: left !important;}
.floR{float: right !important;}

.dib{
	display: inline-block !important;
}

/*wrap*/
#wrap{
	position:relative; 
	background:#fff;
	font-family:"NotoSansCJKkr-Regular","NotoSansCJKkr-Medium","NotoSansCJKkr-Bold";
} 


#container{ position:relative; }

/*컨텐츠 공통*/
#container{ position:relative; }

.attend{position:relative; }

.attend p.guide2{
	text-align: right;
	padding: 0 10px 0 0;
	margin-bottom: 12px;
	color: #767676;
	font-size: 11px;
	letter-spacing: -1px;
}

/* tab */
.two_tab{
	overflow:hidden; 
	margin-bottom:18px;
	padding: 0 10px;
	background:url('/images/new/tab_bg.gif') repeat-x 0 bottom;
} 
.two_tab ul{  
	overflow:hidden; 
}
.two_tab ul:after {
	content: '';
	display: block;
	clear: both;
}
.two_tab ul li{
	float:left;
	width:49%;
	color:#000;
	text-align:center;
	background: #f2f2f2 url('/images/new/tab_bg.gif') repeat-x 0 bottom;
	border-top:1px solid #e0e0e0; 
	border-left:1px solid #e0e0e0; 
	border-right:1px solid #e0e0e0; 
}
.two_tab ul li:first-child{
	border-right: none;
}
.two_tab ul li a{
	display:block;
	padding:13px 0 13px 0;
	color:#7c7c7c;
	letter-spacing:-1px; 
	display:block;
	font-size: 14px;
}
.two_tab ul li.active{  
	width:49%;
	color:#0947be;
	font-weight: bold;
	background:#fff;
	border-top: 6px solid #296bc1;
	border-left: 1px solid #296bc1;
	border-right: 1px solid #296bc1;
	font-size: 14px;
}
.two_tab ul li.active a{
	color:#0947be;
	font-weight: bold;
	padding:11px 0 10px 0;
	letter-spacing: -1px;
	font-size: 14px;
	background: url('/images/new/underline.gif') repeat-x center 28px;
	background-size: 2px 1px;
	display: inline-block;
}
/* three_tab */
.three_tab{
	overflow:hidden; 
	padding: 2px 10px 11px 10px;
} 
.three_tab ul{  
	overflow:hidden; 
}
.three_tab ul:after {
	content: '';
	display: block;
	clear: both;
}
.three_tab ul li{
	float:left;
	width:32%;	
	color:#6b7591;
	text-align:center;
	background:#fff;
	border-top:1px solid #6b7591; 
	border-right:1px solid #6b7591; 
	border-bottom:1px solid #6b7591; 	
}
.three_tab ul li:first-child{
	border-left:1px solid #6b7591; 
}
.three_tab ul li a{
	display:block;
	padding:7px 0 8px 0;
	color:#6b7591;
	margin-left:-1px; 
	display:block;
	font-size: 11px;
}
.three_tab ul li.active{  
	width:32%;	
	color:#fff;
	background:#6b7591;
	border: 1px solid #6b7591;
	position: relative;
	margin-bottom: 7px;
}
.three_tab ul li.active a{
	color:#fff;
}
.three_tab ul li.active span.arrow{
	position: absolute;
	bottom: -8px;
	left: 45%;
	background:url('/images/mobile/tab_arrow.png') no-repeat center bottom;
	background-size: 15px 7px;
	width: 15px;
	height: 7px;
}
.three_tab ul li a span.bubble{
	background:url('/images/mobile/bubble_bg.png') no-repeat center bottom;
	background-size: 13px 13px;
	width: 13px;
	height: 13px;
	display: inline-block;
	vertical-align: top;
}
.three_tab ul li a span.bubble span.number{
	color: #fff;
	line-height: 14px;
}
p.guide{
	text-align: center;
	color: #767676;
	letter-spacing: -0.5px;
	font-size: 11px;
	margin-bottom: 13px;
}
p.guide span.view,
p.guide span.view a{
	margin-top: 2px;
	color: #4c4c4c;
	font-size: 13px;
	font-weight: bold;
	letter-spacing: -0.5px;
	text-decoration: underline;
	display: block;
}

p.guide3{
	text-align: right;
	color: #767676;
	margin-bottom: 15px;
	letter-spacing: -0.7px;
	padding-left: 8px;
	font-size: 11px;
}
p.guide3 span{
	background: url('/images/new/bar5.gif') no-repeat left;
	padding: 0 10px;
}
p.guide3 span:first-child{
	background: none;
}
p.guide3 span.on,
p.guide3 span.on a{
	color: #ea0000;
	font-weight: bold;
}
p.guide3 span a{
	color: #707070;
}

/* three_tab01 */
.three_tab01{
	overflow:hidden; 
} 
.three_tab01 ul{  
	overflow:hidden; 
}
.three_tab01 ul:after {
	content: '';
	display: block;
	clear: both;
}
.three_tab01 ul li{
	float:left;
	color:#6e6e66;
	letter-spacing: -0.5px;
	text-align:center;
	background:#f5f5f5;
	/*border-top:1px solid #1b478b;*/ 
	border-right:1px solid #d6d6d6; 
	border-bottom:1px solid #d6d6d6; 	
}
.three_tab01 ul li:first-child{
	/*border-left:1px solid #6b7591;*/
}
.three_tab01 ul li a{
	display:block;
	padding:17px 0;
	color:#6e6e66;
	margin-left:-1px; 
	display:block;
	font-size: 11px;
}
.three_tab01 ul li.active{  	
	color:#fff;
	background:#70a4e8;
	/*border-top: 1px solid #1b478b;*/
	border-left: 1px solid #70a4e8;
	border-right: 1px solid #70a4e8;
	border-bottom: 1px solid #70a4e8;
	position: relative;
	margin-bottom: 11px;
}
.three_tab01 ul li.active  a img,
.three_tab01 ul li a img{height: 17px; margin: 0 auto; margin-bottom: 6px;}
.three_tab01 ul li.active a{
	color:#fff;
}
.three_tab01 ul li.active span.arrow{
	position: absolute;
	bottom: -12px;
	left: 41%;
	background:url('/images/mobile/tab_arrow01.png') no-repeat center bottom;
	background-size: 22px 11px;
	width: 22px;
	height: 11px;
}
 /* blet */
 .bl_red{
	background: url('/images/mobile/bl_red.png') no-repeat  1px 1px;
	background-size: 18px 18px;
	font-weight: bold;
	font-size: 11px !important;
	color: #fff !important;
	text-align: center;
	width: 19px;
	height: 19px;
	display: inline-block !important;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	line-height: 20px;
 }
 .bl_blue{
	background: url('/images/mobile/bl_blue.png') no-repeat 1px 1px;
	background-size: 18px 18px;
	font-weight: bold;
	font-size: 11px !important;
	color: #fff !important;
	text-align: center;
	width: 19px;
	height: 19px;
	display: inline-block !important;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	line-height: 20px;
 }
 .bl_gray{
	background: url('/images/mobile/bl_gray.png') no-repeat 1px 1px;
	background-size: 18px 18px;
	font-weight: bold;
	font-size: 11px !important;
	color: #fff !important;
	text-align: center;
	width: 19px;
	height: 19px;
	display: inline-block !important;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	line-height: 20px;
 }

/* */
.event{position:relative;  }
.event:after {content:''; display:block; clear:both;}

/*이벤트 리스트*/
.event_list{
	clear:both;  
	margin-top: 10px;  
	width: 100%;
}
.event_list ul {
	overflow:hidden;
	padding-top: 13px;
	padding-left: 10px;
	padding-right: 10px;
}
.event_list ul:last-child{
	border-bottom: 1px solid #e3e3e3;
}
.event_list ul li{
	float:left;
	margin-bottom:13px;
	color:#666;
	font-size:13px;
	background:#fff;
	position:relative;
	width: 49%;
}
.event_list ul li.first{margin-left:0;}
.event_list ul li.last{margin:0 0 0 0;}
.event_list ul li p{text-align:center;}
.event_list ul li p.naming{
	margin-top: 10px;
	font-weight: bold;
	color: #444;
	font-size: 14px;
	letter-spacing: -0.7px;
}
.event_list ul li p.event_go{
	margin-top: 3px;
	margin-bottom: 10px;
	color:#767676;
	font-size:11px;
	letter-spacing: -0.7px;
}
.event_list ul li p img{
	border-bottom:1px solid #d9d9d9;
	display: inline;
	width: 100%;
	height: 100%;
}
.event_list ul li div{
}
.event_list ul li span.progress{
	background: #6d4a22;
	font-size: 13px;
	font-weight: bold;
	color: #fff;
	padding: 16px 5px;
	text-align: center;
	position: absolute;
}
.event_list ul li span.deadline{
	background: #959595;
	font-size: 13px;
	font-weight: bold;
	color: #fff;
	padding: 16px 12px 16px 11px;
	text-align: center;
	position: absolute;
}
.board_view03 th span.progress02{
	background: #6d4a22;
	font-size: 13px;
	font-weight: bold;
	color: #fff;
	padding: 18px 5px;
	text-align: center;
	position: absolute;
	top: 6px;
	left: 20px;
}


/* 방청확인취소*/
.confirm_list{
	overflow:hidden; 
	margin: 0 10px;
	border:1px solid #c3c3c3;
	border-bottom:1px solid #e5e5e5;
}
.confirm_list ul {overflow:hidden;}
.confirm_list ul.active {background: #e0e9f1;}
.confirm_list ul li{
	position:relative;
	min-height:65px;  
	padding:12px 10px 0 10px;
}
.confirm_list ul li p.title{
	position: relative;	
	font-size: 15px;
	padding-bottom: 12px;
	font-weight: bold;
	color: #555;
	letter-spacing: -1px;
	line-height: 20px;
}
.confirm_list ul li p.title img{
	display: inline-block;
	width: 18px;
	height: 18px;
	vertical-align: middle;
}
.confirm_list ul li p.title span{font-size: 13px; vertical-align: top;}
.confirm_list ul li p.recoding,
.confirm_list ul li p.announcement{
	font-size: 11px;
	color: #757575;
}
.confirm_list ul li p.recoding span.bar{
	background:url('/images/mobile/bar2.gif') no-repeat left;
	background-size: 1px 8px;
	padding-left: 7px;
	margin-left: 5px;
}
.confirm_list_none{
	overflow:hidden; 
	margin: 0 10px;
	border:1px solid #c3c3c3;
	/*border-bottom:1px solid #e5e5e5;*/
	font-size: 12px;
	color: #555;
	padding: 12px 10px;

}

.confirm_condition{
	overflow:hidden; 
	margin: 0 10px 5px 10px;
	border-top: none !important;
	border:1px solid #c3c3c3;
	background: #f5f5f5;
	padding: 9px 10px;
}
.confirm_condition p.condition{
	float: left;
	padding-top: 5px;
}
.confirm_condition p.btn{
	float: right;
}
p.condition span{
	color: #6d4dbc;
	font-weight: bold;
	font-size: 12px;
	letter-spacing: -0.5px;
}
p.condition span.date{
	color: #8a74c0;
	font-weight: normal;
	background:url('/images/mobile/bar3.gif') no-repeat left;
	background-size: 1px 9px;
	padding-left: 7px;
	margin-left: 3px;
}
p.condition span.win{
	color: #be4c3d;
}

#off .confirm_list ul li p.title,
#off .confirm_list ul li p.recoding,
#off .confirm_list ul li p.announcement,
#off .confirm_list ul li p.view a{
	color: #959595 !important;
}
#off .confirm_list ul li p.view a{border: 1px solid #b7b7b7;}

#off .confirm_condition{
	padding: 9px 10px 13px 10px;
}
#off .confirm_condition p.condition span{
	color: #8c8c8c
}

.win_size{
	overflow:hidden; 
	margin: 0 10px 5px 10px;
	border-top: none !important;
	border:1px solid #c3c3c3;
	background: #f5f5f5;
	padding: 22px 10px 21px 10px;
	position:relative;
}
.win_size p.condition2{
	position: relative;
	left: 0px;
	top: -6px;
}
.win_size p.btn{
	float: right;
	position: absolute;
	right: 10px;
	top: 10px;
}
p.condition2 span{
	color: #6d4dbc;
	font-weight: bold;
	font-size: 12px;
	letter-spacing: -0.5px;
}
p.condition2 span.date2{
	color: #e34b79;
	font-weight: normal;
	background:url('/images/mobile/bar4.gif') no-repeat left;
	background-size: 1px 9px;
	padding-left: 7px;
	margin-left: 3px;
}
p.condition2 span.win{
	color: #e50f4f;
}
.win_size p.aaa{
	position: absolute;
	right: 10px;
	bottom: 7px;
	color: #747474;
	font-size: 11px;
}


/*팝업*/
.popup_wrap {
	position:relative;
	width: 100%;
}
.popup_wrap h1.popup_title{
	font-size: 13px;
	color: #fff;
	background: #568acf;
	font-weight: bold;
	padding: 10px 10px 13px 10px;
}
.popup_wrap h1.popup_title span.date{
	font-weight: normal;
	font-size: 12px;
	background:url('/images/mobile/bar.gif') no-repeat left;
	background-size: 1px 9px;
	padding-left: 8px;
	margin-left: 8px;
	color: #e9eef7;
}
.popup_wrap h1.popup_title span.date2{
	font-weight: normal;
	font-size: 13px;
	background:url('/images/mobile/bar.gif') no-repeat left 5px;
	background-size: 1px 9px;
	padding-left: 8px;
	margin-left: 8px;
	color: #e9eef7;
}
.popup_close {
	position: absolute;
	top:11px;
	right:10px;
	width:15px;
	height:15px;
	background: url('/images/mobile/popup_close.png') 50% no-repeat;
	background-size: 15px 15px;
}
.popup_notice{
	padding: 0 10px;
}
.popup_notice p.title{
	position: relative;	
	font-size: 16px;
	padding: 25px 0 20px 0;
	font-weight: bold;
	color: #333;
	letter-spacing: -0.5px;
	line-height: 16px;
}
.popup_notice p.title span{font-size: 15px;}
.popup_notice p.images{
	margin-bottom: 18px;
}
.popup_notice p.stitle{
	font-size: 12px;
	font-weight: bold;
	color: #666;
	margin-bottom: 25px;
	line-height: 18px;
}
.popup_notice p.stxt{
	font-size: 12px;
	font-weight: normal;
	color: #666;
	padding-bottom: 18px;
	line-height: 18px;
}
.popup_notice p.stxt_last{
	font-size: 12px;
	font-weight: normal;
	color: #666;
	padding-bottom: 25px;
	line-height: 18px;
	border-bottom: 1px solid #ccc;
}
.popup_notice .seat_wrap{
	padding-top: 25px;
	width: 300px;
	height: 325px;
	margin: 0 auto;
}

/*회원가입 정보입력*/
.apply_step01{
	overflow:hidden; 
	margin-top: 15px;
	border:1px solid #ccc;
	padding-top: 3px;
	padding-bottom: 3px;
}
.apply_step01 dl{ 
	overflow:hidden;
	padding:15px 3px; 
	margin:0px 10px; 
	border-bottom:1px dashed #d9d9d9;
}
.apply_step01 dl:last-child{border-bottom:0;}
.apply_step01 dl dt{
	font-size:11px; 
	color:#222;
	font-weight:bold;
} 
.apply_step01 dl dt span{color:#a47170; font-weight:normal; font-size:11px;}
.apply_step01 dl dd{
	overflow:hidden;
	font-size:12px; 
	margin-top:10px;
	color:#8F8F8F;
}  
.apply_step01 dl dd.txt{
	margin-top: 5px;
	font-size: 11px;
	color: #c67f7f;
	line-height: 17px;
}
.apply_step01 dl dd p{margin-top:5px; clear:both;}
.apply_step01 dl dd.name_box input[type="text"]{
	width:96%;
	padding: 0 1%;
	height:29px;
	border: 1px solid #ccc;
	color: #666;
	font-size: 11pt;
	border-radius: 2px;
}
.apply_step01 dl dd.name_box select{
	width:96%;
	padding: 0 1%;
	height:31px;
	border:1px solid #ccc; 
	color:#8f8f8f;
	font-size:12px; 
	border-radius:2px;
	background: #f5f5f5 url('/images/mobile/bg_select.png') right 55% no-repeat;
	background-size: 17px 5px;
}
.apply_step01 dl dd.number_box select{
	width:96%;
	padding: 0 1%;
	height:31px;
	border:1px solid #ccc; 
	color:#8f8f8f;
	font-size:12px; 
	border-radius:2px;
	background: #fff url('/images/mobile/bg_select.png') right 55% no-repeat;
	background-size: 17px 5px;
}
.apply_step01 dl dd input[type="text"],
.apply_step01 dl dd input[type="password"]{
	width:96%;
	padding: 0 1%;
	height:29px;
	border: 1px solid #ccc;
	color: #666;
	font-size: 11pt;
	border-radius: 2px;
} 
.apply_step01 dl dd select{width:100%; border-radius:0;}
.apply_step01 dl dd textarea{
	width:94%;
	padding: 8px 2%;
	min-height:90px;
	border:1px solid #ccc;
	background:#fff;
	color:#8f8f8f;
	font-size:12px;
	border-radius: 2px;
}

/**/
.exclamation_box{
	overflow: hidden;
	background: #fafafa;
	margin: 20px 0;
}
.exclamation_box p{
	padding: 11px 10px;
	letter-spacing: -1px;
	color: #777;
	line-height: 18px;
}

/* 개인정보수집 동의 */
.privacy_box{
	border: 1px solid #d7d7d7;
	padding: 18px 15px 17px 15px;
	margin-top: 20px;
}
.privacy_box p{
	color:#666;
	font-size:14px;
	font-weight: bold;
	margin-bottom:11px;
}
.privacy_box ul li{
	padding: 3px 0 3px 0px;
	color:#777;
	line-height: 17px;
}
.agree_wrap{
	position: relative;
	overflow: hidden;
	margin-top: 10px;
}
p.agree{
	font-size: 13px;
	font-weight: bold;
	color: #757575;
	float: left;
	margin-left: 50px;
	line-height: 18px;
}
span.radio_agree{
	font-weight: normal;
	margin-left: 10px;
}
.color_1{
	color: #969696 !important;
}
.color_02 {
	color: #c13d2b !important;
}
.color_03 {
	color: #7d53e5 !important;
}
.color_04 {
	color: #581cb4 !important;
}
.color_05{
	color: #299ac6 !important;
}
.color_06{
	color: #6d4dbc !important;
}
.color_07{
	color: #e60201 !important;
}
/* 방청권티켓 이미지 */
.program_wrap{
	padding-top: 25px;
}
p.confirm_img{
	text-align: center;
}
p.confirm_img img{
	display: inline-block;
}
/* 방청권 확인 */
.program_wrap .attend_confirm{
	width: 100%;
	overflow: hidden;
	margin-top: 9px;
	padding-bottom: 25px;
}
.attend_confirm p.sstitle{
	font-size: 16px;
	font-weight: bold;
	color: #333;
	margin-bottom: 21px;
}
.program_wrap .confirm_box{
	width: 100%;
	float: left;
}
.confirm_box dl:first-child{
	background: none;
	padding-top: 0px;
}
.confirm_box dl{
	background: url('/images/mobile/line_dot.gif') repeat-x left top;
	background-size: 9px 1px;
	padding: 9px 0 11px 0;
	letter-spacing: -0.5px;
}
.confirm_box dl dt{
	font-size: 11px;
	width: 90px;
	float: left;
	background: url('/images/mobile/bl_dot2.gif') no-repeat 5px 7px;
	background-size: 3px 3px;
	font-weight: bold;
	color: #8f8f8f;
	padding-left: 12px;
}
.confirm_box dl dd{
	font-size: 12px;
	font-weight: bold;
	color: #444;
	display: inline-block;
	width: 54%;
}

.win_number{
	background: #f9f9fa;
	padding: 25px 0 25px 0;
	margin-bottom: 15px;
}
.win_number p,
.win_number p img{
	margin: 0 auto;
	text-align: center;
}
.win_number p.barcode,
.win_number p.barcode img{
	width: 199px;
	height: 68px;
}
.win_number p.win{
	margin-top: 6px;
	font-size: 12px;
	line-height: 13px;
}	

.attend_info{
	overflow: hidden;
	padding-bottom: 25px;
	border-bottom: 1px solid #ccc;
}
.attend_info p.info_title{
	font-size: 12px;
	font-weight: bold;
	color: #666;
	letter-spacing: -0.5px;
	margin-bottom: 10px;
	line-height: 17px;
	padding-left: 3px;
}
.attend_info ul.info_txt{
	font-size: 12px;
	color: #898989;
	margin-left: 10px;
	letter-spacing: -0.5px;
	line-height: 17px;
	padding-left: 3px;
}
.attend_info ul.info_txt li{
	padding: 0 0 0 7px;
	background: url('/images/mobile/bl_line.gif') no-repeat left 8px;
	background-size: 3px 1px;
}

.tbl_wrap01{
	width: 100% !important;
	border-bottom:  2px solid #ccc;
}
.tbl_wrap01 table{width:100%; font-size:13px;}
.tbl_wrap01 thead tr th{
	font-size:13px;
	font-weight: bold;
	color: #fff;
	padding-bottom: 10px;
	background: #6b7491;
	padding: 9px 0 9px 0;
}
.tbl_wrap01 tbody tr.off,
.tbl_wrap01 tbody tr.off td,
.tbl_wrap01 tbody tr.off td a{
	color: #959595;
}
.tbl_wrap01 tbody tr.last td{
	border-bottom: none;
}
.tbl_wrap01 tr.active td{
	background:#f2f7fd;
	border-top:1px solid #c1d1de;
	border-bottom:1px solid #c1d1de;
	text-decoration: none !important;
}
.tbl_wrap01 tr.not td{
	border-bottom:none 0 !important;
} 
.tbl_wrap01 tbody td.none_list{
	text-align: center;
	border-bottom: none;
	border-top: 1px solid #ededed;
	padding: 12px 0 14px 0;
}

.tbl_wrap01 tbody td{
	padding:9px 0 8px 0;
	text-align:center;
	font-size:12px;
	color:#444;
	border-bottom:1px solid #ededed;
	position: relative;
	letter-spacing: -0.5px;
}
.tbl_wrap01 tbody td:last-child{
	font-weight: bold;
	font-size: 12px;
}
.tbl_wrap01 tbody  tr.off td:last-child{
	text-decoration: none;
	font-weight: normal;
	font-size: 13px;
}
.tbl_wrap01 tr.active td.active_bb{
	background:#f2f7fd url('/images/mobile/icon_15_on.png') no-repeat left 14px;
	background-size: 18px 18px;
}
.tbl_wrap01 tbody td.grade_on{
	background: url('/images/mobile/icon_15_on.png') no-repeat left 14px;
	background-size: 18px 18px;
	font-weight: bold;
	text-align: left;
	padding-left: 24px;
}
.tbl_wrap01 tbody td.grade_off{
	background: url('/images/mobile/icon_15_off.png') no-repeat left 14px;
	background-size: 18px 18px;
	font-weight: bold;
	text-align: left;
	padding-left: 24px;
}
.tbl_wrap01 tbody td span{
	display: block;
}
.tbl_wrap01 tbody td span.date{
	font-weight: bold;
}
.tbl_wrap01 tbody td span.time{
	margin-top: 0px;
}

p.login_txt{
	text-align: center;
	color: #444;
	font-weight: bold;
	line-height: 17px;
	padding: 26px 0 16px 0;
}
/**/
.tbl_wrap02{
	width: 100% !important;
	border-bottom:  2px solid #ccc;
}
.tbl_wrap02 table{width:100%; font-size:13px;}
.tbl_wrap02 thead tr th{
	font-size:13px;
	font-weight: bold;
	color: #fff;
	padding-bottom: 10px;
	background: #6b7491;
	padding: 9px 0 9px 0;
}
.tbl_wrap02 tbody tr.off,
.tbl_wrap02 tbody tr.off td,
.tbl_wrap02 tbody tr.off td a{
	color: #959595;
}
.tbl_wrap02 tbody tr.last td{
	border-bottom: none;
}
.tbl_wrap02 tbody tr.off td.subtitle p.tit,
.tbl_wrap02 tbody tr.off td.subtitle a{color: #959595 !important;}
.tbl_wrap02 tbody tr.apply{
	background: #d1e7f0;
}
.tbl_wrap02 tbody td{
	padding:9px 10px 8px 10px;
	text-align:center;
	font-size:12px;
	color:#444;
	border-bottom:1px solid #ededed;
	position: relative;
	letter-spacing: -0.5px;
}
.tbl_wrap02 tbody td:last-child{
	font-weight: bold;
	font-size: 12px;
}
.tbl_wrap02 tbody  tr.off td:last-child{
	text-decoration: none;
	font-weight: normal;
	font-size: 13px;
}
.tbl_wrap02 tr.active td.active_bb{
	background:#f2f7fd url('/images/mobile/icon_15_on.png') no-repeat left 14px;
	background-size: 18px 18px;
}
.tbl_wrap02 tbody td.grade_on{
	background: url('/images/mobile/icon_15_on.png') no-repeat left 14px;
	background-size: 18px 18px;
	font-weight: bold;
	text-align: left;
	padding-left: 24px;
}
.tbl_wrap02 tbody td.grade_off{
	background: url('/images/mobile/icon_15_off.png') no-repeat left 14px;
	background-size: 18px 18px;
	font-weight: bold;
	text-align: left;
	padding-left: 24px;
}
.tbl_wrap02 tr.active td{
	background:#f2f7fd;
	border-top:1px solid #c1d1de;
	border-bottom:1px solid #c1d1de;
	text-decoration: none !important;
}
.tbl_wrap02 tr.not td{
	border-bottom:none 0 !important;
} 
.tbl_wrap02 tbody td.none_list{
	text-align: center;
	border-bottom: none;
	border-top: 1px solid #ededed;
	padding: 12px 0 14px 0;
}
.tbl_wrap02 tbody td.subtitle{
	text-align: left;
	color:#333 !important;
	font-weight: bold;
}
.tbl_wrap02 tbody td.subtitle a{color: #333 !important;}
.tbl_wrap02 tbody td.subtitle p.tit{
	font-size:12px;
	line-height: 18px;
	text-align: left;
	background: none;
	font-weight: normal;
	color:#565656 !important;
	padding: 0;
	height: 62px;
	letter-spacing: -1px;
	display: table-cell;
	vertical-align: middle;
}
.tbl_wrap02 tbody td span{
	display: block;
}
.tbl_wrap02 tbody td span.date{
	font-weight: bold;
}
.tbl_wrap02 tbody td span.time{
	margin-top: 0px;
}

/* tbl_wrap03 */
.tbl_wrap03{
	width: 100% !important;
	border-bottom:  1px solid #ccc;
	background: #fff;
}
.tbl_wrap03 table{width:100%; font-size:13px;}
.tbl_wrap03 tbody tr.first td{border-top: none !important;}
.tbl_wrap03 tbody td{
	padding:10px 0 9px 0;
	text-align:center;
	font-size:12px;
	color:#444;
	border-top:1px solid #ededed;
	position: relative;
	letter-spacing: -0.5px;
	vertical-align: top;
	line-height: 18px;
}
.tbl_wrap03 tbody td span{
	display: block;
	text-align: center;
	font-size: 11px;
	padding-top: 7px;
	padding-bottom: 7px;
}
.tbl_wrap03 tbody td.time span{
	text-align: left;
	color: #666;
}
.tbl_wrap03 tbody td.program span{
	text-align: left;
	font-weight: bold;
}
.tbl_wrap03 tbody td.status span{
	font-weight: bold;
	color: #8c8c8c;
}
.tbl_wrap03 > div {
	max-height: 140px;

}
/*btn*/
.btn_seat{
	font-size:15px;
	width: 124px;
	padding: 12px 0 12px 0;
	background-color:#407ac7;
	border: none;
	color: #fff;
	font-weight: bold;
	text-align: center;
	display: inline-block;
	border-radius: 2px;

}
.btn_cancel{
	font-size:15px;
	width: 122px;
	padding: 11px 0 11px 0;
	background-color:#f9f9f9;
	border: 1px solid #dadada;
	color: #858585;
	font-weight: bold;
	text-align: center;
	display: inline-block;
	border-radius: 2px;
}
.btn_print{
	font-size:15px;
	width: 122px;
	padding: 11px 0 11px 0;
	background: #c74f40;
	border: 1px solid #bc301f;
	color: #fff;
	font-weight: bold;
	text-align: center;
	display: inline-block;
	border-radius: 2px;
}
.btn_apply{
	padding: 4px 6px 4px 6px;
    font-size: 12px;
    width: 60px;
    background-color: #299ac6;
    border: 1px solid #2684a8;
    color: #fff;
    font-weight: normal;
    border-radius: 2px;
    text-align: center;
    display: block;
}
.btn_login{
	font-size:15px;
	width: 122px;
	padding: 11px 0 11px 0;
	background-color:#8e8e8e;
	border: 1px solid #8e8e8e;
	color: #fff;
	font-weight: bold;
	text-align: center;
	display: inline-block;
	border-radius: 2px;
}
.btn_choice{
	padding: 0 0 0 0px !important;
	font-size:12px;
	background: #f2f7fd;
	color: #b3334f !important;
	font-weight: bold;
	text-align: center !important;
}
.btn_choice img{
	display: inline-block;
	width: 11px;
	height:9px;
}
.btn_more{
	font-size:15px;
	width: 100%;
	padding: 11px 0 11px 0;
	background: #f0f0f0;
	border: 1px solid #e0e0e0;
	color: #727272;
	font-weight: bold;
	text-align: center;
	display: inline-block;
	border-radius: 2px;
	letter-spacing: -1px;
}
.btn_more img{
	display: inline-block;
	width: 8px;
	height: 7px;
	vertical-align: top;
	padding-top: 5px;
	margin-left: 10px;
}
.btn_breakdown{
	font-size:10px;
	width: 71px;
	padding: 2px 0 3px 0;
	border: 1px solid #999;
	color: #606060;
	text-align: center;
	display: inline-block;
	border-radius: 2px;
	letter-spacing: -1px;
	margin: 10px 0 15px 0;
}
.btn_modify{
	font-size:12px;
	width: 58px;
	padding: 4px 0 4px 0;
	border: 1px solid #673bd6;
	color: #fff;
	font-weight: bold;
	text-align: center;
	border-radius: 2px;
	display: inline-block;
	letter-spacing: -1px;
	background: #7d53e5;
}
.btn_cancel2{
	font-size:12px;
	width: 58px;
	padding: 4px 0 4px 0;
	border: 1px solid #7857d2;
	color: #7857d2;
	font-weight: bold;
	text-align: center;
	border-radius: 2px;
	display: inline-block;
	letter-spacing: -1px;
	background: #fff;
}
.btn_attend{
	font-size:12px;
	width: 71px;
	padding: 4px 0 4px 0;
	border: 1px solid #c90240;
	color: #fff;
	font-weight: bold;
	text-align: center;
	border-radius: 2px;
	display: inline-block;
	letter-spacing: -1px;
	background: #e50c50;
}
.btn_attend2{
	font-size:12px;
	width: 58px;
	padding: 4px 0 4px 0;
	border: 1px solid #bbb;
	color: #454545;
	font-weight: bold;
	text-align: center;
	border-radius: 2px;
	display: inline-block;
	letter-spacing: -1px;
	background: #f9faf9;
}
.icon_print{
	display: inline-block;
	vertical-align: middle;
	margin-right: 5px;
}

fieldset{border: 0; padding:0 8px 0 0px; color:#4e4e4e;}
label {/*display: block; cursor: pointer; line-height: 20px; padding-bottom: 9px; text-shadow: 0 -1px 0 rgba(0,0,0,.2); */}
.radios{}
.label_radio input  { margin-right: 5px; }
 
.label_radio    { padding:1px 30px 1px 26px;font-size: 12px; line-height: 20px;}
.label_radio    { background: url(/images/new/radio_off.gif) no-repeat; background-size: 17px 17px; }
label.r_on      { background: url(/images/new/radio_on.gif) no-repeat; background-size: 17px 17px;}
.label_radio input  { position: absolute; left: -9999px; }

/* 토탈 */
.week_box{
	margin: 10px;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	background: #f3f3f3;
}
.week_box p{
	text-align: center;
	color: #303030;
	font-size: 14px;
	padding: 12px 0 13px 0;
	border-bottom: 1px solid #e0e0e0;
	position: relative;
}
.week_box p .prevWeek{
	position: absolute;
	left: 30%;
	top: 12px;
}
.week_box p .nextWeek{
	position: absolute;
	right: 30%;
	top: 12px;
}
.week_box p img{
	display: inline-block;
	width: 9px;
	height: 14px;
	vertical-align: middle;
	margin: 0 12px;
}


/* scrollbar */
/*
.scrollbar-inner{height: 149px !important; width: 100% !important; overflow: hidden;}
.scrollbar-inner > .scroll-element,
.scrollbar-inner > .scroll-element div
{
    border: none;
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: 10;
}
 
.scrollbar-inner > .scroll-element div {
    display: block;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
}
 
.scrollbar-inner > .scroll-element.scroll-x {
   /* bottom: 2px;
    height: 8px;
    left: 0;
    width: 100%;
}
 
.scrollbar-inner > .scroll-element.scroll-y {
    height: 100%;
    right: 2px;
    top: 0;
    width: 8px;
}
 
.scrollbar-inner > .scroll-element .scroll-element_outer {
    overflow: hidden;
}
 
.scrollbar-inner > .scroll-element .scroll-element_outer,
.scrollbar-inner > .scroll-element .scroll-element_track,
.scrollbar-inner > .scroll-element .scroll-bar {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}
 
.scrollbar-inner > .scroll-element .scroll-element_track,
.scrollbar-inner > .scroll-element .scroll-bar {
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
    filter: alpha(opacity=40);
    opacity: 0.4;
}
 
.scrollbar-inner > .scroll-element .scroll-element_track { background-color: #e0e0e0; }
.scrollbar-inner > .scroll-element .scroll-bar { background-color: #c2c2c2; }
.scrollbar-inner > .scroll-element:hover .scroll-bar { background-color: #919191; }
.scrollbar-inner > .scroll-element.scroll-draggable .scroll-bar { background-color: #919191; }
*/

/* ktk-add */
.total_title{
	color: #535353; 
	font-size: 20px; 
	font-weight: bold; 
	letter-spacing: -1px;
	padding-left: 10px; 
	padding-bottom: 10px;
	border-bottom: 2px solid #535353;
    margin-bottom: 10px;
}

/* 1230 추가 */
/* 신청안내 */
/* four_tab01 */
.four_tab01{
	overflow:hidden; 
} 
.four_tab01 ul{  
	overflow:hidden; 
}
.four_tab01 ul:after {
	content: '';
	display: block;
	clear: both;
}
.four_tab01 ul li{
	float:left;
	color:#6e6e66;
	letter-spacing: -0.5px;
	text-align:center;
	background:#f5f5f5;
	border-top:1px solid #d6d6d6; 
	border-right:1px solid #d6d6d6; 
	border-bottom:1px solid #d6d6d6; 	
}
.four_tab01 ul li:first-child{
	/*border-left:1px solid #6b7591;*/
}
.four_tab01 ul li a{
	display:block;
	height: 61px;
	color:#6e6e66;
	margin-left:-1px; 
	display:block;
	font-size:9px;
	padding: 3px 2px 0 2px;
}
.four_tab01 ul li a span{
	display: block;
	margin: 0 auto;
	line-height: 12px;
	vertical-align: middle;
	height: 26px;

}
.four_tab01 ul li.active{  	
	color:#fff;
	background:#70a4e8;
	border-top: 1px solid #70a4e8;
	border-left: 1px solid #70a4e8;
	border-right: 1px solid #70a4e8;
	border-bottom: 1px solid #70a4e8;
	position: relative;
	margin-bottom: 11px;
}
.four_tab01 ul li.active  a img,
.four_tab01 ul li a img{height: 25px; margin: 0 auto; margin-bottom: 6px;}
.four_tab01 ul li.active a{
	color:#fff;
}
.four_tab01 ul li.active span.arrow{
	position: absolute;
	bottom: -12px;
	left: 41%;
	background:url('/images/mobile/tab_arrow02.png') no-repeat center bottom;
	background-size: 22px 11px;
	width: 22px;
	height: 11px;
}
.w_22{width: 22%;}
.w_32{width: 32%;}
.pt0{padding-top: 0px !important;}

/**/
.tab_btn{
	text-align: right;
	padding: 8px 10px 12px 0;
}
.tab_btn ul li{
	vertical-align: top;
	display: inline-block;
}
.btn_type_on{
	padding:4px 0 3px 0;
	font-size:12px;
	width: 60px;
	background-color:#299ac6;
	border: 1px solid #2684a8;
	color: #fff;
	font-weight: bold;
	border-radius: 2px;
	text-align: center;
	display: inline-block;
}
.btn_type_off{
	padding:4px 0 3px 0;
	font-size:12px;
	width: 60px;
	background-color:#aeaeae;
	border: 1px solid #a5a5a5;
	color: #fff;
	font-weight: bold;
	border-radius: 2px;
	text-align: center;
	display: inline-block;
}

/*가이드 팝업 */
.guide_wrap{
	padding: 13px 10px 14px 10px;
}
.guide_wrap h3.title{
	font-size: 16px;
	color: #333;
	font-weight: bold;
	padding-bottom: 10px;
}
.guide_wrap p.txt{
	font-size: 12px;
	color: #666;
	line-height: 18px;
	padding-bottom: 14px;
}
.guide_wrap .guide_img{
	border: 2px solid #757575;
	margin-bottom: 30px;
}
.guide_wrap .guide_img span.pop{
	background: url('/images/mobile/guide_bg.gif') repeat left top;
	display: block;
}
.guide_wrap .guide_img img{
	margin: 0 auto;
	padding: 25px 0 0 0;
}
.guide_wrap .guide_img ul{
	margin: 20px 20px 25px 20px;
}
.guide_wrap .guide_img ul li{
	color: #da0839;
	font-size: 11px;
	line-height: 11px;
	margin-top: 5px;
}

.guide_wrap .guide_img ul li:first-child{
	margin-top: 0px;
}
.guide_wrap .guide_img ul li span{
	display: inline-block;
	vertical-align: top;
	line-height: 14px;
	width: 92%;
}
.guide_wrap .guide_img ul li span.num{
	background: #da0839;
	width: 14px;
	height: 14px;
	font-size: 10px;
	color: #fff;
	font-weight: bold;
	display: inline-block;
	text-align: center;
	line-height: 14px;
	margin-left: 2px;
}

.guide_wrap .guide_img02{
	border: 1px solid #e8e8e8;
	margin-bottom: 15px;
}
.guide_wrap .guide_img02 img{
	margin: 0 auto;
}
.guide_wrap .guide_txt{}
.guide_wrap .guide_txt h4{
	font-size: 13px;
	color: #333;
	letter-spacing: -0.5px;
	margin-bottom: 15px;
}
.guide_wrap .guide_txt ul li{
	font-size: 12px;
	color: #666;
	letter-spacing: -0.5px;
	background: url('/images/mobile/bl_dot3.gif') no-repeat left 10px;
	background-size: 2px 2px;
	padding: 2px 0 2px 5px;
}
.mt15{margin-top: 15px;}
.confirm{
	padding: 0 10px 15px 10px;
}
.confirm ul li{
	font-size: 11px;
	line-height: 17px;
	letter-spacing: -1px;
	color: #808080;
	background: url('/images/new/bl_dot3.gif') no-repeat left 9px;
	background-size: 2px 2px;
	padding-left: 5px;
}