.mobile { display: none; }

.main section { overflow: hidden; padding: 100px 0; }

.container.container-lg { width: 1200px; padding-left: 0; padding-right: 0; }

.container-fluid { width: 100%; padding:0; margin: 0; }

/* 스크롤이벤트 */
/* 우측 메뉴 */
.right-menu { display: block; width: 80px; height: 100vh; /*background-color: rgba(256, 256, 256, 0.9);*/ position: fixed; top: 0; right: 0; overflow: visible; z-index: 21; /*border-left: 1px solid rgba(86, 80, 75, 0.1); */}

.scroll-nav { position: fixed; top: 45%; top: calc(35% - 20px); right: 34px; transform: translateY(-50%); }

.scroll-nav .scroll-menu li { display: block; text-align: right; }

.scroll-nav .scroll-menu a { position: relative; }

.scroll-nav .scroll-menu a:before { content: ""; display: block; background-color: #56504b; width: calc(100% - 18px); height: 1px; position: absolute; top: 50%; right: 18px; z-index: -1; opacity: 0; transition: all 0.2s; }

.scroll-nav .scroll-menu a span { display: inline-block; width: max-content; background: url("/img/main/scrollnav_bg.png") 0 0 no-repeat; border-radius: 100px; background-size: cover; font-size: 15px; font-weight: 700; padding: 3px 20px; margin-right: 55px; color: #fff; vertical-align: middle; opacity: 0; transition: all 0.2s; }

.scroll-nav .scroll-menu a i.dots { display: inline-block; width: 16px; height: 16px; border-radius: 8px; background-color: inherit; border: 4px solid #56504b; vertical-align: middle; transition: all 0.2s; }

.scroll-nav .scroll-menu a.active:before { opacity: 0.5; padding: 0; transition: all 0.2s; }

.scroll-nav .scroll-menu a.active span { opacity: 1; transition: all 0.2s; }

.scroll-nav .scroll-menu a.active i.dots { background-color: #56504b; transition: all 0.2s; }

.right-menu .sns { display: block; width: 100%; position: absolute; right: 40px; bottom: 74px; }

.right-menu .sns li { display: block; text-align: center; padding: 13px 10px; font-size: 12px; width: 70px; height: 70px; background:#f39633; }

.right-menu .sns li:first-child { border-top-left-radius: 5px; border-top-right-radius: 5px;}

.right-menu .sns li img { margin-bottom:1px; }

.sns .top-btn {
    position: relative;
    background: #56504b;
    color: #fff;
    padding: 8px;
    width: 70px;
    height: 70px;
    text-align: center;
    z-index: 25;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
	}

/* 공지사항 */
.main .notice { background-color: #fff; background-size: ; position: relative; padding: 0; /*max-height: 1500px;*/ }
.notice .notice-wrap { font-size: 0; z-index: 1; width: 100%; }

.notice-nav { width: 100%; /*top: 50%; */ right: 0; z-index: 10; text-align: right; }

.notice-pagination { display: inline-block; width: auto !important; font-weight: 700; color: #fff; font-size: 30px; margin-right: 20px; vertical-align: bottom; }

.notice-pagination span { font-size: 30px; line-height: 1em; font-weight: 700; color: #fff; }

.notice-prev,
.notice-next { position: relative; }

.notice-next,
.notice-prev { display: inline-block; width: 60px; height: 60px; border: 2px solid #fff; z-index: 10; cursor: pointer; vertical-align: bottom; }

.notice-prev { margin-right: 5px; }

.notice-prev img,
.notice-next img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }

/* 자료실 컨설팅 */
.main .service { background: url(/img/main/service_bg.png) left bottom no-repeat #f9fcf5; background-size: auto; }

/* 자료실 레이아웃 수정 */
#service { /*padding: 13vh 0 0;*/ }

#service .container { }

#service .row { margin-left: 0; margin-right: 0; }

#service .row:not(.service-more) .con_box { /*width: auto; float: left; */}

#service .row:not(.service-more) .con_box:first-child { /*max-width: 300px; width: 100% width: calc(100% /4);*/ }

/*#service .row:not(.service-more) .con_box:first-child { max-width: 300px; width: 100% calc(50% - 90px); margin-right: 0px;}*/

#service .row:not(.service-more) .con_box>div:not(.notice_list_tab) { position: relative; /*float: left;*/ width: auto; height: 168px; padding: 0; }

#service .row:not(.service-more) .con_box>div .service-box~a { position: absolute; display: inline-block; right: 0; bottom: 0; width: 40px; text-align: center; height: 40px; line-height: 40px; background: rgba(255, 255, 255, 0.2); }

#service .row:not(.service-more) .con_box>div:nth-child(3) { clear: both; margin-right: 0; margin-bottom: 0; }

#service .row:not(.service-more) .con_box>div.icon_box { margin: 45px 0 0 50px; height: auto; }

/* 자료실 너비 조정 */
#service .cont { display: grid; grid-template-columns: 0.3fr 1fr; grid-gap: 50px; }

#service .service-title h2 { display: block; position: relative; font-size: 42px; line-height: 1; margin-bottom: 40px; color: #222;}
#service .service-title h2:before { content: ""; display: inline-block; width: 37px; height: 44px; background: url(/img/main/service_title_icon.png) 0 0 no-repeat; background-size: contain; vertical-align: middle; margin-right: 15px; }

#service .notice_list_tab a.service_btn { text-align: right; display: block; color: #8fc43d; font-size: 20px; font-weight: 500; padding: 15px 0; }


/*서비스탭 게시판 미리보기 */
#service .notice_list_tab { }

#service .notice_list_tab ul.tab_button { width: 100%; }

#service .notice_list_tab ul.tab_button li { float: left; width: calc(100% / 4); padding: 0; margin-bottom: 0px; text-align: left; position: relative; }

#service .notice_list_tab ul.tab_button li:first-child { padding-left: 0; }

/* #service .notice_list_tab ul.tab_button li:not(:last-child)::after { content: ""; width: 1px; height: 18px; background: #333; position: absolute; right: 0; top: 12px; }*/

#service .notice_list_tab ul.tab_button li a { display: inline-block; width: 100%; padding: 15px; color: #999; font-size: 18px; font-weight: 500; line-height: 1; letter-spacing: -0.54px; text-align: center; border-bottom: 1px solid #8fc43d; }

#service .notice_list_tab ul.tab_button li:after { border-bottom: 1px solid #8fc43d; }

#service .notice_list_tab ul.tab_button li a.active { color: #8fc43d; border: 1px solid #8fc43d; border-bottom: 1px solid #f9fcf5; }

#service .notice_list_tab .tab_list.active { display: block; }

#service .notice_list_tab .tab_list { margin-top: 40px; border-top: 0px solid #8fc43d; width: 100%; clear: both; display: none; }

#service .notice_list_tab .tab_list li { padding: 25px 20px; border-bottom: 1px solid #ddd; line-height: 1; }

#service .notice_list_tab .tab_list li span.type,
#service .notice_list_tab .tab_list li span.date { width: auto; position: static; line-height: normal !important; height: auto !important; }

#service .notice_list_tab .tab_list li span.type { font-size: 16px; font-weight: 500; letter-spacing: -0.48px; text-align: center; color: #8fc43d; margin-right: 20px; }

#service .notice_list_tab .tab_list li span.type.green { color: #8fc43d; }

#service .notice_list_tab .tab_list li span.date { font-size: 16px; font-weight: 300; float: right; letter-spacing: -0.48px; text-align: right; color: #666; }

#service .notice_list_tab .tab_list li a { font-size: 18px; font-weight: 500; line-height: 1; letter-spacing: -0.54px; text-align: left; color: #56504b; width: 380px; /* padding: 0 5px; */
 overflow: hidden; text-overflow: ellipsis; white-space: nowrap; vertical-align: middle; }


/* 각 탭 버튼 */
#service .service-more { text-align: center; }

#service .service-more div { padding-left: 0; padding-right: 0; width: auto; margin-right: 16px; display: inline-block; float: none; }

#service .service-more div:last-child { margin-right: 0; }

#service .service-more div a { width: 280px; height: 82px; line-height: 78px; padding: 0; }

/* end */
.section-title { text-align: left; }

.section-title h2 { display: block; position: relative; font-size: 42px; line-height: 1; margin-bottom: 40px; color: #222;}

.section-title h2:before { content: ""; display: inline-block; width: 55px; height: 46px; background: url(/img/main/section_title.png) 0 0 no-repeat; background-size: contain; vertical-align: middle; margin-right: 20px; }

.service-box { width: 167px; height: 168px !important; display: inline-table; border-radius: 0 30px; }

.service-box h3 { display: table-cell; vertical-align: middle; text-align: center; font-size: 20px; font-weight: 500; color: #fff; text-shadow: 7px 7px 5px rgba(6, 0, 1, 0.02); }

.service-box.service-green { background-color: #7acd00; }

.service-box.service-blue { background-color: #1ba6e7; }

.service-box.service-orange { background-color: #f28109; }

.service-more { margin-top: 55px; }

.service-more .btn-service { font-weight: bold; display: block; width: 100%; padding: 13px 20px; border-radius: 100px; background-color: #fff; font-size: 24px; text-align: center; }

.service-more .btn-service img { display: inline-block; vertical-align: middle; margin-right: 15px; }

.service-more .btn-service.green { border: 2px solid #7bc908; color: #7bc908; }

.service-more .btn-service.bluegreen { border: 2px solid #3ac3b1; color: #3ac3b1; }

.service-more .btn-service.blue { border: 2px solid #2ea7e0; color: #2ea7e0; }

.service-more .btn-service.orange { border: 2px solid #f28109; color: #f28109; }



/* 소통창구 info */
.main .info { background: url(/img/main/service_bg.png) left bottom no-repeat #f4fbfd; background-size: auto; }

#info { /*padding: 13vh 0 0;*/ }

#info .container { }

#info .row { margin-left: 0; margin-right: 0; }

#info .row:not(.info-more) .con_box { }

#info .row:not(.info-more) .con_box:first-child { }

#info .row:not(.info-more) .con_box>div:not(.notice_list_tab) { position: relative; width: auto; padding: 0; }

#info .row:not(.info-more) .con_box>div .info-box~a { position: absolute; display: inline-block; right: 0; bottom: 0; width: 40px; text-align: center; height: 40px; line-height: 40px; background: rgba(255, 255, 255, 0.2); }

#info .row:not(.info-more) .con_box>div:nth-child(3) { clear: both; margin-right: 0; margin-bottom: 0; }

#info .row:not(.info-more) .con_box>div.icon_box { margin: 45px 0 0 50px; height: auto; }

#info .info-title h2 { display: block; position: relative; font-size: 42px; line-height: 1; margin-bottom: 40px; color: #222;}
#info .info-title h2:before { content: ""; display: inline-block; width: 37px; height: 44px; background: url(/img/main/info_title_icon.png) 0 0 no-repeat; background-size: contain; vertical-align: middle; margin-right: 15px; }

/* 소통창구 너비 조정 */
#info .cont { display: grid; grid-template-columns: 0.3fr 1fr; grid-gap: 50px; }

#info .notice_list_tab2 a.service_btn { text-align: right; display: block; color: #28a7e1; font-size: 20px; font-weight: 500; padding: 15px 0; }



/*서비스탭 게시판 미리보기 */
#info .notice_list_tab2 { }

#info .notice_list_tab2 ul.tab_button2 { width: 100%; }

#info .notice_list_tab2 ul.tab_button2 li { float: left; width : calc(100% / 5); padding: 0; margin-bottom: 0px; text-align: center; position: relative; white-space: nowrap;}

#info .notice_list_tab2 ul.tab_button2 li:first-child { padding-left: 0; }

/* #info .notice_list_tab ul.tab_button li:not(:last-child)::after { content: ""; width: 1px; height: 18px; background: #333; position: absolute; right: 0; top: 12px; } */

#info .notice_list_tab2 ul.tab_button2 li a { display: inline-block; width: 100%; padding: 15px; color: #999; font-size: 18px; font-weight: 500; line-height: 1; letter-spacing: -0.54px; text-align: center; border-bottom: 1px solid #36ade3; }

#info .notice_list_tab2 ul.tab_button2 li a.active { color: #36ade3; border: 1px solid #36ade3; border-bottom: 1px solid #f4fbfd; white-space: nowrap; }

#info .notice_list_tab2 .tab_list.active { display: block; }

#info .notice_list_tab2 .tab_list { margin-top: 40px; width: 100%; clear: both; display: none; }

#info .notice_list_tab2 .tab_list li { padding: 25px 20px; border-bottom: 1px solid #ddd; line-height: 1; }

#info .notice_list_tab2 .tab_list li span.type,
#info .notice_list_tab2 .tab_list li span.date { width: auto; position: static; line-height: normal !important; height: auto !important; }

#info .notice_list_tab2 .tab_list li span.type { font-size: 16px; font-weight: 500; letter-spacing: -0.48px; text-align: center; color: #36ade3; margin-right: 20px; }

#info .notice_list_tab2 .tab_list li span.type.green { color: #36ade3; }

#info .notice_list_tab2 .tab_list li span.date { font-size: 16px; font-weight: 300; float: right; letter-spacing: -0.48px; text-align: right; color: #666; }

#info .notice_list_tab2 .tab_list li a { font-size: 18px; font-weight: 500; line-height: 1; letter-spacing: -0.54px; text-align: left; color: #56504b; width: 380px; /* padding: 0 5px; */
 overflow: hidden; text-overflow: ellipsis; white-space: nowrap; vertical-align: middle; }

/*
#info { padding: 13.8889vw 0; background: url(/img/main/m_service_bg2.png) right bottom no-repeat; background-size: 100%; }

.info { background: url(/img/main/info_bg2.png) no-repeat, url(/img/main/info_bg.png) repeat;
    background-position: center top; background-size: auto, auto; }
    .info-title h2 { font-size: 29px; display: inline-block; padding-left: 60px; line-height: 40px; text-align: left; margin-bottom: 35px; }

		.info-tab { background-color: #fff; border: 1px solid #ddd; border-bottom: none; overflow: visible; } 

		.info-tab:after { content: ""; clear: both; display: block; }

		.info-tab li { position: relative; display: inline-block; font-size: 20px; font-weight: 500; text-align: center; color: #56504b; padding: 20px 40px; cursor: pointer; line-height: 1; }

		.info-tab li.on:before { content: ""; display: block; width: 0px; height: 0px; border-top: 5px solid #8fc43d; border-bottom: none; border-right: 5px solid transparent; border-left: 5px solid transparent; position: absolute; left: 50%; bottom: -9px; z-index: 10; margin-left: -5px; }

		.info-tab li:not(:last-child):after { content: ""; width: 1px; height: 19px; background-color: #ddd; position: absolute; top: 50%; right: 0; margin-top: -10px; }

		.info-tab li.on { border-bottom: 4px solid #8fc43d; }

		.info-tab-con { background-color: #fff; border: 1px solid #ddd; margin-bottom: 40px; padding: 20px 0; clear: both; }

		.info-tab-con .tabs { display: none; margin-left: 0; margin-right: 0; height: 197px; }

		.info-detail { border-right: 1px solid #ddd; padding: 20px 30px; height: 197px; position: relative; }

		.info-detail:last-child { border-right: none; }

		.info-detail h4 { font-size: 22px; font-weight: 500; letter-spacing: -0.66px; text-align: left; color: #56504b; line-height: 1.45; width: 100%; border-bottom: 2px solid #fff; text-align: left; margin-bottom: 20px; white-space: normal; display: -webkit-box; -webkit-line-clamp: 3;
		 -webkit-box-orient: vertical; overflow: hidden; }

		.info-detail .info-date { display: block; font-size: 16px; line-height: 1; letter-spacing: -0.48px; text-align: left; color: #999; position: absolute; bottom: 20px; left: 30px; }

		.info-more { background: #c9bca4; padding: 25px; text-align: center; font-size: 0; }

		.info-more:after { content: ""; clear: both; display: block; }

		.info-more li { width: auto; height: 100px; padding: 0; float: left; display: table; margin-right: 12px; }

		.info-more li:last-child { margin-right: 0; }

		.info-more a { position: relative; display: table-cell; vertical-align: middle; width: 220px; background-color: #fff; border-radius: 15px; font-weight: 500; padding: 25px 15px; font-size: 20px; font-weight: 600; letter-spacing: -0.66px; line-height: 1; color: #56504b; text-align: left; height: 100px; }

		.info-more a img { float: right; position: absolute; right: 25px; top: 15px; }
section.info{}
section.info .section-title{}
section.info .section-title h2{}
section.info .info-text-box{ }
section.info .info-text-box1{padding-left:0;}
section.info .info-text-box2{padding-right:0;}
section.info .info-text-box .subtitle-lg{ font-size: 22px; font-weight: 600; letter-spacing: -0.66px; margin:0 0 40px;}
section.info .info-text-box > div{}
section.info .info-text-box .box-title-main{height:82px; background:#f39939; border-radius:30px 30px 0 0; }
section.info .info-text-box .box-title-main h1{
	font-size: 30px;
  font-weight: 600;
	text-align:center;
	line-height:82px;
  letter-spacing: -0.9px;
	color:#fff;
}
section.info .info-text-box:nth-child(2) .box-title-main{background:#2ea7e0;}
section.info div.text{
	background:url('/img/main/section3_box1_bg.png') right 60px bottom 40px no-repeat #fff;
	padding:40px 60px 35px 25px; position:relative; border-radius:0 0 30px 30px; height:378px;}
section.info .info-text-box2 div.text{background-image:url('/img/main/section3_box2_bg.png'); }
section.info div.text b{font-weight:normal; }
section.info div.text b + p{ }
section.info .info-text-box .subtitle-md{font-size: 18px; margin-top:0; margin-bottom:0; line-height: 1.78; letter-spacing: -0.45px; font-weight:500; color: #56504b;}
section.info .info-text-box > div p{font-size: 18px; position:relative; padding-left:30px;line-height: 1.78; letter-spacing: -0.45px; color: #56504b;}
section.info .info-text-box > div p.p-left{padding-left:100px;}
section.info .info-text-box > div p b{position:absolute; left:30px;}
section.info .info-text-box > div a{position:absolute; bottom:35px; left:40px;}
*/


/* 센터소개 */
#centers { /*padding: 14vh 0 0;*/ }

.centers { /*background: url(/img/main/centers_bg.png) center top no-repeat; background-size: auto;*/ }

.centers-tab-wrap { /*box-shadow: 1px 1px 20px rgba(0, 0, 0, 0.65); border-radius: 20px; */}

.centers-tab { display: block; width: 100%; background-color: transparent; margin-bottom: 35px; }

.centers-tab:after { content: ""; clear: both; display: block; }

.centers-tab li { position: relative; background-color: inherit; float: left; width: calc((100% /4)); font-size: 20px; font-weight: 700; color: #999; padding: 15px 0; text-align: center; cursor: pointer; border-bottom: 1px solid #189fdf; }

.centers-tab li.on { background-color: #fff; color: #189fdf; border:1px solid #189fdf; border-bottom: 1px solid #fff; }

/*
.centers-tab li:before { content: ""; display: inline-block; background: url("/img/main/centers_tab_off.png") 0 0 no-repeat; width: 22px; height: 16px; vertical-align: middle; margin-right: 20px; }

.centers-tab li.on:before { background: url("/img/main/centers_tab_on.png") 0 0 no-repeat; }
*/

.centers-tab-con { display: block; background-color: #fff; width: 100%; border-radius: 0 0 20px 20px; /*padding: 40px 40px 30px 40px;*/ clear: both; }

.centers-tab-con .tabs { display: none; }

.centers-detail { position: relative; }

.centers-detail .swiper-wrapper { }

.centers-detail>p { display: block; width: 100%; min-height: 150px; color: #828585; margin-bottom: 30px; }


.centers-other { height: auto; min-height: 160px; display: none; }

.centers-other a, .info a.main-btn { display: block; height: 60px; line-height: 60px; padding: 0 82px 0 40px; margin-right: 10px; border-radius: 30px; background: url(/img/main/centers_search211223.png) right 20px center no-repeat #f0f0f0; background-size: contain; font-size: 19.5px; font-weight: 600; letter-spacing: -0.59px; color: #56504b; }
.info a.main-btn{display:inline-block;}
.centers-other div.col-md-6,
.centers-other div.col-md-12 { width: auto; padding: 0; margin: 0 0 20px; }


.centers-swiper { margin-top: 5px; border-radius: 0px; }

.centers-swiper .swiper-wrapper { grid-gap: 0px; justify-content: space-between; }

.centers-swiper .swiper-wrapper .swiper-slide { width: calc(100% / 3 - 20px) !important; flex-shrink: 0; /*width: 1120px; height: 550px;*/ text-align: center; padding: /*20px 0*/0; background-color: transparent; }

.centers-swiper .swiper-wrapper .swiper-slide>div { /*display: inline-block; font-size: 0; width: 800px; */}

.centers-swiper .swiper-wrapper .swiper-slide>div>div { text-align: left; /*display: inline-block; height: 170px; width: 500px; */}

.centers-swiper .swiper-wrapper .swiper-slide>div img { margin-right: 0px; vertical-align: top; border-radius: 10px; border: 1px solid #ddd; }
/*.centers-swiper .swiper-wrapper .swiper-slide>div img:hover { filter: brightness(0.8); transition: all 0.3s; }*/

.centers-swiper .swiper-wrapper .swiper-slide>div h2 { font-size: 22px; font-weight: 500; position: relative; margin-top: 35px; letter-spacing: -0.6px; line-height: 1; text-align: center; color: #222; margin-bottom: 15px; }
/*.centers-swiper .swiper-wrapper .swiper-slide>div h2:hover { transition: all 0.3s; color: #189fdf; }*/

/*.centers-swiper .swiper-wrapper .swiper-slide>div h2::before { content: ""; display: block; width: 18px; height: 12px; background: url(/img/submenu_icon.png) 0 0 no-repeat; position: absolute; top: 6px; left: 0px; }*/

.centers-swiper .swiper-wrapper .swiper-slide>div p { font-size: 18px; line-height: 1.4; letter-spacing: normal; color: #222; /*height: 100%;*/ overflow: hidden; white-space: nowrap; text-overflow: ellipsis; text-align: center;}

.centers-swiper .swiper-wrapper .swiper-slide>div p span { /*display: block;*/ text-overflow: ellipsis; }

.centers-swiper .swiper-wrapper .slide1 { }

/*
.centers-swiper .swiper-button-prev { z-index: 10; left: 0; width: 23px; background: url(/img/main/arrow_left.png); height: 43px; }
.centers-swiper .swiper-button-next { z-index: 10; right: 0; width: 23px; background: url(/img/main/arrow_right.png); height: 43px; }
*/

.centers-swiper .swiper-button-prev { z-index: 10; left: 0; width: 50px; height: 50px; background: url(/img/main/arrow_left.png); }
.centers-swiper .swiper-button-next { z-index: 10; right: 0; width: 50px; height: 50px; background: url(/img/main/arrow_right.png);  }

.centers-pagination { display: none; }

.centers-swiper .swiper-wrapper .swiper-slide .centers-keyword { padding: 15px 0 30px; height: 150px;}
.centers-swiper .swiper-wrapper .swiper-slide .centers-keyword ul { width: 100%; text-align: center; }
.centers-swiper .swiper-wrapper .swiper-slide .centers-keyword ul li { display: inline-block; margin: 2px 0; text-align: center; font-size: 16px; color: #fff; padding: 2px 5px; border-radius: 5px; background: #189fdf; }
.centers-swiper .swiper-wrapper .swiper-slide .centers-keyword ul.small li { font-size: 15px; }
.centers-swiper .swiper-wrapper .swiper-slide .centers-btn { text-align: center ;}
.centers-swiper .swiper-wrapper .swiper-slide .centers-btn a { display: block; padding: 10px 0; color: #fff; z-index: 10; background:#8fc43d; font-size: 20px; border-radius: 5px; font-weight: 500;}
.centers-swiper .swiper-wrapper .swiper-slide .centers-btn a:hover { background: #82b532; }

/* 동영상, 갤러리 */
#hongbo { padding: 12vh 0 0; }

.hongbo { }

.hongbo-title { display: block; font-size: 38px; line-height: 1; }


.hongbo-title:after { /*content: ""; display: inline-block; background-color: #56504b; width: 200px; height: 3px; margin-left: 35px; vertical-align: middle;*/ }

.vedio-wrap { width: 550px; float: left; }

.vedio-wrap:after { content: ""; clear: both; display: block; }

.vedio-more { text-align: right; margin-bottom: 50px; }

.vedio-more h4 { position: relative; display: block; font-size: 54px; text-align: left; line-height: 1em; padding-top: 93px; padding-left: 80px; z-index: 1; }

.vedio-more .btn { border: none; font-size: 19.5px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.26; letter-spacing: -0.59px; text-align: left; padding: 0; }

.vedio-more .btn:hover, .vedio-more .btn:active , .vedio-more .btn:focus {
    background-color: transparent !important;
    color: #f39938 !important;
}

.vedio-more h4:before { content: ""; display: block; background: url("/img/main/video_title.png") 0 0 no-repeat; width: 309px; height: 295px; z-index: -1; position: absolute; top: 0; left: -75px; }

.vedio { position: relative; float: left; display: block; width: 100%; height: 0; padding-bottom: 306px; box-shadow: 8px 8px 18px rgba(6, 0, 1, 0.2); }

.vedio iframe { position: absolute; width: 100% !important; height: 100% !important; }

.gallery-wrap { width: 550px; float: right; margin-left: 100px; }

.gallery-wrap .col-lg-3 { width: 270px; height: 200px; padding: 0; margin-right: 10px; }

.gallery-wrap .col-lg-3:last-child { margin-right: 0; }

.gallery-wrap .gallert-thumb { display: block; position: relative; width: 100%; height: 152px; overflow: hidden; border: 1px solid #e6e6e6; }

.gallery-wrap .gallert-thumb img { position: absolute; top: 0; right: 0; left: 0; width: 100%; height: auto; }

.gallery-wrap .gallery-title { display: block; font-size: 20px; font-weight: 500; line-height: 1.2em; padding: 30px 0 20px; width: 80%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.gallery-wrap .gallery-date { display: block; font-size: 16px; line-height: 1em; color: #828585; }

.gallery-more { text-align: right; margin-bottom: 50px; }

.gallery-more h4 { position: relative; display: block; font-size: 50px; height: 201px; line-height: 1em; text-align: left; padding-top: 93px; padding-left: 80px; z-index: 1; }

.gallery-more h4:before { content: ""; display: block; background: url(/img/main/gallery_title.png) 0 0 no-repeat; width: 309px; height: 295px; position: absolute; top: 0; left: -75px; z-index: -1; }

.gallery-more .btn { border: none; font-size: 19.5px; padding: 0; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.26; letter-spacing: -0.59px; text-align: left; }

.gallery-more .btn:hover, .gallery-more .btn:active, .gallery-more .btn:focus{background-color: transparent !important;
color: #8fc43d !important;}

/* 유튜브 */


/* 관련기관 */
.main section.main-partner { width: 100%; border-top: 1px solid #ddd; padding: 0; height: auto !important; overflow: visible !important;}

.main section.main-partner .partner_title{float:left;}
.main section.main-partner .partner_title p{ font-size: 18px;
    letter-spacing: -0.45px;
    font-weight: 500;
    color: #56504b;   line-height: 45px;}

.main section.main-partner .swiper-wrapper {  }

.main section.main-partner .line2{border-top: 1px solid #ddd;}


.swiper-container.partner-slider {
	position: relative;
	    width: calc(100% - 230px);
	    float: right;
	    height: 45px;
	    margin-bottom: 0;
	    margin-right: 90px;
 }

.partner-slider .swiper-slide{
	    position: relative;
}
.partner-slider .swiper-slide a { position: absolute;top: 50%;	left: 50%;	transform: translate(-50%, -50%);}
.main-partner .fp-tableCell .container { height: 80px; padding: 17.5px 0 0 0; position: relative; }

.partner-nav { width: 90px; position: absolute; background-color: #fff; top: 17.5px; left: auto;z-index: 10; right: 0; }

.partner-nav .partner-prev,
.partner-nav .partner-next { position: relative; float: left; display: block; background-color: #fff; width: 45px; height: 45px; border: 1px solid #dddddd; cursor: pointer; }

.partner-nav .partner-prev img,
.partner-nav .partner-next img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }

.partner-nav .partner-next { margin-left: -1px; }

.partner-logo img { position: relative;     height: auto;  display: block !important;max-height: 100%; max-width: 171px;}

.centers-detail p { min-height: auto; }


.main section.hongbo { padding-bottom: 70px !important; }

.main section.hongbo .container { padding-left: 0; padding-right: 0; width: 1200px; }

/* SNS 소식 */
#SNS { padding-bottom: 0; }

#SNS .fp-tableCell { height: auto !important; }

#SNS .container { position:relative; width: 1200px; margin:0 auto; padding: 0;}

#SNS .hongbo-title { margin-bottom: 50px; color: #222; }
#SNS .hongbo-title:before { content:''; display: inline-block; width: 62px; height: 50px; background: url(/img/main/title_icon.png) 0 0 no-repeat; background-size: contain; vertical-align: middle; margin-right: 10px;}

/* 메인 유튜브 */
#SNS .youtube { position: relative; background: url(/img/main/youtube_bg.png) 105% 0 no-repeat; padding: 0px 0 60px; overflow: hidden; }
#SNS .youtube .section-title h2 { float:left; }
#SNS .youtube-title {background: #99cc33; margin: 10px 0; padding: 10px 20px; border-radius: 5px; }
#SNS .youtube-title a { display: block; color: #fff; font-size: 20px; }
/*#SNS .youtube-title a:hover { color:#222; }*/

.youtube-wrap {
    position: relative;
}
.youtube-img { float: left; width: 285px; padding-right: 0px; }
.youtube-img img {width: 100%; height: auto; }
.youtube-list { float: left !important; width: calc(100% - 285px); padding-left: 20px;}

.yottie-widget-video {
    overflow: hidden;
}
.yottie-widget-video-classic .yottie-widget-video-info {
    display: none;
}
.yottie-widget-video-preview {
    height: 200px !important;
}
.yottie-widget-video-preview-thumbnail {
    width: 285px !important; 
    height: 100%;
    overflow: visible !important;
    border-radius: 10px !important;
}
.yottie-widget-video-preview-thumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover;
    top: 0% !important;
    transform: translateY(-40%) !important;
}
#yottie_1 .yottie-widget-video {
    width: 285px !important;
    border-radius: 10px;
}
#yottie_1 .yottie-widget-video:last-child {
    margin-right: 0 !important; 
}
#yottie_1 .yottie-widget-video-preview-marker-duration {
    display: none;
}
#yottie_1 .yottie-widget-feed-section-arrow {
    display: none;
}
.yottie-widget-video-preview-play {
    width: 45px !important;
}
.yottie-widget-feed .swiper-wrapper {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    background: none !important;
}
#yottie_1 .yottie-widget-feed-section-slide {
    padding: 0 !important;
}

/* sns icon */
#SNS .sns_icon_list { float:right; }
#SNS .sns_icon_list ul{}
#SNS .sns_icon_list ul li{float:left;margin-left:10px;}
#SNS .sns_icon_list ul li a{display:inline-block;}

/* 메인 페이스북 */
#SNS .facebook { background: url(/img/main/facebook_bg.png) -100px 50% no-repeat #e2f0f6; padding: 60px 0; }
#SNS .facebook-title {background: #189fdf; margin: 10px 0; padding: 10px 20px; border-radius: 5px; }
#SNS .facebook-title a { display: block; color: #fff; font-size: 20px; }
/*#SNS .facebook-title a:hover { color: #222;}*/

#facebook_posts { }
#facebook_posts li { width: 25%; float: left; padding: 0 5px 10px !important; }
#facebook_posts li>div { border: 1px solid #e5e5e5; min-height: 313px; }
#facebook_posts div.img { width: 100%; cursor: pointer; height: 200px; overflow: hidden; }
#facebook_posts div h2 { padding: 10px 10px 0; font-size: 17px; }
#facebook_posts div h2 .fa-facebook-f { float: right; }
#facebook_posts div b { display: -webkit-box !important; display: -ms-flexbox !important; display: box !important; margin-top: 1px !important; max-height: 80px !important; overflow: hidden !important; vertical-align: top !important; text-overflow: ellipsis !important; word-break: break-all !important; -webkit-box-orient: vertical !important; -webkit-line-clamp: 2 !important; z-index: 2; font-weight: normal; padding: 10px 10px 0; font-size: 17px; }
#facebook_posts div span.date { display: inline-block; padding: 0 10px 5px; font-size: 14px; color: #999; }

.eapps-facebook-feed-content-container { border-radius: 0 !important; }

.eapps-facebook-feed-posts-item-header { display: none;}
.eapps-facebook-feed-posts-item-content-text .eui-item-text { display: none; }
.eui-item-text { /*display: none; */}
.eapps-facebook-feed-inner {
    background: transparent !important;
    position: relative;
    border-radius: 0 !important;
    width: 100%;
    border: 0px !important;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    overflow: hidden;
    gap: 0 !important;
}

.eapps-facebook-feed-posts {
    padding: 0 !important; 
}
.eapps-facebook-feed-posts-inner {
    margin-bottom: 0 !important;
    border-top: 0 !important; 
}

.eapps-facebook-feed-posts-item {
    background: transparent !important;
    margin-top: 0 !important;
}
.eapps-facebook-feed-posts-item-inner {
    padding: 0 !important;
    margin: 0; 
    border-radius: 0 !important;
}
.eapps-facebook-feed-large .eapps-facebook-feed-posts-item {
    width: calc(25% - 20px) !important;
    /*width: 25% !important;*/
    text-align: center;
    justify-content: space-between;
}
.eapps-facebook-feed-posts-load-more-wrapper {
    display: none; 
}

.eapps-facebook-feed-posts-item-footer {
    display: none; 
}
.eapps-facebook-feed-posts-item-content:last-child {
}

.eapps-facebook-feed-posts-item-content-picture {
    padding: 0 !important;
    margin-top: 0 !important; 
}
.eapps-facebook-feed-posts-item-content-picture img {
    border-radius: 0;
}


/* 메인비주얼*/
.main .banner { background-color: #fff; background-size: ; position: relative; padding: 0; /*max-height: 1500px; */}
.banner .banner-wrap { display: flex; justify-content: center; align-items: center; height: 100%/*670px*/; margin: 40px 0; }

.banner .banner-wrap .container { /*width: 1200px; height: 640px;*/ padding: 0; margin: 0 auto; }
#banner #banner-list { display: inline-block; width: 100%; margin-top: 0px; }
#banner #banner-list ul { /*float: left;*/ }
#banner #banner-list ul>li { position: relative; width: 590px; height: 103px; border-radius: 13px 0 13px 0; padding: 25px; margin-bottom: 15px; background: url(/img/main/main_banner_bg1.png)470px bottom no-repeat #88bc38; }
#banner #banner-list ul>li:last-child { margin-bottom: 0; background: url(/img/main/main_banner_bg2.png)470px bottom no-repeat #189fdf; }
#banner #banner-list ul>li .notice_title { display: inline-block;width: 115px; padding-left: 40px; float: left; font-size: 22px; margin-right: 29px; font-weight: bold; line-height: 52px; letter-spacing: -0.66px; text-align: left; color: #fff; background: url(/img/main/main_banner_icon1.png)left center no-repeat; }
#banner #banner-list ul>li:last-child .notice_title { background: url(/img/main/main_banner_icon2.png)left center no-repeat; }
#banner #banner-list ul>li>a { position: absolute; text-indent: -9999px; width: 26px; height: 26px; right: 30px; top: 40px; display: inline-block;z-index: 2; background: url('/img/main/more_icon.png'); background-size: cover; }
#banner #banner-list ul>li div a { width: 350px; padding: 0 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline-block; font-size: 18px; letter-spacing: -0.18px; text-align: left; color: #fff; }

.main-notice-swiper { }
.main-notice-swiper, .main-notice-swiper2 {height:100%;}
.main-notice-swiper .swiper-wrapper{}
.main-notice-swiper .swiper-wrapper .swiper-slide{ }

/*
.main-banner-swiper { position: relative; height: calc(100vh - 80px); max-height: 1500px; }
.banner .banner-wrap { position: absolute; bottom: 10%; left: 0; font-size: 0; z-index: 1; width: 100%; }
*/
.main-banner-swiper .swiper-slide { }
.banner .notice-wrap { position: absolute; bottom: 50px; left: 0; font-size: 0; z-index: 1; width: 100%; }


/* 메인 비주얼 배너 스와이프 */
#banner #banner-list .banner-swiper { width: 100%; height: 100%/*600px*/; text-align:center; padding-bottom: 40px; }
#banner #banner-list .banner-swiper .banner-pagination { position: absolute; bottom: 0px; left: 50%; transform: translateX(-50%); text-align: center; width: 100%; }
#banner #banner-list .banner-swiper .banner-pagination .swiper-pagination-bullet { width: 10px; height: 10px; display: inline-block; margin: 0 4px; padding: 10px auto; background: #dddddd; opacity: 1; }
#banner #banner-list .banner-swiper .banner-pagination .swiper-pagination-bullet-active { width: 30px; border-radius: 10px; background: #8fc43d; }


/* 공지사항*/
.notice .notice-wrap .container { width: 1200px; padding: 0; margin: 0 auto; }
#notice #notice-list { display: inline-block; width: 100%; }
#notice #notice-list ul { display: grid; grid-template-columns: repeat(2, 1fr); }
#notice #notice-list ul>li { position: relative; height: 103px; padding: 25px; background: url(/img/main/main_banner_bg1.png)40% top no-repeat #88bc38; overflow: hidden; text-align: right; }
#notice #notice-list ul>li:last-child { margin-bottom: 0; !important; background: url(/img/main/main_banner_bg2.png)-40px top no-repeat #189fdf; }
#notice #notice-list ul>li .notice_title { display: inline-block; width: 115px; padding-left: 40px; float: left; font-size: 22px; margin-right: 29px; font-weight: bold; line-height: 52px; letter-spacing: -0.66px; text-align: left; color: #fff; background: url(/img/main/main_banner_icon1.png)left center no-repeat; }
#notice #notice-list ul>li:last-child .notice_title { background: url(/img/main/main_banner_icon2.png)left center no-repeat; }
#notice #notice-list ul>li>a { position: absolute; text-indent: -9999px; width: 26px; height: 26px; right: 30px; top: 40px; display: inline-block; z-index: 2; background: url('/img/main/more_icon.png'); background-size: cover; }
#notice #notice-list ul>li:first-child>a { }
#notice #notice-list ul>li div a { width: 360px; padding: 0 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline-block; font-size: 18px; letter-spacing: -0.18px; text-align: left !important; color: #fff; text-overflow: ellipsis; }
#notice #notice-list ul>li .notice_box { position: relative; max-width: 570px; width: 100%; float: left; text-align: left;}
#notice #notice-list ul>li:first-child .notice_box { float: right; }

#notice #notice-list ul>li .notice_btn { position: absolute; text-indent: -9999px; width: 26px; height: 26px; right: 20px; top: 15px; display: inline-block; z-index: 2; background: url('/img/main/more_icon.png'); background-size: cover; }

/*#notice #notice-list ul>li .notice_box a { position: absolute; text-indent: -9999px; width: 26px; height: 26px; right: 30px; top: 40px; display: inline-block; z-index: 2; background: url('/img/main/more_icon.png'); background-size: cover;  }*/

#notice #notice-list .swiper-slide {height: auto !important; }

/* 메인 간격조정 */
/*
.main section:not(.notice):not(.main-partner){display: table;
    width: 100%;
    padding-top: 0 !important;}
.main section:not(.notice):not(.main-partner) > div{display:table-cell; vertical-align: middle;
}
.main section:not(.notice):not(.main-partner) .container{margin-top: -80px;}
*/


/* 중간 기기들 (노트북 992px 이상) */
@media (max-width: 1024px) { 
    .centers-swiper .swiper-wrapper .swiper-slide { width: 100% !important; }
    .yottie-widget-feed .swiper-container, .yottie-widget-feed .swiper-slide { height: 200px !important; min-height: 200px !important;}
    #yottie_1 .yottie-widget-feed-section-slide { width: auto !important; height: auto !important;}
    #yottie_1 .yottie-widget-video:last-child { margin-right: 20px !important;}

    .centers-swiper .swiper-wrapper .swiper-slide>div img { height: auto !important; }

    .centers-swiper .swiper-wrapper .swiper-slide .centers-keyword ul li { font-size: 13px; }

    #service .cont {grid-template-columns: 1fr; grid-gap: 0; }
    #service .row:not(.service-more) .con_box>div:not(.notice_list_tab) { height: auto; }
    #info .cont {grid-template-columns: 1fr; grid-gap: 0; }

}

@media (max-width: 768px) { 
    #SNS .container { width: 750px; padding: 0 15px; }
}

/* 큰 기기들 (큰 데스크탑, 1200px 이상) */
@media (min-width: 1200px){
 #notice #notice-list ul>li { }
 .right-menu .sns { top: 260px; }
 .centers-tab-con { height: auto; }
 .top-btn { /*display: none;*/ }


 @media (max-width: 1400px) {
    #notice #notice-list ul>li { background-position: left 5% top 0 !important; }
    #notice #notice-list ul>li:last-child {background-position: left -10% top 0 !important; }
}

 @media (max-width: 1600px) {
    #notice #notice-list ul>li { background-position: left 25% top 0; }
}

 @media (max-width: 1920px) {
 	.centers {}
 }

 /* 메뉴 */}
/* 1920 이상 메인배경설정*/
@media (min-width: 1921px){
	#SNS {}
	.info { background-size: 100%, auto; }
	.centers { background-size: cover;}
	.main .service { background: url(/img/main/service_bg.png) left bottom no-repeat #f9fcf5; background-size: auto;}
    #notice #notice-list ul>li { background-position: left 60% top 0; }
}

/* 1400px 이상 */
@media (min-width: 1400px){
 .main .notice {}

 .notice .notice-wrap { }

 .service-box { height: 270px; }
 }

/* max css */
@media (max-width: 1400px){
 .main section { padding: 90px 0; }

 .scroll-nav .scroll-menu a span { font-size: 12px; }

 .notice-pagination span { font-size: 20px; }


 /* 복지 컨설팅 */
 .section-title h2 { font-size: 32px; }

 /* 자료실 */
 .service-title { margin-bottom: 15px; }
 .service-title h2 { font-size: 32px; }

 .service-box h3 { font-size: 18px; }

 .service-more .btn-service { font-size: 18px; }

 /* 센터소개 */
 .centers-tab li { font-size: 20px; }

 .centers-other a { font-size: 20px; } 

 /* 기관안내 */
 .info-title { font-size: 20px; margin-bottom: 15px; }
 .info-title h2 { font-size: 32px; }

 /* .info-tab li { font-size: 16px; } */

 .info-detail { padding-top: 15px; }

 .info-detail h4 { font-size: 18px; }

 .info-detail .info-date { margin-top: 30px; }

 .info-more li { float: none; display: inline-block; width: auto; }

 .info-more a { font-size: 18px; }

 /* 동영상, 갤러리 */
 .hongbo-title { font-size: 26px; }

 .vedio-more { padding: 60px 0 0 80px; }

 .vedio-more h4 { margin-bottom: 20px; }

 /* 메뉴 */
 /*
 header {
  position: fixed;
  top: 0;
 }
  */

 header .gnb,
 header .gnb .submenu .submenu-wrap,
 header .gnb-bg>div { width: 1200px; }

 header .gnb .submenu .sub { }

 header .gnb-bg { top: 170px; }

}

@media (max-width: 1280px) {
    /* 240424 추가 */
    #SNS .container { /*width: 970px;*/ }
  }

/* 큰 기기들 (큰 데스크탑, 1200px 이하) */
@media (max-width: 1200px) {
	body.main { font-size: 16px; }

 .notice-nav { right: 30px; }

 .banner-list { width: calc(100% - 200px); }

 .notice-list { width: calc(100% - 200px); }

 .notice-more { right: 30px; }

 .right-menu { width: 70px; }

 .scroll-nav { right: 25px; }

 /* 메뉴 */
 header .gnb,
 header .gnb .submenu .submenu-wrap,
 header .gnb-bg>div { width: 992px !important; }

 header .gnb-bg { top: 170px; }

 header .gnb .submenu .submenu-title,
 header .gnb-bg .submenu-bg { width: 300px; }

 header .gnb .submenu .sub { width: 670px; }

 header .gnb .submenu .sub>li>a { font-size: 18px; }

 #notice #notice-list ul>li div a { width: 25vw; }
#notice #notice-list ul>li:first-child .notice_box {text-align: left; }
#notice #notice-list ul>li .notice_btn { right: 0; }

#notice #notice-list ul>li .notice_box {text-align: left; }

#SNS .container { width: 1170px; padding: 0 15px; }

.banner .banner-wrap .container { padding: 0 15px; }

.youtube-img { }
.youtube-list { }

}

/* 중간 기기들 (노트북 1000px 이하) */
@media (max-width: 1000px) {
.right-menu .sns { right: 10px !important; bottom: 50%; transform: translateY(50%);}
}

/* 중간 기기들 (노트북 992px 이하) */
@media (max-width: 992px) {
 /* 상단 베너 */
 .roll-banner { height: 0; }

 .right-menu { display: none; }

  /* 메인비주얼 */
 .banner-list { padding: 0; width: 100%; height: auto; }

 /* 공지사항 */ 
 /*#notice #notice-list ul { grid-template-columns: 1fr; }*/

 #notice #notice-list ul>li .notice_box { max-width: 100%; }

 #notice #notice-list ul>li div a { }

 .notice-list { padding: 0; width: 100%; height: auto; box-shadow: none; }

 .notice-list .notice-date { padding: 0px 15px; font-size: 15px; }

 .notice-nav { right: auto; }

 .notice .notice-wrap { position: relative; width: 100%; margin: 0; padding: 0; bottom: 0; background-color: white; }

 .notice-wrap .container { padding: 0; }

 .main .notice-title::before { width: 45px; height: 45px; background-size: cover; left: 0; }

 .notice-more { width: auto; position: absolute; top: 0px; right: 0px; padding: 15px; margin: 0px; height: 55px; font-size: 16px; }

 .notice-more span { display: inline-block; vertical-align: middle; margin: 0 5px 0 0; width: 18px; height: 18px; background-size: cover; }

 .notice-pagination { font-size: 10px; }

 .notice-pagination span { font-size: 15px; margin: 0 5px; }

 .notice-nav { top: 0; }

 .notice-next,
 .notice-prev { width: 50px; height: 50px; }

 /* 복지 컨설팅 */
 .service-box { padding: 20px; margin-bottom: 20px; }

 .service-box img { width: 34px; margin-bottom: 10px; }

 .service-box br { }

 .service-more { margin-top: 20px; }

 .service-more .btn-service { margin: 5px 0; }

 /* 센터소개 */
 .centers-more a { float: none; display: block; width: 100%; margin: 10px 0; }

 .centers-more a:last-child { margin-left: 0; }

 .centers-other div:last-child { border-left: none; border-top: 1px solid #ddd; }

 .centers-other a { padding: 40px 0 20px 10px; }

 .centers-other a:before { top: 20px; left: 10px; }

 /* 기관안내 */
 /* .info-tab li { padding-left: 30px; padding-right: 30px; } */

 .info-tab-con { padding: 30px 20px; }

 .info-detail:first-child { border-bottom: 1px solid #ddd; }

 .info-detail:nth-child(2) { border-right: 0; border-bottom: 1px solid #ddd; }

 .info-more { padding: 20px; }

 .info-more li { width: 49%; }

 /* 동영상, 갤러리 */
 .hongbo-title:after { margin-left: 0; }

 .vedio-more { padding: 0; }

 .vedio-more h4:before { }

 .gallery-wrap .gallery-title { font-size: 16px; }

 /* 관련 기관 */
 .main section.main-partner { padding: 0; }

 /* centers */
 .centers-other div.right { border-right: none; }

 .centers-other div.row2 { padding: 24px 30px; }

 /* 메뉴 */

 header .gnb,
 header .gnb .submenu .submenu-wrap,
 header .gnb-bg>div { width: 100% !important; }

 header .gnb-bg { top: 170px; }

 header .gnb .submenu .submenu-title,
 header .gnb-bg .submenu-bg { width: 25%; }

 header .gnb .submenu .sub { width: 73%; }

 header .gnb .submenu .sub>li>a { font-size: 18px; }

 header .topmenu>li { padding: 0 12px; }

 header .topmenu>li a { font-size: 14px; }

 #notice #notice-list ul>li .notice_title { margin-right: 10px; }


}

/* 태블릿, 모바일 전용 (767px 이하) */
@media (max-width: 767px){
 .pc { display: none; }
 .mobile { display: block; }
 .container { padding-left: 0; padding-right: 0; }
 body.fixed { padding-top: 90px !important; }

 #SNS .container { padding: 0;}

 /* youtube 유튜브 */
 #SNS .youtube { background: none; padding-bottom: 40px; }
 #SNS .youtube .section-title h2 { float:none; }
 #SNS .youtube .sns_icon_list { float:right; margin-bottom: 1.3vh; }

 .youtube-img { float: none !important; width: 100% !important; }
 .youtube-img img {width: 100% !important; }
 .youtube-list { float: none !important; width: auto; padding-left: 0; padding-bottom: 10px; }

 .eapps-facebook-feed-posts-item-content-picture img {
    padding-bottom: 0px !important; margin-bottom: 5px !important;
}
.yottie-widget-feed .swiper-container, .yottie-widget-feed .swiper-slide { 
    height: auto !important; min-height: auto !important;
}
.yottie-widget-feed .swiper-wrapper {
    flex-direction: column !important;
}
 #yottie_1 .yottie-widget-video {
    width: 100% !important;
    margin-right: 0 !important; 
 }
 #yottie_1 .yottie-widget-video-preview-thumbnail {
    width: 100% !important;
}
.yottie-widget-video-preview {
    height: 100% !important;
}
 .yottie-widget-video-preview-thumbnail img {
    transform: translateY(-50%) !important;
 } 

 

 /* sns */
 .notice-nav, .container { width: calc(100% - 30px) !important; margin: 0 auto; }

 /* notice */
 .notice .notice-wrap .container { width: 95%; }
 #notice #notice-list ul>li:first-child .notice_box { float:none; }
 
  /* 메인비주얼 */
 .main-banner-swiper { /*height: calc(100vh - 60px); height: 50vh;*/ }
 #notice #notice-list ul>li,
 #notice #notice-list ul { width: 100%; }

 /* 센터소개 */ 
 #centers { padding-bottom: 50px !important; }

 .centers-tab { margin-bottom: 20px; }

 .centers-tab li { font-size: 14.5px; height: 50px; padding-bottom: 5px; }

 .centers-tab li:before { display: block; background-position: center; position: relative; margin-right: auto; margin-left: auto; margin-bottom: 10px; }

 .centers-detail p { width: 100%; min-height: 100px; margin-bottom: 20px; }

 .centers-detail a { position: relative; top: auto; left: 50%; right: auto; transform: translateX(-50%); margin: 0 auto; }

 .centers-other { margin-top: 30px; }

 .centers-other { margin-top: 0; min-height: 275px; height: auto; padding: 0 10px; }

 .centers-tab-con { padding: 30px 35px 30px; }

 .centers-detail p { padding-bottom: 0px; }

 .centers-other div.row2 { padding: 0px 30px; }

 .centers-other div:last-child { border-top: none; }

 .centers-swiper .swiper-wrapper .swiper-slide .centers-btn a { font-size: 16px;}
 .centers-swiper .swiper-wrapper .swiper-slide .centers-keyword {height: auto; min-height: 280px;}
 .centers-swiper .swiper-wrapper .swiper-slide .centers-keyword ul li { font-size: 12px; padding: 2px 4px;}

 .centers-swiper .swiper-wrapper .swiper-slide .centers-keyword ul.small li { font-size: 11px !important; } 


 /* 동영상, 갤러리 */
 .vedio-more { width: 100%; margin-bottom: 24px; text-align: left; }

 .vedio-more h4 br { }

 .vedio { width: 100%; padding-bottom: 65%; box-shadow: 2.4px 4.4px 15px 0 rgba(6, 0, 1, 0.49); }

 .gallery-wrap { width: 100%; float: none; }

 .gallery-more { padding-top: 60px; }

 /*.main-banner-swiper { height: 480px; border:1px solid red; }*/

 /* 파트너 */

 .main-partner .fp-tableCell>.container { margin-bottom: 0px; }

 
 /* 페이스북 */
 #facebook_posts li { width: 50%; padding: 5px !important; }

 .eapps-facebook-feed-extra-small .eapps-facebook-feed-posts-item {
    /*width: calc(50% - 10px) !important;*/
    width: 100% !important;
 }

 /* section */
 .section-title { font-size: 22px; margin-bottom: 0; text-align: center !important;}

 .main section { overflow: visible; padding: 13.8889vw 0 !important; }

  /* banner */
  .main .banner { padding: 0 !important; }

  .banner .banner-wrap { height: auto; margin: 0; }
  .banner .banner-wrap .container { width: 100% !important; padding: 0 !important;}
 
  .main-banner-swiper { height: auto/*180.5556vw*/; }
 
  section#banner {padding-top: 0px !important; }
  #banner #banner-list { margin-top: 0px; display: block; } 
  #banner #banner-list ul { width: 100%; } 
  #banner #banner-list ul>li { width: 100%; height: 22.2222vw; padding: 17px 15px 17px 20px; margin-bottom: 10px; background-position: right -4px bottom -9px; background-size: 30%; }
  #banner #banner-list ul>li ol {margin-top: 1vw;}
  #banner #banner-list ul>li:last-child { margin-bottom: 10px; background-position: right -4px bottom -9px; background-size: 30%; }
 
  #banner #banner-list .banner-swiper { width: 100%; padding-bottom: 30px; } 
  #banner #banner-list .banner-swiper img { width: 100%; height: auto;}
 
  /*
  #banner #banner-list ul>li .notice_title { width: 48px; padding-left: 0; height: 100%; padding-top: 26px; background-position: center top !important; font-size: 14.5px; line-height: 2; background-size: 26px; text-align: center; margin-right: 20px; }
   #banner #banner-list ul>li div a { width: 43.55vw; font-size: 14.5px; margin-bottom: 2vw; }
   #banner #banner-list ul>li>a { top: 27px; right: 15px; }

  #banner #banner-list .banner-swiper .banner-pagination { display: inline-block; width: auto; transform: translate(-50%, 0); /*left: auto; right: 0; bottom: 10px; } 
  #banner #banner-list .banner-swiper .banner-pagination .swiper-pagination-bullet { width: 9px; height: 9px; }
  */


 /* notice 공지사항 */
 .main .notice { padding: 0 !important; }

 .notice .notice-wrap { /*background: none; position: absolute; top: 111.1111vw;*/ }

 .notice-nav,
 .container { width: calc(100% - 30px) !important; margin: 0 auto; }

 #notice #notice-list { margin-top: 15px; }
 #notice #notice-list ul { width: 100%; grid-template-columns: 1fr; justify-content: center; }
 #notice #notice-list ul>li { width: 100%; height: auto /*10vh;*/; padding: 17px 15px 10px 20px; margin-bottom: 0px; background-position: right -4px top 0px; background-size: 40%; text-align: left;}
 #notice #notice-list ul>li ol {margin-top: 1vw; }
 #notice #notice-list ul>li:last-child { margin-bottom: 0px; background-position: right -4px top 0px; background-size: 40%; }
 .notice-next,
 .notice-prev { width: 12.7vw; height: 12.7vw; }

 #notice #notice-list ul>li .notice_title { width: 48px; padding-left: 0; height: 100%; padding-top: 26px; background-position: center top !important; font-size: 14.5px; line-height: 2; background-size: 26px; text-align: center; margin-right: 20px }
 #notice #notice-list ul>li>a { top: 25%; right: 30px; }
 #notice #notice-list ul>li div a { width: 43.55vw ; font-size: 14.5px; margin-bottom: 1.5vw; }
 #notice #notice-list ul>li div { margin-bottom: 0; }
 #notice #notice-list ul>li:first-child>a { display: none; }

 #notice #notice-list ul>li .notice_btn { right: 0px; top: 10px; }

 /*
 #notice #notice-list .banner-swiper { width: 100%; height: auto; }
 #notice #notice-list .banner-swiper img { width: 100%; }
 #notice #notice-list .banner-swiper .banner-pagination { display: inline-block; width: auto; transform: translate(-50%, 0); left: auto; right: 0;
 bottom: 10px; }
 #notice #notice-list .banner-swiper .banner-pagination .swiper-pagination-bullet { width: 9px; height: 9px; }
 */


 /* 자료실 service */
 #service { padding: 13.8889vw 0; background: #f9fcf5; }

 .section-title h2 { font-size: 20px; display: inline-block; padding-left: 50px; line-height: 40px; text-align: left; margin-bottom: 1.3vh; }

 .section-title h2:before { position: absolute; width: 41px; left: 0; height: 33px; background-size: contain; margin-right: 0px; }

 #service .row:not(.service-more) .con_box { width: 100%; float: none; display: inline-block; font-size: 0; }

 #service .row:not(.service-more) .con_box:first-child { background: url('/img/main/service_bg_icon.png') center top no-repeat; background-size: 60%; margin-right: 0; width: 100%; }

 #service .row:not(.service-more) .con_box>div:not(.notice_list_tab) { height: auto; }

 #service .row:not(.service-more) .con_box>div:nth-child(3) { clear: both; margin-right: 0; margin-bottom: 0 !important; }

 .service-box { width: 34.86vw; height: 34.86vw !important; margin-bottom: 0; padding: 0;}

 #service .row:not(.service-more) .con_box>div .service-box~a { bottom: 0; }

/* 자료실 너비 조정 */
#service .cont { display: grid; grid-template-columns: 1fr; grid-gap: 0;}

#service .notice_list_tab a.service_btn { font-size: 16px; padding: 15px 0; }

 .hidden-xs {
	 /* display: inline-block !important;  */
	 margin-left: 0;
 }

 #service .notice_list_tab { margin: 0 0 40px; }

 #service .notice_list_tab .tab_list { margin-top: 0; }

 .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 2px !important; }

 /*#notice #notice-list .banner-swiper .banner-pagination .swiper-pagination-bullet { margin-left: 2px; }*/

 #service .service-title { text-align: center !important; }
 #service .service-title h2 { font-size: 20px; display: inline-block; padding-left: 40px; line-height: 40px; margin: 1.5vh; }
 #service .service-title h2:before { position: absolute; width: 41px; left: 0; height: 33px; background-size: contain; }


 /* notice */
 #service .notice_list_tab .tab_list li { padding: 20px 15px; }

 #service .notice_list_tab ul.tab_button li { }

 #service .notice_list_tab ul.tab_button li:last-child { padding-right: 0; }

 #service .notice_list_tab ul.tab_button li a { font-size: 14px; width: 100%; padding: 0; height: 36px; line-height: 36px; }

 #service .notice_list_tab ul.tab_button li a.active {}

 #service .notice_list_tab .tab_list li span.type { font-size: 12px; vertical-align: middle; }

 #service .notice_list_tab .tab_list li a { font-size: 14px; display: inline-block; font-weight: 500; line-height: 1; letter-spacing: -0.54px; text-align: left; color: #56504b; /* width: 100px; */
 width: 45vw; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; vertical-align: middle; }

 #service .notice_list_tab .tab_list li span.date { font-size: 12px; }

 .service-more { margin-top: 35px; text-align: center; }

 #service .service-more div { margin-right: 0; }

 #service .service-more div a { width: 66.8vw; height: 60px; line-height: 55px; padding: 0; margin-bottom: 10px; }

 #service .service-more div:last-child a { margin-bottom: 0; }


 /* centers */

 /* info 소통창구  */
  #info { /*padding: 13.8889vw 0;*/ background: url(/img/main/m_service_bg2.png) right bottom no-repeat; background-size: 100%; }
 
 #info .row:not(.service-more) .con_box { width: 100%; float: none; display: inline-block; font-size: 0; }
 
  #info .row:not(.service-more) .con_box:first-child { background: url('/img/main/service_bg_icon.png') center top no-repeat; background-size: 60%; margin-right: 0; width: 100%; }
 
  #info .row:not(.service-more) .con_box>div:not(.notice_list_tab) { height: auto; }
 
  #info .row:not(.service-more) .con_box>div:nth-child(3) { clear: both; margin-right: 0; margin-bottom: 0 !important; }
 
  .service-box { width: 34.86vw; height: 34.86vw !important; margin-bottom: 0; padding: 0;}
 
  #info .row:not(.service-more) .con_box>div .service-box~a { bottom: 0; }
 
  #info .notice_list_tab2 { margin:0 0 40px; }
 
  #info .notice_list_tab2 .tab_list { margin-top: 0; } 
 
  #info #notice-list .banner-swiper .banner-pagination .swiper-pagination-bullet { margin-left: 2px; }
 
  #info .info-title { text-align: center !important; }
  #info .info-title h2 { font-size: 20px; display: inline-block; padding-left: 40px; line-height: 40px; margin: 1.5vh 0; }
  #info .info-title h2:before { position: absolute; width: 41px; left: 0; height: 33px; background-size: contain; }

/* 소통창구 너비 조정 */
 #info .cont { display: grid; grid-template-columns: 1fr; grid-gap: 0; }

 #info .notice_list_tab2 a.service_btn { font-size: 16px; padding: 15px 0; }

  #info .notice_list_tab2 ul.tab_button2 { /*overflow: scroll;*/}
 
  #info .notice_list_tab2 ul.tab_button2 li:last-child { padding-right: 0; }

  #info .notice_list_tab2 ul.tab_button2 li { }
 
  #info .notice_list_tab2 ul.tab_button2 li a { font-size: 14px; width: 100%; padding: 0; height: 36px; line-height: 36px; overflow: hidden;}
 
  #info .notice_list_tab2 ul.tab_button2 li a.active { }  
 
  #info .notice_list_tab2 .tab_list li span.type { font-size: 12px; vertical-align: middle; }

  #info .notice_list_tab2 .tab_list li { padding: 20px 15px; }
 
  #info .notice_list_tab2 .tab_list li a { font-size: 14px; display: inline-block; font-weight: 500; line-height: 1; letter-spacing: -0.54px; text-align: left; color: #56504b; /* width: 100px; */
  width: 45vw; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; vertical-align: middle; }
 
  #info .notice_list_tab2 .tab_list li span.date { font-size: 12px; } 
 
  #info .service-more div { margin-right: 0; }
 
  #info .service-more div a { width: 66.8vw; height: 60px; line-height: 55px; padding: 0; margin-bottom: 10px; }
 
  #info .service-more div:last-child a { margin-bottom: 0; }
 

 /* hongbo */
 .vedio-wrap,
 .gallery-wrap { width: 100%; padding: 35px 7.6vw 0; margin: 0; float: none; background: none; }

 /* SNS */

 /* 기관안내 */
 section.info{}
 section.info .section-title{}
 section.info .section-title h2{}
 section.info .info-text-box{ padding-left: 0; padding-right: 0;}
 section.info .info-text-box1{ margin-bottom:50px;}
 section.info .info-text-box .subtitle-lg{ font-size: 16px; margin: 0 0 25px;}
 section.info .info-text-box > div{}
 section.info .info-text-box .box-title-main{height:60px;}
 section.info .info-text-box .box-title-main h1{font-size: 18px; line-height: 60px;}
 section.info .info-text-box:nth-child(2) .box-title-main{}
 section.info div.text{background: #fff;padding:25px 20px; position:static;; border-radius:0 0 30px 30px; height:auto;}
 section.info .info-text-box2 div.text{background: #fff;}
 section.info div.text b{}
 section.info .info-text-box .subtitle-md{font-size: 16px; margin-top:0; margin-bottom:0; line-height: 1.5; letter-spacing: -0.45px; font-weight:500; color: #56504b;}
 section.info .info-text-box > div p{font-size: 16px; position:relative; padding-left:30px;line-height: 1.5; letter-spacing: -0.45px; color: #56504b;}
 section.info .info-text-box > div p.p-left{padding-left:30px;}
 section.info .info-text-box > div p b{position:static;}
 section.info .info-text-box > div a{position:static;font-size: 16px; height:55px; line-height:55px; margin:25px auto 0; width:calc(100% - 20px); display:block;}




 /* 동영상, 갤러리 */
 .gallery-more .btn { min-width: 150px; font-size: 14px; line-height: 1; }

 .gallery-more .btn img { }

 /* 관련기관 */
.swiper-container.partner-slider { position: relative; width: 100%; padding-left: 0; float: none; margin-right: 0;margin-bottom: 0px; /*height: auto;*/ margin-top: 0; padding-top: 20px; padding-bottom: 0px !important; overflow: hidden; }
.main section.main-partner .partner_title p {
    font-size: 16px;
    line-height: 1.5;
}
 .partner-logo img { transform: translate(0%); top: 0; left: 0; max-height: 45px; }

 .main-partner .fp-tableCell .container { height: auto; }

 .partner-nav { width: auto; display: inline-block; background-color: #fff; position: absolute; left: auto;
    top: 13px;
    right: 0; }

 .main section.main-partner .swiper-wrapper { padding-left: 0; margin-left: 0; }

 .main section.main-partner .swiper-wrapper .swiper-slide { /*height: 45px;*/ }

 .main section.main-partner .swiper-slide-active { }

 .main section.main-partner .swiper-wrapper a { display: inline-block; }

 .main section.main-partner .partner_title {float: none; text-align: center;}

 .partner-nav .partner-prev, .partner-nav .partner-next {width: 35px;height: 35px;}

 /* centers */
 .centers-tab-con { padding: 0; }

 .centers-detail { background: none; }

 .centers-detail p { min-height: auto; padding-bottom: 25px; margin-bottom: 0; }

 .centers-other div.col-md-3,
 .centers-other div.col-md-4,
 .centers-other div.col-md-6,
 .centers-other div.col-md-12 { padding: 0; margin: 10px 0 0; }

 .centers-other div.row2 { padding: 0; margin: 0px 0 10px; }

 .centers-other div:first-child { }

 .centers-other a { padding: 0; height: 55px; line-height: 55px; background-size: 52px; font-size: 16px; padding-left: 20px; }

 .centers-swiper .swiper-wrapper .swiper-slide { width: 100% !important; padding: 0; height: }

 .centers-swiper .swiper-button-prev,
 .centers-swiper .swiper-button-next { 
    width: 30px; height: 30px; background-size: cover; background-repeat: no-repeat;
   
}

 .centers-swiper .swiper-wrapper .swiper-slide>div { width: 100%; }

 .centers-swiper .swiper-wrapper .swiper-slide>div img { margin-right: 0; width: 100% !important; height: auto !important;}

 .centers-swiper .swiper-wrapper .swiper-slide>div h2 { font-size: 18px; margin-top: 25px; padding-left: 0px; margin-bottom: 20px; }

 .centers-swiper .swiper-wrapper .swiper-slide>div>div { display: inline-block; text-align: left; width: 100%; height: 280px; }

 .centers-swiper .swiper-wrapper .swiper-slide>div h2::before { top: 2px; }

 .centers-swiper .swiper-wrapper .swiper-slide>div p { font-size: 14.5px; line-height: 22px; padding-bottom: 0; /*white-space: normal;*/ }

 .centers-swiper .swiper-wrapper .swiper-slide .centers-keyword { padding-bottom: 20px; margin-bottom: 0; min-height: 80px; }

 .centers-pagination { display: none; text-align: center; position: absolute; transform: translateX(-50%); z-index: 9; bottom: 15px; left: 50% !important; line-height: 1; }

 .centers-pagination .swiper-pagination-bullet { width: 9px; height: 9px; display: inline-block; margin: 0 2px; border-radius: 100%; background: transparent; opacity: 1; border: 1px solid #56504b; }

 .centers-pagination .swiper-pagination-bullet-active { background: #56504b; }

 .centers-swiper .swiper-wrapper { grid-gap: 0; }

 /* info */
 #info { padding: 50px 0; background: #f4fbfd}

 .info-tab-con { height: auto; display: inline-block; width: 100%; padding: 0px 20px 0; margin-bottom: 35px; }

 .info-tab-con>div.tabs:first-child { }

 .info-tab-con .tabs { height: auto; }


 /* hongbo */
 #hongbo { background: none; }

 .hongbo-title { font-size: 22px; margin-bottom: 15px; }
 /*#SNS .sns_icon_list {position: absolute; top: 60px; right: 10%; transform: translateX(50%);}*/
 
 #SNS .youtube-title { font-size: 18px; margin: 10px 0; }

 .youtube-img { float: none; width: 100%; padding: 0; margin-bottom: 10px; }
 .youtube-img img {  }
 .youtube-list { float: none; width: 100%; }

 #SNS .facebook { padding: 40px 0 50px; }
 #SNS .facebook-title { font-size: 18px; }

 #SNS .hongbo-title { font-size: 22px; margin-bottom: 100px; text-align: center;}
/*#SNS .sns_icon_list ul li:first-child{margin-left:0;}*/
 .hongbo-title:after { margin-left: 15px; width: 100px; }

 .gallery-more { text-align: left; margin-bottom: 24px; }

 .vedio-more h4,
 .gallery-more h4 { padding: 18px 0 0 37px; margin: 0; font-size: 24px; height: 73px; }

 .vedio-more h4:before,
 .gallery-more h4:before { width: 150px; height: 150px; top: -29px; left: -34px; background-size: contain; }

 .gallery-more h4 { padding: 30px 0 0 37px;}

 .gallery-more h4:before {
 top: -18px;
}

 .btn.btn-line.btn-orange,
 .btn.btn-line.btn-green { font-size: 16px; margin-top: 25px; line-height: 1; }

 .gallery-wrap .col-lg-3 { width: calc(50% - 10px); height: auto; margin-right: 10px; padding: 0; font-size: 0; }

 .gallery-wrap .col-lg-3>a { display: inline-block; width: 100%; font-weight: 600; font-size: 0; }

 .gallery-wrap .gallert-thumb { display: inline-block; position: relative; width: 100%; height: 0;     padding-bottom: 56%; }

 .gallery-wrap .gallery-title { font-size: 13px; font-weight: 600; /* margin-top: 15px; */
 padding: 15px 0 10px; }

 .gallery-wrap .gallery-date { font-size: 12px; line-height: 1; color: #666; }

 .gallery-wrap .gallert-thumb:last-child { margin-right: 0; }

 /* 페이스북 */
 #SNS { /*padding: calc(13.8889vw + 31.75vw) 0 0!important;*/ margin-bottom: 0; background: none; }

 #facebook_posts li { width: 100%; padding: 0 !important; margin-bottom: 10px; }

 #facebook_posts li:nth-child(n+4):nth-child(-n+8) { display: none}

 #facebook_posts li:last-child { margin-bottom: 0; }

 #facebook_posts div h2 { font-size: 16px; }

 #facebook_posts div b { font-size: 13px; }

 #facebook_posts div span.date { font-size: 12px; }

/* 수직가운데 간격조정  */

.main section:not(.notice):not(.main-partner) {
   display: block;
   width: 100%;
   padding: 50px 0 0 !important;
}

.main section:not(.notice):not(.main-partner) > div {
   display: block;
   vertical-align: middle;
   margin-top: 0px;
}
.main section:not(.notice):not(.main-partner) .container{margin-top:0;}

/* 하단배너 */
.main section.main-partner { padding: 0 !important; }
.main section.main-partner .container{ position:relative;     padding: 20px 0;}
 }