@charset "euc-kr"; /* 배너 및 주요메뉴 영역 */ #banner_area { width:100%; height:300px; margin-top:10px; } #banner_area01 { margin: 0 auto; width:1000px; } #banner_area01 .banner { float:left; } #banner_area01 .principal_menu { position:relative; margin-left: 800px; } #banner_area01 .principal_menu .btn { width:200px; height:300px; display:block; vertical-align:top; text-align:center; } /*#banner_area01 .principal_menu .btn a { display:block; background:url('/template/2/image/20150212/main/hairedu_main_bannerarea_menu_150213.jpg') no-repeat 0px 0px; } #banner_area01 .principal_menu .btn a.btn01 { width:70px; height:90px; background-position: 0px 0px; } #banner_area01 .principal_menu .btn a.btn02 { width:70px; height:90px; background-position:-70px 0px; } #banner_area01 .principal_menu .btn a.btn03 { width:70px; height:90px; background-position: 0px -90px; } #banner_area01 .principal_menu .btn a.btn04 { width:70px; height:90px; background-position:-70px -90px; } #banner_area01 .principal_menu .btn a.btn05 { width:70px; height:90px; background-position: 0px -180px; } #banner_area01 .principal_menu .btn a.btn06 { width:70px; height:90px; background-position:-70px -180px; } #banner_area01 .principal_menu .btn a.btn01_selected { width:70px; height:90px; background-position:-140px 0px; } #banner_area01 .principal_menu .btn a.btn02_selected { width:70px; height:90px; background-position:-210px 0px; } #banner_area01 .principal_menu .btn a.btn03_selected { width:70px; height:90px; background-position:-140px -90px; } #banner_area01 .principal_menu .btn a.btn04_selected { width:70px; height:90px; background-position:-210px -90px; } #banner_area01 .principal_menu .btn a.btn05_selected { width:70px; height:90px; background-position:-140px -180px; } #banner_area01 .principal_menu .btn a.btn06_selected { width:70px; height:90px; background-position:-210px -180px; }*/ /*#banner_area01 .principal_menu .btn a { display:block; } #banner_area01 .principal_menu .btn a.btn01 { width:200px; height:75px; background:url(/template/2/image/20150212/main/hairedu_main_bannerarea_menu_160520_01.jpg) no-repeat; color:rgba(0,0,0,0); } #banner_area01 .principal_menu .btn a.btn02 { width:200px; height:75px; background:url(/template/2/image/20150212/main/hairedu_main_bannerarea_menu_160520_02.jpg) no-repeat; color:rgba(0,0,0,0); } #banner_area01 .principal_menu .btn a.btn03 { width:200px; height:75px; background:url(/template/2/image/20150212/main/hairedu_main_bannerarea_menu_160520_03.jpg) no-repeat; color:rgba(0,0,0,0); } #banner_area01 .principal_menu .btn a.btn04 { width:200px; height:75px; background:url(/template/2/image/20150212/main/hairedu_main_bannerarea_menu_160520_04.jpg) no-repeat; color:rgba(0,0,0,0); } #banner_area01 .principal_menu .btn a.btn01:hover { background:url(/template/2/image/20150212/main/hairedu_main_bannerarea_menu_hover_160520_01.jpg); } #banner_area01 .principal_menu .btn a.btn02:hover { background:url(/template/2/image/20150212/main/hairedu_main_bannerarea_menu_hover_160520_02.jpg); } #banner_area01 .principal_menu .btn a.btn03:hover { background:url(/template/2/image/20150212/main/hairedu_main_bannerarea_menu_hover_160520_03.jpg); } #banner_area01 .principal_menu .btn a.btn04:hover { background:url(/template/2/image/20150212/main/hairedu_main_bannerarea_menu_hover_160520_04.jpg); }*/ /* 내용부분 영역 */ #contents { margin: 0 auto; width:1000px; clear:both; vertical-align: top; text-align: left; } /* 01. 내용부분 좌측 */ #contents01 { float:left; width:220px; margin-top:10px; } #contents01 .login01 { float:left; width:100%; height:246px; background-color:#b975ba; } #contents01 .login02 { float:left; margin:20px 15px 17px 15px; } #contents01 .login03 { float:left; width:120px; } #contents01 .login03 .input01 { float:left; border:#934b94 1px solid; width: 113px; height: 19px; font-family:Nanum Gothic; color:#000; font-size:12px; padding-left:5px; } #contents01 .login04 { float:left; margin:12px 0px 12px 0px;} #contents01 .login04 a.link { font-size:12px; color:#fff; letter-spacing:-0.05em; } #contents01 .login04 a.link:hover { font-size:12px; color:#fff200; font-weight:600; letter-spacing:-0.05em; text-decoration:none; } #contents01 .banner01 { float:left; position:relative; } #contents01 .left_banner { width:220px; height:240px; display:block; vertical-align:top; text-align:center; } #contents01 .left_banner a { display:block; background:url('/template/2/image/20150212/main/hairedu_main_contents01_banner01_150302.jpg') no-repeat 0px 0px; } #contents01 .left_banner a.left_banner01 { width:220px; height:80px; background-position:0px 0px; } #contents01 .left_banner a.left_banner02 { width:220px; height:80px; background-position:0px -80px; } #contents01 .left_banner a.left_banner03 { width:220px; height:80px; background-position:0px -160px; } #contents01 .left_banner a.left_banner01_selected { width:220px; height:80px; background-position:-220px 0px; } #contents01 .left_banner a.left_banner02_selected { width:220px; height:80px; background-position:-220px -80px; } #contents01 .left_banner a.left_banner03_selected { width:220px; height:80px; background-position:-220px -160px; } #contents01 .banner02 { float:left; } #contents01 .banner02 .banner02_1 { width:218px; height:59px; border-left:#d7d7d7 1px solid; border-right:#d7d7d7 1px solid; border-bottom:#d7d7d7 1px solid; } #contents01 #popup_img { display:inline-block; position:absolute; top:0; left:20%; z-index:999; } #contents01 #exit_popup { width:30px; height:23px; position:absolute; top:0; right:0; background:gray; text-align:center; color:white; font-size:18px; padding-top:7px; cursor:pointer; z-index:1000; } /* 02. 내용부분 중앙 */ #contents02 { float:left; width:280px; margin-top:10px; } #contents02 .notice01 { float:left; width:100%; height:246px; background-color:#aee7e4; } #contents02 .notice01 .list_title { float:left; font-size:24px; color:#005952; font-weight:600; letter-spacing:-0.05em; margin:30px 30px 18px 30px; } #contents02 .notice01 ul { float:left; margin:0px 30px 30px 30px; } #contents02 .notice01 li { position: relative; background:url('/template/2/image/20150212/main/hairedu_main_contents02_listdot01_150213.gif') no-repeat 0 50%; padding-left:10px; margin-bottom:7px; } #contents02 .notice01 a.list_link { font-size:13px; letter-spacing:-0.05em; } #contents02 .notice01 a.list_link:hover { font-size:13px; font-weight:600; letter-spacing:-0.05em; } #contents02 .notice01 a.link_special { font-size:13px; color:#b055b1; font-weight:600; letter-spacing:-0.05em; } #contents02 .notice01 a.link_special:hover { font-size:13px; color:#ff5300; font-weight:600; letter-spacing:-0.05em; } #contents02 .banner01 { float:left; width:100%; height:420px; background-color:#f5f5f5; } #contents02 .banner01 .box { float:left; width:240px; height:390px; background-color:#fff; border:#d7d7d7 1px solid; margin:10px 10px 0px 10px; padding:9px;} /* 03. 내용부분 우측 */ #contents03 { float:left; width:500px; margin-top:10px; } #contents03 .best_lecture01 { float:left; width:100%; height:246px; background-color:#daf4f3; } #contents03 .best_lecture01 .list_title { float:left; font-size:24px; color:#005b7f; font-weight:600; letter-spacing:-0.05em; margin:30px 30px 18px 30px; } #contents03 .best_lecture01 .lecture_box { float:left; margin:0px 20px 28px 20px; } #contents03 .best_lecture01 .lecture_top { background-color:#fff; font-size:13px; color:#3162ae; text-align:center; font-weight:600; letter-spacing:-0.05em; border-top:1px solid #1cbbb4; border-bottom:1px solid #1cbbb4; } #contents03 .best_lecture01 .lecture_txt01 { font-size:13px; color:#2590ce; font-weight:600; letter-spacing:-0.05em; text-align:center; } #contents03 .best_lecture01 a.list_link { font-size:13px; letter-spacing:-0.1em; } #contents03 .best_lecture01 a.list_link:hover { font-size:13px; font-weight:600; letter-spacing:-0.1em; } #contents03 .best_teacher01 { float:left; width:100%; height:246px; background-color:#c3dfc0; } #contents03 .best_teacher01 .list_title { float:left; font-size:24px; color:#005e20; font-weight:600; letter-spacing:-0.05em; margin:30px 30px 18px 30px; } #contents03 .best_teacher01 .teacher_box { float:left; margin:0px 20px 28px 20px; } #contents03 .best_teacher01 .teacher_photo01 { margin:0px 7px 10px 8px; } #contents03 .best_teacher01 .teacher_txt01 { font-size:13px; color:#23a335; font-weight:600; letter-spacing:-0.05em; margin-bottom:3px; } #contents03 .best_teacher01 .teacher_txt02 { font-size:16px; letter-spacing:-0.1em; } #contents03 .support01 { float:left; width:100%; height:174px; } /* 샘플 강의 */ #contents03 #center_banner01 { float:left; width:501px; height:246px; position:relative; } #contents03 #center_banner01 div { width:119px; height:119px; position:absolute; background:url(../../image/20150212/banner/20160404_sample_2.gif); } #contents03 #center_banner01 div:hover { background:url(../../image/20150212/banner/20160404_sample_2.png); } #contents03 #center_banner01 #hair_sample { background-position:-10px -84px; top:84px; left:10px; cursor:pointer; } #contents03 #center_banner01 #nail_sample { background-position:-133px -84px; top:84px; left:133px; cursor:pointer; } #contents03 #center_banner01 #beauty_sample { background-position:-256px -84px; top:84px; left:256px; cursor:pointer; } #contents03 #center_banner01 #makeup_sample { background-position:-379px -84px; top:84px; left:379px; cursor:pointer; } #contents03 #center_banner01 #popup_video { width:100%; height:100%; position:absolute; top:0; left:0; display:none; background:white; z-index:999; } #contents03 #center_banner01 #popup_video video { display:none; } #contents03 #center_banner01 #popup_video #exit_video { width:30px; height:23px; position:absolute; top:0; right:0; background:gray; text-align:center; color:white; font-size:18px; padding-top:7px; cursor:pointer; } /* 04. 내용부분 하단 배너 */ #contents04 { float:left; width:780px; background-color:#f5f5f5; } #contents04 .banner01 { position:relative; margin:10px; } #contents04 .banner01 .link_banner { width:760px; height:290px; display:block; vertical-align:top; text-align:center; } #contents04 .banner01 .link_banner a { display:block; background:url('/template/2/image/20150212/main/hairedu_main_contents04_banner01_150213.jpg') no-repeat 0px 0px; } #contents04 .banner01 .link_banner a.link_banner01 { width:210px; height: 90px; background-position: 0px 0px; } #contents04 .banner01 .link_banner a.link_banner02 { width:265px; height: 90px; background-position:-210px 0px; } #contents04 .banner01 .link_banner a.link_banner03 { width:265px; height: 90px; background-position:-475px 0px; } #contents04 .banner01 .link_banner a.link_banner04 { width:210px; height: 90px; background-position: 0px -90px; } #contents04 .banner01 .link_banner a.link_banner05 { width:265px; height: 90px; background-position:-210px -90px; } #contents04 .banner01 .link_banner a.link_banner06 { width:265px; height: 90px; background-position:-475px -90px; } #contents04 .banner01 .link_banner a.link_banner07 { width:210px; height: 90px; background-position: 0px -180px; } #contents04 .banner01 .link_banner a.link_banner08 { width:265px; height: 90px; background-position:-210px -180px; } #contents04 .banner01 .link_banner a.link_banner09 { width:265px; height: 90px; background-position:-475px -180px; } #contents04 .banner01 .link_banner a.link_banner01_selected { width:210px; height: 90px; background-position: 0px -270px; } #contents04 .banner01 .link_banner a.link_banner02_selected { width:265px; height: 90px; background-position:-210px -270px; } #contents04 .banner01 .link_banner a.link_banner03_selected { width:265px; height: 90px; background-position:-475px -270px; } #contents04 .banner01 .link_banner a.link_banner04_selected { width:210px; height: 90px; background-position: 0px -360px; } #contents04 .banner01 .link_banner a.link_banner05_selected { width:265px; height: 90px; background-position:-210px -360px; } #contents04 .banner01 .link_banner a.link_banner06_selected { width:265px; height: 90px; background-position:-475px -360px; } #contents04 .banner01 .link_banner a.link_banner07_selected { width:265px; height: 90px; background-position: 0px -450px; } #contents04 .banner01 .link_banner a.link_banner08_selected { width:265px; height: 90px; background-position:-210px -450px; } #contents04 .banner01 .link_banner a.link_banner09_selected { width:265px; height: 90px; background-position:-475px -450px; } /* 05. 내용부분 하단 무료상담예약신청 */ /*#contents05 { float:left; width:280px; height:420px; background:#f2e4d4; position:relative; text-align:center;} #contents05 .counselling01 { float:left; width:100%; height:310px; font-weight:600; letter-spacing:-0.1em; margin:0px 15px 0px 15px; } #contents05 .counselling01 .title { float:left; letter-spacing:-0.05em; margin:18px 0px 10px 0px; } #contents05 .counselling01 .title_icon { float:left; margin-left:5px; } #contents05 .counselling01 .title_txt { float:left; font-size:20px; font-weight:600; color:#754c24; margin:5px 0px 0px 8px; } #contents05 .counselling01 .input_icon { float:left; margin:10px 5px 5px 0px; } #contents05 .counselling01 .input_txt01 { float:left; margin:3px 25px 5px 0px; } #contents05 .counselling01 .input_txt02 { float:left; margin:3px 5px 5px 0px; } #contents05 .counselling01 .input_txt03 { float:left; margin:3px 3px 0px 3px; } #contents05 .counselling01 .input_txt04 { float:left; text-align: center; margin-top:8px; } #contents05 .counselling01 .input_txt05 { float:left; text-align: center; margin-top:6px; } #contents05 .counselling01 .input_box { float:left; width:190px; height:55px; background-color:#d1b599; font-size:13px; margin-top:8px; } #contents05 .counselling01 .input_box .txt01 { float:left; margin-top:9px; } #contents05 .counselling01 .input_box .txt02 { float:left; margin-top:3px; } #contents05 .counselling01 .input01 { float:left; border:#c1c1c1 1px solid; width: 128px; height: 17px; font-family:Nanum Gothic; color:#000; font-size:12px; padding-left:5px; } #contents05 .counselling01 .input02 { float:left; border:#c1c1c1 1px solid; width: 28px; height: 17px; font-family:Nanum Gothic; color:#000; font-size:11px; padding-left:5px; } #contents05 .counselling01 .btn { float:left; margin-top:8px; }*/ /*#contents05 .counselling01 .btn { position:absolute; top:292px; left:16px; } #contents05 .counselling01 #agree_privacy { position:absolute; top:90px; right:40px; }*/ /* 무료상담예약 280x420 */ #contents05 { float:left; width:280px; height:420px; background:#f2e4d4; position:relative;} #contents05 .counselling01 { float:left; width:100%; height:310px; font-weight:600; letter-spacing:-0.1em; margin:0px 15px 0px 15px; } #contents05 .counselling01 .title { float:left; letter-spacing:-0.05em; margin:33px 0px 20px 0px; } #contents05 .counselling01 .title_icon { float:left; margin-left:5px; } #contents05 .counselling01 .title_txt { float:left; font-size:20px; font-weight:600; color:#754c24; margin:5px 0px 0px 8px; } #contents05 .counselling01 .input_icon { float:left; margin:10px 5px 5px 0px; } #contents05 .counselling01 .input_txt01 { float:left; margin:3px 25px 5px 0px; } #contents05 .counselling01 .input_txt02 { float:left; margin:3px 5px 5px 0px; } #contents05 .counselling01 .input_txt03 { float:left; margin:3px 3px 0px 3px; } #contents05 .counselling01 .input_txt04 { float:left; text-align: center; margin-top:20px; } #contents05 .counselling01 .input_txt05 { float:left; text-align: center; margin-top:6px; } #contents05 .counselling01 .input_box { float:left; width:240px; height:70px; background-color:#d1b599; font-size:13px; margin-top:20px; } #contents05 .counselling01 .input_box .txt01 { float:left; margin-top:9px; } #contents05 .counselling01 .input_box .txt02 { float:left; margin-top:3px; } #contents05 .counselling01 .input01 { float:left; border:#c1c1c1 1px solid; width: 128px; height: 17px; font-family:Nanum Gothic; color:#000; font-size:12px; padding-left:5px; } #contents05 .counselling01 .input02 { float:left; border:#c1c1c1 1px solid; width: 28px; height: 17px; font-family:Nanum Gothic; color:#000; font-size:11px; padding-left:5px; } #contents05 .counselling01 .btn { float:left; margin-top:20px; } #contents05 #contents05_01 { width:240px; height:420px; padding:0 5px;} #contents05 p {padding-left:25px;} #contents05 .counselling01 .input_box p {padding-left:0;} /* 네일 실기 사전예약*/ /*#contents05 { float:left; width:280px; height:420px; background:url(/template/2/image/20150212/main/hairedu_main_nail_counsel_161027.jpg) no-repeat; position:relative; text-align:center;} #contents05 .counselling01 { float:left; width:100%; height:310px; font-weight:600; letter-spacing:-0.1em; margin:0px 15px 0px 15px; } #contents05 .counselling01 .title { float:left; letter-spacing:-0.05em; margin:18px 0px 10px 0px; width:100%; height:15px; } #contents05 .counselling01 .title_icon { float:left; margin-left:5px; } #contents05 .counselling01 .title_txt { float:left; font-size:20px; font-weight:600; color:#754c24; margin:5px 0px 0px 8px; } #contents05 .counselling01 .input_icon { float:left; margin:10px 5px 5px 0px; } #contents05 .counselling01 .input_txt01 { float:left; margin:3px 25px 5px 0px; } #contents05 .counselling01 .input_txt02 { float:left; margin:3px 5px 5px 0px; } #contents05 .counselling01 .input_txt03 { float:left; margin:3px 3px 0px 3px; } #contents05 .counselling01 .input_txt04 { float:left; text-align: center; margin-top:8px; } #contents05 .counselling01 .input_txt05 { float:left; text-align: center; margin-top:6px; } #contents05 .counselling01 .input_box { float:left; width:190px; height:55px; background-color:#d1b599; font-size:13px; margin-top:8px; } #contents05 .counselling01 .input_box .txt01 { float:left; margin-top:9px; } #contents05 .counselling01 .input_box .txt02 { float:left; margin-top:3px; } #contents05 .counselling01 .input01 { float:left; border:#c1c1c1 1px solid; width: 128px; height: 17px; font-family:Nanum Gothic; color:#000; font-size:12px; padding-left:5px; } #contents05 .counselling01 .input02 { float:left; border:#c1c1c1 1px solid; width: 28px; height: 17px; font-family:Nanum Gothic; color:#000; font-size:11px; padding-left:5px; } #contents05 .counselling01 .btn { position:absolute; top:292px; left:50px; } #contents05 .counselling01 #agree_privacy { position:absolute; top:90px; right:40px; }*/ /* 06. 내용부분 최하단 제휴사 배너 */ #contents06 { float:left; width:1000px; margin-top:10px; } #contents06 li { float:left; width:190px; height:48px; border:#d7d7d7 1px solid; } /* 06. 내용부분 최하단 제휴사 배너 */ /* 최하단 배너가 현재 임시 배너라 주석처리 #contents06 { float:left; width:1000px; margin-top:10px; } #contents06 .partnership01 { float:left; width:100%; height:50px; } */ /* 07. 하단 전체메뉴 영역 */ #contents07 { float:left; width:998px; margin-top:10px; border:#c9c9c9 1px solid; } #contents07 #menu01 { float:left; width:123px; margin-left: 20px; } #contents07 #menu02 { float:left; width:120px; margin-left: 20px; } #contents07 .link01 { height:27px; border-right:#e9e9e9 1px solid; border-bottom:#2590ce 2px solid; padding-top: 20px; } #contents07 .link02 { height:27px; border-bottom:#2590ce 2px solid; padding-top: 20px; } #contents07 a.link { float:left; display:block; width:123px; height:27px; color:#363636; font-size:18px; font-weight:bold; letter-spacing:-0.05em; text-decoration:none; } #contents07 a.link:hover { float:left; display:block; width:123px; height:27px; color:#3162ae; font-size:18px; font-weight:bold; letter-spacing:-0.05em; text-decoration:none; } #contents07 .list01 { height:200px; border-right:#e9e9e9 1px solid; padding-top:10px; } #contents07 .list02 { height:200px; padding-top:10px; } #contents07 a.link_sub { float:left; display:block; width:123px; height:18px; font-size:13px; letter-spacing:-0.05em; } #contents07 a.link_sub:hover { float:left; display:block; width:123px; height:18px; font-size:13px; font-weight:600; letter-spacing:-0.05em; }