@charset "euc-kr";

@import url('reset.css');
@import url('2016plus.css');


body {}


/****************************** Common ******************************/

.pl5 {padding-left:5px !important;}
.pl10 {padding-left:10px !important;}
.pt10 {padding-top:10px !important;}
.pt12 {padding-top:12px !important;}
.pt15 {padding-top:15px !important;}
.pt20 {padding-top:20px !important;}
.pt25 {padding-top:25px !important;} 
.pt30 {padding-top:30px !important;} 
.pt35 {padding-top:35px !important;}   
.pb5 {padding-bottom:5px !important;}
.pb10 {padding-bottom:10px !important;}
.pb15 {padding-bottom:15px !important;}
.pb20 {padding-bottom:20px !important;}
.pb30 {padding-bottom:30px !important;}
.plr5 {padding:0 5px !important;}
.plr10 {padding:0 10px !important;}
.mr35 {margin-right:35px !important;}
.ml5 {margin-left:5px !important;}
.ml10 {margin-left:5px !important;}
.mb30 {margin-bottom:30px !important;}
.mt10 {margin-top:10px !important;}
.mt20 {margin-top:20px !important;}
.mt25 {margin-top:25px !important;}
.mAuto {margin:0 auto !important;}
.floatL {float:left;}
.floatR {float:right;}
.clearLR {clear:both;}
.colorBlue {color:#245bb8;}

/****************************** Top ******************************/

.wrap {width:990px; margin:0px auto 0;}
.wrap:after {content:""; display:block; clear:both;}

.topArea {position:relative; top:0; left:0; width:100%; min-width:1280px; }
.top { position:relative; width:100%; }
.top .top_gnb {width:990px; margin:0 auto;}
.top .top_gnb:after,
.top .top_gnb ul:after {content:""; display:block; clear:both;}
.top .top_gnb .g_left {float:left;}
.top .top_gnb .g_left a {color:#555; font-weight:600;}
.top .top_gnb .g_right {float:right;}
.top .top_gnb ul li {float:left; background:url('../images/bar.gif') right 13px no-repeat;}
.top .top_gnb ul li.last {background:none;}
.top .top_gnb ul li a {display:block; padding:0 8px; line-height:36px; font-size:12px; text-decoration:none;}
.top .top_gnbLine { position:relative; border-bottom:1px #e1e1e1 solid; }
.top .top_logo {width:151px; height:54px; margin:27px auto 77px;}
.top .top_lnb {position:absolute; top:144px; width:100%; background-color:#030558; background:url('../images/top/top_menu_bg.gif') repeat-x; z-index:1; }


/****************************** Top Menu ******************************/
/*
.top .top_nav {position:relative; width:1000px; height:50px; line-height:50px; font-weight:500; margin:0 auto; padding-left:20px;}
.top .top_nav:after {content:""; display:block; clear:both;}
.top .top_nav li {float:left; height:50px;}
.top .top_nav li a {display:block; font-size:16px; text-decoration:none; color:#fff; padding:0 30px;}
.top .top_nav li a:hover {color:#42d9ff;}
.top .top_nav li:hover ul {display:block;}
.top .top_nav li.anOther a {color:#ffac23}
.top .top_nav li ul {position:absolute; top:50px; margin:0 auto; display:none;}
.top .top_nav li ul:after {content:""; display:block; clear:both;}
.top .top_nav li ul li {float:left; height:45px;}
.top .top_nav li ul li a {display:block; color:#fff; height:45px; line-height:45px; font-size:15px; font-weight:normal; padding:0 17px; text-decoration:none;}
.top .top_nav li ul li a:hover {color:#badfe8;}

.top .top_nav #top_nav_sub {position:absolute; bottom:0; left:0; border:1px solid red; width:100%; height:45px; line-height:45px; background-color:#808080; border-bottom:1px solid #fff; display:none;}
*/

/****************************** Top Menu ******************************/
/* .top .top_nav {position:relative; width:1050px; height:50px; line-height:50px; font-weight:500; margin:0 auto; padding-left:16px; } */
.top .top_nav {position:relative; width:1100px; height:50px; line-height:50px; font-weight:500; margin:0 auto; padding-left:16px; }
.top .top_nav:after {content:""; display:block; clear:both;}
.top .top_nav li {float:left; height:50px;}
.top .top_nav li a {display:block; font-size:16px; text-decoration:none; color:#fff; padding:0 30px;}
.top .top_nav li a:hover {color:#42d9ff;}
.top .top_nav li:hover ul {display:block;}
.top .top_nav li.anOther a {color:#ffac23}
.top .top_nav li ul {position:absolute; top:50px; margin:0 auto; display:none;}
.top .top_nav li ul:after {content:""; display:block; clear:both;}
.top .top_nav li ul li {float:left; height:45px;}
.top .top_nav li ul li a {display:block; color:#fff; height:45px; line-height:45px; font-size:15px; font-weight:normal; padding:0 17px; text-decoration:none;}
.top .top_nav li ul li a:hover {color:#badfe8;}
.top .top_nav #top_nav_sub {position:absolute; bottom:0; left:0; border:1px solid red; width:100%; height:45px; line-height:45px; background-color:#808080; border-bottom:1px solid #fff; display:none;}


/****************************** Login / Logout ******************************/

.top .loginArea {position:relative; width:100%; height:46px; line-height:46px; clear:both; font-weight:bold; background-color:#e9e9e9; z-index:0;}
.top .loginArea .login {width:990px; margin:0 auto;}
.top .loginArea .login:after {content:""; display:block; clear:both;}
.top .loginArea .login .login_left {float:left;}
.top .loginArea .login .login_left ul {float:left;}
.top .loginArea .login .login_left ul li {float:left; background:url('../images/bar.gif') right 18px no-repeat; padding:0 10px;}
.top .loginArea .login .login_left ul li.last {background:none;}
.top .loginArea .login .login_left ul li strong {display:inline-block; height:46px; padding-left:28px;background:url(../images/top/login_logo.gif) 0 10px no-repeat; font-weight:800; color:#245bb8;}
.top .loginArea .login .login_left ul li a {display:block;}
.top .loginArea .login .login_left a.btns {display:block; float:left; height:18px; line-height:18px; border:1px solid #777; color:#777; background-color:#fff; padding:0 10px; margin:13px 0 0 4px; font-weight:normal;}
.top .login p {float:left; margin:2px 0 0 0;}
.top .login a {text-decoration:none;}
.top .login a img.btn_join {float:left; margin:0 0 0 10px;}
.top .login a img.btn_login {float:left; margin:0 0 0 3px;}
.top .login input {float:left;}
.top .login p input.check {margin:0 3px 0 7px; height:13px; float:left; vertical-align:middle;}
.top .login .input_id {background:#fff url(../images/top/login_id.gif) no-repeat 5px 0; width:90px; height:18px; border:1px solid #bbb; padding:0 5px 0 5px; font-weight:bold;}
.top .login .input_idfocus {background:#eee; color:#000; width:90px; height:18px; border:1px solid #bbb; padding:0 5px 0 5px; font-weight:bold;}
.top .login .input_pw {background:#fff url(../images/top/login_pw.gif) no-repeat 5px 0; width:90px; height:18px; border:1px solid #bbb; padding:0 5px 0 5px; font-weight:bold; margin:0 0 0 3px;}
.top .login .input_pwfocus {background:#eee; color:#000; width:90px; height:18px; border:1px solid #bbb; padding:0 5px 0 5px; font-weight:bold; margin:0 0 0 3px;}

.top .login p.login_after {float:left; margin:2px 10px 0 0; background:url(../images/top/login_logo.gif) no-repeat; padding:0 0 0 25px;}
.top .login p.login_after strong {font-weight:800; color:#245bb8;}
.top .login p.login_after img {vertical-align:middle; margin:0 6px 0 6px;}
.top .login p.login_after a:hover {color:#245bb8;}
.top .login a img {float:left; margin:0 4px 0 0;}



/****************************** Search ******************************/

.top .search {height:0; position:absolute; top:0; right:50%; margin-right:-495px;}
.top .search .input_search {background:#fff url(../images/top/search_txt.gif) no-repeat 5px 0; width:148px; height:18px; border:1px solid #245bb8; padding:0 5px 0 5px; font-weight:bold;}
.top .search .input_focus {background:#fff; color:#000; width:148px; height:18px; border:1px solid #245bb8; padding:0 5px 0 5px; font-weight:bold;}



/****************************** Left Menu ******************************/

.wrap .left {width:200px; float:left;}
.wrap .left_menu {width:200px; float:left;}
.en {background:url(../images/sub/lecture/title_eng.png) 47px 15px no-repeat;}
.ja {background:url(../images/sub/lecture/title_jap.png) 47px 15px no-repeat;}
.ch {background:url(../images/sub/lecture/title_chi.png) 47px 15px no-repeat;}
.member {background:url(../images/sub/member/title_mem.png) 47px 15px no-repeat;}
.my {background:url(../images/sub/mylecture/title_my.png) 47px 15px no-repeat;}
.pac {background:url(../images/sub/lecture_pac/title_pac.png) 47px 15px no-repeat;}
.gfree {background:url(../images/sub/gpass/title_gpass.png) 47px 15px no-repeat;}
.free {background:url(../images/sub/freezone/title_free.png) 47px 15px no-repeat;}
.com {background:url(../images/sub/company/title_company.png) 47px 15px no-repeat;}
.cus {background:url(../images/sub/customer/title_cus.png) 47px 15px no-repeat;}
.site {background:url(../images/sub/sitemap/title_site.png) 47px 15px no-repeat;}
.lec_info {background:url(../images/sub/lecture_info/title_info.png) 47px 15px no-repeat;}
.smartphone {background:url(../images/sub/smartphone/title_smart.png) 47px 15px no-repeat;}

.wrap .left_menu h2 {font-size:30px !important; width:200px; height:115px; line-height:32px; color:#fff; font-size:18px; padding-top:30px; text-align:center; font-weight:600; background:#888 url(../images/sub/left_h2_bg.gif) 0 bottom no-repeat;}
.wrap .left_menu h2 span {display:block; font-size:14px; border-bottom:3px solid #fff; margin:0 auto;}
.wrap .left_menu .menu {width:198px; margin:17px 0 20px 0; border-top:1px solid #d7d7d7; border-left:1px solid #d7d7d7;}
.wrap .left_menu .menu li {width:198px; height:55px; text-align:left;  border-bottom:1px solid #d7d7d7; border-right:1px solid #d7d7d7;}
.wrap .left_menu .menu li a {display:block; width:198px; line-height:55px; text-indent:20px; font-size:16px; color:#555; font-weight:600; text-decoration:none;}
.wrap .left_menu .menu li a:hover {color:#000; background-color:#f7f7f7;}
.wrap .left_menu .menu li a.selected {display:block; width:198px; line-height:55px; text-indent:20px; font-size:16px; color:#000; font-weight:600; text-decoration:none; background-color:#f7f7f7;}
.wrap .left_menu .menu li.select a {width:198px; color:#000; color:#fff; background: url(../images/sub/left_h2_bg.gif);}

.wrap .left_menu .menu li.subMenu {height:auto;}
.wrap .left_menu .menu li.subMenu a {display:block; width:198px; line-height:55px; text-indent:20px; font-size:16px; color:#555; font-weight:600; text-decoration:none; background-color:#f7f7f7;}
.wrap .left_menu .menu li.subMenu a:hover {color:#000;}
.wrap .left_menu .menu li.subMenu a.select {width:198px; color:#000; color:#fff; background: url(../images/sub/left_h2_bg.gif); border-bottom:1px solid #d7d7d7;}
.wrap .left_menu .menu li.subMenu ul {width:198px; border:none;}
.wrap .left_menu .menu li.subMenu ul li {width:198px; height:30px; text-align:left; border:none;}
.wrap .left_menu .menu li.subMenu ul li a {display:block; width:198px; line-height:30px; text-indent:30px; font-size:13px; color:#555; font-weight:normal; background:url(../images/sub/subMenu_icon.gif) 20px center no-repeat; border:none;}
.wrap .left_menu .menu li.subMenu ul li a:hover {background:url(../images/sub/sub_bullet02.gif) 20px center no-repeat;}
.wrap .left_menu .menu li.subMenu ul li.select a {display:block; width:198px; line-height:30px; text-indent:30px; font-size:13px; color:#000; font-weight:normal; background:url(../images/sub/sub_bullet02.gif) 20px center no-repeat; font-weight:bold; }

.wrap .left_menu .menu li.closeOpen {height:auto;}
.wrap .left_menu .menu li.closeOpen a {display:block; width:198px; line-height:55px; text-indent:20px; font-size:16px; color:#555; font-weight:600; text-decoration:none;}
.wrap .left_menu .menu li.closeOpen:hover a {background-color:#f7f7f7;}
.wrap .left_menu .menu li.closeOpen a.select {width:198px; color:#000; color:#fff; background: url(../images/sub/left_h2_bg.gif); border-bottom:1px solid #d7d7d7;}
.wrap .left_menu .menu li.closeOpen ul {width:198px; border:none;display:none;}
.wrap .left_menu .menu li.closeOpen:hover ul {display:block;}
.wrap .left_menu .menu li.closeOpen ul li {width:198px; height:30px; text-align:left; border:none;}
.wrap .left_menu .menu li.closeOpen ul li a {display:block; width:198px; line-height:30px; text-indent:30px; font-size:13px; color:#555; font-weight:normal; background:#fff url(../images/sub/subMenu_icon.gif) 20px center no-repeat !important; border:none;}
.wrap .left_menu .menu li.closeOpen ul li a:hover {color:#000 !important; background:url(../images/sub/sub_bullet02.gif) 20px center no-repeat !important;}
.wrap .left_menu .menu li.closeOpen ul li.select a {display:block; width:198px; line-height:30px; text-indent:30px; font-size:13px; color:#000; font-weight:normal; background:url(../images/sub/sub_bullet02.gif) 20px center no-repeat;}

.wrap .left_menu .listStyle li.title {text-indent:20px; font-size:16px; line-height:55px; font-weight:600; color:#000; color:#fff; background: url(../images/sub/left_h2_bg.gif);}
.wrap .left_menu .listStyle li a {font-size:13px !important;}


/****************************** Left Banner ******************************/


.wrap .left_banner {float:left; width:200px; border-top:1px solid #d7d7d7;}
.wrap .left_banner li {width:200px; height:85px; border-bottom:1px solid #d7d7d7;}
.wrap .left_banner a img {margin:10px 0 0 0;}
.wrap .left_banner li a {display:block; padding:22px 0 0 66px; height:63px; font-size:15px; color:#555; line-height:20px; text-decoration:none; font-weight:600;}
.wrap .left_banner li a span {display:block; font-size:12px; color:#747474; font-weight:normal;}
.wrap .left_banner li a:hover,
.wrap .left_banner li a:hover span {color:#000;}
.wrap .left_banner li.icon01 {background:url(../images/sub/left_quick_icon.gif) 15px 0 no-repeat;}
.wrap .left_banner li.icon02 {background:url(../images/sub/left_quick_icon.gif) 15px -85px no-repeat !important; line-height:85px;}
.wrap .left_banner li.icon03 {background:url(../images/sub/left_quick_icon.gif) 15px -170px no-repeat;}
.wrap .left_banner li.icon04 {background:url(../images/sub/left_quick_icon.gif) 15px -255px no-repeat;}
.wrap .left_freeZone li.icon01 {background:url(../images/sub/left_quick_icon_freezone.gif) 0 0 no-repeat !important;}
.wrap .left_freeZone li.icon02 {background:url(../images/sub/left_quick_icon_freezone.gif) 0 -85px no-repeat !important; line-height:85px !important;}
.wrap .left_freeZone li.icon03 {background:url(../images/sub/left_quick_icon_freezone.gif) 0 -170px no-repeat !important;}


/****************************** Right Contents ******************************/

.wrap .right_contents {width:772px; float:right;}
.wrap .right_contents .twoBtnsArea {width:222px; margin:35px auto;}
.wrap .right_contents .twoBtnsArea:after {content:""; display:block; clear:both;}
.wrap .right_contents .twoBtnsArea a {float:left; display:block; width:105px; height:30px; line-height:30px; margin:0 3px; color:#fff; text-align:center; font-size:15px; font-weight:600; text-decoration:none;}


/****************************** Sub Title ******************************/

.wrap .right_contents .sub_title {height:30px; padding:16px 0 0 0; border-bottom:1px solid #bbb; margin:0 0 30px 0;}

.wrap .right_contents .sub_title .category {float:right; margin:7px 0 0 0;}
.wrap .right_contents .sub_title .category li {background:url(../images/sub/icon_cate.gif) no-repeat 0 4px; float:left; padding:1px 0 0 9px; margin:0 0 0 4px;} 
.wrap .right_contents .sub_title .category li:first-child {background:url(../images/sub/icon_home.gif) no-repeat 0 4px; padding:0 0 0 15px;}
.wrap .right_contents .sub_title .category li a:hover {text-decoration:none;}

.wrap .right_contents .sub_title h3 {float:left; color:#3e3e3e; font-size:18px;}



/****************************** Tab Menu ******************************/

.wrap .right_contents .tab {clear:both; height:40px; border-bottom:1px solid #3e3e3e; border-left:1px solid #ccc;}
.wrap .right_contents .tab:after {clear:both; content:""; display:block;}
.wrap .right_contents .tab li {position:relative; float:left; width:110px; height:39px; text-align:center; border-top:1px solid #ccc; border-right:1px solid #ccc;}
.wrap .right_contents .tab li.select {}
.wrap .right_contents .tab li.select a {top:-1px; left:-1px; width:108px; height:37px; line-height:38px; font-size:15px; background-color:#fff; color:#333; border:2px solid #333; z-index:10;}
.wrap .right_contents .tab li.select a:hover {}
.wrap .right_contents .tab li.w160 {width:160px !important;}
.wrap .right_contents .tab li.w160 a {width:160px !important;}
.wrap .right_contents .tab li.w160.select a {width:158px !important;}
.wrap .right_contents .tab li.w80 {width:80px !important;}
.wrap .right_contents .tab li.w80 a {width:80px !important;}
.wrap .right_contents .tab li.w80.select a {width:78px !important;}
.wrap .right_contents .tab li a {position:absolute; display:block; top:0; left:0; width:110px; height:39px; line-height:39px; font-size:15px; background-color:#f6f6f6; color:#555; text-align:center; text-decoration:none;}
.wrap .right_contents .tab li a:hover {background-color:#fff; color:#000;}

.wrap .right_contents .subTab {width:100%;}
.wrap .right_contents .subTab:after {clear:both; content:""; display:block;}
.wrap .right_contents .subTab li {float:left; padding-right:5px;}
.wrap .right_contents .subTab li.word2 {width:60px;} /* ±ÛÀÚ¼ö¿¡ µû¸¥ ³ÐÀÌ */
.wrap .right_contents .subTab li.word4 {width:80px;}
.wrap .right_contents .subTab li.word8 {width:120px;}
.wrap .right_contents .subTab li a {width:100% !important;}
.wrap .right_contents .subTab li a.on {background-color:#555 !important;}

.wrap .right_contents .faqTab li {width:95px !important; line-height:39px; font-size:13px;}
.wrap .right_contents .faqTab li.select a {width:93px !important; font-size:13px !important;}
.wrap .right_contents .faqTab li a {width:95px !important; font-size:13px !important;}

.wrap .right_contents .customerTab li {width:130px !important;}
.wrap .right_contents .customerTab li.select a {width:128px !important;}
.wrap .right_contents .customerTab li a {width:130px !important;}

.wrap .right_contents .tab_s {border-bottom:1px solid #3e3e3e; overflow:hidden;}
.wrap .right_contents .tab_s li {text-align:center; float:left;}
.wrap .right_contents .tab_s li.select {text-align:center; float:left; background:url(../images/sub/tab_s.png) no-repeat 0 -28px; color:#fff; font-weight:bold; width:96px; height:28px;}
.wrap .right_contents .tab_s li.select a {background:url(../images/sub/tab_s.png) no-repeat 0 -28px; color:#fff; padding:7px 0 0 0;}
.wrap .right_contents .tab_s li.select a:hover {background:url(../images/sub/tab_s.png) no-repeat 0 -28px; color:#fff; padding:7px 0 0 0;}
.wrap .right_contents .tab_s li a {background:url(../images/sub/tab_s.png) no-repeat; color:#454545; font-weight:bold; text-decoration:none; width:96px; height:21px; padding:7px 0 0 0; float:left;}
.wrap .right_contents .tab_s li a:hover {background:url(../images/sub/tab_s.png) no-repeat 0 -28px; color:#fff;}



/****************************** Sub °øÅë ******************************/

.wrap .right_contents h5 {background:url(../images/sub/sub_bullet01_new.gif) no-repeat; float:left; color:#454545; font-size:13px; padding:0 0 0 18px; margin:30px 0 10px 0;}
.wrap .right_contents h5:after {content:""; display:block; clear:both;}
.wrap .right_contents h5.first {background:url(../images/sub/sub_bullet01_new.gif) 0 1px no-repeat; float:left; color:#454545; font-size:13px; padding:0 0 0 18px; margin:0 0 10px 0;}
.wrap .right_contents h5 strong {font-size:12px; color:#999; font-weight:normal;}
.wrap .right_contents h5 span {color:#245bb8; font-weight:bold;}
.wrap .right_contents h5.selectPlus {position:relative; width:754px; margin-top:0; height:19px;}
.wrap .right_contents h5.selectPlus div {position:absolute; top:0; right:0;}

.wrap .right_contents h6 {background:url(../images/sub/sub_bullet02.gif) 0 5px no-repeat; color:#245bb8; font-weight:bold; padding:0 0 0 6px; margin:0 0 5px 0;}
.wrap .right_contents h6.block {float:left;}

.wrap .right_contents div.txt {width:742px; float:left; padding:0 15px 0 15px;}
.wrap .right_contents div.txtgray {width:712px; float:left; padding:30px; background:#f4f4f4;}
.wrap .right_contents div.txtgray h6 {padding-bottom:6px;}

.page_num {clear:both; float:left; width:100%; text-align:center; margin:15px; font-weight:800; color:#245bb8;}
.page_num a {display:inline-block; width:21px; height:21px; line-height:21px; text-align:center; border:1px solid #dadada; color:#707070; text-decoration:none;}
.page_num a:hover {color:#245bb8;}
.page_num img {margin:0 10px 0 10px;}
.page_num b {display:inline-block; width:21px; height:21px; line-height:21px; text-align:center; border:1px solid #548ae8; color:#548ae8; text-decoration:none;}
.page_num a.imgBtn {display:inlin-block; width:21px; height:21px; text-indent:-9999em; border:1px solid #b0b0b0;}
.page_num a.prev1 {background:url('../images/sub/paging_arrow.gif') -1px -1px  no-repeat;}
.page_num a.prev2 {background:url('../images/sub/paging_arrow.gif') -24px -1px  no-repeat;}
.page_num a.next1 {background:url('../images/sub/paging_arrow.gif') -69px -1px  no-repeat;}
.page_num a.next2 {background:url('../images/sub/paging_arrow.gif') -47px -1px  no-repeat;}



/****************************** Sub °øÅë / Gray btn ******************************/

.wrap .right_contents .btn_left {width:7px; height:20px; background:url(../images/sub/member/btn_left.gif) no-repeat; float:left;}
.wrap .right_contents .btn_right {width:7px; height:20px; background:url(../images/sub/member/btn_right.gif) no-repeat; float:left;}
.wrap .right_contents .btn_bg {height:20px; background:url(../images/sub/member/btn_bg.gif) repeat-x; float:left;}



/****************************** Lecture / Lecture_list °­ÁÂ1°³ ¿µ¿ª ******************************/

.wrap .right_contents .lecture {width:732px; height:130px; padding:30px 20px; z-index:10; border-bottom:1px solid #d6d6d6;}

.wrap .right_contents .lecture .img {position:relative; width:171px; height:118px; margin:0 30px 0 0; background:url(../images/sub/lecture/lecture_border.png) no-repeat 0 0; float:left; border:5px solid #b5b5b5;}
.wrap .right_contents .lecture .img a {display:block; position:absolute; top:0; left:0; width:171px; height:118px; text-indent:-9999em;}
.wrap .right_contents .lecture .img .play {z-index:50;}
.wrap .right_contents .lecture .img .thumbnail {width:171px; height:118px; z-index:40;}
/* ½æ³×ÀÏ¿¡ ¹öÆ°¸ð¾ç ÀÖ´Â CSS
.wrap .right_contents .lecture .img {width:171px; height:118px; margin:0 30px 0 0; background:url(../images/sub/lecture/lecture_border.png) no-repeat 0 0; float:left; border:5px solid #b5b5b5;}
.wrap .right_contents .lecture .img .play {float:left; position:relative; top:34px; left:60px; z-index:50;}
.wrap .right_contents .lecture .img .thumbnail {float:left; position:relative; top:-54px; left:0; width:171px; height:118px; z-index:40;}
*/

.wrap .right_contents .lecture .info {float:left; position:relative;}

.wrap .right_contents .lecture .info h4 {width:519px; height:31px; border-bottom:1px solid #e4e4e4; margin:3px 0 0 0; color:#454545; font-size:14px; cursor:pointer; text-indent:5px;}
.wrap .right_contents .lecture .info h4 a {text-decoration:none; letter-spacing:-1px;}
.wrap .right_contents .lecture .info h4 a:hover {color:#001f8a;}
.wrap .right_contents .lecture .info .icon {position:absolute; right:0; top:3px;}
.wrap .right_contents .lecture .info .icon li {float:left; margin:0 0 0 4px;}
.wrap .right_contents .lecture .info .icon li .level_left {float:left; width:5px; height:16px; background:url(../images/sub/lecture/level_left.gif) no-repeat;}
.wrap .right_contents .lecture .info .icon li .level_right {float:left; width:5px; height:16px; background:url(../images/sub/lecture/level_right.gif) no-repeat;}
.wrap .right_contents .lecture .info .icon li .level {float:left; height:16px; background:url(../images/sub/lecture/level_bg.gif) repeat-x; font-family:"µ¸¿ò", "µ¸¿òü"; font-size:11px; color:#fff; padding:2px 0 0 0; letter-spacing:-1px;}

.wrap .right_contents .lecture .info ul li span {font-weight:bold; color:#454545;}
.wrap .right_contents .lecture .info ul li img {vertical-align:middle;}
.wrap .right_contents .lecture .info .info_01 {float:left; width:200px; margin:8px 0 0 5px; line-height:22px; color:#454545;}
.wrap .right_contents .lecture .info .info_02 {float:left; width:200px; margin:8px 0 0 0; line-height:22px; color:#454545;}

.wrap .right_contents .lecture .info .btn {width:105px; position:absolute; right:0;}
.wrap .right_contents .lecture .info .btn li {margin:3px 0 0 0;}
.wrap .right_contents .lecture .info .btn li:first-child {margin:7px 0 0 0;}
.wrap .right_contents .lecture .info .btn li img {vertical-align:middle; margin:0 4px 0 0;}
.wrap .right_contents .lecture .info .btn li a {display:block; width:105px; height:30px; color:#fff; font-weight:bold; font-size:13px; text-align:center;}
.wrap .right_contents .lecture .info .btn li a:hover {background:url(../images/sub/lecture/btn_list.gif) no-repeat 0 -30px; text-decoration:none;}
.wrap .right_contents .lecture .info .btn li a span {display:block; width:105px; height:30px; color:#fff !important; line-height:30px;}
.wrap .right_contents .lecture .info .btn li a span.sampleLecture {background-color:#777;cursor:pointer;}
.wrap .right_contents .lecture .info .btn li a span.sampleLecture:hover {background-color:#555;}
.wrap .right_contents .lecture .info .btn li a span.application {background-color:#f79a00;cursor:pointer;}
.wrap .right_contents .lecture .info .btn li a span.application:hover {background-color:#f97e00;}
.wrap .right_contents .lecture .info .btn li a span.gPass {background-color:#ff6226;cursor:pointer;}
.wrap .right_contents .lecture .info .btn li a span.gPass:hover {background-color:#eb4800;}



/****************************** Select Box / Lecture_list ******************************/

.wrap .right_contents .standard {position:relative; top:-29px; float:right;}
.wrap .right_contents .standard strong a {background:url(../images/sub/lecture/btn_select_mini.gif) no-repeat 54px 2px; float:left; 
											border:1px solid #bbb; width:70px; padding:3px; text-decoration:none; font-weight:bold;}
.wrap .right_contents .standard strong a:hover {background:url(../images/sub/lecture/btn_select_mini.gif) no-repeat 54px -18px;}
.wrap .right_contents .standard ul.selbox {background:#f4f4f4; border:1px solid #bbb; position:absolute; top:24px; left:0; width:70px; padding:3px; z-index:20; float:left;}
.wrap .right_contents .standard ul.selbox li a {float:left; text-decoration:none; width:70px; padding:3px 0 3px 0; font-weight:bold;}
.wrap .right_contents .standard ul.selbox li a:hover {float:left; background:#bbb; color:#fff;}
.wrap .right_contents .standard .list {display:none;}
.wrap .right_contents .standard .listview {display:block;}



/****************************** Lecture / Lecture_read ******************************/

.wrap .right_contents .read {position:relative; width:772px; float:left;}

.wrap .right_contents .read .lecture_read_title {position:relative; width:772px; height:36px; background-color:#eaeaea;}
.wrap .right_contents .read h4 {width:772px; height:36px; line-height:36px; color:#333; font-weight:600; font-size:15px; float:left; text-indent:15px;}

.wrap .right_contents .read .icon {position:absolute; top:8px; right:10px; height:16px;}
.wrap .right_contents .read .icon li {float:left; margin:0 0 0 4px;}
.wrap .right_contents .read .icon li .level_left {float:left; width:5px; height:16px; background:url(../images/sub/lecture/level_left.gif) no-repeat;}
.wrap .right_contents .read .icon li .level_right {float:left; width:5px; height:16px; background:url(../images/sub/lecture/level_right.gif) no-repeat;}
.wrap .right_contents .read .icon li .level {float:left; height:16px; background:url(../images/sub/lecture/level_bg.gif) repeat-x; font-family:"µ¸¿ò", "µ¸¿òü"; font-size:11px; color:#fff; padding:2px 0 0 0; letter-spacing:-1px;}								
											
.wrap .right_contents .read .img_info {clear:both; padding:32px 15px 15px; width:742px; height:198px; margin:0 0 10px 0;}
.wrap .right_contents .read .img_info .img {width:269px; height:186px; float:left; border:6px solid #b5b5b5;}
.wrap .right_contents .read .img_info .img img {width:100%; height:100%;}

.wrap .right_contents .read .img_info .info {width:431px; height:131px; background:url(../images/sub/lecture/list_line.gif) 0 129px repeat-x; float:left; margin:11px 0 0 30px;}
.wrap .right_contents .read .img_info ul li span {font-weight:bold; color:#454545;}
.wrap .right_contents .read .img_info ul li img {vertical-align:middle;}
.wrap .right_contents .read .img_info .info_01 {float:left; margin:0 0 0 0; line-height:22px; color:#454545;}
.wrap .right_contents .read .img_info .info_02 {float:left; margin:0 0 0 35px; line-height:22px; color:#454545;}
.wrap .right_contents .read .img_info p {clear:both; line-height:22px;}
.wrap .right_contents .read .img_info p strong {color:#454545;}

.wrap .right_contents .read .img_info .btn {margin:15px 0 0 0; float:right;}
.wrap .right_contents .read .img_info .btn li {float:left; margin:0 0 0 6px;}
.wrap .right_contents .read .img_info .btn a span.sampleLecture {display:block; width:105px; height:30px; color:#fff !important; line-height:30px; background-color:#777; text-align:center;}
.wrap .right_contents .read .img_info .btn a span.sampleLecture:hover {background-color:#555;}

.wrap .right_contents .read .basic_list {width:772px; border-top:2px solid #616161; border-bottom:1px solid #cfcfcf; float:left;}
.wrap .right_contents .read .basic_list td.first div {border-top:1px solid #cfcfcf;}
.wrap .right_contents .read .basic_list td.first div:first-child {border-top:none;}
.wrap .right_contents .read .group_list {width:772px; border-bottom:1px solid #cfcfcf; float:left;}
.wrap .right_contents .read .book_list {width:772px; border-bottom:1px solid #cfcfcf; float:left;}

.wrap .right_contents .read .item {width:100px; line-height:45px; float:left; font-weight:bold; color:#454545; text-align:center; font-size:13px;}
.wrap .right_contents .read .group_list .item {background-color:#eaeaea;}
.wrap .right_contents .read .detail {width:672px; float:right; height:45px; line-height:45px;}
.wrap .right_contents .read .group_list .detail {background:#eaeaea;}
.wrap .right_contents .read .detail p.name {width:420px; height:45px; float:left; padding:0 0 0 10px;}
.wrap .right_contents .read .detail p.name span {font-weight:bold; color:#001f8a;}
.wrap .right_contents .read .detail p.month {width:80px; height:45px; float:left; text-align:center;}
.wrap .right_contents .read .detail p.price {width:110px; float:left; text-align:center; font-weight:800; color:#454545;}
.wrap .right_contents .read .detail p.check {width:52px; height:45px; float:left; text-align:center;}
.wrap .right_contents .read .detail p.check input {margin-top:16px; *margin-top:0;}
.wrap .right_contents .read .sum {float:right; color:#454545; margin:15px 15px 0 0;}
.wrap .right_contents .read .sum strong {font-size:17px; font-weight:800; color:#245bb8; margin:0 0 0 10px;}

.wrap .right_contents .read div.btn {clear:both; float:right; margin:25px 15px 35px 0;}
.wrap .right_contents .read div.btn img {float:left; margin:15px 0 0 6px;}
.wrap .right_contents .read div.btn a {display:block; float:left; width:105px; height:30px; line-height:30px; color:#fff; text-align:center; font-size:15px; font-weight:600; margin-left:6px;}
.wrap .right_contents .read div.btn .orderBtn {background-color:#ff0000;}
.wrap .right_contents .read div.btn .cartBtn {background-color:#969696;}

.wrap .right_contents .read div.tabArea {width:772px;}
.wrap .right_contents .read div.tabArea:after {content:""; display:block; clear:both;}
.wrap .right_contents .read .info_tab {float:left; margin:30px 0 0 0;}
.wrap .right_contents .read .info_tab li {float:left;}
.wrap .right_contents .read .info_tab li a {float:left; width:193px; height:21px; background:url(../images/sub/lecture/tab_read.gif) 0 0 no-repeat; 
											font-weight:bold; color:#3e3e3e; text-align:center; text-decoration:none; padding:9px 0 0 0;}
.wrap .right_contents .read .info_tab li a:hover {background:url(../images/sub/lecture/tab_read.gif) 0 -30px no-repeat; color:#fff; height:23px; padding:7px 0 0 0;}

.wrap .right_contents .read h5 a {text-decoration:none;}

.wrap .right_contents .read .txt {width:712px; float:left; background:#f4f4f4; padding:30px;}
.wrap .right_contents .read .txt p {line-height:18px;}
.wrap .right_contents .read .txt .line {width:712px; height:2px; background:url(../images/sub/lecture/list_line.gif) repeat-x; margin:15px 0 15px 0;}
.wrap .right_contents .read .txt .contents {width:712px; background:#fff; float:left; border-bottom:1px solid #c6d5de; border-left:1px solid #c6d5de;}
.wrap .right_contents .read .txt .contents p.num {width:56px; text-align:center; float:left; padding:5px 0 5px 0; background-color:#fff;}
.wrap .right_contents .read .txt .contents p.title {width:624px; border-right:1px solid #c6d5de; border-left:1px solid #c6d5de; float:left; padding:5px 0 5px 30px; background-color:#fff;}
.wrap .right_contents .read .txt .contents .first {border-top:1px solid #c6d5de; border-bottom:1px solid #c6d5de; background:url(../images/sub/lecture/read_step_bg.gif) repeat-x; color:#454545; font-weight:bold;}
.wrap .right_contents .read .txt .contents .last {border-bottom:0px solid #c6d5de;}

.wrap .right_contents .read .txt .book_img {width:91px; height:91px; padding:4px 0 0 0; float:left; position:relative; z-index:10;}
.wrap .right_contents .read .txt .book_img p {width:91px; height:91px; background:url(../images/sub/lecture/read_book_cover.gif) no-repeat; float:left; position:absolute; z-index:20;}
.wrap .right_contents .read .txt .book_img img {width:91px; height:91px; float:left; position:absolute; z-index:10;}
.wrap .right_contents .read .txt .book_txt {width:620px; float:right;}
.wrap .right_contents .read .txt .book_txt strong {color:#454545;}
.wrap .right_contents .read .txt .book_txt p {margin:10px 0 0 0;}

.wrap .right_contents .read .use {width:742px; float:left; padding:0 15px 0 15px;}
.wrap .right_contents .read .use_img {width:737px; height:313px; float:left; border:10px solid #f4f4f4; padding:15px 0 0 15px;}

.wrap .right_contents .read .use_img #use_tab {width:717px;}
.tab_num {padding:0; float:right;}
.tab_num li {list-style-type:none; font-weight:bold; margin:2px 0 0 0;}
.tab_num li:first-child {margin:0;}
.tab_num li a {width:59px; height:36px; background:url(../images/sub/lecture/tab_num.gif) no-repeat; 
															text-decoration:none; display:block; text-align:center; color:#999; font-size:15px; padding:12px 0 0 0;}
.tab_num li a.selected {background:url(../images/sub/lecture/tab_num.gif) 0 -48px no-repeat; color:#fff; cursor:default;}

.tab_num10 {
	padding:0; float:right;
}
.tab_num10 li {
	list-style-type:none; font-weight:bold; margin:2px 0 0 0;
}
.tab_num10 li:first-child {
	margin:0;
}
.tab_num10 li a {
	width:59px; height:26px;
	display:block;
	background:#f4f4f4; 
	border-top:1px solid #e6e6e6;
	border-left:1px solid #e6e6e6;
	text-decoration:none; text-align:center; color:#999; font-size:15px; line-height:26px;
}
.tab_num10 li a.selected {
	background:#2257b5;
	border-top:1px solid #4278c6;
	border-left:1px solid #4278c6;
	border-right:1px solid #154290;
	border-bottom:1px solid #154290;
	color:#fff; cursor:default;
}

.wrap .right_contents .read .use_img .panel {float:left; border:1px solid #eaeaea;}

.wrap .right_contents .read .read_top {float:right;}

#afterword {border-top:1px solid #bbbbbb; border-bottom:1px solid #eaeaea; clear:both;}
#afterword li {border-bottom:1px solid #eaeaea; position:relative;}
#afterword li div strong {width:772px; display:block; text-align:center; padding:10px 0 10px 0;}
#afterword li div a {display:block; padding:8px 20px 8px 20px; font-weight:bold; text-decoration:none;}
#afterword li div a .id {float:right; height:28px; position:absolute; top:0; left:492px; padding:8px 0 0 0;}
#afterword li div a span {float:left; color:#999; width:150px; text-align:center; margin:0 15px 0 15px;}
#afterword li div a img {float:left; margin:2px 0 0 0;}
#afterword li div a:hover {color:#245bb8; background-color:#f4f4f4;}
#afterword li p {border-top:1px solid #e2e2e2; padding:8px 10px 8px 32px; line-height:16px; color:#666666; background-color:#f4f4f4;}
#afterword li.unfold h4 a {color:#777777;}
#afterword li.fold p {display:none}



/****************************** Member/login ******************************/

.wrap .right_contents .login_page .login_box {position:relative; width:771px; height:286px; padding-top:67px; background-color:#f4f4f4; border:1px solid #e0e0e0; overflow:hidden;}
.wrap .right_contents .login_page img {float:left;}
.wrap .right_contents .login_page .login_box .login_input {position:relative; width:480px; height:123px; margin:0 auto; border-bottom:1px solid #d5d5d5;}
.wrap .right_contents .login_page .login_box .login_input label {float:left; display:block; width:88px; height:40px; line-height:40px; font-size:14px; color:#454545; font-weight:800; text-indent:7px;}
.wrap .right_contents .login_page .login_box .login_input input {width:253px; height:36px; line-height:36px; border:1px solid #ccc; padding:0; margin:0 0 15px 0; text-indent:10px;}
.wrap .right_contents .login_page .login_box .login_input input.btn_login {position:absolute; top:0; right:11px; width:105px; height:91px; border:0; text-indent:0;}
.wrap .right_contents .login_page .login_box .login_input .login_check {height:17px; margin:5px 0 0 60px;}
.wrap .right_contents .login_page .login_box .login_input .login_check .check {float:left; margin:0 5px 0 0; padding:0;}

.wrap .right_contents .login_page .login_box .login_benefit {position:relative; width:460px; margin:0 auto; color:#666; font-size:13px; font-weight:bold; line-height:16px;}
.wrap .right_contents .login_page .login_box .login_benefit span {color:#999; font-size:11px;}

.wrap .right_contents .login_page .login_box .login_benefit a {position:absolute; right:0; display:block; width:105px; height:30px; line-height:30px; font-size:15px; font-weight:normal; text-align:center; color:#fff; text-decoration:none;}

.wrap .right_contents .login_page .benefit {padding-top:50px; padding-bottom:50px;}


/****************************** Member / New_Member_Join_Step1 ******************************/

.wrap .right_contents .step_img {width:772px; padding:20px 0;}
.wrap .right_contents .step_img:after {content:""; display:block; clear:both;}
.wrap .right_contents .step_img li {float:left; padding-right:40px; background:url(../images/sub/member/newmember_arrow.gif) right 4px no-repeat;}
.wrap .right_contents .step_img li p {display:block; height:60px; padding-left:90px; font-size:16px; color:#727272;}
.wrap .right_contents .step_img li p.step1 {background:url(../images/sub/member/newmember_icon.gif) 15px 0 no-repeat;}
.wrap .right_contents .step_img li p.step2 {background:url(../images/sub/member/newmember_icon.gif) 15px -120px no-repeat;}
.wrap .right_contents .step_img li p.step3 {background:url(../images/sub/member/newmember_icon.gif) 15px -240px no-repeat;}
.wrap .right_contents .step_img li p.step4 {background:url(../images/sub/member/newmember_icon.gif) 15px -360px no-repeat;}
.wrap .right_contents .step_img li p span {display:block; padding-top:10px;}
.wrap .right_contents .step_img li.on p {color:#4b4b4b;}
.wrap .right_contents .step_img li.on p.step1 {background:url(../images/sub/member/newmember_icon.gif) 15px -60px no-repeat;}
.wrap .right_contents .step_img li.on p.step2 {background:url(../images/sub/member/newmember_icon.gif) 15px -180px no-repeat;}
.wrap .right_contents .step_img li.on p.step3 {background:url(../images/sub/member/newmember_icon.gif) 15px -300px no-repeat;}
.wrap .right_contents .step_img li.on p.step4 {background:url(../images/sub/member/newmember_icon.gif) 15px -420px no-repeat;}
.wrap .right_contents .step_img li.on p span {color:#4274ca;}
.wrap .right_contents .step_img li.last {padding:0; background:none;}
.wrap .right_contents .join_step1 .benefit {border-top:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; padding-top:30px; padding-bottom:30px;}

.wrap .right_contents .join_step1 .mem_select {margin:15px 0 0 0; float:left;}
.wrap .right_contents .join_step1 .mem_select li {float:left; margin:0 0 0 10px; text-align:center;}
.wrap .right_contents .join_step1 .mem_select li:first-child {margin:0;}
.wrap .right_contents .join_step1 .mem_select li a {width:120px; height:110px; background:url(../images/sub/member/mem_select_off.gif) no-repeat; display:block; padding:10px 0 0 0; 
													text-decoration:none; color:#999999; font-family:"µ¸¿ò", "µ¸¿òü"; font-size:11px; font-weight:bold; margin:0 0 10px 0;}
.wrap .right_contents .join_step1 .mem_select li a.on {background:url(../images/sub/member/mem_select_on.gif) no-repeat; color:#454545;}
.wrap .right_contents .join_step1 .mem_select li a span {display:block; margin:70px 0 0 0;}

.wrap .right_contents .mem_btn {float:right; padding:30px 0 80px 0;}
.wrap .right_contents .mem_btn:after {content:""; display:block; clear:both;}
.wrap .right_contents .mem_btn a {float:left; display:block; width:105px; height:30px; line-height:30px; margin-left:6px; font-size:15px; font-weight:normal; text-align:center; color:#fff; text-decoration:none;}

.wrap .right_contents .btn a {text-decoration:none; color:#fff; font-weight:bold; font-size:13px;}
.wrap .right_contents .btn img {vertical-align:middle;}
.wrap .right_contents .blue {width:105px; height:24px; background:url(../images/sub/member/btn_blue.gif) no-repeat; float:left; text-align:center; padding:6px 0 0 0;}
.wrap .right_contents .gray {width:105px; height:24px; background:url(../images/sub/member/btn_gray.gif) no-repeat; float:left; text-align:center; padding:6px 0 0 0; margin:0 0 0 6px;}



/****************************** Member / New_Member_Join_Step2 ******************************/

.wrap .right_contents .join_step2 .txtgray .textarea {overflow-x:hidden; overflow-y:scroll; padding:25px; background-color:#fff; border:1px solid #e5e5e5; color:#454545; width:660px; height:103px; line-height:18px;}
.scroll {
		scrollbar-3dlight-color:#d9d9d9;
		scrollbar-arrow-color:#454545;
		scrollbar-base-color:#d9d9d9;
		scrollbar-darkshadow-color:#d9d9d9;
		scrollbar-face-color:#d9d9d9;
		scrollbar-highlight-color:#d9d9d9;
		scrollbar-shadow-color:#d9d9d9;
		scrollbar-track-color:#f2f2f2;
}
.margin {margin:30px 0 0 0;}
.wrap .right_contents .join_step2 .txtgray p.check {float:left; width:100%; margin:11px 0 0 3px; line-height:16px; text-align:right;}
.wrap .right_contents .join_step2 .txtgray p.check .checkbox {vertical-align:middle;}
.all {margin:30px 0 0 0; width:100%; float:left; background:url(../images/sub/line_w.gif) repeat-x;}



/****************************** Member / New_Member_Join_Step3 ******************************/

.wrap .right_contents .join_step3:after {content:""; display:block; clear:both;}
.wrap .right_contents .join_step3 ul.join {float:left; width:712px; background-color:#f4f4f4; padding:30px;}
.wrap .right_contents .join_step3 ul.join li {float:left;}

.wrap .right_contents .join_step3 ul.join li ul li {float:left; height:20px; border:0px;}
.wrap .right_contents .join_step3 ul.join li ul li:first-child {border:0px;}

.wrap .right_contents .join_step3 ul.join li p.item {width:118px; height:44px; line-height:30px; float:left; color:#666; font-weight:bold; font-size:13px;}
.wrap .right_contents .join_step3 ul.join li p.item_phonenum {width:163px; height:72px; float:left; padding:8px; color:#666; font-weight:bold;}
.wrap .right_contents .join_step3 ul.join li p.item_address {width:163px; height:72px; float:left; padding:8px; color:#666; font-weight:bold;}
.wrap .right_contents .join_step3 ul.join li p.item_mail {width:163px; height:94px; float:left; padding:8px; color:#666; font-weight:bold;}
.wrap .right_contents .join_step3 ul.join li p.item_rou {width:163px; height:114px; float:left; padding:8px; color:#666; font-weight:bold;}
.wrap .right_contents .join_step3 ul.join li p.item span {color:#4274ca;}

.wrap .right_contents .join_step3 ul.join li p.join_inputText {float:left; width:594px; height:44px; line-height:30px; color:#666; font-size:13px;}
.wrap .right_contents .join_step3 ul.join li p.join_input {width:594px; height:auto; float:left; font-family:"µ¸¿ò", "µ¸¿òü"; font-size:11px; letter-spacing:-1px; color:#999;}
.wrap .right_contents .join_step3 ul.join li p.join_input select {float:left; width:77px; height:30px; border:1px solid #cfcfcf;}
.wrap .right_contents .join_step3 ul.join li p.join_input a {float:left; display:block; width:90px; height:30px; line-height:30px; background-color:#6d9dee; color:#fff; text-align:center; margin-left:5px; font-size:14px; text-decoration:none; font-family: "³ª´®°íµñ" , NanumGothic, "¸¼Àº°íµñ", Malgun Gothic, "µ¸¿ò", dotum, Arial, Verdana, sans-serif;}
.wrap .right_contents .join_step3 ul.join li p.join_input a:hover {background-color:#2954b5;}
.wrap .right_contents .join_step3 ul.join li p.join_input span {float:left; display:block; line-height:30px;}
.wrap .right_contents .join_step3 ul.join li p.join_input_address {width:576px; height:72px; float:left; padding:8px; font-family:"µ¸¿ò", "µ¸¿òü"; font-size:11px; letter-spacing:-1px; color:#999;}
.wrap .right_contents .join_step3 ul.join li p.join_input_address span {float:left; margin:10px 5px 0 5px;}
.wrap .right_contents .join_step3 ul.join li p.join_input_address .address_01 {width:50px; height:17px;}
.wrap .right_contents .join_step3 ul.join li p.join_input ul {float:left;}
input.address_02 {width:250px; height:17px; float:left; position:relative; top:-32px; left:113px; margin:0 6px 0 0;}
input.address_02:focus {border:2px solid #245bb8;}

.wrap .right_contents .join_step3 ul.join li p.join_txt {width:576px; height:39px; float:left; padding:8px; font-weight:bold; font-size:16px;}

.wrap .right_contents .join_step3 ul.join li ul.check {width:594px; float:left;}
.wrap .right_contents .join_step3 ul.join li ul.check li {float:left; height:30px; line-height:30px; font-weight:bold; padding-right:25px;}
.wrap .right_contents .join_step3 ul.join li ul.check li label {padding-left:5px;}
.wrap .right_contents .join_step3 ul.join li ul.check li.route {width:135px; margin:5px 5px 0 0;}
.wrap .right_contents .join_step3 ul.join li ul.check li.route2 {width:270px; margin:5px 5px 0 0;}
.wrap .right_contents .join_step3 ul.join li ul.check li.route2 .etck {border:#CCCCCC 1px solid; width:160px; margin-left:10px;}

.wrap .right_contents .join_step3 ul.join li.joinRoute ul {width:594px; float:left;}
.wrap .right_contents .join_step3 ul.join li.joinRoute ul li {float:left; width:25%; height:30px; line-height:30px; font-weight:bold;}
.wrap .right_contents .join_step3 ul.join li.joinRoute span.route {float:left; font-family:"µ¸¿ò", "µ¸¿òü"; font-size:11px; color:#999; padding-top:8px; text-indent:5px;}

.wrap .right_contents .join_step3 ul.join li ul.mail {float:left; width:594px;}
.wrap .right_contents .join_step3 ul.join li ul.mail li {width:514px; height:30px; line-height:30px; padding-left:13px; background:url(../images/sub/sub_bullet02.gif) 3px 12px no-repeat;}
.wrap .right_contents .join_step3 ul.join li ul.mail li:last-child {height:44px !important;}
.wrap .right_contents .join_step3 ul.join li ul.mail li span {float:left; font-weight:bold; color:#245cbd; width:100px;}
.wrap .right_contents .join_step3 ul.join li ul.mail li input {vertical-align:-3px;}
.wrap .right_contents .join_step3 ul.join li ul.mail li label {padding-right:10px;}

.wrap .right_contents .join_step3 ul.join li p.sms {float:left; width:594px; line-height:30px;}
.wrap .right_contents .join_step3 ul.join li p.sms input.sms {float:left; width:14px; height:14px; margin:9px 5px 0 0;}
.wrap .right_contents .join_step3 ul.join li p.sms span {float:left; padding-right:15px;}

.wrap .right_contents .join_step3 ul.join li p input {float:left; width:260px; height:28px; border:1px solid #cfcfcf; padding:0 10px; line-height:30px;}
.wrap .right_contents .join_step3 ul.join li p input:focus {width:258px; height:26px; border:2px solid #245bb8;}
.wrap .right_contents .join_step3 ul.join li p input.w109 {width:109px !important;}
.wrap .right_contents .join_step3 ul.join li p input.w109:focus {width:107px !important;}
.wrap .right_contents .join_step3 ul.join li p input.w260 {width:260px !important;}
.wrap .right_contents .join_step3 ul.join li p input.w260:focus {width:258px !important;}
.wrap .right_contents .join_step3 ul.join li p input.num {width:66px !important;}
.wrap .right_contents .join_step3 ul.join li p input.num:focus {width:64px !important;}
.wrap .right_contents .join_step3 div.num {position:relative; top:-28px; left:10px; float:left; z-index:900;}
.wrap .right_contents .join_step3 ul.join li .phone01_select span {margin:5px 5px 0 5px;}
.wrap .right_contents .join_step3 ul.join li .phone02_select span {margin:5px 5px 0 5px;}
.wrap .right_contents .join_step3 ul.join input.etc {width:290px; margin:-30px 0 0 476px; float:left;}
.wrap .right_contents .join_step3 ul.join input.etc:focus {border:2px solid #245bb8;}

.wrap .right_contents .join_step3 .btn_join {position:relative;}
.wrap .right_contents .join_step3 .btn_join a {float:left; font-family:"µ¸¿ò", "µ¸¿òü"; font-size:11px; color:#fff; padding:4px 0 0 0; letter-spacing:-1px; text-decoration:none;}
.wrap .right_contents .join_step3 .id {top:-39px; left:320px;}
.wrap .right_contents .join_step3 .cd_member {top:-25px; left:320px;}
.wrap .right_contents .join_step3 .address {top:-62px; left:320px;}
.wrap .right_contents .join_step3 .num {width:290px;}
.wrap .right_contents .join_step3 .secede {position:relative; float:left; width:740px; background:url(../images/sub/member/bg_step.gif); padding:15px; margin:30px 0 0 0; border:1px solid #e0e0e0; line-height:18px;}
.wrap .right_contents .join_step3 .secede a {display:block; display: block; position:absolute; width:85px; *width:85px; height: 18px; line-height: 18px; border: 1px solid #777; color: #777; background-color: #fff; padding: 0 10px; margin: 13px 0 0 4px; font-weight: normal; text-align:center; top:12px; right:20px; text-decoration:none;}
.wrap .right_contents .join_step3 .cancel {float:right;}
.wrap .right_contents .join_step3 .txt {float:left; width:742px; background:url(../images/sub/member/bg_step.gif); padding:15px; border:1px solid #bbb; margin:0 0 30px 0;}
.wrap .right_contents .join_step3 .txt strong {display:block; width:100%; color:#245bb8; border-bottom:1px solid #bbb; margin:0 0 15px 0; padding:0 0 15px 0;}



/****************************** Select Box / mail_select ******************************/

.wrap .right_contents .mail_select {position:absolute; float:left; z-index:700; right:13px;}
.wrap .right_contents .mail_select strong a {background:#fff url(../images/sub/lecture/btn_select.gif) no-repeat 89px -1px; float:left;
											border:1px solid #cfcfcf; width:118px; height:28px; line-height:28px; text-decoration:none; font-weight:bold; text-indent:5px;}
.wrap .right_contents .mail_select strong a:hover {background:#fff url(../images/sub/lecture/btn_select.gif) no-repeat 89px -1px;}
.wrap .right_contents .mail_select strong a:focus {background:#fff url(../images/sub/lecture/btn_select.gif) no-repeat 89px -31px;}
.wrap .right_contents .mail_select ul.selbox {background:#fff; border:1px solid #cfcfcf; position:absolute; top:29px; left:0; padding:8px 0 5px; width:118px; height:180px; z-index:20; float:left; overflow: auto; overflow-x: hidden;}
.wrap .right_contents .mail_select ul.selbox li a {float:left; text-decoration:none; width:118px; font-weight:bold; text-indent:10px;}
.wrap .right_contents .mail_select ul.selbox li a:hover {float:left; background:#bbb; color:#fff;}
.wrap .right_contents .mail_select .list {display:none;}
.wrap .right_contents .mail_select .listview {display:block;}

/****************************** Select Box / phone01_select ******************************/

.wrap .right_contents .phone01_select {position:relative; left:0; top:0; float:left; z-index:800;}
.wrap .right_contents .phone01_select strong a {background:url(../images/sub/lecture/btn_select.gif) no-repeat 54px 2px; float:left; 
											border:1px solid #bbb; width:70px; padding:3px; text-decoration:none; font-weight:bold;}
.wrap .right_contents .phone01_select strong a:hover {background:url(../images/sub/lecture/btn_select.gif) no-repeat 54px -18px;}
.wrap .right_contents .phone01_select ul.selbox {background:#f4f4f4; border:1px solid #bbb; position:absolute; top:24px; left:0; width:70px; padding:3px; z-index:20; float:left;}
.wrap .right_contents .phone01_select ul.selbox li a {float:left; text-decoration:none; width:70px;  padding:3px 0 3px 0; font-weight:bold;}
.wrap .right_contents .phone01_select ul.selbox li a:hover {float:left; background:#bbb; color:#fff;}
.wrap .right_contents .phone01_select .list {display:none;}
.wrap .right_contents .phone01_select .listview {display:block;}


/****************************** Select Box / phone02_select ******************************/

.wrap .right_contents .phone02_select {position:relative; left:0; top:0; float:left; margin:6px 0 0 0; z-index:700;}
.wrap .right_contents .phone02_select strong a {background:url(../images/sub/lecture/btn_select.gif) no-repeat 54px 2px; float:left; 
											border:1px solid #bbb; width:70px; padding:3px; text-decoration:none; font-weight:bold;}
.wrap .right_contents .phone02_select strong a:hover {background:url(../images/sub/lecture/btn_select.gif) no-repeat 54px -18px;}
.wrap .right_contents .phone02_select ul.selbox {background:#f4f4f4; border:1px solid #bbb; position:absolute; top:24px; left:0; width:70px; padding:3px; z-index:20; float:left;}
.wrap .right_contents .phone02_select ul.selbox li a {float:left; text-decoration:none; width:70px;  padding:3px 0 3px 0; font-weight:bold;}
.wrap .right_contents .phone02_select ul.selbox li a:hover {float:left; background:#bbb; color:#fff;}
.wrap .right_contents .phone02_select .list {display:none;}
.wrap .right_contents .phone02_select .listview {display:block;}



/****************************** Select Box / job_select ******************************/

.wrap .right_contents .job_select {position:relative; left:186px; top:-46px; float:left; margin:6px 0 0 0; z-index:700;}
.wrap .right_contents .job_select strong a {background:url(../images/sub/lecture/btn_select.gif) no-repeat 164px 2px; float:left; 
											border:1px solid #bbb; width:180px; padding:3px; text-decoration:none; font-weight:bold;}
.wrap .right_contents .job_select strong a:hover {background:url(../images/sub/lecture/btn_select.gif) no-repeat 164px -18px;}
.wrap .right_contents .job_select ul.selbox {background:#f4f4f4; border:1px solid #bbb; position:absolute; top:24px; left:0; width:180px; padding:3px; z-index:20; float:left;}
.wrap .right_contents .job_select ul.selbox li a {float:left; text-decoration:none; width:180px;  padding:3px 0 3px 0; font-weight:bold;}
.wrap .right_contents .job_select ul.selbox li a:hover {float:left; background:#bbb; color:#fff;}
.wrap .right_contents .job_select .list {display:none;}
.wrap .right_contents .job_select .listview {display:block;}



/****************************** Select Box / edu_select ******************************/

.wrap .right_contents .edu_select {position:relative; left:186px; top:-46px; float:left; margin:6px 0 0 0; z-index:600;}
.wrap .right_contents .edu_select strong a {background:url(../images/sub/lecture/btn_select.gif) no-repeat 164px 2px; float:left; 
											border:1px solid #bbb; width:180px; padding:3px; text-decoration:none; font-weight:bold;}
.wrap .right_contents .edu_select strong a:hover {background:url(../images/sub/lecture/btn_select.gif) no-repeat 164px -18px;}
.wrap .right_contents .edu_select ul.selbox {background:#f4f4f4; border:1px solid #bbb; position:absolute; top:24px; left:0; width:180px; padding:3px; z-index:20; float:left;}
.wrap .right_contents .edu_select ul.selbox li a {float:left; text-decoration:none; width:180px;  padding:3px 0 3px 0; font-weight:bold;}
.wrap .right_contents .edu_select ul.selbox li a:hover {float:left; background:#bbb; color:#fff;}
.wrap .right_contents .edu_select .list {display:none;}
.wrap .right_contents .edu_select .listview {display:block;}



/****************************** member / New_Member_Join_Step4 ******************************/

.wrap .right_contents .join_step4 {width:772px; float:left;}

.wrap .right_contents .join_step4 .welcome {position:relative; width:772px; height:303px; background:#f4f4f4 url(../images/sub/member/bg_step4_new.gif) no-repeat; border:1px solid #e0e0e0; 
											margin:30px 0 0 0; z-index:10;}
.wrap .right_contents .join_step4 .welcome p {float:left; padding-top:50px; padding-left:76px; font-size:15px; line-height:24px;}
.wrap .right_contents .join_step4 .welcome p strong {color:#4274ca; font-weight:600;}

.wrap .right_contents .join_step4 .new_list {float:left; position:relative;}
.wrap .right_contents .join_step4 .new_list .new {float:left; padding-bottom:50px;}
.wrap .right_contents .join_step4 .new_list .new li {float:left; width:183px; border:1px solid #bbb; margin:0 0 0 10px;}
.wrap .right_contents .join_step4 .new_list .new li:first-child {margin:0;}
.wrap .right_contents .join_step4 .new_list .new li a {float:left;}
.wrap .right_contents .join_step4 .new_list .new li a:hover {text-decoration:none; color:#245bb8; background-color:#eaeaea;}
.wrap .right_contents .join_step4 .new_list .new li a img {width:154px; height:118px; border:1px solid #eaeaea; display:block; margin:13px 13px 0 13px;}
.wrap .right_contents .join_step4 .new_list .new li a p {width:154px; min-height:30px; display:block; margin:10px 13px 0 13px; padding:10px 0 10px 0; background:url(../images/sub/line_w.gif) repeat-x; font-weight:bold;}

.wrap .right_contents .join_step4 .new_list h5 {}
.wrap .right_contents .join_step4 .new_list .more {position:absolute; top:30px; right:0;}
.wrap .right_contents .join_step4 .new_list .more a {padding:5px; text-decoration:none;}


/****************************** member / New_Member_Join_Step4 ******************************/

.wrap .right_contents .join_step5 ul.join {float:left !important; width:632px !important; background-color:#f4f4f4 !important; padding:33px 0 25px 140px !important;}
.wrap .right_contents .join_step5 ul.join li p.item {width:80px !important;}
.wrap .right_contents .join_step5 ul.join li p.join_input {width:420px !important;}


/****************************** Member_id_search1 ******************************/

.wrap .right_contents .id_search {width:772px; float:left;}



/****************************** Agreement_use ******************************/

.wrap .right_contents .agreement_use {position:relative; width:100%; overflow:hidden;}
.wrap .right_contents .agreement_use .position {position:relative; top:-22px; z-index:50; left:150px; }
.wrap .right_contents .agreement_use .txt {width:710px; padding:30px; border:1px solid #bbb; background:#f4f4f4;}
.wrap .right_contents .agreement_use .tab li {width:130px;}
.wrap .right_contents .agreement_use .tab li a {width:128px;}
.wrap .right_contents .agreement_use_btnArea {width:100%; overflow:hidden; padding-top:20px;}
.wrap .right_contents .agreement_use_btnArea .blueBtn {float:left;}
.wrap .right_contents .agreement_use_btnArea .grayBtn {float:right;}


/****************************** Mylecture ******************************/

.wrap .right_contents .mylecture {width:772px; float:left;}
.wrap .right_contents .mylecture .notice {position:relative; width:772px; height:30px; background-color:#ff8a00;}
.wrap .right_contents .mylecture .notice a {height:30px; background:url(../images/sub/mylecture/icon_notice_new.png) 15px 7px no-repeat; float:left; color:#fff; text-decoration:none; font-weight:bold; padding:0 0 0 48px; line-height:28px;}
.wrap .right_contents .mylecture .notice a:hover {color:#894a00;}
.wrap .right_contents .mylecture .notice .updown {float:right; width:50px; line-height:30px; background:none; padding:0; font-weight:normal; font-size:12px; font-family:"µ¸¿ò", "µ¸¿òü";}

.wrap .right_contents .mylecture .use {width:381px; float:left; margin:16px 0 0 0;}
.wrap .right_contents .mylecture .use h5 span {font-family:"µ¸¿ò", "µ¸¿òü"; font-weight:bold; letter-spacing:-1px;}
.wrap .right_contents .mylecture .use .bg_gray {width:379px; height:152px; background:#f4f4f4 url(../images/sub/mylecture/icon_my.png) 15px 42px no-repeat; border:1px solid #bbb;  float:left;}
.wrap .right_contents .mylecture .use .use_info {margin:42px 14px 0 0; float:right;}
.wrap .right_contents .mylecture .use .use_info li {font-weight:bold; background:#fff url(../images/sub/sub_bullet03.gif) 93px 9px no-repeat; width:208px; height:26px; margin:0 0 10px 0;}
.wrap .right_contents .mylecture .use .use_info li img {vertical-align:middle; margin:0 6px 0 0;} 
.wrap .right_contents .mylecture .use .use_info li p.img {width:97px; float:left;}
.wrap .right_contents .mylecture .use .use_info li p.txt {width:100px; height:26px; text-align:right; float:right;}
.wrap .right_contents .mylecture .use .use_info li p strong {color:#245bb8; font-weight:bold; line-height:22px; margin:0 10px 0 0;}

.wrap .right_contents .mylecture .check {width:381px; float:left; margin:16px 0 0 10px; position:relative;}
.wrap .right_contents .mylecture .check .bg_gray {width:379px; height:182px; background:#f4f4f4 url(../images/sub/mylecture/bg_coin.png) 178px 88px no-repeat; border:1px solid #bbb; float:left;}
.wrap .right_contents .mylecture .check .stamp {width:189px; height:158px; float:left; margin:13px 0 0 12px;} 
.wrap .right_contents .mylecture .check .stamp li {width:30px; height:30px; float:left; background-color:#e5e5e5; margin:1px 0 0 1px; 
												text-align:center; color:#fff; font-size:18px; font-weight:bold; line-height:30px;}
.wrap .right_contents .mylecture .check p {margin:14px 0 0 15px; float:left;}

.wrap .right_contents .mylecture .check .btn {width:58px; position:absolute; bottom:0; right:0; margin:0 14px 14px 0;}
.wrap .right_contents .mylecture .check .btn strong a {width:58px; height:20px; float:left; background:url(../images/sub/mylecture/btn_check.gif) no-repeat; margin:3px 0 0 0; line-height:22px; font-family:"µ¸¿ò", "µ¸¿òü"; font-weight:bold; letter-spacing:-1px; color:#fff; text-align:center; text-decoration:none; font-size:11px;}

.wrap .right_contents .mylecture .en_ja_ch {width:772px; float:left;}												
.wrap .right_contents .mylecture .today {width:250px; float:left; margin:0 0 0 9px;}
.wrap .right_contents .mylecture .fir {margin:0;}
.wrap .right_contents .mylecture .today .bg_today {width:218px; border:1px solid #bbb; background:url(../images/sub/mylecture/bg_today.gif); float:left; padding:15px;}
.wrap .right_contents .mylecture .today .bg_today img {float:left;}

.wrap .right_contents .mylecture .today .bg_today .speech {width:168px; float:right; background:url(../images/sub/mylecture/today_speech.gif) 0 10px no-repeat;}
.wrap .right_contents .mylecture .today .bg_today .speech .top {background-color:#fff; width:166px; height:10px; border-left:1px solid #bbb; border-top:1px solid #bbb; border-right:1px solid #bbb; margin:0 0 0 4px;}
.wrap .right_contents .mylecture .today .bg_today .speech .bot {background-color:#fff; width:166px; height:10px; border-left:1px solid #bbb; border-bottom:1px solid #bbb; border-right:1px solid #bbb; margin:0 0 0 4px;}
.wrap .right_contents .mylecture .today .bg_today .speech .mid {background:#fff; width:156px; border-right:1px solid #bbb; padding:0 5px 0 5px; margin:0 0 0 5px; font-weight:bold;}
.wrap .right_contents .mylecture .today .bg_today .speech .mid a {text-decoration:none;}
.wrap .right_contents .mylecture .today .bg_today .speech .mid a:hover {color:#245bb8;}

.wrap .right_contents .mylecture .reference {width:100%; height:30px; line-height:30px; background-color:#f2f2f2; color:red; text-align:center; font-weight:bold;}



/****************************** Select Box ******************************/

.wrap .right_contents .mylecture .align {position:relative; top:0; float:right;}
.wrap .right_contents .mylecture .align strong a {background:url(../images/sub/lecture/btn_select.gif) no-repeat 54px 2px; float:left; 
											border:1px solid #bbb; width:70px; padding:3px; text-decoration:none; font-weight:bold;}
.wrap .right_contents .mylecture .align strong a:hover {background:url(../images/sub/lecture/btn_select.gif) no-repeat 54px -18px;}
.wrap .right_contents .mylecture .align ul.selbox {background:#f4f4f4; border:1px solid #bbb; position:absolute; top:24px; left:0; width:70px; padding:3px; z-index:20; float:left;}
.wrap .right_contents .mylecture .align ul.selbox li a {float:left; text-decoration:none; width:70px; padding:3px 0 3px 0; font-weight:bold;}
.wrap .right_contents .mylecture .align ul.selbox li a:hover {float:left; background:#bbb; color:#fff;}
.wrap .right_contents .mylecture .align .list {display:none;}
.wrap .right_contents .mylecture .align .listview {display:block;}



/****************************** Mylecture / list °øÅë ******************************/

.wrap .right_contents .mylecture .register_list {float:left;}
.wrap .right_contents .mylecture .register_list .list {float:left; width:770px;}
.wrap .right_contents .mylecture .register_list .list li {width:770px; height:30px;}
.wrap .right_contents .mylecture .register_list .list li:first-child {width:770px; height:30px; background-color:#efefef; border:1px solid #d7d7d7; color:#454545; font-weight:bold; line-height:30px;}

.wrap .right_contents .mylecture .register_list .list li p {float:left; text-align:center;}
.wrap .right_contents .mylecture .register_list .list li p.language {width:60px;}
.wrap .right_contents .mylecture .register_list .list li span {color:#fff; font-family:"µ¸¿ò", "µ¸¿òü"; font-weight:bold; letter-spacing:-1px; font-size:11px; line-height:18px;}
.wrap .right_contents .mylecture .register_list .list li p.language span {width:41px; height:16px; background:url(../images/sub/mylecture/btn_level.gif) no-repeat; display:block; margin:0 0 0 15px;}

.wrap .right_contents .mylecture .register_list .list li p.level {width:60px;}
.wrap .right_contents .mylecture .register_list .list li p.level span {width:41px; height:16px; background:url(../images/sub/mylecture/btn_level.gif) 0 -16px no-repeat; display:block;}

.wrap .right_contents .mylecture .register_list .list li p.step_fir {width:200px;}
.wrap .right_contents .mylecture .register_list .list li p.step {width:225px; text-align:left; margin:0 10px 0 10px;}
.wrap .right_contents .mylecture .register_list .list li p.step_fir_finish {width:311px;}
.wrap .right_contents .mylecture .register_list .list li p.step_finish {width:291px; text-align:left; margin:0 10px 0 10px;}

.wrap .right_contents .mylecture .register_list .list li p.period {width:145px;}
.wrap .right_contents .mylecture .register_list .list li p.attend {width:90px;}
.wrap .right_contents .mylecture .register_list .list li p.state {width:100px;}

.wrap .right_contents .mylecture .register_list .list li p.btn {width:114px;}
.wrap .right_contents .mylecture .register_list .list li p.btn span.start a {width:69px; height:20px; background:url(../images/sub/mylecture/btn_register.gif) 0 -20px no-repeat; display:block;
																	line-height:22px; font-family:"µ¸¿ò", "µ¸¿òü"; font-size:11px; margin:-2px 0 0 10px;}
.wrap .right_contents .mylecture .register_list .list li p.btn span.start a img {margin:-2px 4px 0 0;}
.wrap .right_contents .mylecture .register_list .list li p.btn span a {width:69px; height:20px; background:url(../images/sub/mylecture/btn_register.gif) no-repeat; display:block;
																	line-height:22px; font-family:"µ¸¿ò", "µ¸¿òü"; font-size:11px; margin:-2px 0 0 10px;}
																	
.wrap .right_contents .mylecture .register_list .list li p.begin {width:94px;}



/****************************** Q&A list ******************************/

.wrap .right_contents .qna_list {float:left; width:770px;}

.wrap .right_contents .qna_list .list_qna {float:left; width:770px; border-left:1px solid #c6d5de; border-top:1px solid #c6d5de; border-right:1px solid #c6d5de;}
.wrap .right_contents .qna_list .list_qna li {width:770px; border-bottom:1px solid #c6d5de; padding:10px 0 10px 0; overflow:hidden;}
.wrap .right_contents .qna_list .list_qna li:hover {background:#f4f4f4;}
.wrap .right_contents .qna_list .list_qna li:first-child {width:770px; height:21px; background:url(../images/sub/mylecture/bg_table_tit.gif); border-bottom:1px solid #c6d5de; 
																	color:#454545; font-weight:bold; padding:7px 0 0 0;}
.wrap .right_contents .qna_list .list_qna li p {float:left; text-align:center;}
.wrap .right_contents .qna_list .list_qna li span {color:#fff; font-family:"µ¸¿ò", "µ¸¿òü"; font-weight:bold; letter-spacing:-1px; font-size:11px; line-height:18px;}
.wrap .right_contents .qna_list .list_qna li strong {color:#fff; font-family:"µ¸¿ò", "µ¸¿òü"; letter-spacing:-1px; font-size:11px; line-height:18px;}

.wrap .right_contents .qna_list .list_qna li p.num {width:37px;}
.wrap .right_contents .qna_list .list_qna li p.date {width:100px;}
.wrap .right_contents .qna_list .list_qna li p.step_fir {width:245px;}
.wrap .right_contents .qna_list .list_qna li p.step {width:225px; text-align:left; margin:0 10px 0 10px;}
.wrap .right_contents .qna_list .list_qna li p.title_fir {width:305px;}
.wrap .right_contents .qna_list .list_qna li p.title {width:285px; text-align:left; margin:0 10px 0 10px;}
.wrap .right_contents .qna_list .list_qna li p.title a {text-decoration:none;}
.wrap .right_contents .qna_list .list_qna li p.title a:hover {color:#245bb8;}
.wrap .right_contents .qna_list .list_qna li p.state {width:83px;}
.wrap .right_contents .qna_list .list_qna li p.state span {width:66px; height:16px; background:url(../images/sub/mylecture/btn_qna.gif) 0 -16px no-repeat; display:block; margin:0 0 0 10px;}
.wrap .right_contents .qna_list .list_qna li p.state strong {width:66px; height:16px; background:url(../images/sub/mylecture/btn_qna.gif) no-repeat; display:block; margin:0 0 0 10px;}



/****************************** Q&A_detail ******************************/

.wrap .right_contents .qna_detail h5.curio_tit {background:url(../images/sub/sub_bullet03.gif) 0 5px no-repeat; font-weight:bold; padding:0 0 0 6px;}

.wrap .right_contents .qna_detail div.table {width:100%; float:left;}
.wrap .right_contents .qna_detail table, .qna_detail table {width:100%; border-top:1px solid #C1C1C1; border-bottom:1px solid #C1C1C1;}
.wrap .right_contents .qna_detail th, .qna_detail td {border-top:1px solid #ECECEC; padding:11px 0 10px;}
.wrap .right_contents .qna_detail th {background:#F5F6F8; border:0 none; color:#555;}

.wrap .right_contents .qna_detail tr:first-child th, .qna_detail tr:first-child td {border-top:0 none;}

.wrap .right_contents .qna_detail th {background:#F5F6F8; border-top:1px solid #C6C6C6; color:#666; padding-left:9px; text-align:left;}

.wrap .right_contents .qna_detail td {color:#666; padding-left:11px;}
.wrap .right_contents .qna_detail td.user input.txt {padding-left:0; text-align:center;}
.wrap .right_contents .qna_detail td.user span {display:inline-block; width:64px;}
.wrap .right_contents .qna_detail td.btn {padding:5px 0;}
.wrap .right_contents .qna_detail td.cont {height:200px; padding-bottom:20px; vertical-align:top;}

.wrap .right_contents .qna_detail .btn_list {float:right; margin:15px 0 0 0;}
.wrap .right_contents .qna_detail .btn_list a {float:left; font-family:"µ¸¿ò", "µ¸¿òü"; font-size:11px; color:#fff; padding:4px 0 0 0; letter-spacing:-1px; text-decoration:none;}

.wrap .right_contents .qna_detail p {display:block; width:100%; text-align:center; padding:15px 0 15px 0; background:url(../images/sub/member/bg_step.gif); 
									border-top:1px solid #bbb; border-bottom:1px solid #bbb; font-weight:bold; font-size:15px;}
.wrap .right_contents .qna_detail .align {text-align:center;}
.wrap .right_contents .qna_detail .align table {border:0px;}
.wrap .right_contents .qna_detail .align th, .align td {border:0px; background:#fff; paddong:0px;}


/****************************** Cart ******************************/

.wrap .right_contents .cart .step_img {width:772px; height:135px; background-color:#f4f4f4;}
.wrap .right_contents .cart .step_img li {width:250px; height:76px; background:url(../images/sub/member/step_bar.png) no-repeat 0 35px; float:left; text-align:center; font-weight:bold; color:#a2a2a2; padding:22px 0 0 10px;}
.wrap .right_contents .cart .step_img li strong {color:#454545;}
.wrap .right_contents .cart .step_img li img {margin:0 0 7px 0;}
.wrap .right_contents .cart .step_img li:first-child {background:url(); padding:22px 0 0 0;}

.wrap .right_contents .cart .list {float:left; width:770px; border-left:1px solid #c6d5de; border-top:1px solid #c6d5de; border-right:1px solid #c6d5de; margin:30px 0 0 0;}
.wrap .right_contents .cart .list li {width:770px; height:36px; border-bottom:1px solid #c6d5de; overflow:hidden;}
.wrap .right_contents .cart .list li:first-child {width:770px; height:28px; background:url(../images/sub/mylecture/bg_table_tit.gif); border-bottom:1px solid #c6d5de; 
												color:#454545; font-weight:bold; padding:0; line-height:8px;}
.wrap .right_contents .cart .list li p {float:left; text-align:center; padding:10px 0 10px 0;}
.wrap .right_contents .cart .list li span {color:#fff; font-family:"µ¸¿ò", "µ¸¿òü"; font-weight:bold; letter-spacing:-1px; font-size:11px; line-height:18px;}
.wrap .right_contents .cart .list li strong {color:#fff; font-family:"µ¸¿ò", "µ¸¿òü"; letter-spacing:-1px; font-size:11px; line-height:18px;}

.wrap .right_contents .cart .list li p.sort {width:71px;}
.wrap .right_contents .cart .list li p.sort span {width:41px; height:16px; background:url(../images/sub/mylecture/btn_level.gif) 0 -16px no-repeat; display:block; margin:0 0 0 15px;}
.wrap .right_contents .cart .list li p.sort strong {width:41px; height:16px; background:url(../images/sub/mylecture/btn_level.gif) no-repeat; display:block; margin:0 0 0 15px;}
.wrap .right_contents .cart .list li p.name_fir {width:467px;}
.wrap .right_contents .cart .list li p.name {width:447px; text-align:left; padding:10px; background-color:#f4f7f8;}
.wrap .right_contents .cart .list li p.name_fir_02 {width:534px;}
.wrap .right_contents .cart .list li p.name_02 {width:514px; text-align:left; padding:10px; background-color:#f4f7f8;}
.wrap .right_contents .cart .list li p.ea {width:65px;}
.wrap .right_contents .cart .list li p.price_fir {width:100px;}
.wrap .right_contents .cart .list li p.price {width:80px; text-align:right; padding:10px; background-color:#f4f7f8;}
.wrap .right_contents .cart .list li p.check_fir {width:67px; padding:5px 0 0px 0;}
.wrap .right_contents .cart .list li p.check {width:67px;}

.wrap .right_contents .cart .check_txt {float:right;}
.wrap .right_contents .cart .check_txt em {float:left; margin:12px 0 0 0; font-weight:bold; color:#454545;}
.wrap .right_contents .cart .check_txt span.btn a {width:69px; height:20px; background:#ddd url(../images/sub/mylecture/btn_register.gif) no-repeat; float:left;
										line-height:22px; font-family:"µ¸¿ò", "µ¸¿òü"; font-size:11px; text-align:center; letter-spacing:-1px; margin:10px 0 0 10px;}
										
.wrap .right_contents .cart div.sum {width:772px; border-top:1px solid #bbb; margin:30px 0 15px 0; float:left;}
.wrap .right_contents .cart div.sum p {float:right;}
.wrap .right_contents .cart div.sum strong {color:#245bb8; font-size:16px; float:left; margin:15px 0 0 5px;}
.wrap .right_contents .cart div.sum span {float:left; margin:18px 0 0 0;}

.wrap .right_contents .cart a img {float:right;}

.wrap .right_contents .cart .txt {width:712px; float:left; background-color:#f4f4f4; padding:30px; margin:30px 0 0 0;}
.wrap .right_contents .cart .txt li {margin:10px 0 0 0; background:url(../images/sub/sub_bullet03.gif) 0 5px no-repeat; font-weight:bold; padding:0 0 0 10px;}
.wrap .right_contents .cart .txt li:first-child {margin:0;}
.wrap .right_contents .cart .txt li p {display:block; margin:5px 0 5px 5px; font-weight:normal;}

.wrap .right_contents .cart ul.orderer {width:772px; float:left;}
.wrap .right_contents .cart ul.orderer li {float:left; border-bottom:1px solid #bbb;}
.wrap .right_contents .cart ul.orderer li:first-child {border-top:1px solid #bbb;}
.wrap .right_contents .cart ul.orderer li.btn_area {height:0px; border:0px;}

.wrap .right_contents .cart ul.orderer li p.item {width:163px; float:left; padding:8px; color:#666; font-weight:bold; background-color:#f4f4f4;}
.wrap .right_contents .cart ul.orderer li p.info {width:576px; float:left; padding:8px; color:#454545; font-weight:bold;}
.wrap .right_contents .cart ul.orderer li p.info span {color:#245bb8; font-weight:bold;}
.wrap .right_contents .cart ul.orderer li p.info strong {color:#245bb8; font-size:16px; line-height:12px;}
.wrap .right_contents .cart ul.orderer li p.sale {width:576px; float:left; padding:15px 8px 15px 8px; color:#454545; font-weight:bold;}
.wrap .right_contents .cart ul.orderer li p.sale span {color:#245bb8;}

.wrap .right_contents .cart .btn_myinfo {position:relative; top:-125px; z-index:50; float:right;}
.wrap .right_contents .cart .btn_myinfo a {float:left; font-family:"µ¸¿ò", "µ¸¿òü"; font-size:11px; color:#fff; padding:4px 0 0 0; letter-spacing:-1px; text-decoration:none;}

.wrap .right_contents .cart .ordercheck {position:relative; top:30px; left:65px; z-index:50; float:right;}

.wrap .right_contents .cart .discount .partnership {width:742px; padding:15px; background:url(../images/sub/member/bg_step.gif); margin:15px 0 0 0; border-top:1px solid #bbb;}
.wrap .right_contents .cart .discount .partnership p {float:left; line-height:18px;}
.wrap .right_contents .cart .discount .partnership div {width:70px; float:left; margin:0 0 0 15px; padding:15px; background:#fff; font-weight:bold; border-top:1px solid #bbb; border-bottom:1px solid #bbb;}

.wrap .right_contents .cart .btn_dis {z-index:50; float:left;}
.wrap .right_contents .cart .btn_dis a {float:left; font-family:"µ¸¿ò", "µ¸¿òü"; font-size:11px; color:#fff; padding:4px 0 0 0; letter-spacing:-1px; text-decoration:none; font-weight:normal;}
.wrap .right_contents .cart .point {position:relative; top:-37px; left:545px;}
.wrap .right_contents .cart .coupon {position:relative; top:-37px; left:285px;}
.wrap .right_contents .cart .culture {position:relative; top:-37px; left:358px;}

.wrap .right_contents .cart .pay {width:772px; float:left;}

.wrap .right_contents .cart .pay .total {float:right; width:402px;}
.wrap .right_contents .cart .pay .total li {float:left; width:402px; font-size:16px; border-bottom:1px solid #bbb;}
.wrap .right_contents .cart .pay .total li:first-child {border-top:1px solid #bbb;}
.wrap .right_contents .cart .pay .total li.last {background:#f4f4f4; border-bottom:2px solid #245bb8;}
.wrap .right_contents .cart .pay .total li.btn {border:0px;}
.wrap .right_contents .cart .pay .total li p.amount {float:left; width:136px; padding:15px 8px 15px 8px;}
.wrap .right_contents .cart .pay .total li p.won {float:left; width:234px; padding:15px 8px 15px 8px; text-align:right;}
.wrap .right_contents .cart .pay .total li p.won strong {color:#245bb8;}

.wrap .right_contents .cart .pay .total li .btn_order {margin:15px 0 0 0; float:right;}
.wrap .right_contents .cart .pay .total li .btn_order li {float:left; width:105px; margin:0 0 0 6px; border:0;}
.wrap .right_contents .cart .pay .total li .btn_order li a {width:105px; height:24px; display:block; background:url(../images/sub/lecture/btn_read.gif) 0 0 no-repeat;  
												color:#454545; text-decoration:none; text-align:center; font-size:13px; font-weight:bold; padding:6px 0 0 0;}
.wrap .right_contents .cart .pay .total li .btn_order li a:hover {background:url(../images/sub/lecture/btn_read.gif) 0 -30px no-repeat; color:#fff; padding:6px 0 0 0;} 

.wrap .right_contents .cart .pay .paylist {clear:both; float:left; width:340px; font-weight:bold;}
.wrap .right_contents .cart .pay .paylist li {float:left; width:340px; border-bottom:1px solid #bbb;}
.wrap .right_contents .cart .pay .paylist li:first-child {border-top:1px solid #bbb;}
.wrap .right_contents .cart .pay .paylist li:hover {background:#f4f4f4;}
.wrap .right_contents .cart .pay .paylist li p.method {float:left; width:284px; padding:8px;}
.wrap .right_contents .cart .pay .paylist li p.radio {float:left; width:24px; padding:8px;}
.wrap .right_contents .cart .pay .paylist li.account {float:left; width:320px; padding:10px; background:url(../images/sub/member/bg_step.gif);}

.wrap .right_contents .cart .margin {margin:0px;}
.wrap .right_contents .cart p.complete {width:772px; float:left; color:#454545; font-size:13px; font-weight:bold; text-align:center; margin:30px 0 0 0; padding-bottom:30px;}

.wrap .right_contents .cart .discount { border-top:1px solid #cfcfcf; border-bottom:1px solid #cfcfcf; margin-top:30px; width:712px; padding:30px;}



/****************************** Account_list ******************************/

.wrap .right_contents .mylecture .account_list {float:left;}
.wrap .right_contents .mylecture .account_list .list {float:left; width:770px; border-left:1px solid #c6d5de; border-top:1px solid #c6d5de; border-right:1px solid #c6d5de;}
.wrap .right_contents .mylecture .account_list .list li {width:770px; height:16px; border-bottom:1px solid #c6d5de; padding:10px 0 10px 0;}
.wrap .right_contents .mylecture .account_list .list li:first-child {width:770px; height:21px; background:url(../images/sub/mylecture/bg_table_tit.gif); border-bottom:1px solid #c6d5de; 
																	color:#454545; font-weight:bold; padding:7px 0 0 0;}
.wrap .right_contents .mylecture .account_list .list li p {float:left; text-align:center;}

.wrap .right_contents .mylecture .account_list .list li p.title_fir {width:245px;}
.wrap .right_contents .mylecture .account_list .list li p.title {width:225px; text-align:left; margin:0 10px 0 10px;}

.wrap .right_contents .mylecture .account_list .list li p.date {width:80px;}
.wrap .right_contents .mylecture .account_list .list li p.ea {width:71px;}
.wrap .right_contents .mylecture .account_list .list li p.sum_fir {width:110px;}
.wrap .right_contents .mylecture .account_list .list li p.sum {width:90px; text-align:right; margin:0 10px 0 10px; color:#245bb8; font-weight:bold;}
.wrap .right_contents .mylecture .account_list .list li p.state {width:99px;}
.wrap .right_contents .mylecture .account_list .list li p.pay {width:76px;}

.wrap .right_contents .mylecture .account_list .list li p.receipt {width:89px;}
.wrap .right_contents .mylecture .account_list .list li p.receipt a {width:69px; height:20px; background:url(../images/sub/mylecture/btn_register.gif) no-repeat; display:block;
																	line-height:22px; font-family:"µ¸¿ò", "µ¸¿òü"; font-size:11px; margin:-2px 0 0 10px; text-decoration:none; color:#fff;}
.wrap .right_contents .mylecture .account_list .list li p.receipt a:hover {width:69px; height:20px; background:url(../images/sub/mylecture/btn_register.gif) 0 -20px no-repeat;}



/****************************** Point Save List ******************************/

.wrap .right_contents .point_save {float:left; width:770px;}

.wrap .right_contents .point_save .list {float:left; width:770px; border-left:1px solid #c6d5de; border-top:1px solid #c6d5de; border-right:1px solid #c6d5de; margin:15px 0 0 0;}
.wrap .right_contents .point_save .list li {width:770px; border-bottom:1px solid #c6d5de; padding:10px 0 10px 0; overflow:hidden;}
.wrap .right_contents .point_save .list li:hover {background:#f4f4f4;}
.wrap .right_contents .point_save .list li:first-child {width:770px; height:21px; background:url(../images/sub/mylecture/bg_table_tit.gif); border-bottom:1px solid #c6d5de; 
																	color:#454545; font-weight:bold; padding:7px 0 0 0;}
.wrap .right_contents .point_save .list li p {float:left; text-align:center;}

.wrap .right_contents .point_save .list li p.date {width:130px;}
.wrap .right_contents .point_save .list li p.point_fir {width:98px; border-left:1px solid #c6d5de; border-right:1px solid #c6d5de;}
.wrap .right_contents .point_save .list li p.point {width:78px; text-align:right; margin:0 10px 0 10px;}
.wrap .right_contents .point_save .list li p.reason_fir {width:540px;}
.wrap .right_contents .point_save .list li p.reason {width:520px; text-align:left; margin:0 10px 0 10px;}

.wrap .right_contents .point_save .use {width:381px; float:left; margin:16px 0 0 0;}
.wrap .right_contents .point_save .use h5 span {font-family:"µ¸¿ò", "µ¸¿òü"; font-weight:bold; letter-spacing:-1px;}
.wrap .right_contents .point_save .use .bg_point {width:379px; height:150px; background:#f4f4f4 url(../images/sub/mylecture/bg_coin.png) 10px 40px no-repeat; border:1px solid #bbb;  float:left;}
.wrap .right_contents .point_save .use .bg_coupon {width:379px; height:150px; background:#f4f4f4 url(../images/sub/mylecture/bg_coupon.png) -5px 30px no-repeat; border:1px solid #bbb;  float:left;}
.wrap .right_contents .point_save .use .use_info {margin:28px 14px 0 0; float:right;}
.wrap .right_contents .point_save .use .use_info li {font-weight:bold; background:#fff url(../images/sub/sub_bullet03.gif) 130px 9px no-repeat; width:225px; height:26px; margin:0 0 10px 0;}
.wrap .right_contents .point_save .use .use_info li img {vertical-align:middle; margin:0 6px 0 0;} 
.wrap .right_contents .point_save .use .use_info li p.img {width:95px; height:26px; float:left; background:url(../images/sub/mylecture/icon_my_point.png) 0px 0px no-repeat; padding:0 0 0 40px; line-height:24px;}
.wrap .right_contents .point_save .use .use_info li p.coupon {width:95px; height:26px; float:left; background:url(../images/sub/mylecture/icon_my_coupon.png) 0px 0px no-repeat; padding:0 0 0 40px; line-height:24px;}
.wrap .right_contents .point_save .use .use_info li p.txt {width:90px; height:26px; text-align:right; float:right;}
.wrap .right_contents .point_save .use .use_info li p strong {color:#245bb8; font-weight:bold; line-height:22px; margin:0 10px 0 0;}
.wrap .right_contents .point_save .use .use_info li p span {color:#454545; line-height:22px; margin:0 10px 0 0;}

.wrap .right_contents .point_save .use01 {width:381px; float:left; margin:16px 0 0 0;}
.wrap .right_contents .point_save .use01 h5 span {font-family:"µ¸¿ò", "µ¸¿òü"; font-weight:bold; letter-spacing:-1px;}
.wrap .right_contents .point_save .use01 .bg_point01 {width:379px; height:190px; background:#f4f4f4 url(../images/sub/mylecture/bg_coin01.png) 10px 60px no-repeat; border:1px solid #bbb;  float:left;}
.wrap .right_contents .point_save .use01 .bg_coupon {width:379px; height:150px; background:#f4f4f4 url(../images/sub/mylecture/bg_coupon.png) -5px 30px no-repeat; border:1px solid #bbb;  float:left;}
.wrap .right_contents .point_save .use01 .use_info {margin:28px 14px 0 0; float:right;}
.wrap .right_contents .point_save .use01 .use_info li {font-weight:bold; background:#fff url(../images/sub/sub_bullet03.gif) 160px 9px no-repeat; width:250px; height:26px; margin:0 0 10px 0;}
.wrap .right_contents .point_save .use01 .use_info li img {vertical-align:middle; margin:0 6px 0 0;} 
.wrap .right_contents .point_save .use01 .use_info li p.img {width:110px; height:26px; float:left; background:url(../images/sub/mylecture/icon_my_point.png) 0px 0px no-repeat; padding:0 0 0 40px; line-height:24px;}
.wrap .right_contents .point_save .use01 .use_info li p.coupon {width:95px; height:26px; float:left; background:url(../images/sub/mylecture/icon_my_coupon.png) 0px 0px no-repeat; padding:0 0 0 40px; line-height:24px;}
.wrap .right_contents .point_save .use01 .use_info li p.txt {width:90px; height:26px; text-align:right; float:right;}
.wrap .right_contents .point_save .use01 .use_info li p strong {color:#245bb8; font-weight:bold; line-height:22px; margin:0 10px 0 0;}
.wrap .right_contents .point_save .use01 .use_info li p span {color:#454545; line-height:22px; margin:0 10px 0 0;}

.wrap .right_contents .point_save .check {width:381px; float:right; margin:16px 0 0 0px; position:relative;}
.wrap .right_contents .point_save .check .bg_gray {width:349px; height:100px; background:#f4f4f4; border:1px solid #bbb; float:left; padding:25px 15px 25px 15px;}
.wrap .right_contents .point_save .check .bg_gray p {float:left; width:100%; margin:5px 0 0 0; padding:10px 0 0 0; border-top:1px solid #bbb; 
													font-family:"µ¸¿ò", "µ¸¿òü"; font-size:11px; letter-spacing:-1px; line-height:16px;}
.wrap .right_contents .point_save .check .btn {width:58px; position:absolute; bottom:0; right:0; margin:0 15px 72px 0;}
.wrap .right_contents .point_save .check .btn strong a {width:58px; height:20px; float:left; background:url(../images/sub/mylecture/btn_check.gif) no-repeat; margin:3px 0 0 0; line-height:22px;
												font-family:"µ¸¿ò", "µ¸¿òü"; font-weight:bold; letter-spacing:-1px; color:#fff; text-align:center; text-decoration:none; font-size:11px;}


.wrap .right_contents .point_save .check01 {width:381px; float:right; margin:16px 0 0 0px; position:relative;}
.wrap .right_contents .point_save .check01 .bg_gray {width:349px; height:140px; background:#f4f4f4; border:1px solid #bbb; float:left; padding:25px 15px 25px 15px;}
.wrap .right_contents .point_save .check01 .bg_gray p {float:left; width:100%; margin:5px 0 0 0; padding:10px 0 0 0; border-top:1px solid #bbb; 
													font-family:"µ¸¿ò", "µ¸¿òü"; font-size:11px; letter-spacing:-1px; line-height:16px;}
.wrap .right_contents .point_save .check01 .btn {width:58px; position:absolute; bottom:0; right:0; margin:0 15px 72px 0;}
.wrap .right_contents .point_save .check01 .btn strong a {width:58px; height:20px; float:left; background:url(../images/sub/mylecture/btn_check.gif) no-repeat; margin:3px 0 0 0; line-height:22px;
												font-family:"µ¸¿ò", "µ¸¿òü"; font-weight:bold; letter-spacing:-1px; color:#fff; text-align:center; text-decoration:none; font-size:11px;}



/****************************** Coupon Keep List ******************************/

.wrap .right_contents .coupon_keep {float:left; width:770px;}

.wrap .right_contents .coupon_keep .list {float:left; width:770px; border-left:1px solid #c6d5de; border-top:1px solid #c6d5de; border-right:1px solid #c6d5de; margin:15px 0 0 0;}
.wrap .right_contents .coupon_keep .list li {width:770px; border-bottom:1px solid #c6d5de; padding:10px 0 10px 0; overflow:hidden;}
.wrap .right_contents .coupon_keep .list li:hover {background:#f4f4f4;}
.wrap .right_contents .coupon_keep .list li:first-child {width:770px; height:21px; background:url(../images/sub/mylecture/bg_table_tit.gif); border-bottom:1px solid #c6d5de; 
																	color:#454545; font-weight:bold; padding:7px 0 0 0;}
.wrap .right_contents .coupon_keep .list li p {float:left; text-align:center;}

.wrap .right_contents .coupon_keep .list li p.c_num {width:160px; padding:0 10px 0 10px;}
.wrap .right_contents .coupon_keep .list li p.c_name {width:130px; padding:0 10px 0 10px;}
.wrap .right_contents .coupon_keep .list li p.sale_p {width:100px; padding:0 10px 0 10px;}
.wrap .right_contents .coupon_keep .list li p.discount {width:100px;}
.wrap .right_contents .coupon_keep .list li p.limit {width:120px;}
.wrap .right_contents .coupon_keep .list li p.expiry {width:100px;}
.wrap .right_contents .coupon_keep .list li p.c_date {width:120px;}
.wrap .right_contents .coupon_keep .list li p.c_use {width:200px; padding:0 10px 0 10px;}



/****************************** Point Save List / Select Box ±â°£°Ë»öºÎºÐ (ÄíÆùÆäÀÌÁö¿Í ÇÔ²² ¾²ÀÓ) ******************************/

.wrap .right_contents .search_area {margin:0 0 10px 0;}
.wrap .right_contents .search_area input {width:60px;}

.wrap .right_contents .date {position:relative; top:0px; float:left;}
.wrap .right_contents .date strong a {background:#fff url(../images/sub/lecture/btn_select.gif) no-repeat 44px 2px; float:left; 
									  border:1px solid #bbb; width:60px; padding:3px; text-decoration:none; font-weight:bold;}
.wrap .right_contents .date strong a:hover {background:#fff url(../images/sub/lecture/btn_select.gif) no-repeat 44px -18px;}
.wrap .right_contents .date ul.selbox {background:#fff; border:1px solid #bbb; position:absolute; top:24px; left:0; width:60px; padding:3px; z-index:20; float:left;}
.wrap .right_contents .date ul.selbox li a {float:left; text-decoration:none; width:60px; padding:3px 0 3px 0; font-weight:bold;}
.wrap .right_contents .date ul.selbox li a:hover {float:left; background:#bbb; color:#fff;}
.wrap .right_contents .date .list {display:none;}
.wrap .right_contents .date .listview {display:block;}



/****************************** Receipt_List ******************************/

.wrap .right_contents .mylecture .receipt_list {float:left;}
.wrap .right_contents .mylecture .receipt_list .list {float:left; width:770px; border-left:1px solid #c6d5de; border-top:1px solid #c6d5de; border-right:1px solid #c6d5de;}
.wrap .right_contents .mylecture .receipt_list .list li {width:770px; height:36px; border-bottom:1px solid #c6d5de; overflow:hidden;}
.wrap .right_contents .mylecture .receipt_list .list li:first-child {width:770px; height:28px; background:url(../images/sub/mylecture/bg_table_tit.gif); border-bottom:1px solid #c6d5de; 
																	color:#454545; font-weight:bold; padding:0; line-height:8px;}

.wrap .right_contents .mylecture .receipt_list .list li p {float:left; text-align:center; padding:10px 0 10px 0;}

.wrap .right_contents .mylecture .receipt_list .list li p.r_date {width:100px;}
.wrap .right_contents .mylecture .receipt_list .list li p.r_name_fir {width:280px;}
.wrap .right_contents .mylecture .receipt_list .list li p.r_name {width:260px; padding:10px; text-align:left; background:#f4f7f8;}
.wrap .right_contents .mylecture .receipt_list .list li p.r_ea {width:50px;}
.wrap .right_contents .mylecture .receipt_list .list li p.r_price_fir {width:90px;}
.wrap .right_contents .mylecture .receipt_list .list li p.r_price {width:70px; padding:10px; text-align:right; background:#f4f7f8;}
.wrap .right_contents .mylecture .receipt_list .list li p.r_sum_fir {width:90px;}
.wrap .right_contents .mylecture .receipt_list .list li p.r_sum {width:70px; padding:10px; text-align:right; font-weight:bold; color:#245bb8;}
.wrap .right_contents .mylecture .receipt_list .list li p.r_pay {width:100px;}
.wrap .right_contents .mylecture .receipt_list .list li p.r_choice {width:50px;}

.wrap .right_contents .mylecture .print_btn {float:right; margin:15px 0 0 0;}
.wrap .right_contents .mylecture .print_btn .print {margin:0 0 0 4px; float:left;}
.wrap .right_contents .mylecture .print_btn .print a {float:left; font-family:"µ¸¿ò", "µ¸¿òü"; font-size:11px; color:#fff; padding:4px 0 0 0; letter-spacing:-1px; text-decoration:none; font-weight:bold;}
.wrap .right_contents .mylecture .print_btn a {float:left; display:block; width:103px; height:19px; line-height:19px; border:1px solid #969696; font-family:"µ¸¿ò", "µ¸¿òü"; font-size:11px; text-align:center; margin:0 2px; text-decoration:none;}

/*.wrap .right_contents .mylecture .guide_txt {float:left; width:740px; background:url(../images/sub/member/bg_step.gif); border:1px solid #e0e0e0; padding:15px; line-height:18px; margin:30px 0 0 0;}*/
.wrap .right_contents .mylecture .guide_txt {float:left; width:712px; background-color:#f8f8f8; padding:30px; line-height:18px; margin:30px 0 0 0;}



/****************************** Certificate Main ******************************/

.wrap .right_contents .certificate {float:left; width:772px;}
.wrap .right_contents .certificate .titleArea {position:relative; width:772px; height:30px; background:url('../images/sub/mylecture/certificate_title_bg.gif') 0 bottom repeat-x;}
.wrap .right_contents .certificate .titleArea h6 {height:20px; line-height:20px; padding:0 0 0 13px; margin:0; font-size:12px; color:#666; font-weight:normal; background:url('../images/sub/mylecture/icon_mylecture_arrow.gif') 0 4px no-repeat;}
.wrap .right_contents .certificate .titleArea h6 b {padding-right:10px;}
.wrap .right_contents .certificate .titleArea ul.lectureBtns {position:absolute; width:214px; top:-5px; right:0;}
.wrap .right_contents .certificate .titleArea ul.lectureBtns:after {content:""; display:block; clear:both;}
.wrap .right_contents .certificate .titleArea ul.lectureBtns li {float:right; padding-left:7px; width:100px; height:27px;}
.wrap .right_contents .certificate .titleArea ul.lectureBtns li a {display:block; width:100px; height:27px; line-height:27px; background-color:#969696; font-weight:600; text-align:center; color:#fff; padding:0; margin:0; border:0;}
.wrap .right_contents .certificate .titleArea ul.lectureBtns li a:hover {border:none; width:100px; height:27px; line-height:27px; background-color:#555; padding:0; margin:0;}
.wrap .right_contents .certificate .titleArea ul.lectureBtns li a.borderStyle,
.wrap .right_contents .certificate .titleArea ul.lectureBtns li a.borderStyle:hover {width:70px; height:25px; padding-left:25px; line-height:25px; background-color:#fff; color:#969696; border:1px solid #ababab; font-size:14px;}
.wrap .right_contents .certificate .titleArea ul.lectureBtns li a.print {background:url(../images/sub/mylecture/icon_print.gif) no-repeat 10px 5px;}
.wrap .right_contents .certificate .titleArea ul.lectureBtns li a.question {background:url(../images/sub/mylecture/icon_question.gif) no-repeat 10px 5px;}
.wrap .right_contents .certificate .titleArea ul.lectureBtns li a.listGo {background:url(../images/sub/mylecture/icon_listgo.gif) no-repeat 13px 4px;}
.wrap .right_contents .certificate h5 {margin-top:3px; font-weight:normal;}
.wrap .right_contents .certificate ul.lectureTab {position:absolute; width:195px; top:0; right:0;}
.wrap .right_contents .certificate ul.lectureTab:after {content:""; display:block; clear:both;}
.wrap .right_contents .certificate ul.lectureTab li {float:left; width:60px; height:21px; margin-left:5px;}
.wrap .right_contents .certificate ul.lectureTab li a {display:block; width:58px; height:19px; line-height:19px; border:1px solid #4274ca; padding:0; margin:0; font-weight:normal; color:#4274ca;}
.wrap .right_contents .certificate ul.lectureTab li:hover,
.wrap .right_contents .certificate ul.lectureTab li.on {height:26px; background:url('../images/sub/mylecture/tab_bottom_arrow.gif') center bottom no-repeat;}
.wrap .right_contents .certificate ul.lectureTab li:hover a,
.wrap .right_contents .certificate ul.lectureTab li.on a {display:block; width:60px; height:21px; line-height:21px; border:0; color:#fff; background-color:#4274ca; padding:0; margin:0; font-weight:normal;}
.wrap .right_contents .certificate .lectureControl {position:relative; width:735px; height:181px; padding-left:35px; margin:7px 0 35px; border:1px solid #d7d7d7;}
.wrap .right_contents .certificate .lectureControl h6 {font-size:24px; color:#4274ca; padding:24px 0 5px; background:none;}
.wrap .right_contents .certificate .lectureControl p {width:320px; height:30px; line-height:30px; padding-left:10px; background:url('../images/sub/mylecture/icon_square.gif') 0 12px no-repeat;}
.wrap .right_contents .certificate .lectureControl a {display:block; width:165px; height:20px; line-height:20px; border:1px solid #969696; text-align:center; text-decoration:none; margin:10px 0 0 10px ;}
.wrap .right_contents .certificate .lectureControl .mySituation {position:absolute; top:24px; right:26px; width:315px; height:131px; padding:0 30px; background:url('../images/sub/mylecture/mySituation_bg.gif') no-repeat;}
.wrap .right_contents .certificate .lectureControl .mySituation:after {content:""; display:block; clear:both;}
.wrap .right_contents .certificate .lectureControl .mySituation li {float:left;}
.wrap .right_contents .certificate .lectureControl .mySituation li span {display:block; width:106px; height:21px; line-height:21px; margin:0 auto; color:#fff; font-size:12px; font-weight:normal;}
.wrap .right_contents .certificate .lectureControl .mySituation li.part1 {width:300px; height:30px; line-height:30px; margin-top:10px; padding-left:15px; border-bottom:1px solid #d3e0f3; background:url('../images/sub/mylecture/icon_square.gif') 0 12px no-repeat;}
.wrap .right_contents .certificate .lectureControl .mySituation li.part2 {width:156px; height:55px; line-height:45px; padding:0; margin-top:13px; border-right:1px solid #d3e0f3; text-align:center; font-size:15px; font-weight:600;}
.wrap .right_contents .certificate .lectureControl .mySituation li.part2 span {background:url('../images/sub/mylecture/mySituation_c.png') no-repeat;}
.wrap .right_contents .certificate .lectureControl .mySituation li.part3 {width:158px; height:55px; line-height:45px; padding:0; margin-top:13px; text-align:center; font-size:15px; font-weight:600;}
.wrap .right_contents .certificate .lectureControl .mySituation li.part3 span {background:url('../images/sub/mylecture/mySituation_c.png') 0 -21px no-repeat;}
.wrap .right_contents .certificate .attendTable {width:772px; border-collapse:collapse; border-top:2px solid #4274ca;}
.wrap .right_contents .certificate .attendTable th {height:25px; background:url('../images/sub/mylecture/attendTable_th.gif') no-repeat; color:#2058b9;}
.wrap .right_contents .certificate .attendTable th.first {background:url('../images/sub/mylecture/attendTable_th.gif') center 0 no-repeat;}
.wrap .right_contents .certificate .attendTable tr.icon td {text-align:center;}
.wrap .right_contents .certificate .attendTable td {border-bottom:1px solid #d7d7d7; height:45px; border-right:1px dashed #d7d7d7;}
.wrap .right_contents .certificate .attendTable td.first {border-right:1px solid #d7d7d7; text-align:center;}
.wrap .right_contents .certificate .attendTable td.solidLine {border-right:1px solid #d7d7d7;}
.wrap .right_contents .certificate .attendTable td.last {border-right:0; text-align:center;}
.wrap .right_contents .certificate .attendTable td.last span {color:#ea3d00;}


.wrap .right_contents .certificate .coupon {float:left; width:772px;}
.wrap .right_contents .certificate .partner {float:left; width:772px;}

.wrap .right_contents .certificate ul {float:left; width:100%;}
.wrap .right_contents .certificate ul li {float:left; width:193px; height:193px;}
.wrap .right_contents .certificate ul li a {float:left; width:153px; height:153px; border:1px solid #bbb; text-align:center; padding:15px; font-size:13px; font-weight:bold; text-decoration:none;}
.wrap .right_contents .certificate ul li a:hover {background:#f4f4f4; color:#245bb8; border:1px solid #245bb8;}
.wrap .right_contents .certificate ul li a img {display:block; margin:0 auto; margin-top:15px; margin-bottom:15px;}

.wrap .right_contents .certificate .info {float:left; width:772px; margin:30px 0 0 0;}
/*.wrap .right_contents .certificate .info ol {float:left; width:740px; background:url(../images/sub/member/bg_step.gif); padding:15px; border:1px solid #e0e0e0;}*/
.wrap .right_contents .certificate .info ol {float:left; width:742px; background-color:#f8f8f8; padding:15px;}
.wrap .right_contents .certificate .info ol li {float:left; width:725px; padding:2px 0 2px 0; margin:0 0 0 15px; line-height:20px;}
.wrap .right_contents .certificate .info ol li span {color:#3e3e3e; font-weight:bold;}

.wrap .right_contents .certificate .list ol {float:left; width:580px; padding:2px; border:0px }
.wrap .right_contents .certificate .list ol li {float:left; width:570px; padding:2px 0 2px 0; margin:0 0 0 15px; line-height:20px;}
.wrap .right_contents .certificate .list ol li span {color:#3e3e3e; font-weight:bold;}

.wrap .right_contents .certificate .coupon_num {float:left; width:740px; padding:15px; margin:0; border:1px solid #bbb;}
.wrap .right_contents .certificate .coupon_num strong {display:block; width:100%; font-size:17px; text-align:center; margin:0 0 15px 0; padding:8px 0 8px 0; 
														background:url(../images/sub/member/bg_step.gif); border-top:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0;}
.wrap .right_contents .certificate .coupon_num .center {margin:0 0 0 60px;}
.wrap .right_contents .certificate .coupon_num .center p {float:left; margin:8px 8px 0 0;}		
.wrap .right_contents .certificate .coupon_num .center p input {width:100px;}										
.wrap .right_contents .certificate .coupon_num .center .register {margin:9px 0 0 0; float:left;}
.wrap .right_contents .certificate .coupon_num .center .register a {float:left; font-family:"µ¸¿ò", "µ¸¿òü"; font-size:11px; color:#fff; padding:4px 0 0 0; letter-spacing:-1px; text-decoration:none; font-weight:bold;}
.wrap .right_contents .certificate .coupon_num p input {width:100px; height:26px; line-height:28px; text-align:center; border:1px solid #cfcfcf;}
.wrap .right_contents .certificate .coupon_num p input.btn {border:none;}


/****************************** Package ******************************/

.wrap .right_contents .package {width:772px; float:left; position:relative;}
/*.wrap .right_contents .package img {float:left;}*/
.wrap .right_contents .package p {float:left; width:38px;}
.wrap .right_contents .package .package_jap {width:28px;}
.wrap .right_contents .package p a img {float:left; margin:0px;}
.wrap .right_contents .package .btn_eng a {width:230px; height:35px; position:absolute; bottom:110px; right:143px; background:url(../images/blank.gif);}
.wrap .right_contents .package .btn_newwaku a {width:191px; height:44px; position:absolute; bottom:33px; right:327px; background:url(../images/blank.gif);}
.wrap .right_contents .package a img {float:right; margin:10px 103px 0 0;}
.wrap .right_contents .package a.buynow img {float:left; margin:0;}



/****************************** G-Pass ******************************/

.wrap .right_contents .gpass {width:772px; float:left;}
.wrap .right_contents .gpass p {float:left;}
.wrap .right_contents .gpass p img {float:left;}
.wrap .right_contents .gpass .textArea {clear:both; width:712px; padding:0 30px 20px; background-color:#f8f8f8;}
.wrap .right_contents .gpass .textArea h6 {clear:both; height:20px; background: url(../images/sub/sub_bullet02.gif) 0 25px no-repeat; color: #245bb8; font-weight: bold; padding:20px 0 0 8px; margin:0;}



/****************************** Freezone ******************************/

.wrap .right_contents .freezone {width:772px; float:left;}

.wrap .right_contents .freezone .zone_left {width:572px; float:left;}
.wrap .right_contents .freezone .zone_left .bg {width:570px; float:left; border:1px solid #d7d7d7; font-family:"µ¸¿ò", "µ¸¿òü"; margin:0 0 10px 0; position:relative; z-index:1;}
.wrap .right_contents .freezone .zone_left .en {background:url(../images/sub/freezone/bg_eng.gif) no-repeat;}
.wrap .right_contents .freezone .zone_left .ja {background:url(../images/sub/freezone/bg_jap.gif) no-repeat;}
.wrap .right_contents .freezone .zone_left .ch {background:url(../images/sub/freezone/bg_chi.gif) no-repeat;}
.wrap .right_contents .freezone .zone_left .bg .txt {width:453px; float:right; background-color:#f8f8f8; padding:30px 15px 30px 0; overflow:hidden;}
.wrap .right_contents .freezone .zone_left .bg .txt p {height:31px; border-top:1px solid #bababa; border-bottom:3px solid #bababa; float:left; background-color:#fff; line-height:32px; color:#245bb8; font-weight:bold;}
.wrap .right_contents .freezone .zone_left .bg .txt span {width:18px; height:35px; float:left; background:url(../images/sub/freezone/speech_right.png) no-repeat;}
.wrap .right_contents .freezone .zone_left .bg .txt div {width:398px; float:left; margin:15px 15px 0 15px; padding:15px 20px 0 20px; background:url(../images/sub/freezone/line_w.gif) repeat-x;}
.wrap .right_contents .freezone .zone_left .bg .txt div strong {color:#245bb8;}
.wrap .right_contents .freezone .zone_left .bg .txt div em {text-decoration:none; font-weight:bold;}
.wrap .right_contents .freezone .zone_left .bg a.btn {float:right; position:absolute; bottom:15px; right:10px; z-index:50;}

.wrap .right_contents .freezone .zone_left .vividity {width:570px; float:left; border:1px solid #8fb5f6; background:url(../images/sub/freezone/bg_vividity.png) 0 15px no-repeat; padding:0 0 30px 0;}
.wrap .right_contents .freezone .zone_left .vividity strong {width:419px; float:left; font-size:18px; margin:30px 0 0 136px;}
.wrap .right_contents .freezone .zone_left .vividity em {width:419px; float:left; margin:0 0 0 136px; position:relative;}
.wrap .right_contents .freezone .zone_left .vividity a {float:right; padding:5px 0 5px 5px; position:relative; top:-100px; left:-15px;}
.wrap .right_contents .freezone .zone_left .vividity p {width:419px; float:left; border-top:1px solid #245bb8; font-family:"µ¸¿ò", "µ¸¿òü"; padding:10px 0 0 0; margin:10px 0 0 136px;}
.wrap .right_contents .freezone .zone_left .vividity span {color:#245bb8; font-weight:bold;}

.wrap .right_contents .freezone .zone_right {width:190px; float:right;}
.wrap .right_contents .freezone .zone_right a img {float:left;}
.wrap .right_contents .freezone .zone_right div {width:158px; float:left; border:1px solid #d7d7d7; padding:15px; margin:10px 0 0 0;}
.wrap .right_contents .freezone .zone_right div strong {width:159px; font-size:15px; color:#454545; float:left; line-height:18px;}
.wrap .right_contents .freezone .zone_right div ol.today {width:159px; background:url(../images/sub/line_w.gif) repeat-x; float:left; margin:10px 0 0 0; padding:12px 0 0 0; list-style:none;}
.wrap .right_contents .freezone .zone_right div ol.today li {width:137px; float:left; padding:10px 11px 10px 11px; margin:10px 0 0 0; font-family:"µ¸¿ò", "µ¸¿òü"; background-color:#f8f8f8;}
.wrap .right_contents .freezone .zone_right div ol.today li:first-child {margin:0;}
.wrap .right_contents .freezone .zone_right div ol.today li span {width:41px; height:14px; background:#fff; float:left; color:#ff7540; font-size:11px; padding:2px 0 0 0; font-weight:bold; text-align:center; letter-spacing:-1px; border:1px solid #ff7540;}
.wrap .right_contents .freezone .zone_right div ol.today li a {width:139px; background:url(../images/sub/sub_bullet03.gif) 0 9px no-repeat; float:left; padding:5px 0 0 9px; text-decoration:none;}

.wrap .right_contents .freezone .zone_right .mail {height:205px; background:url(../images/sub/freezone/bg_mail.png) center bottom no-repeat;}
.wrap .right_contents .freezone .zone_right .mail p {width:159px; background:url(../images/sub/line_w.gif) repeat-x; float:left; margin:10px 0 20px 0; padding:10px 0 0 0; letter-spacing:-1px;}
.wrap .right_contents .freezone .zone_right .mail a.btn {width:155px; height:30px; line-height:26px; float:left; background-color:#ff7540; text-align:center; color:#fff; font-weight:600; font-size:15px; text-decoration:none; padding:5px 0 0 0; margin:0 auto;}



/****************************** Freezone List ******************************/

.wrap .right_contents .freezone_list {float:left; width:772px;}
.wrap .right_contents .freezone_list h6 {clear:both; float:left; margin:0 0 15px 15px;}

.wrap .right_contents .freezone_list .zone_list {float:left;}
.wrap .right_contents .freezone_list .zone_list .list {width:770px;}
.wrap .right_contents .freezone_list .zone_list .list li {float:left; width:770px; border-bottom:1px solid #c6d5de; padding:10px 0 10px 0;}
.wrap .right_contents .freezone_list .zone_list .list li:hover {background:#f4f4f4;}
.wrap .right_contents .freezone_list .zone_list .list li:first-child {width:770px; height:20px; background:#fff url(../images/sub/mylecture/bg_table_tit.gif); border-left:1px solid #c6d5de; border-top:1px solid #c6d5de; border-right:1px solid #c6d5de; color:#454545; font-weight:bold; padding:7px 0 0 0;}

.wrap .right_contents .freezone_list .zone_list .list li p {float:left; text-align:center;}
.wrap .right_contents .freezone_list .zone_list .list li p.num {width:60px;}
.wrap .right_contents .freezone_list .zone_list .list li p.title_fir {width:610px;}
.wrap .right_contents .freezone_list .zone_list .list li p.title {width:590px; padding:0 10px 0 10px; text-align:left; display:block;}
.wrap .right_contents .freezone_list .zone_list .list li p.title a {text-decoration:none;}
.wrap .right_contents .freezone_list .zone_list .list li p.title a:hover {color:#245bb8;}
.wrap .right_contents .freezone_list .zone_list .list li p.views {width:100px;}

.wrap .right_contents .freezone_list .zone_list .list li p.views span {float:left; margin:0 0 0 6px;}
.wrap .right_contents .freezone_list .zone_list .list li p.views span a {width:69px; height:20px; background:url(../images/sub/mylecture/btn_register.gif) no-repeat; display:block; line-height:22px; font-family:"µ¸¿ò", "µ¸¿òü"; font-weight:bold; font-size:11px; color:#fff; margin:-2px 0 0 10px; text-decoration:none;}



/****************************** Freezone View ******************************/

.wrap .right_contents .freezone_view {float:left; width:772px;}
.wrap .right_contents .freezone_view h6 {clear:both; float:left; margin:0 0 15px 13px; background:none;}

.wrap .right_contents .freezone_view div.title {clear:both; display:block; padding:22px; border:1px solid #d7d7d7; font-size:13px; font-weight:bold; color:#ff6600;}

.wrap .right_contents .freezone_view p {display:block; padding:15px; margin:5px 0 0 0; line-height:22px;}
.wrap .right_contents .freezone_view p.text {border:1px solid #d7d7d7; font-weight:bold; padding:23px 25px;}
.wrap .right_contents .freezone_view p.text strong {color:#245bb8;}
.wrap .right_contents .freezone_view p.text span {display:block; border-top:1px solid #d7d7d7; padding:15px 0 0 0; margin:15px 0 0 0; font-weight:normal;}
.wrap .right_contents .freezone_view p.text span em {display:block; width:45px; height:16px; color:#245bb8; border:1px solid #245bb8; font-family:"µ¸¿ò", "µ¸¿òü"; font-size:11px; text-align:center; line-height:18px; margin-bottom:12px;}
													
.wrap .right_contents .freezone_view p.screen {float:left; width:535px; padding:15px; margin:5px 5px 5px 0;}
.wrap .right_contents .freezone_view img.img_right {float:left; width:200px; margin:5px 0 0 0;}
													
.wrap .right_contents .freezone_view p.tip {clear:both; border:1px solid #d7d7d7; background:#f8f8f8; padding:20px 25px;}
.wrap .right_contents .freezone_view p.tip em {display:block; width:45px; height:16px; color:#ff7540; border:1px solid #ff7540; background-color:#fff; font-family:"µ¸¿ò", "µ¸¿òü"; font-size:11px; text-align:center; line-height:18px; margin-bottom:12px;}

.wrap .right_contents .freezone_view div.btn {float:right;}
.wrap .right_contents .freezone_view div.btn span {color:#fff; font-family:"µ¸¿ò", "µ¸¿òü"; font-weight:bold; letter-spacing:-1px; font-size:11px; line-height:18px;}
.wrap .right_contents .freezone_view div.btn span a {float:left; display:block; width:105px; height:30px; color:#fff; line-height:30px; font-size:15px; text-align:center; margin-left:7px; margin-top:20px; background-color:#777;}
.wrap .right_contents .freezone_view div.btn span a:hover {background-color:#555;}

.wrap .right_contents .freezone_view ul {float:left; width:772px; border-top:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7; margin:30px 0 0 0;}
.wrap .right_contents .freezone_view ul li {border-top:1px dotted #bbb; padding:0 0 0 50px; height:38px; line-height:38px; font-size:12px; font-weight:bold;}
.wrap .right_contents .freezone_view ul li.next {background:url(../images/sub/arrow_pre.png) 25px 15px no-repeat;}
.wrap .right_contents .freezone_view ul li.next:hover {background:#f4f4f4 url(../images/sub/arrow_pre.png) 25px 16px no-repeat;}
.wrap .right_contents .freezone_view ul li.prev {background:url(../images/sub/arrow_next.png) 25px 16px no-repeat;}
.wrap .right_contents .freezone_view ul li.prev:hover {background:#f4f4f4 url(../images/sub/arrow_next.png) 25px 17px no-repeat;}
.wrap .right_contents .freezone_view ul li:first-child {border:0;}
.wrap .right_contents .freezone_view ul li span {display:inline-block; font-weight:normal; padding-left:30px; background:url(../images/sub/table_content_line.gif) 14px 15px no-repeat;}
.wrap .right_contents .freezone_view ul li a {display:inline-block; text-decoration:none; font-weight:normal;}
.wrap .right_contents .freezone_view ul li a:hover {color:#245bb8;}


/****************************** Curio List ******************************/


.wrap .right_contents .curio_list {float:left; width:772px;}
.wrap .right_contents .curio_list h6 {clear:both; float:left; margin:0 0 15px 15px;}

.wrap .right_contents .curio_list .c_list {float:left;}
.wrap .right_contents .curio_list .c_list .list {width:770px; border-left:1px solid #c6d5de; border-top:1px solid #c6d5de; border-right:1px solid #c6d5de;}
.wrap .right_contents .curio_list .c_list .list li {float:left; width:770px; border-bottom:1px solid #c6d5de; padding:10px 0 10px 0;}
.wrap .right_contents .curio_list .c_list .list li:hover {background:#f4f4f4;}
.wrap .right_contents .curio_list .c_list .list li:first-child {width:770px; height:20px; background:#fff url(../images/sub/mylecture/bg_table_tit.gif); border-bottom:1px solid #c6d5de; color:#454545; font-weight:bold; padding:7px 0 0 0;}

.wrap .right_contents .curio_list .c_list .list li p {float:left; text-align:center;}
.wrap .right_contents .curio_list .c_list .list li p.num {width:60px;}
.wrap .right_contents .curio_list .c_list .list li p.cate {width:100px;}
.wrap .right_contents .curio_list .c_list .list li p.title_fir {width:510px;}
.wrap .right_contents .curio_list .c_list .list li p.title {width:490px; padding:0 10px 0 10px; text-align:left; display:block;}
.wrap .right_contents .curio_list .c_list .list li p.title a {text-decoration:none;}
.wrap .right_contents .curio_list .c_list .list li p.title a:hover {color:#245bb8;}
.wrap .right_contents .curio_list .c_list .list li p.name {width:100px;}

.wrap .right_contents .curio_list div.btn {float:left; position:relative; top:-5px; left:10px;}
.wrap .right_contents .curio_list div.btn span {color:#fff; font-family:"µ¸¿ò", "µ¸¿òü"; font-weight:bold; letter-spacing:-1px; font-size:11px; line-height:18px;}
.wrap .right_contents .curio_list div.btn span a {width:69px; height:20px; background:url(../images/sub/mylecture/btn_register.gif) no-repeat; float:left; text-align:center; color:#fff; font-family:"µ¸¿ò", "µ¸¿òü"; line-height:22px; font-size:11px; margin:15px 0 0 6px;}
.wrap .right_contents .curio_list div.btn span a:hover {background:url(../images/sub/mylecture/btn_register.gif) 0 -20px no-repeat;}


/****************************** Curio View ******************************/

.wrap .right_contents #click {float:left; display:none; margin:15px 0 0 0;}

/****************************** Select Box / Curio View ******************************/

.wrap .right_contents .curio_select {position:relative; top:0px; float:right;}
.wrap .right_contents .curio_select strong a {background:url(../images/sub/lecture/btn_select.gif) no-repeat 54px 2px; float:left; border:1px solid #bbb; width:70px; padding:3px; text-decoration:none; font-weight:bold;}
.wrap .right_contents .curio_select strong a:hover {background:url(../images/sub/lecture/btn_select.gif) no-repeat 54px -18px;}
.wrap .right_contents .curio_select ul.selbox {background:#f4f4f4; border:1px solid #bbb; position:absolute; top:24px; left:0; width:70px; padding:3px; z-index:20; float:left;}
.wrap .right_contents .curio_select ul.selbox li a {float:left; text-decoration:none; width:70px; padding:3px 0 3px 0; font-weight:bold;}
.wrap .right_contents .curio_select ul.selbox li a:hover {float:left; background:#bbb; color:#fff;}
.wrap .right_contents .curio_select .list {display:none;}
.wrap .right_contents .curio_select .listview {display:block;}



/****************************** Three View ******************************/

.wrap .right_contents .three_view {width:772px; float:left;}

.wrap .right_contents .three_view .bg {width:770px; float:left; border:1px solid #d7d7d7; font-family:"µ¸¿ò", "µ¸¿òü"; margin:10px 0 0 0; position:relative; z-index:1;}
.wrap .right_contents .three_view .en {background:url(../images/sub/freezone/bg_eng.gif) no-repeat;}
.wrap .right_contents .three_view .ja {background:url(../images/sub/freezone/bg_jap.gif) no-repeat;}
.wrap .right_contents .three_view .ch {background:url(../images/sub/freezone/bg_chi.gif) no-repeat;}
.wrap .right_contents .three_view .bg .txt {width:653px; float:right; background-color:#f8f8f8; padding:30px 15px 30px 0; overflow:hidden;}
.wrap .right_contents .three_view .bg .txt p {height:31px; border-top:1px solid #bababa; border-bottom:3px solid #bababa; float:left; background-color:#fff; line-height:32px; color:#245bb8; font-weight:bold;}
.wrap .right_contents .three_view .bg .txt span {width:18px; height:35px; float:left; background:url(../images/sub/freezone/speech_right.png) no-repeat;}

.wrap .right_contents .three_view .bg .txt div {width:598px; float:left; margin:15px 15px 0 15px; padding:15px 20px 0 20px; background:url(../images/sub/freezone/line_w.gif) repeat-x;}
.wrap .right_contents .three_view .bg .txt div h6 {width:41px; background:url(../images/sub/txt_bg_orange.gif) no-repeat; padding:1px 0 0 0; color:#fff; text-align:center;}
.wrap .right_contents .three_view .bg .txt div strong {color:#245bb8;}
.wrap .right_contents .three_view .bg .txt div em {text-decoration:none; font-weight:bold;}

.wrap .right_contents .three_view .bg a.btn {float:right; position:absolute; bottom:0px; right:0px; z-index:50;}



/****************************** Customer ******************************/

.wrap .right_contents .customer {width:772px; float:left;}

.wrap .right_contents .customer .cus_left {width:572px; float:left;}

.wrap .right_contents .customer .cus_left .faq_10 {float:left; position:relative; margin:0 0 30px 0;}
.wrap .right_contents .customer .cus_left .faq_10 ol {width:572px; float:left; list-style-position:inside;}
.wrap .right_contents .customer .cus_left .faq_10 ol li {border-bottom:1px solid #d7d7d7; padding:8px;}
.wrap .right_contents .customer .cus_left .faq_10 ol li:first-child {border-top:1px solid #d7d7d7;}
.wrap .right_contents .customer .cus_left .faq_10 ol li:hover a {color:#000;}
.wrap .right_contents .customer .cus_left .faq_10 ol li a {text-decoration:none;}
.wrap .right_contents .customer .cus_left .faq_10 .faq_more {position:absolute; top:0px; right:0px;}
.wrap .right_contents .customer .cus_left .faq_10 .faq_more a {display:block; padding:6px;}

.wrap .right_contents .customer .cus_left .guide {float:left;}
.wrap .right_contents .customer .cus_left .guide ul {float:left;}
.wrap .right_contents .customer .cus_left .guide ul .choice {width:133px; height:133px; float:left; border:1px solid #d7d7d7; overflow:hidden; position:relative; margin:0 0 0 10px;}
.wrap .right_contents .customer .cus_left .guide ul .choice:first-child {margin:0px;}
.wrap .right_contents .customer .cus_left .guide ul .choice a {display:block; text-decoration:none;}
.wrap .right_contents .customer .cus_left .guide ul .choice dl {width:135px; height:270px;}
.wrap .right_contents .customer .cus_left .guide ul .choice dl dt {width:135px; height:135px;}
.wrap .right_contents .customer .cus_left .guide ul .choice dl dd {width:105px; height:105px; background:#f4f4f4; padding:15px; font-family:"µ¸¿ò", "µ¸¿òü"; line-height:16px;}

.wrap .right_contents .customer .cus_right {width:190px; float:right;}

.wrap .right_contents .customer .cus_right div {width:158px; float:left; border:1px solid #d7d7d7; padding:15px; background:#f8f8f8; position:relative; margin:0 0 10px 0;}
.wrap .right_contents .customer .cus_right div h5 {width:158px; padding:0 0 10px 0; background:url(../images/sub/line_w.gif) 0 25px repeat-x;}
.wrap .right_contents .customer .cus_right div ul li:hover {background:#eaeaea;}
.wrap .right_contents .customer .cus_right div p {position:absolute; top:15px; right:9px;}
.wrap .right_contents .customer .cus_right div p a {display:block; padding:6px;}

.wrap .right_contents .customer .cus_right .notice ul {width:158px; float:left;}
.wrap .right_contents .customer .cus_right .notice ul li {display:block; height:12px; padding:5px 0 5px 0; overflow:hidden; line-height:15px;}
.wrap .right_contents .customer .cus_right .notice ul li a {display:block; text-decoration:none; padding:0 0 0 7px; background:url(../images/main/notice_bullet.gif) 0 6px no-repeat; color:#666;}
.wrap .right_contents .customer .cus_right .notice ul li a:hover {color:#3e3e3e;}

.wrap .right_contents .customer .cus_right .event ul {width:158px; float:left;}
.wrap .right_contents .customer .cus_right .event ul li {display:block; padding:5px 0 5px 0; line-height:16px;}
.wrap .right_contents .customer .cus_right .event ul li a {display:block; text-decoration:none; padding:0 0 0 7px; background:url(../images/main/notice_bullet.gif) 0 6px no-repeat; color:#666; font-weight:bold;}
.wrap .right_contents .customer .cus_right .event ul li a:hover {color:#3e3e3e;}
.wrap .right_contents .customer .cus_right .event ul li span {display:block; color:#ff7540; padding:3px 0 0 7px;}

.wrap .right_contents .customer .cus_right .inquiry {float:left; height:108px; background:#f8f8f8 url(../images/sub/customer/bg_inquiry_off.png) 125px 75px no-repeat;}
.wrap .right_contents .customer .cus_right .inquiry:hover {background:#f8f8f8 url(../images/sub/customer/bg_inquiry_on.png) 120px 80px no-repeat;}
.wrap .right_contents .customer .cus_right .inquiry span {float:left; line-height:16px; width:100%;}
.wrap .right_contents .customer .cus_right .inquiry span a {display:block; text-decoration:none;}
.wrap .right_contents .customer .cus_right .inquiry span a:hover {color:#245bb8;}



/****************************** Notice List ******************************/

.wrap .right_contents .notice_list {float:left; width:770px;}

.wrap .right_contents .notice_list .list {float:left; width:770px; border-left:1px solid #c6d5de; border-top:1px solid #c6d5de; border-right:1px solid #c6d5de;}
.wrap .right_contents .notice_list .list li {width:770px; border-bottom:1px solid #c6d5de; padding:10px 0 10px 0; overflow:hidden;}
.wrap .right_contents .notice_list .list li:hover {background:#f4f4f4;}
.wrap .right_contents .notice_list .list li:first-child {width:770px; height:21px; background:url(../images/sub/mylecture/bg_table_tit.gif); border-bottom:1px solid #c6d5de; 
																	color:#454545; font-weight:bold; padding:7px 0 0 0;}
.wrap .right_contents .notice_list .list li p {float:left; text-align:center;}

.wrap .right_contents .notice_list .list li p.n_num {width:80px;}
.wrap .right_contents .notice_list .list li p.n_title_fir {width:568px; border-right:1px solid #c6d5de; border-left:1px solid #c6d5de;}
.wrap .right_contents .notice_list .list li p.n_title {width:530px; padding:0 20px 0 20px; text-align:left;}
.wrap .right_contents .notice_list .list li p.n_title a {display:block; text-decoration:none;}
.wrap .right_contents .notice_list .list li p.n_title strong {color:#245bb8;}
.wrap .right_contents .notice_list .list li p.n_date {width:120px;}


/******************************ÇнÀÀÚ·á½Ç****************************************/

.wrap .right_contents .notice_list .list li p.l_num {width:80px;}
.wrap .right_contents .notice_list .list li p.l_title_fir {width:468px; border-right:1px solid #c6d5de; border-left:1px solid #c6d5de;}
.wrap .right_contents .notice_list .list li p.l_title {width:430px; padding:0 20px 0 20px; text-align:left;}
.wrap .right_contents .notice_list .list li p.l_title a {display:block; text-decoration:none;}
.wrap .right_contents .notice_list .list li p.l_title strong {color:#245bb8;}
.wrap .right_contents .notice_list .list li p.l_date {width:120px;}
.wrap .right_contents .notice_list .list li p.l_down {width:100px;}
.wrap .right_contents .notice_list .list li p.l_down a {width:69px; height:22px; background:url(../images/sub/mylecture/icon_down.gif) no-repeat 22px 0; display:block; text-indent:-9999px;
														line-height:22px; font-size:11px; margin:-2px 0 0 15px; text-decoration:none;}
														

.library_search {text-align:center; height:24px; line-height:24px; padding:10px 0 0 0;}
.library_search input {line-height:20px; height:20px; border:#ccc 1px solid; width:240px;}
.library_search select {width:80px; line-height:24px; height:24px; border:#ccc 1px solid;}
.library_search input.ico_s { width:43px; height:24px; line-height:24px; border:none;}



/****************************** Event List ******************************/

.wrap .right_contents .event_list {float:left; width:770px;}

.wrap .right_contents .event_list .list {float:left; width:770px; border-left:1px solid #c6d5de; border-top:1px solid #c6d5de; border-right:1px solid #c6d5de;}
.wrap .right_contents .event_list .list li {width:770px; border-bottom:1px solid #c6d5de; padding:10px 0 10px 0; overflow:hidden;}
.wrap .right_contents .event_list .list li:hover {background:#f4f4f4;}
.wrap .right_contents .event_list .list li:first-child {width:770px; height:21px; background:url(../images/sub/mylecture/bg_table_tit.gif); border-bottom:1px solid #c6d5de; 
																	color:#454545; font-weight:bold; padding:7px 0 0 0;}
.wrap .right_contents .event_list .list li p {float:left; text-align:center;}

.wrap .right_contents .event_list .list li p.n_num {width:80px;}
.wrap .right_contents .event_list .list li p.n_title_fir {width:468px; border-right:1px solid #c6d5de; border-left:1px solid #c6d5de;}
.wrap .right_contents .event_list .list li p.n_title {width:430px; padding:0 20px 0 20px; text-align:left;}
.wrap .right_contents .event_list .list li p.n_title a {display:block; text-decoration:none;}
.wrap .right_contents .event_list .list li p.n_title strong {color:#245bb8;}
.wrap .right_contents .event_list .list li p.n_date {width:220px;}



/****************************** Use Guide1 ******************************/

.wrap .right_contents .use_guide1 {float:left; width:772px;}
.wrap .right_contents .use_guide1 h5 {float:none;}
.wrap .right_contents .use_guide1 h6 {padding:5px 17px; border:1px solid #d7d7d7; background:#f8f8f8 none; font-weight:bold; font-size:13px; color:#515151;}

.wrap .right_contents .use_guide1 ul.depth_01 {float:left; width:100%;}
.wrap .right_contents .use_guide1 ul.depth_01 li.category {float:left; margin:0 0 0 10px;}
.wrap .right_contents .use_guide1 ul.depth_01 li.category:first-child {margin:0;}
.wrap .right_contents .use_guide1 ul.depth_01 li.category ul {float:left; width:185px;}
.wrap .right_contents .use_guide1 ul.depth_01 li.category ul li {display:block; padding:5px 8px 5px 20px; border-bottom:1px dotted #bbb; background:url(../images/sub/sub_bullet03.gif) 10px 9px no-repeat;}
.wrap .right_contents .use_guide1 ul.depth_01 li.category strong {display:block; width:165px; padding:10px; background:#f4f4f4; border-top:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0;}

.wrap .right_contents .use_guide1 p {display:block; width:712px; padding:15px 30px; background-color:#f8f8f8; line-height:22px;}
.wrap .right_contents .use_guide1 p span {display:block; color:#245bb8; font-weight:bold;}

.wrap .right_contents .use_guide1 .normal {float:left;}
.wrap .right_contents .use_guide1 .margin_left_10 {float:left; margin:0 0 0 10px;}



/****************************** Use Guide2_1 ******************************/

.wrap .right_contents .use_guide2_1 {float:left; width:772px;}
.wrap .right_contents .use_guide2_1 h5 {float:none;}
.wrap .right_contents .use_guide2_1 h6 {margin:20px 0 5px 15px;}

.wrap .right_contents .use_guide2_1 .bg {background-color:#f8f8f8; line-height:22px;}

.wrap .right_contents .use_guide2_1 ol {display:block; width:707px; padding:15px 15px 15px 50px;}
.wrap .right_contents .use_guide2_1 p {display:block; width:712px; padding:15px 30px;}



/****************************** Edu Guide1_1 ******************************/

.wrap .right_contents .edu_guide1_1 {float:left; width:772px;}
.wrap .right_contents .edu_guide1_1 h6 {clear:both; float:left; margin:20px 0 5px 15px;}

.wrap .right_contents .edu_guide1_1 .bg {float:left; width:712px; padding:15px 30px; background-color:#f8f8f8; line-height:22px;}
.wrap .right_contents .edu_guide1_1 .line {float:left; width:712px; padding:15px 30px; font-weight:bold;}

.wrap .right_contents .edu_guide1_1 .guide_list {float:left;}
.wrap .right_contents .edu_guide1_1 .guide_list .list {float:left; width:770px; border-left:1px solid #c6d5de; border-top:1px solid #c6d5de; border-right:1px solid #c6d5de;}
.wrap .right_contents .edu_guide1_1 .guide_list .list li {width:770px; height:26px; border-bottom:1px solid #c6d5de; padding:10px 0 0 0;}
.wrap .right_contents .edu_guide1_1 .guide_list .list li:first-child {width:770px; height:21px; background:#fff url(../images/sub/mylecture/bg_table_tit.gif); border-bottom:1px solid #c6d5de; 
																	color:#454545; font-weight:bold; padding:7px 0 0 0;}

.wrap .right_contents .edu_guide1_1 .guide_list .list li p {float:left; text-align:center;}
.wrap .right_contents .edu_guide1_1 .guide_list .list li p.mem_fir {width:370px;}
.wrap .right_contents .edu_guide1_1 .guide_list .list li p.mem {width:370px; color:#245bb8; font-weight:bold;}
.wrap .right_contents .edu_guide1_1 .guide_list .list li p.edu {width:198px;}
.wrap .right_contents .edu_guide1_1 .guide_list .list li p.free {width:200px;}


.wrap .right_contents .edu_guide1_1 .link {float:left; width:772px; margin:15px 0 0 0;}
.wrap .right_contents .edu_guide1_1 .link li {float:left; width:248px; height:100px; margin:0 0 0 10px; border:1px solid #bbb; text-align:left; font-size:16px; background:url('../images/sub/customer/icon_edu_guide1.png') 25px 25px no-repeat;}
.wrap .right_contents .edu_guide1_1 .link li:first-child {margin:0;}
.wrap .right_contents .edu_guide1_1 .link li:hover {background:#eaeaea url('../images/sub/customer/icon_edu_guide1.png') 25px 25px no-repeat;; border:1px solid #245bb8; cursor:pointer;}
.wrap .right_contents .edu_guide1_1 .link li a {display:block; text-decoration:none; padding-left:79px;}
.wrap .right_contents .edu_guide1_1 .link li strong {display:block; color:#245bb8; margin:30px 0 0 0;}



/****************************** Edu Guide1_2 ******************************/

.wrap .right_contents .edu_guide1_2 table {float:left; width:772px; border:1px solid #c6d5de;}
.wrap .right_contents .edu_guide1_2 table thead {width:770px; background:#fff url(../images/sub/mylecture/bg_table_tit.gif); border-bottom:1px solid #c6d5de; color:#454545;}
.wrap .right_contents .edu_guide1_2 table thead tr th {padding:6px 0 6px 0;}
.wrap .right_contents .edu_guide1_2 table tbody tr td {text-align:center; padding:8px 0 8px 0; border:1px solid #c6d5de;}
.wrap .right_contents .edu_guide1_2 table tbody tr td.group {font-weight:bold; background:#f4f4f4;}



/****************************** FAQ List / FAQ View ******************************/

.wrap .right_contents .faq_list {float:left; width:772px;}
.wrap .right_contents .faq_list h6 {padding:20px 0 15px 12px; background:url('../images/sub/th_arrow.png') 0 21px no-repeat;}
.wrap .right_contents .faq_list ul li p {float:left; text-align:center;}

.wrap .right_contents .faq_list .list {float:left; width:770px; border-left:1px solid #c6d5de; border-top:1px solid #c6d5de; border-right:1px solid #c6d5de;}
.wrap .right_contents .faq_list .list li {width:770px; border-bottom:1px solid #c6d5de; padding:10px 0 10px 0; overflow:hidden;}
.wrap .right_contents .faq_list .list li:hover {background:#f4f4f4;}
.wrap .right_contents .faq_list .list li:first-child {width:770px; height:21px; background:url(../images/sub/mylecture/bg_table_tit.gif); border-bottom:1px solid #c6d5de; 
																	color:#454545; font-weight:bold; padding:7px 0 0 0;}
.wrap .right_contents .faq_list .list li p.f_num {width:80px;}
.wrap .right_contents .faq_list .list li p.f_title_fir {width:689px; border-left:1px solid #c6d5de;}
.wrap .right_contents .faq_list .list li p.f_title {width:650px; padding:0 20px 0 20px; text-align:left;}
.wrap .right_contents .faq_list .list li p.f_title a {text-decoration:none;}


.wrap .right_contents .faq_list .view {float:left; width:770px; border-left:1px solid #c6d5de; border-top:1px solid #c6d5de; border-right:1px solid #c6d5de;}
.wrap .right_contents .faq_list .view li {width:770px; border-bottom:1px solid #c6d5de; padding:10px 0 10px 0; overflow:hidden;}
.wrap .right_contents .faq_list .view li:first-child {width:770px; background:#f4f4f4; border-bottom:1px solid #c6d5de; 
																	color:#454545; font-weight:bold; padding:7px 0 7px 0;}
.wrap .right_contents .faq_list .view li p.f_tit_fir {width:80px;}
.wrap .right_contents .faq_list .view li p.f_tit {width:669px; border-left:1px solid #c6d5de; padding:0 10px 0 10px; text-align:left;}
.wrap .right_contents .faq_list .view li div.txt {width:740px; padding:5px 15px 5px 15px;}
.wrap .right_contents .faq_list .view li div.txt span {color:#245bb8;}


.wrap .right_contents .faq_list .btn {float:right; margin:15px 0 0 0;}
.wrap .right_contents .faq_list .btn a {float:left; margin-left:5px;}
.wrap .right_contents .faq_list .btn strong {float:left; line-height:31px; padding-right:15px;}
/*.wrap .right_contents .faq_list .btn {float:right; margin:15px 0 0 0;}
.wrap .right_contents .faq_list .btn div {float:left;}
.wrap .right_contents .faq_list .btn div a {float:left; font-family:"µ¸¿ò", "µ¸¿òü"; font-size:11px; color:#fff; padding:4px 0 0 0; letter-spacing:-1px; text-decoration:none;}
.wrap .right_contents .faq_list .btn strong {float:left; line-height:20px; margin:0 4px 0 0;}
.wrap .right_contents .faq_list .btn .btn_list {margin:0 0 0 6px;}*/



/****************************** Inquiry ******************************/

.wrap .right_contents .inquiry ul.ask {width:772px; float:left;}
.wrap .right_contents .inquiry ul.ask li {float:left; width:772px; height:55px; border-bottom:1px solid #bbb;}
.wrap .right_contents .inquiry ul.ask li:first-child {border-top:1px solid #bbb;}
.wrap .right_contents .inquiry ul.ask li p.item {width:163px; height:39px; float:left; padding:8px; color:#666; font-weight:bold; background-color:#f4f4f4;}
.wrap .right_contents .inquiry ul.ask li p.item span {color:#999;}
.wrap .right_contents .inquiry ul.ask li p.ask_input {width:577px; height:39px; float:left; padding:8px; font-family:"µ¸¿ò", "µ¸¿òü"; font-size:11px; letter-spacing:-1px; color:#999;}
.wrap .right_contents .inquiry ul.ask li p.ask_input strong {font-size:16px; color:#454545; letter-spacing:normal;}
.wrap .right_contents .inquiry ul.ask li p.ask_input em {float:left; margin:4px 6px 4px 6px;}

.wrap .right_contents .inquiry ul.ask li p.ask_input input:focus {border:2px solid #245bb8;}
.wrap .right_contents .inquiry ul.ask li p.ask_input input.margin_top {margin:3px 0 0 0; float:left;}
.wrap .right_contents .inquiry ul.ask li p.ask_input input.mail {width:200px;}
.wrap .right_contents .inquiry ul.ask li p.ask_input input.num {width:70px; float:left;}
.wrap .right_contents .inquiry ul.ask li p.ask_input input.title {width:555px; float:left;}

.wrap .right_contents .inquiry ul.ask li.text {float:left; width:772px; height:100%; border-bottom:1px solid #bbb; background-color:#eaeaea;}
.wrap .right_contents .inquiry ul.ask li.text p.item_text {width:163px; height:100%; float:left; padding:8px; color:#666; font-weight:bold;}
.wrap .right_contents .inquiry ul.ask li.text textarea.txt {width:529px; float:left; padding:15px; margin:8px; border:1px solid #bbb; background:#fff; overflow-y:hidden;}
.wrap .right_contents .inquiry ul.ask li.text textarea.txt:focus {border:2px solid #245bb8;}

.wrap .right_contents .inquiry ul.ask li ul li {float:left; height:20px; border:0px;}
.wrap .right_contents .inquiry ul.ask li ul li:first-child {border:0px;}

.wrap .right_contents .inquiry .btn_join {position:relative;}
.wrap .right_contents .inquiry .btn_join a {float:left; font-family:"µ¸¿ò", "µ¸¿òü"; font-size:11px; color:#fff; padding:4px 0 0 0; letter-spacing:-1px; text-decoration:none;}
.wrap .right_contents .inquiry .mail {top:-30px; left:400px;}

.wrap .right_contents .inquiry .ask_btn {float:right; margin:30px 0 0 0;}
.wrap .right_contents .inquiry .ask_btn:after {content:""; display:block; clear:both;}
.wrap .right_contents .inquiry .ask_btn a, .wrap .right_contents .inquiry .ask_btn input {float:left; margin-left:5px;}
.wrap .right_contents .inquiry .btn a {text-decoration:none; color:#fff; font-weight:bold; font-size:13px;}
.wrap .right_contents .inquiry .btn img {vertical-align:middle;}
.wrap .right_contents .inquiry .blue {width:105px; height:24px; background:url(../images/sub/member/btn_blue.gif) no-repeat; float:left; text-align:center; padding:6px 0 0 0;}
.wrap .right_contents .inquiry .gray {width:105px; height:24px; background:url(../images/sub/member/btn_gray.gif) no-repeat; float:left; text-align:center; padding:6px 0 0 0; margin:0 0 0 6px;}



/****************************** Inquiry / Select Box ******************************/

.wrap .right_contents .inquiry .ask_select {position:relative; left:187px; top:-40px; float:left; z-index:700;}
.wrap .right_contents .inquiry .ask_select strong a {background:url(../images/sub/lecture/btn_select.gif) no-repeat 84px 2px; float:left; 
											border:1px solid #bbb; width:100px; padding:3px; text-decoration:none; font-weight:bold;}
.wrap .right_contents .inquiry .ask_select strong a:hover {background:url(../images/sub/lecture/btn_select.gif) no-repeat 84px -18px;}
.wrap .right_contents .inquiry .ask_select ul.selbox {background:#f4f4f4; border:1px solid #bbb; position:absolute; top:24px; left:0; width:100px; padding:3px; z-index:20; float:left;}
.wrap .right_contents .inquiry .ask_select ul.selbox li a {float:left; text-decoration:none; width:100px;  padding:3px 0 3px 0; font-weight:bold;}
.wrap .right_contents .inquiry .ask_select ul.selbox li a:hover {float:left; background:#bbb; color:#fff;}
.wrap .right_contents .inquiry .ask_select .list {display:none;}
.wrap .right_contents .inquiry .ask_select .listview {display:block;}



/****************************** Program Guide ******************************/

.wrap .right_contents .program_guide {float:left; width:772px;}
.wrap .right_contents .program_guide h6 {clear:both; float:left; margin:20px 0 5px 15px;}

.wrap .right_contents .program_guide .bg {float:left; width:742px; padding:15px; background:url(../images/sub/member/bg_step.gif); border-top:1px solid #bbb; border-bottom:1px solid #bbb; line-height:22px;}
.wrap .right_contents .program_guide .line {float:left; width:742px; padding:15px; border-top:1px solid #666; border-bottom:1px solid #666; font-weight:bold;}

.wrap .right_contents .program_guide .guide_list {float:left;}
.wrap .right_contents .program_guide .guide_list .list {float:left; width:770px; border-left:1px solid #c6d5de; border-top:1px solid #c6d5de; border-right:1px solid #c6d5de;}
.wrap .right_contents .program_guide .guide_list .list li {width:770px; height:26px; border-bottom:1px solid #c6d5de; padding:10px 0 0 0;}
.wrap .right_contents .program_guide .guide_list .list li:hover {background:#f4f4f4;}
.wrap .right_contents .program_guide .guide_list .list li:first-child {width:770px; height:21px; background:#fff url(../images/sub/mylecture/bg_table_tit.gif); border-bottom:1px solid #c6d5de; 
																	color:#454545; font-weight:bold; padding:7px 0 0 0;}

.wrap .right_contents .program_guide .guide_list .list li p {float:left; text-align:center;}
.wrap .right_contents .program_guide .guide_list .list li p.program_fir {width:350px;}
.wrap .right_contents .program_guide .guide_list .list li p.program {width:350px; color:#245bb8; font-weight:bold;}
.wrap .right_contents .program_guide .guide_list .list li p.use {width:220px;}
.wrap .right_contents .program_guide .guide_list .list li p.down {width:100px;}
.wrap .right_contents .program_guide .guide_list .list li p.method {width:100px; text-align:center;}

.wrap .right_contents .program_guide .guide_list .list li span {color:#fff; font-family:"µ¸¿ò", "µ¸¿òü"; font-weight:bold; letter-spacing:-1px; font-size:11px; line-height:18px;}
.wrap .right_contents .program_guide .guide_list .list li span a {width:69px; height:20px; background:url(../images/sub/mylecture/btn_register.gif) no-repeat; display:block;
																	color:#fff; font-family:"µ¸¿ò", "µ¸¿òü"; line-height:22px; font-size:11px; margin:-2px 0 0 15px; text-decoration:none;}
.wrap .right_contents .program_guide .guide_list .list li span a:hover {background:url(../images/sub/mylecture/btn_register.gif) 0 -20px no-repeat;}

.wrap .right_contents .program_guide table {float:left; width:772px; border:1px solid #c6d5de;}
.wrap .right_contents .program_guide table thead {width:770px; background:#fff url(../images/sub/mylecture/bg_table_tit.gif); border-bottom:1px solid #c6d5de; color:#454545;}
.wrap .right_contents .program_guide table thead tr th {padding:6px 0 6px 0;}
.wrap .right_contents .program_guide table tbody tr td {text-align:center; padding:8px 0 8px 0; border:1px solid #c6d5de;}
.wrap .right_contents .program_guide table tbody tr td.group {font-weight:bold; background:#f4f4f4;}																	



/****************************** New Lecture List ******************************/

.wrap .right_contents .new_lecture_list {float:left; width:772px;}
.wrap .right_contents .new_lecture_list h5 {float:none; border-bottom:1px solid #bbb; padding-bottom:10px; margin-bottom:0 !important;}

.wrap .right_contents .new_lecture_list .group {float:left; width:772px; border-bottom:1px solid #bbb; padding:15px 0 15px 0;}

.wrap .right_contents .new_lecture_list .group a {float:left; padding:10px;}
.wrap .right_contents .new_lecture_list .group a img {width:156px; height:120px; border:4px solid #b5b5b5;}

.wrap .right_contents .new_lecture_list .group div {float:right; width:575px; padding-top:10px;}
.wrap .right_contents .new_lecture_list .group div a {width:543px; height:26px; line-height:26px; background-color:#f4f4f4; border:1px solid #d9d9d9; padding:0 15px; overflow:hidden; font-weight:bold; text-decoration:none;}
.wrap .right_contents .new_lecture_list .group div ul {float:left; width:558px; padding:8px 0 8px 15px; border-bottom:1px dotted #bbb;}
.wrap .right_contents .new_lecture_list .group div ul li {float:left; background:url(../images/sub/sub_bullet02.gif) 0 5px no-repeat; padding:0 0 0 8px; margin:0 0 0 25px; color:#245bb8;}
.wrap .right_contents .new_lecture_list .group div ul li:first-child {margin:0;}
.wrap .right_contents .new_lecture_list .group div p {float:left; padding:15px;}



/****************************** Teacher List ******************************/

.wrap .right_contents .teacher_list {float:left; width:772px;}
.wrap .right_contents .teacher_list ul {float:left;}
.wrap .right_contents .teacher_list ul li {float:left; width:354px; margin:0 10px 10px 0; padding:10px; border:1px solid #e0e0e0;}
.wrap .right_contents .teacher_list ul li:hover {border:1px solid #bbb; background:#f4f4f4;}
.wrap .right_contents .teacher_list ul li a {text-decoration:none;}
.wrap .right_contents .teacher_list ul li a img {float:left; width:157px; height:158px;}
.wrap .right_contents .teacher_list ul li a div {float:right; width:187px; margin:15px 0 0 0;}
.wrap .right_contents .teacher_list ul li a div h6 {font-size:13px;}
.wrap .right_contents .teacher_list ul li a div p {float:left; width:100%; float:left; padding:10px 0 0 0; border-top:1px dotted #bbb;}
.wrap .right_contents .teacher_list ul li a div p span {display:block; width:64px; height:16px; line-height:18px; color:#4274ca; font-family:"µ¸¿ò", "µ¸¿òü"; letter-spacing:-1px; font-size:11px; text-align:center; border:1px solid #4274ca; margin-bottom:8px;}
														
														
														
/****************************** Teacher View ******************************/	

.wrap .right_contents .info_t_view {float:left; width:772px;}	

.wrap .right_contents .info_t_view .profile {float:left; width:732px; border:1px solid #e0e0e0; padding:20px;}
.wrap .right_contents .info_t_view .profile img {float:left; width:349px; height:270px; border:6px solid #b5b5b5;}
.wrap .right_contents .info_t_view .profile div {float:right; width:350px;}
.wrap .right_contents .info_t_view .profile div h5 {float:none; border-bottom:1px solid #e0e0e0; padding:0 0 15px 18px; margin-top:10px;}
.wrap .right_contents .info_t_view .profile div h6 {float:none; margin:15px 0 5px 0;}

.wrap .right_contents .info_t_view .teach_list {float:left;}
.wrap .right_contents .info_t_view .teach_list h5 {width:754px;}
.wrap .right_contents .info_t_view .teach_list .list {float:left; width:770px; border-left:1px solid #c6d5de; border-top:1px solid #c6d5de; border-right:1px solid #c6d5de;}
.wrap .right_contents .info_t_view .teach_list .list li {width:770px; height:26px; border-bottom:1px solid #c6d5de; padding:10px 0 0 0;}
.wrap .right_contents .info_t_view .teach_list .list li:hover {background:#f4f4f4;}
.wrap .right_contents .info_t_view .teach_list .list li:first-child {width:770px; height:21px; background:#fff url(../images/sub/mylecture/bg_table_tit.gif); border-bottom:1px solid #c6d5de; 
																	color:#454545; font-weight:bold; padding:7px 0 0 0;}

.wrap .right_contents .info_t_view .teach_list .list li p {float:left; text-align:center;}
.wrap .right_contents .info_t_view .teach_list .list li p.level {width:71px;}
.wrap .right_contents .info_t_view .teach_list .list li span {color:#fff; font-family:"µ¸¿ò", "µ¸¿òü"; font-weight:bold; letter-spacing:-1px; font-size:11px; line-height:18px;}
.wrap .right_contents .info_t_view .teach_list .list li p.level span {width:41px; height:16px; background:url(../images/sub/mylecture/btn_level.gif) no-repeat; display:block; margin:0 0 0 15px;}

.wrap .right_contents .info_t_view .teach_list .list li p.title_fir {width:389px;}
.wrap .right_contents .info_t_view .teach_list .list li p.title {width:369px; text-align:left; margin:0 10px 0 10px;}

.wrap .right_contents .info_t_view .teach_list .list li p.period {width:130px;}

.wrap .right_contents .info_t_view .teach_list .list li p.btn {width:90px;}
.wrap .right_contents .info_t_view .teach_list .list li p.btn span.start a {width:69px; height:20px; background:url(../images/sub/mylecture/btn_register.gif) 0 -20px no-repeat; display:block;
																	line-height:22px; font-family:"µ¸¿ò", "µ¸¿òü"; font-size:11px; margin:-2px 0 0 10px;}
.wrap .right_contents .info_t_view .teach_list .list li p.btn span.start a img {margin:-2px 4px 0 0;}
.wrap .right_contents .info_t_view .teach_list .list li p.btn span a {width:69px; height:20px; background:url(../images/sub/mylecture/btn_register.gif) 0 -20px no-repeat; display:block;
																	line-height:22px; font-family:"µ¸¿ò", "µ¸¿òü"; font-size:11px; margin:-2px 0 0 10px;}

.wrap .right_contents .info_t_view .teach_list .btn_list {position:relative; left:714px; top:15px; width:58px; height:20px;}
.wrap .right_contents .info_t_view .teach_list .btn_list .btn_left {width:7px; height:20px; background:url(../images/sub/member/btn_left.gif) no-repeat; float:left;}
.wrap .right_contents .info_t_view .teach_list .btn_list .btn_bg {height:20px; background:url(../images/sub/member/btn_bg.gif) repeat-x; float:left;}
.wrap .right_contents .info_t_view .teach_list .btn_list .btn_bg a {display:block; font-family:"µ¸¿ò", "µ¸¿òü"; font-size:11px; color:#fff; font-weight:bold; padding:4px 0 0 0; letter-spacing:-1px; text-decoration:none;}
.wrap .right_contents .info_t_view .teach_list .btn_list .btn_right {width:7px; height:20px; background:url(../images/sub/member/btn_right.gif) no-repeat; float:left;}


/****************************** Eng Guide ******************************/

.wrap .right_contents .eng_guide table {border-left:1px solid #d7d7d7;}
/*.wrap .right_contents .eng_guide table {float:left; width:772px; border:1px solid #c6d5de;}
.wrap .right_contents .eng_guide table thead {width:770px; background:#fff url(../images/sub/mylecture/bg_table_tit.gif); border-bottom:1px solid #c6d5de; color:#454545;}
.wrap .right_contents .eng_guide table thead tr th {padding:6px 0 6px 0;}
.wrap .right_contents .eng_guide table tbody tr td {text-align:center; padding:8px 0 8px 0; border:1px solid #c6d5de;}
.wrap .right_contents .eng_guide table tbody tr td:hover {background:#f4f4f4;}
.wrap .right_contents .eng_guide table tbody tr td.group {font-weight:bold; background:#f4f4f4;}*/



/****************************** Lecture Map ******************************/

#map {float:left;}			
#map ul.tab {clear:both; height:40px; border-bottom:1px solid #3e3e3e; border-left:1px solid #ccc;}
#map ul.tab:after {clear:both; content:""; display:block;}
#map ul.tab li {position:relative; float:left; width:110px; height:39px; text-align:center; border-top:1px solid #ccc; border-right:1px solid #ccc;}
#map ul.tab li a {position:absolute; display:block; top:0; left:0; width:110px; height:39px; line-height:39px; font-size:15px; background-color:#f6f6f6; color:#555; text-align:center; text-decoration:none;}
#map ul.tab li a.selected {top:-1px; left:-1px; width:108px; height:37px; line-height:38px; font-size:15px; background-color:#fff; color:#333; border:2px solid #333; z-index:10;}
			
#map ul.panel {clear:both; float:left; padding:0;}
#map ul.panel li {}

.wrap .right_contents .lecture_map #map ul.panel li table thead tr th {text-align:center;}
.wrap .right_contents .lecture_map #map ul.panel li table {border-left:1px solid #d7d7d7; margin-top:30px;}

/*.wrap .right_contents .lecture_map #map ul.panel li table {float:left; width:772px; border:1px solid #c6d5de; margin:15px 0 0 0;}
.wrap .right_contents .lecture_map #map ul.panel li table thead {width:770px; background:#fff url(../images/sub/mylecture/bg_table_tit.gif); border-bottom:1px solid #c6d5de; color:#454545;}
.wrap .right_contents .lecture_map #map ul.panel li table thead tr th {text-align:center; padding:6px 0 6px 0;}
.wrap .right_contents .lecture_map #map ul.panel li table tbody tr td {text-align:center; padding:8px 0 8px 0; border:1px solid #c6d5de;}
.wrap .right_contents .lecture_map #map ul.panel li table tbody tr td:hover {background:#f4f4f4;}
.wrap .right_contents .lecture_map #map ul.panel li table tbody tr td.group {font-weight:bold; background:#f4f4f4;}*/



/****************************** Lecture Info Eng ******************************/

.wrap .right_contents .lecture_info_eng {float:left; width:772px;}
.wrap .right_contents .lecture_info_eng h6 {clear:both;}
.wrap .right_contents .lecture_info_eng strong {clear:both; display:block; padding:15px; background:#f4f4f4; color:#666; line-height:18px;}
.wrap .right_contents .lecture_info_eng p {float:left; width:772px;}
.wrap .right_contents .lecture_info_eng p.text {line-height:20px;}

.wrap .right_contents .lecture_info_eng table {float:left; width:772px; border:1px solid #c6d5de; margin:15px 0 0 0;}
.wrap .right_contents .lecture_info_eng table thead {width:770px; background:#eaeaea; border-bottom:1px solid #c6d5de; color:#454545;}
.wrap .right_contents .lecture_info_eng table thead tr th {text-align:center; padding:6px 0 6px 0; border:1px solid #c6d5de;}
.wrap .right_contents .lecture_info_eng table tbody tr td {text-align:center; padding:8px 0 8px 0; border:1px solid #c6d5de;}
.wrap .right_contents .lecture_info_eng table tfoot tr td {text-align:center; padding:6px 0 6px 0; border:1px solid #bbb; background:#c6d5de; color:#245bb8; font-weight:bold;}

.wrap .right_contents .lecture_info_eng .list {float:left; width:770px; border-left:1px solid #c6d5de; border-top:1px solid #c6d5de; border-right:1px solid #c6d5de;}
.wrap .right_contents .lecture_info_eng .list li {width:770px; height:26px; border-bottom:1px solid #c6d5de; padding:10px 0 10px 0;}
.wrap .right_contents .lecture_info_eng .list li:hover {background:#f4f4f4;}
.wrap .right_contents .lecture_info_eng .list li:first-child {width:770px; height:21px; background:#fff url(../images/sub/mylecture/bg_table_tit.gif); border-bottom:1px solid #c6d5de; 
															color:#454545; font-weight:bold; padding:7px 0 0 0;}

.wrap .right_contents .lecture_info_eng .list li p {float:left; text-align:center;}
.wrap .right_contents .lecture_info_eng .list li p.num {width:80px;}
.wrap .right_contents .lecture_info_eng .list li p.date {width:120px;}
.wrap .right_contents .lecture_info_eng .list li p.result {width:150px;}
.wrap .right_contents .lecture_info_eng .list li p.receipt_fir {width:420px;}
.wrap .right_contents .lecture_info_eng .list li p.receipt {width:400px; padding:0 10px 0 10px; text-align:left;}



/****************************** Sitemap ******************************/

.wrap .right_contents .sitemap {float:left; width:772px;}
.wrap .right_contents .sitemap h5 {float:none;}
.wrap .right_contents .sitemap h6 {padding:5px 17px; background:#f8f8f8 none; border:1px solid #d7d7d7; font-weight:bold; font-size:13px; color:#515151;}

.wrap .right_contents .sitemap ul.depth_01 {float:left;}
.wrap .right_contents .sitemap ul.depth_01 li.category {float:left; margin:0 0 0 10px;}
.wrap .right_contents .sitemap ul.depth_01 li.category:first-child {margin:0;}
.wrap .right_contents .sitemap ul.depth_01 li.category ul {float:left; width:185px;}
.wrap .right_contents .sitemap ul.depth_01 li.category ul li {display:block; padding:5px 8px 5px 20px; border-bottom:1px dotted #bbb; background:url(../images/sub/sub_bullet03.gif) 10px 9px no-repeat;}
.wrap .right_contents .sitemap ul.depth_01 li.category ul li a {text-decoration:none;}
.wrap .right_contents .sitemap ul.depth_01 li.category strong {display:block; width:165px; padding:10px; background:#f4f4f4; border-top:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0;}

.wrap .right_contents .sitemap .margin_15 {margin:15px 0 0 0;}
.wrap .right_contents .sitemap .margin_30 {margin:30px 0 0 0;}



/****************************** Bottom ******************************/

.bottom {width:100%; min-width:1000px; border-top:1px solid #d1d1d1; margin:30px 0 0 0; float:left; background-color:#ececec;}

.bottom .footer {width:990px; margin:auto; padding:40px 0 50px 0;}
.bottom .footer h1 {width:188px; float:left;}

.bottom .footer .menu li {float:left; padding:0 0 0 10px; margin:0 10px 0 0;}
.bottom .footer .menu li a {font-weight:bold; text-decoration:none;}
.bottom .footer .menu li a span {color:#245bb8; font-weight:800;} 

.bottom .footer div {clear:both; color:#898989; font-size:11px; margin:10px 0 15px 188px; line-height:18px;}
.bottom .footer div a {text-decoration:none;}
.bottom .footer div p.copyright {margin:5px 0 0 0;}


/* FOOTER - COPYRIGHT */
.footer {padding:0; margin:20px 0px 0px; }
.section.copyright-g {background:#ececec; padding-bottom:10px; }
.copyright-g dl {background:transparent;width:auto;height:auto;font-size:11px;color:#a4a4a4;padding:0 0 10px 120px;letter-spacing:-.3px;}
.copyright-g dd,.copyright-g dt {float:left;display:inline-block;margin:5px 15px 0 0;}
.copyright-g dd strong {padding-right:3px;}
.copyright-g .copy {padding-left:120px;font-size:11px;color:#a4a4a4;}
.copyright-g .layout {position:relative;background:url('/common/images/logo-btm.png') no-repeat left 20px;max-width:990px; margin:0px auto; padding:10px 0;}
.copyright-g .layout li {float:left;margin-right:20px;font-size:12px;letter-spacing:-.5px;font-weight:bold;color:#8b8b8b;}
.copyright-g .layout li a {color:#8b8b8b;}
.copyright-g .layout dl a {color:#a4a4a4;}
.copyright-g .layout ul {margin:10px 0;padding-left:120px;}
.copyright-g .layout ul:after,
.copyright-g .layout dl:after {clear:both;display:block;content:"";}

/*FOOTER - FAMILYSITE*/
.family {position:absolute;right:0;top:10px;width:140px;z-index:9999;}
.family h3 {text-indent:10px;padding:0;margin:0;height:23px;line-height:25px;border:1px solid #d9d9d9;background:#ececec;color:#777777;font-size:12px;text-transform:uppercase;cursor:pointer;}
.family ul {display:none;margin:0 !important;padding-left:0 !important;width:100%;position:absolute;top:24px;border-bottom:1px solid #d9d9d9;}
.family li {position:relative;float:none !important;margin:0 !important;font-size:12px;line-height:25px;border-top:1px solid #d9d9d9;color:#777777;background:white;}
.family a {display:block;text-indent:10px;border-left:1px solid #d9d9d9;border-right:1px solid #d9d9d9;font-weight:normal;}
.family .icon {position:absolute;right:5px;top:2px;}
/*Transitino*/
.family li {-webkit-transition:all 0.5s linear;-moz-transition:all 0.5s linear;-o-transition:all 0.5s leaner;}
.family li a {-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;}

/* FOOTER - GLOBAL CERTIFICATION */
.gb-cer li {display:inline-block;float:left;width:20%;background:url('../images/gb-info.png') no-repeat;height:50px;margin:10px 0;}
.gb-cer li.i01 {background-position:left 0;}
.gb-cer li.i02 {background-position:left -50px;}
.gb-cer li.i03 {background-position:left -100px;}
.gb-cer li.i04 {background-position:left -150px;}
.gb-cer li.i05 {background-position:left -200px;}
.gb-cer span {display:block;margin-left:50px;font-size:12px;letter-spacing:-.5px;font-weight:normal;color:#777777;line-height:15px;height:50px;padding-top:12px;}



/* common 201605Ãß°¡ */
a.tInfo {display:inline-block; width:50px; height:16px; line-height:16px !important; border:1px solid #777; font-size:11px; text-align:center; margin-left:5px; letter-spacing:-1px;}
a.tInfo:hover {text-decoration:none; background-color:#f2f2f2;}
span.pointUse {display:block; width:120px; height:18px; line-height:20px; background-color:#a4a4a4; color:#fff !important; text-align:center; font-weight:normal !important; font-size:11px; margin-top:3px; font-family:"µ¸¿ò", "µ¸¿òü"; letter-spacing:-1px;}
.benefit {clear:both; width:733px; padding-left:39px;}
.benefit:after {clear:both; content:""; display:block;}
.benefit li {float:left; display:block; width:176px; padding-top:138px; text-align:center; color:#4274ca; font-size:14px;}
.benefit li {background:url(../images/sub/member/login_benefit.gif) 0 0 no-repeat}
.benefit li+li {background:url(../images/sub/member/login_benefit.gif) -186px 0 no-repeat}
.benefit li+li+li {background:url(../images/sub/member/login_benefit.gif) -369px 0 no-repeat}
.benefit li+li+li+li {background:url(../images/sub/member/login_benefit.gif) -552px 0 no-repeat}
.benefit span {display:block; float:left; color:#4274ca; font-size:14px;}


/* ȸ¿ø¾ÆÀ̵ð, ºñ¹Ð¹øÈ£ ã±â */
.member_passwd_search {width:722px; padding:30px 20px; border:5px solid #f4f4f4; margin:30px 0 50px; text-align:center; font-size:15px; line-height:24px; background-color:#f4f4f4;}
.member_passwd_search h3 {font-size:19px; font-weight:600; color:#0068b7; padding-bottom:10px;}
.member_passwd_search span {color:#e60012; font-weight:600;}
.member_passwd_search .explanation {width:662px; margin:10px auto 0; background-color:#e8e8e8; font-size:13px; padding:20px; text-align:left;}
.member_passwd_search .explanation span {color:#0068b7;}
.member_passwd_search .explanation a {text-decoration:none;}
.member_passwd_search input.okBtn {width:105px; height:30px; line-height:30px; color:#fff; text-align:center; font-size:15px; background-color:#4274ca; text-decoration:none;}


/* ¹öÆ° */
a.joinBtn, a.agreeBtn, a.inputEndBtn, a.okBtn, a.modifyBtn {background-color:#4274ca;}
a.joinEndBtn {position:absolute; display:block; left:76px; top:205px; width:105px; height:30px; line-height:30px; color:#fff; text-align:center; font-size:15px; background-color:#4274ca; text-decoration:none;}
a.loginBtn {display:inline-block; left:76px; top:205px; width:105px; height:30px; line-height:30px; color:#fff; text-align:center; font-size:15px; background-color:#4274ca; text-decoration:none;}
a.joinBtn:hover, a.agreeBtn:hover, a.joinEndBtn:hover, a.inputEndBtn:hover, a.okBtn:hover {background-color:#2954b5;}
a.jpsearchBtn, a.joinCancelBtn, a.searchCancelBtn {background-color:#969696;}
a.cancelBtn, a.pSearchBtn {display:inline-block; width:105px; height:30px; line-height:30px; color:#fff; text-align:center; font-size:15px; background-color:#969696; text-decoration:none;}
a.jpsearchBtn:hover, a.joinCancelBtn:hover, a.searchCancelBtn:hover {background-color:#555;}
a.blueBtn, a.redBtn, a.grayBtn, a.skyBtn, a.moregrayBtn, a.orangeBtn, a.yellowBtn {display:block; width:105px; height:30px; line-height:30px; text-align:center; color:#fff; font-weight:600 !important; font-size:15px !important; text-decoration:none !important;}
a.miniblueBtn, a.miniredBtn, a.minimoregrayBtn, a.minigrayBtn, a.miniorangeBtn {display:block; width:70px; height:22px; line-height:22px; text-align:center; color:#fff; font-size:13px !important; text-decoration:none !important; font-weight:600;}
a.blueBtn, a.miniblueBtn {background-color:#4274ca;}
a.redBtn, a.miniredBtn {background-color:#ff0000;}
a.grayBtn, a.minigrayBtn {background-color:#969696;}
a.moregrayBtn, a.minimoregrayBtn {background-color:#777777;}
a.skyBtn {background-color:#6d9dee;}
a.orangeBtn, a.miniorangeBtn {background-color:#ff6226;}
a.yellowBtn {background-color:#f79a00;}
a.playBtns {display:block; width:20px; height:20px; line-height:20px; border:1px solid #ccc; color:#999; margin:0 auto; text-align:center; text-decoration:none;}
a.playBtns:hover {border:1px solid #333; color:#333;}
a.blackLineBtn {display:block; padding:2px 0; text-align:center; margin:0 auto; border:1px solid #777777; color:#777777; font-family:"µ¸¿ò", "µ¸¿òü"; font-size:11px; font-weight:normal; text-decoration:none;}


/* ¾ÆÀÌÄÜÇ¥½Ã */
.levelIcon {float:left; line-height:16px; border:1px solid #777; height:16px; color:#777 !important; font-family:"µ¸¿ò", "µ¸¿òü"; font-size:11px; padding:2px 3px 0; letter-spacing:-1px; background-color:#fff; font-size:11px;}
.smartPhoneIcon {float:left; line-height:16px; border:1px solid #3f70c9; height:16px; color:#3f70c9 !important; font-family:"µ¸¿ò", "µ¸¿òü"; font-size:11px; padding:2px 3px 0; letter-spacing:-1px; background-color:#fff; font-size:11px;}
.gPassIcon {float:left; line-height:16px; border:1px solid #ff6226; height:16px; color:#ff6226 !important; font-family:"µ¸¿ò", "µ¸¿òü"; font-size:11px; padding:2px 3px 0; letter-spacing:-1px; background-color:#fff; font-size:11px;}
.eventIcon {float:left; line-height:16px; border:1px solid #ec008c; height:16px; color:#ec008c !important; font-family:"µ¸¿ò", "µ¸¿òü"; font-size:11px; padding:2px 3px 0; letter-spacing:-1px; background-color:#fff; font-size:11px;}
.freeIcon {float:left; line-height:16px; border:1px solid #e16d5a; height:16px; color:#e16d5a !important; font-family:"µ¸¿ò", "µ¸¿òü"; font-size:11px; padding:2px 3px 0; letter-spacing:-1px; background-color:#fff; font-size:11px;}
.lectureEndIcon {display:block; width:62px; height:16px; line-height:16px; color:#75bf00; text-align:center; font-size:11px; margin:0 auto; border:1px solid #75bf00; font-weight:bold;}
.chiIcon {display:block; width:38px; line-height:16px; border:1px solid #e16d5a; height:16px; color:#e16d5a !important; font-family:"µ¸¿ò", "µ¸¿òü"; padding-top:2px; letter-spacing:-1px; background-color:#fff; font-size:11px; margin:0 auto; text-align:center;}
.engIcon {display:block; width:38px; line-height:16px; border:1px solid #4c70bf; height:16px; color:#4c70bf !important; font-family:"µ¸¿ò", "µ¸¿òü"; font-size:11px; padding-top:2px; letter-spacing:-1px; background-color:#fff; font-size:11px; margin:0 auto; text-align:center;}
.jpIcon {display:block; width:38px; line-height:16px; border:1px solid #b84cbf; height:16px; color:#b84cbf !important; font-family:"µ¸¿ò", "µ¸¿òü"; font-size:11px; padding-top:2px; letter-spacing:-1px; background-color:#fff; font-size:11px; margin:0 auto; text-align:center;}
.gPassIcon2 {display:block; width:50px; line-height:16px; border:1px solid #ff6226; height:16px; color:#ff6226 !important; font-family:"µ¸¿ò", "µ¸¿òü"; font-size:11px; padding-top:2px; letter-spacing:-1px; background-color:#fff; font-size:11px; margin:0 auto; text-align:center;}
.lectureIcon {display:block; width:46px; height:14px; padding:2px 0 0; text-align:center; margin:0 auto; border:1px solid #4274ca; color:#4274ca; font-family:"µ¸¿ò", "µ¸¿òü"; font-size:11px;}
.orangeIcon {display:block; width:46px; height:14px; padding:2px 0 0; text-align:center; margin:0 auto; border:1px solid #ff6226; color:#ff6226; font-family:"µ¸¿ò", "µ¸¿òü"; font-size:11px;}
span.iconL {display:block; width:50px; line-height:16px; height:16px; font-family:"µ¸¿ò", "µ¸¿òü"; font-size:11px; padding-top:2px; 
letter-spacing:-1px; background-color:#fff; font-size:11px; margin:0 auto; text-align:center; text-decoration:none;}
span.lv01 {border:1px solid #2faeff; color:#2faeff;} /* ÀÔ¹® */
span.lv02 {border:1px solid #0b7bee; color:#0b7bee;} /* ÀÔ/ÃÊ±Þ */
span.lv03 {border:1px solid #0b5aac; color:#0b5aac;} /* ÃÊ±Þ */
span.lv04 {border:1px solid #14b508; color:#14b508;} /* ÃÊ/Áß±Þ */
span.lv05 {border:1px solid #028000; color:#028000;} /* Áß±Þ */
span.lv06 {border:1px solid #8b00bf; color:#8b00bf;} /* °í±Þ */
span.lv07 {border:1px solid #ec545c; color:#ec545c;} /* Áß/°í±Þ */



/* ³»°­ÀǽÇÅ×À̺í */
table.infoView td {border-right:1px solid #d7d7d7;}
table.infoView td.title {background-color:#fafafa; border-left:1px solid #d7d7d7;}
table.infoView td.first {border-left:1px solid #d7d7d7;}
table.infoView td em { text-decoration:line-through; color:#838383; display:inline-block; padding:0 8px;}
table.infoView td strong { font-size:13px; color:#FF66CC;}
table.infoView td.bluetxt {color:#3399FF;}
table.infoView td.line2 {height:52px !important;}
table.infoView td.line3 {height:70px !important;}
table.infoView td a.viewBtn {display:block; width:50px; line-height:16px; border:1px solid #e60012; height:16px; color:#e60012; font-family:"µ¸¿ò", "µ¸¿òü"; font-size:11px; padding-top:2px; 
letter-spacing:-1px; background-color:#fff; font-size:11px; margin:0 auto; text-align:center; text-decoration:none;} 
table.tdHeight35 td {height:35px; padding-top:0 !important; padding-bottom:0 !important;}
table.tdHeight50 td {height:50px; padding-top:0 !important; padding-bottom:0 !important;}
table.fontB {font-weight:bold;}
table.tdptb10 td {padding-top:10px !important; padding-bottom:10px !important;}
table.mylectureTable {width:100%; border-collapse:collapse;}
table.mylectureTable thead tr th {height:40px; border-top:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7; background-color:#f2f2f2;} 
table.mylectureTable thead tr th:first-child {border-left:1px solid #d7d7d7;}
table.mylectureTable thead tr th+th+th+th+th+th+th,
table.mylectureTable thead tr th.last {border-right:1px solid #d7d7d7;}
table.mylectureTable thead.rightL tr th {border-right:1px solid #d7d7d7;}
table.mylectureTable tfoot td {background-color:#f2f2f2; color:#e60012; font-weight:bold;}
table.mylectureTable tfoot td.first {color:#666;}
table.mylectureTable tr.firstLine td {border-top:1px solid #d7d7d7;}
table.mylectureTable td {padding:5px 0; border-bottom:1px solid #d7d7d7; text-align:center;}
table.mylectureTable td.lectureTitle {text-align:left;}
table.mylectureTable td.lectureTitle a, table.mylectureTable td.lectureTitle a:hover {display:block; width:100%; text-decoration:none;}
table.mylectureTable td.letterS {letter-spacing:-1px;}
table.mylectureTable td.rightText {text-align:right; padding-right:25px;}
table.mylectureTable td.tdHeight45 {height:45px;}
table.mylectureTable td.sumPrice {text-align:right; font-size:16px; font-weight:600; padding-right:25px; color:#585858;}
table.mylectureTable td.lecturePrice {color:#ff0000; font-weight:700;}
table.mylectureTable td.title {background-color:#f4f4f4; font-weight:bold;}
table.mylectureTable td.sumPrice span {color:#ff0000; font-weight:700;}
table.mylectureTable a.mylectureBtn {display:block; width:70px; height:27px; line-height:27px; background:#4274ca url(../images/sub/mylecture/mylecture_icon.gif) no-repeat 8px 7px; padding-left:20px; color:#fff; text-align:center; font-size:14px; font-weight:500; text-decoration:none; margin:0 auto;}
table.mylectureTable a.mylecturePrint {display:block; width:70px; height:27px; line-height:27px; background:#4274ca url(../images/sub/mylecture/icon_print.png) no-repeat 8px 7px; padding-left:20px; color:#fff; text-align:center; font-size:14px; font-weight:500; text-decoration:none; margin:0 auto;}
table.mylectureTable a.mylectureStart {display:block; width:90px; height:27px; line-height:27px; color:#fff; text-align:center; font-size:12px; font-weight:500; text-decoration:none; margin:0 auto; background-color:#777;}
table.mylectureTable td span.icon {display:block; width:60px; height:18px; line-height:18px; color:#ababab; font-family:'µ¸¿ò', dotum; border:1px solid #ababab; font-size:11px; text-align:center; margin:0 auto;}
table.mylectureTable td span.iconOn {display:block; width:60px; height:18px; line-height:20px; color:#fff; font-family:'µ¸¿ò', dotum; border:1px solid #8cc531; font-size:11px; text-align:center; margin:0 auto; background-color:#8cc531;}
table.myWriteTable {width:100%; border-collapse:collapse; border-top:2px solid #000000;}
table.myWriteTable th {font-size:13px; color:#555; background-color:#f9f9f9;}
table.myWriteTable th,
table.myWriteTable td {border-bottom:1px solid #e5e5e5; padding:10px 25px;}
table.myWriteTable td input.tin {width:550px; height:28px; border:1px solid #cfcfcf; padding:0 5px;}
table.myWriteTable td textarea {width:554px; border:1px solid #cfcfcf;}
table.myWriteTable td.score {font-size:16px; color:red;}
table.myWriteTable td.score label {padding-right:10px;}
table.myWriteTable td.score label span {color:#bfbfbf;}
.wrap .right_contents .question_title {display:block; width:772px; height:35px; background:url('../images/sub/mylecture/question_title.gif') no-repeat; text-indent:-9999em;}
.wrap .right_contents .answer_title {display:block; width:772px; height:35px; background:url('../images/sub/mylecture/answer_title.gif') no-repeat; text-indent:-9999em;}
.wrap .right_contents .modify_title {display:block; width:772px; height:35px; background:url('../images/sub/mylecture/modify_title.gif') no-repeat; text-indent:-9999em;}
.btnsArea
/* ³»°­ÀÇ½Ç G-Pass ¿µ¿ª */
ul.mylectureGpass {width:770px; height:40px; border:1px solid #bbb; padding:12px 0; clear:both;}
ul.mylectureGpass:after {content:""; display:block; clear:both;}
ul.mylectureGpass li {float:left; height:20px; line-height:20px; color:#454545;}
ul.mylectureGpass li.title {width:190px; height:40px; line-height:40px; color:#ff6226; font-size:20px; padding-left:25px;}
ul.mylectureGpass li+li {width:315px;}
ul.mylectureGpass li+li+li {width:240px;}
ul.mylectureGpass li ul {width:100%;}
ul.mylectureGpass li ul li {clear:both; padding-left:9px; background:url('../images/sub/mylecture/myroom_arrow.gif') 0 7px no-repeat;}
ul.mylectureGpass li ul li span {color:#ff0000; font-weight:700;}
/* ³»°­ÀÇ½Ç ¿µ¾î,ÀϺ»¾î,Áß±¹¾î ºÐ·ù¹öÆ° */
.mySubjectBtn {width:100%;}
.mySubjectBtn:after {content:""; display:block; clear:both;}
.mySubjectBtn a {display:block; width:150px; height:;}
.tableLinkStyle a {text-decoration:none;}
/* ³»°­ÀÇ½Ç ¿µ¾î,ÀϺ»¾î,Áß±¹¾î ºÐ·ù¹öÆ° */
.paging {text-align:center; padding-top:25px;}
.paging a, .paging b {display:inline-block; position:relative; width:21px; height:21px; margin-right:1px; border:1px solid #fff; font-family:tahoma,'±¼¸²',gulim,sans-serif; font-size:12px; color:#666; font-weight:bold; line-height:21px; text-decoration:none; vertical-align:top;}
.paging b {border-color:#548ae8; color:#548ae8;}
.paging a {border-color:#e8e8e8;}
.paging a:hover {border-color:#bbb; text-decoration:underline;}
.paging a.arrow {width:23px; height:23px; border:none; padding:0; margin:0; text-indent:-9999em;}
.paging a.fName {background:url('../images/sub/paging_arrow.gif') no-repeat;}
.paging a.pName {background:url('../images/sub/paging_arrow.gif') -23px 0 no-repeat;}
.paging a.nName {background:url('../images/sub/paging_arrow.gif') -46px 0 no-repeat;}
.paging a.lName {background:url('../images/sub/paging_arrow.gif')- 69px 0 no-repeat;}