/* @import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css); */ *{margin:0 auto;padding:0;} li{list-style:none;vertical-align:top;} img,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:"dotum",sans-serif;font-size:12px;color:#666666;font-weight:normal;} /* a:link, a:visited {color:#666;text-decoration:none} a:hover, a:focus, a:active {color:#666;text-decoration:none} */ 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;} body{font-family:Nanum Gothic,sans-serif;} #ysp_header{height:80px;width:100%;} #ysp_header .util_menu{height:38px;width:1130px;text-align:center;margin:0 auto;} #ysp_header .util_menu li{float:left;height:38px;line-height:38px;width:92px;} #ysp_header .util_menu li.util_menu_left_01{width:80px;} #ysp_header .util_menu li span{margin-left:15px;} #ysp_header .util_menu_left{float:left;height:38px;text-align:left;} #ysp_header .util_menu_right{float:right;height:38px;font-weight:bold;text-align:right;} #ysp_header .gnb_wrap{height:42px;background-color:#383838;width:100%;} #ysp_header .gnb_menu{width:1130px;height:42px;margin:0 auto;background-color:#383838;} #ysp_header .gnb_menu{height:42px;width:1130px;position:relative;margin:0 auto;} #ysp_header h1{width:107px;height:42px;position:absolute;top:12px;left:0;} #ysp_header .gnb_menu ul{width:970px;height:42px;position:absolute;top:0;left:160px;} #ysp_header .gnb_menu li{width:100px;float:left;height:42px;text-align:center;} #ysp_header .gnb_menu li a{width:100px;height:42px;line-height:42px;display:block;font-family:Nanum Gothic,"나눔고딕",sans-serif;font-size:14px;font-weight:bold;color:#fff;float:left;} #ysp_header .gnb_menu li a:hover{background-color:#009688;} #ysp_header .gnb_menu li.gnb_last{float:right;margin-right:0;height:42px;line-height:42px;display:block;font-family:Nanum Gothic,"나눔고딕",sans-serif;font-size:14px;font-weight:bold;color:#fff;} #index_banner {background-color:#fdfdfd ;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-family:Nanum Gothic,"나눔고딕",sans-serif;font-size:31px;font-weight:bold;color:#383838;padding:51px 0;} #index_banner .v_text .v_text_con{font-family:Nanum Gothic,"나눔고딕",sans-serif;font-size:18px;font-weight:bold;padding-bottom:49px;} #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-family:Nanum Gothic,"나눔고딕",sans-serif;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-family:Nanum Gothic,"나눔고딕",sans-serif;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 no-repeat;} #ysp_container{width:1130px;} #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-family:Nanum Gothic,"나눔고딕",sans-serif;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-family:Nanum Gothic,"나눔고딕",sans-serif;font-size:14px;font-weight:bold;} #ysp_container .section_01 div .more_btn a{color:#009688;} #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-family:Nanum Gothic,"나눔고딕",sans-serif;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-family:Nanum Gothic,"나눔고딕",sans-serif;font-size:14px;font-weight:bold;cursor:pointer;} #ysp_container .section_02 .board_zone .b_btn_zone li a:hover{color:#009688;} #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-family:Nanum Gothic,"나눔고딕",sans-serif;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-family:Nanum Gothic,"나눔고딕",sans-serif;font-size:14px;font-weight:bold;cursor:pointer;} #ysp_container .section_02 .book_zone .bk_btn_zone li:hover{color:#009688;} #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-family:Nanum Gothic,"나눔고딕",sans-serif;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-family:Nanum Gothic,"나눔고딕",sans-serif;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:#009688;} #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-family:Nanum Gothic,"나눔고딕",sans-serif;font-size:12px;font-weight:bold;margin-bottom:20px;} #ysp_container .section_03 .po_con{font-family:Nanum Gothic,"나눔고딕",sans-serif;font-weight:bold;font-size:12px;height:80px;} #ysp_container .section_03 .po_name{color:#666;font-family:Nanum Gothic,"나눔고딕",sans-serif;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-family:Nanum Gothic,"나눔고딕",sans-serif;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-family:Nanum Gothic,"나눔고딕",sans-serif;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-family:Nanum Gothic,"나눔고딕",sans-serif;font-size:16px;font-weight:bold;height:30px;} /* 서브 메뉴 및 contents top */ .sub_lnb{float:left;width:240px;margin-top:10px} .sub_lnb h3{width:240px;height:65px;line-height:65px;border:1px solid #ccc;display:block; font-family:Nanum Gothic,"나눔고딕",sans-serif;font-size:22px;font-weight:bold;margin-bottom:15px;text-align:center;} .sub_lnb .lnb_top{width:190px;padding:25px 25px;border:1px solid #ccc;margin-bottom:20px;} .sub_lnb .lnb_top h4{font-family:Nanum Gothic,"나눔고딕",sans-serif;font-size:18px;font-weight:bold;padding-bottom:20px;} .sub_lnb .lnb_top h4.l_pro a{font-family:Nanum Gothic,"나눔고딕",sans-serif;font-size:18px;font-weight:bold;color:#009688;} .sub_lnb .lnb_top h4 a:hover{color:#009688;} .sub_lnb .lnb_top li{height:22px;} .sub_lnb .lnb_top li a:hover{color:#009688;} .sub_lnb .lnb_top .l_apply{margin-bottom:50px;} .sub_lnb .lnb_top .l_book{margin-bottom:20px;} .sub_lnb .lnb_top .l_support{margin-bottom:20px;} .sub_lnb .lnb_cs{width:190px;padding:25px 25px;border:1px solid #ccc;margin-bottom:50px;} .sub_lnb .lnb_cs h4{font-family:Nanum Gothic,"나눔고딕",sans-serif;font-size:18px;font-weight:bold;padding-bottom:20px;} .sub_lnb .lnb_cs p.call{font-weight:bold;line-height:18px;margin-bottom:20px;} .sub_lnb .lnb_cs p.qna{line-height:22px;} .sub_lnb .lnb_cs p.qna a:hover{color:#009688;} .sub_contents{float:right;width:870px;margin-top:10px;} .sub_contents .sub_top_menu{height:36px;line-height:36px;border-top:1px solid #ccc;border-bottom:1px solid #ccc;margin-bottom:20px} .sub_contents .sub_top_menu li{float:left;height:36px;line-height:36px;padding:0 7px;cursor:pointer; } .sub_contents .sub_top_menu li a:hover{color:#009688;} .sub_contents .sub_top_menu li.st_first{font-weight:bold;height:36px;line-height:36px;} .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:#009688;} .page li a.list_here{color:#fff;background-color:#009688;} .sub_menu_now { color:#009688; 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:#009688;display:block;font-family:Nanum Gothic,"나눔고딕",sans-serif;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 .sub_top_menu{height:36px;border-top:1px solid #ccc;border-bottom:1px solid #ccc;margin-bottom:20px;} #ysp_login .sub_top_menu h5{line-height:36px;height:36px;font-weight:bold;} #ysp_login .c_zone{width:500px;height:130px;margin-top:150px;} #ysp_login form{} #ysp_login input.coupon_num, #ysp_login input.user_name{border:1px solid #ccc;width:320px;height:34px;margin-bottom:10px;padding-left:5px;} #ysp_login input.pw_re{margin-right:5px;} #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:#009688;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-family:Nanum Gothic,"나눔고딕",sans-serif;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-family:Nanum Gothic,"나눔고딕",sans-serif;font-size:18px;font-weight:bold;padding-bottom:20px;} #ysp_member .sub_lnb_mypage .lnb_top h4 a:hover{color:#009688;} #ysp_member .sub_lnb_mypage .lnb_top li{height:22px;} #ysp_member .sub_lnb_mypage .lnb_top li a:hover{color:#009688;} #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-family:Nanum Gothic,"나눔고딕",sans-serif;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:#009688;} #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;font-family:Nanum Gothic,"나눔고딕",sans-serif;letter-spacing:1px;} #ysp_member .login_con .con{font-weight:bold;text-align:center;font-size:16px;font-family:Nanum Gothic,"나눔고딕",sans-serif;} #ysp_member .login_con .con span{font-weight:bold;text-align:center;color:#009688;} #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:#009688;display:block;font-family:Nanum Gothic,"나눔고딕",sans-serif;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-family:Nanum Gothic,"나눔고딕",sans-serif;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-family:Nanum Gothic,"나눔고딕",sans-serif;font-size:18px;font-weight:bold;padding-bottom:20px;} #ysp_member_confirm .sub_lnb_mypage .lnb_top h4 a:hover{color:#009688;} #ysp_member_confirm .sub_lnb_mypage .lnb_top li{height:22px;} #ysp_member_confirm .sub_lnb_mypage .lnb_top li a:hover{color:#009688;} #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-family:Nanum Gothic,"나눔고딕",sans-serif;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:#009688;} #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:#009688;display:block; font-family:Nanum Gothic,"나눔고딕",sans-serif;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-family:Nanum Gothic,"나눔고딕",sans-serif;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-family:Nanum Gothic,"나눔고딕",sans-serif;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-family:Nanum Gothic,"나눔고딕",sans-serif;font-size:18px;font-weight:bold;padding-bottom:20px;} #ysp_select_pass .sub_lnb .lnb_top h4 a:hover{color:#009688;} #ysp_select_pass .sub_lnb .lnb_top li{height:22px;} #ysp_select_pass .sub_lnb .lnb_top li.c02_1 a{color:#009688;font-weight:bold;} #ysp_select_pass .sub_lnb .lnb_top li a:hover{color:#009688;} #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-family:Nanum Gothic,"나눔고딕",sans-serif;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:#009688;} #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:#009688;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:#009688;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:#009688;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.list_movie{width:29px;height:35px;line-height:35px;display:inline-block;position:absolute;top:7px;right:0px;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%;border-top:0px solid #ccc;} .goods_contents table td{border-bottom:1px solid #ccc;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:#009688;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;} /* tail */ #ysp_footer{height:187px;background-color:#383838;margin-top:37px;} #ysp_footer .f_menu_wrap{background-color:#009688;height:37px;} #ysp_footer .f_menu{width:1130px;height:37px;color:#fff;} #ysp_footer .f_menu ul{width:1130px;height:37px;line-height:37px;background-color:#009688;} #ysp_footer .f_menu li{float:left;font-family:Nanum Gothic,"나눔고딕",sans-serif;font-size:14px;font-weight:bold;margin-right:20px;} #ysp_footer .f_menu li a{color:#fff;display:block;text-align:left;} #ysp_footer .ysp_footer_inner2{width:1130px;height:150px;margin:0 auto;background-color:#383838;} #ysp_footer .f_con{width:900px;height:128px;color:#fff;padding-top:20px;background-color:#383838;float:left;} #ysp_footer .f_con p{height:20px;} #ysp_footer .f_con p.copy{height:8px;padding-top:3px;} #ysp_footer p.f_icon{/*position:absolute;top:50px;right:0;*/float:right;margin-top:30px;} #ysp_footer p.f_icon img{margin-left:15px;} /* 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} /* 서식단계 진행 */ .btn_submit {padding:8px;border:0;background:#009688;color:#fff;letter-spacing:-0.1em;cursor:pointer} 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:#fafafa;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:#fff} .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:#383838;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 #383838;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;}