@charset "utf-8";
@import "modify.css";

/* 전화걸기 2023-11-07 */
.p-only {display: block}
.m-only {display: none}
.mobile .p-only {display: none}
.mobile .m-only {display: block}

.dark {color:#222 !important}
.basic {color:#555 !important}
.light {color:#767676 !important}
.color-point {color: #0c82e9 !important}
.caution-blue {color:#2f8ceb !important; font-size: 14px; font-weight: 400; margin-top: 7px;}
.caution-strong {color:#ff0000 !important; font-size: 14px; font-weight: 400; margin-top: 7px;}

.star {position:relative; display:inline-block; padding-left:10px;}
.star:before {position:absolute; top:0; left:0; content:'*';}
.mgT5 {margin-top:5px;}
.mgT10 {margin-top:10px;}
.mgT15 {margin-top:15px}
.mgT20 {margin-top:20px}
.mgT30 {margin-top:30px}
.mgT40 {margin-top:40px}
.mgL10 {margin-left:10px;}
.mgL20 {margin-left:20px;}
.mgB0 {margin-bottom:0!important;}
.mgT40 {margin-top:40px;}

.tabs {margin-bottom:20px;}
.tabs ul {display:table;table-layout: fixed;width:100%;}
.tabs ul li {display:table-cell;}
.tabs ul li a {position:relative; display:block; width:100%; padding:17px 0px; border:1px solid #ddd; border-right:0;box-sizing:border-box;font-size: 16px;color:#767676;text-align: center}
.tabs ul li:last-child a{border-right:1px solid #ddd;}
.tabs ul li.active a {border:1px solid #0c82e9; color:#0c82e9; font-weight:700; z-index:2;background: #f3f9fe}
.tabs ul li.active + li a{ border-left:0}

#content.content2{float:none;}

/* 2019-05-14 */
.pc-inline {display: inline-block;}
.mobile-inline {display: block;}
@media (max-width: 1151px) {
.pc-inline {display: block;}
.mobile-inline {display: inline-block}
.mobile-inline.element-inline {display: inline;}
.mobile-inline.mobile-proposal {padding: 0 !important;}
}

/* 2020-08-12 */
.mobile-only {display: none;}
.ios .mobile-only, .android .mobile-only {display: block;position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0;}

/* title */
.h4-type1 {margin-bottom:10px;}
.h4-type1:before{content:'';display:inline-block;width:5px;height:5px;margin:-2px 6px 0 0;background:#0c82e9;vertical-align:middle;}

/* box */
.box-type1 {margin-bottom:40px;}
.box-type1 h4{margin-bottom:20px;font-size:1.1em;}
.box-type1 p{line-height:1.6;}
.box-type2 {display:block;box-sizing:border-box;border: 1px solid #ddd;padding: 1.75em 2.75em;margin-bottom:2.5em;}
.box-type2 p {margin-top:10px;line-height:1.6;}
.box-type2 p:first-child {margin-top:0;}
.box-type3 {padding-left:2em;margin-bottom:2em;/* font-size:1.2em; */line-height:1.6;}
.box-type3 li{padding:5px 0;line-height:1.6;}
.box-type3 strong {color:#0c82e9;}
.box-type4 {background:#f5f5f5;border:1px solid #ddd;padding:25px 30px;}
.box-type5 {width:640px; margin:auto; border:5px solid #eff2f3;padding:25px 30px; box-sizing:border-box;}
.box-type5 p{line-height:2; font-size:15px;}

/* 전체서비스 추가 */
.mgT60 {margin-top:60px !important;}
.topline {border-bottom:1px solid #efefef;}
.service {float:none !important; width:100% !important;min-height: 500px;}
.service-content .row {border-bottom:1px solid #ddd; padding:25px 0 15px;}
.service-content .row:after {content:''; display:block; clear:both;}
.service-content .row .title {font-size:18px; color:#222; float:left; width:15%;}
.service-content .row .s-group {float:left; width:85%;}
.service-content .row .s-group .s-row:after {content:''; display:block; clear:both;}
.service-content .row .s-group ul {float:left; width:25%; margin-bottom:10px;}
.service-content .row .s-group ul li {color:#555; font-weight:normal; line-height:1.5em;}
.s-group.s01 ul li:first-child {color:#0C6;}
.s-group.s02 ul li:first-child {color:#F63;}
.s-group.s03 ul li:first-child {}
.s-group.s04 ul li:first-child {}
.s-group.s05 ul li:first-child {}
.s-group.s06 ul li:first-child {}
.s-group.s07 ul li:first-child {}
.s-group.s08 ul li:first-child {}
.service-content .row .s-group.s-row02 ul {width:100%;}
.service-content .row .s-group.s-row02 ul li {float:left; width:25%;}

/*header*/
.top-area { height: 48px; background: #fff;}
.top-area .inner{position:relative;}
h1.logo { float: left; width: 101px; height: 27px; margin-top: 8px;}
h1.logo a { display: block; width: 105px; height: 27px; background: url(../images/icon_set_common.png) no-repeat -5px -165px;}
h1.logo_story > a:nth-child(2) { display:none; }
h1.logo_festival > a:nth-child(2) { display:none; }

/*서브 헤더 검색영역*/
.search-line { position: relative; background: #0d82eb; padding: 1.53em 0; height:100px; box-sizing:border-box; display:block;}
.sub .search-line > .inner > h1{float:left; width:180px; height: 52px; background: url(../images/logo_new_2019.png) no-repeat 0 -55px; margin-top:5px;}  /* 11.13 로고 수정 */
.sub .search-line > .inner > h1 a {display:inline-block;width:180px; height: 52px; }  /* 11.13 로고 수정 */
.sub .search-line > .inner > h1.new {width: 133px;height: 51px;background: url(../images/common/seoul-slogan-white.png) no-repeat 0 0;}
.sub .search-line > .inner > h1.new a {width: 133px;height: 51px;}
.search-line .search {width:429px; height:42px; float:left; margin:10px 0 0 200px; box-sizing:border-box; background-color:#fff;}
.search-line input[type='text'] {height:100%; border:0; width:calc(100% - 65px);/* width:-webkit-calc(100% - 45px);width:-moz-calc(100% - 45px);width:-ms-calc(100% - 45px);width:-o-calc(100% - 45px); */}
.search-line .btn-search{display: inline-block; width:42px; height:42px; padding:0; background: url(../images/icon_set_common.png) no-repeat -32px -95px; float:right;}

/* gnb pc일때 */
.gnb.all_gnb{display:none;}
.gnb { float: left; width:calc(100% - 101px); /* width:-webkit-calc(100% - 101px); width:-moz-calc(100% - 101px); width:-ms-calc(100% - 101px); width:-o-calc(100% - 101px); */}
.gnb > ul { float: left;}
.gnb > ul > li { float: left; margin-left: 20px;}
.gnb > ul > li:first-child {padding-left: 40px;margin-left: 30px; position: relative;}
.gnb > ul > li > a,
.gnb > ul > li > button.btn_info_cate, /* 2019-05-10 */
.gnb > ul > li > button.btn-gothic {font-size: 16px; height: 48px; line-height: 48px; font-weight:700;}  /* 2023-02-14 */
.gnb > ul > li > button.btn-gothic span {display: inline-block;font-size: inherit;font-weight: inherit;color: inherit;}
.gnb ul.other {float: right;}
.main .gnb ul.other {position:absolute; right:0; top:0;}
.gnb ul.other > li {float: left; padding:0 10px; margin:0;}
.gnb ul.other > li > a,
.gnb ul.other > li > button.btn_info_cate,
.gnb ul.other > li > button.btn-gothic {display: block; font-size:14px;} /* 2019-05-10 */
.gnb ul.other > li > button.btn_info_cate, 
.gnb ul.other > li > button.btn-gothic {padding: 0;font-family: 'Nanum Gothic'} /* 2019-05-10 */


.top-area .gnb > ul > li.info_cate_new {position: relative}
.top-area .gnb > ul > li.info_cate_new>button.btn_info_cate {font-family: 'Nanum Gothic';padding-top: 0;color: #222;}

@media (min-width: 1153px) {
.gnb > ul > li > a:hover, .gnb > ul > li > button.btn_info_cate:hover, .top-area .gnb > ul > li.info_cate_new>button.btn_info_cate:hover {color: #2292e9}
.gnb > ul > li.on > a,
.gnb > ul > li.on button.btn_info_cate {position: relative;color: #2292e9}
.gnb > ul > li.on > a:after,
.gnb > ul > li.on button.btn_info_cate:after {content: '';position: absolute;bottom: -3px;left: 0;width: 100%;height: 2px;background-color: #2292e9}
}

/* header-new 2021-07-28 add*/
#wrap #header.header-new {width:initial; position:relative}
#wrap #header.header-new .top-area{width:1152px; margin:0 auto;}
.top-area.new2021 .inner, .top-area.new2021 .gnb ul.other{position:static}
.top-area.new2021 .gnb > ul > li:first-child, .info_cate{position:static}
.top-area.new2021 .gnb .active{color:#2292e9}

.sub-items {position: absolute;top: 48px;right: 0;left: 0;z-index: 9999;display: none;width: 100%;background: #fff;border-top:1px solid #ddd; box-shadow:0 5px 6px 2px rgba(102,102,102,0.25); overflow: hidden;}
.sub-items.on{position: absolute;top: 100%;right: 0;left: 0;z-index: 9999;display: block;width: 100%;background: #fdfdfd;}
.sub-items .sub-container {position: relative;display: table;width: 100%;height: 300px; max-width: 1152px; margin: 0 auto;}
.sub-items .sub-container:before{display: inline-block;width: 200%;content:'';height: 100%;background:#eaf2f8;bottom: 0;left: 0;position: absolute;box-sizing: border-box;margin-left: -150%;z-index: -1;}
.sub-items .sub-container:after{display: inline-block;width: 200%;content:'';height: 100%;background:#fff;bottom: 0;left: 0;position: absolute;box-sizing: border-box;margin-left: 150%;z-index: -1;}
.sub-items .sub-container .title {display: table-cell;padding-right: 40px;background: #eaf2f8;padding-top: 50px;box-sizing: border-box;width:202px;}
.sub-items .sub-container .title strong { font-size: 30px; display: block; line-height: 1; margin-bottom: 25px; }
.sub-items .sub-container .title span { color: #666; font-size: 14px; line-height: 1.2; }
.sub-items .sub-container .sub-cont {display: table-cell;vertical-align: top; background:#fff;}
.sub-items .sub-container .sub-cont > ul { padding: 25px 0 25px 50px; }
.sub-items .sub-container .sub-cont .depth02 {display: table;width: 100%;border-bottom: 1px solid #ddd;}
.sub-items .sub-container .sub-cont .depth02:last-child{border-bottom:0}
.sub-items .sub-container .sub-cont .depth02 > a {display: table-cell;padding: 25px 60px 26px 22px;vertical-align: top;font-size:16px; box-sizing:border-box;line-height:1;}
.sub-items .sub-container .sub-cont .depth02 > ul{display: table-cell; padding: 25px 0 10px}
.sub-items .sub-container .sub-cont .depth03 {display: inline-block;margin-bottom:16px; }
.sub-items .sub-container .sub-cont .depth03 a {position: relative;display: inline-block; font-size: 15px; line-height:1rem;color:#666;}
.sub-items .sub-container .sub-cont .depth03 a:hover{color:#2292e9; text-decoration:underline;}
.sub-items.sub-item01 .sub-container .sub-cont .depth02 > a{width:194px}
.sub-items.sub-item02 .sub-container .sub-cont .depth02 > a{width:259px}
.sub-items.sub-item03 .sub-container .sub-cont .depth02 > a{width:216px}
.sub-items.sub-item01 .sub-container .sub-cont .depth03:nth-child(4n+1) {width: 143px;}
.sub-items.sub-item01 .sub-container .sub-cont .depth03:nth-child(4n+2) {width: 200px;}
.sub-items.sub-item01 .sub-container .sub-cont .depth03:nth-child(4n+3) {width: 178px;}
.sub-items.sub-item02 .sub-container .sub-cont .depth03:nth-child(3n+1) {width: 216px;}
.sub-items.sub-item02 .sub-container .sub-cont .depth03:nth-child(3n+2) {width: 170px;}
.sub-items.sub-item03 .sub-container .sub-cont .depth03:nth-child(4n+1) {width: 175px;}
.sub-items.sub-item03 .sub-container .sub-cont .depth03:nth-child(4n+2) {width: 160px;}
.sub-items.sub-item03 .sub-container .sub-cont .depth03:nth-child(4n+3) {width: 155px;}

/* sub footer */
.sub #footer { border-top: 1px solid #d0d0d0;}
.sub #footer .footer-link ul { padding:15px 0;}
.sub #footer .footer-link ul li { position: relative; float: left; padding: 0 10px;}
.sub #footer .footer-link ul li:first-child { padding-left: 0;}
.sub #footer .footer-link ul li:before { content: ''; position: absolute; top: 50%; left: 0; display: block; width: 1px; height: 14px; margin-top: -6px; background: #dcdcdc;}
.sub #footer .footer-link ul li:first-child:before { display: none;}
.sub #footer .footer-link ul li a { font-size: 12px; color:#636363;}
.sub #footer .footer-link ul li.policy a {color:#000;font-weight: 700}
.sub #footer .footer-link ul li.kc {padding-left: 0 !important}
.sub #footer .footer-link ul li.kc:before {display: none !important;}
.sub #footer .footer-link ul li a.kc {display: flex;align-items: center;justify-content: center;width: 114px;height: 24px;}
.sub #footer .footer-link ul li a.kc:after {content:'';width: 114px;height: 24px;background: url(../images/common/ico-sns-pc.png) no-repeat 0 -30px}

.sub #footer .footer-link ul:after { display: block; content: ''; clear: both;}
.sub #footer .footer-link .sns { position: absolute; top: 50%; right: 0; margin-top: -14px; font-size: 0; text-align: center;} /* overflow: hidden;  */
.sub #footer .footer-link .sns a { display: inline-block; width:25px; height:25px; background: url(../images/icon_set_common.png) no-repeat; font-size: 0; text-indent: -9999em; box-sizing:border-box; }
.sub #footer .footer-link .sns a + a { margin-left: 12px;}
.sub #footer .footer-link .sns a.rss { background-position: -87px -73px;}
.sub #footer .footer-link .sns a.fb { background-position: -130px -73px;}
.sub #footer .footer-link .sns a.tw { background-position: -171px -73px;}
.sub #footer .footer-link .pc_site{width:94px;}

/* 2018-12-13 푸터 하단 SNS 추가 */
.sub #footer .footer-link .sns-new a {background: url(../images/main/icon_set_sns.png) no-repeat 0  0;}
.sub #footer .footer-link .sns-new.sns-202309 a {background: url(../images/main/icon_set_sns_202309.png?ver2309) no-repeat 0  0;}

/*
.sub #footer .footer-link .sns-new a.rss { background-position: 0 0;}
.sub #footer .footer-link .sns-new a.fb { background-position: -25px 0;}
.sub #footer .footer-link .sns-new a.tw { background-position: -50px 0;}
.sub #footer .footer-link .sns-new a.ins { background-position: -75px 0;}
.sub #footer .footer-link .sns-new a.ks { background-position: -100px 0;}
.sub #footer .footer-link .sns-new a.yt { background-position: -125px 0;}
.sub #footer .footer-link .sns-new a.bl { background-position: -150px 0;}
.sub #footer .footer-link .sns-new a.kc { background-position: -175px 0;}

.sub #footer .footer-link .sns-new a.rss:hover { background-position: 0 -25px;}
.sub #footer .footer-link .sns-new a.fb:hover { background-position: -25px -25px;}
.sub #footer .footer-link .sns-new a.tw:hover { background-position: -50px -25px;}
.sub #footer .footer-link .sns-new a.ins:hover { background-position: -75px -25px;}
.sub #footer .footer-link .sns-new a.ks:hover { background-position: -100px -25px;}
.sub #footer .footer-link .sns-new a.yt:hover { background-position: -125px -25px;}
.sub #footer .footer-link .sns-new a.bl:hover { background-position: -150px -25px;}
.sub #footer .footer-link .sns-new a.kc:hover { background-position: -175px -25px;}
*/


.sub #footer .footer-link .sns-new a.rss { background-position: 0 -25px;}
.sub #footer .footer-link .sns-new a.fb { background-position: -25px -25px;}
.sub #footer .footer-link .sns-new a.tw { background-position: -50px -25px;}
.sub #footer .footer-link .sns-new a.ins { background-position: -75px -25px;}
.sub #footer .footer-link .sns-new a.ks { background-position: -100px -25px;}
.sub #footer .footer-link .sns-new a.yt { background-position: -125px -25px;}
.sub #footer .footer-link .sns-new a.bl { background-position: -150px -25px;}
.sub #footer .footer-link .sns-new a.kc { background-position: -175px -25px;}

.sub #footer .footer-link .sns-new a.rss:hover { background-position: 0 0;}
.sub #footer .footer-link .sns-new a.fb:hover { background-position: -25px 0;}
.sub #footer .footer-link .sns-new a.tw:hover { background-position: -50px 0;}
.sub #footer .footer-link .sns-new a.ins:hover { background-position: -75px 0;}
.sub #footer .footer-link .sns-new a.ks:hover { background-position: -100px 0;}
.sub #footer .footer-link .sns-new a.yt:hover { background-position: -125px 0;}
.sub #footer .footer-link .sns-new a.bl:hover { background-position: -150px 0;}
.sub #footer .footer-link .sns-new a.kc:hover { background-position: -175px 0;}



/* 2019-12-03 mobile화면용 푸터 하단 SNS 추가 */
.mobile .sub #footer .footer-link .sns-new-2019 a {background: url(/res_newseoul_mobile/images/main/icon_set_sns.png) no-repeat 0  0;background-size: 150px 25px;}
.mobile .sub #footer .footer-link .sns-new-2019 a.fb { background-position: -0 0;}
.mobile .sub #footer .footer-link .sns-new-2019 a.tw { background-position: -25px 0;}
.mobile .sub #footer .footer-link .sns-new-2019 a.ins { background-position: -50px 0;}
.mobile .sub #footer .footer-link .sns-new-2019 a.ks { background-position: -75px 0;}
.mobile .sub #footer .footer-link .sns-new-2019 a.yt { background-position: -100px 0;}
.mobile .sub #footer .footer-link .sns-new-2019 a.bl { background-position: -125px 0;}

.sub #footer .row .inner { padding: 22px 0; border-top: 1px solid #ccc; }
.sub #footer .row .inner > span.foo-logo{ margin-right: 40px; float:left; width: 108px; height: 45px; background: url(../images/icon_set_common.png) no-repeat -180px 0;}
.sub #footer .row .inner .address { display: inline-block; vertical-align: top; }
.sub #footer .row .inner .address p { padding-bottom:2px; font-size:12px; color:#636363; }
.sub #footer .row .inner .address p:after{ display: block; content: ''; clear: both;}
.sub #footer .row .inner .address p.city { }
/*#footer .row .inner .address p .tel { font-size: 12px;}*/
.sub #footer .row .inner .address .copy {display:block; font-size: 11px;}
.sub #footer .row .inner .address .map {display:inline-block; font-size: 11px;}
/*.sub #footer .row .inner address { display:inline-block; font-size: 11px; color:#636363;}*/
.sub #footer .row .inner .mark { position: absolute; top: 20px; right: 0; padding: 0; background: none;}

/*아래 css 추가 2016-07-16 주미숙*/
.sub #footer .row .inner .mark a{display:inline-block;}
.sub #footer .row .inner .mark a + a { margin-left: 10px;}
.sub #footer .row .inner .address p a{font-size: 12px;}
.sub #footer .row .inner .address p, #footer .row .inner .address a{ color:#636363;}

/* 서울톡 추가 2020-01-31 */
.sub #footer .footer-chatbot {display: none} /* pc에서는 안 보이게  */
.ios.mobile #footer .footer-chatbot,
.android.mobile #footer .footer-chatbot {display: inline-block;margin-left: 4px;padding: 3px 5px 2px 22px;background: #fff url(/res_newseoul_mobile/images/main/icon_chatbot.png) no-repeat 3px 1px;border: 1px solid #c8c8c8;border-radius: 8px;color: #1e6cb3;background-size: 16px auto;font-weight: 600;}

table tbody tr:last-child th,
table tbody tr:last-child td { }

/*사이트맵*/
.sitemap h4.site-tit{padding-bottom: 10px;border-bottom: 2px solid #0176b8;font-size: 30px}
.sitemap ul:after{content:'';display: block;clear: both;}
.sitemap ul > li.depth01{margin-top:3.3em;}
.sitemap ul > li.depth01:first-child{margin-top:0}
.sitemap ul > li.depth01 > a{display: block;padding:10px 1.5em;background: #f2f9fd;box-sizing: border-box;font-weight: 700;font-size: 16px;border-top:1px solid #bfe1ff}
.sitemap ul > li.depth01 > ul {margin-left:24px;} /*0830*/
.sitemap ul > li.depth01 > ul > li.depth02{display: inline-block;width:24.5%;vertical-align: top;margin:1.5em 0;}
.sitemap ul > li.depth01 > ul > li.depth02 > a{padding:10px 0;font-size:16px;box-sizing: border-box} /*0830*/
.sitemap ul > li.depth01 > ul > li.depth02 > ul{margin-top:1.8em}
.sitemap ul > li.depth01 > ul > li.depth02 > ul > li.depth03{margin:.5em 0;} /*0830*/
.sitemap ul > li.depth01 > ul > li.depth02 > ul > li.depth03 a {color:#555;}

/*서울시보*/
.icon-search{padding-left:10px;background:url(../images/btn_search.png) no-repeat left center}
.sibo .visual{position: relative;min-height:343px;background: url(../images/bg_topmain.jpg) no-repeat right bottom;padding:40px 0 20px 35px;box-sizing: border-box;}
.sibo .visual .tit{font-size:34px;}
.sibo .visual .txt{font-size: 18px;line-height: 27px;padding:30px 0 0;}
.sibo .tt{margin-top:30px;line-height: 26px}
.sibo .tt strong{line-height: 26px}
.sibo .data{margin: 15px 0}
.sibo .data b{display:inline-block;font-weight: 700;width:auto;}
.sibo .data .datepicker{width: 120px}
.sibo .data select{width: 180px}
.sibo .data .keyword{width: 250px}
.sibo .data img{margin:0 4px;width:15px;height:14px;}
.sibo .data .btn {vertical-align:middle;}
.sibo .data_txt {margin:0 0 30px 0;}
.sibo .siteguard{box-sizing: border-box;border:1px solid #dddddd;padding:53px 60px}
.sibo .siteguard a.bg-sg{display: inline-block;width:247px;border:1px solid #767676}
.sibo .siteguard a.bg-sg span{height: 38px;line-height: 38px}
.sibo .siteguard a.bg-sg span em{color:#2c9c0c;font-weight: bold}
.sibo .siteguard .v3{padding-left:156px;background: url(../images/img_sguard.png) no-repeat left center;font-size:16px;}
.sibo .siteguard strong{color:#289909}
.sibo .siteguard strong.red{color:#b30b0b}
.board .board-top{margin:20px 0}
.board .board-top .page{float:right;color:#555;min-width: 300px}
.board .board-top .page strong{color:#555}
.board .board-top .page .btn{border:1px solid #767676}
.board .board-top .page .btn span{font-size: 14px}
.board .board-top .page select{width: 80px;margin:0 5px 0 15px}

/*이메일 무단 수집거부*/
.email .bg-email{width:595px;height: 494px;background: url(../images/bg_email.png) no-repeat 0 0;margin:90px auto}
.email .bg-email > div{padding:50px 0 0 170px;font-size: 18px;line-height: 30px}
.email .bg-email > div *{font-size: 18px;line-height: 30px}

/*뷰어프로그램 다운로드*/
.view .box{box-sizing: border-box;border:1px solid #dddddd;padding:1.75em 1.85em; background-color:#fff;}
.view .box >div{line-height: 1.5em;padding-left:5.8125em;background: url(../images/icon_viewer.png) no-repeat left center; text-align:left;}
.view-list{border:1px solid #767676;border-width: 1px 0 1px 0;margin-top:2.5em;}
.view-list li{border-top:1px solid #dddddd;padding:2em;box-sizing: border-box}
.view-list li:first-child{border-top:0}
.view-list li .app{margin-bottom: 1.57em}
.view-list li .app a{font-size: 1.125em}
.view-list li .app:after{content:'';display: block;clear: both;}
.view-list li .app img{vertical-align: middle;margin-right: 10px}
.view-list li .desc{line-height: 1.5em}
.view-list li .app .app-red {transform: translate(57px,-4px);color: red;font-weight: bold;position: absolute;}

/*서울시 회원가입*/
.seoul-join h2{margin-top:40px}
.seoul-join .info-box{margin:20px 0; padding:0;}
.seoul-join .info-box p{text-align: left; }
.seoul-join .info-box .tx-wrap{width:56%;margin:0 auto;text-align: left}
.seoul-join .info-box .tx-wrap span.label{display:inline-block;margin-right:20px;color: #555555;font-size: 16px}
.seoul-join .info-box .tx-wrap span.label + strong{font-size: 16px}
.seoul-join .info-box .tx-wrap span.label + .point,
.seoul-join .info-box .tx-wrap span.label + .point + em{font-size: 24px}
.seoul-join .basic{letter-spacing: -0.5px;word-break: keep-all; line-height:1.6;}
.seoul-join .guide-box{margin-top:20px;padding:20px}
.seoul-join .guide-box p{color: #555555}
.seoul-join .guide-box p strong{color:#222}
.seoul-join .guide-box p + p{margin-top:15px}
.seoul-join .guide-box .list-type{padding-top:10px; border-top:1px solid #aaaaaa;margin-top:20px}
.seoul-join .guide-box i.next{margin:0 3px}
.seoul-join .guide-box p{line-height: 1.5em}
.seoul-join .info-box + .list-type li{color: #555}
.seoul-join .info-box + .list-type{margin-bottom: 40px;}
.seoul-join .guide-box .list-num{margin-bottom:10px}
.seoul-join .guide-box .list-num li{margin-top:8px;color:#555}

/*서울시 회원가입 alert layer 2023-11-27 */
.alarm-layer {display: flex;flex-direction: column;align-items: center;justify-content: center;margin: 0 0 20px;padding: 20px;border: 1px solid #0c82e9;background: #ecf6ff}
.alarm-layer .alarm-cont {display: flex;flex-direction: column;justify-content: flex-start;align-items: flex-start;}
.alarm-layer .alarm-cont p {color: #222222;font-size: 16px;text-align: left;line-height: 1.3}
.alarm-layer .alarm-cont p + p {margin-top: 5px;}
.alarm-layer .alarm-cont p .blue {color: #0073d7;font-size: inherit}
.alarm-layer .alarm-cont p .black {color: #222;font-size: inherit}
.alarm-layer .alarm-cont p .under {position: relative;display: inline-block;font-size: inherit;border-bottom: 1px solid #0c82e9}
.alarm-layer .alarm-cont p .black.under {border-bottom: 1px solid #222}

.alarm-layer .alarm-btn-group {display: flex;justify-content: center;padding: 15px 0 0}
.alarm-layer .alarm-btn-group .alarm-btn-go {position: relative;display: block;max-width: 100%;padding: 14px 40px 14px 40px;background: #0c82e9;color: #fff;font-size: 16px;font-weight: 700}
.alarm-layer .alarm-btn-group .alarm-btn-go .ico-alarm {display: inline-block;width: 17px;height: 16px;margin-left: 3px;margin-bottom: 2px;background: url(../images/common/ico-blank-white.png) no-repeat 0 0;vertical-align: middle;}

@media (max-width: 480px) {
  /*서울시 회원가입 alert layer 2023-11-27 */
  .alarm-layer {padding: 15px;}
  .alarm-layer .alarm-cont {align-items: center;}
  .alarm-layer .alarm-cont p,
  .alarm-layer .alarm-btn-group .alarm-btn-go {word-break: keep-all;}
  .alarm-layer .alarm-cont p .under {margin-bottom: 3px;}
  .alarm-layer .alarm-btn-group .alarm-btn-go {padding: 14px 15px;} 
  .alarm-layer .alarm-btn-group .alarm-btn-go:after {margin-left: 3px}
}

@media (max-width: 400px) {
  .alarm-layer .alarm-btn-group .alarm-btn-go {width: 100%;align-items: flex-start}
}


/* login */
.login-wrap{max-width:540px;margin:0 auto;text-align: center}
.login-wrap h2{margin-bottom: 30px}
.login-wrap .message{margin-bottom:30px;color:#666666;line-height:1.7; font-size:16px}
.login-wrap .message2{margin-top: -10px;margin-bottom:20px;color:red;line-height:1.7; font-size:16px;word-break: keep-all}
.login-wrap .input-line p{position: relative;width: 100%; height:56px;margin-bottom:10px;box-sizing: border-box}
.login-wrap .input-line p label{position: absolute;display:inline-block;left:0;width:100%;height:100%;font-size:14px;line-height:56px;font-weight: 700;text-align: left; padding-left:20px;box-sizing: border-box;}
.login-wrap .input-line p label em{font-stretch:normal; font-weight:700; padding-right:10px;}
.login-wrap .input-line p label span{color:#767676; font-size:14px; font-weight:500;}
.login-wrap .input-line p input{float:right;width:100%;height: 56px;padding:0 20px;border:1px solid #000;font-size:14px;box-sizing: border-box;}
.login-wrap .input-line ul{margin:40px 0 60px}
.login-wrap .input-line ul li{display: inline-block}
.login-wrap .input-line ul li a{display: block;padding:0 40px;font-size: 14px;color:#555;position: relative;}
.login-wrap .input-line ul li a:before{content:'';display: inline-block;left:0;top:50%;margin-top:-5px;width:1px;height:10px;background: #ddd;position: absolute}
.login-wrap .input-line ul li:first-child a{padding-left:0;}
.login-wrap .input-line ul li:first-child a:before{display: none}
.login-wrap .input-line ul li:last-child a{padding-right:0}
.login-wrap .input-line button{padding:1.286em 0;background: #0c82e9;}
.login-wrap .input-line .btn-group{margin-top:20px}
.login-wrap .input-line span{font-size: 18px;color:#fff;font-weight: 700}

.keyboard-cert {padding:55px 0;background: #f4f6f7}
.keyboard-cert h3{margin-bottom:14px;font-size: 20px;font-weight: 700}
.keyboard-cert p{line-height:1.687em; color:#555}
.keyboard-cert ul.clfix{margin:20px 0 10px}
.keyboard-cert ul > li{float:left;width:270px;height:150px;margin-left:20px;line-height:26px;background: #fff;padding:1.429em 1.643em;box-sizing: border-box}
.keyboard-cert ul > li:first-child{margin-left:0;width:250px;text-align: center}
.keyboard-cert ul > li.last{padding: 0;width:132px;height: 140px;}
.keyboard-cert ul > li strong{display: block;font-size:16px;text-align: center;line-height:100%;font-weight: 700;margin-bottom:10px}
.keyboard-cert ul > li > ul{float:left}
.keyboard-cert ul > li.browser{width: 440px;}
.keyboard-cert ul > li > ul > li {float:none;padding:0;margin:0;width:auto;height: auto;color:#555}
.keyboard-cert ul > li > ul > li:first-child{width: auto}
.keyboard-cert ul > li > ul > li:last-child{width:auto;height: auto}
.keyboard-cert ul > li .btn-install{display:block;height:150px;line-height:150px;text-align:center;border:1px solid #0c82e9;color:#0c82e9;background:#fff;font-weight: 700}
.keyboard-cert ul > li .btn-installed{display:block;height:150px;line-height:150px;text-align:center;color:rgba(255,255,255,0.5);background:#aaaaaa;font-weight: 700}
.keyboard-cert .caution{clear:both; margin-top:10px; font-weight: 700}
.privacy-info .row{margin-top:50px;padding:40px 60px;border:1px solid #dddddd;box-sizing: border-box}
.privacy-info .row p.title{margin-bottom:10px; color:#222;padding-left: 27px;background:url(../images/icon_bul_notify.png) no-repeat left center;}
.privacy-info .row p.title strong{font-weight: 700;}
.privacy-info .row p{color:#767676;font-size: 14px;line-height: 24px}
.privacy-info .row ul.list li{float:none;margin:0;color:#767676;padding-left:10px;text-indent: -10px;margin-bottom: 10px}
.privacy-info .row ul{margin-top:15px;}
.privacy-info .row ul.auth li{float:left;margin-left: 0px;text-indent: -10px;margin-bottom:10px}
.privacy-info .row ul.auth li:last-child {margin-bottom: 0}
.privacy-info .row ul.auth li p{padding-left:15px;text-indent: -15px;}
.privacy-info .row ul.auth li p span{color:inherit; font-size:inherit;}
.privacy-info .row ul:not(.list-type) li{float:left;margin-left: 30px}
.privacy-info .row ul li:first-child{margin-left: 0}
.privacy-info .row ul.auth li{margin-left: 0 !important}
.privacy-info .row ul li a{color:#0c82e9;font-weight: 700}
.privacy-info .row ul li a.link{padding-right:10px;background: url(../images/icon_link3.png) no-repeat right center;border-bottom: 1px solid #0c82e9}

/* 로그인 수정 */
.privacy-info.privacy-info-login .row ul {margin-left: 24px;overflow: hidden;}

/* login new 2023-06-08 */
.new-login-wrap {margin-top: -80px;padding: 70px 0 0;}
.new-login-wrap * {box-sizing: border-box}
.new-login-wrap .login-wrap {max-width: 1152px;background: url(../images/member/bg-new-login.png) no-repeat 0 0;text-align: left;}
#container.full-size .new-login-wrap h2 {margin: 30px 0 10px;padding-left: 487px;color: #0d82eb;font-weight: 700;font-size: 36px;text-align: left;}
#container.full-size .new-login-wrap h2 span {font-size: inherit;font-weight: inherit;color: #222222;}
.new-login-wrap .login-wrap .message {margin: 0 0 0 487px;font-size: 18px;color: #333;}
.new-login-wrap .login-wrap .message.imp {display: inline-flex;align-items: center;margin: 10px 0 55px 487px;padding: 5px 15px;background-color: #eef6ff;font-size: 14px;font-weight: 700;border-radius: 20px}
.new-login-wrap .login-wrap .message.imp:before {content: '';width: 14px;height: 14px;margin-right: 5px;background: url(../images/member/ico-bul-noti-black.png) no-repeat 0 0;}
.new-login-wrap .login-wrap .message.imp span {margin-right: 5px;color: #ff0000;font-size: inherit;font-weight: inherit;}
.new-login-wrap .login-wrap .message.imp span + span {margin-left: 5px;margin-right: 0;}
.new-login-wrap .login-wrap .input-line, 
.new-login-wrap .login-wrap .input-line-onepass {margin: 0 auto;padding: 80px 0;}
.new-login-wrap .list-login-tab {display: flex;width: 100%;}
.new-login-wrap .list-login-tab li {position: relative;width: 50%}
.new-login-wrap .list-login-tab li a {position: relative;display: flex;align-items: center;justify-content: center;width: 100%;height: 70px;background-color: #f4f6f7;border: 1px solid #c3c3c3;border-bottom: 0;border-top-left-radius: 3rem;border-top-right-radius: 3rem;font-size: 18px;font-weight: 700;color: #7e7e7e}
.new-login-wrap .list-login-tab li a:after {content: '';position: absolute;bottom: 0;left:0;width: calc(100% + 2px);height: 2px;margin-left: -2px;background-color: #0d82eb}
.new-login-wrap .list-login-tab li a span {color: inherit;font-size: inherit;font-weight: inherit;}
.new-login-wrap .list-login-tab li a.on {background-color: #fff;border-color: #0d82eb;border-width: 2px;color: #0d82eb;font-weight: 700;}
.new-login-wrap .list-login-tab li a.on span {box-shadow: inset 0 -10px #e8f3fc}
.new-login-wrap .list-login-tab li a.on:after {bottom: -2px;background-color: #fff;}
.new-login-wrap .cont-login-tab {display: none;width: 100%;background: #fff;}

@media (hover:hover) {
	.new-login-wrap .list-login-tab li a:hover {background-color: #fff;border-color: #0d82eb;border-width: 2px;color: #0d82eb;font-weight: 700;}
	.new-login-wrap .list-login-tab li a:hover span {box-shadow: inset 0 -10px #e8f3fc}
	.new-login-wrap .list-login-tab li a:hover:after {bottom: -2px;background-color: #fff;}
}

/* tab cont common */
.new-login-wrap .login-wrap .input-line ul {margin: 25px 0 0}
.input-line-onepass {max-width: 870px}
.new-login-wrap p.noti {display: flex;flex-direction: column;align-items: center;}
.new-login-wrap p.noti span {display: flex;padding: 10px 15px;background-color: #f3f4ff;border-radius: 1.5rem;color: #222222;font-size: 16px;word-break: keep-all;}
.input-line-onepass p:before {content:'';width: 70px;height: 70px;margin-bottom: 20px;background-image: url(../images/member/ico-login.png);background-repeat: no-repeat;background-position: 0 0;}
.input-line-onepass button {max-width: 540px;width: 100%;height: 56px;line-height: 56px;margin: 30px auto 35px;display: flex;align-items: center;justify-content: center;color: #fff;font-size: 20px;font-weight: 700;}
.input-line-onepass button.btn-onepass {background: #1d2675 url(../images/member/bg-btn-onepass.png) no-repeat 50% 50%;}
.input-line-onepass button.btn-cert {background-color: #0d82eb;}
.input-line-onepass .box-type2 {margin: 0;padding: 1em 2em;background-color: #f7fafd;border: 1px solid #e3ecf6;text-align: left;}
.input-line-onepass .box-type2 ul li {color: #333;}
.input-line-onepass .box-type2 ul li:first-child {margin-bottom: 5px;}
.keyboard-cert-new {position: relative;}
.keyboard-cert-new .inner {padding: 30px 30px 30px 20px;box-sizing: border-box;background: #f4f6f7;}
.keyboard-cert-new h3 {display: flex;align-items: center;margin: 0 0 25px;font-size: 16px;font-weight: 700;color: #333;}
.keyboard-cert-new p {color: #333;line-height: 1.6;}
.keyboard-cert-new .kc-dl-wrap {display: flex;margin: 30px 0 10px;background-color: #fff;border: 1px solid #c8c8c8;}
.keyboard-cert-new .kc-dl-wrap dl {display: flex;flex-direction: column;width: 37%;}
.keyboard-cert-new .kc-dl-wrap dl dt {display: flex;justify-content: center;padding: 15px 0;background-color: #fff;border-bottom: 1px solid #c8c8c8;border-left: 1px solid #c8c8c8;color: #333;font-size: 14px;font-weight: 700;}
.keyboard-cert-new .kc-dl-wrap dl dd {display: flex;flex: 1 1 auto;align-items: center;justify-content: center;padding: 15px;border-left: 1px solid #c8c8c8;font-size: 14px;text-align: center;}
.keyboard-cert-new .kc-dl-wrap dl dd ul {display: flex;flex-wrap: wrap;}
.keyboard-cert-new .kc-dl-wrap dl dd ul li:nth-child(2n+1) {width: 60%;text-align: left;}
.keyboard-cert-new .kc-dl-wrap dl:first-child {width: 26%;}
.keyboard-cert-new .kc-dl-wrap dl:first-child dt,
.keyboard-cert-new .kc-dl-wrap dl:first-child dd {border-left: 0;}

.keyboard-cert-new ul.keyboard-info li {position: absolute;top: 50px;right: 30px;}
.keyboard-cert-new ul.keyboard-info li a {display: flex;align-items: center;justify-content: center;width: 285px;height: 70px;font-size: 14px;font-weight: 700;color: #0d82eb;border: 1px solid #0d82eb;background-color: #fff;}
.keyboard-cert-new ul.keyboard-info li a:before {content:'';width: 14px;height: 19px;margin-right: 10px;background: url(../images/member/ico-key.png) no-repeat 0 0}


/* tab1 */
.new-login-wrap .input-line {max-width: 540px;}
.new-login-wrap .input-line ul {display: flex;justify-content: space-between}
.new-login-wrap .input-line ul>li {display: flex;align-items: center;}
.new-login-wrap .cont-login-input .input-line ul li.line1 a {display: flex;align-items: center;justify-content: center;padding: 9px 20px 8px;background: #ebf6ff;border: 1px solid #d3e6f6;border-radius: 3px;color: #222;font-weight: 700;}
.new-login-wrap .cont-login-input .input-line ul li.line1 a:before {display: block;position: relative;content:'';left: auto;top: auto;width: 15px;height: 15px;margin: 0 5px;background: url(../images/member/ico-join.png) no-repeat 0 0}
.new-login-wrap .cont-login-input .input-line ul li.line2 a {color: #222}
.new-login-wrap .cont-login-input .input-line ul li.line2 a:before {display: none;}
.new-login-wrap .input-line p label {width: calc(100% - 25px);left: 25px;padding-left: 0;}
.new-login-wrap .input-line p input {padding-left: 25px;border: 1px solid #555;color: #222222;}
.new-login-wrap .input-line p input::placeholder {color: #000;font-weight: 700;}

/* tab2 */
.layer-onepass {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0, .5);z-index: 100;display: flex;align-items: center;justify-content: center;}
.layer-onepass * {box-sizing: border-box;}
.layer-onepass-cont {position: relative;max-height: 100%;overflow-y: auto;width: calc(100% - 8px);max-width: 800px;padding: 60px 70px 50px;border: 4px solid #0d82eb;background: #fff;}
.layer-onepass-cont .btn-onepass-close {position: absolute;top: 15px;right: 20px;width: 40px;height: 40px;background: url(../images/btn_close.png) no-repeat 50% 50%;}
.layer-onepass-cont p {font-size: 20px;color: #333;line-height: 1.6;word-break: keep-all;}
.layer-onepass-cont p.line1 {display: flex;flex-direction: column;justify-content:center;align-items: center;}
.layer-onepass-cont p.line1:before {content: '';width: 140px;height: 95px;margin-bottom: 30px;background: url(../images/member/ico-login.png) no-repeat -140px 0;}
.layer-onepass-cont p.line2 {margin-top: 20px;color: #222;font-weight: 700;font-size: 24px;}
.layer-onepass-cont p.line2 span {color: #0d82eb;font-size: inherit;font-weight: inherit;}
.layer-onepass-cont .btn-group {display: flex;justify-content: space-between;margin-top: 45px;}
.layer-onepass-cont .btn-group .btn {width: calc(50% - 10px);height: 65px;line-height: 65px;font-size: 20px;font-weight: 700}
.layer-onepass-cont .btn-group .btn.btn-ok {background-color: #0d82eb;border: 1px solid #0d82eb;color: #fff}
.layer-onepass-cont .btn-group .btn.btn-no {background-color: #efefef;border: 1px solid #d8d8d8;color: #555}

/* tab3 */
.new-login-wrap .cert-type-2022 ul {padding-top: 28px;}
.new-login-wrap .cert-type-2022 ul li {position: relative;}
.new-login-wrap .cert-type-2022 ul li p strong {position: relative;margin-bottom: 22px;background: none !important;}
.new-login-wrap .cert-type-2022 ul li p strong:after {content: '';position: absolute;bottom: 0;left: 50%;width: 90px;height: 80px;margin-left: -45px;background: url(../images/member/ico-member.png) no-repeat 0 0}
.new-login-wrap .cert-type-2022 ul li.ipin p strong:after {background-position: 0 0}
.new-login-wrap .cert-type-2022 ul li.cellphone p strong:after {background-position: -90px 0}
.new-login-wrap .cert-type-2022 ul li.certi p strong:after {background-position: -180px 0}

.new-login-wrap .cert-type-2022 ul li p.txt {min-height: 32px;}
.new-login-wrap .cert-type-2022 ul li.certi p.txt {letter-spacing: -0.075em;}
.new-login-wrap .cert-type-2022 ul li.certi p.txt br {display: none;}
.new-login-wrap .cert-type-2022 ul li .desc {color: #333}
.new-login-wrap .cert-type-2022 ul li .button {margin: 0 50px 20px;}
.new-login-wrap .cert-type-2022 ul li .button button {background: #0d82eb;color: #fff}
.new-login-wrap .cert-type-2022 ul li .button button span {color: inherit;font-size: inherit;}
.new-login-wrap .cert-type-2022 ul li p.tel {display: inline-block;padding: 2px 10px;background-color: #eef6ff;border-radius: 10px;}

/* 2023-05-15 원패스 추가 */
.guide-box.guide-box-onepass p:nth-of-type(1) {margin-top: 0}
.guide-box-onepass p,
.reagreement-wrap .guide-box-onepass p {font-size: 16px;margin: 10px 0 15px;}
.guide-box-onepass a {font-size: 16px;color: #0c82e9}
.guide-box-onepass .title {position:relative;padding-left:30px;line-height:1.6;font-size: 16px;}
.guide-box-onepass .title:before {content:'';position:absolute;left:0;width:20px;height:20px;margin-top:2px;background:url(../images/icon_bul_notify.png) no-repeat left top;vertical-align:top;}

h4.tit-onepass { margin-top: 40px; position: relative; padding-left: 20px; font-size: 22px; }
h4.tit-onepass:before { content: ''; position: absolute; top: 9px; left: 4px; width: 6px; height: 6px; background: #0c82e9; }
.dl-table-onepass {display: flex;flex-direction: column;border-top: 1px solid #767676;}
.dl-table-onepass dt,
.dl-table-onepass dd {width: 100%;padding: 19px 10px;font-size: 16px;font-weight: 400;text-align: center;}
.dl-table-onepass dt {background-color: #f4f6f7}
.dl-table-onepass dd {border-top: 1px solid #ddd;border-bottom: 1px solid #767676;}





/*홈페이지 바로잡기*/
#container.correct{background: #ebebeb}
#container.correct .inner{background: #fff;box-shadow: 2px 2px 2px 2px rgba(206,206,206,0.5)}
.correct-wrap .bottom{position: relative;padding:54px 50px}
.correct-wrap .bottom:after{content:'';display: block;clear: both;}
.correct-wrap .cor-btn-group{float:left}
.correct-wrap .cor-btn-group a{display: inline-block;width:168px;height:168px;text-align: center;background: #5096cd;border-radius: 50%}
.correct-wrap .cor-btn-group a span{display: inline-block;font-size: 18px;font-weight: 700;color:#fff;background: url(../images/img_corrent01.png) no-repeat center top;padding-top:58px;margin-top:45px}
.correct-wrap .cor-btn-group a.check{background: #7792a7;margin-left:12px;}
.correct-wrap .cor-btn-group a.check span{background: url(../images/img_correct2.png) no-repeat center top}
.correct-wrap .cor-btn-group a.complain {background: #3c719b;margin-left:12px;}
.correct-wrap .cor-btn-group a.complain span{background: url(../images/img_correct3.png) no-repeat center top}
.correct-wrap .desc{float:right}
.correct-wrap .desc p{font-size: 16px}
.correct-wrap .desc p strong{color:#257bee;}
.correct-wrap .desc .process p{color:#555;}
.correct-wrap .desc .process p strong{color:#222;font-size: 16px;display: block;margin:10px 0}
.correct-wrap .desc .process .pr-list:after{content:'';display: block;clear:both}
.correct-wrap .desc .process .pr-list li{float:left;padding:8px 19px;border:1px solid #c8c8c8;border-radius: 3px;color:#555;position: relative;margin-right:24px}
.correct-wrap .desc .process .pr-list li:after{content: '\2192';display: inline-block;position: absolute;right: -20px;color:#555}
.correct-wrap .desc .process .pr-list li:last-child{margin-right:0}
.correct-wrap .desc .process .pr-list li:last-child:after{display: none;}
.correct-wrap .desc .process{padding-top: 20px;border-top:1px solid #dddddd;margin:15px 0}

/* 홈페이지 바로잡기 메인 수정 2019-04-04 */
.correct-wrap .bottom-201904 {padding: 54px 270px;}
.correct-wrap .bottom-201904 .cor-btn-group {float: none;text-align: center;}
.correct-wrap .bottom-201904 .cor-btn-group a {vertical-align: middle}
.correct-wrap .bottom-201904 .cor-btn-group a.check,
.correct-wrap .bottom-201904 .cor-btn-group a.complain {margin-left:15px;}
.correct-wrap .bottom-201904 .cor-btn-group a.complain span {padding-top: 50px;}
.correct-wrap .bottom-201904 .desc {float: none;margin-top: 50px;}

.correct-wrap dl.table-row dd.url > div{position: relative;width: 100%;padding-right:94px;box-sizing: border-box}
.correct-wrap dl.table-row dd.url > div .btn.tiny{position: absolute;top:0;right:0;border:1px solid #767676}
.correct-wrap dl.table-row dd.url > div .btn.tiny span{font-size: 14px}
.correct-wrap dl.table-row dt{width:21.5%}
.correct-wrap dl.table-row dd{width:78.5%}
.correct-wrap .email-wrap #em1{width:200px}
.correct-wrap .email-wrap #em2{width:270px}
.correct-wrap .email-compnay{width: 240px;vertical-align:top;}
.correct-wrap .rule-box{margin-top:40px}
.correct-wrap textarea{width:100%;padding:10px;box-sizing:border-box;border:1px solid #ddd;height:130px;resize:none}
.correct-wrap .fake-file-wrap{position: relative;padding-right: 94px;box-sizing: border-box}
.correct-wrap .fake-file-wrap + .point{margin-top:10px}
.correct-wrap .fake-file-wrap .btn{position: absolute;right:0;top:0;border:1px solid #767676; line-height: 1.1;}
.correct-wrap .fake-file-wrap input[type='file']{position: absolute;right:0;top:0;opacity: 0;width:82px;height: 40px;}
.correct-wrap span#filename{width:100%;height:40px;border:1px solid #ddd;display: block;box-sizing: border-box;line-height: 40px}
.correct-wrap .complain-check {display: inline-block; padding: 10px 20px; margin-top: 20px; width:100%; font-size:18px;text-align: center; background: #777; color: #fff; font-weight: bold; box-sizing: border-box;}
.correct-wrap .answer {margin-top: 50px;}

.correct-wrap .picker .input{width: 30%}
.correct-wrap .picker span:last-child{float: right; line-height: 38px; }
.correct-wrap .correct-list {margin-top: 30px;}
/*.correct-wrap .correct-list tbody tr td{word-break: break-all}*/
.correct-wrap .correct-list tbody tr td:nth-child(2){text-align: left; font-weight: 500;}
.correct-wrap .correct-list tbody tr td:nth-child(2) a{ width: 95%; display: block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.correct-wrap .correct-list tbody tr td:last-child{font-weight: 600; word-break: break-all}
.correct-wrap .correct-list .wait {color: #ff531e}
.correct-wrap .correct-list .work {color: #0c82e9}
.correct-wrap .correct-list .transfer ,.correct-wrap .correct-list .transfer a {color: #898989}
.correct-wrap .correct-list .compelete {color: #545454}
.correct-wrap .table-row .search-wrap select {width: 18%;}
.correct-wrap .table-row .search-wrap input {width: 60%;}
.correct-wrap .table-row .search-wrap button.search {width: 20%; height: 40px; float:right}
.correct-wrap .search{ position: relative; width: 100%; border: 1px solid #333;}
.correct-wrap .search:before {content:''; display:inline-block; width:12px; height:12px; margin:-1px 5px 0 0; background:url(../images/btn_search2.png) 0 0 no-repeat; vertical-align:middle;background-size:12px;height:12px;}

.phone input.num, .phone select.num{width: 88px}
.phone input.email{width:202px}
.phone select.email-compnay{width:266px}
.table-col {position:relative;}
.table-col:before {content:''; position:absolute; top:0; left:0; width:1px; height:100%; background:#fff;}
/*.table-col thead th {background:#f4f6f7;vertical-align: middle}*/
.table-col th, .table-col td {border-left:1px solid #ddd !important; text-align:center;}
.table-col tr:last-child td {border-bottom:0;}
.correct-wrap div.dl-table { display: table; width: 100%;}
.correct-wrap dl.table-row { position: relative; display: table-row;}
.correct-wrap dl.table-row:after { content: ''; display: block; clear: both;}
.correct-wrap dl.table-row.first dt,
.correct-wrap dl.table-row.first dd { border-top: 1px solid #767676;}
.correct-wrap dl.table-row dt { display: table-cell; width: 25%; vertical-align: middle; background: #f4f6f7; padding: 25px 20px; /*font-size: 16px;*/ box-sizing: border-box; border-bottom: 1px solid #ddd;}
.correct-wrap dl.table-row dt label,
.correct-wrap dl.table-row dt b { /*font-size: 16px;*/ display: inline-block; width: 100%;}
.correct-wrap dl.table-row dd { display: table-cell; width: 75%; padding: 10px 20px; box-sizing: border-box; border-bottom: 1px solid #ddd; vertical-align: middle; line-height:1.6;}
.correct-wrap dl.table-row dd.wd80 { padding: 25px 20px;}
.correct-wrap dl.table-row dd.pd { padding: 25px 20px;}
.correct-wrap dl.table-row.last dt,
.correct-wrap dl.table-row.last dd { border-bottom: 1px solid #767676;}
.correct-wrap dl.table-row.only dt,
.correct-wrap dl.table-row.only dd {  border-top: 1px solid #767676; border-bottom: 1px solid #767676;}
.correct-wrap .correct-dl dl.table-row.first dt, .correct-wrap .correct-dl dl.table-row.first dd {  border-top: 1px solid #ddd;}
.correct-wrap .correct-dl dl.table-row.last dt, .correct-wrap .correct-dl dl.table-row.last dd {  border-bottom: 1px solid #ddd;}

/* rule */
.rule-index{background: #f4f6f7;padding:36px 40px;margin-bottom: 35px}
.rule-index:after{content: '';display: block;clear: both;}
.rule-index ul{float: left;width:50%}
.rule-index ul li{font-weight:500;margin-top:15px}
.rule-index ul li:first-child{margin-top:0}
.rule-index ul li span{color:#555;;font-size:16px;}
.rule-index ul li a{color:#555;font-size:16px;}
.rule-index ul li a:focus,.rule-index ul li a:hover,
.rule-index ul li a:focus span,.rule-index ul li a:hover span{color:#0c82e9;font-weight: 700}
.rule-box{border:1px solid #dddddd;margin-bottom: 40px}
.rule-box .rule-head{background: #f4f6f7;padding:20px 30px}
.rule-box .rule-head label span{color: #222}
.rule-box .rule-cont {overflow-y: scroll;padding:30px;min-height:168px;max-height: 168px}
.rule-box .rule-cont h4:first-child{margin-top:0}
.rule-box .rule-cont h4{font-size: 16px;font-weight: 400;color:#767676}
.rule-box .rule-cont h5{font-size: 16px;font-weight: 400;color:#767676;margin:25px 0 5px}
.rule-box .rule-cont article.rule p{color:#767676}
.rule-box .rule-cont article.rules{margin:0 20px;}
.rule-box .rule-cont article.rule ul{padding:46px;color:#767676}
.rule-box .rule-cont article.rule ol li{color:#767676}
.rule-box .rule-cont div h5 {margin-top:16px;}
.rule-box .rule-cont div{color:#767676; line-height:1.6;}
.rule-box input[type='checkbox'] + label span{font-size:15px}
.rule-text{text-indent: -15px; padding-left:15px; margin-bottom:10px}/*2021-11-03 add*/

.check-all input[type='checkbox'] + label span{font-size:15px;color:#222;font-weight: bold}
article.rule{margin-bottom: 58px}
article.rule h4{font-size: 20px;margin-top:50px}
article.rule h5{font-size:15px;margin:40px 0 10px}
article.rule p{color: #555;line-height: 23px}
article.rule li{line-height:1.6;color:#555;word-break: keep-all}
article.rule ol > li{padding-left:20px;text-indent: -20px}
article.rule ol > li > ol > li{padding-left:0px;text-indent: 0}

/* join */
.relative-site{margin-top:20px}
.relative-site ul{margin-right:-8px}
.relative-site ul li{float:left;margin:0 8px 8px 0;}
.relative-site ul li a{display: block;background:#f4f6f7;width:145px;height:60px;line-height:60px;text-align: center}
.relative-site ul li a span{display: inline-block;vertical-align: middle;color:#555;font-size:15px;line-height:1.3em;}
/* 회원가입 사이트 신규 추가 2023-08-14 */
.relative-site-new {margin-top: 20px}
.relative-site-new ul {display: flex;flex-wrap: wrap;margin-right:-8px}
.relative-site-new ul li {display: flex;width: 145px;margin: 0 8px 8px 0}
.relative-site-new ul li a {display: flex;align-items: center;justify-content: center;padding: 5px 0;background: #f4f6f7;width: 100%;min-height: 50px;text-align: center;}
.relative-site-new ul li a span {font-size: 14px;word-break: keep-all;}
@media (max-width: 1152px) {
  .relative-site-new ul li {width: calc(33.3333% - 8px)}
}
@media (max-width: 540px) {
  .relative-site-new ul li {width: calc(50% - 8px)}
}
@media (min-width: 1153px) {
  .relative-site-new ul li a span {font-size: 15px}
}

.join-type{border-top:1px solid #222222;border-bottom:1px solid #292929;padding:40px 0;text-align: center;margin-bottom: 20px}
.join-type ul li{float:left;width:25%;box-sizing: border-box;border-left:1px dashed #dddddd;}
.join-type ul li:first-child{border:0}
.join-type ul li .tit01 strong{font-size: 20px;font-weight: 700}
.join-type ul li .tit02{margin-top:15px;font-size:14px;color: #767676}
.join-type ul li .text {word-break: keep-all;} /* 2023-03-22 */
.join-type i{display: block;width:60px;height:65px;margin:35px auto}
.join-type i.type01{background: url("../images/icon_join_type01.png") no-repeat 0 0}
.join-type i.type02{background: url("../images/icon_join_type02.png") no-repeat 0 0}
.join-type i.type03{margin-top:64px;background: url("../images/icon_join_type03.png") no-repeat 0 0}
.join-type i.type04{margin-top:64px;background: url("../images/icon_join_type04.png") no-repeat 0 0}
.type-info{position:relative;padding:40px 0;background: #f3f9fe;min-height: 90px;display: table;width:100%;box-sizing: border-box}
.type-info.bottom{margin-top:40px}
.type-info.bottom div.cert-type{margin-top:47px}
.type-info.bottom ul.basic-list{margin-top:20px;display: block}
.type-info.child,.type-info.company,.type-info.bottom{display: block;}
.type-info.company > div.type-name{background: url(../images/icon_member_type02.png) no-repeat 96px 0;/* top:50%;margin-top:-45px */}
.type-info.child > div.type-name{background: url(../images/icon_member_type03.png) no-repeat 96px 0}
.type-info > ul > li strong.phone{display:inline-block;margin-left:14px;color:#222;position: relative;}
.type-info > ul > li strong.phone:before{content:'';position: absolute;left:-10px;top:5px;background: #dddddd;width:1px;height:12px}
.type-info div {position:relative;}
.type-info div.type-name{position:absolute;left:0;top:50%;width:246px;font-weight: 700;font-size: 16px;text-align: center;padding-top:70px;background-repeat:no-repeat;background-image: url("../images/icon_member_type01.png");background-position:center top;transform:translateY(-50%);}
.type-info > div.cert-type{position: static;max-width: 836px;margin:30px auto 0}
.type-info > div.cert-type ul{padding-left:0}
.type-info > div.cert-type ul li{margin-bottom: 0}
.type-info ul{padding-left:236px;min-height:65px; background-repeat: no-repeat}
.type-info ul li{margin-bottom:8px;line-height:21px;font-size: 14px;color:#555555}
.type-info ul li p a{font-size: 14px}
.type-info ul.basic-list li p a{border-bottom:1px solid #222}
.type-info ul > li > p a.link:first-child{margin-right:30px}
.type-info ul > li > p a.link{border-bottom:1px solid #222}
.type-info ul.basic-list{padding-right:57px;vertical-align: middle;display: table-cell}
.type-info ul.basic-list li .point{font-size: 14px}
.type-info ul.basic-list.indent20 li{margin-left:15px} /*2021-01-07*/
.type-info ul.basic-list.indent20 li.last{margin-left:0}
.cert-type{position:relative;margin-top:40px;background: #fff;border-top:1px solid #767676;border-bottom: 1px solid #767676}
.cert-type .complete{padding:60px 0;text-align: center}
.cert-type .complete p{font-size: 20px;padding-top:115px;background: url("../images/bg_cert_complete.png") no-repeat top center;line-height: 1.8;}
.cert-type .complete p.last{margin-top:5px;padding-top:0px;background: none}
.cert-type .complete p.last small{color:#767676;font-size: 15px}
.cert-type ul{padding-top:48px;background: #fff}
.cert-type ul li{float:left;position:relative;width:50%;padding-bottom: 115px}
.cert-type ul li .desc{position: absolute;background:#f4f6f7;color:#555;width: 100%;padding:16px 0;left:0;bottom:0;font-size:14px;text-align: center;line-height:21px}
.cert-type ul li p strong{font-size: 20px;display: inline-block;padding-bottom: 113px;margin-bottom: 32px}
.cert-type ul li.ipin p strong{background: url("../images/bg_ipin.png") no-repeat center bottom}
.cert-type ul li.ipin p > a.link{border-bottom: 1px solid #222;font-size: 14px}
.cert-type ul li.ipin p > a.link:first-child{margin-right:10px}
.cert-type ul li.cellphone p strong{background: url("../images/bg_cellphone.png") no-repeat center bottom}
.cert-type ul li .button{margin-bottom: 20px}
.cert-type ul li .button+p{font-size: 14px;margin-bottom: 10px}
.cert-type ul li p.tel{font-weight: 700;font-size: 14px}
.cert-type ul li > div{width: 100%;text-align: center}
.cert-type ul li > div:first-child{border-right:1px dashed #ddd}
.cert-type ul li.cellphone > div:first-child{border:0}

/* 2022-01-24 공동인증서 추가 */
.cert-type-2022 * {word-break: keep-all;word-wrap: break-word;-webkit-box-sizing: border-box;box-sizing: border-box; }
.cert-type-2022 ul li {width: 33.3333%}

.cert-type-2022 ul li.certi p strong{background: url("../images/bg_cellphone.png") no-repeat center bottom}


@media (min-width: 1152px) {
.cert-type-2022 ul li>div {min-height: 290px}
.cert-type-2022 ul li>div.desc {min-height: 95px}
}


/* 2021-12-02 add */
.info-new h4.tit-agree { margin-top: 40px; position: relative; padding-left: 20px; font-size: 20px; }
.info-new h4.tit-agree:before { content: ''; position: absolute; top: 9px; left: 4px; width: 6px; height: 6px; background: #0c82e9; }
.info-new h4.tit-agree + .find-wrap { margin-top: 0 }

.table-title {position: relative;padding-bottom: 7px;}
.table-title span{position:absolute;right:0;top:7px;font-size: 14px;color:#767676}
.table-title span::before{content: '*';display: inline-block;color:#0c82e9;margin-right:6px}

.join-form input[type="password"],.join-form input[type="text"],.join-form select{width: 497px;color:#555;font-family: 'Nanum Gothic';font-size:14px;}
.join-form select#regidence{width:320px}
.join-form input.num, .join-form select.num{width: 88px}
.join-form span.num{padding:12px 5px; width:auto; color: #555;}
.join-form dd.phone .dash.type1 {width:6px; margin-left:-4px;}
.join-form input.email{width:202px}
.join-form select.email-compnay{width:266px}
.join-form td p{color:#767676;font-size: 14px;line-height: 22px}
.join-process{margin-bottom: 40px;}
.join-process ul{border:1px solid #ddd}
.join-process ul li{float:left;background: #f4f6f7;width:25%;font-size:16px;padding:20px 18px 18px;box-sizing: border-box;border-left:1px solid #dddddd;color:#555}
.join-process ul li:first-child{border-left:0}
.join-process ul li.active{background: #0c82e9;color:#fff;position: relative;font-weight: 700}
.join-process ul li em{font-size: 16px;color:#555}
.join-process ul li.active em{color:#fff;font-size: 16px;font-weight: 700}
.join-process ul li.active:after{content:''; position:absolute;left:50%;bottom:-1px;margin-left:-11px;border-left: 11px solid transparent;border-right: 11px solid transparent;border-top: 11px solid transparent;border-bottom:11px solid #fff}
.join-info{padding:30px 40px;background: #f4f6f7;margin-bottom: 40px}
.join-info li{font-size: 14px;color:#555;margin-top: 10px}
.join-info li:first-child{margin-top:0}
/* 통합회원 전환 회원가입 2023-08-24 */
.join-process-step3 ul li {width: 33.33333%}
/* 문자알림 서비스 2024-07-02 */
.join-process-step2 ul li {width: 50%;text-align: center;}

/* 2019-07-24 회원가입시 이메일 인증번호 추가 */
.join-form .member-email-wrap input.email {width: 160px}
.join-form .member-email-wrap input#name09 {width: 170px;display: inline-block !important;}
.join-form .member-email-wrap input#name09:read-only {background: #f8f8f8}
.join-form .member-email-wrap select.email-compnay {width: 170px;}
.join-form .member-email-wrap button.btn-id-auth {width: 110px;}
.join-form .member-email-wrap p.caution {margin: 10px 0 5px;}

.join-form input:disabled,
.join-form select:disabled {background-color: #f8f8f8}




.user-id{margin-bottom: 30px}
.user-info .radio-set01{display: inline-block;margin-left:40px}
.user-info .radio-set01 label{margin-right:15px}
.user-info .radio-set02 label{margin-right:15px}
.user-info .radio-set02{display: inline-block;margin-left:63px}
.user-info dd input.disabled{height: auto;font-family: 'Nanum Gothic';line-height: 100%;border:0;/* font-size: 16px; */color:#555}
.user-info dd p{color:#767676;line-height: 1.5em}
p.p-info01{margin:10px 0 0}
p.p-info02{margin:0 0 5px}
.additional dd p label{ display:inline-block; /*width:32%;*/ margin-bottom:13px; }
.additional dd p .custom-input label{width:auto;}
.additional dd p.last label{margin-bottom: 0px}
.additional > ul li{color:#767676;line-height: 24px}
.additional > ul li:last-child span{font-weight: 700}
.additional > ul{margin-bottom: 20px}
.additional .btn{margin-left:35px;font-family: 'Nanum Gothic';font-size: 14px}
.box{background: #f3f9fe;text-align: center;padding:30px 40px;margin-bottom:40px;border-top:1px solid #767676;border-bottom:1px solid #767676}
.box > span{display: inline-block;margin-bottom: 10px}
.box > span.mb0{margin-left:100px}
.box .title{display: inline-block;width:auto;color:#555;vertical-align: middle;font-size: 16px;text-align: right}
.box .value{display: inline-block;width:auto;height:auto;margin-left:30px;line-height:100%;border:0;padding:0;font-size:24px;color:#222;vertical-align: middle;font-weight: 400;font-family: 'Nanum Gothic'}
dl.table-row .caution{font-size: 13px;margin-top:2px}
fieldset.company input[type="text"]{width: 497px;font-size: 16px;color:#555;font-family: 'Nanum Gothic'}
fieldset.company{margin-top:40px}
dl.table-row dd.cnum input[type="text"]{width: 144px;}
dl.table-row.none dt,dl.table-row.none dd{border-bottom: 0}
dl.table-row.single dt{width:178px;border-top:1px solid #767676;border-bottom:1px solid #767676}
dl.table-row.single dd{border-top:1px solid #767676;border-bottom:1px solid #767676}
.table-col {position:relative;}
.table-col:before {content:''; position:absolute; top:0; left:0; width:1px; height:100%; background:#fff;}
.table-col thead th {background:#f4f6f7;vertical-align: middle}
.table-col th, .table-col td {border-left:1px solid #ddd; text-align:center;}
.table-col tr:last-child td {border-bottom:0;}
.table-col td.td-left {text-align: left}
.info-box { border-top: 1px solid #676767; border-bottom: 1px solid #676767; background: #f3f9fe; padding: 48px 0; }
.info-box p{font-size: 24px;text-align: center}
.inp-btn{position: relative;width: 100%;}
.inp-btn input{width: 229px}
.inp-btn .btn{border:1px solid #767676}
.inp-btn .btn span{min-width: 52px;font-size: 14px}
.recheck-id .info-box{margin:20px 0}
.recheck-id .btn-group{margin-bottom:40px}
.recheck-id .text{color:#555555}
.layer-popup.layer .layer-body h2{font-size: 18px}
.realname-check p.text{color:#555;margin-top:20px;font-size:16px}
.realname-check p.text2{color:#555;font-size: 14px}
.realname-check p.text2 i.next{display: inline-block;width:5px;height:9px;background: url(../images/icon_link2.png) no-repeat 0 0;margin:0 6px}
.realname-check .info-box{margin:40px 0 20px}
.realname-check .info-box p{font-size: 16px;color:#555}
.realname-check .info-box p strong{color:#222}
.realname-check .info-box p strone em{font-size: 18px}
/* id,pw find */
.guide-box {position:relative; margin-bottom:40px; padding:30px 40px; background:#f4f6f7; font-size:14px;}
.guide-box * {font-size:14px}
.guide-box p + p {margin-top:5px}
/* 아이디/비빌번호 찾기 2023-06-08 */
.guide-box-new * {color: #222;font-size: 16px;}
.guide-box-new p.title {margin: 5px 0 10px;padding-left: 20px;background: url(../images/member/ico-bul-noti-black.png) no-repeat 0 3px;}
.guide-box-new p.title + ul {margin-left: 15px;}
.guide-box-new p.title + ul li {margin: 3px 0;padding-left: 15px;}
.guide-box-new ul li {margin: 5px 0 7px}
.guide-box-new ul li:first-child {margin-top: 0}
.guide-box-new ul li:last-child {margin-bottom: 0;}
.big li {font-size: 16px;color: #222;}
.list-type.big li:before {top: 12px}

/* 아이디/비번 찾기 사업자등록번호 수정 2024-03-22 */
dl.table-row dd.cnum > div {display: flex;flex-wrap: wrap;align-items: center;}
dl.table-row dd.cnum > div > input[type="text"]:nth-of-type(1),
dl.table-row dd.cnum > div > input[type="text"]#comnum {width: calc(35% - 27px) !important}
dl.table-row dd.cnum > div > input[type="text"]:nth-of-type(2) {width: calc(25% - 27px) !important}
dl.table-row dd.cnum > div > input[type="text"]:nth-of-type(3) {width: 40%}
dl.table-row dd.cnum > div > span.dash {margin-right: 0;}

.txt-bar {position:relative; margin-left:10px; padding-left:10px;}
.txt-bar:before {content:''; position:absolute; top:2px; left:0; width:1px; height:12px; background:#ddd;}
[class^="letter"] {font-style:normal; font-weight:inherit;}
.dark {color:#222 !important}
.basic {color:#555 !important}
.light {color:#767676 !important}
.mgT5 {margin-top:5px;}
.mgT10 {margin-top:10px;}
.mgT15 {margin-top:15px}
.mgT20 {margin-top:20px}
.mgT30 {margin-top:30px}
.mgT40 {margin-top:40px}
.mgL10 {margin-left:10px;}
.mgL20 {margin-left: 20px;}

.find-wrap {margin-top:40px; border-top:1px solid #767676; border-bottom:1px solid #767676;}
.find-wrap:after {display:block; content:''; clear:both}
.find-wrap .fl, .find-wrap .fr {float:left;}
.find-wrap h4 {padding:30px 0 0 30px;font-size:20px}
.find-wrap .cert-type.cert-type-new { width: 100%; }/* 2021-12-02 add */
.find-wrap h4.tit-agree {position:relative;padding-left: 20px;font-size:20px;padding-top:0;margin-top: 40px;} /* 2021-12-02 add */
.find-wrap h4.tit-agree:before {content:'';position:absolute;top:9px;left:4px;width:6px;height:6px;background:#0c82e9;} /* 2021-12-02 add */
.find-wrap .cert-type {width:64%; margin-top:0; border-top:0; border-bottom:0;}
.find-wrap .cert-type ul li {padding-bottom:0;}
.find-wrap .cert-type + .input-wrap {width:36%;}
.find-wrap .input-wrap {width:50%; box-sizing:border-box;}
.find-wrap .input-wrap.fr {border-left:1px solid #767676;}
.find-wrap dl {padding:40px 30px 4px;}
.find-wrap dt {margin:16px 0 8px; font-size:18px; /*font-weight:bold;*/}
.find-wrap dt:first-child {margin-top:0;}
.find-wrap dt label {/*font-weight:bold;*/ font-size:18px;}
.find-wrap .input-wrap .radio-set {margin-top:8px;}
.find-wrap .input-wrap .radio-set label {margin-right:15px}
.find-wrap .cert-type dl + ul.clfix {padding-top:22px;}
.find-wrap .cert-type ul li p strong {font-size:18px;font-weight: 400}
.find-wrap .cert-type ul li p.tel {margin-top:10px;}
.find-wrap .input-wrap .birth .inp.num {/*width:calc((100% - 90px) / 3)*/width:23%}
.find-wrap .input-wrap .num-corp .inp.num {width:calc((100% - 58px) / 3)}
.find-wrap .input-wrap .num-corp2 .inp.num {width:calc((100% - 29px) / 2)}
.find-wrap .input-wrap p {margin-top:8px;}
.find-wrap .cert-type ul li .button, .find-wrap .input-wrap .btn-group {margin:30px 0 20px; text-align:center;}
.find-wrap .desc, .find-wrap .cert-type ul li .desc {position:relative; height:95px; padding:16px 25px; background:#f4f6f7; font-size:14px; box-sizing:border-box;}
.find-wrap .cert-type-new .desc{margin-top:40px; height:78px !important;}/*211203*/
.result-box {margin-top:20px; padding:55px 60px; background:#f3f9fe; border-top:1px solid #767676; border-bottom:1px solid #767676;}
.result-box .center {text-align:center;}
.result-box .center ul {display:inline-block;white-space: nowrap;}
.result-box .center ul li {margin-top:10px; text-align:left;}
.result-box .center ul li:first-child {margin-top:0;}
.result-box .center ul li span {font-size:20px;}
.result-box .center ul li span em {padding-left:5px; font-size:14px;}
.result-box .list-type {margin-top:55px}
.cert-num .btn.tiny {padding:12px 30px 12px;}

.ddtype2 {position:relative;}
.ddtype2 .top-txt {display:inline-block; margin-right:0; vertical-align:middle;width:198px;}
.ddtype2 .btn-group {width:auto; display:inline-block; margin:0;}
.ddtype2 .radio-set {display:inline-block; margin:0 0 0 40px;}
.ddtype2 .radio-set label {margin-left:15px;}
.ddtype2 .radio-set label:nth-of-type(1) {margin-left:0;}
.ddtype2 .caution {display:inline-block; margin:0 0 0 10px; vertical-align:middle;}
.cert-num .inp.num {width:198px;}

/* 연락처 변경 2022-04-27 */
.contact-column2 {display: none;}
.contact-column2 .contact-col {position: relative;display: flex;align-items: center;margin-top: 5px;}
.contact-column2 .contact-col:first-child {margin-top: 0}
.contact-column2 .contact-col .custom-input {width: 15%}
.contact-column2 .contact-col button {margin-left: 5px;}
.contact-column2 .contact-col input:disabled,
/* .contact-column2 .contact-col input:read-only, */
.contact-column2 .contact-col select:disabled {background: #f8f8f8;color: #555;}
.contact-column2 .contact-col span.dash {margin-right: 0}
@media (max-width: 1152px) {
  .contact-column2 .contact-col {padding-right: 90px;justify-content: space-between;}
  .contact-column2 .contact-col .custom-input {width: 15%;flex-shrink: 0;}
  .contact-column2 .contact-col button {position: absolute;top: 0;right: 0;width: 85px;padding-left: 5px;padding-right: 5px;flex-shrink: 0;}
  .contact-column2 .contact-col button span {font-size: 14px !important}
  .contact-column2 .contact-col select {width: 21%}
  .contact-column2 .contact-col input[type="text"] {width: 27%}
  .contact-column2 .contact-col span.dash {width: 5%}
}
@media (max-width: 680px) {
  .contact-column2 .contact-col {padding-right:0}
  .contact-column2 .contact-col:first-child {padding-bottom:55px;}
  .contact-column2 .contact-col .custom-input {width:70px}
  .contact-column2 .contact-col button {width: calc(100% - 70px);top: 55px;left: 70px;margin-left:0;}
}

.type-info.type03 {padding:60px 0;}
h4 {margin-bottom:16px}
.table-title h4 {margin-bottom:5px} /* margin-bottom:0 */
.tbline-box {padding:35px 20px; border-top:1px solid #767676; border-bottom:1px solid #767676;}

.txt-emp {font-size:16px; font-weight:bold; color:#0c82e9; border-bottom:1px solid #0c82e9;}
.subt-txt {margin-top:30px; color:#555; line-height:1.6;}
.info-txt {font-size:14px; color:#767676;}
p.info-txt {margin-top:5px;}
span.info-txt {display:inline-block; margin-left:10px; vertical-align:middle;}

.dl-table.ty2 {border-top:1px solid #767676; border-bottom:1px solid #767676;}

.error-wrap {max-width:915px; margin:0 auto;}
.error-wrap .title {text-align:center; font-size:18px; line-height:1.6;}
.error-wrap .guide-box {margin-top:40px; padding:25px 40px;}
.error-wrap .guide-box p {line-height:1.5}

/* 레이어팝업(비회원인증)
.layer-popup.layer {box-sizing: border-box; display: block;z-index: 6000; background: #fff; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:580px; padding:50px 0;}
.layer-popup.layer .layer-header {padding:0 50px; margin-bottom:40px; position: relative; }
.layer-popup.layer .layer-header h1 { font-size: 30px; }
.layer-popup.layer .layer-header .btn-close { width: 27px; height: 27px; background: url(../images/btn_close.png) no-repeat 0 0; position: absolute; right: 50px; top: 0; }
.layer-popup.layer .layer-body {max-height:calc(100vh - 200px); padding:0 50px; overflow-y:auto; box-sizing:border-box}

.namecheck .user span + span {margin-left:20px;}
.namecheck .cert {margin-top:20px; border-top:1px solid #767676; border-bottom:1px solid #767676;}
.namecheck .cert .cert-con {position:relative; padding:30px 20px;}
.namecheck .cert .cert-con .title {display:block; padding-bottom:16px; font-size:20px; color:#222;}
.namecheck .cert .cert-con .tel {margin-top:6px;}
.namecheck .cert .cert-con .tel a {padding-left:15px; font-weight:700;}
.namecheck .cert .cert-con .btn {position:absolute; top:50%; right:20px; transform:translateY(-50%)}
.namecheck .cert .guide-box {margin-bottom:0; padding:16px 20px}
.link-wrap a {margin-right:30px;}
.link-wrap a.link{border-bottom: 1px solid #222}
.link-wrap a:last-child {margin-right:0;}
.link-wrap .pc {display:inline-block;}
.inp-wrap {position:relative;}
.inp-wrap .btn {position:absolute; top:0; right:0; height:40px; text-align:center; border:1px solid #767676;}
.inp-wrap .btn span {font-size:14px;}
.inp-wrap input {vertical-align:top;}
.inp-wrap.certnum {padding-right:105px;}
.inp-wrap.certnum .btn {width:100px;}
.inp-wrap.ok {padding-right:89px;}
.inp-wrap.ok .btn {width:84px;}

.login-sns {padding:30px; border-top:1px solid #767676; border-bottom:1px solid #767676;}
.login-sns ul {position:relative; margin-top:-10px;}
.login-sns ul:after {display:block; content:''; clear:both;}
.login-sns ul li {float:left; width:calc(50% - 10px); margin-top:10px;}
.login-sns ul li:nth-child(2n) {float:right;}
.login-sns ul li a {display:block; width:100%; height:56px; box-sizing:border-box; text-align:center; font-weight:bold; font-size:16px; color:#fff; line-height:56px;}
.login-sns ul li a:before {content:''; display:inline-block; height:30px; margin:-5px 10px 0 0; background:url(../images/icon_sns.png) no-repeat; vertical-align:middle;}
.login-sns ul li a.naver {background:#0dcd3b;}
.login-sns ul li a.kakao {background:#f6e24b; color:#3e1b1e;}
.login-sns ul li a.fb {background:#4961a1;}
.login-sns ul li a.tw {background:#4d9feb;}
.login-sns ul li a.naver:before {width:24px; background-position:0 0;}
.login-sns ul li a.kakao:before {width:30px; background-position:-50px 0;}
.login-sns ul li a.fb:before {width:16px; background-position:-100px 0;}
.login-sns ul li a.tw:before {width:32px; background-position:-150px 0;}*/

/*나의서울 메인*/
.myseoul{padding:50px;margin-bottom:35px;background: #f3f9fe;border:1px solid #0c82e9;box-sizing: border-box}
.myseoul div.point:after{content:'';display: block;clear:both}
.myseoul .mileage{float:left;width:270px;background:url(../images/bg_profile.png) no-repeat left top; padding-left:100px}
.myseoul .mileage-total{float:right;width:350px}
.myseoul .mileage span{display: block;}
.myseoul .mileage span.pt{font-size: 36px;font-weight: 700}
.myseoul .mileage-total ul li {color:#555555;padding:18px 0}
.myseoul .mileage-total ul li:after{content:'';display: block; clear:both}
.myseoul .mileage-total ul li span{float:left}
.myseoul .mileage-total ul li strong{float:right;font-size: 20px;color:#222}
.myseoul .mileage-total ul li strong.point{color:#0c82e9}
.myseoul .mileage-total ul li.first{padding-top:0;border-bottom:1px solid #aaaaaa}
.myseoul .mileage-info{margin-top:35px}
.myseoul .mileage-info:after{content: '';display: block;clear:both}
.myseoul .mileage-info .intro{float:left;width:372px}
.myseoul .mileage-info .mileage-menu{float:right;width:350px}
.myseoul .mileage-info p{font-size:14px;line-height:24px;color:#555555}
.myseoul .mileage-info p strong{display:block;margin-bottom:15px;font-size:16px;color:#555555}
.myseoul .mileage-menu{margin-top:40px}
.myseoul .mileage-menu ul li{margin-top:25px}
.myseoul .mileage-menu ul li:first-child{margin-top:0}
.myseoul .mileage-menu ul li a{font-weight: 700;padding-right: 25px}
.myseoul .mileage-menu ul li a span{font-weight: 400;font-size: 14px}
.myseoul .mileage .tit {display:block; font-size:18px;}
.myseoul .mileage .btn.bg-point {margin-top:14px; padding:10px 12px;}
.myseoul .list-type {float:right;}
.myseoul .list-type li:first-child {margin-top:0;}
.text-box .tit {display:block;font-size: 18px;color:#222;margin-bottom: 15px}
.text-box p {margin-bottom:20px; color:#555;line-height:1.6}
.text-box p:last-child {margin-bottom:0;}
.table-wrap{margin:40px 0}
.law p{color:#555;line-height:1.6;}
.law p:last-child{color:#767676;line-height: 24px;font-size: 14px;margin-top:15px}

/*gate.css*/
a.bt-calendar,
.ui-datepicker-trigger{ width:22px; height:22px; cursor:pointer; background:url('../images/gate/ic_calendar.gif') 100% 50% no-repeat; text-indent:-9999px;margin-left:5px; vertical-align:middle;}

/* media_titWrap */
#media_titWrap{ position:relative; width:100%; background-color: #898989; color:#fff; padding:0.5em; overflow:hidden;}
#media_titWrap .media_tit{ font-size:1.2em; }
#media_titWrap .pop_close{ display:block; position:absolute; top:50%; right:1em; width:15px; height:15px; margin-top:-7px; -webkit-transform:rotate(45deg);transform:rotate(45deg);  }
#media_titWrap .pop_close em{ position:absolute; top:-9999px; right:-9999px; }
#media_titWrap .pop_close:after{ content:""; position:absolute; top:0; left:7px; width:8px; height:8px; display:block; border:1px solid #fff; border-top:none;border-right:none; }
#media_titWrap .pop_close:before{ content:""; position:absolute; top:7px; left:0; width:8px; height:8px; display:block; border:1px solid #fff; border-bottom:none;border-left:none;}

.pop_cont{ padding:1.5em 1em;}

/* pop_textUL01 */
.pop_textUL01{ border-top:#ccc 1px solid; background-color:#eee; padding:1em; margin:0 0 2em 0;}
.pop_textUL01 li{ display:inline-block;}


/* table */
.total-box{ margin:0 0 0.5em 0;}
table.pop_tableList_row{ width:100%; border-collapse:separate; *border-collapse:collapse; border-spacing:0px; clear:both; table-layout:fixed; border-top:#555 1px solid;}
table.pop_tableList_row thead th{ color:#292929; font-weight:400; text-align:center; padding:0.5em; background-color:#fafafa; border-bottom:#f0f0f0 1px solid; border-right:#f0f0f0 1px solid;}
table.pop_tableList_row tbody td{ text-align:center; padding:0.5em; border-bottom:#f0f0f0 1px solid; border-right:#f0f0f0 1px solid;}
table.pop_tableList_row .last{ border-right:none;}

table.pop_tableList_row2{ width:100%; border-collapse:separate; *border-collapse:collapse; border-spacing:0px; clear:both; table-layout:fixed; border-top:#555 1px solid;}
table.pop_tableList_row2 tbody th{ color:#292929; font-weight:400; text-align:left; padding:0.5em; background-color:#fafafa; border-bottom:#f0f0f0 1px solid; border-right:#f0f0f0 1px solid;}
table.pop_tableList_row2 tbody td{ text-align:left; padding:0.5em; border-bottom:#f0f0f0 1px solid; border-right:#f0f0f0 1px solid;}
table.pop_tableList_row2 .last{ border-right:none;}

/* paging */
div.paging{ text-align:center; padding:0; margin:2em 0 0 0; position:relative; clear:both;}
div.paging a,
div.paging strong{ display:inline-block; width:30px; height:30px; line-height:28px; color:#777; border:#ccc 1px solid; text-align:center; margin:0; vertical-align:middle;}
div.paging a:hover,
div.paging .on{ color:#fff; font-weight:400; background-color:#898989; border-color:#898989; }
div.paging .direction{ position:relative; text-indent:-9999px; border:#dbdbdb 1px solid; }
div.paging .direction>span{ position:absolute; top:-9999px; left:-9999px;}
div.paging .direction.first:before{ content:""; position:absolute; top:50%; left:50%; margin:-4px 0 0 0px; width:8px; height:8px; display:block;  border:1px solid #777; border-top:none;border-right:none;-webkit-transform:rotate(45deg);transform:rotate(45deg); }
div.paging .direction.first:after{ content:""; position:absolute; top:50%; left:50%; margin:-4px 0 0 -4px; width:8px; height:8px; display:block;  border:1px solid #777; border-top:none;border-right:none;-webkit-transform:rotate(45deg);transform:rotate(45deg); }
div.paging .direction.prev:after{ content:""; position:absolute; top:50%; left:50%; margin:-4px 0 0 -2px; width:8px; height:8px; display:block;  border:1px solid #777; border-top:none;border-right:none;-webkit-transform:rotate(45deg);transform:rotate(45deg); }
div.paging .direction.next:after{ content:""; position:absolute; top:50%; left:50%; margin:-4px 0 0 -6px; width:8px; height:8px; display:block;  border:1px solid #777; border-top:none;border-right:none;-webkit-transform:rotate(-135deg);transform:rotate(-135deg); }
div.paging .direction.last:before{ content:""; position:absolute; top:50%; left:50%; margin:-4px 0 0 -8px; width:8px; height:8px; display:block;  border:1px solid #777; border-top:none;border-right:none;-webkit-transform:rotate(-135deg);transform:rotate(-135deg); }
div.paging .direction.last:after{ content:""; position:absolute; top:50%; left:50%; margin:-4px 0 0 -4px; width:8px; height:8px; display:block;  border:1px solid #777; border-top:none;border-right:none;-webkit-transform:rotate(-135deg);transform:rotate(-135deg); }
div.paging .direction:hover:before,
div.paging .direction:hover:after{ border-color:#fff;}

.agr_bx{ margin:2em 0 0 0;}
.agr_bx dt{ color:#000; font-size:1.2em; margin:0 0 0.5em 0; font-weight:600;}

/* ul */
.pop_textUL>li{ text-indent:-10px; padding-left:10px; }

/* tab */
.tx-tab>li{ position:relative; display:inline-block; }
.tx-tab>li+li:before{ content:""; position:absolute; top:50%; left:0; margin-top:-0.4em; width:1px; height:0.8em; background-color:#ccc; display:block;}
.tx-tab>li>a{ display:block; padding:0 0.5em;}
.tx-tab>li.active>a{ color:#4b74a5}

/* calendarview_info */
.calendarview_info{ display:table; width:100%; }
.calendarview_info .photo{ width:260px; padding:1em;  display:table-cell; vertical-align:middle;}
.calendarview_info .r-bx{ padding:1em; display:table-cell; vertical-align:middle;}
.cnt_detail{ padding:1em; border-bottom:#eee 1px solid; text-align:center;}

/* search-box-wrap */
.search-box-wrap{ position:relative; width:300px; margin:0 auto 2em; padding:0 40px 0 0; overflow:hidden;}
.search-box-wrap .search-box{  }
.search-box-wrap .search-box input[type=text]{ border:#ccc 3px solid; height:40px; line-height:40px; width:100%;}
.search-box-wrap .search-button{ position:absolute; width:40px; height:40px; top:0; right:0; display:block; color:#fff; background-color:#333;}
.search-box-wrap .search-button span{ position:absolute; top:-9999px; right:-9999px;}
.mobile-select{ display:none}

ul.related-site{ position:relative;  display:table; width:100%; margin:0 0 2em 0;}
ul.related-site:after{content:'';display:block;clear:both;height:0px;visibility:hidden;}
ul.related-site>li{ position:relative; display:table-cell; margin:0 0 0 -1px }
ul.related-site>li>a{ display:block; text-align:center; border:#ccc 1px solid; border-bottom:#333 2px solid; white-space:nowrap; border-left:none; line-height:40px; height:40px; padding:0 1em;;}
ul.related-site>li:first-child>a{ border-left:#ccc 1px solid;}
ul.related-site>li.on{ z-index:4;}
ul.related-site>li.on>a{ border:#333 2px solid; border-bottom:#fff 2px solid; color:#000;}

.error{width:640px; margin:0 auto 18px auto;}
.error h3 {height:94px; font-size:24px; font-weight:300; color:#0c82e9; background:url(../images/icon_error.png) no-repeat 3px 50%; padding:5px 0 0 127px; line-height:1.7; box-sizing:border-box;}

/* wrp_search_date */
.wrp_search_date{ display:table; width:100%; table-layout:fixed;}
.wrp_search_date .calender_left{ width:261px; display:table-cell;}

.wrp_search_date .s-list-wrap{ display:table-cell; width:auto; vertical-align:top; padding:0 0 0 2em;}
.wrp_search_date .s-list-wrap h2{text-align:center;color:#3fb6d2;font-size:18px;font-weight:bold}
.wrp_search_date h3.title{border:1px solid #289eba;color:#fff;height:30px;line-height:30px;background:#3fb6d2;padding-left:17px;margin-top:10px;font-size:14px;}
.wrp_search_date .s-listUL{border:1px solid #dddddd;border-top-width:0px;}
.wrp_search_date .s-listUL li{position:relative;border-bottom:1px solid #eeeeee;}
.wrp_search_date .s-listUL li.txt{text-align:center;color:#3fb6d2;padding:10px 0;}
.wrp_search_date .s-listUL li span{display:inline-block;}
.wrp_search_date .s-listUL li span.s-tit{font-size:14px;color:#555;margin-bottom:10px;margin:10px 0px 4px 15px;}
.wrp_search_date .s-listUL li span.s-data{font-size:12px;color:#999;margin:0px 0px 10px 15px;}
.wrp_search_date .list-view{position:absolute;right:10px;top:20px;display:inline-block;background:#aaaaaa url(/assets/img/schedule/icon_plus.gif) no-repeat 55px 6px;padding-left:5px;width:61px;height:20px;line-height:20px;color:#fff;}

/* calender */
.calenderWrap {position:relative; width:700px; overflow:hidden;}
.calender_left .monthWrap {position:relative; height:34px; border:1px solid #dddddd; text-align: center; line-height: 33px; background: #f9f9f9;}
.calender_left .monthWrap span.year_num {font-family:Tahoma; font-size:16px; font-weight:bold; color:#767676;}
.calender_left .monthWrap span.year_txt {font-size:12px; font-weight:bold; color:#767676;}
.calender_left .monthWrap span.moon_num {font-family:Tahoma; font-size:16px; font-weight:bold; color:#3fb6d2;}
.calender_left .monthWrap span.moon_txt {font-size:12px; font-weight:bold; color:#767676;}
.calender_left .monthWrap .prev_btn {position:absolute; left:10px; top:7px;}
.calender_left .monthWrap .next_btn {position:absolute; right:10px; top:7px;}
.calender_left .dayUL {width:100%; overflow:hidden; background: #f9f9f9; border:1px solid #dddddd; border-top:none;}
.calender_left .dayUL li {float:left; font-size:11px; color:#767676; text-align:center; width:37px; height:26px; line-height:24px; border-top:1px solid #ffffff; border-right:1px solid #eeeeee; border-bottom:1px solid #eeeeee;}
.calender_left .dayUL li.last {border-right:0px;}
.calender_left .dayUL li.week {height:28px; line-height: 28px;}
.calender_left .dayUL li span.sunday {color:#f24c03;}
.calender_left .dayUL li span.saturday {color:#3fb6d2;}
.calender_left .dayUL li span.gray {color:#bbbbbb;}
.calender_left .dayUL li span.link {display:inline-block; width:100%; color:#333333; font-weight:bold; background: #ffffff}
.calender_left .dayUL li span.link a {color:#333333; display:block;}
.calender_left .dayUL li span.today {display:inline-block; width:100%; color:#fff; font-weight:bold; background: #3fb6d2}
.calender_left .dayUL li span.today a {color:#fff; display:block;}
.calender_right {float:left; width:422px; margin-left:16px; border:1px solid #dddddd;}

.calenderView_Wrap {position:relative; width:700px; overflow:hidden;}
.calenderView_left {float:left; width:193px; text-align: center}
.calenderView_left span {display:block; margin-top:10px;}
.calenderView_right {float:left; margin-left:30px;}
.calenderView_tit {height:30px; color:#333; font-size:16px; font-weight: bold; line-height: 33px}
.calenderView_tit img {margin-right:7px; vertical-align: middle;}
.calenderView_subject_Wrap {width:700px; overflow:hidden; clear:both;}
.calenderView_subject_tit {font-weight:bold; color:#666; border-top:2px solid #888888; border-right:1px solid #dddddd; border-left:1px solid #dddddd; border-bottom:1px solid #dddddd; background: #f9f9f9; padding-left:15px; height:34px; line-height: 34px; margin-top:30px;}
.calenderView_subject_txt {padding:15px; line-height: 25px; color:#666666; border-bottom:1px solid #dddddd;}
.calenderView_btn {margin-top:10px; text-align: right;}

div.calender_table_view {width:475px; overflow: hidden; border-top:2px solid #888888; margin-top:5px;}
table.calender_table_view tbody th {font-size:11px; background: #f9f9f9; color:#888888; height:39px; border-left:1px solid #dddddd; text-align:center; border-bottom:1px solid #dddddd; font-weight: normal;}
table.calender_table_view tbody td {padding:5px 0 5px 20px; font-size:12px; color:#666666; background: #ffffff; text-align:left; border-left:1px solid #dddddd; border-right:1px solid #dddddd; border-bottom:1px solid #dddddd; line-height: 30px;}

table.calender_table_row {width:100%;}
table.calender_table_row tbody th {font-size:11px; background: #f9f9f9; color:#666666; border-right:1px solid #dddddd; border-bottom:1px solid #dddddd; letter-spacing: -1px}
table.calender_table_row tbody td {padding:5px 0 5px 10px; font-size:11px; color:#666666; background: #ffffff; border-right:1px solid #fff; border-bottom:1px solid #dddddd; line-height: 20px; letter-spacing: -1px}
table.calender_table_row tbody th.last {border-bottom:0px;}
table.calender_table_row tbody td.last {border-bottom:0px;}
table.calender_table_row tbody td .table_rowUL {width:100%; overflow:hidden;}
table.calender_table_row tbody td .table_rowUL li {float:left; width:100px;}
table.calender_table_row tbody td .table_rowUL li input {vertical-align: middle; margin-right:5px;}

div.calender_table {width:700px; overflow: hidden; border-top:2px solid #888888;}
table.calender_table thead th {border-bottom:1px solid #dddddd;background: #f9f9f9; color:#888888; font-weight:normal; height:27px; line-height: 25px; font-size:11px;}
table.calender_table thead th.frist {border-left:1px solid #dddddd;}
table.calender_table thead th.last {border-right:1px solid #dddddd;}
table.calender_table tbody td {color:#666; font-size:11px; text-align:center; border-bottom:1px solid #e7e7e7; height:36px; line-height: 36px;}
table.calender_table tbody td img {vertical-align: middle;}
table.calender_table tbody td span.number {font-family:Tahoma; font-size:11px; }
table.calender_table tbody td.left_txt {font-size:12px; font-weight: bold; padding-left:7px; text-align: left}
table.calender_table tbody td.left_txt a {color:#666;}

/* �о� ����Ʈ */
.cate-wrap .hd{ background:url(../images/gate/cate_bg.gif) 50% 0 repeat-x; height:309px; padding:35px 0 0 0;}
.cate-wrap .hd .tit-area h1{ color:#fff; text-align:center; font-size:24px;}
.cate-wrap .hd .tit-area p{ color:#fff; text-align:center; font-size:14px; margin:10px 0 0 0;}
.cate-wrap .hd .cate-grp{ width:1152px; margin:30px auto 0; text-align:center; }
.cate-wrap .hd .cate-grp a{ display:inline-block;}
.cate-wrap .hd .cate-grp a+a{ margin-left:10px;}
.cate-wrap .cont{ padding:0 0 100px 0; max-width:1152px; margin:0 auto; }
.cate-wrap .cont .tit-area{ position:relative; border-bottom:#222 2px solid; }
.cate-wrap .cont .tit-area .bt-pnt{ position:absolute; top:50%; right:0; margin-top:-13px; width:26px; height:26px; display:block; text-indent:-9999px; background:url(../images/gate/ic_pnt.png); }
.cate-wrap .cont .tit-area h2{ font-size:24px; color:#222; line-height:44px; }
.cate-wrap .cont .t-sch{ margin:40px 0; border:#ddd 1px solid; border-bottom:none;}
.cate-wrap .cont .t-sch>ul>li{ border-bottom:#ddd 1px solid; display:table; width:100%; table-layout:fixed;}
.cate-wrap .cont .t-sch>ul>li .tit{ display:table-cell; width:170px; padding:20px 0; background-color:#f4f6f7; text-align:center; border-right:#ddd 1px solid; color:#555555; font-weight:bold; vertical-align:middle; font-size:15px;}
.cate-wrap .cont .t-sch>ul>li .con{ display:table-cell; padding:12px 20px; font-size:16px; }
.cate-wrap .cont .t-sch .a-tx{ display:inline-block; margin:0 0 0 -15px;}
.cate-wrap .cont .t-sch .a-tx a{ position:relative; display:inline-block; padding:0 15px; line-height:40px; }
.cate-wrap .cont .t-sch .a-tx a:before{ content:""; position:absolute; top:50%; right:-2px; margin-top:-6px; width:1px; height:12px; background-color:#ddd; display:block;  }
.cate-wrap .cont .t-sch .a-tx a:last-child:before{ display:none;}
.cate-wrap .cont .t-sch .a-tx a.active,
.cate-wrap .cont .t-sch .a-tx a:hover{ color:#0c82e9;text-decoration: underline}
.cate-wrap .cont .t-sch .date-bx{ float:right;}
.cate-wrap .cont .t-sch .date-bx .picker{ display:inline-block; margin:0 0 0 1em;}
.cate-wrap .cont .t-sch .input{ width:115px;  height:40px; line-height:40px; border:#ddd 1px solid;}
.cate-wrap .cont .t-sch .sc-g{ display:inline-block;}
.cate-wrap .cont .t-sch .sc-g .input{ width:495px;}
.cate-wrap .cont .t-sch .btn-search {position:relative; width:80px; height:40px; margin-left:8px; background:#fff; border:1px solid #767676; text-align:center;vertical-align:top;}
.cate-wrap .cont .t-sch .btn-search:before {content:''; display:inline-block; width:14px; height:14px; margin:-1px 5px 0 0; background:url(../images/gate/btn_search.png) 0 0 no-repeat; vertical-align:middle;}
.cate-wrap .cont .t-sch .btn-reset {position:relative; width:100px; height:40px; margin-left:8px; background:#fff; border:1px solid #767676; text-align:center; float:right;}
.cate-wrap .cont .t-sch .btn-reset:before {content:''; display:inline-block; width:14px; height:14px; margin:-1px 5px 0 0; background:url(../images/gate/ic_reset.png) 0 0 no-repeat; vertical-align:middle;}

.news-lst{ border-top:#767676 1px solid;}
.news-lst .item{ border-bottom:#ddd 1px solid;}
.news-lst .item:last-child{ border-color:#767676}
.news-lst .item a{ display:table; width:100%; table-layout:fixed; padding:30px 20px; box-sizing:border-box;}
.news-lst .item a:focus-visible {width: calc(100% - 6px);}
.news-lst .item a .thum{ display:table-cell; width:240px; padding:0 30px 0 0; vertical-align:top;}
.news-lst .item a .tbx{ display:table-cell; vertical-align:top;}
.news-lst .item a .tbx>em{ display:block;}
.news-lst .item a .tbx .subject{ color:#222; font-size:20px; font-weight:600; }
.news-lst .item a .tbx .date{ margin-top:10px; font-size:14px; color:#767676;}
.news-lst .item a .tbx .date .cate{ display:inline-block; color:#0c82e9; margin:0 0 0 1em;}
.news-lst .item a .tbx .txt{ margin-top:15px;color:#555; line-height:1.5;}

.news-lst .item a .tbx .p_house{color:#c35c3c;}/*주택*/
.news-lst .item a .tbx .p_eco{color:#069363;}/*경제*/
.news-lst .item a .tbx .p_traffic{color:#337ee2;}/*교통*/
.news-lst .item a .tbx .p_env{color:#599100;}/*환경*/
.news-lst .item a .tbx .p_wel{color:#d76000;}/*복지*/
.news-lst .item a .tbx .p_safty{color:#e44869;}/*안전*/
.news-lst .item a .tbx .p_cul{color:#9b64d3;}/*문화*/
.news-lst .item a .tbx .p_work{color:#028ab6;}/*시정*/

.t{ text-align:center;}
.foot{ border-top:#565656 2px solid; text-align:center;}

/* liststyle */
.listtype1>li{position:relative;padding-left:10px;line-height:1.6;}
.listtype1>li:before{content:'-';position:absolute;left:0;}
.listtype-decimal {margin:0 20px 20px;}
.listtype-decimal>li{list-style-type:decimal;list-style-position: outside;line-height:1.6;}

.listtype-other {margin-left:20px;}
.listtype-other>li{line-height:1.6;}
.listtype-other>li>span{margin-left:-20px;}

.listtype-noti>li{position:relative;padding-left:30px;line-height:1.6;}
.listtype-noti>li:before{content:'';position:absolute;left:0;width:20px;height:20px;margin-top:2px;background:url(../images/icon_bul_notify.png) no-repeat left top;vertical-align:top;}

.listtype-flex>li{display: flex;}
.listtype-flex>li>span {flex-shrink: 0}

/* table */
/*.tstyle04 thead th {background:#f4f6f7;}
.tstyle04 thead th, .district .tstyle04 tbody tr td {border-left:1px solid #ddd;}
.tstyle04 thead th:first-child, .district .tstyle04 tbody tr td:first-child{border-left:0;}*/
.tstyle04 i{font-family:"맑은 고딕","Malgun Gothic",sans-serif;}
.tstyle04 thead th i{font-weight:700;}

.tstyle05 {margin-top:40px;}
.tstyle05 thead th {background:#f4f6f7;}
.tstyle05 tbody tr td{border-left:1px solid #ddd;}
.tstyle05 tbody tr td:first-child{border-left:0;}
.tstyle05 tbody th[scope="rowgroup"]{border-right:1px solid #ddd;vertical-align:middle;}
.tstyle05 tbody th + th[scope="rowgroup"]{border-left:1px solid #ddd;border-right:0;}
.tstyle05 tbody th[scope="row"] {background:#fff;border-left:0;}
.tstyle05 tbody td[data-tit="비고"] {display:none;}
#office4 .tstyle05 tbody th {width:110px;}
#office4 .tstyle05 tbody td {margin-left:110px;}
.office .tstyle05 td {word-break: keep-all} /* 2022-02-21 */

.tbl {border-top:1px solid #767676;}
.tstyle06{border-top:0;}
/*.tstyle06 thead th {background:#f4f6f7;font-weight:bold;}
.tstyle06 thead th, .tstyle06 tbody tr td {border-left:1px solid #ddd;padding:10px 15px;}*/
.tstyle06 tbody tr td:first-child {text-align:center;}
/*.tstyle06 thead th:first-child, .tstyle06 tbody tr td:first-child{border-left:0;}*/

/*.tstyle07{table-layout:fixed;border-collapse: collapse}
.tstyle07 thead th{background: #f4f6f7;text-align:center;vertical-align: middle;color:#222;padding:10px 0}
.tblscroll .tstyle07 td{text-align:center;}*/
.tstyle07 td{text-align:center;padding:7px 0;/*font-weight:bold*/}
.tstyle07 td span{font-size: 14px}
.tstyle07 .thl {border-left:1px solid #ddd;}

.tstyle07.pad td {padding: 7px;word-break: keep-all;}

/* 개인정보 처리방침 20221013 아이콘 추가 시작 */
.privacy-wrap-202210 .tstyle07.tstyle07_202210 td a{
  color: inherit;
  font-weight: normal;
}
.privacy-wrap-202210 .tstyle07.tstyle07_202210 td img {
  display: block;
  margin: 10px auto;
}
.privacy-wrap-202210.privacy-wrap h4{
  position: relative;
  display: inline-block;
  margin-bottom: 0;
}
.privacy-wrap-202210.privacy-wrap h4 span {
  position: relative;
  margin-left: 5px;
  top: -2px;
}
.privacy-wrap-202210.privacy-wrap ol {
  margin-top: 0;
}
table.tstyle07.tstyle07_202210 +table.tstyle07.tstyle07_202210{
  margin-top: 50px;
}
table.tstyle07.tstyle07_202210 +table.tstyle07.tstyle07_202210 td {
  line-height: 2.3;
  padding: 15px 20px;
}
/* 개인정보 처리방침 20221013 아이콘 추가 끝 */

/* 개인정보처리방침 히스토리 2023-07-21 추가 */
.privacy-history {display: flex;margin: 10px 0 0;border-left: 0}
.privacy-history .ph-cont {padding: 0 0 20px;border: 1px solid #ddd}
.privacy-history .ph-cont.ph-right {border-left: 0}
.privacy-history .ph-cont h5 {padding: 10px 0;background: #f4f6f7;border-bottom: 1px solid #ddd;font-size: 17px;text-align: center;}
.privacy-history .ph-cont p {padding: 5px 20px;}
.privacy-history .ph-cont table {width: calc(100% - 40px);margin: 0 auto;}

.tstyle08 {margin-top:40px;}
/*.tstyle08 thead th {background:#f4f6f7;text-align:center;font-weight:bold;}
.tstyle08 tbody tr td{border-left:1px solid #ddd;}
.tstyle08 tbody tr td:first-child{border-left:0;}*/
.tstyle08 tbody td {vertical-align:top;}

.notice {padding-left:20px;}
.notice span {margin-left:-20px;}

/* 이미지목록 */
.imglist-type1 li{padding:30px 0;background:url(../images/bg_dashed.png) repeat-x top;display:table;width:100%;}
.imglist-type1 li:first-child {padding-top:0;background:none;}
.imglist-type1 .left-img{display:table-cell;width:20%;padding-right:4%;vertical-align:middle;}
.imglist-type1 .right-desc{display:table-cell;vertical-align:middle;line-height:1.6;}
.imglist-type1 .right-desc strong {display:block;margin-bottom:10px; font-size:16px;}

/* tab */
.tab {margin-bottom:20px;}
.tab ul {display:table;table-layout: fixed;width:100%;}
.tab ul li {display:table-cell;}
.tab ul li a {position:relative; display:block; width:100%; padding:17px 0px; border:1px solid #ddd; border-right:0;box-sizing:border-box;font-size: 16px;color:#767676;text-align: center}
.tab ul li:last-child a{border-right:1px solid #ddd;}
.tab ul li.on a {border:1px solid #0c82e9; color:#0c82e9; font-weight:700; z-index:2;background: #f3f9fe}
.tab ul li.on + li a{ border-left:0}

/* icon stroke 버튼 */
.btn-group2 {margin-bottom:40px;width:100%;}
.btn-group2.center {text-align:center;}
.btn-group2.left {text-align:left;}
.btn-group2.right {text-align:right;}
.symbolbox1 .btn-group2.center {
  clear: both;
}

.btn[class^=ico-]:before, 
.btn[class*= ico-]:before{content:'';display:inline-block;width:16px;height:16px;vertical-align:middle;margin-right:6px;}
.btn[class^=stroke], .btn[class*=stroke]{display:inline-block;margin:5px 2px;margin-top:0;line-height:1;}
@media all and (max-width:480px){
  .btn[class^=stroke], .btn[class*=stroke]{ margin:5px 0; }
}
.btn[class^=ico-] i,.btn[class*= ico-] i, .ico-ebook2 i{font-size:0;line-height:0;text-indent:-9999px}
.btn[class^=size],.btn[class*= size] {box-sizing:border-box;}

.btn.stroke1 {background:#fff;border:1px solid #ddd}
.btn.stroke2 {background:#fff;border:1px solid #555;color:#555}
.btn.stroke3 {background:#fff;border:1px solid #98212b;color:#98212b}

.btn.size1{padding:6px 10px 5px;min-width:126px;}
.btn.size2{padding:11px 20px 10px;}
.btn.tiny.ico-pdfviewer {height:40px;padding:5px 30px;border:1px solid #767676}

.btn.ico-jpg:before{background:url(../images/icon_jpg.png) no-repeat}
.btn.ico-ai:before{background:url(../images/icon_ai.png) no-repeat}
.btn.ico-pdf:before{background:url(../images/icon_pdf.png) no-repeat}
.btn.ico-pdfviewer:before{background:url(../images/ico_pdf2.png) no-repeat;width:28px;height:28px}
.btn.ico-ebook:before{background:url(../images/icon_ebook.png) no-repeat}
.btn.ico-download:before{background:url(../images/icon_download.png) no-repeat}
.btn.ico-gif:before{background:url(../images/icon_gif.png) no-repeat}
.btn.ico-gif2:before{background:url(../images/icon_gif2.png) no-repeat;width: 15px;height: 17px;} /* 2020-06-12 */
.btn.ico-png:before{background:url(../images/icon_png.png) no-repeat;width: 15px;height: 17px;} /* 2020-06-12 */
.ico-ebook2:before{content:'';display:inline-block;vertical-align:middle;width:33px;height:22px;background:url(../images/icon_ebook2.png)}
/*size3 폰트크기 14px->16px로 바꿈 2016-07-16 주미숙*/
.btn.blue.size3 {display:inline-block;border-radius:5px;background:#0c82e9;color:#fff;text-align:center;font-size:16px;font-weight:bold;padding:20px 40px;width:320px;box-sizing:border-box}
.btn.blue.size3:after {display:inline-block;content:'';margin-left:10px;background:url(../images/icon_link5.png) no-repeat;width:6px;height:11px;}
.btn-group3 .btn.blue.size3{width:30%;}

.imgbox{position:relative;text-align:center;}
.downloadbox{margin-top:20px;}
.downloadbox2 {clear:both;text-align:center;margin-top:50px;}

/* sub content */
.movie-wrap h4, .info-wrap h4 {position:relative;margin:1em 0;color:#da445d;font-size:2em;font-weight:normal;}
.movie-wrap h4 strong, .info-wrap h4 strong {display:inline-block;padding-bottom:0.5em;border-bottom:2px solid #da445d;font-weight:normal;}

.gallery h4 {position:relative;padding:10px 0;}
.gallery h4:before {position:absolute;left:0;top:0;width:22px;height:1px;background:#767676;content:'';}
.gallery ul:after {display:block;clear:both;content:'';}
.gallery ul{margin-left:-20px;}
.gallery li{float:left;width:20%;}
.gallery a{display:block;margin-left:20px;}
.gallery .thumb{position:relative;display:block;border:1px solid #787878;overflow:hidden;line-height:0;}
.gallery .thumb:before, .gallery span:after{content:'';position:absolute;width:8px;height:8px;background:url(../images/seoul/bg_frame.png) no-repeat;z-index:2;}
.gallery .thumb:before {top:1px;right:1px;}
.gallery .thumb:after {bottom:1px;left:1px;}
.gallery strong {display:block;text-align:center;height:54px;margin-top:10px;font-weight:normal;}
.gallery img {width:100%;height:100%;transform: scale(1.0);transition:transform 0.2s ease-in-out;}
.gallery a:hover img{transform: scale(1.1);}

.gallery2 ul:after {display:block;clear:both;content:'';}
.gallery2 ul{margin-left:-20px;}
.gallery2 li{float:left;width:33.3333%;margin-bottom:40px;}
.gallery2 a{display:block;margin-left:20px;border-radius:5px;}
.gallery2 a:focus-visible {outline: 3px dotted #000;}
.gallery2 .thumb{display:block;overflow:hidden;line-height:0;border-radius:5px 5px 0 0;}
.gallery2 img {width:100%;height:100%;transform: scale(1.0);transition:transform 0.2s ease-in-out;}
.gallery2 a:hover img,
.gallery2 a:focus img {transform: scale(1.1);}
.gallery2 p {position:relative;padding:10px 20px;background:#da445d;color:#fff;}
.gallery2 p:before {content:'';position:absolute;right:5%;top:50%;margin-top:-12px;width:14px;height:24px;background:url(../images/icon_link4.png) no-repeat;}
.gallery2 .ct {font-size:1.12em;}
.gallery2 .link {color:#fff;display:block;}

.stats ul:after {display:block;clear:both;content:'';}
.stats ul{margin-left:-20px;}
.stats li{float:left;width: 50%;margin-bottom:40px;}
.stats a{display:block;margin-left:20px;}
.stats a:focus-visible {outline: 3px dotted #000}
.stats .thumb{display:block;overflow:hidden;line-height:0;}
.stats img {width:100%;height:100%;/* transform: scale(1.0);transition:transform 0.2s ease-in-out; */}
.stats a:hover img,
.stats a:focus img {/*transform: scale(1.1);*/}
.stats p {position:relative;padding: 20px 30px 20px 20px;background:#da445d;color:#fff;margin-top: -1px; word-break: keep-all;}
.stats p:before {content:'';position:absolute;right:5%;top:50%;margin-top:-12px;width:14px;height:24px;background:url(../images/icon_link4.png) no-repeat;}
.stats .ct {font-size:1.12em;margin-bottom: 10px;display: block;}
.stats .link {color:#fff;display:block;height: 2.5rem;}

.imgmap {text-align:center;margin-bottom:40px;}

.call-list:after {display:block;clear:both;content:'';}
.call-list>ul>li{float:left;width:50%;padding:1.5em 0 1.5em;border-bottom:1px dashed #dadada;}
.call-list>ul>li:last-child{border-bottom:0;}
.call-list>ul>li strong {position:relative;display:inline-block;background:#0d82eb;color:#fff;width:90px;margin-bottom:1em;padding:5px 0;box-sizing:border-box;text-align:center;}
.call-list>ul>li strong:before {position:absolute;display:block;content:'';bottom:-6px;left:0;width:0;height:0;border-style:solid;border-width:6px 6px 0 0;border-color:#0d82eb transparent transparent transparent;}
.call-list .last {border-bottom:0}
.call-list li li{line-height:1.6;}

.boxtabs:after {display:block;clear:both;content:'';}
.boxtabs {margin-left:-0.5em;box-sizing:border-box;margin-bottom:2rem;}
.boxtabs li{display:block;float:left;width:12.5%;}
.boxtabs li a{display:block;margin:0.5em 0 0 0.5em;padding:1em 0;background:#f4f6f7;box-sizing:border-box;text-align:center;}
.boxtabs li a:hover, .boxtabs li.on a{background:#0c82e9;color:#fff;}

.district {margin-bottom:2em;}
.district h5{margin-bottom:10px;}
.imgmap {display:block;}
.districttab {display:none;}

.office {display:none;}
.imgbox .time{display:block;position:absolute;right:4em;bottom:2.5em;}

.movie-box {margin-bottom:20px;}
.movie-box {position: relative;width: 100%;height:0;padding-bottom: 56.25%;}
.movie-box iframe {position:absolute;top:0;left:0;width: 100%;height:100%;border:0;margin:0;padding:0;}
.movie-script-box {position:relative;width: 100%;height:0;padding-bottom:28%;}
.movie-script {position:absolute;top:0;left:0;width:100%;height:100%;overflow-y:auto;border:1px solid #d4d4d4;padding:20px 30px;box-sizing:border-box; line-height:1.6;}
/* .movie-script:focus {outline:1px} */

/* 엠블렘 */
.emblem-wrap div, .emblem-wrap p {line-height:1.6}
.emblem-wrap>div {margin-bottom:30px;}
.emblembox1 {padding:30px 0;border:1px solid #ddd;}
.emblembox1:after {display:block;clear:both;content:'';}
.emblembox1 .left-img, .emblembox1 .right-desc{box-sizing:border-box;padding:0 30px}
.emblembox1 .left-img {float:left;width:25%;display:inline-block;text-align:center;margin-top:30px;}
.emblembox1 .left-img img{width:74px!important;}
.emblembox1.haechi-image .left-img {
  margin-top: 0;
}
.emblembox1.haechi-image2 .left-img {
  margin-top: 10px;
}
.emblembox1.haechi-image .left-img img {
  width: 90px !important;
}
.emblembox1.haechi-image.haechi-image3 {
  display: flex;
  align-items: center;
}
.emblembox1.haechi-image.haechi-image3 .right-desc{padding: 20px 30px;}
.emblembox1.haechi-image.haechi-image4 {padding: 20px 0}
.emblembox1.haechi-image.haechi-image4 .right-desc {padding: 10px 30px;}
.emblembox1.haechi-image.haechi-image4 .left-img img {
  width: 130px !important
}
@media (max-width: 1151px) {
  .emblembox1.haechi-image.haechi-image4 .left-img img {
    width: 90px !important
  }
}

.emblembox1 .right-desc {float:left;width:75%;padding-left:30px;border-left:1px solid #ddd;}
.emblembox1 .right-desc p{margin-bottom:1em;}
.emblembox2 h5{font-size:16px;margin-bottom:10px;}
.emblembox2 ul {display:block;text-align:center;margin:0 auto 40px;width:100%;}
.emblembox2 ul:after {display:block;clear:both;content:'';}
.emblembox2 li{float:left;width:50%;padding:30px 10px 0;text-align:center;box-sizing:border-box;}
.emblembox2 li p{font-size:14px;margin-bottom:10px;}
.emblembox2 li>img{width: 100%;}
.emblembox3 p{margin-bottom:30px;}
.emblembox4 ul{margin-left:-25px;}
.emblembox4:after {display:block;clear:both;content:'';}
.emblembox4 li{float:left;width:33.3333%;box-sizing:border-box;}
.emblembox4 dl{margin-left:25px;}
.emblembox4 dt {display:block;width:100%;height:72px;color:#fff;padding:15px;box-sizing:border-box;}
.emblembox4 .color1 dt{background:#bc1238;}
.emblembox4 .color2 dt{background:#0087ca;}
.emblembox4 .color3 dt{background:#2d9646;}
.emblembox4 dd{display:block;margin-top:15px;}
.emblembox4 dd:after {display:block;clear:both;content:'';}
.emblembox4 dd span {float:left;width:47%;display:block;font-size:14px;letter-spacing:-1px;}
.emblembox4 dd span>em {display:block;}
.emblembox4 dd span:first-child {float:left;width:53%;}
.emblembox5 {margin:0 auto 0;}
.emblembox5 ul{display:block;}
.emblembox5 ul:after {display:block;clear:both;content:'';}
.emblembox5 li{float:left;width:50%;text-align:center;padding:0 3%;box-sizing:border-box;}
.emblembox5 strong {display:block;padding:10px 0;}
.emblembox5 img {border:1px solid #c8c8c8;box-sizing: border-box;}
.emblembox5 .btn-group2 {margin-top:5px;}
.emblem-wrap .btn-group {margin-top:10px;}

/* 브랜드 */
.brand-wrap>div, .slogan-wrap>div {margin-bottom:40px;}
.brandbox1 li {padding-top:25px;display:table;width:100%;}
.brandbox1 li:first-child {padding-top:0;}
.brandbox1 p{display:table-cell;vertical-align:middle;line-height:1.6;}
.brandbox1 p:first-child {padding-right:40px;width:15%;}
.brandbox1 strong {display:block;margin-bottom:5px;}
.brandbox2 .in1, .sloganbox2 .in1 {margin-bottom:40px;}
.brandbox2 .in1 ul:after, .sloganbox2 .in1 ul:after {display:block;clear:both;content:'';}
.brandbox2 .in1 li, .sloganbox2 .in1 li{float:left;width:50%;text-align:center;}
.brandbox2 .in1 li p, .sloganbox2 .in1 li p{padding:0 20px;line-height:1.6}
.brandbox2 .in1 strong, .sloganbox2 .in1 strong {display:block;}
.brandbox2 .in1 img, .sloganbox2 .in1 img {margin:5px auto 10px;}
.brandbox2 .in2 {margin:0 auto;display:table;width:85%; }
.brandbox2 .in2>strong {display:table-cell;padding-right:40px;vertical-align:top;margin-bottom:10px;}
.brandbox2 .in2 ul{display:table-cell;}
.brandbox2 .in2 ul:after {display:block;clear:both;content:'';}
.brandbox2 .in2 li{float:left;width:33.3333%;padding:0 10px;box-sizing:border-box;color:#fff;}
.brandbox2 .in2 p { padding:20px;box-sizing:border-box;height:133px; }
.brandbox2 .in2 p span {display:block;color:#fff;white-space:nowrap;margin-bottom:10px;}
.brandbox2 .in2 .color1 {background:#000;}
.brandbox2 .in2 .color2 {background:#bc1238;}
.brandbox2 .in2 .color3 {background:#0087ca;}
.brandbox2 .in2 li p{color:#fff;}
.brandbox2 .in2 li .names { height:auto; padding:10px 0; color:#222; text-align:center; }
.brandbox3 .in, .sloganbox5 .in {display:table;margin:0 auto;}
.brandbox3 h5, .sloganbox5 h5{margin-bottom:10px;}
.brandbox3 ul, .sloganbox5 ul{display:table;margin-bottom:30px;}
.brandbox3 li, .sloganbox5 li{display:table-cell;text-align:center;}
.brandbox3 p, .sloganbox5 p{text-align:left;margin:10px 13%;line-height:1.6}
.brandbox3 .in {margin-bottom:40px;}
.brandbox3 .imgbox, .sloganbox5 .imgbox {margin-bottom:40px;}
.brandbox4 .downloadbox {margin-bottom:40px;}
.brandbox4 ul{margin-bottom:30px;}
.brandbox4 ul:after {display:block;clear:both;content:'';}
.brandbox4 li{float:left;margin-right:30px;}
.brandbox4 li strong {display:block;margin-bottom:10px;}
.brandbox5 p{text-align:center;color:#427dbd;line-height:1.6}
.brandbox5 .box-type2, .sloganbox4 .box-type2{padding:50px;text-align:center;margin-bottom:10px;}
.brand_btn { margin-top:10px; text-align:right;}
.brand_btn > a { display:inline-block; }

.old_brand { position:relative; box-sizing:border-box; overflow:hidden; }
.old_brand > .old_wrap { overflow:hidden; }
.old_brand > .old_wrap > dt { position:relative; margin-bottom:10px; padding-left:15px; font-size:18px; font-weight:700; }
.old_brand > .old_wrap > dt:before { position:absolute; left:0; top:50%; width:5px; height:5px; background:#0c82e9; transform:translateY(-50%); content:""; }
.old_brand > .old_wrap > dd { margin-bottom:40px; }
.old_brand > .old_wrap > dd:nth-last-child(1) { margin-bottom:0; }
.old_brand > .old_wrap > dd > p { word-break:keep-all; word-wrap:break-word; }
.old_brand > .old_wrap > dd > ul { }
.old_brand > .old_wrap > dd > ul > li { position:relative; display:block; margin-bottom:10px; padding-left:12px; overflow:hidden; }
.old_brand > .old_wrap > dd > ul > li:before { position:absolute; left:0; top:8px; width:5px; height:1px; background:#222; content:""; }
.old_brand > .old_wrap > dd > ul > li:nth-last-child(1) { margin-bottom:0; }
.old_brand > .old_wrap .imgs_box { position:relative; display:block; margin-top:20px; text-align:center; overflow:hidden; }

/* 신규브랜드 2023-10-17 */
.brandnew-box h4 {margin-top: 40px}
.brand-new-wrap .emblembox1 .left-img {margin-top: 18px}
.brand-new-wrap .emblembox1 .left-img img {width: 134px !important}
.brand-new-wrap .listtype-dot>li{position:relative;margin: 3px 0;padding-left:10px;line-height:1.6;}
.brand-new-wrap .listtype-dot>li:before{content:'·';position:absolute;left:0;}
.brand-new-wrap .in1 .btn-group2 {margin: 40px 0}
.brandnew-list ul.list {display: flex;flex-wrap: wrap;margin: 0 0 10px;}
.brandnew-list ul.list>li {display: flex;flex-direction: column;align-items: center;width: 50%;}
.brandnew-list ul.list>li p {margin: 20px 0 10px;}
.brandnew-list ul.list li .color-box {display: flex;width: 100%;min-height: 220px;margin-top: 25px;}
.brandnew-list ul.list li .color-box .color {display: flex;flex-direction: column; width: 50%;padding: 20px;}
.brandnew-list ul.list li .color-box .color h5,
.brandnew-list ul.list li .color-box .color ul li {color: #000}
.brandnew-list ul.list li .color-box .color1 {background: #ff0a73}
.brandnew-list ul.list li .color-box .color2 {background: #fabf13}
.brandnew-list ul.list li .color-box .color3 {background: #0082ff}
.brandnew-list ul.list li .color-box .color4 {background: #00d778}
.box-design-exp {display: flex;flex-direction: column;align-items: center;justify-content: center;max-width: 505px;margin: 0 auto;}
.box-design-exp dl {display: flex;align-items: center;width: 100%;margin: 20px 0;}
.box-design-exp dl dt {flex-shrink: 0;min-width: 50px;align-items: center;}
.box-design-exp dl dd {display: flex;}
.box-design-exp dl dd span.txt-block {flex-shrink: 0;min-width: 70px;}
.box-design-exp dl dd span.txt {word-break: keep-all}

/* 브랜드 픽토그램 활용 캐릭터 2023-11-22 */
.box-design-exp.box-design-charactor {max-width: 650px;margin-top: 20px;}
.box-design-exp.box-design-charactor dl {margin-bottom: 25px}
.box-design-exp.box-design-charactor dl dt {display: flex;min-width: 190px;margin-right: 60px;justify-content: center;}
.box-design-exp.box-design-charactor dl dt img {width: auto}
.box-design-exp.box-design-charactor dl dd {flex-direction: column}
.box-design-exp.box-design-charactor .indent85 {padding-left: 85px;text-indent: -85px}
.img-picto img {width: auto !important;height: 20px;margin: 0 2px;vertical-align: middle}

/* 이전 브랜드 2023-11-01 */

.old-brand-box {margin-bottom: 30px;padding: 30px 0;border: 1px solid #ddd}
.old-brand-box h4 {display: flex;justify-content: center;align-items: center;}
.old-brand-box h4 span {display: flex;justify-content: center;align-items: center;font-size: 26px;color: #555555;font-weight: 700;}
.old-brand-box h4 span:after {content: '';width: 1px;height: 22px;margin: 0 30px;background: #555}
.old-brand-box.hiseoul {padding-bottom: 20px}
.old-brand-box.hiseoul img {margin-bottom: 20px}

@media (max-width: 560px) {
.old-brand-box {padding: 30px 10px 20px !important}
.old-brand-box.hiseoul {padding: 15px 10px 0px !important}
.old-brand-box img {width: 35%}
.old-brand-box h4 span {font-size: 16px}
.old-brand-box h4 span:after {margin: 0 10px}

/* 브랜드 픽토그램 활용 캐릭터 2023-11-22 */
.box-design-exp.box-design-charactor dl dt {width: 35%;min-width: 30%;margin-right: 20px}
.box-design-exp.box-design-charactor dl dd {width: 60%}

}

@media (max-width: 420px) {
/* 브랜드 픽토그램 활용 캐릭터 2023-11-22 */
.box-design-exp.box-design-charactor dl {flex-direction: column}
.box-design-exp.box-design-charactor dl dt,
.box-design-exp.box-design-charactor dl dd {width: 100%}
.box-design-exp.box-design-charactor dl dt {margin: 0}
.box-design-exp.box-design-charactor dl dd {margin-top: 10px}
}

/* 심볼 */
.symbol-wrap>p {margin-bottom:40px;line-height:1.6}
.symbol-wrap .downloadbox2 {margin:40px 0;}
.symbolbox1:after {display:block;clear:both;content:'';}
.symbolbox1 .left-img, .symbolbox2 .left-img {float:left;width:42%;display:inline-block;text-align:center;box-sizing:border-box;}
.symbolbox1 .right-desc {float:left;width:58%;display:inline-block;}
img.haechi-bi {width: 220px;}
/* strong 폰트크기 수정 2018-07-16 주미숙*/
.symbolbox1 .right-desc strong{font-size:16px;}
.symbolbox1 .right-desc li{margin-bottom:20px;}
.symbolbox2 p{margin-bottom:40px;line-height:1.6}

/* 슬로건 */
.sloganbox1 .h4-type1 i{display:inline-block;background:url(../images/seoul/icon_seoul.png) no-repeat;width:100px;height:27px;text-indent:-9999px;font-size:0;overflow:hidden;vertical-align:bottom}
.sloganbox1>p{margin-bottom:40px;}
.sloganbox2 .in2 {margin:0 auto;display:table;width:60%;}
.sloganbox2 .in2>strong {display:table-cell;padding-right:40px;vertical-align:top;margin-bottom:10px;}
.sloganbox2 .in2 ul{display:table-cell;}
.sloganbox2 .in2 ul:after {display:block;clear:both;content:'';}
.sloganbox2 .in2 li{float:left;width:50%;padding:0 10px;box-sizing:border-box;color:#fff;}
.sloganbox2 .in2 p{padding:20px;box-sizing:border-box;height:86px;}
.sloganbox2 .in2 p span {display:block;color:#fff;white-space:nowrap;margin-bottom:10px;}
.sloganbox2 .in2 .color1 {background:#557aa4;}
.sloganbox2 .in2 .color2 {background:#85c8d8;}
.sloganbox2 .in2 li p{color:#fff;}
.sloganbox3 strong {margin-bottom:10px;}
.sloganbox3 .btn-group2 {margin-top:10px;margin-bottom:30px;}

/* 역대시장 */
.mayor-wrap>ul>li{position:relative;padding:30px 0;border-top:1px dotted #ddd;display:table;width:100%;}
.mayor-wrap>ul>li:after {clear:both;content:'';display:block;}
.mayor-wrap .left-img{float:left;padding-right:40px;vertical-align:top;box-sizing:border-box;}
.mayor-wrap .right-desc{margin-left:140px;}
.mayor-wrap .right-desc strong {display:block;margin-bottom:10px;}
.mayor-wrap dl, .mayor-wrap dt, .mayor-wrap dd{display:block;margin-bottom:10px;}
.mayor-wrap dd:last-child {margin:0;}
.mayor-wrap .mayorname {display:block;font-weight:bold;}
.mayor-wrap .mayortit {display:inline-block;font-weight:bold;}
.mayor-wrap .mayorlist {display:block;margin-top:10px;}
.mayorlist li{position:relative;padding-left:10px;line-height:1.6;}
.mayorlist li:before{content:'-';position:absolute;left:0;}

/* 역사 */
.historybox1 {background:url(../images/seoul/bg_history1.png) no-repeat 90% 100%;padding:30px 0 3px;}
.historybox1 ul{display:block;border-bottom:1px solid #555;padding:0 4%;}
.historybox1 ul:after {display:block;clear:both;content:'';}
.historybox1 li {float:left;padding:0 10px;box-sizing:border-box;}
.historybox1 li a{display:block;border:1px solid #000;border-bottom:0;overflow:hidden;font-size:0;line-height:0;}
.historybox1 li a:focus {outline: 1px dotted #000;}
.historybox1 img {width:100%;height:100%;transform: scale(1.0);transition:transform 0.2s ease-in-out;}
.historybox1 a:hover img{transform: scale(1.05);}
.historybox2 {padding-top:40px;margin-bottom:40px;}
.historybox2 .left-img {float:left;display:block;/*margin-bottom:70px;*/margin-right:5%;box-sizing:border-box;}
.historybox2 .left-img a {display: block;}
.historybox2 .left-img img {display: block; margin-bottom: 20px;}
.historybox2 a.golink {margin-top: 3px; margin-left: 5px; display: inline-block; vertical-align: top;}
.historybox2 .right-desc {display:block;}
.historybox2 p {line-height:1.6;text-align:justify;margin-bottom:20px;}
.historybox2:after {display:block;clear:both;content:'';}
.historycont .box-type4 {margin:35px 0 25px;}
.historycont .box-type4 h4 {font-size:1.3em;font-weight:normal;}
.historycont .box-type4 ul{margin-top:10px;}
.historycont .box-type4 li{line-height:1.6;}
.historycont .desc:after{content:'';display:block;clear:both;}
.historycont .left-desc{float:left;width:74%;}
.historycont .right-img {float:right;width:22%;padding-left:3%;margin-top:5px;text-align:right;}
.historycont .left-desc p{text-align:justify;line-height:1.6;margin-bottom:20px;}
.historycont.tabcont {display:none;}
.word_source { position:relative; padding-left:14px; box-sizing:border-box; overflow:hidden; }
.word_source:before { position:absolute; left:2px; top:50%; width:4px; height:4px; background:#333; box-sizing:border-box; transform:translateY(-50%); content:""; }
.word_source:after { position:absolute; left:0; top:50%; width:8px; height:8px; background:transparent; border:1px dotted #333; box-sizing:border-box; transform:translateY(-50%); content:""; }

/* 색 */
.color-wrap .desc{position:relative;}
.color-wrap .desc:before {content:'';position:absolute;left:0;top:0;bottom:0;width:21.5%;box-sizing:border-box;border-right:10px solid #fff;display:block;}
.colorbox1{background:#98212b}
.colorbox2{background:#f0f0f0}
.color-wrap .colorbox1:before {background:url(../images/seoul/img_color1.png) no-repeat center center;}
.color-wrap .colorbox2:before {background:url(../images/seoul/img_color2.png) no-repeat center center;}
.color-wrap .desc {height:152px;padding:20px 20px 20px 24%;box-sizing:border-box;}
.color-wrap .desc h5 .color-wrap .desc li {line-height:1.6;}
.color-wrap .btn-group2 {margin-top:20px;}
.colorbox1 h5, .colorbox1 li{color:#fff;}

.colorbox3 {margin-left:-10px;}
.colorbox3:after {display:block;clear:both;content:'';}
.colorbox3 li{float:left;width:20%;margin-bottom:10px;}
.colorbox3 li>div{margin-left:10px;}
.colorbox3 li p{padding:20px;margin-top:55px;}
.colorbox3 li span {display:block;color:#fff;}
.colorbox3 .color1 {background:#98212b;}
.colorbox3 .color2 {background:#e4dfe3;}
.colorbox3 .color3 {background:#c1641e;}
.colorbox3 .color4 {background:#5676a5;}
.colorbox3 .color5 {background:#2c5044;}
.colorbox3 .color6 {background:#563935;}
.colorbox3 .color7 {background:#47423e;}
.colorbox3 .color8 {background:#9e978d;}
.colorbox3 .color9 {background:#eba955;}
.colorbox3 .color10 {background:#dbc5a0;}
.colorbox3 .color2 span,
.colorbox3 .color8 span,
.colorbox3 .color9 span,
.colorbox3 .color10 span{color: #000}

.colorbox4:after {display:block;clear:both;content:'';}
.colorbox4 {margin-left:-10px;}
.colorbox4 li {float:left;width:10%;}
.colorbox4 li span {box-sizing:border-box;display:block;padding:10px;height:82px;margin:0 0 10px 10px}
.colorbox4 .color1 {background:#e0dfdd;}
.colorbox4 .color2 {background:#f1c49d;}
.colorbox4 .color3 {background:#dc935c;}
.colorbox4 .color4 {background:#a68f7f;}
.colorbox4 .color5 {background:#744f22;}
.colorbox4 .color6 {background:#8fbdbd;}
.colorbox4 .color7 {background:#568bcf;}
.colorbox4 .color8 {background:#3c8282;}
.colorbox4 .color9 {background:#1a3232;}
.colorbox4 .color10 {background:#8f4350;}
.colorbox4 .color11 {background:#ede4d5;}
.colorbox4 .color12 {background:#f7b65a;}
.colorbox4 .color13 {background:#a6a39a;}
.colorbox4 .color14 {background:#d16f16;}
.colorbox4 .color15 {background:#61523f;}
.colorbox4 .color16 {background:#93b7c7;}
.colorbox4 .color17 {background:#8e8238;}
.colorbox4 .color18 {background:#605f1f;}
.colorbox4 .color19 {background:#252e2b;}
.colorbox4 .color20 {background:#ae1831;}
.colorbox4 .color21 {background:#e6d7d2;}
.colorbox4 .color22 {background:#cfba8d;}
.colorbox4 .color23 {background:#fc7921;}
.colorbox4 .color24 {background:#b67300;}
.colorbox4 .color25 {background:#514e49;}
.colorbox4 .color26 {background:#8db1e1;}
.colorbox4 .color27 {background:#83826d;}
.colorbox4 .color28 {background:#355f53;}
.colorbox4 .color29 {background:#cd919b;}
.colorbox4 .color30 {background:#6e4446;}
.colorbox4 .color31 {background:#f7d100;}
.colorbox4 .color32 {background:#dea65b;}
.colorbox4 .color33 {background:#bb917b;}
.colorbox4 .color34 {background:#946b55;}
.colorbox4 .color35 {background:#b6cbe0;}
.colorbox4 .color36 {background:#a4a501;}
.colorbox4 .color37 {background:#757a7d;}
.colorbox4 .color38 {background:#0a4243;}
.colorbox4 .color39 {background:#b48c8c;}
.colorbox4 .color40 {background:#5e4541;}
.colorbox4 .color41 {background:#dcccab;}
.colorbox4 .color42 {background:#f29901;}
.colorbox4 .color43 {background:#d48368;}
.colorbox4 .color44 {background:#786851;}
.colorbox4 .color45 {background:#bec3c7;}
.colorbox4 .color46 {background:#589ebf;}
.colorbox4 .color47 {background:#0087be;}
.colorbox4 .color48 {background:#11344a;}
.colorbox4 .color49 {background:#c14e4b;}
.colorbox4 .color50 {background:#551a3a;}
.colorbox4 i{color:#fff;}
.colorbox4 .color1 i, 
.colorbox4 .color2 i, 
.colorbox4 .color6 i, 
.colorbox4 .color11 i, 
.colorbox4 .color12 i, 
.colorbox4 .color13 i, 
.colorbox4 .color16 i, 
.colorbox4 .color21 i, 
.colorbox4 .color22 i, 
.colorbox4 .color26 i, 
.colorbox4 .color29 i, 
.colorbox4 .color31 i, 
.colorbox4 .color32 i, 
.colorbox4 .color33 i,
.colorbox4 .color35 i,
.colorbox4 .color36 i,
.colorbox4 .color41 i,
.colorbox4 .color42 i,
.colorbox4 .color43 i,
.colorbox4 .color45 i{color:#222;}
.colorbox4 .color3 i, 
.colorbox4 .color23 i,
.colorbox4 .color39 i {color: #000;}
.color-wrap .imgbox {margin-top:20px;}

.colorbox5 {position:relative;margin:64px 10px 40px;border:1px solid #555;padding:65px 40px 50px;}
.colorbox5 .decotit {position:absolute;display:block;top:-15px;left:50%;margin-left:-130px;background:#bb1135 url(../images/seoul/bg_title.png) no-repeat left center;color:#fff;height:31px;line-height:31px;padding:0 20px 0 70px;box-sizing:border-box;}
.colorbox5 h4 {font-size:1.33em;text-align:center;line-height:1.6;}
.colorbox5 p{text-align:center;font-size:14px;line-height:1.6;}
.colorbox5 .h5-type1{border-bottom:1px solid #98212b;margin-bottom:20px;margin-top:40px;}
.colorbox5 .h5-type1 strong {display:inline-block;background:#98212b url(../images/seoul/bg_color_tit.png) no-repeat right top;padding:10px 70px 5px 20px;height:40px;min-width:140px;box-sizing:border-box;color:#fff;font-size:18px;}
.colorbox5 h6{margin:20px 0 10px;font-size:16px;}
.colorbox5 h6:before{content:'';display:inline-block;width:5px;height:5px;margin:-2px 6px 0 0;background:#98212b;vertical-align:middle;}
.colorbox5 .h5-type2{font-size:18px;margin-bottom:20px;}
.colorbox5 .row:after {display:block;clear:both;content:'';}
.colorbox5 .col.left {float:left;width:47%;}
.colorbox5 .col.right {float:right;width:47%;}
.colorbox5 .color-call {margin-top:40px;}
.colorbox5 .color-call:after {display:block;clear:both;content:'';}
.colorbox5 .color-call li {float:left;width:33%;padding-left:20px;box-sizing:border-box;}
.colorbox5 .color-call li.first {padding-left:0;width:34%;}
.colorbox5 .color-call strong{display:inline-block;width:45%;color:#98212b;font-weight:normal;line-height:1.6;}
.colorbox5 .color-call span {display:inline-block;width:50%;line-height:1.6;}

/* 올해의 색 2024-01-16 */
.colorbox6 {margin: 35px 0;}
.colorbox6 h5,
.colorbox6 h6 {margin-bottom: 5px;}
.colorbox6 p {margin-bottom: 15px;word-break: keep-all}
.colorbox6 .info {margin: 15px 0 0;text-align: center;}
.colorbox6 .imgbox {display: flex}
.colorbox6 .imgbox + p {margin: 10px;text-align: center;}
.colorbox6 .imgbox.box4 {display: flex;flex-wrap: wrap;gap: 12px}
.colorbox6 .imgbox.box4 .img {width: calc(50% - 6px)}
.colorbox6 .imgbox.box4 img {max-width: 100%}
.colorbox6 .imgbox.box2 {align-items: flex-end;gap: 45px;}
.colorbox6 .imgbox.box2 .text {width: 250px;display: flex;justify-content: flex-start;}
.colorbox6 .imgbox.box2 .text dl {display: flex;flex-wrap: wrap;justify-content: flex-start;gap: 15px;}
.colorbox6 .imgbox.box2 .text dl dt {width: 75px;font-weight: 700;text-align: left}
.colorbox6 .imgbox.box2 .text dl dd {width: calc(100% - 100px);text-align: left;}
.colorbox6.banner {margin: 50px 0 60px}
.colorbox6.banner .pc {display: block}
.colorbox6.banner .mo {display: none}
@media (max-width: 640px) {
  .colorbox6 .imgbox.box2 {gap: 20px}
  .colorbox6 .imgbox.box2 .img {width: 140px}
  .colorbox6 .imgbox.box2 .text {width: 65%}
  .colorbox6 .imgbox.box2 .text dl {gap: 5px;}
  .colorbox6 .imgbox.box2 .text dl dt,
  .colorbox6 .imgbox.box2 .text dl dd {font-size: 14px;}
  .colorbox6.banner {margin: 25px 0 30px}
  .colorbox6.banner .pc {display: none}
  .colorbox6.banner .mo {display: block}
}
@media (max-width: 412px) {
  .colorbox6 .info br {display: none;}
  .colorbox6 .imgbox.box4 {flex-direction: column;}
  .colorbox6 .imgbox.box4 .img {width: 100%}
  .colorbox6 .imgbox.box2 {flex-direction: column;justify-content: flex-start;align-items: flex-start}
  .colorbox6 .imgbox.box2 .img,
  .colorbox6 .imgbox.box2 .text {width: 100%}
}



/* 서체 */
.font-wrap>div {margin-bottom:40px;}
.font-wrap .fontbox{display:block;box-sizing:border-box;border: 1px solid #ddd;padding:30px;line-height:1.6;}
.font-wrap p, .font-wrap h5{line-height:1.6;}
.fontbox h5{margin-top:20px;}
.fontbox h5:first-child {margin-top:0;}
.font-wrap .fontdownload {text-align:center;}
.font-wrap .pastel1, .font-wrap .pastel2,.font-wrap .pastel3{display:inline-block;margin:0 10px 10px;padding: 25px 30px;border:1px solid #ddd;min-width: 250px;box-sizing: border-box;}
.font-wrap .pastel1 {background:#eef0d8;}
.font-wrap .pastel2 {background:#d9f6ca;}
.font-wrap .pastel3 {background:#f2dcd6;}
.font-wrap .fontdownload strong, .font-wrap .fontdownload span {display:block;}
.font-wrap .fontdownload strong {margin-bottom:10px;}
.font-wrap .fontdownload span {background:#fff;border:1px solid #ddd;padding:3px 30px;font-size:14px;font-weight:bold;}
.font-wrap .row {margin-top:20px;}
.font-wrap .row:after{content:'';display:block;clear:both;}
.font-wrap .col {float:left;width:50%;padding:0 25px;box-sizing:border-box;margin-bottom:10px;}
.font-wrap .col h5{color:#be312a;}
.font-copyright {display: flex;align-items: center;}
.font-copyright img {margin-left: 20px;}

/*저작권정책*/
.copy p{line-height: 23px;word-break: keep-all}
.copy .copy-type{text-align: center;border: 1px solid #dddddd;margin:20px 0}
.copy-type-table{margin: 15px 0;}
.copy-type-table img{height: 50px;}
.copy .example{background: #f4f4f4;border-radius: 15px;padding:30px;margin:20px 0 }
.copy ul li{color:#222}
dl.ctv {width:100%;border-top:2px solid #2F70BA;border-bottom:1px solid #ddd;}
dl.ctv dt {position:relative;padding:15px 8px 15px 30px;border-bottom:1px solid #ddd;color:#222;}
dl.ctv dd {position:relative;margin-top:-1px;padding:10px 8px 10px 30px;border-top:2px solid #C2DAF6;border-bottom:2px solid #C2DAF6;background:#F4F9FF;color:#666;}
dl.ctv dt strong {position:absolute;left:10px;color:#2F70BA;}
dl.ctv dd strong {position:absolute;left:12px;color:#FF0000;}
dl.ctv dt.active + dd{display: block !important}
.privacy ol.num>li {list-style: decimal; text-indent: 0;list-style-position: inside}
.privacy .heading-txt{font-size: 16px;margin:33px 0 15px 0}
.privacy .box{box-sizing: border-box;border:1px solid #dddddd;padding:17px 28px;line-height: 25px;text-align: left;}
.privacy .mediaCase .bltTit{margin-top:30px;margin-bottom: 15px;padding-left: 16px;background: url(../images/bullet_policy2.gif) no-repeat left center}
.privacy .mediaCase .bltTit span{font-size:16px;font-weight: 700}
.privacy .mediaCase .smDoc{padding-left:10px;background: url(../images/bullet_policy3.gif) no-repeat left 8px;margin-left:30px;line-height: 24px}
.privacy table{margin: 15px 0}
.privacy ol li{line-height: 26px}
.privacy .tstyle01{border-top:1px solid #ddd;border-bottom:1px solid #ddd}
.privacy .tstyle01 td{text-align: center;padding:35px 0}
.privacy .tstyle02{table-layout: fixed}
.privacy .tstyle02 thead th{background: #f4f6f7;text-align: center;vertical-align: middle;color:#222;padding:23px 0}
.privacy .tstyle02 td{text-align: center;padding:25px 0;font-weight: 700}
.privacy .tstyle02 td span{font-size: 16px}
.privacy .tstyle03{table-layout: fixed}
.privacy .tstyle03 thead th{/*background: #f4f6f7;text-align: center;vertical-align: middle;color:#222;*/padding:7px 0;}
.privacy .tstyle03 thead th.thl{border-left: 1px solid #ddd}
.privacy tbody th.thl{border-left: 1px solid #ddd}
.privacy tbody td.thl{border-left: 1px solid #ddd}
.privacy .tstyle03 td{text-align: center;padding:7px 0;/*font-weight: 700*/}
.privacy .tstyle03 td img{vertical-align: middle}
/*.privacy .tstyle03 td.pdf{font-weight: 400;line-height: 23px}*/
.privacy .tstyle03 td.t2{padding:5px 0}
.privacy-info .row p.title{margin-bottom:10px; color:#222;padding-left: 27px;background:url(../images/icon_bul_notify.png) no-repeat 0 2px; font-size:16px}
.privacy-info .row p.title strong{font-weight: 700;}
.privacy-info .row p{color:#767676; line-height: 24px}
.privacy-info .row p.title .point {font-size:16px;}
.btn-pdf-download{display: inline-block;border:1px solid #767676;padding:5px 16px;margin:15px 0 0;font-size: 16px}
.btn-pdf-download span{padding-left: 40px;display:inline-block;background: url(../images/ico_pdf2.png) no-repeat 0 0;line-height: 28px;height:28px}
@media (max-width:500px) {
  .copy-type-table img{height: auto;}
}

/* 시보 */
.sibo-wrap .sibobox1 {padding:40px 35% 50px 25px;background:url(../images/news/img_sibo.jpg) no-repeat right bottom;}
.sibo-wrap .sibobox1 .tit {font-size:2.125em;margin-bottom:1.4em;}
.sibo-wrap .sibobox1 .desc {line-height:1.6;margin-right:22%;}

.sibo-wrap .box-type2>ul>li{line-height:1.6;margin-top:20px;}
.sibo-wrap .box-type2>ul>li:first-child {margin-top:0;}
.sibo-wrap .box-type1 {margin-bottom:0;}
.sibo-wrap .download {margin:10px 0;}
.search-box2 {padding:20px 0;}
.search-box2:after {clear:both;content:'';display:block;}
.search-box2 label {display:inline-block;font-weight:bold;}
.search-box2 .col {float:left;box-sizing:border-box;padding-left:10px;}
.search-box2 .col:first-child {padding-left:0;}
.search-box2 .col div {display:inline-block;}
.search-box2 .datepicker {width:120px;}
.search-box2 select {width:180px;}
.search-box2 .keyword {width:250px;}
.search-box2 img {margin:0 4px;}

.sibo-wrap .siteguard{box-sizing:border-box;border:1px solid #ddd;padding:3.2em 3.7em;margin-top:40px;}
.sibo-wrap .siteguard a.bg-sg span em{color:#2c9c0c;font-weight: bold}
.sibo-wrap .siteguard .v3{padding-left:156px;background: url(../images/img_sguard.png) no-repeat left center}
.sibo-wrap .siteguard strong{color:#289909}
.sibo-wrap .siteguard strong.red{color:#b30b0b}
.sibo-wrap .siteguard img {float:left;margin-right:40px;}
.sibo-wrap .siteguard .btn em {color:#289909;font-weight:bold;}

.board .board-top{margin:30px 0 20px;}
.board .board-top .page{float:right;color:#555;}
.board .board-top .page strong{color:#555}
.board .board-top .page .btn{border:1px solid #767676}
.board .board-top .page .btn span{font-size: 14px}
.board .board-top .page select{width: 80px;margin:0 5px 0 15px}
/*table.table-type02 thead th{background: #93a2b0;color:#fff;padding:10px 0}*/
table.table-type02 tbody td{text-align: center;/*padding:20px 0*/}

/*이메일 무단 수집거부*/
.email .bg-email{width:595px;height: 494px;background: url(../images/bg_email.png) no-repeat 0 0;margin:90px auto}
.email .bg-email > div{padding:60px 0 0 170px;line-height:27px;font-size:16px;}
.email .bg-email > div *{font-size:16px;line-height: 27px}

/* 접근성 */
.wah-wrap h4 {/* font-size:1.75em; */font-weight:bold;margin-bottom:0.75em;}
.wah-wrap .imgbox {margin:40px auto;text-align:center;}

/* 개인정보처리방침 */
.privacybox1:after {content:'';display:block;clear:both;}
.privacybox1 {margin-bottom:40px;}
.privacybox1 .right-desc{float:right;}
.privacy-wrap h4, .privacy-wrap p, .privacy-wrap li{line-height:1.6;}
.privacy-wrap h4 {margin-top:40px;}
.privacy-wrap p {margin-top:10px;}
.privacy-wrap ol{margin-top:20px;}
.privacy-wrap ol>li {margin-bottom:20px}
.privacy-wrap ol.type2>li {margin-bottom:0}
.privacy-wrap ol ol li {margin-bottom:0}
.privacy-wrap .orglink {margin:10px 0 20px;}
.privacy-wrap .orglink ul{display:block;border-left:1px solid #ddd;border-top:1px solid #ddd;box-sizing:border-box;}
.privacy-wrap .orglink ul:after {content:'';display:block;clear:both;}
.privacy-wrap .orglink li{float:left;display:table;width:20%;height:120px;box-sizing:border-box;border-bottom:1px solid #ddd;border-right:1px solid #ddd;}
.privacy-wrap .orglink li a{display:table-cell;vertical-align:middle;text-align:center;}
.privacy-wrap .orglink li:nth-child(odd) {background:#f4f6f7;}
.privacy-wrap .orglink li:hover a{background:#0c82e9;color:#fff;}
.privacy-wrap .privacybox2 {padding:0 35px;}
.privacybox2>ol>li {margin-top:20px;}
.privacy-wrap .imgbox {margin:20px 0;}
.privacy-wrap a {color: #0c82e9;font-weight: bold;}

/* 2020-06-10 */
.privacy-list {position: relative;padding: 15px 15px 10px;border: 1px solid #ccc;box-sizing: border-box}
.privacy-list * {box-sizing: border-box;}
.privacy-list:after {content: '';display: table;clear: both;}
.privacy-list h4 {position: absolute;top: -15px;left: 50%;margin: 0 0 0 -36px;background: #fff}
.privacy-list-left {float: left;width: 50%;border-right: 1px dotted #ccc;padding-right: 10px;}
.privacy-list-right {float: right;width: 50%;padding-left: 10px;}
.privacy-list ol li {margin-bottom: 10px;}
.privacy-list a {display: inline-block;padding-left: 20px;text-indent: -20px;color: #000;}
.tstyle07 td.aLeft {padding: 7px;text-align: left;}
.tstyle07 th.classify {font-weight: 400;}

/* 신규 개인정보처리방침 2022-10-25 */
.privacy-wrap-202210.privacy-wrap h4.privacy-title {display: block;width: 100%;margin-bottom: 0;padding: 7px 10px;background: #f4f6f7;border-top: 1px solid #767676;color: #222;line-height: 1.4;text-align: center;font-size: 14px;font-weight: 700;box-sizing: border-box;}
.privacy-label-wrap {display: flex;flex-wrap: wrap;margin-bottom: 30px;border-bottom: 2px solid #767676;}
.privacy-label-wrap dl {position: relative;display: flex;flex-direction: column;width: calc(33.3333% - 1px);padding-top: 110px;border-top: 1px solid #ddd;border-left: 1px solid #ddd;}
.privacy-label-wrap dl:nth-child(3n+1) {width: 33.3333%;border-left: 0;}
.privacy-label-wrap dl dt {display: flex;justify-content: center;padding: 7px 10px;text-align: center;}
.privacy-label-wrap dl dd.txt {display: flex;flex: 1 1 auto;align-items: center;justify-content: center;padding: 7px 5px;border-top: 1px solid #ddd;text-align: center;word-break: keep-all;}
.privacy-label-wrap dl dd.img {position: absolute;top: 15px;left: 50%;transform: translateX(-50%)}

.privacy-index-wrap {display: flex;flex-wrap: wrap;margin-bottom: 20px;border-top: 1px solid #ddd;border-bottom: 2px solid #767676;}
.privacy-index-wrap .privacy-index {width: calc(50% - 1px);margin: 0;border-left: 1px solid #ddd}
.privacy-index-wrap .privacy-index:first-child {width: 50%;border-left: 0}
.privacy-index-wrap .privacy-index li {list-style-type: decimal;margin-left: 40px;margin-bottom: 10px;padding-right: 20px;word-break: keep-all;}
.privacy-index-wrap .privacy-index li:first-child {padding-top: 10px;}

@media all and (max-width: 1151px) {
  .privacy-label-wrap dl dt,
  .privacy-label-wrap dl dd,
  .privacy-index-wrap .privacy-index li {font-size: 14px}
  #content .privacy-wrap-202210.privacy-wrap h4.privacy-title {margin-bottom: 0}
  .privacy-index-wrap .privacy-index li {margin-left: 30px;}
}
@media all and (max-width: 480px) {
.privacy-list-left,
.privacy-list-right {float: none; width: 100%;padding: 0;}
.privady-list-left {border-right: 0;}
.privacy-list-right {margin-top: -10px;}
.privacy-index-wrap {flex-direction: column;}
.privacy-label-wrap dl {padding-top: 22vw}
.privacy-index-wrap .privacy-index {width: 100% !important;border-left: 0}
.privacy-index-wrap .privacy-index + .privacy-index li:first-child {padding-top: 0}
}

/* 서울소개 메인 */
.seoul-wrap .row {margin:0 20px;}
.seoul-wrap .row:after {display:block;clear:both;content:'';}
.seoul-wrap .col {float:left;box-sizing:border-box;height:295px;width:31%;margin:0 0 25px 3.5%;padding:25px 30px;border:1px solid #c8c8c8;}
.seoul-wrap .col:first-child {margin-left:0;}
.seoul-wrap h4 {font-size:22px;margin-bottom:10px;white-space:nowrap;}
.seoul-wrap li{font-size:14px;line-height:1.6;margin-right:40px;white-space:nowrap;}
.seoul-wrap .nav2 li{display:inline-block;}
.seoul-wrap .seoulbox3 h4, .seoul-wrap .seoulbox3 p{text-align:center;}
.seoul-wrap p {font-size:14px;margin-bottom:20px;}
.seoul-wrap .seoulbox2 {text-align:center;padding-bottom: 35px;}
.seoul-wrap .seoulbox3 a{display:block;height:293px;}
.seoul-wrap .seoulbox3 .nav3 a {height: auto;}
.seoul-wrap .seoulbox1 .nav4>a,
.seoul-wrap .seoulbox1 .nav5-1>a {display:block;height:293px;}
.seoul-wrap .nav1{background:url(../images/seoul/bg_intro1.png) no-repeat center bottom}
.seoul-wrap .nav2{background:url(../images/seoul/bg_intro2_2022.png) no-repeat center bottom;padding-right: 20px} /* 2023-05-09 캐릭터해치 */
.seoul-wrap .nav3{background:url(../images/seoul/bg_intro3.png) no-repeat right bottom}
.seoul-wrap .nav4{background:url(../images/seoul/bg_intro4_2020.png?ver=2020) no-repeat center bottom;/* background-size:contain; */text-align: center;}
.seoul-wrap .nav5{background:url(../images/seoul/bg_intro5.png) no-repeat center bottom;background-size:cover;}
.seoul-wrap .nav5-1{background:url(../images/seoul/bg_intro5.png) no-repeat center bottom;background-size:cover;}
.seoul-wrap .nav6{background:url(../images/seoul/bg_intro6.png) no-repeat center bottom;background-size:cover;}

/* 시민참여 */
.citizen-wrap:after {clear:both;display:block;content:'';}
.citizen-wrap .left-cont {float:left;width:591px;margin-left:20px;margin-right:30px;box-sizing:border-box;}
.citizen-wrap .right-cont{float:left;width:271px;}
.citizen-wrap a{position:relative;display:block;}
.citizen-wrap [class^=citizenbox], .citizen-wrap [class^=citizenbox]{float:left;position:relative;border:1px solid #c8c8c8;padding:30px 30px 30px 40px; box-sizing:border-box;} /*20201118 modify*/
.citizen-wrap [class^=citizenbox]:after, .citizen-wrap [class^=citizenbox]:after{content:'';display:inline-block;position:absolute;bottom:0;right:0;z-index:10;}
.citizenbox1, .citizenbox2{height:294px;margin-bottom:30px;width:100%;}
.citizenbox4, .citizenbox6 {margin:0 0 9px 0;width:291px;height:142px;float:left;}
.citizenbox5, .citizenbox7 {margin:0 0 9px 9px;width:291px;height:142px;float:left;}

.citizenbox3{position:relative;width:591px;height:294px;margin-bottom:30px;}
.citizenbox3:after {display:block;content:'';clear:both;}
.citizen-wrap h5{font-size:22px;}
.citizen-wrap li>a{font-size:14px;}
.citizenbox2 a{display:inline-block;}
.citizen-wrap p{margin-top:5px;font-size:14px;}

.citizenbox3 h5{float:left;margin-right:190px;}
.citizenbox3 h6 {float:left;padding:0 15px;margin-top:6px;border-left:1px solid #ddd;line-height:1}
.citizenbox3 h6.first {border-left:0;}
.citizenbox3 h6 .active {color:#0c82e9;text-decoration:underline;}
.citizenbox3 .btn-more {position:absolute;top:-33px;right:0;display:inline-block;width:24px;height:24px;background:url(../images/ico_more.png) no-repeat;}

.citizen-wrap ul{margin-top:5px;}
.citizentab-cont {display:none;position:absolute;top:65px;left:40px;right:30px;} /*20201118 modify*/
.citizenbox3 li{ position:relative; padding:3px 0;}
.citizenbox3 li a{box-sizing:border-box;}
.citizenbox3 li a:after {display:block;clear:both;content:'';}
.citizenbox3 li span { display:block; }
.citizenbox3 li .txt {float:left;width:80%;overflow:hidden;text-overflow: ellipsis;white-space:nowrap;line-height:1.6;}
.citizenbox3 li .txt:before {display:inline-block;content:'';width:3px;height:3px;margin-right:7px;background:#797979;vertical-align:middle;}
.citizenbox3 li .date { position:absolute; right:0; top:0; font-style:normal;line-height:1.6;width:20%;}
.citizenbox3 li em {float:right;font-style:normal;line-height:1.6;}
.citizenbox1:after{width:100%;height:130px;margin-bottom:20px;background:url(../images/citizen/img_citizen1_new.png) no-repeat center bottom;}
.citizenbox1.bg2021:after {width: 100%;height: 101px;margin-bottom: 56px;background: url(../images/citizen/img_citizen1_new2021.png) no-repeat 40px 0;}
.citizenbox1.bg2023:after {width: 100%;height: 206px;margin-bottom: 0;background: url(../images/citizen/img_citizen_ombudsman.jpg) no-repeat 50% 0;}
.citizenbox2:after{width:100%;height:110px;background:url(../images/citizen/img_citizen2.png) no-repeat center bottom;}
.citizenbox4:after{width:90px;height:90px;background:url(../images/citizen/img_citizen3.png) no-repeat right bottom;}
.citizenbox5:after{width:90px;height:90px;background:url(../images/citizen/img_citizen4.png) no-repeat right bottom;}
.citizenbox6:after{width:90px;height:90px;background:url(../images/citizen/img_citizen5.png) no-repeat right bottom;}
.citizenbox7:after{width:100px;height:80px;background:url(../images/citizen/img_citizen6.png) no-repeat right bottom;}

/* new 2023-02-06 */
.citizen-wrap .citizenfullbox {padding: 0;box-sizing: border-box;}
.citizen-wrap .citizenfullbox a {display:flex;width: 100%;height: 100%;flex-direction: column;padding: 30px 30px 30px 40px;box-sizing: border-box;z-index: 12;}
.citizen-wrap .citizenbox3-2023 {height: 254px}
.citizen-wrap .citizenbox1-2023 {height: 254px}
.citizen-wrap .citizenbox1-2023:after {width: 100%;margin: 0;background: url(../images/citizen/img_citizen1_2023.png) no-repeat 50% 100%}
.citizen-wrap .citizenbox4-2023:after {width: 100%;height: 95px;margin: 0;background: url(../images/citizen/img_citizen4_2023.png) no-repeat 100% 100%}

.citizenbox2 li {margin-top:7px;}
@media all and (max-width:1150px){
  .citizenbox2 li { margin-top:3px; }
}
/* 2023-07-17 add */
.citizen-wrap .top-cont {display:flex;margin-left:20px;gap:0 30px;}
.citizen-wrap .top-cont .citizenbox1-1:after {width: 100%;margin: 0;background: url(../images/citizen/img_citizen1-1_2023.png) no-repeat 50% 100%;bottom: 26px;}
.citizen-wrap .top-cont .citizenbox1-2:after {width: 100%;margin: 0;background: url(../images/citizen/img_citizen1-2_2023.png) no-repeat 50% 100%;bottom: 26px;}

/* 20201118 add */
.bottom-cont {margin-left: 20px;}
.citizen-wrap .bottom-cont [class^=citizenbox],.citizen-wrap .bottom-cont [class^=citizenbox] {width: 431px;height: 142px;margin-bottom:30px}
.citizen-wrap .bottom-cont .citizenbox5,.citizen-wrap .bottom-cont .citizenbox7 {margin-left: 30px}
.citizen-wrap .bottom-cont .citizenbox4:after {right: 31px}
.citizen-wrap .bottom-cont .citizenbox5:after{width:84px; height:56px; bottom:16px; background:url(../images/citizen/img_citizen4_new.png) no-repeat right bottom;}
.citizen-wrap .bottom-cont .citizenbox6:after {right: 37px;width: 95px;height: 65px;background: url(https://www.seoul.go.kr/res_newseoul/images/citizen/img_citizen5_new.png)no-repeat right bottom}
.citizen-wrap .bottom-cont .citizenbox7:after {right: 37px;bottom:0;width: 106px;height: 65px;background: url(/res_newseoul/images/citizen/img_citizen7.png) no-repeat right top}


/* 사이버 모니터*/
.monitorbox1 {display:table;width:100%;margin-bottom:0;}
.monitorbox1:after {display:block;clear:both;content:'';}
.monitorbox1 .left-img, .monitorbox1 .right-desc {display:table-cell;box-sizing:border-box;vertical-align:middle;}
.monitorbox1 .left-img {width:45%;border-right:1px solid #ddd;padding-right:40px;}
.monitorbox1 .right-desc {width:55%;padding-left:30px;font-size:16px;}
.monitorbox2:after {display:block;clear:both;content:'';}
.monitorbox2 .odd.first, .monitorbox2 .even.first {background-image:none;}
.monitorbox2 a{float:left;box-sizing:border-box;background:url(../images/bg_dashed.png) repeat-x top;padding:40px 20px;line-height:1.6;}
.monitorbox2 .odd{width:55%;}
.monitorbox2 .even{width:45%;}
.monitorbox2 a.last {position: relative;}
.monitorbox2 a.last::after{position: absolute; bottom:-1px; left:0; width: 100%; height:1px;display: block;clear: both; content: '';background:url(../images/bg_dashed.png) repeat-x bottom;}
.monitorbox2 strong {font-size:16px;}
.monitorbox2 span{word-break:break-all;}
.monitorbox2 span, .monitorbox2 p {font-size:14px;margin:2px 0;}

/*helper.css*/
.wah-wrap h4 {font-weight:bold;margin-bottom:0.75em;}
.box-type3 li{padding:5px 0;line-height:1.6;}
.box-type3 strong {color:#0c82e9;}

.wah-wrap .imgbox {margin:40px auto;text-align:center;}

/* div table */
.tblwrap {border-top:1px solid #767676;border-bottom:1px solid #767676;margin-bottom:20px;} /*0830*/
.tblwrap .headwrap:after, .tblwrap .tblhead:after, .tblwrap .bodywrap:after{display:block;clear:both;content:'';}
.tblwrap .tblhead {float:left;width:50%;box-sizing:border-box;background:#f4f6f7;}
.tblwrap span{display:block;float:left;padding:7px 10px;text-align:center;box-sizing:border-box;}
.tblwrap .num {width:16%;}
.tblwrap .hp {width:54%;white-space:nowrap;font-weight:bold;}
.tblwrap .date {width:30%;}
.tblwrap .bodywrap li{float:left;width:50%;box-sizing:border-box;border-bottom:1px solid #ddd;}
.tblwrap .bodywrap li:nth-child(odd){border-right:1px solid #ddd;}
.tblwrap .bodywrap li:last-child {border-bottom:0;}

/* div table 접근성 페이지 수정 2019.11.13 */
.tblwrap.tblaccess {margin: 20px 0 40px;}
.tblwrap.tblaccess .tblhead,
.tblwrap.tblaccess .bodywrap li {float: none;width: 100%;}
.tblwrap.tblaccess .bodywrap li:nth-child(odd) {border-right: 0;}
.tblwrap.tblaccess .hp {width:60%;white-space:nowrap;font-weight:bold;}
.tblwrap.tblaccess .date {width:40%;}

.error_wrap {margin:142px auto 100px;}
.error_wrap .error .er404 {background:url('../images/icon_error.png') no-repeat 3px 50%;}
.error_wrap .error .er500 {background:url('../images/icon_error2.png') no-repeat 3px 50%;height:auto;}
.error_wrap .error .er400 {background:url('../images/icon_error3.png') no-repeat 3px 50%;height:auto;}

/*마일리지소개 */
.mileage h4{margin:40px 0 8px;font-size: 18px}
.mileage .box{box-sizing: border-box;border:1px solid #dddddd;padding:15px;line-height: 1.25;margin-bottom: 20px;background:#fff;text-align:left;}
/* ul.mileageUL li {background:url('../images/honor_ico.gif') no-repeat 8px 7px; padding-left:15px; line-height: 20px; color:#333333;} */
.mileage_table td .point {display:inline-block;background:url('../images/icon_point.gif') no-repeat 2px 0; font-family: Verdana; padding-left:22px; font-weight:normal; }
.mileage_table td.tc{text-align: center}
.mileage_table{margin-bottom: 10px}
/*.mileage_table td{padding:20px 30px}*/
ul.boxUL {overflow: hidden;}
ul.boxUL li {float:left;border:1px solid #dddddd; width:50%; height:210px;box-sizing: border-box;margin-bottom: -1px;padding:2em 0 2.25em 2.125em}
ul.boxUL li.right {margin-left:-1px;}
ul.boxUL li div {float:left;}
ul.boxUL li dl {float:none;width:100%;text-align:center;} /*0822*/
ul.boxUL li dl dt {font-size:1.125em; font-weight:bold; padding:0 0 1.444em 0; color:#3f3f3f;}
ul.boxUL li dl dd {margin-bottom:5px;/*background:url('../images/honor_ico.gif') no-repeat 8px 7px;*/ padding-left:15px; line-height: 20px; color:#333333;}
ul.boxUL li dl dd.content {color:#666666; line-height:20px; padding:10px 0 0 15px;}
ul.boxUL li dl dd .point{font-weight: normal !important}
.mileage_icon{display:inline-block;float:left;width:111px;height:111px;background-image:url('../images/bg_mileage_icon.gif');background-repeat:no-repeat;margin:10px 1.875em 25px 0px;}
.mileage_icon.pro1{background-position:0px 0px}
.mileage_icon.pro2{background-position:0px -110px}
.mileage_icon.pro3{background-position:0px -221px}
.mileage_icon.pro4{background-position:0px -332px}
/*.mileage_table thead th{background: #f4f6f7;font-size: 18px;padding:10px 0;}*/

/* TOP Button */
/* .btn-top {position:fixed;bottom:-100px;left:50%;margin-left:600px;opacity:0;transition:1s;z-index:1000000;} */
button.btn-top {padding:0}
.btn-top {position:fixed;bottom:-100px;left:50%; display:block; width:34px; height:34px; margin-left:600px;opacity:0;transition:1s;z-index:1000000;}
.btn-top:focus-visible {transition: none !important}
.btn-top.show {opacity:1; bottom:98px;}
.btn-top-2019 {background: url(/res_newseoul/images/btn_top.png) no-repeat 0 0;text-indent: -9999em}

/* 콘텐츠 제공서비스 품질 인증서 */
.gcs {width:1152px;margin:0 auto;}
.gcs img {display:block;width:490px;margin:0 auto;}
.gcs .invisible {overflow:hidden;position:absolute;width:0;height:0;font-size:0;line-height:0;text-indent:-9999px;}

/* 시스템알럿 레이어팝업 */
.dim_layer {display:none;}
.dim_layer:before {content:'';position:fixed;background:rgba(34, 34, 34, 0.6);left:0;top:0;right:0;bottom:0;z-index:99;}
.noti_popup {position:fixed;top:50%;left:50%;width:300px;background:#fff;box-sizing:border-box;transform:translate(-50%, -50%);z-index:100;}
.noti_popup .notiBox {padding:20px 15px;}
.noti_popup .notiBox h1 {font-size:20px;margin-bottom:10px;}
.noti_popup .notiBox .txt_area {text-align:center;background:#f3f9fe;padding:20px 15px;}
.noti_popup .notiBox .txt_area p {font-size:14px;}
.noti_popup .notiBox .txt_area p span {display:block;line-height:1.4;}
.noti_popup .notiBox .txt_area p .bold {font-weight:bold;margin:5px 0;}
.noti_popup .notiBox .btn_area {margin-top:20px;width:100%;text-align:center;}
.noti_popup .notiBox .btn_area .btn {display:block;width:100%;padding:10px 15px 9px;background:#0c82e9;border:1px solid #0c82e9;text-align:center;}
.noti_popup .notiBox .btn_area .btn span {color:#fff;font-size:16px;}
.noti_popup .notiBox .btn-close{width:14px; height:14px; background:url(../images/btn_close.png) no-repeat; background-size:100%; position: absolute;right: 18px;top: 25px;}

/* 2022-03-24 add */
#resultConfirmPopup .noti_popup {width:455px;}
#resultConfirmPopup .noti_popup .notiBox .txt_area {text-align:left;}
#resultConfirmPopup .noti_popup #resultUserId {display:inline; color:#0c82e9 !important; }
@media (max-width:768px){
#resultConfirmPopup .noti_popup{width:300px;}
}

/* 해치 BI */
.haechi {width:100%;}
.haechi .top {text-align:center;}
.haechi .top img {width:100%;}
.haechi .contBox {padding:40px;}
.haechi .contBox h2 {font-size:20px;font-weight:700;}
.haechi .contBox .list {margin:25px 0 35px;}
.haechi .contBox .list li {position:relative;margin-top:15px;padding-left:10px;line-height:1.5;color:#555;}
.haechi .contBox .list li:before {content:'';display:inline-block;width:3px;height:3px;background:#767676;position:absolute;left:0;top:8px;}
.haechi .contBox .tab {margin-bottom:0;}
.haechi .contBox .btn-group {text-align:right;}
.haechi .contBox .imgBox {margin-top:10px;}
.haechi .contBox .imgBox .tit_area {height:29px;line-height:27px;border-top:1px solid #ddd;background:#f4f6f7;padding:0 20px;}
.haechi .contBox .imgBox .tit_area strong {font-size:16px;}
.haechi .contBox .imgBox .img_area {padding:50px 0;text-align:center;}
.haechi .haechi_char .tabcont {display:none;}
.haechi .haechi_char .btn-group {margin-top:15px;}
.haechi .haechi_char .btn-group .btn {margin-left:0;margin-right:0;padding:11px 16px 10px;}

.text-box2 {margin-top:20px}

.join-form .require:before {content: '*';display: inline-block;color: #0c82e9;margin-right: 3px;} /*0919*/
.join-form .require:after {content: '';} /*0919*/

@media (max-width:768px){
  .seoul-join h2{margin-top:20px}
  .seoul-join .info-box .tx-wrap span.label + .point,
  .seoul-join .info-box .tx-wrap span.label + .point + em{font-size: 18px}
  .seoul-join .info-box p:first-child{margin-bottom: 15px}
  .seoul-join .guide-box{margin-bottom: 20px;margin-top:10px}
  .seoul-join .info-box + .list-type{margin-bottom: 20px}
  .seoul-join .guide-box .list-num li{margin-top:4px}

  .citizen-wrap [class^=citizenbox], .citizen-wrap [class^=citizenbox] {float:none;width:100%;}
  .citizen-wrap p {font-size:16px;}
  .citizen-wrap ul li a {font-size:16px;}
  .citizenbox2 {margin-left:0 !important;}
  .citizenbox5 {margin-left:0 !important;}
  .citizenbox7 {margin-left:0 !important;}
  
  /* 2023-07-17 add */
  .citizen-wrap .top-cont {flex-direction:column;gap:0 15px;}
  .citizen-wrap .top-cont .citizenbox1-2023 {height: 142px !important;}
  /* 20201118 add */
  .citizen-wrap .bottom-cont [class^=citizenbox],.citizen-wrap .bottom-cont [class^=citizenbox] {width: 100% !important}
  .citizen-wrap .bottom-cont .citizenbox4:after {right: 0}
  .citizen-wrap .bottom-cont .citizenbox6:after, .citizen-wrap .bottom-cont .citizenbox7:after {right: 10px}
  .citizen-wrap .citizenbox1-2023:after {right: 10px !important;}

  .haechi .contBox {padding:20px;}
  .haechi .contBox .btn-group .btn {margin-right:0;margin-left:0;}
  .haechi .contBox .imgBox .img_area {padding:25px 15px;}

}

@media (max-width: 650px) {
  .wah-wrap img {width:100%;}
}

@media (max-width: 640px) {

    /*
    .error{width:100%;}
    .error h3{width:100%; font-size:22px; line-height:1.5; font-weight:300; padding-top:14px; box-sizing:border-box;}
    .box-type5{width:100%; margin:0 auto 18px auto; box-sizing:border-box;}
    */

  .brandbox2 .in2, .sloganbox2 .in2 {display:block;width:100%;}
  .brandbox2 .in2>strong, .sloganbox2 .in2>strong {display:block;}
  .brandbox2 .in2 ul, .sloganbox2 .in2 ul {display:block;width:100%;}
  .brandbox2 .in2 li, .sloganbox2 .in2 li {padding:5px;}
  .brandbox2 .in2 p, .sloganbox2 .in2 p {padding:10px;letter-spacing:-1px;}
  .brandbox2 .in2 p span, .sloganbox2 .in2 p span {font-size:12px;}
  .imgmap {display:none;}
  .districttab {display:block;}
  .colorbox3 li p {margin-top:20px;height:50px;}
  .colorbox4 li {width:20%;}
  .colorbox5 .col.left, .colorbox5 .col.right{width:100%;}
  .font-wrap .col {float:left;width:100%;padding:0;box-sizing:border-box;}
  .sibo-wrap .sibobox1 {padding:20px 25px;background:none;}
  .sibo-wrap .sibobox1 .desc {margin-right:0;}
  .sibo-wrap .sitelink span{display:none;}
  .privacy-wrap .orglink li {width:33.333%;height:90px;}
  .movie-wrap h4, .info-wrap h4 {font-size:16px;}
  .movie-wrap h4 strong, .info-wrap h4 strong {padding-bottom:0.2em;}
  .monitorbox2 .odd, .monitorbox2 .even {width:100%;padding:20px 10px;}
  .monitorbox2 .even.first {background: url(../images/bg_dashed.png) repeat-x top;}
}

@media (max-width: 568px) {
  .symbolbox1 .left-img, .symbolbox1 .right-desc {display:block;float:none;width:100%;}
  .brand-wrap img {max-width:100%}
  .brandbox1 p:first-child {width:26%;margin-right:0;padding-right:20px;}
  .brandbox3 p, .sloganbox5 p{margin:10px 0;}
  .brandbox5 p{text-align:left;}
  .brandbox4 li {float:none;margin-right:0;margin-bottom:10px;}

  .emblembox1 .left-img {margin-top:0;margin-bottom:10px;}
  .emblembox1 .btn-group2.left {text-align:center;}
  .emblembox1,
  .emblembox1.haechi-image.haechi-image4 {padding:10px;}
  .emblembox1 .left-img,
  .emblembox1 .right-desc,
  .emblembox1.haechi-image.haechi-image3 .right-desc {width:100%;display:block;border:0;padding:10px 0 0;}
  .emblembox1.haechi-image.haechi-image3{flex-direction: column;}
  .emblembox4 dl {margin-left:0;margin-bottom:15px;}
  .emblembox4 ul {margin-left:0;}
  .emblembox4 li, .emblembox2 li, .emblem-wrap .emblembox li,.emblembox4 dd span:first-child {width:100%;margin:0;padding:0;}
  .emblembox1 img{width:74px;}
  .emblem-wrap .downloadbox {text-align:center;}
  .emblembox2 ul {margin:20px 0;}
  .mayor-wrap>ul>li {padding:10px 0;}
  .mayor-wrap .left-img{float:left;padding-right:0;width:20%;}
  .mayor-wrap .right-desc{margin-left:25%;}
  .mayor-wrap img {max-width:100%;}
  .gallery ul, .gallery2 ul {margin-left:-10px;}
  .gallery li{width:33.3333%;}
  .gallery a, .gallery2 a {margin-left:10px;}
  .gallery2 li{width:50%;margin-bottom:20px;}
  .gallery2 p:before {display:none;}
  .stats li {width: 100%; margin-bottom: 20px;}
  .stats .ct{margin-bottom: 5px}
  .stats .link{height:auto !important}

  .tstyle05 thead{display:none;}
  .tstyle05 th, .tstyle05 td{box-sizing:border-box;}
  .tstyle05, .tstyle05 tbody tr, .tstyle05 tbody th, .tstyle05 tbody td {display:block;}
  .tstyle05 tbody{display:block;}
  .tstyle05 tbody tr{position:relative;}
  .tstyle05 tbody td{margin-left:68px;display:block;border-left:1px solid #ddd;border-bottom:1px dashed #ddd;}
  .tstyle05 tbody td+td{border-bottom:1px solid #ddd;}
  .tstyle05 tbody td:first-child {border-top:0;}
  .tstyle05 tbody th[scope="row"] {position:absolute;left:0;top:0;bottom:0;width:70px;background:#f4f6f7;z-index:2;}
  .tstyle05 tbody th[scope="rowgroup"] {display:block;background:#f4f6f7;border-right:0;}
  .tstyle05 tbody th[scope="row"] + th[scope="rowgroup"] {margin-left:70px;}
  .tstyle05 tbody th+th[scope="row"]{top:34px;background:#f4f6f7;}
  .tstyle05 tbody td:before {content:attr(data-tit) " : ";font-weight:bold;display:inline-block;margin-right:10px;}
  .tstyle05 .mo-none {display:none;}

  .tstyle08 thead{display:none;}
  .tstyle08 th, .tstyle08 td{box-sizing:border-box;}
  .tstyle08, .tstyle08 tbody, .tstyle08 tbody tr, .tstyle08 tbody th, .tstyle08 tbody td {display:block;}
  .tstyle08 tbody tr td{position:relative;display:block;padding:50px 10px 10px;border:0;border-top:1px solid #ddd;}
  .tstyle08 tbody td:before {content:attr(data-tit)" :";position:absolute;top:0;left:0;right:0;padding:10px;display:block;font-weight:bold;background:#f4f6f7;box-sizing:border-box;}

  .downloadbox2 {margin-top:20px;}
  .historybox1 {background:none;}
  .historybox1 li {width:50%;}
  .historybox1 img {max-width:100%;}
  .seoul-wrap .seoulbox3 h4 {text-align:left;font-size:16px;}
  .seoul-wrap .seoulbox3 p {text-align:left;font-size:16px;}
  .seoul-wrap .seoulbox3 .col, .seoul-wrap .seoulbox3 a, .seoul-wrap .seoulbox1 .nav4>a, .seoul-wrap .seoulbox1 .nav5-1>a {height:auto;min-height: 60px;}
  .seoul-wrap .col {width:100%;margin-left:0;height:auto;}

  .seoul-wrap .nav1{background:url(../images/seoul/bg_intro1.png) no-repeat right bottom;background-size:50%;}
  .seoul-wrap .nav2{background:url(../images/seoul/bg_intro2_2022.png) no-repeat right bottom;background-size:50%;}
  .seoul-wrap .nav3{background:url(../images/seoul/bg_intro3.png) no-repeat right bottom;background-size:50%;}
  .seoul-wrap .nav4{background:url(../images/seoul/bg_intro4_2020.png) no-repeat right center;background-size:48%;text-align: left}
  .seoul-wrap .nav5{background:url(../images/seoul/bg_intro5.png) no-repeat right center;background-size:48%; min-height:100px !important /*200710 add*/}
  .seoul-wrap .nav5-1{background:url(../images/seoul/bg_intro5.png) no-repeat right center;background-size:48%; min-height:100px !important /*200710 add*/}
  .seoul-wrap .nav6{background:url(../images/seoul/bg_intro6.png) no-repeat right center;background-size:48%;}

  .colorbox3 li {width:25%;}
  .color-wrap .right-desc {margin-left:21.5%;height:auto}
  .colorbox5 {padding:65px 20px 50px;margin:64px 0 0;}
  .search-box2 .col {width:100%;}
  .search-box2 .col div {width:100%;}
  .search-box2 .datepicker {width:100px;}
  .search-box2 select {width:100%;}
  .search-box2 .keyword {width:calc(100% - 95px);}
  .search-box2 img {margin:0 4px;}
  .sibo-wrap .siteguard {padding:2.75em;}
  .sibo-wrap .siteguard img {float:none;text-align:center;}
  .sibo-wrap .page{margin:10px 0;}
  .citizen-wrap h5{font-size:16px;}
  .citizen-wrap [class^=citizenbox], .citizen-wrap [class^=citizenbox] {padding:17px 9px;}
  .citizenbox1, .citizenbox2{width:100%;margin-left:0;height:auto;}
  .citizenbox2 li {margin-top:5px;}
  .citizenbox3 li span {width:70%;}
  .citizenbox4, .citizenbox5, .citizenbox6, .citizenbox7 {width:100%;height:auto;margin-bottom:9px;margin-left:0;}
  .citizenbox4:after, .citizenbox5:after, .citizenbox6:after, .citizenbox7:after {/*top:50%;margin-top:-45px;*/bottom:auto;}
  .citizenbox1:after {right:0;width:25%;background-size:contain;margin-bottom: 0;}
  .citizenbox1.bg2021:after {right: 9px !important;width: 45% !important;background-size: contain;margin-bottom: 0;background-position: right bottom;} 
  .citizenbox1.bg2023 h5 br {display: none}
  .monitorbox1 {display:block;}
  .monitorbox1 .left-img, .monitorbox1 .right-desc {display:block;width:100%;padding:0;border-right:0;font-size:16px;}
  .monitorbox2 span, .monitorbox2 p {font-size:16px;}
  dl.table-row dd.cnum div input[type="text"]:first-child { width: 24% !important;} /* 2021-12-02 add */

  /* 2023-02-06 */
  .citizen-wrap .citizenfullbox {padding: 0;}
  .citizen-wrap .citizenfullbox a {padding: 17px 9px}

}

@media (max-width:500px){
    .rule-box input[type="checkbox"] + label span{font-size: 14px !important;}
}

@media (max-width: 490px) {
    .error{margin-bottom:10px;}
    .error h3{height:auto; font-weight:300; text-align:center; background-position:50% 0; padding:110px 0 0 0;}
    .box-type5{width:100%; margin:0 auto 18px auto; box-sizing:border-box; padding:20px}
}

@media (max-width: 420px) {
  .btn{width:100%;}
	.loc_box_location.loc_box .btn{width:auto;}
  .btn.blue.large2 {width:100%;}
  .symbolbox1 .left-img, .symbolbox2 .left-img, .brandbox2 .left-img, .historycont .right-img {width:100%;}
  .symbolbox1 .left-img img, .symbolbox2 .left-img img, .historycont .right-img img{width:50%;}
  .sloganbox2 .in2 {width:100%;}
  .brandbox2 .in1 li, .sloganbox2 .in1 li{width:100%;margin-bottom:30px;}
  .brandbox3 li, .sloganbox5 li {width:100%;display:block;margin-bottom:20px;}
  .brandbox3 li p, .sloganbox5 li p{text-align:center;}
  .brandbox2 .in1, .sloganbox2 .in1 {margin-bottom:20px;}

  .historybox2 .left-img {width:100%;padding:0 20px;margin-bottom:40px;}
  .historycont .left-desc {width:100%;}
  .historycont .right-img{text-align:center;margin-bottom:20px;}
  .history-wrap {margin-top:20px;}
  .seoul-wrap .seoulbox1 .col, .seoul-wrap .seoulbox3 .col, .seoul-wrap .seoulbox3 a {height:auto;}
  .colorbox3 li {width:50%;}
  .colorbox5 .color-call li, .colorbox5 .color-call li.first {width:100%;}
  .btn.tiny.icon-pdfviewer {padding:5px 0;}
  .wah-wrap img {width:100%;}

  .imglist-type1 .left-img, .imglist-type1 .right-desc {display:block;width:100%;}
  .imglist-type1 .left-img{text-align:center;}
  .imglist-type1 .left-img img{width:30%;}

  .citizenbox1:after, .citizenbox2:after {right:0;width:30%;background-size:contain;}
  .citizenbox3{height:320px;}
  .citizenbox3 h5{display:block;margin-right:0;width:100%;}
  .citizenbox3 em {display:none;}
  .citizentab-cont {top:80px;left:15px;}
  .citizenbox3 h6 {margin:10px 0;}
  .citizenbox3 h6.first {padding-left:0;}
  .citizenbox3 li span {width:100%;}
}
@media (max-width:400px){
  .loc_box_location.loc_box .btn.ml0{margin-left:0;}
}
@media (max-width:360px){
  .loc_box_location.loc_box .btn.ml0{margin-left:8px;}
}
/*20210223*/
@media (max-width: 320px) {
  .emblembox4 dd {margin-bottom:10px;}
  .emblembox4 dd span {font-size:12px;}
  .emblembox4 dd span>em {font-size:12px;}
  .btn[class^=icon-], .btn[class*= icon-] {width:100%;}
  .privacy-wrap .orglink li {width:50%;height:90px;}
  .privacy-wrap .orglink li:nth-child(odd){background:transparent;}
}

@media (min-width:1152px){
    .search-line{display:block !important;}
/*  20200710 add*/
  .seoulbox3.row {padding:0 17% !important}
  .seoulbox3.row .nav6,.seoulbox3.row .nav3 {width:270.31px !important}
}

@media (max-width: 1151px) {

	.btn-top {display:none;}
	#footer.footer-2019 {position: relative;}
	.btn-top-2019 {position: absolute;display: block;left: auto;right: 0;width: 26px;height: 26px;background: transparent url(/res_newseoul_mobile/images/main/btn_top.png) no-repeat 0 0;background-size: 26px 26px;border: 1px solid #969696;z-index: 1;}
	.btn-top-2019.show {bottom: 79px}
	.sub #footer.footer-2019 .row .inner {padding: 25px 0 20px}
	.btn{font-size:14px;}

	ul.related-site{ display:none;}
	.mobile-select{ display:block; width:300px; margin:0 auto 2em;}
	.mobilehidden{ display:none;}

	.wrp_search_date{ display:block; width:100%; table-layout:fixed;}
	.wrp_search_date .calender_left{ width:261px; display:block; margin:0 auto;}
	.wrp_search_date .s-list-wrap{ display:block; width:auto; vertical-align:top; padding:0 1em; margin:2em 0 0 0;}

	.text-basic{font-size: 14px}

	#content h4 {font-size:16px; font-weight:700; margin-bottom:5px;}
	/* #content .privacy-wrap-202210 h4{padding-top: 100px;margin-top: -70px;} 2023-09-04 주석 처리*/

	/*이메일 무단 수집거부*/
	.email .bg-email{width:100%; height:auto; background: url('../images/bg_email2.png') no-repeat center top;margin:0 auto;padding-top:130px;}
	.email .bg-email > div{padding:0;font-size: 16px;line-height: 1.5;text-align:center;}
	.email .bg-email > div *{font-size: 16px;line-height: 1.5;}

	/* login */
	#container.full-size .inner.login{padding:0}
	#container.full-size .login-wrap{width:100%;max-width:100%;background: #f4f6f7}
	#container.full-size .new-login-wrap .login-wrap {background: #fff}
	#container.full-size .login-wrap h2{display: block;background:#fff;font-size: 18px;font-weight: 700;text-align: left;border-bottom:1px solid #dddddd;padding:0 15px;margin-bottom:10px;line-height:45px;}
	#container.full-size .privacy-info .inner{padding-bottom: 35px}
	#container.full-size + #footer {margin-top:0;}
	.login-wrap p.message{display: none}
	.login-wrap h2:after{display: none}
	.login-wrap .input-line{padding:20px 15px;background: #fff;margin-top:10px;border-top:0;border-bottom:0;}
	.login-wrap .input-line p label{height:50px;line-height:48px; padding-left:10px; overflow:hidden;}
	.login-wrap .input-line p label em{padding-right:0; font-size:13px;}
	.login-wrap .input-line p label span{font-size:13px; letter-spacing:-.4px;}
	.login-wrap .input-line p{padding-left:0;margin-bottom:10px;height: auto;}
	.login-wrap .input-line p input{float:none;height:50px;line-height:100%;padding:0.927em 1.250em;font-size: 14px}
	.login-wrap .input-line button{padding:17px 0}
	.login-wrap .input-line button span{font-size: 16px}
	.login-wrap .input-line ul{margin:1.429em 0 0}
	.login-wrap .input-line ul li{width:32%;}
	.login-wrap .input-line ul li a {display: block;font-size:14px;padding: 0;}
	.login-wrap .input-line ul li a:before{content:'';display: inline-block;left:0;top:50%;margin-top:-5px;width:1px;height:10px;background: #ddd;position: absolute}
	.login-wrap .input-line .btn-group{margin-top:10px}
	.logout-wrap {padding:1px 15px 20px;background:#fff;margin-top:10px;border-top:0;border-bottom:0;}

	.privacy-info .row{margin-top:0;padding:17px 9px}
	.privacy-info .row p{font-size: 14px;text-align: left}
	.privacy-info .row p.title{font-size:16px;background: url(../images/icon_bul_notify_m.png) no-repeat 0 2px;background-size:19.5px auto;font-weight:700;}
	.privacy-info .row ul {margin-top:10px;overflow:hidden;}
	.privacy-info .row p .point {font-size:13px;}
	.privacy-info.privacy-info-login .row ul {margin-top: 15px;} /* 2023-04-26 */
	fieldset.company {margin-top:0;}

  

	/*rule*/
	#content .rule-index{max-height: 170px;overflow-y: auto}
	#content .rule-index::-webkit-scrollbar {width: 3px;}
	#content .rule-index::-webkit-scrollbar-thumb {background: #a9a9a9;}
	#content .rule-index ul{float:none;width:100%;margin-bottom: 0px}
	#content .rule-index ul li a{font-size: 14px}
	#content .rule-index ul li a span{font-size: 14px}

	#content article.rule{margin-bottom: 25px}
	#content article.rule h4{font-size: 18px;/*margin-top:25px*/}
	#content article.rule h5{font-size: 14px;margin:18px 0 7px}
	#content article.rule p{font-size: 14px;line-height: 1.5em;letter-spacing: -0.5px}
	#content article.rule li{font-size: 14px;line-height: 1.5em}
	#content .rule-box .rule-cont h4{font-size: 14px;/*margin-top:0;*/}
	#content .rule-box .rule-cont h5{font-size: 14px}
	#content .rule-text{font-size: 14px} /*2021-11-03 add*/

	/* join */
	.join-process{margin-bottom:20px}
	.join-process ul{margin:0 -15px;border-width: 1px 0 1px 0}
	.join-process ul li em{display: none}
	.join-process ul li{font-size:13px;text-align: center;color:#555;padding:11px 0}
	.join-process ul li.active::after{border-width: 6px;margin-left:-6px}
	.join-type{padding:0}
	.join-type ul li{float:none;display:table;position:relative;text-align:left;width:100%;height:58px;border:0;border-top: 1px dashed #ddd;padding:14px 0}
	.join-type ul li:after{content:'';display: block;clear: both;}
	.join-type ul li i{display: none}
	.join-type ul li .tit{float:none;vertical-align: middle}
	.join-type ul li .tit.even{height: 33px;line-height: 33px;}
	.join-type ul li .tit.even .tit01{line-height: 33px}
	.join-type ul li .tit .tit01 strong{font-size: 16px}
	.join-type ul li .tit .tit02{margin-top:0px}
	.join-type ul li .button{float:none;position: absolute;right:0;top:50%;transform: translateY(-50%);}
	.join-type ul li .button .text {margin-left: auto;font-size: 0.875em;text-align: right;} /* 2023-03-22 */
	.relative-site ul{margin:0}
	.relative-site ul li{float:left;width:32%;margin:0 2% 2% 0;}
	.relative-site ul li:nth-child(3n){margin-right:0}
	.relative-site ul li a{width:100%;font-size:13px;height:56px;line-height:56px;}
	.additional dd {padding-top:15px !important;}
  .additional2 dd {padding-top:15px !important;}
	.additional dd p label{width: 45%;margin-bottom: 10px}
	.additional dd.pd .btn{margin:0;width:100%;margin-top:20px;}
	.additional dd.pd .btn span{font-size: 12px}
	.relative-site ul li a span{font-size: 13px}
	.rule-index{padding:20px;margin-bottom: 0}
	.rule-index ul li{margin-top:10px}
	.type-info{padding:17px 9px}
	.type-info.bottom{margin-top:25px}
	.type-info.bottom div.cert-type{margin-top: 30px}
	.type-info > div{ position: static;font-size:16px;margin-bottom: 13px}

	.type-info.child  div.type-name {position: static;font-size: 16px;margin-bottom: 13px;text-align: left;padding: 0;background: none;transform: translateY(0);}
	.type-info.bottom  div.type-name {position: static;font-size: 16px;margin-bottom: 13px;text-align: left;padding: 0;background: none;transform: translateY(0);}
	.type-info.bottom  div.type-name +.basic-list{padding-left:0}
	.type-info.child  div.type-name +.basic-list{padding-left:0}
	.type-info > ul{padding:0;background: none}
	.type-info.company > div.type-name{background: none;position: static;margin-top:0}
	.type-info.child > div.type-name{background: none;position: static;margin-top:0}
	.type-info > ul > li{font-size: 14px;line-height: 1.6em;}
	.type-info > ul > li.last{text-indent: 0;margin-top:0}
	.type-info > ul > li.last:before{display: none}
	.type-info a.link.pc{display: none}
	.cert-type {margin-top:15px}
	.cert-type ul{padding:0}
	.cert-type ul li{float:none;width:100%;padding-top:15px;padding-bottom: 0}
	.cert-type ul li:first-child{border-bottom:1px dashed #ddd;}
	.cert-type ul li:after{content:'';display:block;clear:both}
	.cert-type ul li .button{position: absolute;right:5px;top:50%;margin-top:-26px}
	.cert-type ul li p{text-align: left}
	.cert-type ul li p.tel{width:61%;font-weight: 400;margin-top:4px;margin-bottom: 10px}
	.cert-type ul li p strong{font-size:14px;background: none !important;padding-bottom: 0;margin-bottom: 0}
	.cert-type ul li > div:first-child{border:0}
	.cert-type ul li > div{float:left;padding-left: 5px;box-sizing: border-box;position: relative;}
	.cert-type ul li .desc{position: static;text-align: left;font-size: 13px;padding:10px;line-height:18px;box-sizing:border-box}
	.cert-type .complete{padding:35px 0;text-align: center}
	.cert-type .complete p{font-size: 16px;padding-top:60px;background: url("../images/bg_cert_complete_m.png") no-repeat top center;background-size:51.5px auto}
	.cert-type .complete p.last{font-size: 13px;color:#767676;margin-top:10px;padding-top:0px;background: none}
	.rule-box .rule-cont div{font-size:14px}
	.rule-box .rule-cont div *{color:#767676;font-size: 14px}
	span.in-text{margin:0 1%;width:5%}
	.birth span.in-text{margin:0;width:6%;}

	.join-form .recheck-wrap > span{position: relative;display:block;padding-right: 80px;box-sizing: border-box}
	.join-form .recheck-wrap .btn{position: absolute;right:0;top:0;width:76px;height:50px;}
	.join-form .recheck-wrap .btn span{font-size: 14px}
	.join-form input[type="password"], .join-form input[type="text"], .join-form select {width:100%;height: 50px;line-height: 48px;font-size: 14px;font-family: 'Nanum Barun Gothic';}
	.join-form dd.birth input[type="text"]{width: 26%;}
	.join-form dd.birth select{width: 25%;background-position-x:88%}
	.join-form dd.phone select{width: 25%;background-position-x:88%}
	.join-form dd.birth .in-text{width:6%;margin:0;padding-right:0;}
	.join-form dd.birth .in-text.day{margin-right:0}
	.join-form dd.phone input[type="text"],.join-form dd.phone select{width: 26%;}
	.join-form dd.phone span.num{width: auto !important; font-size: 14px;line-height: 1.35em;display: inline-block;padding: 0 10px;box-sizing: border-box; margin: 10px 0 }
	.join-form dd.phone .dash{width:10%}
	.join-form dd.phone .dash.type1 {width: 2%; margin-left: -4px;}
	.join-form .email-wrap > span{position: relative;display: block;}
	.join-form .email-wrap > span .at{display:block;width: 30px;height: 50px;line-height:48px;text-align: center;float:left;}
	.join-form .email-wrap .email {width: 48%;float:left;}
	.join-form select.email-compnay{width: 42%;float:right;display:inline-block;}
	.join-form .caution{font-size: 12px}

	/* 2019-07-24 회원가입시 이메일 인증번호 추가 */
	.join-form .member-email-wrap * {vertical-align: middle}
	.join-form .member-email-wrap input.email {width: 24%}
	.join-form .member-email-wrap input#name09 {width: 24%;margin-top: -1px;}
	.join-form .member-email-wrap select.email-compnay {width: 24%;float: none;}
	.join-form .member-email-wrap button.btn-id-auth {width: 20%;min-width: 120px;height: 50px;}


	.additional ul{display: none}
	.user-info p{display: none;display:block;clear:both;}
	.user-info .radio-set01{margin:10px 0 0 0}
	.user-info .radio-set02{margin:10px 0 0 0}
	.radio-set02.m-inline{display:block} /*2021-08-19 mobile-block*/
	.user-info dd p {color:#555;font-size:14px;}
	.user-info dd p.p-info01 {padding-top:10px;color:#555;font-size:14px;}
	.input_top {display:inline-block;margin-top:5px;}

	.table-title span.noti{font-size: 13px;bottom:10px;top:3px;color:#0c82e9;}
	.table-title{padding-bottom:5px;border-bottom: 1px solid #767676;/*margin-bottom: 10px;*/}
	.table-title.bdnone{border-bottom:0;}
	.table-title.mgT30 {margin-top:20px;}

	.box{padding:20px 0;margin-bottom:25px;}
	.box > span {display: block;text-align: center}
	.box > span:first-child{margin-bottom:15px}
	.box > span.mb0{margin-left:0px;margin-bottom:0;}
	.box .title{font-size: 16px}
	.box .value{font-size: 16px;font-weight:700;}
	dl.table-row .caution{font-size: 13px;font-weight: 400;margin-top:4px;}
	.content .rule-box{margin-bottom: 20px}
	.content .rule-box .rule-head {padding:7px 9px;}
	.content .rule-box .rule-head label span{font-size: 16px}
	.check-all input[type="checkbox"] + label span{font-size: 14px;font-weight: 700;padding-left:0 !important;vertical-align:middle !important;}
	.join-info{padding:17px 9px;margin-bottom:25px;}
	.type-info ul.basic-list{padding-right:0px;display: block}
	.type-info.bottom ul.basic-list{padding-right:0px;display: block;margin-top:0}
	fieldset.company input[type="text"]{width: 100%;}
	fieldset.company .cnum > span {position: relative;display: block;box-sizing: border-box;margin-bottom: 10px}
	fieldset.company .cnum  .btn{width: 100%;height: 50px; line-height:100%;}
	fieldset.company .cnum > span input[type="text"]{width:26%}
	fieldset.company .cnum > span .dash{width: 10.8%}
	fieldset.company .cnum > span .btn span{font-size: 12px}
	.type-info > ul > li strong.phone{display: block;padding:0;margin:0}
	.type-info > ul > li strong.phone:before{display: none}
	ul.basic-list > li:last-child .point {font-size:14px;}

	

	/* id,pw find */
	.guide-box {padding:17px 9px;margin-bottom:20px;}
	.guide-box.mgT40 {margin:20px 0;}
	.mblock {display:block;}
	.txt-bar.mblock {margin-left:0; padding-left:0}
	.txt-bar.mblock:before {display:none;}
	[class^="letter"] {display:block;}
	.letter4 {padding-left:58px;}
	.letter7 {padding-left:0;display:inline;}

	/* 아이디/비빌번호 찾기 2023-06-08 */
	.guide-box-new * {font-size: 14px;}

	.tabs ul {display:block;padding-left:1px;}
	.tabs ul:after {display:block; content:''; clear:both}
	.tabs ul li {float:left;display: block; margin-left:-1px;width:calc(50% + 1px) !important;}
	.tabs ul.user-tab li{width:50% !important;margin:0}
	.tabs ul.contact li {width:50% !important;margin:0}
	.tabs ul.contact-pass li {width: 100% !important;} /* 2020-11-16 add */
	.tabs ul.user-tab li:first-child{width:100% !important;}
	.tabs ul.contact li:last-child{width:100% !important;}
	.tabs ul.user-tab li:first-child a{border-bottom:0}
	.tabs ul.contact li:last-child a{border-top:0}
	.tabs ul.user-tab li:first-child.active a{border-bottom: 1px solid #0c82e9;margin-bottom:-1px;}
	.tabs ul.contact li:last-child.active a{border-top: 1px solid #0c82e9}
	.tabs ul li a {padding:9px 7px 8px; font-size:14px;border-right:1px solid #ddd}
	.tabs ul li.active + li a{border-left: 1px solid #ddd}
	.tabs {margin-bottom:0;}

	.find-wrap {margin-top:25px;}
	.find-wrap h4 {display:block; padding:20px 0 0 0;font-size:16px;margin-bottom:0;}
	.find-wrap .cert-type {float:none; width:100%; margin-top:0; border:0;}
	.find-wrap .cert-type ul li {padding-bottom:0}
	.find-wrap .cert-type ul li > div {position:relative;}
	.find-wrap .cert-type ul li p strong {display:block; font-size:16px; font-weight:700;}
	.find-wrap .cert-type ul li p {float:none;}
	.find-wrap .desc, .find-wrap .cert-type ul li .desc {position:relative; height:auto; margin-top:0; padding:10px; font-size:13px;color:#555}
	.find-wrap .input-wrap {float:none; width:100%;}
	.find-wrap .cert-type + .input-wrap {width:100%;}
	.find-wrap .input-wrap.fr {border-left:0; border-top:1px solid #767676}
	.find-wrap dl {padding:0;}
	.find-wrap dt:first-child {margin-top:20px;}
	.find-wrap dl dt {font-size:16px; margin-top:20px;background:#f4f6f7;color:#555;padding:6px 7px 4px;}
	.find-wrap dl dt label {font-size:15px;color:#555;}
	.find-wrap .cert-type ul li p.tel {margin-top:4px;}
	.find-wrap .cert-type .button {position:absolute; top:0; right:0; margin:0 !important;}
	.find-wrap .input-wrap p {margin-top:8px;}
	.find-wrap:after {display:block; content:''; clear:both;}
	.find-wrap .input-wrap .birth .inp.num {/*width:calc((100% - 90px) / 3)*/width:26%}
	.find-wrap .input-wrap .birth .point {font-size:13px;}
	.find-wrap .cert-type ul li .button, .find-wrap .input-wrap .btn-group {margin:10px 0;}
	.find-wrap .cert-type dl + ul.clfix {padding-top:7px;}

	.type-info.type03 {padding:17px 9px; min-height:0;}
	.type-info.type03 ul {min-height:0;}

	.ddtype2 .top-txt {margin:10px;}
	.ddtype2 .btn-group {display:block; margin-left:0;}
	.ddtype2 .radio-set {display:block; margin:10px 0 0 0;padding-left:0;box-sizing: border-box}
	.ddtype2 .caution {display:block; margin:4px 0 0 0;}
	.cert-num > span {display: block;position: relative;padding-right:68px;box-sizing: border-box}
	.cert-num input {vertical-align:top;}
	.cert-num .btn {position: absolute;top:0;right:0;width:62px;height:50px;line-height:48px;}
	.cert-num .btn span{min-width: auto}
	.cert-num .inp.num {width:100%;}
	.cert-num .btn.tiny {padding:12px 15px 12px;}

	.result-box {padding:20px 10px;/*margin-top:0;*/}
	.result-box .center ul li {text-align:center;}
	.result-box .center ul li span {font-size:16px; text-align:center;}
	.result-box .center ul li label span {text-align:left;}
	.result-box .center ul li span em {display:block; padding-left:0; font-size:14px;}
	.result-box .list-type {margin-top:35px;}
	.type-info > div.type-name{position: static;font-size:16px;margin-bottom: 13px;text-align: left;padding:0;background: none; transform: translateY(0%);}
	.txt-emp {font-size:14px;}
	.subt-txt {margin-top:20px;font-size:14px;}
	.info-txt {font-size:13px;}
	span.info-txt {display:block; margin:4px 0 0 0;}
	.user-info p.info-txt {display:block;padding-top:10px;}
	#content .dl-table.ty2 {border-top:1px solid #767676; border-bottom:1px solid #767676;}
	#content .dl-table.ty2 dt {padding:8px 15px; background:#f4f6f7;}
	#content .dl-table.ty2 dt > * {font-weight:700;}
	#content .dl-table.ty2 dd {padding:5px 15px; font-size:14px;}
	#content .dl-table.ty2 dd .point {font-weight:400;}
	#content .dl-table.ty2 .none dd {padding:5px 15px 25px;}
	#content .dl-table.ty2 .table-row:first-child {border-top:0}
	.full-size .error-wrap {width:100%;}
	.full-size .error-wrap .title {text-align: left;font-size: 14px}
	.full-size .error-wrap .guide-box {margin-top:20px; padding:17px 9px;margin-bottom: 0}
	.full-size .rule-index ul:first-child{margin-bottom: 10px}
	article.rule ol > li{padding-left:16px;text-indent: -16px}

	/* 레이어팝업(비회원 인증) */
	.layer-popup.layer {padding:20px 0; transform:translate(0,0);}
	.layer-popup.layer .layer-header {padding:0 15px; margin-bottom:15px;}
	.layer-popup.layer .layer-header h1 {font-size: 22px;}
	.layer-popup.layer .layer-header .btn-close {display:inline-block;width:18px; height:18px; background-size:100% 100%; top:5px; right:20px;}
	.layer-popup.layer .layer-body {max-height:calc(100vh - 85px); padding:0 15px;}

	#content dl.table-row.single dt{border:0;width:100%;;padding-top:15px;border-top:1px solid #767676}
	#content dl.table-row.single dd{border-top:0;border-bottom:1px solid #767676;padding-bottom: 15px}
	.inp-btn{display:block;width:100%;padding-right:76px;box-sizing: border-box}
	.inp-btn .btn{position: absolute;right:0;top:0;padding-left:9px;padding-right:9px;display: inline-block;vertical-align: top;}
	.inp-btn input{width:100%;display: inline-block;vertical-align: top;}
	.inp-btn .btn span{font-size:12px !important}
	.layer-popup.layer .layer-body h2{font-size: 18px}
	.info-box p{font-size: 16px}
	.recheck-id .btn-group{margin-bottom: 20px}
	.realname-check p.text{margin-top:10px;font-size: 14px}
	.realname-check .info-box{margin-top:14px}

	/*나의서울 메인*/
	.myseoul{padding:17px 9px;margin-bottom: 20px}
	.myseoul .mileage{float:none;width:100%;margin-bottom:20px;background-image:url(../images/bg_profile_m.png);background-size:34px auto;padding-left:62px; box-sizing:border-box;}
	.myseoul .mileage span {font-size:16px;font-weight:400;}
	.myseoul .mileage.mbig {padding-left:80px; background-image:url(../images/bg_profile_m.png); background-size:44px auto;background-position:10px center;}
	.myseoul .mileage-total{float:none;width: 100%}
	.myseoul .mileage-total ul li {padding: 9px 0 0}
	.myseoul .mileage-total ul li.first {padding: 0 0 9px}
	.myseoul .mileage-info .intro{float:none;width:100%}
	.myseoul .mileage-info .mileage-menu{float:none;width:100%}
	.myseoul .mileage span.pt{font-size: 23px}
	.myseoul .mileage-info{margin-top:25px}
	.myseoul .mileage-menu{margin-top:20px}
	.myseoul .mileage .tit {font-size:15px;}
	.myseoul .mileage .btn.bg-point {width:100%; margin-top:10px;padding:0;height:50px;line-height:100%;}
	.myseoul .mileage-info p strong {font-size:14px;margin-bottom:5px;}
	.myseoul .mileage-menu ul li {margin-top:10px;}
	.myseoul .list-type {float:none;}
	.text-box .tit{margin-bottom: 10px;font-size: 16px}
	.text-box p{margin-bottom:10px; font-size: 14px;line-height: 1.5em}
	.table-wrap{margin:20px 0}
	.law p {font-size:14px;}
	.law p:last-child{margin-top:10px;color:#0c82e9;line-height:1.4;}
	.myseoul .mileage-total ul li strong{font-size: 14px}
	.join-form select#regidence{width:100%}
	.btn-group.full .btn span { font-size: 16px !important;}
	.btn-group.half .btn span {font-size:16px !important;}
	.btn-group.half .btn {padding: 0;}
	.btn-group.full .btn.medium span {font-size:16px !important;}
	.ddtype2 .btn-group.full .btn span {font-size:16px !important;}

	/* 전체메뉴, 찾기 버튼은 mo-view */
	.sub #header{ position:fixed; left:0; top:0; width:100%; height:45px; background-color:#0d82eb; z-index:10; }
	.sub .top-area .btn_menu{position:absolute; top:8px; left:12px; width: 30px; height:30px; background:url(../images/icon_menu.png) no-repeat 50% 50%; background-size:21px auto;}
	.sub .top-area .btn_sch{position:absolute; top:8px; right:12px; width:30px; height:30px; background:url(../images/ico_sch.png) no-repeat 50% 50%; background-size:20px 20px;box-sizing:border-box; padding:0;}
	.sub .top-area{height:45px; position:relative; background:transparent;}
	.sub .top-area .inner{box-sizing:border-box; position:relative; height:45px;}
	.sub .top-area h1{text-align:center; padding:15px 0;}
	.sub .top-area h1.logo{float:none; margin:auto; width:97.5px; height:18.5px; padding:14px 0 0 0 ;}
	.sub .top-area h1.logo a { display: block; width:100%; height:100%; background: url(../images/logo_m.png) no-repeat; background-size:97.5px auto;}
	.sub .top-area h1.logo a.logo-new {background: none;}

	.sub .top-area h1.logo_story { width:250px; }
	.sub .top-area h1.logo_story > a { display:inline-block; width:auto; vertical-align:top; }
	.sub .top-area h1.logo_story > a:nth-child(1) { width:18px; height:18px; background:url(../images/logo_m_ci.png) no-repeat; background-size:contain; }
	.sub .top-area h1.logo_story > a:nth-child(2) { width:95px; height:18px; background:url(../images/logo_m_story.png) no-repeat; background-size:contain; }

	.sub .top-area h1.logo_festival { width:250px; }
	.sub .top-area h1.logo_festival > a { display:inline-block; width:auto; vertical-align:top; }
	.sub .top-area h1.logo_festival > a:nth-child(1) { width:18px; height:18px; background:url(../images/logo_m_ci.png) no-repeat; background-size:contain; }
	.sub .top-area h1.logo_festival > a:nth-child(2) { width:110px; height:18px; background:url(../images/logo_m_festival.png) no-repeat; background-size:contain; }

	/* gnb 브라우저 넓이 1152 미만일때 */
	.dim{display:none;}
	.dim.on{display:block; position:fixed; left:0; top:0; bottom:0; width:100%; height:100%; background-color:rgba(0,0,0,.5); z-index:12; }
	.gnb.all_gnb{display:none;}
	.gnb.all_gnb.on { position:fixed; display:block; left:0; top:0; bottom:0; width:100%; background-color:#fff; z-index:13; }
	.gnb.all_gnb .txt_login{height:45px; /*line-height:45px;*/ font-size:18px; background:#0d82e9; color:#fff; /*font-weight:700;*/ box-sizing:border-box; border-bottom:1px solid #1f97ff; padding-left:17px;}
	.gnb.all_gnb .txt_login .btn_area{float:right; padding:7px 15px 0 0;}
	.gnb.all_gnb a{display:block;}
	.gnb.all_gnb .txt_login .btn_setting{background:url(../images/icon_setting_w.png) no-repeat; width:15px; height:15px; background-size:15px auto; margin-right:6px;}
	.gnb.all_gnb .txt_login .btn_close{background:url(../images/bg_close_w.png) no-repeat 50% 50%; width:30px; height:30px; background-size:15px auto;}
	.gnb.all_gnb > .clfix{height: calc(100% - 92px); overflow-y: auto;position:relative;width:100%;background: #fff url(https://www.seoul.go.kr/res_newseoul/images/bg_mobile_menu.jpg) repeat-y 0 0;}
	.gnb.all_gnb > .clfix > li{width:100%; box-sizing:border-box; margin-left:0;}
	.gnb.all_gnb > .clfix > li:first-child {position: static;}
	.gnb.all_gnb > .clfix > li > a{width:121px; font-weight:700; font-size:16px; padding:13px 10px 11px 14px; border-bottom:1px solid #ddd; box-sizing:border-box;letter-spacing:-1px;position:relative;height:auto;line-height:100%;}
	.gnb.all_gnb > .clfix > li.selected > a{position:relative;background-color:#fff; color:#0c82e9;z-index:2;}
	.gnb.all_gnb > .clfix > li.selected > a:before {content:'';position:absolute;top:0;bottom:0;left:0;width:4px;display:block;background:#0c82e9;}
	.gnb.all_gnb > .clfix > li.selected > a:after { position:absolute; right:-2px; top:0; width:2px; height:100%; background:#fff; content:""; }
	.gnb.all_gnb > .clfix > li.selected > a.alone { width:100%; }
	.gnb.all_gnb > .clfix > li.selected > a.alone:after { display:none; }

	.gnb.all_gnb > .clfix .sub_menu{/*width:60%;*/ position:absolute; top:0; left:122px; right:0; bottom:4.5rem; background:#fff; padding:0 17px; box-sizing:border-box;z-index:1;height:100%;min-height: 540px;overflow-y: auto;}
	.gnb.all_gnb > .clfix .sub_menu.on{display:block; background:#fff;}
	.gnb.all_gnb .sub_menu > li > a{font-size:14px; /*font-weight:500;*/ border-bottom:1px solid #ddd; /*height:48px; line-height:48px;*/padding:10px 10px 9px 0; background:url(../images/img_allMenu_open.png) no-repeat right 0 top 50%; background-size:11px auto;}
	.gnb.all_gnb .sub_menu > li.selected > a { color:#222; font-weight:700; border-bottom:1px solid #767676; }
	.gnb.all_gnb .sub_menu > li.selected_stay > a { color:#0c82e9; background:url(../images/img_allMenu_close.png) no-repeat right 0 top 50%; background-size:11px auto; border-bottom:1px solid #0c82e9; }
	.gnb.all_gnb .dep3{padding:5px 0 5px 5px; border-bottom:1px solid #ddd;}
	.gnb.all_gnb .dep3 > li > a{font-size:14px; /*font-weight:500;*/ border-bottom:0; padding:4px 0; color:#555; /* background:url(../images/bg_link2.png) no-repeat right 0 top 10px; background-size:11px auto; */display:inline-block; /*padding-right:18px;*/letter-spacing:-1px;}
	.gnb.all_gnb .dep3 > li.on > a {color:#0c82e9;}
	.gnb.all_gnb .view_all{background-color:#6496C2; color:#fff; font-size:15px; padding:13px; text-align:center; font-weight:400; position:absolute; bottom:0; width:100%; box-sizing:border-box;z-index:2;}
	.gnb.all_gnb .txt_login > a {display:inline-block;color:#fff;font-size:18px;padding-top:12px;}
	.gnb.all_gnb .sub_menu > li.dep_no > a {background:0;}
	.gnb.all_gnb .icon_link{background:url(../images/bg_link2.png) no-repeat right 20px top 50%; background-size:10.5px auto;}
	/* 20180920 다시 원복 ( + / - 표시 )
	.gnb.all_gnb .active > a:before {content: '';width: 11px;height: 11px;background: url('../images/img_allMenu_open.png') no-repeat right 0 top 0;background-size: 11px auto;display: inline-block;vertical-align:-1px;position:absolute;left:17px;top:18px;}
	.gnb.all_gnb .active.selected > a:before {content: '';width: 11px;height: 11px;background: url('../images/img_allMenu_open2.png') no-repeat right 0 top 0;background-size: 11px auto;display: inline-block;vertical-align:-1px;position:absolute;left:17px;top:18px;}
		*/

	/* 20180928 추가 */
	.gnb.all_gnb > .clfix li.selected .sub_menu {display:block !important;}
	.gnb.all_gnb > .clfix li.selected .sub_menu > li.selected .dep3 {display:block !important;}

	/* 2020.01.20 추가 */
	.gnb > ul > li:first-child {padding-left: 0;}


	/* 2021-10-14 gnb */
	html.menu-open, body.menu-open {overflow: hidden;}

	/* sub header 하단 검색 영역 */
	.search-line {height:45px; padding: 0; display:none; position:absolute; top:45px; left:0; right:0; z-index:5;}
	.main .search-line .inner { padding: 0; width:1152px; min-width:1152px;}
	.search-line .inner {padding: 0 12px; box-sizing: border-box;}
	.search-line .search{background-color:#fff; width:100%; height:39px; margin:auto; border-radius:4px;}
	.search-line .search .btn-search{width:39px; height:39px;background:url(../images/icon_magnify.png) no-repeat 50% 50%; float:right; background-size:15px 15px;}
	.search-line .search input[type='text']{border:0;/*width:calc(100% - 6rem);*/height:100%; line-height:100%;padding:0 1rem;font-size:13px;color:#767676;}
	.search-line h1.logo { float: none; position: absolute; left: 50%; margin-left: -54.75px; top: 50%; margin-top: -10px; width: 109.5px; display: inline-block !important; text-align: center;}
	.search-line h1.logo a { display: inline-block; width: 100%; background: url(../images/bg_logo_m.png) no-repeat 0 0; background-size: 100% auto;}
	.search-line .search input[type='text']::-webkit-input-placeholder {color:#767676;;}
	.search-line .search input[type='text']::-moz-placeholder {color:#767676; }
	.search-line .search input[type='text']:-ms-input-placeholder {color:#767676;}
	.search-line .search input[type='text']:-moz-placeholder {color:#767676;}

	/* sub footer */
	.sub #footer {/*margin-top:56px;*/}
	.sub #footer .inner { text-align:center; }
	.sub #footer .row .sns { margin-bottom: 14px;}
	.sub #footer .row .sns a { display: inline-block; width: 30px; height: 30px; background: url(../images/footer_sns.png) no-repeat; font-size: 0; text-indent: -9999em; background-size: 75px auto; vertical-align: top;}
	.sub #footer .row .sns a.fb { background-position: 0 -20px; margin-right: 6px;}
	.sub #footer .row .sns a.tw { background-position: -32px -20px;}
	.sub #footer .row .inner { text-align: center; padding: 20px 0;}
	.sub #footer .row .inner .address { font-size: 12px; text-align: center;}
	.sub #footer .row .inner .address p {line-height: 16px; padding: 0; }
	.sub #footer .row .inner .address p.copy { margin:4px 0 0px;font-size:12px;}
	.sub #footer .row .inner .address p.city {font-weight: 700; display:block; margin-bottom:7px;color:#222;}
	.sub #footer .row .inner address {font-size:12px;color:#222;}

	.sub #footer .footer-link { display:inline-block; height:47px; padding:0; vertical-align:top; }
	.sub #footer .footer-link:after{content:''; display:block; clear:both;}
	.sub #footer .footer-link ul:after{content:''; display:block; clear:both;}
	.sub #footer .footer-link ul {float:left; text-align: center; padding: 0;}
	.sub #footer .footer-link ul li { float:left; position:relative; padding:0}
	.sub #footer .footer-link ul li:before{display:none;}
	.sub #footer .footer-link li.policy{ position:relative; }
	.sub #footer .footer-link li.policy:after{content:''; background:#777; position:absolute; right:0; top:17px; bottom:17px; width:1px;}
	.sub #footer .footer-link ul li a {display:inline-block; height:100%; line-height:47px; font-size:12px; text-align:center; padding:0 10px; color:#222;}
	.sub #footer .footer-link ul li a:after{content:''; background:#777; position:absolute; right:0; top:17px; bottom:17px; width:1px;}
	.sub #footer .footer-link ul li:nth-last-child(1) a:after { display:none; }
	.sub #footer .footer-link ul li:nth-last-child(2) a:after { display:none; }

	.sub #footer .footer-link ul li.policy a { color:#222;font-weight: bold;}
	.sub #footer .footer-link .pc_site{float:right; width:60px; height:63%; border:1px solid #ccc; margin-top:8.5px;}
	.sub #footer .footer-link .pc_site button{text-align:center; padding:0; display:block; width:100%; height:100%; font-size: 12px; color:#636363;}
	/*.sub #footer .footer-link ul li.policy a{font-weight:700;}*/

	/* 모바일용 푸터 수정 2019-10-16 */
	.sub #footer .inner-2019 {padding-top: 0px;}
	.sub #footer .inner-2019 .sns-new-2019 {display: none;top: 10px;left: 0;width: 100%;margin-top: 0;padding-bottom: 10px;border-bottom: 1px solid #d0d0d0}
	.sub #footer .inner-2019 .footer-link ul li:nth-last-child(2) a:after { display:inline-block; }

	/* 푸터 접근성마크 추가 */
	.sub #footer .row .inner .mark.pc-view {display: block !important;top: 30px}

  /* 서울시 카카오톡 채널 추가 2023-11-10 */
  .sub #footer .footer-link-new {height: auto}
  .sub #footer .footer-link-new ul li a {line-height: 40px}
  .sub #footer .footer-link-new ul li.kc {clear: both;width: 100%;text-align: center;padding-bottom: 10px;}
  .sub #footer .footer-link-new ul li a.kc {margin: 0 auto;}
  .sub #footer .footer-link-new ul li a.kc:after {display: block;position: relative;top: 0;left: 0;}
  .sub #footer .footer-link.footer-link-new ul li:nth-last-child(2) a:after {display: none}


  .cate-wrap .hd{ background:url(../images/gate/cate_bg.gif) 50% 0 repeat-x; background-size:cover; height:auto; padding:35px 4.4vw 10px;}
  .cate-wrap .hd .tit-area h1{ color:#fff; text-align:center; font-size:24px; font-weight:400;}
  .cate-wrap .hd .tit-area p{ color:#fff; text-align:center; font-size:14px; margin:10px 0 0 0;}
  .cate-wrap .hd .cate-grp{ width:100%; margin:30px 0 0 -2%; text-align:center; }
  .cate-wrap .hd .cate-grp:after{content:'';display:block;clear:both;height:0px;visibility:hidden;}
  .cate-wrap .hd .cate-grp a{ width:23%; display:block; float:left; margin:0 0 2% 2%;}
  .cate-wrap .hd .cate-grp a+a{ margin-left:0; margin:0 0 2% 2%;}
  .cate-wrap .cont{ padding:0; max-width:100%; margin:0 auto; }
  .cate-wrap .cont .tit-area{ position:relative; border-bottom:#222 2px solid; }
  .cate-wrap .cont .tit-area .bt-pnt{ position:absolute; top:50%; right:0; margin-top:-13px; width:26px; height:26px; display:block; text-indent:-9999px; background:url(../images/gate/ic_pnt.png); }
  .cate-wrap .cont .tit-area h2{ font-size:16px; color:#222; line-height:44px; }
  .cate-wrap .cont .t-sch{ margin:0 0 20px 0; border:#ddd 1px solid; border-bottom:none;}
  .cate-wrap .cont .t-sch>ul>li{ border-bottom:#ddd 1px solid; display:table; width:100%; table-layout:fixed;}
  .cate-wrap .cont .t-sch>ul>li .tit{ display:table-cell; width:80px; padding:10px 0; background-color:#f4f6f7; text-align:center; border-right:#ddd 1px solid; color:#555555; font-weight:500; font-size:14px; vertical-align:middle;}
  .cate-wrap .cont .t-sch>ul>li .con{ display:table-cell; padding:6px 10px; overflow:hidden; font-size:12px;}
  .cate-wrap .cont .t-sch .a-tx{ display:inline-block; margin:0 0 0 -8px; overflow:hidden;}
  .cate-wrap .cont .t-sch .a-tx a{ position:relative; display:inline-block; padding:0 8px; line-height:24px; font-size:14px;}
  .cate-wrap .cont .t-sch .a-tx a.active,
  .cate-wrap .cont .t-sch .a-tx a:hover{ color:#0c82e9;text-decoration: underline}
  .cate-wrap .cont .t-sch .date-bx{ float:none;display:block;font-size:14px;}
  .cate-wrap .cont .t-sch .date-bx .picker{ display:block; margin:0.5em 0 0 0;position:relative;}
  .cate-wrap .cont .t-sch .date-bx .picker span {display:block;position:relative;/* padding-right:40px; */}
  .cate-wrap .cont .t-sch .date-bx .picker span.dash {display:none;margin-right:0;padding-right:0;position:absolute;left:70%;top:14px;}
  .cate-wrap .cont .t-sch .date-bx .picker span .input {width:80%;}
  .cate-wrap .cont .t-sch .date-bx .picker span .ui-datepicker-trigger {position:absolute;top:13px;}
  .cate-wrap .cont .t-sch .date-bx .picker span:first-child {margin-bottom:5px;}

  .cate-wrap .cont .t-sch  .input{ width:32%;  height:50px; line-height:48px; border:#ddd 1px solid; font-size:14px;padding:0 5px;}
  .cate-wrap .cont .t-sch .sc-g{ position:relative; display:block; padding:0 84px 0 0;}
  .cate-wrap .cont .t-sch .sc-g .input{ width:100%;}
  .cate-wrap .cont .t-sch .btn-search { position:absolute; top:0; right:0; width:80px; height:50px; margin-left:8px; background:#fff; border:1px solid #767676; text-align:center;}
  .cate-wrap .cont .t-sch .btn-search:before {content:''; display:inline-block; width:12px; height:12px; margin:-1px 5px 0 0; background:url(../images/btn_search2.png) 0 0 no-repeat; vertical-align:middle;background-size:12px;height:12px;}
  .cate-wrap .cont .t-sch .btn-reset {position:relative; width:100%; margin-top:0.5em; height:50px; margin-left:8px; background:#fff; border:1px solid #767676; text-align:center; float:right;}
  .cate-wrap .cont .t-sch .btn-reset:before {content:''; display:inline-block; width:14px; height:14px; margin:-1px 5px 0 0; background:url(../images/gate/ic_reset.png) 0 0 no-repeat; vertical-align:middle;}

  .news-lst{ border-top:#767676 1px solid;}
  .news-lst .item{ border-bottom:#ddd 1px solid;}
  .news-lst .item:last-child{ border-color:#767676}
  .news-lst .item a{ display:block; width:100%; table-layout:fixed; padding:15px 0;}
  .news-lst .item a .thum{ display:block; width:100%; padding:0; vertical-align:top;text-align:center;margin-bottom:15px;}
  .news-lst .item a .tbx{ display:block; vertical-align:top; margin-top:0.5em;}
  .news-lst .item a .tbx>em{ display:block;}
  .news-lst .item a .tbx .subject{ color:#222; font-size:16px; font-weight:700; }
  .news-lst .item a .tbx .date{ margin-top:5px; font-size:13px; color:#767676;}
  .news-lst .item a .tbx .date .cate{ display:inline-block; color:#0c82e9; margin:0 0 0 1em;}
  .news-lst .item a .tbx .txt{ margin-top:12px; font-size:16px; color:#555;}

  /*pagination*/
  .pagination li a{width:25px;height:25px;padding:0;font-size:14px;line-height:23px;}
  .pagination li.btn-first a{max-width:25px;background-position:-4px -3px;}
  .pagination li.btn-prev a{max-width:25px;margin-right:10px;background-position:-33px -3px;}
  .pagination li.btn-next a{max-width:25px;margin-left:10px;background-position:-61px -3px;}
  .pagination li.btn-last a{max-width:25px;background-position:-93px -3px;}
  .pagination li:nth-child(3){margin-left:0}
  /*.pagination li:nth-child(6){display:none}*/
  /*.pagination li:nth-child(7){display:none}*/
  .tblscroll {overflow-x:auto;}
  .tblscroll .tstyle07 {min-width:100%; width:auto;}
  .tblscroll .tstyle07 colgroup {display:none;}
  .tblscroll .tstyle07 th, .tblscroll .tstyle07 td {white-space:nowrap;padding:10px;font-size:14px;}

  .brand-wrap>div, .slogan-wrap>div, .emblem-wrap>div, .font-wrap>div, .symbol-wrap p {margin-bottom:20px;}
  .btn-group2 {margin-bottom:20px;width:100%;}
  .emblembox2 ul {width:100%;}
  .call-list>ul>li {width:100%;}
  .imgmap img{max-width:480px;width:100%;}
  .boxtabs li{width:25%;}

  .tab ul {display:block;padding-left:1px;}
  .tab ul:after {display:block; content:''; clear:both}
  .tab ul li {float:left;display: block; margin-left:-1px;width:calc(50% + 1px) !important;margin-top:-1px;}
  .tab ul li.first {width: 100% !important}
  .tab ul li a {padding:8px 7px 7px; font-size:16px;border-right:1px solid #ddd; height:40px;}
  .tab ul li.active + li a{border-left: 1px solid #ddd}
  .tab ul li.on + li a {border-left: 1px solid #ddd}
  .tab {margin-bottom:0;}
  .imgbox img{width:100%;}
  .imgbox .time{width:45%;right:0;bottom:-30px;}
  .imgbox .time img {max-width:100%;}

  .newoffice-wrap .imgbox {margin-top:20px;}
  /*.newoffice-wrap .tab ul li:first-child {width:100% !important} 20191223*/

  .box-type3 {padding-left:1.5em;}

  .tblwrap .tblhead, .tblwrap .bodywrap li {width:100%;}
  .tblwrap .tblhead:first-child {display:none;}
  .tblwrap .bodywrap li:nth-child(odd) {border-right:0;}
  .tblwrap span {padding:10px;}
  .tblwrap .bodywrap .hp{text-align:left;white-space:normal;}

  .emblem .colorbox dd span {display:block;}
  .sloganbox1>p {margin-bottom:20px;}
  .emblem-wrap img, .brand-wrap img, .symbol-wrap img, .historycont img{width:100%;}
  .emblembox4 dd span {font-size:14px;}
  .emblembox4 dd span, .emblembox4 dd span:first-child {width:100%;}
  .emblembox4 dd span em {display:block;width:100%;}
  .emblem-wrap .btn {margin:5px 0 !important;}
  .emblem-wrap .btn.blue.size3 {width:100%;padding:10px 0;}
  .brand-wrap>div:last-child, .slogan-wrap>div:last-child {margin-bottom:0;}
  .search-box2 .col {margin-bottom:10px;padding-left:0;}
  .search-box2 label {display:none;}
  .seoul-wrap ul{margin-bottom:20px;}
  .seoul-wrap li{margin-right:0;}
  .seoul-wrap .nav2 li {display:block;} /* display:inline-block; 2023-05-09 */
  .seoulbox2 img {max-width:100%;}
  .seoul-wrap .row {margin:0;}
  .color-wrap .btn-group2 {margin-top:10px;}
  .color-wrap .btn {margin:5px 0 !important;}
  .slogan-wrap .btn {margin:5px 0 !important;}
  .colorbox3 img {max-width:100%;}
  .colorbox4 li span {height:auto;padding:10px 0;text-align:center;}
  .colorbox5 .color-call li, .colorbox5 .color-call li.first {width:100%;padding-left:0;}
  .colorbox5 .decotit {margin-left:-113px;}
  .pop-wrap{position:fixed;width:100%!important;margin:0!important;top:0!important;left:0!important;right:0;bottom:0;padding:30px;box-sizing:border-box;}
  .pop-wrap .pop-cont {height:calc(100vh - 230px);}
  .font-wrap .pastel1, .font-wrap .pastel2, .font-wrap .pastel3 {margin:5px 0 !important;}
  .font-wrap .fontbox {padding:17px 9px;}
  .gallery2 p {padding:10px 9px;}
  .gallery2 .ct {font-size:13px;}
  .gallery2 .link {font-size:13px;}
  .stats p {padding: 10px 30px 10px 9px; word-break: keep-all;}
  .stats .ct {font-size:13px;}
  .stats .link {font-size:13px;}
  .sibo-wrap .sibobox1 .tit {margin-bottom:20px;}
  .btn.blue.size3 {width:100% !important;padding:10px 0;}
	.brand-new-wrap .btn.blue.size3 {margin: 3px 0}
  /* .wah-wrap h4 {font-size:1.5em;} */
  .wah-wrap img {width:389px;}
  .privacy-wrap h4 {margin-top:20px;}
  .privacybox1 .right-desc {float:left;}
  .privacybox1 {margin-bottom:0;}
  .privacy-wrap .imgbox img{max-width:100%;}
  .privacy-wrap .privacybox2 {padding:0 10px;}
  .longdesc {padding:50px;}
  .longdesc h4 {font-size:24px;margin-bottom:40px;}
  .longdesc h5 {font-size:18px;margin:40px 0 20px;}
  .longdesc ol li{list-style-type:circle;margin-left:30px;font-size:18px;line-height:1.6;}

  .citizen-wrap .left-cont, .citizen-wrap .right-cont{width:100%;margin:0;padding:0;}
  .citizenbox1{width:49%;margin-left:0;margin-bottom:15px;height:170px;}
  .citizenbox1.bg2021:after {right: 17px !important;width: 35%;background-size: contain;margin-bottom: 17px;height: 90px;background-position-x: right;}
  .citizenbox1.bg2023:after {background-size: contain;margin-bottom: 0;height: 120px;background-position-x: center;}
  .citizenbox2{width:49%;margin-left:2%;margin-bottom:15px;height:170px;}
  .citizenbox1:after {right:0;width:35%;background-size:contain;margin-bottom: 0;}
  .citizenbox2:after {right:0;width:35%;background-size:contain;margin-bottom: 0;}
  .citizenbox3{width:100%;margin-bottom:15px;}
  .citizenbox3 h5 {margin-right:0;}
  .citizenbox3 .btn-more{top:-38px;right:-21px;}
  .citizenbox4, .citizenbox5, .citizenbox6, .citizenbox7 {width:49%;}
  .citizenbox5, .citizenbox7{margin-left:2%;}

	/* 신규브랜드 2023-10-17 */
	.brandnew-list ul.list li img{width: auto}
	.brand-new-wrap .in1 .btn-group2 {margin: 20px 0}

  /* 20201118 add */
  .citizenbox1 {width:100%}
  .citizen-wrap .bottom-cont {margin-left:0;overflow:hidden; width:100%;}
  .citizen-wrap .bottom-cont [class^=citizenbox], .citizen-wrap .bottom-cont [class^=citizenbox]{width:49%; margin-bottom:15px}
  .citizen-wrap .bottom-cont .citizenbox5,.citizen-wrap .bottom-cont .citizenbox7 {margin-left: 2%}

  /* 2023-02-06 */
  .citizen-wrap .citizenbox1-2023 {height: 142px}
  .citizen-wrap .citizenbox1-2023:after {right: 37px;width: 84px;height: 85px;background-size: 100% auto;background-position: 90% 100% !important}
  /* 2023-07-17 add */
  .citizen-wrap .top-cont {margin-left:0;overflow:hidden;width:100%;gap:2%;}
  .citizen-wrap .top-cont .citizenbox1-2023 {height: 160px;}
  .citizen-wrap .top-cont .citizenbox1-1:after {width:98px;height:100px; background-size:contain;bottom:20px;}
  .citizen-wrap .top-cont .citizenbox1-2:after {width:85px;height:103px; background-size:contain;bottom:20px;}


  .monitorbox2 a {padding:20px 10px;}
  .monitorbox2 span {display:inline-block;line-height:1.2;}
  .privacy-wrap h4 {font-size:16px;}

    img{max-width: 100%;}
    select, input{font-size: 14px;}

  .service-content .row {padding:10px 0 0;}
  .service-content .row .title {font-size:16px; width:100%; margin-bottom:10px;}
  .service-content .row div:after {content:''; display:block; clear:both;}
  .service-content .row ul {width:50%; margin-bottom:15px;}
  .service-content .row ul li {font-size:14px; line-height:1.5em;}
  #content .title-wrap h3 {font-size:20px;}

    /*홈페이지 바로잡기*/
  .correct-wrap .top img{width:100%;max-width: 100%;}
  .correct-wrap .cor-btn-group a span{padding-top:55px;margin-top:20px}
  .correct-wrap .cor-btn-group a.complain span {padding-top: 50px}
  .correct-wrap .bottom{padding:20px 0 0}
  .correct-wrap .cor-btn-group{float:none;text-align: center;margin-bottom: 20px}
  .correct-wrap .cor-btn-group a{width:120px;height:120px;}
  .correct-wrap .cor-btn-group a span{font-size: 14px}
  .correct-wrap .desc{float:none}
  .correct-wrap .desc .process .pr-list li{margin-bottom: 10px;padding:6px 12px;}
  .correct-wrap dl.table-row {display:block;}
  .correct-wrap dl.table-row dt,
  .correct-wrap dl.table-row dd {display:block;width:100%;border:0;}
  .correct-wrap dl.table-row dt {padding:6px 7px 4px;color:#555;border-top:0 !important;margin-top:20px;}
  .correct-wrap dl.table-row dt b {width: auto; padding-right: 12px; color:#555;}
  .correct-wrap dl.table-row ddd { float: none; display: block; width: 100%; padding: 5px 0 0; border-bottom: 0; overflow:hidden;}
  .correct-wrap dl.table-row.first dd, .correct-wrap dl.table-row.only dd{border-top:0;}
  .correct-wrap dl.table-row.last dt, .correct-wrap dl.table-row.only dt{border-bottom:0;}
  .correct-wrap .desc p {font-size:16px;}
  .correct-wrap .desc p strong {font-size:16px;}
  .correct-wrap .desc .process p {font-size:16px;}
  .correct-wrap dd.phone input[type="text"], dd.phone select.num{width: 26%;}
  .correct-wrap dl.table-row dd.url > div{padding-right: 77px}
  .correct-wrap dl.table-row dd.url > div .btn{padding:17px 7px;width:auto;}
  .correct-wrap .fake-file-wrap {padding-right:74px;}
  .correct-wrap .fake-file-wrap > .btn{padding:0 7px;width:auto;font-size:14px;color:#222;}
  .correct-wrap span#filename{height: 50px;line-height: 48px;}
  .correct-wrap .fake-file-wrap input[type='file']{height:50px;line-height:48px;width:66px;}
  .correct-wrap dd.phone .dash{width:11%}
  .correct-wrap .email-wrap > span{position: relative;display: block;padding-right: 50px;margin-bottom: 7px}
  .correct-wrap .email-wrap #em1{width: 100%}
  .correct-wrap .email-wrap #em2{width: 100%;margin-bottom: 5px}
  .correct-wrap .email-wrap > span .at{position: absolute;display:block;right: 0;top: 0;width: 50px;height: 36px;line-height:36px;text-align: center}
  .correct-wrap select.email-compnay{width: 100%}
  .correct-wrap .email-compnay{width: 100%}
  .correct-wrap .rule-box .rule-head{padding:10px 9px}
  .correct-wrap .rule-box .rule-cont {padding:17px 9px;}
  .correct-wrap .rule-box .rule-cont div{font-size:14px}
  .correct-wrap .rule-box .rule-cont div *{color:#767676;font-size: 14px;line-height:1.5em;letter-spacing:-0.5px;}
  .correct-wrap .rule-box .rule-cont h4 {font-size:14px;margin-top:0;}
  .correct-wrap .table-title {border-bottom:0;padding-bottom:0;}
  .correct-wrap .table-title h4{font-size:16px;border-bottom:1px solid #767676;padding-bottom:5px;}
  .correct-wrap .rule-box{margin:20px 0;}
  .correct-wrap .rule-box .rule-cont article.rule ul {padding:17px 9px 25px;}
  .correct-wrap dl.table-row dt label.require {color:#555;}
  .correct-wrap .fake-file-wrap + .point {margin-bottom:10px;}
  .correct-wrap .complain-check {padding: 7px 14px; }
  .correct-wrap .answer {margin: 30px 0 20px}
  .correct-wrap .picker {position: relative;}
  .correct-wrap .picker span{ display: block;position: relative;line-height: 50px;padding-right: 40px}
  .correct-wrap .picker span .input{width: 70%}
  .correct-wrap .picker span:first-child{margin-bottom: 5px }
  .correct-wrap .picker span:last-child{float: none   }
  .correct-wrap .picker span.dash {display: inline-block; position: absolute; margin-right:0; padding-right:0;position:absolute;left:70%;top:0}
  .correct-wrap .table-row .search-wrap button.search {height: 50px;}

    /*sitemap*/
  .sitemap ul > li.depth01 > ul {margin-left:10px;}
  .sitemap ul > li.depth01 > ul > li.depth02{width:48%}
  .sitemap h4.site-tit {padding-bottom:5px;margin-bottom:-1px !important;}
  .sitemap ul > li.depth01 > a {padding:10px;}
  .sitemap ul > li.depth01 > ul > li.depth02 > a {font-size:16px;padding:10px 0;}
  .sitemap ul > li.depth01 > ul > li.depth02 > ul > li.depth03 {font-size:16px;margin:10px 0;}

    .sibo .visual {background:url(../images/bg_topmain.jpg) no-repeat center top;height:auto;min-height:auto;padding:340px 0 0;}
  .sibo .visual .tit {font-size:16px;}
  .sibo .visual .txt {font-size:16px;padding:15px 0 0;line-height:1.5;}
  .sibo .tt strong {display:inline-block;word-break: break-all;line-height:20px;}
  .sibo .data b {font-size:13px;}
  .sibo .data select {width:100%;margin-top:7px;}
  .sibo .data .keyword {width:100%;margin:7px 0;}
  .sibo .data .icon-search {font-size:14px !important;}
  .sibo .siteguard {padding:17px 9px;}
  .sibo .siteguard .v3 {padding-left:0;padding-top:57px;background:url(../images/img_sguard.png) no-repeat center top;font-size:16px;}
  .sibo .siteguard a.bg-sg {width:100%;}
  .sibo .board .board-top .page {float:none;margin-top:10px;}
  .sibo .board .board-top .page .btn {width:auto;vertical-align:top;}
  .sibo .data_txt {font-size:13px;}
  .sibo .siteguard a.bg-sg span {height:50px;line-height:48px;}

  .box-type1 {margin-bottom:30px;}
  .box-type2 {padding:17px 9px;margin-bottom:15px;}
    .box-type3 {padding-left:1.5em;}
  .box-type1 h4 {font-size:16px;margin-bottom:5px;}
  .box-type1 p {font-size:16px;}

  .monitorbox1.box-type2 {margin-bottom:0;}

  .tblwrap .tblhead, .tblwrap .bodywrap li {width:100%;}
  .tblwrap .tblhead:first-child {display:none;}
  .tblwrap .bodywrap li:nth-child(odd) {border-right:0;}
  .tblwrap .bodywrap li:last-child {border-bottom:0;}
  .tblwrap span {padding:10px;font-size:14px;}
  .tblwrap .bodywrap .hp{text-align:left;white-space:normal;}

  .error{width:100%;}
    .error h3{width:100%; line-height:1.5; font-weight:300; padding-top:100px; box-sizing:border-box;height:auto;padding-left:0;text-align:center;}
    .box-type5{width:100%; margin:0 auto 18px auto; box-sizing:border-box;}
  .error_wrap {margin:0}
  .error_wrap .error .er404 {background-position: 50% 0;font-size:18px;}
  .error_wrap .error .er500 {background-position: 50% 0;font-size:18px;}
  .error_wrap .error .er400 {background-position: 50% 0;font-size:18px;}

  .rule-check .rule-box .rule-cont {padding:17px 9px;}

  /*.privacybox1 .right-desc {float:left;} */
  .privacy .box {margin-bottom:20px;}
  .privacy .mediaCase .bltTit {background:0;padding-left:0;}
  .privacy .mediaCase .bltTit span {font-size:16px;}
  .privacy .mediaCase .smDoc {margin-left:0;font-size:16px;}
  .privacy .mediaCase .spc10 {font-size:16px;}

  .view .box {padding:17px 9px;margin-bottom:20px;}
  .view .box >div {padding-left:0;background: url(../images/icon_viewer.png) no-repeat center top;text-align: left;padding-top: 65px;}
  .view-list {margin-top:20px;}
  .view-list li {padding:1em 10px;}

  .mileage h4 {margin:0 0 5px;font-size:16px;}
  .mileage .box {padding:17px 9px;text-align:left;}
  .mileage .box span {display:inline;}
  .mileage .btn-group .btn {padding:0;}
  .mileage .btn-group {text-align:left;}
  .mileage .btn-group a {display:inline-block;float:none;}
  .mileage .btn-group a:first-child {width:52.5%;}
  .mileage .btn-group a:last-child {width:44%;}
  .mileage .point {margin-bottom:15px;}
  .mileage ul.boxUL li {display:block;width:100%;height:auto;padding:15px;}
  .mileage ul.boxUL li.right {margin-left:0;}
  .mileage ul.boxUL li dl dt {font-size:16px;}
  .mileage ul.boxUL li dl dd {padding-left:0;}
  .mileage_icon {display:block;float:none;background:url('../images/bg_mileage_icon.gif') no-repeat center top;margin:10px auto;}
  .mileage_table thead th {font-size:14px;font-weight:700;}
  .mileage_table td {padding:10px;}
  .mileage_table td .point {height:18px;font-size:14px;}
  .listtype-other>li {font-size:16px;line-height:1.4;}
  .myseoul .mileage-total ul li span {font-size:14px;}

  .wah-wrap h4 {font-size:16px}
  .wah-wrap .box-type3 {padding-left:0;font-size:16px;}

  .seoul-wrap .col {padding:17px 9px;margin-bottom:15px;}
  .seoul-wrap h4 {font-size:16px;}
  .seoul-wrap li {font-size:16px;}

  .gallery strong {font-size:13px;height:45px;line-height:1.3;}
  .gallery h4:first-child {margin-top:0;}
  .gallery h4 {margin-bottom:0 !important;font-size:16px;margin-top:30px;}

  .call-list li {font-size:16px;}
  .call-list li ul li {font-size:16px;line-height:1.5;}
  .call-list li ul li a {font-size:16px;}
  .district h5 {font-size:16px;}
  table.tstyle04 th {padding:10px;}
  table.tstyle04 th i {font-size:14px;}
  table.tstyle04 td {padding:10px;font-size:13px;}
  table.table-type02 th:first-child[scope="col"] {width:23%;}
  table.table-type02 th:nth-child(2)[scope="col"] {width:26%;}
  table.table-type02 th:nth-child(4)[scope="col"] {width:13%;}
  .board-top .btn.medium {padding:10px 10px 9px;width:100%;height:50px;line-height:48px;}
  .copy .example {padding:17px 9px;}
  .privacy-wrap .orglink li a {line-height:1.3;padding:0 5px;}

  .sub #footer .row .inner .address .map {color:#222; display:inline-block;}

  table th {font-size:14px;}
  table td {font-size:14px;}
  .table .btn span, table .btn span {font-size:16px;}
  .table th {font-size:14px;font-weight:700;color:#222;padding: 9px 9px 8px !important; }
  .table td {font-size:14px;color:#555;padding:9px 10px 8px !important;}
  .table th b {font-size:14px;}
  .h4-type1 {font-size:16px;}
  .color-wrap .desc ul {margin-top:10px;}
  .colorbox5 h4 {font-size:16px;}
  .colorbox5 .h5-type1 strong {font-size:16px;}
  .emblembox1, 
  .emblembox1.haechi-image.haechi-image4 {padding:17px 9px;}
  
  .emblembox1 .left-img {padding:0;}
  .emblembox2 li p {font-size:13px;line-height:1.3;margin-top:10px;}
  .emblembox5 li {padding:0 2%;}
  .historycont .box-type4 {padding:17px 9px;}
  .historycont .box-type4 h4 {font-size:14px;}

  .title-wrap + .privacy-info {margin-top:0;}
  .point.star {font-size:13px;}
  .brandbox4 ul li .btn {margin:5px 0;}
  .brandbox4 .btn.size2 {margin:5px 0;}

  .gcs {width:100%;margin:0 auto;}
  .gcs img {width:100%;max-width:490px;}
  .tx-wrap2 {text-align:left;padding:20px 20px;}
  .tx-wrap2 span {text-align:left;}
  .tx-wrap2 span .title {display:inline-block;width:65px;color:#555;font-size:16px;margin-right:20px;text-align:left;}
  .tx-wrap2 span .value {font-size:16px;margin-left:0;color:#0c82e9;}
  .tx-wrap2 span.mb0 .value {color:#222;}
  .table-wrap .point {font-size:14px;}
  .text-box .point {font-size:14px;}
  .colorbox4 i {font-size:14px;}
  .rule-box .rule-cont article.rule p {font-size:14px;}
  ul.mileageUL li {font-size:14px;}
  .color-wrap .desc {height:auto;}
}
@media all and (max-width:768px){
  .correct-wrap .table-row .search-wrap select {width: 28%}
  .correct-wrap .table-row .search-wrap input {width: 70.5% ; float: right;}
  .correct-wrap .table-row .search-wrap button.search {width: 100%; margin-top: 7px;}
  .stats .link {height: 3.9rem;}

  /* new login 2023-04-10 */ 
  .input-line-onepass .box-type2 {padding: 1em;}

  /* 개인정보처리방침 히스토리 2023-07-21 추가 */
  .privacy-history {flex-direction: column;}
  .privacy-history .ph-cont.ph-right {border-left: 1px solid #ddd;margin-top: 20px;}
  .privacy-history .ph-cont p {padding: 5px 10px}
  .privacy-history .ph-cont table {width: calc(100% - 20px);}
}

@media all and (max-width:600px){
  /* 2019-07-24 회원가입시 이메일 인증번호 추가 */
  .join-form .member-email-wrap * {vertical-align: middle}
  .join-form .member-email-wrap input.email {width: 31%}
  .join-form .member-email-wrap span.at {display: inline-block;height: 50px;line-height: 50px;text-align: center;width: 5%;}
  .join-form .member-email-wrap input#name09 {width: 31%;}
  .join-form .member-email-wrap select.email-compnay {width: 31%;}
  .join-form .member-email-wrap button.btn-id-auth {display: block;width: 100%;height: 40px;margin-top: 5px;}

  .join-type ul li .button .text {max-width: 70%;} /* 2023-03-22 */

	/* 신규브랜드 2023-10-17 */
	.brandnew-list ul.list {flex-direction: column}
	.brandnew-list ul.list>li {width: 100%}
  .brandnew-list ul.list>li .color-box {margin-top: 0}
  .brandnew-list ul.list>li:nth-child(3) {margin-top: 25px}

	/* 푸터 접근성마크 추가 */
	.sub #footer .row .inner .mark.pc-view {display: block !important;top: 35px;right: 10px}
	.sub #footer .row .inner .mark.pc-view a img {width: 60px}
}

@media all and (max-width:480px){
  .sub #footer .footer-link ul li a { padding:0 4px; }

  /* 홈페이지 바로잡기 2019-04-05 */
  .correct-wrap .bottom-201904 .cor-btn-group a.check,
  .correct-wrap .bottom-201904 .cor-btn-group a.complain {margin-left: 5px;}
	/* 로그인 수정 2023-04-26 */
	.privacy-info.privacy-info-login .title.mo-view {border-bottom: 1px dashed #ddd;padding-bottom: 16px}
	.privacy-info.privacy-info-login .row ul {max-width: 170px;margin: 20px auto 7px;}

	/* 푸터 접근성마크 추가 */
	.btn-top-2019.show {bottom: 101px}
	.sub #footer.footer-2019 .row .inner,
	.sub #footer .row .inner{padding: 25px 70px 10px 20px;box-sizing: border-box}
	.sub #footer .row .inner .address p {text-align: left}
}

@media all and (max-width:420px){
  /* 홈페이지 바로잡기 2019-04-05 */
  .correct-wrap .bottom-201904 .cor-btn-group a {width: 90px;height: 90px;}
  .correct-wrap .bottom-201904 .cor-btn-group a span {margin-top: 15px;padding-top: 33px;background-size: 23px auto;}
  .correct-wrap .bottom-201904 .cor-btn-group a.complain span {padding-top: 25px;font-size: 13px;}
  .correct-wrap .bottom-201904 .desc {margin-top: 20px;}

  /* 2019-07-24 회원가입시 이메일 인증번호 추가 */
  .join-form .member-email-wrap input.email {width: 86%;}
  .join-form .member-email-wrap span.at {display: inline-block;height: 50px;line-height: 50px;text-align: center;width: 10%;}
  .join-form .member-email-wrap input#name09,
  .join-form .member-email-wrap select.email-compnay {width: 100%;margin-top: 5px;}

  /* 모바일용 푸터 수정 2019-10-16 */

  .sub #footer .inner-2019 .footer-link ul li a { font-size: 11px;}

  /* 서체 */
  .font-copyright {flex-direction: column;}
  .font-copyright img {margin-top: 10px}

	
}


/* 오시는 길 */
.location-wrap { }
.location-wrap .hide { display:none; }
.location-wrap .location_head { display:none; }

.loc_tab_nav { margin-bottom:10px; overflow:hidden; }
.loc_tab_nav > ul { list-style:none; margin:0; padding:0; overflow:hidden; }
.loc_tab_nav > ul > li { position:relative; display:block; float:left; width:20%; height:40px; border:1px solid #ddd; border-left:0; box-sizing:border-box; overflow:hidden; }
.loc_tab_nav > ul > li:nth-child(1) { border-left:1px solid #ddd; }
.loc_tab_nav > ul > li > a { position:relative; display:block; width:100%; height:100%; font-size:16px; color:#000; text-align:center; }
.loc_tab_nav > ul > li > a > em { position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); }
.loc_tab_nav > ul > li:hover { background:#f3f9fe; border:1px solid #0c82e9; }
.loc_tab_nav > ul > li:hover > a { }
.loc_tab_nav > ul > .on { background:#f3f9fe; border:1px solid #0c82e9; }
.loc_tab_nav > ul > .on:nth-child(1) { border-left:1px solid #0c82e9; }

.location_box { display:none; overflow:hidden; } /*0824 수정*/
.location_box > header { position:absolute; left:-9999px; top:-9999px; }

.loc_box { margin-bottom:30px; overflow:hidden; }
.loc_box h2 { margin-bottom:10px; font-size:16px; color:#222; font-weight:700; }
.loc_box .map { position:relative; margin-bottom:10px; border:1px solid #ddd; overflow:hidden; height:500px;}
.loc_box .map > figcaption { position:absolute; left:-9999px; top:-9999px; }
.loc_box .map2 { margin-top:10px; padding-bottom:50%; height:0;}

.loc_box .ul_txt { overflow:hidden; }
.loc_box .ul_txt > li { position:relative; padding:5px 0; font-size:14px; color:#555; }
.loc_box .ul_txt > li > em { display:inline-block; font-style:normal; color:#0c82e9; font-weight:700; }
.loc_box .ul_txt > li.flex {display: flex;gap: 5px;width: 100%;}
.loc_box .ul_txt > li.flex em {flex-shrink: 0;}
.loc_box .ul_txt > li.flex span {color: #555}
.loc_box .ul_txt > li.flex span.indent {display: inline-block;margin-left: 10px;}

.loc_box .ul_txt_2 { overflow:hidden; }
.loc_box .ul_txt_2 > li { position:relative; padding:5px 0 5px 10px; font-size:14px; color:#555; }
.loc_box .ul_txt_2 > li:before { position:absolute; left:0; top:5px; content:"\-"; }
.loc_box .ul_txt_2 > li > em { display:inline-block; font-style:normal; color:#0c82e9; font-weight:700; }
/*.loc_box .ul_txt_2 > li > em:after { margin-left:3px; margin-right:5px; content:"\:"; }*/

.loc_box .inner_txt { margin-top:3px; }

.loc_box .box_line { position:relative; overflow:hidden; }
.loc_box .box_line:after { display:block; content:""; clear:both; }
.loc_box .box_line > figure { position:relative; float:left; overflow:hidden; }
.loc_box .tb { position:relative; width:100%; border-collapse:collapse; border-spacing:0; }
.loc_box .tb:before { position:absolute; left:0; top:0; width:100%; height:1px; background:#767676; content:""; }
.loc_box .tb caption { position:absolute; left:-9999px; top:-9999px; }
.loc_box .tb th, .loc_box .tb td { /*padding:15px 2px;*/ text-align:center; word-break:keep-all; word-wrap:break-word; border:1px solid #ddd; border-right:0; border-top:0; vertical-align:middle; }
.loc_box .tb th { font-weight:700; background:#f4f6f7; }
.loc_box .tb tr th:first-child, .loc_box .tb tr td:first-child { border-left:0; }
.loc_box tbody tr:nth-child(1) th { border-right:1px solid #ddd; }
.loc_box tbody tr:nth-last-child(1) td { border-bottom:1px solid #767676; }
.loc_box tbody tr:nth-last-child(1) th { border-bottom:1px solid #767676; }
.loc_box .tb .left { padding-left:10px; padding-right:10px; text-align:left; }
.loc_box .tb .right { padding-left:10px; padding-right:10px; text-align:right; }
.loc_box .tb .txt_list_s { }
.loc_box .tb .txt_list_s > li { position:relative; padding:2px 0 1px 10px; }
.loc_box .tb .txt_list_s > li:before { position:absolute; left:0; top:0; content:"\-"; }
.loc_box .tb .txt_list_s > li.no_icon:before { display:none; }
.loc_box .tb_2 { float:right; width:calc(100% - 350px); }
.loc_box .tb_3 { margin-top:10px; }

.loc_box_location.loc_box{margin-bottom:0;}
.loc_box_location.loc_box .listtype-noti > li:not(:first-child){margin-top:20px;}
.loc_box_location.loc_box .ul_txt_2{margin-top:5px;}
.loc_box_location.loc_box .ul_txt_2 > li{color:#222;}
.loc_box_location.loc_box .ul_txt_2 > li:last-child{line-height:1.8em;}
.loc_box_location.loc_box .btn{padding:3px 5px; margin-left:8px;}
.loc_box_location.loc_box .btn.bg-point span{font-size:12px;}

/* 찾아오시는 길 서울시지도 2022-11-18 */
.loc_map_area {width: 100%;height: 500px;margin-bottom: 15px;}

@media screen and (max-width:1024px){
  .location-wrap .location_head { position:relative; display:block; margin:0 -15px 20px; padding:10px; background:url("../images/seoul/icon_arrow_down.png") no-repeat 97% center; border-bottom:20px solid #f4f6f7; }
  .location-wrap .location_head:after { position:absolute; left:0; bottom:0; width:100%; height:1px; background:#ddd; content:""; }
  .location-wrap .location_head > h1 { font-size:20px; color:#222; font-weight:700; }
  .location-wrap .on { background:url("../images/seoul/icon_arrow_up.png") no-repeat 97% center; }
	.location-wrap .tab.tab-location ul li:first-child {width:100% !important}

  .loc_tab_nav { position:absolute; display:none; left:0; top:67px; width:100%; background:#fff; box-sizing:border-box; z-index:100000000; }
  .loc_tab_nav > ul > li { float:none; width:100%; height:50px; border:0 !important; border-bottom:1px solid #ddd !important; }
  .loc_tab_nav > ul > .on { background:#f3f9fe; border:0; border-bottom:1px solid #0c82e9 !important; }

  .location_box {margin-top:20px;}
  .loc_box .ul_txt > li {font-size:16px;}
  .loc_box .tb .txt_list_s > li {font-size:14px;}
}
@media screen and (max-width:640px){
  .loc_box .box_line { padding-left:0; }
  .loc_box .box_line > figure { float:none; margin:0 auto 10px; text-align:center; }
  .loc_box .tb_2 { float:none; width:100%; }
	/* 찾아오시는 길 서울시지도 2022-11-18 */
	.loc_map_area {height: 100vw}
}


/* 개편안내 */
.help_area { overflow:hidden; }
.help_box_main { position:relative; padding:30px; box-sizing:border-box; overflow:hidden; }
.help_box_main > h1 { width:35%; margin-bottom:20px; font-size:40px; color:#000; font-weight:400; letter-spacing:-0.05em; line-height:1.2;/*  word-break:keep-all; */ word-break:break-all; }
.help_box_main > h4 { width:35%; margin-bottom:20px; font-size:40px; color:#000; font-weight:400; letter-spacing:-0.05em; line-height:1.2; /* word-break:keep-all; */ word-break:break-all; }
.help_box_main > p { width:60%; margin-top:20px; margin-left:150px; font-size:17px; color:#444; font-weight:400; letter-spacing:-0.05em; /* word-break:keep-all;  */word-break:break-all; }
.help_box_main > figure { text-align:center; }
.help_box_main .btn_mov { position:absolute; display:block; right:30px; bottom:30px; padding:10px 0 10px 35px; font-size:17px; color:#444; font-weight:700; letter-spacing:-0.1em; background:url("../images/helper/icon_mov.png") no-repeat left center; }

.help_box { position:relative; box-sizing:border-box; overflow:hidden; }

.help_box_0 { padding:50px 0; text-align:center; border-top:1px solid #ddd; overflow:hidden; }
.help_box_0 > h2 { margin-bottom:10px; font-size:38px; }
.help_box_0 > h5 { margin-bottom:10px; font-size:38px; }
.help_box_0 .iframe_box { position:relative; height:0; padding-bottom:50%; background:#fff; }
.help_box_0 .iframe_box > iframe { position:absolute; left:50%; top:50%; width:640px; height:100%; transform:translate(-50%, -50%); border:10px solid #000; box-sizing:border-box; }

.help_box_1 { padding-top:60px; background:url("../images/helper/scene_1_bg.jpg") no-repeat center top; }
.help_box_1 .title_1 { font-size:23px; color:#000; text-align:center; }
.help_box_1 .title_2 { font-size:40px; color:#000; font-weight:400; letter-spacing:-0.05em; line-height:1.2; text-align:center; }
.help_box_1 .img_1 { margin:0 auto 50px; text-align:center; }
.help_box_1 .txt_box_1 { width:50%; margin:0 auto; text-align:center; overflow:hidden; }
.help_box_1 .txt_box_1 > p { font-size:17px; color:#444; font-weight:400; letter-spacing:-0.05em; }

.help_box_3 { padding-top:60px; text-align:center; background:url("../images/helper/scene_3_bg.jpg") no-repeat center top; }
.help_box_3 > h2 { margin-bottom:50px; }
.help_box_3 > h2 > span { display:block; font-size:38px; color:#fff; letter-spacing:-0.05em; }
.help_box_3 > h2 > span:nth-child(2) { font-weight:700; }
.help_box_3 > h5 { margin-bottom:50px; }
.help_box_3 > h5 > span { display:block; font-size:38px; color:#fff; letter-spacing:-0.05em; }
.help_box_3 > h5 > span:nth-child(2) { font-weight:700; }
.help_box_3 > figure { margin-bottom:54px; }
.help_box_3 .help_s_box { }
.help_box_3 .help_s_box > .txt_group { position:relative; height:114px; background:url("../images/helper/icon_arrow.png") no-repeat center center; background-size:auto 100%; }
.help_box_3 .help_s_box > .txt_group > p { font-size:24px; color:#000; }
.help_box_3 .help_s_box > .txt_group > p.txt1 { position:absolute; top:-34px; width:48%; text-align:right; }
.help_box_3 .help_s_box > .txt_group > p.txt2 { position:absolute; right:0; bottom:-12px; width:47%; text-align:left; }
.help_box_3 .help_s_box > .txt_group > p.txt1 > b { font-size:60px; color:#4675b2; }
.help_box_3 .help_s_box > .txt_group > p.txt2 > b { font-size:60px; color:#f58428; }

.help_box_3 .help_s_box > nav { margin:24px 0; overflow:hidden; }
.help_box_3 .help_s_box > nav > ul { display:block; margin:0 50px; overflow:hidden; }
.help_box_3 .help_s_box > nav > ul:after { display:block; content:""; clear:both; }
.help_box_3 .help_s_box > nav > ul > li { position:relative; display:block; float:left; width:12.5%; padding:0 15px; text-align:center; box-sizing:border-box; overflow:hidden; }
.help_box_3 .help_s_box > nav > ul > li > a { display:block; font-size:14px; color:#333; overflow:hidden; }
.help_box_3 .help_s_box > nav > ul > li > a > span { display:block; width:100%; height:0; margin-bottom:8px; padding-bottom:100%; background-color:#e4eaeb; background-position:center center; background-repeat:no-repeat; border:1px solid #337ee2; border-radius:50%; box-sizing:border-box; overflow:hidden; }
.help_box_3 .help_s_box > nav > ul > li:hover > a { color:#337ee2; }
.help_box_3 .help_s_box > nav > ul > li:hover > a > span { background-color:#337ee2; }
.help_box_3 .help_s_box > nav > ul > li.on > a { color:#337ee2; }
.help_box_3 .help_s_box > nav > ul > li.on > a > span { background-color:#337ee2; }

.help_box_3 .help_s_box > nav > ul > li:nth-child(1) > a > span { background-image:url("../images/helper/scene_3_icon_1.png"); }
.help_box_3 .help_s_box > nav > ul > li:nth-child(2) > a > span { background-image:url("../images/helper/scene_3_icon_2.png"); }
.help_box_3 .help_s_box > nav > ul > li:nth-child(3) > a > span { background-image:url("../images/helper/scene_3_icon_3.png"); }
.help_box_3 .help_s_box > nav > ul > li:nth-child(4) > a > span { background-image:url("../images/helper/scene_3_icon_4.png"); }
.help_box_3 .help_s_box > nav > ul > li:nth-child(5) > a > span { background-image:url("../images/helper/scene_3_icon_5.png"); }
.help_box_3 .help_s_box > nav > ul > li:nth-child(6) > a > span { background-image:url("../images/helper/scene_3_icon_6.png"); }
.help_box_3 .help_s_box > nav > ul > li:nth-child(7) > a > span { background-image:url("../images/helper/scene_3_icon_7.png"); }
.help_box_3 .help_s_box > nav > ul > li:nth-child(8) > a > span { background-image:url("../images/helper/scene_3_icon_8.png"); }
.help_box_3 .help_s_box > .slide_box { position:relative; border-bottom:1px solid #b2c6e0; box-sizing:border-box; overflow:hidden; }

.help_box_3 .help_s_box > .slide_box .btn_slide_prev { position:absolute; left:20px; top:50%; width:50px; height:86px; background:url("../images/helper/icon_btn_arrow_prev.png") no-repeat center center; transform:translateY(-50%); z-index:2; }
.help_box_3 .help_s_box > .slide_box .btn_slide_prev > a { display:block; width:100%; height:100%; font-size:0; }
.help_box_3 .help_s_box > .slide_box .btn_slide_next { position:absolute; right:20px; top:50%; width:50px; height:86px; background:url("../images/helper/icon_btn_arrow_next.png") no-repeat center center; transform:translateY(-50%); z-index:2; }
.help_box_3 .help_s_box > .slide_box .btn_slide_next > a { display:block; width:100%; height:100%; font-size:0; }

.help_box_4 { padding-top:30px; text-align:center; background-color:#f3f4f8; }
.help_box_4 > h2 { margin-bottom:35px; }
.help_box_4 > h2 > span { display:inline-block; font-size:36px; color:#000; letter-spacing:-0.05em; }
.help_box_4 > h2 > span:nth-child(2) { font-weight:700; }
.help_box_4 > h5 { margin-bottom:35px; }
.help_box_4 > h5 > span { display:inline-block; font-size:36px; color:#000; letter-spacing:-0.05em; }
.help_box_4 > h5 > span:nth-child(2) { font-weight:700; }
.help_box_4 > .img_box { position:relative; overflow:hidden; }
.help_box_4 > .img_box > .mobile_img_box { position:absolute; left:50%; top:116px; transform:translateX(-180%); z-index:3; }
.help_box_4 > .img_box > .mobile_img_box .mobile_screen { position:absolute; left:26px; top:36px; width:123px; height:221px; background:#000; overflow:hidden; z-index:2; }
.help_box_4 > .img_box > .pc_img_box { position:relative; box-sizing:border-box; }
.help_box_4 > .img_box > .pc_img_box .pc_screen { position:absolute; left:50%; top:23px; width:460px; height:291px; background:#000; transform:translateX(-50%); overflow:hidden; z-index:2; }

.help_box_4 nav { margin:20px 0; overflow:hidden; }
.help_box_4 nav > ul { display:block; margin:0 100px; overflow:hidden; }
.help_box_4 nav > ul:after { display:block; content:""; clear:both; }
.help_box_4 nav > ul > li { position:relative; display:block; float:left; width:16.66%; padding:0 15px; text-align:center; opacity:0.5; box-sizing:border-box; overflow:hidden; }
.help_box_4 nav > ul > li > a { display:block; font-size:14px; color:#333; overflow:hidden; }
.help_box_4 nav > ul > li > a > span { position:relative; display:block; width:100%; height:0; margin-bottom:8px; padding-bottom:100%; background-color:#337ee2; background-position:center center; background-repeat:no-repeat; border:1px solid #337ee2; border-radius:50%; box-sizing:border-box; overflow:hidden; }
.help_box_4 nav > ul > li > a > span > em { position:absolute; left:50%; top:50%; font-size:50px; color:#fff; transform:translate(-50%, -50%); opacity:0; }
.help_box_4 nav > ul > li:hover { opacity:1; }
.help_box_4 nav > ul > li:hover > a > span > em { opacity:1; }
.help_box_4 nav > ul > li.on { opacity:1; }
.help_box_4 nav > ul > li.on > a > span > em { opacity:1; }

.help_box_5 { height:0; padding-bottom:90%; background:#f1f1f1 url("../images/helper/scene_5_bg.jpg") no-repeat right top; }
.help_box_5 > h2 { position:absolute; left:7%; top:50%; transform:translateY(-50%); }
.help_box_5 > h2 > span { display:block; font-size:40px; color:#000; font-weight:400; letter-spacing:-0.05em; }
.help_box_5 > h5 { position:absolute; left:7%; top:50%; transform:translateY(-50%); }
.help_box_5 > h5 > span { display:block; font-size:40px; color:#000; font-weight:400; letter-spacing:-0.05em; }

/* 개편안내 2019 */
.help_area { overflow:hidden; }
.n_help_box_main {padding: 0 10px;}
.n_help_box_main h4 {color: #333;font-size: 42px;letter-spacing: -0.075em;text-align: center;}
.n_help_box_main  .figs,
.n_help_box .figs {padding: 20px 0;text-align: center}
.n_help_box_main p {color: #000;font-size: 20px;font-weight: 600;text-align: center;}

.n_help_box {position: relative;padding: 46px 10px;}
.n_help_box h4 {color: #fff;font-size: 28px;font-weight: 400;letter-spacing: -0.075em;text-align: center;}
.n_help_box h4 span {display: inline-block;position: relative;color: #fff;font-size: inherit;font-weight: inherit;}
.n_help_box h4 span:before {content: '';position: absolute; top: -10px;left: 50%;width: 6px;height: 6px;background: #fff;border-radius: 50%;}
.n_help_box p {color: #000;font-size: 18px;font-weight: 600;text-align: center;}
.n_help_box p>span {color: inherit;font-size: inherit;font-weight: inherit;font-size: inherit}
.n_help_box h4.black {color: #333}
.n_help_box h4.black span {color: #333;}
.n_help_box h4.black span:before {background: #333}
.n_help_box .m-inline {display: block;}

.n_help_box_0 {margin-top: 60px;padding: 46px 0;background: #5597d1 url(../images/helper/bg_help_box_0.jpg) repeat-x 0 100%;}
.n_help_box_0 .figs {padding: 0;text-align: center}

.n_help_box_1 {background: #f2f1ef url(../images/helper/bg_help_box_1.jpg) repeat-x 0 0}
.n_help_box_1 p {font-weight: 400}

.n_help_box_2,
.n_help_box_3 {background: #f2f1ef;text-align: center;}

.n_help_box_2:before,
.n_help_box_3:before {content: '';position: absolute;top: 0;left: 50%;width: 64%;height: 2px;margin-left: -32%;background: #cccbc9}

.n_help_box_4 {margin-top: 50px;padding: 30px 0;background: #c0d5ee url(../images/helper/bg_n_help_box_4.jpg) no-repeat 0 0;background-size: cover;box-sizing: border-box;text-align: center;}
.n_help_box_4 p {font-size: 26px;}
.n_help_box_4 p>span>em {color: #394f88;font-size: inherit;font-weight: bold}

@media all and (max-width:1151px){

#content .n_help_box h4,
#content .n_help_box_main h4{font-size: 20px;letter-spacing: 0;}
.n_help_box {padding: 23px 10px}
.n_help_box h4 span:before {top: -2px;width: 3px;height: 3px;}
.n_help_box p {font-size: 14px}
.n_help_box_0 {margin-top: 30px;padding: 23px 10px;}
.n_help_box_4 {margin-top: 20px;}

  .help_box_main { margin-bottom:50px; }
  .help_box_main > h1 { width:auto; margin-bottom:50px; text-align:center; }
  .help_box_main > p { width:auto; margin:20px 0 30px; text-align:center; }
  .help_box_main .btn_mov { position:relative; right:auto; bottom:auto; width:300px; margin:0 auto; padding:14px 0; color:#fff; text-align:center; background-image:none; background-color:#0d82eb; border-radius:5px; }

  .help_box_3 { padding-top:60px; text-align:center; background-position:center top; background-size:cover; }
  .help_box_3 > h2 > span { display:inline-block; margin:0 10px; }
  .help_box_3 > h5 > span { display:inline-block; margin:0 10px; }
  .help_box_3 .help_s_box > .txt_group { margin-bottom:20px; }
  .help_box_3 .help_s_box > nav { margin-bottom:40px; }

  .help_box_4 > .img_box > .pc_img_box .pc_screen { position:absolute; left:50%; top:23px; width:460px; height:291px; background:#000; transform:translateX(-50%); overflow:hidden; z-index:2; }

  .help_box_5 { padding-bottom:70%; }
}
@media all and (max-width:768px){

.n_help_box_0 {background-size: auto 140px;}
.n_help_box_1 {background-position: 0 -250px}

  .help_box_3 .help_s_box > nav > ul { margin:0; }
  .help_box_3 .help_s_box > nav > ul > li { padding:0 10px; }

  .help_box_4 nav > ul { margin:0; }

  .help_box_5 { background-size:contain; }
}
@media all and (max-width:640px){
  .help_box_0 .iframe_box { padding-bottom:60%; }

  .help_box_3 .help_s_box > nav > ul { margin:0; text-align:center; }
  .help_box_3 .help_s_box > nav > ul > li { display:inline-block; float:none; width:18%; }
  .help_box_3 .help_s_box > nav > ul > li > a > span { background-size:40% auto; }

  .help_box_3 .help_s_box > .txt_group { height:100px; margin-bottom:20px; background-size:auto 80%; }
  .help_box_3 .help_s_box > .txt_group > p { font-size:20px; }
  .help_box_3 .help_s_box > .txt_group > p.txt1 { top:-34px; width:80%; text-align:left; }
  .help_box_3 .help_s_box > .txt_group > p.txt1 > b { font-size:45px; }
  .help_box_3 .help_s_box > .txt_group > p.txt2 > b { font-size:45px; }

  .help_box_4 > .img_box > .mobile_img_box { left:0; top:auto; bottom:0; width:30%; transform:none; }
  .help_box_4 > .img_box > .mobile_img_box .mobile_screen { left:14%; top:11%; width:69%; height:0; padding-bottom:123%; }
  .help_box_4 > .img_box > .pc_img_box { width:90%; margin:0 auto; }
  .help_box_4 > .img_box > .pc_img_box .pc_screen { left:50%; top:5%; width:85%; height:0; padding-bottom:54%; }

  .help_box_4 nav > ul > li { width:16.66%; padding:0 10px; }
  .help_box_4 nav > ul > li > a > span > em { font-size:30px; }
}
@media all and (max-width:480px){
  .help_box_main > h1 { font-size:30px; }
  .help_box_main > h4 { font-size:30px; }

  .help_box_0 > h2 { font-size:30px; }
  .help_box_0 > h5 { font-size:30px; }
  .help_box_0 .iframe_box { padding-bottom:70%; }
  .help_box_0 .iframe_box > iframe { width:100%; }

  .help_box_3 > h2 > span { font-size:30px; }
  .help_box_3 > h5 > span { font-size:30px; }

  .help_box_3 { padding-top:90px; background-position:center top; background-size:100% auto; }
  .help_box_3 > figure { margin-bottom:15px; }
  .help_box_3 .help_s_box > nav { margin-bottom:10px; }

  .help_box_3 .help_s_box > .txt_group { height:80px; margin-bottom:20px; background-size:auto 30%; }
  .help_box_3 .help_s_box > .txt_group > p { font-size:15px; }
  .help_box_3 .help_s_box > .txt_group > p.txt1 { left:0; top:50%; width:45%; padding-left:48px; line-height:1.2; transform:translateY(-50%); box-sizing:border-box; }
  .help_box_3 .help_s_box > .txt_group > p.txt2 { right:0; top:50%; bottom:auto; width:45%; padding-left:29px; line-height:1.2; transform:translateY(-50%); box-sizing:border-box; }
  .help_box_3 .help_s_box > .txt_group > p.txt1 > b { position:absolute; left:0; top:50%; font-size:35px; transform:translateY(-50%); }
  .help_box_3 .help_s_box > .txt_group > p.txt2 > b { position:absolute; left:0; top:50%; font-size:35px; transform:translateY(-50%); }

  .help_box_3 .help_s_box > .slide_box .btn_slide_prev { left:5px; width:30px; height:56px; background-size:cover; }
  .help_box_3 .help_s_box > .slide_box .btn_slide_next { right:5px; width:30px; height:56px; background-size:cover; }

  .help_box_4 > h2 > span { font-size:30px; }
  .help_box_4 > h5 > span { font-size:30px; }

  .help_box_4 nav > ul > li { width:50%; padding:5px 10px; background:#337ee2; border:1px solid #fff; border-left:0; border-top:0; }
  .help_box_4 nav > ul > li:nth-child(even) { border-right:0; }
  .help_box_4 nav > ul > li > a { display:block; font-size:14px; color:#fff; }
  .help_box_4 nav > ul > li > a > span { display:none; }

  .help_box_5 > h2 { padding:0; }
  .help_box_5 > h2 > span { font-size:20px; }
}
@media all and (max-width:360px){
  .help_box_3 { padding-top:46px; }
  .help_box_3 .help_s_box > .txt_group { height:auto; background-image:none; }
  .help_box_3 .help_s_box > .txt_group > p { font-size:18px; }
  .help_box_3 .help_s_box > .txt_group > p.txt1 { position:relative; width:100%; top:auto; padding:0; line-height:inherit; transform:none; text-align:center; box-sizing:border-box; }
  .help_box_3 .help_s_box > .txt_group > p.txt1 > b { position:relative; left:inherit; top:inherit; transform:none; }
  .help_box_3 .help_s_box > .txt_group > p.txt2 { position:relative; width:100%; top:auto; padding:0; line-height:inherit; transform:none; text-align:center; box-sizing:border-box; }
  .help_box_3 .help_s_box > .txt_group > p.txt2 > b { position:relative; left:inherit; top:inherit; transform:none; }
  .help_box_3 .help_s_box > nav > ul > li { width:20%; padding:0 5px; }

  #footer .footer-link ul li a { padding:0 3px; }
}

@media all and (min-width:1152px){
.n_help_box_4 {min-height: 134px;}
}


/* 대중교통 분실물 추가 2018-11-13 */
/* tab */
.tab-lifeinfo {margin-bottom:20px;}
.tab-lifeinfo {display:table;table-layout: fixed;width:100%;}
.tab-lifeinfo li {display:table-cell;}
.tab-lifeinfo li a,
.tab-lifeinfo li strong {position:relative; display:block; width:100%; padding:17px 0px; border:1px solid #ddd; border-right:0;box-sizing:border-box;font-size: 16px;color:#767676;text-align: center}
.tab-lifeinfo li:last-child a,
.tab-lifeinfo li:last-child strong {border-right:1px solid #ddd;}
.tab-lifeinfo li.on a,
.tab-lifeinfo li.on strong {border:1px solid #0c82e9; color:#0c82e9; font-weight:700; z-index:2;background: #f3f9fe}
.tab-lifeinfo li.on + li a{ border-left:0}
.VLayer {display:table;}
.HLayer {display:none;}

@media (max-width: 1151px) {
.tab-lifeinfo {display:block;padding-left:1px;}
.tab-lifeinfo:after {display:block; content:''; clear:both}
.tab-lifeinfo li {float:left;display: block; margin-left:-1px;width:calc(50% + 1px) !important;margin-top:-1px;}
.tab-lifeinfo li a,
.tab-lifeinfo li strong {padding:8px 7px 7px; font-size:16px;border-right:1px solid #ddd; height:40px;}
.tab-lifeinfo li.active + li a,
.tab-lifeinfo li.active + li strong {border-left: 1px solid #ddd}
.tab-lifeinfo li.on + li a,
.tab-lifeinfo li.on + li strong {border-left: 1px solid #ddd}
.VLayer {display:block;}
.HLayer {display:none;}
}

/* SMS 알리미 변경 안내 추가 2018-11-13*/
.sms-notice-wrap {}
.sms-notice-list {border: 1px solid #767676;border-width: 1px 0 1px 0;margin-top: 2.5em;padding: 2em;}
.sms-notice-list .sms-notice {border-top: 1px solid #ddd}
#content .sms-notice-list .sms-notice h4 {margin-bottom: 15px;}
.sms-notice-list .sms-notice ul {padding: 0 0 10px;}
.sms-notice-list .sms-notice ul li * {vertical-align: middle}
.sms-notice-list .sms-notice:first-child {border-top: 0;}
.sms-notice-list .sms-notice .sms-img-list li {position: relative;padding: 12px 0 15px 50px;word-break: break-all}
.sms-notice-list .sms-notice .sms-img-list li img {position: absolute;top: 5px;left: 0;}
.sms-notice-list .sms-notice ol {overflow: hidden}
.sms-notice-list .sms-notice ol li {float: left;width: 33.3333%}
.sms-notice-list .sms-notice ol li img {margin: 15px 0;}
.sms-notice-wrap .box-type2 ul li {padding-left: 30px;text-indent: -15px;padding-bottom: 5px;}
@media (max-width: 840px) {
.sms-notice-wrap  li {font-size: 14px}
.sms-notice-list .sms-notice ol li {width: 50%;}
}
@media (max-width: 540px) {
.sms-notice-list .sms-notice ol li {width: 100%;}
.sms-notice-list .sms-notice ol li img {display: inherit;margin: 15px auto}
}

/* 2019-04-22 게시판 추가 */
#content.spp-content #seoul-integrated-board .hd-element {border: 0; clip: rect(0 0 0 0); /* clip-path: inset(50%);  */width: 1px; height: 1px; margin: -1px; overflow: hidden; padding: 0; position: relative !important;display: inline-block;font-size: 14px;line-height: 14px;}
#content.spp-content #seoul-integrated-board {width: 100% !important;}
#content.spp-content #seoul-integrated-board * {box-sizing: border-box;}
#content.spp-content #seoul-integrated-board .sib-lst-type-basic {border-color: #767676;border-top: 1px solid #767676; border-bottom: 0px solid #767676;}
#content.spp-content #seoul-integrated-board .sib-lst-type-basic th {border-bottom: 1px solid #dddddd;border-left: 1px solid #ddd;background: #f4f6f7;border-color: #ddd;}
#content.spp-content #seoul-integrated-board .sib-lst-type-basic td {border-bottom: 1px solid #dddddd;border-left: 1px solid #ddd;color:#555; vertical-align: middle;word-break: break-all}
#content.spp-content #seoul-integrated-board .sib-lst-type-basic .sib-lst-type-basic-subject a {color: #222;padding-left: 15px}
#content.spp-content #seoul-integrated-board .sib-lst-type-basic .sib-lst-type-basic-subject a b {font-weight: bold;}

/* 리스트 컬럼 너비 */
#content.spp-cont-praise #seoul-integrated-board .sib-lst-type-basic col:first-child,
#content.spp-cont-free #seoul-integrated-board .sib-lst-type-basic col:first-child,
#content.spp-cont-use #seoul-integrated-board .sib-lst-type-basic col:first-child,
#content .spp-cont-use #seoul-integrated-board .sib-lst-type-basic col:first-child {width: 80px !important}
#content.spp-cont-praise #seoul-integrated-board .sib-lst-type-basic col:nth-child(3),
#content.spp-cont-free #seoul-integrated-board .sib-lst-type-basic col:nth-child(3),
#content.spp-cont-use #seoul-integrated-board .sib-lst-type-basic col:nth-child(3),
#content .spp-cont-use #seoul-integrated-board .sib-lst-type-basic col:nth-child(3) {width: 100px !important}
#content.spp-cont-praise #seoul-integrated-board .sib-lst-type-basic col:nth-child(4),
#content.spp-cont-free #seoul-integrated-board .sib-lst-type-basic col:nth-child(4) {width: 110px !important}

#content.spp-content #seoul-integrated-board .sib-lst-type-basic tr th:first-child,
#content.spp-content #seoul-integrated-board .sib-lst-type-basic tr td:first-child {border-left: 0}
#content.spp-content #seoul-integrated-board .sib-viw-type-basic table {border-color: #767676;border-width: 1px 0 1px 0}
#content.spp-content #seoul-integrated-board .sib-viw-type-basic th,
#content.spp-content #seoul-integrated-board .sib-wte-type-basic th {background: #f4f6f7;}
#content.spp-content #seoul-integrated-board .sib-viw-type-basic th {border-right: 1px solid #e2e2e2;}
#content.spp-content #seoul-integrated-board .sib-viw-type-basic th:last-child {border-right: 0}
#content.spp-content #seoul-integrated-board .sib-wte-type-basic {border-top: 1px solid #767676}
#content.spp-content #seoul-integrated-board .sib-wte-type-basic table {border-top: 0;border-bottom: 0}
#content.spp-content #seoul-integrated-board .sib-wte-agree label span {font-size: 1em}
#content.spp-content #seoul-integrated-board .sib-frm-search-date .sib-datepicker input {width: 130px}
/* button */
#content.spp-content #seoul-integrated-board .sib-button {font-size: 1em}
/* view */
#content.spp-content #seoul-integrated-board .sib-wte-type-basic label {font-weight: bold;}
#content.spp-content #seoul-integrated-board .sib-set-button #btnList {background: #0c82e9;border: 1px solid #0c82e9;color: #fff}
/* 공지글 */
#content.spp-content #seoul-integrated-board .sib-cnt-notice {display:block;box-sizing:border-box;border: 1px solid #ddd;background: #fff;padding: 1.75em 2.75em;margin-bottom:2.5em;line-height: 1.6}
#content.spp-content #seoul-integrated-board .sib-cnt-notice p{margin-top: 5px}
#content.spp-content #seoul-integrated-board .sib-cnt-notice p:first-child {margin-top: 0}
#content.spp-content #seoul-integrated-board .sib-lb-color3 {background: #0c82e9;border: 1px solid #0c82e9}
#content.spp-content #seoul-integrated-board input::placeholder {
 font-size: 12px;
}
#content.spp-content #seoul-integrated-board input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
 font-size: 12px
}
#content.spp-content #seoul-integrated-board input::-moz-placeholder { /* Firefox 19+ */
  font-size: 12px
}
#content.spp-content #seoul-integrated-board input:-ms-input-placeholder { /* IE 10+ */
  font-size: 12px
}
#content.spp-content #seoul-integrated-board input:-moz-placeholder { /* Firefox 18- */
  font-size: 12px
}

#content.spp-content #seoul-integrated-board .sib-paging {margin: 30px 0 0 0}
#content.spp-content #seoul-integrated-board .sib-paging * {vertical-align: top}
#content.spp-content #seoul-integrated-board .sib-paging a {width: 40px; height: 40px;margin: 0 0 0 10px;padding: 0;line-height: 37px;border: 2px solid #fff; font-size: 16px; box-sizing: border-box;}

#content.spp-content #seoul-integrated-board .sib-paging strong {width: 40px; height: 40px;line-height: 37px;margin: 0 0 0 10px; padding: 0;background: none; border:2px solid #333; color: #333; font-weight: bold;}
#content.spp-content #seoul-integrated-board .sib-paging a.sib-paging-prev { text-indent: -9999em;margin: 0 15px 0 0; background: url(../images/btn_pagination.png) no-repeat; background-size: 120px 30px; border: 1px solid #ccc; border-radius: 0; background-position:  -26px 4px;}
#content.spp-content #seoul-integrated-board .sib-paging a.sib-paging-next { text-indent: -9999em;margin: 0  0 0 15px; background: url(../images/btn_pagination.png) no-repeat; background-size: 120px 30px; border: 1px solid #ccc; border-radius: 0; background-position: -54px 4px;}


/*pagination*/
#content.spp-content #seoul-integrated-board .sib-set-button .sib-lb-color1 {
  border-color:#ddd;
  background:#fff;
  color: #222
}

#content.spp-content #seoul-integrated-board .sib-set-button .sib-lb-color2 {
  border-color:#0c82e9;
  background:#0c82e9;
}
/* 글쓰기 */
#content.spp-content .sib-wte-type-basic label input[type='checkbox'] {display: inline-block;}
#content.spp-content .sib-wte-type-basic label input[type='checkbox']:checked:before { content: ''; display: inline-block; width: 16px; height: 16px; vertical-align: middle; background: #fff url("../images/icon_input_checked.png") no-repeat center center; border: 1px solid #767676;}
#content.spp-content .sib-wte-type-basic input[type='checkbox'] +  span { vertical-align: middle; margin-left: 10px;color:#555; font-size:14px;}
#content.spp-content .sib-wte-type-basic label input[type='checkbox']:before { content: ''; display: inline-block; width: 16px; height: 16px; vertical-align: middle; background-color: #fff; border: 1px solid #dddddd;}

#content.spp-content #seoul-integrated-board .sib-wte-agree input {border: 0}


@media all and (max-width: 1152px) {
/* board input 높이 50px 수정 - 2018-10-05 */
#content.spp-content #seoul-integrated-board input[type="file"],
#content.spp-content #seoul-integrated-board input[type="text"],
#content.spp-content #seoul-integrated-board input[type="password"],
#content.spp-content #seoul-integrated-board select {height: 50px;line-height: 48px;}
#content.spp-content #seoul-integrated-board .sib-datepicker span.sib-ico-set-calendar {top: 16px;}
#content.spp-content #seoul-integrated-board .sib-frm-search-word button {height: 50px;line-height: 48px;}
#content.spp-content #seoul-integrated-board .sib-frm-search-date span.hypen {margin-top: 15px;}
/* 페이징 */
#content.spp-content #seoul-integrated-board .sib-paging {margin: 15px 0}
#content.spp-content #seoul-integrated-board .sib-paging a {width: 25px; height: 25px;margin: 0 1px 0;font-size:14px;line-height:23px;}
#content.spp-content #seoul-integrated-board .sib-paging strong {width: 25px; height: 25px;line-height: 23px;margin: 0; }
#content.spp-content #seoul-integrated-board .sib-paging a.sib-paging-prev {margin: 0 5px 0 0;background-position:-33px -3px;}
#content.spp-content #seoul-integrated-board .sib-paging a.sib-paging-next {margin: 0 0 0 5px;background-position:-61px -3px;}
/* 글쓰기 2018-10-05 */
#content.spp-content #seoul-integrated-board .sib-wte-type-basic-file {padding-right: 0}
#content.spp-content #seoul-integrated-board input[type="file"] {height: auto;line-height: 100%;margin-bottom: 5px}
}

@media all and (max-width: 768px) {
#content.spp-content #seoul-integrated-board .sib-lst-type-basic td.sib-lst-type-basic-subject {border-left: 0}
#content.spp-content #seoul-integrated-board .sib-frm-search-date .sib-datepicker input {width: 100%}
#content.spp-content #seoul-integrated-board .sib-lst-type-basic .sib-lst-type-basic-subject a {padding-left: 0}
/* 공지 */
#content.spp-content #seoul-integrated-board .sib-cnt-notice {padding: 10px}
}

@media all and (max-width: 420px) {
#content.spp-content #seoul-integrated-board .sib-set-button-right {width: 100%}
#content.spp-content #seoul-integrated-board .sib-set-button #btnWriteMember,
#content.spp-content #seoul-integrated-board .sib-set-button #btnWriteNonMember{width: 100%;height: 50px;line-height: 48px;}
#content.spp-content #seoul-integrated-board .sib-set-button #btnWriteMember {margin-top: -5px}
/* 게시판 ahrfhr 하단 왼쪽에 로그아웃 버튼 있을 때 */
#content.spp-content #seoul-integrated-board .sib-lst-type-basic + .sib-set-button {margin-bottom: 20px}
#content.spp-content #seoul-integrated-board .sib-lst-type-basic + .sib-set-button > div {width: 100% !important;margin: 5px 0;}
#content.spp-content #seoul-integrated-board .sib-lst-type-basic + .sib-set-button > div > .sib-button {width: 100%;height: 50px;line-height: 48px;}
#content.spp-content .box-type4 {padding: 10px}
}

@media all and (max-width: 360px) {
#content.spp-content #seoul-integrated-board .sib-paging a {width: 20px; height: 20px;line-height:18px;}
#content.spp-content #seoul-integrated-board .sib-paging strong {width: 20px; height: 20px;line-height:18px;}
#content.spp-content #seoul-integrated-board .sib-paging a.sib-paging-prev {background-position:-36px -5px}
#content.spp-content #seoul-integrated-board .sib-paging a.sib-paging-next {background-position:-64px -5px}
}

/* 2019-04-22 spp 컨텐츠 추가 */
#content.spp-content .btn-group-btm {margin: 30px 0 20px}
/* 자유게시판 상단 문구 */
#content.spp-content .listtype-noti>li {margin-top: 10px}
#content.spp-content .listtype-noti>li:first-child {margin-top: 0}

/* common.css 추가 */
#content.spp-content .title-wrap h3 span {font-size: 36px !important;text-align: center;font-weight: 400}
#content.spp-content a.btn {display: inline-block;}  /* line 42 */
#content.spp-content .btn span {line-height: 1.35em;}

#content.spp-content .box-type-spp {margin-bottom: 20px;}

/* 공공언어 개선제안 */
#content.spp-content .box-type4 .point span {display: inline-block;margin-left: 20px;font-weight: 700;color: #0c82e9}
#content.spp-content .box-type4 .point span a {color: #0c82e9}

/* 옴부즈만 */
#content.spp-content .ombuds {padding:40px 35% 50px 25px;background:url(/spp_inc/accessibility/images/bg_ombuds.png) no-repeat right bottom;}
#content.spp-content .ombuds .tit {font-size:2.125em;margin-bottom:1.4em;}
#content.spp-content .ombuds .tit span {display: block;font-size: 1em}

#content.spp-content .ombuds-type{border-top:1px solid #222222;border-bottom:1px solid #292929;padding:40px 0;text-align: center;margin-bottom: 20px}
#content.spp-content .ombuds-type ul li{float:left;width:50%;box-sizing: border-box;border-left:1px dashed #dddddd;}
#content.spp-content .ombuds-type ul li:first-child,
#content.spp-content .ombuds-type ul li.third {border-left:0}
#content.spp-content .ombuds-type ul li.even {padding-top: 40px}
#content.spp-content .ombuds-type ul li.even .tit {border-top: 1px dashed #dddddd;padding-top: 40px}
#content.spp-content .ombuds-type ul li .tit01 strong{font-size: 20px;font-weight: 700}
#content.spp-content .ombuds-type ul li .tit02{margin-top:15px;font-size:14px;color: #767676;padding: 0 60px}
#content.spp-content .ombuds-type i{display: block;height:65px;margin:35px auto;background: url(/spp_inc/accessibility/images/icon_ombuds.png) no-repeat 0 0}
#content.spp-content .ombuds-type i.type01{width:67px;background-position: 0 0}
#content.spp-content .ombuds-type i.type02{width:67px;background-position: 0 0}
#content.spp-content .ombuds-type i.type03{width:83px;background-position: -100px 0}
#content.spp-content .ombuds-type i.type04{width: 72px;background-position: -200px 0}

#content.spp-content .ombuds-type-info dl {padding-left:236px;min-height:65px; background-repeat: no-repeat}
#content.spp-content .ombuds-type-info dl dt{margin-bottom:8px;line-height:21px;font-size: 14px;color:#555555;font-weight: 700}
#content.spp-content .ombuds-type-info dl dd {position: relative;padding-left: 11px;}
#content.spp-content .ombuds-type-info dl dd a.btn {margin-top: 5px;}
#content.spp-content .ombuds-type-info dl dd:before { content: ''; position: absolute; top: 10px; left: 0; width: 4px; height: 1px; background: #767676;}
#content.spp-content .ombuds-type-info div.type-name{position:absolute;left:0;top:50%;width:246px;font-weight: 700;font-size: 16px;text-align: center;padding-top:70px;background: url(/spp_inc/accessibility/images/icon_ombuds4.png) no-repeat center top;transform:translateY(-50%);}

@media all and (max-width: 1152px) {
/* 시민감사 옴부즈만 */
#content.spp-content .ombuds-type{padding:0}
#content.spp-content .ombuds-type ul li{float:none;display:table;position:relative;text-align:left;width:100%;height:58px;border:0;border-top: 1px dashed #ddd;padding:14px 0}
#content.spp-content .ombuds-type ul li:first-child {border-top: 0;}
#content.spp-content .ombuds-type ul li:after{content:'';display: block;clear: both;}
#content.spp-content .ombuds-type ul li i{display: none}
#content.spp-content .ombuds-type ul li.even {padding-top: 0;}
#content.spp-content .ombuds-type ul li.even .tit {padding-top: 14px;}
#content.spp-content .ombuds-type ul li .tit{float:none;vertical-align: middle;padding-right: 210px}
#content.spp-content .ombuds-type ul li .tit .tit01 strong{font-size: 16px}
#content.spp-content .ombuds-type ul li .tit .tit02{margin-top:5px;padding: 0}
#content.spp-content .ombuds-type ul li .button{float:none;position: absolute;right:0;top:50%;margin-top:-20px}
#content.spp-content .ombuds-type-info dl {padding-left: 0}
#content.spp-content .ombuds-type-info > div.type-name{position: static;font-size:16px;margin-bottom: 13px;text-align: left;padding:0;background: none; transform: translateY(0%);}
}

@media all and (max-width: 768px) {
/* 입찰공고 */
#content.spp-content .box-type-spp {overflow: hidden;text-align: left}
#content.spp-content .box-type-spp a {float: left;width: 49%;margin-left: 2%;margin-bottom: 5px;display: flex; align-items: center;justify-content: center} /* 2022-06-02 display 추가 */
#content.spp-content .box-type-spp a:nth-child(2n+1) {margin-left: 0;}
/* #content.spp-content .box-type-spp a:last-child {width: 100%;margin-left: 0;} 20221110 주석 */
/* 채용시험 */
#content.spp-content .box-type-spp2 a:last-child {width: 49%;margin-left: 2%}

/* 옴부즈만위원회 */
#content.spp-content .ombuds {padding: 20px 25px;background: none;}
#content.spp-content .ombuds .tit span {display: inline;}
}

@media all and (max-width: 420px) {
/* 공공언어 개선제안 */
#content.spp-content .box-type4 .point span {display: block;margin-left: 0}
/* 채용시험 */
#content.spp-content .box-type-spp2 a {width: 100% !important;margin-left: 0 !important;}
/* 시민감사 옴부즈만 */
#content.spp-content .ombuds-type ul li .tit {padding-right: 0;}
#content.spp-content .ombuds-type ul li .button {position: relative;top: 0;width: 100%;margin-top: 10px;}

}


/* 검색 자동완성 추가 2019-11-15 -> 수정 2019-12-03 */
.auto-search{width: 100% !important;display:none;position:absolute;left:-1px;top:42px;z-index:11;width:408px;min-height:10px;border:1px solid #3599d5;background:#fff;}
.auto-search * {box-sizing: border-box;}
.auto-search .ui-widget.ui-widget-content {border:0;}
.auto-search img {vertical-align:middle;}
.auto-search .column-left{float:left;width: 60% !important;padding-bottom:0px;border-right:1px solid #e6e6e6;}
.auto-search .column-left:after{content:"";display:block;clear:both;}
.auto-search .column-left .auto-lst{margin:5px 0px 2px 0px;}
.auto-search .column-left .auto-lst li{font-size:12px;padding:0px 0px 0px 0px;height:22px;}
.auto-search .column-left .auto-lst li a{height:14px;color:#666;padding:0px 0px 0px 10px;}
.auto-search .column-left .auto-lst li a:hover{background:#f5f5f5;}
.auto-search .column-left .auto-lst li a strong{color:#007ac3;}
.auto-search .column-left .auto-lst span {float:left;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;position:relative;margin-left:10px;}
.auto-search .column-right{float:right;width:40% !important;overflow:hidden;}
.auto-search .column-right .auto-url{margin:0px 0px 0px 0px;}
.auto-search .column-right .auto-url li{font-size:12px;padding:5px 4px;height:14px;}
.auto-search .column-right .auto-url li a{color:#348f15;text-decoration:none;}
.auto-search .column-right .auto-url li a span{display:block;margin-top:4px;font-size:12px;color:#666;}
.auto-search .column-bottom{clear:both;border-top:1px solid #eeeeee;height:27px;background:#f5f5f5;text-align:right}
.auto-search .column-bottom a{display:inline-block;padding:0px 10px;background:url(../../assets/images/main/bg-lst-line.gif) no-repeat right center;color:#888;line-height:26px;font-size:12px;}
.auto-search .column-bottom a:last-child{background:none}
@media all and (min-width: 1153px) {
.auto-search {max-width: 429px !important;}
}

/* 캐릭터(해치) 2020-06-12 */
.box-type2.haechi-box {padding: 1.75em 0em;border: 0;margin-bottom: 0;}
.haechi-icon-wrap {max-width: 100%;width: 100%;margin: 0 auto;overflow: hidden;}
.haechi-icon-wrap li {float: left;width: 25%;margin-bottom: 20px;box-sizing: border-box;}
.haechi-icon-wrap li img {margin-bottom: 10px;}
.haechi-icon-wrap2 li img{width: 152px;}
.haechi-icon-wrap .btn.size1 {min-width: auto;padding: 6px 6px 5px;font-size: 13px;}
.haechi-icon-wrap .btn.ico-gif2:before,
.haechi-icon-wrap .btn.ico-png:before {display: none;}

/* 해치 이모티콘 추가 2022-12-28 */
.symbolbox2 .btn-group2 a.btn {margin: 5px 0}
.haechi-box-emoticon .haechi-icon-wrap li {width: 50%;padding: 0 10px;text-align: center}
.haechi-box-emoticon .haechi-icon-wrap li img {display: block;margin: 0 auto;}
.haechi-box-emoticon .haechi-icon-wrap li .btn.size1 {position: relative;display: inline-flex;align-items: center;justify-content: center;padding: 6px 12px 5px}
.haechi-box-emoticon .haechi-icon-wrap li .btn.size1:after {content: '';width: 13px;height: 10px;margin-left: 3px;background: url(/res_newseoul/images/common/ico-downicon.png) no-repeat 0 0;}

@media all and (max-width: 840px) {
  .haechi-icon-wrap li {width: 50%;}
  .haechi-icon-wrap li:nth-child(2n+1) {clear: both;}
  .haechi-icon-wrap2 li img{width: 100%;}
}

@media all and (max-width: 420px) {
  .haechi-icon-wrap li {margin-bottom: 10px;padding: 10px}
	.haechi-box-emoticon .haechi-icon-wrap li {width: 100%;padding: 0;float: none;}

}

@media all and (min-width: 841px) {
  .haechi-icon-wrap li:nth-child(4n+1) {clear: both;}
}

/* 서울의 정책 2021-07-05 */
.highlight{background-color:#FFFF00;color:#222;font-size:20px;font-weight:600;}
.seoul-policy-wrap  * {box-sizing: border-box;}
.section-spcont {position: relative;overflow: hidden;margin: 30px 0;}
.section-spcont .sp-cont {width: 100%;overflow: hidden;margin-bottom: 10px;border-top: 1px solid #767676;border-bottom: 1px solid #767676;}
.section-spcont .sp-cont1, .section-spcont .sp-cont-target {margin-left: 0;}
.sp-cont h4 {width: 100%;background: #eeeeee;padding: 10px 15px;font-size: 16px;text-align: center;vertical-align: middle;}
.sp-cont ul {width: 100%;padding: 10px 0;vertical-align: middle;}
.section-spcont-category ul {overflow: hidden;}
.section-spcont-category ul li {float: left;width: 11.1111%;}
.section-spcont-category ul li button {display: block;position: relative;width: 100%;height: 100%;min-height: 100px;}
.section-spcont-category ul li button:focus-visible {border: 3px dotted #ff0000;outline: none;}
.section-spcont-category ul li button span {display: block;position: relative;width: 100%;padding-top: 70px;text-align: center;}
.section-spcont-category ul li button.on span {color: #0c82e9;font-weight: 700;text-decoration: underline;}

.section-spcont-category ul li button span:before {content: '';position: absolute;top: 10px;left: 50%;width: 50px;height: 50px;margin-left: -25px;background: transparent url(../images/seoul/ico_policy_new.png) no-repeat 0 0;background-size: 500px 150px;border-radius: 50%;z-index: 3;}

.section-spcont-category ul li.cate1-0 button span:before {background-position: 0 0;}
.section-spcont-category ul li.cate1-1 button span:before {background-position: -50px 0;}
.section-spcont-category ul li.cate1-2 button span:before {background-position: -100px 0;}
.section-spcont-category ul li.cate1-3 button span:before {background-position: -150px 0;}
.section-spcont-category ul li.cate1-4 button span:before {background-position: -200px 0;}
.section-spcont-category ul li.cate1-5 button span:before {background-position: -250px 0;}
.section-spcont-category ul li.cate1-6 button span:before {background-position: -300px 0;}
.section-spcont-category ul li.cate1-7 button span:before {background-position: -350px 0;}
.section-spcont-category ul li.cate1-8 button span:before {background-position: -400px 0;}
.section-spcont-category ul li.cate1-9 button span:before {background-position: -450px 0;}

.section-spcont-category ul li.cate2-0 button span:before {background-position: 0 0;}
.section-spcont-category ul li.cate2-1 button span:before {background-position: 0 -50px;}
.section-spcont-category ul li.cate2-2 button span:before {background-position: -50px -50px;}
.section-spcont-category ul li.cate2-3 button span:before {background-position: -100px -50px;}
.section-spcont-category ul li.cate2-4 button span:before {background-position: -150px -50px;}
.section-spcont-category ul li.cate2-5 button span:before {background-position: -200px -50px;}
.section-spcont-category ul li.cate2-6 button span:before {background-position: -250px -50px;}
.section-spcont-category ul li.cate2-7 button span:before {background-position: -300px -50px;}
.section-spcont-category ul li.cate2-8 button span:before {background-position: -350px -50px;}

.section-spcont-category ul li button span:after {content: '';position: absolute;top: 3px;left: 50%;width: 60px;height: 60px;margin-left: -30px;border-radius: 50%;background: #efefef;z-index: 2;}
.section-spcont-category ul li button.on span:after {background-color: #fff;border: 3px solid #0d82e9;margin-left: -34px;} /* background-color: #337ee2; */
.section-spcont-list {}
.section-spcont-list .sp-header {}

/* search */
.search-cont {position: relative;}
.search-cont:after {content: '';display: table;clear: both;}
.search-cont .s-cont {float: left;}
.search-cont select,
.search-cont input[type="text"],
.search-cont button.btn {width: 100%;padding: 0 20px;height: 34px;line-height: 34px;}
.search-cont button.btn {width: 49%}
.search-cont button.btn.btn-reset {background: #747474}

.section-spcont-list {margin-top: 50px;}
.section-spcont-list .splist-header {position: relative;clear: both;margin: 10px 0;}
.search-cont-policy {position: absolute;top: 0;right: 0;width: 62%;}
/* .search-cont-policy .s-cont0 {width: 23%;margin-right: 1%;} */
.search-cont-policy .s-cont1 {width: 20%;margin-right: 1%;}
.search-cont-policy .s-cont2 {width: 45%;margin-right: 1%}
.search-cont-policy .s-cont3 {width: 33%;display: flex;justify-content: space-between;}
.search-cont-policy2 {width: 100%;max-width: 260px;display: inline-block;}
.search-cont-policy2 .s-cont1 {width: 100%;margin-right: 2%;display: inline;}
.search-cont-policy2 .s-cont1 a {position: relative;display: inline-block;padding: 0 10px 0 9px;color: #222;}
.search-cont-policy2 .s-cont1 a.align-new:after {content: '';position: absolute;top: 2px;right: -1px;width: 1px;height: 14px;background: #767676;}
.search-cont-policy2 .s-cont1 a.on {color: #337ee2}
.search-cont button.btn {background: #404040;color: #fff;text-align: center;}

.section-spcont-list h4 {margin-bottom: 10px;padding: 10px;border-bottom: 1px solid #767676;}
.section-spcont-list h4 span {color: #0c82e9;font-weight: 600;font-size: inherit;}


/* btn */
.seoul-policy-wrap .btn-group {margin-top: 20px;}
.seoul-policy-wrap .btn-group .btn {padding-left: 40px;padding-right: 40px;}
.seoul-policy-wrap .btn-group .btn:focus-visible {margin: 4px;}
.seoul-policy-wrap .btn-group .btn-reset {border: 1px solid #767676;}
.seoul-policy-wrap .btn-group .btn-reset span {position: relative;display: inline-block;padding-left: 20px;}
.seoul-policy-wrap .btn-group .btn-reset span:before {content: '';position: absolute;top: 0;left: 0;width: 15px;height: 15px;background: url(../images/seoul/ico_policy.png) no-repeat -430px 0;background-size: 500px 150px}

/* list */
.news-lst-policy *,
.news-view-policy * {word-break: break-all;}
.news-lst-policy .item{position: relative;margin-bottom: 10px;padding: 30px;border: 1px solid #dddddd}
.news-lst-policy .item .links-wrap {width: 100%;position: relative;min-height: 160px;padding-left: 280px;}

.news-lst-policy .item a.links {display: block;box-sizing:border-box;}
.news-lst-policy .item a.links .imgs {position: absolute;top: 0;left: 0;width: 250px;height: 160px;overflow: hidden;}
.news-lst-policy .item a.links .imgs img {position: absolute;max-width: 100%;top:50%;left: 50%;transform: translate(-50%, -50%);transition: all .3s cubic-bezier(0.175, 0.885, 0.32, 1.275)}
.news-lst-policy .item a.links .tbx{vertical-align:top;}
.news-lst-policy .item a.links .tbx>em{ display:block;width: 100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.news-lst-policy .item a.links .tbx .subject{ color:#222; font-size:20px; font-weight:600; }
.news-lst-policy .item a.links .tbx .date{ margin-top:10px; font-size:14px; color:#767676;}
.news-lst-policy .item a.links .tbx .txt{ margin-top:15px;color:#555; line-height:1.5;}
.news-lst-policy .item a.links:hover .imgs img {transform: translate(-50%, -50%) scale(1.1) }

.item .tags {display: block;margin-top: 15px;}
.t-cell .tags {margin-top: 0;}
.item .tags .tag {display: inline-block;margin: 2px 2px 3px 0;padding: 1px 5px;background: #0c82e9;color: #fff;}
.item .tags .tag-news {background: #5d7cc4;}
.item .tags .tag1 {border: 1px solid #7b7ec5;background: #7b7ec5;}
.item .tags .tag2 {color: #0c83e9;border: 1px solid #337fe1;background: #fff;}
.item .tags .tag3 {color: #232323;border: 1px solid #767676;background: #fff;}

.news-lst-policy .item .info {margin-top: 20px;}
.news-lst-policy .item .info span {color: #767676}
.news-lst-policy .item .txt {margin-top: 10px;color: #555;}

/* view */
.section-spcont-view {margin-top: 0;}
.news-view-policy h4 a.btn-go {font-size: 14px;margin-left: 5px;}
.news-view-policy h4 a.btn-go span {position: relative;padding-right: 20px;padding-bottom: 3px;border-bottom: 1px solid #ddd;color: #000;font-size: inherit;}
.news-view-policy h4 a.btn-go span:after {content: '';position: absolute;top: 2px;right: 0;width: 13px;height: 13px;background: url(../images/seoul/ico_policy.png) no-repeat -400px 0;background-size: 500px 150px}
.ico-policy {display: inline-block;background: transparent;width: 26px;height: 26px;background: url(../images/seoul/ico_policy.png?ver230907) no-repeat 0 0;text-indent: -9999em;background-size: 500px 150px}
.ico-policy-twitter {background-position: 0 -100px}
.ico-policy-facebook {background-position: -30px -100px}
.ico-policy-blog {background-position: -60px -100px}
.ico-policy-kakao {background-position: -90px -100px}
.ico-policy-url {background-position: -120px -100px}

.ico-policy-url {position: relative;margin-left: 15px;}
.ico-policy-url:before {content: '';position: absolute;top: 5px;left: -10px;width: 1px;height: 17px;background: #ddd;}

.t-cell {clear: both;position: relative;}
.t-cell:after {content:'';display: table;clear: both;}
.t-cell dt,
.t-cell dd {float: left;}

.t-cell1 {overflow: hidden}
.t-cell1 .cell1 {float: left;}
.t-cell1 .cell2 {float: right;}

.t-cell2 {display: table;width: 100%;margin-top: 4px;padding: 15px 0 15px 15px;border-top: 1px solid #767676;border-bottom: 1px solid #dddddd}
.t-cell2 .cell1 {display: table-cell;width: 50%}
.t-cell2 .cell2 {display: table-cell;width: 50%;text-align: right;vertical-align: middle;}
.t-cell2 .cell2 dl {position: relative;float: right;}
.t-cell2 .cell2 dl:before {content: '';position: absolute;top: 4px;left: 51%;width: 1px;height: 12px;background: #ddd}
.t-cell2 .cell2 dl dt {margin: 0 0 0 20px;color: #222;font-weight: 700;font-size: 14px;}
.t-cell2 .cell2 dl dd {padding: 0 10px;color: #565656;font-size: 14px;}

.policy-cont {padding: 20px 15px;min-height: 200px;}
.policy-cont .figure,
.policy-cont .photo_area {margin: 0 0 30px;text-align: center;}
.policy-cont .photo_area img {width: 100%;max-width: 640px;margin: 20px auto;}
.policy-cont p {margin-bottom: 15px;}
.policy-cont table caption {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0;}


.t-cell4 {display: table;width: 100%;margin-top: 4px;border-top: 1px solid #767676;border-bottom: 1px solid #dddddd;vertical-align: middle;}
.t-cell4 .cell1 {float: none;display: table-cell;width: 8%;padding: 15px 0;vertical-align: middle;}
.t-cell4 .cell1 span {position: relative;display: inline-block;height: 22px;padding: 2px 10px;background: #4896ec;color: #fff;font-weight: 700;}
.t-cell4 .cell1 span:before {content: '';position: absolute;top: 50%;right: 0px;width: 3px;height: 3px;margin-top: -2px;background: #fff;border-radius: 50%;z-index: 2}
.t-cell4 .cell1 span:after {content: '';position: absolute;top: 0;right: -11px;width: 0;height: 0;border-top: 11px solid transparent;border-bottom: 11px solid transparent;border-left: 11px solid #4896ec}
.t-cell4 .cell2 {float: none;display: table-cell;width: 90%;padding: 15px 0;vertical-align: middle;}
.t-cell4 .cell2 a {display: inline-block;margin-right: 5px;color: #565656;}

@media all and (max-width: 1151px) {
/* view */
.t-cell2 {margin-top: 20px;}
.t-cell4 .cell1 {width: 70px;}
.t-cell4 .cell1 span {font-size: 14px;}
.t-cell4 .cell2 {width: calc(100% - 70px)}
.policy-cont {padding: 20px 0;}
.a-group.full a.btn {display: block;}
.a-group.full a.btn span {display: block;line-height: 50px;}
}

@media all and (max-width: 960px) {
 /* list */
.sp-cont h4 {width: 100%;margin-bottom: 0 !important;}
.section-spcont .sp-cont {margin-bottom: 20px;border-bottom: 1px solid #dddddd}
.sp-cont ul {position: relative;padding: 0;}
.sp-cont ul:before {content: '';position: absolute;top: 50%;left: 0;width: 100%;height: 1px;background: #ddd;}
.sp-cont-target ul li:last-child {border-bottom: 0;}
.section-spcont-category ul li {width: 20%;padding: 5px 0;}
/* view */
.t-cell2 .cell2 dl dt {clear: both;margin: 0 5px 0 0;}
.t-cell2 .cell2 dl dd {padding: 0}
}

@media all and (max-width: 767px) {
.section-spcont .sp-cont {overflow: hidden;float: none;width: 100%;margin-left: 0%;}
.section-spcont .sp-cont2,
.section-spcont .sp-cont-cate {margin-top: 15px}
.section-spcont .sp-cont2 img {width: 100%;max-width: 100%;}
.section-spcont-list {margin-top: 20px;}
.news-lst-policy .item .btn-wrap {margin-top: 20px;border-top: 1px solid #eee;padding-top: 10px;}
.search-cont-policy {position: relative;width: 100%;padding-bottom: 5px;border-bottom: 1px solid #ddd;}
.news-lst-policy .item a.links .imgs {position: relative;margin: 0 auto 15px;}
.news-lst-policy .item .links-wrap {padding-left: 0;}
.news-lst-policy .item a.links .tbx .subject {font-size: 18px}
/* view */
.news-lst-policy .item {padding: 15px}
.news-view-policy h4 a.btn-go {display: block;margin-left: 0;}
}

@media all and (max-width: 480px) {
.section-spcont-category ul li {width: 33.3333%;}
/* .sp-cont-target ul li:nth-child(1), .sp-cont-target ul li:nth-child(2), .sp-cont-target ul li:nth-child(3) {border-bottom: 1px solid #ddd;}
.sp-cont-target ul:before {top: 50%}
.sp-cont-target ul:after {content: '';position: absolute;top: 75%;left: 0;width: 100%;height: 1px;background: #ddd;} */
.sp-cont-target ul:before,
.sp-cont-cate ul:before {top: 33%}
.sp-cont-target ul:after,
.sp-cont-cate ul:after {content: '';position: absolute;top: 66%;left: 0;width: 100%;height: 1px;background: #ddd;}

.seoul-policy-wrap .btn-group.half .btn {width: 100%;margin-bottom: 5px;}
.search-cont-policy .s-cont0 {width: 100%;margin-right: 0%;margin-bottom: 5px;}
.search-cont-policy .s-cont1 {width: 36%;margin-right: 1%;}
.search-cont-policy .s-cont2 {width: 63%;margin-right: 0%}
.search-cont-policy .s-cont3 {clear: both;width: 100%;margin-top: 5px;}
}
@media all and (max-width: 380px) {
  /* view */
.t-cell2 .cell2 dl dt,
.t-cell2 .cell2 dl dd,
.item .tags .tag {font-size: 12px;}

}

@media all and (min-width: 768px) {
.news-lst-policy .item{width: 100%;padding: 30px}
.section-spcont .sp-cont2 {min-height: 140px;background: #a0caf2;}
.section-spcont .sp-cont2 .sp-cont-banner {width: 100%;display: table;height: 140px;}
.section-spcont .sp-cont2 a {display: table-cell;vertical-align: bottom;}
}
@media all and (min-width: 961px) {
.section-spcont .sp-cont {display: table}
.sp-cont h4 {display: table-cell;width: 5.5%;}
.sp-cont ul {display: table-cell;width: 94.5%;}
}
@media all and (min-width: 1153px) {
.section-spcont .sp-cont1-wrap {min-height: 140px}
.seoul-policy-wrap .btn-group .btn {min-width: 170px;display: inline-block;}
}

/* 불합리한 규제 신고센터 from https://www2.seoul.go.kr/web2004/common/style/www2.css */
/* tab */
.proposal_sec .tab {margin-bottom: 20px;overflow: hidden;border:1px solid #ddd}
.proposal_sec .tab ul {overflow: hidden;}
.proposal_sec .tab ul li {float:left;background: #f4f6f7;width:50%;font-size:16px;padding:20px 18px 18px;-webkit-box-sizing: border-box;box-sizing: border-box;border-left:1px solid #dddddd;color:#555}
.proposal_sec .tab ul li:first-child {border-left:0}
.proposal_sec .tab ul li.active {background: #0c82e9;color:#fff;position: relative;font-weight: 700}
.proposal_sec .tab ul li em {font-size: 16px;color:#555}
.proposal_sec .tab ul li.active em {color:#fff;font-size: 16px;font-weight: 700}
.proposal_sec .tab ul li.active:after {content:''; position:absolute;left:50%;bottom:-1px;margin-left:-11px;border-left: 11px solid transparent;border-right: 11px solid transparent;border-top: 11px solid transparent;border-bottom:11px solid #fff}
.proposal_sec .tab.triple ul li {width:33.333%}
.proposal_sec .tab ul li span {display: inline-block;color: #555;font-weight: 700}
.proposal_sec .tab ul li.active span {color: #fff;}
/* 불합리한 규제 신고센터 */
.proposal_sec input[type='file'] { padding: 7px 12px; -webkit-box-sizing: border-box; box-sizing: border-box;}
.proposal_sec textarea {border-color: #ddd;padding:7px 12px;box-sizing: border-box}
.proposal_sec form {overflow: hidden;}
.proposal_sec ul li.bg-none::before{background: none;}
.proposal_sec .tip2 {margin-bottom: 5px;}
.proposal_sec .box-type2 ul li {margin-bottom:10px;}
.proposal_sec .box-type2 ul li:last-child {margin-bottom:0px;}
.proposal_sec table {margin:10px 0}
.table-row th b { font-size: 15px; display: inline-block; width: 100%;}
.proposal_sec .attach {font-size: 0.9rem;}
.proposal_sec table.table-row .phone label {display: block;width:100%;margin-bottom: 5px;}
.proposal_sec .phone input[type='text'] {width: 31.333%;padding: 0 8px;text-align: center;}
.proposal_sec .phone select {width: 31.333%;}
.proposal_sec .guide-box li {margin-top: 10px;}
.proposal_sec .btn-wrap {overflow: hidden; float: left;width:100%;}
.proposal_sec .btn-wrap .fl {float: left; position: relative;}
.proposal_sec .btn-wrap .login_proposal_layer .textinfo {margin-bottom: 5px}
.proposal_sec .btn-wrap .login_proposal_layer .btn a + a {margin-left: 5px;}
.proposal_sec .btn-wrap .login_proposal_layer {display:none;position:absolute;width:294px;padding-bottom:11px;background:#fff; border: 1px solid #ddd;-webkit-box-sizing: border-box;box-sizing: border-box; padding: 20px;}
.proposal_sec .btn-wrap .login_proposal_layer .close {position:absolute;right:10px;top:10px;padding:0 5px;}
.proposal_sec .btn-wrap .fr.btn-group {float: right;margin-top: 0; width:auto;}
.proposal_sec .btn-wrap .fr.btn-group .btn {width:auto;}
.proposal_sec .bannersec-two {margin-top: 20px;overflow: hidden;}
.proposal_sec .bannersec-two ul li {float: left; width:32.66666%; margin-right: 1% ;border:1px solid #c8c8c8; -webkit-box-sizing: border-box; box-sizing: border-box;}
.proposal_sec .bannersec-two ul li:last-child{margin-right: 0}
.proposal_sec .bannersec-two ul li a {display: block}
.proposal_sec .bannersec-two ul li a span{display: block; text-align: center;}
.proposal_sec .guide-box dl dt{width:10px;float: left;}
.proposal_sec .guide-box dl dd{margin-left:15px}
.proposal_sec .tb_head {height:30px;margin:15px 0 5px 0; float:left;}
.proposal_sec .guide-box #checkInfo + label strong {margin-left: 5px}
/* 이메일 */
.proposal_sec input#email_id {width: 35%}
.proposal_sec select#email_domain,
.proposal_sec input#email_domain2 {width: 30%}

@media (max-width: 1151px){

/* tab */
.proposal_sec .tab ul li{font-size:13px;text-align: center;color:#555;padding:11px 0}
.proposal_sec .tab ul li.active::after{border-width: 6px;margin-left:-6px}

/* 불합리한 규제 신고센터 */
.proposal_sec .phone input[type='text'],
.proposal_sec .phone select {width: 30.333%}
.proposal_sec .btn-wrap {float: none;}

.proposal_sec .btn-wrap .fl , .proposal_sec .btn-wrap .fl a{width:100%}
.proposal_sec .btn-wrap .fr.btn-group {margin-top: 20px; width:100%;}
.proposal_sec .btn-wrap .fr.btn-group .btn{width:48%;}

.proposal_sec .tab.triple ul {display: table;width: 100%;}
.proposal_sec .tab.triple ul li {display: table-cell;width: 33.3333% !important;float: none;}
.proposal_sec .tab.triple ul li:first-child {width: 34% !important}

.proposal_sec .box-type2.state{ margin-top: 15px;}


}

@media (max-width: 768px) {

/* paging */
.proposal_sec .pagingsec span a { width: 30px; height: 30px; margin-left: 2px; padding: 5px; font-size: 11px; }
.proposal_sec .pagingsec a.btn-prev { margin-right: 3px; background-position: -30px 0; }
.proposal_sec .pagingsec a.btn-next { margin-left: 3px; background-position: -60px 0; }

/* tab */
.proposal_sec .tab.triple ul li span {display: block;}
/* 불합리한 규제 신고센터 */
.proposal_sec table.table-row tbody tr th{padding: 10px 8px}
.proposal_sec table.table-row tbody tr td {padding: 10px 5px;}
.proposal_sec table.table-row th > *{font-size: 1rem !important;}
.proposal_sec .require:after {right:-5px;}
.proposal_sec .tip2 .require {margin-left: 7px}
.proposal_sec .tip2 .require:after {right:0;}
.proposal_sec .phone input[type='text'] {width: 28%;padding: 0 8px;text-align: center;}
.proposal_sec .phone select {width: 28%;}
.proposal_sec #email_domain {margin-bottom: 5px}
/* 이메일 */
.proposal_sec input#email_id {width: 90%;margin-bottom: 5px}
.proposal_sec select#email_domain,
.proposal_sec input#email_domain2 {width: 100%}

}

@media (max-width: 640px) {
.proposal_sec .bannersec-two ul li{width:100%; margin-right: 0; margin-bottom: 10px;}
}

@media (max-width: 420px) {
/* 탭 */
.proposal_sec .tab ul li span,
.proposal_sec .join-process ul li span {display: block}

/* 불합리 신고 */
.proposal_sec .pagingsec .fl,
.proposal_sec .pagingsec .fl .bg-point {width: 100%}
}

@media all and (max-width: 330px) {
/* 불합리 규제신고센터 */
.proposal_sec .phone input[type='text'] {width: 27%}
.proposal-col1 {width: 60px !important}
.proposal-col2 {width: 40px !important}
}
/* 개인정보 보호 faq 2021-01-06 */
.faq .tab {margin-bottom:20px}
.faq .tab ul li span {display: block;color: inherit;font-size: inherit;font-weight:inherit;}
.faq .tab ul li a {height: 75px;padding-top: 26px;display: block;float: left;}
.faq .tab ul .ta3 a, .faq .tab ul .ta6 a {padding-top: 17px;margin: 0 auto;}
.faq .faq_box {display:none}
@media (max-width: 1151px) {
.faq .tab ul li a{height:auto; padding:8px 7px 7px !important}
.faq .tab ul li span {display:inline}
.faq .tab ul li:last-child{width:100% !important}
}
@media (max-width: 365px) {
.faq .tab ul li a{font-size:15px}
}
@media (max-width: 345px) {
.faq .tab ul li a{height:59px; padding-top:20px!important}
.faq .tab ul .ta3 a, .faq .tab ul .ta6 a{padding-top:8px !important}
.faq .tab ul li span {display: block}
}
/* 사이트맵 새창열기 2021-01-06 */
.sitemap.new ul > li.depth01 > a[target="_blank"] span,
.sitemap.new ul > li.depth02 li a[target="_blank"] {position: relative; overflow:visible;font-weight: inherit;}
.sitemap.new ul > li.depth02 > a[target="_blank"] strong {position: relative; overflow:visible;}
.sitemap.new ul > li.depth01 > a[target="_blank"] span:after,.sitemap.new ul > li.depth02 > a[target="_blank"] strong:after,
.sitemap.new ul > li.depth02 li a[target="_blank"]:after {position: absolute;bottom:2px;right: -24px;width: 14px;height: 13px;background: url(../images/helper/icon_blank.png);content: '';}
@media (max-width: 1151px){
dl.ctv dt br {display: none;}
}


/* 2021-09-17 슬로건 추가 */
.slogan-wrap-2021 h4.h4-type1 {margin-top: 40px}
.slogan-wrap-2021 .sloganbox2 h4.h4-type1:first-child {margin-top: 0}
.slogan-wrap-2021 h4.h4-type1 span {font-weight: 400;font-size: inherit;color: inherit;}
.slogan-wrap-2021 h5 {margin-top: 40px;}
.slogan-wrap-2021 h4 + h5 {margin-top: 0}
.slogan-wrap-2021 .imgbox {margin: 20px 0;text-align: left}
.slogan-wrap-2021 .in1 {margin: 20px 0 40px}
.slogan-wrap-2021 .in1.in1-default {margin-top: 40px}
.slogan-wrap-2021 .in1 ul.list2 li {width: 35%;text-align: left;}
.slogan-wrap-2021 .in1 ul li p {padding-left: 0;}
.slogan-wrap-2021 .in1.in1-rule ul li p {padding: 0 5px 0 10px}
.slogan-wrap-2021 .in1 ul.list2.color li {width: 28%}
.slogan-wrap-2021 .in1 ul.list2.color li p.new-color1 {max-width: 200px;padding: 25px 0 25px 30px;background: #bd0b30;color: #fff}
.slogan-wrap-2021 .in1 ul.list2.color li p.new-color2 {max-width: 200px;padding: 25px 0 25px 30px;background: #0076bd;color: #fff}

.slogan-wrap-2021 .in1.in1-color ul li {float: none;width: 100%;text-align: left;}
.slogan-wrap-2021 .in1 ul.list4 li {width: 50%;margin-bottom: 10px;text-align: left;}
.btn.ico-file:before {background: url(../images/ico-file.png) no-repeat}

.slogan-wrap-2021 .font-wrap .fontdownload {text-align: left;}
.slogan-wrap-2021 .font-wrap .pastel1 {width: 100%;max-width: 410px;width: 100%;background: #93B7C7;border: 0;text-align: center}

/* 2022-07-21 슬로건 변경 */
.slogan-wrap-2022 {width: 100%;max-width: 880px}
.slogan-wrap-2022 h5 {margin-bottom: 5px}
.slogan-wrap-2022 h4 + h5 {margin-bottom: 5px}
.slogan-wrap-2022 p + p {margin-top: 5px;}
.slogan-wrap-2022 .imgbox-line img {border: 1px solid #dedede;}

.slogan-wrap-2022 .imgbox2 {display: flex;}
.slogan-wrap-2022 .imgbox2.type1 {padding: 20px 0;border: 1px solid #dedede;}
.slogan-wrap-2022 .imgbox2.type1 .imgs {border-right: 1px solid #dedede}
.slogan-wrap-2022 .imgbox2.type2 {justify-content: space-between;}
.slogan-wrap-2022 .imgbox2 p {margin: 5px 0;padding-right: 20px;}


@media (max-width: 1151px) {
.slogan-wrap-2021 .in1-rule .mobile-inline {display: inline}

}

@media (max-width: 767px) {
  .slogan-wrap-2021 .in1 ul.list4 li:nth-child(2n+1) {clear: both;}
  .slogan-wrap-2021 .in1 ul.list2 li,
  .slogan-wrap-2021 .in1 ul.list2.color li {width: 49%;margin-left: 2%;}
  .slogan-wrap-2021 .in1 ul.list2 li:first-child,
  .slogan-wrap-2021 .in1 ul.list2.color li:first-child {margin-left: 0;}
	/* 2022-07-21 슬로건 변경 */
	.slogan-wrap-2022 .imgbox2 {flex-direction: column}
	.slogan-wrap-2022 .imgbox2 .imgs {margin-bottom: 10px}
	.slogan-wrap-2022 .imgbox2.type1 .imgs {border-right: 0}
}
@media (max-width: 420px) {
  .slogan-wrap-2021 .in1 ul li {margin: 0 0 10px}
  .slogan-wrap-2021 .in1 ul.list2 li,
  .slogan-wrap-2021 .in1 ul.list2.color li {width: 100%;margin: 0 0 10px;}
  .slogan-wrap-2021 .in1 ul.list2.color li p {max-width: 100% !important}

	.slogan-wrap-2021 .font-wrap .pastel1 {width: 100%;text-align: center}

}

@media (min-width: 768px) {
  .slogan-wrap-2021 .in1 ul.list4 li {width: 25%;}
  .slogan-wrap-2021 .in1 ul.list4 li:nth-child(4n+1) {clear: both;}
}


/* 2021-11-09 회원가입 스타일 변경 - 약관 동의 */
.join-process-new {position: relative;overflow: hidden;}
.join-process-new:before {content: '';position: absolute;top: 0;left: 0;width: calc(100% - 2px);height: calc(100% - 2px);border: 1px solid #ddd;z-index: 1;}
.join-process-new ul {border: 0}
.join-process-new ul li {position: relative;height: 61px;border: 0;text-align: center}
.join-process-new.join-process-onepass ul li {width: 50%;}
.join-process-new ul li:before {content: '';position: absolute;top: 0;left: 1px;width: 0px;height: 0px;border-top: 30px solid transparent;border-bottom: 30px solid transparent;border-left: 20px solid #dedede;z-index: 1;}
.join-process-new ul li:after,
.join-process-new ul li.active:after {content: '';position: absolute;bottom: auto;right: auto;top: 0;left: 0;width: 0px;height: 0px;margin-left: 0;border-top: 30px solid transparent;border-bottom: 30px solid transparent;border-left: 20px solid #f4f6f7;z-index: 1}

.join-process-new ul li:first-child:before,
.join-process-new ul li:first-child:after {display: none;}

.join-process-new ul li.active + li:before,
.join-process-new ul li.active + li:after {border-left: 20px solid #0c82e9}

@media (min-width: 501px) and (max-width: 1151px) {
.join-process-new ul {margin: 0;border: 0;}
.join-process-new ul li {height: 41px}
.join-process-new ul li:before {border-top: 20px solid transparent;border-bottom: 20px solid transparent;border-left: 13px solid #dedede;}
.join-process-new ul li:after,
.join-process-new ul li.active:after {border-top: 20px solid transparent;border-bottom: 20px solid transparent;border-left: 13px solid #f4f6f7;}
.join-process-new ul li.active + li:before,
.join-process-new ul li.active + li:after {border-left: 13px solid #0c82e9}

}

@media (max-width: 501px) {
.join-process.join-process-new ul {margin: 0;display: flex;justify-content: center;}
.join-process.join-process-new ul li {float: none;display: flex;justify-content: flex-start;align-items: center;padding-left: 22px;flex-grow: 1;word-break: keep-all;}
.join-process.join-process-new ul li:first-child {padding-left: 10px;width: 60px;}
.join-process.join-process-new ul li:nth-child(2) {width: 60px}
.join-process.join-process-step3 ul li:nth-child(2) {width: 80px;padding-left: 25px} /* 통합회원 전환 2023-08-24 */
.join-process.join-process-step3 ul li:nth-child(3) {padding-left: 26px}
.join-process.join-process-onepass ul li,
.join-process.join-process-onepass ul li:first-child {padding-left: 32px;}
}


.guide-box-agree label,
.rule-check-new label {cursor: pointer}
.guide-box-agree .check-all {margin-top: 15px;}
.guide-box-agree p {color: #555;font-size: 18px;}
.guide-box-agree input[type='checkbox'] + label span {font-size: 18px}
.rule-check-new h4.tit-agree {position: relative;padding-left: 20px;font-size: 18px}
.rule-check-new h4.tit-agree:before {content: ''; position: absolute;top: 9px;left: 4px;width: 6px;height: 6px;background: #0c82e9}
.rule-check-new h4.tit-agree span {color: #0c82e9;font-weight: inherit;font-size: inherit;}

.rule-check-new .rule-box {border: 1px solid #787878;}

.rule-check-new article.rule {margin-bottom: 0}
.rule-check-new .rule-box .rule-head {padding: 20px;border-bottom: 1px solid #dddddd}
.rule-check-new .rule-box .rule-head strong {font-size: 15px;}
.rule-check-new .rule-box .rule-head strong span {color: #0c82e9;font-weight: inherit;font-size: inherit;}
.rule-check-new .rule-cont {min-height: 220px;max-height: 220px;padding: 50px 25px;box-sizing: border-box;}
.rule-check-new .rule-box.rule-box-type1 .rule-cont {min-height: 310px;max-height: none;overflow-y: hidden}
.rule-check-new .rule-box.rule-box-type1 .rule-cont table span.align {display: flex;justify-content: flex-start;align-items: center;height: 65px;color: inherit;font-size: inherit;font-weight: inherit}
.rule-cont table {color: #555}
.rule-cont table span {color: inherit}
.rule-check-new .rule-box .rule-cont2 {min-height: 160px;max-height: none;overflow-y: hidden}
.rule-check-new .rule-box .rule-cont h4 {font-size: 16px !important;font-weight: 700}
.rule-check-new .rule-box .rule-cont h5 {font-weight: 700}
.rule-check-new .rule-box .rule-cont .point {color: #0000ff;font-size: 20px;font-weight: 700;text-decoration: underline}
.rule-check-new .rule-footer {border-top: 1px solid #ddd;font-size: 16px;text-align: center;}
.rule-check-new .rule-footer .check-all * {font-size: 16px !important}
.rule-check-new .rule-footer .rule-footer-text {padding: 30px 50px 30px;color: #555;line-height: 1.6;font-size: 16px;}
.rule-check-new .check-all {padding: 14px 0 20px;background: #f4f6f7;text-align: center;}
.rule-check-new .check-all .custom-input {margin-top: 10px}
.rule-check-new .check-all .custom-input strong {position: relative;display: inline-block;padding-left: 10px;}
.rule-check-new .check-all .custom-input strong:before {content: '';position: absolute;top: 8px;left: 0;width: 4px;height: 4px;border-radius: 50%;background: #0c82e9}
.rule-check-new .check-all .custom-input input[type='radio'] + label {margin-left: 10px;font-weight: 700;}
.rule-check-new .check-all .custom-input input[type='radio'] + label span {font-weight: 700}
/* 2021-11-09 부가서비스 */
.additional-new .custom-input-new {display: block;padding: 20px 0 20px;background: #f4f6f7;border: 1px solid #787878;border-bottom: 0;text-align: center;}
.additional-new .custom-input-new * {font-size: 16px !important;font-weight: 700 !important;color: #222 !important}
.additional-new .custom-input-new strong {position: relative;display: inline-block;padding-left: 10px;}
.additional-new .custom-input-new strong:before {content: '·';color: #0c82e9;font-size: 18px;font-weight: 700;margin-right: 3px;}
.additional-new .custom-input-new input[type='radio'] + label {margin-left: 15px}

#content .additional-new dl.table-row {display: table;table-layout: fixed;width: 100%;margin-bottom: 25px;}
#content .additional-new dl.table-row dt {border:1px solid #787878;border-top-color: #ccc;border-right-color: #ccc;background: #fff;}
#content .additional-new dl.table-row dd {padding: 10px 0 0;border: 1px solid #787878;border-top-color: #ccc;border-left: 0;}
.additional-new dl.table-row dd > p {padding: 10px 0 10px 10px;display: flex;flex-wrap: wrap;}
.additional-new dl.table-row dd > p > span.custom-input {width: 25%}
.additional-new dl.table-row dd > span.custom-input {display: block;padding: 15px 0 5px 10px;border-top: 1px solid #ddd;font-size: 15px;font-weight: 700;}
.additional-new dl.table-row dd > span.custom-input input[type="radio"] + label {margin-left: 20px}
/* checkbox disabled */
input[type='checkbox']:disabled + label:before {background-color: #d8d8d8;border: 1px solid #d8d8d8;}
input[type='checkbox']:disabled + label > span {color: #a7a7a7}

input[type='checkbox']:checked:disabled + label:before {content: ''; display: inline-block; width: 16px; height: 16px; vertical-align: middle; background: #d8d8d8 url("../images/icon_input_checked.png") no-repeat center center; border: 1px solid #767676;}
input[type='checkbox']:checked:disabled + label span {color: #555}

input[type='checkbox']:disabled + label > span b,
input[type='checkbox']:checked:disabled + label > span b{color: inherit}


@media (max-width: 1151px) {
.rule-check-new h4.tit-agree {padding-left: 15px;}
.rule-check-new h4.tit-agree:before {top: 6px;left: 0;width: 6px;height: 6px;}
.rule-check-new .rule-box .rule-cont2 {min-height: 40px;padding: 15px;}
.rule-check-new .rule-box .rule-cont .point {font-size: 18px}
.rule-check-new .rule-footer .rule-footer-text {padding: 15px 10px;font-size: 14px}
.rule-check-new .rule-footer .check-all * {font-size: 14px !important}
.rule-check-new .check-all {padding: 9px 10px 12px}
.rule-check-new .check-all .custom-input input[type='radio'] + label span {color: #222}
/* 부가서비스 */
.additional-new .custom-input-new {padding: 10px 0}
.additional-new .custom-input-new * {font-size: 14px !important}
#content .additional-new dl.table-row dt {margin-top: 0;border: 1px solid #787878;border-top-color: #ccc;border-bottom-color: #ccc}
#content .additional-new dl.table-row dd {margin-top: 0;border: 1px solid #787878;border-top: 0}

}

@media (max-width: 820px) {
.rule table .mob-period {width: 15% !important}
}

@media (max-width: 640px) {
.rule {overflow-y: auto}
.rule table {width: 640px}
.rule-check-new .check-all .custom-input strong,
.additional-new .custom-input-new strong {display: block;margin-bottom: 5px;}

}
@media (max-width: 560px) {
.additional-new dl.table-row dd > p > span.custom-input {width: 50%}
}
@media (min-width: 1152px) {
.guide-box-agree .text-center {padding: 0 10px}
.rule-check-new .rule-footer .rule-footer-text {padding: 15px 149px;letter-spacing: -0.02em}
.rule-check-new .rule-footer .rule-footer-text2 {padding: 15px 180px}
.rule-check-new .rule-box.rule-box-type1 .rule-cont table span.align {height: 42px}
.rule-check-new .rule-box.rule-box-type1 .rule-cont table td.align {padding-top: 8px}
}


/* 선수단 추가 2021-11-30 */
.box-type-player ul {margin-top: 15px;}
.box-type-player li {margin-bottom: 5px;}
/* .box-type2.box-type-player li ul {margin: 5px 0;} */
.boxtabs-auto ul {display: flex;flex-wrap: wrap;margin-left:-0.5em;box-sizing:border-box;margin-bottom:2rem;}
.boxtabs-auto ul li {flex-grow: 1;width: 16.66666%;margin:0.5em 0 0 0.5em;background: #f4f6f7}
.boxtabs-auto ul li a {display:flex;height: 100%;justify-content: center;align-items: center;padding:1em 0;background:#f4f6f7;box-sizing:border-box;text-align:center;word-break: keep-all;}
.boxtabs-auto ul li a:hover, .boxtabs-auto ul li.on a{background:#0c82e9;color:#fff;}
/* 2021-12-14 수정*/
.boxtabs-auto ul{margin-bottom:2.4rem;}
.boxtabs-auto ul li{width: 20%; flex-grow:0.25; max-width:220px; overflow:hidden; margin: 0 0.5em 0.5em 0;}
.boxtabs-auto ul li:nth-child(4n){margin-right:0;}
.boxtabs-auto ul li a{padding:0; flex-direction: column; justify-content: flex-start;}
.boxtabs-auto ul li a:focus-visible {border: 3px dotted #ff0000;outline: none}
.boxtabs-auto ul li a p{padding:10px 0; color:#333;}
.boxtabs-auto ul li a img{width:100%;}
.boxtabs-auto ul li a:hover p, .boxtabs-auto ul li.on a p{color:#fff;}
.box-type1.box-type-player h4,.box-type2.box-type-player > p > strong{color:#01328f; font-size:1.4em;}
.box-type1.box-type-player h4 + p{letter-spacing:-0.036px; text-align:justify;}
.box-type1.box-type-player .listtype1.listype1_2021 > li{font-size:1.2em; font-weight:bold; padding-left:0;}
.box-type1.box-type-player .listtype1.listype1_2021 > li > .boxtabs-auto{margin-left:10px;}
.box-type1.box-type-player .listtype1.listype1_2021 > li:before{display:none;}
.box-type2.box-type-player {padding:0; border:0;}
.box-type2.box-type-player .listtype1.listtype2021 > li:last-child{margin-top:40px;}
.box-type2.box-type-player .listtype1.listtype2021 > li:before{display:none;}
.box-type2.box-type-player .olympic-wrap{display:flex; margin-top:20px; align-items: flex-start;}
.box-type2.box-type-player .olympic-wrap .listtype-flex{margin:0 0 0 10px;}
.box-type2.box-type-player .olympic-wrap .listtype-flex li ul{display:flex; margin-top:0;}
.box-type2.box-type-player .olympic-wrap .listtype-flex li ul li{text-align:center; width:auto;}
.box-type.box-type-player2 .olympic-wrap .listtype-flex li ul li + li{margin-left:10px;}
@media (max-width: 1151px){
	.boxtabs-auto ul li{max-width:100%; flex-grow:0; width:24%;}
	.box-type2.box-type-player .olympic-wrap > img{flex-shrink: 0; width: 27%;}
	.box-type2.box-type-player p{font-size: 0.8rem;}
}
@media (max-width: 640px) {
  /* .boxtabs-auto ul li {width: calc(33.3333% - 1em)} */
	/* .boxtabs-auto ul li a {padding: 1em .5em;} */
	.boxtabs-auto ul li {width: calc(33.3333% - 0.34em);}
	.boxtabs-auto ul li:nth-child(4n){margin-right:0.5em;}
	.boxtabs-auto ul li:nth-child(3n){margin-right:0;}
	.box-type2.box-type-player .olympic-wrap{flex-direction: column;}
	.box-type2.box-type-player .olympic-wrap img{width: auto; margin: 0 auto;}
	.box-type2.box-type-player .olympic-wrap .listtype-flex{margin: 10px 0 0 0;}
}
@media (max-width: 420px) {
	.boxtabs-auto ul li {width: calc(50% - 0.5em); flex-grow:1;}
	.box-type1.box-type-player .listtype1 li:last-child .boxtabs-auto ul li:last-child{flex-grow:0.025;}
	.box-type2.box-type-player .olympic-wrap{flex-direction: column;}
	.boxtabs-auto ul li:nth-child(3n){margin-right:0.5em;}
	.boxtabs-auto ul li:nth-child(even){margin-right:0;}
    .box-type2.box-type-player .olympic-wrap img {width:auto; margin:0 auto;}
    .box-type2.box-type-player .olympic-wrap .listtype-flex{margin:10px 0 10px 0 !important;}
	.box-type2.box-type-player .olympic-wrap .listtype-flex li ul{flex-direction: column; width: 100%;}   
	.box-type2.box-type-player .olympic-wrap .listtype-flex li ul li + li{margin-left:0;}
}
/* 회원재동의 2021-12-07 */
/* common */
h4.title-blue {display: flex;align-items: center;font-size: 22px;}
h4.title-blue.small {font-size: 18px}
h4.title-blue:before {content: '';width: 6px;height: 5px;margin: 0 8px 0 5px;background: #0c82e9;}
ul.list-type-bluedot>li, .bluedot {position: relative;padding-left: 20px;}
ul.list-type-bluedot>li:before, .bluedot:before {content: '';position: absolute;top: 8px;left: 5px;width: 4px;height: 4px;background: #0c82e9;border-radius: 50%}
ul.list-type-dot>li, .dot {position: relative;padding-left: 20px;}
ul.list-type-dot>li:before, .dot:before {content: '';position: absolute;top: 9px;left: 5px;width: 5px;height: 5px;background: #222222;border-radius: 50%}
.important {position: relative;padding-left: 20px;background: url(../images/ico_bul_notify_small.png) no-repeat 0 6px}
.pc-block {display: block;font-size: inherit;font-weight: inherit;color: inherit;}
/* add style */
.reagreement-wrap {color: #222;}
.reagreement-wrap p {line-height: 1.9;font-size: 18px;color: #222;word-break: keep-all}
.reagreement-wrap p.important {line-height: 1.5;}
.reagreement-box {padding: 25px 55px 25px 35px;background: #f4f6f7;}
.reagreement-box p {font-size: 17px;}
.reagreement-box ul.list-type-bluedot {margin-top: 10px}
.reagreement-box ul.list-type-bluedot>li {margin-bottom: 10px;padding-left: 20px;color: #555555;font-size: 17px;}
.reagreement-box ul.list-type-bluedot>li:before {top: 10px;}
.reagreement-wrap .btn-group {margin: 30px 0;}
.reagreement-wrap .btn.large {min-width: 223px;padding: 16px 15px;}
.reagreement-wrap .btn.large span {font-size: 17px;}
.reagreement-info {margin: 40px 0;padding: 30px 0 38px;background: #f3f9fe;border: 1px solid #0c82e9;text-align: center;font-weight: 700;}
.reagreement-wrap .btn-group + .reagreement-info {margin-top: 30px;} /* 2022-01-05 수정*/
.reagreement-info p {font-weight: 700;font-size: 17px;line-height: 2.1}
.reagreement-info p strong {font-size: 20px;}
.reagreement-wrap .dl-table * {font-size: 17px !important;}

#content .reagreement-wrap dl.table-row dt {width: 30%}
#content .reagreement-wrap dl.table-row dd {width: 70%;padding: 10px 36px;color: #555;border-left: 1px solid #dddddd;}
.reagreement-wrap dl.table-row dd * {color: #555}
.reagreement-wrap dl.table-row dd strong {display: inline-block;}
.reagreement-wrap dl.table-row dd ul li {margin: 14px 0} 
.reagreement-wrap dl.table-row dd ul li p.important {margin: 12px 0 14px 20px;}
.reagreement-wrap dl.table-row dd>strong + p {margin-top: 25px;}
.reagreement-wrap .dl-table .txt-emp2 {color: #0c82e9 !important;font-size: 18px !important}

.violation-wrap .reagreement-box {padding: 25px 30px 25px 40px;box-sizing: border-box;}
.violation-wrap p {letter-spacing: -0.025em;}
.violation-box {display: flex;flex-direction: column;width: calc(100% - 30px);margin: 20px 0 15px 8px;padding: 20px 15px 20px 20px;background: #fff;border: 1px solid #0c82e9;border-radius: 10px;box-sizing: border-box;}
.violation-box dt {font-weight: 700;width: 100%;margin-bottom: 5px;font-size: 17px;}
.violation-box dd {display: flex;margin: 4px 0;padding-left: 24px;font-size: 17px;}
.violation-box dd:before {content: '';width: 5px;height: 1px;margin-top: 9px;margin-right: 5px;background-color: #333;flex-shrink: 0;}
.violation-box2 {margin: 10px 0 0 0;}
.violation-box2 dd {margin-left: 24px;padding-left: 15px;text-indent: -15px;font-size: 16px;}
.violation-box2 dd:before {display: none}
.violation-box2 + .violation-box2 {margin: 10px 0 20px}
.txt-emp3 {color: #0c82e9;font-weight: 700;border-bottom: 1px solid #0c82e9}
.violation-wrap  dl.table-row dd strong {display: inline}
#content .violation-wrap dl.table-row dt {width: 24%}

/* 회원 추가 2023-05-08 */
#content.content-full .full dl.table-row {display: table;width: 100%}

/* 약관 위반 통합회원 처리 2023-07-26 */
.violation-user-info h4.title-blue {margin-bottom: 16px;font-size: 20px}
.violation-user-info h4.title-blue:before {margin-left: 10px;}
.violation-user-info .reagreement-box {padding: 25px 30px 25px 35px;}
.violation-user-info .violation-box {margin-top: 28px;letter-spacing: -0.025em;}
.violation-user-info .violation-info-text {display: flex;flex-wrap: wrap;align-items: center;justify-content: center;padding: 35px 0;border-bottom: 1px solid #767676;color: #333;font-size: 18px;font-weight: 400;text-align: center;}
.violation-user-info .violation-info-text:before {content: '';width: 18px;height:18px;margin-right: 5px;background: url(../images/member/ico-important.png) no-repeat 0 0}
span.underline {position: relative;display: inline-block;margin-left: 5px;color: #0c82e9;font-size: inherit;font-weight: 700;border-bottom: 1px solid #0c82e9}
#content.content-full .violation-user-info .dl-table.ty3 dl.table-row {width: 100%;height: auto;}
#content.content-full .violation-user-info .dl-table.ty3 dl.table-row dt {width: 24%;padding: 43px 20px;}
#content.content-full .violation-user-info .dl-table.ty3 dl.table-row dt b {color: #222;}
#content.content-full .violation-user-info .dl-table.ty3 dl.table-row dd {width: 76%;color: #555;}
.violation-user-info .btn-group {margin-top: 50px;}
.violation-user-box {margin: 40px 0 45px;padding: 25px 30px;background: #f3f9fe;}
.violation-user-box h5.title-blue {position: relative;padding-left: 20px;font-size: 17px;font-weight: 700;}
.violation-user-box h5.title-blue:before {content: '';position: absolute;top: 6px;left: 0;width: 9px;height: 9px;background: #0c82e9;}
.clear-process {display: flex;justify-content: space-between;margin: 20px 15px 0;}
.clear-process li {position: relative;display: flex;flex-direction: column;width: 30%;border: 1px solid #3297f1;}
.clear-process li:first-child:before,
.clear-process li:first-child:after {display: none;}
.clear-process li:before {content: '';position: absolute;top: 50%;left: -12%;width: 21px;height: 4px;background: #0d82eb;border-radius: 4px;transform: rotate(45deg)}
.clear-process li:after {content: '';position: absolute;top: calc(50% + 13px);left: -12%;width: 21px;height: 4px;background: #0d82eb;border-radius: 4px;transform: rotate(-45deg)}
.clear-process li.process2 {border: 1px solid #238ff0}
.clear-process li.process3 {border: 1px solid #0d82eb}
.clear-process li h6 {display: flex;justify-content: center;padding: 10px 0;font-size: 17px;color: #fff;font-weight: 700;background-color: #3297f1}
.clear-process li.process2 h6{background-color: #238ff0}
.clear-process li.process3 h6{background-color: #0d82eb}
.clear-process li p {display: flex;flex-wrap: wrap;flex-direction: column;align-items: center;justify-content: center;padding: 0 10px;min-height: 145px;background: #fff;color: #222;font-size: 17px;line-height: 1.6;text-align: center;}
.clear-process li p span {color: inherit;font-size: inherit;}
.clear-process li p strong {display: inline-flex;color: #0c82e9;}
.violation-certi-wrap.new-login-wrap {margin: 0;padding: 0;}
.violation-certi-wrap .type-info ul.basic-list li strong {color: #0c82e9;font-weight: 700;}
.violation-certi-wrap .type-info ul.basic-list li p a:after {top: 10px;}

/* 통합회원 전환 안내 2023-08-24 */
.integrate-member * {box-sizing: border-box}
.integrate-member h4.title-blue strong {margin-left: 10px}
.integrate-member .reagreement-box {padding: 25px 40px}
.integrate-member .reagreement-box ul.list-type-bluedot {margin-top: 20px;}
.integrate-member .reagreement-box ul.list-type-bluedot>li {padding-left: 15px;color: #222}
.integrate-box {margin: 25px 15px 0;padding: 25px 25px 30px;background: #fff url(../images/member/bg-integrate-circle.jpg) no-repeat 10% 80%;border: 1px solid #0c82e9;border-radius: 10px;}
.integrate-box h5.title-blue {position: relative;margin-bottom: 5px;padding-left: 20px;font-size: 20px;font-weight: 700;}
.integrate-box h5.title-blue:before {content: '';position: absolute;top: 8px;left: 0;width: 9px;height: 9px;background: #0c82e9;}
.integrate-box ol.integrate-process {margin-left: 380px;}
.integrate-box ol.integrate-process li {display: flex;flex-wrap: wrap;align-items: center;padding-bottom: 25px;font-size: 17px;background: url(../images/member/bg-integrate-line.jpg) repeat-y 16px 0}
.integrate-box ol.integrate-process li:last-child {padding-bottom: 0;background: none}
.integrate-box ol.integrate-process li .circle {flex-shrink: 0;display: flex;align-items: center;justify-content: center;width: 35px;height: 35px;margin-right: 15px;background: #0c82e9;border-radius: 50%;color: #fff;font-size: 17px;font-weight: 700;}
.integrate-box ol.integrate-process li .text {width: calc(100% - 50px);font-size: 17px;}

.integrate-step-wrap {display: flex;justify-content: space-between;margin: 0 40px;width: 100%;}
.integrate-step-wrap .integrate-step {display: flex;width: calc(50% - 8px);margin: 10px 0;border-radius: 15px;overflow: hidden;}
.integrate-step-wrap .integrate-step dt {position: relative;display: flex;align-items: center;justify-content: center;width: 40%;max-height: 87px;background: #dff0ff;font-size: 15px;font-weight: 700;text-align: center;}
.integrate-step-wrap .integrate-step dt:after {content: '';position: absolute;top: 0;left: auto;bottom: auto;right: -20px;width: 0px;height: 0px;margin-left: 0;border-top: 45px solid transparent;border-bottom: 45px solid transparent;border-left: 20px solid #dff0ff;z-index: 1}
.integrate-step-wrap .integrate-step dd {display: flex;align-items: center;justify-content: center;width: 60%;padding: 13px 0 13px 20px;background: #f3f9ff;font-size: 15px;text-align: center}
/* 통합회원 전환 안내 - 가입 */
.ico-ms {display: inline-block;width: 50px;height: 50px;margin-right: 10px;background-color: transparent;background-image: url(/res_newseoul/images/member/ico-myseoul-info.png);background-repeat: no-repeat;background-position: 0 -100px}
.integrate-txt1 {margin: 40px 0;font-size: 17px;font-weight: 700;text-align: center;}

h4.title-integrate-site {position: relative;margin-top: 40px;padding-left: 66px;padding-right: 80px;}
h4.title-integrate-site:before {content: '';position: absolute;top: 0;left: 0;width: 50px;height: 50px;border-radius: 50%;background: #d8dcde url(/res_newseoul/images/member/ico-site.png) no-repeat 50% 50%}
h4.title-integrate-site strong {color: #222222;font-size: 20px;font-weight: 700}
h4.title-integrate-site p {color: #666666;font-size: 16px;}
.integrate-site {position: relative;background: #f7f7f7;margin: 20px 0 0;padding: 26px 26px 10px;border-bottom: 1px solid #ededed}
.integrate-site ul {display: flex;flex-wrap: wrap}
.integrate-site ul li {display: flex;width: 23.5%;margin-left: 2%;margin-bottom: 15px;}
.integrate-site ul li a {display: flex;justify-content: center;align-items: center;width: 100%;padding: 5px;min-height: 50px;background: #fff;color: #344f55;font-size: 16px;font-weight: 700;border-radius: 10px;text-align: center}
.integrate-site ul li a span {position: relative;display: inline-block;font-size: inherit;color: inherit;font-weight: inherit;}

.integrate-site ul li.more {display: none}
.integrate-site ul li.more ~ li {display: none}
.integrate-site .btn-more-homepage {top: 20px;right: 30px;}
.integrate-site .btn-more-homepage.open:before {display: none}

.integrate-site .btn-more {display: flex;position: absolute;top: -39px;right: 0;padding-right: 20px;color: #666666;font-weight: 700;font-size: 16px;}
.integrate-site .btn-more:before {content: '';position: absolute;top: 2px;right: 8px;width: 2px;height: 12px;background-color: #a1a7ad;}
.integrate-site .btn-more:after {content: '';position: absolute;top: 10px;right: 3px;width: 12px;height: 2px;background-color: #a1a7ad;margin-top: -3px;}

/* type2 */
.integrate-site-type2 h4.title-integrate-site {margin: 10px 0 30px}
.integrate-site-more a {display: flex;justify-content: center;padding: 15px;border-bottom: 1px solid #ededed;}
.integrate-site-more a.btn-more-homepage span {display: flex;position: relative;padding-right: 20px;color: #666666;font-weight: 700;font-size: 16px;}
.integrate-site-more a span:before {content: '';position: absolute;top: 4px;right: 8px;width: 2px;height: 12px;background-color: #a1a7ad;}
.integrate-site-more a span:after {content: '';position: absolute;top: 12px;right: 3px;width: 12px;height: 2px;background-color: #a1a7ad;margin-top: -3px;}
.integrate-site-more a.open span:before {display: none}

/* 전환완료  */
.text-complete {color: #555;font-size: 20px;font-weight: 700}
.box-complete {background: #f4f6f7;padding: 30px;}
.box-complete p.title {margin-bottom: 10px;font-size: 18px;font-weight: 700;color: #222;}
.box-complete ul.list-type-bluedot {padding-top: 0;background: transparent;}
.box-complete ul.list-type-bluedot li {float: none;width: 100%;padding-top: 0;padding-bottom: 0;border-bottom: 0;font-size: 16px;}

/* 개인정보 수집, 이용 내역에 대한 추가 동의 안내 2023-09-26 */
.indent20 {padding-left: 20px;text-indent: -20px;}
.reagreement-wrap.additional-agree .reagreement-box {padding: 25px 30px}
.integrate-box.additional-box {padding: 25px 35px 30px 25px;background: #fff}
.integrate-box.additional-box h5 {margin-bottom: 30px;color: #222;font-size: 17px;}
.integrate-box.additional-box h6 {margin: 0 0 20px 25px;font-size: 17px;font-weight: 400;}
.integrate-box.additional-box .tblscroll {margin-left: 25px;width: calc(100% - 25px)}
.tstyle07.additional {border-top: 1px solid #afd3f4;border-bottom: 0;}
.tstyle07.additional thead th {background: #e9f5ff;color: #333;font-weight: 700;font-size: 16px;}
.tstyle07.additional tbody td {padding: 7px;color: #333;font-size: 16px;word-break: keep-all;border-left: 1px solid #e7e7e7;border-bottom: 1px solid #e7e7e7;}
.tstyle07.additional tbody td.full {padding: 0}
.tstyle07.additional tbody td.no-border {border-left: 0;}
.tstyle07.additional tbody td dl {display: flex;flex-direction: column;align-items: center;}
.tstyle07.additional tbody td dl dt {padding: 7px 0;font-size: 16px;font-weight: 700;text-align: center;}
.tstyle07.additional tbody td dl dd {padding: 7px 0;font-size: 16px;text-align: center;}
.tstyle07.additional tbody td dl.all dt {width: 100%;background: #f6f8fa;}
.tstyle07.additional tbody td dl.all + dl + dl.all dt {border-top: 1px solid #e7e7e7;}
.tstyle07.additional tbody td dl.all + dl + dl.all dd {border-bottom: 0;}
.tstyle07.additional tbody td dl.all dd {width: 100%;}
.tstyle07.additional tbody td dl.each {display: inline-flex;align-items: flex-start;padding: 10px 0 15px}
.tstyle07.additional tbody td dl.each dt {display: inline-flex;margin-top: 10px;padding: 5px 10px;background: #f2f3f4;border-radius: 20px;}

.tstyle07.additional2 thead th {background: #e9f5ff;color: #333;font-weight: 700;}
.tstyle07.additional2 tbody td {padding: 7px;color: #333;word-break: keep-all;border-left: 1px solid #e7e7e7;border-bottom: 1px solid #e7e7e7;}
.tstyle07.additional2 tbody td.full {padding: 0}
.tstyle07.additional2 tbody td.no-border {border-left: 0;}
.tstyle07.additional2 tbody td dl {display: flex;flex-direction: column;align-items: center;}
.tstyle07.additional2 tbody td dl dt {padding: 7px 0;font-weight: 700;text-align: center;}
.tstyle07.additional2 tbody td dl dd {padding: 7px 0;text-align: center;}
.tstyle07.additional2 tbody td dl.all dt {width: 100%;background: #f6f8fa;}
.tstyle07.additional2 tbody td dl.all + dl + dl.all dt {border-top: 1px solid #e7e7e7;}
.tstyle07.additional2 tbody td dl.all + dl + dl.all dd {border-bottom: 0;}
.tstyle07.additional2 tbody td dl.all dd {width: 100%;}
.tstyle07.additional2 tbody td dl.each {display: inline-flex;align-items: flex-start; padding: 5px 0 10px;}
.tstyle07.additional2 tbody td dl.each dt {display: inline-flex;margin-top: 10px;padding: 5px 10px;background: #f2f3f4;border-radius: 20px;}
.guide-box.guide-box-additional {background: #fff;}
.guide-box.guide-box-additional p {margin: 20px 0;color: #222;font-weight: 700;font-size: 17px}
.guide-box.guide-box-additional .check-all input[type='checkbox'] + label span {color: #222;font-weight: 700;font-size: 18px;}

.tstyle07.additional tbody td dl.all dd {border-bottom: 1px solid #e7e7e7}
.tstyle07.additional2 tbody td dl.all dd {border-bottom: 1px solid #e7e7e7}
.btn-group.btn-group-additional {margin-top: 50px;}
table.table-mobile-only {display: none}
table.table-pc-only {display: table}

@media (hover:hover) and (pointer: fine ){
  .integrate-site ul li a:hover {color: #fff;background: #717bab;}
}



/* 서약서 */
.violation-box-oath .underline {margin-left: 8px;}
.violation-box-oath dt {position: relative;padding-left: 18px;}
.violation-box-oath dt:before {content: '';position: absolute;top: 7px;left: 0;width: 9px;height: 9px;background: #0c82e9}
.oath-form h5 {margin: 50px 0 30px;color: #222222;font-size: 20px;font-weight: 700;text-align: center;}
.reagreement-box-line {background: #fff;border: 1px solid #dadada}
.reagreement-box-line p {color: #555;font-size: 17px;}
.reagreement-box-line ol {margin-top: 30px;}
.reagreement-box-line ol li {margin-top: 5px;padding-left: 20px;text-indent: -20px;color: #555;font-size: 17px;}
.dl-table-oath dl {display: flex;flex-wrap: wrap;max-width: 356px;width: 100%;margin: 20px auto;}
.dl-table-oath dl dt {display: flex;align-items: center;width: 53%;min-height: 50px;}
.dl-table-oath dl dt, 
.dl-table-oath dl dt label {color: #555;font-size: 17px;font-weight: 700;letter-spacing: 2px;}
.dl-table-oath dl dt.last label {letter-spacing: 0;}
.dl-table-oath dl dd {display: flex;align-items: center;width: 47%;min-height: 50px;color: #555;font-size: 17px;}
.violation-user-info .cert-type {margin-top: 0;}
.violation-user-info .guide-box {margin: 40px 0 50px;}
.violation-user-info .guide-box .list-type-dot li {font-size: 17px;}
.violation-user-info .guide-box .list-type-dot li .underline {display: inline}


@media (max-width: 1151px) {
  /* common */
  .pc-block {display: inline}
  .reagreement-info .pc-block {display: block}
  /* 회원재동의 */  
  .reagreement-wrap p {font-size: 16px;line-height: 26px}
  .reagreement-wrap .btn-group + .reagreement-info {margin-top: 30px}
  .reagreement-box, .violation-wrap .reagreement-box, .reagreement-wrap.additional-agree .reagreement-box {padding: 20px}
  .reagreement-box p,
  .reagreement-box ul.list-type-bluedot>li {font-size: 16px;}
  .reagreement-info {margin: 20px 0;padding: 15px 30px;}
  .reagreement-info p {word-break: keep-all;font-size: 16px;}
  .reagreement-info p strong {font-size: 18px}
  .reagreement-wrap .dl-table * {font-size: 16px !important;}
  #content .reagreement-wrap dl.table-row dt, #content .reagreement-wrap dl.table-row dd, #content .violation-wrap dl.table-row dt {width: 100%;}
  #content .reagreement-wrap dl.table-row dd, #content.content-full .violation-user-info dl.table-row dd {padding:10px 15px;border-left: 0}
  .reagreement-wrap dl.table-row dd ul li {margin: 0}
  .reagreement-wrap dl.table-row dd ul li p.important {margin: 5px 0}
  .reagreement-wrap dl.table-row dd>strong + p {margin-top: 5px}
	.txt-emp2 {font-size: 17px !important}
  /* 2023-05-03 */
  .violation-box {margin-left: 0;width: 100%}
  .violation-box dt {padding-left: 20px;text-indent: -20px;width: calc(100% - 20px)}
  .violation-box dd {padding-left: 20px;font-size: 16px}
  .violation-box2 dd {padding-left: 15px;margin-left: 15px;}
  /* 약관 위반 통합회원 처리 2023-07-26 */
  .violation-user-info .violation-info-text, 
  .clear-process li p,
  .reagreement-box-line ol li,
  .violation-user-info .guide-box .list-type-dot li, 
  .violation-user-info .guide-box .list-type-dot li .underline strong {font-size: 16px;}
  .clear-process {margin: 20px 5px 0}
  #content.content-full .violation-user-info .dl-table.ty3 dl.table-row {display: table-row}
  #content.content-full .violation-user-info .dl-table.ty3 dl.table-row dt {display: table-cell;width: 44%;padding: 20px;border-top: 1px solid #767676 !important;border-bottom: 1px solid #ddd}
  #content.content-full .violation-user-info .dl-table.ty3 dl.table-row dd  {display: table-cell;width: 56%;border-top: 1px solid #767676 !important;border-bottom: 1px solid #ddd}
  .violation-box-oath dt {text-indent: 0;}
  .violation-box-oath dt:before {top: 5px}
  .oath-form h5 {word-break: keep-all;font-size: 18px;}
  .dl-table-oath dl dt {width: 50%;}
  .dl-table-oath dl dd {width: 50%;margin: 3px 0;}
  /* 서약서 */
  ul.list-type-dot>li:before, .dot:before {top: 7px}

  /* 통합회원 전환 안내 2023-08-24 */
  .integrate-box {background-size: 180px auto;background-position: 95% 40px}
  .integrate-step-wrap {margin: 0 -180px 0 40px;width: calc(100% + 180px)}
  .integrate-step-wrap .integrate-step dd {padding: 13px 10px 13px 20px;word-break: keep-all;}
  .integrate-box ol.integrate-process {margin: 20px 200px 0 20px;}
  .integrate-box ol.integrate-process li {align-items: flex-start}
  /* 통합회원 전환 가입 */
  h4.title-integrate-site {margin-bottom: 40px !important;padding-right: 0;}
  .integrate-site-type2 h4.title-integrate-site {margin-bottom: 10px !important}
  .integrate-site .btn-more {top: -25px;font-size: 14px;line-height: 1;}
  .integrate-site ul li {width: 32%;margin-left: 2%}
  .integrate-site ul li:nth-child(3n+1) {margin-left: 0}
  .box-complete {padding: 15px;}

  .tstyle07.additional tbody td {word-break: break-all;}
  .tstyle07.additional tbody td dl.each {margin: 0 10px;}

  .tstyle07.additional2 tbody td {word-break: break-all;}
  .tstyle07.additional2 tbody td dl.each {margin: 0 10px;}

  
}
@media (max-width: 767px) {
  /* 약관 위반 통합회원 처리 2023-07-26 */
  .violation-user-box {padding: 25px 15px 30px;}
  .clear-process {flex-direction: column;}
  .clear-process li {width: 100%;margin-top: 35px;}
  .clear-process li:first-child {margin-top: 0}
  .clear-process li p {min-height: initial;padding: 20px 0;}
  .clear-process li.process1 p {flex-direction: row;}
  .clear-process li.process1 p span {margin-left: 2px;}
  .clear-process li:before {top: -19px;left: calc(50% - 12px);}
  .clear-process li:after {top: -19px;left: 50%;}
  .violation-box-oath dd.last {display: block;position: relative;padding-left: 30px;}
  .violation-box-oath dd.last:before {position: absolute;left: 20px;}
  .violation-box-oath dd.last span.underline {display: inline;}

  /* 통합회원 전환 안내 2023-08-24 */
  .integrate-member .reagreement-box {padding: 20px 10px}
  .integrate-box,
  .integrate-box.additional-box {margin: 25px 0px 0;padding: 15px;background: #fff}
  .integrate-box ol.integrate-process {margin-right: 0;padding-top: 120px;background: #fff url(../images/member/bg-integrate-circle.jpg) no-repeat calc(50% - 8px) 0;background-size: auto 100px;}
  .integrate-box ol.integrate-process li {padding-bottom: 15px;}
  .integrate-box ol.integrate-process li .text {word-break: keep-all;font-size: 15px}
  .integrate-step-wrap {flex-direction: column;margin: 0;width: 100%;}
  .integrate-step-wrap .integrate-step {width: 100%;margin: 5px 0;}
  .integrate-step-wrap .integrate-step dt {min-height: 87px;}
  .integrate-step-wrap .integrate-step dd br {display: none}
  .integrate-box h5.title-blue {margin-bottom: 10px;font-size: 18px;}
  /* 통합회원 전환 가입 */
  .integrate-site {padding: 20px 13px 5px;}

  /* 개인정보 수집,이용 내역에 대한 추가 동의 안내 2023-09-26 */
  .integrate-box.additional-box h5 {margin-bottom: 10px;font-size: 17px;}
  .integrate-box.additional-box h6 {margin-left: 0;font-size: 16px}
  .integrate-box.additional-box .tblscroll {margin-left: 0;width: 100%;}

  /* 모바일에서 회원가입 약관 표 변경 2023-10-10 */
  table.table-mobile-only {display: table}
  table.table-pc-only {display: none}
  

}
@media (max-width: 660px) {
  .reagreement-info .pc-block{display: inline}
  /* 약관 위반 통합회원 처리 2023-07-26 */
  .violation-user-info .violation-info-text {font-size: 15px;}

  /* 통합회원 전환 가입 */
  h4.title-integrate-site strong {font-size: 16px;}
  h4.title-integrate-site p {margin-top: 5px;font-size: 14px;}
  .integrate-site ul li:nth-child(3n+1) {margin-left: 2%}
  .integrate-site ul li {width: 49%;margin-left: 2%;margin-bottom: 8px;}
  .integrate-site ul li:nth-child(2n+1) {margin-left: 0}
  .integrate-site ul li a {padding: 5px 10px;font-size: 14px;word-break: keep-all}

  /*개인정보 수집,이용 내역 추가 동의 안내 2023-10-10 */
  .table-responsible {display: flex;flex-direction: column;}
  .table-responsible thead {display: none}
  .table-responsible tbody tr {display: flex;flex-direction: column;}
  .table-responsible tbody tr td {position: relative;display: flex;width: 100%;align-items: center;padding: 0 !important;border-left: 0 !important;text-align: left;word-break: keep-all}
  .table-responsible tbody tr td:before {content:attr(data-title);font-weight:bold;display:inline-flex;align-items: center;justify-content: center;border-right: 1px solid #e1e1e1;margin-right: 10px;padding: 20px 0 !important;background: #f4f5f6;width: 38%;min-height: 35px;flex-shrink: 0;}
  .table-responsible tbody tr td:after {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 1px;background: #e1e1e1}
  .table-responsible tbody tr td:first-child:after {display: none;}
  
}

@media (max-width: 380px) {

  .violation-user-info .violation-info-text {position: relative;display: block;text-align: left;padding-left: 25px;}
  .violation-user-info .violation-info-text:before {position: absolute;top: 38px;left: 0;}
  .violation-user-info .violation-info-text span.underline {display: inline;margin-left: 0;}

  /* 통합회원 전환 안내 2023-08-24 */
  .integrate-box ol.integrate-process {margin: 0}
  .integrate-box ol.integrate-process li .circle {margin-right: 10px;line-height: 1;}
  .integrate-step-wrap .integrate-step dt,
  .integrate-step-wrap .integrate-step dd {font-size: 14px;}
}

@media (min-width: 1152px) {
  #content .reagreement-wrap dl.table-row {height: 200px}
  /* 약관 위반 통합회원 처리 2023-07-26 */
  .violation-certi-wrap .type-info div.type-name {width: 330px;}
  .violation-certi-wrap .type-info ul.basic-list {padding-left: 330px;}
	.violation-certi-wrap .type-info ul.basic-list li p a:after {top: 0px}  
  /* .violation-certi-wrap .type-info ul.basic-list li p a:after {top: 11px}  */
  .violation-user-info .member-email-wrap {width: 100%;max-width: 720px;}
  .violation-user-info .join-form .member-email-wrap input[type="text"],
  .violation-user-info .join-form .member-email-wrap input#name09 {width: 30% }
  .violation-user-info .join-form .member-email-wrap input.email {width: 35%}
  .violation-user-info .join-form .member-email-wrap .at {width: 25px;}
  .violation-user-info .join-form .member-email-wrap select.email-compnay {width: calc(35% - 30px)}

  /* 통합회원 전환 안내 2023-08-24 */
  .join-type ul li .text.color-point {margin-left: auto;padding-left: 20px;text-indent: -20px;width: 80%;text-align: left}
  .integrate-site ul li:nth-child(4n+1) {margin-left: 0}
}

/* 아이디/비밀번호 찾기 2021-12-10 */
.info-new .type-info ul li p,
.type-info.type-info-new ul.basic-list li p {margin-top: 15px}
.info-new .type-info ul li p a,
.type-info.type-info-new ul.basic-list li p a{position: relative;display: inline-block;padding: 5px 35px 5px 20px;background: #fff;border: 1px solid #0181ef;color: #555;font-weight: 700;border-radius: 12px;box-sizing: border-box;letter-spacing: -0.05em;} 
.info-new .type-info ul li p a:after,
.type-info.type-info-new ul.basic-list li p a:after {content: '';position: absolute;top: 8px;right: 24px;width: 7px;height: 14px;background:  url("../images/icon_link.png") no-repeat right center;}

h5.find-title {padding: 30px 0 10px 0px;font-size: 16px}
.find-wrap dl.find-dl {display: flex;align-items: center;padding: 5px 0 30px;;border-bottom: 1px solid #dddddd;}
.find-wrap dl.find-dl dt {width: 16%;margin: 0;padding-left: 10px;background: #fff;}
.find-wrap dl.find-dl dt label {color: #222;font-weight: 700}
.find-wrap dl.find-dl dd {width: 84%}
.find-wrap dl.find-dl dd input {width: 100%;}


@media (max-width: 1151px) {
	.info-new h4.tit-agree:before {top: 7px}
	.info-new .type-info ul li p a.link.pc, .type-info.type-info-new ul.basic-list li p a.link.pc {display: none}
}

@media (min-width: 1152px) {
	/* 아이디/비밀번호 찾기 2021-12-10 */
  .info-new .type-info ul li p a,
	.type-info.type-info-new ul.basic-list li p a {min-width: 268px;padding: 3px 15px 3px 0;text-align: center;font-size: 16px;}
	.info-new .type-info ul li p a:after,
	.type-info.type-info-new ul.basic-list li p a:after{top: 11px;right: 30px;}
	.info-new .type-info ul > li > p a.link:first-child,
	.type-info.type-info-new  ul.basic-list > li > p a.link:first-child {margin-right: 12px}
	.info-new .type-info ul li p a:first-child,
	.type-info.type-info-new ul.basic-list li p a:first-child {padding: 3px 0;}
	.info-new .type-info ul li p a:first-child:after,
	.type-info.type-info-new ul.basic-list li p a:first-child:after {right: 39px}
	h5.find-title {padding: 30px 0 10px 20px;font-size: 20px;}
	.find-wrap dl.find-dl dt {padding-left: 45px;}
	.find-wrap dl.find-dl dt label {font-weight: 400}
	.find-wrap dl.find-dl dd input {width: calc(100% - 15px);}
	.info-new .type-info ul li p a:first-child,
	.info-new .type-info ul li p a{padding: 9px 0}
	.info-new .type-info ul li p a:after {right: 25px}

	/* 어린이회원 틀어짐 수정 */
	.info-new .type-info ul li p a,
	.type-info.type-info-new ul.basic-list li p a {display: inline-flex;align-items: center;justify-content: center;padding: 9px 0 !important}
	.info-new .type-info ul li p a:after,
	.type-info.type-info-new ul.basic-list li p a:after {position: relative;top: 0;left: 0;margin-left: 6px;}

}


/** 나의서울 메인 renewal 2022-03-08 **/
/* common */
.myseoul-2022 * {-webkit-box-sizing: border-box;box-sizing: border-box;}

.myseoul-2022 h4 {position: relative;margin-bottom: 20px;padding-left: 12px;font-size: 20px;}
.myseoul-2022 h4:before {content: '';position: absolute;top: 10px;left: 0;width: 6px;height: 6px;background: #0d80ea}
.myseoul-section {position: relative;margin-bottom: 50px;} /* 60px */
.myseoul-section table .tal {padding-left: 10px;text-align: left}
.myseoul-section .pagination li.btn-prev a {margin-left: 0}
.myseoul-section .pagination li.btn-next a {margin-left: 20px}
.myseoul-section .btn-more {display: flex;position: absolute;padding-right: 25px;color: #666666;font-weight: 700;font-size: 16px;}

.myseoul-section .btn-more:before {content: '';position: absolute;top: 2px;right: 8px;width: 2px;height: 12px;background-color: #a1a7ad;}

.myseoul-section .btn-more:after {content: '';position: absolute;top: 10px;right: 3px;width: 12px;height: 2px;background-color: #a1a7ad;margin-top: -3px;}


/* section1 */
.myseoul-info-wrap {display: flex;justify-content: space-between;margin-bottom: 45px;padding: 45px 30px 20px;background: #f8f8f8 url(/res_newseoul/images/member/bg_myseoulinfo.jpg) no-repeat 0 100%;}
.myseoul-info {width: 25%;font-size: 30px;font-weight: 700;}
.myseoul-info span {display: block;color: inherit;font-size: inherit;font-weight: inherit;}
.myinfo-menu-wrap {width: 74%;display: flex;flex-wrap: wrap;justify-content: space-between;}
.myinfo-menu-wrap .myinfo-menu {position: relative;width: 48.35%;min-height: 148px;margin-bottom: 20px;padding: 25px 0 25px 30px;background-color: #fff;box-shadow: 0px 0px 5px 3px #e9e9e9;border-radius: 5px;}
.myinfo-menu-wrap .myinfo-menu .liner {display: none;position: absolute;top: 0;left: 0;width: 100%;height: 100%;border: 5px solid #c0eaff;border-radius: 5px;}
.myinfo-menu-wrap .myinfo-menu:hover .liner {display: block}
.myinfo-menu-wrap .myinfo-menu h4 {padding-left: 0;}
#content .myinfo-menu-wrap .myinfo-menu h4 {font-size: 20px}
.myinfo-menu-wrap .myinfo-menu h4:before {display: none;}
.myinfo-menu {position: relative;}
.myinfo-menu ul li a {position: relative;display: inline-block;margin-top: 13px;padding-right: 15px;color: #555;font-size: 15px;font-weight: 700;z-index: 1;}
.myinfo-menu ul li:first-child a {margin-top: 0;}
.myinfo-menu ul li a:before {content: '';position: absolute;right: 0;top: 3px;width: 7px;height: 11px;background: url(/res_newseoul/images/icon_link.png) no-repeat 0 0;}
.myinfo-menu ul li a:after {display: none;content: '';position: absolute;left: 0;bottom: 3px;width: 100%;height: 6px;background: #c6ebfc;z-index: -1;}
.myinfo-menu ul li a:hover:after {display: block}

.myinfo-menu:after {content: '';position: absolute;top: calc(50% - 5px);right: 15px;width: 100px;height: 90px;transform: translateY(-50%);background-image: url(/res_newseoul/images/member/ico-myseoul-info.png);background-position: 0 0;}
.myinfo-menu-wrap .myinfo-menu:nth-child(2):after {background-position: -100px 0;}
.myinfo-menu-wrap .myinfo-menu:nth-child(3):after {background-position: -200px 0;}
.myinfo-menu-wrap .myinfo-menu:nth-child(4):after {background-position: -300px 0;}

/* section-info */
.ms-info .ms-info-txt {margin-bottom: 20px;padding: 30px;border: 3px solid #d4e7f1;color: #555;font-size: 16px;line-height: 1.5;word-break: keep-all;color: #555}
.ms-info .ms-info-txt p {font-size: inherit;color: inherit;line-height: inherit;}
.ms-info .table-wrap {margin: 0;}
.ms-info .table-wrap th, .ms-info .table-wrap td {padding: 19px 10px;font-size: 16px;font-weight: 400;text-align: center;}
.ms-info .table-wrap td span {font-size: inherit}

/* section-service */
.myseoul-section-wrap .myseoul-section h4 {margin-bottom: 0px; padding-left: 0}
.myseoul-section-wrap .myseoul-section h4:before {display: none;}
.myseoul-section-wrap .myseoul-section h4 span {position: relative;display: inline-flex;align-items: center;justify-content: center;width: 270px;height: 60px;line-height: 60px;border-radius: 0 0 2rem 2rem;font-size: 20px;font-weight: 700;}
.myseoul-section-wrap .myseoul-section h4 span:before {content: '';position: absolute;top: 0;right: -20px;width: 20px;height: 100%;background: #d4efff;}
.myseoul-section-wrap .myseoul-section h4 span:after {content: '';position: absolute;top: 0;right: -20px;width: 20px;height: 100%;background: #e9f7ff;border-radius: 2rem 0 0 0;z-index: 1;}

.myseoul-section-wrap .myseoul-section h4 .ico-ms {display: inline-block;width: 50px;height: 50px;margin-right: 10px;background-color: transparent;background-image: url(/res_newseoul/images/member/ico-myseoul-info.png);background-repeat: no-repeat;background-position: 0 -100px}

.myseoul-section-wrap ul {display: flex;flex-wrap: wrap;justify-content: space-between;padding: 10px 30px;}
.myseoul-section-wrap ul li {text-align: center;}
.myseoul-section-wrap ul li a {display: inline-block;position: relative;}


.myseoul-section-wrap .ms-service {background: #e9f7ff;border-top: 5px solid #d4efff}
.myseoul-section-wrap .ms-service h4 span {position: relative;background-color: #d4efff;color: #3b4a7b}

.ms-service ul li {display: flex;align-items: stretch;width: 19.5%;margin: 5px 0;}
.ms-service ul li a {display: flex;justify-content: flex-start;align-items: center;width: 100%;min-height: 80px;background: #fff;border-radius: 2rem;color: #283283;font-size: 16px;font-weight: 700;vertical-align: middle;letter-spacing: -0.05em;}
.ms-service ul li a span {display: flex;flex-direction: column;align-items: center;justify-content: center;width: 100%;font-size: inherit;font-weight: inherit;color: inherit;}

.ms-service ul li a span i.ico-service {width: 26px;height: 26px;margin-bottom: 7px;background-color: #fff;background-image: url(/res_newseoul/images/member/ico-myseoul-check.png);background-repeat: no-repeat;background-position: 0 0;border-radius: 100%;}
.ms-service ul li a:hover {color: #fff;background: #0c82e9;box-shadow: 3px 3px 5px 0 #bbc8d8;}
.ms-service ul li a:hover span i.ico-service  {background-position: -26px 0;}

.myseoul-section-wrap .ms-homepage {background: #f4f6f7;border-top: 5px solid #ebedee}
.myseoul-section-wrap .ms-homepage h4 span {background-color: #ebedee;color: #4d5559}
.myseoul-section-wrap .ms-homepage h4 .ico-ms {background-position: -50px -100px}
.myseoul-section-wrap .ms-homepage h4 span:before {background: #ebedee}
.myseoul-section-wrap .ms-homepage h4 span:after {background: #f4f6f7}
.myseoul-section-wrap .ms-homepage p.txt-homepage {padding: 15px 0 0px 34px;font-size: 16px;}


.ms-homepage ul {background: #f7f7f7;}
.ms-homepage ul li {display: flex;align-items: stretch;width: 31.84%;margin: 5px 0 5.8px;}
/* .ms-homepage ul li:last-child {margin-right: auto;margin-left: 2%;} */
.ms-homepage ul li a {display: flex;justify-content: center;align-items: center;width: 100%;min-height: 58px;padding: 9px 5px;background: #fff;color: #344f55;font-size: 16px;font-weight: 700;border-radius: 4rem;}
.ms-homepage ul li a span {position: relative;display: inline-block;font-size: inherit;color: inherit;font-weight: inherit;;}
.ms-homepage ul li a:hover {color: #fff;background: #717bab;}
.ms-homepage ul li.more {display: none}
.ms-homepage ul li.more ~ li {display: none}
.ms-homepage .btn-more-homepage {top: 20px;right: 30px;}
.ms-homepage .btn-more-homepage.open:before {display: none}


.ico-homepage {display: inline-block;width: 16px;height: 15px;margin-left: 4px;margin-bottom: 2px;background-image: url(/res_newseoul/images/member/ico-myseoul-check.png);background-repeat: no-repeat;background-position: 100% 0;vertical-align: middle;}
.ms-homepage ul li a:hover .ico-homepage {background-position: -68px 0}

/* 나의 게시글 */
.myseoul-2022 .ms-history h4 {margin-bottom: 21px}
.my-history-wrap {position: relative;}
.my-history-wrap .tab-list {position: relative;}
.my-history-wrap .tab-list:after {content: '';position: absolute;bottom: -1px;left: 0;width: 100%;height: 2px;background-color: #2d83d9}
.my-history-wrap .tab-list a {position: relative;display: inline-block;min-width: 234px;height: 50px;line-height: 50px;margin-left: -5px;background: #ededed;border-radius: 20px 20px 0 0;color: #888888;text-align: center;font-weight: 700;font-size: 16px;}
.my-history-wrap .tab-list a:first-child {margin-left: 0}
.my-history-wrap .tab-list a.on {background: #0c82e9;color: #fff;z-index: 1;}

.my-history-wrap .tab-list a:after {content: '';position: absolute;top: 25px;right: -24px;width: 24px;height:24px;background-image: radial-gradient(circle at 100% 0, transparent 0%, transparent 23px, #ededed 24px);z-index: 1;}

.my-history-wrap .tab-list a.on:before {content: '';position: absolute;top: 26px;left: -24px;width: 24px;height:24px;background-image: radial-gradient(circle at 0 0, transparent 0%, transparent 23px, #0c82e9 24px);z-index: 2;}
.my-history-wrap .tab-list a.on:after {content: '';position: absolute;top: 26px;right: -24px;width: 24px;height:24px;background-image: radial-gradient(circle at 100% 0, transparent 0%, transparent 23px, #0c82e9 24px);z-index: 2;}
.my-history-wrap .tab-list a.on:first-child:before {display: none;}

.my-history-wrap h5 {position: absolute;display: inline-block;top: 0;left: 0;width: 100px;height: 30px;z-index: 10;}
.my-history-wrap .board-cont {position: relative;display: none;padding-top: 15px;}
.my-history-wrap .board-cont .btn-more {top: -39px;right: 0;}
/* 정책 */
.ms-policy {position: relative;}
.my-lst-policy {display: flex;flex-wrap: wrap;justify-content: space-between;padding-top: 30px;border-top: 1px solid #dddddd;}
.my-lst-policy .policy-item {width: 33.3333%;margin-bottom: 30px;padding: 0 30px;border-bottom: 1px solid #dddddd;}
.my-lst-policy .policy-item a {display: block}
.policy-item .figure img {width: 100%;}
.policy-item .figure .tags {display: inline-block;margin: 20px 0 5px;padding: 0 5px;background: #7b7dc4;border: 1px solid #7b7dc4;color: #fff;font-size: 14px;}
.policy-item .figure .tags.tag3 {background: #fff;border: 1px solid #767676;color: #232323}
.policy-item .figure h5 {color: #222;font-size: 18px;line-height: 1.5;letter-spacing: -0.025em}
.policy-item .figure .figcaption {position: relative;padding-bottom: 20px;letter-spacing: -0.025em}
.policy-item .figure .img-area {overflow: hidden;position: relative;}
.policy-item .figure .figcaption p {position: absolute;top: 20px;right: 0;padding: 0;color: #767676;text-align: right;font-size: 14px;}
.policy-item .figure .figcaption p span {color: inherit;font-size: inherit;}
.ms-policy .btn-more {top: 6px;right: 0;}

/* 회원가입 */
/* 공동인증서 추가 */
.cert-type-2022 {border-top: 0;border-bottom: 0;margin-top: 0}
.cert-type-2022 * {word-break: keep-all;word-wrap: break-word;-webkit-box-sizing: border-box;box-sizing: border-box; }
.cert-type-2022 ul {display: flex;justify-content: space-between;align-items: flex-start;}
.cert-type-2022 ul.clfix:after {display: none;}
.cert-type-2022 ul li {float: none;width: 32.456%;padding: 40px 0 146px;border: 1px solid #767676;background: #fff} /* width: 296px; */
.cert-type-2022 ul li div {border-right: 0 !important;}
.cert-type-2022 ul li p.txt {min-height: 42px;}

.cert-type-2022 ul li p strong em {color: inherit;font-size: inherit;font-weight: inherit;line-height: 1;}
.cert-type-2022 ul li.certi p strong{background: url("../images/bg_certi.png") no-repeat center bottom}
.cert-type-2022 ul li.certi p.txt {text-decoration: underline;}
.cert-type-2022 ul li .desc {letter-spacing: -0.04em;}
.cert-type-2022 ul li .desc span {display: block;color: inherit;font-size: inherit;}
.cert-type-2022 ul li.certi p.txt span.txt-alignleft {display: inline-block;padding-left: 20px;text-indent: -20px;text-align: left;text-decoration: underline}

/* 어린이회원 */
.type-info.child .cert-type-2022 {background: #f3f9fe}
.type-info.child .cert-type-2022 ul,
.type-info.bottom .cert-type-2022 ul {padding-top: 0;background: #f3f9fe;}
.type-info.child .cert-type-2022 ul li>div,
.type-info.bottom .cert-type-2022 ul li>div {position: static;}

/* 아이디비번 찾기 */
.find-wrap-2022 {border-top: 0;border-bottom: 0}
.find-wrap.find-wrap-2022 .cert-type-2022 {width: 100%;border-top: 0;}
.find-wrap.find-wrap-2022 .cert-type-2022 .desc, .find-wrap .cert-type-2022 ul li .desc {position: absolute;bottom: 0;left: 0;font-size: 14px;line-height:21px}
.find-wrap.find-wrap-2022 .cert-type-2022 ul {padding-top: 18px}
.find-wrap.find-wrap-2022 .cert-type-2022 ul li p strong {font-weight:700}
.find-wrap.find-wrap-2022 .cert-type-2022 ul li .button {margin: 0 0 20px}
.find-wrap.find-wrap-2022 .cert-type-2022 ul li {padding-bottom: 146px;}

/* pc 자판 보기 2022-02-16 */
.key-area .btn-key-area {margin: 15px 0;display: flex;justify-content: flex-start;}
.key-area .key-imgs {display: none;padding: 15px;background: #f4f4f4;text-align: center;}
.key-area .key-imgs img {max-width: 100%;margin: 0 auto;}

.key-area-wrap button {color: #333;font-weight: 700;display: inline-block;font-size: 16px;font-family: inherit;padding: 0;}
.key-area-wrap button span, .key-area-wrap button em {display: inline-block;font-size: inherit;font-weight: inherit;}
.key-area-wrap .btn-key-show .txt2 {position: relative;color: #0c82e9;display: inline-flex;justify-content: center;}
.key-area-wrap .btn-key-show .txt2:after {content: '▼';font-size: 10px;margin-left: 5px;color: inherit}
/* .key-area-wrap .btn-key-show.clicked .txt2 {color: #747474} */
.key-area-wrap .btn-key-show.clicked .txt2:after {content: '▲';}
.key-area-wrap .btn-key-default {display: none;position: relative;margin-left: 8px;padding-left: 10px;}
.key-area-wrap .btn-key-default:before {content: '';position: absolute;top: 7px;left: 0;width: 1px;height: 10px;background: #dcdcdc}
.key-area-wrap .btn-key-default .txt {position: relative;color: #0c82e9;display: inline-flex;justify-content: center;}
.key-area-wrap .btn-key-default .txt:after {content: '>';font-size: 10px;margin-left: 5px;}

.key-area-wrap .key-show {display: block}
.key-area-wrap .btn-key-area .key-show {display: inline-block}
.key-area-wrap .key-hide {display: none}


@media (max-width: 1151px) {
  /* common */
  .myseoul-2022 h4:before {top: 7px;}
  .myseoul-section-wrap .myseoul-section h4 {padding-bottom: 15px;}
  #content .myseoul-2022 h4 {margin-bottom: 15px}
  #content .myseoul-2022 .myseoul-section-wrap .myseoul-section h4 {margin-bottom: 0}
  .myseoul-info {width: 15%;margin-bottom: 10px;font-size: 18px;}
  .myinfo-menu-wrap {width: 84%;margin-bottom: 15px}
  .myseoul-section .pagination li.btn-next a {margin-left: 10px}
  .myseoul-section {margin-bottom: 30px}
  .myseoul-2022 .board-cont .tstyle07 .mobile-hide {display: none;}
  .myseoul-2022 .board-cont .tstyle07 .col1 {width: 70% !important;border-left: 0;}
  .myseoul-2022 .board-cont .tstyle07 .col2 {width: 30% !important;}
  .myseoul-2022 .board-cont .tstyle07 td {word-break: break-all;}
  
  /* section1 */
  .myinfo-menu-wrap .myinfo-menu h4 {margin-bottom: 15px !important}
  .myinfo-menu ul li a {margin-top: 5px;font-size: 15px}
  .myinfo-menu ul li a:before {right: 2px;top: 4px;}
  .myinfo-menu ul li a:after {bottom: 2px;}

  /* 나의 게시글 */
  .my-history-wrap .board-cont .btn-more {top: -90px}
  /* 정책 */
  .my-lst-policy {padding-top: 15px;}
  .my-lst-policy .policy-item {margin-bottom: 10px;padding: 0 10px;}
	.policy-item .figure .img-area {height: 17.5vw}
  .policy-item .figure h5 {font-size: 16px;}
  .myseoul-section .btn-more {font-size: 14px;}
  .myseoul-section .btn-more:after {margin-left: 8px;}

  /* 공동인증서 추가 */
  .cert-type-2022 {margin-top: 15px;}
  .cert-type-2022 ul {flex-direction: column;align-items: flex-start;}
  .cert-type-2022 ul li {width: 100%;margin-bottom: 10px;padding: 10px 15px 0;border-bottom: 1px solid #767676 !important;}
  .cert-type-2022 ul li > div {padding-left: 0}
  .cert-type-2022 ul li .desc {padding-left: 0;background: #fff;word-break: keep-all;}
  .cert-type-2022 ul li .desc span {display: inline;}
  .cert-type-2022 ul li p {border-bottom: 1px solid #cccccc;}
  .cert-type-2022 ul li p.txt, .cert-type-2022 ul li p.tel {border-bottom: 0}
  .cert-type-2022 ul li p.txt {min-height: 10px;margin-bottom: 0;}
  .cert-type-2022 ul li p.txt a {font-size: 13px;}
  .cert-type-2022 ul li p.tel {font-weight: 700;font-size: 13px;}
  .cert-type-2022 ul li p strong {display: flex;flex-direction: column;align-items: flex-start;justify-content: center;height: 50px;padding: 10px 0 12px 45px;}  
  .cert-type-2022 ul li p strong em {display: block;}
  .cert-type-2022 ul li.ipin p strong {background: url(../images/bg_ipin.png) no-repeat 0 0 !important;background-size: 40px auto !important;}
  .cert-type-2022 ul li.cellphone p strong {background: url(../images/bg_cellphone.png) no-repeat 0 50% !important;background-size: 40px auto !important;}
  .cert-type-2022 ul li.certi p strong {background: url(../images/bg_certi.png) no-repeat 0 50% !important;background-size: 40px auto !important;}
  .cert-type-2022 ul li .button {top: 30px;right: 0;}

  /* 로그인 2023-06-08 */  
  /* new login 2023-04-10 */
	.dl-table-onepass dt,
  .dl-table-onepass dd {padding: 9px 9px 8px;}
  .new-login-wrap {margin-top: 0;padding: 17px 0 0;}
	.new-login-wrap .login-wrap .input-line p label {left: 0}
  .new-login-wrap .login-wrap .input-line, 
  .new-login-wrap .login-wrap .input-line-onepass,
  .cont-login-certi .cert-type {padding: 20px 0 30px;background-color: transparent;}
  #container.full-size .new-login-wrap .login-wrap h2 {text-align: center;}
  .new-login-wrap .login-wrap .message.imp {display: none}
  .new-login-wrap .login-tab-area {padding: 20px 15px 0}
  .new-login-wrap .list-login-tab li a {height: 40px;border-top-left-radius: 1.2rem;border-top-right-radius: 1.2rem;font-size: 0.9375rem}
  .new-login-wrap .key-area-wrap {padding: 0}
  .new-login-wrap .key-area .btn-key-area {margin: 15px 0 5px;}
  .new-login-wrap p.noti span {padding: 5px 10px;font-size: 14px;}

  .new-login-wrap .cont-login-input .input-line ul>li{width: 50%}
  .new-login-wrap .cont-login-input .input-line ul>li.line2 {justify-content: flex-end;}
	.new-login-wrap .cert-type-2022 {margin-top: 0}
  .new-login-wrap .cert-type-2022 ul {padding-top: 10px}  
  .new-login-wrap .cert-type-2022 ul li {width: 100%;margin: 5px 0;padding: 0;background: #f7fafd;border: 1px solid #ebebeb !important}
  .new-login-wrap .cert-type-2022 ul li p {border-bottom: 0}
  .new-login-wrap .cert-type-2022 ul li p strong {background: #fff !important;margin-bottom: 0;padding: 15px 12px 12px 45px;}
  .new-login-wrap .cert-type-2022 ul li p strong:after {left: 0;top: 7px;width: 40px;height: 36px;margin-left: 0;background-size: 120px 36px;}
  .new-login-wrap .cert-type-2022 ul li.ipin p strong:after {background-position: 0 0}
  .new-login-wrap .cert-type-2022 ul li.cellphone p strong:after {background-position: -40px 0}
  .new-login-wrap .cert-type-2022 ul li.certi p strong:after {background-position: -80px 0}
  .new-login-wrap .cert-type-2022 ul li p.txt {padding: 0 15px}
  .new-login-wrap .cert-type-2022 ul li p.tel {width: 100%;padding: 0 15px;background-color: transparent;text-align: left;}
  .new-login-wrap .cert-type-2022 ul li .desc {padding: 15px;background: #f7fafd}
  .new-login-wrap .cert-type-2022 ul li .button {top: 11px;right: 12px;margin: 0;}
  .new-login-wrap .cert-type-2022 ul li .button .btn.medium {padding: 7px 15px 5px}
  .new-login-wrap .cont-login-certi .cert-type-2022 ul li p strong {padding-right: 110px;}
  


  /* 어린이 회원 */
  .type-info > div.cert-type-2022 {max-width:100%}
  .type-info > div.cert-type-2022 ul li {margin-bottom: 20px;}
  .type-info .cert-type-2022 ul li .button {top: 40px;right: 15px}
  .cert-type-2022 ul li p strong {padding-left:40px}

  /* 아이디 찾기 */
  .find-wrap.find-wrap-2022 .cert-type-2022 ul li p strong {display: flex;}
  .find-wrap.find-wrap-2022 .cert-type-2022 ul li {padding-bottom: 0;}
  .find-wrap.find-wrap-2022 .cert-type-2022 .desc, .find-wrap.find-wrap-2022 .cert-type-2022 ul li .desc {position: relative;height: auto;padding-left: 0;background: #fff;}
  .find-wrap .cert-type-2022 ul li p {width:100% !important}
  /* 비밀번호 찾기 */
  .find-wrap.find-wrap-2022 .cert-type-new.cert-type-2022 .desc {height: auto !important}
  .find-wrap.find-wrap-2022 .cert-type-2022 ul li .button {top: 3px;}

	/* pc 자판 보기 2022-02-16 */
  .key-area-wrap {background: #fff;padding: 20px 15px 0}
  .key-area .btn-key-area {margin: 15px 0 0;}
  .key-area-wrap + .input-line {margin-top: 0}
}

@media (max-width: 920px) {
  /*section-service */
  .myseoul-section-wrap {flex-direction: column;}
  .myseoul-section-wrap .myseoul-section {width: 100%}
  .myseoul-section-wrap ul {padding: 10px 10px;}
	.myseoul-section-wrap .ms-homepage p.txt-homepage {padding: 10px 0 0px 12px;font-size: 14px;}
  .ms-service ul li a {font-size: 14px;padding: 5px;}  

  
}

@media (max-width: 767px) {
  /* section1 */
  .myseoul-info-wrap {flex-direction: column;margin-bottom: 20px;padding: 40px 25px 30px;background-size: 70% auto;}
  .myseoul-info {width: 100%}
  .myseoul-info span {display: inline}
  .myinfo-menu-wrap {width: 100%;flex-direction: column;}
  .myinfo-menu-wrap .myinfo-menu {width: 100%;min-height: 120px;margin-bottom: 15px;padding: 15px 0 10px 15px;}
  .myinfo-menu-wrap .myinfo-menu h4 {margin-bottom: 10px !important}
  .myinfo-menu-wrap .myinfo-menu:nth-child(4) ul li a {margin-bottom: 25px;}
  .myinfo-menu-wrap .myinfo-menu:after {top: 50%;right: 15px;width: 74px;height: 70px;background-size: 296px auto;}
  .myinfo-menu-wrap .myinfo-menu:nth-child(2):after {background-position: -74px 0;}
  .myinfo-menu-wrap .myinfo-menu:nth-child(3):after {background-position: -148px 0;}
  .myinfo-menu-wrap .myinfo-menu:nth-child(4):after {background-position: -221px 0;}
  .myseoul-section-wrap ul li {width: 49%;}
  .myseoul-section-wrap .myseoul-section h4 {padding-bottom: 0}
  .myseoul-section-wrap .myseoul-section h4 span {width: auto;height: 50px;line-height: 50px;padding: 5px 20px 8px;font-size: 16px;border-radius: 0 0 1.5rem 1.5rem}
  .myseoul-section-wrap .myseoul-section h4 .ico-ms {width: 38px;height: 38px;background-size: 300px auto;background-position: 0 -75px}
  .ms-service ul li a {min-height: 70px;border-radius: 1.5rem;}
  /* .ms-homepage ul li:last-child {margin-right: auto;margin-left: 0;} */
  .ms-homepage ul li a {font-size: 14px}
  .myseoul-section-wrap .ms-homepage h4 .ico-ms {background-position: -38px -75px;}
  .ms-homepage .btn-more-homepage {top: 15px;right: 15px;}
  /* 자유게시판 */
  .my-history-wrap .tab-list a {width: 50%;min-width: 50%;}
	.my-history-wrap .tab-list a:nth-child(2):after {display: none;}

  /* 정책 */
  .my-lst-policy .policy-item {width: 50%}
	.policy-item .figure .img-area {height: 26.5vw}
}

@media (max-width: 640px) {
	/* tab2  원패스 */
	.layer-onepass-cont {padding: 50px 30px;}
	.layer-onepass-cont p {font-size: 18px}
	.layer-onepass-cont p.line2 {font-size: 20px;}
}

@media (max-width: 560px) {
	/* 정책 */
	.policy-item .figure .figcaption p span {font-size: 12px}
	.policy-item .figure .img-area {height: 24.5vw}

}

@media (max-width: 400px) {
  
  /* 정책 */
  .my-lst-policy {flex-direction: column;border-top: 0;padding-top: 0;}
  .my-lst-policy .policy-item {width: 100%;border: 1px solid #ddd;padding: 10px;}
  .my-lst-policy .policy-item .figure {display: flex;align-items: center;justify-content: space-between;}
  .my-lst-policy .policy-item .figure .img-area {width: 36%;height: 17.5vw}
  .my-lst-policy .policy-item .figure .figcaption {width: 60%;padding-bottom: 0;}
  .my-lst-policy .policy-item .figure h5 {font-size: 14px;}
  .my-lst-policy .policy-item .figure .tags {margin: 5px 0;font-size: 12px}
  .my-lst-policy .policy-item .figure .figcaption p {padding: 5px 0 0;text-align: left;font-size: 13px;}
	.policy-item .figure .figcaption p {top: 0;}

  /* 비밀번호 찾기 */
  .find-wrap.find-wrap-2022 dl.find-dl dt {width:20%}
  .find-wrap.find-wrap-2022 dl.find-dl dd {width:80%}

	/* pc 자판 보기 2022-02-16 */
	.key-area .key-imgs {padding: 15px 10px}
}

@media (max-width: 340px) {
  .layer-onepass-cont {padding: 50px 15px}
  .layer-onepass-cont .btn-onepass-close {top: 5px;right: 5px;}
  .layer-onepass-cont p br {display: none;}
}


@media (max-width: 320px) {
	.my-lst-policy .policy-item .figure .img-area  {height: 60px}
}

@media (min-width: 1152px) {
  .cert-type-2022 ul li>div {min-height: 290px}
  .cert-type-2022 ul li>div.desc {min-height: 95px}
  .cert-type-2022 ul li .desc {display: flex;flex-direction: column;align-items: center;justify-content: center;min-height: 118px;background: #f4f6f7;}
  .new-login-wrap .cert-type-2022 ul li .desc {min-height: 106px; } /* 2023-06-08 */

	.policy-item .figure .img-area {height: 152px;}

	.join-type-new ul {display: flex;width: 100%}
	.join-type-new ul li {display: flex;flex-direction: column;justify-content: space-between}

	/* login 2023-06-08 */
	.new-login-wrap .cert-type-2022 {padding: 0;background-color: transparent}
  .new-login-wrap .cert-type-2022 ul li .desc {background-color: #f7fbfe}
  .new-login-wrap .cert-type-2022 p.noti {margin-top: 48px}
  .new-login-wrap .cert-type-2022 ul {padding-top: 28px;padding-bottom: 75px;}
  .new-login-wrap.violation-certi-wrap .cert-type-2022 ul {padding-top: 40px;padding-bottom: 0;}
  .new-login-wrap .cert-type-2022 ul li {width: 364px;border: 2px solid #ebebeb;padding: 30px 0 120px;}  
  .new-login-wrap .cert-type-2022 ul li.certi p.txt span{display: inline-block;text-decoration: none;border-bottom: 1px solid #353535;}
  .new-login-wrap .cert-type-2022 ul li .button button {width: 100%;font-size: 20px}
}


/* 바로보기, 듣기 아이콘 적용 */
.sib-button {display: inline-flex;align-items: center;justify-content: center;height: 28px;line-height: 28px;margin-right: 5px;padding: 0 5px 0 10px;border: 1px solid #0d82eb;border-radius: 3px;color: #000;}
.sib-button .sib-ico-set-file-preview {width: 14px;height: 13px;background: url(https://seoulboard.seoul.go.kr/humanframe/front/assets/seoul-common/assets/images/ico-sprite-board.png) no-repeat -282px -137px;}
.sib-button .sib-ico-set-file-sound {width: 14px;height: 13px;background: url(https://seoulboard.seoul.go.kr/humanframe/front/assets/seoul-common/assets/images/ico-sprite-board.png) no-repeat -296px -137px;}

/* 네이버앱 본인 확인 레이어 */

/* 네이버앱용 레이어 2023-08-04 */
body.show-naver .mobileApp-layer-naver {display: block;}
.mobileApp-layer-wrap {display: none;position: fixed;top: 0;left: 0;z-index: 100000000;width: 100%;height: 100%;background-color: rgba(0,0,0, .5)}
.mobileApp-layer {position: absolute;top: 50%;left: 50%;width: 90%;max-width: 500px;transform: translate(-50%, -50%);border-radius: 2rem;}
.mobileApp-layer .layer-header {padding: 15px 10px 12px;background-color: #fff;border-top-left-radius: 2rem;border-top-right-radius: 2rem;}
.mobileApp-layer .layer-header h4 {margin-bottom: 0;color: #000;font-size: 20px;font-weight: 700;text-align: center;}
.mobileApp-layer .layer-header h4 span {color: #0554cc;font-size: inherit;font-weight: inherit;}
.mobileApp-layer .layer-cont {padding: 15px 8px;background-color: #ccd3f0;border-bottom-left-radius: 2rem;border-bottom-right-radius: 2rem;}
.mobileApp-layer .layer-cont p {margin: 10px 0 0 5px;color: #000;word-break: keep-all;}
.mobileApp-layer .layer-cont p span {color: #0554cc;}
.mobileApp-layer .layer-cont p .br1 {display: none}
.mobileApp-layer .layer-cont p .br2 {display: block}
.mobileApp-layer .layer-cont p a {color: #575757}
.mobileApp-layer .layer-footer {margin-top: 5px;display: flex;justify-content: space-between;align-items: center;color: #fff;}
.mobileApp-layer .layer-footer label {color: #fff;}
.mobileApp-layer .layer-footer label input {display: inline-block;appearance: auto;-webkit-appearance: auto;}
.mobileApp-layer .layer-footer button {background: transparent;color: #fff}

.mobileApp-layer-naver .layer-header {background: #2078ca}
.mobileApp-layer-naver .layer-header h4 {color: #fff}
.mobileApp-layer-naver .layer-cont {background: #fff}

/* 뷰어 */
.noviewer + .preview_button,
.noviewer + .preview_button + .prelisten_button,
.noviewer .preview_button,
.noviewer .prelisten_button{display: none}


.viewer-area-privacy {display: flex;flex-wrap: wrap;align-items: center;justify-content: flex-end;margin: 15px 0;text-align: right}
.viewer-area-privacy a {color: #0c82e9;font-weight: 700;text-decoration: underline}
.viewer-area .preview_button,
.viewer-area .prelisten_button {display: inline-flex;align-items: center;justify-content: center;margin-left: 5px;padding: 3px 5px;border: 1px solid #bdbdbd;border-radius: 5px;color: #222}

.viewer-area .preview_button:before {content: '';width: 14px;height: 13px;margin-right: 3px;background: url(https://seoulboard.seoul.go.kr/humanframe/front/assets/seoul-common/assets/images/ico-sprite-board.png) no-repeat -282px -137px}
.viewer-area .prelisten_button:before {content: '';width: 14px;height: 13px;margin-right: 3px;background: url(https://seoulboard.seoul.go.kr/humanframe/front/assets/seoul-common/assets/images/ico-sprite-board.png) no-repeat -296px -137px}

/* haechi 2024-02-01 */
.haechi-char {margin: 10px 0 50px;display: flex;flex-direction: column;gap: 10px;}
.char-cont {display: flex;align-items: center;width: 100%;gap: 20px;}
.char-cont .char-img {display: flex;flex-direction: column;align-items: center;justify-content: center;width: 190px;background: #2051b4;border-radius: 5px;flex-shrink: 0;}
.char-cont .char-img .img {width: 100%;height: 105px;display: flex;align-items: center;justify-content: center;}
.char-cont .char-img p {margin-bottom: 0;color: #fff;text-align: center;}
.char-cont .char-img p.txt {padding-bottom: 10px;}
.char-cont .char-text ul.list-type-dot>li {padding-left: 15px;margin: 5px 0;word-break: keep-all;}
.char-cont .char-text ul.list-type-dot>li:before {width: 3px;height: 3px;}
.char-cont .char-text ul.list-type-dot>li span {color: #0c82e9}

/* haechi 2024-05-30 */
.symbolbox2 .haechi-char.new {align-items: stretch;}
.symbolbox2 .haechi-char.new * {box-sizing: border-box;}
.symbolbox2 .haechi-char.new .char-cont {align-items: stretch;}
.symbolbox2 .haechi-char.new .char-cont .char-img {width: 190px;height: 190px;padding: 25px 0;justify-content: space-between}
.symbolbox2 .haechi-char.new .char-cont .char-img .img {align-items: flex-start;}
.symbolbox2 .haechi-char.new .char-cont .char-img p.txt {padding-bottom: 0}
.symbolbox2 .haechi-char.new .char-text p {margin: 5px 0;word-break: keep-all;}
.symbolbox2 .haechi-char.new .char-text p.tit {margin-top: 0}
.symbolbox2 .haechi-char.new .char-text p.tit strong {color: #0c82e9;font-size: 16px;}
.symbolbox2 .haechi-char.new .char-text {display: flex;flex-direction: column;align-items: flex-start;justify-content: center}
.haechi.haechi-new {width: 100%}
.haechi.haechi-new * {box-sizing: border-box}
.haechi.haechi-new .contBox {width: 100%;max-width: 900px;margin: 0 auto;}
.haechi.haechi-new .contBox .imgBox .tit_area {height: auto;line-height: 1.2;padding: 10px 10px 10px 16px;background: #f4f9ff;border-radius: 5px;font-size: 18px;border-top: 0;}
.haechi.haechi-new .contBox .imgBox .img_area {padding: 25px 0;}
.haechi.haechi-new .contBox .imgBox .img_area img {max-width: 100%}
.haechi.haechi-new .contBox .imgBox .pop-char-cont .text {padding: 20px 20px;}
.haechi.haechi-new .contBox .imgBox .img_area {display: flex;justify-content: space-between;padding: 20px 10px 25px}
.haechi.haechi-new .contBox .imgBox .img_area.pad75 {padding: 20px 75px 25px;}
.haechi.haechi-new .contBox .imgBox .img_area.pad45 {padding: 20px 45px 25px;}
.haechi.haechi-new .contBox .imgBox .img_area.img {display: flex;}
.haechi.haechi-new .contBox .imgBox .img_area.multi {justify-content: center;align-items: center;flex-direction: column}
.haechi.haechi-new .contBox .imgBox .img_area.multi img {width: auto;max-width: 100%;margin-top: 0}
.haechi.haechi-new .contBox .imgBox .img_area.img1 {flex-direction: column;gap: 40px}
.haechi.haechi-new .contBox .imgBox .img_area img ~ img {margin-top: 30px;}
.haechi.haechi-new .contBox .imgBox .img p {margin: 10px 0;font-weight: 700;}

/* member channel  2024-02-02 */
.channel-box {display: flex;align-items: center;justify-content: center;gap: 30px;padding: 26px 20px;background: #f3f9fe;border: 1px solid #343434}
.channel-box .cb-txt {display: flex;flex-direction: column;gap: 8px;align-items: flex-start;justify-content: flex-start}
.channel-box .cb-txt p {display: flex;gap: 5px;align-items: flex-start;font-weight: 700;font-size: 16px;}
.channel-box .cb-txt p:before {content: '';width: 3px;height: 3px;margin-top: 10px;background: #333}
.channel-box .cb-txt .btn-channel {display: flex;align-items: center;;gap: 10px;padding: 5px 15px;color: #0c82e9;background: #fff;border: 1px solid #0c82e9;font-size: 13px;}
.channel-box .cb-txt .btn-channel:after {content: '';width: 15px;height: 11px;background: url(/res_newseoul/images/member/ico-right-arrow.png) no-repeat 0 0}
html.mobile .channel-box .cb-txt .btn-channel.pc {display: none}
.channel-box .cb-txt .btn-channel.mo {display: none}
html.mobile .channel-box .cb-txt .btn-channel.mo {display: flex;}



@media (max-width: 1151px) {
.char-cont {gap: 10px}
.haechi-char img {width: auto}
.char-cont .char-img {width: 30%}

/* member channel  2024-02-02 */
.channel-box {align-items: flex-start;padding: 13px 10px;gap: 10px;}
.channel-box .cb-img {width: 40px;flex-shrink: 0}
.channel-box .cb-txt {width: calc(100% - 50px)}
.channel-box .cb-txt p {font-size: 14px;}
.channel-box .cb-txt p:before {flex-shrink: 0;}

/* haechi 2024-05-30 */
.symbolbox2 .haechi-char.new .char-cont .char-img {width: 30%}
.haechi.haechi-new .contBox {padding: 20px}
.haechi.haechi-new .pop-char-cont .img_area .img p {font-size: 0.875rem}
.haechi.haechi-new .tab ul li {width: calc(33.3333% + 1px) !important}
.btn-group2.hechi {padding: 0 40px;box-sizing: border-box}
.haechi.haechi-new .contBox .imgBox .img_area.pad75 {padding: 20px 55px 25px;}
.haechi.haechi-new .contBox .imgBox .img_area.pad45 {padding: 20px 25px 25px;}
}

@media (max-width: 768px) {
  /* haechi 2024-05-30 */
  .btn-group2.hechi {padding: 0 20px;}
  .haechi.haechi-new .contBox .imgBox .pop-char-cont .img_area {padding: 25px 0}
  .haechi.haechi-new .contBox .imgBox .img_area.pad75,
  .haechi.haechi-new .contBox .imgBox .img_area.pad45 {padding: 25px 10px}
}

@media (max-width: 460px) {
/* haechi 2024-02-01 */
.haechi-char {gap: 25px;}
.char-cont {flex-direction: column;}
.char-cont .char-img {width: 50%}


/* member channel  2024-02-02 */
.channel-box .cb-txt .btn-channel {padding: 5px 10px;}

/* haechi 2024-05-30 */
.symbolbox2 .haechi-char.new .char-cont .char-img {width: 50%;margin: 0 auto;height: auto;padding: 15px 0}
.haechi.haechi-new .contBox .imgBox .img_area.img2 {flex-direction: column;}
.haechi.haechi-new .tab ul li a {font-size: 14px}
.haechi.haechi-new .top {padding: 15px 0 10px}
.haechi.haechi-new .contBox .imgBox .pop-char-cont .text {padding: 10px 20px;font-size: 15px;line-height: 1.5;}
}
/* haechi 2024-05-31 */
.emblembox1_240531 .left-img {width:36%;}
.emblembox1_240531 .left-img .img_area {display:flex;justify-content:space-around;}
.emblembox1_240531 .left-img p {margin-top:5px;}
.emblembox1_240531 .right-desc {width:63%;word-break:keep-all;}
.haechi-char.new.new_240531 {gap:15px;}
.haechi-char.new.new_240531 .char-cont {gap:24px;}
.haechi-char.new.new_240531 .char-cont:not(:first-child) {padding-top:15px;border-top:1px solid #e7e7e9;}
.haechi-char.new.new_240531 .char-img.img-area {flex-direction:row;justify-content:space-evenly;width:210px;height:auto;min-height:190px;background:#e7e7e9;}
.haechi-char.new.new_240531 .char-img.img-area .img {align-items:center;flex-direction:column;width:auto;gap:10px;}
.haechi-char.new.new_240531 .char-img.img-area .img p {color:#222;}
.haechi-char.new.new_240531 .char-text p.tit {display:flex;flex-direction:column;}
.haechi-char.new.new_240531 .char-text p.tit .name {color:#222;}

@media (max-width: 568px) {
.emblembox1_240531 .left-img{width:100%;}
.emblembox1_240531 .left-img .img_area{ justify-content: space-evenly;}
}

/* 아동·청소년을 위한 서울시 개인정보 처리방침 2024-06-10 */
.dims {display: none;position: fixed;top: 0;left: 0;background: rgba(0,0,0, .5);width: 100%;height: 100vh;z-index: 9;}
.viewer-area-privacy {position: relative;width: 100%;}
.btn-child-privacy {width: 424px;height: 68px;background: url(../images/helper/child-privacy-banner.png) no-repeat 0 0}
.child-privacy-layer-wrap {opacity: 0;visibility:hidden;position: absolute;top: 100px;left: 50%;width: 100%;max-width: 770px;max-height: 770px;padding: 50px;background: #ffde5c;border-radius: 30px;transform: translateX(-50%);text-align: center;box-sizing: border-box;z-index: 100;}
.child-privacy-layer-wrap.show {opacity: 1;visibility: visible;}
.child-privacy-layer-wrap * {box-sizing: border-box}
.child-privacy-layer-wrap .close-child-layer {position: absolute;top: 11px;right: 11px;width: 50px;height: 50px;border-radius: 50%;background: #ff26a9;z-index: 10}
.child-privacy-layer-wrap .close-child-layer:before,
.child-privacy-layer-wrap .close-child-layer:after {content: '';position: absolute;top: 50%;left: 50%;width: 30px;height: 5px;background: #fff;transform: translate(-50%, -50%) rotate(135deg)}
.child-privacy-layer-wrap .close-child-layer:after {transform: translate(-50%, -50%) rotate(-135deg)}
.child-privacy-layer,
.child-privacy-layer, .bx-wrapper {border-radius: 30px;overflow: hidden}
.child-privacy-layer .child-pc {display: block}
.child-privacy-layer .child-mobile {display: none}
.btn-cp a {display: block;position: absolute;top: 50%;width: 54px;height: 54px;border-radius: 50%;z-index: 1;transform: translateY(-50%);background: #fff;border: 1px solid #f060b7;text-indent: -9999em}
.btn-cp a.bx-prev {left: -60px}
.btn-cp a.bx-next {right: -60px}

.btn-cp a:before {content: '';position: absolute;top: 17px;left: calc(50% - 3px);width: 22px;height: 6px;background: #f060b7;border-radius: 3px;transform: translate(-50%, 0) rotate(135deg)}
.btn-cp a:after {content: '';position: absolute;bottom: 17px;left: calc(50% - 3px);width: 22px;height: 6px;background: #f060b7;border-radius: 3px;transform: translate(-50%, 0) rotate(-135deg)}
.btn-cp-next a:before {left: calc(50% + 3px);transform: translate(-50%, 0) rotate(45deg)}
.btn-cp-next a:after {left: calc(50% + 3px);transform: translate(-50%, 0) rotate(-45deg)}
.btn-cp a.disabled {border: 1px solid #666}
.btn-cp a.disabled:before,
.btn-cp a.disabled:after {background: #666}
.child-privay-footer {margin-top: 7px}

@media (max-width: 910px) {
  .child-privacy-layer-wrap {max-height: unset}
  .btn-cp a.bx-prev {left: -27px}
  .btn-cp a.bx-next {right: -27px}

}

@media (max-width: 830px) {
  .btn-cp a.bx-prev {left: -10px}
  .btn-cp a.bx-next {right: -10px}
  }

@media (max-width: 768px) {
  .child-privacy-layer-wrap {top: 90px;padding: 10px;}
  .child-privacy-layer .child-privacy-list img {width: 100%}
  .child-privacy-layer-wrap .close-child-layer {width: 40px;height: 40px;top: -10px;right: -10px;}
  .child-privacy-layer-wrap .close-child-layer:before,
  .child-privacy-layer-wrap .close-child-layer:after {width: 24px;height: 3px}
  .child-privacy-layer .child-pc {display: none}
  .child-privacy-layer .child-mobile {display: block}

  .btn-cp a {width: 32px;height: 32px;}
  .btn-cp a:before {top: 10px;left: calc(50% - 1px);width: 12px;height: 3px;}
  .btn-cp a:after {bottom: 10px;left: calc(50% - 1px);width: 12px;height: 3px;}
  .btn-cp-next a:before {left: calc(50% + 2px);}
  .btn-cp-next a:after {left: calc(50% + 2px);}
  .btn-cp a.bx-prev {left: -14px}
  .btn-cp a.bx-next {right: -14px}

  .child-privay-footer {position: absolute;bottom: 3vw;left: 50%;transform: translateX(-50%);margin-top: 0;}
  .child-privay-footer img {width: auto;height: 3.5vw}
}
@media (max-width: 460px) {
  .btn-child-privacy {width: 100%;height: 16.04vw;background-size: 100% auto;}

}


/* 문자알림서비스 2024-07-01 */
/* 공통박스 */
.box-blue {display: flex;align-items: center;justify-content: center;margin-bottom: 40px;padding: 35px 10px;background: #f3f9fe;border: 1px solid #0c82e9;}
.box-blue-type2 {flex-direction: column;align-items: flex-start;padding-left: 50px;}
.box-blue h4 {margin-bottom: 10px;}
.box-blue p {color: #222;font-size: 18px;text-align: center;word-break: keep-all;}
.box-blue ul li {font-size: 16px;}
.box-blue dl dt {margin-bottom: 20px;font-size: 20px;text-align: center;}
.box-blue dl dt strong {padding-bottom: 2px;border-bottom: 1px solid #0c82e9;}
.box-blue dl dd p {color: #222;font-size: 16px;line-height: 1.7;text-align: center;}
.box-blue .point {color: #0c82e9;}
.box-blue .underline {text-decoration: underline;}
.listtype1.large li {font-size: 16px;}

/* 개요 */
.box-sms-notification {display: flex;justify-content: flex-end;width: 100%;max-width: 912px;margin: 20px auto;background: url(../images/seoul/bg-sms.jpg) no-repeat 50% 100%;}
.box-sms-notification dl {display: flex;flex-direction: column;padding: 0px 120px 50px 0}
.box-sms-notification dl dt {position: relative;display: inline-flex;color: #0c82e9;font-size: 1.75rem;font-weight: 700;padding-left: 50px;z-index: 5;}
.box-sms-notification dl dt span {position: relative;padding: 10px 0;z-index: 5;font-size: inherit;font-weight: inherit;color: #0c82e9;}
.box-sms-notification dl dt span strong {color: #0b3fc3}
.box-sms-notification dl dt:before {content: '';position: absolute;top: 0;left: 0;width: 44px;height: 58px;background: url(../images/seoul/ico-sms-title.png) no-repeat 0 0;z-index: 3;}
.box-sms-notification dl dt:after {content: '';position: absolute;bottom: 8px;left: 10px;width: 100%;height: 20px;background: #d9fbff;border-radius: 10px;width: 100%;z-index: 1;}
.box-sms-notification dl dd p {margin: 10px 0 20px 50px;color: #222;font-size: 1.125rem;line-height: 1.7;}

/* 휴대폰 본인 확인 */
.sms-cert-type {display: flex;flex-direction: column;border: 1px solid #767676}
.sms-cert-type + .privacy-info .row {margin-top: 30px}
.sms-cert-type .sct-cont {display: flex;justify-content: center;align-items: center;flex-wrap: wrap;padding: 30px 0 35px;}
.sms-cert-type .sct-cont * {color: #222;box-sizing: border-box;}
.sms-cert-type .sct-cont h4 {margin-bottom: 10px;font-size: 22px;}
.sms-cert-type .sct-cont p {font-size: 16px;}
.sms-cert-type .sct-cont p.tel {font-size: 14px;font-weight: 700;}
.sms-cert-type .sct-cont a.link {display: inline-flex;min-width: 250px;padding: 8px 20px;border: 1px solid #666;border-radius: 15px;color: #505050;font-size: 14px;font-weight: 700;background: #fff url(../images/icon_link.png) no-repeat calc(100% - 20px) center}
.sms-cert-type .sct-cont .cert-text {display: flex;align-items: center;gap: 40px;width: 100%;max-width: 712px;margin: 0 auto;}
.sms-cert-type .sct-cont .cert-text:before {content: '';display: flex;flex-shrink: 0;width: 82px;height: 86px;background: url(../images/seoul/ico-bgphone.png) no-repeat 0 0;}
.sms-cert-type .sct-cont .cert-text .cont-left {display: flex;flex-direction: column;justify-content: flex-start}
.sms-cert-type .sct-cont .cert-text .button {display: flex;align-items: center;}
.sms-cert-type .sct-cont .cert-text .button .btn span {display: flex;align-items: center;gap: 8px;font-size: 18px;}
.sms-cert-type .sct-cont .cert-text .button .btn span:before {content: '';width: 16px;height: 11px;background: url(../images/seoul/ico-sms-check.png) no-repeat 0 0}
.sms-cert-type .sct-cont2 {padding: 20px 0 20px;background: #f3f9fe;}
.sms-cert-type .sct-cont2 .cert-text:before {background: url(../images/seoul/ico-bgpopup.png) no-repeat 0 0}
.sms-cert-type .sct-cont2 p {margin-bottom: 10px;font-size: 14px;}
.sms-cert-type .sct-cont2 .btn-links {display: flex;gap: 15px;}
.sms-cert-type .sct-cont1 {position: relative}
.sms-cert-type .sct-cont1 .cert-type {margin: 0;border: 0;}
.sms-cert-type .sct-cont1 .cert-type .complete {padding: 10px 0;}
.sms-cert-type .sct-cont1 .cert-type .complete p {display: flex;align-items: center;gap: 30px;padding: 0;background: none;font-size: 20px;}
.sms-cert-type .sct-cont1 .cert-type .complete p span,
.sms-cert-type .sct-cont1 .cert-type .complete p span em {font-size: inherit}
.sms-cert-type .sct-cont1 .cert-type .complete p:before {content: '';width: 56px;height: 56px;background: url(../images/bg_cert_complete2.png) no-repeat 0 0;background-size: cover;}

/* 회원테이블 스타일 추가 */
.join-process-new.jp-step2 li {width: 50%;letter-spacing: -0.075em;}
.join-process-new.jp-step3 li {width: 33.3333%;letter-spacing: -0.075em;}
.text-box-overview {display: flex;flex-direction: column;gap: 10px;margin: 15px 0 40px;}
.text-box-overview * {word-break: keep-all;box-sizing: border-box;}
.text-box-overview dl {display: flex;gap: 30px;}
.text-box-overview dl dt {display: flex;align-items: center;justify-content: center;flex-shrink: 0;width: 24.123%;padding: 0 10px;min-height: 76px;background: #f3f9fe;border-radius: 10px;color: #0c82e9;font-size: 16px;font-weight: 700;text-align: center;}
.text-box-overview dl:nth-child(even) dt {background: #f3f4fe;color: #4651c0}
.text-box-overview dl dd {display: flex;align-items: center;color: #555;font-size: 16px;line-height: 1.6}
.text-box-overview dl dd * {line-height: 1.6;font-size: 16px;}
.text-box-overview dl dd ul li {color: #555;}
/* 회원테이블 약관동의 스타일 추가 */
.table-responsible.long tbody tr td  p {display: flex;align-items: center;justify-content: center;min-height: 76px;}
.table-responsible.long tbody tr td.td-left  p {justify-content: flex-start}

/* 버튼 */
.cont-sms-notification .btn-group {margin: 60px 0 30px}
.btn-group-sm {display: flex;gap: 10px;justify-content: center;flex-wrap: wrap;margin: 90px 0 0px}
.btn-group-sm .btn {display: flex;align-items: center;justify-content: center;margin: 0;padding: 15px 40px;}

.cert-type-one {display: flex;align-items: center;margin: 30px 0;padding: 25px 0 25px 0;border: 1px solid #767676;}
.cert-type-one.phone:before {content: '';display: flex;align-items: center;width: 76px;height: 70px;margin: 0 70px;background: url(../images/bg_cellphone.png) no-repeat 50% 50%}
.cert-type-one .cto-cont h4 {margin-bottom: 8px;color: #222;font-weight: 700;font-size: 16px;}
.cert-type-one .cto-cont .button {margin: 15px 0}
.cert-type-one .cto-cont .tel {color: 3222;}
.cert-type-one + .privacy-info .row {margin-top: 30px;}

/* 신청정보 입력 */
.join-form select.s-district {width: 145px;}
/* 신청완료 */
.cont-sms-notification .cert-type + .join-form {margin-top: 30px}
.cont-sms-notification .complete .point {font-size: inherit;font-weight: normal}

/* 해지 */
.cont-sms-notification .guide-box {margin-bottom: 30px;}
.cont-sms-notification .guide-box p {font-size: 16px;word-break: keep-all;}
.cont-sms-notification .guide-box p:before {content:'';display:inline-block;width:5px;height:5px;margin:-2px 6px 0 0;background:#0c82e9;vertical-align:middle;}
.cont-sms-notification .guide-box p.big {font-size: 18px;}
.cont-sms-notification .guide-box p.big:before {display: none}
.sms-cancel {display: flex;justify-content: center;}
.sms-cancel ul {display: flex;flex-direction: column;gap: 15px;}
.sms-cancel ul li {display: flex;align-items: center;font-size: 16px;color: #555;word-break: keep-all;}
.sms-cancel ul li:before {content: '';flex-shrink: 0;width: 80px;height: 80px;margin-right: 40px;background: url(../images/seoul/ico-sc02.png) no-repeat 0 0}
.sms-cancel ul li:first-child:before {background: url(../images/seoul/ico-sc01.png) no-repeat 0 0}
.sms-cancel ul li span {color: #555;padding-left: 15px;text-indent: -15px;font-size: 16px;}

@media (max-width: 1151px) {
  .cont-sms-notification .btn-group {margin: 50px 0}
  .btn-group-sm {margin: 50px 0;}
  .btn-group-sm .btn {padding: 15px 20px;}
  .btn-group-sm a.btn span {line-height: 1}
  .cert-type-one {margin: 20px 0}
  .cert-type-one.phone:before {margin: 0 30px;background-size: 100% auto;}
  /* 개요 */
  .box-sms-notification dl {padding: 0px 30px 50px 0}
  .box-sms-notification dl dd p {font-size: 1rem}

  /* 신청정보 입력 */
  .join-form select.district {width: 100%;}
  #content .cont-sms-notification dl.table-row dd * {font-size: 14px;}
  /* 신청완료 */
  .cont-sms-notification .guide-box {margin-bottom: 20px}
  .cont-sms-notification .cert-type + .join-form,
  .cert-type-one + .privacy-info .row {margin-top: 20px}
  /* 해지 */
  .cont-sms-notification .guide-box p,
	.cont-sms-notification .guide-box p.big {font-size: 14px;}
	.cont-sms-notification .guide-box-agree input[type='checkbox'] + label span {font-size: 15px}

  .box-blue-type2 {padding: 15px}
  .box-blue ul li {font-size: 14px;}
  .sms-cancel ul li span {font-size: 14px;}
	.box-blue dl dt {font-size: 18px}
	.box-blue dl dd p {font-size: 14px;}
	.listtype1.large li {font-size: 14px;}
}

@media (max-width: 800px) {
  /* 개요 */
  .box-sms-notification dl {padding: 0px 20px 90px 0}
  /* 본인 인증 */
  .sms-cert-type .sct-cont {padding: 15px 10px 20px;}
  .sms-cert-type .sct-cont .cert-text {flex-direction: column;align-items: center;justify-content: center;gap: 15px;}
  .sms-cert-type .sct-cont .cert-text:before {width: 60px;height: 63px;background-size: 100% auto;}
  .sms-cert-type .sct-cont .cert-text .cont-left *{text-align: center;}
  .sms-cert-type .sct-cont .cert-text .cont-left p {font-size: 14px;word-break: keep-all;}
  .sms-cert-type .sct-cont .cert-text .button .btn span {font-size: 15px}

  .sms-cert-type .sct-cont2 {padding: 15px 10px 20px 15px}
  .sms-cert-type .sct-cont2 .cert-text {flex-direction: row;justify-content: space-between;align-items: flex-start;}
  .sms-cert-type .sct-cont2 .cert-text:before {width: 50px;height: 52px;background-size: 100% auto;}
  .sms-cert-type .sct-cont2 .cert-text .cont-left {width: calc(100% - 60px)}
  .sms-cert-type .sct-cont2 .cert-text .cont-left p {text-align: left;}
  .sms-cert-type .sct-cont2 .cert-text .btn-links .pc {display: none}
  .sms-cert-type .sct-cont2 a.link {min-width: 150px;padding: 8px 40px 8px 8px;}
}
@media (max-width: 660px) {
  /* 개요 */
  .box-sms-notification {justify-content: center;background: url(../images/seoul/bg-sms-mo.jpg) no-repeat 50% 100%;background-size: 100% auto;}
  .box-sms-notification dl {padding: 0 0 33vw;}
  .box-sms-notification dl dt {font-size: 1.5rem}
  .box-sms-notification dl dd p {margin: 10px auto;text-align: center}
  

  /* 회원테이블 약관동의 스타일 추가 */
  .table-responsible.long tbody tr td {align-items: stretch;}
  .table-responsible.long tbody tr td * {display: flex;align-items: center;}
  .table-responsible.long tbody tr td p {padding: 5px 0;font-size: 14px;}
  .text-box-overview dl {gap: 15px}
  .cert-type-one {padding: 5px 10px 15px;align-items: flex-start}
  .cert-type-one.phone:before {width: 50px;margin: 0 10px;}
  .cert-type-one .cto-cont {padding-top: 15px;}
  .cert-type-one .cto-cont p {font-size: 14px;}

  .cont-sms-notification .rule-check-new h4.tit-agree span {word-break: keep-all;}
  .cont-sms-notification .rule-check-new .check-all .custom-input strong {letter-spacing: -0.075rem}
}
@media (max-width: 500px) {

  /* 서비스 개요 */
  .text-box-overview {gap: 20px}
  .text-box-overview dl {flex-wrap: wrap;gap: 7px;}
  .text-box-overview dl dt,
  .text-box-overview dl dd {width: 100%}
  .text-box-overview dl dt {padding: 10px 0;min-height: 30px;}

  /* 휴대폰 본인 확인 */
  .sms-cert-type .sct-cont1 .cert-type .complete p {gap: 10px;font-size: 16px;}
  .sms-cert-type .sct-cont1 .cert-type .complete p:before {width: 46px;height: 46px;}

  .join-process-new.jp-step3 ul li {width: calc(33.3333% - 30px) !important;justify-content: center}
  .join-process-new.jp-step3 ul li:nth-child(3) {padding-right: 10px;}

  /* 문자알림 서비스 2024-07-02 */
  .join-process-new.jp-step2 ul li,
  .join-process-new.jp-step2 ul li:first-child {width: calc(50% - 30px) !important;justify-content: center}

  /* 해지 */
  .sms-cancel ul li:before {margin-right: 10px;width: 50px;height: 50px;background-size: 100% auto !important;}
}
@media (max-width: 420px) {
  /* 공통박스 */
  .box-blue {padding: 20px 15px}
  .box-blue p {font-size: 16px;line-height: 1.5;}
  .text-box-overview dl dt {font-size: 15px}
  .text-box-overview dl dd *,
  .text-box-overview dl dd {font-size: 14px}

  /* 개요 */
  .box-sms-notification dl dt:before {width: 30px;height: 40px;background-size: 100% auto;}
  .box-sms-notification dl dt {padding-left: 30px;font-size: 1.25rem}
  .box-sms-notification dl dd p {font-size: 0.875rem;}
}
@media (max-width: 380px) {
  /* 본인 인증 */
  .sms-cert-type .sct-cont .cert-text .cont-left p {font-size: 13px}
  .sms-cert-type .sct-cont2 .cert-text .cont-left {width: calc(100% - 60px)}
  .sms-cert-type .sct-cont2 a.link {padding: 6px 26px 4px 7px;font-size: 13px;background-position: calc(100% - 10px) center}
}
@media (max-width: 330px) {
  .cont-sms-notification .rule-check-new .check-all .custom-input strong {font-size: 13px !important}
}

@media (min-width: 501px) {
  .join-process.join-process-new .tiny-view {display: none;}
}