@charset "utf-8";
/* CSS Document */
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

/* CSS Reset */
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; border:0; outline:0; font-size:1em; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;}
ul, ol, li {list-style:none;}
body {-webkit-text-size-adjust:none;}
img, fieldset {border:0 none;}
img, input, select, textarea {vertical-align:middle;}
input[type="text"]{ padding:3px; vertical-align:middle; line-height:20px; background:#fff; border:1px solid #ccc; }
hr {display:none;}
a {color:#000; text-decoration:none; text-overflow:ellipsis; -o-text-overflow:ellipsis; cursor:pointer;}
a:link, a:hover, a:active {text-decoration:none;}
em {font-style:normal;}
table {border-collapse:collapse; border-spacing:0;}
table caption, .skip, legend {position:absolute; z-index:-1; visibility:hidden}
/* layout */
body, input, select, textarea, header, footer { font-family:'나눔고딕',NanumGothic,sans-serif; font-weight:normal;}
input{padding:2px}
body {background-color:#ffffff;}
.fbody{background-color:#fff;}
.w {margin:auto; font-size:100%; background-color:#fff;}
/* main header 160104 */
/*.mhd {position:relative; height:3.8214285714285716em;} */
.mhd {position:relative; height:5em; background-color:#151c46}
.mhd h1 {display:inline-block; width:8em; height:2.2857142857142856em; margin:0.8214285714285714em 0 0 1em; background:url(/m/images/logo.png) no-repeat; background-size:100% auto; text-indent:-10000px;}
.img_small1{padding-top: 10px}
.mhd > ul {float:right; height:2.107142857142857em; padding:0.9642857142857143em 0.75em 0 0; }
.mhd > ul > li {float:left; height:2.107142857142857em; text-indent:-10000px;}
.mhd > ul > li a {display:block; width:100%; height:100%; background:url(/m/images/bt_logout.png) no-repeat; background-size:auto 100%;}
.mhd > ul > li.mlog {width:5em;}
.mhd > ul > li.mlog a {background-position:0 0; margin-top:8px}
.mhd > ul > li.mmap {width:2.357142857142857em;}
.mhd > ul > li.mmap a {background-position:-32px 0;}
.mhd > ul > li.mmenu {width:2.4285714285714284em;}
.mhd > ul > li.mmenu a {background-position:-32px 0;}
.mhd > ul > li.mmenu.close a {background-position:100% 0;}
.mhd1 {position:relative; height:5em; background-color:#151c46}
.mhd1 h1 {display:inline-block; width:8em; height:2.2857142857142856em; margin:0.8214285714285714em 0 0 1em; background:url(/m/images/logo.png) no-repeat; background-size:100% auto; text-indent:-10000px;}
.mhd1 > ul {float:right; height:2.107142857142857em; padding:0.9642857142857143em 0.75em 0 0; }
.mhd1 > ul > li {float:left; height:2.107142857142857em; text-indent:-10000px;}
.mhd1 > ul > li a {display:block; width:100%; height:100%; background:url(/m/images/bt_login.png) no-repeat; background-size:auto 100%;}
.mhd1 > ul > li.mlog {width:5em;}
.mhd1 > ul > li.mlog a {background-position:0 0;margin-top:8px}
.mhd1 > ul > li.mmap {width:2.357142857142857em;}
.mhd1 > ul > li.mmap a {background-position:-32px 0;}
.mhd1 > ul > li.mmenu {width:2.4285714285714284em;}
.mhd1 > ul > li.mmenu a {background-position:-32px 0;}
.mhd1 > ul > li.mmenu.close a {background-position:100% 0;}
/* main footer */
.mft {position:relative; border-top:1px solid #666666; background:#151c46;}
.mft .mft_sns {padding:1.3928571428571428em 0 1.3928571428571428em 1.4285714285714286em; overflow:hidden;}
.mft .mft_sns li {float:left;}
.mft .mft_sns li a {display:block; height:2.9285714285714284em; margin-right:0.4642857142857143em; text-indent:-999em; color:transparent;}
.mft .mft_sns li.ico_sns1 a {width:3em; background:url(/m/images/bt_facebook.png) no-repeat 0 0; background-size:auto 100%;}
.mft .mft_sns li.ico_sns2 a {width:3em; background:url(/m/images/bt_twitter.png) no-repeat 0 0; background-size:auto 100%;}
.mft .mft_sns li.ico_sns3 a {width:3.7142857142857144em; background:url(/img/c/bt_seoul.png) no-repeat 0 0; background-size:auto 100%;}
.mft .mft_sns li.ico_sns4 a {width:3.7142857142857144em; background:url(/img/c/bt_pc.png) no-repeat 0 0; background-size:auto 100%;}
.mft > p {height:4em; border-top:1px solid #666666;text-align:center;}
.mft > p a {display:block; color:#ffffff; font-size:1.2em; line-height:3.2em; text-align:center; font-style:normal; font-weight:bold}
.mft .ft_sw {position:absolute; top:2.3333333333333335em; right:0.5416666666666666em; display:block; width:3em; padding:0.9166666666666666em 0 0 0; background:url(/img/c/bg_top.png) no-repeat 50% 0; background-size:auto 100%; color:#5b5873; font-size:0.8571428571428571em; line-height:1.4583333333333333em; text-align:center;}
/* main 배너 160104 */
.mbn {width:100%; background-color:#333241;}
.mbn h1 {position:absolute; z-index:-1; visibility:hidden}
.mbn_slider {position:relative;}
.mbn_slider .mbn_container {padding:1.2142857142857142em 0.75em 0 0.75em;
}
.mbn_slider .mbn_container #mbn_content li a {display:block; background:url(/m/images/bg_m_banner.jpg) no-repeat 50% 100%; background-size:100% auto;
}
.mbn_slider .mbn_container #mbn_content li a .img_area {position:relative; z-index:1; display:block;
}
.mbn_slider .mbn_container #mbn_content li.swiper-slide-active a .img_area {box-shadow:1px 1px 3px rgba(0,0,0,0.3);
}
.mbn_slider .mbn_container #mbn_content li a .img_area img {
	width:100%;
}
.mbn_slider .mbn_container #mbn_content li a .tit_area {
	display:block; 
	padding:0.8214285714285714em 0 0.75em;
}
.mbn_slider .mbn_container #mbn_content li a .tit_area em {
	display:block; color:#84819a; 
	font-family:Dinbol; 
	font-size:1.0714285714285714em; 
	line-height:1.3em;
}
.mbn_slider .mbn_container #mbn_content li a .tit_area strong {
	display:block; 
	color:#fff; 
	font-size:1.1428571428571428em; 
	font-weight:bold; 
	line-height:1.4375em;
}
.mbn_slider .mbn_nav_container {
	position:absolute; right:1.4285714285714286em; bottom:2.5em; z-index:1
}
.mbn_slider .mbn_nav_container .swiper-pagination-bullet {
	width:1.5909090909090908em; 
	height:1.5909090909090908em; 
	margin:0 0 0 0.45454545454545453em; 
	background:url(/m/images/bg_banner_page.png) no-repeat 0 100%; 
	background-size:100% auto; color:#84819a; 
	font-size:0.7857142857142857em; 
	font-weight:bold; 
	text-align:center; 
	line-height:1.8181818181818181em; 
	opacity:1;
}
.mbn_slider .mbn_nav_container .swiper-pagination-bullet-active {
	background-position:0 0; 
	color:#fff;
}

/* main 모바일 웹 자주가는 서비스 160104 */
.mct_menu {
	background:#bab9ba url(/m/images/bg_hr_line.gif) repeat-x 0 0;
 background-size:2px auto;
}
.mct_menu ul {
	padding:0.6428571428571429em 0.75em 0.2857142857142857em 0.75em; 
overflow:hidden;
}
.mct_menu ul li {
	float:left; 
	width:50%;
}
.mct_menu ul li a {
	display:block; height:3.892857142857143em; 
	margin-bottom:0.42857142857142855em; 
	background-color:#ffffff; 
	box-shadow:1px 1px 3px rgba(0,0,0,0.2); 
	color:#8581a5; 
	font-size:1em; 
	letter-spacing:-0.095em; 
	line-height:3.892857142857143em;
}
.mct_menu ul li:nth-child(odd) a {
	margin-right:0.21428571428571427em;
}
.mct_menu ul li:nth-child(even) a {
	margin-left:0.21428571428571427em;
}
.mct_menu ul li a span {
	display:block; 
	margin-right:1.3571428571428572em; 
	text-align:right;
}
.mct_menu ul li.ico_m1 a span {
	margin-left:1.25em; 
	background:url(/m/images/i_menu1.png) no-repeat 0 50%; background-size:auto 2em;
}
.mct_menu ul li.ico_m2 a span {
	margin-left:1.4285714285714286em; 
	background:url(/m/images/i_menu2.png) no-repeat 0 50%; 
	background-size:auto 2.142857142857143em;
}
.mct_menu ul li.ico_m3 a span {
	margin-left:1.0357142857142858em; 
	background:url(/m/images/i_menu3.png) no-repeat 0 50%; 
	background-size:2em auto;
}
.mct_menu ul li.ico_m4 a span {
	margin-left:1.1071428571428572em; 
	background:url(/m/images/i_menu4.png) no-repeat 0 50%; 
	background-size:2em auto;
}

/* hd */
.hd {
	position:relative; 
	background:#e27d1c; 
	color:#fff; 
	min-height:42px;
}
.hd h1 {
	background:url(/img/c/i_nsac.png) no-repeat 5px center; 
	background-size:40px auto; 
	font-size:1.325em; 
	line-height:42px; 
	text-shadow:1px 1px 1px #333; 
	padding:0 0 0 50px;
}
.hd .hd_hm {
	display:block; 
	position:absolute; 
	top:9px; 
	right:40px; 
	width:25px; 
	height:25px; 
	background:url(/img/c/bt_mhd.gif) no-repeat -75px 0; 
	background-size:auto 25px; 
	text-indent:-10000px; 
	cursor:pointer;
}
.hd .viewCt {
	position:absolute; 
	top:9px;
	right:10px; width:25px; 
	height:25px; 
	background:url(/img/c/bt_mhd.gif) no-repeat -50px 0; 
	background-size:auto 25px; 
	text-indent:-10000px; 
	cursor:pointer;
}
.gse {
	display:none; 
	position:absolute; 
	left:0; 
	top:3.8214285714285716em; 
	width:100%; 
	z-index:110;
	}
.gse .btn_close {
	position:absolute; top:-2.857142857142857em; 
	right:0.75em; 
	display:block; 
	width:2.4285714285714284em; 
	height:2.107142857142857em; 
	background:url(/img/c/bt_mhd.png) no-repeat 100% 0; 
	background-size:auto 100%; 
	text-indent:-10000px;
}
.gse h1 {
	position:absolute; 
    z-index:-1; 
    visibility:hidden
}
/* conHd */
.conHd {
	position:relative; 
	height:46px; 
	border-bottom:1px solid #e7e7e7; 
	line-height:46px;
}
.conHd h1 {
	position:absolute; 
	top:0; 
	left:10px; 
	height:46px; 
	padding:0 0 0 15px; 
	background:url(/img/c/i_dot02.png) no-repeat 0 center; 
	background-size:8px 12px; 
	font-size:1.0714285714285714em; 
	color:#8c80ca;
}
.conHd .nt_new a {
	position:absolute; 
	top:7px; 
	right:8px; 
	padding:3px 5px 3px 5px; 
	border:1px solid #ccc; 
	background:#f2f2f2; 
	color:#666; 
	font-size:0.825em; 
	line-height:normal;
}
.conHd2 {
	border-top:1px solid #4c4b5a; 
	border-bottom:1px solid #4c4b5a;
	background-color:#ffffff;
	position:relative; 
	min-height:0.35714285714285715em; 
	max-height:3.2142857142857144em; 

}
.conHd2 h1 {
	font-size:1.1428571428571428em; 
	line-height:2.8125em; 
	text-align:center;
}
.conHd2 .btn_back {
	position:absolute; 
	left:0.9642857142857143em; 
	top:0.6071428571428571em; 
	display:block; 
	width:3.0714285714285716em; 
	height:2.0357142857142856em; 
	background:url(/m/images/btn_prev.png) no-repeat 0 0; 
	background-size:100% auto; 
	text-indent:-999em; 
	color:transparent;
}
/* sub 메뉴 */
.snav ul {
	display:block; 
	height:39px; 
	background:#484848;
}
.snav ul li {
	float:left; 
	height:39px; 
	background:url(/img/c/bg_hdTab.png) no-repeat left; 
	background-size:auto 39px; 
	line-height:39px; 
	text-align:center; 
	font-weight:bold; 
	font-size:1.167em
}
.snav ul.n2 li {
	width:50%
}
.snav ul.n3 li {
	width:33.33%
}
.snav ul.n4 li {
	width:25%; 
	letter-spacing:-1px;
}
.snav ul.n5 li {
	width:20%; 
	letter-spacing:-1px;
}
.snav li .on {
	background:#fff; 
	background-size:auto 36px; 
	text-shadow:1px 1px 1px #fff; 
	color:#484848;
}
.snav li a {
	display:block; 
	width:100%; 
	color:#fff; 
	overflow:hidden; 
	white-space:nowrap; 
	text-overflow:ellipsis; 
	letter-spacing:-1px;
}
.snav li:last-child a {
	border-right:none;
}
.snav li:first-child a {
	border-left:none;
}
.snav h2 {
	position:absolute; 
	z-index:-1; 
	visibility:hidden;
}
/* 서버단 */
/* blind */
hr, #mh h1 span, .mv header h1 span, .mn h2 span, .ad h3 span, .ic h2 span, #sh h1 span, .st h2 span, .si span, .pyl_t caption, .st2 h2 span, .tk_ls h2, .tk_sc h1, .tk_cal caption {
	position:absolute; 
	width:1px; 
	height:1px; 
	top:0; 
	left:0;
	font-size:0; 
	line-height:0; 
	overflow:hidden; 
	visibility:hidden;
}
/* layout */
#mh {
	height:81px; 
	overflow:hidden;
}
#mh div {
	margin:0 10px 0 10px;
}
#mh h1 a {
	float:left; 
	display:block; 
	width:150px; 
	height:48px;
	background:url(/img/c/I_logo.png) no-repeat;
}
.ut {
	float:right;
	text-align:right; 
	margin:26px 0 0 10px;
}
.ut a {
	margin-left:10px;
}
/* board */
.bl {}
.bl li {
	padding:10px 20px 10px 10px; 
	border-bottom:1px solid #dadada; 
	background:url(/img/c/bg_arr07.gif) no-repeat right center, -moz-linear-gradient(top, #fff, #e7e6e5); 
	background:url(/img/c/bg_arr07.gif) no-repeat right center, -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f8f8f8), color-stop(0.5, #fff), color-stop(0.5, #f4f4f4), to(#e5e5e5));
}
.bl li span {
	display:block; 
	overflow:hidden; 
	white-space:nowrap; 
	letter-spacing:-1px; 
	text-overflow:ellipsis;
}
.bl li time {
	color:#994b26; 
	font-size:0.917em; 
	text-align:right;
}
.tl a {
	display:block; 
	padding:10px; 
	border-top:1px solid #999; 
	border-bottom:1px solid #333; 
	background:#4c4c4c; 
	background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#a5a5a5), to(#4c4c4c)); 
	background:-moz-linear-gradient(top, #a5a5a5, #4c4c4c); 
	text-align:center; 
	color:#fff;
}
.tl a span {
	padding:0 15px 0 0; 
	background:url(/img/c/i_more01.gif) no-repeat right center;
}
.pg {
	text-align:center; 
	margin-bottom:40px;
}
.pg span {
	display:inline-block; 
	border:1px solid #d3d3d3; 
	color:#a0a0a0; 
	width:25px; 
	height:25px; 
	line-height:25px; 
	margin:0 2px 0 2px;
}
.pg img {
	margin:0 2px 0 2px;
}
.pg strong span {
	border:1px solid #de570f; 
	color:#de570f;
}
.pg img {
	vertical-align:top;
}
/* board view */
.bv {
	font-size:1em;
}
.bv header {
	border-bottom:1px solid #dadada;
	 padding:15px 10px 15px 10px; 
	 text-indent:10px; 
	 background:url(/img/c/i_dico2.gif) no-repeat 10px 26px;
}
.bv header h2 {
	display:inline; 
	line-height:150%; 
	font-size:1.167em;
}
.bv header time {
	font-size:0.917em; 
	color:#9b9b9b;
}
.ba {
	padding:15px 10px 20px 10px; 
	font-size:1em; 
	line-height:150%;
}
.ba img {
	width:100%; 
	height:auto;
} /*  20150212 수정 - mum  */
.ba strong a {
	color:#e36514; 
	font-weight:normal;
}
/* Q&A */
.par {
	line-height:150%; 
	margin:20px 10px 0 10px;
}
.twi {
	background:#e5e5e5; 
	text-align:center; 
	padding:10px 0 10px 0; 
	margin:20px 10px 20px 10px;
}
.tw {
	text-align:center; 
	margin-bottom:40px;
}
.tw p {
	margin:0 10px 0 10px; 
	border:1px solid #d5d5d5; 
	background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#fafafa), to(#edebeb)); 
	background:-moz-linear-gradient(top, #fafafa, #edebeb); 
	padding:8px 0 8px 0;
}
.tw p span {
	display:block; 
	margin-right:10px; 
	background:url(/img/c/bg_arr02.gif) no-repeat right center;
}
/* faq */
.fl {
	overflow:hidden;
}
.fl li {
	border-bottom:1px solid #dadada;
}
.fq {
	display:block; 
	background:url(/img/c/i_dico2.gif) no-repeat 10px 17px; 
	padding:10px 10px 10px 20px; 
	line-height:150%; 
	letter-spacing:-1px; 
	cursor:pointer; 
	color:#333;
}
.fa {
	display:block; 
	background:#e6e6e6 url(/img/c/bg_fl.gif) repeat-x top; 
	border-top:1px solid #dadada; 
	padding:10px 10px 10px 20px; 
	line-height:150%;
}
.btV {position:relative; float:right; margin:5px 10px 0 0; line-height:1em; z-index:100;
}
.btV button {
	text-align:right; 
	overflow:visible; 
	position:relative; 
	width:100%; 
	border:none; 
	cursor:pointer; 
	background:none;
}
.btV button span:first-child {
	vertical-align:top; 
	font-size:0.917em; 
	height:16px; 
	display:inline-block; 
	margin-top:5px;
}
.si {
	display:inline-block; 
	width:17px; 
	height:16px; 
	background:url(/img/c/bt_view2.gif) no-repeat; 
	margin:3px 0 0 5px;
}
.btV ul {
	position:absolute; 
	right:0; top:25px; 
	width:90px; 
	border:1px solid #ddd; 
	display:block; 
	overflow:hidden; 
	background:#FFF; 
	padding:4px 0 4px 0; 
	z-index:2;
}
.btV li {padding:4px 10px 4px 10px;
}
.btV li span {display:block; position:relative; zoom:1;
}
/* login */
.log {font-size:1em; margin:10px; border:1px solid #c0c0c0; background:#f2f2f2;
}
.log fieldset {padding:18px;}
.log fieldset legend {position:absolute; z-index:-1; visibility:hidden
}
.lov {padding:10px 0 10px 0;
}
.lov label {margin-right:20px;
}
.log ul {position:relative; display:block;
}
.log .logBt {bottom:3px; right:0; position:absolute; color:#ffffff; float:right; font-size:1em; text-align:center; border-radius:3px; border:1px solid #289389; height:91%; width:80px; cursor:pointer; font-weight:bold;
}
.log .log_g {border-top:1px solid #c0c0c0; padding:20px 0 0 0; font-size:0.938em; color:#666;
}
.log .logn {position:relative; padding:3px 3px 3px 3px; width:100%; border:1px solid #9b9b9d; font-size:1em; margin:3px 0 3px 0;
}
.log .uid, .upw {padding-right:95px;}
.log .uid label, .upw label {overflow:hidden; width:0; height:0; left:-10000px; line-height:0; position:absolute; visibility:hidden;
}
.log .er {text-align:center; padding:20px 0 20px 0; border-top:1px solid #fff; border-left:1px solid #fff; border-right:1px solid #fff;
}
.log .er h2 {padding:50px 0 10px 0; color:#333; background:url(/img/c/i_error.gif) no-repeat center 10px;
}
.log .co {color:#e36514;}
.log .btU {display:block; width:100%; border:1px solid #c0c0c0; background:#f1f1f1; text-align:center; margin-bottom:10px;
}
.log .btU span {display:block; border:1px solid #fff; padding:4px 0 4px 0; line-height:1.25em;
}
/* perf list */
.plw {padding-bottom:20px;}
.plw .pl {position:relative; min-height:100px; border-bottom:1px solid #c0c0c0; background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#ededed)); background:-moz-linear-gradient(top, #fff, #ededed); padding:10px; overflow:hidden;
}
.plw .plp {position:absolute; width:70px; height:100px;
}
.plw .plp img {width:70px; height:100px; border:1px solid #333; box-shadow:2px 2px 3px #666; -moz-box-shadow:2px 2px 3px #666; -webkit-box-shadow:2px 2px 3px #666;
}
.plw .plt {margin:0 0 10px 90px; font-size:1em;}
.plw .pls {margin:0 0 0 90px; overflow:hidden; line-height:150%; font-size:0.917em;
}
.plw .pls dt {float:left; clear:left; white-space:nowrap; background:url(/img/c/i_dico.gif) no-repeat 0 center; padding:0 10px 0 10px;
}
.plw .pls dd {white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
.plw .plb {margin:7px 0 0 90px;}
.plw .plb .btD {display:block; float:left; font-size:0.875em; text-align:center; background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#fdfdfd), to(#e8e8e8)); background:-moz-linear-gradient(top, #fdfdfd, #e8e8e8); border:1px solid #b7b7b7; margin-right:5px;}
.plw .plb .btD span {padding:3px 20px 3px 10px; display:block; border:1px solid #fff; background:url(/img/c/bg_arr04.gif) no-repeat right center;
}
/* perf view */
.btP {display:block; float:right; line-height:1em; font-size:0.917em; text-align:center; background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#fdfdfd), to(#e8e8e8)); background:-moz-linear-gradient(top, #fdfdfd, #e8e8e8); border:1px solid #b7b7b7; margin:6px 10px 0 0;
}
.btP span {padding:3px 10px 3px 20px; display:block; border:1px solid #fff; background:url(/img/c/bg_arr05.gif) no-repeat left center;}

.pv {position:relative;}
.pv1 {position:relative;}
.pv header {position:relative; padding:33em 0 0 0;}
.pv header .tit_img {position:absolute; left:0; top:0; width:100%; height:auto; overflow:hidden;}
.pv header .tit_img h2 {position:relative; height:100%;}
.pv header .tit_img h2 img {width:100%; height:auto;}
.pv header .tit_img h2 span {position:absolute; left:0; top:0; z-index:10; display:block; width:100%; height:100%; background:url(/img/c/bg_perf_view.png) repeat 0 0;}
.pv header .tit_img .img_gr {position:relative; margin:0 1.0526315789473684em; z-index:11;}
.pv header .tit_img .img_gr .btn_perfsale {position:absolute; bottom:1.0357142857142858em; left:0; display:block; width:100%; box-sizing:border-box; box-shadow:0 0 0 2px inset; background-color:rgba(33,32,41,0.5); color:#fff;font-size:1.3571428571428572em; font-weight:bold; letter-spacing:-0.095em; line-height:2.973684210526316em; text-align:center;
}
.pv header .tit_img .img_gr .btan_like {position:absolute; bottom:100%; right:-0.32142857142857145em; display:block; width:1.8928571428571428em; height:1.6785714285714286em; background:url(/img/c/ico_like.png) no-repeat 0 0; background-size:100% auto; text-indent:-999em; color:transparent;}
.pv header hgroup {padding:1.1428571428571428em 1.4285714285714286em 1.4642857142857142em 1.4285714285714286em; background:url(/img/m/bg_hr_line.gif) repeat-x 0 100%; background-size:auto 2px;}
.pv header hgroup h1 {padding-bottom:0.875em; font-size:1.2857142857142858em; font-weight:bold; line-height:1.3em}
.pv header hgroup .date {color:#84819a; font-size:1.2857142857142858em; font-family:Dinbol; line-height:1.1666666666666667em;}
.pv header hgroup .place {color:#84819a; font-size:1.0714285714285714em; line-height:1.3461538461538463em;}
.pv header .thumb_group {position:absolute; right:1.4285714285714286em; bottom:1.4285714285714286em; overflow:hidden;}
.pv header .thumb_group li {float:left; width:3.107142857142857em; height:3.107142857142857em; margin-left:0.7142857142857143em;}
.pv header .thumb_group li a {display:block; width:100%; height:100%;}
.pv header .thumb_group li a img {width:100%; height:auto;}

.pvs {padding:0.7em; overflow:hidden;}
.pvs dt {float:left; width:4.2em; color:#84819a; font-size:1.0em; line-height:2em; letter-spacing:-0.095em; font-weight: bold}
.pvs dt .all {width:100%; font-size:1.2em; line-height:2em; letter-spacing:-0.095em;}
.pvs dd { font-size:1.0em; line-height:2em; letter-spacing:-0.095em; overflow:hidden;}
.pvs dd a {}
.pvinfo {padding:1em}
.pvinfo img {display:inline; padding:0; width:100%; height:auto;}
.pvl {display:block; overflow:hidden; padding-bottom:20px;}
.plv_m {color:#fff; height:32px; line-height:32px; cursor:pointer; padding:0 10px 0 10px; font-size:0.917em; background:url(/m/images/bg_fbar.gif) repeat-x; text-shadow:1px 1px 1px #333;
}
.plv_m h2 {background:url(/m/images/bg_arr06.gif) no-repeat right;}
/*.plv_s{padding:10px;font-size:1em;background:#e6e6e6 url(/img/c/bg_fl.gif) repeat-x top;line-height:150%;border-top:1px solid #fff;}*/
.plv_s {font-size:1em; background:#e6e6e6 url(/img/c/bg_fl.gif) repeat-x top; line-height:150%; border-top:1px solid #fff;
}
.plv_n {text-align:center;}
.plv_p {display:block;}
.plv_p img {width:100%;}
/* perf yearly */
.pyl {width:100%; position:relative;}
.pyl .ptt {height:4.214285714285714em; border-top:1px solid #4c4b5a; border-bottom:1px solid #4c4b5a; background-color:#ffffff;
}
.pyl .ptt ul {height:4.071428571428571em; padding:0 0.75em; overflow:hidden; line-height:4.214285714285714em;
}
.pyl .ptt ul li {float:left; width:22.4%; text-align:center;}
.pyl .ptt ul li.active {width:55.2%;}
.pyl .ptt ul li h2 {display:inline-block; color:#403f4c; font-size:1.4285714285714286em; font-family:Dinbol;
}
.pyl .ptt ul li.active h2 {color:#84819a; font-size:1.7857142857142858em;}
.pyl .ptt a {position:absolute; top:1.6785714285714286em; display:block; width:1.0714285714285714em; height:1.0714285714285714em; background:url(/img/c/btn_year.png) no-repeat; background-size:auto 100%; text-indent:-999em; color:transparent;}
.pyl .ptt a.btn_prev {left:27.9%; background-position:0 0;
}
.pyl .ptt a.btn_next {right:27.9%; background-position:100% 0;
}
.pyl .pylLi {background:#333241;
}
.pyl .pylLi li {padding:1.2857142857142858em 1.4285714285714286em; border-top:1px solid #4c4b5a; overflow:hidden;
}
.pyl .pylLi li:first-child {border-top:0 none;
}
.pyl .pylLi li .img_area {float:left; width:6.535714285714286em;
}
.pyl .pylLi li .img_area img {width:100%; height:auto;}
.pyl .pylLi li .txt_area {padding-left:7.892857142857143em;
}
.pyl .pylLi li .txt_area .ti_info {height:6.5em;}
.pyl .pylLi li .txt_area .tit {padding:0.25em 0; color:#fff; font-size:1em; font-weight:bold; letter-spacing:-0.095em; line-height:1.3571428571428572em; overflow: hidden; text-overflow: ellipsis; display:-moz-box; display:-webkit-box; display:box; -webkit-line-clamp:2; -moz-line-clamp:2; -ms-line-clamp:2; -o-line-clamp:2; -webkit-box-orient:vertical; -moz-box-orient:vertical; -ms-box-orient:vertical; -o-box-orient:vertical; word-wrap:break-word;}
.pyl .pylLi li .txt_area .date {padding-top:0.2916666666666667em; color:#84819a; font-size:0.8571428571428571em; letter-spacing:-0.075em; line-height:1.3333333333333333em;
}
.pyl .pylLi li .txt_area .info {color:#84819a; font-size:0.8571428571428571em; letter-spacing:-0.075em; line-height:1.3333333333333333em;
}
.pyl .pylLi li .txt_area .btn_area {}
.pyl .pylLi li .txt_area .btn_area a {display:inline-block; padding:0 1.4166666666666667em; font-size:0.8571428571428571em; font-weight:bold; line-height:1.9166666666666667em; text-align:center; letter-spacing:-0.095em;
}
.pyl .pylLi li .txt_area .btn_area a.btn_view {border:2px solid #b8b5be; border-radius:24px; background-color:#333241; color:#8581a5;
}
.pyl .pylLi li .txt_area .btn_area a.btn_perf {border:2px solid #b8b5be; border-radius:24px; background-color:#ffffff; color:#fff;
}
/*
.pyl .pylLi li {padding:10px; border-bottom:1px solid #ddd; overflow:hidden; background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#f7f7f7)); background:-moz-linear-gradient(top, #fff, #f7f7f7); letter-spacing:-1px;}
.pyl .pylLi li:last-child {border-bottom:none;}
.pyl .pylLi li .dat {float:left; clear:left; display:block; width:80px; font-size:0.917em; color:#d45005;}
.pyl .pylLi li .con {display:block; cursor:pointer; padding:0 0 0 20px; background:url(/img/c/bt_next.gif) no-repeat 5px center; background-size:10px auto; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.pyl .pylLi li p {display:inline-block; text-align:center; padding:10px 0 10px 0;}
*/
/* nsartscenter */
.ni {padding:10px; line-height:150%;}
.ni h2 {color:#333; margin-bottom:10px;}
.ni h3 {color:#333; margin:0 0 5px 0; padding:2px 4px 2px 15px; border:1px solid #dadada; background:url(/img/c/i_dico2.gif) no-repeat 5px center, -moz-linear-gradient(top, #fff, #e7e6e5); background:url(/img/c/i_dico2.gif) no-repeat 5px center, -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f8f8f8), color-stop(0.5, #fff), color-stop(0.5, #f4f4f4), to(#e5e5e5)); font-size:0.917em;
}
.ni h4 {display:inline-block; padding:0 20px 0 0; margin-bottom:5px; background:url(/img/c/i_tabco.gif) no-repeat right center; background-size:10px auto; color:#8c80ca;
}
.ni p {margin-bottom:10px; font-size:0.938em; color:#666;}
.ni p img {width:100%;}
.ni p strong {color:#333;}
.ni .mp {width:100%; height:230px; border:1px solid #d7d7d7;}
.ni .mpg {border:1px solid #8c80ca; padding:10px; margin-top:10px; background:#e9e4ff; color:#514689;
}
.img_ns {border:1px solid #d7d7d7;}
/* space */
.artM {}
.artM h2 {display:block; text-align:center; padding:10px 0 10px 0; color:#333;
}
.artM p {line-height:150%; margin:0 10px 10px 10px; font-size:0.917em;
}
.artM p img {width:100%;}
.alw {padding-bottom:20px;}
.al {}
.alm {cursor:pointer; margin:5px 10px 0 10px; padding:10px; border:1px solid #dadada; background:url(/img/c/i_dico.gif) no-repeat 10px center, -moz-linear-gradient(top, #fff, #e7e6e5); background:url(/img/c/i_dico.gif) no-repeat 10px center, -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f8f8f8), color-stop(0.5, #fff), color-stop(0.5, #f4f4f4), to(#e5e5e5));
}
.alm h2 {color:#333; padding:0 0 0 10px; background:url(/img/c/bg_arr02.gif) no-repeat right center;
}
.alm span {}
.alm span strong {color:#e05e12;}
.als {margin:0 10px 10px 10px; padding:10px; border:1px solid #dadada; background:#f2f2f2 url(/img/c/bg_mnt.gif) repeat-x top;
}
.als h3 {margin-bottom:10px; padding:7px 0 7px 0; border:1px solid #e27d1c; padding:10px; margin-top:10px; background:#f7d5a9; color:#994b00; text-align:center;
}
.als h4 {text-align:center; color:#333; font-size:1em; margin-bottom:10px; letter-spacing:-1px;}
.als h5 {color:#666; font-size:1em; margin-bottom:10px; background:url(/img/c/i_sic.png) 0 5px no-repeat; padding-left:10px; letter-spacing:-1px; line-height:150%;
}
.als h5 span {font-weight:normal;}
.als p {line-height:150%; margin-bottom:10px; font-size:0.917em;
}
.als p strong {letter-spacing:-1px; color:#e45e12;
}
.als_sm {font-size:0.917em;}
.als_sm p {margin-bottom:5px;}
.als_img img {width:48%; border:1px solid #666;
}
.als_box {text-align:center; border:1px solid #d4d4d4; background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#fafafa), to(#edebeb)); background:-moz-linear-gradient(top, #fafafa, #edebeb); padding:8px 0 8px 0;
}
/* category */
.ct {overflow:hidden;}
.ct > li {float:left; width:50%; box-sizing:border-box; background:#393748;
}
.ct li h2 {border-bottom:1px solid #2b2a38; border-top:1px solid #4c4b5a;
}
.ct li h3 {border-bottom:1px solid #2b2a38; border-top:1px solid #4c4b5a;
}
.ct > li:nth-child(even) h2, .ct > li:nth-child(2) ul li h3 {border-left:1px solid #4c4b5a;
}
.ct > li:nth-child(odd) h2, .ct > li:nth-child(1) ul li h3 {border-right:1px solid #2b2a38;
}
.ct > li:nth-child(1) h2,.ct li:nth-child(2) h2 {border-top:0 none
;}
.ct li a {display:block; padding-left:2.2142857142857144em; line-height:3.75em;
}
.ct li h2 a {color:#fff; font-size:1em; font-weight:bold;
}
.ct li h3 a {color:#9390ab; font-weight:normal; letter-spacing:-0.095em;
}
.ctf {padding:1.5357142857142858em 2.142857142857143em 0 2.142857142857143em; background:#ffffff;
}
.ctf p {color:#fff; font-size:0.7857142857142857em; letter-spacing:-0.075em; line-height:1.7272727272727273em;
}
.ctf p span, .ctf p a {color:#fff; letter-spacing:0;
} 
.ctf p a {display:inline-block; position:relative;
}
.ctf p a i {display:block; position:absolute; right:-3.6363636363636362em; top:0; width:2.590909090909091em; height:2.0454545454545454em; background:url(/img/c/ico_call.png) no-repeat 0 0; background-size:100% auto}
.ctf .sel_wrap {padding:1.2857142857142858em 0;
}
.ctf .sel_wrap select {width:100%; height:3.3181818181818183em; padding:0 3.772727272727273em 0 1.1363636363636365em; border:2px solid #fff; border-radius:2px; background:#ffffff url(/img/c/btn_select.gif) no-repeat 100% center; background-size:auto 100%; color:#9390ab; font-size:0.7857142857142857em;
}
/* 좌석배치도 */
.st {margin:10px 10px 0 10px; overflow:hidden;
}
.st li {float:left; width:50%;}
.st li a {display:block; border-bottom:1px solid #ddd; border-top:1px solid #ddd; border-right:1px solid #ddd; height:30px; background:#e9e9e9; background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#e9e9e9)); background:-moz-linear-gradient(top, #fff, #e9e9e9); text-align:center; line-height:30px; text-align:center; font-size:0.917em;
}
.st li:first-child a {border-left:1px solid #ddd;
}
.st li.active a {background:#fff; border-bottom:1px solid #fff; color:#8c80ca;
}
.st li a:hover {background:#ccc;
}
.st li.active a:hover {background:#fff; color:#8c80ca;
}
.st_fl {margin:0 10px 10px 10px; padding:10px; border-right:1px solid #ddd; border-bottom:1px solid #ddd; border-left:1px solid #ddd; border-radius:0 0 10px 10px; font-size:0.857em;
}
.st_fl span {display:block; margin:10px 0 10px 0; padding:10px; border:1px solid #ddd; font-size:0.929em; background:#ebebeb;
}
.st_sub {margin:10px;
}
.st_sub span {font-size:0.875em;
}
/* 티켓예매안내 */
.gd {margin:10px;}
.gd h2 {margin:0 0 10px 0; padding:5px 10px; border:1px solid #8c80ca; background:#e9e4ff; color:#514689;
}
.gd .gd_li {}
.gd .gd_li h3 {margin:0 0 5px 0; color:#333; font-size:0.929em;
}
.gd .gd_li p {margin:0 0 10px 0; font-size:0.857em; line-height:150%;
}
.gd .gd_li p span, .gd .gd_li strong {display:block;}
.gd .gd_tb {width:100%; font-size:0.857em; table-layout:fixed; border-collapse:collapse;
}
.gd .gd_tb caption {position:absolute; z-index:-1; visibility:hidden;}
.gd .gd_tb td {border:1px solid #D3D3D3;}
.gd .gd_tb th {background-color:#F2F1EF; border:1px solid #D3D3D3; color:#333; font-weight:bold; text-align:center;
}
.gd .gd_tb th, .gd .gd_tb td {padding:3px 10px;}
/* 팝업 */
.pu_layer {position:fixed; left:0; top:0; width:100%; height:100%; z-index:100; background-color:rgba(33,32,41,0.97);
}
.pu_layer .pu_wrap {display:table; position:relative; width:100%; height:100%; padding:4.035714285714286em 0;
}
.pu_layer .pu_wrap .pu_cont {display:table-cell; width:100%; height:100%; vertical-align:middle;
}
.pu_layer .pu_wrap .pu_cont .img_area {display:inline-block; width:100%; min-height:251px; max-height:100%; overflow:auto; overflow-x:hidden;
}
.pu_layer .pu_wrap .pu_cont .img_area img {display:inline-block; width:100%; height:auto;
}
.pu_layer .pu_wrap .btn_pu_close {position:absolute; right:1em; top:1.0714285714285714em; display:block; width:1.8928571428571428em; height:1.8928571428571428em; background:url(/img/c/btn_pu_close.png) no-repeat 0 0; background-size:100% auto; color:transparent; text-indent:-999em;
}

/********
mainBack
*********/
.mainBack{ background-color:#ffffff}


/********
*mainContList*
*********/



.mainContList ul{overflow:hidden;padding:0 10px ;}
.mainContList li{float:left;width:100%;}

.contBox{background:#FFF;padding:3px;box-shadow:2px 2px  5px 1px rgba(0,0,0,0.2);margin:0 5px 10px 5px;}
.contBox a{display:block;}

.contBox img{display:block;width:100%;}

.contBox .imgArea{position:relative;}
.contBox .imgArea .flag{position:absolute;top:-4px; right:-9px; z-index:2; font-style:normal;width:40px;}
.contBox .imgArea .hot{position:absolute;bottom:0px; left:0;right:0; z-index:2;height:14px;background:rgba(0,0,0,0.3);color:#DDD;padding-left:5px;font-size:0.4em;line-height:15px;}

.contBox .txtArea{padding:3px 0 15px 3px;line-height:normal;}
.txtArea *{line-height:normal;}
.txtArea em{font-size:1.0em;color:#252525;font-style:normal; display:block;font-weight:normal;}
.txtArea h3{font-size:1.2em;color:#333;padding:3px 0; font-weight:600}


.contBox a.btnArea{padding:0px 0 10px 0px;display:block;}
.contBox a.btnArea span{width:138px;display:block;}


.md_table { width: 100%; margin: 5px 0px 5px 0px; border-collapse: collapse; border-top: 2px solid #a3a3a2; border-bottom: 2px solid #a3a3a2; }
.md_table th,.table td { border-width: 1px; border-bottom: 1px solid #D9DAD8; line-height: 1.6em; vertical-align: middle; }
.md_table th { padding: 7px 0 7px 0; background-color: #535267;font-size: 14px; color: #ffffff; line-height: 1.7em; }
.md_table td { height: 18px; padding: 5px 7px 5px 7px; border-bottom: 1px solid #D9DAD8; font-size: 13px;}
.md_table th.under{ border-bottom: 1px solid #72746e !important; }                           
.md_table .center { text-align: center; }
.md_table .right { text-align: right; }

.btns_center{ text-align: center; padding:20px 0  10px 0}
.btn_w{ display: inline-block; min-width: 80px; height: 36px; padding: 0 8px; font-weight: 600; font-size: 16px; color: #fff; line-height: 36px; text-align: center; vertical-align: middle; cursor: pointer; }
.btn_color01 { background-color:#58bcb3; } /*청록색*/
.btn_color02 { background-color:#49679a; } /*청보라색*/
.btn_color03 { background-color:#50535a; } /*진회색 - 저장 등록 검색 등 */
.btn_color04 { background-color:#696E72; } /*청회색*/
.btn_color05 { height: 24px; border: 1px solid #ddd; background: #fff; color: #444; } /*연회색 목록 삭제 수정*/

a.btn_color01:hover, a.btn_color01:focus { background: #145269; color: #fff; }
a.btn_color02:hover, a.btn_color02:focus { background: #385076; color: #fff; }
a.btn_color03:hover, a.btn_color03:focus { background: #414349; color: #fff; }
a.btn_color04:hover, a.btn_color04:focus { background: #55585b; color: #fff; }
a.btn_color05:hover, a.btn_color05:focus { background: #efefef; color: #444; }


.reservationInfo_wrap {
    position: relative;
    margin: 12px 20px 45px;
    box-shadow: -2px 6px 14px 0 rgba(0, 0, 0, 0.2);
    background-color: #fff;
    z-index: 2
}

.reservationInfo_wrap + .tail_link_wrap {
    margin-top: -30px
}

.reservationInfoT_wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    padding: 16px 20px 13px
}

.reservationInfoT_wrap .reservationInfo_txt_wrap {
    overflow: hidden
}

.reservationInfoT_wrap .reservationInfo_txt_wrap strong {
    float: left;
    font-weight: 600;
    font-size: 14px;
    color: #b4b4b4
}
.reservationInfoT_wrap .reservationInfo_txt_wrap span {
    float: left;
    padding-left: 8px;
    font-weight: 500;
    font-size: 13px;
    color: #222
}

.reservationInfoT_wrap .reservationInfoT_btnWrap {
    display: flex
}

.reservationInfoT_wrap .reservationInfoT_btnWrap a {
    display: inline-flex;
    width: 35px;
    height: 35px;
    border: 1px solid #dfdfdf;
    border-radius: 50%
}

.reservationInfoT_wrap .reservationInfoT_btnWrap a ~ a {
    margin-left: 10px
}

.reservationInfoT_wrap .reservationInfoT_btnWrap a .icon {
    font-size: 0;
    line-height: 0
}

.reservationInfoT_wrap .reservationInfoT_btnWrap a .icon.icon_schedule {
    width: 100%;
    height: 100%;
    background: transparent url("data:image/svg+xml;charset=UTF-8, %3csvg width='15' height='15' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M11.6 1.364c.172 0 .315.12.344.28l.006.06v.682h1.005c.527 0 .96.4 1.016.912l.006.111v9.546c0 .564-.458 1.022-1.022 1.022H2.045a1.023 1.023 0 0 1-1.022-1.022V3.409c0-.565.458-1.023 1.022-1.023h1.023v-.681c0-.189.157-.341.35-.341.172 0 .315.12.345.28l.005.06v.682h7.482v-.681c0-.189.157-.341.35-.341zm1.695 4.79H1.704v6.8c0 .165.117.303.273.335l.068.006h10.91a.34.34 0 0 0 .34-.34V6.154zM3.068 3.068H2.045a.34.34 0 0 0-.34.341l-.001 2.045h11.59l.001-2.045a.341.341 0 0 0-.272-.334l-.068-.007H11.95v.682c0 .188-.157.34-.35.34a.348.348 0 0 1-.344-.279l-.006-.061v-.682H3.768v.682c0 .188-.157.34-.35.34a.348.348 0 0 1-.344-.279l-.006-.061v-.682z' fill-opacity='.85'/%3e%3c/svg%3e") center/15px scroll no-repeat
}

.reservationInfoT_wrap .reservationInfoT_btnWrap a .icon.icon_share {
    width: 100%;
    height: 100%;
    background: transparent url("https://naruculture.com/m/save.svg") center/15px scroll no-repeat;
}

.reservationInfoT_wrap .reservationInfoT_btnWrap a .icon.icon_copy {
    width: 100%;
    height: 100%;
    background: transparent url("data:image/svg+xml;charset=UTF-8,%3csvg width='18' height='19' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.091 2.136v1.637h1.63c.455 0 .825.372.825.818v12.273a.82.82 0 0 1-.825.818H5.733a.825.825 0 0 1-.824-.818v-1.637H3.28a.825.825 0 0 1-.824-.818V2.136a.82.82 0 0 1 .824-.818h8.988c.455 0 .824.372.824.818zm-.818.323a.332.332 0 0 0-.33-.323h-8.34c-.18 0-.33.145-.33.323v11.41c0 .17.148.322.33.322h1.306v-9.6a.82.82 0 0 1 .825-.818h6.539V2.459zM6.007 4.59a.283.283 0 0 0-.28.284V16.58c0 .158.125.285.28.285h8.441c.152 0 .28-.128.28-.285V4.875a.282.282 0 0 0-.28-.284H6.007z' fill='%23000'/%3e%3c/svg%3e") center/18px 19px scroll no-repeat
}

.reservationInfoT_wrap .marquee_wrap {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    overflow: hidden;
    position: absolute;
    bottom: -26px;
    left: 0;
    width: 100%;
    color: #fff;
    background: linear-gradient(to right, rgba(247, 181, 0, 0.5), rgba(182, 32, 224, 0.5), rgba(50, 197, 255, 0.5));
    z-index: 4
}

.reservationInfoT_wrap .marquee_wrap .reservationInf_time {
    display: flex;
    align-items: center;
    width: 80px;
    padding-left: 10px;
    font-weight: 700;
    font-size: 15px;
    line-height: 1.200em
}

.reservationInfoT_wrap .marquee_wrap .reservationInf_time:before {
    content: '';
    width: 12px;
    height: 18px;
    margin-right: 7px;
    background: transparent url("data:image/svg+xml;charset=UTF-8, %3csvg width='12' height='14' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='m10.552 4.331.557-.556a.39.39 0 0 0-.55-.55l-.557.557a5.813 5.813 0 0 0-3.446-1.43V.779h1.166a.389.389 0 0 0 0-.778h-3.11a.389.389 0 0 0 0 .778h1.166v1.575C2.743 2.554.333 5.08.333 8.167A5.84 5.84 0 0 0 6.167 14 5.84 5.84 0 0 0 12 8.167c0-1.469-.55-2.808-1.448-3.836zM6.556 8.167a.389.389 0 0 1-.778 0V5.056a.389.389 0 0 1 .778 0v3.11z' fill='%23FFF'/%3e%3c/svg%3e") left center scroll no-repeat
}

.reservationInfoT_wrap .marquee_wrap .marquee {
    float: left;
    overflow: hidden;
    position: relative;
    min-width: calc(100% - 80px);
    height: 26px
}
.reservationInfoT_wrap .marquee_wrap .marquee .marquee_content {
    display: inline-flex;
    align-items: center;
    position: absolute;
    width: auto;
    height: 100%;
    margin: 0;
    padding: 0 25%;
    font-size: 12px;
    line-height: 1.250em;
    text-align: center;
    transform: translateX(0);
    white-space: nowrap;
    animation: marquee 10s linear infinite
}

.reservationInfoT_wrap + .reservationInfoB_wrap {
    padding-top: 10px
}

.reservationInfoM_wrap {
    position: relative
}

.reservationInfoM_wrap:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
	background:#0f53a2;
	/*
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7));
	*/
    z-index: 2
}

.reservationInfoM_wrap .img_wrap {
    position: relative;
    width: 100%;
    height: 10%;
    padding-top: 25%;
    z-index: 1
}

.reservationInfoM_wrap .img_wrap img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center top
}

.reservationInfoM_wrap .movieInfo_wrap {
    display: flex;
    flex-wrap: wrap;
    position: absolute;
    left: 0;
    bottom: 0;
	color: #fff;
    padding: 0 19px 18px;
    z-index: 3
}

.reservationInfoM_wrap .movieInfo_wrap strong {
    display: block;
    width: 100%;
    font-weight: 500;
    font-size: 20px;
    line-height: 1.200em
}

.reservationInfoM_wrap .movieInfo_wrap em {
    margin-top: 2px;
    margin-left: 1px;
    font-weight: 500;
    font-style: normal;
    font-size: 12px;
    line-height: 1.167em;
    opacity: 0.8
}

.reservationInfoM_wrap .movieInfo_wrap span {
    margin-top: 5px;
    margin-left: 1px;
    font-weight: 500;
    font-size: 12px;
    line-height: 1.167em;
    opacity: 0.8
}

.reservationInfoM_wrap .movieInfo_wrap span ~ span {
    position: relative;
    margin-left: 0;
    padding-left: 20px
}

.reservationInfoM_wrap .movieInfo_wrap span ~ span:before {
    content: '';
    display: block;
    position: absolute;
    left: 10px;
    top: 50%;
    width: 1px;
    height: 10px;
    margin-top: -5px;
    background-color: #fff
}
/* D 기본 타입 */
.reservationInfoB_wrap {
    padding: 0 10px 10px;
    background-color: #0f53a2;
}

.reservationInfoB_wrap .reservationInfoB_content {
    position: relative;
    padding: 20px 20px 22px;
    background-color: #fff
}

.reservationInfoB_wrap .reservationInfoB_content .reservationInfoB_content_list {
    display: flex;
    flex-direction: column
}

.reservationInfoB_wrap .reservationInfoB_content .reservationInfoB_content_list li {
    position: relative
}

.reservationInfoB_wrap .reservationInfoB_content .reservationInfoB_content_list li ~ li {
    margin-top: 20px
}

.reservationInfoB_wrap .reservationInfoB_content .reservationInfoB_content_list li:nth-child(1) {
    padding-right: 90px
}

.reservationInfoB_wrap .reservationInfoB_content .reservationInfoB_content_list li:nth-child(2) {
    margin-top: 14px;
    padding-right: 90px
}

.reservationInfoB_wrap .reservationInfoB_content .reservationInfoB_content_list li .reservationInfoB_content_list_title {
    font-weight: 600;
    font-size: 12px;
    color: #b4b4b4;
    line-height: 1.250em
}

.reservationInfoB_wrap .reservationInfoB_content .reservationInfoB_content_list li > p {
    margin-top: 3px;
    font-size: 15px;
    color: #222;
    line-height: 1.250em
}

.reservationInfoB_wrap .reservationInfoB_content .reservationInfoB_content_list li > p strong {
    display: block;
    font-weight: 700;
    line-height: 1.250em
}

.reservationInfoB_wrap .reservationInfoB_content .reservationInfoB_content_list li > .reservationInfo_data {
    margin-top: 2px;
    font-size: 20px;
    color: #222
}

.reservationInfoB_wrap .reservationInfoB_content .reservationInfoB_content_list li > .reservationInfo_data span {
    padding-left: 4px;
    font-size: 16px;
    color: #9c9c9c
}

.reservationInfoB_wrap .reservationInfoB_content .reservationInfoB_content_list li > .btn_seatView {
    position: absolute;
    right: 0;
    top: 19px;
    min-width: 90px;
    padding: 9px 0 7px;
    font-weight: 600;
    font-size: 13px;
    color: #222;
    line-height: 1.231em;
    text-align: center;
    border: 1px solid #dfdfdf;
    border-radius: 17px
}
.reservationInfoB_wrap .reservationInfoB_content .qr_wrap {
    position: absolute;
    right: 20px;
    top: 20px
}

.reservationInfoB_wrap .reservationInfoB_content .qr_wrap .qr_inner_wrap {
    display: block;
    width: 90px;
    height: 90px
}

.reservationInfoB_wrap .reservationInfoB_content .qr_wrap .qr_inner_wrap img {
    width: 100%;
    height: 100%;
    object-fit: contain
}

.reservationInfoB_wrap .reservationInfoB_content .qr_wrap .btn_admissionNotice {
    display: block;
    position: relative;
    margin-top: 10px;
    padding: 6px 8px 4px;
    border: 1px solid #ddd;
    border-radius: 4px
}

.reservationInfoB_wrap .reservationInfoB_content .qr_wrap .btn_admissionNotice .noticeBell {
    width: 15px;
    height: 15px;
    margin-right: 8px
}

.reservationInfoB_wrap .reservationInfoB_content .qr_wrap .btn_admissionNotice span {
    font-weight: 500;
    font-size: 0.929em;
    color: #222;
    line-height: 1.143em
}

.reservationInfoB_wrap .reservationInfoB_content .com_list_smallDot {
    margin-top: 17px
}

.reservationInfoB_wrap .reservationInfoB_content .com_list_smallDot li {
    color: #666;
    line-height: 1.385em
}
.com_list_smallDot > li {
    position: relative;
    padding-left: 5px;
    font-size: 13px;
    color: #9197a3;
    line-height: 16px;
    text-align: left;
    word-break: keep-all;
}
.com_list_smallDot > li:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 7px;
    width: 2px;
    height: 2px;
    background: #9197a3;
    border-radius: 50%
}

.reservationInfoB_wrap .reservationInfoB_content .com_list_smallDot li ~ li {
    margin-top: 5px
}

.reservationInfoB_wrap .reservationInfoB_content + .reservationInfo_store_wrap {
    position: relative;
    padding: 20px;
    background-color: #fff
}

.reservationInfoB_wrap .reservationInfoB_content + .reservationInfo_store_wrap:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 1px;
    margin-bottom: 1px;
    padding-bottom: 1px;
    background-image: linear-gradient(to right, rgba(207, 207, 207, 1) 33%, rgba(255,255,255,0) 0%);
    background-position: bottom;
    background-size: 5px 1px;
    background-repeat: repeat-x
}

.reservationInfoB_wrap .reservationInfo_store_wrap {
    position: relative;
    padding: 20px;
    background-color: #fff
}

.reservationInfo_store_orderNum {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 5px;
    font-weight: 400;
    font-size: 12px;
    color: #323232;
    line-height: 1.167em
}

.reservationInfo_store_orderNum mark {
    position: relative;
    margin-left: 4px;
    padding: 0 2px 2px;
    font-weight: 600;
    font-size: 18px;
    color: #ff2727;
    letter-spacing: -0.025em;
    line-height: 1.111em;
    background-color: transparent
}

.reservationInfo_store_orderNum mark:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 4px;
    background-color: #ffdede
}

.reservationInfo_store_orderProduct_list {
    overflow: hidden;
    /*display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap;*/
    margin-top: 20px
}
.reservationInfo_store_orderProduct_list dt {
    display: inline-flex;
    float: left;
    width: 50%;
    clear: both;
    font-size: 13px;
    color: #999;
    line-height: 1.538em
}

.reservationInfo_store_orderProduct_list dt.reservationInfo_product {
    font-size: 14px;
    color: #222;
    line-height: 1.214em
}

.reservationInfo_store_orderProduct_list dt.reservationInfo_product + dd {
    line-height: 1.214em
}

.reservationInfo_store_orderProduct_list dt.reservationInfo_product + dd + dt, .reservationInfo_store_orderProduct_list dt.reservationInfo_product + dd + dt + dd {
    margin-top: 9px
}

.reservationInfo_store_orderProduct_list dt.reservationInfo_product ~ dt.reservationInfo_product, .reservationInfo_store_orderProduct_list dt.reservationInfo_product ~ dt.reservationInfo_product + dd {
    margin-top: 10px
}

.reservationInfo_store_orderProduct_list dt.reservationInfo_product_totalPrice {
    position: relative;
    padding-top: 15px;
    font-size: 14px;
    color: #222;
    line-height: 17px
}

.reservationInfo_store_orderProduct_list dt.reservationInfo_product_totalPrice:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 1px;
    padding-bottom: 1px;
    background-image: linear-gradient(to right, rgba(207, 207, 207, 1) 33%, rgba(255,255,255,0) 0%);
    background-position: right bottom;
    background-size: 5px 1px;
    background-repeat: repeat-x
}

.reservationInfo_store_orderProduct_list dt.reservationInfo_product_totalPrice + dd {
    position: relative;
    padding-top: 15px;
    line-height: 1.214em
}

.reservationInfo_store_orderProduct_list dt.reservationInfo_product_totalPrice + dd:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 1px;
    padding-bottom: 1px;
    background-image: linear-gradient(to right, rgba(207, 207, 207, 1) 33%, rgba(255,255,255,0) 0%);
    background-position: left bottom;
    background-size: 5px 1px;
    background-repeat: repeat-x
}

.reservationInfo_store_orderProduct_list dt.reservationInfo_product_totalPrice + dd strong {
    line-height: 17px
}

.reservationInfo_store_orderProduct_list dd {
    display: inline-flex;
    justify-content: flex-end;
    float: right;
    width: 50%;
    font-size: 14px;
    color: #222;
    line-height: 1.429em;
    text-align: right
}

.reservationInfo_store_orderProduct_list dd .reservationInfo_product_quantity {
    min-width: 40px;
    text-align: center
}

.reservationInfo_store_orderProduct_list dd strong {
    min-width: 6px;
    font-weight: 700
}

.reservationInfoB_wrap .reservationInfo_store_wrap .barCode_wrap {
    width: 100%;
    margin-top: 18px
}

.reservationInfoB_wrap .reservationInfo_store_wrap .barCode_wrap img {
    width: 100%
}

.reservationInfoB_wrap .reservationInfo_store_wrap .reservationInfo_printInfo {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    width: 100%;
    margin-top: 24px;
    padding: 17px 0 16px;
    background-color: #f0f0f0;
    border-radius: 6px
}

.reservationInfoB_wrap .reservationInfo_store_wrap .reservationInfo_printInfo strong {
    font-weight: 700;
    color: #222;
    line-height: 17px
}

.reservationInfoB_wrap .reservationInfo_store_wrap .reservationInfo_printInfo span {
    font-weight: 500;
    color: #222;
    line-height: 17px
}

.reservationInfoB_wrap .reservationInfoBtn_wrap {
    display: flex;
    padding: 6px 0 0
}

.reservationInfoB_wrap .reservationInfoBtn_wrap a {
    flex: 1 1;
    padding: 16px 0 15px;
    font-weight: 500;
    font-size: 16px;
    color: #fff;
    line-height: 1.188em;
    text-align: center
}

.reservationInfoB_wrap .reservationInfoBtn_wrap a ~ a {
    position: relative
}

.reservationInfoB_wrap .reservationInfoBtn_wrap a ~ a:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    width: 1px;
    height: 15px;
    margin-top: -7px;
    background-color: rgba(232, 232, 232, 0.4)
}

.reservationInfoB_wrap .reservationInfoBtn_wrap a .icon {
    display: inline-flex;
    width: 20px;
    height: 20px;
    margin-right: 7px;
    vertical-align: text-bottom;
    background: transparent url(https://naruculture.com/m/save_w.svg) center/20px scroll no-repeat;
}

.reservationInfoB_wrap .reservationInfoBtn_wrap a .icon.trash {
    background: transparent url("data:image/svg+xml;charset=UTF-8, %3csvg width='20' height='20' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M11.443 1c.916 0 1.678.755 1.678 1.697v.13h3.112c.694 0 1.267.6 1.267 1.315v2.193c0 .718-.573 1.283-1.267 1.283h-.143l-.02 10.27C16.068 19.05 15.148 20 14.019 20H5.982c-1.129 0-2.049-.95-2.053-2.111L3.91 7.618h-.142A1.275 1.275 0 0 1 2.5 6.335V4.142c0-.714.573-1.315 1.267-1.315h3.116v-.13A1.69 1.69 0 0 1 8.557 1zm3.704 6.618H4.86l.02 10.267c0 .63.497 1.14 1.105 1.14h8.032c.608 0 1.105-.515 1.105-1.14l.024-10.267zm-5.145 2.176c.26 0 .474.219.474.487v5.25a.482.482 0 0 1-.474.486.48.48 0 0 1-.474-.487v-5.25c0-.267.213-.486.474-.486zm-2.724 0c.26 0 .473.219.473.487v5.25a.482.482 0 0 1-.473.486.48.48 0 0 1-.474-.487v-5.25c0-.267.213-.486.474-.486zm5.448 0c.261 0 .474.219.474.487v5.25a.482.482 0 0 1-.474.486.48.48 0 0 1-.473-.487v-5.25c0-.267.213-.486.473-.486zM16.24 3.8H3.763a.321.321 0 0 0-.315.325v2.192c0 .179.142.325.315.325H16.24a.321.321 0 0 0 .316-.325V4.126a.321.321 0 0 0-.316-.325zm-4.793-1.827H8.561a.73.73 0 0 0-.73.723v.13h4.347v-.13a.733.733 0 0 0-.73-.723z' fill='%23FFF'/%3e%3c/svg%3e") center scroll no-repeat
}

.reservationInfoB_wrap .reservationInfoBtn_wrap a .icon.gift {
    background: transparent url("data:image/svg+xml;charset=UTF-8, %3csvg width='20' height='20' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M17.04 5.53h-1.83A2.162 2.162 0 0 0 13.536 2c-1.205 0-2.266.674-3.068 1.948a7.118 7.118 0 0 0-.458.854 7.118 7.118 0 0 0-.458-.854C8.75 2.674 7.685 2 6.483 2a2.162 2.162 0 0 0-1.675 3.53H2.957C1.877 5.53 1 6.405 1 7.48v2.953c0 .214.176.39.391.39h.791v7.229c0 1.075.877 1.948 1.957 1.948H15.88c1.08 0 1.957-.873 1.957-1.948v-7.233h.77a.392.392 0 0 0 .392-.39V7.475a1.959 1.959 0 0 0-1.96-1.944zm-3.504-2.755c.752 0 1.382.632 1.382 1.376 0 .772-.599 1.376-1.362 1.376H10.55c.348-.904 1.268-2.752 2.986-2.752zM5.098 4.151c0-.748.634-1.376 1.381-1.376 1.719 0 2.635 1.848 2.983 2.756H6.456c-.76 0-1.358-.608-1.358-1.38zm-.96 15.07a1.175 1.175 0 0 1-1.173-1.17V10.82H7.66v8.402H4.14zm4.306 0v-8.402h3.131v8.402h-3.13zm8.607-1.17c0 .644-.528 1.17-1.174 1.17h-3.523v-8.402h4.697v7.233zm1.162-8.012H1.783V7.475c0-.643.528-1.169 1.174-1.169h14.086c.646 0 1.174.526 1.174 1.17v2.563h-.004z' fill='%23FFF' stroke='%23FFF' stroke-width='.1'/%3e%3c/svg%3e") center scroll no-repeat
}

.reservationInfoB_wrap .reservationInfoBtn_wrap a.disabled {
    pointer-events: none;
    opacity: 0.5
}

/* 인증번호 신규 타입 - 20180531*/
.spot2 {margin: 9px auto 3px auto;width: 92%;text-align:left;}
.spot3 {margin: 9px auto 3px auto;width: 92%;text-align:left;padding:4px 0 6px;}
.spot4 {width: 100%;text-align:center;}
.join_area.v2{margin-top: 24px !important;}
.txt_sub{color:#888;font-size:12px;text-align:left;padding:0 4% 6px 4%;}
.txt_sub2{color:#999;font-size:12px;text-align:left;padding:7px 0;background:#eaeaea;text-align:center;width:92%;margin:10px auto 12px;}
.typeB_area{border-top:1px solid #aaa;padding-top:14px; width:100%;margin:0 auto;}
.typeB_area .selec{appearance: none;-webkit-appearance: none;width:100%;background-color:#fff;background-image:url(../images/select_arr.gif);background-repeat:no-repeat;background-position:92% 50%;border:1px solid #555;height:40px;border-radius:0;padding-left:12px;font-weight:bold;font-size:14px;line-height:35px;padding-top:3px}
.typeB .spot2 {padding:14px 0px;}
.typeB_area .num{width:100%;}
.typeB_area .num::after{content:'';clear:both;display:block;}
.typeB_area .num p{float:left;width:26%;}
.typeB_area .num .input{width:74%;float:left;}
.typeB_area .num .input .input_txt2{border-left:0;}
.typeB_area.v2{border:0;padding-top:0;}
.typeB_area.v2 .tab_box .tab{width:100%;}
.typeB_area.v2 .num{margin-bottom:10px;text-align: left;letter-spacing: -1px;}
.typeB_area.v2 .num .input{width:54%;}
.typeB_area.v2 .num .btn_gray_s{float:left;}
.typeB_area.v2 .sect_captcha::after{content:'';clear:both;display:block;}
.typeB_area.v2 .sect_captcha {margin-bottom:12px;}
.typeB_area.v2 .sect_captcha .userNum{width:57%;margin:0;float:right;}
.typeB_area.v2 .sect_captcha .input_txt2{width:65%;float:left;}
.typeB_area.v2 .sect_captcha .btn_gray_s2{width:35%; float:left;}
.typeB_area.v2 .sect_captcha .pinArea{border-color:#555}
.input_txt2{border:1px solid #555;box-sizing:border-box;height:40px;border-radius:0;text-align:left;padding:0 8px;width:100%;font-size:14px;font-weight:bold;line-height:40px}
.input_txt2::-webkit-input-placeholder{ font-size:13px;font-weight:normal;letter-spacing:-1px;color:#888;}
.num_code::after{content:'';clear:both;display:block;margin-bottom:8px}
.num_code .input{width:80%;float:left;position:relative;}
.num_code .btn_gray_s2{float:left;}
.num_code .time{color:#ff2b3f;position:absolute;right:10px;top:12px;font-size:12px;}
.tab_box{font-size:13px;margin-bottom:8px;}
.tab_box::after{content:'';clear:both;display:block;}
.tab_box dt{float:left;width:26%;text-align:left;padding-top:10px;font-weight:bold;}
.tab_box .tab {float:right;width:74%;position:relative;}
.tab_box .tab li{float:left;width:33.3%;border:1px solid #555;box-sizing:border-box;text-align:center;height:40px;font-weight:600;color:#888;cursor:pointer;line-height:40px;background:#ffffff;}
.tab_box .tab li.on{background:#43494f;color:#fff;}
.tab_box .tab li:nth-child(2){border-right:0;border-left:0;}

.typeB .input_txt2{border:1px solid #555;box-sizing:border-box;height:40px;border-radius:0;text-align:left;padding:0 8px;width:100%;font-size:14px;font-weight:bold;line-height:40px}
.typeB .input_txt2::-webkit-input-placeholder{ font-size:13px;font-weight:normal;letter-spacing:-1px;color:#888;}

.btn_gray_s{background:#43494f;color:#fff;height:40px;width:20%;font-size: 12px;}
.btn_gray_s2{background:#999;color:#fff;height:40px;width:20%;}
.btn_red_s{background:#c41717;color:#fff;height:40px;width:20%;}

div.sect_captcha .pinArea_width {margin-left:0px; width:40%;}

.mAgree.left {border:0px;}
.mAgree.left ul{display:table-cell}
.mAgree.left ul li{padding:2px 0;}
.mAgree.left .allcheck .fCheck{margin:0;}
.mAgree.left .allcheck{width:94px;border:0;display:table-cell;margin:0;vertical-align:top;text-align:left;}

.click_area_hs {margin-top:10px;}
.click_area_hs span{display:block;padding-top:5px;}
.bbasic_violet button {text-align: center;background:#6f3297;font-size: 12px;font-weight:bold;color: #fff;padding: 14px 0px;min-width:100%; margin:0 auto;}
.bbasic_cancel_violet button {text-align: center;background:#5a3e6d;font-size: 12px;font-weight:bold;color: #fff;padding: 14px 0px;min-width:100%; margin:0 auto;}
.basic_violet2 button {text-align: center;background:#5832a0;font-size: 12px;font-weight:bold;color: #fff;padding: 14px 0px;min-width:100%; margin:0 auto;}

.basic_orange button {text-align: center;background:#f4716b;font-size: 12px;font-weight:bold;color: #fff;padding: 14px 0px;min-width:100%; margin:0 auto;}
.basic_orange2 button {text-align: center;background:#ff460a;font-size: 12px;font-weight:bold;color: #fff;padding: 14px 0px;min-width:100%; margin:0 auto;}
.basic_gray button {text-align: center;background:#999;font-size: 12px;font-weight:bold;color: #fff;padding: 14px 0px;min-width:100%; margin:0 auto;}
.basic_skyblue button {text-align: center;background:#0075e0;font-size: 12px;font-weight:bold;color: #fff;padding: 14px 0px;min-width:100%; margin:0 auto;}

.area_sview.v2 {width:92%;margin:0 auto;}
.link_home_width {width:100%;}
div.join_area{ text-align:center;margin:0 auto 10px auto;width:92%;}
div.group_form, div.area_num{ display:block; position:relative; zoom:1;background:#fff;padding:12px 12px;border:2px solid #267daa;-webkit-border-radius: 4px;-moz-border-radius:4px;border-radius:4px;margin:0 auto 5px auto;text-align:left;}
div.group_form:after, div.area_num:after{ clear:both; content:""; display:block;}
div.group_form dl{margin:0 0px 12px 10px;}
div.group_form dt{float:left;padding:2px 18px 0 0px;color:#434342;font-size: 12px;bottom:0px;font-weight:bold;letter-spacing:-1px;}
div.group_form .user_form select{ float:left;}
div.group_form .user_form .input_fix{display:block;position: relative;margin:0px 10px 0 85px;}

div.area_num h2{float:left;padding:10px 0px 0 11px;color:#434342;font-size: 12px;;font-weight:bold;letter-spacing:-1px;}
div.area_num .btn_resend{ position:absolute; top:22px; right:14px; text-decoration:underline; font-weight:bold; font-size:13px; color:#171c1d; cursor:pointer;}
div.area_num .input_fix{display:block;position: relative;margin:0px 64px 0 0px;}
div.area_num .timer{ position:absolute; top:10px; right:-5px; z-index:99; color:#fe6f10; font-size:12px; font-weight:bold;}

.radio { font-size: 12px;color:#3a3d3f;font-weight:bold;}
.radio em, .check em { display: none !important;}
.radio button{display: block;height: 20px;overflow: visible;width: 20px;}
.radio span { background: url(../images/button_check.png) no-repeat scroll -23px 0 transparent;background-size:55px 20px; display: inline-block;height: 19px;vertical-align: middle; width: 21px;}
.radio span.on {background: url(../images/button_check.png) no-repeat scroll 0px 0 transparent;background-size:55px 20px;}
.radio label {cursor: pointer; display: inline-block; font-size: 14px;margin-left:2px; width: 32px;vertical-align: middle;color:#3a3d3f;}

div.mAgree{display:block;width:100%;zoom:1; text-align:left; margin:6px auto 0 auto;}
div.mAgree:after,div.mAgree ul:after{display:block;content:"";clear:both;}
div.mAgree li {font-family:dotum,돋움;font-size:12px; letter-spacing:-1px; float:left; line-height:18px; margin-right:4px; }
div.mAgree a {color:#a6a6a6; text-decoration:none; display:inline-block;}
div.mAgree label{cursor:pointer;background:url("../images/check.png") no-repeat 0 0;background-size:60px 90px; position:relative;display:inline-block;margin:0px 4px 0 2px;padding-left:17px;color:#666;vertical-align:top; line-height:16px;}
div.mAgree label input{cursor:pointer;left:0;opacity: 1;filter:alpha(opacity=0);position:absolute;top:0;width:20px;height:20px;}
div.mAgree .fCheck_s{background-position:0 -51px;}
div.mAgree .fCheck_s.selec {background-position: 0px -73px;}
div.mAgree .allcheck {clear:both;width:100%;border-top:1px solid #ddd; margin-top:10px; text-align:center; margin-bottom:4px; font-weight:bold;}
div.mAgree .allcheck .fCheck{margin-top:8px; padding-left:27px; line-height:22px;font-size:15px; color:#000;}
div.mAgree .allcheck .fCheck.selec {background-position: 0px -25px;}


.input_txt {display:inline-block; color:#333;border-radius: 2px;-webkit-border-radius: 2px;-moz-border-radius: 2px;border:solid 1px #a8aeb3; font-family: "돋움",Dotum;font-size:14px; font-weight: bold; height: 32px;width:100%;line-height: 28px;padding: 0 5px;text-align:left;-webkit-box-shadow:inset 0 1px 3px 0 #C4C4C4;box-shadow:inset 0 1px 3px 0 #C4C4C4;}
select.text.selectbtn {background:#fff; width: 80px;padding:0px 5px 0 11px;border-color: #a5a9ad;border-radius: 2px;-webkit-border-radius: 2px;-moz-border-radius: 2px; border-style: solid;border-width: 1px;}
select.text {border-color: #a5a9ad;border-radius: 2px;-webkit-border-radius: 2px;-moz-border-radius: 2px; border-style: solid;border-width: 1px;color: #3a3d3f;font-family: "돋움",Dotum; font-size: 16px;font-weight: bold; height: 34px;line-height: 36px;padding:10px 0 0 11px;vertical-align: middle;text-align:center;}
.input_txt:focus,.input_txt.on{ border:1px solid #ff6600; background:#fffced;}

div.click_area{ margin:15px 0 0 0;}
div.click_area span{ margin:0 2px;}
p.txt_sguide{ color:#a6a6a6; font-size:12px; text-align:center; margin:7px 0 0 0;} 

.area_sview h3{ text-align:center;padding: 32px 0 9px;} 
.area_sview .subTxt{ font-size:12px; color:#95969a; margin-bottom:15px;}
.area_sview .bbasic button{ width:80%;}
.link_home{ color:#3f77df; width:96%; margin:30px 0px 6px 0; text-align:right;}
.link_home a{ color:#3f77df; text-decoration:underline; font-size:12px;}
.area_sviewImg img{ margin-bottom:5px;}

/*버튼*/
.bbasic button {display:inline-block;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;text-align: center;background: #1a5db0;border: 1px solid #1a5db0;font-size: 15px;font-weight: bold;color: #fff;padding: 10px 0px;min-width: 66%;}
.gbasic button {display:inline-block;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;text-align: center;background: #abadb1;border: 1px solid #abadb1;font-size: 15px;font-weight: bold;color: #fff;padding:10px 0px;min-width:25%;}
.vbasic button {display:inline-block;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;text-align: center;background: #5a46a2;border: 1px solid #2c1a6d;font-size: 15px;font-weight: bold;color: #fff;padding:10px 0px;min-width:66%;}

/*약관*/
#wrapPop{ background:#fbfbfb;}
#wrapPop #headPop{ position:relative;height:24px;width:100%;background:#2782b0;padding:8px 0 0 0;}
#wrapPop #headPop .title{display:inline-block;text-align:left;width:80%;color:#fff;font-size:13px;font-weight:bold;vertical-align:top;padding:2px 0 0 10px; letter-spacing:-1px;}
#wrapPop #headPop .close{ position:absolute; right:10px; top:8px;display:inline-block;text-align:right;height:25px;font-size:18px;font-weight:bold; padding:0 0 0 0;}
#wrapPop #headPop .close a{display:inline-block;width:15px;height:25px;color:#fff;margin:0px 0 2px 0; text-align:center;}
#wrapPop #contentPop{width:100%;height:auto;overflow-x:hidden;overflow-y:scroll;clear:both;	*zoom:1;padding:10px 0; text-align:center;}
#wrapPop #contentPop:after{content:""; display:block; clear:both;}
#wrapPop #contentPop .textarea_st{width:94%;word-wrap: break-word; background:#fbfbfb; font-family:dotum,tahoma; font-size:12px; margin:0 5px; border:0px solid #eee; padding:5px; line-height:16px; text-align:left;}
#wrapPop #contentPop h3{ font-size:13px; font-weight:bold; text-align:left; padding:15px 0 0 10px;}

/*캡챠*/
div.sect_captcha{ position:relative; padding-top:5px;}
div.sect_captcha .pinArea{float:left;width:40%; padding:8px 0 5px; text-align:center;border:1px solid #d3d5d6; margin:0 2px 0 0 ;background:url(../images/bg.png) repeat !important;}
div.sect_captcha .pinArea .pin_img{ display:inline-block; margin-bottom:4px;}
div.sect_captcha .pinArea .pin_btn{ text-align:right; margin-right:10px;}
div.sect_captcha .pinArea .pin_btn img{ cursor:pointer;}
div.sect_captcha .userNum{float:left;width:50%; text-align:left; margin-left:10px;}
div.sect_captcha .userNum .label_txt{ display:inline-block;margin:7px 0; color:#ef554d;}
div.sect_captcha .userNum .input_txt{width:90%;}
.agree_1 {
    text-align: left;
}
.agree_1 p{}
.agree_1 h3{
    font-size: 18px;
    padding: 10px 0px;
}
.agree_1 input {
}
.agree_1 textarea {
			width: 100%;
			height: 200px;
			padding: 10px;
			box-sizing: border-box;
			border: solid 1px #cfcfcf;
			border-radius: 0px;
			font-size: 16px;
			resize: both;
			margin-bottom: 20px;
		}
.agree_1 .check {
    width: 24px;
    border: 1px solid #eee;
}