* {margin:0 auto;padding:0}
li {list-style:none;vertical-align:top}
fieldset {border:none 0;vertical-align:top}
input, select, button {vertical-align:middle}
h1, h2, h3, h4, h5, h6 {font-size:100%;font-weight:normal}
strong, em, address {font-style:normal;font-weight:normal}
body, input, select, textarea, button {font-family:"Pretendard", sans-serif;font-size:14px;color:#303538;font-weight:normal}

a:link, a:visited {text-decoration:none}
a:hover, a:focus, a:active {text-decoration:none}
.hide, caption, legend, hr {position:absolute;left:-9999px;font-size:0;width:0;height:0;overflow:hidden;text-indent:-9999px}

#index_banner {background-color:#f6f7f9;height:370px}
#index_banner .visual {width:1130px;height:370px;background:url("../images/main_visual01.png") top right no-repeat}
#index_banner .v_text {width:1130px;height:300px;text-align:left}
#index_banner .v_text .v_text_tit {font-size:50px;font-weight:bold;color:#405b78;padding:40px 0}
#index_banner .v_text .v_text_con {font-size:18px;font-weight:bold;padding-bottom:20px}
#index_banner .v_btn_zone .v_btn_01 {display:block;background:url("../images/main_con_view.png") 0 0 no-repeat;width:95px;height:40px;line-height:40px;text-align:center;color:#fff;font-size:16px;font-weight:bold;float:left}
#index_banner .v_btn_zone .v_btn_01 a {color:#fff}
#index_banner .v_btn_zone .or {width:24px;margin:0 10px;height:40px;line-height:40px}
#index_banner .v_btn_zone .v_btn_02 {width:90px;height:30px;font-size:14px;font-weight:bold;height:40px;line-height:40px}
#index_banner .v_btn_zone .v_btn_02 a {color:#126ed1}

.sub_top_visual {height:101px;background:url("../images/sub_top_img.png") 0 0 repeat-x}
#ysp_container {width:100%}
#ysp_container:after {content:"";display:block;clear:both}

#ysp_container .section_01 {width:1130px;height:233px;position:relative;margin-top:20px}
#ysp_container .section_01 div {float:left;width:331px;height:200px;border:1px solid #c9c9c9;padding:15px;margin-right:20px}

#ysp_container .section_01 div h2 {height:40px;font-size:18px;font-weight:bold;border-bottom:1px solid #c9c9c9}
#ysp_container .section_01 div .banner_con {height:80px;font-size:14px;font-weight:bold;line-height:20px;padding:25px 0}
#ysp_container .section_01 div .more_btn {font-size:14px;font-weight:bold}
#ysp_container .section_01 div .more_btn a {color:#1fa755}

#ysp_container .section_01 .banner_01 {background:url("../images/center_banner01.png") right bottom no-repeat}
#ysp_container .section_01 .banner_02 {background:url("../images/center_banner02.png") right bottom no-repeat}
#ysp_container .section_01 .banner_03 {background:url("../images/center_banner03.png") right bottom no-repeat;position:absolute;top:0;right:0;margin-right:0}

#ysp_container .section_02 {width:1130px;height:278px;position:relative;margin-top:20px}
#ysp_container .section_02 .best_lecture_zone {width:250px;height:248px;border:1px solid #c9c9c9;padding:15px;margin-right:20px;position:absolute;top:0;left:0}
#ysp_container .section_02 .best_lecture_zone h3 {font-size:14px;font-weight:bold;height:20px;line-height:20px;margin-bottom:10px}
#ysp_container .section_02 .best_lecture_zone li {height:20px;cursor:pointer}

#ysp_container .section_02 .board_zone {width:329px;height:248px;border:1px solid #c9c9c9;padding:15px;position:absolute;top:0;left:300px}
#ysp_container .section_02 .board_zone .b_btn_zone {width:329px;height:20px;position:relative;margin-bottom:10px}
#ysp_container .section_02 .board_zone .b_btn_zone li {float:left;font-size:14px;font-weight:bold;cursor:pointer}
#ysp_container .section_02 .board_zone .b_btn_zone li a:hover {color:#1fa755}
#ysp_container .section_02 .board_zone .b_btn_zone li span {margin-left:10px;margin-right:10px;color:#ccc}
#ysp_container .section_02 .board_zone .b_btn_zone .b_more {font-size:14px;color:#ccc;position:absolute;top:0;right:0}

#ysp_container .section_02 .notice li, #ysp_container .section_02 .new li, #ysp_container .section_02 .qna li {width:329px;height:20px;cursor:pointer;position:relative}
#ysp_container .section_02 .notice li span, #ysp_container .section_02 .new li span, #ysp_container .section_02 .qna li span {height:20px;position:absolute;right:0}

#ysp_container .section_02 .new, #ysp_container .section_02 .qna {display:none}

#ysp_container .section_02 .book_zone {width:414px;height:248px;border:1px solid #c9c9c9;position:absolute;top:0;right:0;padding:15px}
#ysp_container .section_02 .book_zone .bk_btn_zone {width:414px;height:20px;position:relative;margin-bottom:10px}
#ysp_container .section_02 .book_zone .bk_btn_zone li {float:left;font-size:14px;font-weight:bold;cursor:pointer}
#ysp_container .section_02 .book_zone .bk_btn_zone li:hover {color:#1fa755}
#ysp_container .section_02 .book_zone .bk_btn_zone li span {margin-left:10px;margin-right:10px;color:#ccc}
#ysp_container .section_02 .book_zone .bk_btn_zone .b_more {font-size:14px;color:#ccc;position:absolute;top:0;right:0}

#ysp_container .section_02 .book_zone .b_box {width:120px;height:210px;float:left;margin-right:25px;cursor:pointer}
#ysp_container .section_02 .book_zone p.b1_img {height:170px}
#ysp_container .section_02 .book_zone p.b1_tit {height:18px}
#ysp_container .section_02 .book_zone p.price1 {height:18px}
#ysp_container .section_02 .book_zone p.price2 {height:20px;color:red}
#ysp_container .section_02 .book_zone .b_box_last {width:120px;height:210px;float:right;margin-right:0;cursor:pointer}
#ysp_container .section_02 .book_zone .book2, #ysp_container .section_02 .book_zone .book3, #ysp_container .section_02 .book_zone .book4 {display:none}

#ysp_container .section_03 {width:1100px;height:220px;padding:15px;border:1px solid #c9c9c9;margin-top:20px;position:relative}
#ysp_container .section_03 h3 {font-size:14px;font-weight:bold;height:20px;line-height:20px;margin-bottom:30px}
#ysp_container .section_03 .p_btn_zone {width:240px;height:20px;float:right;position:absolute;top:15px;right:10px}
#ysp_container .section_03 .p_btn_zone li {float:left;cursor:pointer}
#ysp_container .section_03 .p_btn_zone li:hover {color:#1fa755}
#ysp_container .section_03 .p_btn_zone li span {margin-left:5px;margin-right:5px}

#ysp_container .section_03 .popular_1_con, #ysp_container .section_03 .popular_2_con, #ysp_container .section_03 .popular_3_con, #ysp_container .section_03 .popular_4_con, #ysp_container .section_03 .popular_5_con, #ysp_container .section_03 .popular_6_con, #ysp_container .section_03 .popular_6_con {height:170px;position:relative}

#ysp_container .section_03 .po_box {float:left;width:230px;height:140px;padding:15px;border:1px solid #c9c9c9;margin-right:17px;cursor:pointer}
#ysp_container .section_03 .po_box_last {width:230px;height:140px;padding:15px;border:1px solid #c9c9c9;position:absolute;top:0;right:0}

#ysp_container .section_03 .po_tit {font-size:12px;font-weight:bold;margin-bottom:20px}
#ysp_container .section_03 .po_con {font-weight:bold;font-size:12px;height:80px}
#ysp_container .section_03 .po_name {color:#666;font-size:12px;font-weight:bold}

#ysp_container .section_03 .popular_2_con, #ysp_container .section_03 .popular_3_con, #ysp_container .section_03 .popular_4_con, #ysp_container .section_03 .popular_5_con, #ysp_container .section_03 .popular_6_con, #ysp_container .section_03 .popular_7_con {display:none}

#ysp_container .section_04 {height:110px;line-height:22px;width:1130px;padding-top:45px;text-align:center;font-size:14px;font-weight:bold;position:relative}
#ysp_container .section_04 ul {height:70px;width:950px}
#ysp_container .section_04 li {float:left;margin-right:89px}
#ysp_container .section_04 li.section_last_list {position:absolute;right:0;top:45px}

#ysp_container .section_05 {height:140px;width:1100px;border:1px solid #c9c9c9;padding:15px}

#ysp_container .section_05 h3 {font-size:14px;font-weight:bold;height:20px;line-height:20px;margin-bottom:10px}

#ysp_container .section_05 .qna_board, #ysp_container .section_05 .counsel {width:306px;height:70px;background-color:#eeeeee;margin-right:45px;float:left;padding:15px;line-height:16px}
#ysp_container .section_05 .cs_center {width:306px;height:70px;background-color:#eeeeee;float:right;padding:15px;line-height:22px}
#ysp_container .section_05 .sec_tit {font-size:16px;font-weight:bold;height:30px}

.sub_contents .sub_list h5 {height:25px}
.sub_contents .sub_list .list_row {height:220px}
.sub_contents .sub_list .list_row li {float:left;height:220px;margin-right:30px}
.sub_contents .sub_list .list_row li.li_last {float:right;margin:0}

.sub_list h5 {height:25px;line-height:25px}
.sub_list .list_row {height:280px;margin-bottom:10px}

.sub_list .list_row .lec_box {float:left;margin-right:21px}
.sub_list .list_row .lec_box_last {float:right;margin-right:0}

.sub_list .lec_box {width:204px;height:274px}
.sub_top_menu h5 {line-height:36px;height:36px;font-weight:bold}
.sub_top_menu span.st_01 {line-height:36px;height:36px;font-weight:bold;cursor:pointer}
.sub_top_menu span.b_line {line-height:36px;height:36px;margin:0 5px}
.sub_top_menu span.st {float:right;cursor:pointer}

p.lec_tit {height:25px;line-height:25px;font-weight:bold;letter-spacing:-1px}
p.lec_con {line-height:18px}

.page {clear:both;padding-top:20px;width:170px;height:25px;margin-right:0}
.page li a {width:25px;height:25px;float:left;display:block;border:1px solid #ccc;background-color:#fff;font-weight:bold;text-align:center;line-height:25px;margin-right:7px}
.page li a:hover {color:#fff;background-color:#1fa755}
.page li a.list_here {color:#fff;background-color:#1fa755}

.sub_menu_now {color:#1fa755;font-weight:bold}

/* 쿠폰 */
#ysp_coupon .sub_top_menu {height:36px;border-top:1px solid #ccc;border-bottom:1px solid #ccc;margin-bottom:20px}
#ysp_coupon .sub_top_menu h5 {line-height:36px;height:36px;font-weight:bold}
#ysp_coupon .c_zone {width:500px;height:100px;margin-top:150px}
#ysp_coupon form {float:left}
#ysp_coupon input.coupon_num, #ysp_coupon input.user_name {border:1px solid #ccc;width:320px;height:80px;margin-bottom:10px;padding-left:5px;font-size:14px}
#ysp_coupon .btn_zone {float:right}
#ysp_coupon .bi_btn1 {height:80px;width:155px;line-height:80px;text-align:center;color:#fff;background-color:#1fa755;display:block;font-size:22px;font-weight:bold}
#ysp_coupon .btn_zone2 {margin:0 auto;width:500px;height:50px;line-height:50px}
#ysp_coupon .btn_zone2 a {margin-right:20px}
#ysp_coupon .btn_zone2 a:hover {text-decoration:underline}
#ysp_coupon .btn_zone2 a.join_btn {font-weight:bold}
#ysp_coupon input.btn_zone {border:0;margin-left:10px}

/*로그인*/
#ysp_login {width:500px;height:auto;margin:105px auto}
#ysp_login .title_wrap {width:100%}
#ysp_login .sub_top_menu {height:36px;margin-bottom:20px}
#ysp_login .c_zone {width:100%;height:130px;clear:both}
#ysp_login .title_wrap h2.logo {margin:0 auto;width:176px;height:62px;margin-bottom:24px}
#ysp_login .title_wrap h2.logo img {width:100%}
#ysp_login .title_wrap h2.login {text-align:center;color:#333;font-size:28px;font-weight:bold;margin-bottom:24px}
/* #ysp_login form{} */
#ysp_login input.coupon_num, #ysp_login input.user_name {width:100%;height:60px;margin-bottom:10px;line-height:50px;padding-left:20px;box-sizing:border-box;border:1px solid #dce2e6;border-radius:5px}
#ysp_login .bi_btn1 {background:#00abd4;width:100%;border:none;border-radius:5px;height:50px;line-height:50px;text-align:center;color:#fff;display:block;font-size:20px;font-weight:500}
#ysp_login .autolck {margin-bottom:25px;color:#707070;font-weight:500;line-height:20px}
#ysp_login .loginbtn {margin-bottom:30px}
#ysp_login input.pw_re {margin-right:8px}
#ysp_login .join_btn {background:#fff;border:1px solid #00abd4;width:100%;border-radius:5px;height:50px;line-height:50px;text-align:center;color:#00abd4;display:block;font-size:20px;font-weight:500;margin-top:10px}
#login_password_lost {color:#717171;font-size:16px;display:block;text-align:center}
.btn_confirm a {margin-top:30px;color:#717171;font-size:16px;display:block}

/*#ysp_login .btn_zone{float:right;}
#ysp_login input.btn_zone{border:0}
#ysp_login .bi_btn1 {height:80px;width:155px;line-height:80px;text-align:center;color:#fff;background-color:#1fa755;display:block;font-family:Nanum Gothic,"나눔고딕",sans-serif;font-size:22px;font-weight:bold;}
#ysp_login .idpw{float:left;}
#ysp_login .loginbtn{float:right;}
#ysp_login .autolck{clear:both}
#ysp_login .btn_zone2{margin:0 auto;width:500px;height:50px;line-height:50px;}
#ysp_login .btn_zone2 a{margin-right:20px;}
#ysp_login .btn_zone2 a:hover{text-decoration:underline;}
#ysp_login .btn_zone2 a.join_btn{font-weight:bold;} */

/*회원가입_member.html*/
#ysp_member .sub_lnb_mypage {float:left;width:240px}
#ysp_member .sub_lnb_mypage h3 {width:110px;height:15px;padding:25px 65px;border:1px solid #ccc;display:block;font-size:22px;font-weight:bold;margin-bottom:15px}

#ysp_member .sub_lnb_mypage .lnb_top {width:190px;padding:25px 25px;border:1px solid #ccc;margin-bottom:20px}
#ysp_member .sub_lnb_mypage .lnb_top h4 {font-size:18px;font-weight:bold;padding-bottom:20px}

#ysp_member .sub_lnb_mypage .lnb_top h4 a:hover {color:#1fa755}
#ysp_member .sub_lnb_mypage .lnb_top li {height:22px}
#ysp_member .sub_lnb_mypage .lnb_top li a:hover {color:#1fa755}
#ysp_member .sub_lnb_mypage .lnb_top .l_apply {margin-bottom:50px}
#ysp_member .sub_lnb_mypage .lnb_top .l_book {margin-bottom:20px}
#ysp_member .sub_lnb_mypage .lnb_top .l_support {margin-bottom:20px}

#ysp_member .sub_lnb_mypage .lnb_cs {width:190px;padding:25px 25px;border:1px solid #ccc;margin-bottom:50px}
#ysp_member .sub_lnb_mypage .lnb_cs h4 {font-size:18px;font-weight:bold;padding-bottom:20px}
#ysp_member .sub_lnb_mypage .lnb_cs p.call {font-weight:bold;line-height:18px;margin-bottom:20px}
#ysp_member .sub_lnb_mypage .lnb_cs p.qna {line-height:22px}
#ysp_member .sub_lnb_mypage .lnb_cs p.qna a:hover {color:#1fa755}

#ysp_member .sub_contents {float:right;width:860px;margin-top:15px;margin-bottom:50px}
#ysp_member .sub_top_menu {height:36px;border-top:1px solid #ccc;border-bottom:1px solid #ccc;margin-bottom:20px}
#ysp_member .sub_top_menu h5 {line-height:36px;height:36px;font-weight:bold}
#ysp_member .login_con {width:420px;height:500px}
#ysp_member .login_con .tit {font-size:22px;font-weight:bold;text-align:center;height:50px;line-height:50px;letter-spacing:1px}
#ysp_member .login_con .con {font-weight:bold;text-align:center;font-size:16px}
#ysp_member .login_con .con span {font-weight:bold;text-align:center;color:#1fa755}
#ysp_member .login_con form {margin-top:50px;margin-bottom:70px}
#ysp_member .login_con form p {width:420px;height:50px}
/*#ysp_member .login_con form input{border:1px solid #ccc;width:326px;height:34px;}*/
#ysp_member .user_input {border:1px solid #ccc;width:326px;height:34px}

#ysp_member .login_con form span {width:90px;height:34px;display:block;float:left;line-height:34px}

#ysp_member .login_con form p.cbox {width:420px;height:30px;line-height:30px}
#ysp_member .login_con form p.cbox .c_1, #ysp_member .login_con form p.cbox .c_2 {width:15px;margin-right:20px;border:0}

#ysp_member button.btn_zone {margin:0 auto;border:0;color:#fff;clear:both}
#ysp_member .bi_btn1 {height:80px;width:155px;line-height:80px;text-align:center;color:#fff;background-color:#1fa755;display:block;font-size:22px;font-weight:bold}

/*회원가입확인_member_confirm.html*/
#ysp_member_confirm .sub_top_visual {height:101px;background:url("../images/sub_top_img2.png") 0 0 repeat-x}
#ysp_member_confirm .sub_container {width:1130px}
#ysp_member_confirm:after {content:"";display:block;clear:both}

#ysp_member_confirm .sub_lnb_mypage {float:left;width:240px}
#ysp_member_confirm .sub_lnb_mypage h3 {width:110px;height:15px;padding:25px 65px;border:1px solid #ccc;display:block;font-size:22px;font-weight:bold;margin-bottom:15px}

#ysp_member_confirm .sub_lnb_mypage .lnb_top {width:190px;padding:25px 25px;border:1px solid #ccc;margin-bottom:20px}
#ysp_member_confirm .sub_lnb_mypage .lnb_top h4 {font-size:18px;font-weight:bold;padding-bottom:20px}

#ysp_member_confirm .sub_lnb_mypage .lnb_top h4 a:hover {color:#1fa755}
#ysp_member_confirm .sub_lnb_mypage .lnb_top li {height:22px}
#ysp_member_confirm .sub_lnb_mypage .lnb_top li a:hover {color:#1fa755}
#ysp_member_confirm .sub_lnb_mypage .lnb_top .l_apply {margin-bottom:50px}
#ysp_member_confirm .sub_lnb_mypage .lnb_top .l_book {margin-bottom:20px}
#ysp_member_confirm .sub_lnb_mypage .lnb_top .l_support {margin-bottom:20px}

#ysp_member_confirm .sub_lnb_mypage .lnb_cs {width:190px;padding:25px 25px;border:1px solid #ccc;margin-bottom:50px}
#ysp_member_confirm .sub_lnb_mypage .lnb_cs h4 {font-size:18px;font-weight:bold;padding-bottom:20px}
#ysp_member_confirm .sub_lnb_mypage .lnb_cs p.call {font-weight:bold;line-height:18px;margin-bottom:20px}
#ysp_member_confirm .sub_lnb_mypage .lnb_cs p.qna {line-height:22px}
#ysp_member_confirm .sub_lnb_mypage .lnb_cs p.qna a:hover {color:#1fa755}

#ysp_member_confirm .sub_contents {float:right;width:860px;margin-top:15px;margin-bottom:50px}
#ysp_member_confirm .sub_top_menu {height:36px;border-top:1px solid #ccc;border-bottom:1px solid #ccc;margin-bottom:20px}
#ysp_member_confirm .sub_top_menu h5 {line-height:36px;height:36px;font-weight:bold}

#ysp_member_confirm .bi_btn1 {height:80px;width:155px;line-height:80px;text-align:center;color:#fff;background-color:#1fa755;display:block;font-size:22px;font-weight:bold}
#ysp_member_confirm .member_con {width:260px;margin-top:100px;margin-bottom:100px}
#ysp_member_confirm .member_con p.m_tit {font-size:22px;line-height:30px;font-weight:bold;text-align:center;margin-bottom:30px}

#ysp_member_confirm .member_con p.m_con {font-size:16px;line-height:30px;font-weight:bold;text-align:center;margin-bottom:50px}

/*동영상게시판_select_pass.html*/
#ysp_select_pass .sub_top_visual {height:101px;background:url("../images/sub_top_img.png") 0 0 repeat-x}
#ysp_select_pass .sub_container {width:1130px}
#ysp_select_pass:after {content:"";display:block;clear:both}

#ysp_select_pass .sub_lnb {float:left;width:240px}
#ysp_select_pass .sub_lnb h3 {width:240px;height:65px;line-height:65px;border:1px solid #ccc;display:block;font-size:22px;font-weight:bold;margin-bottom:15px;text-align:center}
#ysp_select_pass .sub_lnb .lnb_top {width:190px;padding:25px 25px;border:1px solid #ccc;margin-bottom:20px}
#ysp_select_pass .sub_lnb .lnb_top h4 {font-size:18px;font-weight:bold;padding-bottom:20px}

#ysp_select_pass .sub_lnb .lnb_top h4 a:hover {color:#1fa755}
#ysp_select_pass .sub_lnb .lnb_top li {height:22px}
#ysp_select_pass .sub_lnb .lnb_top li.c02_1 a {color:#1fa755;font-weight:bold}
#ysp_select_pass .sub_lnb .lnb_top li a:hover {color:#1fa755}
#ysp_select_pass .sub_lnb .lnb_top .l_apply {margin-bottom:50px}
#ysp_select_pass .sub_lnb .lnb_top .l_book {margin-bottom:20px}
#ysp_select_pass .sub_lnb .lnb_top .l_support {margin-bottom:20px}

#ysp_select_pass .sub_lnb .lnb_cs {width:190px;padding:25px 25px;border:1px solid #ccc;margin-bottom:50px}
#ysp_select_pass .sub_lnb .lnb_cs h4 {font-size:18px;font-weight:bold;padding-bottom:20px}
#ysp_select_pass .sub_lnb .lnb_cs p.call {font-weight:bold;line-height:18px;margin-bottom:20px}
#ysp_select_pass .sub_lnb .lnb_cs p.qna {line-height:22px}
#ysp_select_pass .sub_lnb .lnb_cs p.qna a:hover {color:#1fa755}

#ysp_select_pass .sub_contents {float:right;width:870px;margin-top:15px}
#ysp_select_pass .sub_contents .sub_top_menu {height:36px;line-height:36px;border-top:1px solid #ccc;border-bottom:1px solid #ccc;font-weight:bold}

#ysp_select_pass .subject_zone {width:840px;height:102px;border-bottom:1px solid #ccc;padding:0 15px 15px 15px}
#ysp_select_pass .subject_zone .cz_01, #ysp_select_pass .subject_zone .cz_02 {float:left;width:240px;height:70px;border-right:1px solid #ccc;padding:15px 20px}

#ysp_select_pass .subject_zone .cz_03 {width:220px;height:70px;float:right;padding:15px}
#ysp_select_pass .subject_zone .cz_03 .cz_btn01 a {width:182px;height:34px;line-height:34px;background-color:#1fa755;color:#fff;display:block;text-align:center}
#ysp_select_pass .subject_zone .cz_03 .cz_price {height:50px;line-height:50px;text-align:right;padding-right:15px}
#ysp_select_pass .subject_zone .cz_03 .cz_btn01 {width:182px;height:34px;line-height:34px;background-color:#1fa755;color:#fff;display:block;text-align:center}

#ysp_select_pass .subject_zone p {font-weight:bold}
#ysp_select_pass .subject_zone .cz_01 p.cz_tit, #ysp_select_pass .subject_zone .cz_02 p.cz_tit {margin-bottom:20px;line-height:18px}

#ysp_select_pass .subject_zone .cz_01 p.cz_con {line-height:18px}

#ysp_select_pass .movie_zone {width:870px;border-bottom:1px solid #ccc;margin-bottom:20px}
#ysp_select_pass .movie_zone p.movie {width:851px;height:473px;margin:0 auto}
#ysp_select_pass .movie_zone p.text {height:50px;line-height:50px;color:#1fa755;font-weight:bold;padding-left:35px}
#ysp_select_pass .movie_zone p.text img {margin-top:10px;margin-right:10px}

#ysp_select_pass .movie_zone p.btn {height:40px;line-height:40px;position:relative}
#ysp_select_pass .movie_zone p.btn a.pre_btn {height:40px;position:absolute;top:3px;left:5px;font-weight:bold;cursor:pointer}
#ysp_select_pass .movie_zone p.btn a.next_btn {height:40px;position:absolute;top:3px;right:5px;font-weight:bold;cursor:pointer}

#ysp_select_pass .list_zone {width:870px;position:relative;margin-bottom:50px}
#ysp_select_pass .list_zone .block {width:150px;height:60px;background:#b6d9ff url("../images/block.png") 50px 50px no-repeat;padding:40px 30px 40px 150px;line-height:20px;font-weight:bold;position:absolute;top:230px;left:250px;opacity:0.8}
#ysp_select_pass .list_zone .block_text {color:#555}
#ysp_select_pass .list_zone li {height:35px;line-height:35px;position:relative;color:#ccc}
#ysp_select_pass .list_zone li.li_01, #ysp_select_pass .list_zone li.li_02 {color:#666}
#ysp_select_pass .list_zone li span.list_tit {width:740px;height:35px;line-height:35px;display:inline-block;font-weight:bold}
/* #ysp_select_pass .list_zone li span.list_play{width:35px;height:35px;line-height:35px;display:inline-block;position:absolute;top:5px;right:150px;cursor:pointer;} */
#ysp_select_pass .list_zone li span.lect_per {color:#aaaaaa;font-size:16px;position:absolute;right:57px}
#ysp_select_pass .list_zone li span.lect_per.active {color:#00abd4}
#ysp_select_pass .list_zone li span.list_movie {width:29px;height:35px;line-height:35px;display:inline-block;position:absolute;top:3px;right:10px;cursor:pointer}

#ysp_sub_container {width:1000px;position:relative}
#ysp_quick_wrap {background-color:#ffffff;width:136px;height:570px;position:absolute;top:0px;right:-200px;border:1px solid #e7e7e7;border-top:2px solid #ed1a22;color:#888888}
#ysp_quick_wrap ul {margin:0 8px}

#ysp_quick_wrap li {padding:10px 0;text-align:center;vertical-align:middle;border-bottom:1px solid #e7e7e7}

#ysp_quick_wrap li span.qr_con {height:20px;line-height:20px;font-size:11px;padding-top:5px;display:inline-block}
#ysp_quick_wrap .bank {margin:8px;border-bottom:1px solid #e7e7e7;padding-bottom:10px}
#ysp_quick_wrap .bank p {line-height:15px;font-size:11px}
#ysp_quick_wrap .cus {margin:8px;font-size:11px;padding-bottom:10px}

#ysp_quick_wrap strong {font-size:14px;color:#888888;font-weight:bold;letter-spacing:-2px;line-height:30px}
#ysp_quick_wrap .cus_number {font-size:14px;color:#888888;font-weight:bold}

#ysp_quick_wrap .quick_t {position:absolute;bottom:-160px}
#ysp_quick_wrap .quick_d {position:absolute;bottom:-201px}

/* 강좌 구매 리스트 */
/* .goods_contents{float:right;width:870px}
.goods_contents .top{margin-bottom:15px;height:35px;line-height:35px;border-top:1px solid #ccc;border-bottom:1px solid #ccc;text-align:right;}
.goods_contents .tit{font-family:Nanum Gothic,"나눔고딕",sans-serif;font-size:25px;font-weight:bold;height:60px;line-height:60px;padding-top:10px;}
.goods_contents p.img{background-color:#eee;width:870px;height:290px;line-height:290px;text-align:center;}
.goods_contents .tab_zone{height:60px;margin-top:20px;margin-bottom:20px;}
.goods_contents .tab_zone li{float:left;width:172px;height:60px;line-height:60px;text-align:center;font-weight:bold;border:1px solid #ccc;background-color:#eeeeee;}
.goods_contents .tab_zone li a{display:block;}

.goods_contents .tab_zone li.li_01{background-color:#FFF;} */

/* .goods_contents table{width:100%;} */
/* .goods_contents table td{vertical-align:top;padding:15px 10px;} */

.goods_contents table .sub_con {margin-top:7px;background-color:#6b7a89;color:#fff;text-align:center;height:24px;line-height:24px}
/* 
.goods_contents table .con{width:350px;}
.goods_contents table .con p{height:30px;line-height:30px;} */

.goods_contents table .con1 p {height:30px;line-height:30px}

.goods_contents table span.bold {font-weight:bold;margin-right:10px}
.goods_contents table span.red {color:red;font-weight:bold}

.goods_contents .cart_btn {width:135px;height:35px;line-height:35px;background-color:#eee;font-weight:bold;border:1px solid #ccc;text-align:center;margin-bottom:10px;margin-top:5px}
.goods_contents .buy_btn {width:135px;height:35px;line-height:35px;background-color:#1fa755;color:#fff;font-weight:bold;border:1px solid #ccc;text-align:center}

/* 강좌 질의응답... */
.lecture_board table {width:100%;border-top:1px solid #ccc}
.lecture_board table th {background-color:#eee;height:37px;border-bottom:1px solid #ccc}
.lecture_board table td {border-bottom:1px solid #ccc;vertical-align:top;padding:15px 10px;text-align:center}
.lecture_board table td.con {text-align:left}
.lecture_board table .sub_con {margin-top:7px;background-color:#6b7a89;color:#fff;text-align:center;width:68px;height:24px;line-height:24px}
.lecture_board .q_wrap {width:870px;text-align:right}
.lecture_board .qusetion_btn {width:110px;height:30px;line-height:30px;text-align:center;font-weight:bold;border:1px solid #ccc;margin-top:30px}

/* add */
/* 버튼 */
/* a.btn01 {display:inline-block;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;vertical-align:middle}
a.btn01:focus, a.btn01:hover {text-decoration:none}
button.btn01 {display:inline-block;margin:0;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none} */
a.btn02 {display:inline-block;padding:7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none;vertical-align:middle}
a.btn02:focus, .btn02:hover {text-decoration:none}
button.btn02 {display:inline-block;margin:0;padding:7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none}

.btn_confirm {text-align:center} /* 서식단계 진행 */

fieldset .btn_submit {padding:0 7px;height:24px;line-height:1em}

/* a.btn_cancel {display:inline-block;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;vertical-align:middle} */
/* button.btn_cancel {display:inline-block;padding:7px;border:1px solid #ccc;background:#fff;color:#000;vertical-align:top;text-decoration:none} */

a.btn_frmline, button.btn_frmline {display:inline-block;padding:0 5px;height:24px;border:0;background:#333;color:#fff;letter-spacing:-0.1em;text-decoration:none;vertical-align:middle} /* 우편번호검색버튼 등 */
a.btn_frmline {line-height:24px}
button.btn_frmline {font-size:1em}
.sub_contents .btn_admin {color:#fff}

/* .btn_bo_user a.btn_admin {color:#00569F;} */
.btn_bo_user a.btn_b02 {color:#fff}

/* 쿠폰 등록 */
.coupon_list table {width:100%;border-collapse:collapse;border-spacing:0}
.coupon_list caption {padding:5px 0;font-weight:bold;text-align:left}

/* 퀵메뉴 */
.quick_menu {width:1120px;margin:0 auto;position:relative}
#left_quick {width:123px;position:absolute;top:100px;left:-145px;border:1px solid #c9c9c9;border-top:none}
#left_quick h3 {width:123px;height:25px;background-color:#405b78;color:#fff;font-weight:bold;text-align:center;line-height:25px;margin-bottom:11px}
#left_quick div {width:104px;margin-bottom:11px}
#left_quick div p {text-align:center}
#right_quick {position:absolute;top:100px;right:-112px;border:1px solid #c9c9c9;border-top:2px solid #405b78;width:90px}
#right_quick p {height:55px;text-align:center;border-bottom:1px solid #c9c9c9;margin:10px 10px 0;line-height:80px;cursor:pointer}
.r_quick_list1 {background:url("../images/cscenter_bg.png") no-repeat 27px 2px}
.r_quick_list2 {background:url("../images/coupon_bg.png") no-repeat 27px 2px}
.r_quick_list3 {background:url("../images/lecture_bg.png") no-repeat 27px 2px}
.r_quick_list4 {background:url("../images/board_bg.png") no-repeat 27px 2px}
.r_quick_list5 {background:url("../images/teacher_info_bg.png") no-repeat 27px 2px}
#right_quick .r_quick_list6 {border:none;height:20px;background:url("../images/top_bg.png") no-repeat 16px 2px;line-height:12px;text-indent:18px}

/* 커스텀 참스쿨 페이지 reset */
#wrap {width:100%;background:#fff;min-width:1450px}

/* 커스텀 참스쿨 마진 공통 스타일 */

/* 마진 바텀 공통 */
.mg-b-40p {margin-bottom:40px}
.mg-b-44p {margin-bottom:40px}
.mg-b-80p {margin-bottom:40px}

/* 커스텀 참스쿨 메인 레이아웃 */
.sub_lnb {clear:both}

/* 자료실, 스터디클럽, 행정실, 마이페이지 때문에 width 고정값 잡으면 x */
.sub_contents {margin:0 auto 80px}

/* 커스텀 참스쿨 서브페이지 상단 이미지 영역 레이아웃  */
.sub_contents > div {}
.sub_contents > div > img {display:block;width:100%;height:250px;object-fit:cover}

/* 커스텀 참스쿨 su page 메인 배너 */
.sub_contents > div {position:relative}

/* 마이페이지 배너 영역 */
.mypage_banner_zone {position:relative;margin-bottom:40px;width:100%}
.mypage_banner_zone img {width:100%;height:auto}

.banner_img {position:relative;width:100%;height:auto}
.banner_img img {display:block;width:100%;height:250px !important;object-fit:cover}
.banner_tit {font-size:24px;text-align:center;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);font-weight:bold;color:#1f2937}
/* 검색 기능을 삽입할 경우 타이틀 */
.banner_tit02 {font-size:24px;text-align:center;position:absolute;left:50%;top:30%;transform:translate(-50%, -50%);font-weight:bold}

/* 커스텀 참스쿨 스와이퍼 공통 css */
.swiper {width:100%;object-fit:cover;overflow:hidden}
.swiper-slide {text-align:center;font-size:18px}
/* .swiper-slide img {display:block;object-fit:cover;} */

/* 커스텀 참스쿨 학술, 경영, 공개강좌 공통 css */
#sct_hhtml {width:100%}
#sct_hhtml > div {width:100%}
#sct_hhtml > div img {width:100%}

/* 참스쿨 게시판 공통 css  */
.layout_content {width:1320px;position:relative}

/* 참스쿨 게시판 버튼 공통  css */
.btn_bo_user {margin-top:20px}

/* 참스쿨 게시판 공통 탭 메뉴 */
.tab_tit {width:100%;position:relative;margin-bottom:40px}
.tab_menu {margin-top:20px;width:100%;line-height:50px;height:50px;display:inline-flex;justify-content:space-between;text-align:center}
.tab_menu li {flex:1;cursor:pointer;box-sizing:content-box;border-radius:5px 5px 0 0;border-top:1px solid #dce2e6;border-left:1px solid #dce2e6;border-right:1px solid #dce2e6;border-bottom:1px solid #00569f}
.tab_menu li:not(:last-child) {border-right:none}
.tab_menu li a {display:block;font-size:16px;color:#1f2937}
.tab_menu li.current {border-radius:5px 5px 0 0;border-left:1px solid #00569f;border-right:1px solid #00569f;border-top:1px solid #00569f;border-bottom:none;font-weight:500}
.tab_menu li.current a {display:block;color:#00569f;font-weight:500}
.tab_menu li.inactive a {color:#dce2e6}