@charset "utf-8";
/* ================================================
    마이아큐브 미러링 모바일 
 ================================================ */
 /*pc 대응*/
 @media screen and (min-width:1024px){
 	.header-sticky{
 		max-width:750px;
 		margin:0 auto;
 		right:0;
 	}
 	.logo{
	    left: 50% !important;
        right: auto !important;
	    transform:translate(-50%,0) !important;
	}
 }
 img{
 	width: 100%;
 	height: auto;
 }
.header-sticky{
/*     padding: 1em 1.6em; */
    padding: 16px 25px;
    position: relative;
    background-color: #013e7e;
    z-index: 1040;
    width: 100%;
    top: 0;
    left: 0;
	color: #fff;
	font-size: 16px;
}
.fix-appdown.scrolled{
	 position: fixed;
	 top:0;
	 bottom: inherit;
	 z-index:1040;
	 background:rgba(0,0,0,0.8);
}
.header-sticky.scrolled{
	 position: fixed;
}
#skip-navi{
	position: absolute;
    margin: 0;
    left: 0;
    top: -999em;
    width: 100%;
    height: 0;
    z-index: 10001;
}
.wrap{
	position:relative;
	z-index:10;
	max-width:750px;
	margin:0 auto;
    min-height: 100%;
}
.header-row{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
	position: relative;
}
.header-row--block{
/*     -webkit-box-flex: 1; */
/*     -ms-flex-positive: 1; */
/*     flex-grow: 1; */
/*     text-align: center; */
	display:inline-block;
}
.header-home{
    display: block;
    width: 5%;
    height: 115%;
    background: url(/img/myacuvue/common/mainHomebtn.png) no-repeat left top;
    text-indent: -9999px;
    background-size: 100% auto;
    position: absolute;
    left: 14%;
    top: 4%;
}
/* barcode 테스트  */
.header-barcode{
/*     -webkit-box-flex: 1; */
/*     -ms-flex-positive: 1; */
/*     flex-grow: 1; */
/*     text-align: center; */
	display:inline-block;
	position: absolute;
	right: 0;
}
.barcode-container > a{
	display: inline-block;
    width: 50px;
    height: auto;
    transform: rotate(180deg);	
}
.barcode-container > a img{
	width: 100%;
	height: auto;
}
/* .barcode-trigger {
	display:inline-block;
	position: relative;
    width: 26.5px;
    height: 18px;
    vertical-align: middle;
	background: url(/img/myacuvue/common/barcodeIcon.png) no-repeat left top;
	background-size: 100% auto;
	text-indent: -9999px;
} */
.btn-basket-icon {
	display: none;
	position: relative;
    width: 22px;
    height: 22px;
    vertical-align: middle;
	background: url(/img/myacuvue/common/img_cart.png) no-repeat left top;
	background-size: 100% auto;
	text-indent: -9999px;
}
.barcode-container {
    display: none;
    position: absolute;
    left: 0;
    top: 63px;
    width: 100%;
    border-top: 1px solid #5876bb;
    text-align: center;
    z-index: 250;
}
.barcode-inner {
	background-color: #013e7e;
}
.barcode-inner .barcode-box {
	position:relative;
	width:90%;
	margin:0 auto;
	background:#fff;
	border-radius:4px;
}
.barcode-inner .barcode-box p{
	color: #000;
}
.barcode-inner .my-Glasses-chk {
	width: 280px;
    margin: 0 auto;
    padding: 30px 0;
    color: #fff;
}
.barcode-no-my-Glasses {
	text-align: left;
    display: block;
    color: #87abd0;
    padding-left: 54px;
    background:url(/img/myacuvue/common/barcordMapOff.png) no-repeat left center;
    background-size: 38px auto;
    line-height: 24px;
    margin-top: 10px;
}
.barcode-no-my-Glasses span {
	display: block;
    font-weight: bold;
    text-decoration: underline;
    color: #fff;
}
.head .barcode-no-my-Glasses,
.head .barcode-no-my-Glasses span  {
	color: #003792;
	font-size: 12px;
}
.barcode-my-Glasses {
/* 	display: block; */
    padding: 12px 0 12px 54px;
    background:url(/img/myacuvue/common/barcordMapOn.png) no-repeat left center;
    background-size: 38px auto;	
	color: #fff;
    font-weight: bold;
    text-decoration: underline;    
}
.barcode-inner .barcode-box p {
	padding-top: 10%;
    font-size: 18px;
}
.barcode-inner .barcode-box p.barcode-value{
	padding: 5px;
}
.barcode-inner .barcode-box span {
	position: absolute;
    right: 10px;
    top: 5px;
    color: #013e7e;
    font-weight: bold;
    font-size: 16px;
}
.barcode-inner .barcode-box span a {
    display: none;	
	width: 25px;
    height: auto;
    vertical-align: middle;
}
.barcode-inner > p {
	color: #87abd0;
    text-align: center;
    width: 68%;
    margin: 0 auto;
    padding: 35px 0px;
}
.barcode-inner > p.barcode-inner-info-txt{
	font-size: 12px;
	line-height: 18px;
}
#barcode {
	width:200px;
}
.barcodeDetail #barcode{
	width:266px;
}
.barcode-black-box {
	display:none;
	position:fixed;
	left:0;
	top:63px;
	width:100%;
	height:100%;
	background:#000;
	opacity:0.3;	
	z-index: 200;
}
#barcode-value{
	padding: 0 0 20px 0;
	font-size: 16px;
	margin-top: -10px;
}
.coupon-desc .barcode{
	width: 100%;
}
/* end barcode 테스트  */

.logo{
	margin: 0 auto;
/*     max-width: 4em; */
    max-width: 150px;
    position: absolute;
    left: 0;
    right: 0;
    font-size: 16px;
	text-align: center;
}
.menu-trigger,
.menu-trigger span {
	display : inline-block;
	transition : all .4s;
	box-sizing : border-box;
}
.menu-trigger {
	position: relative;
/*     width: 1.6em; */
/*     height: 1em; */
    width: 26px;
    height: 16px;
    vertical-align: middle;
}
.menu-trigger span {
	position : absolute;
	left : 0;
	width : 100%;
	height : 2px;
	background-color : #fff;
}
.menu-trigger span:nth-of-type(1){
	top : 0;
}
.menu-trigger span:nth-of-type(2){
	top : 6px;
}
.menu-trigger span:nth-of-type(3) {
	top :12px;
}
.menu-panel{
	position: fixed;
    z-index: 9999;
    right: 100%;
    top: 0;
    width: 80%;
    height: 100%;
    background-color: #fff;
    overflow-y: scroll;
    transition: all 0.1s ease-in-out;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
}
.menu-panel-inner{
	position: relative;
	height: 100%;
}
.menu-panel .icon-account{
	float: right;
    max-width: 53%;
    text-align: right;
}
.menu-panel .menu-set-box{
	padding: 35px 24px 0;
	text-align: right;
}
.menu-panel .menu-set-box a{
	display: inline-block;
    width: 26px;
    height: 26px;
	background: url(/img/myacuvue/common/icon_setting.png) no-repeat left top;
	background-size: 100% auto;
}
.icon-account-img{
	max-width: 19%;
    height: auto;
    vertical-align: middle;
    padding-bottom:3px;
}
.menu-panel-sns{
	position: absolute;
	left: 16px;
	bottom: 16px;
}
.menu-panel-sns:after{
	display: block;
	content: '';
	clear: both;
}
.menu-panel-sns li{
	float: left;
	width: 16%;
	height: auto;
	margin-left: 2%;
}
.menu-panel-sns li:first-child{
	margin-left: 0%;
}
.menu-close{
	position: absolute;
    right: 22%;
    top: 1%;
    color: #fff;
}
.menu-close:after {
    content: '';
/*     height: 2em; */
    height: 32px;
    border-left: 2px solid #fff;
    position: absolute;
    transform: rotate(45deg);
    left: 28px;
}
.menu-close:before {
    content: '';
/*     height: 2em; */
	height: 32px;
    border-left: 2px solid #fff;
    position: absolute;
    transform: rotate(-45deg);
    left: 28px;
}
.menu-title{
	background:#013e7e;
/* 	padding:1.5em; */
	padding:24px;
	color:#fff;
}
.menu-title a{
	border-color:#fff;
}
.menu-container{
/* 	padding:1.5em; */
	padding:0;
}
.menu-list{
/* 	margin-top:1.5em; */
	margin-top:24px;
}
.menu-list .menu-label{
	position:relative;
	font-weight:bold;
}
.menu-list .menu-label .arrow{
	top: 5px;
    float: right;
    vertical-align: middle;
    border-color: #00a3e0;
}
.menu-list .menu-label .menu-point{
	border-top:1px solid #ccc;
/* 	padding:1em 0; */
	padding:16px;
	display:block;
	font-weight:500;
	color: #013e7e;
}
.menu-list .menu-label:first-child .menu-point{
	/* border-top:0; */
}
.sub-menu{
/* 	padding:1em 0 1em 1em; */
	padding:16px 0 16px 16px;
	font-weight:normal;
	display:none;
    border-top: 1px solid #ccc;
}
.sub-menu li{
/* 	padding:0.5em; */
	padding:8px;
	border-radius:4px;
}
.sub-menu li:active{
	background:#edf6ff;
}
.sub-menu li a{
	display:block;
	color: #013e7e;
}
.menu-overlay{
	position: fixed;
	left:0;
	top: 0;
	z-index: 9998;
	width: 100%;
	height: 100%;
	display: none;
	background-color: rgba(0, 0, 0, 0.6);
	cursor: pointer;
}
.main{
	background:#f2f2f2;
	
}
.main .swiper-container{
	 width: 100%;
     height: 100%;
}
.main .swiper-container .swiper-slide{
	/* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
}
.main .main-banner{
	margin-bottom:16px;
}
.main .swiper-pagination-bullet-active{
	background:#fff;
}
.main-section{
/* 	padding:1em 0; */
	padding:16px 0;
}
.main-section--title{
/* 	font-size:1.15em; */
	font-size:18px;
	padding:0 18px;
	font-weight:500;
}
.main-section--title .arrow{
	margin-left:5px;
}
.main-section--desc{
/*     font-size: 0.9em; */
    font-size: 14px;
    color: rgb(154,154,154);
    padding: 7px 14px 14px 14px;
/*     line-height: 1em; */
    line-height: 14px;
}
.main .thumb-slider .swiper-container,
.main .event-slider .swiper-container{
	padding:0 16px;
}
.main .thumb-slider span,
.main .thumb-slider strong{
	display:block;
}
.main .thumb-slider .thumb{
    text-align: center;
    flex-direction: column;
/*     padding-bottom:5em; */
	padding: 0 !important;
	width:9em;
}
.main .thumb-slider .swiper-slide{
	height:auto;
}
.main-section .tip-section{
    display: flex;
/*     margin: 1em 0.5em; */
    margin: 16px 8px;
}
.main-section .box-feed{
	display:inline-block;
	width:80%;
	position:relative;
	float:right;
	margin:1em 0;
}
.main-section .box-feed h3{
	color: #16a6e0;
	margin-bottom:1.2em;
	font-weight:normal;
	font-size:1.2em;
}
.main-section .box-feed:before{
	display: inline-block;
    position: absolute;
    left: -28%;
    top: 0;
    content: "";
    width: 25%;
    background: url(/img/icon/icon_feed.png) no-repeat 0 0;
    height: 5em;
    background-size: contain;

}
.main-section .box-feed p{
	font-size:0.9em;
}
.main .event-slider .swiper-slide{
	width:52%;
}
.main .event-slider{
/* 	margin-top:1em; */
	margin-top:16px;
}
.main .randing-box{
/* 	margin-top:2em; */
	margin-top:32px;
}
.main .randing-box a{
	display:block;
/* 	padding:1em 1.4em; */
	padding:16px 22px;
	color:#fff;
/* 	font-size:1em; */
	font-size:16px;
	background:#013e7e;
	border-top:1px solid #809fbf;
}
.main .randing-box a:first-child{
	border-top:0;
}
/*==========================
	공통 BOX
=========================*/
.box-style--shadow{
	background: #fff;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    box-shadow: 0 0 10px rgba(0,0,0,0.13);
    position: relative;
    margin-bottom: 10px;
    padding:2% 5%;
    word-break:keep-all;
    margin-top:1em;
}
/*==========================
	공통 INPUT
==========================*/
.wrapper-input{
/* 	padding: 39.5px 5.3%; */
	padding: 39.5px 20px;
/* 	font-size:0.9em; */
	font-size:16px;
}
.wrapper-input--desc{
/* 	margin-bottom:1em; */
	margin-bottom:16px;
	font-weight:normal;
	display:block;
}
.form-input{
	width:100%;
}
/*==========================
	input박스 안에 버튼
==========================*/
.input-inner--btn-box{
	position:relative;
	z-index:10;
}
.input-inner--btn-box .inner-btn{
    position: absolute;
    right: 0;
    top: 0;
    width: 35% !important;
    line-height: 50px !important;
/*     padding: 1.2em 0; */
    border-radius: 0 4px 4px 0 !important;
}
.input-inner--btn-box .inner-btn.style-none{
   	border-right:1px solid #ccc;
   	color:#ccc;
   	background:#fff;
}
/*==========================
	미러링 input폼
==========================*/
.title-common{
	background: #f2f2f2;
    text-align: center;
/*     padding: 0.8em 0; */
	padding:16px 0;
/*     font-size: 1.2em; */
	font-size:20px;
}
.wrapper-input--type01{
/* 	font-size:0.9em; */
	font-size:16px;
}
.wrapper-input--type01 .combine_con{
/* 	margin:39.5px 5.3%; */
	margin:39.5px 20px;
}
.wrapper-input--type01 .combine_con .phone_list li{
	border-bottom:0 !important;
}
.wrapper-input--type01 .combine_con .get_btn{
	border-bottom:0 !important;
	margin-top:16px;
}
/*==========================
	공통 화살표
==========================*/
.arrow{
	border:solid black;
	border-width: 0 2px 2px 0;
	display:inline-block;
	padding:3px;
    bottom: 2px;
    position: relative;
}
.arrow.right {
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
}

.arrow.left {
	transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
}

.arrow.up {
	transform: rotate(-135deg);
	-webkit-transform: rotate(-135deg);
}

.arrow.down {
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
}
/* ================================================
	19-05-31 공통 기본 하단(MYACUVUE® 멤버십은)
================================================*/
.fix-appdown{
	position:relative;
	bottom:0;
	left:0;
	width:100%;
	background:rgba(0,0,0,0.6);
	z-index:10;
}
.fix-appdown p{
	padding: 5% 13%;
    color: #fff;
    font-weight: 700;
    font-size:14px;
}
.fix-appdown--icon:after{
	width: 20%;
    height: 100%;
    content: "";
    display: inline-block;
    position: absolute;
    right: 30px;
    top: 0;
    background: url(/img/floating_download_button.png) no-repeat center center;
    background-size: contain;
}
.fix-appdown--close{
	position: absolute;
    left: 4%;
    top: 30%;
    color: #fff;
    display: inline-block;
/*     width: 1.5em; */
/*     height: 1.5em; */
    width: 24px;
    height: 24px;
}
.fix-appdown--close:after {
    content: '';
/*     height: 1.5em; */
    height: 24px;
    border-left: 1px solid #fff;
    position: absolute;
    transform: rotate(45deg);
    left: 12px;
}
.fix-appdown--close:before {
    content: '';
/*     height: 1.5em; */
    height: 24px;
    border-left: 1px solid #fff;
    position: absolute;
    transform: rotate(-45deg);
    left: 12px;
}
.acuvue-footer{
	background-color:#f2f2f2;
/* 	padding:1.4em; */
/* 	font-size:0.83em; */
    padding: 19px;
    font-size: 13px;
	line-height:20px;
	color:rgb(154,154,154);
	width:100%;
}
.footer-sns{
	display:flex;
	width: 70%;
}
.footer-sns a{
	flex:auto;
/* 	margin:0 1em; */
	margin:0 13px;
}
.footer-sns a:first-child{
	margin-left:0;
}
.footer-region{
/* 	margin:1.5em 0; */
	margin:20px 0;
}
.footer-region ul li{
	display:inline-block;
}
.footer-region ul li a{
	color:#000;
/* 	margin:0 1em; */
	margin:0 13px;
}
.footer-region ul li:first-child a{
	margin-left:0;
}
.footer-info > div{
/* 	margin:1.5em 0; */
	margin:20px 0;
}
.footer-info span{
	text-decoration:underline;
}
.default-call{
	margin: 20px 0 0 0;
    font-size: 14px;
    color: rgb(154,154,154)
}
.default-footer em{
	text-decoration:underline;
}
/*마이아큐브 푸터 삭제*/
.default-footer,
.dropout-footer,
.point-footer{
	display:none;	
}
/* ================================================
	17-05-31 공통 회원탈퇴 하단(회원탈퇴 관련)
================================================*/
.dropout-footer{
    background-color: #f2f2f2;
    padding: 26px 0;
    font-size: 14px;
    line-height: 20px;
    color: rgb(154,154,154);
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center;
}
.dropout-footer em{
	text-decoration:underline;
}
/* ================================================
	17-05-31 한줄하단 
	
	비밀번호 재설정, 회원가입
	공통 멤버십,포인트 통합 하단
	(비밀번호 재설정/포인트통합 관련문의/멤버십통합 관련문의/회원가입 관련문의)
================================================*/
.point-footer{
	position:absolute;
	width:100%;
	height: auto;
	left:0;
	bottom:0;
	padding:18.5px 0;
	font-size:14px;
	color:rgb(154,154,154);
	border-top: 1px solid #f2f2f2;
	text-align: center;
}
.point-footer em{
	text-decoration:underline;
}
/*=================================================
	17-06-03 이용약관 공통
=================================================*/
.agreement-con{
	padding: 68px 3% 9.3%;
	font-size:13px;
}
.agreement-con h1{
 	margin-bottom:20px;
 	font-size:17px;
 	color:#061f37;
}
.agreement-con dl dt{
	margin:20px 0 10px 0;
}
.agreement-con dl dt,
.agreement-con dl dd{
	line-height:1.5;
}
.agreement-con p{
	margin:30px 0 15px 0;
	color: #222;
/* 	font-size:15px; */
	line-height:1.6;
}
.agreement-con dl dd a{
	display: inline-block;
}
.agreement-con table,
.agreement-con table th,
.agreement-con table td{
	border:1px solid #000;
	text-align:center;
}
.agreement-con dl dd > ul > li{
	margin-top:5px;
}
.agreement-con dl dd > ul > li > ul{
	margin:10px 0 10px 10px;
}
.agreement-con dl dd > ul > li > ul > li{
	margin-bottom:5px;
}
.agreement-con dl dd > ul > li > ul > li > ul{
	margin:10px 0 10px 10px;
}
/*==============================================
	19-06-13 네이티브 쿠폰
=================================================*/
.myCouponView{
	margin-top: 68px;
}
.myCouponView .coupon-box{
/* 	margin:0 1em; */
	margin:0 16px;
}
.myCouponView .coupon-box01.no-coupon{
	display: none;
	background: url(/img/myacuvue/coupon/bg_noNowCoupon.png) no-repeat center 35%; 
    min-height: 100%;
    height: 100%;
    position: relative;
    padding-bottom: 100%;
    background-size: 60%;
    margin: 0 16px 150px;
}
.myCouponView .coupon-box02.no-coupon{
    background: url(/img/myacuvue/coupon/bg_noCoupon.png) no-repeat center 35%;
    min-height: 100%;
    height: 100%;
    position: relative;
    padding-bottom: 100%;
    background-size: 79%;
    margin: 0 16px 150px;
}
.myCouponView .coupon-box .coupon-list{
/* 	margin-bottom:3em; */
	margin-bottom:48px;
	position:relative;
	z-index:10;
	background:skyblue;
	color:#fff;
}
.myCouponView .coupon-box .coupon-list.color1{
	background: rgb(0, 163, 224);
}
.myCouponView .coupon-box .coupon-list.color2{
	background: rgb(0, 169, 182);
}
.myCouponView .coupon-box .coupon-list.color3{
	background: rgb(157, 43, 141);
}
.myCouponView .coupon-box .coupon-list.color299{
	background: rgb(0, 163, 224);
}
.myCouponView .coupon-box .coupon-list.color7461{
	background: rgb(0, 125, 186);
}
.myCouponView .coupon-box .coupon-list.color287{
	background: rgb(0, 48, 135);
}
.myCouponView .coupon-box .coupon-list.color284{
	background: rgb(108, 172, 228);
}
.myCouponView .coupon-box .coupon-list.color325{
	background: rgb(100, 204, 201);
}
.myCouponView .coupon-box .coupon-list.color3285{
	background: rgb(0, 150, 129);
}
.myCouponView .coupon-box .coupon-list.color320{
	background: rgb(0, 156, 166);
}
.myCouponView .coupon-box .coupon-list.color2685{
	background: rgb(51, 0, 114);
}
.myCouponView .coupon-box .coupon-list.color143{
	background: rgb(241, 180, 52);
}
.myCouponView .coupon-box .coupon-list.color5000{
	background: rgb(255,141,185);
}
.myCouponView .coupon-box .coupon-list.color5001{
	background: rgb(210, 50, 4);
}
.myCouponView .coupon-box .coupon-list .coupon-header{
    position: relative;
    z-index: 10;
/*     padding: 2em; */
    padding: 32px;
    display: flex;
    border-bottom: 1px dashed #fff;
    justify-content: space-between;
    align-items: inherit;
}
.myCouponView .coupon-box .coupon-list .coupon-header .thumb{
	flex-basis: 27%;
/*     border-radius: 0.2em; */
    border-radius: 4px;
    overflow: hidden;
}
.myCouponView .coupon-box .coupon-list .coupon-header .coupon-title{
    display: flex;
    flex-direction: column;
    justify-content: inherit;
    flex-basis: 65%;
}
.myCouponView .coupon-box .coupon-list .coupon-header .coupon-title h2{
/* 	font-size: 1em; */
	font-size: 16px;
    font-weight: 300;
}
.myCouponView .coupon-box .coupon-list .coupon-header .coupon-title p{
/* 	font-size: 0.8em; */
	font-size: 13px;
    font-weight: 500;
    line-height: 20px;
}
.myCouponView .slide-button{
/* 	width:2em; */
/* 	height:2em; */
	width:32px;
	height:32px;
	left:50%;
/* 	bottom:-1em; */
	bottom:-16px;
	border:2px solid #fff;
	border-radius:50%;
	transform: translate(-50%,0);
	position: absolute;
	z-index:10;
	cursor:pointer;
	background:skyblue;
}
.myCouponView .coupon-box .coupon-list.green .slide-button{
	background:green;
}
.myCouponView .slide-button:after,
.myCouponView .slide-button:before{
	content: "";
    position: absolute;
    background-color: white;
    transition: transform 0.25s ease-out;
}
.myCouponView .slide-button:before{
	top: 25%;
    left: 50%;
    width: 2px;
    height: 50%;
    margin-left: -1px;
}
.myCouponView .slide-button:after{
	top: 50%;
    left: 25%;
    width: 50%;
    height: 2px;
    margin-top: -1px;
}
.myCouponView .slide-button.on:after{
	transform: rotate(180deg);
}
.myCouponView .slide-button.on:before{
	transform: rotate(90deg);
}
.myCouponView .coupon-box .coupon-list .coupon-header:before,
.myCouponView .coupon-box .coupon-list .coupon-header:after{
	content:"";
	position:absolute;
/* 	width:2em; */
/* 	height:2em; */
	width:32px;
	height:32px;
	border-radius:50%;
	background:#fff;
	top:50%;
	transform: translate(0,-50%);
}
.myCouponView .coupon-box .coupon-list .coupon-header:before{
	left:-5%;
}
.myCouponView .coupon-box .coupon-list .coupon-header:after{
	right:-5%;
}
.myCouponView .coupon-box .coupon-list .coupon-desc{
	position:relative;
	z-index:10;
/* 	padding:2em; */
	padding:29px;
	text-align: center;
	display:none;
	font-weight:300;
/* 	font-size:0.9em; */
	font-size:14px;
}
.myCouponView .coupon-box .coupon-list .coupon-desc .barcode{
/* 	margin:2em 0 1em; */
    margin: 29px 0 14px;
    position: relative;
    background: #fff;
    padding: 10px;
    border-radius: 3px;
}
.myCouponView .coupon-box .coupon-list .coupon-desc .barcode .barcode-timer{
    display: inline-block;	
    position: absolute;
    right: 5px;
    bottom: 0px;
    color: #000;	
    font-size: 14px;
    font-weight: 800;
}
.myCouponView .coupon-box .coupon-list .coupon-desc .barcode .barcode-timer a{
    display: inline-block;	
    width: 20px;
    vertical-align: middle;	
}
.myCouponView .coupon-box .coupon-list .coupon-desc .coupon-product{
/* 	padding:1em; */
	padding:14px;
	border:1px solid #fff;
	border-radius:4px;
}
@media screen and(max-width:359px){
	.myCouponView .coupon-box .coupon-list .coupon-header{
		align-items: center;
	}
}
/* ================================================
	17-06-22 시험착용 쿠폰 연장
 ================================================ */
