@charset "UTF-8";

html, body{height: 100%;}
body{padding-bottom: 50px; box-sizing: border-box; background: url("../images/bg_login_repeat.jpg") repeat 0 0; background-size:16px;}
#content{position: relative; padding-bottom:50px;}

#footer{position:fixed; bottom: 0; width: 100%; height: 50px; background: #1a1a1a;}
#footer.focus{display: none; position:absolute; background: red;}
#footer .footer_in{position: relative;}
#footer .before_page{display: inline-block; position: absolute; top: 18px; left: 20px; width: 22px; height: 14px; line-height: 0;}
#footer .before_page img{width: 100%;}


/* 로그인 */
.loginWrp{position:fixed; width:100%; height:100%; text-align: center; background: url("../images/bg_login_repeat.jpg") repeat 0 0; background-size:16px;}
.loginWrp .loginInner{display: table; width: 100%; height: 100%;}
.loginWrp .loginInner .login_area{display: table-cell; vertical-align: middle; box-sizing: border-box;}
.loginWrp .login_bottom_area{margin:50px 0 0;}
.loginWrp .login_bottom_area img{width:100%;}

.content_top.type_login{position: relative; padding: 0 20px; width: 100%; box-sizing: border-box;}
.content_top.type_login .login_wrap{display: inline-block; padding: 0; box-sizing: border-box;}
.content_top.type_login .login_wrap .login_header_area{text-align: center;}
.content_top.type_login .login_wrap .login_header_area .logo{line-height: 0;}
.content_top.type_login .login_wrap .login_header_area .logo img{width: 100%}
.content_top.type_login .login_wrap .login_input_area{margin-top:150px;}

