@import url(base.css?v=20231106112230);
/*
* Author : jsChoi
* CreatedDate : 20180626
*/
/*////////////////////////////////////////////////////// user style //////////////////////////////////////////////////////*/

/* ---------------------- base ---------------------- */
html {
    font-size: 62.5%;
    -ms-touch-action: none;
    /* touch-action: none; */
}
body {
    /* display: flex;
    flex-direction: column; */
    overflow-x: hidden;
    width: 100%;
    /* background-color: #f3f3f5; */
    background-color: #fff;
    font-family: 'Noto Sans KR', sans-serif;
    /* font-size: 62.5%; */
    font-weight: 500;
    color: #333;
    line-height: 100%;
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none;
    letter-spacing: -0.5px;
}
img {
    width: 100%;
}
a {
    color: #666;
}
table tr th,
table tr td {
    padding: 1px 0;
    font-size: 1.6rem;
    line-height: 2.1rem;
}
.font-myeongjo {
    font-family: 'Nanum Myeongjo', serif;
    font-weight: 800 !important;
    letter-spacing: 0 !important;
}
/* ----- paging ------ */
.num_box {
    padding: 3.7% 0;
}
.num_box li {
    display: inline-block;
    margin: 0px 1.3%;
    color: #333;
    font-size: 1.3rem;
    line-height: 2rem;
    vertical-align: middle;
}
.num_box li a {
    display: inline-block;
    width: 30px;
    height: 30px;
    font-size: 1.8rem;
    vertical-align: middle;
    line-height: 30px;
}
/* ----- zIndex ----- */
.zIdx100 {
    z-index: 50 !important;
}
.zIdx5 {
    z-index: 5 !important;
}
/* ----- point ----- */
.pointColor01 {
    color: #e62e8b !important;
}
.pointColor02 {
    color: #000 !important;
}
.pointColor03 {
    color: #fff !important;
}
.pointColor04 {
    color: #333 !important;
}
.pointColor05 {
    color: #b2b2b2 !important;
}
.pointColor06 {
    color: #4c4c4c !important;
}
.pointColor07 {
    color: #e7e7e7 !important;
}
.pointColor08 {
    color: #f0f0f0 !important;
}
.pointColor09 {
    color: #424242 !important;
}
.pointColor10 {
    color: #464646 !important;
 }
.pointColor11 {
    color: #908e8e !important;
}
.pointColor12 {
    color: #666 !important;
}
.pointColor13 {
    color: #eeecf7 !important;
}

.pointBg00 {
    background-color: transparent !important;
}
.pointBg01 {
    background-color: #e62e8b !important;
}
.pointBg01-02 {
	background-color: #fab3d7 !important;
}
.pointBg02 {
    background-color: #efefef !important;
}
.pointBg03 {
    background-color: #fff !important;
}
.pointBg04 {
    background-color: #3c3c3c !important;
}
.pointBg05 {
    background-color: #f2f2f2 !important;
}
.pointBg06 {
    background-color: #4c4c4c !important;
}
.pointBg07 {
    background-color: #e7e7e7 !important;
}
.pointBg08 {
    background-color: #f0f0f0 !important;
}
.pointBg10 {
    background-color: #e5e5e5 !important;
}
.pointBg11 {
    background-color: #ffc1c1 !important;
}
.pointBg12 {
    background-color: #f5f5f5 !important;
}
.pointBg13 {
    background-color: #d2c8c8 !important;
}
.pointBg14 {
    background-color: #8c8c8c !important;
}
.pointBg15 {
    background-color: #fdd439 !important;
}
.pointBg16 {
    background-color: #4b4b4b !important;
}
.pointBg18 {
    background-color: #f8ecee !important;
}
.pointBg19 {
    background-color: #eeecf7 !important;
}
.pointBg20 {
    background-color: #000 !important;
}
.pointBgPage {    
    background-repeat: no-repeat;
}
.CONVENSIA {
    background-image: url('../img/flatform/common/bg/CONVENSIA.png');
}
.COEX {
    background-image: url('../img/flatform/common/bg/COEX.png');
}
.KINTEX {
    background-image: url('../img/flatform/common/bg/KINTEX.png');
}
.SUWON {
    background-image: url('../img/flatform/common/bg/SUWON.png');
}
.ULSAN {
    background-image: url('../img/flatform/common/bg/ULSAN.png');
}
.level-vip {
    background-image: url('../img/flatform/common/bg/level-vip.png');
}
.line {
    display: inline-block;
    width: 2px;
    margin-right: 7px;
    height: 22px;
    background-color: #a0a0a0;
    vertical-align: middle;
}
.line-horizontal {
    display: block;
    width: 18%;
    height: 4px;
    margin: 0 auto;
    background-color: #e62e8b;
}
.line03 {
    display: block;
    width: 46px;
    height: 7px;
    background-color: #28434e;
}
.line04 {
    position: absolute;
    left: 0;
    top: 15%;
    width: 25%;
    height: 3%;
    background-color: #fff;
}
.line06 {
    display: block;
    width: 11.3%;
    margin: 0 auto;
    padding: 0.56% 0;
    background-color: #e62e8b;
}
.line06-edit {
    margin-bottom: 4.2%
}
.line07 {
    display: block;
    width: 12.8%;
    margin: 0 auto;
    margin-bottom: 4.5%;
    padding: 0.4% 0;
}
.vertical-bar {
    display: inline-block;
    width: 2px; 
    height: 14px;
    margin: 0 !important;
    padding: 0 !important;
    background: url('../img/bg_bar05.gif') no-repeat;
    background-size: contain;
}
.bor-style01 {
    border: 1px solid #c0c0c0 !important;
}
.bor-style01-1 {
    border: 1px dashed #c0c0c0 !important;
}
.bor-all-style {
    border: 1px solid #ccc !important;
}
.bor-all-style02 {
    border: 1px solid #e62e8b !important;
}
.bor-all-style02-03 {
    border: 3px solid #e62e8b !important;
}
.bor-all-style03 {
    border: 1px solid #c2c2c2 !important;
}
.bor-all-style04 {
    border: 1px solid #28434e !important;
}
.bor-all-style05 {
    border: 2px solid #989898 !important;
}
.bor-all-style06 {
	border: 1px solid #dbdbdb !important;
}
.bor-all-style07 {
    border: 1px solid #f3f3f5 !important;
}
.bor-all-style08 {
    border: 1px solid #d7d7d7 !important;
}
.bor-all-style09 {
    border: 1px solid #999 !important;
}
.bor-t-style02 {
    border-top: 1px solid #c5c5c5 !important;
}
.bor-t-style03 {
    border-top: 1px solid #333 !important;
}
.bor-t-style04 {
    border-top: 1px solid #cdcdcd !important;
}
.bor-t-style05 {
    border-top: 1px solid #7e7e7e !important;
}
.bor-t-style06 {
    border-top: 1px solid #e62e8b !important;
}
.bor-t-style10 {
    border-top: 2px solid #c8c8c8 !important;
}
.bor-t-style11 {
    border-top: 1px solid #d9d9d9 !important;
}
.bor-t-style12 {
    border-top: 3px solid #ededed !important;
}
.bor-t-style13:not(:first-child) {
    border-top: 1px dotted #a1a1a1 !important;
}
.bor-t-style14 {
    border-top: 10px solid #fff !important;
}
.bor-t-style15 {
    border-top: 1px solid #f3f3f5 !important;
}
.bor-t-style16 {
    border-top:1px solid #e3e2e7 !important;
}
.bor-t-style16-1 {
	border-top: 1px solid #bdbdbd !important;
}
.bor-t-style17 {
	border-top: 1px solid #c2c2c2 !important;
}
.bor-t-style18 {
	border-top: 3px solid #e62e8b !important;
}
.bor-r-style01 {
    border-right: 1px solid #c0c0c0 !important;
}
.bor-r-style02 {
	border-right: 1px solid #e9e9e9 !important;
}
.bor-r-style03 {
	border-right: 1px solid #cdcdcd !important;
}
.bor-r-style04 {
	border-right: 1px solid #fff !important;
}
.bor-r-style05 {
	border-right: 1px solid #c2c2c2 !important;
}
.bor-r-style06 {
	border-right: 1px solid #d8d8d8 !important;
}
.bor-r-style07 {
	border-right: 1px solid #c2c2c2 !important;
}
.bor-r-style08 {
	border-right: 1px solid #e62e8b !important;
}
.bor-r-style09 {
    border-right: 1px solid #d7d7d7 !important;
}
.bor-b-style01 {
    border-bottom: 3px solid #e6e6e6 !important;
}
.bor-b-style02 {
    border-bottom: 1px solid #c5c5c5 !important;
}
.bor-b-style03 {
    border-bottom: 1px solid #333 !important;
}
.bor-b-style04 {
    border-bottom: 1px solid #cdcdcd !important;
}
.bor-b-style05 {
    border-bottom: 1px solid #d8d8d8 !important;
}
.bor-b-style06 {
    border-bottom: 3px solid #ededed !important;
}
.bor-b-style07 {
    border-bottom: 1px dashed #d1d1d1 !important;
}
.bor-b-style08 {
    border-bottom: 1px solid #e62e8b !important;
}
.bor-b-style09 {
    border-bottom: 4px solid #000 !important;
}
.bor-b-style10 {
    border-bottom: 2px solid #c8c8c8 !important;
}
.bor-b-style11 {
    border-bottom: 5px solid #e0e0e0 !important;
}
.bor-b-style12 {
	border-bottom: 5px solid #e9e9e9 !important;
}
.bor-b-style13 {
    border-bottom: 1px solid #f3f3f5 !important;
}
.bor-b-style14 {
    border-bottom: 1px solid #e9e9e9 !important;
}
.bor-b-style15 {
	border-bottom: 1px solid #e3e2e7 !important;
}
.bor-b-style16 {
	border-bottom: 1px solid #c2c2c2 !important;
}
.bor-b-style17 {
	border-bottom: 1px solid #c0c0c0 !important;
}
.bor-b-style18 {
	border-bottom: 3px solid #e62e8b !important;
}
.bor-b-style19 {
	border-bottom: 5px solid #fff !important;
}
.bor-b-style20 {
	border-bottom: 1px solid #bdbdbd !important;
}
.bor-l-style01 {
	border-left: 1px solid #c0c0c0 !important;
}
.bor-l-style02 {
	border-left: 1px solid #e9e9e9 !important;
}
.bor-l-style03 {
	border-left: 1px solid #cdcdcd !important;
}
.bor-l-style04 {
	border-left: 1px solid #fff !important;
}
.bor-l-style05 {
	border-left: 1px solid #d8d8d8 !important;
}
.bor-color-edit {
    border-color: #333 !important;
}
.bor-color-edit02 {
    border-color: #c0c0c0 !important;
}
.bor-color-edit03 {
    border-color: #404040 !important;
}
.bor-color-edit04 {
    border-color: #2d2c2c !important;
}
.bor-color-edit05 {
    border-color: #fff !important;
}
/* ----- intro ----- */
.bg-intro-exhibition {
	width: 100%;
	height: 95%;
	/* background: url('../img/flatform/intro/intro_exhi_v2_bg.gif') no-repeat center;
	background-size: cover; */
	background-color: #f2f2f2;
}
.bg-intro-exhibition_inner {
    position: relative;
    width: 100%;
    height: 100%;
    background: url('../img/flatform/intro/intro_exhi_v3.png') no-repeat center;
    background-size: contain;
}
.intro-cobe {
    position: absolute;
    left: 5%;
    top: 3%;
    z-index: 2;
    width: 90%;
    height: 43%;
}
.intro-edu {
	position: absolute;
	left: 5%;
    bottom: 3%;
    z-index: 2;
	width: 90%;
	height: 43%;
}
/* ----- form ----- */
input,
textarea {
    padding: 3.5% 14px;
    color: #555;
    font-family: 'Noto Sans KR', sans-serif;
    font-weight: 100;
}
input,
select,
textarea {
    width: 100%;    
	box-sizing: border-box;
	border: 1px solid #c2c2c2;
	background-color: #fff;
    font-size: 1.9rem;
    line-height: 2.1rem;
	vertical-align: middle;
    color: #555;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
}
input,
select {
    height: 60px;
}

textarea.text_limit {
	width: 100%;
	height: 27px;
	margin: 0 auto;
	box-sizing: border-box;
}
select {
    padding: 0 11px;
    text-align: center;
}
select.login-select,
input[type="date"],
input[type="month"],
input.fake-input {
	margin-right: 4.2%;
}

select,
input[type="date"],
input[type="month"] {
	background-size: contain;
	background-position: right center;
	-webkit-appearance: none;
	-moz-appearance: none;
	-o-appearance: none;
    appearance: none;
}

select,
input[type="date"],
input[type="month"],
input.fake-input {
	background: url('../img/flatform/common/icon/select_style.png') no-repeat;
	background-position: right center;
    background-size: contain;
    background-color: #fff;
}

select::-ms-expand,
input:focus::-ms-expand input::-ms-expand {
	display: none;
}

input::placeholder {
	color: #b0b0b0;
}

input[type="number"]::placeholder,
input[type="tel"]::placeholder {
	text-align: left;
}

input[type="text"]:disabled {
	background-color: #fff;
}

input#search-input:focus {
	outline: none;
}

input[type="date"],
input[type="month"] {
	padding-right: 7px;
	padding-left: 7px;
	letter-spacing: -1.5px;
}

input::-webkit-inner-spin-button,
input::-webkit-calendar-picker-indicator {
	display: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	-o-appearance: none;
	appearance: none;
}

input[type="number"],
input[type="tel"] {
	text-align: center;
}

.search-input-box input.user-input {
    border: 0 !important;
    border-radius: 30px;
    background-color: #e9e9e9;
}

.login-num-input-box {
	display: flex;
	align-items: center;
}

input.login-num-input {
	width: 32%;
	margin: 0 auto;
}

input.login-num-01-input {
	width: 20%;
}

input.login-input-size01 {
	width: 71%;
}

label.label-txt {
	padding: 0 0 0 26px !important;
	color: #000;
	font-size: 2.1rem;
	font-weight: 400;
	line-height: 3.1rem;
}

input.login-input-size02 {
	width: 26% !important;
}

/* ----- input checkbox, radio ----- */
input[type="radio"],
input[type="checkbox"] {
	margin: 0 3px;
	vertical-align: middle;
}

.label-check,
.label-radio {
	display: block;
	position: relative;
	padding: 0;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	font-size: 1.7rem;
	line-height: 3.5rem;
}

.label-radio {
    font-size: 1.2rem;
    line-height: 2.4rem;
}

.label-check input[type="checkbox"],
.label-radio input[type="radio"] {
	display: none;
	position: absolute;
	opacity: 0;
	cursor: pointer;
}

.mark-check {
	display: inline-block;
	height: 33px;
	width: 33px;
	background-color: #fff;
	border: 1px solid #e62e8b;
	vertical-align: middle;
    position: relative;
}

.mark-radio {
    display: inline-block;
    position: relative;
    height: 17px;
    width: 17px;
    background-color: #fff;
    border: 1px solid #e62e8b;
    vertical-align: middle;
    border-radius: 50%;
}

.mark-check.mark-check-after {
    float: right;
    position: relative;
}
.mark-check.white,
.mark-radio.white {
    border: 1px solid #c0c0c0;
    background-color: #fff;
}

.label-check input[type="checkbox"]:checked~.mark-check {
	background-color: #e62e8b;
}
.label-check input[type="checkbox"]:checked~.mark-check.white,
.label-radio input[type="radio"]:checked~.mark-radio.white {
	background-color: #fff;
}

.mark-check:after {
	content: "";
	position: absolute;
	display: none;
}
.mark-radio:after {
	content: "";
	position: absolute;
	display: none;
}

.label-check input[type="checkbox"]:checked~.mark-check:after,
.label-radio input[type="radio"]:checked~.mark-radio:after {
	display: block;
}