.trialCoupon{
 	min-height: 100%;
 	position: relative;
}
.tc-con{
 	padding: 39.5px 5.3% 294.5px;
 	font-size:15px;
 	text-align: center;
}
.tc-con h2{
	margin-bottom: 30px;
    font-size: 15px;
}
.tc-con-box{
	max-width:93%;
	margin:0 auto;
}
.tc-con-box-top{
	padding:5% 10%;
	position:relative;
}
.tc-con-box-top > div{
	background:url("/img/myacuvue/myCoupon/couponMore@2x.png") no-repeat left center;
	background-size:73px 73px;
	padding-left: 95px;
	padding-top: 20px;
	height:90px;
	text-align: left;
}
.tc-con-box-top:before{
	width: 10%;
    height: 25%;
    content: "";
    border-radius: 100%;
    background: #fff;
    position: absolute;
    left: -5%;
    top: 40%;
    z-index: 9999;
}
.tc-con-box-top:after{
	width: 10%;
    height: 25%;
    content: "";
    border-radius: 100%;
    background: #fff;
    position: absolute;
    right: -5%;
    top: 40%;
    z-index: 9999;
}
.tc-con-box-top > div h3{
	font-size:18px;
	font-weight:lighter;
	margin-bottom:10px;
}
.tc-con-box-top > div p{
	font-size:13px;
}
.tc-con-box-bot{
	padding:10% 5%;
	border-top:1px dashed #fff;
}
.tc-con-box-bot > div{
	border-radius:4px;
	border:1px solid #fff;
	padding:8% 5%;
}
.tc-con-box-bot > div ul{
	font-weight:lighter;
	margin:5% 0 0 0;
	line-height:20px;
}
.tc-btn-box{
	width: 90%;
    margin: 0 auto;
    display: inline-block;
    line-height: 40px;
    text-align: center;
    left: 0;
    right: 0;
    bottom: 184px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    position: absolute;
    font-size:15px;
}
.tc-btn-box p{
	line-height:40px;
	padding-bottom:10px;
}
/*시험착용연장*/
.tc-extend{
	max-width:270px;
	margin:0 auto;
}
.tc-extend-center{
	width:100%;
	position: absolute;
	left:50%;
	top:50%;
	transform:translate(-50%,-50%);
	z-index: 9999;
}
.tc-extend-con{
	position:relative;
}
.tc-extend-con:before{
	width: 10%;
    height: 25%;
    content: "";
    border-radius: 100%;
    background: #fff;
    position: absolute;
    left: -5%;
    top: 40%;
    z-index: 9999;
}
.tc-extend-con:after{
	width: 10%;
    height: 25%;
    content: "";
    border-radius: 100%;
    background: #fff;
    position: absolute;
    right: -5%;
    top: 40%;
    z-index: 9999;
}
.tc-extend-box{
	background: #00a3e0 url(/img/myacuvue/myCoupon/couponMore@2x.png) no-repeat 12% center;
    background-size: 50px 50px;
    padding-left: 80px;
    padding: 20px 10px 20px 85px;
    text-align: left;
    position: relative;
    color: #fff;
}
.tc-extend-box h3{
	font-size:12px;
}
.tc-extend-box p{
	font-size:11px;
}
.tc-extend-txt{
	text-align:center;
	padding:5% 0;
	font-size:15px;
	line-height:22px;
	color:rgb(153,153,153);
}
 /* ================================================
	17-05-09 회원가입 추천인 입력
 ================================================ */
 .recommendCode{
	min-height: 100%;
    position: relative;
 }
 .recommend-con{
 	padding: 39.5px 5.3% 192.5px;
    font-size: 15px;
 }
.recommend-con h2{
	margin-bottom: 30px;
    font-size: 15px;
}
.recommend-input input{
    width: 100%;
    font-size:15px;
}
.recommend-next-btn{
	text-align: center;
}
.recommend-next-btn a{
	width: 100%;
    margin: 1em auto;
    display: inline-block;
    line-height: 40px;
    text-align: center;
    background-color: rgb(1,62,126);
    color: #fff;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    position: absolute;
    font-size:15px;
}
.recommend-next-btn2{
	margin-bottom: 20px;
}
.recommend-next-btn2 a{
	position: inherit;
	bottom: 0;
	margin: 0;
	width: 48%;
}
.recommend-next-btn2 a#cancel{
	background: #9a9a9a;
}
.recommend-footer{
	width:100%;
	height: auto;
	font-size:13px;
	background-color:rgb(242,242,242);
	border-top: 1px solid #f2f2f2;
	line-height:20px;
	padding:39.5px 5.3%;
}
.recommend-footer ul li{
/* 	padding-left:15px; */
/* 	text-indent:-15px; */
/* 	margin-top:14px; */
	position: relative;
	text-indent:0;
	padding-left: 10px;
	margin-top: 10px;
}
.recommend-footer ul li:first-child{
	margin-top: 14px;
}
.recommend-footer ul li:before {
	content: "";
	position: absolute;
	width: 3px;
	height: 3px;
	left: 0px;
	background-color: #000;
	top: 7px;
}
 /* ================================================
17-03-16 이벤트리스트 / 렌즈라이프 유사 17-03-30
 ================================================ */
#eventList,
.lensGuideList{
	margin-top: 63px;
	background-color:#f2f2f2;
	font-size:15px;
}
#eventList .no-list{
	width: 100%;
    height: 100%;
    text-align: center;
    padding: 20% 0;
}
#eventList .no-list *{
	vertical-align:middle;
	text-align:center;
	color:rgb(153,153,153);
}
#eventList .event-list li > a img,
.lensGuideList .lens-con .lens-con-list li > img{
	max-width:100%;
	height:auto;
}
.lensGuideList .lens-con .lens-con-list .lens-con-mb{
	width: 100%;
    height: 0;
    position: relative;
    padding-bottom: 56.25%;
}
.lensGuideList .lens-con .lens-con-list .lens-con-mb iframe{
	width:100%;
	height:100%;
	position: absolute;
	left:0;
	top:0;
}
#eventList .myacuvue-event-con,
.lensGuideList .lens-con{
	padding:10px;
}
.lensGuideList .lens-con02,
.lensGuideList .lens-con03,
.lensGuideList .lens-con04,
.lensGuideList .lens-con05{
	display:none;
}
#eventList .myacuvue-event-con .event-list{
	margin-left:-2%;
	overflow:hidden;
}
#eventList .myacuvue-event-con .event-list li,
.lensGuideList .lens-con .lens-con-list li{
	border-radius:4px;
	-moz-border-radius:4px; 
	-webkit-border-radius:4px;
	background-color:#fff;
	padding:8% 7%;
	position:relative;
	box-shadow:0 0 10px rgba(0,0,0,0.13);
	 margin-bottom:6px;
}
#eventList .myacuvue-event-con .event-list li{
	width:48%;
	margin-left:2%;
	float:left;
	padding:0;
}
#eventList .myacuvue-event-con .event-list li p,
.lensGuideList .lens-con .lens-con-list li p{
	letter-spacing:-0.3px;
	line-height:22px;
	position:relative;
}
#eventList .myacuvue-event-con .event-list li div{
	display: table;
	width: 100%;
	min-height: 62px;
}
#eventList .myacuvue-event-con .event-list li p{
	font-size:14px;
	padding: 5% 7%;
	margin:0;
	font-weight:500;
	line-height: 20px;
	display: table-cell;
	vertical-align: middle;
}
.lensGuideList .lens-con .lens-con-list li p b .share{
	position:absolute;
	right:0;
	top:0;
	color:#ccc;
}
.lensGuideList .lens-con .lens-con-list li p b{
	display:block;
}
.lensGuideList .lens-con .lens-con-list li > a{
	line-height:40px;
	display:inline-block;
	border-radius:4px;
	-moz-border-radius:4px; 
	-webkit-border-radius:4px;
	background-color:rgb(1,62,126);
	text-align:center;
	width:100%;
	color:#fff;
	margin-top:8%;
}
#eventList .myacuvue-event-con .event-list li a.end{
	display:none;
}
#eventList .myacuvue-event-con .event-list.end{
	-webkit-filter: grayscale(100%);
	filter: gray;
}
#eventList .myacuvue-event-con .event-list li .end-layer{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
}
/* 상단 탭  */ 
.lensGuideList .lens-list-tab{
	background: #fff;
    border-bottom: 1px solid rgb(219,219,219);
}
.lensGuideList .lens-con .lens-con-rec{
	font-size:18px;
	color:rgb(1,62,126);
	text-align:center;
	line-height:90px;
	font-weight:bold;
}
.lensGuideList .share-btn-box{
	text-align:right;
	padding-top:10px;
}
.lensGuideList .share-btn img{
	width:25px;	
}
.lensGuideList .dim-layer{
	position:fixed;
	top:0;
	left:0;
	bottom: 0;
	right: 0;
	background:rgba(0,0,0,0.7);
	z-index:1040;
	display:none;
}
.share-pop{
	position:fixed;
	padding:5%;
	left:50%;
	top:50%;
	transform: translate(-50%,-50%);
	-webkit-transform:translate(-50%,-50%);/*추가*/
	-o-transform:translate(-50%,-50%);/*추가*/
	margin:0 auto;
	width:90%;
	background-color:#fff;
	border-radius:10px;
	-moz-border-radius:10px; 
	-webkit-border-radius:10px;
	z-index:1050;
	display:none;
	text-align:center;
}
.share-pop ul{
	display:inline-block;
	margin:20px 30px 0;
	font-size:0;
}
.share-pop ul li{
	display:inline-block;
	font-size:14px;
	width:20%;
	text-align:center;
	margin-left:5%;
}
.share-pop ul li:first-child{
	margin:0;
}
.share-pop ul li a{
	display:block;
}
.share-pop ul li img{
	max-width:100%;
}
/* .share-pop .separate{ */
/* 	background-color:rgb(219,219,219); */
/* 	margin-bottom:20px; */
/* } */
@media screen and (max-width:359px){
	.lensGuideList .share-btn img{
		width:20px;
	}
}
/*=====================================
	17-03-31  렌즈라이프 구매내역 열람하기
=======================================*/
.tradeInfoList{
    background-color: #f2f2f2;
 	position: relative;
 	padding-top: 63px;
}
.tradeInfoList .til-none-wrap{
    background: #fff;
    width: 100%;
    position: absolute;
    left: 0;
    height: calc(100% - 51px);
}
.tradeInfoList .til-none{
    transform: translate(-50%,0%);
    position: absolute;
    left: 50%;
    top: 50%;
    width: 100%;
    text-align: center;
    background: #fff;
    font-size:1.25em;
    color:rgb(153,153,153);
}
.tradeInfoList .til-tab-wrap{
	background-color:#fff;
}
.tradeInfoList .acv-til-tab{
	height:auto;
	margin:0 auto;
	border-bottom:1px solid rgb(219,219,219);
}
.tradeInfoList .til-tab-wrap .til-tab-date{
	font-size:0;
	line-height: 100%;
	margin-top:10px;
	display:none;
	border-bottom:1px solid rgb(242,242,242);
	position:relative;
	z-index:30;
	background: #fff;
	width: 100%;
}
.tradeInfoList .til-tab-wrap .til-tab-date input{
	width:45%;
	text-align:center;
	font-size:14px;
}
.tradeInfoList .til-tab-wrap .til-tab-date span{
	width:10%;
	display:inline-block;
	font-size:0;
	text-align:center;
/* 	color:rgb(1,62,126); */
	vertical-align:middle;
}
.tradeInfoList .til-tab-wrap .til-tab-date .beginDate, 
.tradeInfoList .til-tab-wrap .til-tab-date .endDate{
	position: absolute;
    top: 11%;
    width: 43%;
    display: inline-block;
    height: 40px;
    background: rgba(0,0,0,0);
    line-height:40px;
}
.tradeInfoList .til-tab-wrap .til-tab-date .beginDate{
	left:2.66%;
}
.tradeInfoList .til-tab-wrap .til-tab-date .endDate{
	right:2.66%;
}
.tradeInfoList .til-tab-wrap .til-tab-date p{
	color:rgb(153,153,153);
	font-size:14px;
	line-height:1.833em;
	text-align:center;
	padding-top:5px;
}
.tradeInfoList .til-tab-wrap .til-tab-txt{
	text-align:center;
	margin:20px 0 10px;
	padding: 2.66% 2.66% 5%;
}
.tradeInfoList .til-tab-wrap .til-tab-txt > p{
	font-size:1.25em;
}
.tradeInfoList .til-tab-wrap .til-tab-txt h2{
	font-size:2.75em;
	line-height:60px;
}
.tradeInfoList .til-tab-wrap .til-tab-txt h2 span{
	color:rgb(0,163,224);
	font-weight:bold;
}

.tradeInfoList .til-con,
.til-tab-date{
	padding: 2.66% 2.66% 5%;
}
.tradeInfoList .til-con{
	background:rgb(242,242,242);
}
.tradeInfoList .til-con .til-con-list{
	background: #fff;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    box-shadow: 0 0 10px rgba(0,0,0,0.13);
    position: relative;
    margin-bottom: 10px;
    padding:0 7%;
}
.tradeInfoList .til-con .til-con-list .til-con-list-head{
    font-size: 15px;
    overflow: hidden;
    line-height: 100%;
    padding: 8% 0;
}
.tradeInfoList .til-con .til-con-list .til-con-list-head > div{
	overflow:hidden;
} 
.tradeInfoList .til-con .til-con-list .til-con-list-head > div > span{
	float:right;
}
.tradeInfoList .til-con .til-con-list .til-con-list-head > div > p{
	text-align:right;
}
.tradeInfoList .til-con .til-con-list .til-con-list-head > div > .breakdown-txt{
	float:inherit;
	text-align:left;
}
.tradeInfoList .til-con .til-con-list .til-con-list-tbl{
    border-top: 1px solid rgb(236,236,236);
    padding: 8% 0;
    line-height: 22px;
    font-size: 12px;
    position:relative;
}
.tradeInfoList .til-con .til-con-list .til-con-list-tbl table{
	width:100%;
}
.tradeInfoList .til-con .til-con-list .til-con-list-tbl table thead{
	font-weight:bold;
}
.tradeInfoList .til-con .til-con-list .til-con-list-tbl table th{
	text-align:left;
	font-weight:inherit;
}

.tradeInfoList .til-con .til-con-list .til-con-list-tbl table th:nth-child(2),
.tradeInfoList .til-con .til-con-list .til-con-list-tbl table td:nth-child(2){
	text-align:right;
}
.tradeInfoList .til-con .til-con-list .til-con-list-tbl table .til-tbl-dosu{
	font-weight:bold;
	color:#00a2ff;
}
/*=====================================
	17-05-08 스탬프
=======================================*/
.stampView{
	position:relative;
	min-height:100%;
	padding-top:68px;
}
.stampView img{
	max-width:100%;
	height:auto;
}
.stamp-con{
	font-size:14px;
	position:relative;
}
.stamp-con .stamp-box01{
	background-color:rgb(219,236,242);
/* 	padding:5.3%; */
	padding: 25px 20px;
	overflow:hidden;
	font-size:0;
}
.stamp-con .stamp-box01 div{
	display:inline-block;
	font-size:14px;
}
.stamp-con .stamp-box01 .recommend_btn_box{
    display: block;
    padding-top: 15px;
    text-align: center;
}
.stamp-con .stamp-box01 .stamp-banner {
	display: block !important;
	width: 100%;
	max-width: 375px;
	margin: 0 auto;
	background-image: url('/img/myacuvue/stamp/stamp_plus_icon@3x.png');
	background-position: left center;
	background-size: 26%;
	background-repeat: no-repeat;
	padding-left: 30%;
}
.stamp-con .stamp-box01 .stamp-box01-txt{
	width: 100%;
	line-height:19px;
}
.stamp-con .stamp-box01 .stamp-box01-txt b{
	font-size:14px;
}
.stamp-con .stamp-box01 .stamp-box01-txt p{
	padding-top:10px;
	font-size:13px;
	line-height: 19px;
}
.stamp-con .stamp-box02{
	text-align:center;
	padding:34px 20px;
}
.stamp-con .stamp-box02 h1{
	color:rgb(1,62,126);
	font-weight:bold;
	padding-bottom:5px;
	font-family:'Avenir';
}
.stamp-con .stamp-box02 .stamp-box02-list{
	margin:30px 0;
}
.stamp-con .stamp-box02 .stamp-box02-list ul:first-child{
	margin:0;
}
.stamp-con .stamp-box02 .stamp-box02-list ul{
	overflow:hidden;
	text-align:center;
	font-size:0;
	margin-top:2%;
}
.stamp-con .stamp-box02 .stamp-box02-list ul li{
/*     width: 31%; */
/*     margin-left: 3.5%; */
/*     height: 11vh; */
/* 	background-size:100%; */
	display: inline-block;
	width:20%;
    background:url(/img/myacuvue/stamp/stamp_empty@3x.png) no-repeat center center;
    font-size: 15px;
    border-radius: 100%;
	background-size: 96%;
	height: 0;
	padding-bottom: 20%;
}
.stamp-con .stamp-box02 .stamp-box02-list ul li.on{
/* 	background-size:100%; */
	background:url(/img/myacuvue/stamp/stamp_icon_copy_2@3x.png) no-repeat center center;
	background-size: 96%;
	height: 0;
	padding-bottom: 20%;
}
.stamp-con .stamp-box02 .stamp-box02-list ul li:nth-child(3n-2){
	margin-left:0;
}
.stamp-con .stamp-box02-chk{
	text-decoration: underline;
}
.stamp-con .stamp-box03{
	padding:40px 35px;
	background-color:rgb(1,62,126);
	color:#fff;
	text-align:center;
}
.stamp-con .stamp-box03 p{
	color:#fff;
	line-height:20px;
	font-size:14px;
}
.stamp-con .stamp-friend-btn{
	width:100%;
	display:inline-block;
	border-radius: 4px;
	background-color:rgb(0,163,224);
	font-size:16px;
	text-align: center;
	line-height: 40px;
	margin-top:35px;
	color:#fff;
}
.stamp-con .stamp-box04{
	padding:37px 35px;
}
.stamp-con .stamp-box04 h2{
	color:rgb(1,62,126);
	padding-bottom:24px;
	text-align:center;
	border-bottom:1px solid #000;
	font-family: 'Avenir';
    font-weight: bold;
}
.stamp-con .stamp-box04 .stamp-box04-list ul li{
/* 	margin-top:20px; */
	overflow:hidden;
	font-size:0;
	width: 100%;
	padding-left: 82px;
	background-position: center left;
	background-size: 64px 64px;
	background-repeat: no-repeat;
	min-height: 64px;
	margin: 20px 0; 
	justify-content: left;
}
.stamp-con .stamp-box04 .stamp-box04-list ul li:last-child{
	margin-bottom: 0;
}
.stamp-con .stamp-box04 .stamp-box04-list ul li >div{
	display:inline-block;
	font-size:14px;
}
.stamp-con .stamp-box04 .stamp-box04-list ul li .stamp-box04-list-step{
	width:25%;
	border-radius:100%;
	background-color:rgb(0,163,224);
	color:#fff;
	text-align:center;
	font-size:13px;
	letter-spacing:-0.3px;
	float:left;
	margin-right:5%;
}
.stamp-con .stamp-box04 .stamp-box04-list ul li .stamp-box04-list-txt{
	line-height:22px;
	width: 100%;
/* 	float:right; */
/* 	width:70%; */
}
.stamp-con .stamp-footer{
	width:100%;
	height: auto;
	font-size:13px;
	background-color:rgb(242,242,242);
	border-top: 1px solid #f2f2f2;
	line-height:20px;
	padding:39.5px 5.3%;
}
.stamp-con .stamp-footer ul li{
/* 	padding-left:15px; */
/* 	text-indent:-15px; */
/* 	margin-top:14px; */
	position: relative;
	text-indent:0;
	padding-left: 10px;
	margin-top: 10px;
}
.stamp-con .stamp-footer ul li:first-child{
	margin-top: 14px;
}
.stamp-con .stamp-footer ul li:before {
	content: "";
	position: absolute;
	width: 3px;
	height: 3px;
	left: 0px;
	background-color: #000;
	top: 7px;
}
.stamp-layer{
	position:fixed;
	top:0;
	left:0;
	bottom: 0;
	right: 0;
	background:rgba(0,0,0,0.7);
	z-index:1040;
	display:none;
}
.popup-contents {
	position: fixed;
	background: #fff;
	width: 90%;
	margin: 0 auto;
	border-radius:10px;
	-moz-border-radius:10px; 
	-webkit-border-radius:10px;
	padding: 7% 3.5% 5%;
	text-align: center;
	z-index: 1050;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	left: 50%;
	top: 50%;
	font-size: 14px;
	display:none;
}
.stamp-layer-con01 h1{
	color:rgb(1,62,126);
	font-size:16px;
}
.stamp-layer-con01 p{
	margin:30px 0;
	line-height:22px;
	font-size:13px;
	letter-spacing:-0.6px;
}
.stamp-layer-con01 a{
	display:inline-block;
	width:80%;
	line-height:40px;
	border-radius:4px;
	background-color:rgb(1,62,126);
	color:#fff;
}
.stamp-layer-con ul{
	text-align:center;
	font-size:0;
	margin:20px 30px 0;
}
.stamp-layer-con ul li{
	display:inline-block;
	font-size:14px;
	width:20%;
	margin-left:5%;
}
.stamp-layer-con ul li:first-child{
	margin:0;
}
.stamp-layer-con ul li img{
	max-width:100%;
}
.stamp-layer-input{
	margin-top:20px;
	display:none;
}
.stamp-layer-input *{
	display:inline-block;
	width:100%;
	border-radius:4px;
	margin-top:10px;
}
.stamp-layer-btn{
	background:rgb(1,62,126);
	color:#fff;
	line-height:40px;
}
.stamp-fin{
	text-align:center;
}
@media screen and (min-width:767px){
	.stamp-con .stamp-box02 .stamp-box02-list ul li{
		height:17vh
	}
}
@media screen and (max-width:420px){
	.stamp-con .stamp-box01 .stamp-box01-txt{
		line-height:13px;
	}
}
@media screen and (max-width:360px){
	.stamp-con .stamp-box01 .stamp-box01-txt b{
		font-size:12px;
	}
	.stamp-con .stamp-box01 .stamp-box01-txt p{
		padding-top:3px;
		font-size:11px;
	}
	.stamp-con .stamp-box04 .stamp-box04-list ul li .stamp-box04-list-txt{
		font-size:12px;
	}
	.stamp-con .stamp-box03 p{
		font-size:0.95em;
	}
	.stamp-con .stamp-footer{
		font-size:0.95em;
	}
}
/*=====================================
	19-06-17 마이안경원
=======================================*/
.accountDetailView{
	padding-top: 63px;
}
.myAccount{
	background:#f2f2f2;
}
.myAccount.map{
	padding-top: 68px;
}
.myAccount .myinfo-desc{
/* 	padding:1.5em 2em; */
	padding:24px 32px;
	background:#fff;
	
	margin-bottom:16px;
    box-shadow: 0 10px 10px -5px #ccc;
}
.myAccount .myinfo-desc h2{
/* 	font-size:1.2em; */
	font-size:19px;
	color:#013e7e;
}
.myAccount .myinfo-desc .address{
/* 	margin:0.5em 0; */
	margin:8px 0;
}
.myAccount .myinfo-desc .underline{
	text-decoration:underline;
}
.myAccount .myinfo-desc .btn-box {
	display: flex;
    justify-content: space-between;
}
.myAccount .myinfo-desc .btn-box a{
	flex-basis:100%;
}
.myAccount .myinfo-box{
/* 	padding:0.5em; */
	padding:8px;
}
.myAccount .myinfo-map .myinfo-map--list,
.myAccount .myinfo-reservation--list{
	border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    background-color: #fff;
/*     padding: 7%; */
    padding: 25px;
    position: relative;
    box-shadow: 0 0 10px rgba(0,0,0,0.13);
}
.myAccount .myinfo-reservation--list{
	display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
/*     margin-top:0.5em; */
    margin-top:8px;
}
.myAccount .myinfo-reservation--list .list-left p:first-child{
	color:#00a3e0;
}
.myAccount .myinfo-reservation--list .list-right{
    display: flex;
    flex-direction: column;
    font-weight: 600;
    align-self: center;
    text-align: right;
/*     font-size: 1.6em; */
    font-size: 26px;
    color: #00a3e0;
}
.myAccount .myinfo-reservation--list .btn-box{
    display: flex;
    flex-basis: 100%;
    justify-content: space-between;
    margin-bottom:0;
}
.myAccount .myinfo-reservation--list .btn-box a{
	flex-basis:49%;
	background:#00a3e0;
}
.myAccount .search-wrap{
/* 	padding:1em; */
	padding:16px;
	background:#fff;
}
.myAccount .combo-box{
/* 	margin-bottom:0.5em; */
	margin-bottom: 8px;
}
.myAccount .combo-box,
.myAccount .search-box{
	display:flex;
	justify-content: space-between;
}
.myAccount .combo-box select{
	flex-basis:49%;
	background:url(/img/myacuvue/common/arrow_down.png) no-repeat 100% center;
	appearance: none;
    -webkit-appearance: none;	
}
.myAccount .combo-box select.single{
	flex-basis:100%;
}
.myAccount .search-box input{
	flex-basis:80%;
    border: 1px solid #ccc;
    color: #666;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    margin: 0;
    display:inline-block;
    width:79%;
}
.myAccount .sub-title{
/* 	font-size:1em; */
	font-size:16px;
/* 	margin-bottom:1em; */
	margin-bottom:16px;
}
.myAccount .search-box .btn{
	display:inline-block;
	flex-basis: 20%;
	width:20%;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    background-color: rgb(1,62,126);
    color: #fff;
    border: none;
    font-size:16px;
}
.myinfo-datepicker{
	background:#fff;
	border-top:1px solid #f2f2f2;
/* 	padding: 1.5em 2em; */
	padding: 24px 32px;
}
.myinfo-datepicker .datepicker-desc{
/* 	margin:1em 0; */
	margin:16px 0;
}
.myAccount .booking-datepicker .datepicker{
	width:100%;
	border:1px solid #f2f2f2;
	border-radius:4px;
}
.myAccount .booking-datepicker .datepicker table{
	width:100%;
}
.myAccount .booking-datepicker .datepicker table .datepicker-switch{
	color:#00a3e0;
/* 	font-size:1.4em; */
	font-size:22px;
	font-weight:600;
}
.myAccount .booking-datepicker .datepicker table td,
.myAccount .booking-datepicker .datepicker table th{
/* 	padding:0.5em; */
	padding:10px;
	font-weight:400;
/* 	transition: datepickerActive 0.3s ease-out; */
}
.myAccount .booking-datepicker .datepicker table td.active{
	border-radius:50%;
	background:#00a3e0;
	animation-name : datepickerActive;
	animation-duration:0.1s;
}
@keyframes datepickerActive{
	from{
		transform:scale(0.5);
	}
	to{
		transform:scale(1);
	}
}

