@charset "UTF-8"; /****************************************/ /* Name: 부산광역시 동구청 /* PART: sub_layout /* Version: .. 수정 2023 07월 /****************************************/ #container {position:relative;z-index:10;width:100%;float: left;} #container .side {float:left; position:relative;} #container.side_none .side {display:none;} #container .side.sticky_start {position:fixed; top:0;} #container .side.sticky_end {position:absolute; bottom:0; left:0;} #container .side .side_menu {overflow-x:hidden; overflow-y:hidden; position:relative; padding-bottom:50px;} #container .side .side_menu .depth2_menu {overflow-x:hidden; /*overflow-y:scroll;*/ position:relative;} @media screen and (max-width:800px) { #container .side {display:none;} } #container .colgroup {float:right;} #container.side_none .colgroup {float:none;} #container .colgroup #contents {min-height: 800px;position:relative;z-index:10;min-height:500px;margin-top:50px;padding-bottom:50px;overflow: hidden;} @media screen and (max-width:800px) { #container .colgroup {float:none;} #container .colgroup #contents {padding-right:2.5%; padding-left:2.5%;} } @media screen and (max-width:640px) { #container .colgroup #contents {min-height:300px; margin-top:25px; padding-bottom:25px;} } #container .path ul.clearfix li {float:left;} #container .colgroup .sub_head {position:relative; z-index:20;} .satisfaction {clear:both; padding-bottom:50px; font-family:'Malgun Gothic', '맑은 고딕', sans-serif; margin-top: 10px; } .satisfaction .satisfaction_list {background-color:#626779;} .satisfaction .satisfaction_list .question {padding-top:14px; padding-right:10px; padding-bottom:14px; padding-left:70px; background-image:url('/user_res/images/common/satisfaction_question_icon.png'); background-repeat:no-repeat; background-position:32px 11px; color:#fff; font-size:15px; line-height:18px;} .satisfaction .satisfaction_list form {padding: 2%;border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:#d3d3d3; border-left-width:1px; border-left-style:solid; border-left-color:#d3d3d3; border-right-width:1px; border-right-style:solid; border-right-color:#d3d3d3; background-color:#fff;} input.submit01 {background: #333;color:#fff;margin-top: 5px;} /* bottom:0; padding-left:0; border-top-width:0; border-right-width:0; border-bottom-width:0; border-left-width:0; background-color:#424655; color:#fff; font-size:14px; line-height:15px;} */ .satisfaction .satisfaction_list form fieldset .input_radio {float:left; font-size:0px;} .satisfaction .satisfaction_list form fieldset .input_radio .input_line {display:inline-block;margin-top:5px;margin-left:10px;vertical-align:middle;} .satisfaction .satisfaction_list form fieldset .input_radio .input_line:first-child {margin-left:0;} .satisfaction .satisfaction_list form fieldset .input_radio .input_line input[type='radio'] {display:inline-block; width:auto; height:auto; margin-top:0; margin-right:0; margin-bottom:0; margin-left:0; padding-top:0; padding-right:0; padding-bottom:0; padding-left:0; border-top-width:0; border-right-width:0; border-bottom-width:0; border-left-width:0; line-height:17px; vertical-align:middle;} .satisfaction .satisfaction_list form fieldset .input_radio .input_line label {display:inline-block; margin-left:3px; color:#333; font-size:15px; line-height:17px; vertical-align:middle;} .satisfaction .satisfaction_list form fieldset .opinion {float:right; font-size:0;} .satisfaction .satisfaction_list form fieldset .opinion input[type='text'] {display:inline-block;width:238px;height: 31px;margin-top:0;margin-right:0;margin-bottom:0;margin-left:0;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0;border-top-width:1px;border-top-style:solid;border-top-color:#aaa;border-right-width:0;border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#aaa;border-left-width:1px;border-left-style:solid;border-left-color:#aaa;color:#333;font-size:15px;line-height:16px;text-indent:8px;} .satisfaction .satisfaction_list form fieldset .opinion input[type='submit'] {display:inline-block; width:90px; height:31px; margin-top:0; margin-right:0; margin-bottom:0; margin-left:0; padding-top:0; padding-right:0; padding-bottom:0; padding-left:0; border-top-width:0; border-right-width:0; border-bottom-width:0; border-left-width:0; background-color:#424655; color:#fff; font-size:14px; line-height:15px;} .satisfaction .satisfaction_list form fieldset .opinion input:focus{outline:2px dashed #000;outline-offset: 2px;} /*접근성 추가 */ .satisfaction .manager_info {padding-top:14px; padding-right:33px; padding-bottom:19px; padding-left:33px; border-top-width:1px; border-top-style:solid; border-top-color:#d3d3d3; border-left-width:1px; border-left-style:solid; border-left-color:#d3d3d3; border-right-width:1px; border-right-style:solid; border-right-color:#d3d3d3; border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:#d3d3d3;} .satisfaction .satisfaction_list ~ .manager_info {border-top-width:0;} .satisfaction .manager_info ul li {float:left; margin-top:5px; margin-right:25px; padding-left:12px; background-image:url('/user_res/images/common/satisfaction_managerList_bu.gif'); background-repeat:no-repeat; background-position:left 10px; font-size:0;} .satisfaction .manager_info ul li span, #container .colgroup .satisfaction .manager_info ul li time {display:inline-block; vertical-align:middle;} .satisfaction .manager_info ul li .title {margin-right:12px; padding-right:14px; background-image:url('/user_res/images/common/satisfaction_managerTitle_line.gif'); background-repeat:no-repeat; background-position:right 3px; color:#333; font-size:15px; line-height:17px; font-weight:600;} .satisfaction .manager_info ul li .text {color:#333; font-size:15px; line-height:17px;} @media screen and (max-width:800px) { .satisfaction .satisfaction_list form {padding-top:20px; padding-bottom:20px;} .satisfaction .satisfaction_list form fieldset .input_radio {float:none;text-align: center;} .satisfaction .satisfaction_list form fieldset .opinion {float:none; position:relative; margin-top:20px; padding-right:90px;} .satisfaction .satisfaction_list form fieldset .opinion input[type='text'] {width:100%; box-sizing:border-box; height:31px;} .satisfaction .satisfaction_list form fieldset .opinion input[type='submit'] {position:absolute; top:0; right:0; } } @media screen and (max-width:640px) { .satisfaction {padding-bottom:25px;} .satisfaction .satisfaction_list .question {padding-top:10px; padding-bottom:10px; padding-left:50px; background-size:auto 20px; background-position:20px 9px; font-size: 0.85rem;} .satisfaction .satisfaction_list form fieldset .opinion {margin-top: 10px;} .satisfaction .satisfaction_list form fieldset .input_radio .input_line label, .satisfaction .satisfaction_list form fieldset .opinion input[type='text'], .satisfaction .satisfaction_list form fieldset .opinion input[type='submit'] {font-size: 0.85rem;} .satisfaction .satisfaction_list form {padding-top:10px; padding-right:10px; padding-bottom:15px; padding-left:10px;} .satisfaction .manager_info {padding-top:5px; padding-right:20px; padding-bottom:10px; padding-left:20px;} .satisfaction .manager_info ul li {background-position:left 6px;} .satisfaction .manager_info ul li .title {background-position:right 4px; font-size: 0.85rem;line-height:16px;} .satisfaction .manager_info ul li .text {font-size: 0.85rem; line-height:15px;} } @media screen and (max-width:360px) { .satisfaction .satisfaction_list form fieldset .opinion {padding-right:0;} .satisfaction .satisfaction_list form fieldset .opinion input[type='text'] {border-right-width:1px; border-right-style:solid; border-right-color:#aaa;} .satisfaction .satisfaction_list form fieldset .opinion input[type='submit'] {display:block; width:100%; margin-top:10px; position:static;} } #container .sub_visual {height:200px; background-image:url('/user_res/images/sub/sub_visual_bg.jpg'); background-repeat:no-repeat; background-position:center top;} #sub02 #container .sub_visual {background-image:url('/user_res/images/sub/sub2_visual_bg.jpg');} #sub03 #container .sub_visual {background-image:url('/user_res/images/sub/sub3_visual_bg.jpg');} #sub04 #container .sub_visual {background-image:url('/user_res/images/sub/sub4_visual_bg.jpg');} #sub05 #container .sub_visual {background-image:url('/user_res/images/sub/sub5_visual_bg.jpg');} #sub06 #container .sub_visual {background-image:url('/user_res/images/sub/sub6_visual_bg.jpg');} #container .sub_visual .big_text {margin-bottom:20px; padding-top:65px; color:#fff; font-size:33px; line-height:35px;} #container .sub_visual .small_text {color:#fff; font-size:28px; line-height:19px;} @media screen and (max-width:800px) { #container .sub_visual {display:none;} } #container .side.sticky_start {top:88px;} #container .side {width:252px; margin-right:50px; margin-top: 30px; } #container .side .side_title {background:#396ac3 url('/user_res/images/sub/side_title_bg.gif') no-repeat left top;} #container .side .side_title .inner_wrap {padding-top:36px; padding-bottom:58px; /*background:url('/user_res/images/sub/side_title_bg.png') no-repeat 214px 8px;*/} #container .side .side_title strong {display:block; padding-top:24px; /*background:url('/user_res/images/sub/side_title_icon.png') no-repeat center top;*/ color:#fff; font-size:28px; line-height:29px; font-weight:400; text-align:center;} #container .side .side_menu .depth2_menu {line-height:0;} #container .side .side_menu .depth2_menu .depth2_list {border-top:1px solid #c5c5c5; transition-property:border-top-color, background-color; transition-duration:0.5s; transition-timing-function:cubic-bezier(1, 0, 0, 1);} #container .side .side_menu .depth2_menu .depth2_list.has {background:url('/user_res/images/sub/side_depth2NextMenu_icon.png') no-repeat 95% 23px;} #container .side .side_menu .depth2_menu .depth2_list.has.hover {background-image:url('/user_res/images/sub/side_depth2NextMenuIcon_hover.png');} #container .side .side_menu .depth2_menu .depth2_list.has.active, #container .side .side_menu .depth2_menu .depth2_list.has.actived {background-image:url('/user_res/images/sub/side_depth2NextMenuIcon_active.png');} #container .side .side_menu .depth2_menu .depth2_list.active, #container .side .side_menu .depth2_menu .depth2_list.actived {background-color:#218be1;} #container .side .side_menu .depth2_menu .depth2_list.active, #container .side .side_menu .depth2_menu .depth2_list.actived, #container .side .side_menu .depth2_menu .depth2_list:first-child {border-top-color:transparent;} #container .side .side_menu .depth2_menu .depth2_list .depth2_anchor {display:block; padding-top:15px; padding-right:10px; padding-bottom:15px; padding-left:20px; color:#222; font-size:17px; line-height:19px; transition:color 0.5s cubic-bezier(1, 0, 0, 1);} #container .side .side_menu .depth2_menu .depth2_list .depth2_anchor:focus{outline:2px dashed #000;outline-offset: -2px;} #container .side .side_menu .depth2_menu .depth2_list.has .depth2_anchor {padding-right:45px;} #container .side .side_menu .depth2_menu .depth2_list.hover .depth2_anchor {color:#616161;} #container .side .side_menu .depth2_menu .depth2_list .depth2_anchor[target='_blank'] {display:inline-block; margin-right:10px; padding-right:23px; background:url('/user_res/images/sub/side_depth2AnchorBlank_icon.png') no-repeat right 19px;} #container .side .side_menu .depth2_menu .depth2_list.has .depth2_anchor[target='_blank'] {margin-right:45px;} #container .side .side_menu .depth2_menu .depth2_list.hover .depth2_anchor[target='_blank'] {background-image:url('/user_res/images/sub/side_depth2AnchorBlankIcon_hover.png');} #container .side .side_menu .depth2_menu .depth2_list.active .depth2_anchor[target='_blank'], #container .side .side_menu .depth2_menu .depth2_list.actived .depth2_anchor[target='_blank'] {background-image:url('/user_res/images/sub/side_depth2AnchorBlankIcon_active.png');} #container .side .side_menu .depth2_menu .depth2_list.active .depth2_anchor, #container .side .side_menu .depth2_menu .depth2_list.actived .depth2_anchor {color:#fff;} #container .side .side_menu .depth2_menu .depth2_list.active .depth2_anchor:hover, #container .side .side_menu .depth2_menu .depth2_list.actived .depth2_anchor:hover {text-decoration:none;} #container .side .side_menu .depth2_menu .depth2_list .depth3_menu {display:none; padding:20px; background-color:#f8f8f8;} #container .side .side_menu .depth2_menu .depth2_list.actived .depth3_menu {display:block;} #container .side .side_menu .depth2_menu .depth2_list .depth3_menu .depth3_list {margin-top:21px;} #container .side .side_menu .depth2_menu .depth2_list .depth3_menu .depth3_list.has {background:url('/user_res/images/sub/side_depth3NextMenu_icon.png') no-repeat 94% 4px;} #container .side .side_menu .depth2_menu .depth2_list .depth3_menu .depth3_list.has.hover {background-image:url('/user_res/images/sub/side_depth3NextMenuIcon_hover.png');} #container .side .side_menu .depth2_menu .depth2_list .depth3_menu .depth3_list.has.active, #container .side .side_menu .depth2_menu .depth2_list .depth3_menu .depth3_list.has.actived {background-image:url('/user_res/images/sub/side_depth3NextMenuIcon_active.png');} #container .side .side_menu .depth2_menu .depth2_list .depth3_menu .depth3_list:first-child {margin-top:0;} #container .side .side_menu .depth2_menu .depth2_list .depth3_menu .depth3_list .depth3_anchor {display:block; color:#222; font-size:16px; line-height:15px; transition:color 0.5s cubic-bezier(1, 0, 0, 1);} #container .side .side_menu .depth2_menu .depth2_list .depth3_menu .depth3_list.has .depth3_anchor {margin-right:21px;} #container .side .side_menu .depth2_menu .depth2_list .depth3_menu .depth3_list.hover .depth3_anchor {color:#000;} #container .side .side_menu .depth2_menu .depth2_list .depth3_menu .depth3_list.active .depth3_anchor, #container .side .side_menu .depth2_menu .depth2_list .depth3_menu .depth3_list.actived .depth3_anchor {display:inline-block; border-bottom:1px dotted #1b3767; color:#1649a5; font-weight:600;} #container .side .side_menu .depth2_menu .depth2_list .depth3_menu .depth3_list.active .depth3_anchor:hover, #container .side .side_menu .depth2_menu .depth2_list .depth3_menu .depth3_list.actived .depth3_anchor:hover {text-decoration:none;} #container .side .side_menu .depth2_menu .depth2_list .depth3_menu .depth3_list .depth3_anchor[target='_blank'] {display:inline-block; margin-right:10px; padding-right:18px; background:url('/user_res/images/sub/side_depth3AnchorBlank_icon.png') no-repeat right 0px;} #container .side .side_menu .depth2_menu .depth2_list .depth3_menu .depth3_list.has .depth3_anchor[target='_blank'] {margin-right:21px;} #container .side .side_menu .depth2_menu .depth2_list .depth3_menu .depth3_list.hover .depth3_anchor[target='_blank'] {background-image:url('/user_res/images/sub/side_depth3AnchorBlankIcon_hover.png');} #container .side .side_menu .depth2_menu .depth2_list .depth3_menu .depth3_list.active .depth3_anchor[target='_blank'], #container .side .side_menu .depth2_menu .depth2_list .depth3_menu .depth3_list.actived .depth3_anchor[target='_blank'] {background-image:url('/user_res/images/sub/side_depth3AnchorBlankIcon_active.png');} #container .side .side_menu .depth2_menu .depth2_list .depth3_menu .depth3_list .depth4_menu {display:none; margin-top:12px; padding:15px; border:1px solid #dcdcdc; background-color:#fff;} #container .side .side_menu .depth2_menu .depth2_list .depth3_menu .depth3_list.actived .depth4_menu {display:block;} #container .side .side_menu .depth2_menu .depth2_list .depth3_menu .depth3_list .depth4_menu .depth4_list {margin-top:10px; padding-left:11px; background:url('/user_res/images/sub/side_depth4List_bu.png') no-repeat left 6px;} #container .side .side_menu .depth2_menu .depth2_list .depth3_menu .depth3_list .depth4_menu .depth4_list.active {background-image:url('/user_res/images/sub/side_depth4ListBu_hover.png');} #container .side .side_menu .depth2_menu .depth2_list .depth3_menu .depth3_list .depth4_menu .depth4_list.actived {background-image:url('/user_res/images/sub/side_depth4ListBu_active.png');} #container .side .side_menu .depth2_menu .depth2_list .depth3_menu .depth3_list .depth4_menu .depth4_list:first-child {margin-top:0;} #container .side .side_menu .depth2_menu .depth2_list .depth3_menu .depth3_list .depth4_menu .depth4_list .depth4_anchor {display:block; padding-right:10px; color:#7b7b7b; font-size:16px; line-height:17px; transition:color 0.5s ease-in-out;} #container .side .side_menu .depth2_menu .depth2_list .depth3_menu .depth3_list .depth4_menu .depth4_list .depth4_anchor[target='_blank'] {display:inline-block; margin-right:10px; padding-right:19px; background:url('/user_res/images/sub/side_depth4AnchorBlank_icon.png') no-repeat right 2px;} #container .side .side_menu .depth2_menu .depth2_list .depth3_menu .depth3_list .depth4_menu .depth4_list.active .depth4_anchor[target='_blank'] {background-image:url('/user_res/images/sub/side_depth4AnchorBlankIcon_hover.png');} #container .side .side_menu .depth2_menu .depth2_list .depth3_menu .depth3_list .depth4_menu .depth4_list.actived .depth4_anchor[target='_blank'] {background-image:url('/user_res/images/sub/side_depth4AnchorBlankIcon_active.png');} #container .side .side_menu .depth2_menu .depth2_list .depth3_menu .depth3_list .depth4_menu .depth4_list.active .depth4_anchor {color:#164395;} #container .side .side_menu .depth2_menu .depth2_list .depth3_menu .depth3_list .depth4_menu .depth4_list.actived .depth4_anchor {color:#164395;} #container .side .side_menu .depth2_menu .depth2_list .depth3_menu .depth3_list .depth4_menu .depth4_list.actived .depth4_anchor:hover {text-decoration:none;} #container .colgroup {width:890px;} #container .colgroup .sub_head {padding-top: 20px;display: inline-block;width: 100%;} #container .colgroup .sub_head .rowgroup {margin-top: 10px; float: right; } .path {float:left; margin-right:15px; padding-top:15px; padding-bottom: 15px; } .path ul li {margin-left:15px; padding-left:15px; background:url('/user_res/images/common/path_list_icon.png') no-repeat left 3px; color:#6d6d6d; font-size:16px; line-height:17px;} .path ul li:first-child {margin-left:0; padding-left:25px; background-image:url('/user_res/images/common/path_list_homeIcon.png'); background-position:left 2px;} .path ul li.actived {color:#222;} #container .colgroup .sub_head .rowgroup .addons {float:left; padding-top:5px; font-size:0;} #container .colgroup .sub_head .rowgroup .addons button {display:inline-block; position:relative; margin-left:5px;} #container .colgroup .sub_head .rowgroup .addons button:first-child {margin-left:0;} #container .colgroup .sub_head .rowgroup .addons button span {display:block; width:100%; height:100%; background-repeat:no-repeat; background-position:center center; font-size:0;} #container .colgroup .sub_head .rowgroup .addons button.print span {background-image:url('/user_res/images/common/addons_printIcon_off.png');} #container .colgroup .sub_head .rowgroup .addons button.print:hover span {background-image:url('/user_res/images/common/addons_printIcon_on.png');} #container .colgroup .sub_head .sub_title {padding-bottom:30px; border-bottom:2px solid #000; clear: both; } #container .colgroup .sub_head .sub_title h2 {color:#222;font-size:30px; line-height:36px; font-weight:600; } /* 반응형 */ @media screen and (max-width:1250px) { #container .side {width: 21%;margin-right: 3%;} #container .colgroup{width: 76%;} } @media screen and (max-width:991px) { #container .side {display: none;} #container .colgroup {width: 90%;float: none;margin: 0 auto;} } @media screen and (max-width:800px) { #container .colgroup {width:auto;} #container .colgroup .sub_head .rowgroup {display:none;} #container .colgroup .sub_head .sub_title { border-bottom:1px dashed #ddd; } #container .colgroup .sub_head .sub_title h2 { font-size:22px; line-height:26px; text-align:center; } } @media screen and (max-width:770px) { #container {/* margin: 48px 0 0; */margin: 30px 0 0;} #container .colgroup .sub_head {padding-top: 0;} } @media screen and (max-width:640px) { #container .colgroup .sub_head .sub_title {padding-bottom:25px;} .path {font-size: 0.85rem;} } @media screen and (max-width:500px) { #container {/* margin: 38px 0 0; */margin: 30px 0 0;} } /* 텍스트 탭메뉴 유형01 - 최대 7칸 */ .tabTxt01{margin-bottom:15px} .tabTxt01 ul:after{display:block;clear:both;content:''} .tabTxt01 ul li{position:relative;float:left;margin:-1px 0 0 -1px} .tabTxt01 ul li:hover{} .tabTxt01 ul li a{position:relative;display:block; height:60px; margin:5px; line-height:60px; font-size:16px; text-align:center; background:#f2f2f2; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;transition: all 0.3s; -moz-transition: all 0.2s; /* Firefox 4 */ -webkit-transition: all 0.2s; /* Safari and Chrome */ -o-transition: all 0.2s; /* Opera */} .tabTxt01 ul li a:focus, .tabTxt01 li a:hover{background:#bf1f47; color:#fff} .tabTxt01 ul li a.on,.tabTxt01 li a.on:hover,.tabTxt01 li a.on:focus{color:#bf1f47; border:2px solid #bf1f47; font-weight:bold; background:#fff; /* box-shadow:3px 3px 10px rgb(184 133 133 / 35%); */} .tabTxt01 ul li a.on::after{background-position:-80px -24px;border:1px solid #cce3f7} ul.li2 > li,ol.li2 > li{width:calc(50% - 5px)}/* 2칸 */ ul.li3 > li,ol.li3 > li{width:calc(33.3% - 10px);}/* 3칸 */ ul.li4 > li,ol.li4 > li{width:25%}/* 4칸 */ ul.li5 > li,ol.li5 > li{width:20%}/* 5칸 */ ul.li6 > li,ol.li6 > li{width:16.6%}/* 6칸 */ ul.li7 > li,ol.li7 > li{width:14.2%}/* 7칸 */ ul.li8 > li,ol.li8 > li{width:12.5%}/* 7칸 */ ul.li9 > li,ol.li9 > li{width:11.2%}/* 7칸 */ .fli::after{display:block;clear:both;content:''} .fli li{float:left} @media all and (min-width:640px){ .mb_tab .selet_txt{display:none} .mb_tab ul{display:block !important} } @media all and (max-width:640px){ /* 탭 셀렉트 변환 */ .tabTxt01 ul li a.on, .tabTxt01 li a.on:hover, .tabTxt01 li a.on:focus{background:#bf1f47; color:#fff; border: 1px solid #dfdfdf; font-weight:normal;} .mb_tab{border:0} .mb_tab ul li{width:100%} .mb_tab ul.li4 li{width:100%} .mb_tab ul.li4 li a{margin:0 5px} .mb_tab{position:relative;padding:0} .mb_tab .selet_txt{position:relative;display:block;width:100%;height:48px; font-weight:bold;text-decoration:none; color:#bf1f47; border:2px solid #bf1f47; text-align:left; padding: 0px 18px;} .mb_tab .selet_txt::after{display:block; position:absolute; top:0; bottom:0; right:20px; width:10px; height:7px; margin-top:auto; margin-bottom:auto; background-image:url('/user_res/images/common/mbtab_btn.png'); background-repeat:no-repeat; background-position:left top;content:'';} .mb_tab .selet_txt.on::after{background-position:left -17px;} .mb_tab .selet_txt.on{color:#3977c3} .mb_tab .selet_txt.on::after{background-position:-274px 0;opacity:0.4} .mb_tab ul{display:none;position:absolute;top:40px;left:0;padding:5px 0 4px 0;width:100%;background:#fff;border:1px solid #dadee6;z-index:100} .mb_tab ul li{text-align:left} .mb_tab ul li a{display:block; margin:0 2px 0 5px; padding:10px 15px; height:auto; line-height:20px; border:1px solid #dfdfdf; text-align:left; text-decoration:none; background: #fff;} .mb_tab li a::after{top:10px;right:10px} } /**/ .weblink_subtit {clear: both; font-size: 20px; line-height: 32px; font-weight: 600; margin: 0 0 2%; color: #333333; padding: 10px 0 0 20px; background:url(/user_res/images/common/lnb_m_depth4AnchorBlankIcon_on.png) no-repeat 0 71%; border-top:1px dashed #dddddd;} .area_weblink {padding: 2% 2% 1%; background: rgba(232, 237, 247, 0.74);} .area_weblink .tab { margin-top: 0;} .area_weblink .tab li { float: left; width: 32.66%; margin-bottom: 1%; margin-right: 1%;} .area_weblink .tab li:nth-of-type(3n) { margin-right: 0;} .area_weblink .tab li a { padding: 0; background: #ffffff;} .area_weblink .tab li a:hover { background: #2d374d; color: #ffffff; font-weight: 600;} .area_weblink.imglink{display: flex !important; justify-content:space-between !important; align-items:center; padding:2% 5% 2% !important;} .area_weblink.imglink .tab{width:32.66%;} .area_weblink.imglink .tab li{width:100% !important; margin-bottom:0; margin-right:0;} @media all and (max-width:550px) { .weblink_subtit {font-size: 1.05rem;} .area_weblink .tab li width: 49.5%;margin-right: 0;} .area_weblink .tab li:nth-of-type(odd) {margin-right: 1%;} .area_weblink .tab li a {margin-left: 0;font-size: 0.85rem;} .area_weblink.imglink > img{width:45%; max-width:130px;} } /* */ .org a:hover {text-decoration:underline;} .org .group .top_level2, .org .group .top_level2-3, .org .group .top_level2-5{position:relative;} .org .group .top_level2 ul{padding-bottom:29px; background:url('/user_res/images/sub/organization_line01.png') no-repeat center bottom; } .org .group .top_level2-3 ul{padding-bottom:29px; background:url('/user_res/images/sub/organization_line01-3.png') no-repeat center bottom; } .org .group .top_level2-5 ul{padding-bottom:29px; background:url('/user_res/images/sub/organization_line01-5.png') no-repeat center bottom; } .org .group .top_level2 li, .org .group .top_level2-3 li, .org .group .top_level2-5 li {font-size:18px; text-align:center;} .org .group .top_level2 li span, .org .group .top_level2-3 li a, .org .group .top_level2-5 li span{display:block;width:190px;height:137px;padding-top:16px;line-height:24px;} .org .link_list_part {} .org .link_list_part > li {float:left; font-size:18px; text-align:center; background:#436692; height:137px; padding-top:16px; line-height:24px;} .org .link_list_part > ul.three li { width:29%; margin:0 2%} .org .link_list_part > ul.four li { width:21%; margin:0 2%} .org .link_list_part > ul.five li { width:16%; margin:0 2%} .org .group .top_level3 {position:relative;} .org .group .top_level3 ul {height:287px; padding-bottom:29px;background: url('/upload_data/board_data/BBS_0000214/171979737696563.png') no-repeat center bottom;} /*.org .group .top_level3 ul {height:287px; padding-bottom:29px; background:url('/upload_data/board_data/BBS_0000214/156194352029281.png') no-repeat center bottom;}*/ .org .group .top_level3 li {font-size:18px; text-align:center;} .org .group .top_level3 li a {display:block; width:190px; height:137px; padding-top:16px; line-height:24px;} .org .group .top_level2-3 .level01.lnk3_line{padding-bottom:0; margin-bottom:-23px; min-height:66px;} .org .group .top_level2-3 .level01.lnk3_line span{padding-right: 18px;padding-left: 18px;} .org .group .top_level2 .level01 , .org .group .top_level2-3 .level01, .org .group .top_level2-5 .level01, .org .group .top_level3 .level01 {padding-bottom:12px; background:url('/user_res/images/sub/organization_line02.gif') no-repeat center bottom; font-size:20px;} .org .group .top_level2 .level01 span, .org .group .top_level2-3 .level01 span, .org .group .top_level2-5 .level01 span, .org .group .top_level3 .level01 a {height:auto;margin:0 auto;padding-top:8px;padding-bottom:8px;border:10px solid #164a9a;background-color:#fff;color:#005bab;} .org .group .top_level3 .level02 {position:relative; z-index:20; width:190px; margin:0 auto; padding-top:20px; padding-bottom:107px; background:url('/user_res/images/sub/organization_line02.gif') repeat-y center bottom 60px;} .org .group .top_level3 .level02 a {height:auto;padding-top:8px;padding-bottom:8px;border:10px solid #16679a;background-color:#fff;color:#16679a;display: block;} .org .group .top_level3 .level04 {position:absolute; right:85px; top:140px; z-index:10; padding-left:8px;} .org .group .top_level3 .level04 a {height:auto; padding-top:8px; padding-bottom:8px; border:10px solid #71B141; background-color:#fff; color:#75b347;} .org .group .top_level3 .level03 {position:absolute; right:85px; top:50px; padding-left:70px; height:150px; background:url('/user_res/images/sub/organization_line04.gif') no-repeat center left 10px;} .org .group .top_level3 .level03 a {height:24px; padding-top:8px; padding-bottom:8px; border:10px solid #41ADB1; background-color:#fff; color:#41adb1;} .org .link_list_part3 {margin-left:2%;} .org .link_list_part3 > li {float:left; width:29%; margin:0 2%;} .org .group .link_list_part3 > li > a {display:block; padding:10px 0 10px; margin-bottom:10px; font-size:18px; line-height:22px; color:#fff; text-align:center; background:#436692;} .org .link_list_part4 {margin-left:2%;} .org .link_list_part4 > li {float:left; width:21%; margin:0 2%;} .org .group .link_list_part4 > li > span {display:block; padding:10px 0 10px; margin-bottom:10px; font-size:18px; line-height:22px; color:#fff; text-align:center; background:#436692;} .org .link_list_part5 {margin-left:2%;} .org .link_list_part5 > li {float:left; width:16%; margin:0 2%;} .org .group .link_list_part5 > li > span {display:block; padding:10px 0 10px; margin-bottom:10px; font-size:18px; line-height:22px; color:#fff; text-align:center; background:#436692;} .org .link_list {margin-left:-13px;} .org .link_list > li {float:left;width:167px;margin-left: 13px;} .org .link_list.org2_cen > li{width: calc(100% / 6 - 10px);margin-left: 10px;} .org .dong_office .link_list > li{width: calc(100% / 4 - 10px);margin-left: 9px;} .org .dong_office .link_list > li:first-child{margin-left:13px} .org .dong_office.bo .link_list > li{width:100%; margin-left:0} .org .link_list > li > a,.org .dong_office > span {display:block; padding:10px 0 10px; margin-bottom:10px; font-size:18px; line-height:22px; color:#fff; text-align:center;} .org .group .link_list > li > a {background:#436692;} /* 2019 org bok chuga */ .org .link_list > li.chairman{margin-top:-270px;} .org .link_list > li.chairman a{background-color:#449ace} .org .group .link_list li.chairman li a{background-color: #f4f4f4;} /* .org .link_list.org2_cen{margin-left:79px;} */ .org .immediate_office .link_list > li > a {background:#43928a;} .org .dong_office > span {background:#4E7E4E;} .org .link_list li li {margin-top:4px;} .org .link_list li li:first-child {/*margin-top:0;*/} .org .link_list li li a {display:block; padding:8px 10px 8px 24px; font-size:15px; color:#4f5d69;} .org .link_list li li a span {display:block; padding-right:15px; background-repeat:no-repeat; background-position:right 2px; font-weight:600;} .org .group .link_list li li a {background:#edf4fa;} .org .group .link_list li li a span {} .org .immediate_office, .org .dong_office { display:block; margin:38px 0; width:80%; float:left;} .org .immediate_office, .org .dong_office.bo{width:18.8%; margin-right:1.2%;} .org .immediate_office .link_list li li a {background:#edfaf8;} .org .immediate_office .link_list li li a span {} .org .dong_office li li a {background:#effaed;} .org .dong_office li li a span {} .org .dong_office li li li a{background:#f3f3f3;} .org .dong_office li li li a span{font-size:12px;} /* */ .org.foreign_org .group .top_level3 li{font-size:16px;} .org.foreign_org .link_list > li > a, .org .dong_office > span{font-size:16px;} .org.foreign_org .link_list li li a span{font-size:13px; line-height:18px;} /* */ .life_org.org .group {height: 120px;} .life_org.org .group .top_level2-3 ul {padding-bottom: 45px;} .life_org.org .link_list_part3 {margin: 0;} .life_org.org .link_list_part3 > li {width: 33.33%;margin: 0;text-align: left;padding-left: 25px;} .life_org.org .link_list_part3 > li+li {text-align: center; padding-left: 0;} .life_org.org .link_list_part3 > li+li+li {text-align: right;padding-right: 25px;} .life_org.org .link_list_part3 li span {padding: 10px 40px 10px; margin-bottom: 10px;font-size: 18px;line-height: 22px;color: #fff;text-align: center;background: #436692;z-index: 2;position: relative; } @media all and (max-width:1024px) { .org .group .top_level3 .level03 {right:0;} .org .group .top_level3 .level04 {right:0;} } @media all and (max-width:970px) { .org .link_list {margin-left:-2%;} .org .link_list > li {width:23%; margin-left:2%;} } @media all and (max-width:760px) { .org .group .top_level3 ul {height:auto; padding-bottom:30px; background-image:none;} .org .group .top_level3 li a {width:auto; height:auto;} .org .group .top_level3 .level01 {padding-bottom:0;} .org .group .top_level3 .level02 {width:auto; padding-bottom:20px;} .org .group .top_level3 .level03 {position:static; float:left; width:50%; padding-left:0; background-image:none;} .org .group .top_level3 .level04 {position:static; float:left; width:50%; height:auto; padding-left:0; background-image:none;} } @media all and (max-width:717px) { .org .link_list {margin:0;} .org .link_list > li {float:none; width:100%; margin:0;} .org .link_list.org2_cen > li{width:100%} .org .dong_office .link_list > li{width:100%; margin-left:0} .org .dong_office .link_list > li:first-child{margin-left:0} .org .dong_office.bo .link_list li > ul > li{width:100%;overflow: hidden;} .org .dong_office.bo .link_list li > ul > li a{} .org .link_list > li > a {margin:15px 0;} .org ul ul ul,.org > div ul ul {margin-left:-2%;} .org .link_list li li {float:left;width:31.3%;margin:0 0 2% 2%;} .org .link_list.org2_cen{margin-left:0;} } @media all and (max-width:500px) { .org .link_list li li {width:48%;} } /* i-pin */ div#bonIn { padding:15px; position:relative; margin:30px auto; height:350px; width:725px;} div#bonIn dl.boox {border:1px solid #dedede; width:350px; height:330px; border-top:3px solid #6699cc; text-align:center; position:absolute; } div#bonIn dl.boox dt {font-weight:bold; margin-bottom:10px; font-size:120%; border-top:1px solid #dedede; margin-top:100px; padding-top:10px; color:#000;} div#bonIn dl.boox dd {line-height:20px; padding:25px; margin:0px; font-size:14px; } div#bonIn dl.boox dd a {background:#3366cc; color:#fff; display:block; padding:5px 40px; position:absolute; bottom:25px; left:50%; margin-left:-72px; text-decoration:none;} div#bonIn dl.boox dd a:hover {color:#fff; background:#ff6600;} div#bonIn dl.sil {left:15px; top:15px; background:url(/user_res/images/sub/sil01.gif) no-repeat 50% 20px;} div#bonIn dl.gpin {left:375px; top:15px; background:url(/user_res/images/sub/sil02.gif) no-repeat 50% 20px;} /* */ .map { background:#545454} .map p { padding:10px; color:#fff; } .traffic { margin-bottom:20px; border:1px solid #ddd; padding:15px 20px 20px} .traffic li { float:left; width:48%; } .traffic li.subway { background:url(/user_res/images/sub/ico_subway.png) no-repeat left 8px; padding:10px 2% 0 38px; border-right:1px solid #ddd; } .traffic li.subway strong { color:#e27319; } .traffic li.bus { background:url(/user_res/images/sub/ico_bus.png) no-repeat left 8px; padding:10px 0 0 38px; margin-left:3%} .traffic li.bus strong { color:#1e9c3c; } .traffic li.car { background:url(/user_res/images/sub/ico_car.png) no-repeat left 8px; padding:10px 0 0 38px; } .traffic li.car strong { color:#227e9d; } /* */ .voucher { } .voucher div { float:left; } .voucher .tbl01 { width:52%; } .voucher .calculate { width:7%; font-size:36px; margin-top:12%; } .voucher .tbl02 { width:17%; } /* */ .minwon_box.bg01{ background:#f6f6f6 url('/user_res/cont_file/donggu/images/box_bg01.png') no-repeat 50px 30px; } /* .minwon_box2.bg02{ background:#f6f6f6 url('/user_res/cont_file/donggu/images/box_bg02.png') no-repeat 50px 23px; } */ .minwon_box3.bg03{background: #f6f6f6 url('/upload_data/board_data/BBS_0000214/152205213755255.png') no-repeat 50px 18px;} .minwon_box3.bg04{background: #f6f6f6 url('/user_res/cont_file/donggu/images/box_bg04.png') no-repeat 50px 18px;} .minwon_box2.bg02 {background-color: #f6f6f6; padding: 20px; overflow: hidden;} .minwon_box2.bg02 .gavel {float: left; margin: 25px 50px;} .minwon_box2.bg02 p {float: left; display: block; width: 60%; padding: 20px;} .btn_sp a{display:inline-block;width:260px;text-align:center;margin-right:10px;} .btn_sp span{display:inline-block;line-height: 35px;margin-top: 0px;vertical-align: bottom;} /* */ .minwon_box{position:relative;margin-bottom:30px;padding:30px 60px 80px 300px;min-height:140px;border:1px solid #e3e3e3} .minwon_box h2{margin-bottom:15px;font-size:28px;color:#0e51b8} .minwon_box .btn_pos{position:absolute;left:300px;bottom:30px;} .minwon_box2 .btn_pos{position:absolute;left:275px;bottom:30px;} .minwon_box2{position:relative;margin-bottom:30px;padding:30px 50px 80px 250px;min-height:100px;border:1px solid #e3e3e3} .minwon_box3{position:relative;margin-bottom:30px;padding: 30px 50px 50px 250px;min-height:100px;border:1px solid #e3e3e3;} @media all and (max-width:600px) { .minwon_box.bg01 {background-image: none;padding: 30px;} .minwon_box h2 { font-size: 1.05rem;} .minwon_box .btn_pos {position: static;} } .minwon_box_modify {position: relative;margin-bottom: 30px;padding: 30px 99px 20px 300px;min-height: 140px;border: 1px solid #e3e3e3; } /* */ .box.type3{overflow:hidden;} .box.type3:after{content:''; clear:both; display:block;} .sort_left{float:left; margin:20px 0 0 20px;} .sort_right{float:left; margin:0 0 0 20px;} .icon_sort_box{overflow:hidden;} .icon_sort_box > .sort_left{float:left; margin:0;} .icon_sort_box > .sort_right{float:none; margin:0 0 0 160px;} .i_btn{float:right;} .i_btn:after{content:""; overflow:hidden; display:block;} /* sitemap */ .sitemap li {list-style:none;margin:0;padding:2px 0;} .sitemap .sitemap-list {} .sitemap .sitemap-list > li {float:left;width:100%;padding:0} .sitemap .sitemap-list .sd1{display:block;font-family: "NanumS";font-size:22px;width:100%;padding:15px 0 15px 0;font-weight: 600;color: #2e5abc;} .sitemap .sitemap-list .sd2{display:block;font-size: 16px;width:100%;color:#1377cc;text-align:center;border:1px solid #1377cc;padding:7px 0;transition: all 0.3s ease 0s!important;} .sitemap .sitemap-list .sd2:hover{background-color:#eaf2ff} .sitemap .sitemap-list .sd2-list-w {width:100%;padding:12px 0px;} .sitemap .sitemap-list .sd2-list-w:after {content:'';width:0;display:block;clear:both} .sitemap .sitemap-list .sd2-list-w .sd2-list:after {content:'';width:0;display:block;clear:both} .sitemap .sitemap-list .sd2-list{width:100%;} .sitemap .sitemap-list .sd2-list:before{content:"";display:table;clear:both} .sitemap .sitemap-list .sd2-list > li {width:24%;height:100%;padding:0 3px 20px 3px;display:inline-block;vertical-align:top} .sitemap .sitemap-list .sd3-list{line-height:12px;padding-left: 10px;margin-top:10px;} .sitemap .sitemap-list .sd3-list>li {background:url(/frontStatics/images/common/dot_bar.gif) no-repeat left 13px; padding-left:10px;} .sitemap .sitemap-list .sd3-list:after{} .sitemap .sitemap-list .sd3-list .sd3{display:inline-block;position: relative;font-size: 14px;letter-spacing: -1px;color:#666;padding: 2px 10px 2px 5px;font-weight: 600;} .sitemap .sitemap-list .sd3-list .sd3:after{width:3px;height:3px;border-radius:50%;background:#5486da;display: inline-block;content:"";float:left;position: absolute;left: 0;top: 10px;} .sitemap .sitemap-list .sd3-list .sd3:hover{color:#1378cb} @media only screen and (max-width:640px) { .sitemap .sitemap-list .sd2-list > li {width:100%;} .minwon_box2.bg02 {} .minwon_box2.bg02 .gavel {float: none; margin: 0 auto;} .minwon_box2.bg02 p {float: none; width: 100%; padding: 10px 30px;} } .sitemap a._blank { background-image: url("/user_res/images/common/lnb_depth3AnchorBlankIcon_off.png");background-repeat: no-repeat;background-position: 100% 50%;padding: 0 20px 0 0;padding-right:20px !important;} .bsdonggu_event{width:100%; text-align:center;} .boxing_list{overflow:hidden} .boxing_list li{float:left;width:33.33%;text-align:center;border:1px solid #e1e1e1} .boxing_list li:nth-child(2){border-right:none;border-left:none} .boxing_list li p{border-top:1px solid #e1e1e1;padding:10px 0} .boxing_list li img{max-width: 172px;width:100%;display: block;margin: 10px auto;} @media only screen and (max-width:640px) { .boxing_list li{float:none;width:80%;margin:10px auto} .boxing_list li:nth-child(2){border:1px solid #e1e1e1} } @media only screen and (max-width:640px) { /* part3 */ .org.life_org{padding-top: 30px;overflow: hidden;background: #eee;} .org .group .top_level2-3 ul{background:none;} .org .group .top_level2 .level01, .org .group .top_level2-3 .level01, .org .group .top_level3 .level01{background:none;} .life_org.org .group .top_level2-3 ul{padding-bottom:20px;} .life_org.org .link_list_part3 > li{min-width: 28%;width: 30%;margin: 0 1%;padding-left: 0;} .life_org.org .link_list_part3 > li span{font-size: 14px;padding: 5px 0px;display: block;width: 100%;} .life_org.org .link_list_part3 > li+li+li{padding-right: 0;} /* part4 */ .org{padding-top: 30px;overflow: hidden;background: #eee;} .org .group .top_level2 ul{background:none;padding-bottom: 10px;} .org .group .link_list_part4 > li{min-width: 28%;width: 30%;margin: 0 1%;padding-left: 0;} .org .group .link_list_part4 > li > span{font-size:14px; padding:5px 0;} .org .group .link_list_part4 > li+li+li{padding-right: 0;} } @media (max-width:700px){ .minwon_box2.bg02 {} .minwon_box2.bg02 .gavel {float: none;display: block;margin: 20px auto;} .minwon_box2.bg02 p {float: none; width: 100%; padding: 10px 30px;} .minwon_box2 .btn_pos {position: unset;margin: 10px 30px;} } /* 2022 구청장 개편 */ .gu_head #container .side .side_title {background: #a41c3f url(/upload_data/board_data/BBS_0000214/165648965562918.gif) no-repeat left top;} .gu_head #container .side .side_menu .depth2_menu .depth2_list.active, #container .side .side_menu .depth2_menu .depth2_list.actived{background-color:#5f5f5f;} /* 2022.07.05 Side Menu */ .gu_head #container .side .side_menu .depth2_menu .depth2_list .depth3_menu .depth3_list.active .depth3_anchor, .gu_head #container .side .side_menu .depth2_menu .depth2_list .depth3_menu .depth3_list.actived .depth3_anchor{ border-bottom: 1px dotted #bf1f47;color: #bf1f47;} .gu_head #container .side .side_menu .depth2_menu .depth2_list .depth3_menu .depth3_list .depth4_menu .depth4_list.actived .depth4_anchor{ color: #bf1f47; } .gu_head #container .side .side_menu .depth2_menu .depth2_list .depth3_menu .depth3_list .depth4_menu .depth4_list.active .depth4_anchor{color: #333; } .gu_head #container .side .side_menu .depth2_menu .depth2_list .depth3_menu .depth3_list .depth4_menu .depth4_list.actived { background-image: url(/upload_data/board_data/BBS_0000214/165698730654544.png);} .gu_head #container .side .side_menu .depth2_menu .depth2_list.has.hover {background-image:url('/upload_data/board_data/BBS_0000214/165698772715947.png');}