.label-check .mark-check:after {
	left: 12px;
	top: 9px;
	width: 8px;
	height: 8px;
	border: solid #fff;
	border-width: 0 3px 3px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
.label-check .mark-check.white:after {
	left: 12px;
	top: 9px;
	width: 8px;
	height: 8px;
	border: solid #e62e8b;
	border-width: 0 3px 3px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
.label-radio .mark-radio.white:after {
    left: 8px;
    top: 14px;
    width: 5px;
    height: 5px;
    border: solid #e62e8b;
    border-width: 3px 3px 3px 3px;
    border-radius: 50%;
    background-color: #e62e8b;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.count-style {
	position: absolute;
    right: 14px;
    top: 50%;
    margin-top: -12px;
	padding: 2px 7px;
	color: #333;
	letter-spacing: 0;
}

/*  radio*/
input[type="radio"]:checked,
input[type="radio"]:not(:checked) {
	position: absolute;
	left: -9999px;
}

input[type="radio"]:checked+label,
input[type="radio"]:not(:checked)+label {
    position: relative;
    padding: 0 3px 0 45px;
    cursor: pointer;
    display: inline-block;
}

input[type="radio"]:checked+label:before,
input[type="radio"]:not(:checked)+label:before {
	content: '';
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -16.5px;
    width: 33px;
    height: 33px;
    border-radius: 50%;
    border: 1px solid #c0c0c0;
    background-color: #fff;
}

input[type="radio"]:checked+label:after,
input[type="radio"]:not(:checked)+label:after {
	content: '';
    width: 13px;
    height: 13px;
    background-color: #e62e8b;
    border: 1px solid #e62e8b;
    position: absolute;
    left: 10px;
    top: 50%;
    margin-top: -6.5px;
	border-radius: 50%;
/* 	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease; */
}

input[type="radio"]:checked+label:after {
	opacity: 1;
/* 	-webkit-transform: scale(1);
	transform: scale(1); */
}

input[type="radio"]:not(:checked)+label:after {
	opacity: 0;
/* 	-webkit-transform: scale(0);
	transform: scale(0); */
}

.search-input-box {
    position: relative;
    width: 71.7%;
    margin: 0 auto;
    background-color: #e9e9e9;
    border-radius: 30px;
}

.form-info-box {
    overflow: hidden;
    overflow-y: auto;
    height: 100px;
	margin: 0 3.7%;
	padding: 1.5% 3%;
	border: 1px solid #c0c0c0;
	border-radius: 3px;
	background-color: #fff;
	font-size: 1.7rem;
	line-height: 2.5rem;
}

/* icon */
.icon-mark {
    display: inline-block;
    margin-right: 1.5%; 
    padding: 3.7%;    
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    vertical-align: middle;
}
.icon-mark-vip {
    background-image: url('../img/flatform/common/icon/mark_vip.png');
}
.icon-mark-gold {
    background-image: url('../img/flatform/common/icon/mark_gold.png');
}
.icon-mark-family {
	background-image: url('../img/flatform/common/icon/mark_family.png');
}
.icon-characters-woman {
	background-image: url('../img/flatform/common/icon/characters_woman.png');
}
.icon-characters-man {
    background-image: url('../img/flatform/common/icon/characters_man.png');
}
.icon {
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    vertical-align: middle;
}
.icon-list {	
    width: 35px;
    height: 28px;
}
.icon-wish-on{
    background-color: #e62e8b !important;
    color: #fff !important;
}
.icon-wish .icon-heart {
    background-image: url('../img/flatform/common/icon/heart.png');
}
.icon-wish-on .icon-heart {
    background-image: url('../img/flatform/common/icon/heart_white.png');
}
.icon-share {
    width: 47px;
    background-image: url('../img/flatform/common/icon/share.png');
}
.icon-card  {
    background-image: url('../img/flatform/common/icon/card.png');
}
.icon-camera,
.icon-camera-plus {
    width: 100%;
    height: 100%;
    background-size: 17%;
}
.icon-camera {
    background-image: url('../img/flatform/common/icon/camera.png');
}
.icon-camera-plus {
    background-image: url('../img/flatform/common/icon/camera_plus.png');
}
/* 01: gray | 02: darkgray */
.icon_arrow_one_top01 {
    position: absolute;
    right: 2%;
    top: 34%;
    padding: 1.9% 1.8%;
    background: url('../img/flatform/common/icon/arrow_top_gray.png')no-repeat center;
}
.icon_arrow_one_top02 {
    padding: 1.8% 1.2%;
    background: url('../img/flatform/common/icon/arrow_top_darkgray.png')no-repeat center;
}
.icon_arrow_one_down01 {
    position: absolute;
    right: 2%;
    top: 34%;
    padding: 1.9% 1.8%;
    background: url('../img/flatform/common/icon/arrow_top_gray.png')no-repeat center;    
}
.icon_arrow_one_down02 {
    padding: 1.8% 1.2%;
    background: url('../img/flatform/common/icon/arrow_top_darkgray.png')no-repeat center;
}
.icon_arrow_one_left02 {
    /*position: absolute;*/
    left: 3.7%;
    top: 33%;
    padding: 1.9% 1.9%;
    background: url('../img/flatform/common/icon/arrow_left_pink.png') no-repeat center;
    background-size: contain;
}
.icon_page_home {
    margin-left:-60px;
    top: 33%;
    padding: 3.2%;
    background: url('../img/flatform/common/icon/page_home.png') no-repeat center;
    background-size: contain;
}
.icon_arrow_one_top_gray {
	position: absolute;
	right: 2.7%;
	top: 42%;
	width: 2.2%;
	padding: 0.8% 0;
	background: url('../img/flatform/common/icon/icon_arrow_one_top_gray.png') no-repeat center;
	background-size: contain;
}
.icon_arrow_one_down_gray {
    position: absolute;
    right: 2.7%;
    top: 42%;
    width: 2.2%;
    padding: 0.8% 0;
    background: url('../img/flatform/common/icon/icon_arrow_one_down_gray.png') no-repeat center;
    background-size: contain;
}
.icon_arrow {
	display: inline-block;
    background-size: contain;
    vertical-align: -2px;
}
.icon_arrow_down {
	display: inline-block;
    background-size: contain;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    vertical-align: middle;
} /**/
.icon-view {
    display: inline-block;
    width: 3%;
    padding: 2.5% 0;
    margin-right: 2%;
    background: url('../img/icon_view.png') no-repeat center top;
    background-size: contain;
    vertical-align: middle;
}
.icon-my {
    display: inline-block;
    width: 21px;
    height: 12px;
    background: url('../img/icon_my.png') no-repeat center;
    background-size: contain;
    font-size: 4.4rem;
    font-weight: 700;
    line-height: 4.5rem;
    vertical-align: middle;
}
.icon-terms {
    display: inline-block;
    padding: 4.2%;
    margin-right: 1%;
    background: url('../img/flatform/common/icon/question.png') no-repeat center;
    background-size: contain;
    vertical-align: middle;
}
.icon-customer {
    display: inline-block;
    padding: 4.2%;
    margin-right: 1%;
    background: url('../img/flatform/common/icon/person.png') no-repeat center;
    background-size: contain;
    vertical-align: middle;
}
.icon-point {
    display: inline-block;
    width: 45%;
    padding: 24% 0;
    margin-left: 7%;
    background: url('../img/icon_point.png') no-repeat center;
    background-size: contain;
    vertical-align: middle;
}
.icon-trash {
    width: 3.7%;
    padding-left: 2%;
    vertical-align: middle;
}
.icon-one-plus {
    display: inline-block;
    width: 10%;
    padding: 5% 0;
    background: url('../img/icon_one_plus.png') no-repeat center;
    background-size: contain;
}
.icon-q {
    display: inline-block;
    width: 14px;
    padding: 4% 0;
    margin-right: 4px;
    background: url('../img/flatform/common/icon/icon_q.png') no-repeat center;
    background-size: contain;
    vertical-align: middle;
}
.icon-a {
    display: inline-block;
    width: 14px;
    padding: 4% 2%;
    margin-right: 4px;
    background: url('../img/flatform/common/icon/icon_a.png') no-repeat center;
    background-size: contain;
    vertical-align: bottom;
}
.icon-dot {
    display: inline-block;
    width: 9px;
    height: 9px;
    margin-right: 5px;
    background-color: #000;
    border-radius: 50%;
    vertical-align: middle;
}
.line-shape {
    width: 100%;
    padding: 1.5% 0;
    border-radius: 10px;
    background-color: #e0e0e0;
}
.icon-reward-on {
    position: absolute;
    bottom: -252%;
    z-index: 0;
}
.icon-reward-off {
    position: absolute;
    bottom: -252%;
    z-index: 0;
}
.icon-reward-max {
    position: absolute;
    right: 0;
    bottom: -217%;
    z-index: 0;
}
.icon-watching {
    position: absolute;
    right: 4%;
    top: 6%;
    padding: 5%;
    background: url('../img/icon_watching.png') no-repeat;
    background-size: contain;
}
.icon-watching-num {
    position: absolute;
    right: 11%;
    top: 13%;
    font-size: 1.6rem;
    line-height: 2.3rem;
}
.icon-zoom {
    position: absolute;
    right: 4%;
    bottom: 6%;
}
.btn-home {
    position: absolute;
    left: 5.4%;
    top: 31.8%;
    padding: 2.7% 3.4%;
    background: url('../img/flatform/common/icon/home.png') no-repeat center top;
    background-size: contain;
}
.btn-alert-box {
    position: absolute;
    right: 16%;
    top: 31%;
}
.btn-setting {
	position: absolute;
    right: 5.4%;
    top: 31%;
    padding: 2.8% 2.8%;
	background: url('../img/flatform/common/icon/setting.png') no-repeat center top;
	background-size: contain;
}
.exhi-btn-list {
    display: flex;
    justify-content: center;
    padding-bottom: 2.7%;
}
/*
.exhi-btn-list li {
    flex-grow: 1;
    text-align: center;
    overflow: hidden;
}
.exhi-btn {
    display: inline-block;
    padding: 8px 10px;
    border-radius: 20px;
    font-size: 1.3rem;
    font-weight: 700;
}
*/
.exhi-btn-list li {
    text-align: center;
	letter-spacing: 0.1rem;
}
.exhi-btn {
    display: inline-block;
    padding: 1.2rem;
    border-radius: 20px;
    font-size: 1.4rem;
    font-weight: 700;
}
.exhi-btn.coex {
    border: 1px solid #999;
    color: #999;
}
.exhi-btn.kintex {
	border: 1px solid #999;
    color: #999;
}
.exhi-btn.suwon {
	border: 1px solid #999;
    color: #999;
}
.exhi-btn.songdo {
	border: 1px solid #999;
    color: #999;
}
.exhi-btn.ulsan {
	border: 1px solid #999;
    color: #999;
}
.exhi-btn.exco {
	border: 1px solid #999;
    color: #999;
}
.exhi-btn.bexco {
	border: 1px solid #623182;
    color: #623182;
}
.exhi-btn.setec {
	border: 1px solid #9a8736;
    color: #9a8736;
}
.exhi-btn.e365 {
	border: 1px solid #e62e8b;
	color: #e62e8b;
}
.exhi-btn.scc {
	border: 1px solid #167246;
	color: #167246;
}
.exhi-btn.coex.on {
	background-color: #ec008c;
	color: #fff;
	border: 1px solid #ec008c;
}
.exhi-btn.e365.on {
	background-color: #e62e8b;
	color: #fff;
}
.exhi-btn.kintex.on {
    background-color: #3e7dc0;
    color: #fff;
	border: 1px solid #3e7dc0;
}
.exhi-btn.suwon.on {
	background-color: #fc6b00;
	color: #fff;
	border: 1px solid #fc6b00;
}
.exhi-btn.songdo.on {
	background-color: #19d3c5;
	color: #fff;
	border: 1px solid #19d3c5;
}
.exhi-btn.ulsan.on {
	background-color: #00a0e9;
	color: #fff;
	border: 1px solid #00a0e9;
}
.exhi-btn.exco.on {
	background-color: #ec1848;
	color: #fff;
	border: 1px solid #ec1848;
}
.exhi-btn.bexco.on {
	background-color: #623182;
	color: #fff;
	border: 1px solid #623182;
}
.exhi-btn.setec.on {
	background-color: #9a8736;
	color: #fff;
	border: 1px solid #9a8736;
}
.exhi-btn.scc.on {
	background-color: #167246;
	color: #fff;
	border: 1px solid #167246;
}
.icon-coupon {
    display: inline-block;
    width: 50px;
    height: 40px;
    margin-left: 10px;
    background: url('../img/icon_coupon.png') no-repeat center;
    background-size: contain;
    vertical-align: middle;
}
.icon-pickup {
    display: inline-block;
    width: 17px;
    height: 13px;
    margin-right: 2px;
    background: url('../img/icon_pickup.png') no-repeat center;
    background-size: contain;
    vertical-align: middle;
}
/* btn */
button,
.btn,
.btn-small {
    display: inline-block;
    width: 100%;
    height: 60px;
    margin-left: 0%;
    box-sizing: border-box;
    background-color: #fff;
    border: 1px solid #e62e8b;
    color: #e62e8b;
    text-align: center;
    font-size: 2rem;
    font-family: 'Noto Sans KR', sans-serif;
    line-height: 60px;
    vertical-align: middle;
    font-weight: 700;
    box-sizing: border-box;
}
.btn-gray {
    border: 1px solid #c2c2c2;
    background-color: #efefef;
    color: #656565;
}
.btn-small {
    width: 22%;
}
.btn-radius {
    width: 26%;
    height: initial;
    line-height: 36px;
    border-radius: 35px;
}
.btn-hashtag {
    display: inline-block;
    margin: 4px 3px;
    padding: 7px 10px;
    border-radius: 4px;
    border: 1px solid #c2c2c2;
    box-sizing: border-box;
    background-color: #f2f2f2;
    font-size: 1.4rem;
    text-align: center;
    /* white-space: nowrap; */
}
.btn-hashtag-medium {
    display: inline-block;
    height: 10px;
    padding: 3% 4%;
    border-radius: 16px;
    border: 1px solid #e0e0e0;
    background-color: #fff;
    font-size: 1.6rem;
    text-align: center;
}
.btn-list-small {
    display: inline-block;
    border: 1px solid #7f7e7e;
    padding: 5px 10px;
    margin: 0 1%;
    background-color: #585858;
    color: #ffffff !important;
}
.select-option {
    display: block;
    overflow: hidden;
    position: relative;
    height: 34px;
    width: 100%;
    padding: 0 35px 0 10px;
    border: 1px solid #28434e;
    border-radius: 3px;
    background-color: #fff;
    color: #28434e;
    font-size: 1.3rem;
    text-align: left;
}
.select-option:after {
    position: absolute;
    top: 50%;
    right: 10px;
    width: 8px;
    height: 8px;
    margin-top: -9px;
    border: 1px solid #28434e;
    border-width: 0 1px 1px 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    content: '';
}
.btn-login {
    display: block;
    width: 50%;
    margin: 0 auto;
    padding: 4.5% 5%;
    box-sizing: border-box;
    color: #333;
    font-size: 2.3rem;
    text-align: center;
    align-items: center;
    border: 1px solid #b2b2b2;
}
.btn-login span {
    margin: 0 auto;
}
.btn-footer {
    display: block;
    width: 153px;
    height: 43px;
    box-sizing: border-box;
    background-color: #fff;
    border: 1px solid #dadada;
    border-radius: 20px;
    color: #555;
    font-size: 1.7rem;
    font-weight: 500;
    text-align: center;
    line-height: 43px;
    margin-left: auto;
}
.btn-box {
    text-align: center;
}
.btn-box02 {
    position: absolute;
    right: 0;
    top: 0;
}
.btn-more-box {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 4% 0;
    background-color: #fff;
    text-align: center;
}
.btn-whole-box {
    margin: 0 3.7% 0 3.7%;
    padding-top: 3.7%;
}
.btn-bottom-frame02 {
    clear: both;
    overflow: hidden;
    padding: 7% 3.7%;
    text-align: center;
}
.btn-bottom-frame {
    clear: both;
    overflow: hidden;
    /* padding: 0 8.1% 9% 8.1%; */
    text-align: center;
}
.btn-small-bottom {
    display: inline-block;
    position: relative;
    width: 45%;
    height: 75px;
    margin: 0 1%;
    /* padding: 2.55% 2%; */
    padding: 0 1%;
    border-radius: 3px;
    box-sizing: border-box;
    /* font-size: 3rem; */
    font-size: 2rem;
    font-weight: 900;
    /* line-height: 4.6rem; */
    line-height: 75px;
    text-align: center;
    /* letter-spacing: 2px; */
}
.btn-popup-close {
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    background: url('../img/flatform/common/bg/bg_close.gif') no-repeat left center;
    background-size: contain;
    background-color: #b5b5b5;
    width: 100%;
    padding: 6.3% 3%;
}
.btn-popup-close img {
    position: absolute;
    left: 5%;
    top: 26%;
    width: 4.9%;
    height: 45%;
}
.btn-small-close {
    display: inline-block;
    width: 4%;
    padding: 2.5% 0;
    background: url('../img/flatform/common/icon/small_close.png') no-repeat center;
    background-size: contain;
    vertical-align: middle;
}
.btn-popup-close02 {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 5;
    width: 100%;
    padding: 3.7%;
    box-sizing: border-box;
    background: url('../img/flatform/common/icon/popup_close.png') no-repeat right 3.7% center;
    background-size: 5%;
    background-color: #fff;
}
.btn-popup-close-txt {
    position: absolute;
    right: 3.7%;
    top: 21%;
    z-index: 1;
    color: #999;
    font-size: 4.2rem;
    line-height: 5rem;
}
.btn-popup-close02-red {
    float: right;
    width: 10%;
    padding: 3.7% 0;
}
.btn-table-close {
    position: absolute;
    top: 10%;
    right: 0;
    z-index: 5;
    width: 17px;
    height: 17px;
    background: url('../img/flatform/common/icon/small_close.png') no-repeat center;
    background-size: contain;
    border: 1px solid #fea4cc;
    border-radius: 50%;
    vertical-align: middle;
    background-color: #fea4cc;
}
.btn-search-close {
    position: absolute;
    left: 3.7%;
    top: 50%;
    transform: translateY(-50%);
    width: 4.6%;
    padding: 6px 0px;
}
.btn-search-close02 {
    position: absolute;
    right: 4%;
    top: 34%;
    width: 3%;
}
.btn-search-close02-e {
    right: 3%;
    top: 10%;
    width: 3%;
}
.btn-icon-search02 {
    float: right;
    width: 30px;
    height: 28px;
    margin-top: 3%;
    padding-right: 5%;
    background: url('../img/flatform/common/icon/search.png') no-repeat 0 0;
    background-size: contain;
}
.btn-login-close {
    display: inline-block;
    margin-right: 3%;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    vertical-align: middle;
}
.btn-login-close {
    width: 3.5%;
    padding: 3% 0;
    background-image: url('../img/flatform/common/icon/bg_close.gif') no-repeat left center;
}
.btn-location-b {
    position: absolute;
    left: 3%;
    bottom: 2.4%;
    width: 94%;
}
.btn02 {
	width: 32%;
	padding: 0 1%;
	background-image: none;
	/* background-color: #424242; */
	background-color: #e62e8b;
	border: 1px solid #e62e8b;
	box-shadow: none;
	color: #fff;
}

.btn03 {
	background-color: #8c8c8c;
	border: 1px solid #717171;
	color: #fdfdfd;
}

.btn-h {
	height: 34px !important;
	font-size: 1.3rem !important;
	line-height: 2.2rem !important;
}
.big02-e {
    height: 37px !important;
    font-size: 1.2rem !important;
    line-height: 37px !important;
}
.btn-info-table-normal {
    display: inline-block;
    padding: 1.8% 4%;
    box-sizing: border-box;
    border-radius: 3px;
    background-color: #8c8c8c;
    border: 1px solid #717171;
    /* background-color: #fbfbfb; */
    /* color: #555; */
    color: #fdfdfd;
    font-size: 2.1rem;
    font-weight: 600;
    line-height: 2.7rem;
    text-align: center;
}
.btn-info-table-normal02 {
    display: inline-block;
    margin-right: 4%;
    padding: 0 1%;
    height: 75px;
    box-sizing: border-box;
    border: 1px solid #c0c0c0;
    border-radius: 3px;
    background-color: #fbfbfb;
    color: #555;
    font-size: 2rem;
    font-weight: 900;
    line-height: 75px;
    text-align: center;
}
.btn-info-table-normal03 {
    display: inline-block;
    padding: 1.8% 6.9%;
    box-sizing: border-box;
    border: 1px solid #ccc;
    background-color: #f0f0f0;
    color: #5e5e5e;
    font-size: 2.1rem;
    font-weight: 600;
    line-height: 2.7rem;
    text-align: center;
}
.btn-close-option {
    display: block;
    position: relative;
    top: -4%;
    z-index: 1;
    width: 16.42% !important;
    margin: 0 auto;
}
.bottom-fix-box {
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 50;
    width: 100%;
    background-color: #fff;
    text-align: center;
}
.bottom-fix-box-bg {
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 1;
    width: 100%;
    height: 66%;
    box-sizing: border-box;
}
.bottom-fix-box-bg-inner {
    padding: 3.7%;
    border-top: 1px solid #999;
    background-color: #f2f2f2;
}
.btn-user-color {
    display: inline-block;
    padding: 3.7%;
    box-sizing: border-box;
    background-color: #e62e8b;
    color: #fff;
    font-size: 2.3rem;
    font-weight: 500;
    line-height: 3rem;
    text-align: center;
}
.btn-user-white {
    display: inline-block;
    padding: 3.7%;
    box-sizing: border-box;
    background-color: #fff;
    color: #e62e8b;
    font-size: 2.3rem;
    font-weight: 500;
    line-height: 3rem;
    text-align: center;
}
.btn-user-small.on {
	background-color: #e62e8b;
	color: #fff;
}
.btn-lookup {
    display: inline-block;
    width: 20.5%;
    margin-left: 3%;
    padding: 1.4% 2%;
    background-color: #f5f5f5;
    border: 1px solid #989898;
    border-radius: 3px;
    color: #464646;
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 2.8rem;
    text-align: center;
    box-sizing: border-box;
    vertical-align: middle;
}
.btn-lookup:first-child {
    margin-left: 0;
}
.btn-info-normal {
    display: inline-block;
    width: 20%;
    padding: 0% 3%;
    border: 1px solid #717171;
    border-radius: 3px;
    box-sizing: border-box;
    background-color: #8c8c8c;
    color: #fdfdfd;
    font-size: 1.5rem;
    line-height: 3.5rem;
    font-weight: 700;
    text-align: center;
    vertical-align: middle;
}

.icon-minus,
.icon-plus {
    display: inline-block;
    width: 100%;
    height: 100%;
    border: 2px solid #fff;
    box-sizing: border-box;
    margin: 0 auto;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.icon-minus {
    background-image: url('../img/flatform/common/icon/btn_minus.jpg');
}
.icon-plus {
    background-image: url('../img/flatform/common/icon/btn_plus.jpg');
}
.btn-tab-list-box-style-more {
    background-color: #fff;
    clear: both;
    width: 100%;
    padding: 20px 0 4% 0;
}
.point-active {
    background-color: #e62e8b;
    border: 1px solid #e62e8b;
    color: #fff
}
.btn-switch-on,
.btn-switch-off {
    display: inline-block;
    width: 70px;
    padding: 15px 0;
    background: url('../img/flatform/common/icon/switch_on.png') no-repeat center top;
    background-size: contain;
    vertical-align: middle;
}
.btn-switch-off {
    background-image: url('../img/flatform/common/icon/switch_off.png');
}
.btn-sns-box {
    float: right;
    width: 20%;
    height: 50px;
    border: 0;
    box-sizing: border-box;
    background-color: #989898;
    color: #fff;
    font-size: 1.7rem;
    font-weight: 700;
    line-height: 50px;
}
.btn-after-x {
    background-color: #2e2e2e;
    color:white;
    position: absolute;
    right:0;
    top: 0;
    width: 25px;
    height: 25px;
    font-size: 1.5rem;
    line-height: 25px;
    text-align: center;
}
.main-barcode {
    /* float: right; */
    /* width: 28%; */
    width: 44%;
    padding: 2.7%;
}
.main-barcode > a {
    display: block;
    background-color: #fff;
}
/* list-box */
.barcode-list li {
    width: 92%;
    margin: 0 auto 3.7% auto;
}
.barcode-list-boundary {
    width: 100%;
   padding: 4.3rem 0 !important;
    border: 1px solid #f1f1f1;
    box-sizing: border-box;
    position: relative;
}
.barcode-list-box {
    width: 90% !important;
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 1;
    margin-top: -9% !important;
    margin-left: -45% !important;
    text-align: center;
}

.bg-barcode02-style {
    position: absolute;
    left: -4px;
    top: 50%;
    margin-top: -7%;
    border: 3px solid #fff;
    width: 100%;
    z-index: 0;
}
.step-list {
    display: flex;
    padding: 4.7% 1.7%;
    flex-wrap: wrap;
    align-items: center;
}
.step-list li {    
    color: #e62e8b;
    text-align: center;
}
.step-list li .step-circle {
    position: relative;    
    width: 150px;
    height: 150px;
    margin: 0 auto;
    border: 1px solid #e62e8b;
    border-radius: 50%;
}
.step-list li p {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 100%;
    margin-top: -29px;
    margin-left: -51%;
    color: #e62e8b;
    font-weight: 500;
    text-align: center;
}
.list-contents-inner {
    display: flex;
    height: 100%;
    padding: 27px;    
    flex-wrap: wrap;        
    box-sizing: border-box;
}
.level-situation {
    border: 1px solid #c2c2c2;
    border-radius: 20px;
    height: 40px;
    background-color: #fff;
}
.share-sns-box {
    padding: 5.7%;
}
/* ---------------------- layout ---------------------- */


 /* 메인 전면부 팝업 추가 181102 */
.main-popup {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 50;
    display: flex;
    width: 100%;
    height: 100vh;
    background-color: rgba(0,0,0,0.7);
}
.main-popup-img {
    position: relative;
    width: 100%;
}
.go-app {
    position: absolute;
    left: 12%;
    bottom: 23%;
    width: 78.3%;
    height: 9%;
    background-color: yellow;
    opacity: 0;
}
.no-web {
    position: absolute;
    left: 31%;
    bottom: 14.5%;
    width: 42.5%;
    height: 8%;
    background-color: blue;
    opacity: 0;
}
.main-popup-close {
    position: absolute;
    right: 5%;
    top: 5%;
    width:15px;
}

/* ---------- login page ---------- */
#login-body {
    background-color: #f0f0f0;
}
#login-body02 {
    background-color: #fff;
}
.header-line,
#login-header-line {        
    overflow: hidden;
    width: 100%;    
    background-color: #fff;
    box-sizing: border-box;
}
.header-line {
    text-align: center;
}
#login-header-line {
    position: relative;
    z-index: 10;
    padding: 3.5% 3.7%;
	border-bottom: 1px solid #c2c2c2;
}
#login-header-line h1,
.info-form-title02 {
    overflow: hidden;
    vertical-align: middle;
    color: #666;
    font-size: 2.6rem;
    font-weight: 700;    
    text-align: center;
}
#login-header-line h1 {
    line-height: 3.7rem;
}
.top-fixed-line {
    overflow: hidden;
    padding: 1.5% 0;
}
.top-fixed-line h1 {
    display: flex;
    color: #fff;
    font-weight: 900;
    line-height: 3.6rem;
    vertical-align: middle;
    align-items: center;
}

/* tab */
.index-top,
.index-tab {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	overflow: hidden;
	text-align: center;
}
.index-top {
    background-color: #f0f0f0 !important;
    border-bottom: 1px solid #bdbdbd;
}
.index-top a,
.index-tab a {
    margin: 0 auto;
    /* padding: 3.5% 3.7%; */
	padding: 2.5% 0%;
    box-sizing: border-box;
    font-size: 2.3rem;
    /* line-height: 3.8rem; */
	line-height: 3.5rem;
    font-weight: 700;
    color: #999;
}
.index-tab a {
    width: 50%;
}

/* tab contents */
.con-box00 {
    position: absolute;
    top: 25%;
    width: 92.6%;
    padding: 0 3.7%;
}
.con-box {
    position: relative;
    padding: 0 3.7% 48.1% 3.7%;
}
.con-box02 {
    padding: 0 3.7% !important;
}
.con-box02-01 {
    padding: 3.7% 0 !important;
}
.con-box03 {
    padding: 3.7% 3.7% 7.4% 3.7%;
}
.con-box04 {
    padding: 3.7% !important;
}
.con-box05 {
    padding: 5% 0;
}
.con-box06 {
    padding: 6% 3.7% !important;
}
.con-box07 {
    margin: 3.7%;
}
.con-box07-01 {
	margin: 0 3.7%;
}
.con-box08 {
    padding: 5% 3.7% !important;
}
.con-box09 {
    margin-top: 3.7%;
    margin-bottom: 3.7%;
}
.con-box10 {
    padding-bottom: 3.7% !important;
}
.con-box10-1 {
	padding-top: 3.7% !important;
}
.con-box11 {
    margin-bottom: 1.7%;
}
.con-box12 {
    padding-top: 15% !important;
}
.con-box13 {
    margin: 7% 0;
}
.con-box14 {
    padding: 0 15% 3.7% 15% !important;
}
.con-box15 {
    margin: 10%;
}
.con-box16 {
    padding: 0 1.7%;
}
.con-box17 {
    padding: 1.7% 3.7% !important;
}
.con-box18 {
    padding: 15% 3.7%;
}
.con-box19 {
    padding: 5% 0 2% 0;
}
.con-box20 {
    padding: 2.7%;
}
.con-box20-1 {
    padding: 2.7% 0 !important;
}
.con-box21 {
    padding: 2.5% 0 !important;
}
.con-box22 {
    padding: 11% 0;
}
.con-box23 {
    padding: 0 7.6% 0 7.6%;
}
.con-box24 {
    padding: 4% 6% !important;
}
.con-box25 {    
    padding: 5.7% 3.7% 5.7% 3.7%;
}
.con-box26 {
	padding: 1.7% 0;
}
.con-box27 {
	padding: 1.7% !important;
}
.con-box28 {
	margin: 7%;
}
.con-box29 {
	padding: 0 7%;
}
.con-box30 {
    padding-bottom: 7%;
}

