@charset "utf-8"; /* 접근성 .board_view div.con .photo p>a {display:none !important;} .board_view div.con img {display:none !important;} .board_view div.con p.img{display:none !important;} #detail_con.showimg .board_view div.con img {display:block !important;} #detail_con.showimg .board_view div.con p.img {display:block !important;} #detail_con.showimg .board_view div.con>p>a {display:block;} .hideWeb{display: none !important} .hideViewPdf li:has(img[src*=pdf]){display: none !important} .general_board .icfile a:has(img){display: none;} .board_view .datalist li:has(img[src*=png.gif], img[src*=jpg.gif], img[src*=jpeg.gif], img[src*=gif.gif]){display: none !important} .hideList_from2 .board_gallery2 ul>li+li{display: none;} .hideList_from2 .paging{display: none;} div.nowInall{display: none;}*/ table caption, table caption.hidden{all:unset !important; position: absolute !important; right:0px !important;z-index: -1 !important; color: #fff !important; font-size: 11px !important;} table caption::selection, table caption.hidden::selection{background:#333 !important } #detail_con .design {margin:10px 0px; padding:50px; font-size:80px; font-weight:bold; font-family:arial; color:#888; text-align:center; border:5px solid #eee; background:#f9f9f9;} #detail_con img {max-width:100%;} #detail_con .caution {margin-top:5px; font-size:14px;} #detail_con .point {color:#bc1414;} #detail_con .point2 {color:#1438bc; font-weight:bold;} #detail_con .c_blue {color:#0D6ACA;} #detail_con .c_pink {color:#ce405e;} #detail_con .dashTop {margin-top:30px; padding-top:30px; border-top:1px dashed #dcdcdc;} #detail_con .map {margin-top:10px; border:1px solid #dcdcdc; padding:8px;} #detail_con .map #map {border:1px solid #eee;} #detail_con * {font-family:'Noto Sans KR','sans-serif';} /***** para *****/ #detail_con .para01 {margin-top:25px; /* margin-left:13px; */margin-left:5px;} #detail_con .para02 {margin-left:11px !important; margin-top:15px !important;} #detail_con .para03 {margin:7px 0px 15px;} .flex{display: flex; flex-wrap: wrap; gap:5px} .fxd{flex-direction: column;} .nowrap{flex-wrap: nowrap;} .nogap{gap:0px} .fx1{flex: 1;} .fxg1{flex-grow: 1; } .fxs0{flex-shrink: 0;} .video_pre{white-space: pre; background: #f5f5f5; white-space: pre-wrap; word-break: break-all; padding:max(2%, 10px) max(4%, 10px); font-size: .9em} /* blet */ /* #detail_con h4 {margin-top:45px; padding-left:30px; color:#003b99; font-size:30px; font-weight:500; background:url(/open_content/main/images/sub/blet.gif) no-repeat left 8px; letter-spacing:-1px;} */ #detail_con h4 {margin-top:45px; font-size:26px; font-weight:600; color:#202020; letter-spacing:-1.5px;} #detail_con h4>span.pin {margin-left:5px; padding-left:18px; background:url(/open_content/main/images/contents/course_pin.png) no-repeat left; font-size:18px; font-weight:400;} #detail_con .sblet {margin-top:25px; padding-left:23px; font-size:17px; font-weight:400; color:#333; background:url(/open_content/main/images/sub/sblet.gif) no-repeat left 4px;} #detail_con .bl03, #detail_con .ssblet {position:relative; margin:5px 0; padding-left:12px;} #detail_con .bl03::before, #detail_con .ssblet:before {display:block; content:""; position:absolute; left:0; top:8px; width:6px; height:6px; border-radius:50%; background:#154ba1;} #detail_con .bl04>li, #detail_con .sssblet {margin-top:3px; padding-left:8px; background:url(/open_content/main/images/sub/sssblet.gif) no-repeat left 9px;} #detail_con .bl05>li, #detail_con .ssssblet {padding-left:8px; background:url(/open_content/main/images/sub/ssssblet.gif) no-repeat left 9px; font-size:14px;} #detail_con :not(ul).bl_bar, #detail_con .bl_bar>li{position: relative; text-align:left; padding-left: .6em} #detail_con :not(ul).bl_bar:before, #detail_con .bl_bar>li:before {display:block; content:"-"; position:absolute; left:0; } #detail_con .tbox {margin-top:1.5%;} #detail_con .sblet_tcon {margin-top:8px; margin-left:15px;} #detail_con .con_box {padding:0 15px 15px 15px; background:#fff; border:1px solid #ddd;} #detail_con .con_box>.tit {text-align:center; padding-top:15px; font-size:16px; font-weight:400;} .tbox .tbox_tline {padding-top:20px; margin-top:20px; border-top:1px dashed #ddd;} #detail_con .sbox {margin-top:1%; padding:10px 15px; border:5px solid #f5f5f5;} #detail_con .roundtbox{border-radius:10px; background: #e7f3fb; border-radius: .8em; padding:max(13px, 4%) max(10px, 5%)} #detail_con .month_info {overflow:hidden; margin-top:20px; padding:50px 40px;} #detail_con .month_info p {padding-top:190px; background:url('/open_content/main/images/contents/month_info.gif') no-repeat center top; font-size:28px; font-weight:600; color:#333333; text-align:center;} #detail_con .dock_info {padding:20px; background:#f8f8f8; border:1px solid #ddd; border-top:none; box-shadow:0 3px 0 #d6d6d6;} #detail_con .dock_info p {margin-bottom:10px;} #detail_con .dock_info span.circle {display:inline-block; background:#ce405e; border-radius:200px; width:25px; height:25px; text-align:center;} #detail_con .dock_info span.circle2 {display:inline-block; background:#17a428; border-radius:200px; width:25px; height:25px; text-align:center;} #detail_con span.sm_point {display:inline-block; font-size:13px; letter-spacing:-2.5px;} #detail_con div.info_point {display:inline-block;} #detail_con div.info_point span {margin-left:5px; padding:2px 4px; font-size:13px; font-weight:600; color:#cb2d2d; border:1px solid #cb2d2d;} #detail_con .olnum>li {list-style:inside decimal; margin-top:5px;} #detail_con .olnum .ollist {margin-left:15px;} #detail_con .ollist>li {position:relative; margin-top:5px; padding-left:20px;} #detail_con .ollist>li span.num {position:absolute; left:0px; top:0px;} #detail_con .ollist .ollist {margin-left:0px; margin-bottom:10px;} /***** 버튼 *****/ #detail_con .conbtnBox {text-align:center; margin-top:30px;} #detail_con .conbtn {display:inline-block; margin:1px 0px; padding:10px 30px; background:#757575; border-radius:3px; color:#fff; font-size:16px; font-weight:400; border:0px; transition:all .2s ease;} #detail_con .consbtn {display:inline-block; padding:5px 15px; background:#757575; border-radius:50px; color:#fff; font-size:14px; border:0px; transition:all .5s ease; line-height:100%;} #detail_con .btn_link {padding-left:45px; background-image:url(/open_content/main/images/sub/ic_link.gif); background-repeat:no-repeat; background-position:25px 15px;} #detail_con .btn_link02 {background-color: #fff; position:relative; overflow:hidden; display:inline-block; text-align:center; margin:0 15px; padding:4px 55px 4px 20px; border:1px solid #888; border-radius:3px; font-weight:bold; font-size:14px; vertical-align:middle} #detail_con .btn_link02 img {vertical-align: middle;} #detail_con .btn_link02::before{content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:url( '/open_content/main/images/contents/btn_link02.png')right 20px top 50% no-repeat;} #detail_con .btn_down {padding-left:45px; background-image:url(/open_content/main/images/sub/ic_down.gif); background-repeat:no-repeat; background-position:25px 14px;} #detail_con .btn_map {padding-left:45px; background-image:url(/open_content/main/images/sub/ic_map.png); background-repeat:no-repeat; background-position:25px center;} #detail_con .consbtn.btn_link {padding-left:30px; background-position:12px center;} #detail_con .consbtn.btn_down {padding-left:30px; background-position:12px center;} #detail_con .consbtn.btn_map {padding-left:25px; background-position:12px center;} #detail_con .consbtn.btn_preview {padding-left:30px; background-position:12px center;} #detail_con .bg1 {background-color:#0862be;} #detail_con .bg2 {background-color:#484848;} #detail_con .bg3 {background-color:#5636bd;} #detail_con .bg4 {background-color:#67419b;} #detail_con .bg5 {background-color:#324bc6;} #detail_con .conbtn:hover {background-color:#333;} #detail_con h4+.right_btn {float:right; margin-top:-30px;} #detail_con .con_top a {display:block; position:fixed; bottom:20px; right:20px; background:rgba(27, 81, 137, 0.8) url('/open_content/main/images/sub/con_top.png') center no-repeat; width:50px; height:50px; border-radius:50px; text-decoration:none; transition:.2s ease; text-indent:-5000px; font-size:0; line-height:0; z-index:9;} #detail_con .con_top a:hover {background-color:#1b5189; background-position:center 10px;} /***** 테이블 *****/ .datatable {margin-bottom:20px; margin-top:10px;} .datatable .data {width:100%;} .datatable p.right+.data {margin-top:0px;} table.data th, table.data td, .datatable .data th, .datatable .data td, .agree_data td {padding:10px; border:1px solid #ccc; word-break:break-all; word-wrap:break-word;} table.data thead th, .datatable .data thead th {padding:10px 5px; border:1px solid #003b99; color:#fff; font-weight:normal; background:#0048bc;} table.data tbody th, .datatable .data tbody th {background:#f8f8f8; font-weight:normal;} table.data tr:first-child, .datatable .data tr:first-child {border-top:2px solid #003b99;} .datatable .data td .ssssblet {font-size:15px;} .datatable .data>thead+tbody>tr:first-child {border-top:0px;} .datatable .data>thead+tbody>tr:first-child td, .datatable .data>thead+tbody>tr:first-child th {border-top:0px solid #ccc;} .datatable .data td.bg_yl {background:#fffbe2;} table.data caption {display: none;} .bl02+table.data {margin-top: 15px;} .board_table.col3 table td {width:33.3% !important;} .board_table .scroll_info {display:none;} /***** 스텝 *****/ #detail_con ol.step {margin-top:10px; display:table; width:100%;} #detail_con ol.step>li {position:relative; box-sizing:border-box; vertical-align:top; background:url(/open_content/main/images/contents/step_arrR.gif?v0.1) no-repeat right center;} #detail_con ol.step>li:last-child {background:none} #detail_con ol.step li div {display:table; width:100%;} #detail_con ol.step li div:first-child p {display:table-cell; text-align:center; padding:0px 10px; width:100%; height:66px; vertical-align:middle; border:1px solid #ccd8eb; background:#fafbfd; font-weight:400;} #detail_con ol.step.h90 li div:first-child p {height:90px;} #detail_con ol.step li .step_con {flex-grow:1; position:relative; top:-1px; padding:5%; background:#f8f8f8; box-sizing:border-box; border:1px solid #ccd8eb; border-top:1px dashed #dcdcdc;} #detail_con ol.step li .step_con:nth-of-type(n+3) {border-top:0;} #detail_con ol.step li .step_con .cell {display:table-cell; vertical-align:middle; width:800px; text-align:center;} #detail_con ol.step.col1 li .step_con {padding:3%; min-height:40px;} #detail_con ol.step.col1>li:last-child {background:none;} #detail_con ol.step.easy_document p {display:table-cell; vertical-align:middle; padding:0px 20px; background-repeat:no-repeat;} #detail_con ol.step.easy_document p.ic01 {background-image:url(/open_content/main/images/contents/civil/easy_document_ic01.gif);} #detail_con ol.step.easy_document p.ic02 {background-image:url(/open_content/main/images/contents/civil/easy_document_ic02.gif);} #detail_con ol.step02 {margin-top:10px;} #detail_con ol.step02>li:not(.gap) {position:relative; display:table; margin-top:25px; width:100%; border:1px solid #ccd8eb; background:#fafbfd;} #detail_con ol.step02>li:first-child {margin-top:10px;} #detail_con ol.step02 .tit {font-weight:400; text-align:center;} #detail_con ol.step02 .con {padding:10px 3%; background:#f8f8f8;} #detail_con ol.step02 .con .arrow {position:relative; padding-top:30px;} #detail_con ol.step02 .con .arrow:before, #detail_con ol.step02 .con .arrow:after {content:''; display:block; position:absolute; left:50%;} #detail_con ol.step02 .con .arrow:before {top:9px; width:6px; height:9px; margin-left:-3px; background:#aaa;} #detail_con ol.step02 .con .arrow:after {top:17px; margin-left:-7px; border:7px solid transparent; border-top:8px solid #aaa;} #detail_con ol.step02 li.gap {position:relative;} #detail_con ol.step02 li.gap p {width:100%; top:-20px; text-align:center; font-size:13px; color:#757575;} #detail_con ol.step02>li:after {display:block; content:''; position:absolute; top:-25px; left:50%; margin-left:-10px; width:21px; height:21px; background:url(/open_content/main/images/contents/step_arrD.gif?v0.1) no-repeat bottom center;} #detail_con ol.step02>li:first-child:after {display:none;} #detail_con ol.step02 li.gap:after, #detail_con ol.step02 li.gap:before {display:none;} #detail_con ol.step02 li.tit.process_pd {padding:15px 0;} #detail_con .ullist {margin-top:10px;} #detail_con .ullist>li {position:relative; display:table; margin-top:5px; width:100%; border:1px solid #ccd8eb; background:#fafbfd;} #detail_con .ullist .tit, #detail_con .ullist .con {display:table-cell; vertical-align:middle;} #detail_con .ullist .tit {padding:0px 3%; width:31%; font-weight:400; text-align:center;} #detail_con .ullist .con {padding:10px 3%; height:40px; border-left:1px dashed #dcdcdc; background:#f8f8f8;} #detail_con .ullist02 {margin-top:10px; overflow:hidden;} #detail_con .ullist02>li {float:left; margin:0px .5%; width:49%; border:1px solid #ccd8eb; background:#fafbfd;} #detail_con .ullist02>li:first-child {margin-left:0px;} #detail_con .ullist02 .tit {display:table; padding:0px 3%; width:100%; text-align:center; border-bottom:1px dashed #dcdcdc;} #detail_con .ullist02 .tit p {display:table-cell; width:100%; height:60px; vertical-align:middle; text-align:center; font-weight:400; font-size:16px;} #detail_con .ullist02 .con {padding:5% 3%; background-color:#f8f8f8;} #detail_con .ullist02 .con .ssssblet {font-size:15px;} #detail_con .ullist02.apply_down>li .con {padding-left:150px; background-repeat:no-repeat; background-position:30px center;} #detail_con .ullist02.apply_down>li.ic01 .con {background-image:url(/open_content/main/images/contents/open_info/apply_down_ic01.gif);} #detail_con .ullist02.apply_down>li.ic02 .con {background-image:url(/open_content/main/images/contents/open_info/apply_down_ic02.gif);} #detail_con .dotlist {margin-top:10px; padding:3% 4%; border:1px solid #dcdcdc; background:#f8f8f8;} #detail_con .dotlist li {padding:10px 5px; border-top:1px dotted #aaa;} #detail_con .dotlist li:first-child {border-top:0px;} #detail_con .course {margin:20px auto; padding:3% 4%; background:#fafbfd; border:1px solid #ccd8eb;} #detail_con .course ol {position:relative; margin:0 auto; font-size:0;} #detail_con .course ol:after {content:''; position:absolute; left:10%; top:4px; width:80%; height:10px; background:url('/open_content/main/images/contents/course_dot.gif') repeat-x; z-index:1;} #detail_con .course ol li {position:relative; display:inline-block; text-align:center; vertical-align:top; padding-top:25px;} #detail_con .course ol li:nth-last-child(3), #detail_con .course ol li:first-child:nth-last-child(3) ~ li {width:60%;} #detail_con .course ol li:nth-last-child(1), #detail_con .course ol li:first-child{width:20% !important;} #detail_con .course ol li:first-child:nth-last-child(4) ~ li {width:30%;} #detail_con .course ol li:nth-last-child(5), #detail_con .course ol li:first-child:nth-last-child(5) ~ li {width:20%;} #detail_con .course ol li:nth-last-child(6), #detail_con .course ol li:first-child:nth-last-child(6) ~ li {width:16.6% !important;} #detail_con .course ol li:before {content:''; position:absolute; left:50%; top:0; width:6px; height:6px; margin-left:-7px; background:#fff; border-radius:50%; border:4px solid #0148bc; z-index:3;} /***** 링크 *****/ #detail_con .gourl {display:inline-block; padding-left:24px; font-weight:400; font-size:15px; text-decoration:underline; background:url(/open_content/main/images/sub/ic_url.gif) no-repeat 5px 6px; word-break:break-all;} #detail_con .downlink {display:inline-block; padding-left:24px; font-weight:400; font-size:15px; text-decoration:underline; background:url(/open_content/main/images/sub/ic_downBk.png) no-repeat 5px 6px;} #detail_con .ssssblet .gourl, #detail_con .ssssblet .downlink {font-size:14px;} #detail_con .outlink {margin-top:3%; background:url(/open_content/main/images/contents/outlink_bg.gif) no-repeat center -120px;} #detail_con .outlink p {text-align:center;} #detail_con .outlink p a {position:relative; display:block; overflow:hidden; margin:0 auto; padding:0; max-width:654px; max-height:413px; border:1px solid #ddd; border-top:1px solid #eee; border-bottom:1px solid #dcdcdc; box-shadow:0px 1px 0px rgba(0,0,0,.2); box-sizing:border-box;} #detail_con .outlink p a:before {position:absolute; left:0; bottom:0; width:100%; height:100%; background:url(/open_content/main/images/contents/outlink_bg2.png) repeat-x left bottom; content:'';} #detail_con .outlink p a img {display:block; width:100%;} #detail_con table .outlink {margin-top:1%;;} #detail_con table .outlink p img {border:1px solid #ddd; border-top:1px solid #eee; border-bottom:1px solid #dcdcdc; box-shadow:0px 1px 0px rgba(0,0,0,.2);} #detail_con .linklist {overflow:hidden;} #detail_con .linklist li {float:left; width:23.5%; margin-top:1%; margin-left:1%; border:1px solid #82a6e1;} #detail_con .linklist li>.tit {display:table; width:100%; text-align:center; font-weight:400; font-size:15px; background:#f0f5fa;} #detail_con .linklist li>.tit .txt {display:table-cell; height:60px; vertical-align:middle;} #detail_con .linklist li>.con {padding:10px 0px; min-height:46px; text-align:center; border-top:1px dashed #dcdcdc;} #detail_con .linklist.col3 li {width:31.5%;} /***** 사진 *****/ #detail_con .conPhoto .txt {display:block; padding:13px 5%; text-align:center; background:#f8f8f8; border-top:1px dotted #dcdcdc; font-size:16px; font-weight:400; color:#333;} #detail_con .conPhoto .txt p {margin-top:8px; padding:0px 5%; font-size:14px; font-weight:normal;} #detail_con p.conPhoto img {max-width:100%; border:1px solid #dcdcdc;} #detail_con .conPhoto {display: flex; flex-wrap: wrap;} #detail_con .conPhoto li {display: flex; flex-direction: column; margin:1.5% 0.7% 0% 0.8%; width:48.5%; text-align:center; border:1px solid #dcdcdc; box-sizing:border-box;} #detail_con .conPhoto li img {display:block; width:100%;} #detail_con .conPhoto.col2 li {width:48%;} #detail_con .conPhoto.col3 li {width:31.8%;} #detail_con .conPhoto.col4 li {width:22%;} #detail_con .conPhoto .txt{flex-grow:1; } #detail_con .conPhoto .img img{width: 100%; height: 100%; ; aspect-ratio:1.5/1; object-fit:ciover} #detail_con .conPhoto.yellow_foot {height:160px;} #detail_con .conPhoto.public_sewer {overflow:hidden; max-height:450px; border:1px solid #dcdcdc;} #detail_con ul.conPhoto.public_sewer {border:none;} #detail_con .conPhoto.public_sewer img {border:none;} #detail_con .photoDash li {margin-top:30px; padding-top:30px; border-top:1px dashed #dcdcdc;} #detail_con .photoDash li:first-child {margin-top:0; padding-top:0; border:0;} #detail_con .seobox {margin-top:10px; overflow:hidden; border:10px solid #f2f2f2;} #detail_con .seobox:before, #detail_con .seobox:after {display:block; content:''; width:0px; height:0px; border-width:40px; border-style:solid; border-color:#f2f2f2;} #detail_con .seobox:before {border-bottom-color:transparent; border-right-color:transparent;} #detail_con .seobox:after {float:right; border-top-color:transparent; border-left-color:transparent;} #detail_con .seobox p.tit {text-align:center; margin-bottom:5%;} #detail_con .seobox p.tit span {display:inline-block; text-shadow:0px 1px 1px rgba(0,0,0,.2); color:#222; border-bottom:5px double #171717; font:bold 48px 'Nanum Myeongjo'; letter-spacing:-1px;} #detail_con .seobox p.stit span {font-size:40px;} #detail_con .seobox .con {padding:1% 7% 0%;;} #detail_con .seobox p.txt {margin-top:10px; font-size:17px; letter-spacing:-1px;} #detail_con .seobox .ic_hand {padding:10px 0px 10px 40px; background:url(/open_content/main/images/contents/seogu/ic_hand.gif) no-repeat left 6px; font-size:17px;} #detail_con .seobox.plan {margin-top:40px;} #detail_con .seobox.plan .con p {margin-top:20px;} #detail_con .seobox.plan .con p:first-child {margin-top:0;} /***** 컨텐츠페이지 내 레이어팝업 ex:/open_content/main/civil/advice/advice.jsp *****/ .pop_layerAlert{display: flex; align-items: center; flex-direction: column; position: absolute; left: max(2%, calc(50% - 300px)); margin: -1em auto auto; padding: max(30px, 2vw) max(15px, 1vw) 1vw; max-width: 600px; width: 96%; border: 3px solid #333; box-shadow: 0px 3px 2em rgba(0,0,0,.5); background: #fff;} .layerAlert_tit{text-align: center; font:900 min(4.5vw, 2em) 'NanumSquare'; color: #222; letter-spacing: -.1em; line-height: 1.3;} .layerAlert_txt{text-align: center; margin-top: min(2vw, 1.5em); font-size: 1.05em; max-width: 500px; word-break: keep-all; } .layerAlert_round{margin-top: min(1.5vw, 1em); padding: .3em max(1.5vw, 15px); background: #DF4018; color: #fff; font-weight: 500; border-radius:50px} .layerAlert_addition{margin:min(2em, 2vw) .5em .5em; padding: max(1em, 1.5vw) max(15px, 2vw); background: #f0f0f0; letter-spacing: -.5px} .layerAlert_close{position: absolute; right: .5em; top: .5em; } .layerAlert_close a{display: block; width: min(2.5em, 5vw); height: min(2.5em, 5vw); overflow:hidden; text-indent: -5000px; } .layerAlert_close a:before, .layerAlert_close a:after{display: block; content: ''; position: absolute; left: 0%; top: 50%; width: 100%; height: 1px; background: #222; transform: rotate(45deg);} .layerAlert_close a::after{transform: rotate(-45deg);} /***** 민원 *****/ /* 민원안내 */ #detail_con .easy_notify ul {margin-top:10%; overflow:hidden;} #detail_con .easy_notify ul li {font-size:16px; background-repeat:no-repeat;} #detail_con .easy_notify ul li.ic01 {background-image:url(/open_content/main/images/contents/civil/easy_notify_ic01.gif);} #detail_con .easy_notify ul li.ic02 {background-image:url(/open_content/main/images/contents/civil/easy_notify_ic02.gif);} #detail_con .easy_notify ul li.ic03 {background-image:url(/open_content/main/images/contents/civil/easy_notify_ic03.gif);} /* 민원상담 */ #detail_con .advice {margin-top:20px; padding:0% 4%; border:1px solid #dcdcdc; background:#f8f8f8;} #detail_con .advice div {padding:4% 0% 2.5%; overflow:hidden;} #detail_con .advice div.ic01 {border-bottom:1px solid #dcdcdc;} #detail_con .advice div p.tit {padding-top:110px; text-align:center; font-weight:400; color:#333; font-size:19px;} #detail_con .advice div.ic01 p.tit {background:url(/open_content/main/images/contents/civil/advice_ic01.gif) no-repeat center top;} #detail_con .advice div.ic02 p.tit {background:url(/open_content/main/images/contents/civil/advice_ic02.gif) no-repeat center top;} #detail_con .advice div ul li {position:relative; margin-top:10px; padding-bottom:10px; border-bottom:1px dashed #dcdcdc;} #detail_con .advice div ul li:last-child {border-bottom:0px dashed #dcdcdc;} /* 민원상담 */ #detail_con .realty {margin-top:20px; border:1px solid #dcdcdc; border-top:0px; border-right:0px; background:#f8f8f8;} #detail_con .realty ul {overflow:hidden;} #detail_con .realty ul li {float:left; width:25%;} #detail_con .realty ul li p {text-align:center; padding:20px 0px; border-right:1px solid #dcdcdc; border-top:1px solid #dcdcdc;} #detail_con .realty ul li p span {display:block; padding:80px 2% 0%;} #detail_con .realty ul li.ic01 p span {background:url(/open_content/main/images/contents/civil/realty_ic01.gif) no-repeat center top;} #detail_con .realty ul li.ic02 p span {background:url(/open_content/main/images/contents/civil/realty_ic02.gif) no-repeat center top;} #detail_con .realty ul li.ic03 p span {background:url(/open_content/main/images/contents/civil/realty_ic03.gif) no-repeat center top;} #detail_con .realty ul li.ic04 p span {background:url(/open_content/main/images/contents/civil/realty_ic04.gif) no-repeat center top;} #detail_con .realty ul li.ic05 p span {background:url(/open_content/main/images/contents/civil/realty_ic05.gif) no-repeat center top;} #detail_con .realty ul li.ic06 p span {background:url(/open_content/main/images/contents/civil/realty_ic06.gif) no-repeat center top;} #detail_con .realty ul li.ic07 p span {background:url(/open_content/main/images/contents/civil/realty_ic07.gif) no-repeat center top;} #detail_con .realty ul li.ic08 p span {background:url(/open_content/main/images/contents/civil/realty_ic08.gif) no-repeat center top;} /* 민원서식 */ #detail_con .form_tab ul {margin:20px 0px; border-top:1px solid #dcdcdc; border-left:1px solid #dcdcdc; overflow:hidden;} #detail_con .form_tab ul li {float:left; width:12.5%; text-align:center;} #detail_con .form_tab ul li a {display:table; padding-top:65px; padding-bottom:10px; border:1px solid #dcdcdc; border-top:0px; border-left:0px; background-color:#f9f9f9; background-position:center 15px; background-repeat:no-repeat; width:100%; box-sizing:border-box;} #detail_con .form_tab ul li a:focus {position:relative; z-index:111;} #detail_con .form_tab ul li a * {line-height:130%;} #detail_con .form_tab ul li a p {display:table-cell; height:50px; width:100%; vertical-align:middle;} #detail_con .form_tab ul li.ic01 a {background-image:url(/open_content/main/images/contents/civil/form_tab01.png);} #detail_con .form_tab ul li.ic02 a {background-image:url(/open_content/main/images/contents/civil/form_tab02.png);} #detail_con .form_tab ul li.ic03 a {background-image:url(/open_content/main/images/contents/civil/form_tab03.png);} #detail_con .form_tab ul li.ic04 a {background-image:url(/open_content/main/images/contents/civil/form_tab04.png);} #detail_con .form_tab ul li.ic05 a {background-image:url(/open_content/main/images/contents/civil/form_tab05.png);} #detail_con .form_tab ul li.ic06 a {background-image:url(/open_content/main/images/contents/civil/form_tab06.png);} #detail_con .form_tab ul li.ic07 a {background-image:url(/open_content/main/images/contents/civil/form_tab07.png);} #detail_con .form_tab ul li.ic08 a {background-image:url(/open_content/main/images/contents/civil/form_tab08.png);} #detail_con .form_tab ul li.ic09 a {background-image:url(/open_content/main/images/contents/civil/form_tab09.png);} #detail_con .form_tab ul li.ic10 a {background-image:url(/open_content/main/images/contents/civil/form_tab10.png);} #detail_con .form_tab ul li.ic11 a {background-image:url(/open_content/main/images/contents/civil/form_tab11.png);} #detail_con .form_tab ul li.ic12 a {background-image:url(/open_content/main/images/contents/civil/form_tab12.png);} #detail_con .form_tab ul li.ic13 a {background-image:url(/open_content/main/images/contents/civil/form_tab13.png);} #detail_con .form_tab ul li.ic14 a {background-image:url(/open_content/main/images/contents/civil/form_tab14.png);} #detail_con .form_tab ul li.ic15 a {background-image:url(/open_content/main/images/contents/civil/form_tab15.png);} #detail_con .form_tab ul li.ic17 a {background-image:url(/open_content/main/images/contents/civil/form_tab17.png);} #detail_con .form_tab ul li.select a {background-color:#0056e0; color:#fff; font-weight:400;} #detail_con .form_tab ul li.select a * {color:#fff;} #detail_con .form_tab ul li.select.ic01 a {background-image:url(/open_content/main/images/contents/civil/form_tab01_on.png);} #detail_con .form_tab ul li.select.ic02 a {background-image:url(/open_content/main/images/contents/civil/form_tab02_on.png);} #detail_con .form_tab ul li.select.ic03 a {background-image:url(/open_content/main/images/contents/civil/form_tab03_on.png);} #detail_con .form_tab ul li.select.ic04 a {background-image:url(/open_content/main/images/contents/civil/form_tab04_on.png);} #detail_con .form_tab ul li.select.ic05 a {background-image:url(/open_content/main/images/contents/civil/form_tab05_on.png);} #detail_con .form_tab ul li.select.ic06 a {background-image:url(/open_content/main/images/contents/civil/form_tab06_on.png);} #detail_con .form_tab ul li.select.ic07 a {background-image:url(/open_content/main/images/contents/civil/form_tab07_on.png);} #detail_con .form_tab ul li.select.ic08 a {background-image:url(/open_content/main/images/contents/civil/form_tab08_on.png);} #detail_con .form_tab ul li.select.ic09 a {background-image:url(/open_content/main/images/contents/civil/form_tab09_on.png);} #detail_con .form_tab ul li.select.ic10 a {background-image:url(/open_content/main/images/contents/civil/form_tab10_on.png);} #detail_con .form_tab ul li.select.ic11 a {background-image:url(/open_content/main/images/contents/civil/form_tab11_on.png);} #detail_con .form_tab ul li.select.ic12 a {background-image:url(/open_content/main/images/contents/civil/form_tab12_on.png);} #detail_con .form_tab ul li.select.ic13 a {background-image:url(/open_content/main/images/contents/civil/form_tab13_on.png);} #detail_con .form_tab ul li.select.ic14 a {background-image:url(/open_content/main/images/contents/civil/form_tab14_on.png);} #detail_con .form_tab ul li.select.ic15 a {background-image:url(/open_content/main/images/contents/civil/form_tab15_on.png);} #detail_con .form_tab ul li.select.ic17 a {background-image:url(/open_content/main/images/contents/civil/form_tab17_on.png);} /* 토지 */ #detail_con .estate_back {margin-top:30px; overflow:hidden;} #detail_con .estate_back li {float:left; padding:0% 3%; width:33.3%;} #detail_con .estate_back li:first-child {border-left:0px;} #detail_con .estate_back li.ic02 {border-left:1px solid #dcdcdc; border-right:1px solid #dcdcdc;} #detail_con .estate_back li p.tit {padding-top:80px;} #detail_con .estate_back li.ic01 p.tit {background:url(/open_content/main/images/contents/civil/estate_cadastral_back01.gif) no-repeat center top;} #detail_con .estate_back li.ic02 p.tit {background:url(/open_content/main/images/contents/civil/estate_cadastral_back02.gif) no-repeat center top;} #detail_con .estate_back li.ic03 p.tit {background:url(/open_content/main/images/contents/civil/estate_cadastral_back03.gif) no-repeat center top;} #detail_con .estate_back li p.tit {margin-bottom:18px; text-align:center; font-weight:400; color:#333; font-size:19px;} #detail_con .estate_back li p.txt {font-size:14px;} #detail_con .estate_type {padding-left:5px; overflow:hidden;} #detail_con .estate_type li {float:left; margin:0% 1% 1.7% .7%; width:31%; border:1px solid #dcdcdc; vertical-align:middle;} #detail_con .estate_type li p.txt {padding:15px 20px; text-align:center; background:#f8f8f8; border-top:1px dashed #dcdcdc; font-size:14px;} #detail_con .estate_type li p.txt span.tit {margin-bottom:10px; display:block; font-weight:400; color:#333; font-size:17px;} #detail_con .estate_type li p.txt {height:120px;} /* #detail_con .estate_type li.type01 p.txt, #detail_con .estate_type li.type02 p.txt, #detail_con .estate_type li.type03 p.txt {min-height:80px;} #detail_con .estate_type li.type04 p.txt, #detail_con .estate_type li.type05 p.txt, #detail_con .estate_type li.type06 p.txt {min-height:95px;} */ #detail_con .estate_need {margin:40px 0px 40px; overflow:hidden;} #detail_con .estate_need>li {float:left; padding:0% 3%; width:33.3%;} #detail_con .estate_need li:first-child {border-left:0px;} #detail_con .estate_need li.ic02 {padding-bottom:20px; border-left:1px solid #dcdcdc; border-right:1px solid #dcdcdc;} #detail_con .estate_need li p.tit {margin-bottom:18px; padding-bottom:110px; text-align:center; font-weight:400; color:#333; font-size:18px;} #detail_con .estate_need li.ic01 p.tit {background:url(/open_content/main/images/contents/civil/estate_cadastral_need01.gif) no-repeat center bottom;} #detail_con .estate_need li.ic02 p.tit {background:url(/open_content/main/images/contents/civil/estate_cadastral_need02.gif) no-repeat center bottom;} #detail_con .estate_need li.ic03 p.tit {background:url(/open_content/main/images/contents/civil/estate_cadastral_need03.gif) no-repeat center bottom;} #detail_con .estate_need li ul.txt {margin-top:20px;} #detail_con .estate_need li ul.txt li {font-size:14px;} #detail_con .estate_effect {margin:30px 0px 40px; overflow:hidden;} #detail_con .estate_effect>li {float:left; padding:115px 3% 0%; width:33.3%; text-align:center; font-size:17px; font-weight:400; color:#333;} #detail_con .estate_effect li:first-child {border-left:0px;} #detail_con .estate_effect li.ic01 {background:url(/open_content/main/images/contents/civil/estate_cadastral_effect01.gif) no-repeat center top;} #detail_con .estate_effect li.ic02 {background:url(/open_content/main/images/contents/civil/estate_cadastral_effect02.gif) no-repeat center top; border-left:1px solid #dcdcdc; border-right:1px solid #dcdcdc;} #detail_con .estate_effect li.ic03 {background:url(/open_content/main/images/contents/civil/estate_cadastral_effect03.gif) no-repeat center top;} #detail_con .origin h4, #detail_con .origin li {background:none; font-size:0; text-indent:-5000px; line-height:0;} /*구민고충*/ #detail_con .difficulty_state>li {padding:30px 0px; border-top:1px dashed #dcdcdc;} #detail_con .difficulty_state>li:first-child {border-top:0px;} #detail_con .difficulty_state>li {display:flex; justify-content:space-around; overflow:hidden;} #detail_con .difficulty_state>li p.tit {margin-bottom:15px; font-weight:400; font-size:20px; color:#333;} #detail_con .difficulty_state>li>div {flex-basis:75%; margin-left:14px;} #detail_con .greeting h4 {margin-bottom:34px;} #detail_con .greeting p {margin-top:17px; font-size:17px;} #detail_con .greeting p.name {margin-top:30px; font-size:19px; font-weight:600;} /*소식참여*/ #detail_con .delivery {padding:50px 50px 50px 175px; margin-top:20px; background:#ffe793 url('/open_content/main/images/contents/community/ch_delivery.gif') no-repeat 40px center;} #detail_con .delivery p {font-weight:400;} #detail_con .delivery p.tit {font-size:22px; color:#0d6aca;} #detail_con .countNum {text-align:center; margin:40px 0 15px; font-size:26px; font-weight:600; color:#1438bc;} /*선별진료소 대기현황*/ #detail_con .corona_wait{overflow:hidden;} #detail_con .corona_wait>li{float:left; text-align:center; width:31.6%; margin-top:1%; padding:3% 2%; background:#f5f5f5; border-radius:8px; font-size:17px;} #detail_con .corona_wait>li:not(:nth-child(3n)){margin:1% 2.5% 1% 0;} #detail_con .corona_wait>li .tit{height:55px; padding-top:6px; line-height:1.4; color:#324bc6; font-size:25px; font-weight:bold; letter-spacing:-.5px;} #detail_con .corona_wait>li .tit span{font-size:14px;} #detail_con .corona_wait>li .state{width:100%; margin:6% 0; padding:6%; font-size:17px; background:#fff; border-radius:5px;} #detail_con .corona_wait>li .state img{vertical-align:middle; margin-right:7px;} #detail_con .corona_wait>li>p>a{margin-top:5px;} /*코로나확진환자*/ .coronatab {overflow:hidden;} .coronatab li a {float:left; display:block; text-align:center; width:33.3%; margin:10px 0; padding:10px 0; border:1px solid #ddd; box-sizing:border-box;} .coronatab li:first-child~li a {border-left:0} .coronatab li.on a {border:1px solid #0d6aca; background:#0d6aca; color:#fff;} /***** 행정공개 *****/ /*비상2년,비전2년*/ .svalue4_header .tit {font-size:40px;} /* 주요업무계획 */ #detail_con .plan2017 {position:relative; padding:3%; margin-top:10px; border:2px solid #dcdcdc;} #detail_con .plan2017 ul.group {overflow:hidden;} #detail_con .plan2017 ul.group>li {float:left; width:18%; margin:10px 1%;} #detail_con .plan2017 ul.group>li.part5 {margin-bottom:100px;} #detail_con .plan2017 ul.group>li.part6 {margin-bottom:0px;} #detail_con .plan2017 ul.group li>a, #detail_con .plan2017 ul.group li>span {position:relative; display:block; margin:3px 0px; padding:5px 5px 8px; border-radius:5px; border:1px solid #dedede; background:#f8f8f8; font-weight:400; text-align:center; font-size:14px; z-index:2;} #detail_con .plan2017 ul.group a span {position:relative; display:inline-block; padding-right:20px; background:url(/open_content/main/images/sub/ic_down.gif) no-repeat right center;} #detail_con .plan2017 ul.group a:hover span{text-decoration:underline} #detail_con .plan2017 ul.group>li>a, #detail_con .plan2017 ul.group>li>span {background:#ce405e; box-shadow:inset 0px -3px 0px #8a3245; border-color:#8a3245; color:#fff;} #detail_con .plan2017 ul.group:first-child>li>a, #detail_con .plan2017 ul.group:first-child>li>span{background:#0d6aca; box-shadow:inset 0px -3px 0px #073c73; border-color:#073c73; color:#fff;} #detail_con .plan2017 ul.group>li>ul {position:relative; padding-top:2px;} #detail_con .plan2017 ul.group>li>ul:after {display:block; content:''; position:absolute; top:0px; left:49%; width:1px; height:100%; background:#ccc; z-index:1;} #detail_con .plan2017 ul.group>li>ul>li {padding-top:1px;} #detail_con .plan2017 ul.group>li>ul>li>a span {background-image:url(/open_content/main/images/sub/ic_downBk.png)} #detail_con .plan2017 ul.group>li>ul>li>a span:after {display:block; content:''; position:absolute; right:0px; top:0px; width:20px; height:25px; background:rgba(249,249,249,.5)} /* 정보공개(민원서식 탭아이콘 같이씀) */ #detail_con .form_tab ul.prepare li {width:10%;} #detail_con .form_tab ul.prepare li.ic01 a {background-image:url(/open_content/main/images/contents/civil/form_tab01.png);} #detail_con .form_tab ul.prepare li.ic02 a {background-image:url(/open_content/main/images/contents/civil/form_tab03.png);} #detail_con .form_tab ul.prepare li.ic03 a {background-image:url(/open_content/main/images/contents/civil/form_tab16.png);} #detail_con .form_tab ul.prepare li.ic04 a {background-image:url(/open_content/main/images/contents/civil/form_tab04.png);} #detail_con .form_tab ul.prepare li.ic05 a {background-image:url(/open_content/main/images/contents/civil/form_tab05.png);} #detail_con .form_tab ul.prepare li.ic06 a {background-image:url(/open_content/main/images/contents/civil/form_tab06.png);} #detail_con .form_tab ul.prepare li.ic07 a {background-image:url(/open_content/main/images/contents/civil/form_tab09.png);} #detail_con .form_tab ul.prepare li.ic08 a {background-image:url(/open_content/main/images/contents/civil/form_tab12.png);} #detail_con .form_tab ul.prepare li.ic09 a {background-image:url(/open_content/main/images/contents/civil/form_tab07.png);} #detail_con .form_tab ul.prepare li.ic10 a {background-image:url(/open_content/main/images/contents/civil/form_tab13.png);} #detail_con .form_tab ul.prepare li.select.ic01 a {background-image:url(/open_content/main/images/contents/civil/form_tab01_on.png);} #detail_con .form_tab ul.prepare li.select.ic02 a {background-image:url(/open_content/main/images/contents/civil/form_tab03_on.png);} #detail_con .form_tab ul.prepare li.select.ic03 a {background-image:url(/open_content/main/images/contents/civil/form_tab16_on.png);} #detail_con .form_tab ul.prepare li.select.ic04 a {background-image:url(/open_content/main/images/contents/civil/form_tab04_on.png);} #detail_con .form_tab ul.prepare li.select.ic05 a {background-image:url(/open_content/main/images/contents/civil/form_tab05_on.png);} #detail_con .form_tab ul.prepare li.select.ic06 a {background-image:url(/open_content/main/images/contents/civil/form_tab06_on.png);} #detail_con .form_tab ul.prepare li.select.ic07 a {background-image:url(/open_content/main/images/contents/civil/form_tab09_on.png);} #detail_con .form_tab ul.prepare li.select.ic08 a {background-image:url(/open_content/main/images/contents/civil/form_tab12_on.png);} #detail_con .form_tab ul.prepare li.select.ic09 a {background-image:url(/open_content/main/images/contents/civil/form_tab17_on.png);} #detail_con .form_tab ul.prepare li.select.ic10 a {background-image:url(/open_content/main/images/contents/civil/form_tab13_on.png);} /*조직별정보공개(↑정보공개탭 같이씀)*/ #detail_con .form_tab ul.group li {width:16.6666%;} #detail_con .form_tab ul.group li.g01 a {background-image:url(/open_content/main/images/contents/civil/group_tab01.png);} #detail_con .form_tab ul.group li.g02 a {background-image:url(/open_content/main/images/contents/civil/group_tab02.png);} #detail_con .form_tab ul.group li.g03 a {background-image:url(/open_content/main/images/contents/civil/group_tab03.png);} #detail_con .form_tab ul.group li.g04 a {background-image:url(/open_content/main/images/contents/civil/group_tab04.png);} #detail_con .form_tab ul.group li.g05 a {background-image:url(/open_content/main/images/contents/civil/group_tab05.png);} #detail_con .form_tab ul.group li.g06 a {background-image:url(/open_content/main/images/contents/civil/group_tab06.png);} #detail_con .form_tab ul.group li.g01.select a {background-image:url(/open_content/main/images/contents/civil/group_tab01_on.png);} #detail_con .form_tab ul.group li.g02.select a {background-image:url(/open_content/main/images/contents/civil/group_tab02_on.png);} #detail_con .form_tab ul.group li.g03.select a {background-image:url(/open_content/main/images/contents/civil/group_tab03_on.png);} #detail_con .form_tab ul.group li.g04.select a {background-image:url(/open_content/main/images/contents/civil/group_tab04_on.png);} #detail_con .form_tab ul.group li.g05.select a {background-image:url(/open_content/main/images/contents/civil/group_tab05_on.png);} #detail_con .form_tab ul.group li.g06.select a {background-image:url(/open_content/main/images/contents/civil/group_tab06_on.png);} .group_info>div {display:none;} /*업무추진비(↑정보공개탭 일부같이씀)*/ #detail_con .cost_tab ul li {width:12.5%;} #detail_con .cost_tab ul li a {background-position:center 20px;} #detail_con .cost_tab ul li.ic01 a {background-image:url(/open_content/main/images/contents/civil/form_tab01.png);} #detail_con .cost_tab ul li.ic02 a {background-image:url(/open_content/main/images/contents/open_info/cost_tab02.png);} #detail_con .cost_tab ul li.ic03 a {background-image:url(/open_content/main/images/contents/open_info/cost_tab03.png);} #detail_con .cost_tab ul li.ic04 a {background-image:url(/open_content/main/images/contents/civil/group_tab02.png);} #detail_con .cost_tab ul li.ic05 a {background-image:url(/open_content/main/images/contents/open_info/cost_tab05.png);} #detail_con .cost_tab ul li.ic06 a {background-image:url(/open_content/main/images/contents/open_info/cost_tab06.png);} #detail_con .cost_tab ul li.ic07 a {background-image:url(/open_content/main/images/contents/open_info/cost_tab07.png);} #detail_con .cost_tab ul li.ic08 a {background-image:url(/open_content/main/images/contents/open_info/cost_tab08.png); letter-spacing:-2px} #detail_con .cost_tab ul li.ic01.select a {background-image:url(/open_content/main/images/contents/civil/form_tab01_on.png);} #detail_con .cost_tab ul li.ic02.select a {background-image:url(/open_content/main/images/contents/open_info/cost_tab02_on.png);} #detail_con .cost_tab ul li.ic03.select a {background-image:url(/open_content/main/images/contents/open_info/cost_tab03_on.png);} #detail_con .cost_tab ul li.ic04.select a {background-image:url(/open_content/main/images/contents/civil/group_tab02_on.png);} #detail_con .cost_tab ul li.ic05.select a {background-image:url(/open_content/main/images/contents/open_info/cost_tab05_on.png);} #detail_con .cost_tab ul li.ic06.select a {background-image:url(/open_content/main/images/contents/open_info/cost_tab06_on.png);} #detail_con .cost_tab ul li.ic07.select a {background-image:url(/open_content/main/images/contents/open_info/cost_tab07_on.png);} #detail_con .cost_tab ul li.ic08.select a {background-image:url(/open_content/main/images/contents/open_info/cost_tab08_on.png);} .settlement {padding:3%; margin-bottom:20px; border:1px solid #dcdcdc; background:#f8f8f8; text-align:center;} .settlement>div {padding-top:30px; margin-top:30px; border-top:1px solid #ccc;} .settlement>div:first-child {padding-top:0; margin-top:0; border-top:none;} .settlement>div .tit {margin-bottom:5px; font-size:20px; font-weight:400; color:#333;} .settlement>div .txt {position:relative; margin-bottom:30px; padding-bottom:30px;} .settlement>div .txt:after {content:''; position:absolute; left:50%; bottom:0; width:30px; height:2px; margin-left:-15px; background-color:#333;} .settlement>div .consbtn {margin-right:10px;} /*검단구출범*/ .gumdan_org{} .gumdan_org .dept{display: flex; flex-wrap: wrap;padding: max(5%, 20px) 0px; gap:20px} .gumdan_org .dept:first-child{padding-top:max(2.5%, 20px) ;} .gumdan_org .dept+.dept{border-top:1px solid #ddd; } .gumdan_org .dept>.guk{width: 135px; font-weight: bold; font-size: 1.025em;} .gumdan_org .dept>.part{flex-grow: 1; display: flex; flex-wrap: wrap; gap:max(2%, 5px)} .gumdan_org .dept>.part>li{flex:1 1; display: flex; flex-direction: column; max-width: 32%; gap:5px} .gumdan_org .part .gwa{text-align: center; padding:9px 5px; background: #fff; border:1px solid #333; box-shadow:inset 0px -3px 0px rgba(0,0,0,.3); border-radius:5px} .gumdan_org .part .team{flex-grow: 1; padding:max(10px, 5%) max(10px, 8%) max(15px, 6%) ; border:1px solid #aaa; border-radius: 7px; } .gumdan_org .part .team>li{font-size: .95rem; margin:2px 0px} .gumdan_org .part .team>li:before{content: '- ';} /* 검단구 구정소식 알림서비스 사전신청 */ .boundary_sms{font-weight: 500; text-align: center; border-radius:10px; background: #e7f3fb; border-radius: .8em; padding:max(13px, 4%) max(10px, 5%)} .boundary_sms span[class^=t]:not(.t1){font-weight: 900;} .boundary_sms .txt1{font-size: 1.3em; color: #222;} .boundary_sms .txt1 span{background: linear-gradient(to right, #295fe1, #00a390); -webkit-background-clip: text; background-clip: text; color: transparent; display: inline-block; font-weight: bold; font-size:1.1em} .boundary_sms .t1{color: #111;} .boundary_sms .t2{color: #295fe1;} .boundary_sms .t3{color: #0c7fe5;} .boundary_sms .t4{color: #019fcb;} .boundary_sms .t5{color: #00a390;} .boundary_sms .txt2{max-width: 700px; margin: auto; margin-top: 2em; padding-top: 2em; border-top:1px dashed rgba(25,45,100,0.2)} /***** 분야별 *****/ #detail_con .conlist {padding-bottom:20px; border-bottom:1px dashed #dcdcdc; overflow:hidden;} #detail_con .conlist:last-child {border-bottom:0px dashed #dcdcdc;} #detail_con .conlist>.con {float:left; width:60%;} #detail_con .conlist>.photo {float:right; width:35%;} #detail_con .conlist>.photo img {width:100%;} /* sms신청 */ .sms_con img{transform: scale(1.1); transform-origin: center top;} @media screen and (max-width:930px){ .sms_con img{transform: scale(1.3);} } .sms_btn{display:flex; flex-wrap: wrap; position: relative; margin: -.5rem auto; max-width: 750px} .sms_btn>li{flex:1} .sms_btn>li input[type=image]{max-width: 100%;} /* 교육 */ #detail_con .class_teacher>li {padding:20px 0px; overflow:hidden; border-top:1px dotted #dcdcdc;} #detail_con .class_teacher>li:first-child {border-top:0px dotted #dcdcdc;} #detail_con .class_teacher .img {float:left; padding:1%; border:1px solid #dcdcdc; background:#f8f8f8; width:18%;} #detail_con .class_teacher .img img {width:100%; display:block;} #detail_con .class_teacher .con {float:right; width:75%;} #detail_con .class_teacher .con p.name {margin-bottom:5px; font-weight:400; font-size:16px;} #detail_con .language_native {margin-top:20px; overflow:hidden;} #detail_con .language_native li {float:left; margin-left:-1px; margin-top:-1px; padding:110px 2.5% 30px; width:44.5%; text-align:center; border-top:1px solid #dcdcdc; border-left:1px solid #dcdcdc; font-weight:400;} #detail_con .language_native li.ic01 {background:url(/open_content/main/images/contents/part/language_native_ic01.gif) no-repeat center 30px;} #detail_con .language_native li.ic02 {background:url(/open_content/main/images/contents/part/language_native_ic02.gif) no-repeat center 30px;} #detail_con .language_native li.ic03 {background:url(/open_content/main/images/contents/part/language_native_ic03.gif) no-repeat center 30px;} #detail_con .language_native li.ic04 {background:url(/open_content/main/images/contents/part/language_native_ic04.gif) no-repeat center 30px;} #detail_con .language_event {margin-top:20px; overflow:hidden;} #detail_con .language_event>li {float:right; width:35%;} #detail_con .language_event>li:first-child {float:left; width:60%;} #detail_con .language_event>li>img {width:100%;} #detail_con .language_event>li ul.conPhoto li {width:100%;} #detail_con .lll {margin-top:40px; overflow:hidden;} #detail_con .lll>li {float:left; width:25%; background-position:center top; background-repeat:no-repeat;} #detail_con .lll>li.ic01 {background-image:url(/open_content/main/images/contents/part/lll_ic01.gif);} #detail_con .lll>li.ic02 {background-image:url(/open_content/main/images/contents/part/lll_ic02.gif);} #detail_con .lll>li.ic03 {background-image:url(/open_content/main/images/contents/part/lll_ic03.gif);} #detail_con .lll>li.ic04 {background-image:url(/open_content/main/images/contents/part/lll_ic04.gif);} #detail_con .lll>li div {padding:100px 20px 0px; text-align:center; border-left:1px solid #dcdcdc;} #detail_con .lll>li:first-child div {border-left:0px;} /* 일자리 */ #detail_con .social {margin-top:10px; padding:5%; border:1px solid #dcdcdc; background:#f8f8f8;} #detail_con .social p.tit {text-align:center; font:bold 30px 'Nanum Myeongjo'; color:#333; letter-spacing:-1px;} #detail_con .social p.txt {margin-top:10px; text-align:center; font-size:18px;} #detail_con .social ul {position:relative; margin:20px 5%; overflow:hidden;} #detail_con .social ul:after {display:block; content:''; width:57px; height:57px; position:absolute; background:url(/open_content/main/images/contents/part/social_plus.gif) no-repeat center center;} #detail_con .social ul li {margin:2%;} #detail_con .social ul li>div {padding:30px; border:10px solid #f4bfca; border-radius:200px;} #detail_con .social ul li:first-child>div {border-color:#cbb8e5;} #detail_con .social ul li p {text-align:center;} #detail_con .social ul li p.q {padding:3% 0px; border-bottom:1px solid #ce405e; font-size:27px; font-weight:400; color:#ce405e;} #detail_con .social ul li:first-child p.q {color:#67419b; border-color:#67419b;} #detail_con .social ul li .a {margin-top:15%;} #detail_con .social ul li .a .wfont {font-size:16px; margin-bottom:10px;} /* 도로건축 */ #detail_con .housing_ic01 {padding-top:120px; margin-bottom:3%; background:url(/open_content/main/images/contents/part/housing_ic01.gif) no-repeat center 20px;} #detail_con .housing_ic02 {padding-top:120px; margin-bottom:3%; background:url(/open_content/main/images/contents/part/housing_ic02.gif) no-repeat center 20px;} #detail_con .housing_ic03 {padding-top:120px; margin-bottom:3%; background:url(/open_content/main/images/contents/part/housing_ic03.gif) no-repeat center 20px;} #detail_con .housing_adm {overflow:hidden; width:100%;} #detail_con .housing_adm>div {float:left; width:45%; margin:2%; background:#f8f8f8; border:1px solid #dcdcdc; text-align:center; height:268px;} #detail_con .housing_adm .title {font-size:18px; font-weight:600;} #detail_con .housing_adm ul {overflow:hidden; text-align:center;} #detail_con .housing_adm ul li {display:inline-block; width:40%; color:#fff; font-weight:600; margin:1px 0; background:#59575c; border-radius:20px; padding:3px 0; font-size:14px;} #detail_con .housing_login>div {margin:4% 0 2%; padding:2% 0 3%; background:#f8f8f8; border:1px solid #dcdcdc; text-align:center;} #detail_con .housing_login .title {font-size:18px; font-weight:600;} #detail_con .housing_login ul {overflow:hidden; text-align:center;} #detail_con .housing_login ul li {display:inline-block; width:20%; color:#fff; font-weight:600; margin:1px 0; background:#59575c; border-radius:20px; padding:3px 0; font-size:14px;} /* 스마트에코 */ #detail_con .smarteco_organ {min-height:550px;} #detail_con .smarteco_organ>p {text-align:center; margin:0 auto 20px; color:#fff; border-radius:10px;} #detail_con .smarteco_organ>p.rank1 {position:relative; width:135px; height:135px; font-size:20px; font-weight:bold; background:#0d6aca; border-radius:100%; line-height:135px;} #detail_con .smarteco_organ>p.rank1:after {top:0; left:50%; width:1px; height:375px;} #detail_con .smarteco_organ>p.rank1_txt {padding-left:100px; color:#333;} #detail_con .smarteco_organ>div {position:relative;} #detail_con .smarteco_organ>div>ul>li {width:220px; margin-bottom:8px; padding:10px; background:#f3f3f3;} #detail_con .smarteco_organ>div .rank2 {text-align:center; margin:0 auto 100px; width:220px; padding:12px 0; color:#fff; border-radius:10px; background:#67419b;} #detail_con .smarteco_organ>div .rank2:after {top:50%; left:24%; width:48%; height:1px;} #detail_con .smarteco_organ>div .rank2_1 {position:absolute; top:-90px; right:0;} #detail_con .smarteco_organ>div .rank2_1>li {position:relative;} #detail_con .smarteco_organ>div .rank2_1>li:not(:last-child):before {content:''; position:absolute; top:50%; left:-15%; width:1px; height:140px; background:#888; z-index:-1;} #detail_con .smarteco_organ>div .rank2_1>li:after {top:50%; left:-15%; width:15%; height:1px;} #detail_con .smarteco_organ>div .rank2_2 {position:absolute; top:0; left:0; text-align:center;} #detail_con .smarteco_organ>div .rank2_2>li {position:relative; padding:12px 0;} #detail_con .smarteco_organ>div .rank2_2>li:after {top:50%; right:-15%; width:15%; height:1px;} #detail_con .smarteco_organ>div .rank2_2>li:nth-child(2):before {content:''; position:absolute; top:50%; right:-15%; width:1px; height:55px; background:#888; z-index:-1;} #detail_con .smarteco_organ>div .rank2_2>li.tit {margin-bottom:85px; color:#fff; background:#777; border-radius:10px;} #detail_con .smarteco_organ>div .rank2_2>li.tit:after {top:0; left:50%; width:1px; height:305%;} #detail_con .smarteco_organ .rank3 {position:relative; width:220px; padding:12px 0; background:#ce405e;} #detail_con .smarteco_organ .rank3:after {top:50%; left:-41%; width:41%; height:1px;} #detail_con .smarteco_organ>p.rank1:after, #detail_con .smarteco_organ>div .rank2:after, #detail_con .smarteco_organ>div .rank2_1>li:after, #detail_con .smarteco_organ>div .rank2_2>li:after, #detail_con .smarteco_organ>div .rank2_2>li.tit:after, #detail_con .smarteco_organ .rank3:after {content:''; position:absolute; background:#888; z-index:-1;} /* 산업경제 */ #detail_con .factory {margin-top:1.5%; overflow:hidden;} #detail_con p.telemarketing {margin-top:10px; margin-bottom:5px; padding:5%; text-align:center; border:1px solid #dcdcdc;} #detail_con p.bestshop {margin:2% 0; text-align:center; padding:1%; border:1px solid #dcdcdc;} #detail_con p.bestshop img {width:100%; height:100%;} /* 식품위생 */ #detail_con .improve_good>li {padding:25px 0px; border-top:1px dashed #dcdcdc;} #detail_con .improve_good>li:first-child {border-top:0px;} #detail_con .improve_good>li {overflow:hidden;} #detail_con .improve_good>li>p {padding-top:110px; text-align:center; font-weight:400; font-size:20px; color:#333;} #detail_con .improve_good>li.ic01>p {background:url(/open_content/main/images/contents/part/improve_good_ic01.gif) no-repeat center 10px;} #detail_con .improve_good>li.ic02>p {background:url(/open_content/main/images/contents/part/improve_good_ic02.gif) no-repeat center 10px;} #detail_con .improve_good>li.ic03>p {background:url(/open_content/main/images/contents/part/improve_good_ic03.gif) no-repeat center 10px;} #detail_con .improve_restaurant>li {padding:25px 0px; border-top:1px dashed #dcdcdc;} #detail_con .improve_restaurant>li:first-child {border-top:0px;} #detail_con .improve_restaurant>li {overflow:hidden;} #detail_con .improve_restaurant>li>p {padding-top:150px; text-align:center; font-weight:400; font-size:20px; color:#333;} #detail_con .improve_restaurant>li.ic01>p {background:url(/open_content/main/images/contents/part/improve_restaurant_ic01.gif) no-repeat center top;} #detail_con .improve_restaurant>li.ic02>p {background:url(/open_content/main/images/contents/part/improve_restaurant_ic02.gif) no-repeat center top;} #detail_con .improve_restaurant>li.ic03>p {background:url(/open_content/main/images/contents/part/improve_restaurant_ic03.gif) no-repeat center top;} #detail_con .improve_simple>li {border-top:1px dashed #dcdcdc; background-repeat:no-repeat;} #detail_con .improve_simple>li:first-child {border-top:0px;} #detail_con .improve_simple>li.ic01 {background-image:url(/open_content/main/images/contents/part/improve_simple_ic01.gif);} #detail_con .improve_simple>li.ic02 {background-image:url(/open_content/main/images/contents/part/improve_simple_ic02.gif);} #detail_con .improve_simple>li.ic03 {background-image:url(/open_content/main/images/contents/part/improve_simple_ic03.gif);} #detail_con .improve_simple>li.ic04 {background-image:url(/open_content/main/images/contents/part/improve_simple_ic04.gif);} #detail_con .improve_simple>li>p {font-weight:400; font-size:20px; color:#333;} #detail_con .improve_fat>li {border-top:1px dashed #dcdcdc; background-repeat:no-repeat;} #detail_con .improve_fat>li:first-child {border-top:0px;} #detail_con .improve_fat>li.ic01 {background-image:url(/open_content/main/images/contents/part/improve_fat_ic01.gif);} #detail_con .improve_fat>li.ic02 {background-image:url(/open_content/main/images/contents/part/improve_fat_ic02.gif);} #detail_con .improve_fat>li.ic03 {background-image:url(/open_content/main/images/contents/part/improve_fat_ic03.gif);} #detail_con .improve_fat>li.ic04 {background-image:url(/open_content/main/images/contents/part/improve_fat_ic04.gif);} #detail_con .improve_fat>li>p {font-weight:400; font-size:20px; color:#333;} /*체육공원*/ #detail_con .player {margin-top:10px; overflow:hidden;;} /* 선수소개, 강사소개 */ #detail_con .player li {float:left; width:23%; margin:1%;} #detail_con .player div {padding:4%; border:1px solid #dcdcdc; background:#f8f8f8;} #detail_con .player div p {text-align:center;} #detail_con .player div p.img {overflow:hidden; text-align:center; height:235px;} #detail_con .player div p.img img {width:100%;} #detail_con .player div p.name {padding:7px 0px 11px;} #detail_con .player div p.name span {font-size:18px; color:#333; font-weight:400;} #detail_con .player div p.date {padding:8px 0px 4px; border-top:1px dashed #ccc; font-size:14px;} #detail_con .sports_Box {margin-bottom:35px;} #detail_con .sports_Box .sign {letter-spacing:-1px; font-size:20px; font-weight:600; font-style:italic; font-family:'NanumMyungjo', '나눔명조', 'Nanum Gothic','나눔고딕', sans-serif;} #detail_con .eumroad_box {overflow:hidden; margin-top:18px; margin-left:5px;} #detail_con .eumroad_box .img {position:relative; float:left; width:49%;} #detail_con .eumroad_box .img a {position:absolute; top:0; left:0; padding:3%; background:#0148bc;} #detail_con .eumroad_box .txt {float:right; width:49%; padding-top:.5%;} #detail_con .eumroad_box .txt .sblet {margin-top:0; padding-bottom:20px;} #detail_con .ready.txt {color:#999; font-size:28px; font-weight:700;} /* 민방위 안전 */ #detail_con .disaster_check>li {padding:25px 0px; border-top:1px dashed #dcdcdc;} #detail_con .disaster_check>li:first-child {border-top:0px;} #detail_con .disaster_check>li {overflow:hidden;} #detail_con .disaster_check>li>p {padding-top:110px; text-align:center; font-weight:400; font-size:20px; color:#333;} #detail_con .disaster_check>li.ic01>p {background:url(/open_content/main/images/contents/part/disaster_check_ic01.gif) no-repeat center 10px;} #detail_con .disaster_check>li.ic02>p {background:url(/open_content/main/images/contents/part/disaster_check_ic02.gif) no-repeat center 10px;} #detail_con .disaster_check>li.ic03>p {background:url(/open_content/main/images/contents/part/disaster_check_ic03.gif) no-repeat center 10px;} #detail_con .disaster_check>li.ic04>p {background:url(/open_content/main/images/contents/part/disaster_check_ic04.gif) no-repeat center 10px;} #detail_con .disaster_check>li.ic05>p {background:url(/open_content/main/images/contents/part/disaster_check_ic05.gif) no-repeat center 10px;} #detail_con .disaster_firstaid {margin-top:10px; overflow:hidden;} #detail_con .disaster_firstaid>div {float:left; padding-left:3%; width:46.5%;} #detail_con .disaster_firstaid>div:first-child {border-right:1px dashed #dcdcdc;} #detail_con .disaster_firstaid>div p.tit {padding-top:170px; text-align:center; font-weight:400; color:#333; font-size:17px;} #detail_con .disaster_firstaid>div.ic01 p.tit {background:url(/open_content/main/images/contents/part/disaster_firstaid_ic01.gif) no-repeat center top;;} #detail_con .disaster_firstaid>div.ic02 p.tit {background:url(/open_content/main/images/contents/part/disaster_firstaid_ic02.gif) no-repeat center top;;} #detail_con .disaster_firstaid>div ul {margin-top:20px;} #detail_con.disaster_manual #manual06 ul {counter-reset:num;} #detail_con.disaster_manual #manual06 li {position:relative;} #detail_con.disaster_manual #manual06 li:before {position:absolute; left:8px; top:8px; text-align:center; width:28px; height:28px; background-color:#f7b53a; border:2px solid #000; font-size:18px; font-weight:400; color:#fff; line-height:28px; border-radius:100%; counter-increment:num; content:counter(num); z-index:99;} #detail_con.disaster_manual dl {display:table; height:150px; width:100%; border:1px solid #ddd;} #detail_con.disaster_manual #manual06 dl dt img {width:220px;} #detail_con.disaster_manual dl dt {position:absolute;} #detail_con.disaster_manual dl dd {position:relative; display:table-cell; vertical-align:middle; padding:10px 30px 10px 250px;word-break:keep-all;} /* 서구문화 210524 */ .sgCulture{position:relative; margin-top:-30px} .sgCulture:before{display:block; content:''; position:absolute; left:3%; top:57px; width:185px; height:132px; background:url(/open_content/main/images/contents/part/sgCulture_bg01.gif) no-repeat left top} .sgCulture>p.tit{margin:auto; text-align:center; padding:45px 150px 40px; line-height:0px; background:url(/open_content/main/images/contents/part/sgCulture_bg02.gif) no-repeat right 3% bottom/contain} .sgCulture>p.tit img{width:342px !important} .sgCulture>ul{padding-top:5px; border-top:3px solid #333} .sgCulture>ul li{border-bottom:1px solid #ddd} .sgCulture>ul li a{display:block; position:relative; padding:35px 0px; padding-left:165px; overflow:hidden} .sgCulture>ul li a:before{display:block; content:''; position:absolute; left:36px; top:50%; margin-top:-41px; width:82px; height:82px; background-color:#ececec; background-position:3px center; background-repeat:no-repeat; border-radius:100px; background-size:150px; transition:all ease .3s; -webkit-transition:all ease .3s} .sgCulture>ul li:nth-child(1) a:before{background-image:url(/open_content/main/images/contents/part/sgCulture_ic01.png); } .sgCulture>ul li:nth-child(2) a:before{background-image:url(/open_content/main/images/contents/part/sgCulture_ic02.png); } .sgCulture>ul li:nth-child(3) a:before{background-image:url(/open_content/main/images/contents/part/sgCulture_ic03.png); } .sgCulture>ul li:nth-child(4) a:before{background-image:url(/open_content/main/images/contents/part/sgCulture_ic04.png); } .sgCulture>ul li a p.txt{width:60%} .sgCulture>ul li a span{display:block} .sgCulture>ul li a p.txt span.stit{margin-top:0px; font-size:1.1em} .sgCulture>ul li a p.txt span.tit{margin:10px 0px; font-size:1.65em; color:#333; font-weight:600} .sgCulture>ul li a p.img{position:absolute; bottom:0px; right:0%; width:30%; line-height:0px} .sgCulture>ul li a p.img .site{margin-left:20%; transition:all ease .3s; -webkit-transition:all ease .3s} .sgCulture>ul li a p.img .site img{box-shadow:1px 2px 4px rgba(0,0,0,.2)} .sgCulture>ul li a p.img span.go{opacity:0; display:block; position:absolute; right:15px; bottom:30px; text-align:center; width:30px; height:30px; line-height:30px; background:#111; color:#fff; border-radius:50px; font-size:13px; transition:all ease .2s} .sgCulture>ul li a p.img span.go:after, .sgCulture>ul li a p.img span.go:before{display:block; content:''; position:absolute; bottom:-10px; right:10px; height:2px; background:#111; transition:all ease .2s} .sgCulture>ul li a p.img span.go:before{width:105px} .sgCulture>ul li a p.img span.go:after{width:16px; transform:rotate(45deg); margin-bottom:5px; margin-right:-2px} .sgCulture>ul li a:hover:before{background-color:#0056e0; background-position:right 3px center; } .sgCulture>ul li a:hover p.img .site{margin-left:0px;} .sgCulture>ul li a:hover p.img span.go{opacity:1; right:35px} .sgCulture>ul li a:hover p.img span.go:after, .sgCulture>ul li a:hover p.img span.go:before{right:-30px} /* 메타버스 */ .meta {text-align:center; letter-spacing:-.5px;} .meta_tit {font-size:36px; font-weight:600; color:#202020;} .meta_txt {width:75%; margin:0 auto; padding:2% 0 4%; color:#999; font-size:20px; background:url(/open_content/main/images/contents/part/meta_txt_left.gif) no-repeat left 15px, url(/open_content/main/images/contents/part/meta_txt_right.gif) no-repeat right 15px;} .meta_info>a {display:inline-block; padding:14px 30px; color:#fff; font-size:20px; border-radius:30px; background:linear-gradient(to right, #4592fb, #5928ff);} .meta_info+.meta_list {margin-top:10%;} .meta_list {display:flex; flex-direction:row; gap:2%; flex-wrap:wrap;} .meta_list li {position:relative; width:32%; min-height:345px; margin-bottom:3%; padding:36px 24px 70px; background:#fff; border:1px solid rgba(0,0,0,.2); border-radius:5px;} .meta_list li:hover {border:1px solid #0056e0;} .meta_list li:hover .meta_list_btn {color:#fff; background:#0056e0; transition:all ease .2s} /* .meta_list li.on {border:1px solid #0056e0;} .meta_list li.on .meta_list_btn {color:#fff; background:#0056e0; transition:all ease .2s} */ .meta_list li .meta_list_tit {margin-bottom:24px; font-size:21px; font-weight:600;} .meta_list li .meta_list_txt {margin-top:8px} .meta_list li .meta_list_btn {position:absolute; bottom:0; left:0; right:0; padding:10px; background:#ddd; transition:.3s} .meta_list li .meta_list_conbtn {display:inline-block; margin-top:5px; padding:6px 20px 6px 45px; color:#fff; border-radius:50px; background-color:#189f00; background-image:url(/open_content/main/images/sub/ic_link.gif); background-repeat:no-repeat; background-position:22px 12px;} .meta_list li.ing {padding:0; background:#f5f5f5; border:none;} .meta_list li.ing p {color:#999; font-size:21px; font-weight:600;} .meta_list li.ing p span {display:block; margin-bottom:20px; font-size:26px;} .meta_list li.ing>div {position:absolute; transform:translateY(-50%); top:50%; width:100%; padding:25px;} .meta_list li.ing>div .soon {position:relative; padding-top:50px; color:#ccc; font-weight:600; font-size:18px;} .meta_list li.ing>div .soon:before {content:''; display:block; position:absolute; top:17%; left:50%; width:1px; height:25px; background:#d8d8d8;} .meta_list.col2 {justify-content:center;} .meta_list.col2>li:first-child {margin-right:2%;} .meta_list.col2_w { width:80%; margin:10% auto 0; } .meta_list.col2_w li { width:49%; } .meta_list.inglist { display:unset; font-size:0; } .meta_list.inglist li { display:inline-block; margin-right:2%; } .meta_list.inglist li:last-child { margin-right:0; } .meta_layer {display:none; position:fixed; left:0; top:0; right:0; bottom:0; background:rgba(0,0,0,.8); z-index:1000;} .meta_layer_box {position:relative; top:14%; text-align:center; max-width:1200px; height:80vh; margin:0 auto; padding:80px; background:#fff; border-radius:7px;} .meta_layer_box .meta_con {height:100%; overflow-y:scroll;} .meta_layer_box .meta_con .meta_h4 {font-size:34px; font-weight:600; color:#0056e0; letter-spacing:-1.5px;} .meta_layer_box .meta_con .meta_tit {margin:20px 0 34px; font-size:24px; font-weight:600;} .meta_layer_box .meta_con .imgbox {margin:34px 0 20px;} .meta_layer_box .meta_con .imgbox .img_txt {max-width:983px; margin:0 auto; padding:8px; background:#f5f5f5;} .meta_layer_box .meta_con>p {font-size:16px;} .meta_layer_box.sm { max-width:600px; height:auto; padding:70px; } .meta_layer_box.sm .meta_con { overflow:auto; } .meta_layer_box.sm .con { margin-top:10%; } .meta_layer_box.sm .con .meta_tit { margin:22px 0 16px; } .meta_layer_box.sm .con .zepeto>a { display:inline-block; width:40%; margin-right:2%; padding:104px 0px 30px; background:#fff; background-repeat:no-repeat; background-position:center 30px; border:1px solid rgba(0,0,0,.2); border-radius:5px;} .meta_layer_box.sm .con .zepeto>a.and { background-image:url(/open_content/main/images/contents/part/zepeto_and.gif);} .meta_layer_box.sm .con .zepeto>a.ios { margin-right:0; background-image:url(/open_content/main/images/contents/part/zepeto_ios.gif); } .meta_layer_box.sm .con .zepeto>a:hover {border:1px solid #0056e0;} .meta_layer_close {position:absolute; right:-80px; top:0; text-align:center; color:#fff !important; font-size:14px; font-weight:500; width:60px;} .meta_layer_close span {position:relative; display:block; width:60px; height:60px; margin-bottom:10px; border-radius:5px; background:#fff;} .meta_layer_close span:before, .meta_layer_close span:after {content:""; position:absolute; left:50%; top:50%; width:60%; height:1px; background:#000;} .meta_layer_close span:before {transform:translate(-50%,-50%) rotate(45deg);} .meta_layer_close span:after {transform:translate(-50%,-50%) rotate(-45deg);} /***** 서구이야기 *****/ #detail_con .headman {position:relative;} #detail_con .headman>p {margin-top:10px;} #detail_con .current {border:1px solid #dcdcdc;} #detail_con .current>div>div {background:#546DAB;} #detail_con .current div.img img {display:block; width:100%;} #detail_con .current div.txt dl {padding:10%;} #detail_con .current div.txt dl dt {padding-bottom:10px; border-bottom:2px solid #fff; font-size:30px; font-weight:400; color:#fff;} #detail_con .current div.txt dl dd {position:relative; padding:2% 1%; border-top:1px solid #fff; font-size:17px; color:#fff;} #detail_con .current div.txt dl dd li {position:relative; margin:5px 0px 5px 2px; font-size:14px; color:#fff;} #detail_con .current div.txt dl span.num {position:absolute; right:1%; top:20%;} #detail_con .history {background:url(/open_content/main/images/contents/seogu/history_bg.gif) no-repeat right 10%;} #detail_con .history p.img img {display:block;} #detail_con .history div.history01 {position:relative;} #detail_con .history div.history01 div.txt {position:absolute; left:5%; top:10%; padding:3%; width:40%; color:#fff; background:rgba(33,56,89,.9);} #detail_con .history div.history01 div.txt p {color:#fff; position:relative; margin-bottom:3%; padding-bottom:3%; border-bottom:1px solid #fff; font-size:24px; font-weight:400;} #detail_con .history div.history01 div.txt p span:after {display:block; content:''; position:absolute; top:-5px; border-top:2px solid #f9c946;} #detail_con .history ul.history02 {padding-left:250px; padding-top:5%; min-height:390px; background:url(/open_content/main/images/contents/seogu/history_img02.gif) no-repeat left 20px;} #detail_con .history ul.history02 li {position:relative; padding:13px 0px; padding-left:80px; border-top:1px dotted #dcdcdc;} #detail_con .history ul.history02 li:first-child {border-top:0px;} #detail_con .history ul.history02 li p.year {position:absolute; left:5px; color:#0d6aca; font-weight:400; font-size:20px;} #detail_con .history ul.history02 li dl {position:relative; margin-top:3px; padding-left:60px;;} #detail_con .history ul.history02 li dl dt {position:absolute; left:0px; color:#333; font-weight:400;} #detail_con .history ul.history02 li dl dt, #detail_con .history ul.history02 li dl dd {font-size:16px;} #detail_con .general_area {margin:30px 0px 70px; overflow:hidden;} #detail_con .general_area li {float:left; width:24.5%; padding-top:80px; border-left:1px solid #dcdcdc; text-align:center; font-size:18px; font-weight:400; color:#333;} #detail_con .general_area li:first-child {border-left:0px;} #detail_con .general_area li p {margin-top:5px; color:#555; font-weight:normal;} #detail_con .general_area li.ic01 {background:url(/open_content/main/images/contents/seogu/general_area_ic01.gif) no-repeat center top;} #detail_con .general_area li.ic02 {background:url(/open_content/main/images/contents/seogu/general_area_ic02.gif) no-repeat center top;} #detail_con .general_area li.ic03 {background:url(/open_content/main/images/contents/seogu/general_area_ic03.gif) no-repeat center top;} #detail_con .general_area li.ic04 {background:url(/open_content/main/images/contents/seogu/general_area_ic04.gif) no-repeat center top;} #detail_con .general_area li.ic05 {background:url(/open_content/main/images/contents/seogu/general_area_ic05.gif) no-repeat center top;} #detail_con .general_area li.ic06 {background:url(/open_content/main/images/contents/seogu/general_area_ic06.gif) no-repeat center top;} #detail_con .general_area li.ic07 {background:url(/open_content/main/images/contents/seogu/general_area_ic07.gif) no-repeat center top;} #detail_con .general_area li.ic08 {background:url(/open_content/main/images/contents/seogu/general_area_ic08.gif) no-repeat center top;} #detail_con .district {margin-top:10px; padding:3% 5px; text-align:center; border:1px solid #dcdcdc;} #detail_con .district_law {position:relative;;} #detail_con .district_law div.pop_dong {display:none; position:absolute; left:4.5%; top:10%; padding:4px; width:90%; min-width:320px; background:#fff; border:1px solid #ccc; box-shadow:1px 0px 6px rgba(0,0,0,.4);} #detail_con .district_law div.pop_dong.txt01 {display:block;} #detail_con .district_law div.pop_dong dl {padding:5%; border:1px solid #ccc;} #detail_con .district_law div.pop_dong dl dt {margin-bottom:10px; text-align:center; font:bold 30px 'Nanum Myeongjo';} #detail_con .district_law div.pop_dong p.close {position:absolute; top:20px; right:20px;;} #detail_con .district_law div.pop_dong p.close a {display:block; width:30px; height:30px; text-indent:-5000px;} #detail_con .district_law div.pop_dong p.close a:after, #detail_con .district_law div.pop_dong p.close a:before {display:block; content:''; position:absolute; top:5px; right:15px; width:1px; height:20px; background:#333;} #detail_con .district_law div.pop_dong p.close a:after {transform:rotate(45deg);} #detail_con .district_law div.pop_dong p.close a:before {transform:rotate(-45deg);} #detail_con .symbolBox {margin-top:10px; border:1px solid #dcdcdc; border-top:2px solid #4a5a67; background:url(/open_content/main/images/contents/seogu/symbol_bg.gif) repeat center top;} #detail_con .symbol {overflow:hidden; padding:3% 5%;} #detail_con .symbol p.img {float:left; width:20%; text-align:center;} #detail_con .symbol div.con {float:right; padding:2% 0% 0%; width:75%; line-height:170%;} #detail_con .symbol_basic {display: flex; flex-wrap: wrap; padding:2% 3%; overflow:hidden;} #detail_con .symbol_basic li {padding:2.5%; width:50%;} #detail_con .symbol_basic.col3 li {width:33.3%;} #detail_con .symbol_basic.col5 li {width:20%;} #detail_con .symbol_basic li p {text-align:center;} #detail_con .symbol_basic li p.name {margin:10px auto 0px; width:100px; padding:3px 0px; background:#484848; border-radius:20px; color:#fff;} #detail_con .symbol_basic.apply li {width:33.3%;} #detail_con .symbol_basic.apply li p.name {width:195px; max-width:100%;} #detail_con .symbol_apply {padding:5% 1%; overflow:hidden; text-align:center;} #detail_con .symbol_apply li {float:left; width:48%; margin-left:2%; text-align:center;} #detail_con .symbol_use .para01 {margin-bottom:30px; border-top:1px dashed #dcdcdc;} #detail_con .symbol_use .border {border:1px solid #dcdcdc;} #detail_con .culture>div {padding:3px; border:1px solid #ccc;} #detail_con .culture>div>dl {padding:4%; border:1px solid #ccc;} #detail_con .culture>div>dl dt {font:bold 30px 'Nanum Myeongjo'; color:#333;} #detail_con .culture>div>dl dd {margin-top:10px;} #detail_con .culture_folk p.tit {border-top:2px solid #4a5a67; border-bottom:1px solid #dcdcdc;} #detail_con .culture_folk p.tit a {display:block; position:relative; padding:10px 5px; color:#333; font-weight:400; font-size:18px;} #detail_con .culture_folk .con {display:none; padding:3% 4%; background:#f8f8f8; border-bottom:1px solid #dcdcdc;} #detail_con .culture_folk .con .ex {margin-top:20px; padding-top:20px; border-top:1px dotted #aaa;} #detail_con .organization div.organBox {position:relative; padding:3%; margin-top:10px; border:2px solid #dcdcdc;} #detail_con .organization p.tit {position:absolute; left:3%; top:35px; font-size:16px; font-weight:400; color:#333;} #detail_con .organization div.organBox div.con {margin-left:130px; padding-left:4%; border-left:1px solid #dcdcdc;} #detail_con .organization div.organBox div.con a, #detail_con .organization div.organBox div.con .a {position:relative; display:block; margin:3px 0px; padding:5px 5px 8px; max-width:150px; border-radius:5px; border:1px solid #dedede; background:#f8f8f8; font-weight:400; text-align:center; font-size:14px; z-index:2;} #detail_con .organization div.organBox div.con .part1 {background:#0d6aca; box-shadow:inset 0px -3px 0px #073c73; border-color:#073c73; color:#fff;} #detail_con .organization div.organBox div.con .part2 {background:#4a5a67; box-shadow:inset 0px -3px 0px #304453; border-color:#304453; color:#fff;} #detail_con .organization div.organBox div.con .part3 {background:#67419b; box-shadow:inset 0px -3px 0px #3a2459; border-color:#3a2459; color:#fff;} #detail_con .organization div.organBox div.con .part4 {background:#e4e4e4; box-shadow:inset 0px -3px 0px #aaaaaa; border-color:#aaaaaa; color:#333;} #detail_con .organization div.organBox div.con .part5 {background:#ce405e; box-shadow:inset 0px -3px 0px #8a3245; border-color:#8a3245; color:#fff;} #detail_con .organization div.organBox div.con .part6 {background:#1d7e73; box-shadow:inset 0px -3px 0px #15443f; border-color:#15443f; color:#fff;} #detail_con .organization div.organBox div.con .team {background:#fff; box-shadow:inset 0px -3px 0px #e5e5e5; border-color:#888; color:#484848;} #detail_con .organization div.organBox div.con>a, #detail_con .organization div.organBox div.con>.a {margin-left:2%;} #detail_con .organization div.organBox div.con .group {overflow:hidden; margin-top:10px;} #detail_con .organization div.organBox div.con .group:first-child {margin-top:0px;} #detail_con .organization div.organBox div.con .group>li {float:left; width:23%; margin-left:2%;;} #detail_con .organization div.organBox div.con .group.col5>li {width:18%; letter-spacing:-1px; max-width:121.5px;} #detail_con .organization div.organBox div.con .group>li>ul {position:relative; padding-top:2px;} #detail_con .organization div.organBox div.con .group>li>ul:after {display:block; content:''; position:absolute; top:0px; left:47%; width:1px; height:100%; background:#888; z-index:1;} #detail_con .organization div.organBox div.con .group>li>ul>li {padding-top:1px;} #detail_con .organization div.organBox div.con .long {letter-spacing:-2.3px;} #detail_con .unicef {margin-top:10px; padding:4% 5% 1%; background:#f8f8f8; border:1px solid #dcdcdc;} #detail_con .unicef p.tit {margin-top:4%; padding-top:4%; font-size:20px; font-weight:400; color:#333; border-top:1px dashed #ccc;} #detail_con .unicef ul.list>li {padding:20px 0px; border-top:1px solid #dcdcdc;} #detail_con .unicef ul.list>li:first-child {border-top:0px;} #detail_con .unicef ul.list ul {margin-left:130px;} #detail_con .unicef li.ic01 {background:url(/open_content/main/images/contents/seogu/unicef_ic01.gif) no-repeat 30px center;} #detail_con .unicef li.ic02 {background:url(/open_content/main/images/contents/seogu/unicef_ic02.gif) no-repeat 30px center;} #detail_con .unicef li.ic03 {background:url(/open_content/main/images/contents/seogu/unicef_ic03.gif) no-repeat 30px center;} #detail_con .unicef li.ic04 {background:url(/open_content/main/images/contents/seogu/unicef_ic04.gif) no-repeat 30px center;} #detail_con .city {margin-top:20px;} #detail_con .city p.vision {margin-bottom:10%; padding:0px 10px 38px; text-align:center; background:url(/open_content/main/images/contents/seogu/city_bg.gif) no-repeat center bottom;} #detail_con .city ul {margin:auto; overflow:hidden;} #detail_con .city ul li {position:relative; float:left; width:25%; text-align:center;} #detail_con .city ul li:after {display:block; content:''; position:absolute; left:-5%; top:30px; width:30px; height:30px; background:url(/open_content/main/images/contents/seogu/city_bg03.gif) no-repeat center center;} #detail_con .city ul li:first-child:after {display:none;} #detail_con .city p.base {margin-top:10%; padding:21px 10px 0px; text-align:center; background:url(/open_content/main/images/contents/seogu/city_bg02.gif) no-repeat center top;} #detail_con .childcity.ullist p.tit {padding-top:100px; padding-bottom:20px;} #detail_con .childcity.ullist p.tit.ic01 {background:url(/open_content/main/images/contents/seogu/city_ic01.gif) no-repeat center 20px;} #detail_con .childcity.ullist p.tit.ic02 {background:url(/open_content/main/images/contents/seogu/city_ic02.gif) no-repeat center 20px;} #detail_con .childcity.ullist p.tit.ic03 {background:url(/open_content/main/images/contents/seogu/city_ic03.gif) no-repeat center 20px;} #detail_con .childcity.ullist p.tit.ic04 {background:url(/open_content/main/images/contents/seogu/city_ic04.gif) no-repeat center 20px;} #detail_con .childcity .vision {width:970px; max-width:100%; margin:40px auto 0 auto;} #detail_con .childcity .vision dl.tit {padding:20px; text-align:center; background:#f8f8f8; border-radius:5px;} #detail_con .childcity .vision dl.tit dt span {padding:2px 15px 4px; color:#fff; border-radius:20px; background:#0d6aca;} #detail_con .childcity .vision dl.tit dt p {margin:5px 0; color:#0d6aca; font-size:27px;} #detail_con .childcity .vision dl.tit dd {font-size:20px;} #detail_con .childcity .vision .goal {text-align:center; margin:10px 0; padding-top:85px; background:url('/open_content/child/images/contents/goal_bg.gif') no-repeat center top;} #detail_con .childcity .vision .goal dt {font-size:19px;} #detail_con .childcity .vision .goal dd ul {text-align:center; position:relative; margin:20px 0; } #detail_con .childcity .vision .goal dd ul li {width:37%; padding:30px; color:#fff; font-size:18px; font-weight:400; border-radius:100px; box-sizing:border-box;} #detail_con .childcity .vision .goal dd ul li.g1 {position:absolute; left:0; background:#67419b; overflow:hidden;} #detail_con .childcity .vision .goal dd ul li.g1:after {content:""; display:block; position:absolute; left:85%; top:0; width:200px; height:142px; border-radius:100px; background:#531039;} #detail_con .childcity .vision .goal dd ul li.g2 {display:inline-block; padding:44px 30px; background:#ce405e;} #detail_con .childcity .vision .goal dd ul li.g3 {position:absolute; right:0; top:0; background:#15875d; overflow:hidden;} #detail_con .childcity .vision .goal dd ul li.g3:before {content:""; display:block; position:absolute; right:85%; top:0; width:200px; height:142px; border-radius:100px; background:#112222;} #detail_con .childcity .vision .propel {position:relative; overflow:hidden; padding-top:70px;} #detail_con .childcity .vision .propel:after {position:absolute; z-index:0; left:0; top:35px; content:''; width:100%; height:1px; border-top:1px dotted #dcdcdc;} #detail_con .childcity .vision .propel dt {position:absolute; z-index:1; top:20px; left:50%; margin-left:-50px; padding:5px; width:100px; color:#fff; background:#3a589b; border-radius:50px; text-align:center; font-weight:400;} #detail_con .childcity .vision .propel dd {float:left; width:33.3%; height:300px; padding:40px 20px 40px 40px; border-left:1px dotted #dcdcdc; box-sizing:border-box;} #detail_con .childcity .vision .propel dd:nth-of-type(1), #detail_con .childcity .vision .propel dd:nth-of-type(4) {border-left:0;} #detail_con .childcity .vision .propel dd:nth-of-type(1), #detail_con .childcity .vision .propel dd:nth-of-type(2), #detail_con .childcity .vision .propel dd:nth-of-type(3) {border-bottom:1px dotted #dcdcdc;} #detail_con .childcity .vision .propel dd .tit {position:relative; text-align:center; padding-bottom:45px; margin-bottom:40px;} #detail_con .childcity .vision .propel dd .tit span {display:block; margin-top:5px; font-size:18px; color:#1b5189;} #detail_con .childcity .vision .propel dd .tit:after {display:block; content:""; position:absolute; left:50%; bottom:0; margin-left:-36px; width:73px; height:2px; background:#393939;} #detail_con .childcity .vision .base {overflow:hidden; margin-top:30px; padding:50px 80px; border-radius:5px; border:5px solid #f2f2f2;} #detail_con .childcity .vision .base dt {float:left; font-weight:400; width:60px; padding-top:10px;} #detail_con .childcity .vision .base dd {float:right; width:80%;} #detail_con .childcity .vision .base dd p {float:left; width:40%; padding-top:8px; font-size:18px; color:#0d6aca;} #detail_con .childcity .vision .base dd ul {float:left; width:60%;} #detail_con .childcity .vision .propel li, vision .base li {font-size:14px;} #detail_con .childcity2 {text-align:center; margin-top:70px;} #detail_con .childcity2 .vision dt {display:inline-block; margin-bottom:10px; color:#0056e0; font-size:20px;} #detail_con .childcity2 .vision dd {font-size:26px;} #detail_con .childcity2 .goal {margin:50px 0 30px;} #detail_con .childcity2 .goal>dt {display:inline-block; margin-bottom:10px; padding:2px 20px 5px; background:#333; color:#fff; border-radius:50px; font-size:16px;} #detail_con .childcity2 .goal>dd .goalList {display:flex; justify-content:space-between; flex-wrap:wrap; margin:20px 0;} #detail_con .childcity2 .goal>dd .goalList>li {width:19%; padding:10px 4px 4px;} #detail_con .childcity2 .goal>dd .goalList>li.g1 {background:#004bc3;} #detail_con .childcity2 .goal>dd .goalList>li.g2 {background:#df0268;} #detail_con .childcity2 .goal>dd .goalList>li.g3 {background:#5aad00;} #detail_con .childcity2 .goal>dd .goalList>li.g4 {background:#df620a;} #detail_con .childcity2 .goal>dd .goalList>li.g5 {background:#6f19cd;} #detail_con .childcity2 .goal>dd .goalList>li dt {max-height:170px; padding-top:76px; color:#fff; font-size:13px; background-repeat:no-repeat; background-position:center 14px;} #detail_con .childcity2 .goal>dd .goalList>li.g1 dt {background-image:url(/open_content/main/images/contents/seogu/childcity2_ic01.png);} #detail_con .childcity2 .goal>dd .goalList>li.g2 dt {background-image:url(/open_content/main/images/contents/seogu/childcity2_ic02.png);} #detail_con .childcity2 .goal>dd .goalList>li.g3 dt {background-image:url(/open_content/main/images/contents/seogu/childcity2_ic03.png);} #detail_con .childcity2 .goal>dd .goalList>li.g4 dt {background-image:url(/open_content/main/images/contents/seogu/childcity2_ic04.png);} #detail_con .childcity2 .goal>dd .goalList>li.g5 dt {background-image:url(/open_content/main/images/contents/seogu/childcity2_ic05.png);} #detail_con .childcity2 .goal>dd .goalList>li dt span {display:block; line-height:1.3; margin-top:8px; font-size:17px;} #detail_con .childcity2 .goal>dd .goalList>li dd {min-height:210px; margin-top:20px; padding:8px; border-radius:7px 7px 0 0; background:#fff;} #detail_con .childcity2 .goal>dd .goalList>li dd li {min-height:62px; padding:8px 0; border-bottom:1px dashed #ddd;} #detail_con .childcity2 .goal>dd .goalList>li dd li:last-child {border-bottom:0;} #detail_con .childcity2 .base {padding:20px; background:#f2f2f2;} #detail_con .childcity2 .base dt {margin-bottom:5px; font-size:17px;} #detail_con .plan_ic {margin-top:40px;} #detail_con .plan_ic ul {overflow:hidden;} #detail_con .plan_ic ul li {float:left; width:25%; margin-left:-1px; margin-top:-1px; border-left:1px solid #dcdcdc; border-top:1px solid #dcdcdc;} #detail_con .plan_ic ul li p {text-align:center; padding:20px 0px;} #detail_con .plan_ic ul li p span {display:block; padding:80px 2% 0%; margin-bottom:10px; font-size:18px; color:#333; font-weight:400;} #detail_con .plan_ic ul li.ic01 p span {background:url(/open_content/main/images/contents/seogu/plan_ic01.gif) no-repeat center top;} #detail_con .plan_ic ul li.ic02 p span {background:url(/open_content/main/images/contents/seogu/plan_ic02.gif) no-repeat center top;} #detail_con .plan_ic ul li.ic03 p span {background:url(/open_content/main/images/contents/seogu/plan_ic03.gif) no-repeat center top;} #detail_con .plan_ic ul li.ic04 p span {background:url(/open_content/main/images/contents/seogu/plan_ic04.gif) no-repeat center top;} #detail_con .plan_ic ul li.ic05 p span {background:url(/open_content/main/images/contents/seogu/plan_ic05.gif) no-repeat center top;} #detail_con .plan_ic ul li.ic06 p span {background:url(/open_content/main/images/contents/seogu/plan_ic06.gif) no-repeat center top;} #detail_con .plan_ic ul li.ic07 p span {background:url(/open_content/main/images/contents/seogu/plan_ic07.gif) no-repeat center top;} #detail_con .plan_ic ul li.ic08 p span {background:url(/open_content/main/images/contents/seogu/plan_ic08.gif) no-repeat center top;} #detail_con .goal {text-align:center;} #detail_con .goal .slogan {position:relative; margin:50px auto 110px auto; max-width:775px; border-radius:5px; background-color:#f8f8f8;} #detail_con .goal .slogan:before {position:absolute; left:50%; bottom:-90px; margin-left:-160px; width:321px; height:122px; background:url(/open_content/main/images/contents/seogu/goal_arr.png) 0 0 no-repeat; content:'';} #detail_con .goal .slogan .tit {position:absolute; top:-14px; left:50%; margin-left:-57px; padding-top:3px; padding-bottom:3px; width:115px; color:#fff; font-size:15px; font-weight:800; border-radius:30px; background-color:#0d6aca;} #detail_con .goal .slogan .txt {padding-top:50px; padding-bottom:40px; font-size:27px;} #detail_con .goal .slogan .txt>span {font-weight:600;} #detail_con .goal .slogan .txt .green {color:#15875d;} #detail_con .goal .slogan .txt .pink {color:#ce405e;} #detail_con .goal .slogan .txt .purple {color:#67419b;} #detail_con .goal .slogan .txt .slash {margin-left:15px; margin-right:15px; font-size:20px; font-weight:normal;} #detail_con .goal .con .tit {position:relative;} #detail_con .goal .con .tit span {display:block; padding-top:8px; padding-bottom:8px; margin:0 auto; width:157px; color:#fff; font-size:18px; font-weight:600; border-radius:30px; background-color:#3a589b;} #detail_con .goal .con .tit:after {position:absolute; left:0; top:50%; width:100%; height:1px; background-color:#3a589b; content:''; z-index:-1;} #detail_con .goal .con ul {overflow:hidden; margin:50px 10px;} #detail_con .goal .con ul li {display:inline-block; width:26%; max-width:300px; padding-top:120px; font-size:18px; border-left:1px dashed #dcdcdc; background-position:center 25px; background-repeat:no-repeat; box-sizing:border-box;} #detail_con .goal .con ul li.ic01, #detail_con .goal .con ul li.ic02, #detail_con .goal .con ul li.ic04, #detail_con .goal .con ul li.ic03 {padding-bottom:25px; border-bottom:1px dashed #dcdcdc;} #detail_con .goal .con ul li.ic05, #detail_con .goal .con ul li.ic06, #detail_con .goal .con ul li.ic07 {padding-bottom:15px;} #detail_con .goal .con ul li.ic01 {margin-left:1%; border-left:none; background-image:url(/open_content/main/images/contents/seogu/goal_ic01.gif);} #detail_con .goal .con ul li.ic02 {background-image:url(/open_content/main/images/contents/seogu/goal_ic02.gif);} #detail_con .goal .con ul li.ic03 {background-image:url(/open_content/main/images/contents/seogu/goal_ic03.gif);} #detail_con .goal .con ul li.ic04 {background-image:url(/open_content/main/images/contents/seogu/goal_ic04.gif);} #detail_con .goal .con ul li.ic05 {background-image:url(/open_content/main/images/contents/seogu/goal_ic05.gif);} #detail_con .goal .con ul li.ic06 {border-left:none; background-image:url(/open_content/main/images/contents/seogu/goal_ic06.gif);} #detail_con .goal .con ul li.ic07 {background-image:url(/open_content/main/images/contents/seogu/goal_ic07.gif);} #detail_con .goal .con ul span {display:block; font-weight:600;} /***** 한눈에 보는 서구 *****/ #detail_con.seo_map_layout {margin:0 !important; padding-bottom:0; max-width:none !important; min-height:none;} #seo_map {position:fixed; width:100%; height:100%; padding:0px; margin:0px;} #seo_map .top {position:relative; padding:10px 0 15px; border-bottom:2px solid #0d6aca; text-align:center;} #seo_map .top h1 a {text-decoration:none;} #seo_map .map_logo {position:static !important; padding:0 !important; font-weight:600; color:#484848; font-size:23px;} #seo_map .map_logo img {vertical-align:middle;} #seo_map .map_menu {position:absolute; left:0; overflow:hidden; width:370px; height:100%; background:#fff; border-right:2px solid #0d6aca; z-index:999;} #seo_map .map_search {overflow:hidden; position:relative; margin-bottom:25px; padding:0 20px; height:52px; background-color:#0150a2; text-align:center; box-shadow:0 1px 3px rgba(0, 0, 0, 0.6);} #seo_map .map_search input {position:absolute; height:30px; margin-top:10px; margin-bottom:10px; background:none; border:none; font-size:16px; color:#fff; vertical-align:middle;} #seo_map .map_search input[type='text'] {left:0; width:70%; padding-left:20px; border-right:1px solid #99b9da; text-align:left;} #seo_map .map_search input::-webkit-input-placeholder {font-size:14px; color:#a8b9d6;} #seo_map .map_search input::-moz-placeholder {font-size:14px; color:#a8b9d6;} #seo_map .map_search input:-ms-input-placeholder {font-size:14px; color:#a8b9d6;} #seo_map .map_search input[type='submit'] {right:0; width:20%; background:url(/open_content/main/images/contents/seogu/seo_map_search.gif) left center no-repeat; font-weight:600;} #seo_map .map_select {padding:0 20px 25px 20px; border-bottom:1px solid #0150a2;} #seo_map .map_select select {width:100%; height:40px; padding:0 5px; border:1px solid #ccc;} #seo_map .map_select .first {padding-bottom:35px; background:url(/open_content/main/images/contents/seogu/seo_map_select.gif) center bottom no-repeat;} #seo_map .map_select .second {margin-top:10px;} #seo_map .map_txt {position:absolute; left:20px; margin-top:-20px;} #seo_map .map_result {overflow-x:auto; height:69%; background:url(/open_content/main/images/contents/seogu/seo_map_result.gif) center top no-repeat;} #seo_map .map_result .para01 {margin-top:10px;} #seo_map .map_result .para01>.sblet:first-child {margin-top:0;} #seo_map .map_result .para01 ul {margin-bottom:20px;} #seo_map .map_con {z-index:1;} #seo_map .bg_n {background:none;} /***** 이용안내 *****/ #detail_con .viewer {overflow:hidden;} #detail_con .viewer li {float:left; margin:20px 0px; padding-top:110px; width:19.5%; border-left:1px dashed #dcdcdc;} #detail_con .viewer li.ic01 {background:url(/open_content/main/images/contents/guidance/viewer_ic01.gif) center top no-repeat; border-left:0px;} #detail_con .viewer li.ic02 {background:url(/open_content/main/images/contents/guidance/viewer_ic02.gif) center top no-repeat;} #detail_con .viewer li.ic03 {background:url(/open_content/main/images/contents/guidance/viewer_ic03.gif) center top no-repeat;} #detail_con .viewer li.ic04 {background:url(/open_content/main/images/contents/guidance/viewer_ic04.gif) center top no-repeat;} #detail_con .viewer li.ic05 {background:url(/open_content/main/images/contents/guidance/viewer_ic05.gif) center top no-repeat;} #detail_con .viewer li p.name {text-align:center; font-weight:400; font-size:14px; line-height:130%;} #detail_con .viewer li p.down {margin-top:10px; text-align:center;} #detail_con .copyright.data {text-align:center;} #detail_con .copyright.data img {height:55px;} #detail_con .familyList{margin-top:10px; display:table; width:100%; border-collapse:collapse} #detail_con .familyList>li{display:table-row} #detail_con .familyList>li>div{display:table-cell; vertical-align:middle; text-align:center; border:2px solid #eee; width:25%} #detail_con .familyList>li>div a{display:inline-block; padding:10px} #detail_con .labelBox{display:none;} #detail_con .seobox.personal {margin-top:5%;} #detail_con .seobox.personal .con li{padding:5px 0 5px 40px; font-size:18px; background-position:left 10px; background-repeat:no-repeat;} #detail_con .seobox.personal .con li[class^=ic]{padding:10px 0 10px 40px; } #detail_con .seobox.personal .con li.ic01{background-image:url(/open_content/main/images/contents/guidance/personal_ic01.gif);} #detail_con .seobox.personal .con li.ic02{background-image:url(/open_content/main/images/contents/guidance/personal_ic02.gif);} #detail_con .seobox.personal .con li.ic03{background-image:url(/open_content/main/images/contents/guidance/personal_ic03.gif);} #detail_con .seobox.personal .con li.ic04{background-image:url(/open_content/main/images/contents/guidance/personal_ic04.gif);} #detail_con .seobox.personal .con li.ic05{background-image:url(/open_content/main/images/contents/guidance/personal_ic05.gif);} #detail_con .seobox.personal .con li.ic06{background-image:url(/open_content/main/images/contents/guidance/personal_ic06.gif);} #detail_con .seobox.personal .con li.ic07{background-image:url(/open_content/main/images/contents/guidance/personal_ic07.gif);} #detail_con .seobox.personal .con li.ic08{background-image:url(/open_content/main/images/contents/guidance/personal_ic08.gif);} #detail_con .seobox.personal .con li.ic09{background-image:url(/open_content/main/images/contents/guidance/personal_ic09.gif);} #detail_con .seobox.personal .con li.ic10{background-image:url(/open_content/main/images/contents/guidance/personal_ic10.gif);} #detail_con .seobox.personal .con li.ic11{background-image:url(/open_content/main/images/contents/guidance/personal_ic11.gif);} #detail_con .seobox.personal .con li.ic12{background-image:url(/open_content/main/images/contents/guidance/personal_ic12.gif);} #detail_con .seobox.personal .con li.ic13{background-image:url(/open_content/main/images/contents/guidance/personal_ic13.gif);} #detail_con .seobox.personal .con li.ic14{background-image:url(/open_content/main/images/contents/guidance/personal_ic14.gif);} #detail_con span[class^=privacy_label0]{display: inline-block; vertical-align: middle; --bgSize:-40px; width: 40px; aspect-ratio:1/1; background-position: 0px 0px; background-repeat: no-repeat; background-image: url(/open_content/main/images/contents/guidance/personal_label.png); background-size: 1200%; background-repeat: no-repeat;} .sblet span[class^=privacy_label0]{margin-top: -5px;} #detail_con span[class^=privacy_label0]:last-of-type{margin-right: 8px; } #detail_con span[class^=privacy_label0]+span[class^=privacy_label0]{margin-left:-8px} #detail_con span[class^=privacy_label01]{background-position:0px 0px} #detail_con span.privacy_label00{background-image: none} #detail_con span.privacy_label01_01{background-position-x:0px} #detail_con span.privacy_label01_02{background-position-x:var(--bgSize)} #detail_con span.privacy_label01_03{background-position-x:calc(var(--bgSize) * 2)} #detail_con span.privacy_label01_04{background-position-x:calc(var(--bgSize) * 3)} #detail_con span.privacy_label01_05{background-position-x:calc(var(--bgSize) * 4)} #detail_con span.privacy_label01_06{background-position-x:calc(var(--bgSize) * 5)} #detail_con span.privacy_label01_07{background-position-x:calc(var(--bgSize) * 6)} #detail_con span.privacy_label01_08{background-position-x:calc(var(--bgSize) * 7)} #detail_con span.privacy_label01_09{background-position-x:calc(var(--bgSize) * 8)} #detail_con span.privacy_label01_10{background-position-x:calc(var(--bgSize) * 9)} #detail_con span[class^=privacy_label02]{background-position:0px var(--bgSize)} #detail_con span.privacy_label02_01{background-position-x:0px} #detail_con span.privacy_label02_02{background-position-x:var(--bgSize)} #detail_con span.privacy_label02_03{background-position-x:calc(var(--bgSize) * 2)} #detail_con span.privacy_label02_04{background-position-x:calc(var(--bgSize) * 3)} #detail_con span.privacy_label02_05{background-position-x:calc(var(--bgSize) * 4)} #detail_con span.privacy_label02_06{background-position-x:calc(var(--bgSize) * 5)} #detail_con span.privacy_label02_07{background-position-x:calc(var(--bgSize) * 6)} #detail_con span.privacy_label02_08{background-position-x:calc(var(--bgSize) * 7)} #detail_con span.privacy_label02_09{background-position-x:calc(var(--bgSize) * 8)} #detail_con span.privacy_label02_10{background-position-x:calc(var(--bgSize) * 9)} #detail_con span.privacy_label02_11{background-position-x:calc(var(--bgSize) * 10)} #detail_con span.privacy_label02_12{background-position-x:calc(var(--bgSize) * 11)} #detail_con span[class^=privacy_label03]{background-position:0px calc(var(--bgSize) * 2)} #detail_con span.privacy_label03_01{background-position-x:0px} #detail_con span.privacy_label03_02{background-position-x:var(--bgSize)} #detail_con span.privacy_label03_03{background-position-x:calc(var(--bgSize) * 2)} #detail_con span.privacy_label03_04{background-position-x:calc(var(--bgSize) * 3)} #detail_con span.privacy_label03_05{background-position-x:calc(var(--bgSize) * 4)} #detail_con span.privacy_label03_06{background-position-x:calc(var(--bgSize) * 5)} #detail_con span.privacy_label03_07{background-position-x:calc(var(--bgSize) * 6)} #detail_con span.privacy_label03_08{background-position-x:calc(var(--bgSize) * 7)} #detail_con span.privacy_label03_09{background-position-x:calc(var(--bgSize) * 8)} #detail_con span.privacy_label03_10{background-position-x:calc(var(--bgSize) * 9)} #detail_con span.privacy_label03_11{background-position-x:calc(var(--bgSize) * 10)} #detail_con span.privacy_label03_12{background-position-x:calc(var(--bgSize) * 11)} #detail_con .personal_listBox{margin-top:20px; border:5px solid #eee; padding: 2% 3%;} #detail_con .personal_listBox .tit{font-weight: bold; padding: 5px 0px 10px; margin-bottom: 10px; border-bottom:1px solid #ddd} #detail_con .personal_listBox ul{display: flex; flex-wrap: wrap;} #detail_con .personal_listBox ul>li{flex: 0 0 50%; padding: 5px} /***** 마이페이지 *****/ #detail_con .loginbox {padding:5% 0%; border:8px solid #f2f2f2; overflow:hidden;} #detail_con .loginbox dl {padding:165px 1% 0px; text-align:center;} #detail_con .loginbox dl.phone {background:url(/open_content/main/images/contents/mypage/login01.gif) no-repeat center top;} #detail_con .loginbox dl.ipin {background:url(/open_content/main/images/contents/mypage/login02.gif) no-repeat center 7px;} #detail_con .loginbox dl dt {color:#222; margin-bottom:15px; font-size:25px; font-weight:400;} #detail_con .loginbox dl dd p {margin-top:30px;} #detail_con .loginbox.mobile dl.phone {margin:auto; width:90%;} .personal_pop .sub_title {margin-top:10px; padding:0 0 10px 10px; border-bottom:2px solid #353535} .personal_pop .sub_title h3 {margin:0; padding:0; font-size:30px; color:#333;} .personal_pop a.pop_btn {display:block; position:absolute; top:5px; right:10px; width:50px; height:50px; text-indent:-5000px;} .personal_pop a.pop_btn:before, .personal_pop a.pop_btn:after{display:block; content:''; position:absolute; right:7px; top:25px; width:30px; height:2px; background:#333; transform:rotate(-45deg)} .personal_pop a.pop_btn:after {transform:rotate(45deg)} .personal_pop .sns {display:none;} .personal_pop #container {background:none;} .personal_pop #detail_con {padding:30px;} .personal_pop #detail_con h4:first-child {margin-top:0;} /***** 예약페이지 *****/ .calendar.reservation div.day>ul.td ul.finish {clear:both; padding:15px 5px 0px; word-break:break-all;} .calendar.reservation div.day>ul.td ul.finish>a {display:block;} .calendar.reservation div.day>ul.td ul.finish a>img {margin-left:5px;} .calendar.reservation div.day>ul.td ul.finish li.blank {display:block; margin-top:4px; padding-top:4px; padding-left:7px; border-top:1px dashed #ddd; background:url(/open_content/main/images/sub/ssssblet.gif) no-repeat left 14px; font-size:13px; text-decoration:none;} .calendar.reservation div.day>ul.td ul.finish li:first-child {margin-top:0; border-top:none;} .calendar.reservation div.day>ul.td .btnRound {font-size:13px; letter-spacing:-2.2px;} .calendar.reservation div.day>ul.td .btnRound img {vertical-align:middle;} .voteD-day {overflow:hidden; color:#353535; position:absolute; top:0px; left:-190px} .voteD-day>div {float:left; text-align:right;} .voteD-day p {line-height:13px; font-size:11px;} .voteD-day .title {font-weight:600;} .voteD-day .text {display:inline-block; padding:1px 7px 3px; background:#696969; color:#fff; border-radius:10px;} .voteD-day .day {font-size:35px; font-weight:700; color:#cc0052; line-height:30px; margin-left:7px; float:left;} @media screen and (max-width:930px){ .voteD-day {display:none;} } /*정보_예약/신청_안내*/ .reserve_guide {position:relative; padding:50px 100px; background:#f6f6f6;} .reserve_guide:before, .reserve_guide:after {content:""; position:absolute; top:45px; z-index:0;} .reserve_guide:before {left:50px; width:209px; height:137px; background:url('/open_content/main/images/contents/community/reserve_guide_lbg.gif') no-repeat;} .reserve_guide:after {right:80px; width:220px; height:144px; background:url('/open_content/main/images/contents/community/reserve_guide_rbg.gif') no-repeat;} .reserve_guide_intro {position:relative; text-align:center; z-index:1;} .reserve_guide_ttl {font-size:29px; font-weight:500;} .reserve_guide_txt {margin-top:15px; font-size:16px;} .reserve_guide_link {display: flex; flex-wrap: wrap; position: relative; margin-top:50px; gap:10px; z-index: 1;} .reserve_guide_link:after {display:block; content:""; clear:both;} .reserve_guide_link li {flex-basis:calc(33.3% - 10px)} .reserve_guide_link li.col2 {width:48.5%;} .reserve_guide_link li.col2:nth-of-type(even) {margin-right:0;} .reserve_guide_link li:nth-of-type(4n+4) {margin-right:0;} .reserve_guide_link li.mr_n {margin-right:0;} .reserve_guide_link a {position:relative; display:block; height:125px; padding:25px; font-size:16px; font-weight:500; color:#fff; background:#003b99; box-shadow:7px 7px 15px rgba(0,0,0,.4);} .reserve_guide_link a.pd {padding: 17px;} .reserve_guide_link a:before {content:""; position:absolute; right:0; bottom:0; width:40px; height:35px; background:#002f88;} .reserve_guide_link a:after {content:""; position:absolute; right:17px; bottom:13px; width:7px; height:7px; border-bottom:2px solid #fff; border-right:2px solid #fff; transform:rotate(-45deg);} /* 부서별안내 페이지 */ .department #detail_con{margin-top:0px;} .department_intro{position:relative; background: url(/open_content/main/images/contents/seogu/department_bg.png) no-repeat, linear-gradient(94deg, rgba(103, 198, 255, 0.20) 10.56%, rgba(237, 247, 253, 0.20) 83.06%)} .department_intro:before{display: block; content: ''; position: absolute; left: calc(50% + 415px); top:6.4%; width: 475px; height: 427px; background:url(/open_content/main/images/contents/seogu/department_img.png) no-repeat center center / contain} .department_intro .wrapper{z-index: 1;} #detail_con .department_tab *, #detail_con .department_part *{font-family: 'NanumSquare';} .department_part{display: flex; align-items: center} .department_part .department_select{position: relative; padding-left: 10px; padding-top:8%; min-width:27%; } .department_part .department_select:before{content: ''; position: absolute; left: -135px; top: -65px; width: 225px; height: 214px; background:url(/open_content/main/images/contents/seogu/department_bl.png) no-repeat center center / contain} .department_part .department_select>p a{position: relative; color: #222; font-size: 2.5em; font-weight: 800;} .department_part .department_select>p a span{display: inline-block; position: relative; padding-right:1.3em;} .department_part .department_select>p a:after, .department_part .department_select>p a span:after, .department_part .department_select>p a span:before{display: block; content: ''; position: absolute; right: 0px; } .department_part .department_select>p a span:after{top: -.2em; width: .77em; height: .77em; border:4px solid #333; border-radius:5em} .department_part .department_select>p a span:before{top: .1em; right:.35em; width:.15em; height:.15em; border:4px solid #333; border-width:0px 4px 4px 0px; transform:rotate(45deg)} .department_part .department_select>p a:after{right:-2px; bottom:-2px; width:14px; height: 19px; background:url(/open_content/main/images/contents/seogu/department_arr.png) no-repeat center center / contain} .department_part .department_select>div{display: none; position: absolute; left: 0px; padding: 10px 10%; min-width:800px; margin-top: 10px; background: #fff; border:2px solid #333; border-radius:10px; box-shadow:0px 1px 5px rgba(0,0,0,.4), 0px 2px 30px rgba(0,0,0,.2)} .department_part .department_select ul{display:flex; flex-wrap:wrap; overflow:hidden} .department_part .department_select ul>li{flex:0 0 20%; margin-bottom: -1px; font-size: 1.12em; border-bottom:1px dashed #ddd} .department_part .department_select ul>li a{display: block; padding:10px 3px; font-weight: 600;} .department_part .department_select ul>li.select a{color: #222; font-weight: 800;} .department_part .department_slogan{flex-grow:1; padding:6% 0px 5%; padding-left:7%;} .department_tab{display:flex; justify-content:flex-end; gap:5px; padding-bottom: 45px; padding-right: 3%;} .department_tab>li{flex-basis:25%; max-width: 180px; } .department_tab>li a{display: block; padding: 13px 14px; text-align: center; font-size: 1.125em; border:1px solid #C0D0EB; background: #F7FCFE; border-radius: 100px; font-weight: 600;} .department_tab>li.on a{color: #fff;background: #0B91F2; border-color:#0B91F2; box-shadow: 0px 1px 3px 0px rgba(80, 80, 80, 0.30); text-shadow:0px 0px 2px rgb(0,0,0,.5)} .department_tbox{display:flex; flex-direction:column; gap:20px; padding:45px 0px; padding-left:calc(10% + 72px); background: url(/open_content/main/images/contents/seogu/department_tbox.png) no-repeat 5% center / 72px; border-top: 1px solid #C8D3DF;} .department_tbox .department_info{display: flex; gap:30px; } .department_tbox .department_info>li{display:flex; align-items:center} .department_tbox .department_info>li:before{content:''; width: 20px; height:20px; margin-right: 5px; background: url('/open_content/main/images/contents/seogu/department_info_ic.png') no-repeat left top / cover} .department_tbox .department_info>li.info_locate:before{background-position-y:0px} .department_tbox .department_info>li.info_tel:before{background-position-y:-40px} .department_tbox .department_info>li.info_fax:before{background-position-y:-20px} .department_con{margin-top:3em} .department_tbox .department_info>li:empty{display: none;} .department_banr{display: flex; justify-content:space-between; margin-bottom: 3em;} .department_banr>li{flex:0 0 33%; box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.15);} .department_banr>li:nth-child(1){background:radial-gradient(142.87% 100.55% at 78.57% 105.71%, #07D9A6 0%, #0094FF 100%), linear-gradient(0deg, #FFF 0%, #FFF 100%), #0094FF} .department_banr>li:nth-child(2){background: radial-gradient(142.87% 100.55% at 78.57% 105.71%, #70C747 0%, #0DBC9C 100%), linear-gradient(0deg, #FFF 0%, #FFF 100%), #0DBC9C} .department_banr>li:nth-child(3){background: radial-gradient(142.87% 100.55% at 78.57% 105.71%, #0094FF 0%, #05C5C0 100%), linear-gradient(0deg, #FFF 0%, #FFF 100%), #05C5C0} .department_banr>li>div{padding: max(20px, 10%) max(25px, 13%); padding-left: calc(20% + 50px); height: 100%; color: #fff; background: url(/open_content/main/images/contents/seogu/department_banr01.png) no-repeat 10% center / 65px} .department_banr>li:nth-child(2)>div{background-image: url(/open_content/main/images/contents/seogu/department_banr02.png) } .department_banr>li:nth-child(3)>div{background-image: url(/open_content/main/images/contents/seogu/department_banr03.png) } .department_banr>li p{color: #fff; text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.50);} .department_banr>li p.q{font-weight: bold; font-size: 1.06em;} .department_banr>li p.a{margin-top:.6em; font-size: 1.4em; font-weight: 300; letter-spacing: 0px;} /*청사안내*/ .office-box{position: relative;} .office-btn-box{display: flex; gap: 1rem; align-items: center;} .office-btn{display: inline-block; margin-top: 0.3rem; padding: 0.1rem 0.8rem; color: #444; font-size: 1rem; font-weight: 600; line-height: 1.5rem; border: 2px solid #444; border-radius: 1.7rem; box-sizing: border-box;} .office-btn span{display: inline-block; padding-right: 0.9rem; background: url(/open_content/main/images/contents/seogu/office-btn-arr.png) no-repeat right 0.4rem / 0.7rem;} .office-box .office-map{display: none; position: absolute; left: 0; right: 0; top: 3rem; text-align: center; margin: auto; padding-top: 2rem; padding-bottom: 1rem; max-width: 35rem; border: 3px solid #000; background: #fff; border-radius: 3px; z-index: 99;} .office-box .office-map04{top: -9rem;} .office-box .office-map .office-map-btn{margin-top: 2rem;} .office-box .office-map .office-map-btn a{display: inline-block; padding: 0.8rem 1.2rem; font-size: 1.1rem; font-weight: 500; letter-spacing: -0.008rem; background-color: #324bc6; box-sizing: border-box; border-radius: 3px;} .office-box .office-map .office-map-btn .more{margin-right: 0.8rem; color: #fff;} .office-box .office-map .office-map-btn .close{padding-right: 2.5rem; background: url(/open_content/main/images/contents/seogu/office-map-close.png) no-repeat right 1.3rem center; background-color: #484848; color: #fff;} /*강좌*/ .pro_search .field{padding-right: 160px;} .bl02 {margin-top:25px; padding-left:23px; font-size:17px; font-weight:400; color:#333; background:url(/open_content/main/images/sub/sblet.gif) no-repeat left 4px;} .edu_refund .bl03>li {position:relative; margin:5px 0; padding-left:12px;} .edu_refund .bl03>li:before {display:block; content:""; position:absolute; left:0; top:8px; width:6px; height:6px; border-radius:50%; background:#154ba1;} .edu_refund .nobl:before {display: none !important;} .lecView .lec_info {flex-basis: 45%;} .lecView .lec_con {flex-basis: 52%;} /* 서명운동 */ #detail_con .sign_t {padding: 40px;} #detail_con .sign_t .bfont {font-size: 1.2rem;} #detail_con .sign_t .bbfont {font-size: 1.9rem !important;} #detail_con .sign_t .sign_c {line-height: 25px;} /********************************************************************************************************************************************************************/ @media all and (min-width:1208px) { #detail_con ol.step.easy_document p {height:120px;} #detail_con ol.step.easy_document p.ic01 {padding-left:200px; background-position:20px center;} #detail_con ol.step.easy_document p.ic02 {padding-left:165px; background-position:left center;} #detail_con .symbol_basic.apply li {min-height:328px;} .calendar.reservation div.day>ul.td li p.date{float:none;} #detail_con .labelBox{display:flex; justify-content:space-between; flex-wrap:wrap; margin-top:10px;} #detail_con .labelBox>a{position:relative; width:23.5%; margin:10px 0; padding:20px 10px; border:1px solid #eee;} #detail_con .labelBox>a:hover{border-color:#0056e0; box-shadow:0px 3px 8px rgba(0,0,0,.15);} #detail_con .labelBox>a .labelTit{text-align:center; padding-top:100px; font-size:16px; background-position:center top; background-repeat:no-repeat;} #detail_con .labelBox>a.ic01 .labelTit{background-image:url(/open_content/main/images/contents/guidance/label_ic01.gif?v1);} #detail_con .labelBox>a.ic02 .labelTit{background-image:url(/open_content/main/images/contents/guidance/label_ic02.gif?v1);} #detail_con .labelBox>a.ic03 .labelTit{background-image:url(/open_content/main/images/contents/guidance/label_ic03.gif?v1);} #detail_con .labelBox>a.ic04 .labelTit{background-image:url(/open_content/main/images/contents/guidance/label_ic04.gif?v1);} #detail_con .labelBox>a.ic05 .labelTit{background-image:url(/open_content/main/images/contents/guidance/label_ic05.gif?v1);} #detail_con .labelBox>a.ic06 .labelTit{background-image:url(/open_content/main/images/contents/guidance/label_ic06.gif?v1);} #detail_con .labelBox>a.ic07 .labelTit{background-image:url(/open_content/main/images/contents/guidance/label_ic07.gif?v1);} #detail_con .labelBox>a.ic08 .labelTit{background-image:url(/open_content/main/images/contents/guidance/label_ic08.gif?v1);} #detail_con .labelBox>a.ic09 .labelTit{background-image:url(/open_content/main/images/contents/guidance/label_ic09.gif?v1);} #detail_con .labelBox>a.ic10 .labelTit{background-image:url(/open_content/main/images/contents/guidance/label_ic10.gif?v1);} #detail_con .labelBox>a.ic11 .labelTit{background-image:url(/open_content/main/images/contents/guidance/label_ic11.gif?v1);} #detail_con .labelBox>a.ic12 .labelTit{background-image:url(/open_content/main/images/contents/guidance/label_ic12.gif?v1);} #detail_con .labelBox>a .labelTitV2{text-align:center; font-size:16px} #detail_con .labelBox>a .labelTitV2:before{display: block; content: ''; --bgSize:-100px; margin: auto; max-width:calc(0px - var(--bgSize)); aspect-ratio:1/1; background-position: 0px 0px; background-repeat: no-repeat; background-image: url(/open_content/main/images/contents/guidance/personal_label.png); } #detail_con .labelBox>a.ic01 .labelTitV2:before{background-position:0px 0px} #detail_con .labelBox>a.ic02 .labelTitV2:before{background-position:var(--bgSize) var(--bgSize)} #detail_con .labelBox>a.ic03 .labelTitV2:before{background-position:calc(var(--bgSize) * 9) var(--bgSize)} #detail_con .labelBox>a.ic04 .labelTitV2:before{background-position:calc(var(--bgSize) * 7) var(--bgSize)} #detail_con .labelBox>a.ic05 .labelTitV2:before{background-position:calc(var(--bgSize) * 8) var(--bgSize)} #detail_con .labelBox>a.ic06 .labelTitV2:before{background-position:calc(var(--bgSize) * 8) calc(var(--bgSize) * 2)} #detail_con .labelBox>a .labelCon{position:absolute; top:0; left:0px; right:0px; min-height:100%; display:none; z-index:1; border:1px solid #003b99; background:#fff;} #detail_con .labelBox>a .labelCon .tit{padding:8px 12px; color:#fff; background:#003b99;} #detail_con .labelBox>a .labelCon .txt{padding:10px 12px; font-size:14px; } #detail_con .labelBox.array_type01>a{width: 32.5%; margin:.5% 0px} } @media screen and (max-width:1208px) { #detail_con ol.step.easy_document p {display:block; text-align:center; padding-top:130px; background-position:center top;} #detail_con .estate_type li {width:48%;} #detail_con .estate_type li p.txt {height:140px;} #detail_con .estate_type li p.img {text-align:center;} #detail_con .conbtn, #detail_con .consbtn {margin:5px auto 0;} #detail_con .ullist02>li {margin:0 0 10px 0; width:100%;} .meta_layer_box, .meta_layer_box.sm {height:80%; padding:50px 7%;} .meta_layer_close {right:0; top:-100px;} .department #detail_con {max-width: 100% !important;} .department .department_con { padding: 0px 3%;} } @media screen and (max-width:800px) { /***** 예약페이지 *****/ .calendar.reservation div.day>ul.td ul.finish {background:#f8f8f8; padding:10px 20px;} .calendar.reservation div.day>ul.td p {padding:5px 10px;} #detail_con .childcity .vision .propel dd {width:50%;} #detail_con .childcity .vision .propel dd:nth-of-type(3), #detail_con .childcity .vision .propel dd:nth-of-type(5) {border-left:0;} #detail_con .childcity .vision .propel dd:nth-of-type(4) {border-left:1px dotted #dcdcdc; border-bottom:1px dotted #dcdcdc;} #detail_con .childcity .vision .base {padding:20px 50px 30px;} #detail_con .childcity .vision .base dd p {float:none; width:100%;} #detail_con .childcity .vision .base dd ul {float:none; width:100%;} } @media all and (min-width:801px) { /* #detail_con ol.step li:after:not(.col1), ol.step li:before:not(.col1) {top:25px; right:4px;} */ .stepgrow>li{flex-grow: 1;} #detail_con ol.step{display: flex; flex-wrap: wrap;} #detail_con ol.step>li{display: flex; flex-direction: column; padding-right:22px;} #detail_con ol.step>li:after, #detail_con ol.step>li:before {bottom:47%; right:1%;} #detail_con ol.step>li:after {margin-bottom:-8px;} #detail_con ol.step.col5>li {width:20%; margin:2px 0px;} #detail_con ol.step.col4>li {width:25%; margin:2px 0px;} #detail_con ol.step.col3>li {width:33.3%; margin:2px 0px;} #detail_con ol.step.col2>li:after, #detail_con ol.step.col2>li:before{right:3.2%} #detail_con ol.step.col2>li {width:50%; margin:2px 0px; padding-right:50px; background-position:97% center} #detail_con ol.step.col2>li:after, ol.step.col2 li:before {right:14px;} #detail_con ol.step.col5>li:last-child, #detail_con ol.step.col4>li:last-child, #detail_con ol.step.col3>li:last-child {padding-right:22px;} #detail_con ol.step.col2>li:last-child {padding-right:50px;} #detail_con ol.step>li .step_con .cell {height:45px;} #detail_con ol.step.col1>li {display:block; width:100%; padding-bottom:22px; padding-right:0px; background:url(/open_content/main/images/contents/step_arrD.gif?v0.1) no-repeat center bottom;} #detail_con ol.step.col1>li:after {margin-right:-8px;} #detail_con ol.step.col1>li:after, #detail_con ol.step.col1>li:before {margin-bottom:0px; bottom:9px; right:48%;} #detail_con ol.step.col1>li:last-child:after, #detail_con ol.step.col1>li:last-child:before {display:none;} #detail_con ol.step02 .tit, #detail_con ol.step02 .con {display:table-cell; vertical-align:middle;} #detail_con ol.step02 .tit {width:25%;} #detail_con ol.step02.safe .tit {width:50%;} #detail_con ol.step02.safe .con {text-align:center;} #detail_con ol.step02 .tit.long {text-align:center; width:100%; height:60px;} #detail_con ol.step02 .con {height:40px; border-left:1px dashed #dcdcdc;} #detail_con ol.step02 .con .sbox {padding:15px; background:#fff; border:1px solid #ddd;} #detail_con .conPhoto.col4 li {width:23.5%;} #detail_con .conPhoto.relationship li .txt p {min-height:135px;} #detail_con .easy_notify ul {text-align:center;} #detail_con .easy_notify ul li {display:inline-block; vertical-align:top; padding:120px 5% 0%; width:26%; background-position:center top; letter-spacing:-1px;} #detail_con .easy_notify ul li.ic02 {border-left:1px solid #dcdcdc; border-right:1px solid #dcdcdc;} #detail_con .advice div p.tit {float:left; width:20%;} #detail_con .advice div ul {float:right; width:77%;} #detail_con .advice div ul li {padding-right:120px;} #detail_con .advice div ul li p.go {position:absolute; right:0px; top:0px;} #detail_con .social ul li {float:right;} #detail_con .social ul li>div {width:250px; height:250px;} #detail_con .social ul li:first-child {float:left;} #detail_con .social ul:after {top:42%; left:47%;} #detail_con .improve_good>li>p {float:left; width:25%;} #detail_con .improve_good>li>ul {float:right; width:75%;} #detail_con .improve_good>li.ic02>ul {margin-top:2%;} #detail_con .improve_good>li.ic03>ul {margin-top:2%;} #detail_con .improve_restaurant>li>p {float:left; width:25%;} #detail_con .improve_restaurant>li>ul {float:right; width:75%;} #detail_con .improve_restaurant>li.ic02>ul {margin-top:7%;} #detail_con .improve_restaurant>li.ic03>ul {margin-top:1.5%;} #detail_con .improve_simple>li {padding:40px 0px; padding-left:200px; background-position:3% center;} #detail_con .improve_fat>li {padding:40px 0px; padding-left:200px; background-position:3% center;} #detail_con .disaster_check>li>p {float:left; width:25%;} #detail_con .disaster_check>li>ul {float:right; width:75%;} #detail_con .factory>li {float:left; width:46%;} #detail_con .factory>li:first-child {padding-right:3.5%; margin-right:3.5%; border-right:1px dashed #dcdcdc;} #detail_con .factory li.bg {padding-top:320px; background:url(/open_content/main/images/contents/part/factory.gif) no-repeat center top;} #detail_con .headman p.img {position:absolute;} #detail_con .headman div.txt {position:relative; margin-bottom:16%; padding:9% 38% 3% 5%;} #detail_con .headman div.txt p {padding:3% 3%; background:rgba(76,86,103,.45); color:#fff; font-size:20px;} #detail_con .headman div.txt p span {display:block; margin-top:8px; font:35px 'Nanum Myeongjo'; letter-spacing:-3px; text-shadow:1px 0px 2px rgba(0,0,0,.5);} #detail_con .current {position:relative; margin-top:10px; padding:0px 5px; border:1px solid #dcdcdc;} #detail_con .current>div {padding:0px 2px; border-left:1px solid #dcdcdc; border-right:1px solid #dcdcdc;} #detail_con .current:before, #detail_con .current:after, #detail_con .current>div:before, #detail_con .current>div:after {display:block; content:''; position:absolute; height:100%; width:1px; top:0px; background:#dcdcdc;;} #detail_con .current:before {left:2px;} #detail_con .current:after {right:2px;} #detail_con .current>div>div {overflow:hidden; background:#546DAB; border-left:1px solid #dcdcdc; border-right:1px solid #dcdcdc;} #detail_con .current div.img, #detail_con .current div.txt {width:50%; float:left;;} #detail_con .current div.img {background:#fff; /* min-height:686px; */} /* #detail_con .current div.img img{min-height:686px;} */ #detail_con .history div.history01 div.txt {position:absolute; left:5%; top:10%; padding:3%; width:40%; color:#fff; background:rgba(33,56,89,.9);} #detail_con .loginbox dl {float:left; width:48%;} #detail_con .loginbox dl.ipin {width:47.5%; border-left:1px solid #f2f2f2;} #detail_con .loginbox dl.phone dd p {margin-top:50px;} #detail_con .loginbox.mobile {margin:auto; width:80%;} #seo_map .map_con {padding-left:372px;} #detail_con .child_budget {overflow:hidden;} #detail_con .child_budget>div {float:left; width:48%;} #detail_con .child_budget p {float:right; max-width:50%;} #detail_con .form_tab ul.group li a {min-height:117px;} #detail_con .form_tab ul.group li a span {display:block;} } @media screen and (max-width:800px) { .datatable{ position:relative; display:block; overflow-x:auto; } .datatable .data {min-width:850px !important;} .datatable .scroll_info {position:absolute; display:block; top:25%; left:55%; text-align:center; width:100px; height:100px; padding-top:40px; margin-left:-125px; color:#fff; font-size:14px; line-height:21px; border-radius:50%; background:rgba(0,0,0,.7) url('/open_content/main/images/sub/ic_scroll.png') center 28px no-repeat ; font-size: 0px} .board_table {position:relative; display:block; overflow-x:auto;} .board_table .scroll_info {position:absolute; display:block; top:25%; left:55%; text-align:center; width:140px; height:100px; padding-top:40px; margin-left:-125px; color:#fff; font-size:14px; line-height:21px; border-radius:50%; background:rgba(0,0,0,.7) url('/open_content/main/images/sub/ic_scroll.png') center 68px no-repeat;} .board_table table {min-width:800px !important;} #detail_con h4 {font-size:20px; background-position:left 5px;} #detail_con .conbtn, #detail_con .consbtn {letter-spacing:-1px;} #detail_con h4+.right_btn {float:none; text-align:right; margin-top:15px;} #detail_con ol.step>li {padding-bottom:22px; background:url(/open_content/main/images/contents/step_arrD.gif?v0.1) no-repeat center bottom;} #detail_con ol.step>li:last-child{padding-right:0px; padding-bottom:0px; background:none} /* #detail_con ol.step>li:after, #detail_con ol.step>li:before {bottom:7px; left:48%;} #detail_con ol.step>li:after {margin-left:8px;} #detail_con ol.step>li:last-child {padding-right:0px;} #detail_con ol.step>li:last-child:after, #detail_con ol.step>li:last-child:before {display:none;} #detail_con ol.step:after {display:block; content:''; clear:both;} */ #detail_con ol.step02 .tit {padding:2% 0%;} #detail_con ol.step02 .con {/* text-align:center; */ border-top:1px dashed #dcdcdc;} #detail_con .linklist li {width:48.2%;} #detail_con .linklist.col3 li {/* width:98%; */width:49%;} #detail_con .seobox p.tit span {font-size:30px;} #detail_con .seobox {border-width:5px;} #detail_con .seobox:before, #detail_con .seobox:after {border-width:20px;} #detail_con .conlist>.con {width:100%;} #detail_con .conlist>.photo {width:100%;} #detail_con .conPhoto.relationship li {width:99%;} #detail_con .plan2017 ul.group>li {width:31.3%;} #detail_con .plan2017 ul.group>li.part4 {clear:left;} #detail_con .form_tab>p {position:relative; margin:10px 0px 0px; background:#003b99; border:1px solid #003b99; color:#fff;} #detail_con .form_tab>p a {display:block; padding:5px 10px; color:#fff; font-weight:400;} #detail_con .form_tab>p a:after, #detail_con .form_tab>p a:before {display:block; content:''; position:absolute; top:11px; right:15px; width:2px; height:10px; border-radius:1px; background:#fff;} #detail_con .form_tab>p a:after {transform:rotate(45deg);} #detail_con .form_tab>p a:before {transform:rotate(-45deg); margin-right:6px;;} #detail_con .form_tab ul {margin-top:2px;} #detail_con .form_tab ul li {width:100% !important;} #detail_con .form_tab ul li a {padding:0px 5px; background-image:none !important; font-size:13px;} #detail_con .form_tab ul li a p {height:40px;} #detail_con .easy_notify ul {padding:0% 5%;} #detail_con .easy_notify ul li {padding:20px 5% 30px 120px; min-height:130px; background-position:left center;} #detail_con .easy_notify ul li.ic02 {border-top:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc;} #detail_con .advice div ul li p.go {margin-top:10px; text-align:center;} #detail_con .estate_back li {padding:30px 2%; padding-bottom:20px; width:100%; border-bottom:1px solid #dcdcdc;} #detail_con .estate_back li:first-child {padding-top:0px;} #detail_con .estate_back li p.tit {padding-top:60px; margin-bottom:10px;} #detail_con .estate_back li.ic02 {border-left:0px; border-right:0px;} #detail_con .estate_type li {width:46%;} #detail_con .lll {margin-top:0px;} #detail_con .lll>li {margin-top:20px; width:100%; border-top:1px solid #dcdcdc; background-position:center 20px;} #detail_con .lll>li div {padding-top:100px; border:0px;} #detail_con .lll>li:first-child {margin-top:0px; border:0px;} #detail_con .social p.tit {font-size:24px;} #detail_con .social p.txt {font-size:16px;} #detail_con .social ul {margin:0px 0px;} #detail_con .social ul li {margin:0px; padding:1%; width:98%;} #detail_con .social ul li:first-child {margin-bottom:60px;} #detail_con .social ul li>div {padding:10px 30px; border-radius:10px;} #detail_con .social ul li p.q {padding:1% 0px; font-size:25px;} #detail_con .social ul li .a {margin-top:20px ;} #detail_con .social ul:after {bottom:170px; width:100%} #detail_con .disaster_check>li>ul {margin-top:10px;} #detail_con .improve_simple>li {padding:20px 0px; padding-top:140px; background-position:center 10px;} #detail_con .improve_fat>li {padding:20px 0px; padding-top:140px; background-position:center 10px;} #detail_con .factory>li:first-child {margin-bottom:20px; border-bottom:1px dashed #aaa;} #detail_con .player li {width:48%;} #detail_con .headman div.txt p span {font:bold 20px 'Nanum Myeongjo';} #detail_con .general_area li {width:49.5%; font-size:16px;} #detail_con .general_area li.ic03, #detail_con .general_area li.ic07 {border-left:0px;} #detail_con .general_area li.ic01, #detail_con .general_area li.ic02, #detail_con .general_area li.ic05, #detail_con .general_area li.ic06 {padding-bottom:30px; border-bottom:1px solid #dcdcdc;} #detail_con .general_area li.ic03, #detail_con .general_area li.ic04, #detail_con .general_area li.ic07, #detail_con .general_area li.ic08 {padding-top:110px; background-position:center 30px;} #detail_con .history div.history01 div.txt {position:static; padding:4% 5% 5%; width:90%; color:#fff; background:rgba(33,56,89,.9);} #detail_con .history ul.history02 {background:none; padding-left:0px;} #detail_con .symbol_basic.col3 li, #detail_con .symbol_basic.col5 li {width:50%; padding:2.5%;} #detail_con .symbol_apply li {width:98%;} #detail_con .symbol_basic.apply li {width:50%; padding:2.5%;} #detail_con .symbol_basic.apply li p.name {width:auto; font-size:.75em;} #detail_con .organization p.tit {position:static;} #detail_con .organization div.organBox div.con {margin:3% 0% 0%; padding:3% 0% 0%; margin-left:0px; border-left:0px; border-top:1px solid #dcdcdc;} #detail_con .organization div.organBox div.con a {margin:1px auto; font-size:13px; letter-spacing:-2px;} #detail_con .organization div.organBox div.con .group.mb_col2>li {margin:0px 1%; width:48%;} #detail_con .organization div.organBox div.con .group.mb_col3>li {margin:0px 1%; width:31.3%;} #detail_con .city p.vision {padding-bottom:3%;} #detail_con .city p.base {padding-top:3%;} #detail_con .city p.vision, #detail_con .city p.base {background-size:100%;} #detail_con .childcity2 .goal>dd .goalList>li {width:49%; margin-bottom:8px;} #detail_con .loginbox dl {padding-left:5%; padding-right:5%;} #detail_con .loginbox dl.phone {padding-bottom:5%; border-bottom:1px solid #f2f2f2;} #detail_con .loginbox dl.ipin {margin-top:5%;} #seo_map h2 {position:absolute; top:15px; left:15px; width:30px; height:30px;} #seo_map h2 a {display:block; width:30px; height:30px; border:2px solid #353535; background:#f8f8f8 url(/open_content/main/images/sub/mb_menu.gif) no-repeat center center; background-size:60%; border-radius:40px; text-indent:-50000px;} #detail_con .viewer li {width:33%;} #detail_con .viewer li.ic04 {border-left:0px;} #detail_con .familyList{display:block; border-top:2px solid #eee;} #detail_con .familyList>li{display:block} #detail_con .familyList>li>div{display:block; border-top:0px; width:100%} #detail_con .familyList>li>div a{display:block} #detail_con .goal .con ul li {padding-bottom:25px !important; width:48%; max-width:100%; border-top:1px dashed #dcdcdc;} #detail_con .goal .con ul li.ic01 {margin-left:0;} #detail_con .goal .con ul li.ic01, #detail_con .goal .con ul li.ic02, #detail_con .goal .con ul li.ic04, #detail_con .goal .con ul li.ic03 {border-bottom:none;} #detail_con .goal .con ul li:nth-child(odd) {border-left:none;} #detail_con .goal .con ul li:nth-child(even) {border-left:1px dashed #dcdcdc;} #detail_con .goal .con ul li.ic07 {width:100%;} #detail_con.disaster_manual li {width:95%;} #detail_con.disaster_manual dl {display:block; height:auto !important;} #detail_con.disaster_manual dl dt {position:static; display:block; background:#020202; text-align:center;} #detail_con.disaster_manual dl dd {display:block; padding:20px; text-align:center;} #detail_con .child_budget>p {margin:10px; text-align:center;} #detail_con .course {padding:5% 4%;} #detail_con .course ol {width:auto;} #detail_con .eumroad_box .img, #detail_con .eumroad_box .txt {float:none; width:100%;} #detail_con .corona_wait>li{float:none; width:100%; padding:5%; margin-bottom:5%;} #detail_con .corona_wait>li:not(:last-child){margin-right:0;} #detail_con .corona_wait>li .tit{height:auto;} #detail_con .corona_wait>li .state{margin-bottom:3%;} /* 서구문화 210524 */ .sgCulture{margin-top:0px} .sgCulture:before{left:auto; top:auto; right:0%; bottom:-57px; width:140px; background-size:100%} .sgCulture>p.tit{padding:145px 10px 30px; max-width:340px; background-position:center top; background-size:120px} .sgCulture>ul{padding-top:5px; border-top:3px solid #333} .sgCulture>ul li{border-bottom:1px solid #ddd} .sgCulture>ul li a{padding:40px 0px; padding-left:100px} .sgCulture>ul li a:before{left:10px; width:72px; height:72px; background-position:right -2px center; } .sgCulture>ul li:nth-child(1) a:before{background-color:#f47190} .sgCulture>ul li:nth-child(2) a:before{background-color:#7a22f5 } .sgCulture>ul li:nth-child(3) a:before{background-color:#e14f13} .sgCulture>ul li:nth-child(4) a:before{background-color:#0056e0} .sgCulture>ul li a p.txt{width:100%} .sgCulture>ul li a p.txt span.stit{letter-spacing:-1px; color:#888} .sgCulture>ul li a p.txt span.tit{margin-top:10px; font-size:1.55em} .sgCulture>ul li a p.img{display:none} .sgCulture>ul li a:hover:before{background-position:right -2px center; } .meta_tit {font-size:30px;} .meta_txt {width:85%; margin:2% auto 3%; padding:2% 10% 4%; font-size:16px;} .meta_layer_box br {display:none;} .meta_list.col2_w { width:auto; } .meta_list li, .meta_list.col2 li, .meta_list.col2_w li {width:100%; height:auto; min-height:auto; margin-bottom:3%;} .meta_list.col2>li:first-child{ margin-right:0; } .meta_list li.ing>div {position:static; transform:none;} .department #detail_con{margin-top:0px;} .department_intro{background-size:cover} .department_intro:before{display: none} .department_part{flex-direction:column} .department_part .department_select{order:2} .department_part .department_select:before{left: -120px; top:-20px; transform:scale(.4); transform-origin:top} .department_part .department_select>p a{font-size: 2em} .department_part .department_select>p a span:after {top: -.22em} .department_part .department_select>div{left: -15vw; min-width:80vw; height:500px;; overflow:auto} .department_part .department_select ul{display:flex} .department_part .department_select ul>li{flex-basis:50%; font-size: 1em;} .department_part .department_select ul>li a{padding:7px 3px} .department_part .department_slogan{order:1; padding:8% 0% 5%; width:55%;} .department_part .department_slogan img{max-width: 100%;} .department_tab{white-space: nowrap; overflow-x:auto; gap:1px; padding: 10px 10px 8px; margin-top:3em; justify-content: flex-start; margin-bottom: 1px} .department_tab::-webkit-scrollbar {height:3px;} .department_tab::-webkit-scrollbar-thumb {border-radius: 10px; background:rgba(0,0,0,.1)} .department_tab>li a{padding:8px 20px; font-size: 1.06em} .department_tab>li.on a{color: #fff;background: #0B91F2; box-shadow: 0px 1px 3px 0px rgba(80, 80, 80, 0.30); text-shadow:0px 0px 2px rgb(0,0,0,.5)} .department_tbox{padding-left:calc(10% + 50px); background-size:50px} .department_tbox .department_info{gap:10px; flex-direction: column} .department_banr>li>div{background-position: center 20px; padding:20px; padding-top: 90px; background-size:50px} .department_banr>li>div p{line-height: 1.2;} .department_banr>li p.q{font-size:clamp(1em, 3.3vw, 1.05em)} .department_banr>li p.a{font-size:1.2em} } @media screen and (max-width:640px) { #detail_con .housing_adm>div {float:none; text-align:center; width:auto; height:auto;} #detail_con .housing_adm .title {font-size:18px; font-weight:600;} #detail_con .housing_adm ul {overflow:hidden; text-align:center; padding:0 5% 5%; width:94%;} #detail_con .smarteco_organ>div>ul>li {width:100%;} #detail_con .smarteco_organ>div .rank2, #detail_con .smarteco_organ .rank3 {width:auto; margin:25px auto 10px;} #detail_con .smarteco_organ>div .rank2_2>li.tit {margin:25px auto 10px;} #detail_con .smarteco_organ>div .rank2_2>li.tit:after {height:110%;} #detail_con .smarteco_organ>div .rank2:after, #detail_con .smarteco_organ>div .rank2_1, #detail_con .smarteco_organ>div .rank2_1>li, #detail_con .smarteco_organ>div .rank2_1>li:after, #detail_con .smarteco_organ>div .rank2_2, #detail_con .smarteco_organ>div .rank2_2>li, #detail_con .smarteco_organ>div .rank2_2>li:after, #detail_con .smarteco_organ .rank3:after {position:static;} #detail_con .childcity .vision .goal dd ul li {position:relative !important; width:100%; padding:20px !important;} #detail_con .childcity .vision .goal dd ul li.g1:after {display:none;} #detail_con .childcity .vision .goal dd ul li.g3:before {display:none;} #detail_con .childcity .vision .propel dd {width:100%; height:auto; padding:25px 20px 25px 40px; border-left:0 !important;} #detail_con .childcity .vision .propel dd:nth-of-type(5) {border-bottom:1px dotted #dcdcdc;} #detail_con .childcity .vision .propel dd .tit {padding-bottom:25px; margin-bottom:20px;} .reserve_guide{padding:30px} .reserve_guide:before, .reserve_guide:after {max-width:30%; background-size:100%;} .reserve_guide:before {left:35px;} .reserve_guide:after {right:40px;} .reserve_guide_link li {flex-basis:calc(50% - 10px)} .reserve_guide_link li.col2 {width:100%;} .reserve_guide_link li:nth-of-type(even) {margin-right:0;} .reserve_guide_link li.mr_n {margin-left:2.5%;} #detail_con .estate_type li {position:relative; overflow:hidden; width:100%;} #detail_con .estate_type li p.txt, #detail_con .estate_type li p.img {float:right; width:50%; height:auto; border-top:none;} #detail_con .estate_type li p.img {position:absolute; left:0; top:0; width:50%; height:100%; } } @media screen and (max-width:480px) { #detail_con h4>span.pin {display:block;} .datatable .data th, .datatable .data td, .agree_data td {padding:5px; font-size:14px} .datatable {width:100%; overflow-x:scroll;} .datatable .data.td-block th, .datatable .data.td-block td {display:block;} .datatable .data.td-block th {margin-top:20px; border-bottom:none;} .datatable .data.td-block td {border-top:1px dashed #ccc; border-bottom:none;} .datatable .data.td-block td:last-child {border-bottom:1px solid #ccc;} #detail_con .conbtn {display:block; width:90%;} #detail_con .housing_adm ul li {display:block; width:98%;} #detail_con .housing_login ul li {width:45%;} #detail_con .delivery {padding:30px 30px 30px 150px; background-position:30px center;} #detail_con .childcity .vision .base dt {float:none; text-align:center; width:100%;} #detail_con .childcity .vision .base dd {float:none; width:100%;} #detail_con .goal .con ul li {width:100%; border-left:none !important; border-top:1px dashed #dcdcdc;} #detail_con .goal .con ul li.ic02 {border-top:1px dashed #dcdcdc;} #detail_con .symbol p.img {float:none; width:100%;} #detail_con .symbol div.con {float:none; width:100%;} #detail_con .symbol_basic.apply li {min-height:190px;} #detail_con .conPhoto li {width:100%; margin:2% 0;} .reserve_guide_intro {padding-top:0;} .reserve_guide_link a {padding:20px;} #detail_con .btn_link02 img {max-width: 70%;} }