/*****************컨텐츠부분*******************/ #contents{position:relative;width:960px; min-height:845px; margin-right:auto;margin-left:auto; background:url(/img/common/left_bg.png) left repeat-y; } /*navigation*/ #navigation {position:relative;width:960px;margin-right:auto;margin-left:auto;padding-top:20px; padding-bottom:10px; font-size:11px; font-family:'Dotum'; color:#898989;text-align: right; vertical-align: middle; } #navigation img{vertical-align:middle;} #navigation a{color:#898989;} /********************왼쪽메뉴********************/ #left_area { float:left; width:180px; height: 100%; } .left_title {background:url(/img/common/left_menu_top.png) top no-repeat; margin-bottom:10px; height:125px; padding-top:15px;} .left_title_eng {font-size:24px;font-weight:800;font-family: 'Hammersmith One', 'sans-serif', 'NanumBarunGothic'; color:#fff000; letter-spacing:-0.05em;line-height:1.1em; word-spacing:-2px; width:150px;margin-right:auto;margin-left:auto;} .left_title_eng_2 {font-size:31px;font-weight:400;font-family: 'Hammersmith One', 'sans-serif', 'NanumBarunGothic'; color:#fff000; letter-spacing:-2px;line-height:1.1em; width:150px;margin-right:auto;margin-left:auto; padding-top:15px;} .left_title_kor {padding-top:5px;width:150px;margin-right:auto;margin-left:auto;font-size:13px;font-weight:400;font-family:'NanumBarunGothic'; color:#fff; letter-spacing:0px;} .left_submenu {} .left_submenu ul {} .left_submenu li {border-bottom:solid 1px #d7d7d7; height:40px;} .left_submenu li a{ padding-left:20px; font-size:13px;line-height:40px; letter-spacing:-1px;} .left_submenu li a:hover{ color:#fe544b;} .left_submenu_on {padding-left:20px; background:url(/img/common/bullet.png) no-repeat ; background-position: 10px 4px; color:#fe544b; font-weight:bold;} .left_submenu_off {padding-left:20px; background:url(/img/common/bullet-02.png) no-repeat ; background-position: 10px 4px;color:#464646;} /*여백*/ #blank_area { float:left; width:25px; height:25px; } /*위로 버튼*/ #topgo_button {position:absolute;width:40px;height:40px;z-index:99; float:right; bottom:0px; right:0px;} /********************서브컨텐츠********************/ #contents_sub { float:right; /* width:755px; */ width:735px; margin-right:10px; border:0px solid blue; } /* #contents_sub .page_title_area {background:url(/img/common/sub_title_bg.png) top no-repeat; margin-bottom:20px; height:125px;} */ #contents_sub .page_title_area {margin-left:-15px; margin-right:-15px; background:url(/img/common/sub_title_bg.png) top no-repeat; margin-bottom:20px; height:125px;} .page_title {margin-right:auto;margin-left:auto;padding-top:24px; border:0px solid red; font-size:32px; font-family:'NanumBarunGothic', serif;font-weight:800; color:#252525;text-align: center; vertical-align: middle; } .contents_area { height: auto; display:block;} /*****************레이아웃*******************/ /*타이틀 아래 설명 텍스트 영역*/ #sub_txt_area {margin-top:30px;margin-bottom:30px; text-align:center;} /*라인없는 테이블*/ #table_none_border { border:none} #table_none_border td{ border:none} /*라인 여백*/ #line_h30_dot { border-bottom:dotted #d7d7d7 1px; margin-top:30px; margin-bottom:30px;} #line_h10_dot { border-bottom:dotted #d7d7d7 1px; margin-top:10px; margin-bottom:10px;} #line_h5_dot { border-bottom:dotted #d7d7d7 1px; margin-top:5px; margin-bottom:5px; clear:none;} /*컨텐츠 영역*/ #contents_area001 { padding-top:20px; padding-bottom:20px; text-align:center} #contents_area002 { padding-top:20px; padding-bottom:20px; background:url(/img/common/sub_contents_bg_01.png) repeat-x top center; text-align:center} #contents_area003 { padding-top:20px; padding-bottom:20px; background:url(/img/common/sub_contents_bg_02.png) repeat-x top center; text-align:center} #contents_area004 { padding-top:20px; padding-bottom:20px; background:url(/img/common/sub_contents_bg_03.png) repeat-x top center; text-align:center} /*원 넘버링*/ #circle_001 {background:url(/img/common/circle.png) no-repeat; margin-right:15px; float:left; height:40px; width:40px; line-height:40px; text-align:center;} #circle_002 {background:url(/img/common/circle-02.png) no-repeat; margin-right:15px; float:left; height:40px; width:40px; line-height:40px;text-align:center;} #circle_003 {background:url(/img/common/circle-03.png) no-repeat; margin-right:15px; float:left; height:40px; width:40px; line-height:40px;text-align:center;} /*box*/ #roundbox_gray {display: table-cell; padding:20px; border-radius:10px; vertical-align:middle;background:#ebebeb;} #roundbox_gray2 {padding:20px; border-radius:10px; vertical-align:middle;background:#ebebeb; text-align:center} /*****************로그인*******************/ #login_area {padding:20px; border-bottom:solid 2px #886ae8; border-top:solid 2px #886ae8; width:695px; height:275px;} #login_left_area { background: #fff000; float:left; width:520px;position: relative; height:155px;} #login_right_area { float:left; width:165px;margin-left:10px;position: relative;} /*로그인버튼*/ #log_button_style {} #log_button_style a{color:#fff; } .log_button_h30_gray {font-size:14px;font-weight:800; color:#fff; letter-spacing:0px; line-height:40px; height:40px; width:165px; background-color:#a1a1a1; border-left:solid 5px #b7b7b7; text-align:center; margin-top:5px;} .log_button_h30_gray a{line-height:40px;color:#fff;} .log_button_h65_purple {font-size:24px;font-weight:800; color:#fff; letter-spacing:0px; line-height:65px; height:65px; width:165px; background-color:#886ae8; border-left:solid 5px #b7b7b7; text-align:center;} .log_button_h65_purple a{line-height:65px;color:#fff;} .login_boxform { border:#c4c4c4 solid 1px; height:35px; line-height:35px; width:235px; padding-left:5px;} .login_checkform { border:#c4c4c4 solid 1px; } /*비밀번호찾기*/ #id_search_area {padding:20px; border-bottom:solid 2px #886ae8; border-top:solid 2px #886ae8; width:695px; height:105px;} #id_search_left_area { background: #fff000; float:left; width:520px;position: relative; height:110px;} /*************************1:1문의하기**********************************/ .txtform { border:#c4c4c4 solid 1px; height:25px; line-height:25px; padding-left:5px;} /*************************학습하기**********************************/ /*탭메뉴*/ #step_tab { display: block; float: none;clear: both; padding:0 10px; height:40px;} #step_tab li{ height: 40px; width: 175px; text-align:center;} #step_tab01 {float: left;margin-right:5px;background: url(/img/mn04/step_tab.png) repeat-x top center;color: #fff; line-height:40px; font-size:20px; } #step_tab01 a{ display:inline-block; text-align: center; line-height:40px; font-size:26px; color: #fff;} #step_tab01 a.on{ line-height:40px; color: #000; font-weight: bold;} #step_tab02 {float: left;margin-right:5px;background: url(/img/mn04/step_tab-02.png) repeat-x top center;color: #fff; line-height:40px; font-size:20px; } #step_tab02 a{ display:inline-block; text-align: center; line-height:40px; font-size:26px;color: #fff;} #step_tab02 a.on{ line-height:40px; color: #000; font-weight: bold;} #step_tab03 {float: left;margin-right:5px;background: url(/img/mn04/step_tab-03.png) repeat-x top center;color: #fff; line-height:40px; font-size:20px; } #step_tab03 a{ display:inline-block; text-align: center; line-height:40px; font-size:26px;color: #fff;} #step_tab03 a.on{ line-height:40px; color: #000; font-weight: bold;} #step_tab04 {float: left;background: url(/img/mn04/step_tab-04.png) repeat-x top center;color: #fff; line-height:40px; font-size:20px; } #step_tab04 a{ display:inline-block; text-align: center; line-height:40px; font-size:26px;color: #fff;} #step_tab04 a.on{ line-height:40px; color: #000; font-weight: bold;} #step01_bar { display: block; float: none;clear: both; border-top:#ffe100 solid 5px;} #step02_bar { display: block; float: none;clear: both; border-top:#45b035 solid 5px;} #step03_bar { display: block; float: none;clear: both; border-top:#ea5504 solid 5px;} #step04_bar { display: block; float: none;clear: both; border-top:#920783 solid 5px;} #aboutstep { padding:10px;margin-top:10px;margin-bottom:10px;} #aboutstep_title {font-size:26px;line-height:30px;font-weight: bold;} #aboutstep_text {font-size:16px;} #bookbox {display: block; float: none;clear: both; background:url(/img/mn04/bookbox.png) no-repeat; width:735px; height:355px; padding:20px 20px 0 15px;margin-bottom:0px;} #bookbox ul{height:160px;} #bookbox ul li{float: left;background:url(/img/mn04/bookcover.png) no-repeat; width:135px; height:155px; margin:0 1px 5px 2px;display: block; cursor:pointer;border:#eeeeee solid 1px; } #bookbox a {} #bookbox .bookon {border:#e85007 solid 1px;} #success {position:absolute;width:90px;height:110px;z-index:99; top:; width:130px; height:150px; background:url(/img/mn04/success.png) no-repeat bottom right ; background-size: 60px auto;} #lessontitle {font-size:22px; margin-bottom:10px;} /*점수주기*/ #point_area {display: block;clear: both; width:530px; height:155px; padding-top:30px; padding-bottom:10px; margin-left:auto; margin-right:auto;} #point_area .point{ float:left ; padding-right:10px;} #point_area .point02{ float:left ;} /*녹음하기 게시판*/ #studybook_area { height:30px; padding-bottom:0px;} #studybook_tab { margin-right:5px; float:left; width:50px; height:30px;text-align:center;} #studybook_tab a{text-align: center;line-height:30px;color: #fff;font-family:'NanumBarunGothic'; letter-spacing:0px; font-size:18px;} .studybookon {line-height:30px; color: #fff; font-weight: bold; border-radius:7 px; vertical-align:middle;background-color:#5fdad4;text-align:center;} .studybookoff {line-height:30px; color: #fff; font-weight: bold; border-radius:7 px; vertical-align:middle;background-color:#ebebeb;text-align:center;} #EtcTableList {width:100%; font-size:12px;} #EtcTableList .articleLine{height:35px;line-height:35px;border-bottom:#DEDEDE solid 1px;} #EtcTableList .td_width_7 {width:7%;} #EtcTableList .td_width_10 {width:10%;} #EtcTableList .td_width_15 {width:15%;} #EtcTableList .td_width_73 {width:73%;} #EtcTableList .td_width_20 {width:20%;} .ToptheadEtc {height:35px;line-height:35px;background-color:#ff85d8;color:#FFF;font-size:13px;} .ToptbodyEtc {border-bottom:#ff85d8 solid 2px;} /*강좌 게시판*/ #studyTableList {width:100%; font-size:12px;} #studyTableList .articleLine{height:35px;line-height:35px;border-bottom:#DEDEDE solid 1px;} #studyTableList .td_width_7 {width:7%;} #studyTableList .td_width_10 {width:10%;} #studyTableList .td_width_15 {width:15%;} #studyTableList .td_width_63 {width:63%;} #studyTableList .td_width_20 {width:20%;} .Toptheadstudy {height:35px;line-height:35px;background-color:#0dd56e;color:#FFF;font-size:13px;} .Toptbodystudy {border-bottom:#0dd56e solid 2px;} /*학습하기 창*/ #study_body { background:#fff000; height:100%; width:100%;} #study_top { background:url(/img/mn04/study/img.png) repeat-x; height:110px;font-size:30px;color: #fff000; font-weight: bold; line-height:80px; text-align:center;font-family:'NanumBarunGothic';letter-spacing:2px;} #study_title { margin-bottom:20px; text-align:center;} #study_title .sdudystep{font-size:20px;color: #434343; font-weight: bold; line-height:26px;} #study_title .booktitle {font-size:20px;color: #e85007; font-weight: bold; line-height:26px;} #study_title .arrow {font-size:10px;color: #959595; font-weight: bold; line-height:5px; padding:0 5px;} #study_tab { display: block; float: none;clear: both; padding:0 10px; height:70px;margin-right:auto;margin-left:auto; width:775px;} #study_tab li{float: left; height: 66px; width: 188px; text-align:center;font-size:20px; color: #fff;font-family:'NanumBarunGothic'; letter-spacing:0px;} #study_tab {} #study_tab a{ display:inline-block; text-align: center; line-height:66px;color: #fff;font-family:'NanumBarunGothic'; letter-spacing:0px;} #study_tab .studyon {line-height:66px; color: #fff; font-weight: bold; background:url(/img/mn04/study/img-02.png) no-repeat;} #study_tab .studyoff {line-height:66px; color: #fff; font-weight: bold; background:url(/img/mn04/study/img-03.png) no-repeat;} #moviebox_w {padding:20px;background:#fff;border-radius:10px; text-align:center; height:480px;width:720px;margin-right:auto;margin-left:auto; margin-top:15px; margin-bottom:15px;} #moviebox_player {background:#000; height:480px; width:720px;margin-right:auto;margin-left:auto; } #study_button_area {width:760px;margin-right:auto;margin-left:auto; margin-bottom:20px;} /************회원가입****************/ /*회원가입 팝업 창*/ #joinpage_body { background:#fff;display: block; height:100%} #joinpage_top { background:url(/img/mn07/popup_topbg.png) repeat-x; height:70px;font-size:20px;color: #fff; font-weight: bold; line-height:50px; text-align:center;font-family:'NanumBarunGothic';letter-spacing:2px;} #joinpage_title { margin-bottom:20px; text-align:center;} #joinpage_title .text0001{font-size:16px;color: #434343; font-weight: bold; line-height:20px;} #joinpage_title .text0002 {font-size:16px;color: #e85007; font-weight: bold; line-height:20px;} #joinpage_title .arrow {font-size:10px;color: #959595; font-weight: bold; line-height:5px; padding:0 5px;} /*************************학습기록창**********************************/ /*탭메뉴*/ #recordstep_tab { display: block; float: none;clear: both; padding:0 10px; width:715px; margin-left:auto; margin-right:auto;} #recordstep_tab01 {float: left;margin-right:5px; width:175px; } #recordstep_tab02 {float: left;margin-right:5px; width:175px;} #recordstep_tab03 {float: left;margin-right:5px; width:175px; } #recordstep_tab04 {float: left; width:175px;} #recordstep_tab01_top {background: url(/img/mn04/step_tab.png) repeat-x top center;color: #fff; line-height:40px; font-size:22px; } #recordstep_tab02_top {background: url(/img/mn04/step_tab-02.png) repeat-x top center;color: #fff; line-height:40px; font-size:22px; } #recordstep_tab03_top {background: url(/img/mn04/step_tab-03.png) repeat-x top center;color: #fff; line-height:40px; font-size:22px; } #recordstep_tab04_top {background: url(/img/mn04/step_tab-04.png) repeat-x top center;color: #fff; line-height:40px; font-size:22px; } #recordstep01_bar { display: block; float: none;clear: both; border-top:#ffe100 solid 5px;} #recordstep02_bar { display: block; float: none;clear: both; border-top:#45b035 solid 5px;} #recordstep03_bar { display: block; float: none;clear: both; border-top:#ea5504 solid 5px;} #recordstep04_bar { display: block; float: none;clear: both; border-top:#920783 solid 5px;} #recordstep_box { padding:20px; border-radius:0 0 10px 10px; vertical-align:middle;background:#ebebeb; text-align:center} #recordstep_circle_off {background:url(/img/mn07/circle-02.png) no-repeat center top; width:60px; height:60px; color:#fff;line-height:60px;font-size:20px; cursor:pointer; margin:3px;} #recordstep_circle_on {background:url(/img/mn07/circle.png) no-repeat center top; width:60px; height:60px; color:#fff;line-height:60px;font-size:20px; cursor:pointer; margin:3px;} /************연혁****************/ #historyA { width:710px; margin-left:10px; margin-right:10px;} #historyB { width:710px; margin-left:10px; margin-right:10px;} #historyC { width:710px; margin-left:10px; margin-right:10px; } #history { width:710px; } #history02 { width:710px;} #history03 { width:710px;} #h_year {text-align:center; height:100%;padding:0px; border-radius:7px 0px 0px 7px; vertical-align:middle;background:#6bb8ee; margin-left:auto; margin-right: auto; float:left;width:120px;} #h_year02 {text-align:center; height:100%;padding:0px; border-radius:7px 0px 0px 7px; vertical-align:middle;background:#5fdad4; margin-left:auto; margin-right: auto; float:left;width:120px;} #h_text {padding:5px 5px 5px 5px; border-radius:0px 7px 7px 0px; vertical-align:middle;background:#eeeeee; float:left; width:580px;} .h_month {text-align:center; font-weight:bold;font-size:12px;background:#eeeeee; vertical-align: text-top top; float:left; width:50px;} p.h_txt{font-size:11px;height:15px;font-weight:400;letter-spacing:-1px;text-align:left;background:url(/img/common/bullet-02.png) no-repeat; background-size:auto 8px; background-position: left 0px top 4px; padding-left:9px; } #h_txt{float:left;} #blank_h10 {margin-top:10px; margin-bottom:10px;} /************사업영역****************/ #b_logo_area { padding:15px; width:120px; height:90px; text-align:center; vertical-align:middle; float:left; border-radius:7px; border:solid #0dd56e 5px;} #b_logo_area_blank {width:15px; height:60px; float:left; border-bottom:solid #0dd56e 5px;} #b_txt_area { padding:10px 5px; width:140px; height:80px; text-align:center; vertical-align:middle; float:left; border-radius:7px; border:solid #ebebeb 5px;} #b_txt_area_blank {width:15px; height:60px; float:left; border-bottom:solid #ebebeb 5px;} #b_txt_area_blank2 {height:15px; float:left; border-right:solid #ebebeb 5px;} #b_logo_area2 { padding:15px; text-align:center; vertical-align:middle; float:left; border-radius:7px; border:solid #e85007 5px;} #b_logo_area_blank2 {width:15px; float:left; border-bottom:solid #e85007 5px;} /************게시판 서브 텍스트****************/ #sub_txt_area2 { margin-top:10px; margin-left:10px; margin-bottom:10px; text-align:left; background:url(/img/common/sub_text_img.png) no-repeat 10px center; padding-left:50px; font-size:14px; min-height:35px; line-height:35px; margin:1em 0; } #sub_txt_area2 p { vertical-align:middle; line-height:1.8em;} #sub_txt_area2:after {clear:both;} /*텍스트가 2줄인 경우*/ #sub_txt_area3 { margin-top:10px; margin-left:10px; margin-bottom:10px; text-align:left; background:url(/img/common/sub_text_img.png) no-repeat 10px center; padding-left:50px; font-size:14px; min-height:35px; line-height:23px; margin:1em 0; } #sub_txt_area3 p { vertical-align:middle; line-height:1.8em;} #sub_txt_area3:after {clear:both;} /************캐릭터소개****************/ #character {font-family: 'Fredoka One', cursive; font-size:16px; text-align:left; line-height:15px;} .character_01 { color:#ffcb01;text-shadow: 2px 2px 2px #424242; float:left; padding-right:10px;} .character_02 { color:#fff;text-shadow: 2px 2px 2px #424242;} /************단계별교재****************/ #bullet_list p{text-align:left;background:url(/img/common/bullet-04.png) no-repeat left center;padding-left:9px; height:20px; line-height:20px;} #table_bookstep {border-top:#DEDEDE solid 0px; } #table_bookstep tr td{ padding:5px;} #roundbox_bookstep {display: table-cell;border-radius:10px 0px 0 10px; vertical-align:middle;background:#5fdad4; text-align:center; color:#FFFFFF; height:100%;} #roundbox_bookstep_r {display: table-cell;border-radius:0px 10px 10px 0px; text-align:left; height:100%; border:#DEDEDE solid 0px;background:#f7f7f7 } #roundbox_bookstep2 {display: table-cell;border-radius:10px 0px 0 10px; vertical-align:middle;background:#ff85d8; text-align:center; color:#FFFFFF; height:100%;} #roundbox_bookstep2_r {display: table-cell;border-radius:0px 10px 10px 0px; text-align:left; height:100%; border:#DEDEDE solid 0px;background:#f7f7f7 } #roundbox_bookstep_line { height:5px;} #table_bookstepB {border-top:#DEDEDE solid 0px; } #table_bookstepB tr td{border-bottom:#DEDEDE solid .px; padding:5px;} #table_bookstep2 {} #table_bookstep2 tr td{border-bottom:#DEDEDE dotted 1px; padding:5px;}