/* layout */
#wrap {position:absolute; top:0; left:50%; max-width:768px; width:100%; height:; padding-bottom:100px; /* background:#fff; */ transform:translateX(-50%);}
#wrap .bgbg {position:absolute; left:50%; top:0; max-width:768px; width:100%; height:100px; transform:translateX(-50%); 
	background: -webkit-linear-gradient(#ffffff, #f0f0f0); 
	background: -o-linear-gradient(#ffffff, #f0f0f0);
	background: -moz-linear-gradient(#ffffff, #f0f0f0); 
	background: linear-gradient(#ffffff, #f0f0f0); 
	z-index:-1;}
#mainTop {position:fixed; left:50%; transform:translateX(-50%); max-width:768px; width:100%; height:60px; line-height:60px; font-size:15px; z-index:10;}
#mainTop .logo {position:absolute; left:2.5%; top:7.5px; width:121px; height:40px; background:url(/image/logo_new1.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 {float:right; width:40px; height:55px; background:url(/image/nav.png) no-repeat center right; background-size:auto 18px; margin-right:2.5%; cursor:pointer;}
#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; width:30px; height:55px; text-align:right;}
#mainTop .mUser img {width:23px; margin:16px 0 0 0;}
#mainTop .mCart {float:right; width:30px; height:55px; text-align:right;}
#mainTop .mCart img {width:23px; margin:16px 0 0 0;}
#mainTop.fixed {background:#fff; box-shadow:0 10px 15px rgba(0,0,0,.04); z-index:5;}

.inner {width:calc(100% - 40px); margin:0 auto;}
.mgt20 {margin-top:20px !important;}
.mgt30 {margin-top:30px !important;}
.mgt50 {margin-top:50px !important;}
.mgt55 {margin-top:55px !important;}
.mgt65 {margin-top:65px !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;}
.flexWrap {display:flex; flex-wrap:wrap; justify-content:space-around;}

.overH {overflow:hidden;}
.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);}


/* 서브상단 */
#subTop {position:fixed; 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/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;}

.moTop {position:fixed; top:0; width:100%; max-width:768px; height:60px; left:50%; transform:translateX(-50%); padding:0 2.5%; }
.moTop .logo img {height:40px; margin:7.5px 0 0 0;}
.moTop .nav {float:right; width:40px; height:60px; background:url(/image/nav.png) no-repeat center right; background-size:auto 17px;}
.moTop .mUser {float:right; width:40px; height:60px; line-height:60px; text-align:right;}
.moTop .mUser img {width:30px; margin:15px 0 0 0;}
.moTop .mCart {float:right; width:40px; height:60px; line-height:60px; text-align:right; }
.moTop .mCart img {width:30px; margin:15px 0 0 0;}
.moTop .btnLine {height:30px; margin:12px 0 0 0; padding:2px 10px; line-height:27px; border:1px solid rgba(0,0,0,.3); border-radius:3px; display:inline-block;}
.moTop.fixed {background:#fff; box-shadow:0 10px 15px rgba(0,0,0,.02); z-index:5;}


.fixNav {position:fixed; bottom:0; left:50%; transform:translateX(-50%); max-width:768px; width:100%; height:60px; background:#fff; padding:0 2.5%; 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:10px 0 0 0;}
.fixNav .icon img {width:27px;}
.fixNav .name {margin-top:3px; font-size:10px; 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;
} 
 */
.qrCir {position:relative; width:120px; height:70px; background:#ffc41a; margin:-18px auto 0; background-size:100%; border-radius:65px; /* box-shadow:0 -5px 5px rgba(0,0,0,.05); */}
.qrCir img {position:absolute; width:auto; height:40px; left:50%; top:50%; transform:translate(-50%, -50%);}

.conCir {position:fixed; bottom:-520px; left:50%; transform:translateX(-50%); max-width:768px; width:100%; height:500px; background:#fff; padding:22px 0; text-align:center; border-radius:20px; 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;}
.conCir .close3 {position:absolute; top:-42px; left:50%; transform:translateX(-50%); width:35px; height:35px; background:url(/image/icon_x.png) no-repeat center #fff; background-size:35%; border-radius:50%;}
.conCir img {width:auto; height:50%;}


@media all and (max-width:614px) {
	.cirMenu {width:30% !important;}
	.qrCir {width:80%; height:60px;}
	.qrCir img {height:35px;}
	.fixNav .sec {width:17.5%;}
	.fixNav .icon img {width:24px;}
}




.left_mobile {position:fixed; right:-320px; top:0; width:320px; height:100%; background:#fff;}
.left_mobile .close {position:absolute; top:20px; right:20px; width:30px; height:30px; background:url(/image/icon_x.png) no-repeat center;}
.left_mobile .home {position:absolute; top:20px; left:20px;}
.left_mobile .home img {height:25px;}
.left_mobile .lTop {width:100%; background:rgba(0,0,0,.03); margin:60px auto 0; padding:20px 7.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:500;}
.left_mobile .lTop .name span {font-size:17px; font-weight:400;}
.left_mobile .lTop .btns {background:#fff; padding:3px 10px; font-size:12px; border:1px solid rgba(0,0,0,.2); border-radius:5px; display:inline-block; }

.left_mobile .lMenu {width:85%; margin:20px auto;}
.left_mobile .lMenu li {position:relative; padding:10px 0; font-weight:400; border-bottom:1px solid rgba(0,0,0,.08); display:block;}
.left_mobile .lMenu .btn1:after {content:'>'; position:absolute; right:2%;}
.left_mobile .lMenu li:last-child {border-bottom:0;}

.left_mobile  li.ly{overflow:hidden; width:100%; margin:0px 0 0 0; padding:15px; color:#000; border-top:1px solid #d4d4d4; border-bottom:1px solid #d4d4d4; background:#f2f2f2;} 
.left_mobile  li.ly,
.left_mobile  dt {display:none;}
.left_mobile  dl {padding:5px 0; margin:0;}
.left_mobile  dd a {display:block;}
.left_mobile  dd {padding:5px 0; line-height:1; font-size:13px; font-weight:300;}
.left_mobile  li.ly.active {display:block;}
.left_mobile  dd:hover a {font-weight:600; color:#000;}


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

.userInfo {margin:80px 20px 15px 20px; font-size:17px;}
.userInfo:after {content:'>';}

/* 메인화면 */
.main_visual_wrap {width:100%; overflow:hidden; position:relative; z-index:1; height:300px; }
.main_visual_wrap .visual_box {}
.main_visual_wrap .visual_box .visual_cut {padding:0 7px; width:700px; box-sizing:border-box;}
.main_visual_wrap .visual_box .visual_content {position:relative; z-index:1; font-size:0; text-align:center; height:300px; }
/*.main_visual_wrap .visual_box .visual_content a {display:inline-block;width:100%;height:100%;position:absolute;left:0;top:0;z-index:5;}*/
.main_visual_wrap .visual_box .visual_content .card {display:block; width:100%; height:100%; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); background:#fff; border-radius:15px; overflow:hidden;}
.main_visual_wrap .visual_box .visual_content img {max-width:auto; width:auto; height:auto;}
.main_visual_wrap .slick-arrow {width:44px; height:66px; top:50%; margin:0; padding:0; border:0; outline:0; position:absolute; z-index:5; font-size:0; box-sizing:border-box; transition:all 0.3s;}
.main_visual_wrap .slick-arrow:before {width:30px; height:30px; border-width:2px 2px 0 0; border-color:#fff; opacity:0.6; border-style:solid; position:absolute; display:inline-block; content:""; transition:all 0.3s;}
.main_visual_wrap .slick-arrow:hover:before {border-color:#333; opacity:1;}
.main_visual_wrap .slick-arrow.slick-prev {left:50%; transform:translate(-800px,-50%); background:none;}
.main_visual_wrap .slick-arrow.slick-next {right:50%; transform:translate(800px,-50%); background:none;}
.main_visual_wrap .slick-arrow.slick-prev:before {left:50%; top:25%; transform:rotate(-135deg) translate(0%, -50%); margin-top:-12px; margin-left:6px;}
.main_visual_wrap .slick-arrow.slick-next:before {right:50%; top:50%; transform:rotate(45deg) translate(0%, -50%); margin-top:-5px; margin-right:6px;}
.main_visual_wrap .slick-dots {text-align:center; height:10px; line-height:10px; font-size:0; vertical-align:top; position:absolute; left:50%; width:auto; transform:translateX(-50%); margin:0 auto; padding:0; bottom:20px;}
.main_visual_wrap .slick-dots li {width:10px; height:10px; border-radius:100%; overflow:hidden; outline:0; border:0; transition:all 0.3s; opacity:1; font-size:0; line-height:10px; vertical-align:top; display:inline-block;}
.main_visual_wrap .slick-dots li + li {margin-left:10px;}
.main_visual_wrap .slick-dots li button {display:inline-block; width:10px; height:10px; border-radius:100%; outline:0; border:0; transition:all 0.3s; opacity:0.5; background:#fff; font-size:0;}
.main_visual_wrap .slick-dots li.slick-active {}
.main_visual_wrap .slick-dots li.slick-active button {opacity:1;}

.coin {position:absolute; right:55px; top:80px; width:180px; height:205px; background:url(/image/coin.png) no-repeat; background-size:cover; z-index:2;}

.visual_content .card {padding:30px; text-align:left;}
.visual_content .card .title {font-size:22px; font-weight:600;}
.visual_content .card .secTop {padding:15px 0; border-bottom:1px solid rgba(0,0,0,.1);}
.visual_content .card .nameB {font-size:14px;}
.visual_content .card .numberB {font-size:25px; font-weight:600;}
.visual_content .card ul {padding:20px 0; overflow:hidden;}
.visual_content .card .sec50 {float:left; width:50%;}
.visual_content .card .nameS {font-size:14px; color:rgba(0,0,0,.7);}
.visual_content .card .numberS {font-size:22px; font-weight:500;}
.visual_content .card .btnYe {width:100%; background:#ffc41a; padding:10px 0; font-size:16px; font-weight:500; text-align:center; border-radius:5px;}


@media all and (max-width:768px) {
	.main_visual_wrap .visual_box .visual_cut {width:560px;}
	.coin {right:17%; top:100px; width:150px; height:171px;}
}

@media all and (max-width:620px) {
	.main_visual_wrap .visual_box .visual_content {height:275px;}
	.main_visual_wrap .visual_box .visual_cut {width:470px;}
	.coin {right:17%; top:110px; width:130px; height:148px;}
	.visual_content .card {padding:25px;}
	.visual_content .card .title {font-size:18px;}
	.visual_content .card .numberB {font-size:23px;}
	.visual_content .card ul {padding:15px 0;}
	.visual_content .card .numberS {font-size:20px;}
	.visual_content .card .btnYe {font-size:15px; }
}

@media all and (max-width:520px) {
	.main_visual_wrap {height:250px;}
	.main_visual_wrap .visual_box .visual_content {height:250px;}
	.main_visual_wrap .visual_box .visual_cut {width:370px;}
	.coin {right:18%; top:140px; width:90px; height:102px;}
	.visual_content .card {padding:20px;}
	.visual_content .card ul {padding:12px 0;}
	.visual_content .card .btnYe {font-size:14px; }
}

.boxBonus {width:95%; height:auto; background:url(/image/allmenu_bg.jpg) no-repeat center; background-size:cover; /* background:#eaeef1; */ margin:0 auto 15px; padding:30px; border-radius:10px; overflow:hidden;}
.boxBonus .small {font-size:14px;}
.boxBonus .big {font-size:22px; font-weight:600;}
.boxBonus ul {float:left; width:50%; }
.boxBonus ul li {line-height:1.1;}

.boxWrap1 {width:95%; margin:30px auto 15px; display:flex; justify-content:space-between;}
.boxRank {width:48%; background:#fff; padding:10px; border-radius:10px; }
.boxRank ul li {float:left; padding:10px 7px;}
.boxRank img {width:37px;}
.boxRank .small {font-size:14px;}
.boxRank .big {font-size:18px; font-weight:600;}

.invite {width:95%; background:#fff; margin:0 auto 15px; padding:20px; border-radius:10px;}
.invite .tit {font-size:18px; font-weight:600;}
.invite .btnClick {background:#444; margin:-5px 0 0 8px; padding:3px 10px; color:#fff; font-size:12px; font-weight:600; letter-spacing:0.1px; border-radius:50px;}
.invite .inputWrap {margin:5px 0 0 0; display:flex;}
.invite .input {width:82%;}
.invite input {width:100%; height:40px; background:#eee; border-radius:5px 0 0 5px;}
.invite .btnCopy {width:18%; height:40px; background:#ffc41a; font-size:12px; font-weight:600; text-align:center; line-height:40px; letter-spacing:0.1px; border-radius:0 5px 5px 0; display:inline-block;}


.mainTit {margin:30px 2.5% 0 2.5%; font-size:18px; font-weight:600;}
.slideWrap {width:95%; margin:0 auto 20px; overflow-x:auto;}
.slideWrap .menuArea {width:145%; padding:5px 0 20px 0; display:flex; justify-content:space-between; gap:10px;}
.slideWrap .menuArea .link {width:33%; height:150px; background:#fff; padding:15px; border-radius:10px; }
.slideWrap .menuArea .name {font-size:14px; font-weight:500; }
.slideWrap .menuArea .img01 {background:url(/image/menu001.jpg) no-repeat right bottom; background-size:120%;}
.slideWrap .menuArea .img02 {background:url(/image/menu002.jpg) no-repeat right bottom; background-size:120%;}
.slideWrap .menuArea .img03 {background:url(/image/menu003.jpg) no-repeat right bottom; background-size:120%;}
.slideWrap .menuArea .img04 {background:url(/image/menu004.jpg) no-repeat right bottom; background-size:120%;}

.newsWrap {width:95%; min-height:100px; margin:10px auto; background:#fff; padding:20px; border-radius:10px; overflow:hidden;}
.newsWrap .tit {margin-bottom:12px; color:#000; font-size:18px; font-weight:600;}
.newsWrap dd {float:left; width:60%; font-size:14px !important; padding:3px 0; color:#000; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.newsWrap dd.date {width:40%; text-align:right; color:#9294a9; letter-spacing:0;}


.sTop {width:100%; background:#fff; 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);}
.w30 {width:33.3% !important;}
.w50 {width:50% !important;}
.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:#ffb619;}
.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:0px; 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:20px; /* color:rgba(255,255,255,.6); */ /* text-shadow:none; */font-weight:600;}

.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;}
	.aBox .krw {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; margin-top:70px;}
.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 .input2 {width:30%; 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;}
.searchWrap .inputBtn2 {width:30%; height:40px; background:#3f454a; line-height:40px; text-align:center; color:#fff; 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 {height:28px; margin-bottom:7px; padding-bottom:7px; font-weight:600; border-bottom:1px dashed rgba(0,0,0,.2); }


/* bTable */
.bTable {padding: 0;}

.bTableSelect {	width: calc(100% - 20px);	background: none;	border: none;}

.bTable90 {	margin: 90px 0 0 0 !important;}
.bTable .w50L {	float: left;	width: 49%;}
.bTable .w50R {	float: right;	width: 49%;}
.bTable .th {padding: 20px 0 3px 0;	font-size: 14px; line-height:1.5;	font-weight: 500;	text-transform: uppercase;}
.bTable .td {position: relative; height:50px;	background: #f8f8f8; line-height:50px;	font-size: 14px; text-indent: 10px; border:2px solid transparent; border-radius:5px;}
.td:hover {border:2px solid #1c2028; transition:ease 1s;}
.td.phone {display: flex;}
.td.phone input {padding-left: 10px;}
.td.auto {height:auto; line-height:1; text-indent:0;}
.td.empty {height:auto; background:transparent;}

li.phone {display: flex;  justify-content:space-around;}
li.phone .sec04 {width:25%;}

.read {background: #e9e9e9;}
.td.basic {background: #e9e9e9;}
/* .bTable .td input:read-only {background: #e9e9e9;} */
.bTable .td.input select.table {width:98%; margin-left: -5px; }
.td textarea {width:100%; height:300px; background:transparent; border:0;}
.td textarea:active {border:0 !important;}
.td textarea:hover {border:0 !important;}

.td.bank {}
.td.bank .bCount {display:inline;}

.bTable .td .btn {
	position: absolute;
	top: -2px;
	right: -2px;
	width: 150px;
	height: 100%;
	padding: 13px 0;
	background: #151e6b;
	border: 0;
	font-size: 13px;
	color: #fff;
	font-weight: 500;
	text-transform: uppercase;
	text-indent: 0;
}

.bTable input {
	width: 90%;
	background: transparent;
	border: 0;
	height: 50px;
	text-indent: 0;
	padding: 0;
	font-size: 14px;
	color: #373737;
	outline:0
}
.btnS {
	position: absolute;
	top:0;
	right:0;
	width: 20%;
	height: 50px;
	background: #1c2028;
	border-radius:0 5px 5px 0;
	color: #fff;
	font-size: 13px;
	font-weight: 500;
	text-indent: 0;
	line-height: 50px;
	text-align: center;
}
.btnS:hover {background: #1c2028; transition:ease 0.2s;}


@media screen and (max-width: 1000px) {
	.bTable .th {font-size:13px;}
	.bTable .td {height:40px; font-size:13px;  line-height:40px;}

	.bTable .td .btn {height:40px; font-size:12px;}
	.bTable input {height:40px; font-size: 13px;}
	.btnS {height:40px; font-size: 12px; line-height:40px; letter-spacing:0;}
}

@media screen and (max-width: 770px) {
	.bTable .td.bank {height:80px;}
	.bTable .td.bank .bCount {display:block;}	
	.bTable .td.bank .input20 {width:33% !important;}
	.bTable .td.bank .bCount .input35 {width:70% !important;}
}

@media screen and (max-width: 520px) {
	.bTable .w50L {	float:none;	width:100%;}
	.bTable .w50R {	float:none;	width:100%;}
}


.td.inputRadio {background: #fff; display: flex;	justify-content: center;	flex-wrap: wrap;	border: 1px solid #ebebeb;	height: auto;	padding: 10px 0;}
.inputRadioBtn {display: inline-block;	width: 20%;	min-width: 120px;	text-align: center;	font-size: 18px;	font-weight: 500;}
.inputRadioBtn input {width: 16px;	vertical-align: bottom;	margin: 0 10px 0 0;	background: #fff;}
.guide {font-size: 13px;	color: #109ad9;	font-weight: 500;}
.star {color: #ff6567;    font-size: 9px;}
.dd-container {	width: 100%;}
.dd-select {	margin: 0;}
.dd-options {	height: 250px;}
.dd-options li {	font-weight: 300;	padding: 0 10px;}
.dd-selected-image {	margin: 10px 0 10px 10px;}
.dd-selected-text {	line-height: 3 !important;}
.dd-pointer-down {	border-top: 5px solid rgba(0, 0, 0, 0.5);}
.dd-pointer-up {	border-bottom: 5px solid rgba(0, 0, 0, 0.5) !important;}

.bTable .bWrap {	clear: both;	margin: 40px 0 0 0;	text-align: center;}

.bTable .bWrap .bOk,
.bTable .bWrap .bCa {	width: 150px;	padding: 17px 0;	background: #414141;	border: 0;	font-size: 14px; color: #fff;  	border-radius:5px; letter-spacing:0; text-shadow:0 0 3px rgba(0,0,0,.2);	text-transform: uppercase;	display: inline-block;}
.bTable .bWrap .bOk {	background: #109ad9;	margin-right: 5px;}
.bTable .bWrap .bOk:hover, .bTable .bWrap .bCa:hover {box-shadow:0 5px 10px rgba(0,0,0,.1); transition:ease 0.5s;}
.nTotal {margin:0 0 15px 0; border:1px solid rgba(0,0,0,.1); padding:15px 20px; text-align: right; border-radius:5px; letter-spacing:0;}
.nTotal .strong {font-weight:600; letter-spacing:0;}

.bTable .td.input .table {   border: none;    background: none;    height: 100%;    /* margin: 0 10px; */}
.bTable .cap {color:rgba(0,0,0,.6);}

.radio_b {    width: 15px !important;    height: 15px !important;    display: inline-block;    vertical-align: middle;}

@media screen and (max-width: 1000px) {
	.bTable .bWrap .bOk, .bTable .bWrap .bCa {padding:13px 0; font-size:13px;}
	.bTable .cap {color:rgba(0,0,0,.6); font-size:12px;}
}


.subTab {width:100%; }
.subTab ul {border-bottom:0px solid rgba(0,0,0,.1); overflow:hidden;}
.subTab ul li {float:left; background:#f6f7f8; margin:0 5px 5px 0; padding:10px 30px; color:#93989e; font-weight:600; border-radius:50px; display:inline-block;}
.subTab ul li.on {background:#1c2028; color:#fff; font-weight:600; }

.nSearch {background:#f8f8f8; margin:15px 0 10px 0; padding:20px; font-size:14px; display:flex;	align-items:center; border-radius:5px; flex-wrap:wrap; /* justify-content:space-between; */ overflow:hidden;}
.nSearch input {width:70px; height:33px; font-size:12px;}
.nSearch .intxt01 {height:28px; background:#fff; border:1px solid rgba(0,0,0,.1); vertical-align:middle;}
.nSearch .nLeft {width:65%;}
.nSearch .nRight {width:35%; text-align:right;}
.nSearch .name {margin:0 7px 0 0; font-size:13px;}
.nSearch .name1 {margin:0 7px 0 15px; font-size:13px;}
select.basic {height:30px; background:#fff; border:1px solid rgba(0,0,0,.1); }


@media screen and (max-width: 440px) {
	.nSearch .nLeft {width:100%;}
	.nSearch .nRight {width:100%; padding-top:7px; text-align:left;}
}

/* tabMenu */
.tabMenu {width:100%; margin:0 0 40px 0; }
.tabMenu > ul {display:flex; justify-content:space-between; align-content:space-between; text-align:center;}
.tabMenu > ul > li {padding:15px 0; color:#9c9c9c; font-weight:400; border:1px solid #ddd; border-radius:5px; box-shadow:0 5px 5px rgba(0,0,0,.02); cursor:pointer;}
.tabMenu > ul a {margin:0 5px 0 0;}
.tabMenu > ul a:last-child {margin:0;}
.tabMenu > ul li.on {background:#109ad9; font-size:15px; font-weight:600; color:#fff; border:1px solid #109ad9; text-shadow:0 0 3px rgba(0,0,0,.4); box-shadow:0 10px 10px rgba(0,0,0,.05);}
.tabMenu a {display:block; width:100%; height:100%;}
.w02 {width:calc(50% - 5px);}
.w03 {width:calc(33.3% - 5px);}
.w04 {width:calc(25% - 5px);}
.w05 {width:calc(20% - 5px);}

@media screen and (max-width: 1200px) {
	.tabMenu > ul > li {padding:12px 0; font-size:13px;}
	.tabMenu > ul > li.on {font-size:13px;}
}

@media screen and (max-width: 768px) {
	.tabMenu > ul > li {padding:12px 0; font-size:12px;}
	.tabMenu > ul > li.on {font-size:12px;}
	.tabMenu ul a {margin:0 2px 0 0;}
	.w02 {width:calc(50% - 2px);}
	.w03 {width:calc(33.3% - 2px);}
	.w04 {width:calc(25% - 2px);}
	.w05 {width:calc(20% - 2px);}
}

@media screen and (max-width: 560px) {
	.tabMenu > ul > li {padding:10px 0; font-size:11px;}
	.tabMenu > ul > li.on {font-size:11px;}
}


.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); z-index:3;}
.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;}