@charset "utf-8";

#container .page-tab{clear:both;margin:0 20px}
#container .page-tab:after{content:"";display:block;clear:both}
#container .page-tab li{float:left;width:50%}
#container .page-tab li a{display:block;padding:6px 0 7px;text-align:center;font-size:13px;color:#999;line-height:19px;font-weight:500;border-bottom:2px solid #eee}
#container .page-tab li.active a{color:black;border-bottom:2px solid black}
#container .myorder-intro .page-tab{margin:-10px 20px 30px}
#container .myorder-review .page-tab{margin:15px 20px 0}

#container .period-search{position:relative;clear:both;margin:0 20px;padding:0 65px 0 0;font-size:0}
#container .period-search ul{margin:0 -65px 0 0;padding:0 1px;background:#f4f4f4}
#container .period-search ul:after{content:"";display:block;clear:both}
#container .period-search ul li{float:left;width:20%;padding:2px 1px;box-sizing:border-box}
#container .period-search ul li button{display:block;width:100%;padding:3px 0 5px;text-align:center;font-size:12px;color:#666;line-height:18px}
#container .period-search ul li.active button{box-shadow:0 0 6px 1px rgb(0,0,0,0.05);color:black;background:white}
#container .period-search input[type=text]{padding:3px 9px;font-size:12px;color:black;line-height:22px;font-weight:300;font-family:'Pretendard-Regular','Spoqa Han Sans Neo',Apple Gothic,Droid Sans,sans-serif;background-color:white;background-image:url(../imgs/global/calendar1.png);background-position:right 9px center;background-repeat:no-repeat;background-size:14px 12px}
#container .period-search .hyphen{display:inline-block;width:10px;margin:15px 0 0;padding:5px 0 7px;vertical-align:top;text-align:center;font-size:12px;color:black;line-height:18px}
#container .period-search .fake{display:inline-block;position:relative;width:calc(50% - 5px);margin:15px 0 0;vertical-align:top}
#container .period-search .fake input[type=date]{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:0;opacity:0;box-sizing:border-box;-webkit-appearance:none;outline:none;border-radius:0;border:1px solid #ddd;background:#ff000020}
#container .period-search .submit{position:absolute;bottom:0;right:0;width:60px;padding:4px 0 6px;box-sizing:border-box;text-align:center;font-size:12px;color:white;line-height:18px;border:1px solid #ddd;background:black}
#container .point-top .period-search{margin:0;border-top:20px solid white;border-bottom:5px solid white}
#container .incentive-top .period-search{margin:0;border-top:15px solid white}

#container .data-form{float:left;clear:both;width:100%;margin:13px 0 -3px;padding:0 20px;box-sizing:border-box}
#container .data-form dl{padding:8px 0 0;font-size:13px;color:black;line-height:19px}
#container .data-form dl:after{content:"";display:block;clear:both}
#container .data-form dl dt{float:left}
#container .data-form dl dd{float:right;word-wrap:break-word;text-align:right}
#container .data-form dl dd span{display:inline-block;line-height:17px;font-family:'Pretendard-Regular','Spoqa Han Sans Neo',Apple Gothic,Droid Sans,sans-serif}
#container .data-form dl dd.highlight{color:#601986;font-weight:700}
#container .data-form dl.address dt{width:0;white-space:nowrap}
#container .data-form dl.memo dt{width:73px;white-space:nowrap}
#container .data-form dl.memo dd{width:calc(100% - 73px)}

#container .insert-form{float:left;clear:both;width:100%;margin:5px 0 0;padding:0 20px;box-sizing:border-box}
#container .insert-form dl{padding:20px 0 0}
#container .insert-form dl:after{content:"";display:block;clear:both}
#container .insert-form dl dt{float:left;clear:both;width:100%;margin:-4px 0 -3px;font-size:13px;color:black;line-height:19px}
#container .insert-form dl dt span{vertical-align:top}
#container .insert-form dl dd{position:relative;clear:both;border-top:10px solid transparent}
#container .insert-form dl dd:after{content:"";display:block;clear:both}
#container .insert-form dl dd .note{position:relative;float:left;clear:both;width:100%;margin:1px 0 -3px;word-wrap:break-word;font-size:12px;color:#999;line-height:18px}
#container .insert-form dl dd .note1{float:left;clear:both;width:100%;margin:-4px 0;font-size:11px;color:black;line-height:18px}
#container .insert-form dl .telcell{font-size:0}
#container .insert-form dl .telcell input{width:calc(34% - 8px)}
#container .insert-form dl .telcell input:first-child,
#container .insert-form dl .telcell .selectDummy{width:calc(32% - 8px)}
#container .insert-form dl .telcell .hyphen{display:inline-block;position:relative;overflow:hidden;width:12px;height:35px;vertical-align:top;text-indent:-9999px}
#container .insert-form dl .telcell .hyphen:before{content:"";position:absolute;top:50%;left:50%;width:4px;height:1px;margin:-1px 0 0 -2px;background:#333}
#container .insert-form dl .emailcell{font-size:0}
#container .insert-form dl .emailcell input{width:calc(50% - 10px)}
#container .insert-form dl .emailcell .at{display:inline-block;width:20px;height:17px;padding:8px 0 10px;vertical-align:top;text-align:center;font-size:13px;color:#333;line-height:17px}
#container .insert-form dl .emailcell .selectDummy{margin:5px 0 0}
#container .insert-form dl .addresscell{font-size:0}
#container .insert-form dl .addresscell input{margin:5px 0 0}
#container .insert-form dl .addresscell input.finput,
#container .insert-form dl .addresscell input:nth-child(1){width:calc(100% - 100px);margin:0 10px 0 0}
#container .insert-form dl .couponcell{font-size:0}
#container .insert-form dl .couponcell input{width:calc(100% - 100px);margin:0 10px 0 0}
#container .insert-form dl .couponcell .text{display:inline-block;width:calc(100% - 100px);margin:0 10px 0 0;padding:7px 0 9px;vertical-align:top;font-size:13px;color:black;line-height:19px}

