@charset "utf-8";
/* CSS Document */

/* body 공통속성 */
html, body, h1, h2, h3, h4, h5, h6, div, p, blockquote, pre, address, ul, ol, li, dl, dt, dd, table, caption, th, td, form, fieldset, legend, input, hr {margin:0; padding:0;}
body {
	font-family: dotum, "돋움", arial;
	font-size: 75%;
	line-height: 1.3;
	color: #000000;
	margin-left: 0px;
	}	
object {width:0;height:0;padding:0;margin:0;}	
a:link {text-decoration:none;}
a:visited {text-decoration:none;}
a:hover {text-decoration:none;}

ul,ol,dt {list-style:none;}
img {border:0; vertical-align:middle;padding:0;margin:0;}

/* form 공통속성 */
fieldset {border: none; margin:0; padding:0;}
form,input,textarea,select {margin:0; padding:0; vertical-align:middle;}
legend {position:absolute; overflow:hidden; width:0px; height:0px; font-size:0; line-height:0;}

/* 전체 레이아웃 박스속성 */
#wrap {width:100%; margin:0 auto; text-align:center;overflow: hidden;}
#header {margin:0 auto; width:100%; height:130px;}
#container {margin:0 auto; width:100%; text-align:center;}
#footer {clear:both;width:100%; text-align:center; background-color:#f3f3f3; color:#999999;}
		
/* header 영역 속성 */
#hotkey_menu {clear:both; position:relative; float:right;}
#hotkey_menu ul {position:relative; overflow:hidden; }
#hotkey_menu li {float:left; display:inline; }

#logo_home {clear:both; position:relative; float:left;}	
#logo_menu {float:right;}
#logo_menu ul {position:relative; overflow:hidden; padding-top:44px;}
#logo_menu li {display:inline; margin-left:6px; color:#6b6b6b}
#logo_menu a:link {color:#6b6b6b; text-decoration:none;}
#logo_menu a:visited {color:#6b6b6b; text-decoration:none;}
#logo_menu a:hover {color:#6b6b6b; text-decoration:none;}

#gnb_menu {clear:both; position:relative;text-align:center;width:100%; height:45px;background:url(../images/main/2017_renewal/menu/menu_bg.jpg) repeat-x;}
#gnb_menu ul {position:relative; overflow:hidden;}
#gnb_menu li {float:left; display:inline; }
/*#gnb_menu li .sub_bg {width:1000px; height:44px; background:url(../images/main/2017_renewal/menu/bg_sub.png) repeat-x; position:absolute; left:0; top:45px; padding:0; overflow:hidden; z-index:1; display:none; }*/
#gnb_menu li.menu_1 {height:45px;}
#gnb_menu li.menu_2 {height:45px;}
#gnb_menu li.menu_3 {height:45px;}
#gnb_menu li.menu_4 {height:45px;}
#gnb_menu li.menu_5 {height:45px;}
#gnb_menu li.menu_6 {height:45px;}
#gnb_menu li.menu_7 {height:45px;}
#gnb_menu li.menu_8 {height:45px;}
#gnb_menu li.menu_9 {height:45px;}
#gnb_menu li .sub_bg {width:100%; height:44px; background:url(../images/main/2017_renewal/menu/bg_sub.png) repeat-x; position:absolute; left:0; top:45px; padding:0; overflow:hidden; z-index:1; display:none;}
#gnb_menu li ul li {float:left;}
#gnb_menu li ul li a {background:none !important; font-size:12px; text-indent:0; height:35px; line-height:35px; color:#666; width:100%; padding:0 15px; font-weight:bold;}
#gnb_menu li ul li a:hover {background:none !important; font-size:12px; text-indent:0; height:35px; line-height:35px; color:#000; font-weight:bold; width:100%; padding:0 15px;}
#gnb_menu li ul.sub_1 {position:relative; left:-205px; top:0; display:inline-block;}
#gnb_menu li ul.sub_2 {position:relative; left:-125px; top:0; display:inline-block;}
#gnb_menu li ul.sub_3 {position:relative; left:-20px; top:0; display:inline-block;}
#gnb_menu li ul.sub_4 {position:relative; left:40px; top:0; display:inline-block;}
#gnb_menu li ul.sub_5 {position:relative; left:50px; top:0; display:inline-block;}
#gnb_menu li ul.sub_6 {position:relative; left:160px; top:0; display:inline-block;}
#gnb_menu li ul.sub_7 {position:relative; left:210px; top:0; display:inline-block;}
#gnb_menu li ul.sub_8 {position:relative; left:270px; top:0; display:inline-block;}
#gnb_menu li ul.sub_9 {position:relative; left:340px; top:0; display:inline-block;}