.myAccount .myaccount-map--list{
	background:#fff;
	position:relative;
	width:100%;
	z-index:1030;
	overflow-y:auto
}
.myAccount .myaccount-map--list .no-check{
	text-align: center;
    transform: translate(-50%,-50%);
    position: relative;
    left: 50%;
    top: 50%;
	font-size: 16px;
    line-height: 22px;    
}
.myAccount .myaccount-map--list .slide-arrow{
	position:relative;
	width:100%;
	z-index:1050;
	padding: 5px 0;
	text-align: center;
}
.myAccount .myaccount-map--list .slide-arrow .arrow{
	border-color:#fff;
	bottom: -1px;
}
.myAccount .myaccount-map--list .list-container{
	position:relative;
	width: 100%;
    z-index: 1040;
    overflow-y:auto;
    background:#fff;
}
.myAccount .myaccount-map--list .list:first-child{
	border-top:0;
}
.myAccount .myaccount-map--list .list{
/* 	padding: 1.5em; */
	padding: 20px;
    border-top: 1px solid #f2f2f2;
    display: flex;
    justify-content: space-between;
    align-items: center;
/*     font-size:0.9em; */
    font-size:14px;
    font-weight:400;
}
.myAccount .myaccount-map--list .list.on{
	background:#f4f4f4;
}
.myAccount .myaccount-map--list .list .left{
	flex-basis:70%;
}
.myAccount .myaccount-map--list .list .left strong{
	color:rgb(1,62,126);
}
.myAccount .myaccount-map--list .list .right{
	flex-basis:20%;
	background:url("/img/icon/marker_off.png") no-repeat 0 0;
	background-size:contain;
	padding-bottom:20%;
}
.myAccount .myaccount-map--list .list.on .right{
	background:url("/img/icon/marker_on.png") no-repeat 0 0;
	background-size:contain;
}
/*=====================================
	17-03-28 설문조사
=======================================*/
.survey-con{
	/* padding:39.5px 5.3%; *//*17-05-08 제플린 바뀜*/
	font-size:15px;
}
.survey-con-fin{
	background:url(/img/myacuvue/mySurvey/survey_done.jpg) no-repeat center center;
	background-size:100%;
}
.survey-con-new{
/* 	padding:39.5px 5.3%; */
	padding:10px 5.3%;
}
.survey-con .btn_icon_q1,
.survey-con .btn_icon_q2{
	display: inline-block;
	vertical-align: middle;
}
.survey-con img{
	max-width:100%;
	height:auto;
	vertical-align:middle;
}
.survey-con h2{
	text-align: center;
	padding:29px 0;
	letter-spacing: -0.3px;
/* 	background-color:rgb(211,240,250); */
	background-color:#fff;
}
.survey-con h2 span{
	font-size:28px;
}
.survey-con .survey-bouc{
	width: 100%;
/* 	padding: 0 3%; */
	margin:0 auto;
	background-color:#fff;
/* 	background-color:rgb(177,228,245); */
	text-align:center;
}
.survey-con .survey-bouc p{
    padding: 15px 0;
    line-height: 1.6em;
}

.survey-con .survey-list dl{
	margin:35px 0 41px;
	line-height: 22px;
}
.survey-con .survey-list dl dt,
.survey-con .survey-list dl dd{
	margin-bottom:15px;
	position:relative;
}
.survey-con .survey-list.date dl dd {
	line-height:38px;
}
.survey-con .survey-list dl dd ul li{
	margin-bottom:7px;
}
.survey-con .survey-list.date dl dd label{
	position: absolute;
    top:2px;
    color:#000;
    cursor: text;
    left: 19%;
}
.survey-con .survey-list.date dl dd label:last-child{
	left:48%;
}
.survey-con .survey-list dl dt > p{
	color:rgb(153,153,153);
}
.survey-con .survey-list dl dd input[type="radio"]{
	width:20px;
	height: 20px;
	line-height: 20px;
	margin-right: 6px;
	margin-top: -2px;
	-webkit-appearance:none;
	background:#fff;
}
.survey-con .survey-list dl dd input[type="radio"] + label {
/* 	line-height: 22px; */
	line-height: 30px;
}
.survey-con .survey-list dl dd input[type="tel"]{
/* 	width:28%; */ /*INPUT 3개였을때*/
	width:100%;
/* 	text-align: center; */
}
.survey-con .survey-list dl dd input[type="tel"].input2{
	width:28%; /*INPUT 3개였을때*/
}
.survey-con .survey-list dl dd input[type="text"]{
	width:100%;
}
.survey-con .survey-fin{
	padding:32px 0;
	border-top:1px dashed #000;
	border-bottom:1px dashed #000;
}
.survey-con .survey-fin ul{
	overflow: hidden;
}
.survey-con .survey-fin ul li{
	float:left;
	position: relative;
	line-height: 38px;
	margin-bottom:5px;
}
.survey-con .survey-fin ul li input[type="text"]{
	width:100%;
}
.survey-con .survey-fin ul li input[type="tel"]{
/* 	width:33%; */
/* 	margin-left:0.5%; */
	width:100%;
}
.survey-con .survey-fin ul li input[type="tel"].input3{
	width:33%;	
}
.survey-con .survey-fin ul li input[type="tel"]:first-child{
	margin:0;
}
.survey-con .survey-fin ul li input[type="radio"]{
	width:20px;
	height: 20px;
	margin-right: 5px;
	background:#fff;
	-webkit-appearance:none;
}
.survey-con .survey-fin ul li input[type="radio"] + label {
	margin-right: 20px;
}
.survey-con .survey-fin ul li input[type="radio"]:readonly + label {
	color: #666;
}
.survey-con input[type="radio"]{
	-webkit-appearance:none;
	border-radius: 100%;
	border:1px solid rgb(219,219,219);
	background:#fff;
}
.survey-con input[type='radio']:before {
	content:'';
	display:block;
	width:60%;
	height:60%;
	margin: 20% auto;    
	border-radius:100%;    
}
.survey-con input[type='radio']:checked:before {
	background:rgb(0,163,224);
}
.survey-con input[type='radio'].on_disabled:checked:before {
    background: rgb(156 156 156);
}
.survey-con input[type='radio'].focus_answer:readonly:before {
    background: rgb(255 255 255);
}
.survey-con .survey-fin ul li:nth-child(4) input[type="text"]{
/* 	width:33%; */
/* 	float:left; */
/* 	margin-right:0.5%; */
/* 	text-align: center; */
}
.survey-con .survey-fin ul li:nth-child(4) label{
	position: absolute;
	top:2px;
/* 	left:0; */
	margin-left: -26px;
	color:#000;
	cursor: text;
}
.survey-con .survey-fin ul li:nth-child(4) input[type="text"]:nth-child(5){
	margin-right:0;
}
.survey-con .survey-fin ul li:nth-child(5){
	clear:both;
}
.survey-con .survey-fin ul li:nth-child(6) :nth-child(2){
	margin-right: 20px;
}
.survey-con .survey-fin ul li:nth-child(8) :nth-child(2){
	margin-right: 5px;
}
.survey-con .survey-fin ul li:nth-child(odd){
	width:25%;
}
.survey-con .survey-fin ul li:nth-child(even){
	width:75%;
}
.survey-con .survey-btn{
	margin-top:35px;
	text-align:center;
}
.survey-con .survey-btn a{
	width:100%;
	display:inline-block;
	border-radius: 4px;
	background:rgb(102,102,102);
	color:#fff;
	text-align: center;
	line-height: 40px;
	margin-bottom:10px;
}
.survey-con .survey-btn a.aft{
	width:auto;
	color:rgb(1,62,126);
	text-decoration: underline;
	background:none;
}
.survey-con .survey-btn a.on{
	background-color:rgb(1,62,126);
	color:#fff;
	text-decoration: none;
}
@media screen and (max-width:359px){
		.survey-con .survey-fin img{
			max-width:23%;
		}
		.survey-con .survey-fin{
			font-size:14px;
		}
}
/*===================================
	18-10-25 마이아큐브몰 만족도 조사
===================================*/
.firstCubeMallSatisfactionSurvey .survey-con-new{
	padding:0 5.3%;
}
.firstCubeMallSatisfactionSurvey .survey-con .survey-list dl{
	margin:15px 0 20px;
}
.firstCubeMallSatisfactionSurvey .survey-con .survey-list dl dt, 
.firstCubeMallSatisfactionSurvey .survey-con .survey-list dl dd{
	margin-bottom:10px;
}
.firstCubeMallSatisfactionSurvey .survey-con .survey-explanation{
    text-align: center;
    padding: 0 0 10px 0;
    word-break: keep-all;
    line-height: 25px;
    font-size: 13px;
}
/*=====================================
	17-05-15 마이 아큐브 라이프 설문조사
=====================================*/
.mliv-con{
	position:relative;
	min-height:100%;
	width:100%;
	padding:3.5%;
	background-color:rgba(0,0,0,0.7);
	font-size:14px;
}
.mliv-con-pop{
	background-color:#fff;
}
.mliv-con-pop h2{
	color:rgb(1,62,126);
}
.mliv-con-pop dl dt{
	line-height:23px;
	letter-spacing:-0.3px;
	padding:10px 0;
}
.mliv-con-pop dl dd{
	padding-bottom:19px;
}
.mliv-con-pop dl dd:last-child{
	padding-bottom:0;
}
.mliv-con-pop input[type="radio"]{
	-webkit-appearance: none;
    border-radius: 100%;
    width:20px;
	height:20px;
	margin-right:10px;
	border:1px solid rgb(219,219,219);
	background:#fff;
}
.mliv-con-pop input[type="radio"]+label{
	display: inline;
}
.mliv-con-pop input[type="radio"]:before{
	content: '';
    display: block;
    width: 60%;
    height: 60%;
    margin: 20% auto;
    border-radius: 100%;
}
.mliv-con-pop input[type="radio"]:checked:before{
	background-color:rgb(0,163,224);
}
.mliv-con-pop input[type="radio"]:readonly:before{
	background-color:rgb(156 156 156);
}
.mliv-con-pop > div{
	padding:30px 5.3%;
	border-top:1px solid rgb(236,236,236);
}
.mliv-con-pop > div:first-child{
	border:0;
}
.mliv-con-pop input[type="text"]{
	width:100%;
}
.mliv-con-pop input[type="tel"]{
	width:33%;
	margin-left:0.5%;
}
.mliv-con-pop input[type="tel"]:first-child{
	margin:0;
}
.mliv-con-pop select{
	width:100%;
	color:#000;
}
.mliv-con-pop-h{
	background-color:rgb(1,62,126);
	color:#fff;
	line-height:50px;
	text-align:center;
}
.mliv-con-pop-inner01{
	text-align:center;
}
.milv-con-pop-inner01-img{
	margin-bottom:30px;
	border-radius:4px;
}
.milv-con-pop-inner01-img img{
	border-radius:4px;
}
.mliv-con-pop-inner01 a{
	text-decoration:underline;
}
.mliv-con-pop-inner02 ul{
	overflow:hidden;
}
.mliv-con-pop-inner02 ul li{
	float:left;
	position: relative;
    line-height: 40px;
    margin-bottom: 5px;
}
.mliv-con-pop-inner02 ul li span {
	font-size: 12px;
	color: #dd1c14;
}
.mliv-con-pop-inner02 ul li input[type="radio"] + label {
	margin-right: 20px;
}
.mliv-con-pop-inner02 ul li input[type="radio"]:readonly + label {
	color: #666;
}
.mliv-con-pop-inner02 ul li input[type="radio"].on_disabled:checked:before {
	background: rgb(156 156 156);
}
.mliv-con-pop-inner02 ul li input[type="radio"]:readonly:before {
	background: rgb(255 255 255);
}
.mliv-con-pop-inner02 ul li:nth-child(5),
.mliv-con-pop-inner02 ul li:nth-child(6){
	margin:0;
}
.mliv-con-pop-inner02 ul li:nth-child(odd){
	width:25%;
}
.mliv-con-pop-inner02 ul li:nth-child(even){
	width:75%;
}
.mliv-con-pop-inner02 ul li:nth-child(4) label{
	position: absolute;
    top: 0;
    left: 0;
    color: #999;
    cursor: text;
}
.mliv-con-pop-inner02 ul li:nth-child(4) label:nth-child(2){
	left:24%;
}
.mliv-con-pop-inner02 ul li:nth-child(4) label:nth-child(4){
	left:57%;
}
.mliv-con-pop-inner02 ul li:nth-child(4) label:nth-child(6){
	left:90%;
}
.mliv-con-pop-inner03 select{
	border:1px solid #000;
}
.mliv-con-pop-inner04 input[type="tel"]{
	width:25%;
}
.mliv-con-pop-inner05 dl dd{
	overflow:hidden;
}
.mliv-con-pop-inner05 span{
	float:left;
	width:40px;
	height:40px;
	line-height:40px;
	text-align:center;
	background-color:rgb(0,163,224);
	color:#fff;
	border-radius:4px;
}
.mliv-con-pop-inner05 span+select{
	width:84%;
	float:right;
}
.mliv-con-pop-inner05 .chk-wrap input[type=checkbox]{
	position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
    top: 0;
    right: 0;
}
.mliv-con-pop-inner05 .chk-wrap input[type=checkbox] + label{
	display: inline-block;
    position: relative;
    padding-left: 30px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}
.mliv-con-pop-inner05 .chk-wrap input[type=checkbox] + label:before{
	content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 21px;
    height: 21px;
    line-height: 21px;
    text-align: center;
    border: 1px solid #cacece;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
}
.mliv-con-pop-inner05 .chk-wrap input[type=checkbox]:checked + label:before{
/* 	content: '\2714'; */
    content: ''; /* 체크표시 유니코드 사용 */ 
	border-color: #adb8c0;
	background-image: url(/img/myacuvue/common/check-active.png);
	background-repeat: no-repeat;
	-webkit-background-size: contain;
	background-size: contain;
}
.mliv-con-pop-inner05 .chk-wrap > div{
	padding: 7px;
    font-size: 15px;
    line-height: 22px;
    position: relative;
    z-index: 10;
    letter-spacing: -0.3px;
    border: 1px solid rgb(219,219,219);
    border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
}
.mliv-con-pop-inner05 .chk-wrap > div.on{
	border:1px solid #000;
}
.mliv-con-pop-inner05 .same-btn{
	text-align:center;
	text-decoration:underline;
	display:block;
	margin:30px 0;
	color:rgb(1,62,126);
}
.mliv-con-pop-btn{
	text-align:center;
}
.mliv-con-pop-btn > a{
	display:inline-block;
	width:35%;
	line-height:40px;
	color:#fff !important;
	background:rgb(102,102,102);
	border-radius:4px;
}
.mliv-con-pop-btn > a.on{
	background-color:rgb(1,62,126);
}
@media screen and (max-width:359px){
	.mliv-con{
		font-size:12px;
	}
}
/*=====================================
 17-03-17 포인트통합 /포인트통합완료/ 멤버십통합 17-03-21
=====================================*/
#acmsToAce .point-con,
#acmsSearch .point-con{
	padding:39.5px 5.3%;
}
#acmsSearch .point-con{
	padding-bottom:80px;
}
#acmsToAce .point-con > div > p,
#acmsSearch .point-con > div > p{
	padding:0 5%;
	text-align:center;
	line-height: 22px;
	letter-spacing: -0.3px;
	font-size:15px;
}
#acmsToAce .point-con > div.prev-point,
#acmsSearch .point-con > div.num-con{
	margin-top:35px;
	border:1px solid #000;
	border-radius: 4px;
	-moz-border-radius:4px; 
	-webkit-border-radius:4px;
	position: relative;
}
#acmsSearch .point-con > div.num-con > div{
	padding: 15px 9.27% 30px;
    overflow: hidden;
}
#acmsSearch .point-con > div.num-con > div.name-wrap{
	padding-top:25px;
}
#acmsSearch .point-con > div.num-con > div ul li{
	line-height:40px;
}
#acmsSearch .point-con > div.num-con .name-wrap{
	border-top:1px solid #000;
	line-height:40px;
	
}
#acmsSearch .point-con > div.num-con .name-wrap p{
	overflow:hidden;
}
#acmsSearch .point-con > div.num-con .name-wrap input[type="text"]{
	width:85%;
	float:right;
}
#acmsToAce .point-con > div.prev-point > div:first-child{
	text-align:center;
	padding:27px 0 25px;
	border-bottom:1px solid #000;
	color:#00a4e1;
	line-height: 24px;
	position: relative;
}
#acmsToAce .point-con > div.prev-point label{
	position: absolute;
	top: 50%;
	left: 50%;
	display: inline-block;
	width:100%;
	height:100%;
	transform: translate(-50%,-50%);
	z-index:9;
}
/*radio*/
#acmsSearch .point-con .num-con .num-wrap input[type="radio"]{
	width:20px;
	height:20px;
	-webkit-appearance:none;
	border-radius: 100%;
	-moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    background:#fff;
	margin-right:10px;
	border:1px solid rgb(219,219,219);
}
#acmsSearch .point-con .num-con .num-wrap input[type="radio"]:before{
	content:"";
	display:block;
	width:60%;
	height:60%;
	margin:20% auto;
	border-radius:100%;
	-moz-border-radius: 100%;
    -webkit-border-radius: 100%;
}
#acmsSearch .point-con .num-con .num-wrap input[type="radio"]:checked:before{
	background:rgb(0,163,224);
}
/*radio*/
#acmsToAce .point-con > div.prev-point input[type="radio"]{
	position: absolute;
	visibility: hidden;
	top:25%;
	left: 50%;
	transform: translate(-50%,-25%);
	width: 25px;
	height: 25px;
	-webkit-appearance:none;
	background:#fff;
}
#acmsToAce .point-con > div.prev-point .radio-check{
	display:inline-block;
	border: 2px solid rgb(219,219,219);
	border-radius: 100%;
	-moz-border-radius:100%; 
	-webkit-border-radius:100%;
	height: 25px;
	width: 25px;
	z-index: 5;
	margin-bottom: 15px;
}
#acmsToAce .point-con > div.prev-point .radio-check::before {
	display:inline-block;
	content: "";
	border-radius: 100%;
	-moz-border-radius:100%; 
	-webkit-border-radius:100%;
	height: 12px;
	width: 12px;
	margin: auto;
}