#container .pay-form{clear:both;overflow:hidden;margin:0 20px -3px;padding:8px 0 0}
#container .pay-form dl{padding:13px 0 0}
#container .pay-form dl:after{content:"";display:block;clear:both}
#container .pay-form dl dt{float:left;width:87px;font-size:13px;color:black;line-height:19px}
#container .pay-form dl dd{float:right;width:calc(100% - 92px);font-size:13px;color:#666;line-height:19px}
#container .pay-form dl dd span{display:inline-block;line-height:17px;font-family:'Pretendard-Regular','Spoqa Han Sans Neo',Apple Gothic,Droid Sans,sans-serif}
#container .pay-form dl dd .selectDummy .selecttext{display:block;margin:0;font-family:'Pretendard-Regular','Noto Sans KR',Apple Gothic,Droid Sans,sans-serif}
#container .pay-form dl dd .paycontent{float:left;width:100%;margin:-11px 0 0;padding:0 0 4px}
#container .pay-form dl dd .paycontent .item{float:left;width:50%;margin:11px 0 0;white-space:nowrap}
#container .pay-form dl dd .paycontent .item:nth-child(odd){clear:both}
#container .pay-form dl dd .paycontent .item input[type=radio],
#container .pay-form dl dd .paycontent .item input[type=radio]+label{margin:0 0 -1px}
#container .pay-form dl dd .paycontent .itemw{float:left;clear:both;width:100%;margin:11px 0 0;white-space:nowrap}
#container .pay-form dl dd.bankcell{margin:-6px 0 2px;font-size:0}
#container .pay-form dl dd.bankcell input{margin:5px 0 0}
#container .pay-form dl dd.telcell{clear:both;float:none;width:auto;padding:7px 0 0;font-size:0}
#container .pay-form dl dd.telcell input{width:calc(34% - 8px)}
#container .pay-form dl dd.telcell input:nth-child(1){width:calc(32% - 8px)}
#container .pay-form dl dd.telcell .hyphen{display:inline-block;position:relative;overflow:hidden;width:12px;height:35px;vertical-align:top;text-indent:-9999px}
#container .pay-form dl dd.telcell .hyphen:before{content:"";position:absolute;top:50%;left:50%;width:4px;height:1px;margin:-1px 0 0 -2px;background:#333}
#container .pay-form dl dd.bizcell{clear:both;float:none;width:auto;padding:7px 0 0 10px;font-size:0}
#container .pay-form dl dd.bizcell input:nth-child(1){width:30%;margin:0 0 0 -10px}
#container .pay-form dl dd.bizcell input:nth-child(2){width:27%;margin:0 0 0 5px}
#container .pay-form dl dd.bizcell input:nth-child(3){width:43%;margin:0 0 0 5px}
@media screen and (max-width:340px){
	#container .pay-form dl dt{width:62px}
	#container .pay-form dl dd{width:calc(100% - 67px)}
}
@media screen and (max-width:310px){
	#container .pay-form dl dt{width:87px}
	#container .pay-form dl dd{width:calc(100% - 92px)}
	#container .pay-form dl dd .paycontent .item{clear:both;width:100%}
}

#container .calc-form{float:left;clear:both;width:100%;margin:13px 0 -3px;padding:0 20px;box-sizing:border-box}
#container .calc-form dl{padding:8px 0 0;font-size:13px;color:#666;line-height:19px}
#container .calc-form dl:after{content:"";display:block;clear:both}
#container .calc-form dl dt{float:left}
#container .calc-form dl dd{float:right;word-wrap:break-word;text-align:right}
#container .calc-form dl dd span{display:inline-block;line-height:17px;font-family:'Pretendard-Regular','Spoqa Han Sans Neo',Apple Gothic,Droid Sans,sans-serif}
#container .calc-form dl dd.highlight{color:black;font-weight:500}
#container .calc-form dl.main dt{padding:1px 0 0}
#container .calc-form dl.main dd{font-size:14px;line-height:20px}
#container .calc-form dl.main dd span{line-height:18px}
#container .calc-form .parts{padding:3px 0 12px;border-bottom:1px solid #ddd}
#container .calc-form .parts:first-child{padding-top:0}
#container .calc-form .parts:last-child{margin:0 0 3px;padding-bottom:17px}
#container .calc-form .parts dl{color:#999}
#container .calc-form .parts dl.main{color:black;font-weight:500}