@charset 'utf-8';

.myinfo-box:after{clear:both; display:block; overflow:hidden; content:""; height:0}
.myinfo-box{border:1px solid #ccc;}
.user-info{float:left; width:492px; position:relative; height:178px;}
.user-info > div{position:absolute; top:50%; left:45px; margin-top:-40px;}
.user-info .user-name{font-family:"NanumSquareRound"; color:#222; font-size:22px; }
.user-info .user-name strong{color:#2496d4; font-size:36px; padding-right:10px;}
.user-info .user-name strong.type2{color:#222}
.user-info .user-txt{display:block; color:#444; margin-top:15px;}

.coupon-info-box{float:left; width:706px; background-color:#f5f9fc; height:178px;}
.coupon-info-box ul{padding-top:25px; margin:0 30px;}
.coupon-info-box ul:after{clear:both; display:block; overflow:hidden; content:""; height:0}
.coupon-info-box li{float:left; width:33.3%; text-align:center; }
.coupon-info-box li a{display:block; width:100%; height:100%}
.coupon-info-box li i{margin:0 auto; text-align:center; margin-bottom:10px;}
.coupon-info-box li.coupon-01 i{display:block; width:66px; height:68px; background:url('/images/new/mypage/coupon_bg_01.png') no-repeat center top;}
.coupon-info-box li.coupon-02 i{display:block; width:71px; height:68px; background:url('/images/new/mypage/coupon_bg_02.png') no-repeat center top;}
.coupon-info-box li.coupon-03 i{display:block; width:55px; height:68px; background:url('/images/new/mypage/coupon_bg_03.png') no-repeat center top;}
.coupon-info-box li.coupon-04 i{display:block; width:61px; height:68px; background:url('/images/new/mypage/coupon_bg_04.png') no-repeat center top;}
.coupon-info-box li .coupon-name{display:block; font-size:15px; color:#444; font-family:'notokr-medium'; padding-bottom:5px;}
.coupon-info-box li .coupon-number{font-size:14px; color:#888;}
.coupon-info-box li .coupon-number strong{color:#e71019; font-size:16px; padding-right:5px;}

.customer-search{float:left; width:706px; background-color:#f5f9fc; height:178px;}
.customer-search .inner:after{clear:both; display:block; overflow:hidden; content:""; height:0}
.customer-search .inner{padding-top:60px; padding-left:80px;}
.customer-search .inner strong{display:block; float:left; width:100px; font-size:24px; color:#014a84; font-family:"NanumSquareRound"; line-height:33px; letter-spacing:-1px}
.cus-search-f{float:left;}
.cus-search-f > div:after{clear:both; display:block; overflow:hidden; content:""; height:0}
.cus-search-f input{float:left; width:306px; display:block; height:31px; line-height:31px; border:1px solid #e8e8e8; font-size:14px; font-family:'notokr-regular'; color:#666;}
.cus-search-f button{display:block; width:67px; height:33px; background-color:#242424; float:left; line-height:33px; text-align:center; color:#fff; font-size:14px;}
.cus-search-f ul{margin-top:15px;}
.cus-search-f ul:after{clear:both; display:block; overflow:hidden; content:""; height:0}
.cus-search-f ul li{float:left; position:relative;}
.cus-search-f ul li:before{content:''; position:absolute; margin-top:-5px; top:50%; right:0; width:1px; height:10px; background-color:#ccc;}
.cus-search-f ul li:last-child:before{display:none;}
.cus-search-f ul li a{font-family:"NanumSquareRound"; font-size:14px; padding:0 15px;}

.mypage-menu-content{margin-top:60px;}
.mypage-menu-list:after{clear:both; display:block; overflow:hidden; content:""; height:0}
.mypage-menu-list li{float:left; width:200px; text-align:center;}
.mypage-menu-list li.on a{background-color:#444; color:#fff; border-color:#444;}
.mypage-menu-list li a{display:block; line-height:24px; padding:17px 0; color:#222; border:1px solid #d1d1d1; border-left:0; font-family:'notokr-medium';}
.mypage-menu-list li:first-child a{border-left:1px solid #d1d1d1;}
.mypage-menu-list.cus li a{padding:27px 0;}
.mypage-menu-list.cus li.type2 a{padding:15px 0;}
.mypage-search{border:1px solid #d1d1d1; padding:20px 0; margin-top:40px;}
.mypage-search.type2{margin-top:25px;}

.data-select-box{width:820px; margin:0 auto;}
.coupon-add-box{width:680px; margin:0 auto;}
.inner-mypage-search .inquiry-box:after{clear:both; display:block; overflow:hidden; content:""; height:0}
.inner-mypage-search .inquiry-box.type2{margin-top:15px;}
.inner-mypage-search .inquiry-box.type3 p{font-size:18px; color:#222; font-family:'notokr-medium'; margin-bottom:15px; text-align:center;}
.inner-mypage-search .inquiry-box.type3 p span{color:#2496d4; font-family:'notokr-bold';}
.inner-mypage-search .inquiry-box.type3 > div{width:100%;}
.inner-mypage-search .inquiry-box > span{display:block; width:100px; float:left; line-height:30px; font-size:14px; color:#444;}
.inner-mypage-search .inquiry-box > div{float:left; width:720px;}
.inner-mypage-search .inquiry-box .search-box:after{clear:both; display:block; overflow:hidden; content:""; height:0}
.ui-datepicker-trigger{cursor:pointer}
.white-box .ui-datepicker-trigger{vertical-align:top;}
.inner-mypage-search .inquiry-box .search-box input{vertical-align:super; width:137px; height:30px; border:1px solid #d1d1d1; box-sizing:border-box; margin-right:13px; font-size:14px; color:#444; font-family:'notokr-regular';}
.inner-mypage-search .inquiry-box .search-box input.type2{width:635px; float:left; margin-right:15px;}
.inner-mypage-search .inquiry-box .search-box input.type3{width:268px; float:left; margin-right:10px;}
.inner-mypage-search .inquiry-box .search-box input.type3::-ms-input-placeholder{color:#999;}
.inner-mypage-search .inquiry-box .search-box input.type3::-webkit-input-placeholder{color:#999;}
.inner-mypage-search .inquiry-box .search-box input.type3::-moz-placeholder{color:#999;}
.inner-mypage-search .inquiry-box .search-box .minus{display:inline-block; position:relative; width:31px; height:30px; vertical-align:top;}
.inner-mypage-search .inquiry-box .search-box .minus:before{content:''; position:absolute; width:10px; height:1px; background-color:#d1d1d1; top:50%; left:50%; margin-left:-5px;}
.inner-mypage-search .inquiry-box .search-box .inquiry-btn{padding:0 23px; height:30px; background-color:#666; color:#fff; font-size:13px; font-family:'notokr-light'; display:block; float:left;}
.past-search-list{display:inline-block; margin-left:16px;}
.past-search-list:after{clear:both; display:block; overflow:hidden; content:""; height:0}
.past-search-list li{float:left;}
.past-search-list li .search-day{font-size:13px; color:#666; font-family:'notokr-light'; line-height:23px; display:block; text-align:center; background-color:#f5f5f5;
border:1px solid #d1d1d1; width:50px; margin-right:5px;}
.past-search-list li .search-past{font-size:13px; color:#fff; font-family:'notokr-light'; line-height:25px; display:block; text-align:center; background-color:#00467f; width:90px;}

.result-info{margin-top:40px;}
.result-info p{color:#444;}
.result-info p.result{font-size:18px; color:#222; font-family:'notokr-medium'; margin-bottom:10px;}
.result-info p.result strong{color:#2496d4; font-family:'notokr-bold';}

table.mypage-table{width:100%; border-collapse:collapse; border-spacing:0; margin-top:25px;}
table.mypage-table th{color:#333; font-size:14px; background-color:#f5f5f5; border-top:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; padding:15px 0; font-weight:400; }
table.mypage-table td{text-align:center; padding:15px 0; border-bottom:1px solid #e5e5e5;}
table.mypage-table td.ta-l{text-align:left}
table.mypage-table td.title a{margin-left:20px;}
table.mypage-table td.txt-type1{font-size:15px; color:#202020;}
table.mypage-table td.txt-type2{color:#222; font-family:'notokr-medium';}
table.mypage-table td.txt-type3{font-size:12px;}
table.mypage-table td .type1 .detail-pord span{display:inline-block;}
table.mypage-table td .type1 span{display:block; font-size:15px; margin-top:5px;}
table.mypage-table td .type1 span:first-child{margin-top:0;}
table.mypage-table td .type1 span.color-b{color:#2496d4;}
table.mypage-table td .type1 .order-cancle{display:block; width:70px; height:25px; line-height:25px; border:1px solid #d1d1d1; color:#666; font-size:13px; text-align:center; margin:10px auto 0;}
table.mypage-table td .type2 > div{vertical-align:middle; display:table-cell;}
table.mypage-table td .type2 > div:first-child{padding-right:20px;}
table.mypage-table td .type2 > div a{color:#202020}
table.mypage-table td .type2 img{max-width:80px}
table.mypage-table td .type3 span{display:block; font-size:14px; color:#888; margin-top:5px;}
table.mypage-table td .type3 span:first-child{margin-top:0;}
table.mypage-table td .type3 button{display:block; width:70px; height:25px; color:#fff; background-color:#666; font-size:13px; text-align:center; margin:10px auto 0;}
table.mypage-table td .type4 span{display:block; font-size:16px; color:#2496d4; font-family:'notokr-medium'; text-align:center;}
table.mypage-table td .type4 button{display:inline-block; width:62px; height:25px; color:#666; background-color:#f5f5f5; font-size:13px; text-align:center; border:1px solid #cdcdce; margin-top:20px;}
table.mypage-table td .btn-type{width:70px; height:25px; line-height:23px; text-align:center; margin:0 auto; font-size:13px; display:block;}
table.mypage-table td .btn1{border:1px solid #444; background-color:#FFF;}
table.mypage-table td .btn2{border:1px solid #2eacd7; background-color:#2eacd7; color:#fff;}
table.mypage-table td .btn3{border:1px solid #666; background-color:#666; color:#fff; margin-top:2px;}
table.mypage-table td .review p{color:#222; margin-bottom:5px;}
table.mypage-table td .review span{color:#666; font-family:'notokr-light';}
table.mypage-table.type2 td{font-size:15px; color:#444;}
table.mypage-table.type2 td.type1 span{display:block;}
table.mypage-table.type2 td span.fw{font-family:'notokr-medium';}
table.mypage-table.type2 td span.c-b{color:#2496d4;}
table.mypage-table.type2 td span.fz16{font-size:16px;}


.sequence-box{border:1px solid #d1d1d1; background-color:#fafafa; padding:45px 0 40px; margin-top:40px;}
.sequence-box ul:after{clear:both; display:block; overflow:hidden; content:""; height:0}
.sequence-box ul li{float:left; width:199px; text-align:center; padding-top:90px; position:relative;}
.sequence-box ul li:before{content:''; position:absolute; top:50%; left:0; margin-top:-10px; margin-left:-6px; background:url('/images/new/mypage/sequence_icon.png') no-repeat; width:12px; height:21px;}
.sequence-box.type2 ul li:before{content:''; position:absolute; top:50%; left:0; margin-left:0; margin-top:-26px; background-color:#bbb; background-image:none; width:1px; height:52px;}
.sequence-box ul li:first-child:before{display:none;}
.sequence-box ul li strong{display:block; font-size:21px; color:#202020;}
.sequence-box ul li p{font-size:14px; color:#666; margin:15px 0 20px;}
.sequence-box ul li span{display:block; font-size:16px; color:#e71019; font-family:'notokr-medium';}
.sequence-box ul li.sequence-01{background:url('/images/new/mypage/sequence_bg_01.png') no-repeat center top;}
.sequence-box ul li.sequence-02{background:url('/images/new/mypage/sequence_bg_02.png') no-repeat center top;}
.sequence-box ul li.sequence-03{background:url('/images/new/mypage/sequence_bg_03.png') no-repeat center top;}
.sequence-box ul li.sequence-04{background:url('/images/new/mypage/sequence_bg_04.png') no-repeat center top;}
.sequence-box ul li.sequence-05{background:url('/images/new/mypage/sequence_bg_05.png') no-repeat center top;}
.sequence-box ul li.sequence-06{background:url('/images/new/mypage/sequence_bg_06.png') no-repeat center top;}

.info-txt-box{padding-left:20px;}
.info-txt-box.type2{padding:0; }
.info-txt-box.type2 > div{border:1px solid #e5e5e5; padding:25px; margin-top:20px;}
.info-txt-box.type2 > div.type2{margin-top:40px;}
.info-txt-box > div{margin-top:40px;}
.info-txt-box > div strong{font-size:18px; color:#444; font-family:'notokr-medium'; display:block; margin-bottom:15px; font-weight:normal;}
.info-txt-box > div > ul > li{position:relative; padding-left:13px; margin-top:12px; font-size:14px;}
.info-txt-box > div > ul > li  > p.txt-line{line-height:28px; margin-top:5px;}
.info-txt-box > div > ul > li strong{font-size:14px; color:#666; font-family:'notokr-medium'; font-weight:normal;}
.info-txt-box > div > ul > li:first-child{margin-top:0;}
.info-txt-box > div > ul > li:before{content:''; position:absolute; top:9px; left:0; width:2px; height:2px; background-color:#4a4a4a;}
.info-txt-box > div > ul > li > ul{margin:15px 0 25px;}
.info-txt-box > div > ul > li > ul > li{position:relative; padding-left:13px; margin-top:12px; font-size:14px;}
.info-txt-box > div > ul > li > ul > li:first-child{margin-top:0;}
.info-txt-box > div > ul > li > ul > li:before{content:'-'; position:absolute; top:0; left:0; }
.info-txt-box .color-r{color:#e71019;}

.benefit-list{margin-top:40px;}
.benefit-list.type2{margin-bottom:20px; margin-top:0;}
.benefit-list:after{clear:both; display:block; overflow:hidden; content:""; height:0}
.benefit-list.number2 li{width:50%}
.benefit-list.number3 li{width:33.3%}
.benefit-list.number4 li{width:25%}
.benefit-list.number6 li{width:155px}
.benefit-list.number8 li{width:150px}
.benefit-list li{float:left; box-sizing:border-box; position:relative;}
.benefit-list li:before{content:''; position:absolute; top:50%; right:0; width:1px; height:21px; background-color:#e1e1e1; margin-top:-10px;}
.benefit-list li:first-child{border-left:1px solid #e1e1e1;}
.benefit-list li:last-child:before{display:none;}
.benefit-list li:last-child{border-right:1px solid #e1e1e1;}
.benefit-list li a{display:block; box-sizing:border-box; border-top:1px solid #e1e1e1; color:#202020; font-family:'notokr-medium'; font-size:18px; line-height:46px; border-bottom:3px solid #2496d4; text-align:center;}
.benefit-list li.on{border-left:3px solid #2496d4; border-right:3px solid #2496d4; border-top:3px solid #2496d4;}
.benefit-list li.on:before{display:none;}
.benefit-list li.on a{border-bottom-color:#fff; line-height:44px; border-top:0; color:#2496d4;}

.item-content{margin-top:40px;}
.item-content .item-title{font-family:'notokr-bold'; color:#202020; font-size:24px; display:block;}

.coupon-type{margin-top:40px;}
.coupon-type:after{clear:both; display:block; overflow:hidden; content:""; height:0}
.coupon-type li{float:left; width:25%; background:url('/images/new/mypage/coupon_arrow.png') no-repeat right 20px top 15px;}
.coupon-type li:last-child{background-image:none;}
.coupon-type li .coupon-number:after{clear:both; display:block; overflow:hidden; content:""; height:0}
.coupon-type li .coupon-number .img-b{float:left; width:67px}
.coupon-type li .coupon-number .txt-b{float:left; margin-left:20px; width:clac(100% - 87px);}
.coupon-type li .coupon-number .txt-b span{color:#202020; font-family:'notokr-medium';}
.coupon-type li .coupon-number .txt-b p{font-size:14px; margin-top:8px; line-height:18px;}

.coupon-history{margin-top:20px;}
.coupon-history:after{clear:both; display:block; overflow:hidden; content:""; height:0}
.coupon-history li{float:left; position:relative; padding-left:12px; margin-left:10px;}
.coupon-history li:first-child:before{display:none}
.coupon-history li:before{content:''; position:absolute; top:0; left:0; width:2px; height:22px; background-color:#656565;}
.coupon-history li a{font-size:18px; color:#222; font-family:'notokr-medium'; display:block; line-height:22px;}
.coupon-history li a.on{color:#2496d4; font-family:'notokr-bold';}

.item-content .item-info{font-size:18px; color:#222; margin-top:25px;}
.item-content .item-info span{color:#2496d4;}
.btn-item-area.ta-r{text-align:right;}
.btn-item-area.ta-l{text-align:left;}
.btn-item-area{margin-top:20px;}
.btn-item-area .btn{display:inline-block; padding:0 20px; line-height:38px; border-radius:4px; text-align:center; font-family:'notokr-regular'; border:1px solid #444; font-size:15px;}
.btn-item-area .color-g{background-color:#444; color:#fff;}
.btn-item-area .color-w{background-color:#fff; color:#444;}
.btn-item-area .color-b{background-color:#2496d4; color:#fff; border-color:#2496d4;}
.btn-item-area .mr5{margin-right:5px;}

.similar-table{border-top:1px solid #909090; border-bottom:1px solid #e5e5e5; margin:15px 0 30px;}
.similar-table dt{display:table-cell; width:130px; background-color:#fafafa; color:#444; font-size:14px; vertical-align:middle; padding-left:20px;}
.similar-table dd{display:table-cell; width:800px; padding:10px 0 10px 20px; word-break:break-all; word-wrap:break-word; font-size:15px;}
.similar-table dl.va-t dt{vertical-align:top;}
.similar-table dl:first-child dt,
.similar-table dl:first-child dd{padding-top:20px; padding-bottom:10px;}
.similar-table dl:last-child dt,
.similar-table dl:last-child dd{padding-bottom:20px; padding-top:10px;}

.pop-con .reveiw-txt{font-size:15px; line-height:24px; margin-bottom:15px;}
.pop-con .review-box{background-color:#fafafa; border:1px solid #d1d1d1;}
.pop-con .review-box dl:last-child{border-bottom:0;}
.pop-con .review-box dt{display:table-cell; width:125px; padding-left:30px; color:#444; font-size:14px; text-align:left; vertical-align:middle; box-sizing:border-box}
.pop-con .review-box dd{display:table-cell; width:773px; padding:10px 30px 10px 0; word-break:break-all; word-wrap:break-word;}
.pop-con .review-box dd input[type="text"]{display:block; height:30px; border:1px solid #ddd; font-size:12px; color:#666; padding:0 10px; width:100%; box-sizing:border-box}
.pop-con .review-box dd textarea{border:1px solid #ddd; width:100%; height:190px; box-sizing:border-box}
.pop-con .review-box dd .checkbox label{margin-right:25px;}
.pop-con .review-box dl.file .filebox:after{clear:both; display:block; overflow:hidden; content:""; height:0}
.pop-con .review-box dl.file label{width:72px; height:30px; background-color:#444; color:#fff; display:block; float:left; line-height:32px; text-align:center; font-size:12px; font-family:'notokr-light'; margin-right:10px; cursor: pointer;}
.pop-con .review-box dl.file .upload-name{width:calc(100% - 82px); font-family:'notokr-regular'; display:block; font-size:12px; background-color:#fff; border:1px solid #ddd; -webkit-appearance:none; -moz-appearance:none; appearance:none; height:30px; color:#666; padding:0 10px; box-sizing:border-box; float:left;}
.filebox input[type="file"]{position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0; }
.pop-con .review-box .review-type{padding:24px 30px; border-bottom:1px solid #d1d1d1;}
.pop-con .review-type label{margin-right:35px;}
.pop-con .review-txt-box{padding:10px 30px 30px;}
.pop-con .review-txt-box textarea{border:1px solid #ddd; max-height:430px; min-height:430px; max-width:100%; min-width:100%;; box-sizing:border-box; padding:10px;}

.checkbox input[type="radio"]:checked ~ label .checkbox-text {color:#007bc8;}
.checkbox.check-type2 label{vertical-align:text-top}
.checkbox.check-type2 input:first-child{margin-right:35px;}
.check-type2 label .check-image{display:inline-block; width:15px;height:15px; background-image:url(/images/new/common/ico/ico_chk_type2_unchecked.png);background-repeat:no-repeat;
cursor:pointer; vertical-align:middle; background-size:15px; margin-right:5px}
.check-type2 label span{word-break:break-all; vertical-align:middle; line-height:15px; display:inline-block;}
.check-type2 input[type="radio"]:checked ~ label i {background-image:url(/images/new/common/ico/ico_chk_type2_checked.png);}

.attend-check-box{background-color:#f5f5f5; border:1px solid #d1d1d1; border-top:0; padding:60px 75px 75px;}
.attend-check-box .attend-check-info{background:url('/images/new/mypage/attend_bg.png') no-repeat left top; padding-top:103px; position:relative;}
.attend-check-box .attend-check-info ul{margin-top:35px;}
.attend-check-box .attend-check-info ul li{position:relative; padding-left:13px; margin-top:5px; font-size:15px;}
.attend-check-box .attend-check-info ul li:first-child{margin-top:0;}
.attend-check-box .attend-check-info ul li:before{content:''; position:absolute; top:9px; left:0; width:2px; height:2px; background-color:#4a4a4a;}
.date-item{position:absolute; top:50px; right:15px; text-align:center;}
.date-item strong{color:#3b3e65; font-family:"NanumSquareRound"; letter-spacing:-3px}
.date-item .year-item{font-size:42px}
.date-item .month-item{font-size:90px; vertical-align:middle; margin:0 30px;}
.date-item .move-btn{vertical-align:middle;}
.date-item .move-btn img{display:block;}

.attend-check-box table{width:100%; border-collapse:collapse; border-spacing:0; margin-top:25px; background-color:#FFF;}
.attend-check-box table th{font-family:"NanumSquareRound"; font-size:20px; color:#fff; background-color:#3b3e65; height:45px;}
.attend-check-box table td{background:url('/images/new/mypage/attend_check_bg.png') no-repeat center; height:105px; border:1px solid #efefef; vertical-align:top; padding:10px;}
.attend-check-box table td:first-child{border-left:0;}
.attend-check-box table td:last-child{border-right:0;}
.attend-check-box table td.no-day{background-image:none;}
.attend-check-box table td.checked{background:url('/images/new/mypage/attend_checked_bg.png') no-repeat center;}

/*고객센터*/

.customer-main:after{clear:both; display:block; overflow:hidden; content:""; height:0}
.customer-main > div{float:left; border-left:1px solid #d1d1d1; border-bottom:1px solid #d1d1d1; height:600px;}
.cus-board-area{width:515px; padding:40px; box-sizing:border-box}
.cus-board-area strong{font-size:21px; font-family:'notokr-bold'; display:block; margin-bottom:25px}
.cus-board-area strong a{color:#202020; background:url('/images/new/common/ico/board_arrow.png') no-repeat right center; padding-right:20px;}
.cus-board-area ul li{padding-bottom:10px;}
.cus-board-area ul li:last-child{padding-bottom:0;}
.cus-board-area ul li:after{clear:both; display:block; overflow:hidden; content:""; height:0}
.cus-board-area ul li span{display:block; float:left; line-height:24px;}
.cus-board-area ul li a{font-size:14px; line-height:24px;}
.cus-board-area .qna{padding-bottom:60px;}
.cus-board-area .qna ul li span{width:30px; font-size:20px; color:#202020; font-family:"NanumSquareRound"; font-weight:700;}
.cus-board-area .qna ul li a{width:calc(100% - 30px); float:left; display:block;}
.cus-board-area .notice ul li span{width:50px; font-size:14px; color:#222; font-family:'notokr-medium';}
.cus-board-area .notice ul li a{width:calc(100% - 50px); float:left; display:block;}
.cus-board-area ul li a{display:block; float:left;}
.cus-link-area{width:341px;}
.cus-link-area ul.type1{background-color:#f5f5f5;}
.cus-link-area ul.type1 li a{padding:30px 40px; border-bottom:1px solid #d1d1d1; display:block; height:150px; box-sizing:border-box}
.cus-link-area ul.type1 li div{padding-left:95px;}
.cus-link-area ul.type1 li:first-child div{background:url('/images/new/customer/customer_img_01.png') no-repeat left center;}
.cus-link-area ul.type1 li:last-child div{background:url('/images/new/customer/customer_img_02.png') no-repeat left center;}
.cus-link-area ul.type1 li div strong{display:block; font-size:21px; color:#202020; font-family:'notokr-bold'; padding-bottom:15px;}
.cus-link-area ul.type1 li div span{display:block; font-size:14px; letter-spacing:-0.5px;}
.cus-link-area ul.type2:after{clear:both; display:block; overflow:hidden; content:""; height:0}
.cus-link-area ul.type2 li{float:left; width:50%; height:150px; text-align:center;}
.cus-link-area ul.type2 li a{font-size:16px; color:#222; font-family:'notokr-medium'; display:block; padding-top:65px;}
.cus-link-area ul.type2 li.cus-01 a{background:url('/images/new/customer/customer_icon_01.gif') no-repeat center top; margin-top:40px;}
.cus-link-area ul.type2 li.cus-02 a{background:url('/images/new/customer/customer_icon_02.gif') no-repeat center top; margin-top:40px;}
.cus-link-area ul.type2 li.cus-03 a{background:url('/images/new/customer/customer_icon_03.gif') no-repeat center top; margin-top:20px;}
.cus-link-area ul.type2 li.cus-04 a{background:url('/images/new/customer/customer_icon_04.gif') no-repeat center top; margin-top:20px;}
.cus-call-area{width:342px;}
.cus-call-area .type1{background-color:#014984; height:300px; box-sizing:border-box; padding:40px 30px;}
.cus-call-area .type1 > span{font-size:21px; color:#fff; font-family:'notokr-bold'; display:block; padding-bottom:50px; background:url('/images/new/customer/customer_call_img_01.png') no-repeat right top}
.cus-call-area .type1 > strong{font-size:40px; color:#fff; font-family:"NanumSquareRound"; display:block; font-weight:800; letter-spacing:-1px}
.cus-call-area .type1 ul li:after{clear:both; display:block; overflow:hidden; content:""; height:0}
.cus-call-area .type1 ul li{margin-top:10px;}
.cus-call-area .type1 ul li:first-child{margin-top:30px;}
.cus-call-area .type1 ul li span{display:block; width:95px; height:26px; line-height:26px; float:left; margin-right:12px; border-radius:13px; color:#fff; font-size:14px; font-family:'notokr-light'; text-align:center; background-color:#1a67a4;}
.cus-call-area .type1 ul li p{width:calc(100% - 107px); line-height:26px; color:#fff; color:#fff; font-size:14px; font-family:'notokr-light'; float:left;}
.cus-call-area .type2{height:300px;}
.cus-call-area .type2 ul li:first-child{background-color:#69a6d2;}
.cus-call-area .type2 ul li:last-child{background-color:#f15c63;}

.cus-call-area .type2 ul li a{padding:30px; display:block; height:150px; box-sizing:border-box}
.cus-call-area .type2 ul li:first-child div{background:url('/images/new/customer/customer_call_img_02.png') no-repeat right center;}
.cus-call-area .type2 ul li:last-child div{background:url('/images/new/customer/customer_call_img_03.png') no-repeat right center;}
.cus-call-area .type2 ul li div strong{display:block; font-size:21px; color:#fff; font-family:'notokr-bold'; padding-bottom:15px;}
.cus-call-area .type2 ul li div span{display:block; font-size:14px; color:#fff}

.customer-txt li{position:relative; padding-left:25px; margin-top:8px;}
.customer-txt li:first-child{margin-top:0;}
.customer-txt li:before{content:''; position:absolute; top:9px; left:12px; background-color:#444; width:2px; height:2px;}
.customer-txt p{font-size:15px; color:#222;}
.customer-txt > p{margin-top:10px;}
.customer-txt p span{color:#2496d4;}

.gray-box{background-color:#fafafa; border:1px solid #d1d1d1; margin-top:20px;}
.gray-box.type1{padding:0 30px;}

.gray-box dl dt{display:table-cell; width:135px; color:#444; font-size:14px; vertical-align:middle; padding-left:20px;}
.gray-box dl dd{display:table-cell; width:983px; padding:10px 0; word-break:break-all; word-wrap:break-word; font-size:15px;}
.gray-box dl dd select{font-size:13px;}
select.fz12{font-size:12px;}
select.w186{width:186px;}
select.w337{width:337px;}
select.w485{width:485px;}
select.w255{width:255px;}
select.w168{width:168px;}
.gray-box dl dd input[type="text"]{border:1px solid #ddd; height:30px; box-sizing:border-box; font-size:13px; font-family:'notokr-regular'; color:#666;}
input.w100{width:100%;}
input.w135{width:135px;}
input.w200{width:200px;}
input.w290{width:290px;}
.gray-box dl dd textarea{border:1px solid #ddd; height:30px; box-sizing:border-box; padding:10px; height:380px; width:100%; max-height:380px; max-width:100%; font-size:13px; font-family:'notokr-regular'; color:#666;}
.gray-box dl.email-address dt{vertical-align:text-top;}
.gray-box dl.email-address .checkbox{margin-left:10px;}
.gray-box dl.email-address .checkbox span{padding:0 5px; color:#666;}
.gray-box dl.email-address p{font-size:14px; padding:15px 0 30px;}
.gray-box dl.email-address p span{color:#2496d4}

.gray-box.type2{padding:40px 0;}
.non-member{width:740px; margin:0 auto;}
.non-member .inner-non-member:after{clear:both; display:block; overflow:hidden; content:""; height:0}
.non-member input{box-sizing:border-box; border:1px solid #ddd; font-size:13px; color:#666; font-family:'notokr-regular';}
.non-member .non-member-name{display:block; float:left; margin-right:10px; height:40px; line-height:40px; width:284px;}
.non-member .non-member-number{display:block; float:left; margin-right:10px; height:40px; line-height:40px; width:364px;}
.non-member .non-member-btn{display:block; float:left; height:40px; line-height:40px; width:72px; text-align:center; color:#fff; background-color:#444; font-size:15px; font-family:'notokr-light';}
.non-member > p{font-size:14px; text-align:center; margin-top:20px;}
.non-member > p span{color:#2496d4}


.curriculum-wrap{border-top:2px solid #fb227c; margin-top:60px;}
.curriculum-wrap .faq-item .question{height:100px; line-height:100px; border-bottom:1px solid #555;}
.curriculum-wrap .faq-item .question p a{display:block; padding:0 20px; font-size:20px; color:#000;}
.curriculum-wrap .faq-item .answer{display:none; padding:40px 20px; border-bottom:1px solid #555;}
.curriculum-wrap .faq-item .answer table td,
.curriculum-wrap .faq-item .answer table th{border:1px solid #444;}
.curriculum-wrap .faq-item .answer table th{background:#333; font-size:18px; color:#000; padding:6px 10px;}
.curriculum-wrap .faq-item .answer table td{font-size:16px; color:#cbcbcb; font-family:'Nanum Gothic','nanumgothic', sans-serif; text-align:center; padding:11px 10px;}
.faq-item{margin-top:20px;}
.faq-item .faq-head{border-top:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; background-color:#f5f5f5;}
.faq-item .faq-head .width-area{padding:15px 0;}
.faq-item .faq-head .width-area li{font-size:14px; color:#333;}
.faq-item .width-area:after{clear:both; display:block; overflow:hidden; content:""; height:0}
.faq-item .width-area li{float:left; text-align:center;}
.faq-item .width-area li.number{width:90px}
.faq-item .width-area li.title{width:980px;}
.faq-item .width-area li.view{width:130px}
.faq-item .faq-body > ul > li{border-bottom:1px solid #e0e0e0;}
.faq-item .faq-body > ul > li .aArea{display: none; background:#f5f9fc; padding:17px 130px 17px 90px;}
.faq-item .faq-body > ul > li .aArea:after{clear:both; display:block; overflow:hidden; content:""; height:0}
.faq-item .faq-body > ul > li .aArea span{display:block; float:left; width:30px; font-size:20px; color:#2496d4; font-family:"NanumSquareRound"; font-weight:700;}
.faq-item .faq-body > ul > li .aArea > div{font-size:15px; color:#444; float:left; width:calc(100% - 120px);}
.faq-item .faq-body > ul > li.active .aArea {display: block;}
.faq-item .faq-body .width-area{padding:18px 0;}
.faq-item .faq-body .width-area li{font-size:15px; color:#666;}
.faq-item .faq-body .width-area li.title{text-align:left;}
.faq-item .qArea{display:block;}


table.notice-table{width:100%; border-collapse:collapse; border-spacing:0; margin-top:40px;}
table.notice-table.view td{text-align:center; padding:30px;}
table.notice-table.view th.date{text-align:left; padding-left:30px;}
table.notice-table.view th.view{text-align:right; padding-right:30px;}
table.notice-table.view th span{padding-left:5px;}
table.notice-table tr.notice td{background-color:#f5f9fc;}
table.notice-table tr.notice td.number{color:#2496d4; font-size:16px; font-family:"NanumSquareRound"; font-weight:700;}
table.notice-table tr.notice td.title{color:#444;}
table.notice-table tr.notice td.title > a{color:#444}

table.notice-table th{color:#333; font-size:14px; background-color:#f5f5f5; border-top:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; padding:15px 0; font-weight:400; }
table.notice-table td{text-align:center; border-bottom:1px solid #e5e5e5; font-size:15px; height:54px;}
table.notice-table td.title{text-align:left}
table.notice-table th.subject{background:#fff; text-align:left; border-top:0; font-weight:400; padding:0 0 20px 0; word-break: keep-all;}
table.notice-table th.subject > strong{color:#202020;font-size:24px;font-weight:400; font-family: 'notokr-medium';}

.white-box{border:1px solid #d1d1d1; margin-top:20px; padding:20px 40px;}
.white-box select{margin-right:10px;}
.white-box span.day-search{font-size:14px; color:#444; padding:0 30px 0 40px;}
.white-box span.minus{display:inline-block; position:relative; width:30px; height:30px; vertical-align:top;}
.white-box span.minus:before{content:''; position:absolute; width:10px; height:1px; background-color:#d1d1d1; top:50%; left:50%; margin-left:-5px;}
.white-box input[type="text"]{border:1px solid #ddd; height:30px; box-sizing:border-box; font-size:13px; font-family:'notokr-regular'; color:#666; margin-right:10px;}
.white-box button.btn{padding:0 23px; height:30px; background-color:#666; color:#fff; font-size:13px; font-family:'notokr-light'; margin-left:15px;}
.white-box button{vertical-align:middle;}

.besides-list{border-top:1px solid #e5e5e5; margin-top:40px;}
.besides-list .list-subject ul:after{clear:both; display:block; overflow:hidden; content:""; height:0}
.besides-list .list-subject ul li{float:left; text-align:center;}
.besides-list .list-subject{font-size:15px; padding:17px 0; border-bottom:1px solid #e5e5e5;}
.besides-list .list-subject ul li a{color:#666;}
.besides-list .list-subject .type1{width:90px;}
.besides-list .list-subject .type2{width:840px; text-align:left; padding-left:20px;}
.besides-list .list-subject .type3{width:130px;}
.besides-list .list-subject .type4{width:120px;}

table.membertype-table{width:100%; border-collapse:collapse; border-spacing:0; margin-top:20px; border-top:2px solid #666;}
table.membertype-table td{text-align:center; padding:25px 0; border:1px solid #e5e5e5; font-size:14px;}
table.membertype-table td:first-child{background-color:#f5f5f5; font-size:14px; color:#333;}
table.membertype-table td strong{display:block;}
table.membertype-table tr:first-child td strong{color:#202020; font-family:'notokr-bold'; padding-top:20px; font-size:21px;}
table.membertype-table tr.type1 strong{font-size:18px; color:#333; font-family:'notokr-medium'; font-weight:normal; padding-top:10px;}
table.membertype-table tr:last-child td strong{display:inline-block; font-size:18px; color:#333; font-family:'notokr-medium'; font-weight:normal; line-height:21px; padding-left:25px; vertical-align:middle;}
table.membertype-table tr:last-child td img{vertical-align:middle;}

/*0628css추가*/
.memberguide-img{display:block; vertical-align:middle; text-align:center; margin:50px auto 30px auto;}
.membertype-table2 td{padding:20px 0 !important; line-height:24px;}
.membertype-table2 td > p{font-size:18px;}
.membertype-table2 td.l {padding:20px 0 20px 20px !important;}
.membertype-table2 td.l em{font-size:14px;}
.membertype-table2 td.bg-white{background-color:#fff !important}
.membertype-table2 td a{font-weight:400}
.black-txt-type2{color:#333 !important}
.blue-txt-type3{color:#1a67a3 !important; font-weight:600;}