@charset "utf-8";

.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer}
.slick-slider .slick-list,
.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}.slick-track:after,.slick-track:before{display:table;content:''}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}.slick-slide img {display: block;width: 100%;height: auto;}

html,
body{overflow:visible}

.item_box a{display:block;width: 100%;height: 100%;/* border: 2px solid transparent; *//* border-radius: 10px; *//* overflow: hidden; *//* border: 2px solid #EC008C; */}
.item_box a:focus{border: 2px solid #EC008C;border-radius:10px;}



#body_layout .main_wrap .main_news_box .section_title_box strong,
#body_layout .main_wrap .main_notice_box .title_box strong,
#body_layout .main_wrap .section_title_box strong,
#body_layout .main_wrap .main_service_box .org_box .title_box strong,
#body_layout .main_wrap .main_service_box .title_box.type1 strong,
#body_layout .main_wrap .main_service_box .life_box .inner_box .title_box strong,
#body_layout .main_wrap .main_tour_box .inner_box .carousel_area.on .carousel > li .text_box em,
#body_layout .main_wrap .main_tour_box .inner_box .carousel_area .carousel > li .text_box em strong,
#body_layout .main_wrap .main_tour_box .inner_box .carousel_area .carousel > li .text_box .btn_more span,
#body_layout .main_wrap .section_title_box strong b,
.quickmenu_box .box strong,
#body_layout .main_wrap .main_sns_box .title_box strong,
#body_layout .main_wrap .main_intro_box .intro_box .title em,
#body_layout .main_wrap .common_info_box .weather_box *,
#body_layout .main_wrap .main_intro_box .side_nav_box .side_nav_list > li a span,
#body_layout .main_wrap .main_intro_box .intro_box .intro_bottom_list > li a span i,
#body_layout .main_wrap .main_nav_box .main_nav_list > li a span,
#body_layout .main_wrap .main_news_box .news_box .main-board__skin .board__nav-item button,
#body_layout .main_wrap .common_info_box .search_box .align_box input,
#body_layout .main_wrap .main_intro_box .intro_box .title b,
#hot_slide .grap .obj .item a,
#hot_slide .grap em
#body_layout .main_wrap .common_info_box .population_box .title_box a strong,
#body_layout .main_wrap .common_info_box .population_box .data_list > li a strong b,
#body_layout .main_wrap .common_info_box .population_box .title_box span,
#body_layout .main_wrap .common_info_box .population_box .data_list > li a strong {font-family: 'KHNPHD',"맑은고딕",'Malgun Gothic',-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol",AppleGothic,Dotum,arial !important;    transition: all 0.3s ease-out;}

.wf-active body #body_layout .main_wrap .main_news_box .section_title_box strong,
.wf-active body #body_layout .main_wrap .main_notice_box .title_box strong,
.wf-active body #body_layout .main_wrap .section_title_box strong,
.wf-active body #body_layout .main_wrap .main_service_box .org_box .title_box strong,
.wf-active body #body_layout .main_wrap .main_service_box .title_box.type1 strong,
.wf-active body #body_layout .main_wrap .main_service_box .life_box .inner_box .title_box strong,
.wf-active body #body_layout .main_wrap .main_tour_box .inner_box .carousel_area .text_box em,
.wf-active body #body_layout .main_wrap .main_tour_box .inner_box .carousel_area .text_box em strong,
.wf-active body #body_layout .main_wrap .main_tour_box .inner_box .carousel_area .text_box .btn_more span,
.wf-active body #body_layout .main_wrap .section_title_box strong b,
.wf-active body .quickmenu_box .box strong,
.wf-active body #body_layout .main_wrap .main_sns_box .title_box strong,
.wf-active body #body_layout .main_wrap .main_intro_box .intro_box .title em,
.wf-active body #body_layout .main_wrap .common_info_box .weather_box *,
.wf-active body #body_layout .main_wrap .main_intro_box .side_nav_box .side_nav_list > li a span,
.wf-active body #body_layout .main_wrap .main_intro_box .intro_box .intro_bottom_list > li a span i,
.wf-active body #body_layout .main_wrap .main_nav_box .main_nav_list > li a span,
.wf-active body #body_layout .main_wrap .main_news_box .news_box .main-board__skin .board__nav-item button,
.wf-active body #body_layout .main_wrap .common_info_box .search_box .align_box input,
.wf-active body #body_layout .main_wrap .main_intro_box .intro_box .title b,
.wf-active body #hot_slide .grap .obj .item a,
.wf-active body #body_layout .main_wrap .common_info_box .population_box .title_box a strong,
.wf-active body #body_layout .main_wrap .common_info_box .population_box .title_box span,
.wf-active body #body_layout .main_wrap .common_info_box .population_box .data_list > li a strong,
.wf-active body #body_layout .main_wrap .common_info_box .population_box .data_list > li a strong b{font-family: 'KHNPHD',"맑은고딕",'Malgun Gothic',-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol",AppleGothic,Dotum,arial !important;}




*{box-sizing:border-box}


/* open popup */
#op_layout {display:none;z-index: 21; position: relative; background: url('/images/kr/main/bg_popup.jpg') center / cover no-repeat; }
#op_layout.on{display:block;}
#op_layout:not(.on) .op_wrap { display: none!important; }
#op_layout .btn_open { display: block; position: absolute; right: 0; bottom: -35px; }
#op_layout .btn_open::before { content: ''; display: block; position: absolute; left: -20px; top: 6px; width: 0; height: 12px; border-right: 1px solid rgba(255,255,255,.2); }
#op_layout .btn_open a { display: block; position: relative; padding-right: 15px; font-size: 14px; color: #fff; letter-spacing: -1px; }
#op_layout .btn_open a::before { content: ''; display: block; position: absolute; right: 0; top: calc(50% + 1px); width: 10px; height: 10px; background: url('/images/kr/main/ico_popup.png') center no-repeat; transform: translateY(-50%); }
.open_popup #op_layout ~ .top_link > .layout { position: relative; padding-right: 100px; }
#op_layout ~ .top_link > .layout { position: relative; }
#op_layout .op_wrap { padding: 0 180px; }
#op_layout .op_wrap * {font-family: 'KHNPHD'; }
#op_layout .op_wrap .sliderBox {overflow: hidden;position: relative;max-width: 732px;margin: 0 auto;}
#op_layout .op_wrap .sliderBox ul li { position: relative; width: 100%; height: 120px; }
#op_layout .op_wrap .sliderBox ul li a {display: block;position: absolute;top: 50%;padding-left: 130px;transform: translateY(-50%);padding-right: 40px;}
#op_layout .op_wrap .sliderBox ul li a .ico { display: block; position: absolute; left: 0; top: 50%; margin-right: 35px; width: 130px; height: 130px; background: url('/images/kr/main/img_popup.png') center no-repeat; transform: translateY(-50%); }
#op_layout .op_wrap .sliderBox ul li a strong { overflow: hidden; display: block; font-size: 17px; font-weight: bold; color: #fff; text-overflow: ellipsis; white-space: nowrap; }
#op_layout .op_wrap .sliderBox ul li a .txt { overflow: hidden; display: block; font-size: 15px; color: rgba(255,255,255,.5); text-overflow: ellipsis; white-space: nowrap; }
#op_layout .op_wrap .sliderBox ul li a:before{content:'';position:absolute;top:50%;right: -100px;transform:translate(0,-50%);width:101px;height:37px;background: url('/images/kr/main/go.png') center;}
#op_layout .op_wrap .never { position: absolute; right: 35px; top: 50%; margin: 2px 0; transform: translateY(-50%); }
#op_layout .op_wrap .never input { position: absolute; z-index: -1; opacity: 0; }
#op_layout .op_wrap .never label { position: relative; padding-left: 22px; }
#op_layout .op_wrap .never label::before { content: ''; display: block; position: absolute; left: 0; top: 3px; width: 16px; height: 16px; border: 1px solid #fff; }
#op_layout .op_wrap .never input:checked + label::after { content: ''; display: block; position: absolute; left: 4px; top: 7px; width: 10px; height: 10px; background: #fff; }
#op_layout .op_wrap .never label { font-size: 14px; font-weight: lighter; color: #fff; letter-spacing: -1px }
#op_layout .op_wrap .controlBox { position: absolute; left: 0; top: 50%; transform: translateY(-50%); }
#op_layout .op_wrap .controlBox .pageCount { display: block; position: absolute; left: 100%; top: 50%; width: 60px; transform: translateY(-50%); padding-left: 15px; }
#op_layout .op_wrap .controlBox .pageCount span { font-size: 14px; color: #fff; }
#op_layout .op_wrap .controlBox .pageCount .num { color: #e27833; }
#op_layout .op_wrap .controlBox .pageCount .num::after { content: ' /'; color: #fff; }
#op_layout .op_wrap .controlBox .pageCount .totalNum {  }
#op_layout .op_wrap .controlBox button { display: inline-block; vertical-align: middle; width: 35px; height: 35px; border-radius: 100%; border: 1px solid #fff; text-indent: -10000px; }
#op_layout .op_wrap .controlBox button.btn_stop,
#op_layout .op_wrap .controlBox button.btn_play { display: none!important; }
#op_layout .op_wrap .controlBox button.btn_prev { background: url('/images/kr/main/ico_popup_prev.png') center no-repeat; }
#op_layout .op_wrap .controlBox button.btn_next { background: url('/images/kr/main/ico_popup_next.png') center no-repeat; }
#op_layout .op_wrap .btn_close { position: absolute; right: 0; top: 50%; transform: translateY(-50%); }
#op_layout .op_wrap .btn_close a { opacity: 1; display: block; width: 30px; height: 30px; background: url('/images/kr/main/ico_popup_close.png') center no-repeat; text-indent: -10000px; }
#op_layout .layout > .btn_close { display: none; }
@media screen and ( max-width: 1599px ) {
	.open_popup #op_layout ~ .top_link > .layout { position: relative; padding-right: 100px; }
}
@media screen and ( max-width: 1023px ) {
	.open_popup #op_layout > .layout { width: 100%; }
	.open_popup #op_layout .op_wrap { padding: 0; }
	.open_popup #op_layout .op_wrap .sliderBox { max-width: none; }
	.open_popup #op_layout .op_wrap .sliderBox ul li a { padding-left: 0; }
	.open_popup #op_layout .op_wrap .sliderBox ul li a .ico { display: none; }
	.open_popup #op_layout .op_wrap .controlBox { float: left; position: relative; }
	.open_popup #op_layout .op_wrap .never { float: right; position: relative; }
	.open_popup #op_layout .op_wrap .btn_close { right: 20px; top: auto; bottom: 21px; transform: none; }
}
@media screen and ( max-width: 639px ) {
	.open_popup #op_layout .op_wrap .controlBox .pageCount { display: none; }
}
@media screen and ( max-width: 580px ) {
	.open_popup #op_layout ~ .top_link { padding-top: 30px; }
	.open_popup #op_layout ~ .top_link:before { content: ''; width: 100%; height: 30px; display: block; position: absolute; left: 0; top: 0; background: #000; }
	.open_popup #op_layout ~ .top_link > .layout { padding: 0 20px; }
	.open_popup #op_layout .btn_open { left: 50%; bottom: -28px; transform: translateX(-50%); text-align: center; }
	.open_popup #op_layout .btn_open a { display: inline-block; }
	.open_popup #op_layout .btn_open a::after { display: none; }
}



#gnb_layout .depth1_ul { font-size: 0; }

#foot_layout{margin-top:0;}

/* 메인 공통 타이틀 */
#body_layout .main_wrap .section_title_box { margin-bottom: 10px; }
#body_layout .main_wrap .section_title_box strong { display: inline-block; vertical-align: middle; position: relative; padding-right: 20px; margin-right: 22px; font-size: 38px;  letter-spacing: -1px; }
#body_layout .main_wrap .section_title_box strong::after { content: ''; display: block; position: absolute; right: 0; top: 50%; width: 0; height: 30px; border-left: 1px solid #d5d5d5; transform: translateY(-50%); }
#body_layout .main_wrap .section_title_box strong b { position: relative; color: #000;  }
#body_layout .main_wrap .section_title_box strong b::before { content: ''; display: block; position: absolute; left: 50%; top: -10px; width: 5px; height: 5px; border-radius: 100%; background: #000; }
#body_layout .main_wrap .section_title_box span { display: inline-block; vertical-align: middle; font-size: 16px; color: #4c4c4c; }
a.btn_play:not(.active),
a.btn_stop:not(.active) { display: none !important; }

.input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
	font-size: 15px;
	font-weight: 200;
	color: #282828;
	text-align: left;
	opacity: 1; /* Firefox */
}.searchBox ::-ms-input-placeholder { /* Internet Explorer 10-11 */
	 font-size: 15px;
	 font-weight: 200;
	 color: #282828;
	 text-align: center;
 }.searchBox ::-ms-input-placeholder { /* Microsoft Edge */
	  font-size: 15px;
	  font-weight: 200;
	  color: #282828;
	  text-align: left;
  }

#body_layout .main_wrap {overflow: hidden;font-size: 0;background: url(/images/kr/main/bg_now.png)no-repeat center bottom;background-size: 100% auto;width: 100%;}

br{font-size:0}


