@charset "utf-8";
/* SIR 지운아빠 */

/* 초기화 */
html {overflow-y:scroll}
body {margin:0;padding:0;font-size:12px; letter-spacing:-0.7px; font-family: Nanum Gothic, 'Noto Sans KR', sans-serif;}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:1em}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
#hd ul, nav ul, #ft ul {margin:0;padding:0;list-style:none}
ol, ul, li, dd, dl {list-style:none; padding:0; margin:0;}
dt {color:#7977e0;}
legend {position:absolute;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select{vertical-align:middle;height: 25px; }
img{vertical-align:middle;}
input, button {margin:0;padding:0;font-size:1em}
button {cursor:pointer}
input[type=text], input[type=password], input[type=submit], input[type=image], button {border-radius:0;font-size:1em;-webkit-appearance:none}
textarea, select {font-size:1em;font-family:dotum}
textarea {border-radius:0;-webkit-appearance:none}
select {margin:0}
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a:link, a:visited {text-decoration:none}
a:hover, a:focus, a:active {color:#000;text-decoration:none;}
.cf:after{display:block; content:""; clear: both;}
.hide{display:none;}


.sc-line{text-decoration:line-through;}
.c-line{ display:inline-block; position:relative;}
.c-line:after{content:""; display:block; width:1px; height:65%; background:#333; position:absolute; top:20%; left:50%;}


/* 인트로 */

html, body, #intro {
  position: relative;
  height: 100%;
}

#intro {}
#intro img{height:auto;}
#intro .swiper-container {
  width: 100%;
  height: 100%;
}
#intro .swiper-slide {
  height:100%;
  overflow-y:auto;
  text-align: center;
  font-size: 18px;
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  top:0;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

#intro .swiper-pagination-bullet-active {background:#fff;}
#intro .swiper-slide p{color:#fff;}
#intro .swiper-slide #page { position:absolute; left:0; top:0;}
#intro .swiper-slide .page2 {padding:30% 0;}
#intro .swiper-slide .page2 .logo{width:40%; display:block; margin:0 auto;}
#intro .swiper-slide .page2 .t1{font-size:1.5em; margin-bottom:20px; font-weight:600;}
#intro .swiper-slide .page2 .t2{font-size:1.2em; margin-top:20px; font-weight:600; position:absolute; bottom:-50px; text-align:center; width:100%;}
#intro .swiper-slide .page3{padding:20px 0;}
#intro .swiper-slide .page3 .t1{font-size:1.2em; margin-bottom:10px; font-weight:600;}
#intro .swiper-slide .page3 .t1 strong{font-size:1.2em; color:#FFE401;}
#intro .swiper-slide .page3 .logo{width:10%; display:block; margin:15px auto;}
#intro .swiper-slide .page3 .btn{display:block; width:80%; margin:0px auto 5px auto; border-radius:4px; border:1px solid #fff; background:#fff; color:#EE2D24; font-size:15px; font-weight:600; padding:10px 0;}
#intro .swiper-slide img{width:90%;} 

#intro .slg-text{font-size:12px; color:#fff; width:80%; margin:8px auto;}
#intro .slg-text h3{font-size:1.5em; font-weight:600; color:#FEE400; line-height:1.2em; margin-bottom:5px;}
#intro .slg-text p{text-align:left;}

/* 팝업레이어 */
#hd_pop {z-index:1000;position:relative;margin:0 auto;width:100%;}
#hd_pop h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
.hd_pops {position:absolute;border:1px solid #e9e9e9;background:#fff}
.hd_pops_con {}
.hd_pops_footer {padding:10px 0;background:#000;color:#fff;text-align:right}
.hd_pops_footer button {margin-right:5px;padding:5px 10px;border:0;background:#393939;color:#fff}

/* 상단 레이아웃 */
#hd {position:relative;background:#fff}
#hd:after {display:block;visibility:hidden;clear:both;content:""}
#hd_h1 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}

#logo {padding:15px 10px}
#link_share{position: fixed; right: 15px; top:10px;}
#link_share a{display: inline-block; line-height: 35px; padding: 0 10px; background-color:#86D578;border-radius: 35px; font-size: 1.05em; color: #22222295;}

/*#gnb_open {position:absolute;top:10px;right:60px;padding:0 10px;height:2.6em;border:0;background:#333;color:#fff;font-size:1em;letter-spacing:-0.1em}
#gnb {display:none;background:#282828}
#gnb a {display:block;color:#efefef}
.gnb_1da {padding:10px;border-top:1px solid #191919}
.gnb_2dul {background:#383838}
.gnb_2da {padding:10px;border-top:1px solid #282828}
.gnb_2da span:before {display:inline-block;margin:0 10px 0 0;color:#666;content:'▶'}
#gnb_close {display:block;margin:0;padding:10px 0;width:100%;border:0;background:#000;color:#fff}

#gnb_empty {padding:20px 0;color:#fff;text-align:center;line-height:2em}
#gnb_empty a {display:inline;text-decoration:underline}*/


#gnb2{background:#b7d14a; margin:0; border-top:1px solid #86d578; border-bottom:1px solid #86d578;}
#gnb2 ul{margin:0; padding:0; text-align:center;}
#gnb2 ul:after{content:""; display:block; clear:both;}
#gnb2 li{ display:inline-block; text-align:center;}
#gnb2 li a{display:block; padding:0 5px; text-align:center; color:#fff; line-height:40px; font-size:16px; font-weight:600;}
#gnb2 li a.on{ background:#FFC000; color:#333;}

/*2017-07-04*/
/*모바일-상단-토글메뉴 시작*/
#header, .pjax-header{/*position:relative;*/ background:#fff; position:fixed; width:100%; height:55px; z-index: 100; }
#header .logo, .pjax-header .logo{text-align:center; padding-top:5px; padding-bottom:5px;}
#header .logo img, .pjax-header .logo img{width:auto; height:45px;}
#header .btnMenu, .pjax-header .btnMenu{position:absolute; top:7px; left:15px;}
#header .btnMenu a, .pjax-header .btnMenu a{display:block; padding:3px 0;}

#header #toggle-view{list-style:none;font-family:Nanum Gothic;font-size:11px;margin:0;padding:0;width:300px;}
#header #toggle-view li {cursor:pointer; }
#header #toggle-view span {position:absolute;right:14px; top:14px;  z-index: 200;}
#header #toggle-view span img{ height:25px}
#header #toggle-view .m_search {display:none; position:absolute; top:0px;  width: 100%; height: 60px; background:#7977e0; border-radius: 5px}	
#header #toggle-view .m_search .m_search2{position:absolute; top:10px; left:10px; width:70%; height: 40px;;  background:#fff;border-radius: 5px;}

#header .search a{display:block;}
#header .btnMenu img{width:35px; height:auto;}
#header .filter{position:absolute; top:7px; right:7px;  background:#5b5652; width:40px; height:40px; border-radius:4px;}
#header .filter a{display:block; padding:8px 11px 7px 11px;}
#header .filter .fa-2x{color:#fff}
#header .filter img{width:18px; height:auto; }

#header .write{position:absolute; top:7px; right:52px;  background:#5b5652; width:40px; height:40px; border-radius:4px;}
#header .write a{display:block; padding:8px 11px 7px 11px;}
#header .write .fa-2x{color:#fff}
#header .write img{width:18px; height:auto; }
#header nav{display:block}

.hd_txt{position:absolute; left:50px; top:5px;}
.hd_txt p{ color:#fff; font-size:0.9em; margin-bottom:3px;}
.hd_txt span{ font-weight:600;}
.hd_txt span a{display:inline-block; padding:2px 5px; border:1px solid #FFE400; font-size:1.1em; color:#FFE400;}

.p-img{background:#fff;}
.p-img a{color:#333; text-align:center; display:block; overflow:hidden; position:relative;}
.p-img a p{position:absolute; top:0px; left:0px; text-shadow:1px 1px 0 #000; font-weight:600; padding:3px;}
.p-img a img{height:88px !important;}
.p-img a span.title{ padding:3px 5px;display:inline-block; width:100%; white-space: nowrap;overflow: hidden; text-overflow: ellipsis; vertical-align:middle; 
				position:absolute; bottom:0; left:0; color:#fff; text-shadow:1px 1px 0 #000; font-weight:600;}
	
#link_bn ul{margin:5px 8px; padding-top:2px;}
#link_bn ul:after{content:""; display:block; clear:both;}
#link_bn li{ float:left; width:33.3333%; padding-top:2px; padding-right:2px; margin-bottom:2px;}
#link_bn li:nth-child(3n){padding-left:0;}
#link_bn li a{display:block; text-align:center; border:1px solid #F2625B;}
#link_bn li a img{width:100%;}
	
/*마이페이지*/
.mypage{background:#333;}

.mypage .avatar{padding:45px 0 0}
.mypage .avatar img{width: 50%;padding:0 15px;height: auto;}
.icon_menu3{width: 50%; position: absolute; top: 50px;left: 50%;}
.icon_menu3:after{display:block; content:""; clear:both;}
.icon_menu3 li{border: 1px solid #a09fed; border-radius: 5px; text-align:center; background:#333;margin:3px 10px 0 0;}
.icon_menu3 li.a{}
.icon_menu3 li.b{}
.icon_menu3 li.c{}
.icon_menu3 li.d{}
.icon_menu3 li.e{}
.icon_menu3 li a{display:block; padding:7px 12px; color:#fff;}

/*1차메뉴*/
.hd_div{width:100%; background-color: #333;}
.hd_div .gnb_1dul{padding:12px 0; border-bottom:1px solid rgba(255,255,255,0.5);}
.hd_div .gnb_1dli {background:url(../img/mobile/arr.png) no-repeat 96% center/auto 20%;padding-left: 20px; margin: 10px 0;}
.hd_div .gnb_1dli img{height:25px;}
.hd_div .gnb_1dli a{display:inline-block; font-size:16px; padding:2% 20% 2% 3%; color: #fff;}
.hd_div .gnb_1dli a:hover{color: #fff;}

.hd_div .gnb_1dul2 li{margin:0; padding-top:5px; padding-bottom:5px; border-bottom:1px dotted rgba(255,255,255,0.2); position:relative;}
.hd_div .gnb_1dul2 li a:after{content:""; display:block; width:5px; height:5px; border-radius:50%; background:#fff; position:absolute; left:20px; top:50%; transform:translateY(-50%)}

/*2차메뉴*/
.gnb_s{}
.gnb_s:after{display:block; content:""; clear:both;}
.gnb_s li{float:left; width:calc(50% - 1px); border-bottom:1px solid #e7e7e7; border-right:1px solid #e7e7e7; background:#f9f9f9;}
.gnb_s li.long{width:calc(100% - 1px);}
.gnb_s li a{display:block; padding:8px 15px;}

#gnb_empty {padding:20px 0;color:#fff;text-align:center;line-height:2em}
#gnb_empty a {display:inline;text-decoration:underline}
.blackBG{position:fixed; top:0; left:0; width:100%; height:100%; background:#000; opacity:0.7; z-index:400; display:none;}

.box_middle{border:1px solid #F2625B; margin:5px 8px; padding:5px 10px;}
.box_middle .fl{float:left;}
.box_middle .fl a:after{content:""; display:inline-block; margin:0 5px; width:1px; height:10px; background:rgba(255,255,255,0.5);}
.box_middle .fl a:last-child:after{display:none;}

/*고객센터*/
.c_center{ background:#fff; text-align:center; padding:25px 0 25px 0;}
.c_center img{width:38px; height:auto; margin:10px 0 18px 0;}
.c_center img.kakao{margin:10px 0 5px 0;}
.c_center h3{font-size:15px; color:#000; font-weight:bold;}
.c_center h3 span{color:#385c81;}
.c_center p{font-family:Tahoma, Geneva, sans-serif; letter-spacing:-0.2px; color:#7b6762; font-weight:bold; font-size:14px; line-height:1.7em;}
.c_center .mun{color:#7e7e7e; font-size:12px;}
.c_center div{margin:18px auto;}

/*카피정보*/
.c_copy{background:#333; padding:20px 15px 20px 15px; width: 100%;}
.c_copy ul:after{display: block; content:""; clear:both;}
.c_copy ul{margin-bottom:5px; text-align:center;}
.c_copy ul li{ display:inline-block; text-align: center;}
.c_copy ul li a{color:rgba(255,255,255,0.5); font-size:0.93em; padding:0 5px; margin:0;}
.c_copy address{display:inline-block; margin-bottom:0;}
.c_copy address h1{font-size:13px; line-height:2.2em; font-weight:bold; color:#000; display:none;}
.c_copy address p{overflow:hidden; font-size:11px; color:#7170b1; letter-spacing:-0.2px; line-height:1.4em; margin: 0 25px;}
.c_copy address p span{display:inline-block; float:left; margin-right:10px;}
.c_copy address p.co{font-family:Tahoma, Geneva, sans-serif; font-size:10px; letter-spacing:0.5px; line-height:2.5em;}
.c_copy .sns_1{float: left; width: 80%;margin:0 10%; text-align: center;padding: 5px 0 10px 0;}
.c_copy .sns_1 ul li {float:left; width: 25%; text-align: center;}
/*모바일-상단-토글메뉴 끝*/





#hd_sch_open {position:absolute;top:10px;right:10px;padding:0 10px;height:2.6em;border:0;background:#333;color:#fff;font-size:1em;letter-spacing:-0.1em}
#hd_sch {display:none;border-top:1px solid #181818;background:#282828;text-align:center}
#hd_sch h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
#hd_sch form {position:relative;padding:30px 0}
#hd_sch #sch_stx {height:30px;border:1px solid #181818;background:#323232 !important;line-height:2.5em;vertical-align:middle;color:#bbb}
#hd_sch #sch_submit {margin:0;padding:0 10px;height:32px;border:0;background:#000;color:#fff;vertical-align:middle}
#hd_sch #sch_close {display:block;margin:0;padding:10px 0;width:100%;border:0;background:#000;color:#fff}

#hd_nb {clear:both;background:#ecf0f7;text-align:center}
#hd_nb li {display:inline-block}
#hd_nb li:nth-last-of-type(1) {border-right:0 !important}
#hd_nb a {display:inline-block;padding:10px 7px;text-decoration:none}

#lnb {}
#lnb ul {margin:0;padding:0;border-bottom:1px solid #e7f1ed;list-style:none}
#lnb ul:after {display:block;visibility:hidden;clear:both;content:""}
#lnb li {float:left;margin-bottom:-1px;width:25%}
#lnb a {display:block;padding:10px 0;border-right:1px solid #e7f1ed;border-bottom:1px solid #e7f1ed;color:#000;text-align:center;text-decoration:none}
#lnb li:nth-of-type(4n) a {border-right:0}

/* 중간 레이아웃 */
#wrapper {/*margin:20px 0*/}
#wrapper:after {display:block;visibility:hidden;clear:both;content:""}
#container {position:relative;min-height:300px; padding-top:97px;}
#container.sub {padding-top:97px; }
#container:after {display:block;visibility:hidden;clear:both;content:""}
#container_title {margin:0 10px 20px;font-size:1.2em;font-weight:bold}

/* 텍스트 크기 조절 */
#text_size {margin:0 0 10px;text-align:center}
#text_size button {margin:0;padding:2px 2px 1px;border:1px solid #c3c6ca;background:transparent;vertical-align:middle}
.ts_up {font-size:1.167em !important}
.ts_up2 {font-size:1.3em !important}



/*메인 롤링이미지*/
.swiper-wrapper .swiper-wrapper{width: 100%; height: 200px;}




/*2017-07-04*/
/*모바일-탑배너부분*/
#m_wrap{padding: 0 !important;}
.topban{margin:5px; border-top:1px solid rgba(255,255,255,0.3);}
.topban .row{padding:3px 0; border-bottom:1px solid rgba(255,255,255,0.3);}
.topban .col-xs-4,
.topban .col-xs-6, 
.topban .col-xs-12{padding:3px;}
.topban h2{font-size:1.3em; padding-left:10px; color:#FFE400; font-weight:600; line-height:1.8em;}

.tban{border-radius:5px;}
.tban p { overflow: hidden; text-overflow: ellipsis; white-space: normal; height: 37px; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.tban.s1{background-color: #FFF}
.tban.s2{background-color: #FFF}
.tban.s3{background-color: #FFF}
.tban.s4{background:#1e1e1f url(../img/mobile/ban_bg04.jpg) no-repeat 100% 100%/cover}
.tban.s5{background:#1c98cc;}
.tban.s6{background:#3353aa;}
.tban .txt{text-align:center; color:#a09fed; font-size:12px; padding:8px 0 8px 0;}
.tban .txt h2{font-size:1.2em; margin: 0 0 10px 0; font-weight:600; color:#333; }
.tban .txt h3{font-size:1.3em; }
.tban .txt p{color:#666666; background:url(../img/mobile/bar1.png) no-repeat center top;padding:4px 5px 0 5px; text-align:left;}
.tban .txt p.stxt{background:none; padding-top:0; margin-top:5px;}
.tban .txt .fa-map-marker,.fa-cubes{margin-bottom:20px;}
.tban .txt .board_bg1{padding: 30px 0; margin: 0 5px; background: #1e1e1f url(../img/mobile/b_img.jpg) no-repeat 100% 50%/cover}
.tban .txt .board_bg2{padding: 30px 0; margin: 0 5px; background: #1e1e1f url(../img/mobile/b_img2.jpg) no-repeat 100% 100%/cover}
.tban .txt .board_bg3{padding: 30px 0; margin: 0 5px; background: #1e1e1f url(../img/mobile/b_img3.jpg) no-repeat 100% 100%/cover}
.topban .col-xs-6{padding-top:5px;}
.tban .txt h2 img{  width:90%; height: auto;}

/*모바일-게시물추출부분*/
.mbbs{}
.bbs{background:#fff; border-top:1px solid #dedede; border-bottom:1px solid #dedede; margin-bottom:10px;}
.bbs .latest{position:relative; padding:15px 15px 17px 15px;}
.bbs .latest .more{position:absolute; top:22px; right:15px; padding:2px 5px ; border:1px solid #ededed; border-radius:3px; font-size:0.8em; color:#999;}
.bbs .latest h2{font-size:1.3em; font-weight:bold; color:#000; letter-spacing:-0.8px; margin-bottom:10px; background:url(../img/mobile/icon_menu01.png) no-repeat left center/30px auto; padding-left:35px; line-height:2em;}
.bbs .latest img{width:30%;}
.bbs .latest ul{margin-top:10px;}
.bbs .latest ul li{float:left; width:33.3333%; text-align:center; padding:5px;}
.bbs .latest ul li img{width:100%; height:auto;}
.bbs .latest ul li h3{font-weight:bold; margin:10px 0 5px 0; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; word-break:break-all; font-size:1.1em;}
.bbs .latest ul li p{color:#999; font-size:0.95em; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; word-break:break-all; }

/*모바일-탑텐부분 TOP10(공통)*/
.topten{background:#fff; border-top:1px solid #dedede; border-bottom:1px solid #dedede; margin-bottom:10px;}
.s1_topten{background:#fff;}
.s2_topten{background:#fff;}
.topten .topten_in{padding:20px 15px 17px 15px; position:relative;}
.s1_topten .topten_in{padding:20px 15px 17px 15px; position:relative;}
.s2_topten .topten_in{padding:20px 15px 17px 15px; position:relative;}
.topten_in .nav>li>a:link{background:#f4f4f4; border-radius:50px; padding:9px 11px; font-size:0.9em;}
.topten_in .nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover{border-radius:50px; background:#3b8de0;}
.topten_in .nav>li>a:focus, .nav>li>a:hover{border-radius:50px;}
.topten_in .ranking{position:absolute; right:10px; top:36px; font-size:0.9em; color:#7e7e7e;}
.topten_in .ranking .fa-bar-chart{color:#F30;}
.topten_in .topten_title{font-size:1.6em; font-weight:bold; color:#000; letter-spacing:-0.8px; margin-bottom:10px; 
                         background:url(../img/mobile/icon_menu01.png) no-repeat left center/30px auto; padding-left:35px; line-height:2em;}
						 						 
.topten_list{margin-top:20px}
.topten_list #room, .topten_list .room{height:auto; max-height:150px; border-bottom:1px solid #eaeaea; background:url(../img/mobile/arr_big.png) no-repeat 99% center/15px auto; padding:15px 0;}
.topten_list #room:after, .topten_list .room:after{display:block; content:""; clear:both;}
.topten_list #room:first-child, .topten_list .room:first-child{border-top:1px solid #eaeaea;}
.topten_list #room:last-child, .topten_list .room:last-child{border-bottom:none;}
.topten_list #room .thum, .topten_list .room .thum{display:inline-block; width:80px; height:80px; border:1px solid #777777; float:left;}
.topten_list #room .thum img, .topten_list .room .thum img{width:100%; height:auto;}
.topten_list #room .info, .topten_list .room .info{float:left; padding-left:20px; font-size:1em;}
.topten_list #room .info h2, .topten_list .room .info h2{font-size:1.2em; font-weight:bold; color:#000;}
.topten_list #room .info .add, .topten_list .room .info .add{color:#558da6; margin:5px 0 10px 0; /* 한 줄 자르기 */ display: inline-block; width: 200px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.topten_list #room .info span, .topten_list .room .info span{display:inline-block; padding:2px 4px; margin:0 7px 3px 0; font-size:0.95em; text-align:center; color:#4dbcd0; border-radius:2px; 
                              border:1px solid #4dbcd0; letter-spacing:-1px; font-weight:normal;}
.topten_list #room .info .hours, .topten_list .room .info .hours,.tel{letter-spacing:0.2px;}
.topten_list #room .info .tel .fa-phone-square, .topten_list .room .info .tel .fa-phone-square{color:#ffa200; font-size:1.5em;}
		 
#topten_list{margin-top:20px}
#topten_list #room, #topten_list .room{height:auto; max-height:150px; border-bottom:1px solid #eaeaea; background:url(../img/mobile/arr_big.png) no-repeat 99% center/15px auto; padding:15px 0;}
#topten_list #room:after, #topten_list .room:after{display:block; content:""; clear:both;}
#topten_list #room:first-child, #topten_list .room:first-child{border-top:1px solid #eaeaea;}
#topten_list #room:last-child, #topten_list .room:last-child{border-bottom:none;}
#topten_list #room .thum, #topten_list .room .thum{display:inline-block; width:80px; height:80px; border:1px solid #777777; float:left;}
#topten_list #room .thum img, #topten_list .room .thum img{width:100%; height:auto;}
#topten_list #room .info, #topten_list .room .info{float:left; padding-left:20px; font-size:1em; width:calc(100% - 100px); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
#topten_list #room .info h2, #topten_list .room .info h2{font-size:1.2em; font-weight:bold; color:#000;}
#topten_list #room .info .add, #topten_list .room .info .add{color:#558da6; margin:5px 0 10px 0; /* 한 줄 자르기 */ display: inline-block; width: 200px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
#topten_list #room .info span, #topten_list .room .info span{display:inline-block; padding:2px 4px; margin:0 7px 3px 0; font-size:0.95em; text-align:center; color:#4dbcd0; border-radius:2px; 
                              border:1px solid #4dbcd0; letter-spacing:-1px; font-weight:normal;}
#topten_list #room .info .hours, #topten_list .room .info .hours,.tel{letter-spacing:0.2px;}
#topten_list #room .info .tel .fa-phone-square, #topten_list .room .info .tel .fa-phone-square{color:#ffa200; font-size:1.5em;}
#topten_list #room .info .academy{border:1px solid #3bbbe0; background:#3bbbe0;margin:0 4px 3px 0; display:inline-block; border-radius:50px; color:#fff; padding:3px 6px;}



.rlist{margin-top:10px; font-size:1.3em; color:#36C}
.rlist.premium{}
.rlist.alliance{color:#7266b3}
.rlist.alliance_none{color:#7e7e7e}


/*연습실 지도나오는 부분*/
#s_search{}
#s_search .map_search{width:100%; height:300px;}
#s_search .r_list{width:100%; background:#3b8ddf; color:#fff; font-size:1.5em; padding:15px; margin:10px 0 0 0; position:relative;}
#s_search .r_list .grade{position:absolute; right:7px; top:7px;}
#s_search .r_list .grade .form-control{border:1px solid #039;}
#s_search .btn-default{padding:10px 12px; border-radius:0;}
.postsearch .fa.fa-search{position:absolute; right:10px; top:7px; font-size:1.8em; color: #39F}


/*연습실 썸네일갤러리*/
.gallery {width:100%; margin:0 auto;}
.gallery_img img{width:100%; height:auto;}
.gallery_thumb {overflow:hidden; /*height:80px;*/padding:2px;}
.gallery_thumb li {float:left; width:calc(20%); padding:3px;}
.gallery_thumb li img {width:100%; height:100%;}


/*연습실 상세설명*/
.v_view_wrap{background: linear-gradient(to right,#a5c9de,#a09fed);padding: 10px 0;}
.view_wrap{margin: 5px !important; border-radius: 10px;background: #fff;}
.view_info{}
.view_info.row{margin:0;}
.view_info .boxin{background:#FFF; padding:20px; margin-bottom:10px;}
.view_info .boxin:first-child{margin-top:10px;margin-bottom: 0;padding: 5px;}
.view_info .boxin .left_t{}
.view_info .boxin .left_t.col-xs-6{padding:0;}
.view_info .boxin .left_t p{margin-bottom:5px;}
.view_info .boxin .left_t p .with{display:inline-block; padding:3px 10px; margin:0 4px 3px 0; font-size:1em; text-align:center; color:#ccc; border-radius:50px; 
                              border:1px solid #ccc; letter-spacing:-1px; font-weight:normal;}
.view_info .boxin .left_t p .with.on{color:#fff; border:1px solid #e99006; background:#e99006;}
.view_info .boxin .left_t h2{font-size:1.5em; line-height:1.3em; float:left; margin-right:10px;}
.view_info .boxin .left_t .star{margin:10px 0 5px 0;}
.view_info .boxin .left_t .star .fa-star,.fa-star-half-o{color:#f15b5b}
.view_info .boxin .left_t .academy{border:1px solid #3bbbe0; background:#3bbbe0; margin:0 4px 3px 0; display:inline-block; border-radius:50px; color:#fff; padding:3px 6px;}

.view_info .boxin .r_info{/*margin-top:5px;*/}
.view_info .boxin .r_info.col-xs-6{padding-left:10px;}
.view_info .boxin .r_info .location{font-size:1.2em; font-weight:bold; color:#000; margin-bottom:10px;}
.view_info .boxin .r_info span{display:inline-block; padding:1px 3px; margin:0 4px 3px 0; font-size:0.85em; text-align:center; color:#4dbcd0; border-radius:2px; 
                              border:1px solid #4dbcd0; letter-spacing:-1px; font-weight:normal;}
.view_info .boxin .r_info .hours,.tel{letter-spacing:0px; position: absolute; right: 10px; top: 30px;}
.view_info .boxin .r_info .tel .fa-phone-square{color:#ffa200; font-size:1.5em;}
/*소개*/
.strapline{font-size:1.6em; border-bottom:1px solid #dedede; padding-bottom:15px; margin-bottom:15px;}
.con{color:#878787; line-height:1.6em;}
.room{}
.room li{padding:0;}
.room li.center{ text-align:center; /*background: #E6E6E6;*/}
.room .roomin{padding:10px; font-size:1.2em; border:1px solid #85baf0; background:#FFF; margin-bottom:10px; border-radius:3px;}
.room .roomin:last-child{margin-bottom:0;}
.room .roomin .number{color:#F30; float:right;}
.room .roomin .price{font-size:1.2em; color:#15b1d2; float:right;} 


/*옵션,시설*/
.view_info .boxin .option{}
.view_info .boxin .option:after{display:block; content:""; clear:both;}
.view_info .boxin .option li{float:left; margin:0 3px 3px 0; border:1px solid #e5e5e5; width:18.7%; padding:8px 5px; text-align:center; border-radius:4px;}
.view_info .boxin .option li.on{ border:1px solid #3d9fea;}
.view_info .boxin .option li img{width:22px; height:auto;} 
.view_info .boxin .option li p{font-size:0.75em; line-height:1em; color:#b3b3b3; margin-top:5px; letter-spacing:-1px;}
.view_info .boxin .option li.on p{color:#5aaff0}
/*리뷰 및 평점*/
#review_list{margin-top:20px}
#review_list .review{height:auto; max-height:150px; border-bottom:1px solid #eaeaea; padding:15px 0;}
#review_list .review:after{display:block; content:""; clear:both;}
#review_list .review:first-child{}
#review_list .review:last-child{border-bottom:none;}
#review_list .review .thum{display:inline-block; width:20%; overflow:hidden; width:50px; height:50px; border:1px solid #dadada; float:left; border-radius:50px; margin-right:5px;}
#review_list .review .thum img{width:100%; height:100%;}
#review_list .review .info{float:left; width:80%; padding-left:12px; font-size:1em;}
#review_list .review .info .nickname{font-size:1.25em; font-weight:bold; color:#000; display:inline-block; }
#review_list .review .info .star{margin:5px 0;}
#review_list .review .info .con{white-space:nowrap; text-overflow:ellipsis; overflow:hidden; word-break:break-all;}
#review_list .review .info .w_date{color:#b1b1b1; display:inline-block; margin-left:5px;}
#review_list .fa-star, #review_list .fa-star-o, #review_list .fa-star-half-o, .star .fa-star-half-o, .star .fa-star, .star .fa-star-o { color:#f15b5b }

#review_wirte .agree-text { background:#FFF !important; width:100% !important; padding:10px !important; border-top-left-radius:4px; border-top-right-radius:4px; margin-bottom:0 !important; height:100px;border:1px solid #e9e9e9;}
#review_wirte .star-txt { font-size:1.45em; color:#777; line-height:3em; }
#review_wirte .number{color:#F30; font-size:1.65em; line-height:3em; }
/*2017-07-04*/
/*메인-고객센터*/
#cusbox{/*background:#6b7784;*/background:#c2c4c9; height:auto; color:#fff; text-align:center; /*padding:10px 0 10px 0;*/}
#cusbox p{width:40px; height:auto; margin:0 auto; padding:8px 0 10px 0;}
#cusbox p img{width:100%; height:auto;display:inline-block;}
#cusbox h3{font-size:1.3em; font-weight:bold; letter-spacing:-0.8px; line-height:2em;}
#cusbox h2{font-size:2.2em; font-weight:bold; font-family:Tahoma, Geneva, sans-serif; color:#fff9b2;}
#cusbox .con{padding:10px 0; line-height:1.4em; color:rgba(255,255,255,0.7)}
#cusbox .gogo {padding:10px;}
#cusbox .gogo a{display:block; background:#353d52; padding:10px 0; color:#fff;}
#cusbox .gogo .col-xs-4{padding-right:1px; padding-left:1px}

/* 하단 레이아웃 */
#ft{background:#202326;/*margin-bottom:60px;*/ position:relative;}
#ft_copy {text-align:center; color:rgba(255,255,255,0.7); font-size:0.9em; line-height:2.5em;}

/*앱버텀아이콘*/
.ap_bottom{background:#FFAE00; position:fixed; bottom:0; width:100%; z-index:1001}
.ap_bottom .row{margin:0;}
.ap_bottom li{border-right:1px solid #fff;text-align:center;}
.ap_bottom li:last-child{border-right:none;}
.ap_bottom li a{display:block; color:#fff; padding:10px 0; font-size:1.4em;}

/*브라우저 상하단이동버튼*/
#gobtn{position:fixed; display:block; right:10px; bottom:45px; display:none; z-index:9999;}
.goHd, .goFt{width:30px; height:30px; background:rgba(255, 255, 255, 0.6); z-index:9999; text-indent:-9999px; border:1px solid #858585; position:relative;
	  transition:all 0.5s; box-shadow:0px 0px 3px RGBA(0, 0, 0, 0.3); border-radius:50px; display:block; margin-bottom:3px;}
.goHd span{position:absolute; top:60%; left:9px; display:block; width:10px; height:10px; border-left:2px solid #666; border-top:2px solid #666; border-radius:2px;
    transform:translateY(-50%) rotate(45deg);}
.goFt span{position:absolute; top:40%; left:9px; display:block; width:10px; height:10px; border-left:2px solid #666; border-top:2px solid #666; border-radius:2px;
    transform:translateY(-50%) rotate(-135deg);}
.goHd:hover, .goFt:hover{background:#ffb400; border:1px solid #ffb400}
.goHd:hover span, .goFt:hover span{border-left:2px solid #FFF; border-top:2px solid #FFF;}



















/* 게시물 선택복사 선택이동 */
#copymove {}
.copymove_current {float:right;color:#ff3061}
.copymove_currentbg {background:#f4f4f4}

/* 화면낭독기 사용자용 */
#hd_login_msg {position:absolute;top:0;left:0;width:0;height:0;overflow:hidden}
.msg_sound_only, .sound_only {display:inline-block;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;width:1px !important;height:1px !important;font-size:0 !important;line-height:0 !important;overflow:hidden}

/* 본문 바로가기 */
.to_content a {z-index:100000;position:absolute;top:0;left:0;width:0;height:0;font-size:0;line-height:0;overflow:hidden}

/* 이미지 등비율 리사이징 */
.img_fix {width:100%;height:auto}

/* 캡챠 자동등록(입력)방지 기본 - PC */
#captcha {display:inline-block;position:relative;}
#captcha legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden;font-size:0}
#captcha audio {display:block;margin:0 0 5px;width:187px}
#captcha #captcha_img {width:160px;height:60px;border:1px solid #e9e9e9;margin-bottom:3px;margin-right:32px;vertical-align:top}
#captcha #captcha_reload {position:absolute;top:31px;left:161px;width:31px;height:31px;background:url('../../../img/captcha.png') no-repeat  0 -30px;border:none;border-top:1px solid #ccc;overflow:hidden;cursor:pointer;text-indent:-9999px;}
#captcha #captcha_key {margin:0;padding:0 5px;width:70px;height:60px;border:1px solid #b8c9c2;background:#f7f7f7;font-size:1.333em;font-weight:bold;text-align:center;line-height:2.8em;vertical-align:top}
#captcha #captcha_info {display:block;margin:5px 0 0;font-size:0.95em;letter-spacing:-0.1em}
#captcha #captcha_mp3 {position:absolute;top:0;left:161px;width:31px;height:31px;background:url('../../../img/captcha.png') no-repeat; vertical-align:top;overflow:hidden;cursor:pointer;text-indent:-9999px;border:none}

/* 캡챠 자동등록(입력)방지 기본 - mobile */
#captcha.m_captcha legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden;font-size:0}
#captcha.m_captcha audio {display:block;margin:0 0 5px;width:187px}
#captcha.m_captcha #captcha_img {width:160px;height:60px;border:1px solid #e9e9e9;margin-bottom:3px;display:block;}
#captcha.m_captcha #captcha_reload {width:31px;height:31px;background:url('../../../img/captcha.png') no-repeat  0 -30px;border:none;overflow:hidden;cursor:pointer;text-indent:-9999px;position:static}
#captcha.m_captcha #captcha_key {margin:0;padding:0 5px;width:115px;height:29px;border:1px solid #b8c9c2;background:#f7f7f7;font-size:1.333em;font-weight:bold;text-align:center;line-height:29px;margin-left:3px}
#captcha.m_captcha #captcha_info {display:block;margin:5px 0 0;font-size:0.95em;letter-spacing:-0.1em}
#captcha.m_captcha #captcha_mp3 {width:31px;height:31px;background:url('../../../img/captcha.png') no-repeat; vertical-align:top;overflow:hidden;cursor:pointer;text-indent:-9999px;border:none}


/*단축키일람 */
.btn_cke_sc{background:#333;color:#fff;padding:5px;border:none;margin-bottom:5px}
.cke_sc_def {margin:0 0 5px;padding:10px;border:1px solid #ccc;background:#f7f7f7;text-align:center}
.cke_sc_def dl{margin:0 0 5px;text-align:left;zoom:1}
.cke_sc_def dl:after {display:block;visibility:hidden;clear:both;content:""}
.cke_sc_def dt, .cke_sc_def dd {float:left;margin:0;padding:5px 0;border-bottom:1px solid #e9e9e9}
.cke_sc_def dt {width:50%;font-weight:bold}
.cke_sc_def dd {width:50%}
.btn_cke_sc_close{background:#333;padding:5px;border:none;color:#fff}

/* 버튼 */
a.btn01 {display:inline-block;padding:8px 7px 7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;vertical-align:middle}
a.btn01:focus, a.btn01:hover {text-decoration:none}
button.btn01 {display:inline-block;margin:0;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none}
a.btn02 {display:inline-block;padding:8px 7px 7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none;vertical-align:middle}
a.btn02:focus, .btn02:hover {text-decoration:none}
button.btn02 {display:inline-block;margin:0;padding:7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none}

.btn_confirm {text-align:center} /* 서식단계 진행 */

.btn_submit {padding:8px;border:0;background:#ff3061;color:#fff;letter-spacing:-0.1em}
fieldset .btn_submit {padding:0 7px;height:24px;line-height:1em}

a.btn_cancel {display:inline-block;padding:8px 7px 7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;vertical-align:middle}
button.btn_cancel {display:inline-block;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;vertical-align:top;text-decoration:none}

a.btn_frmline, button.btn_frmline {display:inline-block;padding:0 5px;height:1.9em;border:0;background:#333;color:#fff;letter-spacing:-0.1em;text-decoration:none;vertical-align:top;line-height:1.9em} /* 우편번호검색버튼 등 */
button.btn_frmline {font-size:1em}

/* 게시판용 버튼 */
a.btn_b01 {display:inline-block;margin:0 0 3px;padding:8px 14px 8px 12px;color:#fff;text-decoration:none;vertical-align:middle; border-radius: 25px;}
a.btn_b01:focus, .btn_b01:hover {text-decoration:none}
a.btn_b02 {display:inline-block;margin:0 0 3px;padding:8px 7px 7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none;vertical-align:middle}
a.btn_b02:focus, .btn_b02:hover {text-decoration:none}
a.btn_admin {display:inline-block;margin:0 0 3px;padding:8px 7px 7px;border:1px solid #000;background:#000;color:#fff;text-decoration:none;vertical-align:middle} /* 관리자 전용 버튼 */
a.btn_admin:focus, a.btn_admin:hover {text-decoration:none}

/* 댓글 스타일 */
.cnt_cmt {display:inline-block;margin:0 0 0 3px;font-weight:bold}

/* 기본테이블 */
.tbl_wrap {margin:0 10px 10px}
.tbl_wrap table {width:100%;border-collapse:collapse;border-spacing:0}
.tbl_wrap caption {padding:10px 0;color:#4b8b99;font-weight:bold;text-align:left}

.tbl_head01 {}
.tbl_head01 caption {padding:0 0 10px;color:#777;text-align:left}
.tbl_head01 thead th {padding:12px 0;border-top:1px solid #d1dee2;border-bottom:1px solid #d1dee2;background:#e5ecef;color:#383838;font-size:0.95em;text-align:center;letter-spacing:-0.1em}
.tbl_head01 thead a {color:#383838}
.tbl_head01 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head01 tfoot th {border-top:1px solid #666;border-bottom:1px solid #666;background:#484848;color:#fff}
.tbl_head01 tfoot td {border-color:#666;background:#484848;color:#fff;font-weight:bold;text-align:center}
.tbl_head01 tbody th {padding:5px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9}
.tbl_head01 td {padding:5px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;line-height:1.5em;word-break:break-all}

.tbl_head02 {}
.tbl_head02 caption {padding:0 0 ;color:#777;text-align:left}
.tbl_head02 thead th {padding:5px 0;border-top:1px solid #d1dee2;border-bottom:1px solid #d1dee2;background:#e5ecef;color:#383838;font-size:0.95em;text-align:center;letter-spacing:-0.1em}
.tbl_head02 thead a {color:#383838}
.tbl_head02 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head02 tfoot th {border-top:1px solid #666;border-bottom:1px solid #666;background:#484848;color:#fff}
.tbl_head02 tfoot td {border-color:#666;background:#484848;color:#fff;font-weight:bold;text-align:center}
.tbl_head02 tbody th {padding:5px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9}
.tbl_head02 td {padding:5px 3px;line-height:1.4em;word-break:break-all}

/* 폼 테이블 */
.tbl_frm01 {}
.tbl_frm01 th {padding:10px 0;width:90px;border:1px solid #e9e9e9;border-left:0;text-align:left}
.tbl_frm01 td {padding:10px 5px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:transparent}
.tbl_frm01 textarea, .frm_input {border:1px solid #e4eaec;background:#f7f7f7;vertical-align:middle;line-height:1.8em;-webkit-appearance:none}
.tbl_frm01 textarea {width:100%;height:100px}
.tbl_frm01 a {text-decoration:none}
.tbl_frm01 .frm_file {display:block;margin-bottom:5px;width:100%}
.tbl_frm01 .frm_info {display:block;padding:5px 0 0;color:#666;line-height:1.3em}

/* 자료 없는 목록 */
.empty_table {padding:20px 0 !important;text-align:center}
.empty_list {padding:20px 0 !important;text-align:center}

/* 필수입력 */
/*
.required, textarea.required {background:url('../img/wrest.gif') #f7f7f7 top right no-repeat !important}
*/

/* 테이블 항목별 정의 */
.td_board {width:120px;text-align:center}
.td_category {width:80px;text-align:center}
.td_chk {width:30px;text-align:center}
.td_date {width:60px;text-align:center}
.td_datetime {width:150px;text-align:center}
.td_group {width:100px;text-align:center}
.td_mb_id {width:100px;text-align:center}
.td_mng {width:80px;text-align:center}
.td_name {width:100px;text-align:left}
.td_nick {width:100px;text-align:center}
.td_num {width:50px;text-align:center}
.td_numbig {width:80px;text-align:center}
.td_stat {width:60px;text-align:center}

.txt_active {color:#5d910b}
.txt_done {color:#e8180c}
.txt_expired {color:#ccc}
.txt_rdy {color:#8abc2a}

/* 새창 기본 스타일 */
.new_win {}
.new_win #win_title {margin:0 0 20px;padding:20px;border-top:3px solid #4e5d60;border-bottom:1px solid #e9e9e9;font-size:1.2em}
.new_win #win_title .sv {font-size:0.75em;line-height:1.2em}
.new_win .tbl_wrap {margin:0 20px}
.new_win .win_ul {margin:-20px 0 20px 0;padding:0 20px;border-bottom:1px solid #455255;background:#484848;list-style:none}
.new_win .win_ul:after {display:block;visibility:hidden;clear:both;content:""}
.new_win .win_ul li {float:left;margin-left:-1px}
.new_win .win_ul a {display:block;padding:10px;border-right:1px solid #455255;border-left:1px solid #455255;color:#fff;font-weight:bold;text-decoration:none}
.new_win .win_desc {padding:10px 20px}

.new_win .win_btn {clear:both;margin:20px;text-align:center}
.new_win .win_btn a {display:inline-block;padding:0 10px;height:2.5em;background:#666;color:#fff;text-decoration:none;vertical-align:middle;line-height:2.5em}
.new_win .win_btn button {display:inline-block;padding:0 10px;height:2.5em;border:0;background:#666;color:#fff;text-decoration:none;line-height:2.5em}
.new_win .win_btn input {padding:0 10px;height:2.5em;line-height:2.5em}

/* 검색결과 색상 */
.sch_word {color:#ff3061}

/* 사이드뷰 */
.sv_wrap {display:inline-block;position:relative;font-weight:normal}
.sv_wrap .sv {z-index:1000;display:none;margin:5px 0 0;border:1px solid #283646}
.sv_wrap .sv a {display:inline-block;margin:0;padding:3px;width:94px;border-bottom:1px solid #283646;background:#111;color:#fff !important}
.sv_wrap a:focus, .sv_wrap a:hover, .sv_wrap a:active {text-decoration:none}
.sv_on {display:block !important;position:absolute;top:10px;left:20px;width:auto;height:auto}
.sv_nojs .sv {display:block}

/* 페이징 */
.pg_wrap {clear:both;margin:0 0 20px;padding:20px 0 0;text-align:center}
.pg {}
.pg_page, .pg_current {display:inline-block;padding:0 8px;height:25px;color:#000;letter-spacing:0;line-height:2.2em;vertical-align:middle}
.pg a:focus, .pg a:hover {text-decoration:none}
.pg_page {background:#e4eaec;text-decoration:none}
.pg_start, .pg_prev {/* 이전 */}
.pg_end, .pg_next {/* 다음 */}
.pg_current {display:inline-block;margin:0 4px 0 0;background:#333;color:#fff;font-weight:normal}

/* PC화면으로 */
#device_change {display:block;margin:5px;padding:5px 0;border:1px solid #eee;border-radius:2em;color:#000;font-size:1em;text-decoration:none;text-align:center}

/* 해쉬 클래스 */
.hash { overflow-y: scroll; width:100%; height:100%; z-index:102 }
.hash .bg { position:fixed; width:100%; height:100%; z-index: 101; background:#000; opacity: 0.5}
.hash .bg-left { position:fixed; top:0; left:-100%; transition: transform .3s ease; transform : translateX(0); }
.hash .bg-transform-left { transition: transform .3s ease; transform : translateX(100%); }
.hash .bg-right { position:fixed; top:0; left:0; transition: transform .3s ease; transform : translateX(100%); }
.hash .bg-transform-right { transition: transform .3s ease; transform : translateX(0); }

.hash-left { position:fixed; top:0; left:-100%; transition: transform .3s ease; transform : translateX(0); }
.transform-left { transition: transform .3s ease; transform : translateX(100%); }

.hash-right { position:fixed; top:0; left:100%; transition: transform .3s ease; transform : translateX(0);  }
.transform-right { transition: transform .3s ease; transform : translateX(-100%); }
.hash-top { position:fixed; top:0; left:0; transition: transform .3s ease; transform : translateY(-100%);  }
.transform-top { transition: transform .3s ease; transform : translateY(0); }
.hash-bottom { position:fixed; bottom:0; left:0; transition: transform .3s ease; transform : translateY(100%);  }
.transform-bottom { transition: transform .3s ease; transform : translateY(-100%); }
.hash-fade { position:fixed; top:0; left:100%; width:0; height:0; transition: opacity .3s ease-in-out; opacity:0;  }
.transform-fade { opacity:1; width:100%; height:100%; left:0; transition: opacity .3s ease; }

.side1{ position:absolute; width:300px; height:100%; background:#333; z-index:102;    overflow: auto;}
.side1 .icons{position:absolute; right:10px; top:10px}
.side1 .icons a{margin:5px; color:#fff;}
.side1 .icons a:hover{color:#fff;}
.side1 .icons .fa-home{font-size:2em;}
.side1 .icons .fa-cog{font-size:2em;}
.side1 .icons .fa-times{font-size:2.1em;}

/* 인풋 클래스*/
.regist-input { width:100%; background:#FFF !important; border:none; color:#333; padding:10px; font-size:1.25em; }
.regist-input2{ width:100%; background:#FFF !important; border:1px solid #e6e6e6; color:#333; padding:10px; font-size:1.25em; border-radius:3px; }
#bo_sch select, select#ca_name{border:1px solid #e6e6e6;    border-radius: 20px; }
.frm-input { background:#FAFAFA; border:1px solid #D6D6D6; color:#333; font-weight:bold; padding:10px; font-size:1.25em; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
::-webkit-input-placeholder { color: #858585; }
::-moz-placeholder { color: #858585; }
:-ms-input-placeholder { color: #858585; }
:-moz-placeholder { color: #858585; }

/* 회원가입 및 거의 모든 곳에 들어갈 박스 스타일 */	
.box-article { width:100%; }
.box-article a{ color:#193366; font-size:1.1em;}
.box-article .box-body { border-bottom:1px solid #eaeaea; border-top:1px solid #eaeaea; background:#FFF; padding:20px; margin-bottom:10px; }
.box-article .box-body:first-child { /*margin-top:5px;*/ }
.box-article .box-title { font-size:1.25em; font-weight:bold; margin-bottom:10px; }
.box-article .box-body .box-contitle { font-size:1.4em; border-bottom:1px solid #dedede; padding-bottom:15px; margin-bottom:15px; }
.box-article .box-body .box-content { }
.box-article .box-body .box-content div { padding:0; }
.box-article .box-body .box-content label { display:none; }
.box-article .box-body .box-content .box-explain { line-height:32px; padding-right:5px; color:#777; } 
.box-article .agree-text { background:#FFF !important; width:100% !important; padding:10px !important; border-top-left-radius:4px; border-top-right-radius:4px; margin-bottom:0 !important; height:150px;border:1px solid #e9e9e9;}
.box-article .agree-label { background:#FFF !important; width:100% !important; padding:10px 10px 8px 10px !important; border-bottom-left-radius:4px; border-bottom-right-radius:4px; border: 1px solid #e9e9e9; border-top:0; color:#777; margin-top:-5px;}
.box-article .agree-label input[type=checkbox] { margin-top:-4px; }

.box-article .box-body .option{}
.box-article .box-body .option:after{display:block; content:""; clear:both;}
.box-article .box-body .option li{float:left; margin-right:4px; border:1px solid #e5e5e5; width:18%; padding:8px 5px; text-align:center; border-radius:4px;}
.box-article .box-body .option li.on{ border:1px solid #3d9fea;}
.box-article .box-body .option li img{width:22px; height:auto;} 
.box-article .box-body .option li p{font-size:0.75em; line-height:1em; color:#b3b3b3; margin-top:5px;}
.box-article .box-body .option li.on p{color:#5aaff0}

.bt_btn{padding:10px;}
.bt_btn .col-xs-6 a{display:block; background:#32adec; padding:10px 0; color:#fff; font-size:1.3em;}
.bt_btn .col-xs-6{padding-right:1px; padding-left:1px;  text-align:center;}



.login_sns{ text-align:center;}
.smt-default {background:#7a8194; padding:10px 10px 2px 10px; font-size:1.1em; color:#fff;text-align:center; border:1px solid #7a8194; border-radius:4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
.smt-default:hover {background:#626777; }
.smt-default.left{margin-right:4px;}
.smt-default.right{margin-left:4px;}
.smt-kakao {}
.smt-kakao:hover {background:#edd900;}

.smt-naver {}
.smt-naver:hover { background:#2ab11f;}

.smt-facebook {}
.smt-facebook:hover { background:#466bc1;}

.btn-large { width:100%; padding:10px; font-weight:bold; }

.check-box { width:calc(100% - 10px); padding:10px !important; margin:5px !important; border:1px solid #e9e9e9; background:#f6f6f6; color:#777; border-radius:4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;}
.check-on { border:1px solid #3d9fea; color:#3d9fea; }
.box-bottom { border-bottom:1px solid #e9e9e9; }

#mb_ca { padding-top:5px !important; }

#thumb_preview { width:100%; text-align:center;  }
#thumb_preview img { max-width: 100%; }

.reg_profile { padding:10px !important; border:1px solid #E9E9E9; border-radius:4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
.reg_pro_on { border:1px solid #3d9fea; }
.reg_profile .reg_thum { display:inline-block; width:20%; overflow:hidden; width:50px; height:50px; border:1px solid #dadada; border-radius:50px; margin-right:5px;}
.reg_profile .reg_thum img { width:100%; height:100%; }


#bo_report{ position:absolute; width:80%; height:80%; background:#fff; border:1px solid #E9E9E9; overflow:auto; z-index:102; top:10%; left:10%; border-radius:4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;}


/*창 띄우기*/
.well{position:relative;}
.well.center{text-align:center;}
.well .title{font-size:1.5em; font-weight:bold; margin-bottom:15px;}
.well .close{position:absolute; right:7px; top:10px; opacity:0.9; color:#12457e;}
.well .fa-times-circle{font-size:1.5em;}
.well .con{font-size:1.1em;}
.well .con .care{background:#ff5730; border-radius:50px; margin-right:5px; display:block; color:#fff; padding:1px 8px; width:50px; text-align:center; margin:10px 0 4px 0;}
.well .practice_pop{}
.well .practice_pop p.ques{padding:10px 0 30px 0; font-size:1.5em;}
.well .practice_pop p.ques2{font-size:1.2em;}


/*페이지 - 악보제작의뢰하기*/
#request{background:#fff; text-align:center;}
#request .title{font-size:1.22em; color:#000; padding:12px 0; border-bottom:1px dotted #06C; border-top:1px dotted #06C; margin:8px;font-weight:bold;  }
#request .logo{margin:15px 0;}
#request .logo img{width:90px; height:auto;}
#request .list{padding:10px;}
#request .list p{background:#6aa3d4; border-radius:70px; width:70px; height:70px; text-align:center; margin:10px auto; padding-top:20px;}
#request .list p img{width:30px; height:auto;}
#request .list h3{font-size:1.45em; font-weight:bold; color:#3b8de0; line-height:2em;}
#request .list .txt{font-size:1.1em; color:#6d6d6d; margin-bottom:50px; margin-top:10px}
#request .list .txt.last{margin-bottom:20px; }
#request .request_in img{width:100%; height:auto;}
#request .request_in .gobtn{display:block; padding:10px ; background:#00a7cb; color:#fff; text-align:center; font-size:1.3em;}

.box_subcon { float:right; font-size:0.65em; text-align:right; }
#ca_tabs { width:100%; padding: 5px 8px; }
#swiper-jtabs dd{padding:6px 0; text-align:center; font-weight:bold; border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; z-index: 100; }
#swiper-jtabs dd.on { color:#EE2D24; background:#FFF; }
#swiper-tab .swiper-slide { background:#FFF; padding:5px;border-radius: 0 0 5px 5px; }
#swiper-tab .swiper-slide ul li { padding:3px 0;}
#swiper-tab .swiper-slide ul li .p-img { margin:0 3px; padding-bottom:5px; background:rgba(0,0,0,0.8); text-align:center; color:#666; border:1px solid #ddd; }
#swiper-tab .swiper-slide ul li .p-img span { display:inline-block; width:100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#swiper-tab .swiper-slide ul li .p-txt { padding:5px 0; text-align:center; font-weight:bold; font-size:1.1em;}

#swiper-tab .swiper-slide img{margin-bottom:5px;}
.swiper-container{}




/*로그인후회원정보입력페이지*/
.m_input_title{width: 100%; height: 55px; text-align: center;}
.m_input_title img{width: 100px;height: auto;margin: 18px;}
.m_input_bo {text-align: center;}
.m_input_bo img{width: 70px;height: auto;margin:30px 0 10px;  }
.m_input_bo .gender img{width: 25px; margin: 16px;}
.m_input_bo .gender .a{background: #333;float: left; width: 70px;height: 70px;border-radius: 40px;margin: 5px;}
.m_input_bo .gender .a_on{background: #be257a;float: left; width: 70px;height: 70px;border-radius: 40px;margin: 5px;}
.m_input_bo .gender .b{background: #333;float: left; width: 70px;height: 70px;border-radius: 40px;margin: 5px;}
.m_input_bo .gender .b_on{float: left; width: 70px;height: 70px;border-radius: 40px;margin: 5px;}
.m_input_bo .age .c{background: #333; float: left; width: 55px;height: 55px;border-radius: 40px; color: #fff; margin: 3px;  padding: 17px 0;font-size: 1.2em;}
.m_input_bo .age .c_on{background: #5675b6; float: left; width: 55px;height: 55px;border-radius: 40px; color: #fff; margin: 3px;  padding: 17px 0;font-size: 1.2em;}
.gender {padding:5px;width: 180px;height: 125px;    margin: 0px auto; border-bottom:1px solid #b8b8b8;}
.age {padding: 5px; width: 315px;height: 100px; margin: 5px auto;}
.m_check {background: #243f77; width: 160px; padding: 10px; color: #fff;font-size: 1.2em; margin: 0 auto; border-radius: 5px;}

#pjax_contanier { position:fixed; top:0; width:100%; height:100%; z-index:104; overflow-y:scroll; transition: transform .1s ease; transform : translateX(100%); background:#FFF;}
#pjax_contanier.visibled { left:0; transition: transform .3s ease; transform : translateX(0) }

#pjax_view { position:fixed; top:0; width:100%; height:100%; z-index:104; overflow-y:scroll; transition: transform .1s ease; transform : translateX(100%); background:#FFF;}
#pjax_view.visibled { left:0; transition: transform .3s ease; transform : translateX(0) }

#pjax_loading, #login_loading { position:relative; display:none;  }
#pjax_loading .loading-background, #login_loading .loading-background{ position:fixed; top:0; left:0; width:100%; height:100%; z-index:105; background:#000; opacity:0.5;}

#pjax_loading .loading, #login_loading .loading {
	position: absolute; width: 100px; height: 100px; border-radius: 100%;
	top:calc(50% - 50px); left:calc(50% - 50px);
	border: 4px solid transparent;
	border-color: transparent #fff transparent #FFF;
	-moz-animation: rotate-loading 1.5s linear 0s infinite normal;
	-moz-transform-origin: 50% 50%;
	-o-animation: rotate-loading 1.5s linear 0s infinite normal;
	-o-transform-origin: 50% 50%;
	-webkit-animation: rotate-loading 1.5s linear 0s infinite normal;
	-webkit-transform-origin: 50% 50%;
	animation: rotate-loading 1.5s linear 0s infinite normal;
	transform-origin: 50% 50%;
}

#pjax_loading .loading-text, #login_loading .loading-text {
	position:absolute; width: 100px; 
	top:calc(50% - 8px); left:calc(50% - 50px);
	-moz-animation: loading-text-opacity 2s linear 0s infinite normal;
	-o-animation: loading-text-opacity 2s linear 0s infinite normal;
	-webkit-animation: loading-text-opacity 2s linear 0s infinite normal;
	animation: loading-text-opacity 2s linear 0s infinite normal;
	color: #ffffff;
	font-family: "Helvetica Neue, "Helvetica", ""arial";
	font-size: 14px;
	font-weight: bold;
	position: absolute;
	text-align: center;
	text-transform: uppercase;
}

/** BEGIN CSS **/
@keyframes rotate-loading {
	0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
	100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
}

@-moz-keyframes rotate-loading {
	0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
	100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
}

@-webkit-keyframes rotate-loading {
	0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
	100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
}

@-o-keyframes rotate-loading {
	0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
	100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
}

@keyframes rotate-loading {
	0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
	100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
}

@-moz-keyframes rotate-loading {
	0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
	100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
}

@-webkit-keyframes rotate-loading {
	0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
	100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
}

@-o-keyframes rotate-loading {
	0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
	100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
}

@keyframes loading-text-opacity {
	0%  {opacity: 0}
	20% {opacity: 0}
	50% {opacity: 1}
	100%{opacity: 0}
}

@-moz-keyframes loading-text-opacity {
	0%  {opacity: 0}
	20% {opacity: 0}
	50% {opacity: 1}
	100%{opacity: 0}
}

@-webkit-keyframes loading-text-opacity {
	0%  {opacity: 0}
	20% {opacity: 0}
	50% {opacity: 1}
	100%{opacity: 0}
}

@-o-keyframes loading-text-opacity {
	0%  {opacity: 0}
	20% {opacity: 0}
	50% {opacity: 1}
	100%{opacity: 0}
}

#search_icon { position:fixed; right:10px; top:14px; z-index:105; }
#search_txt { position:fixed; left:0; top:-55px; width:100%; z-index:105; transition: opacity .1s ease-in, transform .3s ease-in; transform : translateY(-110px); opacity:0; }
#search_txt.search_on { transition: opacity .3s ease-in-out, transform .1s ease-in-out; transform : translateY(110px); opacity:1;  }
#search_txt.search_on img{width:25px;}
#search_txt dl{ padding:12px; }

.search-btn { width:100%; border:1px solid #DBDBDB; padding:4px 5px; }


/*메인*/
#main_ad{padding:10px 8px;}
#main_ad .row{margin:0;}
#main_ad a{display:block; border:1px solid #F2625B; padding:15px 10px;}
#main_ad .img{padding:0;}
#main_ad .img img{width:100%; height:auto;}
#main_ad .txt{padding:6px 15px; color:#fff;}

.latest-bbs{background:#fff; margin-bottom:5px; border-radius:5px;}
#search_icons{height:25px; display:none;}

.slide_empty { padding:20px 0; text-align:center;}
#rolling_mtab { padding:0; height:150px; }

#my_csgold { position:absolute; top:8px; right:15px; }
#my_csgold dl dd { font-size:0.5em; font-weight:bold; text-align:right; }
#my_csgold dl dd span{font-size:1em; display:inline-block; margin-bottom:2px;}
#my_csgold dl dd p{ font-size:1.25em; color:#FFC000; }

#my_petition{position:absolute;top: 18px;right:15px;}
#my_petition a{background:#eee; border-radius:4px; padding:4px 6px 6px; font-weight: 600; line-height:1em; color: #64A05A;}


.btn-set{text-align:right;}
.btn-set li{display:inline-block;}
.btn-set a{border:0 !important; padding:5px !important;}

.idx-slg-text{padding:20px 10px; color:#fff; font-size:1.3em; background:url(../img/mobile/grad.jpg) no-repeat 0 0/100% 100%; background:#fff;}
.idx-slg-text dd{padding:5px 0; border-bottom:1px solid #ddd;}
.idx-slg-text h3{font-size:1.1em; font-weight:600; color:#ffae00;}

.box-row{ border-top:1px solid #F2625B; border-left:1px solid #F2625B;}
.box-row dl dd:nth-child(odd){ background:#A6A6A6;}
.box-row dl dd:nth-child(even){ background:#D99694;}
.box-row dl dd a{color:#fff; font-weight:600;}
.col-20 { width:20%; float:left; text-align:center;/* border-bottom:1px solid #F2625B; border-right:1px solid #F2625B;*/ padding:10px 0;}
.col-100 { padding:10px; /*border-bottom:1px solid #F2625B; border-right:1px solid #F2625B; border-left:1px solid #F2625B;*/}


.g-list{background:url(../img/mobile/grad.jpg) no-repeat 95% 0px/63% 100%;}
.g-list a{color:#333; font-size:1.2em;}
.g-list li{border-bottom:1px solid #ddd;}


/* 메인 내정보등록 리스트 - 190220 디자인추가 */
.my_list{overflow:hidden; padding:0 8px;}
.my_list ul{padding:5px 0; white-space:nowrap; overflow-y:auto;}
.my_list ul:after{content:""; display:block; clear:both;}
.my_list li{display:inline-block; padding-right:5px; white-space:nowrap;}
.my_list li:last-child{padding-right:0;}
.my_list li a{display:block; margin:0px auto; width:80px; height:80px; line-height:60px; border-radius:50%; overflow:hidden; 
			  text-align:center; color:#fff; border:1px solid rgba(255,255,255,0.5); font-size:11px;}
.my_list li a img{width:100%; height:100%;}


/* 메인 바로가기 링크 */
.idx_link{text-align:center; width:calc(100% - 10px); margin:0 auto 10px auto;}
.idx_link ul:after{content:""; display:block; clear:both;}
.idx_link li{float:left; width:20%;}
.idx_link a{display:block; color:#fff; padding:5px 3px;}
.idx_link li:nth-child(1) a{background:#9BBB59;}
.idx_link li:nth-child(2) a{background:#D99694;}
.idx_link li:nth-child(3) a{background:#8EB4E3;}
.idx_link li:nth-child(4) a{background:#FFC000;}
.idx_link li:nth-child(5) a{background:#C4BD97;}


#idx_ft_text{ background:#D9D9D9; text-align:center; padding:30px 0; font-size:1.2em;}
#idx_ft_text h2{ font-size:1.8em; margin-bottom:10px; font-weight:600;}
#idx_ft_text p{ font-size:1.1em;}
#idx_ft_text span{}



/* 공유하기 */
#share_dialog { padding:17px 17px; }
#share_dialog .modal-point { top:100px }
#share_dialog a { display:inline-block; padding:3px 2px; width:calc(25% - 3px)}
#share_dialog img { width:100%;  }
.modal-point{color:#333; padding:20px;}
a.ft_share{ position:absolute; right:0; bottom:0; display:inline-block; padding:; line-height:2.5em; padding:0 15px; color:#FFE400;}


#mall_latest{padding:30px;}
#mall_latest ul:after{content:""; display:block; clear:both;}
#mall_latest li{float:left; width:50%; margin-bottom:10px; padding:3px;}
#mall_latest li img{width:100%; height:auto; border:1px solid #ddd;}
#mall_latest li p{ padding:5px; word-break:keep-all;}
#mall_latest li strong{ padding:0 5px;font-size:1.2em;}


#mbanner img{ width:100%;}

/* 룰렛 시작 */
#light{margin-top:-80px; padding:0 20px; z-index:10;}
#light img{width:100%;}
#wrap{  background-color:#fce4df;  position: relative; overflow: hidden;width:100%; padding:30px 0; text-align:center;}
#wrap #title{text-align:left; display:inline-block; margin:0 auto 30px auto; position:relative;}
#wrap #title span{ display:inline-block; background:url(../img/roulette/title_bg.png) no-repeat 0 0/100% 100%; color:#fff; font-weight:600; 
					line-height:25px; padding:0 20px 10px 10px; margin-bottom:-5px;}
#wrap #title p{font-size:2.2em; line-height:1em; font-weight:600; font-style:italic; letter-spacing:-1.5px;}
#wrap #title p .red{ color:#e71a35;}
#wrap #title p .green{ color:#25b7aa;}

#wrap #gameContainer{width:330px; height:330px; text-align: center; position: relative;margin:0px auto 0 auto;;}

#wrap #gameContainer .obj{position: absolute;}
#wrap #gameContainer .board_start{width:80px; height:80px; top:50%; left:50%; transform:translate(-50%,-50%); z-index: 5; cursor:pointer;}
#wrap #gameContainer .board_start img{width:100%;}
#wrap #gameContainer .board_bg{width:100%; height:100%; top:0px; left:0px; z-index: 2;}
#wrap #gameContainer .board_bg img{width:100%;}
#wrap #gameContainer .board_on{width:100%; height:100%; top:0px; left:0px; z-index: 3; 
background-image:url(../img/roulette/roulette_bg2.png);
background-position:50%; background-size:100%;
}
#wrap #gameContainer .board_on span{position:absolute; width:70px; height:70px; letter-spacing:0;}
#wrap #gameContainer .board_on span p{ font-size:1.8em; font-weight:600; letter-spacing:-1px;}
#wrap #gameContainer .board_on span strong{font-size:0.9em; letter-spacing:-1px;}
#wrap #gameContainer .board_on span:nth-child(1){top:50px; left:50%; margin-left:-35px; transform: rotate(0deg);}
#wrap #gameContainer .board_on span:nth-child(2){right:70px; top:70px; transform: rotate(50deg);}
#wrap #gameContainer .board_on span:nth-child(3){right:45px; top:50%; margin-top:-35px; transform: rotate(90deg);} 
#wrap #gameContainer .board_on span:nth-child(4){right:70px; top:190px; transform: rotate(140deg);}
#wrap #gameContainer .board_on span:nth-child(5){left:50%; margin-left:-35px; top:210px; transform: rotate(180deg);}
#wrap #gameContainer .board_on span:nth-child(6){left:70px; top:190px; transform: rotate(230deg);}  
#wrap #gameContainer .board_on span:nth-child(7){left:45px; top:50%; margin-top:-35px; transform: rotate(270deg);}  
#wrap #gameContainer .board_on span:nth-child(8){left:73px; top:73px; transform: rotate(315deg);}



#wrap #gameContainer .obj.board_arrow{width:40px; top:-15px; left:50%; transform:translateX(-50%); z-index: 5;}
#wrap #gameContainer .obj.board_arrow img{width:100%;}
#wrap #gameContainer .char1{width:259px; height:246px; top:400px; left:90px; z-index:1;}
#wrap #gameContainer .char2{width:175px; height:198px; top:449px; left:600px; z-index:1;}
#wrap #gameContainer .char3{width:112px; height:108px; top:540px; left:550px; z-index:3;}
#wrap #gameContainer .txt1{width:420px; height:30px; bottom:20px; left:260px; z-index:3;}

.popup {display: none; position: fixed; left:50%; margin:0 !important; transform:translateX(-50%); z-index: 99999; text-align: center; background:#fff; font-size:20px; color:#000;}
#fade {display: none;background: #000;position: fixed;left: 0;top: 0;width: 100%;height: 100%;opacity: .60;z-index: 9999;}
#popup_gift{width:80%; height:auto; top:120px; padding:20px;}
#popup_gift .lottery_present {text-align:center;}
#popup_gift .lottery_present img{ display:block; margin: 0px auto; width:100%;}

#popup_fail{width:475px; height:505px; top:120px;}
.popup  .close{ display:inline-block; width:150px; hegiht:50px; line-height:50px; color:#fff; background:#333; margin: 30px 0 0;}


/* 게임 탭바 css */
#cha_tab{ background:#efefef;}
#cha_tab:after{ display:block; content:""; clear:both;}
#cha_tab li{ float:left; width:calc(25% - 1px); text-align:center; border-right:1px solid #ddd;}
#cha_tab.game li {width:calc(50% - 1px);}
#cha_tab li:last-child{ border-right:0;}
#cha_tab li a{ width:100%; font-size:1.1em; color:#777; line-height:35px;}
#cha_tab li.selected{ background:#fff;}
#cha_tab li.selected a{ color:#42c12c; font-weight:bold;}

/*메인당첨자확인*/
.winner:after{content:""; display:block; clear:both;}
.winner li{float:left; width:50%; text-align:center; padding:10px; background:#F7F7F7;}
.winner h2{text-align:center; font-size:1em; display:inline-block;}
.winner h2 span{display:inline-block; line-height:18px; height:20px; color:#fff; background:#292929; padding:0 5px; vertical-align:middle;}
.winner h2 strong{color:#FFE400;}
.winner h2:before,
.winner h2:after{content:""; display:inline-block; width:10px; height:20px; vertical-align:middle; margin:0 -2px;}
.winner h2:before{background:url(../img/app/ribbon01.png) no-repeat right top/auto 100%;}
.winner h2:after{background:url(../img/app/ribbon02.png) no-repeat right top/auto 100%;}
#updown .swiper-container{ height:100px; margin-top:5px; border:1px solid #ddd; background:#fff;}
#updown .swiper-slide{line-height:1.5em; border-bottom:1px dashed #ddd; /*height:auto !important; padding:5px 0;*/
	height:32px;line-height:32px;
}

.member-point{
	margin-top:10px;
	padding:10px;
	background-color:#ededed;
	text-align:center;
	height:35px;
}
.member-point div{
	float:left;
	width:33%;
}

.member-point2{
	margin-top:10px;
	padding:10px;
	background-color:#ededed;
	text-align:center;
	height:35px;
}
.member-point2 div{
	float:left;
	width:50%;
}