@charset "euc-kr";

/* ¸¶ÀÌÆäÀÌÁö °ü·Ã °øÅë */
.my_profile {padding: 21px 0;text-align: center;font-size: 0;}
.my_profile > p {display: inline-block;margin: 0 0 0 10px;width: 225px;font-size: 16px;color: #3c3c3b;text-align: left;vertical-align: middle;line-height: 23px;}
.my_profile > p em {padding: 2px 4px;background: #f8f6fb;font-weight: 700;color: #79559f;}

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

/* ¸¶ÀÌÆäÀÌÁö */
.mypage > ul {margin: 0 auto;width: 95%;text-align: center;border: 1px solid #ccc;box-sizing: border-box;}
.mypage > ul li {float: left;padding: 14px 0 0;width: 33.33%;height: 112px;background: rgba(227,219,238,.4);border-right: 1px solid #ccc;border-bottom: 1px solid #ccc;box-sizing: border-box;}
.mypage > ul li:nth-child(3n) {padding: 9px 0 0;border-right: none;}
.mypage > ul li:nth-child(n+4) {border-bottom: none;}
.mypage > ul li a {position: relative;display: block;height: 100%;font-weight: 800;font-size: 13px;color: #79559f;}
.mypage > ul li a span {position: absolute;left: 50%;bottom: 17px;width: 100%;transform: translateX(-50%);letter-spacing: -1px;}
.mypage .btns {margin: 15px 0 0;}

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

/* Æ÷ÀÎÆ®Á¶È¸ */
.my_point dl {margin: 0 auto;width: 95%;}
.my_point dl dt {margin: 20px 0 0;padding: 8px 14px;background: rgba(227,219,238,.4);font-weight: 800;font-size: 11px;color: #3c3c3b;line-height: 1;}
.my_point dl dt:first-child {margin: 0;}
.my_point dl dd {padding: 8px 14px;border-bottom: 1px solid #ccc;font-size: 10px;color: #3c3c3b;line-height: 1;}
.my_point dl dd span {margin: 0 0 0 40px;font-size: 11px;color: #79559f;}

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

/* ÄíÆù³»¿ª */
.my_coupon dl {margin: 0 auto;width: 95%;}
.my_coupon dl dt {margin: 20px 0 0;padding: 8px 14px;background: rgba(227,219,238,.4);font-weight: 800;font-size: 11px;color: #3c3c3b;line-height: 1;}
.my_coupon dl dt:first-child {margin: 0;}
.my_coupon dl dd {padding: 8px 14px;border-bottom: 1px solid #ccc;font-size: 10px;color: #3c3c3b;line-height: 1;}
.my_coupon dl dd p {display: inline-block;width: 40px;}
.my_coupon dl dd span {margin: 0 0 0 40px;font-size: 11px;}
.my_coupon dl dd span.chg {color: #79559f;}

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

/* ÁÖ¹®¹è¼Û, °ü½É»óÇ° °øÅë */
.my_list {padding: 15px 0 0;}
.my_list h2 {padding: 20px 0 30px;font-weight: 800;font-size: 19px;color: #79559f;text-align: center;letter-spacing: 1px;}
.list_empty {padding: 220px 0;text-align: center;font-size: 20px;color: #3c3c3b;}

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

/* ÁÖ¹®¹è¼ÛÁ¶È¸ ÆäÀÌÁö */
.order_list dl {margin: 0 auto;width: 95%;}
.order_list dl dt {margin-top: 15px;;padding: 9px 14px;background: rgba(227,219,238,.4);font-size: 11px;color: #3c3c3b;line-height: 1;}
.order_list dl dt a {float: right;font-size: 11px;color: #3c3c3b;}
.order_list dl dt a:after {content: '';display: inline-block;width: 11px;height: 11px;background: url(../img/btn_arrow_right_L_bk.png) no-repeat center / 11px auto;vertical-align: -2px;}
.order_list dl dd {display: flex;align-items: center;padding: 10px 0 15px;border-bottom: 1px solid #eee;}
.order_list dl dd > div {display: inline-block;vertical-align: middle;}
.order_list dl dd > div:nth-child(1) {padding: 4px;border: 1px solid #ccc;}
.order_list dl dd > div:nth-child(2) {margin: 0 0 0 15px;font-weight: 800;font-size: 14px;color: #3c3c3b;line-height: 24px;}
.order_list dl dd > div:nth-child(2) span {color: #79559f;}
.order_list dl dd > div:nth-child(2) .btns {text-align: left;}
.order_list dl dd > div:nth-child(2) h3 {width: 162px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}


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

/* ÁÖ¹®³»¿ª¼­ */
.order_detail h2 {padding: 20px 0 30px;font-weight: 800;font-size: 19px;color: #79559f;text-align: center;}
.order_detail dl {margin: 0 auto;width: 95%;}
.order_detail dl dt {position: relative;margin: 15px 0 0;padding: 8px 14px;background: rgba(227,219,238,.4);font-weight: 800;font-size: 11px;color: #3c3c3b;line-height: 1;}
.order_detail dl dt:first-child {margin: 0;}
.order_detail dl dt:after {content: '';position: absolute;right: 14px;top: 50%;width: 12px;height: 12px;background: url(../img/ico_noti_arrow_up.png) no-repeat center / 12px auto;transform: translateY(-50%);}
.order_detail dl dt.chg:after {background: url(../img/ico_noti_arrow_down.png) no-repeat center / 12px auto;}
.order_detail dl dd {border: 1px solid #ccc;}
.order_detail dl dd.off {display: none;}

.order_detail dl dd > ul li {padding: 8px 14px;border-bottom: 1px solid #ccc;}
.order_detail dl dd > ul li:last-child {border-bottom: none;}
.order_detail dl dd > ul li p {display: inline-block;width: 60px;font-size: 10px;}
.order_detail dl dd > ul li span {margin: 0 0 0 30px;font-size: 11px;}
.order_detail dl dd > ul li span.color {color: #79559f;}
.order_detail dl dd > ul li em {font-weight: 700;font-size: 11px;}

.order_detail dl dd > div {display: inline-block;vertical-align: middle;}
.order_detail dl dd > div:nth-child(1) {border: 1px solid #ccc;}
.order_detail dl dd > div:nth-child(2) {margin: 0 0 0 15px;font-weight: 800;font-size: 14px;color: #3c3c3b;line-height: 20px;}
.order_detail dl dd > div:nth-child(2) span {color: #79559f;}
.order_detail dl dd > div:nth-child(2) h3 {width: 147px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.order_detail .pay_btn {margin: 10px 0 10px 30px;width: 170px;height: 35px;background: #79559f;font-weight: 800;font-size: 13px;color: #fff;letter-spacing: 1px;}

/* ÁÖ¹®»ó¼¼ÆäÀÌÁö - ÁÖ¹®»óÇ° ¿µ¿ª */
.order_detail dl dd.type1 {padding: 8px;}
.order_detail dl dd.type1 > div {display:flex;align-items:center;border:none;margin: 0;font-weight: 700;font-size: 14px;color: #3c3c3b;}
.order_detail dl dd.type1 > div ~ div {margin-top: 8px;padding-top: 8px;border-top: 1px solid #ddd;}
.order_detail dl dd.type1 > div ul li {margin-top: 10px;}
.order_detail dl dd.type1 > div ul li:first-child {margin-top: 0;font-size: 14px;}
.order_detail dl dd.type1 > div ul li.price {color: #79559f;font-size: 15px;}

/* Ä«µå°áÁ¦ °áÁ¦¿äû ¹öÆ° */
.order_detail dl dd li button[onclick="kcp_AJAX();"] {display: block;margin: 0 auto;}

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

/* 1:1¹®ÀÇ */
.ask_list {margin: 0 auto;padding: 20px 0 0;width: 85%;}
.ask_list dl dt {position: relative;margin: 10px 0 0;padding: 15px 13px;border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;}
.ask_list dl dt:after {content: '';position: absolute;right: 13px;top: 50%;width: 15px;height: 15px;background: url(../img/ico_noti_arrow_down.png) no-repeat center / 15px auto;transform: translateY(-50%);}
.ask_list dl dt.chg:after {background: url(../img/ico_noti_arrow_up.png) no-repeat center / 15px auto;}
.ask_list dl dt > h3 {font-size: 11px;}
.ask_list dl dt > h3 span {color: #79559f;}
.ask_list dl dt > span {display: block;margin: 5px 0 0;font-size: 10px;}
.ask_list dl dd {display: none;padding: 0 13px 13px;border-bottom: 1px solid #ccc;}
.ask_list dl dd.off {display: block;}
.ask_list dl dd h4 {padding: 20px 0 5px;font-weight: 800;font-size: 12px;color: #79559f;}
.ask_list dl dd p {line-height: 17px;}
.ask_list .btns {margin: 30px 0 0;}

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

/* 1:1¹®ÀÇ º¸³»±â */
.ask_send {margin: 0 auto;padding: 20px 0 0;width: 90%;}
.ask_send > table {border-top: 2px solid #79559f;border-bottom: 1px solid #ccc;font-size: 10px;}
.ask_send > table tr {border-top: 1px solid #ccc;}
.ask_send > table tr:first-child {border-top: none;}
.ask_send > table tr th {background: #f8f6fb;font-weight: 800;letter-spacing: -1px;}
.ask_send > table tr td {padding: 10px;}
.ask_send > table tr td input {font-size: 10px;}
.ask_send > table tr td select {height: 38px;}
/* .ask_send > table tr td.text_cnt {height: 400px;} */
.ask_send > table tr td.text_cnt textarea {height: 300px;font-size: 11px;}
.ask_send > table tr td.text_cnt p.warn{font-size: 13px; line-height:1.2; margin-bottom:4px; color:#202020;}
.ask_send > table tr td.text_cnt p.warn span{font-size: 13px;}
.ask_send > table tr.spam span {display: block;margin: 10px 0 0;color: #79559f;}
.ask_send .info {padding: 20px 10px;font-size: 11px;color: #79559f;}
.ask_send .info p {position: relative;line-height: 18px;}
.ask_send .info p:first-child {margin: 0 0 10px;}
.ask_send .info p:before {content: '*';position: absolute;left: -7px;top: 0;}
.ask_send .btns .btn {margin: 0 10px;}

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

/* ±¸¸ÅµµÀ帮½ºÆ® */
.stamp_list {margin: 0 auto;width: 320px;}
.stamp_list .stamp_template {position: relative;padding: 30px 0 0;text-align: center;}
.stamp_list .stamp_template > img {width: 100%;}
.stamp_list .stamp_template ul {position: absolute;left: 30px;bottom: 44px; top:390px}
.stamp_list .stamp_template ul li {float: left;margin: 0 0 6px;width: 51px; height: 48px;box-sizing: border-box;overflow: hidden;}
.stamp_list .stamp_template ul li:nth-child(1),
.stamp_list .stamp_template ul li:nth-child(6) {padding: 0 0 0 8px}
.stamp_list .stamp_template ul li:nth-child(2),
.stamp_list .stamp_template ul li:nth-child(7) {padding: 0 0 0 7px}
.stamp_list .stamp_template ul li:nth-child(3),
.stamp_list .stamp_template ul li:nth-child(8) {padding: 0 0 0 3px}
.stamp_list .stamp_template ul li a {display: block;}
.stamp_list .stamp_template ul li a img {margin: 0 auto;width: 40px;}
.stamp_list .stamp_template ul li:nth-of-type(5) a img, .stamp_list .stamp_template ul li:nth-of-type(10) a img{width:40px; margin-top: 0px;}

















/*  */