/**
 ** common **
**/

/* layout */
/* body{color: #747474;} */
/*2022-01-28 fonts*/
@charset "utf-8";
@font-face {
	font-family:'Noto Sans KR';
	font-style:normal;
	font-weight:400;
	src:url('fonts/NotoSansKR-Regular.eot');/* IE9 Compat Modes */
	src:local('Noto Sans KR Regular'), local('NotoSansKR-Regular'),
			 url('fonts/NotoSansKR-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
			 url('fonts/NotoSansKR-Regular.woff2') format('woff2'), /* Super Modern Browsers */
			 url('fonts/NotoSansKR-Regular.woff') format('woff'), /* Modern Browsers */
			 url('fonts/NotoSansKR-Regular.ttf') format('truetype'), /* Safari, Android, iOS */
			 url('fonts/NotoSansKR-Regular.svg#NotoSansKR') format('svg');/* Legacy iOS */
}
@font-face {
	font-family:'Noto Sans KR';
	font-style:normal;
	font-weight:700;
	src:url('fonts/NotoSansKR-Bold.eot');/* IE9 Compat Modes */
	src:local('Noto Sans KR Bold'), local('NotoSansKR-Bold'),
			 url('fonts/NotoSansKR-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
			 url('fonts/NotoSansKR-Bold.woff2') format('woff2'), /* Super Modern Browsers */
			 url('fonts/NotoSansKR-Bold.woff') format('woff'), /* Modern Browsers */
			 url('fonts/NotoSansKR-Bold.ttf') format('truetype'), /* Safari, Android, iOS */
			 url('fonts/NotoSansKR-Bold.svg#NotoSansKR') format('svg');/* Legacy iOS */
}
@font-face {
	font-family:'Noto Sans KR';
	font-style:normal;
	font-weight:900;
	src:url('fonts/NotoSansKR-Black.eot');/* IE9 Compat Modes */
	src:local('Noto Sans KR Black'), local('NotoSansKR-Black'),
			 url('fonts/NotoSansKR-Black.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
			 url('fonts/NotoSansKR-Black.woff2') format('woff2'), /* Super Modern Browsers */
			 url('fonts/NotoSansKR-Black.woff') format('woff'), /* Modern Browsers */
			 url('fonts/NotoSansKR-Black.ttf') format('truetype'), /* Safari, Android, iOS */
			 url('fonts/NotoSansKR-Black.svg#NotoSansKR') format('svg');/* Legacy iOS */
}

#content{margin: 50px auto; width: 100%;}
#content *{caret-color: transparent;}
.content-wrap {margin: 0 auto;min-width:320px;max-width: 1000px;width: 100%;font-size: 16px;line-height: 1.5;}
/* floating cont */
.cont-float {overflow: hidden}
.cont-float .cont-left {float: left;}
.cont-float .cont-right {float: right;}
/* paragraph */
.cont {overflow: hidden;margin-bottom: 50px;}
.cont img.img {margin-top: 50px}
.mobile-inline {display:block;}

@media all and (max-width: 812px) {
	#content{margin: 25px auto;padding: 0 2%;}
	.cont {margin-bottom: 25px;}
	.cont img.img {margin-top: 25px}
}


/* title */
#content h5 {padding-bottom: 15px; color: #333;font-weight: bold; font-size: 16px; line-height: 1 ;}
#content h5.sub-tit {padding-bottom: 15px; border-bottom: 1px solid #2b2b2b; color: #333;font-weight: bold; font-size: 16px; line-height: 1 ;}
#content h5.sub-tit span{font-weight: normal;}
#content h5 span.gray {color: #757575;font-weight: normal;}
#content h5.arrow{position: relative;padding: 0 0 16px 20px;line-height: 16px;}
#content h5.arrow:before {position: absolute;top: 0px;left: 0;width: 11px;height: 16px;background: url(../images/ico/bl_arrow.png) no-repeat 0 0;content: '';}
#content h5.arrow strong {color: #333333;font-weight: bold;}
#content h5.arrow strong.title {position: relative;display: inline-block;margin-right: 10px;padding-right: 10px;}

#content h5.arrow strong.title:after {position: absolute;top: 3px;right: 0;width: 1px;height: 10px;background-color: #333;content: '';}
@media screen and (max-width: 420px) {
	#content h5 {line-height: 1.5;}
	#content h5.arrow:before {top:5px}
	#content h5.arrow strong.title:after{top: 6px;}
}/*@media screen and (max-width: )*/

/* list */
ul.list-type-arrow > li {line-height: 18px; letter-spacing: -.75px; }
ul.list-type-arrow > li {position: relative;padding: 0 0 16px 20px;}
ul.list-type-arrow > li:before {position: absolute;top: 0px;left: 0;width: 11px;height: 16px;background: url(../images/ico/bl_arrow.png) no-repeat 0 0;content: '';}
ul.list-type-arrow > li > ul{margin-top:7px ; font-weight: normal;}
ul.list-type-arrow > li > strong {color: #333333;font-weight: bold;}
ul.list-type-arrow > li > strong.title {position: relative;display: inline-block;margin-right: 10px;padding-right: 10px;}
ul.list-type-arrow > li > strong.title:after {position: absolute;top: 5px;right: 0;width: 2px;height: 10px;background-color: #263e84;content: '';}
ul.list-type-arrow > li > strong.title.type1{letter-spacing: -1.6px;}
ul.list-type-arrow > li > strong.title.none:after {display: none}
ul.list-type-arrow > li > strong.title.ws1 {	word-spacing: 26px;}
ul.list-type-arrow > li > strong.title.ws2 {	word-spacing: 3px;}
ul.list-type-arrow > li > strong.sub-tit {padding-bottom: 15px; border-bottom: 1px solid #2b2b2b; color: #333;font-weight: bold; font-size: 16px; line-height: 1 ;}
.summary ul.list-type-arrow > li {font-weight: bold;}
.summary ul.list-type-arrow > li > strong.title{width:80px}
.summary ul.list-type-arrow > li > ul{margin-top: 7px; margin-left: 95px ; font-weight: normal;line-height: 1.5}
.eng ul.list-type-arrow > li {line-height:1.5; padding-bottom:11px;}
.eng ul.list-type-arrow > li:before{top:4px;}
.eng ul.list-type-arrow > li > strong.title:after{top:9px;}
.eng .summary ul.list-type-arrow > li > strong.title{width:auto}
.eng .summary ul.list-type-arrow > li > ul {margin-left:70px}
.summary > img, .reg-wrap > img{margin-bottom:20px} 

ul.list-type-dash li, p.p-type-dash {position: relative;padding-left: 10px; line-height: 1.5;}
ul.list-type-dash li:before, p.p-type-dash:before {position: absolute;top: 12px;left: 0;width: 4px;height: 1px;background-color: #757575;content: '';}

ul.list-type-dot > li > ul > li {padding-left: 2px}
ul.list-type-dot > li > ul > li:before {background-color: #fff;}
ul.list-type-dot > li > ul > li > ul {margin-left: 20px;}
ul.list-type-dot > li > ul > li > ul > li:before {background-color: #fff;}
ul.list-type-dot li, p.p-type-dot {margin: 3px 0;}
ul.list-type-dot > li > ul > li > ul.list-type-dash > li:before {position: absolute;top: 10px;left: 0;width: 4px;height: 1px;background-color: #757575;content: '';}

ul.list-type-dot li,p.p-type-dot {position: relative;padding-left: 10px; }
ul.list-type-dot li:before,p.p-type-dot:before {position: absolute;top: 11px;left: 0;width: 3px;height: 3px;background-color: #757575;content: '';}
ul.list-type-none li:before,p.p-type-none:before, li.list-type-none:before {background:transparent !important}

ol.list-type-num {list-style-position: inside;list-style-type: decimal}
ol.list-type-num li {padding: 0 0 10px;list-style-type: decimal;}
ol.list-type-num li p {margin-left: 15px;}

/* list-pdf */
ul.list-type-link {width: calc(100% - 20px); max-width:700px; position: relative;}
ul.list-type-link li {width:100%;overflow: hidden;}
ul.list-type-link li a{position:absolute;right:0; top:50%; margin-top:-17px; display: block; padding: 5px; background: #0c82e9; color:#fff;}
ul.list-type-link li span{font-weight: bold; width:calc(100% - 150px); display: inline-block;line-height: 28px;}

@media screen and (max-width: 430px){
	ul.list-type-arrow > li {display:table ; line-height:1.5}
	ul.list-type-arrow > li:before{top:2px;}
	ul.list-type-arrow > li strong.title{width:90px;display:table-cell;}
	.eng .summary ul.list-type-arrow > li strong.title{width:100px;}
	ul.list-type-arrow > li > strong.title.none{display:block;}
	ul.list-type-arrow > li > strong.title:after{right:10px;top:8px}
	ul.list-type-arrow > li > ul{margin-left:0 !important;}
}


/* btn */
.btn-group {margin-top: 40px; width: 100%; text-align: center; }
.btn-group.half .btn { margin-left: 6px;}
.btn-group.half .btn:first-child { margin-left: 0px;}
.btn-group.half:after {display: block; clear: both; content: ''; }

.btn {box-sizing: border-box; margin: 0; padding: 15px;border: 0; background: transparent; vertical-align:middle;text-align: center; cursor: pointer; -webkit-appearance: none;display:inline-block }
.btn span { display: inline-block; font-weight: 700;line-height: 100%; }
.btn.large {padding: 15px;}
.btn.large span { min-width: 108px; font-size: 16px;}
.btn.bg-point {border: 1px solid #0c82e9; background: #0c82e9; }
.btn.bg-point span {color:#fff;}
.btn.bg-white { border: 1px solid #0c82e9; background: #fff;}
.btn.bg-white span {color:#0c82e9;}

@media screen and (max-width: 812px) {
	.btn.large { padding: 15px 40px;}
	.btn.large span { min-width: 68px; font-weight: 700; font-size: 16px;}
	.btn-group.half .btn {float: left; padding: 0;  width: 48%; height:50px ; line-height: 50px;}
	.btn-group.half .btn:nth-child(2) { float: right; margin: 0;}
	.btn-group.half .btn:nth-child(3) { float: left;}
	.btn-group.half .btn span { font-size: 15px;}
	.btn-group.half:after {display: block; clear: both; content: ''; }
}

/* tab */
.tab {position: relative;display: table;margin-bottom: 50px;width: 100%;}
.tab:before,.tab:after {display: table;content: '';}
.tab:after {clear: both;}
.tab li {display: table-cell;width: 50%;}.tab li:first-child a {margin-left: 0;}
.tab li button {display: block; padding: 21px; width:100%; border-radius: 10px 10px 0 10px; background:#f6f6f6; text-align: center; font-weight: bold;font-size: 20px ; }
.tab li.current button {background: #263e84;color:#fff;}
[class*='tab-area'] {display: none; overflow:hidden;}
[class*='tab-area'].current{display:block;}

@media screen and (max-width: 530px){
	.tab{margin-bottom:30px}
.tab li button{line-height:1}
}

#content2.tab-area ul.list-type-arrow>li>strong.title, .y2019 .tab-area ul.list-type-arrow>li>strong.title {width:80px;}
.eng #content2.tab-area ul.list-type-arrow>li>strong.title, .eng .y2019 .tab-area ul.list-type-arrow>li>strong.title  {width:auto}

/* table */
#wrapper table {width:100%;border-top:0; border-bottom: 1px solid #ddd; table-layout:fixed;font-size: 14px; margin-top: 10px;}
#wrapper table th {padding:7px 10px;border-bottom: 1px solid #ddd;border-left:1px solid #ddd;background:#f4f6f7;color:#333;vertical-align:middle;text-align:center;word-break:break-all;font-weight:700;line-height:1.4;}
#wrapper table td {padding:7px 10px;border-bottom: 1px solid #ddd;border-left:1px solid #ddd;color:#666;vertical-align:middle;text-align: center;word-break:break-all;line-height:1.4; }
#wrapper table th:first-child {border-left:0;}
/* #wrapper table td:first-child {border-left:0;}*/
#wrapper table td.left{text-align: left;}
#wrapper table td.bl, #wrapper table  td.left-line {border-left: 1px solid #ddd !important}

#wrapper .table-wrap{overflow: hidden; margin-bottom: 20px}
#wrapper .table-wrap .table_txt{font-size: 0.9em; text-align: right; margin-bottom: 5px; font-weight: bold;letter-spacing: -1px;}
#wrapper .table-wrap table{margin-top: 0; border-top:0; border-bottom: 2px solid #ddd;}
#wrapper .table-wrap table thead tr .tal{background: #e8f3f5; text-align: left;}
#wrapper .table-wrap table thead tr:nth-child(3) th{background: #fbfcfe !important;}
#wrapper .table-wrap table thead th.backt{background: #c8def3;  text-align: left}
#wrapper .table-wrap table tbody th{background: none;border-bottom: 0;}
#wrapper .table-wrap table .tal{text-align: left !important;}
#wrapper .table-wrap table tbody td.tal .pl10{padding-left: 10px; display: block;}
.eng #wrapper .table-wrap table .tal{word-break:keep-all}



@media screen and (max-width: 812px) {
	#wrapper table th {padding: 4px 7px}
	#wrapper table td {padding: 4px 7px}
}/*@media screen and (max-width: 812px)*/

/* image */
.list-type-dash .img-wrap {margin-left:-10px}
.list-type-dash.ml15{margin-left:0 !important}
.img-wrap {overflow: hidden;margin: 10px; }
.img-wrap.history {overflow: hidden; margin: 0 auto; padding: 30px 0; }
.img-wrap.history figure:nth-child(3n){margin-right:0;}
.img-wrap.history figure:nth-child(7n){margin-right:5%;}
.img-wrap.history figure:nth-child(21){margin-right:0;}
.img-wrap figure {float: left;margin-right: 5%; margin-bottom: 30px;width: 30%; }
.img-wrap figure:nth-child(7n) {margin-right: 0;}
.img-wrap.logo {overflow: hidden ;margin: 10px 0;margin-left:-15px;}
.img-wrap.logo figure {float: left; margin-right: 1%; margin-bottom: 10px;width: 13%; text-align: center;}
.img-wrap.logo figure span {display: block; text-align: center;}
.img-wrap.logo figure:nth-child(7n) {margin-right: 0;}
.img-wrap:after {display: block;	clear: both;content: '';	}
@media screen and (max-width: 812px) {
	.img-wrap.logo {margin-left: 0}
	.img-wrap.logo figure{width:18%}
	.img-wrap.logo figure span{font-size: 14px}
	.img-wrap.logo figure:nth-child(5n){margin-right:0}
	.img-wrap.logo figure:nth-child(7n){margin-right: 1%}
}/*@media screen and (max-width: )*/
@media screen and (max-width: 520px) {
	.img-wrap.logo figure{width:23%}
	.img-wrap.logo figure:nth-child(4n){margin-right:0}
	.img-wrap.logo figure:nth-child(5n){margin-right: 1%}
}/*@media screen and (max-width: )*/
@media screen and (max-width: 400px) {
	.img-wrap.logo figure{width:32%}
	.img-wrap.logo figure:nth-child(4n){margin-right: 1%}
	.img-wrap.logo figure:nth-child(3n){margin-right:0}
}/*@media screen and (max-width: )*/
/* txt-icon */
.txt-icon {padding:3px 6px 4px;border-radius: 5px; color:#fff; font-weight: 300;font-size: 12px;line-height: 1; }
.txt-icon-blue {background-color:#3d5bab}
.txt-icon-red {background-color:#f72f08}
.txt-icon-green {background-color:#5bb025}
.txt-icon-yellow {background-color:#f99d1c}


/**
 ** content **
**/

/* greetings */
.cont-float-greetings {font-size: 16px}
.cont-float-greetings .cont-left {margin-right: 5%;width: 43%;}
.cont-float-greetings .cont-right {width: 52%}
.cont-float-greetings .cont-right p {margin-bottom: 40px;}
.cont-float-greetings .cont-right p.sign {text-align: right;font-weight: bold;}
.cont-float-greetings .img-wrap{text-align:center; margin-bottom: 30px}
.cont-float-greetings .cont-center p {margin-bottom: 40px; text-align: left; letter-spacing:-0.4px}
.cont-float-greetings .cont-center p.sign {display:none;}
/*.cont-float-greetings .cont-center p span.br{display:block;}*/

@media all and (max-width: 640px) {
.cont-float-greetings .cont-left {float: none;overflow: hidden;margin: 0 0 15px;width: 100%;height: 320px;text-align: center}
.cont-float-greetings .cont-left img {max-width: 430px;width: 100%;}
.cont-float-greetings .cont-right {float: none;width: 100%;}
.cont-float-greetings .cont-right p {margin-bottom: 20px;}
.cont-float-greetings .cont-right p.sign {text-align: left;}
.cont-float-greetings .cont-center p span.br{display: contents;}
}

/* directions */
ol.list-type-num li p.p-type-dash {margin-top: 5px;}
.map_area {border: 1px solid #ddd !important;}
@media screen and (max-width: 999px) {
	.map_area {width: 100% !important;}
}/*@media screen and (max-width: )*/

/* QnA*/
.qna-wrap { border-radius: 10px;padding: 22px 40px 21px;background: #f4f6f7;color: #333;overflow: hidden;display: block;text-align: center;min-height: 114px;margin-bottom: 50px;}
.qna-wrap p{position:relative; padding-top: 100px}
.qna-wrap p:before{position: absolute; top: 0;left:50%;margin-left: -47px;width:94px;height: 94px;background: url(../images/ico/icon-qna.png) no-repeat 0 0;content:'';}
.qna-wrap *{color:#283b82;}
.btn-wrap{margin: 20px 0 ; text-align:center;}
.btn-wrap .btn-email{color:#fff; background: #0085d0; padding: 13px 20px 10px;line-height:1; }
.btn-wrap .btn-email span{position:relative; padding-right:50px; line-height:1;}
.btn-wrap .btn-email span:after{position: absolute; top: 50%;margin-top:-5px; right:0;width:40px;height: 10px;background: url(../images/ico/icon-arrow.png) no-repeat 0 0;content:'';}
@media screen and (max-width: 812px) {
	.qna-wrap {	padding: 20px;}
}
/* registration */
.regist-top{border-radius: 10px;padding: 22px 13% 21px;background: #f4f6f7;color: #333;overflow: hidden;display: block;min-height: 114px;margin-bottom: 50px;}
.regist-top .wrap{position: relative;padding-left: 130px;}
.regist-top .wrap:before {position: absolute;top: 50%;left:0;margin-top: -47px;width:94px;height: 94px;background: url(../images/ico/ico-regist.png) no-repeat 0 0;content:'';}
.regist-top p{color:#283b82; font-weight: bold; font-size: 20px; }
.regist-top ul{padding-top:5px; padding-left:0; }
.regist-top ul:before{display: none;}
.regist-top ul li{color:#283b82;}
.regist-top ul li strong{position: relative;display: block;float: left;margin-right: 9px;width: 110px;}
.eng .regist-top ul li strong{width:155px}
.regist-top ul li strong:after {position: absolute;top: 7px;right: 0;width: 2px;height: 10px;background-color: #283b82;content: '';}
.regist-top ul.list-type-none li {padding-left: 0; color: #333; font-size: 0.9em;letter-spacing: -0.3px;}
.regist-top ul.list-type-none li:before {display: none;}
.regist-top ul.list-type-dot li:before {background:#283b82;}
.registration-wrap .cont01 {padding-bottom: 40px; border-bottom: 2px dashed #b2b2b2}
.registration-wrap .btn.large {padding: 18px;line-height: 51px;height: 51px;}
.registration-wrap .cont01 .btn.large {min-width:202px}
.registration-wrap .cont01 .btn.large span {width: 100%;}
.reg-wrap ul.list-type-arrow > li > strong.title {min-width:92px;}

.pl0{padding-left: 0 !important;}

.btn-group.reg {margin:40px 0; box-sizing:border-box; display: block; overflow:hidden;}
.reg .btn {border-radius: 14px 14px 0 14px; padding: 15px 80px}
.reg .bg-gray {margin-left:20px; background:#f4f6f7 ;border:1px solid #f4f6f7 ; }
.reg .bg-gray span{color:#333}

.table-text{color:#0086D1; font-weight: bold;text-align: center;margin-bottom:5px}
.registration-wrap .dl-table .table.table-head >dt, .dl-table .table.table-head >dd {font-weight: bold;color:#333;background:#fbfcfe  !important;text-align: center;     vertical-align: middle;}
.registration-wrap .dl-table .table > dt, .dl-table .table > dd {border-right:1px solid #ddd; background:#fff !important;}
.registration-wrap .dl-table .table > dt{text-align: center; word-break: keep-all;}
.registration-wrap .dl-table .table > dd:last-child{border-right:0  !important;width: 130px;vertical-align: middle;}

@media all and (max-width: 812px) {
	.regist-top .wrap{padding-left: 0;}
	.regist-top .wrap:before{content: none;}
}
@media all and (max-width: 420px) {
	.reg-wrap ul.list-type-arrow > li > strong.title{width:100px}
	.reg-wrap ul.list-type-arrow > li > strong.title.none{width:100%}
	.reg-wrap .list-type-dash span {margin-left:0 !important}
	.btn-group.reg {margin:20px 0 }
	.btn-group.reg .btn {display:block; float:left;width:100%; margin:30px 1%; padding:11px 0 !important}
	.registration-wrap .dl-table .table > dd:last-child{width: 60px;white-space: pre-wrap;word-break: break-all;}
}


/*pagenavi*/
.wp-pagenavi span.current {background: #0c82e9;border-color: #0c82e9 !important;}
.wp-pagenavi .current, .wp-pagenavi .page, .wp-pagenavi a {height: 40px !important;width: 40px !important;line-height: 36px !important;box-sizing: border-box;border: 1px solid #cecece !important;padding: 0 !important;}
.wp-pagenavi .extend {display: none !important}
.wp-pagenavi .current {border-color:}
.wp-pagenavi .page:hover, .wp-pagenavi a:hover {border-color: #666}
.wp-pagenavi .nextpostslink.jump {font-size: 0;background: url(http://news.seoul.go.kr/env/wp-content/themes/seoul/images/sub/btn_next.gif)no-repeat center center;}
.wp-pagenavi .last.jump {font-size: 0;background: url(http://news.seoul.go.kr/env/wp-content/themes/seoul/images/sub/btn_last.gif )no-repeat center center;}
.wp-pagenavi .previouspostslink {font-size: 0;background: url(http://news.seoul.go.kr/env/wp-content/themes/seoul/images/sub/btn_prev.gif)no-repeat center center;}
.wp-pagenavi .first {font-size: 0;background: url(http://news.seoul.go.kr/env/wp-content/themes/seoul/images/sub/btn_fir.gif)no-repeat center center;}


@media all and (max-width: 812px) {
	.regist-top{padding: 2%;min-height: auto;}
	.regist-top ul {width: 100%;padding: 0;transform:none;left:auto;position: static;}
	.regist-top ul:before{display:none;}
	.regist-top ul li{display: inline-block}
}

#content.registration-wrap{margin: 0 auto;}
.registration-wrap .cont02 {margin-top: 50px;}
.registration-wrap .btn.large {padding-top: 17px}
.registration-wrap .btn span {float: left}

@media screen and (max-width: 812px) {
	.btn.large {padding: 11px 40px;}.mobile-inline {display:inline;}
}

/* notice, program list common */
[class*="art-list-"] {overflow:hidden; border-bottom:1px solid #ccc;}
[class*="art-list-"]:nth-child(1) {border-top:1px solid #c9c9c9;}
[class*="art-list-"] .thum {float:left;}
[class*="art-list-"] .thum + .cont {float:left;}
[class*="art-list-"] .cont {overflow:hidden;margin-bottom: 0;}
[class*="art-list-"] .cont h5 {color:#111; padding-bottom:0 !important}
[class*="art-list-"] .cont h5 a {color:#111;}
[class*="art-list-"] .cont p {margin-bottom:4px; overflow:hidden;}
[class*="art-list-"] .cont > a {display:inline-block; font-size:12px; font-size:0.857rem; text-decoration:none;}
[class*="art-list-"] .cont > a:after {content:" "; display:inline-block; position:relative;}

/* notice */
#content .art-list-notice {padding:17px 25px; line-height:1.5;}
#content .art-list-notice .thum {margin-right:30px; width:250px; height:150px;}
#content .art-list-notice .thum + .cont {width:670px;}
#content .art-list-notice .cont h5 {margin-bottom:11px; font-size:20px; font-size:1.429rem;}
#content .art-list-notice .cont p {height: 94px;font-size:14px;font-size:1rem;}
#content .art-list-notice .cont > a {float:right;padding:4px 10px; background:#8E8E8E; color:#fff;;}
#content .art-list-notice .cont > a:after {margin-left:3px; width:8px; height:8px; background:url(../images/ico/ico-program-plus.gif) no-repeat;}
#content .art-view-notice {padding:0 20px; border-top:1px solid #d4d4d4; }
#content .art-view-notice header {margin:0 -20px 34px -20px; padding:11px 20px 13px 20px; border-bottom:1px solid #e5e5e5; background:#f5f5f5; font-size:20px; font-size:1.429rem; color:#111;}
#content .art-view-notice header h5{ color:#111; margin: 0; padding-bottom: 0;}
#content .art-view-notice footer {margin-top:34px; padding-top:50px; border-top:1px solid #ccc; text-align:center;}
#content .art-view-notice footer a {box-sizing: border-box;margin: 0;padding: 15px;vertical-align:middle;text-align: center;cursor: pointer;-webkit-appearance: none;font-weight: 700;min-width: 140px;line-height: 100%;color: #fff;border: 1px solid #0c82e9;background: #0c82e9;display: inline-block;} 
#content .art-view-notice h5, .art-view-notice h6, .art-view-notice strong{font-size: 1.195rem;}
#content .art-view-notice h5{margin: 5px 0;color:#293502; font-weight:bold;}
#content .art-view-notice h6{color:#293502; font-weight:bold;}
#content .art-view-notice div.box-gray{margin: 10px 0;padding:10px; background: #f3f7e0}
#content .art-view-notice ul li {margin-bottom: 10px;}
#content .art-view-notice .align-center{text-align: center !important;}
#content .art-view-notice table {border-top: 2px solid #858585; border-right: 1px solid #ccc;margin: 10px 0;}
#content .art-view-notice table th,
#content .art-view-notice table td {padding: 5px 10px;border-left: 1px solid #ccc;border-bottom: 1px solid #ccc;}
#content .art-view-notice table thead th,
#content .art-view-notice table tbody tr th {background: #f5f5f5;color: #293502}
#content .art-view-notice table+p{margin-left: 10px; padding-left: 15px; text-indent: -15px; text-align: left}
#content .art-view-notice .download-file{background: #f3f7e0; border: 1px dotted #888;padding:10px;}
#content .art-view-notice .download-file a{ line-height: 1.8em;}
#content .art-view-notice p{margin-bottom: 10px}
#content .art-view-notice table th.align-left,
#content .art-view-notice table td.align-left {text-align: left;}
#content .art-view-notice a{color:#0382d7; word-break:break-all}

 @media screen and (max-width: 812px) {
	#content .art-list-notice .thum {margin-right: 20px;width: 180px;height: auto;}
	#content .art-list-notice {padding: 15px;}
	#content .art-view-notice .image-wrap{margin: 30px auto; max-width: 630px;text-align: center; }
	#content .art-view-notice .image-wrap span{display: block; box-sizing: border-box;padding: 5px 10px 8px 10px; width:100%; background-color: #333; color: #f7f7f7; }
	#content .art-view-notice img{height: auto}
	#content .art-view-notice .column{overflow:hidden; margin: 20px 0; padding:15px 15px 20px 15px; border:0;background:#f4f1ff; color:#005fc1; font-size:0.9rem; line-height:2.1}
	#content .art-view-notice .column img{display: block; float:left; margin: 10px 20px 10px 10px;}
	#content .art-view-notice .column p {margin-bottom:0;margin-left:115px; }
	#content .art-view-notice .column strong{display:block; font-size:1rem}
	#content .art-view-notice header{padding: 10px 15px 11px}
	#content .art-view-notice footer a{padding: 0;height: 50px; line-height: 50px;}
 }/*@media screen and (max-width: )*/

 @media all and (max-width: 480px) {
 	#content .art-list-notice .cont h5{font-size: 1.3rem; letter-spacing: -.2px}
	#content .art-list-notice > a {display: block;text-align: center;}
	#content .art-list-notice .thum {width: 250px;height: auto;margin: 0 auto 20px;float: none;}
	#content .art-list-notice .cont {clear: both;width: 100%;}
}

@media all and (max-width: 359px) {
#content {width: auto;	box-sizing: border-box;	margin: 30px 0;	overflow: hidden}
.list .art-list-program  {max-width: initial;max-height: initial;}
.list .art-list-program .thum {	width: 100% !important; max-width: initial;	max-height: initial;}	
.list .art-list-program .cont {padding: 8px 3px 15px 3px;border-bottom: 3px solid red; 	margin-bottom: 20px;}
.list .art-list-program .cont > a {position: initial}
.frm-gallery-regist .set-button a,
.frm-gallery-regist .set-button button{min-width:110px}
.mo_block{display: block}
.art-faq-content .cont {padding-right: 20px;}
}



#content .program-intro {overflow: hidden;margin: 20px 0 50px;}
#content .program-intro .program-img {float: left;width: 35%;margin-right: 3%;}
#content .program-intro .program-list {float: left;width: 62%;height: 250px;position: relative;margin-bottom:20px;}
#content .program-intro .program-list:after{display: block;clear: both; content: '';}
#content .program-intro .program-list h5.arrow {font-size: 23px !important;padding-left: 24px !important;line-height: 1.4;}
#content .program-intro .program-list h5.arrow:before{position: absolute;top: 3px;left: 0;width: 18px;height: 25px;background: url(../images/ico/bl_arrow_b.png) no-repeat 0 0;content: '';}
#content .program-intro .program-list .program-object {background: #f6f7f9;padding: 23px 20px;min-height: 100px;box-sizing: border-box;}
#content .program-intro .program-list .program-object dt {position: relative;margin-bottom: 10px;font-weight: bold;font-size: 15px;padding-left: 10px; color:#333;}
#content .program-intro .program-list .program-object dt:before {position: absolute;width: 4px;height: 4px;background: #666;content: '';display: block;left: 0;top: 50%;margin-top: -2px;}
#content .program-intro .program-list p {margin-bottom: 15px;}
#content .program-intro .program-list .btn-group{position:absolute; bottom:0;margin:0;}
#content .program-intro .program-list  .btn.bg-point{float:right;min-width:200px;height: 40px;padding: 0;line-height: 40px;}
#content .program-intro .program-list  .btn.bg-point span{padding-right: 60px; position:relative;}
#content .program-intro .program-list .btn.bg-point span:after{position: absolute;top: 50%;right: 0;margin-top:-7px;width: 40px;height: 11px;background: url(../images/btn/btn-arrow.png) no-repeat 0 0;content: '';background-size: cover;}
.program-intro .clearfix{clear:both;margin-top:48px;}
.program-intro .program-list h6 {margin-bottom: 20px;}

@media all and (max-width: 580px) {
	#content .program-intro{margin-bottom: 60px;}   
	#content .program-intro:last-child{margin-bottom: 0;}   
	#content .program-intro .program-img {float: none;width: 100%;margin-right: 0;margin-bottom: 20px;text-align: center;}
	#content .program-intro .program-list {float: none;width: 100%;height: auto;}
	#content .program-intro .program-list .btn-group{position:static; margin-top:10px;}
}

.speaker-intro {overflow: hidden;margin: 20px 0 50px;}
	#content	.speaker-intro .speaker-img {float: left;width: 35%;margin-right: 3%;}
	#content	.speaker-intro .speaker-list {float: left;width: 62%;}
	#content	.speaker-intro .speaker-list p {margin-bottom: 15px;}
	#content	.speaker-intro .speaker-list h6 {margin-bottom: 20px;}

	@media all and (max-width: 580px) {
		#content	.speaker-intro .speaker-img {float: none;width: 100%;margin-right: 0;margin-bottom: 20px;text-align: center;}
		#content	.speaker-intro .speaker-list {float: none;width: 100%;}
		}

.presentation-intro {overflow: hidden;margin: 20px 0 50px;}
.presentation-intro .presentation-img {float: left;width: 20%;margin-right: 3%;}
.presentation-intro .presentation-list {float: left;width: 77%;position: relative;margin-bottom: 20px;}
.presentation-intro .presentation-list:after {display: block;clear: both;content: '';}
#content .presentation-intro .presentation-list h5.arrow {font-size: 23px !important;padding-left: 24px !important;line-height: 1.4;}
#content .presentation-intro .presentation-list h5.arrow span{font-size:smaller; margin-left:5px;}
#content .presentation-intro .presentation-list h5.arrow:before {position: absolute;top: 3px;left: 0;width: 18px;height: 25px;background: url(/wp-content/themes/seoul_ssc/template/blockexpo/2021/assets/images/ico/bl_arrow_b.png) no-repeat 0 0;content: '';}
#content .presentation-intro .presentation-list ul.list-type-arrow > li {padding: 0 0 8px 15px;}
#content .presentation-intro .presentation-list ul.list-type-arrow > li:before {position: absolute;width: 4px;height: 4px;background: #333;content: '';display: block;left: 0;top: 9px;}
#content .presentation-intro .presentation-list ul.list-type-arrow > li .title:after {background: #333}
#content .presentation-intro .presentation-list ul.list-type-arrow > li .title.none {margin-bottom: 8px;width:100%;}
#content .presentation-intro .presentation-list ul.list-type-arrow > li .title.none + .list-type-dash{margin-top:0 !important; margin-left:0 !important}
.presentation-intro .presentation-list ul.list-type-dash li {letter-spacing: -1px;}
.eng .summary .presentation-intro ul.list-type-arrow > li .title.none + span{font-weight: normal !important;}
.eng .summary .presentation-intro ul.list-type-arrow > li > ul{ margin-left: 0 !important;}
.presentation-intro .presentation-object {background: #f6f7f9;padding: 23px 20px;min-height: 100px;box-sizing: border-box;}
.presentation-intro .presentation-object dt {position: relative;margin-bottom: 10px;font-weight: bold;font-size: 15px;padding-left: 10px;color: #333;}
.presentation-intro .presentation-object dt:before {position: absolute;width: 4px;height: 4px;background: #333;content: '';display: block;left: 0;top: 50%;margin-top: -2px;}
.presentation-intro .presentation-object dd.title {color: #0c82e9;font-weight: bold;margin-bottom: 8px;}
.presentation-intro .presentation-list .btn-group {margin-top: 10px;}
.presentation-intro .presentation-list .btn.bg-point {float: right;min-width: 200px;height: 40px;padding: 0;line-height: 40px;}
.presentation-intro .presentation-list .btn.bg-point span {padding-right: 60px;position: relative;}
.presentation-intro .presentation-list .btn.bg-point span:after {position: absolute;top: 50%;right: 0;margin-top: -7px;width: 40px;height: 11px;background: url(/wp-content/themes/seoul_summit/assets/images/btn/btn-arrow.png) no-repeat 0 0;content: '';background-size: cover;}
.presentation-intro .clearfix {clear: both;margin-top: 48px;}
.presentation-intro .presentation-list h6 {margin-bottom: 20px;}

@media all and (max-width: 580px) {
	.presentation-intro {margin-bottom: 60px;}
	.presentation-intro:last-child {margin-bottom: 0;}
	.presentation-intro .presentation-img {float: none;width: 100%;margin-right: 0;margin-bottom: 20px;text-align: center;}
	.presentation-intro .presentation-list {float: none;width: 100%;height: auto;}
	.presentation-intro .presentation-list .btn-group {position: static;margin-top: 10px;}
}


/* privacy */
.content-wrap {margin: 50px auto 0 auto;}
.privacybox1:after {content:'';display:block;clear:both;}
.privacybox1 {margin:20px 0;}
.privacybox1 .right-desc{float:right;}
@media all and (max-width: 580px) {
.tblscroll {width: 100%; overflow-x: scroll;}
#wrapper .privacy-wrap .tblscroll table{width: 150%;}
}
.bg-gray {padding: 15px;background: #f4f4f4;color: #707070}
.bg-gray-dot {border: 1px dotted #cccccc}

#container .content-privacy h4 {margin: 40px 0 0px;padding: 0 0 5px;font-size:22px;font-weight:700;color:#3a3a3a;}
.content-privacy h4, .privacy-wrap p, .privacy-wrap li{line-height:1.6;}
.content-privacy h4 {margin-top:20px;color: #222 !important}
.content-privacy p {margin-top:10px;}
.content-privacy ol{margin-top:10px;}
.content-privacy ol>li {margin-bottom:5px;list-style: none !important;}
.content-privacy ol.type2>li {margin-bottom:0}
.content-privacy ol ol li {margin-bottom:0;list-style: none !important;}
.content-privacy a {color: #0c82e9;font-weight: bold;}
#wrapper .content-privacy table{border-top:#767676 1px solid}

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


.video-container {position: relative;padding-bottom: 56.25%;padding-top: 30px; height: 0; overflow: hidden;text-align:center}
.video-container iframe,.video-container object,.video-container embed {position: absolute;top: 0;left: 50%;width: 100%;height: 100%;min-height:auto; transform:translateX(-50%)}



/* 댓글이벤트 */
.style1 .table-text {text-align:left;}
.style1 .dl-table { position:relative; display:block; border-top:1px solid #767676; overflow:hidden; }
.style1 .dl-table .table { position:relative; display:table; table-layout:fixed; width:100%; border-spacing:0; box-sizing:border-box; overflow:hidden; }
.style1 .dl-table .table > dt {position:relative;display:table-cell;width: 25%;padding:8px 15px;font-size:16px;font-weight:400;text-align:left;background:#f4f6f7;border-bottom:1px solid #ddd;box-sizing:border-box;overflow:hidden;vertical-align:middle;}
.style1 .dl-table .table > dd { position:relative; display:table-cell; width:80%; padding:8px 15px; font-size:16px; font-weight:400; text-align:left; border-bottom:1px solid #ddd; box-sizing:border-box; overflow:hidden; }
.style1 .dl-table .table > dt label { font-size:16px; font-weight:normal !important; vertical-align:middle !important; display:inline-block !important; width:100% !important; word-break: break-all;}
.style1 .dl-table .table.table-head >dt, .dl-table .table.table-head >dd {font-weight: bold;color:#333;background:#fbfcfe  !important;text-align: center;     vertical-align: middle;}
.style1 .dl-table .table > dt, .dl-table .table > dd {border-right:1px solid #ddd; background:#fff !important;}
.style1 .dl-table .table > dt{text-align: center; word-break: keep-all;}
.style1 .dl-table .table > dd:last-child{border-right:0  !important;vertical-align: middle;}

@media all and (max-width:640px){
	.content-wrap.reg-wrap .tab li button{font-size:16px;padding-left:0; padding-right:0;}
	.style1 .dl-table .table > dt { width:25%; padding:6px 8px; font-size:14px; }
	.style1 .dl-table .table > dd { width:75%; padding:6px 8px; font-size:14px; }
	.style1 .dl-table .table > dd .btn.btn-default { background-color:#666; color:#fff;}
	.style1 .dl-table .table > dd .btn.btn-blue { background-color:#0c82e9; color:#fff;}
	.style1 .dl-table .table > dd .btn-check {margin-top: 5px;width: 100%} /* 2019-01-30 본인인증 관련 버튼 추가 */

}

/*2022-01-28*/
.pc-img{display:block;}
.mob-img{display:none;}
#container{padding-bottom:0;}
#content{margin:0 auto 50px auto;}
#content .wrap{width:100%; max-width:1000px; margin:48px auto; display:flex; justify-content: flex-start;}
#content .left-area{width:20%;}
#content .right-area{width:80%; margin-left: 52px;}
#content .right-area .mt-none{margin-top:0 !important;}
#content .right-area .year-menu ul{display:flex; width:100%; max-width:480px;}
#content .right-area .year-menu ul li{color:#333; font-size:18px; letter-spacing: -0.1em; width:50%; text-align:center; padding:10px 0; border: 1px solid #ddd; font-family: 'Noto Sans KR', Arial, Helvetica, sans-serif; font-weight:400; cursor:pointer; -ms-user-select:none; -moz-user-select:none; -khtml-user-select:none; -webkit-user-select:none; user-select:none;}
#content .right-area .year-menu ul li.on{background:#d46d66; color:#fff; font-weight:bold; border:0;}
#content .right-area .content{margin-top:30px;}
#content .right-area .outline-box,#content .right-area .picture-box{display:none;}
#content .right-area .outline-box{display:flex; justify-content: flex-start;}
#content .right-area .outline-box .image-area{width: 36%; max-width: 270px;}
#content .right-area .outline-box .image-area img{border:1px solid #ccc;}
#content .right-area .outline-box .txt-area{width: 64%; margin-left:30px;}
#content .right-area .outline-box .txt-area ul li{color:#666; position:relative; padding-left:14px; line-height:1.5; font-size:18px; letter-spacing: -0.25px;}
#content .right-area .outline-box .txt-area ul li:before{position:absolute; content:''; top:8px; left:0; width:4px; height:4px; background:#d46d66;}
#content .right-area .outline-box .txt-area ul li b{color:#333; font-weight:bold; display:block; font-size:18px;}
#content .right-area .outline-box .txt-area ul li + li{margin-top:45px;}
#content .right-area .outline-box .txt-area h3{font-size:1.26rem; font-weight:bold; text-align:center;}
#content .right-area .image-area a{display:block; width:100%; padding:15px 0;  background:#d46d66; border-radius:8px; border:1px solid #c24c44;}
#content .right-area .image-area a strong{position:relative; left: 50%; transform: translateX(-50%); display:inline-block; padding-right:26px; color:#fff; font-size: 1.16rem;}
#content .right-area .image-area a strong:after{position:absolute; content:''; top:0; right:0; width:16px; height:17px; background:url(https://forum.seoul.go.kr/wp-content/themes/seoul_ssc/template/blockexpo/2021/assets/images/ico/block-icons.png) no-repeat; background-position-x:-51px;}
#content .right-area .picture-box p{color:#333; font-size:18px; margin-bottom:20px;}
#content .right-area .picture-box ul{display:flex; flex-wrap: wrap;}
#content .right-area .picture-box ul li {width: 100%; max-width:32.1%; flex-grow: 0.321;}
#content .right-area .picture-box ul li:not(:nth-child(3n+1)){margin-left:1em;}
#content .right-area .picture-box ul li:nth-child(3n){margin-bottom:1em;} 
#content .right-area .picture-box ul li img{width:100%; border:1px solid #ccc;}
.pc_tab ul{overflow: hidden; width: 100%;}
.pc_tab ul li + li{margin-top:30px;}
.pc_tab ul li a{color:#999 !important; font-size:24px; font-family: 'Noto Sans KR', Arial, Helvetica, sans-serif; font-weight:700;}
.pc_tab ul li.activeClass a{width:100%; color:#d46d66 !important; padding: 0 7px 0 3px; position:relative;}
.pc_tab ul li.activeClass a:after{position:absolute; bottom: 4px; z-index: -1; left: 0;width:100%; height:10px; background:#efcaaf; content:'';}
.mob_select {display: none;}
.mob_select select {width:100%; height: 40px;}
/*table*/
#content .table-layout{overflow-x:auto;}
#content .table-layout2{overflow-y:scroll;}
#content .table-height{height:100%; max-height:444px;}
#content .table-layout2::-webkit-scrollbar{width:5px;}
#content .table-layout2::-webkit-scrollbar-thumb{background-color: #b8b8b8; border-radius: 10px; background-clip: padding-box; border: 1px solid transparent;}
#content .table-layout2::-webkit-scrollbar-track {background-color: rgba(0,0,0,.1);}
#wrapper table{border-bottom:0;}
#wrapper table th{border:1px solid #ccc; border-left:0; border-right:0; background:#f4f4f4;}
#wrapper table td {padding:8px; border-left:0; border-bottom:1px solid #ccc;}
/*purpose-gallery*/
#content .mob-gallery{display:none;}
#content .left-area.gallery-area{width:50%;}
#content .right-area.purpose-area{width:50%; margin-left:0;}
#content .right-area.purpose-area .outline-box .txt-area{margin-left:0; width:100%;}
#content .right-area.purpose-area .outline-box .txt-area ul li ul li{position:relative; padding-left:12px; font-size:1.24rem; letter-spacing:-0.28px; line-height:1.4; color:#666;}
#content .right-area.purpose-area .outline-box .txt-area ul li ul li + li{margin-top:20px;}
#content .right-area.purpose-area .outline-box .txt-area ul li ul li.bg-none{padding-left:0;}
#content .right-area.purpose-area .outline-box .txt-area ul li ul li.bg-none:before{display:none;}
#content .right-area.purpose-area .outline-box .txt-area ul li ul li:before{content:''; position:absolute; top:10px; left:0; width:6px; height:1px; background:#666; }
#content .gallery-area .gallery .bx-wrapper{box-shadow: 0 0 0 transparent; border: 0px;}
#content .gallery-area .gallery .bx-wrapper .bx-controls-direction a{width:20px; height:37px; background:url(https://forum.seoul.go.kr/wp-content/themes/seoul_ssc/template/blockexpo/2021/assets/images/ico/ico_gallery-arrow.png) no-repeat;}
#content .gallery-area .gallery .bx-wrapper .bx-prev{left: -46px; transform: rotateY(-180deg);}
#content .gallery-area .gallery .bx-wrapper .bx-next {right: 10px;}
.video-area{position:relative; width:100%; max-width:900px; padding-bottom:56.25%; height:0; overflow:hidden; margin:0 auto;}
.video-area iframe,.video-area object,.video-area embed {position:absolute; top:0; left:0; width:100%; height:100%; min-height:100%; overflow-y: hidden !important;}
.pre-box{margin:0 auto; text-align:center;}
.pre-box p{font-size:18px; font-weight:bold;}
.pre-box p span{font-size:22px; color:#993333; font-weight:bold;}
@media screen and (max-width:1152px) {
#content .wrap{padding:0 10px;}
#content .left-area {width: 22%;}
.pc_tab ul li + li { margin-top: 28px;}
#content .pc_tab ul li a{font-size: 1.4rem;}
#content .right-area{margin-left:40px;}
#content .right-area .picture-box ul li {max-width: 30%; flex-grow: 0.3;}
#content .right-area .outline-box .txt-area ul li b,
#content .right-area .outline-box .txt-area ul li,
#content .right-area .picture-box p{font-size:1.025rem;}
#content .right-area .image-area button a{font-size: 0.8rem;}
#wrapper table th,#wrapper table td{font-size:0.9rem;}
#content .table-layout table{width:414px;}
#content .table-layout3 table th,#content .table-layout3 table td{font-size:0.8rem;}
/* #content .mob-gallery{display:block;}
#content .gallery{display:none;} */
/* #content .wrap.gallery-wrap{padding:0;} */
#content .right-area.purpose-area {margin-left: 16px;}
#content .right-area .image-area a strong{font-size:1rem;}
#content .right-area.purpose-area .outline-box .txt-area ul li ul li{font-size: 1.125rem;}
#content .right-area.purpose-area .outline-box .txt-area ul li ul li br{display:contents;}
#content .gallery-area .gallery .bx-wrapper .bx-prev{left:10px;}
.video-area {max-width: 80%;}
.video-wrap iframe,
.video-wrap object,
.video-wrap embed {min-height:460px !important;}
}
@media screen and ( max-width:768px ) {
#content .wrap{padding:0;}
#content .left-area {
    width: 28%;
}
#content .pc_tab ul li a {
    font-size: 1.36rem;
}
#content .right-area {
    margin-left: 30px;
}
#content .right-area .outline-box .txt-area {
    width: 60%;
    margin-left: 20px;
}
#content .right-area .picture-box ul{justify-content: space-between;}
#content .right-area .picture-box ul li {max-width: 48%; flex-grow: 0.48;}
#content .right-area .picture-box ul li:not(:nth-child(3n+1)){margin-left:0;}
#content .right-area .picture-box ul li:nth-child(3n){margin-bottom:0;} 
#content .right-area .picture-box ul li:nth-child(2n){margin:0 0 1em 1em;}
#content .right-area.purpose-area .outline-box .txt-area ul li ul li{font-size: 1.084rem;}
}
@media screen and ( max-width:680px ) {
.pc-img{display:none;}
.mob-img{display:block;}
#content{padding:0 4.8%;}
#content .wrap{flex-direction:column; margin:30px auto;}
.mob_select {display: block;}
.pc_tab{display: none;}
#content .left-area{width:100%;}
#content .right-area{margin-left:0; width:100%;}
#content .right-area .image-area a strong{left: 0; transform: translateX(0%);}
#content .right-area .year-menu ul{max-width:100%;}
#content .right-area .outline-box{flex-direction: column;}
#content .right-area .outline-box .image-area{width:100%; max-width:100%; text-align:center;}
#content .right-area .outline-box .image-area img {padding: 10px;}
#content .right-area .image-area button a {font-size: 1rem;}
#content .right-area .outline-box .txt-area {width: 100%;  margin-left: 0; 	margin-top:20px;}
#content .right-area .outline-box .txt-area ul li + li {margin-top: 20px;}
#content .right-area .picture-box ul li:nth-child(2n){margin:0 0 1.2em 0;}
#content .right-area,#content .right-area .content{margin-top:24px;}
#content .table-layout table{width:100%;}
#content .wrap.gallery-wrap{margin:30px auto 0 auto;}
#content .left-area.gallery-area{width:100%;}
#content .right-area.purpose-area{margin:0; width:100%;}
#content .gallery-area .gallery .bx-wrapper{margin-bottom:0;}
#content .gallery-area .gallery .bx-wrapper .bx-next{right:30px;}
#content .gallery-area .gallery .bx-wrapper .bx-prev{left:30px;}
#content .gallery-area .gallery .bx-wrapper.bx-wrapper img{margin:0 auto;}
.video-area {max-width: 100%;}
}
@media screen and ( max-width:640px ){
#content .gallery-area .gallery .bx-wrapper .bx-next{right:20px;}
#content .gallery-area .gallery .bx-wrapper .bx-prev{left:20px;}
}
@media screen and ( max-width:480px){
#content .gallery-area .gallery .bx-wrapper .bx-next{right:10px;}
#content .gallery-area .gallery .bx-wrapper .bx-prev{left:10px;}	
}
@media screen and ( max-width:420px ){
#content .right-area .outline-box .image-area img {width:100%; max-width:100%;}
#content .right-area .picture-box ul li:nth-child(2n) {margin: 0 0 1em 0;}
#content .table-layout table{width:500px;}	
}
@media screen and ( max-width:358px) and (min-width:280px){
	#content .table-layout table{width: 100%;}
}
/*sitemap*/
.sitemap{width:100%; max-width:1000px; margin:50px auto 0 auto; display:flex; gap:50px 2%; flex-wrap:wrap; justify-content: flex-start;}
.sitemap > li{width:32%;}
.sitemap > li > a{background:#d46d66; color:#fff;justify-content: center;}
.sitemap li a{width:100%; height:50px; display:flex;align-items: center; font-weight:bold;}
.sitemap li > .sub-menu > li > a{padding-left:36px; position:relative; border-bottom:1px solid #ddd; color:#333; } 
.sitemap li > .sub-menu > li > a:before{position:absolute; content:''; left:22px; width:4px; height:4px; background:#d46d66;}
@media screen and (max-width:768px) {
.sitemap{gap:40px 4%;}
.sitemap > li{width:48%;}
}
@media screen and (max-width:480px) {
.sitemap > li{width:100%;}
}