@charset "euc-kr";
/* CSS Document */
/*공통사용******************************/
/*clear 공통적으로 들어가는 CSS*/
#clear{ clear:both; }
.float-left{
float:left;
}
.float-right{
float:right;
}
/*************************************/
body{ margin:0; padding:0; color:#fff; background:#616161; } /*전체 마진,페팅 0값*/
*{margin:0px; padding:0px;}
body,td,input,div,form,select,textarea,pre{ font-size:9pt; font-family:굴림,Tahoma; }
form{margin:0; padding:0;}
body{
}
a,label{cursor:pointer;}
A:link { text-decoration:none; color:#999999; }
A:visited{text-decoration:none; color:#ffffff;}
A:hover{text-decoration:none; color:#282dd0; }
#top_bottom33 {background-color:#003700; width:980px; height:25px; }
/*중앙정렬*/
#Body { width:980px; margin:0 auto; background-color:#2e3642; }
#container{ width:960px; margin:0 auto; /*background-image: url( http://topteacher.co.kr/study/skin_board/p_build_home/b_img/grid.jpg ); */ }
/*상단메뉴*/
.top_logo { float:left; width:290px; height:57px }
.topTitle { float:right }
#Tmaps{
position:absolute;
margin-top:80px !important;
margin-top:65px;
margin-left:350px !important;
margin-left:10px;
}
#all_map{
text-align:center;
font-weight: bold;
background:#2E3642;
}
#all_map a{
color:#FFF;
padding:2px;
}
#all_map a:hover{
color:#333;
padding:2px;
background:#FFF;
}
.topmenu{ width:960px; height:150px; margin:0 auto; }
/*이달의테마 섬네일 이미지 제목*/
#theme h5{
text-align:center;
}
.ch_img_text {background-color:#000000; border:1px solid #888888; margin:5px 0 0 0; height:20px; color:#ddd; padding-top:6px;} /*아이보드 썸네일 밑 제목을 위한 css */
.ch_img_style { border: 1px solid #000; }
/*공지사항*/
#main_note{
color:#ccc;
padding:6px;
margin-bottom:4px;
background:#155DAF;
}
/* 좌측컬럼 강의,동영상,업데이트,샘플시작*/
#l_coulmn{
float:left;
width:800px;
margin: 0 0 0 0;
border:1px solid #000;
background:#161c25;
}
.flash_slider{
width:800px;
margin:0 0 0 0;
border:0px solid blue;
}
/**sample**/
#Sample,#update {
margin:5px 0px
}
#Sample h1,#update h5 {
padding:8px;
height:19px;
font-size:12px;
border-top: 1px solid #CCC; border-bottom:1px solid #CCC;
background:#0A3A69;
display:block;
}
/**샘플 리스트**/
div#sample_list{
padding:5px;
border:3px solid #669933;
background:#01131f
}
div#sample_list ul li h2{
text-indent: -9999px;
margin:10px 30px 0px 3px;
width:146px;
height:56px;
background: url('b_img/sample_ico.jpg');
}
li#Sample-text{
padding-top: 10px;
}
li#Sample-text ul li{
padding:10px;
}
li#Sample-text ul li a{ color:#FFF; }
li#Sample-text ul li a:hover{ color:#669934; }
/**update**/
/*우측 로그인,이용안내시작***/
#r_coulmn{
float:right;
width:144px;
margin: 0 0 0 8px;
}
.custemer{
margin-top:6px;
}
.info{
width:142px; height:236px; margin-top:10px; border:1px solid #CCC;
background: url( b_img_add/howto.gif ) no-repeat; }
/*하단좌측 basic, 기본,심화,응용,강좌갤러리,회원갤러리시작*/
#f_lcoulmn{
float:left;
width:632px;
height:377px;
margin: 15px 0 0 0;
border:1px solid #CCC;
padding: 0;
background:url(http://topteacher.co.kr/study/skin_board/p_build_home/b_img/study_bg.gif) no-repeat;
}
/*테마강좌 텝을 위한 스타일 */
#theme {float:left; width:630px; height:375px; margin:15px 0 0 0; background:#161c25; border:1px solid #000;}
.itab_box_hd_gray {float:left; margin:3px 0 ; color:#000; width:154px; height:32px; cursor:pointer; background: url(b_img/theme_back1.gif ) no-repeat center left;}
.itab_box_hd_white {float:left; margin:3px 0 ; color:#FFF; width:155px; height:32px; cursor:pointer; background: url(b_img/theme_back2.gif ) no-repeat left center;}
.itab_theme {background: url(b_img/theme_back3.gif ) 0 150% repeat-x;}
#theme2 {background: url(b_img/theme_title.jpg ) no-repeat;
width:630px; height:35px; padding-top:25px ; padding-left:10px; }
#theme2 h5 { font-size:12px; margin-top:10px; }
#theme_teb {width:600px; height:275px; border:1px solid #000; margin:20px 15px;
background: url(b_img/theme_back.gif ) repeat-x;}
/* 하단우측 인기강좌,강좌후기시작*/
#f_rcoulmn{
float:right;
width:305px;
margin: 15px 0 0 18px;
}
.pop{
width:305px;
height:180px;
margin: 0 0 0 0;
border:1px solid #000;
background:#161c25;
}
.pop h1 { height:23px; background:url(http://topteacher.co.kr/study/skin_board/p_build_home/b_img/pop.gif) no-repeat; margin-bottom:15px; *margin-bottom:0px; }
.rating{
width:305px;
height:180px;
margin: 15px 0 0 0;
border:1px solid #000;
background:#161c25;
}
#reply-slidedown{
display:none;
width:210px;
padding:10px;
line-height: 20px;
}
#reply-slidedown span{
color:#777;
margin-left:10px;
}
.reply {
height:0px !important;
color:#9999CC !important;
font-size:12px;
font-weight: normal;
background: none !important;
margin-bottom:0px !important;
padding:0px !important;
}
/*block_ui로그인 디자인*/
.ui_loginform{
margin:3px;
padding:3px;
border:1px solid #000;
background: #FEFEFE;
}
.ui_loginform h1{
color:#494957;
font-size:15pt;
}
.block_input{
color:#5353E1; font-size: 14pt; width:250px; height:30px; margin:6px; padding:4px; border:1px solid #CCC; background: #FFFFE8;
}
.ui_login_btn{
color:#FFF;
padding:10px;
border:1px solid #000;
background:#4747DB;
}
.ui_a_btn{
text-decoration: none;
}
.ui_a_btn a{
color:#5B595C !important;
font-weight: bold;
padding:4px;
}
.ui_a_btn a:hover{
color:#660099 !important;
font-weight: bold;
padding:4px;
}
/*메인하단메뉴*/
#footer_list{
margin-top:10px;
text-align:left;
padding:10px 5px;
border: 1px solid #000;
background:#161C25;
}
/* 베스트강좌,업데이트강좌 상단슬라이드 */
#bsample{
margin-left:16px;
}
/*방송디자인*/
.bc-list{
float:left;text-align:left;height:155px !important; margin-top:10px !important; margin:13px 10px 5px 0px; padding:2px; border:1px solid #000; background:#000
}
.bc-commty{
float:left;text-align:left;height:155px !important; margin-top:10px !important; margin:13px 0px 5px 10px; padding:2px; border:1px solid #000; background:#000
}
.bc-h1{
padding:2px;color:#ccc;font-size:12px; background:#293D73;
}
.bc-banner{
float:left;
margin:2px 0px 0px 22px
}
#b_radius{
padding:30px;
margin-top:10px;
background:#FFF;
}
#b_radius li{
padding:4px;
}
/*하단메뉴*/
#twter-div{
position: absolute;
margin-top:155px !important;
margin-top:180px; /*ie*/
margin-left:10px !important;
margin-left:-460px;/*ie*/
}
.bottom_menu{text-align:left; padding:5px; }
.bottom_menu_d{ text-align:left; padding:5px; vertical-align:top }
.bottom_li{ padding:5px }
.rating p { position:absolute; margin-top: -20px; margin-left: -40px; width:72px; height:52px; background: url(http://topteacher.co.kr/study/skin_board/p_build_home/b_img/con_like.gif) no-repeat; }
.rating h1 { height:23px; background:url(http://topteacher.co.kr/study/skin_board/p_build_home/b_img/rating_bg.jpg) no-repeat; margin-bottom:15px; *margin-bottom:0px; }
/*footer*/
.footer{ width:960px; height:125px; background:#2e3642; margin-top:20px; }
.logo { float:left; width:425px; height:140px; }
.logo p {position:absolute; margin-top: 40px; margin-left: 20px;}
#logo2 {width:422px; height:39px; padding-top:7px; padding-left:32px; _padding-left:0px;
background:url(http://topteacher.co.kr/study/skin_board/p_build_home/b_img/logo/Clogo2.jpg) no-repeat;}
#logo2 a {margin:0px 2px 0 2px;}
.adds { clear:both; font-family:굴림,Tahoma; font-size:12px; color:#FFF; line-height:20px; text-align:left; padding:5px; }
.list{ width:527px; height:26px; background:url(/study/skin_board/p_build_home/b_img/footer_line.jpg) no-repeat ; }
.list li { float:left; list-style:none; font-size:9pt; color:#FFF; padding: 0 20px; margin: 5px 0 0 0px; }
.list a { font-size:9pt; color:#FFF; }
/********************************************/
/* 이벤트 */
#event_more img {position:absolute; margin-top:750px; margin-left:-80px }
/*******************************************/
/*전체 사이즈 테두리*/
/****[인트로 로그인 페이지]****/
#border { border:15px solid #CCC; background:#000 }
#Lbox { float:left; margin:5px 3px }
#Lbox p { margin-top:5px }
#Lbox h1 { color:#FFF; font-size:18px ; margin-left:0px; margin-top:10px }
#Rbox { float:left; width:365px; margin:0 5px }
#text_bg { margin-top:10px; padding:0; width:365px; height:304px; background:url("b_img/intro_login/text_bg.jpg") no-repeat }
/*설명*/
#text_bg h1 { padding:20px 10px; color:#000; font-size:9pt }
#text_bg li { margin:15px 35px ; color:#000; font-size:9pt;text-align:left; }
/*버튼들*/
#main_link { float:left; margin-left:8px; margin-top:20px; width:77px; height:23px; color:#000; font-size:12px; text-indent:-9999px; background:url("b_img/intro_login/main_link.jpg") no-repeat }
#btn { float:left; margin:5px 0 10px 15px; width:817px; height:51px; background:url("b_img/intro_login/btn_bg.jpg") no-repeat }
#btn ul { list-style:none; margin-left:53px }
#btn ul li { cursor:pointer; margin-left:5px; margin-top:5px }
.btn1 { float:left; width:103px; height:41px; color:#000; font-size:12px; text-indent:-9999px; background:url("b_img/intro_login/web_btn1.jpg") no-repeat }
.btn2 { float:left; width:103px; height:41px; color:#000; font-size:12px; text-indent:-9999px; background:url("b_img/intro_login/web_btn2.jpg") no-repeat }
.btn3 { float:left; width:103px; height:41px; color:#000; font-size:12px; text-indent:-9999px; background:url("b_img/intro_login/web_btn3.jpg") no-repeat }
.btn4 { float:left; width:103px; height:41px; color:#000; font-size:12px; text-indent:-9999px; background:url("b_img/intro_login/web_btn4.jpg") no-repeat }
.btn5 { float:left; width:103px; height:41px; color:#000; font-size:12px; text-indent:-9999px; background:url("b_img/intro_login/web_btn5.jpg") no-repeat }
.btn6 { float:left; width:103px; height:41px; color:#000; font-size:12px; text-indent:-9999px; background:url("b_img/intro_login/web_btn6.jpg") no-repeat }
.btn7 { float:left; width:103px; height:41px; color:#000; font-size:12px; text-indent:-9999px; background:url("b_img/intro_login/web_btn7.jpg") no-repeat }
.btn8 { float:left; width:103px; height:41px; color:#000; font-size:12px; text-indent:-9999px; background:url("b_img/intro_login/web_btn8.jpg") no-repeat }
/*상단 글*/
.top_txt { color:#FFF; font-size:9pt; margin:5px 0 }
/*로그인폼*/
.intro_login_bg { width:365px; height:132px; }
.intro_login_bg table { margin-left:95px; margin-top:10px }
.idinput { width:104px; height:17px; border: 1px solid #CCC }
.passwdinput { width:104px; height:17px; border: 1px solid #CCC }
.intro_id { color:#000; font-size:9pt }
.intro_passwd { color:#000; font-size:9pt }
/*업그레이드 로그인폼*/
.newlogin_bg{
background:#f1f1f1;
}
.newlogin_bg h1{
color:#555;
font-size:14px;
font-weight: bold;
margin-left: 10px;
padding: 8px 2px;
}
.id_input,.pass_input{
color:#fff;
margin:2px 7px;
padding: 6px 1px;
vertical-align:middle;
height:20px !important;
height:0px;
border: 1px solid #CCC;
background: #333;
}
.newtype_image{
margin: 5px 6px;
}
.loginlink{
margin:10px 4px;
}
.loginlink a{
color:#333;
padding:4px 0px;
}
.loginlink a:hover{
color:#000;
}
/*로그아웃 폼*/
#n_bg{ padding:3px; color:#333; font-size:9pt; text-align:left; background:#FFF }
.pay_ico{ width:35px; height:11px;}
.free_ico{ width:35px; height:11px;}
.Charge_btn{ margin-left:1px }
#n_bg a { margin-left:1px }
#n_bg h5 { margin:2px; color:#333; font-size:9pt }
#n_bg_hr { color:#006699; height:1px }
.payText{ width:60px;color:red; font-size:9pt }
#logout-box{
width:137px;
height:76px;
color:#333;
}
#month-box{
display:none;
color:#333;
font-size:8pt;
background:#FFF;
}
#month-text{
color:red;
}
#Div{
padding:3px 4px;
border-bottom:1px solid #000;
}
#monthstate{
padding:3px 0px;
border-bottom:1px solid #000;
}
#Div-p{
padding:2px 5px;
}
#state{
margin-left:5px;
padding:3px;
color:#FD5202;
font-weight:bold;
background:#FFF;
}
#month-txt{
width:62px;
height:18px;
margin-left:5px;
background:url("/b_img/login_img/month-use.gif");
}
#event{
}
#m-point{
color:red;
}
#un-txt{
margin:0;
padding:0;
}
/* 글목록 테이블 CSS */
A.subjectColor:link {text-decoration:none; color:#ffffff;} /*글제목: 읽지 않은 글 */
A.subjectColor:visited {text-decoration:none; color:#ffffff;} /*글제목: 읽은 글 */
.subjectColor:hover {text-decoration:none; color:#ffffff;} /*글제목: 마우스OVER */
#mainIndexTable td{} /*글목록 전체
|
*/
#board_title_help { text-align:center; margin:10px 0px; } /* 유료강좌 Interface 강좌 안내 타이틀*/
#board_title_help h1{ cursor:pointer; font-size: 9pt; padding:8px; border: 4px solid #2465A4; background: #0a3a69 }
.head_td {height:12px; padding-top:2; color:#333333; background:#CCC;}
.head_td img {border-width:0;} .head_td a:link,a:visited{color:#333333;}
.list_default {padding-left:0;}
.list_check {text-align:center; width:20px;}
.list_no {text-align:center; font-size:8pt; font-family:Tahoma,돋움;}
.list_subject {width:; word-break:break-all; padding-left:2px;}
.font_repcnt {color:#278BE9; font-size:7pt; font-family:Tahoma,돋움;}
.list_name {text-align:left; letter-spacing:-1; width:100; padding-left:2px;}
.list_date {text-align:center; font-size:8pt; font-family:Tahoma,돋움; width:70; padding:0 4 0 2;}
.list_hit {text-align:center; font-size:8pt; font-family:Tahoma,돋움; width:30;}
.list_category {text-align:center; letter-spacing:-1; padding:0 2 0 1;}
.list_other {text-align:center;}
.list_wr_add {padding:5px 0 0 10px; color:#d0d7e1; line-height:15px; } /*입력란 추가 생성한
|
*/
.list_hr_tr {display:;}
.list_hr_line {height:1; background-color:; padding:0; }
.list_thumbnail {background-color:#ffffff; width:190px; height:90px;}/*섬네일*/
.list_thumbnail2 {background-color:#ffffff; width:140px; height:90px;}/*섬네일*/
.font8pt {font-size:8pt; font-family:돋움; color:#666666;}
/*페이지징 디자인*/
li#pageing_number{
padding:11px;
cursor: pointer;
}
li#pageing_number a{
padding:6px 15px 5px;
margin-right: 4px;
border:1px solid #CCC;
background:#f1f1f1;
}
li#pageing_number a:hover{
color:#FFF;
background: #0a3a69
}
.cur_num{
color:#FFF;
background: #0a3a69 !important;
}
#list_button { padding:5px; background: #000; } /*글목록버튼 페이지번호 */
#list_button ul{
background: #ccc;
}
#list_button ul li { float:left; }
.lesson_b { padding:10px 0 0 0px; margin-top:3px; }
.list_default a:link {text-decoration:none; color:#cccccc;}
.list_default a:visited {text-decoration:none; color:#cccccc;}
#button-ico{
padding:7px;
}
.lesson_b { padding:10px 0 0 0px; margin-top:3px; }
.list_default a:link {text-decoration:none; color:#cccccc;}
.list_default a:visited {text-decoration:none; color:#cccccc;}
.list_default a:hover {text-decoration:none; color:#ffffff; font-weight:bold; }
#opennumber{border-bottom:2px solid #ffffff;} /*본문출력 상태인 글제목엔 밑줄찍~*/
/*로그인*/
.login_box{ border:1px solid #CCC; background:#f1f1f1 }
img{ border:0; }
.img_btn{ margin:10px 10px; }
.img_btn a { float:left; margin:2px; }
.img_btn img{ float:left; width:58px; height:23px; }
/*ie 6 bg이미지 모잘은 부분을 repeat-x로 채움*/
.login_bg { width:142px; background: url(b_img/login_img/login_bg.jpg) repeat-x;}
.id_pass{ float:left; margin-top:55px; margin-left:6px; }
.id_pass input { width:74px; height:17px; border:1px solid #B0B0B0; font-size:8pt; font-family:Tahoma; }
.type_image { float:left; margin-top:55px; margin-left:4px; }
.member3 img{ margin:10px 5px }/*******/
.checkbox { margin-top:4px; }
.checkbox input { width:11px; }
.checkbox label { color:#006699 }
.input_box{ margin:0 0 0 0; }
.input_box p{ margin:2px; }
/*로그아웃 폼*/
.bg{ font-size:9pt; color:#000; width:142px; height:168px; background: url(b_img/login_img/bg.jpg) no-repeat; }
.name{ float:left; width:40px; height:20px; margin:3px; background: url(b_img/login_img/name.gif) no-repeat; }
.name_txt { float:left; margin-top:6px; }
.id{ float:left; width:40px; height:20px; margin: 3px; background: url(b_img/login_img/id.gif) no-repeat left; }
.id_txt { float:left; margin-top:6px; }
.bg br {clear:both; }
.mypage img { margin: 4px 2px; }
.logout img { margin: 4px 2px; }
#bottom-div{
margin-top:0px !important;
margin-top:0px;
}
.Margin{ margin:1px 0 0 0; }
/*결제 고객안내 menu_right1*/
.my_info { width:142px; padding:5px 0;}
.info_bg { width:142px; height:236px; margin-top:15px; border:1px solid #CCC; background: url(b_img_add/howto.gif ) no-repeat;}
/*고객센터 우측메뉴*/
.Faq_bg { width:140px; height:234px; margin-top:15px; border:1px solid #CCC; background: url(b_img_add/FaqBg.jpg ) no-repeat;}
/*FAQ*/
.b_mphoto_body{width:50px; margin-top:10px; cursor:pointer;}/* 회원사진 - 본문내 삽입 */
.b_mphoto_reply {width:40px; margin-top:2; cursor:pointer;}
.b_reply_input{font-size:8pt; font-family:Tahoma,돋움; width:100px; height:17px; color:555555;
border:1px solid #e5e5e5; background-color:#ffffff; text-align:center;}/* 댓글쓰기→이름,메일,비번 입력칸*/
.b_hand{cursor:pointer;} /*링크표시*/
.b_insert_td{line-height:110%;}/* 글쓰기-편집기로 작성해 넣은 표의
|
*/
.b_autolink{color:#0184FF; text-decoration: underline;}/* url 자동링크 글자색*/
.b_detail_td{border:1px solid ; border-width:0 0 1 1; font-size:8pt; font-family:Tahoma,돋움;}
.b_detail_td img{margin-top:1px;}
/********FLV본문********/
/*3일간 포인트유지 **/
#Dday { margin-top: 0px; margin-left:10px; display:block; color:#CCC; }
/*동영상*/
#f_blibtv,#re_direct{
cursor: pointer;
font-size:9pt;
padding:6px;
margin-bottom:4px;
background:#888;
}
/*제목배경 */
.subject{ margin-top:10px; width:800px; height:42px; background:url(b_img/subject.gif) no-repeat; }
/*제목 */
.subject h4{ padding-top:13px; font-size:14px; text-align:center; color:#FFF; }
/*내용배경*/
.contents{ width:797px; height:106px; margin-top:5px; background:url(b_img/contents_bg.jpg) no-repeat; }
/*내용*/
.contents span{ float:left; margin:20px 0 0 90px; font-size:12px; color:#FFF; width:410px; height:57px; }
/*다운로드*/
.download{ float:left; margin:45px 0 0 80px; font-size:12px; color:#FFF; text-align:left; width:206px; height:43px; }
ul.download li { color:#FF8040; margin-left:20px; padding:2px; text-decoration:none;}
.down_help{ width:797px; height:63px; margin:5px 0; background:url(b_img/down_help.gif) no-repeat; }
.down_help span { display:block; padding: 15px 0 0 120px; font-size:12px; color:#FFF; }
/* 작성자, 홈페이지, 카테고리 등의 subject 출력 부분에 적용 */
.b_detail_left{color:#454545; background-color:; width:120; padding-top:2;}
/* 작성자, 홈페이지, 카테고리 등에 해당되는 '데이타'에 적용 */
.b_detail_right{color:#444444; background-color:#ffffff; border-bottom:1px solid #fafafa; font-size:8pt; font-family:Tahoma,돋움; padding-left:3;}
/* 조회, 추천, 아이피 등의 글자에 적용 */
.b_detail_right2{color:#777777; background-color:#ffffff; font-size:8pt; font-family:Tahoma,돋움; padding:2; padding-right:10;}
/* 회원사진 - 본문내에 출력 */
.b_mphoto_body{width:50px; margin-top:5px; filter:alpha(style=2, opacity=80, finishopacity=5); cursor:pointer;}
/********************************** [댓글 출력부분] *****************************************************************
/* 회원사진 - 댓글에 출력 */
.b_mphoto_reply img{width:80px; ; margin-top:5px; cursor:pointer;}
/* 회원사진이 없을때 댓글 출력*/
.missing_reply { margin:5px 0 0 30px; }
.missing_reply img { border:1px solid #f0f0f0; width:80px; height:80px;}
.missing_reply p { color:#FFF; font-size:9pt; }
.missing_reply span { color:#64758E; font-size:9pt; }
/* 댓글 입력란의 이름,메일,비밀번호 입력칸에 적용 */
.b_reply_input{font-size:8pt; font-family:Tahoma,돋움; width:100px; height:17px; color:555555;
border:1px solid #e5e5e5; background-color:#ffffff; text-align:center;}
.b_hand{cursor:pointer;}
.b_list_subject{width:px; word-break:break-all;}
.b_list_name{text-align:center;}
.b_list_date{text-align:center; font-size:8pt; font-family:Tahoma,굴림;}
.b_list_hit{text-align:center; font-size:7pt; font-family:Tahoma,굴림;}
/* 글쓰기-편집기로 작성해 넣은 표의
|
*/
.b_insert_td{line-height:110%;}
/* url 자동링크 글자색*/
.b_autolink{color:#0184FF; text-decoration: underline;}
.b_imagine_table{} /*편집기-공간분할 */
.b_imagine_td{} /*편집기-공간분할
|
*/
/* ☞:☞ 댓글내부 첨부파일 입력/출력 관련 부분 */
.fp_div{font:normal 8pt Tahoma; color:#777777; border-bottom:1px dashed #dddddd; float:left; margin-bottom:3px;}
.fp_icon{margin:4px; height:14px; border-width:0;}
.fw_div{font:normal 7pt Tahoma; display:none; padding:2px 0 4px 10px; text-align:left;}
.fw_input{width:350px; font-size:8pt; font-family:Tahoma; border:1px solid #dddddd; background-color:#ffffff;}
.fw_plus{cursor:pointer;}
/* ☞:☞ END */
/*FAQ*/
.FAQ_info{
padding:3px
}
/*사이트 개편 안내페이지 디자인*/
#site_info-box{
width:800px;
text-align:left;
background:#E1E5EB;
}
#Title1{
float:left;
width:250px;
margin-top:30px;
padding:10px;
color:#FFF;
font-size:9pt;
font-weight:bold;
background:green;
}
#Title2{
float:left;
width:400px;
margin-top:30px;
padding:10px;
background:#FFF;
}
#site_info-box p{
color:#666;
font-size:9pt;
letter-spacing: 0px;
line-height:170%;
margin-top:0px !important;
margin:-5px 10px 5px 10px;
padding:20px;
background:#FFF;
}
#site_info-box .arraw{
margin-left:30px;
padding:0;
}
#recomchart-table{
text-align:center;
width:780px;
margin-left:10px;
color:#888;
font-size:9pt;
border:1px solid #888;
}
#recomchart-table th{
color:#ededed;
padding:10px;
background:green;
}
#recomchart-table td{
padding:10px;
background:#ededed;
}
#recomchart-table .th-size{
width:130px;
}
#recomchart-table .td-align{
text-align:left;
padding:30px;
}
#recom-img-chart{
margin-left:2px;
margin-bottom:5px;
}#chart1{
margin-left:110px;
}
#font-color{
font-weight:bold;
color:#ff6600;
}#font-color-blue{
font-weight:bold;
color:blue;
}
#recom-text-red{
display:block;
font-weight:bold;
color:red;
}
#commd{
color:#FFF;
background:green;
margin:-5px 10px 5px 10px;
padding:20px;
}
#text-full{
display:none;
line-height:170%;
color:#333;
background:#ccc;
margin:-5px 10px 5px 10px;
padding:20px;
}
#footer-botton{
margin-top:20px;
margin-bottom:20px;
margin-left:30px;
padding:10px;
color:#FFF;
font-size:14px;
background:green;
}
/*유료강좌이용안내페이지 디자인*/
#payhtml-table{
text-align:center;width:276px;height:85px;color:#333; border-collapse:collapse; background:#ccc
}
#payhtml-table .tdborder{
border:1px solid #333;
}
#payhtml{ /*결제버튼*/
cursor:pointer;
}
/*block*/
.block{
border:1px solid #a3a09e;
background:#FFF;
margin-bottom:20px;
}
.block_inside{
display:block;
border:1px solid #FFF;
background:#FFF;
background-image:url(b_img/function/b_block_slice.jpg);
background-repeat:repeat-x;
padding:10px;
}
/*category 디자인*/
.category-box{
padding:5px;
background:#000;
}
.cate-titel{
font-size:9pt;
color:#FFF;
margin-top: 5px;
padding:5px;
background:#2867C4;
}
.cate_all{
color:#FFF;
}
.cate_menu_num{
color:#D43215;
}
.cate_name a{ /* 메뉴칸 */
text-decoration: none;
width:183px!important; /*ie 가 아닌 브라우져 출력*/
width:198px;
color:#ede;
padding:7px;
float:left;
text-align:left;
border:1px solid #CCC;
background:#000;
}
.cate_name a:hover{
float:left;
color:#FFF;
width:183px!important;
width:198px;
background:#9C2173;
}
.cate_num{
float:left;
color:#FFF;
width:50px;
padding: 0px 0px;
text-align: center;
background:#6A7DA6;
}
.cate_name_act a{
width:183px!important;
width:198px;
color:#555;
padding:7px;
float:left;
text-align:left;
border:1px solid #CCC;
background:#ccc;
}
.cate_text_act{
color:blue;
padding-left:5px
}
.cate_text{
color:#ede;
padding-left:5px
}
/*SNS서비스 버튼 트위터 미투 요즘*/
.sns_btn{
width: 799px;
padding:5px;
background:#CCC;
}
.sns_btn p{
margin-left: 550px;
}
.snstext{
color:#034a68;
font-weight: bold;
}
/*자동추천인 제도 페이지 디자인*/
.pr_box{
text-align:left;
color:#555;
padding:6px;
width:796px;
background:#FFF;
}
.pr_num1{
text-indent: -500px;
width:334px;
height:55px;
margin-left: 6px;
background:url("/study/skin_member/mem_standard/img/pr_num1.png");
}
.pr_num1_text{
color:#444;
line-height: 30px;
padding:16px;
background:#f9f9f9;
}
.pr_num2{
text-indent: -500px;
width:231px;
height:48px;
margin-left: 6px;
background:url("/study/skin_member/mem_standard/img/pr_num2.png");
}
.pr_num3{
text-indent: -5000px;
width:236px;
height:42px;
margin-top:10px;
margin-left: 6px;
background:url("/study/skin_member/mem_standard/img/pr_num3.png");
}
.pr_num4{
text-indent: -5000px;
width:264px;
height:49px;
margin-left: 6px;
background:url("/study/skin_member/mem_standard/img/pr_num4.png");
}
.pr_link-code-box{
padding:10px;
border:1px solid #CCC;
background:#f9f9f9;
}
.pr_link_code_title{
padding:0px;
}
.pr-link-code{
float:left;
margin-top:10px;
padding:10px;
color:#333;
font-weight: bold;
}
.pr-link-copy{
float:left;
text-indent: -5000px;
cursor: pointer;
width:144px;
height:53px;
background:url("/study/skin_member/mem_standard/img/pr_link_copy.png");
}
#sns_link_js{
display: none;
}
.pr-clear{
clear:both;
}
#pr_twwter{
padding:4px;
cursor: pointer;
color:#777;
font-size:12pt;
font-weight: bold;
margin-left: 25px;
}
#pr_m2day{
padding:4px;
cursor: pointer;
color:#777;
font-size:12pt;
font-weight: bold;
margin-left: 25px;
}
#pr_yozm{
padding:4px;
cursor: pointer;
color:#777;
font-size:12pt;
font-weight: bold;
margin-left: 25px;
}
#pr_tweet_box{
width:513px;
padding:6px;
height:300px;
}
.pr_table{
display:none;
text-align: left;
width:513px;
color:#333;
margin-bottom: 10px;
border-collapse:collapse;
}
.pr_table td{ padding:4px }
.pr_td1{
width:420px;
height:50px;
background:#f0f0f0;
}
.pr_td2{
background:#f0f0f0;
}
.pr_td2 img{
cursor: pointer;
padding-right:5px;
}
.pr_td_l{
height: 50px;
}
.pr_link_rel_btn{
margin-left:60px;
}
.pr_copy_user{
width:500px;
padding:6px;
border:1px solid #CCC;
background:#FFFFF4;
}
.pr_text_user{
width:300px;
margin:4px;
overflow:hidden;
padding: 6px;
border:1px solid #CCC;
}
.textarea_fl_left{
float:left;
}
.textarea_fl_right{
float:right;
}
#pr_text{
overflow:hidden;
}
.pr_add_user{
cursor: pointer;
margin-top:4px;
margin-left: 20px;
}
.pr_admin_add{
}
.pr_admin_add textarea{
width:300px;
margin:4px;
padding: 6px;
border:1px solid #CCC;
}
.pr_admin_add button{
margin:6px;
padding:10px;
border: 1px solid #CCC;
background: #ddd;
}
/*추천인 가입페이지*/
.pr_idex_box{
text-align: left;
padding:6px;
width:796px;
background:#FFF;
}
.pr_idex_box h1{
padding:4px;
color:#666;
font-size:14pt;
}
.pr_m_box{
padding:16px;
background:#f1f1f1;
}
#pr_radius1,#pr_radius2,#pr_radius3,#pr_radius4{
color:#666;
padding: 28px;
background: #FFF;
}
#pr_radius1 li, #pr_radius2 li, #pr_radius3 li, #pr_radius4 li{
padding:14px;
}
#pr_membership{
display: none;
text-align:left;
color:#666;
padding:30px;
}
.pr_memebes_btn{
text-align:center;
margin:18px;
cursor:pointer;
}
#pr_id_input{
padding:6px;
border:1px solid #ccc;
}
#pr_add_btn{
margin-left: 250px;
}
#pr_error{
color:red;
font-size:10pt;
font-weight:bold;
}
#pr_loadding_img{
display: none;
}
/*홍보방법소개*/
.pr_help{
list-style: none;
padding: 10px;
background: #f1f1f1;
}
.pr_help li{
float:left;
margin: 10px 4px;
padding:6px;
}
.pr_help li a{
cursor: pointer;
padding:10px;
margin: 2px;
color:#666;
font-weight:bold;
background:#FFF;
}
.pr_help li a:hover{
color:#FFF;
background:#CCC;
}
#pr_tweeter_help,#pr_m2day_help, #pr_yozm_help, #pr_myhome_help{
display: none;
padding:4px;
border:1px solid #CCC;
}
.pr_tweet_red{
padding:4px;
color:#888;
font-size: 14pt;
font-weight:bold;
}
#pr_tweeter_help h1,#pr_myhome_help h1,#pr_m2day_help h1,#pr_yozm_help h1{
padding:6px;
margin: 4px;
color:#FFF;
border:1px solid #CCC;
background:#0066cc;
}
#pr_tweeter_help p,#pr_myhome_help p, #pr_m2day_help p ,#pr_yozm_help p{
padding:6px;
color:#777;
font-size:14pt;
font-weight: bold;
}
/*mymage 디자인*/
.mypage_full_box{
text-align:left;
color:#666;
width:805px;
background:#FFF;
}
.m_state{
padding:20px;
margin:10px;
}
.m_state strong{
margin-right: 5px;
}
.m_logtime{
margin-left: 10px;
}
.m_state a{
color:#FFF;
padding:8px 12px;
margin-left: 20px;
background:#666699;
}
.m_state a:hover{
background:#47476b;
}
.m_box{
padding: 6px;
background:#f1f1f1;
}
.pay_member_no{
padding:20px;
margin:10px;
color:#CCC;
font-size:10pt;
border:6px solid #f1f1f1;
}
#m_redius1,#m_redius2{
width:348px;
}
#m_redius1{
float:left;
height:196px;
padding:16px;
font-size:10pt;
margin:8px;
background: #FFF;
}
#m_redius1 small{
margin-left:15px;
padding:2px;
color:#888;
}
#m_redius1 p{
padding:20px;
}
#m_redius1 span ,#m_redius2 span{
color:#888;
font-weight: bold;
}
#m_redius2{
float:left;
height: 196px;
padding:16px;
font-size:10pt;
margin:8px;
background: #FFF;
}
#m_redius2 p{
padding:10px 20px;
}
/*마이페이지에서 1:1답변 출력*/
#m_qnalist{
margin-top: 20px;
padding: 20px;
border:12px solid #F1F1F1;
}
ol.timeline{
font-size:15px;
margin-top: 50px;
margin-bottom: 50px;
}
ol.timeline li{
margin:0px 10px 10px 20px;
}
.cot_subject{
width:600px;
}
.nuder_d{
margin: 0 10px;
}
.cont_state{
color:#FFF;
font-size:12px;
padding:3px 4px 1px 4px;
margin: 0px 10px;
background: orange;
}
.subtext{
padding: 10px;
margin-left: 20px;
margin-bottom: 10px;
background: #f1f1f1;
}
.cun_qna, .cun_redata{
margin-left:55px;
}
.cun_redata{
padding:6px;
border:3px dotted #CCC;
}
.morebox{
text-align:center;
text-decoration: none;
width:730px;
padding:10px 0px;
border: 5px solid #CCC;
}
.more{
color:#555;
width:730px;
font-size: 14px;
font-weight: bold;
}
.morebox a:hover{
color:#000;
width:730px;
}
/*익스프로가 아닌곳에서 메세지 출력*/
#MSIE-messge{
padding:20px;
line-height: 30px;
border:10px solid red;
}
/*APPS 파일 페이지 디자인*/
#Apps{
color:#333;
padding:4px;
background:#FFF;
}
#Apps li{
float:left;
list-style: none;
width:150px;
height:120px;
margin:4px;
margin-bottom: 20px;
border: 1px solid #CCC;
}
#Apps img{
width:140px;
padding: 4px;
}
#Apps h1{
font-size:9pt;
padding:4px 0px;
}
#Apps a{
color:#FFF;
padding:4px;
background:#3C344D;
}
#Apps a:hover{
color:#FFF;
padding:4px;
background:#000;
}
/*스티커메모 디자인*/
.sticky_note{
padding: 6px;
margin-bottom: 5px;
border: 4px solid #CCC;
background: #FFFFCC;
}
.sticky_note h1{
color:#666633;
font-size: 14px;
}
.sticky_note span{
color:#4D10C0;
font-size:14px;
font-weight: bold;
margin-left:500px;
}
.note_box{
OVERFLOW: hidden;
overflow:visible;
text-overflow:ellipsis;
width:500px;
min-height:50px;
height:50px;
padding:4px;
color:#000;
border: 1px solid #CCC;
}
/*뉴 결제페이지*/
.input-border{
padding:3px !important;
border: 1px solid #CCC;
}
.block{
display:block;
}
.img-margin{
margin-top: 10px;
}
.clear-both{
clear:both;
}
div#pay-main{
padding:10px;
color:#666;
font-size:12px;
text-align:left;
background:#FFF;
}
div#pay-main ol, ul, li{
list-style:none
}
div#pay-main input{
margin:0;
padding:0;
}
div#pay-main img{
border:0;
}
div#pay-Special{
padding:10px;
border: 2px solid #0a3a69;
}
div#pay-Special h1{
margin-bottom: 10px;
text-indent: -9999px;
background: url(/study/skin_member/mem_standard/img/new-pay/pay-Special.png) no-repeat;
}
div#pay-Special img {
margin-right: 10px;
margin-bottom: 10px;
}
div#pay-Special p{
margin-bottom: 10px;
color:#333;
}
div#pay-SpecialInfo{
padding:10px;
}
div#pay-SpecialInfo h1{
margin-bottom: 10px;
text-indent: -9999px;
background: url(/study/skin_member/mem_standard/img/new-pay/pay-SpecialInfo.png) no-repeat;
}
div#pay-SpecialInfo img{
margin-top:10px;
margin-bottom: 5px;
}
div#pay-SpecialInfo{
}
div#pay-Payment{
width:520px;
margin-top:7px;
border-right: 1px solid #CCC;
}
div#pay-Payment-title,#pay-PaymentButton-title{
margin-bottom: 5px;
border-bottom:1px solid #CCC;
}
div#pay-Payment ul{
margin: 0px;
}
div#pay-Payment ul li{
display: inline;
cursor: pointer;
margin-left: 20px;
}
div#pay-Payment hr{
height: 1px;
color:#ccc;
}
div#pay-Payment input{
margin-bottom: 20px;
}
div#pay-card,#pay-phone{
display: none;
}
div#pay-Account,#pay-card,#pay-phone{
margin:20px;
}
div#pay-Account h1,#pay-card h1,#pay-phone h1{
margin-top:20px;
margin-bottom:10px;
background: none;
color:#0a3a69;
font-size:14px;
}
div#pay-Account p{
margin-top: 20px;
}
div#pay-Account span ,#pay-card span,#pay-phone span{
color:#0a3a69;
font-size:25px;
font-weight: bold;
}
div#pay-Account h2 ,#pay-card h2,#pay-phone h2 {
color:#0a3a69;
font-size:25px;
font-weight: bold;
}
label#pay-Account-label-margin{
padding-right:10px ;
}
div#pay-PaymentButton{
width:260px;
}
div#pay-PaymentButton hr{
height: 10px;
margin: 0px;
padding:0px;
}
div#pay-PaymentButton p{
margin:20px;
}
div#pay-PaymentButton span{
display:inline-block;
color:#FF0080;
}
div#pay-card-btn,#pay-phone-btn{
display: none;
}
div#pay-card-btn input,#pay-Account-btn input,#pay-phone-btn input{
margin-left:30px!important
}
/**결제성공**/
.right-border{
padding-right:10px ;
border-right:1px solid #CCC;
}
.ACC-succss{
display: none;
}
div#pay-succss{
border-top:1px solid #CCC;
}
div#pay-succss a{
color:red;
}
div#pay-succss a:hover{
color: #000;
}
div#pay-succss img{
margin-bottom: 10px;
}
div#pay-succss ul{
width:400px;
margin-left:40px;
border:1px solid #CCC;
background:#f1f1f1;
}
div#pay-succss ul li{
text-align: left;
padding:20px;
border-bottom: 1px solid #2465A4;
}
div#pay-succss ul li strong{
color:#333;
font-size:16px;
}
div#pay-succss ul li span{
margin-left:30px;
}
div#pay-succss p{
margin:20px;
}
div#pay-loss{
padding: 20px;
border-top:1px solid #CCC;
}
div#pay-loss img{
margin-right: 20px;
}
div#pay-loss h2{
color:red;
}
div#pay-loss h3{
margin: 10px 0px;
}
div#pay-loss p{
margin-bottom: 10px;
}
/**결제정보페이지**/
div#pay-info-main{
width:780px;
height:800px;
padding:10px;
color:#333;
font-size:12px;
background:#FFF;
}
div#pay-info-main caption{
margin: 20px;
color:#2465a4;
font-size: 12px;
}
div#pay-info-main a{
text-decoration: none;
color:#333;
font-weight:bold;
}
div#pay-info-main a:hover{
color:#2465a4;
}
div#pay-info-main a:active{
color:#2465a4;
}
div#pay-info-main ul{
text-align: left;
margin-top:50px ;
padding-bottom: 10px;
border-bottom: 1px solid #0a3a69;
}
div#pay-info-main ul li{
display:inline;
padding:0px 20px;
border-right: 1px solid #0a3a69;
}
#my-pay-info,#my-recomid-info{
width:780px;
border-collapse:collapse;
table-layout:fixed;
text-align: center;
}
table#my-recomid-info{
display:none;
}
div#pay-info-main table th{
padding:10px 0px;
background:#f1f1f1;
}
table#my-pay-info td,#my-recomid-info td{
padding:6px;
border-bottom: 1px solid #f1f1f1;
}
#pay-info-main ol {
text-align: left;
margin:20px;
}
#pay-info-main ol li{
padding:10px;
}
| |