.point-menu .img-frame-04 li .img-space a .img-box {
    text-align: center;
}
/* scroller */
.wrapper-scroller {
    position: absolute;
    z-index: 1;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: transparent;
    overflow: hidden;
    /* overflow: auto; */
}
.wrapper-scroller-e {
    top: 1.7%;
}
.scroller {
    position: absolute;
    z-index: 1;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    width: 100%;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none;
    -o-text-size-adjust: none;
    text-size-adjust: none;
}
.option-select-box-before {
    overflow-y: auto;
    height: 70px;
    -webkit-overflow-scrolling: touch;
}
.option-select-box {
    /* overflow-y: auto;
    height: 148px; */
    /* -webkit-overflow-scrolling: touch; */
    /* overflow: scroll; */
    position: absolute;
    top: 0;
    right: 0;
    bottom: 39.2%;
    left: 0;
}
.option-select-box-inner {
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 71%;
}
.option-select-box-inner-box {
    overflow: hidden;
    padding: 3.7%;
    box-sizing: border-box;
}
.list-scroll-div {
    width: 100%;
}
.option-select-box-fixed {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 5;
    /* height: 21%; */
    width: 100%;
}
.option-select-div {
    box-sizing: border-box;
    border-top: 1px solid #333;
    border-right: 1px solid #333;
    border-left: 1px solid #333;
}
.option-select-div h2 {
    position: relative;
    padding: 2.4% 3%;
    background-color: #fff;
    border-bottom: 1px solid #333;
    color: #212121;
    font-size: 2rem;
    font-weight: 700;
    line-height: 3.6rem;
}
.option-select-div-sub li {
    border: 0;
    background-color: #f4f4f4;
    border-bottom: 1px solid #999;
}
.option-select-div-sub li span {
    padding: 2.4% 3%;
    color: #212121;
    font-size: 1.8rem;
    font-weight: 500;
    line-height: 3.6rem;
}
.login-list-box li {
    position: relative;
    overflow: hidden;
    margin-top: 3.2%;
    border: 1px solid #c0c0c0;
    background-color: #fff;
    text-align: center;
}
.login-list-box li:first-child {
    margin-top: 0;
}
.list-box-point {
    color: #4c4c4c;
    font-weight: 900;
}
.logo02-box {
    width: 33.6%;
    margin: 0 auto;
    padding: 10.8% 0;
}
.logo02-box02 {
    width: 51.6%;
    margin: 0 auto;
    padding: 25.8% 0 11.8% 0;
}
.login-info {
    padding-bottom: 7.5%;
    color: #333;
    font-size: 2.7rem;
    font-weight: 700;
    line-height: 4.2rem;
}
.login-info02 {
    padding: 7.5% 0 2% 0;
}
.info-box {
    padding: 4.8% 3.7% 0 3.7%;
}
.info-txt {
    padding-bottom: 3.4%;
    color: #292929;
    font-size: 4rem;
    line-height: 5rem;
    font-weight: 700;
    text-align: center;
    letter-spacing: -2px;
}
.info-txt02 {
    color: #5f5f5f;
    font-size: 2.8rem;
    font-weight: 500;
    line-height: 3.8rem;
    text-align: center;
}
.info-txt03 {
    color: #5f5f5f;
    font-size: 2.6rem;
    line-height: 3.7rem;
    text-align: center;
}
.info-txt04 {
    color: #000;
    font-size: 2.6rem;
    font-weight: 700;
    line-height: 3.7rem;
    text-align: center;
}
.info-txt05 {
    padding: 18% 0 25% 0;
    color: #4c4c4c;
    font-size: 1.6rem;
    font-weight: 900;
    line-height: 2.2rem;
}
.info-txt06 {
    font-size: 8rem;
    font-weight: 900;
    line-height: 9.7rem;
    text-align: center;
    letter-spacing: -9px;
}
.info-txt-frame {
    padding: 6.7% 3.7% 3.7% 3.7%;
}
.info-form-box {
    clear: both;
    position: relative;
    overflow-x: auto;
    overflow-y: auto;
    height: auto;
    /* padding-bottom: 5%; */
}
.info-form01 {
    padding: 9.7% 9%;
    color: #5f5f5f;
}
.info-form02 {
    padding: 9% 0;
}
.info-form-title-frame {
    padding: 4% 5%;
}
.info-form-title {
    padding: 3.7%;
    font-size: 2.2rem;
    font-weight: 900;
    line-height: 3.2rem;
    vertical-align: middle;
}
.info-form-title03 ,
.index-tab {
    display: flex;
    padding: 2.7% 0;
    flex-wrap: wrap;
    align-items: center;
    text-align: center;
}
.info-form-title03 {
    background-color: #f2f2f2;
}
.info-tab-parent {
    display: flex;
    padding: 0 3.7%;
    justify-content: space-between;
}
/* .info-tab {
    display: inline-flex;
    padding: 2.7% 0;
    color: #999;
    font-size: 2.1rem;
    font-weight: 700;
    line-height: 4rem;
} */
.index-tab {
    padding-top: 0;
    background-color: #fff;
}
.info-form-title04 {
    padding: 2.3% 3.7%;
}
.info-form-title05 {
    padding: 4% 3.7%;
}
.info-form-title06 {
    margin-bottom: 3.7%;
}
.info-form-title07 {
    padding: 9% 0 !important;
}
.bor-radius-title {
    display: inline-block;
    padding: 0.5% 3.7%;
    border-radius: 24px;
    border: 1px solid #c2c2c2;
    font-size: 2.3rem;
    line-height: 3rem;
}
.info-form-list,
.index-tab span {
    flex-basis: 33.33%;
    flex-grow: 3;
    flex-shrink: 3;
    color: #999;
    font-size: 2.1rem;
    font-weight: 700;
    line-height: 4rem;
    box-sizing: border-box;
}
.info-form-list02 {
    display: inline-block;
    width: 33%;
    padding: 2% 3%;
    background-color: #fff;
    border: 1px solid #c8c8c8;
    box-sizing: border-box;
    color: #404040;
    font-size: 2.1rem;
    font-weight: 700;
    line-height: 4rem;
    box-sizing: border-box;
}
.info-form-list.form-list-on {
    color: #e62e8b;
}
.info-form-list02.form-list-on02 {
    background-color: #e62e8b;
    border: 1px solid #e62e8b;
    box-sizing: border-box;
    color: #fff;
}
label.info-label01 {
    font-size: 2.6rem;
    line-height: 3.6rem;
}
.info-term {
    padding-bottom: 8%;
}
table.info-table,
table.info-table02,
table.info-table03 {
    overflow: hidden;
    padding: 0 2%;
    border-collapse: inherit !important;
    border-spacing: 8px;
}
table.info-table {
    overflow: initial;
}
table.info-table02 {
    background-color: #fff;
    border-spacing: 0;
}
.info-table th,
.info-table td,
.info-table02 th,
.info-table02 td  {
    text-align: left;
}
.info-table02 th,
.info-table02 td {
    padding: 4% 7px;
/*     border-bottom: 1px solid #404040; */
}
.info-table02-e th,
.info-table02-e td {
    border-bottom: 1px solid #b1b1b1;
}
.info-table th,
.info-table02 th,
.info-table03 thead tr th {
    max-width: 100%;
    white-space: nowrap;
    font-size: 2rem;
    font-weight: 700;
    line-height: 2.8rem;
}
.info-table td,
.info-table02 td,
.info-table03 td {
    font-size: 1.8rem;
    line-height: 2.1rem;
}
.info-table label {
    padding: 0;
}
table.info-table03 {
    border-spacing: 0;
}
.info-table03 thead tr th {
    padding: 3% 0;
    background-color: #f0f0f0;
    border-bottom: 6px solid #ededed;
    color: #262626;
}
.info-table03 td {
    padding: 3% 0;
    border-right: 6px solid #fff;
    border-left: 6px solid #fff;
}
table.table-mobile {
    width: 100%;
}
.table-mobile tr th {
    padding: 2.5% 0;
    /* border-bottom: 2px solid #d4d4d4; */
    color: #333;
    font-size: 2.1rem;
    font-weight: 700;
    /* white-space: nowrap; */
    line-height: 3.4rem;
}
.table-mobile tbody {
    background-color: #fff;
    border-top: 3px solid #ededed;
}
.table-mobile tr td {
    padding: 1% 0;
    color: #666;
    font-size: 1.6rem;
    text-align: center;
    white-space: nowrap;
    line-height: 2.4rem;
}
.child_birth_row:last-child th,
.child_birth_row:last-child td {
    border-bottom: 0 !important;
}
/* ----- ///////////////////////// ----- */

/* ---------- header ---------- */
header {
    overflow-x: hidden;
    position: relative;
    width: 100%;
    min-height: min-content;
    background-color: #fff;
    border-bottom: 1px solid #bdbdbd;
    box-sizing: border-box;
}
.header-line {
    padding: 5.3% 3.7%;
}
.toggle-line {
    padding: 7.41% 3%;
}
.icon-e {
    background-image: url('../img/gnb_ico_v2.png');
    background-repeat: no-repeat;
    background-size: 332px 332px;
}
.logo {
    /*position: absolute;*/
    left: 3.7%;
    top: 50%;
    width: 140px;
    height: 40px;
    margin-top: -21px;
    background: url('../img/flatform/common/logo.png') no-repeat center;
    background-size: contain;
}
.logo-exp{
    position: absolute;
    left: 3.7%;
    top: 2%;
    width: 100px;
    height: 40px;
    background: url('../img/flatform/common/logo.png') no-repeat center;
    background-size: contain;
}
.search {
	display: block;
	position: absolute;
    right: 13%;
    top: 50%;
    width: 43px;
    height: 36px;
    margin-top: -18px;
	background: url('../img/flatform/common/icon/search.png') no-repeat center;
	background-size: contain;
}
.hamburger {
    display: block;
    position: absolute;
    right: 3.7%;
    top: 50%;
    width: 42px;
    height: 30px;
    margin-top: -15px;
    background: url('../img/flatform/common/icon/menu.png') no-repeat center;
    background-size: contain;
}
.go-cobe {
    position: absolute;
    right: 14px;
    top: 10px;
    width: 34px;
    height: 24px;
    background-position: -227px -19px;
}

.btn-more {
    position: absolute;
    right: 10px;
    top: 6px;
    width: 28px;
    height: 28px;
    background-position: -15px -62px;
}

.basket-num {
    display: flex;
    position: absolute;
    top: -3px;
    right: -6px;
    z-index: 1;
    width: 17px;
    height: 20px;
    padding: 0 6%;
    background-color: #fea4cc;
    border-radius: 50%;
    color: #000;
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 700;
    text-align: center;
    align-items: center;
}
.basket-num02 {
    right: 0;
}
.basket-num span {
    margin: 0 auto;
}
.js-fix-top01 {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 10;
}
.js-fix-top02 {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 10;
    width: 100%;
}
.menu {
    clear: both;
    width: 100%;
    box-sizing: border-box;
    border-top: 1px solid #ebeaed;
    border-bottom: 1px solid #ebeaed;
    background-color: #fff;
}
.menu .menu-con {
    overflow: hidden;
    /* -webkit-overflow-scrolling: touch;
    -ms-overflow-style: none;  */
    width: 100%;
}
/* .menu .menu-con::-webkit-scrollbar,
.menu .menu-con::-webkit-scrollbar-thumb {
    display: none;
    width: 0;
    height: 0;
    background: transparent;
} */
.menu-con ul {
    display: flex;
    align-items: center;
    position: relative;
    width: 100%;
    height: 39px;
    box-sizing: border-box;
}

.menu-con ul:after {
    content: '';
    clear: both;
    display: block;
    height: 0;
}

.menu-con ul .menu-list {
    display: flex;
    align-items: center;
    float: left;
    margin: 0 auto;
    box-sizing: border-box;
    text-align: center;
}

.menu .menu-con ul .menu-list a {
    display: block;
    width: 100%;
    margin: 0 auto;
    color: #1f1f1f;
    font-size: 1.45rem;
    font-weight: 700;
    letter-spacing: -1px;
}
.list-on a {
    color: #e62e8b !important;
}
.js-scroll-block {
    display: none;
}

.icon-star {
    display: inline-block;
    width: 7%;
    padding: 3% 0;
    margin: 0 2% 0 0;
    background: url('../img/star_off.png') no-repeat scroll center;
    background-size: contain;
    vertical-align: middle;
}
.icon-star.on {
    display: inline-block;
    width: 7%;
    padding: 3% 0;
    margin: 0 2% 0 0;
    background: url('../img/star_on.png') no-repeat scroll center;
    background-size: contain;
    vertical-align: middle;
}

/* ---------- footer ---------- */
footer {
    clear: both;
    /* margin-top: auto; */
}
.contact-box {
    overflow: hidden;
    position: relative;
    padding: 3.7%;
}
.footer-txt01 {
    color: #555;
    font-size: 1.9rem;
    line-height: 2.2rem;
    letter-spacing: 0;
}
.footer-list {
    padding-bottom: 8%;
}
.footer-list a {
    display: inline-block;
    margin-left: 8%;
}
.footer-list a:first-child {
    margin-left: 0;
}
.footer-menu {
    overflow: hidden;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    align-content: center;
}
.footer-menu a,
.footer-menu span,
.footer-menu img,
.alert-message {
    color: #555;
    font-size: 1.8rem;
    font-weight: 500;
    line-height: 3.5rem;
    flex-grow: 7;
    flex-shrink: 7;
}
.alert-message {
    border: 0 !important;
    color: #e70f47;
}
.footer-location-box {
    clear: both;
    overflow: hidden;
    position: relative;
    padding: 4.7% 3.7% 22.7% 3.7%;
}
.footer-location01 {
    position: absolute;
    left: 6%;
    top: 30%;
    width: 20%;
}
.footer-location02 {
    position: absolute;
    right: 4%;
    top: 16%;
    width: 67%;
}
.footer-location03 {
    position: absolute;
    left: 5%;
    top: 64%;
    width: 90%;
}
.footer-txt02 {
    color: #555;
    font-size: 1.8rem;
    font-weight: normal;
    line-height: 2.4rem;
    letter-spacing: 0;
}

/* ---------- search ---------- */
#search-body {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 11;
    overflow: hidden;
    width: 100%;
    height: 100%;
    background-color: #fff;
}
#form-box {
    position: relative;
    height: 84vh;
}
.search-header-line {
    position: relative;
    overflow: hidden;
    width: 100%;
    padding: 1.975% 0;
    box-sizing: border-box;
}
.search-logo {
    display: block;
    position: absolute;
    left: 3%;
    top: 22.7%;
    width: 10.8%;
    height: 57%;
    background: url('../img/flatform/common/logo_white.png') no-repeat 0 0;
    background-size: 100% auto;
}
.search-list-box {
    overflow: hidden;
    padding: 5% 0;
}
.search-list-box li {
    padding: 1.7% 11.7%;
    font-size: 1.9rem;
    line-height: 3rem;
}
.search-list-box li a {
    display: block;
    padding: 3.2% 3.7%;
    color: #5b5b5b;
    font-size: 2.2rem;
    line-height: 2.4rem;
}
.search-title {
    padding: 3.3% 3.7%;
    background-color: #fff;
    color: #262626;
    font-size: 2.4rem;
    font-weight: 700;
    line-height: 3rem;
}
.under-line {
    /* position: fixed;
    left: 0;
    bottom: 0;
    z-index: 5; */
    width: 92.6%;
    padding: 3% 3.7%;
    background-color: #fff;
    text-align: right;
}
.under-line p {
    display: inline-block;
    color: #626262;
    font-size: 2.6rem;
    font-weight: 500;
    letter-spacing: -2px;
    line-height: 3.2rem;
    vertical-align: middle;
}
/* ---------- kakao ---------- */
.kakao {
	display: none;
	position: fixed;
	right: 3.7%;
	bottom: 26%;
	z-index: 6;
	width: 8.8%;
	padding: 5.03% 0;
	background: url('../img/flatform/common/icon/sns_kakao.png') no-repeat center;
	background-size: contain;
}
/* .kakao-position {
    bottom: 162px;
} */
/* ---------- top ---------- */
.top {
    display: none;
    position: fixed;
    right: 3.7%;
    bottom: 18%;
    z-index: 6;
    width: 8.8%;
    padding: 5.03% 0;
    background: url('../img/flatform/common/icon/icon_top.png') no-repeat center;
    background-size: contain;
    opacity: 0.6;
}
.top-position {
    /* bottom: 20%; */
    /* bottom: 10%; */
    /* bottom: 70px; */
    /* bottom: 175px; */
}
/* ---------- down ---------- */
.down {
    display: none;
    position: fixed;
    right: 3.7%;
    bottom: 11%;
    z-index: 6;
    width: 8.8%;
    padding: 5.03% 0;
    background: url('../img//flatform/common/icon/icon_down.png') no-repeat center;
    background-size: contain;
    opacity: 0.6;    
}
/* ---------- back ---------- */
.back {
    display: none;
    position: fixed;
    left: 3.7%;
    bottom: 11%;
    z-index: 6;
    width: 11.06%;
    padding: 5.03% 0;
    background: url('../img//flatform/common/icon/icon_down.png') no-repeat center;
    background-size: contain;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}
.down-position,
.back-position {
    /* bottom: 10%; */
    /* bottom: 73px; */
}
/* ---------- quick menu ---------- */
.quick-menu {
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 6;
    width: 100%;
    border-top: 1px solid #c2c2c2;
    border-bottom: 1px solid #c2c2c2;
    background-color: #fff;
}
.quick-menu-list {
    display: flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
}
.quick-menu-list li {
    flex-basis: 20%;
    flex-shrink: 5;
    flex-grow: 5;
    box-sizing: border-box;
    text-align: center;
    height: 50px;
}
.quick-menu-list li a {
    display: block;
    margin: 0 auto;
}

/* ---------- whole menu ---------- */
.whole-menubox-frame {
    display: none;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 999999999999;
	width: 100%;
    height: 100%;
}
.whole-menubox {
    display: flex;
    flex-direction: column;
    width: 85%;
    height: 100%;
    margin-left: auto;
    background-color: #fff;
}
.whole-menubox .content-title03 {
    padding: 7.2% 3.7%;
    color: #fff;
    line-height: 3.8rem;
    font-size: 4rem;
    font-weight: 700;
}
.whole-menu-edit ul li h2 {
    position: relative;
    padding: 2.5% 2.7%;
    color: #333;
    font-size: 2.1rem;
    line-height: 3.8rem;
}
.custom-box {
    padding: 3.7% 3.7% 0 3.7%;
}
.mybox {
    padding: 3.7% 3.7% 2.1% 3.7%;
}
.mybox-title {
    color: #333;
    font-size: 2rem;
    line-height: 3rem;
}
.mybox-title-txt {
    color: #2d2d2d;
    font-size: 2rem;
}
.mybox-txt {
    font-size: 2rem;
    font-weight: 500;
    line-height: 4.2rem;
}
.whole-menu {
    position: relative;
    overflow-y: auto;
    height: 58%;
    margin: 2.3% 3.7% 0 3.7%;
    background-color: #fff;
}
.whole-menu-edit {
    margin: 0;
    padding: 5.7% 3.7%;
}
.whole-menu ul {
    overflow: hidden;
}
.whole-menu ul li .whole-menu-title {
    display: block;
    position: relative;
    padding: 3.4% 0;
    color: #333;
    font-weight: 500;
    font-size: 2.2rem;
    line-height: 3.2rem;
    letter-spacing: -1px;
}
.whole-menu-edit-title {
    position: relative;
    padding: 3% 3.7%;
    color: #000;
    font-weight: 700;
    font-size: 2.1rem;
    line-height: 3.8rem;
}
.whole-menu-edit .whole-sub {
    padding: 2.3% 3.7%;
}
.whole-menu-edit .whole-sub li {
    display: flex;
    align-items: center;
    padding: 1.5% 1px;
    border-top: 0;
}
.whole-menu-edit .whole-sub li .user-left-second span,
.whole-menu-edit .whole-sub li .user-left-first span {
    font-size: 1.9rem;
    font-weight: 700;
    line-height: 3.4rem;
}
.whole-menu-edit .whole-sub li .user-left-second span {
    color: #666;
}
.whole-menu-edit .whole-sub li .user-left-first span a,
.whole-menu-edit .whole-sub li .user-left-second span a {
    padding: 0;
    text-decoration: underline;
}
.whole-sub {
    padding: 3% 0;
    box-sizing: border-box;
    border-bottom: 1px solid #d8d8d8;
    background-color: #f2f2f2;    
}
.whole-sub li:first-child {
    border-top: 0;
}
.whole-sub li a {
    display: inline-block;
    width: 100%;
    padding: 2.5% 5%;
    color: #666;
    font-size: 2rem;
    line-height: 2rem;
    box-sizing: border-box;
}
.whole-sub li.coupon-list-title:focus {
    background-color: #28434e;
}
.whole-sub li.coupon-list-title:focus a {
    color: #fff;
}
.whole-menu-edit .whole-sub li:hover,
.whole-menu-edit .whole-sub li:focus {
    background-color: transparent;
}
.whole-menu-edit .whole-sub li:hover a,
.whole-menu-edit .whole-sub li:focus a {
    color: inherit;
}
/* 상품 정보 */
table.product-info-table th,
table.product-info-table td {
    padding: 3.5% 3%;
    border-bottom: 1px solid #e6e1e1;
    font-size: 1.9rem;
    line-height: 3.4rem;
    letter-spacing: -1.5px;
}
table.product-info-table th {
    background-color: #f0f0f0;
}
table.product-info-table td {
    background-color: #fbfbfb;
}
.whole-footer {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    overflow: hidden;
    width: 100%;
    background-color: #fff;
    border-top: 1px solid #d8d8d8;
}
.whole-footer a {
    font-size: 1.8rem;
    line-height: 3.2rem;
    flex-basis: 50%;
    flex-grow: 2;
    flex-shrink: 2;
    text-align: center;
    color: #777;
    height: 100%;
    vertical-align: middle;
    align-items: center;
    align-content: center;
    padding: 3.5% 0;
    box-sizing: border-box;
}
.whole-footer a:first-child {
    border-right: 1px solid #d8d8d8;
}
/* ---------- popup ---------- */
.bg-dim {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
}
.mobile-popup-frame {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    z-index: 55;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
}
.mobile-popup {
    overflow: hidden;
    width: 87%;
    margin: 0 auto;
    z-index: 1;
}
.btn-close-mobile-popup {
    display: inline-block;
    width: 38px;
    height: 38px;
    background: url('../img/flatform/common/icon/popup_close.png') no-repeat center;
    background-size: contain;
    border-radius: 70%;
    vertical-align: middle;
}
.mobile-popup-title {
    overflow: hidden;
    padding:2.9% 3.7%;
    background-color: #f1f1f1;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    border-bottom: 1px solid #d3d3d3;
    box-sizing: border-box;
    color: #666;
}
.mobile-popup-con {
    position: relative;
    width: 100%;
    height: 100%;
    overflow-y: auto;
    padding: 3% 3.7%;
    background-color: #fff;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    box-sizing: border-box;
}
.mobile-popup .btn-bottom,
.pre_chk_box2 .btn-bottom {
    height: 65px;
    border-radius: 4px;
    font-size: 2.1rem;
    line-height: 65px;
}
.user-popup {
    display: none;
    position: fixed;
    left: 0;
    top: 70px;
    z-index: 56;
    width: 100%;
}
.user-popup-bg {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    z-index: 7;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.85);
}
.user-popup-page {
    /* position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    z-index: 15; */
    width: 100%;
}
.list-buying {
    clear: both;
    background-color: #fff;
}
.list-buying li {
    border-bottom: 1px solid #2d2c2c;
}
.list-buying li a {
    display: block;
}
.list-buying-txt-box {
    display: flex;
    /* overflow: hidden; */
    position: relative;
    padding: 2.3% 3%;
    align-items: center;
}
.list-buying-txt-box02 {
    padding: 5.25% 3%;
}
.list-buying-txt-box h2 {
    color: #000;
    font-size: 2.6rem;
    font-weight: 700;
    line-height: 3.6rem;
}
.list-buying-config-r {
    position: absolute;
    right: 3%;
}

/* ---------- contents ---------- */

/* ----- main-container ----- */