/* container 영역 속성 */
#container {clear:both;}

/* evnet 영역 속성 */
#spot {clear:both; margin-top:10px; overflow:hidden;}
#spot .spot_event {float:left; position:relative;}
/*4개일때*/
#spot .spot_event dt a {position:absolute; top:300px; width:189px; height:40px; line-height:40px; text-align:center; display:block; color:#666666; font-size:14px; font-weight:bold;}
#spot .spot_event dt.event_1 a {left:0; width:190px; background:#eeeeee;}
#spot .spot_event dt.event_2 a {left:191px; background:#eeeeee;}
#spot .spot_event dt.event_3 a {left:381px; background:#eeeeee;}
#spot .spot_event dt.event_4 a {left:571px; background:#eeeeee;}
#spot .spot_event dt.event_1 a:hover {left:0; background:#0a9bd4; color:#ffffff;}
#spot .spot_event dt.event_2 a:hover {left:191px; background:#0a9bd4; color:#ffffff;}
#spot .spot_event dt.event_3 a:hover {left:381px; background:#0a9bd4; color:#ffffff;}
#spot .spot_event dt.event_4 a:hover {left:571px; background:#0a9bd4; color:#ffffff;}
#spot .spot_event dt.event_1 a.active {left:0; background:#0a9bd4; color:#ffffff;}
#spot .spot_event dt.event_2 a.active {left:191px; background:#0a9bd4; color:#ffffff;}
#spot .spot_event dt.event_3 a.active {left:381px; background:#0a9bd4; color:#ffffff;}
#spot .spot_event dt.event_4 a.active {left:571px; background:#0a9bd4; color:#ffffff;}

/*3개일때
#spot .spot_event dt a {position:absolute; top:300px; width:253px; height:40px; line-height:40px; text-align:center; display:block; color:#666666; font-size:14px; font-weight:bold;}
#spot .spot_event dt.event_1 a {left:0; width:253px; background:#eeeeee;}
#spot .spot_event dt.event_3 a {left:254px; background:#eeeeee;}
#spot .spot_event dt.event_4 a {left:508px; background:#eeeeee;}
#spot .spot_event dt.event_1 a:hover {left:0; background:#0a9bd4; color:#ffffff;}
#spot .spot_event dt.event_3 a:hover {left:254px; background:#0a9bd4; color:#ffffff;}
#spot .spot_event dt.event_4 a:hover {left:508px; background:#0a9bd4; color:#ffffff;}
#spot .spot_event dt.event_1 a.active {left:0; background:#0a9bd4; color:#ffffff;}
#spot .spot_event dt.event_3 a.active {left:254px; background:#0a9bd4; color:#ffffff;}
#spot .spot_event dt.event_4 a.active {left:508px; background:#0a9bd4; color:#ffffff;}
*/
/*2개일때
#spot .spot_event dt a {position:absolute; top:300px; width:380px; height:40px; line-height:40px; text-align:center; display:block; color:#666666; font-size:14px; font-weight:bold;}
#spot .spot_event dt.event_2 a {left:0; background:#eeeeee;}
#spot .spot_event dt.event_4 a {left:380px; background:#eeeeee;}
#spot .spot_event dt.event_2 a:hover {left:0; background:#0a9bd4; color:#ffffff;}
#spot .spot_event dt.event_4 a:hover {left:380px; background:#0a9bd4; color:#ffffff;}
#spot .spot_event dt.event_2 a.active {left:0; background:#0a9bd4; color:#ffffff;}
#spot .spot_event dt.event_4 a.active {left:380px; background:#0a9bd4; color:#ffffff;}
*/

