@charset 'UTF-8'; /* * 작성일 : 2016.02.14 * 수정일 : * 모듈 : topMenu * 수정내용 : */ /* topMenu */ #Header .top_menu_05_template030 { display:table; width:950px; height:84px; margin:0 auto;} #Header .header_school_information { display:table-cell; height:84px; vertical-align:middle; } #Header .header_school_information .header_school_mark { display:block; } #Header .header_school_information .header_school_name { display:none; } #Header .header_top_link { display:table-cell; vertical-align:top; } #Header .header_top_link ul { float:right; display:block; height:18px; margin-top:24px; text-align:right; margin-right:10px;} #Header .header_top_link ul li { float:left; display:block; height:18px; padding:8px 2px; min-width:60px; margin-left:-1px; line-height:18px; border:1px solid #EFEFEF; text-align:center; background:#fff;} #Header .header_top_link ul li:last-child { } #Header .header_top_link ul li a { font-size:11px; color:#262626; } #Header .header_top_link ul li a:hover{color:#d49b21;} #Header .header_top_link ul li a span.sitemap {padding:8px 2px; min-width:60px; line-height:18px; box-sizing:border-box; } #Header .header_top_link ul li.welcome { background:#fff;} #Header .header_top_link ul li .username { font-weight:bold; color:#d49b21; } #Header .header_top_searchform { display:table-cell; width:200px; } #Header .header_top_searchform fieldset { float:right; width:200px; height:34px; margin-top:24px; border:1px solid #E8E8E8; } #Header .header_top_searchform fieldset legend { position:absolute; top:0; left:-8000px; width:0; height:0; visibility:hidden; opacity:0; } #Header .header_top_searchform .header_top_searchform_text {float:left; width:164px; height:28px; padding:3px; box-sizing:border-box; line-height:30px; border:none; } #Header .header_top_searchform input[type="image"] { float:right; width:36px; height:36px; margin-top:-1px;} #Header .header_top_searchform input[type="submit"]{ display:none; } #Header .header_top_searchform label { position:absolute; top:0; left:-8000px; width:0; height:0; visibility:hidden; opacity:0; } #Header .header_top_searchform .search_btn { float:right; width:36px; height:36px; text-indent:-8000px; border:0; padding:0; margin-top:-1px; background:url('../images/header_top_btn_search.gif') no-repeat; } #Header .header_top_searchform_mobile{display:none} #Header .header_mobile_menu{ display:none; } #Header .header_login_mobile{ display:none; } #Header .top_menu_skyblue001 { position:relative; width:100%; height:90px;} #Header .header_zoom { position:absolute; top:5px; right:0; text-align:right; line-height:1; } #Header .header_zoom a { display:block; float:left; } /* * 작성일 : 2016.02.09 * 수정일 : 2016.02.13 * 모듈 : subNavigation * 수정내용 : - adbar 추가로 레이아웃 정리 */ /* 수정 : 2016.02.13 - start */ .sub_navigation { /*float:left;*/ width:200px; /*margin-right:20px;*/ } /* 수정 : 2016.02.13 - end */ .sub_navigation >h2 { height:59px; font-size:22px; font-weight:bold; line-height:1; color:#df9e14; } .sub_navigation .sub_menu_list { display:block; width:200px; border-collapse:collapse; border-spacing:0; border-top:1px solid #E1E1E1; } .sub_navigation .sub_menu_list >li { display:block; border-bottom:1px solid #E1E1E1; line-height:19px; } .sub_navigation .sub_menu_list >li >a { display:block; padding:10px 25px 10px 15px; background:url('../images/sub_navigation/bullet_open.gif') no-repeat 179px center; color:#666; line-height:19px; vertical-align:middle; } .sub_navigation .sub_menu_list >li.on { background-colr:#df9e14; } /*.sub_navigation .sub_menu_list >li:hover >a,*/ .sub_navigation .sub_menu_list >li.on >a { color:#FFF; background-color:#df9e14; background-image:url('../images/sub_navigation/bullet_close.gif'); } .sub_navigation .sub_menu_list >li >.subDepth { display:none; width:200px; } /*.sub_navigation .sub_menu_list >li:hover >.subDepth,*/ .sub_navigation .sub_menu_list >li.on >.subDepth { display:block; } .sub_navigation .sub_menu_list >li >.subDepth li { display:block; padding-left:15px; border-bottom:1px solid #E1E1E1; line-height:19px; } .sub_navigation .sub_menu_list >li >.subDepth li:last-child { border:none; } .sub_navigation .sub_menu_list >li >.subDepth a { display:block; padding:10px 25px 10px 15px; line-height:19px; color:#919191; } .sub_navigation .sub_menu_list >li >.subDepth a:before { display:inline-block; width:18px; content:"-"; line-height:19px; } .sub_navigation .sub_menu_list >li >.subDepth a:hover { color:#df9e14; } /* * 작성일 : 2016.02.13 * 수정일 : * 모듈 : menuNavigation * 수정내용 : */ /* menu_navigation */ #Header .header_gnb { clear:both; width:950px; height:68px; margin:0 auto; } #Header .header_gnb ul.nav { display:table; width:100%; height:68px; } #Header .header_gnb ul.nav >li { display:table-cell; position:relative; height:68px; text-align:center; vertical-align:top; } #Header .header_gnb ul.nav >li > a { display:block; height:68px; color:#55555f; font:bold 15px/68px "NanumGothic", "나눔고딕", "dotum", "돋움", sans-serif; letter-spacing:-1px; font-weight:600;} #Header .header_gnb ul.nav >li.on { } #Header .header_gnb ul.nav >li > a:hover, #Header .header_gnb ul.nav >li.on > a { color:#dfa21f; } #Header .header_gnb ul.nav >li:hover { } #Header .header_gnb ul.nav >li .subDepth { position:absolute; display:none; top:68px; left:0; width:129px; padding:18px; background:#FFF; border:1px solid #dfa21f; z-index:100; } #Header .header_gnb ul.nav >li .subDepth { display:none; } #Header .header_gnb ul.nav >li .subDepth li { height:26px; line-height:26px; text-align:left;letter-spacing:-0.5px } #Header .header_gnb ul.nav >li .subDepth li a { color:#666; } #Header .header_gnb ul.nav >li .subDepth li a:hover { color:#df9e14; font-weight:bold; } #Header .header_gnb ul.nav >li:hover .subDepth { display:block; } /* * 작성일 : 2016.02.09 * 수정일 : * 모듈 : location */ .location { height:12px; font-size:12px; font-family:Dotum, "돋움", sans-serif; color:#666; text-align:right; } .location a { color:#666; } .location span.current { color:#df9e14; } /* * 작성일 : 2016.02.13 * 수정일 : 2016.02.16 * 모듈 : image * 수정내용 : */ .main_slide_banner_container .bx-controls-direction { height:0; } .main_slide_banner_container .bx-controls-direction .bx-prev { display:block; position:absolute; top:258px; left:20px; width:34px; height:45px; background:url('../images/index_image_slide_02/main_slide_btn_prev.png') no-repeat 0 0; z-index:10; text-indent:-8000px; } .main_slide_banner_container .bx-controls-direction .bx-prev:hover { background-image:url('../images/index_image_slide_02/main_slide_btn_prev_over.png'); } .main_slide_banner_container .bx-controls-direction .bx-next { display:block; position:absolute; top:258px; left:90px; width:34px; height:45px; background:url('../images/index_image_slide_02/main_slide_btn_next.png') no-repeat 0 0; z-index:10; text-indent:-8000px; } .main_slide_banner_container .bx-controls-direction .bx-next:hover { background-image:url('../images/index_image_slide_02/main_slide_btn_next_over.png'); } .main_slide_banner_container .slide_box{width:100%; height:610px; background-repeat:no-repeat; background-position:center top; background-size:cover;} /* * 작성일 : 2016.02.13 * 수정일 : 2016.02.18 * 모듈 : indexMlsv * 수정내용 : 더 보기 버튼 추가 */ .index_mlsv_box { position:relative; width:300px; height:400px; overflow:hidden;} .index_mlsv_box .inner_box{padding:0px} .index_mlsv_box h3 { margin-bottom:15px; font-size:16px; color:#2e2e2e; font-family:"NanumBarunGothicBold", "나눔바른고딕", "NanumGothic", "나눔고딕", sans-serif;} .index_mlsv_box p.more { position:absolute; top:0px; right:0px; } .index_mlsv_box p.more a { display:block; width:12px; height:12px; text-indent:-9000px; background:url('../images/index_btn_more.png') no-repeat 0 0; } .index_mlsv_box .school_menu_wrap{position:relative;width:100%;} .index_mlsv_box .school_menu_thumbnail { position:relative;} .index_mlsv_box .school_menu_thumbnail .inner{height:180px; background-repeat:no-repeat; background-size:cover; background-position:center;} .index_mlsv_box .text_contents { font-size:11px; color:#666; } .index_mlsv_box .school_menu_info { position:relative;} .index_mlsv_box .school_menu_info ul{width:100%;} .index_mlsv_box .school_menu_info ul li{border-bottom:1px solid #dfdfdf; padding:8px 0;} .index_mlsv_box .school_menu_info ul li dl{} .index_mlsv_box .school_menu_info ul li dl dt{font-size:12px; color:#666666; } .index_mlsv_box .school_menu_info ul li dl dt a{display:block; background:url('../images/index_btn_up.png') 280px 5px no-repeat; color:#3d3d3d;} .index_mlsv_box .school_menu_info ul li dl dt a:hover{background:url('../images/index_btn_down_over.png') 280px 5px no-repeat;} .index_mlsv_box .school_menu_info ul li dl dd{display:none;} .index_mlsv_box .school_menu_info ul li dl dd .date{font-size:14px; color:#2e2e2e; font-weight:bold; margin-top:10px; margin-bottom:10px; cursor:pointer;} .index_mlsv_box .school_menu_info ul li dl dd .menu{font-size:12px; color:#666666; line-height:160%; height:40px; overflow:hidden; } .index_mlsv_box .school_menu_info ul li.active dt{ display:none;} .index_mlsv_box .school_menu_info ul li.active dd{ display:block;} /* * 작성일 : 2016.02.18 * 수정일 : * 모듈 : indexBoard * 수정내용 : */ /* Main Contents - Common Boxes */ .index_board_box { position:relative; width:308px; height:298px; padding:20px;box-sizing:border-box; font-family:/*"NanumBarunGothicBold",*/ "나눔바른고딕", "NanumGothic", "나눔고딕", sans-serif; border:1px solid #e7e7e7;}/*20170217 폰트수정*/ .index_board_box .inner_box{padding:20px;} .index_board_box h3 { font:16px "NanumBarunGothicBold", "나눔바른고딕", "NanumGothic", "나눔고딕", sans-serif; color:#dfa21f;} .index_board_box p.more { position:absolute; top:20px; right:20px; } .index_board_box p.more a { display:block; width:18px; height:18px; text-indent:-9000px; background:url('../images/index_btn_more.gif') no-repeat 0 0; } .index_board_box .main_small_list { display:block; width:100%; margin:20px auto 0; padding:0; box-sizing:border-box; } .index_board_box .main_small_list li { position:relative; display:block; padding:5px 80px 5px 0; overflow:hidden; } .index_board_box .main_small_list li+li{ margin-top:5px;} .index_board_box .main_small_list li .ellipsis{ position:relative; z-index:3; width:80%;} .index_board_box .main_small_list p a { display:inline-block; color:#192028; } .index_board_box .main_small_list p{ font-weight:400; } .index_board_box .main_small_list .title { margin-top:20px; font-size:18px; line-height:20px; height:auto; padding-bottom:15px; color:#192028; background:url('../images/bg_notice_title.gif') left bottom no-repeat; overflow:hidden;} .index_board_box .main_small_list .desc { margin-top:15px; font-size:12px; line-height:160%; color:#707070; height:130px; overflow:hidden;} .index_board_box .main_small_list .desc a { color:#707070; } .index_board_box .main_small_list .date { position:absolute; color:#192028; top:5px; right:0; bottom:auto; margin:0; font:12px "NanumBarunGothic", "나눔바른고딕", "NanumGothic", "나눔고딕", sans-serif;} .index_board_box .main_small_list .ico_record_new{ width:35px; height:14px;line-height:14px; display:inline-block; background:#dfa21f;font-size:8px;color:#fff; text-align:center;}/*20170222 추가*/ /* * Footer */ #Footer { width:950px; height:auto; margin:0 auto; padding:20px 0 10px; overflow:hidden; } #Footer .school { display:table; float:left; width:259px; height:90px; } #Footer .school .school_mark { display:table-cell; vertical-align:middle; } #Footer .policy_information { float:left; width:548px; } #Footer .policy_information .footer_policy { width:530px; height:40px; margin-bottom:10px; padding:0 10px; box-sizing:border-box; font-size:11px; line-height:40px; background:#fff; } #Footer .policy_information .footer_policy a { display:inline-block; padding:0 8px; color:#545454; } #Footer .policy_information .footer_school_information { font-size:12px; color:#545454; line-height:18px;} #Footer .policy_information .footer_school_information address { display:block; text-indent:-42px; margin-left:42px; height:20px; font-style:normal; line-height:18px; } #Footer .policy_information .footer_school_information .footer_phone { display:inline-block; height:18px; line-height:18px; margin-top:4px } #Footer .policy_information .footer_school_information .footer_copyright { height:18px; font-weight:bold;} #Footer .footer_security_count { float:left; width:143px; } #Footer .footer_security_count .s_txt { font-size: 11px; margin-bottom:5px; color:#8a8a8a; } #Footer .footer_security_count .s_txt .secure { display:block; color:#0096b5; font-weight:bold; letter-spacing:-1px; } #Footer .footer_security_count .visit_count { display:table; width:100%; height:23px; border-collapse:collapse; border-spacing:0; background:url('../images/footer_count_bg.gif') no-repeat 0 0; } #Footer .footer_security_count .visit_count .item { display:block; position:absolute; width:0; height:0; visibility:hidden; } #Footer .footer_security_count .visit_count .today { display:table-cell; width:50%; padding-top:9px; color:#FFF; font-size:11px; font-weight:bold; text-align:center; } #Footer .footer_security_count .visit_count .total { display:table-cell; width:50%; padding-top:9px; color:#FFF; font-size:11px; font-weight:bold; text-align:center; } /* * 작성일 : 2016.02.09 * 수정일 : 2016.02.22 * 모듈 : contents * 수정내용 : 모듈분리 (게시판, 스케쥴 삭제) 02.11 서브 코딩 추가 */ /* * 회원가입 */ /* 회원가입 - 1 .member_join_box { margin-top:40px; } .member_join_box p.member_join_notice { margin-bottom:50px; font:15px/1.6 "NanumBarunGothic", sans-serif; color:#4f4a37;} .member_join_box p.member_join_notice2 { margin-bottom:50px; font:15px/1.2 "NanumBarunGothic", sans-serif; color:#df9e14;} .member_join_policy { padding-bottom:20px; margin-bottom:30px; border-bottom:1px solid #E0E0E0; } .member_join_policy h3 { margin-bottom:8px; font:16px/1 "NanumBarunGothicBold", sans-serif; } .member_join_policy_doc { width:720px; height:125px; margin-bottom:15px; box-sizing:border-box; border:1px solid #E0E0E0; overflow-y:scroll; overflow-x:hidden; } .member_join_policy_select { } .member_join_policy_select p { padding:5px 0; } .member_join_policy_select .select { padding:5px 0; } .member_join_certification { clear:both; margin-bottom:50px; overflow:hidden; } .member_join_certification h3 { margin-bottom:20px; font:15px/1 "NanumBarunGothicBold", sans-serif; } .member_join_certification p { margin-bottom:12px; line-height:18px; } .member_join_cert_phone { float:left; width:355px; margin-right:10px; padding:20px; box-sizing:border-box; background:#F5F7FA; border:1px solid #5AB4CA; } .member_join_cert_ipin { float:left; width:355px; padding:20px; box-sizing:border-box; background:#F5F7FA; border:1px solid #5AB4CA; } .member_join_certification .certification_active_box { } .member_join_certification .certification_active_box .cert_btn { display:block; width:313px; height:40px; line-height:40px; text-align:center; background:#df9e14; color:#FFF; } .member_join_certification .certification_active_box .cert_btn.half { float:left; width:151px; margin-left:10px; } .member_join_certification .certification_active_box .cert_btn.half:first-child { margin-left:0; } /* 회원가입 - 2 .member_join_form { border:0; } .member_join_form legend { height:12px; font-weight:bold; margin-bottom:15px; } .member_join_form .member_join_form_table { display:table; width:100%; margin-bottom:40px; border-collapse:collapse; border-top:2px solid #df9e14; border-bottom:1px solid #df9e14; } .member_join_form .member_join_form_table dl { display:table-row; border-bottom:1px solid #E1E1E1; color:#8D8C8C; } .member_join_form .member_join_form_table dl:last-child { border-bottom:1px solid #df9e14; } .member_join_form .member_join_form_table dt { display:table-cell; width:154px; padding:5px 10px; line-height:29px; box-sizing:border-box; border-right:1px solid #E1E1E1; } .member_join_form .member_join_form_table dd { display:table-cell; padding:5px 10px; line-height:29px; box-sizing:border-box; } .member_join_form .member_join_form_table dd input[type="text"], .member_join_form .member_join_form_table dd input[type="password"] { width:176px; height:29px; padding:3px; line-height:21px; border:1px solid #E0E0E0; box-sizing: border-box; vertical-align:middle; color:#8D8C8C; } .member_join_form .member_join_form_table dd select { width:98px; height:29px; padding:3px; font-size:12px; line-height:21px; border:1px solid #E0E0E0; box-sizing: border-box; color:#8D8C8C; } .member_join_form .member_join_form_table dd input[type="button"] { width:86px; height:29px; padding:3px; line-height:21px; border:1px solid #CECECE; box-sizing: border-box; background:#E1E1E1; color:#242424; font-size:12px; vertical-align:middle; cursor:pointer; } .member_join_form .member_join_form_table dd select#certQuestion, .member_join_form .member_join_form_table dd input[type="text"]#certAsk { width:247px; } .member_join_form .member_join_form_table dd input[type="text"]#userEmailId { width:98px; } .member_join_form .member_join_form_table dd input[type="text"]#userEmailCorp { width:128px; } .member_join_form .member_join_form_table dd p.exp { font-size:11px; line-height:14px; color:#8D8C8C; } .member_join_form_submit { margin-bottom:50px; text-align:center; } .member_join_form_submit input[type="submit"] { width:210px; height:50px; background:#df9e14; color:#FFF; font-size:15px; border:0; cursor:pointer; } .member_join_form_submit input[type="button"] { width:210px; height:50px; background:#5F5F5F; color:#FFF; font-size:15px; border:0; cursor:pointer; } /* 회원가입 3 .member_join_box p.member_join_notice3 { margin-bottom:20px; font:15px/1.2 "NanumBarunGothic", sans-serif; color:#2E2E2E;} .member_join_form_level { display:table; width:100%; border-collapse:collapse; border-spacing:0; border:1px solid #E0E0E0;border-top:2px solid #df9e14; box-sizing:border-box; } .member_join_form_level ul { display:table-row; border-bottom:1px solid #E0E0E0; } .member_join_form_level li { display:table-cell; height:120px; border-left:1px solid #E0E0E0; text-align:center; vertical-align:middle; } .member_join_form_level li label { display:block; line-height:18px; } .member_join_form_submit.box_rect { padding:30px 0; margin-top:-1px; border:1px solid #E0E0E0; box-sizing:border-box; } */ /* * 일정 달력 */ .calendar_type01 input[type="button"]{ min-width:80px; height:29px; padding:5px 15px; background:#df9e14; color:#FFF; text-align:center; line-height:19px; border:0; box-sizing:border-box; vertical-align:middle; font-family:"dotum", "돋움", sans-serif; } .calendar_type01 button, .calendar_type01 a.button { display:inline-block; padding:5px 15px; background:#df9e14; color:#FFF; text-align:center; line-height:18px; border:0; box-sizing:border-box; vertical-align:middle; cursor:pointer; font-family:"dotum", "돋움", sans-serif; } .calendar_type01 .inline_button { height:20px; padding:0 7px; margin:0; background:#5F5F5F; font-size:11px; color:#FFF; font-family:"dotum", "돋움", sans-serif; } .calendar_type01 button.dark, .calendar_type01 a.button.dark { background-color:#fff; border:1px solid #666; color:#666; padding:4px 14px;} .calendar_type01 .button_left { float:left; } .calendar_type01 .button_right { float:right; text-align:right; } .calendar_type01 .calendar_top_button { padding:5px 0; } .calendar_type01 .calendar_bottom_button { padding:20px 0; text-align:center; border-top:1px solid #E0E0E0; overflow:hidden; } .calendar_type01 .calendar_bottom_button button, .calendar_type01 .calendar_bottom_button a.button { width:120px; height:40px; padding:11px; line-height:18px; font-weight:bold; } .calendar_type01 .calendar_bottom_button button.big, .calendar_type01 .calendar_bottom_button a.button.big { width:125px; } .calendar_type01 .calendar_bottom_button button.big a{ color:#fff; } .calendar_type01 .calendar_bottom_button button.short, .calendar_type01 .calendar_bottom_button a.button.short { width:92px; } .calendar_type01 .calendar_bottom_button button.dark { background-color:#5F5F5F; } .calendar_box { width:730px; padding:0; margin-bottom:30px; box-sizing:border-box; border-top:2px solid #df9e14; } .calendar_box select { height:29px; padding:2px 3px; border:1px solid #E0E0E0; box-sizing:border-box; vertical-align:middle; border-radius:0; } .calendar_box .calendar_nav { padding:30px 0; font:30px/1 "NanumBarunGothicBold", sans-serif; text-align:center; } .calendar_box .calendar_nav a { display:inline-block; width:8px; height:15px; margin:0 12px; background-repeat:no-repeat; background-position:0 0; vertical-align:middle; } .calendar_box .calendar_nav a.prev { background-image:url('../images/contents/calendar_btn_prev.png');} .calendar_box .calendar_nav a.prev:hover { background-image:url('../images/contents/calendar_btn_prev_on.png');} .calendar_box .calendar_nav a.next { background-image:url('../images/contents/calendar_btn_next.png');} .calendar_box .calendar_nav a.next:hover { background-image:url('../images/contents/calendar_btn_next_on.png');} .calendar_box .calendar_nav.yearly #Year, .calendar_box .calendar_nav.monthly #Month, .calendar_box .calendar_nav.weekly #Week, .calendar_box .calendar_nav.daily #Date { color:#df9e14; } .calendar_box .calendar_view_option { margin-bottom:20px; padding:0 26px; } .calendar_box .calendar_view_option ul { text-align:right; } .calendar_box .calendar_view_option li { display:inline-block; margin-left:20px; } .calendar_box .calendar_view_option li a { color:#2E2E2E; } .calendar_box .calendar_view_option li a .bullet { display:inline-block; width:9px; height:9px; margin-right:3px; border-radius:100%; background-color:#D1D1D1; vertical-align:middle; } .calendar_box .calendar_view_option li.on a .bullet { background-color:#219DD0; } .calendar_box .calendar_nav .cal_prev{ width:8px; height:15px; background-image:url('../images/contents/cal_month_prev.gif'); text-indent:-99999px;} .calendar_box .calendar_nav .cal_next{ width:8px; height:15px; background-image:url('../images/contents/cal_month_next.gif'); text-indent:-99999px;} .calendar_schedule.yearly { padding:0; } .calendar_schedule.yearly table { width:100%; margin-bottom:-1px; border-collapse:collapse; border-spacing:0; border-top:2px solid #df9e14; } .calendar_schedule.yearly thead th { height:40px; border-bottom:1px solid #E0E0E0; color:#8D8C8C; } .calendar_schedule.yearly thead th:last-child { color:#3e6791; } .calendar_schedule.yearly tbody th { width:90px; border-bottom:1px solid #E0E0E0; color:#8D8C8C; font-weight:normal; } .calendar_schedule.yearly td { height:40px; padding:8px 12px; background-color:#E3E3E3; border-bottom:1px solid #FFF; vertical-align:middle; color:#656565; } /* 수정 : 2016.02.24 */ .calendar_schedule.monthly { padding:0; } .calendar_schedule.monthly table { width:100%; border-collapse:separate; border-spacing:6px; } .calendar_schedule.monthly th { width:14%; height:20px; border:1px solid #E0E0E0; } .calendar_schedule.monthly td { width:14%; height:80px; padding:5px; position:relative; background-color:#E3E3E3; vertical-align:top; } .calendar_schedule.monthly td ul { position:absolute; bottom:0; left:0; width:100%; padding:5px 10px; box-sizing:border-box; font-size:11px; } .calendar_schedule.monthly td >a { display:block; position:absolute; top:0; left:0; font-size:12px; padding:5px; color:#2E2E2E; } .calendar_schedule.monthly td >ul li { overflow:hidden; } .calendar_schedule.monthly td >ul li a { display:block; color:#333; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; letter-spacing:-0.03em; background:url('../images/bul_icon.gif') no-repeat left center; padding-left:5px; -ms-text-overflow:ellipsis; } .calendar_schedule.monthly tr >td:first-child >a { color:#FF0000 !important; } .calendar_schedule.monthly th.sun, .calendar_schedule.monthly td.sun { color:#FF0000; } .calendar_schedule.monthly th.sat, .calendar_schedule.monthly td.sat { color:#0000ff; } .calendar_schedule.monthly td.sat a{ color:#0000ff; } .calendar_schedule.monthly td.today { background:#df9e14; } .calendar_schedule.monthly td.today a { color:#FFF !important; } .calendar_schedule.monthly td .next_month, .calendar_schedule.monthly td .prev_month { color:#A0A0A0; } .calendar_schedule.monthly tr.mobile_th{display:none} .calendar_schedule.weekly { padding:0 20px 26px; } .calendar_schedule.weekly table { width:100%; border-collapse:separate; border-spacing:6px; } .calendar_schedule.weekly th { width:78px; height:20px; border:1px solid #E0E0E0; font-weight:normal; } .calendar_schedule.weekly th.sun { color:#df9e14; } .calendar_schedule.weekly .date th { height:24px; background-color:#E3E3E3; border:0; } .calendar_schedule.weekly td { width:78px; background-color:#E3E3E3; vertical-align:top; } .calendar_schedule.weekly td .timeline { position:relative; width:100%; } .calendar_schedule.weekly td .timeline li { height:30px; line-height:30px; text-align:center; } .calendar_schedule.weekly td .timeline .schedule { position:absolute; top:0; left:0; width:100%; padding:5px; text-align:center; box-sizing:border-box; } .calendar_schedule.weekly td .timeline .schedule.type01 { background-color: green; color:#FFF; } .calendar_schedule.daily { padding:0; } .calendar_schedule.daily table { width:100%; margin-bottom:-1px; border-collapse:collapse; border-spacing:0; border-top:2px solid #df9e14; } .calendar_schedule.daily thead th { height:40px; border-bottom:1px solid #E0E0E0; color:#8D8C8C; } .calendar_schedule.daily thead th:last-child { color:#3e6791; } .calendar_schedule.daily tbody th { width:90px; color:#2E2E2E; font-weight:normal; } .calendar_schedule.daily td { height:30px; padding:0 12px; background-color:#E3E3E3; vertical-align:middle; color:#656565; } /* 수정 : 2016.02.11 - start */ .daily_schedule { width:730px; margin-top:-1px; margin-bottom:50px; padding:26px; border:1px solid #DFDFDF; box-sizing:border-box; } /* 수정 : 2016.02.11 - end */ .daily_schedule h3 { margin-bottom:10px; font:15px/1 "NanumBarunGothic", sans-serif; } .daily_schedule .daily_schedule_list { width:100%; padding:16px; box-sizing:border-box; background-color:#F5F7FA; border:1px solid #5AB4CA; } .daily_schedule .daily_schedule_list dl { display:table; border-collapse:collapse; } .daily_schedule .daily_schedule_list dt { display:table-cell; width:110px; } .daily_schedule .daily_schedule_list dt:after { display:inline-block; width:8px; text-align:right; content:":"; visibility:visible; } .daily_schedule .daily_schedule_list dd { display:table-cell; } .daily_schedule .daily_schedule_list dd li { line-height:18px; } /* * 게시판 type01 * 2016.02.22 수정 및 추가 */ .board_type01 { font-family:"Dotum", "돋움", sans-serif; } .board_type01 .calendar_box { margin-bottom:0; } /* input form 기본 */ .board_type01 select { height:29px; padding:2px 3px; border:1px solid #E0E0E0; box-sizing:border-box; vertical-align:middle; border-radius:0; /*background:url(images/template026/selectbox_open.gif) no-repeat 100% 50%; -webkit-appearance:none;*/ } .board_type01 select option:after { display:inline-block; content:" "; } .board_type01 input[type="text"], .board_type01 input[type="password"] {width:43%; height:29px; padding:5px; line-height:19px; border:1px solid #E0E0E0; box-sizing:border-box; vertical-align:middle; color:#8D8C8C; } .board_type01 input[type="file"] { height:29px; padding:0; line-height:19px; border:0; box-sizing:border-box; vertical-align:middle; color:#8D8C8C; } .board_type01 input[type="button"]{ min-width:80px; height:29px; padding:5px 15px; background:#df9e14; color:#FFF; text-align:center; line-height:19px; border:0; box-sizing:border-box; vertical-align:middle; font-family:"dotum", "돋움", sans-serif; } .board_type01 button, .board_type01 a.button { display:inline-block; padding:5px 15px; background:#df9e14; color:#FFF; text-align:center; line-height:18px; border:0; box-sizing:border-box; vertical-align:middle; cursor:pointer; font-family:"dotum", "돋움", sans-serif; } .board_type01 .inline_button { height:20px; padding:0 7px; margin:0; background:#5F5F5F; font-size:11px; color:#FFF; font-family:"dotum", "돋움", sans-serif; } .board_type01 button.dark { background-color:#5F5F5F; } .board_type01 .button_left { float:left; } .board_type01 .button_right { flaot:right; text-align:right; } .board_type01 input.date { width:100px; text-align:center; } /* 리스트 */ .board_type01_table_top { position:relative; height:35px; margin-top:32px; } .board_type01_count { position:absolute; top:0; left:0; height:29px; font-weight:bold; } .board_type01_count .total { display:inline-block; line-height:29px; padding-left:12px; } .board_type01_count .pages { display:inline-block; line-height:29px; } .board_type01_count select { width:70px; } .board_type01_search_box { position:absolute; top:0; right: 0; text-align:right; } .board_type01_search_box fieldset { } .board_type01_search_box legend { width:0; height:0; visibility:hidden; font-size:0; line-height:1; opacity:0; } .board_type01_search_box select { width:23%; } .board_type01_search_box input[type="text"] { width:159px; } .board_type01_search_box input[type="button"] { width:78px; height:29px; background:#df9e14; color:#FFF; } .board_type01_search_box label { position:absolute; top:0; left:-8000px; width:0; height:0; visibility:hidden; opacity:0; } .board_type01_tb_list { width:100%; border-top:2px solid #df9e14; border-collapse:collapse; border-spacing:0; } .board_type01_tb_list tr{ border-bottom:1px solid #E1E1E1; } .board_type01_tb_list th { height:39px; color:#666 ; } .board_type01_tb_list td { padding:10px; line-height:18px; text-align:center; color:#666; } .board_type01_tb_list td.subject { text-align:left; color:#666; } .board_type01_tb_list td.subject a { color:#666; } .board_type01_tb_list td.subject a:hover { color:#df9e14; } .board_type01_tb_list td button, .board_type01_tb_list td a.button, .board_type01_tb_list td input[type="button"] { margin-bottom:3px;} .board_type01_pagenate { padding:20px 0; text-align:center; } .board_type01_pagenate p { display:inline; } .board_type01_pagenate a { display:inline-block; width:29px; height:29px; box-sizing:border-box; text-align:center; line-height:27px; color:#666; } .board_type01_pagenate a img { vertical-align:middle; } .board_type01_pagenate p.nav { display:inline-block; letter-spacing:-1px; vertical-align:middle; } .board_type01_pagenate p.nav a { float:left; margin-left:-1px; letter-spacing:0; border:1px solid #E5E5E5; } .board_type01_pagenate p.page_no a.on { font-weight:bold; color:#df9e14; border:1px solid #E5E5E5; } .board_type01_table_bottom { padding:10px 0;width:100%; display:inline-block;} .board_type01_table_bottom button, .board_type01_table_bottom a.button { width:120px; height:40px; padding:11px; line-height:18px; font-weight:bold; } .board_type01_table_bottom button a{color:#fff;} .board_type01_table_bottom button.big, .board_type01_table_bottom a.button.big { width:150px; letter-spacing:-1px; } .board_type01_table_bottom button.short, .board_type01_table_bottom a.button.short { width:100px; background-color:#fff; border:1px solid #666; color:#666;} .board_type01_table_bottom button.dark { background-color:#fff; border:1px solid #666; color:#666; } /* .board_type02_table_top { position:relative; height:35px; margin-top:32px; } .board_type02_count { position:absolute; top:0; left:0; height:29px; font-weight:bold; } .board_type02_count .total { display:inline-block; line-height:29px; padding-left:12px; } .board_type02_count .pages { display:inline-block; line-height:29px; } .board_type02_count select { width:70px; } .board_type02_search_box { position:absolute; top:0; right: 0; } .board_type02_search_box fieldset { } .board_type02_search_box legend { width:0; height:0; visibility:hidden; font-size:0; line-height:1; opacity:0; } .board_type02_search_box select { width:97px; } .board_type02_search_box input[type="text"] { width:159px; } .board_type02_search_box input[type="button"] { width:78px; height:29px; background:#df9e14; color:#FFF; } .board_type02_search_box label { position:absolute; top:0; left:-8000px; width:0; height:0; visibility:hidden; opacity:0; } .board_type02_tb_list { width:100%; border-top:2px solid #df9e14; border-collapse:collapse; border-spacing:0; } .board_type02_tb_list th { height:39px; border-bottom:1px solid #C8C8C8; color:#8D8C8C; } .board_type02_tb_list td { padding:10px; line-height:18px; text-align:center; color:#8D8C8C; border-bottom:1px solid #E1E1E1; } .board_type02_tb_list td.subject { text-align:left; color:#8D8C8C; } .board_type02_tb_list td.subject a { color:#8D8C8C; } .board_type02_tb_list td.subject a:hover { color:#df9e14; } .board_type02_tb_list td button, .board_type02_tb_list td a.button, .board_type02_tb_list td input[type="button"] { margin-bottom:3px;} .board_type03_tb_list { width:100%; border-top:2px solid #df9e14; border-collapse:collapse; border-spacing:0; } .board_type03_tb_list th { height:39px; border-bottom:1px solid #C8C8C8; color:#8D8C8C; } .board_type03_tb_list td { padding:10px; line-height:18px; text-align:center; color:#8D8C8C; border-bottom:1px solid #E1E1E1; } .board_type03_tb_list td.subject { text-align:left; color:#8D8C8C; } .board_type03_tb_list td.subject a { color:#8D8C8C; } .board_type03_tb_list td.subject a:hover { color:#df9e14; } .board_type03_tb_list td button, .board_type03_tb_list td a.button, .board_type03_tb_list td input[type="button"] { margin-bottom:3px;} .board_type04_tb_list { width:100%; border-top:2px solid #df9e14; border-collapse:collapse; border-spacing:0; } .board_type04_tb_list th { height:39px; border-bottom:1px solid #C8C8C8; color:#8D8C8C; } .board_type04_tb_list td { padding:10px; line-height:18px; text-align:center; color:#8D8C8C; border-bottom:1px solid #E1E1E1; } .board_type04_tb_list td.subject { text-align:center; color:#8D8C8C; } .board_type04_tb_list td.subject a { color:#8D8C8C; } .board_type04_tb_list td.subject a:hover { color:#df9e14; } .board_type04_tb_list td button, .board_type04_tb_list td a.button, .board_type04_tb_list td input[type="button"] { margin-bottom:3px;} .board_type05_tb_list { width:100%; border-top:2px solid #df9e14; border-collapse:collapse; border-spacing:0; } .board_type05_tb_list th { height:39px; border-bottom:1px solid #C8C8C8; color:#8D8C8C; } .board_type05_tb_list td { padding:10px; line-height:18px; text-align:center; color:#8D8C8C; border-bottom:1px solid #E1E1E1; } .board_type05_tb_list td.subject { text-align:center; color:#8D8C8C; } .board_type05_tb_list td.subject a { color:#8D8C8C; } .board_type05_tb_list td.subject a:hover { color:#df9e14; } .board_type05_tb_list td button, .board_type05_tb_list td a.button, .board_type05_tb_list td input[type="button"] { margin-bottom:3px;} */ /* END : 리스트 */ /* 쓰기 */ .board_type01_tb_writeform { width:100%; border-top:2px solid #df9e14; border-collapse:collapse; border-spacing:0; } .board_type01_tb_writeform th { width:12%; padding:5px 10px; border-right:1px solid #E1E1E1; border-bottom:1px solid #E1E1E1; color:#333; } .board_type01_tb_writeform th.mid { border-left:1px solid #E1E1E1; } .board_type01_tb_writeform td { padding:5px 10px; border-bottom:1px solid #E1E1E1; color:#333; } .board_type01_tb_writeform td div { padding:5px; line-height:19px; } .board_type01_tb_writeform td p.description { display:inline-block; padding:5px; line-height:19px; vertical-align:middle; } .board_type01_tb_writeform td input.subject { width:100%; } .board_type01_tb_writeform td textarea.content { width:605px; height:270px; padding:10px; box-sizing:border-box; border:1px solid #E1E1E1; color:#333; } .board_type01_tb_writeform td input.attatchfile { width:400px; } .attatch_file_box { position:relative; display:inline-block; padding:0 !important; height:29px; } .attatch_file_box .file_route { width:300px; } .attatch_file_box span.button { display:inline-block; width:100px; height:29px; padding:5px 15px; background:#E1E1E1; color:#242424; text-align:center; line-height:19px; border:0; box-sizing:border-box; vertical-align:middle; } .attatch_file_box .attatchfile { position:absolute; top:0; right:0; width:100%; font-size:45px; opacity:0; filter:alpha(opacity=0); cursor:pointer; } /* 읽기 */ .board_type01_tb_readform { width:100%; margin-bottom:10px; border-top:2px solid #df9e14; border-collapse:collapse; border-spacing:0; } .board_type01_tb_readform th { width:12%; padding:5px 0; border-right:1px solid #E1E1E1; border-bottom:1px solid #E1E1E1; color:#333; } .board_type01_tb_readform th.mid { border-left:1px solid #E1E1E1; } .board_type01_tb_readform td { padding:5px 10px; border-bottom:1px solid #E1E1E1; color:#333; } .board_type01_tb_readform td div { padding:5px; line-height:19px; } .board_type01_tb_readform td div.content p { margin-bottom:1em; } .board_type01_tb_readform td a { color:#333; } .board_type01_tb_readform td input.subject { width:100%; } .board_type01_tb_readform td textarea.content { width:605px; height:270px; padding:10px; box-sizing:border-box; border:1px solid #E1E1E1; color:#333; } .board_type01_tb_readform td input.attatchfile { width:400px; } /* .board_type01_list_reply { border-top:1px solid #C8C8C8; } .board_type01_list_reply li { border-bottom:1px solid #E0E0E0; box-sizing:border-box; } .board_type01_list_reply li.reply { padding-left:100px; background:url(images/template026/icon_reply.gif) no-repeat 40px 14px; } .board_type01_list_reply li dl { display:table; width:730px; border-collapse:collapse; border-spacing:0; } .board_type01_list_reply li.reply dl { width:630px; border-left:1px solid #E0E0E0; box-sizing:border-box; } .board_type01_list_reply li dt { display:table-cell; width:100px; padding:10px 0; text-align:center; vertical-align:top; border-right:1px solid #E0E0E0; color:#df9e14; } .board_type01_list_reply li dd { display:table-cell; line-height:19px; } .board_type01_list_reply li dd div.content { width:100%; padding:10px; color:#8D8C8C; border-bottom:1px solid #E0E0E0; box-sizing:border-box;} .board_type01_list_reply li dd p.date { float:left; padding:10px; color:#8D8C8C; } .board_type01_list_reply li dd p.edit { float:right; padding:8px; } .board_type01_list_reply li .reply_write_form { width:730px; padding:10px 0; box-sizing:border-box; overflow:hidden; } .board_type01_list_reply li.reply .reply_write_form { width:630px; border-left:1px solid #E0E0E0; padding-left:10px; } .board_type01_list_reply li .reply_write_form textarea { float:left; width:630px; height:83px; padding:5px; border:1px solid #E0E0E0; box-sizing:border-box;} .board_type01_list_reply li.reply .reply_write_form textarea { width:520px; } .board_type01_list_reply li .reply_write_form button.edit { float:right; width:94px; height:59px; margin-bottom:5px; } .board_type01_list_reply li .reply_write_form button.cancel { float:right; width:94px; } .board_type01_list_reply li .reply_write_form button.regist { float:right; width:94px;height:83px; } */ /* 추가,수정 2016.03.11 */ .board_type01_list_reply { border-top:1px solid #C8C8C8; } .board_type01_list_reply li { /*margin-bottom:20px;*/ padding:12px 0 12px 34px; border-bottom:1px solid #E0E0E0; box-sizing:border-box; } .board_type01_list_reply li dl { position:relative; display:block; width:696px; } .board_type01_list_reply li.reply { padding-left:70px; background:url(images/template030/icon_reply.gif) no-repeat 40px 17px; } .board_type01_list_reply li.reply dl { width:660px; box-sizing:border-box; } .board_type01_list_reply li dt { display:block; padding:4px 5px; line-height:18px; text-align:left; color:#0076BA; } .board_type01_list_reply li dd { display:block; padding:4px 5px; line-height:18px; } .board_type01_list_reply li dd div.content { width:100%; padding:10px 10 px 0; color:#040404; box-sizing:border-box;} .board_type01_list_reply li dd p.date { position:absolute; top:0; left:80px; padding:4px 10px; line-height:18px; color:#8D8C8C; } .board_type01_list_reply li dd p.edit { position:absolute; top:0; right:0; padding:4px 10px; line-height:18px; } .board_type01_list_reply li dd p.edit button { height:12px; padding:0 8px; background-color:#FFF; font-size:11px; line-height:13px; color:#666; border-right:1px solid #E0E0E0; } .board_type01_list_reply li dd p.edit button:last-child { border-right:0; } .board_type01_list_reply li .reply_write_form { width:695px; padding:12px; margin-top:10px; box-sizing:border-box; border-top:2px solid #232323; background:#F7F7F7; overflow:hidden; } .board_type01_list_reply li .reply_write_form fieldset { padding:0; overflow:hidden; } .board_type01_list_reply li .reply_write_form legend { float:left; display:block; width:76px; height:18px; padding:26px 0; text-align:center; } .board_type01_list_reply li .reply_write_form .write_form { float:left; width:595px;} .board_type01_list_reply li .reply_write_form textarea { float:left; width:495px; height:70px; margin:0; padding:5px; border:1px solid #E0E0E0; box-sizing:border-box;} .board_type01_list_reply li .reply_write_form button.edit { float:right; width:94px; height:59px; margin-bottom:5px; } .board_type01_list_reply li .reply_write_form button.cancel { float:right; width:94px; } .board_type01_list_reply li .reply_write_form button.regist { float:right; width:94px;height:70px; background:#F6F7F9; color:#666; border:1px solid #DDD; border-radius:3px; } .board_type01_list_reply li.reply .reply_write_form { width:660px; margin-bottom:10px; } .board_type01_list_reply li.reply .reply_write_form .write_form { float:left; width:560px;} .board_type01_list_reply li.reply .reply_write_form textarea { width:460px; } /* 추가,수정 2016.03.11 */ /* 게시판 컬러 요소 */ .board_type01.blue01 .board_type01_table_top .search_box input[type="button"] { background:#df9e14; color:#FFF; } .board_type01.blue01 .board_type01_tb_list, .board_type01.blue01 .board_type01_tb_writeform { border-top-color:#df9e14; } .board_type01.blue01 .board_type01_tb_list tb.subject a:hover { color:#df9e14; } .board_type01.blue01 .board_type01_pagenate p.page_no a.on { color:#df9e14; } /* * 게시판 앨범형 */ /* 리스트 */ .board_type01_list_album { width:100%; border-collapse:collapse; border-spacing:0; border-top:2px solid #df9e14; border-bottom:1px solid #C8C8C8; overflow:hidden; } .board_type01_list_album li { float:left; width:25%; padding:10px; margin-bottom:-1px; box-sizing:border-box; border-bottom:1px solid #C8C8C8; } .board_type01_list_album li .album_thumbnail_box { width:100%; margin:0 auto; } .board_type01_list_album li .album_thumbnail_box p.title { position:relative; height:36px; padding-right:20px; margin-bottom:8px; font:13px/18px "Dotum", "돋움", sans-serif; color:#2E2E2E; overflow:hidden; } .board_type01_list_album li .album_thumbnail_box p.title .check { position:absolute; top:3px; right:0; width:12px; height:12px; } .board_type01_list_album li .album_thumbnail_box p.title input[type="checkbox"] { width:13px; height:13px; border:1px solid #df9e14; margin:0; padding:0; } .board_type01_list_album li .album_thumbnail_box p.thumbnail { display:block; overflow:hidden; width:160px; height:160px; vertical-align:middle; text-align:center; } .board_type01_list_album li .album_thumbnail_box p.thumbnail img { border:1px solid #E0E0E0; box-sizing:border-box; } .board_type01_list_album li .album_thumbnail_box div.album_description { margin-top:8px; line-height:16px; font-size:12px; color:#888; overflow:hidden; } .board_type01_list_album li .album_thumbnail_box p.writer { float:left; width:40%; } .board_type01_list_album li .album_thumbnail_box p.date { float:right; width:60%; text-align:right; } .board_type01_list_album li .album_thumbnail_box p.flag { float:left; width:40%; } .board_type01_list_album li .album_thumbnail_box p.hits { float:right; width:60%; text-align:right; } /* 쓰기 */ .board_type01.album .board_type01_tb_writeform td input.attatchfile { width:320px; } .board_type01.album .attatch_file_box .file_route { width:220px; } /* 읽기 */ /* 추가,수정: 2019.12.18 */ .board_type01_tb_readform .album_read_viewport { position:relative; width:500px; height:83px; margin:0 auto; padding:10px 0; line-height:1; } .board_type01_tb_readform .album_read_viewport .bx-wrapper, .board_type01_tb_readform .album_read_viewport .bx-viewport { padding:0; } .board_type01_tb_readform .album_read_viewport .bx-controls .bx-controls-direction{ height:0; } .board_type01_tb_readform .album_read_viewport .bx-prev { position:absolute; top:20px; left:-42px; width:18px; height:35px; text-indent:-9000px; background:url('../images/contents/btn_album_read_prev.gif') no-repeat 0 0;} .board_type01_tb_readform .album_read_viewport .bx-next { position:absolute; top:20px; right:-42px; width:18px; height:35px; text-indent:-9000px; background:url('../images/contents/btn_album_read_next.gif') no-repeat 0 0;} .board_type01_tb_readform .album_read_viewport .bx-prev:hover { background-image:url('../images/contents/btn_album_read_prev_over.gif'); } .board_type01_tb_readform .album_read_viewport .bx-next:hover { background-image:url('../images/contents/btn_album_read_next_over.gif'); } .board_type01_tb_readform .album_thumbnail_box li { width:110px !important; height:83px; text-align:center; } .board_type01_tb_readform .album_thumbnail_box .thumbnail { display:block !important; overflow:hidden !important; width:108px; height:81px; border:1px solid #E0E0E0; text-align:center; vertical-align:middle; cursor:pointer; } .board_type01_tb_readform .album_thumbnail_box li > a { display:inline-block; margin-top:5px; } .board_type01_tb_readform .album_image_viewport { width:580px; padding:5px; margin:10px auto 20px; border:1px solid #E0E0E0; box-sizing:border-box; } .board_type01_tb_readform .album_image_viewport img { width:100%; height:auto; } .board_type01_tb_readform th.nav { background:#F6F6F6; } /* 읽기 */ .recommand_box { height:29px; margin-top:35px; margin-bottom:5px; line-height:29px; color:#717171; } .recommand_box .recommand_view { float:left; } .recommand_box .recommand_view img { vertical-align:middle; } .recommand_box .recommand_view .point { font-weight:bold; } .recommand_box .recommand_apply { float:right; } .recommand_box .recommand_apply .recommand { display:inline-block; width:90px; height:29px; vertical-align:middle; } .div_selectbox_box { position:relative; display:inline-block; width:100%; height:100%; border:1px solid #E0E0E0; box-sizing:border-box; background:url('../images/contents/selectbox_open.gif') no-repeat right center; } .div_selectbox_box .value { display:inline-block; width:100%; height:100%; line-height:29px; cursor:pointer; } .div_selectbox_box .div_selectbox_options { display:none; position:absolute; width:100%; top:27px; left:-1px; padding-bottom:5px; background-color:#FFF; border:1px solid #E0E0E0; border-top-color:#FFF; z-index:10; overflow:hidden; } .div_selectbox_box.open .div_selectbox_options { display:block; } .div_selectbox_options .row { position:relative; display:block; float:left; width:100%; height:21px; line-height:21px; background-color:#FFF; } .div_selectbox_options .row radio { position:absolute; z-index:-1; } .div_selectbox_options .row label { position:absolute; top:0; left:0; width:100%; height:100%; cursor:pointer; } /* 투표 */ .board_type01.vote h3 { padding:9px; font-size:16px; line-height:20px; color:#df9e14; } .board_type01.vote .board_type01_tb_writeform { margin-bottom:20px; } .board_type01.vote span.name { color:#df9e14; } .board_type01.vote button.vote { width:90px; } /* 온라인신청 */ .board_type01.appl .i_label { display:inline-block; width:60px; } .board_type01.appl .i_radio { margin:0; width:13px; height:13px; vertical-align:middle;} .board_type01.appl .digit_3 { width:50px; } /* 레이어팝업 */ .layer_mask { display:none; position:fixed; top:0; left:0; width:100%; height:100%; background-color:#000; opacity:0.5; filter:alpha(opacity="0.5"); z-index:150; } .layer_popup { display:none; position:absolute; top:0; left:0; padding:20px; background:#EEE; border:1px solid #D7D7D7; z-index:200; } .layer_popup_innerbox { position:relative; width:100%; border:1px solid #D7D7D7; background:#FFF; box-sizing:border-box; } .layer_popup_innerbox h3 { width:100%; padding:16px 20px; font:bold 12px/18px "Dotum", "돋움", sans-serif; color:#666; border-bottom:1px solid #D7D7D7; box-sizing:border-box; } .layer_popup_innerbox .popup_contents { width:100%; padding:20px; box-sizing:border-box;} .layer_popup_innerbox .popClose { position:absolute; top:13px; right:20px; } .layer_popup_innerbox .tbType01 { width:100%;border-collapse:collapse; border-spacing:0; border:1px solid #E0E0E0; text-align:center; } .layer_popup_innerbox .tbType01 th { height:39px; font-weight:bold; font-size:12px; line-height:40px; color:#8D8C8C; border-bottom:1px solid #E0E0E0; } .layer_popup_innerbox .tbType01 td { height:39px; color:#8D8C8C; border-bottom:1px solid #E0E0E0; } .layer_popup_innerbox .tbType02 { width:100%;border-collapse:collapse; border-spacing:0; border:1px solid #E0E0E0; text-align:center; } .layer_popup_innerbox .tbType02 th { width:100px; height:39px; font-weight:bold; font-size:12px; line-height:40px; color:#8D8C8C; border-bottom:1px solid #E0E0E0; border-right:1px solid #E0E0E0; } .layer_popup_innerbox .tbType02 td { height:39px; color:#8D8C8C; border-bottom:1px solid #E0E0E0; text-align:left; } .layer_popup_innerbox .tbType02 td div { padding:5px 10px; } .layer_popup .popup_tb_writeform { width:100%; border:1px solid #E0E0E0; border-collapse:collapse; border-spacing:0; } .layer_popup .popup_tb_writeform th { width:100px; padding:5px 10px; border-right:1px solid #E1E1E1; border-bottom:1px solid #E1E1E1; color:#8D8C8C; } .layer_popup .popup_tb_writeform th.mid { border-left:1px solid #E1E1E1; } .layer_popup .popup_tb_writeform td { padding:5px 10px; border-bottom:1px solid #E1E1E1; color:#8D8C8C; } .layer_popup .popup_tb_writeform td div { padding:5px; line-height:19px; } .layer_popup .popup_tb_writeform td p.description { display:inline-block; padding:5px; line-height:19px; vertical-align:middle; } .layer_popup .popup_tb_writeform td input.subject { width:250px; border:1px solid #E1E1E1; } .layer_popup .popup_tb_writeform td textarea.message { width:250px; height:86px; padding:10px; box-sizing:border-box; border:1px solid #E1E1E1; color:#8D8C8C; } .layer_popup .popup_bottom { padding:30px 0; text-align:center; } .layer_popup span.pass { font-weight:bold; color:#df9e14; } /* input form 기본 */ .layer_popup select { height:29px; padding:2px 3px; border:1px solid #E0E0E0; box-sizing:border-box; vertical-align:middle; border-radius:0; /*background:url(images/template026/selectbox_open.gif) no-repeat 100% 50%; -webkit-appearance:none;*/ } .layer_popup select option:after { display:inline-block; content:" "; } .layer_popup input[type="text"], .layer_popup input[type="password"] { height:29px; padding:5px; line-height:19px; border:1px solid #E0E0E0; box-sizing:border-box; vertical-align:middle; color:#8D8C8C; } .layer_popup input[type="file"] { height:29px; padding:0; line-height:19px; border:0; box-sizing:border-box; vertical-align:middle; color:#8D8C8C; } .layer_popup input[type="button"]{ min-width:80px; height:29px; padding:5px 15px; background:#df9e14; color:#FFF; text-align:center; line-height:19px; border:0; box-sizing:border-box; vertical-align:middle; font-family:"dotum", "돋움", sans-serif; } .layer_popup button, .layer_popup a.button { display:inline-block; padding:5px 15px; margin:3px; background:#df9e14; color:#FFF; text-align:center; line-height:18px; border:0; box-sizing:border-box; vertical-align:middle; cursor:pointer; font-family:"dotum", "돋움", sans-serif; } .layer_popup .inline_button { height:20px; padding:0 7px; margin:0; background:#5F5F5F; font-size:11px; color:#FFF; font-family:"dotum", "돋움", sans-serif; } .layer_popup .attatch_file_box .file_route { width:200px; } .layer_popup input[type="text"].input_calories { width:40px; } .layer_popup input.date { width:100px; } .layer_popup button, .layer_popup a.button { display:inline-block; padding:5px 15px; background:#df9e14; color:#FFF; text-align:center; line-height:18px; border:0; box-sizing:border-box; vertical-align:middle; cursor:pointer; font-family:"dotum", "돋움", sans-serif; } .layer_popup .inline_button { height:20px; padding:0 7px; margin:0; background:#5F5F5F; font-size:11px; color:#FFF; font-family:"dotum", "돋움", sans-serif; } .layer_popup button.dark { background-color:#fff; border:1px solid #666; color:#666; } .board_header { padding:20px; margin:20px 0; background:#F9F9F9; border:1px solid #E1E1E1; } .board_header li { padding:2px 0 2px 5px; text-indent:-5px; } .board_header li:before { display:inline-block; width:5px; content:"·"; } .board_footer { padding:20px; margin:20px 0; background:#F9F9F9; border:1px solid #E1E1E1; } .board_footer li { padding:2px 0 2px 5px; text-indent:-5px; } .board_footer li:before { display:inline-block; width:5px; content:"·"; } .flag_notice { display:inline-block; padding:2px 10px; color:#FFF; background:#0066CC; } /* END: 추가 - 2016.03.24 */ /* * 검색결과 */ .search_container { margin-bottom:50px; } .search_top { margin-bottom:25px; } .search_top h3.search_title { font-size:14px; margin-bottom:15px; } .search_top .search_resultText { margin-bottom:20px; } .search_top .keyword { font-weight:bold; color:#df9e14;} .search_top .searchform { margin-bottom:10px; } .search_top .searchform select, .search_top .searchform input[type="text"] { height:29px; padding:5px; line-height:19px; border:1px solid #E0E0E0; box-sizing:border-box; vertical-align:middle; color:#8D8C8C; } .search_top .searchform .button { min-width:80px; height:29px; padding:5px 15px; background:#df9e14; color:#FFF; text-align:center; line-height:19px; border:0; box-sizing:border-box; vertical-align:middle; font-family:"dotum", "돋움", sans-serif; } .search_top .searchform .sort { display:inline-block; } .search_top .notice { font-size:11px; color:#df9e14; } .search_tab { padding-bottom:5px; margin-bottom:20px; border-bottom:2px solid #df9e14; } .search_tab li { display:inline-block; } .search_tab li a { display:inline-block; min-width:80px; height:29px; padding:5px 15px; background:#5F5F5F; color:#FFF; text-align:center; line-height:19px; border:0; box-sizing:border-box; vertical-align:middle; font-family:"dotum", "돋움", sans-serif; } .search_tab li a.active { background:#df9e14; } .search_result_list { padding:20px; margin-bottom:50px; border:1px solid #E0E0E0; } .section_board { margin-bottom:25px; } .section_board:last-child { margin-bottom:0; } .section_board li { padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid #F1F1F1; } .section_board h3 { margin-bottom:25px; color:#df9e14; } .section_board dl { position:relative; } .section_board dt { margin-bottom:10px; line-height:18px; color:#666; } .section_board dd { color:#8C8C8C; } .section_board dd.date { position:absolute; right:0; top:0; line-height:18px; text-align:right; color:#666; } .section_board .link_board { text-align:right; } .section_board .link_board a { display:inline-block; padding:3px 5px; background:#5E5E5E; color:#FFF; } .section_board .empty { padding:15px 0; background:#E7E7E7; text-align:center; color:#666; } /* * 회원 로그인 */ .member_login_container { width:510px; padding:65px 0; margin:100px auto; border:1px solid #E0E0E0; } .member_login_box { width:310px; height:170px; margin:0 auto; box-sizing:border-box; border:1px solid #E0E0E0; overflow:hidden; } .member_login_box a.uni_member_join { float:left; display:block; width:355px; height:190px; padding:82px 0; border:2px solid #DFDFDF; box-sizing:border-box; text-align:center; vertical-align:middle; color:#464646; } .member_login_box a.uni_member_join:hover { background:#0E72AF; color:#FFF; } .member_login_box a.uni_member_join:hover .strong { color:#FFF; } .member_login_box .member_loginForm { padding:15px; box-sizing:border-box; } .member_login_box .member_loginForm >fieldset { overflow:hidden;} .member_login_box .member_loginForm legend { position:absolute; width:0; height:0; top:0; left:-9000px; visibility:hidden; } .member_login_box .member_loginForm .items { float:left; width:178px; } .member_login_box .member_loginForm .items .item { position:relative; margin-bottom:10px; overflow:hidden; } .member_login_box .member_loginForm .items .item label { position:absolute; top:0; left:0; height:42px; padding:12px; line-height:18px; color:#8D8D8D; } .member_login_box .member_loginForm .items .item input { width:168px; height:42px; padding:12px; line-height:18px; background:#EFEFEF; border:0; box-sizing:border-box; } .member_login_box .member_loginForm button { float:right; width:94px; height:94px;; background:#df9e14; border:0; color:#FFF; cursor:pointer; } .member_login_box .member { padding-top:12px; border-top:1px solid #DFDFDF; } .member_login_box .member ul { display:table; width:100%; } .member_login_box .member ul li { display:table-cell; text-align:center; } .member_login_box .member ul li a { display:block; font-size:11px; line-height:1; color:#464646; border-left:1px solid #DFDFDF; } .member_login_box .member ul li:first-child a { border:none; } /* * 작성일 : 2016.02.13 * 수정일 : * 모듈 : calendar | index_canendar_05 * 수정내용 : */ .main_calendar_container { width:300px; height:400px; box-sizing:border-box; overflow:hidden; } .main_calendar_container h3 { font:16px "NanumBarunGothicBold", "나눔바른고딕", "NanumGothic", "나눔고딕", sans-serif; color:#3d3d3d; margin-bottom:15px;} .main_calendar { height:252px; font-family:"Open Sans", sans-serif; border:1px solid #e2e2e2; position:relative; } .main_calendar .more{ position:absolute; top:10px; right:10px; z-index:100; } .main_calendar .ico_view_plus{ display:block; width:15px; height:15px; text-indent:-10000px; background: url(../images/index_btn_more.png) 0px 0px no-repeat;} .main_calendar .main_calendar_top { position:relative; text-align:center;} .main_calendar .main_calendar_top a.prev { position:absolute; display:block; left:35px; top:126px; width:10px; height:19px; background:url('../../../../design/module/calendar/index_calendar_05/images/template030/index_calendar_prev.png') no-repeat; text-indent:-99999px; overflow:hidden;} .main_calendar .main_calendar_top a.prev:hover{background:url('../../../../design/module/calendar/index_calendar_05/images/template030/index_calendar_prev_over.png') no-repeat;} .main_calendar .main_calendar_top a.next { position:absolute; display:block; right:35px; top:126px; width:10px; height:19px; background:url('../../../../design/module/calendar/index_calendar_05/images/template030/index_calendar_next.png') no-repeat; text-indent:-99999px; overflow:hidden;} .main_calendar .main_calendar_top a.next:hover{background:url('../../../../design/module/calendar/index_calendar_05/images/template030/index_calendar_next_over.png') no-repeat;} .main_calendar .main_calendar_top .yyyymm{ display:inline-block; font-size:12px; color:#2e2e2e; margin-top:40px; font-family:'Dotum', '돋움', sans-serif;} .main_calendar .main_calendar_middle{margin-top:15px;} .main_calendar .main_calendar_middle .today{font-size:120px; line-height: 120px; padding:8px 0; color:#efb53b; text-align:center; } .main_calendar .main_calendar_days { text-align:center; color:#FFF; } .main_calendar .main_calendar_days .year { display:block; height:24px; margin-bottom:5px; font:bold 22px/24px 'Roboto', sans-serif; } .main_calendar .main_calendar_days .today { display:block; height:21px; font-size:11px; line-height:21px; color:#B1B4BE; } .main_calendar .main_calendar_days .day { display:block; padding-top:0; font:100 90px/1 'Roboto', sans-serif; vertical-align:top; } .main_calendar_schedule {position:relative; margin-top:6px;} .main_calendar_schedule ul {} .main_calendar_schedule ul li { padding:7px 15px; line-height:18px; background:#e2e2e2; margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;} .main_calendar_schedule ul li a{ color:#707070; font-size:12px;} .main_calendar_schedule ul li .title { display:block; color:#2e2e2e; font-family:'Dotum', '돋움', sans-serif; padding-right:9px; } .main_calendar_schedule ul li:last-child { border-bottom:0; } /* * 사이트맵 */ .sitemap {} .sitemap ul.onedepth { overflow:hidden; } .sitemap ul.onedepth > li { float:left; width:227px; min-height:340px; margin-right:24px; } .sitemap ul.onedepth > li.no_mg { margin-right:0; } .sitemap ul.onedepth > li h3 { padding:14px 22px; font-size:16px; font-weight:bold; margin-bottom:5px; background:#F1F1F1; } .sitemap ul.onedepth > li h3:hover { text-decoration:underline } .sitemap ul.subdepth { margin-left:22px; } .sitemap ul.subdepth > li { padding:9px; font-size:12px; background:url('../images/bullet_arrow.gif') no-repeat 0 12px; } .sitemap ul.subdepth > li a { color:#666; padding-left:5px; } .sitemap ul.subdepth > li a:hover { font-weight:bold; } .sitemap ul.third > li { padding:9px 0; font-size:12px; font-weight:normal; } .sitemap ul.third > li:before { display:inline-block; width:12px; content:"-"; color:#888; } .sitemap ul.third > li a { color:#888; } /*======================================================================== 1023px ========================================================================*/ @media screen and (max-width: 1023px) { /* * 사이트맵 */ .sitemap ul.onedepth > li{width:32%; margin-right:1%} .sitemap ul.onedepth > li h3{ display:block; top:50%; height:36px; padding:8px; font-size:14px;} .sitemap ul.onedepth > li h3 a { height:36px; display:table-cell; vertical-align:middle; } .sitemap ul.subdepth { margin-left:2%; } #Header .top_menu_05_template030 { width:auto; display:block; text-align:center; text-align:center; height:auto;} #Header .header_school_information{ width:auto; display:block; padding:21px 0px; height:auto; } #Header .header_top_link{ display:none; } #Header .header_mobile_menu{ display:block; position:absolute; top:24px; left:20px;} #Header .header_mobile_menu .m_menu_btn { display:block; width:38px; height:30px; background:url('../images/header_mobile_menu.png') no-repeat; text-indent:-8000px; } #Header .header_login_mobile{ display:block; text-align:center; padding:30px 0 28px; } #Header .header_login_mobile .info{margin-bottom:15px; color:#fff; font-size:13px; padding-left:14px; text-align:left;} #Header .header_login_mobile span{display:inline-block; width:76px; height:25px; line-height:25px; background:#fff;} #Header .header_login_mobile span a{display:block; color:#000000; font-size:1em; text-align:center; font-family:'NanumGothic', '나눔고딕', sans-serif; font-weight:600; letter-spacing:-0.05em;} #Header .header_login_mobile span a:hover{color:#00678f;} #Header .header_top_searchform .search_btn { display:none; } #Header .header_top_searchform { display:none; position:absolute; z-index:100; height:84px; top:0; left:0; background:#fff; width:100%; } #Header .header_top_searchform fieldset { float:none; width:90%; margin:24px auto 0; border:none;} #Header .header_top_searchform .header_top_searchform_text {display:block; float:left; width:90%; height:36px; padding:3px; box-sizing:border-box; line-height:30px; background:url('../../../../design/module/topMenu/top_menu_02/images/template030/header_top_btn_search_bg.gif') 13px 5px no-repeat; border:1px solid #E8E8E8;} #Header .header_top_searchform .header_top_searchform_text.focus{background:none;} #Header .header_top_searchform input[type="image"] { display:block; } #Header .header_top_searchform input[type="submit"] { display:block; float:right; width:10%; height:36px; line-height:36px; margin-top:-1px; background:#fff; border:none; font-size:18px; font-family:'NanumGothic', '나눔고딕', sans-serif; color:#707070; cursor:pointer;} #Header .header_top_searchform .search_btn { display:none; } #Header .header_top_searchform_mobile{display:block; position:absolute; top:24px; right:20px; padding-top:0px;} #Header .header_top_searchform_mobile .m_search_btn { display:block; width:28px; height:34px; background:url('../images/header_top_btn_search_mobile.gif') no-repeat; text-indent:-8000px; } #Header .header_gnb{ width:260px; min-height:100%; background:#00678f; } #Header .header_gnb ul.nav { display:block;} #Header .header_gnb ul.nav >li { display:block; text-align:left; border-top:1px solid #0077a5; border-bottom:1px solid #00597b; height:auto; } #Header .header_gnb ul.nav >li > a{ display:block; font-size:13px; color:#f6f6f6; font-weight:400; height:35px; line-height:35px; padding:0px 15px;} #Header .header_gnb ul.nav >li.on{ background:#313131; } #Header .header_gnb ul.nav >li.on > a{ color:#f6f6f6; } #Header .header_gnb ul.nav >li > a:hover{ color:#f6f6f6; } #Header .header_gnb ul.nav >li > a.sub{ background:url('../../../../design/module/topMenu/top_menu_02/images/template030/header_gnb_sub_menu.png') 230px 13px no-repeat; } #Header .header_gnb ul.nav >li.on > a.sub{background:url('../../../../design/module/topMenu/top_menu_02/images/template030/header_gnb_sub_menu_close.png') 230px 15px no-repeat;} #Header .header_gnb ul.nav >li .subDepth{ position:relative; top:0px; width:100%; padding:0; border:none; background:#474747;} #Header .header_gnb ul.nav >li .subDepth li{ border-top:1px solid #545454; border-bottom:1px solid #383838; height:auto; } #Header .header_gnb ul.nav >li .subDepth li a{ font-size:11px; display:block; color:#fff; font-weight:400; height:35px; line-height:35px; padding:0px 20px; font-family:"NanumGothic", "나눔고딕", "dotum", "돋움", sans-serif; } #Header .header_gnb ul.nav >li .subDepth li a:hover { color:#e5e6e8; font-weight:bold; } #Header .header_gnb ul.nav >li:hover .subDepth { display:none; } /*.main_slide_banner_container { width:100%; height:auto; }*/ .main_slide_banner_container { width:100%; height:400px;} .main_slide_banner_container .bx-wrapper .slide_box{height:400px; } .main_slide_banner_container .bx-controls-direction .bx-prev{ top:240px; } .main_slide_banner_container .bx-controls-direction .bx-prev:hover{ } .main_slide_banner_container .bx-controls-direction .bx-next{ top:240px; } .main_slide_banner_container .bx-controls-direction .bx-next:hover{ } .main_middle_popupzone {width:auto;} .main_middle_popupzone .popupzone_list li{ width:auto; } .main_middle_popupzone li img { width:100% ; height:100%; } .index_mlsv_box{width:auto;} .index_mlsv_box .school_menu_info ul li dl dt a{background-position:96% 5px;} .index_mlsv_box .school_menu_info ul li dl dt a:hover{background-position:96% 5px;} .index_board_box{width:auto; height:298px;} .index_board_box h3 { height:20px; font-size:16px;} .index_board_box .main_small_list .title { margin-top:20px; font-size:16px; line-height:17px; height:auto; padding-bottom:15px; color:#192028; background:url('../../../template/template030/images/bg_notice_title.gif') left bottom no-repeat; overflow:hidden;} .index_board_box .main_small_list .desc { margin-top:15px; font-size:14px; line-height:160%; color:#707070; height:130px; letter-spacing:-1px; overflow:hidden;} .index_board_box .main_small_list .date { font-size:14px; color:#192028; } .sub_image_base_01 { width:100%; _height:201px; } .sub_image_base_01 img{width:auto; height:100%;} #Footer{ width:auto; height:auto; } #Footer .school{width:auto; float:none; margin:0 auto;} #Footer .school .school_mark{text-align:center;} #Footer .policy_information{width:auto; float:none; text-align:center;} #Footer .policy_information .footer_policy{width:90%; height:auto; margin:0 auto; line-height:22px; padding:10px 10px;} #Footer .policy_information .footer_school_information{margin-top:20px; text-align:left; margin-left:5%;} #Footer .policy_information .footer_school_information address {height:auto;} #Footer .policy_information .footer_school_information .footer_phone {height:auto;} #Footer .policy_information .footer_school_information .footer_copyright {height:auto;} #Footer .footer_security_count{display:none;} /* 쓰기 .board_type01_tb_writeform { width:100%; border-top:2px solid #df9e14; border-collapse:collapse; border-spacing:0; } .board_type01_tb_writeform th { width:110px; padding:5px; border-right:1px solid #E1E1E1; border-bottom:1px solid #E1E1E1; color:#8D8C8C; } .board_type01_tb_writeform th.mid { border-left:1px solid #E1E1E1; } .board_type01_tb_writeform td { padding:5px; border-bottom:1px solid #E1E1E1; color:#8D8C8C; } .board_type01_tb_writeform td div { padding:5px; line-height:19px; } .board_type01_tb_writeform td p.description { display:inline-block; padding:5px; line-height:19px; vertical-align:middle; } .board_type01_tb_writeform td input.subject { width:100%; } .board_type01_tb_writeform td textarea.content { width:100%; height:270px; padding:10px; box-sizing:border-box; border:1px solid #E1E1E1; color:#8D8C8C; } .board_type01_tb_writeform td input.attatchfile { width:400px; } .attatch_file_box { position:relative; display:inline-block; padding:0 !important; height:29px; } .attatch_file_box .file_route { width:300px; } .attatch_file_box span.button { display:inline-block; width:100px; height:29px; padding:5px 15px; background:#E1E1E1; color:#242424; text-align:center; line-height:19px; border:0; box-sizing:border-box; vertical-align:middle; } .attatch_file_box .attatchfile { position:absolute; top:0; right:0; width:100%; font-size:45px; opacity:0; filter:alpha(opacity=0); cursor:pointer; } /* 읽기 .board_type01_tb_readform { width:100%; margin-bottom:10px; border-top:2px solid #df9e14; border-collapse:collapse; border-spacing:0; } .board_type01_tb_readform th { width:100px; padding:5px 0; border-right:1px solid #E1E1E1; border-bottom:1px solid #E1E1E1; color:#8D8C8C; } .board_type01_tb_readform th.mid { border-left:1px solid #E1E1E1; } .board_type01_tb_readform td { padding:5px 10px; border-bottom:1px solid #E1E1E1; color:#8D8C8C; } .board_type01_tb_readform td div { padding:5px; line-height:19px; } .board_type01_tb_readform td div.content p { margin-bottom:1em; } .board_type01_tb_readform td a { color:#8D8C8C; } .board_type01_tb_readform td input.subject { width:100%; } .board_type01_tb_readform td textarea.content { width:100%; height:270px; padding:10px; box-sizing:border-box; border:1px solid #E1E1E1; color:#8D8C8C; } .board_type01_tb_readform td input.attatchfile { width:60%; } */ .board_type01_list_reply { border-top:1px solid #C8C8C8; } .board_type01_list_reply li { /*margin-bottom:20px;*/ padding:12px 0 12px 34px; border-bottom:1px solid #E0E0E0; box-sizing:border-box; } .board_type01_list_reply li dl { position:relative; display:block; width:100%; } .board_type01_list_reply li.reply { padding-left:70px; background:url(images/template030/icon_reply.gif) no-repeat 40px 17px; } .board_type01_list_reply li.reply dl { width:100%; box-sizing:border-box; } .board_type01_list_reply li dt { display:block; padding:4px 5px; line-height:18px; text-align:left; color:#0076BA; } .board_type01_list_reply li dd { display:block; padding:4px 5px; line-height:18px; } .board_type01_list_reply li dd div.content { width:100%; padding:10px 10 px 0; color:#040404; box-sizing:border-box;} .board_type01_list_reply li dd p.date { position:absolute; top:0; left:80px; padding:4px 10px; line-height:18px; color:#8D8C8C; } .board_type01_list_reply li dd p.edit { position:absolute; top:0; right:0; padding:4px 10px; line-height:18px; } .board_type01_list_reply li dd p.edit button { height:12px; padding:0 8px; background-color:#FFF; font-size:11px; line-height:13px; color:#666; border-right:1px solid #E0E0E0; } .board_type01_list_reply li dd p.edit button:last-child { border-right:0; } .board_type01_list_reply li .reply_write_form { width:100%; padding:12px; margin-top:10px; box-sizing:border-box; border-top:2px solid #232323; background:#F7F7F7; overflow:hidden; } .board_type01_list_reply li .reply_write_form fieldset { padding:0; overflow:hidden; } .board_type01_list_reply li .reply_write_form legend { float:left; display:block; width:76px; height:18px; padding:26px 0; text-align:center; } .board_type01_list_reply li .reply_write_form .write_form { float:left; width:80%;} .board_type01_list_reply li .reply_write_form textarea { float:left; width:80%; height:70px; margin:0; padding:5px; border:1px solid #E0E0E0; box-sizing:border-box;} .board_type01_list_reply li .reply_write_form button.edit { float:left; width:94px; height:59px; margin-bottom:5px; margin-left:10px; } .board_type01_list_reply li .reply_write_form button.cancel { float:left; width:94px; margin-left:10px;} .board_type01_list_reply li .reply_write_form button.regist { float:left; width:94px;height:70px; background:#F6F7F9; color:#666; border:1px solid #DDD; border-radius:3px; margin-left:10px;} .board_type01_list_reply li.reply .reply_write_form { width:100%; margin-bottom:10px; } .board_type01_list_reply li.reply .reply_write_form .write_form { float:left; width:80%;} .board_type01_list_reply li.reply .reply_write_form textarea { width:80%; } .calendar_box{ width:100%; } .main_calendar_container { width:auto;} .main_calendar_schedule ul li .title { background-position:100% 5px;} } /*======================================================================== 768px ========================================================================*/ @media screen and (max-width: 768px) { .location{ display:none; } .main_slide_banner_container .bx-controls-direction .bx-prev{ top:200px; left:10px; background-size:80% auto;} .main_slide_banner_container .bx-controls-direction .bx-prev:hover{ background-size:80% auto; } .main_slide_banner_container .bx-controls-direction .bx-next{ top:200px; left:60px; background-size:80% auto; } .main_slide_banner_container .bx-controls-direction .bx-next:hover{ background-size:80% auto; } .index_mlsv_box .school_menu_thumbnail .inner{width:auto;} .board_type01_tb_writeform td input.attatchfile { width:230px; } .attatch_file_box .file_route { width:130px; } /* 읽기 */ .board_type01_list_reply { border-top:1px solid #C8C8C8; } .board_type01_list_reply li { /*margin-bottom:20px;*/ padding:12px 0 12px 34px; border-bottom:1px solid #E0E0E0; box-sizing:border-box; } .board_type01_list_reply li dl { position:relative; display:block; width:100%; } .board_type01_list_reply li.reply { padding-left:70px; background:url(images/template030/icon_reply.gif) no-repeat 40px 17px; } .board_type01_list_reply li.reply dl { width:100%; box-sizing:border-box; } .board_type01_list_reply li dt { display:block; padding:4px 5px; line-height:18px; text-align:left; color:#0076BA; } .board_type01_list_reply li dd { display:block; padding:4px 5px; line-height:18px; } .board_type01_list_reply li dd div.content { width:100%; padding:10px 10 px 0; color:#040404; box-sizing:border-box;} .board_type01_list_reply li dd p.date { position:absolute; top:0; left:80px; padding:4px 10px; line-height:18px; color:#8D8C8C; } .board_type01_list_reply li dd p.edit { position:absolute; top:0; right:0; padding:4px 10px; line-height:18px; } .board_type01_list_reply li dd p.edit button { height:12px; padding:0 8px; background-color:#FFF; font-size:11px; line-height:13px; color:#666; border-right:1px solid #E0E0E0; } .board_type01_list_reply li dd p.edit button:last-child { border-right:0; } .board_type01_list_reply li .reply_write_form { width:120%; padding:12px; margin-top:10px; box-sizing:border-box; border-top:2px solid #232323; background:#F7F7F7; overflow:hidden; } .board_type01_list_reply li .reply_write_form fieldset { padding:0; overflow:hidden; } .board_type01_list_reply li .reply_write_form legend { float:left; display:block; width:76px; height:18px; padding:26px 0; text-align:center; } .board_type01_list_reply li .reply_write_form .write_form { float:left; width:70%} .board_type01_list_reply li .reply_write_form textarea { float:left; width:66%; height:70px; margin:0; padding:5px; border:1px solid #E0E0E0; box-sizing:border-box;} .board_type01_list_reply li .reply_write_form button.edit { float:left; width:94px; height:59px; margin-bottom:5px; margin-left:10px; } .board_type01_list_reply li .reply_write_form button.cancel { float:left; width:94px; margin-left:10px;} .board_type01_list_reply li .reply_write_form button.regist { float:left; width:94px;height:70px; background:#F6F7F9; color:#666; border:1px solid #DDD; border-radius:3px; margin-left:10px;} .board_type01_list_reply li.reply .reply_write_form { width:120%; margin-bottom:10px; } .board_type01_list_reply li.reply .reply_write_form .write_form { float:left; width:70%;} .board_type01_list_reply li.reply .reply_write_form textarea { width:60%; } /* 쓰기 */ .board_type01.album .board_type01_tb_writeform td input.attatchfile { width:320px; } .board_type01.album .attatch_file_box .file_route { width:220px; } /* 읽기 */ .recommand_box { height:auto; margin-top:35px; margin-bottom:20px; line-height:29px; color:#717171; } .recommand_box .recommand_view { float:none; text-align:right; } .recommand_box .recommand_view .point { font-weight:bold; } .recommand_box .recommand_apply { float:none; text-align:right;} /* .board_type02_table_top { position:relative; height:auto; margin-top:32px; } .board_type02_count { position:relative; top:0; left:0; height:29px; font-weight:bold; margin-bottom:5px;} .board_type02_count .total { display:inline-block; line-height:29px; padding-left:12px; } .board_type02_count .pages { display:inline-block; line-height:29px; } .board_type02_count select { width:70px; } .board_type02_search_box { position:relative; top:0; right: 0; margin-bottom:20px;} .board_type02_search_box fieldset { } .board_type02_search_box legend { width:0; height:0; visibility:hidden; font-size:0; line-height:1; opacity:0; } .board_type02_search_box select { width:97px; } .board_type02_search_box input[type="text"] { width:150px; } .board_type02_search_box input[type="button"] { width:78px; height:29px; background:#df9e14; color:#FFF; } .board_type02_search_box label { position:absolute; top:0; left:-8000px; width:0; height:0; visibility:hidden; opacity:0; } .board_type02_tb_list { width:100%; border-top:2px solid #df9e14; border-collapse:collapse; border-spacing:0;} .board_type02_tb_list thead{border:none;} .board_type02_tb_list th { height:0px; border-bottom:none; color:#8D8C8C; display:block; overflow:hidden; text-indent:-99999px;} .board_type02_tb_list td { text-align:left; border-bottom:none; padding:0;} .board_type02_tb_list td.subject { text-align:left; color:#8D8C8C; } .board_type02_tb_list td.subject a { color:#8D8C8C; } .board_type02_tb_list td.subject a:hover { color:#df9e14; } .board_type02_tb_list td button, .board_type02_tb_list td a.button, .board_type02_tb_list td input[type="button"] { margin-bottom:3px;} .board_type02_tb_list tr{ clear:both; } .board_type02_tb_list td.subject{ display:block; } .board_type02_tb_list td.check{ display:block; float:left; } .board_type02_tb_list td.num{ display:none; } .board_type02_tb_list td.period{ display:block; padding:10px 0 10px 20px; } .board_type02_tb_list td.name{ display:block; float:left; line-height:13px; padding-left:20px; padding-right:10px; border-right:1px solid #8d8c8c;} .board_type02_tb_list td.type{ display:block; float:left; line-height:13px; padding-left:10px; padding-right:10px; border-right:1px solid #8d8c8c;} .board_type02_tb_list td.status{ display:block; float:left; line-height:13px; padding-left:10px;padding-right:10px; border-right:1px solid #8d8c8c;} .board_type02_tb_list td.count{ display:block; float:left; line-height:13px; padding-left:10px; height:26px;} .board_type02_tb_list td.btns{ clear:both; display:block; padding:3px 0; margin:10px 0; border-top:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4; text-align:right; } .board_type02_tb_list td button, .board_type02_tb_list td a.button, .board_type02_tb_list td input[type="button"]{margin-bottom:0;} .board_type03_tb_list { width:100%; border-top:2px solid #df9e14; border-collapse:collapse; border-spacing:0;} .board_type03_tb_list thead{border:none;} .board_type03_tb_list th { height:0px; border-bottom:none; color:#8D8C8C; display:block; overflow:hidden; text-indent:-99999px;} .board_type03_tb_list td { text-align:left; border-bottom:none; padding:0;} .board_type03_tb_list td.subject { text-align:left; color:#8D8C8C; } .board_type03_tb_list td.subject a { color:#8D8C8C; } .board_type03_tb_list td.subject a:hover { color:#df9e14; } .board_type03_tb_list td button, .board_type03_tb_list td a.button, .board_type03_tb_list td input[type="button"] { margin-bottom:3px;} .board_type03_tb_list tr{ clear:both; } .board_type03_tb_list td.thumb{ display:block; float:left; padding-right:15px; } .board_type03_tb_list td.subject{ display:block; } .board_type03_tb_list td.num{ display:none;} .board_type03_tb_list td.name{ display:block; line-height:13px; margin-bottom:12px;} .board_type03_tb_list td.btns{ clear:both; display:block; padding:3px 0 10px 90px; margin:10px 0; border-bottom:1px solid #e4e4e4;} .board_type03_tb_list td.btns .vote{width:90px; padding:5px 10px;} .board_type03_tb_list td button, .board_type03_tb_list td a.button, .board_type03_tb_list td input[type="button"]{margin-bottom:0;} .board_type04_tb_list { width:100%; border-top:2px solid #df9e14; border-collapse:collapse; border-spacing:0; } .board_type04_tb_list thead{ display:none; } .board_type04_tb_list th { display:block; height:0px; border-bottom:none; color:#fff; overflow:hidden;} .board_type04_tb_list td { display:block; padding:10px; line-height:18px; text-align:center; color:#8D8C8C; border-bottom:none; } .board_type04_tb_list td.subject { display:block; text-align:left; color:#8D8C8C; } .board_type04_tb_list td.subject a { color:#8D8C8C; } .board_type04_tb_list td.subject a:hover { color:#df9e14; } .board_type04_tb_list td.date{ display:block; text-align:left; border-bottom:1px solid #E1E1E1; } .board_type04_tb_list td button, .board_type04_tb_list td a.button, .board_type04_tb_list td input[type="button"] { margin-bottom:3px;} .board_type04_tb_list tr{ clear:both; position:relative; display:block;} .board_type04_tb_list td.subject{ display:block;} .board_type04_tb_list td.type{ position:absolute; top:0px; right:0;} .board_type04_tb_list td.desc{ clear:both; padding:10px; width:auto; text-align:left; } .board_type04_tb_list td.date{ display:block; } .board_type04_tb_list td.calory{ position:absolute; bottom:0px; right:0;} .board_type04_tb_list td button, .board_type04_tb_list td a.button, .board_type04_tb_list td input[type="button"]{margin-bottom:0;} .board_type05_tb_list { width:100%; border-top:2px solid #df9e14; border-collapse:collapse; border-spacing:0; } .board_type05_tb_list thead{ display:none; } .board_type05_tb_list th { display:block; height:0px; border-bottom:none; color:#fff; overflow:hidden;} .board_type05_tb_list td { display:block; padding:10px; line-height:18px; text-align:left; color:#8D8C8C; border-bottom:none; } .board_type05_tb_list tr{ clear:both; position:relative; display:block;} .board_type05_tb_list td.check{ float:left; } .board_type05_tb_list td.num{ display:none; float:left;} .board_type05_tb_list td.id{ float:left; } .board_type05_tb_list td.name{ float:left; } .board_type05_tb_list td.date{ float:left; } .board_type05_tb_list td.btns{ clear:both; display:block; padding:3px 0; margin:10px 0; border-top:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4; text-align:right; } .board_type05_tb_list td button, .board_type05_tb_list td a.button, .board_type05_tb_list td input[type="button"]{margin-bottom:0;} */ /* * 일정 달력 */ .calendar_schedule.monthly tr.pc_th{display:none} .calendar_schedule.monthly tr.mobile_th{display:table-row} /* 레이어팝업 */ .layer_mask { display:none; position:fixed; top:0; left:0; width:100%; height:100%; background-color:#000; opacity:0.5; filter:alpha(opacity="0.5"); z-index:150; } .layer_popup { display:none; position:absolute; top:0; left:0; padding:10px; background:#EEE; border:1px solid #D7D7D7; z-index:200; } .layer_popup_innerbox { position:relative; width:100%; border:1px solid #D7D7D7; background:#FFF; box-sizing:border-box; } .layer_popup_innerbox h3 { width:100%; padding:16px 20px; font:bold 12px/18px "Dotum", "돋움", sans-serif; color:#666; border-bottom:1px solid #D7D7D7; box-sizing:border-box; } .layer_popup_innerbox .popup_contents { width:100%; padding:10px; box-sizing:border-box;} .layer_popup_innerbox .popClose { position:absolute; top:13px; right:20px; } .layer_popup_innerbox .tbType01 { width:100%;border-collapse:collapse; border-spacing:0; border:1px solid #E0E0E0; text-align:center; } .layer_popup_innerbox .tbType01 th { height:39px; font-weight:bold; font-size:12px; line-height:40px; color:#8D8C8C; border-bottom:1px solid #E0E0E0; } .layer_popup_innerbox .tbType01 td { height:39px; color:#8D8C8C; border-bottom:1px solid #E0E0E0; } .layer_popup_innerbox .tbType02 { width:100%;border-collapse:collapse; border-spacing:0; border:1px solid #E0E0E0; text-align:center; } .layer_popup_innerbox .tbType02 th { width:100px; height:39px; font-weight:bold; font-size:12px; line-height:40px; color:#8D8C8C; border-bottom:1px solid #E0E0E0; border-right:1px solid #E0E0E0; } .layer_popup_innerbox .tbType02 td { height:39px; color:#8D8C8C; border-bottom:1px solid #E0E0E0; text-align:left; } .layer_popup_innerbox .tbType02 td div { padding:5px 10px; } .layer_popup .popup_tb_writeform { width:100%; border:1px solid #E0E0E0; border-collapse:collapse; border-spacing:0; } .layer_popup .popup_tb_writeform th { width:80px; padding:5px 10px; border-right:1px solid #E1E1E1; border-bottom:1px solid #E1E1E1; color:#8D8C8C; } .layer_popup .popup_tb_writeform th.mid { border-left:1px solid #E1E1E1; } .layer_popup .popup_tb_writeform td { padding:5px 10px; border-bottom:1px solid #E1E1E1; color:#8D8C8C; } .layer_popup .popup_tb_writeform td div { padding:5px; line-height:19px; } .layer_popup .popup_tb_writeform td p.description { display:inline-block; padding:5px; line-height:19px; vertical-align:middle; } .layer_popup .popup_tb_writeform td input.subject { width:100%; border:1px solid #E1E1E1; } .layer_popup .popup_tb_writeform td textarea.message { width:100%; height:86px; padding:10px; box-sizing:border-box; border:1px solid #E1E1E1; color:#8D8C8C; } .layer_popup .popup_bottom { padding:30px 0; text-align:center; } .layer_popup span.pass { font-weight:bold; color:#df9e14; } /* 2016.04.14 수정 */ .search_tab { padding-bottom:5px; margin-bottom:20px; border-bottom:2px solid #df9e14; } .search_tab li { display:inline-block; margin-bottom:5px; } .search_tab li a { display:inline-block; min-width:80px; height:29px; padding:5px 15px; background:#5F5F5F; color:#FFF; text-align:center; line-height:19px; border:0; box-sizing:border-box; vertical-align:middle; font-family:"dotum", "돋움", sans-serif; } .search_tab li a.active { background:#df9e14; } .main_calendar .main_calendar_top a.prev { left:10%; } .main_calendar .main_calendar_top a.next { right:10%; } } /*======================================================================== 640px ========================================================================*/ @media screen and (max-width: 640px) { /* * 회원 로그인 */ .member_login_container { width:98%; padding:0px 0; margin:50px auto; border:none; } .member_login_box { width:100%; height:auto;; margin:0 auto; box-sizing:border-box; border:none; overflow:hidden; } .member_login_box a.uni_member_join { float:left; display:block; width:280px; height:190px; padding:82px 0; border:2px solid #DFDFDF; box-sizing:border-box; text-align:center; vertical-align:middle; color:#464646; } .member_login_box a.uni_member_join:hover { background:#0E72AF; color:#FFF; } .member_login_box a.uni_member_join:hover .strong { color:#FFF; } .member_login_box .member_loginForm { padding:15px 0; box-sizing:border-box; border-top:2px solid #df9e14;} .member_login_box .member_loginForm >fieldset { overflow:hidden;} .member_login_box .member_loginForm legend { position:absolute; width:0; height:0; top:0; left:-9000px; visibility:hidden; } .member_login_box .member_loginForm .items { float:none; clear:both; width:100%; } .member_login_box .member_loginForm .items .item { position:relative; margin-bottom:10px; overflow:hidden; } .member_login_box .member_loginForm .items .item label { position:absolute; top:0; left:0; height:42px; padding:12px; line-height:18px; color:#8D8D8D; } .member_login_box .member_loginForm .items .item input { width:100%; height:42px; padding:12px; line-height:18px; background:#fff; border:0; box-sizing:border-box; border:1px solid #dfdfdf;} .member_login_box .member_loginForm button { float:none; clear:both; width:100%; height:42px; line-height:42px; background:#df9e14; border:0; color:#FFF; cursor:pointer; margin-top:10px;} .member_login_box .member { clear:both; padding-top:5px; border-top:none; } .member_login_box .member ul { display:table; width:100%; } .member_login_box .member ul li { display:table-cell; text-align:center; } .member_login_box .member ul li a { display:block; font-size:11px; line-height:1; color:#464646; border-left:1px solid #DFDFDF; } .member_login_box .member ul li:first-child a { border:none; } } /*======================================================================== 480px ========================================================================*/ @media screen and (max-width: 480px) { #Header .header_school_information{ padding:12px 0px; } #Header .header_school_information .header_school_mark img{height:24px; width:auto;} #Header .header_mobile_menu{top:18px;} #Header .header_mobile_menu img{ height:16px; width:auto; } #Header .header_mobile_menu .m_menu_btn { background-size:auto 16px; } #Header .header_login_mobile{ display:block; text-align:center; padding:15px 0 7px; } #Header .header_top_searchform_mobile{top:18px;} #Header .header_top_searchform_mobile img{ height:16px; width:auto; } #Header .header_top_searchform_mobile .m_search_btn { background-size:auto 16px; } #Header .header_top_searchform { display:none; position:absolute; z-index:100; height:48px; top:0; left:0; background:#fff; width:100%; } #Header .header_top_searchform fieldset { float:none; width:90%; margin:12px auto 0; border:none;} #Header .header_top_searchform .header_top_searchform_text {display:block; float:left; width:86%; height:24px; padding:3px; line-height:24px; background-size:12px auto;} #Header .header_top_searchform input[type="submit"] { display:block; float:right; width:14%; height:24px; line-height:24px; margin-top:-1px; background:#fff; border:none; font-size:14px; font-family:'NanumGothic', '나눔고딕', sans-serif; color:#707070; cursor:pointer;} .main_slide_banner_container { width:100%; height:395px;} .main_slide_banner_container .bx-wrapper .slide_box{height:395px; } .main_slide_banner_container .bx-wrapper .bx-viewport {height:395px !important; } .main_slide_banner_container .bx-controls-direction .bx-prev{ top:160px; left:10px; background-size:60% auto;} .main_slide_banner_container .bx-controls-direction .bx-prev:hover{ background-size:60% auto; } .main_slide_banner_container .bx-controls-direction .bx-next{ top:160px; left:50px; background-size:60% auto; } .main_slide_banner_container .bx-controls-direction .bx-next:hover{ background-size:60% auto; } .index_mlsv_box .school_menu_thumbnail .inner{height:170px;} .index_mlsv_box .school_menu_info ul li dl dd .date{font-size:13px; color:#2e2e2e; font-weight:bold; margin-top:10px; margin-bottom:10px;} .index_mlsv_box .school_menu_info ul li dl dd .menu{font-size:12px; color:#666666; line-height:160%; height:40px; overflow:hidden; margin-bottom:5px;} .index_board_box{width:auto; height:auto;} .index_board_box h3 { font-size:15px; } .index_board_box .main_small_list .title { margin-top:20px; font-size:14px; line-height:17px; height:auto; padding-bottom:15px; color:#192028; background:url('../../../template/template030/images/bg_notice_title.gif') left bottom no-repeat; overflow:hidden;} .index_board_box .main_small_list .desc { margin-top:15px; font-size:12px; line-height:16px; color:#707070; height:70px; letter-spacing:-1px; overflow:hidden;} .index_board_box .main_small_list .date { font-size:12px; color:#192028; } .sub_image_base_01 { width:100%; } #Footer .school {height:auto; margin-bottom:15px; } #Footer .school .school_mark img{height:26px;} #Footer .policy_information .footer_policy{ font-size:11px; letter-spacing:-1px; padding:5px 10px; } #Footer .policy_information .footer_school_information{ line-height:14px; } #Footer .policy_information .footer_school_information .footer_copyright{margin-top:10px;} .sub_middle_area h2 { height:23px; padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid #DFDFDF; font:23px/1 "NanumBarunGothicBold", sans-serif; line-height:1; color:#4f4a37; } .board_type01_tb_writeform td input.attatchfile { width:150px; overflow:hidden;} .attatch_file_box .file_route { width:80px; } .attatch_file_box span.button { display:inline-block; width:70px; height:29px; padding:5px 5px; background:#E1E1E1; color:#242424; text-align:center; line-height:19px; border:0; box-sizing:border-box; vertical-align:middle; } .attatch_file_box .attatchfile{ right:inherit; left:0;} /* 리스트 */ .board_type01_table_top { position:relative; height:auto; margin-top:20px; margin-bottom:20px;} .board_type01_count { position:relative; top:0; left:0; height:29px; font-weight:bold; margin-bottom:5px;} .board_type01_count .total { display:inline-block; line-height:29px; padding-left:12px; } .board_type01_count .pages { display:inline-block; line-height:29px; } .board_type01_count select { width:70px; } .board_type01_search_box { position:relative; top:0; right: 0; text-align:left; } .board_type01_search_box fieldset { } .board_type01_search_box legend { width:0; height:0; visibility:hidden; font-size:0; line-height:1; opacity:0; } .board_type01_search_box select { } .board_type01_search_box input[type="text"] { width:140px; } .board_type01_search_box input[type="button"] { width:78px; height:29px; background:#df9e14; color:#FFF; } .board_type01_search_box label { position:absolute; top:0; left:-8000px; width:0; height:0; visibility:hidden; opacity:0; } .board_type01_tb_list { } .board_type01_tb_list thead{ } .board_type01_tb_list th { } .board_type01_tb_list td { padding:4px 6px; } .board_type01_tb_list td.subject { display:block; } .board_type01_tb_list td.subject a { } .board_type01_tb_list td.subject a:hover { } .board_type01_tb_list td.date{ display:block; text-align:left; border-bottom:1px solid #E1E1E1; } .board_type01_tb_list td button, .board_type01_tb_list td a.button, .board_type01_tb_list td input[type="button"] { margin-bottom:3px;} .board_type01_table_bottom button, .board_type01_table_bottom a.button { width:90px; height:40px; padding:11px 6px; line-height:18px; font-weight:bold; margin-bottom:4px;} .board_type01_table_bottom.type_cll{} .board_type01_table_bottom.type_cll .button_left { float:none; text-align:left;} .board_type01_table_bottom.type_cll .button_right { float:none; text-align:left; } /* .board_type01 .button_left { float:none; margin-bottom:5px; text-align:left;} .board_type01 .button_right { float:none; text-align:left; } */ /* 읽기 */ .board_type01_tb_readform tr.bbs_no{display:none;} .board_type01_tb_readform tr.name_date td:last-child{text-align:right;} .board_type01.survey .board_type01_tb_readform th{display:table-cell;} .board_type01_list_reply { border-top:1px solid #C8C8C8; } .board_type01_list_reply li { /*margin-bottom:20px;*/ padding:12px 5px 12px 5px; border-bottom:1px solid #E0E0E0; box-sizing:border-box; } .board_type01_list_reply li dl { position:relative; display:block; width:100%; } .board_type01_list_reply li.reply { padding-left:40px; background:url(images/template030/icon_reply.gif) no-repeat 15px 17px; } .board_type01_list_reply li.reply dl { width:100%; box-sizing:border-box; } .board_type01_list_reply li dt { display:block; padding:4px 5px; line-height:18px; text-align:left; color:#0076BA; } .board_type01_list_reply li dd { display:block; padding:4px 5px; line-height:18px; } .board_type01_list_reply li dd div.content { width:100%; padding:10px 10 px 0; color:#040404; box-sizing:border-box;} .board_type01_list_reply li dd p.date { position:absolute; top:0; left:80px; padding:4px 10px; line-height:18px; color:#8D8C8C; } .board_type01_list_reply li dd p.edit { position:absolute; top:0; right:0; padding:4px 10px; line-height:18px; } .board_type01_list_reply li dd p.edit button { height:12px; padding:0 8px; background-color:#FFF; font-size:11px; line-height:13px; color:#666; border-right:1px solid #E0E0E0; } .board_type01_list_reply li dd p.edit button:last-child { border-right:0; } .board_type01_list_reply li .reply_write_form { width:120%; padding:12px; margin-top:10px; box-sizing:border-box; border-top:2px solid #232323; background:#F7F7F7; overflow:hidden; } .board_type01_list_reply li .reply_write_form fieldset { padding:0; overflow:hidden; } .board_type01_list_reply li .reply_write_form legend { float:none; display:block; width:76px; height:18px; padding:0px 0 5px; text-align:left; } .board_type01_list_reply li .reply_write_form .write_form { float:left; width:100%} .board_type01_list_reply li .reply_write_form textarea { float:left; width:50%; height:70px; margin:0; padding:5px; border:1px solid #E0E0E0; box-sizing:border-box;} .board_type01_list_reply li .reply_write_form button.edit { float:left; width:94px; height:59px; margin-bottom:5px; margin-left:10px; } .board_type01_list_reply li .reply_write_form button.cancel { float:left; width:94px; margin-left:10px;} .board_type01_list_reply li .reply_write_form button.regist { float:left; width:94px;height:70px; background:#F6F7F9; color:#666; border:1px solid #DDD; border-radius:3px; margin-left:10px;} .board_type01_list_reply li.reply .reply_write_form { width:120%; margin-bottom:10px; } .board_type01_list_reply li.reply .reply_write_form .write_form { float:left; width:100%;} .board_type01_list_reply li.reply .reply_write_form textarea { width:46%; } /* 앨범 리스트 */ .board_type01_list_album li { width:50%; } /* 앨범형 읽기*/ .board_type01_tb_readform .album_read_viewport{ width:45%; } /* .board_type02_table_top { position:relative; height:auto; margin-top:32px; } .board_type02_count { position:relative; top:0; left:0; height:29px; font-weight:bold; margin-bottom:5px;} .board_type02_count .total { display:inline-block; line-height:29px; padding-left:12px; } .board_type02_count .pages { display:inline-block; line-height:29px; } .board_type02_count select { width:70px; } .board_type02_search_box { position:relative; top:0; right: 0; margin-bottom:20px;} .board_type02_search_box fieldset { } .board_type02_search_box legend { width:0; height:0; visibility:hidden; font-size:0; line-height:1; opacity:0; } .board_type02_search_box select { width:70px; } .board_type02_search_box input[type="text"] { width:100px; } .board_type02_search_box input[type="button"] { width:60px; height:29px; background:#df9e14; color:#FFF; } .board_type02_search_box label { position:absolute; top:0; left:-8000px; width:0; height:0; visibility:hidden; opacity:0; } */ /* * 일정 달력 */ .calendar_box{ width:auto; } .calendar_box .calendar_nav { padding:20px 0; } .calendar_type01 .calendar_top_button { padding:5px 0 25px; } .calendar_schedule.monthly td { height:70px; } .calendar_schedule.monthly td ul {padding:3px; } .calendar_type01 .calendar_bottom_button button.big, .calendar_type01 .calendar_bottom_button a.button.big { width:113px; padding:5px 5px; } .calendar_schedule.monthly tr.pc_th{display:none} .calendar_schedule.monthly tr.mobile_th{display:table-row} .popup_tb_writeform .attatch_file_box { position:relative; display:inline-block; padding:0 !important; height:29px; } .popup_tb_writeform .attatch_file_box .file_route { width:40%; } .popup_tb_writeform .attatch_file_box span.button { display:inline-block; width:70px; height:29px; padding:5px 10px; background:#E1E1E1; color:#242424; text-align:center; line-height:19px; border:0; box-sizing:border-box; vertical-align:middle; } .popup_tb_writeform .attatch_file_box .attatchfile { position:absolute; top:0; right:0; width:100%; font-size:45px; opacity:0; filter:alpha(opacity=0); cursor:pointer; } .layer_popup_innerbox .tbType02 td div.ccd_img img { width:80%; height:auto; } /* * 2016.04.14 - 검색결과 */ .search_container { marign-bottom:50px; } .search_top { margin-bottom:25px; } .search_top h3.search_title { font-size:14px; margin-bottom:15px; } .search_top .search_resultText { margin-bottom:20px; } .search_top .keyword { font-weight:bold; color:#df9e14;} .search_top .searchform { margin-bottom:10px; } .search_top .searchform select, .search_top .searchform input[type="text"] { width:110px; height:29px; padding:5px; line-height:19px; border:1px solid #E0E0E0; box-sizing:border-box; vertical-align:middle; color:#8D8C8C; } .search_top .searchform .button { min-width:70px; height:29px; padding:5px 15px; background:#df9e14; color:#FFF; text-align:center; line-height:19px; border:0; box-sizing:border-box; vertical-align:middle; font-family:"dotum", "돋움", sans-serif; } .search_top .searchform .sort { display:inline-block; } .search_top .notice { font-size:11px; color:#df9e14; } .search_tab { padding-bottom:5px; margin-bottom:20px; border-bottom:2px solid #df9e14; } .search_tab li { display:inline-block; margin-bottom:5px;} .search_tab li a { display:inline-block; min-width:80px; height:29px; padding:5px 15px; background:#5F5F5F; color:#FFF; text-align:center; line-height:19px; border:0; box-sizing:border-box; vertical-align:middle; font-family:"dotum", "돋움", sans-serif; } .search_tab li a.active { background:#df9e14; } .search_result_list { padding:20px; margin-bottom:50px; border:1px solid #E0E0E0; } .section_board { margin-bottom:25px; } .section_board:last-child { margin-bottom:0; } .section_board li { padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid #F1F1F1; } .section_board h3 { margin-bottom:20px; color:#df9e14; } .section_board dl { position:relative; } .section_board dt { margin-bottom:0px; line-height:18px; color:#666; } .section_board dd { color:#8C8C8C; } .section_board dd.date { position:relative; right:0; top:0; line-height:18px; text-align:left; color:#666; margin-bottom:20px} .section_board .link_board { text-align:left; } .section_board .link_board a { display:inline-block; padding:7px 10px; background:#5E5E5E; color:#FFF; } .section_board .empty { padding:15px 15px; background:#E7E7E7; text-align:center; color:#666; } .attatch_file_box span.button { display:inline-block; width:70px; height:29px; padding:5px 5px; background:#E1E1E1; color:#242424; text-align:center; line-height:19px; border:0; box-sizing:border-box; vertical-align:middle; } /* .board_type02_search_box { position:relative; top:0; right: 0; margin-bottom:20px;} .board_type02_search_box fieldset { } .board_type02_search_box legend { width:0; height:0; visibility:hidden; font-size:0; line-height:1; opacity:0; } .board_type02_search_box select { width:65px; } .board_type02_search_box input[type="text"] { width:80px; } .board_type02_search_box input[type="button"] { width:60px; min-width:auto; height:29px; padding:5px; background:#df9e14; color:#FFF; } .board_type02_search_box label { position:absolute; top:0; left:-8000px; width:0; height:0; visibility:hidden; opacity:0; } */ .layer_popup .popup_tb_writeform { width:90%; border:1px solid #E0E0E0; border-collapse:collapse; border-spacing:0; } .layer_popup .popup_tb_writeform th { width:80px; padding:5px 10px; border-right:1px solid #E1E1E1; border-bottom:1px solid #E1E1E1; color:#8D8C8C; } .layer_popup .popup_tb_writeform th.mid { border-left:1px solid #E1E1E1; } .layer_popup .popup_tb_writeform td { padding:5px 10px; border-bottom:1px solid #E1E1E1; color:#8D8C8C; } .layer_popup .popup_tb_writeform td div { padding:5px; line-height:19px; } .layer_popup .popup_tb_writeform td p.description { display:inline-block; padding:5px; line-height:19px; vertical-align:middle; } .layer_popup .popup_tb_writeform td input.subject { width:70%; border:1px solid #E1E1E1; } .layer_popup .popup_tb_writeform td textarea.message { width:70%; height:86px; padding:10px; box-sizing:border-box; border:1px solid #E1E1E1; color:#8D8C8C; } .layer_popup .popup_bottom { padding:30px 0; text-align:center; } .layer_popup span.pass { font-weight:bold; color:#df9e14; } .main_calendar_container { height:auto; } .main_calendar { height:170px; } .main_calendar .main_calendar_top .yyyymm{ margin-top:20px;} .main_calendar .main_calendar_middle .today{font-size:86px; line-height: 86px; padding:0px 0; color:#efb53b; text-align:center; } .main_calendar .main_calendar_top a.prev { position:absolute; display:block; left:35px; top:85px; width:7px; height:13px; background:url('../../../../design/module/calendar/index_calendar_05/images/template030/index_calendar_prev.png') no-repeat; text-indent:-99999px; overflow:hidden; background-size:7px auto;} .main_calendar .main_calendar_top a.prev:hover{background:url('../../../../design/module/calendar/index_calendar_05/images/template030/index_calendar_prev_over.png') no-repeat; background-size:7px auto;} .main_calendar .main_calendar_top a.next { position:absolute; display:block; right:35px; top:85px; width:7px; height:13px; background:url('../../../../design/module/calendar/index_calendar_05/images/template030/index_calendar_next.png') no-repeat; text-indent:-99999px; overflow:hidden; background-size:7px auto;} .main_calendar .main_calendar_top a.next:hover{background:url('../../../../design/module/calendar/index_calendar_05/images/template030/index_calendar_next_over.png') no-repeat; background-size:7px auto;} }