/* 버튼 관련 css 로드 */ @import url(font.css?v=2.12); @import url(component.css?v=2.12); @import url(fontawesome-all.css?v=1.01); @import url(page_billboard.css?v=1.23); @import url(join_banner.css?v=1.01); @import url(footer.css?v=2.18); @import url(loginbox.css?v=1.13); @import url(mobile_sidemenu.css?v=1.01); @import url(map.css?v=1.032); /* 기본 설정 */ body {overflow-x:hidden;} .placeholder {color:#999999; font-size:14px;} :-ms-input-placeholder {color:#999999; font-size:14px;} ::-webkit-input-placeholder {color:#999999; font-size:14px;} ::-moz-placeholder {color:#999999; font-size:14px;} .hide_mo, .hide_mo1, .hide_mo2, .hide_mo3, .hide_mo4, .hide_mo5 {} .hide_pc, .hide_pc1, .hide_pc2, .hide_pc3, .hide_pc4, .hide_pc5 {display:none;} .line0_trans {height:4px !important;} .line0a_trans {height:12px !important;} .line0b_trans {height:5px !important;} .line0c_trans {height:8px !important;} .line1_trans {height:10px !important;} .line1a_trans {height:10px !important;} .line1b_trans {height:15px !important;} .line2_trans {height:20px !important;} .line2a_trans {height:20px !important;} .line2b_trans {height:20px !important;} .line2c_trans {height:25px !important;} .line3_trans {height:30px !important;} .line3a_trans {height:30px !important;} .line3b_trans {height:30px !important;} .line3c_trans {height:30px !important;} .line4_trans {height:40px !important;} .line4a_trans {height:40px !important;} .line4b_trans {height:40px !important;} .line4c_trans {height:40px !important;} .line5_trans {height:50px !important;} .line5a_trans {height:50px !important;} .line5b_trans {height:50px !important;} .line5c_trans {height:50px !important;} .line6_trans {height:60px !important;} .line6a_trans {height:60px !important;} .line7_trans {height:30px; margin-bottom:30px; border-bottom:1px solid #e5e5e5 !important;} .line7a_trans {height:50px; border-top:1px solid #e5e5e5 !important; max-width:1190px; width:100%;} .line8_trans {height:40px; margin-bottom:40px; border-bottom:1px solid #e5e5e5 !important;} .line9_trans {height:50px; margin-bottom:50px; border-bottom:1px solid #e5e5e5 !important;} .line9a_trans {height:50px; margin-bottom:30px; border-bottom:1px solid #e5e5e5 !important; max-width:1190px; width:100%;} .line9b_trans {height:50px; max-width:1190px; width:100%; display:inline-block;} .line11_trans {height:1px; background-color:#dddddd; max-width:1190px; width:100%;} .line11a_trans {height:1px; background-color:#dddddd; max-width:1190px; width:100%; margin:0 auto;} .line11b_trans {height:1px; background-color:#dddddd; max-width:1190px; width:100%;} .line12_trans {height:6px; background-color:#e9ecef; max-width:1190px; width:100%;} .top_blank0 {} .top_blank1 {clear:both; height:24px;} /* 정책의제 */ .fp-tableCell {display:table-cell; vertical-align:middle; text-align:center; width:100%; height:100%;} .clear:after {content: ""; display:block; clear:both;} tr > td {line-height:170% !important;} tr > td label {display:inline-block; line-height:140% !important;} /* 버튼 설정 */ button {vertical-align:middle; padding:1px 7px 2px; font-size:13px; background-color:#eeeeee; border:1px solid #cccccc; cursor:pointer; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;} input[type="submit"], input[type="button"], button[type="submit"], button[type="button"], .button_type {cursor:pointer; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;} .button_cr1 {color:#000000; font-size:18px; font-weight:bold; letter-spacing:-0.8px; background-color:#fff100; border:0px solid #003366; cursor:pointer;} .button_cr2 {color:#000000; font-size:18px; font-weight:bold; letter-spacing:-0.8px; background-color:#dddddd; border:0px solid #003366; cursor:pointer;} .button_cr3 {color:#000000; font-size:18px; font-weight:bold; letter-spacing:-0.8px; background-color:#ffffff; border:1px solid #888888; cursor:pointer;} .button_cr4 {color:#000000; background-color:#fff100; border:1px solid #fff1006; cursor:pointer;} .button_cr5 {padding:11px 10px 12px; font-size:15px; color:#000000; background-color:#fff100; border:1px solid #fff100; cursor:pointer;} .button_cr6, button.button_cr6 {color:#ffffff; background-color:#928881;} .btn_setup { display:inline-block;zoom:1; *display:inline; vertical-align:middle; margin:0 0; outline:none; cursor:pointer; text-align:center; text-decoration:none; font:12px/100%; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; } .btn_setup:hover {text-decoration:none;} .btn_setup:active {position:relative; top:0;} .btn_setup1 { display:inline-block;zoom:1; *display:inline; vertical-align:middle; margin:0 0; outline:none; cursor:pointer; text-align:center; text-decoration:none; font:14px/100%; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; transition:0.5s } .btn_setup1:hover {text-decoration:none; transition:0.5s; box-shadow: 0 50px 0 rgba(255, 255, 255, 0.2) inset; -webkit-box-shadow: 0 50px 0 rgba(255, 255, 255, 0.2) inset; -moz-box-shadow: 0 50px 0 rgba(255, 255, 255, 0.2) inset;} .btn_setup1:active {position:relative; top:0;} .btn_setup2 { display:inline-block;zoom:1; *display:inline; vertical-align:middle; margin:0 0; outline:none; cursor:pointer; text-align:center; text-decoration:none; padding:0 20px; color:#000000; font-size:14px; line-height:36px; font-weight:bold; border:solid 1px #fff100; background:#fff100; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;} .btn_setup2_type1 {font-weight:normal; border:solid 1px #d3d3d3; background:#ffffff;} .btn_setup2_type2 {line-height:32px; font-weight:normal; border:solid 1px #fff100; background:#ffffff;} .btn_setup2_type3 {line-height:38px; font-size:16px;} .btn_setup2_type4 {line-height:36px; font-size:16px; border:solid 2px #fff100; background:#ffffff;} .btn_setup3 { display:inline-block;zoom:1; *display:inline; vertical-align:middle; margin:0 0; outline:none; cursor:pointer; text-align:center; text-decoration:none; padding:2px 5px 3px; font-size:11px; line-height:100%; font-weight:normal; color:#777777; border:1px solid #e8e8e8; background: #ffffff; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;} .btn_setup4 { display:inline-block;zoom:1; *display:inline; vertical-align:middle; margin:0 0; outline:none; cursor:pointer; text-align:center; text-decoration:none; padding:0 10px; font-size:13px; line-height:25px; border:solid 1px #fff100; background:#ffffff; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;} .btn_setup4_type1 {font-weight:normal; border:solid 1px #d3d3d3; background:#ffffff;} .btn_setup5 {display:inline-block; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; width:100%; background:#eee;border:1px solid #eee; border-radius:5px; cursor:pointer;} .btn_setup5 a {display:inline-block; width:100%; text-align:center; padding:10px 0 11px; font-weight:bold; font-size:14px; line-height:100%;} .btn_medium1 { padding:0 20px; font-size:15px; line-height:280%; font-weight:bold; letter-spacing:-0.8px;} .btn_cl1 { background-color:#3399ff;padding:9px 15px 11px;font-size:15px;color:#000;font-weight:bold;text-align:center; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; border:solid 0px;} .btn_cl2 { background-color:#0099cc;padding:15px 15px 15px;font-size:16px;color:#ffffff;font-weight:bold;text-align:center; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; border: solid 0px;} .btn_cl3 {color:#333333; border:solid 1px #ffffff; background:#fff100;} .notice_area1 { position:absolute; margin-right:10px; padding:10px 12px 9px; font-weight:bold; color:#303030; font-size:13px; line-height:130%; -webkit-border-radius:5px; border-radius:5px; background-image:-webkit-gradient(linear,left top,right top,from(#fff100),color-stop(132%,#ffc4d8)); background-image:-webkit-linear-gradient(left,#fff100,#ffc4d8 132%); background-image:linear-gradient(to right,#fff100,#ffc4d8 132%); -webkit-box-shadow:1px 3px 6px 0 rgb(0 0 0 / 7%); box-shadow:1px 3px 6px 0 rgb(0 0 0 / 7%); } .notice_area1::before { content:""; display:block; width:9px; height:9px; position:absolute; right:50%; bottom:-4px; background-color:#fff100; -webkit-transform:scaleX(.7) rotate(45deg); transform:scaleX(.7) rotate(45deg); } /* 탭매뉴 설정 */ .tab_setup1 {} .tab_setup1 li {display:inline-block;zoom:1; *display:inline; vertical-align:middle; margin:0 0; outline:none; cursor:pointer; text-align:center; text-decoration:none; padding:0 8px; color:#000000; font-size:14px; line-height:36px; border:solid 1px #d3d3d3; background:#ffffff;} .tab_setup1 li:first-child { border-top-left-radius: 4px; -webkit-border-top-left-radius: 4px; -moz-border-top-left-radius: 4px; border-top-right-radius: 0; -webkit-border-top-right-radius: 0; -moz-border-top-right-radius: 0; border-bottom-left-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-bottom-left-radius: 4px; border-bottom-right-radius: 0; -webkit-border-bottom-right-radius: 0; -moz-border-bottom-right-radius: 0; } .tab_setup1 li:last-child { border-top-left-radius: 0; -webkit-border-top-left-radius: 0; -moz-border-top-left-radius: 0; border-top-right-radius: 4px; -webkit-border-top-right-radius: 4px; -moz-border-top-right-radius: 4px; border-bottom-left-radius: 0; -webkit-border-bottom-left-radius: 0; -moz-border-bottom-left-radius: 0; border-bottom-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; -moz-border-bottom-right-radius: 4px; } .tab_setup1 li.on {border:solid 1px #fff100;} /* 텍스트 색 설정 */ .btn_cl11 {color:#1345ce;} .btn_cl12 {color:#999999;} .btn_cl13 {} .btn_cl14 {color:#ff544b;} /* input 설정 */ .input_wid0 {width:100%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;} .input_wid1 {width:100%;} .input_wid1a {width:-webkit-calc(100% - 18px); width:-moz-calc(100% - 18px); width:calc(100% - 18px);} .input_wid2 {width:-webkit-calc(100% - 114px); width:-moz-calc(150% - 114px); width:calc(100% - 114px); margin-right:10px;} .input_wid11 {max-width:250px; width:100%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;} .input_pad1 {margin:2px 0;} .select_type1 { border:solid 1px #ddd; height:45px; vertical-align:middle; font-size:14px; background:#f8f8f8;width:100px;box-sizing:border-box;margin:2px 0;} /* checkbox 디자인 설정 */ .survey_list1 input[type=radio] {display:none;} .survey_list1 input[type=radio] + label {display:inline-block; width:22px;height:22px; background-image:url('../images/commons/checkbox2.png'); background-repeat:repeat; cursor:pointer;} .survey_list1 input[type=radio]:checked + label {background-image:url('../images/commons/checkbox2.png'); background-position:left 30px; } /* width 설정 */ .width33 { width:32.7%;} .width33_keep, th.width33_keep { width:32.5%;} .width50 { width:49.4%;} .width50_keep, th.width50_keep { width:49%;} .width25 { width:25%;} .width66 { width:66%;} .width100_wide {position:relative; top:0; left:0px; width:100vw; left:calc(-50vw + 50%); text-align:center;} .width100_wide1 {position:relative; top:0; left:0px; width:100vw; left:calc(-50vw + 50%);} /************************************************* Page 공통 설정 *************************************************/ /* info 설정 */ .info_area1 {overflow:hidden; clear:both; width:100%; padding:0 0 20px;} .info_area1 > ul > li { padding-bottom:7px; font-size:13px; } .info_area1 > ul > li:last-child { padding-bottom:0px;} .info_area1_pad1 {padding:7px 0 13px;} .info_area2 {display:block;} .info_area2 .pic1 {display:block; text-align:center; margin-bottom:20px;} .info_area2 h1 {text-align:center; color:#333333; font-size:20px; line-height:135%; font-weight:bold; letter-spacing:-0.8px;} .info_bbs1 {font-size:15px; line-height:130%;} /* byte 박스 */ .byte_area1 {margin-top:5px; color:#aaaaaa; font-size:13px; line-height:100%; font-weight:bold;} .byte_area1 span {color:#aaaaaa;} /* label 박스 */ .label_box1a {display:inline-block; vertical-align:top; text-align:center; padding:0 7px; margin-right:3px; color:#ffffff; font-size:12px; line-height:160%; font-weight:bold; background-color:#35ae5e; border:1px solid #35ae5e; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;} .label_box1b {display:inline-block; vertical-align:top; text-align:center; padding:0 7px; margin-right:3px; color:#ffffff; font-size:12px; line-height:160%; font-weight:bold; background-color:#4a94e1; border:1px solid #4a94e1; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;} /* 카테고리 박스 */ .category_type11 {display:inline-block; padding:0 7px; border:0px solid #999;background:#ebfaee; color:#18711e; font-size:14px;letter-spacing:-0.8px;text-align:center; line-height:150%; font-weight:normal;display:inline-block;} .category_type12 {display:inline-block; padding:0 7px; border:0px solid #999;background:#eff4fd; color:#304ac4; font-size:14px;letter-spacing:-0.8px;text-align:center; line-height:150%; font-weight:normal;display:inline-block;} /* SNS 아이콘 */ li.sns_band1 {background-image:url('../images/commons/sns_band.png')} li.sns_blog1 {background-image:url('../images/commons/sns_blog.png')} li.sns_facebook {background-image:url('../images/commons/sns_facebook.png')} li.sns_home {background-image:url('../images/commons/sns_home.png')} li.sns_instar {background-image:url('../images/commons/sns_instar.png')} li.sns_kakao {background-image:url('../images/commons/sns_kakao.png')} li.sns_link {background-image:url('../images/commons/sns_link.png')} li.sns_story {background-image:url('../images/commons/sns_story.png')} li.sns_tistory {background-image:url('../images/commons/sns_tistory.png')} li.sns_twitter {background-image:url('../images/commons/sns_twitter.png')} li.sns_youtube {background-image:url('../images/commons/sns_youtube.png')} li.sns_plusfriend {background-image:url('../images/commons/sns_plusfriend.png')} li.sns_brunch {background-image:url('../images/commons/sns_brunch.png')} li.sns_bluesky {background-image:url('../images/commons/sns_bluesky.png')} li.sns1_facebook {background-image:url('../images/commons/sns_facebook_w.png');} li.sns1_facebook:hover {background-image:url('../images/commons/sns_facebook.png')} li.sns1_instar {background-image:url('../images/commons/sns_instar_w.png')} li.sns1_instar:hover {background-image:url('../images/commons/sns_instar.png')} li.sns1_twitter {background-image:url('../images/commons/sns_twitter_w.png')} li.sns1_twitter:hover {background-image:url('../images/commons/sns_twitter.png')} li.sns1_youtube {background-image:url('../images/commons/sns_youtube_w.png')} li.sns1_youtube:hover {background-image:url('../images/commons/sns_youtube.png')} li.sns1_plusfriend {background-image:url('../images/commons/sns_plusfriend_w.png')} li.sns1_plusfriend:hover {background-image:url('../images/commons/sns_plusfriend.png')} li.sns1_brunch {background-image:url('../images/commons/sns_brunch_w.png')} li.sns1_brunch:hover {background-image:url('../images/commons/sns_brunch.png')} li.sns1_bluesky {background-image:url('../images/commons/sns_bluesky_w.png')} li.sns1_bluesky:hover {background-image:url('../images/commons/sns_bluesky.png')} /* 박스 스림자 설정 */ .shadow1 {box-sizing:border-box; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; border:rgba(0,0,0, 0.1) 1px solid; box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1); -o-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1);} .shadow2 {box-sizing:border-box; box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1); -o-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);} .shadow3 {box-shadow: 0px 3px 7px rgb(0, 0, 0, 0.1); -webkit-box-shadow: 0px 3px 7px rgb(0, 0, 0, 0.1); -moz-box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.1); -o-box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.1);} /* 팝업 설정 */ .pop_setup1 {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); z-index:10; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05); -webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05)} .pop_setup1_type1 {width:450px;} /* form_table 설정 */ .form_table1a {width:100%; font-size:14px;} .form_table1a tbody > tr > th {line-height:100%; padding:8px 0; vertical-align:middle;} .form_table1a tbody > tr > td {padding:8px 0; vertical-align:middle;} .form_table1a tbody > tr > th.pad1, .form_table1a tbody > tr > td.pad1 {padding:5px 0;} .form_table1a tbody > tr.none {display:none;} .form_table1a tbody > tr > td .time_area1 {float:right;} .form_table1a tbody > tr > td .time_area1 .time_desk1 {position:absolute; text-align:right; font-size:13px; color:#3366cc; margin:8px 0 0 -62px;} .form_table1a input[type="text"], .form_table1a input[type="password"], .form_table1a input[type="number"], .form_table1a input[type="tel"], .form_table1a input[type="email"] {border:solid 1px #dddddd; height:34px; vertical-align:middle; padding-left:10px; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;} .form_table1a select {border:solid 1px #dddddd; height:32px; vertical-align:middle;} .form_table2 { font-size:13px; width:100%; border-top:solid 1px #e6e4df;} .form_table2 tbody th {padding:12px 0 12px 10px; line-height:100%; background:#f7f6f0; border-right:solid 1px #e6e4df; border-bottom:solid 1px #e6e4df; vertical-align:middle; } .form_table2 tbody td {padding:12px 0 12px 10px; border-bottom:solid 1px #e6e4df; vertical-align:middle; text-align:left;} .form_table2 tbody td.photo {padding:10px; vertical-align:top;} .sub_table3 {width:100%; border:0; border:1px solid #dcdcdc; border-top:1px solid #dddddd; border-bottom:0px solid #dcdcdc;} .sub_table3_type1 {border:0px solid #dcdcdc;} .sub_table3 td, .sub_table3 th {display:table-cell; vertical-align:inherit; padding:9px; font-size:12px; line-height:18px;} .sub_table3 th {text-align:center; font-weight:bold; background:#f8f8f8; border-right:1px solid #dddddd; border-bottom:1px solid #dddddd;} .sub_table3 td {border-right:1px solid #dddddd;border-bottom:1px solid #dddddd;} .sub_table3 th.bg1 {background:#eeeeee;} .sub_table3 .last {border-right:0px solid #dddddd;} /* layer 오픈창 */ .layer_open1 {position:fixed; visibility:hidden; width:600px; height:200px; top:50%; left:50%; z-index:1000; margin:-100px 0 0 -300px; background-color:#ffffff; border-width:1px; border-style:solid; border-color:#d9d9d9 #bfbfbf #b6b6b6 #d5d5d5; box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);} .layer_open1 .layer_area1 {box-sizing:border-box; overflow-y:auto; height:161px; padding:18px; font-size:14px; line-height:150%;} /* 팝업 */ #LayerPopup {position:fixed; z-index:999; left:0; top:0; height:100%; width:100%; overflow:auto; background-color:rgba(0, 0, 0, 0.2);} .ajax {position:fixed; z-index:1000; left:50%; top:50%; transform:translate(-50%, -50%); max-width:500px; width:100%; padding:20px 20px 10px 20px; font-family:'Malgun Gothic', '맑은 고딕', 'Nanum Barun Gothic'; background-color:#ffffff; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; box-shadow:0 5px 8px 0 rgba(0, 0, 0, 0.2), 0 7px 20px 0 rgba(0, 0, 0, 0.17);} .ajax p {padding-top:10px; font-size:14px;} .ajax img {display:inline-block; width:auto !important; max-width:100%; height:auto !important;} .ajax .close_area1 {padding-top:10px; text-align:right; font-size:13px; letter-spacing:-0.5px;} .ajax .close_area1 input[type="checkbox"] {margin:-2px 0 0 0; padding:0; vertical-align:middle;} .ajax .close_area1 .but_area1 {display:inline-block; width:12px; height:12px; margin-left:14px; background-image:url('/newhome/asset/images/commons/but_close1.png'); background-repeat:no-repeat; background-position:center center; cursor:pointer;} /* Page 버튼 영역 타입 */ .btn_both1 {clear:both; margin-top:30px; text-align:center;} .btn_both1 .fl {float:left;} .btn_both1 .fc {text-align:center;} .btn_both1 .fr {float:right;} .btn_both1_pad0 {margin-top:0;} .btn_both1_pad1 {margin-top:20px;} .btn_both1_pad2 {margin-top:15px;} .btn_both1_pad3 {margin-top:10px;} .btn_both1_pad4 {margin-top:30px;} .btn_both1_pad5 {margin-top:40px;} /* Page 타이틀바(bar) 타입 */ .bar_type0 {overflow:hidden; clear:both; width:100%; background-color:#4d4b45;} .bar_type0 .fl {float:left; padding:16px 0 16px 20px; font-size:18px; line-height:100%; font-weight:bold; color:#ffffff;} .bar_type0 .fr {float:right; padding:12px 15px 0 0;} .bar_type0a {overflow:hidden; clear:both; width:100%; background-color:#E7E7E7} .bar_type0a .fl {float:left; padding:8px 0 5px 10px; COLOR:#333333; FONT-weight: bold;} .bar_type0a .fc {text-align:center;} .bar_type0a .fr {float:right; padding:6px 3px 0 0;} .bar_type1 {overflow:hidden; clear:both; width:100%; margin:0 0 60px; border-bottom:#e6e6e6 2px solid;} .bar_type1 .fl {float:left; width:20%; padding:65px 0 0;} .bar_type1 .fc {float:left; width:60%; padding:69px 0 37px;} .bar_type1 .fc h2 {text-align:center; font-size:38px; line-height:40px; color:#181b20; font-family:'NanumSquareBold'; letter-spacing:-0.5px;} .bar_type1 .fr {float:right; width:20%; padding:65px 0 0;} .bar_type1_pad1 {margin-bottom:0; border-bottom:#e6e6e6 0px solid;} .bar_type1_box1 {overflow:hidden; clear:both; width:100%; height:60px; border-top:#e6e6e6 2px solid;} .bar_type2 h5 { font-size:22px; font-weight:bold; padding:8px 0 8px 25px; background: url(../images/member/icon01.png) no-repeat left center;letter-spacing:-0.5px; } .bar_type2_pad1 { margin-top:20px; } .bar_type3 {overflow:hidden; clear:both; background-color:#feecac;} .bar_type3 .fl {box-sizing:border-box; width:-webkit-calc(100% - 35px); width:-moz-calc(100% - 35px); width:calc(100% - 35px); padding:13px 0 13px 10px; font-size:18px; line-height:120%; font-weight:bold; color:#5c513a;} .bar_type3 .fl em {font-size:12px; color:#ddedff;} .bar_type3 .fr {padding:16px 10px 0 0;} .bar_type3 .fr .btn_close1 {width:15px; height:15px; background-image:url('/newhome/asset/images/commons/bar_but1.png'); background-repeat:no-repeat; background-position:center center; cursor:pointer;} .bar_type4 {overflow:hidden; clear:both; background-color:#ffffff; border-bottom:#e6e6e6 1px solid;} .bar_type4 .fl {box-sizing:border-box; width:-webkit-calc(100% - 50px); width:-moz-calc(100% - 50px); width:calc(100% - 50px); padding:10px 0 10px 18px; font-size:15px; line-height:120%; font-weight:bold;} .bar_type4 .fl em {font-size:12px; color:#ddedff;} .bar_type4 .fr {padding:13px 13px 0 0;} .bar_type4 .fr .btn_close1 {width:13px; height:13px; background-image:url('/newhome/asset/images/commons/bar_but1.png'); background-repeat:no-repeat; background-position:center center; cursor:pointer;} .bar_type5 {display:block;} .bar_type5 h5 {padding:20px 0 20px; text-align:center; border-bottom:1px solid #f2f2f2; color:#333333; font-size:22px; line-height:100%; font-weight:bold; letter-spacing:-0.8px;} .bar_type6 {display:block;} .bar_type6 h1 {padding:0 0 20px; font-size:22px; line-height:100%; font-weight:bold; letter-spacing:-0.8px;} .bar_type6 h5 {padding:0 0 20px; text-align:center; border-bottom:1px solid #f2f2f2; color:#333333; font-size:22px; line-height:100%; font-weight:bold; letter-spacing:-0.8px;} .bar_type6_pad1 {margin-bottom:15px;} .bar_type6_type0 {border-bottom:0px solid #f2f2f2;} .bar_type6_type1 {border-bottom:1px solid #666666;} .bar_type7 {display:block;} .bar_type7 h5 {float:left; font-size:22px; font-weight:bold; letter-spacing:-0.8px; padding:8px 0 8px 25px; background:url('../images/member/icon01.png'); background-repeat:no-repeat; background-position:left center;} .bar_type7 h5 span {font-size:12px; font-weight:normal;} .bar_type7 h5.h5_type1 {background:url('../images/member/icon01a.png'); background-repeat:no-repeat; background-position:left center;} h4.bar_type8 {overflow:hidden; padding:0 0 12px; color:#222222; font-size:22px; line-height:100%; font-family:'notokr-bold'; letter-spacing: -0.8px;} h4.bar_type8 a {float:right; font-size:12px; line-height:17px; font-family:'Malgun Gothic', '맑은 고딕', 'Nanum Barun Gothic'; font-weight:bold; color:#a1a19d; background:url(../images/main/btn_right2.png) no-repeat right center; padding-right:23px; margin-top:3px; } h4.bar_type8_pad1 {padding:0 0 18px;} h4.bar_type10 {overflow:hidden; padding:0 0 10px; color:#222222; font-size:19px; line-height:100%; font-family:'notokr-bold'; letter-spacing: -0.8px;} h4.bar_type10_type1 {padding:0; text-align:center; color:#222222; font-size:19px; line-height:100%; font-family:'notokr-bold'; letter-spacing: -0.8px;} h4.bar_type10_type2 {padding:0 0 25px;} h4.bar_type10 a {float:right; font-size:12px; line-height:17px; font-family:'Malgun Gothic', '맑은 고딕', 'Nanum Barun Gothic'; font-weight:bold; color:#a1a19d; background:url(../images/main/btn_right2.png) no-repeat right center; padding-right:23px; margin-top:1px; } h4.bar_type9 { padding:0 0 12px; color:#222222; font-size:18px; line-height:100%; font-family:'notokr-bold'; letter-spacing: -0.8px;} .pic1_trans img, .pic1_trans img[usemap] {display:inline-block; width:auto !important; max-width:100%; height:auto !important;} .sub_section1 {} .sub_section1 > ul {} .sub_section1 > ul > li {float:left; width:-webkit-calc(50% - 30px); width:-moz-calc(50% - 30px); width:calc(50% - 30px); padding:0 30px;} .sub_section1 > ul > li:first-child {padding-left:0;} .sub_section1 > ul > li:last-child {padding-right:0;} /************************************************* Page 공통 설정 *************************************************/ #wrap { font-size: 12px; font-family: 'Malgun Gothic', '맑은 고딕', 'Nanum Gothic'; font-style:normal; color:#4d4b45; min-width:300px; } #header {position:fixed; top:0px; left:0px; width:100%; z-index: 999;transition: top 0.15s ease-in-out; transition: .3s;} #header_main {position:absolute; top:0px; left:0px; width:100%; z-index: 999;transition: top 0.15s ease-in-out; transition: .3s;} /* include/gnb_bar.html 소스 중 .notice_top_area1 */ /* 변형 (notice_bar 있을때) */ /* .nav-up { top: -150px !important; } */ /* 기본 (notice_bar 없을때) */ .nav-up { top: -130px !important; } .nav-down { top: 0px !important; } /*공통*/ a { text-decoration:none; } .clearfix { font-size:1px !important; font-size:0px !important; line-height:1px !important; line-height:0px !important; clear:both !important; display:block !important; width:100% !important; height:1px !important; height:0px !important; margin:0px !important; padding:0px !important; } .input-fix { height:auto !important; width:auto !important; border:solid 0px !important; } textarea, input, select {font-family:'Malgun Gothic', '맑은 고딕', 'Nanum Gothic'} /*영상플레이버튼*/ .btn-bg { position:absolute; top:0px; left:0px; width:100%; height:100%; background:#000; z-index:2; opacity:0.3; filter:alpha(opacity=30); } .btn-play { position:absolute; top:0px; left:0px; width:100%; height:100%;z-index:3; } .btn-play a { display:block; width:100%; height:100%; background:url('/newhome/asset/images/board/btn_play.png') no-repeat center center; } /*영상플레이버튼*/ .mov-btn { position:relative; } .mov-btn .btn { position:absolute; display:table-cell; top:0px; left:0px; width:100%; height:100%; background:url('/newhome/asset/images/commons/mask_bg.png'); z-index:2; text-align:center; } .mov-btn .btn a { position:absolute; top:50%; left:50%; margin:-18px 0 0 -15px; } .mov-btn .btn > i { position:absolute; top:50%; left:50%; margin:-16px 0 0 -15px; } .mov-btn > a > img { position:static !important; margin:0px !important; } /*상단배너*/ /* #gnb-banner { background:#f7f6f0; height:100px; background:url('/newhome/asset/images/commons/top_potcast_banner_bg.png') #f8f2d3 no-repeat center top; } */ #gnb-banner { background:#f7f6f0; height:100px; background:url'(/newhome/asset/images/commons/top_potcast_banner_bg.png') #FAE722 no-repeat center top; } #gnb-banner .inner { max-width:1190px; margin:0 auto; position:relative; } #gnb-banner .inner .close { position:absolute; right:0px; top:0px; } #gnb-banner .inner .potcast .title { padding-top:12px; } /* #gnb-banner .inner .potcast .desc { position:absolute; top:22px; right:10px; display:block; padding:13px; line-height:25px; background:url('/newhome/asset/images/commons/icon_onair.png') no-repeat 13px 13px; font-size:15px; font-weight:bold; color:#888; padding-left:97px; } */ #gnb-banner .inner .potcast .desc { position:absolute; top:22px; right:10px; display:block; padding:13px; line-height:25px; font-size:15px; font-weight:bold; color:#888; padding-left:97px; } #gnb-banner .inner .potcast .desc a { width:64px; height:33px; color:#4d4b45; font-size:16px; font-weight:bold; background:url('/newhome/asset/images/commons/line07.png') #f7f6f0 no-repeat 94px center; display:inline-block; zoom:1; *display:inline; padding:0px 35px 0 25px;line-height:33px; white-space:nowrap; vertical-align:middle; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; margin-left:10px; } /*소셜 & 로그인 바*/ #gnb-bar { background:#ffffff; height:54px; z-index:101; transition: 0.3s;} #gnb-bar .inner { max-width:1190px; margin:0 auto; } #gnb-bar .inner .sns { float:left; } #gnb-bar .inner .sns li { float:left; border-left:solid 1px #5f5d58; } #gnb-bar .inner .sns li.last { border-right:solid 1px #5f5d58; } #gnb-bar .inner .login { float:right; } #gnb-bar .inner .login li { float:left; padding-left:30px; color:#444444; font-family:'notokr-regular'; font-size:16px;} #gnb-bar .inner .login li.my a {font-family:'notokr-medium';} #gnb-bar .inner .login li:first-child { padding-left:0;} #gnb-bar .inner .login li:last-child { padding-right:0; background-image:none;} #gnb-bar .inner .login li a { color:#333333; height:54px; line-height:54px; letter-spacing:-0.35px; display:block; } #gnb-bar .inner .login li a .cnt { display:inline-block; zoom:1; *display:inline; color:#ffffff; font-family:'notokr-regular'; background:#817364; padding:3px 7px; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; font-size:16px; line-height:100%; margin-left:0px; } /* 소셜 & 로그인 바 - 매인페이지 일때 */ #gnb-bar.index_type1 {background:none; transition: 0.3s;} #gnb-bar.index_type1 .inner .login li {color:#ffffff;} #gnb-bar.index_type1 .inner .login li a { color:#ffffff;} #gnb-bar.index_type1 .inner .login li.my a {color:#ffed00;} #gnb-bar.index_type1o {background:#ffffff; transition: 0.3s;} #gnb-bar.index_type1o .inner .login li {color:#333333;} #gnb-bar.index_type1o .inner .login li a {color:#333333;} #gnb-bar.index_type1o .inner .login li.my a {color:#333333;} /*메인메뉴*/ #gnb-menu {background:#ffffff; height:76px; z-index:100; transition: 0.3s; box-shadow: 0 5px 6px rgba(0, 0, 0, 0.12); -webkit-box-shadow: 0 5px 6px rgba(0, 0, 0, 0.12); -moz-box-shadow: 0 5px 6px rgba(0, 0, 0, 0.12);} #gnb-menu .inner { max-width:1190px; margin:0 auto; position:relative; text-align:center; } #gnb-menu .inner .logo { position:absolute; top:1px; left:0px; } #gnb-menu .inner .logo .img1 {display:inline;} #gnb-menu .inner .logo .img1o {display:none;} #gnb-menu .inner .logo .subtitle { zoom:1; display:none;} #gnb-menu .inner .search { position:absolute; top:22px; right:0px; font-size:0px; padding-right:10px; } #gnb-menu .inner .search a { margin-left:40px; } #gnb-menu .inner .search .img1 {display:inline;} #gnb-menu .inner .search .img1o {display:none;} #gnb-menu .inner .menu { display:inline-block; zoom:1; *display:inline; padding-top:17px; margin-left:40px; } #gnb-menu .inner .menu li { float:left; padding:0 2px; height:58px; } #gnb-menu .inner .menu li:last-child {padding-right:0px;} #gnb-menu .inner .menu li a { font-size:20px; line-height:100%; font-family:'notokr-regular'; color:#303030; display:block; padding:10px 12px; letter-spacing:-1px; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;} #gnb-menu .inner .menu li:hover a { font-family:'notokr-medium'; color:#000000; background-color:#fffccc;} #gnb-menu .inner .menu li.cur a { font-family:'notokr-medium'; color:#000000; background-color:#fffccc;} #gnb-menu .inner .menu li.cur2 a { font-family:'notokr-medium'; color:#ffffff; background-color:#fff100;} /* 메인메뉴 - 매인페이지 일때 */ #gnb-menu.index_type2, #gnb-menu .index_type2 {background:none; transition: 0.3s; box-shadow: 0 0 0 rgba(0, 0, 0, 0.0); -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0.0); -moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0.0);} #gnb-menu.index_type2 .inner .logo .img1 {display:none;} #gnb-menu.index_type2 .inner .logo .img1o {display:inline;} #gnb-menu.index_type2 .inner .search .img1 {display:none;} #gnb-menu.index_type2 .inner .search .img1o {display:inline;} #gnb-menu.index_type2 .inner .menu li a { color:#ffffff;} #gnb-menu.index_type2 .inner .menu li:hover a {color:#fff100; background-color:rgba(255, 255, 255, 0.1);} #gnb-menu.index_type2 .inner .menu li.cur a {color:#fff100; background-color:rgba(255, 255, 255, 0.1); } #gnb-menu.index_type2 .inner .menu li.cur2 a { color:#ffffff; background-color:#fff100;} #gnb-menu.index_type2o, #gnb-menu .index_type2o {background:#ffffff; transition: 0.3s; box-shadow: 0 5px 6px rgba(0, 0, 0, 0.12); -webkit-box-shadow: 0 5px 6px rgba(0, 0, 0, 0.12); -moz-box-shadow: 0 5px 6px rgba(0, 0, 0, 0.12);} #gnb-menu.index_type2o .inner .logo .img1 {display:inline;} #gnb-menu.index_type2o .inner .logo .img1o {display:none;} #gnb-menu.index_type2o .inner .search .img1 {display:inline;} #gnb-menu.index_type2o .inner .search .img1o {display:none;} #gnb-menu.index_type2o .inner .menu li a { color:#303030;} #gnb-menu.index_type2o .inner .menu li:hover a {color:#000000; background-color:#fffccc;} #gnb-menu.index_type2o .inner .menu li.cur a {color:#000000; background-color:#fffccc;} #gnb-menu.index_type2o .inner .menu li.cur2 a { color:#ffffff; background-color:#fff100;} /*검색*/ #gnb-menu .menu-search { position:absolute; left:0px; /*top:120px;*/ margin-top:-3px; width:100%; background:#ffffff; border-top:solid 1px #dddddd; z-index:1000; overflow:hidden; display:none; box-shadow: 0 5px 6px rgba(0, 0, 0, 0.12); -webkit-box-shadow: 0 5px 6px rgba(0, 0, 0, 0.12); -moz-box-shadow: 0 5px 6px rgba(0, 0, 0, 0.12); } #gnb-menu .menu-search .inner { max-width:1190px; margin:0 auto; } #gnb-menu .menu-search .inner ul { display:inline-block; zoom:1; *display:inline; padding:35px 0 47px; } #gnb-menu .menu-search .inner ul li input { border:solid 0px #6d6d6d; border-bottom:solid 1px #6d6d6d; height:54px; width:520px; font-size:16px; letter-spacing:-0.5px;} #gnb-menu .menu-search .inner ul li img {padding:15px 0 11px; border-bottom:solid 1px #6d6d6d;} #gnb-menu .menu-search .inner ul li input.image {font-size:13px; font-weight:bold;} #gnb-menu .menu-search .inner ul li { float:left; } /*서브메뉴*/ #gnb-menu .menu-subgroup { position:absolute; left:0px; /*top:120px;*/ margin-top:-3px; width:100%; height:0px; background:#ffffff; backdrop-filter:blur(10px); border-top:solid 1px #dddddd; z-index:999; overflow:hidden; display:none; box-shadow: 0 5px 6px rgba(0, 0, 0, 0.12); -webkit-box-shadow: 0 5px 6px rgba(0, 0, 0, 0.12); -moz-box-shadow: 0 5px 6px rgba(0, 0, 0, 0.12); } #gnb-menu .menu-subgroup .subgroup { max-width:1190px; margin:0 auto; padding:17px 0 0; width:100%; position:relative; } /* #gnb-menu .menu-subgroup .subgroup h4 { position:absolute; top:33px; left:2px; font-size:18px; font-weight:bold; color:#4d4b45; } */ #gnb-menu .menu-subgroup .subgroup h4 { display:none; position:absolute; top:13px; left:2px; font-size:18px; font-weight:bold; color:#4d4b45; } #gnb-menu .menu-subgroup .subgroup > div { margin-left:0; } #gnb-menu .menu-subgroup .subgroup > div > ul { display:table; width:100%; text-align:center; } #gnb-menu .menu-subgroup .subgroup > div > ul > li { display:inline-block; vertical-align:top; padding:0 8px 0 8px; border-left:solid 1px #e4e4e4; } #gnb-menu .menu-subgroup .subgroup > div > ul > li:first-child { /*padding-left:254px;*/ padding-left:0; border-left:solid 0px #e4e4e4;} #gnb-menu .menu-subgroup .subgroup > div > ul > li:last-child {padding-right:15px;} #gnb-menu .menu-subgroup .subgroup > div > ul.list {text-align:left;} #gnb-menu .menu-subgroup .subgroup > div > ul.col6 > li { width:16%; } #gnb-menu .menu-subgroup .subgroup > div > ul.list > li { float:left; width:auto; border-left:none; padding:0 8px 0 8px; margin-bottom:10px; border-left:solid 1px #e4e4e4;} /* 서브메뉴-지역 */ #gnb-menu .menu-subgroup .subgroup > div > ul > li h4 { font-size:18px; font-weight:bold; color:#4d4b45; padding:8px 0 0 2px;} #gnb-menu .menu-subgroup .subgroup > div > ul > li.non { border-left:none; } #gnb-menu .menu-subgroup .subgroup > div > ul > li > a { display:block; padding:5px 10px 6px 10px; font-size:13px; line-height:100%; font-weight:bold; color:#4d4b45; letter-spacing:-0.35px;} #gnb-menu .menu-subgroup .subgroup > div > ul > li > a:hover { color:#303030; background-color:#f4f4f6; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;} #gnb-menu .menu-subgroup .subgroup > div > ul > li > ol {display:block;} /* 3차 서브메뉴 */ #gnb-menu .menu-subgroup .subgroup > div > ul > li > ol > li:first-child a {margin-top:4px;} /* #gnb-menu .menu-subgroup .subgroup > div > ul > li > ol > li a {display:block; padding:8px 0 0 20px; font-size:14px; color:#555; } */ #gnb-menu .menu-subgroup .subgroup > div > ul > li > ol > li a {display:block; padding:5px 10px 6px 10px; font-size:12px; line-height:100%; color:#4d4b45; letter-spacing:-0.35px;} #gnb-menu .menu-subgroup .subgroup > div > ul > li > ol > li a:hover { color:#303030; background-color:#f4f4f6; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;} #gnb-menu .menu-subgroup { display:none;} #gnb-menu .menu-subgroup .subgroup { display:none;} /*서브메뉴 게시글*/ /* #gnb-menu .menu-subgroup .subgroup-banner { background:#b3afa1 } */ #gnb-menu .menu-subgroup .subgroup-banner { background:url('/newhome/asset/images/commons/menu_back.jpg');} #gnb-menu .menu-subgroup .subgroup-banner .inner { padding:20px 0; } #gnb-menu .menu-subgroup .subgroup-banner .inner > ul > li { width:33.3%; float:left; display:block; height:150px; position:relative; } #gnb-menu .menu-subgroup .subgroup-banner .inner > ul > li .img { position:absolute; top:0px; left:0px; } #gnb-menu .menu-subgroup .subgroup-banner .inner > ul > li .desc { margin-left:160px; padding-right:10px; } #gnb-menu .menu-subgroup .subgroup-banner .inner > ul > li .desc h5 { font-size:16px; font-weight:bold; color:#ffffff; line-height:45px; letter-spacing:-0.5px; } #gnb-menu .menu-subgroup .subgroup-banner .inner > ul > li .desc p { font-size:12px; color:#ddd; line-height:20px; display:block; height:62px; overflow:hidden; letter-spacing:-0.5px;} #gnb-menu .menu-subgroup .subgroup-banner .inner > ul > li .desc span { display:block; font-size:12px; color:#00ace6; padding-top:14px; letter-spacing:-0.5px;} #gnb-menu .menu-subgroup .subgroup-banner .inner > ul > li .desc dl dt { font-size:15px; font-weight:bold; color:#ffffff; padding-left:12px; line-height:25px; background:url('/newhome/asset/images/commons/bullet_dot2.png') no-repeat left center; letter-spacing:-0.8px} #gnb-menu .menu-subgroup .subgroup-banner .inner > ul > li .desc dl dd { font-size:12px; color:#ddd; display:block; padding:0px 0 7px 12px; letter-spacing:-0.5px;} /*서브 전체*/ #gnb-menu .menu-subgroup-all { display:block; height:auto !important; } #gnb-menu .menu-subgroup-all .inner { max-width:1190px; margin:0 auto; padding:7px 0 26px 0; width:100%; position:relative; } #gnb-menu .menu-subgroup-all .subgroup { display:table-cell; !important; float:left; width:13.4%; margin-right:1%;} #gnb-menu .menu-subgroup-all .inner > div:last-child { margin-right:0;} #gnb-menu .menu-subgroup-all .inner > div:nth-child(7) { height:350px; margin-right:0;} /* 전체보기 매뉴 클릭시 '당원' 레이어 높이값 */ #gnb-menu .menu-subgroup-all .subgroup a { display:block; } #gnb-menu .menu-subgroup-all .subgroup h4 { display:block; position:static; width:-webkit-calc(100% - 3px); width:-moz-calc(100% - 3px); width:calc(100% - 3px); margin-bottom:2px; padding:6px 0 7px 3px; font-size:14px; font-weight:bold; color:#303030; border-top:solid 1px #e4e4e4; border-bottom:solid 1px #e4e4e4; background-image:url('/newhome/asset/images/commons/top_dot1.png'); background-repeat:no-repeat; background-position:right center;} #gnb-menu .menu-subgroup-all .subgroup > div > ul { display:block; width:100%; padding-top:5px; } #gnb-menu .menu-subgroup-all .subgroup > div > ul > li { display:block; width:95%; border-left:solid 0px #e6e4df; padding:3px 0 0 0; } #gnb-menu .menu-subgroup-all .subgroup > div > ul > li:first-child { padding-left:0;} #gnb-menu .menu-subgroup-all .subgroup > div > ul.col6 > li {width:95%;} /* #gnb-menu .menu-subgroup-all .subgroup > div > ul.list { border-left:solid 0px #e6e4df; height:410px;} /* 전체보기 매뉴 클릭시 '지역' 레이어 높이값 */ #gnb-menu .menu-subgroup-all .subgroup > div > ul.list > li {width:50%; float:left; padding:5px 0 0 0; margin:0; border-left:solid 0px #e4e4e4;} #gnb-menu .menu-subgroup-all .subgroup > div > ul > li > a { display:block; padding:4px 3px 5px; font-size:13px; font-weight:normal; color:#4d4b45; margin-right:0; letter-spacing:-0.8px; } #gnb-menu .menu-subgroup-all .subgroup > div > ul > li > ol { display:inherit;} #gnb-menu .menu-subgroup-all .subgroup > div > ul > li > ol > li a {display:block; padding:2px 0px 2px 3px; font-size:11px; line-height:130%; font-weight:normal; color:#777; letter-spacing:-0.5px;} #gnb-menu .menu-subgroup-all .subgroup > div > ul > li > ol > li a:hover {background-color:inherit; text-decoration:underline;} #gnb-menu .menu-subgroup-all .subgroup > div > ul > li > ol > li:first-child a {margin-top:0;} #gnb-menu .menu-subgroup-all .subgroup > div > ul > li > ol > li:last-child a {margin-bottom:4px;} /*로그인박스*/ /* .loginbox { padding-bottom:10px; } .loginbox h4 { height:52px; line-height:52px; font-size:15px; font-weight:bold; } .loginbox h4 span { float:right; font-size:14px; font-weight:bold; color:#a1a19d; } .loginbox h4 span input { vertical-align:middle; margin-top:-1px; } .loginbox .form input { border:solid 1px #e6e4df; padding:0px; height:38px; line-height:38px; text-indent:33px; width:100%; margin-bottom:10px; font-size:14px; font-weight:bold; } .loginbox .form input[name=id] { background:url('/newhome/asset/images/main/f_id_icon.png') no-repeat 10px center; } .loginbox .form input[name=pwd] { background:url('/newhome/asset/images/main/f_pwd_icon.png') no-repeat 10px center; } .loginbox .btn { height:40px; } .loginbox .btn > li { float:left; width:50%; text-align:right; } .loginbox .btn > li a { display:inline-block; zoom:1; *display:inline; background:#99968a; color:#ffffff; font-size:17px; font-weight:bold; height:40px; line-height:40px; width:98%; text-align:center; } .loginbox .btn > li:first-child { text-align:left;} .loginbox .btn > li:first-child a { background:#ffed00; color:#000;} */ /*로그인박스-로그인후*/ /* .loginbox2 { padding-bottom:10px; letter-spacing:-1.5px;} .loginbox2 h4 { height:35px; padding-top:12px; font-size:18px; font-weight:bold; border-bottom:solid 0px #e6e4df; } .loginbox2 h4 a { float:right; font-size:12px; font-weight:bold; color:#ffffff; background:#99968a; display:block; padding:2px 5px; border-radius:4px; } .loginbox2 > ul li { border-bottom:solid 0px #e6e4df; padding:7px 0 7px 0; font-size:14px; font-weight:bold; } .loginbox2 > ul li:last-child { border-bottom:none; padding-bottom:0px; } .loginbox2 > ul li.region {font-weight:bold;} .loginbox2 > ul li.region a { display:inline-block; zoom:1; *display:inline; background:#ffed00; padding:3px 8px; border-radius:4px; font-size:12px; line-height:12px; margin-left:4px; } .loginbox2 > ul li.board label.msg { background:url('/newhome/asset/images/commons/icon_msg.png') no-repeat left center; padding-left:22px; margin-right:10px; } .loginbox2 > ul li.board label.reply { background:url('/newhome/asset/images/commons/icon_reply.png') no-repeat left center; padding-left:22px; } .loginbox2 > ul li.board label .cnt { display:inline-block; zoom:1; *display:inline; background:#00ccff; padding:3px 8px; border-radius:4px; font-size:12px; line-height:12px; margin-left:4px; } .loginbox2 > ul li.mypage a { background:url('/newhome/asset/images/commons/icon_mypage.png') no-repeat left center; padding-left:22px; } .loginbox2 > ul li.club select { border:solid 1px #ccc8b8; height:22px; } */ /*모바일 내비게이션 로그인박스*/ /* .loginbox3 { padding-bottom:0px; background:#333;padding-right:25px;margin-top:-10px; } .loginbox3 h4 { color:#bbb;height:30px; padding-top:12px; padding-left:22px; font-size:15px; font-weight:bold; border-bottom:solid 0px #666; letter-spacing:-0.5px;} .loginbox3 h4 a { float:right; font-size:12px; font-weight:bold; color:#ffffff; background:#99968a; display:block; padding:2px 5px; border-radius:0px; } .loginbox3 ul {display:none;} .loginbox3 ul li { border-bottom:solid 0px #e6e4df; padding:10px 0 10px 0; font-size:14px; font-weight:bold; } .loginbox3 ul li:last-child { border-bottom:none; padding-bottom:0px; } .loginbox3 ul li.region a {color:#000 !important;} .loginbox3 ul li.board label.msg { background:url('/newhome/asset/images/commons/icon_msg.png') no-repeat left center; padding-left:22px; margin-right:10px; } .loginbox3 ul li a {color:#000 !important;} .loginbox3 ul li.board label.msg a {color:#000 !important;} .loginbox3 ul li.board label.reply { background:url('/newhome/asset/images/commons/icon_reply.png') no-repeat left center; padding-left:22px; } .loginbox3 ul li.board label .cnt { background:#ffffff;display:inline-block; zoom:1; *display:inline; padding:3px 8px; border-radius:4px; font-size:12px; line-height:12px; margin-left:4px; } .loginbox3 ul li.mypage a { background:url('/newhome/asset/images/commons/icon_mypage.png') no-repeat left center; padding-left:22px; } .loginbox3 ul li.club select { border:solid 1px #ccc8b8; height:22px; } */ /*콘텐츠 영역*/ /* include/gnb_bar.html 소스 중 .notice_top_area1 */ /* 변형 (notice_bar 있을때) */ /* #middle { z-index:1; margin:0 auto; position:relative; padding:0 0 0px; margin-top:150px; font-family: 'Malgun Gothic', '맑은 고딕', 'Nanum Gothic';} */ /* 기본 (notice_bar 없을때) */ #middle { z-index:1; margin:0 auto; position:relative; padding:0 0 0px; margin-top:130px; font-family: 'Malgun Gothic', '맑은 고딕', 'Nanum Gothic';} #middle1 { z-index:1; margin:0 auto; position:relative; padding:0 0 30px; font-family: 'Malgun Gothic', '맑은 고딕', 'Nanum Gothic';} /*좌측 메뉴 영역*/ /* #middle #left-container { position:absolute; width:150px; left:50%; top:0px; margin-top:105px; margin-left:-780px display:none; } */ /* #middle #left-container { position:absolute; width:150px; left:50%; top:0px; margin-top:105px; margin-left:-780px;} #middle #left-container ul.leftmenu { border:solid 1px #e6e4df; border-top:solid 2px #f3d773; border-bottom:solid 1px #f3d773; padding:0 10px; background:#ffffff; } #middle #left-container ul.leftmenu > li > ol { display:none; padding:2px 0; } #middle #left-container ul.leftmenu > li > ol > li { font-size:13px; background:none; padding:10px 5px 0px 0px; font-weight:normal; color:#666; letter-spacing:-0.5px;} #middle #left-container ul.leftmenu > li > ol > li a { color:#666; } #middle #left-container ul.leftmenu > li > ol > li a:hover { color:#444; font-weight:700; } #middle #left-container ul.leftmenu > li > ol > li.cur { color:#444; font-weight:800; } #middle #left-container ul.leftmenu > li { font-size:14px; display:block; background:url('/newhome/asset/images/commons/icon_close.png') no-repeat 110px 18px; padding:15px 5px; font-weight:bold; border-bottom:solid 1px #e5e4df; color:#666; } #middle #left-container ul.leftmenu > li:last-child { border-bottom:none; } #middle #left-container ul.leftmenu > li a { color:#666; } #middle #left-container ul.leftmenu > li.open { background:url('/newhome/asset/images/commons/icon_open.png') no-repeat 110px 18px; } #middle #left-container ul.leftmenu > li.non { background:none; } #middle #left-container ul.leftmenu > li.cur { background:url('/newhome/asset/images/commons/icon_open.png') no-repeat 110px 18px; } #middle #left-container ul.leftmenu > li.cur > a { color:#333; font-weight:700; } #middle #left-container ul.leftmenu > li.cur > ol { display:block; } #middle #left-container ul.leftmenu > li a { display:block; letter-spacing:-0.8px;} #middle #left-container ul.leftbanner > li { padding-top:20px; } */ /* 좌측 메뉴 */ #left-container { position:absolute; width:150px; left:50%; top:0px; margin-top:210px; margin-left:-780px; z-index:1;} #middle #left-container { margin-top:90px !important; } /* 일반 게시판의 경우 레프트 배너를 조금 높임 */ #left-container ul.leftmenu { border:solid 1px #e6e4df; border-top:solid 2px #fff100; border-bottom:solid 1px #fff100; padding:0 10px; background:#ffffff; } #left-container ul.leftmenu > li > ol { display:none; padding:2px 0; } #left-container ul.leftmenu > li > ol > li { font-size:13px; background:none; padding:10px 5px 0px 0px; font-weight:normal; color:#666; letter-spacing:-0.5px;} #left-container ul.leftmenu > li > ol > li a { color:#666; } #left-container ul.leftmenu > li > ol > li a:hover { color:#444; font-weight:700; } #left-container ul.leftmenu > li > ol > li.cur { color:#444; font-weight:800; } #left-container ul.leftmenu > li { font-size:14px; display:block; background:url('/newhome/asset/images/commons/icon_close.png') no-repeat 110px 18px; padding:15px 5px; font-weight:bold; border-bottom:solid 1px #e5e4df; color:#666; } #left-container ul.leftmenu > li:last-child { border-bottom:none; } #left-container ul.leftmenu > li a { color:#666; } #left-container ul.leftmenu > li.open { background:url('/newhome/asset/images/commons/icon_open.png') no-repeat 110px 18px; } #left-container ul.leftmenu > li.non { background:none; } #left-container ul.leftmenu > li.cur { background:url('/newhome/asset/images/commons/icon_open.png') no-repeat 110px 18px; } #left-container ul.leftmenu > li.cur > a { color:#333; font-weight:700; } #left-container ul.leftmenu > li.cur > ol { display:block; } #left-container ul.leftmenu > li a { display:block; letter-spacing:-0.8px;} #left-container ul.leftbanner > li { padding-top:20px; } /* 우측 메뉴 */ #right-container-sub { position:fixed; top:50%; right:70px; transform:translateY(-50%); z-index:10; overflow:hidden; width:82px; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px; background-color:#ffed00; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16); -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16); -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);} /* sub 페이지 */ #right-container-sub {margin-left:671px;} #right-container-sub ul.rightmenu {} #right-container-sub ul.rightmenu li {display:table; width:100%; height:81px; border-top:solid 1px #fff100; border-bottom:solid 1px #fff100; border-bottom:solid 1px #fff100; cursor:pointer;} #right-container-sub ul.rightmenu li:hover {background-color:#e8ce14;} #right-container-sub ul.rightmenu li:hover .area1 {font-family:'notokr-bold';} #right-container-sub ul.rightmenu li .area1 {display:table-cell; vertical-align:middle; text-align:center; font-family:'notokr-regular'; color:#000000; font-size:12px; line-height:13px;} #right-container-sub ul.rightmenu li .area1 span {display:block; width:100%; height:25px; margin-bottom:6px; background-repeat:no-repeat; background-position: center center;} #right-container-sub ul.rightmenu li .area1 span.icon1 {background-image:url('../images/commons/icon_right1.png');} #right-container-sub ul.rightmenu li .area1 span.icon2 {background-image:url('../images/commons/icon_right2.png');} #right-container-sub ul.rightmenu li .area1 span.icon3 {background-image:url('../images/commons/icon_right3.png');} #right-container-sub ul.rightmenu li .area1 span.icon4 {background-image:url('../images/commons/icon_right4.png');} #right-container-sub ul.rightmenu li:first-child {border-top:solid 0px #fff100;} #right-container-sub ul.rightmenu li:last-child {border-bottom:solid 0px #fff100;} /* #middle #left-container .leftmedia { clear:both; margin-top:25px; } #middle #left-container .leftmedia h4 { color:#4d4b45; font-size:14px; font-weight:800; padding:0 0 8px 5px; } #middle #left-container .leftmedia > div { background:#f7f6f0; } #middle #left-container .leftmedia > div > h5 { padding:9px 9px 0px 9px; color:#4d4b45; font-size:12px; line-height:15px; height:30px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } #middle #left-container .leftmedia > div > span { display:block; color:#99968a; font-size:12px; padding:7px 9px 10px 9px; } #middle #left-container .leftstudy { clear:both; margin-top:30px; } #middle #left-container .leftstudy h4 { color:#4d4b45; font-size:14px; font-weight:800; padding:0 0 8px 5px; border-bottom:solid 1px #e6e4df; } #middle #left-container .leftstudy ul li { padding-top:12px; } #middle #left-container .leftstudy ul li a { color:#66635c; font-weight:bold; background:url('/newhome/asset/images/commons/bullet_dot.png') no-repeat 5px center; padding:0 2px 0 13px; height:14px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box !important;display:block; -webkit-line-clamp: 1; -webkit-box-orient: vertical;} #middle #left-container .leftpolicy { clear:both; margin-top:30px; padding-bottom:10px; border-bottom:solid 1px #e6e4df; } #middle #left-container .leftpolicy h4 { color:#4d4b45; font-size:14px; font-weight:800; padding:0 0 8px 5px; border-bottom:solid 1px #e6e4df; } #middle #left-container .leftpolicy ul li { margin-top:12px; position:relative; height:56px; display:block; } #middle #left-container .leftpolicy ul li img { position:absolute; } #middle #left-container .leftpolicy ul li a { color:#66635c; font-weight:bold; display:block; line-height:17px; background:url('/newhome/asset/images/commons/bullet_dot.png') no-repeat 5px center; padding:3px 1px 0 91px; height:50px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box !important; -webkit-line-clamp: 3; -webkit-box-orient: vertical; *display:block; } */ /*콘텐츠 영역*/ #middle #content-container { margin:0 auto;} /* #middle #page-title { } #middle #page-title > h3 { display:block; font-size:44px; font-weight:bold; color:#4d4b45; background:url('/newhome/asset/images/commons/subtitle_bg.jpg') center center; height:192px; text-align:center; padding-top:78px;} #middle #page-title > h3 span{ font-size:14px; font-weight:bold; color:#7a7873; padding-left:8px; } #middle #page-title > h3 .submenu { display:block; zoom:1px; *display:inline; font-size:20px; font-weight:bold; margin:0 auto; max-width:130px; text-align:center; border-bottom:solid 2px #ff6208; margin-bottom:18px; padding-bottom:17px; } #middle #page-title > ul { display:block; max-width:1190px; margin:0 auto; text-align:right; font-size:0px; padding:0 10px; } #middle #page-title > ul li { display:inline-block; zoom:1; *display:inline; font-size:14px; background:url('/newhome/asset/images/commons/line03.png') no-repeat right center; padding:18px 14px 18px 9px; color:#7a7873; font-weight:bold; } #middle #page-title > ul li.cur { background:none; padding-right:0px; } */ #middle #page-title {position: relative; max-width: 1190px; margin:auto;} #middle #page-title .bbs_title_banner {padding:30px 0 30px;} /* 브레드크럼 */ #middle #page-title > ul.breadcrumb { position:absolute; left:0px;bottom:-25px; text-align:right; font-size:0px; padding:0 5px; background: unset; border: 0px solid #ccc; z-index:1;} /* #middle #page-title > ul.breadcrumb li { display:inline-block; zoom:1; *display:inline; font-size:12px; background:url('/newhome/asset/images/commons/line03.png') no-repeat right center; padding:5px 12px 5px 3px; color:#7a7873; letter-spacing:-0.8px;} */ #middle #page-title > ul.breadcrumb li { display:inline-block; zoom:1; *display:inline; font-size:12px; /* background:#eee;*/ padding:5px 0px 5px 3px; color:#7a7873; letter-spacing:-0.8px;} #middle #page-title > ul.breadcrumb li.cur { background:none; padding-right:0px; font-weight:bold;color:#494949;} /* color:#0099cc */ #middle #page-title > ul.breadcrumb > li+li:before { content : "" !important; padding:0px;} /* 페이지 타이틀 */ #middle #page-title > h3 { display:block; text-align:center; padding:48px 0 20px; font-size:44px; line-height:120%; font-family:'notokr-bold'; color:#111111; letter-spacing:-0.8px; /* background-image:url('/newhome/asset/images/commons/subtitle_bg1.png'); background-repeat:no-repeat; background-size:100% 61px; background-position:left -61px; */ transition: 0.5s;} /* #middle #page-title > h3 { display:block; font-size:44px; font-weight:bold; color:#4d4b45; background:url('/newhome/asset/images/commons/subtitle_bg.jpg') center center; height:100px; text-align:center; padding-top:25px;} */ #middle #page-title > h3 span{ font-size:14px; font-weight:bold; color:#7a7873; padding-left:8px; } #middle #page-title > h3 .submenu { display:block; zoom:1px; *display:inline; font-size:20px; font-weight:bold; margin:0 auto; max-width:130px; text-align:center; border-bottom:solid 2px #ff6208; margin-bottom:5px; padding-bottom:5px; } #middle #page-title > div.bbs_title_intro { display:block; font-size:12px; font-weight:normal; text-align:center; padding:3px 3px 5px 3px;margin:auto;max-width:700px;} #middle #page-title > div.bbs_title_intro .bbs_title_intro_text { display:block; font-size:12px; font-weight:normal; text-align:center;} /* 이용 안내 툴팁 */ #middle #page-title > div.bbs_title_desc { display:none; /* position:absolute; left:0; bottom:34px; */ } #middle #page-title > div.bbs_title_desc span{ font-size:16px;} [data-tooltip-text]:hover { position: relative; } [data-tooltip-text]:after { -webkit-transition: bottom .3s ease-in-out, opacity .3s ease-in-out; -moz-transition: bottom .3s ease-in-out, opacity .3s ease-in-out; transition: bottom .3s ease-in-out, opacity .3s ease-in-out; background-color: rgba(0, 0, 0, 0.8); -webkit-box-shadow: 0px 0px 3px 1px rgba(50, 50, 50, 0.4); -moz-box-shadow: 0px 0px 3px 1px rgba(50, 50, 50, 0.4); box-shadow: 0px 0px 3px 1px rgba(50, 50, 50, 0.4); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; color: #FFFFFF; font-size: 12px; margin-bottom: 10px; padding: 7px 12px; position: absolute; width: 300px;; // width: auto; // min-width: 50px; // max-width: 300px; word-wrap: break-word; z-index: 9999; opacity: 0; left : -9999px; top: 90%; content: attr(data-tooltip-text); } [data-tooltip-text]:hover:after { top: 90%; left: 0px; opacity: 1; } /* 좌측 위 이벤트 배너 */ #middle #page-title > div.title_event { left:50%; top:0px; margin-top:10px; margin-left:350px;position:absolute; width:230px;background:#eee;border:2px #bbb solid;display:block; zoom:1px;padding:5px;} #middle #page-title > div.title_event .te_container{ display:block; zoom:1px;height:110px;position:relative;} #middle #page-title > div.title_event img { float:left;width:90px;height:110px;} /* #middle #page-title > div.title_event ul li div.title_inner { float:right;padding-right:10px;text-align:left;} */ #middle #page-title > div.title_event ul li div.title_inner { float:left;margin-left:10px;} #middle #page-title > div.title_event ul li div.title_inner p { font-size:12px;letter-spacing:-0.8px;} #middle #page-top { max-width:1190px; margin:0 auto; height:190px; padding:0 10px; margin-bottom:20px; } #middle #page-top .notice { border:solid 1px #e6e4df; background:#f7f6f0; float:left; width:49%; height:158px;} #middle #page-top .notice .inner { padding:15px; } #middle #page-top .notice .inner h4 { font-size:18px; font-weight:800; color:#4d4b45; position:relative; border-bottom:solid 1px #e6e4df; height:37px; text-indent:3px; } #middle #page-top .notice .inner h4 span { position:absolute; top:0px; right:2px; margin-top:-2px; } #middle #page-top .notice .inner ul { padding-top:8px; } #middle #page-top .notice .inner ul li { background:url('/newhome/asset/images/commons/bullet_dot.png') no-repeat 3px center; margin:16px 0 16px 0; } #middle #page-top .notice .inner ul li a { color:#66635c; font-size:15px; font-weight:bold; padding:0 80px 0 12px; display:block; height:17px; position:relative; overflow: hidden; text-overflow: ellipsis; display: -webkit-box !important; -webkit-line-clamp: 1; -webkit-box-orient: vertical; *display:block;} #middle #page-top .notice .inner ul li a span { position:absolute; top:0px; right:0px; color:#99968a; font-size:14px; } #middle #page-top .notice .inner ul li a:hover { text-decoration:underline; } #middle #page-top .jabo { border-top:solid 1px #e6e4df; border-bottom:solid 1px #e6e4df;background:#f7f6f0; float:right; width:49%; position:relative; height:158px; } #middle #page-top .jabo h4 { display:none; } #middle #page-top .jabo .inner > a { position:absolute; top:0px; left:0px; display:block; } #middle #page-top .jabo .inner > div { margin-left:248px; padding:5px; } #middle #page-top .jabo .inner > div h5 { color:#4d4b45; font-size:17px; font-weight:800; margin:10px 0 5px 0; padding:0 8px 0 0; height:22px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box !important; -webkit-line-clamp: 1; -webkit-box-orient: vertical; } #middle #page-top .jabo .inner > div span { color:#66635c; font-size:15px; font-weight:bold; display:block; padding-top:8px; height:22px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box !important; -webkit-line-clamp: 1; -webkit-box-orient: vertical;} #middle #page-top .jabo .inner:hover p { text-decoration:underline; } #middle #page-top .jabo .inner .cursor { } #middle #page-top .jabo .inner .cursor ul > li { background:url('/newhome/asset/images/main/cursor01.png') no-repeat; width:13px; height:12px; display:inline-block; zoom:1; *display:inline; cursor:hand; cursor:pointer; } #middle #page-top .jabo .inner .cursor ul > li.cur { background:url('/newhome/asset/images/main/cursor01_over.png') no-repeat; } #middle #page-top2 { max-width:1190px; margin:0 auto; height:185px; padding:0 0; margin-bottom:5px; margin-top:25px;clear:both;} #middle #page-top2 .notice { border:solid 1px #e6e4df; background:#f7f6f0; float:left; width:32.1%; height:178px;margin-bottom:10px;margin-right:1%} #middle #page-top2 .notice .inner { padding:10px; width:95%;float:left; } #middle #page-top2 .notice .inner h4 { font-size:18px; font-weight:800; color:#4d4b45; position:relative; border-bottom:solid 1px #e6e4df; height:37px; text-indent:3px; } #middle #page-top2 .notice .inner h4 span { position:absolute; top:0px; right:2px; margin-top:-2px; } #middle #page-top2 .notice .inner ul { padding-top:3px;} #middle #page-top2 .notice .inner ul li { background:url('/newhome/asset/images/commons/bullet_dot.png') no-repeat 3px center; margin:6px 0 6px 0; } #middle #page-top2 .notice .inner ul li a { color:#66635c; font-size:14px; line-height:15px;font-weight:normal; padding:0 5px 0 12px; display:block; height:17px; position:relative; overflow: hidden; text-overflow: ellipsis; display: -webkit-box !important; -webkit-line-clamp: 1; -webkit-box-orient: vertical; *display:block;} #middle #page-top2 .notice .inner ul li a span { position:absolute; top:0px; right:0px; color:#99968a; font-size:14px; } #middle #page-top2 .notice .inner ul li a:hover { text-decoration:underline; font-weight:bold;color:#cc0066;} #middle #page-top2 .jabo { border:solid 1px #e6e4df; background:#f7f6f0; float:left; width:33.25%; position:relative; height:178px;margin-right:0px;margin-left:0px;} /* #middle #page-top2 .jabo h4 { display:none; } */ #middle #page-top2 .jabo .inner { padding:10px; width:95%;float:left; } #middle #page-top2 .jabo .inner h4 { font-size:18px; font-weight:800; color:#4d4b45; position:relative; border-bottom:solid 0px #e6e4df; height:37px; text-indent:3px; } #middle #page-top2 .jabo .inner h4 span { position:absolute; top:0px; right:2px; margin-top:-2px; } #middle #page-top2 .jabo .inner li {position:relative;height:125px;border:1px solid #cccccc;} #middle #page-top2 .jabo .inner li > a { position:absolute; top:0px; left:0px; display:block; padding:5px 5px 15px 5px;} #middle #page-top2 .jabo .inner li > a img { width:140px;height:115px;} #middle #page-top2 .jabo .inner li > div { margin-left:150px; padding:5px; } /* #middle #page-top2 .jabo .inner li > div h5 { color:#4d4b45; font-size:18px; font-weight:800; margin:10px 0 5px 0; padding:0 8px 0 0; height:24px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box !important; -webkit-line-clamp: 1; -webkit-box-orient: vertical; } */ #middle #page-top2 .jabo .inner li > div h6 { color:#4d4b45; font-size:14px; font-weight:800; line-height:22px; margin:3px 0 3px 0; padding:0 8px 0 0; height:22px; white-space:nowrap; overflow: hidden; text-overflow: ellipsis;} #middle #page-top2 .jabo .inner li > div span { color:#66635c; font-size:15px; font-weight:bold; display:block; padding-top:8px; height:22px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box !important; -webkit-line-clamp: 1; -webkit-box-orient: vertical;} #middle #page-top2 .jabo .inner:hover p { text-decoration:none; } #middle #page-top2 .jabo .inner .cursor { } #middle #page-top2 .jabo .inner .cursor ul > li { background:url('/newhome/asset/images/main/cursor01.png') no-repeat; width:13px; height:12px; display:inline-block; zoom:1; *display:inline; cursor:hand; cursor:pointer; } #middle #page-top2 .jabo .inner .cursor ul > li.cur { background:url('/newhome/asset/images/main/cursor01_over.png') no-repeat; } /* 하단 컨텐츠 */ .bottom_container { /* border: 1px solid #eee; border-top: none; clear: both; float: left; background: #FFFFFF; */ } .bottom_content { /* padding: 5px; font-size: 12px; */ /* display: none; */ } .bottom_container .bottom_content ul { /* width:100%; margin:0px; padding:0px; */ } .bottom_container .bottom_content ul li { /* padding:5px; list-style:none; */ } /* 기본 게시판 NEW 우측 공통 컨텐츠 */ .page_right_container {margin-left:608px;border:1px solid #cccccc;background-color:#f9f9f2;max-width:320px;position:absolute;top:105px;left:50%;} .page_right_container .right_item {} .page_right_container .right_item .title {background-color:#666666;color:#FFFFFF;font-size:16px;font-weight:bold;text-align:center;padding:5px;} .page_right_container .right_item .article {padding:0 10px;} .page_right_container .right_item ul {} .page_right_container .right_item ul li {font-size:13px;line-height:15px;border-bottom:1px #aaaaaa dotted;padding:10px 0px;letter-spacing:-0.5px} .page_right_container .right_item ul li:last-child {border-bottom:0px #aaaaaa dotted;} .page_right_container .right_item .more {text-align:center;margin:3px;} .page_right_container .right_item .more span {background-color:#444444;color:#FFFFFF;padding:3px 10px;font-size:10px;} #middle #page-bottom { padding:0 10px; padding-top:20px; clear:both; height:120px; max-width:1190px; margin:0 auto; } #middle #page-bottom .item1 { border:solid 1px #e6e4df; background:#f7f6f0; float:left; width:49%; position:relative; height:158px; } #middle #page-bottom .item1 h4 { display:none; } #middle #page-bottom .item1 .inner > a { position:absolute; top:0px; left:0px; display:block; } #middle #page-bottom .item1 .inner > div { margin-left:248px; } #middle #page-bottom .item1 .inner > div h5 { color:#4d4b45; font-size:16px; font-weight:800; margin:12px 0 15px 0; padding:0 8px 0 0; height:18px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box !important; -webkit-line-clamp: 1; -webkit-box-orient: vertical; } #middle #page-bottom .item1 .inner > div p { color:#66635c; font-size:14px; line-height:22px; padding-right:8px; height:68px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box !important; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } #middle #page-bottom .item1 .inner > div span { color:#99968a; font-size:14px; display:block; padding-top:10px; } #middle #page-bottom .item1 .inner:hover p { text-decoration:underline; } #middle #page-bottom .item2 { border:solid 1px #e6e4df; background:#f7f6f0; float:right; width:49%; position:relative; height:158px; } #middle #page-bottom .item2 h4 { display:none; } #middle #page-bottom .item2 .inner > a { position:absolute; top:0px; left:0px; display:block; } #middle #page-bottom .item2 .inner > div { margin-left:248px; } #middle #page-bottom .item2 .inner > div h5 { color:#4d4b45; font-size:16px; font-weight:800; margin:12px 0 15px 0; padding:0 8px 0 0; height:18px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box !important; -webkit-line-clamp: 1; -webkit-box-orient: vertical; } #middle #page-bottom .item2 .inner > div p { color:#66635c; font-size:14px; line-height:22px; padding-right:8px; height:68px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box !important; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } #middle #page-bottom .item2 .inner > div span { color:#99968a; font-size:14px; display:block; padding-top:10px; } #middle #page-bottom .item2 .inner:hover p { text-decoration:underline; } /*콘텐츠 영역*/ #contents { clear:both; max-width:1190px; margin:0 auto; margin-top:30px; padding:0 10px; } #contents div.discuss_button { width:97%; padding:10px; font-size:16px;color:#0066cc;border:3px solid #666666;background-color:#e0e0eb;margin-bottom:30px;} #bottom-region { padding:0 10px 20px; overflow:hidden; font-family: 'Malgun Gothic', '맑은 고딕', 'Nanum Gothic';} #bottom-region .inner { clear:both; max-width:1188px; margin:0 auto; padding:20px 0px; border:solid 1px #e6e4df; margin-top:40px; } #bottom-region .inner .title { position:absolute; width:210px; text-align:center; border-right:solid 1px #e6e4df;} #bottom-region .inner .title span { display:block; font-size:24px; font-weight:bold;text-align:center; padding:6px 0 15px 0; } #bottom-region .inner .title a { display:block; width:93px; margin:0 auto; font-size:14px; font-weight:bold; text-align:center; padding:5px 8px 6px 0; background:url('/newhome/asset/images/commons/line05.png') #ffed00 no-repeat 82px center; border-radius:4px; } #bottom-region .inner .region { margin-left:270px; display:block; } #bottom-region .inner .region > li { float:left; width:25%;} #bottom-region .inner .region > li h4 { font-size:17px; font-weight:bold; height:32px; letter-spacing:-0.5px;} #bottom-region .inner .region > li ol > li { float:left; width:100%; background:url('/newhome/asset/images/commons/icon_loc_on2.png') no-repeat 2px center; padding: 0 15px 0 18px; font-size:15px; font-weight:bold; color:#7c7b78; line-height:28px; letter-spacing:-0.5px;} #bottom-region .inner .sector { margin-left:270px; display:block; clear:both; padding-top:20px; } #bottom-region .inner .sector > li { float:left; background:url('/newhome/asset/images/commons/icon2.png') no-repeat right center; padding:0 16px 0 18px; font-size:14px; font-weight:normal; color:#7c7b78; line-height:27px; letter-spacing:-0.8px} #bottom-region .inner .sector h4 { display:block; float:left; width:100px; margin:0 auto; font-size:14px; font-weight:bold; text-align:center; padding:5px 3px 6px 3px; background:#444444; color:#ffffff; border-radius:4px; } #join_banner { border-top:solid 1px #eae9e4; margin-top:40px; padding:45px 0; background:#f2f1eb; font-family: 'Malgun Gothic', '맑은 고딕', 'Nanum Gothic'; } #join_banner .inner { clear:both; max-width:1190px; margin:0 auto; padding:0 10px;} #join_banner .inner > ul > li { float:left; width:50%; font-size:0px; } #join_banner .inner > ul > li h5 { font-size:26px; font-weight:bold; padding-bottom:14px; letter-spacing:-0.8px;/*font-family:Nanum Gothic;*/ } #join_banner .inner > ul > li span { font-size:19px; display:block; padding-bottom:35px; line-height:28px; font-family:'Malgun Gothic'; font-weight:bold; letter-spacing:-0.8px; } #join_banner .inner > ul > li a { display:inline-block; zoom:1; *display:inline; font-size:18px; font-weight:bold; padding:8px 26px 8px 18px; background:url('/newhome/asset/images/commons/line05.png') #ffed00 no-repeat 95px center; border-radius:0px; margin-right:20px; } #join_banner .inner > ul > li a.btn-pay { background:url('/newhome/asset/images/commons/line06.png') #ff8e09 no-repeat 95px center; color:#ffffff; } #join_banner .inner > ul > li a.btn-rec { background:url('/newhome/asset/images/commons/line06.png') #99968a no-repeat 114px center; color:#ffffff; } #join_banner .inner > ul > li.banner { text-align:right; } #join_banner .inner > ul > li.banner div { background:url('/newhome/asset/images/commons/join_bottom_banner.png') no-repeat right center; display:inline-block; zoom:1; *display:inline; width:98%; border:solid 1px #e6e4df; height:190px; line-height:190px; text-align:center; font-weight:bold; font-size:18px; } .search-container {} .search-container .search-form { clear:both; text-align:center; background:#f7f6f0; border:solid 1px #e6e4df; padding:15px; } .search-container .search-form .inner { display:inline-block; zoome:1; *display:inline; } .search-container .search-form .inner > ul { display:table; } .search-container .search-form .inner > ul > li { display:table-cell; vertical-align:top; font-size:0px; vertical-align:top; } .search-container .search-form .inner > ul > li.input { width:270px; } .search-container .search-form .inner > ul > li.input input{ border:solid 2px #99968a; height:34px; line-height:34px; width:100%; text-indent:10px; } .search-container .search-form .inner > ul > li.btn { padding-left:10px; width:100px; } .search-container .search-form .inner > ul > li.submit { vertical-align:top; } .search-container .search-form .inner > ul > li.submit input { vertical-align:top; padding:0px; } .search-container .search-form .inner > ul > li.select { padding-right:10px; width:140px; } .search-container .search-form .inner > ul > li.select select { border:solid 2px #99968a; height:40px; width:100%; font-size:13px; } .search-container .category2 { margin-top:50px; margin-bottom:20px; } .search-container .list01 { clear:both; margin-top:60px; } .search-container .list01 h4 { font-size:18px; font-weight:bold; padding-bottom:10px; border-bottom:solid 1px #e6e4df; } .search-container .list01 h4 a { float:right; font-size:12px; font-weight:bold; height:17px; color:#a1a19d; background:url('/newhome/asset/images/main/btn_right2.png') no-repeat right center; padding-right:20px; margin-top:5px; } .search-container .list01 > ul > li { clear:both; margin:35px 0; } .search-container .list01 > ul > li .img { float:left; margin-right:10px; } .search-container .list01 > ul > li dl > dt { font-size:15px; font-weight:bold; height:22px; display:block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .search-container .list01 > ul > li dl > dd { font-size:14px; height:45px; line-height:22px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical;} .search-container .list02 { clear:both; margin-top:60px; } .search-container .list02 h4 { font-size:18px; font-weight:bold; padding-bottom:10px; border-bottom:solid 1px #e6e4df; } .search-container .list02 h4 a { float:right; font-size:12px; font-weight:bold; height:17px; color:#a1a19d; background:url('/newhome/asset/images/main/btn_right2.png') no-repeat right center; padding-right:20px; margin-top:5px; } .search-container .list02 > ul { padding:10px 0;} .search-container .list02 > ul > li { float:left; margin:10px 10px 0 0; position:relative; } .search-container .list02 > ul > li > a >img { height:128px; width:auto !important; } .search-container .list02 > ul > li .mov-btn > a >img { height:128px; width:auto !important; } /* 미디어쿼리 */ @media all and (max-width: 1550px) { .page_right_container { display:none;} } @media all and (max-width: 1510px) { #right-container-sub { display:none; } } @media all and (max-width: 1360px) { #left-container { display:none; } } @media all and (max-width: 1190px) { #gnb-menu .inner .logo { left:10px;} #gnb-bar .inner .login { padding-right:10px;} #gnb-menu .inner .menu li a {padding:10px 8px;} } @media all and (max-width: 1150px) { /* 기본 설정 */ .hide_mo {display:none;} .hide_pc {display:inline;} /* 일반 설정 */ /* #middle #left-container { display:none; } #middle #content-container { margin-left:0px; } */ #middle { min-height:0 !important; } #middle #page-title > div.title_event {display:none;} #middle #page-top2 .notice {width:100%;} #middle #page-top2 .news {width:100%;} #middle #page-top2 .jabo {width:100%;} /* #middle #page-top2 {position:relative;} */ /* #middle #page-top2 .notice {position:absolute; top:0px;left:5px;z-index:10;} #middle #page-top2 .jabo {position:absolute; top:0px;left:5px;z-index:8;} #middle #page-top2 {position:relative;} */ #gnb-banner .inner .potcast .title { display:none; } #gnb-banner .inner .potcast .desc { left:0px; } #middle #page-top2 { padding:0 10px;margin-top:-2px;} .hide1100 {display:none;} } @media all and (max-width: 1090px) { #gnb-menu .inner .menu { display:none; } #gnb-menu .inner .menu li { padding:0 7px; } #gnb-menu .inner .logo .subtitle { display:inline-block; color:#817364; font-size:22px; line-height:22px; font-weight:bold; padding:0 0 0 15px; vertical-align:middle; margin:4px 0 0 15px; letter-spacing:-0.8px; border-left:1px solid #e6e6e6;} } @media all and (max-width: 930px) { /* 기본 설정 */ .hide_mo1 {display:none;} .hide_pc1 {display:inline;} .line1_trans {height:5px !important;} .line2_trans {height:10px !important;} .line2a_trans {height:15px !important;} .line3_trans {height:15px !important;} .line3a_trans {height:20px !important;} .line3c_trans {height:25px !important;} .line4_trans {height:20px !important;} .line4a_trans {height:25px !important;} .line4b_trans {height:30px !important;} .line5_trans {height:25px !important;} .line5a_trans {height:30px !important;} .line5b_trans {height:40px !important;} .line6_trans {height:30px !important;} .line6a_trans {height:40px !important;} .line7_trans {height:20px; margin-bottom:20px; border-bottom:1px solid #e5e5e5 !important;} .line7a_trans {height:40px; border-top:1px solid #e5e5e5 !important;} .line8_trans {height:30px; margin-bottom:30px; border-bottom:1px solid #e5e5e5 !important;} .line9_trans {height:40px; margin-bottom:40px; border-bottom:1px solid #e5e5e5 !important;} .line9a_trans {height:40px; margin-bottom:20px; border-bottom:1px solid #e5e5e5 !important;} .line9b_trans {height:40px;} .line10_trans {height:50px !important;} .line11_trans {height:10px !important;} .line11a_trans {height:10px !important;} /* 박스 스림자 설정 */ .shadow3 {box-shadow: 0px 1px 3px rgb(0, 0, 0, 0.1); -webkit-box-shadow: 0px 1px 3px rgb(0, 0, 0, 0.1); -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1); -o-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);} /* info 설정 */ .info_area1 {} .info_area2 {} .info_area2 h1 {font-size:18px;} /* label 박스 */ .label_box1a {font-size:11px;} .label_box1b {font-size:11px;} /* 일반 설정 */ #gnb-banner .inner .potcast .title { padding-top:20px; } #gnb-banner .inner .potcast .title img { width:220px; height:auto !important; } #gnb-bar .inner .login li:last-child {background-image:none;} /* #gnb-menu .inner .logo .subtitle { display:inline-block; background:#4d4b45; color:#ffed00; font-size:16px; font-weight:bold; padding:6px 15px; vertical-align:middle; margin:12px 0 0 10px; border-radius:4px; letter-spacing:-0.8px;} */ #gnb-menu .inner .search { right:0px; } #gnb-menu .menu-search {top:133px} #gnb-menu .menu-subgroup { display:none !important; } #join_banner .inner > ul > li h5 { font-size:20px; } #join_banner .inner > ul > li span { font-size:16px; padding-bottom:20px; } #join_banner .inner > ul > li a { font-size:15px; background:url('/newhome/asset/images/commons/line05.png') #fff100 no-repeat 85px center; } #join_banner .inner > ul > li a.btn-pay { font-size:15px; background:url('/newhome/asset/images/commons/line06.png') #ff8e09 no-repeat 85px center; } #join_banner .inner > ul > li a.btn-rec { font-size:15px; background:url('/newhome/asset/images/commons/line06.png') #99968a no-repeat 98px center; } #middle #page-title > h3 { font-size:34px; padding:39px 0 10px;} #middle #page-title > div.bbs_title_desc { bottom:24px; padding-left:10px;} .hide930 {display:none;} .bar_type5 {} .bar_type5 h5 {font-size:18px; padding:15px 0 15px;} .bar_type6 {} .bar_type6 h1 {font-size:19px; padding:0 0 15px;} .bar_type6 h5 {font-size:19px; padding:0 0 15px;} .bar_type7 {} .bar_type7 h5 {font-size:18px; padding:8px 0 8px 23px; background-size:16px auto; } .bar_type7 h5 span {font-size:12px;} .bar_type7 h5.h5_type1 { background-size:16px auto;} .sub_section1 {} .sub_section1 > ul { display:block; } .sub_section1 > ul > li { display:block; padding:0; margin-top:40px;} .sub_section1 > ul > li.li_pad1, .sub_section1 > ul > li.li_pad1a {width:100%;} .sub_section1 > ul > li:first-child {margin-top:0;} } @media all and (max-width: 870px) { #bottom-region .inner .region > li h4 { font-size:15px; } #bottom-region .inner .region > li ol > li { font-size:14px; line-height:24px; } #bottom-region .inner .sector h4 { clear:both; float:none; margin-left:0px; margin-bottom:7px; } #bottom-region .inner .sector > li { padding: 0 18px 0 0px; margin-right:15px; } #join_banner .inner > ul > li { width:100%; } #join_banner .inner > ul > li.banner { display:none; } } @media all and (max-width: 800px) { /* 기본 설정 */ .hide_mo2 {display:none;} .hide_pc2 {display:inline;} .top_blank0 {} .top_blank1 {clear:both; height:4px;} /* 정책의제 */ .btn_medium1 {font-size:14px; line-height:250%;} h4.bar_type8 {font-size:20px;} h4.bar_type8_pad1 {padding:0 0 15px;} h4.bar_type9 {font-size:16px;} h4.bar_type10 {font-size:18px;} /* info 설정 */ .info_bbs1 {font-size:14px;} /* 일반 설정 */ #header_main {position:fixed;} /* include/gnb_bar.html 소스 중 .notice_top_area1 */ /* 변형 (notice_bar 있을때) */ /* .nav-up { top: -113px !important; } */ /* 기본 (notice_bar 없을때) */ .nav-up { top: -87px !important; } #gnb-bar {height:37px;} #gnb-bar .inner .sns { display:none; } #gnb-bar .inner .login li {padding-left:10px; font-size:12px;} #gnb-bar .inner .login li a {height:37px; line-height:37px;} #gnb-bar .inner .login li a .cnt { padding:3px 7px; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; font-size:12px; line-height:100%;} #gnb-banner { display:none !important; } #gnb-menu { height:50px; } #gnb-menu .inner .logo { top:3px;} #gnb-menu .inner .logo img { height:43px; width:auto !important; } /* 정의당 로고 일때 #gnb-menu .inner .logo img { height:37px; width:auto !important; } */ #gnb-menu .inner .logo img.sub { height:35px; width:auto !important; } #gnb-menu .inner .logo .subtitle { font-size:16px; line-height:16px; padding:0 0 0 10px; margin:6px 0 0 10px;} #gnb-menu .inner .search { top:17px;} #gnb-menu .inner .search a { margin-left:15px;} #gnb-menu .inner .search img { height:16px; width:auto !important;} /* include/gnb_bar.html 소스 중 .notice_top_area1 */ /* 변형 (notice_bar 있을때) */ /* #middle { margin-top:113px;} */ /* 기본 (notice_bar 없을때) */ #middle { margin-top:87px;} #contents { padding-top:0px; margin-top:25px;} #middle #page-title { background:none; border:none; padding:0px; } #middle #page-title .bbs_title_banner {padding:25px 0 0;} #middle #page-title > ul.breadcrumb {display:none;} #middle #page-title > ul.breadcrumb li { font-size:9px; padding:1px 1px 1px 1px; margin-right:5px; } #middle #page-title > ul.breadcrumb li:last-child {margin-right:0; } #middle #page-title > h3 {padding:27px 0 2px; font-size:24px; background-size:100% 100%; background-position:left top; /* text-shadow:0 1px 3px rgba(0, 0, 0, 0.35); -webkit-text-shadow:0 1px 3px rgba(0, 0, 0, 0.35); -moz-text-shadow:0 1px 3px rgba(0, 0, 0, 0.35); box-shadow:0 1px 1px rgba(0, 0, 0, 0.05) inset; -webkit-box-shadow:0 1px 1px rgba(0, 0, 0, 0.05) inset; -moz-box-shadow:0 1px 1px rgba(0, 0, 0, 0.05) inset; */ } /* #middle #page-title > h3 {padding:25px 0 3px; font-size:24px; letter-spacing:-0.8px; text-align:center;} */ #middle #page-title > h3 .submenu { display:none; } #middle #page-title > h3 span { font-weight:normal; font-size:12px; } #middle #page-title > div.bbs_title_intro {;max-width:370px;} #middle #page-title > div.bbs_title_desc { bottom:20px;} #gnb-menu .menu-search {top:90px;} #gnb-menu .menu-search .inner ul { display:inline-block; zoom:1; *display:inline; padding:12px 0 22px; } #gnb-menu .menu-search .inner ul li input { border:solid 0px #6d6d6d; border-bottom:solid 1px #6d6d6d; height:36px; width:250px; font-size:14px; letter-spacing:-0.5px;} #gnb-menu .menu-search .inner ul li img {padding:11px 0 8px; width:auto !important; height:19px;} #bottom-region { display:none; } #bottom-region .inner .region > li h4 { font-size:13px; } #bottom-region .inner .region > li ol > li { font-size:12px; } #join_banner { padding:25px 0;} #join_banner .inner > ul > li h5 { font-size:18px; } #join_banner .inner > ul > li span { font-size:14px; padding-bottom:15px; line-height:23px; } #join_banner .inner > ul > li a { font-size:13px; background:url('/newhome/asset/images/commons/line05.png') #fff100 no-repeat 75px center; margin-right:5px; margin-top:8px; } #join_banner .inner > ul > li a.btn-pay { font-size:13px; background:url('/newhome/asset/images/commons/line06.png') #ff8e09 no-repeat 75px center; } #join_banner .inner > ul > li a.btn-rec { font-size:13px; background:url('/newhome/asset/images/commons/line06.png') #99968a no-repeat 88px center; } #gnb-banner .inner .potcast .title { display:none; } #gnb-banner .inner .potcast .desc { left:0px; } /* .category ul li { display:table-cell; border:solid 1px #e5e4df; padding:5px 10px; font-size:8px; font-weight:normal; height:12px; white-space:nowrap; } */ .category2 {border-top:solid 0px #99968a; margin-bottom:30px; } .category2 li { display:none; } .category2 .mobile { display:block; } .hide640 {display:none;} } @media all and (max-width: 740px) { /* 기본 설정 */ .hide_mo3 {display:none;} .hide_pc3 {display:inline;} .line0_trans {display:none;} .line0a_trans {height:0px !important;} .line1_trans {height:5px !important;} .line1c_trans {height:12px !important;} .line1d_trans {height:10px !important;} .line1e_trans {height:7px !important;} .line1f_trans {height:5px !important;} .line2_trans {height:10px !important;} .line2a_trans {height:15px !important;} .line3_trans {height:15px !important;} .line3a_trans {height:20px !important;} .line4_trans {height:20px !important;} .line4a_trans {height:25px !important;} .line4b_trans {height:30px !important;} .line5_trans {height:25px !important;} .line5a_trans {height:30px !important;} .line6_trans {height:30px !important;} .line6a_trans {height:40px !important;} .line7_trans {height:25px; margin-bottom:25px; border-bottom:1px solid #e5e5e5 !important;} .line8_trans {height:5px; margin-bottom:15px; border-bottom:1px solid #e5e5e5 !important;} .line8a_trans {height:10px; margin-bottom:10px; border-bottom:1px solid #e5e5e5 !important;} .line8b_trans {height:8px; margin:10px 0; background-color:#f7f7f7; border-top:1px solid #eaeaea; border-bottom:1px solid #eaeaea !important;} .line9_trans {height:15px; margin-bottom:15px; border-bottom:1px solid #e5e5e5 !important;} /* layer 오픈창 */ .layer_open1 {width:90%; margin-left:-45%;} /* 일반 설정 */ #middle #page-top {display:none;} /* #middle #page-bottom {display:none;} */ /* #middle #page-top2 { display : none; } */ #bottom-region .inner .title { display:none; } #bottom-region .inner .region { margin-left:10px; } #bottom-region .inner .sector { margin-left:10px; } } @media all and (max-width: 640px) { .top_blank0 {} .top_blank1 {clear:both; height:13px;} /* 정책의제 */ } @media all and (max-width: 480px) { /* 기본 설정 */ .hide_mo5 {display:none;} .hide_pc5 {display:inline;} } @media all and (max-width: 370px) { /* 기본 설정 */ .hide_mo4 {display:none;} .hide_pc4 {display:inline;} /* 일반 설정 */ /* #contents { margin-top:25px; } */ .hide370 {display:none !important;} #middle #page-title > div.bbs_title_intro { max-width:310px;} #middle #page-top2 .notice { width:100%; left:0;margin-right:0px;margin-left:0px;border-left:0px;border:right:0px;} #middle #page-top2 .jabo { width:100%; left:0;margin-right:0px;margin-left:0px;border-left:0px;border:right:0px;} #middle #page-top2 .jabo .inner li > div h6 { font-size:12px; height:28px;line-height:14px;height:14px;} #middle #page-title > ul.breadcrumb { left:10px;padding:3px 0px;} /* 팝업 설정 */ .pop_setup1 {} .pop_setup1_type1 {width:100%;} }