@charset "euc-kr"; /* body 공통 속성 */ @import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css); body,div,ul,li,dl,dt,dd,ol,p,h1,h2,h3,h4,h5,h6,form { list-style:none; margin:0; padding:0; } body { font-family:Nanum Gothic, Arial, serif; color:#555; font-size:13px; line-height:16px; } img { margin: 0; border:0; vertical-align:top; display:block; } .a_center { text-align: center; } .a_right { text-align: right; } .a_left { text-align: left; } .v_top { vertical-align: top; } .v_bottom { vertical-align: bottom; } a { color:#555; text-decoration:none; } a:link { color:#555; text-decoration:none; } a:hover { color:#000; text-decoration:none; } .blind { /* 보이지 않는 text 등 DOM 은 생성하고 화면에서는 보이지 않게 (display: none; 과는 다름)*/ font-size:0; height:0; left:0; line-height:0; overflow:hidden; position:absolute; top:0; visibility:hidden; width:0; } .hidden { display:none; } /* 페이지 공통 */ /* 최상단 영역 */ #top { width:100%; height:34px; background-color:#252525; } #top01 { margin: 0 auto; width:1000px; } #top01 li.left01 { float:left; margin-top:7px; } #top01 li.left02_1 { float:left; color:#ff5300; font-size:13px; font-weight:bold; letter-spacing:-0.05em; margin:10px 0px 0px 10px; } #top01 li.left02_2 { float:left; color:#f7941d; font-size:13px; font-weight:bold; letter-spacing:-0.05em; margin:10px 0px 0px 2px; } #top01 li.venture_img {float:left; margin:2px 0px 0px 155px; } #top01 li.link01_1 { float:left; margin:10px 0px 0px 20px; } #top01 li.link01_2 { float:left; margin:10px 0px 0px 258px; } #top01 li.link02 { float:left; margin-top:9px; } #top01 li.link03 { float:left; margin:10px 4px 0px 0px; } #top01 li.link04 { float:right; margin-top:9px; } #top01 li.line { float:left; margin:10px 10px 0px 10px; } #top01 a.link { color:#fff; font-size:12px; font-weight:bold; text-decoration:none; } #top01 a.link:hover { color:#2590ce; font-size:12px; font-weight:bold; text-decoration:none; } /* 로고 및 검색 영역 */ #logo_area { width:100%; height:80px; background:url('/template/2/image/20150212/common/hairedu_logoarea_bg_160217.gif') repeat; } #logo_area01 { margin: 0 auto; width:1000px; } #logo_area01 .logo { float:left; margin:6px 10px 0px 0px; } #logo_area01 .search01 { float:right; border:#3162ae 3px solid; width: 388px; height: 34px; font-family:Nanum Gothic; color:#000; font-size:16px; font-weight:bold; padding-left:10px; margin-top:20px; } #logo_area01 .search010 { float:right; border:#3162ae 3px solid; width:100px; height:40px; font-family:Nanum Gothic; color:#000; font-size:16px; font-weight:bold; padding-left:10px; margin-top:20px; margin-right:10px; } #logo_area01 .search02 { float:right; margin-top:20px; } /* 메뉴 영역 */ #menu { width:100%; height:47px; border-bottom:#2590ce 3px solid; position:relative;} #menu01 { margin: 0 auto; width:1000px; } #menu01 li.link01 { float:left; width:142px; padding-top:15px; } #menu01 li.line { float:left; padding-top:15px; } #menu01 a.link { float:left; display:block; width:142px; height:33px; color:#363636; font-size:18px; font-weight:bold; letter-spacing:-0.05em; text-decoration:none; } #menu01 a.link:hover { float:left; display:block; width:142px; height:33px; color:#3162ae; font-size:18px; font-weight:bold; letter-spacing:-0.05em; text-decoration:none; } #menu01 a.b { float:left; display:block; width:142px; height:33px; color:#3162ae; font-size:18px; font-weight:bold; letter-spacing:-0.05em; text-decoration:none; } /*#full_menu { position:absolute; left:0px; top: 164px; opacity:0.9;z-index:1000;}*/ #full_menu { position:absolute; opacity:0.9;z-index:1000; display:none;} #full_menu { width:100%; height:220px; background-color:#f5f5f5; border-bottom:#c9c9c9 1px solid; } #full_menu01 { margin: 0 auto; width:1000px; } #full_menu01 .list01 { float:left; width:122px; height:206px; border-right:#e9e9e9 1px solid; padding:14px 0px 0px 20px; } #full_menu01 .list02 { float:left; width:122px; height:206px; padding:14px 0px 0px 20px; } #full_menu01 a.link { float:left; display:block; width:122px; height:18px; font-size:13px; letter-spacing:-0.05em; } #full_menu01 a.link:hover { float:left; display:block; width:122px; height:18px; font-size:13px; font-weight:600; letter-spacing:-0.05em; } #full_menu01 a.b { float:left; display:block; width:122px; height:18px; font-size:13px; font-weight:600; letter-spacing:-0.05em; } /* 최우측 퀵메뉴 영역 */ #quickmenu { position:relative; } #quickmenu .quick { position:relative; width:78px; height:646px; background:url('/template/2/image/20150212/common/hairedu_quickmenu_150302.png') no-repeat; display: block; vertical-align: center; text-align: center; } #quickmenu .quick a { display:block; overflow:hidden; position:absolute; text-indent:-9999em; } #quickmenu a.quick01 { top: 19px; left: 0px; width:78px; height:25px; } #quickmenu a.quick02 { top: 55px; left: 0px; width:78px; height:61px; } #quickmenu a.quick03 { top:116px; left: 0px; width:78px; height:61px; } #quickmenu a.quick04 { top:177px; left: 0px; width:78px; height:61px; } #quickmenu a.quick05 { top:238px; left: 0px; width:78px; height:61px; } #quickmenu a.quick06 { top:299px; left: 0px; width:78px; height:61px; } #quickmenu a.quick07 { top:360px; left: 0px; width:78px; height:61px; } #quickmenu a.quick08 { top:421px; left: 0px; width:78px; height:61px; } #quickmenu a.quick09 { top:482px; left: 0px; width:78px; height:61px; } #quickmenu a.quick10 { top:556px; left: 0px; width:78px; height:90px; } #quickmenu01 { position:absolute; width:78px; height:556px; margin:0px 0px 0px 515px; top:15px; left:50%; padding:0px; } /* 최좌측 퀵메뉴 영역 */ #quickmenu1 { position:relative; } #quickmenu1 .quick { position:relative; width:168px; height:246px; background:url('/template/2/image/20150212/common/quick_img_01.png') no-repeat; display: block; vertical-align: center; text-align: center; } #quickmenu1 .quick a { display:block; overflow:hidden; position:absolute; text-indent:-9999em; } #quickmenu1 a.quick01 { top: 0px; right: 0px; width:167px; height:46px; } #quickmenu1 a.quick02 { top: 46px; right: 0px; width:167px; height:200px; } /*#quickmenu02 { position:absolute; width:152px; height:331px; margin:0px 0px 0px 250px; top:15px; left:0%; padding:0px; }*/ #quickmenu02 { position:absolute; width:168px; height:246px; margin:0px 530px 0px 0px; top:10px; right:49%; padding:0px; } /* 카피라이터 영역 */ #copyright { float:left; width:100%; height:157px; background-color:#f5f5f5; margin-top:50px; } #copyright01 { margin: 0 auto; width:1000px; } #copyright01 .logo { float:left; margin:54px 25px 0px 15px; } #copyright01 .txt { float:left; width:642px; margin:36px 0px 15px 0px; } #copyright01 li.link01 { float:left; font-size:13px; font-weight:600; letter-spacing:-0.05em; } #copyright01 li.line { float:left; margin:1px 10px 0px 10px; } #copyright01 a.link { color:#3162ae; font-size:13px; font-weight:600; letter-spacing:-0.05em; } #copyright01 a.link:hover { color:#ff5300; font-size:13px; font-weight:600; letter-spacing:-0.05em; } #copyright01 .txt01 { float:left; font-size:11px; margin-top:15px; } #copyright01 .kbmark { float:right; margin:-115px 0px 0px 30px; } /* 팝업 영역 */ #pop_up { float:left; background:url('/template/2/image/20150212/pop_up/hairedu_popup_bg_150303_h.gif') repeat; padding:0px 0px 30px 30px; } #pop_up .pop_up_500 { width:470px; height: 650px;} #pop_up .title { font-size:28px; height:36px; color:#fff; font-weight:600; letter-spacing:-0.05em; border-bottom:#fff 2px solid; padding-top:30px; margin:0px 30px 25px 0px; } #pop_up .contents { margin-right:30px; } #pop_up .img { margin-bottom:25px; } #pop_up .txt01 { font-size:20px; color:#fff200; font-weight:600; letter-spacing:-0.05em; line-height:24px; padding-bottom:3px; } #pop_up .txt02 { font-size:14px; color:#fff; font-weight:600; letter-spacing:-0.03em; } #pop_up .txt03 { font-size:14px; color:#fff; letter-spacing:-0.03em; } #pop_up .txt04 { font-size:20px; color:#fff; font-weight:600; letter-spacing:-0.05em; line-height:24px; } #pop_up .txt05 { font-size:20px; color:#fff; font-weight:600; letter-spacing:-0.07em; line-height:24px; } #pop_up .txt_line01 { height:26px; font-size:18px; color:#fff799; font-weight:600; letter-spacing:-0.05em; border-top:#ccc 1px solid; border-bottom:#ccc 1px solid; padding-top:10px; } #pop_up .list01 li { position: relative; background:url('/template/2/image/20150212/pop_up/hairedu_popup_listicon_150303.gif') no-repeat 0 6px; padding-left:10px; margin-bottom:7px; } #pop_up .button_big01 { float:left; width:440px; text-align:center; } /* 팝업 영역_쪽지함 */ #pop_up_message { float:left; width:470px; background:url('/template/2/image/20150212/pop_up/hairedu_popup_bg_150303.gif') repeat; padding:0px 0px 30px 30px; } #pop_up_message .title { font-size:28px; height:36px; color:#fff; font-weight:600; letter-spacing:-0.05em; border-bottom:#fff 2px solid; padding-top:30px; margin:0px 30px 27px 0px; } #pop_up_message .contents_box01 { float:left; width:400px; height:400px; background-color:#fff; padding:20px; } /* 팝업 영역_쪽지함_게시판 list */ #pop_up_message .board_list { float:left; width:400px; } #pop_up_message .board_list .all_list { margin-bottom:15px; } #pop_up_message .board_list .all_list_txt { font-size:13px; color:#555; font-weight:600; } #pop_up_message .board_list .all_list_number { font-size:14px; color:#ff5300; font-weight:600; margin-left:5px; } #pop_up_message .board_list .attention { float:right; font-size:12px; margin-top:2px; } #pop_up_message .board_list table { table-layout:fixed; width:100%; font-size:13px; letter-spacing:-0.03em; border-collapse:collapse; } #pop_up_message .board_list table a:hover { color:#000; font-weight:600; text-decoration:none; } #pop_up_message .board_list table td { text-align:center; vertical-align:middle; padding:9px 0; } #pop_up_message .board_list table td.board_list_send { width:110px; } #pop_up_message .board_list table td.board_list_time01 { width:110px; } #pop_up_message .board_list table td.board_list_time02 { width:110px; } #pop_up_message .board_list table td.board_list_time03 a { width:110px; color:#ff5300; font-weight:600; } #pop_up_message .board_list table td.board_list_time03 a:hover { color:#000; font-weight:600; text-decoration:none; } #pop_up_message .board_list table td.board_list_delete { width:70px; } #pop_up_message .board_list table td.board_list_delete img { display:inline; width:14px; height:14px; padding-bottom:2px; } #pop_up_message .board_list thead tr td { font-size:13px; color:#363636; font-weight:600; border-top:2px solid #2590ce; border-bottom:1px solid #898989; } #pop_up_message .board_list tbody tr td { font-size:13px; word-break:break-all; border-bottom:1px solid #ccc; } #pop_up_message .board_list tbody tr:hover { background-color:#f5f5f5; } /* 팝업 영역_쪽지함_게시판 페이징 */ #pop_up_message .board_pagination { float:left; width:400px; margin-top:20px; } #pop_up_message .board_pagination_pages { float:left; margin:0; padding:0 0 1px 0; width:100%; text-align:center; } #pop_up_message .board_pagination_pages li { display:inline; margin:0; padding: 0 1px; background:none; } #pop_up_message .board_pagination_pages li a { font-size:12px; padding:4px 3px; } #pop_up_message .board_pagination_pages li a:hover { color:#000; text-decoration:underline; } #pop_up_message .board_pagination_pages li.active a { color:#000; font-weight:600; } #pop_up_message .board_pagination_pages li img { display:inline; width:13px; height:13px; vertical-align:middle; margin-bottom:1px; } /* 팝업 영역_쪽지함_게시판 view */ #pop_up_message .board_view { float:left; width:400px; } #pop_up_message .board_view .top { margin-bottom:15px; } #pop_up_message .board_view .top_txt { font-size:13px; color:#000; font-weight:600; letter-spacing:-0.05em; margin:0 3px; } #pop_up_message .board_view textarea { border:#acacac 1px solid; width:378px; height:311px; overflow-x:hidden; overflow-y:auto; font-family:Nanum Gothic; color:#555; font-size:13px; padding:10px 10px; } /* 팝업 영역_쪽지함_게시판 write */ #pop_up_message .board_write { float:left; width:400px; } #pop_up_message .board_write .top { margin-bottom:5px; } #pop_up_message .board_write .top_txt01 { font-size:13px; font-weight:600; letter-spacing:-0.03em; margin-right:10px; } #pop_up_message .board_write .top_txt02 { font-size:13px; color:#ff5300; letter-spacing:-0.05em; margin:0px 0px 10px 110px; } #pop_up_message .board_write textarea { border:#acacac 1px solid; width:378px; height:285px; font-family:Nanum Gothic; color:#555; font-size:13px; padding:10px 10px; } #pop_up_message .board_write input { border:#acacac 1px solid; width:281px; height:24px; font-family:Nanum Gothic; color:#000; font-size:13px; padding-left:5px; } /* 팝업 영역_내 쿠폰함 */ #pop_up_coupon { float:left; background:url('/template/2/image/20150212/pop_up/hairedu_popup_bg_150303.gif') repeat; padding:30px; } #pop_up_coupon .title { font-size:28px; height:36px; color:#fff; font-weight:600; letter-spacing:-0.05em; border-bottom:#fff 2px solid; margin-bottom:25px; } #pop_up_coupon .title01 { float:left; font-size:18px; color:#363636; font-weight:600; margin:0px 0px 15px 5px; } #pop_up_coupon .contents { float:left; width:660px; background-color:#fff; padding:30px; } #pop_up_coupon .pop_up_coupon_icon { float:left; margin:2px 8px 0px 0px; } #pop_up_coupon .pop_up_coupon_title { float:left; font-size:18px; color:#2590ce; font-weight:600; margin-bottom:15px; } #pop_up_coupon .close_button { float:left; width:660px; text-align:center; margin-top:30px; } #pop_up_coupon_list { float:left; width:660px; margin-top:30px; } #pop_up_coupon_list table { width:100%; font-size:12px; letter-spacing:-0.03em; border-collapse:collapse; } #pop_up_coupon_list table td { text-align:center; vertical-align:middle; padding:10px 0; } #pop_up_coupon_list table td.list_name { width:80px; } #pop_up_coupon_list table td.list_kind { width:80px; } #pop_up_coupon_list table td.list_lecture_product01 { width:auto; } #pop_up_coupon_list table td.list_lecture_product02 { width:auto; text-align:left; padding-left:5px; } #pop_up_coupon_list table td.list_notice { width:auto; } #pop_up_coupon_list table td.list_section { width:50px; } #pop_up_coupon_list table td.list_section img { display:inline; width:22px; height:22px; vertical-align:middle; } #pop_up_coupon_list table td.list_period { width:100px; } #pop_up_coupon_list table td.list_date { width:100px; } #pop_up_coupon_list table td.list_use { width:70px; color:#ed145b; font-weight:600; } #pop_up_coupon_list table td.list_use img { display:inline; width:22px; height:22px; vertical-align:middle; } #pop_up_coupon_list thead tr td { color:#363636; font-weight:600; border-top:2px solid #2590ce; border-bottom:1px solid #898989; } #pop_up_coupon_list tbody tr td { word-break:break-all; border-bottom:1px solid #ccc; } #pop_up_coupon_list tbody tr:hover { background-color:#f5f5f5; } #pop_up_coupon_list .lecture_product_name_txt a { font-size:12px; color:#3162ae; font-weight:600; } #pop_up_coupon_list .lecture_product_name_txt a:hover { color:#000; } #pop_up_coupon_attention { float:left; width:600px; font-size:13px; letter-spacing:-0.03em; background-color:#f8f0f8; padding:30px; margin-top:30px;} #pop_up_coupon_attention .attention_title { float:left; width:100%; } #pop_up_coupon_attention .attention_title_img { float:left; width:25px; height:20px; padding-right:8px; } #pop_up_coupon_attention .attention_title_line { border-bottom:1px solid #ccc; padding-bottom:13px; margin-bottom:15px; } #pop_up_coupon_attention .attention_title_txt { float:left; font-size:18px; color:#a864a8; font-weight:600; padding:2px 5px 0px 0px; } #pop_up_coupon_attention .attention_txt01 { float:left; color:#3162ae; font-weight:600; } #pop_up_coupon_attention .attention_txt02 { float:left; color:#ab3ba9; font-weight:600; } #pop_up_coupon_attention .attention_txt03 { float:left; font-size:18px; color:#3162ae; font-weight:600; } #pop_up_coupon_attention .attention_img01 { float:left; margin:-3px 0px 0px 5px; } #pop_up_coupon_attention .attention_txt_margin01 { margin-bottom:10px; } #pop_up_coupon_attention .attention_txt_margin02 { float:left; margin:3px 0px 0px 5px; } #pop_up_coupon_attention .attention_txt_margin03 { float:left; margin:2px 0px 0px 5px; } #pop_up_coupon_write { float:left; width:660px; } #pop_up_coupon_write .margin01 { margin-top:20px; } #pop_up_coupon_write .margin02 { margin-top:30px; } #pop_up_coupon_write table { width:100%; font-size:12px; border-collapse:collapse; } #pop_up_coupon_write table td { vertical-align:center; text-align:center; padding:8px 0; } #pop_up_coupon_write table .write_article { width:120px; color:#363636; font-weight:600; background-color:#f5f5f5; } #pop_up_coupon_write table .write_content { width:auto; text-align:left; padding-left:10px; } #pop_up_coupon_write table .write_input01 { border:#acacac 1px solid; width:512px; height:22px; font-family:Nanum Gothic; color:#000; font-size:13px; padding-left:5px; } #pop_up_coupon_write thead tr td { font-size:18px; color:#363636; font-weight:600; letter-spacing:-0.03em; line-height:20px; border-top: 2px solid #2590ce; border-bottom:1px solid #898989; } #pop_up_coupon_write tbody tr td { word-break: break-all; border-bottom:1px solid #ccc; } #pop_up_coupon_write .write_button { float:left; width:660px; margin-top:20px; } /* 팝업 영역_교재 크게보기 */ #pop_up_large_book { float:left; background:url('/template/2/image/20150212/pop_up/hairedu_popup_bg_150303.gif') repeat; padding:30px; } #pop_up_large_book .title { font-size:28px; height:36px; color:#fff; font-weight:600; letter-spacing:-0.05em; border-bottom:#fff 2px solid; margin-bottom:25px; } #pop_up_large_book .title01 { float:left; font-size:18px; color:#363636; font-weight:600; margin:0px 0px 15px 5px; } #pop_up_large_book .contents { float:left; width:660px; background-color:#fff; padding:30px; } #pop_up_large_book img { display:inline; width:660px; height:660px; } #pop_up_large_book .close_button { float:left; width:660px; text-align:center; margin-top:30px; } /* 팝업 영역_교재소개 */ #pop_up_book { float:left; background:url('/template/2/image/20150212/pop_up/hairedu_popup_bg_150303.gif') repeat; padding:30px; } #pop_up_book .title { font-size:28px; height:36px; color:#fff; font-weight:600; letter-spacing:-0.05em; border-bottom:#fff 2px solid; margin-bottom:25px; } #pop_up_book .contents { float:left; width:550px; background-color:#fff; padding:30px; } #pop_up_book .pop_up_book_icon { float:left; margin:2px 8px 0px 0px; } #pop_up_book .pop_up_book_title { float:left; font-size:18px; color:#2590ce; font-weight:600; margin-bottom:15px; } #pop_up_book .close_button { float:left; width:550px; text-align:center; margin-top:30px; } #pop_up_book .top_list { float:left; width:660px; margin-top:30px; } #pop_up_book table { width:100%; font-size:13px; letter-spacing:-0.03em; border-collapse:collapse; } #pop_up_book table a:hover { color:#000; font-weight:600; text-decoration:none; } #pop_up_book table td { text-align:center; vertical-align:middle; padding:10px 0; } #pop_up_book table td.book_photo { width:130px; padding:20px; } #pop_up_book table td.book_photo img { display:inline; width:130px; height:130px; } #pop_up_book table td.book_section { width:110px; font-weight:600; text-align:left; padding-left:20px; } #pop_up_book table td.book_content { width:auto; text-align:left; padding-left:10px; } #pop_up_book table td.list_section { width:100px; font-weight:600; background-color:#f5f5f5; } #pop_up_book table td.list_content01 { width:auto; } #pop_up_book table td.list_content02 { width:auto; font-size:12px; text-align:left; padding-left:10px ; } #pop_up_book thead tr td { color:#363636; font-weight:600; border-top:2px solid #2590ce; border-bottom:1px solid #898989; padding:10px 0; } #pop_up_book tbody tr td { word-break:break-all; border-bottom:1px solid #ccc; } #pop_up_book .book_name_txt01 { font-size:18px; color:#555; font-weight:600; margin-right:5px; } #pop_up_book .book_name_txt02 { font-size:18px; color:#3162ae; font-weight:600; } #pop_up_book .book_name_txt03 { font-size:13px; color:#555; font-weight:600; margin-right:5px; } #pop_up_book .book_name_txt04 { font-size:13px; color:#3162ae; font-weight:600; } #pop_up_book .book_fee_txt { font-size:13px; color:#2590ce; font-weight:600; } #pop_up_book .info_txt01 { font-size:13px; color:#2590ce; font-weight:600; margin-bottom:5px; } #pop_up_book .info_txt02 { font-size:13px; color:#2590ce; font-weight:600; margin-bottom:10px; } #pop_up_book .pop_up_book_top { margin-top:30px; }