#acmsToAce .point-con > div.prev-point input[type=radio]:checked ~ .radio-check {
	border: 2px solid rgb(219,219,219);
}
#acmsToAce .point-con > div.prev-point input[type=radio]:checked ~ .radio-check::before{
	background: #00a4e1;
}
#acmsToAce .point-con > div.prev-point input[type=radio]:checked ~ .radio-check{
  	color: #00a4e1;
}
#acmsToAce .point-con .pp-ul-wrap{
	padding:14.5px 6.27%;
	overflow: hidden;
}
#acmsToAce .point-con .pp-ul-wrap ul li{
	float:left;
	line-height:24px;
}
#acmsToAce .point-con .pp-ul-wrap ul li:nth-child(odd){
	width:30%;
}
#acmsToAce .point-con .pp-ul-wrap ul li:nth-child(even){
	width:70%;
}
#acmsToAce .point-con .check-box,
#acmsSearch .point-con .check-box{
	margin:10px 0;
	border:1px solid rgb(219,219,219);
	border-radius: 4px;
	-moz-border-radius:4px; 
	-webkit-border-radius:4px;
}
#acmsSearch .point-con .check-box{
	background-color:#f2f2f2;
	margin:20px 0;
}
#acmsToAce .point-con .check-box > h4{
	padding:6px;
	font-size:15px;
	border-bottom: 1px solid rgb(219,219,219);
}
#acmsToAce .point-con .check-box > h4 [type="checkbox"]:not(:checked),
#acmsToAce .point-con .check-box > h4 [type="checkbox"]:checked {
	position: absolute;
	left: -9999px;
}
#acmsToAce .point-con .check-box > h4 [type="checkbox"]:not(:checked) + label,
#acmsToAce .point-con .check-box > h4 [type="checkbox"]:checked + label {
	position: relative;
	padding-left: 1.95em;
	cursor: pointer;
}
#acmsToAce .point-con .check-box > h4 [type="checkbox"] + label:before{
	content: '';
	position: absolute;
	left: 0; 
	top: 0;
	width: 23px; 
	height: 23px;
	border: 1px solid rgb(219,219,219);
	background: #fff;
	border-radius: 4px;
	-moz-border-radius:4px; 
	-webkit-border-radius:4px;
}
#acmsToAce .point-con .check-box > h4 [type="checkbox"]:checked + label:before{
	content: ''; /* 체크표시 유니코드 사용 */ 
	border-color: #adb8c0;
	background-image: url(/img/myacuvue/common/check-active.png);
	background-repeat: no-repeat;
	-webkit-background-size: contain;
	background-size: contain;
}
#acmsToAce .point-con .check-box > div{
	padding:21px 4.5%;
	line-height: 22px;
}
#acmsSearch .point-con .check-box > div{
	padding:30px 6%;
	letter-spacing:-0.6px;
}
#acmsSearch .point-con .check-box > div dl dt{
	font-size:15px;
	margin-bottom:6%;
}
#acmsSearch .point-con .check-box > div dl dd{
	text-indent:-6.5px;
	padding-left:6.5px;
	font-size:14px;
	line-height:22px;
	letter-spacing:-0.6px;
	margin-bottom:3%;
}
#acmsSearch .point-con .check-box > div dl dd:last-child{
	margin-bottom:0;
}
#acmsToAce .point-con .check-box + div input[type="text"]{
	width:100%;
}
#acmsSearch .point-con .num-con .num-wrap input[type="text"]{
	width:100%;
}
#acmsToAce .point-con .btn-box{
	margin-top:35px;
	text-align:center;
}
#acmsToAce .point-con .btn-box a,
#acmsSearch .point-con .btn-box a{
	width:100%;
	line-height: 40px;
	color:#fff;
	display: inline-block;
	text-align: center;
	border-radius: 4px;
	-moz-border-radius:4px; 
	-webkit-border-radius:4px;
	font-size:15px;
	margin-bottom:10px;
	background-color:rgb(102,102,102);
}
#acmsToAce .point-con .btn-box a.aft{
	background-color:#fff; 
	text-decoration:underline; 
	color:rgb(1,62,126);
	width:auto;
}
#acmsToAce .point-con .btn-box a.on,
#acmsSearch .point-con .btn-box a.on{
	background-color: rgb(1,62,126);
	text-decoration: none;
	color:#fff;
}
/*====================================
 	17-05-11 비밀번호 재설정(앱화면)
=====================================*/
.pwd-mod{
	min-height: 100%;
    position: relative;
    padding-top: 63px;
}
.pwd-mod-con{
/*     padding: 39.5px 5.3% 180px; */
    padding: 39.5px 20px 180px;
    font-size: 15px;
}
.pwd-mod-con h2{
	margin-bottom: 30px;
    font-size: 15px;
}
.pwd-mod-input ul li{
	margin-top:5px;
	position:relative;
	z-index:10;
}
.pwd-mod-input ul li .real-chk01-txt {
    color: red;
    padding: 2% 0;
}
.pwd-mod-input ul li input{
    width: 100%;
}
.pwd-mod-input ul li input[type="checkbox"]{
	position: absolute;
    width: 0;
    height: 0;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
    top: 0;
    right: 0;
}
.pwd-mod-input ul li input[type="checkbox"] + label{
	display: inline-block;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    position: absolute;
    right: 3%;
    top: 50%;
    transform: translate(0,-35%);
    width: 23px;
    height: 23px;
}
.pwd-mod-input ul li input[type="checkbox"] + label:before{
    content: '';
    position: absolute;
    left: 0;
    top: -4px;
    width: 21px;
    height: 21px;
    line-height: 21px;
    text-align: center;
}
.pwd-mod-input ul li input[type="checkbox"]:checked + label:before{
/* 	content: '\2714'; */
	background-image: url(/img/myacuvue/common/check-active.png);
	background-repeat: no-repeat;
	-webkit-background-size: contain;
	background-size: contain;
}
.pwd-mod-btn a{
    width: 90%;
    margin: 0 auto;
    display: inline-block;
    line-height: 40px;
    text-align: center;
    background-color: rgb(102,102,102);
    color: #fff;
    left: 0;
    right: 0;
    bottom: 80px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    position: absolute;
}
.pwd-mod-btn a.on{
	background-color:rgb(1,62,126);
}
/*====================================
 	17-05-08 비밀번호 재설정(메일용)
=====================================*/
.mail-pwd{
	min-height:100%;
	position:relative;
}
.mail-pwd-con{
	padding: 39.5px;
    font-size: 15px;
    max-width:360px;
    margin:10% auto 0;
    border: 1px solid #f5f5f5;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    background: url(/img/myacuvue/mail/bg_pwd.png) center 5px no-repeat;
    background-size: auto 25px;
}
.mail-pwd-con h1{
	text-align:center;
	color:#034585;
	margin-bottom:40px;
}
.mail-pwd-con .mail-pwd-input ul li{
    margin-top: 5px;
    position: relative;
    z-index: 10;
}
.mail-pwd-con .mail-pwd-input ul li span{
	display:none;
}
.mail-pwd-con .mail-pwd-input ul li.not_con input{
	position: relative;
    background: url(/img/myacuvue/mail/input_bg_not.png) 98% center no-repeat !important;
    background-size: 12px auto !important;
}
.mail-pwd-con .mail-pwd-input ul li.not_con span{
	display: block;
    position: absolute;
    bottom: -20px;
    left: 0px;
    width: 100%;
    height: 19px;
    font-size: 11px;
    color: #fc439c;
    text-align: center;
    line-height: 19px;
    background-color: #f2fcff;
}
.mail-pwd-con .mail-pwd-input ul li input{
    width: 100%;
}
.mail-pwd-con .btn-group{
	margin-top:40px;
}
.mail-pwd-con .btn-group > a{
	font-size: 14px;
    width: 100%;
    line-height: 40px;
    text-align: center;
    background-color:#666;
    color: #fff;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    display: inline-block;
}
/*====================================
 	17-03-17 포인트통합완료
=====================================*/
#checkAcmsToAce{
	min-height:100%;
	position:relative;
}
#checkAcmsToAce .point-con{
	padding:39.5px 5.3% 74.5px;
}
#checkAcmsToAce .point-con h2{
	text-align: center;
	color:rgb(1,62,126);
	font-size:20px;
	font-weight: bold;
	padding-bottom:33px;
	letter-spacing: -0.4px;
}
#checkAcmsToAce .point-con .point-notice{
	padding:27px 5.2%;
	border:1px solid rgb(219,219,219);
	border-radius: 4px;
	-moz-border-radius:4px; 
	-webkit-border-radius:4px;
	font-size:14px;
	line-height: 20px;
}
#checkAcmsToAce .point-con .point-notice ul li{
	position: relative;
	margin-top: 20px;
/* 	letter-spacing: -0.6px; */
/* 	text-indent: -8px; */
	padding-left: 12px;
}
#checkAcmsToAce .point-con .point-notice ul li:before{
	position: absolute;
	content: "";
	top: 6px;
	width: 4px;
	height: 4px;
	left:0;
	background-color: #000;
}
#checkAcmsToAce .point-con .point-notice + a{
	line-height: 40px;
	width:100%;
	display: inline-block;
	background-color: rgb(1,62,126);
	color:#fff;
	text-align: center;
	margin-top: 20px;
	border-radius: 4px;
	-moz-border-radius:4px; 
	-webkit-border-radius:4px;
	font-size: 14px;
}
#checkAcmsToAce .point-footer em,
#acmsSearch .point-footer em{
	text-decoration: underline;
}

/*=======================================
 17-03-16 회원가입
 =======================================*/
#makeEmailId{
	min-height:100%;
	position:relative;
	padding-top: 68px;
}

#makeEmailId .join-con{
	padding:39.5px 5.3% 300px;
	font-size:15px;
}
#makeEmailId .join-con h2{
	margin-bottom:30px;
	font-size:15px;
}
#makeEmailId .join-con .check-wrap > div{
	border:1px solid rgb(219,219,219);
	border-radius: 4px;
	-moz-border-radius:4px; 
	-webkit-border-radius:4px;
	margin-bottom:10px;
}
#makeEmailId .join-con .check-wrap > div:first-child,
#makeEmailId .join-con .check-wrap > div > h3{
	padding:7px;
	font-size:15px;
	line-height: 22px;
	position: relative;
	z-index: 10;
}
#makeEmailId .join-con .check-wrap > div > h3 > i{
	position:absolute;
	top:7px;
	right:7px;
}
#makeEmailId .join-con .check-wrap > div dl.cnt{
	border-top:1px solid rgb(219,219,219);
	padding:6.4% 26px;
	color:rgb(153,153,153);
	font-size:14px;
	line-height: 22px;
	display:none;
}
#makeEmailId .join-con .join-next-btn{
	margin-top:25px;
}
#makeEmailId .join-con .join-input ul li{
	margin-top:5px;
	position: relative;
	z-index: 10;
}
#makeEmailId .join-con .join-input .real-chk01-txt{
	color:red;
	padding:2% 0;
}
#makeEmailId .join-con .join-input ul li input[type="email"],
#makeEmailId .join-con .join-input ul li input[type="text"],
#makeEmailId .join-con .join-input ul li input[type="password"]{
	width:100%;
}
#makeEmailId .join-next-btn a{
	width: 90%;
	margin:0 auto;
	display: inline-block;
	line-height: 40px;
	text-align: center;
	background-color:rgb(102,102,102);
	color:#fff;
	left:0;
	right:0;
	bottom:200px;
	border-radius: 4px;
	-moz-border-radius:4px; 
	-webkit-border-radius:4px;
	position: absolute;
	font-size:14px;
}
#makeEmailId .join-next-btn a.on{
	background-color:rgb(1,62,126);
}
#makeEmailId .join-con .join-input ul li input[type="checkbox"] { 
/* 실제 체크박스는 화면에서 숨김 */ 
	position: absolute; 
	width: 1px; 
	height: 1px; 
	padding: 0; 
	margin: -1px; 
	overflow: hidden; 
	clip:rect(0,0,0,0);
	border: 0 ;
	top:0;
	right: 0;
}
#makeEmailId .join-con .join-input ul li input[type="checkbox"] + label {
	display: inline-block;
	/* position: relative; */
	/* padding-left: 30px; */ /* 글자와 체크박스 사이의 간격을 변경 */ 
	cursor: pointer;
	-webkit-user-select: none; 
	-moz-user-select: none; 
	-ms-user-select: none; 
	/*custom*/
	position: absolute;
	right: 3%;
	top:50%;
	transform:translate(0,-35%);
	width:23px;
	height:23px;
}
#makeEmailId .join-con .join-input ul li input[type="checkbox"] + label:before  { /* 가짜 체크박스 */ 
	content: ''; 
	position: absolute; 
	left: 0; 
	top: -4px; /* 이 값을 변경해서 글자와의 정렬 */ 
	width: 21px; /* 체크박스의 너비를 지정 */ 
	height: 21px; /* 체크박스의 높이를 지정 */ 
	line-height: 21px; /* 세로정렬을 위해 높이값과 일치 */ 
	text-align: center; 
}
#makeEmailId .join-con .join-input ul li input[type="checkbox"]:checked + label:before { /* 체크박스를 체크했을때 */ 
	/* content: '\2714'; */ /* 체크표시 유니코드 사용 */ 
	background-image: url(/img/myacuvue/common/check-active.png);
	background-repeat: no-repeat;
	-webkit-background-size: contain;
	background-size: contain; 
}
/*================================================
	login 17-04-25 이메일 로그인
================================================*/
.login{
	min-height:100%;
	position:relative;
}
.login .login-con{
/* 	padding:39.5px 5.3% 89.5px; */
	padding:39.5px 20px 89.5px;
	font-size:15px;
}
.login .login-con h2{
	text-align:center;
	font-size:15px;
	padding:8% 0;
}
.login .login-con .login-input ul li{
	margin-top:5px;
	position:relative;
	z-index:10;
}
.login .login-con .login-input ul li.check-list span{
	margin-right:30px;
}
.login .login-con .login-input ul li input{
    width: 100%;
}
.login .login-con .login-input ul li input[type="checkbox"]{ 
/* 실제 체크박스는 화면에서 숨김 */ 
	position: absolute; 
	width: 1px; 
	height: 1px; 
	padding: 0; 
	margin: -1px; 
	overflow: hidden; 
	clip:rect(0,0,0,0);
	border: 0 ;
	top:0;
	right: 0;
}
.login .login-con .login-input ul li input[type="checkbox"] + label {
	display: inline-block;
	position: relative;
	padding-left: 30px; /* 글자와 체크박스 사이의 간격을 변경 */ 
	cursor: pointer;
	-webkit-user-select: none; 
	-moz-user-select: none; 
	-ms-user-select: none; 
}
.login .login-con .login-input ul li input[type="checkbox"] + label:before  { 
/* 가짜 체크박스 */ 
	content: ''; 
	position: absolute; 
	left: 0; 
	top: 0; /* 이 값을 변경해서 글자와의 정렬 */ 
	width: 21px; /* 체크박스의 너비를 지정 */ 
	height: 21px; /* 체크박스의 높이를 지정 */ 
	line-height: 21px; /* 세로정렬을 위해 높이값과 일치 */ 
	text-align: center; 
	border: 1px solid #cacece; 
	/* background-image: url(/images/check-normal.png);
	background-repeat: no-repeat;
	-webkit-background-size: contain;
	background-size: contain; */
	border-radius:4px;
	-moz-border-radius:4px;
	-ms-border-radius:4px;
}
.login .login-con .login-input ul li input[type="checkbox"]:checked + label:before { /* 체크박스를 체크했을때 */ 
	/* content: '\2714'; */ /* 체크표시 유니코드 사용 */
	content: ''; /* 체크표시 유니코드 사용 */ 
	border-color: #adb8c0;
	background-image: url(/img/myacuvue/common/check-active.png);
	background-repeat: no-repeat;
	-webkit-background-size: contain;
	background-size: contain;
}
.login .login-con .btn-group > a{
	font-size: 16px;
    width: 100%;
    line-height: 50px;
    text-align: center;
    background-color: rgb(1,62,126);
    color: #fff;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    display:inline-block;
    margin:7% 0;
}
.login .login-con .find-btn{
	text-align:right;
}
.login .login-con .find-btn > a{
/* 	color:rgb(1,62,126); */
/* 	text-decoration:underline; */
}
.login .sns-box{
	display:flex;
    justify-content: space-around;
}
.login .sns-box a{
    text-align: center;
    /* font-size: 0.9em; */
    font-size: 13px;
    flex-direction: column;
    display: -ms-flexbox;
/*     flex: 1 1 30%; */
	flex-basis:100px;
}
.login .sns-box a p{
/* 	padding-top:0.5em; */
	padding-top:7px;
}
.login .sns-box a img{
	max-width:50%;
}
.login .join-text{
	margin-top:75px;
}
/* ================================================
 	join 17-03-16 회원가입 약관동의
 ================================================ */
#clauseAgree{
	min-height: 100%;
	position: relative;
	padding-top: 50px;
}
#clauseAgree .join-con{
/* 	padding:39.5px 5.3% 89.5px; */
	font-size:15px;
}
#clauseAgree .join-con h2{
	margin-bottom:30px;
	font-size:15px;
}
#clauseAgree .join-con .check-wrap > div{
	border:1px solid rgb(219,219,219);
	border-radius:4px;
	-moz-border-radius:4px;
	-ms-border-radius:4px;
	margin-bottom:10px;
	padding:7px;
	font-size:15px;
	line-height: 22px;
	position: relative;
	z-index: 10;
}
#clauseAgree .join-con .check-wrap > div.on{
	border:1px solid #000;
}
#clauseAgree .join-con .check-tit h3{
	background:url(/img/myacuvue/common/arrow_down.png) no-repeat 100% center;
}
#clauseAgree .join-con .check-tit h3.on{
	background:url(/img/myacuvue/common/arrow_up.png) no-repeat 100% center;
}  
#clauseAgree .join-con .check-wrap > div> a{
	position: absolute;
    right: 7px;
    top: 7px;
    line-height: 22px;
}
#clauseAgree .join-con .join-next-btn{
	margin-top:25px;
}
#clauseAgree .join-con .join-next-btn a{
	width: 100%;
	line-height: 40px;
	text-align: center;
	background-color:rgb(102,102,102);
	color:#fff;
	display:inline-block;
	border-radius:4px;
	-moz-border-radius:4px;
	-ms-border-radius:4px;
}
#clauseAgree .join-con .join-next-btn a.on{
	background-color:rgb(1,62,126);
}
#clauseAgree .join-con .check-wrap input[type="checkbox"]{ 
/* 실제 체크박스는 화면에서 숨김 */ 
	position: absolute; 
	width: 1px; 
	height: 1px; 
	padding: 0; 
	margin: -1px; 
	overflow: hidden; 
	clip:rect(0,0,0,0);
	border: 0 ;
	top:0;
	right: 0;
}
#clauseAgree .join-con .check-wrap input[type="checkbox"] + label {
	display: inline-block;
	position: relative;
	padding-left: 30px; /* 글자와 체크박스 사이의 간격을 변경 */ 
	cursor: pointer;
	-webkit-user-select: none; 
	-moz-user-select: none; 
	-ms-user-select: none; 
}
#clauseAgree .join-con .check-wrap input[type="checkbox"] + label:before  { 
/* 가짜 체크박스 */ 
	content: ''; 
	position: absolute; 
	left: 0; 
	top: 0; /* 이 값을 변경해서 글자와의 정렬 */ 
	width: 21px; /* 체크박스의 너비를 지정 */ 
	height: 21px; /* 체크박스의 높이를 지정 */ 
	line-height: 21px; /* 세로정렬을 위해 높이값과 일치 */ 
	text-align: center; 
	border: 1px solid #cacece; 
	/* background-image: url(/images/check-normal.png);
	background-repeat: no-repeat;
	-webkit-background-size: contain;
	background-size: contain; */
	border-radius:4px;
	-moz-border-radius:4px;
	-ms-border-radius:4px;
}
#clauseAgree .join-con .check-wrap input[type="checkbox"]:checked + label:before { /* 체크박스를 체크했을때 */ 
	/* content: '\2714'; */ /* 체크표시 유니코드 사용 */
	content: ''; /* 체크표시 유니코드 사용 */ 
	border-color: #adb8c0;
	background-image: url(/img/myacuvue/common/check-active.png);
	background-repeat: no-repeat;
	-webkit-background-size: contain;
	background-size: contain;
}
@media screen and (max-width:359px){
	#clauseAgree .join-con .check-wrap > div{
		font-size:12px;
	}
}



/* ================================================
 	LOGIN  17-03-20 이메일 로그인(수정전)
 ================================================ */
.login_con {
	padding:25% 5.3% 0;
	background:#034585 /* url('/img/w2/consumer/join/bg_login.png') top center no-repeat; background-size:100% auto */; 
}
.login_con > section {
	position:relative; 
	margin:0 !important; 
	text-align:center; 
	padding-top:40px; 
}
.login_con h1{
	font-size:24px;
	line-height:28px;
	color:#fff;
}
.login_con h1+p{
	color:#fff;
	line-height:22px;
	letter-spacing:-0.3px;
	font-size:15px;
	padding:3% 0 20%;
}
.login_con ul li{
	margin-top:10px;
	text-align:left;
}
.login_con ul li span{
	color:#ff0000;
	line-height:32px;
}
.login_con ul li input{
	display:inline-block;
	background-color:#fff;
	width:100%;
	color:#000;
}
.login_con ul li input::-webkit-input-placeholder,
.login_con ul li input::-moz-placeholder,
.login_con ul li input:-ms-input-placeholder,
.login_con ul li input:-moz-placeholder{
	color:#000;
	opacity: 1;
}
.login_con .btn_group > a { 
	margin-top:10px; 
	color:#fff; 
	background-color:#00a4e1; 
	border-radius:4px; 
	-moz-border-radius:4px; 
	-webkit-border-radius:4px;
	line-height:40px;
	font-size:15px;
}
.login_con .btn_group .find_btn{
	margin-top:10%;
}
.login_con .btn_group .find_btn a{
	width:35%;
	color:#fff;
	text-decoration:underline;
}
.login_con + .btn_group a.login_exis{
	background-color:#fff;
	color:#000;
}
.exis_con { display:none; position:absolute; left:0px; width:100%;top:-14.555%; z-index:100; }
@media screen and (max-width:340px){  
	.login_con{
		padding:15% 5.3% 0;
	}
	.login_con h1{
		font-size:18px;
	}
	.login_con h1+p{
		font-size:12px;
	}
	.login_con .btn_group .find_btn{
		margin-top:5%;
		font-size:12px;
	}

}
/* 아이폰4 */
@media only screen and (device-height:480px){
	.login_con h1+p{
		padding-top:0;
	}
}
/* ================================================
 	LOGIN  17-03-20 이메일 로그인(수정전)
 ================================================ */
