/* 회원가입 로그인 */
.mgt50 {margin-top:100px !important;}
.mgt55 {margin-top:55px !important;}
.loginTop {width:100%; padding:20px 20%; text-align:center;}
.loginTop img {width:100%; height:auto;}
.loginLogo {padding-bottom:30px; text-align:center;}
.loginLogo img {height:27px;}
.loginTit {padding-bottom:10px; font-size:38px; font-weight:600; text-align:center; line-height:.8;}
.loginTit .small {font-size:22px; font-weight:500;}
.loginArea {background:#fff; padding:25px 20px;}
.loginArea input {border-top:0 !important; border-left:0 !important; border-right:0 !important; border-radius:0 !important;}
.loginArea select {border-top:0 !important; border-left:0 !important; border-right:0 !important; border-radius:0 !important;}
.loginArea .th {font-size:13px !important;}
.th {padding:25px 0 0 0; font-size:15px; font-weight:500;}
.td {width:100%; font-size:16px;}
.td input {width:100%; height:50px; background:#fff; font-size:16px; border:1px solid rgba(0,0,0,.1); border-radius:5px;}
input.trans {background:none !important;}
.td select {width:100%; height:50px; background:#fff; font-size:16px; border:1px solid rgba(0,0,0,.1); border-radius:5px;}
.td.phone {display:flex;}
.td.phone strong {line-height:50px; padding:0 5px;}
.td:hover input {border:1px solid #464951; transition:all .5s;}
.td.basic {height:50px; background:rgba(28,32,40,.05); line-height:50px; border:1px solid rgba(0,0,0,.02); border-radius:5px;}
.btnJoin {width:100%; height:60px; background:#1c2028; margin:30px 0 0 0; color:#fff; font-size:17px; font-weight:600; line-height:60px; text-align:center; border-radius:4px; cursor:pointer;}
.btnJoin:hover {background:#db5c5c;}
.sLink {width:100%; margin:20px auto 0;}
.sLink p {float:left; width:33.3%; font-size:14px; text-align:center;}
.sLink p:nth-child(2) {border-left:1px solid rgba(0,0,0,.1); border-right:1px solid rgba(0,0,0,.1);}

.allCheck {padding:10px 0; margin:0 0 10px 0; font-size:16px; font-weight:500; border-bottom:1px solid rgba(0,0,0,.1);}
input.check {height:auto; vertical-align:middle;}
.yakLine {padding:7px 0;}
.yakLine .more {float:right; color:rgba(0,0,0,.5); font-weight:500; text-decoration:underline; cursor:pointer;}

.dd-select {height:40px; background:url(/image/icon_down.png) no-repeat right center; border-bottom:1px solid #dadde1 !important;}
.borB0 {border-bottom:0 !important;}
.caption {font-size:13px; color:#cd3d3d;}
.posiR1 {position:relative;}
.btnS {position:absolute; right:0; height:50px; background:#222; padding:0 15px; color:#fff; font-size:13px; line-height:50px; border-radius:5px; cursor:pointer;}
.btnS:hover {background:#1c2028; color:#fff;}
input::placeholder {color:rgba(0,0,0,.3);}

.fixBtn {position:fixed; bottom:0; left:50%; width:100%; max-width:768px; height:55px; transform:translateX(-50%); border-top:1px solid rgba(0,0,0,.1);}
.fixBtn .btnOk {float:left; width:50%; height:55px; font-weight:600; text-align:center; line-height:55px; display:inline-block;}
.fixBtn .btnCa {float:left; width:50%; height:55px; background:#fff; font-weight:600; text-align:center; line-height:55px; display:inline-block;}
.fixBtn .btn100 {width:100%; height:55px; font-weight:600; text-align:center; line-height:55px; display:inline-block;}

@media all and (max-width: 520px) {
	.loginTop {padding:20px 45px;}
}


/* layout */
#wrap {position:absolute; top:0; left:50%; max-width:768px; width:100%; height:; padding-bottom:100px; /* background:#fff; */ transform:translateX(-50%);}
#wrap .bgbg {content:''; position:fixed; left:50%; bottom:0; max-width:768px; width:100%; height:calc(100% - 160px); transform:translateX(-50%); background:#ebebeb; z-index:-1;}
#mainTop {position:fixed; left:50%; transform:translateX(-50%); max-width:768px; width:100%; height:55px; /* background:#fff; */ line-height:55px; font-size:15px; z-index:10;}
#mainTop .logo {position:absolute; left:20px; top:19px; width:95px; height:15px; background:url(/image/logo.png) no-repeat center left; background-size:auto 100%;}
#mainTop .name {position:absolute; left:20px; top:5px; height:55px; font-size:16px; line-height:55px;}
#mainTop .name strong {text-decoration:underline; font-weight:600;}
#mainTop .nav {position:absolute; right:20px; top:0; width:30px; height:55px; background:url(/image/icon_nav.png) no-repeat center right; background-size:auto 18px;}
#mainTop .goBack {position:absolute; left:0; top:0; width:30px; height:55px; text-align:center;}
#mainTop .goBack img {width:10px; height:auto; margin:16px auto;}
#mainTop .mAlarm {position:absolute; right:60px; top:0; width:30px; height:55px; background:url(/image/icon_alarm.png) no-repeat center right; background-size:90%;}
#mainTop .mUser {float:right; height:55px; margin-right:60px; font-size:13px; line-height:55px; text-transform:uppercase;}
#mainTop .mUser img {margin:22px 0 0 0;}
.inner {width:calc(100% - 40px); margin:0 auto;}

.overH {overflow:hidden;}
#mask {position:fixed; width:100%; height:100%; top:0; left:0; background:rgba(0,0,0,.9); display:none;}
.bgBg {width:100%; height:100%; background:url(/image/maskgroup.png) no-repeat center top !important; background-size:cover !important;}
.fontRed {color:#e6334a;}
.bPink {background:#fdf4f6; color:#000 !important;}
.bRed {background:#e6334a;}
.bBlue {background:#2f52a0;}
.w20 {width:20%;}
.w25 {width:25%;}
.w33 {width:33.3%;}
.w35 {width:35%;}
.w40 {width:40%;}
.w50 {width:50%;}
.w60 {width:60%;}
.w65 {width:65%;}
.borT0 {border-top:0 !important;}
.wi100 {width:100%; padding:10px 20px; overflow:hidden;}
.pdT20 {padding-top:20px !important;}
.pd0 {padding:0 !important;}
.ttt_img {width:40px; height:15px; background:url(/image/ttt_img.png) no-repeat center; background-size:100% auto; display:inline-block;}


.subCont {width:100%; background:#fff; min-height:830px; padding:90px 20px; }
.subCont .title {background:url(/image/pat.png) repeat-x left bottom; margin:0 0 20px 0; padding:0 0 15px 0; color:; font-size:23px; font-weight:500; letter-spacing:-1px; line-height:1;}
.subCont .title.none {background:none; margin:0;}
.subCont .title .ssTit {font-size:17px; letter-spacing:0;}
.subCont .title #t_page_title {display:block;}
.btnEx {background:#555; padding:2px 7px; color:#fff; font-size:9px; font-weight:500; border-radius:3px; cursor:pointer; display:inline-block;}
.exWrap {position:absolute; width:350px; top:50%; left:50%; transform:translate(-50%, -50%); z-index:5; display:none;}
.exWrap img {width:100%;}
.exWrap .close2 {position:absolute; top:0; right:0; width:30px; height:30px; background:url(/image/icon_x.png) no-repeat center; background-size:20px;}

/* 메인영역 */
.mainWrap {position:relative; width:100%; height:384px; text-align:center; overflow:hidden; }
.mainWrap img {position:absolute; width:auto; max-width:768px; height:384px; top:0; left:50%; transform:translateX(-50%);}
.main01 {width:100%; height:100%; /* background:url(/image/m01.jpg) no-repeat center top; background-size:cover; */}
.main02 {width:100%; height:100%; /* background:url(/image/m02.jpg) no-repeat center top; background-size:cover; */}

.viewMobile {display:none;}
.viewWeb {display:block;}

@media all and (max-width: 520px) {
	.mainWrap {height:auto;}
	.mainWrap img {position:inherit; width:100%; height:auto;}
	.viewMobile {display:block;}
	.viewWeb {display:none;}
}


.mainStatus {position:relative; width:calc(100% - 40px); height:230px; background:#fff; margin:-50px auto 20px; padding:20px; border-radius:10px; box-shadow:0 5px 20px rgba(0,0,0,.1); z-index:5;}
.mainStatus .tag {position:absolute; top:-20px; right:20px; width:55px; height:55px; background:url(/image/icon_graph.png) no-repeat center #222; background-size:50%; border-radius:50%; display:inline-block;}
.mainStatus .tit {padding-bottom:7px; font-size:18px; font-weight:600;}
.mainStatus ul {float:left; width:33.3%; padding:12px 0;}
.mainStatus ul.w27 {width:27%;}
.mainStatus li {padding:0 5px; line-height:1.1;}
.mainStatus .name {font-size:15px;}
.mainStatus .number {font-size:17px; font-weight:600;}
.mainStatus .krw {font-size:15px; color:rgba(0,0,0,.6); font-weight:400;}
.mainStatus .ttt {font-size:14px;}

@media all and (max-width: 660px) {
	.mainStatus {height:300px;}
	.mainStatus ul {float:left; width:50%; padding:12px 0;}
}

.boBoxWrap {position:relative; width:calc(100% - 40px); margin:-50px auto 20px; z-index:5;}
.boBox {width:100%; background:#fff; margin:0 0 15px 0; padding:10px 20px; border-radius:10px; box-shadow:0 5px 10px rgba(0,0,0,.1); overflow:hidden;}
.boBox ul {float:left;}
.boBox .name {width:55px; margin-right:15px; text-align:center;}
.boBox .tag {font-size:13px; font-weight:500;}
.boBox .number {padding-top:7px; font-size:20px; font-weight:600;}
.boBox .krw {font-size:15px; color:rgba(0,0,0,.6); font-weight:400;}
.boBox .ttt {font-size:14px;}
.boBox .circle {width:40px; height:40px; margin:0 auto; border-radius:50%; overflow:hidden; display:inline-block;}

.c01 {background:url(/image/cir01.jpg) no-repeat center; background-size:cover;}
.c02 {background:url(/image/cir02.jpg) no-repeat center; background-size:cover;}
.c03 {background:url(/image/cir03.jpg) no-repeat center; background-size:cover;}
.c04 {background:url(/image/cir04.jpg) no-repeat center; background-size:cover;}
.c05 {background:url(/image/cir05.jpg) no-repeat center; background-size:cover;}

.mainNotice {margin:10px auto 25px !important; overflow:hidden;}
.mainNotice .icon {float:left; padding-right:10px; font-weight:600;}
.mainNotice .icon img {height:20px;}
.mainNotice .cont {float:left;}

.noticeWrap {float:right; width:calc(100% - 20px); margin:25px auto 30px; padding:0; overflow-x:auto; overflow-y:hidden;}
.noticeWrap .nTitle {padding-bottom:5px; font-size:17px; font-weight:500;}
.noticeSec {width:110%; padding:0 0 20px 0;}
.gallSec {width:95%; height:243px; background:#fff; margin:0; border-radius:10px; overflow:hidden;}
.gallSec .pic {width:100%; height:150px; text-align:center; overflow:hidden; }
.gallSec .pic img {width:100%;	height:auto; margin: 0 auto;}
.gallSec .name {height:58px; padding:15px 15px 5px 15px; font-size:14px; overflow: hidden; word-break:break-all; /* white-space: nowrap;*/ text-overflow: ellipsis; */}
.gallSec .date {padding:0 15px 20px 15px; font-size:12px; color:rgba(0,0,0,.4);}

@media all and (max-width: 520px) {
	.noticeWrap {margin:33px auto 30px;}
	.gallSec {height:200px;}
	.gallSec .pic {height:100px;}
}

.slideWrap {float:right; width:calc(100% - 20px); overflow-x:auto; }
.mainMenu {width:820px; padding:0 10px 10px 0; display:flex; justify-content:space-between; gap:0px;}
.mainMenu ul {width:130px; height:100px; background:#fff; margin:0 15px 0 0; padding:10px; border-radius:10px; box-shadow:0 5px 20px rgba(0,0,0,.1);}
.mainMenu ul li {text-align:center; }
.mainMenu .icon img {width:70%;}
.mainMenu .name {padding:7px 0 0 0; font-size:14px; font-weight:500;}

.vodWrap {width:calc(100% - 20px); margin:40px auto;}
.vodWrap video {width:100%;}

.left_mobile {position:fixed; right:-800px; top:0; max-width:768px; width:100%; height:100%; background:#fff; padding:15px 0 0 0; overflow-y:auto;}
.left_mobile .topTop {position:fixed; top:0; width:100%; max-width:768px; z-index:3; background:#fff; }
.left_mobile .close {position:absolute; top:15px; right:20px; width:30px; height:30px; background:url(/image/icon_x.png) no-repeat center;}
.left_mobile .lLogo {position:absolute; top:20px; left:20px;}
.left_mobile .lLogo img {height:35px;}
.left_mobile .lTop {width:100%; background:rgba(0,0,0,.05); margin:15px auto 0; padding:15px 5.5%; overflow:hidden;}
.left_mobile .lTop ul {float:left; width:calc(100% - 70px); }
.left_mobile .lTop .info {padding:5px 0 0 0; line-height:1.2;}
.left_mobile .lTop .out {float:right; width:70px; text-align:center; font-size:12px;}
.left_mobile .lTop .out img {width:100%;}
.left_mobile .lTop .name {padding-bottom:5px; font-size:22px; font-weight:400; line-height:1;}
.left_mobile .lTop .name .txt {font-size:17px; font-weight:600;}
.left_mobile .lTop .btns {background:#fff; margin:10px 0 0 0; padding:3px 10px; font-size:13px; border:1px solid rgba(0,0,0,.2); border-radius:5px; display:inline-block; }

.left_mobile .lMenu {width:85%; margin:30px auto; }
.left_mobile .lMenu .btn {position:relative; padding:10px 0; font-weight:500; border-bottom:1px solid rgba(0,0,0,.08); display:block;}
.left_mobile .lMenu .btn:after {content:'>'; position:absolute; right:2%;}
.left_mobile .lMenu .btn:last-child {border-bottom:0;}
.left_mobile .lMenu .ly {padding:15px 10px; border-bottom:1px solid #eee; background:#f2f2f2; font-size:14px; display:none;}
.left_mobile .lMenu dd {padding:5px 0 0 2%; line-height:19px;}

.left_mobile .lang {float:left; height:30px; margin:15px 0 0 10px; padding:0 7px; border:1px solid rgba(0,0,0,.2); border-radius:50px;}
.left_mobile .home {float:left; width:30px; height:30px; background:url(/image/icon_home1.png) no-repeat center; margin:15px 0 0 20px; background-size:27px;}
.left_mobile .alarm {float:right; width:30px; height:30px; background:url(/image/icon_alarm1.png) no-repeat center; margin:15px 0 0 0; background-size:27px;}
.left_mobile .setting {float:right; width:30px; height:30px; background:url(/image/icon_setting.png) no-repeat center; margin:15px 58px 0 7px; background-size:27px;}

.left_mobile .lMenu1 {position:absolute; top:160px; left:50%; width:90%; transform:translateX(-50%); }
.left_mobile .lMenu1 ul {overflow:hidden;}
.left_mobile .lMenu1 .subject {margin:15px 0 0 0; padding:20px 0 10px 0; font-size:17px; font-weight:600; border-top:1px solid rgba(0,0,0,.1);}
.left_mobile .lMenu1 ul li {float:left; width:50%; padding:3px 0; color:rgba(0,0,0,.6); font-size:16px; font-weight:400;}


.left_mobile .lBottom {position:absolute; top:750px; width:100%; height:40px; margin:30px 0 0 0; border-top:1px solid rgba(0,0,0,.08);}
.left_mobile .lBottom a {float:left; width:33.3%; height:40px; font-size:12px; line-height:40px; text-align:center;}
.left_mobile .lBottom a:nth-child(2) {border-left:1px solid rgba(0,0,0,.08); border-right:1px solid rgba(0,0,0,.08);}


.fixNav {position:fixed; bottom:0; left:50%; transform:translateX(-50%); max-width:768px; width:100%; height:60px; background:#fff; box-shadow:0 -10px 15px rgba(0,0,0,.07); display:flex; z-index:1;}
.fixNav .sec {width:20%; }
.fixNav .cir {position:absolute; left:50%; top:3px; transform:translateX(-50%); width:38px; height:38px; background:#eaeef1; border-radius:50%; }
.fixNav ul {height:60px;}
.fixNav ul li {text-align:center;}
.fixNav .icon {padding:5px 0 0 0;}
.fixNav .icon img {width:38px;}
.fixNav .name {margin-top:-3px; font-size:12px; font-weight:500;}

/* .owl-carousel {width:55px !important; margin:0 auto;}
.owl-carousel .icon {padding:3px 0 4px 0; } */

 /* .viCir {width:60px; height:60px; background:url(/image/cir.png) no-repeat center; margin:-18px auto 0; background-size:100%;
	animation: lot 5s linear infinite;
	-webkit-animation: lot 5s linear infinite;
} 
 */
.viCir {width:65px; height:65px; background:url(/image/cir1.png) no-repeat center; margin:-18px auto 0; background-size:100%; border:8px solid #fff; border-radius:50%; box-shadow:0 -5px 5px rgba(0,0,0,.05);
	animation: pulse 1s linear infinite;
	-webkit-animation: pulse 1s linear infinite;
}

.conCir {position:fixed; bottom:-350px; left:50%; transform:translateX(-50%); width:325px; height:325px; background:#fff; padding:22px 42px; border-radius:50%; box-shadow:0 -10px 10px rgba(0,0,0,.07)}
.conCir .menu {float:left; width:33.3%; text-align:center;}
.conCir .menu01 {margin:20px 0 0 0;}
.conCir .menu02 {}
.conCir .menu03 {margin:20px 0 0 0;}
.conCir .icon {padding:5px 0 2px 0;}
.conCir .icon img {width:45px;}
.conCir .name {font-size:12px; font-weight:500;}

@-webkit-keyframes lot /* Safari and Chrome */ {
	from {
		-webkit-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	to {
		-webkit-transform: rotate(-360deg);
		-o-transform: rotate(-360deg);
		transform: rotate(-360deg);
	}
}
@keyframes lot {
	from {
		-ms-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	to {
		-ms-transform: rotate(-360deg);
		-moz-transform: rotate(-360deg);
		-webkit-transform: rotate(-360deg);
		-o-transform: rotate(-360deg);
		transform: rotate(-360deg);
	}
}

@-webkit-keyframes lot1 /* Safari and Chrome */ {
	from {
		-webkit-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	to {
		-webkit-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
@keyframes lot1 {
	from {
		-ms-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	to {
		-ms-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-webkit-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@-webkit-keyframes lot2 /* Safari and Chrome */ {
	from {
		-webkit-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	to {
		-webkit-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
@keyframes lot2 {
	from {
		-ms-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	to {
		-ms-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-webkit-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@-webkit-keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}




.qrCoin {position:absolute; top:-27px; left:50%; margin-left:-32.5px; width:65px; height:70px; background:url(/image/poda_coin.png) no-repeat; background-size:100%;
	-webkit-animation: lot11 2s linear infinite alternate-reverse;;
    animation: lot11 2s linear infinite alternate-reverse; z-index:1;}

@-webkit-keyframes lot11 /* Safari and Chrome */ {
	0% {
		-webkit-transform: translate(0, 0);
		-o-transform: translate(0, 0);
		transform: translate(0, 0);
	}
	10% {
		-webkit-transform: translate(0, 14px);
		-o-transform: translate(0, 14px);
		transform: translate(0, 14px);
	}
	100% {
		-webkit-transform: translate(0, 14px);
		-o-transform: translate(0, 14px);
		transform: translate(0, 14px);
	}
}
@keyframes lot11 {
	0% {
		-ms-transform: translate(0, 0);
		-moz-transform: translate(0, 0);
		-webkit-transform: translate(0, 0);
		-o-transform: translate(0, 0);
		transform: translate(0, 0);
	}
	10% {
		-webkit-transform: translate(0, 14px);
		-o-transform: translate(0, 14px);
		transform: translate(0, 14px);
	}
	100% {
		-ms-transform: translate(0, 14px);
		-moz-transform: translate(0, 14px);
		-webkit-transform: translate(0, 14px);
		-o-transform: translate(0, 14px);
		transform: translate(0, 14px);
	}
}


/* 서브상단 */
#subTop {position:absolute; top:0; max-width:768px; width:100%; left:50%; height:55px; transform:translateX(-50%); text-align:center; background:#fff; z-index:2;}
#subTop a.goBack {display:block; padding:18px 10px 13px 20px; position:absolute; top:0; left:0; left:calc(env(safe-area-inset-left)); text-align:left; }
#subTop a.goBack img {width:11px; height:20px;}
#subTop a.goHome {display:block; padding:15px 10px; position:absolute; top:0; left:40px;}
#subTop a.goHome img {width:23px; height:20px;}
#subTop .title {padding:15px 0 0 0; text-align:center; color:#000; font-size:18px; font-weight:500;}
#subTop .nav {position:absolute; right:20px; top:0; width:30px; height:55px; background:url(/image/icon_nav.png) no-repeat center right; background-size:auto 18px;}
#subTop.yel {background:#ffdb29;}
#subTop.gr {background:#d6df4c;}
#subTop.vi {background:#c1c7f2;}
#subTop.bl {background:#9fedf8;}
#subTop.go {background:#fbd46d;}
#subTop.or {background:#b4da7c;}
#subTop.red {background:#f891b0;}


.sTop {width:100%; margin-top:55px; padding:30px 20px 10px 20px; color:#000; overflow:hidden;}
.sTop .img {width:110px;}
.sTop img {height:63px;}
.sTop ul {float:left; }
.sTop .content {width:calc(100% - 95px);}
.sTop .name {font-size:14px; color:#000;}
.sTop .number {font-size:20px; font-weight:600; color:#000;}
.sTop .number1 {font-size:21px; font-weight:600; color:#000;}
.sTop .krw {padding:0 0 25px 0; font-size:13px; color:rgba(0,0,0,.4); font-weight:500;}
.sTop .krw1 {font-size:15px; color:rgba(0,0,0,.4); font-weight:500;}
.sTop .guide {margin:10px 0 0 0; padding:10px 0 0 0; font-size:13px; color:rgba(0,0,0,.7); border-top:1px solid rgba(0,0,0,.1);}
.sTop .w30 {width:33.3% !important;}
.sTop .w50 {width:50% !important;}
.sTop .w35 {width:35% !important;}

.sTop .bottom {margin-top:20px; padding:15px 0; border-top:1px solid rgba(0,0,0,.1);}
.sTop .bottom dl {margin-bottom:5px; overflow:hidden;}
.sTop .bottom dd {float:left; padding:0 5px;}
.sTop .bottom .first {width:35%; font-size:15px;}
.sTop .bottom .second {width:65%; text-align:right; font-size:16px; font-weight:600;}
.sTop.red {height:230px; background:url(/image/invite.jpg) no-repeat bottom right #f891b0; background-size:auto 100%;}
.sTop.red .text {padding:20px 0 0 5%; font-size:25px; color:#fff; font-weight:600; line-height:1.2; text-shadow:0 0 3px rgba(0,0,0,.1);}

.yel {background:#ffdb29;}
.gr {background:#d6df4c;}
.vi {background:#c1c7f2;}
.bl {background:#9fedf8;}
.go {background:#fbd46d;}
.or {background:#b4da7c;}
.red {background:#f891b0;}


.wTop {width:100%; background:#fff; margin-top:55px; padding:30px 20px 10px 20px; overflow:hidden;}
.whBox {width:100%; background:#fff; margin:15px 0; padding:15px 20px; overflow:hidden;}
.wBox {width:100%; background:#fff; margin:15px 0; padding:15px 20px; overflow:hidden;}
.wBox.noMg {margin:0;}
.wBox .tit {padding:0 0 15px 0; font-size:17px; font-weight:600;}
.wBox ul {padding:10px 0; border-bottom:1px dashed rgba(0,0,0,.2); overflow:hidden;}
.wBox ul li {float:left;}
.wBox .name {width:40%; padding-top:10px; font-size:15px; font-weight:500;}
.wBox .number {width:60%; text-align:right; font-size:17px; font-weight:600;}
.wBox .krw {font-size:14px; font-weight:400; color:rgba(0,0,0,.4);}
.wBox input {width:100%; background:rgba(0,0,0,.05); border:0; border-radius:5px;}

.subBox {width:100%; background:#fff; margin-top:70px; padding:20px; text-align:center; overflow:hidden;}
.subBox .grayBg {background:rgba(0,0,0,.06); padding:5px 7px; font-size:16px; overflow:hidden;}
.subBox .grayBg input {background:transparent;}
.btnBlue {width:200px; background:#0089e6; margin:20px auto; padding:10px 0; text-align:center; font-size:15px; color:#fff; font-weight:500; border-radius:3px; display:inline-block;}

.aBoxWrap {width:100%; padding:10px 20px; display:flex; justify-content:space-around; gap:15px; flex-wrap:wrap;}
.aBox {width:48%; padding:30px 20px; color:#fff; text-shadow:0 0 3px rgba(0,0,0,.3); border-radius:10px;}
.aBox .name {font-size:14px;}
.aBox .number {font-size:20px; font-weight:600;}
.aBox .krw {font-size:13px; color:rgba(255,255,255,.6); text-shadow:none;}

.aBg01 {background:url(/image/asset01.jpg) no-repeat right bottom #82c4ec;}
.aBg02 {background:url(/image/asset02.jpg) no-repeat right bottom #7db0eb;}
.aBg03 {background:url(/image/asset03.jpg) no-repeat right bottom #a5adf1;}
.aBg04 {background:url(/image/asset04.jpg) no-repeat right bottom #b9a6f1;}

@media all and (max-width: 700px) {
	.aBox {background-size:40% auto;}
}

@media all and (max-width: 500px) {
	.aBoxWrap {gap:7px;}
	.aBox {width:49%; padding:20px;}
	.aBox .name {font-size:13px;}
	.aBox .number {font-size:17px;}
}

@media all and (max-width: 400px) {
	.aBox {padding:20px 15px;}
}

@media all and (max-width: 390px) {
	.aBox {width:100%; padding:20px; background-size:30% auto;}
}


.bTab {width:100%; background:#fff;}
.bTab ul {overflow:hidden;}
.bTab ul li {float:left; padding:15px 0; text-align:center; border-bottom:2px solid rgba(0,0,0,.1);}
.bTab ul li.on {font-weight:600; border-bottom:2px solid #000;}

.searchWrap {width:100%; background:#fff; padding:20px; display:flex; justify-content:space-between; gap:0;}
.searchWrap .input {width:42%; display:inline-block;}
.searchWrap .input1 {width:61%; display:inline-block;}
.searchWrap input {width:96%; height:40px; background:#f1f1f1; text-align:center; border:0; border-radius:4px;}
.searchWrap .inputBtn {width:18%; height:40px; background:#3f454a; line-height:40px; text-align:center; color:#fff; font-weight:500; border-radius:4px; display:inline-block;}
.searchWrap .inputBtn1 {width:100%; height:40px; background:#ffcd03; line-height:40px; text-align:center; font-weight:500; border-radius:4px; display:inline-block;}

.listWrap {padding:18px 5px; border-bottom:1px solid rgba(0,0,0,.1); overflow:hidden;}
.listWrap ul {float:left;}
.listWrap ul li {line-height:1.3;}
.listWrap .date {font-size:14px;}
.listWrap .title {font-size:17px; font-weight:500;}
.listWrap .sort {font-size:14px;}
.listWrap .number {font-size:19px; font-weight:600;}
.listWrap .w60 {text-align:right;}

.thumWrap {width:100%; padding:20px; overflow:hidden;}
.thBox {float:left; width:49%; background:#fff; margin:0 0 15px 0; padding:15px 12px; border-radius:7px; box-shadow:0 2px 5px rgba(0,0,0,.05);}
.thBox:nth-child(2n+1) {margin:0 2% 10px 0;}
.thBox .date {font-size:13px;}
.thBox .pic img {width:100%; margin:5px 0; border-radius:3px;}
.thBox .name {font-size:14px; font-weight:400;}
.thBox .price {font-size:18px; font-weight:600;}
.thBox .ttt {font-size:14px; font-weight:400;}

.box100 {width:100%; background:#fff; margin:0 0 15px 0; padding:15px; border-radius:7px; box-shadow:0 2px 5px rgba(0,0,0,.05);}
.box100 .date {font-size:13px;}
.box100 .date span {font-weight:500;}
.box100 .pic img {width:100%; margin:5px 0; border-radius:3px;}
.box100 ul {border-bottom:1px dashed rgba(0,0,0,.1); overflow:hidden;}
.box100 ul li {float:left; padding:5px 0;}
.box100 .name {width:45%; padding:8px 0 0 0; font-size:13px; font-weight:400; }
.box100 .price {width:55%; font-size:16px; font-weight:600; text-align:right;}
.box100 .ttt {font-size:14px; font-weight:400;}
.box100 .krw {font-size:14px; font-weight:400; color:rgba(0,0,0,.6);}
.btnIn {width:100%; height:45px; background:#596681; margin-top:15px; color:#fff; line-height:45px; text-align:center; border-radius:3px;}
.box100 input.qty {width:90px; height:40px; border-radius:3px;}
.box100 input.radio {width:20px; height:20px;}
.box100 .check {width:40px;}
.box100 .tit {font-size:15px; font-weight:600;}

.box50 {float:left; width:49%; background:#fff; margin:0 0 15px 2%; padding:15px; border-radius:7px; box-shadow:0 2px 5px rgba(0,0,0,.05);}
.box50:nth-child(2n+1) {margin:0 0 15px 0;}
.box50 .head {margin-bottom:7px; padding-bottom:7px; font-weight:600; border-bottom:1px dashed rgba(0,0,0,.2); }


.popBack {position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.8); z-index:100; display:none;}
.popList {position:absolute; top:50%; left:50%; width:700px; transform:translate(-50%, -50%); border-radius:10px; overflow:hidden; box-shadow:0 10px 10px rgba(0,0,0,.5);}
.popList .close {position:absolute; top:15px; right:15px; width:20px; height:20px; background:url(/image/icon_x_w.png) no-repeat center; border-radius:50%; display:inline-block; cursor:pointer;}
.popList .title {background:#1c2028; padding:15px; color:#fff; font-size:17px; font-weight:600;}
.popList .pList {background:#fff; height:550px; padding:25px; font-size:13px; }
.popList .pList .search {height:30px; background:rgba(0, 0, 0, 0.02); border:1px solid rgba(0, 0, 0, 0.2);}
.popList .pList .selOK {height:30px; padding:0 15px; background:#1c2028; color:#fff; border:0;}
.popList .pList .tableList {height:420px; margin-top:15px; overflow-y:auto; }
.popList .pList ul {width:100%; display:flex; justify-content:space-around;}
.popList .pList ul li {padding:8px; text-align:center; font-size:12px;}
.popList .pList ul li:nth-child(1) {width:10%;}
.popList .pList ul li:nth-child(2) {width:30%;}
.popList .pList ul li:nth-child(3) {width:25%;}
.popList .pList ul li:nth-child(4) {width:35%;}
.popList .pList .th {background:rgba(0,0,0,.02); padding:0; border-top:1px solid #1c2028; border-bottom:1px solid rgba(0,0,0,.1);}
.popList .pList .td {border-bottom:1px dashed rgba(0,0,0,.1); }
.popList .pList input {height:auto;}
.popList .btnWrap {clear:both; width:100%; margin-top:15px; padding:0; text-align:center; }
.popList .btnWrap .bOk {background:#1c2028; padding:7px 35px; color:#fff; line-height:1; border-radius:3px; display:inline-block;}
.popList .btnWrap .bCa {background:#eee; padding:7px 35px; line-height:1; border-radius:3px; display:inline-block;}
.popList select {width:50px; height:28px; font-size:13px;}


@media all and (max-width: 720px) {
	.popList {width:95%;}
}

.popBack1 {position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.8); z-index:100; display:none;}
.popList1 {position:absolute; top:50%; left:50%; width:700px; transform:translate(-50%, -50%); border-radius:10px; overflow:hidden; box-shadow:0 10px 10px rgba(0,0,0,.5);}
.popList1 .close {position:absolute; top:15px; right:15px; width:20px; height:20px; background:url(/image/icon_x_w.png) no-repeat center; border-radius:50%; display:inline-block; cursor:pointer;}
.popList1 .title {background:#1c2028; padding:15px; color:#fff; font-size:17px; font-weight:600;}
.popList1 .pList {background:#fff; height:550px; padding:25px; font-size:13px;}
.popList1 .pList .search {height:30px; background:rgba(0, 0, 0, 0.02); border:1px solid rgba(0, 0, 0, 0.2);}
.popList1 .pList .selOK {height:30px; padding:0 15px; background:#1c2028; color:#fff; border:0;}
.popList1 .pList .tableList {height:420px; margin-top:15px; overflow-y:auto; }
.popList1 .pList ul {width:100%; display:flex; justify-content:space-around;}
.popList1 .pList ul li {padding:8px; text-align:center; }
.popList1 .pList ul li:nth-child(1) {width:10%;}
.popList1 .pList ul li:nth-child(2) {width:30%;}
.popList1 .pList ul li:nth-child(3) {width:25%;}
.popList1 .pList ul li:nth-child(4) {width:35%;}
.popList1 .pList .th {background:rgba(0,0,0,.02);  border-top:1px solid #1c2028; border-bottom:1px solid rgba(0,0,0,.1);}
.popList1 .pList .td {border-bottom:1px dashed rgba(0,0,0,.1); }
.popList1 .pList input {height:auto;}
.popList1 .btnWrap {clear:both; width:100%; margin-top:15px; padding:0; text-align:center; }
.popList1 .btnWrap .bOk {background:#1c2028; padding:7px 35px; line-height:1;  color:#fff; border-radius:3px; display:inline-block;}
.popList1 .btnWrap .bCa {background:#eee; padding:7px 35px; line-height:1; border-radius:3px; display:inline-block;}

@media all and (max-width: 720px) {
	.popList1 {width:95%;}
}

.popBack2 {position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.8); z-index:100; display:none;}
.popList2 {position:absolute; top:50%; left:50%; width:700px; transform:translate(-50%, -50%); border-radius:10px; overflow:hidden; box-shadow:0 10px 10px rgba(0,0,0,.5);}
.popList2 .close {position:absolute; top:15px; right:15px; width:20px; height:20px; background:url(/image/icon_x_w.png) no-repeat center; border-radius:50%; display:inline-block; cursor:pointer;}
.popList2 .title {background:#1c2028; padding:15px; color:#fff; font-size:17px; font-weight:600;}
.popList2 .pList {background:#fff; height:550px; padding:25px; font-size:13px;}
.popList2 .pList .search {height:30px; background:rgba(0, 0, 0, 0.02); border:1px solid rgba(0, 0, 0, 0.2);}
.popList2 .pList .selOK {height:30px; padding:0 15px; background:#1c2028; color:#fff; border:0;}
.popList2 .pList .tableList {height:420px; margin-top:15px; overflow-y:auto; }
.popList2 .pList ul {width:100%; display:flex; justify-content:space-around;}
.popList2 .pList ul li {padding:8px; text-align:center; }
.popList2 .pList ul li:nth-child(1) {width:10%;}
.popList2 .pList ul li:nth-child(2) {width:30%;}
.popList2 .pList ul li:nth-child(3) {width:25%;}
.popList2 .pList ul li:nth-child(4) {width:35%;}
.popList2 .pList .th {background:rgba(0,0,0,.02);  border-top:1px solid #1c2028; border-bottom:1px solid rgba(0,0,0,.1);}
.popList2 .pList .td {border-bottom:1px dashed rgba(0,0,0,.1); }
.popList2 .pList input {height:auto;}
.popList2 .btnWrap {clear:both; width:100%; margin-top:15px; padding:0; text-align:center; }
.popList2 .btnWrap .bOk {background:#1c2028; padding:7px 35px; line-height:1; color:#fff; border-radius:3px; display:inline-block;}
.popList2 .btnWrap .bCa {background:#eee; padding:7px 35px; line-height:1; border-radius:3px; display:inline-block;}

@media all and (max-width: 720px) {
	.popList2 {width:95%;}
}

/* 공지사항 */
.boardWrap {width:100%;}
.boardWrap ul {margin-bottom:10px; border-bottom:1px solid rgba(0,0,0,.2); overflow:hidden;}
.boardWrap ul li {float:left; padding:12px 0; }
.boardWrap .tag {width:45px;}
.boardWrap .subject {width:calc(100% - 45px); padding:12px 5px; font-size:16px; font-weight:500; text-align:left; overflow:hidden;}
.boardWrap .date {text-align:left; color:rgba(0,0,0,.6); font-size:14px;}

.boardWrap .title {background:rgba(0,0,0,.02); padding:10px; font-size:16px; font-weight:500; border-bottom:1px solid rgba(0,0,0,.2); }
.boardWrap .name {padding:10px; font-size:13px; color:rgba(0,0,0,.6); border-bottom:1px dashed rgba(0,0,0,.2);}
.boardWrap .cont {min-height:400px; margin-bottom:10px; padding:10px; border-bottom:1px solid rgba(0,0,0,.2);}
.boardWrap .cont img {max-width:100%;}

#notice_list {width:100%; border-top:1px solid #1c2028; }
#notice_list th {background:rgba(0,0,0,.02); padding:10px 0; border-bottom:1px solid rgba(0,0,0,.1);}
#notice_list td {background:#fff; padding:10px 0; text-align:center; border-bottom:1px solid rgba(0,0,0,.1);}


/* NOTICE */
	.noticeList {
		width: 95%;
		margin:0 auto;
		overflow: hidden;
		text-align:left;
	}
	.noticeList ul {
		float: left;
		height: 93px;
		border-bottom: 1px solid rgba(0, 0, 0, 0.2);
		overflow: hidden;
	}
	.noticeList ul.faq {
		float: left;
		height: 75px;
		border-bottom: 1px solid rgba(0, 0, 0, 0.5);
		overflow: hidden;
	}
	.noticeList ul.num {
		width: 12%;
		padding: 25px 0;
		font-size: 35px;
		font-weight: 600;
		color: #000;
		text-align: center;
	}
	.noticeList ul.num1 {
		width: 12%;
		padding: 15px 0;
		font-size: 33px;
		font-weight: 600;
		text-align: center;
		color: #000;
	}
	.noticeList ul.name {
		width: 76%;
		padding: 25px 0;
		font-size: 16px;
		font-weight: 400;
		
	}
	.noticeList ul.name1 {
		width: 88%;
		padding: 25px 0;
		font-size: 16px;
		font-weight: 400;
		
		cursor: pointer;
	}
	.noticeList ul .date {
		padding: 7px 0 0 0;
		font-size: 13px;
		color: rgba(0, 0, 0, 0.8);
		font-weight: 300;
		letter-spacing: 0;
	}
	.noticeList ul.down {
		width: 12%;
	}
	.noticeList .iconDown {
		width: 40px;
		height: 40px;
		margin: 35px 0 0 35%;
		background: url(/admin/image/icon_down.png) no-repeat center center;
		display: inline-block;
		cursor: pointer;
	}

	.noticeList .content {
		clear: both;
		width: 100%;
		background: rgba(0,0,0,.03);
		padding: 30px 8%;
		border-bottom: 1px solid #f7c83a;
		font-size: 14px;
		line-height: 1.5;
	}
	.noticeList .content1 {
		position: relative;
		clear: both;
		width: 100%;
		background: rgba(0, 0, 0, 0.2);
		padding: 30px 8% 30px 12%;
		border-bottom: 1px solid rgba(96, 68, 215, 0.5);
		font-size: 14px;
		line-height: 1.5;
		display: none;
	}
	.noticeList .content1 .aFont {
		position: absolute;
		top: 25px;
		left: 5%;
		font-size: 33px;
		font-weight: 600;
		color: #f7c83a;
	}

	.btnWrap {
		width: 100%;
		margin: -20px 0 30px 0;
		text-align: right;
		overflow: hidden;
	}
	.btnWrap .btnYY {
		padding: 7px 15px;
		background: #f7c83a;
		color: #fff;
		font-weight: 500;
		border-radius: 3px;
		display: inline-block;
	}
	.btnWrap .btnYY1 {
		padding: 7px 15px;
		background: #fff;
		color: #000;
		font-weight: 500;
		border-radius: 3px;
		display: inline-block;
	}

	.noticeList .cont {
		padding: 50px 50px 80px 80px;
		background: rgba(0, 0, 0, 0.01);
	}
	.noticeList .cont .left {
		float: left;
		width: 90%;
	}
	.noticeList .cont .right {
		float: left;
		width: 10%;
	}
	.noticeList .cont .title {
		font-size: 18px;
		color: #f7c83a;
		font-weight: 500;
	}
	.noticeList .cont .date {
		font-size: 14px;
		color: rgba(0, 0, 0, 0.5);
	}
	.noticeList .cont .down {
		background: url(/admin/image/icon_down.png) no-repeat center left;
		color: #000;
		font-size: 15px;
		font-weight: 600;
		padding: 0 0 0 30px;
	}
/* NOTICE end*/



/* 하단네비 */
.navWrap {position:fixed; bottom:0; left:50%; margin-left:-395px; width:790px; height: calc(env(safe-area-inset-bottom) + 55px); background:#fff; box-shadow:0 -5px 10px rgba(0,0,0,.1); z-index:4;}
.navWrap ul {float:left; width:19%; border:1px solid #fff;}
.navWrap ul li {background-size:24px; padding:33px 0 0 0; text-align:center; color:rgba(0,0,0,.7); font-size:11px; font-weight:500; font-family:"Noto Sans KR";}
.navWrap ul.qr {position:relative; width:24%;}
.qrBg {position:absolute; width:100%; height:31px; top:23px; left:0; background:url(/image/poda_bg.png) no-repeat center top; z-index:2;}
.qrCoin {position:absolute; top:-27px; left:50%; margin-left:-32.5px; width:65px; height:70px; background:url(/image/poda_coin.png) no-repeat; background-size:100%;
	-webkit-animation: lot111 2s linear infinite alternate-reverse;;
    animation: lot111 2s linear infinite alternate-reverse; z-index:1;}

@-webkit-keyframes lot111 /* Safari and Chrome */ {
	0% {
		-webkit-transform: translate(0, 0);
		-o-transform: translate(0, 0);
		transform: translate(0, 0);
	}
	10% {
		-webkit-transform: translate(0, 14px);
		-o-transform: translate(0, 14px);
		transform: translate(0, 14px);
	}
	100% {
		-webkit-transform: translate(0, 14px);
		-o-transform: translate(0, 14px);
		transform: translate(0, 14px);
	}
}
@keyframes lot111 {
	0% {
		-ms-transform: translate(0, 0);
		-moz-transform: translate(0, 0);
		-webkit-transform: translate(0, 0);
		-o-transform: translate(0, 0);
		transform: translate(0, 0);
	}
	10% {
		-webkit-transform: translate(0, 14px);
		-o-transform: translate(0, 14px);
		transform: translate(0, 14px);
	}
	100% {
		-ms-transform: translate(0, 14px);
		-moz-transform: translate(0, 14px);
		-webkit-transform: translate(0, 14px);
		-o-transform: translate(0, 14px);
		transform: translate(0, 14px);
	}
}

.nav01 {background:url(/image/icon_home.png) no-repeat center 8px;}
.nav02 {background:url(/image/icon_shop1.png) no-repeat center 8px;}
.nav04 {background:url(/image/icon_coupon1.png) no-repeat center 8px;}
.nav05 {background:url(/image/icon_cart.png) no-repeat center 8px;}
.nav06 {position:relative; background:url(/image/icon_alarm.png) no-repeat center 8px;}
.nav06 .num {position:absolute; top:7px; right:50%; margin-right:-16px; width:15px; height:15px; background:#f47777; border:0px solid rgba(0,0,0,.7); border-radius:50%; text-align:center; line-height:15px; color:#fff; font-size:9px; font-family:"Metropolis-Bold";}

@media only screen and (max-width: 790px) {
	.navWrap {width:100%; left:0; margin-left:0;}
}


.graphWrap {position:relative; width:100%; margin:10px 0 0 0; }
.graphWrap .bgStick {position:relative; width:100%; height:18px; background:rgba(0,0,0,.07); border-radius:9px;}
.graphWrap .gLine {
	position:absolute; top:-2px; left:0px; 
	background:#0186b4;
	/* background:linear-gradient(to left, rgba(213, 160, 48, 1) 0%, rgba(252, 236, 184, 1) 50%);} */
	height:22px; 
	padding:0 10px 0 5px;
	border-radius:11px; 
	box-shadow:5px 5px 5px rgba(0,0,0,.15);
	text-align:right;
	/* color:#fff; */
	font-size:10px; font-weight:500;
	line-height:22px;
	animation:animate 2s linear;
}

.gLine.pink {background:linear-gradient(to left, #e7667c 0%, #ffbf5a 50%);}
.gLine.green {background:linear-gradient(to left, #4acf9c 0%, #abdf61 50%);}
.gLine.blue {background:linear-gradient(to left, #36acf9 0%, #717efd 50%);}
.gLine.violet {background:linear-gradient(to left, #4f6cff 0%, #c582fb 50%);}


@keyframes animate
{
	0%
	{
		transform-origin:left;
		transform:scaleX(0);
	}
	45%
	{
		transform-origin:left;
		transform:scaleX(1);
	}
	55%
	{
		transform-origin:right;
		transform:scaleX(1);
	}
	100%
	{
		transform-origin:right;
		transform:scaleX(1);
	}
}

.graphWrap .txtWrap {width:100%; margin:0; overflow:;}
.graphWrap .txtWrap ul {float:left; width:33.3%;}
.graphWrap .txtWrap .left1 {}
.graphWrap .txtWrap .center1 {float:right; padding:10px 0 0 0; text-align:right;}
.graphWrap .txtWrap .right1 {float:right; width:70px; text-align:right;}
.graphWrap .txtWrap .center {clear:both; width:100%; font-size:15px; font-weight:600; text-align:center;}
.graphWrap .txtWrap .small1 {font-size:13px; font-weight:600; margin:0; letter-spacing:0;}
.graphWrap .txtWrap .big1 {font-size:16px; color:#0186b4; font-weight:600; margin:0; }

.graphWrap .txtWrap .big2 {padding:15px 0 0 0; font-size:16px; color:#000; font-weight:600; margin:0; }
.graphWrap .txtWrap .small2 {padding:10px 0 0 0; font-size:13px; font-weight:600; margin:0; letter-spacing:0;}


@media screen and (max-width: 860px) {	
	.graphWrap .txtWrap .center1 {padding:5px 0 0 0;}
	.graphWrap .txtWrap .right1 {width:60px;}

	.graphWrap .txtWrap .small1 {font-size:12px;}
	.graphWrap .txtWrap .big1 {font-size:14px;}

	.graphWrap .txtWrap .big2 {padding:12px 0 0 0; font-size:14px;}
	.graphWrap .txtWrap .small2 {padding:8px 0 0 0; font-size:12px;}
}

@media screen and (max-width: 520px) {	
	.graphWrap .txtWrap .center1 img {width:60px; height:auto;}
}

/* 20201120 popup */
	#popup-wrap {
		position: fixed;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		z-index: 99999;
		width: fit-content;
		height:90%;
		/* max-width: 600px; */
		/* display: flex;
		justify-content: center;
		align-items: baseline; */
		overflow-y:auto;
		overflow-x:hidden;
	}
	#popup-wrap .closeBox {position:absolute; width:100%; top:-10px; right:12px; text-align:right; font-size:13px;}
	#popup-wrap .closeBox img {padding:0px 0 0 0;}

	#popup-wrap img {max-width: 100%;}
	#popup-wrap table {
		width: 100%;
		margin-bottom: 1em;
		border: 2px solid #000;
	 }
	#popup-wrap table th,
	#popup-wrap table td	{
		padding: 0.35em 0.5em;
		border: 1px solid #111;
		text-align: center;
	}

	#divpop,
	#divpop2,
	#divpop3{
		width:450px;
		max-width: 450px;
		/* box-shadow: -5px -5px 10px rgba(0, 0, 0, 0.1); */
		/* margin: 1%; */
		/* background: #f1f1f1; */
		margin-top:10px;
	}
	/* #divpop2 {left: 600px;} */

	#divpop .popInner,
	#divpop2 .popInner,
	#divpop3 .popInner{
		width: 100%;
		/* max-width: 500px; */
		height: auto;
		/* max-height: 500px;
		overflow: auto; */
		padding: 0;
		font-size: 13px;
		/* background: top left / cover url(/img/popBg-top.png) no-repeat, bottom right / cover url(/img/popBg-bot.png) no-repeat, #f5f5f5; */
	}
	
	
	.visual_content {width:450px;}
	.visual_content img {width:100%;}


	#divpop .title,
	#divpop2 .title,
	#divpop3 .title
	{
		background:#fff;
		font-size: 20px;
		font-weight: bolder;
		text-align: center;
		line-height: 2;
	}
	#divpop .date,
	#divpop2 .date,
	#divpop3 .date
	{
		font-size: 12px;
		color: #555;
		text-align: right;
	}
	#divpop .textBox,
	#divpop2 .textBox,
	#divpop3 .textBox{
		max-height: 400px;
		margin: 0 0 10px;
		background: #fff;
		padding: 30px 20px;
		overflow-y: auto;
		font-size: 13px;
		line-height: 1.7;
		font-weight: 400;
	}
	#divpop .textBox::-webkit-scrollbar,
	#divpop2 .textBox::-webkit-scrollbar,
	#divpop3 .textBox::-webkit-scrollbar{
		display: block;
		width: 10px;
	}
	#divpop .textBox::-webkit-scrollbar-thumb,
	#divpop2 .textBox::-webkit-scrollbar-thumb,
	#divpop3 .textBox::-webkit-scrollbar-thumb{
		background: #ddd;
	}
	#divpop input,
	#divpop2 input,
	#divpop3 input{
		height: auto;
		margin: 0 3px 0 0;
		vertical-align: inherit;
	}
	#divpop .btn-wrap,
	#divpop2 .btn-wrap,
	#divpop3 .btn-wrap{
		display: flex;
		justify-content: space-around;
		margin: 0 auto;
	}
	/* #divpop button,
	#divpop2 button,
	#divpop3 button{
		margin-top: 30px;
		text-align: center;
		border: none;
		background: #ebebeb;
		padding: 10px;
		width: 30%;
		border-radius: 5px;
		font-size: 14px;
		font-weight: 400;
		opacity: 0;
	} */
	#divpop .closePop,
	#divpop2 .closePop,
	#divpop3 .closePop{
		background: #777;
		color: #fff;
	}

	#divpop button.on,
	#divpop2 button.on,
	#divpop3 button.on{
		background: #ccc;
	}
	#divpop .closePop.on,
	#divpop2 .closePop.on,
	#divpop3 .closePop.on{
		background: #333;
	}

	#divpop .textBox li,
	#divpop2 .textBox li,
	#divpop3 .textBox li{
		margin: 10px 0;
	}
	#divpop .textBox li:not(.loc) {
		padding-left: 80px;
	}
	#divpop2 .textBox ul {margin: 30px 0;}

	#divpop .inputBox,
	#divpop2 .inputBox,
	#divpop3 .inputBox
	{
		width: 100%;
		/* max-width: 500px; */
		background: #333;
		color: #fff;
		padding: 5px 0;
		overflow: hidden;
		text-align: right;
		font-size: 12px;
		letter-spacing: -1px;
	}
	#divpop .inputBox input,
	#divpop2 .inputBox input,
	#divpop3 .inputBox input{
		width: 12px;
		height: 18px;
		letter-spacing: -0.5px;
		vertical-align: sub;
	}
	#divpop .inputBox b,
	#divpop2 .inputBox b,
	#divpop3 .inputBox b 
	{
		color: #fff;
		margin-left: 5px;
		margin-right: 15px;
		letter-spacing: -0.5px;
	}

	@media screen and (max-width: 600px) {
		#divpop, #divpop2, #divpop3 {width:450px;}
		#popup-wrap .closeBox {width:100%; top:10px; right:12px; text-align:right; font-size:11px;}
		#popup-wrap .closeBox img {margin-top:-10px; padding:0px 0 0 0;}
	}

	@media screen and (max-width: 500px) {
		#divpop, #divpop2, #divpop3 {width:350px;}
		
		.visual_content {width:350px;}
	}


	@media screen and (max-width: 400px) {
		#divpop .popInner,
		#divpop2 .popInner,
		#divpop3 .popInner{
			
		}
		#divpop .title,
		#divpop2 .title,
		#divpop3 .title{
			font-size: 5vw;
		}
		#divpop1 .textBox,
		#divpop2 .textBox,
		#divpop3 .textBox{
			max-height: 250px;
			padding: 20px 15px;
		}
	
		 #divpop3 .inputBox {/* padding-right: 30px; */}
	}

	@media all and (max-width: 1000px){
		#popup-wrap {
			/* width: 90%;
			top: 5em;
			transform: translateX(-50%); */
			flex-wrap: wrap;
		}
		#divpop .textBox,
		#divpop2 .textBox,
		#divpop3 .textBox{
			max-height: 350px;
		}
	}
/* 20201120 popup end */