@charset "utf-8";

@import url('base.css');

@font-face {
    font-family: 'Nanum Gothic';
    src: url('/wp-content/themes/seoul/fonts/NanumGothic.eot'); /* IE9 Compat Modes */
    src: url('/wp-content/themes/seoul/fonts/NanumGothic-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
            url('/wp-content/themes/seoul/fonts/NanumGothic-Regular.woff2') format('woff2'), /* Super Modern Browsers */
            url('/wp-content/themes/seoul/fonts/NanumGothic-Regular.woff') format('woff'), /* Pretty Modern Browsers */
            url('/wp-content/themes/seoul/fonts/NanumGothic-Regular.ttf')  format('truetype'); /* Safari, Android, iOS */
    font-weight: 400
}
@font-face {
    font-family: 'Nanum Gothic Bold';
    src: url('/wp-content/themes/seoul/fonts/NanumGothic-Bold.eot'); /* IE9 Compat Modes */
    src: url('/wp-content/themes/seoul/fonts/NanumGothic-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
            url('/wp-content/themes/seoul/fonts/NanumGothic-Bold.woff2') format('woff2'), /* Super Modern Browsers */
            url('/wp-content/themes/seoul/fonts/NanumGothic-Bold.woff') format('woff'), /* Pretty Modern Browsers */
            url('/wp-content/themes/seoul/fonts/NanumGothic-Bold.ttf')  format('truetype'); /* Safari, Android, iOS */
    font-weight: 700
}
@font-face {
    font-family: 'Nanum Gothic ExtraBold';
    src: url('/wp-content/themes/seoul/fonts/NanumGothic-ExtraBold.eot'); /* IE9 Compat Modes */
    src: url('/wp-content/themes/seoul/fonts/NanumGothic-ExtraBold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
            url('/wp-content/themes/seoul/fonts/NanumGothic-ExtraBold.woff2') format('woff2'), /* Super Modern Browsers */
            url('/wp-content/themes/seoul/fonts/NanumGothic-ExtraBold.woff') format('woff'), /* Pretty Modern Browsers */
            url('/wp-content/themes/seoul/fonts/NanumGothic-ExtraBold.ttf')  format('truetype'); /* Safari, Android, iOS */
    font-weight: 800
}


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

/* gnb hover 2021-01-14 */
.gnb > ul > li > a:hover, .gnb > ul > li > button.btn_info_cate:hover {color: #2292e9 !important;}
.gnb > ul > li.on>a,
.gnb > ul > li.on button.btn_info_cate {position: relative;color: #2292e9 !important;}
.gnb > ul > li.on>a:after,
.gnb > ul > li.on button.btn_info_cate:after {content: '';position: absolute;bottom: -3px;left: 0;width: 100%;height: 2px;background-color: #2292e9 !important;}


.pop_cont{ padding:1.5em 1em;}

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


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

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

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

/*pagination*/
.page-control { text-align: center; }
.pagination { display: inline-block; overflow: hidden; margin: 30px 0 0 0; }
.pagination li { display: block; float: left; }
.pagination li a { display: block; width: 50px; height: 50px; margin-left: 10px; padding: 13px; border: 2px solid #fff; font-size: 16px; box-sizing: border-box; }
.pagination li.active a { background: none; border-color: #333; color: #333; font-weight: bold; }
.pagination li.active a:hover, .pagination li.active a:active, .pagination li.active a:focus { background: none; border-color: #333; color: #333; }
.pagination li a:hover, .pagination li a:active, .pagination li a:focus { background: none; }
.pagination li[class^="btn-"] a { margin-left: -1px; background: url(../images/btn_pagination.png) no-repeat; background-size: 120px 30px; border: 1px solid #ccc; border-radius: 0; }
.pagination li.btn-first a { margin-left: 0; background-position: 10px 10px; }
.pagination li.btn-prev a { margin-right: 15px; background-position: -20px 10px; }
.pagination li.btn-next a { margin-left: 15px; background-position: -50px 10px; }
.pagination li.btn-last a { background-position: -80px 10px; }


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

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

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

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

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

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

@media screen and (max-width:768px){
	ul.related-site{ display:none;}
	.mobile-select{ display:block; width:300px; margin:0 auto 2em;}
	.mobilehidden{ display:none;}
}


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

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


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

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

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

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

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

@media screen and (max-width:768px){
	.wrp_search_date{ display:block; width:100%; table-layout:fixed;}
	.wrp_search_date .calender_left{ width:261px; display:block; margin:0 auto;}

	.wrp_search_date .s-list-wrap{ display:block; width:auto; vertical-align:top; padding:0 1em; margin:2em 0 0 0;}

  .cate-wrap .hd .cate-grp a > span.cate-text {left:18%;}
}

@media screen and (max-width:414px){
  .cate-wrap .hd .cate-grp a > span.cate-text {left:13%; top:12%; font-size:16px;}
}


/* �о� ����Ʈ */
.cate-wrap .hd{ background:url(../images/cate_bg_2020.gif) 50% 0 repeat-x; height:309px; padding:35px 0 0 0;}
.cate-wrap .hd .tit-area h1{ color:#fff; text-align:center; font-size:24px;}
.cate-wrap .hd .tit-area p{ color:#fff; text-align:center; font-size:14px; margin:10px 0 0 0;}
.cate-wrap .hd .cate-grp{ width:1152px; margin:30px auto 0; text-align:center; }
.cate-wrap .hd .cate-grp a{position:relative; display:inline-block;}
.cate-wrap .hd .cate-grp a+a{ margin-left:10px;}
.cate-wrap .hd .cate-grp a > span.cate-text {position:absolute; left:17px; top:23px; z-index:10; display:block; padding-right:17px; font-size:18px; font-weight:bold; color:#222;}
.cate-wrap .hd .cate-grp a > span.cate-text:after {display:block; content:""; position:absolute; right:0; top:50%; width:6px; height:10px; margin-top:-5px; background:url(../images/ic_arrow.png) 0 0 no-repeat;}
/*20191226 add*/
.cate-wrap .hd .cate-grp2 {width: 1152px;margin: 30px auto 0;text-align: center;}
.cate-wrap .hd .cate-grp2 a {width: 115px;height: 158px;display: block;float: left;text-align:center;color: #fff;line-height: 1;}
.cate-wrap .hd .cate-grp2 a:first-child{margin-left: 29px}
.cate-wrap .hd .cate-grp2 a+a{ margin-left:25px;}
.cate-wrap .hd .cate-grp2 a > span.cate-text {display:block; margin-top: 10px;}

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

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

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

@media (max-width: 768px) {
	.cate-wrap .hd{ background:url(../images/cate_bg_2020.gif) 50% 0 repeat-x; background-size:cover; height:auto; padding:35px 4.4vw 10px;}
	.cate-wrap .hd .tit-area h1{ color:#fff; text-align:center; font-size:24px; font-weight:400;}
	.cate-wrap .hd .tit-area p{ color:#fff; text-align:center; font-size:14px; margin:10px 0 0 0;}
	.cate-wrap .hd .cate-grp{ width:100%; margin:30px 0 0 -2%; text-align:center; }
	.cate-wrap .hd .cate-grp:after{content:'';display:block;clear:both;height:0px;visibility:hidden;}
	.cate-wrap .hd .cate-grp a{ width:23%; display:block; float:left; margin:0 0 2% 2%;}
	.cate-wrap .hd .cate-grp a+a{ margin-left:0; margin:0 0 2% 2%;}
/*	20191226 add*/
	.cate-wrap .hd .cate-grp2{ width:100%; margin:30px 0 0 -2%; text-align:center; }
	.cate-wrap .hd .cate-grp2:after{content:'';display:block;clear:both;height:0px;visibility:hidden;}
	.cate-wrap .hd .cate-grp2 a{ width:23%; display:block; float:left; margin:0 0 3% 2% !important;height: auto;}
	.cate-wrap .hd .cate-grp2 a+a{ margin-left:0; margin:0 0 2% 2%;}
  .cate-wrap .hd .cate-grp2 a > span.cate-text { display:block; margin-top: 1.5%;}
  .cate-wrap .hd .cate-grp2 a img { width: 90%; max-width: 115px;}
	
	.cate-wrap .cont{ padding:20px 4vw 50px; max-width:100%; margin:0 auto; }
	.cate-wrap .cont .tit-area{ position:relative; border-bottom:#222 2px solid; }
	.cate-wrap .cont .tit-area .bt-pnt{ position:absolute; top:50%; right:0; margin-top:-13px; width:26px; height:26px; display:block; text-indent:-9999px; background:url(../images/ic_pnt.png); }
	.cate-wrap .cont .tit-area h2{ font-size:16px; color:#222; line-height:44px; }
	.cate-wrap .cont .t-sch{ margin:20px 0; border:#ddd 1px solid; border-bottom:none;}
	.cate-wrap .cont .t-sch>ul>li{ border-bottom:#ddd 1px solid; display:table; width:100%; table-layout:fixed;}
	.cate-wrap .cont .t-sch>ul>li .tit{ display:table-cell; width:80px; padding:10px 0; background-color:#f4f6f7; text-align:center; border-right:#ddd 1px solid; color:#555555; font-weight:500; font-size:13px; vertical-align:middle;}
	.cate-wrap .cont .t-sch>ul>li .con{ display:table-cell; padding:6px 10px; overflow:hidden; font-size:12px;}
	.cate-wrap .cont .t-sch .a-tx{ display:inline-block; margin:0 0 0 -8px; overflow:hidden;}
	.cate-wrap .cont .t-sch .a-tx a{ position:relative; display:inline-block; padding:0 8px; line-height:24px; }
	.cate-wrap .cont .t-sch .a-tx a:before{ content:""; position:absolute; top:50%; left:0; margin-top:-6px; width:1px; height:12px; background-color:#ddd; display:block;  }
	.cate-wrap .cont .t-sch .a-tx a:first-child:before{ display:none;}
	.cate-wrap .cont .t-sch .a-tx a.active,
	.cate-wrap .cont .t-sch .a-tx a:hover{ color:#0c82e9;}
	.cate-wrap .cont .t-sch .date-bx{ float:right;}
	.cate-wrap .cont .t-sch .date-bx .picker{ display:block; margin:0.5em 0 0 0;}
	.cate-wrap .cont .t-sch  .input{ width:30%;  height:30px; line-height:30px; border:#ddd 1px solid; font-size:12px;}
	.cate-wrap .cont .t-sch .sc-g{ position:relative; display:block; padding:0 84px 0 0;}
	.cate-wrap .cont .t-sch .sc-g .input{ width:100%;}
	.cate-wrap .cont .t-sch .btn-search { position:absolute; top:0; right:0; width:80px; height:30px; margin-left:8px; background:#fff; border:1px solid #767676; text-align:center;}
	.cate-wrap .cont .t-sch .btn-search:before {content:''; display:inline-block; width:14px; height:14px; margin:-1px 5px 0 0; background:url(../images/btn_search.png) 0 0 no-repeat; vertical-align:middle;}
	.cate-wrap .cont .t-sch .btn-reset {position:relative; width:100%; margin-top:0.5em; height:30px; margin-left:8px; background:#fff; border:1px solid #767676; text-align:center; float:right;}
	.cate-wrap .cont .t-sch .btn-reset:before {content:''; display:inline-block; width:14px; height:14px; margin:-1px 5px 0 0; background:url(../images/ic_reset.png) 0 0 no-repeat; vertical-align:middle;}

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

	/*pagination*/
	.pagination li a{width:25px;height:25px;padding:0;font-size:12px}
	.pagination li.btn-first a{max-width:25px;background-position:-4px -3px;}
	.pagination li.btn-prev a{max-width:25px;margin-right:10px;background-position:-33px -3px;}
	.pagination li.btn-next a{max-width:25px;margin-left:10px;background-position:-61px -3px;}
	.pagination li.btn-last a{max-width:25px;background-position:-93px -3px;}
	.pagination li:nth-child(3){margin-left:0}
	.pagination li:nth-child(6){display:none}
	.pagination li:nth-child(7){display:none}
}



/* 헤드 풋터 */


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

/*서브 header 검색영역*/
.sub .search-line { position: relative; background: #0d82eb; padding: 1.53em 0; height:100px; box-sizing:border-box;}
.sub .search-line > .inner > h1{float:left; width:160px; height: 28px; background: url(../images/icon_set_common.png) no-repeat 0 -135px; margin-top:16px;}
.search-line .search {width:429px; height:42px; float:left; margin:10px 0 0 200px; box-sizing:border-box; background-color:#fff;}
.search-line input[type='text'] {height:100%; border:0; width:calc(100% - 45px);/* width:-webkit-calc(100% - 45px);width:-moz-calc(100% - 45px);width:-ms-calc(100% - 45px);width:-o-calc(100% - 45px); */}
.search-line .btn-search{display: inline-block; width:42px; height:42px; padding:0; background: url(../images/icon_set_common.png) no-repeat -32px -95px; float:right;}

/* gnb pc일때 */
.gnb.all_gnb{display:none;}
.gnb { float: left; width:calc(100% - 101px);/*  width:-webkit-calc(100% - 101px); width:-moz-calc(100% - 101px); width:-ms-calc(100% - 101px); width:-o-calc(100% - 101px); */}
.gnb > ul { float: left;}
.gnb > ul > li { float: left; margin-left: 20px;}
.gnb > ul > li:first-child {padding-left: 40px; margin-left: 30px; position: relative;}
.gnb > ul > li > a {font-size: 16px; height: 48px; line-height: 48px; font-weight:700;}
.gnb ul.other {float: right;}
.main .gnb ul.other {position:absolute; right:0; top:0;}
.gnb ul.other > li {float: left; padding:0 10px; margin:0;}
.gnb ul.other > li > a {display: block; font-size:14px;}

/* footer */

/* sub footer */
#footer { border-top: 1px solid #d0d0d0;}
#footer .footer-link ul { /* padding:15px 0; */}
#footer .footer-link ul li { position: relative; float: left; padding: 0 10px;}
#footer .footer-link ul li:first-child { padding-left: 0;}
#footer .footer-link ul li:before { content: ''; position: absolute; top: 50%; left: 0; display: block; width: 1px; height: 14px; margin-top: -6px; background: #dcdcdc;}
#footer .footer-link ul li:first-child:before { display: none;}
#footer .footer-link ul li a { font-size: 12px; color:#636363;line-height: 50px;}
#footer .footer-link ul li.policy a {color:#000;}
#footer .footer-link ul:after { display: block; content: ''; clear: both;}
#footer .footer-link .sns { position: absolute; top: 50%; right: 0; margin-top: -14px; overflow: hidden; font-size: 0; text-align: center;}
#footer .footer-link .sns a { display: inline-block; width:25px; height:25px; background: url(../images/icon_set_common.png) no-repeat; font-size: 0; text-indent: -9999em; box-sizing:border-box; }
#footer .footer-link .sns a + a { margin-left: 12px;}
#footer .footer-link .sns a.rss { background-position: -87px -73px;}
#footer .footer-link .sns a.fb { background-position: -130px -73px;}
#footer .footer-link .sns a.tw { background-position: -171px -73px;}
#footer .footer-link .pc_site{width:94px;}
#footer .footer-link ul li.kc {padding-left: 0 !important;display: flex;height: 50px;align-items: center;}
#footer .footer-link ul li.kc:before {display: none !important;}
#footer .footer-link ul li a.kc {display: flex;align-items: center;justify-content: center;width: 114px;height: 24px;}
#footer .footer-link ul li a.kc:after {content:'';width: 114px;height: 24px;background: url(//www.seoul.go.kr/res_newseoul/images/common/ico-sns-pc.png) no-repeat 0 -30px}


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

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

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

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

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


@media (max-width: 768px) {
    /* 전체메뉴, 찾기 버튼은 mo-view */
    .sub #header{height:45px; background-color:#0d82eb;}
    .sub .top-area .btn_menu{position:absolute; top:.85rem; left:1.2rem; width:1.8rem; height:1.4rem; background:url(../images/icon_menu.png) no-repeat; background-size:contain;}
    .sub .top-area .btn_sch{position:absolute; top:.8rem; right:1.2rem; width:2rem; height:2rem; background:url(../images/icon_set_common.png) no-repeat 0 -104px; box-sizing:border-box; padding:0;}
    .sub .top-area{height:45px; position:relative; background:transparent;}
    .sub .top-area .inner{box-sizing:border-box; position:relative; height:45px;}
    .sub .top-area h1{text-align:center; padding:15px 0;}
    .sub .top-area h1.logo{float:none; margin:auto; width:97.5px; height:18.5px; padding:14px 0 0 0 ;}
    .sub .top-area h1.logo a { display: block; width:100%; height:100%; background: url(../images/logo_m.png) no-repeat; background-size:97.5px auto;}

    .gnb ul.other > li {padding:0 0.3em;}

    /* gnb 브라우저 넓이 1152 미만일때 */
    .dim{display:none;}
    .dim.on{display:block; position:fixed; left:0; top:0; bottom:0; width:100%; height:100%; background-color:rgba(0,0,0,.5); z-index:12; }
    .gnb.all_gnb{display:none;}
    .gnb.all_gnb.on{display:block; background-color:#fff; width:calc(100% - 20px); position:fixed; left:0; top:0; bottom:0; z-index:13;}
    .gnb.all_gnb .txt_login{height:45px; line-height:45px; font-size:18px; background:#0d82e9; color:#fff; font-weight:700; box-sizing:border-box; border-bottom:1px solid #1f97ff; padding-left:25px;}
    .gnb.all_gnb .txt_login .btn_area{float:right; padding:13px 15px 0 0;}
    .gnb.all_gnb a{display:block;}
    .gnb.all_gnb .txt_login .btn_setting{background:url(../images/icon_setting_w.png) no-repeat; width:18px; height:18px; background-size:18px auto; margin-right:10px;}
    .gnb.all_gnb .txt_login .btn_close{background:url(../images/bg_close_w.png) no-repeat; width:18px; height:18px; background-size:18px auto;}
    .gnb.all_gnb > .clfix{height:100%; position:relative;}
    .gnb.all_gnb > .clfix > li{width:100%; border-bottom:1px solid #ddd; box-sizing:border-box; margin-left:0;}
    .gnb.all_gnb > .clfix > li > a{width:100%; height:50px; line-height:50px; font-weight:800; font-size:16px; padding-left:24px; box-sizing:border-box;}
    .gnb.all_gnb > .clfix > li.selected > a{background-color:#0c82e9; color:#fff;}
    .gnb.all_gnb > .clfix .sub_menu{width:60%; position:absolute; top:0; right:0; bottom:4.5rem; border-left:1px solid #ddd; background:#fff; padding:0 17px; box-sizing:border-box;}
    .gnb.all_gnb > .clfix .sub_menu.on{display:block; background:#fff;}
    .gnb.all_gnb .sub_menu > li > a{font-size:15px; font-weight:500; border-bottom:1px solid #ddd; height:48px; line-height:48px; background:url(../images/img_allMenu_open.png) no-repeat right 10px top 50%; background-size:11px auto;}
    .gnb.all_gnb .sub_menu > li.selected > a{background:url(../images/img_allMenu_close.png) no-repeat right 10px top 50%; background-size:11px auto;}
    .gnb.all_gnb .dep3{padding:5px; border-bottom:1px solid #ddd;}
    .gnb.all_gnb .dep3 > li > a{font-size:13px; font-weight:500; border-bottom:0; padding:5px 0; color:#535353; background:url(../images/icon_link.png) no-repeat right 0 top 50%; background-size:10.5px auto; display:inline-block; padding-right:15px;}
    .gnb.all_gnb .view_all{background-color:#737373; color:#fff; font-size:15px; padding:13px; text-align:center; font-weight:700; position:absolute; bottom:0; width:100%; box-sizing:border-box;}

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

    /* sub footer */
    #footer {/*margin-top:56px;*/}
		#footer .inner { text-align:center; }
    #footer .row .sns { margin-bottom: 14px;}
    #footer .row .sns a { display: inline-block; width: 30px; height: 30px; background: url(../images/footer_sns.png) no-repeat; font-size: 0; text-indent: -9999em; background-size: 75px auto; vertical-align: top;}
    #footer .row .sns a.fb { background-position: 0 -20px; margin-right: 6px;}
    #footer .row .sns a.tw { background-position: -32px -20px;}
    #footer .row .inner { text-align: center; padding: 20px 0;}
    #footer .row .inner .address { font-size: 12px; text-align: center;}
    #footer .row .inner .address p {line-height: 16px; padding: 0; }
    #footer .row .inner .address p.copy { margin:4px 0 0px;font-size:12px;}
    #footer .row .inner .address p.city {font-weight: 700; display:block; margin-bottom:7px;color:#222;}
		#footer .row .inner address {font-size:12px;color:#222;}
		#footer .row .inner .address .map {display: none}
	
    #footer .footer-link { display:inline-block; height:47px; padding:0; vertical-align:top; }
    #footer .footer-link:after{content:''; display:block; clear:both;}
    #footer .footer-link ul:after{content:''; display:block; clear:both;}
    #footer .footer-link ul {float:left; text-align: center; padding: 0;}
    #footer .footer-link ul li { float:left; position:relative; padding:0}
    #footer .footer-link ul li:before{display:none;}
    #footer .footer-link li.policy{ position:relative; }
    #footer .footer-link li.policy:after{content:''; background:#777; position:absolute; right:0; top:17px; bottom:17px; width:1px;}
    #footer .footer-link ul li a {display:inline-block; height:100%; line-height:47px; font-size:12px; text-align:center; padding:0 10px; color:#222;}
    #footer .footer-link ul li a:after{content:''; background:#777; position:absolute; right:0; top:17px; bottom:17px; width:1px;}
    #footer .footer-link ul li:nth-last-child(1) a:after { display:none; }
    #footer .footer-link ul li:nth-last-child(2) a:after { display:none; }    
    
		#footer .footer-link ul li.policy a { color:#222;}
    #footer .footer-link .pc_site {float:right; width:60px; height:63%; border:1px solid #ccc; margin-top:8.5px;}
    #footer .footer-link .pc_site button{text-align:center; padding:0; display:block; width:100%; height:100%; font-size: 12px; color:#636363;}
		#footer .footer-link ul li.policy a{font-weight:700;}	

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


}
@media all and (max-width:370px){
	#footer .footer-link ul li a ,
	#footer .footer-link ul li button { padding:0 3px; }	
}

.ie11 select, .ie10 select, .ie19 select { padding-right: 0;}

html.oflow, body.oflow { position: fixed; width: 100%; overflow: hidden; height: 100%;}

/*스킵 네비게이션 */
#skip{ position: absolute; margin: 0 auto; width: 100%; list-style: none; font-size: 1.15em; top: -10.5em; left: 0; z-index: 999;}
#skip a:focus, #skip a:active { position: absolute; padding-top: 0.5em; width: 100%; height: 2em; top: 10.5em; z-index: 999; text-align: center;color:#fff; background: #333; overflow: visible; clip: unset;}

.inner { position: relative; width: 1152px; margin: 0 auto; min-width: 1152px;}
.inner:after { content: ''; display: block; clear: both;}

/*스크린 리더 only*/
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0;}

.text-basic { font-size: 16px; line-height: 1.6em;}

h4 { font-size: 18px; font-weight: 700;}

.point {color:#0c82e9; font-weight: 700;}

a.link { padding-right: 11px; background: url("../images/icon_link.png") no-repeat right center;}

/* pc-mobile*/
.pc-view { display: block !important;}
.mo-view { display: none !important;}

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

.text-left { text-align: left;}
.text-center { text-align: center;}
.text-right { text-align: right;}

.btn { margin: 0; font-family: 'Nanum Gothic'; -webkit-appearance: none; background: transparent; cursor: pointer; border: 0; text-align: center; box-sizing: border-box;}
.btn span { display: block; line-height: 100%; font-weight: 700;}
.btn.large { padding: 18px 20px;}
.btn.large span { min-width: 108px; font-size: 18px;}
.btn.medium { padding: 10px 29px;}
.btn.medium span { min-width: 60px;}
.btn.small { padding: 8px 15px 10px; border: 1px solid #767676;}
.btn.small span { min-width: 60px; font-weight: 400; font-size: 14px;}
.btn.tiny { padding: 11px 15px 12px; border: 1px solid #767676;}
.btn.tiny span {color:#222; min-width: 52px;}
.btn.bg-point { background: #0c82e9; border: 1px solid #0c82e9;}
.btn.bg-point span {color:#fff;}
.btn.bg-white { border: 1px solid #dddddd; background: #fff;}
.btn.bg-new { border: 1px solid #0c82e9; background: #fff;}
.btn.bg-new span {color:#0c82e9; font-weight: 700;}

.table .btn span, table .btn span { font-weight: 400;}

.btn-id-check { width: 84px; height: 40px; line-height: 40px; background: #fff; border: 1px solid #767676;}

/*form element*/
/* table */
table { table-layout: fixed; width: 100%; border-top: 1px solid #767676; border-bottom: 1px solid #767676;}
table td { padding: 12px 20px; border-bottom: 1px solid #dddddd;color:#555; vertical-align: middle;}
table th { padding: 20px; border-bottom: 1px solid #dddddd;}

.require { position: relative;}
.require:after { content: '*'; display: inline-block;color:#0c82e9; position: absolute; top: 0; right: 0;}

table.table-row tbody tr th { text-align: left; background: #f4f6f7; vertical-align: top;}
table.table-row tbody tr th label { font-size: 16px; display: inline-block; width: 100%;}
table.table-row tbody tr:last-child td, table.table-row tbody tr:last-child th { border-bottom: 0;}

div.dl-table { display: table; width: 100%;}

dl.table-row { position: relative; display: table-row;}
dl.table-row:after { content: ''; display: block; clear: both;}
dl.table-row.first dt, dl.table-row.first dd { border-top: 1px solid #767676;}
dl.table-row dt { display: table-cell; width: 25%; vertical-align: middle; background: #f4f6f7; padding: 25px 20px; font-size: 16px; box-sizing: border-box; border-bottom: 1px solid #ddd;}
dl.table-row dt label, dl.table-row dt b { font-size: 16px; display: inline-block; width: 100%;}
dl.table-row dd { display: table-cell; width: 75%; padding: 10px 20px; box-sizing: border-box; border-bottom: 1px solid #ddd; vertical-align: middle; line-height:1.6;}
dl.table-row dd.wd80 { padding: 25px 20px;}
dl.table-row dd.pd { padding: 25px 20px;}
dl.table-row.last dt, dl.table-row.last dd { border-bottom: 1px solid #767676;}

.list-type li { float: none !important; position: relative; padding-left: 11px; margin-top: 5px; line-height: 1.6; font-size: 14px;color:#767676;}
.list-type li * { font-size: 14px;}
.list-type li:before { content: ''; position: absolute; top: 10px; left: 0; width: 4px; height: 1px; background: #767676;}

.guide-box .list-type li, .result-box .list-type li {color:#555;}

.guide-box .list-type li:before, .result-box .list-type li:before { background: #555;}

.list-type .light li:before, .list-type li.light:before { background: #767676;}

/* layer popup */
#dim-layer.active { display: block;}
.layer-popup.layer { padding: 50px; box-sizing: border-box; display: block; position: absolute; left: 50%; top: 50%; z-index: 6000; background: #fff;}
.layer-popup.layer .layer-header { margin-bottom: 40px; position: relative;}
.layer-popup.layer .layer-header h1 { font-size: 30px;}
.layer-popup.layer .layer-header .btn-close { width: 27px; height: 27px; background: url(../images/btn_close.png) no-repeat 0 0; position: absolute; right: 0; top: 0;}

/*form*/
input[type='password'], input[type='text'] { width: 100%; height: 40px; line-height: 38px; padding: 0 12px; box-sizing: border-box;}

select { width: 100%; height: 40px; line-height: 38px; padding: 0 12px; box-sizing: border-box;}

input[type='radio'] { display: none;}
input[type='radio'] + label { position: relative; display: inline-block;}
input[type='radio'] + label:before { content: ''; display: inline-block; width: 18px; height: 18px; background: #fff; border: 1px solid #dedede; border-radius: 50%; vertical-align: middle;}
input[type='radio'] + label span { display: inline-block; vertical-align: middle; margin-left: 6px;}
input[type='radio']:checked + label:before { border: 1px solid #797979; background: #fff url(../images/bg_radio_checked.png) no-repeat center center;}
input[type='checkbox'] { display: none;}
input[type='checkbox']:checked + label:before { content: ''; display: inline-block; width: 16px; height: 16px; vertical-align: middle; background: #fff url("../images/icon_input_checked.png") no-repeat center center; border: 1px solid #767676;}
input[type='checkbox'] + label span { vertical-align: middle; margin-left: 10px;color:#555; font-size:14px;}
input[type='checkbox'] + label:before { content: ''; display: inline-block; width: 16px; height: 16px; vertical-align: middle; background-color: #fff; border: 1px solid #dddddd;}

/* h-title */
h1, h2, h3, h4, h5, h6 { font-weight: 700;}

.caution {color:#0c82e9 !important; font-size: 14px; font-weight: 700; margin-top: 7px;}

span.dash { display: inline-block; width: 27px; text-align: center; margin-right: -4px;}
span.in-text { display: inline-block; width: 27px; text-align: center;color:#555; margin-right: -4px;}

/*position, align */
.ui-fixed { position: fixed;}
.fl-left, .fl-right { float: left;}
.al-left { text-align: left !important;}
.al-center { text-align: center !important;}
.al-right { text-align: right !important;}
.clfix:after { content: ''; display: block; clear: both;}

/*list*/
ul.basic-list > li { padding-left: 10px; position: relative;}
ul.basic-list > li:before { content: '-'; display: inline-block; margin-right: 5px; position: absolute; left: 0;}
ul.basic-list > li.last { text-indent: 0; margin-top: 0;}
ul.basic-list > li.last:before { display: none;}
ul.basic-list > li:last-child { margin-bottom: 0;}

/*pagination*/
.page-control { text-align: center;}
.pagination { display: inline-block; overflow: hidden; margin: 30px 0 0 0;}
.pagination li { display: block; float: left;}
.pagination li a { display: block; width: 50px; height: 50px; margin-left: 10px; padding: 13px; border: 2px solid #fff; box-sizing: border-box;}
.pagination li.active a { background: none; border-color: #333;color:#333; font-weight: bold;}
.pagination li.active a:hover, .pagination li.active a:active, .pagination li.active a:focus { background: none; border-color: #333;color:#333;}
.pagination li a:hover, .pagination li a:active, .pagination li a:focus { background: none;}
.pagination li[class^="btn-"] a { margin-left: -1px; background: url(../images/btn_pagination.png) no-repeat; background-size: 120px 30px; border: 1px solid #ccc; border-radius: 0;}
.pagination li.btn-first a { margin-left: 0; background-position: 10px 10px;}
.pagination li.btn-prev a { margin-right: 20px; background-position: -20px 10px;}
.pagination li.btn-next a { margin-left: 30px; background-position: -50px 10px;}
.pagination li.btn-last a { background-position: -80px 10px;}

/* layout */
#wrap { min-width: 1152px;}

/*분야별 정보*/
.info_cate{position:relative;}
.info_detail{display:none; position:absolute; top:48px; right:0;  box-sizing:border-box;}
.info_detail h1{background-color:#0d82e9; color:#fff; padding:10px 0; font-size:14px; padding-left:20px; margin:1px 1px 19px 1px;}
.info_detail h1 .btn_close{float:right; margin-right:12px; margin-top:2px; width:14px; height:14px; background:url(../images/btn_allmenu_close.png) no-repeat; background-size:100%;}
.info_detail.on{width:200px; display:block; border:1px solid #959595;  background:#fff; z-index:100;}
.info_detail.on:before{content:''; position:absolute; width:20px; height:12px;  background:url(../images/bg_info_detail_arr.png) no-repeat; right:25px; top:-11px;}
.info_detail ul:after{content:''; display:block; clear:both;}
.info_detail ul{padding:0 31px; margin-left:-30px;}
.info_detail li{float:left; width:53px; height:80px; margin-left:30px;}
.info_detail li a{font-size:13px; font-weight:700; text-align:center; display:block; height:80px; padding-top:57px;}
.info_detail li.house{background:url(../images/icon_house.png) no-repeat;}
.info_detail li.economy{background:url(../images/icon_economy.png) no-repeat;}
.info_detail li.traffic{background:url(../images/icon_traffic.png) no-repeat;}
.info_detail li.environment{background:url(../images/icon_environment.png) no-repeat;}
.info_detail li.welfare{background:url(../images/icon_welfare.png) no-repeat;}
.info_detail li.safty{background:url(../images/icon_safty.png) no-repeat;}
.info_detail li.culture{background:url(../images/icon_culture.png) no-repeat;}
.info_detail li.work{background:url(../images/icon_work.png) no-repeat;}
.info_detail .view_all{border-top:1px dashed #c9c9c9; margin:7px 13px 0 13px; padding:10px 0 12px 0;}
.info_detail .view_all > a{display:block; width:100%; text-align:center; color:#313131; font-size:14px; font-weight:700;}

/* container */
#container.full-size { width: 100%; padding: 55px 0 100px;}
#container:after { content: ''; display: block; clear: both;}
#container.full-size h2 { display: inline-block; font-size: 36px; font-weight: 400; text-align: center; position: relative;color:#222;}

/* sub menu */
#snb { float: left; width: 201px; padding: 58px 30px 100px 0; border-right: 1px solid #efefef; box-sizing: border-box; position: absolute; height: 100%; left: 0;}
#snb h2 { font-size: 24px; text-align: center;}
#snb > ul { padding-top: 20px; margin-top: 30px; border-top: 2px solid #222;}
#snb > ul > li.selected > a{ background-image: url(../images/bg_snb_up.png); background-repeat: no-repeat; background-position: 150px center;}
#snb > ul > li > a { display: block; padding: 16px 0 14px 10px;color:#555; font-size: 14px; background-image: url(../images/bg_snb_down.png); background-repeat: no-repeat; background-position: 150px center;}
#snb > ul > li > a:hover {background-image: url(../images/bg_snb_down_w.png); background-repeat: no-repeat; background-position: 150px center;}
#snb > ul > li.selected > a:hover {background-image: url(../images/bg_snb_up.png); background-repeat: no-repeat; background-position: 150px center;}
#snb > ul > li > a.has-child {}
#snb > ul > li > a + ul { background: #f4f6f7; padding: 10px 0;}
#snb > ul > li > a + ul li a {color:#555; font-size: 14px; padding: 6px 0; display: block; padding-left:20px;}
/*#snb > ul > li > a + ul li a:before { content: '-'; display: inline-block; margin: 0 10px;color:#555;}*/
#snb > ul > li > a + ul li.selected a{color:#0c82e9; font-weight:700;}
#snb > ul > li > a + ul li a:hover, #snb > ul > li > a + ul li.on a {color:#0c82e9; font-weight:700;}
#snb > ul > li.selected > a, #snb > ul > li:hover > a { background-color: #0c82e9;color:#fff; font-weight: 700;}

#content { float: right; width: 912px; padding: 58px 0 100px; background: #fff;}
#content .title-wrap { position: relative;}
#content .title-wrap h3 { font-size: 36px; text-align: center; font-weight: 400;}
#content .title-wrap .path { margin-top: 18px; margin-bottom: 58px; text-align: center;color:#555;}
#content .title-wrap .path a {color:#555;}
#content .title-wrap .path span { display: inline-block; margin: 0 10px;color:#aaaaaa; background: url("../images/icon_link2.png") no-repeat; text-indent: -9999px; width: 5px; height: 9px; vertical-align: middle;}
#content .title-wrap .util { position: absolute; top: 10px; right: 0;}
#content .title-wrap .util a { display: block; width: 44px; height: 44px; background: url(../images/icon_set_common.png) no-repeat 6px -195px; border: 1px solid #cccccc; text-indent: -9999px;}

@media (max-width: 1151px) {

  ::-webkit-input-placeholder {color:#767676; font-family: 'Nanum Gothic'; font-size: 14px;}
  ::-moz-placeholder {color:#767676; font-family: 'Nanum Gothic'; font-size: 14px;}
  :-ms-input-placeholder {color:#767676; font-family: 'Nanum Gothic'; font-size: 14px;}
  :-moz-placeholder {color:#767676; font-family: 'Nanum Gothic'; font-size: 14px;}

  .pc-view { display: none !important;}
  .mo-view { display: block !important;}
  .inner { width: 100%; min-width: 100%;}

  /*pagination*/
  .pagination { margin-top: 20px;}
  .pagination li a { width: 30px; height: 30px; margin-left: 2px; padding: 5px; font-size: 11px;}
  .pagination li.btn-first a { margin-left: 0; background-position: 0 0;}
  .pagination li.btn-prev a { margin-right: 3px; background-position: -30px 0;}
  .pagination li.btn-next a { margin-left: 3px; background-position: -60px 0;}
  .pagination li.btn-last a { background-position: -90px 0;}

  /* form */
  input[type="password"], input[type="text"], select { width: 100%; height: 36px; line-height: 34px; font-size: 14px;}
  input[type='radio'] + label { padding-left: 27px;}
  input[type='radio'] + label span { display: inline-block; vertical-align: middle; margin-left: 0px;}
  input[type='radio'] + label::before { content: ''; display: inline-block; width: 12px; height: 12px; border: 1px solid #dedede; border-radius: 50%; vertical-align: middle; position: absolute; left: 0; top: 50%; margin-top: -6px;}
  input[type='radio']:checked + label::before { content: ''; display: inline-block; width: 12px; height: 12px; border-radius: 50%; vertical-align: middle; background: #fff url(../images/bg_radio_checked.png) no-repeat center center;}
  input[type='checkbox']:checked + label:before { width: 12px; height: 12px; background: #fff url("../images/icon_input_checked_m.png") no-repeat center center; background-size: 12px auto;}
  input[type='checkbox'] + label span { font-size: 14px;}
  input[type='checkbox'] + label:before { width: 12px; height: 12px;}
/*  select { -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0; background: url(../images/bg_select_arrow_m.png) no-repeat no-repeat 96% center; background-size: 8px auto;}*/
  .btn.large { padding: 20px 40px;}
  .btn.large span { min-width: 68px; font-weight: 700; font-size: 18px;}
  .btn.medium { padding: 12px 27px;}
  .btn.medium span { min-width: 48px; font-size: 14px; font-weight: 400;}
  .btn.tiny { padding: 11px 15px;}
  .btn.tiny span { font-size: 12px !important;}
  .btn-group { margin-top: 20px;}
  .btn-group.full .btn { width: 100%; padding: 11px 0;}
  .btn-group.full .btn span { font-size: 15px;}
  .btn-group.half .btn { width: 48%; padding: 13px 0; float: left;}
  .btn-group.half .btn:nth-child(2) { float: right; margin: 0;}
  .btn-group.half .btn:nth-child(3) { float: left; margin: 10px 0; width: 100%;}
  .btn-group.half .btn span { font-size: 15px;}
  .btn-group.half:after { content: ''; display: block; clear: both;}
  dl.table-row { display: block;}
  dl.table-row:after { content: ''; display: block; clear: both;}
  dl.table-row.first { margin-top: 0;}
  dl.table-row.first dt, dl.table-row.first dd { border-top: 0;}
  dl.table-row.first.mtop dt { border-top: 1px solid #767676; padding-top: 20px;}
  dl.table-row dt { float: none; display: block; width: 100%; position: static; padding: 0; background: #fff; font-size: 14px; border-bottom: 0; margin-bottom: 10px;}
  dl.table-row dt label { width: auto; padding-right: 12px; font-size: 14px; font-weight: 700;}
  dl.table-row dt b { width: auto; padding-right: 12px; font-size: 14px; font-weight: 700;}
  dl.table-row dt.wd20 { float: left; width: 20%;}
  dl.table-row dd { float: none; display: block; width: 100%; padding: 0; border-bottom: 0; margin-bottom: 20px;}
  dl.table-row dd.wd80 { float: left; width: 80%; padding: 0;}
  dl.table-row dd.pd { padding: 0;}
  dl.table-row.last dt { border-bottom: 0;}
  dl.table-row.last dd { padding-bottom: 20px; margin-bottom: 0; border-bottom: 1px solid #222;}
  a.link { padding-right: 11px; background: url("../images/icon_link_m.png") no-repeat right center; background-size: 4.5px auto;}

  /* layout */
  #wrap { min-width: 100%;}

  /* sub menu */
  #snb { float: none; width: 100%; padding: 0; position: relative; height: auto; margin-bottom: 10px; border: 0;}
  #snb h2 { display: none;}
  #snb ul { margin: 0; border: 0; padding: 0; width: 100%; position: relative; background: #fff; border-bottom: 1px solid #dddddd;}
  #snb ul:after { content: ''; position: absolute; background: url(../images/icon_arrow_down.png) no-repeat 0 0; background-size: 6px auto; width: 6px; height: 6px; right: 15px; top: 20px;}
  #snb ul.fixed:after { -webkit-transform: rotate(180deg); transform: rotate(180deg);}
  #snb ul li { display: none; position: relative; width: 100%;}
  #snb ul li a { font-weight: 700; font-size: 18px;color:#222; box-sizing: border-box; background: transparent;}
  #snb ul li.active { display: block;}
  #snb ul li.active a {color:#222; background: transparent;}

  #container { background: #f4f6f7; width: 100%; padding: 0; margin: 0;}
  #container.full-size { padding: 0;}
  #container.full-size .inner { background: #fff; padding: 18px 15px; box-sizing: border-box;}
  #content { float: none; width: 100%; padding: 20px 15px 40px; box-sizing: border-box; position: relative;}
  #content .title-wrap { display: none;}

}

/* TOP Button */
.btn-top-new {position:fixed;bottom:-100px;left:50%; display:block; width:34px; height:34px; margin-left:600px;opacity:0;transition:1s;z-index:1000000;}
.btn-top-new.show {opacity:1; bottom:98px;}
@media (max-width: 768px) {
  .btn-top-new {display:none;}
  .cate-wrap .hd .cate-grp a > span.cate-text {left:18%;}
}
@media screen and (max-width:414px){
  .cate-wrap .hd .cate-grp a > span.cate-text {left:13%; top:12%; font-size:16px;}
}

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

/* 분야별정보 again 2022-07-06 */
.top-area .gnb ul li.info_cate.info_cate_new {position: relative}

/* 사이트맵 새창열기 2021-01-06 */
.new2021 .gnb li.depth01 > a[target="_blank"] span,
.new2021 .gnb li.depth02 li a[target="_blank"] {position: relative; overflow:visible;font-weight: inherit;padding-right:15px;}
.new2021 .gnb li.depth02 > a[target="_blank"] strong {position: relative; overflow:visible;padding-right:15px;}
.new2021 .gnb li.depth01 > a[target="_blank"] span:after,.new2021 .gnb ul > li.depth02 > a[target="_blank"] strong:after,
.new2021 .gnb li.depth02 li a[target="_blank"]:after {position: absolute; top:50%; margin-top:-5px; right: 0; width: 10px;height: 10px;background: url(https://news.seoul.go.kr/wp-content/themes/seoul/images/header/icon_blank.png);content: '';}