@import "global.css";

#wrap {padding-bottom:54px;}
#contents {min-width:360px; margin:0 auto;width:100%;}

/* common */
.btn_area {width:100%; overflow:hidden; text-align:center;}
.btn_area a {float:left; margin-left:10px;}
.btn_area a:first-child {margin-left:0px;}
.btn_area input {float:left; margin-left:10px;}
.btn_area input:first-child {margin-left:0px;}

.btn_27 {display:inline-block; height:27px; line-height:27px; text-align:center; color:#fff !important; font-size:11px; border-radius:27px; background-color:#4169e1;}
.btn_30 {display:inline-block; height:30px; line-height:30px; text-align:center; color:#fff !important; font-size:12px; border-radius:8px; box-shadow:0 2px 4px 0 rgba(72, 77, 96, 0.28); background-color:#35384a;}
.btn_40 {display:inline-block; height:40px; line-height:40px; text-align:center; color:#fff !important; font-size:12px; background-color:#4169e1;}
.btn_40.gray {background-color:#bdbdbd;}
.btn_40.ico_plus {border-radius:8px;}
.btn_40.ico_plus span {display:inline-block; padding-left:22px; background:url(../../images/ico_25.png) 0 center no-repeat; background-size:17px auto;}
.btn_45 {display:inline-block; height:45px; line-height:45px; text-align:center; color:#fff !important; font-size:12px; background-color:#4169e1;}
.btn_45.gray {background-color:#bdbdbd;}
.btn_43 {display:inline-block; height:45px; line-height:45px; text-align:center; color:#fff !important; font-size:12px; background-color:#4169e1; border-radius:8px; box-shadow:0 2px 4px 0 rgba(72, 77, 96, 0.24);}
.btn_43.navy {background-color:#35384a;}
.btn_43.gray {background-color:#b8bdcb;}
.btn_43.t14 {font-size:14px;}
.btn_50 {display:inline-block; height:50px; line-height:50px; font-size:16px; color:#fff !important; font-weight:500; background-color:#4169e1; text-align:center; border-radius:8px; box-shadow:0 2px 4px 0 rgba(72, 77, 96, 0.24);}
.btn_50.gray {background-color:#bdbdbd; box-shadow:0px 4px 15px 0 rgba(0, 0, 0, 0.25);}
.btn_50.shadow {box-shadow:0px 4px 15px 0 rgba(0, 0, 0, 0.25);}
.btn_blue {font-size:13px; color:#4169e1 !important;}
.btn_gray {font-size:13px; color:#484d60 !important;}
.btn_line {display:inline-block; font-size:15px; color: #272b3d !important; letter-spacing:-0.3px; position:relative;}
.btn_line:after {content:""; display:block; width:100%; height:1px; background-color:#272b3d; position:absolute; left:0px; bottom:1px;}
.btn_bell {display:inline-block; width:22px; height:25px; background:url(../../images/ico_bell.png) 0 0 no-repeat; background-size:22px 25px; position:relative;}
.btn_bell .new {display:inline-block; width:14px; height:14px; line-height:14px; border-radius:14px; background-color:#ff4a4a; color:#fff; font-size:9px; text-align:center; font-weight:500; position:absolute; right:-3px; top:0px;}
.btn_close {display:inline-block; width:56px; height:56px; background:url(../../images/ico_21.png) center center no-repeat; background-size:17px auto;}
.btn_prev {display:inline-block; width:56px; height:56px; background:url(../../images/ico_20.png) center center no-repeat; background-size:12px auto;}

.btn_bottom_fixed {width:100%; position:fixed; left:0px; bottom:15px; text-align:center;}

.padding_01 {padding:0 26px;}
.padding_02 {padding:0 20px;}

.txt_11 {font-size:11px;}
.txt_12 {font-size:12px;}
.txt_13 {font-size:13px;}
.txt_14 {font-size:14px; color:#484d60; letter-spacing:-0.28px; font-weight:500;}
.txt_15 {font-size:15px;}
.txt_19 {font-size:19px;}
.txt_20 {font-size:20px;}
.txt_22 {font-size:22px;}
.txt_24 {font-size:24px;}
.txt_28 {font-size:28px; letter-spacing:-0.56px;}
.txt_32 {font-size:32px; letter-spacing:-0.64px;}
.txt_34 {font-size:34px; letter-spacing:-0.68px;}

.lh30 {line-height:30px;}

.fw_500 {font-weight:500 !important;}
.fw_400 {font-weight:400 !important;}

.lt_01 {letter-spacing:-1.1px;}	
.lt_02 {letter-spacing:-0.5px;}	

.ico_01 {padding-left:28px; font-size:14px; color:#484d60; font-weight:500; background:url(../../images/ico_01.png) 0 center no-repeat; background-size:23px auto;}
.ico_02 {padding-left:28px; font-size:14px; color:#484d60; font-weight:500; background:url(../../images/ico_02.png) 0 center no-repeat; background-size:23px auto;}
.ico_03 {padding-left:28px; line-height:36px; font-size:16px; color:#020203; background:url(../../images/ico_01.png) 0 center no-repeat; background-size:23px auto;}
.ico_04 {padding-left:33px; font-size:28px; color:#020203; background:url(../../images/ico_02.png) 0 center no-repeat; background-size:23px auto;}

.line_01 {height:10px; background-color:#f0f0f0;}
.line_02 {height:1px; background-color:#f0f0f0;}

.c_black {color:#020203;}
.c_gray {color:#8c909b;}
.c_gray_02 {color:#585858;}
.c_red {color:#ef6a73;}
.c_red_02 {color:#f6303d;}
.c_red_03 {color:#ff4a4a;}
.c_mint {color:#47c8d5;}
.c_blue {color:#4169e1;}

.op5 {opacity:0.5;}
.op8 {opacity:0.8;}

.no_point {margin:120px 0; padding-top:76px; font-size:14px; color:#8c909b; text-align:center; background:url(../../images/ico_03.png) center 0 no-repeat; background-size:68px auto;}
.no_item {margin:120px 0; padding-top:76px; font-size:14px; color:#8c909b; text-align:center; background:url(../../images/ico_07.png) center 0 no-repeat; background-size:68px auto;}
.no_item.mt {margin:180px 0;}
.no_list_01 {margin:200px 0; padding-top:76px; font-size:14px; color:#8c909b; text-align:center; background:url(../../images/ico_06.png) center 0 no-repeat; background-size:68px auto;}

.btn_bottom {display:block; width:100%; height:54px; font-size:15px; line-height:54px; text-align:center; color:#fff !important; background-color:#4169e1; position:fixed; left:0px; bottom:0px;}
.btn_bottom.navy {background-color:#35384a;}

.point_list ul li {padding-bottom:15px; margin-bottom:15px; position:relative; border-bottom:solid 1px #e6e9f3;}
.point_list ul li .name {margin-bottom:3px; font-size:15px; letter-spacing:-0.3px; color:#111521;}
.point_list ul li .date {font-size:13px; letter-spacing:-0.26px; color:#8c909b;}
.point_list ul li .point {font-size:18px; color:#020203; letter-spacing:-0.36px; font-weight:700; position:absolute; right:0px; top:10px;}

.charge_point_box {padding:10px 18px; line-height:30px; border-radius:4px; background-color:#f9fafc; overflow:hidden;}
.charge_point_box .name {font-size:14px; color:#484d60; font-weight:500; float:left;}
.charge_point_box .point {font-size:20px; color:#4169e1; font-weight:700; float:right;}

.table_style_01 tbody th {font-size:14px; color:#484d60; text-align:left; font-weight:500; vertical-align:top;}
.table_style_01 tbody th {padding:24px 0;}
.table_style_01 tbody td {padding:12px 0;}

.amount_box {padding-top:64px; text-align:center; background:url(../../images/ico_05.png) center 0 no-repeat; background-size:54px auto;}
.amount_box .txt_01 {margin-bottom:10px; font-size:35px; color:#020203; letter-spacing:-0.7px;}
.amount_box .txt_02 {font-size:14px; color:#272b3d; letter-spacing:-0.28px;}

.noti_box {padding-bottom:26px; position:relative;}
.noti_box .noti {width:100%; text-align:center; font-size:14px; color:#f6303d; position:absolute; left:0px; bottom:0px;}

.it_style_01 {position:relative;}
.it_style_01 input {height:56px; font-size:20px;}
.it_style_01 .txt {position:absolute; right:16px; top:17px; font-size:15px; color:#4169e1;}

input[type=text].it_01, 
input[type=password].it_01 {padding-left:7px; border:none; background-color:#f5f5f5;}
input[type=text].it_02, 
input[type=password].it_02 {padding-left:7px; border:none; background-color:#fff;}

.gray_box {padding:20px 18px; border-radius:4px; background-color:#f9fafc;}

.border_box_01 {padding:20px 18px; border:solid 1px #e6e9f3; border-radius:4px;}

.list_style_01 li {padding:16px 0; border-bottom:solid 1px #f0f0f0; overflow:hidden;}
.list_style_01 li span {display:inline-block; line-height:28px;}
.list_style_01 li .date {margin-right:20px; font-size:15px; color:#272b3d; letter-spacing:-0.3px; font-weight:500;}
.list_style_01 li .price {font-size:16px; color:#020203; letter-spacing:-0.32px; font-weight:500; float:right;}
.list_style_01 li .badge_01,
.list_style_01 li .badge_02 {display:inline-block; height:25px; padding:0 10px; font-size:12px; border-radius:25px; color:#fff;}
.list_style_01 li .badge_01 {line-height:23px; color:#9098ac; background-color:#fff; border:solid 1px #9098ac; box-sizing:border-box;}
.list_style_01 li .badge_02 {line-height:25px; color:#fff; background-color:#9098ac;}

.coupon_list ul li {padding:15px 20px; margin-bottom:12px; border-radius:4px; border:solid 1px #e6e9f3; position:relative;}
.coupon_list ul li .name {margin-bottom:3px; font-size:15px; letter-spacing:-0.3px; color:#111521; font-weight:500;}
.coupon_list ul li .date {font-size:13px; letter-spacing:-0.26px; color:#484d60;}
.coupon_list ul li .qty {font-size:16px; color:#484d60; letter-spacing:-0.32px; position:absolute; right:20px; top:23px;}
.coupon_list ul li .qty strong {display:inline-block; margin-right:2px; color:#020203;}
.coupon_list.exp ul li {background-color:#f9fafc;}
.coupon_list.exp ul li .name {color:#8c909b;}
.coupon_list.exp ul li .date {color:#b1b3b9;}
.coupon_list.exp ul li .date span {display:inline-block; margin-right:5px; font-weight:500;}
.coupon_list.exp ul li .qty {color:#8c909b;}
.coupon_list.exp ul li .qty strong {color:#8c909b;}

.notice_list ul li {padding:20px 0; border-bottom:solid 1px #e6e9f3;}
.notice_list ul li a {display:block;}
.notice_list ul li a span {display:block;}
.notice_list ul li a span.name {margin-bottom:2px; font-size:15px; font-weight:500; letter-spacing:-0.3px; color:#111521;}
.notice_list ul li a span.date {font-size:13px; color:#8c909b; letter-spacing:-0.26px;}

.notice_view .title_box {margin-bottom:30px; padding-bottom:18px; border-bottom:solid 1px #111521;}
.notice_view .title_box .name {margin-bottom:8px; font-size:18px; font-weight:500; line-height:26px; letter-spacing:-0.36px; color:#111521;}
.notice_view .title_box .date {font-size:13px; letter-spacing:-0.26px; color:#8c909b;}
.notice_view .cont {padding:20px 23px; font-size:14px; line-height:22px; letter-spacing:-0.28px; color:#111521; border-radius:4px; background-color:#f9fafc;}

.customer_center {padding:165px 0 0 0; text-align:center;}
.customer_center .txt_01 {margin-bottom:30px; padding-top:50px; font-size:14px; font-weight:500; letter-spacing:-0.28px; color:#484d60; background:url(../../images/ico_08.png) center 0 no-repeat; background-size:39px auto;}
.customer_center .txt_02 {margin-bottom:12px; font-size:20px; font-weight:700; color:#111521;}
.customer_center .txt_03 {margin-bottom:165px; font-size:15px; line-height:24px; letter-spacing:-0.3px; color:#272b3d;}

.charge_list ul li {margin-bottom:8px;}
.charge_list ul li:last-child {margin-bottom:0px;}
.charge_list ul li a {display:block; padding:17px 26px; position:relative; background:url(../../images/ico_09.png) center center no-repeat #f2f4f9; border:solid 1px #e6e9f3; border-radius:4px; box-sizing:border-box;}
.charge_list ul li a:after {content:""; display:block; width:1px; height:100%; border-right:dotted 1px #e6e9f3; position:absolute; left:185px; top:0px;}
.charge_list ul li a span {display:block;}
.charge_list ul li a .point_box .name {margin-bottom:1px; font-size:13px; color:#111521; letter-spacing:-0.28px; font-weight:500;}
.charge_list ul li a .point_box .point {font-size:24px; color:#4169e1; font-weight:500;  letter-spacing:-0.52px; font-weight:500;}
.charge_list ul li a .price_box {position:absolute; left:200px; top:17px;}
.charge_list ul li a .price_box .name {margin-bottom:4px; font-size:13px; color:#484d60; letter-spacing:-0.28px;}
.charge_list ul li a .price_box .price {font-size:20px; color:#272b3d; letter-spacing:-0.4px;}
.charge_list ul li.on a {border:solid 1px #4169e1;}
.charge_list ul li.on a:after {border-right:dotted 1px #4169e1;}

.profile_box {min-height:50px; padding-left:55px; position:relative;}
.profile_box .name {font-size:18px; color:#010101; font-weight:500; position:relative;}
.profile_box .name .label {display:inline-block; height:16px; line-height:16px; padding:0 7px; border-radius:16px; background-color:#4169e1; color:#fff; font-size:10px; font-weight:500; margin-left:3px; position:relative; top:-8px;}
.profile_box .mail {font-size:12px; color:#010101;}
.profile_box .photo_box {width:50px; height:50px; position:absolute; left:0px; top:0px;}
.profile_box .photo_box input[type='file'] {width:50px; height:50px; opacity:0; position:absolute; left:0px; top:0px; z-index:1;}
.profile_box .photo_box .photo {width:47px; height:47px; border-radius:47px; overflow:hidden; background:url(../../images/ico_19.png) 0 0 no-repeat; background-size:47px 47px;}
.profile_box .photo_box .ico {display:inline-block; width:14px; height:14px; border-radius:14px; background-color:#4169e1; position:absolute; right:0px; bottom:0px;}
.profile_box .photo_box .ico:before {content:""; display:block; width:10px; height:2px; border-radius:2px; background-color:#fff; position:absolute; left:50%; top:50%; margin-left:-5px; margin-top:-1px;}
.profile_box .photo_box .ico:after {content:""; display:block; width:2px; height:10px; border-radius:2px; background-color:#fff; position:absolute; left:50%; top:50%; margin-left:-1px; margin-top:-5px;}

.have_box {padding:0 7px; background-color:#f7f7f7; border-radius:7px;}
.have_box > div {border-bottom:solid 1px #e5e5e5; position:relative;}
.have_box > div a {display:block; position:relative;}
.have_box > div a:after {content:""; display:block; width:10px; height:17px; background:url(../../images/ico_18.png) 0 0 no-repeat; background-size:10px auto; position:absolute; right:6px; top:50%; margin-top:-8px;}
.have_box > div:last-child {border-bottom:none;}
.have_box .name {display:block; padding-left:20px; font-size:16px; line-height:40px; color:#010101; font-weight:500;}
.have_box .point .amount {background:url(../../images/ico_01.png) right 2px no-repeat;}
.have_box .item .amount {background:url(../../images/ico_02.png) right 2px no-repeat;}
.have_box .amount {display:inline-block; padding-right:34px; background-size:25px 25px !important; position:absolute; right:29px; top:50%; margin-top:-12px;}
.have_box .amount em {font-size:19px; color:#000; opacity:0.6;}

.navi_box_01 ul {padding:0 10px; overflow:hidden;}
.navi_box_01 ul li {float:left; width:25%; margin-bottom:10px; text-align:center;}
.navi_box_01 ul li a {display:block; padding-top:42px;}
.navi_box_01 ul li a span {display:block; font-size:14px; color:#000; font-weight:500; opacity:0.7;}
.navi_box_01 ul li:nth-child(1) a {background:url(../../images/ico_10.png) center 10px no-repeat; background-size:39px auto;}
.navi_box_01 ul li:nth-child(2) a {background:url(../../images/ico_11.png) center 10px no-repeat; background-size:28px auto;}
.navi_box_01 ul li:nth-child(3) a {background:url(../../images/ico_12.png) center 10px no-repeat; background-size:26px auto;}
.navi_box_01 ul li:nth-child(4) a {background:url(../../images/ico_13.png) center 10px no-repeat; background-size:35px auto;}
.navi_box_01 ul li:nth-child(5) a {background:url(../../images/ico_14.png) center 10px no-repeat; background-size:32px auto;}
.navi_box_01 ul li:nth-child(6) a {background:url(../../images/ico_15.png) center 10px no-repeat; background-size:27px auto;}
.navi_box_01 ul li:nth-child(7) a {background:url(../../images/ico_16.png) center 10px no-repeat; background-size:28px auto;}
.navi_box_01 ul li:nth-child(8) a {background:url(../../images/ico_17.png) center 10px no-repeat; background-size:33px auto;}

.list_style_02 li {min-height:63px; margin-bottom:6px; padding:5px 20px 5px 32px; background-color:#f7f7f7; border-radius:9px; position:relative; box-sizing:border-box;}
.list_style_02 li:after {content:""; display:block; width:11px; height:11px; border-radius:11px; background-color:#bdbdbd; position:absolute; left:9px; top:10px;}
.list_style_02 li:before {content:""; display:block; width:10px; height:16px; background:url(../../images/ico_18.png) 0 0 no-repeat; background-size:10px 16px; position:absolute; right:5px; top:50%; margin-top:-8px;}
.list_style_02 li a {display:block;}
.list_style_02 li a span {display:block;}
.list_style_02 li a .name {font-size:14px; color:#010101; opacity:0.6; font-weight:500;}
.list_style_02 li a .txt {font-size:11px; color:#000; opacity:0.5;}
.list_style_02 li.mint a .name {opacity:1;}
.list_style_02 li.mint a .txt {opacity:0.8;}
.list_style_02 li.mint:after {background-color:#00bfa5;}
.list_style_02 li.red a .name {color:#ff4a4a; opacity:0.9;}
.list_style_02 li.red:after {background-color:#ff4a4a;}
.list_style_02 li.depth {min-height:auto; padding:9px 20px 9px 54px;}
.list_style_02 li.depth:after {left:34px; top:14px;}

#header .title_box {height:56px; box-shadow:1px 1px 4px rgba(0,0,0,0.49);}
#header .title_box .inner_box {width:360px; margin:0 auto; position:relative;}
#header .title_box .inner_box .title {text-align:center; font-size:20px; line-height:56px; color:#010101; font-weight:500;}
#header .title_box .inner_box .btn_prev {position:absolute; left:0px; top:0px;}
#header .title_box .inner_box .btn_close {position:absolute; right:0px; top:0px;}

.sub_setting {padding:0 16px;}
.sub_setting ul li {padding:18px 0; border-bottom:solid 2px #dcdcdc; overflow:hidden; position:relative;}
.sub_setting ul li:last-child {border-bottom:solid 5px #bdbdbd;}
.sub_setting ul li .name {font-size:16px; color:#000;}
.sub_setting ul li .right {float:right;}
.sub_setting ul li .right .txt {font-size:14px; color:#000; opacity:0.6;}
.sub_setting ul li .btn_link {display:block; padding:0 0 3px 0; font-size:14px; color:#000; border-bottom:solid 2px #c4c4c4; opacity:0.6;}

.dots_box {position:relative;}
.dots_box .dots {position:absolute; right:-5px; top:13px; overflow:hidden;}
.dots_box .dots li {float:left; margin:0 5px;}
.dots_box .dots li span {display:inline-block; width:8px; height:8px; background-color:#bdbdbd; border-radius:8px;}
.dots_box .dots li.on span {background-color:#4169e1;}

.list_style_03 ul {overflow:hidden; margin-right:-7px;}
.list_style_03 ul li {float:left; width:33%; text-align:center; margin-bottom:6px; padding-right:7px; box-sizing:border-box;}
.list_style_03 ul li .checkbox.style_03 {display:block;}
.list_style_03 ul li .checkbox.style_03 span {width:100%; height:30px; line-height:28px; border-radius:8px; border:solid 1px #bdbdbd; font-size:13px; color:#000; opacity:0.5; letter-spacing:-1.3px; cursor:pointer;}

.search_box_01 {position:relative;}
.search_box_01 .it {background-color:#f5f5f5; border:none;}
.search_box_01 .btn_search {display:block; width:100%; height:44px; position:absolute; left:0px; top:0px;}
.search_box_01 .btn_search:after {content:""; display:block; width:19px; height:19px; background:url(../../images/ico_22.png) 0 0 no-repeat; background-size:19px auto; position:absolute; right:15px; top:50%; margin-top:-10px;}

.search_box_02 {position:relative;}
.search_box_02 .it {padding-left:7px; background-color:#fff; border:none;}
.search_box_02 .btn_search {display:block; width:100%; height:44px; position:absolute; left:0px; top:0px;}
.search_box_02 .btn_search:after {content:""; display:block; width:19px; height:19px; background:url(../../images/ico_22.png) 0 0 no-repeat; background-size:19px auto; position:absolute; right:15px; top:50%; margin-top:-10px;}

.list_style_04 ul {overflow:hidden; margin-right:-5px;}
.list_style_04 ul li {float:left; margin-right:5px; margin-bottom:5px;}
.list_style_04 ul li div {height:30px; line-height:30px; padding:0 28px 0 10px; border-radius:8px; border:solid 1px #bdbdbd; font-size:13px; color:rgba(0, 0, 0, 0.5); position:relative;}
.list_style_04 ul li div .btn_del {display:block; width:18px; height:18px; background:url(../../images/ico_23.png) 0 0 no-repeat; background-size:18px auto; position:absolute; right:6px; top:50%; margin-top:-9px;}

.choose_day li {height:30px; margin-bottom:6px; padding-left:107px; position:relative;}
.choose_day li .name {font-size:13px; line-height:30px; color:rgba(0, 0, 0, 0.8); position:absolute; left:45px; top:0px;}
.choose_day .check_day {display:inline-block; overflow:hidden;}
.choose_day .check_day .checkbox {float:left; margin:0 5px;}

.regional_select {overflow:hidden;}
.regional_select > div {float:left; width:50%;}
.regional_select .name {font-size:16px; line-height:45px; color:#000; font-weight:500; text-align:center; border-bottom:solid 1px #4169e1;}
.regional_select > div:nth-child(1) .list li {padding-right:3px;}
.regional_select > div:nth-child(2) .list li {padding-left:3px;}
.regional_select .list li button {display:block; width:100%; height:35px; line-height:35px; font-size:14px; color: rgba(0, 0, 0, 0.8); text-align:center; cursor:pointer;}
.regional_select .list li.on button {background-color:rgba(0,0,0,0.05); border-radius:8px;}

.tutor_career_box {margin-bottom:5px; padding:15px 7px; background-color:#ebebeb; border-radius:8px;}
.tutor_career_box .date_box {margin-bottom:25px; overflow:hidden;}
.tutor_career_box .date_box > div {width:50%; float:left; position:relative;}
.tutor_career_box .date_box .name {margin-bottom:5px; font-size:14px; color: rgba(0, 0, 0, 0.8); text-align:center;}
.tutor_career_box .date_box .it {border:none; height:40px; text-align:center; font-size:14px; color: rgba(0, 0, 0, 0.5); border-radius:8px;}
.tutor_career_box .date_box .btn_date {display:block; width:145px; height:40px; position:absolute; left:0px; bottom:0px; cursor:pointer;}
.tutor_career_box .cont_box {position:relative;}
.tutor_career_box .cont_box .name {margin-bottom:5px; font-size:14px; color: rgba(0, 0, 0, 0.8);}
.tutor_career_box .cont_box .txt_length {font-size:11px; color: rgba(0, 0, 0, 0.5); position:absolute; right:0px; top:5px;}
.tutor_career_box .cont_box textarea {height:80px; border:none; border-radius:8px; resize:none;}

.mentoring_box {margin-bottom:10px; padding:20px 7px; background-color:#ebebeb; border-radius:8px;}

.record_book_box {margin-bottom:10px; padding:15px 0 10px; background-color:#ebebeb; border-radius:8px;}
.record_book_box .it_list li {margin-bottom:5px; padding:0 17px 0 182px; position:relative;}
.record_book_box .it_list li .name {display:inline-block; font-size:14px; line-height:40px; font-weight:500; color:rgba(0, 0, 0, 0.8); position:absolute; left:26px; top:0px;}
.record_book_box .it_list li .it_box {position:relative;}
.record_book_box .it_list li .it_box .it {height:40px; border:none;}
.record_book_box .it_list li .it_box .txt {font-size:14px; font-weight:500; color:#4169e1; position:absolute; right:15px; top:50%; margin-top:-10px;}

.pdf_upload {position:relative;}
.pdf_upload:after {content:""; display:block; width:18px; height:20px; background:url(../../images/ico_26.png) 0 0 no-repeat; background-size:18px auto; position:absolute; right:20px; top:50%; margin-top:-10px;}
.pdf_upload input[type='file'] {width:100%; height:40px; opacity:0; cursor:pointer; position:absolute; left:0px; top:0px; z-index:1;}
.pdf_upload .it {height:40px; padding-left:10px; border:solid 1px #bdbdbd; box-sizing:border-box; font-size:14px; border-radius:0;}
.pdf_upload.fin:after {display:none;}
.pdf_upload.fin input[type='file'] {display:none;}
.pdf_upload.fin .it {height:40px; padding-left:10px; border:solid 1px #bdbdbd; box-sizing:border-box; font-size:14px; border-radius:0;}
.pdf_upload.fin .btn_del {display:block; width:40px; height:40px; background:url(../../images/ico_28.png) center center no-repeat; background-size:17px auto; position:absolute; right:0; top:0;}

.it_pw_box {position:relative;}
.it_pw_box:after {content:""; display:block; width:16px; height:20px; background:url(../../images/ico_27.png) 0 0 no-repeat; background-size:16px auto; position:absolute; right:20px; top:50%; margin-top:-10px;}
.it_pw_box .it {height:45px; line-height:45px; padding-left:10px; border-radius:8px; border:none; background-color:#f5f5f5;}

.record_book_detail_box {margin-bottom:10px;}
.record_book_detail_box ul {margin-right:-10px; overflow:hidden;}
.record_book_detail_box ul li {width:50%; margin-bottom:5px; float:left;}
.record_book_detail_box ul li a {display:block; height:30px; margin-right:10px; line-height:30px; border-radius:30px; background-color:#4169e1; color:#fff; text-align:center; font-size:13px;}
.record_book_detail_box ul li.l2 a {height:35px; line-height:35px; border-radius:35px;}
.record_book_detail_box ul li.l2 a span {display:block; padding-top:4px; font-size:11px; line-height:14px;}


/* popup */
.popup_all > div {display:block; width:100%; height:100%; position:fixed; left:0; top:100%; transition:top 0.05s ease-out 0.25s; z-index:150;}
.popup_all > div.open {top:0; transition:top 0.05s ease-out 0s;}
.popup_all > div:before {content:''; width:100%; height:100%; position:absolute; left:0px; top:0px; background-color:#000; opacity:0; transition:opacity 0.3s ease-out;}
.popup_all > div.open:before {opacity:0.7; transition:opacity 0.4s ease-out;}
.popup_all > div .outter_box {display:flex; width:100%; height:100%; align-items:center; justify-content:center; flex-direction:row;}
.popup_all > div .inner_box {position:relative; margin:auto 0; box-sizing:border-box; border-radius:20px; background-color:#fff; opacity:0; transform:translate(0, 100px) scale(0.75, 0.75); transition:all  0.4s cubic-bezier(1,-0.74,.13,.99); overflow:hidden;}
.popup_all > div.open .inner_box {transform:translate(0, 0) scale(1.0, 1.0); opacity:1; transition:all 0.5s cubic-bezier(0.59,0,0,1.63);}

.popup_point_charge .inner_box {width:308px; padding:35px 30px 70px 30px; position:relative;}
.popup_point_charge .title {margin-bottom:15px; font-size:18px; color:#111521; font-weight:700;}
.popup_point_charge .list li {margin-bottom:13px;}
.popup_point_charge .btn_box {overflow:hidden; position:absolute; left:0px; bottom:0px;}
.popup_point_charge .btn_box a {float:left;}

.popup_point_charge_complete .inner_box {width:220px; padding:50px 30px 85px 30px; text-align:center;}
.popup_point_charge_complete .title {font-size:14px; line-height:18px; color:#111521; font-weight:500;}
.popup_point_charge_complete .btn_box {width:100%; position:absolute; left:0px; bottom:0px;}

.popup_withdrawal_complete .inner_box {width:308px; padding:30px 0 70px; text-align:center;}
.popup_withdrawal_complete .title {margin-bottom:18px; font-size:18px; color:#111521; font-weight:700;}
.popup_withdrawal_complete .txt {margin-bottom:12px; font-size:14px; line-height:20px; color:#272b3d;}
.popup_withdrawal_complete .btn_box {width:100%; position:absolute; left:0px; bottom:0px;}

.popup_coupon_it .inner_box {width:308px; padding:33px 30px 70px;}
.popup_coupon_it .title {margin-bottom:22px; font-size:18px; color:#111521; font-weight:700;}
.popup_coupon_it input[type=text] {height:48px; font-size:15px;}
.popup_coupon_it .btn_box {width:100%; position:absolute; left:0px; bottom:0px; overflow:hidden;}
.popup_coupon_it .btn_box a {float:left;}

.popup_move .inner_box {width:220px; padding:45px 30px 75px; text-align:center;}
.popup_move .title {font-size:14px; line-height:18px; color:#111521; font-weight:500;}
.popup_move .btn_box {width:100%; position:absolute; left:0px; bottom:0px; overflow:hidden;}

.popup_kakao .inner_box {width:220px; padding:44px 0 76px; text-align:center;}
.popup_kakao .title {font-size:14px; line-height:18px; color:#111521; font-weight:500;}
.popup_kakao .btn_box {width:100%; position:absolute; left:0px; bottom:0px; overflow:hidden;}
.popup_kakao .btn_box a {float:left;}

.popup_out .inner_box {width:255px; padding:50px 0 80px; text-align:center;}
.popup_out .title {display:inline-block; width:180px; font-size:15px; line-height:18px; color:#000; text-align:left; font-weight:400;}
.popup_out .btn_box {width:100%; position:absolute; left:0px; bottom:0px; overflow:hidden;}
.popup_out .btn_box a {float:left;}
.popup_out .btn_box a .txt_14 {color:#fff; letter-spacing:0;}

.popup_date .inner_box {width:255px; padding:15px 0 60px; text-align:center;}
.popup_date .list_box {padding:0 50px; overflow:hidden;}
.popup_date .list_box > div {float:left; width:50%;}
.popup_date .list_box .list li {font-size:15px; line-height:35px; color: rgba(0, 0, 0, 0.3);}
.popup_date .list_box .list li.on {color:#000;}
.popup_date .btn_box {width:100%; position:absolute; left:0px; bottom:0px; overflow:hidden;}
.popup_date .btn_box a {float:left;}
.popup_date .btn_box a .txt_14 {color:#fff; letter-spacing:0;}

.detail_mentor .top_fixed {height:52px;}
.detail_mentor .top_fixed .outter_box {width:100%; position:fixed; left:0; top:0; background-color:#fff; box-shadow:0 3px 6px 0 rgba(0, 0, 0, 0.16); z-index:1;}
.detail_mentor .top_fixed .inner_box {width:360px; height:52px; margin:0 auto; position:relative; }
.detail_mentor .top_fixed .btn_close_02 {position:absolute; right:0px; top:0px;}
.detail_mentor .top_fixed .title {padding-left:18px; font-size:16px; line-height:52px; color:#020203; font-weight:700;}
.detail_mentor .top_fixed .label {display:inline-block; padding:2px 7px; font-size:12px; color:#4169e1; border:solid 1px #4169e1; border-radius:5px; position:absolute; right:57px; top:14px;}
.detail_mentor .cont {padding:20px; background-color:#c5d3ff;}
.detail_mentor .cont .q_box {text-align:right;}
.detail_mentor .cont .q_box .name span {display:inline-block; width:16px; height:18px; line-height:16px; margin-bottom:4px; text-align:center; font-size:12px; color:#fff; border-radius:2px; background-color:#767f99;}
.detail_mentor .cont .q_box .txt span {display:inline-block; max-width:245px; margin-bottom:20px; padding:10px 14px; font-size:14px; line-height:18px; letter-spacing:-0.28px; background-color:#638aff; border-radius:10px 0 10px 10px; color:#fff; box-sizing:border-box; text-align:left;}
.detail_mentor .cont .a_box {margin-bottom:20px; padding-left:41px; position:relative;}
.detail_mentor .cont .a_box .profile_area {position:absolute; left:0px; top:0px;}
.detail_mentor .cont .a_box .profile_area .photo {width:35px; height:35px; border-radius:35px; overflow:hidden; background:url(../../images/ico_33.png) 0 0 no-repeat; background-size:35px auto;}
.detail_mentor .cont .a_box .profile_area .photo img {width:100%;}
.detail_mentor .cont .a_box .profile_area .name {display:inline-block; height:15px; line-height:15px; padding:0 3px; background-color:#bdbdbd; font-size:10px; color:#fff; border-radius:5px;}
.detail_mentor .cont .a_box .txt_area .name {margin-bottom:6px; padding-left:8px; font-size:12px; color:#424758;}
.detail_mentor .cont .a_box .txt_area .name .label {display:inline-block; padding:0 5px; margin-right:6px; line-height:18px; font-size:10px; background-color:#4169e1; border-radius:10px; color:#fff;}
.detail_mentor .cont .a_box .txt_area .txt {max-width:245px; padding:10px 14px; background-color:#fff; font-size:14px; letter-spacing:-0.28px; line-height:20px; color:#020203; border-radius:0 10px 10px 10px; box-sizing:border-box;}
.detail_mentor .cont .a_box .txt_area .date {font-size:10px; position:absolute; left:10px; bottom:0px; color:#424758;}
.detail_mentor .scroll_box {height:132px; background-color:#a5b5e6;}
.detail_mentor .scroll_box .txt {padding:11px 0; text-align:center; color:#fff; font-size:14px; letter-spacing:-0.56px;}
.detail_mentor .scroll_box .txt span {display:inline-block; margin:0 10px;}

.detail_mentoring .top_fixed {height:52px;}
.detail_mentoring .top_fixed .outter_box {width:100%; position:fixed; left:0; top:0; background-color:#fff; z-index:1;}
.detail_mentoring .top_fixed .inner_box {width:360px; height:52px; margin:0 auto; position:relative; }
.detail_mentoring .top_fixed .btn_close_02 {position:absolute; right:0px; top:0px;}
.detail_mentoring .cont {background-color:#e1e1e1;}
.detail_mentoring .cont .profile_area {margin-bottom:4px; padding:0 0 28px 75px; position:relative; background-color:#fff;}
.detail_mentoring .cont .profile_area .photo_box {position:absolute; left:18px; top:4px;}
.detail_mentoring .cont .profile_area .photo_box .photo {margin-bottom:4px; width:48px; height:48px; border-radius:48px; overflow:hidden; background:url(../../images/ico_33.png) 0 0 no-repeat; background-size:48px auto;}
.detail_mentoring .cont .profile_area .photo_box .photo img {width:100%;}
.detail_mentoring .cont .profile_area .photo_box .label > span {display:block; margin-bottom:3px; color:#fff; width:48px; height:20px; line-height:20px; font-size:11px; border-radius:5px; text-align:center;}
.detail_mentoring .cont .profile_area .photo_box .label > span.red {background-color:#eb5852;}
.detail_mentoring .cont .profile_area .photo_box .label > span.mint {background-color:#1eb7c7;}
.detail_mentoring .cont .profile_area .name_box {margin-bottom:6px; color:#000; font-weight:500; font-size:16px; letter-spacing: -0.64px;}
.detail_mentoring .cont .profile_area .name_box .name {display:inline-block; margin:0 7px 0 2px; position:relative; top:2px;}
.detail_mentoring .cont .profile_area .name_box .label_01 {display:inline-block; height:20px; line-height:20px; padding:0 5px; border-radius:5px; color:#fff; font-size:11px; background-color:#4169e1;}
.detail_mentoring .cont .profile_area .name_box .label_02 {display:inline-block; height:20px; line-height:20px; padding:0 5px; border-radius:20px; color:#fff; font-size:11px; background-color:#808080;}
.detail_mentoring .cont .profile_area .txt_info_01 {overflow:hidden;}
.detail_mentoring .cont .profile_area .txt_info_01 li {margin-left:8px; padding-left:8px; float:left; font-size:15px; line-height:22px; color:#020203; letter-spacing: -0.6px; position:relative;}
.detail_mentoring .cont .profile_area .txt_info_01 li:first-child {margin-left:0px; padding-left:0px;}
.detail_mentoring .cont .profile_area .txt_info_01 li:first-child:after {display:none;}
.detail_mentoring .cont .profile_area .txt_info_01 li:after {content:""; display:block; width:1px; height:13px; background-color:#020203; position:absolute; left:0px; top:5px;}
.detail_mentoring .cont .profile_area .txt_info_02 {margin-bottom:7px; font-size:15px; line-height:22px; color:#020203; letter-spacing: -0.6px;}
.detail_mentoring .cont .profile_area .txt_info_03 > span {display:inline-block; height:32px; line-height:32px; padding:0 8px 0 28px; font-size:14px; font-weight:500; color:#303030; letter-spacing:-0.56px; border-radius: 5px;}
.detail_mentoring .cont .profile_area .txt_info_03 .txt_01 { background:url(../../images/ico_32.png) 8px center no-repeat #efefef; background-size:16px auto; }
.detail_mentoring .cont .profile_area .txt_info_03 .txt_02 { background:url(../../images/ico_31.png) 8px center no-repeat #efefef; background-size:16px auto; }
.detail_mentoring .cont .txt_box {padding:15px 26px; background-color:#fff;}
.detail_mentoring .cont .txt_box .txt_01 {font-size:14px; font-weight:500; color:#000; letter-spacing: -0.56px;}
.detail_mentoring .cont .txt_box .txt_02 {font-size:14px; color:#7283b5; letter-spacing: -0.56px;}
.detail_mentoring .cont .info_box {padding:18px 18px 0 18px;}
.detail_mentoring .cont .info_box > div {padding:20px; margin-bottom:10px; background-color:#fff; border-radius:12px;}
.detail_mentoring .cont .info_box .table {border:solid 1px #e6e9f3;}
.detail_mentoring .cont .info_box .table thead th {padding:9px 0; color:#fff; background-color:#494c5e; font-size:12px; font-weight:500;}
.detail_mentoring .cont .info_box .table tbody td {padding:9px 12px; font-size:11px; border-top:solid 1px #e6e9f3; letter-spacing: -0.22px; text-align: left; color: #373737;}
.detail_mentoring .cont .info_box .table tbody th {height:30px; line-height:30px; font-weight:400; font-size:11px; background-color:#e6e9f2;}
.detail_mentoring .cont .info_box .table tbody tr:first-child td {border-top:none;}
.detail_mentoring .cont .info_box .btn_box {height:26px; margin-bottom:18px; position:relative;}
.detail_mentoring .cont .info_box .btn_box .label {display:inline-block; height:20px; padding:0 3px; line-height:20px; border-radius:3px; color:#fff; font-size:11px; background-color:#f3a83e;}
.detail_mentoring .cont .info_box .btn_box .btn_buy {display:inline-block; height:26px; padding:0 10px; line-height:26px; border-radius:26px; color:#fff; font-size:11px; background-color:#4169e1; position:absolute; right:0px; top:0px;}
.detail_mentoring .scroll_box {padding-bottom:100px;}
.detail_mentoring .scroll_box .txt {text-align:center; color:#a4a3a3; font-size:14px; letter-spacing:-0.56px;}
.detail_mentoring .scroll_box .txt span {display:inline-block; margin:0 10px;}

.detail_tutor .top_fixed {height:52px;}
.detail_tutor .top_fixed .outter_box {width:100%; position:fixed; left:0; top:0; background-color:#fff; z-index:1;}
.detail_tutor .top_fixed .inner_box {width:360px; height:52px; margin:0 auto; position:relative; }
.detail_tutor .top_fixed .btn_close_02 {position:absolute; right:0px; top:0px;}
.detail_tutor .cont {background-color:#e1e1e1;}
.detail_tutor .cont .profile_area {height:134px; margin-bottom:4px; padding:0 0 28px 75px; position:relative; background-color:#fff; box-sizing:border-box;}
.detail_tutor .cont .profile_area .photo_box {position:absolute; left:18px; top:4px;}
.detail_tutor .cont .profile_area .photo_box .photo {margin-bottom:4px; width:48px; height:48px; border-radius:48px; overflow:hidden; background:url(../../images/ico_33.png) 0 0 no-repeat; background-size:48px auto;}
.detail_tutor .cont .profile_area .photo_box .photo img {width:100%;}
.detail_tutor .cont .profile_area .photo_box .label > span {display:block; margin-bottom:3px; color:#fff; width:48px; height:20px; line-height:20px; font-size:11px; border-radius:5px; text-align:center;}
.detail_tutor .cont .profile_area .photo_box .label > span.red {background-color:#eb5852;}
.detail_tutor .cont .profile_area .photo_box .label > span.mint {background-color:#1eb7c7;}
.detail_tutor .cont .profile_area .name_box {margin-bottom:6px; color:#000; font-weight:500; font-size:16px; letter-spacing: -0.64px;}
.detail_tutor .cont .profile_area .name_box .name {display:inline-block; margin:0 7px 0 2px; position:relative; top:2px;}
.detail_tutor .cont .profile_area .name_box .label_01 {display:inline-block; height:20px; line-height:20px; padding:0 5px; border-radius:5px; color:#fff; font-size:11px; background-color:#4169e1;}
.detail_tutor .cont .profile_area .name_box .label_02 {display:inline-block; height:20px; line-height:20px; padding:0 5px; border-radius:20px; color:#fff; font-size:11px; background-color:#808080;}
.detail_tutor .cont .profile_area .txt_info_01 {overflow:hidden;}
.detail_tutor .cont .profile_area .txt_info_01 li {margin-left:8px; padding-left:8px; float:left; font-size:15px; line-height:22px; color:#020203; letter-spacing: -0.6px; position:relative;}
.detail_tutor .cont .profile_area .txt_info_01 li:first-child {margin-left:0px; padding-left:0px;}
.detail_tutor .cont .profile_area .txt_info_01 li:first-child:after {display:none;}
.detail_tutor .cont .profile_area .txt_info_01 li:after {content:""; display:block; width:1px; height:13px; background-color:#020203; position:absolute; left:0px; top:5px;}
.detail_tutor .cont .profile_area .txt_info_02 {margin-bottom:7px; font-size:15px; line-height:22px; color:#020203; letter-spacing: -0.6px;}
.detail_tutor .cont .profile_area .txt_info_03 > span {display:inline-block; height:32px; line-height:32px; padding:0 8px 0 28px; font-size:14px; font-weight:500; color:#303030; letter-spacing:-0.56px; border-radius: 5px;}
.detail_tutor .cont .profile_area .txt_info_03 .txt_01 {background:url(../../images/ico_32.png) 8px center no-repeat #efefef; background-size:16px auto; }
.detail_tutor .cont .profile_area .txt_info_03 .txt_02 {background:url(../../images/ico_31.png) 8px center no-repeat #efefef; background-size:16px auto; }
.detail_tutor .cont .info_box > div {padding:15px 18px; margin-top:4px; background-color:#fff; position:relative;}
.detail_tutor .cont .info_box > div:first-child {margin-top:0px;}
.detail_tutor .cont .info_box .title {margin-bottom:12px; font-size:15px; font-weight:500; color:#000; letter-spacing: -0.6px;}
.detail_tutor .cont .info_box .label_list {overflow:hidden;}
.detail_tutor .cont .info_box .label_list li {margin-left:6px; float:left; width:107px; height:30px; line-height:30px; text-align:center; background-color:#ebebeb; border-radius:5px;}
.detail_tutor .cont .info_box .label_list li:first-child {margin-left:0px;}
.detail_tutor .cont .info_box .label_list li span {display:inline-block; opacity:0.5; font-size: 13px; font-weight:500; letter-spacing: -0.52px; color:#000;}
.detail_tutor .cont .info_box .info_02 .btn_ask {display:inline-block; width:110px; height:30px; line-height:30px; border-radius:5px; box-shadow:0 2px 4px 0 rgba(0, 0, 0, 0.16); background-color:#4169e1; color:#fff; text-align:center; font-size:11px; position:absolute; right:18px; top:48px;}
.detail_tutor .cont .info_box .info_03 .table {border-radius: 5px; border: solid 1px #ccc;}
.detail_tutor .cont .info_box .info_03 .table thead th {padding:5px 0; border-left:solid 1px #ccc; font-size: 11px; font-weight: 500; letter-spacing: -0.44px; color: #6e6e6e;}
.detail_tutor .cont .info_box .info_03 .table thead th:first-child {border-left:none;}
.detail_tutor .cont .info_box .info_03 .table tbody td {padding:10px 0; border-top:solid 1px #ccc; border-left:solid 1px #ccc; font-size: 11px; font-weight: 500; letter-spacing: -0.44px; color: #6e6e6e; text-align:center;}
.detail_tutor .cont .info_box .info_03 .table tbody td .on {display:inline-block; width:15px; height:15px; border-radius:15px; background-color:#4169e1; position:relative; top:2px;}
.detail_tutor .cont .info_box .info_03 .table tbody td:first-child {border-left:none;}
.detail_tutor .cont .info_box .info_04 .txt_01 {opacity:0.5; font-size:13px; font-weight:500; letter-spacing:-0.52px; color:#000; position:absolute; right:130px; top:17px;}
.detail_tutor .cont .info_box .info_04 .txt_02 {opacity:0.5; font-size:13px; font-weight:500; letter-spacing:-0.52px; color:#000; position:absolute; right:20px; top:17px;}
.detail_tutor .cont .info_box .info_05 .txt_01 {opacity:0.5; font-size:13px; font-weight:500; letter-spacing:-0.52px; color:#000; position:absolute; right:20px; top:17px;}
.detail_tutor .scroll_box {padding:20px 0 97px; background-color:#fff;}
.detail_tutor .scroll_box .txt {text-align:center; color:#8896c1; font-size:14px; letter-spacing:-0.56px;}
.detail_tutor .scroll_box .txt span {display:inline-block; margin:0 10px;}

.list_area .pagination_box {height:50px;}
.list_area .pagination_box .outter_box {width:100%; position:fixed; left:0; top:0; background-color:#fff; z-index:1; border-bottom:solid 1px #e6e9f3;}
.list_area .pagination_box .inner_box {width:360px; height:50px; margin:0 auto; position:relative; text-align:center;}
.list_area .pagination_box .banner {padding:14px 0 0 18px; text-align:left; font-size:14px; letter-spacing:-0.56px; color:#020203;}
.list_area .pagination_box .banner span {display:inline-block; margin-right:6px; font-weight:700; color:#4169e1;}
.list_area .pagination_box .slide_btn_box {display:inline-block; width:100%; position:fixed; bottom:5px; left:0; list-style:none; text-align:center; z-index:1;}
.list_area .pagination_box .slide_btn_box button{display:inline; width:40px; height:40px; padding:0; font-size:0; line-height:0; border-radius:40px; color:transparent; outline:none; background-color:#fff; transition:all 0.3s; box-sizing:border-box; box-shadow:2px 2px 4px 0px rgba(0, 0, 0, 0.16);}
.list_area .pagination_box .slide_btn_box button.left_arr {float:left; margin-left: 25px; background: url(../../images/arrow_left.png) center center no-repeat #fff; background-size: 25px 25px;}
.list_area .pagination_box .slide_btn_box button.right_arr {float:right; margin-right: 25px; background: url(../../images/arrow_right.png) center center no-repeat #fff; background-size: 25px 25px;}
.list_area .list_mentoring {padding:22px 18px; background-color:#f8faff;}
.list_area .list_mentoring > ul > li {height: 146px; margin-top:10px; padding:13px 0 11px 81px; background-color:#fff; border-radius:10px; position:relative; border: solid 1px #e0e7f8; box-sizing: border-box;}
.list_area .list_mentoring > ul > li:first-child {margin-top:0px;}
.list_area .list_mentoring > ul > li .photo_box {position:absolute; left:18px; top:11px;}
.list_area .list_mentoring > ul > li .photo_box .photo {margin-bottom:6px; width:48px; height:48px; border-radius:48px; overflow:hidden; background:url(../../images/ico_33.png) 0 0 no-repeat; background-size:48px auto;}
.list_area .list_mentoring > ul > li .photo_box .photo img {width:100%;}
.list_area .list_mentoring > ul > li .photo_box .label > span {display:block; margin-bottom:3px; color:#fff; width:45px; height:18px; line-height:16px; font-size:10px; border-radius:6px; text-align:center; box-sizing:border-box;}
.list_area .list_mentoring > ul > li .photo_box .label > span.red {color: #f57062; border: solid 1px #f57062;}
.list_area .list_mentoring > ul > li .photo_box .label > span.red .mat {width: 30px; display: inline; position: absolute; left: -18px; top: 44px;}
.list_area .list_mentoring > ul > li .photo_box .label > span.mint {color: #50cdce; border: solid 1px #50cdce;}
.list_area .list_mentoring > ul > li .photo_box .label > span.purple {color: #9385e9; border: solid 1px #9385e9;}
.list_area .list_mentoring > ul > li .name {font-size: 15px; font-weight: 700; color:#020203; letter-spacing: -0.6px;}
.list_area .list_mentoring > ul > li .txt_info_00 {display:inline-block; height:18px; line-height:18px; padding:0 9px; border-radius:5px; font-size:12px; color:#0d0d0d; background-color:#ccc; position:absolute; right:14px; top:10px;}
.list_area .list_mentoring > ul > li .txt_info_01 {margin-bottom: 6px; overflow:hidden;}
.list_area .list_mentoring > ul > li .txt_info_01 li {margin-left:8px; padding-left:8px; float:left; font-size:13px; line-height:20px; color:#657cc1; letter-spacing: -0.52px; position:relative;}
.list_area .list_mentoring > ul > li .txt_info_01 li:first-child {margin-left:0px; padding-left:0px;}
.list_area .list_mentoring > ul > li .txt_info_01 li:first-child:after {display:none;}
.list_area .list_mentoring > ul > li .txt_info_01 li:after {content:""; display:block; width:1px; height:11px; background-color:#657cc1; position:absolute; left:0px; top:5px;}
.list_area .list_mentoring > ul > li .txt_info_02 {margin-bottom: 9px; padding-right: 15px; font-size: 13px; letter-spacing: -0.6px; color: #444; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.list_area .list_mentoring > ul > li .txt_info_03 {margin-bottom:9px; overflow:hidden;}
.list_area .list_mentoring > ul > li .txt_info_03 li {margin-left:6px;float:left; font-size:13px; line-height:18px; color:#444; letter-spacing: -0.52px; position:relative;}
.list_area .list_mentoring > ul > li .txt_info_03 li:first-child {margin-left:0px;}
.list_area .list_mentoring > ul > li .txt_info_04 {overflow:hidden;}
.list_area .list_mentoring > ul > li .txt_info_04 li {display:inline-block; padding:0 8px; margin-left:5px; float:left; font-size:10px; color:#fff; height: 20px; line-height:20px; border-radius:20px; background-color:#4d505a;}
.list_area .list_mentoring > ul > li .txt_info_04 li:first-child {margin-left:0px;}
.list_area .slider_list .slick-dots{display:block; width:100%; position:fixed; bottom:20px; left:0; list-style:none; text-align:center; z-index:1;}
.list_area .slider_list .slick-dots li{display:inline-block; width:9px; height:9px; margin:0 5px; padding:0; position:relative;}
.list_area .slider_list .slick-dots li button{display:block; width:9px; height:9px; padding:0; font-size:0; line-height:0; border-radius:8px; border:solid 1px #e6e9f3; color:transparent; outline:none; background-color:#e8e8e8; transition:all 0.3s; box-sizing:border-box; box-shadow:2px 2px 4px 0px rgba(0, 0, 0, 0.38);}
.list_area .slider_list .slick-dots li.slick-active button {background-color:#4169e1; border:solid 1px #4169e1; border-radius:8px;}
.list_area .list_mentor {padding:22px 18px; background-color:#f8faff;}
.list_area .list_mentor .list > li {margin-bottom:10px; padding:11px 0 11px 116px; background-color:#fff; border-radius:10px; position:relative; border: solid 1px #e0e7f8;}
.list_area .list_mentor .list > li .photo {width:90px; height:90px; border-radius:7px; overflow:hidden; background-size:90px auto; position:absolute; left:12px; top:11px; background:url(../../images/ico_36.png) 0 0 no-repeat; background-size:90px auto;}
.list_area .list_mentor .list > li .photo img {width:100%; height:100%;}
.list_area .list_mentor .list > li .tit {padding-right:12px; font-size: 13px; line-height:18px; font-weight:700; letter-spacing: -0.52px; color: #020203;
    overflow: hidden; text-overflow: ellipsis; white-space: normal; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
}
.list_area .list_mentor .list > li .name {margin-bottom:3px; font-size: 12px; line-height:18px; color:#444; letter-spacing: -0.48px;}
.list_area .list_mentor .list > li .txt {overflow:hidden;}
.list_area .list_mentor .list > li .txt li {margin-left:8px; padding-left:8px; float:left; font-size:12px; line-height:18px; color:#5f7bd0; letter-spacing: -0.6px; position:relative;}
.list_area .list_mentor .list > li .txt li:first-child {margin-left:0px; padding-left:0px;}
.list_area .list_mentor .list > li .txt li:first-child:after {display:none;}
.list_area .list_mentor .list > li .txt li:after {content:""; display:block; width:1px; height:10px; background-color:#4169e1; position:absolute; left:0px; top:4px;}
.list_area .list_mentor .list > li .date {padding-left:17px; font-size: 11px; letter-spacing: -0.44px; color: #9b9ca1; background:url(../../images/ico_35.png) 0 center no-repeat; background-size:12px auto;}
.list_area .list_mentor .list > li .count {padding-left:17px; font-size: 11px; letter-spacing: -0.44px; color: #9b9ca1; background:url(../../images/ico_34.png) 0 center no-repeat; background-size:12px auto; position:absolute; left:217px; top:84px;}
.list_area .list_mentor .title {margin-bottom:11px; font-size: 16px; font-weight:700; letter-spacing: -0.64px; color:#5d6781;}
.list_area .list_mentor .btn_more {display:block; height: 36px; line-height:36px; border-radius: 10px; background-color: #dde3f1; font-size:12px; color: #90939c; text-align:center;}

.watermark:after {content:""; display:block; width:100%; height:100%; position:absolute; left:0px; top:0px; background:url(../../images/mark.png) center 0 repeat-y; background-size:360px auto;}