#body_layout .main_wrap .common_info_box { position: relative; padding: 25px 0; margin-bottom: 45px; background: #eff3f6; }
#body_layout .main_wrap .common_info_box .weather_box {position: relative;display: inline-block;vertical-align: middle;z-index: 10;}
#body_layout .main_wrap .common_info_box .weather_box .title_box { display: inline-block; vertical-align: middle; width: 120px; height: 120px; padding: 20px 0; margin-right: 20px; border: 1px solid #e0e0e0; background: #fff; text-align: center; }
#body_layout .main_wrap .common_info_box .weather_box .title_box .title{display:block;margin: 0 auto 10px;width:93px;height:57px;}
#body_layout .main_wrap .common_info_box .weather_box .title_box .title a{font-size:0;display:block;width:100%;height:100%;background: url('/images/kr/main/taegeukgi.png') center no-repeat;}
/*#body_layout .main_wrap .common_info_box .weather_box .title_box .title strong { display: block; font-size: 21px; color: #2c2f3e;  line-height: 1.5; }
#body_layout .main_wrap .common_info_box .weather_box .title_box .title strong b { display: block; margin: 0 auto; background: url('/images/kr/main/ico_weather_title.png') center no-repeat; text-indent: -10000px; }
*/
#body_layout .main_wrap .common_info_box .weather_box .title_box .date { display: inline-block; vertical-align: middle; font-size: 13px; color: #828282; }
#body_layout .main_wrap .common_info_box .weather_box .title_box .info { display: inline-block; vertical-align: middle; }
#body_layout .main_wrap .common_info_box .weather_box .title_box .info i { display: inline-block; vertical-align: middle; width: 17px; height: 17px; margin-left: 5px; background: url('/images/kr/main/ico_info.svg') center no-repeat; text-indent: -10000px; }
#body_layout .main_wrap .common_info_box .weather_box .title_box .info em { opacity: 0; z-index: -1; position:absolute;top: 105px;left: 90px;width: 275px;line-height: 1.5;margin:0;padding: 5px 10px;border-radius:10px;background: #202020;color:#fff;font-size:12px; }
#body_layout .main_wrap .common_info_box .weather_box .title_box .info i:hover ~ em { opacity: 1; z-index: 1; }
#body_layout .main_wrap .common_info_box .weather_box .data_box { display: inline-block; vertical-align: middle; }
#body_layout .main_wrap .common_info_box .weather_box .data_box .condition_box { position: relative; padding-right: 52px; text-align: right; }
#body_layout .main_wrap .common_info_box .weather_box .data_box .condition_box::before { content: ''; display: block; position: absolute; right: 0; top: 4px; width: 43px; height: 37px; }
#body_layout .main_wrap .common_info_box .weather_box .data_box .condition_box[data-weather$='1']::before { background: url('/images/kr/main/ico_weather1.svg') center no-repeat; }
#body_layout .main_wrap .common_info_box .weather_box .data_box .condition_box[data-weather$='2']::before { background: url('/images/kr/main/ico_weather2.svg') center no-repeat; }
#body_layout .main_wrap .common_info_box .weather_box .data_box .condition_box[data-weather$='3']::before { background: url('/images/kr/main/ico_weather3.svg') center no-repeat; }
#body_layout .main_wrap .common_info_box .weather_box .data_box .condition_box[data-weather$='4']::before { background: url('/images/kr/main/ico_weather4.svg') center no-repeat; }
#body_layout .main_wrap .common_info_box .weather_box .data_box .condition_box[data-weather$='5']::before { background: url('/images/kr/main/ico_weather5.svg') center no-repeat; }
#body_layout .main_wrap .common_info_box .weather_box .data_box .condition_box[data-weather$='6']::before { background: url('/images/kr/main/ico_weather6.svg') center no-repeat; }
#body_layout .main_wrap .common_info_box .weather_box .data_box .condition_box[data-weather$='7']::before { background: url('/images/kr/main/ico_weather7.svg') center no-repeat; }
#body_layout .main_wrap .common_info_box .weather_box .data_box .condition_box .status { display: block; font-size: 14px; color: #282828; }
#body_layout .main_wrap .common_info_box .weather_box .data_box .condition_box .temp { font-size: 21px; font-weight: 600; color: #2d2b2b; line-height: 1; }
#body_layout .main_wrap .common_info_box .weather_box .data_box .dust_box { position: relative; padding-right: 45px; }
#body_layout .main_wrap .common_info_box .weather_box .data_box .dust_box strong { display: inline-block; vertical-align: middle; margin-right: 3px; font-size: 14px; color: #282828; }
#body_layout .main_wrap .common_info_box .weather_box .data_box .dust_box .dust { display: inline-block; vertical-align: middle; font-size: 14px; font-weight: 600; color: #282828; }
#body_layout .main_wrap .common_info_box .weather_box .data_box .dust_box .status { position: absolute; right: 0; top: 50%; width: 45px; text-align: center; font-size: 14px; color: #e31c1c; transform: translateY(-50%); }
#body_layout .main_wrap .common_info_box .weather_box .data_box .dust_box .status.em1 {color:#0d75b4;}
#body_layout .main_wrap .common_info_box .weather_box .data_box .dust_box .status.em2 {color:#009637;}
#body_layout .main_wrap .common_info_box .weather_box .data_box .dust_box .status.em3 {color:#d63a3a;;}
#body_layout .main_wrap .common_info_box .population_box {float: right;display: inline-block;vertical-align: middle;padding-top: 20px;position: relative;z-index: 10;}
#body_layout .main_wrap .common_info_box .population_box .title_box { display: inline-block; vertical-align: middle; padding: 5px 0 0 36px; background: url('/images/kr/main/ico_population.svg') left center no-repeat; }
#body_layout .main_wrap .common_info_box .population_box .title_box a{display:block}
#body_layout .main_wrap .common_info_box .population_box .title_box strong { font-size: 17px; font-weight: 600; color: #282828; line-height: 1.2; }
#body_layout .main_wrap .common_info_box .population_box .title_box span { font-size: 14px; color: #777; }
#body_layout .main_wrap .common_info_box .population_box .data_list { display: inline-block; vertical-align: middle; }
#body_layout .main_wrap .common_info_box .population_box .data_list > li { display: inline-block; vertical-align: middle; margin-left: 20px; text-align: center; }
#body_layout .main_wrap .common_info_box .population_box .data_list > li::before { content: ''; display: block; height: 40px; }
#body_layout .main_wrap .common_info_box .population_box .data_list > li:first-child::before { background: url('/images/kr/main/ico_junggu.png') center no-repeat; }
#body_layout .main_wrap .common_info_box .population_box .data_list > li:last-child::before { background: url('/images/kr/main/ico_daejeon.png') center no-repeat; }
#body_layout .main_wrap .common_info_box .population_box .data_list > li strong { font-size: 14px; color: #282828; }
#body_layout .main_wrap .common_info_box .population_box .data_list > li strong b { display: block; font-weight: 600; line-height: 1; }
#body_layout .main_wrap .common_info_box .population_box .data_list > li a{display:block;}
#body_layout .main_wrap .common_info_box .search_box {position: absolute;left: 0;top: 50%;z-index: 9;width: 100%;padding: 0 400px;transform: translateY(-50%);}
#body_layout .main_wrap .common_info_box .search_box .align_box { position: relative; }
#body_layout .main_wrap .common_info_box .search_box .align_box input { width: calc(100% - 44px); height: 59px; padding: 0 45px 0 25px; border: 1px solid #e8e8e8; border-radius: 29.5px; background: #fff; font-size: 16px; }
#body_layout .main_wrap .common_info_box .search_box .align_box .btn_submit { position: absolute; right: 0; top: 0; width: 59px; height: 59px; border-radius: 100%; background: #345aa0 url('/images/kr/main/ico_search.svg') center no-repeat; text-indent: -10000px; }
#body_layout .main_wrap .main_intro_box { margin-bottom: 38px; }
#body_layout .main_wrap .main_intro_box .visual_box {display: inline-block;vertical-align: top;position: relative;width: calc(59.6774% - 20px);margin: 0 20px 50px 0;max-height: 397px;/* overflow: hidden; */border-radius: 10px;overflow: hidden;}
#body_layout .main_wrap .main_intro_box .visual_box .carousel_area {/* overflow: hidden; *//* border-radius: 10px */overflow: hidden;}
#body_layout .main_wrap .main_intro_box .visual_box .carousel_box{position:relative;overflow:hidden}
#body_layout .main_wrap .main_intro_box .visual_box .carousel_area .item_box {display: block;position: relative;height: 390px;width: 100%;}
#body_layout .main_wrap .main_intro_box .visual_box .carousel_area .item_box img {position: absolute;left: 50%;width: 100%;height: 100%;transform: translateX(-50%);top: 0;/* border: 2px solid #EC008C; */}
#body_layout .main_wrap .main_intro_box .visual_box .carousel_area .item_box a:focus img{border: 2px solid #EC008C;}

#body_layout .main_wrap .main_intro_box .visual_box .control_box {overflow: hidden;position: absolute;right: 10px;bottom: 10px;width: 138px;height: 44px;padding: 10px 15px;border-radius: 22px;background: rgba(0,0,0,.7);}
#body_layout .main_wrap .main_intro_box .visual_box .control_box .controller { display: inline-block; vertical-align: middle; }
#body_layout .main_wrap .main_intro_box .visual_box .control_box .controller a,
#body_layout .main_wrap .main_intro_box .visual_box .control_box .controller button{ display: inline-block; vertical-align: middle; width: 20px; height: 12px; }
#body_layout .main_wrap .main_intro_box .visual_box .control_box .controller .btn_prev { background: url('/images/kr/main/ico_visual_prev.svg') center no-repeat; }
#body_layout .main_wrap .main_intro_box .visual_box .control_box .controller .btn_next { background: url('/images/kr/main/ico_visual_next.svg') center no-repeat; }
#body_layout .main_wrap .main_intro_box .visual_box .control_box .controller .btn_play { background: url('/images/kr/main/ico_visual_play.svg') center no-repeat; }
#body_layout .main_wrap .main_intro_box .visual_box .control_box .controller .btn_stop { background: url('/images/kr/main/ico_visual_stop.svg') center no-repeat; }
#body_layout .main_wrap .main_intro_box .visual_box .control_box .paging { display: inline-block; vertical-align: middle; width: calc(100% - 60px); text-align: center; }
#body_layout .main_wrap .main_intro_box .visual_box .control_box .paging span { font-size: 15px; color: #fff; }
#body_layout .main_wrap .main_intro_box .visual_box .control_box .paging .this::after { content: '/'; }
/* #body_layout .main_wrap .main_intro_box .intro_box {overflow: hidden;display: inline-block;vertical-align: top;position: relative;width: calc(27.4193% - 20px);height: 390px;padding: 40px 24px;padding-top: 100px;margin-right: 20px;border: 1px solid #e8e8e8;border-radius: 10px;background: url('/images/kr/main/bg_intro_20230209.png') right top no-repeat;} */
#body_layout .main_wrap .main_intro_box .intro_box .title {margin-bottom: 50px;font-size: 18px;color: #282828;line-height: 1.4;/* background: url(/images/kr/main/ico_more.svg) right bottom / 53px no-repeat; */position:relative;display: block;padding-right: 80px;}
#body_layout .main_wrap .main_intro_box .intro_box .title:before{content:'바로가기';display: block;position: absolute;bottom: -70px;left: 0;padding-top: 7px;padding-left: 6px;width: 110px;/* padding-right: 35px; */height: 47px;line-height:1.2;background: url(/images/kr/main/more2.png) right top no-repeat;font-size: 14px;vertical-align: middle;/* padding-top: 30px; */font-weight: bold;}

