@charset"charset=utf-8";

#visual{ background:#000 url(/images/main_alltc.jpg) 100% ;width:100%; height:700px; background-position:center}

#visual_wrap{ padding:40px 25px 0 40px; min-width:1200px;}
#left_menu{ float:left; }
#right_bn{ float:right; margin-top:78px;}

#in_logo{ display:block; padding-bottom:30px;}
#in_menu { width:156px;}
#in_menu li { display:inline-block; padding-bottom:0;}

/**오른쪽 메뉴 **/
.main_menu01 a{width:157px; height:89px; background:url("/images/in_menu1.png") no-repeat; display:block;}
.main_menu01 a:hover{width:157px; height:89px; background:url("/images/in_menu1_up.png") no-repeat;}
.main_menu02 a{width:157px; height:89px; background:url("/images/in_menu2.png") no-repeat; display:block;}
.main_menu02 a:hover{width:157px; height:89px; background:url("/images/in_menu2_up.png") no-repeat;}
.main_menu03 a{width:157px; height:89px; background:url("/images/in_menu3.png") no-repeat; display:block;}
.main_menu03 a:hover{width:157px; height:89px; background:url("/images/in_menu3_up.png") no-repeat;}
.main_menu04 a{width:235px; height:85px; background:url("/images/br_l03.jpg") no-repeat; display:block;}
.main_menu05 a{width:235px; height:85px; background:url("/images/br_l02.jpg") no-repeat; display:block;}
.main_menu06 a{width:235px; height:85px; background:url("/images/br_l01.jpg") no-repeat; display:block;}
/**오른쪽 메뉴  끝**/

.main_btn{position:relative; width: 1000px; top: 570px; left: 320px;}
.main_btn a{display:block;}

