@charset "euc-kr";

/**************************************************
ÇÁ·Î±×·¥ ID : mypage.css
ÇÁ·Î±×·¥ ¸í : ¸¶ÀÌÆäÀÌÁö Cascading Style Sheets
ÀÛ  ¼º   ÀÚ : 
ÃÖÃÊ ÀÛ¼ºÀÏ : 2017/08/24
ÃÖÁ¾ ÀÛ¼ºÀÏ : 
Âü°í   »çÇ× : 
**************************************************/


/* ¸¶ÀÌÆäÀÌÁö
------------------------------------------------------------------------------- */
.noticeBox {margin-top:20px; background:#fff; border:1px solid #cecece;}
.noticeBox h4, .jindan .noticeBox h5 {font-size:19px;}
.noticeBox h4 + .list01, .jindan .noticeBox h5 + .list01 {margin-top:26px;}
.noticeBox .list01 .span {margin-top: 8px; display:inline-block;}
.noticeBox .list01 .span:before {width:20px; height:5px; margin-right:10px; vertical-align:middle; display:inline-block; background:#74bddf;content:'';}
.noticeBox .list01 .span:not(:nth-of-type(1)) {margin-left:20px;}
.noticeBox .list01 li.st02 {padding-bottom:47px;}


/* ¼­ºê¸ÞÀÎ
------------------------------------------------------------------------------- */
.mypage .submain .table > * {height:300px; background-color:#fff; vertical-align:top;float:none}
.mypage .submain .table ul {border-top:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9;}
.mypage .submain .table .myinfo {width:365px;} /* 20180726 */
.mypage .submain > .board, .mypage .submain .checkUp {float:left; width:530px; height:250px;}
.mypage .board h3 {font-size:19px;}
.mypage .board h3 .btnIssue {display:inline-block;width:75px;height:25px;margin-left:10px;line-height:25px;font-size:14px;color:#fff;background:#36c6c9;}
.mypage .submain .board dl:after {clear:both; display:block; content:"";}
.mypage .submain .board dt, .mypage .submain .board dd {margin:0; padding:10px 0px; color:#222;}
.mypage .submain .board dt {clear:both; float:left; font-size:15px; border-top:0 none;}
.mypage .submain .board dt:before {display:none;}
.mypage .submain .board dd {text-align:right; font-size:19px; border-bottom:1px solid #b1b1b1;}
.mypage .submain .board dd strong {font-family:"Noto Regular";}
.mypage .submain .board dl.one dd {border-bottom:0 none;}
.mypage .submain .board .btn.change {margin-top:20px; padding:0 14px;}

.submain .myinfo {padding:32px 55px 0 55px; background-color:#078ac6 !important;}
.submain .myinfo.board dt, .submain .myinfo.board dd {color:#fff;}
.submain .myinfo.board dt:before {width:25px; height:25px; margin-right:13px; background-repeat:no-repeat; vertical-align:middle; display:inline-block; content:"";}
.submain .myinfo.board dt:first-child:before {background-image:url(/MyPage/Images/Ico/ico_myinfo01.jpg);}
.submain .myinfo.board dt:nth-of-type(2):before {background-image:url(/MyPage/Images/Ico/ico_myinfo02.jpg);}
.submain .myinfo.board dt:nth-of-type(3):before {background-image:url(/MyPage/Images/Ico/ico_myinfo03.jpg);}
.submain .myinfo.board dd {font-size:15px; border-bottom-color:rgba(255,255,255,0.2);}
.submain .myinfo.board dd:last-child {border-bottom:0 none;}
.submain .myinfo .btn {width:100%; background-color:#0c77a9;}
.submain .linkArea {width:255px; padding:26px 37px 19px 37px;}
.submain .linkArea li {margin-bottom:7px;}
.submain .linkArea li a { font-size:14px; display:block;}
.submain .linkArea li a:before {width:55px; height:55px; margin-right:19px; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; border:2px solid #b6b6b6; background-repeat:no-repeat; background-position:50%; vertical-align:middle; display:inline-block; content:"";}
.submain .linkArea li:first-child a:before {background-image:url(/MyPage/Images/Ico/ico_mydata01.png);}
.submain .linkArea li:nth-of-type(2) a:before {background-image:url(/MyPage/Images/Ico/ico_password01.png);}
.submain .linkArea li:nth-of-type(3) a:before {background-image:url(/MyPage/Images/Ico/ico_delivery01.png);}
.submain .linkArea li:nth-of-type(4) a:before {background-image:url(/MyPage/Images/Ico/ico_delivery02.png);}
.submain .linkArea li:nth-of-type(5) a:before {background-image:url(https://pic.neungyule.com/ichallenge/pc/mypage/ico_myreview.png);}
.submain .mycommunity {margin-right:20px;}
.submain .myqna dl dd mark {padding:0 14px; font-size:14px; color:#fff; background-color:#c8c8c8; line-height:25px;}
.submain .myqna dl dd mark.complete {background-color:#36c6c9;}
.submain .myqna dt a {max-width:350px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; display:block;}
.submain .myqna div.none {height:148px; color:#222; border-color:#b1b1b1;}
.submain .checkUp, .submain .checkUser {clear:both; height:145px !important; margin-right:20px;}
.submain .checkUp h3 {margin:30px 35px 0 0; padding:0 48px; border-right:1px solid #bbb; vertical-align:top; display:inline-block;}
.submain .checkUp h3:before {width:45px; height:44px; margin:0 auto 17px auto; background:url(/MyPage/Images/Ico/ico_check01.png) 50% no-repeat; display:block; content:"";}
.submain .checkUp a {margin:20px 14px 0 0; text-align:center; display:inline-block;}
.submain .checkUp a:before {width:81px; height:81px; margin-bottom:5px; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; display:block; content:"";}
.submain .checkUp a:nth-of-type(1):before {background:url(/MyPage/Images/Ico/ico_step01.png) #f6d7a8 50% no-repeat;}
.submain .checkUp a:nth-of-type(2):before {background:url(/MyPage/Images/Ico/ico_step02.png) #bce1b8 50% no-repeat;}
.submain .checkUp a:nth-of-type(3):before {background:url(/MyPage/Images/Ico/ico_step03.png) #eac7f3 50% no-repeat;}
.submain .shortcut {display:inline-block;width:255px; height:310px; padding-top:30px; text-align:center;}
.submain .shortcut.myprint {margin-right:20px;}
.submain .shortcut figure img {vertical-align:top;}
.submain .shortcut figure figcaption {padding:15px 0 13px 0; display:block;}

/*  2018-07-26 Ãß°¡ */
.submain .myGrade {float:left; width:530px; height:250px;margin:20px 20px 0 0}
.submain .myGrade > div {float:left;width:260px;margin-top:30px;text-align:center;}
.submain .myGrade > div a {display:inline-block;height:100%;}
.submain .myGrade .benefitBox {width:190px;height:120px;}
.submain .myGrade .benefitBox div {width:155px;}
.submain .myGrade .benefitBox:before {content:'';float:right;display:inline-block;width:1px;height:83px;margin-top:9px;background:#bbb;}
.submain .myGrade .benefitBox strong {margin-bottom:25px;/*display:inline-block;width:65px;height:65px;line-height:65px;border-radius:50%;background:#e60000;color:#fff;text-align:center;font-size:18px;font-family:'Noto Bold';*/}
.submain .myGrade .benefitBox a {float:left;display:inline-block;width:155px;height:30px;line-height:30px;border:1px solid #d9d9d9;text-align:center;font-size:14px;color:#222;}
.submain .myGrade a dl {display:inline-block;padding-top:72px;margin:0 20px;background: url('/MyPage/Images/Ico/ico_grade01.png') 50% 0 no-repeat;}
.submain .myGrade a:nth-child(2) dl {background: url('/MyPage/Images/Ico/ico_grade02.png') 50% 0 no-repeat;background-size:100% auto;}
.submain .myGrade.board dl dt {float:none;padding:0;line-height:17px;font-size:17px;color:#222;text-align:center;}
.submain .myGrade.board dl dd {padding:0;line-height:30px;font-size:17px;color:#1dbdc3;font-family:'Noto Bold';border-bottom:none;text-align:center;}

.submain .myCoupon{float:left; width:530px; height:250px;margin:20px 0 0}
.submain .myCoupon > div {cursor:pointer;}
.submain .myCoupon ul {overflow:hidden;margin-top:30px;}
.submain .myCoupon ul li {float:left;width:33.3%;text-align:center;}
.submain .myCoupon ul li dl {display:inline-block;min-width:70px;padding-top:75px;background: url('/MyPage/Images/Ico/ico_coupon01.png') 50% 0 no-repeat;}
.submain .myCoupon ul li:nth-child(2) dl {background: url('/MyPage/Images/Ico/ico_coupon02.png') 50% 0 no-repeat;}
.submain .myCoupon ul li:nth-child(3) dl {background: url('/MyPage/Images/Ico/ico_coupon03.png') 50% 0 no-repeat;}
.submain .myCoupon.board dl dt {float:none;padding:0;line-height:17px;font-size:17px;color:#222;text-align:center;}
.submain .myCoupon.board dl dd {padding:0;line-height:30px;font-size:17px;color:#1dbdc3;font-family:'Noto Bold';border-bottom:none;text-align:center;}
/*  end 2018-07-26 Ãß°¡ */

.submain .myqna {clear:both;margin:20px 0 0}
.btm_board {text-align:center}

.submain .board{float:left; width:530px; height:250px}

/* º»ÀÎÀÎÁõ
------------------------------------------------------------------------------- */
.auth .board {padding-top:47px;}
.auth .board h3 {padding-bottom:29px;}
.auth .board h3 span {margin-left:20px; font-size:15px; color:#777; vertical-align:top;}
.auth dl {clear:both; width:360px; height:100px; margin:70px auto 100px auto; overflow:hidden;}
.auth dl > dd {float:left; margin-top:10px;}
.auth dl > dd:last-child {margin:-40px 0 0 10px;}
.auth dl > dd input {width:240px;}
.auth dl > dd .btn {width:110px; height:90px; padding:0; font-size:19px;}


/* ȸ¿øÁ¤º¸¼öÁ¤
------------------------------------------------------------------------------- */
/*.form > form > fieldset > div:nth-of-type(1) {padding-bottom:34px;}
.form .cont03 + .cont03 {margin-top:0; border-top:0;}
.form .cont03 h3 {margin-bottom:30px;}
.form p.note {margin-top:8px; color:#999;}
.form ul.note {margin-top:10px !important; color:#999;}
.form dl.regist {padding-bottom:0; border-bottom:0;}
.form dl.regist > dt.part, dl.regist > dt.part + dd {margin-top:24px; padding-top:29px;}
.form dl.regist > dt.part + .joinAgree.txt {padding-top:32px; color:#777;}
.form dl.regist > dd + dd {padding-left:200px;}
.form dl.regist > dt.part + dd.txt {padding-top:33px;}
.form dl.regist > dt.relation + dd select.st03 {max-width:305px !important;}
.form dl.regist > dd input[readonly] {padding:0; border:0; line-height:40px;}
.form dl.regist > dd .btn + em.note {margin-left:17px;}
.form dl.regist > dd.name a {margin-top:12px; margin-left:0;}
.form dl.regist > dd.name em {position:relative; top:8px;}
.form dl.regist > dd.address input[readonly] {padding:0 20px;border:1px solid #e0e0e0;}
.form dl.regist .character {padding:0 5px 0 2px; display:inline-block;}
.form dl.regist .character + input:not(:first-child) {margin-left:0;}
.form dl.regist .joinAdd input {margin-top:10px; margin-left:0;}
.form dl.regist .joinAdd input:first-of-type {margin-top:0;}
.form dl.regist .btn.st05 {padding:0 30px;}
.form dl.regist .joinAdd .btn {width:139px;}
.form .name span {display:block;}.form .birth.txt {margin-left:30px; padding-top:8px; display:inline-block;}
.form .expirydate p {margin-top:8px;}
.form .agree.txt p {margin-bottom:11px;}
.form .agree.txt p.note {margin-top:9px;}
.form .tabArea .tabCont {padding-top:48px;}
.form .tabCont > div.cont03:first-child {padding-top:0;}
.form .tabCont > div:not(:first-child) {border-top:1px solid #d9d9d9;}
.form .tabCont > p {margin:0 34px; padding:90px 0 100px 0; text-align:center; line-height:25px; border-top:1px solid #d9d9d9;}
.form .tabCont .btnR {margin:0 34px; padding:20px 0 49px 0; }
.form .tabCont .cont03 {border-top:1px solid #cecece;}
.form .tabCont .cont03:first-of-type {padding-top:0;border-top:0;}
.form .tabCont .cont03 > h5 {margin-bottom:30px; font-family:"Noto Regular"; font-size:19px; color:#222;}
.form .tabCont dl.regist dd #childAddCheck {margin-left:20px !important;}
.form .tabCont div.none {border:0;}
.form .tabCont div.none p {border-top:1px solid #d9d9d9;}
.form .child .btnR {margin:30px 0 0 0; padding-bottom:0; border-top:1px solid #d9d9d9;}
.form .nameAuth {margin-top:14px; padding:15px 20px; background:#efefef; display:none;}
*/

/* ºñ¹Ð¹øÈ£ º¯°æ
------------------------------------------------------------------------------- */
.password dl.regist {border-bottom-width:1px;}
.password .newPw {position:relative;}
.password dt.newPw, .password dt.newPw + dd {margin-bottom:31px;}
.password dd.newPw {padding-bottom:31px; overflow:inherit;}
.password .newPw .note {position:absolute; bottom:-4px; left:20px; width:110%;}


/* ÁÖ¹®Á¤º¸°ü¸®, ¹è¼ÛÁ¤º¸°ü¸®
------------------------------------------------------------------------------- */
.order.issue dl.search.st03 dt:nth-of-type(1), .profile.delivery dl.search.st03 dt:nth-of-type(1) {width:65px;}
.order.issue .cont03:nth-of-type(3), .order.issue .cont03:nth-of-type(4), .profile.delivery .cont03:nth-of-type(3) {margin-top:0; border-top:0;}
.order.issue h3, .profile.delivery h3 {margin-bottom:28px;}
.order.issue h3{font-size:20px;font-weight:800}
.order.issue dl.regist, .profile.delivery dl.regist {padding:0; border:0;}
.order.issue dl.regist dt:not(:last-of-type) {margin-top:0;}
.order.issue dl.regist dd:not(:last-of-type) {width:156px; margin-top:0;}
.order.issue dl.regist dd > a {width:154px; margin-top:8px; display:block;}
.order.issue ol.list01 li {line-height:30px;}
.order.issue ol.list01 li:not(:first-child) {margin-top:24px;}
.order.abc dl.search.st03, .profile.delivery.abc dl.search.st03 {padding:40px 185px;}
.order table.data + table.data {margin-top:20px;}

.order.issue .cont03.delivery_con{margin:50px auto;border-bottom:1px solid #ccc}
.order.issue .cont03.delivery_con dl.regist{border-top:1px solid #ccc}
.order.issue .cont03.delivery_con dl.regist > dt{height:65px;line-height:65px;clear:both;font-size:15px;font-weight:600;background:#F2F2F2;border-top:1px solid #fff;text-align:center;margin:0}
.order.issue .cont03.delivery_con dl.regist > dt:first-child, .order.issue .cont03.delivery_con dl.regist > dd:first-child{border:0}
.order.issue .cont03.delivery_con dl.regist dd{width:900px;height:65px;border-top:1px solid #eee;margin:0}
.order.issue .cont03.delivery_con dl.regist dd:not(:last-of-type){width:900px;height:65px;line-height:65px;border-top:1px solid #eee;margin:0}
.order.issue .cont03.delivery_con dl.regist dt.last, .order.issue .cont03.delivery_con dl.regist dd.last{height:100px;}
.order.issue .cont03.delivery_con dl.regist dt.last{line-height:100px}

/* ¹è¼ÛÁ¤º¸°ü¸®
------------------------------------------------------------------------------- */
.profile.delivery .cont05 {margin-top:30px;}
.profile.delivery .cont02 {margin:20px auto 0;padding:40px 0 0;width:1080px;}
.profile.delivery dl.regist + .btnR {padding-top:20px; border-top:1px solid #d9d9d9;}
.profile.delivery .btnR button + button {margin-left:3px;}
.profile.delivery.abc dl.search.st03 dt:nth-of-type(1) {width:inherit;}


/* ¸¶Àϸ®Áö
------------------------------------------------------------------------------- */
.mileage dl.info {padding:39px 32px 25px 32px;color:#fff; background:#078ac6;}
.mileage dl.info:after {width:100%; height:4px; margin-top:16px; background:rgba(255,255,255,0.30); display:block; content:'';}
.mileage dl.info dt {float:left; margin-right:20px;}
.mileage dl.info dt h3 {font-family:"Noto Regular"; font-size:25px; color:#fff;}
.mileage dl.info dd {display:inline-block;}
.mileage dl.info dd:last-child {float:right; margin-top:-4px;}
.mileage dl.info .btn {padding:0 18px;}
.mileage.contents > .mileageBoard {margin-top:0; margin-bottom:30px; border-top:0; overflow:hidden;}
.mileage .mileageBoard dl {float:left; width:50%; margin-left:-1px; padding:12px 35px 24px 35px; border-left:1px solid #cecece;}
.mileage .mileageBoard dt {padding-bottom:13px; border-bottom:1px solid #d9d9d9;}
.mileage .mileageBoard dt:before {position:relative; top:13px ;height:41px; background-position:0 0; background-repeat:no-repeat; display:inline-block; content:"";}
.mileage .mileageBoard dl:first-child dt:before {width:55px; margin-right:16px; background-image:url(/MyPage/Images/Ico/ico_mileage01.gif);}
.mileage .mileageBoard dl:last-child dt:before {width:41px; margin-right:20px; background-image:url(/MyPage/Images/Ico/ico_mileage02.gif);}
.mileage .mileageBoard dd {float:right; margin-top:-41px; font-family:"Noto Regular"; font-size:19px; color:#222;}
.mileage .policy h3 {padding-bottom:27px; font-size:19px; border-bottom:1px solid #d9d9d9;}
.mileage .policy .btn {margin-top:-50px;}
ol.list01 {margin-top:9px;}
ol.list01 li {height:30px; padding-top:8px; line-height:21px; vertical-align:middle;}
ol.list01 li:not(:first-child) {margin-top:24px;}
ol.list01 li .em01 {color:#222;}
ol.list01 li.st01 {padding-top:0;}
ol.list01 ul.list01 li {min-height:auto; margin-top:0;}

.mileage table.data + p.note {margin:10px 0 5px 0;}
.mileage p.note + .paging {margin-top:25px;}
.mileage .tbHead {margin-top:14px; margin-bottom:10px;}
.mileage .tbHead .point {color:#078ac6;}
.mileage .tbHead em {font-family:"Noto Regular"; color: #222;}


/* ÇнÀÄÚ½º µî·Ï/º¯°æ
------------------------------------------------------------------------------- */
.course ol.list01 {margin-top:29px;}
.course ol.list01 li:last-child {padding-top:0;}
.course ul.list01 {margin-top:12px;}
.course dl.regist {border-bottom:1px solid #d9d9d9;}
.course dl.regist + dl.regist {border-top:0;}
.course dl.regist dd:not(:last-of-type) {width:156px;}
.course .status h3 {float: left; margin-right:20px;}
.course .status h3 + p {margin-bottom:24px;}
.course .status .btnR {padding-bottom:20px;}
.course .list {margin-top:-21px;}


/* ³ªÀÇ qna*/
.myqna td a {width:460px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; display:block;}
.myqna .detailCont {border-bottom:0;}
.myqna .addImage {padding:17px 0;border-bottom:1px solid #d9d9d9; background:url(/Images/Etc/dotline04.gif) 0 0 repeat-x;}
.myqna .answer {margin-top: -1px;}
.myqna .answer dt {position:relative; padding:0 6px 30px 6px; border-bottom:1px solid #d9d9d9;}
.myqna .answer dt:before {position:absolute;top:4px; left:-34px; width:30px; height:10px; background-color:#83c4e2; display:block; content:'';}
.myqna .answer dd {padding:45px 0; border-bottom:1px solid #d9d9d9;}
.myqna .btnR {margin-top:-1px; padding:20px 34px 49px 34px; border-top:0;}



/* Áø´Ü
------------------------------------------------------------------------------- */
.jindan .tabjindan  {background:transparent;}
.jindan .tabjindan .cont01 {border:0; background:transparent;}
.jindan .tabjindan .cont03 {padding-bottom:34px; border:1px solid #d9d9d9;background:#fff;}
.jindan .tabjindan .subCont > .cont03:first-of-type {border-top:0;}
.jindan table.test tbody tr td:nth-child(2) {text-align:left;}
.jindan ul.list01 {margin-bottom:26px;}
.jindan .search {margin-bottom:12px;}
.jindan dl.search.st03 {padding-left:68px;}
.jindan dl.search.st04 {text-align:center;}
.jindan dl.search.st04.em01 {padding:40px 39px;}
.jindan dl.search.st04.em01 dt {margin-right:18px;}
.jindan dl.search.st04.em01 > dt:not(:nth-of-type(1)) {margin-left:18px;}
.jindan dl.search.st04.em01 > dd {margin-right:8px;}
.jindan dl.search.st04.em01 > dd:nth-of-type(3) {width:108px;}
.jindan dl.search.st04.em01 > dd:last-of-type {margin-right:0;}
.jindan dl.search.st04.em01 > dd:nth-of-type(4) select, .jindan dl.search.st04.em01 > dd:nth-of-type(4) .select2 {width:144px;}
.jindan .board {float:left; width:530px; margin-top:20px;}
.jindan .board:not(:nth-of-type(1)) {margin-left:19px;}
.jindan .board h4 {margin-bottom:25px; padding-bottom:29px; font-size:19px; border-bottom:4px solid #d9d9d9;}
.jindan .board table.test > thead th:first-of-type {padding-left:10px; text-align:left;}
.jindan .board table.test.ty01 > thead th:first-of-type:after,
.jindan .board table.test.ty02 > thead th:first-of-type:after {position:absolute; bottom:-2px; right:0; height:2px; background:#fff; display:block; content:'';}
.jindan .board table.test.ty01 > thead th:first-of-type:after {width:90px;}
.jindan .board table.test.ty02 > thead th:first-of-type:after {width:200px;}
.jindan .board table.test.ty01 > tbody th,
.jindan .board table.test.ty02 > tbody th {text-align:left;}
.jindan .board table.test.ty01 > tbody td,
.jindan .board table.test.ty02 > tbody td {text-align:center;}
.jindan .board table.test td:first-of-type {padding-left:10px; text-align:left; color: #777;}
.jindan .board table.test td {color:#ccc;}
.jindan .note strong.point {font-family:"Noto Regular"; color:#222;}
.jindan tbody th {position:relative;}
.jindan .gTipbox {position:absolute; top:17px; left:95px; width:355px; padding:25px 30px; background:#fff; border:1px solid #d9d9d9; z-index:10;}
.jindan .gTipbox .tit {display:block; margin-bottom:11px; font-family:"Noto Regular"; font-size:19px; color:#222;}
.jindan .gTipbox .btnC {margin-top:14px;}
.jindan .tip {margin-left:10px;vertical-align: middle;}
.jindan .tip img {line-height:0; vertical-align:top;}
.jindan.view .result.table > * {width:50%; padding:34px 34px 28px 34px;}
.jindan.view .result.table > *:first-child {padding-top:33px; border-right:0 none;}
.jindan.view .result.table > *:last-child {padding-left:30px; padding-right:30px;}
.jindan.view .result.table > *:last-child, .jindan.view .result.table > *:last-child h4 {text-align:center;}
.jindan.view .result.table > *:last-child:before {width:130px; height:130px; margin:0 auto 20px auto; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; background:url(/Images/Ico/ico_brief03.png) 50% 50% no-repeat #ff8d8d; display:block; content:"";}
.jindan.view .result.table h4 {margin-bottom:10px; font-size:19px;}
.jindan.view .result.table > *:first-child p {height:51px; margin-bottom:29px; border-bottom:1px solid #d9d9d9;}
.jindan.view .result.table > *:first-child p strong {font-family:"Noto Regular"; color:#078ac6;}
.jindan.view ul.list01.em01 {margin-bottom:0;}
.jindan.view ul.list01.em01 li {margin-top:5px;}
.jindan.view h5 {font-size:19px;}
.jindan.view .subCont .cont03 {margin-top:-1px;}
.jindan.view .subCont .info {text-align:center; color:#222;}
.jindan.view .graph + dl.data {padding-top:11px; border-top:1px solid #d9d9d9;}
.jindan.view .table .graph object {margin-left:-18px;}
.jindan.view .table .graph + div {width:476px; padding:0 0 6px 6px;}
.jindan.view .table .graph + div div {width:100%; height:282px; border:1px solid #d9d9d9; display:table;}
.jindan.view .table .graph + div div p {padding:28px 34px; vertical-align:middle; display:table-cell;}
.jindan.view h5 + table {margin-top:30px;}
.jindan.view table + table {margin-top:10px;}
.jindan.done .tabCont {margin-top:30px; padding:0 34px 39px 34px; text-align:center; border-top:1px solid #d9d9d9;}
.jindan.done .done {height:286px;}
.jindan.done .done + p {margin-top:-27px;}


/* Áõºù¼­·ù
------------------------------------------------------------------------------- */
.document table + p.note {margin-top:15px; margin-bottom:45px;}
div.ui-datepicker {border:1px solid #ccc; background:#fff;}
div.ui-datepicker .ui-datepicker-next .ui-icon {right:86px;}
div.ui-datepicker .ui-datepicker-prev .ui-icon {left:92px;}
table.ui-datepicker-calendar {margin:0 10px 10px 10px;}

/* ȸ¿øÅ»Åð
------------------------------------------------------------------------------- */
.withdraw .tabArea  {background:transparent;}
.withdraw > form > fieldset > .tabArea .tabCont.cont01 {margin-top:30px; background:#fff; }
.withdraw .tabCont .board {padding:0; overflow:hidden;}
.withdraw .tabCont .cont {float:left; width:50%; height:202px; padding:34px 35px;}
.withdraw .tabCont .cont:not(:first-of-type) {padding:55px 90px;border-left:1px solid #cecece;}
.withdraw .board dl > dd {float:left; margin-bottom:10px; padding:0;}
.withdraw .board dl > dd:last-child {float:right; margin-top:-50px;}
.withdraw .board dl > dd:last-child .btn {width:109px;}
.withdraw .board dl > dd input {width:240px;}
.withdraw .tabCont .info:before {width:43px; height:47px; margin-bottom:15px; background:url(/MyPage/Images/Ico/ico_account01.png) 0 0 no-repeat; display:block; content:'';}
.withdraw .noticeBox li > strong {margin-bottom:3px; font-family:"Noto Regular"; color:#222; display: block;}
.withdraw ol.list01 li {min-height:30px;height:auto;}
.withdraw ol.list01 li:not(:first-child) { margin-top:14px;}
.withdraw ol.list01 ul.list01 li {min-height:auto; margin-top:0; padding-top:0; color:#777;}
.withdraw .btnC {margin-top:30px;}

.withdraw.profile .board dl.info03.st02 > dd {float:none; margin-top:0; margin-bottom:5px;}
.withdraw.profile .tabCont .cont:not(:first-of-type) {padding:43px 35px;}

.withdraw.form .table {width:1012px; margin:0 34px 24px 34px; padding-top:24px; border-top:1px solid #d9d9d9;}
.withdraw.form .table div {vertical-align: top;}
.withdraw.form .table li {margin-bottom:4px;}
.withdraw.form .tabCont .board h4 {margin:34px 34px 0 34px; font-size:19px;}
.withdraw.form .tabCont .board h4 + p  {margin:14px 34px 25px 34px;}
.withdraw.form textarea {width:460px; height:37px; margin:5px 0 0 28px; padding:7px 15px;}

.withdraw.done .board {padding-bottom:44px; text-align:center;}
.withdraw.done h4 {margin-bottom:14px; font-size:19px;}
.withdraw.done h4:before {position:relative; left:-10px; width:206px; height:113px; margin:49px auto 25px; background:url(/MyPage/Images/Ico/ico_account02.png) no-repeat 0 0; display:block; content:'';}
.withdraw.done p + p {margin-top:10px;}

/* ³ªÀÇ µî±Þ
------------------------------------------------------------------------------- */

.gradeMark {display:inline-block;width:62px;height:62px;padding:0;line-height:62px;border-radius:50%;color:#fff;text-align:center;font-size:16px;font-family:'Noto Bold';}
.gradeMark.vvip {background:#1dbdc3;}
.gradeMark.vip {background:#e60000;}
.gradeMark.gold {background:#cbaf88;font-size:15px;}
.gradeMark.silver {background:#c8c8c8;font-size:15px;}
.gradeMark.welcome {background:#222;font-size:12px;}

.grade .contents > div {margin-top:0;}
.grade .board {overflow:hidden;}
.grade .board > p {padding-bottom:14px;font-family:'Noto Regular';font-size:26px;text-align:left;border-bottom:4px solid #ddd;color:#0c0c0c;}
.grade .board > p strong {font-family:'Noto Bold';}
.grade .board div p {margin-left:70px;line-height:30px;font-size:18px;color:#0c0c0c;}
.grade .board div p strong {font-family:"Noto Bold";font-size:30px;}
.grade .board div p strong.ft18 {font-size:18px;}
.grade .board .boardCon {display:table;width:100%;padding:30px 0 35px;}
.grade .board .boardCon > div {display:table-cell;vertical-align:middle;}
.grade .board .boardCon > div input {float:right;display:inline-block;width:145px;height:30px;background:#fff;border:1px solid #d9d9d9;cursor:pointer;font-size:14px;font-family:'Noto Light';color:#222;}
.grade .board .gradeChk {width:505px;padding-right:70px;border-right:1px solid #d9d9d9;}
.grade .board .gradeChk > div {display:table;width:100%;}
.grade .board .gradeChk > div div {display:table-cell;vertical-align:middle;}
.grade .board .gradeChk .markBox {width:85px;}
.grade .board .gradeChk p {margin-bottom:25px;margin-left:0;}

.grade .tabArea .tabCont {padding:30px 35px;}
.grade .benefitBox > ul {overflow:hidden;}
.grade .benefitBox > ul > li {padding:40px 0 30px;border-bottom:1px solid #d9d9d9;}
.grade .benefitBox > ul > li:first-child {padding:0 0 30px;}
.grade .benefitBox ul li.halfBox {float:left;width:50%;height:453px;}
.grade .benefitBox ul li.halfBox:last-child {padding-left:30px;}
.grade .benefitBox ul li.halfBox.silverBox:before {content:'';float:right;display:inline-block;width:1px;height:378px;margin-top:10px;background:#d9d9d9;vertical-align:top;}
.grade .benefitBox ul li.halfBox ol.numList {padding:30px 0 0 0;}
.grade .benefitBox ul li.halfBox ol.numList > li {width:100%;margin-bottom:30px;}
.grade .benefitBox dl {padding-left:35px;}
.grade .benefitBox dl dt {color:#000;font-size:26px;}
.grade .benefitBox dl dt strong {font-family:'Noto Bold';}
.grade .benefitBox dl dt .gradeMark {margin-right:10px;}
.grade .benefitBox .numList {overflow:hidden;counter-reset:item;padding:30px 0 0 0;}
.grade .benefitBox .numList > li {display:inline-block;list-style-type:none;counter-increment:item;/*width:45%;*/margin-bottom:15px;font-size:18px;color:#000;font-family:'Noto Medium';}
.grade .benefitBox .numList > li:before {content:counter(item);display:inline-block;width:30px;height:30px;margin-right:10px;line-height:30px;border-radius:50%;background:#a3aaaf;color:#f4f4f4;font-size:15px;vertical-align:middle;text-align:center;font-family:'Noto Bold';}
/* .grade .benefitBox .numList > li:first-child {float:left;width:535px;} */
.grade .benefitBox .numList > li .btnDetail {display:inline-block;height:24px;margin-left:10px;padding:0 18px 0 8px;line-height:24px;font-size:13px;color:#fff;border-radius:4px;text-align:center;font-family:'Noto Medium';background:#a3aaaf url('/MyPage/Images/ico/ico_arrow.png') no-repeat right 7px top 50%;background-size:4px auto;}
.grade .benefitBox .couponList {overflow:hidden;padding-top:20px;}
.grade .benefitBox .couponList li {position:relative;float:left;display:table;width:300px;height:100px;/* padding-left:135px;*/margin-right:15px;background:url(/MyPage/Images/Etc/bg_couponlist_big.png) 0 0 no-repeat;vertical-align:top;/*text-align:center;*/font-size:14px;}
.grade .benefitBox .couponList li > div {display:table-cell;text-align:center;vertical-align:middle;}
.grade .benefitBox .couponList li em {position:absolute;left:103px;top:-16px;z-indeX:1;display:inline-block;width:43px;height:48px;line-height:43px;background:url(/MyPage/Images/Etc/bg_tooltip.png) 50% 0 no-repeat;font-size:18px;color:#fff;font-family:'Noto Bold';text-align:center;}
.grade .benefitBox .couponList li strong {display:block;/*padding-top:95px;margin-top:20px;*/line-height:20px;font-size:16px;color:#222;font-family:'Noto Medium';}
/* .grade .benefitBox .couponList li.ani strong {background: url(/MyPage/Images/Ico/ico_coupon02.png) 50% 0 no-repeat;}
.grade .benefitBox .couponList li.check strong {background: url(/MyPage/Images/Ico/ico_coupon01.png) 50% 0 no-repeat;}
.grade .benefitBox .couponList li.print strong {background: url(/MyPage/Images/Ico/ico_coupon03.png) 50% 0 no-repeat;} */

.grade .benefitBox .couponList li.ani:before {content:'';display:table-cell;width:135px;height:100%;background: url(/MyPage/Images/Ico/ico_coupon02.png) 50% 50% no-repeat;}
.grade .benefitBox .couponList li.check:before {content:'';display:table-cell;width:135px;height:100%;background: url(/MyPage/Images/Ico/ico_coupon01.png) 50% 50% no-repeat;}
.grade .benefitBox .couponList li.print:before {content:'';display:table-cell;width:135px;height:100%;background: url(/MyPage/Images/Ico/ico_coupon03.png) 50% 50% no-repeat;}

.grade .benefitBox .refBox {padding:30px 35px 0;}
.grade .benefitBox .refBox p {color:#787575;font-size:15px;}
.grade .benefitBox .refBox p.title {float:left;width:105px;height:75px;color:#000;font-size:18px;font-family:'Noto Regular';}

.grade .guideBox {padding:0 35px;}
.grade .guideBox .topBox p {text-align:center;line-height:27px;font-size:18px;color:#222;}
.grade .guideBox .topBox p:first-child {margin:10px 0 20px;font-family:'Noto Medium';font-size:26px;}
.grade .guideBox .topBox em {font-family:'Noto Medium';}
.grade .guideBox ol {display:table;width:100%;margin:35px 0 50px;}
.grade .guideBox ol li {display:table-cell;width:20%;text-align:center;vertical-align:bottom;}
.grade .guideBox ol li .markArea {position:relative;}
.grade .guideBox ol li .markArea:after {content:'';position:absolute;top:3px;right:3px;height:14px;width:14px;display:block;border:3px solid #c8c8c8;border-left-width:0;border-top-width:0;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);}
.grade .guideBox ol li .markArea mark {position:relative;font-size:34px;}
.grade .guideBox ol li .markArea mark sup {position:absolute;right:10px;top:17px;line-height:14px;font-size:14px;}
.grade .guideBox ol li .markArea strong {display:block;padding:10px 0 15px;font-size:18px;font-family:'Noto Bold';color:#000;}
.grade .guideBox ol li .bgArea {display:table;width:100%;height:93px;background:#222;}
.grade .guideBox ol li .bgArea dl {display:table-cell;vertical-align:middle;}
.grade .guideBox ol li .bgArea dl dt {font-family:'Noto Medium';font-size:14px;color:rgba(255, 255, 255, 0.6);}
.grade .guideBox ol li .bgArea dl dd {line-height:20px;font-size:16px;font-family:'Noto Bold';color:#fff;}
.grade .guideBox ol li:nth-child(2) .markArea strong {color:#c8c8c8;}
.grade .guideBox ol li:nth-child(3) .markArea strong {color:#cbaf88;}
.grade .guideBox ol li:nth-child(4) .markArea strong {color:#e60000;}
.grade .guideBox ol li:nth-child(5) .markArea strong {color:#1dbdc3;}
.grade .guideBox ol li:nth-child(5) .markArea:after {display:none;}
.grade .guideBox ol li:nth-child(2) .bgArea {height:123px;background:#c8c8c8;}
.grade .guideBox ol li:nth-child(3) .bgArea {height:151px;background:#cbaf88;}
.grade .guideBox ol li:nth-child(4) .bgArea {height:181px;background:#e60000;}
.grade .guideBox ol li:nth-child(5) .bgArea {height:211px;background:#1dbdc3;}
.grade .guideBox .listBox p {margin-bottom:13px;color:#010101;font-size:20px;font-family:'Noto Regular';}
.grade .guideBox .listBox ul {overflow:hidden;}
.grade .guideBox .listBox ul li {float:left;line-height:20px;color:#222;font-size:16px;}
.grade .guideBox .listBox ul li:nth-child(odd) {width:430px;}
.grade .guideBox .listBox ul li:before {content:'.';display:inline-block;width:10px;vertical-align:middle;vertical-align:super;}
.grade .guideBox table * {color:#222;}
.grade .guideBox table.list {margin:40px 0 25px;border-top:1px solid #8f8f8f;border-bottom:1px solid #8f8f8f;}
.grade .guideBox table.list > thead th,
.grade .guideBox table.list > tbody td {height:48px;border-right:1px solid #d9d9d9;}
.grade .guideBox table.list > tbody tr td:last-child {border-right:none;}
.grade .guideBox table.list > tbody tr td.btNone {border-bottom:none;}
.grade .guideBox table th {background:#e4eaf2;font-family:'Noto Light';}
.grade .guideBox table td {padding:9px 26px;text-align:left;}
.grade .lastList li strong{color:#e60000;}


/* ·¹À̾î Æ˾÷ */
/*.dim {position:fixed;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.7);z-index:20}*/
.commonPop {overflow:hidden;position:fixed;left:50%;top:50%;z-index:300;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);}
.commonPop {overflow:hidden;border:2px solid #1ebdc3;background:#fff;}
.commonPop header {height:65px;line-height:65px;padding:0 30px;background:#1ebdc3;color:#fff;font-size:24px;font-family:'Noto Medium';}
.commonPop .btnClose {position:absolute;right:30px;top:20px;display:inline-block;width:27px;height:25px;border:none;cursor:pointer;background:none;text-indent:-9999px;outline:0;}
.commonPop .btnClose:before,.commonPop .btnClose:after {content:'';position:absolute;top:11px;left:-1px;display:block;width:30px;height:2px;background:#fff;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);}
.commonPop .btnClose:after {transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);}
.commonPop .pop_con {height:100%;padding:17px 30px;background:#fff;box-sizing:border-box;}
.commonPop .pop_con .tabArea {padding-top:40px;}
.commonPop .pop_con .tabArea > h3 {height:40px;}
.commonPop .pop_con .tabArea > h3 a {border-color:#c9c9c9;color:#999;font-size:16px;}
.commonPop .pop_con .tabArea > h3.on a {color:#fff;border:2px solid #36c6c9;background:#1ebdc3;}
.commonPop .pop_con .tabArea .tabCont {padding-top:23px;}
.commonPop .pop_con table {border:1px solid #e5e5e5;}
.commonPop .pop_con table th {height:39px;border-color:#e5e5e5;border-right:1px solid #fff;}
.commonPop .pop_con table th:last-child {border-right:none;}
.commonPop .pop_con table td {height:38px;font-size:16px;border-color:#e5e5e5;border-right:1px solid #e5e5e5;word-break: keep-all;}
.commonPop .score {margin-bottom:25px;color:#5d5d5d;font-size:14px;}
.commonPop .score span {vertical-align:text-bottom;}
.commonPop .score strong {display:inline-block;margin-left:7px;color:#1ebdc3;font-size:24px;font-family:'Spoqa Bold';font-weight:bold;}
.commonPop .score em {color:#1ebdc3;font-size:18px;font-family:'Spoqa Bold';font-weight:bold;}
.commonPop .paging {margin-top:13px;}
.commonPop .paging a {border:none;}
.commonPop .paging a.on {background:none;color:#1ebdc3;}
.commonPop .paging button {border:none;}
/* confirmPop */
.confirmPop {width:625px;/*min-height:660px;*/min-height:593px;}
.confirmPop .pop_con .monthScore {height:40px;line-height:40px;padding-bottom:19px;margin-bottom:30px;border-bottom:1px solid #d9d9d9;font-size:18px;color:#0c0c0c;font-family:'Noto Regular';box-sizing:content-box;}
.confirmPop .pop_con .monthScore > span {display:inline-block;margin-bottom:10px;vertical-align:middle;}
.confirmPop .pop_con .monthScore strong {margin-left:10px;font-size:30px;font-family:'Spoqa Bold';font-weight:bold;}
.confirmPop .pop_con .monthScore em {font-size:20px;font-family:'Spoqa Bold';font-weight:bold;}
.confirmPop .monthScore div {float:right;}
.confirmPop .monthScore div .select2-container {width:118px !important;}
/* couponPop */
.couponPop {width:625px;}
.couponPop .score ul {text-align:center;}
.couponPop .score ul li {display:inline-block;}
.couponPop .score ul li:after {content:'';display:inline-block;width:2px;height:14px;margin:0 15px;background:#c9c9c9;/*vertical-align:middle;*/}
.couponPop .score ul li:last-child:after {display:none;}
.couponPop .mt10 {margin-top:10px;}
/* issuePop */
.issuePop {width:625px;margin-top:0 !important;border:none !important;}
.issuePop .tabBox {display:table;width:100%;}
.issuePop .tabBox h3 {display:table-cell;width:50%;height:50px;line-height:50px;border:1px solid #c9c9c9;text-align:center;}
.issuePop .tabBox h3.on {border-color:#1ebdc3;font-family:'Noto Medium';}
.issuePop .tabBox h3.on a {color:#1ebdc3;}
.issuePop .tabBox h3 a {display:block;color:#999;}
.issuePop .tabCont {padding:30px 0;}
.issuePop .tabCont .select2 {width:100% !important;}
.issuePop .tabCont .select2-selection.option04 .select2-selection__rendered {color:#222}
.issuePop .infoTxt {overflow:hidden;padding-bottom:30px;margin-bottom:26px;border-bottom:1px solid #d9d9d9;}
.issuePop .infoTxt dt {display:block;width:120px;font-size:18px;color:#0c0c0c;font-family:'Noto Medium';}
.issuePop .infoTxt dd {padding:10px 0 0;font-size:16px;color:#999;line-height:24px;}
.issuePop .infoTxt dd strong {color:#1ebdc3;}
.issuePop .btnArea {padding:30px 0 50px;text-align:center;}
.issuePop .btnArea button {display:inline-block;width:200px;height:50px;line-height:50px;border-radius:3px;text-align:center;background:#22b8bd;font-size:20px;color:#fff;font-family: 'Noto Light';}
.issuePop ul {padding:0 20px;}
.issuePop ul li {position:relative;padding-left:20px;}
.issuePop ul li:before {content:'¡Ø';position:absolute;left:0;top:0;isplay:inline-block;width:20px;}