/* 240417 새 구청장 추가 start */
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/variable/pretendardvariable.css');
@font-face {
    font-family: 'JSArirangHON-Regular';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/JSArirangHON-RegularA1.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
#body_layout .main_wrap .main_intro_box .intro_box {position:relative; display:inline-flex; background:url(/images/kr/main/mayor_bg.png) no-repeat; background-color:#F7FBFF; background-position:center 70px; width:calc(27.4193% - 20px); height:390px; padding:30px; margin-right:20px; border:1px solid #e8e8e8; border-radius: 10px; overflow: hidden; }
#body_layout .main_wrap .main_intro_box .intro_box:before {display:block; content:""; position:absolute; bottom:53px; right:0; background:url(/images/kr/main/mayor.png?ver=1.1); width:220px; height:304px;}
#body_layout .main_wrap .main_intro_box .intro_box .intro_top .tit {display: flex; justify-content: center; margin-bottom:16px; font-family: 'JSArirangHON-Regular'; font-size: 30px; font-weight: 700; letter-spacing: -1.44px; color: #000;}
#body_layout .main_wrap .main_intro_box .intro_box .intro_top .tit span {font-family: 'JSArirangHON-Regular';}
#body_layout .main_wrap .main_intro_box .intro_box .intro_top .tit .point1 {color:#61BC04}
#body_layout .main_wrap .main_intro_box .intro_box .intro_top .tit .point2 {color:#E51829; padding-left:8px}
#body_layout .main_wrap .main_intro_box .intro_box .intro_top .txt {color:#222; font-size: 16px;}
#body_layout .main_wrap .main_intro_box .intro_box .intro_top .txt em {display: inline-block; width: 70px; height: 30px; background: url(/images/kr/main/mayor_name.png) 0 0 no-repeat; padding:22px; font-size: 0;}
#body_layout .main_wrap .main_intro_box .intro_box .intro_btm {position: absolute; display:flex; justify-content: center; align-items: center; left: 0; bottom: 0; width: 100%; padding:17px 10px; background: #263551; text-align: center; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;}
#body_layout .main_wrap .main_intro_box .intro_box .intro_btm .txt {position:relative; color: #fff; font-size: 16px; font-weight: 700;line-height: 140%; letter-spacing: -0.96px; margin-left:-10px;}
#body_layout .main_wrap .main_intro_box .intro_box .intro_btm .txt:after {display:inline-block; position:absolute; content:""; right: -26px; top:50%; transform:translateY(-50%); width:20px; height:20px; border-radius: 500px; border: 1px solid rgba(255, 255, 255, 0.08); background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M6.79999 11L9.79999 8L6.79999 5' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center; background-color: rgba(255, 255, 255, 0.10);}
/* 240417 새 구청장 추가 end */

#body_layout .main_wrap .main_intro_box .intro_box .title b { display: block; }
#body_layout .main_wrap .main_intro_box .intro_box .title em {display: block;line-height: 31px;margin: 5px 0 50px;vertical-align: top;}
#body_layout .main_wrap .main_intro_box .intro_box .title em strong {display: inline-block;vertical-align: middle;margin-top: 1px;margin-right: 5px;width: 73px;height: 28px;margin-bottom: 5px;background: url('/images/kr/main/img_name.png') center no-repeat;font-size: 0;vertical-align: bottom;position: relative;top: 3px;}
#body_layout .main_wrap .main_intro_box .intro_box .intro_list > li { display: inline-block; vertical-align: top; padding-right: 5px; }
#body_layout .main_wrap .main_intro_box .intro_box .intro_list > li a { overflow: hidden; display: block; position: relative; width: 82px; height: 82px; padding: 30px 0; border-radius: 100%; text-align: center; font-size: 15px; color: #fff; line-height: 1.2; }
#body_layout .main_wrap .main_intro_box .intro_box .intro_list > li a::after { z-index: -1; content: ''; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: 100%; transform: translate(100%,100%); }
#body_layout .main_wrap .main_intro_box .intro_box .intro_list > li a:hover::after { transform: translate(-100%,-100%); transition: transform .75s linear }
#body_layout .main_wrap .main_intro_box .intro_box .intro_list > li:first-child a { background: rgba(214,101,27,.85); }
#body_layout .main_wrap .main_intro_box .intro_box .intro_list > li:first-child a::after { background: rgba(214,101,27,.85); }
#body_layout .main_wrap .main_intro_box .intro_box .intro_list > li:last-child a { padding: 25px 0; background: rgba(74,140,27,.85); }
#body_layout .main_wrap .main_intro_box .intro_box .intro_list > li:last-child a::after { background: rgba(74,140,27,.85); }
#body_layout .main_wrap .main_intro_box .intro_box .intro_bottom_list {position: absolute;left: 0;bottom: 0;width: 100%;background: #717483;}
#body_layout .main_wrap .main_intro_box .intro_box .intro_bottom_list > li { display: inline-block; vertical-align: middle; position: relative; width: 50%; text-align: center; }
#body_layout .main_wrap .main_intro_box .intro_box .intro_bottom_list > li:not(:last-child) { border-right: 1px solid rgba(255,255,255,.15); }
#body_layout .main_wrap .main_intro_box .intro_box .intro_bottom_list.col1 > li {display: inline-block; width: 50%;}
#body_layout .main_wrap .main_intro_box .intro_box .intro_bottom_list > li a {width: 100%;display: table;text-align: center;transition: all 0.3s ease-out;}
#body_layout .main_wrap .main_intro_box .intro_box .intro_bottom_list > li a span { display: table-cell; vertical-align: middle; height: 100px; font-size: 15px; color: #fff; font-style: normal; }
#body_layout .main_wrap .main_intro_box .intro_box .intro_bottom_list > li a span i { font-style: normal;     transition: all 0.3s ease-out;}
#body_layout .main_wrap .main_intro_box .intro_box .intro_bottom_list > li a:hover,
#body_layout .main_wrap .main_intro_box .intro_box .intro_bottom_list > li a:focus{background-color:#345aa0}

#body_layout .main_wrap .main_intro_box .intro_box .intro_bottom_list > li a:hover span i { padding: 5px 0; border-bottom: 1px solid #e2e2e2; }
#body_layout .main_wrap .main_intro_box .side_nav_box {display: inline-block;vertical-align: top;width: 12.5806%;height: 390px;border-radius: 10px;background: #33599f;}
#body_layout .main_wrap .main_intro_box .side_nav_box .side_nav_list { height: 100%; padding: 0 30px; }
#body_layout .main_wrap .main_intro_box .side_nav_box .side_nav_list > li { height: 33.3333%; padding: 20px 0; }
#body_layout .main_wrap .main_intro_box .side_nav_box .side_nav_list > li:not(:last-of-type) { border-bottom: 1px solid rgba(255,255,255,.15); }
#body_layout .main_wrap .main_intro_box .side_nav_box .side_nav_list > li a { display: block; position: relative; text-align: center; }
#body_layout .main_wrap .main_intro_box .side_nav_box .side_nav_list > li a:before { content: ''; display: block; height: 60px; }

/*
#body_layout .main_wrap .main_intro_box .side_nav_box .side_nav_list > li:nth-child(1) a::before { background: url('/images/kr/main/ico_side_nav1.svg') center no-repeat; }
#body_layout .main_wrap .main_intro_box .side_nav_box .side_nav_list > li:nth-child(2) a::before { background: url('/images/kr/main/ico_side_nav2.svg') center no-repeat; }
#body_layout .main_wrap .main_intro_box .side_nav_box .side_nav_list > li:nth-child(3) a::before { background: url('/images/kr/main/ico_side_nav3.svg') center no-repeat; }
*/
#body_layout .main_wrap .main_intro_box .side_nav_box .side_nav_list > li:nth-child(1) a:before {background: url(/images/kr/main/ico_nav1.svg) center no-repeat;}
#body_layout .main_wrap .main_intro_box .side_nav_box .side_nav_list > li:nth-child(2) a:before { background: url('/images/kr/main/ico_side_nav2.svg') center no-repeat; }
#body_layout .main_wrap .main_intro_box .side_nav_box .side_nav_list > li:nth-child(3) a:before { background: url('/images/kr/main/ico_side_nav3.svg') center no-repeat; }
#body_layout .main_wrap .main_intro_box .side_nav_box .side_nav_list > li a span { display: block; width: calc(100% + 60px); margin-left: -30px; font-size: 16px; color: #fff; padding: 2px 0; }
#body_layout .main_wrap .main_intro_box .side_nav_box .side_nav_list > li a:hover span,
#body_layout .main_wrap .main_intro_box .side_nav_box .side_nav_list > li a:focus span{font-weight:bold;text-decoration:underline}
#body_layout .main_wrap .main_nav_box { padding-top: 5px; margin-bottom: 80px; }
#body_layout .main_wrap .main_nav_box .main_nav_list { padding: 0; }
#body_layout .main_wrap .main_nav_box .main_nav_list > li {display: inline-block;vertical-align: middle;width: 12.5%; text-align: center;}
#body_layout .main_wrap .main_nav_box .main_nav_list > li a { display: inline-block; vertical-align: top; position: relative; padding: 20px 0 20px 86px; }
#body_layout .main_wrap .main_nav_box .main_nav_list > li a span.text {font-size: 14px;}
#body_layout .main_wrap .main_nav_box .main_nav_list > li a:before {transition: all 0.3s ease-out;content: '';display: block;position: absolute;left: 0;top: 50%;width: 80px;height: 79px;border-radius: 100%;background: #eff3f6;transform: translateY(-50%);transition: .5s;transition: all 0.3s ease-out;}
#body_layout .main_wrap .main_nav_box .main_nav_list > li a:hover:before,
#body_layout .main_wrap .main_nav_box .main_nav_list > li a:focus:before {background: #345aa0;background: -moz-linear-gradient(-45deg,  #345aa0 0%, #369ee7 100%);background: -webkit-linear-gradient(-45deg,  #345aa0 0%,#369ee7 100%);background: linear-gradient(135deg,  #345aa0 0%,#369ee7 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#345aa0', endColorstr='#369ee7',GradientType=1 );}
/*
#body_layout .main_wrap .main_nav_box .main_nav_list > li:nth-child(6) a:hover:before,
#body_layout .main_wrap .main_nav_box .main_nav_list > li:nth-child(6) a:focus:before {background: #fa7c00; background: -moz-linear-gradient(-45deg,  #fa7c00 0%, #fad8b3 100%);background: -webkit-linear-gradient(-45deg,  #fa7c00 0%,#fad8b3 100%);background: linear-gradient(135deg,  #fa7c00 0%,#fad8b3 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fa7c00', endColorstr='#fad8b3',GradientType=1 );}
*/
#body_layout .main_wrap .main_nav_box .main_nav_list > li a:after { content: ''; display: block; position: absolute; left: 0; top: 50%; width: 80px; height: 79px; transform: translateY(-50%); }
/*
#body_layout .main_wrap .main_nav_box .main_nav_list > li:nth-child(1) a::after { background: url('/images/kr/main/ico_nav1.svg') center no-repeat; }
#body_layout .main_wrap .main_nav_box .main_nav_list > li:nth-child(2) a::after { background: url('/images/kr/main/ico_nav2.svg') center no-repeat; }
#body_layout .main_wrap .main_nav_box .main_nav_list > li:nth-child(3) a::after { background: url('/images/kr/main/ico_nav3.svg') center no-repeat; }
#body_layout .main_wrap .main_nav_box .main_nav_list > li:nth-child(4) a::after { background: url('/images/kr/main/ico_nav4.svg') center no-repeat; }
#body_layout .main_wrap .main_nav_box .main_nav_list > li:nth-child(5) a::after { background: url('/images/kr/main/ico_nav5.svg') center no-repeat; }
*/
#body_layout .main_wrap .main_nav_box .main_nav_list > li:nth-child(1) a:after { background: url('/images/kr/main/ico_nav2.svg') center no-repeat; }
#body_layout .main_wrap .main_nav_box .main_nav_list > li:nth-child(2) a:after { background: url('/images/kr/main/ico_nav10.svg') center no-repeat; }
#body_layout .main_wrap .main_nav_box .main_nav_list > li:nth-child(3) a:after { background: url('/images/kr/main/ico_nav9.svg') center no-repeat; }
#body_layout .main_wrap .main_nav_box .main_nav_list > li:nth-child(4) a:after { background: url('/images/kr/main/ico_nav3.svg') center no-repeat; }
#body_layout .main_wrap .main_nav_box .main_nav_list > li:nth-child(5) a:after { background: url('/images/kr/main/ico_nav4.svg') center no-repeat; }
#body_layout .main_wrap .main_nav_box .main_nav_list > li:nth-child(6) a:after { background: url('/images/kr/main/ico_nav5.svg') center no-repeat; }
#body_layout .main_wrap .main_nav_box .main_nav_list > li:nth-child(7) a:after {background: url('/images/kr/main/ico_nav8.png') center no-repeat;}
#body_layout .main_wrap .main_nav_box .main_nav_list > li:nth-child(8) a:after {background: url('/images/kr/main/ico_nav8.svg') center no-repeat;}
/* #body_layout .main_wrap .main_nav_box .main_nav_list > li:nth-child(6) a:after { background: url('/images/kr/main/ico_nav6.svg') center no-repeat; } */
#body_layout .main_wrap .main_nav_box .main_nav_list > li a span {display: inline;font-size: 16px;font-weight: 600;color: #000;line-height: 1.6;transition: all 0.3s ease-out;}
#body_layout .main_wrap .main_nav_box .main_nav_list > li a:hover span,
#body_layout .main_wrap .main_nav_box .main_nav_list > li a:focus span { border-bottom: 1px solid #000; }
#body_layout .main_wrap .main_news_box .section_title_box strong { color: #345aa0; }
#body_layout .main_wrap .main_news_box .news_box { display: inline-block; vertical-align: top; width: calc(100% - 350px); margin-right: 55px; }
#body_layout .main_wrap .main_news_box .news_box .main-board__skin { position: relative; width: calc(100% - 55px); }
#body_layout .main_wrap .main_news_box .news_box .main-board__skin .board__nav-item {float: left;height: 450px;}
#body_layout .main_wrap .main_news_box .news_box .main-board__skin .board__nav-item button { position: absolute; width: 16.6666%; height: 55px; border: 1px solid #e3e3e3; font-size: 16px; color: #0d0d0d; transition: .5s; }
#body_layout .main_wrap .main_news_box .news_box .main-board__skin .board__nav-item:nth-child(1) button { left: 0; }
#body_layout .main_wrap .main_news_box .news_box .main-board__skin .board__nav-item:nth-child(2) button { left: 16.6666%; }
#body_layout .main_wrap .main_news_box .news_box .main-board__skin .board__nav-item:nth-child(3) button { left: 33.3333%; }
#body_layout .main_wrap .main_news_box .news_box .main-board__skin .board__nav-item:nth-child(4) button { left: 50%; }
#body_layout .main_wrap .main_news_box .news_box .main-board__skin .board__nav-item:nth-child(5) button { left: 66.6664%; }
#body_layout .main_wrap .main_news_box .news_box .main-board__skin .board__nav-item:nth-child(6) button { left: 83.3333%; }
#body_layout .main_wrap .main_news_box .news_box .main-board__skin .board__nav-item:not(:last-of-type) button { border-right: 1px solid #fff; }
#body_layout .main_wrap .main_news_box .news_box .main-board__skin .board__nav-item.active button { color: #fff; }
#body_layout .main_wrap .main_news_box .news_box .main-board__skin .board__nav-item.active button::before { z-index: -1; content: ''; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: 5px; background: #0d64b4; box-shadow: 3px 3px 13px 0 rgba(0,0,0,.25); }
#body_layout .main_wrap .main_news_box .news_box .main-board__skin .board__nav-item.active button::after { z-index: 1; content: ''; display: block; position: absolute; right: -15px; top: 50%; width: 36px; height: 28px; background: url('/images/kr/main/ico_news_on.svg') center / contain no-repeat; transform: translateY(-50%); }
#body_layout .main_wrap .main_news_box .news_box .main-board__skin .board__nav-item .board__content { position: absolute; left: 0; top: 95px; width: calc(100% + 55px); }
#body_layout .main_wrap .main_news_box .news_box .main-board__skin .board__nav-item:not(.active) .board__content { display: none; }
#body_layout .main_wrap .main_news_box .news_box .main-board__skin .board__nav-item .board__content .board__item:first-child { padding: 7px 10px 35px 120px; margin-bottom: 30px; border-bottom: 1px dashed #ccc; }
#body_layout .main_wrap .main_news_box .news_box .main-board__skin .board__nav-item .board__content .board__item:first-child a{display:block;width: 100%;height: 100%;}
#body_layout .main_wrap .main_news_box .news_box .main-board__skin .board__nav-item .board__content .board__item:first-child .board__item--date { display: block; position: absolute; left: 10px; top: 0; width: 92px; height: 92px; border: 3px solid #e3e3e3; border-radius: 100%; font-size: 15px; }
#body_layout .main_wrap .main_news_box .news_box .main-board__skin .board__nav-item .board__content .board__item:first-child .board__item--date span { display: block; padding-top: 48px; text-align: center; font-size: 14px; color: #2a2a2a; }
#body_layout .main_wrap .main_news_box .news_box .main-board__skin .board__nav-item .board__content .board__item:first-child .board__item--date span i { position: absolute; left: 0; top: 8px; width: 100%; text-align: center; font-size: 31px; font-weight: 600; font-style: normal; color: #2a2a2a; }
#body_layout .main_wrap .main_news_box .news_box .main-board__skin .board__nav-item .board__content .board__item:first-child .board__item--title { overflow: hidden; display: block; margin-bottom: 8px; font-size: 16px; color: #2a2a2a; text-overflow: ellipsis; white-space: nowrap; }
#body_layout .main_wrap .main_news_box .news_box .main-board__skin .board__nav-item .board__content .board__item:first-child .board__item--title strong { font-weight: 600; }
#body_layout .main_wrap .main_news_box .news_box .main-board__skin .board__nav-item .board__content .board__item:first-child .board__item--title .ir-icon__new {z-index: 1;display: block;position: absolute;left: 10px;top: 10px;width: 24px;height: 24px;padding-top: 12px;border-radius: 100%;background: #cf3714;text-align: center;font-weight: 600;font-style: normal;}
#body_layout .main_wrap .main_news_box .news_box .main-board__skin .board__nav-item .board__content .board__item:first-child .board__item--title .ir-icon__new::before { content: 'n'; font-size: 12px; color: #fff; text-transform: uppercase; }
#body_layout .main_wrap .main_news_box .news_box .main-board__skin .board__nav-item .board__content .board__item:first-child .board__item--content {overflow: hidden;display: block;height: 45px;font-size: 15px;color: #686868;}
#body_layout .main_wrap .main_news_box .news_box .main-board__skin .board__nav-item .board__content .board__item:not(:first-child){ position: relative; padding: 0 20px 0 35px; margin-bottom: 12px; }
#body_layout .main_wrap .main_news_box .news_box .main-board__skin .board__nav-item .board__content .board__item:not(:first-child) a{display:block;width:100%;height:100%}
#body_layout .main_wrap .main_news_box .news_box .main-board__skin .board__nav-item .board__content .board__item:not(:first-child)::before { content: ''; display: block; position: absolute; left: 20px; top: 50%; width: 4px; height: 4px; border-radius: 100%; background: #000; transform: translateY(-50%); }
#body_layout .main_wrap .main_news_box .news_box .main-board__skin .board__nav-item .board__content .board__item:not(:first-child) .board__item--title {overflow: hidden;display: inline-block;vertical-align: middle;width: calc(100% - 206px);font-size: 16px;color: #686868;text-overflow: ellipsis;white-space: nowrap;}
#body_layout .main_wrap .main_news_box .news_box .main-board__skin .board__nav-item .board__content .board__item .board__item--title strong { border-bottom: 1px solid transparent; }
#body_layout .main_wrap .main_news_box .news_box .main-board__skin .board__nav-item .board__content .board__item .board__item--title strong:hover { border-bottom: 1px solid #0d64b4; color: #0d64b4; }
#body_layout .main_wrap .main_news_box .news_box .main-board__skin .board__nav-item .board__content .board__item:not(:first-child) .board__item--content { display: none; }
#body_layout .main_wrap .main_news_box .news_box .main-board__skin .board__nav-item .board__content .board__item:not(:first-child) .board__item--team {overflow: hidden;display: inline-block;vertical-align: middle;width: 94px;margin-right: 32px;text-align: right;font-size: 14px;color: #0d64b4;/* text-overflow: ellipsis; */white-space: nowrap;}
#body_layout .main_wrap .main_news_box .news_box .main-board__skin .board__nav-item .board__content .board__item:not(:first-child) .board__item--team::before { content: '['; }
#body_layout .main_wrap .main_news_box .news_box .main-board__skin .board__nav-item .board__content .board__item:not(:first-child) .board__item--team::after { content: ']'; }
#body_layout .main_wrap .main_news_box .news_box .main-board__skin .board__nav-item .board__content .board__item:not(:first-child) .board__item--date {display: inline-block;vertical-align: middle;width: 80px;font-size: 14px;color: #939393;}
#body_layout .main_wrap .main_news_box .news_box .main-board__skin .board__nav-item .board__content .board__item:not(:first-child) .board__item--date span { letter-spacing: -1px; }
#body_layout .main_wrap .main_news_box .news_box .main-board__skin .board__nav-item .board__content .board__item:not(:first-child) .board__item--date span i { font-style: normal; }
#body_layout .main_wrap .main_news_box .news_box .main-board__skin .board__nav-item .board__content ul .board__item.nodata { padding: 7px 10px 40px 10px; text-align: center; font-size: 16px; color: #282828; }
#body_layout .main_wrap .main_news_box .news_box .main-board__skin .board__nav-item:not(.active) .board__more { display: none; }
#body_layout .main_wrap .main_news_box .news_box .main-board__skin .board__nav-item .board__more { display: block; position: absolute; right: -55px; top: 0; border: 1px solid #e3e3e3; }
#body_layout .main_wrap .main_news_box .news_box .main-board__skin .board__nav-item .board__more a { display: block; position: relative; width: 55px; height: 53px; }
#body_layout .main_wrap .main_news_box .news_box .main-board__skin .board__nav-item .board__more a::before { content: ''; display: block; position: absolute; left: 19px; top: 25px; width: 18px; height: 0; border-bottom: 2px solid #000; }
#body_layout .main_wrap .main_news_box .news_box .main-board__skin .board__nav-item .board__more a::after { content: ''; display: block; position: absolute; left: 27px; top: 17px; width: 0; height: 18px; border-left: 2px solid #000; }
#body_layout .main_wrap .main_notice_box { overflow: hidden; display: inline-block; vertical-align: top; position: relative; width: 295px; border: 1px solid #e3e3e3; border-radius: 10px; }
#body_layout .main_wrap .main_notice_box .title_box { height: 55px; padding: 15px; }
#body_layout .main_wrap .main_notice_box .title_box strong { padding-left: 20px; font-size: 18px; font-weight: 600; color: #0d0d0d; }
#body_layout .main_wrap .main_notice_box .carousel_area {overflow: hidden;max-height: 327px;}
#body_layout .main_wrap .main_notice_box .carousel_area .carousel { white-space: nowrap; }
#body_layout .main_wrap .main_notice_box .carousel_area .carousel > li { display: inline-block; vertical-align: top; white-space: normal; }
#body_layout .main_wrap .main_notice_box .carousel_area .carousel > li .item_box { display: block; position: relative; height: 327px; }
#body_layout .main_wrap .main_notice_box .carousel_area .carousel > li .item_box img { display: block; position: absolute; left: 50%; top: 0; min-width: 100%; height: 100%; transform: translateX(-50%); }
#body_layout .main_wrap .main_notice_box .control_box { position: absolute; right: 14px; top: 15px; }
#body_layout .main_wrap .main_notice_box .control_box .paging { display: inline-block; vertical-align: middle; margin-right: 10px; }
#body_layout .main_wrap .main_notice_box .control_box .paging span{font-size:15px;}
#body_layout .main_wrap .main_notice_box .control_box .paging .this:after {padding:0 2px;content: '/';color:#666;text-decoration:none;font-weight: normal;}
#body_layout .main_wrap .main_notice_box .control_box .paging .this{color:#0d64b4;/* text-decoration:underline; */font-weight: bold;}
#body_layout .main_wrap .main_notice_box .control_box .pagination a { transition: .5s; display: inline-block; width: 10px; height: 10px; border: none; border-radius: 5px; background: #e3e3e3; }
#body_layout .main_wrap .main_notice_box .control_box .pagination a:not(:first-child) { margin-left: 5px; }
#body_layout .main_wrap .main_notice_box .control_box .pagination a.active { width: 32px; background: #000; }
#body_layout .main_wrap .main_notice_box .control_box .controller { display: inline-block; vertical-align: middle; }
#body_layout .main_wrap .main_notice_box .control_box .controller a,
#body_layout .main_wrap .main_notice_box .control_box .controller button {display: inline-block;width: 24px;height: 24px;border: 1px solid #b2b2b1;border-radius: 3px;margin: 0 1px;}
#body_layout .main_wrap .main_notice_box .control_box .controller .btn_prev { background: url('/images/kr/main/ico_notice_prev.svg') center no-repeat; }
#body_layout .main_wrap .main_notice_box .control_box .controller .btn_next { background: url('/images/kr/main/ico_notice_next.svg') center no-repeat; }
#body_layout .main_wrap .main_notice_box .control_box .controller .btn_play { background: url('/images/kr/main/ico_notice_play.svg') center no-repeat; }
#body_layout .main_wrap .main_notice_box .control_box .controller .btn_stop { background: url('/images/kr/main/ico_notice_stop.svg') center no-repeat; }
#body_layout .main_wrap .main_sns_box { margin-bottom: 112px; border: 1px solid #e3e3e3; border-radius: 5px; }
#body_layout .main_wrap .main_sns_box .title_box { display: inline-block; vertical-align: middle; width: 44%; position: relative; padding: 26px 0 26px 9%; }
#body_layout .main_wrap .main_sns_box .title_box::before { content: ''; display: block; position: absolute; left: 2%; top: -20px; width: 108px; height: 98px; background: url('/images/kr/main/ico_sns_title.svg') center / contain no-repeat; }
#body_layout .main_wrap .main_sns_box .title_box strong { vertical-align: middle; position: relative; padding-right: 20px; margin-right: 20px; font-size: 23px; color: #000; }
#body_layout .main_wrap .main_sns_box .title_box strong::after { content: ''; display: block; position: absolute; right: 9px; top: 50%; width: 0; height: 20px; border-left: 1px solid #d5d5d5; transform: translateY(-50%); }
#body_layout .main_wrap .main_sns_box .title_box strong b { color: #345aa0;  }
#body_layout .main_wrap .main_sns_box .title_box span { position: absolute; left: calc(23% + 100px); top: 50%; font-size: 16px; color: #4c4c4c; transform: translateY(-50%); }
#body_layout .main_wrap .main_sns_box .sns_list { width: 54%; display: inline-block; vertical-align: middle; }
#body_layout .main_wrap .main_sns_box .sns_list > li { display: inline-block; vertical-align: middle; position: relative; }
#body_layout .main_wrap .main_sns_box .sns_list > li:not(:last-of-type) { padding-right: 13px; }
#body_layout .main_wrap .main_sns_box .sns_list > li a { display: block; padding-left: 48px; font-size: 16px; font-weight: 600; color: #282828; letter-spacing: -1px;}
#body_layout .main_wrap .main_sns_box .sns_list > li a::before { content: ''; display: block; position: absolute; left: 0; top: 50%; width: 38px; height: 37px; transform: translateY(-50%); }
#body_layout .main_wrap .main_sns_box .sns_list > li .btn_blog::before { background: url('/images/kr/main/ico_sns_blog.svg') center no-repeat; }
#body_layout .main_wrap .main_sns_box .sns_list > li .btn_facebook::before { background: url('/images/kr/main/ico_sns_facebook.svg') center no-repeat; }
#body_layout .main_wrap .main_sns_box .sns_list > li .btn_youtube::before { background: url('/images/kr/main/ico_sns_youtube.svg') center no-repeat; }
#body_layout .main_wrap .main_sns_box .sns_list > li .btn_instagram::before { background: url('/images/kr/main/ico_sns_instagram.png') center no-repeat; }
#body_layout .main_wrap .main_sns_box .sns_list > li .btn_kakao::before { background: url('/images/kr/main/ico_sns_kakao.png') center no-repeat; }
#body_layout .main_wrap .main_service_box { position: relative; padding: 80px 0 100px; }
#body_layout .main_wrap .main_service_box::before { z-index: -1; content: ''; display: block; position: absolute; left: 0; top: 0; width: 100%; height: calc(100% + 160px); background: #ebf0f4; }
#body_layout .main_wrap .main_service_box .align_box { position: relative; padding-left: 315px; }
#body_layout .main_wrap .main_service_box .section_title_box strong { color: #208985; }
#body_layout .main_wrap .main_service_box .service_list { display: inline-block; vertical-align: middle; position: absolute; left: 0; top: 0; width: 300px; height: 595px; padding: 30px; margin-right: 15px; border-radius: 10px; background: #155f8c; }
#body_layout .main_wrap .main_service_box .service_list > li { display: inline-block; vertical-align: middle; width: 50%; padding: 18px 0; text-align: center; }
#body_layout .main_wrap .main_service_box .service_list > li a {position: relative;display: block;}
#body_layout .main_wrap .main_service_box .service_list > li a::before { content: ''; display: block; height: 60px; margin-bottom: 5px; }
#body_layout .main_wrap .main_service_box .service_list > li:nth-child(1) a::before { background: url('/images/kr/main/ico_service1.svg') center no-repeat; }
#body_layout .main_wrap .main_service_box .service_list > li:nth-child(2) a::before { background: url('/images/kr/main/ico_service2.svg') center no-repeat; }
#body_layout .main_wrap .main_service_box .service_list > li:nth-child(3) a::before { background: url('/images/kr/main/ico_service3.svg') center no-repeat; }
#body_layout .main_wrap .main_service_box .service_list > li:nth-child(4) a::before { background: url('/images/kr/main/ico_service4.svg') center no-repeat; }
#body_layout .main_wrap .main_service_box .service_list > li:nth-child(5) a::before { background: url('/images/kr/main/ico_service5.svg') center no-repeat; }
#body_layout .main_wrap .main_service_box .service_list > li:nth-child(6) a::before { background: url('/images/kr/main/ico_service6.svg') center no-repeat; }
#body_layout .main_wrap .main_service_box .service_list > li:nth-child(7) a::before { background: url('/images/kr/main/ico_service7.svg') center no-repeat; }
#body_layout .main_wrap .main_service_box .service_list > li:nth-child(8) a::before { background: url('/images/kr/main/ico_service8.svg') center no-repeat; }
#body_layout .main_wrap .main_service_box .service_list > li a span {font-size: 15px;color: #fff;line-height: 1.4;word-break: break-word;display: block;}
#body_layout .main_wrap .main_service_box .service_list > li a:hover span { border-bottom: 1px solid #fff; }
#body_layout .main_wrap .main_service_box .org_box { display: inline-block; vertical-align: top; width: calc(67.5675% - 15px); height: 290px; padding: 38px; margin: 0 15px 15px 0; border-radius: 10px; background: #fff; }
#body_layout .main_wrap .main_service_box .org_box .title_box { display: inline-block; vertical-align: middle; position: relative; width: 37.4531%; height: 100%; }
#body_layout .main_wrap .main_service_box .org_box .title_box::before { content: ''; display: block; position: absolute; left: 0; bottom: 0; width: 74px; height: 105px; background: url('/images/kr/main/bg_org.svg') center / contain no-repeat; }
#body_layout .main_wrap .main_service_box .org_box .title_box strong { display: block; margin-bottom: 8px; font-size: 23px; font-weight: 600; color: #282828; text-shadow: none; }
#body_layout .main_wrap .main_service_box .org_box .title_box span { font-size: 15px; color: #828282; line-height: 1.5; text-shadow: none; }
#body_layout .main_wrap .main_service_box .org_box .org_list { display: inline-block; vertical-align: middle; width: 62.5468%; padding-left: 10%; }
#body_layout .main_wrap .main_service_box .org_box .org_list > li:not(:last-of-type) { margin-bottom: 5px; }
#body_layout .main_wrap .main_service_box .org_box .org_list > li select {width: calc(100% - 56px);height: 51px;padding: 0 28px;border: 1px solid #d4d4d4;border-radius: 5px;font-size: 15px;color: #282828;font-family: 'gothic’,’맑은고딕','Malgun Gothic',-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol",AppleGothic,Dotum,arial,sans-serif;}
#body_layout .main_wrap .main_service_box .org_box .org_list > li input { display: inline-block; vertical-align: middle; width: 51px; height: 51px; margin-left: 5px; border-radius: 5px; background: #333532; text-align: center; font-size: 15px; color: #fff; }
#body_layout .main_wrap .main_service_box .opinion_box { overflow: hidden; display: inline-block; vertical-align: top; position: relative; width: 32.4324%; height: 290px; padding: 40px; border-radius: 10px; background: #26a19c; }
#body_layout .main_wrap .main_service_box .opinion_box::before {content: '';display: block;position: absolute;right: -30px;bottom: -30px;width: 139px;height: 174px;background: url('/images/kr/main/bg_opinion.svg') center no-repeat;background-size: 100%;}
#body_layout .main_wrap .main_service_box .opinion_box a{display:block;width:100%;height:100%}
#body_layout .main_wrap .main_service_box .inner_box { position: relative; height: 100%; }
#body_layout .main_wrap .main_service_box .title_box.type1 strong { display: block; margin-bottom: 8px; font-size: 23px; font-weight: 600; color: #fff; text-shadow: 2px 2px 1px rgba(0,0,0,.15); }
#body_layout .main_wrap .main_service_box .title_box.type1 span { font-size: 15px; color: #fff; line-height: 1.5; text-shadow: 2px 2px 1px rgba(0,0,0,.25); }
#body_layout .main_wrap .main_service_box .btn_more { display: block; position: absolute; left: 0; bottom: 5px; padding-right: 16px; font-size: 15px; font-style: italic; color: #fff; text-shadow: 2px 2px 1px rgba(0,0,0,.15); }
#body_layout .main_wrap .main_service_box .btn_more::before { content: ''; display: block; position: absolute; right: 0; top: 12px; width: 11px; height: 0; border-bottom: 1px solid #fff; }
#body_layout .main_wrap .main_service_box .btn_more::after { content: ''; display: block; position: absolute; right: 5px; top: 7px; width: 0; height: 11px; border-left: 1px solid #fff; }
#body_layout .main_wrap .main_service_box .welfare_box { overflow: hidden; display: inline-block; vertical-align: top; position: relative; width: 32.4324%; height: 290px; padding: 40px; margin-right: 15px; border-radius: 10px; background: #1698c9; }
#body_layout .main_wrap .main_service_box .welfare_box:before {content: '';display: block;position: absolute;right: 0;bottom: -30px;width: 153px;height: 167px;background: url('/images/kr/main/bg_welfare.svg') center no-repeat;background-size: 100%;}
#body_layout .main_wrap .main_service_box .welfare_box a{display:block;width:100%;height:100%}
#body_layout .main_wrap .main_service_box .life_box {overflow: hidden;display: inline-block;vertical-align: top;position: relative;width: calc(67.5675% - 15px);height: 290px;padding: 25px 40px;border-radius: 10px;background: #fff;}
#body_layout .main_wrap .main_service_box .life_box::before {content: '';display: block;position: absolute;right: -30px;bottom: -20px;width: 286px;height: 205px;background: url('/images/kr/main/bg_life_box.svg') center / 286px no-repeat;background-size: 80%;}
#body_layout .main_wrap .main_service_box .life_box .inner_box .title_box { margin-bottom: 30px; }
#body_layout .main_wrap .main_service_box .life_box .inner_box .title_box strong { display: inline-block; vertical-align: middle; position: relative; padding-right: 14px; margin-right: 10px; font-size: 23px; color: #282828; }
#body_layout .main_wrap .main_service_box .life_box .inner_box .title_box strong::after { content: ''; display: block; position: absolute; right: 0; top: 50%; width: 0; height: 19px; border-right: 1px solid #dfdfdf; transform: translateY(-50%); }
#body_layout .main_wrap .main_service_box .life_box .inner_box .title_box strong b:first-child { color: #1c7ea2; }
#body_layout .main_wrap .main_service_box .life_box .inner_box .title_box strong b:last-child { color: #17837e; }
#body_layout .main_wrap .main_service_box .life_box .inner_box .title_box span { display: inline-block; vertical-align: middle; font-size: 15px; color: #666; }
#body_layout .main_wrap .main_service_box .life_box .inner_box .life_list {max-width: 350px;}
#body_layout .main_wrap .main_service_box .life_box .inner_box .life_list > li { display: inline-block; vertical-align: top; position: relative; width: 50%; padding-left: 12px; margin-bottom: 10px; }
#body_layout .main_wrap .main_service_box .life_box .inner_box .life_list > li::before { content: ''; display: block; position: absolute; left: 0; top: 10px; width: 4px; height: 4px; border-radius: 100%; background: #7f7f7f; }
#body_layout .main_wrap .main_service_box .life_box .inner_box .life_list > li a {font-size: 15px;color: #757575;}
#body_layout .main_wrap .main_tour_box { position: relative; max-width: 1576px; margin: 0 auto 95px; }
#body_layout .main_wrap .main_tour_box .title_box { z-index: 1; position: absolute; left: 0; top: 50%; width: 100%; height: 0; text-align: center; }
#body_layout .main_wrap .main_tour_box .title_box em { position: relative; display: inline-block; font-size: 15px; color: #fff; transform: translateY(-50%); }
#body_layout .main_wrap .main_tour_box .title_box em strong { display: block; vertical-align: top; width: 273px; height: 110px; margin: 0 auto; text-indent: -10000px; background: url('/images/kr/main/img_tour_slogan.png') center no-repeat; }
#body_layout .main_wrap .main_tour_box .inner_box .carousel_area {overflow: hidden;border-radius: 10px;max-height: 320px;}
#body_layout .main_wrap .main_tour_box .inner_box .carousel_area .carousel_box { position: relative; }
#body_layout .main_wrap .main_tour_box .inner_box .carousel_area .carousel { white-space: nowrap; }
#body_layout .main_wrap .main_tour_box .inner_box .carousel_area .slick-list {/* overflow-y: visible; */}
#body_layout .main_wrap .main_tour_box .inner_box .carousel_area .item_box { display: inline-block; vertical-align: top; position: relative; }
#body_layout .main_wrap .main_tour_box .inner_box .carousel_area .item_box .img_box { overflow: hidden; position: relative; height: 320px; border-radius: 10px; }
#body_layout .main_wrap .main_tour_box .inner_box .carousel_area .item_box .img_box img { position: absolute; left: 50%; top: 0; min-width: 100%; max-width: none; min-height: 100%; transform: translateX(-50%); }
#body_layout .main_wrap .main_tour_box .inner_box .carousel_area .item_box .text_box {z-index: 1;position: absolute;left: 0;bottom: 0;width: 612px;height: 0;border-radius: 0 10px 0 0;background: rgba(255,255,255,.95);opacity: 0;}
#body_layout .main_wrap .main_tour_box .inner_box .carousel_area .item_box .text_box em { display: inline-block; vertical-align: middle; width: calc(100% - 165px); text-align: center; font-size: 18px; font-weight: 600; color: #000; }
#body_layout .main_wrap .main_tour_box .inner_box .carousel_area .item_box .text_box em strong { font-weight: 400; }
#body_layout .main_wrap .main_tour_box .inner_box .carousel_area .item_box .text_box em strong::before { content: '-'; margin: 0 15px; }
#body_layout .main_wrap .main_tour_box .inner_box .carousel_area .item_box .text_box em b { color: #26A1A4; }
#body_layout .main_wrap .main_tour_box .inner_box .carousel_area .item_box .text_box .btn_more { display: inline-block; vertical-align: middle; width: 165px; height: 100%; padding: 10px 0; text-align: center; }
#body_layout .main_wrap .main_tour_box .inner_box .carousel_area .slick-current.slick-active .item_box .text_box {transition: .5s;opacity: 1;height: 84px;}
#body_layout .main_wrap .main_tour_box .inner_box .carousel_area .slick-current.slick-active .item_box .text_box em { display: inline-block; vertical-align: middle; width: calc(100% - 165px); text-align: center; font-size: 18px; font-weight: 600; color: #000; }
#body_layout .main_wrap .main_tour_box .inner_box .carousel_area .slick-current.slick-active .item_box .text_box em strong { font-weight: 400; }
#body_layout .main_wrap .main_tour_box .inner_box .carousel_area .slick-current.slick-active .item_box .text_box em strong::before { content: '-'; margin: 0 15px; }
#body_layout .main_wrap .main_tour_box .inner_box .carousel_area .slick-current.slick-active .item_box .text_box em b { color: #048884; }
#body_layout .main_wrap .main_tour_box .inner_box .carousel_area .slick-current.slick-active .item_box .text_box .btn_more { display: inline-block; vertical-align: middle; width: 165px; height: 100%; padding: 10px 0; text-align: center; }


#body_layout .main_wrap .main_tour_box .inner_box .carousel_area .text_box .btn_more span { display: inline-block; vertical-align: middle; padding: 20px 60px 20px 0; font-size: 15px; color: #000; background: url('/images/kr/main/ico_more.svg') right center / 53px no-repeat; }
#body_layout .main_wrap .main_tour_box .inner_box .control_box { position: absolute; left: 50%; bottom: 35px; padding: 0 60px 0 40px; transform: translateX(-50%); }
#body_layout .main_wrap .main_tour_box .inner_box .control_box .pagination li{display: inline-block; }
#body_layout .main_wrap .main_tour_box .inner_box .control_box .pagination button { vertical-align: middle; width: 20px; height: 20px; padding: 5px; border: 1px solid transparent; border-radius: 100%; }
#body_layout .main_wrap .main_tour_box .inner_box .control_box .pagination .slick-active button { border-color: #fff; }
#body_layout .main_wrap .main_tour_box .inner_box .control_box .pagination button:before {content:'';display: block; width: 100%; height: 100%; border-radius: 100%; background: #fff; }
#body_layout .main_wrap .main_tour_box .inner_box .control_box .controller { position: absolute; left: 0; top: 0; width: 100%; }
#body_layout .main_wrap .main_tour_box .inner_box .control_box .controller button.btn_prev,
#body_layout .main_wrap .main_tour_box .inner_box .control_box .controller button.btn_next { display: inline-block; vertical-align: middle; position: absolute; width: 40px; height: 40px; transform: translateY(-25%); }
#body_layout .main_wrap .main_tour_box .inner_box .control_box .controller button.btn_prev { left: 0; background: url('/images//kr/main/ico_tour_prev.svg') center no-repeat; }
#body_layout .main_wrap .main_tour_box .inner_box .control_box .controller button.btn_next { right: 0; background: url('/images//kr/main/ico_tour_next.svg') center no-repeat; }
#body_layout .main_wrap .main_tour_box .inner_box .control_box .controller button.btn_play,
#body_layout .main_wrap .main_tour_box .inner_box .control_box .controller button.btn_stop { display: inline-block; vertical-align: middle; position: absolute; right: 40px; top: 0; width: 18px; height: 18px; }
#body_layout .main_wrap .main_tour_box .inner_box .control_box .controller button.btn_play { background: url('/images/kr/main/ico_tour_play.svg') center no-repeat; }
#body_layout .main_wrap .main_tour_box .inner_box .control_box .controller button.btn_stop { background: url('/images/kr/main/ico_tour_stop.svg') center no-repeat; }
#body_layout .main_wrap .main_now_box {overflow: hidden;background: url('/images/kr/main/bg_now.png') center bottom / cover no-repeat;}
#body_layout .main_wrap .main_now_box .section_title_box strong { color: #f76300; }
#body_layout .main_wrap .main_now_box .inner_box { position: relative; margin-bottom: 40px; }
#body_layout .main_wrap .main_now_box .inner_box .carousel_area {width: calc(100% + 30px);margin-left: -15px;/* max-width: 300px; */}
/*
#body_layout .main_wrap .main_now_box .inner_box .carousel_area .carousel { white-space: nowrap; }
#body_layout .main_wrap .main_now_box .inner_box .carousel_area .item_box { display: inline-block; vertical-align: top; white-space: normal; padding: 15px; }
*/


#body_layout .main_wrap .main_now_box .inner_box .carousel_area .slick-list {/* margin:0 -20px; */overflow: visible;}
#body_layout .main_wrap .main_now_box .inner_box .carousel_area .slick-list .slick-slide {border: 10px solid transparent;/* padding: 0 20px; */}
#body_layout .main_wrap .main_now_box .inner_box .carousel_area .item_box {overflow: hidden;display: block;position: relative;border-radius: 10px;background: #fff;box-shadow: 0 0 10px 1px rgba(0,0,0,.15);/* max-width: 288px; */height: 361px;overflow: hidden;}
#body_layout .main_wrap .main_now_box .inner_box .carousel_area .item_box:after { opacity: 0; content: ''; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: 10px; border: 1px solid #f28035; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; transition: .5s; }
#body_layout .main_wrap .main_now_box .inner_box .carousel_area .item_box:hover:after { opacity: 1; }
#body_layout .main_wrap .main_now_box .inner_box .carousel_area .item_box .img_box { overflow: hidden; position: relative; height: 223px; }
#body_layout .main_wrap .main_now_box .inner_box .carousel_area .item_box .img_box img {position: absolute;left: 50%;top: 50%;min-width: auto;height: 100%;transform: translate(-50%,-50%);transition: .5s;width: auto;max-width: none;}
#body_layout .main_wrap .main_now_box .inner_box .carousel_area .item_box:hover .img_box img { transform: translate(-50%,-50%) scale3d(1.05,1.05,1); }
#body_layout .main_wrap .main_now_box .inner_box .carousel_area .item_box .text_box { padding: 30px 25px; }
#body_layout .main_wrap .main_now_box .inner_box .carousel_area .item_box .text_box strong { overflow: hidden; display: block; height: 46px; margin-bottom: 10px; font-size: 16px; font-weight: 600; color: #282828; line-height: 1.4; }
#body_layout .main_wrap .main_now_box .inner_box .carousel_area .item_box .text_box span { display: inline-block; vertical-align: middle; position: relative; font-size: 14px; color: #939393; }
#body_layout .main_wrap .main_now_box .inner_box .carousel_area .item_box .text_box span:not(:first-of-type) { padding-left: 10px; }
#body_layout .main_wrap .main_now_box .inner_box .carousel_area .item_box .text_box span:not(:last-of-type) { padding-right: 10px; }
#body_layout .main_wrap .main_now_box .inner_box .carousel_area .item_box .text_box span:not(:first-of-type)::before { content: ''; display: block; position: absolute; left: 0; top: 50%; width: 0; height: 12px; border-left: 1px solid #a4a4a4; transform: translateY(-50%); }
#body_layout .main_wrap .main_now_box .inner_box .slick-dots {position: absolute;right: 54px;top: -40px;}
#body_layout .main_wrap .main_now_box .inner_box .slick-dots li{display: inline-block; }
#body_layout .main_wrap .main_now_box .inner_box .slick-dots button { display: inline-block; vertical-align: middle; width: 20px; height: 20px; padding: 5px; border: 1px solid transparent; border-radius: 100%; }
#body_layout .main_wrap .main_now_box .inner_box .slick-dots .slick-active button { border-color: #f28035; }
#body_layout .main_wrap .main_now_box .inner_box .slick-dots button:before {content:''; display: block; width: 100%; height: 100%; border-radius: 100%; background: #c5c5c5; }
#body_layout .main_wrap .main_now_box .inner_box .slick-dots .slick-active button { background: #f28035; }
#body_layout .main_wrap .main_now_box .inner_box .slick-dots .slick-active button:before {background: #fff; }


#body_layout .main_wrap .main_now_box .inner_box .controller { height: 0; position: absolute; left: 0; top: 50%; width: 100%; }
#body_layout .main_wrap .main_now_box .inner_box .controller a,
#body_layout .main_wrap .main_now_box .inner_box .controller button {display: inline-block;width: 56px;height: 56px;border-radius: 100%;box-shadow: 3px 3px 5px 0px rgba(0,0,0,.15);}
#body_layout .main_wrap .main_now_box .inner_box .controller .btn_prev { float: left; background: #fff url('/images/kr/main/ico_now_prev.svg') center no-repeat; transform: translate(-50%,-50%); }
#body_layout .main_wrap .main_now_box .inner_box .controller .btn_next { float: right; background: #fff url('/images/kr/main/ico_now_next.svg') center no-repeat; transform: translate(50%,-50%); }
#body_layout .main_wrap .main_now_box .btn_more { display: block; width: 210px; height: 60px; padding: 16px; margin: 0 auto 100px; border-radius: 30px; background: #f76300; text-align: center; font-size: 18px; font-weight: 600; color: #fff; }

#body_layout .main_wrap .main_now_box .inner_box .controller .btn_play,
#body_layout .main_wrap .main_now_box .inner_box .controller .btn_stop {display: inline-block;width: 24px;height: 24px;border: 1px solid #b2b2b1;background-color: #fff !important;border-radius: 3px;margin: 0 1px;position: absolute;right: 0;top: -232px;}
#body_layout .main_wrap .main_now_box .inner_box .controller .btn_play { background: url('/images/kr/main/ico_notice_play.svg') center no-repeat; }
#body_layout .main_wrap .main_now_box .inner_box .controller .btn_stop { background: url('/images/kr/main/ico_notice_stop.svg') center no-repeat; }


.quickmenu_box {padding: 0 0 75px;}
.quickmenu_box .layout {}
.quickmenu_box .layout:after {display:block; clear:both; visibility:hidden; content:'';}
.quickmenu_box .group {overflow:hidden;border-radius: 10px;background: #fff;}
.quickmenu_box .group:after {display:block; clear:both; visibility:hidden; content:'';}
.quickmenu_box .box {float:left; width:33.33%;}
.quickmenu_box .box strong {display:block;line-height: 65px;text-align:center;font-size:19px;color:#fff;}
.quickmenu_box .box1 strong {background:#345aa0;}
.quickmenu_box .box2 strong {background:#364c76;}
.quickmenu_box .box3 strong {background:#2e8194;}
.quickmenu_box .box strong span {display:inline-block;width:36px;height:36px;margin-right: 10px;border-radius:50%;background:#fff url(/images/kr/main/ico_ir.png)no-repeat;vertical-align:middle;}
.quickmenu_box .box strong span {background-position:0 0;}
.quickmenu_box .box strong span {background-position:-36px 0;}
.quickmenu_box .box strong span {background-position:-72px 0;}
.quickmenu_box .box ul {padding:0 40px; margin:40px 0;}
.quickmenu_box .box2 ul {border-left:1px solid #ddd; border-right:1px solid #ddd;}
.quickmenu_box .box ul:after {display:block; clear:both; visibility:hidden; content:'';}
.quickmenu_box .box ul li {float:left;position:relative;width:50%;margin: 5px 0;padding-left:10px;}
.quickmenu_box .box ul li:before {display:block; position:absolute; left:0; top:10px; content:''; width:3px; height:3px; background:#a5a5a5; transform:rotate(45deg);}
.quickmenu_box .box ul li a {display: inline-block;font-size: 15px;color:#191919;font-weight:normal;letter-spacing: -0.03em;}
.quickmenu_box .box ul li a:hover,
.quickmenu_box .box ul li a:focus {color:#345aa0; text-decoration:underline;}


@media screen and ( max-width: 1599px ) {
	#op_layout > .layout { width: calc(100% - 40px); margin: 0 auto; }
	#body_layout .main_wrap .main_tour_box { padding: 0 20px; }
	#body_layout .main_wrap .main_tour_box .title_box { top: calc(50% - 42px); }
	#body_layout .main_wrap .main_tour_box .inner_box .carousel_area { padding-bottom: 84px; }
	/*#body_layout .main_wrap .main_tour_box .inner_box .carousel_area .carousel > li {  }*/
	#body_layout .main_wrap .main_tour_box .inner_box .carousel_area .item_box .text_box { left: 50%;width: auto; padding-left: 20px; transform: translateX(-50%); }
	/*
	#body_layout .main_wrap .main_tour_box .inner_box .carousel_area.owl-grab .carousel > li .text_box:not(:hover),
	#body_layout .main_wrap .main_tour_box .inner_box .carousel_area:not(.on) .carousel > li .text_box { transition: 0s; transform: translate(-50%,100%); }
	*/
	#body_layout .main_wrap .main_tour_box .inner_box .carousel_area .item_box .text_box em { width: auto; text-align: left; }
	#body_layout .main_wrap .main_tour_box .inner_box .control_box {bottom: 100px;min-width: 300px;}
}
@media screen and ( max-width: 1279px ) {
	#body_layout .main_wrap .main_intro_box .visual_box { width: calc(70.7468% - 14px); margin: 0 14px 15px 0; }
	#body_layout .main_wrap .main_intro_box .intro_box {width: 29.2531%; margin: 0 0 15px; padding:30px}
	#body_layout .main_wrap .main_intro_box .side_nav_box { float: right; width: 29.2531%; height: 136px; }
	#body_layout .main_wrap .main_intro_box .side_nav_box .side_nav_list > li { width: 33.3333%; display: inline-block; vertical-align: top; }
	#body_layout .main_wrap .main_intro_box .side_nav_box .side_nav_list > li:not(:last-of-type) { border: none; }
	#body_layout .main_wrap .main_intro_box .side_nav_box .side_nav_list { padding: 0 10px; }
	#body_layout .main_wrap .main_intro_box .side_nav_box .side_nav_list > li a span { font-size: 15px; }
	#body_layout .main_wrap .main_nav_box {float: left;width: calc(70.7468% - 14px);margin-right: 14px;margin-bottom: 0;}
	#body_layout .main_wrap .main_nav_box .main_nav_list { padding: 0; }
	#body_layout .main_wrap .main_nav_box .main_nav_list > li { vertical-align: top; }
	#body_layout .main_wrap .main_nav_box .main_nav_list > li a { padding: 90px 0 20px; }
	#body_layout .main_wrap .main_nav_box .main_nav_list > li a::before { top: 0; left: 50%; transform: translateX(-50%); }
	#body_layout .main_wrap .main_nav_box .main_nav_list > li a::after { top: 0; left: 50%; transform: translateX(-50%); }
	#body_layout .main_wrap .main_nav_box .main_nav_list > li a span { font-size: 15px; }
	#body_layout .main_wrap .main_news_box .news_box { width: calc(100% - 309px); margin-right: 14px; }
	.quickmenu_box .box {float:none; width:100%;}
	.quickmenu_box .box2 ul {border:none;}
	.quickmenu_box .box ul li {width:20%;}

	#body_layout .main_wrap .main_tour_box .inner_box .control_box {/* bottom: 100px; */}
}


@media screen and ( max-width: 1199px ) {
	#body_layout .main_wrap .main_service_box .org_box { width: 100%; margin-right: 0; }
	#body_layout .main_wrap .main_service_box .opinion_box { width: calc(50% - 7px); margin: 0 14px 15px 0; }
	#body_layout .main_wrap .main_service_box .welfare_box { width: calc(50% - 7px); margin: 0 0 15px 0; }
	#body_layout .main_wrap .main_service_box .life_box { width: calc(100% + 315px); margin-left: -315px; }
	#body_layout .main_wrap .main_service_box .life_box::before { right: 10%; }
	#body_layout .main_wrap .common_info_box .search_box{padding: 0 400px 0 303px;}
}
@media screen and ( max-width: 1023px ) {

	#body_layout .main_wrap .main_now_box .inner_box .carousel_area .slick-list {/* margin:0 -10px; */}
	#body_layout .main_wrap .main_now_box .inner_box .carousel_area .slick-list .slick-slide {/* padding: 0 10px; */border: 10px solid transparent;}
	#body_layout .main_wrap .section_title_box strong { font-size: 31px; }
	#body_layout .main_wrap .common_info_box { padding: 25px 0 50px; margin-bottom: 80px; }
	#body_layout .main_wrap .common_info_box .layout { padding: 0; }
	#body_layout .main_wrap .common_info_box .weather_box { width: 50%; border-right: 1px solid #d8dfe4; text-align: center; }
	#body_layout .main_wrap .common_info_box .population_box { width: 50%; text-align: center; }
	#body_layout .main_wrap .common_info_box .search_box { top: calc(100% + 50px); padding: 0; }
	#body_layout .main_wrap .common_info_box .search_box .align_box { max-width: 470px; margin: 0 auto; }
	#body_layout .main_wrap .main_intro_box { padding-top: 402px; }
	#body_layout .main_wrap .main_intro_box .visual_box { width: 100%; margin:78px 14px 15px 0;}
	#body_layout .main_wrap .main_intro_box .intro_box { position: absolute; left: 20px; top: 0; width: calc(50% - 26px); margin-right: 12px; height: 474px;}
	#body_layout .main_wrap .main_intro_box .side_nav_box { float: none; position: absolute; right: 20px; top: 0; width: calc(50% - 26px); height: 118px; }
	#body_layout .main_wrap .main_nav_box { position: absolute; right: 0; top: 130px; width: calc(50% - 26px); margin-bottom: 0; }
	#body_layout .main_wrap .main_nav_box .main_nav_list > li { width: 50%; }
	#body_layout .main_wrap .main_nav_box .main_nav_list > li a {display: block;height: 81px;padding: 20px 0 20px 75px;border: 1px solid #e2e2e2;border-radius: 10px;text-align: left;}
	#body_layout .main_wrap .main_nav_box .main_nav_list > li:not(:last-child) a { margin: 0 5px 5px 0; }
	#body_layout .main_wrap .main_nav_box .main_nav_list > li:last-child a{margin: 0 5px 5px 0;}
	#body_layout .main_wrap .main_nav_box .main_nav_list > li a::before { display: none; }
	#body_layout .main_wrap .main_nav_box .main_nav_list > li a::after { left: 0; top: 50%; transform: translateY(-50%); }
	#body_layout .main_wrap .main_nav_box .main_nav_list > li a span { position: absolute; top: 50%; transform: translateY(-50%); }
	#body_layout .main_wrap .main_news_box .news_box .main-board__skin { width: 100%; }
	#body_layout .main_wrap .main_news_box .news_box .main-board__skin .board__nav-item button { width: calc(33.3333% + 1px); height: 50px; }
	#body_layout .main_wrap .main_news_box .news_box .main-board__skin .board__nav-item.active button::after { display: none; }
	#body_layout .main_wrap .main_news_box .news_box .main-board__skin .board__nav-item:not(:last-of-type) button { border-right: 1px solid #e3e3e3; }
	#body_layout .main_wrap .main_news_box .news_box .main-board__skin .board__nav-item:nth-child(1) button { left: 0; }
	#body_layout .main_wrap .main_news_box .news_box .main-board__skin .board__nav-item:nth-child(2) button { left: 33.3333%; }
	#body_layout .main_wrap .main_news_box .news_box .main-board__skin .board__nav-item:nth-child(3) button { left: 66.6666%; }
	#body_layout .main_wrap .main_news_box .news_box .main-board__skin .board__nav-item:nth-child(4) button { left: 0; top: 49px; }
	#body_layout .main_wrap .main_news_box .news_box .main-board__skin .board__nav-item:nth-child(5) button { left: 33.3333%; top: 49px; }
	#body_layout .main_wrap .main_news_box .news_box .main-board__skin .board__nav-item:nth-child(6) button { left: 66.6666%; top: 49px; }
	#body_layout .main_wrap .main_news_box .news_box .main-board__skin .board__nav-item .board__content { top: 120px; width: 100%; }
	#body_layout .main_wrap .main_news_box .news_box .main-board__skin .board__nav-item .board__content .board__item:first-child { padding-top: 6px; }
	#body_layout .main_wrap .main_news_box .news_box .main-board__skin .board__nav-item .board__content .board__item:first-child .board__item--title { margin-bottom: 2px; font-size: 15px; }
	#body_layout .main_wrap .main_news_box .news_box .main-board__skin .board__nav-item .board__content .board__item:first-child .board__item--content { font-size: 15px; line-height: 1.4; }
	#body_layout .main_wrap .main_news_box .news_box .main-board__skin .board__nav-item .board__content .board__item:first-child .board__item--date { width: 80px; height: 80px; }
	#body_layout .main_wrap .main_news_box .news_box .main-board__skin .board__nav-item .board__content .board__item:first-child .board__item--date span { padding-top: 42px; }
	#body_layout .main_wrap .main_news_box .news_box .main-board__skin .board__nav-item .board__content .board__item:first-child .board__item--date span i { top: 2px; }
	#body_layout .main_wrap .main_news_box .news_box .main-board__skin .board__nav-item .board__content .board__item:not(:first-child) { margin-bottom: 8px; }
	#body_layout .main_wrap .main_news_box .news_box .main-board__skin .board__nav-item .board__content .board__item:not(:first-child) .board__item--title { width: calc(100% - 74px); padding-right: 10px; }
	#body_layout .main_wrap .main_news_box .news_box .main-board__skin .board__nav-item .board__content .board__item:not(:first-child) .board__item--team { display: none; }
	#body_layout .main_wrap .main_news_box .news_box .main-board__skin .board__nav-item .board__content .board__item .board__item--title strong { padding: 2px 0; font-size: 15px; }
	#body_layout .main_wrap .main_news_box .news_box .main-board__skin .board__nav-item .board__more a { display: none; }
	#body_layout .main_wrap .main_sns_box {width: calc(100% - 40px);padding: 0 0 13px 0;margin-top: 80px;margin-bottom: 60px;}
	#body_layout .main_wrap .main_sns_box .title_box { width: 250px; padding-left: 120px; }
	#body_layout .main_wrap .main_sns_box .title_box::before { left: 5px; }
	#body_layout .main_wrap .main_sns_box .title_box span { display: none; }
	#body_layout .main_wrap .main_sns_box .title_box strong { margin-right: 0; }
	#body_layout .main_wrap .main_sns_box .title_box strong::after { display: none; }
	#body_layout .main_wrap .main_sns_box .sns_list { width: calc(102% - 24px); text-align: center; }
	#body_layout .main_wrap .main_service_box .align_box { padding-left: 0; }
	#body_layout .main_wrap .main_service_box .service_list { position: static; width: 100%; height: auto; padding: 10px 8%; }
	#body_layout .main_wrap .main_service_box .service_list > li { width: 25%; padding: 10px 0; }
	#body_layout .main_wrap .main_service_box .service_list > li a::before { transform: scale(.85); }
	#body_layout .main_wrap .main_service_box .life_box { width: 100%; margin: 0; }
	#body_layout .main_wrap .section_title_box strong::after { display: none; }
	#body_layout .main_wrap .section_title_box span { display: none; }
	#body_layout .main_wrap .main_now_box .inner_box .slick-dots {padding-right: 70px;}
	#body_layout .main_wrap .main_now_box .inner_box .controller { left: auto; right: 0; top: -54px; }
	#body_layout .main_wrap .main_now_box .inner_box .controller {width: 100px;}
	#body_layout .main_wrap .main_now_box .inner_box .controller .btn_prev,
	#body_layout .main_wrap .main_now_box .inner_box .controller .btn_next { width: 45px; height: 46px; transform: none; -webkit-background-size: 30%;	background-size: 30%; }
	#body_layout .main_wrap .main_now_box .inner_box .controller .btn_stop,
	#body_layout .main_wrap .main_now_box .inner_box .controller .btn_play{display:none !important}
	#body_layout .main_wrap .main_now_box .inner_box .carousel_area .item_box{/* margin: 0 10px; */}
	.quickmenu_box .box ul li {width:25%;}
	#body_layout .main_wrap .main_now_box .inner_box .carousel_area .item_box .img_box img{min-width:auto}
}
@media screen and ( max-width: 767px ) {
	#body_layout .main_wrap .common_info_box {height: 150px;padding: 0 20px;margin-bottom: 30px;}
	#body_layout .main_wrap .common_info_box .weather_box { display: none; }
	#body_layout .main_wrap .common_info_box .population_box { display: none; }
	#body_layout .main_wrap .common_info_box .search_box { top: 30px; transform: none; }
	#body_layout .main_wrap .main_nav_box .main_nav_list > li a { padding: 20px 20%; }
	#body_layout .main_wrap .main_nav_box .main_nav_list > li a::after { display: none; }
	#body_layout .main_wrap .main_service_box .life_box::before { right: -8%; }
	#body_layout .main_wrap .main_sns_box .sns_list > li a { padding: 0; font-size: 0; }
	#body_layout .main_wrap .main_sns_box .sns_list > li a::before { position: static; transform: none; }
	.quickmenu_box .box ul li {width:33.33%;}
	#body_layout .main_wrap .main_sns_box .sns_list { width: calc(100% - 250px); text-align: center; }
}

@media screen and ( max-width: 639px ) {
	#body_layout .main_wrap .section_title_box { text-align: center; }
	#body_layout .main_wrap .section_title_box strong { padding: 10px 0 0; margin: 0; font-size: 23px; }
	#body_layout .main_wrap .common_info_box {height: 100px;}
	#body_layout .main_wrap .common_info_box .search_box { top: 25px; }
	#body_layout .main_wrap .common_info_box .search_box .align_box input { width: calc(100% - 35px); height: 45px; }
	#body_layout .main_wrap .common_info_box .search_box .align_box .btn_submit { width: 45px; height: 45px; -webkit-background-size: 45%; background-size: 45%; }
	#body_layout .main_wrap .main_intro_box {padding-top: 690px;}
	#body_layout .main_wrap .main_intro_box .visual_box .carousel_area .carousel > li .item_box { height: 54.1666vw; }
	#body_layout .main_wrap .main_intro_box .intro_box { width: calc(100% - 40px); height: 370px; margin-right: 0; }
	#body_layout .main_wrap .main_intro_box .intro_box .title em { margin-bottom: 20px; }
	#body_layout .main_wrap .main_intro_box .intro_box .intro_bottom_list > li a span { height: 80px; }
	#body_layout .main_wrap .main_intro_box .side_nav_box { left: 20px; top: 385px; width: calc(100% - 40px); }
	#body_layout .main_wrap .main_nav_box { position: absolute; left: 20px; top: 505px; width: calc(100% - 40px); }
	#body_layout .main_wrap .main_nav_box .main_nav_list > li { padding-bottom: 10px; }
	#body_layout .main_wrap .main_nav_box .main_nav_list > li a { height: 50px; padding: 0; text-align: center; }
	#body_layout .main_wrap .main_nav_box .main_nav_list > li:not(:last-child) a { margin: 0; }
	#body_layout .main_wrap .main_nav_box .main_nav_list > li:nth-child(2n-1) { padding-right: 5px; }
	#body_layout .main_wrap .main_nav_box .main_nav_list > li:nth-child(2n) { padding-left: 5px; }
	#body_layout .main_wrap .main_nav_box .main_nav_list > li a span { display: inline-block; vertical-align: top; left: 0; width: 100%; padding: 0; }
	#body_layout .main_wrap .main_news_box { margin-bottom: 50px; }
	#body_layout .main_wrap .main_news_box .news_box { width: 100%; }
	#body_layout .main_wrap .main_news_box .news_box .main-board__skin .board__nav-item{height:480px;}
	#body_layout .main_wrap .main_notice_box { display: block; width: 100%; max-width: 295px; margin: 0 auto; }
	#body_layout .main_wrap .main_sns_box { margin-bottom: 50px; }
	#body_layout .main_wrap .main_sns_box .title_box { width: 40%; padding: 20px 5%; text-align: center; }
	#body_layout .main_wrap .main_sns_box .title_box::before { display: none; }
	#body_layout .main_wrap .main_sns_box .title_box strong { padding-right: 0; font-size: 19px; }
	#body_layout .main_wrap .main_sns_box .sns_list { width: 60%; }
	#body_layout .main_wrap .main_service_box { padding: 50px 0; }
	#body_layout .main_wrap .main_service_box .title_box.type1 strong { font-size: 19px; }
	#body_layout .main_wrap .main_service_box .service_list { padding: 14px; margin-bottom: 15px; }
	#body_layout .main_wrap .main_service_box .service_list > li { width: 50%; padding: 2.5px; }
	#body_layout .main_wrap .main_service_box .service_list > li a { display: block; position: relative; height: 50px; border: 1px solid rgba(255,255,255,.2); border-radius: 5px; }
	#body_layout .main_wrap .main_service_box .service_list > li a::before { display: none; }
	#body_layout .main_wrap .main_service_box .service_list > li a span { position: absolute; left: 0; top: 50%; width: 100%; font-size: 14px; color: #fff; transform: translateY(-50%); }
	#body_layout .main_wrap .main_service_box .org_box { height: auto; min-height: 290px; padding: 20px 15px; }
	#body_layout .main_wrap .main_service_box .org_box .title_box { display: block; width: 100%; height: auto; margin-bottom: 20px; text-align: center; }
	#body_layout .main_wrap .main_service_box .org_box .title_box::before { display: none; }
	#body_layout .main_wrap .main_service_box .org_box .title_box strong { font-size: 19px; }
	#body_layout .main_wrap .main_service_box .org_box .org_list { display: block; width: 100%;  padding-left: 0; margin: 0 auto; }
	#body_layout .main_wrap .main_service_box .opinion_box {width: 100%;height: 200px;padding: 30px 20px;margin: 0 0 15px;}
	#body_layout .main_wrap .main_service_box .welfare_box {width: 100%;padding: 30px 20px;margin: 0 0 15px;height: 200px;}
	#body_layout .main_wrap .main_service_box .life_box { height: auto; padding: 30px 20px 155px; }
	#body_layout .main_wrap .main_service_box .life_box::before { width: 200px; left: 50%; bottom: -45px; -webkit-background-size: contain; background-size: contain; transform: translateX(-50%); }
	#body_layout .main_wrap .main_service_box .life_box .inner_box .title_box { text-align: center; }
	#body_layout .main_wrap .main_service_box .life_box .inner_box .title_box strong { padding-right: 0; margin-right: 0; font-size: 19px; }
	#body_layout .main_wrap .main_service_box .life_box .inner_box .title_box strong::after { display: none; }
	#body_layout .main_wrap .main_tour_box { margin: 0 auto 50px; }
	#body_layout .main_wrap .main_tour_box .title_box { top: calc(50% - 70px); }
	#body_layout .main_wrap .main_tour_box .title_box em strong { width: 70%; margin-bottom: -5%; -webkit-background-size: contain; background-size: contain; }
	#body_layout .main_wrap .main_tour_box .inner_box .carousel_area { padding-bottom: 100px; }
	#body_layout .main_wrap .main_tour_box .inner_box .carousel_area .item_box .img_box {height: 280px;}
	#body_layout .main_wrap .main_tour_box .inner_box .carousel_area .item_box .text_box { width: 100%; bottom: -100px; height: auto; padding-left: 0; text-align: center; }
	#body_layout .main_wrap .main_tour_box .inner_box .carousel_area .item_box .text_box em { padding: 12px; font-size: 16px; }
	#body_layout .main_wrap .main_tour_box .inner_box .carousel_area .item_box .text_box .btn_more { display: block; width: 100%; height: 50px; border: 1px solid #e3e3e3; border-radius: 10px; }
	#body_layout .main_wrap .main_tour_box .inner_box .carousel_area .item_box .text_box .btn_more span { padding: 0; background: none; font-size: 14px; }
	#body_layout .main_wrap .main_tour_box .inner_box .control_box {bottom: 130px;}
	#body_layout .main_wrap .main_now_box .inner_box { margin-bottom: 130px; }
	#body_layout .main_wrap .main_now_box .inner_box .slick-dots {top: calc(100% + 20px);width: 100%;padding: 0;text-align: center;right: 0;}
	#body_layout .main_wrap .main_now_box .inner_box .controller { top: calc(100% + 50px); left: 50%; transform: translateX(-50%); }
	.quickmenu_box .box ul li {width:50%;}

	#body_layout .main_wrap .main_now_box .inner_box .carousel_area .item_box {/* margin: 0 5px; */}

}
@media screen and ( max-width: 560px ) {
	.quickmenu_box{padding-bottom: 30px;}
	#body_layout .main_wrap .main_tour_box .inner_box .carousel_area .item_box .img_box {height: 220px;}
	#body_layout .main_wrap .main_tour_box .inner_box .carousel_area .item_box .img_box img {/* position: absolute; *//* left: 50%; */top: 0;min-width: auto;max-width: none;min-height: auto;/* transform: translateX(-50%); */height: 100%;}
	#body_layout .main_wrap .main_service_box .life_box .inner_box .life_list{max-width:300px;margin:0 auto;}
}
@media screen and ( max-width: 445px ) {
	#body_layout .main_wrap .main_service_box .life_box .inner_box .life_list > li { width: 100%; margin-bottom: 8px; }
	#body_layout .main_wrap .main_service_box .life_box .inner_box .life_list > li a { font-size: 15px; }
	.quickmenu_box .box ul li {width:100%;}

}


@media screen and ( max-width: 480px ) {
	#body_layout .main_wrap .main_tour_box .inner_box .carousel_area .item_box .img_box{height:305px;}
	#body_layout .main_wrap .main_tour_box .inner_box .carousel_area .item_box .img_box img{opacity:0}
	#body_layout .main_wrap .main_tour_box .inner_box .carousel_area .item_box .img_box:after{content:'';display:block;position:absolute;top:0;left:0;width: 100%;height: 100%;background-size: cover;z-index:12}
	#body_layout .main_wrap .main_tour_box .inner_box .carousel_area .item_box .img_box.img_box1:after{background:url(/images/kr/main/tour1_2.jpg) no-repeat center;background-size: cover;}
	#body_layout .main_wrap .main_tour_box .inner_box .carousel_area .item_box .img_box.img_box2:after{background:url(/images/kr/main/tour2_2.jpg) no-repeat center;background-size: cover;}
	#body_layout .main_wrap .main_tour_box .inner_box .carousel_area .item_box .img_box.img_box3:after{background:url(/images/kr/main/tour3_2.jpg) no-repeat center;background-size: cover;}
	#body_layout .main_wrap .main_tour_box .inner_box .carousel_area .item_box .img_box.img_box4:after{background:url(/images/kr/main/tour4_2.jpg) no-repeat center;background-size: cover;}
	#body_layout .main_wrap .main_tour_box .inner_box .carousel_area .item_box .img_box.img_box5:after{background:url(/images/kr/main/tour5_2.jpg) no-repeat center;background-size: cover;}
	#body_layout .main_wrap .main_tour_box .inner_box .carousel_area .item_box .img_box.img_box6:after{background:url(/images/kr/main/tour6_2.jpg) no-repeat center;background-size: cover;}
	#body_layout .main_wrap .main_tour_box .inner_box .carousel_area .item_box .img_box.img_box7:after{background:url(/images/kr/main/tour7_2.jpg) no-repeat center;background-size: cover;}
	#body_layout .main_wrap .main_tour_box .inner_box .carousel_area .item_box .img_box.img_box8:after{background:url(/images/kr/main/tour8_2.jpg) no-repeat center;background-size: cover;}
	#body_layout .main_wrap .main_tour_box .inner_box .carousel_area .item_box .img_box.img_box9:after{background:url(/images/kr/main/tour9_2.jpg) no-repeat center;background-size: cover;}
	#body_layout .main_wrap .main_tour_box .inner_box .carousel_area .item_box .img_box.img_box10:after{background:url(/images/kr/main/tour10_2.jpg) no-repeat center;background-size: cover;}
	#body_layout .main_wrap .main_sns_box .sns_list > li:not(:last-of-type) { padding-right: 7px; }
}

@media screen and ( max-width: 360px ) {
	#body_layout .main_wrap .main_tour_box .inner_box .carousel_area .item_box .img_box{height:229px;}
}
#keyword{display:block;position:relative;overflow: hidden;min-width: 320px;padding: 0 75px 0 85px;margin-top: 10px;text-align: center;}
#keyword .grap{overflow: hidden;position:relative;height: 24px;width: 100%;}
#keyword > em{position:absolute;left: 18px;color:#345aa0;font-weight:bold;font-size:15px;background: #eff3f6;z-index: 10;}
#keyword .grap .obj .slick-list{height:100%;}
#keyword .grap .obj{position:relative;margin:0;width:100%;overflow:hidden;}
#keyword .grap .obj .item{display:block;float:left;position:relative}
#keyword .grap .obj .item:before{position:absolute;left:0;top:50%;width:1px;height:14px;background:#b0bcca;transform:translateY(-50%);content:'';display:block;opacity:0.3}
#keyword .grap .obj .item a{display:block;padding: 0 15px;font-size: 15px;}
#keyword .grap .obj .item a:hover,
#keyword .grap .obj .item a:focus{text-decoration:underline}



#keyword .control{position:absolute;right: 23px;top: 2px;}
#keyword .control button[data-control="next"],
#keyword .control button[data-control="prev"],
#keyword .control button[data-control="stop"],
#keyword .control button[data-control="play"]{float: left;position:relative;width: 20px;height: 20px;margin: 0;margin-left: -1px;font-size:0;background: #fff;border: 1px solid #ababab;}
#keyword .control button[data-control="next"]:before,
#keyword .control button[data-control="prev"]:before{content:'';position:absolute;top: 0px;left: 7px;right:15px;display:block;width: 4px;height: 4px;border: 1px solid #838383;border-width: 2px 2px 0 0;}
#keyword .control button[data-control="next"]:before{left: 5px;transform: rotate(45deg);-webkit-transform: rotate(45deg);}
#keyword .control button[data-control="prev"]:before{transform: rotate(-135deg);-webkit-transform: rotate(-135deg);}
#keyword .control button[data-control="stop"]:before{content:'';position:absolute;top: 0px;left: 3px;right: 0;display:block;width: 2px;height: 7px;box-shadow: -2px 0 #838383, 2px 0 #838383;}
#keyword .control button[data-control="play"]:before{content:'';position:absolute;top: 0px;left: 7px;right:20px;display:block;width: 0;height: 0;border-width: 4px 0 4px 5px;border-style: solid;border-color: transparent transparent transparent #838383;}

@media screen and ( max-width: 1023px ) {
	#keyword{padding-left:0}
	#keyword > em{display:none;}
}
@media screen and ( max-width: 640px ) {
	#keyword{display:none;}
}

/* 230412 상단 코로나 안내 팝업 */
#corona_popup {overflow:hidden;position: relative; display: none; height: 100px; background-color: #e7f5ff;}
#corona_popup:before {display: block; content: ''; position: absolute; top:0; left:52%; transform: translateX(-50%); width: 100%; height: 100px; background: url(/images/kr/main/popup_corona_bg.png) no-repeat;}
#corona_popup .corona_box {max-width: 1240px; margin: 0 auto; text-align: center; height: 100%;}
#corona_popup .corona_box .inner {position: relative; display: flex; flex-wrap:wrap; height: 100%; padding-top: 18px;}
#corona_popup .corona_box .inner:after {position: absolute; content: ''; width: 231px; height: 83px; bottom: 0; right: 125px; background: url(/images/kr/main/popup_corona_people.png) no-repeat;}
#corona_popup .corona_box .inner .btn_box {position: relative; width: 20%; height: 50px; margin: 7px 12px; padding: 14px 16px; border-radius: 50px; background: #fff; box-shadow: 2px 2px 6px 0px rgb(0 0 0 / 10%); text-align: left; z-index: 1;}
#corona_popup .corona_box .inner .btn_box a {font-size: 16px; font-weight: bold; font-family: 'KHNPHD';}
#corona_popup .corona_box .inner .btn_box em {display: inline-block; position: absolute; right: 15px; top: 50%; transform: translateY(-50%); background: #33599f; border-radius: 50px; width: 35px; height: 35px; font-size: 0; margin-left: 5px;}
#corona_popup .corona_box .inner .btn_box em:after {display: inline-block; content: ''; position: absolute; top: 47%; left: 44%; width: 9px; height: 9px; border-top: 3px solid #fff; border-right: 3px solid #fff; transform: rotate(45deg) translate(-50%);}
#corona_popup .corona_box .inner .btn_box em:hover:after {border-top: 3px solid #efefef; border-right: 3px solid #efefef;}
#corona_popup .close_box {position: absolute; right: 80px; bottom: 20px;}
#corona_popup .close_box .check {color: #222;}
#corona_popup .close_box .check input[type="checkbox"] {margin:0 5px 3px 0}
#corona_popup .close_box .close {position: absolute; right: -50px; top: -2px;}

@media screen and ( max-width: 1279px) {
	#corona_popup {height: 190px;}
	#corona_popup .corona_box .inner {justify-content: center;}
	#corona_popup .corona_box .inner .slogan {width: 100%; margin-bottom: -35px;}
	#corona_popup .corona_box .inner:after {left:0;}
	#corona_popup .corona_box .inner .btn_box {width:248px;}
}
@media screen and ( max-width: 639px) {
	#corona_popup {height: 270px;}
	#corona_popup .corona_box .inner .slogan {margin-bottom: -20px;}
	#corona_popup .corona_box .inner .btn_box {width: 100%; margin: -30px 12px;}
	#corona_popup .corona_box .inner:after {display: none;}
}

/* 중구청 배너모음 */
#body_layout .main_wrap .main_intro_box .visual_box .control_box{width: 186px;padding: 10px 26px;}
#body_layout .main_wrap .main_intro_box .visual_box .control_box .paging{width: calc(44% - 5px);}
#body_layout .main_wrap .main_intro_box .visual_box .control_box .btn_all{display:inline-block;vertical-align: middle;margin-right: 5px;}
#body_layout .main_wrap .main_intro_box .visual_box .control_box .btn_all button{font-size:0;width: 14px;height: 14px;background:url(/images/kr/main/more_btn01.png) no-repeat;display: block; cursor: pointer;}
#body_layout .main_wrap .main_notice_box .control_box .btn_all02{ display: inline-block;vertical-align: middle;margin-right: 5px;}
#body_layout .main_wrap .main_notice_box .control_box .btn_all02 button {font-size: 0;width: 24px;height: 24px;background: url(/images/kr/main/more_btn02.png) no-repeat center;display: block;cursor: pointer; border:1px solid #b2b2b1; border-radius:3px; margin-left:2px;}

/* 메인배너 */
#modalpop {opacity: 1;display: none;width: 100%;height: 100vh;position: fixed;top: 0;left: 0;z-index: 9999;background: rgba(0,0,0,.4);padding: 50px 100px;}
#modalpop .modalpop-dialog {height: 100%;display: flex;align-items: center;justify-content: center;width: 100%;max-width: 1720px;margin: 0 auto;}
#modalpop .modalpop-content {position: relative;display: block;width: 100%;; height: auto;max-height: calc(100% - 50px);border-radius: 20px;background: #FFF;overflow: auto;box-shadow: 0px 15px 30px 0px rgba(0, 0, 0, 0.20);}
#modalpop .modal-top{display: flex;align-items: center;justify-content: center;color: #222;text-align: center;font-size: 30px;font-style: normal;font-weight: 400; font-family: 'KHNPHD',"맑은고딕",'Malgun Gothic',-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol",AppleGothic,Dotum,arial !important;}
#modalpop .modal-top .color {color: #335A9F; margin-left: 7px; font-weight: 600; font-family: 'KHNPHD',"맑은고딕",'Malgun Gothic',-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol",AppleGothic,Dotum,arial !important;}
#modalpop .modal-top::before {content: "";width: 24px;height: 25px;display: inline-block;margin-right: 8px;margin-top: -5px;background:url(/images/kr/main/more_icon.png) no-repeat;}
#modalpop .modal-body {padding: 50px 60px 0;}
#modalpop .modal-close {position: absolute;width: 65px;height: 65px;right: 60px;top: 28px;z-index: 99;}
#modalpop .modal-close button {display: block; width: 100%;height: 100%;border-radius: 20px;background-color: #335A9F; transition:0.2s}
#modalpop .modal-close button:before,
#modalpop .modal-close button:after {content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;}
#modalpop .modal-close button::before {width: 42%;height: 2px;background: #fff;transform: rotate(45deg);-webkit-transform: rotate(45deg);}
#modalpop .modal-close button::after {width: 2px;height: 42%;background: #fff;transform: rotate(45deg);-webkit-transform: rotate(45deg);}
#modalpop .modal-close button:hover{background-color: #fff; border:2px solid #335A9F;}
#modalpop .modal-close button:hover::before,#modalpop .modal-close button:hover::after{background: #335A9F;}
#modalpop .modal-close button span {font-size: 0;}
#modalpop .list {padding: 55px 0;width: 100%;display: flex;align-items: flex-start;justify-content: flex-start;align-content: flex-start;flex-wrap: wrap;}
#modalpop .list .item {width: calc(100% / 3 - 16px);margin: 0 8px;margin-bottom: 10px;}
#modalpop .list .item a {display: block;}
#modalpop .list .item a img {border-radius: 15px;}

@media(max-width:1440px){
    #modalpop {padding: 30px 50px;}
    #modalpop .list .item {width: calc(100% / 2 - 8px);margin: 0 4px;margin-bottom: 10px;}
    #modalpop .modal-close{top:40px}
}
@media(max-width:880px){
    #modalpop {padding: 15px 30px;}
    #modalpop .modal-body {padding: 30px 15px;}
    #modalpop .list{padding:25px 0}
    #modalpop .modal-close {top: 14px;right: 33px;width: 50px;height: 50px;}
    #modalpop .modal-close button{border-radius:10px}
    #modalpop .modal-top{font-size: 23px;margin-top: 40px;display: block;}
}

@media(max-width:550px){
    #modalpop .list .item{width:100%;}
    #modalpop .modal-close{width:40px; height:40px;}
    #modalpop .modal-top::before{position:absolute; top:40px; margin-right:0; left:50%; transform:translateX(-50%);}
    #modalpop .modal-top .color{margin-left:0;}
}

/* 알림판 */
#modalpop02 {opacity: 1;display: none;width: 100%;height: 100vh;position: fixed;top: 0;left: 0;z-index: 9999;background: rgba(0,0,0,.4);padding: 50px 100px;}
#modalpop02 .modalpop-dialog {height: 100%;display: flex;align-items: center;justify-content: center;width: 100%;max-width: 1720px;margin: 0 auto;}
#modalpop02 .modalpop-content {position: relative;display: block;width: 100%;; height: auto;max-height: calc(100% - 50px);border-radius: 20px;background: #FFF;overflow: auto;box-shadow: 0px 15px 30px 0px rgba(0, 0, 0, 0.20);}
#modalpop02 .modal-top{display: flex;align-items: center;justify-content: center;color: #222;text-align: center;font-size: 30px;font-style: normal;font-weight: 400; font-family: 'KHNPHD',"맑은고딕",'Malgun Gothic',-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol",AppleGothic,Dotum,arial !important;}
#modalpop02 .modal-top .color {color: #335A9F; margin-left: 7px; font-weight: 600; font-family: 'KHNPHD',"맑은고딕",'Malgun Gothic',-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol",AppleGothic,Dotum,arial !important;}
#modalpop02 .modal-top::before {content: "";width: 24px;height: 25px;display: inline-block;margin-right: 8px;margin-top: -5px;background:url(/images/kr/main/more_icon.png) no-repeat;}
#modalpop02 .modal-body {padding: 50px 186px 0;}
#modalpop02 .modal-close {position: absolute;width: 65px;height: 65px;right: 60px;top: 28px;z-index: 99;}
#modalpop02 .modal-close button {display: block; width: 100%;height: 100%;border-radius: 20px;background-color: #335A9F; transition:0.2s}
#modalpop02 .modal-close button:before,
#modalpop02 .modal-close button:after {content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;}
#modalpop02 .modal-close button::before {width: 42%;height: 2px;background: #fff;transform: rotate(45deg);-webkit-transform: rotate(45deg);}
#modalpop02 .modal-close button::after {width: 2px;height: 42%;background: #fff;transform: rotate(45deg);-webkit-transform: rotate(45deg);}
#modalpop02 .modal-close button:hover{background-color: #fff; border:2px solid #335A9F;}
#modalpop02 .modal-close button:hover::before,#modalpop02 .modal-close button:hover::after{background: #335A9F;}
#modalpop02 .modal-close button span {font-size: 0;}
#modalpop02 .list {padding: 55px 0;width: 100%;display: flex;align-items: flex-start;justify-content: flex-start;align-content: flex-start;flex-wrap: wrap;}
#modalpop02 .list .item {width: calc(100% / 3 - 16px);margin: 0 8px;margin-bottom: 10px;}
#modalpop02 .list .item a {display: block;}
#modalpop02 .list .item a img {border-radius: 15px;width: 100%;}
#modalpop .modal-top:focus,#modalpop02 .modal-top:focus{border:none; outline:none;}

@media(max-width:1440px){
    #modalpop02 {padding: 30px 50px;}
    #modalpop02 .modal-body {padding: 50px 120px 0;}
    #modalpop02 .list .item {width: calc(100% / 2 - 8px);margin: 0 4px;margin-bottom: 10px;}
    #modalpop02 .modal-close{top:40px}
}
@media(max-width:880px){
    #modalpop02 {padding: 15px 30px;}
    #modalpop02 .modal-body {padding: 30px 15px;}
    #modalpop02 .list{padding:25px 0}
    #modalpop02 .modal-close {top: 14px;right: 33px;width: 50px;height: 50px;}
    #modalpop02 .modal-close button{border-radius:10px}
    #modalpop02 .modal-top{font-size: 23px;margin-top: 40px;display: block;}
}

@media(max-width:550px){
    #modalpop02 .list .item{width:100%;}
    #modalpop02 .modal-close{width:40px; height:40px;}
    #modalpop02 .modal-top::before{position:absolute; top:40px; margin-right:0; left:50%; transform:translateX(-50%);}
    #modalpop02 .modal-top .color{margin-left:0;}
}

/* 청장사진 버튼조절 */
#body_layout .main_wrap .main_intro_box .intro_box .btn_wrap{position:absolute; bottom:0; left:0; width: 100%; display:flex; flex-wrap:wrap;}
#body_layout .main_wrap .main_intro_box .intro_box .intro_btm {position: static;width:50%;display: flex;justify-content: center;align-items: center;padding: 18px 5px;background: #263551;text-align: center;border-radius:0;}
#body_layout .main_wrap .main_intro_box .intro_box .intro_btm.btn02{background:#5B6579;}
#body_layout .main_wrap .main_intro_box .intro_box .intro_btm .txt{font-size: 15px;letter-spacing: -1.3px !important;}
#body_layout .main_wrap .main_intro_box .intro_box .intro_btm .txt:after{width:15px;height:15px;right: -23px;}
@media(max-width:400px){
    #body_layout .main_wrap .main_intro_box .intro_box .intro_btm .txt:after{display:none;}
}