[class*="page-template-ssc-2021-main"] .content {margin: 0 !important}
section{*zoom: 1; }
section:after{display: block; clear: both; content: ''; }
/** visual **/
#visual {position: absolute; top: 0; left: 0; max-height: 100%; width: 100%; height: 100%; }
#visual .bx-wrapper {position: static; margin-bottom: 0; padding: 0; height: 100%; border: 0; box-shadow: 0 0 0; }
#visual .bx-viewport {height: 100% !important; }
#visual .visual-wrap {width: 100%; height: 100%; }
#visual .visual-wrap [class*=bg] {width: 100%; height: 100% !important; background-size: cover; }


/** content **/
#container{padding: 0; border: 0;}
.mobile-inline, .block {display: block; }
#container {padding-bottom: 0; border-bottom: 0; }
#container .holder {position: relative; z-index: 1; overflow: hidden; margin: 0 auto; max-width: 1000px; width: 100%; }
#container a {color: #fff; text-decoration: none; }
.tit-wrap .mo{display: none; }
.tit-wrap .title{margin-top: 230px; text-align: center; }
.tit-wrap .sub-title{margin-top: 25px; text-align: center; }
.tit-wrap .date {position: relative; margin-top: 40px; width: 100%; height: 70px; }
.tit-wrap .date dl{position: absolute; left:56%; overflow: hidden; transform: translateX(-50%); }
.tit-wrap .date dl+dl{top: 35px; }
.tit-wrap .date dt {display: inline-block; float: left; margin-right: 5px; padding: 5px 20px; border-radius: 20px; background: #000; color: #fff; font-size: 16px; line-height: 19px; }
.tit-wrap .date dd {padding-left: 80px; color: #fff; font-weight: normal; font-size: 20px; line-height: 30px; min-width: 430px;}

.column .box-wrap .box4{margin-right: 0}
.notice-wrap {overflow: hidden; box-sizing: border-box; margin: 20px 0 ; padding: 20px 30px;width:100%; border-radius: 12px 12px 0 12px;background:#fff;}
.notice-wrap dt {position: relative; display: block; float: left; overflow: hidden;margin-right:9px;padding:0 19px 0 30px; color: #263e84; font-weight: bold; font-size: 20px; }
.notice-wrap dt:before{position: absolute; left:0;display: block;width:26px; height: 24px; background: url(../images/main/main_icon07.png) center no-repeat; content: '';}
.notice-wrap dt a{position: absolute;top:9px;right:0;display: block; float:left; padding: 0; width:15px; height: 15px; background: url(../images/main/main_icon08.png) center no-repeat; text-indent: -999em; }
.notice-wrap dd {overflow: hidden;width: calc(100% - 138px);}
.notice-wrap dd * {color:#263e84 !important;font-size:16px; line-height: 30px;}
.notice-wrap dd.notice a{margin-right: 10px; padding: 0; width:calc(100% - 88px) !important;overflow:hidden;white-space: nowrap; float:left; height: auto;border-radius: 0; background: none; text-align: left; text-overflow: ellipsis; word-break: break-all; }

/*2022-01-18*/
.tit-wrap .title{margin-top:24px; padding-left:10px; position:relative; display:block;}
.tit-wrap .title:before{content:''; position:absolute; background:url(https://forum.seoul.go.kr/wp-content/themes/seoul_ssc/template/blockexpo/2021/assets/images/main/block-bi-bg.png) no-repeat center center; background-size:contain; width: 100%; height: 100%; z-index: -1;}
.column{margin-top:0;}
#visual .visual-list{max-height: 100%; width: 100%; height: 100%; position:relative; z-index:-1;}
#visual .visual-list .bg-0{position: absolute; width: 100%; height: 100%; background-position: center center; background-size: cover; z-index:-1;}
#visual .visual-list .bg-0.bg01{background-image: url(https://forum.seoul.go.kr/wp-content/themes/seoul_ssc/template/blockexpo/2021/assets/images/main/main_bg01.jpg);}
#visual .visual-list .bg-0.bg02{background-image: url(https://forum.seoul.go.kr/wp-content/themes/seoul_ssc/template/blockexpo/2021/assets/images/main/main_bg02.jpg);}
/* #visual .visual-list .bg-0.bg03{background-image: url(https://forum.seoul.go.kr/wp-content/themes/seoul_ssc/template/blockexpo/2021/assets/images/main/main_bg03.jpg);} */
#visual .visual-list .bg-0.bg04{background-image: url(https://forum.seoul.go.kr/wp-content/themes/seoul_ssc/template/blockexpo/2021/assets/images/main/main_bg04.jpg);}
/* #visual .visual-list .bg-0.bg05{background-image: url(https://forum.seoul.go.kr/wp-content/themes/seoul_ssc/template/blockexpo/2021/assets/images/main/main_bg05.jpg);} */
.column .box-wrap{margin:20px 0; padding: 12px 50px; display:flex; position:relative;}
.column .box-wrap .col3{width:60%; display: flex; justify-content: space-between;}
.column .box-wrap .col2{width:39%; margin-left: 20px; display:flex; justify-content: space-between;}
.column .box-wrap .box{width:100% !important; max-width:164px; background:url(https://forum.seoul.go.kr/wp-content/themes/seoul_ssc/template/blockexpo/2021/assets/images/main/block-menu-bg1.png); background-repeat:no-repeat; background-size:cover; box-shadow:2px 5px 10px rgba(0,0,0,.8); -webkit-box-shadow:2px 5px 10px rgba(0,0,0,.8); height:100%; min-height:200px; margin-right:0; padding:0; border-radius:25px; position:relative;}
.column .box-wrap .box2{background-image:url(https://forum.seoul.go.kr/wp-content/themes/seoul_ssc/template/blockexpo/2021/assets/images/main/block-menu-bg2.png);}
.column .box-wrap .box3{background-image:url(https://forum.seoul.go.kr/wp-content/themes/seoul_ssc/template/blockexpo/2021/assets/images/main/block-menu-bg3.png);}
.column .box-wrap .box4{background-image:url(https://forum.seoul.go.kr/wp-content/themes/seoul_ssc/template/blockexpo/2021/assets/images/main/block-menu-bg4.png);}
.column .box-wrap .box5{background-image:url(https://forum.seoul.go.kr/wp-content/themes/seoul_ssc/template/blockexpo/2021/assets/images/main/block-menu-bg5.png);}
.column .box-wrap .box span{display:block; background-image:url(https://forum.seoul.go.kr/wp-content/themes/seoul_ssc/template/blockexpo/2021/assets/images/ico/block-menu-tit1.png); background-repeat:no-repeat; width:100px; height:25px;  position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background-size:cover;}
.column .box-wrap .box.box2 span{background-image:url(https://forum.seoul.go.kr/wp-content/themes/seoul_ssc/template/blockexpo/2021/assets/images/ico/block-menu-tit2.png); width:73px; height:61px;}
.column .box-wrap .box.box3 span{background-image:url(https://forum.seoul.go.kr/wp-content/themes/seoul_ssc/template/blockexpo/2021/assets/images/ico/block-menu-tit3.png); width:101px; height:61px;}
.column .box-wrap .box.box4 span{background-image:url(https://forum.seoul.go.kr/wp-content/themes/seoul_ssc/template/blockexpo/2021/assets/images/ico/block-menu-tit4.png); width:101px; height:61px;}
.column .box-wrap .box.box5 span{background-image:url(https://forum.seoul.go.kr/wp-content/themes/seoul_ssc/template/blockexpo/2021/assets/images/ico/block-menu-tit5.png); width:73px;}
.column .box-wrap .box.hover:before{content:''; width:100%; height:100%; display:block; border-radius:25px; background:rgba(180,44,48,.4);}
.column .box-wrap .box.hover span{background:url(https://forum.seoul.go.kr/wp-content/themes/seoul_ssc/template/blockexpo/2021/assets/images/ico/block-menu-tit_hover.png) no-repeat 0 -19px;}
.column .box-wrap .box.box2.hover span{background-position:-108px 0; width:73px;}
.column .box-wrap .box.box3.hover span{background-position:-189px 0; width:97px;}
.column .box-wrap .box.box4.hover span{background-position:-297px 0; width:99px;}
.column .box-wrap .box.box5.hover span{background-position-x:-406px; width:73px;}
.column .box-wrap [class*="box"] span:after,.column .box-wrap [class*="box"] .icon{display:none;}
.notice-wrap{position: relative; bottom: 0; margin:0; border-radius:0; padding:20px 0; background:rgba(0,0,0,0.6);}
.notice-wrap dt:before{width:15px; height:17px; top:6px; background:url(https://forum.seoul.go.kr/wp-content/themes/seoul_ssc/template/blockexpo/2021/assets/images/ico/block-icons.png) no-repeat -32px 0;}
.notice-wrap dt span{font-size:18px;}
.notice-wrap *,.notice-wrap dd *{color:#eee !important;}
.notice-wrap dd{width: auto;}
.notice-wrap dd.notice a{width:auto !important;}
.notice-wrap dd.notice span{text-align: right; display: block;}

@media screen and (max-width: 1001px) {
  #seoul-common-header {display: none; }
  [class*="main"] #content {padding:0}
  #header .language li a{color: #fff;}
  #container .holder{padding:0 40px;}
  #footer .holder{background: transparent}
  .mobile-inline{display: inline-block}
  .holder {padding: 0 20px; }
  .column .box-wrap{padding:12px 0;}
  .column .box-wrap .col3 .box {max-width: 30%;}
  .column .box-wrap .col2 {margin-left: 30px;}
  .column .box-wrap .col2 .box {max-width: 46%;}
  .notice-wrap{margin-top: 14px; padding:15px 10px 10px 10px;}
}
@media screen and (max-width:900px){
  .column .box-wrap{flex-direction: column; align-items: center; padding:12px 0; margin-top:20px;}
  .column .box-wrap .box{min-height:20vw; background:url(https://forum.seoul.go.kr/wp-content/themes/seoul_ssc/template/blockexpo/2021/assets/images/main/mob-block-menu-bg1.png) no-repeat; background-size:cover;}
  .column .box-wrap .box.box2{background-image:url(https://forum.seoul.go.kr/wp-content/themes/seoul_ssc/template/blockexpo/2021/assets/images/main/mob-block-menu-bg2.png);}
  .column .box-wrap .box.box3{background-image:url(https://forum.seoul.go.kr/wp-content/themes/seoul_ssc/template/blockexpo/2021/assets/images/main/mob-block-menu-bg3.png);}
  .column .box-wrap .box.box4{background-image:url(https://forum.seoul.go.kr/wp-content/themes/seoul_ssc/template/blockexpo/2021/assets/images/main/mob-block-menu-bg4.png);}
  .column .box-wrap .box.box5{background-image:url(https://forum.seoul.go.kr/wp-content/themes/seoul_ssc/template/blockexpo/2021/assets/images/main/mob-block-menu-bg5.png);}
  .column .box-wrap .col3{width:80%;}
  .column .box-wrap .col2 { margin-left: 0; margin-top:40px; width:50%;}
  #container .holder {padding: 0 20px;}
  .notice-wrap dt,.notice-wrap dd{width: 100%;}
  .notice-wrap dt:before{top:3px;}
  .notice-wrap dt{line-height: 1; overflow: visible; margin-bottom: 5px;}
  .notice-wrap dt *{float: left;}
  .notice-wrap dt a{position:static; margin:5px 5px 0 5px}
  .notice-wrap dd{overflow: hidden;margin-top: 10px}
  .notice-wrap dd *{line-height: 1; }
  .notice-wrap dd.notice a{overflow: hidden;margin-bottom: 0;height:16px; text-overflow: ellipsis; white-space: nowrap; }
}
@media screen and (max-width: 640px) {
  .tit-wrap .pc{display: none; }
  .tit-wrap .title:before{background-image:url(https://forum.seoul.go.kr/wp-content/themes/seoul_ssc/template/blockexpo/2021/assets/images/main/mob-block-bi-bg.png); left:50%; transform:translateX(-50%);}
  .tit-wrap .title img{max-width: 100%; margin: 0 auto; width:80%;}
  .tit-wrap .mo{display: block; }
#visual .visual-list .bg-0.bg01{background-image: url(https://forum.seoul.go.kr/wp-content/themes/seoul_ssc/template/blockexpo/2021/assets/images/main/mob-main-bg01.png);}
#visual .visual-list .bg-0.bg02{background-image: url(https://forum.seoul.go.kr/wp-content/themes/seoul_ssc/template/blockexpo/2021/assets/images/main/mob-main-bg02.png);}
/* #visual .visual-list .bg-0.bg03{background-image: url(https://forum.seoul.go.kr/wp-content/themes/seoul_ssc/template/blockexpo/2021/assets/images/main/mob-main-bg03.png);} */
#visual .visual-list .bg-0.bg04{background-image: url(https://forum.seoul.go.kr/wp-content/themes/seoul_ssc/template/blockexpo/2021/assets/images/main/mob-main-bg04.png);}
/* #visual .visual-list .bg-0.bg05{background-image: url(https://forum.seoul.go.kr/wp-content/themes/seoul_ssc/template/blockexpo/2021/assets/images/main/mob-main-bg05.png)} */
  .column .box-wrap .col3 {width: 90%;}
  .column .box-wrap .col2 {width: 60%;}
  .column .box-wrap .box {min-height: 24vw;}
  .eng .tit-wrap .date dl dd span{display: block; }
  .eng .tit-wrap .date dl + dl{top: 50px; }

}/*@media screen and (max-width: 630px)*/

@media screen and (max-width: 480px) {
  #container .holder {padding: 0 16px;}
  .column .box-wrap .box {border-radius: 20px;}
  .column .box-wrap .col3 {width: 100%;}
  .column .box-wrap .col2 {width: 68%; margin-top:20px;}
  .tit-wrap .date dt {font-size: 13px; }
  .tit-wrap .date dd {letter-spacing: -1px; font-size: 14px; }
  .tit-wrap .date dl {width:203px}
  .column .box-wrap .box span{width:76px; height:19px;}
  .column .box-wrap .box.box2 span{width:54px; height:45px;}
  .column .box-wrap .box.box3 span{width:70px; height:42px;}
  .column .box-wrap .box.box4 span{width:72px; height:43px;}
  .column .box-wrap .box.box5 span{width:57px; height:19px;}
  .notice-wrap *{font-size: 16px !important;}
  .notice-wrap dt a{margin-top: 1px;}
  .notice-wrap dd .date{vertical-align: text-top; float:right}
  .notice-wrap dd.notice a{ width:calc(100% - 90px) !important;margin-right:0;}
  }

@media screen and (max-width: 390px) {
.column .box-wrap .box {min-height: 28vw;}
}

@media (hover:hover) and (pointer: fine){
.column a:hover dl dt{color: #ecc304; font-size: 27px; }
.column a:hover dl dd{color: #ecc304; font-weight: bold; }
.column a.box1:hover dl:after {background-image: url(/wp-content/themes/seoul_ssc/template/blockexpo/2021/assets/images/main/icon-main-plus-on.png)}
.column a.box2:hover dl:after {background-image: url(/wp-content/themes/seoul_ssc/template/blockexpo/2021/assets/images/main/icon-main-arrow-on.png)}
}

@media (hover:hover) and (pointer: fine) and (max-width: 812px) {
  .column a:hover dl dt{color: #fff; font-weight: bold;  font-size: 20px; }
  .column a:hover dl dd {margin-top: 5px; color: #fff; font-weight: 100; font-size: 15px; }
  .column a.box1:hover dl:after, .column a.box2:hover dl:after {background-image: url(/wp-content/themes/seoul_ssc/template/blockexpo/2021/assets/images/main/icon-main-arrow-off.png); }
  .column a dl dt,.column a:hover dl dt {letter-spacing: -1px; }
  .column a dl dd,.column a:hover dl dd {letter-spacing: -0.5px; }
}


/* popup */
#popup, #popup2{display: none; padding:0; width: 100%;max-width: 640px; z-index:1111111;position: absolute;left: 50%;margin-left: -320px;top: 230px;}
#popup.current, #popup2.current{display:block;}
.dimmedLayer.current{display:block;z-index:111111; background:transparent}
.dimmedLayer.current2{display:block;z-index:111111; background:rgba(0,0,0,.75)}
#popup.current.closed, #popup2.current.closed, .dimmedLayer.current.closed{display:none !important; z-index:1111}
.dimmedLayer.current.closed.open{display:block !important; background:rgba(0,0,0,.65)}
/* 怨듯넻 �숈쁺��  */
#popup .video-container, #popup2 .video-container {position: relative;padding-bottom: 56.25%; height: 0; overflow: hidden; padding-top:0}
#popup .video-container iframe,#popup2 .video-container iframe,.video-container object,.video-container embed {position: absolute;top: 0;left: 0;width: 100%; height: 100%; min-height:initial !important; transform: none;}
#popup .btn, #popup2 .btn {position: absolute;right: 0;top: -39px;display: inline-block;padding: 10px 12px 8px;background: #FFF;border-radius: 12px 12px 0 0;}

@media screen and (max-width: 999px) {
  #popup, #popup2{width:98%; margin:0 auto; left:1%;}
  #popup .video-container iframe,#popup2 .video-container iframe{width:100% !important; height:100% !important}

}