/* 공통 */
.sub_tit{font-weight:700;font-size:22px;text-align:center;}
.top_tit{padding:14px 15px;line-height:20px;text-align:center;font-weight: 700;}

.tab_box ul{display:flex;justify-content: space-between;border:1px solid #DDDDDD;border-radius:5px;overflow:hidden;}
.tab_box ul li{background:#F9F9F9;border-right:1px solid #DDDDDD;text-align:center;}
.tab_box ul li:last-child{border-right:0;}
.tab_box ul li.on{background:#19A3DD;}
.tab_box ul li a{display:inline-block;width:100%;height:40px;line-height:40px;font-size:15px;}
.tab_box ul li.on a{color:#fff;}

/* mypage */
.mypage_wrap{}
.mypage_user{height:150px;padding:15px 15px 0;background:#19A3DD;}
.mypage_user .prev{display:inline-block;width:12px;height:20px;margin-bottom:23px;background:url("../images/sub/ic_prev_mypage.png")no-repeat;background-size:100%;}
.mypage_user .name{color:#fff;font-weight:100;font-size:20px;line-height:25px;}
.mypage_user .name strong{color:#fff;font-weight:700;}
.myclass_list select{width:100%;padding: 0 10px;margin-top:20px; }

/* .myclass_list_box{}
.myclass_list_box li{margin-top:15px;border:1px solid #DEDEDE;border-radius:5px;box-shadow: 0 2.5px 5px rgba(0, 0, 0, 0.08);overflow: hidden;}
.myclass_list_box li .info{padding:20px 15px;}
.myclass_list_box li .label_red{height:24px;padding:0 8px;line-height:24px;font-size:12px;}
.myclass_list_box li .tit{margin:3px 0 10px;font-weight:700;font-size:18px;line-height: 27px;}
.myclass_list_box li .date{margin-bottom:10px;color:#777;font-size:13px;line-height: 20px;}
.myclass_list .graph_dec{}
.myclass_list .graph_dec em{margin-right:5px;color:#19A3DD;font-size:14px;font-weight: 500;}
.myclass_list .graph_dec span{color:#777777;font-size:12px;} */

.myclass_list_box {margin-top:20px;}
.myclass_list_box table{border-top:2px solid #19A3DD;}
.myclass_list_box tr{border-bottom:1px solid #000;}
.myclass_list_box th{padding:14px 0 12px;font-size:15px;font-weight:500;background:rgba(25,163,221,0.1);border-right:1px solid #000;}
.myclass_list_box th:last-child{border-right:0;}
.myclass_list_box td{padding:15px 10px 15px;border-right:1px solid #000;}
.myclass_list_box td:last-child{border-right:0;}
.myclass_list_box .tit span{display:inline-block;margin-bottom:4px;font-size:12px;font-weight:500;}
.myclass_list_box .tit p{font-size:15px;font-weight:500;line-height:22.5px;}
.myclass_list_box .date{text-align:center;}
.myclass_list_box .date span{display:block;font-size:14px;font-weight:500;}
.myclass_list_box .date button{width:calc(100% - 32px);margin-top:13px;font-size:14px;}

/* 학습홈 studyhome  */
.class_user{height:115px;}
.class_user .prev{margin-bottom:12px;}
.studyhome{position:relative;}
.studyhome >.tit{padding:19.5px 15px;background-color: #111111;color:#fff;text-align: center;font-weight:700;font-size:17px;line-height:21px;}
.studyhome .tab{display:flex;justify-content:space-between;align-items:center;height:51px;text-align:center;border-bottom:1px solid #DDDDDD;}
.studyhome .tab li{flex:1;height:100%;font-size:15px;}
.studyhome .tab li.on{border-top:7px solid #19A3DD;}
.studyhome .tab li a{display: flex;align-items: center;justify-content: center;width:100%;height:100%;}
.studyhome .tab li.on a{color:#19A3DD;font-weight:700;}

.study_list_top{display:flex;align-items:center;justify-content: space-between;padding:15px 15px 16px;}
.study_list_top select{width:calc(100% - 50px);padding: 0 10px;}
.study_list_top .ic_big_star{position:relative;}
.study_list_top .ic_big_star::before{position:absolute;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);left:-9px;width:1px;height:10px;content:'';background:#ddd;}
.study_home_list{}
.study_home_list .dp1{border-top:1px solid #EEEEEE;}
.study_home_list .dp1 >a{position:relative;display:inline-block;width:100%;height:100%;padding: 16px 15px 14px;background:#F9F9F9 ;font-weight:700;font-size:16px;}
.study_home_list .dp1 >a::after{position:absolute;right:15px;width:20px;height:12px;content:'';background:url("../images/sub/ic_studyhome_down.png")no-repeat 0 center;background-size:100%;}
.study_home_list .dp2{display:none;border-top:1px solid #EEEEEE;border-bottom:1px solid #DDDDDD;}
.study_home_list .dp2 >li{padding:14px 15px;border-bottom:1px solid #ddd;}
.study_home_list .dp2 >li:last-child{border-bottom:0;}
.study_home_list .dp2 >li>.tit{font-weight:500;font-size:15px;}
.study_home_list .dp2> li>.tit span{float:right;}
.study_home_list .dp2 >li>.tit a{display: inline-block;width: 90%;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.study_home_list .professor{display:inline-block;margin:8px 0 9px;font-size:13px;color:#707070;}
.study_home_list .dp2 .percent_box{display:flex;align-items:center;justify-content:flex-start;width:calc(100% - 25px);font-size:13px;color:#707070;}
.study_home_list .dp2 .percent_box .txt{display: flex;align-items: center;width:120px;}
.study_home_list .dp2 .dec span:first-child{position:relative;padding-right:9px;margin-right:9px;}
.study_home_list .dp2 .dec span:first-child::after{position:absolute;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);right:0;width:1px;height:10px;content:'';background:#dedede;}
.study_home_list .dp2 .dec strong{color:#19A3DD}
.study_home_list .graph{position:relative;width:calc(100% - 120px);height:2px;background:#eee;}
.study_home_list .graph span{position:absolute;left:0;top:0;height:2px;background:#19A3DD;}

/* 학습홈 강의목차 */
.study_list{border-top:1px solid #DEDEDE;}
/* .mypage_wrap .dim{display:block;position: absolute;top: 0;left:0;z-index:1;background-color: rgba(0, 0, 0, 0.7);}
.studyhome .btn_list_down{position:absolute;top:-25.3px;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);width:20px;height:12px;cursor: pointer;background:url("../images/sub/ic_list_down.png")no-repeat;background-size:100%;} */
.study_list .box_top{color:#fff;background:#19A3DD;}
.study_list .box_top .name{padding:13.5px 15px 17px;border-bottom:1px solid rgba(255,255,255,0.2);}
.study_list .box_top .tit{margin-bottom:8px;font-size:17px;font-weight:700;line-height: 25px;}
.study_list .box_top .name span{font-size:12px;line-height:18px;}
.study_list .box_top .date{padding: 22.5px 15px;}
.study_list .box_top .date dl{display:flex;justify-content:space-between;font-size: 13px;line-height: 21.5px;}
.study_list .box_top .date dl dt{width:140px;}
.study_list .box_top .date dl dd{text-align: right;width: calc(100% - 140px);}
.study_list .box_top .date dl .graph_box{display: flex;align-items: center;justify-content: space-between;}
.study_list .box_top .date dl dd .graph{position:relative;top:1px;width: calc(100% - 65px);height: 3px;background:#fff;}
.study_list .box_top .date dl dd .graph span{position:absolute;left:0;top:0;height:3px;background:#EB2A2D;}
.study_list .list >.tit{padding:25px 15px 13px;;font-size:16px;font-weight:700;}
/* .study_list .list >ul{max-height:600px;overflow:auto;} */
.study_list .list ul{margin-bottom:55px;}
.study_list .list li{padding:16px 15px;}
.study_list .list .nodata{border-top:1px solid #ddd;border-bottom:1px solid #ddd;}
.study_list .list li:nth-child(even){background:#F9F9F9;}
.study_list .list li .name{display:flex;}
.study_list .list li .name .label_purple{min-width:40px;padding:2px 0;margin-right:6px;font-size:14px;font-weight:500;border-radius:15px;text-align:center;}
.study_list .list li .name strong{display:inline-block;font-size:16px;line-height: 19px;}
.study_list .list li .info{display:flex;justify-content:space-between;align-items:center;flex-wrap: wrap;}
.study_list .list li .info .date{margin-top: 11px;font-size:13px;color:#707070;}
.study_list .list li .info .date span{position:relative;padding-right:9px;margin-right:9px;}
.study_list .list li .info .date span:last-child{padding-right:0;margin-right:0;}
.study_list .list li .info .date span::after{position:absolute;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);right:0;width:1px;height:10px;content:'';background:#dedede;content:'';}
.study_list .list li .info .date span:last-child::after{display:none;}

.study_list .list li .info .btn_link{margin-top: 11px;}
.study_list .list li .info .btn_link a{margin-right:9px;}
.study_list .list li .info .btn_link a:last-child{margin-right:0;}
.study_list .list button{height:50px;line-height:48px;border-radius:0;}

/* 교수소개 */
.tutor_list_box{margin-top:27px;padding:0 15px;}
.tutor_list_box li{position:relative;height: 232px;border-radius:5px;overflow:hidden;margin-bottom:15px;}
.tutor_list_box li .tit{padding:10px 15px;background:#19A3DD;color:#fff;font-weight:700;font-size:14px;}
.tutor_list_box li .tit .label_white{padding:0 8.5px 0 8px;margin-right:10px;}
.tutor_list_box li .tit .label_white:nth-child(2){margin-left:15px;}
.tutor_list_box li img{position:absolute;left:0;top:40px;width:100%;}
.tutor_list_box li .dec{position:relative;padding: 75px 0 0 24px;}
.tutor_list_box li .dec strong{font-size:17px;font-weight:700;line-height: 25px;}
.tutor_list_box li .dec dl{}
.tutor_list_box li .dec dt{font-size:11px;font-weight:500;line-height: 25px;}
.tutor_list_box li .dec dd{font-size:10px;color:#777;line-height:15px;overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical;}

/* book_list 교재*/
.book_list_box{padding:40px 15px 0;}
.book_list_box >ul{display: flex;align-items: flex-end;flex-direction: column;border-bottom: 1px solid #ddd;}
.book_list_box >ul >li{position:relative;width:calc(100% - 32px);padding:20px  20px 20px 77.5px;margin-bottom:25px;border-radius:5px;border:1px solid #eee;}
.book_list_box >ul>li a{display:inline-block;width:100%;height:100%;}
.book_list_box >ul >li .img{position:absolute;left:-32px;top:-10px;width:90px;height:130px;border:1px solid #EEEEEE;box-shadow: 0 2.5px 5px rgba(0,0,0,0.08);background: #fff;}
.book_list_box >ul >li .tit{font-size:15px;font-weight:500;line-height:19.5px;}
.book_list_box .price{display:flex;justify-content:space-between;margin:9.5px 0 6px;color:#777;font-size:13px;line-height:20px;}
.book_list_box .price strong{font-weight:700;}
.book_list_box button{border-radius:5px;height:32px;line-height:32px;font-size:13px;font-weight:400;}

.srch_wrap{display:flex;justify-content:space-between;}
.srch_wrap select{width:110px;margin-right:10px;}
.srch_box{display:flex;align-items:center;width:calc(100% - 120px);}
.srch_box input{width:100%;height:45px;padding: 0 34px 0 10px;border:1px solid #ddd;border-radius: 5px;;}
.srch_box button{display:inline-block;width:19px;height:19px;margin-left: -28px;background:url("../images/sub/ic_srch.png")no-repeat;background-size:100%;}

/* book_view 교재상세 */
.book_view_wrap{}
.book_view_top{padding:27px 15px 20px;}
.book_view_top .tit{margin-bottom:9px;font-weight:700;font-size:20px;line-height: 20px}
.book_view_top >p{display: flex;flex-wrap: wrap;font-size:13px;color:#999999;line-height: 20px;}
.book_view_top >p span::after{display:inline-block;width:1px;height:10px;margin:0 5px;background:#999;content:'';}
.book_view_top >p span:last-child::after{display:none;}
.book_view_top .book_box{display:flex;justify-content: space-around;padding:15px 0;}
.book_view_top .book_box img{width:90px;}
.book_view_top .book_box dl{display:flex;line-height:25px}
.book_view_top .book_box dl dt{width:76px;font-size:12px;font-weight:500;}
.book_view_top .book_box dl dd{width:calc(100% - 76px);;font-size:12px;}
.book_view_top .book_box dl dd.font_red{font-weight:500;font-size:14px;}
.book_view_top .book_box dl dd.font_bblue{font-weight:500;}
.book_view_top .book_box dl dd span{margin-left:5px;padding:2px 4.5px 2px 7.5px;height:18px;line-height:18px;font-size:10px;text-align:center;background:#EB2A2D;color:#fff;border-radius: 15px;;}
.book_view_top button{height:35px;line-height:33px;;border-radius:3px;font-size:14px;}

.book_view_bottom{padding:20px 15px;}
.book_view_bottom .tab_box ul li{width:calc(100% /3);}
.book_view_bottom .list_box_wrap{padding:15px 0;}

.list_box_wrap h3{margin-bottom:9px;}
.list_box_wrap .list_box1{font-size:13px;color:#777777;line-height:20px;}
.list_box_wrap .list_box3 ul li{position:relative;margin-bottom: 5px;padding-left:10px;font-size:13px;}
.list_box_wrap .list_box3 ul li::before{position:absolute;left:0;top:7px;display:inline-block;width:3px;height:3px;background:#666666;content:'';}

/* course_view */
.course_view_wrap{position:relative;}
.course_view_wrap .video_box{padding: 20px 15px;}
.course_view_wrap .video_box .tit{float:left;display:inline-block;width: 50px;height: 50px;margin-right: 8px;padding: 7px 10.5px;text-align: center;font-weight: 500;font-size: 14px;background: #19A3DD;color: #fff;border-radius: 100%;}
/* .course_view_wrap .video_box .swiper-container{height: 9vh;} */
.course_view_wrap .video_box .swiper-container ul li{text-align:center;}
.course_view_wrap .video_box .swiper-container ul li .img{display:inline-block;position:relative;width:100%;height:100%;}
/* .course_view_wrap .video_box .swiper-container ul li .img::after{display:inline-block;position:absolute;bottom:0;left:0;background:rgba(0,0,0,0.5);color:#fff;font-size:13px;text-align:center;width:100%;height:20px;content:'샘플강의';} */
.course_view_wrap .tab_box{margin-bottom:15px;padding: 0 15px;}
.course_view_wrap .tab_box.on ul{position:fixed;top:0;left:0;width:100%;z-index:9999;}
.course_view_wrap .tab_box ul li{flex: 1;}
.course_view_wrap h3{margin:0 0 15px 0;font-weight:700;font-size:17px;color:#19A3DD;}

.course_view_wrap .course_info{padding:15px;margin-bottom:20px;background:#F9F9F9;}
.course_view_wrap .course_info dl{display:flex;justify-content: space-between;align-items: center;margin-bottom:10px;}
.course_view_wrap .course_info dl:last-child{margin-bottom:0;}
.course_view_wrap .course_info dl dt{width:50px;height:50px;margin-right:8px;padding: 7px 10.5px;text-align:center;font-weight:500;font-size:14px;background:#19A3DD;color:#fff;border-radius:100%;}
.course_view_wrap .course_info dl dd{width: calc(100% - 50px);font-size:13px;}

.course_view_wrap .list_box_wrap{padding: 0 15px 30px;}
.list_box_wrap .list_box{border:1px solid #ddd;border-radius:5px;overflow: hidden;}
.list_box_wrap .list_box dl{border-bottom:1px solid #dddd;}
.list_box_wrap .list_box dl:last-child{border-bottom:0;}
.list_box_wrap .list_box dl dt{background:url("../images/sub/ic_course_list_down.png")no-repeat 97% center;background-size:16px;}
.list_box_wrap .list_box dl dt.on{background:url("../images/sub/ic_course_list_up.png")no-repeat 97% center;background-size:16px;}
.list_box_wrap .list_box dl dt a{display:block;width:100%;height:100%;padding:20px;}
.list_box_wrap .list_box dl dt em{font-size:16px;font-weight:500;}
.list_box_wrap .list_box dl dt p{margin-top: 5px;font-size:12px;color:#707070;}
.list_box_wrap .list_box dl dd{display:none;padding:16.5px 20px;background:#F2F9FD;color:#707070;border-top:1px dashed #EEEEEE;}
.list_box_wrap .list_box dl dd .tit{font-weight:700;font-size:12px;}
.list_box_wrap .list_box dl dd .num{display:inline-block;margin-right:7px;}
.list_box_wrap .list_box dl dd .time{float:right;}
.list_box_wrap .list_box dl dd p{font-size:12px;}
.list_box_wrap .list_box dl dd .outline_blue{height:20px;line-height:20px;padding:0 8px;border-radius:2.5px;font-size:11px;}

.apply_box{margin:0 15px 35px;box-shadow: 0 2.5px 5px rgba(0,0,0,0.08);}
.apply_box .apply_info{padding:24px 20px 10px;overflow:hidden;border:1px solid #DEDEDE;border-radius: 5px 5px 0 0;}
.apply_box .apply_info .tit{margin-bottom:22px;text-align:center;font-size:20px;font-weight:800;line-height: 21px;}
.apply_box .apply_info .price{display:flex;justify-content: space-between;align-items: center;padding-bottom:6.5px;margin-bottom:6px;border-bottom:1px solid #EEEEEE;}
.apply_box .apply_info .price:last-child{padding-bottom:0;margin-bottom:0;border-bottom:0}
.apply_box .apply_info del{font-size:13px;color:#707070;}
.apply_box .apply_info em{margin:0 7.5px 0 6px;font-weight:700;font-size:13px;}
.apply_box .apply_info strong{font-weight:700;}
.apply_box .apply_info label{font-size:13px;font-weight:500;}
.apply_box .apply_info input{width:18px;height:18px;margin-left: 10px;vertical-align: middle;}
.apply_box button{border-radius:0 0 5px 5px;}

.course_view_wrap .book_box_wrap{background:#F9F9F9;}
.course_view_wrap .book_box_wrap h3{margin: 0 0 25px 0;}
.book_box_wrap{padding:30px 15px;}
.book_box_wrap .book_box{float:right;position:relative;width:calc(100% - 32px);padding:20px  20px 20px 77.5px;margin-bottom:25px;box-shadow: 0 2.5px 5px rgba(0,0,0,0.08);border-radius:5px;border:1px solid #eee;background:#fff;}
.book_box_wrap .book_box:last-child{margin-bottom:0;}
.book_box_wrap .img{position:absolute;left:-32px;top:-10px;width:90px;height:130px;overflow:hidden;box-shadow: 3px 3px 3px rgba(0,0,0,0.08);background: #fff;}
.book_box_wrap .tit{font-size:15px;font-weight:500;line-height:19.5px;}
.book_box_wrap .price{display:flex;justify-content:space-between;margin:9.5px 0 6px;color:#777;font-size:13px;line-height:20px;}
.book_box_wrap .price strong{font-weight:700;}
.book_box_wrap button{border-radius:5px;height:32px;line-height:32px;font-size:13px;font-weight:400;}

.course_view_wrap .tutor_box{padding:30px 15px 50px;}
.course_view_wrap .tutor_box >ul>li{display:flex;justify-content:space-between;margin-bottom:10px;padding:15px 20px;border-radius:5px;border:1px solid #DEDEDE;box-shadow: 0 2.5px 5px rgba(0, 0, 0, 0.08);}
.course_view_wrap .tutor_box >ul>li .info{padding-right: 20px;width: calc(100% - 75px);}
.course_view_wrap .tutor_box li .info .name{font-size:15px;font-weight:700;}
.course_view_wrap .tutor_box li .info p{margin:3px 0 15px;font-weight:500;font-size:12px;}
.course_view_wrap .tutor_box li .info ul{font-size:11px;color:#777;}
.course_view_wrap .tutor_box li .img{width:75px;height: 96.75px;}
.course_view_wrap .tutor_box li:last-child{margin-bottom:0;}

/* course_package */
.landing_wrap{}
.landing_wrap .package_04{padding:9px 0 11.5px;background:#000000;color:#fff;font-weight: 700;font-size:20px;line-height: 30px;text-align: center;}
.landing_wrap .apply_zone{padding:20px 15px 0;margin-bottom:26.5px;}
.landing_wrap .apply_zone dl {display:flex;}
.landing_wrap .apply_zone dl:first-child{border-top:2px solid #19A3DD;}
.landing_wrap .apply_zone dl:last-child{border-bottom:2px solid #19A3DD;}
.landing_wrap .apply_zone dl dt{width:80px;padding:20px 0 0 15px;background: #19A3DD;color:#fff;font-weight: 700;font-size: 15px;border-bottom:2px solid #fff;}
.landing_wrap .apply_zone dl:last-child dt{border-bottom:0;}
.landing_wrap .apply_zone dl dd{width:calc(100% - 80px);padding:19.5px 0 19.5px 19.5px;border-bottom:2px solid #19A3DD;}
.landing_wrap .apply_zone dl:last-child dd{border-bottom:0;}
.landing_wrap .apply_zone dl .tit{margin-bottom:5px;font-size:17px;font-weight:700;}
.landing_wrap .apply_zone dl .txt{color:#707070;font-size:12px;line-height: 16px;}
.landing_wrap .apply_zone dl .price{margin:19px 0 12.5px;}
.landing_wrap .apply_zone dl .price >div{display:flex;justify-content: space-between;margin-bottom:7px;}
.landing_wrap .apply_zone dl input[type="checkbox"]{width:18px;height:18px;margin-left:12px;vertical-align: middle;}
.landing_wrap .apply_zone button{width:50%;height:30px;line-height:28px;font-weight: 500;font-size:14px;;}
.landing_wrap .apply_zone button.gray{border-radius:5px 0 0 5px;margin:0 !important;}
.landing_wrap .apply_zone button.red{border-radius:0 5px 5px 0;}

.landing_wrap .apply_info_zone{padding:0 15px;}
.landing_wrap .apply_info_zone >p{margin-bottom:4px;font-size:16px;font-weight:700;}
.landing_wrap .apply_info_zone dl{padding:16px 0 20px;border-bottom:1px solid #EEEEEE;}
.landing_wrap .apply_info_zone dl dt{padding-left:16px;margin-bottom:5.5px;background:url("../images/sub/ic_apply_info.png")no-repeat 0 50%;background-size:11px;font-weight:700;font-size:14px;line-height: 21px;}
.landing_wrap .apply_info_zone dl dd{font-size:13px;color:#666666;}
.landing_wrap .apply_info_zone dl dd >div{margin-bottom:15px;}

/* board */
.board_wrap{padding:30px 0 0;}
.board_wrap h2.tit{margin-bottom:15px;font-size:22px;text-align: center;font-weight: 700;}
.board_wrap .tab_box{padding:0 15px;margin-bottom:20px;}
.board_wrap .tab_box li{flex:1;}
.board_wrap .board_tab{padding:0 15px;}

/*  board list */
.board_wrap .board_tab ul{display:flex;justify-content: space-around;align-items: center;margin:0 0 10px;border:1px solid #ddd;text-align: center;}
.board_wrap .board_tab li{position:relative;flex:1;padding:10px 0;}
.board_wrap .board_tab li a{color:#777777;font-size:13px;}
.board_wrap .board_tab li.on a{font-weight:500;color:#19A3DD;}
.board_wrap .board_tab li::after{position:absolute;top:50%;transform:translateY(-50%);right:0;width:1px;height:12px;background:#DDDDDD;content:'';}
.board_wrap .board_tab li:last-child::after{display:none;}
.board_txt{margin:0 15px 15px;border-top:2px solid #ddd;}
.board_txt ul li{display:inline-block;width:100%;padding:15px 0;border-bottom:1px solid #DDDDDD;font-size:14px;text-overflow: ellipsis;overflow:hidden;white-space: nowrap;}
.board_txt ul li a span.font_blue{margin-right:4px;}
.board_wrap .btns{padding:0 15px;}
.board_wrap .txt_noti {margin: 0 15px;font-size: 13px;color: #FE7D00;text-align: right;}
.board_movie{}
.board_movie .inner>ul{display:flex;flex-wrap: wrap;padding:15px 0 0;border-top:2px solid #ddd;border-bottom:1px solid #ddd;}
.board_movie .inner>ul li{width:calc((100% - 15px ) / 2);margin-bottom:25px;}
.board_movie .inner>ul li:nth-child(even){margin-left:15px;}
.board_movie .inner>ul li .img{min-height:100px;max-height:100px;margin-bottom:10px;overflow:hidden;}
.board_movie .inner>ul li .name{display:block;font-size:15px;font-weight:700;line-height:20px;}
.board_movie .inner>ul li p.txt{font-size:13px;color:#777;line-height:19px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}

/* board read */
.read_wrap{}
.read_wrap .tit_box{padding:0 0 10px;margin:0 15px;border-bottom:1px solid #111;}
.read_wrap .tit_box .tit{margin-bottom:5px;font-size:16px;font-weight: 500;line-height: 21px;}
.read_wrap .tit_box .info{}
.read_wrap .tit_box .info span{font-size:13px;color:#777;}
.read_wrap .tit_box .info span::after{display:inline-block;margin:0 10px;width:1px;height:12px;background:#DDDDDD;vertical-align: middle;content:'';}
.read_wrap .tit_box .info span:last-child::after{display:none;}
.read_content{padding:20px 15px 30px;}
.read_content img{width:auto;height:auto;}
.read_wrap .read_txt{padding:20px 15px 30px;line-height: 21px;font-size: 14px;}
.read_wrap .answer_box{padding:20px 15px;margin-bottom:15px;background:#F9F9F9;}
.read_wrap .answer_box .rred{margin-right:10px;padding:3px 10.5px 3px 10px;font-size:13px;border-radius:0 15px 15px 0;}
.read_wrap .answer_box span{font-size:13px;}
.read_wrap .answer_box span.date{color:#777777;}
.read_wrap .answer_box span.date::before{display:inline-block;width:1px;height:12px;margin:0 7.5px;vertical-align: middle;background:#ddd;content:'';}
.read_wrap .answer_box .answer_txt{padding-top:10px;margin-top:16.5px;font-size:14px;line-height:21px;border-top: 1px solid rgba(204,204,204,0.2);}
.read_wrap .btns{padding:0 15px;}
.read_wrap .btn{padding:0 15px;}
.read_wrap .btn button{width:100%;border-radius:5px;}
.read_wrap .comment_box{padding:30px 0 0;margin: 20px 15px 0;border-top:1px solid #DDDDDD;}
.read_wrap .comment_box .textarea_box{}
.read_wrap .comment_box .textarea_box textarea{width:calc(100% - 65px);height:65px;margin-right:10px;border-radius:5px;font-size:14px;}
.read_wrap .comment_box .textarea_box button{width:55px;height:65px;border-radius:5px;margin:0;vertical-align:top;}
.read_wrap .comment_box .select_box{margin-bottom: 26px;padding-bottom: 20px;border-bottom: 1px solid #ddd;}
.read_wrap .comment_box .select_box >p{display:flex;align-items:center;margin-bottom:5px;}
.read_wrap .comment_box .select_box select{width:calc(100% - 110px) !important;margin:0 0 0 10px !important;border-radius:5px;font-size:13px;}
.read_wrap .comment_box .select_box label{width:100px;font-size: 14px;}
.read_wrap .comment_box .select_box input{width:calc(100% - 110px) !important;margin:0 0 0 10px !important;}
.read_wrap .comment_box .select_box .addr input{width:calc(100% - 65px) !important;margin:0 10px 0 0 !important;}
.read_wrap .comment_box .select_box .addr button{width: 55px;height: 40px;font-size: 14px;font-weight: 400;border-radius: 5px;vertical-align: top;}
.read_wrap .comment_box input{width:calc(100% - 65px);height:40px;border-radius:5px;margin-right:10px;border:1px solid #ddd;background:#fff;}
.read_wrap .comment_box .black{width: 55px;height: 40px;font-size: 14px;font-weight: 400;border-radius: 5px;vertical-align: top;}
.read_wrap .comment_box ul{margin-top:15px;background:#F9F9F9;border-radius:5px;}
.read_wrap .comment_box ul li{position:relative;padding:15px;font-size:14px;border-bottom:1px dashed #DDDDDD;}
.read_wrap .comment_box ul li:last-child{border-bottom:0}
.read_wrap .comment_box ul li .date{margin-left:10px;font-size:12px;color:#777777;}
.read_wrap .comment_box ul li p{margin-bottom:4.5px;}
.read_wrap .comment_box .btn_box{position: absolute;right: 15px;top: 0;margin-top:10px;}
.read_wrap .comment_box ul li button{width:34px;font-size:12px;}

/* board write */
.write_wrap{}
.write_wrap .select_box{margin-bottom:30px;padding:20px 15px;background:#FFFBF3;}
.write_wrap .select_box dl{}
.write_wrap .select_box dl dt{margin-bottom:9.5px;font-size:14px;font-weight:500;}
.write_wrap .select_box dl dd{display:flex;margin-bottom:15px;}
.write_wrap .select_box dl dd div{margin-right:20px;}
.write_wrap .select_box dl dd div label{margin-left:5px;font-size:14px;}
.write_wrap .select_box dl dd div:last-child{margin-right:0;}
.write_wrap .select_chk{}
.write_wrap .select_chk input{width: 15px;height: 15px;vertical-align: middle;margin-right:10px;}
.write_wrap .select_chk label{font-size:14px;}
.write_wrap .select_chk p{margin: 8px 0 10px;color:#777;font-size: 13px;line-height: 1.2;word-break: break-all;}
.write_wrap .select{width:calc((100% - 10px)/2);height:40px;background-position-x:95%;}
.write_wrap .select:first-of-type{margin-right:7px;}
.write_wrap .write_box{padding:0 15px;}
.write_wrap .write_box input[type="text"]{width:100%;height:40px;margin-bottom:10px;border:1px solid #ddd;border-radius:5px;}
.write_wrap .write_box .file_box{position:relative;height:40px;margin:20px 0;}
.write_wrap .write_box .file_box input[type="text"]{display: inline-block;width: calc(100% - 65px);border: 1px solid #ddd;height: 40px;border-radius: 5px;}
.write_wrap .write_box .file_box input[type="file"]{position:absolute;left:0;top:0;width:100%;height:100%;cursor: pointer;opacity: 0;z-index: 1;outline: none !important;}
.write_wrap .write_box .file_box label{display:inline-block;color:#fff;text-align:center;border-radius:5px;font-size:14px;line-height:40px;background:#111;width:55px;height: 40px;margin-left:10px;}

.write_wrap .write_box textarea{width:100%;height:300px;margin-bottom:10px;padding:10px;border:1px solid #ddd;border-radius:5px;}
.write_wrap .write_box .info{padding:10px 0 15px;border-top:1px solid #ddd;font-size:13px;color:#999999;line-height: 16px;}
.write_wrap .write_box .info p{margin-bottom:4px;}
.write_wrap .write_box .info p:last-child{margin-bottom:0;}

/* 시험일정 */
.exam_info_wrap{}
.exam_info_wrap h3.tit{display:flex;height:auto;min-height:40px;margin:30px 0 20px;line-height: 40px;font-size:18px;font-weight:700;background:#FBC900;color:#fff;border-radius: 5px;}
.exam_info_wrap h3.tit::before{display:inline-block;width:40px;margin-right:10px;border-radius:5px 0 0 5px;background:#19A3DD url("../images/sub/ic_fix.png")no-repeat 50% 50%;background-size:18px;content:'';}

.exam_info_wrap{}
.exam_info_wrap .exam_schedule_box{padding:0 15px 30px;}
.exam_schedule_box li{margin-bottom:10px;box-shadow: 0 2.5px 5px rgba(0, 0, 0, 0.08);border-radius:9px;}
.exam_schedule_box li:first-of-type{background:url("../images/sub/bg_exam_info01.png")no-repeat 0 center;background-size:contain;}
.exam_schedule_box li:nth-of-type(2){background: url("../images/sub/bg_exam_info02.png")no-repeat 0 center;;background-size:contain;}
.exam_schedule_box li:nth-of-type(3){background: url("../images/sub/bg_exam_info03.png")no-repeat 0 center;;background-size:contain;}
.exam_schedule_box li:last-of-type{margin-bottom:0;background: url("../images/sub/bg_exam_info04.png")no-repeat 0 center;;background-size:contain;}


.exam_test_box{padding: 0 15px 30px;}
.exam_test_box .board_txt{margin:0;}
.exam_test_box .font_blue{font-weight:700;}

/* 무료강의 */
.free_lecture_box{padding: 0 15px 30px;}
.free_lecture_box select{position:relative;width:100%;margin:15px 0;border-radius:5px;-ms-expand:display:none;-webkit-appearance: none;-moz-appearance: none;appearance: none;background:#fff url("../images/sub/ic_select.png") no-repeat 98% 50%;background-size:10px;font-size:13px;color:#999;font-weight:400;}
.free_lecture_box select::-ms-expand {display:none;}
.free_lecture_box .tit{display: flex;height: auto;min-height: 40px;margin: 30px 0 0;line-height: 40px;font-size: 18px;font-weight: 700;background: #FBC900;color: #fff;border-radius: 5px;}
.free_lecture_box h3.tit::before{display:inline-block;width:40px;margin-right:10px;border-radius:5px 0 0 5px;background:#19A3DD url("../images/sub/ic_fix.png")no-repeat 50% 50%;background-size:18px;content:'';}
.free_lecture_box ul{}
.free_lecture_box >ul li{min-height:105px;margin-bottom:10px;padding:15px;background:url("../images/sub/ic_play.png")no-repeat 96% 81%;background-size:25px;border-radius:5px;border:1px solid #ddd;box-shadow: 0px 2.5px 5px rgba(0, 0, 0, 0.08);}
.free_lecture_box >ul li a{display:flex;width:100%;height:100%;}
.free_lecture_box .img{width:102px;height:75px;margin-right:15px;overflow:hidden;}
.free_lecture_box .info{}
.free_lecture_box .info em{margin-right:4.5px;padding:2px 6.5px;border-radius: 15px;font-weight: 500;color:#fff;font-size:10px;}
.free_lecture_box .info span{color:#777777;font-size:12px;}
.free_lecture_box .info p{margin-top:3px;font-weight: 700;font-size:16px;line-height: 19px;}

/* 무료강습 상세 */
.free_lecure_view{}
.free_lecure_view .prev{display:inline-block;width:26px;height:25px;margin: 15px;background:url("../images/sub/ic_prev.png")no-repeat;background-size:100%;}
.free_lecure_view .free_lecture_box{display:flex;align-items:flex-start;padding:27px 15px 15px;background:#F9F9F9 ;}
.free_lecure_view .view_list{padding:20px 15px;}
.free_lecure_view .view_list li{padding:15px;margin-bottom:10px;background:url("../images/sub/ic_play.png")no-repeat 96% 50%;background-size:25px;border:1px solid #ddd;border-radius:5px;}
.free_lecure_view .view_list li a{display:flex;justify-content:flex-start;}
.free_lecure_view .view_list li span{margin-right:10px;}
.free_lecure_view .view_list li p{width:80%;font-size:14px;line-height:18px;}


/* 시험일정 및 시험정보*/
/* 공통 */
.exam_tab{display:flex;flex-wrap:wrap;padding:20px 15px;}
.exam_tab li{width:calc((100% - 1px) / 2);border-top:1px solid #fff;}
.exam_tab li:nth-child(odd){margin-right:1px;}
.exam_tab li a{display:inline-block;width:100%;height:40px;line-height:40px;color:#999999;font-size:15px;font-weight:500;background:#efefef;text-align:center;}
.exam_tab li.on a{background:#47b5e4;color:#fff;}
.ex_schedule_tb .tit{display: flex;align-items: center;justify-content: space-between;padding: 25px 15px 15px;font-size:17px;font-weight:700;}
.ex_schedule_tb .sub_tit{padding-left:12px;margin-bottom:10px;text-align:left;color:#47b5e4;font-size:14px;font-weight:500;background:url("../images/sub/ic_tit_circle.png")no-repeat 0 50%;background-size:8px;}
.ex_schedule_tb .tb1{padding:0 15px;margin-bottom:20px;}
.ex_schedule_tb .tb1 th{padding:9px 3px;font-size:13px;font-weight:400;background:#f9f9f9;text-align:center;border-top:1px solid #111;border-right:1px solid #ddd;}
.ex_schedule_tb .tb1 th:last-child{border-right:0;}
.ex_schedule_tb .tb1 tr{border-bottom:1px solid #ddd;}
.ex_schedule_tb .tb1 tr td{padding:9px 2px;border-right:1px solid #ddd;text-align:center;font-size:13px;}
.ex_schedule_tb .tb1 tr td:last-child{border-right:0;}
.ex_schedule_tb .info_box{padding:15px 0;color:#999;font-size:12px;}
.ex_schedule_tb .info_box p{position:relative;margin-bottom:5px;padding-left:8px;}
.ex_schedule_tb .info_box p::before{position:absolute;left:0;top:3px;color:#999;font-size:12px;content:'*';}

.ex_schedule_tb .tb2{padding:0 15px;margin-bottom:20px;}
.ex_schedule_tb .tb2 table{border-top:1px solid #111;}
.ex_schedule_tb .tb2 th{padding:0 3px;font-weight:400;background:#f9f9f9;font-size:13px;border-right:1px solid #ddd;}
.ex_schedule_tb .tb2 tr{border-bottom:1px solid #ddd;}
.ex_schedule_tb .tb2 td{padding:7px 10px;line-height:20px;font-size:13px;} 
.ex_schedule_tb .ic_external{display:inline-block;padding: 7px 30px 8px 10px;font-size:13px;font-weight:400;color:#fff;background:#111 url("../images/sub/ic_external.png")no-repeat 95% 50%;background-size:15px;}
.ex_schedule_tb .tb3 th{padding:15px 0;}
.ex_schedule_tb .tb3 th:last-child{border-right:0;}
.ex_schedule_tb .tb3 td{border-right:1px solid #ddd;text-align: center;}
.ex_schedule_tb .tb3 td:last-child{border-right:0;}
.ex_schedule_tb .down_box{padding:0 15px;}
.ex_schedule_tb .down_box a{width:100%;;padding:11px 30px 12px 10px;font-size:14px;margin-bottom:10px;}
.ex_schedule_tb .down_box a:last-child{margin-bottom:0;}

/* 원서접수안내 */
.ex_schedule_tb .step_box{padding:0 15px;}
.ex_schedule_tb .step_box ol{}
.ex_schedule_tb .step_box ol li{position:relative;width:100%;height:35px;line-height:35px;margin-bottom:38px;border-radius:5px;color:#fff;font-size:13px;font-weight:700;text-align:center;}
.ex_schedule_tb .step_box ol li::after{display:block;position: absolute;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);top: 45px;width:36px;height:18px;content:'';background:url("../images/sub/arr_exam_step.png")no-repeat 50% 50%;background-size:100%;}
.ex_schedule_tb .step_box ol li:last-child::after{display:none;}
.ex_schedule_tb .step_box1 ol li{background:#6eafef;}
.ex_schedule_tb .step_box2 ol li{background:#acc73a;}
.ex_schedule_tb .step_info{padding:30px 0 0;margin:0 15px;border-top:1px solid #ddd;}
.ex_schedule_tb .step_info ul li{position:relative;padding-left:12.5px;line-height:20px;font-size: 13px;}
.ex_schedule_tb .step_info ul li::before{position:absolute;top:9px;left:0;width:3px;height:3px;border-radius:100%;background:#111;content:'';}

/* counseling_btns */
.counseling_btns{position:fixed;margin:0 auto;bottom:0;left:0;display:flex;width:100%;height: 50px;line-height: 50px;box-shadow: 1px 0px 5px rgba(0, 0, 0, 0.15);z-index: 999999;}
.counseling_btns li{width:calc(100% / 3);border-right:1px solid #ddd;background:#fff;}
.counseling_btns li:last-child{border-right:0;}
.counseling_btns li a{display:inline-block;width:100%;height:100%;text-align:center;}
.counseling_btns li .ic_kakao{display:inline-block;width: 30px;height: 27px;margin-right:8px;background:url("../images/main/ic_kakao.png")no-repeat 50%;background-size:100%;vertical-align: middle;}
.counseling_btns li:first-child{background:#fef200 ;}

/* layout_member 공통 */
.member_top{display:flex;justify-content:space-between;align-items:center;padding: 16.5px 15px;border-bottom:1px solid #ddd;}
.member_top a.prev{display:inline-block;width:26px;height:25px;background:url("../images/sub/ic_prev.png")no-repeat;background-size:100%;}
.member_top h2.tit{font-weight:700;font-size:20px;}
.member_top a.home{display:inline-block;width:25.5px;height:25px;background:url("../images/sub/ic_home.png")no-repeat;background-size:100%;}

/* 주문/배송조회 */
.order_list_wrap{padding:20px 0;}
.order_list_wrap .calendar_box{display:flex;padding-bottom:20px;line-height: 40px;border-bottom:1px solid #111;}
.order_list_wrap .calendar_box input{width:100%;height:40px;border-radius:2.5px;border:1px solid #ddd;}
.order_list_wrap .calendar_box >div{position:relative;width:calc((100% - 85px) / 2);}
.order_list_wrap .calendar_box div> button{position:absolute;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);right:10px;width:22px;height:20px;background:url("../images/sub/ic_calendar.png")no-repeat;background-size:100%;}
.order_list_wrap .calendar_box >div:first-of-type{margin-right:6px;}
.order_list_wrap .calendar_box >div:last-of-type{margin-left:6px;}
.order_list_wrap .calendar_box .black{width:56px;height:40px;margin-left:10px;border-radius:2.5px;}
.order_list_wrap .list{padding:5px 0 0;}
.order_list_wrap .list li{padding:10px 0 20px;}
.order_list_wrap .top{display:flex;justify-content:space-between;align-items: center;margin-bottom:7.5px;}
.order_list_wrap .top span{display:inline-block;height:28px;line-height:26px;padding:0 10px;}
.order_list_wrap .box{padding:15px;border-radius:2.5px;background:#f9f9f9;font-size:13px;color:#777777;line-height:19px;}
.order_list_wrap .box .tit{font-size:16px;font-weight:500;white-space: nowrap;text-overflow: ellipsis;overflow:hidden;color:#111111;line-height:23.5px;}
.order_list_wrap .box .date{margin:5px 0;}
.order_list_wrap .box .date span::after{display: inline-block;width:1px;height:10px;margin:0 10px;content:'';background:#CCCCCC;}
.order_list_wrap .box .date span:last-child::after{display:none;}
.order_list_wrap .btns{display:flex;margin-top: 8px;}
.order_list_wrap .btns button{flex:1;height:32px;margin-right:10px;;border-radius:5px;line-height:30px;font-size:14px;}
.order_list_wrap .btns button:last-child{margin-right:0;}
.order_list_wrap .btns .a_btn{display: inline-block;text-align: center;flex:1;height:32px;margin-right:10px;;border-radius:5px;line-height:30px;font-size:14px;}
.order_list_wrap .btns .a_btn:last-child{margin-right:0;}

.order_view_wrap{}
.order_view_wrap .inner{padding-bottom:7px;}
.order_view_wrap .box{margin-bottom: 13px;}
.order_view_wrap h3.tit{font-size: 17px;font-weight: 500;border-bottom: 1px solid #111;line-height: 20px;padding: 20px 0 5px;margin-bottom: 20px;}
.order_view_wrap dl{display:flex;margin-bottom:5px;line-height:20px;font-size:14px;}
.order_view_wrap dl:last-of-type{margin-bottom:11px;}
.order_view_wrap dl dt{width:80px;color:#999999;}
.order_view_wrap dl dd{width: calc(100% - 80px);}

/* 로그인/ 아이디 및 비밀번호 찾기 */
.member_wrap{padding:40px 0;}
.member_wrap .txt{padding-bottom:30px;text-align:center;}
.member_wrap .txt p{color:#666;font-size:13px;line-height:28px;}
.member_wrap .txt strong{font-size:19px;font-weight:700;color:#111;}
.member_wrap .box{padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid #ddd;}
.member_wrap .box input{width:100%;margin-bottom:10px;border:1px solid #ddd;}
.member_wrap .box .btn_login span{padding-left:26px;font-size:16px;background:url("../images/sub/ic_login.png")no-repeat 0 50%;background-size: 16px 18px;;color:#fff;}
.member_wrap .box input::placeholder{color:#666;font-size:15px;font-weight:400;font-family:"Noto Sans KR", "Malgun Gothic";}
.member_wrap .box input::-ms-input-placeholder{color:#666;font-size:15px;font-weight:400;font-family:"Noto Sans KR", "Malgun Gothic";}
.member_wrap .box input::-webkit-input-placeholder{color:#666;font-size:15px;font-weight:400;font-family:"Noto Sans KR", "Malgun Gothic";}
.member_wrap .box input::-moz-input-placeholder{color:#666;font-size:15px;font-weight:400;font-family:"Noto Sans KR", "Malgun Gothic";}
.member_wrap .tab_box{display:flex;align-items:center;height:45px;margin-bottom:10px;border-bottom:1px solid #111;}
.member_wrap .tab_box li{flex:1;height:46px;text-align:center;}
.member_wrap .tab_box li a{display:inline-block;width:100%;color:#999;line-height:43px;font-size:17px;background:#f9f9f9;border:1px solid #ddd;}
.member_wrap .tab_box li.on a{height:46px;background:#fff;color:#111111;border: 1px solid #111;border-bottom:0;}

.member_wrap .find_box{display:none;}
.member_wrap .find_box1{display:block;}

/* 아이디, 패스워드 찾기창 */
.view_id_pw{padding:60px 0;text-align:center;}
.view_id_pw .txt{margin-bottom:20px;padding:15px;border:1px solid #ddd;font-size:16px;line-height:24px;}
.view_id_pw .txt b{margin-right:3px;font-weight:500;border-bottom:1px solid #111;}
.view_id_pw .txt input{margin-top:10px;border:1px solid #ddd;height:39px;}
.view_id_pw .info{color:#999;line-height:20px;}
.view_id_pw button{margin-top:40px;}


/* 회원가입 */
/* placeholder */
/* .join_wrap input::placeholder{color:#666;font-size:15px;font-weight:400;font-family:"Noto Sans KR", "Malgun Gothic";}
.join_wrap input::-ms-input-placeholder{color:#666;font-size:15px;font-weight:400;font-family:"Noto Sans KR", "Malgun Gothic";}
.join_wrap input::-webkit-input-placeholder{color:#666;font-size:15px;font-weight:400;font-family:"Noto Sans KR", "Malgun Gothic";}
.join_wrap input::-moz-input-placeholder{color:#666;font-size:15px;font-weight:400;font-family:"Noto Sans KR", "Malgun Gothic";}

.join_wrap{}
.join_wrap input,.join_wrap select{width:100%;height:45px;margin-bottom:10px;border:1px solid #ddd;}
.join_wrap select{display:inline-block;position:relative;padding-left:10px;color:#666;font-size:15px; -ms-expand:display:none;-webkit-appearance: none;-moz-appearance: none;appearance: none; background:#fff url("../images/sub/ic_select_black.png") no-repeat 95% 50%;background-size:9px;}
.join_wrap select::-ms-expand {display:none;}
.join_wrap .join_step{display:flex;margin-bottom:30px;border-bottom:1px solid #ddd;}
.join_wrap .join_step li{flex:1;position:relative;height:50px;line-height:50px;text-align:center;background:#f7f7f7;}
.join_wrap .join_step li::after{position:absolute;right:-13px;width:14px;height:50px;z-index:1;background:url("../images/sub/bg_join_ol_off.png")no-repeat center;background-size:100%;content:'';}
.join_wrap .join_step li.on{position:relative;background:#333;}
.join_wrap .join_step li.on::after{position:absolute;right:-13px;width:14px;height:50px;z-index:1;background:url("../images/sub/bg_join_ol_on.png")no-repeat center;background-size:100%;content:'';}
.join_wrap .join_step li span{display:inline-block;width:100%;height:100%;padding-left:7px;color:#666;font-size:15px;font-weight:500;}
.join_wrap .join_step li.on span{color:#fff;} */

/* 회원이용약관 */
/* .join_wrap .total_agree{padding-bottom:10px;border-bottom:1px solid #ddd;}
.join_wrap .checkbox_box{position:relative;margin-bottom:10px;}
.join_wrap .checkbox_box input[type="checkbox"]{position:absolute;width:100%;height:100%;cursor: pointer;opacity: 0;z-index: 1;outline: none !important;}
.join_wrap .checkbox_box label{display: inline-block;z-index: 1;left: 0;width: 100%;height: 33px;padding-left: 43px;line-height:33px;font-size:18px;background: url("../images/sub/btn_select_off.png")no-repeat left center;background-size: 33px;cursor: pointer;}
.join_wrap .checkbox_box input[type="checkbox"]:checked + label{display:inline-block;height:33px;padding-left:43px;background: url("../images/sub/btn_select_on.png")no-repeat left center;background-size: 33px;font-weight: 700;}
.join_wrap dl{margin-bottom:20px;}
.join_wrap .txt_box{height:181.5px;padding:10px;background:#f9f9f9;border:1px solid #ddd;overflow-y:auto;}
.join_wrap .txt_box p{margin-bottom:5px;color:#666;}
.join_wrap .txt_box p strong{display:inline-block;margin-top:20px;font-weight:700;}
.join_wrap .txt_box ul{padding:10px;color: #666;}
.join_wrap .txt_box table{margin-bottom:10px;border:1px solid #ddd;font-size: 12px;}
.join_wrap .txt_box table tr{border-bottom:1px solid #ddd;}
.join_wrap .txt_box table th{padding:4px;background:#ececec;font-weight: 500;border-right: 1px solid #ddd;}
.join_wrap .txt_box table td{padding:4px;border-right:1px solid #ddd;text-align:center;}
.join_wrap .btns{margin-top:20px;} */

/* 회원정보입력 */
/* .join_wrap .id_info{padding-bottom:10px;border-bottom:1px solid #ddd;}
.join_wrap .id_info .id_line input{width:calc(100% - 110px);}
.join_wrap .id_info .id_line button{width:100px;height:45px;margin-left:10px;vertical-align:top;}
.join_wrap .id_info >p{margin-bottom:10px;}
.join_wrap .id_info >div{margin-bottom:10px;}
.join_wrap .user_info{padding:20px 0 0;}
.join_wrap .user_info >p{margin-bottom:10px;}
.join_wrap .user_info >div{margin: 0 0 10px;}
.join_wrap .user_info .tel_line{display:flex;}
.join_wrap .user_info .tel_line select,.join_wrap .user_info .tel_line label{flex:1;}
.join_wrap .user_info .tel_line label:nth-child(2){margin:0 10px;}
.join_wrap .user_info .certify_line{display:flex;}
.join_wrap .user_info .certify_line input{width:125px;}
.join_wrap .user_info .certify_line button{width:calc((100% - 145px) / 2);height:45px;}
.join_wrap .user_info .certify_line button:first-of-type{margin:0 10px;}
.join_wrap .user_info .email_line{display:flex;line-height: 45px;}
.join_wrap .user_info .email_line label{width:calc(100% - 118px);}
.join_wrap .user_info .email_line select{width:108px;margin-left:10px;}
.join_wrap .user_info .gender button{width:50%;margin:0;border:1px solid #ddd;font-weight:400;color:#666666;}
.join_wrap .user_info .gender button.on{background:#0079c0;border:1px solid #0079c0;color:#fff;} */

/* 부가정보 입력 */
/* .join_wrap .addr_line{margin:10px 0 0;}
.join_wrap .addr_line input{width:calc(100% - 110px);}
.join_wrap .addr_line button{width:100px;height:45px;margin-left:10px;vertical-align:top;}
.join_wrap .option_line{}
.join_wrap .option_line{padding:22px 0 0;}
.join_wrap .option_line h3.tit{font-size:17px;font-weight:500;line-height:35px;border-bottom:1px solid #111;}
.join_wrap .option_line h4{font-size:15px;font-weight:400;line-height:39px;} */


/* 로그인 / 회원가입 */
.page_tit{margin:30px 0 15px; padding:0 20px; font-size:20px; font-weight:700;}

/* sns 로그인 추가 */
/* .join_type{}
.join_type .info_text{margin: 30px 20px 0;font-size: 16px;line-height: 23px;color:#555;}
.join_type .info_text strong{font-weight:700;font-size:17px;}
.join_type .info_text em{color:#E4151F;}
.join_type .sns_list{margin:50px 15px 40px;} */
.sns_list{display:flex;flex-direction:column;align-items:center;gap:7px;margin:30px 0 0px;}
.sns_list a{display:flex;gap:5px;justify-content:center;align-items:center;width:100%;height:40px;font-size: 15px;font-weight: 700;border-radius:5px;box-sizing:border-box;}
.sns_list i{display: inline-block;vertical-align: middle;background-repeat: no-repeat !important;background-position: 50% 50% !important;background-size: 100% !important;}
.sns_list .hansol{border:1px solid #19a3dd;color:#19a3dd;}
.sns_list .naver{background-color: #18BA00;color:#fff;}
.sns_list .kakao{background-color: #FFEA00;color:#452D33;}
.sns_list i.icon_sns_hansol{width:24px;height:24px;background:url("../images/common/icon_sns_hansol.png");}
.sns_list i.icon_sns_naver{width:24px;height:24px;background:url("../images/common/icon_sns_naver.png");}
.sns_list i.icon_sns_kakao{width:24px;height:24px;background:url("../images/common/icon_sns_kakao.png");}


/* login */
.login_box{padding:0 20px;}
.login_box .ip_box{}
.login_box .ip_box input[type="text"], .login_box .ip_box input[type="password"]{width:100%; height:40px; margin-top:15px; border:1px solid #ddd; border-radius:5px; text-indent:10px;}
.login_box .btn_save{}
.login_box .btn_save input[type="checkbox"]{width:15px; height:15px; margin:-3px 5px 0 0; vertical-align:middle;}
.login_box .btn_save label{display:inline-block; color:#333;}
.login_box .btn_find{}
.login_box .btn_find a{display:inline-block; margin-left:10px; font-size:13px; }
.login_box .btn_find a + a{}
.login_box .btn_find a + a:before{content:''; display:inline-block; width:1px; height:10px; margin-right:10px; background:#111; }
.login_box .btn_login{display:inline-block; width:100%; height:40px; margin:30px 0 30px; line-height:40px; text-align:center; color:#fff; font-weight:700;font-size:15px; background:#19a3dd; border-radius:5px; }
.login_box .btn_join{margin-top:30px;}
.login_box .btn_join .txt{position:relative; text-align:center; font-size:13px; color:#333;}
.login_box .btn_join .txt span{display:inline-block; padding:0 10px; background:#fff;}
.login_box .btn_join .txt:before{content:''; position:absolute; top:50%; left:0px; display:inline-block; width:100%; height:1px; background:#ddd; z-index:-1;}
.login_box .btn_join button{width:100%; height:40px; margin-top:15px; border:1px solid #19a3dd; color:#19a3dd; font-weight:700; border-radius:5px;}

/* 회원 */
.join{padding:0 20px;}
.join label{}
.join .inp{position:relative; height:42px; margin:15px 0 25px; border:1px solid #ddd; border-radius:5px;}
.join .inp input[type="text"], .join .inp input[type="password"]{width:100%;height:40px; border-radius:5px; text-indent:10px; outline:0;}
.join .inp input[type="text"].w70{width:70%;}
.join select{position:relative;width:100%; height:40px; margin-top:10px;text-indent: 10px; border:1px solid #ddd; border-radius:5px;font-size:14px;color: #999;-ms-expand:display:none;-webkit-appearance: none;-moz-appearance: none;appearance: none;background:#fff url("../images/sub/ic_select_black.png") no-repeat 97% 50%;background-size:9px;}
.join select::-ms-expand {display:none;}
.join .tel_line{display:flex;margin:10px 0;}
.join .tel_line select{flex:1;height:40px;margin:0;}
.join .tel_line label{flex:1;height: 40px;}
.join .tel_line label:nth-child(2){margin:0 10px;}
.join .tel_line input{width:100%;height: 100%;border: 1px solid #ddd;border-radius:5px;}
.join .tel_line button{flex:1;margin-left:5px;border-radius:5px;font-size:12px;}
.join .inp button{position:absolute; top:0px; right:0px; width:30%; height:40px; font-size:12px;border-radius: 5px;}
.join .inp .time{color:#d72121; font-size:12px;}
.join .addr_box{}
.join .addr_box input{width:100%;height:40px;margin:15px 0 0;border:1px solid #ddd;border-radius:5px;text-indent: 10px;}
.join .addr_box input:last-child{margin-bottom:15px;}
.join .addr_box .addr_line{display:flex;}
.join .addr_box .addr_line input{width:calc(100% - 110px);}
.join .addr_box .addr_line button{width:100px;height:40px;margin:15px 0 0 10px;border-radius:5px;}
.join .agreement{}
.join .agreement li + li{margin-top:5px;}
.join .agreement input[type="checkbox"]{display:inline-block; float:left; width:15px; height:15px; margin:2px 5px 0 0; vertical-align:middle; }
.join .agreement span{display:inline-block; float:left; width:calc(100% - 20px);}
.join .agreement span em{color:#19a3dd;}
.join .inp_btn{margin:15px 0 25px;}
.join .inp_btn li{position:relative; float:left; width:calc(50% - 5px);}
.join .inp_btn li + li{margin-left:5px;}
.join .inp_btn li span{display:inline-block; width:100%; height:40px; margin:10px 0 25px; line-height:40px; border:1px solid #ddd; text-align:center; border-radius:5px;}
.join .inp_btn li span.on{background:#19a3dd; border:1px solid #19a3dd; color:#fff;}
.join .inp_btn li input[type="radio"]{position:absolute; top:0px; left:0px; display:inline-block; width:100%; height:40px; margin:10px 0 25px; line-height:40px; border:1px solid #ddd; text-align:center; border-radius:5px; opacity:0;}
.join .complete{padding-top:235px; font-size:20px; font-weight:500; text-align:center; background:url(../images/new/img_join.png) 50% 50px no-repeat; background-size:158px;}
.join .txt{margin-top:15px; text-align:center;}
.join .txt span{color:#19a3dd;}

/* 회원가입완료 */
.join_complete_box{}
.join_complete_box .txt{padding-top: 230px;text-align:center;background:url("../images/sub/ic_join_complete.png")no-repeat 50% 50px;background-size:158px;}
.join_complete_box .txt p{margin-bottom:10px;font-size:15px;color:#666666;line-height:20px;}
.join_complete_box .txt p strong{font-size:23px;font-weight:500;color:#111111;}
.join_complete_box button{margin-top:20px;}

/* 회원탈퇴 */
.withdraw_apply{margin:40px 0;padding:0 15px;}
.withdraw_apply .head{background:#FFFBF3;padding:15px;margin:20px 0 40px;text-align:center;line-height:1.4;}
.withdraw_apply .head .font_blue{text-decoration:underline;}
.withdraw_apply .user_info{padding:15px;background:#f8f8f8;border-radius:5px;border:1px solid #ddd;}
.noti{margin:40px 0 20px;color:#999;}
.withdraw_apply .inp2{display:flex;flex-direction:column;margin-bottom:15px;}
.withdraw_apply label{display: inline-block;width:100%;}
.withdraw_apply input{width:100%;margin-top: 5px;border:1px solid #ddd;height:35px;border-radius:5px;}
.withdraw_apply .out_box {width:100%;padding:15px;margin-top:5px;background:#f9f9f9;border:1px solid #ddd;}
.withdraw_apply .out_box >div{margin:5px 0;}
.withdraw_apply .out_box >div label{width: auto;margin-left:5px;vertical-align: middle;}
.withdraw_apply  .out_box input[type="checkbox"]{width: 20px;height: 20px;vertical-align: middle;}
.withdraw_apply textarea{width:100%;margin-top:5px;}
.withdraw_apply button{margin-top:20px;}

/* 회원정보 */
.modify_wrap{padding:15px 0;}
.modify_wrap input,.modify_wrap select{width:100%;height:45px;margin-bottom:10px;border:1px solid #ddd;}
.modify_wrap select{display:inline-block;position:relative;padding-left:10px;color:#666;font-size:15px; -ms-expand:display:none;-webkit-appearance: none;-moz-appearance: none;appearance: none; background:#fff url("../images/sub/ic_select_black.png") no-repeat 95% 50%;background-size:9px;}
.modify_wrap select::-ms-expand {display:none;}
.modify_wrap .id_info{padding-bottom:10px;border-bottom:1px solid #ddd;}
.modify_wrap .id_info .id_line input{width:calc(100% - 110px);}
.modify_wrap .id_info .id_line button{width:100px;height:45px;margin-left:10px;vertical-align:top;}
.modify_wrap .id_info >p{margin-bottom:10px;}
.modify_wrap .id_info >div{margin-bottom:10px;}
.modify_wrap .user_info{padding:20px 0 0;}
.modify_wrap .user_info >p{margin-bottom:10px;}
.modify_wrap .user_info >div{margin: 0 0 10px;}
.modify_wrap .user_info .tel_line{display:flex;}
.modify_wrap .user_info .tel_line select,.modify_wrap .user_info .tel_line label{flex:1;}
.modify_wrap .user_info .tel_line label:nth-child(2){margin:0 10px;}
.modify_wrap .user_info .certify_line{display:flex;}
.modify_wrap .user_info .certify_line input{width:125px;}
.modify_wrap .user_info .certify_line button{width:calc((100% - 145px) / 2);height:45px;}
.modify_wrap .user_info .certify_line button:first-of-type{margin:0 10px;}
.modify_wrap .user_info .email_line{display:flex;line-height: 45px;}
.modify_wrap .user_info .email_line label{width:calc(100% - 118px);}
.modify_wrap .user_info .email_line select{width:108px;margin-left:10px;}
.modify_wrap .user_info .gender button{width:50%;margin:0;border:1px solid #ddd;font-weight:400;color:#666666;}
.modify_wrap .user_info .gender button.on{background:#0079c0;border:1px solid #0079c0;color:#fff;}

.modify_wrap .addr_line{margin:10px 0 0;}
.modify_wrap .addr_line input{width:calc(100% - 110px);}
.modify_wrap .addr_line button{width:100px;height:45px;margin-left:10px;vertical-align:top;}
.modify_wrap .option_line{}
.modify_wrap .option_line{padding:22px 0 0;}
.modify_wrap .option_line h3.tit{font-size:17px;font-weight:500;line-height:35px;border-bottom:1px solid #111;}
.modify_wrap .option_line h4{font-size:15px;font-weight:400;line-height:39px;}

.modify_wrap input[type="checkbox"]{width:25px;height:25px;}
.modify_wrap input[type="checkbox"]+label{margin-left:7.5px;color:#666666;font-weight:400;vertical-align: super;}
.modify_wrap .email_line input:first-child{margin-right:6px;}
.modify_wrap .email_line input{width:calc((100%- 25px)/ 2);}
.modify_wrap .email_line input:last-child{margin-left:6px;}

/* 쿠폰,포인트내역 */
.coupon_point_wrap{}
.coupon_point_wrap .c_p_box{display:none;}
.coupon_point_wrap .c_p_box1{display:block;}
.coupon_point_wrap .box{height:75px;padding:20px;margin-bottom:20px;background:#F9F9F9;font-weight:500;border-radius:10px;text-align:center;}
.coupon_point_wrap .c_p_box ul li{position:relative;padding:20px;margin-bottom:10px;overflow:hidden;border:1px solid #ddd;border-radius:10px;font-size:13px;color:#777777;line-height:19px;}
.coupon_point_wrap .c_p_box .tit{font-size:16px;font-weight:500;white-space: nowrap;text-overflow: ellipsis;overflow:hidden;color:#111111;line-height:23.5px;}
.coupon_point_wrap .txt_box{font-size:13px;line-height:19px;color:#999999;}
.coupon_point_wrap .c_p_box ul li .date{margin:5px 0;}
.coupon_point_wrap .date span::after{display: inline-block;width:1px;height:10px;margin:0 10px;content:'';background:#CCCCCC;}
.coupon_point_wrap .date span:last-child::after{display:none;}
.coupon_point_wrap .more{margin-top:0;margin-bottom:20px;}

.coupon_point_wrap .sub_tab{display:flex;margin-bottom:19px;border-bottom:1px solid #DDDDDD;}
.coupon_point_wrap .sub_tab li{flex:1;text-align:center;}
.coupon_point_wrap .sub_tab li a{display:inline-block;width:100%;color:#999999;padding:13px 0;font-size:17px;font-weight:700;}
.coupon_point_wrap .sub_tab li.on a{color:#19A3DD;border-bottom:2px solid #19A3DD;}

.coupon_point_wrap .coupon_box{padding:0 15px;}
.coupon_box .ic_coupon{padding-left:44px;color:#19A3DD;font-weight:500;font-size:14px;background:url("../images/sub/ic_coupon.png")no-repeat 0 center;background-size:39px 20px;line-height:23px;}
.coupon_box .box{margin-top:5.5px;}
.coupon_box .box button{width:64px;height:35px;margin-left:7px;text-align:center;border-radius:5px;vertical-align:top;font-size:14px;}
.coupon_box .box input{width:calc(100% - 71px);height:35px;border:1px solid #ddd;border-radius:5px;}
.coupon_box ul li.use::after{position:absolute;right:0;top:0;width:50px;height:30px;line-height:30px;text-align:center;background:#5374EF;border-radius:0 10px 10px 10px;color:#fff;font-size:13px;content:'미사용';}
.coupon_box ul li.done::after{position:absolute;right:0;top:0;width:50px;height:30px;line-height:30px;text-align:center;background:#DDDDDD;border-radius:0 10px 10px 10px;color:#fff;font-size:13px;content:'사용';}

.point_box .box{}
.point_box .box .ic_point{display: inline-block;padding-left:30px;background:url("../images/sub/ic_point.png")no-repeat 0 50%;background-size:20px 33px;line-height: 34px;}
.point_box ul li div:last-child{text-align:right;}

/* 장바구니 */
.cart_wrap{}
.cart_wrap .txt_box{padding:20px 0 8px;color:#999999;font-size:13px;line-height:19px;}
.cart_wrap .list{padding:15px 0 10px;border-top:1px solid #eee;border-bottom:1px solid #eee;}
.cart_wrap .list .check_all{margin-bottom:10px;font-size:14px;}
.cart_wrap .list li{position:relative;padding:20px;margin-bottom:10px;background:#F9F9F9;border-radius:10px;}
.cart_wrap .list li .tit{font-size:16px;font-weight:500;white-space: nowrap;text-overflow: ellipsis;overflow:hidden;color:#111111;line-height:23.5px;}
.cart_wrap .checkbox_box{position:relative;margin-bottom:5px;}
.cart_wrap .checkbox_box input[type="checkbox"]{position:absolute;width:100%;height:100%;cursor: pointer;opacity: 0;z-index: 1;outline: none !important;}
.cart_wrap .checkbox_box label{display: inline-block;z-index: 1;left: 0;width: 100%;height: 25px;padding-left: 35px;line-height:25px;background: url("../images/common/btn_checkbox_off.png")no-repeat left center;background-size: 25px;cursor: pointer;}
.cart_wrap .checkbox_box input[type="checkbox"]:checked + label{display:inline-block;height:25px;padding-left:35px;background: url("../images/common/btn_checkbox_on.png")no-repeat left center;background-size: 25px;}
.cart_wrap .price{display:flex;flex-wrap: wrap;align-items: center;font-size:13px;color:#777;}
.cart_wrap .price span::after{display: inline-block;width:1px;height:10px;margin:0 10px;content:'';background:#CCCCCC;}
.cart_wrap .price span:last-child::after{display:none;}
.cart_wrap .price .dark_gray{padding:0 4px;font-size:12px;}
.cart_wrap .list li .label_ggray{margin-right:10px;padding:0 8px 0 8.5px;border-radius:15px;font-size:13px;}
.cart_wrap .list li .price .num{width:35px;height:25px;padding:4px;text-align:center;color:#111;font-size:14px;border:1px solid #ddd;}
.cart_wrap .list li .btn_clse{display:inline-block;position:absolute;top:0;right:0;width:30px;height:30px;background:url("../images/sub/ic_cart_clse.png")no-repeat;background-size:100%;}
.cart_wrap .total{display: flex;justify-content: space-between;margin:15px 0 10px;font-size:16px;}
.cart_wrap .total dt{}
.cart_wrap .total dd{}

/* 결제하기 */
.payment_wrap{}
.payment_wrap input{border:1px solid #ddd;border-radius:5px;}
.payment_wrap .list{padding:20px 15px;}
.payment_wrap .list li{padding:20px;margin-bottom:10px;background:#F9F9F9;border-radius:10px;}
.payment_wrap .list li .label_ggray{margin-right:10px;min-width:40px;height: 19px;text-align:center;border-radius:15px;font-size:13px;font-weight:400;}
.payment_wrap .list li .tit strong{display:inline-block;font-size:16px;font-weight:500;white-space: nowrap;text-overflow: ellipsis;overflow:hidden;color:#111111;line-height:23.5px;}
.payment_wrap .list li .price{color:#777;font-size:13px;}
.payment_wrap .list li .price span::after{display: inline-block;width:1px;height:10px;margin:0 10px;content:'';background:#CCCCCC;}
.payment_wrap .list li .price span:last-of-type::after{display:none;}
.payment_wrap .list li .price .num{width:35px;height:25px;padding:4px;text-align:center;color:#111;font-size:14px;}
.payment_wrap .tit{display:flex;align-items:center;margin-bottom:10px;font-size:17px;font-weight:700;}
.payment_wrap .dc{display: flex;align-items: center;color:#777;font-size:13px;}
.payment_wrap .dc button{padding:0 3px;margin-left:5px;}
.payment_wrap .coupon{margin-top: 17px;}
.payment_wrap .coupon select{position:relative;width:100%;margin-top:6px;border-radius:5px;-ms-expand:display:none;-webkit-appearance: none;-moz-appearance: none;appearance: none;background:#fff url("../images/sub/ic_select.png") no-repeat 98% 50%;background-size:10px;font-size:13px;color:#999;font-weight:400;}
.payment_wrap .coupon select::-ms-expand {display:none;}
.payment_wrap .coupon label{font-weight:500;font-size:15px;}
.payment_wrap .c_p_box{padding:25px 15px;background:#F9F9F9;border-top:1px solid #eee;border-bottom:1px solid #eee;}
.payment_wrap .c_p_box input{height:40px;}
.payment_wrap .c_p_box label{font-weight:500;font-size:15px;}
.payment_wrap .c_p_box .point input{width:calc(100% - 90px);margin-top:6px;font-size:13px;font-weight:400;}
.payment_wrap .c_p_box .point .black{width:80px;height:40px;margin-top:6px;margin-left:10px;vertical-align:top;font-size:15px;font-weight:400;border-radius:5px;}
.payment_wrap .c_p_box .point .font_gray{font-size:14px;}
.payment_wrap .c_p_box .point p{margin-top:5px;}
.payment_wrap .total_pay{padding:20px 15px;}
.payment_wrap .total_pay dl{display:flex;justify-content:space-between;line-height:27px;font-size:15px;font-weight:500;}
.payment_wrap .delivery_box{padding:30px 15px;}
.payment_wrap .delivery_box th{width: 82.5px;vertical-align: sub;line-height: 40px;text-align: left;font-size: 15px;font-weight: 400;}
.payment_wrap .delivery_box td{width:calc(100% - 82.5px);}
.payment_wrap .delivery_box input{width:100%;height:40px;margin-bottom: 10px;font-size:14px;font-weight:400;color:#999;}
.payment_wrap .delivery_box textarea{font-size:14px;font-weight:400;color:#999;}
.payment_wrap .delivery_box .addr_line{display:flex;}
.payment_wrap .delivery_box .addr_line input{width:calc(100% - 90px);}
.payment_wrap .delivery_box .addr_line button{width:80px;height:40px;margin-left:10px;border-radius:5px;vertical-align:top;}
.payment_wrap .delivery_box textarea{width:100%;height:100px;border-radius:5px;}
.payment_wrap .payment_method{padding:30px 15px 0;}
.payment_wrap .payment_method ul{display: flex;flex-wrap: wrap;margin-bottom:30px;}
.payment_wrap .payment_method ul li{width:50%;margin-bottom:10px;}
.payment_wrap .payment_method .radio_box{position:relative;}
.payment_wrap .payment_method .radio_box input[type="radio"]{position:absolute;width:100%;height:100%;cursor: pointer;opacity: 0;z-index: 1;outline: none !important;}
.payment_wrap .payment_method .radio_box label{display: inline-block;z-index: 1;left: 0;width: 100%;height: 33px;padding-left: 43px;line-height:33px;background: url("../images/sub/btn_select_off.png")no-repeat left center;background-size: 33px;cursor: pointer;}
.payment_wrap .payment_method .radio_box input[type="radio"]:checked + label{display:inline-block;height:33px;padding-left:43px;background: url("../images/sub/btn_select_on.png")no-repeat left center;background-size: 33px;}

/* 결제완료 */
.payment_complete_box{padding:260px 0 0;margin-bottom:70px;text-align:center;background:url("../images/sub/ic_payment_complete.png")no-repeat 50% 100px;background-size:150px;}
.payment_complete_box p{margin-bottom: 2px;color:#999;font-size:14px;line-height: 17px;}
.payment_complete_box strong{font-size:20px;font-weight:500;color:#111;}

/* faq */
.tit_page{width:100%; line-height:45px; background:#19A3DD; color:#fff; text-align:center; font-size:16px; font-weight:600;}
.faq{margin:30px 15px 0;}
.faq .search_box{display:flex;}
.faq .search_box input[type="text"]{float:left; width:calc(100% - 90px ); height:40px; border:1px solid #ddd; } 
.faq .search_box button{float:left; width:80px; height:40px; margin-left:10px;  color:#fff; background:#666;  vertical-align:top;}
.faq select{margin-top:20px; width:100%; height:40px; border:1px solid #111; font-weight:700;}
.faq select option{}
.faq .list{margin-top:10px; }
.faq .list >ul{border-bottom:1px solid #ddd;}
.faq .list ul li{border-top:1px solid #ddd; }
.faq .list ul .question{}
.faq .list ul .question a{display:block; overflow:hidden; padding:20px 0; }
.faq .list ul .question a > p{float:left; width:20px; text-align:center; color:#111; font-weight:700; font-size:17px; }
.faq .list ul .question a > div{float:left; width:calc(100% - 30px ); margin-left:10px; line-height:1.3;}
.faq .list ul .question a > div span{display:inline-block; margin-right:5px; color:#f68e32;}
.faq .list ul .question.on a > div, .faq .list ul .question.on a > p{color:#f68e32;}
.faq .list ul .answer{display:none; padding:20px 15px; background:#f9f9f9; line-height:1.3; color:#666; }
.faq .list ul .answer img{height:auto;}


/* 한솔이벤트 */
.event_wrap{padding:20px 0 0;border-top:2px solid #F1F1F1;text-align:center;}
.event_wrap .tit{margin-bottom:15px;font-size:22px;font-weight:700;line-height:22px;}
.event_wrap ul{}
.event_wrap .inner > ul >li{margin-bottom:20px;border:1px solid #ddd;border-radius:7.5px;box-shadow:0px 2.5px 5px rgba(0,0,0,0.16);overflow:hidden;}
.event_wrap ul li a{}
.event_wrap ul li .img{width:100%;/* max-height:300px; */overflow:hidden;}
.event_wrap ul li .txt{padding:23.5px  15px 15px;text-align:left;border-top:1px solid #ddd;}
.event_wrap ul li .txt strong{display:block;margin-bottom:13px;font-size:17px;font-weight:700;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.event_wrap ul li .txt p{margin-bottom:20px;font-size:14px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.event_wrap ul li .txt .date{font-size:13px;}
.event_wrap ul li .txt .date em{display:inline-block;width:50px;height:25px;margin-right:5px;line-height:23px;color:#fff;font-size:13px;font-weight:500;text-align:center;}
.event_wrap ul li .txt .date span{color:#707070;}


/* --------------------------------------------------------미디어쿼리---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ---------------------------미디어쿼리  420px ----------------------------------------------- */
@media screen and (max-width:420px){
/* main */
/* .main_banner .swiper-container{max-height: 250px;} */
}

/* ---------------------------미디어쿼리  375px ----------------------------------------------- */
@media screen and (max-width:375px){
/* common */
.cont_top .sub_tab li a{padding:0 8px;font-size:14px;}
.tutor_list_box li .tit{padding: 10px 7px;font-size:12px;}
.foot_menu ul li{padding:0 7px;}
.foot_menu ul li a{font-size:14px;}

/* main */
/* .main_banner .swiper-container{max-height: 31vh;} */


}

/* ---------------------------미디어쿼리  340px ----------------------------------------------- */
@media screen and (max-width:340px){
/* main */
.main_course_list1_1 li .info_t strong{font-size: 23px;}

/* 회원가입 */
.join_wrap .join_step li a{font-size:13px;}

/* 주문배송조회 */
.order_list_wrap .btns button{height: 30px;margin-right:5px;line-height: 28px;font-size:13px;}

/* 장바구니 */
.cart_wrap .list li .price .btns{margin: 10px 0 0 0;}

/* 무료강의 */
.free_lecture_box .info{width:calc(100% - 142px);}
.free_lecture_box .info span{line-height:20px;}

/* board */
.read_wrap .comment_box .select_box >p{flex-wrap:wrap;}
.read_wrap .comment_box .select_box select{width:100% !important;margin:0 !important;}
.read_wrap .comment_box .select_box label{width:100%;}
.read_wrap .comment_box .select_box input{width:100% !important;margin:0 !important;}
}

/* ---------------------------미디어쿼리  320px ----------------------------------------------- */
@media screen and (max-width:320px){
/* .main_banner .swiper-container{max-height: 34vh;} */

/* common */
.my_menu .quick_b{padding: 25px 0 23.5px;}

/* 회원가입 */
.join_wrap .join_step li span{font-size:13px;}
.join_wrap .checkbox_box label{height: 27px;padding-left: 37px;line-height: 25px;font-size: 14px;background-size: 27px;}
.join_complete_box .txt p{font-size:13px;}

/* 교수소개 */
.tutor_list_box li{height:auto;}
.tutor_list_box li .dec{padding: 58px 0 21px 24px;}
}

/* ---------------------------미디어쿼리 280px 겔럭시폴드----------------------------------------------- */
@media screen and (max-width:280px){
/* 게이트웨이 */
.gate_quick_menu ul li a{font-size:13px;}

/* main */
.main_course_list1_1 li .info_t strong{font-size:17px;}
.main_course_list1_1 li .price strong{font-size: 15px;}

.cont_top .sub_tab li a{padding:0 6px;}

/* course */
.apply_box .apply_info .price{flex-wrap:wrap;}

/* classroom */
.study_home_list .graph{width: 150px;}

/* 주문배송조회 */
.order_list_wrap .box .tit{font-size:15px;}
.order_list_wrap .btns button{margin-right:5px;font-size:11px;}

/* freemovie 무료강의*/
.free_lecture_box >ul li{background-position-y: 50%;}
.free_lecture_box >ul li a{flex-direction: column;}
.free_lecture_box .img{width: 100%;}
.free_lecture_box .info{width: 100%;margin-top: 10px;}

/* footer */
.foot_menu ul li a{font-size:13px;}

}

/* 이용약관, 개인정보처리방침 */
.privacy_wrap{padding:50px 15px 0;}
.privacy_wrap > div{line-height:1.5;}
.privacy_wrap > div + div{margin-top:15px; }
.privacy_wrap > div strong{font-size:17px; font-weight:500; }
.privacy_wrap .tit{font-weight:500;}
.privacy_wrap .privacyIndex{margin-top:15px;}
.privacy_wrap table{margin-top:10px;}
.privacy_wrap table th{background:#f9f9f9; font-weight:normal;}
.privacy_wrap table th, .privacy_wrap table td{padding:10px; border:1px solid #ddd;}

/* page_box */
.page_box{margin:15px auto 30px !important;}
.page_box ul{display:flex !important;justify-content: center !important;}
.page_box ul li{padding:0 !important;margin:0 !important;border:0 !important;border-radius:0 !important;line-height:35px !important;}
.page_box ul li .page_number_btn{display:inline-block;width:35px;height:35px;margin-right:6px;text-align:center !important;color:#999;font-weight:400;line-height: 35px;border-radius: 5px;border:1px solid #ddd;background:#fff;overflow:hidden;}
.page_box ul li .page_p_btn{width:35px;height:35px;margin-right:6px;line-height: 35px;text-align:center !important;border-radius: 5px;border:1px solid #ddd;background:#fff;overflow:hidden;background:url("../images/sub/ic_page_prev.png")no-repeat center;background-size:9.5px 16px;}
.page_box ul li .page_n_btn{width:35px;height:35px;margin-right:6px;line-height: 35px;text-align:center !important;border-radius: 5px;border:1px solid #ddd;background:#fff;overflow:hidden;background:url("../images/sub/ic_page_next.png")no-repeat center;background-size:9.5px 16px;}
.page_box ul li .page_number_btn_on{width:35px;height:35px;margin-right:6px;text-align:center !important;line-height: 35px;border-radius: 5px;background:#111;color:#fff;}

/* qna */
.search_box{margin:0 15px 15px;}
.search_box p{margin-bottom:10px; font-size:17px; font-weight:700; }
.search_box input[type="text"]{width:calc(100% - 90px ); height:35px;  margin-right:10px; border:1px solid #ddd;}
.search_box button{width:80px; height:35px; background:#111; color:#fff; vertical-align:top;}

/* research */
.research{padding-bottom:50px; }
.research .title{ margin:30px 0;}
.research .txt{margin:0 15px 10px; padding:15px 10px; background:#19a3dd; color:#fff; font-size:15px; font-weight:500; line-height:1.5; }
.research .research_cnt{margin:0 15px;}
.research .btn{position:fixed; bottom:0px; left:0px; background:#19a3dd; color:#fff; font-size:15px; border-radius:0px;}
.research .question{font-weight:500; margin-top:20px;text-indent: -16px;margin-left: 16px;}
.research .answer{margin:10px 0 50px;padding-left:15px;}
.research .answer label{display:block;}
.research .answer label + label{margin-top:10px;}
.research .answer label input{width:0px; height:0px; background:none; opacity:0.1; filter:Alpha(opacity=0); -webkit-appearance:none; border:0px;}
.research .answer label span{margin-right:5px; vertical-align:top;}
.research .answer label .chk{display:inline-block; width:20px; height:20px; text-align:center; border:1px solid #111; border-radius:20px; font-size:13px; line-height:17px;}
.research .answer label.check .chk{border-radius:0px;}
.research .answer label .on{display:inline-block; width:20px; height:20px; text-align:center; border:1px solid #111; border-radius:20px; font-size:13px; line-height:17px; background:#111; color:#fff;}
.research .answer label.check .on{display:inline-block; width:20px; height:20px; text-align:center; border:1px solid #111; font-size:13px; line-height:17px; background:#111; border-radius:0px;}
.research .answer textarea{width:100%; height:150px; padding:10px;  border:1px solid #ddd;font-size: 13px;}
.research .answer input[type="file"]{width:100%; height:30px; padding:5px; background:#f8f8f8; border:1px solid #ddd;}
.research table{margin:30px 15px 0; width:calc(100% - 30px); border-top:1px solid #111;}
.research table th{padding:10px 0; border-bottom:1px solid #ddd; text-align:left; font-size:14px; font-weight:400;}
.research table td{padding:10px 0; border-bottom:1px solid #ddd;}
.research table td input[type="text"]{width:100%; height:35px; text-indent:10px; border:1px solid #ddd; font-size:14px; box-sizing:border-box;}
.research .thumb_fot{margin:20px 15px;}


/* 계정연동 추가 */
.connect_box{padding:40px 15px;text-align:center;}
.connect_box h2{font-size: 19px;font-weight: 700;color: #111;}
.connect_box .top_text{color: #666;font-size: 13px;line-height: 17px;margin: 15px 0 30px;}
.connect_box .select_id{display:flex;flex-direction:column;gap:10px;align-items: flex-start;margin:8px 0 10px;padding:15px;color: #333;border:1px solid #E9E9E9;}
.connect_box .select_id >div{display:flex;align-items:center;gap:5px;}
.connect_box .info_box{margin:15px 0 30px;padding:10px;font-size:13px;text-align:left;border:1px solid #DFDFDF;background-color: #E8F0FE;color:#666666;}
.connect_box .info_box p{margin:0 0 10px 0;}
.connect_box .info_box input{width:100%;}
.connect_box .link_box{margin:15px 0 0;padding:11px 10px 14px;border:1px solid #e9e9e9;background-color: #f9f9f9;font-size:13px;}
.connect_box .link_box a{display:inline-block;margin-top:5px;text-align:center;color: #999;}

.icon_naver_sm{width:21px;height:20px;margin-right:5px;background: url("../images/sub/icon_naver_sm.png");}
.icon_kakao_sm{width:21px;height:20px;margin-right:5px;background: url("../images/sub/icon_kakao_sm.png");}
[class^=icon_]{display: inline-block;vertical-align: middle;background-repeat: no-repeat !important;background-position: 50% 50% !important;background-size: 100% !important;}

.login_set_tit{padding-top: 15px;margin-bottom: 10px;font-weight: 700;font-size: 20px;line-height: 1.4;}
.login_set_wrap th {background: #f9f9f9;border-top: 2px solid #cccccc;border-bottom: 1px solid #cccccc;font-size: 13px;color: #121212;height: 31px;}
.login_set_wrap td {padding: 12px 5px;border-bottom: 1px solid #ccc;text-align: center;font-size: 13px;}