/* font family reset */ header *, #container *, footer *{font-family:'Noto Sans KR', 'Noto Sans CJK KR', 'NotoSansKR', 'malgun gothic', Arial, sans-serif;} body{overflow-x:hidden;} /* box-sizing */ header, footer, div, p, ul, li, dl, dt, dd, span, a, table, tr, th, td{box-sizing:border-box;} /* float + margin-top reset */ #logo, .header_icon_group{float:none !important;margin-top:0 !important;} /* float reset */ .btn_sitemap, #gnb > li.iconmenu .gnb_menu > .gnb_menu_inner > ul > li, .mayor_area, .familysite_list > li, #lnb, #contents, .notice_group, .blueworks_user, .blueworks_total, .visual_slide_area{float:none !important;} /* before, after reset */ #gnb > li > a:before, .gnb_menu > .gnb_menu_inner > ul > li > a:before, .familysite_list > li:first-of-type:before, .familysite_list > li:after{content:unset;} /* 20230421 start */ .d-down-md, .d-down-sm{display:none;} /* 20230421 end */ /* icon */ .ico{display:inline-block;background-repeat:no-repeat;background-position:center center;background-size:cover;vertical-align:middle;overflow:hidden;text-indent:-9999px;overflow:hidden;text-align:left;} /* button */ #btn_search_open{width:18px;height:18px;background-size:contain;} /* text align */ .text-center{text-align:center;} .text-left{text-align:left;} .text-right{text-align:right;} /* common */ /* header */ .header_2021 #logo{position:unset;} .header_2021 .header_body{max-width:1400px;display:flex;align-items:center;justify-content:space-between;} .header_2021 .header_icon_group{display:flex;align-items:center;justify-content:flex-end;} .header_2021 .header_icon_group form{display:flex;align-items:center;} .header_2021 .btn_sitemap{width:16px;height:14px;margin-left:9px;background-size:contain;background-repeat:no-repeat;border:none;font-size:0;display:inline-block;} .header_2021 #gnb{/* 분야별 정보 */} .header_2021 #gnb > li > a{font-family:'GmarketSans', 'malgun gothic', Arial, sans-serif;font-weight:normal;font-size:1.25rem;} .header_2021 #gnb > li.on > a, .header_2021 #gnb > li.act > a, .header_2021 #gnb > li > a:hover{color:#1a1a1a;border-bottom:3px solid #bd445b;text-decoration:none;} .header_2021 #gnb .iconmenu .gnb_menu .gnb_menu_inner > ul{width:100%;} .header_2021 #gnb .iconmenu .gnb_menu .gnb_menu_inner > ul::before{content:none;} .header_2021 #gnb .iconmenu .gnb_menu .gnb_menu_inner > ul > li{display:flex;align-items:center;justify-content:center;flex-flow:column;width:14%;margin-left:0;background:none !important;} .header_2021 #gnb .iconmenu .gnb_menu .gnb_menu_inner > ul > li > a{background-color:transparent;padding-top:0;margin-top:10px;} .header_2021 #gnb .iconmenu .gnb_menu .gnb_menu_inner > ul > li > a > .box-round{display:flex;align-items:center;justify-content:center;width:100px;height:100px;border-radius:50%;background-color:#f3f3f3;} .header_2021 #gnb .iconmenu .gnb_menu .gnb_menu_inner > ul > li > a > .box-round .ico{display:inline-block;width:45%;height:45%;background-repeat:no-repeat;background-position:center;background-size:contain;} .header_2021 #gnb .iconmenu .gnb_menu .gnb_menu_inner > ul > li > a > .box-round .ico-field-www01{background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Sjjj.lbatva.tb.xe%2Serfbheprf%2Shfre%2Sznva%2Svzt%2Synlbhg%2Svpbazrah01.cat);} .header_2021 #gnb .iconmenu .gnb_menu .gnb_menu_inner > ul > li > a > .box-round .ico-field-www02{background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Sjjj.lbatva.tb.xe%2Serfbheprf%2Shfre%2Sznva%2Svzt%2Synlbhg%2Svpbazrah02.cat);} .header_2021 #gnb .iconmenu .gnb_menu .gnb_menu_inner > ul > li > a > .box-round .ico-field-www03{background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Sjjj.lbatva.tb.xe%2Serfbheprf%2Shfre%2Sznva%2Svzt%2Synlbhg%2Svpbazrah03.cat);} .header_2021 #gnb .iconmenu .gnb_menu .gnb_menu_inner > ul > li > a > .box-round .ico-field-www04{background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Sjjj.lbatva.tb.xe%2Serfbheprf%2Shfre%2Sznva%2Svzt%2Synlbhg%2Svpbazrah04.cat);} .header_2021 #gnb .iconmenu .gnb_menu .gnb_menu_inner > ul > li > a > .box-round .ico-field-www_05{background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Sjjj.lbatva.tb.xe%2Serfbheprf%2Shfre%2Sznva%2Svzt%2Synlbhg%2Svpbazrah05.cat);} .header_2021 #gnb .iconmenu .gnb_menu .gnb_menu_inner > ul > li > a > .box-round .ico-field-www06{background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Sjjj.lbatva.tb.xe%2Serfbheprf%2Shfre%2Sznva%2Svzt%2Synlbhg%2Svpbazrah06.cat);} .header_2021 #gnb .iconmenu .gnb_menu .gnb_menu_inner > ul > li > a > .box-round .ico-field-www07{background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Sjjj.lbatva.tb.xe%2Serfbheprf%2Shfre%2Sznva%2Svzt%2Synlbhg%2Svpbazrah07.cat);} .header_2021 #gnb .iconmenu .gnb_menu .gnb_menu_inner > ul > li > a > .box-round .ico-field-www08{background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Sjjj.lbatva.tb.xe%2Serfbheprf%2Shfre%2Sznva%2Svzt%2Synlbhg%2Svpbazrah08.cat);} .header_2021 #gnb .iconmenu .gnb_menu .gnb_menu_inner > ul > li > a > .box-round .ico-field-www09{background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Sjjj.lbatva.tb.xe%2Serfbheprf%2Shfre%2Sznva%2Svzt%2Synlbhg%2Svpbazrah09.cat);} .header_2021 #gnb .iconmenu .gnb_menu .gnb_menu_inner > ul > li > a > .box-round .ico-field-www10{background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Sjjj.lbatva.tb.xe%2Serfbheprf%2Shfre%2Sznva%2Svzt%2Synlbhg%2Svpbazrah10.cat);} .header_2021 #gnb .iconmenu .gnb_menu .gnb_menu_inner > ul > li > a > .box-round .ico-field-www11{background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Sjjj.lbatva.tb.xe%2Serfbheprf%2Shfre%2Sznva%2Svzt%2Synlbhg%2Svpbazrah11.cat);} .header_2021 #gnb .iconmenu .gnb_menu .gnb_menu_inner > ul > li > a > .box-round .ico-field-www12{background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Sjjj.lbatva.tb.xe%2Serfbheprf%2Shfre%2Sznva%2Svzt%2Synlbhg%2Svpbazrah12.cat);} .header_2021 #gnb .iconmenu .gnb_menu .gnb_menu_inner > ul > li > a > .box-round .ico-field-www13{background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Sjjj.lbatva.tb.xe%2Serfbheprf%2Shfre%2Sznva%2Svzt%2Synlbhg%2Svpbazrah13.cat);} .header_2021 #gnb .iconmenu .gnb_menu .gnb_menu_inner > ul > li > a > .box-round .ico-field-www14{background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Sjjj.lbatva.tb.xe%2Serfbheprf%2Shfre%2Sznva%2Svzt%2Synlbhg%2Svpbazrah14.cat);} .header_2021 #gnb .iconmenu .gnb_menu .gnb_menu_inner > ul > li > a > .box-round .ico-field-www15{background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Sjjj.lbatva.tb.xe%2Serfbheprf%2Shfre%2Sznva%2Svzt%2Synlbhg%2Svpbazrah15.cat);} .header_2021 #gnb .iconmenu .gnb_menu .gnb_menu_inner > ul > li > a > .box-round .ico-field-www16{background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Sjjj.lbatva.tb.xe%2Serfbheprf%2Shfre%2Sznva%2Svzt%2Synlbhg%2Svpbazrah16.cat);} .header_2021 #gnb .iconmenu .gnb_menu .gnb_menu_inner > ul > li > a > .box-round .ico-field-www17{background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Sjjj.lbatva.tb.xe%2Serfbheprf%2Shfre%2Sznva%2Svzt%2Synlbhg%2Svpbazrah17.cat);} .header_2021 #gnb .iconmenu .gnb_menu .gnb_menu_inner > ul > li > a > .box-round .ico-field-www18{background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Sjjj.lbatva.tb.xe%2Serfbheprf%2Shfre%2Sznva%2Svzt%2Synlbhg%2Svpbazrah01.cat);} .header_2021 .gnb_menu{border-top:1px solid #eee;background:#fff;box-shadow:0 10px 20px rgba(0, 0, 0, 0.1);} .header_2021 .gnb_menu::before{content:none;} .header_2021 .gnb_menu > ul > li > a{background-color:#bd445b;} .header_2021 .gnb_menu .gnb_menu_inner{display:flex;box-sizing:border-box;} .header_2021 .gnb_menu .gnb_menu_inner::before{content:none;} .header_2021 .gnb_menu .gnb_menu_inner .gnb_menu_title{display:flex;float:none;width:221px;padding-top:185px;box-sizing:border-box;} .header_2021 .gnb_menu .gnb_menu_inner .gnb_menu_title h4{font-size:30px;color:#000;font-weight:600;} .header_2021 .gnb_menu .gnb_menu_inner .gnb_menu_title h4::before{position:absolute;width:145px;height:145px;border-radius:50%;background-color:#bd445b;bottom:100%;margin-bottom:33px;} .header_2021 .gnb_menu .gnb_menu_inner .gnb_menu_title p{font-size:16px;color:#222;} .header_2021 .gnb_menu .gnb_menu_inner .gnb_menu_title img{width:100px;height:100px;box-sizing:border-box;padding:20px;object-fit:contain;position:absolute;top:92px;left:20px;image-rendering:-webkit-optimize-contrast;} .header_2021 .gnb_menu .gnb_menu_inner > ul{display:flex;flex-flow:row wrap;background-image:none;} .header_2021 .gnb_menu .gnb_menu_inner > ul::before{content:'';position:absolute;display:block;width:250px;height:100%;background-color:#bd445b;} .header_2021 .gnb_menu .gnb_menu_inner > ul > li{display:flex;border-bottom:0 !important;align-items:flex-start;justify-content:flex-start;width:100%;border-bottom:0;margin:unset;} .header_2021 .gnb_menu .gnb_menu_inner > ul > li > a{background-color:#bd445b;font-size:18px;font-weight:600;border-top:1px solid #eee;} .header_2021 .gnb_menu .gnb_menu_inner > ul > li:first-child > a{border-top:0;} .header_2021 .gnb_menu .gnb_menu_inner > ul > li:last-child > a{border-bottom:0;} .header_2021 .gnb_menu .gnb_menu_inner > ul > li > ul:first-child{border-top:0;} .header_2021 .gnb_menu .gnb_menu_inner > ul > li > ul{border-top:1px dashed #eee;} .header_2021 .gnb_menu .gnb_menu_inner > ul > li > ul > li > a{display:inline-flex;align-items:center;height:30px;font-weight:500;} .header_2021 .gnb_menu .gnb_menu_inner > ul > li > ul > li > a::before{content:'';display:inline-block;width:5px;height:2px;background-color:#784f56;position:unset;margin-right:4px;} .header_2021 #header_search.opened{max-width:100%;left:0;margin:0 auto;right:unset;} /* //header */ /* container - main */ /* 20230309 start */ #container .visual_section{background:#762e46;background:radial-gradient(circle, rgba(118, 46, 70, 1) 0%, rgba(68, 69, 75, 1) 100%);/* height:830px;*/padding-bottom:25px;height:auto;} /* 20230309 end */ #container .visual_section .visual{display:flex;justify-content:space-between;} /* 20230309 start */ #container .visual_section .visual .visual-main{width:calc(100% - 530px);/* width:870px;*/display:block;} /* 20230309 end */ @media (max-width:1024.98px){ /* #container .visual_section .visual .visual-main{ display:none; } */} /* 20230403 start */ #container .visual_section .visual .visual-main .tab-visual .tab-list li{display:inline-flex;align-items:center;justify-content:center;width:170px;height:40px;background-color:#6f6f6f;border-radius:20px 20px 0 0;} /* 20230403 end */ /* 20230407 start */ #container .visual_section .visual .visual-main .tab-visual .tab-list li{display:inline-flex;align-items:center;justify-content:center;width:170px;height:40px;background-color:#6F6F6F;border-radius:10px 10px 0 0;} /* 20230407 end */ #container .visual_section .visual .visual-main .tab-visual .tab-list li a{color:#fff;font-size:18px;} #container .visual_section .visual .visual-main .tab-visual .tab-list li.on{background-color:#fff;font-weight:500;} #container .visual_section .visual .visual-main .tab-visual .tab-list li.on a{color:#333;} #container .visual_section .visual .visual-main .tab-row-menu{position:absolute;top:30px;left:-55px;} #container .visual_section .visual .visual-main .tab-row-menu .tab-list{display:flex;flex-flow:column;width:80px;} #container .visual_section .visual .visual-main .tab-row-menu .tab-list li{display:inline-flex;align-items:center;background-color:#000;min-width:75px;height:60px;padding:0 20px;border-radius:30px 0 0 30px;margin-bottom:5px;} #container .visual_section .visual .visual-main .tab-row-menu .tab-list li a{color:#fff;} #container .visual_section .visual .visual-main .tab-row-menu .tab-list li a span{display:flex;font-size:15px;} #container .visual_section .visual .visual-main .tab-row-menu .tab-list li.on a span:after{content:'';width:5px;height:5px;background-color:#bd445b;border-radius:50%;margin-left:5px;} /* 20230309 start */ #container .visual_section .visual .visual-main .visual-content{position:relative;padding:13px;padding-bottom:23px;border-radius:0 10px 10px 10px;background-color:#fff;height:unset;/* width:870px;*/} /* 20230309 end */ #container .visual_section .visual .visual-main .visual-content #container .visual_section .visual .visual-main .visual-content > .tab-content{position:relative;z-index:2;border:1px solid #fff;border-radius:10px;width:100%;height:100%;} #container .visual_section .visual .visual-main .visual-content .main-news-slider, #container .visual_section .visual .visual-main .visual-content .main-news-slider .slider-inner, #container .visual_section .visual .visual-main .visual-content .main-news-slider .slick-list, #container .visual_section .visual .visual-main .visual-content .main-news-slider .slick-track, #container .visual_section .visual .visual-main .visual-content .main-news-slider .slide-item, #container .visual_section .visual .visual-main .visual-content .main-news-slider .slide-item a{height:100%;width:100%;} #container .visual_section .visual .visual-main .visual-content .slick-slide{max-height:calc(100% - 60px);} /* 20230403 start */ #container .visual_section .visual .visual-main .visual-content .slick-slide{visibility:hidden;} #container .visual_section .visual .visual-main .visual-content .slick-active{visibility:visible;} #container .visual_section .visual .visual-main .visual-content .slick-slide a{position:relative;} #container .visual_section .visual .visual-main .visual-content .slick-slide a:focus:before{content:'';position:absolute;top:0;left:0;width:calc(100% - 4px);height:calc(100% - 4px);border:2px solid #000;border-radius:10px;z-index:999;} /* 20230403 end */ /* #container .visual_section .visual .visual-main-mobile{ display:none; } */ @media (max-width:1024.98px){ /* #container .visual_section .visual .visual-main-mobile{ display:block; margin-bottom:60px; } */} /* 20230309 start */ #container .visual_section .visual .mayor-area{display:flex;flex-flow:column;justify-content:space-between;flex:0 0 510px;height:auto;} /* 20230309 end */ #container .visual_section .visual .mayor-area .yoingin-info{display:flex;align-items:center;justify-content:center;border-radius:10px;background-color:#fff;height:80px;} #container .visual_section .visual .mayor-area .yoingin-info > li{display:flex;align-items:center;justify-content:center;width:33.33%;height:100%;} #container .visual_section .visual .mayor-area .yoingin-info > li > a{color:#222;font-size:1rem;} #container .visual_section .visual .mayor-area .yoingin-info > li > a > i{margin-right:10px;} #container .visual_section .visual .mayor-area .yoingin-info > li > a .pl-md-1{width:calc(100% - 50px);} #container .visual_section .visual .mayor-area .yoingin-info > li:nth-child(2){background-color:#e6e8f0;} #container .visual_section .visual .mayor-area .yoingin-info .ico-organization-chart{width:32px;height:33px;line-height:33px;background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Sjjj.lbatva.tb.xe%2Serfbheprf%2Shfre_erarjny%2S_pbzzba%2Svzntrf%2Svpb-betnavmngvba-puneg%402k.cat);} #container .visual_section .visual .mayor-area .yoingin-info .ico-office-info{width:24px;height:37px;line-height:37px;background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Sjjj.lbatva.tb.xe%2Serfbheprf%2Shfre_erarjny%2S_pbzzba%2Svzntrf%2Svpb-bssvpr-vasb%402k.cat);} #container .visual_section .visual .mayor-area .yoingin-info .ico-youngin-talk{width:30px;height:36px;line-height:36px;background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Sjjj.lbatva.tb.xe%2Serfbheprf%2Shfre_erarjny%2S_pbzzba%2Svzntrf%2Svpb-lbhatva-gnyx%402k.cat);} #container .visual_section .visual .mayor-area .mayor-info{display:flex;flex-flow:column;justify-content:space-between;padding:33px 35px;border-radius:10px;background:#fff url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Sjjj.lbatva.tb.xe%2Serfbheprf%2Shfre%2Sznva%2Svzt%2Sznwbe_za.cat) right bottom no-repeat;background-size:auto 100%;height:calc(100% - 90px);} #container .visual_section .visual .mayor-area .mayor-info .section-title{font-size:36px;font-family:'GmarketSans', 'malgun gothic', Arial, sans-serif;color:#111;} #container .visual_section .visual .mayor-area .mayor-info .section-title *{font-family:'GmarketSans', 'malgun gothic', Arial, sans-serif;} #container .visual_section .visual .mayor-area .mayor-info .section-title strong{font-size:40px;} #container .visual_section .visual .mayor-area .mayor-info .section-title span{display:block;font-size:24px;} /* 20230309 start */ #container .visual_section .visual .mayor-area .mayor-info > ul{display:flex;flex-direction:column;justify-content:space-between;flex:1;height:100%;max-height:125px;margin-top:20px;} #container .visual_section .visual .mayor-area .mayor-info > ul > li{display:flex;align-items:center;/* margin-top:20px;*/} /* 20230309 end */ #container .visual_section .visual .mayor-area .mayor-info > ul > li::before{content:'';width:4px;height:4px;border-radius:50%;background-color:#bd445b;margin-right:10px;} #container .visual_section .visual .mayor-area .mayor-info > ul > li > a{color:#000000;font-size:18px;position:relative;padding-right:40px;} #container .visual_section .visual .mayor-area .mayor-info > ul > li > a::after{content:'';position:absolute;top:4px;right:0;width:25px;height:10px;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Sjjj.lbatva.tb.xe%2Serfbheprf%2Shfre_erarjny%2Sjjj%2Svzntrf%2Subzr%2Soga-zber.cat) center / contain no-repeat;} #container .visual_section .visual .mayor-area .youin-util{display:flex;align-items:center;justify-content:space-between;} #container .visual_section .visual .mayor-area .youin-util > li{display:flex;align-items:center;flex:0 0 calc(33.333% - 10px);justify-content:center;padding:20px;border-radius:10px;background-color:#fff;height:80px;} #container .visual_section .visual .mayor-area .youin-util > li > a{display:flex;align-items:center;font-size:1rem;color:#222;} #container .visual_section .visual .mayor-area .youin-util > li > a i{margin-right:10px;} #container .visual_section .visual .mayor-area .youin-util > li > a .pl-md-1{width:calc(100% - 50px);} #container .visual_section .visual .mayor-area .youin-util .ico-city-council{width:40px;height:40px;line-height:40px;background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Sjjj.lbatva.tb.xe%2Serfbheprf%2Shfre_erarjny%2S_pbzzba%2Svzntrf%2Svpb-pvgl-pbhapvy%402k.cat);} #container .visual_section .visual .mayor-area .youin-util .ico-children-office{width:42px;height:42px;line-height:42px;background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Sjjj.lbatva.tb.xe%2Serfbheprf%2Shfre_erarjny%2S_pbzzba%2Svzntrf%2Svpb-puvyqera-bssvpr%402k.cat);} #container .visual_section .visual .mayor-area .youin-util .ico-youth-lab{width:41px;height:41px;line-height:41px;background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Sjjj.lbatva.tb.xe%2Serfbheprf%2Shfre_erarjny%2S_pbzzba%2Svzntrf%2Svpb-lbhgu-yno%402k.cat);} #container .service_group{display:flex;align-items:center;justify-content:center;max-width:1400px;margin:80px auto;z-index:2;} #container .service_group dl{width:100%;} #container .service_group dl dd .slide-inner{width:calc(100% - 100px);margin:0 auto;} #container .service_group #service_slide_prev, #container .service_group #service_slide_next{width:50px;height:50px;border:2px solid #dedede;box-shadow:none;} /* 20230403 start */ #container .service_group .service_slide .slick-slide{visibility:hidden;} #container .service_group .service_slide .slick-active{visibility:visible;} /* 20230403 end */ #container .service_group .service_slide li a{display:flex;align-items:center;justify-content:center;flex-flow:column;width:auto;height:auto;background-color:transparent;box-shadow:none;} #container .service_group .service_slide li a .icon{display:flex;align-items:center;justify-content:center;background-color:#f6f6f6;width:130px;height:130px;border-radius:50%;box-sizing:border-box;padding:10px;} #container .service_group .service_slide li a .icon img{max-width:65%;} #container .service_group .service_slide li a .text{margin-top:26px;font-weight:700;} #container .service_group .bx-wrapper{overflow:hidden;} #container .content_search_group{display:flex;justify-content:space-between;align-items:center;} #container .content_search_group .specialcity_banner{width:360px;height:140px;background:rgba(0, 0, 0, 0.27);border-radius:10px 10px 10px 30px;display:flex;align-items:center;justify-content:center;} #container .content_search_group .share_list{display:none;} #container .content_search{display:flex;align-items:center;justify-content:space-between;background:rgba(0, 0, 0, 0.27);border-radius:10px 30px 10px 10px;padding:10px 60px 10px 70px;width:calc(100% - 360px);height:140px;margin-left:20px;position:unset;} #container .content_search .hot_keyword{text-align:left;display:flex;white-space:nowrap;} #container .content_search .hot_keyword > h3{font-size:13px;background-image:none;padding:0 5px;border:1px solid #fff;border-radius:3px;color:#fff;display:inline-flex;align-items:center;justify-content:center;} #container .content_search .hot_keyword > ul > li > a{color:#fff;} #container .content_search .banner-chat{margin-left:60px;} #container .content_search_box{background-color:transparent;border-bottom:1px solid #fff;border-radius:0;width:100%;} #container .content_search_box button, #container .content_search_box .content_search_input, #container .content_search_box .content_search_input input[type='text']{background-color:transparent;} #container .blueworks_section{padding-bottom:0;} #container .blueworks_section .blueworks_section_inner{display:flex;align-items:center;max-width:1400px;margin:0 auto;position:relative;} #container .blueworks_section .blueworks_section_inner > h3{background:linear-gradient(to right, #a0293f, #c0314c);min-width:220px;height:120px;border-radius:60px;color:#fff;font-size:24px;display:flex;flex-flow:column;justify-content:center;align-items:flex-start;padding:0 40px;box-sizing:border-box;position:absolute;left:-85px;box-shadow:0px 2px 9px 0px rgba(0, 0, 0, 0.2);} #container .blueworks_section .blueworks_section_inner > h3 > span{font-size:inherit;color:inherit;} #container .blueworks_section .blueworks_section_inner .blueworks_area{display:flex;justify-content:space-between;border:1px solid #dedede;border-radius:200px;box-sizing:border-box;padding:25px 70px 25px 110px;} #container .blueworks_section .blueworks_section_inner .blueworks_area > div{border:0;} #container .blueworks_section .blueworks_section_inner .blueworks_area .blueworks_title{border-bottom:0;padding:0;margin-bottom:10px;font-family:'Noto Sans KR', 'Noto Sans CJK KR', 'NotoSansKR', 'malgun gothic', Arial, sans-serif;} #container .blueworks_section .blueworks_section_inner .blueworks_area .blueworks_title::before{width:26px;height:22px;background-size:contain;vertical-align:unset;} #container .blueworks_section .blueworks_section_inner .blueworks_user .blueworks_title span, #container .blueworks_section .blueworks_section_inner .blueWorks_total .blueworks_title span{color:#2672d8;font-family:'Noto Sans KR', 'Noto Sans CJK KR', 'NotoSansKR', 'malgun gothic', Arial, sans-serif;} #container .blueworks_section .blueworks_section_inner .blueworks_user{border-right:1px solid #dedede !important;padding-left:80px;padding-right:40px;margin-right:20px;border-radius:0;} #container .blueworks_section .blueworks_section_inner .blueworks_total{padding-left:40px;margin-left:0;} #container .blueworks_section .blueworks_section_inner .blueworks_list{overflow:unset;height:auto;margin:unset;} #container .blueworks_section .blueworks_section_inner .blueworks_list > p{display:none;} #container .blueworks_section .blueworks_section_inner .blueworks_list > ul{display:flex;flex-flow:wrap;margin:0;} #container .blueworks_section .blueworks_section_inner .blueworks_list > ul > li{float:none;} #container .blueworks_section .blueworks_section_inner .blueworks_list > ul > li > a{background:transparent;border:1px dashed #dedede;border-radius:20px;padding:8px 13px;} #container .blueworks_section .blueworks_section_inner .blueworks_list > ul > li > a:hover{color:#bd445b;} #container .right_quick, #container .popupzone_group{display:none;} #container .news_section{margin:0;padding:0;} #container .news_section .news_section_inner{width:unset;display:flex;flex-flow:column;align-items:center;justify-content:center;} #container .news_section .news_section_inner .news_group{padding:80px 0;margin-bottom:30px;background-color:#f6f6f6;min-height:635px;box-sizing:border-box;margin-top:80px;} #container .news_section .news_section_inner .news_group h3{position:unset;max-width:1400px;margin:0 auto;padding-right:0;padding-bottom:20px;font-weight:normal;font-size:28px;font-family:'GmarketSans', sans-serif;background-image:none;} #container .news_section .news_section_inner .news_group h3::after{content:'';display:block;width:214px;height:1px;border-bottom:1px dashed #c5c5c5;} #container .news_section .news_section_inner .news_group h3 span{color:#000;font-weight:500;font-size:36px;font-family:'GmarketSans', sans-serif;} #container .news_section .news_section_inner .news_group dl{position:relative;max-width:1400px;height:auto;padding-top:0;} #container .news_section .news_section_inner .news_group dl, #container .news_section .news_section_inner .news_group dd{margin:0 auto;} #container .news_section .news_section_inner .news_group dt{display:flex;align-items:center;justify-content:flex-start;padding:15px 30px;margin:20px 0 40px;position:unset;float:none;width:264px;height:50px;font-size:18px;} #container .news_section .news_section_inner .news_group dt a{font-family:'GmarketSans', sans-serif;} #container .news_section .news_section_inner .news_group dt.on::after{content:'';position:absolute;top:calc(50% - 5px);right:75px;width:34px;height:10px;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Sjjj.lbatva.tb.xe%2Serfbheprf%2Shfre_erarjny%2Sjjj%2Svzntrf%2Subzr%2Soga-zber.cat) center / contain no-repeat;} #container .news_section .news_section_inner .news_group dt.on, #container .news_section .news_section_inner .news_group dt:hover{background:linear-gradient(to right, #a0293f, #c0314c);width:300px;position:sticky;z-index:1;border-radius:5px;box-shadow:0 2px 9px 0 rgba(0, 0, 0, 0.2);display:flex;align-items:center;} #container .news_section .news_section_inner .news_group dt.on a, #container .news_section .news_section_inner .news_group dt:hover a{color:#fff;font-weight:500;position:relative;padding-right:40px;} #container .news_section .news_section_inner .news_group dt.on a::before, #container .news_section .news_section_inner .news_group dt:hover a::before, #container .news_section .news_section_inner .news_group dt.on a::after, #container .news_section .news_section_inner .news_group dt:hover a::after{content:none;} #container .news_section .news_section_inner .news_group dd{max-width:calc(100% - 265px);background-color:#fff;padding:75px 73px 50px 100px;left:unset;box-sizing:border-box;right:0;top:-80px;} #container .news_section .news_section_inner .news_group dd .more{top:33px;right:73px;} #container .news_section .news_section_inner .news_group dd .more a{border:0;padding:0;width:auto;font-family:'Noto Sans KR', 'Noto Sans CJK KR', 'NotoSansKR', 'malgun gothic', Arial, sans-serif;position:relative;padding-right:40px;background-image:unset;} #container .news_section .news_section_inner .news_group dd .more a::after{content:'';position:absolute;top:5px;right:0;width:34px;height:10px;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Sjjj.lbatva.tb.xe%2Serfbheprf%2Shfre_erarjny%2Sjjj%2Svzntrf%2Subzr%2Soga-zber.cat) center / contain no-repeat;} #container .news_section .news_section_inner .news_group dd ul{display:flex;flex-flow:column;border:0;border-top:1px solid #000;} #container .news_section .news_section_inner .news_group dd ul li{display:flex;align-items:center;width:100%;border-bottom:1px solid #dedede;padding:20px;box-sizing:border-box;position:relative;} #container .news_section .news_section_inner .news_group dd ul li::after{content:'';position:absolute;top:50%;right:0;width:34px;height:10px;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Sjjj.lbatva.tb.xe%2Serfbheprf%2Shfre_erarjny%2Sjjj%2Svzntrf%2Subzr%2Soga-zber.cat) center / contain no-repeat;} #container .news_section .news_section_inner .news_group dd ul li .txt{width:100%;} #container .news_section .news_section_inner .news_group dd ul li a{display:flex;flex-flow:row-reverse;justify-content:flex-end;align-items:center;width:100%;padding:0;border:0;font-family:'Noto Sans KR', 'Noto Sans CJK KR', 'NotoSansKR', 'malgun gothic', Arial, sans-serif;font-weight:normal;} #container .news_section .news_section_inner .news_group dd ul li a:hover{border:0;box-shadow:none;background:none;} #container .news_section .news_section_inner .news_group dd ul li a p.title{display:inline-block;width:calc(100% - 110px);height:auto;max-height:3rem;padding-left:50px;font-size:18px;font-family:'Noto Sans KR', 'Noto Sans CJK KR', 'NotoSansKR', 'malgun gothic', Arial, sans-serif;font-weight:normal;} #container .news_section .news_section_inner .news_group dd ul li a p.date{display:flex;align-items:center;flex-flow:column;color:#000;margin-top:0;line-height:1.25;} #container .news_section .news_section_inner .news_group dd ul li a p.date > span{display:block;font-size:36px;font-weight:bold;} #container .news_section .news_section_inner .news_group dd ul li a:hover{border:0;box-shadow:none;} #container .news_section .news_section_inner .news_group dd ul li a:hover::before{content:none;} #container .notice_group{overflow-x:auto;max-width:1400px;width:100%;margin-bottom:80px;} #container .notice_group ul{display:flex;align-items:center;justify-content:space-between;min-width:1100px;max-width:1400px;margin:0 auto;} #container .notice_group ul li{float:none;width:calc(25% - 20px);} #container .notice_group ul li .thumb{padding-top:93.77%;border-radius:10px;margin-bottom:40px;} #container .notice_group ul li .thumb img{object-fit:cover;} #container .notice_group ul li .text{display:flex;flex-flow:column;color:#555;font-size:1rem;line-height:1.4;padding:0;} #container .notice_group ul li .text:hover{border:0;box-shadow:none;} #container .notice_group ul li .text .label01{display:none;} #container .notice_group ul li .text .news-list{font-size:16px;margin-top:0;font-family:'Noto Sans KR', 'Noto Sans CJK KR', 'NotoSansKR', 'malgun gothic', Arial, sans-serif;} #container .notice_group ul li .text .news-list-title{font-weight:600;margin-bottom:15px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal;max-height:48px;line-height:24px;text-overflow:ellipsis;overflow:hidden;font-weight:bold;-webkit-line-clamp:3;} #container .notice_group ul li .text .news-list-desc{margin-bottom:20px;font-size:15px;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal;max-height:48px;line-height:24px;text-overflow:ellipsis;overflow:hidden;} #container .notice_group ul li .text .news-list-date{color:#666;font-size:15px;} #container .notice_group ul li a:hover{box-shadow:none;} #container .notice_group ul li a:hover .text{border-color:#fff;} #container .business_section .business_section_inner{z-index:2;max-width:unset;width:100%;} #container .business_section .business_section_inner dl{display:flex;padding:120px 40px 0;z-index:5;position:relative;justify-content:center;} #container .business_section .business_section_inner dl::after{content:none;} #container .business_section .business_section_inner dl dt{float:none;display:flex;align-items:center;justify-content:center;border:0;background-color:rgba(0, 0, 0, 0.5);border-radius:5px;position:sticky;margin:0 5px;max-width:340px;width:100%;height:50px;left:unset;} #container .business_section .business_section_inner dl dt > a{background-color:transparent;border:0;color:#fff;font-family:'GmarketSans', 'malgun gothic', Arial, sans-serif;} #container .business_section .business_section_inner dl dt > a::after{content:none;} #container .business_section .business_section_inner dl dt.on{background:linear-gradient(to right, #a0293f, #c0314c);} #container .business_section .business_section_inner dl dd{margin-top:120px;padding:0 40px;} #container .business_section .business_section_inner dl dd ul{display:flex;margin:0 auto;overflow-x:auto;overflow-y:hidden;height:230px;max-width:1400px;} #container .business_section .business_section_inner dl dd ul li{float:none;padding:0 3px;margin:0 22px;} #container .business_section .business_section_inner dl dd ul li a{background-color:transparent;box-shadow:none;border:0;height:auto;font-size:20px;} #container .business_section .business_section_inner dl dd ul li a .icon{display:flex;align-items:center;justify-content:center;width:130px;height:130px;border-radius:50%;background-color:rgba(0, 0, 0, 0.5);} #container .business_section .business_section_inner dl dd ul li a .icon img{max-width:47%;} #container .business_section .business_section_inner dl dd ul li a .text{color:#fff;margin-top:26px;font-weight:normal;} #container .new-title-box{display:flex;align-items:center;justify-content:space-between;width:100%;margin-bottom:15px;max-width:1400px;} #container .new-title-box h3{font-size:36px;font-family:'GmarketSans', 'malgun gothic', Arial, sans-serif;color:#000;} #container .new-title-box .more a{font-size:13px;color:#333;position:relative;padding-right:40px;} #container .new-title-box .more a::after{content:'';position:absolute;top:4px;right:0;width:34px;height:10px;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Sjjj.lbatva.tb.xe%2Serfbheprf%2Shfre_erarjny%2Sjjj%2Svzntrf%2Subzr%2Soga-zber.cat) center / contain no-repeat;} /* //container */ /* sub - lnb */ #lnb{width:260px;} #lnb::after{content:none;} #lnb > div h2, #lnb > div h2.topMenu{font-size:1.5rem;min-height:unset;line-height:unset;display:flex;align-items:center;justify-content:center;border-radius:30px 10px 0 0;width:100%;height:126px;margin:0;padding:0;font-family:'GmarketSans', 'malgun gothic', Arial, sans-serif;font-weight:500;background-color:#bd445b !important;background-image:none;} #lnb > div h2 > a::after, #lnb > div h2.topMenu > a::after{content:none;} #lnb > div > ul > li{padding-top:5px;} #lnb > div > ul > li > a{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:60px;padding:18px;border:1px solid #e3e3e3;background:none;font-family:'Noto Sans KR', 'Noto Sans CJK KR', 'NotoSansKR', 'malgun gothic', Arial, sans-serif;font-size:18px;font-weight:normal;box-sizing:border-box;} /* #lnb > div > ul > li:first-child > a{border-top:1px solid #e3e3e3; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Sjjj.lbatva.tb.xe%2Serfbheprf%2Shfre_erarjny%2S_pbzzba%2Svzntrf%2Svpb-cyhf%402k.cat) 235px center / 13px 13px no-repeat; } */ #lnb > div > ul > li.add > a{border-top:1px solid #e3e3e3;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Sjjj.lbatva.tb.xe%2Serfbheprf%2Shfre_erarjny%2S_pbzzba%2Svzntrf%2Svpb-cyhf%402k.cat) 235px center / 13px 13px no-repeat;} #lnb > div > ul > li.on > a{font-weight:600;color:#bd445b;border:1px solid #bd445b;} #lnb > div > ul > li.on.add > a{background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Sjjj.lbatva.tb.xe%2Serfbheprf%2Shfre_erarjny%2S_pbzzba%2Svzntrf%2Svpb-zvahf%402k.cat) 235px center / 13px 13px no-repeat;} #lnb > div > ul > li.new-window > a{background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Sjjj.lbatva.tb.xe%2Serfbheprf%2Shfre_erarjny%2S_pbzzba%2Svzntrf%2Svpb-cbchc%402k.cat) 235px center / 18px 14px no-repeat;} #lnb > div > ul > li.on > ul{display:flex;flex-flow:column;border:1px solid #e3e3e3;background:#f9f9f9;margin-top:4px;} #lnb > div > ul > li.on > ul > li > a{width:fit-content;padding:5px 25px;word-break:keep-all;} #lnb > div > ul > li.on > ul > li.on > a{color:#bd445b;background:none;} /* lnb - 분야별 정보 */ #gnbPart{float:none;position:absolute;left:340px;z-index:21;} #gnbPart .gp_right{float:none;width:100%;padding:0;border-bottom:0;} #gnbPart .gp_right ul{display:flex;flex-flow:row wrap;} #gnbPart .gp_right ul li{display:flex;align-items:center;justify-content:center;background-color:#f9f9f9;border:1px solid #e3e3e3;width:145px;height:48px;margin:0 4px 4px 0;padding:0;} #gnbPart .gp_right ul li a{color:#666;padding:0;} #gnbPart .gp_right ul li.on{border:2px solid #cd385a;background-image:none;} #gnbPart .gp_right ul li.on a{background-color:transparent;color:#cd385a;} #gnbPart + #lnb .lnb_type6 > h2{display:none;} #gnbPart + #lnb .lnb_type6 .gp_left{float:none;border-radius:30px 10px 0 0;width:100%;height:210px;margin:0;padding:0;background-color:#bd445b !important;box-sizing:border-box;position:relative;display:flex;align-items:center;justify-content:center;} #gnbPart + #lnb .lnb_type6 .gp_left::before{content:'';display:block;width:100px;height:100px;border-radius:50%;background-color:#fce5ea;position:absolute;top:36px;} #gnbPart + #lnb .lnb_type6 .gp_left > h2{font-family:'GmarketSans', 'malgun gothic', Arial, sans-serif;font-weight:500;font-size:1.5rem;min-height:unset;line-height:unset;display:flex;align-items:center;justify-content:center;background-color:transparent !important;width:100%;box-sizing:border-box;padding:0;height:auto;position:relative;z-index:1;margin-top:105px;} #gnbPart + #lnb + #contents > .h3_box{padding-top:100px;} #gnbPart + #lnb + #contents #mobile_location dt.on{border-bottom:1px solid #bd445b;} #gnbPart + #lnb + #contents #mobile_location dt.on a{color:#a0293f;} #gnbPart + #lnb + #contents #mobile_location dd ul li.on a{color:#a0293f;} #gnbPart.type1 + #lnb + #contents > .h3_box{padding-top:150px;} /* container - sub */ #containerWrap:before{content:'';position:absolute;display:block;width:100%;height:50px;background-color:#f9f9f9;border-bottom:1px solid #eee;} #containerWrap{/* bbs *//* //bbs *//* sitemap */} #containerWrap .txt_point{color:#a0293f;} #containerWrap #container{display:flex;justify-content:space-between;background:none;width:unset;flex-wrap:wrap;max-width:1400px;padding:90px 20px 300px;} #containerWrap #contents{width:calc(100% - 340px);margin:0;/* list *//* //list *//* login *//* //login */ margin-bottom:100px;} #containerWrap #contents .h3_box{padding:34px 0 31px;margin-bottom:42px;border-bottom:1px solid #e3e3e3;} #containerWrap #contents .boxstyle01, #containerWrap #contents .boxstyle03, #containerWrap #contents .suit_infobox{padding:20px 25px;background-color:#fff;border:10px solid #f6f6f6;margin-bottom:40px;border-radius:10px;width:100%;} #containerWrap #contents .enviro0202{padding-left:180px;} #containerWrap #contents .boxstyle01 span.redTxt3, #containerWrap #contents .boxstyle03 span.redTxt3, #containerWrap #contents .suit_infobox span.redTxt3{color:#a0293f;} #containerWrap #contents .boxstyle01 .list_st1, #containerWrap #contents .boxstyle03 .list_st1, #containerWrap #contents .suit_infobox .list_st1{margin-bottom:0;} #containerWrap #contents .boxstyle01 .list_st1.type1 .last, #containerWrap #contents .boxstyle03 .list_st1.type1 .last, #containerWrap #contents .suit_infobox .list_st1.type1 .last{margin-bottom:0;} #containerWrap #contents .join_step2_bg{margin:30px auto;} #containerWrap #contents ul.location{display:flex;align-items:center;justify-content:flex-start;width:calc(100% + 340px);height:50px;right:unset;left:-340px;top:-90px;} #containerWrap #contents .h3_box > h3{font-size:30px;letter-spacing:unset;line-height:unset;color:#222;font-family:'GmarketSans', 'malgun gothic', Arial, sans-serif;font-weight:600;} #containerWrap #contents li + .tit_h4{margin-top:40px;} #containerWrap #contents .tit_h4{display:flex;align-items:center;position:relative;padding-left:11px;font-family:'GmarketSans', 'malgun gothic', Arial, sans-serif;font-size:18px;font-weight:500;margin-bottom:23px;background:none;} #containerWrap #contents .tit_h4 .button1, #containerWrap #contents .tit_h4 .button2{margin-left:5px;} #containerWrap #contents .tit_h4:before{content:'';width:5px;height:18px;background-color:#bd445b;display:block;border-radius:3px;position:absolute;left:0;} #containerWrap #contents .tit_h4 + p img{display:block;max-width:100%;margin:0 auto;} #containerWrap #contents .tbl_st1{border-top:1px solid #666;border-bottom:1px solid #e0e0e0;border-left:0;border-right:0;} #containerWrap #contents .tbl_st1 thead th, #containerWrap #contents .tbl_st1 tbody td{padding:10px 20px;} #containerWrap #contents .tbl_st1 tr > th:first-child, #containerWrap #contents .tbl_st1 tr > td:first-child, #containerWrap #contents .tbl_st1 tr > td:first-child + td, #containerWrap #contents .tbl_st1 tr > th + td{border-left:0;border-right:1px solid #e0e0e0;} #containerWrap #contents .tbl_st1 *{font-weight:normal;font-family:'Noto Sans KR', 'Noto Sans CJK KR', 'NotoSansKR', 'malgun gothic', Arial, sans-serif;} #containerWrap #contents .tbl_st1 thead th{background-color:#f3f3f3;} #containerWrap #contents .tbl_st2 thead th:first-child{border-left:0;} #containerWrap #contents .list_st1{margin-bottom:40px;} #containerWrap #contents .list_st1 dt{background:none;color:inherit;padding-left:16px;font-family:'Noto Sans KR', 'Noto Sans CJK KR', 'NotoSansKR', 'malgun gothic', Arial, sans-serif;font-size:16px;font-weight:500;position:relative;color:#bd445d;} #containerWrap #contents .list_st1 dt:before{content:'';position:absolute;display:block;width:5px;height:5px;border:3px solid #bd445b;border-radius:50%;top:0.25rem;left:0;} #containerWrap #contents .list_st1.type3 li strong{color:#222;} #containerWrap #contents .list_st1 li + li{margin-top:10px;} #containerWrap #contents .list_st1 .list_img::before{content:none;} #containerWrap #contents .list_st1 > li{background:none;position:relative;padding-left:10px;color:#222;} #containerWrap #contents .list_st1 > li:before{content:'';display:block;width:2px;height:2px;border:2px solid #bd445b;position:absolute;left:0;top:7px;} #containerWrap #contents .list_st1 > li.bgnone::before{content:none;} #containerWrap #contents .list_st1 > li > a{color:#333;} #containerWrap #contents .list_st1 > li > a.button3{color:#bd445b;} #containerWrap #contents .list_st1 > li > a.button, #containerWrap #contents .list_st1 > li > a.button2, #containerWrap #contents .list_st1 > li > a.button4{color:#bd445b;} #containerWrap #contents .list_st1 .list_table::before{content:none;} #containerWrap #contents .tab_list.st2 ul{display:flex;align-items:center;flex-flow:row wrap;} #containerWrap #contents .tab_list.st2 ul li a{word-break:keep-all;} #containerWrap #contents .tab_list.st2 ul li + li{margin-top:0;} #containerWrap #contents .list_st2{color:inherit;} #containerWrap #contents .tbl_city{border-top:1px solid #222;} #containerWrap #contents .tbl_city .point{color:#a0293f;} #containerWrap #contents .cont_box .citizenbox{padding:17px 20px 0 150px;} #containerWrap #contents .cont_box button, #containerWrap #contents .cont_box a.button1, #containerWrap #contents .cont_box a.button2{display:inline-flex;align-items:center;justify-content:center;padding:0 10px;min-height:30px;} #containerWrap #contents .sportsboard .bt_box a{height:auto;} #containerWrap #contents #loginform{max-width:450px;margin:0 auto;} #containerWrap #contents #loginform .tit_h4{display:flex;align-items:center;justify-content:center;border-radius:10px 10px 0 0;background:none;background-color:#bd445b;color:#fff;font-size:18px;font-weight:500;font-family:'GmarketSans', 'malgun gothic', Arial, sans-serif;height:45px;padding:0;margin:0;} #containerWrap #contents #loginform .login_box{background-color:transparent;border:1px solid #e3e3e3;border-width:0 1px 1px;border-radius:0 0 10px 10px;padding:15px 19px;} #containerWrap #contents #loginform .login_box .login_inner{display:flex;flex-flow:column;align-items:flex-end;height:unset;} #containerWrap #contents #loginform .login_box .login_inner label{display:flex;align-items:center;justify-content:flex-start;left:0;width:100px;height:40px;font-size:16px;color:#000;overflow:unset;clip:unset;} #containerWrap #contents #loginform .login_box .login_inner label[for=pw]{top:50px;} #containerWrap #contents #loginform .login_box .login_inner .input_id, #containerWrap #contents #loginform .login_box .login_inner .input_pw{display:flex;align-items:center;font-size:16px;line-height:40px;position:unset;width:calc(100% - 100px);height:40px;border:1px solid #dadada;border-radius:0;padding:5px 15px;box-sizing:border-box;margin-bottom:10px;} #containerWrap #contents #loginform .login_box .login_inner .btn_login{position:unset;min-width:75px;height:40px;font-size:16px;padding:0 20px;width:calc(100% - 100px);background-color:#7b7b7b;color:#fff;box-sizing:border-box;background-image:none;border-radius:3px;} #containerWrap #contents #loginform .login_box .login_inner + div{display:flex;align-items:center;justify-content:space-around;position:relative;box-sizing:border-box;padding-top:35px;} #containerWrap #contents #loginform .login_box .login_inner + div p{position:absolute;top:0;left:0;} #containerWrap #contents #loginform .login_box .login_inner + div p > b{font-weight:400;color:#bd445b !important;} @media screen and (max-width:767.99px){ #containerWrap #contents #loginform .login_box .login_inner .input_id, #containerWrap #contents #loginform .login_box .login_inner .input_pw{width:calc(100% - 70px);} #containerWrap #contents #loginform .login_box .login_inner .btn_login{width:100%;} #containerWrap #contents #loginform .login_box .login_inner + div p{font-size:12px;} } #containerWrap #contents #loginform .indent_box{background-color:transparent;border:1px solid #e3e3e3;border-width:0 1px 1px;border-radius:0 0 10px 10px;padding:15px 19px;} #containerWrap #contents #loginform .indent_box .join_step2_bg{margin:0 auto 20px;width:auto;} #containerWrap #contents #loginform .indent_box .join_step2_bg .join_step2{display:flex;flex-flow:column;align-items:center;justify-content:center;border:0;width:100%;max-width:310px;height:310px;float:none;background-color:#f6f6f6;border-radius:5px;margin:0 auto;} #containerWrap #contents #loginform .indent_box .join_step2_bg .join_step2 .join_inner.st2{padding-top:0;padding-bottom:100px;background-position-y:68px;} #containerWrap #contents #loginform .indent_box .join_step2_bg + .boxstyle01{margin:0 auto !important;} #containerWrap #contents #loginform .indent_box .join_step2_bg + .boxstyle01 .list_st1{padding-left:0;text-align:justify;} #containerWrap .contact_box.hasSatisfy, #containerWrap #satisfy{width:calc(100% - 380px);right:unset;left:360px;background-color:transparent;box-sizing:border-box;} #containerWrap .contact_box.hasSatisfy *, #containerWrap #satisfy *{font-size:15px;font-family:'Noto Sans KR', 'Noto Sans CJK KR', 'NotoSansKR', 'malgun gothic', Arial, sans-serif;} #containerWrap .contact_box.hasSatisfy{border-radius:0 0 10px 10px;border:1px solid #e3e3e3;background:#f9f9f9;margin-bottom:32px;padding:17px 30px;box-sizing:border-box;} #containerWrap .contact_box > ul{display:flex;align-items:center;} #containerWrap .contact_box > ul > li{float:none;padding:0;margin-right:1rem;width:fit-content;} #containerWrap .contact_box > ul > li span{font-weight:normal;margin-left:0;color:inherit;} #containerWrap .contact_box > ul > li span.bold{font-weight:500;} /*#containerWrap .contact_box > ul > li span::before{content:' :';}*/ #containerWrap #satisfy{border-radius:10px 10px 0 0;border:1px solid #e3e3e3;margin-bottom:85px;padding:25px 30px 30px;} #containerWrap #satisfy > .mar810{display:flex;justify-content:space-between;align-items:center;} #containerWrap #satisfy input[type=text]{width:100%;max-width:calc(100% - 125px);border:1px solid #dadada;padding:5px 15px;height:40px;box-sizing:border-box;} #containerWrap #satisfy input[type=text] + .conform{display:inline-flex;align-items:center;justify-content:center;margin:0;padding:0;background:none;background-color:#bd445b;max-width:115px;height:40px;border-radius:5px;line-height:unset;} #containerWrap a.button4, #containerWrap a.button3, #containerWrap a.button5{height:auto;} #containerWrap .searchBox{border-color:#e3e3e3;background-color:#f9f9f9;border-radius:10px;padding:10px;} #containerWrap .searchBox .search label{/* display:none;*/} #containerWrap .searchBox .search p{padding:10px 0;} #containerWrap .searchBox .search .hide{/* display:none;*/} #containerWrap .searchBox .search select, #containerWrap .searchBox .search input[type='text']{height:40px;} #containerWrap .searchBox .search .txt_button1{min-width:74px;font-size:15px;height:40px;background-color:#bd445b;border-radius:3px;} #containerWrap .searchBox .search .txt_button1:last-child{background-color:#7b7b7b;} #containerWrap .result_wrap fieldset{display:flex;align-items:center;justify-content:space-between;} #containerWrap .result_wrap fieldset > div{float:none;} #containerWrap .result_wrap fieldset a.button3{height:auto;} #containerWrap h4.base{text-align:center;font-size:40px;font-weight:700;color:#222;} #containerWrap .t_gallery ul{padding:30px 0;gap:30px;display:flex;flex-wrap:wrap;border-bottom:0;} #containerWrap .t_gallery ul li{padding:19px 19px 16px;border-radius:20px;width:30%;border:1px solid #e3e3e3;} #containerWrap .t_gallery ul li .contBox{display:flex;flex-flow:column-reverse;width:100%;} #containerWrap .t_gallery ul li .contBox .date{font-size:15px;color:#666;} #containerWrap .t_gallery ul li .contBox .hit{display:none;} #containerWrap .t_gallery .imgBox{width:100% !important;} #containerWrap .t_gallery .imgBox img{width:100% !important;height:200px !important;object-fit:cover;border-radius:10px;} #containerWrap .cont_text{padding:0;} #containerWrap .cont_text p .txt_impo{background:url();width:100%;display:block;text-align:center;} #containerWrap .cont_text p .txt_impo em{color:#bd445b !important;} #containerWrap .cont_text p .txt_impo b{font-size:28px;font-weight:700;} #containerWrap .cont_text .sign_day{text-align:left;} #containerWrap .t_view{border-top:1px solid #666;border-bottom:0;} /* #containerWrap .t_view #contentsTable th{display:none;} #containerWrap .t_view #contentsTable td{border-bottom:0;} */ #containerWrap .t_view #contentsTable tr:nth-child(1), #containerWrap .t_view #contentsTable tr:nth-child(2){background-color:#f9f9f9;} #containerWrap .t_view #contentsTable tr:nth-child(2){border-bottom:1px solid #e3e3e3;} #containerWrap .t_view #contentsTable tr:nth-child(2) td:nth-child(4){width:100%;} #containerWrap .t_view #contentsTable tr:nth-child(4){border-bottom:1px solid #e3e3e3;} #containerWrap .t_view #contentsTable .fileList li a{font-size:14px;} /* #containerWrap .t_view #contentsTable .fileList li a:last-child{ display:none; } */ #containerWrap .t_view #contentsTable .fileList li + li{margin-top:5px;} #containerWrap .t_view #contentsTable .fileList .text-success{display:none;} #containerWrap .t_view #contentsTable tr .tview_desc .image ul li{display:flex;justify-content:center;} #containerWrap .t_view #contentsTable tr .tview_desc .image ul li img{width:664px;height:449px;margin:30px 0;} #containerWrap .t_prenext{border-top:1px solid #e3e3e3;border-bottom:1px solid #e3e3e3;} #containerWrap .t_prenext tbody{display:flex;flex-flow:column;} #containerWrap .t_prenext tr th, #containerWrap .t_prenext tr td{padding:14px 10px;border-bottom:1px solid #e3e3e3;color:#666;} #containerWrap .t_prenext tr td{width:calc(100% - 80px);} #containerWrap .t_list{border-top:1px solid #666;border-bottom:1px solid #aaa;} #containerWrap .t_list thead tr th{background-color:#f3f3f3;border-left:1px solid #e6e6e6;font-weight:bold;} #containerWrap .t_list thead tr th:first-child{border-left:0;} #containerWrap .t_list tr td{border-top:1px solid #e6e6e6;border-right:1px solid #e6e6e6;word-break:keep-all;} #containerWrap .t_list tr td:last-child{border-right:0;} #containerWrap .t_photo > ul > li{width:100%;} #containerWrap .paging ul{height:unset;display:flex;align-items:center;justify-content:center;} #containerWrap .paging ul li{width:31px;height:31px;border:1px solid #eee;border-radius:2px;padding:0 5px;display:flex;align-items:center;justify-content:center;} #containerWrap .paging ul li a{border:0;font-size:14px;} #containerWrap .paging ul li a img{display:none;} #containerWrap .paging ul li.blist_btn:first-child{background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Sjjj.lbatva.tb.xe%2Serfbheprf%2Shfre_erarjny%2S_pbzzba%2Svzntrf%2Svpb-cntvat-svefg%402k.cat) center / 12px no-repeat;} #containerWrap .paging ul li.blist_btn:nth-child(2){background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Sjjj.lbatva.tb.xe%2Serfbheprf%2Shfre_erarjny%2S_pbzzba%2Svzntrf%2Svpb-cntvat-ceri%402k.cat) center / 6px no-repeat;} #containerWrap .paging ul li.blist_btn:nth-last-child(2){background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Sjjj.lbatva.tb.xe%2Serfbheprf%2Shfre_erarjny%2S_pbzzba%2Svzntrf%2Svpb-cntvat-arkg%402k.cat) center / 6px no-repeat;} #containerWrap .paging ul li.blist_btn:nth-last-child(1){background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Sjjj.lbatva.tb.xe%2Serfbheprf%2Shfre_erarjny%2S_pbzzba%2Svzntrf%2Svpb-cntvat-ynfg%402k.cat) center / 12px no-repeat;} #containerWrap .paging ul li.on{border-color:#bd445b;} #containerWrap .paging ul li.on a{color:#bd445b;background-color:unset;font-weight:bold;text-decoration:none;} #containerWrap .paging ul li + li{margin-left:3px;} #containerWrap .sitemap{border:1px solid #e6e6e6;border-bottom:0;border-top:2px solid #bd445b;} #containerWrap .sitemap + .tit_h4{margin-top:50px;} #containerWrap .sitemap > ul > li{display:flex;align-items:center;background-color:#f3f3f3;} #containerWrap .sitemap > ul > li > a.tit{width:145px;padding:10px;word-break:keep-all;font-weight:normal;border-right:1px solid #e0e0e0;margin-right:-1px;background-color:transparent;} #containerWrap .sitemap > ul > li > ul{float:none;width:calc(100% - 145px);} #containerWrap .sitemap > ul > li > ul > li > a{display:inline-flex;align-items:center;background:none;width:fit-content;margin:10px 4px 10px 0;min-width:24%;padding-left:0;} #containerWrap .sitemap > ul > li > ul > li > a::before{content:'';display:inline-block;width:2px;height:2px;border:2px solid #bd445b;margin-right:5px;} /* //container - sub */ /* footer */ .footer_2021 *{font-family:'Noto Sans KR', 'Noto Sans CJK KR', 'NotoSansKR', 'malgun gothic', Arial, sans-serif;} .footer_2021 .familysite{height:60px;background-color:#383f4c;} .footer_2021 .familysite .familysite_inner{max-width:1400px;} .footer_2021 .familysite .familysite_inner .familysite_list{display:flex;align-items:center;justify-content:space-between;} .footer_2021 .familysite .familysite_inner .familysite_list > li{border:1px solid #404959;border-width:0 1px;} .footer_2021 .complaint_center li.callcenter span.num, .footer_2021 .complaint_center li.messagecenter span.num{color:#333;} .footer_2021 .mark{top:60px;} .footer_2021 .address *{font-family:'Noto Sans KR', 'Noto Sans CJK KR', 'NotoSansKR', 'malgun gothic', Arial, sans-serif;} .footer_2021 .address span{font-weight:normal;} .footer_2021 .address .copy{font-size:18px;} .footer_2021 .footer_menu > li > a.emp8{color:#bd0000 !important;} /* //footer */ @media screen and (max-width:1024.99px){ .header_2021 .header_body{max-width:100%;box-sizing:border-box;padding:0 15px;height:50px;} .header_2021 .header_body .btn_sitemap{display:none;} .header_2021 #logo{margin:0 auto;} .header_2021 .gnb_menu .gnb_menu_inner .gnb_menu_title{display:none;} #gnb_area{display:none;} .allmenu_opened .gnb_top_group, .allmenu_opened #btn_allmenu_close{top:-37px;background-color:#383f4c;} .allmenu_opened .gnb_top_group .language{background-color:#383f4c;} .allmenu_opened .nav_login_box{background-color:#383f4c;} .allmenu_opened #gnb_area{display:block;top:0;left:0;background-color:#fff;height:calc(100vh - 41px);} .allmenu_opened #gnb > li{display:flex !important;align-items:center;justify-content:center;flex-flow:column;width:105px;height:94px;border-bottom:1px solid #ddd;} .allmenu_opened #gnb > li a{color:#222;font-family:inherit;font-size:18px;background-color:transparent;width:100%;height:auto;} .allmenu_opened #gnb > li.on{background-color:#bd445b;} .allmenu_opened #gnb > li.on a{color:#fff;} .allmenu_opened #gnb > li > .gnb_menu{padding:0;border-left:1px solid #ddd;left:105px;box-shadow:none;} .allmenu_opened #gnb > li > .gnb_menu > .gnb_menu_inner > ul{width:100%;flex-flow:column;} .allmenu_opened #gnb > li > .gnb_menu > .gnb_menu_inner > ul::before{content:none;} .allmenu_opened #gnb > li > .gnb_menu > .gnb_menu_inner > ul::after{content:none;} .allmenu_opened #gnb > li > .gnb_menu > .gnb_menu_inner > ul > li{height:47px;} .allmenu_opened #gnb > li > .gnb_menu > .gnb_menu_inner > ul > li > a{color:#222;font-size:16px;font-weight:normal;padding:15px;padding-right:30px;border-top:1px solid #ddd;height:47px;} .allmenu_opened #gnb > li > .gnb_menu > .gnb_menu_inner > ul > li:last-child > a{border-bottom:1px solid #ddd;} #container .visual_section{height:auto;padding-top:15px;padding-bottom:20px;} #container .visual_section .visual{flex-flow:column;} #container .visual_section .visual .visual-main{width:100%;padding-top:15px;} #container .visual_section .visual .mayor-area{height:unset;flex:unset;} #container .visual_section .visual .mayor-area .mayor-info{margin:10px 0;} #container .visual_section .visual .mayor-area .yoingin-info{height:50px;} #container .visual_section .visual .mayor-area .yoingin-info li a{display:flex;align-items:center;} #container .visual_section .visual .mayor-area .youin-util li{height:60px;} #container .visual_section .visual .mayor-area .youin-util li a{justify-content:center;} #container .visual_group{flex-flow:column;max-width:100%;height:auto;} #container .visual_group .visual_slide_area{width:100%;} #container .visual_group .mayor_area{width:100%;} #container .service_slide li a .icon{width:75px;height:75px;} #container .news_section .news_section_inner .news_group{padding:30px 15px;background-color:#fff;border-bottom:10px solid #dedede;border-width:10px 0;overflow-x:auto;min-height:unset;height:460px;} #container .news_section .news_section_inner .news_group h3{font-size:20px;padding-bottom:0;margin-bottom:10px;font-weight:600;} #container .news_section .news_section_inner .news_group h3 span{font-size:20px;font-weight:600;} #container .news_section .news_section_inner .news_group h3::after{content:none;} #container .news_section .news_section_inner .news_group dl{display:flex;padding-top:0;} #container .news_section .news_section_inner .news_group dl dt{margin:0;padding:10px 15px;width:fit-content;min-width:fit-content;} #container .news_section .news_section_inner .news_group dl dt a{font-size:1rem;} #container .news_section .news_section_inner .news_group dl dt.on{width:fit-content;height:fit-content;border-radius:0;} #container .news_section .news_section_inner .news_group dl dd{max-width:100%;padding:0;right:unset;top:unset;margin-top:65px;} #container .news_section .news_section_inner .news_group dl dd .more{top:-120px;right:0;} #container .news_section .news_section_inner .news_group dl dd ul li{padding:6px 0;} #container .news_section .news_section_inner .news_group dl dd ul li a{flex-flow:column;align-items:flex-start;} #container .news_section .news_section_inner .news_group dl dd ul li a p.title{font-size:15px;padding-left:0;margin-bottom:10px;} #container .news_section .news_section_inner .news_group dl dd ul li a p.date{color:#666;flex-flow:row;} #container .news_section .news_section_inner .news_group dl dd ul li a p.date span{font-size:inherit;font-weight:normal;} #container .news_section .news_section_inner .news_group dl dd ul li a p.date span::before{content:'-';} #container .content_search_group{display:none;} #container .blueworks_section{border:10px solid #dedede;border-width:10px 0;padding-bottom:30px;} #container .blueworks_section .blueworks_section_inner{flex-flow:column;align-items:flex-start;} #container .blueworks_section .blueworks_section_inner h3{display:flex;flex-flow:row wrap;position:unset;margin:0 0 15px;padding:0;font-size:20px;color:#000;min-width:unset;width:auto;height:auto;background:none;} #container .blueworks_section .blueworks_section_inner h3 span{margin-left:10px;} #container .blueworks_section .blueworks_section_inner .blueworks_area{width:100%;padding:0;border:0;flex-flow:column;} #container .blueworks_section .blueworks_section_inner .blueworks_area > div{border:1px solid #dedede;border-radius:10px;padding:10px 10px 17px;} #container .blueworks_section .blueworks_section_inner .blueworks_area .blueworks_list{margin:0;} #container .blueworks_section .blueworks_section_inner .blueworks_area .blueworks_list > ul > li{margin:0 5px 0 0;} #container .blueworks_section .blueworks_section_inner .blueworks_area .blueworks_list ul + ul, #container .blueworks_section .blueworks_section_inner .blueworks_area .blueworks_list ul + p{margin-top:10px;} #container .blueworks_section .blueworks_section_inner .blueworks_area .blueworks_title{font-size:15px;} #containerWrap::before{background-color:#bd445b;color:#fff;height:30px;} #containerWrap #container{max-width:100%;width:100%;box-sizing:border-box;padding-top:0;} #containerWrap #contents{width:100%;box-sizing:border-box;} #containerWrap #contents .h3_box{margin:0;padding-bottom:0;margin-bottom:0;border-bottom:0;} #containerWrap #contents .h3_box > h3{padding:36px 0 26px;font-size:24px !important;border:0;} #containerWrap #contents ul.location{width:100%;height:30px;left:unset;top:0;border:0;} #containerWrap #contents ul.location li{color:#fff;background:none;padding-left:0;} #containerWrap #contents ul.location li::before{content:'>';margin-left:7px;margin-right:7px;} #containerWrap #contents ul.location li:first-child::before{content:none;} #containerWrap #contents ul.location li:last-child, #containerWrap #contents ul.location li:nth-last-child(-n+1){display:none;} #containerWrap #contents .cont_box{padding-top:0;} .footer_2021 .familysite{height:auto;} .footer_2021 .familysite .familysite_inner .familysite_list{flex-flow:row wrap;} .footer_2021 .familysite .familysite_inner .familysite_list > li{width:calc(50% - 2px);} .footer_2021 .footer_body{padding:0;} .footer_2021 .footer_sns{display:flex;align-items:center;justify-content:flex-end;background-color:#ececec;height:40px;box-sizing:border-box;padding:10px 15px;} .footer_2021 .footer_sns > li{float:none;} .footer_2021 .footer_sns > li > a{width:20px;height:20px;} .footer_2021 .footer_sns > li + li{margin-left:7px;} .footer_2021 .footer_menu{position:absolute;left:15px;top:10px;} .footer_2021 .footer_menu > li{display:none;} .footer_2021 .footer_menu > li a{font-size:13px;} .footer_2021 .footer_menu > li:first-child{display:flex;} .footer_2021 .address{display:flex;flex-flow:column;padding:35px 15px;} .footer_2021 .address *{font-size:13px;} .footer_2021 .address .copy{font-size:13px;} .footer_2021 .complaint_center{position:absolute;top:45px;padding:0 15px;} .footer_2021 .complaint_center li span.title{font-size:13px;} .footer_2021 .complaint_center li span.num{font-size:15px;} .footer_2021 .complaint_center li.messagecenter{display:none;} #gnbPart + #lnb + #contents > .h3_box{padding-top:34px;display:block;/* margin-left:-20px; margin-right:-20px;*/ } #gnbPart + #lnb + #contents #mobile_location{margin-bottom:20px;} #container .notice_group ul{overflow-x:auto;} #container .new-title-box h3{font-size:20px;font-weight:600;font-family:inherit;} } @media screen and (max-width:767.99px){ .complaint_center li.callcenter{display:flex;flex-flow:column;} } @media screen and (max-width:767px){ #gnbPart + #lnb + #contents #mobile_location{margin:-1px 0 20px;} } /* main slider css */ .visual_section .main-news-slider .slick-list{overflow:hidden;border-radius:10px;line-height:1;} .visual_section .main-news-slider .slide-item{vertical-align:top;} .visual_section .main-news-slider .slide-item a{position:relative;display:block;padding-top:51.765%;} .visual_section .main-news-slider .slide-item img{position:absolute;top:0;left:0;max-width:none;height:100%;width:100%;-o-object-fit:cover;object-fit:cover;} /* 20230309 start */ .visual_section .slide-control{/* position:absolute;*/bottom:28px;left:50%;margin-top:23px;color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;align-items:center;justify-content:center;/* -webkit-transform:translateX(-50%); transform:translateX(-50%); */color:#000;} /* 20230309 end */ .visual_section #tab-content1-2 .slide-control{bottom:27px;} .visual_section .slide-control .nums{position:relative;display:inline-block;padding-top:3px;vertical-align:middle;font-size:18px;} .visual_section .slide-control strong{margin-right:70px;} .visual_section .slide-control .bar{position:absolute;top:16px;left:31px;width:50px;border-top:2px solid #fff;} .visual_section .slide-control .bar span{position:absolute;top:-2px;width:1px;border-top:2px solid #060606;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;} /* 20230309 start */ .visual_section .slide-control .btn-ctrl{position:absolute;/* right:-150px;*/left:calc(50% + 120px);/* bottom:-8px;*/display:flex;flex-flow:row-reverse;} /* 20230309 end */ .visual_section .slide-control .btn-pause{width:40px;height:40px;background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Sjjj.lbatva.tb.xe%2Serfbheprf%2Shfre_erarjny%2Sjjj%2Svzntrf%2Subzr%2Svpb-fyvqr-fgbc-oynpx%402k.cat);background-size:40px 40px;background-repeat:no-repeat;text-indent:-9999px;border:0;background-color:transparent;} .visual_section .slide-control .btn-play{width:40px;height:40px;background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Sjjj.lbatva.tb.xe%2Serfbheprf%2Shfre_erarjny%2Sjjj%2Svzntrf%2Subzr%2Svpb-fyvqr-cynl-oynpx%402k.cat);background-size:40px 40px;background-repeat:no-repeat;text-indent:-9999px;border:0;background-color:transparent;} .visual_section .slide-control .btn-popup{width:40px;height:40px;background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Sjjj.lbatva.tb.xe%2Serfbheprf%2Shfre_erarjny%2S_pbzzba%2Svzntrf%2Svpb-cbchc%402k.cat);background-position:center;background-size:20px 20px;background-repeat:no-repeat;text-indent:-9999px;border:1px solid #000;border-radius:50%;background-color:transparent;margin-left:10px;} /* .visual_section #tab-content1-2 .slick-arrow{ bottom:5px; } */ .visual_section .slick-arrow{position:absolute;bottom:-60px;width:40px;height:40px;background-size:40px 40px;background-repeat:no-repeat;background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Sjjj.lbatva.tb.xe%2Serfbheprf%2Shfre_erarjny%2Sjjj%2Svzntrf%2Subzr%2Soga-ceri.cat);/*background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Sjjj.lbatva.tb.xe%2Serfbheprf%2Shfre_erarjny%2Sjjj%2Svzntrf%2Subzr%2Soga-ceri-juvgr%402k.cat);*/text-indent:-9999px;cursor:pointer;z-index:10;border:0;background-color:transparent;} .visual_section .slick-prev{left:50%;margin-left:-113px;background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Sjjj.lbatva.tb.xe%2Serfbheprf%2Shfre_erarjny%2Sjjj%2Svzntrf%2Subzr%2Soga-ceri.cat);/*background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Sjjj.lbatva.tb.xe%2Serfbheprf%2Shfre_erarjny%2Sjjj%2Svzntrf%2Subzr%2Soga-ceri-juvgr%402k.cat);*/} .visual_section .slick-next{left:calc(50% + 67px);-webkit-transform:rotate(180deg);transform:rotate(180deg);} @media (min-width:1025px){ .visual_section{height:830px;} .visual_section .container{padding-top:30px;} .visual_section .tab-visual li{height:40px;} .visual_section .visual-main{-webkit-box-flex:1;-ms-flex:1;flex:1;width:calc(100% - 530px);} /* 20230309 start */.visual_section .visual-content{position:relative;padding:13px;/* height:530px !important;*/ height:auto !important;} /* 20230309 end */.visual_section .tab-row-menu{position:absolute;z-index:0;top:30px;left:-55px;} .visual_section .tab-row-menu .tab-list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;} .visual_section .tab-row-menu .tab-list li{background:#000;color:#fff;width:100%;min-width:75px;height:60px;padding:0 20px;-ms-flex-item-align:center;align-self:center;border-radius:30px 0 0 30px;-webkit-transform:translateX(0);transform:translateX(0);-webkit-transition-duration:0.3s;transition-duration:0.3s;} .visual_section .tab-row-menu .tab-list li.on{-webkit-transform:translateX(-7px);transform:translateX(-7px);} .visual_section .tab-row-menu .tab-list li.on a{position:relative;} .visual_section .tab-row-menu .tab-list li.on a span:after{content:'';position:absolute;right:-6px;width:5px;height:5px;background-color:#bd445b;border-radius:2.5px;} .visual_section .tab-row-menu .tab-list li + li{margin-top:5px;} .visual_section .mayor-area{-webkit-box-flex:0;-ms-flex:0 0 510px;flex:0 0 510px;margin-left:20px;} #container .notice_group ul li{width:calc(25% - 20px);} } @media (max-width:1024.98px){ .visual_section{border-top:0;} .visual_section .container{padding-top:15px;padding-bottom:20px;} .visual_section .visual{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;} .visual_section .slide-control{color:#fff;} .visual_section .visual-main{margin-bottom:50px;} /* .visual_section .tab-menu{ display:none; } */#container .visual_section .visual .visual-main .tab-visual .tab-list{display:flex;align-items:center;} #container .visual_section .visual .visual-main .visual-content{width:100%;/*20230111 추가 start*/ border-radius:0 0 10px 10px;/*20230111 추가 end*/ } #container .visual_section .visual .visual-main .tab-visual .tab-list li{width:50%;} .visual_section .tab-content{background:none;} .visual_section .main-news-slider{position:relative;} .visual_section .main-news-slider .slide-item a{position:relative;display:block;padding-top:52%;} .visual_section .main-news-slider .slide-item a img{display:block;position:absolute;top:0;left:0;width:100%;height:100%;line-height:0;} .visual_section #tab-content1-2 .slick-arrow{bottom:-45px;} /* 20230309 start */.visual_section .main-news-slider .slide-control{position:absolute;bottom:-53px;left:50%;color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-transform:translateX(-50%);transform:translateX(-50%);} /* 20230309 end */.visual_section .main-news-slider .slide-control .nums{position:relative;display:inline-block;padding-top:3px;vertical-align:middle;font-size:12px;} .visual_section .main-news-slider .slide-control strong{margin-right:70px;} .visual_section .main-news-slider .slide-control .bar{position:absolute;top:11px;left:24px;width:50px;border-top:1px solid #fff;} .visual_section .main-news-slider .slide-control .bar span{position:absolute;top:-1px;width:1px;border-top:1px solid #bd445b;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;} /* 20230309 start */.visual_section .main-news-slider .slide-control .btn-ctrl{right:-110px;left:auto;bottom:-3px;width:100%;} /* 20230309 end */.visual_section .main-news-slider .slide-control .btn-pause{width:23px;height:23px;background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Sjjj.lbatva.tb.xe%2Serfbheprf%2Shfre_erarjny%2Sjjj%2Svzntrf%2Subzr%2Svpb-fyvqr-fgbc-oynpx%402k.cat);background-size:23px 23px;background-repeat:no-repeat;text-indent:-9999px; } .visual_section .main-news-slider .slide-control .btn-play{width:23px;height:23px;background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Sjjj.lbatva.tb.xe%2Serfbheprf%2Shfre_erarjny%2Sjjj%2Svzntrf%2Subzr%2Svpb-fyvqr-cynl-oynpx%402k.cat);background-size:23px 23px;background-repeat:no-repeat;text-indent:-9999px;} .visual_section .slide-control .btn-popup{width:23px;height:23px;background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Sjjj.lbatva.tb.xe%2Serfbheprf%2Shfre_erarjny%2S_pbzzba%2Svzntrf%2Svpb-cbchc%402k.cat);background-position:center;background-size:13px 13px;background-repeat:no-repeat;text-indent:-9999px;border:1px solid #fff;border-radius:50%;background-color:#fff;margin-left:5px;} /* 20230309 start */.visual_section .main-news-slider .slick-arrow{position:absolute;bottom:-55px;width:23px;height:23px;background-size:23px 23px;background-repeat:no-repeat;background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Sjjj.lbatva.tb.xe%2Serfbheprf%2Shfre_erarjny%2Sjjj%2Svzntrf%2Subzr%2Soga-ceri-juvgr-fz%402k.cat);text-indent:-9999px;cursor:pointer;z-index:10;border:0;background-color:transparent;} /* 20230309 end */.visual_section .main-news-slider .slick-prev{left:50%;margin-left:-85px;} .visual_section .main-news-slider .slick-next{left:calc(50% + 67px);-webkit-transform:rotate(180deg);transform:rotate(180deg);} #container .notice_group ul li{width:210px;} #container .new-title-box, #container .notice_group{padding:0 15px;} #container .notice_group{margin-bottom:100px;} #container .news_section .news_section_inner .news_group{margin-top:30px;} } /* //main slider css */ .business_section .photo-slider{position:absolute;top:0;left:50%;width:100%;-webkit-transform:translateX(-50%);transform:translateX(-50%);z-index:0;overflow:hidden;} /* 20230209 start */ .business_section .photo-slider .bg-item img{/* max-width:inherit;*/margin:0 auto;height:666px;-o-object-fit:cover;object-fit:cover;object-position:center;} /* 20230209 end */ .business_section .photo-slider .slick-dots{position:absolute;bottom:45px;display:-webkit-box !important;display:-ms-flexbox !important;display:flex !important;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);z-index:1;} .business_section .photo-slider .slick-dots li{padding:0 5px;} .business_section .photo-slider .slick-dots li button{width:12px;height:12px;border-radius:6px;background-color:#fff;text-indent:-9999px;} .business_section .photo-slider .slick-dots li.slick-active button{background-color:#bd445b;} .business_section .photo-slider .slide-control{position:absolute;bottom:72px;left:calc(50% + 15px);} .business_section .photo-slider .slide-control .btn-ctrl{position:absolute;right:-100px;bottom:-22px;} .business_section .photo-slider .slide-control .btn-pause{width:21px;height:21px;background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Sjjj.lbatva.tb.xe%2Serfbheprf%2Shfre_erarjny%2Sjjj%2Svzntrf%2Subzr%2Soga-fyvqr-fgbc-juvgr-fz%402k.cat);background-size:21px 21px;background-repeat:no-repeat;text-indent:-9999px;border:0;border-radius:50%;} .business_section .photo-slider .slide-control .btn-play{width:21px;height:21px;background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Sjjj.lbatva.tb.xe%2Serfbheprf%2Shfre_erarjny%2Sjjj%2Svzntrf%2Subzr%2Soga-fyvqr-cynl-juvgr-fz%402k.cat);background-size:21px 21px;background-repeat:no-repeat;text-indent:-9999px;} @media (min-width:1025px){ .business_section{height:666px;background:unset !important;} .business_section .photo-slider .btn-arrow{position:absolute;bottom:-22px;width:23px;height:23px;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Sjjj.lbatva.tb.xe%2Serfbheprf%2Shfre_erarjny%2Sjjj%2Svzntrf%2Subzr%2Soga-ceri-juvgr-fz%402k.cat) 0 0/23px 23px no-repeat;text-indent:-9999px;z-index:10;border:0;border-radius:50%;} .business_section .photo-slider .btn-prev{left:50%;margin-left:-133px;} .business_section .photo-slider .btn-next{left:50%;margin-left:110px;-webkit-transform:rotate(180deg);transform:rotate(180deg);} } @media (max-width:1024.98px){ .business_section{background:unset !important;padding:0;} .business_section .container{padding-bottom:0;} .business_section .photo-slider .bg-item img{height:500px;} .business_section .photo-slider .btn-groups > .btn-arrow{display:none;} .business_section .photo-slider .slick-dots{bottom:23px;} .business_section .photo-slider .slick-dots li{padding:0 5px;} .business_section .photo-slider .slick-dots li button{width:10px;height:10px;border-radius:5px;} .business_section .photo-slider .slide-control{bottom:48px;left:50%;} .business_section .photo-slider .slide-control .btn-ctrl{top:2px;right:-100px;} .business_section .photo-slider .slide-control .btn-ctrl .btn-prev, .business_section .photo-slider .slide-control .btn-ctrl .btn-next{display:none;} .business_section .photo-slider .slide-control .btn-pause{width:17px;height:17px;background-size:17px 17px;} } .service-banner-area{display:flex;align-items:center;justify-content:space-between;z-index:5;position:relative;padding:0 40px;max-width:1400px;margin:0 auto;} .service-banner-area .col-item{display:flex;justify-content:flex-end;} .service-banner-area .service-title{-ms-flex-item-align:center;align-self:center;width:222px;padding-right:30px;font-size:22px;font-weight:normal;color:#fff;font-family:'GmarketSans', 'malgun gothic', Arial, sans-serif;} .service-banner-area .banner-list, .service-banner-area .sns-list{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-item-align:center;align-self:center;} .service-banner-area .banner-list li{background:rgba(0, 0, 0, 0.5);color:#fff;} .service-banner-area .banner-list li > a{display:inline-block;width:100%;height:100%;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Sjjj.lbatva.tb.xe%2Serfbheprf%2Shfre_erarjny%2Sjjj%2Svzntrf%2Subzr%2Svpb-purieba-evtug-juvgr-fz.cat) right 30px center/6px 11px no-repeat;vertical-align:middle;color:#fff;} .service-banner-area .banner-list li > a i{background-size:contain;} .service-banner-area .banner-list li > a i.ico-public-data{width:29px;height:27px;line-height:27px;background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Sjjj.lbatva.tb.xe%2Serfbheprf%2Shfre_erarjny%2S_pbzzba%2Svzntrf%2Svpb-choyvp-qngn%402k.cat);} .service-banner-area .banner-list li > a i.ico-children-platform{width:32px;height:34px;line-height:34px;background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Sjjj.lbatva.tb.xe%2Serfbheprf%2Shfre_erarjny%2S_pbzzba%2Svzntrf%2Svpb-puvyqera-cyngsbez%402k.cat);} @media (min-width:1025px){ .service-banner-area .banner-list{width:calc(100% - 216px);} .service-banner-area .banner-list li{-webkit-box-flex:0;-ms-flex:0 0 calc(50% - 7.5px);flex:0 0 calc(50% - 7.5px);width:50%;padding:15px 20px;border-radius:30px;} .service-banner-area .banner-list li i{margin-right:10px;} .service-banner-area .banner-list li + li{margin-left:15px;} .service-banner-area .sns-list{margin:0 -6px;} .service-banner-area .sns-list li{margin:0 6px;} .service-banner-area .sns-list li .ico-sns{width:40px;height:40px;} } @media (max-width:1024.98px){ .business_section{height:500px;margin-top:-60px;} .business_section .business_section_inner dl{padding-top:30px !important;height:275px !important;} .business_section .business_section_inner dl dd{margin-top:30px !important;} .service-banner-area{flex-direction:column;margin-top:50px;justify-content:space-between;height:120px;} .service-banner-area .col-item{justify-content:space-between;width:100%;} .service-banner-area .col-item .service-title.d-up-lg{display:none;} .service-banner-area .col-item:first-child{display:block;} .service-banner-area .banner-list li{width:100%;padding:15px;border-radius:30px;} .service-banner-area .banner-list li i{margin-right:10px;} .service-banner-area .banner-list li + li{margin-left:15px;} .service-banner-area .banner-list li > a{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;line-height:18px;background:none;height:unset;text-align:left;} .service-banner-area .service-title{width:auto;padding-right:0;font-size:15px;} .service-banner-area .sns-list li{margin:0 5px;} .service-banner-area .sns-list li .ico-sns{width:32px;} #container .blueworks_section .blueworks_section_inner h3{box-shadow:none;} /* 20221231 added */.allmenu_opened .header_2021 #gnb .iconmenu .gnb_menu .gnb_menu_inner > ul > li > a{display:flex;align-items:center;padding:0 10px;margin-top:0;width:100%;} .allmenu_opened .header_2021 #gnb .iconmenu .gnb_menu .gnb_menu_inner > ul > li > a strong{font-weight:normal;} .allmenu_opened .header_2021 #gnb .iconmenu .gnb_menu .gnb_menu_inner > ul > li > a > .box-round{display:none;} .allmenu_opened .header_2021 #gnb .iconmenu .gnb_menu .gnb_menu_inner > ul > li{display:flex;align-items:center;justify-content:flex-start;width:100%;} } @media screen and (max-width:767px){ #container .notice_group{overflow-x:auto;padding:0 15px;} .mayor-area .yoingin-info li a{font-size:15px;align-items:center;} .mayor-area .yoingin-info li a i{transform:scale(0.7);} .mayor-area .mayor-info .section-title{margin-bottom:10px;font-size:24px !important;line-height:27px;} .mayor-area .mayor-info .section-title strong{font-size:24px !important;} .mayor-area .mayor-info{margin:10px 0;} .mayor-area .mayor-info ul li{padding:10px 5px 10px 10px;font-size:16px !important;} .mayor-area .mayor-info ul li a{font-size:15px !important;} .mayor-area .youin-util li{padding:10px;} .mayor-area .youin-util li a{font-size:12px !important;} #container .visual_section .visual .mayor-area .mayor-info > ul > li{margin-top:5px;padding:0;} #container .service_group .service_slide li a .icon{width:80px;height:80px;} .service_group{margin:20px 0 !important;} #container .service_group .service_slide li a .icon img{max-width:50%;height:unset;} .blueworks_section .blueworks_section_inner h3{box-shadow:none;} .blueworks_section .blueworks_section_inner .blueworks_area{margin-left:0;} #container .news_section .news_section_inner .news_group h3{font-size:20px;font-family:inherit;font-weight:600;} #container .news_section .news_section_inner .news_group h3 span{font-size:20px;font-family:inherit;font-weight:600;} #container .new-title-box{padding:0 15px;} #container .new-title-box h3{font-size:20px !important;font-family:inherit;font-weight:600;} .notice_group{padding:0 15px;} #container .blueworks_section .blueworks_section_inner h3{box-shadow:none;} #container .business_section .business_section_inner dl dt{height:40px;font-size:16px;} #container .business_section .business_section_inner dl dd ul li a .icon{width:80px;height:80px;} #container .business_section .business_section_inner dl dd ul{height:190px;} .service-banner-area .banner-list a{font-size:15px;} #containerWrap #contents .enviro0202{padding-left:15px;} } /* 20221231 검수 수정 */ .complaint_center li{background-size:25px 23px;padding-left:30px;} #containerWrap #contents .list_st1 + .tbl_st1{margin-bottom:40px} #containerWrap #contents .list_st1 > li > img{max-width:100%;margin:0 auto;display:block;} #containerWrap #contents .tbl_st1 thead tr > th:last-child{border-right:0;} #containerWrap #contents .tbl_st1 tbody td:last-child{border-right:0 !important;} #containerWrap #contents .tbl_st1 tbody td .list_st5 li{color:#a0293f;} #containerWrap #contents .tit_h4 + .text_right{margin-top:-50px;margin-bottom:10px;} #containerWrap #contents .tit_h4 + div > img{max-width:100%;display:block;margin:0 auto;} #containerWrap #contents .boxstyle01.info0501{height:unset;padding-left:160px;} #containerWrap #contents .h3_box > h3.top_banner_bbs + a{margin-top:20px;display:inline-block;} #containerWrap #contents .cont_box .cont_box .intro0603_b > dl{display:flex;flex-flow:column;} #containerWrap #contents .cont_box .cont_box .overflow.marB30 .list_st1{display:flex;align-items:center;} #containerWrap #contents .cont_box .cont_box .overflow.marB30 .list_st1 li{margin-top:0;} #container .content_search_box{display:flex;justify-content:space-between;} .header_2021 .header_top_inner .site_list ul > li > a{display:flex;align-items:center;} .header_2021 .header_top_inner .site_list ul > li > a::before{content:'';display:inline-block;width:22px;height:22px;margin-right:3px;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Sjjj.lbatva.tb.xe%2Serfbheprf%2Shfre_erarjny%2S_pbzzba%2Svzntrf%2Svpb-onqtr-pbhapvy%402k.cat) center / contain no-repeat;} #containerWrap #contents .list_housing .line{display:flex;align-items:center;border-bottom:0;flex-wrap:wrap;gap:6px;} #containerWrap #contents .list_housing .line a{display:flex;align-items:center;justify-content:center;background-color:#f9f9f9;border:1px solid #e3e3e3 !important;width:calc(20% - 6px);height:50px;padding:0 5px;font-size:15px;color:#666;font-weight:normal;background:none;} #containerWrap #contents .list_housing .line a span{color:unset;border-bottom:0;} #containerWrap #contents .list_housing .line a.on{color:#bd445b !important;border:2px solid #bd445b !important;padding:0 1px;} #containerWrap #contents .list_gp > li{width:130px;height:110px;padding:33px 35px 0 10px;word-break:keep-all;} #containerWrap #contents .list_gp > li.type1.line2{padding:33px 33px 0 7px;} #containerWrap #contents .list_gp > li.type2.line2{padding:25px 33px 0 7px;} #containerWrap #contents .boxstyle04.card_guide > dl > dt.marR20 + dt{display:none;} #containerWrap #contents .cont_box .card_wrap{display:flex;gap:15px;} #containerWrap #contents .cont_box .card_wrap .boxstyle01{margin-bottom:0;} #containerWrap #contents .cont_box .card_wrap .button7{height:auto;} #containerWrap #contents .h3_box{display:flex;align-items:center;} #containerWrap #contents .h3_box .top_r{margin-left:10px;} #containerWrap #contents .cont_box .searchBox .search > input, #containerWrap #contents .cont_box .searchBox .search > select, #containerWrap #contents .cont_box .searchBox .search > button{margin-top:5px;} #containerWrap #contents .cont_box .searchBox .search > input.datepicker{width:calc(50% - 10px);} #containerWrap #contents .cont_box .searchBox .search > #q_estnColumn3{width:calc(100% - 310px) !important;} #containerWrap #contents .cont_box .searchBox .search > #q_searchVal{width:calc(100% - 275px) !important;} #containerWrap #contents #loginform .tit_h4.sns_loginform, #containerWrap #contents .sns_loginform{display:none !important;} #containerWrap #contents .login_box .sns_login{display:flex;flex-flow:column;} #containerWrap #contents .login_box .sns_login .button3{width:100%;border:0;color:#222;position:relative;font-size:18px;display:flex;align-items:center;border-radius:5px;font-weight:600;height:40px;} #containerWrap #contents .login_box .sns_login .button3.kakao{background-color:#ffeb00;} #containerWrap #contents .login_box .sns_login .button3.kakao::before{content:'';display:block;width:34px;height:34px;margin-right:4px;background:#ffeb00 url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Sjjj.lbatva.tb.xe%2Serfbheprf%2Shfre_erarjny%2S_pbzzba%2Svzntrf%2Svpb-fbpvny-xnxnbgnyx.cat) center / contain no-repeat;} #containerWrap #contents .login_box .sns_login .button3.naver{background-color:#35ae5e;color:#fff;} #containerWrap #contents .login_box .sns_login .button3.naver::before{content:'';display:block;width:34px;height:34px;margin-right:5px;background:#35ae5e url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Sjjj.lbatva.tb.xe%2Serfbheprf%2Shfre_erarjny%2S_pbzzba%2Svzntrf%2Svpb-fbpvny-anire.cat) center / contain no-repeat;} #containerWrap #contents .login_box .sns_login .button3 + .button3{margin-top:10px;} @media screen and (max-width:1200px){ #container .content_search .banner-chat{margin-left:0;} } @media screen and (max-width:1024.99px){ #containerWrap #contents .h3_box > h3.top_banner_bbs + a{margin-top:0;margin-bottom:20px;} #containerWrap #contents .list_housing .line a{width:33%;} } @media screen and (max-width:767.99px){ #containerWrap #contents .boxstyle01.info0501{background:none;padding-left:25px;} #container .service_group .service_slide li{margin-left:0;} #container .service_group dl dd .slide-inner{width:calc(100% - 50px);} #container .service_group dl dd .slide-inner{width:100%;} #containerWrap #contents .list_housing .line a{width:100%;} #containerWrap #contents .cont_box .searchBox .search > input.datepicker{max-width:unset;min-width:unset;} } @media screen and (max-width:376px){ #container .service_group dl dd .slide-inner{width:100%;} #container .service_group .service_slide li a .icon{width:70px;height:70px;} #container .service_group .service_slide li a .text{margin-top:15px;font-weight:700;} } #gnbPart.type6 + #lnb + #contents > .h3_box{padding-top:150px;} .gp_left[class*='sub_title_type']::after{content:'';display:flex;align-items:center;justify-content:center;width:100px;height:100px;background-size:50%;background-repeat:no-repeat;background-position:center;position:absolute;top:36px;} .gp_left.sub_title_type1::after{background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Sjjj.lbatva.tb.xe%2Serfbheprf%2Shfre_erarjny%2S_pbzzba%2Svzntrf%2Svpb-svryq-zrah1%402k.cat);} .gp_left.sub_title_type2::after{background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Sjjj.lbatva.tb.xe%2Serfbheprf%2Shfre_erarjny%2S_pbzzba%2Svzntrf%2Svpb-svryq-zrah11%402k.cat);} .gp_left.sub_title_type3::after{background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Sjjj.lbatva.tb.xe%2Serfbheprf%2Shfre_erarjny%2S_pbzzba%2Svzntrf%2Svpb-svryq-zrah2%402k.cat);} .gp_left.sub_title_type4::after{background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Sjjj.lbatva.tb.xe%2Serfbheprf%2Shfre_erarjny%2S_pbzzba%2Svzntrf%2Svpb-svryq-zrah7%402k.cat);} .gp_left.sub_title_type5::after{background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Sjjj.lbatva.tb.xe%2Serfbheprf%2Shfre_erarjny%2S_pbzzba%2Svzntrf%2Svpb-svryq-zrah5%402k.cat);} .gp_left.sub_title_type6::after{background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Sjjj.lbatva.tb.xe%2Serfbheprf%2Shfre_erarjny%2S_pbzzba%2Svzntrf%2Svpb-svryq-zrah6%402k.cat);} .gp_left.sub_title_type7::after{background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Sjjj.lbatva.tb.xe%2Serfbheprf%2Shfre_erarjny%2S_pbzzba%2Svzntrf%2Svpb-svryq-zrah8%402k.cat);} .gp_left.sub_title_type8::after{background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Sjjj.lbatva.tb.xe%2Serfbheprf%2Shfre_erarjny%2S_pbzzba%2Svzntrf%2Svpb-svryq-zrah9%402k.cat);} .gp_left.sub_title_type9::after{background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Sjjj.lbatva.tb.xe%2Serfbheprf%2Shfre_erarjny%2S_pbzzba%2Svzntrf%2Svpb-svryq-zrah10%402k.cat);} .gp_left.sub_title_type10::after{background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Sjjj.lbatva.tb.xe%2Serfbheprf%2Shfre_erarjny%2S_pbzzba%2Svzntrf%2Svpb-svryq-zrah13%402k.cat);} .gp_left.sub_title_type11::after{background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Sjjj.lbatva.tb.xe%2Serfbheprf%2Shfre_erarjny%2S_pbzzba%2Svzntrf%2Svpb-svryq-zrah11%402k.cat);} .gp_left.sub_title_type12::after{background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Sjjj.lbatva.tb.xe%2Serfbheprf%2Shfre_erarjny%2S_pbzzba%2Svzntrf%2Svpb-svryq-zrah12%402k.cat);} .gp_left.sub_title_type13::after{background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Sjjj.lbatva.tb.xe%2Serfbheprf%2Shfre_erarjny%2S_pbzzba%2Svzntrf%2Svpb-svryq-zrah13%402k.cat);} .gp_left.sub_title_type14::after{background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Sjjj.lbatva.tb.xe%2Serfbheprf%2Shfre_erarjny%2S_pbzzba%2Svzntrf%2Svpb-svryq-zrah14%402k.cat);} .gp_left.sub_title_type15::after{background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Sjjj.lbatva.tb.xe%2Serfbheprf%2Shfre_erarjny%2S_pbzzba%2Svzntrf%2Svpb-svryq-zrah15%402k.cat);} .gp_left.sub_title_type16::after{background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Sjjj.lbatva.tb.xe%2Serfbheprf%2Shfre_erarjny%2S_pbzzba%2Svzntrf%2Svpb-svryq-zrah16%402k.cat);} .gp_left.sub_title_type17::after{background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Sjjj.lbatva.tb.xe%2Serfbheprf%2Shfre_erarjny%2S_pbzzba%2Svzntrf%2Svpb-svryq-zrah17%402k.cat);} .gp_left.sub_title_type18::after{background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Sjjj.lbatva.tb.xe%2Serfbheprf%2Shfre_erarjny%2S_pbzzba%2Svzntrf%2Svpb-svryq-zrah1%402k.cat);} #container .business_section .business_section_inner dl dd ul::-webkit-scrollbar{width:100%;height:10px;} #container .business_section .business_section_inner dl dd ul::-webkit-scrollbar-thumb{background:rgba(255, 255, 255, 0.5);border-radius:20px;} #container .business_section .business_section_inner dl dd ul::-webkit-scrollbar-track{background-color:transparent;} /* 20221231 added */ .header_2021 .right_area{height:40px;} .header_2021 .right_area .login_area li:first-child::before{width:1px;height:12px;top:calc(50% - 6px);} .header_2021 .right_area > div{position:relative;height:40px;} .header_2021 .right_area > div::before{width:1px;height:12px;top:calc(50% - 6px);} #containerWrap #contents{} #containerWrap #contents .tit_h4 + .list_st1 > dt{color:#222;margin-bottom:10px;} #containerWrap #contents .tit_h4 + .title2{position:relative;margin-top:23px;font-size:16px;font-weight:500;padding-left:18px;margin-bottom:10px;} #containerWrap #contents .tit_h4 + .title2::before{content:'';-webkit-box-sizing:border-box;box-sizing:border-box;position:absolute;left:0;width:11px;height:11px;border:3px solid #bd445b;border-radius:50%;top:0.25em;} #containerWrap #contents .tit_h4 + .boxstyle01{margin-top:-20px;} #containerWrap #contents .tit_h4 + .tbl_st1{margin-top:-10px;} #containerWrap #contents .tit_h4 + p.list_st2, #containerWrap #contents .tit_h4 + p.indent{margin-top:-25px;margin-bottom:40px;} #containerWrap #contents b + .tbl_st1{margin-top:10px;} #containerWrap #contents .tbl_st1 thead > tr th:nth-child(2){border-right:1px solid #e0e0e0;} #containerWrap #contents .tbl_st1 thead > tr th:last-child{border-right:0;} #containerWrap #contents .list_st1 > li{background:none;} #containerWrap #contents .list_st1 > li.float_none{width:100%;} #containerWrap #contents .list_st1 > li.float_none *{color:#222 !important;font-weight:normal;} #containerWrap #contents .list_st1 > dd{position:relative;margin-left:20px;padding-left:15px;background-image:none;} #containerWrap #contents .list_st1 > dd::before{content:'';display:block;width:2px;height:2px;border:2px solid #bd445b;position:absolute;top:7px;left:0;} #containerWrap #contents .list_st1 > dd + dt{margin-top:20px;} #containerWrap #contents .list_st1 > dd > .list_st4 > li{background-image:none;font-size:15px;margin-bottom:0;padding-left:10px;position:relative;} #containerWrap #contents .list_st1 > dd > .list_st4 > li::before{content:'- ';position:absolute;left:0;} #containerWrap #contents .list_st1 > dd > .list_st4 > li:first-child{margin-top:5px;} #containerWrap #contents .list_st1 > dd > .list_st4 > li:last-child{margin-bottom:10px;} #containerWrap #contents .list_st1 dd + .indent-none .org-chart{margin-top:30px;} #containerWrap #contents .org-chart{display:flex;flex-flow:column;} #containerWrap #contents .org-chart .item{display:inline-flex;align-items:center;justify-content:flex-start;width:176px;height:60px;border:1px solid transparent;border-radius:6px;padding:0 15px;box-sizing:border-box;margin:5px;word-wrap:break-word;word-break:keep-all;line-height:1.3;font-size:16px;color:#fff;} #containerWrap #contents .org-chart.type2 .row{display:flex;flex-flow:row wrap;} #containerWrap #contents .org-chart.type2 .row h1.item{background-color:#671c2a;} #containerWrap #contents .org-chart.type2 .row h2.item{background-color:#bd445b;} #containerWrap #contents .org-chart.type2 .row h3.item{background-color:#f8e6ea;color:#333;} #containerWrap #contents .org-chart.type2 .row h4.item{background-color:#7376da;} #containerWrap #contents .org-chart.type2 .row dt.item{background-color:#f6f6f6 !important;border-color:#e3e3e3;color:#333;} #containerWrap #contents .org-chart.type2 .row dt.item::before{content:none !important;} #containerWrap #contents .org-chart.type2 .row dd.item{border-color:#e3e3e3;color:#333;background-image:none;} #containerWrap #contents .org-chart.type2 dl.row{position:relative;padding-left:186px;} #containerWrap #contents .org-chart.type2 dl.row > dt{position:absolute;left:0;} #containerWrap #contents .citizen06_06{height:auto;padding:20px 20px 20px 175px;} #containerWrap #contents .searchBox .search .txt_button2{min-width:75px;min-height:40px;background-color:#bd445b;border-radius:3px;font-size:15px;} #containerWrap #contents .indent{padding-left:10px;} #containerWrap #contents .step .inner{width:100%;height:100%;box-sizing:border-box;display:flex;align-items:center;justify-content:center;flex-flow:column;padding:45px 15px 30px;} #containerWrap #contents .step .inner .number{position:absolute;display:block;margin:8px auto 0;width:28px;border-radius:3px 10px 3px 10px;line-height:25px;background-color:#bd445b;color:#fff;top:0;left:calc(50% - 14px);text-align:center;} #containerWrap #contents .step .inner .number::before{content:'';position:absolute;height:1px;top:-9px;left:0;right:0;background-color:#bd445b;} #containerWrap #contents .step .inner > .title, #containerWrap #contents .step .inner > .content{padding:0;color:#222;font-weight:normal;} #containerWrap #contents .step ol{display:flex;justify-content:center;margin:20px auto;background:transparent;flex-wrap:wrap;} #containerWrap #contents .step ol > li{display:flex;align-items:center;justify-content:center;border:1px solid #e3e3e3;border-radius:10px;position:relative;/* min-width:176px;max-width:176px;*/ flex:1 1 auto;padding:0;background-image:none;margin:0 30px 15px;} #containerWrap #contents .step ol > li::before, #containerWrap #contents .step ol > li::after{content:'';position:absolute;top:50%;background-color:#e3e3e3;width:4px;height:17px;right:-34px;border-radius:1px;} #containerWrap #contents .step ol > li::before{transform:rotate(45deg);margin-top:-4px;} #containerWrap #contents .step ol > li::after{margin-top:-15px;transform:rotate(-45deg);} #containerWrap #contents .step ol > li:last-child::before, #containerWrap #contents .step ol > li:last-child::after{content:none;} #containerWrap #contents .step ol > li + li{margin-top:0;} #containerWrap #contents .step.step-detail > ol{background-color:transparent;justify-content:center;flex-flow:wrap;padding-left:0;} #containerWrap #contents .step.drop-type3{padding-right:40px;} #containerWrap #contents .step.drop-type3 > ol{justify-content:space-between;flex-flow:row wrap;} #containerWrap #contents .step.drop-type3 > ol > li{flex:unset;padding:0;background-image:none;width:calc(33% - 35px);max-width:none;margin:0 0 10px;} #containerWrap #contents .step.drop-type3 > ol > li > .inner{align-items:center;} #containerWrap #contents .step.drop-type3 > ol > li > .inner .content{color:#222;font-weight:normal;text-align:center;} #containerWrap #contents .step.drop-type3 > ol > li > .gap-content{position:absolute;right:-48px;margin-top:50px;font-size:13px;line-height:1.2;background-color:#f3f3f3;border-radius:3px;padding:5px 8px;font-weight:normal;color:#333;} #containerWrap #contents .step.drop-type3 > ol > li::before, #containerWrap #contents .step.drop-type3 > ol > li::after{right:-33px;} #containerWrap #contents .indent-none .step > ol{flex-wrap:wrap;} #containerWrap #contents .tab_list > ul{display:flex;justify-content:flex-start;flex-flow:row wrap;border-left:0;} #containerWrap #contents .tab_list > ul > li{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;box-sizing:border-box;padding:0 1px;margin:0 0 2px 0;} #containerWrap #contents .tab_list > ul > li > a{display:flex;align-items:center;justify-content:center;background-color:#f9f9f9;border:1px solid #e3e3e3 !important;width:100%;height:50px;padding:0 5px;font-size:15px;color:#666;font-weight:normal;} #containerWrap #contents .tab_list > ul > li.on > a{color:#bd445b !important;border:2px solid #bd445b !important;padding:0 1px;} #containerWrap #contents .cont_box .cont_box .tab_list > ul{justify-content:flex-start;} #containerWrap #contents .cont_box .cont_box .tab_list > ul > li{margin-bottom:3px;} #containerWrap #contents .tbl_st1 tr td:nth-child(2){border-left:1px solid #e0e0e0 !important;} #containerWrap #contents .top_banner_bbs > p{padding-bottom:20px;} #containerWrap #contents .t_gallery > ul{justify-content:space-between;} #containerWrap #contents .t_gallery > ul::after{content:none;} #containerWrap #contents .t_gallery > ul li{margin:0;float:none;} #containerWrap #contents .t_view td.title{font-size:18px;padding:14px 21px;} #containerWrap #contents .t_view + .t_prenext{margin-top:105px;} #containerWrap #contents .t_view table td table td{border-bottom:0;} #containerWrap #contents .t_prenext{border-bottom:0;} #containerWrap #contents .t_prenext table tr{display:flex;align-items:center;flex-flow:row wrap;} #containerWrap #contents .t_prenext table tr th{width:80px;} #containerWrap #contents .t_view + .text_right, #containerWrap #contents .t_prenext + .row.block, #containerWrap #contents .t_prenext + br + .overflow{margin:-220px auto 40px;padding-bottom:100px;text-align:center;} #containerWrap #contents .t_view + .text_right a, #containerWrap #contents .t_prenext + .row.block a, #containerWrap #contents .t_prenext + br + .overflow a{min-width:90px;min-height:unset;height:40px;border-radius:3px;font-size:16px;} #containerWrap #contents .t_view + .text_right a.button2, #containerWrap #contents .t_prenext + .row.block a.button2, #containerWrap #contents .t_prenext + br + .overflow a.button2{background-color:#bd445b;border-color:#bd445b;} #containerWrap #contents .t_prenext + .row.block{margin:-194px auto 200px;} #containerWrap #contents .t_view + .text_right{margin:0 auto;} #containerWrap #contents .intro0105 .intro0105_in li{background-image:none;background-color:#f6f6f6;border-radius:20px;} #containerWrap #contents .intro0106{padding-left:125px;} #containerWrap #contents .boxstyle01.mers02{padding-left:175px;} #containerWrap #contents .boxstyle01 > .text_right > a[class*=button_]{height:30px;} #containerWrap #contents .button5{height:auto;font-size:inherit;} #containerWrap #contents .boxstyle02 + .tit_h4 + table .button5, #containerWrap #contents .tit_h4 + table .button5{display:inline-flex;align-items:center;justify-content:center;height:40px;border-radius:4px;} #containerWrap #contents .intro0108{display:flex;justify-content:space-between;} #containerWrap #contents .intro0108 > div{float:none;width:49%;height:fit-content;border-left:1px solid #dbdbdb;border-right:1px solid #dbdbdb;border-bottom:1px solid #dbdbdb;} #containerWrap #contents .intro0108 > div > ul{display:flex;flex-flow:row wrap;} #containerWrap #contents .intro0108 > div > ul > li{display:flex;align-items:center;width:50%;box-sizing:border-box;background:none;float:none;} #containerWrap #contents .intro0108 > div > ul > li::before{content:'';display:inline-block;width:2px;height:2px;border:2px solid #bd445b;background-color:#fff;margin-right:4px;} #containerWrap #contents .overflow .list_st1{display:flex;flex-flow:column;} #containerWrap #contents .map_area > .row{display:flex;width:100%;line-height:unset;} #containerWrap #contents .map_area > .row > h1, #containerWrap #contents .map_area > .row > h2, #containerWrap #contents .map_area > .row > h3, #containerWrap #contents .map_area > .row > h4, #containerWrap #contents .map_area > .row > h5{display:flex;align-items:center;width:176px;height:60px;color:#fff;border-radius:6px;padding:0 15px;margin:5px;border:1px solid transparent;box-sizing:border-box;} #containerWrap #contents .map_area > .row > h1 > a, #containerWrap #contents .map_area > .row > h2 > a, #containerWrap #contents .map_area > .row > h3 > a, #containerWrap #contents .map_area > .row > h4 > a, #containerWrap #contents .map_area > .row > h5 > a{color:#fff;font-weight:normal;font-size:16px;} #containerWrap #contents .map_area > .row > h1{background-color:#671c2a;} #containerWrap #contents .map_area > .row > h2{background-color:#bd445b;} #containerWrap #contents .map_area > .row > h3{background-color:#f8e6ea;} #containerWrap #contents .map_area > .row > h3 > a{color:#333;} #containerWrap #contents .map_area > .row > h4{background-color:#7376da;} #containerWrap #contents .map_area > .row > h5{background-color:#D6FFFF;} #containerWrap #contents .map_area > .org_list{display:flex;float:none !important;width:100% !important;border:0;} #containerWrap #contents .map_area > .org_list > ul{display:flex;flex-flow:column;} #containerWrap #contents .map_area > .org_list > ul > li{width:100%;height:auto;float:none;border:0;} #containerWrap #contents .map_area > .org_list > ul > li > dl{display:flex;flex-flow:row wrap;align-items:flex-start;width:100%;position:relative;box-sizing:border-box;padding-left:186px;} #containerWrap #contents .map_area > .org_list > ul > li > dl > dt, #containerWrap #contents .map_area > .org_list > ul > li > dl > dd{display:flex;align-items:center;width:176px;height:60px;border-radius:6px;margin:5px;padding:0 15px;font-weight:normal;box-sizing:border-box;} #containerWrap #contents .map_area > .org_list > ul > li > dl > dt{position:absolute;line-height:unset;background-color:#f6f6f6;border:1px solid #e3e3e3;left:0;} #containerWrap #contents .map_area > .org_list > ul > li > dl > dt > a{margin-bottom:0;font-weight:normal;} #containerWrap #contents .map_area > .org_list > ul > li > dl > dd{background-color:#fff;border:1px solid #e3e3e3;} #containerWrap #contents .map_area > .org_list > ul > li > dl > dd > a{text-align:left;word-break:keep-all;} #containerWrap #contents .org_list2{display:flex;float:none !important;width:100% !important;border:0;flex-flow:column;} #containerWrap #contents .org_list2 .list{width:100%;height:auto;float:none;border:0;} #containerWrap #contents .org_list2 .list dl{display:flex;flex-flow:row wrap;align-items:flex-start;width:100%;position:relative;box-sizing:border-box;padding-left:186px;height:100%;border-left:0;border-right:0;} #containerWrap #contents .org_list2 .list > dl > dt, #containerWrap #contents .org_list2 .list > dl > dd{display:flex;align-items:center;width:176px;height:60px;border-radius:6px;margin:5px;padding:0 15px;font-weight:normal;box-sizing:border-box;} #containerWrap #contents .org_list2 .list > dl > dt{position:absolute;line-height:unset;background-color:#f6f6f6;border:1px solid #e3e3e3;left:0;} #containerWrap #contents .org_list2 .list > dl > dt > a{margin-bottom:0;font-weight:normal;border-top:0;} #containerWrap #contents .org_list2 .list > dl > dd{background-color:#fff;border:1px solid #e3e3e3;} #containerWrap #contents .org_list2 .list > dl > dd > a{text-align:left;word-break:keep-all;} #containerWrap #contents .cont_box .citizenbox{display:flex;align-items:center;padding:17px 20px 17px 150px;height:auto;min-height:95px;} #containerWrap #contents .tab_sub_list2{display:flex;flex-wrap:wrap;border-bottom:0;} #containerWrap #contents .tab_sub_list2 > li{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;border:1px solid #e3e3e3;background-color:#f6f6f6;line-height:unset;float:none;margin:1px;padding:10px 5px;background-image:none;} #containerWrap #contents .tab_sub_list2 > li > a{padding:0;border:0;min-height:auto;} #containerWrap #contents #work_list > ul{display:flex;flex-flow:column;} #containerWrap #contents #work_list > ul > li{margin-bottom:35px;position:relative;} #containerWrap #contents #work_list > ul > li::before{content:'▶';transform:rotate(90deg);color:#ddd;font-size:20px;position:absolute;bottom:-26px;left:calc(50% - 88px);} #containerWrap #contents #work_list > ul > li > ul{display:flex;flex-flow:column;position:relative;} #containerWrap #contents #work_list > ul > li > ul .dd01{position:absolute;right:0;top:0;} #containerWrap #contents #work_list > ul > li > ul .dd02{padding:0;background:none;height:auto;} #containerWrap #contents #work_list > ul > li:last-child::before{content:none;} #containerWrap #contents #work_list li.dd02_1, #containerWrap #contents #work_list li.dd02_2, #containerWrap #contents #work_list li.dd02_3, #containerWrap #contents #work_list li.dd02_4{width:69%;max-width:272px;height:auto;border:1px solid #e3e3e3;background-image:none;margin:5px 0;} #containerWrap #contents .list_img{padding-left:0;} #containerWrap #contents .list_img .list_step{display:flex;flex-flow:row wrap;} #containerWrap #contents .list_img .list_step > li{width:94px;float:none;} #containerWrap #contents .list_img .list_step > li .s_desc{width:100%;height:60px;padding:0;display:flex;align-items:center;justify-content:center;} #containerWrap #contents .list_img .list_step > li + li{margin-top:0;} #lnb > div > ul > li.on > a{background-image:none;} #container{} #container .content_search_box .content_search_input input[type=text]{padding-left:0;color:#fff;} #container .content_search_box .content_search_input input[type=text]::placeholder{color:#eee;} #container .blueworks_section .blueworks_section_inner > h3{left:0;} #container .blueworks_section .blueworks_section_inner .blueworks_area{margin-left:85px;} #container .business_section .photo-slider .slide-control .btn-ctrl{margin-top:-5px;} #container .business_section .photo-slider .slide-control .btn-ctrl .btn-pause{border-radius:50%;background-position:center;} #container .service-banner-area .service-title{font-family:'GmarketSans', 'malgun gothic', Arial, sans-serif !important;} .footer_2021 .familysite .familysite_inner .familysite_list > li:first-child{border-left:0;} .footer_2021 .familysite .familysite_inner .familysite_list > li:last-child{border-right:0;} @media screen and (max-width:1024.98px){ #gnbPart.type1 + #contents > .h3_box, #gnbPart.type1 + #lnb + #contents > .h3_box, #gnbPart.type6 + #lnb + #contents > .h3_box{padding-top:35px;} #containerWrap #container{padding-bottom:30px;} #containerWrap #contents .indent{padding-left:0;} #containerWrap #contents .indent .step.drop-type3{padding-right:0;} #containerWrap #contents .indent .step.drop-type3 > ol > li{width:100%;margin-bottom:40px;} #containerWrap #contents .indent .step.drop-type3 > ol > li::before, #containerWrap #contents .indent .step.drop-type3 > ol > li::after{bottom:-30px;right:unset;} #containerWrap #contents .indent .step.drop-type3 > ol > li > .gap-content{right:unset;bottom:-33px;margin-top:10px;margin-left:85px;} #container .blueworks_section .blueworks_section_inner .blueworks_area{margin-left:0;} #container .blueworks_section .blueworks_section_inner .blueworks_area .blueworks_list > ul > li{margin-bottom:5px;} #container .news_section .news_section_inner .news_group{margin-top:0;height:465px;overflow-y:hidden;} #container .news_section .news_section_inner .news_group dl dt{height:auto;padding:10px 5px;} #container .news_section .news_section_inner .news_group dl dt.on::after{content:none;} #container .news_section .news_section_inner .news_group dl dt.on a{padding-right:0;} #container .news_section .news_section_inner .news_group dl dt a{padding-right:0;background-image:none;font-size:12px;} #container .news_section .news_section_inner .news_group dl dd{margin-top:45px;} #container .news_section .news_section_inner .news_group dl dd .more{top:-100px;} #container .news_section .news_section_inner .notice_group .bx-controls{display:none;} #container .service-banner-area .banner-list li{padding:10px 0;display:flex;align-items:center;justify-content:center;} #container .service-banner-area .banner-list li a{font-size:12px;justify-content:center;} .allmenu_opened #gnb > li > .gnb_menu{height:calc(100vh - 42px);} .allmenu_opened #gnb > li > a{padding:0;margin:0;text-align:center;} .allmenu_opened #gnb > li > .gnb_menu > .gnb_menu_inner > ul > li.on{height:auto;flex-flow:column;} .allmenu_opened #gnb > li > .gnb_menu > .gnb_menu_inner > ul > li.on > ul{background-color:#f6f6f6;} .allmenu_opened #gnb > li > .gnb_menu > .gnb_menu_inner > ul > li.on > ul > li > a{color:#333;font-size:0.85rem;font-weight:normal;} .footer_2021 .familysite .familysite_inner .familysite_list > li{width:calc(50% + 1px);margin-right:-1px;} .footer_2021 .familysite .familysite_inner .familysite_list > li:last-child{border-right:1px solid #404959;} .tab_sub_list2{justify-content:center;} .visual_section #tab-content1-2 .slide-control{bottom:-45px;} #containerWrap #contents .step.step-detail > ol{flex-wrap:unset;flex-flow:column;} } @media screen and (max-width:767.99px){ #containerWrap #contents .step > ol{flex-flow:column;} #containerWrap #contents .step > ol > li{max-width:100%;margin:0;margin-bottom:30px;} #containerWrap #contents .step > ol > li::before, #containerWrap #contents .step > ol > li::after{top:unset;bottom:-22px;right:unset;} #containerWrap #contents .step > ol > li::before{margin-right:-11px;} #containerWrap #contents .step > ol > li::after{margin-left:-11px;} #containerWrap #contents .indent-none .step > ol{flex-wrap:unset;padding:0;} #containerWrap #contents .indent-none .step > ol > li{margin:0 0 30px;max-width:100%;} #containerWrap #contents .tab_list{justify-content:space-between;} #containerWrap #contents .tab_list > ul > li{min-width:176px;} #containerWrap #contents .t_gallery > ul > li{width:100% !important;} #containerWrap #contents .intro0108 > div > ul > li{padding-left:15px;} #containerWrap #contents .cont_box .citizenbox{background-image:none;} } @media screen and (max-width:585px){ /*20230222 start*//* #gnbPart + #lnb + #contents #mobile_location{margin:0 -20px 20px;} *//*20230222 end*/#containerWrap #contents .tab_list > ul > li{width:49%;min-width:unset;} #containerWrap #contents ul.location > li{font-size:12px;float:none;max-width:20%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} #containerWrap #contents ul.location > li:nth-last-child(-n+2), #containerWrap #contents ul.location > li:nth-last-child(-n+3){display:none !important;} #containerWrap #contents ul.location > li:last-child{display:inline-flex !important;max-width:fit-content;} #containerWrap #contents .step.step-detail > ol{flex-wrap:unset;flex-flow:column;} #containerWrap #contents .step.step-detail > ol > li{max-width:100%;margin:0 0 30px;} #containerWrap #contents .step.step-detail > ol > li::before, #containerWrap #contents .step.step-detail > ol > li::after{bottom:-25px;right:unset;top:unset;} #containerWrap #contents .step.step-detail > ol > li::before{margin-right:-9px;} #containerWrap #contents .step.step-detail > ol > li::after{margin-left:-9px;} #containerWrap #contents .t_prenext table tr{display:block;} #containerWrap #contents .t_prenext + br + .overflow{margin:-237px auto 200px;} #containerWrap #contents .tab_sub_list2 > li{width:calc(50% - 2px);} #containerWrap #contents .intro0108{flex-flow:column;} #containerWrap #contents #work_list > ul{display:flex;flex-flow:column;} #containerWrap #contents #work_list > ul > li{margin-bottom:35px;position:relative;} #containerWrap #contents #work_list > ul > li::before{left:34.5%;} #container .business_section .business_section_inner dl dd{padding:0 10px;} #container .business_section .business_section_inner .service-banner-area{padding:0 10px;} #container .business_section .business_section_inner .banner-list > li > a .ico{background-size:contain;} #container .business_section .photo-slider .slide-control .btn-ctrl{margin-top:-10px;bottom:unset;top:unset;} #container .visual_section .visual .mayor-area .yoingin-info > li > a{font-size:12px;} #container .visual_section .visual .mayor-area .yoingin-info > li > a i{margin-right:0;} #container .visual_section .visual .mayor-area .mayor-info{padding:1.5rem;} #container .visual_section .visual .mayor-area .youin-util > li{padding:0;flex:0 0 32%;} #container .visual_section .visual .mayor-area .youin-util .ico{width:25px;height:25px;background-size:contain;} } @media screen and (max-width:375px){ #containerWrap .result_wrap fieldset{flex-flow:column-reverse;} #containerWrap .paging{transform:scale(0.7);} } @media screen and (max-width:325px){ #containerWrap #contents .intro0108 > ul > li{width:100%;} } /* 20220104 added */ .content_search_input {width: calc(100% - 57px);float: none;} .content_search_box button {float: none;} .map_area .org_list dt a, .org_list2 dt a {background-color: transparent;} @media screen and (max-width: 585px) { #containerWrap #contents .map_area > .row {flex-flow: column;} } @media screen and (min-width: 1025px) { .header_body .banner-chat {display:none;} } @media screen and (max-width: 1024.98px) { .header_body .banner-chat {position:absolute;right:50px; display:none;} .header_body .banner-chat > a > img {height:45px;} } /* language */ .main_wrap .header_gnb .language.active .lang_list {} .main_wrap .header_gnb .language.active .lang_list > ul {border: 1px solid #bd445b;padding: 13px 20px;background-color: #fff;border-radius:0;font-size:14px;} .main_wrap .header_gnb .language.active .lang_list {background-color: transparent;border: 0;box-shadow: none;border-radius: 0;width:unset;padding-top:0;top:40px;left:unset;right:0;} .main_wrap .header_gnb .language.active .lang_list > ul > li {font-weight:normal;} .main_wrap .header_gnb .language.active .close {display:none;} /*20230110 추가*/ .right_area .weather_area{padding: 0 16px;font-size:13px;} .right_area .weather_area ul {display: flex;flex-wrap: nowrap;align-items: center;} .right_area .weather_area span{position: relative;/* padding:0 8px;*/} /* .right_area .weather_area ul li span.vbad{color:#e24a4a;} .right_area .weather_area ul li span.bad{color:#fda60d;} .right_area .weather_area ul li span.nor{color:#0b7500;} .right_area .weather_area ul li span.good{color:#2a6fe7 ;} .right_area .weather_area ul li:nth-of-type(2){font-weight: 900; } */ .right_area .weather_area .weather_icon{padding:0 20px;} .right_area .weather_area .weather_state{padding-right:15px;} .right_area .weather_area .weather_num{padding-right:5px;} .right_area .weather_area .dust_state{padding-right:10px;} /*매우나쁨*/ .right_area .weather_area span.bad{color:#e24a4a;} /*나쁨*/ .right_area .weather_area span.ang{color:#fda60d;} /*보통*/ /* 20230403 start */ .right_area .weather_area span.good{color:#0b7500;} /* 20230403 end */ /*좋음*/ .right_area .weather_area span.excell{color:#2a6fe7 ;} .right_area .weather_area span:nth-of-type(2){font-weight: 900;} .right_area .weather_area span:nth-of-type(2) span{padding-left:5px;font-weight: bold;} .right_area .weather_area span::after{content: '';display: block;position: absolute;top:50%;right:0;width:2px;height:2px;background-color: #9a9a9a;} .right_area .weather_area .weather_icon{width:40px;height:40px;/*background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Sjjj.lbatva.tb.xe%2Serfbheprf%2Shfre%2Sznva%2Svzt%2Subzr%2SVpba_fhaal.cat) no-repeat center;*//* /resources/user/main/img/home/Icon_sunny.png : 해 /resources/user/main/img/home/Icon_snow.png : 눈 /resources/user/main/img/home/Icon_rain.png : 비 /resources/user/main/img/home/Icon_rainsnow.png : 눈/비 /resources/user/main/img/home/Icon_cloudy.png : 구름 */} .right_area .weather_area span:nth-child(1):after{display: none;} .right_area .weather_area span:last-child:after{display: none;} .right_area .weather_area, .right_area .family-popup-btn{line-height:40px;} /* 20230315 start */ .right_area .family-popup-btn{position: relative;background: #fff;width: 200px;font-size: 14px;cursor: pointer;} .right_area .family-site-slide {width: 160px;height: 40px;background: #293661;} .right_area .family-site-slide .slick-slide div {height: 40px;vertical-align: top;} .right_area .family-site-slide a {display: block;height: 100%;padding-left: 17px;color: #fff;font-family:'GmarketSans';} .right_area .family-popup-btn .more_btn {position: absolute;top: 0;right: 0;width: 70px;height: 100%;} .right_area .family-popup-btn .more_btn a {display: block;height: 100%;font-size: 12px;color: #293661;font-weight: 500;text-align: center;border: 1px solid #293661;border-radius: 200px;background: #fff;font-family:'GmarketSans';} .right_area .family-popup-btn .more_btn a:after {content: '';display: inline-block;margin-left: 4px;width: 10px;height: 10px;background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Sjjj.lbatva.tb.xe%2Serfbheprf%2Shfre%2Sznva%2Spff%2S..%2Svzt%2Subzr%2Ssnzvyl_zber.cat) no-repeat;} /* 20230315 end */ .right_area .family-popup-btn img{display: block;margin-right: 10px;} .right_area > div:last-child::before{width:0px !important;} .family-popup{position: fixed;width: 100%;height: 100%;top: 0;left: 0;right: 0;bottom: 0;z-index: 1000;display: none;} .family-popup.show{display: block;} .family-popup .popup-content{z-index: 10000;background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Sjjj.lbatva.tb.xe%2Serfbheprf%2Shfre%2Sznva%2Svzt%2Subzr%2Ssnzvyl-otvzt.cat) no-repeat 100% top ;background-size: contain;position: absolute;top:50%;left: 50%;transform: translate(-50% ,-50%);width: 90%;background-color: #fff;border-radius: 40px;padding:100px;} .family-popup .popup-content .popup-list-container{display: flex;flex-wrap: wrap;justify-content: center;height:80%;} .family-popup .popup-content .popup-list-container .txt{font-family:'GmarketSans' , 'malgun gothic', Arial, sans-serif !important;color:#111;display: contents;line-height:24px;} .family-popup .popup-content .popup-list-container .box{width:calc(100% / 5 - 20px);margin-bottom:20px;margin-right: 20px;} .family-popup .popup-content .popup-list-container .box a{display: block;padding-left:20px;width:100%;height:120px;display: flex;align-items: center;border:1px solid #e5e5e5;border-radius: 10px;background-color: #fff;} .family-popup .popup-content .popup-list-container .box a:hover{border:1px solid #bd445b;box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);} .family-popup .popup-content .popup-list-container .box a:hover ul .txt{font-weight: bold;color:#bd445b;} .family-popup .popup-content .popup-list-container .box a ul{display: flex;justify-content: center;align-items: center;flex-wrap: wrap;} .family-popup .popup-content .popup-list-container .box a ul .icon{width:80px;height:80px;margin-right:20px;border:1px solid #f1f1f1;border-radius: 100%;display: flex;justify-content: center;align-items: center;} .family-popup .dim{position: fixed;top: 0;left: 0;right: 0;bottom: 0;background-color: rgba(0, 0, 0, 0.7);} /* 20230403 start */ .family-popup .popup-content .closebtn button {background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.lbatva.tb.xe%2Serfbheprf%2Shfre%2Sznva%2Svzt%2Subzr%2Scbchc-pybfroga.cat);width:80px;height:80px;position: absolute;top:20px;right:26px;cursor: pointer;font-size: 0;border: none;border-radius: 50%;} /* 20230403 end */ .popup-content .family-tab-list{width:590px;height:70px;background-color: #fff;border-radius: 35px;margin-bottom:70px ;display: flex;align-items: center;} .popup-content .family-tab-list li{width:50%;height:100%;font-size: 22px;color: #888;text-align: center;display: flex;justify-content: center;align-items: center;} /* 20230126 start */ .popup-content .family-tab-list li a {display: flex;align-items: center;justify-content: center;width: 100%;height: 100%;text-decoration: none;} /* 20230126 end */ .popup-content .family-tab-list li a span{color: #888;font-family:'GmarketSans' , 'malgun gothic', Arial, sans-serif !important;} .popup-content .family-tab-list li.on a span{color: #fff;font-weight: bold;} .popup-content .family-tab-list li.on{background: linear-gradient(to right, #a0293f, #c0314c);box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);border-radius: 35px;position: relative;text-shadow: 10px 10px 10px rgba(0, 0, 0, 0.1);} .popup-content .family-tab-list li.on::before{content: '';position: absolute;top:50px;width:40px;height:40px;border-radius: 40px;background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Sjjj.lbatva.tb.xe%2Serfbheprf%2Shfre%2Sznva%2Svzt%2Subzr%2Sgno-neebj-qbja.cat) no-repeat center, linear-gradient(to right, #a0293f, #c0314c) ;} .popup-content .family-tab-menu{display: flex;justify-content: center;} .popup-content .family-tab-menu{display: flex;justify-content: center;} .popup-content .family-sheet>li{display: none;} .popup-content .family-sheet>li.show{display: block;} /* 20230126 start */ #sheet01 .sheet-scroll {height: 50vh;} /* 20230126 end */ #sheet01 {position: relative;overflow: hidden;} #sheet01:before, #sheet01:after {content: '';position: absolute;top: 0;bottom: 0;width: 100%;height: 23px;transition-duration: 0.1s;z-index: 10;} #sheet01:before {top: -23px;opacity: 0;visibility: hidden;box-shadow: 0 5px 15px rgba(0, 0, 0, 0.25);} #sheet01:after {top: 100%;box-shadow: 0 -5px 15px rgba(0, 0, 0, 0.25);} #sheet01.scroll-ing:before {opacity: 1;visibility: visible;} #sheet01.scroll-end:after {opacity: 0;visibility: hidden;} #sheet01 .sheet-scroll {margin-right: -1px;overflow-x: hidden;overflow-y: auto;-webkit-overflow-scrolling: touch;} #sheet01 .sheet-scroll ul {position: relative;} #sheet01 .sheet-scroll>ul:after {content: '';position: absolute;top: 0;bottom: 0;right: 0;width: 1px;background: #fff;} #container .right_quick{display: block;} .right_quick .quick_passport{width:140px;height:140px;} /* 20230403 start */ .right_quick .quick_passport li:nth-of-type(1){width:100%;height:82px;background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.lbatva.tb.xe%2Serfbheprf%2Shfre%2Sznva%2Svzt%2Subzr%2Scnffcbeg-gbc.cat);color: #fff;line-height: 24px;font-size: 18px;box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);} .right_quick .quick_passport li:nth-of-type(2){height:58px;background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.lbatva.tb.xe%2Serfbheprf%2Shfre%2Sznva%2Svzt%2Subzr%2Scnffcbeg-obggbz.cat);font-size: 14px;color:#666;} .right_quick .quick_passport li:nth-of-type(2) span{font-size: 28px;color: #bf314c;font-weight: 900;display: contents;} #container .right_quick .quick_passport li {text-align: center;display: flex;align-items: center;justify-content: center;font-family: 'GmarketSans', sans-serif;filter: drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.5));} /* 20230403 end */ .right_quick {top:20px;right: -160px;} /* 20230126 start */ @media (max-width: 1600px) { .family-popup .popup-content .popup-list-container .box a {padding-left: 10px;} .family-popup .popup-content .popup-list-container .box a ul .icon {margin-right: 10px;width: 65px;height: 65px;} .family-popup .popup-content .popup-list-container .box a ul .txt {line-height: 1.5;font-size: 16px;} } /* 20230126 end */ @media (max-width:1441px){ .family-popup .popup-content .popup-list-container .box{width:calc(100% / 4 - 20px);} } @media (max-width:1300px){ .family-popup .popup-content .popup-list-container .box{width:calc(100% / 3 - 20px);} .family-popup .popup-content .popup-list-container .box a{height:100%;padding:20px 0px;justify-content: center;} .family-popup .popup-content .popup-list-container .box a ul .icon{margin-right: 0px;} .family-popup .popup-content .popup-list-container .box a ul{text-align: center;flex-direction: column;} } /* 20230126 start */ @media (max-width:700px), (max-height: 850px) { .family-popup .popup-content{padding: 60px 20px 50px;} .family-popup .popup-content .popup-list-container .box {width: calc(50% - 20px);} .family-popup .popup-content .popup-list-container .box a {padding: 15px 0;} .family-popup .popup-content .popup-list-container .box a ul .txt{font-size:14px;height: 30px;display: flex;align-items: center;margin-top: 10px;} .popup-content .family-tab-list {margin-bottom: 8vh;height: 60px;} .popup-content .family-tab-list li{font-size:16px;} .popup-content .family-tab-list li.on::before {top: 40px;} .popup-content .family-tab-list{width: 100%;} .popup-content .family-tab-list li:nth-of-type(1){width:65%;} .family-popup .popup-content .closebtn {top: -35px;right: 30px;width: 70px;height: 70px;background-size: 100%;} .family-popup .popup-content{background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Sjjj.lbatva.tb.xe%2Serfbheprf%2Shfre%2Sznva%2Svzt%2Subzr%2Ssnzvyl-otvzt-zb.cat) no-repeat top center;background-color: #fff;;} } @media (max-width: 320px), (max-height: 600px) { .popup-content .family-tab-list {margin-bottom: 4.5vh;height: 45px;} .popup-content .family-tab-list li {font-size: 13px;} .popup-content .family-tab-list li.on::before {display: none;} .family-popup .popup-content {padding: 50px 15px 40px;} .family-popup .popup-content .closebtn {top: -30px;right: 25px;width: 60px;height: 60px;/*20230222 start*/ background-size: contain;/*20230222 end*/ } } /* 20230126 end */ @media (max-width:700px) { .family-popup .popup-content{padding:50px 20px;} .family-popup .popup-content .popup-list-container .box a ul .txt{font-size:15px;line-height: 18px;height: 30px;display: flex;align-items: center;margin-top:20px;} .popup-content .family-tab-list li{font-size:16px;} .popup-content .family-tab-list{width: 100%;} .popup-content .family-tab-list li:nth-of-type(1){width:65%;} .family-popup .popup-content .closebtn {right: 30px;} .family-popup .popup-content{background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Sjjj.lbatva.tb.xe%2Serfbheprf%2Shfre%2Sznva%2Svzt%2Subzr%2Ssnzvyl-otvzt-zb.cat) no-repeat top center;background-color: #fff;;} } .mobile_weather{display: none;} .mobile_weather .weather_area ul {display: flex;flex-wrap: nowrap;align-items: center;} .mobile_weather .weather_area ul li{position: relative;padding:0 8px;} /*매우나쁨*/ .mobile_weather .weather_area ul li span.bad{color:#e24a4a;} /*나쁨*/ .mobile_weather .weather_area ul li span.ang{color:#fda60d;} /*보통*/ .mobile_weather .weather_area ul li span.good{color:#59c451;} /*좋음*/ .mobile_weather .weather_area ul li span.excell{color:#43abff ;} .mobile_weather .weather_area ul li:nth-of-type(2){font-weight: 900;} .mobile_weather .weather_area ul li:nth-of-type(2) span{font-weight: bold;} .mobile_weather .weather_area ul li::after{content: '';display: block;position: absolute;top:50%;right:0;width:2px;height:2px;background-color: #9a9a9a;} .mobile_weather .weather_area .weather_icon{width:40px;height:40px;/*background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Sjjj.lbatva.tb.xe%2Serfbheprf%2Shfre%2Sznva%2Svzt%2Subzr%2SVpba_fhaal_z.cat) no-repeat center;*//* /resources/user/main/img/home/Icon_sunny_m.png : 해 /resources/user/main/img/home/Icon_snow_m.png : 눈 /resources/user/main/img/home/Icon_rain_m.png : 비 /resources/user/main/img/home/Icon_rainsnow_m.png : 눈/비 /resources/user/main/img/home/Icon_cloudy_m.png : 구름 */} .mobile_weather .weather_area ul li:nth-child(1):after{display: none;} .mobile_weather .weather_area ul li:last-child:after{display: none;} .mobile_weather .weather_area{line-height:40px;} /* 20230403 start */ .mobile_weather .mobile-passport{background: linear-gradient(to right, #a0293f, #c0314c);min-width:130px;text-align: center;padding:9px 12px;border-radius: 30px;color:#fff;} /* 20230403 end */ .mobile_weather .mobile-passport a{display: block;color:#fff;} .mobile_weather .mobile-passport a span{font-weight: 900;} .mobile_weather{font-size: 14px;margin-top:20px;} .family-float{position: fixed;bottom:20px;right:20px;z-index: 1000;width: 65px;height: 65px;background-color: #293661;border-radius: 100%;color:#fff;font-family: 'GmarketSans', sans-serif;font-size:14px;text-align: center;padding:15px 0px;line-height: 18px;box-shadow: 2px 5px 10px rgba(0, 0, 0, 0.37);display: none;} /* 25.07.23. 시작 */ .chatbot-float{position: fixed;bottom:20px;right:20px;z-index: 1000;width: 65px;height: 65px;background-color:#293661;border-radius: 100%;color:#fff;font-family: 'GmarketSans', sans-serif;font-size:16px; font-weight:600; letter-spacing: 0.08em; text-align: center; padding:16px 0px;line-height:18px;box-shadow: 2px 5px 10px rgba(0, 0, 0, 0.37);display: none;} /* 25.07.23. 끝 */ /* 25.07.23. 시작 챗봇아이콘 표출*/ @media screen and (max-width: 1217px){ .mobile_weather{display: flex;justify-content: space-between;} .family-float{display:block;} .chatbot-float{display:block;} } /* 25.07.23. 끝 */ @media screen and (max-width:425px) { .mobile_weather{flex-direction: column;} } @media screen and (max-width:321px) { .mobile_weather .weather_area{height: 50px;} .mobile_weather .weather_area ul{justify-content: space-between;} .mobile_weather .weather_area ul li::after{right:-12px;} .mobile_weather .weather_area ul li {line-height: 20px;} .mobile_weather .weather_area ul li span {display: block;text-align: center;} } /*20230209 미디어쿼리 수정 start*/ @media screen and (max-width:376px) { .mobile-weather .weather-area{height: 50px;} .mobile-weather .weather-area ul{justify-content: space-between;} /* .mobile-weather .weather-area ul li::after{right:-30%;} */.mobile-weather .weather-area ul li {line-height: 20px;text-align: center;flex: inherit;width:100%;} .mobile-weather .weather-area ul li:last-child{padding-right:0px;} .mobile-weather .weather-area ul li span {display: block;text-align: center;} } /*20230209 미디어쿼리 수정 end*/ @media screen and (max-width: 1024.99px){ .mobile_weather{margin-top:0px;} } /* 20230203 start */ #indicator {position: fixed;left: 30px;top: 50%;transform: translateY(-50%);z-index: 98;} #indicator li a {position: relative;display: flex;align-items: center;margin: 5px 0;padding: 0 18px 0 43px;height: 30px;line-height: 30px;font-size: 14px;color: #9e9e9e;} #indicator li a:before {content: '';display: block;} #indicator li a:after {content: '';position: absolute;top: 50%;left: 10px;display: block;width: 8px;height: 8px;background-color: #9e9e9e;border-radius: 50%;transform: translateY(-50%);} #indicator li:nth-child(1) a {background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Sjjj.lbatva.tb.xe%2Serfbheprf%2Shfre%2Sznva%2Spff%2S..%2Svzt%2Synlbhg%2Svpb-vaqv-01.cat) no-repeat 25px 9px;} #indicator li:nth-child(2) a {background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Sjjj.lbatva.tb.xe%2Serfbheprf%2Shfre%2Sznva%2Spff%2S..%2Svzt%2Synlbhg%2Svpb-vaqv-02.cat) no-repeat 26px center;} #indicator li:nth-child(3) a {background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Sjjj.lbatva.tb.xe%2Serfbheprf%2Shfre%2Sznva%2Spff%2S..%2Svzt%2Synlbhg%2Svpb-vaqv-03.cat) no-repeat 25px 9px;} #indicator li:nth-child(1):hover a, #indicator li:nth-child(1).active a {background-image: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Sjjj.lbatva.tb.xe%2Serfbheprf%2Shfre%2Sznva%2Spff%2S..%2Svzt%2Synlbhg%2Svpb-vaqv-01-ba.cat);} #indicator li:nth-child(2):hover a, #indicator li:nth-child(2).active a {background-image: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Sjjj.lbatva.tb.xe%2Serfbheprf%2Shfre%2Sznva%2Spff%2S..%2Svzt%2Synlbhg%2Svpb-vaqv-02-ba.cat);} #indicator li:nth-child(3):hover a, #indicator li:nth-child(3).active a {background-image: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Sjjj.lbatva.tb.xe%2Serfbheprf%2Shfre%2Sznva%2Spff%2S..%2Svzt%2Synlbhg%2Svpb-vaqv-03-ba.cat);} #indicator li:nth-child(2) a {background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Sjjj.lbatva.tb.xe%2Serfbheprf%2Shfre%2Sznva%2Spff%2S..%2Svzt%2Synlbhg%2Svpb-vaqv-02.cat) no-repeat 26px center;} #indicator li:nth-child(3) a {background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Sjjj.lbatva.tb.xe%2Serfbheprf%2Shfre%2Sznva%2Spff%2S..%2Svzt%2Synlbhg%2Svpb-vaqv-03.cat) no-repeat 25px 9px;} #indicator li:hover a, #indicator li.active a {color: #fff;background-color: rgba(0, 0, 0, .7);border-radius: 200px;} #indicator li:hover a:after, #indicator li.active a:after {background: #fff;} @media screen and (max-width: 1650px) { #indicator {display: none;} } /* 20230203 start */ /* 20230215 start */ .visual_section {overflow: visible;} #container .content_search_group .specialcity_banner {position: relative;display: block;} #container .content_search_group .specialcity_banner > div {width: 100%;height: 100%;backface-visibility: hidden;transition: 1s;} #container .content_search_group .specialcity_banner > div a {display: block;height: 100%;} #container .content_search_group .specialcity_banner > div h5 {font-size: 18px;font-weight: 700;font-family: 'GmarketSans';} #container .content_search_group .specialcity_banner > div p {line-height: 1.5;font-size: 14px;color: #d9a9b2;} /* 20230403 start */ #container .content_search_group .specialcity_banner > div:first-child {position: absolute;transform: rotateY(0deg);display: flex;align-items: center;justify-content: center;width: 100%;} #container .content_search_group .specialcity_banner > div:last-child {transform: rotateY(-180deg);} #container .content_search_group .specialcity_banner > div:last-child:after {content: '';position: absolute;bottom: 0;right: -32px;width: 133px;height: 180px;background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Sjjj.lbatva.tb.xe%2Serfbheprf%2Shfre%2Sznva%2Spff%2S..%2Svzt%2Synlbhg%2Seranvffnapr_vzt.cat) no-repeat;} #container .content_search_group .specialcity_banner > div:last-child a {position: relative;padding: 12px 17px;color: #fff;z-index: 9;} #container .content_search_group .specialcity_banner:hover, #container .content_search_group .specialcity_banner.on {transition: background-color 1s;} #container .content_search_group .specialcity_banner:hover, #container .content_search_group .specialcity_banner.on {background: #a0293f;z-index: 9999;} #container .content_search_group .specialcity_banner:hover > div:first-child, #container .content_search_group .specialcity_banner.on > div:first-child {transform: rotateY(180deg);} #container .content_search_group .specialcity_banner:hover > div:last-child, #container .content_search_group .specialcity_banner.on > div:last-child {transform: rotateY(0deg);} /* 20230403 end */ /* 20230215 end */ /* 20230410 start */ /* 홍보영상 */ .prom_video {position: relative;height: 180px;background: linear-gradient(110deg, #e17da0, #852448);z-index: 999;} .prom_video a {position: relative;display: block;height: 100%;} .prom_video a:focus:before {content: '';position: absolute;top: 0px;left: 0px;width: calc(100% - 2px);height: calc(100% - 2px);border: 1px solid;} .prom_video .prom_wrap {height: 100%;} .prom_video .prom_wrap {position: relative;display: flex;align-items: center;margin: 0 auto;max-width: 1400px;height: 100%;color: #000;} .prom_video .prom_wrap:before {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Sjjj.lbatva.tb.xe%2Serfbheprf%2Shfre%2Sznva%2Spff%2S..%2Svzt%2Synlbhg%2Scebz_ot_yrsg.cat) no-repeat left bottom;background-size: auto 100%;} .prom_video .prom_wrap:after {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Sjjj.lbatva.tb.xe%2Serfbheprf%2Shfre%2Sznva%2Spff%2S..%2Svzt%2Synlbhg%2Scebz_ot_evtug.cat) no-repeat calc(100% - 60px) bottom;} .prom_video .video_wrap {position: relative;margin-left: 11.5vw;box-shadow: 0 10px 20px rgba(0, 0, 0, .45);} .prom_video .video_wrap:after {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: transparent;cursor: pointer;z-index: 99;} .prom_video .video {position: relative;/* padding-top: 56.25%; */width: 273px;} .prom_video .video:after {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: transparent;} .prom_video .video iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;} .prom_video .txt {position: relative;margin-left: 45px;z-index: 9;} .prom_video .txt .title {display: flex;align-items: center;justify-content: center;} .prom_video .txt .title img {max-width: 100%;max-height: 100%;} .prom_video .txt .thumb {display: none;} .prom_video .chkClose {position: absolute;top: 12px;right: 50%;display: flex;align-items: center;transform: translateX(700px);z-index: 99;} .prom_video input[type=checkbox] {position: absolute;margin: -1px;width: 1px;height: 1px;overflow: hidden;clip-path: polygon(0 0, 0 0, 0 0);z-index: 99;} .prom_video input[type=checkbox] + label {position: relative;display: inline-block;padding: 0 0 0 25px;line-height: 1.5;font-size: 15px;color: #fff;cursor: pointer;} .prom_video input[type=checkbox] + label:before {content: '';position: absolute;top: 1px;left: 0;width: 18px;height: 18px;border: 1px solid #fff;border-radius: 4px;} .prom_video input[type=checkbox]:checked + label:after {content: '';position: absolute;top: 6px;left: 4px;width: 12px;height: 10px;background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Sjjj.lbatva.tb.xe%2Serfbheprf%2Shfre%2Sznva%2Spff%2S..%2Svzt%2Synlbhg%2Svpb-purpxrq-ba.cat) no-repeat center; } .prom_video input[type=checkbox]:focus + label:before {border: 1px solid #000;border-radius: 4px;} .prom_video .chkClose button {position: relative;margin-left: 6px;width: 26px;height: 26px;background: #fff;border: 0;border-radius: 50%;font-size: 0;} .prom_video .chkClose button:before {content: '';position: absolute;top: 50%;left: 50%;display: block;width: 2px;height: 13px;background: #010101;transform: translate(-50%, -50%) rotate(45deg);} .prom_video .chkClose button:after {content: '';position: absolute;top: 50%;left: 50%;display: block;width: 2px;height: 13px;background: #010101;transform: translate(-50%, -50%) rotate(-45deg);} #container[data-contpos='main'] {position: relative;} .videoPopup {display: none;/* position: absolute;top: 0;left: 0;*/ position: relative;width: 100%;height: calc(100vh - 143px);min-height: 700px;background: #fff;z-index: 99;} .videoPopup > div {position: absolute;top: 50%;left: 50%;margin: 0 auto;width: 100%;max-width: 1400px;max-height: 81%;transform: translate(-50%, -50%);} .videoPopup button {position: absolute;top: -50px;right: 0;width: 40px;height: 40px;font-size: 0;border: 0;background: none;} .videoPopup button:before {content: '';position: absolute;top: 50%;left: 50%;display: block;width: 2px;height: 22px;background: #010101;transform: translate(-50%, -50%) rotate(45deg);} .videoPopup button:after {content: '';position: absolute;top: 50%;left: 50%;display: block;width: 2px;height: 22px;background: #010101;transform: translate(-50%, -50%) rotate(-45deg);} .videoPopup .video_wrap {padding-top: 56.25%;font-size: 0;} .videoPopup .video_wrap iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;} @media (max-width: 1440px) { .prom_video .chkClose {right: 20px;transform: none;} } @media (max-width: 1199px) { .prom_video {height: auto;} .prom_video a:focus:before {display: none;} .prom_video .prom_wrap {display: block;} .prom_video .prom_wrap:before {background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Sjjj.lbatva.tb.xe%2Serfbheprf%2Shfre%2Sznva%2Spff%2S..%2Svzt%2Synlbhg%2Scebz_ot_yrsg_z.cat) no-repeat 23px calc(100% + 20px);} .prom_video .prom_wrap:after {background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Sjjj.lbatva.tb.xe%2Serfbheprf%2Shfre%2Sznva%2Spff%2S..%2Svzt%2Synlbhg%2Scebz_ot_evtug_z.cat) no-repeat right calc(100% + 104px);} .prom_video .video_wrap {display: none;} .prom_video .txt {margin-left: 0;padding: 30px 0 60px;} .prom_video .txt .title {display: flex;align-items: center;} .prom_video .txt .title:before {content: '';display: block;margin: 0 13px 0 0;width: 90px;height: 90px;background: #fff url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Sjjj.lbatva.tb.xe%2Serfbheprf%2Shfre%2Sznva%2Spff%2S..%2Svzt%2Synlbhg%2Scebz_gvgyr_ot.cat) no-repeat calc(50% + 3px) center;border-radius: 25px;box-shadow: 1px 2px 10px rgba(0, 0, 0, .45);} .prom_video .txt .thumb {position: relative;display: block;margin: 20px 0 0;text-align: center;} .prom_video .txt .thumb:after {content: '';position: absolute;top: 50%;left: 50%;width: 120px;height: 120px;background: rgba(125, 125, 125, .7) url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Sjjj.lbatva.tb.xe%2Serfbheprf%2Shfre%2Sznva%2Spff%2S..%2Svzt%2Synlbhg%2Svpb-ivqrb-cynl.cat) no-repeat calc(50% + 6px) center;border-radius: 50%;transform: translate(-50%, -50%);} .prom_video .chkClose {top: auto;right: 30px;bottom: 15px;} .prom_video input[type=checkbox] + label {font-size: 16px;text-shadow: 1px 2px 5px #000;} .prom_video input[type=checkbox] + label:before {box-shadow: 1px 2px 5px rgba(0, 0, 0, .45);} .prom_video .chkClose button {width: 35px;height: 35px;box-shadow: 1px 2px 5px rgba(0, 0, 0, .45);} .prom_video .chkClose button:before {height: 18px;} .prom_video .chkClose button:after {height: 18px;} .videoPopup {position: fixed;top: 0;left: 0;height: 100%;min-height: auto;background: rgba(0, 0, 0, .7);z-index: 9999;} .videoPopup > div {max-width: 90%;max-height: 70%;} .videoPopup button:before {height: 30px;background: #fff;} .videoPopup button:after {height: 30px;background: #fff;} } @media (max-width: 1024px) { .prom_video .txt .title {height: 75px;} .prom_video .txt .title:before {width: 75px;height: 100%;background-size: 35px;} .prom_video .txt .thumb {height: 180px;} .prom_video .txt .thumb:after {width: 90px;height: 90px;background-size: 50px;} .prom_video .txt .thumb img {max-height: 100%;} } @media (max-width: 767px) { .prom_video .prom_wrap:before {background-size: 120px;} .prom_video .prom_wrap:after {background-size: 150px;} .prom_video .txt .title {height: 60px;} .prom_video .txt .title:before {width: 60px;background-size: 30px;border-radius: 20px;} .prom_video .txt .thumb {margin-left: auto;margin-right: auto;width: 80%;max-width: 280px;height: auto;} .prom_video input[type=checkbox] + label {font-size: 14px;} .prom_video .chkClose button {width: 32px;height: 32px;} .prom_video .chkClose button:before {height: 15px;} .prom_video .chkClose button:after {height: 15px;} } @media (max-width: 424px) { .prom_video .prom_wrap:before {background-size: 80px;background-position: 15px calc(100% + 20px);} .prom_video .prom_wrap:after {background-size: 100px;background-position: right calc(100% + 60px);} .prom_video .txt .title {height: 50px;} .prom_video .txt .title:before {width: 50px;background-size: 22px;border-radius: 15px;} .prom_video .txt .thumb {max-width: 200px;} .prom_video .txt .thumb:after {width: 70px;height: 70px;background-size: 40px;} .prom_video .chkClose {right: 20px;} } /* 코로나 우측 스타일 */ .quick_corona {margin-top: 25px;padding: 15px 12px;background: #fff;border-radius: 12px;box-shadow: 9px 9px 10px rgba(0, 0, 0, .6);} .quick_corona h3 {line-height: 1.3;font-size: 20px;color: #000;font-weight: 700;text-align: center;font-family: 'GmarketSans' !important;} .quick_corona h3 span {display: block;color: #b52e47;font-family: 'GmarketSans' !important;} /* .quick_corona h3 span:before {content: "";display: inline-block;width: 18px;height: 19px;background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Sjjj.lbatva.tb.xe%2Serfbheprf%2Shfre%2Sznva%2Spff%2S..%2Svzt%2Synlbhg%2Svpb-pbeban.cat) no-repeat;vertical-align: middle;transform: translateY(-3px);} */ .quick_corona ul {margin-top: 12px;} .quick_corona li {display: flex;justify-content: space-between;padding-top: 3px;} .quick_corona li + li {border-top: 1px solid #e5e5e5;} .quick_corona li:nth-child(1) {color: #d74252;} .quick_corona li:nth-child(2) {color: #3bb2b7;} .quick_corona li:nth-child(3) {color: #666;} .quick_corona li:nth-child(4) {color: #2859b3;} .quick_corona li span {font-size: 15px;font-weight: bold;font-family: 'GmarketSans' !important;} .quick_corona li span:first-child {display: block;width: 46px;} .quick_corona a {display: flex;align-items: center;justify-content: center;margin: 13px auto 0;width: 90px;height: 26px;font-size: 11px;color: #fff;background: #2646a6;border-radius: 200px;} .quick_corona a:after {content: '';display: block;margin-left: 12px;width: 6px;height: 6px;border-right: 2px solid #fff;border-bottom: 2px solid #fff;transform: rotate(-45deg);} /* 우리동네 미세먼지 우측 스타일 */ .quick_dust {margin-top: 25px;padding: 15px 12px;background: #fff;border-radius: 12px;box-shadow: 9px 9px 10px rgba(0, 0, 0, .6);} .quick_dust h3 {line-height: 1.3;font-size: 20px;color: #000;font-weight: 700;text-align: center;font-family: 'GmarketSans' !important;} .quick_dust h3 span {display: block;color: #0b3863;font-family: 'GmarketSans' !important;} .quick_dust ul {margin-top: 12px;} .quick_dust li {display: flex;justify-content: space-between;padding-top: 3px;} .quick_dust li + li {border-top: 1px solid #e5e5e5;} .quick_dust li:nth-child(1) {color: #d74252;} .quick_dust li:nth-child(2) {color: #3bb2b7;} .quick_dust li:nth-child(3) {color: #666;} .quick_dust li:nth-child(4) {color: #2859b3;} .quick_dust li span {font-size: 15px;font-weight: bold;font-family: 'GmarketSans' !important;} .quick_dust li span:first-child {display: block;width: 46px;} .quick_dust a {display: flex;align-items: center;justify-content: center;margin: 13px auto 0;width: 90px;height: 26px;font-size: 11px;color: #fff;background: #2646a6;border-radius: 200px;} .quick_dust a:after {content: '';display: block;margin-left: 12px;width: 6px;height: 6px;border-right: 2px solid #fff;border-bottom: 2px solid #fff;transform: rotate(-45deg);} .mobile_corona {display: none;} @media (max-width: 1024.98px) { .mobile_corona {position: absolute;top: 8px;left: 50px;display: block;} .mobile_corona a {display: block;height: 100%;} .mobile_corona span {display: flex;align-items: center;line-height: 1.4;font-size: 14px;color: #000;font-weight: 700;font-family: 'GmarketSans' !important;} .mobile_corona span:first-child {color: #b52e47;} /* .mobile_corona span:first-child:before {content: '';display: block;margin-right: 5px;width: 16px;height: 17px; background-size: 100%;transform: translateY(-2px);} *//* .mobile_corona span:last-child:after {content: '';display: block;margin-left: 6px;width: 15px;height: 17px; background-size: 100%;transform: translateY(-3px);} */} /* 20230410 end */ /* 2023 06 14 */ .service-banner-area {padding:0;} .service-banner-area .col-item.mt-md-4 {background:rgba(0, 0, 0, 0.45) ;padding:8px 15px;border-radius: 10px;} .service-banner-area .service-title {padding-right: 0;margin-top:7px} .business_section .photo-slider .slick-dots {background-color: rgba(0, 0, 0, 0.45);border-radius: 20px;padding:4px 75px 2px 50px;} .business_section .photo-slider .slick-dots li button {border:none;} .business_section .photo-slider .slide-control .btn-ctrl {right:-45px;bottom:-18px;width: 23px;height: 23px;z-index: 10;} .business_section .photo-slider .slide-control .btn-play {background-position: center;} .business_section .photo-slider .slide-control .btn-pause { } .business_section .photo-slider .slide-control .btn-ctrl button{width:23px;height: 23px;border-radius: 50%;border:none} /* swiper */ #container .business_section .business_section_inner dl dd {width:1400px ;overflow: hidden;background:rgba(0, 0, 0, .60) ;border-radius: 10px;padding-left:60px;padding-right:0;} /* #container .business_section .business_section_inner dl dd {width:1400px ;overflow: hidden;background:rgba(0, 0, 0, .45) ;border-radius: 10px;padding:0px 80px;} */ #container .business_section .business_section_inner dl dd ul {max-width:none ;width:auto;overflow-x: initial;overflow-y: initial;padding-right:80px;} /* #container .business_section .business_section_inner dl dd ul {max-width:none ;width:auto;overflow-x: initial;overflow-y: initial;} */ #container .business_section .business_section_inner dl dd ul li {margin:0;display: flex;} #container .business_section .business_section_inner dl dd ul li a .icon {background-color: initial;} #container .business_section .business_section_inner dl dd ul li a .text {margin-top:0;} #container .business_section .business_section_inner dl .swiper-button-prev {background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Sjjj.lbatva.tb.xe%2Serfbheprf%2Shfre_erarjny%2Sjjj%2Svzntrf%2Subzr%2Svpb_fjvcre_yrsg.cat) center/15px 27px no-repeat ;left: 28px;} #container .business_section .business_section_inner dl .swiper-button-next {background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Sjjj.lbatva.tb.xe%2Serfbheprf%2Shfre_erarjny%2Sjjj%2Svzntrf%2Subzr%2Svpb_fjvcre_evtug.cat) center/15px 27px no-repeat ;right:28px;} @media (min-width:1025px) { .business_section .photo-slider .btn-next {left:53px;margin-left:0;} .business_section .photo-slider .btn-prev {left:-100px;margin-left:0;right:auto} } @media (max-width:1400px) { #container .business_section .business_section_inner dl dd {width:100% ;} .service-banner-area {margin-top:-40px;} } @media (max-width: 1024.98px) { .service-banner-area {margin-top:50px;} .service-banner-area .col-item.mt-md-4 {background:none;} .service-banner-area .service-title {background:rgba(0, 0, 0, .45);padding:10px 20px;border-radius: 10px;} .service-banner-area .sns-list {background:rgba(0, 0, 0, .45);padding:10px 20px;border-radius: 10px; } .business_section .photo-slider .slick-dots {padding: 4px 45px 2px 20px;} #container .business_section .photo-slider .slide-control .btn-ctrl {top:auto;bottom:-13px;left:30px;} } @media (max-width:425px) { #container .business_section .business_section_inner dl dd {padding-left:20px;padding-right:0;} .service-banner-area .col-item.mt-md-4 {background:rgba(0,0 , 0,.45);} .service-banner-area .service-title {background:none;padding:0;border-radius: 0px;} .service-banner-area .sns-list {background:none;padding:0;border-radius: 0px; } #container .business_section .business_section_inner dl .swiper-button-prev {left:0;} #container .business_section .business_section_inner dl .swiper-button-next {right:0;} } /* 2023 06 14 /> */ /* 2023 06 20 */ .indent_box.noPadBox {padding-left:0;} .join_step2_bg.renewCont {width:auto;} #containerWrap #contents .join_step2_bg.renewCont {margin:30px 0;} .join_step2_bg.renewCont .join_step2 .join_inner.st3 {padding:40px 0 130px;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Sjjj.lbatva.tb.xe%2Serfbheprf%2Shfre%2Sjro%2Svzntrf%2Svpb_svaqVq_ohaqyr.cat) no-repeat center 115px ;} .join_step2_bg.renewCont .join_step2 .join_inner.st3 .tit1 {word-break: keep-all;line-height:28px } .join_step2_bg.renewCont .join_step2 .join_inner.st3 .tit2 {display:block } @media (max-width:1440px) { .join_step2_bg.renewCont {display:flex; } .join_step2_bg.renewCont .join_step2 {flex: 1 } } @media (max-width:1140px) { .join_step2_bg.renewCont .join_step2 .join_inner.st3 .tit2 {display:none } } @media (max-width:1024px) { .join_step2_bg.renewCont .join_step2 .join_inner.st3 .tit2 {display:block } } @media (max-width:900px) { .join_step2_bg.renewCont {flex-flow:row wrap;height:auto;} .join_step2_bg.renewCont .join_step2 {flex: 1 1 100%;margin-right:0;} .join_step2_bg.renewCont > div ~ div {margin-top:10px;} } /* 2023 06 20 end */ /* 2023 06 23 */ #allWarpper {position: relative;} .prom_video {position: sticky;top:0;} .header_2021 {position: sticky;top:0;} /* 문제 생기면 삭제 */ html,body {height: auto;} /* 2023 06 23 />*/ /* 2023 06 30 */ @media (max-width:1400px) { .visual_section_inner {overflow: hidden;} #container .right_quick {display: none;} } .header_body .banner-chat > a {font-size:0;} @media (max-width:300px) { .mobile_corona span {font-size:13px;} .mobile_corona span:first-child:before {content:none;} .mobile_corona span:last-child:after {content: none;} .header_body .banner-chat > a {display: flex;width: auto;height: 40px;padding:0px 10px;font-size:12px;color:#000000;align-items: center;font-weight: 600;justify-content: center ;background:#f2efef;;border-radius: 30px; } .header_body .banner-chat > a > img {display: none } } /* 2023 06 30 /> */ /* 20231109 start */ @media (max-width: 1217px) { .mobile_weather .weather_area ul li a:link {color: #333;} } #indicator li a {color: #333;} #indicator li a:after {background: #999;} #container .visual_section {background: #ededed;} /* #container .visual_section .visual .visual-main {filter: drop-shadow(0 7px 18px rgba(0, 0, 0, .1));} */ #container .content_search_group .specialcity_banner {background: #fff;} /* #container .content_search_group .specialcity_banner:hover, #container .content_search_group .specialcity_banner.on {background: #e1e1e1;} #container .content_search_group .specialcity_banner > div h5 {color: #333;} */ #container .content_search_group .specialcity_banner > div p {color: #fff;} #container .content_search {background: #fff;} #container .content_search_box {border-bottom: 2px solid #333;} #container .content_search_box .content_search_input input[type=text] {color: #333;} #container .content_search_box .content_search_input input[type=text]::placeholder {color: #333;} #container .content_search_box .content_search_input input[type=text]::-ms-placeholder {color: #333;} #container .content_search .hot_keyword > h3 {border: 0;border-radius: 5px;background: #333;} #container .content_search .hot_keyword > ul > li > a {color: #333;} #container .visual_section .visual .mayor-area .yoingin-info {box-shadow: 0 7px 18px rgba(0, 0, 0, .1);} #container .visual_section .visual .mayor-area .yoingin-info .ico-youngin-talk {width: 31px;height: 28px;background-image: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Sjjj.lbatva.tb.xe%2Serfbheprf%2Shfre_erarjny%2S_pbzzba%2Svzntrf%2Svpb-lbhatva-gnyx%402k_1.cat);background-size: 100% 100%;} #container .visual_section .visual .mayor-area .mayor-info {position: relative;background: linear-gradient(135deg, #e7c7cd, #f8f0f2, #fffeff);box-shadow: 0 7px 18px rgba(0, 0, 0, .1);} #container .visual_section .visual .mayor-area .mayor-info:before {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Sjjj.lbatva.tb.xe%2Serfbheprf%2Shfre%2Sznva%2Spff%2S..%2Svzt%2Sznva%2Sznlbe_cebsvyr_vzt.cat) no-repeat right bottom;} @media (max-width: 1300px) { #container .visual_section .visual .mayor-area .mayor-info:before {background-size: auto 90%;} } @media (max-width: 1024px) { .visual_section .main-news-slider .slide-control {color: #333;} .visual_section .main-news-slider .slide-control .bar {border-top-color: #fff;} .visual_section .main-news-slider .slick-arrow {background-image: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Sjjj.lbatva.tb.xe%2Serfbheprf%2Shfre_erarjny%2Sjjj%2Svzntrf%2Subzr%2Soga-ceri-tenl-fz%402k.cat);} #container .visual_section .visual .mayor-area .mayor-info:before {background-position: right 20px bottom;} } @media (max-width: 375px) { #container .visual_section .visual .mayor-area .mayor-info:before {background-position: right bottom;} } .quick_passport2 {width: 155px;} .quick_passport2 li {text-align: center;border-radius: 15px;} .quick_passport2 li:first-child {border-top-right-radius: 40px;overflow: hidden;} .quick_passport2 li:last-child {margin-top: 7px;} .quick_passport2 .top {padding: 20px 0 15px;background: #c3324d;} .quick_passport2 .top a {line-height: 1;font-size: 18px;color: #fff;font-weight: 500;font-family: 'GmarketSans' !important;} .quick_passport2 .top a b {display: block;font-weight: 700;font-family: 'GmarketSans' !important;} .quick_passport2 .top a:hover {text-decoration: underline;} .quick_passport2 .top button {display: flex;align-items: center;margin: 5px auto 0;padding: 0 10px;height: 25px;font-size: 15px;color: #bd445b;background: #fff;border: 0;border-radius: 200px;} .quick_passport2 .top button:after {content: '';display: block;margin-left: 5px;width: 13px;height: 15px;background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Sjjj.lbatva.tb.xe%2Serfbheprf%2Shfre%2Sznva%2Spff%2S..%2Svzt%2Sznva%2Svpb-erserfu-cevznel.cat) no-repeat;} .quick_passport2 .cont {padding: 10px;text-align: center;} .quick_passport2 .cont h5 {font-size: 17px;color: #333;font-weight: 500;} .quick_passport2 .cont span {font-size: 18px;color: #2646a6;font-weight: 700;font-family: 'GmarketSans' !important;} .quick_passport2 li:first-child .cont {background: #fff;} .quick_passport2 li:last-child .cont {position: relative;height: 79px;background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Sjjj.lbatva.tb.xe%2Serfbheprf%2Shfre%2Sznva%2Spff%2S..%2Svzt%2Sznva%2Sznva_cnffcbeg_ot.cat) no-repeat center;} .quick_passport2 li:last-child .cont:before {content: '';position: absolute;top: -15px;left: 30px;width: 15px;height: 23px;background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Sjjj.lbatva.tb.xe%2Serfbheprf%2Shfre%2Sznva%2Spff%2S..%2Svzt%2Sznva%2Sznva_cnffcbeg_vzt.cat) no-repeat;} .quick_passport2 li:last-child .cont:after {content: '';position: absolute;top: -15px;right: 27px;width: 15px;height: 23px;background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Sjjj.lbatva.tb.xe%2Serfbheprf%2Shfre%2Sznva%2Spff%2S..%2Svzt%2Sznva%2Sznva_cnffcbeg_vzt.cat) no-repeat;} .quick_passport2 li:last-child .cont span {color: #cc1a47;} .mobile-passport2 {display: flex;justify-content: center;padding: 9px 15px;background: linear-gradient(to right, #a0293f, #c0314c);border-radius: 200px;} .mobile-passport2 li {display: flex;align-items: center;font-size: 14px;color: #fff;} .mobile-passport2 li:before {content: '';display: block;margin: 0 10px;width: 1px;height: 15px;background: #fff;} .mobile-passport2 li:first-child:before {display: none;} .mobile-passport2 li span {margin: 0 3px;} @media (max-width: 600px) { .mobile_weather {flex-wrap: wrap;} .mobile-passport2 {width: 100%;} } #container .service_group dl dd .slide-inner {display: flex;flex-wrap: wrap;width: 100%; } #container .service_group .service_slide li {margin-left: calc(calc(100% - calc(160px * 7)) / 6);width: 160px;} #container .service_group .service_slide li:nth-child(n+8) {margin-top: 45px;} #container .service_group .service_slide li:nth-child(7n+1) {margin-left: 0;} #container .service_group .service_slide li a .icon {width: 150px;height: 150px;border-radius: 35px;transition: background-color .3s;} #container .service_group .service_slide li a:hover .icon {background: #bd445b;} #container .service_group #service_slide_prev, #container .service_group #service_slide_next {display: none;} @media (max-width: 1417px) { #container .service_group .service_slide li {padding-bottom: 0;} #container .service_group .service_slide li a .icon {width: 140px;height: 140px;} } @media (max-width: 1200px) { #container .service_group dl dd .slide-inner {display: block;} } @media (max-width: 767px) { #container .service_group dl dd .slide-inner {width: calc(100% - 100px);} #container .service_group .service_slide li a .icon {width: 120px;height: 120px;} .service_slide_control {display: block;} } @media (max-width: 600px) { #container .service_group .service_slide li a .icon {width: 90px;height: 90px;border-radius: 20px;} #container .service_group #service_slide_prev, #container .service_group #service_slide_next {width: 40px;height: 40px;} } .blueworks_list > ul > li > a {font-size: 16px;} #container .blueworks_section .blueworks_section_inner > h3 {background: #c0314c;} #container .news_section .news_section_inner .news_group dt.on, #container .news_section .news_section_inner .news_group dt:hover {background: #c0314c;} #container .news_section .news_section_inner .news_group dd .more a {font-size: 16px;} #container .news_section .news_section_inner .news_group dd ul li a p.date {font-size: 16px;} #container .business_section .business_section_inner dl dt.on {background: #c0314c;} @media (max-width: 1025px) { #container .blueworks_section .blueworks_section_inner > h3 {background: none;box-shadow: none;} } /* 게시판 상세 첨부파일명 */ #containerWrap .t_view #contentsTable .fileList li a {font-size: 15px;} /* 20231109 end */ /* 20240126 start */ #container .service_group .service_slide.slickWrap {display: none;} @media (max-width: 1200px) { #container .service_group .service_slide.slide-inner {display: none;} #container .service_group .service_slide.slickWrap {display: block;} } /* 20240126 end */ /* 20240131 start */ #container .service_group .service_slide_control {display: none;} @media (max-width: 1200px) { #container .service_group .service_slide_control {display: block;} } /* 20240131 end */ /* 20240219 start */ .main_service {display: flex;flex-wrap: wrap;} .main_service li {flex: 1 calc(100% / 7);} .main_service li:nth-child(n+8) {margin-top: 50px;} .main_service li a {display: flex;align-items: center;justify-content: center;flex-flow: column;width: auto;height: auto;background-color: transparent;box-shadow: none;} .main_service li a .icon {display: flex;align-items: center;justify-content: center;background-color: #f6f6f6;width: 150px;height: 150px;border-radius: 35px;box-sizing: border-box;padding: 10px;transition: background-color .3s;} .main_service li a:hover .icon {background: #bd445b;} .main_service li a .icon img {max-width: 65%;} .main_service li a p.text{margin-top: 7px;font-size: 16px;color: #666;line-height: 22px;font-weight: 600;text-align: center;word-break: keep-all;vertical-align: top;} @media (max-width: 1400px) { .main_service li a .icon {width: 135px;height: 135px;} .main_service li a p.text {font-size: 15px;} .main_service li a .icon img {max-width: 60%;} } @media (max-width: 1200px) { .main_service {display: none;} } /* 20240219 end */ /* 20240229 */ .selfInsf_container .mt35 {margin-top:35px;} .selfInsf_container .it_ttl {font-weight: 700 !important;font-size:24px !important } .selfInsf_container .it_ttl:before {height: 22px !important;margin-bottom:2px } .selfInsf_container .t_list a.n_isp {color:normal;text-decoration:none;} .selfInsf_container .t_list a.n_isp:hover {font-weight: bold;text-decoration: underline;color: red;cursor:pointer;} .selfInsf_container .selfInsf_info {background:#f9f9f9;padding:25px;border-radius: 9px;border:1px solid #e3e3e3;} .selfInsf_container .bul_pk {padding-left:5px;} .selfInsf_container .bul_pk li {position: relative;padding-left:20px;line-height: 1;word-break: keep-all;} .selfInsf_container .bul_pk li ~ li {margin-top:12px;} .selfInsf_container .bul_pk li:before {position: absolute;border-radius: 50%;background:#e0768a;content:'';width:5px;aspect-ratio: 1;font-size: 16px;left:5px;top:4px } .selfInsf_container .ctg_sct {text-align: left;} .selfInsf_container input[type='radio'] {width: 1px;height: 1px;position: absolute;left:0 } .selfInsf_container input[type='radio'] + label {position: relative;cursor: pointer;padding-left:33px;font-size:16px } .selfInsf_container input[type='radio'] + label:before {width: 23px;aspect-ratio: 1;position: absolute;content:'';left:0;top:-1px;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Sjjj.lbatva.tb.xe%2Serfbheprf%2Shfre_erarjny%2Sjjj%2Svzntrf%2Svzt_vachg_enqvb_qsg.cat) } .selfInsf_container input[type='radio'] + label.checked:before {background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Sjjj.lbatva.tb.xe%2Serfbheprf%2Shfre_erarjny%2Sjjj%2Svzntrf%2Svzt_vachg_enqvb_pux.cat) } .selfInsf_container input[type='radio'] + label ~ input[type='radio'] + label {margin-left:100px;} .selfInsf_container table th {background-color: rgb(239, 239, 239);} .selfInsf_container .tbl_self th {height: 60px;} .selfInsf_container .tbl_self td {padding: 5px 30px !important;} .selfInsf_container table input[type='text'] {background:#f4f4f4;border-radius:3px;width: 100%;height: 40px !important;box-sizing: border-box;padding-left: 20px;padding-right: 20px;} .selfInsf_container .t_list .text-left {text-align: left !important;} .selfInsf_container .t_list thead th {padding:15px 10px;} .selfInsf_container .t_list tbody td {padding:15px;} .selfInsf_container .horz_tbl {border-top: 1px solid #666;border-bottom: 1px solid #aaa;} .selfInsf_container .horz_tbl table {width: 100%;} .selfInsf_container .horz_tbl th {height: 60px;} .selfInsf_container .horz_tbl td {padding: 5px 30px;font-weight: bold;} .selfInsf_container .horz_tbl tr ~ tr {border-top:1px solid #c2c2c2;} .selfInsf_container .horz_tbl .tbl_flex {display: flex;align-items: center;} .selfInsf_container .horz_tbl .tbl_flex div {flex:1;display: flex;align-items: center;} .selfInsf_container .horz_tbl .tbl_flex div:first-child {flex:0 45% } .selfInsf_container .horz_tbl input[type='checkbox'] {width:1px;height:1px;position: absolute;left:0 } .selfInsf_container .horz_tbl label {position: relative;padding-left:24px;cursor: pointer;} .selfInsf_container .horz_tbl label:before {position: absolute;width: 15px;aspect-ratio: 1;content:'';left:0;top:2px;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Sjjj.lbatva.tb.xe%2Serfbheprf%2Shfre_erarjny%2Sjjj%2Svzntrf%2Svzt_vachg_purpxobk_qsg.cat) } .selfInsf_container .horz_tbl label.checked:before {background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Sjjj.lbatva.tb.xe%2Serfbheprf%2Shfre_erarjny%2Sjjj%2Svzntrf%2Svzt_vachg_purpxobk_pux.cat) } .selfInsf_container .horz_tbl .tbl_flex div:last-child label {padding-left: 30px;} .selfInsf_container .horz_tbl .tbl_flex div:last-child label:before {top:-7px;} .selfInsf_container .horz_tbl .tbl_flex input[type='text'] {padding:0 5px;} .selfInsf_container .info_txt {line-height: 1;margin-top:20px;} .selfInsf_container .info_txt span {color:#ff3535;} .selfInsf_container .proc_list {display: flex;flex-flow:wrap;border-top:1px solid #999 ;border-bottom:1px solid #999 ;border-left:1px solid #999 ; } .selfInsf_container .proc_list li {flex:0 25%;padding:10px;word-break: keep-all;border-right:1px solid #999;background:#f4f4f4;height: 95px;display: flex;align-items: center;justify-content: center;text-align: center;} .selfInsf_container .proc_list li:nth-child( -n + 8 ) {border-bottom:1px solid #999 } /*.selfInsf_container .proc_list li.current {background:#bd445b;color:#fff;}*/ .selfInsf_container .proc_list li.current {padding:0px;} .selfInsf_container .proc_list li.sub {padding:0px;} .selfInsf_container .proc_list ~ .t_list {margin-top:40px;} .selfInsf_container .rd_tbl .tbl_flex {display: flex;align-items: center;padding:0 !important;} .selfInsf_container .rd_tbl .tbl_flex div {flex:1;display: flex;align-items: center;justify-content: center;height: 100%;} .selfInsf_container .rd_tbl .tbl_flex div ~ div {border-left:1px solid #c2c2c2; } .selfInsf_container .rd_tbl colgroup {display:none;} .selfInsf_container .rd_tbl thead tr:last-child {border-top:1px solid #c2c2c2} .selfInsf_container .rd_tbl thead th {border-right:1px solid #c2c2c2;height: 60px;} .selfInsf_container .rd_tbl thead th:last-child {border-right:0;} .selfInsf_container .rd_tbl thead tr:first-of-type th:last-of-type {width:141px } .selfInsf_container .rd_tbl tbody tr td {border-top:1px solid #c2c2c2 !important;border-right:1px solid #c2c2c2 !important;height: 60px;text-align: left;word-break: initial !important;} .selfInsf_container .rd_tbl tbody tr td:last-child {border-right:0 !important } .selfInsf_container .rd_tbl tbody label {padding-left:0;} .selfInsf_container .rd_tbl tbody td:last-child {padding:0;} .selfInsf_container .rd_tbl form {height: 100%;display: flex;} .selfInsf_container .rd_tbl tbody .tbl_flex {height: 100%;display:block } .selfInsf_container .rd_tbl input[type='radio'] + label {margin-left:-23px;margin-top:-17px } .selfInsf_container .rd_tbl .flx_stt {vertical-align: top;} .selfInsf_container .btn_list {margin-top:40px;text-align: center;display: flex;align-items: center;justify-content: center;gap:30px } .selfInsf_container .btn_list a , .selfInsf_container .btn_list button {font-weight: 700;border:0;width: 140px;height: 40px;font-size:16px;border-radius: 5px;border:1px solid #999999;color:#666;display: flex;align-items: center;justify-content: center;} /*.selfInsf_container .btn_list a , .selfInsf_container .btn_list button:hover {border: 2px solid black;cursor:pointer;font-weight:bold;}*/ .selfInsf_container .btn_list .btn_red {text-align: center;background:#bd445b;color:#fff;border:0;} .selfInsf_container .btn_list .btn_nxt {position: relative;gap:10px } .selfInsf_container .btn_list .btn_nxt:after {position: static;content:'';width: 14px;aspect-ratio:1 ;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Sjjj.lbatva.tb.xe%2Serfbheprf%2Shfre_erarjny%2Sjjj%2Svzntrf%2Svpb_akg_oga.cat) no-repeat center;} .selfInsf_container .paging ul {margin-top:40px } .selfInsf_container {position: relative;} .selfInsf_container .prt_box {display: block;padding:40px;width: calc(100% - 300px);min-width: 650px;height:auto;margin:0 auto;position: static;top:0%;border:1px solid #9c9c9c;background-color: #fff; } .selfInsf_container .prt_box .close {position: absolute;right:15px;top:15px;width:28px;aspect-ratio: 1;border:0;background:none;cursor:pointer;} .selfInsf_container .prt_box .close:before, .selfInsf_container .prt_box .close:after {width: 100%;height:1.5px;background-color: #555555;content:'';position: absolute;top:50%;left:50%;transform-origin:left;transform:translate(-50% , -50%);} .selfInsf_container .prt_box .close:before {transform: rotate(45deg) translate(-50% , -50%);} .selfInsf_container .prt_box .close:after {transform: rotate(-45deg) translate(-50% , -50%);} .selfInsf_container .prt_box .prt_ttl {text-align: center;font-weight: 700;font-size:26px;line-height: 1;margin-top:20px } /* .selfInsf_container .prt_box {width: 980px;height: 1385px;position: absolute;left:50%;top:50%;transform:translate(-50% , -50%);border:1px solid #9c9c9c;background-color: #fff; } */ .selfInsf_container .prt_view_wrap {overflow-y : auto;width: 100%;aspect-ratio: 1;margin-top:20px;background: #fff;border:1px solid #9c9c9c } .selfInsf_container .prt_view_wrap * {word-break: keep-all;} .selfInsf_container .prt_view_wrap .horz_tbl {border-bottom: 1px solid #666;} .selfInsf_container .prt_view_wrap .horz_tbl colgroup {display: table-column-group;} .selfInsf_container .prt_view_wrap .horz_tbl tr {display: table-row;} .selfInsf_container .prt_view_wrap .horz_tbl th {display: table-cell;height: 45px;} .selfInsf_container .prt_view_wrap .horz_tbl td {display: table-cell;} .selfInsf_container .prt_view_wrap .view {min-width:auto;} .selfInsf_container .prt_view_wrap .info_txt {margin-bottom:10px } .selfInsf_container .data_wrap {margin-top:40px } #containerWrap #contents .selfInsf_container .data_wrap h4 {font-size:16px;margin-bottom:15px;} #containerWrap #contents .selfInsf_container .data_wrap h4:before {top:-2px } .selfInsf_container .data_wrap li ~ li {margin-top:40px } .selfInsf_container .data_wrap div {display: flex;flex-flow:wrap;font-size:15px;padding-left:10px } .selfInsf_container .data_wrap div b {flex: 1 100%;} .selfInsf_container .data_wrap div p {flex: 1 ;justify-content:center } .selfInsf_container .data_wrap div p {display: flex;font-weight: 700;text-align:center; transform:translateX(-20px);} .selfInsf_container .data_wrap div p span {flex: none;} .selfInsf_container .data_wrap div p span:first-child {flex:none;width:auto;} .selfInsf_container .prt_box button {background:#fff ;margin-bottom:30px } @media (max-width:1400px) { .selfInsf_container .horz_tbl td {padding:10px 30px } .selfInsf_container .horz_tbl .tbl_flex {flex-flow: wrap;gap:10px } .selfInsf_container .horz_tbl .tbl_flex div:first-child {flex:1 100% } } @media (max-width:1024px) { .selfInsf_container .selfInsf_info {padding:20px } .selfInsf_container .horz_tbl colgroup {display: none;} .selfInsf_container .horz_tbl .tbl_flex {flex-flow:nowrap;width: 100%;} .selfInsf_container .horz_tbl tr {display: flex;flex-flow: wrap; } .selfInsf_container .horz_tbl tr ~ tr {border-top:0;} .selfInsf_container .horz_tbl th {flex: 0 140px;display: flex;align-items: center;justify-content: center;} .selfInsf_container .horz_tbl th , .selfInsf_container .horz_tbl td {border-bottom:1px solid #c2c2c2 } .selfInsf_container .horz_tbl tr:last-child th, .selfInsf_container .horz_tbl tr:last-child td {border:0;} .selfInsf_container .horz_tbl td {flex: 1 calc(100% - 140px);display: flex;align-items: center;padding:10px 20px;} .selfInsf_container .horz_tbl .tbl_flex div:first-child {flex:1;} .selfInsf_container .proc_list li {padding:20px;word-break: keep-all;height: auto;min-height: 95px;} .selfInsf_container .btn_list a, .selfInsf_container .btn_list button {font-size:16px } .selfInsf_container .btn_list{gap:15px } .selfInsf_container .prt_box {min-width: auto;padding:20px;width: 90%;max-width:calc(100% - 20px) } .selfInsf_container .prt_view_wrap {aspect-ratio: 1.8/1;} .selfInsf_container .data_wrap div {flex-wrap:wrap;gap:10px } .selfInsf_container .data_wrap div b {flex:1 100%;} .selfInsf_container .prt_box button {margin:0 } .selfInsf_container .prt_box .prt_ttl {margin:0;} .selfInsf_container .bul_pk li {line-height: 1.4;} } @media (max-width:768px) { .selfInsf_container .selfInsf_info {padding:15px } .selfInsf_container .bul_pk {padding:0;} .selfInsf_container input[type='radio'] + label ~ input[type='radio'] + label {margin-left:35px } .selfInsf_container .horz_tbl th {min-height: 60px;height: auto;} .selfInsf_container .horz_tbl .tbl_flex > div:first-child {flex:0 120px } .selfInsf_container .prt_box {width:100%;} .selfInsf_container .prt_view_wrap {aspect-ratio: 1;} .selfInsf_container .prt_view_wrap table {width: 100%;} } @media (max-width:600px) { .selfInsf_container .proc_list li {flex: 1 30% } .selfInsf_container .proc_list li:nth-child( -n + 8 ) {border-bottom:0 } .selfInsf_container .proc_list li:nth-child( -n + 9 ) {border-bottom:1px solid #999;} } @media (max-width:540px) { .selfInsf_container .horz_tbl .tbl_flex {flex-flow:wrap } .selfInsf_container .horz_tbl .tbl_flex > div:first-child {flex:1 100%;} } @media (max-width:425px) { .selfInsf_container .proc_list li {flex: 1 50% } .selfInsf_container .proc_list li:nth-child( -n + 9 ) {border-bottom:0;} .selfInsf_container .proc_list li:nth-child( -n + 10 ) {border-bottom:1px solid #999;} } /* 20240229 /> */ /* 20240312 */ .selfInsf_container .horz_tbl.inf_tbl input[type='radio'] + label:before {position: absolute;width: 15px;aspect-ratio: 1;content: '';left: 0;top: 2px;background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Sjjj.lbatva.tb.xe%2Serfbheprf%2Shfre_erarjny%2Sjjj%2Svzntrf%2Svzt_vachg_purpxobk_qsg.cat);} .selfInsf_container .horz_tbl.inf_tbl .tbl_flex div:last-child label:before {top:-7px } .selfInsf_container .horz_tbl.inf_tbl input[type='radio'] + label.checked:before {background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Sjjj.lbatva.tb.xe%2Serfbheprf%2Shfre_erarjny%2Sjjj%2Svzntrf%2Svzt_vachg_purpxobk_pux.cat);} .selfInsf_container .horz_tbl.inf_tbl input:read-only:focus {outline: none;} /* 20240312 /> */ /* 202040402 start */ #container .visual_section .visual .mayor-area {justify-content: unset;padding-top: 40px;} #container .visual_section .visual .mayor-area .mayor-info {flex: 1;justify-content: unset;padding: 0;height: auto;background: transparent;box-shadow: none;overflow: hidden;} #container .visual_section .visual .mayor-area .mayor-info:before {display: none;} #container .visual_section .visual .mayor-area .mayor-info .img {position: relative;margin: 16px 0;background: #fff;border-radius: 10px;} #container .visual_section .visual .mayor-area .mayor-info .img a {position: relative;display: block;padding-bottom: 53px;border-radius: 10px;} #container .visual_section .visual .mayor-area .mayor-info .img a img {width: 100%;height: 100%;object-fit: cover;object-position: center;border-radius: 10px 10px 0 0;} #container .visual_section .visual .mayor-area .mayor-info .img a > span {position: absolute;bottom: -12px;left: 0;display: flex;align-items: center;padding: 12px 35px 6px;width: 100%;line-height: 1.3;font-size: 22px;color: #fff;background: rgba(0, 0, 0, .7);border-radius: 10px;font-family: 'GmarketSans';z-index: 9;} #container .visual_section .visual .mayor-area .mayor-info .section-title {position: absolute;top: 43px;left: 35px;line-height: 1.2;font-size: 22px;color: #fff;font-family: 'GmarketSans';} #container .visual_section .visual .mayor-area .mayor-info .section-title span {display: block;font-size: 24px;} #container .visual_section .visual .mayor-area .mayor-info .section-title strong {font-size: 32px;font-weight: 400;font-family: 'ChosunGs';} #container .visual_section .visual .mayor-area .mayor-info .quick {padding: 2px 0 0;background: #fff;border-radius: 10px;overflow: hidden;} #container .visual_section .visual .mayor-area .mayor-info .quick ul {display: flex;flex-direction: row;margin-top: auto;height: auto;max-height: none;border-radius: 10px;overflow: hidden;} #container .visual_section .visual .mayor-area .mayor-info .quick ul > li {position: relative;flex: 1;height: 50px;background: #fff;} #container .visual_section .visual .mayor-area .mayor-info .quick ul > li:nth-child(3) {flex: 1.2;} #container .visual_section .visual .mayor-area .mayor-info .quick ul > li::before {display: none;} #container .visual_section .visual .mayor-area .mayor-info .quick ul > li:after {content: '';position: absolute;top: 50%;right: 0;width: 1px;height: 17px;background: #fff;transform: translateY(-50%);} #container .visual_section .visual .mayor-area .mayor-info .quick ul > li:last-child:after {display: none;} #container .visual_section .visual .mayor-area .mayor-info .quick ul > li > a {display: block;padding: 0;width: 100%;height: 100%;line-height: 50px;color: #fff;font-weight: 700;text-align: center;background: #c3324d;font-family: 'GmarketSans';} #container .visual_section .visual .mayor-area .mayor-info .quick ul > li > a::after {display: none;} #container .visual_section .visual .mayor-area .mayor-info .quick ul > li > a:before {content: '';display: inline-block;margin-right: 8px;width: 17px;height: 17px;vertical-align: middle;aspect-ratio: 1;} #container .visual_section .visual .mayor-area .mayor-info .quick ul > li:nth-child(1) > a:before {background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Sjjj.lbatva.tb.xe%2Serfbheprf%2Shfre%2Sznva%2Spff%2S..%2Svzt%2Sznva%2Svpb-znva-znlbe-1.cat) no-repeat;background-size: 100%;transform: translateY(-1px);} #container .visual_section .visual .mayor-area .mayor-info .quick ul > li:nth-child(2) > a:before {width: 18px;background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Sjjj.lbatva.tb.xe%2Serfbheprf%2Shfre%2Sznva%2Spff%2S..%2Svzt%2Sznva%2Svpb-znva-znlbe-2.cat) no-repeat;background-size: 100%;aspect-ratio: 18 / 17;} #container .visual_section .visual .mayor-area .mayor-info .quick ul > li:nth-child(3) > a:before {width: 19px;background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Sjjj.lbatva.tb.xe%2Serfbheprf%2Shfre%2Sznva%2Spff%2S..%2Svzt%2Sznva%2Svpb-znva-znlbe-3.cat) no-repeat;background-size: 100%;aspect-ratio: 19 / 17;transform: translateY(-1px);} @media (max-width: 1200px) { #container .visual_section .visual .mayor-area {flex: 0 0 450px;} #container .visual_section .visual .mayor-area .mayor-info .img a {padding-bottom: 44px;} #container .visual_section .visual .mayor-area .mayor-info .img a > span {font-size: 18px;} #container .visual_section .visual .mayor-area .mayor-info .section-title {top: 36px;left: 24px;font-size: 22px;} #container .visual_section .visual .mayor-area .mayor-info .section-title span {font-size: 22px;} #container .visual_section .visual .mayor-area .mayor-info .section-title strong {font-size: 30px;} #container .visual_section .visual .mayor-area .mayor-info .quick ul > li > a {font-size: 16px;} } @media (max-width: 1025px) { #container .visual_section .visual .mayor-area .mayor-info {margin: 0;} #container .visual_section .visual .mayor-area .mayor-info .section-title {top: 40px;left: 32px;font-size: 24px;} #container .visual_section .visual .mayor-area .mayor-info .section-title span {font-size: 24px;} #container .visual_section .visual .mayor-area .mayor-info .section-title strong {font-size: 36px;} #container .visual_section .visual .mayor-area .mayor-info .img a > span {line-height: 1.4;font-size: 20px;} #container .visual_section .visual .mayor-area .mayor-info .quick ul > li > a {font-size: 17px;} } @media (max-width: 767px) { #container .visual_section .visual .mayor-area .mayor-info .section-title {font-size: 20px !important;} #container .visual_section .visual .mayor-area .mayor-info .section-title span {font-size: 20px;} .mayor-area .mayor-info .section-title strong {font-size: 30px !important;} #container .visual_section .visual .mayor-area .mayor-info .img a {padding-bottom: 40px;} #container .visual_section .visual .mayor-area .mayor-info .img a > span {line-height: 1.5;font-size: 17px;} .mayor-area .mayor-info ul li {padding: 0;} } @media (max-width: 600px) { #container .visual_section .visual .mayor-area .mayor-info .section-title {top: 24px;left: 16px;font-size: 18px !important;} #container .visual_section .visual .mayor-area .mayor-info .section-title span {font-size: 18px;} .mayor-area .mayor-info .section-title strong {font-size: 26px !important;} #container .visual_section .visual .mayor-area .mayor-info .img a > span {padding: 12px 24px 6px;font-size: 15px;} #container .visual_section .visual .mayor-area .mayor-info .quick ul > li > a {font-size: 15px !important;} #container .visual_section .visual .mayor-area .mayor-info .quick ul > li > a:before {margin-right: 6px;width: 16px;} #container .visual_section .visual .mayor-area .mayor-info .quick ul > li:nth-child(2) > a:before {width: 17px;} #container .visual_section .visual .mayor-area .mayor-info .quick ul > li:nth-child(3) > a:before {width: 18px;} } @media (max-width: 424px) { #container .visual_section .visual {display: block;} #container .visual_section .visual .mayor-area .mayor-info .quick ul > li {height: 46px;} #container .visual_section .visual .mayor-area .mayor-info .quick ul > li > a {height: 100%;font-size: 14px !important;} } @media (max-width: 374px) { #container .visual_section .visual .mayor-area .mayor-info .section-title {font-size: 15px !important;} #container .visual_section .visual .mayor-area .mayor-info .section-title span {font-size: 15px;} #container .visual_section .visual .mayor-area .mayor-info .section-title strong {font-size: 22px !important;} #container .visual_section .visual .mayor-area .mayor-info .img a > span {padding: 12px 20px 6px;font-size: 14px;} #container .visual_section .visual .mayor-area .mayor-info .quick ul {flex-wrap: wrap;} #container .visual_section .visual .mayor-area .mayor-info .quick ul > li {flex: none;width: 50%;height: 40px;} #container .visual_section .visual .mayor-area .mayor-info .quick ul > li:nth-child(2):after {display: none;} #container .visual_section .visual .mayor-area .mayor-info .quick ul > li a {line-height: 44px;} #container .visual_section .visual .mayor-area .mayor-info .quick ul > li:last-child a {border-top: 1px solid #fff;} } /* 202040402 end */ /* 20240402 start */ .title2 {position: relative;margin-top: 23px;margin-bottom: 10px;padding-left: 18px;font-size: 16px;font-weight: 500;} .title2::before {content: '';position: absolute;top: 0.25em;left: 0;width: 11px;height: 11px;border: 3px solid #bd445b;border-radius: 50%;box-sizing: border-box;} /* 20240402 end */ /*20240415 start*/ .step-detail04{display: flex;flex-wrap: wrap;gap: 30px;} .step-detail04 > div{ position: relative;display: flex;flex-wrap: wrap;flex-direction: column;justify-content: space-between;width: calc(100% / 4 - 30px);background: #fff;border:1px solid #e3e3e3;border-radius: 10px;} .step-detail04 > div .title {padding: 9px 20px;display: block;border-bottom: 1px solid #e3e3e3;background-color: #f9f9f9;border-radius: 10px 10px 0 0;} .step-detail04 > div .title .number{color:#bd445b;} .step-detail04 > div .content {padding: 15px 20px;} .step-detail04 > div .title-step{padding: 9px 20px; text-align: center;border-top: 1px solid #e3e3e3;background-color: #f9f9f9;border-radius: 0px 0px 10px 10px;} .step-detail04 > div::before{content: '';position: absolute;top: 50%;background-color: #e3e3e3;width: 4px;height: 17px;right: -20px;border-radius: 1px;transform: rotate(-45deg);margin-top: -15px;} .step-detail04 > div::after{content: '';position: absolute;top: 50%;background-color: #e3e3e3;width: 4px;height: 17px;right: -20px;border-radius: 1px;transform: rotate(45deg);margin-top: -4px;} .step-detail04 > div:last-child::before, .step-detail04 > div:last-child::after{display: none;} @media(max-width:768px){ .step-detail04 > div {width: calc(100%);} .step-detail04 > div::before, .step-detail04 > div::after{top:calc(100% + 7px);margin-top: 0 !important;left: 50%;} .step-detail04 > div::before{left: calc(50% - 10px);} } /*20240415 end*/ /* 20240416 */ .mb_vw {display: none;} @media (max-width:600px) { .mobile-passport2.mb_vw {display: flex;background:#4f4f4f;} } /* 20240416 /> */ .result_css {color: black;/* 기본 텍스트 색상 */} .result_css:hover {font-weight: bold;text-decoration: underline;color: blue;cursor:pointer;} #hygiMagr::placeholder {font-size: 11px;/* 원하는 폰트 크기로 변경 */} #print_class {transition: border 0.3s;/* 트랜지션 효과 */} #print_class:hover, .print_class:focus {border: 2px solid red;/* 마우스를 가져다 대거나 포커스를 받았을 때 테두리 표시 */cursor:pointer;} .sub_category {background-color: #f4f4f4;min-width: 100%;min-height: 100%;} /* 20240523 start */ #containerWrap .t_gallery.onMarket ul {justify-content: unset !important;} #containerWrap .t_gallery.onMarket li {display: flex;flex-direction: column;align-items: center;justify-content: center;} #containerWrap .t_gallery.onMarket li .imgBox {display: flex;align-items: center;justify-content: center;height: 100%;min-height: 200px;max-height: 240px;} #containerWrap .t_gallery.onMarket li .imgBox a {display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 16px;width: 100%;height: 100%;} #containerWrap .t_gallery.onMarket li .imgBox img {width: auto !important;max-width: 90%;height: auto !important;max-height: 90%;object-fit: unset;} #containerWrap .t_gallery.onMarket li .tit {margin-top: auto;} @media (max-width: 1200px) { #containerWrap .t_gallery.onMarket li .imgBox {min-height: auto;} } @media (max-width: 768px) { #containerWrap .t_gallery.onMarket ul {justify-content: space-between !important;} #containerWrap #contents .t_gallery.onMarket > ul > li {width: calc(50% - 15px) !important;} } @media (max-width: 767px) { #containerWrap .t_gallery.onMarket .imgBox {padding-top: 0;} #containerWrap .t_gallery.onMarket li .imgBox img {position: static;} } @media (max-width: 600px) { #containerWrap #contents .t_gallery.onMarket > ul > li {width: 100% !important;min-height: 200px;} } /* 20240523 end */ /* 20250207 start*/ #containerWrap .paging ul{margin-bottom:0;} @media (max-width: 1024px){ #containerWrap #satisfy{display:block;position:relative;top:inherit;bottom:inherit;left:inherit;right:inherit;width:100%;margin-top:30px;margin-bottom:0;} } /* 20250214 만족도 조사*/ #containerWrap #contents{margin-bottom:100px;} #satisfy .satisfy_input { display:inline-block;} @media (max-width: 720px) { #containerWrap #contents{margin-bottom:50px;} #satisfy label{word-break:keep-all; margin-right: 00px;} #satisfy .satisfy_input { width: 48%;} } /* 20250207 end*/ /* 20250513 start*/ /*선거인명부 조회 상단 배너*/ /* 전체 배너: 높이 고정 */ .top_banner { background-color: #e5dfd6; height: 100px; /* ✅ 세로 고정 */ overflow: hidden; } /* 배너 중앙 정렬 + 최대폭 제한 */ .banner_inner { max-width: 1500px; height: 100%; margin: 0 auto; position: relative; } /* ✅ 이미지 가로만 반응형, 세로는 오버플로우 가능 */ .banner_img_wrap { width: 100%; height: 100%; overflow: hidden; display: flex; /* ✅ flex로 가운데 정렬 시작 */ align-items: center; /* ✅ 세로 중앙 정렬 */ justify-content: center; /* 가로 중앙 정렬 (필요 시) */ } .banner_img_wrap img { width: 100%; height: auto; } /* ✅ 닫기 버튼 고정 위치, 고정 크기 */ .banner_close_wrap { position: absolute; bottom: 0px; right: 0px; display: flex; align-items: center; gap: 8px; background-color: rgba(0, 0, 0, 0.4); padding: 4px 8px; border-radius: 5px; z-index: 10; font-size: 12px; color: white; white-space: nowrap; font-family: 'GmarketSans', 'Malgun Gothic', sans-serif; } .banner_close_wrap label { display: flex; align-items: center; gap: 4px; } .banner_close_wrap input[type="checkbox"] { transform: translateY(1px); /* ✅ 체크박스를 텍스트에 맞춰 보정 */ } .banner_close_wrap button { background: none; border: none; color: white; font-size: 14px; cursor: pointer; } /* 20250513 end*/ /* 25.05.20. 명예의 전당 게시판 시작*/ .cont_box.bbs_type01 .bbs_img_box{margin-bottom:25px;} .cont_box.bbs_type01 .gallery_list{ display:block;width: 100%; height:auto; border-top: solid 1px #666; padding:20px 0;} .cont_box.bbs_type01 .gallery_list ul{width: 100%; height: auto; font-size:0;line-height:0;} .cont_box.bbs_type01 .gallery_list ul > li{display:inline-block; position: relative; width:calc((100% - 60px) / 3); border-radius:10px; margin-right:30px;} .cont_box.bbs_type01 .gallery_list ul > li:nth-child(3n){margin-right:0px;} .cont_box.bbs_type01 .gallery_list ul > li:before{} .cont_box.bbs_type01 .gallery_list ul .gallery_box{margin-bottom:30px;} .cont_box.bbs_type01 .gallery_list ul .gallery_box .gallery_detail{min-height:270px; text-align:center; padding:62px 26px 46px; background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Sjjj.lbatva.tb.xe%2Serfbheprf%2Spbzzba%2Svzntrf%2S%2Soof1264_ot.wct); background-repeat:no-repeat; background-size:100% 100%;} .cont_box.bbs_type01 .gallery_list ul .gallery_box .gallery_detail li{display:block; width:100%; font-weight:normal; font-size:medium; text-align: center; margin-left:auto; margin-right:auto; color:#222; letter-spacing:-0.025em;} .cont_box.bbs_type01 .gallery_list ul .gallery_box .gallery_detail li.year{font-size:17px; line-height:28px; font-weight:600;} .cont_box.bbs_type01 .gallery_list ul .gallery_box .gallery_detail li.name{font-size:28px; line-height:40px; font-weight:600;} .cont_box.bbs_type01 .gallery_list ul .gallery_box .gallery_detail li.text{font-size:15px; line-height:18px; font-weight:400; margin-top:28px; vertical-align: middle;} .cont_box.bbs_type01 .gallery_list ul .gallery_box .gallery_detail li.donation{font-size:15px; line-height:18px; font-weight:600; margin-top:14px; color:#4d3fcf;} .cont_box.bbs_type01:after{content: ''; clear: both;} @media screen and (max-width:670px){ .cont_box.bbs_type01 .gallery_list ul > li{width:calc((100% - 30px) / 2);} .cont_box.bbs_type01 .gallery_list ul > li:nth-child(3n){margin-right:30px;} .cont_box.bbs_type01 .gallery_list ul > li:nth-child(2n){margin-right:0px;} } @media screen and (max-width:480px){ .cont_box.bbs_type01 .gallery_list ul > li{width:100%;} .cont_box.bbs_type01 .gallery_list ul > li:nth-child(3n){margin-right:0;} } /* 25.05.20. 끝*/ /* 25.06.04. 시작 - 이용안내 > 개인정보처리방침 > 카드뉴스 모달창 팝업 */ .slick-slider{position: relative; display: block; box-sizing: border-box;} .slick-list{position: relative;display: block; overflow:hidden; margin: 0;padding: 0;} .slick-list:focus{outline: none;} .slick-list.dragging{cursor:pointer;} .slick-track{ position: relative; top: 0;left: 0;display: block;} .slick-track:before,.slick-track:after{display: table;content: '';} .slick-track:after{clear: both;} .slick-loading .slick-track{visibility: hidden;} .slick-slide{display: none;float: left;height: 100%;min-height:1px;} [dir='rtl'] .slick-slide{float: right;} .slick-slide img{display: block; width:100%;} .slick-slide.slick-loading img{display: none;} .slick-initialized .slick-slide{display: block;} .slick-loading .slick-slide{visibility: hidden;} .slick-vertical .slick-slide{display: block;height: auto;border: 1px solid transparent;} .privacy_cardbox .card_info{display:inline-block; width:100%; margin-bottom:20px;} .privacy_cardbox .card_info .info_btn{display:inline-block; float:right;} .privacy_cardbox .card_info .info_btn span{display:block; width:437px; height:70px; background-image:url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Sjjj.lbatva.tb.xe%2Serfbheprf%2Shfre%2Sjro%2Svzntrf%2Sfho%2SlbatvaVasb%2Scevinpl_pneq_bcra_oga.cat"); font-size:0; color:transparent; cursor:pointer;} .privacy_cardbox .cardbox{position:fixed; width:100%; height:100%; top:0; left:0; display:block; opacity:0; z-index:-1; box-sizing:border-box; visibility:hidden;} .privacy_cardbox .cardbox.active{opacity:1; z-index:903; visibility:visible;} .privacy_cardbox .cardbox .block_bg{position:fixed; top:0; left:0; width:100%; height:100vh; background:rgba(0,0,0, .5); z-index:98;} .privacy_cardbox .cardbox .card_cts{position:absolute; width:780px; height:780px; max-height:100vh; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); padding-top:40px; background:#1b69ca; border-radius:40px 0 40px 40px; z-index:99; box-sizing:border-box;} .privacy_cardbox .cardbox .card_cts .close_btn{display:none; position:absolute; top:-40px; width:80px; height:80px; right:0; border-radius:100%; background-image:url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Sjjj.lbatva.tb.xe%2Serfbheprf%2Shfre%2Sjro%2Svzntrf%2Sfho%2SlbatvaVasb%2Spybfr_oga.cat"); z-index:100; font-size:0; color:transparent;} .privacy_cardbox .cardbox .card_cts .slick-list{max-height:100vh; border-radius:24px; position:relative; display:block; overflow:hidden;} .privacy_cardbox .cardbox .slidebox{width:700px; max-height:100vh; margin:0 auto; position:relative;} .privacy_cardbox .cardbox .slidebox .slide_list{max-height:100vh;} .privacy_cardbox .cardbox .slidebox .slick-track{max-height:100vh;} .privacy_cardbox .cardbox .slidebox .slide_item{text-align:center; line-height:0; max-height:100vh;} .privacy_cardbox .cardbox .slidebox .slide_item img{display:inline-block; width:auto; max-width:100%; max-height:calc(100vh - 80px);} .privacy_cardbox .cardbox .slide_control .prev{display:none; position:absolute; top:50%; transform:translate(0, -30px); left:-70px; width:60px; height:60px; border-radius:100%; background-image:url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Sjjj.lbatva.tb.xe%2Serfbheprf%2Shfre%2Sjro%2Svzntrf%2Sfho%2SlbatvaVasb%2Soga_yrsg_neebj.cat");font-size:0;} .privacy_cardbox .cardbox .slide_control .next{display:none; position:absolute; top:50%; transform:translate(0, -30px); right:-70px; width:60px; height:60px; border-radius:100%; background-image:url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Sjjj.lbatva.tb.xe%2Serfbheprf%2Shfre%2Sjro%2Svzntrf%2Sfho%2SlbatvaVasb%2Soga_evtug_neebj.cat"); font-size:0;} .privacy_cardbox .cardbox .slide_control .prev:hover{background-image:url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Sjjj.lbatva.tb.xe%2Serfbheprf%2Shfre%2Sjro%2Svzntrf%2Sfho%2SlbatvaVasb%2Soga_yrsg_neebj_bire.cat");} .privacy_cardbox .cardbox .slide_control .next:hover{background-image:url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Sjjj.lbatva.tb.xe%2Serfbheprf%2Shfre%2Sjro%2Svzntrf%2Sfho%2SlbatvaVasb%2Soga_evtug_neebj_bire.cat");} .privacy_cardbox .cardbox.active .card_cts .close_btn, .privacy_cardbox .cardbox.active .slide_control .prev, .privacy_cardbox .cardbox.active .slide_control .next{display:initial;} .privacy_cardbox .cardbox .slide_control .slick-disabled{visibility:hidden;} .modal_open #container{z-index:auto;} .modal_open #contents{z-index:auto;} @media all and (min-width:821px) and (max-height:860px) { .privacy_cardbox .cardbox .card_cts .close_btn{top:0;} } @media screen and (max-width:820px) { .privacy_cardbox .cardbox .card_cts{width:640px; height:640px;} .privacy_cardbox .cardbox .slidebox{width:560px;} } @media all and (min-width:641px) and (max-height:640px) { .privacy_cardbox .cardbox .card_cts .close_btn{top:0;} } @media screen and (max-width:720px) { .privacy_cardbox .cardbox .card_cts{width:640px; height:640px;} .privacy_cardbox .cardbox .slidebox{width:560px;} } @media screen and (max-width:640px) { .privacy_cardbox .cardbox .card_cts{width:98%; height:auto; padding:20px;} .privacy_cardbox .cardbox .slidebox{width:100%;} .privacy_cardbox .cardbox .card_cts .close_btn{width:70px; height:70px; background-size:cover;} .privacy_cardbox .cardbox .slide_control .prev{width:50px; height:50px; left:-15px; background-size:cover;} .privacy_cardbox .cardbox .slide_control .next{width:50px; height:50px; right:-15px; background-size:cover;} } @media screen and (max-width:480px) { .privacy_cardbox .card_info .info_btn span{width:280px; height:51px; background-size:contain; background-repeat:no-repeat;} .privacy_cardbox .cardbox .card_cts .close_btn{width:55px; height:55px; top:-32px;} } @media screen and (max-width:380px) { .privacy_cardbox .cardbox .card_cts .close_btn{width:45px; height:45px; top:-26px;} } /* 25.06.04. 끝 - 이용안내 > 개인정보처리방침 > 모달창 팝업 */