.spacing {
    margin-bottom: 4.8%;
    background-color: #fff;
}
.spacing02 {
    margin-top: 4.8%;
}
.content-box01 {
    box-sizing: border-box;
}
.content-title01 {
    overflow: hidden;
    position: relative;
    padding: 3.7% 3.7% 5.7% 3.7%;
    color: #fff;
    font-size: 4rem;
    font-weight: 700;
    line-height: 3.2rem;
    letter-spacing: -1px;
}
.content-title02 {
    position: relative;
    align-items: center;
    padding: 2.7% 3.7%;
    color: #000;
    vertical-align: middle;
}
.txt-en {
    display: inline-block;
    font-size: 2.4rem;
    text-transform: uppercase;
    padding-left: 5px;
    font-weight: 700;
    letter-spacing: -0.5px;
}
.txt-en02 {
    font-size: 2.2rem;
    font-weight: 900;
}
.txt-en03 {
    padding-left: 0;
    line-height: 2.5rem;
}
.go-login {
    position: absolute;
    right: 3.7%;
    top: 10.7%;
}
.bg-login {
    display: block;
    clear: both;
    width: 21%;
    margin: 0 auto;
    padding-bottom: 5.7%;
}
.sns-frame {
    text-align: center;
}
.sns-frame a {
    display: inline-block;
}
.sns-box {
    padding: 0 8px;
}
/* list */
.flex-box {
    display: flex;
    width: 100%;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    align-items: center;
    text-align: center;
}
.flex-box-04 .align-ele {
    flex-basis: 25%;
    box-sizing: border-box;
    flex-grow: 4;
    flex-shrink: 4;
}
.whole-img-box {
    background-color: #e4e4e4;
}
.img-box-bor {
    border: 1px solid #ccc;
    box-sizing: border-box;
}
.img-frame-box {
    padding: 2% 0 13.7% 0;
}
.img-frame-03-spacing {
    padding: 2.7% 0 0 0;
}
.exhibition-board {
    height: 98px;
}
.end-box {
    display: flex;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    align-items: center;
}
.end-box p {
    margin: 0 auto;
    color: #fff;
    font-size: 4.5rem;
    font-weight: 500;
    text-align: center;
    line-height: 4.2rem;
}
.end-box-detail {
    display: block;
    border-bottom: 2px solid #e62e8b;
    color: #e62e8b;
    font-size: 3.5rem;
    font-weight: 700;
    line-height: 3.8rem;
}
/* 요청 : 진소미 대리 |작업 : 최진슬 | 코베픽업 사전예약금 텍스트 추가 190322  */
.end-box-detail02 {
    color: #908e8e;
    font-size: 1.1rem;
    font-weight: 700;
    line-height: 1.4rem;
    text-align: left;
    vertical-align: middle;
}
.img-frame {
    overflow: hidden;
    text-align: left;
}
.img-frame-02,
.img-frame-03,
.img-frame-04 {
    display: flex;
    flex-wrap: wrap;
} 
.img-frame li a {
    display: block;
}
.img-frame-04 {
    padding: 5.4% 2% 2% 2%;
}
.img-frame li {
    box-sizing: border-box;
}
.img-frame-01 li {
    width: 100%;
    margin-bottom: 3%;
}
.img-frame-01 li:first-child {
    margin-top: 3%;
}
.img-frame-02 li {
    padding: 1%;
    flex-basis: 50%;
    box-sizing: border-box;
}
.img-frame-03 li {
    padding: 1%;
    flex-basis: 33.33%;
    box-sizing: border-box;
}
.img-frame-04 li {
    padding: 1%;
    flex-basis: 25%;
    box-sizing: border-box;
}
.img-frame-04 li p,
.txt-relation {
    padding: 13% 0;
    color: #fff;
    font-size: 2rem;
    font-weight: 700;
    text-align: center;
    line-height: 2.5rem;
}
.txt-relation02 {
    max-width: 100%;
    padding-top: 13px;
    color: #857575;
    font-size: 1.8rem;
    font-weight: 700;
    text-align: center;
    line-height: 2.0rem;
    white-space: nowrap;
}
.img-cate-box {
    width: 37px;
    height: 37px;
}
.img-frame-bor li .img-space {
    border: 1px solid #b2b2b2;
    box-sizing: border-box;
}
.img-frame-02 li .img-space,
.img-frame-03 li .img-space {
    margin: 4%;
}
.img-frame-02 li:first-child .img-space,
.img-frame-03 li:first-child .img-space,
.img-frame-02 li:nth-child(2) .img-space,
.img-frame-02 li:nth-child(2) .img-space {
	margin-top: 0;
}
.img-frame-04 li .img-space {
    margin: 0 7.4%;
}
.img-frame-03 li .img-space {
    height: 200px;
    overflow: hidden;
}
.box-height {
    height: 50px;
}
.sub-result-page {
    overflow: hidden;
    padding: 2% 3.7%;
    border-bottom: 1px solid #e9e9e9;
    background-color: #f1f1f1;
}
.sub-result-title-list {
    padding: 3.5% 0;
}
.sub-result-title-list li {
    /* overflow: hidden; */
    clear: both;
    margin-top: 2%;
    color: #424242;
}
.sub-result-title-list li:first-child {
    margin-top:0;
}
.sub-result-title {
    font-size: 2.5rem;
    font-weight: 700;
    line-height: 3.5rem;
}
.sub-result-title02 {
    font-size: 2.9rem;
    font-weight: 700;
    line-height: 4.3rem;
}
.sub-result-date {
    font-size: 2.5rem;
    line-height: 3.5rem;
}
.sub-result-txt {
    font-size: 2.9rem;
    line-height: 4.3rem;
}
.result-page-title {
    overflow: hidden;
    padding: 3.2% 0;
    border-bottom: 1px solid #9b9b9b;
}
.interval-box {
    padding: 10.2% 3.7% 10.2% 3.7%;
    background-color: #fff;
}
.interval-box-e {
    margin-bottom: 20%;
}
.interval-box-e .img-box {
    width: 60%;
    margin: 0 auto;
}
.comment-page {
    padding: 9% 3.7%;
    background-color: #fff;
}
.comment-title {
    border-bottom: 1px solid #000;
    font-size: 3rem;
    padding: 1.8% 0;
    font-weight: 700;
    line-height: 3.5rem;
}
.comment-title-sub {
    clear: both;
    overflow: hidden;
    background-color: #fff;
    padding: 2.3% 0px;
}
.comment-title-sub02 {
    padding-bottom: 5%;
    color: #454545;
    font-size: 2rem;
    line-height: 3rem;
}
.comment-txt {
    padding: 2% 3%;
    background-color: #f4f4f4;
}
.comment-txt-sub {
    color: #414141;
    font-size: 2.3rem;
    font-weight: 700;
    line-height: 3.8rem;
}
.list-style-txt-box {
    position: relative;
    padding: 6% 0;
    background-image: url('../img/bg_line.png');
    background-repeat: repeat-x;
    background-size: 100% auto;
    background-position: center bottom;
}
.list-style-txt-title {
    padding: 2.7% 0;
    color: #404040;
    font-size: 2.6rem;
    font-weight: 700;
    text-align: center;
    line-height: 3.6rem;
}
.list-style-txt li {
    display: flex;
    align-items: center;
    overflow: hidden;
    color: #404040;
    font-size: 2.2rem;
    line-height: 3rem;
    letter-spacing: -0.5px;
}
.list-style-txt-slice01 {
    float: left;
    width: 12%;
    padding: 2% 0;
}
.list-style-txt-slice01 .img-box {
    width: 69%;
}
.list-style-txt-slice02 {
    float: left;
    width: 88%;
    padding: 2% 0;
    border-top: 1px solid #e1e1e1;
}
.position-tl-w {
    width: 40%;
}
.position-tl {
    position: absolute;
    left: 3.7%;
    top: 8.3%;
}
.position-bl {
    position: absolute;
    left: 0;
    bottom: 0;
}
.txt-dim {
    background-color: rgba(255, 255, 255, 0.8);
}
dl.justice-list {
    padding: 6.5% 3.7%;
}
.justice-list dt {
    font-size: 2.7rem;
    font-weight: 700;
    line-height: 3.7rem;
}
.justice-list dd {
    padding-bottom: 4.8%;
    font-size: 2.5rem;
    line-height: 3.5rem;
}
.user-list-title01 {
    display: flex;
    width: 100%;
    box-sizing: border-box;
    color: #000;
    font-size: 2rem;
    line-height: 3rem;
    align-items: center;
}
.user-list li.list-detail {
    margin-top: 4.5%;
}
.user-list li.list-detail:first-child {
    margin-top: 0;
}
.list-detail-div {
    overflow: hidden;
    padding: 3% 3.7%;
}
.user-list-title02 {
    overflow: hidden;
    color: #000;
    font-size: 2.1rem;
    font-weight: 700;
    line-height: 3.8rem;
}
.user-left {
     float: left;
 }
.user-left-first {
    width: 33%;
    letter-spacing: -2px;
}
.user-left-first01 {
    width: 75%;
}
.user-left-first02 {
    display: flex;
    width: 22%;
    padding-right: 4%;
    align-items: center;
}
.user-left-second {
    width: 64%;
    margin-left: 3%;
}
.user-left-second01 {
    width: 30%;
    margin-left: 3%;
}
.user-left-second02 {
    width: 69%;
    padding-left: 4%;
}
.user-left-second-bg {
    width: 59%;
    margin: 0;
    font-size: 4.4rem;
    font-weight: 700;
    line-height: 4.5rem;
    vertical-align: middle;
}
.user-left .img-box {
    border: 1px solid #ccc;
    box-sizing: border-box;
}
.user-txt {
    color: #000;
    font-size: 2.6rem;
    line-height: 3.7rem;
    vertical-align: middle;
}
.user-txt02 {
    font-size: 2.1rem;
    font-weight: 500;
    line-height: 2.7rem;
}
.user-txt-date {
    font-size: 2.3rem;
    line-height: 3.2rem;
    letter-spacing: -1px;
}
.user-txt-2row {
    text-overflow: ellipsis;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    line-height: 2.7rem;
    font-size: 2.1rem;
    height: 4rem;
    padding-bottom: 4%;
}
.user-txt-2row-e {
    text-overflow: ellipsis;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 1 !important;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    height: 2.4rem;
}
.user-txt-3row {
    text-overflow: ellipsis;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 3; /* 라인수 */
    -webkit-box-orient: vertical;
    box-orient: vertical;
    word-wrap:break-word;
    font-size: 2.2rem;
    line-height: 3.2rem;
    height: 3.6em;
}
.lookup-btn-box {
    padding: 2.7% 0 2.7% 0;
    text-align: center;
}
ul.lookup-btn-box {
    overflow: hidden;
    clear: both;
    text-align: left;
}
ul.lookup-btn-box li.btn-lookup {
    width: 30%;
    margin-left: 4.5%;
    /* border: 1px solid #000; */
    border: 1px solid #989898;
    text-align: center;
}
ul.lookup-btn-box li.btn-lookup:first-child {
    margin-left:0;
}
.lookup-txt {    
    font-size: 2.2rem;
    line-height: 3.4rem;
    letter-spacing: -1px;
}
.condition {
    display: inline-block;
    width: 33%;
    background: url('../img/bg_bar03.gif') no-repeat;
    background-size: 1px 100px;
    background-position: left center;
    font-size: 2.1rem;
    line-height: 3.8rem;
    font-weight: 500;
    color: #000;
}
.condition:first-child {
    padding-left: 0;
    background-image: none;
}
.condition-accent {
    display: block;
    font-size: 3.1rem;
    font-weight: 700;
    line-height: 4.6rem;
}
.list-info-title {
    overflow: hidden;
    border: 1px solid #c3c3c3;
}
.list-info-title li {
    float: left;
    overflow: hidden;
    width: 50%;
    padding: 3% 2%;
    border-left: 1px solid #c3c3c3;
    box-sizing: border-box;
    background-color: #f0f0f0;
    color: #000;
    font-size: 2.3rem;
    line-height: 3.2rem;
    font-weight: 700;
    letter-spacing: -1.5px;
}
.list-info-title li:first-child {
    border-left: 0;
}
.list-info-title-first {
    float: left;
    width: 50%;
}
.list-info-title-second {
    float: right;
    width: 50%;
    text-align: right;
}
.frame-04-e li {
    height: 336px;
    /* overflow: hidden; */
}
.frame-04-e li .img-box-load img {
    height: 100%;
}
.img-frame-term {
   margin : 2%;
}
.img-box-load {
    /* overflow: hidden; */
    height: 96%;
    background: url('../img/flatform/common/bg/bg_img_load.jpg') no-repeat;
    background-size: contain;
    background-position: center;
    background-color: #fff;
    position: relative;
}
.img-box-load-before {
    /* overflow: hidden; */
    height: 96%;
    background: url('../img/flatform/common/bg/bg_img_load_before.jpg') no-repeat;
    background-size: contain;
    background-position: center;
    background-color: #fff;
    position: relative;
}
.quantity {
    overflow: hidden;
    margin-top: 3%;
    border: 1px solid #333;
    box-sizing: border-box;
    background-color: #fff;
}
.quantity li {
    float: left;
    display: flex;
    height: 42px;
    box-sizing: border-box;
    background-color: #fff;
    text-align: center;
    align-items: center;
}
.quantity-num {
    display: inline-block;
    width: 100%;
    height: 100%;
    font-size: 2rem;
    line-height: 4.2rem;
    vertical-align: middle;
}
.title-share-l {
    width: 70%;
}
.title-share-r {
    width: 30%;
}
/* paging */
.num-box {
    padding-top: 15%;
    text-align: center;
}
.num-box li {
    display: inline-block;
    margin: 0 2%;
    vertical-align: middle;
}
.first {
    background: url('../img/admin/btn_play_ppre.png') no-repeat center;
}
.prev {
    background: url('../img/admin/btn_play_pre.png') no-repeat center;
}
.next {
    background: url('../img/admin/btn_play_next.png') no-repeat center;
}
.last {
    background: url('../img/admin/btn_play_nnext.png') no-repeat center;
}
.first,
.prev,
.next,
.last {
	background-size: contain;
}
.num-box li a {
    font-size: 2.5rem;
    line-height: 4rem;
}
.title-brand {
    width: 100%;
    /* border-top: 1px solid #2c454f; */
    border-top: 1px solid #ebeaed;
    /* border-bottom: 1px solid #2c454f; */
    border-bottom: 1px solid #ebeaed;
    box-sizing: border-box;    
    color: #2c454f;
    font-size: 3rem;
    font-weight: 700;
    letter-spacing: -1.5px;
    text-align: center;
    line-height: 5.2rem;
}
.title-brand-e {
    padding: 3.7%;
}
.title-brand-flag {
    height: 73px;
    padding: 0 0 0 5%;
    box-sizing: border-box;
    color: #555;
    font-size: 2.2rem;
    font-weight: 700;
    line-height: 73px;
}
.txt-box {
    padding: 5% 4% 4% 4%;
    text-align: center;
}
.title-point {
    color: #313030;
    font-size: 2.2rem;
    font-weight: 700;
    line-height: 3.3rem;
    letter-spacing: -1px;
}
.title-contact {
    font-size: 2.8rem;
    font-weight: 700;
    line-height: 3rem;
    letter-spacing: 0;
    text-transform: uppercase;
}
.bg-slash {
    display: inline-block;
    width: 15px;
    height: 14px;
    margin-bottom: 5px;
    background-image: url('../img/bg_slash.png');
    background-repeat: no-repeat;
    background-position: 5px center;
    background-size: contain;
}
.bg-slash02 {
    height: 12px !important;
    background-image: url('../img/bg_slash02.png');
    background-position: center top;
    background-size: contain;
}

/* ----- swiper option ----- */
#outer {
    overflow-x: auto;
}
.container {
    position: relative;
}
.swiper-container {
    width: 100%;
    height: auto;
}
.swiper-pagination-total,
.swiper-pagination-current {
	color: #c2c4c7;
	font-size: 1.5rem;
	font-weight: 500;
	line-height: 2.8rem;
}
.swiper-pagination-current {
    padding-left: 15px;
	color: #fff;
}
.swiper-pagination-hidden {
	background-color: transparent;
}
/* Pagination */
.swiper-container-horizontal >.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 1.1%;
}
.inner .swiper-pagination {
    width: 63px;
    padding: 3px 0;
    background-color: #e62e8b;
    right: 3.7%;
    left: initial;
    bottom: 4%;
    border-radius: 25px;
    color: #fff;
    font-size: 1.5rem;
}
.inner .swiper-pagination-current {
    padding: 0;
}
.inner .swiper-pagination-total,
.inner .swiper-pagination-current {
    color: #fff;
}
.inner01 .swiper-pagination {
    bottom: 10.9%;
    left: 8%;
    text-align: left;
}
.inner01 .swiper-pagination-bullet,
.inner02 .swiper-pagination-bullet {
    background-image: none;
    width: initial;
    height: initial;
    padding: 1.11% 1.11%;
	background-color: #bebebe;
    border-radius: 50%;
    opacity: 1;
}
.inner01 .swiper-pagination-bullet-active {
	background-color: #e62e8b;
}
.inner02 .swiper-pagination {
	bottom: 10.9%;
	left: 3.7%;
	text-align: left;
}
.inner02 .swiper-pagination-bullet-active {
	background-color: #000;
}
.inner05 .img-box {
    border: 1px solid #c0c0c0;
}
.inner05 .swiper-slide .img-space {
    margin: 0 5%;
}
/* Add Arrows */
.swiper-button-next,
.swiper-button-prev {
    z-index: 5;
    width: 7.6%;
    /* height: 22.5%; */
    background-size: contain !important;
}
.swiper-button-prev {
    left: 0;
    background: url('../img/btn_arrow_slide_left.png') no-repeat;
    background-position: left center !important;
}
.swiper-button-next {
    right: 0;
    background: url('../img/btn_arrow_slide_right.png') no-repeat;
    background-position: right center !important;
}
.inner03 .swiper-slide {
    width: 48%;
}
.inner03_02 .swiper-slide {
    width: 48%;
}
.inner05-swiper-button-prev {
    left: 3.7%;
    width: 2.6%;
    margin-top: 13px;
    background-image: url('../img/icon_arrow_one_left_gray.png');
    background-position: left center !important;
}
.inner05-swiper-button-next {
    right: 3.7%;
    width: 2.6%;
    margin-top: 13px;
    background-image: url('../img/icon_arrow_one_right_gray.png');
}
.inner06-swiper-button-prev {
    left: 3.7%;
    width: 4.6%;
   margin-top: -11%;
    background-image: url('../img/icon_arrow_one_left_gray.png');
    background-position: left center !important;
}
.inner06-swiper-button-next {
    right: 3.7%;
    width: 4.6%;
    margin-top: -11%;
    background-image: url('../img/icon_arrow_one_right_gray.png');
}
.inner07 .swiper-wrapper,
.inner07 .swiper-wrapper .swiper-slide {
    display: flex;
    align-items: center;
}
.inner07 .swiper-wrapper .swiper-slide {
    margin: 0 auto;
    padding: 0 3%;
    box-sizing: border-box;
}
.inner07-swiper-button-prev {
    top: 32%;
    left: 2%;
    width: 2.6%;
    height: 31.5%;
    margin-top: 0;
    background-image: url('../img/icon_arrow_one_left_gray.png');
    background-position: left center !important;
}
.inner07-swiper-button-next {
    top: 32%;
    right: 2%;
    width: 2.6%;
    height: 31.5%;
    margin-top: 0;
    background-image: url('../img/icon_arrow_one_right_gray.png');
}
.inner04 .swiper-button-prev,
.inner04 .swiper-button-next {
    top: 43%;
}

/* ---------- //////////////////// ---------- */


/* ----- sub contents ----- */
body#sub-body {
    background-color: #fff;
}
.sub-page {
    overflow: hidden;
    overflow-y: auto;

    /* margin: 30.5% 0 21% 0; */
    /*margin: 0 0 21% 0;*/
    /*padding-bottom: 20%;*/
}
.container-sub {
    position: relative;
    margin-top: 30.5%;
}
.container-point {
    margin-top: 90.5%;
}

/* ----- text style ----- */
.img-frame-title {
    position: relative;
    padding: 10.9% 0 4.6% 0;
    font-size: 3.6rem;
    font-weight: 700;
    text-align: center;
    line-height: 4.6rem;
    letter-spacing: -1px;
}
.img-frame-04 li p.txt-style01,
p.txt-style01 {
    font-size: 2.2rem;
    font-weight: 700;
    letter-spacing: -2px;
}
.slide-txt-frame {
    width: 100%;
    clear: both;
    overflow: hidden;
    position: relative;
    padding: 0 0 7.2% 0;
}
.slide-txt-frame-share-l {
    float: left;
    width: 70%;
}
.slide-txt-frame-share-r {
    float: right;
    width: 30%;
}
.slide-txt {
    color: #fff;
    line-height: 3.6em;
}
.slide-txt h3 {
    padding-left: 2px;
    font-size: 2.45rem;
    font-weight: 700;
    letter-spacing: 0;
}
.term {
    font-size: 2.5rem;
}
.term02 {
    font-size: 2.8rem;
    line-height: 3.8rem;
    font-weight: 700;
    letter-spacing: 0;
}
.bg-timer {
    /* background: url('../img/bg_timer.png') no-repeat center;
    background-size: contain; */
    display: flex;
    align-items: center;
    padding: 1% 0;
    border: 2px solid #e62e8b;
    border-radius: 30px;
    background-color: #fff;
}
.bg-timer02 {
    /* background: url('../img/bg_timer.png') no-repeat center;
    background-size: contain; */
    display: flex;
    align-items: center;
    padding: 1% 0;
    border: 2px solid #e62e8b;
    border-radius: 30px;
    background-color: #e62e8b;
}
.term03 {
    color: #e62e8b;
    font-size: 2.7rem;
    line-height: 3rem;
    letter-spacing: -1.5px;
    /* padding: 4px 19px; */
    font-weight: 700;
}
.time {
    padding-left: 1%;
}
.price {
    display: block;
    padding-top: 8.5%;
    font-size: 5rem;
    line-height: 6rem;
}
.price02 {    
    font-size: 3.4rem;
    line-height: 4.5rem;
    font-weight: 700;
    letter-spacing: -1px;
}
.price03 {
    color: #000;
    font-size: 4rem;
    line-height: 5rem;
    font-weight: 700;
}
.price04 {
    font-size: 5rem;
    line-height: 6rem;
    letter-spacing: -1px;
    font-weight: 700;
}

.main_price {
    padding-top: 1.0%;
    color: #fff9d1;
    font-size: 3rem;
    line-height: 4rem;
    font-weight: 900;
}
.view_price {
    font-size: 2.8rem;
    line-height: 3.7rem;
    color:#fff;
    text-decoration:line-through;
    letter-spacing: -1px;
    font-weight: 500;
    vertical-align: middle;
}
.txt-info-small {
    color: #000;
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: 500;
    letter-spacing: -1px;
}
.date {
    color: #000;
    font-size: 2.4rem;
    font-weight: 700;
    line-height: 5rem;
}
.count-box {
    display: flex;
    align-items: center;
    float: right;
    width: 127px;
    height: 127px;
    background-color: #fff;
    border-radius: 50%;
    border: 2px solid #e62e8b;
    box-sizing: border-box;
}
.count-box p {
    margin: 0 auto;
    font-size: 2.6rem;
    font-weight: 700;
    /* line-height: 3.5rem; */
    line-height: 3rem;
    text-align: center;
    letter-spacing: -2px;
}
.count-box02 {
    display: flex;
    align-items: center;
    position: absolute;
    left: 3.9%;
    top: 3.9%;
    text-align: center;
    width: 127px;
    height: 127px;
    background-color: #e62e8b;
    font-size: 2.6rem;
    line-height: 3.5rem;
    font-weight: 700;
    letter-spacing: -1px;
    border-radius: 50%;
    border: 2px solid #e62e8b;
    box-sizing: border-box;
}
.count-box03 {
    display: flex;
    align-items: center;
    position: absolute;
    left: 3.9%;
    top: 3.9%;
    text-align: center;
    width: 127px;
    height: 127px;
    background-color: #fff;
    font-size: 2.6rem;
    line-height: 3.5rem;
    font-weight: 700;
    letter-spacing: -1px;
    border-radius: 50%;
    border: 2px solid #e62e8b;
    box-sizing: border-box;
}
.count-box02 p,
.count-box03 p {
    margin: 0 auto;
    font-size: 2.6rem;
    line-height: 3.5rem;
    font-weight: 700;
    box-sizing: border-box;
    letter-spacing: -1px;
}
.count-box03 span {
    margin: 0 auto;
}
.count-box04 {
    position: initial;
    left: initial;
    top: initial;
}
.count-box05 {
    left: 36.7%;
    top: 14.8%;
    width: 26.4% !important;
    height: initial !important;
    padding: 9.5% 0;
    background: url('../img/bg_count_box04.png') no-repeat center;
    background-size: contain;
}
.count-point {
    font-size: 4.5rem;
    line-height: 5.5rem;
    font-weight: 900;
}
.slide-txt-frame02 {
    display: flex;
    align-items: center;
    overflow: hidden;
    position: relative;
    z-index: 1;
    width: 93%;
    height: 247px;
    margin: 0 auto;
    margin-top: -22%;
    margin-bottom: 3%;
    box-sizing: border-box;
    background-color: #fff;
}
.slide-txt02 {
    padding: 5%;
    width: 58.5%;
    line-height: 5rem;
    box-sizing: border-box;
}
.slide-txt03 {
    width: 100%;
    padding: 1.87% 3%;
    box-sizing: border-box;
    text-align: center;
}
.slide-txt02 h3,
.slide-txt03 h3 {
    color: #313131;
    font-size: 4rem;
    font-weight: 600;
    line-height: 3.8rem;
}
.slide-txt02 h3 {
    padding-top: 5%;
}
.slide-txt-detail {
    padding-top: 5%;
    font-size: 3.1rem;
    display: inline-block;
}
.count-box-square {
    /* display: flex;
    align-items: center; */
    width: 41.5%;
    height: 100%;
    background-color: #e62e8b;
    color: #fff;
    text-align: center;
    font-size: 3.4rem;
    font-weight: 700;
    line-height: 4rem;
}
.percent {
    font-size: 7rem;
    font-weight: 700;
    letter-spacing: -4px;
}
.percent02 {
    font-size: 4.8rem;
}
.sub-banner-title {
    padding-top: 6%;
}
.sub-banner-title-txt {
    color: #212121;
    font-size: 2.4rem;
    line-height: 3rem;
    letter-spacing: -1px;
}
/* .sub-title-h-box {
    height: 127px;
} */
.title-txt-point {
    padding: 1.7% 3.7%;
    background-color: #f2f2f2;
    border: 1px solid #c2c2c2;
    font-size: 2.1rem;
    line-height: 3.2rem;
}
.txt-mini {
    margin: 0 auto;
    font-size: 2.6rem;
    font-weight: 500;
    line-height: 4.5rem;
}
.limit-num-txt .limit-txt {
    padding-top: 6%;
    font-size: 2.7rem;
    font-weight: 600;
    line-height: 3.2rem;
}
.limit-detail {
    margin: 0 auto;
    color: #fff;
    font-size: 4rem;
    line-height: 5rem;
    text-align: center;
    letter-spacing: -2.5px;
}
.font-point {
    font-size: 2.9rem;
    font-weight: 900;
}

.ft15 {
    font-size: 1.5rem !important;
    line-height: 2.1rem !important;
}
.ft17 {
    font-size: 1.7rem !important;
    line-height: 2.8rem !important;
}

