/* layout */
*:before,
*:after {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
body{min-width: 320px;}
i{font-style: normal}
img{max-width:100%;}
*{box-sizing: border-box;}
.shadowCommon{display: none !important}
.div-scroll {overflow: scroll; position: absolute; top: -99999px; width: 60px; height: 60px;}
a.links {color: #747474;text-decoration: underline;}
a.links:hover {color: #333}
#wrapper{position:relative;}
header{position:absolute;top:48px;left:0px;z-index:1000;width:100%;height:90px;background-color: rgba(20,29,56,.5); overflow: hidden; }
header.active {background-color: rgba(20,29,56,.75); }
.header-inner{position:relative;margin:0 auto;max-width:1000px;width:100%;}
.header-inner .logo{float:left;margin:33px 0px 0px;}
.header-inner .logo a {display: block}
.header-inner nav{float:right;}
.header-inner nav>ul{position:relative;margin-top:8px;overflow: hidden;}
.header-inner nav>ul>li{position:relative;float:left;margin:0;font-size:22px;line-height:87px; position: relative; width: 210px;}
.header-inner nav>ul>li:last-child{width:auto;}
.header-inner nav ul li ul.gnb-2depth li:first-child {padding-top: 12px;}
.header-inner nav>ul>li a{color:#fff;}
.header-inner nav>ul>li a.active{color:#39d1c2;}
@media (hover: hover) and (pointer: fine) and (min-width:1024px){
.header-inner nav>ul>li a:hover{color:#39d1c2;}
.header-inner nav>ul>li:nth-child(1) a:hover span{width:136px;}
.header-inner nav>ul>li:nth-child(2) a:hover span{width:120px}
.header-inner nav>ul>li:nth-child(3) a:hover span{width:100px}
.header-inner nav>ul>li a:hover span{position: absolute; height: 2px; top:79px; left: 0; background:#39d1c2;}

.main-content ul li a:hover{background: rgba(0,0,0, .5);color: #5cd9cd}
.main-content ul li a:hover span.txt-large {color: #5cd9cd}
.main-content ul li a:hover span.txt-number-box {background: #1f2529}
.main-content ul li a:hover span.txt-number-box .txt-black {color: #fff}
.main-content ul li a:hover span.txt-bar {background-color: #fff}
.main-content ul li a:hover span.img.num01 {background-position: 0 -125px}
.main-content ul li a:hover span.img.num02 {background-position: -125px -125px}
.main-content ul li a:hover span.img.num03 {background-position: -250px -125px}
#infor.main-content ul li a:hover {background-color: #39d1c2}
#infor.main-content ul li a:hover span.txt-large {color: #fff}

}
@media (hover: hover) and (pointer: fine) and (max-width:640px){
    .main-content ul li a:hover{background-color:#333;opacity:0.7}
    .main-content ul li a:hover .plan-detail{display:none;}
}



.header-inner nav>ul>li a.active span{position: absolute; height: 2px; top:79px; left: 0; background:#39d1c2;}
.header-inner nav>ul>li:nth-child(1) a.active span{width:136px;}
.header-inner nav>ul>li:nth-child(2) a.active span{width:120px}
.header-inner nav>ul>li:nth-child(3) a.active span{width:100px}
/*.header-inner nav ul li ul{display:none;}*/
.header-inner nav ul li ul.gnb-2depth {}
.header-inner nav ul li ul.gnb-2depth li {padding-bottom: 20px;font-size: 16px;line-height: 1;}
#main-visual{position:relative;height:720px;background:url(../images/main/pic-visual2019.jpg) center top;background-size: cover}
.main-visual-right{position:absolute;top:0px;right:0px;z-index:9;width:879px;height:935px;background:url(../images/main/pic-visual-b.png) no-repeat;}
.main-visual-infor{position:relative;z-index:10;margin:0 auto;padding:190px 0px 0px 0px;max-width:1000px;}
.main-visual-infor h1{color:#fff;text-shadow:1px 3px 6px #29547d;font-weight:bold;font-size:64px;line-height:70px}
.main-visual-infor p{margin-top:15px;color:#fff;text-shadow:1px 3px 6px #000; font-size:45px; text-align: center}
.search-inner{margin:30px 0px 10px 0px;max-width:350px;width:100%;}
.search-inner:after{display:block;clear:both;content:'';}
.search-inner .search-text{float:left;width:80%;height:50px;border-top-left-radius:4px;border-bottom-left-radius:4px;background-color:#fff;}
.search-inner .search-text input[type=text]{margin:8px 0 0 10px;padding:6px 7px;width:90%;font-size:18px;}
.search-inner button{float:left;width:20%;height:50px;border:0px;border-top-right-radius:4px;border-bottom-right-radius:4px;background-color:#e8e7e7;color:#4d4d4d;text-align:center;font-weight:bold;font-size:24px;cursor:pointer}
.keyword{clear:both;margin-top:15px;max-width:440px;width:100%;}
.keyword li{float:left;width:33.3%;}
.keyword li a{display:block;margin-right:10px;height:50px;border-radius:4px;background-color:#0c518a;color:#fff;text-align:center;font-weight:bold;font-size:18px;line-height:48px;}
.keyword li a.active{background-color:#df225a}
.keyword li a:hover{background-color:#df225a}

.header-lang {position:relative; margin:0 auto; width:1000px;} /* 2016-09-26 추가 */
.lan{position:absolute;top:10px;right:30px;z-index:100;padding:0px 0 0 10px;height:23px;line-height:22px;}
.lan dt{float:left;padding-right:12px;width:75px;background:url(../images/main/bg-lan-line.png) no-repeat right center;color:#b9b9b9;font-size:12px;}
.lan dd{position:relative; /*background-color:rgba(0,0,0,0.3);*/float:left;margin-right:3px; margin-left:8px; width:40px;border-radius:3px;color:#b9b9b9;text-align:center;font-size:12px;}
.lan dd:after {position:absolute; top:50%; right:-7px; margin-top:-1px; width:2px; height:2px; background:#fff;content:" "; }
.lan dd:nth-last-child(1):after {display:none;}
.lan dd a{color:#b9b9b9;}
.lan dd a:hover {display:inline-block; padding:0 8px; border-radius:4px; background:rgba(31,40,48,.35); color:#fff;}
.lan dd a.on {display:inline-block; padding:0 8px; border-radius:4px; background:rgba(31,40,48,.35); color:#fff;}

footer{clear:both;height:60px;line-height:58px;background-color:#323232;color:#787375;text-align:center}
footer .footer-wrap {position: relative;max-width: 1000px;width: 100%;margin: 0 auto;}
.footer-wrap .img-logo {position: absolute;top: 2px;left: 0;}

@media all and (max-width: 1152px) {
.footer-wrap .img-logo {left: 5px;}
}

@media all and (max-width: 640px) {
footer {height: auto;}
footer .footer-wrap {padding-top: 40px}
.footer-wrap .img-logo {left: 50%;margin-left: -40px;}
}

.mobile-block{display: inline-block; }
.block{display: block; }
/* seoul gnb */
.seoul-common-wrap{width:100%;background-color:#0d1e3a;}
.seoul-common-inner{margin:0 auto;max-width:1000px;width:100%;}


/** main **/
/* infor */
#infor {position:relative;}
#infor .title-wrap{height:140px;background:#f1f4fb ;}
#infor .title-wrap .title-inner{margin:0 auto;padding:55px 0 44px;max-width:1000px;width:100%;}
#infor .title-wrap .title-inner h2{float:left;padding-right: 34px;height: 42px;border-right: 2px solid #000;color:#000;vertical-align: baseline;letter-spacing:-2px;font-weight:bold;font-size:44px;line-height: 42px;}
#infor .title-wrap .title-inner span{display:inline-block;margin:0 0 0 34px;padding-left:0px; color:#fff;color: #333;font-size:20px;line-height: 42px;}
#infor:after{display:block;clear:both;content:"";}
#infor .infor-innner {position:relative;margin:0 auto;max-width:1000px;width:100%;}
#infor .infor-innner .infor-title{margin:0 auto;padding:55px 0 44px;max-width:1000px;width:100%;}
#infor .infor-innner .infor-title h2{float:left;padding-right: 34px;height: 42px;border-right: 2px solid #000;color:#333;vertical-align: baseline;letter-spacing:-2px;font-weight:bold;font-size:44px;line-height: 42px;}
#infor .infor-innner .infor-title span{display:inline-block;margin:0 0 0 34px;padding-left:15px; color:#fff;color: #333;font-size:18px;}
#infor .infor-sub-title .sub-title-wrap{position: relative; float: left; box-sizing: border-box;padding:90px 0 0 2%; width: 20%; height: 488px; background: url(../images/main/bg-main.png) repeat; }
#infor .infor-sub-title .sub-title-wrap:after{position: absolute; top: 50%;right: -22px; z-index: 10;display: inline-block; margin-top: -19px; width: 22px; height: 37px;background:url(../images/main/bg-arrow.png);content: "";}
#infor .infor-sub-title p{position: relative;color: #fff; font-size: 36px; }
#infor .infor-sub-title p:after{position: absolute; bottom: -30px; left: 0;display: block; width: 200px; height: 21px; background: url(../images/main/img-arrow.png) no-repeat bottom right; content: '';  }
#infor .infor-sub-title i{position: absolute; right:50px; bottom: 0; width: 117px; height: 100px ; background: url(../images/main/ico-about.png) no-repeat right top;content: ''; background-size: contain}
#infor .infor-content{float: left;box-sizing: border-box;width: 80%;height: 488px;}
#infor .infor-content li { position: relative;  float: left;width: 33.23%;height:244px;border-bottom: 1px solid #f1f4fb; border-left: 1px solid #f1f4fb;box-sizing: border-box;}
#infor .infor-content li a {overflow: hidden; height: 100%;display: block;}
#infor .infor-content li .infor-text-wrap .text-small{font-size:24px; letter-spacing:-1px; display: block; margin-right: 5px;}
#infor .infor-content li .infor-text-wrap .text-large{font-size:28px; letter-spacing:-1px; display: block; }
#infor .infor-content li .infor-text-wrap {position: absolute; left: 15%; top: 50%; transform: translate(-15%, -50%)}
#infor .infor-content li .img {position: absolute; left: 85%; top:50%; transform: translate(-85%, -50%);display: block; width: 140px; height: 140px; background: url(../images/main/icon-01.png) no-repeat ; background-size: contain;}
#infor .infor-content li .img.num02 {background-image: url(../images/main/icon-02.png) }
#infor .infor-content li .img.num03 {background-image: url(../images/main/icon-03.png) }
#infor .infor-content li .img.num04 {background-image: url(../images/main/icon-04.png) }
#infor .infor-content li .img.num05 {background-image: url(../images/main/icon-05.png) }
#infor .infor-content li .img.num06 {background-image: url(../images/main/icon-06.png) }

/* plan */
.main-content {background-color: #f1f4fb}
.main-content:after, .main-content .title-wrap .title-inner:after{display:block;clear:both;content:"";}
.main-content .title-wrap{height:140px;background:#f1f4fb ;}
.main-content .title-wrap .title-inner{margin:0 auto;padding:55px 0 44px;max-width:1000px;width:100%;}
.main-content .title-wrap .title-inner h2{float:left;padding-right: 34px;height: 42px;border-right: 2px solid #000;color:#000;vertical-align: baseline;letter-spacing:-2px;font-weight:bold;font-size:44px;line-height: 42px;}
.main-content .title-wrap .title-inner span{display:inline-block;margin:0 0 0 34px;padding-left:20px; color: #333;font-size:20px;line-height: 42px;letter-spacing: -0.025em}
.main-content .plan-sub-title .sub-title-wrap{position: relative; float: left; box-sizing: border-box;padding:90px 0 0 2% ; width: 20%; height: 488px;background: url(../images/main/bg-main.png) repeat; }
.main-content .plan-sub-title .sub-title-wrap:after{position: absolute; top: 50%;right: -22px; z-index: 10;display: inline-block; margin-top: -19px; width: 22px; height: 37px;background:url(../images/main/bg-arrow.png);content: "";}
.main-content .plan-sub-title p{position: relative;color: #fff; font-size: 36px; }
.main-content .plan-sub-title p:after{position: absolute; bottom: -30px; left: 0;display: block; width: 90%; max-width: 200px; height: 21px; background: url(../images/main/img-arrow.png) no-repeat right bottom; content: '';  }
.main-content .plan-sub-title i.icon {position: absolute; right:50px; bottom: 0; width: 136px; height: 115px ; background: url(../images/main/ico-smartcity.png) no-repeat right bottom;content: ''; background-size: contain}

.main-content .main-content-slide{overflow: hidden;width:80%; }
.main-content ul li{float:left;width:25%;height:488px;background-position:center top;background-size:cover;background-repeat:no-repeat;text-align:center;}

#plan ul li.plan-one{background-image:url(../images/main/new-pic-plan-menu1.jpg);}
#plan ul li.plan-two{background-image:url(../images/main/new-pic-plan-menu2.jpg);}
#plan ul li.plan-three{background-image:url(../images/main/new-pic-plan-menu3.jpg);}
#plan ul li.plan-four{background-image:url(../images/main/new-pic-plan-menu4.jpg);}
.main-content ul li span{display:block;text-align:center}
.main-content ul li a{display:block;width:auto;height:488px;text-shadow: 1px 3px 6px #000}
.main-content ul li span.plan-title-wrap{overflow:hidden;padding-top:100px;}
.main-content ul li span.txt-small{color:#fff;font-size:18px;}
.main-content ul li span.txt-large{margin-top:2px;color:#fff;font-size:30px;}
.main-content ul li span.txt-bar{display:inline-block;margin:25px 0px;width:35px;height:3px;background-color:#000000;}
.main-content ul li span.txt-number-box{display:inline-block;padding-top:7px;width:100px;height:100px;border-radius:50%;background-color:#e3ebfa;box-sizing: border-box;}
.main-content ul li span.txt-number-box .txt-red{display:inline-block;margin-top:-4px;color:#e10a0a;letter-spacing:-3px;font-weight:bold;font-size:50px;}
.main-content ul li span.txt-number-box .txt-black{display:block;margin-top:-10px;margin-left:2px;color:#000;font-size:12px;}
.main-content ul li span.plan-detail{display:none;}
.main-content ul li span.plan-detail .plan-detail-text{padding-top:140px;color:#fff;font-size:20px;line-height:30px;}
.main-content ul li span.plan-detail-bar{display:inline-block;margin-top:40px;width:70px;height:7px;background-color:#fff}

.main-content ul li span.img {display: inline-block;width: 125px;height: 125px;margin-top: 25px;background-image: url(../images/main/ico-infor.png);background-repeat: no-repeat;background-position: 0 0}
.main-content ul li span.img.num01 {background-position: 0 0}
.main-content ul li span.img.num02 {background-position: -125px 0}
.main-content ul li span.img.num03 {background-position: -250px 0}



/* */
#infor.main-content ul li span.plan-title-wrap {padding-top: 40px}
#infor.main-content ul li a {text-shadow: none;}
#infor.main-content ul li span.txt-large {color: #141d38}



.mobile-plan{padding:15px;}
.mobile-plan ul{position:relative;}
.mobile-plan ul li{position:absolute;top:0px;left:0px;z-index:11;}
.mobile-plan ul li span{display:block;text-align:center}
.mobile-plan ul li span.plan-title-wrap{position:absolute;top:0px;left:0px;z-index:1;}
.mobile-plan ul li span.mobile-plan-pic{position:absolute;top:0px;left:0px;z-index:2;}
/* sub-search */
.sub-search{display:none;float:right;width:170px;height:70px;border-right:1px solid rgba(80,101,131,0.6);border-left:1px solid rgba(80,101,131,0.6);background-color:rgba(38,56,81,0.5);}
body.sub .sub-search{display:block;}
.sub-search-inner{margin:20px 0px 0px 20px;width:100px;height:30px;border-top-left-radius:4px;border-bottom-left-radius:4px;background-color:#fff;}
.sub-search-inner input[type=text]{margin:3px 0px 0px 0px;padding:2px;width:90%;font-size:14px;}
.sub-search-btn{position:absolute;top:20px;right:20px;z-index:111;width:34px;height:30px;border-top-right-radius:4px;border-bottom-right-radius:4px;background-color:#e8e7e7;text-align:center}
.sub-search-btn a{width:34px;height:30px;color:#333;font-size:18px;}

/* sub content */
#sub-visual{display: none !important; position:relative;height:300px;background:url(../images/sub/pic-subvisual.jpg) center top;}
.sub-title{background-position: center; background-repeat:no-repeat; text-align:center;position: absolute; left: 50%; top: 63%; transform: translate(-50%, -60%); }
.sub-title h2{position: relative; display: inline-block; box-sizing: border-box; margin: 0 auto;color:#fff;font-weight:bold; font-size:45px;padding-left: 130px}
.sub-title h2:before{content:'';position:absolute; top: -30px;left: -20px; width: 125px;height: 125px;background:url(../images/sub/pic-sub-smart-title.png) center right no-repeat;}
.sub-content-inner .inner-wrap.shadow {margin-bottom: 0; box-shadow: none;}
/*
.sub-title h2.digital:before{content:'';position:absolute; top: -30px;left: -130px; width: 125px;height: 125px;background:url(../images/sub/pic-sub-digital-title.png) center right no-repeat;}
.sub-title h2.smart:before{content:'';position:absolute; top: -30px;left: -130px;width: 125px;height: 125px;background:url(../images/sub/pic-sub-smart-title.png) center right no-repeat;}
.sub-title h2.resource:before{content:'';position:absolute; top: -30px;left: -130px; width: 125px;height: 125px; background:url(../images/sub/pic-sub-resource-title.png) center right no-repeat;}
.sub-title.search h2:before{content:'';background-image:url(../images/sub/pic-sub-search-title.png);background-position: center 110px;}
*/

.sub-title span{display:inline-block;margin-top:0px;color:#fff;font-size:18px;}
#tab{ display:none; height:70px;background-color:#f9f9f9;text-align:center}
#tab a{display:inline-block;margin:0px 30px;color:#888888;font-size:18px;line-height:68px}
#tab a.active{color:#008bd0;}
#tab span.current_page_item a,#tab span.current-menu-ancestor a{color:#008bd0;}
#sub-content{position:relative;padding:120px 0 60px 0px;}
#sub-content.detail{position:relative;margin:0 auto;padding: 120px 0 40px 0px;max-width:1000px;width:100%;}
#sub-content.sub-infor{padding:120px 0px 60px 0px;}
#sub-content > h3{border-bottom:1px solid #97a4ae;color:#333;letter-spacing:-1px;font-size:46px;}
#sub-content > h3 span{display:inline-block;padding-bottom:5px;border-bottom:4px solid #97a4ae;}
.sub-content-tab{margin-top:40px;height:60px;border-top:1px solid #d0d0d0;border-bottom:1px solid #d0d0d0;background:#f9f9f9}
.sub-content-tab.count-2 li{width:50%;}
.sub-content-tab.count-4 li{width:25%;}
.sub-content-tab li{float:left;width:33.33333333333333%;text-align:center;line-height:58px}
.sub-content-tab li a{display:inline-block;overflow:hidden;padding:0px 0px 0px 7px;background:url(../images/sub/new-ul-depth1.gif) no-repeat 0px center;color:#666;text-overflow:ellipsis;white-space:nowrap;font-size:16px;-webkit-transition: none;-moz-transition: none;transition: none;}
.sub-content-tab li.current-menu-item a{padding:0px 0px 1px 7px;border-bottom:2px solid #a6a6a6;font-weight:bold;}
.sub-content-tab:after{display:block;clear:both;content:"";}
.sub-content-inner{position:relative;box-sizing: border-box;margin:0 auto;min-height:400px; max-width:1000px;width:100%;padding-bottom: 80px;}
.sub-content-inner.detail{margin:0px;padding:0px 25px;width:650px;}
.sub-content-inner:after{display:block;clear:both;content:"";}
.detail .sub-location,.sub-infor .sub-location{ margin: 0 auto; width: 100%; max-width: 1000px; text-align: right; color: #707070;}
.sub-content-inner .sub-location{text-align:right;color:#707070}
.detail .sub-location a,.sub-infor .sub-location a,.sub-content-inner .sub-location a{position: relative;margin-right: 16px;color:#707070;vertical-align: baseline;font-size:14px;line-height: 1;}
.detail .sub-location a:after,.sub-infor .sub-location a:after,.sub-content-inner .sub-location a:after{position: absolute;top: 4px;right: -12px;display: block;width:6px;height: 14px;background: url(../images/sub/icon-location.gif) no-repeat center center;content: '';}
.detail .sub-location a:last-child:after,.sub-infor .sub-location a:last-child:after,.sub-content-inner .sub-location a:last-child:after{display: none;}
.detail .sub-location a:last-child,.sub-infor .sub-location a:last-child,.sub-content-inner .sub-location a:last-child{margin-right:0}
.detail.resource_view .title_wrap+#post-contents{min-height:300px; padding: 30px 10px}
.sub-content-inner h3{display:block;margin:20px 0px 50px 0px;padding-bottom:20px;color:#454545;letter-spacing:-1px;font-size:27px;line-height:30px;}
.sub-content-inner h4{clear:both;margin-top:80px;padding-bottom:8px;margin-bottom: 40px; color:#333;font-size:28px;text-align: center; background: url(../images/sub/bg-con-sub-tit.png.png) no-repeat center bottom; font-weight: 600;}
.archive .sub-content-inner .inner-wrap h4 {background: none;border-bottom: 1px solid #97a4ae; text-align: left}
.archive .sub-content-inner .inner-wrap h4.title2 {margin: 20px 0;border-bottom: 0;box-shadow: inset 0 -12px #e1e9fa !important;display: inline-block;padding-bottom: 5px;line-height: 1;font-size:22px;}
.sub-board-content{position:relative;margin:0 auto;padding:50px 0 40px 0;max-width:1000px;width:100%;}

@media only screen and (max-width: 1024px) {
    #sub-content{background: #f1f4f6; padding-top: 150px;}
    #sub-content.detail,#sub-content.sub-infor{padding: 150px 0 20px}
/*    .header-inner nav>ul>li a:hover,.header-inner nav>ul>li:nth-child(1) a:hover span,.header-inner nav>ul>li:nth-child(2) a:hover span,.header-inner nav>ul>li:nth-child(3) a:hover span,.header-inner nav>ul>li a:hover span{display: none;}*/
}
@media only screen and (max-width: 641px) {
     #sub-content.detail,#sub-content.sub-infor{padding: 126px 0 20px}
    .sub-content-tab {overflow:hidden;margin-bottom:30px; height:auto; }
    .sub-content-tab li {width:100%; }
    .sub-content-tab li a{padding:0 7px; border-bottom:1px solid #d0d0d0; font-size:24px;}
    .sub-content-tab li.current-menu-item a{border-bottom:1px solid #d0d0d0;}
    .sub-content-tab.count-2 li{width:100%;}
    .sub-content-tab.count-4 li{width:100%;}    
}

/* sub social */
.social-list-wrap{position:relative;clear:both;margin-top:50px;border-bottom:1px solid #7f7f7f;}
.social-list-wrap:after{display:block;clear:both;content:"";}
.social-subject-wrap{width:1000px;height:70px;background:url(../images/sub/bg-social-year.gif) no-repeat 0px 0px;}
.social-subject{float:left;overflow:hidden;width:282px;height:34px;color:#666;text-align:center;font-size:14px;}
.social-subject span{display:block;margin-top:10px;padding-right:20px;}
.social-year-title{float:left;padding-top:30px;width:718px;height:38px;}
.social-year-title li{float:left;margin:-19px 0px 0px 0px;width:142px;color:#666;text-align:center;font-size:14px;}
.social-year-depth1{position:relative;padding-bottom:1px;width:100%;background:url(../images/sub/bg-social-patten-dot.gif) repeat-y 261px 0px;}
.social-year-depth1:after{display:block;clear:both;content:"";}
.social-year-depth1 li{position:relative;margin:0px 0px 20px 30px;width:186px;text-align:left;font-size:16px;line-height:19px}
.social-year-depth1 li a{display:inline-block;padding:12px 12px 12px 12px;width:186px;height:46px;border-radius:4px;background:#df225a;color:#fff;text-decoration: underline;}
.social-year-depth1 li a span.social-view{display:none;/* position:absolute;right:-10px;top:40px;font-size:12px;border-bottom:1px solid #fff; */}
.social-year-depth1 li a span.text-block{display:block;}
.social-year-depth2{position:absolute;top:0px;left:252px;z-index:1;width:718px;height:89px;background:url(../images/sub/bg-social-patten.gif) no-repeat 0px bottom;}
.social-year-depth2 li{float:left;margin:0px 13px 20px 0px;padding:12px 10px 0px 10px;height:58px;border-radius:4px;background:#a6a6a6;color:#fff;vertical-align:middle;text-align:center;font-size:14px;line-height:19px;;}
.social-year-depth2 li.w108{width:108px;}
.social-year-depth2 li.w111{width:111px;}
.social-year-depth2 li.w250{width:250px;}
.social-year-depth2 li.w392{width:391px;}
.social-year-depth2 li.w535{width:535px;}
.social-year-depth2 li.w675{width:675px;}
.social-year-depth2 li.m140{margin:0px 13px 20px 140px;}
.social-year-depth2 li span{display:none;}
#social-list-1,#social-list-2,#social-list-3{display:none;}
@media only screen and (max-width: 1024px) {    
    .social-year-depth1 li a span.text-block{display:inline;}
}

/* sub-inner title */
.sub-inner-title{position:relative;z-index:11;padding-top:20px;border-bottom:1px solid #97a4ae;}
.sub-inner-title:after{display:block;clear:both;content:"";}
.sub-inner-title h3{float:left;padding-bottom:20px;color:#333;letter-spacing:-2px;/*border-bottom:3px solid #97a4ae;*/font-weight:bold;font-size:44px;line-height:55px;margin: 0}
.sub-inner-title span.text{display:inline-block;margin:30px 0px 0px 15px;padding-left:15px;max-width:850px;border-left:1px solid #b2b2b2;color:#4e4e4e;vertical-align:middle;letter-spacing:-1px;font-size:18px;line-height:22px;}
.sub-inner-title.work{border-bottom:1px solid #97a4ae;}
.sub-inner-title.work h3{float:left;padding-bottom:20px;color:#333;letter-spacing:-2px;/*border-bottom:3px solid #97a4ae;*/font-weight:bold;font-size:44px;line-height:55px}
.sub-inner-title.work h3 span{display:block;}
.sub-inner-title.work span.work-text{display:inline-block;margin:25px 0px 0px 25px;padding-left:15px;max-width:600px;height:50px;border-left:1px solid #b2b2b2;color:#4e4e4e;vertical-align:middle;letter-spacing:-1px;font-size:18px;line-height:22px;}
.sub-inner-title.work span.work-text.other{width:580px;height:110px;}
.sub-content-inner.sub .sub-inner-title h3 {font-size: 27px;}
span.text-color{color:#618fdd;}
@media only screen and (max-width: 1024px) {
    .sub-inner-title.work h3{float:none;padding-bottom:0px;border-bottom:0px;font-size:44px;}
    .sub-inner-title.work h3 span{display:inline;}
    .sub-inner-title.work span.work-text.other{width:auto;height:auto;}
    .sub-inner-title.work span.work-text{margin:15px 0px 15px 0px;padding-left:0px;width:auto;height:auto;border-left:0px;}
}
@media only screen and (max-width: 641px) {
    .sub-inner-title{padding-top: 0}
    .sub-inner-title h3{float:none;}
    .sub-inner-title span.text{display:block;margin:10px 0px 0px 0px;padding-left:4px;border-left:0px;}
    .sub-content-inner h3{font-size:30px;padding-bottom: 0;}
    .sub-inner-title.work h3{padding-bottom:10px;font-size:30px;line-height:35px}
    .sub-inner-title.work span.work-text{margin:5px 0px 15px 0px;padding-left:0px;width:auto;border-left:0px;font-size:16px;}
}

/* sub-infor */
.sub-infor-pic{margin:50px 0px 100px 0px;text-align:center;}
.sub-infor-pic img{max-width:732px;width:100%;}
.sub-infor-element{position:relative;height:590px;background:#f9f9f9;}
.sub-infor-element:after{display:block;clear:both;content:"";}
.sub-infor-element .sub-infor-element-inner{position:absolute;top:-60px;left:50%;z-index:11;margin-left:-525px;max-width:1050px;width:100%;height:650px;background:url(../images/sub/bg-infor-line.png) no-repeat 129px top;}
.sub-infor-element .sub-infor-element-inner li{float:left;width:25%;}
.sub-infor-element .sub-infor-element-inner li dl{margin:180px 25px 0px 25px;text-align:center}
.sub-infor-element .sub-infor-element-inner li dl dt img{display:block;width:100%;}
.sub-infor-element .sub-infor-element-inner li dl dt h3{display:block;margin:20px 15px 0px 15px;padding-bottom:4px;border-bottom:1px solid #b0b0b0;color:#333;font-weight:bold;font-size:20px;}
.sub-infor-element .sub-infor-element-inner li dl dd{margin:18px 15px 0px 15px;color:#777;font-size:16px;line-height:20px;}


/* sub overview 2022-07-18 & common styles */
.overview-text {margin: 30px 0;font-size: 20px;}
ul.list-type-dot>li {position: relative;margin-bottom: 5px;padding-left: 16px !important;color: #333;font-size: 16px;}
ul.list-type-dot.square>li {padding-left: 10px !important}
ul.list-type-dot>li:before {content: '';position: absolute;top: 9px;left: 0;width: 6px;height: 6px;background-color: #333;border-radius: 50%;}
ul.list-type-dot.square>li:before {width: 3px;height: 3px;border-radius: 0;}
ul.list-type-dot.blue>li:before {background-color: #183766}
ul.list-type-dot.large>li:before {width: 5px;height: 5px;}

ul.text-padding>li {display: flex;}
ul.text-padding>li>span:first-child {flex-shrink: 0;margin-right: 8px;}
ul.list-type-circle>li {padding-left: 20px;text-indent: -20px;background: none  !important;}
.cont-imgbox {margin: 20px 0;text-align: center;}
.p-type1 {margin: 30px 0;font-size: 20px;}
.p-type2 {font-size: 20px;}
.align-left {text-align: left;}
.align-center {text-align: center;}
.align-right {text-align: right;}
.sub-content-inner {font-size: 20px;}
.pc-block {display: block}
.box-content {margin: 20px 0;padding: 15px 15px 15px 25px;background-color: #e1e9fa}
.small {font-size: 14px;}
.large {font-size: 20px;}
.text-blue {color: #007297} /* 4c70b6 */
.ml10 {margin-left: 10px !important;}
.indent15 {padding-left: 15px;text-indent: -15px;}
.indent20 {padding-left: 20px;text-indent: -20px;}
.pc-only {display: block}
.mobile-only {display: none}

/* new tab */
.tab-lists {margin: 20px 0;}
.tab-lists ul {display: flex;justify-content: space-between;margin: 0 -5px;}
.tab-lists ul li,
.tab-lists ul li {display: flex;align-items: center;margin: 10px 5px;flex: 1 1 auto;}
.tab-lists ul li a {display: flex;align-items: center;justify-content: center;width: 100%;height: 100%;padding: 20px 0;background-color: #fff;border: 1px solid #97a4ae;color: #333;font-size: 16px;font-weight: 700;text-align: center;}
.tab-lists ul li a:hover,
.tab-lists ul li a.on {background-color: #d80073;border: 1px solid #d80073;color: #fff;text-decoration: underline;}
.tab-cont {display: none;}

/* add content styles 2022-07-19 */
#post-contents .new-post-contents {font-size: 15px;line-height: 1.5}
#post-contents .new-post-contents ul li {margin-bottom: 5px;}
#post-contents .new-post-contents ul li ul {margin-top: 5px;}
#post-contents .new-post-contents h5 + p {margin: 0 0 10px;}
#post-contents .new-post-contents h6 {margin: 20px 0 10px;font-weight: 700;font-size: 16px;}
#post-contents .new-post-contents ul.list-type-circle {margin-left: 10px;}
#post-contents .new-post-contents ul.list-type-circle li ul li {text-indent: 0}
.new-post-contents h5{position: relative;margin:50px 0px 20px 0px;padding: 0 0 10px 10px;border-bottom: 1px solid #dddddd;color:#007297 !important;font-weight:bold;font-size:18px;}
.new-post-contents h5:before {content: '';position: absolute;top: 5px;left: 0;width: 2px;height: 18px;background-color: #007297}
.new-post-contents h5.black {color: #333 !important}
#post-contents .tab-lists ul {margin: 0 -5px}
#post-contents .tab-lists ul li {padding: 0;background: none;line-height: 1;}
#post-contents ul.list-type-dot>li {background: none;}

/* only images */
.imgs-wrap {display: flex;justify-content: space-between;margin: 20px -5px;}
.imgs-wrap-line {flex-wrap: wrap}
.imgs-wrap .imgs {display: flex;flex-direction: column;justify-content: center;margin: 0 5px;padding: 5px;border: 1px solid #ddd}
.imgs-wrap .imgs img {margin: 0 auto;}
.imgs-wrap .imgs p {display: flex;flex: 1 1 auto;align-items: center;justify-content: center;margin-top: 5px;text-align: center;}
.imgs-wrap-1st .imgs {margin: 0 auto;text-align: center;}
.imgs-wrap-2nd .imgs {width: 49%}
.imgs-wrap-noborder .imgs {border: 0}


@media (max-width: 1024px) {
	.overview-text {font-size: 18px}
	ul.list-type-dot>li {font-size: 15px;}
	ul.list-type-dot>li:before {top: 8px}
	.pc-block {display: inline}
	/* only images */
    .cont-imgbox img {width: 100%}
    .imgs-wrap .imgs {margin: 0}
	.imgs-wrap.imgs-wrap-4th .imgs {width: 24%;height: auto;}
}
@media (max-width: 767px) {
	/* only images */
	.imgs-wrap {flex-wrap: wrap;margin: 10px 0;}
    .imgs-wrap .imgs {width: 100%;margin: 5px auto;text-align: center;}
	.imgs-wrap.imgs-wrap-4th .imgs {width: 49%;height: auto;margin: 0 auto 5px;}
    /* tab list */
    .tab-lists ul {flex-wrap: wrap}
    .tab-lists ul li {width: calc(48% - 10px)}
    .pc-only {display: none}
    .mobile-only {display: block}
}


.vision-slogan {margin-top:47px; padding:47px 0 56px 0; text-align:center; background:url(../images/sub/bg-vision-slogan.jpg) center top no-repeat; background-size:cover; color:#000;}
.vision-slogan p.text1 {font-size:28px; font-weight:500;}
.vision-slogan p.text2 {font-size:46px;}
.vision-slogan p.text2 em {position:relative; font-weight:700; color:#1e6bc2;}
.vision-slogan p.text2 em:before, .vision-slogan p.text2 em:after {content:" "; position:absolute; z-index:3; bottom:8px; height:2px; overflow:hidden; background:#2174c7;}
.vision-slogan p.text2 em:before {left:5px; width:35px;}
.vision-slogan p.text2 em:after {right:0; width:321px;}
.vision-slogan p.text2 em span {position:relative; z-index:2;}
.vision-target{position:relative;margin:50px 0px}
.vision-target .earth-pic{width:100%;max-width:1000px;text-align:center}
.vision-target .earth-pic img{width:100%;max-width:482px;}
.vision-target .target-text{position:absolute;left:0px;top:0px;z-index:1;width:100%;max-width:1000px;}
.vision-target .target-text li{width:250px;position:absolute;z-index:2;font-size:14px;color:#fff;background:#e2386a;border-radius:4px;line-height:20px;text-align:center;padding:8px 10px;}
.vision-target .target-text li span{display:block}
.vision-target .target-text li.t1{left:0px;top:57px;}
.vision-target .target-text li.t2{left:0px;top:280px;}
.vision-target .target-text li.t3{right:0px;top:57px;}
.vision-target .target-text li.t4{right:0px;top:280px;}
.vision-summary {margin-top:12px; text-align:center; font-size:16px; font-weight:300;}

.vision-tactic{margin-top:50px;}
.vision-tactic > li{float:left;width:25%;}
.vision-tactic li div{position:relative;padding:0px 7px;}
.vision-tactic li div img{width:100%;}
.vision-tactic li div ul{overflow:hidden;background-color:#f9f9f9;height:160px;padding:10px 10px 25px 20px;}
.vision-tactic li div ul li{font-size:15px;color:#545454;margin:20px 0px;background:url(../images/sub/bg-vision-dot.gif) no-repeat 0px 9px;padding-left:9px;letter-spacing:-1px}
.vision-tactic li div .tactic-text{display:table;width:100%;height:154px;position:absolute;left:0px;top:0px;z-index:1;text-align:center;font-size:23px;color:#fff;}
.vision-tactic li div .tactic-text p{display:table-cell;vertical-align:middle;}
.vision-tactic li div .tactic-text p span{display:block;font-size:32px;font-weight:bold;line-height:33px;margin-top:10px;}

.vision-pic img{width:100%;max-width:1000px;}

.vision-info{margin-top:50px;overflow:hidden}
.vision-info li{float:left;width:25%;text-align:center}
.vision-info-wrap{padding:0px 15px;}
.vision-info li .info-title-wrap{display:table;margin:0 auto;width:190px;}
.vision-info li .info-title-wrap .title{display:table-cell;vertical-align:middle;width:190px;height:190px;border-radius:100px;font-size:30px;line-height:30px;text-align:center;font-weight:bold;letter-spacing:-1px;}
.vision-info li .info-title-wrap .title span{display:block;}
.vision-info li .info-list{margin-top:15px;font-size:16px;font-weight:bold;color:#000;}
.vision-info li .info-list dt{position:relative;padding:5px 5px 20px 5px;letter-spacing:-1px}
.vision-info li .info-list dt span{display:inline-block;position:absolute;left:0px;bottom:0px;z-index:1;}
.vision-info li .info-list dt span.bar{height:7px;background:#e8e5dd;width:100%;}
.vision-info li .info-list dt span.bar span.bar-color{width:60%;z-index:2;height:7px;}
.vision-info li .info-list dd{border-bottom:1px solid #ececec;padding:20px 10px;line-height:16px;font-size:14px;}
.vision-info li .info-list dd span{display:block;}
.vision-info li .info-list dd:last-child{border-bottom:0px;}
.color1{background:#ffcc2f;}
.color2{background:#263158;}
.color3{background:#b7d1e2;}
.color4{background:#06a27f;}
.font-black,.font-black a{color:#000;}
.font-white,.font-white a{color:#fff;}   
.work-list-wrap{margin-top:50px;}
.work-list-wrap:after{display:block;clear:both;content:"";}
.work-list-wrap > li{float:left;width:25%;}
.work-list-wrap .work-list-inner{padding:0px 15px;}
.work-list-wrap .work-list-title{display:table;min-height:100px;width:100%;background-position:12px center;background-repeat:no-repeat;}
.work-list-wrap .work-list-title .work-list-text{display:table-cell;padding:0px 10px 0px 85px;vertical-align:middle;letter-spacing:-1px;font-weight:bold;font-size:20px;line-height:20px;}
.work-list-wrap .work-list-title.bg1{background-image:url(../images/sub/icon-vision1.jpg);}
.work-list-wrap .work-list-title.bg2{background-image:url(../images/sub/icon-vision2.jpg);}
.work-list-wrap .work-list-title.bg3{background-image:url(../images/sub/icon-vision3.jpg);}
.work-list-wrap .work-list-title.bg4{background-image:url(../images/sub/icon-vision4.jpg);}
.work-list-wrap .work-list-info{padding:0px 10px 10px 10px;background:#ebebea}
.work-list-wrap .work-list-info > li{padding:10px 0px 0px 4px;font-size:14px;line-height:19px;}
.work-list-wrap .work-list-info li a{position:relative;display:block;padding-right:30px;color:#333;}
.work-list-wrap .work-list-info li a span{position:absolute;top:50%;right:0px;z-index:1;margin-top:-12px;width:24px;height:24px;background:url(../images/sub/btn-vision-plus.gif) no-repeat;}
.work-list-wrap .work-list-info li ul{margin-top:10px;padding:5px;background:#fff}
.work-list-wrap .work-list-info li ul li{padding-left:5px;background:url(../images/sub/dot-vision.gif) no-repeat 0px 9px;color:#333;font-size:12px;line-height:18px;}

.misson-wrap{display: flex;flex-wrap: wrap;justify-content: space-between;overflow:hidden;margin:40px 0px;}
.misson-wrap * {box-sizing: border-box;}
.misson-wrap li{display: flex;width:25%;text-align:center}
.misson-wrap li .misson-list-inner{display: flex;flex-direction:column;align-items:center;width: 100%;padding:10px;}
.misson-wrap li .misson-list-pic{display: flex;width: 100%;border:1px solid #ebebea;border-width:1px 1px 0px 1px;}
.misson-wrap li .misson-list-pic img{width:100%;}
.misson-wrap li .misson-list-info{display: flex;flex: 1 1 auto;align-items: center;justify-content: center;width:100%;padding: 5px 0;border:1px solid #f2f2f2;background:#f2f2f2;}
.misson-wrap li .misson-list-info .text{display:table-cell;padding:5px 10px;color:#333;vertical-align:middle;letter-spacing:-1px;font-weight:bold;font-size:18px;line-height:1.2;}
.misson-wrap li .misson-list-info .text.small{font-size:16px;}

/* sub smart-vision(비전) */
.smart-vision .vision-text {font-size: 20px; line-height: 1.5; text-align: center; margin-bottom: 40px; color:#767676}
.smart-vision .vision-text .text-blue{color:#008bd0}
.smart-vision .vision-pic-wrap {position: relative; box-sizing: border-box;}
.smart-vision .vision-pic-wrap img{width: 100%;}
.smart-vision .vision-pic-wrap .vision-pic-text {position: absolute;width: 100%; bottom: 0; padding:30px; display: block;background: rgba(255,255,255,.8) ; font-size: 13px;}
.smart-vision .vision-infor {width:100%; overflow: hidden}
.smart-vision .vision-infor li {overflow: hidden; margin-bottom: 20px}
.smart-vision .vision-infor li:last-child{margin-bottom: 0}
.smart-vision .vision-infor .vision-info-wrap {position: relative;}
.smart-vision .vision-infor .info-title-wrap{display:block;overflow:hidden;width: 184px;height: 184px;float: left;clear: both;margin-right: 20px;}
.smart-vision .vision-infor .info-title-wrap .title{position: relative; border-radius: 100%; }
.smart-vision .vision-infor .info-title-wrap .title{position: relative; text-align: center;height: 100%; width:100%}
.smart-vision .vision-infor .info-title-wrap .title.num01{background:#e1e9fa url(../images/sub/icon-vision01.png) center 28px no-repeat;}
.smart-vision .vision-infor .info-title-wrap .title.num02{background:#dddde0 url(../images/sub/icon-vision02.png) center 28px no-repeat;}
.smart-vision .vision-infor .info-title-wrap .title.num03{background:#e1e9fa url(../images/sub/icon-vision03.png) center 34px no-repeat;}
.smart-vision .vision-infor .info-title-wrap .title.num04{background:#dddde0 url(../images/sub/icon-vision04.png) center 32px no-repeat;}
.smart-vision .vision-infor .info-title-wrap .title.num05{background:#e1e9fa url(../images/sub/icon-vision05.png) center 32px no-repeat;}
.smart-vision .vision-infor .info-title-wrap .title span.text {display: block; font-size: 20px; line-height: 22px; padding-top: 108px; font-weight: 600;}
.smart-vision .vision-infor .info-title-wrap .title.num03 span.text,.vision-info .info-title-wrap .title.num04 span.text {padding-top: 122px}
.smart-vision .vision-infor .info-list {overflow: hidden;line-height: 1;display: block;position: absolute;left: 205px;top: 34px;width: calc(100% - 205px)}
.smart-vision .vision-infor .info-list dt {line-height: 1.2; font-size: 17px;font-weight: 600;padding-bottom: 15px;border-bottom: 2px solid #f1f4f6;margin-bottom: 25px;padding-left: 22px;}
.smart-vision .vision-infor .info-list .arrow {margin: 0 10px; color:#d80073}
.smart-vision .vision-infor .info-list .text-blue {color:#008bd0}
.smart-vision .vision-infor .info-list dd {font-size: 15px;position: relative;line-height: 1.5;color: #767676;font-weight: 500;padding: 0 22px 0 37px;}
.smart-vision .vision-infor .info-list dd:before{position: absolute;content: '';width:4px;height: 4px;left: 22px;top: 8px;background: #333;}



/*Stategy 2022-07-27 수정*/

.smart-strategy .strategy-infor {display: flex;flex-wrap: wrap;flex-direction:column;width:100%; margin-top: 60px;}
.smart-strategy .strategy-infor>li {width: 100%;overflow: hidden; margin-bottom: 30px;border: 2px solid transparent;}
.smart-strategy .strategy-infor>li:last-child{margin-bottom: 0}
.smart-strategy .strategy-infor .strategy-info-wrap {display: flex;position: relative;}
.smart-strategy .strategy-infor .strategy-title-wrap{display: flex;flex-direction:column;overflow:hidden;flex-shrink: 0;width: 22%;margin-right: 2%;}
.smart-strategy .strategy-infor .strategy-title-wrap .title{position: relative; text-align: center;width: 100%;display: flex;align-items: center;justify-content: center;flex: 1 1 auto;}

.smart-strategy .strategy-infor .strategy-title-wrap .title.num01{background:#e1e9fa url(../images/sub/icon-strategy01.png) center 28px no-repeat;}
.smart-strategy .strategy-infor .strategy-title-wrap .title.num02{background:#dddde0 url(../images/sub/icon-strategy02.png) center 28px no-repeat;}
.smart-strategy .strategy-infor .strategy-title-wrap .title.num03{background:#e1e9fa url(../images/sub/icon-strategy03.png) center 30px no-repeat;}
.smart-strategy .strategy-infor .strategy-title-wrap .title.num04{background:#dddde0 url(../images/sub/icon-strategy04.png) center 32px no-repeat;}
.smart-strategy .strategy-infor .strategy-title-wrap .title.num05{background:#e1e9fa url(../images/sub/icon-strategy05.png) center 32px no-repeat;}
.smart-strategy .strategy-infor .strategy-title-wrap .title span.text {display: block; font-size: 18px; line-height: 1.2;font-weight: 600; padding-top: 115px;padding-bottom: 20px;}
.smart-strategy .strategy-infor .strategy-list {display: flex;flex-direction: column;justify-content: center;line-height: 1;padding: 10px 0;}
.smart-strategy .strategy-infor .strategy-list dt {line-height: 1.2; font-size: 20px;font-weight: 600;padding-bottom: 15px;border-bottom: 2px solid #f1f4f6;margin-bottom: 15px;padding-left: 22px;}
.smart-strategy .strategy-infor .strategy-list .arrow {margin: 0 10px; color:#d80073}
.smart-strategy .strategy-infor .strategy-list .text-blue {color:#008bd0}
.smart-strategy .strategy-infor .strategy-list dd {font-size: 15px;position: relative;line-height: 1.5;color: #767676;font-weight: 500;padding: 0 22px 0 37px;}
.smart-strategy .strategy-infor .strategy-list dd:before{content: '';position: absolute;width:4px;height: 4px;left: 22px;top: 8px;background: #747474;}
.smart-strategy .strategy-infor .strategy-list dd.cont {padding-left: 19px;margin-bottom: 10px;font-weight: 700;color: #333;}
.smart-strategy .strategy-infor .strategy-list dd.cont:before {display: none;}

.smart-strategy .strategy-infor>li.on {border: 2px solid #008bd0;box-shadow: 3px 5px 5px #ccc;background-color: #fff;}
.smart-strategy .strategy-infor>li.on dt {color: #008bd0}

/*policy-tasks*/
.sub-content-inner.smart-tasks {padding-bottom: 0;}
.smart-tasks .tab-wrap {margin:60px 0 80px;overflow: hidden;}
.smart-tasks .tab-wrap .tab.active {background:#d80073;border-color:#d80073;}
.smart-tasks .tab-wrap .tab {width: 15%;margin-right:2%;float:left;box-sizing: border-box;border:1px solid #97a4ae;overflow: hidden;padding: 13px 0;}
.smart-tasks .tab-wrap .tab:last-child{margin-right:0;}
.smart-tasks .tab-wrap .tab i.icon-tab {width: 100%;content: '';height: 97px;display: block;margin-bottom: 6px;}
.smart-tasks .tab-wrap .tab i.icon-tab.tab01 {background: url(/wp-content/themes/seoul_digital/page-templates/eng_new/images/sub/icon-tab01.png) center no-repeat;}
.smart-tasks .tab-wrap .tab i.icon-tab.tab02 {background: url(/wp-content/themes/seoul_digital/page-templates/eng_new/images/sub/icon-tab02.png) center no-repeat;}
.smart-tasks .tab-wrap .tab i.icon-tab.tab03 {background: url(/wp-content/themes/seoul_digital/page-templates/eng_new/images/sub/icon-tab03.png) center no-repeat;}
.smart-tasks .tab-wrap .tab i.icon-tab.tab04 {background: url(/wp-content/themes/seoul_digital/page-templates/eng_new/images/sub/icon-tab04.png) center no-repeat;}
.smart-tasks .tab-wrap .tab i.icon-tab.tab05 {background: url(/wp-content/themes/seoul_digital/page-templates/eng_new/images/sub/icon-tab05.png) center no-repeat;}
.smart-tasks .tab-wrap .tab i.icon-tab.tab06 {background: url(/wp-content/themes/seoul_digital/page-templates/eng_new/images/sub/icon-tab06.png) center no-repeat;}
.smart-tasks .tab-wrap .tab.active i.icon-tab.tab01 {background: url(/wp-content/themes/seoul_digital/page-templates/eng_new/images/sub/icon-tab01-on.png) center no-repeat;}
.smart-tasks .tab-wrap .tab.active i.icon-tab.tab02 {background: url(/wp-content/themes/seoul_digital/page-templates/eng_new/images/sub/icon-tab02-on.png) center no-repeat;}
.smart-tasks .tab-wrap .tab.active i.icon-tab.tab03 {background: url(/wp-content/themes/seoul_digital/page-templates/eng_new/images/sub/icon-tab03-on.png) center no-repeat;}
.smart-tasks .tab-wrap .tab.active i.icon-tab.tab04 {background: url(/wp-content/themes/seoul_digital/page-templates/eng_new/images/sub/icon-tab04-on.png) center no-repeat;}
.smart-tasks .tab-wrap .tab.active i.icon-tab.tab05 {background: url(/wp-content/themes/seoul_digital/page-templates/eng_new/images/sub/icon-tab05-on.png) center no-repeat;}
.smart-tasks .tab-wrap .tab.active i.icon-tab.tab06 {background: url(/wp-content/themes/seoul_digital/page-templates/eng_new/images/sub/icon-tab06-on.png) center no-repeat;}
.smart-tasks .tab-wrap .tab .text {text-align: center;display: block;font-weight: 600;color: #666;font-size: 14px;}
.smart-tasks .tab-wrap .tab.active .text {color:#fff;}

.smart-tasks .performance-infor, .smart-tasks .policy-tasks{overflow: hidden;}
.smart-tasks .performance-infor .box {width:32%; margin-right: 2%; float: left; background: #f3f3f4; box-sizing: border-box;height: 240px; }
.smart-tasks .performance-infor .box.box03{ background: #b8c6e6 url(/wp-content/themes/seoul_digital/page-templates/eng_new/images/sub/icon-tasks.png) no-repeat;margin-right: 0; position: relative;background-position: 145px 67px; }
.smart-tasks .performance-infor .box.box03 a {display: block; overflow: hidden; padding: 30px 30px 40px 30px; box-sizing: border-box;}
.smart-tasks .performance-infor .box.box03 .text-wrap{ display: block; box-sizing: border-box; width: 100%; height: 100%; position: absolute; background:url(/wp-content/themes/seoul_digital/page-templates/eng_new/images/sub/bg-tasks.png) 0 16px no-repeat; }
.smart-tasks .performance-infor .box.box03 .text-wrap  .tit{font-size: 20px;font-weight: 600;color:#333;display: block;}
.smart-tasks .performance-infor .box.box03 .text-wrap  span.more {color: #fff;position: relative;display: inline-block;margin-top: 10px;clear: left;}
.smart-tasks .performance-infor .box.box03 .text-wrap  .more .icon-more{display: block;background: url(/wp-content/themes/seoul_digital/page-templates/eng_new/images/sub/icon-task-arrow.png) center no-repeat;width: 4px;height: 6px;position: absolute;right: -10px;bottom: 4px;}
.smart-tasks .performance-infor .box .icon-wrap { box-sizing: border-box; padding: 19px 19px 0 19px;}
.smart-tasks .performance-infor .box .icon-wrap .text {color: #767676;}
.smart-tasks .performance-infor .box .icon-wrap .icon {width: 100%; display: block; content: ''; height: 116px ; margin: 19px 0 23px}
.smart-tasks .performance-infor .box > .text {display: block; font-size: 16px; margin-bottom: 35px; text-align: center;font-weight: 600; line-height: 1;}
.smart-tasks .policy-tasks .box {width:32%; margin-right: 2%; float: left; box-sizing: border-box;}
.smart-tasks .policy-tasks .box.box03{margin-right: 0;}
.smart-tasks .policy-tasks .box .title {color: #333; text-align: center; line-height: 1; padding-bottom: 30px; border-bottom: 1px solid #e7e7e7; font-size: 17px; font-weight: 600;}
.smart-tasks .policy-tasks .box .title .num {color: #767676; display: block; text-align: center;margin-bottom: 9px ;font-size: 20px}
.smart-tasks .policy-tasks .box .list {padding: 30px 10px;}
.smart-tasks .policy-tasks .box .list li {position: relative;line-height: 1.5;color: #767676;font-weight: 500;padding-left: 11px;margin-bottom:8px; font-size: 15px; }
.smart-tasks .policy-tasks .box .list li:before{position: absolute;content: '';width:4px;height: 4px;left: 0;top: 9px;background: #333;}


.sub-content-inner.smart-tasks.transport .performance-infor .box.box01 .icon{background:url(/wp-content/themes/seoul_digital/page-templates/eng_new/images/sub/icon-transport01.png) center no-repeat;}
.sub-content-inner.smart-tasks.transport .performance-infor .box.box02 .icon{background:url(/wp-content/themes/seoul_digital/page-templates/eng_new/images/sub/icon-transport02.png) center no-repeat;}
.sub-content-inner.smart-tasks.safety .performance-infor .box.box01 .icon{background:url(/wp-content/themes/seoul_digital/page-templates/eng_new/images/sub/icon-safety01.png) center no-repeat;}
.sub-content-inner.smart-tasks.safety .performance-infor .box.box02 .icon{background:url(/wp-content/themes/seoul_digital/page-templates/eng_new/images/sub/icon-safety02.png) center no-repeat;}
.sub-content-inner.smart-tasks.envir .performance-infor .box.box01 .icon{background:url(/wp-content/themes/seoul_digital/page-templates/eng_new/images/sub/icon-envir01.png) center no-repeat;}
.sub-content-inner.smart-tasks.envir .performance-infor .box.box02 .icon{background:url(/wp-content/themes/seoul_digital/page-templates/eng_new/images/sub/icon-envir02.png) center no-repeat;}
.sub-content-inner.smart-tasks.welfare .performance-infor .box.box01 .icon{background:url(/wp-content/themes/seoul_digital/page-templates/eng_new/images/sub/icon-welfare01.png) center no-repeat;}
.sub-content-inner.smart-tasks.welfare .performance-infor .box.box02 .icon{background:url(/wp-content/themes/seoul_digital/page-templates/eng_new/images/sub/icon-welfare02.png) center no-repeat;}
.sub-content-inner.smart-tasks.economy .performance-infor .box.box01 .icon{background:url(/wp-content/themes/seoul_digital/page-templates/eng_new/images/sub/icon-economy01.png) center no-repeat;}
.sub-content-inner.smart-tasks.economy .performance-infor .box.box02 .icon{background:url(/wp-content/themes/seoul_digital/page-templates/eng_new/images/sub/icon-economy02.png) center no-repeat;}
.sub-content-inner.smart-tasks.admin .performance-infor .box.box01 .icon{background:url(/wp-content/themes/seoul_digital/page-templates/eng_new/images/sub/icon-admin01.png) center no-repeat;}
.sub-content-inner.smart-tasks.admin .performance-infor .box.box02 .icon{background:url(/wp-content/themes/seoul_digital/page-templates/eng_new/images/sub/icon-admin02.png) center no-repeat;}

.task-slide {padding-bottom: 50px;position: relative;overflow: visible;margin: 50px 0}
.task-slide:after {width: 200%;height: 95%;position: absolute;bottom: -7%;background: #f1f4fb;content: '';display: block;left: -50%;z-index: -1;}
.task-slide .bx-controls.bx-has-pager.bx-has-controls-direction{position: absolute; width: 100%; box-sizing: border-box; top:50%; margin-top:20px;}
.task-slide .bx-controls-direction{display: block; position: absolute; bottom: -50px;left:0; width: 100%;}
.task-slide .bx-controls .bx-controls-direction a.bx-prev{float:left;width:40px; height: 40px; border-radius: 100%; text-indent: -9999px;font-size:0;display: block; background: #272a39 url(/wp-content/themes/seoul_digital/page-templates/eng_new/images/sub/slide-arrow.png) 48% center no-repeat;}
.task-slide .bx-controls .bx-controls-direction a.bx-next{float:right;width:40px; height: 40px; border-radius: 100%; text-indent: -9999px;font-size:0;display: block; background: #272a39 url(/wp-content/themes/seoul_digital/page-templates/eng_new/images/sub/slide-arrow.png) 48% center no-repeat; transform:rotate(-180deg);}
.task-slide  .bx-wrapper .bx-pager {display: none;}
.task-slide .bx-wrapper img {margin: 0 auto}
.smart-tasks.envir .policy-tasks .box.box01 .title,.smart-tasks.welfare .policy-tasks .box.box02 .title,
.smart-tasks.welfare .policy-tasks .box.box03 .title,.smart-tasks.economy .policy-tasks .box.box01 .title,
.smart-tasks.economy .policy-tasks .box.box03 .title {padding-bottom: 46px}

.sub-content-inner.smart-tasks.transport .policy-tasks .list {height: 268px;}
.sub-content-inner.smart-tasks.safety .policy-tasks .list {height: 224px;}
.sub-content-inner.smart-tasks.envir .policy-tasks .list {height: 268px;}
.sub-content-inner.smart-tasks.welfare .policy-tasks .list {height: 246px;}
.sub-content-inner.smart-tasks.economy .policy-tasks .list {height: 194px;}
.sub-content-inner.smart-tasks.admin .policy-tasks .list {height: 216px;}

/*gov*/

.implementation-infor {box-sizing: border-box;margin-bottom: 80px;}
.implementation-infor:after {display: block; content: ''; clear: both}
.implementation-infor .infor-box {width: 280px;float: left;box-sizing: border-box;}
.implementation-infor .arrow {width: 80px;float: left;margin-top: 115px;text-align: center;color: #666;}
.implementation-infor h6.title {font-size: 18px;text-align: center;font-weight: 600;padding: 22px;background: #dddde0;}
.implementation-infor ul.list {padding: 30px;border: 1px solid #dddde0;border-top: 0;min-height: 218px;}
.implementation-infor .text-blue {color: #1e98d6;font-size: 14px;margin-top: 5px;width: 236px;line-height: 1.5;text-align: center;position: absolute;box-sizing: border-box;bottom: -10px;z-index: 2; left:20px}
.implementation-infor .infor-box.box02 h6.title {position: relative;background: #e1e9fa;overflow: visible;}
.implementation-infor .infor-box.box02 {position: relative;}
.implementation-infor .infor-box.box02 h6:after {position: absolute;content: '';top: 100%;left: 0;border-top: 30px solid #e1e9fa;border-left: 140px solid transparent;border-right: 140px solid transparent;z-index: 1;}
.implementation-infor .infor-box .list li {position: relative;line-height: 1.5;color: #767676;font-weight: 500;padding-left: 11px;margin-bottom:8px; font-size: 13px;}
.implementation-infor .infor-box .list li:before{position: absolute;content: '';width:4px;height: 4px;left: 0;top: 9px;background: #333;}
.implementation-infor .infor-box .list li ul li{padding-left:0;margin-bottom: 0;}
.implementation-infor .infor-box .list li ul li:before{display: none}
.implementation-infor .infor-box.box02 .list {padding-top:50px}
.implementation-infor i.icon-arrow {display: block; height: 32px; width: 100%; margin-bottom: 17px;  background: url(/wp-content/themes/seoul_digital/page-templates/eng_new/images/sub/icon-arrow.png) center no-repeat;}
.implementation-infor i.icon-arrow.rotate {transform: rotate(180deg)}

.gover-infor {box-sizing: border-box;margin-bottom: 20px;overflow: hidden;}
.gover-infor:after {display: block; content: ''; clear: both; }
.gover-infor .infor-box {width: 18.4%;margin-right: 2%;float: left;box-sizing: border-box;position: relative;min-height: 416px;}
.gover-infor h6.title {font-size: 18px;text-align: center;font-weight: 600;padding: 22px;background: #e1e9fa; border-radius: 10px;}
.gover-infor .infor-box.box05{margin-right: 0}
.gover-infor .infor-box.box05 h6.title {padding: 13px; line-height: 1.2;}
.gover-infor ul.list {margin-top:35px;padding: 20px 14px 10px 16px;background: #f3f3f4;position: relative; min-height: 172px;}
.gover-infor ul.list:before {content: '';display: block;position: absolute;top: -25px;left: 50%;width: 10px;height: 36px;margin-left: -5px;background: url(/wp-content/themes/seoul_digital/page-templates/eng_new/images/sub/gover-circle.png) no-repeat;}
.gover-infor .infor-box.box03 ul.list,.gover-infor .infor-box.box04 ul.list {min-height:313px}
.gover-infor .infor-box .bottom {position: relative;margin-top: 10px; padding: 28px;color:#333; background: #f3f3f4; text-align: center;width:100%;line-height: 1.1;font-weight: 900;font-size: 14px;bottom: 0;height: 132px;display: table; }
.gover-infor .infor-box .bottom span{display: table-cell; vertical-align: middle;}
.gover-infor .infor-box .bottom:before { content: ''; display: block;left:0;background: url(/wp-content/themes/seoul_digital/page-templates/eng_new/images/sub/gover-arrow.png) center bottom no-repeat; height: 18px; top: -10px; position: absolute; width: 100%; background-size:contain;}
.gover-infor .text-blue {color: #1e98d6;font-size: 14px;margin-top: 5px;width: 236px;line-height: 1.5;text-align: center;position: absolute;box-sizing: border-box;bottom: -10px;}
.gover-infor .infor-box .list li {position: relative;line-height: 1.5;color: #767676;font-weight: 500;padding-left: 11px;margin-bottom:8px;font-size: 13px;}
.gover-infor .infor-box .list li:before{position: absolute;content: '';width:4px;height: 4px;left: 0;top: 9px;background: #333;letter-spacing: -.5px;}
.gover-infor .infor-box .list li ul li{padding-left:0;margin-bottom: 0;}
.gover-infor .infor-box .list li ul li span{display: block; margin-left: 10px;}
.gover-infor .infor-box .list li ul li:before{display: none}

.base-tit {color: #666;font-size: 20px;text-align: center;margin-bottom: 37px;letter-spacing: -.5px;line-height: 1;padding-top:50px;}
.base-tit h5 {position: relative;display: inline-block;padding-right: 25px;overflow: visible;}
.base-tit h5:after{content: '';width: 1px;height: 15px;background: #97a4ae;top: 4px;right: 5px;display: block;position: absolute;}
.base-tit p {display: inline-block;}
.base-tit .text-blue {color: #1e98d6;}
.base-infor{overflow: hidden;padding-bottom: 40px}
.base-infor .base-box{width:23.8%; margin-right: 1.6%; float:left;}
.base-infor .base-box.box04{margin-right: 0}
.base-infor .base-box .pic{padding: 20px 0; text-align: center; background: #fff; margin-bottom: 30px;}
.base-infor .base-box .text{text-align: center; font-size: 14px ; color: #666;font-size: 15px;}
.base-infor .base-box .pic span{display: block;margin: 0 auto; text-align: center; width: 130px;height: 130px;border-radius: 100%;background: #f3f3f4;box-sizing: border-box;padding-top: 88px;font-size: 17px;font-weight: 600;position: relative;}
.base-infor .base-box.box01 .pic span:before { position: absolute; width: 52px;left:50%; margin-left:-26px;  bottom: 51px; content: ''; height: 59px; background: url(/wp-content/themes/seoul_digital/page-templates/eng_new/images/sub/icon-gov01.png) no-repeat;}
.base-infor .base-box.box02 .pic span:before { position: absolute; width:60px; left:50%; margin-left:-30px; bottom: 51px; content: ''; height: 58px; background: url(/wp-content/themes/seoul_digital/page-templates/eng_new/images/sub/icon-gov02.png) no-repeat;}
.base-infor .base-box.box03 .pic span:before { position: absolute; width: 59px;left:50%; margin-left:-30px;  bottom: 51px; content: ''; height: 58px; background: url(/wp-content/themes/seoul_digital/page-templates/eng_new/images/sub/icon-gov03.png) no-repeat;}
.base-infor .base-box.box04 .pic span:before { position: absolute; width: 62px;left:50%; margin-left:-31px;  bottom: 51px; content: ''; height: 57px; background: url(/wp-content/themes/seoul_digital/page-templates/eng_new/images/sub/icon-gov04.png) no-repeat;}
.smart-governance .inner-wrap.bg {position: relative;overflow: visible}
.smart-governance .inner-wrap.bg:after {width: 200%;height: 100%;position: absolute;bottom: 0;background: #f1f4fb;content: '';display: block;left: -50%;z-index: -1;}
.sub-content-inner.smart-governance{padding-bottom: 0}
/*future*/

.smart-future .future-pic-wrap {position: relative;overflow: hidden;}
.smart-future .future-pic-wrap img.pc {display: block;}
.smart-future .future-pic-wrap img.mo {display: none;}
.smart-future .tit-wrap {background: url(../images/sub/bg-future.png) bottom center no-repeat; overflow: hidden; padding-bottom: 20px; font-size: 24px;margin-bottom: 23px;}
.smart-future .text-box {position: absolute; top: 70px; left: 0; width: 100%; color: #fff;text-align: center;}
.smart-future .text-wrap {font-size: 15px;line-height: 1.5;}
.smart-future .tit-wrap .tit-bold {font-weight: 600;}
.smart-future .text-wrap .text-color {color: #8fcfff;}
@media screen and (max-width: 1023px) {
        .header-inner nav ul li ul{display: none}
    .sub-content-inner.smart-tasks .inner-wrap.shadow {padding: 30px 0}
    .sub-content-inner.smart-tasks .inner-wrap.shadow .sub-inner-title{padding: 0 30px; border-bottom: 0}
    .sub-content-inner.smart-tasks .inner-wrap.shadow .sub-inner-title h3{border-bottom: 1px solid #97a4ae}
    .smart-tasks .tab-wrap{padding-left: 30px; padding-right: 30px}
    .smart-tasks .performance-infor .box.box03{background-position: 93% 68%;}
    .smart-tasks .performance-infor .box.box03 .text-wrap{width:90%}
    .smart-tasks .performance-infor .box.box03 a{padding: 11% 8%}
    
}/*@media screen and (max-width: )*/
@media only screen and (max-width: 840px) { 
    .vision-info li{width:50%;padding-bottom:40px;height:550px;} 
    .smart-vision .vision-infor .info-title-wrap{position: static;margin: 0 auto;display: block;float: none;}
    .smart-vision .vision-infor .info-list {position: static;width: 100%;margin-top: 20px;display: block;}
    .smart-vision .vision-infor .info-list dt {text-align: center; line-height: 1.5; padding-left: 0}
    .smart-vision .vision-infor .info-list .arrow{margin: 0 ;}
    .smart-vision .vision-infor .info-list dt .text-blue{display: block; }
    .smart-vision .vision-infor li{margin-bottom: 30px;}
    .smart-vision .vision-infor .info-list dd {}
    .work-list-wrap > li{float:left;margin-bottom:30px;width:100%;} 
    .misson-wrap li{width:33.33333%;}
    #sub-content .smart-vision-new .vision-infor .info-title-wrap {width: 100%;height: auto;}
    #sub-content .smart-vision-new .vision-infor .info-title-wrap .title {padding: 10px 0}
    
    .smart-future .future-pic-wrap img.pc {display: none;}
    .smart-future .future-pic-wrap img.mo {display: block;}
    .smart-future .tit-wrap {background: url(../images/sub/bg-future-m.png) bottom center no-repeat;margin:25px 0; }
    .smart-future .tit-wrap .tit-bold {font-weight: normal; color: #018CD1}
    .smart-future .tit-wrap {font-size: 18px; letter-spacing: -1px;}
    .smart-future .text-box {position:static; color:#666}
    .sub-content-inner.smart-tasks .inner-wrap {padding: 30px 0 0}
    .sub-content-inner.smart-tasks .inner-wrap .policy-tasks{padding:0 30px}
    .sub-content-inner.smart-tasks .inner-wrap .task-slide{padding: 50px 30px 60px; background: #f1f4fb; margin-bottom: 0; margin-top: 0}
    .sub-content-inner.smart-tasks .inner-wrap.shadow h3{padding-left: 0;padding-bottom: 10px; line-height: 1.3}
    .smart-tasks .tab-wrap{margin: 20px 0}
    .smart-tasks .tab-wrap .tab {width:49%; margin-right: 2%; margin-bottom: 2%; padding: 16px 0}
    .smart-tasks .tab-wrap .tab i.icon-tab {display: none;}
    .smart-tasks .tab-wrap .tab .text br{display: none;}
    .smart-tasks .tab-wrap .tab:nth-child(2n) {margin-right: 0}
    [class*="smart-tasks"] .policy-tasks .list {height: auto !important;}
    .sub-content-inner h4{font-size: 24px;}
    .smart-tasks .performance-infor .box.box03 .text-wrap{width: 100%;}
    .smart-tasks .performance-infor .box.box03 a{padding: 30px 30px 40px 30px}
    .smart-tasks .performance-infor .box {width: 100%; margin-right:0; margin-bottom: 20px}
    .sub-content-inner.smart-tasks .policy-tasks .box {width: 100%; margin-right: 0; margin-bottom: 20px;}
    .sub-content-inner.smart-tasks .policy-tasks .box:last-child{margin-bottom: 0;}
    .smart-tasks .performance-infor .box.box03 {background-position: 90% center; height: 160px;background-size: auto 80%}
    .smart-tasks .performance-infor .box.box03 .text-wrap {background: none; height: auto; width: auto;}
    .gover-infor .infor-box {height: 450px}
}

@media only screen and (max-width: 769px) { 
    .sub-content-inner .inner-wrap h4{margin: 20px 0}
    .vision-tactic li div .tactic-text{height:auto;padding-top:10px;font-size:18px;}
    .vision-tactic li div .tactic-text p span{font-size:20px;line-height:24px;margin-top:5px;}
    .vision-tactic li div ul{height:160px;padding:10px 5px 10px 5px;}
    .vision-tactic li div ul li{font-size:14px;margin:5px 0px;}
    .vision-slogan {margin-top:36px; padding:36px 0 42px 0;}
    .vision-slogan p.text1 {font-size:21px;}
    .vision-slogan p.text2 {font-size:34px;}
    .vision-slogan p.text2 em:before, .vision-slogan p.text2 em:after {bottom:5px;}
    .vision-slogan p.text2 em:before {left:3px; width:24px;}
    .vision-slogan p.text2 em:after {width:200px;}
    
    .smart-strategy .strategy-infor .strategy-info-wrap {flex-direction: column;}
    .smart-strategy .strategy-infor .strategy-title-wrap{width: 100%; margin: 0 auto 20px ; height: auto;}
    .smart-strategy .strategy-infor .strategy-title-wrap .title{position: static; }
    .smart-strategy .strategy-infor .strategy-list{position: static; width: 100%; margin: 0 auto; padding: 0;}
    .smart-strategy .strategy-infor .strategy-title-wrap .title span.text .block {display: inline-block !important; margin-right: 5px}
    .smart-strategy .strategy-infor .strategy-list dt { padding-left: 0 ; text-align: center;}
    .smart-strategy .strategy-infor .strategy-list dd { padding-left: 22px}
    .smart-strategy .strategy-infor .strategy-list dd:before {left:10px;}
    .smart-strategy .strategy-infor .strategy-title-wrap .title span.text {padding: 110px 10px 20px;}
    .smart-strategy .strategy-infor .strategy-title-wrap .title.num01{background-position: center 20px;}
    .smart-strategy .strategy-infor .strategy-title-wrap .title.num02{background-position: center 20px;}
    .smart-strategy .strategy-infor .strategy-title-wrap .title.num03{background-position: center 20px;}
    .smart-strategy .strategy-infor .strategy-title-wrap .title.num04{background-position: center 20px;}
    .smart-strategy .strategy-infor .strategy-title-wrap .title.num05{background-position: center 20px;}
    
    .smart-vision .vision-text {margin-top: 25px;font-size: 16px;}
    .smart-vision .vision-info-wrap{padding: 0}
    .smart-vision .vision-pic-wrap .vision-pic-text{position: static; margin-top: 10px; background-color: transparent; margin-bottom: 20px; padding: 0 ;line-height: 1.5}
    .vision-info li{width:100%;height:auto;} 
    .implementation-infor .infor-box {width: 100%; height: auto; margin-right: 0;}
    .implementation-infor .infor-box.box02 {overflow: hidden;}
    .implementation-infor .text-blue {width: 100%; margin-left: -22px;}
    .implementation-infor .infor-box.box02 h6:after {left: 50%; border-left: 400px solid transparent;border-right: 400px solid transparent;z-index: 1;width: 800px;margin-left: -400px;}
    .implementation-infor ul.list {min-height: auto !important; padding:15px;}
    .implementation-infor .arrow {width: 100%;float: left;margin: 10px 0;text-align: center;color: #666; height: auto;}
    .implementation-infor .arrow span.block{display: inline-block !important; margin-right: 3px;}
    .implementation-infor i.icon-arrow {display: block;height: 30px;width: 100%;margin-bottom: 0;background: url(/wp-content/themes/seoul_digital/page-templates/eng_new/images/sub/icon-arrow.png) center no-repeat;transform: rotate(90deg);}
    .implementation-infor i.icon-arrow{transform: rotate(90deg);}
    .implementation-infor i.icon-arrow.rotate{transform: rotate(-90deg);}
    .implementation-infor {margin-bottom: 0;}
    .gover-infor {margin-bottom: 0}
    .gover-infor h6.title{padding:14px}
    .gover-infor ul.list{padding:15px; min-height: auto !important;}
    .gover-infor .infor-box {width:100%; margin-right: 0;height: auto;min-height: auto;margin-bottom: 40px;border-width: 1px !important;}
    .gover-infor .infor-box .bottom {height: auto;box-sizing: border-box;}
    .gover-infor .infor-box.box05{margin-bottom: 0}
    .gover-infor .infor-box.box05 h6.title br, .gover-infor .infor-box .bottom br {display: none;}
    .gover-infor .infor-box .bottom:before  {}    .base-tit .text-blue {display: block}
    .smart-future .text-wrap {text-align: left; line-height: 1.3;}
    .gover-infor .infor-box .list li ul li span{display: inline-block ; margin-left: 5px;}
    .base-tit{padding-top: 0;}
    .base-tit h5 {display:block; font-weight: 600; margin-bottom: 10px; padding: 0}
    .base-tit h5:after {display:none;}
    .base-infor .base-box {width:49%; margin-right: 1%; border-bottom: 1px solid #fff; padding-bottom: 5px;margin-bottom: 10px;}
    .base-infor .base-box:nth-child(even){margin-right: 0;}
    .base-infor .base-box .pic {margin-bottom: 0}
    .base-infor .base-box .text{margin: 15px 0; }
    .base-infor{padding-bottom: 0;}
    .smart-governance .inner-wrap.bg:after {display: none;}
    
    .sub-content-inner.smart-tasks.admin .performance-infor [class*="box"] {height: auto; min-height: 130px;}
    .sub-content-inner.smart-tasks.admin .performance-infor [class*="box"] .icon{background-size: auto 100px !important; height: 100px;}
    .smart-tasks .performance-infor .box > .text{margin-bottom: 20px}
    .smart-tasks .policy-tasks .box .title{padding-bottom: 15px;}
    .sub-content-inner.smart-tasks.admin .policy-tasks .list{padding: 15px 10px}
    .smart-tasks .performance-infor .box .icon-wrap .icon{padding: 15px 0 }
    
    
    
}

@media only screen and (max-width: 641px) {
    .vision-slogan p.text2 span {position:relative; z-index:2;}
    .vision-target .target-text{position:relative;}
    .vision-target .target-text li{width:auto;position:relative;margin:10px 0px;white-space:normal;font-size:16px;line-height:24px;padding:12px 10px;}
    .vision-target .target-text li span{display:block}
    .vision-target .target-text li.t1{left:0px;top:20px;}
    .vision-target .target-text li.t2{left:0px;top:20px;}
    .vision-target .target-text li.t3{right:0px;top:20px;}
    .vision-target .target-text li.t4{right:0px;top:20px;}
    .vision-summary {margin-top:32px; font-size:14px;}
    .vision-tactic > li{width:50%;}
    .misson-wrap li{width:50%;}
}
@media only screen and (max-width: 450px) { 
    .misson-wrap li{width:100%;}
    .misson-wrap li .misson-list-pic img {max-width: 228px;margin: 0 auto;}
    .base-infor .base-box .text{display: table; text-align: center; width: 100%; height: 40px;}
    .base-infor .base-box .text span{display: table-cell; vertical-align: middle; }
}
@media only screen and (max-width: 481px) {
    .vision-slogan {margin-top:20px; padding:30px 0 26px 0;}
    .vision-slogan p.text1 {font-size:14px;}
    .vision-slogan p.text2 {font-size:23px;}
    .vision-slogan p.text2 em:before, .vision-slogan p.text2 em:after {bottom:0px;}
    .vision-slogan p.text2 em:before {left:0; width:16px;}
    .vision-slogan p.text2 em:after {width:150px;}
    .vision-tactic li div ul{height:139px;}    
    .vision-tactic li div .tactic-text{font-size:20px;}
    .vision-tactic li div .tactic-text p span{font-size:20px;line-height:24px;margin-top:5px;}
    .smart-vision .vision-infor .info-title-wrap{width: 150px; height: 150px; }
    .smart-vision .vision-infor .info-title-wrap .title span.text{font-size: 18px; line-height: 1; padding-top: 90px; font-weight: 600;}
    .smart-vision .vision-infor .info-title-wrap .title.num01{background-position: center 20px; background-size: auto 65px}
    .smart-vision .vision-infor .info-title-wrap .title.num02{background-position: center 20px; background-size: auto 65px}
    .smart-vision .vision-infor .info-title-wrap .title.num03 span.text{background-position: center 20px; background-size: auto 65px; padding-top: 100px;}
    .smart-vision .vision-infor .info-title-wrap .title.num04 span.text{background-position: center 20px; background-size: auto 65px; padding-top: 100px;}
    .smart-vision .vision-infor .info-title-wrap .title.num05{background-position: center 20px; background-size: auto 65px}
}
@media screen and (max-width: 400px) {
    .sub-content-inner.smart-tasks .inner-wrap.shadow h3 {padding-left: 20px;}
    .smart-tasks .tab-wrap{padding: 40px 20px}
    .smart-tasks .tab-wrap .tab .text br{display: block;}
    
}/*@media screen and (max-width: )*/
@media only screen and (max-width: 320px) {
   .vision-tactic li div{padding:0px;}
    .vision-tactic > li{float:none;width:100%;}
    .vision-tactic li div ul li{font-size:16px;margin:10px 0px;}
    .vision-tactic li div .tactic-text{font-size:23px;height:160px;}
    .vision-tactic li div .tactic-text p span{font-size:32px;margin-top:10px;line-height:33px}
}

/* sub policy(8대원칙) */
.policy-visual{position:relative;margin-top:100px;}
.policy-text{position:absolute;top:55px;left:40px;z-index:1;color:#fff;font-size:27px;line-height:40px}
.policy-text span{display:block;font-weight:bold;font-size:45px;}
.policy-pic img{max-width:1000px;width:100%;}
.policy-list{margin:50px 0px 0px -20px;}
.policy-list:after{display:block;clear:both;content:'';}
.policy-list li{float:left;width:33.33333333333333%;}
.policy-list li div{margin:20px 0px 20px 20px;padding:12px 20px 25px 20px;height:345px;border:1px solid #d6d6d6;}
.policy-list li div .number span{display:inline-block;width:51px;height:48px;background:#008bd0;color:#fff;text-align:center;font-weight:bold;font-size:21px;line-height:48px;}
.policy-list li div .subject{margin-top:15px;color:#333;letter-spacing:-1px;font-size:30px;line-height:33px;}
.policy-list li div .subject span{display:block;margin-top:20px;max-width:134px;width:100%;border-bottom:3px solid #000;}
.policy-list li div .content{margin-top:20px;color:#747474;font-size:14px;line-height:20px;}
/* inclusion 2022-07-27 */
#post-contents ul.policy-list-new {display: flex;justify-content: space-between;}
#post-contents ul.policy-list-new>li {display: flex;background: none;padding: 0;}
#post-contents .policy-list-new li div {display: flex;flex-direction: column;}
#post-contents .policy-list-new li div .subject {line-height: 1.2;}
#post-contents .policy-list-new li div .content {font-size: 16px}
#post-contents .policy-list-new li div ul {display: flex;flex-direction: column;}
#post-contents .policy-list-new li div ul li {width: 100%;padding-left: 16px;color: #747474}
#post-contents .policy-list-new li div {height: auto;}
@media only screen and (max-width: 1024px) {
    .policy-list li{float:left;width:50%;}
    /* inclusion 2022-07-27 */
    #post-contents ul.policy-list-new {flex-wrap: wrap;}

}
@media only screen and (max-width: 641px) {
    .policy-visual{margin-top:50px;}
    .policy-text{top:30px;left:20px;font-size:20px;line-height:35px}
    .policy-text span{font-size:30px;}
    .policy-list li div .subject{font-size:25px;line-height:28px;}
    .policy-list li div .content{margin-top:15px;font-size:12px}
}
@media only screen and (max-width: 481px) {
    .policy-visual{margin-top:40px;}
    .policy-list{margin-top:10px;}
    .policy-text,.policy-pic{display:none;}
    .policy-list li{float:left;width:100%;}
    .policy-list li div{height:auto;}
    /* inclusion 2022-07-27 */
    .policy-list li div {margin: 10px 0 10px 10px;padding: 6px 10px 12px 10px;}
    #post-contents ul.policy-list-new li {width: 100%;}
}
@media only screen and (max-width: 320px) {
    .policy-list li div .subject{font-size:25px;}
}

/* sub drive(추진현황) */
.drive-wrap{clear:both;overflow:hidden;}
.drive-wrap .drive-text{margin-top:50px;color:#656565;font-size:16px;line-height:24px}
.drive-wrap .drive-text span{color:#618fdd;}
.drive-history-wrap{clear:both;margin:50px 0px 80px 0px;}
.drive-history-wrap:after{display:block;clear:both;content:"";}
.drive-history-wrap .drive-history-number{float:left;margin-right:56px;padding-top:20px;width:90px;border-top:6px solid #008bd0;color:#008bd0;text-align:center;font-weight:bold;font-size:28px;line-height:30px;}
.drive-history-wrap .drive-history-number span{display:block;}
.drive-history-wrap .drive-history-infor{float:left;border-top:1px solid #000;}
.drive-history-wrap .drive-history-infor:after{display:block;clear:both;content:"";}
.drive-history-wrap .drive-history-infor > h4{margin:20px 0px;border:0px;color:#008bd0;font-weight:bold;font-size:22px;}
.drive-history-wrap .drive-history-infor .drive-history-pic{float:left;width:310px;}
.drive-history-wrap .drive-history-infor .drive-history-pic img{max-width:310px;width:100%;}
.movie-control{margin-top:20px;max-width:310px;width:100%;}
.movie-control li{float:left;width:100%;text-align:center}
.movie-control li.movie{width:50%;}
.movie-control li a{display:block;height:40px;border:2px solid #97a4ae;color:#97a4ae;font-weight:bold;font-size:16px;line-height:40px;}
.movie-control li:first-child a{margin-right:6px;}
.movie-control li:last-child a{margin-left:6px;}
.movie-control li a span{margin-top:-5px;margin-right:10px;vertical-align:middle;font-size:20px;}
.drive-history-wrap .drive-history-infor .drive-history-text{float:left;width:544px;}
.drive-history-wrap .drive-history-infor .drive-history-text p{margin:0px 0px 20px 20px;color:#666;font-size:14px;line-height:21px;}
.drive-history-wrap .drive-history-infor .drive-history-text ul li{margin-left:20px;padding-left:9px;background:url(../images/sub/bg-vision-dot.gif) no-repeat 0px center;color:#545454;letter-spacing:-1px;font-size:14px;}

@media only screen and (max-width: 1024px) {
    .drive-history-wrap .drive-history-number{float:none;margin-right:0;padding-top:0px;padding-left:15px;width:auto;border-top:0px;border-left:6px solid #008bd0;text-align:left;}
    .drive-history-wrap .drive-history-number span{display:inline-block;}
    .drive-history-wrap .drive-history-infor{float:none;margin-top:20px;}
    .drive-history-wrap .drive-history-infor .drive-history-pic{float:left;width:35%;}
    .drive-history-wrap .drive-history-infor .drive-history-text{float:left;width:65%;}
}

@media only screen and (max-width: 641px) {
    .drive-history-wrap .drive-history-infor .drive-history-pic{float:none;clear:both;width:auto;}
    .drive-history-wrap .drive-history-infor .drive-history-text{float:none;clear:both;padding-top:20px;width:auto;}
    .drive-history-wrap .drive-history-infor .drive-history-text p{margin:0px 0px 20px 0px;}
    .drive-history-wrap .drive-history-infor .drive-history-text ul li{margin-left:0px;}
}

/* sub plan(시행계획) */
.plan-list-wrap{margin:40px 0px 40px 0px;padding-bottom:40px;border-bottom:1px solid #e5e5e5;}
.plan-list-wrap.mt{margin:100px 0px 0px 0px;}
.plan-list{margin:0px 0px 0px -50px;}
.plan-list:after{display:block;clear:both;content:"";}
.plan-list li{float:left;width:33.33333333333333%;}
.plan-list li .plan-list-inner{margin-left:50px;}
.plan-list li .plan-list-inner p.plan-year{padding-left:10px;background:url(../images/sub/bg-plan-dot.gif) no-repeat 0px 10px;color:#333;font-weight:bold;font-size:18px;}
.plan-list li .plan-list-inner div{margin-top:7px;border:1px solid #aeaeae;}
.plan-list li .plan-list-inner div img{max-width:298px;width:100%;}
.plan-list li .plan-list-inner div dl{overflow:hidden;padding:15px 20px;min-height:115px;border-top:1px solid #aeaeae;}
.plan-list li .plan-list-inner div dl dt{color:#0079c2;font-weight:bold;font-size:14px;}
.plan-list li .plan-list-inner div dl dd{position:relative;margin-top:15px;padding-top:15px;color:#333;font-size:15px;line-height:22px;}
.plan-list li .plan-list-inner div dl dd span{position:absolute;top:0px;left:0px;z-index:1;width:16px;height:2px;background:#aeaeae}
.plan-list li .plan-list-inner div .plan-control{overflow:hidden;padding:15px 10px;background:#f2f2f2;}
.plan-list li .plan-list-inner div .plan-control li{float:left;width:50%;text-align:center}
.plan-list li .plan-list-inner div .plan-control li a{display:block;margin:0px 5px;height:40px;border:2px solid #97a4ae;background:#fff;color:#97a4ae;font-weight:bold;font-size:16px;line-height:40px;}
.plan-list li .plan-list-inner div .plan-control li a span{margin-top:-5px;margin-right:10px;vertical-align:middle;font-size:20px;}

@media only screen and (max-width: 768px) {
    .plan-list-wrap.mt{margin:30px 0px 0px 0px;}
    .plan-list{margin:0px 0px 0px -20px;}
    .plan-list li .plan-list-inner{margin-left:20px;}
    .plan-list li .plan-list-inner div dl{border-top:0px;}
    .plan-list li .plan-list-inner div img{display:none;}
    .plan-list li{float:left;width:50%;}
}
@media only screen and (max-width: 481px) {
    .plan-list{margin:0px 0px 0px 0px;}
    .plan-list li .plan-list-inner{margin-left:0px;}
    .plan-list > li{float:none;margin-top:20px;width:100%;}
}

/* sub information(정보화사업) */
.information-info{clear:both;margin-top:70px;padding:30px;border:1px solid #e5e5e5;background-color:#f2f2f2;color:#7d7d7d;text-align:center;font-size:16px;}
.information-info .point{color:#008bd0;font-weight:bold;font-size:22px;}
span.mif-phone-in-talk{display:inline-block;margin-top:-3px;margin-right:5px;color:#57585b;font-size:20px;}
.information-list{margin-top:30px;}
.information-list > li{padding:30px 0px;border-top:1px solid #d5d5d5;border-bottom:1px solid #d5d5d5;}
.information-list > li:last-child{border-top:0px;}
.information-list li h4{color:#333;font-weight:bold;font-size:20px;}
.information-list li div{overflow:hidden;margin-top:10px;}
.information-list li div .infor-movie{float:left;width:43%;text-align:center}
.information-list li div .infor-movie img{max-width:378px;width:100%;}
.information-list li div .infor-control{overflow:hidden;margin:0 auto;padding:15px 10px;max-width:358px;width:100%;background:#f2f2f2;}
.information-list li div .infor-control li{float:left;width:50%;text-align:center}
.information-list li div .infor-control li a{display:block;margin:0px 5px;height:40px;border:2px solid #97a4ae;background:#fff;color:#97a4ae;font-weight:bold;font-size:16px;line-height:40px;}
.information-list li div .infor-control li a span{margin-top:-5px;margin-right:10px;vertical-align:middle;font-size:20px;}
.information-list li div .infor-text{float:left;width:57%;}
.information-list li div .infor-text dl{overflow:hidden;margin:0px 0px 25px 30px;}
.information-list li div .infor-text dl dt{float:left;padding-left:12px;width:80px;background:url(../images/sub/bg-infor-dot.gif) no-repeat 0px 6px;color:#0079c2;font-weight:bold;font-size:14px;}
.information-list li div .infor-text dl dd{float:left;width:380px;}
.information-list li div .infor-text dl dd li{padding-left:8px;background:url(../images/sub/bg-infor-dot1.gif) no-repeat 0px 9px;color:#333333;font-size:14px;}
.infor-iframe{margin-bottom:5px; max-width:595px;width:100%;height:485px;border:1px solid #CCC; border-width:1px; }

@media only screen and (max-width: 768px) {
    .information-list li div .infor-movie{float:none;width:100%}
    .information-list li div .infor-text{float:none;margin-top:15px;width:100%;}
    .information-list li div .infor-control{width:auto;}
    .block{display:inline-block;}
}
@media only screen and (max-width: 481px) { 
    .information-list li div .infor-text dl{margin:0px 0px 25px 0px;}
}

/* achievement 2022 */
.achievement-wrap{overflow:hidden;margin-top:50px;padding:30px 0px;border-bottom:1px solid #b7b7b7;display: flex;justify-content: space-between;}
.achievement-wrap li{width:28%;text-align:center}
.achievement-wrap li div{position:relative;margin:0px 20px;}
.achievement-wrap li div .ico-achive {display: block;width: 100%;height: 160px;background: url(../images/sub/ico_archive01.png) no-repeat 50% 50%}
.achievement-wrap li div .ico-achive02 {background: url(../images/sub/ico_archive02.png) no-repeat 50% 50%}
.achievement-wrap li div .ico-achive03 {background: url(../images/sub/ico_archive03.png) no-repeat 50% 50%}
.achievement-wrap li div p.text-type-a{color:#333;font-weight:bold;font-size:18px;line-height:22px;}
.achievement-wrap li div p.text-type-b{width:100%;background:none;text-align:center;font-size:18px;line-height:20px;}
.achievement-wrap li div p.text-type-b span.title{display:inline-block;width: 100%;padding: 10px 0;background-color: #008bd0;border-radius: 5rem;color: #fff;font-size: 20px;letter-spacing: -0.075em;}
.achievement-wrap li div p.text-type-b span.text{display:block;margin:20px 0;color: #008bd0;font-size: 16px;font-weight: 700}
.achievement-info{margin:55px 0px 100px 0px;color:#333;font-size:20px;line-height:35px}
@media only screen and (max-width: 1023px) {
    .achievement-wrap li {width: 32%}
}
@media only screen and (max-width:900px) {
    .achievement-wrap {flex-direction: column;border: 0}
    .achievement-wrap li {width: 100%;padding: 30px 0;border-bottom:1px solid #b7b7b7;}
    .achievement-wrap li div p.text-type-b span.title {max-width: 50%}
}
@media only screen and (max-width: 641px) {
    .achievement-wrap li div p.text-type-b span.title {max-width: 100%}
    .achievement-info{margin:30px 0px 50px 0px}
}

/* 과제 리스트 */
.list-work-wrap{clear:both;overflow:hidden;margin:50px 0px;}
.list-work-wrap .list-work{position:relative;margin:5px 0px;background-color:#f9f9f9;}
.list-work-wrap .list-work:after{display:block;clear:both;content:"";}
.list-work-wrap .list-work .number-box{box-sizing: content-box;float:left;padding:10px 15px;width:120px;min-height:102px; height: 100%; background-color:#e1e9fa;color:#333333;}
.list-work-wrap .list-work:nth-child(even) .number-box {background-color: #dddde0}
.list-work-wrap .list-work .number-box span{display:block;}
.list-work-wrap .list-work .number-box span.text{padding-bottom:5px;border-bottom:2px solid #fff;font-size:16px;line-height:18px;}
.list-work-wrap .list-work .number-box span.count{font-weight:bold;font-size:34px;}
.list-work-wrap .list-work .work-title-wrap{display:table;height:122px;}
.list-work-wrap .list-work .work-title-wrap div.work-title{display:table-cell;padding-left:30px;vertical-align:middle;}
.list-work-wrap .list-work .work-title-wrap div.work-title a{display:block;padding-right:50px;width:auto;color:#777777;font-size:28px;line-height:30px;}
.list-work-wrap .list-work .work-title-wrap div.work-title a:hover{color:#333;}
.list-work-wrap .list-work .work-title-wrap div.work-title a:hover span,.list-work-wrap .list-work .work-title-wrap div.work-title a:hover span:after{background:#000}
div.work-title a span,div.work-title a span:after{
        position: absolute; 
        right:20px;       
        z-index:111;    
        display:block;
        width:30px;
        height:5px;
        background:#c4c4c4;
        -webkit-transition-delay: 0s;
        -moz-transition-delay: 0s;
        -o-transition-delay: 0s;
        transition-delay: 0s;          
        -webkit-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
        -moz-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
        -o-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
        transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
        -webkit-transition-duration: 0.4s;
        -moz-transition-duration: 0.4s;
        -o-transition-duration: 0.4s;
        transition-duration: 0.4s;
        -webkit-transition-property: all;
        -moz-transition-property: all;
        -o-transition-property: all;
        transition-property: all;
    }
    div.work-title a span{top:60px;}
    div.work-title a span:after {
        content: "";
    }   

    div.work-title a span:after {
        top: -2px;
        right:2px;
        width:30px;
        transform:rotate(90deg);
        -webkit-transform-origin: 50% 100%;
        -moz-transform-origin: 50% 100%;
        -ms-transform-origin: 50% 100%;
        -o-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
    }
@media only screen and (max-width: 641px) { 
    .list-work-wrap{margin-top:20px;}
    .list-work-wrap .list-work .number-box{width:63px;height:56px;text-align:center}
    .list-work-wrap .list-work .number-box span.text{display:none;}
    .list-work-wrap .list-work .number-box span.count{font-size:34px;line-height:50px;}
    .list-work-wrap .list-work .work-title-wrap div.work-title{padding-left:15px;}
    .list-work-wrap .list-work .work-title-wrap{height:76px;}
    .list-work-wrap .list-work .work-title-wrap div.work-title a{font-size:18px;line-height:20px;}
    div.work-title a span,div.work-title a span:after{display:none;}
}
@media only screen and (max-width: 360px) { 
    .list-work-wrap .list-work .number-box{padding:10px 5px;width:33px;height:36px;}
    .list-work-wrap .list-work .number-box span.count{font-size:25px;line-height:30px;}
    .list-work-wrap .list-work .work-title-wrap{height:56px;}
    .list-work-wrap .list-work .work-title-wrap div.work-title a{font-size:14px;line-height:15px;}
}


/* 검색결과*/
.keyword-text{padding:40px 0px;background-color:#f9f9f9;color:#333;text-align:center;font-size:32px;}
.keyword-text span{color:#618fdd;}
.keyword-list-wrap{position:relative;}
.keyword-list-wrap:after{display:block;clear:both;content:"";}
.keyword-list-title{margin-top:50px;}
.keyword-list-title > h3{display:block;margin:0px 0px 0px 0px;padding-top:10px;padding-bottom:0px;border-top:1px solid #7f7f7f;border-bottom:1px solid #cccccc;color:#333;font-size:20px;line-height:30px}
.keyword-list-title > h3 span{display:inline-block;margin-bottom:-1px;padding-bottom:8px;border-bottom:2px solid #7f7f7f;}
.keyword-list-text{padding:24px 20px;}
.keyword-list-text p{margin:2px 0 3px 0px;color:#666;font-size:14px;line-height:20px;}
.keyword-list-text p a{display:inline-block;margin:6px 0 8px 0px;color:#618fdd;text-decoration: underline;font-size:20px;}
.keyword-list-text ul li{padding:3px 0px 3px 7px;background:url(../images/sub/new-ul-depth1.gif) no-repeat 0px 12px;font-size:14px;}
.keyword-list-text ul li a{display:inline-block;color:#333;}
.keyword-list-text ul li a span{color:#618fdd;}
.keyword-news-text{padding:24px 20px;}
.keyword-news-text h3{margin:35px 0px 0px 0px;border-bottom:0px;font-weight:bold;font-size:16px;line-height:18px;}
.keyword-news-text h3 a{color:#008bd0 !important;}
.keyword-news-text span{color:#959595;font-size:12px;}
.keyword-news-text table{margin:15px 0px 15px 0px;}
.keyword-news-text td.j{padding-left:10px;}
.keyword-news-text td div.lh{margin-top:-50px;font-family:'Noto Sans KR' !important} 
.keyword-news-text td div.lh > a {color:#333 !important;font-weight:bold !important;font-size:16px !important;;;}
.keyword-news-text td div.lh font a {margin-top:5px !important;color:#008bd0 !important;font-size:13px !important;}
.keyword-news-text td div.lh font a b{color:#008bd0 !important;}
.keyword-news-text font{color:#656565;font-size:14px !important;line-height:20px}
.keyword-news-text font b{font-weight:normal}
@media only screen and (max-width: 641px) { 
    .keyword-text{padding:15px;font-size:20px;}
}

/* sub side-content */
#side-content{position:absolute;top:400px;left:50%;z-index:999;margin-left:210px;width:310px;background:#fff;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.side-content-inner{position:relative;}
.side-content-inner-inner{padding:20px 20px 20px 20px;}
.side-bar{position:absolute;top:0px;left:-38px;z-index:999;display:none;height:100%;}
.side-bar a{position:absolute;top:130px;left:0px;z-index:999;display:inline-block;width:38px;height:70px;border-top-left-radius:20px;border-bottom-left-radius:20px; background:#008bd0;color:#fff;font-weight:bold;font-size:30px;}
.side-bar a span{position:absolute;top:50%;left:50%;z-index:999;margin:-15px 0 0 -15px;}
#side-content img{width:100%;}
#side-content h4{margin-top:40px;color:#454545;font-size:20px;}
.side-new-title{min-height:189px;width:100%;background-image:url(../images/sub/pic-new-title.gif);background-position:center top;background-repeat:no-repeat;text-align:center}
.side-new-title span{display:block;}
.side-new-title span.new-count{padding-top:45px;color:#fff;font-size:24px;}
.side-new-title span.new-view{display:inline-block;margin-top:15px;padding:4px 10px;background:#008bd0;font-size:18px;}
.side-new-title span.new-view a{color:#fff;}
.new-news{margin-top:2px;}
.new-news li{overflow:hidden;padding:10px 0px;}
.new-news li:first-child{border-bottom:1px dashed #bebebe;}
.new-news li span{display:inline-block;}
.new-news li .news-photo{float:left;width:30%;}
.new-news li .new-text-wrap{float:left;width:100%;}
.new-news li .news-photo + .new-text-wrap{width:70%;}
.new-news li .new-text-wrap .new-text{padding-left:6px;color:#777;font-size:13px;line-height:18px}
.media-news{margin-top:2px;}
.media-news li{overflow:hidden;padding:10px 0px;}
.media-news li:first-child{border-bottom:1px dashed #bebebe;}
.media-news li span{display:block;}
.media-news li .media-text{margin-top:6px;color:#777;font-size:13px;line-height:18px}
.layer-news-list{margin-top:4px;width:100%;}
.layer-news-list li,
.site-list li{padding:5px 0px 5px 7px;border-bottom:1px dashed #bebebe;background:url(../images/sub/new-ul-depth1.gif) no-repeat 0px center;font-size:12px;}
.layer-news-list li > a,
.site-list li > a{display:block;overflow:hidden;color:#777;text-overflow:ellipsis;white-space:nowrap;}
.layer-news-list li:last-child,
.site-list li:last-child{border-bottom:0px;}


/* mobile */
.mobile-menu-btn{position:absolute;top:82px;right:25px;z-index:9999;display:none;width:40px;}
.mobile-menu-btn a{display:block;margin-top:-15px;width:40px;height:30px;}
.mobile-menu-line,.mobile-menu-line:before,.mobile-menu-line:after{
    position: absolute; 
    left: 0;    
    display:block;
    width:40px;
    height:4px;
    background:#fff;
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;          
    -webkit-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    -moz-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    -o-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    -webkit-transition-duration: 0.4s;
    -moz-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
    transition-duration: 0.4s;
    -webkit-transition-property: all;
    -moz-transition-property: all;
    -o-transition-property: all;
    transition-property: all;
}
.mobile-menu-line:before, .mobile-menu-line:after {
    content: "";
}

.mobile-menu-line {
    top: 0px;
}

.mobile-menu-line:before {
    top: -10px;
    z-index: 10;
    -webkit-transform-origin: 50% 0;
    -moz-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    -o-transform-origin: 50% 0;
    transform-origin: 50% 0;
}

.mobile-menu-line:after {
    top: 10px;
    -webkit-transform-origin: 50% 100%;
    -moz-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    -o-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
}

.mobile-menu-line.open {
    background-color: transparent !important;
}

.mobile-menu-line.open:before {
    height:2px;
    -webkit-transform: translateY(13px) translateX(1px) rotate(45deg);
    -moz-transform: translateY(13px) translateX(1px) rotate(45deg);
    -ms-transform: translateY(13px) translateX(1px) rotate(45deg);
    -o-transform: translateY(13px) translateX(1px) rotate(45deg);
    transform: translateY(13px) translateX(1px) rotate(45deg);
}

.mobile-menu-line.open:after {
    height:2px;
    -webkit-transform: translateY(-7px) translateX(1px) rotate(-45deg);
    -moz-transform: translateY(-7px) translateX(1px) rotate(-45deg);
    -ms-transform: translateY(-7px) translateX(1px) rotate(-45deg);
    -o-transform: translateY(-7px) translateX(1px) rotate(-45deg);
    transform: translateY(-7px) translateX(1px) rotate(-45deg);
}
.mobile-search-open-btn{display:none;}
.mobile-search-open-btn{position:absolute;top:1px;right:95px;z-index:11;}
.mobile-search-open-btn a{color:#fff;font-size:30px;}

/* layer popup */
#mask{position:fixed;top:0px;left:0px;z-index:1100;display:none;width:100%;height:100%;background-color:rgba(0,0,0,.5);}
#new-mask{position:fixed;top:0px;left:0px;z-index:997;width:100%;height:100%;background-color:rgba(0,0,0,.5);}
#layerpopup{position:absolute;left:50%;z-index:1101;display:none;margin-left:-477px;min-height:400px;max-width:956px;width:100%;background-color:#fff;box-shadow:1px 1px 40px #333;}
#layerpopup.youtube{margin-left:-320px;max-width:620px;}
#layerpopup.policy .layer-content{overflow-y:hidden;}
#layerpopup .layerpopup-inner{padding:40px 25px;}
#layerpopup .layerclose-btn{position:absolute;top:0px;right:0px;z-index:1102;width:50px;height:50px;background:#008bd0 url(../images/sub/btn-close.png) no-repeat center center}
#layerpopup .layerclose-btn a{display:block;width:50px;height:50px;}
#layerpopup h4{display:block;border-bottom:1px solid #cccccc;color:#333;font-size:20px;}
#layerpopup h4 span{display:inline-block;margin-bottom:-1px;padding-bottom:8px;border-bottom:2px solid #7f7f7f;}
#layerpopup h4 span.text-block{border-bottom:0px;}
#layerpopup h5{margin-top:30px;color:#3f3f3f;font-weight:bold;font-size:16px;font-family:'돋움';line-height:20px;}
#layerpopup.infor{margin-left:-300px;max-width:600px;}
.layer-content{overflow-y:auto;margin-top:20px;height:400px;color:#666;font-size:13px;line-height:22px;}
.layer-content:after{display:block;clear:both;content:"";}
.layer-content h3{font-weight:bold;font-size:16px;}
.layer-content h3 a{color:#008bd0 !important;}
.layer-content span{color:#959595;font-size:12px;}
.layer-content table{margin:15px 0px 15px 0px;}
.layer-content td.j{padding-left:10px;}
.layer-content td div.lh{margin-top:-50px;font-family:'Noto Sans KR' !important} 
.layer-content td div.lh > a {color:#333 !important;font-weight:bold !important;font-size:16px !important;;;}
.layer-content td div.lh font a {margin-top:5px !important;color:#008bd0 !important;font-size:13px !important;}
.layer-content td div.lh font a b{color:#008bd0 !important;}
.layer-content font{color:#656565;font-size:14px !important;line-height:20px}
.layer-content font b{font-weight:normal}
.layer-content div{width:100% !important;}
.layer-content video{width:100% !important;}
.layerpopup-infor{margin-top:15px;padding-bottom:25px;border-bottom:1px dashed #e7e7e7;}
.layerpopup-infor span{display:inline-block;padding:0px 7px 0px 5px;background:url(../images/sub/popup-info-line.gif) no-repeat right 1px;color:#777777;font-size:11px;font-family:'돋움';}
.layerpopup-infor span.data{display:block;margin-bottom:2px;padding-right:0px;border:0px;background:none;}
.layerpopup-infor span.last{background:none}
.file-download{margin-top:10px;}
.file-download span{margin-right:2px;background:none;color:#008cd7;vertical-align:middle;font-size:16px;}
.file-download a{color:#008cd7;text-decoration:underline;font-size:11px;font-family:'돋움';}
.loading{position:absolute;top:100px;left:50%;z-index:11;margin-left:-88px;}
@media only screen and (max-width: 769px) {
    .layer-content{margin-top:10px;padding:5px;height:750px;border:1px solid #e7e7e7;}    
}
@media only screen and (max-width: 481px) {
    #layerpopup .layerpopup-inner{padding:10px 15px;}
    #layerpopup h5{margin-top:10px;font-size:14px;}
    #layerpopup h4{letter-spacing:-1px;font-size:16px;}
    .layerpopup-infor{margin-top:7px;padding-bottom:10px;}
  
}
@media only screen and (max-width: 320px) {
    .layer-content{height:250px;border:1px solid #e7e7e7;}
}

/* post contents */
#post-contents{padding: 30px 0;font-size:14px; }
#post-contents #post-contents{padding: 0;font-size:initial; }
#post-contents p{margin-bottom:7px;line-height:20px;}
#post-contents p.color-gray{color:#777;}
#post-contents table{margin-bottom:5px;width:100%;table-layout: fixed}
#post-contents table.table-th tbody th{white-space:normal;}
#post-contents table thead th{border-bottom:0px;background-color:#f0f0f0;color:#454545;}
#post-contents table tfoot th{background-color:#f0f0f0;color:#454545;}
#post-contents table tbody td,#post-contents table tfoot td{color:#72828f;}
#post-contents table tbody td.text-align-left{white-space:normal;}
#post-contents table tbody th{background-color:#f0f0f0;color:#454545;word-break: break-all;}
#post-contents table tbody td li{padding-bottom:4px;padding-left:12px;background:url(../images/sub/bullect-ul-depth2.gif) no-repeat 3px 10px;line-height:20px;}
#post-contents table th,#post-contents table td,#post-contents tfoot td{padding:10px 8px;border:1px solid #d9d9d9;text-align:center;line-height:20px;word-break: break-all;}
#post-contents table tbody th.align-left,
#post-contents table tbody td.align-left {text-align: left;}
#post-contents .table-responsive{position:relative;}
#post-contents .table-responsive table td,.table-responsive table td ul li{white-space:normal;}
#post-contents table.table-left tbody th,
#post-contents table.table-left tbody td {text-align: left !important;}
#post-contents table.table-left tbody th {background-color: #fff}
@media (max-width: 767px) {
    .table-scroll {overflow-x: auto;}
    .table-scroll table {width: 800px !important}
}

/*#post-contents h4{margin:50px 0px 0px 0px;color:#1b3e82;font-weight:bold;font-size:22px;}*/
#post-contents h5{margin:50px 0px 20px 0px;color:#4c70b6;font-weight:bold;font-size:18px;}
#post-contents h5.black {color: #333}
#post-contents h5.mt20{margin:20px 0px 20px 0px !important;}
#post-contents ul{margin:5px 0px;}
#post-contents ul li{padding-bottom:4px;padding-left:14px;background:url(../images/sub/bullect-ul-depth1.gif) no-repeat left 6px;line-height:20px;}
#post-contents ul li ul{margin:2px 0px 2px 10px;}
#post-contents ul li ul li{padding-bottom:2px;padding-left:8px;background:url(../images/sub/bullect-ul-depth2.gif) no-repeat left 9px;}
#post-contents div.infor-box{margin:10px 0px;padding:15px 25px;border:1px solid #d9d9d9;background:#f0f0f0;color:#666;font-size:13px;}
#post-contents div.infor-box ul{margin:2px 0px 2px 0px;}
#post-contents div.infor-box ul li{padding-bottom:4px;padding-left:12px;background:url(../images/sub/bullect-ul-depth1.gif) no-repeat left 6px;line-height:20px;}
#post-contents div.infor-box ul li ul{margin:2px 0px 2px 10px;}
#post-contents div.infor-box ul li ul li{padding-bottom:2px;padding-left:8px;background:url(../images/sub/bullect-ul-depth2.gif) no-repeat left 9px;}
#post-contents ol{margin:5px 0px;}
#post-contents ol li ul{margin:5px 0px 0px 10px;}
#post-contents ol > li{padding-bottom:4px;padding-left:0px;background:none !important;line-height:20px;}
#post-contents ol li ol{margin:5px 0px 0px 10px;}
#post-contents ol li ol li{margin:5px 0px 0px 0px;}
#post-contents ol li ol li ul{margin:5px 0px 0px 10px;}
#post-contents ol li ol li ul li{padding-bottom:2px;padding-left:8px;background:url(../images/sub/bullect-ul-depth2.gif) no-repeat left 9px;}
#post-contents ol li ol li ul li ul li{padding-bottom:2px;padding-left:8px;background:url(../images/sub/new-ul-depth1.gif) no-repeat left 9px;font-size:13px;}
#post-contents .data-money{text-align:right}
#post-contents span.font-weight{font-weight:bold;}




/* btn */
.btn-group {display: block;width: 100%;text-align: center;}
.btn-group:after{display:block;clear:both;content:"";}
.btn-group .btn {display: inline-block;overflow: hidden;box-sizing: border-box;margin: 0 auto;}
.btn-group .btn span {display: block;color: #fff;text-align: center;font-weight: 600;font-size: 18px;line-height: 1;}
.btn-group .btn a {display: block;padding: 17px 30px;color: #fff;text-align: center;font-weight: 600;font-size: 18px;line-height: 1;}
.btn.darkblue {border-radius: 5px;background: #282b3a; }
.btn.blue {background: #0c82e9}


/* paging */
/*.wp-pagenavi .last,.wp-pagenavi .first{width:60px !important;}*/
.wp-pagenavi {clear: both;}
.wp-pagenavi a, .wp-pagenavi span {margin: 2px;padding: 3px 5px;border: 2px solid #BFBFBF;text-decoration: none;}
.wp-pagenavi a:hover, .wp-pagenavi span.current {border-color: #272a39;}.wp-pagenavi span.current {font-weight: 600;}
.wp-pagenavi {margin-top: 30px;text-align: center;}.wp-pagenavi * {border-radius:3px;vertical-align: top;}
.wp-pagenavi .current, .wp-pagenavi a {display: inline-block;margin: 0 -1px;width: 30px;height: 30px;border: 1px solid #e6e6e6;color: #767676;font-size: 14px;}
.wp-pagenavi .pages {display: none;}.wp-pagenavi .current {margin-right: 1px;margin-left: 1px;border-color: transparent;background: #272a39;color: #fff;font-weight: normal;}
.wp-pagenavi .jump {width: 30px;height: 30px;border: 0;}
.wp-pagenavi .page {margin-right: 1px;margin-left: 1px;}
.wp-pagenavi .nextpostslink {margin-left: 6px;background: url(/wp-content/themes/seoul_digital/page-templates/eng_new/images/sub/btn-nextpost.png) no-repeat center;text-indent: -9999px;}
.wp-pagenavi .previouspostslink {margin-right: 6px;background: url(/wp-content/themes/seoul_digital/page-templates/eng_new/images/sub/btn-previouspost.png) no-repeat center;text-indent: -9999px;}
.wp-pagenavi .last {margin-left: 6px;background: url(/wp-content/themes/seoul_digital/page-templates/eng_new/images/sub/btn-last.png) no-repeat center;text-indent: -9999px;}
.wp-pagenavi .first {margin-left: 6px;background: url(/wp-content/themes/seoul_digital/page-templates/eng_new/images/sub/btn-first.png) no-repeat center;text-indent: -9999px;}
.wp-pagenavi .extend {border: 0px}

@media (max-width: 410px) {
.wp-pagenavi {display: flex;align-items: center;justify-content: center;}
.wp-pagenavi .first {margin-left: 0}
.wp-pagenavi .last {margin-left: 0}
.wp-pagenavi .nextpostslink {margin-left: 2px;margin-right: 2px;}
.wp-pagenavi .previouspostslink {margin-right: 2px}
}

/* opengov */
.opengov-wrp{position:relative;}
.opengov-go-btn{position:absolute;top:3px;right:0px;z-index:1;padding:2px 5px 2px 7px;background-color:#6a6a6a;text-align:center;}
.opengov-go-btn a{color:#fff;font-size:12px;}
.opengov-go-btn a span{margin-top:-4px;font-size:16px;}

.data-wrp{position:relative;}
.data-slide-set{position:absolute;top:3px;right:0px;z-index:1;width:80px;text-align:right;}
.data-count-wrp{position:absolute;top:0px;left:0px;z-index:1;}
.data-slide-set span{display:inline-block;height:20px;color:#868686;vertical-align:middle;font-size:11px;}
.data-slide-set a{display:inline-block;}
.data-slide-set a.btn-slide-left{margin-left:10px;width:25px;height:21px;background:url(../images/sub/btn-slide-left.gif) no-repeat 0px 0px;}
.data-slide-set a.btn-slide-right{width:24px;height:21px;background:url(../images/sub/btn-slide-right.gif) no-repeat 0px 0px;}
.data-slide-wrp{position:relative;overflow:hidden;width:100%;}
#data-slide {width:100%;height:130px;}
#data-slide > li{position:absolute;top:0px;left:0px;z-index:1;}

/* 펼쳐보기 */
.open-menu-btn{display:none;overflow:hidden;margin:20px 0px;text-align:center;font-size:18px;}
.open-menu-btn a{display:block;padding:10px 0px;background-color:#f0f0f0;color:#666;}
.open-menu-btn a span{margin-top:-4px;font-size:25px;}
.open-menu-btn a:active{background-color:#008bd0;color:#fff;}
.open-menu-content{overflow:hidden;}
@media only screen and (max-width: 641px) {
    .open-menu-btn{display:block;}
    .open-menu-content{display:none;}
}

/* 게시판 */
.invisible{position:absolute;overflow:hidden;width:0;height:0;font-size:0;line-height:0}
.resource_tag .n1-search-input-box-wrap {position:relative;overflow:hidden;margin:0 auto;padding: 0 50px 0 0;max-width: 405px;height: 31px;}
.resource_tag .n1-search-input-box-wrap .n1-search-input-box {position:relative;overflow:hidden;padding-left: 71px;height:30px;border:1px solid #bbb;border-radius:2px;margin-left: 51px;float: right;width: 250px;}
.resource_tag .n1-search-input-box-wrap .n1-search-input-box span.search_type {position:absolute; top:0; bottom:0; left:0; border-right:1px solid #bbb;}
.resource_tag .n1-search-input-box-wrap .n1-search-input-box span.search_type select {width: 70px;height:30px;border:0;border:0;background:none;color:#666;vertical-align:middle;font-family:"Malgun Gothic","맑은 고딕";cursor:pointer;appearance:none;}
.resource_tag .n1-search-input-box-wrap .n1-search-input-box input[type=text]{width: 100%;height:30px;border:0;line-height:30px;}
.resource_tag .n1-search-input-box-wrap input[type=button],.n1-search-input-box-wrap input[type=submit]{position:absolute; top:0; right:0; width:45px; height:30px; border:1px solid #ccc; border-radius:2px;background:url(/wp-content/themes/seoul/images/search-btn.gif) no-repeat center 4px;text-indent:-9999px;cursor:pointer; }
.resource_tag span.search_type.type2 {width: 71px;height: 30px;position: absolute;top: 0;bottom: 0;left: 0;border: 1px solid #bbb;}
.resource_tag span.search_type.type2 select {width: 70px;height: 30px;border: 0;border: 0;background: none;color: #666;vertical-align: middle;font-family: "Malgun Gothic","맑은 고딕";cursor: pointer;appearance: none;}

.resource_view #post-contents ul li{border:0}

.resource_tag.link .n1-search-input-box-wrap {position:relative;overflow:hidden;margin:0 auto;padding:0 50px 0 0;max-width: 325px;}
.resource_tag.link .n1-search-input-box-wrap .n1-search-input-box {position:relative; overflow:hidden; padding-left:71px; height:30px; border:1px solid #bbb;border-radius:2px; }
.resource_tag.link .n1-search-input-box-wrap .n1-search-input-box span.search_type {position:absolute; top:0; bottom:0; left:0; border-right:1px solid #bbb;}
.resource_tag.link .n1-search-input-box-wrap .n1-search-input-box span.search_type select {width:70px; height:30px; border:0; border:0; background:none; color:#666; vertical-align:middle; font-family:"Malgun Gothic","맑은 고딕";cursor:pointer; appearance:none; }
.resource_tag.link .n1-search-input-box-wrap .n1-search-input-box input[type=text]{width:100%; height:30px; border:0; line-height:30px;}
.resource_tag.link .n1-search-input-box-wrap input[type=button],.n1-search-input-box-wrap input[type=submit]{position:absolute; top:0; right:0; width:45px; height:30px; border:1px solid #ccc; border-radius:2px;background:url(/wp-content/themes/seoul/images/search-btn.gif) no-repeat center 4px;text-indent:-9999px;cursor:pointer; }



/*link*/
.child_policyDL {position:relative; overflow:hidden; margin-top:20px; padding:0px 0px 18px 0px; max-width:1000px; background:url('/wp-content/themes/seoul/images/sub/bullet_line_01.gif') repeat-x 0 bottom;}
.child_policyDL_l a img {width:100%; height:auto;}
.child_policyDL_l + .child_policyDL_R {padding:0 10px 0 140px;}
.child_policyDL_R {min-height:90px;}
.child_policyDL_R .tit {text-align: left; padding: 0 ; margin: 20px 0; font-size:18px;}
.child_policyDL_R .tit a {display:block; overflow:hidden; color:#3f3f3f; text-overflow:ellipsis; white-space:nowrap;font-weight:bold; font-size:14px; }
.child_policyDL_R .tit a:hover {text-decoration:underline;}
.child_policyDL_R .time {display:block ;padding:0 0 2px 0; color: #767676; font-size:11px;}
.child_policyDL_R .part {padding-left:15px;}
.child_policyDL_R .topicCont a, .child_policyDL_R .topicCont_1 a {color:#767676; line-height:18px;}

[class*="resource"] .child_policyDL_wrap{overflow: hidden;margin-top: 40px;}
/* .link[class*="resource"] .child_policyDL_wrap{margin-top: -60px;} */
[class*="resource"] .child_policyDL_wrap:after, .resource_tag .tag_wrap:after{display: block; clear: both; content: ""; }
[class*="resource"] .child_policyDL {position:relative; float: left; overflow:hidden; margin-top:20px; margin-right: 20px; padding:0px 0px 20px 0px; width: calc( (100% - 40px) / 3 );background:url('/wp-content/themes/seoul/images/sub/bullet_line_01.gif') repeat-x 0 bottom;}
[class*="resource"] .child_policyDL:nth-child(3n) {margin-right: 0; }
[class*="resource"] .child_policyDL:nth-child(3n+1) {clear: left;}
[class*="resource"] .child_policyDL_l + .child_policyDL_R {padding:0}
[class*="resource"] .child_policyDL_l {position:static; margin-bottom: 20px;}
[class*="resource"] .child_policyDL_l a img {max-width: none;width: 100%; height: auto; max-width: 320px; max-height: 160px; height: 160px}
[class*="resource"] .child_policyDL_R {min-height:auto;}
[class*="resource"] .child_policyDL_R .tit a {display:block; overflow:hidden; color:#3f3f3f; text-overflow:ellipsis; white-space:nowrap;font-weight:bold; font-size:18px; }
[class*="resource"] .child_policyDL_R .tit a:hover {text-decoration:none;}
[class*="resource"] .child_policyDL_R .time {display:block ;padding:0 0 2px 0; color: #767676; font-size:14px;}
[class*="resource"] .child_policyDL_R .part {padding-left:15px;}
[class*="resource"] .child_policyDL_R .topicCont a {padding-top:12px;font-size: 14px;}

.resource_tag .tag_wrap{margin-top: -90px;}
.resource_tag .tag_wrap .center{position: relative;float: left;overflow: hidden;width: 100%;border-bottom: 1px solid #e7e7e7;background: #f4f6f7;}
.resource_tag .tag_wrap .center ul{position: relative;left: 50%;float: left;clear: both;margin: 10px 0;padding: 0;text-align: center;}
.resource_tag .tag_wrap .center ul li {position: relative; right: 50%;display: block; float: left; margin: 0 5px 0 0 ;padding: 0;}
.resource_tag .tag_wrap .center ul li a{right: 50%;display: block; margin: 0 0 0 1px ;padding: 2px 8px 4px; }
.resource_tag .tag_wrap ul li a,.resource_tag .tagDiv ul li,.resource_view li  {display: inline-block; padding:3px 10px;border:1px solid; border-radius: 15px; font-weight: 600; font-size: 14px;} 
.resource_tag .tag_wrap ul.field li a{margin-bottom:5px; border-color:#008bd0; color:#008bd0; background: #fff;}
.resource_tag .tag_wrap ul.skill li a{margin-bottom:5px; border-color:#97a4ae; background-color:#97a4ae; color:#fff;}
.resource_tag .tagDiv li.field, .resource_view .title_wrap li.field {border: 0;color:#008bd0;border-radius:0; line-height:1; padding: 0;}
.resource_tag .tagDiv li.skill, .resource_view .title_wrap li.skill {border:0; color: #545454;border-radius:0; line-height:1; padding: 0;}
.resource_tag .tag_wrap ul.field li.active a{border-color:#272a39; background-color:#272a39; color:#fff;}
.resource_tag .tag_wrap ul.skill li.active a{border-color:#d80073; background-color:#d80073; color:#fff;}
.resource_tag .child_policyDL {padding: 0;background: none; }
.resource_tag .child_policyDL_R {min-height:60px;}
.resource_tag .child_policyDL_R h4{background: none}
.resource_tag.link .child_policyDL_R h4{background: none; margin-bottom: 8px;}
.resource_tag .child_policyDL_R .topicCont {font-size: 14px; color: #767676}
.resource_tag .child_policyDL_R .topicCont {min-height: 36px;}
.resource_tag .child_policyDL_l{position: relative}
.resource_tag .child_policyDL_l .catagory{position: absolute; top: 0; left: 0; padding:9px 19px 8px 17px; background-color: rgba(0,0,0,.5);color: #fff; font-weight: 600; }
.resource_tag .tagDiv {margin-top:12px; padding:12px 0 8px; background:url('/wp-content/themes/seoul/images/sub/bullet_line_01.gif') repeat-x 0 top; }
.resource_tag .tagDiv ul{min-height: 60px;}
.resource_tag .tagDiv ul li, .resource_view .title_wrap ul li{margin-bottom:4px; font-size: 12px }

.resource_view .title_wrap{padding: 27px 30px; border-bottom: 1px solid #e7e7e7; background-color: #f4f6f7; }
.resource_view .title_wrap ul li{margin-right: 5px;margin-bottom: 0}
.resource_view h4 {margin: 0; text-align: left; background: none; margin-bottom: 13px;font-weight: 600; font-size:26px; }
.resource_view h4 .category{margin-right:10px;  color: #d80073; }

/*video-container */
.video-container { position: relative; overflow: hidden;padding-bottom: 56.25%; height: 0; }
.video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
@media screen and (max-width: 1024px) {
    [class*="resource"] .child_policyDL {margin-right: 2%; width: 48%; }
    [class*="resource"] .child_policyDL:nth-child(2n) {margin-right: 0;}
    [class*="resource"] .child_policyDL:nth-child(3n+1) {float:left;clear: none;}
    [class*="resource"] .child_policyDL:nth-child(2n+1) {clear: left;}
    [class*="resource"] .child_policyDL:nth-child(3n){margin-right: 2%}
    [class*="resource"] .child_policyDL_l a img{max-width: none;width: 100%;max-height: 250px;}
    .resource_tag .tag_wrap .center{position: static; right: auto;left:0; overflow-x: scroll; }
    .resource_tag .tag_wrap .center ul{position: static; right: auto;left:0; }
    .resource_tag .tag_wrap .center ul li{position: static; right: auto;left:0; }
    .resource_tag .tag_wrap .center ul.field{width: 754px; padding: 0 10px;}
    .resource_tag .tag_wrap .center ul.skill{width: 650px; padding: 0 10px;}
    .sub-content-inner .inner-wrap .resource_view h4{margin: 0}
    .btn-group {margin: 20px 0 0 }
}/*@media screen and (max-width: )*/
@media screen and (min-width:769px ) {
    [class*="resource"] .sub-inner-title {z-index: 0}
    .resource_tag .n1-search-input-box-wrap .n1-search-input-box{width: 274px;}
    .resource_tag .n1-search-input-box-wrap, .resource_tag.link .n1-search-input-box-wrap {margin-top: -100px;float:right;width: 400px;}
    
    
}/*@media screen and (max-width: )*/
@media only screen and (max-width: 768px) {
    .sub-board-content{padding: 10px 0 20px;}
    .link .sub-board-content{padding: 20px 0 ;}
    .sub-content-inner.resource_tag .sub-inner-title.work {border: 0}
    .sub-content-inner.resource_tag .sub-inner-title:after{display: none}
    [class*="resource"].child_policyDL_wrap {margin-top: 20px}
    .child_policyDL_R {padding:0!important;min-height:0 !important; }
    [class*="resource"] .child_policyDL {margin: 0 auto;width: 100%; padding-bottom: 10px}
    [class*="resource"] .child_policyDL_l{margin-bottom: 10px;}
    .resource_tag .child_policyDL_R h4{margin: 0 !important}
    [class*="resource"] .child_policyDL_wrap {margin-top: 0 !important}
    .resource_tag .tag_wrap {margin: 0 -30px 30px}
    .resource_view .title_wrap{padding: 10px;}
    .resource_view .title_wrap .title{margin: 10px 0 0 ; line-height: 1.1; font-size: 21px;}
    
    
}
@media only screen and (max-width: 641px) {
    [class*="resource"] .child_policyDL{margin-top: 30px}
    [class*="resource"] .child_policyDL:first-child{margin-top: 0}
    [class*="resource"] .child_policyDL:nth-child(3n) {margin-right: 0;}
    [class*="resource"] .child_policyDL:nth-child(2n) {margin-right: 0;}
    .child_policyDL_R .topicCont a, .child_policyDL_R .topicCont_1 a{word-break: break-all}
    .resource_tag .tagDiv ul{min-height: auto;}
    
}
@media screen and (max-width: 480px) {
    .resource_tag .n1-search-input-box-wrap {position: relative;overflow: hidden;margin: 0 auto;padding: 0 50px 0 0;max-width: 405px;height: 71px;width: 100%;}
    .resource_tag span.search_type.type2 {width: 48%;height: 30px;position: absolute;top: 0;bottom: 0;left: 0;border: 1px solid #ccc;z-index: 11;}
    .resource_tag span.search_type.type2 select {width: 100%;height: 30px;border: 0;border: 0;background: none;color: #666;vertical-align: middle;font-family: "Malgun Gothic","맑은 고딕";cursor: pointer;appearance: none;z-index: 111;}
    .resource_tag .n1-search-input-box-wrap .n1-search-input-box {position: absolute;overflow: hidden;padding-left: 0;height: 70px;border: 0;border-radius: 2px;margin-left: 0;float: right;width: 100%;z-index: 1;}
    .resource_tag .n1-search-input-box-wrap .n1-search-input-box span.search_type {position: absolute;top: 0;bottom: 0;right: 0;left: auto;width: 48%;border: 0;}
    .resource_tag .n1-search-input-box-wrap .n1-search-input-box span.search_type select {width: 100%;height: 30px;border: 0;border: 0;background: none;color: #666;vertical-align: middle;font-family: "Malgun Gothic","맑은 고딕";cursor: pointer;appearance: none;border: 1px solid #ccc;}
    .resource_tag .n1-search-input-box-wrap .n1-search-input-box input[type=text] {width: 100%;height: 30px;border: 0;line-height: 30px;position: absolute;bottom: 0;border: 1px solid #ccc;left: 0;width: calc(100% - 50px);}
    .resource_tag.link .n1-search-input-box-wrap input[type=button], .n1-search-input-box-wrap input[type=submit] {position: absolute;top: 40px;right: 0;width: 45px;height: 30px;border: 1px solid #ccc;border-radius: 2px;background: url(/wp-content/themes/seoul/images/search-btn.gif) no-repeat center 4px;text-indent: -9999px;cursor: pointer;z-index: 2;}
}/*@media screen and (max-width: )*/

#thumnail-gallery-video {overflow:hidden;margin:0 auto; max-width:1000px; }
#thumnail-gallery-video .child_policyDL {float:left !important; margin-top:30px; padding:0 0 25px 0; width:25%; background:none;}
#thumnail-gallery-video .child_policyDL_l, #thumnail-gallery-video .child_policyDL_R {margin:0 10px; padding:0;}
#thumnail-gallery-video .child_policyDL_l {position:static; display:block !important;}
#thumnail-gallery-video .child_policyDL_l a {display:block; overflow:hidden;height:115px; }
#thumnail-gallery-video .child_policyDL_l a img {padding:0 !important; width:100% !important; height:auto !important;}
#thumnail-gallery-video .child_policyDL_R {margin-top:10px; min-height:0;}
#thumnail-gallery-video .child_policyDL_R h4.tit {margin:17px 0 4px 0;}
#thumnail-gallery-video .child_policyDL_R h4.tit a {font-size:15px;}
#thumnail-gallery-video .child_policyDL_R .part, #thumnail-gallery-video .child_policyDL .tagDiv, #thumnail-gallery-video .child_policyDL_R .topicCont {display:none !important;}
#thumnail-gallery-video .paging {margin:0 !important;padding-top:35px; }
@media only screen and (max-width:800px) {
    #thumnail-gallery-video .child_policyDL {margin-top:20px; padding:0 0 17px 0;}
    #thumnail-gallery-video .child_policyDL {width:33.33333333%;}
    #thumnail-gallery-video .child_policyDL_l, #thumnail-gallery-video .child_policyDL_R {margin:0 7px;}
}
@media only screen and (max-width:641px) {
    #thumnail-gallery-video .child_policyDL {width:50%;}
    #thumnail-gallery-video .child_policyDL_l, #thumnail-gallery-video .child_policyDL_R {margin:0 3px;}
}

/* paging */
.paging {clear:both;margin-top:35px; margin-bottom:15px;text-align:center; }
.paging .btn img {font-size:0; line-height:0;}

/* paging new 20160921 */
.paging a {display:inline-block; min-width:22px; height:22px; border:1px solid #717171; color:#666;vertical-align:middle; font-family:dotum; line-height:21px; }
.paging a:hover {padding:0;text-decoration:underline;}
.paging span.current {display:inline-block; min-width:22px; height:22px; border:1px solid #333; background:#333; color:#fff;vertical-align:middle; font-weight:normal; font-family:dotum; line-height:22px; }
.paging span.dots  {display:inline-block; height:24px; vertical-align:middle;font-family:dotum; line-height:24px;}


/* text-align */
.text-align-left{text-align:left !important}
.text-align-right{text-align:right !important}
.text-align-center{text-align:center !important}

/* margin */
.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px;}

/* pic-float */
.pic-fr{float:right;margin:-10px 0px 0px 20px;}
@media only screen and (max-width: 641px) {
    .pic-fr{float:right;margin:0px 0px 0px 20px;}
}

/* slide */
.bx-controls-direction{display:none;}
.main-content-slide .bx-wrapper .bx-pager{bottom:-21px !important;}


@media only screen and (min-width: 1025px) {
    .header-inner nav{display: block !important;}
}

@media only screen and (max-width: 1400px) {
	#infor.main-content ul li span.txt-large {font-size: 22px}
	.main-content ul li span.img {width: 90px;height: 90px;margin-top: 25px;background-size: 270px 180px;}
	.main-content ul li span.img.num01 {background-position: 0 0}
	.main-content ul li span.img.num02 {background-position: -90px 0}
	.main-content ul li span.img.num03 {background-position: -180px 0}
}
@media only screen and (max-width: 1024px) {
    body.sub .mobile-search-open-btn{right:80px;display:block;}
/*    #sub-content.sub-infor {padding:0 }*/
    /* layout */    
    .mobile-menu-btn{display:block;}
    #main-visual{height:480px;}
    .main-visual-right{width:540px;height:614px;background:url(../images/main/pic-visual-b1024.png) no-repeat;}
    .main-visual-infor{padding:191px 0 0 0;}
    .main-visual-infor p{width: 90%; margin: 0 auto; font-size: 30px;}
    .main-content .title-wrap .title-inner span br ,  #infor .title-wrap .title-inner span br{display:none}
    .detail .sub-location, .sub-infor .sub-location {padding: 16px;text-align: left;box-sizing: border-box;background: #fff;border-bottom: 1px solid #e7e7e7;margin-bottom: 20px;font-size: 16px;font-weight: 600;line-height: 1;display: block;overflow: hidden;}
    .detail .sub-location a, .sub-infor .sub-location a{font-size: 16px; color: #333; float:left; line-height: 1.2; letter-spacing: -.5px;}
    .detail .sub-location a:after, .sub-infor .sub-location a:after, .sub-content-inner .sub-location a:after{top:3px;}
    .sub-location + #post-contents{padding-top: 0}
    body.sub .header-inner .logo{float:none;margin:20px 0px 0px 20px;width:150px;}
    body.sub header{position:absolute;top:0px;left:0px;width:100%;height:90px;border-bottom:0px;background-color: rgba(21,36,61,1);}        
    body.sub .sub-search{display:none;border-bottom:1px solid #ddd;}
    body.sub .header-inner nav{float:none;margin-left:0px;}
    .keyword li a{width:auto;}
    header{top:0px;}    
    .header-inner .logo{float:none;margin:35px 0px 0px 20px;}
    .header-inner nav{display:none;float:none;margin-top:22px;}
    .header-inner nav ul{position:relative;width:100%;}
    .header-inner nav ul li{float:none;margin:0px;border-bottom:1px solid #36455e;background-color:#00102a;font-weight:bold;font-size:20px;line-height:70px;width:auto;}   
    .header-inner nav ul li:first-child{border-top:1px solid #36455e;}  
    .header-inner nav ul li a{padding-left:25px}
    .header-inner nav ul li ul{margin-left:-30px;width:auto;}
    .header-inner nav ul li ul.gnb-2depth li{border-bottom:1px solid #36455e;background-color:#1a2942;font-weight:normal;font-size:18px;line-height:65px;padding: 0}
    .header-inner nav ul li ul li a{display:block;padding-left:60px;}
    .header-inner nav ul li ul li:first-child{border-top:1px solid #36455e;}
    .header-inner nav>ul>li:nth-child(-n+3) a.active span, .header-inner nav>ul>li:nth-child(-n+3) a:hover span{width:15px; left: auto;}
    .header-inner nav ul li:nth-child(-n+3) a span,.header-inner nav ul li a span:after{ position: absolute;  top:33px;    right:20px;  z-index:111;     display:block; width:15px; height:3px; background:#fff; background:#fff; -webkit-transition-delay: 0s; -moz-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s;-webkit-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1); -moz-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1); -o-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1); transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1); -webkit-transition-duration: 0.4s; -moz-transition-duration: 0.4s; -o-transition-duration: 0.4s; transition-duration: 0.4s; -webkit-transition-property: all; -moz-transition-property: all; -o-transition-property: all; transition-property: all; }
    body.sub .header-inner nav ul li a span{top:34px;}
    body.sub .header-inner nav ul li a span:after{top:-1px;}
    .header-inner nav ul li a span:after {content: "";}   

    .header-inner nav ul li a span:after {
        left: auto;
        top: -1px;
        right:1px;
        width:16px;
        transform:rotate(90deg);
        -webkit-transform-origin: 50% 100%;
        -moz-transform-origin: 50% 100%;
        -ms-transform-origin: 50% 100%;
        -o-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
    }
    .header-inner nav ul li a span.minus:after {
        left: auto;
        top: 0px;
        right:0px;
        width:15px;    
        transform:rotate(0deg);    
    }
    .header-inner nav ul li ul.gnb-2depth li:first-child{padding-top: 0}
    /* plan */
    .main-content {padding: 40px 30px ; background-color:#f1f4fb; overflow: hidden;}
    .main-content .plan-sub-title .sub-title-wrap {padding: 26px 20px;width: 100%;height: auto;margin-bottom: 20px; border-radius: 15px; }
    .main-content .plan-sub-title .sub-title-wrap:after{display:none;}
    .main-content .plan-sub-title p{ display: inline-block;}
    .main-content .plan-sub-title p:after{display: inline-block;bottom: 5px;left: 102%; width: 40%;}
    .main-content .main-content-slide {width: 100%; border-radius: 15px}
    .main-content .main-content-slide li{width:50%;}
    #infor.main-content .main-content-slide li {margin-bottom: 2px;background: #fff}
    #infor.main-content ul li span.txt-number-box {margin-top: 20px;background: #e3ebfa}
    .main-content .bx-wrapper .bx-viewport {border-radius: 15px;}
    .main-content .plan-sub-title i.icon {height: 60px; right: 20px;}

    .main-content .title-wrap, .main-content .title-wrap .title-inner, #infor .title-wrap, #infor .title-wrap .title-inner{padding: 0; margin-bottom: 10px;height: auto;}
    .main-content .title-wrap .title-inner h2, #infor .title-wrap .title-inner h2{border: 0; margin-bottom: 8px;; width: 100%; padding: 0;height: auto; line-height: 1}
    .main-content .title-wrap .title-inner span, #infor .title-wrap .title-inner span {padding: 0; margin: 0; width: 100%; line-height: 1.2}
    
    /*infor*/
    #infor {padding: 20px 30px 40px; background-color:#f1f4fb}
    #infor .infor-content{width: 100%; border-radius: 15px;}
    #infor .infor-sub-title .sub-title-wrap {padding: 26px 20px;width: 100%;height: auto;margin-bottom: 20px; border-radius: 15px; }
    #infor .infor-sub-title .sub-title-wrap:after{display:none;}
    #infor .infor-sub-title i.icon {height: 60px; right: 20px;}
    #infor .infor-sub-title p{ display: inline-block;}
    #infor .infor-sub-title p:after{display: inline-block;bottom:5px;left: 102%;width: 20%;}
    #plan .plan-sub-title p .block, 
    #infor .infor-sub-title p .block {display: inline-block;float: left;}
    #infor .infor-content{height: auto;}
    #infor .infor-content li{position: relative; background: #fff; margin: 0; border-left: 0;height: auto;padding: 16px 0; overflow: hidden;}
    #infor .infor-content li:after {position: absolute; content: ''; width: 1px ; background: #f1f4fb; right:0; top:10%; height: 80%;}
    #infor .infor-content li:nth-child(-n+3){border-bottom: 2px solid #f1f4fb}
    #infor .infor-content li:nth-child(3n+1){border-radius: 15px 0 0 15px}
    #infor .infor-content li:nth-child(3n){border-radius: 0 15px 15px  0; position: static; }
    #infor .infor-content li .img{position: static; width: 100%; height: 110px; background-position: center ;transform:none; margin-bottom: 10px}
    #infor .infor-content li {border-bottom: 0; }
    #infor .infor-content li .infor-text-wrap {width: 100%;position: static;transform:none;overflow: hidden;}
    #infor .infor-content li .infor-text-wrap [class*="text"] {font-size: 14px;text-align: center;font-weight: 600;line-height: 1.2;letter-spacing: 0;margin-right: 0;}
    
    /* seb-search */
    .sub-search{display:none;float:none;width:100%;height:70px;border-right:0px;border-left:0px;background-color:rgba(255,255,255,1);}
    body.sub .sub-search-btn,body.main .sub-search-btn{position:absolute;top:68px;right:0px;z-index:111;width:115px;height:70px;border-top-right-radius:0px;border-bottom-right-radius:0px;background-color:#e8e7e7;text-align:center}
    .sub-search-btn a{display:block;width:115px;height:70px;color:#333;font-size:45px;}
    .sub-search-btn a span{margin-top:-5px;}
    .sub-search-inner{padding:7px 160px 0px 0px;width:auto;height:30px;border-top-left-radius:0px;border-bottom-left-radius:0px;background-color:#fff;}
    .sub-search-inner input[type=text]{margin:3px 0px 0px 0px;padding:10px;width:100%;font-size:20px;}    

    /* sub-visual */
/*    #sub-visual{display:none;}*/

    /* sub-content 2022-07-18 */
    .sub-content-inner{padding:0 !important;width:auto;overflow: hidden;}
    .sub-content-inner .inner-wrap{padding:30px 20px; background: #fff ;overflow:hidden;}
    .sub-content-inner .inner-wrap.bg{background: #f1f4fb}
    .sub-content-inner .inner-wrap.shadow{border-bottom: 1px solid #e7e7e7; margin-bottom: 20px;}
    .sub-content-inner .inner-wrap h4 { margin-top: 20px;}
    .archive .sub-content-inner .inner-wrap h4{background: none;border-bottom: 1px solid #97a4ae; text-align: left}
/*    .sub-content-inner,.sub-board-content{width:auto;padding:50px 25px !important;}*/
    .sub-content-inner.detail{padding:0px;width:auto;}
    .side-bar{display:block;}
    #side-content{position:fixed;top:0px;bottom:0px;left:100%;z-index:1002;margin-left:0px;width:60%;height:100%;background:#fff;} 
    #tab{display:none;}
    .sub-content-tab li a{display:block;padding:0px 15px 0px 15px;background:none}

    /* social */
    .social-subject-wrap{display:none;}
    .social-year-depth1{width:100%;background:none}
    .social-year-depth1 li{position:relative;margin:0px 0px 20px 0px;width:100%;text-align:left;font-size:26px;line-height:27px}
    .social-year-depth1 li a{position:relative;display:block;padding:20px 20px;width:auto;height:auto;border-radius:4px;background:#df225a;color:#fff;}
    .social-year-depth2{position:relative;top:10px;left:0px;z-index:1;width:auto;height:auto;background:none;}
    .social-year-depth2 li{float:none;margin:5px 0px;padding:8px 5px 12px 25px;height:auto;border-bottom:1px solid #e5e5e5;background:none;color:#666;text-align:left;font-size:20px;line-height:26px}
    .social-year-depth2 li.w108{width:auto;}
    .social-year-depth2 li.w111{width:auto;}
    .social-year-depth2 li.w250{width:auto;}
    .social-year-depth2 li.w392{width:auto;}
    .social-year-depth2 li.w535{width:auto;}
    .social-year-depth2 li:last-child{border-bottom:0px;}
    .social-year-depth2 li span{display:block;margin-bottom:4px;margin-left:-15px;padding-left:13px;background:url(../images/sub/bg-year-dot.gif) no-repeat 0px 9px;color:#6e6e6e;font-weight:bold;font-size:24px;}

    /* sub infor */
    .sub-infor-element .sub-infor-element-inner{position:relative;top:0px;left:0px;z-index:11;margin-left:0px;max-width:1050px;width:100%;height:auto;background:none;}
    .sub-infor-element .sub-infor-element-inner li dl{margin:30px 25px 0px 25px;}
    .sub-infor-pic{margin:50px 0px 20px 0px;}
    .sub-infor-element{padding-bottom:50px;height:auto;}

    /* eng */
    /*
    .lan{display:block;top:13px;right:87px;}
    .lan dt{display:none;}
    .lan dd{font-size:27px;background-color:transparent;}
    */
    
    /* side-content */
    .side-content-inner{position:absolute;top:0px;bottom:0px;left:0px;z-index:1;overflow-y:auto;width:100%;} 
    .side-new-title{background-size: cover}
    .side-content-inner-inner{position:relative;padding:20px 20px 120px 20px;}
    #layerpopup{left:0px;margin-left:0px;min-height:100%;height:100%;}

     /* 서울시 소식 */
    .seoul-common-wrap{display:none;}
    
    /* 헤더 사이즈 수정 2016-09-26 */
    header {height:131px;overflow: visible; background-color: rgba(20,29,56,.9);}

    /* lang 수정 2016-09-26 */
    .header-lang {overflow:hidden; width:auto; height:41px; background:#0d1e3a;}
    .lan {position:relative; right:10px; float:right;}
}


@media only screen and (max-width: 749px) {
    #post-contents .table-responsive{overflow-x:auto;overflow-y:hidden;}
    #post-contents .table-responsive table th,#post-contents .table-responsive table td,.table-responsive table td ul li{white-space:nowrap;}
}

@media only screen and (max-width: 640px) {
    body.sub .sub-search-btn{top:61px;}
    .header-inner nav{margin-top:15px;}
    .mobile-menu-btn{top:70px;right:15px;}
    .mobile-menu-line,.mobile-menu-line:before,.mobile-menu-line:after{width:33px;}
    .header-inner .logo{float:none;margin:23px 0px 20px 20px;width:150px;}
    .header-inner .logo img{width: 81px;}
    .keyword{display:none;}
    .sub-title{left: 0; transform: none; width: 100%;}
    .sub-title h2{font-size: 36px;padding-left: 90px}
    .sub-title h2.digital:before,.sub-title h2.smart:before,.sub-title h2.resource:before,.sub-title.search h2:before{width:90px; height: 90px; top:-21px; left: -10px; background-size: contain }
      /* layout */
    
    #main-visual{height:322px;background:url(../images/main/pic-visual-640.jpg) center top;background-size: cover}
    .main-visual-infor {padding: 155px 0 0 0 }
    .main-visual-infor p{font-size:22px; text-shadow:1px 3px 7px #000; text-align: center;}
    .search-inner{display:none;margin:20px 0px 0px 0px;}
    .main-visual-right{top:100px;width:359px;height:382px;background:url(../images/main/pic-visual-b640.png) no-repeat;}
    .sub-search{margin-top:-5px;}
    body.main .sub-search-btn{top:53px;}
    body.main .mobile-search-open-btn{right:80px;display:block;}
    .mobile-search-open-btn a{font-size:25px;}
    /* .main-content .bx-wrapper .bx-viewport{border-radius: 7px} */

    /* infor */
    /* #infor{padding-right:15px;padding-bottom:10px;padding-left:15px;}*/
    #infor .title-wrap .title-inner h2{float:none;color:#333;font-size:25px;letter-spacing: 0;}
    #infor .title-wrap .title-inner span{display:block;margin:0px;padding-left:0;border:0px;color:#4e4e4e; letter-spacing: -1px; line-height:1.2; font-size: 15px;}
    #infor .title-wrap .title-inner span br{display:none;}
    #infor .infor-innner .infor-title h2{float:none;margin-top:-5px;font-size:25px;}
    #infor .infor-innner .infor-title span{display:block;margin:0px 0px 0px 0px;padding-left:5px;border-left:0px;color:#4e4e4e;font-size:18px;}
    #infor .infor-innner .infor-title{padding-top:20px;}
    #infor .infor-sub-title p {font-size:24px;}
    #infor .infor-sub-title p:after{height: 14px; width: 35%;}
/*    #infor .infor-sub-title i.icon {height: 45px;}*/
    
    #infor .infor-content li a{}
    #infor .infor-content li a span.pic{min-height:86px;}
    #infor .infor-content li a span.txt-inner{position:absolute;top:0px;right:7px;left:7px;z-index:111;margin-left:0%;width:auto;height:86px;border-radius:6px;background-color:rgba(0,4,52,0.5);}
    #infor .infor-content li a span.pic-inner{width:100%;height:86px;}
    #infor .infor-content li a span.txt-inner .more,#infor .infor-content li a span.pic-inner .number,#infor .infor-content li a span.pic-inner .plus{display:none;}
    #infor .infor-content li a span.txt-inner .txt-infor{display:none;}
    #infor .infor-content li a span.txt-inner .txt-infor span{display:inline-block !important;}
    #infor .infor-content li a span.txt-inner .txt-title{display:inline-block;margin-top:27px;border:0px;color:#feefc3;font-size:21px;}
    #infor .infor-sub-title, .main-content .plan-sub-title {border-radius: 7px;}
    #infor .infor-sub-title{ border-radius: 7px; }
    #infor .infor-content li:nth-child(3n+1){border-radius: 7px 0 0 7px}
    #infor .infor-content li:nth-child(3n){border-radius: 0 7px 7px  0; position: static; }
    /* plan */
    .main-content{}    
    .main-content ul{position:relative;overflow:hidden;width:100%;} /* height:266px; */
    .main-content .main-content-slide li{position:absolute;top:0px;left:0px;z-index:11;float:none;width:100%;height:47vw;background-position:center top; background-size:cover;background-repeat:no-repeat;text-align:center;}
    #infor.main-content .main-content-slide li  {height: 72vw !important}
    #plan.main-content ul li.plan-one{background-image:url(../images/main/new-pic-plan-menu1-mo.jpg);}
    #plan.main-content ul li.plan-two{background-image:url(../images/main/new-pic-plan-menu2-mo.jpg);}
    #plan.main-content ul li.plan-three{background-image:url(../images/main/new-pic-plan-menu3-mo.jpg);}
    #plan.main-content ul li.plan-four{background-image:url(../images/main/new-pic-plan-menu4-mo.jpg);}
    .main-content ul li span{display:block;text-align:center}
    .main-content ul li a{display:block;width:auto;/* height:488px; */}
    .main-content ul li span.plan-title-wrap{overflow:hidden;padding-top:40px;}
    .main-content ul li span.txt-small{display:inline-block;font-size:32px;}
    .main-content ul li span.txt-large{margin-top:0px;color:#fff;font-weight:bold;font-size:32px;}
    .main-content ul li span.txt-bar{display:none;}
    #infor.main-content ul li span.txt-bar {display: inline-block;margin: 15px 0 5px;}
    .main-content ul li span.txt-number-wrap{margin-top:30px;}
    .main-content ul li span.txt-number-box{display:inline-block;padding-top:7px;width:100px;height:93px;border-radius:50px;background-color:#fff;}
    .main-content ul li span.txt-number-box .txt-red{display:inline-block;color:#e10a0a;letter-spacing:-3px;font-weight:bold;font-size:40px;margin-bottom: 8px}
    .main-content ul li span.plan-detail{display:none;}
    .main-content ul li span.plan-detail .plan-detail-text{padding-top:140px;color:#fff;font-size:20px;line-height:30px;}
    .main-content ul li span.plan-detail-bar{display:inline-block;margin-top:40px;width:70px;height:7px;background-color:#fff}
    
    .main-content .title-wrap{height:auto;background:none;}
    .main-content .title-wrap .title-inner h2{float:none;color:#333;font-size:25px;letter-spacing: 0;}
    .main-content .title-wrap .title-inner span{display:block;margin:0px;padding-left:0;border:0px;color:#4e4e4e; letter-spacing: -1px; line-height:1.2; font-size: 15px;}
    .main-content .title-wrap .title-inner span br{display: none;}
    .main-content .plan-sub-title p {font-size:24px;}
    .main-content .plan-sub-title p:after {height: 14px; width: 55%;}
/*    .main-content .plan-sub-title i.icon {height: 45px;}*/

    
    /* side-conten */ 
    #layerpopup.youtube{margin-left:0px;max-width:620px;width:100%;}
    #layerpopup .layerclose-btn{right:0px;}
    .layer-content iframe{width:100% !important;}

    /* social */
    .social-year-wrap{max-width:290px;}

    /* sub infor */
    .sub-infor-element .sub-infor-element-inner li{width:50%;}

    /* 헤더 사이즈 수정 2016-09-26 */
    header {height:106px;}

    #infor.main-content ul li span.plan-title-wrap {padding-top: 20px}

}
@media only screen and (max-width: 481px) {  
    
    .search-inner{width:94%;}
    
    /* plan */     
    .search-inner button{font-size:20px;}   
    .main-content, #infor{padding: 40px 20px}
    #infor .infor-content li .infor-text-wrap [class*="text"]{font-size: 13px;}
}

@media only screen and (max-width: 480px) {
    
    .main-visual-infor p{font-size:16px;}
    #infor .infor-content li .img {height: 80px;}
    #infor .infor-sub-title p:after , .main-content .plan-sub-title p:after {display: none;}
    #infor .infor-sub-title, .main-content .plan-sub-title {padding:16px 0;margin-bottom:7px;}
    #infor .infor-content li{padding: 7px 0}

    #infor.main-content ul li span.txt-large {font-size: 18px;line-height: 1.2}
    #infor.main-content ul li span.txt-number-box {margin-top: 5px}
    #infor.main-content ul li span.img {margin-top: 15px}
    

}
@media only screen and (max-width: 415px) {
    #main-visual {height:296px;}
    #infor .infor-content li a span.txt-inner .txt-title{font-size:16px;}
/*    #infor .infor-innner .infor-title span,.main-content .title-wrap .title-inner span{font-size:13px;}*/
    .main-content .title-wrap{padding-left:5px;}

    #infor.main-content .main-content-slide li {height: 83vw !important}
}


@media only screen and (max-width: 361px) {
    .main-content .main-content-slide li{height: 150px;}
    #infor .infor-content{margin-top:0px;}
/*    #infor .infor-innner .infor-title h2,.main-content .title-wrap .title-inner h2{font-size:14px;}*/
    #infor{padding-right:10px;padding-left:10px;}
    #main-visual{height:245px;}
    .main-visual-infor p{margin-top:5px;font-size:13px;}
    
    body.sub .sub-search-btn{top:61px;width:90px;height:50px;}
    body.main .sub-search-btn{width:90px;height:50px;}
    body.sub .sub-search-btn a,body.main .sub-search-btn a{width:90px;height:50px;font-size:32px;}
    .sub-search{height:50px;}
    .sub-search-inner{padding:7px 120px 0px 0px;}
    .sub-search-inner input[type=text]{padding:4px;}
    .main-content ul li{height:150px;}
    .main-content ul li span.plan-title-wrap{overflow:hidden;padding-top:20px;}
    /* .main-content ul li a{height:150px} */
/*    .main-content .title-wrap .title-inner span{letter-spacing:-1px;font-size:12px;}*/
/*    .main-content .title-wrap{padding-left:5px;}*/
    /* .main-content ul{height:150px;} */
    .main-content ul li span.txt-small{font-size:18px;}
    .main-content ul li span.txt-large{font-size:18px;}
    .main-content ul li span.txt-number-wrap{margin-top:10px;}
    .main-content ul li span.txt-number-box{display:inline-block;padding-top:7px;width:68px;height:61px;border-radius:68px;background-color:#fff;}
    .main-content ul li span.txt-number-box .txt-red{display:inline-block;color:#e10a0a;letter-spacing:-3px;font-weight:bold;font-size:30px;}
    .main-content ul li span.txt-number-box .txt-black{font-size:10px;}
    .main-content .title-wrap .title-inner{padding-top:0px;}

    .main-content ul li span.img {width: 60px;height: 60px;margin-top: 25px;background-size: 180px 120px;}
	.main-content ul li span.img.num01 {background-position: 0 0}
	.main-content ul li span.img.num02 {background-position: -60px 0}
	.main-content ul li span.img.num03 {background-position: -120px 0}
}

@media only screen and (max-width: 320px) {
    #infor .infor-content li a span.txt-inner .txt-title{font-size:12px;}
    .search-inner button{font-size:20px;}
    body.sub .header-inner .logo{float:none;margin:20px 0px 0px 10px;}
    .mobile-search-open-btn{right:80px;}
    .main-visual-infor p{font-size:13px;}
    .keyword li a{height:35px;font-size:13px;line-height:35px}

    /* sub infor */
    .sub-infor-element .sub-infor-element-inner li{width:100%;}
    #infor.main-content .main-content-slide li {height: 260px !important}
}

/* 메인 bxslider관련 수정 2019-08-16 */
@media only screen and (min-width: 641px) {
.main-content .main-content-slide {transform: translate3d(0px, 0px, 0px) !important;-webkit-transform: translate3d(0px, 0px, 0px) !important}
.main-content .main-content-slide li {width: 50% !important;}
#infor.main-content .main-content-slide li {width: 100% !important}

}

@media only screen and (min-width: 880px) {
    #infor.main-content .main-content-slide li {width: 33.3333% !important}
}

@media only screen and (min-width: 1025px) {
 #plan.main-content .main-content-slide {width: 80% !important}
.main-content .main-content-slide li {width: 25% !important;}
/* #infor.main-content .main-content-slide li  {width: 33.3333% !important} */
#infor.main-content .main-content-slide li{width: calc(33.3333% - 1px) !important;margin-left: 1px;background: #fff;}
#infor.main-content .main-content-slide li:first-child {width: calc(33.3333%) !important;margin-left: 0;}

.header-inner nav ul li ul{display: block !important;}
}

/* vision 2022-07-18 */
.vision-wrap h5 {margin: 10px 0;color: #333;font-size: 18px;font-weight: 700;}
.tit-vision {display: flex;align-items:center;justify-content: center;padding: 26px 0;background: url(/wp-content/themes/seoul_digital/page-templates/smart2025/images/sub/bg_vision_title.jpg) no-repeat 0 0;background-size: cover;border-radius: 10px;color: #fff;font-size: 24px;font-weight: 700;text-align: center;}
.vision-arr {width: 100%;max-width: 660px;height: 100px;margin: 20px auto;background: url(/wp-content/themes/seoul_digital/page-templates/smart2025/images/sub/img_vision_arrow.png) no-repeat 50% 50%;}
.list-vision {display: flex;justify-content: space-between}
.list-vision li {display: flex;align-items: center;justify-content: center;width: 15.5%;padding: 10px;background: url(/wp-content/themes/seoul_digital/page-templates/smart2025/images/sub/bg_vision_list.jpg) no-repeat 100% 0;background-size: cover;color: #fff;text-align: center;font-size: 16px;font-weight: 700;}
.list-strategy {display: flex;justify-content: space-between;margin-bottom: 60px;}
.list-strategy>li {position: relative;display: flex;align-items: center;justify-content: center;width: 32%;padding: 20px 10px;color: #fff;font-size: 16px;font-weight:700;text-align: center;}
.list-strategy>li:after {content: '';position: absolute;bottom: -46px;left: 50%;width: 27px;height: 23px;margin-left: -12px;background: url(/wp-content/themes/seoul_digital/page-templates/smart2025/images/sub/img_vision_arr_down.png) no-repeat 0 0;}
.list-strategy>li.list-strategy1 {background: url(/wp-content/themes/seoul_digital/page-templates/smart2025/images/sub/bg_vision_strategy1.jpg) no-repeat 0 0;background-size: cover;}
.list-strategy>li.list-strategy2 {background: url(/wp-content/themes/seoul_digital/page-templates/smart2025/images/sub/bg_vision_strategy2.jpg) no-repeat 0 0;background-size: cover;}
.list-strategy>li.list-strategy3 {background: url(/wp-content/themes/seoul_digital/page-templates/smart2025/images/sub/bg_vision_strategy3.jpg) no-repeat 0 0;background-size: cover;}
.list-strategy-type2 {display: flex;justify-content: space-between;}
.list-strategy-type2 li {display: flex;flex-direction: column;width: 32%;}
.list-strategy-type2 li p {display: flex;align-items: center;justify-content: center;min-height: 33%;line-height: 1.3;margin: 5px 0;padding: 5px;border: 3px solid #6a9ad1;font-size: 16px;font-weight: 700;text-align: center;}
.list-strategy-type2 li:nth-child(2) p {border: 3px solid #bb7944;}
.list-strategy-type2 li:nth-child(3) p {border: 3px solid #2a9489;}
.smart-vision .vision-text {margin-top: 50px;color: #333;text-align: left;line-height: 1.2;}
.list-vision-type2 {display: flex;justify-content: space-between;margin: 0 10px;}
.list-vision-type2>li {display: flex;justify-content: center;flex-direction:column;width: 49%;}
.list-vision-type2>li p {display: flex;justify-content: center;position: relative;margin: 45px 0 10px;padding: 10px;background: #cee1f9;color: #000;font-weight: 700;text-align: center;}
.list-vision-type2>li p:before {content: '';position: absolute;width: 11px;height: 39px;top: -45px;left: 50%;transform: translateX(-50%);background: url(/wp-content/themes/seoul_digital/page-templates/smart2025/images/sub/img_vision_arr_dot.png) no-repeat 0 0;}
.list-vision-type2>li .vision-type2 {display: flex;flex-grow: 1;padding: 30px;border: 1px solid #cccccc}

.smart-vision-new .vision-infor .vision-info-wrap {display: flex;align-items: center;}
.smart-vision-new .vision-infor .info-list {position: relative;top: 0;left: 0;width: calc(100% - 180px)}
.smart-vision-new .vision-infor .info-list dd {padding: 0}
.smart-vision-new .vision-infor .info-list dd:before {display: none}
.smart-vision-new .vision-infor .info-title-wrap {/* width: 160px;height: 160px; */}
.smart-vision-new .vision-infor .info-title-wrap .title {display: flex;align-items: center;justify-content: center;background-image: none !important;border-radius: 0}
.smart-vision-new .vision-infor .info-title-wrap .title span.text,
.smart-vision-new .vision-infor .info-title-wrap .title.num03 span.text {padding-top: 0;line-height: 1.5;}

/* policy tasks new  2022-07-18 */
.img-area {display: flex;justify-content: space-between;}
.img-area .imgs {text-align: center;}
.img-area-s-pole {align-items: center;}
.img-area-s-pole .imgs {margin-left: 20px;padding: 2px;border: 1px solid #ddd;}
.sub-policytask .list-work-wrap .list-work {display: flex;margin-bottom: 20px;background-color: #fff;}
.sub-policytask .list-work-wrap .list-work .number-box {display: flex;flex-shrink: 0;width: 21%;height: auto;padding: 10px;float: none;box-sizing: border-box;}
.sub-policytask .list-work-wrap .list-work .number-box a {position: relative;display: flex; align-items: center;justify-content: center;flex-direction: column;padding: 10px;color: #333;font-weight: 700;text-align: center;}
.sub-policytask .list-work-wrap .list-work .number-box a span {display: flex;flex-direction: column;justify-content: center;position: relative;font-size: 18px;}
.sub-policytask .list-work-wrap .list-work .number-box a .ico-plus {position: relative;display: flex;width: 45px;height: 45px;margin-top: 5px;background-color: #fff;}
.sub-policytask .list-work-wrap .list-work .number-box a .ico-plus:before {content: '';position: absolute;top: 50%;left: 50%;width: 21px;height: 3px;background-color: #40464c;border: 1px solid #40464c;transform: translate(-50%, -50%)}
.sub-policytask .list-work-wrap .list-work .number-box a .ico-plus:after {content: '';position: absolute;top: 50%;left: 50%;width: 3px;height: 21px;background-color: #40464c;border: 1px solid #40464c;transform: translate(-50%, -50%)}
.sub-policytask .list-work-wrap .list-work .number-box a:hover .ico-plus {background-color: #39d1c2}
.sub-policytask .list-work-wrap .list-work .number-box a:hover .ico-plus:before,
.sub-policytask .list-work-wrap .list-work .number-box a:hover .ico-plus:after {background-color: #fff;border: 1px solid #fff}

.sub-policytask .list-work-wrap .list-work .work-title-wrap {display: flex;padding: 15px 0;height: auto;}
.sub-policytask .list-work-wrap .list-work .work-title-wrap div.work-title a {font-size: 16px;padding-right: 0}
.sub-policytask .work-title a span {top: 50%}
@media (min-width: 1024px) {
.sub-policytask .list-work-wrap .list-work .number-box a {word-break: keep-all;}
}

/* smartcity seoul */
.cont-smartcity-wrap {margin: 60px 0;display: flex;flex-wrap: wrap;justify-content: space-between;margin-bottom: 20px}
.cont-smartcity-wrap .cont-smartcity {display: flex;flex-direction: column;width: 30%;margin-bottom: 20px;text-align: center;}
.cont-smartcity-wrap .cont-smartcity a {display: block;width: 100%;height: 100%;padding: 35px 0;border: 1px solid #97a4ae;}
.cont-smartcity-wrap .cont-smartcity a:hover {background-color: #d80073;border: 1px solid #d80073}
.cont-smartcity-wrap .cont-smartcity a:hover span {color: #fff}
.cont-smartcity .ico-smartcity {display: block;width: 90px;height: 90px;margin: 0 auto;background-color: #fff;background-position: 50% 50%;background-repeat:no-repeat;border-radius: 50%;}
.cont-smartcity .ico-smartcity1 {background-image: url(/wp-content/themes/seoul_digital/page-templates/smart2025/images/sub/icon-smart01.png);}
.cont-smartcity .ico-smartcity2 {background-image: url(/wp-content/themes/seoul_digital/page-templates/smart2025/images/sub/icon-smart02.png);}
.cont-smartcity .ico-smartcity3 {background-image: url(/wp-content/themes/seoul_digital/page-templates/smart2025/images/sub/icon-smart03.png);}
.cont-smartcity .ico-smartcity4 {background-image: url(/wp-content/themes/seoul_digital/page-templates/smart2025/images/sub/icon-smart04.png);}
.cont-smartcity .ico-smartcity5 {background-image: url(/wp-content/themes/seoul_digital/page-templates/smart2025/images/sub/icon-smart05.png);}
.cont-smartcity .ico-smartcity6 {background-image: url(/wp-content/themes/seoul_digital/page-templates/smart2025/images/sub/icon-smart06.png);}
.cont-smartcity .ico-smartcity7 {background-image: url(/wp-content/themes/seoul_digital/page-templates/smart2025/images/sub/icon-smart07.png);}
.cont-smartcity .ico-smartcity8 {background-image: url(/wp-content/themes/seoul_digital/page-templates/smart2025/images/sub/icon-smart08.png);}
.cont-smartcity .ico-smartcity9 {background-image: url(/wp-content/themes/seoul_digital/page-templates/smart2025/images/sub/icon-smart09.png);}
.cont-smartcity a span {display: block;margin-top: 10px;color: #333;font-weight: 700;font-size: 16px;text-align: center;}

/* s-platform */
.s-platform {margin: 30px 0;width: 100%;height: 20.4vw;background: url(/wp-content/themes/seoul_digital/page-templates/smart2025/images/sub/bg_splatform.jpg) no-repeat 0 0;}
.s-platform .slogan {font-size: 32px;line-height: 1.2;padding-top: 4vw;text-align: center;color: #fff;box-sizing: border-box;}
.s-platform .slogan span {display: block;font-weight: 700;}
.s-platform .slogan span:first-child {margin-bottom: 10px;font-size: 45px;font-weight: 900}
.s-platform .slogan em {font-style: normal;}
.s-platform-text {text-align: center;}
.s-platform-text p {margin: 15px 0;}
.s-platform-text p:first-child {font-weight: 800;}
/* s-platform 2022 */
.sub-splatform .smart-strategy .strategy-infor>li {margin-bottom: 50px}
.sub-splatform .smart-strategy .strategy-infor li>a {display: block;overflow: hidden}
.sub-splatform .smart-strategy .strategy-infor .strategy-title-wrap {width: 37%;float: none;}

.sub-splatform .smart-strategy .strategy-infor .strategy-title-wrap .title {position: relative;display: flex;align-items: center;justify-content: center;width: 370px;height: 200px;background-repeat: no-repeat;background-position: 50% 50%;background-size: cover;}
.sub-splatform .smart-strategy .strategy-infor .strategy-title-wrap .title01 {background-image: url(../images/sub/bg_snet.jpg);}
.sub-splatform .smart-strategy .strategy-infor .strategy-title-wrap .title02 {background-image: url(../images/sub/bg_sdot.jpg);}
.sub-splatform .smart-strategy .strategy-infor .strategy-title-wrap .title03 {background-image: url(../images/sub/bg_sdata.jpg);}
.sub-splatform .smart-strategy .strategy-infor .strategy-title-wrap .title04 {background-image: url(../images/sub/bg_sbrain.jpg);}
.sub-splatform .smart-strategy .strategy-infor .strategy-title-wrap .title05 {background-image: url(../images/sub/bg_smap.jpg);}
.sub-splatform .smart-strategy .strategy-infor .strategy-title-wrap .title06 {background-image: url(../images/sub/bg_ssecurity.jpg);}
.sub-splatform .smart-strategy .strategy-infor .strategy-title-wrap .title07 {background-image: url(../images/sub/bg_spole.jpg);}

.sub-splatform .smart-strategy .strategy-infor .strategy-title-wrap .title .bg {opacity: 0;position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0, .5)}
.sub-splatform .smart-strategy .strategy-infor  a:hover .strategy-title-wrap .title .bg {opacity: 1}
.sub-splatform .smart-strategy .strategy-infor .strategy-title-wrap .title img {z-index: 2;}
.sub-splatform .smart-strategy .strategy-infor .strategy-title-wrap .title span.text {font-size: 14px;line-height: 1.4}
.sub-splatform .smart-strategy .strategy-infor .strategy-title-wrap .title span.text .block {font-size: 18px}
.sub-splatform .smart-strategy .strategy-infor .strategy-list {margin-left: 5%;}
.sub-splatform .smart-strategy .strategy-infor .strategy-list dt {padding: 0;border-bottom: 0;font-size: 22px;color: #222;font-weight: 700}
.sub-splatform .smart-strategy .strategy-infor .strategy-list dd {padding: 0;font-size: 16px;color: #222}
.smart-strategy .strategy-infor .strategy-list dd:before {display: none}

/* s-net */
.splatform-progress-box {display: flex;justify-content: space-between;}
.splatform-progress-box .box {display: flex;align-items:center;justify-content: center;width: 30%;padding: 20px;border: 1px solid #97a4ae;text-align: center;}
dl.splatform {margin: 20px 0}
dl.splatform dt {font-weight: 700}

/* inclusion vision */
.vision-inclusion h5 {color: #333 !important;margin: 20px 0 10px !important;padding: 0 !important;font-size: 18px;border-bottom: 0;}
.vision-inclusion h5:before {display: none}
#post-contents .vision-inclusion ul li {background: none;padding: 0;font-size: 15px;}
#post-contents .vision-inclusion .inclusion-values {display: flex;justify-content: space-between;text-align: center;}
#post-contents .vision-inclusion .inclusion-values li {display: flex;align-items: center;justify-content: center;width: 32%;padding: 15px 5px;color: #fff;background-repeat: no-repeat;background-position: 50% 50%;background-size: cover;font-weight: 700;word-break: break-all;}
#post-contents .vision-inclusion .inclusion-values li:nth-child(1) {background-image: url(../images/sub/bg_inclusion_value01.jpg)}
#post-contents .vision-inclusion .inclusion-values li:nth-child(2) {background-image: url(../images/sub/bg_inclusion_value02.jpg)}
#post-contents .vision-inclusion .inclusion-values li:nth-child(3) {background-image: url(../images/sub/bg_inclusion_value03.jpg)}

#post-contents .vision-inclusion .inclusion-opinions {display: flex;justify-content: space-between;text-align: center;}
#post-contents .vision-inclusion .inclusion-opinions li {display: flex;align-items: center;justify-content: center;width: 23.5%;padding: 15px 0;color: #fff;background-repeat: no-repeat;background-position: 50% 50%;background-size: cover;font-weight: 700;}
#post-contents .vision-inclusion .inclusion-opinions li:nth-child(1) {background-image: url(../images/sub/bg_inclusion_opinion01.jpg)}
#post-contents .vision-inclusion .inclusion-opinions li:nth-child(2) {background-image: url(../images/sub/bg_inclusion_opinion02.jpg)}
#post-contents .vision-inclusion .inclusion-opinions li:nth-child(3) {background-image: url(../images/sub/bg_inclusion_opinion03.jpg)}
#post-contents .vision-inclusion .inclusion-opinions li:nth-child(4) {background-image: url(../images/sub/bg_inclusion_opinion04.jpg)}

#post-contents .vision-inclusion .inclusion-strategies  {display: flex;justify-content: space-between}
#post-contents .vision-inclusion .inclusion-strategies>li {display: flex;flex-direction: column;width: 23.5%}
#post-contents .vision-inclusion .inclusion-strategies>li>p {display: flex;flex: 1 1 auto;align-items: center;justify-content: center;min-height: 70%;border: 3px solid #6897cf;font-size: 15px;font-weight: 700;text-align: center;}
#post-contents .vision-inclusion .inclusion-strategies>li>p:first-child {min-height: 30%;font-weight: 400;}

#post-contents .vision-inclusion .inclusion-strategies>li:nth-child(2)>p {border: 3px solid #2a9489}
#post-contents .vision-inclusion .inclusion-strategies>li:nth-child(3)>p {border: 3px solid #d3b25b}
#post-contents .vision-inclusion .inclusion-strategies>li:nth-child(4)>p {border: 3px solid #b67745}

#post-contents .vision-inclusion .inclusion-tasks {display: flex;justify-content: space-between;}
#post-contents .vision-inclusion .inclusion-tasks>li {width: 23.4%;padding: 15px 10px;border: 1px solid #cccccc;}

/* cont-implementation-wrap */
.cont-implementation-wrap {margin-top: 40px;}
.cont-implementation-wrap h5.title {width: 100%;max-width: 770px;margin: 0 auto !important;padding: 22px 10px !important;background-color: #23aa82;color: #fff !important;font-size: 20px !important;text-align: center;border-radius: 4rem;letter-spacing: -0.05em;line-height: 1.3;}
.cont-implementation-wrap h5.title:before {display: none;}
.cont-implementation-wrap .ico-arrow {width: 100%;height: 60px;background: url(../images/sub/ico-arrow2.png) no-repeat 50% 50%}

.cont-implementation {position: relative;display: flex;flex-wrap: wrap;justify-content: space-between;margin-top: -16px;padding: 15px;border: 1px solid #ededed;}
.cont-implementation:after {content: '';position: absolute;top: 60%;left: 50%;width: 114px;height: 114px;background: url(../images/sub/img_plus.png) no-repeat 50% 50%;transform: translate(-50%, -50%)}
.cont-implementation dl {display: flex;flex-direction: column;width: 46%;margin-bottom: 10px;border: 1px solid #dadada;}
.cont-implementation dl.odd {background-color: #f2f2f2}
.cont-implementation dl dt {display: flex;align-items: center;justify-content: center;min-height: 20%;padding: 10px;background-color: #3f6592;color: #fff !important;font-size: 20px;font-weight: 500;text-align: center;}
.cont-implementation dl.even dt {background-color: #8397b0}
.cont-implementation dl dd {padding: 10px;}
.cont-implementation dl dd ul li {color: #555 !important}
.cont-implementation dl dd ul li strong {color: #333;}
/* citizen participation */
.cont-citizen-wrap  {position: relative;margin-top: 40px;}
.cont-citizen-wrap .cont-citizen-img {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%)}
.cont-citizen-wrap .imgs-wrap-2nd .imgs {margin-bottom: 10px;}


/* footer */
.btn-top {z-index: 10;opacity: 0;position: fixed;left: 50%;bottom: 26px;margin-left: 520px;width: 60px; height: 60px; background: url(/wp-content/themes/seoul_digital/page-templates/smart2025/images/sub/btn-top.png) no-repeat 0 0;border: 0;text-indent: -9999em;transition: all .5s;-webkit-transition: all .5s}
.btn-top.show {opacity: 1;display: inline-block;}



@media (max-width: 1200px) {
/* footer */
.btn-top {left: calc(100% - 50px);width: 40px;height: 40px;margin-left: 0;background-size: 100% auto;}
}
@media (max-width: 1024px) {
/* s-platform */
.sub-splatform .smart-strategy .strategy-infor .strategy-title-wrap .title {width: 100%;}
.sub-splatform .smart-strategy .strategy-infor .strategy-title-wrap .title img {height: 6vw;}
.s-platform {height: 36vw;background-position: 50% 50%}
.s-platform .slogan {padding-top: 5vw}
.s-platform .slogan span:first-child {font-size: 28px}
.s-platform .slogan span {font-size: 18px}    
/* citizen */
.cont-citizen-wrap .cont-citizen-img img {width: 16vw}
}
@media (max-width: 840px) {
.smart-vision-new .vision-infor .vision-info-wrap  {flex-direction: column;}
.smart-vision-new .vision-infor .info-list {width: 100%;}
/* policy tasks new  2022-07-18 */
.img-area {flex-direction: column;}
.sub-policytask .list-work-wrap .list-work {flex-direction: column;}
.sub-policytask .list-work-wrap .list-work .number-box {width: 100%;min-height: 30px;padding: 10px 15px}
.sub-policytask .list-work-wrap .list-work .number-box a {font-size: 18px}
.sub-policytask .list-work-wrap .list-work .work-title-wrap {width: 100%}
.sub-policytask .work-title a span {top: calc(100% - 40px)}
/* smartcity seoul */
.cont-smartcity p {font-size: 16px}    
/* s-net */
.splatform-progress-box {flex-direction: column;}
.splatform-progress-box .box {width: 100%;margin-bottom: 10px;}

}
@media (max-width: 767px) {
/* vision */
.smart-vision .vision-text {margin-top: 20px;}
.tit-vision {padding: 15px;font-size: 20px}
.vision-arr {background-position: 50% 0 !important;background-size: 60% auto;background-size: cover;height: 60px;}
.list-vision {flex-wrap: wrap;}
.list-vision li {width: 48%;margin-bottom: 10px;}
.list-strategy, .list-strategy-type2 {flex-direction: column;}
.list-strategy>li {width: 100%;margin-bottom: 10px;}
.list-strategy-type2>li {width: 100%}
.list-vision-type2 {flex-direction: column;margin: 0;}
.list-vision-type2>li {width: 100%}

/* s-platform */
.sub-splatform .smart-strategy .strategy-infor .strategy-title-wrap {width: 100%;height: auto;}
.sub-splatform .smart-strategy .strategy-infor .strategy-list {margin-left: 0}
.sub-splatform .smart-strategy .strategy-infor .strategy-list dd {padding: 0 ;}
.sub-splatform .smart-strategy .strategy-infor .strategy-title-wrap .title {height: 20vw}
.sub-splatform .smart-strategy .strategy-infor .strategy-title-wrap .title img {height: 9vw;}
/* citizen */
.cont-citizen-wrap .cont-citizen-img {display: flex;justify-content: center;align-items: center;position: relative;width: 100%;top: 0;left: 0;transform: translate(0, 0);text-align: center;}
.cont-citizen-wrap .cont-citizen-img img {margin: 10px auto;width: auto}
}
@media (max-width: 560px) {
/* smartcity seoul */
.cont-smartcity-wrap .cont-smartcity {width: 48%}
/* s-platform */
.s-platform {padding: 10px;height: 46vw;}
/* vision inclusion */
#post-contents .vision-inclusion>ul {flex-wrap: wrap;}
#post-contents .vision-inclusion>ul>li {width: 48% !important;margin-bottom: 15px;}
#post-contents .vision-inclusion ul.inclusion-tasks li ul li {width: 100% !important;margin-bottom: 5px;}
#post-contents .vision-inclusion ul.inclusion-values li {width: 32% !important}
/* cont-implementation-wrap */
.cont-implementation {flex-direction: column;}
.cont-implementation dl {width: 100%}
.cont-implementation:after {display: none}
}

@media (max-width: 420px) {
/* s-platform */
.s-platform {height: 74vw;min-height: 260px}
.sub-splatform .smart-strategy .strategy-infor .strategy-title-wrap .title {height: 26vw}
/* smart city seoul */
.cont-smartcity .ico-smartcity {width: 80px;height: 80px;background-size: 60px auto;}
/* vision inclusion */
#post-contents .vision-inclusion>ul>li {width: 100% !important;margin-bottom: 15px;}
#post-contents .vision-inclusion .inclusion-tasks>li {padding: 10px 5px}
#post-contents .vision-inclusion ul.inclusion-values li {padding: 10px 0;font-size: 12px}
}
@media (min-width: 1024px) {
    .s-platform {min-height: 350px}
}