@charset "utf-8";
body { font-family:Dotum, 돋움, Gulim, 굴림 , Helvetica, AppleSDGothicNeo, sans-serif; font-size:81.25%; line-height:1.1em; color:#808080; }

/* Layout */
#wrapper { width:100%; min-width:1020px; }

/* Container */
#container_member { width:100%; height:auto; background:url('/images/member/bg_member.jpg') repeat-y center 0; }
#container { width:1020px; margin:0 auto; font-family:dotum, Trebuchet MS; font-size:13px; }
#container:after { clear:both; content:""; display:block; height:0; visibility:hidden; }

/* Side_nav */
nav.side_nav { width:160px; float:left; padding:46px 0 100px 0; }
nav.side_nav p.tit { height:23px; padding-bottom:32px; vertical-align:bottom; background:url('/images/common/sidenav_line.png') repeat-x 0 100%; }
nav.side_nav ul.list { padding:16px 0; position:relative; }
nav.side_nav ul.list li { background:url('/images/common/sidenav_line.png') repeat-y 5px 0; }
nav.side_nav ul.list li span.first { display:inline-block; width:11px; height:9px; background-color:#85858c; position:absolute; left:0; top:16px; }
nav.side_nav ul.list li span.last { display:inline-block; width:11px; height:9px; background-color:#85858c; position:absolute; left:0; bottom:16px; }
nav.side_nav ul.list li a { padding-left:19px; font-size:13px; font-weight:bold; line-height:30px; font-weight:bold; color:#e5e5e5; background:url('/images/member/sidenav_icon_off.jpg') no-repeat 0 50%;  }
nav.side_nav ul.list li a:active, 
nav.side_nav ul.list li a:hover { font-size:15px; letter-spacing:-1px; color:#000000; background:url('/images/member/sidenav_icon_on.jpg') no-repeat 0 50%; }
nav.side_nav ul.list li a.on { font-size:15px; letter-spacing:-1px; color:#000000; background:url('/images/member/sidenav_icon_on.jpg') no-repeat 0 50%; }

/* Section.cont */
section.cont { width:800px; float:right; padding:40px 0 50px 0; }
section.cont .cont_depth { margin-top:20px; }

/* Title */
section.cont div.tit_wrap { height:30px; padding-bottom:30px; }
section.cont div.tit_wrap:after { clear:both; content:""; display:block; height:0; visibility:hidden; }
section.cont div.tit_wrap h1.tit { width:50%; float:left; }
section.cont div.tit_wrap h1.tit img { vertical-align:bottom; }
section.cont div.tit_wrap p.path { width:50%; float:right; padding-top:18px; text-align:right; font-size:12px; }
section.cont div.tit_wrap p.path a { color:#808080; } 
section.cont div.tit_wrap p.path a:active, 
section.cont div.tit_wrap p.path a:hover { text-decoration:underline; }
section.cont h2.tit_member { font-size:14px; font-weight:bold; padding:40px 0 15px 0; letter-spacing:-1px; }
section.cont h2.tit { padding:30px 0 15px 0; }
section.cont h2.first { padding-top:0; }
section.cont h3.tit_table { font-size:13px; padding-bottom:10px; }

/* Wrap */
section.cont section.member_wrap { width:640px; margin:0 auto; }
section.cont div.btn_wrap { padding-top:20px; text-align:center; }

/* a */
section.cont a.member:link,
section.cont a.member:visited  { color:#808080; }
section.cont a.member:active,
section.cont a.member:hover { color:#808080; text-decoration:underline; }




/* Section.cont */
section.cont_2015 { margin-bottom:40px; }

/* Title */
section.cont_2015 div.tit_wrap { padding-bottom:30px; }
section.cont_2015 div.tit_wrap div.path { height:40px; line-height:40px; text-align:right; font-size:12px; border-bottom:1px solid #e2e1e6; }
section.cont_2015 div.tit_wrap div.path a { color:#808080; } 
section.cont_2015 div.tit_wrap div.path a:active, 
section.cont_2015 div.tit_wrap div.path a:hover { text-decoration:underline; }
section.cont_2015 div.tit_wrap h1.tit { padding-top:30px; }
section.cont_2015 h2.tit { padding:30px 0 15px 0; }
section.cont_2015 h2.first { padding-top:0; }
section.cont_2015 h2 span.text { display:inline-block; height:17px; padding-left:10px; line-height:17px; }
section.cont_2015 h2 span.text_point { color:##f25831; font-weight:bold; }
section.cont_2015 h2.tit_member { font-size:14px; font-weight:bold; padding:40px 0 15px 0; letter-spacing:-1px; }
section.cont_2015 h2.tit_member2 { font-size:14px; font-weight:bold; padding:30px 0 15px 0; letter-spacing:-1px; }

/* Wrap */
section.cont_2015 div.banner_top { padding-bottom:30px; }
section.cont_2015 div.btn_wrap { padding-top:20px; text-align:center; }




/* Member_comment */
div.member_comment { width:800px; padding-bottom:30px; }
div.member_comment:after { clear:both; content:""; display:block; height:0; visibility:hidden; }
div.member_comment p.tit { font-size:14px; font-weight:bold; padding-bottom:8px; float:left; }
div.member_comment p.tit2 { padding-top:6px; } 
div.member_comment p.tit strong { line-height:18px; }
div.member_comment a { float:right; }
div.member_comment span { clear:both; display:block; }
section.wrap_basic { padding:15px 0; border-top:2px solid #192233; border-bottom:1px solid #e2e1e6; background-color:#f0f0f2; }
section.wrap_basic:after { clear:both; content:""; display:block; height:0; visibility:hidden; }
section.wrap_point { padding:25px; border-top:2px solid #e2e1e6; border-bottom:1px solid #e2e1e6; }
section.wrap_point:after { clear:both; content:""; display:block; height:0; visibility:hidden; }
section.wrap_point div.text { line-height:18px;  }
section.wrap_point div.important { background:url('/images/member/img_icon_important.jpg') no-repeat 100% 50%; }
section.wrap_point div.important div.not_payment { padding-bottom:5px; }
section.wrap_point div.important div.not_payment strong.not_payment_text { padding-right:5px; font-size:15px; }  
section.wrap_point div.text div.tit_img { padding-bottom:10px; }
section.wrap_point div.text strong { font-weight:bold; }
section.wrap_point div.depth { padding-top:10px; }

ul.software_img { width:660px; margin:0 auto; }
ul.software_img li { width:90px; float:left; padding:10px; }
ul.software_img li div.text { padding-top:10px; text-align:center; line-height:18px;  }
ul.software_img li a { font-size:12px; color:#808080; }

/* table */
table.member_basic { width:100%; table-layout:fixed; border-collapse:collapse; border-spacing:0; border-top:2px solid #192233; }
table.member_basic caption { visibility:hidden; font-size:0; line-height:0; }
table.member_basic th,
table.member_basic td { border-bottom:1px solid #e2e1e6; padding:10px 0; }
table.member_basic th.last,
table.member_basic td.last { border-bottom:1px solid #192233; }
table.member_basic th { font-weight:bold; font-size:14px; text-align:left; vertical-align:middle; }
table.member_basic th div { padding-left:20px; }
table.member_basic th div span.text_eng { display:block; padding-top:5px; font-family:Trebuchet MS; font-size:12px; font-weight:normal; color:#999; }
table.member_basic td { padding-left:20px; }
table.member_basic td span.text_line { display:inline-block; width:10px; text-align:center; }
table.table_col2 { width:100%; table-layout:fixed; border-collapse:collapse; border-spacing:0; border-top:2px solid #192233; border-left:1px solid #e2e1e6; }
table.table_col2 caption { visibility:hidden; font-size:0; line-height:0; }
table.table_col2 caption.caption_text { font-size:13px; padding-bottom:10px; text-align:left; }
table.table_col2 th,
table.table_col2 td { height:38px; border-right:1px solid #e2e1e6; border-bottom:1px solid #e2e1e6; vertical-align:middle; }
table.table_col2 th.last,
table.table_col2 td.last { border-bottom:1px solid #e2e1e6; }
table.table_col2 th { font-weight:bold; text-align:center; vertical-align:middle; background-color:#f0f0f2; }
table.table_col2 td.a_top { vertical-align:top; }
table.table_col2 td.a_top div.line { border-bottom:1px solid #e2e1e6; border-style:dashed; }
table.table_col2 td.a_top div.last { border-bottom:0; }
table.table_col2 td.a_top ul { padding:5px 0; }
table.table_col2 td.a_top li { padding:2px; text-align:center; }
table.table_col2 td.a_top ul li.subjec_tit { font-weight:bold; line-height:20px; }
table.table_col2 td.a_top ul li.subject_date { font-size:11px; }
table.table_col2 td.a_top ul li strong.point { color:#808080; font-weight:bold; }
table.table_col2 td.a_top ul li strong.point a { color:#808080; text-decoration:underline; }
table.table_col2 td.a_top ul li strong.point a span.name { font-weight:normal; font-size:11px; }
table.table_col2 td.a_top ul.book { padding-top:5px; background-color:#f0f0f2; }
table.table_col2 td.a_top ul.book li.down { position:relative; }
table.table_col2 td.a_top ul.book li.down div.btn_book_list { width:130px; position:absolute; left:9px; top:27px; border:1px solid #333333; background-color:#fff; padding:5px; }
table.table_col2 td.a_top ul.book li.down div.btn_book_list ul.book_list_list a { font-size:11px; color:#808080; }
table.table_col2 td.a_top ul.book li.down div.btn_book_list ul.book_list_list a:hover,
table.table_col2 td.a_top ul.book li.down div.btn_book_list ul.book_list_list a:active { text-decoration:underline; }
table.table_row { width:100%; table-layout:fixed; border-collapse:collapse; border-spacing:0; border-top:2px solid #192233; }
table.table_row caption { visibility:hidden; font-size:0; line-height:0; }
table.table_row th,
table.table_row td { height:38px; border-bottom:1px solid #e2e1e6; vertical-align:middle; }
table.table_row th.last,
table.table_row td.last { border-bottom:1px solid #e2e1e6; }
table.table_row th { font-weight:bold; text-align:center; vertical-align:middle; background-color:#f0f0f2; }
table.table_row td.a_center { text-align:center; }
table.table_row td div { padding-left:20px; letter-spacing:-1px; }
table.table_row td div.a_center { padding-left:0; text-align:center; }
table.table_row td div.a_right { padding-left:0; padding-right:20px; text-align:right; }
table.table_row td strong.point { color:#333333; font-weight:bold; }
table.payment { width:100%; table-layout:fixed; border-collapse:collapse; border-spacing:0; border-top:2px solid #192233;  border-bottom:1px solid #e2e1e6; }
table.payment caption { visibility:hidden; font-size:0; line-height:0; }
table.payment th,
table.payment td { height:38px; vertical-align:middle; }
table.payment th.line,
table.payment td.line { padding:10px 0; border-bottom:1px solid #e2e1e6; }
table.payment th.first,
table.payment td.first {}
table.payment th.last,
table.payment td.last { padding:10px 0; }
table.payment th { font-weight:bold; font-size:13px; text-align:left; vertical-align:middle; }
table.payment th div { padding-left:20px; }
table.payment td p.text_comment { font-size:11px; color:#4c6699; padding-top:10px;  }
table.withoutbank { width:100%; table-layout:fixed; border-collapse:collapse; border-spacing:0; border-top:2px solid #192233; position:relative; }
table.withoutbank caption { visibility:hidden; font-size:0; line-height:0; }
table.withoutbank th { height:38px; border-bottom:1px solid #e2e1e6; vertical-align:middle; font-weight:bold; background-color:#f0f0f2; }
table.withoutbank td { padding:50px 0; text-align:center; border-bottom:1px solid #e2e1e6; }
table.withoutbank td.row_line { border-right:1px solid #e2e1e6; }
table.withoutbank td  img { vertical-align:middle; }
table.withoutbank div.or { position:absolute; left:381px; top:104px; }
table.withoutbank div.btn { padding-top:10px; }
table.table_line { width:100%; table-layout:fixed; border-collapse:collapse; border-spacing:0; border-top:2px solid #192233; }
table.table_line caption { visibility:hidden; font-size:0; line-height:0; }
table.table_line th,
table.table_line td { border-bottom:1px solid #e2e1e6; border-left:1px solid #e2e1e6; padding:10px 15px; }
table.table_line th { font-weight:bold; font-size:14px; text-align:center; vertical-align:middle; }
table.table_line th.first { border-left:0; }
table.table_line td.first { border-left:0; }


/* */
/* join */
section.join_sns { padding-top:10px; }
section.join_sns ul.sns_list { width:560px; margin:0 auto; }
section.join_sns ul.sns_list:after { clear:both; content:""; display:block; height:0; visibility:hidden; }
section.join_sns ul.sns_list li { float:left; width:240px; padding:0 20px; }
section.join_sns div.join_line { padding:25px 0; text-align:center; background:url('/images/member/bg_login_line.jpg') repeat-x 0 50%; }
section.join_sns div.join_line img { }
section.join {}
section.rule { width:640px; padding:40px 0 20px 0; }
section.rule:after { clear:both; content:""; display:block; height:0; visibility:hidden; }
section.rule div.rule_wrap1 { width:310px; float:left; }
section.rule div.rule_wrap2 { width:310px; float:left; padding-left:20px; }
section.rule div.text_wrap { clear:both; height:90px; border:1px solid #e2e1e6; padding:10px; overflow-y:scroll; background-color:#fff; }
section.rule span.check { display:inline-block; padding-left:6px; }

/* join - 이용약관 */
section.rules { font-size:11px; line-height:16px; }
section.rules strong { color:#f2613d; }
section.rules h2 { font-size:12px; font-weight:bold; color:#666666; padding:20px 0 10px 0; }
section.rules h2.first { padding-top:0; }
section.rules h3 { font-size:11px; font-weight:bold; color:#808080; padding:10px 0 10px 0; }
section.rules h3.first { padding-top:0; }
section.rules h3.last { padding-bottom:0; }
section.rules a { color:#666666; text-decoration:underline; }
section.rules h2 a { text-decoration:none; }
section.rules p { padding-bottom:10px; }
section.rules p.first { padding-top:10px; }
section.rules p.last { padding:0; }
section.rules ul { margin-left:18px; padding-bottom:10px; }
section.rules ul.first { padding-top:10px; }
section.rules ul.last { padding-bottom:0; }
section.rules ul span.first_letter { margin:0 4px 0 -18px; display:inline-block; width:14px; }
section.rules ol { margin-left:18px; padding-bottom:10px; }
section.rules ol.first { padding-top:10px; }
section.rules ol.last { padding-bottom:0; }
section.rules ol span.first_letter { margin:0 4px 0 -18px; display:inline-block; width:14px; }
section.rules ol.no { margin-left:0; }

/* join_ok */
section.join_ok { border-top:2px solid #192233; border-bottom:1px solid #e2e1e6; padding:60px 0; background:url('/images/member/img_join_ok.jpg') no-repeat 127px 50%; }
section.join_ok p.text { padding-left:217px; }
section.join_ok p.text strong { font-size:16px; font-weight:bold; line-height:30px; }

/* login */
div.login_wrap { width:800px; padding-top:10px; }
div.login_wrap:after { clear:both; content:""; display:block; height:0; visibility:hidden; }
div.login_wrap section.login { width:320px; float:left; padding-left:20px; padding-right:40px; }
div.login_wrap section.login ul.list li { width:320px; padding-bottom:10px; }
div.login_wrap section.login ul.list li.last { padding-bottom:0; }
div.login_wrap section.login ul.list li span.password { display:block; padding-top:10px; text-align:center; }
div.login_wrap div.login_line { width:39px; height:204px; float:left; background:url('/images/member/bg_login_line.jpg') repeat-y 50% 0; }
div.login_wrap div.login_line img { padding-top:86px; }
div.login_wrap section.sns { width:320px; float:right; padding-right:20px; }
div.login_wrap section.sns div.sns_wrap { height:174px; background-color:#e2e1e6;  }
div.login_wrap section.sns div.sns_wrap ul.list { width:250px; padding-left:40px; padding-top:32px; }
div.login_wrap section.sns div.sns_wrap ul.list li { padding-bottom:20px; }
div.btn_join {  width:800px; text-align:center; padding-top:40px; }
div.btn_join a { color:#808080; font-weight:bold; text-decoration:underline; }

/* 강의 이어보기 */
section.subject_tosee { width:800px; background-color:#e2e1e6; }
section.subject_tosee:after { clear:both; content:""; display:block; height:0; visibility:hidden; }
section.subject_tosee section.movie { float:left; width:500px; height:281px; background-color:#000000; }
section.subject_tosee section.movie div.text { text-align:center; padding-top:90px }
section.subject_tosee section.movie div.text span { display:block; padding-top:25px; font-size:; font-weight:bold; color:666666; }
section.subject_tosee div.movie_text { float:right; width:300px; }
section.subject_tosee div.movie_text span.text { display:block; padding:30px; line-height:18px; }
section.subject_tosee div.movie_text strong { font-weight:bold; }
section.subject_tosee div.movie_text div.btn { padding-top:20px; }

/* 장바구니 - 리스트 */
ul.register_list { border-top:2px solid #192233; }
ul.register_list li { border-bottom:1px solid #e2e1e6; padding:10px 0; }
ul.register_list li:after { clear:both; content:""; display:block; height:0; visibility:hidden; }
ul.register_list li.last { border-bottom:1px solid #e2e1e6; }
ul.register_list dl { width:100%; }
ul.register_list dt.list_img { float:left; }
ul.register_list dt.list_img div { width:180px; height:102px; text-align:center; color:#ffffff; font-family:Trebuchet MS; font-size:14px; vertical-align:middle;  }
ul.register_list dt.list_img div.sat1 { background-color:#85a642; }
ul.register_list dt.list_img div.sat2 { background-color:#429da6; }
ul.register_list dt.list_img div.ap { background-color:#4b71a6; }
ul.register_list dt.list_img div.toefl { background-color:#cca352; }
ul.register_list dt.list_img div.act { background-color:#d9634c; }
ul.register_list dt.list_img div.tutoring { background-color:#705c99; }
ul.register_list dt.list_img div span.tit { display:block; padding-top:32px; font-size:16px; }
ul.register_list dt.list_img div span.text { display:block; padding-top:12px; }
ul.register_list dd.list_text { float:left; line-height:18px; padding-top:31px; padding-left:20px; }
ul.register_list dd.list_text div.tit { font-size:14px; font-weight:bold; color:#333333; line-height:22px; }
ul.register_list dd.list_text strong { font-weight:bold; }
ul.register_list dd.list_price { float:right; text-align:right; padding-top:19px; line-height:20px; }
ul.register_list dd.list_price strong { font-size:14px; font-weight:bold; }
ul.register_list dd.list_price div.btn { padding-top:5px; }
ul.register_list dd.list_price2 { float:right; text-align:right; padding-top:31px; line-height:20px; }
ul.register_list dd.list_price2 strong { font-size:14px; font-weight:bold; }

/* 장바구니 - BIG 스틱 강좌선택 */
div.stick_wrap { padding:30px; background-color:#f0f0f2; }
div.stick_wrap ul.class_list {}
div.stick_wrap ul.class_list li { padding:12px 0 10px 0; font-weight:bold; vertical-align:middle; border-bottom:1px solid #e2e1e6; }
div.stick_wrap ul.class_list li.last { border-bottom:none; }
div.stick_wrap ul.class_list li span.check { display:inline-block; vertical-align:top; margin-top:11px; } 
div.stick_wrap ul.class_list li label { display:inline-block; }
div.stick_wrap ul.class_list li span.instructor { display:block; font-weight:normal; padding-top:4px; font-size:11px; color:#999; }
div.stick_wrap div.progress_wrap { border:1px solid #e2e1e6; background-color:#fff; }
div.stick_wrap div.progress_wrap2 { border:1px solid #e2e1e6; background-color:#fff; margin-top:20px; }
div.stick_wrap div.cont_box { padding:30px; }
div.stick_wrap div.cont_box p { padding-top:8px; }
div.stick_wrap div.cont_box p.first { padding-top:0; }
div.stick_wrap div.cont_box a { color:#999; text-decoration:underline; }
div.stick_wrap div.cont_box_rules { padding:20px; height:140px; overflow-y:scroll; }
div.stick_wrap h3.progress_tit { text-align:center; font-size:20px; font-weight:bold; }
div.stick_wrap h3.provision_tit { font-size:14px; font-weight:bold; color:#333; padding:20px 0 10px 0; }
div.stick_wrap h3.first { padding-top:0; }
div.stick_wrap ul.progress_list { border-top:2px solid #192233; margin-top:20px; }
div.stick_wrap ul.progress_list li { border-bottom:1px solid #e2e1e6; padding:10px; font-weight:bold; color:#f25831; position:relative; }
div.stick_wrap ul.progress_list li img { vertical-align:middle; }
div.stick_wrap ul.progress_list li div.stick_btn { float:right; position:absolute; right:10px; top:7px; }
div.stick_wrap div.progress_check { padding-top:20px; text-align:center; font-size:14px; font-weight:bold; }
div.stick_wrap div.progress_check2 { padding-top:20px; text-align:left; font-size:13px; font-weight:bold; line-height:20px; }

/* 장바구니 - 스틱 배송주소 */
div.shipping_addr { padding:30px 90px; background-color:#f0f0f2; }
div.shipping_addr div.addr_rules {}
div.shipping_addr div.addr_rules div.text_wrap { border:1px solid #e2e1e6; padding:10px; background-color:#fff; font-size:12px; line-height:18px; color:#999; }
div.shipping_addr div.addr_rules div.text_wrap p { padding-top:8px; }
div.shipping_addr div.addr_rules div.text_wrap p.first { padding-top:0; }
div.shipping_addr div.addr_rules div.text_wrap a { color:#999; text-decoration:underline; }

/* 수강신청 - 가격 */
section.register_price { width:800px; background-color:#f0f0f2; margin-top:20px; }
section.register_price:after { clear:both; content:""; display:block; height:0; visibility:hidden; }
section.register_price section.comment { padding:30px; float:left; }
section.register_price section.price { width:300px; float:right; padding:30px 0; color:#ffffff; text-align:center; line-height:22px; background-color:#85858c; }
section.register_price section.price p strong { font-size:20px; font-weight:bold; }
section.register_price section.price p.dollar { color:#000000; font-weight:bold; }
section.register_price section.price p.num { font-weight:bold; }

/* 결제수단 선택 */
section.payment_choice { padding-top:20px; }

/* 결제완료 */
section.register_ok { border-top:2px solid #192233; border-bottom:1px solid #e2e1e6; padding:40px 0; text-align:center; }
section.register_ok p { padding-top:20px; line-height:18px; }
section.register_ok p.tit { font-size:14px; font-weight:bold; }
section.register_ok p.text {}
section.register_ok p.text a { color:#808080; text-decoration:underline; }
section.register_ok p.text a:active,
section.register_ok p.text a:hover { color:#f2613d; }

