@charset "utf-8";

#sess_w {position:relative;margin:0 auto;padding:150px 15px 130px;max-width:1230px}

#sess_w .wr_content textarea {padding:10px;font-size:14px;outline:none}
#sess_w .wr_content.smarteditor2 iframe {background:#fff}
#sess_w input {outline:none}

.selec_chk {position:absolute;top:0;left:0;width:0;height:0;opacity:0;outline:0;z-index:-1;overflow:hidden}
.chk_box {position:relative}
.chk_box input[type="checkbox"] + label {position:relative;color:#676e70}
.chk_box input[type="checkbox"] + label:hover {color:#2172f8}
.chk_box input[type="checkbox"] + label span {float:left;width:15px;height:15px;display:block;background:#fff;border:1px solid #d0d4df;border-radius:3px}
.chk_box input[type="checkbox"]:checked + label {color:#000}
.chk_box input[type="checkbox"]:checked + label span {background:url(./img/chk.png) no-repeat 50% 50% #3a8afd;border-color:#1471f6;border-radius:3px}

#bo_btn_top {margin:10px 0}
#bo_btn_top:after {display:block;visibility:hidden;clear:both;content:""}

.more_opt {display:none;position:absolute;top:45px;right:0;background:#fff;border:1px solid #888;z-index:999}
.more_opt:before {content:"";position:absolute;top:-8px;right:13px;width:0;height:0;border-style:solid;border-width:0 6px 8px 6px;border-color:transparent transparent #888 transparent}
.more_opt:after {content:"";position:absolute;top:-6px;right:13px;width:0;height:0;border-style:solid;border-width:0 6px 8px 6px;border-color:transparent transparent #fff transparent}
.more_opt li {border-bottom:1px solid #f1f1f1;padding:10px;float:inherit;width:90px;margin:0;color:#6b757c;text-align:left}
.more_opt li:last-child {border-bottom:0}
.more_opt li button, .more_opt li a {width:100%;border:0;background:#fff;color:#6b757c}
.more_opt li:hover a,
.more_opt li:hover button {color:#000}
.more_opt li i {float:right;line-height:20px}

/* 글쓰기 */
#sess_w .bo_w_item {margin:0 0 25px}
#sess_w .bo_w_item:after {display:block;visibility:hidden;clear:both;content:""}
#sess_w .bo_w_item select {padding:0 10px;width:100%;height:48px;font-size:16px;;border:1px solid #D9DBDE;border-radius:8px;outline:none}
.bo_w_tit {margin:0 0 10px;font-size:20px;font-weight:bold;color:#000}
#sess_w .frm_input {font-size:16px}

#date_info .bo_w_tit {font-size:18px;font-weight:normal}
.date_date {float:left;width:21%;margin-right:1%}
.date_time {float:left;width:21%;margin-right:1%}
.date_ampm {float:left;width:12%;margin-right:1%}
.date_duration {float:left;width:21%;margin-right:1%}
.date_maxparti {float:left;width:21%;margin-right:0%}

#sess_w .instructor_info {float:left;width:22%;margin-right:2%}
#sess_w .thumbnail_info {float:left;width:76%}

#bo_w_tabs {}
#bo_w_tabs ul.tabs_w {width:100%;}
#bo_w_tabs ul.tabs_w:after {display:block;visibility:hidden;clear:both;content:""}
#bo_w_tabs ul.tabs_w li {position:relative;float:left;width:32.5%;line-height:46px;margin-right:1.25%;font-size:18px;text-align:center;background:#fff;border:1px solid #D9DBDE;border-radius:8px;cursor:pointer;overflow:hidden}
#bo_w_tabs ul.tabs_w li:last-child {margin-right:0%}
#bo_w_tabs ul.tabs_w li.active {color:#fff;background:#000;border:1px solid #000}
#bo_w_tabs .tab_w_container {margin:20px 0 0;padding:15px;border:1px solid #D9DBDE;background:#fff;border-radius:8px}
#bo_w_tabs .tab_w_container textarea {padding:0px;width:100%;min-height:200px;font-size:16px;line-height:30px;border:0px solid #D9DBDE;}
#bo_w_tabs .tab_w_content {display:none}

#sess_w .btn_confirm {padding:10px 0 0;text-align:center}
#sess_w .btn_confirm:after {display:block;visibility:hidden;clear:both;content:""}
#sess_w .btn_confirm .btn {margin:0 5px;padding:0 20px;width:200px;height:48px;line-height:48px;font-weight:300;font-size:16px;border:0;border-radius:8px}
#sess_w .btn_cancel {background-image:linear-gradient(to right bottom, rgb(205, 205, 205) 3.94%, rgb(169, 169, 169) 94.16%);}

/* 글쓰기버튼 */
.bo_write_btn {margin:30px 0 0px;text-align:right}
.bo_write_btn:after {display:block;visibility:hidden;clear:both;content:""}
.bo_write_btn a.btn_w_sess {display:inline-block;padding:0 30px;height:45px;line-height:45px;font-size:16px;color:#010040;font-weight:400;border:1px solid #ccc;background:#fff;border-radius:8px}

/* 페이징 */
#sess_list .pg_wrap {clear:both;float:none;display:block;margin:20px 0 5px;text-align:center}

.mfp-popup-link {-webkit-tap-highlight-color: rgba(0,0,0,0);}
.mfp_button {display:inline-block;margin:30px 0 0;width:100px;height:50px;font-size:16px;font-weight:500;color:#020063;border:0;border-radius:8px;}
.mfp_ss_success {padding:0 20px;width:auto;color:#fff;background-image:linear-gradient(to right bottom, rgb(0, 217, 48) 3.94%, rgb(0, 177, 39) 94.16%);}
.mfp_ss_close {background:#D9DBDE}
.mfp_ss_cancel {margin-left:5px;color:#fff;background-image:linear-gradient(to right bottom, rgb(0, 217, 48) 3.94%, rgb(0, 177, 39) 94.16%);}
#session_detail_btn {margin-left:5px}

.book_popcontent {position:relative;padding:40px 10px 40px}
.book_popcontent p {font-size:26px;color:#020063;font-weight:700;line-height:34px}
.share_popcontent {position:relative;padding:40px 0px}
#share_sns {margin:0 10px;text-align:center;background:#fff;border-radius:15px;overflow:hidden}
#share_sns .mfp-close {width:60px;height:50px;line-height:50px;font-size:35px;color:#000 !important}
#share_sns h3 {margin:0 0 20px;font-size:27px;font-weight:bold;}
#share_sns ul {margin:0 auto;max-width:440px}
#share_sns ul:after {display:block;visibility:hidden;clear:both;content:""}
#share_sns li {float:left;width:16.66666667%}
#share_sns li div {margin:4px}
#share_sns li img {width:100%;height:auto;cursor:pointer}
#share_sns .btn_share {margin:20px 0 0;font-size:14px;font-weight:500;cursor:pointer}
#booking_10_over {margin:0 10px;text-align:center;background:#fff;border-radius:15px;overflow:hidden}
#booking_10_over .mfp-close {display:none}
#booking_cancel {margin:0 10px;text-align:center;background:#fff;border-radius:15px;overflow:hidden}
#booking_cancel .mfp-close {display:none}
#booking_success {margin:0 10px;text-align:center;background:#fff;border-radius:15px;overflow:hidden;border:1px solid #ddd;max-width:580px}
#booking_success .mfp_button_wr {}
#booking_success .mfp-close {display:none}
.success_title {font-size:28px;color:#020063;font-weight:bold;line-height:36px}
.success_content {margin:15px 0 0;font-size:16px;color:#000;line-height:25px}
.book_tutorial {margin:15px 0 0;font-size:14px;color:#666;line-height:18px}
.book_tutorial a {color:#8F00FF;text-decoration:underline}
br.break-t {display:inline;}
br.break-m {display:none;}

@media all and (max-width:1200px) {
	#sess_w {padding:120px 15px 100px}
	.bo_w_tit {font-size:18px}
	#date_info .bo_w_tit {font-size:16px}
}

@media all and (max-width:992px) {
	.date_date {margin:0 0 15px;width:100%;margin-right:0%}
	.date_time {width:200px;margin-right:1%}
	.date_ampm {width:100px;margin-right:0%}
	.date_duration {margin:15px 0;width:100%;margin-right:0%}
	.date_maxparti {width:100%;margin-right:0%}
	#sess_w .instructor_info {margin:0 0 25px;width:100%;margin-right:0%}
	#sess_w .thumbnail_info {width:100%}
	#bo_w_tabs ul.tabs_w li {line-height:41px;font-size:16px}
	#bo_w_tabs .tab_w_container {margin:10px 0 0;padding:10px}
	#bo_w_tabs .tab_w_container textarea {font-size:14px;line-height:25px}
	#sess_w .btn_confirm {padding:0 0 0}
	#sess_w .btn_confirm .btn {float:right;margin:0;padding:0;width:48.5%}
	#sess_w .btn_confirm .btn_cancel {float:left}
}

@media screen and (max-width: 800px){
	#bo_v_title .bo_v_tit {font-size:18px;line-height:20px;font-weight:bold}
	#bo_v_info .profile_info {margin:10px 0 10px}
	#bo_v_info .pf_img {display:none}
	#bo_v .bo_v_com {margin:20px 0 0}
}

@media all and (max-width:576px) {
	.book_popcontent p {font-size:18px;line-height:26px}
	.share_popcontent {padding:30px 0px}
	#share_sns h3 {margin:0 0 10px;font-size:22px}
	#share_sns ul {max-width:230px}
	#share_sns li {width:33.33333333%}
	#share_sns .btn_share {margin:10px 0 0;font-size:14px}
	.success_title {font-size:22px;line-height:28px}
	.success_content {font-size:14px;line-height:22px}
	#booking_success .mfp_button {margin:20px 0 0}
	.book_tutorial {margin:10px 0 0}
	.mfp_button {height:45px}
	br.break-t {display:none;}
    br.break-m {display:inline;}
}