@CHARSET "UTF-8";

@import 'new_page_default.css';

/* layer - 20161109
---------------------------------------------------------------------*/
.layer-cover{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#000;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=40);filter:alpha(opacity=40);opacity:.4;z-index: 9100;}
.layer-cover.on{display:block}
.layer-gift{display:none;/* margin:10px; */width: 260px;/* height: 230px; */position:fixed;top:50%;left:50%;margin-left: -130px;margin-top: -135px;z-index: 9110;background: #fff;border-radius: 10px;box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.28);}
.layer-gift.on{display:block}
.layer-gift .layer-conts{padding:25px 20px;position:relative;overflow-y:auto;line-height: 19px;color:#666;text-align:center;font-size: 13px;/* font-size: 1.3rem; */letter-spacing: -1px;/* font-weight: 300; */}
.layer-gift .layer-conts .mt{margin:0 0 13px;font-weight:600;color:#000}
.layer-gift .btn-wrap{text-align:center;padding: initial;}
.layer-gift .btn-complete{background:#888}
.layer-gift .btn-complete span{display:block;padding:10px 20px;color:#fff;font-size:15px;/* font-size:1.5rem */}

.layer-inner{position:relative;padding-bottom: 20px;/* border-radius: 50px; *//* border-top-left-radius: 10px; */}
.layer-inner header{padding:0 25px;height: 39px;font-size: 16px;/* font-size:2.1rem; */line-height: 40px;text-align:center;color:#fff;font-weight:300;letter-spacing:-1px;background:#1f75d0;/* border-radius: 3px; */border-top-left-radius: 10px;border-top-right-radius: 10px;}
.layer-inner footer{padding:18px 3%;width:94%;background:#f2f2f2;border-top:1px dashed #e6e6e6;text-align:right;color:#4c4c4c;position:absolute;bottom:0;vertical-align:top}
.layer-inner .btn-close{width:25px;height:25px;background:url(../images/mentoz_incheon/btn_close.png) 0 0 no-repeat;background:url(../images/mentoz_incheon/btn_close.png) 0 0 no-repeat;-webkit-background-size:25px auto;-moz-background-size:25px auto;-ms-background-size:25px auto;background-size:25px auto;position:absolute;right:-28px;top:0}

@media screen and (min-width: 980px) {
    .layer-gift{width: 520px;/* height: 260px; */margin-left: -250px;margin-top: -130px;}
    .layer-gift .layer-conts{padding: 30px 20px 30px;font-size: 15px;/* font-size: 1.5rem; */line-height: 24px;}
    .layer-gift .layer-conts .mt{margin:0 0 18px;font-size:28px;font-size:2.8rem;letter-spacing:-2px}
    .layer-gift .btn-complete span{padding:10px 60px;font-size: 16px;/* font-size:2.2rem */}
    .layer-inner header{padding: 10px 25px;font-size: 21px;/* font-size:4.2rem; */line-height: 32px;height: 27px;}
    .layer-inner .btn-close{width:50px;height:50px;right:-60px;background:url(../images/mentoz_incheon/btn_close.png) 0 0 no-repeat;-webkit-background-size: 35px auto;-moz-background-size:50px auto;-ms-background-size:50px auto;background-size: 35px auto;}
}

/* common
---------------------------------------------------------------------*/
 /* common */
.inp {
    display: block;
    border: 0;
}
header, section, p, article {
    display: block;
    line-height: normal;
    margin: 0;
    padding: 0;
    bottom: auto;
    vertical-align: middle;
    background: none;
    border: 0;
}
.gift-color-extra{color:#228ecf}
.gift-color-expect{color:#d00239}
.gift-device-mobile{display:block;padding:10px 0}
.gift-device-desktop{display:none}
.gift{padding-bottom:50px !important;font-size:13px}
.gift .sel-box{height:43px;background-color:#fff;width:auto;border-color:#e1e1e1;left:0;}
.gift .sel-box label{height:45px;line-height:45px;font-size: 13px;color:#666;font-weight:400;}
.gift .sel-box select{width:100%;height:45px;min-height:45px;line-height:45px;padding: 0 16px 0 10px;/* font-size: 16px; */}
.gift .title{padding-top:30px;margin-bottom: 20px;text-align: center;}
.gift .title-head{margin-bottom:10px;font-size: 26px;font-weight: 400;letter-spacing:-2px;}
.gift .title-sub{font-size:14px;font-weight: 300;color:#666;line-height:21px;letter-spacing: -1px;}
.gift h4{margin-bottom:18px;padding-left: 15px;font-size:20px;font-weight:400;color:#333;letter-spacing:-2px;position:relative;}
.gift h4:before{content:'';display:block;width:3px;height: 16px;background:#228ecf;position:absolute;left: 0;top: 0;}
.gift-box{/* margin-bottom:50px; */padding: 20px 5.2%;width:89.50%;background:#f8f8f8;}
.input-comment{clear:both;padding: 10px 0 10px 0;font-size: 12px;color:#888;line-height: normal;font-weight: 400;letter-spacing: -0.05em;}
.input-comment-list{font-size: 12px;color:#666;line-height: 21px;margin-left: 15px;margin-bottom: 50px;}
.input-expire{padding-left: 14px;color:#d00239;font-size:12px;line-height:45px;font-weight:bold;}
.gift-alternative{/* padding: 0 0 50px 0; */}
.gift-alternative-text{margin-bottom:50px;/* font-size:18px; */color:#d00239;text-align:center;line-height: 21px;letter-spacing: -1px;font-weight: 400;}

.gift .btn{/* height: 44px; */padding:0;margin:0;}
.gift .btn-comfirm span{background:#228ecf}
.gift .btn-wrap{margin-bottom: 30px;text-align:center;}

.gift .btn span,.layer-gift .btn span{display:block;padding:14px 15px;font-size:13px;background:#fff;color:#fff;letter-spacing: -1px;height: 16px;/* margin: 0 1px; */}
.gift .btn-small span,.layer-gift .btn-small span{font-size:13px;padding: 4px 7px;}
.gift .btn-medium span,.layer-gift .btn-medium span{font-size:15px;height: 20px;padding: 11px 30px;}

.gift .btn-fill-enable span{border:1px solid #228ecf;background:#228ecf;color:#fff}
.gift .btn-fill-disable span{border:1px solid #b7b7b7;background:#b7b7b7;color:#fff}

.gift .btn-nude,
.layer-gift .btn-nude{border:none;background:#fff;/* margin: 0 5px; */}
.gift .btn-nude span,
.layer-gift .btn-nude span{background:#fff;border:1px solid #228ecf;color:#228ecf;}
.gift .btn-nude--warn span,
.layer-gift .btn-nude--warn span{border:1px solid red;color:red}
.gift .btn-nude--disable span,
.layer-gift .btn-nude--disable span{border:1px solid #888;color:#888}

.layer-gift .btn span{padding:8px 15px}


.gift-table{/* margin-bottom:50px; */border-top:2px solid #888;width: 100%;}
.gift-table thead{background:#f8f8f8}
.gift-table th,.gift-table td{padding: 11px 5px;text-align:center;}
.gift-table td{padding:5px 5px;letter-spacing:-1px}
.gift-table th{color:#333;font-size:13px;font-weight:400;border-bottom:1px solid #e1e1e1;background:url(../images/zestGift/seline.gif) right 50% no-repeat}
.gift-table th:last-child{background:none}
.gift-table td{/* font-size:14px; */color:#666;font-weight:300;border-bottom:1px solid #e1e1e1;/* padding: 20px; */background:#fff;line-height: 24px;}
.gift-table tr.on{display:table-row}
.gift-table tr.on td{padding:20px 0;}
.gift-table--line th,.gift-table--line td{border-right:1px solid #e1e1e1;background:none}
.gift-table--line th:last-child,.gift-table--line td:last-child{border-right:none}

/* policy  */
.gift-policy{/* margin-top:70px; */padding-top:15px;border-top:1px solid #e3e3e3;}
.gift-policy ul{text-align:center}
.gift-policy ul li{display:block;}
.gift-policy ul li a{display:block;padding: 6px 10px;/* height: 1px; */line-height: 15px;font-size:13px;color:#888;}
.gift-policy ul li:last-child a{border-right:none}

/* main */
/* .gift-main .gift-box{padding-bottom:40px} */
.gift-main dl{max-width: 520px;margin:0 auto;margin-bottom: 0;}
.gift-main dt,.gift-main dd{-webkit-transition:all .5s; transition:all .5s}
.gift-main dt{font-size: 14px;line-height: 27px;/* display: block; *//* font-weight: 600; */}
.gift-main dd{font-size:16px;}

.gift-main .gift-box{padding:0 2.2% 20px;width: 95.5%;background:none;}
.gift .dd-phone{}
.gift .dd-phone .inp{float:left;width:29.45%}
.gift .dd-phone .inp-dash{float:left;padding-top: 17px;width:5.81%;text-align:center;color: #666;}
.gift .dd-certify{}
.gift .dd-certify .inp{float:left;width:79.4%;}
.gift .dd-certify .btn-comfirm{float:left;/* margin-right:1.16%; */margin-bottom:10px;width: 20.6%;}
.gift .dd-certify .btn-certify{clear:left;float:left;width: 38.11%;}
.gift .dd-certify .input-expire{float:left;width: 43.79%;}
.gift-dl{}
.gift-dl dt,.gift-dl dd{line-height: 45px;}
.gift-dl dt{float:left;width: 21.72%;padding-right: 2%;color:#333;font-weight:400}
.gift-dl dd{float:left;width: 76.27%;color:#666;font-weight:300}
.gift .dd-address span{display:block;background: gray;}
.gift .dt-expand,.gift .dd-expand{padding-top:10px;line-height: 28px;}

.gift .inp-address-post,.gift .inp-address-first{margin-bottom:5px}
.gift .inp-address-post{float:left;width:42%}
.gift .btn-post-search{float:left;height:45px}

.gift-card{display:none}
.gift-card.on{display:block}
.gift-card-history .gift-dl,
.gift-card-history .gift-table-info,
.gift-card-info .gift-dl,
.gift-card-info .input-comment-list,
.gift-card-apply .gift-dl{margin-bottom:30px}


@media screen and (min-width:768px) {
    .gift{font-size:16px}
    .gift-main .gift-box{padding:30px 5.2% 20px;width:89.50%;background:#f8f8f8;}
    .gift-main dl{margin-bottom:40px;}
    .gift-main dt{float:left;margin-right: 1.58%;width: 16.75%;line-height:45px;}
	.gift-main dd{float:left;width: 79.67%}
	.gift .btn-wrap{margin-bottom:50px}

	.gift-table th,.gift-table td{padding: 15px 5px}
	.gift-table th{font-size:14px}
	.gift-table tr.on td{padding: 40px 0;}
	.gift .sel-box label{;font-size:16px}

	 .gift .btn-medium span,.layer-gift .btn-medium span{height:auto}
}

@media screen and (min-width:980px) {
    .gift-device-mobile{display:none}
    .gift-device-desktop{display:block}
	.gift .btn-medium span{font-size:18px;padding: 13px 50px;}

    .gift .btn-gift-extend{margin-left:10px;}

    .gift-box{padding:30px 5.20%}
    .gift .title{padding-top:50px;margin-bottom:40px;}
    .gift .title-head{font-size:38px;margin-bottom: 0;}
    .gift .title-sub{font-size:14px;}
    .gift h4{font-size:26px}
	.gift h4:before{height: 25px;top: 0px;}
    .input-comment{/* padding-bottom: 20px; */}
    .gift-main dt,.gift-main dd{padding-bottom:10px}
    .gift-main dt{width: 13.75%;font-size:16px;letter-spacing: -1px;}
    .gift-main dd{width: 84.65%}

    .gift .dt-cardnumber{background:none;padding-left:0;width: 9.27%;}
    .gift .dd-certify .inp{float:left;width:29%}
    .gift .dd-certify .btn-comfirm{float:left;margin-right:1.16%;margin-bottom:0;width:18.60%}
    .gift .dd-certify .btn-certify{clear:none;float:left;width:25.11%}
    .gift .dd-certify .input-expire{float:left;width:22.79%}

    .gift-dl dt,.gift-dl dd{padding-top:10px;/* padding-bottom: 10px; */}
    .gift-dl dt{width: 7.72%;padding-right: 2%;background: url(../images/zestGift/seline2.gif) right 25px no-repeat;}
    .gift-dl dd{padding-left: 2%;width: 37.27%;}
    .gift-dl dd .sel-box{margin-right: 30px;}

    .gift-dl--single dt{width: 8.72%;}
    .gift-dl--single dd{width: 90.27%;}
    .gift-dl--single dd .sel-box{margin-right:0}

    .gift .dt-expand,.gift .dd-expand{padding-top:10px;line-height:45px;}

    .gift .dd-address{width: 87%;}
    .gift .inp-address-post{float:left;width: 17%;}
    .gift .inp-address-first{clear:left;float:left;width:49%;margin-right:2%}
    .gift .inp-address-second{float:left;width:49%}

    .gift-alternative-text{font-size:18px;color:#d00239;text-align:center;line-height: 30px;/* letter-spacing: -1px; *//* font-weight: 400; */}

    .gift-card-history .gift-dl,
	.gift-card-history .gift-table-info,
	.gift-card-info .gift-dl,
	.gift-card-info .input-comment-list,
	.gift-card-apply .gift-dl{margin-bottom:50px}

	.gift-policy ul li{display:inline-block}
	.gift-policy ul li a{height:15px;background:url(../images/zestGift/seline2.gif) right center no-repeat}
	.gift-policy ul li:last-child a{background:none}

	.gift-account .gift-dl dt,.gift-address .gift-dl dt{background:none;width: 7.72%}
	.gift-account .gift-dl dd,.gift-address .gift-dl dd{padding-left:0}

}


.gift-tab-list{}
.gift-tab-item{float:left;width:33.3%;background:#fff}
.gift-tab-item.on{width:33.4%;background:#228ecf;color:#fff}
.gift-tab-item.on span{border:1px solid #228ecf !important}
.gift-tab-item span{display:block;padding:15px 0;text-align:center;cursor:pointer;border:1px solid #e1e1e1;border-right:none;letter-spacing: -1px;}
.gift-tab-item:last-child span{border-right:1px solid #e1e1e1;}


/*
	스터디카드 탭2개용 css 추가 2017.10.24
*/
.gift-tab-item2{float:left;width:50%;background:#fff}
.gift-tab-item2.on{width:50%;background:#228ecf;color:#fff}
.gift-tab-item2.on span{border:1px solid #228ecf !important}
.gift-tab-item2 span{display:block;padding:15px 0;text-align:center;cursor:pointer;border:1px solid #e1e1e1;border-right:none;letter-spacing: -1px;}
.gift-tab-item2:last-child span{border-right:1px solid #e1e1e1;}


.gift-card{}
.gift-history{}
.gift-info{}
.gift-apply{}