/* 레이아웃 */ /*공통*/ /* 메인 */ #mobile {display: none;} .mobile {display: none;} .hamburg {display: none;} header .nav {display: none;} header .login {display: none;} #menu {width:100%; height:116px; z-index:101; background:url(http://img.studyforce.co.kr/studyforce/image/main/bg_globalline.png) repeat-x;} .menu_inner {width:960px; height:160px; margin:0 auto; } /*.logo a {width:238px; height:55px; float:left; margin:35px 0 0 0; position:absolute; background:url(http://img.studyforce.co.kr/studyforce/images2/main2019/logo_force15.png) no-repeat;}--비문학독해포스 로고 */ .logo a {display: block; color: transparent; width:308px; height:84px; margin:25px 0 0 10px; background-image:url('http://img.studyforce.co.kr/studyforce/images2/main2019/logo01_20220330.jpg'); background-size: cover;} .global1 {width:268px; height:30px; float:right; background:url(http://img.studyforce.co.kr/studyforce/image/main/bg_global.png) no-repeat; padding-left:32px;} .global1 li {float:left; padding: 6px 7px 0 ; height:30px; font-size: 11px; font-weight: bold; } .global1 a {color: #ffffff; height:30px; display:block; overflow:hidden; background-repeat: no-repeat;} .global1 a:hover {color: #ffff00;} .mainmenu1 {margin:60px 0 0 320px;; float:left; z-index:1000; position:absolute; min-width: 260px; } .mainmenu1 li {float:left; width:145px; overflow:hidden;} .mainmenu1 a {height:55px; display:block; font-size: 18px; color: #333; padding: 10px;} .mainmenu1 a:hover {color: #E31E61} #submenu {position:fixed; width:100%; font-weight:bold; display:block; overflow:hidden;z-index:100; box-shadow: 2px 2px 5px 10px rgba(0,0,0,0,0.5);} .sub_inner {padding:1px 0 0 50px; top:95px; width:590px; height:0; margin:0 auto;} .submenu {width:300px; height:90px; margin-left:25px; background-color: #777777; border-radius: 5px;} .submenu ul {display:inline;float:left; padding-top:10px;} .submenu a {color:#FFF; font-size:12px;} .submenu a:hover {color:#ffbbbb; font-size:12px;} .submenu li {margin:3px; line-height:14px; display:block;} .category1 {width:120px; padding-left:22px;} .category2 {width:145px;} .category3 {width:120px; padding-left:22px;} .nav {display: none;} .billboard1 {width: 100%; height: 430px; background:#241f1c; background: url(http://img.studyforce.co.kr/studyforce/images2/main2019/bg_billboard_20220324.png); background-position: right bottom; background-repeat: no-repeat;} .billboard2 {width: 100%; height: 630px; background:#241f1c; background: url(http://img.studyforce.co.kr/studyforce/images2/main2019/bg_billboard_20220324.png); background-position: right bottom; background-repeat: no-repeat;} .left_main_info {width:133px; height:24px; font-size:15px; background-color:#db1c48; padding:9px 0 0 15px; border-top:1px solid #fb285d; border-bottom:1px solid #9f0529; color:#FFF;} .left_main_info_on {width:133px; height:24px; font-size:15px; background-color:#ffffff; padding:9px 0 0 15px; border-top:1px solid #ffffff; border-bottom:1px solid #9f0529; color:#000;} .left_main {width:133px; height:24px; font-size:14px; background-color:#db1c48; padding:9px 0 0 15px; border-top:1px solid #fb285d; border-bottom:1px solid #9f0529; color:#FFF;} .left_main_on {width:133px; height:24px; font-size:14px; background-color:#ffffff; padding:9px 0 0 15px; border-top:1px solid #ffffff; border-bottom:1px solid #9f0529; color:#000;} .left_sub {width:128px; height:23px; font-size:13px; background-color:#db1c48; padding:8px 0 0 20px; border-top:1px solid #fb285d; border-bottom:1px solid #9f0529; color:#000;} .left_sub_on {width:128px; height:23px; font-size:13px; background-color:#b5153b; padding:8px 0 0 20px; border-top:1px solid #fb285d; border-bottom:1px solid #9f0529; color:#ff0;} .left_sub:hover {background-color:#b5153b;} .left_payment {width:133px; font-size:15px; background-color:#595b67; padding:15px 0 15px 15px; border-top:1px solid #6c6f78; color:#fff;} .left_arrow {border:1px solid #3a3b40; background-color:#434552; color:#ffe001; float:right; padding:1px 5px; font-weight:bold; font-size:6px; border-radius:2px; margin-right:15px;} .left_title {font-size:20px; color:#FFF; text-align:center; padding:23px 0;} #wrap_main {margin:-150px auto 0; display:block; z-index:30; OVERFLOW:hidden; clear:both;} .forguest {clear:both} .forguest li {display:block; line-height:0; font-size:0} .section {width: 100%; display: inline-block;} .section::after {dispaly: block; content: ''; clear: both;} .section_inner {width: 950px; margin: 0 auto; padding: 35px 0;} .section_inner_M {width: 100%; margin: 0 auto; padding: 35px 0;} .eliment {width: 455px; padding-bottom: 35px; margin: 35px 0;} .eliment_m {width: 100%; padding-bottom: 35px; margin: 35px 0;} .leadcopy1 {font-family: chosun; font-size: 2.1rem; line-height: 3rem; padding-top: 1rem; letter-spacing: -0.1rem} .tqtest {width: 950px; height: 484px; background: url(http://img.studyforce.co.kr/studyforce/images2/main2019/TQ-re_20220405.png); background-size: cover; background-repeat: no-repeat; margin: 0px auto;} .bt_tq_payment {padding: 6px 160px 8px 160px; margin: 190px 0 0 510px; display: inline-block; border: 5px solid #27272d; background-color: #27272d; font-family: score_r; font-size: 1.8rem; cursor: pointer;} .bt_tq_start {padding: 6px 160px 8px 160px; margin: 5px 0 0 510px; display: inline-block; border: 5px solid #dcdcde; background-color: #dcdcde; font-family: score_b; font-size: 1.8rem; cursor: pointer;} .blockwidth1 {width: 410} /*훈련 성실도 경고*/ .banner_right {float:right; margin-top:110px;} .bn_korean {height:222px; margin-top:30px;} .bn_review {height:135px; margin:-100px 0 0 15px;} .bn_column {height:109px; margin-top:17px;} .pop_red {z-index:100; background-image:url(http://img.studyforce.co.kr/studyforce/images2/main/pop/pop_red.png); position:absolute; width:469px; height:288px; margin:-275px 0 0 -57px;} .pop_blue {z-index:100; background-image:url(http://img.studyforce.co.kr/studyforce/images2/main/pop/pop_blue.png); position:absolute; width:469px; height:256px; margin:441px 0 0 -57px;} .pop_red_close {position:absolute;margin:45px 0 0 430px;} .font_pop_red {font-weight:bold; font-size:21px; color:#c60707;position:absolute; margin:71px 0 0 327px;} .font_pop_blue {font-weight:bold; font-size:21px; color:#c60707;position:absolute; margin:75px 0 0 298px;} .acaname {width:274px; height:53px; background:url(http://img.studyforce.co.kr/studyforce/image/main/bg_acaname.png); text-align:center; margin-bottom:10px; line-height:22px; color:#FFFFFF; font-size:18px; font-weight:bold; font-family:dotum;} .freeboard {padding-top:33px;} #wrap_center {width:480px; float:left;} .enrichment {width:250px; height:120px; OVERFLOW:hidden; background:url(http://img.studyforce.co.kr/studyforce/image/main/bg_enrichment.png) no-repeat;} .enrichment LI {POSITION:relative; WIDTH:48px; FLOAT:left; HEIGHT:45px; margin-left:1px; OVERFLOW:hidden;} .enrichment a {MARGIN-top:5px; WIDTH:48px; HEIGHT:45px; DISPLAY:block; BACKGROUND:url(http://img.studyforce.co.kr/studyforce/images2/main05/icon_enrichment.png); background-repeat:repeat-y;} .ranking {width:200px; height:110px; font-size:11px; font-family:dotum; background:url(http://img.studyforce.co.kr/studyforce/image/main/bg_ranking.png) no-repeat; color:#c0c0c0;} .ranking_1st {width:95px; padding:5px 0; color:#a4a4a4} .ranking_2nd {width:35px; padding:5px 0; color:#a4a4a4} .ranking_3rd {padding:5px 0; color:#a4a4a4} .studyzone {width:494px; height:110px; float:left; BACKGROUND:url(http://img.studyforce.co.kr/studyforce/image/main/bg_studyzone.png) no-repeat; margin:5px 0 0 20px;} .studyzone li {display:block; float:left;} .answer {border:solid 1px #CCCCCC; background-color:#efefef; width:95%; margin-bottom:10px;} #copy {width:955px; margin:20px auto; padding:30px 0; text-align:center; font-family:tahoma, Gulim; clear:both; border:solid 1px #e0e0e0; background-color:#f5f5f5} .leftmenu {background-color:#307ed1;} /*사이트맵*/ .sitemap_menu {width:576px; margin-left:40px;} .sitemap_menu div {float:left; width:114px; height:230px; padding:0 30px 0 0;} .sitemap_menu ul {padding:10px 0 0 0;} .sitemap_menu li {padding:0 0 5px 10px; width:114px; height:18px; background:url(http://img.studyforce.co.kr/studyforce/images2/center/bg_category.jpg) no-repeat;} .sitemap_bts {float:left} .sitemap_bts li {margin:-10px 0 45px 0; padding-left:0px} /* 다른브라우져 */ html:first-child select {padding-right:6px; height:20px;} /* Opera 9 & Below Fix */ option {padding-right:6px;} /* Firefox Fix */ legend {position:absolute; top:0; left:0; width:0; height:0; overflow:hidden; visibility:hidden; font-size:0; line-height:0;} /* For Screen Reader */ html, body, #sub_container {height:100%;} /* 새로운왼쪽메뉴 */ #M_left { width:233px; height:201px; float:left; text-align:left; padding-top:5px; background-color:#35353d; } #loginbox {height:158px; width:217px; float:left; margin-top:37px; margin-left:10px; } .lb_box { background:url(http://img.studyforce.co.kr/studyforce/images2/main_12s/login_box_bg.jpg) no-repeat; width:145px; height:24px; padding-top:2px; padding-left:5px; } .lb_box_input { BACKGROUND-COLOR:#ebebec; BORDER: #ebebec 1px solid; FONT-SIZE: 11px; HEIGHT: 13px; PADDING-LEFT: 3px; PADDING-RIGHT: 3px; COLOR: #666666; } #l_freeid a { background:url(http://img.studyforce.co.kr/studyforce/images2/main_12s/free_id.jpg) no-repeat; width:233px; height:203px; float:left;} #l_event a { background:url(http://img.studyforce.co.kr/studyforce/images2/popup/banner_2012dday.jpg) no-repeat; width:233px; height:183px; float:left;} #fb_like { width:180px; height:76px; float:left; margin-left: 20px; margin-top: -60px; } #analysis2013 { width:180px; height:76px; float:left; margin-left: 20px; margin-top: -60px; } #loginbox_G { min-height:150px; width:222px; float:left; padding-left:20px; margin:20px 0; } #loginbox_S {min-height:396px; width:212px; float:left; padding-left:20px; margin-top:20px } /*#loginbox_S {background:url(http://img.studyforce.co.kr/studyforce/images2/main_new/LOGIN_BG_S.jpg) no-repeat; height:195px; width:232px; float:left; padding-left:15px; }*/ .S_box { width:178px; margin:7px; letter-spacing:-0.2mm; font-size:12px; color:#ffffff;} .S_box_L:link {color:#a3d2f7;text-decoration:none;} .S_box_L:visited {color:#a3d2f7;text-decoration:none;} .S_box_L:active {color:#a3d2f7;text-decoration:none;} .S_box_L:hover {color:#a3d2f7;text-decoration:none;font-weight:normal} /*#loginbox_G {width:232px; float:left; padding-left:15px; }*/ #T_box{width:200px;} #T_Layer{overflow-x:hidden;} #Best_RV { float:left; width:533px;} .Best_RV_title a { background: url(http://img.studyforce.co.kr/studyforce/images2/main_new/best_title_n.jpg) no-repeat; width:150px; height:20px; display:block; margin-bottom:15px;} .main_subprogram{ background: url(http://img.studyforce.co.kr/studyforce/images2/main_new/subprogram.gif) no-repeat; width:189px; height:13px; display:block; margin:0 auto;} .main_magicvoca a { background: url(http://img.studyforce.co.kr/studyforce/images2/main_new/bt_magicvoca.gif) no-repeat; width:187px; height:40px; display:block; margin:18px auto 18px auto;} .main_magicvoca a:hover { background: url(http://img.studyforce.co.kr/studyforce/images2/main_new/bt_magicvoca_on.gif) no-repeat; width:187px; height:40px; display:block; margin:18px auto 18px auto;} .main_ebook a { background: url(http://img.studyforce.co.kr/studyforce/images2/main_new/bt_ebook.gif) no-repeat; width:187px; height:40px; display:block; margin:0 auto 13px auto;} .main_ebook a:hover {background: url(http://img.studyforce.co.kr/studyforce/images2/main_new/bt_ebook_on.gif) no-repeat; width:187px; height:40px; display:block; margin:0 auto 13px auto;} .M_poll { background:url(http://img.studyforce.co.kr/studyforce/images2/main_new/poll_bg.jpg) no-repeat; font-weight:bold; padding:50px 25px 10px 20px;} #T_ID a {width:187px; height:147px; background:url(http://img.studyforce.co.kr/studyforce/images2/main_new/bt_freeid.jpg) no-repeat; display:block; margin-top:30px; float:left;} .mbg_bar {background:url(http://img.studyforce.co.kr/studyforce/images2/main_new/mbg_bar.jpg) repeat-y; } .p_kor{ position:relative; width:207px; height:85px;} .p_eng{ position:relative; width:207px; height:70px; top:175px;} .p_mid{ position:relative; width:207px; height:70px; top:245px;} .p_search{ position:relative; width:207px; height:50px; top:320px;} .bt_top{ position:relative; width:207px; height:80px; top:382px;} /*유료회원*/ #m_voca { width:197px; float:left; margin-bottom:20px; background-color:#4f4f4f; padding-bottom:10px;} .myvoca a { background:url(http://img.studyforce.co.kr/studyforce/images2/main04/bt_myvoca.jpg) no-repeat; width:197px; height:42px; float:left;} .myvoca2 a { background:url(http://img.studyforce.co.kr/studyforce/images2/main04/bt_myvoca2.jpg) no-repeat; width:197px; height:42px; float:left;} .mv_t {background:url(http://img.studyforce.co.kr/studyforce/images2/main04/left_mv_bg.jpg) repeat-x top; width:167px; height:35px; margin-left:14px; float:left;} .taining { float:left; } .m_ecard { width:179px; height:60px; padding-left:13px; margin-top:-3px;} .s_title li { display:inline; padding-left:5px;} /** 서브페이지 **/ #s_wrap{ width:100%; background:url(http://img.studyforce.co.kr/studyforce/images2/sub_new/sub_bg.jpg) repeat-y; margin:0 auto; overflow: auto ;overflow-y:hidden; } /*탑메뉴*/ #mtop_logo a { background:url(http://img.studyforce.co.kr/studyforce/images2/main04/main_logo.jpg) no-repeat; width:197px; height:54px; float:left; } #mtop_menu { width:950px; height:55px; float:left;} #stop_qmenu { width:145px; height:450px; float:left;} #stop { width:1250px; height:61px; position:fixed; z-index:10000;} /* -webkit-box-shadow: 3px 3px 6px #000000; /Safari and Chrome / -moz-box-shadow: 3px 3px 6px #000000; / Firefox / box-shadow: 3px 3px 6px #000000; / CSS3 / filter: progid:DXImageTransform.Microsoft.Shadow(color=#000000, Direction=135, Strength=10); / IE / */ #S_loading { position:fixed; width:100%; height:55px; background-color:#191919; z-index:10000; top:0px; display:block;} * html #S_loading { width:100%; height:55px; background-color:#191919; z-index:10000; display:block; top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(0 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px'); position: absolute;} #S_TOPBG { position:fixed; width:100%; height:69px; background:url(http://img.studyforce.co.kr/studyforce/images2/sub_new/sub_tbg.png) no-repeat; z-index:10000; top:0px; display:block; } * html #S_TOBG { width:100%; height:69px; background:url(http://img.studyforce.co.kr/studyforce/images2/sub_new/sub_tbg.png) no-repeat; z-index:10000; display:block; top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(0 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px'); position: absolute;} #stop_logo a { background:url(http://img.studyforce.co.kr/studyforce/images2/sub_new/LOGO_S.jpg) no-repeat; width:184px; height:61px; float:left; } .quick { width:145px; height:450px; z-index:10002; display:block; position:absolute; margin:120px 0 0 940px;} /* 서브 컨텐츠 */ #sub_container {width:940px; padding-top:100px; } #s_left { background: url(http://img.studyforce.co.kr/studyforce/images2/sub_new/s_left_bg.jpg) repeat-y; width:148px; float:left; text-align:left; } /* border:#000 solid 1px; */ #s_right { float:right; width:735px; margin-left:35px; min-height:620px; height:100%; } /*훈련소개*/ #info_wrap { width:690px; margin-bottom:20px; } .info_wrap01 { border:#CCC solid 1px; margin:0 auto; width:665px; float:left;} .info_forcebottom { background: url(http://img.studyforce.co.kr/studyforce/images2/sub_new/info/bottom_forcebg_20111102_60.jpg) no-repeat; height:78px; width:530px; float:left; vertical-align:middle; } .info_engbottom { background: url(http://img.studyforce.co.kr/studyforce/images2/sub_new/info/bottom_engbg_20111102.jpg) no-repeat; height:78px; width:530px; float:left; vertical-align:middle; } .info_mid_bottom { background: url(http://img.studyforce.co.kr/studyforce/images2/sub_new/info/bottom_mid.jpg) no-repeat; height:78px; width:530px; float:left; vertical-align:middle; } .info_premid_bottom { background: url(http://img.studyforce.co.kr/studyforce/images2/sub_new/info/bottom_premid.jpg) no-repeat; height:78px; width:530px; float:left; vertical-align:middle; } .info_blankbottom { background: url(http://img.studyforce.co.kr/studyforce/images2/sub_new/info/bottom_blankbg.jpg) no-repeat; height:78px; width:530px; float:left; vertical-align:middle; } .info_listenbottom { background: url(http://img.studyforce.co.kr/studyforce/images2/sub_new/info/bottom_listenbg.jpg) no-repeat; height:78px; width:530px; float:left; vertical-align:middle; } /* training.css 전체 파일 : 훈련소개 */ @charset "utf-8"; /* 18.02.08 명칭변경 웹표준 */ .info_training_name {font-size:50px; font-family:nanum square; font-weight:bold; letter-spacing:-1px; margin-top:10px; height:80px; vertical-align:-6px;} .info_training_exp_s {font-size:18.5px; font-family:nanum square; font-weight:bold; letter-spacing:-1px; text-align:center; color:#d84250;} .info_training_exp {font-size:14px; line-height:22px; float:left; margin:0 15px 0 15px; width:350px; text-align:justify;} .btn_s_gray {cursor:pointer; padding:10px 10px; border-radius:5px; border:1px solid #5f5f5f; background-color:#666666; box-shadow:2px 2px 5px #ccc; font-size:12px; color:#fff} .btn_w_white {cursor:pointer; padding:10px 10px; border-radius:5px; border:1px solid #666666; background-color:#ffffff; box-shadow:2px 2px 5px #ccc; font-size:12px; color:#666666} .btn_r_gray {cursor:pointer; padding:10px 34px; border-radius:5px; border:1px solid #5f5f5f; background-color:#666666; box-shadow:2px 2px 5px #ccc; font-size:16px; color:#fff;} .btn_r_pink {cursor:pointer; padding:10px 34px; border-radius:5px; border:1px solid #b53070; background-color:#d23c4a; box-shadow:2px 2px 5px #ccc; font-size:16px; color:#fff;} .btn_b_gray {cursor:pointer; padding:10px 15px; border-radius:5px; border:1px solid #5f5f5f; background-color:#666666; box-shadow:2px 2px 5px #ccc; font-size:16px; color:#fff;} .btn_b_pink {cursor:pointer; padding:10px 15px; border-radius:5px; border:1px solid #b53070; background-color:#d23c4a; box-shadow:2px 2px 5px #ccc; font-size:16px; color:#fff;} .btn_t_graytap {width:83px; cursor:pointer; padding:7px 8px 6px 8px; background-color:#cccccc; border:1px solid #9B9B9B; border-top-left-radius:5px; border-top-right-radius:5px; color:#ffffff; text-align:center; font-size:16px;} .tap_review_on {width:85px; height:18px; background-color:#e46600; border:1px solid #ca5a00;border-radius:2px;font-size:12px; padding:6px 2px 5px 3px; float:left; margin-right:1px; margin-top:6px; color:#ffffff; text-align:center;} .tap_review_off {width:85px; height:18px;background-color:#666666;border:1px solid #585858;border-radius:2px;font-size:12px; padding:6px 2px 5px 3px; float:left; color:#fff; margin-right:1px; margin-top:6px; text-align:center;} /*고객센터 결제회원 필독가이드 탭*/ .btn_graytap1 {float:left; width:87px; border-radius:3px; background:#666a6d; text-align:center; font-size:13px; color:#ffffff; padding:7px 5px 6px 5px; cursor:pointer;} .btn_graytap1_on {float:left; width:87px; border-radius:3px; background:#de1e48; text-align:center; font-size:13px; color:#ffffff; padding:7px 5px 6px 5px; cursor:pointer;} .btn_graytap2 {float:left; width:70px; border-radius:3px; background:#666a6d; text-align:center; font-size:13px; color:#ffffff; padding:10px 8px 8px 9px; cursor:pointer;} .btn_graytap2_on {float:left; width:70px; border-radius:3px; background:#de1e48; text-align:center; font-size:13px; color:#ffffff; padding:10px 8px 8px 9px; cursor:pointer;} /*고객센터 자주하는 질문 탭*/ .btn_graytap3 {float:left; width:79px; border-radius:3px; background:#666a6d; text-align:center; font-size:12px; color:#ffffff; padding:5px 2px 4px 3px} .btn_graytap3_on {float:left; width:79px; border-radius:3px; background:#de1e48; text-align:center; font-size:12px; color:#ffffff; padding:5px 2px 4px 3px} .btn_graytap4 {float:left; width:65px; border-radius:3px; background:#666a6d; text-align:center; font-size:12px; color:#ffffff; padding:7px 4px 6px 6px} .btn_graytap4_on {float:left; width:65px; border-radius:3px; background:#de1e48; text-align:center; font-size:12px; color:#ffffff; padding:7px 4px 6px 6px} .btn_graytap5 {float:left; width:34px; border-radius:3px; background:#666a6d; text-align:center; font-size:12px; color:#ffffff; padding:7px 2px 6px 3px} .btn_graytap5_on {float:left; width:34px; border-radius:3px; background:#de1e48; text-align:center; font-size:12px; color:#ffffff; padding:7px 2px 6px 3px} .btn_pay {width:40px; border-radius:30px; background:#6f6f6f; border:#686868 1px solid; color:white; text-align:center; padding:7px 2px 6px 3px; font-size:14px; line-height:16px; margin:20px auto 0; font-family:Nanum Square} .btn_pay2 {width:40px; border-radius:30px; background:#d84250; color:white; text-align:center; padding:10px 5px; font-size:14px; line-height:16px; margin:20px auto 0;} .btn_pay_short {width:40px; border-radius:30px; background:#6f6f6f; border:#686868 1px solid; color:white; text-align:center; padding:14px 2px 13px 3px; font-size:14px; line-height:16px; margin:20px auto 0; font-family:Nanum Square} .btn_pay2_short {width:40px; border-radius:30px; background:#d84250; color:white; text-align:center; padding:15px 5px; font-size:14px; line-height:16px; margin:20px auto 0;} .btn_cgray {width:140px; height:30px; border-radius:5px; background:#585a67; border:#454752 1px solid; text-align:center; color:#ffffff; font-size:16px; padding:10px 13px 6px 11px; cursor:pointer;} .btn_scircle {padding:3px 7px; background:#4d4d4d; border-radius:30px; color:#ffffff; font-size:12px;} .btn_scircle2 {padding:3px 7px; background:#d95b07; border-radius:30px; color:#ffffff; font-size:12px;} .btn_scircle3 {padding:3px 7px; background:#8096c7; border-radius:30px; color:#ffffff; font-size:12px;} .btn_setupguide {width:142px; height:109px; box-shadow:2px 6px 5px 2px rgba(0,0,0,0.07); margin:20px 0 0 15px;} .btn_setupguide_top {width:125px; height:50px; border:#999999 1px solid; border-top-left-radius:5px; border-top-right-radius:5px; border-bottom:#ffffff 1px solid; padding:10px 10px 10px 5px; text-align:center;} .btn_setupguide_bottom {width:125px; height:20px; background:#A0A0A0; border:#999999 1px solid; border-bottom-left-radius:5px; border-bottom-right-radius:5px; border-top:#ffffff 1px solid; margin-top:-2px; padding:10px 10px 10px 5px; color:#ffffff; vertical-align:top; font-weight:bold; text-align:center;} .bg_pay_choice_mid {float:left; width:145px; height:291px; text-align:center; background:url(http://img.studyforce.co.kr/studyforce/images2/payment/devision.png) no-repeat; background-position: right; cursor:pointer;} .bg_pay_choice_kor {float:left; width:134px; height:291px; text-align:center; background:url(http://img.studyforce.co.kr/studyforce/images2/payment/devision.png) no-repeat; background-position: right; cursor:pointer;} .bg_pay_choice_package {float:left; width:165px; height:291px; background:url(http://img.studyforce.co.kr/studyforce/images2/payment/devision.png) no-repeat; background-position: right; cursor:pointer;} .bg_pay_choice_blank {float:left; width:148px; height:291px; background:url(http://img.studyforce.co.kr/studyforce/images2/payment/devision.png) no-repeat; background-position: right; text-align:center; cursor:pointer;} .bg_pay_choice_blanksub {float:left; width:275px; height:291px; background:url(http://img.studyforce.co.kr/studyforce/images2/payment/devision.png) no-repeat; background-position: right; text-align:center; cursor:pointer;} .bg_pay_choice_blanksub2/*선X*/ {float:left; width:275px; height:291px; background-position: right; text-align:center; cursor:pointer;} .bg_pay_choice_eng {float:left; width:135px; height:291px; background:url(http://img.studyforce.co.kr/studyforce/images2/payment/devision.png) no-repeat; background-position: right; text-align:center; cursor:pointer;} .bg_pay_choice_engsub {float:left; width:415px; height:291px; background:url(http://img.studyforce.co.kr/studyforce/images2/payment/devision.png) no-repeat; background-position: right; text-align:center; cursor:pointer;} .bg_pay_choice_listen {float:left; width:150px; height:291px; text-align:center; cursor:pointer;} .bg_pay_choice_listensub {float:left; width:266px; height:291px; text-align:center; cursor:pointer; background:url(http://img.studyforce.co.kr/studyforce/images2/payment/devision.png) no-repeat; background-position: right;} .bg_pay_choice_listensub2/*선X*/ {float:left; width:266px; height:291px; text-align:center; cursor:pointer;} .payment_subtitle {line-height:16px; color:#888888; margin:40px 0 15px 0;} .payment_subtitle:after {content:''; display:block; clear:both;} .payment_pinktitle {height:90px; font-size:24px; line-height:30px; letter-spacing:-1px; color:#d84250; font-weight:bold;} .payment_packagetitle {font-size:18px; margin-top:90px; line-height:18px; letter-spacing:-0.8pt; text-align:center;} .payment_engtitle {height:90px; color:#d84250; font-size:16pt; line-height:35px} .payment_engtitlesub {height:90px; color:#d84250; font-size:14pt; line-height:30px; margin-top:50px;} /*교사연구용아이디*/ .freeid_daesang {border:#CCC solid 1px; height:50px; color:#777777; vertical-align:middle; padding:10px 0 0 10px;} .freeid_traininginfo_wrap {margin:150px 0 0 20px; height:390px;} .freeid_traininginfo_wrap:after {content:''; display:block; clear:both;} .freeid_traininginfo_kor {float:left; margin-right:10px; width:150px;} .freeid_traininginfo_blank {float:left; margin-right:10px; width:169px;} .freeid_traininginfo_eng {float:left; margin-right:10px; width:150px;} .freeid_traininginfo_listen {float:left; width:150px; height:357px;} .freeid_traininginfo1 {height:80px; font-size:20px; line-height:24px; letter-spacing:-1px; color:#d84250; font-weight:bold;} .freeid_traininginfo2 {color:#c07800; font-size:14px; letter-spacing:-0.5pt; font-weight:bold; margin-top:20px;} .freeid_traininginfo3 {height:110px; text-align:justify; letter-spacing:-0.5pt; font-size:12px;} .freeid_traininginfo4 {border:#CCC solid 1px; padding-top:10px; padding-bottom:10px;} .freeid_traininginfo_mv {width:900px; height:90px; border:#d4d4d4 solid 1px; background:#f7f7f7; margin:70px 0 0 55px;} .freeid_mvinfo1 {float:left; width:256px; line-height:18px; margin-top:16px;} .freeid_mvinfo2 {float:left; width:280px; letter-spacing:-0.5pt; color:#777777; margin-top:16px;} .freeid_mvinfo3 {float:left; width:330px; margin:16px 0 0 10px;} .freeid_circle {border-radius:30px; border:solid 1px #434343; background-color:#434343; line-height:16px; color:#ffffff; text-align:center; padding:10px 15px; position:absolute; margin:-30px 0 0 3px;} .btn_bestreview {width:140px; height:20px; border-radius:20px; background-color:#818181; border:#666666 solid 1px; padding:5px 10px 5px 10px; color:#ffffff; font-size:14px} .mytraining_bg1 {width:360px; height:350px; border-radius:10px; box-shadow: 2px 2px 10px 5px rgba(0,0,0,0.07); z-index:10;} .mytraining_bg1:after {content:''; display:block; clear:both;} .mytraining_bg1_blank {background:#c64815;} .mytraining_bg1_eng {background:#626262;} .mytraining_bg1_listen {background:#557f97;} .mytraining_bg1_kor {background:#ab1d1c;} .mytraining_bg1_mid {background:#41547f;} .mytraining_bg1_premid {background:#527e3f;} .mytraining_bg2 {width:350px; height:314px; background:#ffffff; border-radius:10px; border:#c9c9c9 solid 1px; box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.11); z-index:50; position:absolute; margin:57px 10px 0 17px;} .mytraining_bg2:after {content:''; display:block; clear:both;} .mytraining_maintitle {width:800px; height:60px; font-size:20px; clear:both; text-align:left; margin:10px 0 0 20px; letter-spacing:-1px;} .mytraining_maintitle2 {width:1150px; height:50px; font-size:20px; clear:both; text-align:left; margin:0 0 0 20px; letter-spacing:-1px;} .mytraining_title {font-size:22px; float:left; color:#ffffff; margin:15px 0 0 18px; letter-spacing:-1px; font-weight:bold; line-height:30px;} .mytraining_bt1_blank {width:67px; height:20px; background:#89340f; color:#ffffff; border-radius:5px; float:left; margin:23px 0 0 5px; text-align:center;} .mytraining_bt1_eng {width:67px; height:20px; background:#494949; color:#ffffff; border-radius:5px; float:left; margin:23px 0 0 5px; text-align:center;} .mytraining_bt1_listen {width:67px; height:20px; background:#3e5e6d; color:#ffffff; border-radius:5px; float:left; margin:23px 0 0 5px; text-align:center;} .mytraining_bt1_kor {width:67px; height:20px; background:#7b1715; color:#ffffff; border-radius:5px; float:left; margin:23px 0 0 5px; text-align:center;} .mytraining_bt1_mid {width:67px; height:20px; background:#25365b; color:#ffffff; border-radius:5px; float:left; margin:23px 0 0 5px; text-align:center;} .mytraining_bt1_premid {width:67px; height:20px; background:#396029; color:#ffffff; border-radius:5px; float:left; margin:23px 0 0 5px; text-align:center;} .mytraining_bt2 {width:100px; height:20px; background:#ffffff; border-radius:5px; border:#cccccc 1px solid; margin:35px 0 20px 0; font-size:16px; color:#000000; letter-spacing:-1px; padding:7px 10px; box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.12); cursor:pointer;} .mytraining_bt3 {width:80px; height:20px; background:#dfdfdf; text-align:center; border-radius:5px; border:#c9c9c9 1px solid; color:#000000; margin:0px 30px 0 5px; float:right; cursor:pointer;} .mytraining_table_left {width:37px; text-align:center; color:#d30200; padding:5px 0; font-weight:bold;} .mytraining_table_right {width:280px; text-align:left; color:#494949; font-size:12px; padding:8px 0 7px 5px; text-align:justify;} .pop_guide {width:622px; height:610px; border:#888888 3px solid; background:#ffffff; z-index:2; border-radius:10px; color:#6A6A6A; box-shadow: 10px 10px 10px 0px rgba(0,0,0,0.11); display:none; position:absolute;} .training_top {margin:40px 0 10px 0;} .training_top:after {content:''; display:block; clear:both;} .training_top_left {width:305px; float:left; margin-right:5px;} .training_top_left_program {font-size:50px; font-weight:bold; letter-spacing:-1px; line-height:80px; vertical-align:-6px;} .training_top:after {content:''; display:block; clear:both;} .training_top_left_programinfo {font-size:18.5px; text-align:center; font-weight:bold; letter-spacing:-1px; color:#d84250;} .training_top_right {float:left; width:350px; font-size:14px; line-height:22px; margin:0 15px 0 15px;} .training_top_right:after {content:''; display:block; clear:both;} .training_daesang {height:90px; border-top:2px solid #c6c6c6; border-bottom:2px solid #c6c6c6; padding:20px 0; margin-bottom:40px; clear:both} .training_daesang_pframe {width:160px; float:left} .training_daesang_pframe2 {width:190px; float:left} .training_daesang_pframe3 {width:160px; float:left} .training_daesang_p_title {font-size:20px; line-height:40px} .training_daesang_p_content {font-size:14px; line-height:20px} .training_daesang_p_subcontent {font-size:12px; line-height:25px; color:#878787} .training_mechatitle {clear:both; padding-bottom:30px;} .training_mechatitle_sub {font-size:16px; line-height:46px; color:#d84250} .training_mechatitle_main {font-size:36px; color:#d84250} .training_bottom {border:#cccccc 1px solid; background:#F2F1EC; border-radius:6px; padding:20px; height:70px} .training_bottom_p {float:left; font-size:14px; line-height:24px; margin:0 0 0 15px;} .training_bottom_btn {float:right; margin:40px 0 0 0;} /* 훈련과정 페이지 */ .info_wrap_all {width:640px;} .training_title_main {margin-top:20px; padding:10px 0 20px 0; font-size:50px; font-weight:bold; letter-spacing:-2px; color:#666666;} .training_info_main {font-size:20px; letter-spacing:-1px; line-height:30px; padding-bottom:10px; color:#d84250;} .training_info_sub {font-size:14px; line-height:24px; padding-bottoM:30px;} .daily_box_wrap {width:135px; float:left;} .daily_box_wrap_kor {width:180px; float:left;} .daily_box_wrap_pre {width:303px; float:left;} .daily_box {border-top-right-radius:20px; border-bottom-left-radius:20px; border-bottom-right-radius:20px; border-top-left-radius:7px; padding: 30px 0px 30px 15px; box-shadow:2px 2px 5px #ccc;} .daily_box_pre {border-top-right-radius:20px; border-bottom-left-radius:20px; border-bottom-right-radius:20px; border-top-left-radius:7px; padding: 30px 0px 56px 15px; box-shadow:2px 2px 5px #ccc;} .box_gray {border: #707070 solid 2px; background:#777; color:#FFF;} .box_w_pre {border: #667923 solid 2px; background:#829933; color:#FFF;} .box_w_mid {border: #4090a5 solid 2px; background:#4699b2; color:#FFF;} .box_w_kor {border: #a40f18 solid 2px; background:#dd4540; color:#FFF;} .box_w_eng {border: #7d5a9a solid 2px; background:#a389b9; color:#FFF;} .box_w_blank {border: #db6c00 solid 2px; background:#ff942c; color:#FFF;} .box_f_pre {border: #298529 solid 2px; background:#339933; color:#FFF;} .box_f_mid {border: #6092C3 solid 2px; background:#6699CC; color:#FFF;} .box_f_kor {border: #1155cc solid 2px; background:#4985d5; color:#FFF;} .box_f_eng {border: #8c9d3f solid 2px; background:#afc15b; color:#FFF;} .box_f_blank {border: #92a120 solid 2px; background:#b6c447; color:#FFF;} .daily_title {font-size:26px; line-height:36px; padding-bottom:10px; clear:both;} .daily_title60 {width:217px; height:25px; background-color:#ffffff; margin:205px 0 0 195px; position:absolute; z-index:10; font-size:26px; padding:18px 10px 8px 10px; clear:both;} .daily_title60_mv {width:200px; height:25px; background-color:#ffffff; margin:35px 0 0 205px; position:absolute; z-index:10; font-size:26px; padding:18px 10px 8px 10px; clear:both;} .daily_title60_blank {width:217px; height:25px; background-color:#ffffff; margin:135px 0 0 205px; position:absolute; z-index:10; font-size:26px; padding:18px 10px 8px 10px; clear:both;} .daily_step_text {font-size:20px; margin-bottom:5px; color:#fff; opacity:0.4;} .daily_step_exp {font-size:14px; color:#000; opacity:0.8; margin-bottom:7px;} .daily_time {border-bottom:#666 dotted 1px;} .daily_time2 {border-bottom:#666 solid 1px;} .daily_time_barL {float:left; margin:-7px 0 0 -2px; font-size:8px; color:#777} .daily_time_barR {float:right; margin:-8px -2px 0 0; font-size:8px; color:#777} .daily_time_min {position:absolute; background:#FFF; padding:5px;} .daily_arrow {font-size:24px; color:#ccc; float:left; margin:53px 6px 0 5px;} .w_connectline_garo {width:55px; position:absolute; border-bottom:2px dashed; margin:300px 0 0 207px;} .w_connectline_sero_mid {height:140px; position:absolute; border-left:2px dashed; margin:160px 0 0 260px;} .w_connectline_sero {height:120px; position:absolute; border-left:2px dashed; margin:160px 0 0 150px;} .f_connectline_garo {width:55px; position:absolute; border-bottom:2px dashed; margin:300px 0 0 365px;} .f_connectline_sero {height:140px; position:absolute; border-right:2px dashed; margin:160px 0 0 365px;} .f_connectline_sero_blank {height:110px; position:absolute; border-right:2px dashed; margin:160px 0 0 325px;} .s_connectline {height:80px; position:absolute; border-right:2px dashed; margin:180px 0 0 365px;} .num_text {text-align:center; color:#666; line-height:20.4px; float:left; margin:208px 0 0 4px;} .num_text_pre {text-align:right; color:#666; line-height:30px; float:left; font-size:12px;} .num_text_p {height:100px; clear:both;} .num_text_p2 {height:103px; clear:both;} /*여백조절용*/ .num_text_p_kor {height:117px; clear:both; line-height:23px;} .num_text_p2_kor {height:124px; clear:both; line-height:23px;} /*여백조절용*/ /* 매직보카 1회 훈련 */ .box_1day_mv {width:640px; height:85px; border-radius:5px; background:#666666; margin-bottom:3px;} .box_1day_mv_number {float:left; font-size:30px; color:#fecb00; margin:20px 0 0 10px;} .box_1day_mv_inner {float:right; width:550px; height:75px; background:#FFFFFF; border-radius:5px; margin:5px 5px;} .box_1day_mv_inner_title1 { float:left; width:180px; vertical-align: middle; font-size:18px; line-height:30px; font-weight:bold; text-align:center; margin:20px 0 0 0;} .box_1day_mv_inner_title2 { float:left; width:180px; vertical-align: middle; font-size:18px; line-height:30px; font-weight:bold; text-align:center; margin:10px 0 0 0;} .box_1day_mv_inner_subtitle {background-color:#cb6600; border-radius:5px; width:100px; padding:5px 10px; line-height:20px; font-size:13px; text-weight:bold; text-align:center; font-family:tahoma; color:#ffffff;} .box_1day_mv_inner_content1 { float:left; width:350px; font-size:13px; line-height:18px; text-align:justify; vertical-align: middle; margin:18px 0 0 0} .box_1day_mv_inner_content2 { float:left; width:350px; font-size:13px; line-height:18px; text-align:justify; vertical-align: middle; margin:10px 0 0 0} /* 매직보카 1회 훈련*/ /* 리스닝포스 1회 훈련*/ .box_1day_listen {width:640px; height:85px; border-radius:5px; background:#666666; margin-bottom:3px;} .box_1day_listen_number {float:left; font-size:30px; color:#bad7e5; margin:20px 0 0 10px;} .box_1day_listen_inner {float:right; width:550px; height:75px; background:#FFFFFF; border-radius:5px; margin:5px 5px;} .box_1day_listen_inner_stage {line-height:20px; font-size:13px; text-weight:bold; color:#777777;} .box_1day_listen_inner_title { float:left; width:165px; color:#628db2; font-size:17px; font-weight:bold; margin:20px 0 0 15px;} .box_1day_listen_inner_content1 { float:left; width:350px; font-size:13px; line-height:18px; text-align:justify; vertical-align: middle; margin:10px 0 0 0} .box_1day_listen_inner_content2 { float:left; width:350px; font-size:13px; line-height:18px; text-align:justify; vertical-align: middle; margin:5px 0 0 0} .box_1day_listen_inner_subcontent { font-size:12px; color:#907A60; line-height:16px; } /*리스닝포스 1회 훈련*/ .btn_korprocess_bgcolor1 {background:#AAA;} .btn_korprocess_bgcolor1on {background:#666;} .btn_korprocess {padding:3px 5px; border-radius:20px; color:#FFF; cursor:pointer} .f_color_pre {color:#6ca72c;} .f_color_mid {color:#4676b2;} .f_color_kor {color:#0080cb;} .f_color_eng {color:#8c9d3f} .f_color_blank {color:#b6c447;} .force_bgcolor_pre {background-color:#6ca72c;} .force_bgcolor_mid {background-color:#4676b2;} .force_bgcolor_kor {background-color:#0080cb;} .force_bgcolor_eng {background-color:#8c9d3f;} .force_name {font-size:20px; line-height:28px; clear:left;} .force_name_l {font-size:20px; line-height:20px; clear:left;} .force_training {font-size:14px; color:#999999; clear:left;} .force_con {width:193px; float:right; font-size:12px; line-height:20px; text-align:justify; color:#666;} .force_text {font-size:11px; font-family:tahoma; color:#fff; border-bottom-right-radius:3px; border-bottom-left-radius:3px; padding:2px 5px 2px; margin:-21px 3px 7px 0; float:left;} .force_block {float:left;} .f_unit {padding:20px 0 21px 18px; border:#fff solid 1px; width:272px; border-bottom:dotted 1px #666; border-top:none;} .f_unit_top {padding:20px 0 21px 18px; border:#fff solid 1px; width:272px; border-bottom:dotted 1px #666; border-top:dotted 1px #666; } .f_unit_bottom {padding:20px 0 21px 18px; border:#fff solid 1px; width:272px; border-bottom:solid 2px #666;} .f_unit_bottom2 {padding:20px 0 25px 18px; border:#fff solid 1px; width:272px; border-bottom:solid 2px #666;} .f_unit:after {content:''; display:block; clear:both;} .f_unit_top:after {content:''; display:block; clear:both;} .f_unit_bottom:after{content:''; display:block; clear:both;} .f_unit_bottom2:after{content:''; display:block; clear:both;} .weapon_con {float:right; font-size:12px; line-height:20px; text-align:justify; color:#666;} .weapon_con_kor {float:right; font-size:12px; line-height:22px; text-align:justify; color:#666;} .weapon_con_eng {float:left; font-size:16px; line-height:20px;} .weapon_text {font-size:11px; font-family:tahoma; color:#fff; border-bottom-right-radius:3px; border-bottom-left-radius:3px; padding:2px 5px 2px; margin:-17px 3px 7px 0; float:left;} .w_bgcolor_pre {background-color:#b6b731} .w_bgcolor_mid {background-color:#4699b2} .w_bgcolor_kor {background-color:#c40b16} .w_bgcolor_eng {background-color:#7d5a9a} .w_color_pre {color:#b6b731} .w_color_mid {color:#4699b2} .w_color_kor {color:#c40b16} .w_color_eng {color:#7d5a9a;} .w_unit {padding:16px 12px 9px 0; border:#fff solid 1px; width:280px; border-bottom:dotted 1px #666; border-top:none;} .w_unit_top {padding:16px 12px 9px 0; border:#fff solid 1px; width:280px; border-bottom:dotted 1px #666; border-top:dotted 1px #666; } .w_unit_bottom {padding:16px 12px 9px 0; border:#fff solid 1px; width:280px; border-bottom:solid 2px #666;} .w_unit:after {content:''; display:block; clear:both;} .w_unit_top:after {content:''; display:block; clear:both;} .w_unit_bottom:after{content:''; display:block; clear:both;} /*예비과정*/ .session_unit1 {width:610px; height:190px; border-top:dotted 1px #666; border-left:solid 7px #8ba819;} .session_unit2 {width:610px; height:190px; border-bottom:dotted 1px #666; border-left:solid 7px #339933; margin-bottom:70px;} .session_text {font-size:18px; color:#fff; line-height:25px; border-bottom-right-radius:5px; border-bottom-left-radius:5px; padding:8px 15px 8px; margin:0 3px 7px 0; float:left;} .session_color1 {color:#78a819;} .session_color2 {color:#339933;} .session_title {float:left; font-size:17px; line-height:30px; margin: 30px 10px 0 10px;} .p_stage_color {border:#6e6e6e 1px solid; background-color:#7f7f7f;} .p_stage_top {width:175px; border-top-left-radius:5px; border-top-right-radius:5px; padding:15px 10px; margin-top:35px} .p_stage_bottom {width:175px; height:40px; border-bottom-left-radius:5px; border-bottom-right-radius:5px; border-left:#aaa 1px solid; border-right:#aaa 1px solid; border-bottom:#aaa 1px solid; padding:10px;} .p_step_title {font-size:20px; line-height:25px; color:#ffffff; text-align:center;} .p_step_text {float:left; font-size:12px; line-height:16px; text-align:left;} .p_step_arrow {float:left; margin:9px 9px 0 9px; font-size:11px; opacity:0.5;} /*훈련효과*/ .effect_box {border:1px solid #aaa; border-bottom-left-radius:30px; border-top-right-radius:30px; padding:40px; clear:both; line-height:40px; font-size:15px;} .effect_title {font-size:30px; padding-bottom:20px;} .effect_slash {font-size:12px; color:#aaaaaa; margin:0 10px 0 5px;} .effect_text {font-size:2rem;} .effect_color_mid {color:#5566b2} .effect_color_pre {color:#2c926a} .effect_color_kor {color:#cc0000} .effect_color_eng {color:#7d5a9a} .effect_color_blank {color:#84a60f} .effect_color_listen {color:#5997ae} .effect_color_mv {color:#e75117} #user_study_stop_wrap {width:550px; height:420px;} .user_study_stop_bgbar {width:100%; height:10px; background:#1c1c1c; position:absolute;} .user_study_stop_icon {width:100px; height:110px; font-size:130px; padding:0 4px; color:#ffffff; line-height:140px; text-align:center; vertical-align:middle; background:#c30e03; border-radius:60px; position: absolute; margin:18px 0 0 10px;} .user_study_stop_icon2 {width:100px; height:110px; font-size:65px; padding:0 3px 0 6px; color:#ffffff; line-height:122px; text-align:center; vertical-align:middle; background:#4676b2; border-radius:60px; position: absolute; margin:18px 0 0 10px;} .user_study_stop_box {width:370px; height:50px; border:#1c1c1c 4px solid; border-radius:8px; padding:15px 0 15px 40px; margin:30px 0 0 50px; line-height:26px} .user_study_stop_btnwrap {width:254px; margin-top:30px} .btn_userstudystop {float:left; width:100px; height:30px; border-radius:5px; background:#585a67; border:#454752 1px solid; text-align:center; color:#ffffff; font-size:14px; padding:8px 11px 0 9px; cursor:pointer;} /*독서평설읽기*/ .btn_saseol_start {clear:both; width:260px; border-radius:10px; padding:25px 5px; background-color:#4c9e4c; border:#339933 1px solid; text-align:center; color:#fff; font-size:23px; letter-spacing:-1px; cursor:pointer; box-shadow:2px 2px 5px #ccc;} .btn_saseol_end {clear:both; width:290px; border-radius:10px; padding:25px 5px; background-color:#5d82a7; border:#406891 1px solid; text-align:center; color:#fff; font-size:23px; letter-spacing:-1px; cursor:pointer; box-shadow:2px 2px 5px #ccc;} /*빈칸추론*/ .blanktraining_box {float:left; width:30%; border:#ccc 1px solid; border-radius:5px; margin:0 5px;} /* training.css 전체 파일 : 훈련소개 끝*/ /* 서브 컨텐츠-ebook */ #ebook_title{ background:url(http:/ㅌimg.studyforce.co.kr/studyforce/images2/sub_new/ebook/ebook_title.jpg) no-repeat; width:665px; height:134px; margin:10px 0;} #ebook_table {width:665px;} .ebook_title_bg1{background:url(http://img.studyforce.co.kr/studyforce/images2/sub_new/ebook/ebook_titlebg1.jpg) repeat-x; width:665px; } .ebook_package {background:url(http://img.studyforce.co.kr/studyforce/images2/sub_new/ebook/ebook_package.jpg) no-repeat; height:70px; width:665px;} /*학습력강화훈련*/ #support_edu_table { width:723px;} .support_edu_table1 {width:98px; float:left;} .support_edu_table2 {width:625px; float:left;} /* 서브 컨텐츠-리뷰 */ #best_tag{ width:705px; float:left; border:8px solid #4c4c4c; margin-top:40px; margin-bottom:50px; padding-top:25px; padding-bottom:10px; } #best_tag p { margin:15px 0 0 0;} #best_tag li {float:left; margin: 0 0 0 15px;} #best_board {width:465px; float:left; } .best_board_title { background:url(http://img.studyforce.co.kr/studyforce/images2/sub_new/best/table_bg.jpg) repeat-x; height:38px; padding:0 0 0 3px; text-align:center;} .view_more_table { width: 720px; border:#cccccc 1px solid; height:85px; margin:0 auto;} .view_more { width: 720px;} .view_tpad {padding-top:12px;} .line_best{ height:1px; background:url(http://img.studyforce.co.kr/studyforce/images2/main02/pointline.jpg) repeat-x bottom; font-size:0em; } .best_search {width:192px; float:right; background:url(http://img.studyforce.co.kr/studyforce/images2/sub_new/best/search_bg.jpg) repeat-y; margin-bottom:20px;} .best_search_title { width:192px; height:31px; background:url(http://img.studyforce.co.kr/studyforce/images2/sub_new/best/search_title_01.jpg) no-repeat; display:block; margin-bottom:20px;} .best_search_title2 { width:192px; height:31px; background:url(http://img.studyforce.co.kr/studyforce/images2/sub_new/best/search_title_02.jpg) no-repeat; display:block; margin-bottom:10px;} /*수능성공기*/ .best_board_title { background:url(http://img.studyforce.co.kr/studyforce/images2/sub_new/best/table_bg.jpg) repeat-x; height:38px; padding:0 0 0 3px; text-align:center;} .sunung_write_top { width:707px; height:305px; background:url(http://img.studyforce.co.kr/studyforce/images2/board/suneung/2012/suneung_write_0001.jpg) no-repeat bottom; display:block;} .sunung_write_bg { width:707px; background:url(http://img.studyforce.co.kr/studyforce/images2/board/suneung/2012/suneung_write_bg.jpg) repeat-y; padding-top:50px;} .sunung_write_top2 { width:707px; height:180px; background:url(http://img.studyforce.co.kr/studyforce/images2/board/suneung/2012/suneung_write_0003.jpg) no-repeat; display:block;} .sunung_write_center { width:570px; border: #cccccc 1px solid; padding:2px; background-color:#f5f5f5; margin-left:65px;} .sunung_write_center_2 { width:570px; height:100px; background:url(http://img.studyforce.co.kr/studyforce/images2/board/suneung/2012/suneung_write_04.jpg) no-repeat; display:block; margin-left:65px;} .suneung_end { width:714px; height:400px; background:url(http://img.studyforce.co.kr/studyforce/images2/board/suneung/2012/suneung_end_bg_0001.jpg) no-repeat;} .suneung_end_bt { width:707px;} /*공부법칼럼*/ .study_write_top { width:707px; height:375px; background:url(http://img.studyforce.co.kr/studyforce/images2/board/suneung/2012/study_write_0001.jpg) no-repeat; display:block;} .study_write_bg { width:707px; background:url(http://img.studyforce.co.kr/studyforce/images2/board/suneung/2012/study_write_bg.jpg) repeat-y; padding-top:50px;} .study_write_top2 { width:707px; height:180px; background:url(http://img.studyforce.co.kr/studyforce/images2/board/suneung/2012/study_write_0003.jpg) no-repeat; display:block;} .study_end { width:714px; height:400px; background:url(http://img.studyforce.co.kr/studyforce/images2/board/suneung/2012/study_end_bg_0001.jpg) no-repeat;} /*/ .best_search {width:192px; float:right; background:url(http://img.studyforce.co.kr/studyforce/images2/sub_new/best/search_bg.jpg) repeat-y; margin-bottom:20px;} .best_search_title { width:192px; height:31px; background:url(http://img.studyforce.co.kr/studyforce/images2/sub_new/best/search_title_01.jpg) no-repeat; display:block; margin-bottom:20px;} .best_search_title2 { width:192px; height:31px; background:url(http://img.studyforce.co.kr/studyforce/images2/sub_new/best/search_title_02.jpg) no-repeat; display:block; margin-bottom:10px;} /*글찾기*/ #best_board2 {width:214px; float:right; background:url(http://img.studyforce.co.kr/studyforce/images2/sub_new/best/table2_bg.jpg) repeat-y;} #best_board2 li {margin: 5px 10px 0 10px;} .search_title { width:214px; height:31px; background:url(http://img.studyforce.co.kr/studyforce/images2/sub_new/best/search_title.jpg) no-repeat; display:block; margin-bottom:28px;} .search_stitle01 { width:210px; height:15px; background:url(http://img.studyforce.co.kr/studyforce/images2/sub_new/best/search_stitle_01.jpg) no-repeat; display:block; margin-left:1px; } .search_stitle02 { width:210px; height:15px; background:url(http://img.studyforce.co.kr/studyforce/images2/sub_new/best/search_stitle_02.jpg) no-repeat; display:block; margin-left:1px; margin-top:20px; } .search_pointline{ height:10px; background:url(http://img.studyforce.co.kr/studyforce/images2/main02/pointline.jpg) repeat-x bottom; font-size:0em; } /* 서브 컨텐츠-고객센터 */ #customer_title { background: url(http://img.studyforce.co.kr/studyforce/images2/sub_new/customer/customer_title_n11.jpg) no-repeat; width:754px; height:468px; float:left; padding-left:38px; margin-top:30px; } .customer_stitle01 a { width:210px; height:91px; background:url(http://img.studyforce.co.kr/studyforce/images2/sub_new/customer/s_title_01.jpg) no-repeat; display:block;} .customer_stitle02 a { width:254px; height:91px; background:url(http://img.studyforce.co.kr/studyforce/images2/sub_new/customer/s_title_02.jpg) no-repeat; display:block;} .customer_stitle03 a { width:183px; height:91px; background:url(http://img.studyforce.co.kr/studyforce/images2/sub_new/customer/s_title_03.jpg) no-repeat; display:block;} #customer_title3 { background: url(http://img.studyforce.co.kr/studyforce/images2/sub_new/customer/customer_title3.jpg) no-repeat; width:723px; height:86px; margin-top:20px; margin-right:5px;} /* 설문조사 */ #poll { width:723px; margin:0 auto} #poll h1 { width:133px; height:49px; background:url(http://img.studyforce.co.kr/studyforce/images2/board/poll/title_poll.jpg) no-repeat;} /*list*/ .poll_top { width:723px; height:208px; background:url(http://img.studyforce.co.kr/studyforce/images2/board/poll/bg_polllist.jpg) no-repeat;} .poll_question { height:148px; margin:0 20px 0 70px; clear:both; line-height:21px;} .poll_question_list { height:400px; margin:0 20px 0 70px; clear:both; line-height:18px;} .poll_btns { margin:0 20px 9px 70px; float:left;} .poll_msg { position:absolute; float:left; margin:-62px 0 0 570px;} .poll_section { position:absolute; float:left; top:570px; left:680px; width:240px;} /*view*/ .poll_graph { width:583; height:267px; padding-left:70px;} .poll_result {width:723px; height:560px; background:url(http://img.studyforce.co.kr/studyforce/images2/board/poll/bg_poll.jpg) no-repeat;} .bt_vote { height:43px; } .comment { width:723px; height:107px; background:url(http://img.studyforce.co.kr/studyforce/images2/board/poll/bg_comment.jpg) no-repeat; margin:0 auto; padding:21px 0 0 2px;} .comment1 { width:723px; height:107px; background:url(http://img.studyforce.co.kr/studyforce/images2/event/200120824_present/bg_comment2.jpg) no-repeat; margin:0 auto; padding:21px 0 0 2px;} .comment2 { width:723px; height:107px; background:url(http://img.studyforce.co.kr/studyforce/images2/event/200120824_present/bg_comment3.jpg) no-repeat; margin:0 auto; padding:21px 0 0 2px;} .comment3 { width:723px; height:107px; background:url(http://img.studyforce.co.kr/studyforce/images2/event/200120824_present/bg_comment4.jpg) no-repeat; margin:0 auto; padding:21px 0 0 2px;} .input_comment { width:636px; height:45px; margin:5px; border:0; background:#f7f7f7;} .comment_talk { width:723px; height:107px; background:url(http://img.studyforce.co.kr/studyforce/images2/event/200120824_present/bg_comment2.jpg) no-repeat; margin:0 auto; padding:0 0 0 2px;} /* -----------------마이룸----------------- */ /* 독해유창성진단 결과 */ .reading_result { width:723px; float:left; } .reading_title { background: url(http://img.studyforce.co.kr/studyforce/images2/myroom/readingresult/title_readingresult.jpg) no-repeat center; text-align:center; height:86px;} .reading_title p {padding-top:70px;} .reading_part { border:solid #999999 1px; margin:0 auto; width:721px; padding-bottom:50px;} .reading_part2 { margin:0 auto; width:721px;; padding-bottom:50px;} .reading_part3 { border:solid #999999 1px; margin:0 auto; width:721px; height:100px; padding-bottom:50px;} .reading_title01 { background: url(http://img.studyforce.co.kr/studyforce/images2/myroom/readingresult/title01.jpg) no-repeat; width:723px; height:56px; text-indent:-5000px; margin-top:30px} .reading_result01 {background: url(http://img.studyforce.co.kr/studyforce/images2/myroom/readingresult/bg_result01.jpg) no-repeat center; width:615px; height:491px; margin:30px auto 0; text-align:center;} .reading_data { padding:15px 0 63px 13px; text-align:left} #reading_levelbt{ background: url(http://img.studyforce.co.kr/studyforce/images2/myroom/readingresult/bt_level.jpg) no-repeat center; text-indent:-5000px; width:470px; height:76px; margin:30px auto 0} #reading_levelbt_close{ background: url(http://img.studyforce.co.kr/studyforce/images2/myroom/readingresult/bt_level_close.jpg) no-repeat center; text-indent:-5000px; width:470px; height:58px; margin:30px auto 0} #reading_levelview{ background: url(http://img.studyforce.co.kr/studyforce/images2/myroom/readingresult/view_level.jpg) no-repeat center; width:470px; height:497px; margin:0 auto} .reading_title02 { background: url(http://img.studyforce.co.kr/studyforce/images2/myroom/readingresult/title02.jpg) no-repeat; width:723px; height:56px; text-indent:-5000px; margin-top:30px;} .reading_result02 { width:700px; height:650px; margin:30px auto 10px; text-align:center; background-color:#fff; border-radius:10px;} .reading_result02_old { width:700px; height:360px; margin:30px auto 10px; text-align:center; background-color:#fff; border-radius:10px;} .reading_result03 { width:700px; height:1050px; margin:30px auto 10px; text-align:center; background-color:#595c66; border-radius:10px;} .tap_off01 { width:90px; height:18px;background-color:#efefef;border:1px solid #bababa;border-radius:2px;font-size:12px; padding:6px 4px 0px 6px; float:left; margin-right:1px; margin-top:6px;} .tap_off02 { width:95px; height:18px;background-color:#efefef;border:1px solid #bababa;border-radius:2px;font-size:12px; padding:6px 4px 0px 6px; float:left; margin-right:1px; margin-top:6px; } .tap_off03 { width:62px; height:18px;background-color:#efefef;border:1px solid #bababa;border-radius:2px;font-size:12px; padding:6px 4px 0px 6px; float:left; margin-right:1px; margin-top:6px;} .tap_off04 { width:96px; height:18px;background-color:#efefef;border:1px solid #bababa;border-radius:2px;font-size:12px; padding:6px 4px 0px 6px; float:left; margin-right:1px;margin-top:6px;} .tap_on01 { width:50px; height:18px;background-color:#666666;border:1px solid #585858;border-radius:2px;font-size:12px; padding:6px 4px 0px 6px; float:left; color:#fff; margin-right:1px; margin-top:6px;} .tap_on02 { width:74px; height:18px;background-color:#666666;border:1px solid #585858;border-radius:2px;font-size:12px; padding:6px 4px 0px 6px; float:left;color:#fff; margin-right:1px;margin-top:6px;} .tap_on03 { width:62px; height:18px;background-color:#666666;border:1px solid #585858;border-radius:2px;font-size:12px; padding:6px 4px 0px 6px; float:left;color:#fff; margin-right:1px;margin-top:6px;} .tap_on04 { width:96px; height:18px;background-color:#666666;border:1px solid #bababa;border-radius:2px;font-size:12px; padding:6px 4px 0px 6px; float:left; color:#fff; margin-right:1px;margin-top:6px;} .bt_must {width:50px; height:18px;background-color:#495175;border:1px solid #3b4060;border-radius:2px;font-size:11px; padding:5px 2px 0px 3px; float:left; margin-right:1px; color:#fff} .bt_cancle {width:50px; height:18px;background-color:#414141;border:1px solid #2c2c2c;border-radius:2px;font-size:11px; padding:5px 2px 0px 3px; float:left; margin-right:1px; color:#fff} .bt_review {width:50px; height:18px;background-color:#487552;border:1px solid #33563a;border-radius:2px;font-size:11px; padding:5px 2px 0px 3px; float:left; margin-right:1px; color:#fff} /* 18.08.02 매직보카 */ .bt_pointpay {border-radius:5px; background-color:#e72e89; border:1px solid #B90B60; padding:5px; font-size:12px; color:#fffff;} .margin0auto {margin:0 auto;} .t_justify {text-align:justify;} .opa1 {opacity:100%;} .opa0_3 {opacity:0.3;} .opa0_5 {opacity:0.5;} .borderc_top {border-top:#CCC solid 1px;} .borderc_right {border-right:#CCC solid 1px;} .borderc_bottom {border-bottom:#CCC solid 1px;} .borderc_left {border-left:#CCC solid 1px;} .borderc {border:#CCC solid 1px;} .border3c_top {border-top:#3C3C3C solid 1px;} .border6c_right {border-right:#6C6C6C solid 1px;} .border3c_bottom {border-bottom:#3C3C3C solid 1px;} .border6c_left {border-left:#6C6C6C solid 1px;} .borderc_top_dashed {border-top:#CCC dashed 1px;} .borderc_right_dashed {border-right:#CCC dashed 1px;} .borderc_bottom_dashed {border-bottom:#CCC dashed 1px;} .borderc_left_dashed {border-left:#CCC dashed 1px;} .border3c_top_dashed {border-top:#3C3C3C dashed 1px;} .border3c_right_dashed {border-right:#3C3C3C dashed 1px;} .border3c_bottom_dashed {border-bottom:#3C3C3C dashed 1px;} .border3c_left_dashed {border-left:#3C3C3C dashed 1px;} .border6c_top_dashed {border-top:#6C6C6C dashed 1px;} .border6c_right_dashed {border-right:#6C6C6C dashed 1px;} .border6c_bottom_dashed {border-bottom:#6C6C6C dashed 1px;} .border6c_left_dashed {border-left:#6C6C6C dashed 1px;} .borderc_bottom2px {border-bottom:#CCC solid 2px;} .borderf_bottom2px {border-bottom:#FFFFFF solid 2px;} .bg_green6 {background-color:#67bd31;} .bg_blue6 {background-color:#5bb1c9;} /*마이룸 테이블*/ .tdwhite {border-left:1px solid #E2E2E2; color:#9d9d9d; background-color:#fff; font-size:11px; text-align:center;} .tdlight {border-bottom:#777 solid 1px; border-right:#777 solid 1px; background-color:#5c5c5c; font-size:11px; color:#ffffff; font-weight:bold; text-align:center;} .tddeep {background-color:#525252; font-size:11px; color:#fff; font-weight:bold; border-right:#777 solid 1px; border-bottom:#777 solid 1px; text-align:center;} .tdlight2 {border-bottom:#777 solid 1px; border-right:#777 solid 1px; background-color:#5c5c5c; font-size:11px; line-height:14px; color:#D0D0D0; text-align:center;} .tddeep2 {background-color:#525252; font-size:11px; line-height:14px; color:#D0D0D0; border-right:#777 solid 1px; border-bottom:#777 solid 1px; text-align:center;} .engblue {color:#99ddde} .engdeepblue {color:#52c6c8;}