.wrap_sm{ width:100%; background-color:#000; opacity:0.7; padding:20px 0; position:absolute; top:772px; z-index:18;}
.sm_txt{ width:410px; margin:0 auto;}

.wrap_best{ background-color:#345eab; height:67px; padding:0px 0;}
.best_content{ width:1200px; margin:0 auto;}
.best_tit{ width:171px; float:left; }
.best_menu{}
.best_menu li { }
.best_menu_01 a{width:170px; height:67px; background:url("/images/best1.gif") no-repeat; display:block; float:left}
.best_menu_01 a:hover{width:170px; height:67px; background:url("/images/best1_on.gif") no-repeat;}
.best_menu_02 a{width:170px; height:67px; background:url("/images/best3.gif") no-repeat; display:block; float:left}
.best_menu_02 a:hover{width:170px; height:67px; background:url("/images/best3_on.gif") no-repeat;}
.best_menu_03 a{width:170px; height:67px; background:url("/images/best2.gif") no-repeat; display:block; float:left}
.best_menu_03 a:hover{width:170px; height:67px; background:url("/images/best2_on.gif") no-repeat;}
.best_menu_04 a{width:170px; height:67px; background:url("/images/best4.gif") no-repeat; display:block; float:left}
.best_menu_04 a:hover{width:170px; height:67px; background:url("/images/best4_on.gif") no-repeat;}
.best_menu_05 a{width:170px; height:67px; background:url("/images/best6.gif") no-repeat; display:block; float:left}
.best_menu_05 a:hover{width:170px; height:67px; background:url("/images/best6_on.gif") no-repeat;}
.best_menu_06 a{width:170px; height:67px; background:url("/images/best5.gif") no-repeat; display:block; float:left}
.best_menu_06 a:hover{width:170px; height:67px; background:url("/images/best5_on.gif") no-repeat;}

.wrap_cl{ background-color:#d7f0f9; height:595px; padding:20px 0;}
.cl_content{ width:1200px; margin:0 auto;}
.cl_content2{ width:1200px; height:432px; margin:0 auto;}
.cl_content3{ width:1200px; height:340px; margin:0 auto;}
.cl_tit{ width:151px; float:left; padding:5px 0 0 20px;}
.cl_menu{ width:1029px; margin-left:171px;}
.cl_menu li { }


.cl_menu_00_01 a{width:170px; height:32px; background:url("/images/class0_1.gif") no-repeat; display:block; float:left;}
.cl_menu_00_01 a:hover{width:170px; height:32px; background:url("/images/class0_1_on.gif") no-repeat;}
.cl_menu_00_02 a{width:170px; height:32px; background:url("/images/class0_2.gif") no-repeat; display:block; float:left;}
.cl_menu_00_02 a:hover{width:170px; height:32px; background:url("/images/class0_2_on.gif") no-repeat;}
.cl_menu_00_03 a{width:170px; height:32px; background:url("/images/class0_3.gif") no-repeat; display:block; float:left;}
.cl_menu_00_03 a:hover{width:170px; height:32px; background:url("/images/class0_3_on.gif") no-repeat;}

.cl_menu_01_01 a{width:170px; height:32px; background:url("/images/class1_1.gif") no-repeat; display:block; float:left;}
.cl_menu_01_01 a:hover{width:170px; height:32px; background:url("/images/class1_1_on.gif") no-repeat;}
.cl_menu_01_02 a{width:170px; height:32px; background:url("/images/class1_2.gif") no-repeat; display:block; float:left;}
.cl_menu_01_02 a:hover{width:170px; height:32px; background:url("/images/class1_2_on.gif") no-repeat;}
.cl_menu_01_03 a{width:170px; height:32px; background:url("/images/class1_3.gif") no-repeat; display:block; float:left;}
.cl_menu_01_03 a:hover{width:170px; height:32px; background:url("/images/class1_3_on.gif") no-repeat;}
.cl_menu_01_04 a{width:170px; height:32px; background:url("/images/class1_4.gif") no-repeat; display:block; float:left;}
.cl_menu_01_04 a:hover{width:170px; height:32px; background:url("/images/class1_4_on.gif") no-repeat;}
.cl_menu_01_05 a{width:170px; height:32px; background:url("/images/class1_5.gif") no-repeat; display:block; float:left;}
.cl_menu_01_05 a:hover{width:170px; height:32px; background:url("/images/class1_5_on.gif") no-repeat;}
.cl_menu_01_06 a{width:170px; height:32px; background:url("/images/class1_6.gif") no-repeat; display:block; float:left;}
.cl_menu_01_06 a:hover{width:170px; height:32px; background:url("/images/class1_6_on.gif") no-repeat;}
.cl_menu_01_07 a{width:170px; height:32px; background:url("/images/class1_7.gif") no-repeat; display:block; float:left;}
.cl_menu_01_07 a:hover{width:170px; height:32px; background:url("/images/class1_7_on.gif") no-repeat;}
.cl_menu_01_08 a{width:170px; height:32px; background:url("/images/class1_8.gif") no-repeat; display:block; float:left;}
.cl_menu_01_08 a:hover{width:170px; height:32px; background:url("/images/class1_8_on.gif") no-repeat;}
.cl_menu_01_09 a{width:170px; height:32px; background:url("/images/class1_9.gif") no-repeat; display:block; float:left;}
.cl_menu_01_09 a:hover{width:170px; height:32px; background:url("/images/class1_9_on.gif") no-repeat;}
.cl_menu_01_10 a{width:170px; height:32px; background:url("/images/class1_10.gif") no-repeat; display:block; float:left;}
.cl_menu_01_10 a:hover{width:170px; height:32px; background:url("/images/class1_10_on.gif") no-repeat;}


.cl_menu_02_01 a{width:170px; height:32px; background:url("/images/class2_1.gif") no-repeat; display:block; float:left;}
.cl_menu_02_01 a:hover{width:170px; height:32px; background:url("/images/class2_1_on.gif") no-repeat;}
.cl_menu_02_02 a{width:170px; height:32px; background:url("/images/class2_2.gif") no-repeat; display:block; float:left;}
.cl_menu_02_02 a:hover{width:170px; height:32px; background:url("/images/class2_2_on.gif") no-repeat;}
.cl_menu_02_03 a{width:170px; height:32px; background:url("/images/class2_3.gif") no-repeat; display:block; float:left;}
.cl_menu_02_03 a:hover{width:170px; height:32px; background:url("/images/class2_3_on.gif") no-repeat;}
.cl_menu_02_04 a{width:170px; height:32px; background:url("/images/class2_4.gif") no-repeat; display:block; float:left;}
.cl_menu_02_04 a:hover{width:170px; height:32px; background:url("/images/class2_4_on.gif") no-repeat;}
.cl_menu_02_05 a{width:170px; height:32px; background:url("/images/class2_5.gif") no-repeat; display:block; float:left;}
.cl_menu_02_05 a:hover{width:170px; height:32px; background:url("/images/class2_5_on.gif") no-repeat;}
.cl_menu_02_06 a{width:170px; height:32px; background:url("/images/class2_6.gif") no-repeat; display:block; float:left;}
.cl_menu_02_06 a:hover{width:170px; height:32px; background:url("/images/class2_6_on.gif") no-repeat;}
.cl_menu_02_07 a{width:170px; height:32px; background:url("/images/class2_7.gif") no-repeat; display:block; float:left;}
.cl_menu_02_07 a:hover{width:170px; height:32px; background:url("/images/class2_7_on.gif") no-repeat;}
.cl_menu_02_08 a{width:170px; height:32px; background:url("/images/class2_8.gif") no-repeat; display:block; float:left;}
.cl_menu_02_08 a:hover{width:170px; height:32px; background:url("/images/class2_8_on.gif") no-repeat;}
.cl_menu_02_09 a{width:170px; height:32px; background:url("/images/class2_9.gif") no-repeat; display:block; float:left;}
.cl_menu_02_09 a:hover{width:170px; height:32px; background:url("/images/class2_9_on.gif") no-repeat;}
.cl_menu_02_10 a{width:170px; height:32px; background:url("/images/class2_10.gif") no-repeat; display:block; float:left;}
.cl_menu_02_10 a:hover{width:170px; height:32px; background:url("/images/class2_10_on.gif") no-repeat;}
.cl_menu_02_11 a{width:170px; height:32px; background:url("/images/class2_11.gif") no-repeat; display:block; float:left;}
.cl_menu_02_11 a:hover{width:170px; height:32px; background:url("/images/class2_11_on.gif") no-repeat;}
.cl_menu_02_12 a{width:170px; height:32px; background:url("/images/class2_12.gif") no-repeat; display:block; float:left;}
.cl_menu_02_12 a:hover{width:170px; height:32px; background:url("/images/class2_12_on.gif") no-repeat;}
.cl_menu_02_13 a{width:170px; height:32px; background:url("/images/class2_13.gif") no-repeat; display:block; float:left;}
.cl_menu_02_13 a:hover{width:170px; height:32px; background:url("/images/class2_13_on.gif") no-repeat;}
.cl_menu_02_14 a{width:170px; height:32px; background:url("/images/class2_14.gif") no-repeat; display:block; float:left;}
.cl_menu_02_14 a:hover{width:170px; height:32px; background:url("/images/class2_14_on.gif") no-repeat;}
.cl_menu_02_15 a{width:170px; height:32px; background:url("/images/class2_15.gif") no-repeat; display:block; float:left;}
.cl_menu_02_15 a:hover{width:170px; height:32px; background:url("/images/class2_15_on.gif") no-repeat;}
.cl_menu_02_16 a{width:170px; height:32px; background:url("/images/class2_16.gif") no-repeat; display:block; float:left;}
.cl_menu_02_16 a:hover{width:170px; height:32px; background:url("/images/class2_16_on.gif") no-repeat;}
.cl_menu_02_17 a{width:170px; height:32px; background:url("/images/class2_17.gif") no-repeat; display:block; float:left;}
.cl_menu_02_17 a:hover{width:170px; height:32px; background:url("/images/class2_17_on.gif") no-repeat;}
.cl_menu_02_18 a{width:170px; height:32px; background:url("/images/class2_18.gif") no-repeat; display:block; float:left;}
.cl_menu_02_18 a:hover{width:170px; height:32px; background:url("/images/class2_18_on.gif") no-repeat;}
.cl_menu_02_19 a{width:170px; height:32px; background:url("/images/class2_19.gif") no-repeat; display:block; float:left;}
.cl_menu_02_19 a:hover{width:170px; height:32px; background:url("/images/class2_19_on.gif") no-repeat;}
.cl_menu_02_20 a{width:170px; height:32px; background:url("/images/class2_20.gif") no-repeat; display:block; float:left;}
.cl_menu_02_20 a:hover{width:170px; height:32px; background:url("/images/class2_20_on.gif") no-repeat;}
.cl_menu_02_21 a{width:170px; height:32px; background:url("/images/class2_21.gif") no-repeat; display:block; float:left;}
.cl_menu_02_21 a:hover{width:170px; height:32px; background:url("/images/class2_21_on.gif") no-repeat;}
/* 9급 기능직 메뉴 추가 20170314 시작*/
.cl_menu_02_22 a{width:170px; height:32px; background:url("/images/class2_22.gif") no-repeat; display:block; float:left;}
.cl_menu_02_22 a:hover{width:170px; height:32px; background:url("/images/class2_22_on.gif") no-repeat;}
.cl_menu_02_23 a{width:170px; height:32px; background:url("/images/class2_23.gif") no-repeat; display:block; float:left;}
.cl_menu_02_23 a:hover{width:170px; height:32px; background:url("/images/class2_23_on.gif") no-repeat;}
.cl_menu_02_24 a{width:170px; height:32px; background:url("/images/class2_24.gif") no-repeat; display:block; float:left;}
.cl_menu_02_24 a:hover{width:170px; height:32px; background:url("/images/class2_24_on.gif") no-repeat;}
/* 9급 기능직 메뉴 추가 20170314 끝.*/

.cl_menu_03_01 a{width:170px; height:32px; background:url("/images/class3_1.gif") no-repeat; display:block; float:left;}
.cl_menu_03_01 a:hover{width:170px; height:32px; background:url("/images/class3_1_on.gif") no-repeat;}
.cl_menu_03_02 a{width:170px; height:32px; background:url("/images/class3_2.gif") no-repeat; display:block; float:left;}
.cl_menu_03_02 a:hover{width:170px; height:32px; background:url("/images/class3_2_on.gif") no-repeat;}

.cl_menu_04_01 a{width:170px; height:32px; background:url("/images/class4_1.gif") no-repeat; display:block; float:left;}
.cl_menu_04_01 a:hover{width:170px; height:32px; background:url("/images/class4_1_on.gif") no-repeat;}
.cl_menu_04_02 a{width:170px; height:32px; background:url("/images/class4_2.gif") no-repeat; display:block; float:left;}
.cl_menu_04_02 a:hover{width:170px; height:32px; background:url("/images/class4_2_on.gif") no-repeat;}
.cl_menu_04_03 a{width:170px; height:32px; background:url("/images/class4_3.gif") no-repeat; display:block; float:left;}
.cl_menu_04_03 a:hover{width:170px; height:32px; background:url("/images/class4_3_on.gif") no-repeat;}
.cl_menu_04_04 a{width:170px; height:32px; background:url("/images/class4_4.gif") no-repeat; display:block; float:left;}
.cl_menu_04_04 a:hover{width:170px; height:32px; background:url("/images/class4_4_on.gif") no-repeat;}

.cl_menu_05_01 a{width:170px; height:32px; background:url("/images/class5_1.gif") no-repeat; display:block; float:left;}
.cl_menu_05_01 a:hover{width:170px; height:32px; background:url("/images/class5_1_on.gif") no-repeat;}
.cl_menu_05_02 a{width:170px; height:32px; background:url("/images/class5_2.gif") no-repeat; display:block; float:left;}
.cl_menu_05_02 a:hover{width:170px; height:32px; background:url("/images/class5_2_on.gif") no-repeat;}
.cl_menu_05_03 a{width:170px; height:32px; background:url("/images/class5_3.gif") no-repeat; display:block; float:left;}
.cl_menu_05_03 a:hover{width:170px; height:32px; background:url("/images/class5_3_on.gif") no-repeat;}
.cl_menu_05_04 a{width:170px; height:32px; background:url("/images/class5_4.gif") no-repeat; display:block; float:left;}
.cl_menu_05_04 a:hover{width:170px; height:32px; background:url("/images/class5_4_on.gif") no-repeat;}
.cl_menu_05_05 a{width:170px; height:32px; background:url("/images/class5_5.gif") no-repeat; display:block; float:left;}
.cl_menu_05_05 a:hover{width:170px; height:32px; background:url("/images/class5_5_on.gif") no-repeat;}
.cl_menu_05_06 a{width:170px; height:32px; background:url("/images/class5_6.gif") no-repeat; display:block; float:left;}
.cl_menu_05_06 a:hover{width:170px; height:32px; background:url("/images/class5_6_on.gif") no-repeat;}
.cl_menu_05_07 a{width:170px; height:32px; background:url("/images/class5_7.gif") no-repeat; display:block; float:left;}
.cl_menu_05_07 a:hover{width:170px; height:32px; background:url("/images/class5_7_on.gif") no-repeat;}
.cl_menu_05_08 a{width:170px; height:32px; background:url("/images/class5_8.gif") no-repeat; display:block; float:left;}
.cl_menu_05_08 a:hover{width:170px; height:32px; background:url("/images/class5_8_on.gif") no-repeat;}
.cl_menu_05_09 a{width:170px; height:32px; background:url("/images/class5_9.gif") no-repeat; display:block; float:left;}
.cl_menu_05_09 a:hover{width:170px; height:32px; background:url("/images/class5_9_on.gif") no-repeat;}
.cl_menu_05_10 a{width:170px; height:32px; background:url("/images/class5_10.gif") no-repeat; display:block; float:left;}
.cl_menu_05_10 a:hover{width:170px; height:32px; background:url("/images/class5_10_on.gif") no-repeat;}
.cl_menu_05_11 a{width:170px; height:32px; background:url("/images/class5_11.gif") no-repeat; display:block; float:left;}
.cl_menu_05_11 a:hover{width:170px; height:32px; background:url("/images/class5_11_on.gif") no-repeat;}
.cl_menu_05_12 a{width:170px; height:32px; background:url("/images/class5_12.gif") no-repeat; display:block; float:left;}
.cl_menu_05_12 a:hover{width:170px; height:32px; background:url("/images/class5_12_on.gif") no-repeat;}
.cl_menu_05_13 a{width:170px; height:32px; background:url("/images/class5_13.gif") no-repeat; display:block; float:left;}
.cl_menu_05_13 a:hover{width:170px; height:32px; background:url("/images/class5_13_on.gif") no-repeat;}
.cl_menu_05_14 a{width:170px; height:32px; background:url("/images/class5_14.gif") no-repeat; display:block; float:left;}
.cl_menu_05_14 a:hover{width:170px; height:32px; background:url("/images/class5_14_on.gif") no-repeat;}
.cl_menu_05_15 a{width:170px; height:32px; background:url("/images/class5_15.gif") no-repeat; display:block; float:left;}
.cl_menu_05_15 a:hover{width:170px; height:32px; background:url("/images/class5_15_on.gif") no-repeat;}
.cl_menu_05_16 a{width:170px; height:32px; background:url("/images/class5_16.gif") no-repeat; display:block; float:left;}
.cl_menu_05_16 a:hover{width:170px; height:32px; background:url("/images/class5_16_on.gif") no-repeat;}
.cl_menu_05_17 a{width:170px; height:32px; background:url("/images/class5_17.gif") no-repeat; display:block; float:left;}
.cl_menu_05_17 a:hover{width:170px; height:32px; background:url("/images/class5_17_on.gif") no-repeat;}
.cl_menu_05_18 a{width:170px; height:32px; background:url("/images/class5_18.gif") no-repeat; display:block; float:left;}
.cl_menu_05_18 a:hover{width:170px; height:32px; background:url("/images/class5_18_on.gif") no-repeat;}
.cl_menu_05_19 a{width:170px; height:32px; background:url("/images/class5_19.gif") no-repeat; display:block; float:left;}
.cl_menu_05_19 a:hover{width:170px; height:32px; background:url("/images/class5_19_on.gif") no-repeat;}



/*뷰티*/
.cl_menu_06_01 a{width:170px; height:32px; background:url("/images/class6_1.gif") no-repeat; display:block; float:left;}
.cl_menu_06_01 a:hover{width:170px; height:32px; background:url("/images/class6_1_on.gif") no-repeat;}
.cl_menu_06_02 a{width:170px; height:32px; background:url("/images/class6_2.gif") no-repeat; display:block; float:left;}
.cl_menu_06_02 a:hover{width:170px; height:32px; background:url("/images/class6_2_on.gif") no-repeat;}
.cl_menu_06_03 a{width:170px; height:32px; background:url("/images/class6_3.gif") no-repeat; display:block; float:left;}
.cl_menu_06_03 a:hover{width:170px; height:32px; background:url("/images/class6_3_on.gif") no-repeat;}
.cl_menu_06_04 a{width:170px; height:32px; background:url("/images/class6_4.gif") no-repeat; display:block; float:left;}
.cl_menu_06_04 a:hover{width:170px; height:32px; background:url("/images/class6_4_on.gif") no-repeat;}
/*뷰티*/



.wrap_pt{ height:1px; padding:10px 0; clear:both;}
.pt{ width:1200px; margin:0 auto; height:1px; background-color:#99b7de; }

.gain_area{ width:880px; float:left;}
.user_area{ width:260px; float:right; margin-top:106px;}
.gian_tit{ padding:48px 0 20px 32px; border-bottom:1px solid #dbdbdb;}
.work_tit{ padding:48px 0 0px 32px;}
.work_cont{ padding-top:35px;}
.work_lol{ width:884px; float:left;}
.work_lol li { float:left; padding-right:5px; }
.media_area{ width:280px; float:right; margin-top:120px;}
.media_cont{}
.media_cont li { display:block; float:right; width:133px;  height:82px; -bottom:6px;}
.gain_cont{padding-top:38px;}
.btn_left{ float:left; padding-right:10px; position:relative; top:85px;}
.btn_right{ float:right; position:relative; top:-133px;}
.gain_lol{ width:736px; float:left; }
.gain_lol li { float:left;}
.user_cont{}
.user_cont li {  height:56px; -bottom:6px;}
.user_menu_1 a{width:260px; height:56px; background:url("/images/user1.gif") no-repeat; display:block; float:left;}
.user_menu_1 a:hover{width:260px; height:56px; background:url("/images/user1_on.gif") no-repeat;}
.user_menu_2 a{width:260px; height:56px; background:url("/images/user2.gif") no-repeat; display:block; float:left;}
.user_menu_2 a:hover{width:260px; height:56px; background:url("/images/user2_on.gif") no-repeat;}
.user_menu_3 a{width:260px; height:56px; background:url("/images/user3.gif") no-repeat; display:block; float:left;}
.user_menu_3 a:hover{width:260px; height:56px; background:url("/images/user3_on.gif") no-repeat;}
.user_menu_4 a{width:260px; height:56px; background:url("/images/user4.gif") no-repeat; display:block; float:left;}
.user_menu_4 a:hover{width:260px; height:56px; background:url("/images/user4_on.gif") no-repeat;}
.user_menu_5 a{width:260px; height:56px; background:url("/images/user5.gif") no-repeat; display:block; float:left;}
.user_menu_5 a:hover{width:260px; height:56px; background:url("/images/user5_on.gif") no-repeat;}

.wrap_bod{ background-color:#f1f1f1; height:265px; padding:20px 0; clear:both; }

/*언론에 비친 에듀라인*/
.newsArea2{width:568px; float:left;margin-left:32px; }
.newsArea2 > .newsTitArea2 {height:34px; margin-top:20px; margin-left:20px; position:relative; display:block;}
.newsArea2 > .newsTitArea2 > h3{ width:513px;  font-size:18px; color:#000; float:left; display:inline-block}
.newsMore2{ background:url("/images/index/indexImg.png") no-repeat 0px -1279px;width:20px; height:20px; display:inline-block; float:left;}
ul.newsCon2 { position:relative; display:block; width:533px; margin-top:4px; margin-left:20px; line-height:20px; padding-bottom:10px;}
ul.newsCon2 li{ position:relative; background:url("/images/index/indexImg.png") no-repeat 0px -1299px; vertical-align:top; display:inline-block; width:533px; height:37px;}
ul.newsCon2 li a {margin-top:9px; padding-left:7px; display:inline-block; width:450px; float:left;}
ul.newsCon2 li span.newsDate{ font-family:"Tahoma"; font-size:11px; color:#9a9a9a; display:inline-block; float:right;}

/* 20170314 수정
.free_cont{ margin-top:433px; margin-right:-137px;width:386px; height:227px; background-color:#fff; position: relative; float:right; z-index:1000; }
*/
.free_cont{ margin-top:320px; margin-right:-137px;width:386px; height:227px; background-color:#fff; position: relative; float:right; z-index:1000; }
.free_cont_tit{ width:386px; margin:0 auto; }
.free_inp{ float:left;  background-color:#FFF; padding:20px 15px 0 15px;}
.raw_ch{ padding:10px 0 0 60px;}
.cons_btn{ background-color:#FFF;}