@font-face {
	font-family: 'SCDream5';
	src: url('/fonts/SCDream5.otf') format('otf');
	src: url('/fonts/SCDream5.ttf') format('truetype');
	src: url('/fonts/SCDream5.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'SEBANGB';
	src: url('/fonts/SEBANGB.otf') format('otf');
	src: url('/fonts/SEBANGB.ttf') format('truetype');
	src: url('/fonts/SEBANGB.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'SEBANGL';
	src: url('/fonts/SEBANGL.otf') format('otf');
	src: url('/fonts/SEBANGL.ttf') format('truetype');
	src: url('/fonts/SEBANGL.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

* {padding: 0; margin: 0;}
body {font-family: SCDream5;}
li {list-style: none;}
a {text-decoration: none;}

.d-flex {display: flex; justify-content: space-between; align-items: center;}
.fp-right {display: none;}
.pt-ftsi {font-size: 10px!important;}


/* s.¸ÞÀÎÆäÀÌÁö */
.mo-header {position:fixed; top:0; left:0; height: 50px; z-index: 70; width: 100%; background: #000; color: #fff; box-shadow: 0px 6px 15px rgba(255,255,255,20%); }
.mo-header .d-flex {width: 95%; height: 100%; margin: 0 auto;}
.mo-header .mo-hd1 img {width: 120px;}
.mo-header .mo-hd2 ul {float: right;}
.mo-header .mo-hd2 ul li {float: left; padding-right: 7px; font-size: 14px;}


.mo-header .mo-hd2 ul li a{color: #fff;}
.mo-body .full-wheel {width: 4px; height: 60px; border-radius: 2px; position: absolute; left: 50%; bottom: 0px; z-index: 9; overflow: hidden;}
.mo-body .full-wheel::before {content: ''; width: 4px; height: 30px; position: absolute; top: -50px; left: 50%; transform: translateX(-50%);border-radius: 2px; opacity: 1; animation: wheel 2.5s infinite; -webkit-animation: wheel 2.5s infinite; z-index: 99;}
.mo-body .full-wheel.wheel-b {background: rgba(0, 0, 0, 0.3); }
.mo-body .full-wheel.wheel-w {background: rgba(255, 255, 255, 0.3); }
.mo-body .full-wheel.wheel-b::before {background-color: #000;}
.mo-body .full-wheel.wheel-w::before { background-color: #fff; }

@keyframes wheel { to {top: 150px;} }
@-webkit-keyframes wheel { to {top: 150px;} }

.section00 {background: url(/mobile/mo-include/img/bg-main00.jpg) no-repeat; background-size: cover; background-position: center; color: #fff; text-align: center;}
.section00-t {background: url(/mobile/mo-include/img/bg-main00-t.jpg) no-repeat; background-size: cover; background-position: center; color: #fff; text-align: center; }
.section01 {background: url(/mobile/mo-include/img/bg-main01.jpg) no-repeat; background-size: cover; background-position: center; color: #fff; text-align: center;}
.section02 {background: #37416e; color: #fff;}
.section03 {background: #fff;}
.section04 {background: url(/mobile/mo-include/img/bg-main02.jpg) no-repeat; background-size: cover; background-position: center; color:#fff;}


.section .section-box { width: 85%; height: 500px; margin: 0px auto 0px; display: flex; flex-direction: column; }
.section .section-box .section-title p:nth-of-type(1) {color:#ccc; font-size: 16px;}
.section .section-box .section-body {display: flex; flex-direction : column;}

.section-body .txt-evnt {opacity: 0; transition: 2s; background:#fff; border-radius: 5px; color: #000; width: 100%; margin-top: 20px; }
.section-body .txt-evnt .txt-box {margin: 20px 13px;}
.section-body .txt-evnt .txt-grop {margin-top: 15px;}

.section-body .txt-evnt01 {top: 0px; left: 0; transform: translateX(-50%); }
.section-body .txt-evnt02 {bottom: 0px; right: 0; transform: translateX(50%); }
.section-body .txt-evnt.active {transform: translateX(0px); opacity: 1;}

.section-body .cupon {position: relative; transition: 2s; transform: translateY(80%); width: 100%;}
.section-body .cupon.active {transform: translateY(0%); opacity: 1;}

.section01 p:nth-of-type(1) {color: #0fa8ff; font-size: 16px;}
.section01 p:nth-of-type(2) {font-size: 27px; line-height: 35px; margin: 10px 0px; }
.section01 p:nth-of-type(3) {font-size: 11px;}

.section04 .sc-event {text-align: center; margin: 0 auto;}
.section04 .sc-event p {letter-spacing:5px; font-size: 14px;}
.section04 .sc-event .sc04-btn button {background:#00baff; padding: 11px 18px; border-radius: 32px; font-size: 20px; font-weight: bold; color:#fff; border: 0px;}
.section04 .sc-event .sc04-btn button i {padding: 0px 13px 0px 0px;} 
/* e.¸ÞÀÎÆäÀÌÁö */


/* s.Á¤º¸µ¿ÀÇ */
.modex01-wrap {width: 100%; height: 100%;}
.mo01-body {width: 92%; margin: 100px auto 130px;}
.mo01-body .mo-cnt {width: 100%; margin-top: 60px;}
.mo01-body .mo-cnt .mo-txt .mo-txttitle {font-size: 16px; background: url(/rtMember/img/jm-titleimg.png) no-repeat 0px 3px; padding-left: 25px; letter-spacing: -1px; background-size: 16px;}
.mo01-body .mo-cnt .mo-txt .mo-txtlist {border: 1px solid #ccc; width: 100%; height: 130px; overflow-y: auto; margin-top: 10px; margin-bottom: 10px;}
.mo01-body .mo-cnt .mo-txt .mo-ck {font-size: 13px;}
.mo01-body .mo-btn a { position: fixed; bottom: 0px; left: 0px; background: #1f274d; border: 1px solid #1f274d; color: #fff; font-size: 20px; width: 100%; height: 60px; line-height: 60px;}
/* e.Á¤º¸µ¿ÀÇ */


/* s.ȸ¿ø°¡ÀÔ */
.mo02-body {width: 95%; margin: 80px auto 150px;}
.mo02-body .mo-bbox { width: 98%;height: 100%;}
.mo02-body .title {font-size: 20px; font-weight: bold; background: url(/mobile/mo-include/img/jm-titleimg.png) no-repeat 0px 5px; padding-left: 25px; letter-spacing: -1px; background-size: 20px;}
.mo02-body .mo02-cnt {margin-top: 30px;}
.mo02-body .mo02-cnt .mo02-cntlist {margin-bottom: 20px;}
.mo02-body .mo02-cnt .mo02-cntlist p {margin-bottom: 10px; font-size: 13px;}
.mo02-body .mo02-cnt .mo02-cntlist p span {margin-right: 10px;}
.mo02-body .mo02-cnt .mo02-cntlist input {padding: 3%; border: 1px solid #ddd;}
.mo02-body .mo02-cnt .mo02-cntlist input::placeholder { color: #c3c3c3;}
.mo02-body .mo02-cnt .mo02-cntlist .select {width: 25%!important; height: 36px; text-align: center; border: 1px solid #ddd;}
.mo02-body .mo02-cnt .mo02-cntlist .cal-box {width: 20%; margin-bottom: 10px}
.mo02-body .mo02-cnt .mo02-cntlist .mo02-btn {border: 1px solid #ddd; background:#f7f7f7; color:#337ab7;font-size: 13px; padding: 10px 20px; width: 100px; text-align: center;}
.mo02-body .reset {background: #ddd; color: #555; border: 1px solid #ccc; padding: 10px 50px; margin-top: 50px;}
.mo02-body .join {position: fixed; bottom: 0px; left: 0px; background: #1f274d; border: 1px solid #1f274d; color: #fff; font-size: 20px; width: 100%; height: 60px; line-height: 60px; text-align: center; }

/* °Ë»ö */
.modex02-wrap .search {position: absolute; top:10%; left: 0; background: rgba(0,0,0,0.5); width: 100%; height: 110%; touch-action:none; z-index:999999; }
.modex02-wrap .search .sch-box .close-btn {font-size: 40px; color: #fff; position: absolute; right: 0px; top: -65px;}
.modex02-wrap .search .sch-box {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); border: 3px solid #1b5ac2; width: 90%; height: 50%; background: #fff; }
.modex02-wrap .search .sch-box .sch-cnt01 {border-bottom: 1px solid #ccc; width: 98%; height: 50px; border: 1px solid #1b5ac2; background: #fff; margin: 5px auto;}
.modex02-wrap .search .sch-box .sch-cnt01 input {font-size: 16px; width: 75%; height: 30px; padding: 10px; border: 0px; outline: none; float: left;}
.modex02-wrap .search .sch-box .sch-cnt01 input::placeholder {color: #ccc;}
.modex02-wrap .search .sch-box .sch-cnt01 button {width: 50px; height: 100%; border: 0px; background: #1b5ac2; outline: none; float: right; color: #fff; }
.modex02-wrap .search .sch-box .sch-cnt01 button i {font-size: 20px;}

.modex02-wrap .search .sch-box .sch-cnt02 {width:90%; margin: 40px auto 0px;}
.modex02-wrap .search .sch-box .sch-cnt02 .sch-p1 {font-size: 25px; font-weight: bold;}
.modex02-wrap .search .sch-box .sch-cnt02 .sch-p2 {font-size: 15px; margin: 10px 0px; font-weight: 400;}
.modex02-wrap .search .sch-box .sch-cnt02 .sch-p3 {font-size: 15px; font-weight: 400;}
.modex02-wrap .search .sch-box .sch-cnt02 .sch-p4 {color: #008bd3; font-size: 13px;}

.modex02-wrap .search .sch-box .sch-list {position: absolute; top:57px; left: 4px; width: 98%; background: #fff;  border: 1px solid #1b5ac2; overflow-y: auto; overflow-x: hidden; display: none;}
.modex02-wrap .search .sch-box .sch-list li {width: 100%;  border-bottom: 1px solid #1b5ac2; cursor: pointer; display: flex; align-items: center;}
.modex02-wrap .search .sch-box .sch-list li:last-child {border-bottom: 0px solid #000;}
.modex02-wrap .search .sch-box .sch-list li a { display: block; background: #fff; padding: 15px; width: 85%;}
.modex02-wrap .search .sch-box .sch-list li a p {float: left; font-size: 14px;}
.modex02-wrap .search .sch-box .sch-list li a i {float: right;}
/* e.ȸ¿ø°¡ÀÔ */



/* s.·Î±×ÀÎ */
.login-wrap {width: 90%; height: 100vh;}
.login-body {margin: 100px 0px 100px;}
.login-body .login-cntbox {display: flex; justify-content: center;}
.login-body .login-cntbox .cntbox {width: 95%; border: 1px solid #ccc;}
.login-body .login-cntbox .cntbox .title {width: 100%; height: 60px; color: #fff; background: #333; text-align: center; line-height: 60px; font-size: 18px; font-weight: bold;}
.login-body .login-cntbox .cntbox .cnt-list {background: #fff; height: 300px; width: 80%; display: flex; flex-direction: column; justify-content: center; margin: 0 auto; text-align: center;}
.login-body .login-cntbox .cntbox .cnt-list p {color: #ccc; margin-bottom: 10px; font-size: 12px;}
.login-body .login-cntbox .cntbox .cnt-list input {width: 99%; height: 55px; margin-bottom: 20px; text-align: center; font-size: 14px;}
.login-body .login-cntbox .cntbox .cnt-list input::placeholder { color: #ccc;}
.login-body .login-cntbox .cntbox .cnt-list a {width: 100%; height: 80px; line-height: 80px; background: #1f274d; color: #fff; display: block;}

.login-foot {background: #ddd; width: 100%; height: 100px; margin: 0 auto; border: 1px solid #ccc; box-sizing: border-box; position: fixed; bottom: 0px; font-size: 14px;}
.login-foot .lf-box{display: flex; justify-content: space-around; align-items: center; text-align: center; padding-top: 20px;}
.login-foot .lf-cnt p {margin-bottom: 10px;}
.login-foot .lf-cnt a {padding: 5px 25px; color: #fff;}
.login-foot .lf-cnt a.ind-p01 {background: #1f274d; }
.login-foot .lf-cnt a.ind-p02 {background: #aaa; }
/* e.·Î±×ÀÎ */


/* s.¸¶ÀÌÆäÀÌÁö */
.mopg-title{font-size: 20px; font-weight: bold; background: url(/rtMember/img/jm-titleimg.png) no-repeat 0px 5px; padding-left: 25px; letter-spacing: -1px; background-size: 20px;}
.mo-pg {margin: 120px auto 120px; width : 98%;}
.ds-flex {display: flex; justify-content: space-between; align-items: center;}
.mo-pg .mopg-box {border: 1px solid #e1e1e8; border-bottom: 0px solid #e1e1e8; margin-top: 30px; font-size: 14px;}
.mo-pg .accordion {cursor: pointer; border-bottom:.0625rem solid #e1e1e8; transition: 0.4s; padding: 15px 20px;  background: #fff}
.mo-pg .accordion:after {content: '\002B'; font-size: 18px;}
.mo-pg .active:after {content: "\2212";  font-size: 18px;}

.accordion span {padding-right: 30px; color: #609ae9;}
.panel {border-bottom: 1px solid #e1e1e8; background: #f2f4f6;/*  display: none; overflow: hidden; */}
.panel .txt-cnt {padding: 15px 10px; border-bottom: 1px solid #e1e1e8;}
.panel .txt-cnt:last-child {border-bottom: 0px solid #e1e1e8;}
.panel .txt-cnt .cnt-left i {padding-right: 10px;}
.panel .txt-cnt .cnt-left p {font-size: 13px;}

.panel .txt-cnt .cnt-right {display: flex; align-items: center;}
.panel .txt-cnt .cnt-right i{color:#ccc; font-size: 20px; margin-left: 10px; }
.panel .txt-cnt .cnt-right i.color{color:#609ae9; font-size: 20px;}
.panel .txt-cnt .cnt-right button {padding: 5px 10px; background: #ddd; border: 1px solid #ddd; border-radius: 3px; color: #888; cursor: pointer;}
.panel .txt-cnt .cnt-right button.check {background: #609ae9; border: 1px solid #609ae9; color: #fff;}
.panel .txt-cnt .cnt-right button.check:hover {background: #7badf1;  border: 1px solid #7badf1;}
/* e.¸¶ÀÌÆäÀÌÁö */