.login_con {
	padding:25% 5.3% 0;
	background:#034585 /* url('/img/w2/consumer/join/bg_login.png') top center no-repeat; background-size:100% auto */; 
}
.login_con > section {
	position:relative; 
	margin:0 !important; 
	text-align:center; 
	padding-top:40px; 
}
.login_con h1{
	font-size:24px;
	line-height:28px;
	color:#fff;
}
.login_con h1+p{
	color:#fff;
	line-height:22px;
	letter-spacing:-0.3px;
	font-size:15px;
	padding:3% 0 20%;
}
.login_con ul li{
	margin-top:10px;
	text-align:left;
}
.login_con ul li span{
	color:#ff0000;
	line-height:32px;
}
.login_con ul li input{
	display:inline-block;
	background-color:#fff;
	width:100%;
	color:#000;
}
.login_con ul li input::-webkit-input-placeholder,
.login_con ul li input::-moz-placeholder,
.login_con ul li input:-ms-input-placeholder,
.login_con ul li input:-moz-placeholder{
	color:#000;
	opacity: 1;
}
.login_con .btn_group > a { 
	margin-top:10px; 
	color:#fff; 
	background-color:#00a4e1; 
	border-radius:4px; 
	-moz-border-radius:4px; 
	-webkit-border-radius:4px;
	line-height:40px;
	font-size:15px;
}
.login_con .btn_group .find_btn{
	margin-top:10%;
}
.login_con .btn_group .find_btn a{
	width:35%;
	color:#fff;
	text-decoration:underline;
}
.login_con + .btn_group a.login_exis{
	background-color:#fff;
	color:#000;
}
.exis_con { display:none; position:absolute; left:0px; width:100%;top:-14.555%; z-index:100; }
@media screen and (max-width:340px){  
	.login_con{
		padding:15% 5.3% 0;
	}
	.login_con h1{
		font-size:18px;
	}
	.login_con h1+p{
		font-size:12px;
	}
	.login_con .btn_group .find_btn{
		margin-top:5%;
		font-size:12px;
	}

}
/* 아이폰4 */
@media only screen and (device-height:480px){
	.login_con h1+p{
		padding-top:0;
	}
}
/* notice */
.basic_list li { border-bottom:1px solid #cddae7; background:url('/img/w2/consumer/common/btn_go.png') 95% center no-repeat; background-size:7px auto; }
.basic_list li a { display:block; padding:15px 22px; font-size:16px; color:#061f37; }
.basic_list li a > div { width:90%; margin-bottom:10px; }
.basic_list li a > div > p { display:inline-block; max-width:90%; overflow:hidden; text-overflow:ellipsis;white-space:nowrap;word-wrap:normal; }
.basic_list li a > div > img { width:12px; height:auto; margin:2px 0 0 5px; }
.basic_list li a span { display:block; font-size:11px; color:#5e88b1; }


.basic_view { padding:68px 12px 20px; }
.basic_view > h1 { margin-bottom:10px; padding:0 14px; font-size:17px; color:#061f37; }
.basic_view > p { padding:0 14px; font-size:11px; color:#5e88b1; }
.basic_view > div { margin-top:20px; padding:14px; font-size:13px; color:#061f37; background-color:#f2f6f9;
	border-radius:6px; 
	-moz-border-radius:6px; 
	-webkit-border-radius:6px;
}
.basic_view div p { padding:0px; font-size:13px; color:#061f37; line-height:1.4; }

.basic_list01 li a { display:block; padding:17px 22px 16px 22px; font-size:16px; color:#061f37; border-bottom:1px solid #cddae7; background:url('/img/w2/consumer/join/btn_more.png') 95% center no-repeat; background-size:7px auto; }
/* ================================================
	17-03-13 아이디찾기,비밀번호찾기 마이아큐브1.1
================================================ */
.findId{
	min-height:100%;
	position:relative;
	padding-top: 63px;
}

.combine_con{
	letter-spacing:-0.3px;
}
.combine_con > h2.checkContact-h2{
	text-align:center;
	margin-bottom:9.3%;
	font-size:15px;
}
.combine_con > h2.checkContact-h2 > span{
	color:rgb(1,62,126);
}
.combine_con > p.search_num { 
	margin:0px; font-size:11px; 
	color:#172e44; 
	line-height:16px; 
	text-align:center; }
.combine_con > p.search_num span { display:block; margin-top:12px; height:50px; font-size:16px; color:#034585; line-height:50px; background-color:#f2f6f9;
	border-radius:8px; 
    -moz-border-radius:8px; 
    -webkit-border-radius:8px;
 }
.combine_con > p {
	font-size:14px; 
	line-height:16px; 
	color:#222; 
/* 	padding-bottom:8%;  */
	padding-bottom:26px; 
	border-bottom:1px solid #000;
/* 	 margin-bottom:8%; */
	 margin-bottom:26px;
}
/*padding-bottom:30px;*/
.combine_con .phone_list li { overflow:hidden; border-bottom:1px solid #cddae7; }
.combine_con .phone_list li > * { display:inline-block; } 
.combine_con .phone_list label { display:inline-block; width:90px; padding:16px 0; }
.combine_con .phone_list .check_alert span {
    color: rgb(255,0,0);
    line-height: 30px;
    letter-spacing: -0.5px;
    font-size: 13px;
}
	
.combine_con .phone_list span input { margin:0px; padding:0px; width:100%; height:15px !important; border:0px; color:#034585; }
.combine_con .phone_list .get_btn { position:relative; border-bottom:0px; margin-bottom:5px;}
.combine_con .phone_list .get_btn > div { display:block; /* margin-right:80px;  *//* border-bottom:1px solid #cddae7; */ overflow:hidden; }
.combine_con .phone_list .get_btn > div > * { display:inline-block;/*  float:left;  */}

/*17-05-29 인증번호 타이머*/
.combine_con .phone_list .get_btn > div .auth_time{
	position:absolute;
	right:3%;
	top:0;
	color:#999;
	line-height:50px;
}
.combine_con .phone_list .get_btn > div > input{ 
	width:100%;
}
/* .combine_con .phone_list .get_btn { border-bottom:0px; } */
.combine_con .phone_list .get_btn label { display:inline-block; width:90px; padding:16px 0; /* border-bottom:1px solid #cddae7; */ }
/* .combine_con .phone_list .get_btn span { width:44%; border-bottom:1px solid #cddae7; margin-left:3px;  } */
.combine_con .phone_list .get_btn span input { width:148px !important; }
.combine_con .phone_list .get_btn >div + a { position:absolute; top:0px; right:0px; display:inline-block; width:65px; height:100%; font-size:14px; line-height:36px; text-align:center; background-color:rgb(102,102,102); color:#fff;
    border-radius:0 4px 4px 0; 
    -moz-border-radius:0 4px 4px 0; 
    -webkit-border-radius:0 4px 4px 0;
}
.combine_con .phone_list .get_btn > div > a{
	font-size:16px;
	width:100%; 
	line-height:50px; 
	text-align:center; 
	background-color:rgb(1,62,126); 
	color:#fff;
    border-radius:4px; 
    -moz-border-radius:4px; 
    -webkit-border-radius:4px;
}
    
.combine_con .phone_list .get_btn a.btn_overlap {width:63px; padding-left:10px; color:#666; background:url('/img/w2/consumer/common/input_bg_focus.png') 4px center no-repeat; background-size:12px auto;}
.combine_con .phone_list .get_btn a.btn_overlap.on {color:#034585; background:url('/img/w2/consumer/common/input_bg_chk.png') 4px center no-repeat; background-size:12px auto;}
.combine_con .txt_overlap {padding-top:20px; color:#034585; text-align:center; line-height:1.5em;}
.combine_con .txt_overlap p {margin-top:10px; color:#222;}
.combine_con .txt_overlap p a {color:#222; text-decoration:underline;}

.combine_con .select_list li { margin-bottom:6px; }
.combine_con .select_list li a { display:block; padding:0 12px; height:35px; font-size:11px; color:#034585; line-height:35px; border:1px solid #cddae7; background-color:#f2f6f9; }

.combine_con .select_con { height:35px; font-size:11px; color:#034585; line-height:35px; border:1px solid #cddae7; }
.combine_con .chk_con.txt_warn { position:relative; margin-bottom:50px; }
.combine_con .chk_con { margin:33px 0; font-size:11px; color:#061f37; text-align:center; }
.combine_con .chk_con strong { display:block; margin-top:20px; height:35px; font-size:14px; color:#034585; line-height:35px; border:4px solid #f2f6f9; 
    border-radius:8px; 
    -moz-border-radius:8px; 
    -webkit-border-radius:8px;
} 
.combine_con .chk_con strong input.style_non { border:0px; background:transparent; text-align:center; }
.combine_con .chk_con.txt_warn span { display:block; position:absolute; left:0px; bottom:-40px; width:100%; font-size:11px; line-height:14px; color:#cf5a5a; }
.combine_con.join_con .all_chk { margin-top:0px; }



.combine_con .chk_box{
	background-color:#e6ecf3;
	border-radius:4px;
	-moz-border-radius:4px; 
    -webkit-border-radius:4px;
	padding:9.8% 5.6%;
	text-align:center;
	margin-bottom:10px;
	font-size:15px;
}
.combine_con .chk_box p{
	margin-bottom:9.8%;
	line-height:22px;
}
.combine_con .chk_box:last-child p{
	/* margin-bottom:0; */
}
.combine_con .chk_box p span{
	color:rgb(1,62,126);
}
.combine_con .chk_box a{
	color:#fff;
	background-color:rgb(1,62,126);
	width:100%;
	line-height:50px;
	display:inline-block;
	border-radius:4px;
	-moz-border-radius:4px; 
    -webkit-border-radius:4px;
}
.combine_con .chk_box a.btn_gray2{
	background-color:#f1f1f1;
	color:#222;
}
.combine_con .chk_box .chk_box_tit{
    display: block;
    text-align: left;
    padding-bottom: 10px;
}
/*SNS Block*/
.sns_block_box{
    padding: 20px 0;
    background: #f1f1f1;
    color: #222;
    font-size: 14px;
    line-height: 18px;
    text-align: center;
}
.sns_block_box p{
    padding-bottom: 15px;	
}
.sns_block_box strong{
    display: block;	
}
/*==========================================
	17-05-22 렌즈가이드 - 렌즈착용TIP
===========================================*/
.lensguideView{
	padding-top: 68px;
}
.lgv-con{
	padding:10px;
	background:#f2f2f2;
}
.lgv-con li img{
	width:100%;
	height:auto;
}
.lgv-con .bx-wrapper{
	padding:15px;
	background:#fff;
	border-radius:4px;
}
.lgv-con .lens-con-view li{
	background:#fff;
}
.lgv-con .lens-img-box,
.lgv-con .lens-txt-box{
	position:relative;
}
.lgv-con .lens-img-box{
	margin-bottom:35px;
}
.lgv-con .lens-img-box-desc{
	position: absolute;
    width:28%;
    height:30%;
}
.lgv-con .lens-img-box-desc.rt{
	right: 4.4%;
    top: 13%;
}
.lgv-con .lens-img-box-desc.rb{
	right: 4.4%;
    bottom: 12%;
}
.lgv-con .lens-img-box-desc.lb{
	left:5%;
	bottom:8%;
	width:31%;
	height:31%;
}
.lgv-con .lens-txt-box h1{
	font-size:18px;
	font-weight:bold;
	color:#013e7e;
}
.lgv-con .lens-txt-box p{
	padding:10px 0;
	font-size:14px;
	line-height:20px;
}
.lgv-con .lens-eyesight-box{
	margin-bottom:35px;
	padding-bottom: 95%;
    height: 0;
    width: 100%;
    background-color: #efefef;
    position: relative;
}
.lgv-con .lens-eyesight-box-txt{
	text-align: center;
    width: 100%;
    height: 30%;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 0;
}
.lgv-con .lens-eyesight-box-txt p{
	line-height:1.2;
	text-align:center;
}
.lgv-con .lens-eyesight-box-txt.l p{
	font-size:23px;
}
.lgv-con .lens-eyesight-box-txt.m p{
	font-size:14px;
}
.lgv-con .lens-eyesight-box-txt.s p{
	font-size:12px;
}
.lgv-con .share-btn{
	position:absolute;
	right:0;
	top:0;
}
.lgv-con .btn-box a{
	position:absolute;
	bottom:10%;
	left:0;
	color:#fff;
	background:#013e7e;
}
.lgv-con .btn-yesno{
	margin-top:10px;
}
.lgv-con .btn-yesno a{
	position:relative;
	width:48%;
	margin-left:2%;
	background:#ccc;
}
.lgv-con .btn-yesno a.on{
	background:#013e7e;
}
.lgv-con .btn-yesno a:first-child{
	margin-left:0;
}
.lgv-con .share-btn img{
	width:25px;
}
.lgv-con .bx-controls .bx-controls-direction {
	width:100%;
}
.lgv-con .bx-controls .bx-controls-direction a {
	position:absolute; 
	bottom:5%;
}
.lgv-con .bx-controls .bx-controls-direction img {
	width:11px;
}
.lgv-con .bx-controls .bx-controls-direction .bx-prev {
	left:5%;
}
.lgv-con .bx-controls .bx-controls-direction .bx-next {
	right:5%;
} 
.lgv-con .bx-wrapper .bx-pager {
    text-align: center;
    font-size: .85em;
    font-family: Arial;
    font-weight: bold;
    color: #666;
    padding-top: 20px;
}
.lgv-con .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
    position: absolute;
    bottom: 5%;
    width: 80%;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.lgv-con .bx-wrapper .bx-pager-item {
    font-size: 0;
    line-height: 0;
}
.lgv-con .bx-wrapper .bx-pager-item, 
.lgv-con .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
    display: inline-block;
    vertical-align: bottom;
    position:relative;
}
.lgv-con .bx-wrapper .bx-pager.bx-default-pager a {
    background: #bfcfdf;
    text-indent: -9999px;
    display: block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    outline: 0;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
.lgv-con .bx-wrapper .bx-pager.bx-default-pager a:hover, 
.lgv-con .bx-wrapper .bx-pager.bx-default-pager a:focus,
.lgv-con .bx-wrapper .bx-pager.bx-default-pager a.active {
    background: #013e7e;
}
.lgv-con .ccp{
	text-align: right;
	font-size:0.8em;
}
@media screen and (max-width:359px){
		.lgv-con .share-btn img{
			width:20px;
		}
		.lgv-con .lens-txt-box h1{
			font-size:16px;
		}
		.lgv-con .lens-img-box,
		.lens-eyesight-box{
			margin-bottom:15px !important;
		}
		.lgv-con .btn-box a{
			bottom:7%;
		}
		
}
/*======================================
	17-05-29 렌즈가이드 - 오해와진실(다른 상세화면과 다른 레이아웃)
=======================================*/
.lmv-con{
	padding:0;
	background:#fff;
}
.lmv-con .bx-wrapper{
	padding:0;
	border-radius:0;
}
.lmv-con .bx-wrapper .bx-pager, 
.lmv-con .bx-wrapper .bx-controls-auto{
	bottom:1%;
}
.lmv-con-view > li{
	background-size:100% 100% !important;
}
/*오해와진실01*/
.lmv-con-view01 li:nth-child(1){
	background:#fff url(/img/myacuvue/lensGuide/mythsfacts01_01.png) no-repeat center 0;
}
.lmv-con-view01 li:nth-child(2){
	background:#fff url(/img/myacuvue/lensGuide/mythsfacts01_02.png) no-repeat center 0;
}
.lmv-con-view01 li:nth-child(3){
	background:#fff url(/img/myacuvue/lensGuide/mythsfacts01_03.png) no-repeat center 0;
}
.lmv-con-view01 li:nth-child(4){
	background:#fff url(/img/myacuvue/lensGuide/mythsfacts01_04.png) no-repeat center 0;
}
.lmv-con-view01 li:nth-child(5){
	background:#fff url(/img/myacuvue/lensGuide/mythsfacts01_05.png) no-repeat center 0;
}
.lmv-con-view01 li:nth-child(6){
	background:#fff url(/img/myacuvue/lensGuide/mythsfacts01_06.png) no-repeat center 0;
}
.lmv-con-view01 li:nth-child(7){
	background:#fff url(/img/myacuvue/lensGuide/mythsfacts01_07.png) no-repeat center 0;
}
.lmv-con-view01 li:nth-child(8){
	background:#fff url(/img/myacuvue/lensGuide/mythsfacts01_08.png) no-repeat center 0;
}
.lmv-con-view01 li:nth-child(9){
	background:#fff url(/img/myacuvue/lensGuide/mythsfacts01_09.png) no-repeat center 0;
}
.lmv-con-view01 li:nth-child(10){
	background:#fff url(/img/myacuvue/lensGuide/mythsfacts01_10.png) no-repeat center 0;
}
.lmv-con-view01 li:nth-child(11){
	background:#fff url(/img/myacuvue/lensGuide/mythsfacts01_11.png) no-repeat center 0;
}

/*오해와진실02*/
.lmv-con-view02 li:nth-child(1){
	background:#fff url(/img/myacuvue/lensGuide/mythsfacts02_01.png) no-repeat center 0;
}
.lmv-con-view02 li:nth-child(2){
	background:#fff url(/img/myacuvue/lensGuide/mythsfacts02_02.png) no-repeat center 0;
}
.lmv-con-view02 li:nth-child(3){
	background:#fff url(/img/myacuvue/lensGuide/mythsfacts02_03.png) no-repeat center 0;
}
.lmv-con-view02 li:nth-child(4){
	background:#fff url(/img/myacuvue/lensGuide/mythsfacts02_04.png) no-repeat center 0;
}
.lmv-con-view02 li:nth-child(5){
	background:#fff url(/img/myacuvue/lensGuide/mythsfacts02_05.png) no-repeat center 0;
}
.lmv-con-view02 li:nth-child(6){
	background:#fff url(/img/myacuvue/lensGuide/mythsfacts02_06.png) no-repeat center 0;
}
.lmv-con-view02 li:nth-child(7){
	background:#fff url(/img/myacuvue/lensGuide/mythsfacts02_07.png) no-repeat center 0;
}
.lmv-con-view02 li:nth-child(8){
	background:#fff url(/img/myacuvue/lensGuide/mythsfacts02_08.png) no-repeat center 0;
}
.lmv-con-view02 li:nth-child(9){
	background:#fff url(/img/myacuvue/lensGuide/mythsfacts02_09.png) no-repeat center 0;
}
.lmv-con-view02 li:nth-child(10){
	background:#fff url(/img/myacuvue/lensGuide/mythsfacts02_10.png) no-repeat center 0;
}
.lmv-con-view02 li:nth-child(11){
	background:#fff url(/img/myacuvue/lensGuide/mythsfacts02_11.png) no-repeat center 0;
}
.lmv-con-view02 li:nth-child(12){
	background:#fff url(/img/myacuvue/lensGuide/mythsfacts02_12.png) no-repeat center 0;
}
.lmv-con-view02 li:nth-child(13){
	background:#fff url(/img/myacuvue/lensGuide/mythsfacts02_13.png) no-repeat center 0;
}
.lmv-con-view02 li:nth-child(14){
	background:#fff url(/img/myacuvue/lensGuide/mythsfacts02_14.png) no-repeat center 0;
}
.lmv-con-view02 li:nth-child(15){
	background:#fff url(/img/myacuvue/lensGuide/mythsfacts02_15.png) no-repeat center 0;
}

/*오해와진실03*/
.lmv-con-view03 li:nth-child(1){
	background:#fff url(/img/myacuvue/lensGuide/mythsfacts03_01.png) no-repeat center 0;
}
.lmv-con-view03 li:nth-child(2){
	background:#fff url(/img/myacuvue/lensGuide/mythsfacts03_02.png) no-repeat center 0;
}
.lmv-con-view03 li:nth-child(3){
	background:#fff url(/img/myacuvue/lensGuide/mythsfacts03_03.png) no-repeat center 0;
}
.lmv-con-view03 li:nth-child(4){
	background:#fff url(/img/myacuvue/lensGuide/mythsfacts03_04.png) no-repeat center 0;
}
.lmv-con-view03 li:nth-child(5){
	background:#fff url(/img/myacuvue/lensGuide/mythsfacts03_05.png) no-repeat center 0;
}
.lmv-con-view03 li:nth-child(6){
	background:#fff url(/img/myacuvue/lensGuide/mythsfacts03_06.png) no-repeat center 0;
}
.lmv-con-view03 li:nth-child(7){
	background:#fff url(/img/myacuvue/lensGuide/mythsfacts03_07.png) no-repeat center 0;
}
.lmv-con-view03 li:nth-child(8){
	background:#fff url(/img/myacuvue/lensGuide/mythsfacts03_08.png) no-repeat center 0;
}
.lmv-con-view03 li:nth-child(9){
	background:#fff url(/img/myacuvue/lensGuide/mythsfacts03_09.png) no-repeat center 0;
}
/*오해와진실04*/
.lmv-con-view04 li:nth-child(1){
	background:#fff url(/img/myacuvue/lensGuide/mythsfacts04_01.png) no-repeat center 0;
}
.lmv-con-view04 li:nth-child(2){
	background:#fff url(/img/myacuvue/lensGuide/mythsfacts04_02.png) no-repeat center 0;
}
.lmv-con-view04 li:nth-child(3){
	background:#fff url(/img/myacuvue/lensGuide/mythsfacts04_03.png) no-repeat center 0;
}
.lmv-con-view04 li:nth-child(4){
	background:#fff url(/img/myacuvue/lensGuide/mythsfacts04_04.png) no-repeat center 0;
}
.lmv-con-view04 li:nth-child(5){
	background:#fff url(/img/myacuvue/lensGuide/mythsfacts04_05.png) no-repeat center 0;
}
.lmv-con-view04 li:nth-child(6){
	background:#fff url(/img/myacuvue/lensGuide/mythsfacts04_06.png) no-repeat center 0;
}
.lmv-con-view04 li:nth-child(7){
	background:#fff url(/img/myacuvue/lensGuide/mythsfacts04_07.png) no-repeat center 0;
}
.lmv-con-view04 li:nth-child(8){
	background:#fff url(/img/myacuvue/lensGuide/mythsfacts04_08.png) no-repeat center 0;
}
.lmv-con-view04 li:nth-child(9){
	background:#fff url(/img/myacuvue/lensGuide/mythsfacts04_09.png) no-repeat center 0;
}
.lmv-con-view04 li:nth-child(9){
	background:#fff url(/img/myacuvue/lensGuide/mythsfacts04_09.png) no-repeat center 0;
}
.lmv-con-view04 li:nth-child(10){
	background:#fff url(/img/myacuvue/lensGuide/mythsfacts04_10.png) no-repeat center 0;
}
.lmv-con-view04 li:nth-child(11){
	background:#fff url(/img/myacuvue/lensGuide/mythsfacts04_11.png) no-repeat center 0;
}
.lmv-con-view04 li:nth-child(12){
	background:#fff url(/img/myacuvue/lensGuide/mythsfacts04_12.png) no-repeat center 0;
}
.lmv-con-view04 li:nth-child(13){
	background:#fff url(/img/myacuvue/lensGuide/mythsfacts04_13.png) no-repeat center 0;
}
.lmv-con-view04 li:nth-child(14){
	background:#fff url(/img/myacuvue/lensGuide/mythsfacts04_14.png) no-repeat center 0;
}
.lmv-con-view04 li:nth-child(15){
	background:#fff url(/img/myacuvue/lensGuide/mythsfacts04_15.png) no-repeat center 0;
}
.lmv-con-view04 li:nth-child(16){
	background:#fff url(/img/myacuvue/lensGuide/mythsfacts04_16.png) no-repeat center 0;
}

/* 렌즈 착용법 */
.lens_step {padding:18px 10px; clear:both;}
.lens_step li {width:48%; padding:3px 1% 18px; float:left; font-size:14px;}
.lens_step li a {display:block; position:relative; color:#061f37;}
.lens_step li.white a {/* color:#fff; */}
.lens_step li img {width:100%; height:auto;}
.lens_step li a p {margin-top:10px/* position:absolute; bottom:4%; left:2%; */}

.lens_txt {width:90%; padding:90px 5% 25px; color:#b2b2b2; font-size:14px; display:block; text-align:right; position:absolute; top:0; left:0; z-index:100; display:none;}
.lens_view li {width:100%;background:#003e7c; color:#b2b2b2; font-size:14px; line-height:21px;}/* background:#191919; line-height:17px; */
.lens_view li:first-child {background:#019fe6; color:#fff; font-size:19px; line-height:22px;}
.lens_view li img {width:100%;/*  padding-top:130px; */}
.lens_view li:first-child img {padding-top:0;}
.lens_view li div {padding:27px 5% 0;}

.lens_con .bx-controls .bx-controls-direction {width:100%;}
.lens_con .bx-controls .bx-controls-direction a {position:absolute; bottom:5%;}
.lens_con .bx-controls .bx-controls-direction img {width:25px;}
.lens_con .bx-controls .bx-controls-direction .bx-prev {left:5%;}
.lens_con .bx-controls .bx-controls-direction .bx-next {right:5%;} 
.lens_con .bx-controls .bx-controls-direction a.disabled {display:none;}

/*========================================
	17-03-21 FAQ/공지사항(아큐브소식 유사)
	
	17-03-30 환경설정-이용약관 유사
==========================================*/
#customerCenterList,
.clauseList{
	background-color:#f2f2f2;
	position:relative;
	margin-top: 63px;
}
#customerCenterList .header-title{
	opacity: 0;
}
#customerCenterList .cc-tab-wrap{
/* 	border-bottom:1px solid rgb(219,219,219); */
	background:#fff;
	/* height: 0;
    overflow: hidden;
	opacity: 0; */
}
#customerCenterList img{
	width:100%;
	height:auto;
}
#customerCenterList .cc-con,
.clauseList .clause-con{
	background:#f2f2f2
}
#customerCenterList .cc-con .cc-list,
#customerCenterList .cc-con ul.notice-list,
.clauseList .clause-con .clause-con-list{
	padding:2.66% 2.66% 5%;
}
#customerCenterList .cc-con .cc-list .faq-tit,
#customerCenterList .cc-con .cc-list .faq-info,
.clauseList .clause-con .clause-con-list .clause-con-tit,
.clauseList .clause-con .clause-con-list .clause-info{
	background:#fff;
	border-radius:4px;
	-moz-border-radius:4px;
	-ms-border-radius:4px;
	box-shadow:0 0 10px rgba(0,0,0,0.13);
	position:relative;
	margin-bottom:10px;
}
#customerCenterList .cc-con .cc-list .faq-tit > h3,
.clauseList .clause-con .clause-con-list .clause-con-tit > h3{
	font-size:15px;
	padding:8% 15% 8% 7%;
	overflow:hidden;
	line-height:1.45em;
	display:block;
}
#customerCenterList .cc-con .cc-list .faq-tit h3{
	background-image: url(/img/myacuvue/common/arrow_down.png);
	background-repeat: no-repeat;
	background-position: right 4% center;
}
#customerCenterList .cc-con .cc-list .faq-tit h3.on{
	background-image: url(/img/myacuvue/common/arrow_up.png);
	background-repeat: no-repeat;
	background-position: right 4% center;
}	
#customerCenterList .cc-con .cc-list .faq-tit .cnt a{
	word-break:break-all;
	display:block;
}
.clauseList .clause-con .clause-con-list .clause-con-tit > h3 i{
	position:absolute;
	right:5%;
	top:40%;
}
#customerCenterList .cc-con .cc-list .faq-tit > .cnt,
#customerCenterList .cc-con .faq-info > .cnt,
.clauseList .clause-con .clause-con-list .clause-info > .cnt{
	border-top:1px solid rgb(219,219,219);
	padding:8% 7%;
	line-height:22px;
	font-size:15px;
}
#customerCenterList .cc-con .faq-info > .cnt,
.clauseList .clause-con .clause-con-list .clause-info > .cnt{
	border-top:0;
}
#customerCenterList .cc-con .faq-info > .cnt span,
.clauseList .clause-con .clause-con-list .clause-info > .cnt span{
	display:block;
	padding:0;
	margin:0;
/* 	width:49%; */
	font-size:14px;
	letter-spacing: -1.6px;
	vertical-align:top;
}
#customerCenterList .cc-con .faq-info > .cnt span > b,
.clauseList .clause-con .clause-con-list .clause-info > .cnt span > b{
	display:block;
	font-weight:bold;
/* 	padding-bottom:5px; */
}
#customerCenterList .cc-con .faq-info > .cnt span:first-child,
.clauseList .clause-con .clause-con-list .clause-info > .cnt span:first-child{
	font-size:19px;
	font-weight:bold;
	color:rgb(1,62,126);
}
#customerCenterList .cc-con .faq-info > .cnt span > em,
.clauseList .clause-con .clause-con-list .clause-info > .cnt span > em{
	display:block;
	text-decoration:underline;
	color:rgb(0,163,224);
}
/*2020-03-05 faqInfoTab 수정*/
.faq-info .cnt .span, .clause-info .cnt .span{
	display:block;
	width: 70%
}
.faq-info .cnt .span a, .clause-info .cnt .span a{
	color:#000
}
.faq-info .cnt .p1, .clause-info .cnt .p1{
	font-size:12px;
}
/* .faq-info .cnt .email, .clause-info .cnt .email{
	font-size:14px;
	font-weight: bold;
	text-decoration:underline; 
	margin-top:5px
} */
#customerCenterList .cc-con .cc-list,
#customerCenterList .cc-con .notice-list{
	opacity: 0;
}
/* 공지사항 */
#customerCenterList .cc-con ul.notice-list li{
	background:#fff;
	border-radius:4px;
	-moz-border-radius:4px;
	-ms-border-radius:4px;
	padding:8% 7%;
	margin-bottom:10px;
	box-shadow:0 0 10px rgba(0,0,0,0.13);
}
#customerCenterList .cc-con ul.notice-list li h2{
	font-size: 13px;
    font-weight: bold;
    overflow: hidden;
    color: #003792;
    width: 100%;
    text-align: left;
    padding: 0;
}
#customerCenterList .cc-con ul.notice-list li h2 > .date{
	float:right;
}
#customerCenterList .cc-con ul.notice-list li > p{
	margin:2.66% 0;
	white-space: nowrap; 
	overflow: hidden; 
	text-overflow: ellipsis;
	line-height:20px;
	white-space: normal;
	height: 40px;
	max-height: 40px; 
	text-align: left; 
	word-wrap: break-word; 
	display: -webkit-box; 
	-webkit-line-clamp: 2; 
	-webkit-box-orient: vertical;
}
#customerCenterList .cc-con ul.notice-list li em{
	font-weight:500;
	text-decoration:underline;
	font-size:12px;
}
@media screen and (max-width:359px){
/* 	.tab_style.col4 li{
		letter-spacing:-1.5px !important;
	} */
	.clause-con-tit h3{
		font-size:12px;
	}
	#customerCenterList .cc-con ul.notice-list li h2{
		font-size:12px;
	}
}

/*=================================================
	17-05-25 이용약관 내용(임시)
==================================================*/
.clauseView .clause-con{
    background: #fff;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
}
.clauseView .clause-con p{
    transform: translate(-50%,0%);
    position: absolute;
    left: 50%;
    top: 50%;
    width: 100%;
    text-align: center;
    background: #fff;
    font-size:1.25em;
    color:rgb(153,153,153);
}

/*=================================================
	17-03-21 아큐브소식
==================================================*/
#acuvueNewsList{
	background-color:#f2f2f2;
	position:relative;
}
#acuvueNewsList img{
	width:100%;
	height:auto;
}
#acuvueNewsList .acvList-con{
	background:#f2f2f2
}
#acuvueNewsList .acvList-con ul.news-list{
	padding:2.66% 2.66% 5%;
}
#acuvueNewsList .acvList-con ul.news-list li{
	background:#fff;
	border-radius:4px;
	padding:8% 7%;
	margin-bottom:10px;
	box-shadow:0 0 10px rgba(0,0,0,0.13);
}

#acuvueNewsList .acvList-con ul.news-list li h2{
	font-size:15px;
	font-weight:bold;
	overflow:hidden;
}
#acuvueNewsList .acvList-con ul.news-list li h2 > .date{
	float:right;
}
#acuvueNewsList .acvList-con ul.news-list li > p{
	margin-top:2.66%;
	line-height:20px;
}
#acuvueNewsList .acvList-con ul.news-list li  a{
	line-height: 40px;
    display: inline-block;
    border-radius: 4px;
    background-color: rgb(1,62,126);
    text-align: center;
    width: 100%;
    color: #fff;
    margin-top: 8%;
}
 /*================================================
 	2017-05-11 환경설정(회원탈퇴)
 =================================================*/
 .dropout{
	min-height: 100%;
    position: relative;
    padding-top: 63px;
}
.dropout-con{
	padding: 39.5px 5.3%;
    font-size: 15px;
}
/*footer존재하는 레이아웃*/
.dropout-con01{
	padding: 33.5px 5.3% 230px;
    font-size: 15px;
}
.dropout-con h2{
	padding-bottom: 20px;
    font-size: 14px;
    border-bottom:1px solid #000;
}
.dropout-notice{
	padding:6%;
	margin:30px 0;
	border-radius:4px;
	border:1px solid rgb(219,219,219);
	line-height:22px;
	font-size:14px;
}
.dropout-notice h3{
	font-size:15px;
	padding-bottom:5%;
}
.dropout-btn a{
	width: 100%;
    line-height: 40px;
    text-align: center;
    background-color: rgb(102,102,102);
    color: #fff;
    display: inline-block;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
}
.dropout-btn a.on{
	background-color:rgb(1,62,126);
	color:#fff;
}
.dropout-cancel{
	text-align:center;
	margin-top:30px;
}
.dropout-cancel a{
	color: rgb(1,62,126);
    text-decoration: underline;
}
/*회원탈퇴하시겠습니까?*/
.dropout-con-tit{
	text-align:center;
}
.dropout-con-tit p{
	line-height:22px;
	margin:10px 0 20px;
}
.dropout-con-h1{
	color:rgb(1,62,126);
	font-size:18px;
	text-align:center;
}
.dropout-notice01{
	border-radius:4px;
	border:1px solid rgb(219,219,219);
	margin-bottom:30px;
}
.dropout-notice-txt{
	padding:6%;
	line-height:22px;
	font-size:14px;
}
.dropout-notice-txt h3{
	font-size:15px;
}
.dropout-notice-txt li{
	margin-top:10px;
}
.dropout-notice-txt li ul{
	padding-left:8px;
}
.dropout-notice-txt li ul span{
	color:rgb(1,62,126);
}
.dropout-price{
	padding:6%;
	background-color:#f3fafd;
}
.dropout-price ul li:first-child{
	margin:0;
}
.dropout-price ul li{
	margin-top:10px;
	position:relative;
	z-index:10;
}
.dropout-price ul li strong{
	color:rgb(1,62,126);
}
.dropout-price ul li span{
	position:absolute;
	right:0;
	top:0;
}
/*회원탈퇴 완료*/
.dropout-fincon{
	text-align:center;
	padding: 25% 5.3% 230px;
}
.dropout-fincon h1{
	color:rgb(1,62,126);
	font-size:18px;
	margin-bottom:30px;
}
.dropout-fincon p{
	line-height:22px;
	font-size:15px;
}
/*회원탈퇴03*/
.dropout-input{
	margin:20px 0 10px;
	font-size:14px;
}
.dropout-input ul li{
	margin-top:10px;
	position:relative;
	z-index:10;
	overflow:hidden;
	line-height:20px;
}
.dropout-input ul li:first-child{
	margin:0;
}
.dropout-input ul li span{
	display:inline-block;
	width:78%;
	float:right;
}
.dropout-input ul li:nth-child(2) label{
	line-height:40px;
}
.dropout-input ul li input{
    width: 78%;
    float:right;
}
.dropout-txt-p{
	color:rgb(102,102,102);
	line-height:20px;
	font-size:14px;
}
.dropout-down-btn a{
	width: 90%;
    margin: 0 auto;
    display: inline-block;
    line-height: 40px;
    text-align: center;
    background-color: rgb(102,102,102);
    color: #fff;
    left: 0;
    right: 0;
    bottom: 140px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    position: absolute;
}
.dropout-down-btn a.on{
	background-color:rgb(1,62,126);
	color:#fff;
}
@media screen and (max-width:359px){
	.dropout-con01{
		font-size:12px;
	}
}
 /*================================================
 	2017-05-27 아큐브의 우수성
 =================================================*/
