@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}
}

.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: '';}


.top-guide {width: 100%;background: #EDF1F5}
.top-guide .inner {width: 100%;min-width: 320px;padding-left: 0px;max-width: 1152px;margin: 0 auto;}
.top-guide .inner p {display: flex;gap: 5px;padding: 6px 0;color: #1D1D1D;font-size: 13px;align-items: center;}
.top-guide .inner p:before {content: '';width: 24px;height: 16px;background: url(/wp-content/themes/seoul/images/header/top-flag.svg) no-repeat center;background-size: contain}
@media (max-width: 1152px) {
	.top-guide .inner {padding-left: 10px}
}


/* 하단 유료 팝업 정보 2024-11-15 */
#footer .chatbot.with-pop {display: flex;align-items: center;font-size: 12px;color: #636363}
#footer .chatbot.with-pop.p-only {display: flex}
#footer .chatbot.with-pop.m-only {display: none}


.footer-pop-wrap {position: relative;display: flex;}
.footer-pop-wrap + .ico-chatbot {margin-left: 5px;}
.footer-pop-wrap button.btn-popinfo {display: flex;align-items: center;justify-content: center;width: 20px;height: 20px;padding: 0;background: transparent;}
.footer-pop-wrap button.btn-popinfo:before {content: '';display: flex;width: 14px;height: 14px;background: url(//www.seoul.go.kr/res_newseoul/images/common/ico-info-gray.png) no-repeat 0 0}
.footer-pop-cont {display: none;position: absolute;bottom: 26px;left: -16px;width: 400px;padding: 15px 5px 15px 15px;background: #fff;border: 2px solid #0c82e9;border-radius: 15px;color: #636363;font-size: 12px;box-sizing: border-box;box-shadow: 2px 2px 5px rgba(0,0,0, .15);z-index: 10;letter-spacing: -0.05em;line-height: 1.6;}
.footer-pop-cont span {display: block;font-size: 12px;color: #636363;}
.footer-pop-cont span em {font-size: 12px;color: #636363;font-weight: 400;text-decoration: underline;}
.footer-pop-cont span em b {font-size: 12px;color: #636363;font-weight: 700;}
.footer-pop-cont:after {content: '';position: absolute;bottom: -16px;left: 14px;width: 25px;height: 16px;background: url(//www.seoul.go.kr/res_newseoul/images/common/ico-balloon-btm.png) no-repeat 0 0;}

.btn-pop-cont-close {position: absolute;top: 5px;right: 5px;width: 20px;height: 20px;}
.btn-pop-cont-close:before {content: '';position: absolute;top: 50%;left: 50%;width: 12px;height: 2px;background: #666;transform: translate(-50%, -50%) rotate(130deg)}
.btn-pop-cont-close:after {content: '';position: absolute;top: 50%;left: 50%;width: 12px;height: 2px;background: #666;transform: translate(-50%, -50%) rotate(-130deg)}

@media (max-width: 1151px) {
  #footer .row .inner {text-align: center;}

  #footer .chatbot.with-pop.p-only {display: none}
  #footer .chatbot.with-pop.m-only {display: flex;flex-wrap: wrap;justify-content: center;}  

	.m-only.chatbot.with-pop .txt-chatbot {display: flex;align-items: center;flex-wrap: wrap;gap: 3px;}
	.footer-pop-wrap button.btn-popinfo {width: 16px;}

	.footer-pop-cont {width: 200px;left: 50%;transform: translateX(-50%);padding: 10px 10px 5px;height: auto;text-align: left;word-break: keep-all;font-size: 14px;}
	.txt-chatbot,
	.txt-chatbot * {font-size: 12px;color: #636363}
	.footer-pop-wrap {display: inline-flex;}
	.footer-pop-cont span {display: inline;}
	.footer-pop-cont:after {left: 50%;margin-left: -10px;}

	.footer-pop-wrap button.btn-popinfo:before {margin: 0}
	
}
@media (max-width: 768px) {
	.sub #footer .m-only.chatbot.with-pop,
	.mobile .sub #footer .m-only.chatbot.with-pop {flex-wrap: wrap}
	/* .footer-pop-wrap button.btn-popinfo {margin-bottom: 3px} */
	.footer-pop-wrap + .ico-chatbot {margin-left: 0}
  #footer .row .inner {padding-left: 10px;}
  /* #footer .row .inner .address p.city {text-align: left;} */
  /* #footer .row .inner .address p.copy {text-align: left;} */
}
@media (max-width: 600px) {
  /* #footer .row .inner {text-align: left;} */
	
}

/* 전자우편 종료 */
.gnb ul.other > li.li_stmail {display: flex;align-items: center;}
.stmail-wrap {display: inline-flex;position: relative;}
.stmail-wrap .btn-stmail {display: inline-flex;align-items: center;justify-content: center;width: 20px;height: 20px;margin: 0 0 0 2px;padding: 0;border: 0;background: transparent;}
.stmail-wrap .btn-stmail:after {content: '';width: 14px;height: 14px;margin-top: 2px;background: url(https://www.seoul.go.kr/res_newseoul/images/common/ico-info-set.png) no-repeat 0 0;}
.stmail-wrap .stmail-layer {display: none;position: absolute;top: 34px;right: -14px;width: 320px;padding: 15px 5px 15px 15px;background: #fff;border: 2px solid #0c82e9;border-radius: 15px;color: #636363;font-size: 12px;box-sizing: border-box;box-shadow: 2px 2px 5px rgba(0,0,0, .15);z-index: 10;letter-spacing: -0.05em;line-height: 1.6;}
.stmail-wrap .stmail-layer:after {content: '';position: absolute;top: -16px;right: 12px;width: 25px;height: 16px;background: url(//www.seoul.go.kr/res_newseoul/images/common/ico-balloon-btm.png) no-repeat 0 0;transform: rotate(180deg)}

.stmail-wrap .stmail-layer p {color: #222;font-size: 14px;font-weight: 700;line-height: 1.5;}
.stmail-wrap .stmail-layer p u {color: #0c82e9;text-underline-offset: 4px;}


.gnb ul.other > li > a.txt-logout {display: inline-flex;align-items: center;justify-content: center;gap: 5px;}
.gnb ul.other > li > a.txt-logout:after {content: '';width: 15px;height: 15px;background: url(//www.seoul.go.kr/res_newseoul/images/common/ico-top-logout.png) no-repeat 0 0;}
.gnb ul.other > li > a.txt-login {display: inline-flex;align-items: center;justify-content: center;gap: 5px;}
.gnb ul.other > li > a.txt-login:after {content: '';width: 15px;height: 15px;background: url(//www.seoul.go.kr/res_newseoul/images/common/ico-top-login.png) no-repeat 0 0;}

.li_myseoul .stmail-wrap .stmail-layer {display: none;width: 250px;padding: 10px;}
.li_myseoul .stmail-wrap .stmail-layer p {text-align: center;font-size: 14px;color: #222;}

@media (max-width: 1151px) {
	.stmail-wrap .stmail-layer:after {right: 10px}
	.stmail-wrap .stmail-layer {right: 0}
}

@media (hover:hover) and (pointer: fine) {
	.gnb ul.other > li.li_stmail:hover a {color: #2292e9}
	.gnb ul.other > li.li_stmail:hover .btn-stmail:after {background-position: -14px 0 !important;}
}