@charset "utf-8";

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

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

/* 기업소개 */
.overview_wrap {background: url(/usr/images/bg_sub01.png) no-repeat center bottom / cover;text-align:center;color:#fff;padding: 5%;}
.overview_wrap.bg_sub02 {background: url(/usr/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(/usr/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(/usr/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:140px;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(/usr/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;}

:lang(en) .ci_download {max-width:none;width:auto;}
:lang(en) .ci_download span {max-width:none;padding-right: 35px;}

/* 인사말 */
.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(/usr/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 {text-align: justify;word-break: break-word;}
.greeting_wrap .greeting_text p {margin-top: 30px;text-align: right;}
.greeting_wrap .greeting_text p b {margin-left:10px;font-size:20px;font-weight:800;color:#000;display: inline-flex;gap: 9px;align-items: center}
.greeting_wrap .greeting_text .f_right {display: flex;justify-content: flex-end;gap: 18px;align-items: flex-end;}

/* 조직도 */
.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.t_left > li {justify-content: flex-start;}
.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;flex-direction: column;align-items: center}
.mission_wrap span {color:#fff;font-size:50px;font-weight:800}
.mission_inner {width: 100%;text-align: center}
.mission_inner > strong {font-size: 31px;position: relative;color: #005664}
.mission_inner > strong:after {content:'';width:100%;height:1px;background: #005664;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;}
.title_wrap {background: url(/usr/images/sub_bg.png) no-repeat center;display: flex;min-height: 300px;justify-content: center;align-items: center;color: #fff;flex-direction: column;background-size: cover;font-size: 20px;padding: 10px;}
.title_wrap h4 {font-size: 34px;margin-bottom: 38px;position: relative}
.title_wrap h4:after {content:'';width: 1px;display: inline-block;height: 15px;background-color: #fff;left: 50%;position: absolute;bottom: -25px;margin-left: 0px;}
.title_wrap p {text-align: center}
.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 {text-align: center;font-size: 20px;font-weight: 500}
.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(/usr/images/ico_vision.svg) no-repeat 0 0 / 100%;}
.core_values_inner ul li:nth-child(2) span:before {background: url(/usr/images/ico_vision02.svg) no-repeat 0 0 / 100%;}
.core_values_inner ul li:nth-child(3) span:before {background: url(/usr/images/ico_vision03.svg) no-repeat 0 0 / 100%;}
.core_values_inner ul li:nth-child(4) span:before {background: url(/usr/images/ico_vision04.svg) no-repeat 0 0 / 100%;}
.core_values_inner ul li:last-child span:before {background: url(/usr/images/ico_vision05.svg) no-repeat 0 0 / 100%;}
.direction_wrap {}
.direction_wrap ul {display: flex;flex-wrap: wrap;margin: -5px;}
.direction_wrap ul li {text-align: center;display: flex;align-items: center;width: 25%;padding: 5px;}
.direction_wrap ul li a {padding: 14px 30px;font-size: 16px;color: #23356c;background: #f5f5f5;border-radius: 50px;display: flex;align-items: center;gap: 10px;width: 100%;justify-content: space-between;}
.direction_wrap ul li a.link i {background: url(/usr/images/link.png) no-repeat center 3px;text-indent: -999em;display: inline-block;width: 15px;height: 18px}

/* 고객헌장 */
.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: 24px;font-weight: 900;flex-shrink: 0;max-width: 252px;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;font-size: 21px;}
.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(/usr/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(/usr/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(/usr/images/ico_blog.png) no-repeat 0 0;}
.site_list_wrap .btn_sns_wrap button.youtube {background:url(/usr/images/ico_youtube.png) no-repeat 0 0;}
.site_list_wrap .btn_sns_wrap button.instagram {background:url(/usr/images/ico_instargram.png) no-repeat 0 0;}
.site_list_wrap .btn_sns_wrap button.facebook {background:url(/usr/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(/usr/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(/usr/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(/usr/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(/usr/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(/usr/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 table td .link {padding-left: 15px;position: relative;}
.table_layout table td .link img {position: absolute;top: 5px;left: 0;}
.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(/usr/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;}

.select-box {display: flex;gap: 5px;justify-content: flex-end;}
.select-box select {height: 40px !important;border: solid 1px #D4D4D4;min-width: 0 !important;font-weight: 400 !important;width:100%}
.select-box input[type="text"] {height: 40px !important;border: solid 1px #cbcbcb;width:auto !important;font-size: 15px;}
.select-box .webtong-btn {background: #3182b8;text-indent: -999em;width: 40px;height:40px;border-radius: 5px;display: block;min-width: 0;}
.select-box .filled.basic {background:#3182b8 url(/usr/images/ico_search.svg) no-repeat center / 19px;}

.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;}
.attachment {background-color: #f8f8f8;padding: 30px 15px;border-bottom: 1px solid #e5e5e5;}
.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;}
input[type="checkbox"] {vertical-align:-2px;}
label input[type="checkbox"] {    vertical-align: -1px;}

.text-bbsbox .textview p span {font-family: 'NotoSansKR' !important;}

.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(/usr/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}

.table_layout .fileBox {padding:5px 0;}
.table_layout .fileBox input[type="file"] {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
.table_layout .fileBox label {display: inline-block;width:34px;height:34px;border-radius:3px;color: #fff;vertical-align: middle;background-color: #1e4d94;cursor: pointer;background-image:url(/usr/images/icon_file_upload.png); background-repeat: no-repeat; background-position:50% 50%;transition: all 0.3s;text-indent:-9999px}
.table_layout .fileBox label.focus {outline: 2px solid black;outline-style: solid}

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


/* 포토 리스트 */
.webtong-gallery {display:flex;margin-top: 10px;border-top: 2px solid #008cd6;flex-wrap: wrap;}
.webtong-gallery li {width: 25%;border-bottom: 1px solid #b7b7b7;padding: 0 10px;}
.webtong-gallery li div {transition: all 0.5s;padding: 30px 0;}
.webtong-gallery li div a {display: block}
.webtong-gallery li div a span {display: block;position: relative;padding-top: 66%;overflow: hidden;border-radius: 7px;}
.webtong-gallery li div a span img {width: 100%;position: absolute;top: 0;left: 0;transform: scale(1);transition: all 1s;height: 100%}
.webtong-gallery li div a span > p {position: absolute;bottom: -48px;left: 0;width: 100%;text-align: center;background-color: rgba(6, 6, 6, 0.57);color: #fff;padding: 20px 10px;opacity: 0;transition: all 0.5s;height: 100%;display: table}
.webtong-gallery li div a:hover span > p, .webtong-gallery li div a:focus span > p {bottom: 0;opacity:1}
.webtong-gallery li div a:hover span:after, .webtong-gallery li div a:focus span:after {opacity:1}
.webtong-gallery li div a:hover span img, .webtong-gallery li div a:focus span img {transform: scale(1.2)}
.webtong-gallery li div a strong {font-weight: 600;font-size: 16px;color: #1b1b1b;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-wrap: break-word;line-height: 22px;height: 44px;overflow: hidden;margin-top: 15px;}

/* 관련사이트 리스트 */
.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 {border: 1px solid #cbcbcb;padding: 5px;}
.thumbnail_wrap .thumbnail_inner ul {margin-top:15px}
.thumbnail_wrap .thumbnail_inner ul li {font-size:15px;position:relative;padding-left: 10px;word-wrap: break-word;line-height: 24px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.thumbnail_wrap .thumbnail_inner ul li:before {content:'';width:3px;height:3px;background:#333;border-radius:100%;position:absolute;top:11px;left:0;}

/* 뉴스 리스트 */
.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);position: relative;}
.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: 0 80px 0 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('/usr/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_faq dd .in_content p span {font-family: "NotoSansKR" !important;font-size:15px !important;line-height: 24px !important;}
.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(/usr/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(/usr/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(/usr/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(/usr/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:600;}
.ssstit {color:#245c9c;font-size:19px;padding:30px 0 10px;font-weight:600;}
.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:100px;padding: 12px 5%;color:#fff;display:inline-block;text-align:center;font-size:15px;background: #3182b8;border-radius: 5px;border:1px solid #3182b8;}
.btn_basic_s {min-width: 135px;padding: 8px 5%;color: #fff;display: inline-block;text-align: center;font-size: 15px;background: #3182b8;border-radius: 5px;border: 1px solid #3182b8;}
.btn_basic_s span {position:relative;padding-right:25px;}
.btn_basic_s span:after {content: '';width: 15px;height: 15px;background: url(/usr/images/ico_download02.svg) no-repeat 0 0 / 100%;position: absolute;top: 50%;right: 0;margin-top: -7px;}
.line_type {border:1px solid #464646;color:#1b1b1b;background:none;}
.btn_basic:hover, .btn_basic:focus {opacity:0.8;    transition: 0.15s ease;}
.btn_delete {background: #555555 url(/usr/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_faq_modify {background: none;color: #0034fb;font-weight: 700;position: absolute;top: 13px;right: 30px;}
.btn_basic.input {padding: 12px 5% !important; height:auto;    border: 1px solid #3182b8;vertical-align: 0;}

.bg_type01 {background:#d9fbf7;}
.bg_type02 {background:#ffeaec}
.bg_type03 {background:#fff8d0}
.bg_type04 {background:#e8f1ff}
.bg_type05 {background: #f4fcff;}
.bg_gray {background: #464646;border:1px solid #464646}
.bg_puple {background: #773dbd}

.ico_file {display: inline-block;text-indent: -999em;width: 20px;background: url(/usr/images/common/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(/usr/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(/usr/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, .link:focus {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(/usr/images/img/poly_nav_01.png)}
.poly_nav .ico2 {background-image: url(/usr/images/img/poly_nav_02.png)}
.poly_nav .ico3 {background-image: url(/usr/images/img/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;position: relative;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(/usr/images/img/poly_ico_01.png)}
.policy .poly_subtit .ico2 {background-image: url(/usr/images/img/poly_ico_02.png);background-size: 36px}
.policy .poly_subtit .ico3 {background-image: url(/usr/images/img/poly_ico_03.png)}
.policy .poly_subtit .ico4 {background-image: url(/usr/images/img/poly_ico_04.png)}
.policy .poly_subtit .ico5 {background-image: url(/usr/images/img/poly_ico_05.png)}
.policy .poly_subtit .ico6 {background-image: url(/usr/images/img/poly_ico_06.png)}
.policy .poly_subtit .ico7 {background-image: url(/usr/images/img/poly_ico_07.png)}
.policy .poly_subtit .ico8 {background-image: url(/usr/images/img/poly_ico_08.png)}
.policy .poly_subtit .ico9 {background-image: url(/usr/images/img/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}

.link_box ul {display: flex;flex-wrap: wrap;margin: 0 -10px;}
.link_box ul li {width: 33.33333%;text-align: center;padding: 10px;}
.link_box ul li a {display: flex;padding: 34px 10px;border: 1px solid #d7d7d7;border-radius: 10px;justify-content: center;flex-direction: column;align-items: center;gap: 10px}
.link_box ul li a:hover, .link_box ul li a:focus {background-color: #e6f4ff}
.link_box ul li a em {display: inline-block;border: 1px solid #e5e5e5;padding: 5px 25px;border-radius: 5px}

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

/* 공통 */
.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 {font-weight: 600;margin: 6px 0;}
.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;font-weight: 400;}
.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;}


/**  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;}

/**만족도**/
.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}

/**Contact**/
.contact_box {border-radius: 15px;border: 1px solid #d9d9d9;padding: 5%;text-align: center}
.contact_box img {max-width: 483px;width: 100%}
:lang(en) .contact_box img {max-width:100%;width:auto}
:lang(en) .contact_box strong {display:block;margin-bottom:20px;font-size: 2em;font-weight: 800;color: #053d93;}

/**설문**/
.zcms_survey .board-list > li article h4 {margin-top: 8px}
.zcms_survey .board-list li span.no {line-height: 24px;display: inline-block;width: 25px;height: 25px;text-align: center;border-radius: 50px;font-size: 11px;font-weight: bold;margin-top: 2px;background-color: #0e2b58;color: #fff}
.select-box01 {display: flex;justify-content: flex-end;margin-bottom: 10px;gap: 5px}
.zcms_survey .board-list > li:nth-child(1) {border-top: solid 2px #656d78}
.zcms_survey .board-list > li {border-bottom: solid 1px #dedede;padding: 20px 0;position: relative}
.zcms_survey .board-list li span.no {float: left}
.zcms_survey .board-list > li article {padding: 0 155px 0 35px;position: relative}
.zcms_survey .board-list > li article h4 {margin-bottom: 0;font-size: 1em;padding: 0}
.zcms_survey .btn-search {background: #3182b8;border-radius: 5px;border: 1px solid #3182b8;color:#fff}
.zcms_survey_wrapper {border: 1px solid #ccc;padding: 14px;background-color: #f7f7f7}
.zcms_question {margin-bottom: 14px;border-bottom: 1px solid #d9d9d9;padding-bottom: 10px}
.zcms_question:last-of-type {border-bottom: 0;padding-bottom: 0;margin-bottom: 0}
.zcms_question li {text-indent: -15px;padding-left: 15px;margin-bottom: 4px;line-height: 20px}
.zcms_question.li_inner li {text-indent: 0;padding-left: 0}
.question.graph {display: flex;align-items: center;margin-top: 6px;}
.question.graph em {display: inline-block;height: 14px;background-color: #72acfd;border-radius: 2px;}
.question.graph em.number {background: none;flex-grow: 0;flex-shrink: 0;padding: 12px 10px;line-height: 0;margin-left: 5px;border-radius: 2px;font-size: 12px;background-color: #346dbd;color: #fff;}
.zcms_survey .tbl-type01 td.bln {border-left: 0;padding: 10px 0;}
.zcms_survey .bottom_c {display: flex;justify-content: center;margin: 21px 0;gap: 0.5em}
.zcms_survey .bottom_c .btn_basic {display: inline-block;border: 1px solid #0e2b58;text-align: center;height: 36px;min-width: 105px;vertical-align: top;line-height: 33px;background-color: #0e2b58;color: #fff;border-radius: 19px;padding: 0 37px}
.zcms_survey .bottom_c .btn_basic:hover {border: 1px solid #f55f5f;background-color: #f55f5f;text-decoration: none}
.zcms_survey_wrapper strong {display: block;margin-bottom: 7px;font-size: 16px}

@media screen and (max-width: 1280px) {
	
	/* 기관소개 */
	.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: 1200px) {
	.direction_wrap ul li {width: 33.3333%;}
}
@media screen and (max-width: 1024px) {
	.greeting_wrap span {max-width:400px;width:100%;}
	
	/* 비전 */
	.title_wrap {min-height: 211px}
	.title_wrap h4 {font-size: 22px;}
	.title_wrap p {font-size: 17px}
	.mission_wrap span {font-size: 40px;}
	.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;}
	
	/* 갤러리 */
	.webtong-gallery li {width:33.3333%}
}
@media screen and (max-width: 980px) {
	
	/* 기관소개 */
	.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;}
	:lang(en) .ci_download {width:100%;margin-top:5px}
	
	/* 조직도 */
	.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 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 {}
	.direction_wrap ul li {width: 50%;}
	
	/* 고객헌장 */
	.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;font-size:17px;}
	.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: 33.3333%;}
	.thumbnail_wrap .thumbnail_inner ul {margin-top:5px}

	
	/* 뉴스 리스트 */
	.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}
	
	:lang(en) .contact_box strong {font-size: 1.5em;margin-bottom: 10px;}
}

@media screen and (max-width: 780px) {
	
	/* 기관소개 */
	.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;}
	
	.link_box ul li {width: 100%;}
	.link_box ul li a {flex-direction: row}
	
	.vision_wrap ul li p {font-size: 16px}
}

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

	/* 기관소개 */
	.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 span {font-size: 24px;}
	.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 {}
	.direction_wrap ul li {width: 100%;}
	.direction_wrap ul li a {padding: 9px 20px;}
	
	/* 생명윤리정책 연구 */
	.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}
	
	
	/* 갤러리 */
	.webtong-gallery li {width:50%;padding: 0 5px;}
	.webtong-gallery li div {padding: 15px 0;}
	
	/* 관련사이트 리스트 */
	.thumbnail_wrap {margin: 0 -5px}
	.thumbnail_wrap .thumbnail_inner {width: 50%;padding: 5px}
	.thumbnail_wrap .thumbnail_inner .thumbnail_img img {width:100%;max-width:none}
	
	
	/* 스크롤박스 안에 들어간 탭들 스타일 */
	.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}
	
	/*만족도*/
	.rate-row{flex-direction:column;align-items:stretch;gap:10px}
    .rate-list{width:100%;justify-content:flex-start}
    .rate-list label{flex:1;padding:8px 12px;border:1px solid #e9e9e9;background:#fafafa}
    .rate-btn{width:100%}

	.contact_box {padding: 43px;}
	:lang(en) .contact_box {padding:40px 20px;}
	:lang(en) .contact_box strong {font-size: 1.2em;margin-bottom: 10px;}
}
@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) {
	
	/* 기관소개 */
	.sub_tab_menu ul li a {padding: 10px 12px;}
	
	:lang(en) .ci_download {padding: 10px 15px;}
	:lang(en) .ci_download span {padding-right: 25px;word-wrap: break-word;line-height: 24px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
	
	/* 조직도 */
	.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 a {width: 100%;justify-content: center;}
	
	/* 생명윤리사업 운영·관리 */
	.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%}
	
	/* 갤러리 */
	.webtong-gallery li {width:100%;padding:0;}
	
	/* 관련사이트 리스트 */
	.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}
	
	.select-box input[type="text"] {width: 150px !important;}
}
@media screen and (max-width: 360px) {
	
}