.superAcuvue{
	padding-top: 68px;
 	background-color: #f2f2f2;
    font-size: 15px;
}
.superAcuvue img{
	max-width:100%;
	height:auto;
}
.superAcuvue .sa-con{
	padding:10px;	
}
.superAcuvue .sa-con-list li{
	border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    background-color: #fff;
    padding: 8% 7%;
    position: relative;
    box-shadow: 0 0 10px rgba(0,0,0,0.13);
    margin-bottom: 6px;
}
.superAcuvue .sa-con-list li p{
    letter-spacing: -0.3px;
    line-height: 22px;
    position: relative;
    font-size:1.063em;
}
.superAcuvue .sa-con-list li p b{
	display:block;
	padding:8% 0;
	color:rgb(1,62,126);
	font-size:1.5em;
}
.superAcuvue .sa-con-list li a{
    line-height: 40px;
    display: inline-block;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    background-color: rgb(1,62,126);
    text-align: center;
    width: 100%;
    color: #fff;
    font-size:1.063em;
    margin-top: 8%
}
/*메시지*/
.sa-layer{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.9);
	display:none;
	z-index:9999;
}
.sa-layer-con{
	transform: translate(-50%,-50%);
	-webkit-transform:translate(-50%,-50%);/*추가*/
	-o-transform:translate(-50%,-50%);/*추가*/
    position: fixed;
    left: 50%;
    top: 50%;
    color:#fff;
   	width:100%;
   	margin:0 auto;
   	border-radius:4px;
   	text-align:center;
   	z-index:9999;
   	font-size:1.125em;
}
.sa-layer-con p{
	line-height:1.2;
}

@media screen and (max-width:359px){
	.superAcuvue .sa-con-list li p,
	.superAcuvue .sa-con-list li a{
		font-size:0.9em;
	}
}

 /*================================================
 	2019-06-10 마이페이지-포인트
 =================================================*/
.myPointView .point-inner{
	background: #f2f2f2;
/* 	padding:0.5em; */
	padding:8px;
}
.myPointView .point-inner > h2{
	text-align: center;
/*     font-size: 1.2em; */
    font-size: 19px;
    color:#013e7e;
/*     padding:0.5em 0 1em; */
    padding:10px 0 20px;
    font-weight: 800;
}
.myPointView .point-top{
	background:#fff;
/* 	padding:2em; */
	padding:32px;
	overflow:hidden;
}
.myPointView .point-top .point-top--title{
	color:#013e7e;
}
.myPointView .point-top .point-top--desc{
	float:right;
/* 	padding: 1em 0; */
	padding: 16px 0;
}
.myPointView .point-top .point-top--desc > p{
	color:#ccc;
/* 	font-size:0.8em; */
	font-size:13px;
}
.myPointView .point-top .point-top--desc > p:first-child{
/* 	font-size:1.4em; */
	font-size:22px;
	color:#013e7e;
	font-weight:900;
}
.myPointView .point-top .point-top--desc > p strong{
/* 	font-size:2.5em; */
	font-size:56px;
	color:#00a3e0;
	font-weight:900;
/* 	padding-right:0.2em; */
	padding-right:10px;
}
.myPointView .point-con--list .list{
 	border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    background-color: #fff;
/*     padding: 8% 7%; */
    padding: 28px 25px;
    position: relative;
    box-shadow: 0 0 10px rgba(0,0,0,0.13);
    margin-bottom: 6px;
    overflow:hidden;
    display: flex;
    justify-content: space-between;
}
.myPointView .point-con--list .list .list-right{
    display: flex;
    flex-direction: column;
    font-weight: 600;
    align-self: center;
    text-align: right;
}
.myPointView .point-con--list .list .list-right.plus{
	color:#00a3e0;
}
.myPointView .point-con--list .list .list-right.minus{
	color:#f6744a;
}
.myPointView .point-con--list .list .list-right strong{
	font-size:32px;
/* 	font-size:2em; */
}
.myInfoView-title{
/* 	padding:0.8em; */
	padding:13px;
	background:#00a3e0;
	color:#fff;
}
.myInfoView-title--info{
    display: flex;
    align-items: center;
    justify-content: space-between;
/*     padding:0.5em 0 0; */
    padding:8px 0 0;
}
.myInfoView-title--info .icon{
    flex-basis: 20%;
    padding: 1em;
}
.myInfoView-title--info .desc{
	flex-basis:75%;
	font-weight:500;
}
.myInfoView-title h1{
	text-align: center;
/* 	font-size:1.2em; */
	font-size:19px;
	border-bottom:1px solid #79cbe9;
/* 	padding:0.3em 0 0.7em; */
	padding:6px 0 13px;
}
.myInfoView{
	background:#f2f2f2;
/* 	padding:0.5em; */
	padding:8px;
	display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.myInfoView .info-list{
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    background-color: #fff;
/*     padding: 5% 7%; */
    padding: 17px 25px;
    position: relative;
    box-shadow: 0 0 10px rgba(0,0,0,0.13);
    margin-bottom: 6px;
    overflow: hidden;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-basis: 100%;
/*     height:5em; */
    height:80px;
}
.myInfoView .info-list--another{
	border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    background-color: #fff;
    position: relative;
    box-shadow: 0 0 10px rgba(0,0,0,0.13);
    margin-bottom: 6px;
    width:100%;
}
.myInfoView .info-list--another > div{
	border-top:2px solid #f2f2f2;
/* 	padding:5% 7% */
	padding:19px 28px
}
.myInfoView .info-list--another > div.switch-box{
	overflow: hidden;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.myInfoView .info-list--another > div:first-child{
	border-top:0;
	color:#013e7e;
}
.myInfoView .info-list--another .switch{
	display: inline-block;
    position: relative;
    vertical-align: middle;
    cursor: pointer;
    width:30%;
}
.myInfoView .info-list--another .switch input{
	overflow: hidden;
    position: absolute;
    padding: 0;
    border: 0;
    opacity: 0;
    line-height: 0;
}
.myInfoView .info-list--another .switch label{
    display: inline-block;
/*     height: 2.5em; */
    height: 40px;
    width: 100%;
    margin: 0;
    vertical-align: middle;
    color: #013e7e;
    cursor: pointer;
    text-align: center;
}
.myInfoView .info-list--another .switch label:before{
	content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background-color: #d7d7d9;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
.myInfoView .info-list--another .switch label:after{
	content: "OFF";
    display: block;
    position: absolute;
    top: 2px;
	left:2px;
    width: 46%;
/*     height: 2.8em; */
/*     line-height:2.8em; */
/*     font-size:0.8em; */
    height: 36px;
    line-height:36px;
    font-size:13px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background-color: #fff;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
.myInfoView .info-list--another .switch input + label:before{
    background-color: #ccc;
}
.myInfoView .info-list--another .switch input:checked + label:before{
    background-color: #013e7e;
}
.myInfoView .info-list--another .switch input:checked + label:after{
    left:52%;
    content:"ON"
}
.myInfoView .info-list--double{
	flex-basis: 49%;
}
.myInfoView .info-list span{
	font-weight:600;
}
.myInfoView .info-list strong{
	color:#00a3e0;
/* 	font-size:2em; */
	font-size:32px;
	vertical-align: middle;
/* 	padding-right: 0.5em; */
	padding-right: 16px;
}
.myInfoView .info-list .underline{
/* 	padding-right:0.5em; */
	padding-right:8px;
	text-decoration:underline;
	vertical-align: middle;
}
.myInfoView .info-list .arrow{
	bottom:0;
}
 /*================================================
 	2017-03-16 제품페이지1.1 / 아큐브 소식 유사
 =================================================*/
#productList{
	background-color:#f2f2f2;
	position:relative;
	padding-top: 68px;
}
#productList .bx-wrapper{
	position:relative;
}
#productList .potno{
	position:absolute;
	bottom:5px;
	left:0;
}
#productList .acvProduct.product_con .acvProduct_con{
	background:#f2f2f2
}
#productList .acvProduct.product_con .acvProduct_con ul.product_list{
	padding:10px;
}
#productList .tab-wrap .tab_style li a{
	padding:0 15px;
}
/*17-05-11 tab-select-new 제플린 업데이트*/
#productList .tab-select-new{
	background:#fff;
/* 	border-top:1px solid rgb(242,242,242); */
}
#productList .tab-select-new ul{
	width:100%;
	margin:0 auto;
	overflow:hidden;
	text-align:center;
	font-size:0;
}
#productList .tab-select-new ul li{
	padding:0 15px;
	text-align:center;
	color:rgb(153,153,153);
	display:inline-block;
	line-height:40px;
	font-size:14px;
}
#productList .tab-select-new ul li.on{
	color:rgb(0,163,224);
}
#productList .acvProduct_con .product_list li{
	padding: 1.333em 1em;
	overflow:hidden;
}
#productList .acvProduct_con .product_list li img{
	position: absolute;
	max-width:100%;
	max-height: 100%;
	margin: auto;
	top: 0;right: 0;bottom: 0;right: 0;
}
#productList .acvProduct_con .product_list li a.thumb{
	position: absolute;
	display:block;
	width:33%;
	top: 0;
	bottom: 0;
}
#productList .acvProduct_con .product_list li .product_desc{
	display:block;
	width:100%;
	padding-left: 38.5%;
	line-height:1.467em;
	font-size:15px;
}
#productList .acvProduct_con .product_list li .product_desc > .desc_txt{
	
	display:block;
}
#productList .acvProduct_con .product_list li .product_desc > b{
	position: relative;
	margin-top: -3px;
	display:block;
	margin-bottom: 3px;
	letter-spacing: -0.2px;
}
#productList .acvProduct_con .product_list li .product_desc > .desc01,
#productList .acvProduct_con .product_list li .product_desc > .desc02{
	width:auto;
	min-width: 70px;
	/* min-height: 25px; */
	color:#00a3e0;
	border:1px solid #00a3e0;
	border-radius:4px;
	-moz-border-radius:4px;
	-ms-border-radius:4px;
	font-size:11px;
	padding:5px 10px;
	margin-top:10px;
	text-align:center;
	display:inline-block;
	outline:0;
	background-color: transparent;
	cursor: default;
}
#productList .acvProduct_con .product_list li .product_desc > .desc01{
	margin-right:2px;
}
#productList .acvProduct_con .product_list li a.using{
	position:absolute;
	left:0;
	top:0;
	z-index:9999;
}
#productList .product-ccp{
	bottom:0;
	right:10px;
    margin-top: 0;
    text-align: right;
    font-size: .8em;
}
/*썸네일 추가 17-05-10*/
#productList .product-thum{
	display:block;
	text-align:center;
}
#productList .product-thum img{
	max-width:100%;
	height:auto;
}
.product-thum-wrap .bx-wrapper .bx-pager {
    text-align: center;
    font-size: .85em;
    font-family: Arial;
    font-weight: bold;
    color: #666;
    padding-top: 20px;
}
.product-thum-wrap .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
    position: absolute;
    bottom: 5%;
    width: 80%;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.product-thum-wrap .bx-wrapper .bx-pager-item {
    font-size: 0;
    line-height: 0;
}
.product-thum-wrap .bx-wrapper .bx-pager-item, 
.product-thum-wrap .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
    display: inline-block;
    vertical-align: bottom;
}
.product-thum-wrap .bx-wrapper .bx-pager.bx-default-pager a {
    background: #bfcfdf;
    text-indent: -9999px;
    display: block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    outline: 0;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
/* .product-thum-wrap .bx-wrapper .bx-pager.bx-default-pager a:hover,  */
.product-thum-wrap .bx-wrapper .bx-pager.bx-default-pager a.active, 
.product-thum-wrap .bx-wrapper .bx-pager.bx-default-pager a:focus {
    background: #013e7e;
}
#productList .acvProduct.product_con .tab_con ul.product_list li {
	position:relative;
	width:100%;
	box-shadow:0 0 10px rgba(0,0,0,0.13);
}
@media screen and (max-width:359px){
	#productList .acvProduct_con .product_list li .product_desc{
		font-size:12px;
	}
}
/* 환경설정 - 제품정보 */
.product_list {clear:both; overflow:hidden;}
.product_list li {width:49%;/*  padding:15px 0; */ /* margin:0 0.5%; */ float:left; 
	/*1.1 추가*/
	border-radius:4px;
	background-color:#fff;
	margin-bottom:2.66%;
}
.wrap_bot .potno{
	font-size: 0.8em;
    text-align: right;
}
/*=============================================
17-05-16 안경원 만족도 평가/제품 구매 만족도 평가
==============================================*/
/* star_app */
.ui-loader {
	display:none;
}
.ui-page-theme-a .ui-bar-inherit {
	margin:0 auto;
	width:250px;
	border:0px;
}
.ui-slider-track {
	position:relative;
	height:65px;
	background:url('/img/myacuvue/member/img_star_off.png') no-repeat;
	background-size:auto 40px;
	overflow:visible;
}
.ui-page-theme-a .ui-slider-track .ui-btn-active{
	display:inline-block;
	position:absolute;
	top:-13px;
	left:0px;
	height:65px;
	background:url('/img/myacuvue/member/img_star_on.png') left no-repeat;
	background-size:auto 40px;
}
.ui-slider-track .ui-btn.ui-slider-handle{ 
	display:none; 
}
.ui-page-theme-a .ui-body-inherit{ 
	display:none; 
	background-color:#fff; 
	border-color:#ddd; 
	color:#333; 
}
.ui-page, .ui-page-theme-a, .ui-page-active {
	height:100%;
}
.ui-overlay-a .wrap_bot {
	min-height:100%; 
	display:block; 
	overflow:hidden; 
	height:auto; 
}
.ui-overlay-a .wrap_bot > article { 
	height:auto; 
}
.pop-star{
	position:relative;
}
.pop-star .con-star {
	position:relative;
	text-align:center;
}
.pop-star .con-star > p {
	padding:10% 0 22px;
	font-size:16px;
	line-height:22px;
	color:#000;
	text-align:center;
}
.pop-star .con-star > span{
	color:rgb(102,102,102);
}
.pop-star .con-star .star-area{
	margin:15% auto 5%;	
}
.pop-star .con-star .store-area img{
	max-width:35%;
	height:auto;
	margin: 0 auto;
}
.pop-star .con-star .store-area-name{
	display:block;
}
.star-btn-group a{
	line-height:40px !important;
}
.star-btn-group .star-btn-later{
	text-decoration:underline;
}
.ui-page .btn_group, 
.ui-page-theme-a .btn_group, 
.ui-page-active .btn_group{
	margin-top:-112px;
	padding:15px 12px;
}

