@charset "utf-8";

/************************* 메인 ******************************/

/* 비주얼 */
.main_visual_wrap {position:relative;}
.main_visual {max-width: 100%;margin: 0 auto;}
/* 슬라이더 초기화 전 스타일 */
.main_visual:not(.slick-initialized) .g_box:not(:first-child) {display: none;}
.slick-slider {display: block;-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-slider .slick-track,
.slick-slider .slick-list {-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-list {position: relative;display: block;overflow: hidden;margin: 0}
.slick-track {position: relative;top: 0;left: 0;display: block;margin-left: auto;margin-right: auto}
.slick-initialized .slick-slide {display: block}
.slick-slide {float: left;min-height: 1px}
.slick-slide img {width: 100%}
.g_box {position:relative;}
.main_visual_wrap .g_box a {display:block; position: relative;}
.main_visual_wrap .g_box a:focus-visible::after {content: "";position: absolute;inset: 1px;border: 3px solid #000;pointer-events: none;}
.main_visual .typo_text {position:absolute;top:0;left:0;width:100%;display:flex;justify-content: center;align-items: center;height: 100%;padding: 0 180px;}
.main_visual .typo_text .typo_text_inner {max-width:1410px;width:100%;color:#fff;margin-top:-100px;}
.typo_text .typo_text_inner .text_type01 {font-size: 50px;line-height: 61px;font-weight: 800;}
.typo_text .typo_text_inner .text_type01 span {font-size: 46px;font-weight: 100;}
.typo_text .typo_text_inner p {margin-top:10px;font-size: 17px;color:rgba(255,255,255,.7);letter-spacing:0}
.typo_text .typo_text_inner .text_type02 {display:block;margin-top: 45px;font-size: 30px;line-height: 35px;font-weight: 800;}
.typo_text .typo_text_inner .text_type02 span {font-size: 21px;font-weight: 100;}
.slick-prev, .slick-next {border: 1px solid #fff;border-radius: 100%;width: 60px;height: 60px;padding: 0;cursor: pointer;text-indent: -999em;z-index: 1;margin-top:-30px}

.slick-center {opacity: 1;}
.slick-track:before, .slick-track:after {display: table;content: ''}
.controller, .slick-next, .slick-prev {position: absolute;}
.slick-prev {top:50%;left:60px;background: url(../images/rolling_prev.png) no-repeat center;}
.slick-next {top:50%;right:60px;background: url(../images/rolling_next.png) no-repeat center;}
.controller {text-align: center;border-radius: 23px;color: #fff;bottom: 100px;left: 0;width: 100%;display: flex;justify-content: center;padding: 0 180px;}
.controller_inner {display: flex;align-items: center;max-width:1410px;width: 100%;position: relative;gap: 10px;}
.controller_inner .progressBar {}
.controller button {width: 9px;height: 13px;display: inline-block;text-indent: -999em;background: url(../images/rolling_pause.png) no-repeat center;}

.pagingInfo {display: flex;gap: 20px;align-items: center;}
.pagingItem {display: flex;align-items: center;gap: 4px;font-size: 18px; font-family: 'Play', serif;font-weight: 400;}
.progressBar {position: relative;width: 250px;height: 4px;background:rgba(255,255,255,.3);overflow: hidden;display: none;}
.pagingItem.active .progressBar {display: block;}
.progressFill {position: absolute;top: 0;left: 0;height: 100%;width: 0;background: #fff;transition: width 0.3s ease;}
.slideNum {line-height:19px;}

.controller button.play {background: url(../images/rolling_play.png) no-repeat center;}

.mobile {display:none}

/* paging */
.paging_wrap {display:flex;align-items: center;justify-content: center;gap:5px;margin-top:30px;}
.paging_wrap > a {display:inline-block;width: 30px;height: 30px;line-height: 36px;text-indent: -10000em;border: 1px solid #efefef;border-radius: 3px;}
.paging_wrap .first {background:url('../images/first_page.png') no-repeat center; }
.paging_wrap .previous {background:url('../images/previous_page.png') no-repeat center; }
.paging_wrap .next {background:url('../images/next_page.png') no-repeat center; }
.paging_wrap .last {background:url('../images/last_page.png') no-repeat center; }
.paging_wrap .namber {font-size:14px}
.paging_wrap .namber a {display:inline-block;width: 30px;height: 30px;line-height: 30px;border-radius: 3px;background: #ededed;text-align:center}
.paging_wrap .namber strong {display:inline-block;width: 30px;height: 30px;line-height: 30px;border-radius: 3px;background: #005d9b;text-align:center;color:#fff}

/* 퀵메뉴 */
.quick_wrap {background:#f6f7fa;padding: 50px 15px;}
.quick_wrap .quick_inner {max-width:1410px;margin:0 auto;display:flex;gap:20px;}
.quick_wrap .quick_inner a {display:flex;background: #fff;flex:1 1 16.6666%;text-align: center;font-size: 16px;padding:40px 20px;flex-direction: column;align-items: center;gap: 20px;border-radius:15px;word-break: break-all;}
.quick_wrap .quick_inner a:hover {background:#773dbd;color:#fff}
.quick_wrap .quick_inner a:before {content:'';width:49px;height:49px;}
.quick_wrap .quick_inner a.ico_01:before {background: url(../images/ico_quickmenu01.svg) no-repeat 0 bottom / 100%;}
.quick_wrap .quick_inner a.ico_02:before {background: url(../images/ico_quickmenu02.svg) no-repeat 0 bottom / 100%;}
.quick_wrap .quick_inner a.ico_03:before {background: url(../images/ico_quickmenu03.svg) no-repeat 0 bottom / 100%;}
.quick_wrap .quick_inner a.ico_04:before {background: url(../images/ico_quickmenu04.svg) no-repeat 0 bottom / 100%;}
.quick_wrap .quick_inner a.ico_05:before {background: url(../images/ico_quickmenu05.svg) no-repeat 0 bottom / 100%;}
.quick_wrap .quick_inner a.ico_06:before {background: url(../images/ico_quickmenu06.svg) no-repeat 0 bottom / 100%;}
.quick_wrap .quick_inner a.ico_07:before {background: url(../images/ico_quickmenu07.svg) no-repeat 0 bottom / 100%;}
.quick_wrap .quick_inner a.ico_01:hover:before {background:url(../images/ico_quickmenu01.svg) no-repeat 0 0 / 100%;}
.quick_wrap .quick_inner a.ico_02:hover:before {background:url(../images/ico_quickmenu02.svg) no-repeat 0 0 / 100%;}
.quick_wrap .quick_inner a.ico_03:hover:before {background:url(../images/ico_quickmenu03.svg) no-repeat 0 0 / 100%;}
.quick_wrap .quick_inner a.ico_04:hover:before {background:url(../images/ico_quickmenu04.svg) no-repeat 0 0 / 100%;}
.quick_wrap .quick_inner a.ico_05:hover:before {background:url(../images/ico_quickmenu05.svg) no-repeat 0 0 / 100%;}
.quick_wrap .quick_inner a.ico_06:hover:before {background:url(../images/ico_quickmenu06.svg) no-repeat 0 0 / 100%;}
.quick_wrap .quick_inner a.ico_07:hover:before {background:url(../images/ico_quickmenu07.svg) no-repeat 0 0 / 100%;}

/* 주요뉴스 */
.news_pzone_wrap {padding:4% 15px;}
.news_pzone_inner {max-width:1410px;margin:0 auto;display:flex;gap:40px;}
.news_wrap {position: relative;flex-grow: 1;}
.main_tab_wrap {position: relative;}
.tab_cont_wrap > a {position: absolute;top: -56px;left: 180px;font-size: 21px;font-weight: 600;padding-left:15px;}
.tab_cont_wrap > a:before {content:'';width:1px;height:12px;background:#bababa;position:absolute;top:50%;left:0;margin-top:-6px;}
.tab_cont_wrap > a span {position:relative;}
.tab_cont_wrap > a.on span:after, .tab_cont_wrap > a:hover span:after {content:'';height: 10px;background:#bcdef3;position:absolute;bottom: 3px;left:0;right:0;z-index: -1;}
.tab_cont_wrap .tab_01 {padding-left:0;}
.tab_cont_wrap .tab_01:before {content:none;}
.tab_cont_wrap .tab_02 {left: 275px;}
.tab_cont_wrap .tab_03 {left: 382px;}
.tab_cont_wrap .tab_04 {left: 488px;}
.tab_cont_wrap .tab_cont_inner {display:none;}
.tab_cont_wrap .top_news {display:flex;background:#edf8fb;border-radius:10px;padding:30px;gap: 30px;align-items: center;}
.tab_cont_wrap .top_news .img_area {flex-shrink: 0;width:127px;height:112px;background:#fff;display:flex;justify-content: center;align-items: center;border-radius:8px;}
.tab_cont_wrap .top_news .img_area img {max-height: 100%;}
.tab_cont_wrap .top_news .text_area {}
.tab_cont_wrap .top_news .text_area em {display: block;color: #0086d1;}
.tab_cont_wrap .top_news .text_area strong {font-size: 17px;font-weight: 800;display: block;margin-top: 5px;position:relative;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;word-wrap: break-word;line-height: 18px;height: 20px;overflow: hidden;}
.tab_cont_wrap .top_news .text_area p {margin-top: 5px;position: relative;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-wrap: break-word;line-height: 18px;height: 36px;overflow: hidden;}
.tab_cont_wrap ul li {display:flex;justify-content: space-between;border-bottom: 1px solid #d7d7d7;padding: 20px 0;gap: 15px;align-items: center;}
.tab_cont_wrap ul li a {font-weight:600;position: relative;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;word-wrap: break-word;line-height: 18px;height: 20px;overflow: hidden;}
.tab_cont_wrap ul li span {color:#8d8d8d}
.new {width:45px;height:21px;background:#ff5615;color:#fff;display: inline-block;font-style: normal;font-size: 12px;font-weight: 100;text-align:center;line-height: 20px;margin-right:5px;}
.tab_cont_wrap .more {display:block;width:26px;height:26px;background:url(../images/ico_more.png) no-repeat 0 0 / 100%;position:absolute;top:-59px;right:0;text-indent:-9999px;}

/* 팝업존 */
.pzone_wrap {position:relative;max-width: 516px;width: 100%;}
.popup_zone a {display:block;position:relative;}
.popup_zone a:focus-visible::after {content: "";position: absolute;inset: 1px;border: 3px solid #000;pointer-events: none;}
.pzone_wrap .slick-prev, .pzone_wrap .slick-next {display:none !important;}
.pzone_controller {text-align: center;border-radius: 23px;color: #fff;position:absolute;top: 12px;right: 0;display: flex;justify-content: center;}
.pzone_controller .progressBar {width: 60px;height: 4px;background: #e8e8e8;}
.pzone_controller .progressFill {background: #0072b6;}
.pzone_controller .slideNum {color:#515151;}
.pzone_controller button {width: 9px;height: 13px;display: inline-block;text-indent: -999em;background: url(../images/rolling_pause02.png) no-repeat center;}
.pzone_controller button.play {background: url(../images/rolling_play02.png) no-repeat center;}
.pzonePagingInfo {display: flex;gap: 20px;align-items: center;}

/* 언론동향 */
.press_wrap {padding: 4% 15px;background: linear-gradient(140deg, #eaf7f2 40%, #add7f7 80%);}
.press_inner {max-width:1410px;margin:0 auto;}
.press_tab_wrap {position:relative;padding-top: 20px;}
.press_tab_inner > a {padding-left:21px;font-size: 21px;font-weight: 600;position: absolute;top: -56px;left: 295px;}
.press_tab_inner > a:before, .press_tab_inner > a:before {content:'';width:6px;height:6px;background:#525252;border-radius:100%;position:absolute;top:50%;left:0;margin-top:-3px;}
.press_tab_inner > a span {position:relative;}
.press_tab_inner > a.on span:after, .press_tab_inner > a:hover span:after {content:'';width:100%;height:3px;background:#525252;position:absolute;bottom:0;left:0;}
.press_tab_inner > .tab_01 {padding-left:0;}
.press_tab_inner > .tab_01:before, .press_tab_inner > .tab_01:before {content:none;}
.press_tab_inner .tab_02 {left: 350px;}
.press_tab_inner .press_cont ul {display:flex;gap:30px;}
.press_tab_inner .press_cont ul li {flex:1 1 20%;background:#fff;border-radius: 10px;padding: 30px;box-shadow: 0 0 20px 2px rgba(0, 0, 0, .1); max-width: 25%;}
.press_tab_inner .press_cont ul li a {display:flex;flex-direction: column;align-items: center;gap: 20px;}
.press_tab_inner .press_cont ul li a span {display:flex;width:114px;height:114px;border-radius:100%;justify-content: center;flex-direction: column;align-items: center;line-height:23px;}
.press_tab_inner .press_cont ul li a span em {font-size:23px;font-weight:600;}
.press_tab_inner .press_cont ul li a strong {font-size: 17px;font-weight: 800;position: relative;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-wrap: break-word;height: 47px;overflow: hidden;}
.press_tab_inner .press_cont ul li a p {position: relative;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;word-wrap: break-word;height: 85px;overflow: hidden;}
.press_wrap .more, .sns_tab_wrap .more {display:flex;color:#666666;align-items: center;gap: 10px;position: absolute;top: -73px;right: 0;}
.press_wrap .more:after, .sns_tab_wrap .more:after {content:'';width:56px;height:56px;border:1px solid #666666;border-radius:100%;background: url(../images/ico_more02.png) no-repeat center;}
.press_tab_inner .press_cont {display:none}

/* sns 소식 */
.sns_wrap {padding: 4% 15px;}
.sns_inner {max-width:1410px;margin:0 auto;}
.sns_tab_wrap {position:relative;padding-left: 247px;}
.sns_tab_inner > a {font-size: 21px;font-weight: 600;position: absolute;left:0;top:0;max-width: 213px;width: 100%;padding: 7px;}
.sns_tab_inner > a.on, .sns_tab_inner > a:hover {background:#e7f3fd;border-radius:50px;}
.sns_tab_inner > a span {display:flex;gap: 10px;align-items: center;}
.sns_tab_inner > a span:before {content:'';width:34px;height:34px;}
.sns_tab_inner .youtube span:before {background: url(../images/ico_youtube.png) no-repeat center / 100%;}
.sns_tab_inner .instagram {top:53px;}
.sns_tab_inner .instagram span:before {background: url(../images/ico_instargram.png) no-repeat center / 100%;}
.sns_tab_inner .facebook {top:106px;}
.sns_tab_inner .facebook span:before {background: url(../images/ico_facebook.png) no-repeat center / 100%;}
.sns_tab_inner .blog {top:159px;}
.sns_tab_inner .blog span:before {background: url(../images/ico_blog.png) no-repeat center / 100%;}
.sns_list_wrap ul {display: flex;gap: 15px;}
.sns_list_wrap ul li {flex: 1 1 20%;}
.sns_list_wrap ul li span {padding-top: 61%;border-radius: 10px;overflow: hidden;display: block;position:relative;}
.sns_list_wrap ul li span img {position:absolute;left:0;top:0;width:100%;}
.sns_list_wrap ul li p {margin-top:20px;position: relative;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-wrap: break-word;line-height: 18px;height: 36px;overflow: hidden;}
.sns_list_wrap ul li .sns_chanel {position:relative;display:flex;align-items: center;gap: 8px;margin-top: 10px;}
.sns_list_wrap ul li .sns_chanel:before {content:'';width: 25px;height: 25px;background: url(../images/ico_youtube.png) no-repeat center / 100%;}

/* 배너영역 */
.banner_wrap {background:#f6f7fa;padding:4% 15px;}
.banner_inner {max-width:1410px;margin:0 auto;}
.banner_box_big {}
.banner_box_big ul {display: flex;gap:30px;}
.banner_box_big ul li {flex: 1 1 40%;position: relative;padding: 50px 30px;border-radius:20px;}
.banner_box_big ul li:first-child {background: #e0eef1;}
.banner_box_big ul li:last-child {background: #f5e6d9;}
.banner_box_big ul li .text_layout {display:block;position:relative;border-radius: 15px;padding-left:50px;}
.banner_box_big ul li .text_layout strong {font-size: 28px;font-weight: 800;}
.banner_box_big ul li .text_layout strong em {font-weight: 100;}
.banner_box_big ul li .text_layout p {font-size: 16px;margin-top: 5px;}

.banner_box_big ul li:first-child .text_layout {padding: 0 110px 0 128px;}
.banner_box_big ul li:first-child .text_layout:before {content:'';width:105px;height:137px;background: url(../images/ico_banner01.png) no-repeat 0 0 / 100%;position:absolute;top:50%;left:0;margin-top:-68px;border:1px solid #d3dbe0;}

.banner_box_big ul li:last-child .text_layout {padding: 0 110px 0 155px;}
.banner_box_big ul li:last-child .text_layout:before {content:'';width:132px;height:126px;background: url(../images/ico_banner02.png) no-repeat 0 0 / 100%;position:absolute;top:50%;left:0;margin-top:-63px;}
.banner_box_big ul li .more {width:96px;height:96px;border-radius:100%;display:flex;justify-content: center;align-items: center;color:#fff;position: absolute;top: 50%;right: 30px;margin-top:-48px}
.banner_box_big ul li:first-child .more {background: #2e77a3;}
.banner_box_big ul li:last-child .more {background: #e18422;}
.banner_box_s {display: flex;gap: 30px;justify-content: space-between;margin-top:30px;}
.banner_box_s a {flex: 1 1 20%;border: 1px solid #dcdcdc;background: #fff;border-radius: 15px;font-size: 20px;font-weight: 600;padding: 30px;display: flex;justify-content: center;}
.banner_box_s a span {display:flex;align-items: center;gap: 10px;}
.banner_box_s a span:before {content:'';width:48px;height:48px;}
.banner_box_s .banner01 span:before {background: url(../images/ico_banner01.svg) no-repeat 0 0 / 100%;}
.banner_box_s .banner02 span:before {background: url(../images/ico_banner02.svg) no-repeat 0 0 / 100%;}
.banner_box_s .banner03 span:before {background: url(../images/ico_banner03.svg) no-repeat 0 0 / 100%;}
.banner_box_s .banner04 span:before {background: url(../images/ico_banner04.svg) no-repeat 0 0 / 100%;}

/* 관련사이트 */
.family_site_wrap {padding:2% 15px;}
.family_site_inner {max-width:1410px;margin:0 auto;display: flex;justify-content: space-between;gap: 15px;}
.family_site_inner a {background:#fff;border:1px solid #dae0e5;flex: 1 1 auto;text-align: center;padding: 15px;}

/* 퀵메뉴 */
.quick_sise_wrap {position: fixed;top: 150px;right: 20px;z-index:1;}
.quick_side_inner {display: flex;flex-direction: column;gap: 5px;align-items: flex-end;}
.quick_side_inner > a {display: flex;width: 70px;height: 70px;background: #fff;border: 2px solid #3182b8;border-radius: 100%;box-shadow: 0 0 9px 1px rgba(0, 0, 0, .3);overflow:hidden;align-items: center;}
.quick_side_inner > a:first-child {border: 2px solid #467242;}
.quick_side_inner > a:first-child span {white-space: nowrap;display:flex;align-items: center;padding-left: 19px;gap: 15px;font-size: 17px;font-weight: 600;color: #1b1b1b;}
.quick_side_inner > a:first-child span:before {content:'';width: 32px;height: 44px;background: url(../images/quick_logo01.png) no-repeat 0 0 / 100%;}
.quick_side_inner > a:nth-child(2) {border: 2px solid #3182b8;}
.quick_side_inner > a:nth-child(2) span {white-space: nowrap;display:flex;align-items: center;padding-left: 18px;gap: 15px;font-size: 17px;font-weight: 600;color: #1b1b1b;}
.quick_side_inner > a:nth-child(2) span:before {content:'';width: 32px;height: 32px;background: url(../images/quick_logo02.png) no-repeat 0 0 / 100%;}
.quick_side_inner > a:hover, .quick_side_inner > a:focus {border-radius:50px;transition: all .15s;display: flex;align-items: center;}
.quick_side_inner > a:first-child:hover, .quick_side_inner > a:first-child:focus {width: 275px;}
.quick_side_inner > a:nth-child(2):hover, .quick_side_inner > a:nth-child(2):focus {width: 220px;}
.quick_side_inner .quick_box {border: 2px solid #975aac;background:#fff;width: 70px;border-radius: 50px;padding: 15px 0;position:relative;}
.quick_side_inner .quick_box > a {position:relative;display: block;text-align: center;padding-top: 41px;font-weight: 800;font-size: 13px;color: #773dbd;font-family: 'montserrat', serif;}
.quick_side_inner .quick_box > a:before {content:'';width:36px;height:36px;background: #773dbd url(../images/bl_quick.png) no-repeat center;border-radius:100%;position:absolute;top:0;left: 50%;margin-left: -18px;}
.quick_side_inner .quick_box .quick_link_box {width: 70px;height:91px;border: 2px solid #773dbd;position:absolute;top: -2px;right: -2px;border-radius: 50px;padding: 20px;background: #773dbd;color: #fff;box-shadow: 0 0 9px 1px rgba(0, 0, 0, .3);overflow:hidden;z-index:-1;transition: all .15s;}
.quick_side_inner .quick_box .quick_link_box strong {font-size: 18px;font-family: 'montserrat', serif;color: #ffca00;font-weight: 700;}
.quick_side_inner .quick_box .quick_link_box .quick_link_inner {margin-top: 10px;display:flex;flex-wrap: wrap;gap: 7px;}
.quick_side_inner .quick_box .quick_link_box .quick_link_inner a {display:flex;flex: 1 1 40%;align-items: center;gap: 7px;background: #8249c7;padding: 3px 10px;border-radius: 30px;}
.quick_side_inner .quick_box .quick_link_box .quick_link_inner a:before {content:'';width:4px;height:4px;border-radius:100%;background:#fff;}
.quick_side_inner .quick_box.active .quick_link_box {width:250px;height:174px;border-radius: 20px;z-index:1;transition: all .15s;}
.quick_side_inner .quick_box .quick_close {display:inline-block;width: 30px;height: 30px;background: #481585 url(../images/ico_close.png) no-repeat center;border-radius:100%;position:absolute;top: 5px;z-index:2;right: 5px;text-indent:-9999px;}


/************************* 서브 ******************************/

/* layout */
#contents {position:relative;}
.content_wrap {max-width:1280px;margin:0 auto 50px;padding:50px 20px;font-size:17px;}

/* 기업소개 */
.overview_wrap {background: url(../images/bg_sub01.png) no-repeat center bottom / cover;text-align:center;color:#fff;padding: 5%;}
.overview_wrap.bg_sub02 {background: url(../images/bg_sub02.png) no-repeat center bottom / cover;text-align:center;color:#fff;padding: 5%;}
.overview_inner {position:relative;padding: 51px 0;}
.overview_inner:before {content:'';width:28px;height:22px;background: url(../images/ico_point.png) no-repeat 0 0 / 100%;position:absolute;top:0;left:50%;margin-left:-14px;opacity: .7;}
.overview_inner:after {content:'';width:28px;height:22px;background:url(../images/ico_point.png) no-repeat 0 bottom / 100%;position:absolute;bottom:0;left:50%;margin-left:-14px;opacity: .7;}
.overview_inner strong {font-size: 41px;font-weight: 800;}
.overview_inner p {font-size: 19px;margin-top: 17px;}
.purpose_wrap {text-align:center;}
.purpose_wrap img {width:auto;}
.purpose_wrap .m {display:none;}
.scope_wrap {display:flex;margin-top:50px;}
.scope_wrap span {overflow:hidden;flex-shrink: 0;border-radius: 50px;}
.scope_wrap .scope_list {flex-grow: 1;/* background: #f5f5f5; */padding: 0 50px;display: flex;flex-direction: column;justify-content: center;}
.scope_wrap .scope_list h4 {padding-top:0;}
.scope_list ul {position:relative;}
.scope_list ul li {padding-left:15px;position:relative;line-height: 28px;}
.scope_list ul li:before {content:'';width:3px;height:3px;border-radius:100%;background:#333;position:absolute;top:11px;left:0;}
.history_wrap {}
.history_wrap ul {}
.history_wrap ul li {display: flex;gap: 50px;align-items: center;border-bottom: 1px solid #e3e3e3;padding: 10px 0;}
.history_wrap ul li > strong {font-size: 21px;font-weight: 800;/* background: #3182b8; */color: #006072;padding: 5px 0;border-radius: 30px;}
.history_wrap ul li .history_list {display: flex;gap: 15px;}
.history_wrap ul li .history_list strong {font-weight: 700;color: #3182b8;}
.history_wrap ul li .history_list p {}
.history_wrap ul li:first-child {padding-top:0;}

/* 연혁 */
.sub_tab_menu {display: flex;justify-content: center;margin-bottom: 70px;}
.sub_tab_menu ul {display: flex;gap: 5px;align-items: center;overflow-x: scroll;white-space: nowrap;scrollbar-width: none;scroll-behavior: smooth;position: relative}
.sub_tab_menu ul li {}
.sub_tab_menu ul li a {display: block;border: 1px solid #dbdbdb;font-size: 16px;padding: 10px 16px;border-radius: 30px;white-space: nowrap;}
.sub_tab_menu ul li a em {color: #3994e5;margin-left:5px;}
.sub_tab_menu ul li.on a, .sub_tab_menu ul li a:hover {background: #212121;color: #fff;font-weight: 700;border: 1px solid #212121;}
.sub_tab_menu ul li.on a em, .sub_tab_menu ul li a:hover em {color: #ffa32d;}

.ceo_history {}
.ceo_history ul {display: flex;gap: 20px;}
.ceo_history ul li {width:33.3333%;background: #f7f8f9;border-radius: 15px;padding: 50px 30px 30px;text-align: center;position: relative;display: flex;flex-direction: column;align-items: center;}
.ceo_history ul li span.text {position: absolute;top: -22px;left: 50%;border: 1px solid #b3d2e7;border-radius: 30px;padding: 5px;max-width: 100px;width: 100%;margin-left: -50px;background: #fff;}
.ceo_history ul li span.text em {background: #3182b8;border-radius: 30px;color: #fff;display: block;padding: 5px 0;}
.ceo_history ul li span.img {max-width:221px;border-radius:100%;overflow:hidden;border: 2px solid #3182b8;}
.ceo_history ul li strong {font-size: 21px;font-weight: 800;margin-top: 20px;}
.ceo_history ul li strong em {font-weight:100;}
.ceo_history ul li p {background: #ededed;width: 100%;padding: 15px 0;border-radius: 30px;margin-top: 10px;position:relative;}
.ceo_history ul li p:before {content:'';width: 10px;height: 10px;border: 3px solid #4e98c9;border-radius:100%;position:absolute;top: -5px;left:50%;margin-left: -5px;background: #fff;}
.history_cont {display:none;}
.history_tab_wrap {padding-top:65px;position:relative;}
.history_tab_wrap:before {content:'';width:100%;height:1px;background: #d1d1d1;position:absolute;top:65px;left:0;}
.history_tab_inner > a {position:absolute;top:0;font-size: 20px;padding-left: 25px;font-family: 'montserrat';font-weight: 500;line-height: 24px;}
.history_tab_inner > a:before {content:'';width: 6px;height: 6px;background: #d3d3d3;border-radius:100%;position:absolute;top: 50%;left:0;margin-top: -3px;}
.history_tab_inner > a span {display:block;padding:20px 0;position:relative;}
.history_tab_inner > .tab01 {padding-left:0;}
.history_tab_inner > .tab01:before {content:none;}
.history_tab_inner > .tab02 {left: 113px;}
.history_tab_inner > .tab03 {left: 261px;}
.history_tab_inner > .tab04 {left: 355px;}
.history_tab_inner > .tab05 {left: 448px;}
.history_tab_inner > .tab06 {left: 541px;}
.history_tab_inner > .tab07 {left: 696px;}
.history_tab_inner > a.on, .history_tab_inner > a:hover {color:#3182b8;font-weight:800}
.history_tab_inner > a.on span:after, .history_tab_inner > a:hover span:after {content:'';width:100%;height:3px;background:#3182b8;position:absolute;bottom:-1px;left:0;}
.history_tab_inner .history_inner {display:flex;}
.history_tab_inner .history_inner .history_img_wrap {padding: 80px 50px 80px 0;display: flex;flex-direction: column;gap: 20px;flex-shrink: 0;}
.history_tab_inner .history_inner .history_text_wrap {flex-grow:1;padding: 80px 0;position:relative;}
.history_tab_inner .history_inner .history_text_wrap:before {content:'';width:1px;height:100%;background:#d1d1d1;position:absolute;top:0;left:0;}
.history_tab_inner .history_inner .history_text_wrap > strong {font-size: 40px;font-weight: 600;display: block;padding-left:50px;font-family: 'montserrat';line-height: 48px;}

.history_tab_inner .history_inner .history_text_wrap .history_list {padding: 30px 50px;}
.history_tab_inner .history_inner .history_text_wrap .history_list ul {}
.history_tab_inner .history_inner .history_text_wrap .history_list ul > li {display: flex;gap: 30px;}
.history_tab_inner .history_inner .history_text_wrap .history_list ul > li+li {margin-top: 30px;}
.history_tab_inner .history_inner .history_text_wrap .history_list > ul > li > strong {font-size: 20px;color: #0b619b;font-family: 'montserrat';font-weight: 700;padding-top: 3px;width:45px;}
.history_tab_inner .history_inner .history_text_wrap .history_list > ul > li .text_box {}
.history_tab_inner .history_inner .history_text_wrap .history_list > ul > li .text_box li {gap: 15px;margin-top:0;line-height: 30px;font-size: 17px;}
.history_tab_inner .history_inner .history_text_wrap .history_list > ul > li .text_box li strong {color:#0b619b;font-family: 'montserrat';width: 20px;flex-shrink: 0;}
.history_tab_inner .history_inner .history_text_wrap .history_list ul li p {}
.history_tab_inner .history_inner .history_text_wrap .history_list ul li p em {display:block;text-indent:-9px;padding-left:9px;}
.history_tab_inner .history_inner .history_text_wrap .history_list02 {padding:30px 0 30px 50px;border-top: 1px solid #d1d1d1;}

.history_tab_inner .history_inner .history_text_wrap .history_list02.before_none {border:0;}
.history_tab_inner .history_inner .history_text_wrap .history_list02.before_none:before {content:none}
.history_tab_inner .history_inner .history_text_wrap .history_list02 > ul {}
.history_tab_inner .history_inner .history_text_wrap .history_list02 > ul > li {font-weight: 600;color: #0b619b;padding-left: 15px;position:relative;font-size: 17px;}
.history_tab_inner .history_inner .history_text_wrap .history_list02 > ul > li:before {content:'';width: 4px;height:4px;background: #0b619b;position:absolute;top: 11px;left:0;border-radius: 100%;}
.history_tab_inner .history_inner .history_text_wrap .history_list02 > ul > li+li {margin-top:15px;}
.history_tab_inner .history_inner .history_text_wrap .history_list02 > ul > li ul {margin-top: 5px;}
.history_tab_inner .history_inner .history_text_wrap .history_list02 > ul > li ul li {font-weight:normal;line-height:30px;color:#333;margin-top:0;text-indent: -10px;padding-left: 10px;}
.history_tab_inner .history_inner .history_text_wrap .history_list02 > ul > li {font-size:15px;}

/* CI */
.ci_wrap {}
.ci_wrap ul {display: flex;flex-wrap: wrap;gap:25px;}
.ci_wrap ul li {}
.ci_download {max-width: 200px;width: 100%;font-size: 17px;color: #fff;display: inline-block;background: #3182b8;padding: 10px 30px;border-radius: 30px;text-align:left;transition: all .15s;}
.ci_download.big {max-width: 307px}
.ci_download span {position:relative;max-width:200px;width:100%;display:block;}
.ci_download span {max-width: 307px}
.ci_download span:after {content:'';width:16px;height:16px;background: url(../images/ico_download.svg) no-repeat 0 0 / 100%;position:absolute;top:50%;right:0;margin-top:-8px;}
.ci_download:hover {background: #006072;}
.ci_design_wrap {display:flex;}

/* 인사말 */
.greeting_wrap {display: flex;gap: 70px;align-items: flex-start;margin-top: 70px;}
.greeting_wrap strong {font-size: 35px;display:block;font-weight:800;color: #0b619b;line-height: 45px;margin-bottom: 30px;position:relative;padding-top: 15px;}
.greeting_wrap strong:before {content:'';width: 50px;height: 42px;background: url(../images/ico_point02.png) no-repeat 0 0 / 100%;position:absolute;top:0;left:0;opacity:.1}
.greeting_wrap strong em {font-weight:100;color: #333;font-size: 30px;}
.greeting_wrap span {flex-shrink: 0;border-radius: 50px;overflow: hidden;display: block;}
.greeting_wrap .greeting_text {}
.greeting_wrap .greeting_text p {margin-top: 30px;}
.greeting_wrap .greeting_text p b {margin-left:10px;font-size:20px;font-weight:800;color:#000}

/* 조직도 */
.organization_wrap {display: flex;flex-direction: column;margin-top:50px;}
.organization_wrap div  {text-align:center;position:relative;padding-bottom:50px;}
.organization_wrap div a {display:block;}
.organization_wrap div span {display:block;}
.organization_wrap > .level03 {text-align:right}
.organization_wrap > div > strong {display: inline-block;padding: 15px;max-width: 250px;width: 100%;text-align: center;border-radius: 10px;}
.organization_wrap > div > strong:after {content:'';width:1px;height: 50px;background:#bdbdbd;position:absolute;bottom: 0;left:50%;z-index:-1}
.organization_wrap > .level01 strong {background:#245c9c;color:#fff}
.organization_wrap > .level02 strong {background:#424242;color:#fff}
.organization_wrap > .level03 strong {background: #fff;margin-left: auto;color: #245c9c;outline: 2px solid #245c9c;outline-offset: -2px;}
.organization_wrap > .level03 strong:before {content:'';width:1px;height: 105px;background:#bdbdbd;position:absolute;bottom: 0;left:50%;z-index:-1}
.organization_wrap > .level03.h_big strong:before {height: 180px}
.organization_wrap > .level03.h_big strong:after {top: 61px;}
.organization_wrap > .level03 strong:after {width:50%;height:1px;bottom: auto;left:50%;top: 27px;}
.organization_wrap .organizatio_list {background-color: #f5faff;border-radius: 6px;color: #1b1b1b;font-size: 15px;margin-top: 10px;padding: 11px;font-weight: 100}
.organization_wrap .organizatio_list li {display: flex;align-items: center;gap: 4px;justify-content: flex-start;}
.organization_wrap .organizatio_list li:before {content:'';background-color: #245cb9;width: 3px;height: 3px}

.organization_wrap .organizatio_list li.i_none:before {content:none}
.department_wrap {padding:50px 0 0 0 !important;}
.department_wrap > ul {display: flex;}
.department_wrap > ul > li {padding:0 15px;position:relative;width: 25%;}
.department_wrap > ul.w_50> li {width: 50%;}
.department_wrap > ul > li:before {content:'';width:1px;height:50px;background:#bdbdbd;position:absolute;top:-50px;left:50%;}
.department_wrap > ul > li:after {content:'';width:100%;height:1px;background:#bdbdbd;position:absolute;top:-50px;left:-50%;}
.department_wrap > ul > li:first-child:after {content:none;}
.department_wrap > ul > li .department_inner {padding:30px 20px;background: #f0f7ff;border-radius:10px;}
.department_wrap > ul > li .department_inner strong {font-weight:800;color:#245ca9}
.department_wrap > ul > li .department_inner > ul {display:flex;flex-direction: column;gap: 5px;margin-top:15px}
.department_wrap > ul > li .department_inner > ul > li {background:#fff;border-radius:5px;padding: 10px}
.department_wrap > ul > li .department_inner > ul > li > ul {font-size: 16px;margin-top: 6px}
.department_wrap > ul > li .department_inner > ul > li > ul > li {display: flex;align-items: center;gap: 4px;justify-content: center}
.department_wrap > ul > li .department_inner > ul > li > ul > li:before {content:'';background-color: #245cb9;width: 3px;height: 3px}

/* 국가생명윤리심의위원회 조직도 */
.organization_wrap.committee .level03 strong:before {height: 130px;}
.organization_wrap.committee .level03 strong:after {top: 40px;}

/* 미션 및 비전 */
.mission_wrap {display:flex;background: url(../images/bg_mission.png) no-repeat 0 0 / 100%;padding: 9% 6% 0;flex-direction: column;align-items: center;}
.mission_wrap span {color:#fff;font-size:50px;font-weight:800}
.mission_inner {width:100%;background: #091e31;color:#fff;text-align:center;padding: 3% 15px 4%;margin-top: 90px;}
.mission_inner > strong {font-size:21px;position: relative;padding-bottom: 7px;color: #37e2ff;font-family:'montserrat';}
.mission_inner > strong:after {content:'';width:100%;height:2px;background: #37e2ff;position:absolute;bottom:0;left:0;}
.mission_inner p {font-size: 28px;line-height: 41px;margin-top: 30px;}
.mission_inner p strong {font-weight:800;}
.vision_wrap {}
.vision_wrap ul {display: flex;}
.vision_wrap ul li {border: 1px solid #e3e3e3;flex: 1 1 40%;padding: 35px;font-size: 19px;}
.vision_wrap.col5 ul {flex-wrap: wrap;gap: 10px}
.vision_wrap.col5 ul li {flex: 1 0 19%}
.vision_wrap ul li em {font-family: 'montserrat';font-weight: 600;padding-bottom: 15px;display: inline-block;width: 39px;height: 39px;text-align: center;line-height: 38px;border-radius: 24px;font-size: 15px;background-color: #286ba7;color: #fff;margin-bottom: 9px}
.vision_wrap ul li p {}
.vision_wrap ul li:last-child {margin-left:-1px;}
.core_values {background:#f5f5f5;}
.core_values_inner {display:flex;padding: 5%;justify-content: center;}
.core_values_inner ul {display:flex;flex-wrap: wrap;justify-content: center;margin: 45px 0 0 20px;}
.core_values_inner ul li {border-radius:100%;width: 180px;height: 180px;display: flex;justify-content: center;align-items: center;color: #fff;font-weight: 600;position:relative;margin: -45px 0 0 -20px;}
.core_values_inner ul li+li {/* margin-left: -20px; */}
.core_values_inner ul li span {position:relative;z-index:1;padding-top:50px;}
.core_values_inner.img_none ul li {margin: 0}
.core_values_inner.img_none ul li span {padding-top:0;text-align: center}
.core_values_inner.img_none ul {margin: 0 0 0 20px;}
.core_values_inner ul li:before {content:'';width:100%;height:100%;border-radius:100%;position:absolute;top:0;left:0;z-index:0;opacity: .9;}
.core_values_inner ul li.big:before {border-radius: 93px;}
.core_values_inner ul li.big {width: 302px;margin: 0 28px}
.core_values_inner ul li span:before {content: '';width: 40px;height: 40px;position: absolute;top: 0;left: 50%;margin-left: -20px;}
.core_values_inner.img_none ul li span:before {content: none}
.core_values_inner ul li:first-child:before {background: #0756bb;}
.core_values_inner ul li:nth-child(2):before {background: #333;}
.core_values_inner ul li:nth-child(3):before {background: #e15500;}
.core_values_inner ul li:nth-child(4):before {background: #333;}
.core_values_inner ul li:last-child:before {background: #4a049f;}
.core_values_inner ul li:first-child span:before {background: url(../images/ico_vision.svg) no-repeat 0 0 / 100%;}
.core_values_inner ul li:nth-child(2) span:before {background: url(../images/ico_vision02.svg) no-repeat 0 0 / 100%;}
.core_values_inner ul li:nth-child(3) span:before {background: url(../images/ico_vision03.svg) no-repeat 0 0 / 100%;}
.core_values_inner ul li:nth-child(4) span:before {background: url(../images/ico_vision04.svg) no-repeat 0 0 / 100%;}
.core_values_inner ul li:last-child span:before {background: url(../images/ico_vision05.svg) no-repeat 0 0 / 100%;}
.direction_wrap {}
.direction_wrap ul {display: flex;gap: 30px;}
.direction_wrap ul li {padding: 30px;text-align: center;background: #f1f8ff;display: flex;align-items: center;justify-content: center;}

/* 고객헌장 */
.charter_text {margin-top: 30px;}
.charter_text strong {display:block;margin-bottom:15px;font-size: 21px;font-weight: 800;color: #245c9c;}
.charter_text p {}
.charter_list {border-top: 1px solid #e3e3e3;padding-top: 50px;margin-top: 50px;}
.service_wrap.top_line {border-top: 2px solid;padding-top: 60px;border-bottom: 1px solid #e3e3e3;padding-bottom: 60px}
.service_wrap > ul {}
.service_wrap > ul > li {display: flex;gap: 150px;}
.service_wrap > ul > li+li {margin-top: 60px;border-top: 1px solid #e3e3e3;padding-top: 60px;}
.service_wrap > ul > li > strong {font-size: 21px;font-weight: 900;flex-shrink: 0;max-width: 215px;width: 100%;}
.service_wrap > ul > li .service_inner {flex-grow:1}
.service_wrap > ul > li .service_inner strong {display:none;font-weight:800;}
.service_wrap > ul > li .service_inner p {margin-bottom:30px}

/* 생명윤리정책 연구·지원 */
.human_intro_wrap {text-align:center;}
.human_intro_wrap strong {display:block;margin-bottom:50px;padding-bottom:50px;font-size: 21px;position:relative;}
.human_intro_wrap strong:after {content:'';width:50px;height:3px;background:#245c9c;position:absolute;bottom:0;left:50%;margin-left:-25px;}
.business_wrap {}
.business_wrap > ul {display: flex;flex-direction: column;gap: 120px;}
.business_wrap > ul.t_top {margin-bottom: 50px;}
.business_wrap > ul.t_top > li {align-items: flex-start;}
.business_wrap > ul.t_top > li .img {order:2;height: auto;}
.business_wrap > ul.t_top > li .img .col_w02 {display: flex;gap: 13px}
.business_wrap > ul.t_top > li .img img {border: 1px solid #e7e7e7;padding: 20px}
.business_wrap > ul.t_top > li > .business_text {order:1;padding-top: 15px}

.business_wrap > ul > li {display: flex;align-items: center;gap: 50px;}
.business_wrap > ul > li .img {width: 50%;height: 355px;flex-shrink: 0;}
.business_wrap > ul > li .img img {width: 100%;height: 100%;object-fit: cover;}
.business_wrap > ul > li .business_text {flex-grow:1;}
.business_wrap > ul > li .business_text strong {color: #245c9c;display: block;margin-bottom: 30px;font-size: 25px;}
.business_wrap > ul > li:nth-child(even) .img {order:2}
.business_wrap > ul > li:nth-child(even) > .business_text {order:1}
.site_list_wrap {display: flex;gap: 30px;}
.site_list_wrap > a {flex:1 1 40%;background: #f5f5f5;border-radius: 15px;padding: 50px;position:relative;}
.site_list_wrap > a strong {font-size: 19px;margin-bottom: 20px;display: block;}
.site_list_wrap > a em {display:inline-block;}
.site_list_wrap > a > button {text-indent: -9999px;position: absolute;bottom: 15px;right: 15px;background: #333333 url(../images/px_open_window03.png) no-repeat center;width: 34px;height: 34px;border-radius: 100%;}
.site_list_wrap > a:hover {background: #f0f7ff;transition: 0.15s;}
.site_list_wrap > a:hover button {background:#245c9c url(../images/px_open_window03.png) no-repeat center;}
.site_list_wrap .w_col {flex:1 1 40%;border: 1px solid #bdbdbd;border-radius: 15px;padding: 50px;position:relative;}
.site_list_wrap .w_col.w_3 {flex: 1 1 20%}
.site_list_wrap .w_col.w_7 {flex: 1 1 63%;}
.site_list_wrap .w_col strong {font-size: 19px;margin-bottom: 20px;display: block;}
.site_list_wrap .w_col .name {display: flex;flex-wrap: wrap;gap: 10px;}
.site_list_wrap .w_col .name em {flex: 1 1 47%}
.site_list_wrap .btn_sns_wrap {position:absolute;bottom:15px;right:54px;}
.site_list_wrap .btn_sns_wrap button {display:inline-block;text-indent:-9999px;width:34px;height:34px;}
.site_list_wrap .btn_sns_wrap button.blog {background:url(../images/ico_blog.png) no-repeat 0 0;}
.site_list_wrap .btn_sns_wrap button.youtube {background:url(../images/ico_youtube.png) no-repeat 0 0;}
.site_list_wrap .btn_sns_wrap button.instagram {background:url(../images/ico_instargram.png) no-repeat 0 0;}
.site_list_wrap .btn_sns_wrap button.facebook {background:url(../images/ico_facebook.png) no-repeat 0 0;}

.site_list_wrap02 p {flex:1 1 40%;border: 1px solid #bdbdbd;border-radius: 15px;padding: 50px;position:relative;}
.subject_wrap {}
.subject_wrap ul {display: flex;gap: 30px;flex-direction: column;}
.subject_wrap ul li {display: flex;align-items: center;}
.subject_wrap ul li strong {display:flex;width: 150px;height: 150px;border-radius: 100%;justify-content: center;align-items: center;padding: 20px;text-align: center;color: #fff;flex-shrink: 0;}
.subject_wrap ul li:first-child strong {background:#0756bb}
.subject_wrap ul li:nth-child(2) strong {background:#e15500}
.subject_wrap ul li:last-child strong {background:#4a049f}
.subject_wrap ul li .text {position:relative;padding-left: 100px;flex-grow: 1;}
.subject_wrap ul li .text:before {content:'';width: 100px;height:1px;background: #e1e1e1;position:absolute;top:50%;left:0;}
.subject_wrap ul li p {background:#f5f5f5;border-radius: 15px;padding: 4%;}

.etc_box {border: 1px solid #bdbdbd;border-radius: 15px;padding: 30px}
.etc_box ul {margin-bottom: 11px}

/**소개**/
.education_inner {display: flex;gap: 113px;justify-content: space-between;max-width: 968px;margin: 0 auto 100px}
.education_inner .education_img {}
.education_inner .education_img img {border: 1px solid #e3e1e1;box-shadow: 15px 15px 0 0 rgba(0, 0, 0, 0.06)}
.education_inner .education_detail {flex: 1 1 60%;border-top: 2px solid}
.education_inner .education_detail .sstit {border-bottom: 1px solid #e3e3e3;}
.education_inner .education_detail .information ul {padding: 38px 0;display: flex;border-bottom: 1px solid #cdcccc;flex-direction: column;gap: 9px;font-size: 16px;}
.education_inner .education_detail .information ul li {display: flex;gap: 35px}
.education_inner .education_detail .information ul li b {min-width: 77px;padding-left: 12px;position: relative;}
.education_inner .education_detail .information ul li b:before {content:'';background-color: #6c6c6c;width: 5px;height: 5px;display: inline-block;position: absolute;top: 10px;left: 0;border-radius: 50%;}


/* 레이어 팝업 */
.bg_overlay {display: none;background:#000;position: fixed;top:0;bottom:0;left:0;right:0;z-index:3;opacity: .8;}
.layer_popup {display: none;position: fixed;top: 0;left: 0;bottom: 0;right: 0;z-index: 3;}
.layer_popup_wrap {width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;}
.popup_wrap.w400 {max-width: 400px;width: 100%;position:relative;}
.popup_wrap {max-width: 700px;width: 100%;position:relative;}
.popup_inner {padding: 20px;border: 2px solid #245c9c;background: #fff;border-radius: 0 0 10px 10px;background-color: #fff;overflow-y: auto;max-height: 700px;}
.pop_close {display: inline-block;text-indent: -9999px;width: 16px;height: 16px;background: url(../images/ico_close02.png) no-repeat 0 0 / 100%;position: absolute;top: 17px;right: 15px;}

/*제안제도 운영 절차*/
.procedure_wrap {}
.procedure_wrap > ul {}
.procedure_wrap > ul > li {border: 1px solid #e9e9e9;margin-bottom: 16px;padding: 10px;border-radius: 15px;display: flex;align-items: center;justify-content: space-between}
.procedure_wrap > ul > li .procedure_inner {display: flex;align-items: center;gap: 15px}
.procedure_wrap > ul > li strong {border: 1px solid;width: 90px;height: 90px;display: inline-block;text-align: center;padding: 13px;font-size: 15px;line-height: 16px;border-radius: 50%;background-color: #0756bb;color: #fff;font-weight: 100;min-width: 90px}
.procedure_wrap > ul > li strong em {display: block;margin-bottom: 4px;font-family: montserrat;font-weight: 600;padding-top: 8px;font-size: 22px;margin-bottom: 6px;}
.procedure_wrap > ul > li:nth-of-type(2) strong {background: #e15500}
.procedure_wrap > ul > li:nth-of-type(3) strong {background: #4a049f}
.procedure_wrap > ul > li:nth-of-type(4) strong {background: #333}

/* 경영공시 */
.disclosure_wrap {display: grid;grid-template-columns: repeat(3, 1fr);gap: 50px;}
.disclosure_wrap .disclosure_inner {display: flex;flex-direction: column;gap: 50px;}
.disclosure_wrap .disclosure_inner .disclosure_cont {display:flex;flex-direction: column;gap: 10px;}
.disclosure_wrap .disclosure_inner .disclosure_cont strong {background: #373737;color: #fff;border-radius: 5px;padding: 10px 20px;}
.disclosure_wrap .disclosure_inner .disclosure_cont > ul {border: 1px solid #d7d7d7;border-radius: 5px;background: #f5f5f5;}
.disclosure_wrap .disclosure_inner .disclosure_cont > ul > li {}
.disclosure_wrap .disclosure_inner .disclosure_cont > ul > li+li {border-top: 1px solid #d7d7d7;}
.disclosure_wrap .disclosure_inner .disclosure_cont > ul > li ul {border-top: 1px solid #e1e1e1;background:#fff;}
.disclosure_wrap .disclosure_inner ul li a {display: block;position:relative;padding: 10px 20px;}
.disclosure_wrap .disclosure_inner ul li a:after {content:'';width:13px;height:13px;background: url(../images/px_open_window.png) no-repeat 0 0 / 100%;position:absolute;top:50%;right: 20px;margin-top:-6.5px;}
.disclosure_wrap .disclosure_inner .disclosure_cont > ul > li ul li a {padding: 7px 20px 7px 32px;font-size:15px;}
.disclosure_wrap .disclosure_inner .disclosure_cont > ul > li ul li a:before {content:'';width:4px;height:4px;background:#8d8d8d;border-radius:100%;position:absolute;top:50%;margin-top:-2px;left:20px;}
.disclosure_wrap .disclosure_inner ul li a:hover {color: #0876d7;font-weight: 600;}
.disclosure_wrap .disclosure_inner .disclosure_cont .none_link:after {content:none}
.alio_wrap {display:flex;gap:50px;margin-top:50px}
.alio_wrap .alio_inner {flex: 1 1 40%;background: #f5f5f5;padding: 30px;border-radius: 15px;display: flex;justify-content: space-between;align-items: center;gap:15px;}

/* 공공데이터 개방 */
.public_data_wrap {background: #f1f9ff;border-radius: 15px;text-align: center;padding: 5%;}
.public_data_wrap p {font-size: 19px;}

/* 평가인증 */
.evaluation_wrap {display: flex;gap: 50px;}
.evaluation_wrap .institution_wrap {width:40%;display: flex;flex-direction: column;gap: 10px;}
.evaluation_wrap .institution_wrap .text_head {background: #245c9c;color: #fff;text-align: center;border-radius: 10px;padding: 15px;font-size: 19px;}
.evaluation_wrap .institution_wrap ul {display: flex;gap:10px;}
.evaluation_wrap .institution_wrap ul li {flex:1 1 40%;display: flex;flex-direction: column;gap: 10px;}
.evaluation_wrap .institution_wrap ul li strong {background: #e8f1f7;display: block;border-radius: 10px;padding: 15px;text-align: center;}
.evaluation_wrap .institution_wrap ul li p {border: 1px solid #848484;border-radius: 10px;height: 150px;display: flex;align-items: center;justify-content: center;font-size: 15px;text-align: center;}
.evaluation_wrap .institution_wrap ul li span {background: #f5f5f5;display: block;border-radius: 10px;text-align: center;font-weight: 700;padding: 15px;}
.evaluation_wrap .institution_wrap .text_bottom {border:2px solid #245c9c;color:#245c9c;text-align:center;border-radius:10px;padding:15px;}
.evaluation_wrap .institution_wrap .text_bottom_wrap {display:flex;gap:10px;}
.evaluation_wrap .institution_wrap .text_bottom_wrap strong:first-child {flex-grow:1}
.evaluation_wrap .institution_wrap .text_bottom_wrap strong:last-child {width:33%;}
.evaluation_wrap .institution_wrap.committee {width:60%;}
.evaluation_wrap .institution_wrap.committee .text_head {background: #5a2d91;}
.evaluation_wrap .institution_wrap.committee ul li strong {background: #f2e7ff;}
.evaluation_wrap .institution_wrap.committee .text_bottom {border: 2px solid #5a2d91;color: #5a2d91;display: flex;align-items: center;justify-content: center;}
.accreditation_step {}
.accreditation_step > ul {display: flex;flex-wrap: wrap;gap: 10px;}
.accreditation_step > ul > li {flex: 1 1 40%;display: flex;flex-direction: column;border: 1px solid #e9e9e9;padding: 30px;border-radius: 10px;}
.accreditation_step > ul > li em {font-family:'montserrat';font-size: 11px;font-weight: 500;letter-spacing: 0;background: #0756bb;color: #fff;width: 64px;padding: 5px 10px;text-align: center;border-radius: 30px;}
.accreditation_step ul li strong {border-bottom: 1px solid #e9e9e9;font-size: 21px;font-weight: 800;padding: 10px 0 10px 5px;margin-bottom: 25px;}
.objective_wrap {position: relative;}
.objective_wrap strong {display: flex;width: 200px;height: 200px;justify-content: center;align-items: center;background: #245c9c;color: #fff;border-radius: 100%;text-align: center;padding: 3%;border: 10px solid #ffffff;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);box-shadow: 0 0 20px 1px rgba(0, 0, 0, 0.2);}
.objective_wrap ul {display:flex;flex-wrap: wrap;gap: 20px;}
.objective_wrap ul li {flex:1 1 40%;background: #f0f7ff;border-radius: 15px;padding: 3% 9%;display: flex;align-items: center;justify-content: center;text-align: center;}
.objective_wrap ul li:nth-child(2) {background: #f9f0ff;}
.objective_wrap ul li:nth-child(3) {background: #fff3e7;}
.objective_wrap ul li:last-child {background: #eaf7ec;}

/* 공용기관생명윤리위원회 운영 */
.sub_tab_s {position:relative;margin-bottom: 30px;}
.sub_tab_s:after {content: '';width: 100%;height: 1px;background: #d1d1d1;position: absolute;bottom: 0;left: 0;}
.sub_tab_s ul {display:flex;gap:20px;}
.sub_tab_s ul li {}
.sub_tab_s ul li a {font-size: 20px;display:block;position:relative;}
.sub_tab_s ul li+li a {padding-left:25px;}
.sub_tab_s ul li+li a:before {content:'';width:6px;height:6px;background: #d3d3d3;border-radius: 100%;position: absolute;top: 50%;left: 0;margin-top: -3px;}
.sub_tab_s ul li a span {position:relative;display: block;padding: 20px 0;}
.sub_tab_s ul li.on a span, .sub_tab_s ul li a:hover span {font-weight:800;color:#3182b8}
.sub_tab_s ul li.on a span:after, .sub_tab_s ul li a:hover span:after {content:'';width:100%;height: 3px;background: #3182b8;position: absolute;bottom: 0;left: 0;z-index:1}
.description_wrap {display: flex;gap: 20px;margin-top:15px;font-size:15px;}
.description_wrap strong {width: 30px;height: 30px;background: #245c9c;border-radius: 100%;color: #fff;display: flex;justify-content: center;align-items: center;flex-shrink: 0;}
.step_layout {background-color: #EAF3F8;padding: 20px;border-radius: 15px}
.step_inner {display: flex;flex-wrap: wrap;}
.step_inner > li {padding: 15px;flex: 1 1 25%;}
.step_box {border: 1px solid #dce1e9;height: 100%;text-align: center;padding: 25px;border-radius: 10px;background-color: #fff;position:relative;display: flex;align-items: center;justify-content: center;}
.step_box:after {content: '';position: absolute;background: url(../images/n_icon.png) no-repeat 0 0 / 100%;width: 15px;height: 23px;right: -24px;top: 50%;margin-top: -11px}
.step_box strong {display: flex;border-bottom: 1px solid #dce1e9;padding: 0px 0 15px 0;font-size: 19px;font-weight: 800;height: 71px;flex-direction: column;justify-content: center;}
.step_box em {display:block;font-size:15px;font-weight:normal}
.step_box ul {padding-top: 23px;text-align: left}
.step_box ul li {position:relative;padding-left: 6px;margin-bottom: 10px;}
.step_box ul li:before {content:'';width: 3px;display: inline-block;height: 3px;left: 0;position: absolute;background-color: #757d8b;top: 8px;}
.step_inner > li:last-child .step_box:after {content:none}
.step_layout.tit_type .step_box {justify-content: flex-start;flex-direction: column;}
.step_layout.tit_type .step_box strong {width:100%;}
.step_layout.tit_type .step_box p {padding-top:15px;}
.information_wrap {margin-top: 30px;background: #f5f5f5;display: flex;border-radius: 50px;padding: 30px 50px;gap: 30px;align-items: center;}
.information_wrap strong {font-size: 19px;display: flex;align-items: center;gap: 5px;}
.information_wrap strong:before {content:'';width:22px;height:22px;background: url(../images/ico_tel.svg) no-repeat 0 0 / 100%;}

/* 통합검색 */
.search_wrap {background: #f5f5f5;border-radius: 15px;padding: 3% 1%;}
.search_wrap fieldset {max-width: 500px;display: flex;align-items: center;margin:0 auto;gap: 4px;}
.search_wrap fieldset input[type="text"] {flex-grow: 1;height: 54px;border-radius: 50px;padding: 10px 20px;border: 2px solid #245c9c;font-size:15px;}
.search_wrap fieldset button {background: #245c9c;border: 0;height: 50px;color: #fff;font-size: 15px;border-radius: 50px;padding: 0 30px;}
.search_result_text {font-size: 1.5rem;text-align: center;margin: 50px 0;letter-spacing: 0;font-weight: 800;}
.search_result_text strong {font-weight: 800;}
.search_result_list {border-top: 2px solid #424242;}
.search_result_list ul {}
.search_result_list ul li {padding:30px 0;border-bottom: 1px solid #ddd;}
.search_result_list ul li a strong {font-size: 21px;font-weight: 800;}
.search_result_list ul li a p {margin-top:15px;}
.search_result_list ul li span {display: block;margin-top: 15px;font-family: 'montserrat';color: #666;font-size: 15px;font-weight: 400;letter-spacing: 0;}
.search_result_list ul li .category_box {display: inline-block;margin-top: 30px;background: #f5f5f5;padding: 10px 25px;border-radius: 50px;}
.search_result_list ul li .category_box a {position:relative;}
.search_result_list ul li .category_box a+a {padding-left: 15px;margin-left: 10px;}
.search_result_list ul li .category_box a+a:before {content:'';width:6px;height:11px;background: url(../images/bl_category.png) no-repeat 0 0 / 100%;position:absolute;top:50%;left:0;margin-top: -5px;}


/* 테이블 */
.table_layout {position: relative;overflow:hidden;overflow-x: auto;}
.table_layout table {width: 100%;min-width: 640px;border-top: 2px solid #424242;}
.table_layout.w1100 table {border-top:1px solid #333;min-width: 1200px;width:100%;}
.table_layout.pop table {min-width: auto}
.table_layout table th {background:#f8f8f8;border-bottom: 1px solid #ddd;color:#212121;padding: 12px 5px;}
.table_layout table td {border-bottom: 1px solid #ddd;text-align:center;color: #666666;padding: 5px;height: 47px}
.table_layout.t_tal table td {text-align: left;}
.scroll_img {display: none;position: absolute;top: 50%;left: 50%;height: 60px;width: 60px;background: rgba(27, 59, 134, 0.7) url(../images/scroll_img.png) no-repeat center / 83%;text-indent: -999em;border-radius: 100%;margin-top: -30px;margin-left: -30px}
.table_layout.data_table table th, .table_layout.data_table table td {font-size:17px;color:#333}
.table_layout.data_table table th+th,
.table_layout.data_table table td+td {border-left:1px solid #ddd;}
.table_layout.data_table table tbody th {border-right:1px solid #ddd;}
.table_layout.data_table table td.blnone {border-left:0}
.table_list {text-align: left;}
.table_list > ol > li {margin-bottom: 10px;}
.table_list > ol > li > ol {margin-left: 17px;}

.pop_table_wrap {margin-bottom:30px;}
.pop_table_wrap {margin-bottom:30px;}
.pop_table_wrap ul {display: flex;flex-direction: column;gap: 30px;}
.pop_table_wrap ul li {display: flex;flex-direction: column;gap: 10px;}
.pop_table_wrap ul li > label {font-size:14px;}
.pop_table_wrap ul li .auth_wrap {display:flex;flex-direction: column;gap: 5px;}
.input_form_wrap {display:flex;position:relative;}
.input_form_wrap input[type="text"] {border: 1px solid #D4D4D4;border-radius: 5px;}
.input_form_wrap input[type="text"]:focus {outline:0;}
.input_form_wrap button {position:absolute;top: 2px;right: 2px;}
.input_form_wrap .code {display: flex;text-align: center;color: red;align-items: center;width: 100px;justify-content: center;}
.radio_box label {font-weight:bold;}
em.point {background-color: #f8f8f8;display: inline-block;width: 22px;height: 17px;margin-right: 6px;border: 1px solid #ebebeb}
.point {position: relative}
.point:after {content: '';display: block;position: absolute;top: -6px;right: -6px;width: 0;height: 0;border: 6px solid;border-color: #ff0051 transparent transparent transparent;transform: rotate(225deg)}
.notice {display: inline-block;background: #3182b8;color: #fff;max-width: 50px;width: 100%;border-radius: 50px;padding: 2px;}

.board_search {display: flex;justify-content: space-between;align-items: center}
.board_search fieldset {display: flex;justify-content: flex-end;gap: 5px;align-items: center;flex-grow: 1}
.board_search fieldset .btn_basic_ss {background: #3182b8 url(../images/ico_search02.png) no-repeat center / 19px;text-indent: -999em;width: 40px;height:40px;border-radius: 5px}

.board_wrap {border-top: 2px solid}
.board_wrap .board_view {margin-bottom: 50px}
.board_wrap .board_view .board_view_header {border-bottom: 1px solid #e5e5e5;padding: 20px 15px}
.board_wrap .board_view .board_view_header .title {font-size: 19px}
.board_wrap .board_view .board_view_header .board_view_info {display: flex;gap: 30px;margin-top: 10px;}
.board_wrap .board_view .board_view_header em {font-size:15px;}
.board_wrap .board_view .board_view_header .board_date {color: #767676}
.board_wrap .board_view .board_content {padding: 30px 15px;border-bottom: 1px solid #e5e5e5;}
.board_wrap .board_view .attachment {background-color: #f8f8f8;padding: 30px 15px;border-bottom: 1px solid #e5e5e5;}
.board_wrap .board_view .attachment h5 {font-size: 17px;margin-bottom: 10px;}
.board_wrap .pagination {border-top: 1px solid #b5b5b5;border-bottom: 1px solid #b5b5b5;}
.board_wrap .pagination .prev {padding: 15px;border-bottom: 1px solid #e5e5e5;display: flex}
.board_wrap .pagination .name {min-width: 65px;font-weight: 600}
.board_wrap .pagination .text {}
.board_wrap .pagination .next {padding: 15px;display: flex}
.attachment a+a {margin-top:10px;}
.file_link {align-items: center;margin-right: 10px;position: relative;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;word-wrap: break-word;line-height: 18px;height: 20px;overflow: hidden;}
.ico_file {display: inline-block;text-indent: -999em;width: 20px;background: url(../images/ico_file.png) no-repeat 0 -58px;height: 20px;margin-right: 3px;}
input[type="checkbox"] {vertical-align:-2px;}
label input[type="checkbox"] {    vertical-align: -1px;}

.thumb_img {display:inline-block;width: 200px;height: 144px;margin-bottom: 15px;}
.file_upload {display: flex;align-items: center}
.file_upload label {display: inline-block;width:34px;height:34px;border-radius:3px;color: #fff;vertical-align: middle;background-color: #1e4d94;cursor: pointer;background-image:url(../images/icon_file_upload.png); background-repeat: no-repeat; background-position:50% 50%;transition: all 0.3s;}
.file_upload label span {display:inline-block;text-indent:-9999px;}
.file_upload label:hover{background-color:#042b65;}
.file_upload label.focus {outline: 2px solid black;outline-style: solid}
.file_upload input[type="file"] {position: absolute;width: 0 !important;height: 0 !important;padding: 0;overflow: hidden;border: 0}
.file_upload .file_txt{margin-left:5px;color:#999}

.datepicker {position: relative;display: inline-block;max-width: 250px;width: 100%;}
.ui-datepicker-trigger {width:auto;}

/* 추진체계 */
.framework_wrap {display: flex;flex-direction: column;align-items: center;}
.framework_wrap > strong {background: #006072;color: #fff;font-size: 19px;border-radius: 50px;padding: 20px 5%;border: 15px solid #e2f1f4;}
.framework_wrap > ul {display: flex;gap: 30px;position:relative;padding-top: 100px;margin-top: 20px;}
.framework_wrap > ul:after {content:'';width:205px;height:111px;background:url('../images/bg_framework.png') no-repeat center 0 / 100%;position:absolute;top:0;left:50%;margin-left:-102px;}
.framework_wrap > ul > li {flex: 1 1 25%;border: 1px solid #e3e3e3;border-radius: 15px;overflow: hidden;}
.framework_wrap > ul > li > strong {display:block;text-align:center;padding: 15px;color: #fff;}
.framework_wrap > ul > li:first-child > strong {background:#0756bb}
.framework_wrap > ul > li:nth-child(2) > strong {background:#4a049f}
.framework_wrap > ul > li:nth-child(3) > strong {background:#e15500}
.framework_wrap > ul > li:last-child > strong {background:#333}
.framework_wrap > ul > li > ul {padding: 15px;display: flex;flex-direction: column;gap: 10px;}
.framework_wrap > ul > li > ul > li {font-size: 16px;text-indent: -9px;padding-left: 9px;}

/* 중장기 로드맵 */
.roadmap_wrap {}
.roadmap_wrap > ul {display:flex;flex-direction: column;gap: 20px;}
.roadmap_wrap > ul > li {display:flex;align-items: flex-start;}
.roadmap_wrap > ul > li > strong {width:200px;background:#245c9c;color:#fff;text-align:center;display: flex;align-items: center;justify-content: center;padding:20px 10px;border-radius:50px;flex-shrink: 0;}
.roadmap_wrap > ul > li .roadmap_left {padding-left:100px;flex-grow: 1;position:relative;}
.roadmap_wrap > ul > li .roadmap_left:before {content:'';width:41px;height:9px;background:url('../images/arrow_purpose02.png') no-repeat center 0 / 100%;position:absolute;top: 30px;left: 27px;}
.roadmap_wrap > ul > li .vision {background: #004653;color: #ffffff;font-weight: 600;text-align: center;padding: 20px 10px;border-radius: 50px;}
.roadmap_wrap > ul > li .phases_text {display:flex;}
.roadmap_wrap > ul > li .phases_text p {flex: 1 1 30%;text-align: center;background: rgba(211,162,86,.2);height: 65px;display: flex;justify-content: center;align-items: center;border-radius: 50px;padding: 0 20px;}
.roadmap_wrap > ul > li .phases_text p+p {margin-left:-20px;}
.roadmap_wrap > ul > li .phases_text.bg_type p {background: rgba(121,121,121,.1);}
.roadmap_wrap > ul > li .initiatives_text {display: flex;gap:10px;}
.roadmap_wrap > ul > li .initiatives_text .initiatives_text_list {flex:1 1 30%;border-radius: 15px;background: #f2f8ff;padding: 30px;}
.roadmap_wrap > ul > li .monitoring_text {display:flex;gap:10px;}
.roadmap_wrap > ul > li .monitoring_text .monitoring_text_list {flex: 1 1 30%;background: #f6efff;border-radius: 15px;overflow:hidden;}
.roadmap_wrap > ul > li .monitoring_text .monitoring_text_list strong {display: block;background: #401671;color: #fff;text-align: center;padding: 12px 10px;}
.roadmap_wrap > ul > li .monitoring_text .monitoring_text_inner {padding:20px;}

/* 포토 리스트 */
.photo_list_wrap {}
.photo_list_wrap > ul {border-top: 2px solid #424242;}
.photo_list_wrap > ul > li {border-bottom: 1px solid #ddd;padding: 35px;}
.photo_list_wrap > ul > li a {display: flex;gap: 50px;align-items: center;}
.photo_list_wrap > ul > li a >.img {max-width:325px;width:100%;height: 240px;flex-shrink: 0;position: relative;background: #efefef;}
.photo_list_wrap > ul > li a >.img img {position:absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.photo_list_wrap > ul > li a .text_wrap {flex: 1 1 auto;}
.photo_list_wrap > ul > li a .text_wrap strong {font-size: 21px;font-weight: 800;position: relative;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;word-wrap: break-word;line-height: 19px;height: 20px;overflow: hidden;}
.photo_list_wrap > ul > li a .text_wrap p {margin-top: 20px;position: relative;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-wrap: break-word;line-height: 26px;height: 48px;overflow: hidden;}
.photo_list_wrap > ul > li a .text_wrap .desc_wrap {display: flex;font-size: 15px;color: #666;gap: 30px;margin-top: 70px;}

.photo_list_wrap.s_box > ul > li a {flex-wrap: wrap;gap: 20px;}
.photo_list_wrap.s_box > ul > li a > .img {max-width: 110px;height: 142px}
.photo_list_wrap.s_box > ul > li {padding: 25px;}
.photo_list_wrap.s_box > ul > li a .text_wrap strong {font-size: 18px;margin-bottom: 9px;}
.photo_list_wrap.s_box  > ul > li a .text_wrap .desc_wrap {margin-top: 10px;}
.photo_list_wrap.s_box  > ul > li a .text_wrap .down_list {font-size: 16px}
.photo_list_wrap.s_box .desc_wrap {display: flex;gap: 28px;font-size: 16px;color: #767676;min-width: 148px;}
.photo_list_wrap.s_box .desc_wrap em {}
.photo_list_wrap.s_box .down_icon {line-height: 0;min-width: 56px;text-align: center;}

/* 갤러리 리스트 */
.gallery_list_wrap {border-top: 2px solid #424242;padding-top: 10px;}
.thumbnail_wrap {display: flex;margin: 0 -15px;flex-wrap: wrap;}
.thumbnail_wrap .thumbnail_inner {padding: 15px;width: 25%;display: block;}
.thumbnail_wrap .thumbnail_inner .thumbnail_img img {border-radius: 10px}
.thumbnail_wrap .thumbnail_inner .thumbnail_btn {display: flex;margin: 14px 0;gap: 5px}
.thumbnail_wrap .thumbnail_inner .thumbnail_btn a {flex: 1 1 50%;text-align: center;border: 1px solid;border-radius: 15px;padding: 4px 0}
.thumbnail_wrap .thumbnail_inner .thumbnail_btn a.face_n {background-color: #f7fde3;border-color: #dde5c0;color: #516700;}
.thumbnail_wrap .thumbnail_inner .thumbnail_btn a.face {background-color: #fdf2e3;border-color: #e1ceb4;color: #7d5012;}
.thumbnail_wrap .thumbnail_inner .thumbnail_btn a.recr01 {background-color: #d7eaff;border-color: #a2c9f5;color: #164478;} /*모집예정*/
.thumbnail_wrap .thumbnail_inner .thumbnail_btn a.recr02 {background-color: #e5e5e5;border-color: #bdbdbd;color: #505050} /*모집마감*/
.thumbnail_wrap .thumbnail_inner .thumbnail_btn a.recr03 {background-color: #dbffeb;border-color: #9de1bb;color: #005a29;} /*모집중*/
.thumbnail_wrap .thumbnail_inner .thumbnail_text {margin-bottom: 9px}
.thumbnail_wrap .thumbnail_inner .thumbnail_text em {display: block}
.thumbnail_wrap .thumbnail_inner .thumbnail_text span {font-size: 16px;font-weight: 800;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;}
.thumbnail_wrap .thumbnail_inner .thumbnail_list {border-top: 1px solid #e7e7e7;padding: 10px 0;color: #767676;font-size: 15px}
.thumbnail_wrap .thumbnail_inner .thumbnail_list li {}
.thumbnail_wrap .thumbnail_inner .thumbnail_btn02 {display: flex;margin-top: 10px;margin-bottom: 10px}
.thumbnail_wrap .thumbnail_inner .thumbnail_btn02 a {flex: 1 1 50%;text-align: center;border: 1px solid;padding: 7px 0}
.thumbnail_wrap .thumbnail_inner .thumbnail_btn02 .e_app {background-color: #006540;color: #fff;border: 1px solid #006540;border-radius: 5px 0 0 5px}
.thumbnail_wrap .thumbnail_inner .thumbnail_btn02 .e_view {background-color: #323232;border: 1px solid #323232;color: #fff;border-radius: 0 5px 5px 0}
.thumbnail_wrap .thumbnail_inner .etc_text {font-size:15px;}

.gallery_wrap {max-width: 800px;margin: 40px auto;opacity: 0;}
.gallery_wrap.is-ready {opacity: 1;}
.gallery_wrap .slick-slider {position:relative;padding-top: 20px;}
.gallery_wrap .slider-for {margin-bottom: 15px;    position: relative}
.gallery_wrap .slider-for img {width: 100%;display: block}
.gallery_wrap .slider-for p {padding-top: 24px}
.gallery_wrap .slider-nav .slick-slide {padding: 0 5px}
.gallery_wrap .slider-nav > button {border: none;background: none;padding: 0;cursor: pointer;position: absolute;left: -36px;top: 50%;background: url(../images/previous_page.png) no-repeat center;margin-top: -11px;}
.gallery_wrap .slider-nav > button.slick-next {right: -36px;left: auto;background: url(../images/next_page.png) no-repeat center;}
.gallery_wrap .slick-list button {border: none;background: none;padding: 0;cursor: pointer;position: relative;padding-top: 67%;width: 100%;}
.gallery_wrap .slider-nav img {display: block;width: 100%;position: absolute;top: 0;height: 100%;}
.gallery_wrap .slider-nav .slick-current button {outline: 2px solid #0072ce}
.gallery_wrap .slick-prev, .gallery_wrap .slick-next {width: 40px;height: 40px;border: 0;}
.gallery_wrap .slick-prev {left: -38px;background: url(../images/previous_page.png) no-repeat center;}
.gallery_wrap .slick-next {right: -38px;background: url(../images/next_page.png) no-repeat center;}

/**카드뉴스일 경우**/
.thumbnail_wrap.card .thumbnail_inner .thumbnail_text {margin-top: 13px;margin-bottom: 20px}
.thumbnail_wrap.gallery .thumbnail_inner .thumbnail_text {margin-top: 13px;margin-bottom: 20px}
.thumbnail_wrap.gallery .thumbnail_inner .thumbnail_img {position: relative;padding-top: 66%;overflow: hidden;border-radius: 10px}
.thumbnail_wrap.gallery .thumbnail_inner .thumbnail_img img {position: absolute;top: 0;transition: transform 0.5s ease-in-out}
.thumbnail_wrap.gallery .thumbnail_inner:hover .thumbnail_img img {;transform: scale(1.1);}
.thumbnail_wrap.gallery .thumbnail_inner .thumbnail_text span {font-size: 16px;font-weight: 800;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden}

/* 뉴스 리스트 */
.news_list_wrap {border-top: 2px solid #424242;padding-top: 15px;}
.news_list_wrap ul {display: flex;flex-wrap: wrap;margin:0 -15px;}
.news_list_wrap ul li {width: 25%;padding: 15px;}
.news_list_wrap ul li a {display: flex;border: 1px solid #e3e3e3;height: 100%;padding: 30px;flex-direction: column;gap: 25px;position:relative;transition: 0.2s;}
.news_list_wrap ul li a span {display: block;font-size: 15px;color: #00318f;font-weight: 600;}
.news_list_wrap ul li a strong {font-size: 21px;font-weight: 800;position: relative;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-wrap: break-word;line-height: 30px;height: 56px;overflow: hidden;}
.news_list_wrap ul li a strong.clamp_02 {-webkit-line-clamp: 2;font-size: 18px;height: 49px;line-height: 25px}
.news_list_wrap ul li a p {position: relative;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-wrap: break-word;line-height: 23px;height: 50px;overflow: hidden;}
.news_list_wrap ul li a p.clamp_05 {display: -webkit-box;-webkit-line-clamp: 5;height: 115px}
.news_list_wrap ul li a .desc_wrap {font-size:15px;display:flex;gap:20px;color:#666;}
.news_list_wrap ul li a:hover {border:1px solid #00318f;transition: 0.2s;}

/* FAQ */
.webtong_faq {font-size: 15px}
.webtong_faq dt {border: 1px solid #cccccc;padding: 13px;border-radius: 5px;margin-top: 10px;box-shadow: 0px 4px rgba(0, 0, 0, 0.03)}
.webtong_faq dt:hover, .webtong_faq dt.active {background-color: #f2faff;border: 1px solid #c0d1dc;-webkit-transition: all .6s ease;-o-transition: all .6s ease;transition: all .6s}
.webtong_faq dt a {position:relative;padding-left: 38px;display: block;}
.webtong_faq dt a:before {content: 'Q';border: 1px solid #01385d;background-color: #01385d;color: #fff;font-size: 14px;display: inline-block;position: absolute;left: 0;top: -4px;border-radius: 100%;height: 30px;width: 30px;text-align: center;line-height: 25px;font-family: 'montserrat';font-weight: 500}
.webtong_faq dt a:after {content: '';position: absolute;background: url('../images/faq_up_down.png') no-repeat center top;width: 12px;height: 10px;right: 0;top: 8px}
.webtong_faq dt.active a:after {background-position:center bottom;top:1px}
.webtong_faq dd {padding: 20px 20px;display: none}
.webtong_faq dd .in_content {position:relative;padding-left: 38px;}
.webtong_faq dd .in_content:before {content: 'A';border: 1px solid #4d95c5;background-color: #4d95c5;color: #fff;font-size: 13px;display: inline-block;position: absolute;left: 0;top: -4px;border-radius: 100%;height: 30px;width: 30px;text-align: center;line-height: 26px;font-family: 'montserrat';font-weight: 500;}
.webtong-list-content li {position: relative;padding-left: 9px;margin-bottom: 7px}
.webtong-list-content li:before {content: '';position: absolute;background-color: #898989;top: 11px;left: 0;width: 3px;height: 3px}
.webtong-list-content li strong {display: block}

/*메일링*/
.mailing_wrap {margin-top: 50px}
.mailing_wrap ul {display: flex;gap: 25px;flex-wrap: wrap;}
.mailing_wrap ul li {flex: 1 1 30%;min-width: 320px;}
.mailing_inner {border: 1px solid #e3e3e3;padding: 30px;border-radius: 15px;display: flex;gap: 20px;align-items: center;height: 119px;}
.frm_box {border: 1px solid #d9e6f3;border-radius: 15px;padding: 30px;background-color: #f1f8ff}
.frm_box dl {margin-top: 15px}
.frm_box dl dt {font-weight: 600}

/*장식*/
.outline_wrap {position: relative;max-width: 1000px;margin: 0 auto;}
.outline_wrap .t_left {background: url(../images/line.svg) no-repeat;position: absolute;width: 101px;height: 102px;top: 18px;transform: rotate(270deg);left: 18px;z-index: -1}
.outline_wrap .t_right {background: url(../images/line.svg) no-repeat;position: absolute;width: 101px;height: 102px;top: 18px;transform: rotate(0deg);right: 18px;z-index: -1}
.outline_wrap .l_bottom {background: url(../images/line.svg) no-repeat;position: absolute;width: 101px;height: 102px;bottom: 18px;transform: rotate(-180deg);left: 18px;z-index: -1}
.outline_wrap .r_bottom {background: url(../images/line.svg) no-repeat;position: absolute;width: 101px;height: 102px;bottom: 18px;transform: rotate(90deg);right: 18px;z-index: -1}
.outline_inner {border: 4px solid #b59166;padding: 10%;border-radius: 13px;outline: 2px solid rgb(118 81 35 / 37%);outline-offset: -11px;outline-style: dotted;}
.outline_inner .outline_tit {text-align: center;font-size: 29px;margin-bottom: 40px;font-weight: 800;}
.outline_inner .outline_text {font-size: 20px;text-indent: 18px;margin-bottom: 60px;}
.outline_inner .outline_ul {margin-bottom: 41px}
.outline_inner .outline_ul li {display: flex;gap: 20px;margin-bottom: 30px;align-items: center}
.outline_inner .outline_ul li em {display: inline-flex;border: 1px solid #006072;min-width: 60px;height: 60px;justify-content: center;align-items: center;border-radius: 50%;background-color: #006072;color: #fff;}
.outline_inner .outline_ul li p {}
.outline_inner .outline_data  {display: block;text-align: center;margin-bottom: 10px}
.outline_inner .outline_name  {display: block;text-align: center}
.signature_wrap ul {display: flex;gap: 10px;justify-content: space-evenly;margin-top: 30px}
.signature_wrap ul li b {margin-left: 7px;}

.terms_and_conditions {font-size: 16px}
.terms_and_conditions .terms_tit {font-size: 30px;text-align: center;margin-bottom: 30px}
.terms_and_conditions .terms_tit02 {font-size: 20px;margin: 40px 0 15px;}
.terms_and_conditions .terms_date {font-size: 15px}
.terms_and_conditions > ol > li {margin-bottom: 10px}
.terms_and_conditions > ol > li b {display: block;}
.terms_and_conditions > ol > li > ol {}

/* 타이틀 */
.m_tit {font-size: 35px;font-weight: 800;margin-bottom: 20px;}
.m_tit span {font-weight: 100;}
.stit {margin-bottom:50px;font-size:40px;font-weight:900;text-align:center;}
.sstit {font-size:25px;padding:50px 0 20px;font-weight:900;}
.ssstit {color:#245c9c;font-size:19px;padding:30px 0 10px;font-weight:900;}
.p_tit {padding: 12px 20px;background: #245c9c;color: #fff;font-size: 20px;border-radius: 10px 10px 0 0;}
.search_tit {font-size:25px;padding:50px 0 20px;font-weight:900;}
.search_tit span {font-size:19px;font-weight:400;}

/* btn */
.btn_wrap {text-align:center;}
.btn_basic {min-width:135px;padding: 12px 5%;color:#fff;display:inline-block;text-align:center;font-size:15px;background: #3182b8;border-radius: 5px}
.btn_basic.btn_s {padding: 5px 12px;min-width: 100px}
.btn_basic.btn_ts {padding: 9px 12px;min-width:100px}
.btn_bg_type00 {background:#245c9c;border:1px solid #245c9c;border-radius:50px}
.btn_bg_type01 {background:#212121;border:1px solid #212121;border-radius:50px}
.d_icon {background: url(../images/d_icon.svg) no-repeat;width: 23px;display: inline-block;height: 24px;vertical-align: -5px;margin-right: 9px}
.line_type01 {color:#245c9c;border:1px solid #245c9c;border-radius:50px}
.btn_wrap_right {display: flex;justify-content: flex-end;margin-top: 10px;align-items: center;font-size: 15px}
.btn_login {display: block;width: 100%;max-width: 320px;margin: 0 auto;background: #006540;color: #fff;padding: 15px 0;font-size: 15px;text-align: center;border-radius:50px;}
.btn_basic:hover, .btn_basic:focus {opacity:0.8;    transition: 0.15s ease;}
.btn_basic_w {max-width:230px !important;}
.btn_basic_s {display: inline-block;background: #3182b8;color: #fff;padding: 10px 16px 10px;font-size: 14px;border-radius: 5px}
.btn_add {display: inline-block;padding: 5px 15px;min-width: 70px;color: #006540;border-radius: 3px;text-align: center;font-size: 15px;border: 1px solid #1B3B86;font-weight: 600;background:none;margin-top: 20px;}
.btn_add span {padding-left: 22px;background: url(../images/icon_btn_add.png) no-repeat 0 center;}
.rounding_btn {display: inline-flex;border: 1px solid #a2b5cd;align-items: center;padding: 8px 38px;border-radius: 21px}
.px_lock {background: url(../images/px_lock.png) no-repeat center;text-indent: -999em;display: inline-block;width: 14px}
.ico_file {display: inline-block;text-indent: -999em;width: 20px;background: url(../images/ico_file.png) no-repeat 0 -58px;height: 20px;margin-right: 3px}
.ico_file.img {background-position: 0 0px}
.ico_file.hwp {background-position: 0 -29px;}
.ico_file.exel {background-position: 0 -87px;}
.ico_file.word {background-position: 0 -116px;}
.ico_file.pdf {background-position: 0 -146px;}
.img_wrap {background-color: #e3eff5;text-align: center;padding: 5%}
.btn_delete {background: #555555 url(../images/ico_close.png) no-repeat center;width: 25px;height: 25px;display: inline-block;text-indent: -9999px;padding: 0;border-radius: 100%;background-size: 9px 8px;}
.btn_open_window {font-size:15px;padding: 12px 25px;display:inline-block;background: #0756bb;border-radius: 50px;color:#fff;max-width: 280px;width: 100%;text-align: left;}
.btn_open_window span {display:block;position:relative;}
.btn_open_window span:after {content:'';width:13px;height:13px;background:url(../images/px_open_window03.png) no-repeat 0 0;position:absolute;top: 50%;right:0;margin-top: -7px;}
.etc_text {font-size:15px}

/**  color **/
.c_red {color:#d30000;}
.c_red02 {color:#f27367;}
.c_green {color:#006540;}
.c_blue {color:#45a2bc;}
.c_blue02 {color:#2757c7;}
.color_01 {color:#245c9c;}
.color_02 {color:#c71e1e;}
.link {color: #00318f;}
.link_u {color: #0080df;}
.link_u:hover {text-decoration: underline;text-underline-offset : 3px}
.link:hover {text-decoration: underline;text-underline-offset : 3px}

/**개인정보처리방침**/
.holder {}
.holder a img {vertical-align: middle}
.holder ol li a  {color: #0073ad;text-decoration: underline}
.holder ol li a:hover, .holder ol li a:focus  {font-weight:bold}

.noti.type3, .noti.type4 {padding: 24px 30px}
.noti {padding: 36px 30px 36px 68px;line-height: 25px;color: #4c4c4c;word-break: keep-all;background: #f6f6f6;background-size: 18px auto;box-sizing: border-box}
.noti.type4.line {background: #fff;border: 1px solid #e0e0e0}
.noti.type4 {font-size: inherit;line-height: inherit}
.policy p + h4, .policy p + h5, .policy ol + h4, .policy ol + h5, .policy .tbl + h4, .policy .tbl + h5 {margin-top: 55px}
.policy * + .poly_tit, .policy * + .poly_subtit, .policy * + .poly_nav {margin-top: 60px}
.policy h3 + p, .policy h4 + p, .policy h4 + ol, .policy .tbl, .policy .tbl + p, .policy .tbl + ol, .policy .mswiper + p, .policy .mswiper + ol, .poly_dl2 + .poly_dl2 {margin-top: 20px}
.policy .poly_tit {text-align: center;font-size: 24px;line-height: 1.393;letter-spacing: -0.025em}
.policy p + .noti, .policy ol + .noti, .policy * + .btn, .policy .btn + ol, .poly_dl + .poly_dl, .policy .noti + ol {margin-top: 24px}
.poly_tit + .noti {margin-top: 30px}
.policy .num {position: absolute;top: 0;left: 0}
.policy ol > li {position: relative;padding-left: 30px}
.poly_index a {display: block;padding-left: .75em;text-indent: -.75em}
.poly_nav {text-align: center;margin-bottom: -.3em}
.poly_nav_link {display: block}
.poly_nav .ico {width: 60px;margin: 0 auto 28px;background-repeat: no-repeat;background-position: center;background-size: contain}
.poly_nav .ico:after {content: "";display: block;padding-bottom: 100%}
.poly_nav .tit {font-size: 20px;height: 3.1em;line-height: 3.1em;color: #1a5bb1;background: #e7edfa;font-weight: 900;margin-bottom: .75em}
.poly_nav .list {font-size: 15px;line-height: 1.667}
.poly_nav .ico1 {background-image: url(../images/poly_nav_01.png)}
.poly_nav .ico2 {background-image: url(../images/poly_nav_02.png)}
.poly_nav .ico3 {background-image: url(../images/poly_nav_03.png)}
.policy .poly_subtit {font-size: 24px;line-height: 1.2;display: -webkit-box;display: flex;align-items: center;min-height: 40px;padding-top: .2em;position: relative;padding-left: 53px;letter-spacing: -0.025em;-webkit-box-sizing: border-box;box-sizing: border-box;flex-wrap: wrap}
.policy .poly_subtit .ico {display: block;width: 40px;background-repeat: no-repeat;background-position: 0 center;background-size: contain;position: absolute;left: 0;top: 0}
.policy .poly_subtit .ico::after {content: "";display: block;padding-bottom: 100%}

.policy .poly_subtit .ico1 {background-image: url(../images/poly_ico_01.png)}
.policy .poly_subtit .ico2 {background-image: url(../images/poly_ico_02.png);background-size: 36px}
.policy .poly_subtit .ico3 {background-image: url(../images/poly_ico_03.png)}
.policy .poly_subtit .ico4 {background-image: url(../images/poly_ico_04.png)}
.policy .poly_subtit .ico5 {background-image: url(../images/poly_ico_05.png)}
.policy .poly_subtit .ico6 {background-image: url(../images/poly_ico_06.png)}
.policy .poly_subtit .ico7 {background-image: url(../images/poly_ico_07.png)}
.policy .poly_subtit .ico8 {background-image: url(../images/poly_ico_08.png)}
.policy .poly_subtit .ico9 {background-image: url(../images/poly_ico_09.png)}

.policy .tbl table {width:100%}
.policy .tbl {table-layout: fixed;width: 100%;border-top: 2px solid #333}
.policy .tbl th:first-child, .policy .tbl td:first-child {border-left: none}
.policy .tbl thead th {font-weight: 700;color: #333;background: #f6f6f6}
.policy .tbl th, .policy .tbl td {padding: 1.412em 0.236em;text-align: center;border-bottom: 1px solid #e0e0e0;border-left: 1px solid #e0e0e0;letter-spacing: -0.025em;box-sizing: border-box}
.btn.pdd2 {padding: 0 24px}
.btn.bgreen {color: #fff;background-color: #006072}
.btn.h60 {height: 38px;line-height: 36px;font-size: 17px;font-weight: 700}
.btn, .btn .icon {display: inline-block;vertical-align: middle}
.btn {box-sizing: border-box}
.policy ol.type2 > li {padding-left: 1.4em;text-indent: -1.4em}
.policy ol.mt > li:not(:first-child), .policy ol > li > ol, .policy p + .poly_dl, .policy .poly_dl + p {margin-top: 1.1em}
.policy h3 + p, .policy h4 + p, .policy h4 + ol, .policy .tbl, .policy .tbl + p, .policy .tbl + ol, .policy .mswiper + p, .policy .mswiper + ol, .poly_dl2 + .poly_dl2 {margin-top: 20px}
.btn, .btn .icon {display: inline-block;vertical-align: middle}
.poly_dl {margin-left: 30px}
.subtxt {line-height: 27px;font-size: 17px;word-break: keep-all}
.poly_dl2 dd {padding: 0 !important;display: block}
.p_hide {display: none !important}
.poly_past {line-height: 30px;}
.poly_past li a {font-size: 15px;}
.poly_past li a:hover,.poly_past li a:focus {color: #666;text-decoration: underline}

/**설문조사**/
.survey_content {padding: 30px 15px 0;border-bottom: 1px solid #e5e5e5}
.survey_content .chapter {font-size: 18px;display: flex;align-items: center;gap: 8px;margin-bottom: 20px}
.survey_content .chapter .lb {padding: 4px 24px;background-color: #3182b8;color: #fff;border-radius: 15px;font-size: 15px;}
.survey_content dl {margin-bottom: 40px}
.survey_content dl dt {border: 1px solid #b9b9b9;padding: 13px;border-radius: 5px;margin-top: 10px;box-shadow: 0px 4px rgba(0, 0, 0, 0.03);margin-bottom: 15px;color: #1b1b1b;font-weight: 600;background-color: #f7f6f6;}
.survey_content dl dd {margin-bottom: 15px;padding: 0 10px;}
.survey_content dl .imgarea {border: 1px solid #e5eff9;padding: 10px;margin-bottom: 10px;text-align: center;}
.survey_content .checkbox_id label {margin-bottom: 5px;display: flex;align-items: center}
.survey_content .checkbox_id {margin-top: 0;margin-bottom: 3px}
.survey_content .radio-box {margin-bottom: 3px;}
.survey_content .select_box {margin-bottom: 10px}
.survey_content .select_box label {margin-bottom: 4px;display: inline-block}
.survey_content .select_box select {width: auto;display: block;min-width: 150px}
.survey_content textarea {padding:10px}
.survey_content .order_box {margin-bottom: 10px}
.survey_content .order_box ul {display: flex;}
.survey_content .order_box ul li {display: flex;flex: 1 1 auto;gap: 7px;align-items: center;padding: 10px;border: 1px solid #e1e1e1;margin-right: -1px;margin-bottom: -1px;}
.survey_content .order_box.col_3 ul {flex-wrap: wrap}
.survey_content .order_box.col_3 ul li {flex: 1 1 33.333333%;}
.br_none {display:none}

/**만족도**/
.rate{padding: 16px;margin-top:40px;scroll-margin-top:80px;border: 1px solid #bfd4e3;background-color: #ebf2f7}
.rate fieldset{border:0;margin:0;padding:0}
.rate strong {font-weight:700;margin-bottom:12px}
.rate-row{display: flex;align-items: center;gap: 16px;flex-wrap: wrap;justify-content: center;margin-top: 15px}
.rate-list{display:flex;gap:16px}
.rate-list label{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:4px 10px;border-radius:6px;white-space:nowrap}
.rate-btn{height:36px;padding:0 18px;border: 1px solid #dddddd;border-radius:6px;background:#fff;cursor:pointer}
.rate-btn:focus{outline:2px solid #000;outline-offset:2px}

@media (min-width: 1241px) {
    .poly_nav {display: -webkit-box;display: -ms-flexbox;display: flex;margin-left: -16.5px;margin-right: -16.5px}
    .poly_nav > li {-webkit-box-flex: 1;-ms-flex: 1;flex: 1;padding: 0 16.5px}
    .noti .col {float: left;width: 50%}
    .poly_nav .ico {width: 69px;background-size: 60px}
    .poly_index a:not(:first-child) {margin-top: 0.883em}
    .poly_dl {display: -webkit-box;display: -ms-flexbox;display: flex}
    .poly_dl2 dd {display: inline-block;width: 320px;margin-right: -4px}
}

@media screen and (max-width: 767px) {
    .m_hide {display: none !important}
}


/* 공통 */
.bg_box {background:#f5f5f5;padding:30px;border-radius:15px;position:relative;}
.bg_box_fff {background-color: #fff;padding: 30px;border-radius: 10px;margin-top: 20px}
.text_list {}
.text_list li {position:relative;padding-left:12px;}
.text_list li:before {content:'';width:4px;height:4px;background:#333;border-radius:100%;position:absolute;top:11px;left:0;}
.text_list li ul li {padding-left:10px;text-indent: -10px;}
.text_list li ul li:before {content:none;}
.text_list li ol li:before {content:none;}
.text_list02 {}
.text_list02 li {display:flex;gap:15px;}
.text_list02 > li+li {margin-top:20px;}
.text_list02 li em {font-family: 'montserrat';font-weight: 700;width: 30px;font-size: 16px;line-height: 27px;}
.text_list02 li .text_wrap ul li {position:relative;padding-left: 15px;}
.text_list02 li .text_wrap ul li:before {content:'';width: 4px;height: 4px;background:#333;position:absolute;top: 12px;left:0;border-radius: 100%;}
.text_list03 {}
.text_list03 li {line-height:28px;}
.bg_type01 {background:#d9fbf7}
.bg_type02 {background:#ffeaec}
.bg_type03 {background:#fff8d0}
.bg_type04 {background:#e8f1ff}
.bg_type05 {background: #f4fcff;}
.bg_type06 {background: #3182b8;}
.bg_type07 {background: #4d4d4d;}
.bg_gray {background: #464646}
.bg_puple {background: #773dbd}

/**  flex_type **/
.flex_col {display:flex;gap:5px;align-items: center;}
.flex_col02 {display:flex;gap:30px;align-items: center;}
.flex_1 {flex-grow: 1;}
.flex_wrap {display:flex;justify-content: space-between;align-items: center;gap:10px;}
.flex_shrink {flex-shrink: 0;}

@media screen and (max-width: 1280px) {
    /* 메인 비주얼 */
    .main_visual .typo_text .typo_text_inner {margin-top:-50px;}
    .typo_text .typo_text_inner .text_type01 {font-size: 38px;line-height: 44px;}
    .typo_text .typo_text_inner .text_type01 span {font-size: 35px;}
    .typo_text .typo_text_inner p {font-size: 15px;}
    .typo_text .typo_text_inner .text_type02 {margin-top: 35px;font-size: 24px;line-height: 29px;}
    .typo_text .typo_text_inner .text_type02 span {font-size: 17px;}
    .controller {bottom:40px;}

    /* 퀵메뉴 */
    .quick_wrap {}
    .quick_wrap .quick_inner {gap: 10px;}
    .quick_wrap .quick_inner a {padding: 20px;}

    /* 주요소식 */
    .tab_cont_wrap > a {font-size: 18px;top: -51px;left: 124px;}
    .tab_cont_wrap .tab_02 {left: 203px;}
    .tab_cont_wrap .tab_03 {left: 296px;}
    .tab_cont_wrap .tab_04 {left: 390px;}
    .tab_cont_wrap .top_news {padding: 15px;}
    .tab_cont_wrap ul li {padding: 12px 0;}

    /* 팝업존 */
    .pzone_wrap {max-width: 400px;}

    /* 언론동향 */
    .press_tab_inner > a {top: -51px;left: 230px;font-size:18px;}
    .press_tab_inner .tab_02 {left: 278px;}
    .press_tab_inner .press_cont ul {gap:10px;flex-wrap: wrap;}
    .press_tab_inner .press_cont ul li {flex:1 1 40%}
    .press_wrap .more:after, .sns_tab_wrap .more:after {width: 45px;height: 45px;}

    /* sns 소식 */
    .sns_tab_inner > a {font-size:18px;}
    .sns_tab_inner > a span:before {width: 28px;height: 28px;}
    .sns_tab_inner .instagram {top:47px;}
    .sns_tab_inner .facebook {top:94px;}
    .sns_tab_inner .blog {top:141px;}

    /* 배너 */
    .banner_box_big ul {gap:15px}
    .banner_box_big ul li {padding:30px;}
    .banner_box_big ul li:first-child .text_layout {padding: 0 110px 0 95px;}
    .banner_box_big ul li:first-child .text_layout:before {width: 80px;height: 104px;margin-top: -53px;}
    .banner_box_big ul li:last-child .text_layout {padding: 0 90px 0 100px;}
    .banner_box_big ul li:last-child .text_layout:before {width: 90px;height: 86px;margin-top: -43px;}
    .banner_box_big ul li .text_layout strong {font-size: 23px;}
    .banner_box_big ul li .text_layout p {font-size: 15px;}
    .banner_box_big ul li .more {width: 80px;height: 80px;font-size:14px;margin-top: -40px;}
    .banner_box_s {gap:15px;margin-top:15px;}
    .banner_box_s a {padding: 20px;font-size: 18px;}
    .banner_box_s a span:before {width: 30px;height: 30px;}

    /* 기관소개 */
    .overview_inner strong {font-size: 35px;}
    .overview_inner p {font-size:17px;}

    /* 서브탭메뉴 */
    .sub_tab_menu {margin-bottom: 30px;}
    .sub_tab_menu ul li a {font-size: 15px;padding: 5px 20px}

    /* 타이틀 */
    .m_tit {font-size: 28px;}
}
@media screen and (max-width: 1024px) {
    .greeting_wrap span {max-width:400px;width:100%;}

    /* 비전 */
    .mission_wrap span {font-size: 40px;}
    .mission_inner {margin-top: 55px;padding: 45px 15px 55px;}
    .mission_inner > strong {font-size: 17px;}
    .mission_inner p {font-size: 24px;line-height: 32px;margin-top: 25px;}

    /* 경영공시 */
    .disclosure_wrap {gap: 20px;}
    .alio_wrap {gap:20px;}
    .alio_wrap .alio_inner {padding:15px;}
}
@media screen and (max-width: 980px) {
    /* 비주얼 */
    .main_visual .typo_text {padding: 0 80px;}
    .typo_text .typo_text_inner .text_type01 {font-size: 26px;line-height: 32px;}
    .typo_text .typo_text_inner .text_type01 span {font-size: 23px;}
    .typo_text .typo_text_inner .text_type02 {margin-top: 25px;font-size: 18px;line-height: 23px;}
    .typo_text .typo_text_inner .text_type02 span {font-size: 14px;}
    .typo_text .typo_text_inner p {font-size: 14px;margin-top: 5px;}
    .slick-prev, .slick-next {width: 40px;height: 40px;}
    .slick-prev {left:15px;}
    .slick-next {right:15px;}
    .controller {padding:0 80px;bottom:20px;}

    /* 퀵메뉴 */
    .quick_wrap {padding: 30px;}
    .quick_wrap .quick_inner {flex-wrap: wrap;justify-content: center;}
    .quick_wrap .quick_inner a {flex:1 1 30%;}

    /* 팝업존 */
    .popup_zone .slick-track {display: flex;gap: 10px;}
    .news_pzone_inner {flex-direction: column;}
    .pzone_wrap {max-width:none;}
    .pzone_wrap img {width:auto;}

    /* 생명윤리 */
    .press_tab_wrap {padding-top:0;}

    /* sns 소식 */
    .sns_tab_inner > a {top:0;max-width:150px;}
    .sns_tab_inner .instagram {top:0;left:155px}
    .sns_tab_inner .facebook {top:0;left:310px}
    .sns_tab_inner .blog {top:0;left:465px}
    .sns_tab_wrap {padding: 56px 0 0;}
    .sns_list_wrap ul {gap:10px;}
    .sns_list_wrap ul li p {margin-top:7px;}

    /* 배너 */
    .banner_box_big ul {gap: 10px;}
    .banner_box_big ul li {padding: 20px;}
    .banner_box_big ul li:first-child .text_layout {padding: 0 70px 0 95px;}
    .banner_box_big ul li:last-child .text_layout {padding: 0 65px 0 100px;}
    .banner_box_big ul li .text_layout strong {font-size: 18px;}
    .banner_box_big ul li .text_layout p {font-size:14px;}
    .banner_box_big ul li .more {width: 60px;height: 60px;margin-top: -30px;text-align: center;line-height: 16px;right: 20px;}
    .banner_box_s {flex-wrap: wrap;gap:10px;margin-top:10px;}
    .banner_box_s a {flex:1 1 40%;}

    /* 관련사이트 */
    .family_site_wrap {padding:30px 15px;}
    .family_site_inner {gap: 5px;}

    /* 기관소개 */
    .overview_inner {padding: 40px 0;}
    .overview_inner:before, .overview_inner:after {width: 21px;height: 17px;}
    .overview_inner strong {font-size: 28px;}
    .overview_inner p {font-size: 15px;}
    .scope_wrap span {display:none;}
    .scope_wrap .scope_list {padding:0}
    .scope_list ul li {font-size:15px;line-height:26px;}
    .ceo_history {margin-top:70px;}
    .ceo_history ul li strong {font-size:18px;}
    .history_wrap ul li .history_list {font-size:15px;}

    /* 연혁 */
    .sub_tab_menu {margin-bottom:30px;}
    .history_tab_wrap {padding-top:47px;}
    .history_tab_wrap:before {top: 47px;}
    .history_tab_inner > a {padding-left: 15px;font-size:17px;line-height: 17px;}
    .history_tab_inner > a:before {width: 4px;height: 4px;}
    .history_tab_inner > a span {padding: 15px 0;}
    .history_tab_inner > .tab02 {left: 95px;}
    .history_tab_inner > .tab03 {left: 205px;}
    .history_tab_inner > .tab04 {left: 267px;}
    .history_tab_inner > .tab05 {left: 330px;}
    .history_tab_inner > .tab06 {left: 391px;}
    .history_tab_inner > .tab07 {left: 499px;}
    .history_tab_inner .history_inner .history_img_wrap {width:40%;padding: 30px 30px 30px 0;}
    .history_tab_inner .history_inner .history_text_wrap {padding-top:30px;}
    .history_tab_inner .history_inner .history_text_wrap > strong {padding: 0 0 10px 30px;font-size: 24px;font-weight: 700;}
    .history_tab_inner .history_inner .history_text_wrap .history_list {padding: 20px 30px;}
    .history_tab_inner .history_inner .history_text_wrap .history_list ul > li+li {margin-top:15px;}
    .history_tab_inner .history_inner .history_text_wrap .history_list > ul > li > strong {font-size:17px;padding-top:0;}
    .history_tab_inner .history_inner .history_text_wrap .history_list > ul > li .text_box li {font-size:15px;line-height: 24px;}
    .history_tab_inner .history_inner .history_text_wrap .history_list02 {padding: 20px 0 20px 30px;}
    .history_tab_inner .history_inner .history_text_wrap .history_list02 > ul > li ul li {font-size:15px;line-height:24px;}

    /* 인사말 */
    .greeting_wrap {margin-top: 0;flex-direction: column;gap: 30px;}
    .greeting_wrap span {max-width:500px;width:100%;margin:0 auto;border-radius:15px;}
    .greeting_wrap strong {font-size: 25px;line-height: 32px;padding-top: 23px;margin-bottom: 20px;}
    .greeting_wrap strong:before {width: 28px;height: 22px;}
    .greeting_wrap strong em {font-size: 23px;}
    .greeting_wrap .greeting_text {font-size:15px;}
    .greeting_wrap .greeting_text p b {font-size:17px;}

    /* 조직도 */
    .organization_wrap div {padding-bottom:25px;}
    .organization_wrap > div > strong {font-size: 15px;padding: 10px;border-radius: 5px;}
    .organization_wrap > div > strong:after {height:25px;}
    .organization_wrap > .level03 strong:before {height:67px;}
    .organization_wrap > .level03 strong:after {top:21px;}
    .department_wrap > ul > li {padding:0 5px;}
    .department_wrap > ul > li .department_inner {padding:15px 10px 10px;}
    .department_wrap > ul > li .department_inner strong {font-size:15px;}
    .department_wrap > ul > li .department_inner ul li {font-size:15px;}

    /* 국가생명윤리심의위원회 조직도 */
    .organization_wrap.committee > .level01 strong {max-width:250px;}
    .organization_wrap.committee .level03 strong:before {height: 89px;}
    .organization_wrap.committee .level03 strong:after {top: 32px;}

    /* 비전 */
    .mission_wrap span {font-size: 30px;}
    .mission_inner {margin-top: 40px;padding:30px 15px 40px;}
    .mission_inner p {font-size: 21px;line-height: 28px;}
    .vision_wrap ul li {font-size:15px;}
    .core_values_inner ul {margin: 30px 0 0 15px;}
    .core_values_inner ul li {width: 120px;height: 120px;font-size:15px;margin: -30px 0 0 -15px;}
    .core_values_inner.img_none ul li {width: 150px;height: 150px}
    .core_values_inner.img_none ul li.big {width: 302px;}
    .core_values_inner ul li span {padding-top: 35px;}
    .core_values_inner ul li span:before {width: 30px;height: 30px;margin-left: -15px;}
    .direction_wrap ul {gap: 5px;}
    .direction_wrap ul li {font-size:15px;padding: 20px;}

    /* 고객헌장 */
    .charter_text strong {font-size:17px;}
    .charter_text p {font-size:15px;}
    .charter_list {padding-top:30px;margin-top:30px;}
    .service_wrap > ul > li+li {margin-top:30px;padding-top:30px;}
    .service_wrap > ul > li > strong {display:none;}
    .service_wrap > ul > li .service_inner strong {display:block;margin-bottom:15px;}
    .service_wrap > ul > li .service_inner p img {width:100%;}
    .service_wrap > ul > li .service_inner p {margin-bottom:20px}

    /* 생명윤리정책 연구 */
    .human_intro_wrap strong {margin-bottom: 30px;padding-bottom: 30px;font-size:17px;}
    .human_intro_wrap p {font-size:15px;}
    .business_wrap > ul > li {gap: 30px;}
    .business_wrap > ul > li .business_text strong {font-size:20px;}
    .subject_wrap ul li strong {font-size:15px;width:120px;height:120px;}
    .subject_wrap ul li .text {padding-left:50px;}
    .subject_wrap ul li .text:before {width:50px;}
    .subject_wrap ul li p {font-size:15px;}

    /* 경영공시 */
    .disclosure_wrap {font-size:15px;grid-template-columns: repeat(1, 1fr);}
    .disclosure_wrap .disclosure_inner {gap:30px;}
    .disclosure_wrap .disclosure_inner .disclosure_cont {gap:5px;}
    .alio_wrap {flex-direction: column;gap:10px;}
    .alio_wrap .alio_inner {flex:1 1 100%;}

    /* 공공데이터 개방 */
    .public_data_wrap {padding:30px;}
    .public_data_wrap p {font-size:17px;}

    /* 평가인증 */
    .evaluation_wrap {flex-direction: column;gap: 30px;}
    .evaluation_wrap .institution_wrap,
    .evaluation_wrap .institution_wrap.committee {width:100%;}
    .evaluation_wrap .institution_wrap ul {gap:5px;}
    .evaluation_wrap .institution_wrap .text_head,
    .evaluation_wrap .institution_wrap ul li strong,
    .evaluation_wrap .institution_wrap ul li span,
    .evaluation_wrap .institution_wrap .text_bottom	{font-size:15px;padding:10px;}
    .evaluation_wrap .institution_wrap ul li p {height:auto;padding:10px;}
    .evaluation_wrap .institution_wrap.committee ul li p {height:200px;}
    .accreditation_step ul li strong {font-size:19px;}
    .objective_wrap strong {font-size:15px;width: 160px;height: 160px;border: 7px solid #ffffff;}
    .objective_wrap ul {gap:10px;}
    .objective_wrap ul li {font-size:15px;}
    .objective_wrap ul li .brnone {display:none;}

    /* 공용기관생명윤리위원회 운영 */
    .sub_tab_s ul {gap:13px;}
    .sub_tab_s ul li a {font-size:17px;}
    .sub_tab_s ul li+li a {padding-left:15px;}
    .sub_tab_s ul li+li a:before {width:4px;height:4px;margin-top:-2px;}
    .step_inner > li {flex:1 1 40%;font-size:15px;}
    .step_inner .step_box {padding:15px;}
    .step_box:after {width: 10px;height: 15px;}
    .information_wrap {font-size:15px;padding: 20px 30px;}
    .information_wrap strong {font-size:15px;}
    .information_wrap strong:before {width: 16px;height: 16px;}

    /* 추진체계 */
    .framework_wrap > strong {font-size:17px;border-radius: 71px;text-align: center;}
    .framework_wrap > ul {padding-top: 60px;margin-top: 10px;flex-wrap: wrap;gap:15px;}
    .framework_wrap > ul:after {width: 96px;height: 54px;margin-left: -48px;}
    .framework_wrap > ul > li {font-size:15px;flex: 1 1 40%;}
    .framework_wrap > ul > li > strong .brnone {display:none;}
    .framework_wrap > ul > li > ul {gap:5px;}
    .framework_wrap > ul > li > ul > li {font-size:15px;}

    /* 중장기 로드맵 */
    .roadmap_wrap > ul > li > strong {font-size:15px;width: 150px;padding: 12px 10px;}
    .roadmap_wrap > ul > li .roadmap_left {font-size:15px;padding-left: 50px;}
    .roadmap_wrap > ul > li .roadmap_left:before {width: 32px;height: 7px;top: 19px;left: 9px;}
    .roadmap_wrap > ul > li .vision {padding: 12px 10px;}
    .roadmap_wrap > ul > li .phases_text p {height: 46px;}
    .roadmap_wrap > ul > li .initiatives_text .initiatives_text_list {padding:15px;}
    .roadmap_wrap > ul > li .monitoring_text .monitoring_text_inner {padding:15px;}

    /* 통합검색 */
    .search_wrap {padding:20px;}
    .search_wrap fieldset input[type="text"] {height: 38px;border: 1px solid #245c9c;}
    .search_wrap fieldset button {height:38px;padding: 0 20px;}
    .search_result_text {font-size: 1.2rem;margin: 30px 0;}
    .search_result_list ul li {padding: 20px 0;}
    .search_result_list ul li a strong {font-size:17px;}
    .search_result_list ul li a p {font-size:15px;}
    .search_result_list ul li .category_box {margin-top: 20px;padding: 7px 20px;}
    .search_result_list ul li .category_box a {font-size:15px;}

    /* 테이블 */
    .board_content {font-size:15px;}
    .table_layout.data_table table th, .table_layout.data_table table td {font-size:15px;}

    /* 포토 리스트 */
    .photo_list_wrap ul li a .text_wrap strong {font-size:17px;}
    .photo_list_wrap ul li a .text_wrap p {font-size:15px;}
    .photo_list_wrap.s_box > ul > li a .text_wrap strong {font-size:17px;}
    .photo_list_wrap.s_box > ul > li a .text_wrap .down_list {font-size:15px;}
    .photo_list_wrap.s_box .desc_wrap {font-size:15px;}

    /* 갤러리 리스트 */
    .thumbnail_wrap .thumbnail_inner {width: 50%;}

    /* 뉴스 리스트 */
    .news_list_wrap ul {margin:0 -5px;}
    .news_list_wrap ul li {width:50%;padding:5px;}
    .news_list_wrap ul li a {padding:20px}
    .news_list_wrap ul li a strong {font-size:17px;line-height: 25px;height: 50px;}
    .news_list_wrap ul li a p {font-size:15px;line-height: 23px;height: 46px;}

    /* 첨부파일 */
    .attachment .file_link {font-size:15px;}
    .attachment a+a {margin-top:5px;}

    /* 이전글 다음글 */
    .board_wrap .pagination p {font-size:15px;}
    .board_wrap .pagination p a {position: relative;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;word-wrap: break-word;line-height: 18px;height: 20px;overflow: hidden;}

    /* 타이틀 */
    .stit {margin-bottom:30px;font-size:32px;}
    .sstit {font-size:21px;padding:30px 0 15px;}
    .search_tit {font-size:21px;padding:30px 0 15px;}
    .search_tit span {font-size:17px;}
    .board_wrap .board_view .board_view_header .title {font-size:17px;}

    /* 공통 */
    .bg_box {font-size:15px;}
    .text_list li {font-size:15px;line-height: 24px;}
    .text_list li:before {width: 3px;height: 3px;top: 10px;}
    .text_list02 li {font-size:15px;line-height: 24px;}
    .flex_wrap {flex-direction: column;align-items: flex-start;}

    /* 버튼 */
    .btn_basic {padding:7px 20px;}
    .btn_open_window {padding: 8px 15px;max-width: 235px;}

    .education_inner {gap: 60px}

    /*개인정보정책*/
    .policy .poly_tit {font-size: 17px}
    .poly_nav .tit {font-size: 17px}
    .policy .poly_subtit {font-size: 17px}
    .subtxt {line-height: 20px;font-size: 15px}
    .policy * + .poly_tit, .policy * + .poly_subtit, .policy * + .poly_nav {margin-top: 10px}
    .policy .tbl {overflow: hidden;overflow-x: auto}
    .policy .tbl table {min-width: 1000px;width: 100%}
    .policy .tbl.s_none {overflow: hidden;overflow-x: auto}
    .policy .tbl.s_none table {min-width: auto}

    .policy .tbl thead th {padding: 0.8em 0.236em}
}

@media screen and (max-width: 780px) {
    /* 비주얼 */
    .main_visual .typo_text {align-items: flex-start;}
    .main_visual .typo_text .typo_text_inner {max-width:none;width:100%;margin-top:0;padding-top:35px;text-align: center;}
    .controller_inner {max-width:none;justify-content: center;}
    .main_visual .pc {display:none;}
    .main_visual .mobile {display:block}

    /* 퀵메뉴 */
    .quick_wrap .quick_inner a {gap:10px;font-size:15px;}
    .quick_wrap .quick_inner a:before {width: 35px;height: 35px}

    /* 주요소식 */
    .tab_cont_wrap > a {font-size:15px;top: -40px;left: 94px;}
    .tab_cont_wrap .tab_02 {left: 160px;}
    .tab_cont_wrap .tab_03 {left: 240px;}
    .tab_cont_wrap .tab_04 {left: 323px;}
    .tab_cont_wrap > a.on span:after, .tab_cont_wrap > a:hover span:after {height: 6px;}
    .tab_cont_wrap .top_news {padding:10px;gap: 10px;}
    .tab_cont_wrap .top_news .img_area {width:90px;height:79px;}
    .tab_cont_wrap .top_news .text_area em {font-size:13px;}
    .tab_cont_wrap .top_news .text_area strong {font-size:15px;}
    .tab_cont_wrap .top_news .text_area p {-webkit-line-clamp: 1;height: 20px;}
    .tab_cont_wrap .more {width: 18px;height: 18px;top: -44px;}

    /* 언론동향 */
    .press_tab_inner > a {font-size:15px;top: -40px;left: 180px;padding-left: 15px;}
    .press_tab_inner .tab_02 {left:220px;}
    .press_tab_inner > a:before, .press_tab_inner > a:before {width: 4px;height: 4px;margin-top: -2px;}
    .press_tab_inner .press_cont ul li a {gap:10px;}
    .press_tab_inner .press_cont ul li a span {width: 90px;height: 90px;}
    .press_tab_inner .press_cont ul li a span em {font-size:19px;}
    .press_tab_inner .press_cont ul li a strong {font-size:15px;}
    .press_wrap .more, .sns_tab_wrap .more {top: -45px;}
    .press_wrap .more:after, .sns_tab_wrap .more:after {width: 30px;height: 30px;}

    /* sns 소식 */
    .sns_tab_inner > a {font-size:15px;padding: 5px;}
    .sns_tab_inner > a span {gap:5px;}
    .sns_list_wrap ul {flex-wrap: wrap;}
    .sns_list_wrap ul li {flex:1 1 40%;}

    /* 배너 */
    .banner_box_big ul {flex-direction: column;}
    .banner_box_big ul li {border-radius: 10px;}
    .banner_box_big ul li:first-child .text_layout {padding: 0 70px 0 85px;}
    .banner_box_big ul li:first-child .text_layout:before {width: 65px;height: 84px;margin-top: -42px;}
    .banner_box_big ul li:last-child .text_layout {padding: 0 70px 0 85px;}
    .banner_box_big ul li:last-child .text_layout:before {width: 76px;height: 73px;margin-top: -36px;}

    /* 관련사이트 */
    .family_site_inner {flex-wrap: wrap;}
    .family_site_inner a {flex:1 1 30%}

    /* 기관소개 */
    .overview_inner strong {font-size: 27px;}
    .purpose_wrap .pc {display:none;}
    .purpose_wrap .m {display: inline-block;}
    .ceo_history ul li {padding:30px 15px;}

    /* 조직도 */
    .department_wrap > ul {flex-wrap: wrap;}
    .department_wrap > ul > li {width:50%;margin-bottom:30px;}
    .department_wrap > ul > li:nth-child(3):before, .department_wrap > ul > li:nth-child(3):after, .department_wrap > ul > li:nth-child(4):before, .department_wrap > ul > li:nth-child(4):after, .department_wrap > ul > li:last-child:before, .department_wrap > ul > li:last-child:after {content:none;}
    .department_wrap > ul.w_50> li {width:100%}

    /* 생명윤리정책 연구 */
    .business_wrap > ul {gap:50px;}
    .business_wrap > ul > li {flex-direction: column;align-items: stretch;}
    .business_wrap > ul > li .img {width: 100%;height:auto}
    .business_wrap > ul > li .business_text strong {margin-bottom: 10px;font-size: 17px;}
    .business_wrap > ul > li:nth-child(even) .img {order: 0;}
    .site_list_wrap {gap:10px}
    .site_list_wrap > a {padding: 25px;}
    .site_list_wrap > a > p, .site_list_wrap02 p {font-size:15px;}

    /* 중장기 로드맵 */
    .roadmap_wrap > ul {gap: 30px;}
    .roadmap_wrap > ul > li {flex-direction: column;gap: 10px;}
    .roadmap_wrap > ul > li > strong {width:100%}
    .roadmap_wrap > ul > li .roadmap_left {width:100%;padding:0;}
    .roadmap_wrap > ul > li .roadmap_left:before {content:none;}
    .roadmap_wrap > ul > li .phases_text p {height:auto;padding:12px 20px;}

    /* 포토 리스트 */
    .photo_list_wrap > ul > li {padding: 20px 0;}
    .photo_list_wrap > ul > li a {gap: 20px;}
    .photo_list_wrap > ul > li a > .img {max-width: 150px;height:113px}
    .photo_list_wrap > ul > li a .text_wrap p {margin-top: 7px;line-height: 22px;height: 44px;}
    .photo_list_wrap > ul > li a .text_wrap .desc_wrap {margin-top: 15px;gap: 15px;}

    /* 국민제안 */
    .ci_download {font-size:15px;margin-left:auto;}


    /* 타이틀 */
    .m_tit {font-size: 21px;margin-bottom: 15px;}
    .stit {margin-bottom:20px;font-size:25px;}
    .sstit {font-size:18px;}

    /* 페이어팝업 */
    .layer_popup_wrap {padding:15px;}

    .procedure_wrap ul li {flex-direction: column;align-items: flex-start;gap: 10px;font-size: 15px}
    .human_intro_wrap ul {text-align:left;text-indent: -8px;padding-left: 8px;font-size: 16px}

    .education_inner {flex-direction: column;margin: 0 auto 20px}
    .education_inner .education_img {text-align: center;}
    .service_wrap.top_line {padding-top: 30px;padding-bottom: 30px}

    .site_list_wrap .w_col {padding: 25px;}
    .site_list_wrap .w_col .name em {flex: 1 1 100%;}

    /*장식*/
    .outline_inner .outline_tit {font-size: 22px;}
    .outline_inner .outline_text {font-size: 17px;}
    .outline_inner .outline_ul {font-size: 15px;}

    .terms_and_conditions .terms_tit {font-size: 20px;}
    .terms_and_conditions .terms_tit02 {font-size: 17px;}
    .terms_and_conditions {font-size: 15px;}

}

@media screen and (max-width: 640px) {
    /* 비주얼 */
    .main_visual .typo_text {padding:0 30px;}
    .controller {padding:0 30px;}
    .slick-prev, .slick-next {display:none !important;}
    .progressBar {width:150px;}

    /* 퀵메뉴 */
    .quick_wrap {padding:15px;}
    .quick_wrap .quick_inner a {flex:1 1 40%;word-break: break-all;}

    /* 팝업존 */
    .news_pzone_wrap {padding:30px 15px;}
    .popup_zone .slick-track {display: block}
    .pzone_wrap img {width:100%;}

    /* 언론동향 */
    .press_wrap {padding:30px 15px;}
    .press_tab_inner .press_cont ul {flex-direction: column;}

    /* sns 소식 */
    .sns_wrap {padding: 30px 15px;}
    .sns_tab_wrap {padding-top:0;}
    .sns_tab_inner > a {top:-43px;left:100px;padding: 0;max-width: none;width: auto;}
    .sns_tab_inner > a.on, .sns_tab_inner > a:hover {background:none;}
    .sns_tab_inner > a span {text-indent:-9999px;gap:0;}
    .sns_tab_inner .instagram {top:-43px;left:133px;}
    .sns_tab_inner .facebook {top:-43px;left:166px;}
    .sns_tab_inner .blog {top:-43px;left:199px;}

    /* 배너 */
    .banner_wrap {padding: 30px 15px;}
    .banner_box_s {gap:5px;}
    .banner_box_s a {font-size: 15px;padding: 15px;border-radius: 10px;}
    .banner_box_s a span:before {width: 22px;height: 22px;}

    /* 기관소개 */
    .sub_tab_menu ul li a {font-size:14px;padding: 10px 15px;letter-spacing:-1}
    .ceo_history ul {flex-direction: column;gap: 50px;}
    .ceo_history ul li {width:100%;}
    .ceo_history ul li span.img {max-width: 160px;}
    .ceo_history ul li p {padding: 12px 0;}

    /* 연혁 */
    .history_tab_wrap {padding:0;}
    .history_tab_wrap:before {top: 46px;}
    .history_tab_inner .history_inner {flex-direction: column;}
    .history_tab_inner .history_inner .history_img_wrap {flex-direction: row;flex-wrap: wrap;width:100%;padding: 30px 0 15px;gap:5px;}
    .history_tab_inner .history_inner .history_img_wrap img {min-width:0;flex: 1 1 40%;}
    .history_tab_inner .history_inner .history_text_wrap {padding-top:0;}
    .history_tab_inner .history_inner .history_text_wrap:before {content:none;}
    .history_tab_inner .history_inner .history_text_wrap > strong {padding:0}
    .history_tab_inner .history_inner .history_text_wrap .history_list {padding:10px 0;}
    .history_tab_inner .history_inner .history_text_wrap .history_list02:before {content:none;}
    .history_tab_inner .history_inner .history_text_wrap .history_list02 {padding:20px 0;}
    .history_tab_scroll { overflow-x: scroll;white-space: nowrap;scrollbar-width: none;scroll-behavior: smooth;position: relative;}

    /* 인사말 */
    .greeting_wrap strong {font-size: 20px;line-height: 26px;}
    .greeting_wrap strong:before {width: 23px;height: 19px;}
    .greeting_wrap strong em {font-size: 18px;}

    /* 조직도 */
    .department_wrap {padding:0 !important;}
    .department_wrap > ul > li {width:100%;margin-bottom:15px;}
    .department_wrap > ul > li:before, .department_wrap > ul > li:after {content:none;}

    /* 비전 */
    .mission_wrap {padding: 50px 15px 0;}
    .mission_wrap span {font-size: 24px;}
    .mission_inner {margin-top: 20px;padding: 20px 15px 30px;}
    .mission_inner > strong {font-size:15px;}
    .mission_inner p {font-size: 17px;line-height: 26px;}
    .vision_wrap ul {flex-direction: column;}
    .vision_wrap ul li {padding: 25px;}
    .vision_wrap ul li:last-child {margin:-1px 0 0;}
    .direction_wrap ul {flex-wrap: wrap;}
    .direction_wrap ul li {flex:1 1 40%}

    /* 생명윤리정책 연구 */
    .site_list_wrap {flex-direction: column;}

    /* 평가인증 */
    .accreditation_step > ul > li {flex:1 1 100%;padding: 15px;}
    .accreditation_step ul li strong {font-size:17px;margin-bottom: 15px;}
    .objective_wrap strong {position:relative;top:auto;left:auto;transform: none;margin:0 auto 20px}

    /* 국민제안 */
    .site_list_wrap02 p {padding:20px;}

    /* 공용기관생명윤리위원회 운영 */
    .step_layout {padding:0;}
    .step_inner > li {flex:1 1 100%;}
    .step_box:after {transform: rotate(90deg);top: auto;bottom: -23px;left: 50%;margin-left: -7px;}

    /* 추진체계 */
    .framework_wrap > strong {padding: 10px 15px;font-size:15px;}
    .framework_wrap > ul {gap:5px;}
    .framework_wrap > ul > li {flex:1 1 100%;}

    /* 중장기 로드맵 */
    .roadmap_wrap > ul > li .phases_text {flex-direction: column;gap:5px;}
    .roadmap_wrap > ul > li .phases_text p+p {margin:0;}
    .roadmap_wrap > ul > li .initiatives_text {flex-direction: column;gap:5px;}
    .roadmap_wrap > ul > li .monitoring_text {flex-direction: column;gap:5px;}

    /* 검색 */
    .board_search {flex-direction: column;align-items: stretch;}
    .board_search .count {order:2}

    /* 갤러리 리스트 */
    .thumbnail_wrap {margin: 0 -5px}
    .thumbnail_wrap .thumbnail_inner {padding: 5px}
    .thumbnail_wrap .thumbnail_inner .thumbnail_text span {font-size: 15px}


    /* 스크롤박스 안에 들어간 탭들 스타일 */
    .history_tab_scroll {display:flex;align-items: center;}
    .history_tab_scroll a {position:relative;font-size:17px;line-height: 17px;font-family: 'montserrat';font-weight: 500;}
    .history_tab_scroll a+a {margin-left:10px;padding-left: 15px;}
    .history_tab_scroll a+a:before {content:'';width: 4px;height: 4px;background: #d3d3d3;border-radius:100%;position:absolute;top: 50%;left:0;margin-top: -2px;}
    .history_tab_scroll a.on, .history_tab_scroll a:hover {color:#3182b8;font-weight:800;display: block;}
    .history_tab_scroll a span {position:relative;display:block;padding: 15px 0;}
    .history_tab_scroll a.on span:after, .history_tab_scroll a:hover span:after {content:'';width:100%;height:3px;background:#3182b8;position:absolute;bottom: 0;left:0;}

    /* paging */
    .paging_wrap .namber a {display:none;}
    .paging_wrap .namber a:last-child {display:inline-block;position:relative;margin-left: 30px;}
    .paging_wrap .namber a:last-child:before {content:'/';position:absolute;top:0;left: -20px;}

    /* 테이블 */
    .scroll_img {display: block;}
    .board_wrap .board_view .board_view_header .board_view_info {flex-wrap: wrap;gap:5px;}
    .board_wrap .board_view .board_view_header .board_view_info em {flex:1 1 auto}

    .service_wrap > ul > li .service_inner p {font-size: 15px;}
    .site_list_wrap .w_col strong {font-size: 17px;margin-bottom: 15px;}
    .site_list_wrap .w_col .name em {font-size: 15px;}
    .service_wrap.top_line > ul > li .service_inner p {margin-bottom: 0;}

    /* 버튼 */
    .btn_open_window {display:block;margin-top:5px;max-width: none;}

    .mailing_inner .mailing_text p {font-size:15px}
    .btn_bg_type01 {padding: 7px 21px;}
    .btn_bg_type00 {padding: 7px 21px;}

    .frm_box {font-size:15px}

}
@media screen and (max-width: 540px) {
    .site_list_wrap .btn_sns_wrap {margin-top:15px;position: relative;bottom: auto;right: auto;}

}
@media screen and (max-width: 480px) {
    /* 주요소식 */
    .main_tab_wrap {padding-top:20px;}
    .tab_cont_wrap > a {top:-10px;left:0;}
    .tab_cont_wrap .tab_02 {left: 67px;}
    .tab_cont_wrap .tab_03 {left: 150px;}
    .tab_cont_wrap .tab_04 {left: 235px;}

    /* 언론동향 */
    .press_wrap .more, .sns_tab_wrap .more {gap:0;text-indent:-9999px;}

    /* sns 소식 */
    .sns_list_wrap ul {gap:20px;}
    .sns_list_wrap ul li {flex:1 1 100%;}

    /* 배너 */
    .banner_box_big ul li:first-child .text_layout, .banner_box_big ul li:last-child .text_layout {padding-left:0;}
    .banner_box_big ul li:first-child .text_layout:before, .banner_box_big ul li:last-child .text_layout:before {content:none}
    .banner_box_s a {flex:1 1 100%;}

    /* 관련사이트 */
    .family_site_inner a {flex:1 1 40%}

    /* 기관소개 */
    .sub_tab_menu ul li a {padding: 10px 12px;}

    /* 조직도 */
    .mission_wrap {padding:0;}
    .mission_inner {}
    .mission_wrap span {display:flex;height:105px;align-items: center;}

    /* 비전 */
    .core_values_inner ul {flex-direction: column;margin:15px 0 0;}
    .core_values_inner ul li {margin: -15px 0 0 0;}
    .direction_wrap ul li {flex:1 1 100%}

    /* 생명윤리사업 운영·관리 */
    .subject_wrap ul li {flex-direction: column;}
    .subject_wrap ul li .text {padding:30px 0 0 0;}
    .subject_wrap ul li .text:before {width:1px;height:30px;top:0;left:50%;}
    .subject_wrap ul li p {text-align:center;}
    .sub_nav_wrap .sub_depth1 ul li a, .sub_nav_wrap .sub_depth2 ul li a, .sub_nav_wrap .sub_depth3 ul li a {padding:10px;}

    /* 평가인증 */
    .objective_wrap ul li {flex:1 1 100%}

    /* 갤러리 리스트 */
    .thumbnail_wrap .thumbnail_inner {width: 100%;}

    /* 뉴스 리스트 */
    .news_list_wrap ul li {width:100%;}

    .outline_inner {padding: 20% 8%;}
    .outline_inner .outline_ul li {flex-direction: column;}
    .outline_inner .outline_tit {font-size: 19px}
    .outline_inner .outline_text {font-size: 16px}

}
@media screen and (max-width: 360px) {

}