@charset "utf-8"; /*---------------------------------------------- @지방청 홈페이지 CSS ----------------------------------------------*/ #contents{padding-bottom:0 !important; } #Content_Wrap{padding-bottom:0 !important;} /* 지방청 메인 */ #main_visual_wrap{padding:64px 0 87px 0; background:url(/images/np_new/main/area_bnr_main-slide01.png) no-repeat 50% 0/cover;} #main_visual_inner{overflow:hidden;} #main_visual_inner > div {margin:0 -12px;} #main_visual_inner > div > div {padding:0 12px;} #main_visual{position:relative; z-index:2; width:62.7049%;} #main_visual h2 {padding-top:7px; margin-bottom:43px; font-size:37px; line-height:1.1622; letter-spacing:-0.05em; color:#fff;} #main_visual h2 span {display:inline-block; vertical-align:top;} #main_visual h2 b {color:#fc0;} #main_visual_slide {overflow:hidden;} #main_visual_slide>li {float:left;} #main_visual_slide a {display:block;} #main_visual_slide img{width:100%; /* max-width:545px; */ /* height:100%; */ height:301px; border-radius:0 0 7px 7px;} #main_visual_controls{width:100%; overflow:hidden; position:absolute; bottom:0; left:0; background-color:rgba(255,255,255,0.7);} #main_visual_controls div.slide_info{height:55px; line-height:55px; padding-left:20px; float:left; letter-spacing:0;} #main_visual_controls div.slide_info span{font-size:14px; color:#000;} #main_visual_controls div.slide_info span:first-child::after{content:"/"; padding-left:3px; font-size:14px; color:#000;} #main_visual_controls div.control_box{padding-right:10px; float:right;} #main_visual_controls div.control_box > div{display:inline-block;} #main_visual_controls div.control_box > div a{display:block; width:30px; height:55px; text-indent:-9999px; position:relative;} #main_visual_controls div.control_box > div a::before{content:""; width:20px; height:20px; margin:-10px 0 0 -10px; position:absolute; top:50%; left:50%; background-image:url(/images/np/sub/bg_main_visual_control.png); background-repeat:no-repeat;} #main_visual_controls div.control_box > div.prev a::before{background-position:0 0;} #main_visual_controls div.control_box > div.next a::before{background-position:-20px 0;} #main_visual_controls div.control_box > div.control a.bx-stop::before{background-position:-40px 0;} #main_visual_controls div.control_box > div.control a.bx-start::before{background-position:-60px 0;} .main_visual_controls {position:absolute; top:0;right:0;} .main_visual_controls .control_box {margin:0;} .main_visual_controls .control_box > div {width:55px; height:55px; padding:16px 15px 15px 16px; margin:0; border-left:1px solid #CFD8DC; background-color:#fff; font-size:24px; line-height:1; color:#000; cursor:pointer;} .main_visual_controls .control_box > div + div {/* margin-left:-1px; */ /* border-left:1px solid #CFD8DC; */} .main_visual_controls .control_box .prev {float:left;} .main_visual_controls .control_box .next {float:right; border-top-right-radius:7px;} .main_visual_controls .control_box .control {float:left;/* border-right:1px solid #CFD8DC;border-left:1px solid #CFD8DC; */} .main_visual_controls .control_box .control > button {vertical-align:top; font-weight:inherit; font-size:inherit; line-height:inherit; letter-spacing:inherit; color:inherit;} .main_visual_controls .control_box > div:hover {background-color:#F5F5F5;} .main-notice-board {width:37.2951%;} .main-notice-board > .box {position:relative; box-sizing:border-box; width:100%; border:1px solid #CFD8DC; border-radius:8px; background-color:#fff;} .main-notice-board .empty {display:block; border-radius:0 0 8px 8px; background-color:#E0E0E0; text-align:center; font-weight:400; font-size:18px; line-height:302px; letter-spacing:-0.025em; color:#707070;} .main-notice-board-info {padding:13px 23px;border-bottom:1px solid #CFD8DC;} .main-notice-board-info h4 {display:inline-block; vertical-align:middle; margin-right:12px; font-weight:700; font-size:20px; line-height:1.45; letter-spacing:-0.025em; color:#424242;} .main-notice-board-info span {display:inline-block; vertical-align:middle;} .main-notice-board-info span.current {width:1.5em;height:1.5em;border-radius:50%;background-color:#002B51;text-align:center;font-weight:700;font-size:16px;line-height:1.5;letter-spacing:0;color:#fff;} .main-notice-board-info span.total {font-weight:700;font-size:16px;line-height:1.5;letter-spacing:0;color:#9E9E9E;} .main-notice-board-info span.line {margin:0 0.2em;} .main-notice-board-info span.line::before {content:" / "; display:inline-block; vertical-align:top; font-weight:700;font-size:16px;line-height:1.5;letter-spacing:0;color:#9E9E9E;} /* #main_board{width:510px; float:right;} */ /* #main_board{width:630px; float:right;} */ #main_board{margin:0 -12px;} #main_board > .inner > div {width:50%; padding:0 12px;} #main_board > .inner > div > div {position:relative; overflow:hidden; padding:24px; border-radius:8px; background-color:#fff;} #main_board div.board_tab{margin-bottom:17px;} /* #main_board div.board_tab ul{display:table; table-layout:fixed; width:100%;} */ #main_board div.board_tab ul{font-size:0;} #main_board div.board_tab ul li{display:inline-block; vertical-align:middle;} #main_board div.board_tab ul li + li::before {content:""; display:inline-block; vertical-align:middle; height:12px; margin:0 10px; border-left:1px solid #707070;} #main_board div.board_tab ul li a{display:inline-block; vertical-align:middle; position:relative; text-align:center; font-weight:500; font-size:16px; line-height:1.5; letter-spacing:-0.025em; color:#4A4A4A;} #main_board div.board_tab ul li.active a{font-weight:700; font-size:20px; line-height:1.45; letter-spacing:-0.025em; color:#208BFF;} #main_board div.board_content{display:none; /* overflow:hidden; */ height:172px;} #main_board div.board_content.active{display:block;} #main_board div.board_content div.scroll_list{height:172px; position:relative;} #main_board div.board_content ul{/* padding-right:25px; */} #main_board div.board_content ul li {} #main_board div.board_content ul li:nth-child(n+6) {display:none !importnat;}/* java 수정 전 임시!!! *//* java 수정 대체!!! */ #main_board div.board_content ul li + li{margin-top:13px;} #main_board div.board_content ul li a{display:block; font-size:0;} #main_board div.board_content ul li a::before {content:""; display:inline-block; vertical-align:middle; width:4px; height:4px; margin-right:7px; border-radius:50%; background-color:#13566D;} #main_board div.board_content ul li a span{display:inline-block; vertical-align:middle;} #main_board div.board_content ul li a span.subject{overflow:hidden; width:calc(100% - 91px);/* width:calc(100% - 11px); */ white-space:nowrap; text-overflow:ellipsis; font-weight:400; font-size:16px; line-height:1.5; letter-spacing:-0.05em; color:#747474;} #main_board div.board_content ul li a span.date{/* display:none; */ width:80px; text-align:right; font-weight:400; font-size:14px; line-height:1.4286; letter-spacing:-0.05em; color:#C5C5C5;} #main_board div.board_content ul li a div.type{display:table-cell; width:75px; text-align:center; vertical-align:middle;} #main_board div.board_content ul li a div.type span.cate{display:block; font-size:16px; font-weight:300; color:#fff;} #main_board div.board_content ul li a div.type span.date{display:block; font-size:14px; font-weight:300; color:#fff;} #main_board div.board_content ul li a div.type span.day{display:block; line-height:30px; font-size:30px; font-weight:700; color:#fff;} #main_board div.board_content ul li a div.info{display:table-cell; height:40px; padding-left:20px; vertical-align:middle; border-left:1px solid rgba(255,255,255,0.2);} #main_board div.board_content-line ul li a div.info{border:none;} #main_board div.board_content ul li a div.info span.subject{display:block; line-height:22px; font-size:18px; font-weight:300; color:#fff;} #main_board div.board_content ul li a div.info span.subject span.new{display:inline-block; width:23px; height:23px; margin-left:5px; position:relative; text-indent:-9999px;} #main_board div.board_content ul li a div.info span.subject span.new::before{content:"N"; width:23px; height:23px; line-height:23px; padding-left:6px; font-size:12px; font-weight:700; color:#fff; text-indent:0; position:absolute; top:0; left:0; border-radius:50%; background-color:#df043a; box-sizing:border-box;} #main_board div.board_content ul li a div.info span.desc{display:block; max-height:40px; margin-top:5px; overflow:hidden; line-height:20px; font-size:16px; font-weight:300; color:#c3c3c3;} #main_board div.board_content ul li.recent{margin-top:20px; padding-top:20px; border-top:1px solid rgba(255,255,255,0.1);} #main_board div.board_content ul li.recent a div.type{vertical-align:top;} #main_board div.board_content ul li.recent + li.recent{margin-top:10px; padding-top:0; border-top:none;} #main_board div.board_content .empty {display:block; opacity:0.7; padding:0; text-align:center; font-weight:400; font-size:18px; line-height:172px; letter-spacing:-0.025em; color:#707070;} #main_board a.more{display:block;position:absolute;top:24px;right:24px;width:25px;height:25px;border: 1px solid #CFD8DC;border-radius:8px;background-color: #fff;text-align:center;font-size:15px;/* font-weight: bold; */line-height: 23px;color: #000;} #main_board div.board_content ul li.notice a span.subject::before {content:"공지"; display:inline-block; vertical-align:top; padding:2px 8px; margin-right:5px; border-radius:12px; backgorund-color:#002B51; font-weight:400; font-size:13px; line-height:1.4615; letter-spacing:-0.05em; color:#fff;} #main_board div.board_content ul li:hover a span.subject {text-decoration:underline;} /* 열린 청장실 */ div.chief_wrap{overflow:hidden; margin-top:24px;} div.chief_wrap > .inr > div {margin:0 -12px;} div.chief_wrap > .inr > div > div {padding:0 12px;} div.chief_wrap .ceo-link {width:42%;} div.chief_wrap .ceo-link .chief_table{position:relative; padding:24px; border-radius:8px; background:#E2F2FF url(/images/np_new/main/area_bg_ceo.svg) no-repeat 0 0/contain;} div.chief_wrap .ceo-link .chief_table h4{margin-bottom:29px; font-weight:700; font-size:20px; line-height:1.45; letter-spacing:-0.025em; color:#001C34;} div.chief_wrap .ceo-link .call-center{padding:24px; margin-top:24px; border-radius:8px; background:#6EC6FF url(/images/np_new/main/area_bg_call_center_banner.svg) no-repeat bottom 0 right 33px;} div.chief_wrap .ceo-link .call-center h4{margin-bottom:10px; font-weight:700; font-size:20px; lkine-height:1.45; letter-spacing:-0.025em; color:#000;} div.chief_wrap .ceo-link .call-center p {display:inline-block; padding:8px 20px; border-radius:20px; background-color:#fff;} div.chief_wrap .ceo-link .call-center p i {display:inline-block; vertical-align:middle; margin-right:4px; font-size:20px; color:#000;} div.chief_wrap .ceo-link .call-center p span {display:inline-block; vertical-align:middle; font-weight:700; font-size:16px; line-height:1.5; letter-spacing:-0.05em; color:#000;} div.chief_wrap .ceo-link .call-center p small {font-size:13px;} div.chief_wrap .schedule-calendar {width:58%;} div.chief_wrap .schedule-calendar .chief_table{} div.chief_wrap .schedule-calendar .chief_table h4{} div.chief_wrap div.chief_box{} div.chief_wrap div.chief_box .chief_img {position:absolute; z-index:1; right:0; bottom:0; width:235px; height:235px; border-radius:0 8px 8px 0; background:transparent no-repeat 0 0/cover;} div.chief_wrap div.chief_box div.desc{} div.chief_wrap div.chief_box div.desc p{/* padding:0 5px; margin-left:-5px; */ font-weight:400; font-size:18px; line-height:1.6667; letter-spacing:-0.05em; color:#001C34;} div.chief_wrap div.chief_box div.desc p span{display:inline-block; /* padding:0 5px; margin-right:2px; margin-left:-5px; background-color:#fc0; */ font-weight:700;} div.chief_wrap div.chief_box div.desc p span b {font-weight:inherit;font-size:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;} div.chief_wrap div.chief_box div.desc p span br {display:none;} div.chief_wrap div.chief_box div.photo_link{margin-top:29px;} div.chief_wrap div.chief_box div.photo_link div.photo{display:table-cell; width:122px; vertical-align:middle;} div.chief_wrap div.chief_box div.photo_link ul{font-size:0;} div.chief_wrap div.chief_box div.photo_link ul li{display:inline-block; vertical-align:top; margin-right:10px;} div.chief_wrap div.chief_box div.photo_link ul li a{display:block; position:relative; width:158px; height:40px; padding:8px 10px 8px 20px; border-radius:20px; box-shadow:0 3px 6px 0 rgba(0,0,0,0.1);} div.chief_wrap div.chief_box div.photo_link ul li a span {font-weight:400; font-size:16px; line-height:1.5; letter-spacing:-0.05em;} div.chief_wrap div.chief_box div.photo_link ul li a i {float:right; font-size:24px; line-height:1;} div.chief_wrap div.chief_box div.photo_link ul li:nth-child(1) a {background-color:#002B51; color:#fff;} div.chief_wrap div.chief_box div.photo_link ul li:nth-child(2) a {background-color:#fff; color:#000;} /* 행사 일정 */ div.chief_wrap div.scedule_box{overflow:hidden;} div.chief_wrap div.scedule_box div.calendar_wrap{float:left; position:relative; z-index:1; width:478px; padding:39px 35px 23px 36px; border-radius:8px; background-color:#002B51;} div.chief_wrap div.scedule_box div.calendar_wrap h5{margin-bottom:20px; text-align:center; font-weight:700; font-size:20px; line-height:1.45; letter-spacing:-0.025em; color:#fff;} div.chief_wrap div.scedule_box div.calendar_wrap button{position:absolute; top:42px; width:1em; height:1em; font-size:24px; color:#fff;} div.chief_wrap div.scedule_box div.calendar_wrap button#prev_month{left:120px;} div.chief_wrap div.scedule_box div.calendar_wrap button#next_month{right:120px;} div.chief_wrap div.scedule_box div.calendar_wrap table{table-layout:fixed; border-collapse:separate; border-spacing:0 10px; width:100%; height:304px;} div.chief_wrap div.scedule_box div.calendar_wrap table th{padding:2px 0; text-align:center; font-weight:400; font-size:14px; line-height:1.4286; letter-spacing:0; color:#fff;} div.chief_wrap div.scedule_box div.calendar_wrap table td{padding:0; text-align:center;} div.chief_wrap div.scedule_box div.calendar_wrap table td a{display:inline-block; box-sizing:border-box; width:28px; height:28px; padding:3px 5px; border:1px solid transparent; border-radius:50%; /* text-align:left; */ font-weight:400; font-size:14px; line-height:1.4286; letter-spacing:0; color:#fff;} div.chief_wrap div.scedule_box div.calendar_wrap table td.sat a{color:#BBBEFF;} div.chief_wrap div.scedule_box div.calendar_wrap table td.sun a{color:#FFA5A5;} div.chief_wrap div.scedule_box div.calendar_wrap table td a:hover {border-color:#208BFF;} div.chief_wrap div.scedule_box div.calendar_wrap table td a.active{background-color:#208BFF; color:#fff;} div.chief_wrap div.scedule_box div.scedule_list{float:left; position:relative; box-sizing:border-box; width:calc(100% - 470px); height:415px; padding-left:7px; margin-left:-8px; border:1px solid #C8D1DB; border-radius:0 8px 8px 0; background-color:#fff;} div.chief_wrap div.scedule_box div.scedule_list h5{padding:24px 0; border-top-right-radius:7px; background-color:#F8F8F8; text-align:center; font-weight:700; font-size:40px; line-height:1.475; letter-spacing:-0.025em; color:#208BFF;} div.chief_wrap div.scedule_box div.scedule_list h5 small {margin-left:6px; font-weight:500; font-size:16px; line-height:1.5; letter-spacing:-0.025em; color:#C34D16;} div.chief_wrap div.scedule_box div.scedule_list ul {/* height:306px; */} div.chief_wrap div.scedule_box div.scedule_list ul li{height:90px; margin-bottom:15px; position:relative; border-radius:20px;} div.chief_wrap div.scedule_box div.scedule_list ul li:last-child{margin-bottom:0;} div.chief_wrap div.scedule_box div.scedule_list ul li span.date{width:90px; height:90px; line-height:20px; padding-top:36px; position:absolute; left:0; font-size:16px; font-weight:300; text-align:center; border-radius:50%; background:#163a70 url(/images/np/sub/bg_scedule_icon.png) no-repeat 50% 7px/ 25px 25px; color:#fff; z-index:2;} div.chief_wrap div.scedule_box div.scedule_list ul li div.title{width:295px; height:90px; padding:15px 40px 0 70px ; position:absolute; top:0; left:45px; border-radius:10px; background-color:#e7f6ff;} div.chief_wrap div.scedule_box div.scedule_list ul li div.title span.desc{display:inline-block; height:40px; line-height:20px; overflow:hidden; font-size:16px; font-weight:400; color:#000;} div.chief_wrap div.scedule_box div.scedule_list ul li div.title span.location{display:block; font-size:15px; font-weight:300; color:#707070;} div.chief_wrap div.scedule_box div.scedule_list ul li div.title span.location::before{content:''; display:inline-block; width:16px; height:16px; margin-right:10px; overflow:hidden; background:url(/images/np/sub/bg_chief_location_icon.png) no-repeat 0 0/ 16px 16px} div.chief_wrap div.scedule_box div.scedule_list div.no_event{display:block; opacity:0.7; padding:0; text-align:center; font-weight:400; font-size:18px; line-height:306px; letter-spacing:-0.025em; color:#707070;} div.chief_wrap div.scedule_box div.scedule_list a.more{display:block;position:absolute;top:24px;right:24px;width:25px;height:25px;border: 1px solid #CFD8DC;border-radius:8px;background-color: #fff;text-align:center;font-size:15px;/* font-weight: bold; */line-height: 23px;color: #000;} /* 스크롤바 디자인 */ div.iScrollVerticalScrollbar{background-color:#313131;} div.iScrollIndicator{border:none !important; background-color:#626262 !important;} /* 퀵 링크 */ div.quick_link_wrap{overflow:hidden; margin-top:-63px;} div.quick_link_wrap ul.quick_link{display:table; table-layout:fixed; overflow:hidden; width:100%; border:1px solid #C8D1DB; border-radius:8px; background-color:#fff;} div.quick_link_wrap ul.quick_link li{display:table-cell; vertical-align:middle; position:relative; /* height:130px; */} div.quick_link_wrap ul.quick_link li + li::before {content:""; position:absolute; top:50%; left:0; height:25px; margin-top:-12px; border-left:1px solid #D1D1D1;} div.quick_link_wrap ul.quick_link li a{display:block; padding:81px 0 25px 0; background:no-repeat center 25px; text-align:center; font-weight:500; font-size:16px; line-height:1.5; letter-spacing:-0.025em; color:#2D2D2D;} div.quick_link_wrap ul.quick_link li:nth-child(1) a{background-image:url(/images/np_new/main/area_img_link-icon01.png);} div.quick_link_wrap ul.quick_link li:nth-child(2) a{background-image:url(/images/np_new/main/area_img_link-icon02.png);} div.quick_link_wrap ul.quick_link li:nth-child(3) a{background-image:url(/images/np_new/main/area_img_link-icon03.png);} div.quick_link_wrap ul.quick_link li:nth-child(4) a{background-image:url(/images/np_new/main/area_img_link-icon04.png);} div.quick_link_wrap ul.quick_link li:nth-child(5) a{background-image:url(/images/np_new/main/area_img_link-icon05.png);} div.quick_link_wrap ul.quick_link li:nth-child(6) a{background-image:url(/images/np_new/main/area_img_link-icon06.png);} /* 메인 슬라이드 인디케이터 */ div.slide_ui div.bx-controls div.bx-pager-item{display:inline-block;} div.slide_ui div.bx-controls div.bx-pager-item a{display:block; width:32px; height:32px; position:relative; border:1px solid transparent; text-indent:-9999px; border-radius:50%;} div.slide_ui div.bx-controls div.bx-pager-item a::before{content:""; width:8px; height:8px; margin:-4px 0 0 -4px; position:absolute; top:50%; left:50%; border-radius:50%; background-color:#a29f98;} div.slide_ui div.bx-controls div.bx-pager-item a.active{border:1px solid #0d5daa;} div.slide_ui div.bx-controls div.bx-pager-item a.active::before{background-color:#0d5daa;} /* 기업 형태별 게시판 */ #business_board{padding-top:50px; background-color:#f4f6f7;} #business_board ul.tab{display:table; table-layout:fixed; width:1200px; margin:0 auto 60px auto;} #business_board ul.tab li{display:table-cell; position:relative; border:1px solid #b7b7b7; border-right:none;} #business_board ul.tab li:last-child{border-right:1px solid #b7b7b7;} #business_board ul.tab li a{display:block; height:88px; line-height:88px; font-size:28px; font-weight:700; text-align:center; color:#000; background-color:#fff;} #business_board ul.tab li a::before{content:""; display:inline-block; width:50px; height:50px; margin-right:15px; background-image:url(/images/np/sub/bg_main_tab_icon.png); background-repeat:no-repeat; vertical-align:-13px;} #business_board ul.tab li:nth-child(1) a::before{background-position:0 0;} #business_board ul.tab li:nth-child(2) a::before{background-position:-50px 0;} #business_board ul.tab li:nth-child(3) a::before{background-position:-100px 0;} #business_board ul.tab li.active{border:1px solid #004d97;} #business_board ul.tab li.active + li{border-left:none;} #business_board ul.tab li.active::before{content:""; width:100%; height:3px; position:absolute; left:0; bottom:-1px; background-color:#004d97;} #business_board ul.tab li.active::after{content:""; width:7px; height:7px; margin-left:-8.5px; position:absolute; left:50%; bottom:-6px; background-color:#fff; border:4px solid #004d97; border-radius:50%;} #business_board div.tab_contents{} #business_board div.tag_box{width:1200px; margin:0 auto 40px auto; overflow:hidden;} #business_board div.tag_box a{display:block; height:45px; line-height:45px; padding:0 20px; font-size:16px; color:#333; border-radius:22.5px; background-color:#fff;} #business_board div.tag_box a.set_interest{float:left;} #business_board div.tag_box a.set_interest::before{content:""; display:inline-block; width:20px; height:20px; margin-right:5px; background:url(/images/np/sub/bg_set_interest_icon.png) no-repeat 50% 50%; vertical-align:-4px;} #business_board div.tag_box ul{float:right; overflow:hidden;} #business_board div.tag_box ul li{float:left; margin-left:12px;} #business_service_wrap{background:url(/images/np/sub/bg_main_business_board.png) repeat-y 50% 0;} #business_service{display:table; table-layout:fixed; width:1200px; margin:0 auto;} #business_service div.service_list{display:table-cell; vertical-align:top; width:265px; padding-top:35px; position:relative; z-index:2; background-color:#064172;} #business_service div.service_list h4{padding-bottom:10px; line-height:32px; font-size:24px; font-weight:500; color:#fff;} #business_service div.service_list ul li{padding-left:12px; position:relative;} #business_service div.service_list ul li::before{content:""; width:5px; height:5px; position:absolute; top:15px; left:0; border-radius:50%; background-color:#bac4cd;} #business_service div.service_list ul li a{display:inline-block; padding:5px 0; font-size:16px; font-weight:300; color:#bac4cd; border-bottom:1px solid #bac4cd;} #business_service div.business_list{display:table-cell; padding:0 0 50px 40px; vertical-align:top; position:relative; z-index:1;} #business_service div.business_list ul li{padding-bottom:5px;} #business_service div.business_list ul li a{ display:block; width:270px; height:370px; position:relative; border-top:2px solid #3185cb; background-color:#fff; -webkit-box-shadow:1px 1px 3px 0px rgba(0,0,0,0.3); -moz-box-shadow:1px 1px 3px 0px rgba(0,0,0,0.3); box-shadow:1px 1px 3px 0px rgba(0,0,0,0.3); } #business_service div.business_list ul li a div.flag{position:absolute; top:0; left:0;} #business_service div.business_list ul li a div.flag span{display:block; width:100px; height:40px; line-height:40px; font-size:16px; font-weight:500; color:#fff; text-align:center; background-color:#3185cb;} #business_service div.business_list ul li a div.info{height:100%; padding:60px 20px;} #business_service div.business_list ul li a div.info span.title{display:block; height:90px; overflow:hidden; line-height:30px; font-size:21px; font-weight:500; color:#000; word-break:keep-all;} #business_service div.business_list ul li a div.info span.text{display:block; height:96px; margin-top:15px; overflow:hidden; line-height:24px; font-size:17px; font-weight:300; color:#676767;} #business_service div.business_list ul li.type_media a div.photo{width:100%; height:0; padding-bottom:80%; position:relative; overflow:hidden;} #business_service div.business_list ul li.type_media a div.photo span{width:100%; height:100%; position:absolute; top:0; left:0; background-repeat:no-repeat; background-position:50% 50%; background-size:cover;} #business_service div.business_list ul li.type_media a div.info{height:150px; padding:15px 20px;} #business_service div.business_list ul li.bx-clone{display:none;} #business_service div.business_list div.bx-wrapper{width:3000px; max-width:3000px !important;} #business_service div.business_list div.bx-controls{width:895px; margin-top:50px; text-align:center;} /* 링크배너 */ .main-link2-wrap {padding:24px 0 70px 0;} .main-link2-wrap .policy{overflow:hidden; margin:0 -12px;} .main-link2-wrap .policy li{float:left; position:relative; width:50%; padding:0 12px;} .main-link2-wrap .policy li.full {width:100%;} .main-link2-wrap .policy li a{display:block; position:relative; box-sizing:border-box; height:80px; padding:0 23px; border:1px solid #C8D1DB; border-radius:8px; background:#fff url(/images/np_new/main/area_bg_link2_1.png) no-repeat right 61px top -53px;} .main-link2-wrap .policy li a::before {content:""; position:absolute; top:-1px; right:-1px; bottom:-1px; left:-1px; border-radius:8px; background:url(/images/np_new/main/area_bg_link2_2.svg) no-repeat 0 0/auto 100%;} .main-link2-wrap .policy li a span {display:inline-block; vertical-align:top; position:relative; z-index:1; font-weight:700; font-size:20px; line-height:78px; letter-spacing:-0.025em; color:#fff;} .main-link2-wrap .policy li a span::after{content:''; position:absolute; top:50%; width:28px; height:28px; margin:-14px 0 0 14px; background:no-repeat center center;} .main-link2-wrap .policy li:nth-child(1) a span::after {background-image:url(/images/np_new/main/area_img_link2-icon01.png);} .main-link2-wrap .policy li:nth-child(2) a span::after {background-image:url(/images/np_new/main/area_img_link2-icon02.png);} .main-link2-wrap .policy li a i {display:block;position:absolute; z-index:1; top:50%; right:23px;width:25px;height:25px; margin-top:-12px;border: 1px solid #CFD8DC;border-radius:8px;background-color: #fff;text-align:center;font-size:15px;/* font-weight: bold; */line-height: 23px;color: #000;} @media all and (min-width:1200px) and (max-width:1510px) { div.chief_wrap div.chief_box div.photo_link ul li {display:block; margin-right:0; margin-bottom:10px;} div.chief_wrap div.chief_box div.photo_link ul li a {width:148px;} div.chief_wrap div.scedule_box div.calendar_wrap table {height:364px;} div.chief_wrap div.scedule_box div.scedule_list {height:475px;} } /* Tablet */ @media all and (min-width:768px) and (max-width:1199px) { /* 지방청 메인 */ /* #main_visual_inner{padding:40px 20px;} #main_visual{width:calc(50% - 10px);} #main_visual h2 img{height:35px; height:auto;} #main_visual_controls div.slide_info{height:45px; line-height:45px; padding-left:15px;} #main_visual_controls div.slide_info span{font-size:13px;} #main_visual_controls div.slide_info span:first-child::after{font-size:13px;} #main_visual_controls div.control_box > div a{height:45px;} */ #main_visual_wrap {position:relative; /* padding-bottom:257px; margin-bottom:252px; */padding-bottom:204px;margin-bottom:203px;} #main_visual {width:100%;} #main_visual h2 {text-align:center;} #main_visual_inner > div {margin:0;} #main_visual_inner > div > div {padding:0;} .main-notice-board {position:absolute; /* bottom:-230px; */bottom:-179px; right:35px; left:35px; width:calc(100% - 70px); /* margin-top:24px; */} .main-notice-board .empty {line-height:404px;} #main_visual_slide {text-align:center;} #main_visual_slide img {width:auto;max-width:100%;} /* #main_board{width:calc(50% - 10px);} #main_board div.board_tab{margin-bottom:20px;} #main_board div.board_tab ul li a{height:60px; line-height:60px; font-size:15px;} #main_board div.board_tab ul li a::before{width:18px; height:18px; background-size:36px 36px;} #main_board div.board_tab ul li:last-child a::before{background-position:-18px 0;} #main_board div.board_tab ul li:first-child.active a::before{background-position:0 -18px;} #main_board div.board_tab ul li:last-child.active a::before{background-position:-18px -18px;} #main_board div.board_tab ul li.active a::after{width:6px; height:6px; margin-left:-7px; border:4px solid #316ad4;} #main_board div.board_content div.scroll_list{height:0; padding-bottom:100%;} #main_board div.board_content ul{padding-right:20px;} #main_board div.board_content ul li{margin-top:10px;} #main_board div.board_content ul li a div.type{width:60px;} #main_board div.board_content ul li a div.type span.cate{font-size:14px;} #main_board div.board_content ul li a div.type span.date{font-size:13px;} #main_board div.board_content ul li a div.type span.day{line-height:24px; font-size:24px;} #main_board div.board_content ul li a div.info{padding-left:15px;} #main_board div.board_content ul li a div.info span.subject{line-height:20px; font-size:15px;} #main_board div.board_content ul li a div.info span.subject span.new{width:18px; height:18px; vertical-align:-3px;} #main_board div.board_content ul li a div.info span.subject span.new::before{width:18px; height:18px; line-height:18px; padding-left:5px; font-size:11px;} #main_board div.board_content ul li a div.info span.desc{max-height:36px; line-height:18px; font-size:14px;} */ /* 열린 청장실 */ /* div.chief_wrap{display:block; margin:40px auto 0; padding:0 20px;} div.chief_wrap div.chief_table{display:block;} div.chief_wrap div.chief_table:first-child{padding-right:0; width:100%;} div.chief_wrap h4{font-size:17px;} div.chief_wrap div.chief_box{width:100%; height:auto !important; margin-bottom:20px; padding:20px; position:relative;} div.chief_wrap div.chief_box div.desc{padding:50px 0 50px 200px;} div.chief_wrap div.chief_box div.desc p{margin-bottom:0; line-height:30px; font-size:20px;} div.chief_wrap div.chief_box div.desc p:first-of-type{margin:0;} div.chief_wrap div.chief_box div.desc p br{display:none;} div.chief_wrap div.chief_box div.desc p span{font-weight:700; color:#163a70;} div.chief_wrap div.chief_box div.photo_link img{position:absolute; top:56px; left:30px;} div.chief_wrap div.chief_box div.photo_link ul{position:absolute; top:30px; right:30px;} div.chief_wrap div.chief_box div.photo_link ul li{float:left; margin-bottom:0; margin-left:20px;} div.chief_wrap div.chief_box div.photo_link ul li a{width:130px; padding:10px 15px; font-size:14px; border-radius:20px;} div.chief_wrap div.chief_box div.photo_link ul li a::after{width:8px; height:8px; right:15px; background-size:8px 8px;} */ div.chief_wrap .ceo-link {width:100%;} div.chief_wrap .ceo-link .call-center {margin-top:24px;} div.chief_wrap .schedule-calendar {width:100%; margin-top:24px;} /* 행사 일정 S */ /* div.chief_wrap div.scedule_box{width:100%; padding:20px;} div.chief_wrap div.scedule_box div.calendar_wrap{width:300px; margin:20px auto 0; padding:20px 15px; position:relative; background-color:#ebf4f8;} div.chief_wrap div.scedule_box div.calendar_wrap h5{margin-bottom:5px; font-size:18px;} div.chief_wrap div.scedule_box div.calendar_wrap button{width:15px; height:15px; top:25px; background-size:15px 15px;} div.chief_wrap div.scedule_box div.calendar_wrap button#prev_month{left:60px;} div.chief_wrap div.scedule_box div.calendar_wrap button#next_month{right:60px;} div.chief_wrap div.scedule_box div.calendar_wrap table{font-size:15px;} div.chief_wrap div.scedule_box div.calendar_wrap table th{height:30px;} div.chief_wrap div.scedule_box div.calendar_wrap table td a{width:30px; height:30px; padding-top:3px;} div.chief_wrap div.scedule_box div.scedule_list{width:calc(100% - 320px); float:right; margin-left:0;} div.chief_wrap div.scedule_box div.scedule_list h5{margin-bottom:20px; font-size:18px;} div.chief_wrap div.scedule_box div.scedule_list ul li span.date{width:80px; height:80px; line-height:16px; padding-top:33px; font-size:13px; background-position:50% 10px; background-size:20px 20px;} div.chief_wrap div.scedule_box div.scedule_list ul li div.title{width:calc(100% - 45px); height:80px;} div.chief_wrap div.scedule_box div.scedule_list ul li div.title span.desc{display:block; height:36px; line-height:18px; font-size:14px;} div.chief_wrap div.scedule_box div.scedule_list ul li div.title span.location{font-size:14px;} div.chief_wrap div.scedule_box div.scedule_list ul li div.title span.location::before{width:14px; height:14px; margin-right:5px; background-size:14px 14px;} div.chief_wrap div.scedule_box div.scedule_list div.no_event{font-size:16px;} */ /* 퀵 링크 */ /* div.quick_link_wrap{margin:20px auto 15px; padding:0 20px;} div.quick_link_wrap div.left{width:calc(100% - 260px); margin-right:15px;} div.quick_link_wrap div.left ul.quick_link{width:100%; margin-bottom:0; padding:5px 10px 13px;} div.quick_link_wrap div.left ul.quick_link li{width:calc(100% / 3); margin-right:0;} div.quick_link_wrap div.left ul.quick_link li:last-child{margin-right:0;} div.quick_link_wrap div.left ul.quick_link li a{width:100%; font-size:15px;} div.quick_link_wrap div.left ul.quick_link li a::before{ width:70px; height:70px; background-size:420px 70px;} div.quick_link_wrap div.left ul.quick_link li:nth-child(2) a::before{background-position:-70px 0;} div.quick_link_wrap div.left ul.quick_link li:nth-child(3) a::before{background-position:-140px 0;} div.quick_link_wrap div.left ul.quick_link li:nth-child(4) a::before{background-position:-210px 0;} div.quick_link_wrap div.left ul.quick_link li:nth-child(5) a::before{background-position:-280px 0;} div.quick_link_wrap div.left ul.quick_link li:nth-child(6) a::before{background-position:-350px 0;} div.quick_link_wrap div.left ul.policy{display:none;} div.quick_link_wrap div.right{height:204px;} div.quick_link_wrap div.right img{width:auto; height:204px;} ul.policy.mobile{width:100%; margin-bottom:40px; padding:0 20px; overflow:hidden;} ul.policy.mobile li{float:left; width:calc(50% - 12.5px); margin-right:25px;} ul.policy.mobile li:last-child{margin-right:0;} ul.policy.mobile li a{display:block; width:100%; height:70px; line-height:70px; padding:0 35px; font-size:17px; font-weight:700; color:#000; border:1px solid #d1e1e8; background-color:#ebf4f8;} ul.policy.mobile li a::after{content:''; display:inline-block; width:60px; height:70px; float:right; background:url(/images/np/sub/bg_quick_icon.png) no-repeat 0 50%/120px 60px;} ul.policy.mobile li:last-child a::after{background-position:-60px 50%;} */ div.quick_link_wrap {margin-top:0;} div.quick_link_wrap ul.quick_link {font-size:0;} div.quick_link_wrap ul.quick_link li {display:inline-block; vertical-align:top; width:33.3333%;} div.quick_link_wrap ul.quick_link li:nth-child(3n+1)::before {display:none;} .main-link2-wrap .policy li {width:100%;} .main-link2-wrap .policy li + li {margin-top:24px;} } /* Mobile */ @media only all and (max-width:767px){ /* 지방청 메인 */ /* #main_visual_inner{padding:30px 15px;} #main_visual{width:100%; margin-bottom:20px; float:none;} #main_visual h2{margin-bottom:15px; text-align:center;} #main_visual h2 img{height:25px;height:auto;} #main_visual_controls div.slide_info{height:40px; line-height:40px; padding-left:15px;} #main_visual_controls div.slide_info span{font-size:13px;} #main_visual_controls div.slide_info span:first-child::after{font-size:13px;} #main_visual_controls div.control_box > div a{height:40px;} #main_visual_controls div.control_box > div a::before{width:15px; height:15px; margin:-7.5px 0 0 -7.5px; background-size:60px 15px;} #main_visual_controls div.control_box > div.next a::before{background-position:-15px 0;} #main_visual_controls div.control_box > div.control a.bx-stop::before{background-position:-30px 0;} #main_visual_controls div.control_box > div.control a.bx-start::before{background-position:-45px 0;} */ #main_visual_wrap {position:relative; padding-bottom:204px; margin-bottom:203px;} #main_visual {width:100%;} #main_visual h2 {text-align:center;} #main_visual_inner > div {margin:0;} #main_visual_inner > div > div {padding:0;} .main-notice-board {position:absolute; bottom:-179px; right:35px; left:35px; width:calc(100% - 70px); /* margin-top:24px; */} .main-notice-board .empty {line-height:193px;} #main_visual_slide {text-align:center;} #main_visual_slide img {width:auto;max-width:100%;} /* #main_board{width:100%; float:none;} #main_board div.board_tab{margin-bottom:20px;} #main_board div.board_tab ul li a{height:50px; line-height:50px; font-size:12px;} #main_board div.board_tab ul li a::before{width:14px; height:14px; margin-right:7px; background-size:28px 28px;} #main_board div.board_tab ul li:last-child a::before{background-position:-14px 0;} #main_board div.board_tab ul li:first-child.active a::before{background-position:0 -14px;} #main_board div.board_tab ul li:last-child.active a::before{background-position:-14px -14px;} #main_board div.board_tab ul li.active a::after{width:6px; height:6px; margin-left:-6px; bottom:-7px; border:3px solid #316ad4;} #main_board div.board_content div.scroll_list{width:100%; height:400px;} #main_board div.board_content div.scroll_list div.scroll_inner{width:100% !important;} #main_board div.board_content ul{padding-right:20px;} #main_board div.board_content ul li a div.type{width:60px;} #main_board div.board_content ul li a div.type span.cate{font-size:13px;} #main_board div.board_content ul li a div.type span.date{font-size:12px;} #main_board div.board_content ul li a div.type span.day{line-height:20px; font-size:20px;} #main_board div.board_content ul li a div.info{padding-left:12px;} #main_board div.board_content ul li a div.info span.subject{line-height:18px; font-size:14px;} #main_board div.board_content ul li a div.info span.subject span.new{width:16px; height:16px; vertical-align:-3px;} #main_board div.board_content ul li a div.info span.subject span.new::before{width:16px; height:16px; line-height:16px; padding-left:3px; font-size:11px;} #main_board div.board_content ul li a div.info span.desc{max-height:32px; line-height:16px; font-size:13px;} */ #main_board > .inner > div {width:100%;} #main_board > .inner > div + div {margin-top:24px;} /* 열린 청장실 */ /* div.chief_wrap{display:block; margin:20px auto 0; padding:0 10px;} div.chief_wrap div.chief_table{display:block;} div.chief_wrap div.chief_table:first-child{padding-right:0; width:100%;} div.chief_wrap h4{font-size:15px;} div.chief_wrap div.chief_box{width:100%; padding:20px; float:none;} div.chief_wrap div.chief_box div.desc{padding:20px 0;} div.chief_wrap div.chief_box div.desc p{margin-bottom:0; line-height:26px; font-size:18px;} div.chief_wrap div.chief_box div.desc p:first-of-type{margin:0;} div.chief_wrap div.chief_box div.photo_link img{width:100px;} div.chief_wrap div.chief_box div.photo_link ul{margin:20px 0 0 20px;} div.chief_wrap div.chief_box div.photo_link ul li{margin-bottom:10px;} div.chief_wrap div.chief_box div.photo_link ul li a{font-size:14px;} div.chief_wrap div.chief_box div.photo_link ul li a::after{width:6px; height:6px; right:15px; background-size:6px 6px;} */ div.chief_wrap .ceo-link {width:100%;} div.chief_wrap .ceo-link .call-center {margin-top:24px;} div.chief_wrap .schedule-calendar {width:100%; margin-top:24px;} div.chief_wrap div.chief_box div.desc p span{display:inline; /* padding:0; margin-right:0; margin-left:0; background-color:transparent; */} div.chief_wrap div.chief_box div.desc p span b {display:inline-block; /* padding:0 5px; margin-right:2px; margin-left:-5px; background-color:#fc0; */ font-weight:inherit;font-size:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;} div.chief_wrap div.chief_box div.desc p span br {display:block;} div.chief_wrap div.chief_box div.photo_link ul li {display:block; margin-right:0; margin-bottom:10px;} div.chief_wrap div.chief_box div.photo_link ul li a {width:148px;} /* 행사 일정 */ /* div.chief_wrap div.scedule_box{width:100%; margin-top:20px; padding:10px;} div.chief_wrap div.scedule_box div.calendar_wrap{float:none; width:100%; margin:20px auto 0; padding:20px;} div.chief_wrap div.scedule_box div.calendar_wrap h5{font-size:16px;} div.chief_wrap div.scedule_box div.calendar_wrap button{width:12px; height:12px; top:27px; background-size:12px 12px;} div.chief_wrap div.scedule_box div.calendar_wrap button#prev_month{left:60px;} div.chief_wrap div.scedule_box div.calendar_wrap button#next_month{right:60px;} div.chief_wrap div.scedule_box div.calendar_wrap table{font-size:14px;} div.chief_wrap div.scedule_box div.calendar_wrap table th{height:25px;} div.chief_wrap div.scedule_box div.calendar_wrap table td a{width:30px; height:30px; padding-top:3px;} div.chief_wrap div.scedule_box div.scedule_list{float:none; width:100%; margin:30px 0 0 0;} div.chief_wrap div.scedule_box div.scedule_list h5{margin-bottom:15px; font-size:16px;} div.chief_wrap div.scedule_box div.scedule_list ul{width:100%;} div.chief_wrap div.scedule_box div.scedule_list ul li{float:none; width:100%; margin-right:0; margin-bottom:20px;} div.chief_wrap div.scedule_box div.scedule_list ul li:last-child{margin-right:0;} div.chief_wrap div.scedule_box div.scedule_list ul li span.date{width:75px; height:75px; line-height:16px; padding-top:30px; font-size:12px; background-size:20px 20px;} div.chief_wrap div.scedule_box div.scedule_list ul li div.title{width:90%; height:75px; padding:8px 20px 0 50px; left:35px;} div.chief_wrap div.scedule_box div.scedule_list ul li div.title span.desc{display:inline-block; height:40px; line-height:20px; overflow:hidden; font-size:14px;} div.chief_wrap div.scedule_box div.scedule_list ul li div.title span.location{font-size:13px;} div.chief_wrap div.scedule_box div.scedule_list ul li div.title span.location::before{content:''; display:inline-block; width:14px; height:14px; margin-right:8px; overflow:hidden; background:url(/images/np/sub/bg_chief_location_icon.png) no-repeat 0 0/ 14px 14px} div.chief_wrap div.scedule_box div.scedule_list div.no_event{font-size:14px;} */ div.chief_wrap div.scedule_box div.calendar_wrap {width:100%;} div.chief_wrap div.scedule_box div.scedule_list {width:100%; height:auto; padding-top:7px; padding-left:0; margin-top:-8px; margin-left:0; border-radius:0 0 8px 8px;} /* 퀵 링크 */ /* div.quick_link_wrap{margin:20px auto 15px; padding:0 10px;} div.quick_link_wrap div.left{width:100%; margin-right:0;} div.quick_link_wrap div.left ul.quick_link{width:100%; margin-bottom:0; padding:5px 10px 13px;} div.quick_link_wrap div.left ul.quick_link li{width:calc(100% / 3); margin-right:0;} div.quick_link_wrap div.left ul.quick_link li:last-child{margin-right:0;} div.quick_link_wrap div.left ul.quick_link li a{width:100%; font-size:13px;} div.quick_link_wrap div.left ul.quick_link li a::before{width:65px; height:65px; background-size:390px 65px;} div.quick_link_wrap div.left ul.quick_link li:nth-child(2) a::before{background-position:-65px 0;} div.quick_link_wrap div.left ul.quick_link li:nth-child(3) a::before{background-position:-130px 0;} div.quick_link_wrap div.left ul.quick_link li:nth-child(4) a::before{background-position:-195px 0;} div.quick_link_wrap div.left ul.quick_link li:nth-child(5) a::before{background-position:-260px 0;} div.quick_link_wrap div.left ul.quick_link li:nth-child(6) a::before{background-position:-325px 0;} div.quick_link_wrap div.left ul.policy{width:100%;} div.quick_link_wrap div.left ul.policy li{width:100%; margin-top:10px; margin-right:0;} div.quick_link_wrap div.left ul.policy li a{width:100%; height:60px; line-height:60px; font-size:13px;} div.quick_link_wrap div.left ul.policy li a::after{width:60px; height:60px; background-size:120px 60px;} div.quick_link_wrap div.left ul.policy li:last-child{margin-bottom:0;} div.quick_link_wrap div.left ul.policy li:last-child a::after{background-position:-60px 0;} div.quick_link_wrap div.right{width:100%; margin:10px 0;} div.quick_link_wrap div.right img{width:100%;} ul.policy.mobile{display:none;} */ div.quick_link_wrap {margin-top:0;} div.quick_link_wrap ul.quick_link {font-size:0;} div.quick_link_wrap ul.quick_link li {display:inline-block; vertical-align:top; width:33.3333%;} div.quick_link_wrap ul.quick_link li:nth-child(3n+1)::before {display:none;} .main-link2-wrap .policy li {width:100%;} .main-link2-wrap .policy li + li {margin-top:24px;} } @media only all and (max-width: 550px) { #main_visual_inner > div {margin:0;} #main_visual_inner > div > div {padding:0;} .main-notice-board {right:3.3333%; left:3.3333%; width:93.3334%;} div.chief_wrap div.chief_box .chief_img {width:200px;height:200px;} div.chief_wrap div.chief_box div.photo_link ul li {display:block; margin-right:0; margin-bottom:10px;} div.chief_wrap div.chief_box div.photo_link ul li a {width:148px;} }