/* ----- tab style ----- */
.user-tab-style-title {
    overflow: hidden;
    padding: 8.7% 10.5%;
}
.user-tab-style-title li {
    display: flex;
    float: left;
    border: 1px solid #000;
    box-sizing: border-box;
    background-color: #fff;
    align-items: center;
}
.user-tab-style-title li span {
    display: block;
    width: 100%;
    padding: 7.7% 0;
    box-sizing: border-box;
    color: #010101;
    font-size: 3rem;
    font-weight: 700;
    line-height: 4rem;
    text-align: center;
}
.user-tab-style-title li.user-tab-style-title-on {
    border-color: #e62e8b;
    background-color: #e62e8b;
}
.user-tab-style-title li.user-tab-style-title-on span {
    color: #fff;
}
.tab-list-box-style-frame {
    overflow: hidden;
}
#password_alarm {
    position: absolute;
    left: 0;
    top: 45px;
    width: 100%;
    padding: 5% 6%;
    box-sizing: border-box;
    border-radius: 3px;
    background-color: #fff;
    border: 1px solid #e62e8b;
    box-shadow: 5px 5px 6px #eee;
    color: #e62e8b;
    font-size: 1.4rem;
    line-height: 2.5rem;
}
/* TODOJS 2차개발 상품후기 기능 추가 */
.more-open {
    display: none;
    overflow: hidden;
    position: relative;
    padding-top: 2%;
    line-height: 10px;
    text-align: right;
}
.more-open-con {
    overflow: hidden;
    line-height: 14px;
    display: inline-block;
}
.more-open-icon {
    display:inline-block;
    width:20px;
    height:6px;
    background: url('../img/icon_arrow_one_down_gray.png') no-repeat center;
    background-size: contain;
}
.has-open {
    display: -webkit-box;
    /* height: 6rem; */
    overflow: hidden;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    text-overflow: ellipsis;
}
/* TODOJS 2차개발 PM system 점검 추가 */
.system-box {
    width: 950px;
}
.system-title {
    width: 100%;
    background-color: #b7b7b7;
    border: 2px solid #b7b7b7;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    box-sizing: border-box;
    color: #eee;
    font-size: 2.6rem;
    font-weight: 900;
    line-height: 3.2rem;
    text-align: center;
}
.system-txt-box {
    border-top: 2px solid #d9d5d5;
    border-right: 2px solid #d9d5d5;
    border-bottom: 2px solid #d9d5d5;
    border-left: 2px solid #d9d5d5;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}
.system-txt {
    padding-top: 2%;
    font-size: 1.8rem;
    font-weight: 500;
    line-height: 3rem;
}
.system-txt-t {
    color: #555;
    font-size: 2.2rem;
    font-weight: 900;
    line-height: 3rem;
    padding-left: 20px;
    background: url('../img/icon_arrow_one_right02.png') no-repeat left center;
    background-size: 15px auto;
}
.system-txt-c {
    color: #000;
    font-size: 2rem;
    font-weight: 900;
    line-height: 2.8rem;
    padding: 1% 0 0 20px;
}
ul.system-txt-time {
    overflow: hidden;
}
ul.system-txt-time li {
    padding-bottom: 2%;
}
table.system-table th,
table.system-table td {
    border-top: 1px solid #b7b7b7;
    border-bottom: 1px solid #b7b7b7;
    padding: 1.5rem 2rem;
}
table.system-table th {
    border-right: 1px solid #b7b7b7;
    background-color: #715555;
    color: #eee;
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 3rem;
    white-space: nowrap;
}
table.system-table td {
    color: #555;
    font-size: 1.6rem;
    font-weight: 900;
    line-height: 2.2rem;
}
/* 2차개발 181026 상단 배너 추가 */
.banner-box {
    background-color: #fff;
    border-top: 5px solid #e0e0e0;
}
.banner-list {
    display: flex;
    align-items: center;
    overflow: hidden;
    width: 100%;
}
.banner-list li:nth-child(odd) {
    /* margin-right: 1%; */
    border-right: 3px solid #e0e0e0;

}
.banner-list li:nth-child(even) {
    border-left: 3px solid #e0e0e0;
    
}
.banner-list li:nth-child(odd) .banner-img-box {
    border-right: 2px solid #c8c8c8;
    border-bottom: 2px solid #c8c8c8;
}
.banner-list li:nth-child(even) .banner-img-box {
    border-left: 2px solid #c8c8c8;
    border-bottom: 2px solid #c8c8c8;
}

/* 메인 상단 리스트 추가 */
.main-top-list {
    box-sizing: border-box;
    border-right: 1px solid #ebeaed;
    border-bottom: 1px solid #ebeaed;
}
.main-top-list-inner {
    display: flex;
    height: 100%;
    box-sizing: border-box;    
    align-items: center;
} 
.main-top-list-inner img {
    width: 49%;
}
.main-top-list-txt {
    color: #6d6e72;
    font-size: 1.8rem;
    line-height: 3rem;
    text-align: center;
}
/* .quick-home-box {
    position:relative;
    top: -9px;
} */
/* img.quick-home {
	width: 80%;
	border-radius: 50%;
	background-color: #fff;
	border: 3px solid #fff;
	box-sizing: border-box;
} */
 /* ------------------------------------ coupon  ------------------------------------ */
.coupon-list-title {
    display: block;
    letter-spacing: -1px;
}
.img-barcode-box {
    width: 68%;
    margin: 0 auto;
    padding: 19.8% 0;
}
.img-barcode-box01 {
    width: 68%;
    margin: 0 auto;
    padding: 10% 0 !important;
}
.img-box-center-btn {
    position: absolute;
    z-index: 1;
    width: 93%;
    height: 19.2%;
    background-color: black;
    opacity: 0;
}
.btn-go-coupon {
    bottom: 2.5%;
    left: 3.5%;
}
.level-coupon-box {
    width: 100%;
    background: url('../img/flatform/common/bg/bg_coupon.png') no-repeat center;
    background-size: contain;
    height: 129px;
}
.level-coupon-inner {
    display: flex;
    height: 100%;
    padding: 0 4%;    
    flex-wrap: wrap;
}
.level-tag {
    margin-top: auto;
    padding: 0% 0;
    color: #666;
    font-size: 1.7rem;
    line-height: 3.3rem;
    flex-basis: 100%;
}
.level-point {
    margin-bottom: auto;
    padding: 0 0 6% 9%;
    color: #e62e8b;
    font-size: 5rem;
    font-weight: 500;
    line-height: 6.5rem;
    flex-basis: 100%;
    letter-spacing: -4.5px;
}
 /* ------------------------------------ TODOJS info page 181126  ------------------------------------ */
/* TODOJS info page 181126 */
.img-info-box {
    margin: 10% auto;
    width: 95%;
}

 /* ------------------------------------ TODOJS event check page 190123  ------------------------------------ */
 /* TODOJS event check page 190123 */
.check-calendar-box {
    width: 100%;
    padding-top: 3%;
    padding-bottom: 10%;    
    background-color: #fff;
    box-sizing: border-box;
}
/* calendar frame */
.user-datepicker {
	height: 100%;
}
.user-datepicker .ui-datepicker-inline {
	height: 100%;
}
.user-datepicker .ui-datepicker {
	width: 100%;
	box-sizing: border-box;
}
/* calendar header */
.user-datepicker .ui-widget-header {
    height: initial;
    background-color: #fff;
    color: #da552f;
}
.ui-datepicker .ui-datepicker-title {
	padding: 3%;
}
.user-datepicker .ui-widget-header,
.user-datepicker .ui-corner-all {
	border: none;
	border-radius: 0;
}
/* calendar contents */
.user-datepicker .ui-widget.ui-widget-content {
    -webkit-box-shadow: 0 0 0 #fff !important;
    -moz-box-shadow: 0 0 0 #fff !important;
    -ms-box-shadow: 0 0 0 #fff !important;
    -o-box-shadow: 0 0 0 #fff !important;
    box-shadow: 0 0 0 #fff !important;
}
.user-datepicker .ui-datepicker table {
	height: 100%;
}
.user-datepicker .ui-datepicker table th,
.user-datepicker .ui-datepicker table td {
    border: 1px solid #eee;
}
.user-datepicker .ui-datepicker table thead th {
    border: 0;
    border-top: 1px solid #eee;
}
.user-datepicker .ui-datepicker td a {
    color: #acacac;
    text-align: left;
}
.user-datepicker .ui-state-default,
.user-datepicker .ui-widget-content .ui-state-default {
	height: 100%;
}
/* calendar arrow */
.user-datepicker .ui-icon-circle-triangle-w,
.user-datepicker .ui-icon-circle-triangle-e {
    background-position: center top;
    background-size: contain;
}
.user-datepicker .ui-icon-circle-triangle-w {
    background-image: url('../img/icon_arrow_one_left_gray.png');
}
.user-datepicker .ui-icon-circle-triangle-e {
    background-image: url('../img/icon_arrow_one_right_gray.png');
}

 /* ------------------------------------ TODOJS event check page v2 190123  ------------------------------------ */
 /* TODOJS event check page v2 190123 */
 /* calendar-box header */
.check-calendar-title {
    position: relative;
    width: 100%;
    height: 80px;
    background-color: #fff;
}
.check-calendar-title > h2 {
    color: #da552f;
    font-size: 2.3rem;
    line-height: 80px;
    text-align: center;
}
.icon-calendar-right {
    position: absolute;
    right: 3.7%;
    top:30px;
    z-index: 5;
    width: 20px;
    height: 20px;
    background: url('../img/icon_arrow_one_right_gray.png') no-repeat center;
    background-size: contain;
}
.icon-calendar-left {
	position: absolute;
	left: 3.7%;
    top: 30px;
    z-index: 5;
	width: 20px;
	height: 20px;
	background: url('../img/icon_arrow_one_left_gray.png') no-repeat center;
	background-size: contain;
}

/* calendar-box header */
.check-calendar-table table th,
.check-calendar-table table td {
    width:24px;
    border: 1px solid #eee;
}
.check-calendar-table table th.point,
.check-calendar-table table td.point {
    color: #fd2020;
}
.check-calendar-table table th {
    height: 27px;
    padding: 1.5% 1%;
    background-color: #fff;
    border-right: 0;
    border-left: 0;
    color: #565656;
    font-size: 1.5rem;
    line-height: 2rem;
    text-align: left;
}
.check-calendar-table td {
    height: 66px;
    padding: 5px;
    background-color: #f6f6f6;
    color: #acacac;
    font-size: 1.3rem;
    line-height: 1.7rem;
    vertical-align: top;
}
.check-calendar-table td.old {
    color: #d8d8d8;
}
.check-calendar-table td.prefield {
    background: url('../img/bg_prefield.jpg') no-repeat center;
    background-size: contain;
    background-color: #fff;
}

.check-calendar-table td.nowfield {
    background: url('../img/bg_nowfield.jpg') no-repeat center;
    background-size: contain;
    background-color: #fff;
}
.check-calendar-table td.cobefield {
    background: url('../img/bg_cobefield.jpg') no-repeat center;
    background-size: contain;
    background-color: #fff;
}
.check-calendar-table td.cobefieldcheck {
	background: url('../img/bg_cobefield_check.jpg') no-repeat center;
	background-size: contain;
	background-color: #fff;
}
.check-calendar-btn {
    padding-top: 15%;
    text-align: center;
}


/* pickup */
.borcode-img-box {
    padding: 5% 3.7%;
    background-color: #fff;
}
.borcode-img-box > img {
    display: block;
    width: 80%;
    margin: 0 auto;
}

/* ---------------------- media query ---------------------- */
/*
*** design : 680px ***
*
*** mobile
* iphone 4,5,se : 320px
* galaxy s3,s5 / galaxy note 2,3 / : 360px
* iphone 6,7,8,x : 375px
* iphone 6,7,8 plus : 414px
* nexus 7 : 600px
*
*** tablet 
* ipad : 768px
* ipad pro : 1024px
*/

/* --------------- phone --------------- */
/* --------- ~ 679px ---------- */
@media all and (max-width:679px) {
    /* quick menu */
    .main-top-list-txt {
        font-size: 1.2rem;
        line-height: 2rem;
    }
    /* header */
    /* .logo {
        width: 85px;
    } */
    .search {
        right: 15%;
        width: 21px;
        height: 21px;
        margin-top: -10px;
    }
    .hamburger {
        width: 26px;
        height: 18px;
        margin-top: -9px;
    }
    .whole-menu-edit ul li h2 {
        font-size: 1.3rem;
        line-height: 2.4rem;
    }
    /* footer */
    .title-contact {
    	font-size: 2.3rem;
    	line-height: 2.7rem;
    }

    .footer-txt01 {
        font-size: 1.2rem;
        line-height: 1.5rem;
    }

    .footer-list {
        padding-bottom: 7%;
    }

    .footer-list a {
        margin-left: 4%;
    }

    .footer-list a .img-box {
        width: 90%;
    }

    .footer-menu a,
    .footer-menu span,
    .label-check,
    .alert-message {
        font-size: 1.2rem;
        line-height: 1.5rem;
    }

    .footer-location01 {
        top: 20%;
        width: 19%;
    }

    .footer-location02 {
        top: 8%;
    }

    .footer-txt02 {
        color: #555;
        font-size: 1.1rem;
        line-height: 1.5rem;
        font-weight: 500;
    }
    .footer-txt03 {
        color: #666;
        font-size: 1.3rem;
        line-height: 1.9rem;
        font-weight: 500;
    }
    .footer-location03 {
        top: 66%;
    }
    /* popup */
    .btn-close-mobile-popup {
        width: 23px;
        height: 23px;
        margin-top: 1.5%;
        background-size: 16px;
    }
    /* toggle */
    .mybox-title {
        font-size: 1rem;
        line-height: 1.6rem;
    }
    .btn-alert-box {
        width: 5.2%;
    }
    .basket-num {
        width: 17px;
        height: 17px;
    }
    .btn-setting {
        padding: 3.8% 3.1%;
    }
    .btn-login {
        padding: 4.5% 5%;
        font-size: 1.4rem;
    }
    .whole-menu ul li .whole-menu-title {
        padding: 3.4% 0;
        font-size: 1.4rem;
        line-height: 2.2rem;
    }
    .whole-sub li a {
        padding: 2% 5%;
        font-size: 1.2rem;
        line-height: 1.7rem;
    }
    .whole-footer a {
        padding: 2.5% 0;
        font-size: 1.15rem;
        line-height: 3.2rem;
    }
    table.product-info-table th,
    table.product-info-table td {
        font-size: 1.2rem;
        line-height: 2rem;
    }
    .table-mobile tr th {
        font-size: 1.5rem;
        line-height: 2.2rem;
    }
    .table-mobile tr td {
        font-size: 1.1rem;
        line-height: 2.4rem;
    }
    .whole-menu-edit .whole-sub li .user-left-first span,
    .whole-menu-edit .whole-sub li .user-left-second span {
        font-size: 1.4rem;
        line-height: 2.5rem;
    }
    /* checkbox */
    .mark-check,
    input[type="radio"]:checked+label:before,
    input[type="radio"]:not(:checked)+label:before {
        width: 17px;
        height: 17px;
    }
    input[type="radio"]:checked+label:after,
    input[type="radio"]:not(:checked)+label:after {
        margin-top: -4.5px;
        width: 7px;
        height: 7px;
        left: 5px;
    }
    input[type="radio"]:checked+label:before,
    input[type="radio"]:not(:checked)+label:before {
        margin-top: -9.5px;
    }
    .label-check .mark-check:after,
    .label-check .mark-check.white:after {
        left: 50%;
        top: 50%;
        transform: translate(-50%,-50%) rotate(45deg);
        width: 5px;
        height: 5px;
        margin-top: -1.5px;
        border-width: 0 2px 2px 0;
    }
    .label-radio .mark-radio.white:after {
        left: 4px;
        top: 50%;
        width: 4px;
        height: 4px;
        margin-top: -4px;
        border-width: 2px;
    }
    table tr th,
    table tr td {    
        font-size: 1.1rem;
        line-height: 1.7rem;
    }
    /* page head */    
    #login-header-line {
    	padding: 1.7% 3.7%;
    }
    #login-header-line h1 {
        font-size: 1.5rem;
    }
    .info-form-title02 {
        font-size: 1.7rem;
    }
    .icon_arrow_one_left02 {
        top: 38%;
        padding: 1.5% 1.5%;
    }
    .sns-frame a {
        width: 18%;
    }
    .sns-box {
        padding: 0 4px;
    }
    /* tab */
    .index-top a,
    .index-tab a {
        font-size: 1.5rem;
        line-height: 2.5rem;
    }
    /* txt */ 
    .user-txt {
        font-size: 1.6rem;
        line-height: 2rem;
    }
    .user-list-title01,
    .user-list-title02 {
        font-size: 1.4rem;
        line-height: 2rem;
    }
    .price02 {
        font-size: 2.1rem;
        line-height: 2.8rem;
    }
    .condition-accent {
        font-size: 2rem;
        line-height: 2.3rem;
    }
    /*
    font-size 1.1 -> 1.3
    line-height: 1.5 -> 2
    word-break 미적용 -> 적용
    21.04.27 e9mini 
    */
    .mybox-txt {
        font-size: 1.3rem;
        line-height: 2rem;
        word-break: keep-all; 
    }
    .info-txt {
    	font-size: 2.92rem;
    	line-height: 3.6rem;
    }
    .info-txt06 {
        font-size: 5rem;
        line-height: 8rem;
        letter-spacing: -5px;
    }
    .login-info {
        padding: 5.5% 0;
        font-size: 1.6rem;
        line-height: 2.9rem;
    }
    .info-txt04 {
    	font-size: 1.8rem;
    	line-height: 1.7rem;
    }
    .price04 {
        font-size: 1.8rem;
        line-height: 2.3rem;
    }
    .lookup-txt {
        font-size: 1.6rem;
        line-height: 2.4rem;
    }
    .title-txt-point {
        font-size: 1.3rem;
        line-height: 2rem;
    }
    .user-txt-2row {
        line-height: 2.7rem;
        font-size: 1.3rem;
    }
    .user-txt-2row-e {
        height: 1.9rem;
    }
    .user-txt-3row {
        height: 2.9em;
        -webkit-line-clamp: 2;
    }
    .view_price {
        font-size: 1.4rem;
        line-height: 1.7rem;
    }
    .user-txt-date {
        font-size: 1.4rem;
        line-height: 2.3rem;
    }
    .level-coupon-box {
        height: 83px;
    }
    .level-tag {
        font-size: 1rem;
        line-height: 1.3rem;
    }
    .level-point {
        padding: 0 0 0 9%;
        font-size: 2.7rem;
        line-height: 3.5rem;
        letter-spacing: -2.5px;
    }
    .index-top span {
    	font-size: 1.5rem;
    	line-height: 2.8rem;
    }
    /*
    fontsize : 1.3 -> 1.5
    lineheight : 1.9 -> 2.0
    21.04.27 e9mini 적용
    */
    .user-txt02 {
        font-size: 1.5rem;
        line-height: 2rem;
    }
    .bor-radius-title {
        font-size: 1.3rem;
        line-height: 1.8rem;
    }
    .end-box p {
        font-size: 2.2rem;
        line-height: 3.2rem;
		padding:1.5rem;
    }
    .count-point {
        font-size: 2.8rem;
        line-height: 3.5rem;
    }
    /* icon */
    .icon-list {
        width: 19px;
        height: 21px;
    }
    .icon-share {
        width: 29px;
    }
    /* button */
    button,
    .btn {
    	height: 35px;
    	font-size: 1.3rem;
    	line-height: 33px;
    }
    .btn-height-e {
        height: 23px;
        font-size: 1.1rem;
        line-height: 20px;
    }
    .btn-radius {
        width: 28%;
        height: 22px;
        line-height: 22px;
        font-size: 1rem;
    }
    .btn-popup-close-txt {
        top: 8%;
        font-size: 2.6rem;
        line-height: 4rem;
    }
    .btn-user-color,
    .btn-user-white {
        font-size: 1.6rem;
        line-height: 2.3rem;
    }
    .footer-menu span.quantity-num,
    .quantity-num {
    	font-size: 1.2rem;
    	line-height: 2.5rem;
    }
    .btn.btn-edit {
        font-size: 1.1rem;
    }
    /* list-box */
    .step-list li .step-circle {
        width: 74px;
        height: 74px;
    }
    .step-list li p {
        margin-top: -15px;
        margin-left: -51%;
    }
    .step-list li p.mybox-title {
        font-size: 1.1rem;
        line-height: 1.5rem;
    }
    .level-situation {
        height: 23px;
    }
    .exhibition-board {
        height: 60px;
    }
    /* form */
    input,
    select {
        height: 35px;
        font-size: 1.2rem;
        line-height: 1.5rem;
    }
    textarea {
        font-size: 1.3rem;
        line-height: 1.8rem;
    }
    .search-input-box input.user-input {
        height: 30px;
    }
    .form-info-box {
        font-size: 1rem;
        line-height: 2.1rem;
    }
    .line {
        height: 13px;
    }
    .img-barcode-box {
        padding: 16.8% 0;
    }
    /* barcode */    
    .barcode-list-boundary {        
        padding: 30% 0;
    }
    .barcode-list-box {
        width: 80%;
        margin-top: -77.5px;
        margin-left: -40%;
    }
    .barcode-list-box .info-txt04 {
        font-size: 1.5rem;
    }
    .info-form-list,
    .index-tab span,
    .info-tab {
        font-size: 1.4rem;
        line-height: 2.7rem;
    }
    .search-list-box li {
        font-size: 1.2rem;
        line-height: 1.9rem;
    }
    .btn-icon-search02 {
        width: 20px;
        height: 19px;
        margin-top: 2%;
    }
    .btn-hashtag {
        margin: 2px;
        padding: 4px 2px;
        font-size: 1rem;
    }
    .btn-hashtag-medium {
        padding: 2% 4%;
        font-size: 1.1rem;
    }
    .btn-footer {
        width: 85px;
        margin-left: auto;
        height: 26px;
        line-height: 26px;
        font-size: 1.1rem;
    }
    .info-form-title {
        padding: 1.7% 3.7%;
        font-size: 1.5rem;
    }
    .user-txt-3row {
        font-size: 1.3rem;
        line-height: 2rem;
    }
    .txt-info-small {
        font-size: 1rem;
        line-height: 1.5rem;
    }
    .list-contents-inner {
        padding: 9px;
    }
    .btn-table-close {
        background-size: 11px;
        padding: 3px;
    }
    .justice-list dd {
        font-size: 1.1rem;
        line-height: 1.5rem;
    }
    .mobile-popup .btn-bottom,
    .pre_chk_box2 .btn-bottom {
        height: 45px;
        font-size: 1.4rem;
        line-height: 45px;
    }
    .btn-sns-box {
    	height: 35px;
    	font-size: 1.2rem;
    	line-height: 37px;
    }
    /* --- coupon --- */
    #coupon_down,
    #myorder_view {
        height: 50px;
        line-height: 47px;
        font-size: 1.6rem;
        font-weight: 500;
    }
    /* --- paging --- */       
    .num_box li a {
    	width: 23px;
    	height: 23px;
    	font-size: 1.2rem;
    	line-height: 23px;
    }
    /* ----- swiper ----- */
    /* --- Paginateion --- */
    .inner .swiper-pagination {
        padding: 1px 0;
    }    
}
@media all and (min-width: 681px) and (max-width: 767px) {        
    /* main */
    .price02 {
    	font-size: 4rem;
    	line-height: 4.3rem;
    }    
}
/* ////////////////////////////////////////////////////////////////////////////// */
 /* --------- 390px ~ 402px ---------- */
 @media all and (max-width:402px) {     
    /* contents */
    .content-title01 {
        font-size: 2rem;
    }
    .txt-en02 {
        font-size: 1.5rem;
    }
    .img-frame-04 li p,
    .txt-relation {
        padding: 9% 0;
        font-size: 1.1rem;
        line-height: 1.6rem;
    }
    .slide-txt02 {
        line-height: 5rem;
    }
    .slide-txt02 h3,
    .slide-txt03 h3 {
        font-size: 1.6rem;
        line-height: 2rem;
    }
    .slide-txt-detail {
        padding-top: 2%;
        font-size: 1.6rem;
    }
    .count-box-square {
        font-size: 1.8rem;
        line-height: 2rem;
    }
    .percent {
        font-size: 3rem;
    }
 }
 @media all and (max-width: 370px) {
     .check-calendar-title {
        height: 50px !important;
     }
     .check-calendar-title>h2 {
        font-size: 1.5rem !important;
        line-height: 50px !important;
     }
     .icon-calendar-left,
     .icon-calendar-right {
        top: 16px !important;
     }
    .check-calendar-table table th {
       font-size: 1.2rem !important;
    }
    .check-calendar-table td {
        height: 49px;
        font-size: 1.1rem !important;
    }
    .floating-banner-1 {
            top: 18% !important;
    }
    .quick-banner-1 {
            width: 29% !important;
            top: 46%  !important;
    }
 }