.product-grade-con-fin{
	background:url(/img/myacuvue/member/productgrade_done.jpg) no-repeat center center;
	background-size:100%;
}
.account-grade-con-fin{
	background:url(/img/myacuvue/member/accountgrade_done.jpg) no-repeat center center;
	background-size:100%;
}
/*============================================
	17-05-16 이럴땐 렌즈
=============================================*/
.selectLens a{
	display:block;
}
.selectLens .woman-link{
	background:url(/img/myacuvue/selectLens/selectLens_woman.jpg) no-repeat center center;
	background-size:cover;
	width:100%;
}
.selectLens .man-link{
	background:url(/img/myacuvue/selectLens/selectLens_man.jpg) no-repeat center center;
	background-size:cover;
	width:100%;
}
.selectLens,
.selectLensView{
	min-height:100%;
	position:relative;
	padding-top: 68px;
}
.selectLensView img{
	max-width:100%;
	height:auto;
}
.slv-con{
	text-align:center;
	position:relative;
}
.slv-con-txt{
	transition:all 0.5s;
}
.slv-con-txt > div{
	transition:all 1s;
	opacity:0;
	position:absolute;
	top:0;
	left:0;
	text-align:initial;
}
.slv-con-txt > div:nth-child(1){
	top:0.2%;
}
.slv-con-txt > div:nth-child(2){
	top: 8.8%;
    right: 0;
    left: auto;
    text-align:right;
}
.slv-con-txt > div:nth-child(3){
	top:19.1%;
}
.slv-con-txt > div:nth-child(4){
	top: 28%;
    left: auto;
    right: 0;
    text-align:right;
}
.slv-con-txt > div:nth-child(5){
	top:42.65%;
}
.slv-con-txt > div:nth-child(6){
	top:47.05%;
	text-align:right;
	left:auto;
	right:0;
}
.slv-con-txt > div:nth-child(7){
	top: 52.95%;
    right: 0;
    left: auto;
    text-align: right;
}
.slv-con-txt > div:nth-child(8){
	top:60.65%;
}
.slv-con-txt > div:nth-child(9){
	top:72.05%;
}
.slv-con-txt > div:nth-child(10){
	top:83.1%;
}
.slv-con-txt > div:nth-child(11){
	top: 90.7%;
    text-align: right;
    right: 0;
    left: auto;
}
.slv-con-txt > div > img{
	max-width:50%;
}
/*============================================
	17-05-10 내가 찾던 아큐브
============================================*/
.myProduct{
	min-height:100%;
	position:relative;
	height:100%;
	padding-top: 68px;
}
.myProduct img{
	max-width:100%;
	height:auto;
}
.myProduct a{
	display:block;
}
.myProduct .ccp{
	position:absolute;
	right:15px;
	bottom:5px;
	color:#fff;
	font-size:12px;
}
.mp-con{
	max-width:640px;
	margin:0 auto;
}
.mp-view-con{
	text-align:center;
}
.mp-con-box01-ul,
.mp-con-box02-ul{
	overflow:hidden;
	margin-left:-2%;
	font-size:0;
}
.mp-con-box01-ul > li,
.mp-con-box02-ul > li{
	display:inline-block;
	margin-bottom:2%;
	width:48%;
	margin-left:2%;
	text-align:center;
	font-size:15px;
	position:relative;
}
.mp-con-box01-ul li:nth-child(3n+1), 
.mp-con-box01-ul li:first-child{
	width:100%;
}
.mp-con-box02-ul > li{
	margin-bottom:0;
}
.mp-con-box02-ul-ul li{
	margin-top:4%;
}
.mp-con-box02-ul-ul li:first-child{
	margin-top:0;
}
.mp-con-box02-ul > li:last-child{
	vertical-align:top;
}

.mp-view-con{
	width:100%;
	height:100%;
}
.mp-view-con .bx-prev,
.mp-view-con .bx-next{
	display:none;/*좌우슬라이드 제외*/
	position:absolute;
	top:50%;
	transform:translate(-50%,-50%);
	width:21px;
	height:38px;
}
.mp-view-con .bx-prev{
	left:5%;
	background:url(/img/myacuvue/common/arrow_down.png) no-repeat 0 0;
}
.mp-view-con .bx-next{
	right:0;
	background:url(/img/myacuvue/common/arrow_up.png) no-repeat 0 0;
}
.mp-view-con-inner01,
.mp-view-con-inner02{
	width:100%;
	height:100%;
	background:url(/img/myacuvue/myProduct/myproduct_bg01.jpg) no-repeat center center;
	background-size:cover;
	display:table;
}
.mp-view-con-inner01 > div,
.mp-view-con-inner02 > div{
	display:table-cell;
	text-align:center;
	vertical-align:middle;
}
.mp-view-con-inner02 > div > a{
	position:relative;
}
.mp-view-con-inner02 > div > a > img{
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	margin:auto;
	max-width:210px;
}
.mp-view-con-inner02 > div > a.small > img{
	max-width:191px;
}
.mp-view-con-inner02 > div > a > i{
	position:absolute;
	right:12%;
	top:53%;
}
.mp-view-con .bx-wrapper,
.mp-view-con .bx-viewport,
.mp-view-con .mp-view-con-inner{
	height:100% !important;
	border:0 !important;
}
/* 상단 슬라이드 방향키 이미지 */
.acvProduct.product_con .bx-controls-direction .bx-prev, 
.acvProduct.product_con .bx-controls-direction .bx-next,
.lensGuideList .bx-controls-direction .bx-prev,
.lensGuideList .bx-controls-direction .bx-next{
	position: absolute;
	top:13px;
	width:16px;
	padding:10px 5px;
	text-align:center;
	z-index:999
} 
.acvProduct.product_con .bx-controls-direction .bx-prev,
.lensGuideList .bx-controls-direction .bx-prev{
	left:0; 
	}
.acvProduct.product_con .bx-controls-direction .bx-next,
.lensGuideList .bx-controls-direction .bx-next{
	right:0; 
	} 
.acvProduct.product_con .bx-controls-direction .bx-prev img, 
.acvProduct.product_con .bx-controls-direction .bx-next img,
.lensGuideList .bx-controls-direction .bx-prev img,
.lensGuideList .bx-controls-direction .bx-next img{
	width:50%
} 
/*=====================================
	17-06-24 피드 공유 메시지
=======================================*/
.feedDesc{
	background:rgb(242,242,242);
	width:100%;
	min-height:100%;
	position: relative;
}
.feed-box{
	width:90%;
	height:auto;
	padding:35px 10px;
	position:absolute;
	left:50%;
	top:50%;
	transform:translate(-50%,-50%);
	background:#fff;
	text-align: center;
	border-radius:4px;
	box-shadow:0 0 10px rgba(0,0,0,0.13);
}
.feed-box:after{
	content:"";
	position: absolute;
	top:-17px;
	left:13px;
	height:34px;
	width:21px;
	background:rgba(188,231,238,0.7);
}
.feed-box:before{
	content:"";
	position: absolute;
	top:-17px;
	right:13px;
	height:34px;
	width:21px;
	background:rgba(188,231,238,0.7);
}
.feed-thum img{
	width:71.5px;
	height:79.5px;
}
.feed-tit{
	margin:15px 0;
	font-size:19px;
	line-height:23px;
	color:rgb(0,163,224);
}
.feed-cnt{
	font-size:15px;
	line-height:22px;
}
/*=================================
	제품페이지 - 플로팅배너
==================================*/
.floating-complete{
	position: fixed;
	right:0;
	top:20%;
	z-index:1050;
	width:120px;
}
.floating-complete img{
	max-width:100%;
	height:auto;
}
.floating-complete .floating-slider a{
    width: 100% !important;
    height: auto;
}
.floating-complete .bx-viewport{
	height: 120px !important;
}
/*========================================
	17-06-27 아큐브페이 충전하기 
========================================*/
.chargeCard{ 
	padding:7.3% 20px 440px;
	position: relative;
	min-height: 100%;
}
.chargeCard .default-footer{
	text-align:left;
	padding:20px;
	line-height:30px;
	color:#000;
}
.chargeCard .charge-money{
	padding:24px 17px;
	position: relative;
	border-radius:4px;
	overflow: hidden;
	font-size:15px;
	margin-bottom:20px;
}
.chargeCard .charge-money span{
	vertical-align: middle;
}
.chargeCard .charge-money em{
	text-align:right;
	float:right;
	font-size:20px;
}
.chargeCard .charge-money em b{
	font-family:'Avenir';
	font-weight:bold;
}
.charge-notice li{
	position: relative;
	padding-left:10px;
}
.charge-notice li:before{
	position: absolute;
	content: "";
	top: 14px;
	width: 3px;
	height: 3px;
	left:0;
	background-color: #000;
}
.charge-cnt-strong{
	font-size:15px;
}
.charge-cnt-list{
	overflow: hidden;
}
.charge-cnt-list li{
	float:left;
	width:24.25%;
	margin-left:1%;
}
.charge-cnt-list li a{
	display:block; 
	width:100%;  
	font-size:14px; 
	line-height:40px; 
	text-align:center; 
	cursor:pointer;
	border-radius:4px; 
	-moz-border-radius:4px; 
	-webkit-border-radius:4px;
	color:rgb(1,62,126);
	border:1px solid rgb(1,62,126);
}
.charge-cnt-list li.on a{
	background:rgb(1,62,126);
	color:#fff;
}
.charge-cnt-list li:first-child{
	margin-left:0;
}
.charge-input{
	position:relative;
	font-size:15px;
}
.charge-input:before{
    content: "원";
    position: absolute;
    z-index: 10;
    right: 15px;
    top: 15px;
    line-height:40px;
}
.charge-input input{
	width:100%;
	text-align:right;
	padding-right:30px;
	font-size:19px;
}

/*======================================================
	17-08-16
	휴면상태 해제 팝업	
=====================================================*/
.dormancyPointPopup{
/*     background: rgba(0,0,0,0.7); */
}
.dormancyPointPopup-con{
	width:100%;
	margin:0 auto;
    position: absolute;
    height: auto;
    min-height: auto;
    transform: translate(-50%,-50%);
    left: 50%;
    top: 50%;
/*     box-shadow: 0 0 10px rgba(0,0,0,0.13); */
}
.dormancyPointPopup-h1 img{
	max-width : 20%;	
}
.dormancyPointPopup-h2{
	margin-top:4%;
	font-size:22px;
	color:#013e7e;
	line-height:1.3em;
	font-weight:500;
}
.dormancyPointPopup-h2 i{
    font-style: italic;
}
.dormancyPointPopup-h2 strong{
	font-weight:900;
}
.dormancyPointPopup-box{
	text-align: center;
	padding:10% 7%;
}
.dormancyPointPopup-box-inner{
	margin:7% auto;
    padding: 10% 6% 7%;
	border:1px solid rgb(219,219,219);
	background:#fff;
}
.dormancyPointPopup-box-inner *{
	font-size:15px;	
}
.dormancyPointPopup-box-inner h3{
	line-height:1.4;	
}
.dormancyPointPopup-box-inner .btn-box a{
	background: #013e7e url(/img/myacuvue/member/arrow_right.png) no-repeat 85% center;
    background-size: 10px 20px;
    color: #fff;
    margin-top: 10%;
    padding: 4% 0;
}
.dormancyPointPopup-box-inner .btn-box *{
	font-size:20px;
}
.dormancyPointPopup-box-inner .btn-box a em{
	color:yellow;
	font-weight:bold;
}
/*======================================================
	앱리뷰/페이스북 좋아요 당첨자 발표 17-08-29
=======================================================*/
.app-face-winner{	
	max-width:640px;
	margin:0 auto;
	min-height:100%;
	background:url(/img/myacuvue/eventPromotion/appReviewWinner/appReviewWinner_bg.jpg) no-repeat 0 0;
	background-size:cover;
	position: relative;
	z-index: 10;
}
.app-face-winner img{
	max-width:100%;
	height:auto;	
}
.app-face-winner header{
	padding:5%;
	position: relative;
	z-index: 10;
	margin-bottom:-3%;
}
.app-face-winner .winner-input{
	position: absolute;
    left: 10%;
    bottom: 7.5%;
    width: 82%;
    right: 0;
    left: 0;
    margin: 0 auto;
    padding:1% 2%;
}
.app-face-winner .winner-input input[type=tel]{
	width: 77%;
    height: auto;
    padding: 2.6%;
    border-radius:0;
    margin-right:1%;
}
.app-face-winner .winner-input input[type="image"]{
	max-width: 21%;
}
.app-face-winner .winner-area{
	width:90%;
	margin:2% auto 5%;
	background:#fff;
	box-shadow:4px -4px 0px 0px #e0f2ff;
	padding:5%;
}
.app-face-winner .winner-area .winner-list{
	position: relative;	
}
.app-face-winner .winner-area .winner-list ul{
	overflow: hidden;
	margin:5% 0;
}
.app-face-winner .winner-area .winner-list ul li{
	float:left;
	width:50%;
	text-align:center;
	margin:1% 0;
}
.app-face-winner .ccp-des{
	text-align:right;
	padding: 0 3% 3%;
	color:#4f5e69;
}
.winner-sub-title{
	position: absolute;
    top: -5%;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
    max-width: 50%;
    z-index: 9999;
}
.winner-sub-title02{
	top:-7%;	
}

/*
	영상 썸네일 재생 공통
*/
.video-play-btn{
    position: absolute;
    z-index:10;
    left: 50%;
    top: 50%;
    margin-left: -24px;
    margin-top: -17px;
}
/*======================================================
	마이아큐브 1.1 앱리뷰/페이스북 좋아요 이벤트 17-07-17	
=======================================================*/
/*마이아큐브 교환안내 161227*/
.exchangeNoti{
	width:100%; 
	height:auto; 
	position:relative;
	min-height:auto !important;
}
.exchangeNoti img{width:100%; height: auto;}
.exchangeNoti .call_button{
	background:rgba(122,122,122,0); 
	position:absolute; 
	top:65%; 
	left:30%; 
	width:40%; 
	height:6%;
}

.loading {
	position: relative;
	display: inline-block;
	top: 0;
	left: 0;
	width: 26px;
	height: 26px;
	margin: 0;
	border: 3px solid #e3e3e6;
	border-top: 3px solid #004080;
	border-radius: 50%;
	vertical-align: middle;
	animation: spinner 1s linear infinite;
}
@-webkit-keyframes spinner { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }
/*=====================================
	20-05-12 아큐브데이
=======================================*/
/*아이폰 input 초기화*/
.may-day-event input,
.may-day-event button,
.may-day-event select {
	overflow: visible;
   -webkit-appearance: none;
   -moz-appearance:none; 
   appearance:none;
   -webkit-border-radius: 0;
} 
.may-day-event{
	background:#fff;
}
.may-day-event .sub-title{
	margin-bottom:0;
}
.myAccount .visit-info{
	padding:24px 32px;
	background:#fff;
}
.myAccount .visit-info .sub-title{
	margin-bottom:24px;
	font-size:18px;
	text-align:center;
}
.myAccount .myinfo-txt p,
.myAccount .visit-info p{
	color:#222;
	padding:2px 0;
	font-size:14px;
}
.myAccount .product-info .myinfo-desc{
	padding:0 32px 24px;
	background:#fff;
	box-shadow:none;
	margin-bottom:0;
}
.day-main-title{
	margin-bottom:24px !important;
	padding:16px 0;
	background:#fff;
	text-align:center;
	border-bottom:1px solid #363636;
	font-size:18px !important;
	font-weight:bold;
}
.myAccount .myinfo-txt .day-sub-title {
	margin-bottom:5px;
	font-size:16px;
	font-weight:bold;
}
.myAccount .myinfo-txt p strong,
.myAccount .visit-info p strong{
	color:#222;
}
.btn-day-blue {
	background:#163d78;
	color:#fff;
}
.myAccount .visit-info .txt-booking-info{
	margin-top:6px;
}
.myAccount .visit-info .txt-booking-info p{
	padding:4px 0;
	font-size:12px;
	line-height:18px;
}
.myAccount .booking-list{
	margin-top:8px;
	border:1px solid #6f6f6f;
	border-radius:4px;
	padding:4px 8px;
}
.myAccount .booking-list table{
	width:100%;
}
.myAccount .booking-list tr{
	border-bottom:1px solid #bdbdbd;
}
.myAccount .booking-list tr:last-child{
	border-bottom:none;
}
.myAccount .booking-list td{
	padding:16px 0;	
}
.myAccount .booking-list td.txt-right{
	text-align:right;
}
.myAccount .booking-list td:nth-child(2){
	text-align:center;
}
.myAccount .booking-list td:first-child{
	padding-left:6px;
}
.myAccount .booking-list td:last-child{
	text-align:center;
}
.myAccount .visit-info .btn-box {
	margin-top:16px;
    justify-content: space-between;
}
.myAccount .visit-info .btn-box input[type="button"],
.myAccount .visit-info .btn-box a{
	width:100%;
	margin-top:8px;
	border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    font-weight:bold;
}
#bonusProduct td,
#productTable td{
	padding:10px 0;	
}
#bonusProduct td.txt-right,
#productTable td.txt-right{
	text-align:right;
}
#bonusProduct td:first-child,
#productTable  td:first-child{
	padding-left:6px;
}
#bonusProduct td:last-child,
#productTable  td:last-child{
	text-align:center;
}
.myAccount #productContent2 .sub-title,
.myAccount #productContent .sub-title{
	margin-top:8px !important;
}
.myAccount .myinfo-desc .booking-point {
	display: flex;
    justify-content: space-between;
    border-left:none;
    border-radius:4px;
}
.myAccount .myinfo-desc .booking-point .btn_default{
	display: block;
    float: left;
	width:50%;
	padding:0;
	background:#fff;
	border:1px solid #163d78;
	border-left:none;
	color:#163d78;
	font-size:15px;
	line-height:40px;
}
.myAccount .myinfo-desc .booking-point .btn_default:active,
.myAccount .myinfo-desc .booking-point .btn_default.on{
	background:#163d78;
	color:#fff;
}
.myAccount .myinfo-desc .booking-point .btn_default:first-child{
	border-left:1px solid #163d78;
	border-radius:4px 0 0 4px;
}
.myAccount .myinfo-desc .booking-point .btn_default:last-child{
	border-radius:0 4px 4px 0;
}
.myAccount .myinfo-desc .btn-list-del{
	display:inline-block;
	position:relative;
	width:30px;
	height:23px;
}
.myAccount .myinfo-desc .btn-list-del:before,
.myAccount .myinfo-desc .btn-list-del:after {
  position:absolute;
  top:3px;
  left:12px;
  content:' ';
  height:18px;
  width:2px;
  background-color:#333;
}
.myAccount .myinfo-desc .btn-list-del:before {
  transform:rotate(45deg);
}
.myAccount .myinfo-desc .btn-list-del:after {
  transform:rotate(-45deg);
}
#event_title h3{
	margin:8px 0 0 !important;
	padding:8px 0;
	background:#dbebf8;
	border-radius:4px;
	font-weight:bold;
	text-align:center;
}
#event_title h3 span{
	font-size:12px;
}
.may-ev-datepicke{
	padding-top:0;
	border-top:none;
}
.may-event-line{
	padding-bottom:24px;
	border-bottom:1px solid #363636;
}
.may-event-line p{
	line-height:15px;
}
.may-event-line h3{
	margin-top:0 !important;
	font-size:14px;
	font-weight:bold;
}
#event_content{
	margin-top:16px;
}
.ev-info-box{
	margin:16px 0 30px;
}
.ev-info-box p{
	line-height:18px;
}
.ev-info-txt{
	margin-bottom:5px;
	font-weight:bold;
}
.ev-f14{
	font-size:14px;
}
.booking-ccp{
	text-align:right;
}

/* 첫구매 설문조사 마케팅 동의 추가 */
.mkt_wrap ul li{
	position: relative;
    margin-top: 15px;
    line-height: 30px;
}
.mkt_wrap input[type=checkbox]{
	position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
    top: 0;
    right: 0;
}
.mkt_wrap input[type=checkbox] + label{
	display: inline-block;
    position: relative;
    padding-left: 30px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}
.mkt_wrap input[type=checkbox] + label:before{
	content: '';
    position: absolute;
    left: 0;
    top: 5px;
    width: 21px;
    height: 21px;
    line-height: 21px;
    text-align: center;
    border: 1px solid #cacece;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
}
.mkt_wrap input[type=checkbox]:checked + label:before{
/* 	content: '\2714'; */
    content: ''; /* 체크표시 유니코드 사용 */ 
	border-color: #adb8c0;
	background-image: url(/img/myacuvue/common/check-active.png);
	background-repeat: no-repeat;
	-webkit-background-size: contain;
	background-size: contain;
}
.myInfoViewDim{
	display: none;
	width: 100%;
	height: 100%;
    background-color: #000;
    opacity: 0.5;
    position: fixed;
    left: 0px;
    top: 0px;
    z-index: 1050;	
}
.myInfoViewBox{
	display: none;
    position: fixed;
    z-index: 1055;
    min-height: 15% !important;
    width: 90%;
    left: 5%;
    top: 25%;
    background: #fff;
    border-radius: 5px;
    color: #000;
    text-align: center;
}
.myInfoViewBox2{
    position: fixed;   	
	top: 2%;
    width: 96%;
    min-height: auto;
    left: 2%;
}
.myInfoViewBox > div{
	position: relative;
}
.myInfoViewBox > div > a{
    position: absolute;
    right: 20px;
    top: 10px;
    font-size: 18px;
}	
.myInfoViewBox p{
	padding: 12px 0 24px;	
	font-size: 14px;
    line-height: 25px;
}
.myInfoViewBox .myInfoViewTit{
	padding-top: 30px;	
    font-size: 16px;
}
.myInfoViewBox .agreement-con{
	padding: 0 5%;
}
.myInfoViewBox .agreement-con dl{
    overflow-y: scroll;
    height: auto;		
}

/*회원가입 약관동의 NEW*/
.clauseAgreeNew #clauseAgreeForm .join-con h2{
	margin-bottom: 30px;
    font-size: 24px;
    color: #333;
    line-height: 30px;
    font-weight: 800;	
}
.clauseAgreeNew #clauseAgreeForm .join-con .check-wrap > div{
	border: 0;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    margin-bottom: 0;
    padding: 5px 13px;
    font-size: 15px;
    line-height: 22px;
    position: relative;
    z-index: 10;	
}
.clauseAgreeNew #clauseAgreeForm .join-con .check-wrap input[type="checkbox"] + label{
    display: inline-block;
    position: relative;
    width: 87%;
    padding-left: 30px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    color: #999;
}
.clauseAgreeNew #clauseAgreeForm .join-con .check-wrap input[type="checkbox"] + label:before{
	content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 21px;
    height: 21px;
    line-height: 21px;
    text-align: center;
	border: 0;
	background-image: url(/img/myacuvue/common/check-active-off.png);
	background-repeat: no-repeat;
	-webkit-background-size: contain;
	background-size: contain;	
}
.clauseAgreeNew #clauseAgreeForm .join-con .check-wrap input[type="checkbox"]:checked + label:before { /* 체크박스를 체크했을때 */ 
	content: ''; /* 체크표시 유니코드 사용 */ 
    position: absolute;
    left: 0;
    top: 0;	
    width: 21px;
    height: 21px;
    line-height: 21px;
    text-align: center;    	
	border: 0;
	background-image: url(/img/myacuvue/common/check-active-on.png);
	background-repeat: no-repeat;
	-webkit-background-size: contain;
	background-size: contain;
}
.clauseAgreeNew #clauseAgreeForm .join-con .check-wrap > div> a i{
	color: #999;
    text-decoration: underline;
    font-weight: normal;
}
.clauseAgreeNew #clauseAgreeForm .join-con .check-wrap > div.on{
	padding: 13px;
	border: 0;
    background: #F2F3F7;
    font-weight: bold;
}
.clauseAgreeNew #clauseAgreeForm .join-con .check-wrap > div.on span{
	position: absolute;
    right: 16px;
    top: 13px;
    color: #999;
    font-weight: normal;
}
.clauseAgreeNew #clauseAgreeForm .join-con .check-wrap > div.on input[type="checkbox"] + label{
    color: #222;
}
.clauseAgreeNew #clauseAgreeForm .join-con .check-wrap > div > a{
    position: absolute;
    right: 7px;
    top: 5px;
    font-size: 12px;
    line-height: 22px;	
}

