/* --------------------------------------------------- */
/* 자리바꾸기 모바일 20190221 */
/* --------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video{font-size:15px;}

/******* 버튼  *****/
.bbs_bttns {position:relative;width:100%;clear:both;margin-top:15px}
.bbs_bttns:after {content:"";height:0;line-height:0;clear:both;display:block;*zoom:1}
.bbs_bttns .L {float:left}
.bbs_bttns .R {float:right}
.bbs_bttns .C {text-align:center;margin:0 auto}
.bbs_bttns a.bttn {height:40px;min-width:100px;line-height:40px;background-color:#265441;color:#fff;padding:0 25px;font-size:14px;text-decoration:none;display:inline-block;margin:0 2px;text-align:center;}
.bbs_bttns a.bttn:hover {text-decoration:none;box-shadow:inset 9999px 9999px rgba(0,0,0,.2)}
.bbs_bttns a.bttn.gray {background-color:#666666!important}

/* ---------------- config ---------------- */

body,html {background:#e9e4d8 !important;}
html {box-sizing:border-box; height: 100%;}
*,::after,::before {box-sizing:inherit;background-repeat:no-repeat}
body {background:#e9e4d8;color:#555;font-size:13px; height: 100%; min-width: 360px;}
ul {list-style:none}

.display_none {display: none !important;}

/* skip navigation */
#skipNav a {position:absolute;top:0px;left:0px;z-index:9999;width:100%;height:1px;margin-top:-1px;display:block;background-color:black;font-size:14px;font-weight:bold;color:#fff;line-height:1;text-align:center;overflow:hidden;}
#skipNav a:focus, #skipNav a:active {margin-top:0px;height:auto;padding:10px 0px;}


/* 기본 레이아웃 */
.S_wrap {position:relative;width:100%;margin:0 auto;height: 100%;float: left;}
.S_HD {width:100%;height:300px; transition-duration: 0.5s; background-position: center; background-size: 100% 100%; background-image: url(/nedu/images/myedu/bg_top_blackboard.png); background-repeat: no-repeat;}
.S_MD {width:100%;min-height:calc(100% - 360px);text-align:center;margin:-40px 0 0 0;bottom:0;float: left;position: relative;}

/* 상단 정보입력 */
.TP_w {text-align: center; padding-top: 0; position: relative; overflow: hidden; transition-duration: 0.5s; width: 100%; vertical-align: middle; height: calc(100% * 0.644);}
.TP_w::after {content: "";height: 0;line-height: 0;clear: both;display: block;*zoom: 1;}
.TP_w .TP_L {position: absolute; left:  0; background-size: auto 80%; background-position: center; background-image: url(/nedu/images/myedu/i_top_effectL.png); background-repeat: no-repeat; width: 25%; height: 100%; font-size: 0; line-height: 0; overflow: hidden; transition-duration: 0.5s; }
.TP_w .TP_R {position: absolute; right: 0; background-size: auto 80%; background-position: center; background-image: url(/nedu/images/myedu/i_top_effectR.png); background-repeat: no-repeat; width: 25%; height: 100%; font-size: 0; line-height: 0; overflow: hidden; transition-duration: 0.5s; }
#stngArrgmntSttngForm { position: absolute; z-index: 2; display: table; width: 100%; height: 100%; }
.TP_w .TP_class {display: table-cell; text-align: center; vertical-align: middle;}
.TP_w .TP_class .class_info {margin: 0 auto; text-align: center; background: url(/nedu/images/myedu/bg_top_line.png); background-size: 100% 55px; background-position: center bottom; background-repeat: no-repeat; width: 50%; height: 50px;}
.TP_w .TP_class li.num_inp {margin-top:20px;width: 100%; }
.TP_w .TP_class li.class_info label {display:none;}
.TP_w .TP_class li.class_info input[type="text"] {width:100%;height:36px;line-height:30px;vertical-align: middle;background-color:transparent;border:none;padding:0 0 0 8px;font-size:30px;color:#fff;}
.TP_w .TP_class li label.label {display:inline-block;color:#e8dab9;font-size:16px;letter-spacing:-1;margin-right:10px;}
.TP_w .TP_class li input {width:80px;height:36px;line-height:36px;vertical-align: middle;background-color:#3f5148;border:1px solid #e8dab9;padding-left:8px;font-size:18px;color:#fff;text-align:center;}
.TP_w .TP_class li span {font-size:18px;color:#fff;margin-left:10px;}
.btn_full {position:absolute;top:0;right:0;width:54px;height:54px;;background:url(/nedu/images/myedu/i_scale.png) #265441;background-size:54px auto;background-repeat:no-repeat;background-position:0 0;font-size:0;line-height:0;overflow:hidden;display:block;z-index:9;}
.btn_full:hover {text-decoration:none;box-shadow:inset 9999px 9999px rgba(0,0,0,.2)}
.btn_full.mini {background-position:0 -54px;}
.genderGuide {height:40px; text-align: left; padding-left: 4%; width: calc(100% - 150px); }

@media (max-width:800px) {
    .TP_w .TP_class .class_info {width:275px;height:45px;}
    .TP_w .TP_class li.class_info input[type="text"] {width:100%;height:26px;line-height:26px;padding-left:8px;font-size:20px;}
}
@media (max-width:600px) {
    .TP_w .TP_L { background-position: 10% top; background-size: auto 60%; width: 50%;}
    .TP_w .TP_R { background-position: right bottom; background-size: auto 60%; width: 50%;}
    .TP_w .TP_class .class_info {width:275px;height:45px;}
    .TP_w .TP_class li.class_info input[type="text"] {width:100%;height:26px;line-height:26px;padding-left:8px;font-size:20px;}
    .btn_full {width:30px;height:30px;background-size:30px auto;}
    .TP_w .TP_class li label.label {display:block;margin-bottom:5px}
}
/* 하단 버튼 */
.FT_w {width: 100%; float: left; position: relative; height: 100px; text-align: center;}
.FT_w .ft_btn_w {width: 100%; margin-top: 18px; text-align: center;}
.ft_btn_w a {color:#fff;font-size:17px;width:210px;height:62px;display:inline-block;margin-right:10px;line-height:60px;font-weight:600;text-decoration:none;}
.ft_btn_w a.green {background:url(/nedu/images/myedu/btn_bg_green.png) 0 0 no-repeat;}
.ctl_btn_w {transition-duration:0.5s; display: inline-block; position: absolute; top: 35px; right: 10px;}
.ctl_btn_w a {position:relative;background-color:#6c4f36;border-radius:4px;padding:0 15px 0 42px ; color:#fff; font-size:14px;line-height:40px;text-decoration:none;height:40px;display:inline-block;}
.ctl_btn_w a i {position:absolute;top:8px;left:12px;background:url(/nedu/images/myedu/ico_ctl_btn.png);background-size:23px auto;width:23px;height:23px;}
.ctl_btn_w a i.save {background-position:0 0px;}
.ctl_btn_w a i.setting {background-position:0 -24px;}
.ctl_btn_w a i.print {background-position:0 -48px;}
.ctl_btn_w a i.reset {background-position:0 -72px;}
.ctl_btn_w a:hover {text-decoration:none;box-shadow:inset 9999px 9999px rgba(0,0,0,.2)}

@media (min-width:1200px) {
    .ST_w .seat_w {height:100%;text-align:left;width:100%;}
    .ScrollGuide {display:none;}
}
@media (max-width:1199px) {
    /* .ST_w .seat_w li {min-width:150px;} */
    .seatM {position:relative;overflow-x:auto;padding-right:10px;}
    .seatM .seat_w {width:120% !important;}
    .ScrollGuide { font-size: 13px; letter-spacing: -1px; height: 40px; font-weight: 700; position: absolute; padding-right: 46px; padding-top: 10px; top: -9px; right: 5px; background: url(/nedu/images/myedu/scroll.png) no-repeat right top; background-size: 40px;}
}
@media (max-width:960px) {
    .seatM .seat_w {width:160% !important;}
}
@media (max-width:1000px) {
    .ft_btn_w a {position:relative; margin-bottom:10px;}
    .ft_btn_w a.green {margin-right: 0px;}
    .ctl_btn_w {position:relative; top: 0;}
    .S_MD {min-height: calc(100% - 410px);}
    .FT_w {height: 150px;}
}
@media (max-width:710px) {
    .ST_w {margin-bottom:0px !important;}
    .seatM .seat_w {width:220% !important;}
}
@media (max-width:579px) {
    .seatM .seat_w {width:320% !important;margin-bottom:0px;}
    .genderGuide { text-align: left; padding: 0 4%; letter-spacing: -0.5px;}
}
@media (max-width:360px) {
    .seatM .seat_w {width:400% !important;}
}
    
/* 자리 형태 4가지  */
.ST_w {position:inherit;padding:0 2%;width:100%;margin:0 auto;float:left;}
.ST_w.ftFixed { position: absolute; z-index: 99; overflow-x: auto; }
.ST_w .seat_w {height:100%;text-align:left;width:100%;float:left;}
.ST_w .seat_w ul.seat_w_class {width: 33%; float: left;}
.ST_w .seat_w li {height:65px; display:inline-block;text-align:left;float: left;margin-bottom:5px;}
.ST_w .seat_w li .seat, 
.seat_w.x22 li.dummy div {position:relative;width:100%;min-height:53px;border:2px solid #936741;margin:0px 5px 5px 0px;border-radius:4px;padding:0 0 0 50px;background-color:#f6f4ed;}
.seat_w.x22 li.dummy div {border-color: #d9d9d9; background-color: #e0e0e0;}
.ST_w .seat_w li .seat dt {position:absolute;top:0;left:0;text-align:center;background-color:#394f43;color:#fff;font-size:14px;line-height:50px;width:45px;font-weight: 600;}
/* .ST_w .seat_w.x22 li .seat { box-shadow: 0px 0px 0px rgba(40, 40, 40,0.1); } */
/* .ST_w .seat_w.x22 li:nth-child(2n) .seat { box-shadow: 0px 0px 0px rgba(40, 40, 40,0.1); } */
.ST_w .seat_w.x3 li .seat {padding:0 0 0 30px;}
.ST_w .seat_w.x3 li .seat dt {position:absolute;top:0;left:0;text-align:center;background-color:#394f43;color:#fff;font-size:14px;line-height:50px;width:25px;}
.ST_w .seat_w li .seat .gender {position:absolute;top:3px;right:3px;border-radius:50%;height:45px; width:45px;line-height:55px;}
.ST_w .seat_w li .seat .gender.man {background:url(/nedu/images/myedu/ico_man.png) #89b9e5;}
.ST_w .seat_w li .seat .gender.woman {background:url(/nedu/images/myedu/ico_woman.png) #f28a75;}
.ST_w .seat_w li .seat .gender a {display: block; width: 100%; height: inherit;}
.ST_w .seat_w li .seat label {display:none;}
.ST_w .seat_w li .seat input[type="text"] {width:100%;height:50px;line-height:50px;vertical-align: middle;background-color:transparent;border:none;color:#666;padding:0 0 0 4px;font-size:15px;color:#333; float: left;}

.seat_w {padding-left:2%;}

.ST_w .seat_w.x1 ul.seat_w_class {width:100%;}
.seat_w.x1 li { width: 19.9%; padding: 0px 50px 1% 0px;}

.seat_w.x22 li {width:47%;padding:0px 5px 1% 0px;}
/* .seat_w.x22 li { display: block; clear: both; width: 47%; padding: 0px 5px 1% 0px;}
.ST_w .seat_w.x22 li:nth-child(2n) { margin-left: 47%;} */

.seat_w.x2 li {width:47%;padding:0px 5px 1% 0px;}

.seat_w.x3 {padding-left:3%;}
.ST_w .seat_w.x3 ul.seat_w_class:nth-child(1),
.ST_w .seat_w.x3 ul.seat_w_class:nth-child(3) {width: 28%; float: left;}
.ST_w .seat_w.x3 ul.seat_w_class:nth-child(2) {width: 42%; float: left;}
.ST_w .seat_w.x3 ul.seat_w_class:nth-child(1) li,
.ST_w .seat_w.x3 ul.seat_w_class:nth-child(3) li{width: 46%;}
.ST_w .seat_w.x3 ul.seat_w_class:nth-child(2) li{width: 31.4%;}
.seat_w.x3 li {width:12%;padding:0px 5px 1% 0px;}

.seat_w.x4 ul {margin-bottom: 1.5%;}
.seat_w.x4 li {width:47%;padding:0px 5px 1% 0px;}

.seat_w.x6 ul {margin-bottom: 1.5%;}
.seat_w.x6 li {width:47%;padding:0px 5px 1% 0px;}



/******* 설정 팝업  *****/
.popup_style2 *, .popup_style2 *::after, .popup_style2 *::before { -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.popup_style2 {position:relative;display:none;opacity:0;background-color:#fff; /*top:36px !important;*/ }
.popup_style2 .wrap { width:100%; height:100%;position:relative;}
.popup_style2 .wrap > .b-close { position:absolute;right:-54px;top:0px;display:inline-block;z-index:1;background-color:#265441; width:54px; height:54px;}
.popup_style2 .wrap .content {position:relative; margin:0 auto; width:100%; height:100%; text-align:left; background-color:#fff;}
.popup_style2 .wrap .content .title_w {width:100%;height:45px;display:inline-block;vertical-align:middle;}
.popup_style2 .wrap .content .title_w h4 {color:#111;font-size:20px;font-weight:600;text-align:center;}
.setting_w {position:relative; padding:0 10px 10px;width:100%;border-bottom:2px solid #111;border-top:2px solid #111;overflow: hidden;}
.setting_w li {position:relative;width:100%;border-bottom:1px solid #ddd;}
.setting_w li:last-child {border-bottom:none;}
.setting_w .t_tit {color:#555;font-size:15px;text-align:left;}
.setting_w .t_tit.gender {color:#555;font-size:16px;text-align:left;}
.setting_w .group {width:100%;}
.setting_w .group dd {display:inline-block;cursor:pointer;}
.setting_w .group dd:nth-child(2n-1) {margin-right:15px;}
.setting_w .group dd p {font-size:14px;color:#555;text-align:center;width:100%;line-height: 24px;margin-bottom:5px;float:left;}
.setting_w .group dd i {display:inline-block;background:url(/nedu/images/myedu/i_setting_group.png);font-size:0;line-height:0;overflow:hidden;text-indent:-999;float:left;}
.setting_w .gender {width:100%;}
.setting_w .gender dd {width:130px;display:inline-block;cursor:pointer;}
.setting_w .gender dd p {font-size:14px;color:#555;text-align:center;width:100%;line-height: 24px;margin-bottom:5px;float:left;}
.setting_w .gender dd i {display:inline-block;background:url(/nedu/images/myedu/i_setting_gender.png);font-size:0;line-height:0;overflow:hidden;text-indent:-999;float:left;}

.setting_w .seating dd {display:inline-block;cursor:pointer;}
.setting_w .seating dd i {border-radius: 4px; border: #cccccc 3px solid; padding: 16px 17px; display: inline-block; text-align: center; font-size: 15px; color: #999; font-style: normal; margin: 0px 0 9px; font-weight: bold;}
.setting_w .seating dd i.on, 
.setting_w .seating dd i:HOVER {border-color: #469366;color: #338053;}
.setting_w .seating dd i.on {color: #338053;}
#settingPop .bbs_bttns .gender_noti {display: block; letter-spacing: -0.2px;}

@media (min-width:720px) {
    .popup_style2 .wrap {padding:20px;}
    .popup_style2 {width:565px; min-height:590px;}
    .popup_style2 .wrap > .b-close { position:absolute;right:-54px;top:0px;display:inline-block;z-index:1;background-color:#265441; width:54px; height:54px;}
    .setting_w li {padding-left:100px;padding-top:20px;}
    .setting_w .t_tit {position:absolute;top:20px;left:0;}
    .setting_w .t_tit.gender {position:absolute;top:20px !important;left:0;}
    .setting_w .t_tit.seating {position:absolute;top:20px !important;left:0;}

    .setting_w .group dd {width:190px;}
    .setting_w .group dd i {background-size:auto;width:188px;height:87px;}
    .setting_w .group dd i.x1 {background-position:-817px 0px;}
    .setting_w .group dd i.x1:hover,.setting_w .group dd i.x1.on {background-position:-817px -100px;}
    .setting_w .group dd i.x22 {background-position:-1022px 0px;}
    .setting_w .group dd i.x22:hover,.setting_w .group dd i.x22.on {background-position:-1022px -100px;}
    .setting_w .group dd i.x2 {background-position:0 0px;}
    .setting_w .group dd i.x2:hover, .setting_w .group dd i.x2.on {background-position:0px -100px;}
    .setting_w .group dd i.x3 {background-position:-205px 0px;}
    .setting_w .group dd i.x3:hover,.setting_w .group dd i.x3.on {background-position:-205px -100px;}
    .setting_w .group dd i.x6 {background-position:-407px 0px;}
    .setting_w .group dd i.x6:hover,.setting_w .group dd i.x6.on {background-position:-407px -100px;}
    .setting_w .group dd i.x4 {background-position:-612px 0px;}
    .setting_w .group dd i.x4:hover,.setting_w .group dd i.x4.on {background-position:-612px -100px;}
    .setting_w .gender dd {width:130px;display:inline-block;cursor:pointer;}
    .setting_w .gender dd i {background-size:413px auto;width:129px;height:87px;}

    .setting_w .gender dd i.differ {background-position:0 0px;}
    .setting_w .gender dd i.differ:hover,.setting_w .gender dd i.differ.on {background-position:0px -94px;}
    .setting_w .gender dd i.same {background-position:-141px 0px;}
    .setting_w .gender dd i.same:hover,.setting_w .gender dd i.same.on {background-position:-141px -94px;}
    .setting_w .gender dd i.random {background-position:-284px 0px;}
    .setting_w .gender dd i.random:hover,.setting_w .gender dd i.random.on {background-position:-284px -94px;}
}
@media (max-width:719px) {
    .popup_style2 .wrap {padding:2px;}
    .popup_style2 {max-width:360px; min-height:590px;}
    .popup_style2 .wrap > .b-close { position:absolute;right:0px;top:0px;display:inline-block;z-index:1;background-color:#265441; width:50px; height:50px;}
    .popup_style2 .wrap .content .title_w h4 {margin-top: 10px;}
    .setting_w li {padding-left:10px;}
    .setting_w .t_tit {line-height:30px;}
    .setting_w .t_tit.gender {line-height:30px;}
    .setting_w .group dd {width:120px;}
    .setting_w .group dd i {background-size:760px auto;width:120px;height:55px;}
    .setting_w .group dd i.x1 {background-position:-511px 0px;}
    .setting_w .group dd i.x1:hover,.setting_w .group dd i.x1.on {background-position:-511px -62px;}
    .setting_w .group dd i.x22 {background-position:-642px 0px;}
    .setting_w .group dd i.x22:hover,.setting_w .group dd i.x22.on {background-position:-640px -63px;}
    .setting_w .group dd i.x2 {background-position:0 0px;}
    .setting_w .group dd i.x2:hover, .setting_w .group dd i.x2.on {background-position:0px -63px;}
    .setting_w .group dd i.x3 {background-position:-128px 0px;}
    .setting_w .group dd i.x3:hover,.setting_w .group dd i.x3.on {background-position:-128px -63px;}
    .setting_w .group dd i.x6 {background-position:-255px 0px;}
    .setting_w .group dd i.x6:hover,.setting_w .group dd i.x6.on {background-position:-255px -63px;}
    .setting_w .group dd i.x4 {background-position:-384px 0px;}
    .setting_w .group dd i.x4:hover,.setting_w .group dd i.x4.on {background-position:-384px -63px;}

    .setting_w .gender dd {width:92px;display:inline-block;cursor:pointer;}
    .setting_w .gender dd i {background-size:290px auto;width:90px;height:62px;}
    .setting_w .gender dd i.differ {background-position:0 0px;}
    .setting_w .gender dd i.differ:hover,.setting_w .gender dd i.differ.on {background-position:0px -66px;}
    .setting_w .gender dd i.same {background-position:-100px 0px;}
    .setting_w .gender dd i.same:hover,.setting_w .gender dd i.same.on {background-position:-100px -66px;}
    .setting_w .gender dd i.random {background-position:-199px 0px;}
    .setting_w .gender dd i.random:hover,.setting_w .gender dd i.random.on {background-position:-199px -66px;}
    #settingPop .bbs_bttns .gender_noti {padding: 0 20px;}
}


/* count */
.palpitating_ani {position:absolute; top:30%; left:50%; margin-left:-250px; margin-top:-130px; width:500px;height:500px; background:url('/nedu/images/myedu/count_bg.png') 0 0 no-repeat;}	

.heart{
width:120px;
height:120px;
top:40px;
left:120px;
z-index:1;
display:block;
position:absolute;
transform:translate(-50%,-50%);
animation:heart 4.4s ease infinite
}


@keyframes heart{
	0%{transform:translate(-50%,-50%) scale(.2,.2)}
	8%{transform:translate(-50%,-50%) scale(.4,.4)}
	16%{transform:translate(-50%,-50%) scale(.3,.3)}
	24%{transform:translate(-50%,-50%) scale(.5,.5)}
	32%{transform:translate(-50%,-50%) scale(.4,.4)}
	40%{transform:translate(-50%,-50%) scale(.6,.6)}
	48%{transform:translate(-50%,-50%) scale(.5,.5)}
	56%{transform:translate(-50%,-50%) scale(.7,.7)}
	64%{transform:translate(-50%,-50%) scale(.6,.6)}
	72%{transform:translate(-50%,-50%) scale(.8,.8)}
	80%{transform:translate(-50%,-50%) scale(.7,.7)}
	88%{transform:translate(-50%,-50%) scale(.9,.9)}
	96%{transform:translate(-50%,-50%) scale(.8,.8)}
	100%{transform:translate(-50%,-50%) scale(1,1)}
	}



.heart div{
	background:#ff0000;
	width:70px;
	height:140px;
	top:40px;
	display:block;
	position:absolute;
	border-radius:50%
	}

.left
	{left:0;transform:rotate(330deg)}

.right
	{right:0;transform:rotate(30deg)}
.countdown_wrap {display:none;position:absolute;top:0;width:100%; height:100%; background-color: rgba(0,0,0,0.8);animation:fadeIn 1.5s forwards; z-index: 999;}

#countdown {
  z-index: 2;
  text-align: center;
  font-family: 'Roboto Condensed', sans-serif;
  width: 200px;
  height: 200px;
  line-height: 200px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -100px;
  color: white;
  font-size: 12em;
  text-align: center;
  font-weight: bold;
  font-style: italic;
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  -webkit-transition: opacity 0.2s ease;
  -moz-transition: opacity 0.2s ease;
  -ms-transition: opacity 0.2s ease;
  -o-transition: opacity 0.2s ease;
  /* solve for flicker problem */
  -webkit-perspective: 1000;
  -webkit-backface-visibility: hidden;
}
#countdown.puffer {
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -webkit-transform: scale(2, 2);
  -moz-transform: scale(2, 2);
  -ms-transform: scale(2, 2);
  -o-transform: scale(2, 2);
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
}

@keyframes fadeIn {
from {opacity: 0;} 
to {opacity: 1;}
}

@media (max-width:500px) {
    .palpitating_ani {width:100%; height:auto; left:0; background: none; margin-left:0;}
    .heart{display:none;}
    #countdown{margin-left:-100px;}
}

#printWrap {display: none;}

@media print { 
	body, page[size="A4"] {
		/* width: 297mm;
		height:210mm; */
	}
	@page { 
		size: Landscape;
		filter: progid:DXImageTransform.Microsoft.BasicImage(Rotation=3); 
	}
   .noprint { display:none; } 
	#printWrap {
		display:block;
		width:100%;
		margin:0 auto;
	}
	#printWrap #printTitle {
		position: absolute;
		z-index: 9;
		width: 100%;
		text-align: center;
		top: 0;
		margin-top: 5%;
		padding-top: 1%;
	}
	#printWrap #printTitle h1 {
		color: white;
		font-size: 300%;
		font-weight: normal;
		width: 100%;
		text-align: center;
		position: absolute;
		z-index: 99;
		top: 0;	
	}
	#printWrap #printTitle img {
		margin-left: -3%;
	}
	#printWrap #printTitle h1 canvas{
		width: 500px;
		margin: 0 auto;
	}
	#printWrap #printBg {
		margin-left:0px;
		margin-top:0px;
		width:100%;
	}
	#printWrap .seat_item {
		top:0;
		position: absolute; 
		z-index:9; 
		width:13%;
		left:0;
	}
	#printWrap .seat_item img{
		z-index:99; width:100%;
	}
	#printWrap .seat_item span{
	}
	#printWrap .seat_item canvas.num {
		position: absolute; z-index:999;     
		font-size: 110%;
		height: 50%;
		top: 25%;
		text-align: center;
		left: 25.5%;
		overflow: hidden;
		white-space: nowrap;
		font-weight: bold;
		font-family: '나눔고딕', 'NanumGothic', 'ngWeb', sans-serif;
		color: white;
		left: 0;
		width: 25%;
	}
	#printWrap .seat_item span.name {
		position: absolute; z-index:999;     
		font-size: 110%;
		height: 50%;
		top: 25%;
		text-align: center;
		left: 25.5%;
		overflow: hidden;
		white-space: nowrap;
		font-weight: bold;
		font-family: '나눔고딕', 'NanumGothic', 'ngWeb', sans-serif;
		color: #333;
		width: 44%;
	}
	body.screen_lotae{
		border : rgba(0,0,0,0) 1px solid;
		width:100%;
		overflow: hidden;
	}
	body.screen_lotae #printWrap {
		border : rgba(0,0,0,0) 1px solid;
		width:150%;
		-ms-transform: rotate(-90deg);
		-ms-transform-origin: 50% 50%;
		-webkit-transform: rotate(-90deg);
		-webkit-transform-origin: 50% 50%;
		margin-top: 25%;		
		margin-left: -25%;		
	}
	body.screen_lotae.width_small #printWrap {
		width:130%;	
		margin-top: 22%;
		margin-left: -15%;		
	}
	/* body.screen_lotae #printWrap .seat_item span {
		
	} */
}

.seat_w li.fixed_position { position: absolute; z-index: 9999; }
.seat_w li.fixed_position .dag_wrap{
    /* background: red;opacity: 0.5; */
	 width: 100%;
    height: 55px;
    position: absolute;
    z-index: 1;
    top: 0;}
.seat_w li.fixed_position .dag_wrap:HOVER{    
    cursor: move;}
.seat_w li.fixed_position .check_bg{
    width: 39px;
    height: 48px;
    cursor: pointer;
    position: absolute;
    z-index: 7;   
    top: 0;
    left: -18px;
	background: url(/nedu/images/myedu/seat_unlock.png) no-repeat;
	}
.seat_w li.fixed_position.checked .check_bg{
	background: url(/nedu/images/myedu/seat_lock.png) no-repeat;
	}
.seat_w li.fixed_position .check_wrap{
    /* background: blue;opacity: 0.5; */
    width: 45px;
    height: 55px;
    cursor: pointer;
    position: absolute;
    z-index: 99;}
    
.seat_w li.fixed_position.dragging{
    z-index: 10000;}
.FT_w .ft_btn_w.ft_fixed_btn{
	display: none;
   z-index: 999;
   position: absolute;
   width: min-content;
   margin-left: calc(50% - 105px);
   margin-top: 28px;
}
#fixed_dim{   display: none;
    position: absolute;
    z-index: 9;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.8);
    /* animation: fadeIn 1.5s forwards; */
    }
#ftFixedGuide{    
	position:absolute;
	color: white;
    line-height: 24px;
    text-align: left;
    letter-spacing: -1px;}
#ftFixedGuide li{
	 font-size: 15px;}