@media all and (max-width:331px) {
    /* header */
    .menu .menu-con ul .menu-list a {
        font-size: 1.4rem;
        line-height: 2.4rem;
    }
    .search {
        right: 17%;
    }
    /* search */
    .search-logo {
        top: 25.7%;
    }
    .search-input-box {
        width: 69.7%;
        padding: 0.7% 0;
    }
    .search-title,
    .under-line p {
        font-size: 1.5rem !important;
    }
    .search-list-box li a {
        font-size: 1.5rem !important;
    }
    /* contents */
    .img-frame-04 li p.txt-style01 {
        font-size: 1.3rem !important;
    }
    p.txt-style01 {
        font-size: 1rem !important;
        font-weight: 900;
    }
    .list-style-txt-box {
        padding-bottom: 3.5%;
    }
    .list-style-txt-title {
        font-size: 1.8rem;
        line-height: 2.1rem;
    }
    .list-style-txt li {
        font-size: 1.2rem !important;
        line-height: 2rem !important;
    }
    .list-style-txt-slice01,
    .list-style-txt-slice02 {
        padding: 4% 0;
    }
    .frame-04-e li {
        /* height: 158px; */
        height: 76px;
    }
    .term03 {
        font-size: 1.6rem !important;
    }
    .sub-banner-title-txt {
        font-size: 1.4rem;
        line-height: 2rem;
    }
    .count-box {
        width: 70px;
        height: 70px;
    }
    .slide-txt-frame02 {
        height: 153px;
    }
    .txt-relation02 {
        padding-top: 6px;
        font-size: 1.1rem;
        line-height: 1.3rem;
    }
    .comment-title-sub02 {
    	font-size: 1.2rem !important;
    	line-height: 1.8rem !important;
    }
/*     .main-top-list-inner img {
        width: 30px;
    } */
    .btn-close-option {
        top: -4%;
    }
    .bottom-fix-box-bg {
        height: 86%;
    }
}

@media all and (min-width:332px) and (max-width:403px) {
    /* search */
    .search-logo {
        top: 22.7%;
    }
    .search-input-box {
        width: 69.7%;
        padding: 0.7% 0;
    }
    .search-title,
    .under-line p {
        font-size: 1.45rem !important;
    }
    .search-list-box li a {
        font-size: 1.4rem !important;
    }
    /* contents */
    .icon-view {
        width: 4%;
        padding: 3.5% 0;
    }
    .frame-04-e li {
        height: 90px;
    }
    .term03 {
        font-size: 1.6rem !important;
    }
    .count-box {
        width: 80px;
        height: 80px;
    }
    .sub-banner-title-txt {
        font-size: 1.5rem;
        line-height: 2.3rem;
    }    
    .count-box-square {
        font-size: 2rem;
        line-height: 2.5rem;
    }
    .slide-txt-frame02 {
        height: 177px;
    }
    .txt-relation02 {
        padding-top: 6px;
        font-size: 1.2rem;
        line-height: 1.5rem;
    }
}
 /* ----- //////////////////// ----- */

  /* --------- ~ 389px ---------- */
  @media all and (max-width:389px) {
    .contact-box > .floR {
        padding-top: 4%;
    }
    .check-calendar-btn {
        padding-top: 5%;
    }
 }
/* ----- //////////////////// ----- */

/* ---------- 375px (iphone X) ---------- */
@media all and (width:375px) {
     /* top, down, back, kakao */
     .kakao {
     	bottom: 23%;
     }
     .top {
     	bottom: 16%;
     }
}

 /* --------- 404px ~ 435px ---------- */
@media all and (min-width:404px) and (max-width:435px) {
    /* header */
    .menu .menu-con ul .menu-list a {
        font-size: 1.5rem;
        line-height: 2.5rem;
    }
    /* top, down, back, kakao */
    .kakao {
    	bottom: 23%;
    }

    .top {
    	bottom: 16.5%;
    }
    /* contents */
    .content-title01 {
        font-size: 2.2rem;
        line-height: 4rem;
    }
    .btn-more {
        padding-right: 0;
        font-size: 1.5rem;
    }
    .term,
    .slide-txt h3 {
        font-size: 1.8rem;
    }
    .price {
        padding-top: 4.5%;
        font-size: 3rem;
    }
    .count-box {
        font-size: 1.8rem;
        line-height: 2.4rem;
    }
    .count-box .count-point {
        font-size: 1.9rem;
    }
    .img-frame-04 li p,
    .txt-relation {
        padding-top: 11%;
        font-size: 1.3rem;
        line-height: 1.4rem;
        height: 3.2rem;
    }
    .main-top-list-txt {
        height: initial !important;
    }
    .txt-en02 {
        font-size: 1.7rem;
    }
    .slide-txt02 h3 {
        font-size: 2.3rem;
        line-height: 3rem;
    }
    .slide-txt-detail {
        font-size: 1.9rem;
        padding-top: 3%;
    }
    .count-box-square {
        font-size: 2rem;
        line-height: 2.5rem;
    }
    .percent {
        font-size: 4.3rem;
    }
    .under-line {
        padding: 2% 3.7%;
    }
    .title-point {
        font-size: 1.5rem !important;
        line-height: 2rem !important;
    }
    .frame-04-e li {
        height: 96px;
    }
    .js-close-option {
        top: -5%;
    }
    .position-tl-w {
        width: 35%;
    }
    .back-position {
        bottom: 10%;
    }
    .count-box {
        width: 80px;
        height: 80px;
    }
    .sub-banner-title-txt {
        font-size: 1.5rem;
        line-height: 2.3rem;
    }
    .count-box-square {
        font-size: 2rem;
        line-height: 2.5rem;
    }
    .slide-txt-frame02 {
        height: 177px;
    }
    .txt-relation02 {
        padding-top: 6px;
        font-size: 1.2rem;
        line-height: 1.5rem;
    }
}
/* ----- //////////////////// ----- */

/* --------- ~ 435px ---------- */
@media all and (max-width:435px) {

    /* login page */
    .basket-num02 {
        top: -3%;
        right: -10%;
    }
    .login-info02 {
        padding: 3.5% 0 3.5% 0;
    }
    .info-box {
        padding: 6.8% 3.7% 3.7% 3.7%;
    }
    .info-txt02 {
        font-size: 1.4rem;
        line-height: 2rem;
    }
   .info-form01 {
        padding: 7.7% 9%;
    }
    .info-txt03 {
        font-size: 1.5rem;
        line-height: 2rem;
        letter-spacing: -1px;
    }
    label.info-label01,
    label.label-txt {
        font-size: 1.4rem;
        line-height: 2.1rem;
    }
    .info-term {
        padding-bottom: 5%;
    }
    input[type="radio"]:checked + label, input[type="radio"]:not(:checked) + label {
        padding: 0 5px 0 21px !important;
    }
    .con-box03 {
        padding: 5.7% 3.7% 7.4% 3.7%;
    }
    select.my-select {
        height: 39px !important;
        line-height: 39px !important;
    }
    input.my-input {
        height: 37px;
        font-size: 1.2rem;
        line-height: 2rem;
    }
    .justice-list dt {
        font-size: 1.5rem;
        line-height: 2.6rem;
    }
    .line06-edit {
        margin-bottom: 2.2%;
    }
    .btn-info-table-normal {
        padding: 1% 4%;
        font-size: 1.3rem;
    }
    .btn-info-table-normal02 {
        padding: 0 4%;
        font-size: 1.2rem;
    }
    .btn-info-table-normal03 {
        /* padding: 1% 6%; */
        padding: 2px 8px;
        font-size: 1.1rem;
    }
    .info-table th,
    .info-table02 th,
    .info-table03 th {
        font-size: 1.3rem !important;
        line-height: 2rem !important;
    }
    .info-table td,
    .info-table02 td,
    .info-table03 td {
        font-size: 1.3rem !important;
        line-height: 2rem !important;
    }
    .info-table03 thead tr th {
        padding: 2% 0;
    }
    /* footer */
    .search-title {
        padding: 1.3% 3.7%;
    }
    .whole-menubox .content-title03 {
        padding: 4.5% 3.7%;
        font-size: 2rem;
    }
    .txt-en03 {
        font-size: 1.4rem;
        line-height: 2.5rem;
    }
    .mybox-name {
        font-size: 2.2rem;
    }
    .mybox-title-txt {
        font-size: 1.1rem;
    } 
    /* search */
    .search-input-box {
        width: 69.7%;
        padding: 0.7% 0;
    }
    .search-title,
    .under-line p {
        font-size: 2rem;
    }
    .search-list-box li a {
        font-size: 1.5rem;
        padding: 2.5% 3.7%;
    }
    /* contents */
   
    .position-tl-w {
        width: 37%;
    }
    .txt-en {
        font-size: 1.2rem;
    }
    .icon-view {
        width: 4%;
        padding: 3.5% 0;
    }
    .slide-txt-frame {
        padding: 0 0.5% 4% 0.5%;
    }
    .term,
    .term02,
    .slide-txt h3 {
        font-size: 1.4rem;
        line-height: 1.8rem;
    }
    .slide-txt h3 {
        padding-top: 2%;
    }
    .slide-txt02 h3,
    .slide-txt03 h3,
    .img-frame-title {
        font-size: 1.6rem;
        line-height: 2.8rem;
    }
    .count-box {
        font-size: 1.4rem;
        line-height: 2.3rem;
    }
    .list-buying-txt-box h2,
    .date {
        font-size: 1.3rem;
        line-height: 2rem;
    }
    .price03 {
        font-size: 1.9rem;
        line-height: 3rem;
    }
    .count-box02 {
        width: 18.7%;
        padding: 6% 0 5.4% 0;
        font-size: 2em;
        line-height: 1.8rem;
    }
    .percent02 {
        font-size: 2.4rem;
    }
    .slide-txt-frame {
        padding: 0 0 6.2% 0;
    }
    .price {
        font-size: 2.6rem;
        line-height: 3rem;
        padding-top: 6%;
        padding-left: 2px;
    }
    .count-box02,
    .count-box03  {
        width: 80px;
        height: 80px;
    }
    .count-box p {
        padding-top: 6%;
        font-size: 1.4rem;
        /* line-height: 2.3rem; */
        line-height: 2rem;
    }
    .count-box .count-point {
        font-size: 2.5rem;
    }
    .count-box02 p,
    .count-box03 p {
        /* padding-top: 12%; */
        font-size: 1.5rem;
        line-height: 2.3rem;
    }
    .bg-slash {
        height: 9px;
    }
    .slide-txt {
        line-height: 3.2rem;
    }
    .slide-txt02 {
        padding: 0% 6% 0% 6%;
        line-height: 2.2rem;
    }
    .slide-txt02 h3 {
        font-size: 1.7rem;
        line-height: 2.4rem;
    }
    .slide-txt-detail {
        padding-top: 7px;
        font-size: 1.5rem;
        line-height: 2.2rem;
    }
    .percent {
        font-size: 4rem;
    }
      .user-tab-style-title {
        padding: 3% 12.5%;
    }
    .user-tab-style-title li span {
        padding: 5.7% 0;
        font-size: 1.5rem;
        line-height: 2.5rem;
    }
    .result-page-title {
        padding: 3.2% 0;
    }
    .sub-result-title,
    .sub-result-date  {
        font-size: 1.4rem;
        line-height: 2.5rem;
    }
    .sub-result-title02,
    .sub-result-txt {
        font-size: 1.5rem;
        line-height: 2.5rem;
    }
    .comment-title {
        font-size: 1.5rem;
        line-height: 2.5rem;
    }
    .comment-title-sub {
        padding: 3.3% 0;
    }
    .comment-txt-sub {
        font-size: 1.3rem;
        line-height: 2rem;
    }
    .title-point,
    .img-frame-04 li p.txt-style01,
    p.txt-style01 {
        font-size: 1.2rem;
        line-height: 1.5rem;
    }
    .num-box {
        padding-top: 5%;
    }
    .num-box li a {
        padding: 10% 24%;
        font-size: 1.4rem;
        line-height: 4rem;
    }
    .line07 {
        width: 10.8%;
        margin-bottom: 2.5%;
    }
    .title-brand {
        font-size: 1.7rem;
        line-height: 4.2rem;
    }
    .title-brand-e {
        line-height: 2.1rem;
        padding: 4.7% 3.7%;
        font-size: 1.5rem;
    }
    .comment-title-sub02 {
        font-size: 1.3rem;
        line-height: 2.2rem;
    }
    .end-box-detail {
        font-size: 1.7rem;
        line-height: 2.5rem;
    }
    .search-title,
    .under-line p {
        font-size: 1.5rem;
    }
    .list-style-txt-box {
        padding: 3.5% 0;
    }
    .img-frame-03 li .img-space {
        height: 93px;
    }
    .list-style-txt-title {
        font-size: 1.6rem;
        line-height: 2.1rem;
    }
    .list-style-txt li {
        font-size: 1.3rem;
        line-height: 2.4rem;
    }
    .list-style-txt-slice01,
    .list-style-txt-slice02 {
        padding: 4% 0;
    }
    .term03 {
        font-size: 1.8rem;
        line-height: 2.2rem;
        letter-spacing: 0px;
    }
    .txt-mini {
        font-size: 1.5rem;
        line-height: 2rem; 
    }
    .count-box05 {
        top: 10.8%;
    }
    .limit-num-txt .limit-txt {
        padding-top: 8%;
        font-size: 1.4rem;
        line-height: 1.8rem;
    }
    .limit-detail {
        font-size: 2.3rem;
        line-height: 3rem;
    }
    .title-brand-flag {
        height: 48px;
        font-size: 1.6rem;
        line-height: 48px;
    }
    select.user-select {
        height: 48px;
        font-size: 1.6rem;
    }
    .vertical-bar {
        background-size: 2px 14px;
    }
    .lookup-btn-box {
        padding-top: 2.7%;
    }
    .btn-lookup {
        width: 30.3%;
        padding: 1.2% 2%;
        font-size: 1.2rem;
        line-height: 2.2rem;
    }
    .condition {
        width: 29%;
        padding-left: 5%;
        background-size: 1px 60px;
        background-position: 7% center;
        font-size: 1.3rem;
        line-height: 2.4rem;
    }
    ul.lookup-btn-box li.btn-lookup {
        margin-left: 3%;
        width: 31%;
    }
    .btn-info-normal {
        width: 20%;
        font-size: 1.1rem;
        line-height: 2.5rem;
    }
    .list-info-title li {
        padding: 3.7% 2.7%;
        font-size: 1.4rem;
        line-height: 3rem;
    }
    .whole-menu-edit-title {
        padding: 2.8% 3.7%;
        line-height: 2.5rem;
    }
    .whole-menu-edit-title {
        font-size: 1.3rem;
        line-height: 1.8rem;
    }   
    .big02-e {
        height: 32px !important;
    }
    .big02-e {
        line-height: 32px !important;
    }
    input.my-input-e {
        width: 45%;
    }
    .info-form-list02 {
        font-size: 1.2rem;
        line-height: 2.2rem;
    }
    .quantity li {
        height: 26px;
    }    
    .txt-skip02 {
        width: 110px !important;
    }
    .txt-skip03 {
        width: 164px !important;
    }
    .font-point {
        font-size: 2.1rem;
    }
    .btn-user-small {
        width: 18%;
        height: 51px;
        font-size: 1.3rem;
        line-height: 51px;
    }
    .option-select-div h2 {
        font-size: 1.2rem;
        line-height: 2rem;
    }
    .option-select-div-sub li span {
        font-size: 1.1rem;
        line-height: 2.3rem;
    }
    .icon-dot {
        width: 5px;
        height: 5px;
    }
    .btn-switch-on,
    .btn-switch-off {
        width: 56px;
        padding: 12px 0;
    }
    #password_alarm {
        padding: 3% 5%;
        font-size: 1.2rem;
        line-height: 2rem;
    }
    /* popup */    
    .btn-after-x {
        width: 20px;
        height: 20px;
        font-size: 1.2rem;
        line-height: 20px;
    }
    .icon-home,
    .icon-coupon {
        width: 32px;
        height: 25px;
    }
    .btn-box02 {
        top: 12%;
    }
    .main_price {
        font-size: 2.5rem;
    }
    .img-cate-box {
        width: 22px;
        height: 22px;
    }
    .icon-arrow-one-right03 {
        width: 14px;
        height: 17px;
        margin-left: 25px;
    }
    /* ------------------------------------ coupon  ------------------------------------ */
    .event_content .search_box .info-table select {
        width: 30% !important;
    }
    .event_content .search_box .info-table .btn {
        width: 18% !important;
    }
    .event_content .company_logo .com_info a {
        font-size: 1.2rem !important;
        line-height: 1.7rem !important;
    }
    .coupon_lit_title {
        font-size: 1.5rem !important;
        line-height: 1.9rem !important;
    }
    .coupon_down {
        font-size: 1.1rem !important;
        line-height: 1.7rem !important;
    }
    .com_red_tag,
    .com_puple_tag,
    .com_blue_tag,
    .com_gray_tag {
        font-size: 1rem !important;
    }
    .coupon_num {
        font-size: 1.5rem !important;
        line-height: 2rem !important;
    }
    .coupon_de_txt {
        font-size: 1.2rem !important;
        line-height: 1.8rem !important;
    }
    /* TODOJS 2차개발 PM system 점검 추가 */
    .system-title {
        font-size: 1.5rem;
        line-height: 2rem;
    }
    .system-txt {
        padding-top: 3%;
        font-size: 1rem;
        line-height: 1.4rem;
    }
    .system-box {
        width: 95%;
    }
    table.system-table th {
        font-size: 1rem;
        line-height: 2rem;
    }
    table.system-table td {
        font-size: 1.1rem;
        line-height: 2rem;
    }
    .system-txt-t {
        padding-left: 13px;
        font-size: 1.2rem;
        line-height: 1.8rem;
        background-size: 9px auto;
    }
    .system-txt-c {
        padding: 1% 0 0 14px;
        font-size: 1.1rem;
        line-height: 1.5rem;
    }
    /* event check page v2 190123 */
    .check-calendar-title {
    	height: 60px;
    }

    .check-calendar-title>h2 {
    	font-size: 1.8rem;
    	line-height: 60px;
    }

    .icon-calendar-left,
    .icon-calendar-right {
    	top: 22px;
    	width: 15px;
    	height: 15px;
    }

    .check-calendar-table table th {
    	font-size: 1.3rem;
    }

    .check-calendar-table td {
    	font-size: 1.2rem;
    }
}
/* ----- //////////////////// ----- */

@media all and (width:600px) {
    .kakao {
        bottom: 155px;
    }
    .kakao-position {
    	bottom: 240px;
    }
    .top {
        bottom: 90px;
    }
    .top-position {
        bottom: 173px;
    }
    .down,
    .back {
        bottom: 26px;
    }
    .down-position,
    .back-position {
        bottom: 107px;
    }
}

/* --------- 436px ~ 574px ---------- */
@media all and (min-width:436px) and (max-width:574px) {
    .con-box {
        padding: 0 3.7% 43.1% 3.7%;
    }
    .info-box {
        padding: 6.8% 3.7% 0 3.7%;
    }
    .info-txt02 {
        font-size: 1.9rem;
        line-height: 2.8rem;
    }
   .info-form01 {
        padding: 7.7% 9%;
    }
    .info-txt03 {
        font-size: 1.8rem;
        line-height: 3.1rem;
    }
    label.info-label01 {
        font-size: 1.6rem;
        line-height: 3rem;
    }
    .info-term {
        padding-bottom: 8%;
    }
    input[type="radio"]:checked + label, input[type="radio"]:not(:checked) + label {
        padding: 0 8px 0 26px;
    }
    input[type="radio"]:checked + label:before,
    input[type="radio"]:not(:checked) + label:before,
    input[type="radio"]:checked + label:after,
    input[type="radio"]:not(:checked) + label:after {
        width: 16px;
        height: 16px;
        margin-top: -9px;
    }
    label.label-txt {
        padding: 0 0 0 24px !important;
        font-size: 1.5rem;
    }
    select.login-select {
        margin-right: 3.8%;
    }
    .btn-info-table-normal,
    .btn-info-table-normal03 {
        font-size: 1.6rem;
    }
    .info-table th, .info-table02 th, .info-table03 thead tr th {
        font-size: 1.7rem;
        line-height: 2.5rem;
    }
    .whole-menubox .content-title03 {
        padding: 5% 3.7%;
        font-size: 2.3rem;
    }
    .txt-en03 {
        font-size: 1.5rem;
        line-height: 2.5rem;
    }
    .mybox {
        padding: 3.55% 4.5%;
    }
    .mybox-title-txt {
        font-size: 1.8rem;
    }
    /* search */
    .search-input-box {
        width: 69.7%;
        padding: 2.7% 0;
    }
    .search-title,
    .under-line p {
        font-size: 2rem;
    }
    .search-list-box li a {
        font-size: 1.7rem;
    }
    /* contents */
    .content-title01 {
        font-size: 2.5rem;
    }
    .content-title01 .txt-en,
    .btn-more {
        font-size: 1.5rem;
    }
    .slide-txt-frame {
        padding: 4.5% 0 6.2% 0;
    }
    .term,
    .slide-txt h3 {
        font-size: 1.8rem;
        line-height: 2.8rem;
    }
    .price {
        font-size: 2.8rem;
        padding-top: 6%;
    }
    .count-box,
    .count-box02,
    .count-box03 {
        width: 90px;
        height: 90px;
    }
    .count-box p {
        font-size: 1.6rem;
        line-height: 2.6rem;
    }
    .count-box .count-point {
        font-size: 2.9rem;
    }
    .txt-en02 {
        font-size: 2.2rem;
    }
    .title-brand {
        padding: 2.7% 3.7%;
        font-size: 1.7rem;
        line-height: 2.4rem;
    }
    .img-frame-04 li p,
    .img-frame-04 li p.txt-style01,
    p.txt-style01,
    .txt-relation {
        font-size: 1.6rem;
    }
    .slide-txt {
        line-height: 3.2rem;
    }
    .slide-txt02 {
        padding: 10% 6% 5.5% 6%;
        line-height: 3.2rem;
    }
    .slide-txt02 h3,
    .slide-txt03 h3,
    .img-frame-title {
        font-size: 1.7rem;
        line-height: 2.8rem;
    }
    .slide-txt-detail {
        padding-top: 0;
        font-size: 1.8rem;
        line-height: 2.8rem;
    }
    .count-box-square {
        font-size: 2.8rem;
        line-height: 2.5rem;
    }
    .percent {
        font-size: 4rem;
    }
    .title-point {
        font-size: 1.6rem;
        line-height: 2.3rem;
    }
     .user-tab-style-title {
        padding: 7% 12.5%;
    }
    .user-tab-style-title li span {
        padding: 6.7% 0;
        font-size: 1.9rem;
        line-height: 2.8rem;
    }
    .result-page-title {
        padding: 3.2% 0;
    }
    .sub-result-title,
    .sub-result-date  {
        font-size: 1.5rem;
        line-height: 2.5rem;
    }
    .sub-result-title02,
    .sub-result-txt {
        font-size: 2.2rem;
        line-height: 3.5rem;
    }
    .comment-title {
        font-size: 1.6rem;
        line-height: 3.5rem;
    }
    .comment-title-sub {
        padding: 3.3% 0;
    }
    .comment-txt-sub {
        font-size: 1.8rem;
        line-height: 2.8rem;
    }
    .num-box {
        padding-top: 10%;
    }
    .num-box li a {
        font-size: 2rem;
        line-height: 4rem;
    }
    .line07 {
        margin-bottom: 2.5%;
    }
    .comment-title-sub02 {
        font-size: 1.3rem;
        line-height: 2.2rem;
    }
    .btn-user-small {
        height: 57px;
        width: 17%;
        font-size: 1.5rem;
        line-height: 57px
    }
    .end-box-detail {
        font-size: 1.8rem;
        line-height: 3rem;
    }
    .list-style-txt-title {
        font-size: 2rem;
        line-height: 2.5rem;
    }
    .list-style-txt li {
        font-size: 1.6rem;
        line-height: 2.5rem;
    }
    .list-style-txt-slice01,
    .list-style-txt-slice02 {
        padding: 3.5% 0;
    }
    .term03 {
        font-size: 2.3rem;
    }
    .sub-banner-title-txt {
        font-size: 1.8rem;
        line-height: 3rem;
    }
    .txt-mini {
        font-size: 1.5rem;
        line-height: 2.5rem;
    }
    .limit-num-txt .limit-txt {
        padding-top: 8%;
        font-size: 1.8rem;
        line-height: 2.1rem;
    }
    .limit-detail {
        font-size: 3.1rem;
        line-height: 4rem;
    }
    .title-brand-flag {
        height: 63px;
        font-size: 2rem;
        line-height: 63px;
    }
    select.user-select {
        height: 63px;
        font-size: 2rem;
    }
    .justice-list dt {
        font-size: 2.1rem;
    }
    .justice-list dd {
        font-size: 1.9rem;
        line-height: 2.6rem;
    }
    .info-form-list {
        font-size: 1.7rem;
        line-height: 3.5rem;
    }
    .btn-lookup {
        width: 28%;
        padding: 1.2% 2%;
        font-size: 1.5rem;
        line-height: 2.8rem;
    }
    .condition {
        width: 32.5%;
        font-size: 1.7rem;
        line-height: 3.4rem;
    }
    ul.lookup-btn-box li.btn-lookup {
        margin-left: 4%;
    }
    .btn-info-normal {
        font-size: 1.3rem;
        line-height: 3rem;
    }
    select.user-select {
        height: 39.7px;
    }
    .list-info-title li {
        padding: 2.5% 2%;
        font-size: 1.8rem;
        line-height: 3rem;
    }
    .whole-menu-edit-title {
        padding: 2.8% 3.7%;
        line-height: 4rem;
    }
    .whole-menu-edit-title {
        font-size: 1.7rem;
        line-height: 2.2rem;
    }
    .frame-04-e li {
        /* height: 216px; */
        height: 104px;
    }
    .quantity li {
        height: 30px;
    }
    .img-frame-03 li .img-space {
        height: 120px;
    }
    .option-select-div h2 {
        font-size: 1.5rem;
        line-height: 2.3rem;
    }
    .option-select-div-sub li span {
        font-size: 1.4rem;
        line-height: 2.4rem;
    }
    .icon-dot {
        width: 7px;
        height: 7px;
    }
    /* popup */
    .user-popup {
        top: 20%;
    }
    .term02 {
        font-size: 1.8rem;
        line-height: 2.8rem;
    }
    .list-buying-txt-box h2,
    .date {
        font-size: 1.8rem;
        line-height: 2.8rem;
    }
    .price03 {
        font-size: 2.6rem;
        line-height: 4rem;
    }
    .count-box02 p,
    .count-box03 p {
        font-size: 1.8rem;
        line-height: 2.5rem;
    }
    .percent02 {
        font-size: 2.8rem;
    }
    .icon-view {
        width: 4%;
        padding: 3.5% 0;
    }
    input.my-input-e {
        width: 46%;
    }
    .info-form-list02 {
        font-size: 1.6rem;
        line-height: 3rem;
    }
    .index-tab span {
        padding: 2% 5.5%;
        font-size: 1.5rem;
    }
    .icon-watching-num {
        right: 12%;
        top: 17%;
    }
    .btn-switch-on, 
    .btn-switch-off {
        width: 63px;
    }
    #password_alarm {
        top: 59px;
        padding: 4% 5%;
        font-size: 1.3rem;
        line-height: 2rem;
    }
    .slide-txt-frame02 {
        height: 175px;
    }
    .btn-sns-box {
        font-size: 1.4rem;
    }
    .icon-home,
    .icon-coupon {
        width: 32px;
        height: 26px;
    }
    .img-cate-box {
        width: 27px;
        height: 27px;
    }
    .txt-relation02 {
        padding-top: 7px;
        font-size: 1.3rem;
        line-height: 1.5rem;
    }
    .icon-arrow-one-right03 {
    	width: 15px;
    	height: 16px;
    	margin-left: 25px;
    }
    .search-logo {
        top: 27.7%;
        height: 47%;
    }
    .end-box-detail02 {
        font-size: 1.6rem;
        line-height: 2.7rem;
    }
    /* ------------------------------------ coupon  ------------------------------------ */
    .event_content .search_box .info-table select {
        width: 28% !important;
    }
    .event_content .search_box .info-table .btn {
        width: 20% !important;
        float: right;
    }
    .coupon_lit_txt {
        font-size: 1.4rem !important;
        line-height: 2.2rem !important;
    }
    .event_content .company_logo .com_info .company {
        font-size: 1.7rem !important;
    }
    .event_content .company_logo .coupon_area .coupon_down {
        font-size: 1.3rem !important;
    }
    .com_puple_tag {
        font-size: 1.1rem;
    }
    /* TODOJS 2차개발 PM system 점검 추가 */
    .system-title {
        font-size: 2rem;
        line-height: 2.5rem;
    }
    .system-txt {
        padding-top: 3%;
        font-size: 1.3rem;
        line-height: 1.8rem;
    }
    .system-box {
        width: 95%;
    }
    table.system-table th {
        font-size: 1.4rem;
        line-height: 2rem;
    }
    table.system-table td {
        font-size: 1.5rem;
        line-height: 2.5rem;
    }
    .system-txt-t {
        padding-left: 17px;
        font-size: 1.5rem;
        line-height: 2.3rem;
        background-size: 12px auto;
    }
    .system-txt-c {
        font-size: 1.4rem;
        line-height: 2rem;
    }
    /* event check page v2 190123 */
    .check-calendar-title {
        height: 60px;
    }
    .check-calendar-title>h2 {
        font-size: 2rem; 
        line-height: 60px;
    }
    .icon-calendar-left,
    .icon-calendar-right {
        top: 22px;
        width: 15px;
        height: 15px;
    }
    .check-calendar-table table th {
        font-size: 1.3rem;
    }
    .check-calendar-table td {
        font-size: 1.2rem;
    }
}