/*메인*/
.main_wrap{
	background: #013e7e;
}
.main-container{
	padding-top: 0;
	padding-bottom: 35%;
	text-align: center;
}
.main-stamp{
	display: inline-block;
	height: auto;
	margin: 0 auto;
	padding-top: 5px;
	text-align: center;
	color: #fff;
}
.main-stamp ul:after{
	display: block;
	content: '';
	clear: both;
}
.main-stamp li{
	float: left;
    width: 50px;
    height: 50px;
    background: url(/img/myacuvue/main/circle_dark_off.png) no-repeat left top;
    background-size: 100% auto;
    font-size: 16px;
    font-weight: 700;
    line-height: 50px;
    margin-left: 10px;
    margin-top: 10px;
}
.main-stamp li.on{
    width: 50px;
    height: 50px;
    background: url(/img/myacuvue/main/circle_dark_on.png) no-repeat left top;
    background-size: 100% auto;
    color: #013e7e;
}
.main-stamp p{
	padding-top: 20px;
	font-size: 22px;
    font-weight: 700;
}
.main-stamp p span{
	color: #ffe611;
}
.main-cate-box{
	 width: 100%;
	 margin-top: 30px;
}
.main-cate-box ul:after{
	display: block;
	content: '';
	clear: both;
}
.main-cate-box li{
	float: left;
	position: relative;
	width: 50%;
	height: 150px;
	border-top: 1px solid #4f7297;
	color: #fff;
    font-size: 16px;
    font-weight: 700;
	line-height: 22px;
	text-align: center;
}
.main-cate-box li:nth-child(1){
    background: url(/img/myacuvue/main/icon_membership_w.png) no-repeat center top;
    background-size: auto 100px;
}
.main-cate-box li:nth-child(2){
    background: url(/img/myacuvue/main/icon_coupon_w.png) no-repeat center top;
    background-size: auto 100px;
	border-left: 1px solid #4f7297;
}
.main-cate-box li:nth-child(3){
    background: url(/img/myacuvue/main/icon_smartorder_w.png) no-repeat center top;
    background-size: auto 100px;
	border-bottom: 1px solid #4f7297;
}
.main-cate-box li:nth-child(4){
    background: url(/img/myacuvue/main/icon_event_w.png) no-repeat center top;
    background-size: auto 100px;
	border-left: 1px solid #4f7297;
	border-bottom: 1px solid #4f7297;
}
.main-cate-box li a{
	display: block;
	width: 100%;
	height: 100%;
}
.main-cate-box li span{
    position: absolute;
    left: 0;
    bottom: 15px;
    width: 100%;
    font-size: 16px;
    font-weight: 700;
	line-height: 22px;
}
.main-cate-box li:nth-child(3) span,
.main-cate-box li:nth-child(4) span{
	bottom: 30px;
}
.main-cate-box li span i{
	color: #ffe611;
}
.main-my-store{
	padding: 20px 0;    
	color: #fff;
    font-size: 16px;
    font-weight: 500;
	text-align: center;
    line-height: 20px;
}
.main-my-store strong{
	font-size: 24px;
	font-weight: 800;
	line-height: 36px;
}
.main-my-store a{
	display: inline-block;
	margin-top: 15px;
	font-weight: 700;
    text-decoration: underline;    
}
.main-banner{
	position: fixed;
	left: 0;
	bottom: 0;	
	width: 100%;
	z-index: 100;
}
.main-banner .swiper-slide{
	display: block;
	width: 100%;
	/* height: 100px; */
}
.main_wrap .swiper-container-horizontal>.swiper-pagination{
	width: 100% !important;
}
.main_wrap .swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet{
	text-indent: -9999px;
}
.main_wrap .swiper-pagination-bullet{
    background: #ececec;
    opacity: 1;	
}
.main_wrap .swiper-pagination-bullet-active{
	width: 10px;
	height: 10px;
	background: #a7a7a7;
}

/*마이아큐브 렌즈라이프*/
.lens-life-head{
    position: relative;
    width: 100%;
    height: auto;
    padding: 40px 0;
    font-size: 18px;
    font-weight: 500;
    text-align: center;
}
.lens-life-head strong{
	font-weight: 800;
}
.lens-life-head a{
    position: absolute;
    right: 15px;
    top: 15px;
    font-size: 14px;
    text-decoration: underline;	
}
.lens-life-cont{
	padding: 10px 20px;
	background: #f2f2f2;
}
.lens-life-clear:after{
	display: block;
	content: '';
	clear: both;
}
.lens-life-clear .leftBox{
	float: left;
    width: 48%;
    background: #fff;
    text-align: center;
    border-radius: 4px;
}
.lens-life-clear .rightBox{
	float: right;
    width: 48%;
    background: #fff;
    text-align: center;
    border-radius: 4px;
}
.lens-life-clear .leftBox dt,
.lens-life-clear .rightBox dt{
    position: relative;
    border-bottom: 1px solid #e9e9e9;
    padding: 20px 0;
    font-size: 14px;
    font-weight: 800;	
}
.lens-life-clear .leftBox dd,
.lens-life-clear .rightBox dd{
	height: 150px;
	padding-top: 20px;
}
.lens-life-clear .leftBox dt a,
.lens-life-clear .rightBox dt a{
	display: inline-block;
    width: 15px;
    height: 15px;
    margin-left: 5px;
}
.lens-life-clear .leftBox dd p,
.lens-life-clear .rightBox dd p{
	color: #969696;
	line-height: 16px;
}
.lens-life-clear .rightBox dd{
	padding-top: 50px;
}
.lens-life-clear .rightBox dd strong{
    color: #003d7e;
    font-size: 22px;
    font-weight: 800;	
}
.lens-life-clear .rightBox dd p{
    padding-top: 30px;	
}
.lens-life-clear .rightBox dd.none-pattern{
	padding-top: 15px;
}
.lens-life-clear .rightBox dd.none-pattern p{
	padding-top: 0px;
}
.lens-life-calendar{
    margin-top: 10px;
    padding: 20px 10px;
    background: #fff;
    border-radius: 4px 4px 0 0;	
}
.lens-life-calendar #datepicker{
    width: 100%;
}
.lens-life-calendar .datepicker-inline{
	width: 100%;
}
.lens-life-calendar .datepicker table{
    width: 100%;
}
.lens-life-calendar .datepicker .prev, 
.lens-life-calendar .datepicker .next{
	font-size: 18px;
}
.lens-life-calendar .datepicker .datepicker-switch{
    font-size: 14px;
    color: #7f7f7f;
}
.lens-life-calendar .datepicker td, 
.lens-life-calendar .datepicker th{
    width: 43px;
    height: 43px;
    line-height: 43px;
}
.lens-life-calendar .datepicker td.old,
.lens-life-calendar .datepicker td.new{
	text-indent: -9999px;
}
.lens-life-calendar .datepicker table tr td.active:hover, 
.lens-life-calendar .datepicker table tr td.active:hover:hover, 
.lens-life-calendar .datepicker table tr td.active.disabled:hover, 
.lens-life-calendar .datepicker table tr td.active.disabled:hover:hover, 
.lens-life-calendar .datepicker table tr td.active:active, 
.lens-life-calendar .datepicker table tr td.active:hover:active, 
.lens-life-calendar .datepicker table tr td.active.disabled:active, 
.lens-life-calendar .datepicker table tr td.active.disabled:hover:active, 
.lens-life-calendar .datepicker table tr td.active.active, 
.lens-life-calendar .datepicker table tr td.active:hover.active, 
.lens-life-calendar .datepicker table tr td.active.disabled.active, 
.lens-life-calendar .datepicker table tr td.active.disabled:hover.active, 
.lens-life-calendar .datepicker table tr td.active.disabled, 
.lens-life-calendar .datepicker table tr td.active:hover.disabled, 
.lens-life-calendar .datepicker table tr td.active.disabled.disabled, 
.lens-life-calendar .datepicker table tr td.active.disabled:hover.disabled, 
.lens-life-calendar .datepicker table tr td.active[disabled], 
.lens-life-calendar .datepicker table tr td.active:hover[disabled], 
.lens-life-calendar .datepicker table tr td.active.disabled[disabled], 
.lens-life-calendar .datepicker table tr td.active.disabled:hover[disabled]{
	background: #bcfff8;
	border-radius: 100%;
	color: #000;
}
.lens-life-calendar .datepicker td.activeClass{
	background: #b7d968;
	color: #fff;
	border-radius: 0;
}
.lens-life-calendar .datepicker td.activeClass:first-child{
	border-radius: 10px 0 0 10px;
}
.lens-life-calendar .datepicker td.activeClass:last-child{
	border-radius: 10px 0 0 10px;
}
.lens-life-infobox1{
    margin-top: 1px;
    padding: 30px 15px;	
    background: #fff;
}
.lens-life-infobox1 dt{
	font-size: 16px;
    font-weight: 800;
}
.lens-life-infobox1 dd{
    margin-top: 15px;
    font-size: 14px;
	line-height: 18px;
}
.lens-life-infobox2{
    margin-top: 1px;
    padding: 30px 15px;	
    background: #fff;
	border-radius: 0 0 4px 4px;
}
.lens-life-infobox2 dt{
	font-size: 16px;
    font-weight: 800;
}
.lens-life-infobox2 dd{
    margin-top: 15px;
    font-size: 14px;
	line-height: 18px;
}
.lens-limit-btn,
.lens-life-btn{
    display: inline-block;
    width: 49%;
    height: auto;
    margin-top: 20px;
    padding: 15px 0;
    background: #003d7e;
    border-radius: 4px;
    color: #fff;
    font-size: 16px;
    text-align: center;
}
.lens-life-dim{
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #000;
    z-index: 9999;
    opacity: 0.5;	
}
.lens-life-pop{
	display: none;
    position: absolute;
    left: 4%;
    top: 2%;
    z-index: 9999;
    background: #fff;
    width: 92%;	
}
.lens-life-pop p.tit{
	padding: 14px 0;
    background: #003d7e;    
    font-size: 20px;
    color: #fff;
	text-align: center;
}
.lens-life-pop ul li{
	padding: 20px;
    border-bottom: 1px solid #ebebeb;
}
.lens-life-pop ul li:nth-child(1) span{
    display: inline-block;
    width: 25%;
	font-size: 14px;

}
.lens-life-pop ul li:nth-child(1) input[type="text"]{
    display: inline-block;
    width: 74%;
	font-size: 14px;    
}
.lens-life-pop ul li:nth-child(1) > div:nth-child(2){
	margin-top: 5px;
}
.lens-life-pop ul li:nth-child(1) > div:nth-child(3){
	margin-top: 15px;
}
.lens-life-pop ul li:nth-child(1) > div:nth-child(2) > div{
	display: inline-block;
	position: relative;
	width: 24%;
}
.lens-life-pop ul li:nth-child(1) > div:nth-child(2) > div:nth-child(3),
.lens-life-pop ul li:nth-child(1) > div:nth-child(2) > div:nth-child(4){
	margin-left: 1%;
}
.lens-life-pop ul li:nth-child(1) div:nth-child(2) > div input[type="text"]{
	width: 100%;
}
.lens-life-pop ul li:nth-child(1) div:nth-child(2) > div i{
    position: absolute;
    right: 5px;
    top: 15px;
    color: #989898;
}
.lens-life-pop ul li input[type="radio"]{
	width: 20px;
	height: 20px;
}
.lens-life-pop ul li label{
	font-size: 14px;
}
.lens-life-pop ul li dt{
	color: #003d7e;	
	font-size: 16px;
}
.lens-life-pop ul li dd{
	padding-top: 15px;
	font-size: 14px;
}
.lens-life-pop ul li dd p{
    font-size: 14px;
    line-height: 20px;	
}
.lens-life-pop .lens-life-now-prd{
	margin-top: 10px;
	width: 100%;
}
.lens-life-pop .lens-pattern-input{
	width: 25%;
    margin-left: 5px;
}
.lens-life-pop ul li:nth-child(4){
	padding: 30px 0;
	border-bottom: 0;
	text-align: center;
}
.lens-life-pop ul li:nth-child(4) > a{
	display: inline-block;
	width: 35%;
	height: auto;
	padding: 15px 0;
	border-radius: 4px;
	color: #fff;
	text-align: center;
}
.lens-life-pop-com{
	background: #003d7e;
}
.lens-life-pop-close{
	background: #666;
}
.lens-life-pop-mini{
	display: none;
    position: fixed;
    left: 15%;
    top: 40%;
    width: 70%;
    padding: 25px 0;
    background: #fff;
    border-radius: 4px;
    text-align: center;
    z-index: 9999;
}
.lens-life-pop-mini img{
	width: 15px;
	height: 15px;
}
.lens-life-pop-mini dt{
	font-size: 18px;
	font-weight: 800;
}
.lens-life-pop-mini dd{
	padding-top: 25px;
	font-size: 16px;
	line-height: 22px;
}
.lens-life-head a.btn-lens-info-input{
    display: block;
    position: initial;
    right: 0;
    top: 0;
    width: 40%;
    height: auto;
    margin: 15px auto 0;    
    padding: 14px 0;
    background: #01a1dd;
    border-radius: 4px;
    color: #fff;
    text-align: center;
    font-size: 16px;
    text-decoration: auto;	
}
.lens-life-head p{
    font-weight: 400;	
	line-height: 22px;
}

/*안경원 지정하기*/
.myAccountView .btn-box a{
	background: #003d7e;
	color: #fff;
}
#myAccountChangeBtn{
	color: #003792;
	font-size: 16px;
	font-weight: 700;
}
.accountDetailView .btn-box a{
	background: #003d7e;
	color: #fff;
}
.myAccountView .txt-blue{
	padding: 30px 0 30px;
	color: #003d7e;
    font-size: 16px;
    font-weight: bold;
}
.myAccountView .myAccount-info-txt{
    font-size: 15px;
    line-height: 20px;
}

/*쿠폰 배너 리셋*/
.coupon-banner .swiper-slide{
	display: block;
	width: 100%;
	/* height: 100px; */
}
.coupon-banner .swiper-container-horizontal>.swiper-pagination{
	width: 100% !important;
}
.coupon-banner .swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet{
	text-indent: -9999px;
}
.coupon-banner .swiper-pagination-bullet{
    background: #ececec;
    opacity: 1;	
}
.coupon-banner .swiper-pagination-bullet-active{
	width: 10px;
	height: 10px;
	background: #a7a7a7;
}

/* 화이트 모드 */
.mode-white .header-sticky{
	background: #fff;
	color: #013e7e;
}
.mode-white .header-home{
    background: url(/img/myacuvue/common/mainHomebtn_w.png) no-repeat left top;
   	background-size: 100% auto;	
}
.mode-white .menu-trigger span{
	background: #013e7e;
}
.mode-white .barcode-trigger{
	background: url(/img/myacuvue/common/barcodeIcon_w.png) no-repeat left top;
    background-size: 100% auto;
}
.mode-white .btn-basket-icon{
	background: url(/img/myacuvue/common/img_cart_w.png) no-repeat left top;
    background-size: 100% auto;
}
.mode-white .main_wrap{
	background: #fff;
}
.mode-white .main-stamp li{
    background: url(/img/myacuvue/main/circle_off.png) no-repeat left top;
    background-size: 100% auto;	
    color: #c6d4ef;
}
.mode-white .main-stamp li.on{
	background: url(/img/myacuvue/main/circle_on.png) no-repeat left top;
    background-size: 100% auto;
    color: #fff;	
}
.mode-white .main-stamp p{
	color: #013e7e;
}
.mode-white .main-stamp p{
	color: #013e7e;
}
.mode-white .main-stamp p span{
	color: #24b7d8;
}
.mode-white .main-stamp p i{
	color: #c6d4ef;
}
.mode-white .main-cate-box li{
	color: #013e7e;
}
.mode-white .main-cate-box li:nth-child(1){
    background: url(/img/myacuvue/main/icon_membership_b.png) no-repeat center top;
    background-size: auto 100px;
}
.mode-white .main-cate-box li:nth-child(2){
    background: url(/img/myacuvue/main/icon_coupon_b.png) no-repeat center top;
    background-size: auto 100px;
	border-left: 1px solid #cfd9e2;
}
.mode-white .main-cate-box li:nth-child(3){
    background: url(/img/myacuvue/main/icon_smartorder_b.png) no-repeat center top;
    background-size: auto 100px;
	border-bottom: 1px solid #cfd9e2;
}
.mode-white .main-cate-box li:nth-child(4){
    background: url(/img/myacuvue/main/icon_event_b.png) no-repeat center top;
    background-size: auto 100px;
	border-left: 1px solid #cfd9e2;
	border-bottom: 1px solid #cfd9e2;
}
.mode-white .main-cate-box li span i{
	color: #24b7d8;
}
.mode-white .main-my-store{
	color: #013e7e;
}
.mode-white .barcode-container{
	border-top: 1px solid #fff;
}
.mode-white .barcode-inner{
	background: #fff;
}
.mode-white .barcode-inner .barcode-box{
	border: 1px solid #013e7e;
}
.mode-white .barcode-no-my-Glasses span{
	color: #013e7e;
}

/*
	구매도수 제한
*/
.lens-life-box{
	padding-top: 63px;
}
.myLimitWrap{
	background: #f2f2f2;
}
.myLimitList{
    width: 100%;
    margin: 5px auto 0;
    padding: 63px 10px 30px;
    background: #f2f2f2; 
}
.limit_modify{
	display: none;
    padding-bottom: 10px;
    text-align: right;	
}
.limit_modify a{
	color: #00a3e0;
    font-size: 18px;
    font-weight: bold;	
}
.limit_modify a:hover,
.limit_modify a:active{
	text-decoration: underline;
}
.limit_list_box{
	min-height: 350px;
}
.myLimitList ul{
	margin-left: -2%;
}
.myLimitList ul li{
	position: relative;
	float: left;
    width: 48%;	
    margin-bottom: 10px;
    margin-left: 2%;   
    padding: 10% 0; 
	background: #fff;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    box-shadow: 0 0 10px rgb(0 0 0 / 13%);
    text-align: center;
}
.myLimitList ul:after{
	display: block;
	content:'';
	clear: both;
}
.myLimitList ul li span{
	position: absolute;
    left: 4%;
    top: 4%;
    font-size: 14px;
    font-weight: bold;
}
.myLimitList ul li input{
	display: none;
    position: absolute;
    right: 3%;
    top: 5%;
    width: 16px;
    height: 16px;
    border: 1px solid #777;
    border-radius: 2px;
	-webkit-appearance: auto;    
}
.myLimitList ul li p{
	font-size: 24px;
    font-weight: bold;
}
.limit_btn_box{
	display: none;
	padding-top: 5%;
	text-align: center;
}
.limit_btn_box a{
    display: inline-block;
	width: 35%;
    padding: 2% 0;
    color: #013e7e;
    background: #fff;
    border: 1px solid #013e7e;
    border-radius: 5px;
}
.limit_btn_box a.limit_btn_blue{
    background: #013e7e;
	color:#fff;
}
.limit_info_box{
    padding-top: 50px;
    font-size: 12px;
    text-align: center;    
}
.limit_info_type2{
	display: none;
}
.myLimitListModify .limit_btn_box,
.myLimitListModify ul li input{
	display: block;
} 
.bg-new-gray{
	background: #f2f2f2;
}


/*==============================================
	23-09-15 개인정보처리방침 리스트
=================================================*/
.agreement-list {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 56px;
	flex-direction: column;
}

.agreement-list h2 {
	margin-bottom: 1em;
	color: #003792;
	font-weight: 700;
	text-align: center;
}

.agreement-list h2 sup {
	top: 12px;
}

.agreement-list-table  th {
	background-color: #ebebeb;
}
.agreement-list-table  th, .agreement-list-table  td {
	border: 1px solid black;
	border-collapse: collapse;
	min-width: 170px;
	max-width: 170px;
	text-align: center;
	padding: 8px 0;
	font-size: small;
}

.agreement-list-table  td a {
	color: #003792;
}

.agreement-list-table  td a:hover {
	text-decoration:  underline !important;
}

/* 메인 팝업 추가 */
.main_hyper_dim {
	display: none;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 1000;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: 0.3;
}
.main_hyper_pop {
	display: none;
	position: fixed;
	left: 50%;
	top: 50%;
	z-index: 1100;
	width: 90%;
	height: auto;
	min-height: auto;
	background: #fff;
	border-radius: 5px;
	text-align: center;
	transform: translate(-50%,-50%);
}
.main_hyper_pop_head {
	width: 100%;
	height: 57px;
	text-align: center;
	background: #003792;
	color: #fff;
	border-radius: 6px 6px 0 0;
	font-size: 21px;
	font-weight: 700;
	line-height: 57px;
}
.main_hyper_pop_cont {
	position: relative;
	padding: 40px 0;
}
.hyper_buy_day,
.hyper_buy_one_day {
	display: none;
}
.hyper_buy_day p {
	color: #666666;
	font-size: 14px;
}
.hyper_point_info {
	margin-top: 20px;
	color: #333333;
	font-size: 16px;
	font-weight: 700;
}
.hyper_point_info strong {
	color: #00A3FF;
}
.hyper_buy_day span {
	color: #999;
	font-size: 12px;
	font-weight: 500;
	margin-top: 16px;
	display: block;
}
.hyper_buy_day button {
	display: block;
	width: 80%;
	margin: 30px auto 0;
	padding: 12px 0;
	border: 1px solid #000000;
	border-radius: 4px;
	background: #fff;
	color: #666;
	font-size: 14px;
	font-weight: 500;
}
.hyper_buy_one_day p {
	font-size: 22px;
	font-weight: 700;
	line-height: 35px;
}
.hyper_buy_one_day ul {
	text-align: left;
	padding: 32px 32px 0;
}
.hyper_buy_one_day ul li {
	padding: 25px 0 25px 65px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.05);
	color: #333;
	font-size: 16px;
	font-weight: 700;
}
.hyper_buy_one_day ul li:nth-child(1) {
	background: url(/img/myacuvue/myPopup/hyperPopup/bg_hyper_1.svg) no-repeat left 50%;
	background-size: 42px auto;
}
.hyper_buy_one_day ul li:nth-child(2) {
	background: url(/img/myacuvue/myPopup/hyperPopup/bg_hyper_2.svg) no-repeat left 50%;
	background-size: 42px auto;
}
.hyper_buy_one_day ul li:nth-child(3) {
	background: url(/img/myacuvue/myPopup/hyperPopup/bg_hyper_3.svg) no-repeat left 50%;
	background-size: 42px auto;
}
.hyper_buy_one_day a {
	width: 80%;
	margin: 50px auto 10px;
	padding: 15px 0;
	background: #003792;
	border-radius: 4px;
	color: #fff;
}
.hyper_buy_one_day button {
	background: #fff;
	color: #666;
	font-size: 14px;
	text-decoration: underline;
}
.main_hyper_pop .main_hyper_ccp {
	position: absolute;
	right: 20px;
	bottom: 10px;
	color: #C8C8C8;
	font-size: 10px;
	font-weight: normal;
}
/*==============================================
 2024-02-29 메인 > 멤버십 포인트 종료 안내 팝업
=================================================*/
.main_point_block2,
.main_point_block {
	position: fixed;
	left: 0;
	top: 0;
	z-index: 1000;
	opacity: 0.3;
	width: 100%;
	height: 100%;
	background: #000;
}
.main_point_block2 {
	z-index: 1102;
	opacity: 0.6;
}
.main_point_pop2,
.main_point_pop {
	padding: 0;
	border-radius: 16px;
	border: 0 none;
	overflow: hidden;
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: 1100;
	width: 90%;
	height: auto;
	min-height: auto;
	text-align: center;
	transform: translate(-50%, -50%);
}
.main_point_pop2 {
	z-index: 1103;
	transform: translate(-50%, -35%);
}
.main_point_pop .inner a {
	position: absolute;
	bottom: 0;
	width: 50%;
	height: 11.5%;
}
.main_point_pop2 .inner a {
	position: absolute;
	bottom: 0;
	width: 50%;
	height: 7.5%;
}
.main_point_pop2 .inner a.btn_main_point_close,
.main_point_pop .inner a.btn_main_point_close {
	right: 0;
}
.main_point_pop2 .inner a.btn_main_point_nodisplay_close,
.main_point_pop .inner a.btn_main_point_nodisplay_close {
	left: 0;
}
.main_point_pop .inner a.btn-smart-notice-view {
	top: 0;
	width: 100%;
	height: 88.5%;
}
.main_point_pop2 .inner a.btn-smart-notice-view {
	top: 0;
	width: 100%;
	height: 92.5%;
}
.main_point_pop .main_point_pop_ccp {
	position: absolute;
	right: 5vw;
	bottom: 18vw;
	padding: 0;
	margin: 0;
	color: #d5d5d5;
	text-align: right;
	font-size: 3vw;
	font-style: normal;
	font-weight: 500;
	line-height: 21px;
	letter-spacing: -0.48px;
}

.underlinebold {
	font-weight: bold;
	text-decoration: underline;
}