#spot .spot_event dd {position:absolute; left:0; top:0;}
#spot .spot_course {float:right;}

/* main_notice 영역 속성 */
#main_notice {clear:both; width:100%;margin-top:10px; height:50px; background:#f3f3f3; overflow:hidden; }
#main_notice dl {float:left;}
#main_notice dl dt {float:left;font-size:0; text-indent:-9999em; width:231px; padding-top:8px;}
#main_notice dl dd {float:left; width: 600px; height: 30px;	background-color:#ffffff; margin-top:10px; text-align:left;}
#main_notice dl dd ul li { padding-left:10px; padding-top:8px;}
#main_notice dl dd a {font-weight:bold;}

#main_notice p {float:right; padding-right:20px; padding-top:13px;}


/* content */
.col1 {clear:left;overflow:hidden;padding-top:10px;}
.col1 li{float:left;position:relative}
.col1 .col_login {width:240px;height:198px; position:relative; border:solid 1px #dddddd;}
.col1 .col_notice {width:517px;height:198px;border:solid #dddddd;border-width:1px 1px 1px 0;}
.col1 .col_schedule {width:239px;height:198px;border:solid #dddddd;border-width:1px 1px 1px 0;}

.col1 .col_login label {display:none;}
.col1 .col_login input[type="text"], .login input[type="password"] {width:135px; height:28px; line-height:28px; border:1px solid #ccc; padding-left:10px; color:#999;}
.col1 .col_login input.input_id {position:absolute; left:10px; top:10px;}
.col1 .col_login input.input_pw {position:absolute; left:10px; top:48px;}
.col1 .col_login .login button {position:absolute; left:165px; top:10px; width:60px; height:70px; background:url(../images/main/2017_renewal/login/login.jpg) no-repeat; border:none; font-size:0; text-indent:-9999em; cursor:pointer}
.col1 .col_login p.login_line {text-align:center;margin-top:85px;}
.col1 .col_login p.member_link {margin-top:5px; height:34px;}
.col1 .col_login p.member_link a {font-size:11px; text-align:center; line-height:26px; margin-left:12px;}
.col1 .col_login p.member_link a.member_join {font-weight:bold; color:#666; line-height:30px;}
.col1 .col_login p.member_link a.search_id {color:#999; text-decoration:underline;}
.col1 .col_login .login .wrap_btn {background:#f1f1f2; padding:9px 10px;text-align:center; margin:0 auto;}
.col1 .col_login .login .wrap_btn a.btn_login2 {font-size:0; text-indent:-9999em; height:40px; display:block; background:url(../images/main/2017_renewal/login/login_key.jpg) no-repeat;}
.col1 .col_login .login .wrap_btn a.btn_online {font-size:0; text-indent:-9999em; height:40px; display:block; background:url(../images/main/2017_renewal/login/btn_online.jpg) no-repeat;}
.col1 .col_login .login .wrap_btn a.btn_manager {font-size:0; text-indent:-9999em; height:40px; display:block; background:url(../images/main/2017_renewal/login/btn_manager.jpg) no-repeat;}
.col1 .col_login .login .wrap_btn a.btn_professor {font-size:0; text-indent:-9999em; height:40px; display:block; background:url(../images/main/2017_renewal/login/btn_professor.jpg) no-repeat;}
.col1 .col_login .login .member_info {padding:5px 10px;}
.col1 .col_login .login .member_info p {font-size:12px; color:#333; line-height:180%; }
.col1 .col_login .login .member_info p span {color:#3874b0; font-weight:bold;}
.col1 .col_login .login .member_info p.btn_position {position:absolute; right:10px; top:33px;}
.col1 .col_login .login .planner {padding:5px 10px; font-size:12px; color:#999; line-height:160%; font-weight:normal;}
.col1 .col_login .login .planner span{font-weight:bold; color:#f68e56}


.col1 .col_notice ul {position:relative; overflow:hidden; height:40px;}
.col1 .col_notice li {float:left; display:table; height:40px;}
.col1 .col_notice li a {display:table-cell;  vertical-align:bottom;}
.col1 .col_notice li img {border:thin solid #c4c4c4; }
.col1 .col_notice .n_tap {clear:both; position:relative; float:left; padding-left:10px;}	
.col1 .col_notice .n_btn {float:right; padding:0 10px 10px 0px; vertical-align:middle;} 
.col1 .col_notice .n_table {float:left; padding-left:10px;} 
.col1 .col_notice .n_table .n_t_point {width:58px; vertical-align:top;} 
.col1 .col_notice .n_table .n_t_txt { text-align:left; color:#666666; font-size:12px;} 
.col1 .col_notice .n_table .n_t_date { float:right; color:#999999} 


.col2 {clear:left;overflow:hidden;}
.col2 li{float:left;position:relative}
.col2 .col_phone {width:240px;height:380px;border:solid #dddddd;border-width:0 1px 1px 1px;}
.col2 .col_guide {width:517px;height:380px;border:solid #dddddd;border-width:0 1px 1px 0;}
.col2 .col_quick {width:239px;height:380px;border:solid #dddddd;border-width:0 1px 1px 0;}
.col2 .col_line {height:181px;border:solid #dddddd;border-width:0  0 1px 0;}
.col2 .col_quick .q_banner {padding-left: 10px; padding-top: 10px;}

.col2 .col_phone .btn_pc {margin-top:10px;}
.col2 .col_phone .form_counsel {margin-top:10px; margin-left:10px;width:220px; height:310px; background-image:url(../images/main/2017_renewal/main/phone_title.jpg); background-repeat:no-repeat;}
.col2 .col_phone .form_counsel table {margin-top:59px;}
.col2 .col_phone .form_counsel table th {display:none;}
.col2 .col_phone .form_counsel table td {height:26px; padding-left:72px;}
.col2 .col_phone .form_counsel input[type="text"] {width:1106px; height:18px; border:1px solid #ccc;}
.col2 .col_phone .form_counsel input[type="checkbox"] {margin-right:5px;}
.col2 .col_phone .form_counsel select {margin:0; padding:0; width:40%; }
.col2 .col_phone .form_counsel button {width:200px; height:40px; background:url(../images/main/2017_renewal/main/phone_btn.jpg) no-repeat; font-size:0; text-indent:-9999em; border:none;}
.col2 .col_phone .form_counsel p.write_form textarea {margin:2px 20px 0 20px; border:1px solid #ccc; padding:3px; color:#666;}
.col2 .col_phone .form_counsel p.tx_agree {padding-top:8px; font-size:11px; color:#999; line-height:120%; width:85%; margin:0 auto;}
.col2 .col_phone .form_counsel p.tx_agree span {color:#9d363a;}
.col2 .col_phone .form_counsel p.btn_counsel { text-align:center; padding-top:5px;}

.col2 .col_quick .pride_title {clear:both; position:relative; float:left; padding:10px 0 0 10px;}	
.col2 .col_quick .btn_plus {float:right; padding:10px 10px 0 0;}
.col2 .col_quick .pride_pic {clear:both; position:relative; float:left; padding:10px 10px 0 10px; color:#666;}	
.col2 .col_quick .pride_pic img {clear:both; position:relative; float:left; padding-right:10px;}	
.col2 .col_quick .pride_txt {clear:both; padding:10px 10px 0 10px; font-size:11px; text-align:left;}

.col2 .col_guide {background-image:url(../images/main/2017_renewal/main/learner_title.jpg); background-repeat:no-repeat;background-position:bottom left;}
.col2 .col_guide .g_step { padding-left:186px; padding-top:21px;}



.col3 {clear:left;overflow:hidden;}
.col3 li{float:left;position:relative;}
.col3 .col_center {width:240px;height:281px;border:solid #dddddd;border-width:0px 1px 1px 1px; text-align:center; padding-top:10px;}
.col3 .col_subject {width:757px;height:291px;border:solid #dddddd;border-width:0px 1px 1px 0;}

.col3 .col_subject ul {position:relative; overflow:hidden; height:40px;}
.col3 .col_subject li {float:left; display:table; height:40px;}
.col3 .col_subject li a {display:table-cell;  vertical-align:bottom;}
.col3 .col_subject li img {border:thin solid #c4c4c4; }
.col3 .col_subject .s_tab {clear:both; position:relative; float:left; padding-left:10px;}	
.col3 .col_subject .s_title { float:left; padding:10px 10px 10px 10px;} 
.col3 .col_subject .s_table {float:left; padding-left:10px;position:relative; height:200px; overflow:auto;}
.col3 .col_subject .s_t_tr_w {height:26px;}
.col3 .col_subject .s_t_tr_b {height:26px; background-color:#f6f8fb;}
.col3 .col_subject .s_t_point {width:110px;text-align:left; padding-left:10px;}
.col3 .col_subject .s_t_subject {width:190px; text-align:left; padding-left:10px; font-size:12px; color:#666; font-weight:bold;}
.col3 .col_subject .s_t_grade {width:40px; font-size:12px; color:#666; font-weight:bold;}
.col3 .col_subject .s_t_teacher {width:80px; font-size:12px; color:#666; font-weight:bold;}
.col3 .col_subject .s_t_view {width:90px;}
.col3 .col_subject .s_t_plan {width:100px;}
.col3 .col_subject .s_t_sign {width:130px;}

#icon {clear:both; width:100%; text-align:center; height:190px; margin-top:10px; background: url(../images/main/2017_renewal/main/icon_bg.jpg) repeat;}
#icon ul { margin-left:10px;}
#icon li {float:left; display:table; height:190px;}
#icon li a {display:table-cell; vertical-align:middle;}
#icon li img {border-top:thin solid #e8e8e8; border-bottom:thin solid #e8e8e8; border-left:thin solid #e8e8e8;}

#teacher_tap {clear:both; width:1000px; height:40px; border-bottom:1px solid #e8e8e8; position:relative;}
#teacher_tap ul {position:relative; overflow:hidden;}
#teacher_tap li {float:left; display:table; height:40px;}
#teacher_tap li a {display:table-cell; vertical-align:bottom;}
#teacher_tap li img {border:solid #e8e8e8; }
#t_tap {clear:both; position:relative; float:left;}	
#t_btn {float:right;}


#teacher {clear:both; height:200px; position:relative;}
#teacher ul {position:relative; overflow:hidden;}
#teacher li {float:left; display:table; height:200px; margin-left:30px;}
#teacher li a {display:table-cell; vertical-align:middle;}



#banner {clear:both; height:80px; border-top:1px solid #e8e8e8; position:relative;}
#banner ul {position:relative; overflow:hidden;}
#banner li {float:left; display:table; height:80px; margin-left:10px;}
#banner li a {display:table-cell; vertical-align:middle;}



/* footer 영역 속성 */
#footer_util {padding-left:294px; padding-top:10px;}
#footer_util li {float:left; display:inline; margin-left:6px; font-size:14px; color:#6b6b6b;}
#footer_util a:link {color:#6b6b6b; text-decoration:none;}
#footer_util a:visited {color:#6b6b6b; text-decoration:none;}
#footer_util a:hover {color:#6b6b6b; text-decoration:none;}

#footer_logo {height:25px; }
#footer_adress {padding-left:300px; padding-top:10px; background-image:url(../images/main/2017_renewal/footer/footer_logo.jpg);background-repeat:no-repeat;}
#footer_adress p a:link {color:#6b6b6b; text-decoration:none;}
#footer_adress p a:visited {color:#6b6b6b; text-decoration:none;}
#footer_adress p a:hover {color:#6b6b6b; text-decoration:none;}



/* 공통스타일 */
.hidden {width:0; height:0; font-size:0; text-indent:-9999em;}
.pd_clear {padding-left:0;}