@media all and (min-width:436px) and (max-width:477px) {
    /* header */
    .menu-con ul {
        height: 50px;
    }
    .menu .menu-con ul .menu-list a {
        font-size: 1.8rem;
    }
}

@media all and (min-width:478px) and (max-width:574px) {
    /* header */
    .menu-con ul {
        height: 50px;
    }
    .menu .menu-con ul .menu-list a {
        font-size: 1.8rem;
        line-height: 2.8rem;
    }
    /* contents */
    .count-box {
        font-size: 2.5rem !important;
        line-height: 3.2rem !important;
    }
}

/* ----- //////////////////// ----- */


/* --------- 575px ~ 767px ---------- */

@media all and (min-width:575px) and (max-width:767px) {
    /* login page */
    .con-box {
        padding: 0 3.7% 40.1% 3.7%;
    }
    .login-info02 {
        padding: 7.5% 0 2% 0;
    }
    .info-box {
        padding: 6.8% 3.7% 0 3.7%;
    }
    .info-txt02 {
        font-size: 2.2rem;
        line-height: 3.4rem;
    }
    .info-txt03 {
        font-size: 2.1rem;
        line-height: 3.4rem;
    }
    label.info-label01 {
        font-size: 2.1rem;
        line-height: 3.1rem;
    }
    .info-term {
        padding-bottom: 6%;
    }
    /* whole menu */
    .whole-menubox .content-title03 {
        padding: 6% 3.7%;
        font-size: 3.3rem;
    }
    .whole-menu-edit ul li h2 {
        padding: 1.4% 2.7%;
        font-size: 2.1rem;
        line-height: 3.8rem;
    }
    .txt-en03 {
        font-size: 2rem;
        line-height: 2.5rem;
    }
    .mybox-title-txt {
        font-size: 2rem;
    }
    .whole-menu-edit-title {
        font-size: 2.1rem;
        line-height: 3.8rem;
    }
    /* search */
    .search-title {
        font-size: 2.2rem;
    }
    .search-list-box li a,
    .under-line p {
        font-size: 2.2rem;
    }
    /* contents */
    .content-title01 {
        font-size: 3.3rem;
    }
    .content-title01 .txt-en {
        font-size: 2rem;
    }
    .btn-more {
        font-size: 2rem;
    }
    .term {
        font-size: 2.3rem;
    }
    .slide-txt h3 {
        font-size: 2.3rem;
    }
    .title-brand,
    .txt-en02 {
        padding: 3.7%;
        font-size: 2.5rem;
        line-height: 4rem;
    }
    .txt-en02 {
        padding: 0;
    }
    .img-frame-04 li p,
    .txt-relation {
        font-size: 1.8rem;
    }
    .slide-txt02 {
        line-height: 4.5rem;
    }
    .slide-txt02 h3,
    .slide-txt03 h3 {
        font-size: 3rem;
        line-height: 3.8rem;
    }
    .slide-txt-detail {
        font-size: 2.8rem;
    }
    .percent {
        font-size: 6.8rem;
    }
    .count-box02 {
        padding: 5.5% 0 !important;
    }
    .user-tab-style-title {
        padding: 8.7% 12.5%;
    }
    .user-tab-style-title li span {
        padding: 6.7% 0;
        font-size: 2.3rem;
        line-height: 3.5rem;
    }
    .img-frame-title {
        font-size: 3rem;
        line-height: 3.6rem;
    }
    .line07 {
        margin-bottom: 2.5%;
    }
    .comment-title {
        font-size: 2.4rem;
    }
    .btn-user-small {
        width: 18%;
    }
    .end-box-detail {
        font-size: 2.9rem;
    }
    .list-style-txt-box {
        padding-bottom: 3.5%;
    }
    .img-frame-03 li .img-space {
        height: 160px;
        overflow: hidden;
    }
    .list-style-txt-title {
        font-size: 2.3rem;
    }
    .list-style-txt li {
        font-size: 2rem;
        line-height: 3.2rem;
    }
    .list-style-txt-slice01,
    .list-style-txt-slice02 {
        padding: 2.5% 0;
    }
    .title-brand-flag {
        height: 63px;
        line-height: 63px;
    }
    select.user-select {
        height: 63px;
    }
    ul.lookup-btn-box li.btn-lookup {
        margin-left: 4%;
    }
    select.user-select {
        height: 56.2px;
    }
    .whole-menu-edit-title {
        padding: 1.4% 3.7%;
    }
    .btn-search-close02-e {
        width: 2.2%;
    }
    .btn-h {
        height: 42px !important;
        font-size: 1.6rem !important;
        line-height: 2.5rem !important;
    }
    /* popup */
    .user-popup {
        top: 8%;
    }
    .term02 {
        font-size: 2.3rem;
        line-height: 3.5rem;
    }
    .list-buying-txt-box h2 {
        font-size: 2.4rem;
        line-height: 3.2rem;
    }
    .price03 {
        font-size: 3.4rem;
        line-height: 5rem;
    }
    .count-box02 p,
    .count-box03 p {
        /* padding-top: 13%; */
        font-size: 3rem;
        line-height: 4.2rem;
    }
    .percent02 {
        font-size: 3.8rem;
    }
    input.my-input-e {
        width: 47%;
    }
    .frame-04-e li {
        height: 138px;
    }
    .index-tab span {
        padding: 3% 5.5%;
        font-size: 2.2rem;
    }
    .count-box p {
        font-size: 2rem;
    }
    .icon-watching-num {
        right: 11%;
        top: 6%;
    }
    .justice-list dt {
        font-size: 2.3rem;;
        line-height: 3.7rem;
    }
    .justice-list dd {
        font-size: 2rem;
        line-height: 3rem;
    }
    #password_alarm {
        top: 57px;
        padding: 2% 4%;
    }
    .btn-lookup {
        width: 25%;
    }
    .txt-skip03 {
        width: 327px !important;
    }
    /* TODOJS 2차개발 PM system 점검 추가 */
    .system-title {
        font-size: 2rem;
        line-height: 2.5rem;
    }
    ul.system-txt-time li {
        font-size: 1.5rem;
        line-height: 2.3rem;
    }
    .system-txt {
        padding-top: 3%;
        font-size: 1.4rem;
        line-height: 2rem;
    }
    .system-box {
        width: 95%;
    }
    table.system-table th {
        font-size: 1.4rem;
        line-height: 2.8rem;
    }
    table.system-table td {
        font-size: 1.5rem;
        line-height: 2.2rem;
    }
    .system-txt-t {
        font-size: 1.7rem;
        line-height: 2.5rem;
        background-size: 13px auto;
    }
    .system-txt-c {
        font-size: 1.5rem;
        line-height: 2.2rem;
    }    
    .end-box-detail02 {
        font-size: 1.6rem;
        line-height: 2.7rem;
    }
}
/* ----- //////////////////// ----- */
@media all and (min-width:768px) and (max-width:1024px) {
    /* header */
    .logo {
        width: 140px;
    }    
    .search {
        width: 42px;
        height: 48px;
        margin-top: -23px;
    }
    .hamburger {
        width: 49px;
        height: 42px;
        margin-top: -21px;
    }
    /* .btn-search-close {
    	top: 28.1%;
    } */
    .menu-con ul {
    	height: 50px;
    }
    .menu .menu-con ul .menu-list a {
    	font-size: 1.7rem;
    	line-height: 2.5rem;
    }
    .quick-menu-list li {
        height: 70px;
    }
    .quick-home-box {
        top: -20px;
    }
    .main-top-list-inner img {
        width: 73%;
    }
    img.quick-home {
        width: 55%;
    }
    /* whole menu */
    .search-logo {
    	width: 9.8%;
    	height: 64%;
    }

    .whole-menu ul li .whole-menu-title {
    	padding: 3.4% 0;
    	font-size: 2.8rem;
    	line-height: 3.4rem;
    }

    .whole-sub li a {
    	padding: 2.5% 5%;
    	font-size: 2.7rem;
    	line-height: 2.8rem;
    }
    .whole-menu-edit ul li h2 {
        font-size: 2.3rem;
        line-height: 4rem;
    }

    .basket-num {
        width: 29px;
        height: 35px;
    	font-size: 1.8rem;
    }

    .mybox-title {
    	font-size: 2.5rem;
    	line-height: 4rem;
    }
    /* footer */
    .title-contact {
        font-size: 3.5rem;
        line-height: 3.8rem;
    }
    .footer-txt01 {
        font-size: 2.4rem;
        line-height: 3.1rem;
    }
    .footer-txt02 {
        font-size: 2.3rem;
        line-height: 3.4rem;
    }
    .footer-menu {
        padding: 2.7% 0;
    }
    .footer-menu a,
    .footer-menu span,
    .footer-menu img,
    .alert-message {
        font-size: 2.3rem;
        line-height: 3.4rem;
    }
    .whole-footer a {
        padding: 4.5% 0 5% 0;
        font-size: 2.1rem;
        line-height: initial;
    }
    .btn-footer {
        width: 151px;
        height: 45px;
        font-size: 1.8rem;
    }
    .img-frame.img-frame-04 li div .img-box img {
        width: 27% !important;
    }
    .swiper-pagination {
        width: 10%;
    }
    #content_m p {
        font-size: 1.5rem;
        line-height: 2.4rem;
    }
    .main-popup-img {
        width: 85%;
        margin: 0 auto;
    }    
    /*  top */
    .kakao,
    .top,
    .down,
    .back {
        width: 7%;
        padding: 3.8% 0;
    }
    /* tab */
    .index-top a,
    .index-tab a {
        font-size: 2.9rem;
        line-height: 3rem;
    }
    /* form */
    .label-check {
        font-size: 2.3rem;
        line-height: 4rem;
    }
    .label-check .mark-check.white:after,
    .label-radio .mark-radio.white:after {
        top: 50%;
        margin-top: -4px;
    }
    input[type="radio"]:checked+label:after,
    input[type="radio"]:not(:checked)+label:after {
        left: 11px;
    }
    input,
    select,
    textarea {        
        font-size: 2.4rem;
        line-height: 3.3rem;
    }
    input,
    select {
        height: 85px;
    }
    /* popup */
    .btn-close-mobile-popup {
        margin-top: 0.5%;
    }
    .mobile-popup {
        width: 85%;
    }
    .user-popup {
        top: 12%;
    }
    .count-box02 {
        padding: 6% 0 6.4% 0;
    }
    .percent02 {
        font-size: 5.8rem;
    }
    .count-box03 {
        width: 150px;
        height: 150px;
    }
    .btn-user-small {
        width: 18%;
        font-size: 2.5rem;
    }
    .icon-point {
        width: 36%;
    }
    .btn-icon-search02 {
        width: 29px;
        height: 35px;
        margin-top: 2%;
    }
    .btn-hashtag {
        padding: 12px 10px;
        font-size: 1.5rem;
    }
    .box-height {
        height: 110px;
    }
    .img-barcode-box {
        padding: 8.8% 0;
    }
    /* txt */
    .info-txt04 {
        font-size: 4rem;
        line-height: 4.6rem;
    }
    .info-txt06 {
        font-size: 10.2rem;
        line-height: 13.7rem;
        letter-spacing: -5px;
    }
    #password_alarm {
        top: 63px;
        padding: 2% 3%;
        font-size: 1.5rem;
        line-height: 2.5rem;
    }
    .title-brand {
        padding: 2.7% 1.5%;
        line-height: 3.2rem;
        font-size: 2.2rem;
    }
      .content-title01 {
        padding-top: 7.5%;
      }
      .slide-txt02 h3,
       .slide-txt03 h3 {
        font-size: 2.4rem;
        line-height: 3.2rem;
      }
      .sub-result-title,
      .sub-result-date {
        font-size: 2.3rem;
        line-height: 3rem;
      }
      .list-buying-txt-box02 {
        padding: 5.25% 4%;
      }
      .txt-mini {
        font-size: 3.2rem;
        line-height: 4.5rem;
      }
      .count-box p,
      .count-box02 p,
      .count-box03 p {
          line-height: 3rem;
        }
      .form-info-box,
      .form-info-box li,
      .form-info-box p {        
        font-size: 1.9rem;
        line-height: 3.5rem;        
      }
      .form-info-box {
        height: 200px;
      }
      .txt-skip03 {
          width: 100% !important;
      }
      .txt-relation {
        line-height: 1.5em;
        font-size: 2.3rem;
        height: 3rem;
      }
      .frame-04-e li {
        height: 245px;
      }
      .position-tl-w {
        width: 26%;
    }
    .slide-txt h3 {
        line-height: 5rem;
    }
    .main_price {
        font-size: 4rem;
        line-height: 4.5rem;
    }
    .icon-arrow-one-right01 {
        width: 26px;
    }
    .price04 {
        font-size: 3.4rem;
    }
    .user-left-second-bg {
        background-size: 40px auto;
    }
    .user-list-title02 {
        font-size: 2.8rem;
        line-height: 3.8rem;
    }
    /* .sub-title-h-box {
        height: 242px;
    } */
    .sub-banner-title-txt {
        font-size: 3.4rem;
        line-height: 4rem;
    }
    .btn-small-close {
        width: 3.5%;
        padding: 2.5% 0;
    }
    .info-form-list {
        font-size: 2.8rem;
    }
    .search-list-box li {
        font-size: 2.9rem;
        line-height: 3.4rem;
    }
    .lookup-txt {
        font-size: 3.2rem;
        line-height: 4.1rem;
    }
    .title-txt-point {
        font-size: 3.1rem;
        line-height: 4.5rem;
    }
    .btn-hashtag-medium {
        padding: 2% 4%;
        font-size: 1.9rem;
    }
    .user-txt02 {
        font-size: 2.5rem;
        line-height: 3.2rem;
    }
    .user-txt-3row {
        -webkit-line-clamp: 2;
        font-size: 3rem;
        line-height: 3.9rem;
        height: 2.2em;
    }
    .txt-info-small {
        font-size: 2.3rem;
        line-height: 3rem;
    }
    .bor-radius-title {
        font-size: 2.6rem;
        line-height: 3.4rem;
    }
    .time-line-box {
        padding: 2.7% 0;
    }
    /* TODOJS 2차개발 PM system 점검 추가 */
    .system-box {
        width: 95%;
    }
    .system-txt-t {
        font-size: 2rem;
        line-height: 2.8rem;
    }
    .system-txt-c {
        font-size: 1.8rem;
        line-height: 2.5rem;
    }
    .system-txt {
        font-size: 1.6rem;
        line-height: 2.5rem;
    }
    .index-tab span {
        font-size: 2.5rem;
        line-height: 2.9rem;
    }
    .index-tab.product-detail-index .js-index-tab {
        padding: 3% 2.5% !important;
        border-bottom: 5px solid #fff;
    }    
    .whole-menu-edit .whole-sub li .user-left-first span {
        font-size: 2.7rem;
        line-height: 4.4rem;
    }
    .whole-menu-edit .whole-sub li .user-left-second span {
        font-size: 2.4rem;
        line-height: 4rem;
    }
    /* btn */
    button,
    .btn {
        height: 85px;
        font-size: 2.7rem;
        line-height: 85px;
    }
    .con-box26.pointBg01.bor-b-style01 .btn.pointBg01.pointColor03 {
        height: 64px;
        line-height: 64px;
    }
    .btn-list-small {
        padding: 16px 10px;
    }
    .btn-radius {
        width: 22%;
        height: 45px;
        font-size: 2rem;
        line-height: 45px;
    }
    .btn-popup-close-txt {
        top: 27%;
    }
    .top-fixed-line {
        padding: 0;
    }
    .btn-user-color,
    .btn-user-white {
        font-size: 2.9rem;
        font-weight: 500;
        line-height: 4rem;
    }
    .quantity li {
        height: 60px;
    }
    .footer-menu span.quantity-num,
    .quantity-num {
        line-height: 6rem;
    }
    /* 상품후기 더보기 버튼 생성 */
    .more-open-icon {
        width: 26px;
        height: 10px;
    }
    .btn-user-middle {
        font-size: 2.6rem;
        line-height: 73px;
    }
    /* event check page v2 190123 */
    .check-calendar-title {
        height: 90px;
    }
    .check-calendar-title>h2 {
        font-size: 2.5rem;
        line-height: 90px;
    }
    .icon-calendar-left,
    .icon-calendar-right {
        top: 30px;
        width: 20px;
        height: 20px;
    }
    .check-calendar-table table th {
        font-size: 2rem;
    }
    .check-calendar-table td {
        height: 108px;
        padding: 1%;
        font-size: 1.8rem;
    }
    /* 메인  */
    .price02 {
        font-size: 3.9rem;
        line-height: 5rem;
    }
    .count-point {
        font-size: 5.5rem;
        line-height: 7rem;
    }
    .user-txt {
        font-size: 3.5rem;
        line-height: 4rem;
    }
    .main-popup-close {
        width: 30px;
    }
    .user-txt-2row {
        font-size: 2.6rem;
        line-height: 4rem;
    }
    .user-txt-2row-e {
        height: 3.5rem;
    }
    .txt-en02 {
        font-size: 2.4rem;
    }
    .end-box-detail02 {
        font-size: 2rem;
        line-height: 2.5rem;
    }
    .condition-accent {
        font-size: 3.7rem;
        line-height: 3.6rem;
    }
    /* icon */
    .btn-alert-box {
        width: 4.6%;
    }
    /* txt */
    #login-header-line h1 {
        font-size: 3.1rem;
        line-height: 4rem;
    }
    .info-form-title02 {
        font-size: 3.2rem;
    }
    .icon_arrow_one_left02 {
        padding: 1.9% 1%;
    }
    .login-info {
        font-size: 3.1rem;
        line-height: 4.4rem;
    }
    .count-style {
        font-size: 2.5rem;
    }
    .info-form-title {
        padding: 2% 3.7%;
        line-height: 4.2rem;
        font-size: 2.7rem;
    }
    .mybox-txt {
        font-size: 2.4rem;
        line-height: 3.2rem;
    }
    .info-txt {
        font-size: 5.6rem;
        line-height: 7.9rem;
    }
    .view_price {
        font-size: 3rem;
        line-height: 4.8rem;
    }
    .user-txt-date,
    .whole-menu-edit-title {
        font-size: 2.6rem;
        line-height: 4rem;
    }
    .end-box p {
        font-size: 5.8rem;
        line-height: 6.3rem;
    }
    .info-table th,
    .info-table02 th,
    .info-table03 thead tr th {
        font-size: 2.5rem;
        line-height: 3.8rem;
    }
    .info-table td,
    .info-table02 td,
    .info-table03 td {
        font-size: 2.4rem;
        line-height: 3.7rem;
    }
    /* list-box */
    .step-list li .step-circle {
        width: 180px;
        height: 180px;
    }
    .step-list li p.mybox-title {
        font-size: 2rem;
        line-height: 3.2rem;
    }
    /* barcode */
    .barcode-list-boundary {
        padding: 28% 0;
    }
    .barcode-list-box {
        width: 82%;
        margin-top: -157.2px;
        margin-left: -41%;
    }
    .barcode-list-box .condition-accent {
        font-size: 4.5rem;
        line-height: 4.8rem;
    }
    .barcode-list-box .info-txt04 {
        font-size: 3.9rem;
    }
    .pointBgPage {
        background-size: 17%;
    }
    table tr th,
    table tr td {
        font-size: 2.4rem;
        line-height: 3.2rem;
    }
    .table-mobile tr th {
        padding: 2.2% 0;
        font-size: 2.7rem;
        line-height: 3.7rem;
    }
    .table-mobile tr td {
        padding: 1.3% 0;
        font-size: 2.4rem;
        line-height: 3.2rem;
    }
    /* ----- swiper ----- */
    /* --- Pagination --- */
    .inner .swiper-pagination {
        width: 105px;
        padding: 8px 0;
        font-size: 2.5rem;
        line-height: 3.2rem;
    }
    .inner .swiper-pagination-total,
    .inner .swiper-pagination-current {
        font-size: 2.5rem;
        line-height: 3.2rem;
    }
    .btn-close-option {
        top: -6%;
    }
    .mobile-popup .btn-bottom,
    .pre_chk_box2 .btn-bottom {
        height: 79px;
        font-size: 2.6rem;
        line-height: 78px;
    }
    .bottom-fix-box-bg {
        height: 71%;
    }
} 