.content_top.type_login .login_wrap .login_input_area .input_wrap{position: relative; height: 45px; overflow:hidden; box-sizing: border-box; border-bottom: 1px solid #9c9c9c; }
.content_top.type_login .login_wrap .login_input_area .input_wrap:first-child input{border-top: 1px solid #9c9c9c;  }

.content_top.type_login .login_wrap .login_input_area .input_wrap.hidden label{display:none;}
.content_top.type_login .login_wrap .login_input_area .input_wrap label{position:absolute; left:10px; top:10px; font-size:9px; line-height:11px; color:#fff;}
.content_top.type_login .login_wrap .login_input_area .input_wrap input{padding: 0 10px; text-align: center; width: 100%; height: 45px; line-height: 45px; font-size: 14px; font-weight: 400;  letter-spacing: -0.75px; color: #fff; background: none; border:0 none; box-sizing:border-box; outline: none;}

.content_top.type_login .login_wrap .login_input_area .input_wrap.userPw{padding-bottom:6px;}
.content_top.type_login .login_wrap .login_input_area .input_wrap.userPw.hidden{padding-bottom:12px;}

.content_top.type_login .login_wrap .login_input_area .input_wrap.userPw input[type=password]{font-size:40px; margin-top:-6px;}
.content_top.type_login .login_wrap .login_input_area .input_wrap.userPw.hidden input[type=password]{margin-top:-13px;}

.content_top.type_login .login_wrap .login_input_area .input_wrap input::placeholder{color: #fff;}
.content_top.type_login .login_wrap .login_input_area .input_wrap input[type=password]::placeholder {font-size:14px; line-height:14px;}
.content_top.type_login .login_wrap .login_input_area .input_wrap input:-ms-input-placeholder{color: #fff;}
.content_top.type_login .login_wrap .login_input_area .input_wrap input[type=password]:-ms-input-placeholder{font-size:14px; line-height:14px;}
.content_top.type_login .login_wrap .login_input_area .input_wrap input::-ms-input-placeholder{color: #fff;}
.content_top.type_login .login_wrap .login_input_area .input_wrap input[type=password]::-ms-input-placeholder{font-size:14px; line-height:14px;}

.content_bottom.type_login{padding:25px 20px 0;}
.content_bottom.type_login .loginBtn{display: inline-block; vertical-align: top; width: 100%; max-width: 720px; height: 50px; line-height: 50px; font-family: 'Arial', sans-serif; font-size: 17px; letter-spacing:-1px; background: #fff; color: #000; box-sizing: border-box; text-align: center;}


/* 사용방법 및 주의사항 */
.cautionArea{}
.cautionArea .cautionContent{padding:30px 20px 20px; position: relative;}
.cautionArea .cautionContent .title_wrap{padding:0;}
.cautionArea .cautionContent .title_wrap .title{font-family: 'SDMyeongjoNeoa', sans-serif; font-size:20px; font-weight: 500; line-height:22px; letter-spacing:-0.75px; color: #fff; box-sizing: border-box;}

.cautionArea .cautionList{padding:20px 0 0; text-align:left;}
.cautionArea .cautionList.noneMT li{margin-top:0;}
.cautionArea .cautionList li{position:relative; margin:15px 0 0; padding:0 0 0 9px; font-size: 13PX; font-weight: 300; line-height: 20px; letter-spacing: -0.75px; color: #fff; box-sizing: border-box;}
.cautionArea .cautionList li:before{content:''; display:block; position:absolute; left:0; top:8px; width:3px; height:3px; background:#fff;}
.cautionArea .cautionList li:first-child{margin-top:0;}
.cautionArea .cautionList .additional{color:#999; font-size:11px;}

.cautionArea .infoCaution{margin-top:15px; font-size:11px; color:#999}

.cautionArea .cautionCheck{padding:0 20px;}
.cautionArea .cautionCheck .check_wrap{padding:15px 0 15px; line-height: 19px; border-top:1px solid #6c6c6c; border-bottom:1px solid #6c6c6c;}
.cautionArea .cautionCheck .check_wrap.lastLine{border:0 none;}
.cautionArea .cautionCheck .check_wrap input[type=checkbox]{display: none;}
.cautionArea .cautionCheck .check_wrap label{display: inline-block; vertical-align:top; position: relative; height: 19px; line-height: 19px; padding-left: 25px; font-size: 12px; font-weight: 300; color: #fff; letter-spacing:0; box-sizing: border-box;}
.cautionArea .cautionCheck .check_wrap label:before{content:''; position: absolute; left:0;top:0; width: 19px;  height: 19px; border: 1px solid #fefefe; box-sizing: border-box;}
.cautionArea .cautionCheck .check_wrap input[type=checkbox]:checked + label:before{border:0 none; background: url("../images/img_checkbox_on.png") no-repeat 0 0; background-size: 100% 100%;}

.cautionArea .caution_btn_area{padding:15px 0 80px;}
.cautionArea .caution_btn_area .caution_btn{display: inline-block; width: 100%; height:50px; font-size: 15px; font-weight: 500; line-height:50px; letter-spacing: -1px; color: #363636; background:#fff;}

/* 쿠폰함 */
.couphonArea .titleWrap{text-align: center; padding:0;}
.couphonArea .titleWrap .title{font-family: 'SDMyeongjoNeoa', sans-serif; font-size: 30px; font-weight: 500; line-height:0; letter-spacing: -0.75px; color: #fff; box-sizing: border-box;}
.couphonArea .titleWrap .title img{width:100%;}

.couphonArea .giftViewWrap{padding:3px 27px 0; text-align:right;}
.couphonArea .giftViewWrap .giftViewBtn{display:inline-block; font-weight:bold; vertical-align:top; padding:0 27px 0 0;font-size:12px; line-height:24px; color:#fff; background: url("../images/btn_gift.png") no-repeat 100% 2px; background-size:23px 23px;}
.couphonArea .giftViewWrap .giftChooseViewBtn{display:none; font-weight:bold; vertical-align:top; padding:0 27px 0 0;font-size:12px; line-height:24px; color:#fff; background: url("../images/btn_gift.png") no-repeat 100% 2px; background-size:23px 23px;}
.couphonArea.chooseView .giftViewWrap .giftViewBtn{display:none;}
.couphonArea.chooseView .giftViewWrap .giftChooseViewBtn{display:inline-block;}
.couphonArea.chooseView .couphon .giftCheck{display:block;}


.couphonArea .titleWrap.fixedHeader,
.couphonArea .giftViewWrap.fixedHeader{transition: background-color  0.45s;}
.couphonArea .titleWrap.fixedHeader{box-sizing:border-box; width:100%; position:fixed; -webkit-overflow-scrolling:touch; left:0; top:0; z-index:100; background: url(../images/bg_login_repeat.png) repeat 0 0; background-size: 16px;}
.couphonArea .giftViewWrap.fixedHeader{box-sizing:border-box; width:100%; padding-top:10px; padding-bottom:10px; position:fixed; -webkit-overflow-scrolling:touch; left:0; top:0; z-index:100; background: url(../images/bg_login_repeat.png) repeat 0 0; background-size: 16px;}


.couphonMenu{overflow:hidden; background:#333;}
.couphonMenu li{width:33.333%; float:left; }
.couphonMenu li a{display:block;text-align:center; font-size:13px; line-height:33px; letter-spacing:-1px; color:#9f9f9f;}
.couphonMenu li.on a{color:#fff; font-weight:bold;}
.couphonMenu li .num{padding:0 0 0 6px;}

.couphonArea .couphonBox{padding:10px 18px 25px 23px;}

.couphonArea .couphon{position:relative; width:100%; padding-bottom:50.23%; letter-spacing:-0.5px; }
.couphonArea .couphon:first-child{margin-top:0;}
.couphonArea .couphon.active{background: url("../images/bg_couphon_box_1.png") no-repeat 0 0; background-size:100% 100%;}
.couphonArea .couphon.designVip{background: url("../images/bg_couphon_box_vip_1.png") no-repeat 0 0; background-size:100% 100%;}
.couphonArea .couphon.designSVip{background: url("../images/bg_couphon_box_vip_2.png") no-repeat 0 0; background-size:100% 100%;}
.couphonArea .couphon.designDefault{background: url("../images/bg_couphon_box_default_1.png") no-repeat 0 0; background-size:100% 100%;}
.couphonArea .couphon.designDel{background: url("../images/bg_couphon_box_del_1.png") no-repeat 0 0; background-size:100% 100%;}
.couphonArea .couphon .couphonInfo{width:77%; height:100%; position:absolute; left:0; top:0;}
.couphonArea .couphon .couphonFrom{position:absolute; right:15px; top:15px; font-size:9px; font-weight:300; letter-spacing:-0.3px; color:#9c9c9c; text-align:right;}
.couphonArea .couphon .couphonType{margin:32px 0 0; padding:0 0 0 35px; box-sizing:border-box; font-size:9px; line-height:14px; color:#9c9c9c; background: url("../images/bu_couphon_box_1.png") no-repeat 19px 1px; background-size:14px 12px;}
.couphonArea .couphon .couphonName{padding:7px 0 0 22px; box-sizing:border-box; font-size:17px; line-height:20px; color:#323232; overflow: hidden; text-overflow: ellipsis; white-space: normal; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.couphonArea .couphon .couphonDec{padding:5px 0 0 22px; box-sizing:border-box; font-weight:bold; font-size:12px; line-height:13px; color:#bfbfbf; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.couphonArea .couphon .couphonDec{height:45px; overflow:hidden;}
.couphonArea .couphon .couphonDate{position:absolute; left:22px; bottom:25px; font-size:12px; line-height:14px; color:#959595;}

.couphonArea .couphon.designDel .couphonType{background: url("../images/bu_couphon_box_2.png") no-repeat 19px 1px; background-size:14px 12px;}
.couphonArea .couphon.designDel .couphonType.doneGift{background: url("../images/bu_couphon_box_3.png") no-repeat 19px 1px; background-size:14px 12px;}
.couphonArea .couphon.designDel .couphonFrom,
.couphonArea .couphon.designDel .couphonType,
.couphonArea .couphon.designDel .couphonName,
.couphonArea .couphon.designDel .couphonDate{color:#dfdfdf;}
.couphonArea .couphon.designDel .couphonDel .couphonUse{position:absolute; right:0; top:0; margin:0; width:23%; height:100%; font-size:0;}

.couphonArea .couphon .couphonState{width:23%; height:100%; position:absolute; right:0; top:0;}
.couphonArea .couphon .couphonState .couphonUse{margin:34px 0 0; padding:0 0 0 2px; font-size:9px; line-height:11px; text-align:center; color:#c7bc9f;}
.couphonArea .couphon .couphonState .couphonUse span{display:inline-block; padding:0 2px; color:#fff; letter-spacing:1px;}

.couphonArea .couphon .giftCheck{display:none;}
.couphonArea .couphon .couphonGift{position:absolute; right:6px; top:3px; display:inline-block; padding:10px; font-size:0; line-height:0;}
.couphonArea .couphon .couphonGift input{}
.couphonArea .couphon .couphonGift input:after{z-index:1; content:""; display:block; height:13px; width:13px; padding:0; background: url("../images/bg_gift_checkbox.png") no-repeat 0 0; background-size:13px auto;}
.couphonArea .couphon .couphonGift input:checked:after{background-position:0 -13px;}

.couphonArea .couphon.used{background: url("../images/bg_couphon_box_2.png") no-repeat 0 0; background-size:100% 100%;}
.couphonArea .couphon.used .couphonType{color:#b8b8b8;}
.couphonArea .couphon.used .couphonName{color:#b8b8b8;}
.couphonArea .couphon.used .couphonDate{color:#b8b8b8;}
.couphonArea .couphon.used .couphonState{color:#b8b8b8;}

.couphonArea .couphon.gift{background: url("../images/bg_couphon_box_3.png") no-repeat 0 0; background-size:100% 100%;}

.couphonArea .btnGiftUser{display:none; z-index:100; position: fixed; right:0; bottom:0; height:50px; padding:0 20px; line-height:50px; font-size:12px; color:#fff;}
.couphonArea .btnGiftUser.focus{display:none;}

.viewCouphon{padding:26px 20px 34px;}
.viewCouphon .couphonDetail{padding:25px 10px; border-radius:8px; background:#fff; text-align:center; font-weight:300; box-shadow:3px 0px 10px 0 rgba(101, 101, 101, 0.3);}
.viewCouphon .couphonDetail .detailTitle{padding-bottom:19px; font-size:12px; line-height:14px; letter-spacing:-0.75px; color:#8e793e;}
.viewCouphon .couphonDetail .couphonType{padding-bottom:5px; font-size:12px; line-height:14px; color:#bfbfbf;}
.viewCouphon .couphonDetail .couphonName{padding-bottom:20px; font-size:18px; line-height:20px; color:#38383a; font-weight:400;}
.viewCouphon .couphonDetail .couphonDate{font-size:11px; line-height:13px; letter-spacing:-0.3px; color:#959595;font-weight:400;}
.viewCouphon .couphonDetail .giftWrap{font-size:0; line-height:0; text-align:center;}
.viewCouphon .couphonDetail .giftWrap .giftBtn{display:inline-block; vertical-align:top; width:115px; margin:25px 2.5px 0; font-size:12px; line-height:25px; color:#fff; background:#474747;}

.viewInfo{padding:0 20px 80px;}
.viewInfo .infoTitle{padding:30px 0 20px; font-size:14px; line-height:16px; font-weight:bold; color:#fff;}
.viewInfo .infoTitle:first-child{padding-top:0;}
.viewInfo .infoText{font-size: 12PX; font-weight: 300; line-height: 18px; letter-spacing: -0.75px; color: #fff;}
.viewInfo .infoList{text-align:left;}
.viewInfo .infoList li{position:relative; margin:6px 0 0; padding:0 0 0 9px; font-size: 12PX; font-weight: 300; line-height: 18px; letter-spacing: -0.75px; color: #fff; box-sizing: border-box;}
.viewInfo .infoList li:before{content:''; display:block; position:absolute; left:0; top:8px; width:3px; height:3px; background:#fff;}
.viewInfo .infoList li:first-child{margin-top:0;}
.viewInfo .infoList .additional{color:#fff; font-size:10px;}
.viewInfo .btnCheckUser{z-index:100; position: fixed; right:0; bottom:0; height:50px; padding:0 20px; line-height:50px; font-size:12px; color:#fff;}
.viewInfo .btnCheckUser.focus{display:none;}

.viewToggle{padding:20px 0 0; }
.viewToggle li{margin:5px 0 0;}
.viewToggle li:first-child{margin-top:0;}
.viewToggle li.active .toggleTitle{background:#fff url("../images/icon_toggle_list_on.png") no-repeat 100% 50%; background-size:33px 7px;}
.viewToggle li.active .toggleDesc{display:block;}
.viewToggle .toggleTitle{padding:0 20px; font-size:13px; font-weight:bold; line-height:45px; color:#666; background:#fff url("../images/icon_toggle_list_off.png") no-repeat 100% 50%; background-size:33px 7px;}
.viewToggle .toggleDesc{display:none; margin-top:1px; padding:20px; font-size:12px; font-weight:300; line-height:20px; letter-spacing:-0.5px; background:#fff; color:#666;}
.viewToggle .toggleDesc .descTitle{font-weight:400; color:#333; padding-bottom:12px;}
.viewToggle .toggleDesc .descTitle .descMemo{font-weight: 300; color:#666;}
.searchCouphon{padding:20px 30px 30px; background:#333;}
.searchCouphon .searchCouphonTitle{font-size:14px; line-height:16px; font-weight:bold; color:#fff;}

.searchCouphonSelect{margin:22px 0 0;}
.searchCouphonSelect .selectBox{display:block; width:100%; box-sizing: border-box; padding:0 45px 0 20px; border-radius:18px; outline:none; border:1px solid #999; font-size:12px; height:35px; line-height:33px; color:#fff; background:#333; -webkit-appearance: none; -moz-appearance: none; background: url("../images/bg_select_box.png") no-repeat 100% 50%; background-size:35px 35px;}

.searchInfo{padding:0 30px;}
.searchInfo .infoTitle{padding:20px 0; font-size:14px; line-height:16px; font-weight:bold; color:#fff;}
.searchInfo .infoText{margin-top:-10px; font-size: 12PX; font-weight: 300; line-height: 18px; letter-spacing: -0.75px; color: #fff;}
.searchInfo .infoList{text-align:left;}
.searchInfo .infoList li{position:relative; margin:6px 0 0; padding:0 0 0 9px; font-size: 12PX; font-weight: 300; line-height: 18px; letter-spacing: -0.75px; color: #fff; box-sizing: border-box;}
.searchInfo .infoList li:before{content:''; display:block; position:absolute; left:0; top:8px; width:3px; height:3px; background:#fff;}
.searchInfo .infoList li:first-child{margin-top:0;}
.searchInfo .infoList .additional{display:block; color:#999; font-size:11px;}

/* 팝업 */
.pop_wrap{display: none; z-index:200; position: fixed; left: 0; top: 0; padding: 0 20px; width: 100%; height: 100%; background: rgba(0,0,0, 0.8); box-sizing: border-box;}
.pop_wrap.on{display: block;}
.pop_wrap .pop_inner{position: absolute; left: 25px; right: 25px; top: 50%; transform: translateY(-50%); background: #fff;}
.pop_wrap .pop_inner .pop_content{padding: 50px 0; box-sizing: border-box; text-align: center;}
.pop_wrap .pop_inner .pop_content .title{font-size: 20px; font-weight: 500; line-height: 22px; letter-spacing: -0.5px; color: #010101;}
.pop_wrap .pop_inner .pop_content p{margin-top: 15px; padding: 0 40px; font-size: 13px; font-weight: 400; line-height: 18px; letter-spacing: -0.5px; color: #666;}
.pop_wrap .pop_inner .pop_btn{text-align: center;}
.pop_wrap .pop_inner .pop_btn .confirm_btn{display: inline-block; width: 100%; height: 51px; line-height: 51px; font-size: 15px; font-weight: 500; letter-spacing: -0.75px; color: #fff; box-sizing: border-box; background: #5c5c5c;}
.pop_wrap .pop_inner .close_btn{position: absolute; right: 15px; top: 15px; width: 23px; height: 23px;}
.pop_wrap .pop_inner .close_btn img{width: 100%;}

.pop_wrap.type2 .pop_inner .pop_btn {font-size:0;}
.pop_wrap.type2 .pop_inner .pop_btn .confirm_btn{width:50%; color: #fff; border-top:0 none; background:#8e793e; font-weight:normal;}
.pop_wrap.type2 .pop_inner .pop_btn .cancel_btn{display: inline-block; width:50%; height: 51px; line-height: 51px; font-size: 15px; font-weight:normal; letter-spacing: -0.75px; color: #fff; border-top:0 none; box-sizing: border-box; background: #231f20;}

.pop_wrap.type2 .checkForm{overflow:hidden; margin:15px 0 0; padding:0 25px;}
.pop_wrap.type2 .checkForm .checkInput{display:inline-block; width:50%; border:1px solid #ddd; line-height:44px; box-sizing:border-box; padding:0 5px; font-size:12px;}
.pop_wrap.type2 .checkForm .checkInput:first-child{width:45%; float:left;}
.pop_wrap.type2 .checkForm .dash{float:left; width:10%; line-height:44px; text-align:center;}
.pop_wrap.type2 .checkForm .checkInput:last-child{ width:45%; float:right;}
.pop_wrap.type2 .checkForm .selectBox{display:inline-block; width:100%; border:1px solid #ddd; line-height:44px; height:46px; box-sizing:border-box; padding:0 5px; font-size:12px;}

.pop_wrap.type2 .checkForm .checkFormList{overflow:hidden;}
.pop_wrap.type2 .checkForm .checkFormList li{margin:10px 0 0; overflow:hidden;}
.pop_wrap.type2 .checkForm .checkFormList li:first-child{margin-top:0;}
.pop_wrap.type2 .checkForm .checkFormList .checkInput{display:inline-block; width:100%; float:none; border:1px solid #ddd; line-height:44px; box-sizing:border-box; padding:0 5px; font-size:12px;}
.pop_wrap.type2 .checkForm .checkFormList li.tel .checkInput{width:67%; float: right;}
.pop_wrap.type2 .checkForm .checkFormList li.tel .selectBox{width:30%; float: left;}

.pop_wrap.type3 .pop_inner .pop_content{padding-bottom:30px;}
.pop_wrap.type3 .pop_inner .pop_content .title{padding:0 0 30px;}
.pop_wrap.type3 .pop_inner .pop_content p{margin:0; padding:0 25px; text-align:left;}
.pop_wrap.type3 .pop_inner .pop_content .giftInfo{margin:15px 0 0; padding:0; color:#999999; font-size:10px;}
.pop_wrap.type3 .pop_inner .pop_content .subRow{margin:25px 0 0;}
.pop_wrap.type3 .pop_inner .pop_btn {font-size:0;}
.pop_wrap.type3 .pop_inner .pop_btn .confirm_btn{width:50%; color: #fff; border-top:0 none; background:#5c5c5c; font-weight:normal;}
.pop_wrap.type3 .pop_inner .pop_btn .cancel_btn{display: inline-block; width:50%; height: 51px; line-height: 51px; font-size: 15px; font-weight:normal; letter-spacing: -0.75px; color: #fff; border-top:0 none; box-sizing: border-box; background: #474747;}

.pop_wrap.type3 .checkForm{overflow:hidden; margin:10px 0 0; padding:0 25px;}
.pop_wrap.type3 .checkForm .checkInput{display:inline-block; width:100%; border:1px solid #ddd; line-height:44px; box-sizing:border-box; padding:0 5px; font-size:12px;}
.pop_wrap.type3 .checkForm.inputRow2 .checkInput:first-child{width:49%; float:left;}
.pop_wrap.type3 .checkForm.inputRow2 .checkInput:last-child{ width:49%; float:right;}
.pop_wrap.type3 .checkForm .selectBox{display:inline-block; width:100%; border:1px solid #ddd; line-height:44px; height:46px; box-sizing:border-box; padding:0 5px; font-size:12px;}

.pop_wrap.type3 .checkForm .checkFormList{overflow:hidden;}
.pop_wrap.type3 .checkForm .checkFormList li{margin:10px 0 0; overflow:hidden;}
.pop_wrap.type3 .checkForm .checkFormList li:first-child{margin-top:0;}
.pop_wrap.type3 .checkForm .checkFormList .checkInput{display:inline-block; width:100%; float:none; border:1px solid #ddd; line-height:44px; box-sizing:border-box; padding:0 5px; font-size:12px;}
.pop_wrap.type3 .checkForm .checkFormList li.tel .checkInput.tel2{width:32%; margin:0 1%; float: left;}
.pop_wrap.type3 .checkForm .checkFormList li.tel .checkInput.tel3{width:33%; float: left;}
.pop_wrap.type3 .checkForm .checkFormList li.tel .selectBox{width:33%; float: left;}

.btm_move_top.btn{z-index:110; display:block; outline:none; position:fixed; right:18px; bottom:65px; width:48px; height:48px; font-size:0; border-radius:50%; background:#000 url("../images/btm_move_top.png") no-repeat 50% 50%; background-size:contain;}


@media only screen 
and (device-width : 375px) 
and (device-height : 812px) 
and (-webkit-device-pixel-ratio : 3) {
    .cautionArea,
    .couphonArea .titleWrap{padding-top:50px;}
}
    
@media screen and (max-width:320px){ /* 모바일 */
	.couphonArea .couphon .couphonDec{height:30px;}
    .content_top.type_login .login_wrap .login_input_area{margin-top:100px;}
    .couphonArea .couphon .couphonName{font-size:15px; padding-top:4px;}
    .couphonArea .couphon .couphonDec{font-size:11px; padding-top:3px;}
    .couphonArea .couphon .couphonDate{font-size:11px; bottom:20px;}
}