@media all and (width:768px) {
    .btn-more {
    	right: 30px;
    	top: 23px;
    }
    .kakao-position {
    	bottom: 230px;
    }
    .top-position {
    	bottom: 172px;
    }
    .down-position,
    .back-position {
    	bottom: 110px;
    }
    .count-box,
    .count-box02 {
        width: 160px;
        height: 160px;
    }
    .slide-txt-frame02 {
        height: 285px;
    }
    .top-fixed-line h1 {
        line-height: 2.6rem;
    }
}

@media all and (width:1024px) {
    .txt-en02 {
    	font-size: 2.8rem;
    }

    .btn-more {
    	right: 40px;
    	top: 26px;
    	width: 35px;
    	height: 35px;
    	background-position: -28px -98px;
    	background-size: 500px 500px;
    }
    .menu .menu-con ul .menu-list a {
    	font-size: 2rem;
    	line-height: 2.5rem;
    }
    .kakao-position {
    	bottom: 298px;
    	width: 7%;
    }
    .top-position {
    	bottom: 213px;
    	width: 7%;
    }
    .down-position,
    .back-position {
    	bottom: 128px;
    	width: 7%;
    }
    .count-box,
    .count-box02,
    .count-box03 {
        width: 200px;
        height: 200px;
    }
    .slide-txt h3 {
        font-size: 3rem;
        line-height: 6rem;
    }
    .count-box p,
    .count-box02 p,
    .count-box03 p {
        font-size: 3.2rem;
        line-height: 4.6rem;
    }
    .slide-txt-frame02 {
        height: 327px;
    }    
    /* coupon */
    .level-coupon-box {
        height: 154px;
    }
    .level-coupon-inner {
        padding: 0 8%;
    }
    .level-tag {
        padding: 0% 2%;
    }
    .level-point {
        padding: 0 0 6% 15%;
    }
}
/* pc */
@media all and (min-width:1025px) {
    .footer-location-box {
        padding: 4.1% 0;
    }
   .footer-location01 {
        display: none;
    }
    .footer-location02 {
        right: initial;
        left: initial;
        position: initial;
        margin: 0 auto;
        text-align: center;
    }
   .footer-location03 {
        right: initial;
        left: initial;
        position: initial;
        width: initial;
    }
}

/* 모바일 해상도 작업자:디자인팀 추경희책임 */

@media only screen and (max-width:375px) {

	.coupon-shad .coupon-shad-btn {padding:1.3rem 0 1.3rem 5.5rem;}
}

@media only screen and (max-width:360px) {

	.coupon-shad .coupon-shad-btn {padding:1.3rem 0 1.3rem 5.2rem;}
}

/* 쿠폰보기_방문그래프_작업자:디자인기획팀 추경희 과장 */
.coupon_graph {width:100%; position: relative; }
/* .coupon_graph .graph_top {
	margin-top:5%;
	width:100%;
} */
.coupon_graph .graph_top ul {display: flex; align-items: center;}
.coupon_graph .graph_top ul li{
	padding:6px 0 10px;
	width:20%;
	color:#333;
	font-weight:600;
	text-align: center;
}
.coupon_graph .graph_top ul .graph_bgimg{
/*background: url("../img/flatform/common/icon/graph_conb.png")no-repeat;
background-size: 100%;*/
color:#e62e8b;
font-weight:bold;
}
.coupon_graph .graph_gbottom {
clear: both;
width:100%;
border: 2px solid #e62e8b ;
box-sizing: border-box;
}
.coupon_graph .graph_gbottom ul{display: flex; align-items: center; justify-content: center;}
.coupon_graph .graph_gbottom ul li{ position: relative; width: 20%; text-align: center; display: flex; align-items: center; justify-content: center; padding: 7px 0;}
.coupon_graph .graph_gbottom ul .graph_imgon{background-color: #e62e8b;}
.coupon_graph .graph_gbottom ul .graph_now::after{content: ""; width: 50%; height: 100%; background-color: #e62e8b; display: block; position: absolute; top: 0; left: 0;}
.coupon_graph .graph_gbottom  ul .dotted {width:13%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.coupon_graph .graph_gbottom ul .now_dot{width: 50%; padding-top: 50%; background-color: #e62e8b; border-radius: 50%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }

.coupon_graph .graph_gbottom  ul .graph_imgstart img {width:80%;z-index: 666;margin-top:-20px;margin-left:-8px;}
.arrow_right {
display: inline-block;
width: 4px;
height: 8px;
padding: 0 8px;
background: url('/assets/img/admin/arrow_right.png');
background-repeat: no-repeat;
background-position: center;
vertical-align: middle;
}


/* 설문조사 추가 css  작업자:디자인기획팀 추경희과장 2020.8.24 작업 */

.indko-mypag-minfo {
    width: 96%;
    margin: 0 auto;
}

.indko-mypag-minfo input {
	margin-top:1rem;
    border: 1px solid #c2c2c2;
	padding:1rem;
	height:4rem;
}
.imps {color:#ff6600 !important;font-size:1.5rem !important;padding-top:0.2rem;padding-right:0.5rem;}

.indko-mypag-minfo .input-call {
    text-align: center !important;
}

.indko-mypag-minfo h3 {
    line-height: 3rem;
    font-size: 1.5rem;
    text-align: left;
    font-weight: bold;
}

.indko-mypag-minfo b {
    padding-top: 1rem;
    font-size: 3rem;
    width: 100%;
    color: #c2c2c2;
}

.flex-nom {
    display: flex;
    flex-direction: row;
}

.flex-nom-j {
    justify-content: space-between;
}

.div-h11 {
    margin-top: 2rem !important;
}
.div-h12 {
    margin-top: 1rem !important;
}
.chh {height:3rem;}
.boxr {margin-top:1rem;border: 1px solid #c2c2c2;padding:1rem;}

.cobe-btn-full {
    display: inline-block;
    width: 96%;
    height: 45px;
    margin-left: 0%;
    box-sizing: border-box;
    background-color: #e62e8b;
    color: #fff;
    text-align: center;
    font-size: 1.5rem;
    font-family: 'Noto Sans KR', sans-serif;
    line-height: 45px;
    vertical-align: middle;
    font-weight: 700;
}

/* 입장권수정 css  작업자:디자인기획팀 추경희과장 2021.01.27 작업 */
.enter-con {width:100%;padding:1.7rem; box-sizing: border-box;background-color:#F3F3F3;margin-top:0.2rem;margin-bottom:1.5rem;}
.enter-tfont{font-size:1.8rem !important;font-weight: bold;padding:0 0 1.8rem 0;}
.enter-tcon{width:100%;}
.enter-con p {font-size:1.4rem !important;text-align: left;line-height: 2rem;word-break: keep-all;font-weight:600 !important;}
.enter-bcbtn {float:right;width:40%;padding:2rem 1rem;font-size:1.5rem !important;color:#fff;text-align: center;font-weight:bold;box-sizing: border-box;/*margin-top: 0.5rem;*/}
.enter-bcbtni {float:right;width:40%;padding:2rem 1rem;background-color: #fff;border:1px solid #F3F3F3;box-sizing: border-box;/*margin-top: 0.5rem;*/}
.enter-babybgc {background-color:#fff3f6;}
.enter-barcode-box02 {width: 35%;folat:left;padding:2rem;}
.enter-popup-close02 {position: fixed;left: 0;top: 0;z-index: 5;width: 100%;padding:2rem;box-sizing: border-box;background: url('/assets/img/flatform/common/icon/popup_close.png') no-repeat right 3.7% center;background-size: 7%;}
.enter-conte {float:left;width:48%;}
.enter-dbnon {display: flex;justify-content: space-between;align-items: center;padding-top:1.7rem;}
.enter-dbnon span {font-size:1.8rem;text-align: left;font-weight:bold;}
.child-bgcolor {background-color:#eff7f7;}
.child-bgcolor-btn {background-color:#1e6263;}
.child-color {color:#1e6263;}
.enter-bacodett {margin-top:1.5rem;}
.coupon_graph .graph_top ul .cstart{ letter-spacing: -0.2rem;}
.condition-accent2 {font-size: 1.6rem;line-height: 2.3rem;}

/* 20210303 울산 컨벤션센터 추가 css 작업자 :디자인기획팀 추경희과장*/
/*.ex-date {background-color:#f0f0f0 !important; font-size: 15px; font-weight: 500; height:15px; padding: 5px 20px;margin:1rem 0;}*/
.exhi-add li {margin:0.2rem 0.6rem;}

/* 20210312 index 리뉴얼추가 css 작업자 :디자인기획팀 추경희과장*/

.index-topinfo {padding:2rem 0;height:8.2rem;}
.index-topinfo-left {width:35%;float:left;font-size:2.3rem;color:#fff;font-weight:bold;line-height: 3rem;}
.index-topinfo-left p {padding:3rem 0.5rem;text-align: center;}
.index-topinfo-left p span{font-size:1.6rem !important;margin-left:0.2rem;}
.index-topinfo-right {width:65%;float:right;}
.index-topinfo-right ul li {float:left;width:33%;text-align: center;color:#fff;}
.index-topinfo-right ul li img {width:48%;padding-bottom:0.5rem;}
.index-topinfo-right ul li p {padding:0.5rem 0;font-size:1.2rem;font-weight: bold;}
.index-topinfo-right ul li .ycolor {color:#fff196 !important;font-size:1.5rem !important;}
.index-tflex {display: flex;justify-content: space-between;align-items: center;}
.index-more {font-size:1.3rem !important;color:#999;}
.fixb {position:fixed;width:100%;padding:2.2rem;font-size:2rem;text-align: left;bottom:5rem;background-color:#e62e8b;color:#fff;border-radius:1.2rem 1.2rem 0 0;box-sizing: border-box;font-weight: 500;z-index:6;letter-spacing:0.1rem; line-height: 1em; border: 1px solid transparent; display: flex; align-items: center;}
.fixb b {font-size:2.5rem;padding-left:2%;}
.fixb span {color:#fdf59f !important;}
.close_b {position:fixed;font-size:2.5rem;right:0.2rem;color:#f2b2c3 !important;z-index:666;bottom:5.3rem;padding:1.8rem;}
#btn_join.fixb{justify-content: center;}
/* 20210315 index 리뉴얼추가 css 작업자 :디자인기획팀 추경희과장*/

.btn-select {/*border: 1px solid #eee;background: #e62e8b;*/padding: 5px;display: flex;justify-content: center;align-items: center;}
.ico-caret {display: inline-block;border-top: 5px solid #333;border-left: 5px solid transparent;border-right: 5px solid transparent;}
/* .header > span {display: inline-block;position:relative;height: 3rem;width: 3rem;border-radius: 0.6rem;box-sizing: border-box;margin-left:9.7rem;} */
#btn_gnb {display: inline-block;position:relative;height: 3rem;width: 3rem;border-radius: 0.6rem;box-sizing: border-box;margin-left:9.7rem;}
/* .header > span > .ico-caret{position: absolute;top: calc(50% - 2px);left: calc(50% - 4px);} */
#btn_gnb > .ico-caret{position: absolute;top: calc(50% - 2px);left: calc(50% - 4px);}

/* .header {display: flex;align-items: center;} */
#header_gnb {display: flex;align-items: center;}
.m_gnb {position: fixed;top: 15px;width:100%;background-color: #fff;/*border-radius: 1rem;border: 1px solid #333;*/padding: 10px;display: none; z-index: 10;}
.m_gnb.active {display: block;}
.m_gnb_container {display: flex;flex-direction: column;}
.m_gnb_container .one-section {margin-top:5rem;border-top:1px solid #999;padding-top:2.2rem;}
.m_gnb_container .one-section h3 {font-size:1.7rem;font-weight:600;text-align: left;display: block;padding-bottom:1.5rem;letter-spacing:-0.2rem;}
.m_gnb_container .two-section {margin-top:3rem;}
.m_gnb_container .two-section h3 {font-size:1.7rem;font-weight:600;text-align: left;display: block;padding-bottom:2rem;}
.two-section .item_container {display: flex;justify-content: space-between;}
.two-section .item_container span.item {box-sizing: border-box;display:block;border: 1px solid #e62e8b;border-radius: 5px;padding:1.5rem 0.5rem; margin-bottom: 5px;margin-right: 5px;/* flex: 0 0 calc(50% - 2px); */font-size: 1.2rem;width:30%;}
.two-section .twoitem_container span.item {margin-bottom: 1rem;}
.two-section .item_container span.item a {color:#e62e8b !important;font-weight: 600;}
.two-section .item_container span:nth-child(1){margin-left:5px;}
.one-section .item_container {display: block;}
.one-section .item_container span.item {box-sizing: border-box;display:block;font-size: 1.4rem;font-weight:600;padding:2.2rem 0;letter-spacing:-0.1rem;}
.one-section .item_container span.item .material-icons {font-size:1.8rem;padding-left:0.5rem;margin-top:-0.4rem;}
/* .one-section .item_container span b, .material-icons {float:right;}  */
.one-section .item_container span b, .one-section .item_container span.item .material-icons {float:right;}
.one-section .item_container .excoex {width:30%;float:left;margin-top:-0.8rem;}
.one-section .item_container .exkintex {width:30%;float:left;}
.one-section .item_container .exswmesse {width:55%;float:left;margin-top:0.1rem;}
.one-section .item_container .exsdconvensia {width:30%;float:left;margin-top:-1.5rem;}
.one-section .item_container .exueco {width:26%;float:left;margin-top:-0.3rem;}
.block {position: fixed;left: 0;right: 0;bottom: 0;top: 0;background-color: transparent;z-index: 1;display: none;}
.block.active {display: block;}

/* 20210315 index 리뉴얼추가 css 엄지톡 배너 작업자 :디자인기획팀 추경희과장*/
.product_con{ width:82%;margin-top:1rem;margin:0 auto;position: relative;}
.product_con .product_list{overflow:hidden;width:100%;position: relative;margin-left:0.5rem;}
.product_con .product_list li{float:left;width:46%;padding:0.5rem;left:0;position: relative;}
/*.product_con .product_list li:nth-child(1){left:0px;}
.product_con .product_list li:nth-child(2){left:200px;}
.product_con .product_list li:nth-child(3){left:200px;}
.product_con .product_list li:nth-child(4){left:200px;}
.product_con .product_list li:nth-child(5){left:200px;}

.product_con .product_list li a{display:block; width:200px;height:200px;background:red;font-size:150px;color:#fff;text-align: center}
.product_con .product_list li:nth-child(1) a{background:#65f078;left:-200px;}
.product_con .product_list li:nth-child(2) a{background:#f5da5c}
.product_con .product_list li:nth-child(3) a{background:#fe719c;left:200px;}
.product_con .product_list li:nth-child(4) a{background:#10A8AB;left:200px;}
.product_con .product_list li:nth-child(5) a{background:#A1305E;left:200px;}*/

.product_con .btn_prev,.product_con .btn_next { position:absolute;top:6.6rem;padding:0.5rem;}
.product_con .btn_prev { left:-3rem;}
.product_con .btn_next { right:-3.5rem;}

/* 20210526 검색결과 엄지톡 추가 css 작업자 :디자인기획팀 추경희과장 */
.search-textl{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3;font-size:1.2rem; font-weight:700;line-height: 1.8rem;}
.tock-btitle {font-size:1.6rem; font-weight:700;}
.tock-bbth {font-size:1.2rem; font-weight:700; color:#999;padding-bottom:1rem;}
.nailthumb-search{width: 120px; height:120px;}
.nailthumb-search img{height: inherit; object-fit: cover;}

.font-lts {letter-spacing: -0.15rem;}

/* 20210818 쿠폰추가 css 작업자 :디자인팀 추경희과장 */
.coupon-shad {display: grid; padding:1.2rem 1.5rem 2rem; grid-template-columns: 60% 40%;align-items: center;}
.coupon-shad .coupon-shad-btn {background-color:#ffcd03;font-size:1.3rem;color:#3c1e1e;font-weight:bold;text-align: left;letter-spacing: 0.1rem;border-radius: 0.5rem;position:relative;padding:1.3rem 0 1.3rem 6rem;}
.coupon-shad .coupon-shad-btn span {background: url("/assets/img/flatform/common/icon/sns_kakao_myp.png") no-repeat;width:40px; height: 37px;margin-top:-3rem;margin-left:-4rem;position: absolute;}

/* 20211012 마이페이지 컨텐츠페이지 css 작업자 :디자인팀 추경희책임 */
.user-txt-2row-c {text-overflow: ellipsis;display: -webkit-box;overflow: hidden;-webkit-line-clamp: 2 !important;-webkit-box-orient: vertical;word-wrap: break-word;line-height: 2rem;height: 4.2rem;font-size:1.4rem;}
.mypage-news {text-overflow: ellipsis;white-space: nowrap;overflow: hidden; line-height: 2rem;font-size:1.5rem;font-weight: 600;}


.mt08 {
	margin-top: 8px !important;
}
.w49 {
	width: 49% !important;
}

/* 20211014 본인인증 : 이성환팀장 :css 쭈쭈쭈 차용 */
.info-form-box {clear: both;position: relative;height: auto;}
.pb0 {padding-bottom: 0 !important;}
.logo02-box {width: 33.6%;margin: 0 auto;padding: 10.8% 0;}
.p-img {width: 18rem;margin: -5rem auto 2.2rem;}
.p-nmtitle {font-size: 2rem !important;padding: 0.5rem 0;color: #333;text-align: center;font-weight: bold;line-height: 2.6rem;letter-spacing: -0.2rem;}
.p-height {padding-bottom: 3rem;}
.btn_w {width: 70% !important;}
.btn-full { display: inline-block;width: 100%;height: 45px;margin-left: 0%;box-sizing: border-box;background-color: #e62e8b;border: 1px solid #e62e8b;color: #fff;text-align: center;font-size: 1.5rem;font-family: 'Noto Sans KR', sans-serif;line-height: 45px;vertical-align: middle;font-weight: 700;}

/* 20220602 전시관 고정 css작업자 : 디자인팀 추경희 책임 */
.exhibition-sticky {position:sticky;margin-top:14px;z-index:3;top:0;background-color:#fff !important;}
/*.exhibition-day-sticky {background-color:#fff !important; font-size: 15px; font-weight: bold; padding: 0 20px 14px;text-align:center;position: sticky;top:110px;z-index:66666667;}*/

/* 2023 코베리뉴얼 css작업자 : 디자인팀 추경희 책임 */
.tap-on{border-bottom:2px solid #e62e8b;}
.index-top div {display:flex; align-items: center; flex-wrap:wrap;flex-basis:33.33%;padding:2.4% 0;}
.index-top .index-top-w50 {display:flex; align-items:center;flex-wrap:wrap;flex-basis:50%;padding:2.4% 0;}
.exhibition-sticky ul li {line-height: normal; text-align: center;}
.exhibition-sticky ul li p {text-align: center;font-size:13px;padding:10px 0 20px;font-weight: 400;letter-spacing:-1.5px;}

/* 231219 add */
.exhibition_place{margin-top:14px;z-index:3; position: relative;}
.exhibition_place ul li{line-height: normal; text-align: center;}
.exhibition_place ul li p {text-align: center;font-size:13px;padding:10px 0 20px;font-weight: 400;letter-spacing:-1.5px;}

.toggle-list {display: grid;grid-template-columns: 24% 24% 24% 24%;}
.toggle-list a {padding:1.25rem 1.5rem;}
.toggle-fsns {display: grid;grid-template-columns: 20% 10% 30%;align-items: center;}
.toggle-fsns a {color:#fff !important;}
.coupon_sout {background-color: rgba( 0, 0, 0, 0.7 ); position: absolute;color: #fff;height: 100%;width:100%;z-index: 666;}
.coupon_clist {display: grid;grid-template-columns: 30% 58% 12%;align-items: center;}
.mypage_clist {display: grid;grid-template-columns: 10% 80% 10%;align-items: center;}
.header_clist {display: grid;grid-template-columns: 22% 56% 22%;align-items: center;}
.header_clist .headi {position: relative;}
.exhigition-list {display: grid;grid-template-columns: 33.3% 33.3% 33.3%;align-items: center;}
.fsec-list {display: grid;grid-template-columns: 25% 25% 25% 25%;}
.search_list {display: grid;grid-template-columns: 8% 74% 13% 5%;}

.whole-menubox-frame {
    display: none;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 50;
    width: 100%;
    height: 100%;
    background-color: white;
	font-size: 13px;
	overflow: auto;
}

.swiper01.swiper-container .swiper-pagination {
	width: fit-content;
	left: auto;
	right: 0;
	bottom: 0;
	padding-left: 10px;
	padding-right: 10px;
	background-color: #00000080;
	color: #c2c4c7;
	font-size: 1.5rem;
	font-weight: 500;
}
.swiper01.swiper-container .swiper-pagination-current {
	padding-left: 0px;
	color: #fff;
}
.swiper01 .swiper-slide .img-box{position: relative; width: 100%; padding-top: 108%;}
.swiper01 .swiper-slide .img-box .img,
.swiper01 .swiper-slide .img-box iframe{position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; background-position: center; background-repeat: no-repeat; background-size: cover; }

.exhibition-select ul li {line-height: normal; text-align: center;}
.exhibition-select ul li p {text-align: center;font-size:13px;padding:10px 0 20px;font-weight: 400;letter-spacing:-1.5px;}

.newlogin-minfo {
    margin: 0 auto;
    border-bottom: 1px solid #ccc;
    z-index: 5;
}

.newlogin-minfo input {
    border: none;
}

.order-select select {border:0 !important;} 



.main-popup .main-popup-wc {width:90%;margin: 0 auto;padding:14px;display:flex;flex-direction: column;justify-content: center;align-items: center;}
.main-popup .main-popup-wc img {width:28%;}
.main-popup .main-popup-wc p {text-align: center;color:#fff;font-size: 18px;padding:20px;line-height: 26px;}
.main-popup .main-popup-wc .main-popup-wcb {background-color: #e62e8b;text-align: center;color:#fff;font-size: 18px;padding:20px;border-radius: 30px;}
.main-popup .main-popup-wc .anot {font-size: 16px;color:#fff;text-align: center;}

/* 231219 add */

.challenge-dimg{border-radius: 1rem;}
.challenge-tt{font-size: 1.8rem; font-weight: 500; word-break: keep-all; line-height: 1em;}
.challenge-tt02{font-size: 1.6rem; font-weight: 500; word-break: keep-all; line-height: 1em;}
.index-qmb{padding: 2rem 1rem;}

.sns a{display: block; max-width: 40px;}

/* 회원가입 */
.join_btn{ max-width: 102px;}
.join_btn a{display: block; width: 100%; height: 100%; box-sizing: border-box;}

/* 입장권 */
.my_ticket_box{background: url(../../assets/img/flatform/common/gb-ticket-enbg.png) no-repeat center; background-size: 100%; margin: 7.5rem 0 2rem;}
.ticket_txt{width: 100%; padding: 2.3em 0;}
.my_ticket_box .tit{font-size: 2em; line-height: 1.1em; word-break: keep-all; }
.my_ticket_box .date{ display: inline-block; font-size: 1.41em; line-height: 1.1em; border-top: 2px solid #000; border-bottom: 2px solid #000; color: #333; margin: 7px 0 15px; padding: 7px 0; letter-spacing: 1px; font-weight: 500;}
.my_ticket_box .area{font-size: 1.75em; color: #333; font-weight: 600; line-height: 1em;}
@media screen and (max-width:320px) {
  .ticket_txt{font-size: 0.8em;}
}

/* preview_video_wrap */
.preview_video{position: relative; width: 100%; padding-top: 56.25%;}
.preview_video iframe{ width: 100%; height: 100%; position: absolute; top: 0; left: 0;}