@charset "UTF-8";
@import url(https://fonts.googleapis.com/css?family=Noto+Sans+KR);
* {font-family:'Noto Sans KR'}

/* 슬라이드 */
  /* .box { width: 100%; max-width: 600px; margin: 0 auto; font-size: 16px;}
  .title_area { display: flex; flex-direction: column; align-items: center; text-align: center;}
  .title {font-size: 1.5em; margin-bottom: 0.5em;}
  .link_view { font-size: 0.9em; text-decoration: none; color: #007bff;}

@media screen and (max-width: 480px) {
  body {font-size: 14px;}
  .box {font-size: 14px;}
  .title {font-size: 1.3em;}
} */

/* sub_top */
.sub_top {margin: 0 0 83px;}
.sub_top_tit {padding:60px 0; font-size:2.2em; font-weight:500; text-align:center;}

/* 2021-10-28 */
.tab_br {display: none;}

/* 서브페이지 기본틀 */
.sub_cont {width: 100%; margin: 0 auto; padding: 0 0 120px; font-family: 'Noto Sans KR';}
.sub_tit .main_title {margin: 30px 0 30px; font-weight: 300; font-size: 54px; line-height: 81px; color: #07535e; text-align: center; letter-spacing: -0.075em;}
.sub_tit .main_title_area {margin: 43px 0 56px; text-align: center;}
.sub_tit .main_title_area .main_title {margin: 0;}
.sub_tit .main_title_area .text {font-weight: 400; font-size: 20px; line-height: 30px; color: #757575; letter-spacing: -0.05em;}

.com_top_box {overflow: hidden; margin: 0 0 55px;}
.com_top_box .title {font-weight: 700; font-size: 36px; line-height: 54px; color: #07535e;}
.com_top_box .title .txt_box {display: inline-block; margin: 0 0 0 30px; font-family: 'SpoqaHanSans'; font-weight: 300; font-size: 24px; line-height: 54px; color: #111111;}
.com_top_box .title .txt_box .ft_c {font-weight: 700; color: #248386;}
.com_top_box .fl {float: left;}
.com_top_box .fr {float: right;}
.com_top_box.tac {text-align: center;}

.com_sch_box {display: inline-block; position: relative; width: 100%; max-width: 300px; padding: 0 60px 0 0;}
.com_sch_box .sch_inp {width: 100%; height: 50px; border: 1px solid #07535e; padding: 0 20px; background-color: #ffffff; font-weight: 400; font-size: 20px; line-height: 48px; color: #07525d; letter-spacing: -0.05em; border-radius: 10px;}
.com_sch_box .sch_slt {width: 100%; height: 50px; border: 1px solid #07535e; padding: 0 40px 0 20px; background-color: #ffffff; background-image: url("/Spri/images/common/slt_arr.png"); background-position: right 20px center; background-repeat: no-repeat; font-weight: 400; font-size: 20px; line-height: 48px; color: #07525d; letter-spacing: -0.05em; border-radius: 10px;}
.com_sch_box .sch_btn {position: absolute; top: 0; right: 0; width: 50px; height: 50px; border: none; background-image: url("/Spri/images/common/sch_icon.png"); background-position: center; background-size: 20px; background-repeat: no-repeat; background-color: #07535e; border-radius: 10px; cursor: pointer;}
.m_slt_cont .com_m_slt {display: none;}

.sch_btn.btn_fos:focus{outline: none;border:1px dashed #94fff7;}
.blind{position: absolute;overflow: hidden;clip: rect(0,0,0,0);width: 1px;height: 1px;margin: -1px;}

/* 공통탭 */
.view_tab_box {position: relative; margin: 0 0 72px; text-align: center;}
.view_tab_box:before {display: block; content: ''; position:absolute; top: 50%; right: 0; left: 0; width: 100%; height: 1px; background-color: #e1e1e1; z-index: -1;}
.view_tab_box .tab_list {display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: space-around; margin: 0 auto; box-shadow: 10px 10px 30px rgba(0, 0, 0, 0.2); border-radius: 20px;}
.view_tab_box .tab_list li {display: block; width: 100%;}
.view_tab_box .tab_list li a, .view_tab_box .tab_list li button {border:1px solid transparent;display: block; width: 100%; border-right: 1px solid #eeeeee; padding: 0 10px; background-color: #ffffff; font-weight: 400; font-size: 18px; line-height: 50px; color: #757575;}
.view_tab_box .tab_list li a:focus {background:#3f99a6;outline:none;border:1px dashed #94fff7;color:#fff;}
.view_tab_box .tab_list li a:hover {background:#3f99a6;outline:none;color:#fff;}
.view_tab_box .tab_list li:first-child a, .view_tab_box .tab_list li:first-child button {border-radius: 10px 0 0 10px;}
.view_tab_box .tab_list li:last-child a, .view_tab_box .tab_list li:last-child button {border-right:0; border-radius: 0 10px 10px 0;}
.view_tab_box .tab_list li.current a, .view_tab_box .tab_list li.current button {border-right:0; background-color: #07535e; font-weight: 700; color: #ffffff;}
.view_tab_box .tab_list li.active a, .view_tab_box .tab_list li.active button {border:1px solid #07535e; background-color: #07535e; font-weight: 700; color: #ffffff;}
.view_tab_box .tab_list li.active a:focus {background:#269fb0;border:1px dashed #94fff7;}
.view_tab_box .tab_list li a:focus .text {color:#fff;}
.tab_cont {display: none;}
.tab_cont.current {display: block;}

/* 2021-10-12 추가 */
.view_tab_box .tab_list.sty2 {}
.view_tab_box .tab_list.sty2 li {}
.view_tab_box .tab_list.sty2 li .box {display: table; width: 100%; padding: 0; table-layout: fixed;}
.view_tab_box .tab_list.sty2 li .box .inner_box {display: table-cell; height: 50px; vertical-align: middle; text-align: center;}
.view_tab_box .tab_list.sty2 li .box .inner_box .text {font-size: 18px; line-height: 27px; color: #757575; word-break: keep-all;}
.view_tab_box .tab_list.sty2 li.active .box .inner_box .text,
.view_tab_box .tab_list.sty2 li.current .box .inner_box .text {font-weight: 700; color: #ffffff;}

.view_tab_box .tab_list.sty2 li .box:hover .inner_box .text, .view_tab_box .tab_list.sty2 li .box:focus .inner_box .text {color:#fff;}


/* 공통 버튼 */
.com_btn_area {margin: 60px 0 0;}
.com_btn_area .container {text-align: right;}
.com_btn_area .container .view_btn {display: inline-block; padding: 0 50px; background-color: #07535e; font-weight: 500; font-size: 20px; line-height: 50px; color: #ffffff; border-radius: 10px;}
.com_btn_area .container .view_btn:hover,.com_btn_area .container .view_btn:focus {background:#269fb0;}

/* 리스트 공통 */
.com_list_cont {}
.com_list_cont .com_top_box {overflow: hidden; font-size: 0;}
.com_list_cont .com_top_box.hi {overflow: inherit;}
.com_list_cont .com_top_box.tac {text-align: center;}
.com_list_cont .com_top_box .fl {float: left;}
.com_list_cont .com_top_box .fr {float: right;}
.com_list_cont .com_list_box > .list {}
.com_list_cont .com_list_box > .list > li {margin: 0 0 80px;}
.com_list_cont .com_list_box > .list > li > .box {display: block;}
.com_list_cont .com_list_box > .list > li > .box .mark_list_area {font-size: 0;}
.com_list_cont .com_list_box > .list > li > .box .mark_list_area > .list {display: inline-block; margin: 0 11px 0 0; font-size: 0;}

.com_list_cont .com_list_box > .list > li > .box .mark_list_area > .list:last-child {margin: 0;}
.com_list_cont .com_list_box > .list > li > .box .mark_list_area > .list > li {display: inline-block; margin: 0 5px 0 0;}
.com_list_cont .com_list_box > .list > li > .box .mark_list_area > .list > li:last-child {margin: 0;}
.com_list_cont .com_list_box > .list > li > .box .mark_list_area > .list > li.bg_c1 {}
.com_list_cont .com_list_box > .list > li > .box .mark_list_area > .list > li.bg_c2 {}

.com_list_cont .com_list_box > .list > li > .box .mark_list_area > .list > li a,
.com_list_cont .com_list_box > .list > li > .box .mark_list_area > .list > li .text {display: inline-block; padding: 0 15px; font-weight: 500; font-size: 18px; line-height: 30px; color: #575757; letter-spacing: -0.05em; border-radius: 20px;}
.com_list_cont .com_list_box > .list > li > .box .mark_list_area > .list > li .text:hover {}

.com_list_cont .com_list_box > .list > li > .box .mark_list_area > .list > li.bg_c1 a, .com_list_cont .com_list_box > .list > li > .box .mark_list_area > .list > li.bg_c1 .text {background-color: #07535e; font-weight: 700; color: #33ccc7;}
.com_list_cont .com_list_box > .list > li > .box .mark_list_area > .list > li.bg_c1 a:focus, .com_list_cont .com_list_box > .list > li > .box .mark_list_area > .list > li.bg_c1 .text:focus,
.com_list_cont .com_list_box > .list > li > .box .mark_list_area > .list > li.bg_c1 a:hover, .com_list_cont .com_list_box > .list > li > .box .mark_list_area > .list > li.bg_c1 .text:hover {background-color: #187987; font-weight: 700; color: #fff;}
.com_list_cont .com_list_box > .list > li > .box .mark_list_area > .list > li.bg_c2 a, .com_list_cont .com_list_box > .list > li > .box .mark_list_area > .list > li.bg_c2 .text {font-weight: 400; border: 1px solid #07535e; background-color: inherit; line-height: 28px; color: #07535e;}

.com_list_cont .com_list_box > .list > li > .box .mark_list_area > .list.name > li {margin: 0 !important;}
.com_list_cont .com_list_box > .list > li > .box .mark_list_area > .list.name > li a, .com_list_cont .com_list_box > .list > li > .box .mark_list_area > .list.name > li .text {position: relative; padding: 0 9px;}
.com_list_cont .com_list_box > .list > li > .box .mark_list_area > .list.name > li a:before {content: ''; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 1px; height: 11px; background-color: #cccccc;}
.com_list_cont .com_list_box > .list > li > .box .mark_list_area > .list.name > li:first-child a:before {display: none;}
.com_list_cont .com_list_box > .list > li > .box .mark_list_area > .list.name > li a:hover, .com_list_cont .com_list_box > .list > li > .box .mark_list_area > .list.name > li .text:hover {color: #248386; text-decoration: underline;}

.com_list_cont .com_list_box > .list > li > .box .mark_list_area > .data_list_area {display: inline-block; margin: 5px 0 0;}
.com_list_cont .com_list_box > .list > li > .box .mark_list_area > .data_list_area > .list {font-size: 0;}
.com_list_cont .com_list_box > .list > li > .box .mark_list_area > .data_list_area > .list > li {display: inline-block; position: relative; margin: 0 0 0 15px; padding: 0 0 0 15px;}
.com_list_cont .com_list_box > .list > li > .box .mark_list_area > .data_list_area > .list > li:first-child {margin: 0; padding: 0;}
.com_list_cont .com_list_box > .list > li > .box .mark_list_area > .data_list_area > .list > li:before {display: block; content: ''; position: absolute; top: 50%; left: 0; width: 1px; height: 11px; margin: -4px 0 0; background-color: #cccccc;}
.com_list_cont .com_list_box > .list > li > .box .mark_list_area > .data_list_area > .list > li:first-child:before {display: none;}
.com_list_cont .com_list_box > .list > li > .box .mark_list_area > .data_list_area > .list > li .text {font-family: 'Spoqa Han Sans'; font-weight: 400; font-size: 18px; line-height: 27px; color: #757575;}


/* .com_list_cont .com_list_box > .list > li > .box .title {display: inline-block; position: relative; height: 48px; margin: 10px 0 0; padding: 0 70px 0 0; overflow: hidden;}
.com_list_cont .com_list_box > .list > li > .box .title a {font-weight: 500; font-size: 32px; line-height: 48px; color: #111111; letter-spacing: -0.075em; word-break: keep-all; display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap: break-word;}
.com_list_cont .com_list_box > .list > li > .box .title a:hover,
.com_list_cont .com_list_box > .list > li > .box .title a:focus {color:#248386;outline:none;border-bottom:1px solid #0897a4;display:inline;} */

.com_list_cont .com_list_box > .list > li > .box .title {display: inline-block; position: relative; height: 48px; margin: 10px 0 0; padding: 0 70px 0 0; overflow: hidden;}
.com_list_cont .com_list_box > .list > li > .box .title a {display:block; font-size: 32px;height:48px; line-height: 48px; color: #111111; letter-spacing: -0.075em; word-break: keep-all; display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap: break-word;}
.com_list_cont .com_list_box > .list > li > .box .title a:hover, 
.com_list_cont .com_list_box > .list > li > .box .title a:active{color:#248386;outline:none;border-bottom:1px solid #0897a4;}
.com_list_cont .com_list_box > .list > li > .box .title a:focus {color:#248386;outline:none;border:1px solid #cb2f2f;}

.com_list_cont .com_list_box > .list > li > .box .title a .ft_s {font-size: 24px; color: #757575;}
.com_list_cont .com_list_box > .list > li > .box .title .result {position: absolute; top: 50%; right: 0; margin: -15px 0 0; padding: 0 12px; background-color: #248386; font-weight: 700; font-size: 16px; line-height: 30px; color: #ffffff; border-radius: 20px;}
.com_list_cont .com_list_box > .list > li > .box .title_area .title {display: inline-block;}
.com_list_cont .com_list_box > .list > li > .box .title_area .title a {position: relative; padding: 0 60px 0 0; font-weight: 500; font-size: 32px; line-height: 48px; color: #111111; letter-spacing: -0.075em; word-break: keep-all;}
.com_list_cont .com_list_box > .list > li > .box .title_area .title a .result {position: absolute; top: 50%; right: 0; margin: -15px 0 0; padding: 0 12px; background-color: #248386; font-weight: 700; font-size: 16px; line-height: 30px; color: #ffffff; border-radius: 20px;}
.com_list_cont .com_list_box > .list > li > .box > .text {height: 60px; margin: 17px 0 0; font-weight: 400; font-size: 18px; line-height: 30px; color: #555555; letter-spacing: -0.05em; word-break: keep-all; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word; text-align: justify;}
.com_list_cont .com_list_box > .list > li > .box > .text > b {font-weight: 700; color: #07535e;}

.com_list_cont .com_list_box > .list > li > .box .data_list_area {margin: 5px 0 0;}
.com_list_cont .com_list_box > .list > li > .box .data_list_area > .list {font-size: 0;}
.com_list_cont .com_list_box > .list > li > .box .data_list_area > .list > li {display: inline-block; position: relative; margin: 0 0 0 15px; padding: 0 0 0 15px;}
.com_list_cont .com_list_box > .list > li > .box .data_list_area > .list > li:first-child {margin: 0; padding: 0;}
.com_list_cont .com_list_box > .list > li > .box .data_list_area > .list > li:before {display: block; content: ''; position: absolute; top: 50%; left: 0; width: 1px; height: 11px; margin: -4px 0 0; background-color: #cccccc;}
.com_list_cont .com_list_box > .list > li > .box .data_list_area > .list > li:first-child:before {display: none;}
.com_list_cont .com_list_box > .list > li > .box .data_list_area > .list > li .text {font-family: 'Spoqa Han Sans'; font-weight: 400; font-size: 18px; line-height: 27px; color: #757575;}


.com_list_cont .com_list_box > .list > li > .box .tag_list_area {margin: 14px 0 0;}
.com_list_cont .com_list_box > .list > li > .box .tag_list_area > .list {font-size: 0;}
.com_list_cont .com_list_box > .list > li > .box .tag_list_area > .list > li {display: inline-block; margin: 0 10px 5px 0; border: 1px solid #aaaaaa; padding: 0 10px 0 5px; text-align: center; border-radius: 20px;}
.com_list_cont .com_list_box > .list > li > .box .tag_list_area > .list > li:last-child {margin: 0;}
.com_list_cont .com_list_box > .list > li > .box .tag_list_area > .list > li a, .com_list_cont .com_list_box > .list > li > .box .tag_list_area > .list > li .text {display: inline-block; position: relative; padding: 0 0 0 25px; font-weight: 400; font-size: 16px; line-height: 28px; color: #757575;}
.com_list_cont .com_list_box > .list > li > .box .tag_list_area > .list > li a:before, .com_list_cont .com_list_box > .list > li > .box .tag_list_area > .list > li .text:before {display: block; content: '#'; position: absolute; top: 50%; left: 0; width: 20px; height: 20px; margin: -10px 0 0; background-color: #757575; font-weight: 400; font-size: 15px; line-height: 20px; color: #ffffff; border-radius: 50%;}
/* 2021-07-12 */
.com_list_cont .com_list_box > .list > li > .box .info_list_area {margin: 16px 0 0;}
.com_list_cont .com_list_box > .list > li > .box .info_list_area > .list {}
.com_list_cont .com_list_box > .list > li > .box .info_list_area > .list > li {position: relative; padding: 0 0 0 89px; font-weight: 400; font-size: 18px; line-height: 30px; color: #555555; letter-spacing: -0.05em; word-break: keep-all;}
.com_list_cont .com_list_box > .list > li > .box .info_list_area > .list.sty2 > li {padding: 0;}
.com_list_cont .com_list_box > .list > li > .box .info_list_area > .list > li .tit {display: inline-block; position: absolute; top: 0; left: 0; padding: 0 0 0 12px; font-weight: 500; color: #111111;}
.com_list_cont .com_list_box > .list > li > .box .info_list_area > .list.sty2 > li .tit {position: inherit; top: inherit; left: inherit;}
.com_list_cont .com_list_box > .list > li > .box .info_list_area > .list > li .tit:before {display: block; content: ''; position: absolute; top: 12px; left: 0; width: 6px; height: 6px; background-color: #111111; border-radius: 50%;}
.com_list_cont .com_list_box > .list > li > .box .info_list_area > .list > li .link {font-weight: 500; color: #07535e;}

.com_list_cont .com_list_box > .list > li > .box .info_list {margin: 14px 0 0;}
.com_list_cont .com_list_box > .list > li > .box .info_list > .list {}
.com_list_cont .com_list_box > .list > li > .box .info_list > .list > li {font-weight: 400; font-size: 18px; line-height: 30px; color: #555555; letter-spacing: -0.05em;}
.com_list_cont .com_list_box > .list > li > .box .info_list > .list > li .tit {padding: 0 0 0 13px; font-weight: 500; color: #111111;}
.com_list_cont .com_list_box > .list > li > .box .info_list > .list > li .tit:before {display: block; content: ''; position: absolute; top: 12px; left: 0; width: 6px; height: 6px; background-color: #333333; border-radius: 50%;}

.com_list_cont .com_list_box > .list > li > .box > p {font-weight: 400; font-size: 16px; line-height: 24px; color: #333333; text-align: center;}

.com_list_cont .newsletter_list_area {}
.com_list_cont .newsletter_list_area > .list {border-top: 2px solid #333333;}
.com_list_cont .newsletter_list_area > .list > li {border-bottom: 1px solid #e1e1e1;}
.com_list_cont .newsletter_list_area > .list > li .box {display: block; position: relative; padding: 0 150px 0 33px;}
.com_list_cont .newsletter_list_area > .list > li .box:hover .title,
.com_list_cont .newsletter_list_area > .list > li .box:focus .title {color:#248386;}
.com_list_cont .newsletter_list_area > .list > li .box .title {font-weight: 400; font-size: 24px; line-height: 80px; color: #111111;}
.com_list_cont .newsletter_list_area > .list > li .box .data {display: inline-block; position: absolute; top: 0; right: 33px; font-family: 'SpoqaHanSans'; font-weight: 400; font-size: 20px; line-height: 80px; color: #757575;}
/* 2021-07-12 */

/* 검색엔진 2025-10 */
.highlight {font-weight: bold;}

/* 블로그 리스트 */
.com_list_cont {}
.com_list_cont .com_list_box {}
.com_list_cont .com_list_box > .list {}
.com_list_cont .com_list_box > .list > li {margin: 60px 0 0;}
.com_list_cont .com_list_box > .list > li:first-child {margin: 0;}
.com_list_cont .com_list_box > .list > li > .box {display: block;}
.com_list_cont .com_list_box > .list > li > .box > .inner_box {display: table; width: 100%; table-layout: fixed;}
.com_list_cont .com_list_box > .list > li > .box > .inner_box .img_box {display: table-cell; width: 480px; vertical-align: top;}
.com_list_cont .com_list_box > .list > li > .box > .inner_box .img_box .img_box2 {display: table; width: 100%; table-layout: fixed; border-radius: 20px;}
.com_list_cont .com_list_box > .list > li > .box > .inner_box .img_box .img_box2 .inner_box {display: table-cell; width: 100%; height: 260px; vertical-align: middle; text-align: center;}
.com_list_cont .com_list_box > .list > li > .box > .inner_box .img_box .img_box2 .inner_box img {display: inline-block; border-radius: 20px; width: 100%; height: auto !important;}
.com_list_cont .com_list_box > .list > li > .box > .inner_box .text_box {display: table-cell; padding: 0 0 0 40px; vertical-align: top; font-size: 0;}
.com_list_cont .com_list_box > .list > li > .box > .inner_box .text_box .mark_list_area {font-size: 0;}
.com_list_cont .com_list_box > .list > li > .box > .inner_box .text_box .mark_list_area > .list {display: inline-block; margin: 0 20px 0 0; font-size: 0;}
.com_list_cont .com_list_box > .list > li > .box > .inner_box .text_box .mark_list_area > .list:last-child {margin: 0;}
.com_list_cont .com_list_box > .list > li > .box > .inner_box .text_box .mark_list_area > .list > li {display: inline-block; margin: 0; font-size: 0;}
.com_list_cont .com_list_box > .list > li > .box > .inner_box .text_box .mark_list_area > .list > li:last-child {margin: 0;}
.com_list_cont .com_list_box > .list > li > .box > .inner_box .text_box .mark_list_area > .list > li a {display: inline-block; padding: 0 15px; font-weight: 400; font-size: 16px; line-height: 30px; color: #ffffff; letter-spacing: -0.05em; border-radius: 20px;}
.com_list_cont .com_list_box > .list > li > .box > .inner_box .text_box .mark_list_area > .list > li.bg_c1 a {background-color: #07535e; font-weight: 700; color: #33ccc7;}
.com_list_cont .com_list_box > .list > li > .box > .inner_box .text_box .mark_list_area > .list > li.bg_c2 a {font-weight: 700; border: 1px solid #07535e; background-color: inherit; font-family: 'Spoqa Han Sans'; line-height: 28px; color: #07535e;}
.com_list_cont .com_list_box > .list > li > .box > .inner_box .text_box .mark_list_area > .list:nth-child(2) > li a, .com_list_cont .com_list_box > .list > li > .box > .inner_box .text_box .mark_list_area > .list:nth-child(2) > li .text {display: inline-block; position: relative; padding: 0 7px; font-weight: 500; font-size: 18px; line-height: 30px; color: #575757; letter-spacing: -0.05em; border-radius: 20px;}
.com_list_cont .com_list_box > .list > li > .box > .inner_box .text_box .mark_list_area > .list:nth-child(2) > li a:before {content: ''; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 1px; height: 11px; background-color: #cccccc;}
.com_list_cont .com_list_box > .list > li > .box > .inner_box .text_box .mark_list_area > .list:nth-child(2) > li:first-child a:before {display: none;}
.com_list_cont .com_list_box > .list > li > .box > .inner_box .text_box .mark_list_area > .list:nth-child(2) > li a:hover, .com_list_cont .com_list_box > .list > li > .box > .inner_box .text_box .mark_list_area > .list:nth-child(2) > li .text:hover {color: #248386; text-decoration: underline;}
.com_list_cont .com_list_box > .list > li > .box > .inner_box .text_box .title_area {display: inline-block; margin: 9px 0 0;}
.com_list_cont .com_list_box > .list > li > .box > .inner_box .text_box .title_area .title {margin: 0;}
.com_list_cont .com_list_box > .list > li > .box > .inner_box .text_box .title_area .title a {position: relative; padding: 0 60px 0 0; font-weight: 500; font-size: 32px; line-height: 48px; color: #111111; letter-spacing: -0.075em; word-break: keep-all;}
.com_list_cont .com_list_box > .list > li > .box > .inner_box .text_box .title_area.sty2 .title a {padding: 0;}
.com_list_cont .com_list_box > .list > li > .box > .inner_box .text_box .title_area .title .result {position: absolute; top: 50%; right: 0; margin: -15px 0 0; padding: 0 12px; background-color: #248386; font-weight: 700; font-size: 16px; line-height: 30px; color: #ffffff; border-radius: 20px;}
.com_list_cont .com_list_box > .list > li > .box > .inner_box .text_box .data_list {display: inline-block;}
.com_list_cont .com_list_box > .list > li > .box > .inner_box .text_box .data_list > .list {font-size: 0;}
.com_list_cont .com_list_box > .list > li > .box > .inner_box .text_box .data_list > .list > li {display: inline-block; position: relative; margin: 0 14px 0 0; padding:  0 14px 0 0; font-family: 'Spoqa Han Sans'; font-weight: 400; font-size: 18px; line-height: 27px; color: #757575;}
.com_list_cont .com_list_box > .list > li > .box > .inner_box .text_box .data_list > .list > li:after {display: block; content: ''; position:absolute; top: 50%; right: 0; width: 1px; height: 11px; margin: -6px 0 0; background-color: #999999;}
.com_list_cont .com_list_box > .list > li > .box > .inner_box .text_box .data_list > .list > li:last-child {margin: 0; padding: 0;}
.com_list_cont .com_list_box > .list > li > .box > .inner_box .text_box .data_list > .list > li:last-child:after {display: none;}
.com_list_cont .com_list_box > .list > li > .box > .inner_box .text_box .info_list {margin: 14px 0 0;}
.com_list_cont .com_list_box > .list > li > .box > .inner_box .text_box .info_list > .list {}
.com_list_cont .com_list_box > .list > li > .box > .inner_box .text_box .info_list > .list > li {font-weight: 400; font-size: 18px; line-height: 30px; color: #555555; letter-spacing: -0.05em;}
.com_list_cont .com_list_box > .list > li > .box > .inner_box .text_box .info_list > .list > li .tit {position: relative; margin: 0 5px 0 0; padding: 0 0 0 13px; font-weight: 500; color: #111111;}
.com_list_cont .com_list_box > .list > li > .box > .inner_box .text_box .info_list > .list > li .tit:before {display: block; content: ''; position: absolute; top: 12px; left: 0; width: 6px; height: 6px; background-color: #333333; border-radius: 50%;}
.com_list_cont .com_list_box > .list > li > .box > .inner_box .text_box .tag_list {margin: 24px 0 0;}
.com_list_cont .com_list_box > .list > li > .box > .inner_box .text_box .tag_list > .list {font-size: 0;}
.com_list_cont .com_list_box > .list > li > .box > .inner_box .text_box .tag_list > .list > li {display: inline-block; margin: 0 10px 10px 0; border: 1px solid #aaaaaa; padding: 0 10px 0 5px; text-align: center; border-radius: 20px;}
.com_list_cont .com_list_box > .list > li > .box > .inner_box .text_box .tag_list > .list > li:last-child {margin: 0;}
.com_list_cont .com_list_box > .list > li > .box > .inner_box .text_box .tag_list > .list > li a {display: inline-block; position: relative; padding: 0 0 0 25px; font-weight: 400; font-size: 16px; line-height: 28px; color: #757575;}
.com_list_cont .com_list_box > .list > li > .box > .inner_box .text_box .tag_list > .list > li a:before {display: block; content: '#'; position: absolute; top: 50%; left: 0; width: 20px; height: 20px; margin: -10px 0 0; background-color: #757575; font-weight: 400; font-size: 15px; line-height: 20px; color: #ffffff; border-radius: 50%;}
.com_list_cont .com_list_box > .list > li > .box > .tag_list.m {display: none; margin: 24px 0 0;}
.com_list_cont .com_list_box > .list > li > .box > .tag_list.m > .list {font-size: 0;}
.com_list_cont .com_list_box > .list > li > .box > .tag_list.m > .list > li {display: inline-block; margin: 0 10px 10px 0; border: 1px solid #aaaaaa; padding: 0 5px; text-align: center; border-radius: 20px;}
.com_list_cont .com_list_box > .list > li > .box > .tag_list.m > .list > li:last-child {margin: 0;}
.com_list_cont .com_list_box > .list > li > .box > .tag_list.m > .list > li a {display: inline-block; position: relative; padding: 0 0 0 25px; font-weight: 400; font-size: 16px; line-height: 28px; color: #aaaaaa;}
.com_list_cont .com_list_box > .list > li > .box > .tag_list.m > .list > li a:before {display: block; content: '#'; position: absolute; top: 50%; left: 0; width: 20px; height: 20px; margin: -10px 0 0; background-color: #aaaaaa; font-weight: 400; font-size: 15px; line-height: 20px; color: #ffffff; border-radius: 50%;}


/* 리스트 공통2 */
.com_list_cont2 {}
.com_list_cont2 .container > .list2 {font-size: 0;}
.com_list_cont2 .container > .list2 > li {display: inline-block; width: calc(50% - 40px); margin: 0 80px 80px 0; vertical-align: top;}
.com_list_cont2 .container > .list2 > li:nth-last-child(-n+2) {margin: 0 80px 0 0;}
.com_list_cont2 .container > .list2 > li:nth-child(2n) {margin: 0 0 80px;}
.com_list_cont2 .container > .list2 > li:last-child {margin: 0;}
.com_list_cont2 .container > .list2 > li > .box {display: block;}
.com_list_cont2 .container > .list2 > li > .box .title_area {position: relative; padding: 0 80px 0 0;}
.com_list_cont2 .container > .list2 > li > .box .title_area .title {position: relative; padding: 0 0 0 80px; font-weight: 700; font-size: 30px; line-height: 60px; color: #07535e; letter-spacing: -0.075em;}
.com_list_cont2 .container > .list2 > li > .box .title_area .title:before {display: block; content: ''; position: absolute; top: 0; left: 0; width: 60px; height: 60px; background-color: #248386; background-position: center; background-size: 36px; background-repeat: no-repeat; border-radius: 50%; box-shadow: 6px 6px 12px rgba(0, 0, 0, 0.1);}
.com_list_cont2 .container > .list2 > li > .box .title_area .title.icon1:before {background-image: url("/Spri/images/common/field_icon1.jpg");}
.com_list_cont2 .container > .list2 > li > .box .title_area .title.icon2:before {background-image: url("/Spri/images/common/field_icon2.jpg");}
.com_list_cont2 .container > .list2 > li > .box .title_area .title.icon3:before {background-image: url("/Spri/images/common/field_icon3.jpg");}
.com_list_cont2 .container > .list2 > li > .box .title_area .title.icon4:before {background-image: url("/Spri/images/common/field_icon4.jpg");}
.com_list_cont2 .container > .list2 > li > .box .title_area .title.icon5:before {background-image: url("/Spri/images/common/field_icon5.jpg");}
.com_list_cont2 .container > .list2 > li > .box .title_area .title.icon6:before {background-image: url("/Spri/images/common/field_icon6.jpg");}
.com_list_cont2 .container > .list2 > li > .box .title_area .title.icon7:before {background-image: url("/Spri/images/common/field_icon7.jpg");}
.com_list_cont2 .container > .list2 > li > .box .title_area .title.icon8:before {background-image: url("/Spri/images/common/field_icon8.jpg");}
.com_list_cont2 .container > .list2 > li > .box .title_area .link_view {position: absolute; top: 50%; right: 0; margin: -12px 0 0; font-weight: 500; font-size: 16px; line-height: 24px; color: #757575; letter-spacing: -0.05em; transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s;}
.com_list_cont2 .container > .list2 > li > .box .title_area .link_view:after {display: block; content: ''; position: absolute; top: 50%; right: 0; width: 20px; height: 11px; margin: -6px 0 0; background-position: right center; background-size: cover; background-repeat: no-repeat;}
.com_list_cont2 .container > .list2 > li > .box .title_area .link_view:hover, .com_list_cont2 > .list2 > li > .box .title_area .link_view:focus {padding: 0 30px 0 0;}
.com_list_cont2 .container > .list2 > li > .box .title_area .link_view:hover:after, .com_list_cont2 > .list2 > li > .box .title_area .link_view:focus:after {background-image: url("/Spri/images/common/link_view_icon.png");}
.com_list_cont2 .container > .list2 > li > .box > .title {position: relative; height: 48px; margin: 30px 0 0; padding: 0 60px 0 0; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word;}
.com_list_cont2 .container > .list2 > li > .box > .title a {font-weight: 500; font-size: 32px; line-height: 48px; color: #111111; letter-spacing: -0.075em; word-break: keep-all; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.com_list_cont2 .container > .list2 > li > .box > .title a .result {position: absolute; top: 50%; right: 0; margin: -15px 0 0; padding: 0 12px; background-color: #248386; font-weight: 700; font-size: 16px; line-height: 30px; color: #ffffff; border-radius: 20px;}
.com_list_cont2 .container > .list2 > li > .box .info_box {display: table; width: 100%; margin: 15px 0 0; table-layout: fixed;}
.com_list_cont2 .container > .list2 > li > .box .info_box .img_area {display: table-cell; width: 210px; vertical-align: top;}
.com_list_cont2 .container > .list2 > li > .box .info_box .img_area .img_box {display: table; width: 100%; padding: 6px 0 0; table-layout: fixed;}
.com_list_cont2 .container > .list2 > li > .box .info_box .img_area .img_box .inner_box {display: table-cell; width: 100%; height: 300px; vertical-align: middle; text-align: center; box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.2); border-radius: 10px;}
.com_list_cont2 .container > .list2 > li > .box .info_box .img_area .img_box .inner_box img {display: inline-block; border-radius: 10px;}
.com_list_cont2 .container > .list2 > li > .box .info_box .text_area {display: table-cell; padding: 0 0 0 20px;}
.com_list_cont2 .container > .list2 > li > .box .info_box .text_area .text_box {}
.com_list_cont2 .container > .list2 > li > .box .info_box .text_area .text_box > .text {height: 270px; font-weight: 400; font-size: 18px; line-height: 30px; color: #555555; letter-spacing: -0.05em; word-break: keep-all; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 9; -webkit-box-orient: vertical; word-wrap: break-word;}
.com_list_cont2 .container > .list2 > li > .box .info_box .text_area .text_box .data_list {margin: 16px 0 0;}
.com_list_cont2 .container > .list2 > li > .box .info_box .text_area .text_box .data_list > .list {}
.com_list_cont2 .container > .list2 > li > .box .info_box .text_area .text_box .data_list > .list > li {display: inline-block; position: relative; margin: 0 0 0 15px; padding: 0 0 0 15px;}
.com_list_cont2 .container > .list2 > li > .box .info_box .text_area .text_box .data_list > .list > li:first-child {margin: 0; padding: 0;}
.com_list_cont2 .container > .list2 > li > .box .info_box .text_area .text_box .data_list > .list > li:before {display: block; content: ''; position: absolute; top: 50%; left: 0; width: 1px; height: 11px; margin: -6px 0 0; background-color: #cccccc;}
.com_list_cont2 .container > .list2 > li > .box .info_box .text_area .text_box .data_list > .list > li:first-child:before {display: none;}
.com_list_cont2 .container > .list2 > li > .box .info_box .text_area .text_box .data_list > .list > li .text {font-family: 'Spoqa Han Sans'; font-weight: 400; font-size: 18px; line-height: 27px; color: #757575;}

/* 리스트 공통3 */
.com_list_cont3 {}
.com_list_cont3 .com_top_box {}
.com_list_cont3 .com_top_box .fl {}
.com_list_cont3 .com_top_box .fr {}
.com_list_cont3 .com_top_box .title {display: inline-block; font-weight: 700; font-size: 36px; line-height: 50px; color: #07535e; letter-spacing: -0.075em;}
.com_list_cont3 .com_top_box .com_sch_box {max-width: 220px;}
.com_list_cont3 .com_top_box .notice_box {margin: 60px 0 0;}
.com_list_cont3 .com_top_box .notice_box .title {padding: 0 0 0 59px; background-image: url("/Spri/images/common/not_icon.png"); background-position: left center; background-size: 49px; background-repeat: no-repeat; font-weight: 700; font-size: 24px; line-height: 49px; color: #07535e; letter-spacing: -0.075em;}
.com_list_cont3 .com_top_box .notice_box .text {margin: 25px 0 0; font-weight: 400; font-size: 18px; line-height: 30px; color: #333333; letter-spacing: -0.05em; word-break: keep-all;}
.com_list_cont3 .com_list_box {}
.com_list_cont3 .com_list_box > .list {font-size: 0;}
.com_list_cont3 .com_list_box > .list > li {display: inline-block; width: calc(25% - 60px); margin: 0 80px 75px 0; vertical-align: top;}
.com_list_cont3 .com_list_box > .list > li:nth-last-child(-n+4) {margin: 0 80px 0 0;}
.com_list_cont3 .com_list_box > .list > li:nth-child(4n) {margin: 0 0 75px;}
.com_list_cont3 .com_list_box > .list > li:last-child {margin: 0;}
.com_list_cont3 .com_list_box > .list > li > .box {display: block; position: relative;}
.com_list_cont3 .com_list_box > .list > li > .box .img_box {display: table; position: relative; width: 100%; table-layout: fixed; background-color: #ffffff; box-shadow: 10px 10px 30px rgba(0, 0, 0, 0.2); border-radius: 10px;}
.com_list_cont3 .com_list_box > .list > li > .box .img_box .inner_box {display: table-cell; width: 100%; height: 360px; vertical-align: middle; text-align: center;}
.com_list_cont3 .com_list_box > .list > li > .box .img_box .inner_box img {display: inline-block; width: auto !important; border-radius: 10px;}
.com_list_cont3 .com_list_box > .list > li > .box .list_btn_area {display: table; table-layout: fixed; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; background-color: rgba(7, 83, 94, 0.8); z-index: -1; border-radius: 10px;}
.com_list_cont3 .com_list_box > .list > li > .box .list_btn_area .inner_box {display: table-cell; width: 001%; font-size: 0; vertical-align: middle; text-align: center;}
.com_list_cont3 .com_list_box > .list > li > .box .list_btn_area .inner_box .com_btn {display: inline-block; width: 60px; height: 60px; margin: 0 20px 0 0; background-color: rgba(0, 0, 0, 0.8); background-position: center; background-repeat: no-repeat; border-radius: 50%;}
.com_list_cont3 .com_list_box > .list > li > .box .list_btn_area .inner_box .com_btn:last-child {margin: 0;}
.com_list_cont3 .com_list_box > .list > li > .box .list_btn_area .inner_box .link_btn {background-image: url("/Spri/images/common/sch_link_icon.png"); background-size: 24px;}
.com_list_cont3 .com_list_box > .list > li > .box .list_btn_area .inner_box .link_btn:hover, .com_list_cont3 .com_list_box > .list > li > .box .img_box .list_btn_area .inner_box .link_btn:focus {background-image: url("/Spri/images/common/sch_link_icon_on.png");}
.com_list_cont3 .com_list_box > .list > li > .box .list_btn_area .inner_box .down_btn {background-image: url("/Spri/images/common/down_icon.png"); background-size: 28px 24px;}
.com_list_cont3 .com_list_box > .list > li > .box .list_btn_area .inner_box .down_btn:hover, .com_list_cont3 .com_list_box > .list > li > .box .img_box .list_btn_area .inner_box .down_btn:focus {background-image: url("/Spri/images/common/down_icon_on.png");}
.com_list_cont3 .com_list_box > .list > li .text {margin: 18px 0 0; font-family: 'Spoqa Han Sans'; font-weight: 400; font-size: 16px; line-height: 27px; color: #757575; text-align: center; word-break: keep-all;}
.com_list_cont3 .com_list_box > .list > li .text .ft_s {font-weight: 300; font-size: 24px; line-height: 27px; color: #111111;}
.com_list_cont3 .com_list_box > .list > li .text_box {margin: 20px 0 0; text-align: center;}
.com_list_cont3 .com_list_box > .list > li .text_box .data {font-family: 'Spoqa Han Sans'; font-weight: 300; font-size: 24px; line-height: 27px; color: #111111; word-break: keep-all;}
.com_list_cont3 .com_list_box > .list > li .text_box .text, .com_list_cont3 .com_list_box > .list > li .text_box a {margin: 2px 0 0; font-weight: 400; font-size: 18px; line-height: 27px; color: #aaaaaa; letter-spacing: -0.05em;}

/* 리스트 VIEW 공통 */
.com_list_view_cont {}
.com_list_view_cont .view_top_box {position: relative; margin: 0 0 53px; z-index: 2; font-size: 0;}
.com_list_view_cont .view_top_box .title_area {font-size: 0;}
.com_list_view_cont .view_top_box .title_area .title {display: inline-block;font-weight: 500; font-size: 48px; line-height: 72px; color: #111111; letter-spacing: -0.075em; word-break: keep-all; vertical-align: middle;}
.com_list_view_cont .view_top_box.sty2 .title {height: 96px; -webkit-line-clamp: 2;}
.com_list_view_cont .view_top_box .title .ft_c2 {color: #248386;}
.com_list_view_cont .view_top_box .title_area .mark_list_area {display: inline-block; font-size: 0; vertical-align: middle;}
.com_list_view_cont .view_top_box .title_area .mark_list_area > .list {display: inline-block; margin: 0 20px 0 0; font-size: 0;}
.com_list_view_cont .view_top_box .title_area .mark_list_area > .list:last-child {margin: 0;}
.com_list_view_cont .view_top_box .title_area .mark_list_area > .list > li {display: inline-block; margin: 0 5px 0 0;}
.com_list_view_cont .view_top_box .title_area .mark_list_area > .list > li:last-child {margin: 0;}
.com_list_view_cont .view_top_box .title_area .mark_list_area > .list > li > .text, .com_list_view_cont .view_top_box .mark_list_area > .list > li > a {display: inline-block; padding: 0 25px; background-color: #575757; font-weight: 400; font-size: 20px; line-height: 42px; color: #ffffff; letter-spacing: -0.05em; border-radius: 30px; text-align: center;}
.com_list_view_cont .view_top_box .title_area .mark_list_area > .list > li.bg_c1 > .text, .com_list_view_cont .view_top_box .mark_list_area > .list > li.bg_c1 > a {background-color: #07535e; font-weight: 700; color: #33ccc7;}
.com_list_view_cont .view_top_box .title_area .mark_list_area > .list > li.bg_c2 > .text, .com_list_view_cont .view_top_box .mark_list_area > .list > li.bg_c2 > a {font-weight: 700; border: 1px solid #07535e; background-color: inherit; font-family: 'Spoqa Han Sans'; line-height: 42px; color: #07535e; text-align: center;}
.com_list_view_cont .view_top_box .title .txt {display: inline-block; margin: 0 0 0 30px; font-family: 'Spoqa Han Sans'; font-weight: 300; font-size: 24px; line-height: 48px; color: #111111; letter-spacing: 0;}
.com_list_view_cont .view_top_box .title .txt .ft_c {font-weight: 700; color: #248386;}
.com_list_view_cont .view_top_box .info_list_area {margin: 20px 0 0;}
.com_list_view_cont .view_top_box .info_list_area > .list {font-size: 0;}
.com_list_view_cont .view_top_box .info_list_area > .list > li {display: inline-block; position: relative; margin: 0 17px 0 0; padding: 0 17px 0 0; font-weight: 400; font-size: 16px; line-height: 36px; color: #757575; letter-spacing: -0.05em;}
.com_list_view_cont .view_top_box .info_list_area > .list > li:last-child {margin: 0; padding: 0;}
.com_list_view_cont .view_top_box .info_list_area > .list > li:after {display: block; content: ''; position: absolute; top: 50%; right: 0; width: 1px; height: 11px; margin: -6px 0 0; background-color: #cccccc;}
.com_list_view_cont .view_top_box .info_list_area > .list > li:last-child:after {display: none;}
.com_list_view_cont .view_top_box .info_list_area > .list > li > .tit {display: inline-block; margin: 0 5px 0 0; font-weight: 500; font-size: 20px; line-height: 36px; color: #333333;}
.com_list_view_cont .view_top_box .info_list_area > .list > li > .tit:hover, .com_list_view_cont .view_top_box .info_list_area > .list > li > .tit:focus {color: #248386; text-decoration: underline;}
.com_list_view_cont .view_top_box .data {display: inline-block; position: relative; margin: 16px 0 0; padding: 0 10px 0 23px; background-position: left center; background-repeat: no-repeat; font-family: 'Spoqa Han Sans'; font-weight: 400; font-size: 20px; line-height: 27px; color: #333333; vertical-align: middle;}
.com_list_view_cont .view_top_box .data.sty2 {margin: 16px 10px 0 0; background-image: url("/Spri/images/common/view_data_icon_01.png");}
.com_list_view_cont .view_top_box .data.sty2:after {display: block; content: ''; position: absolute; top: 50%; right: 0; width: 1px; height: 10px; margin: -5px 0 0; background-color: #e1e1e1;}
.com_list_view_cont .view_top_box .data.sty3 {background-image: url("/Spri/images/common/view_data_icon_02.png");}
/* .com_list_view_cont .view_top_box .etc_btn_box {position: absolute; right: 5px; bottom: 0;} */
.com_list_view_cont .view_top_box .etc_btn_box {display: inline-block; position: relative; margin: 16px 0 0 30px; vertical-align: middle;}
.com_list_view_cont .view_top_box .etc_btn_box .sns_btn {position: relative;}
.com_list_view_cont .view_top_box .etc_btn_box .down_btn {margin: 0 18px 0 0;}
.com_list_view_cont .view_top_box .etc_btn_box button img {height: 24px;}
.com_list_view_cont .view_top_box .etc_btn_box button .text {margin: 0 0 0 5px; font-weight: 400; font-size: 16px; line-height: 24px; color: #248386;}
.com_list_view_cont .view_tab_box {margin: 0 0 70px;}
.com_list_view_cont .view_tab_box .tab_list {max-width: 500px;}
.com_list_view_cont .view_tab_box .tab_list li {}
.com_list_view_cont .view_tab_box .tab_list li button:focus {background: #1b8c9d;outline-color: #c7c7c7;color: #fff; position: relative;z-index: 2;outline-color: #07535e;}
.com_list_view_cont .view_cont_box {border-bottom: 1px solid #e1e1e1; z-index: 1;}
.com_list_view_cont .view_cont_box .container {padding: 0 0 62px;}
.com_list_view_cont .view_cont_box .view_btn_box {font-size: 0; text-align: center;}
.com_list_view_cont .view_cont_box .view_btn_box .img_box {margin: 0 0 10px;}
.com_list_view_cont .view_cont_box .view_btn_box .view_btn {display: inline-block; padding: 0 40px; background-color: #07535e; border-radius: 10px;}
.com_list_view_cont .view_cont_box .view_btn_box .view_btn .text {padding: 0 0 0 47px; background-image: url("/spri/images/common/view_btn_icon.png"); background-position: left center; background-size: 32px 28px; background-repeat: no-repeat; font-weight: 500; font-size: 24px; line-height: 80px; color: #ffffff; letter-spacing: -0.05em;}

/* 공통 리스트 - 통합 */
.com_list_view_cont .view_cont_box .container .com_list_area {}
.com_list_view_cont .view_cont_box .container .com_list_area > .list {}
.com_list_view_cont .view_cont_box .container .com_list_area > .list > li {margin: 70px 0 0;}
.com_list_view_cont .view_cont_box .container .com_list_area > .list > li:first-child {margin: 0;}
.com_list_view_cont .view_cont_box .container .com_list_area > .list > li > .box {}
.com_list_view_cont .view_cont_box .container .com_list_area > .list > li > .box > .title {margin: 0 0 15px; font-weight: 700; font-size: 36px; line-height: 54px; color: #07535e; letter-spacing: -0.075em;}
.com_list_view_cont .view_cont_box .container .com_list_area > .list > li > .box > .title > a {display: inline-block; margin: 0 0 0 5px; font-weight: 500; font-size: 18px; color: #aaaaaa;}
.com_list_view_cont .view_cont_box .container .com_list_area > .list > li > .box > .text {margin: 0 0 15px; font-weight: 700; font-size: 18px; line-height: 27px; color: #333333; letter-spacing: -0.075em;}

/* 공통 리스트 */
.com_list_view_cont .view_cont_box .container .com_list_area > .list > li > .box > .info_list_area {}
.com_list_view_cont .view_cont_box .container .com_list_area > .list > li > .box > .info_list_area > .list {}
.com_list_view_cont .view_cont_box .container .com_list_area > .list > li > .box > .info_list_area > .list > li {margin: 40px 0 0; font-weight: 400; font-size: 18px; line-height: 30px; color: #333333; letter-spacing: -0.05em; word-break: keep-all;}
.com_list_view_cont .view_cont_box .container .com_list_area > .list > li > .box > .info_list_area > .list.mt li {margin: 20px 0 0; /* line-height: 40px; */}
.com_list_view_cont .view_cont_box .container .com_list_area > .list > li > .box > .info_list_area > .list > li:first-child {margin: 0;}
.com_list_view_cont .view_cont_box .container .com_list_area > .list > li > .box > .info_list_area > .list > li span {word-break: keep-all;}
.com_list_view_cont .view_cont_box .container .com_list_area > .list > li > .box > .info_list_area > .list > li .tit {font-weight: 500; color: #111111;}
.com_list_view_cont .view_cont_box .container .com_list_area > .list > li > .box > .info_list_area > .list > li .ft_c {font-weight: 700; color: #07535e;}
.com_list_view_cont .view_cont_box .container .com_list_area > .list > li > .box > .info_list_area > .list > li .link {font-weight: 500; color: #757575;}
.com_list_view_cont .view_cont_box .container .com_list_area > .list > li > .box > .info_list_area > .list > li.ft_c {font-weight: 700; color: #07535e;}

/* 공통 다운로드 버튼 */
.com_list_view_cont .view_cont_box .container .com_list_area > .list > li > .box > .info_list_area > .list > li .view_btn_list_area {}
.com_list_view_cont .view_cont_box .container .com_list_area > .list > li > .box > .info_list_area > .list > li .view_btn_list_area .list {}
.com_list_view_cont .view_cont_box .container .com_list_area > .list > li > .box > .info_list_area > .list > li .view_btn_list_area .list li {margin: 10px 0 0;}
.com_list_view_cont .view_cont_box .container .com_list_area > .list > li > .box > .info_list_area > .list > li .view_btn_list_area .list li:first-child {margin: 0;}
.com_list_view_cont .view_cont_box .container .com_list_area > .list > li > .box > .info_list_area > .list > li .view_btn_list_area .list li .box, .view_btn_list_area .list li a {display: block; padding: 0 40px; background-color: #248386; border-radius: 15px;}
.com_list_view_cont .view_cont_box .container .com_list_area > .list > li > .box > .info_list_area > .list > li .view_btn_list_area .list li .box .btn_box, .view_btn_list_area .list li a .btn_box {display: table; width: 100%; table-layout: fixed;}
.com_list_view_cont .view_cont_box .container .com_list_area > .list > li > .box > .info_list_area > .list > li .view_btn_list_area .list li .box .btn_box .inner_box, .view_btn_list_area .list li a .btn_box .inner_box {display: table-cell; width: 100%; height: 80px; vertical-align: middle; text-align: left;}
.com_list_view_cont .view_cont_box .container .com_list_area > .list > li > .box > .info_list_area > .list > li .view_btn_list_area .list li .box .btn_box .inner_box .text, .view_btn_list_area .list li a .btn_box .inner_box .text {display: inline-block; padding: 0 0 0 60px; background-image: url("/spri/images/common/down_view_icon.png"); background-position: left center; background-size: 39px 34px; background-repeat: no-repeat; font-weight: 500; font-size: 24px; line-height: 40px; color: #ffffff; word-break: keep-all;}

/* 공통 테이블 */
.com_list_view_cont .view_cont_box .container .com_list_area > .list > li > .box > .info_list_area > .list > li .table_box {border-top: 2px solid #5f6577;}
.com_list_view_cont .view_cont_box .container .com_list_area > .list > li > .box > .info_list_area > .list > li .table_box table {width: 100%; text-align: center; border-collapse: collapse; table-layout: fixed; box-sizing: border-box;}
.com_list_view_cont .view_cont_box .container .com_list_area > .list > li > .box > .info_list_area > .list > li .table_box table thead {background-color: #f7f7f7;}
.com_list_view_cont .view_cont_box .container .com_list_area > .list > li > .box > .info_list_area > .list > li .table_box table thead tr {}
.com_list_view_cont .view_cont_box .container .com_list_area > .list > li > .box > .info_list_area > .list > li .table_box table thead tr th {border-bottom: 1px solid #d5d5d5; border-right: 1px solid #d5d5d5; padding: 13px 10px; font-weight: 500; font-size: 15px; line-height: 22px; color: #333333;}
.com_list_view_cont .view_cont_box .container .com_list_area > .list > li > .box > .info_list_area > .list > li .table_box table thead tr th:last-child {border-right: none;}
.com_list_view_cont .view_cont_box .container .com_list_area > .list > li > .box > .info_list_area > .list > li .table_box table tbody {}
.com_list_view_cont .view_cont_box .container .com_list_area > .list > li > .box > .info_list_area > .list > li .table_box table tbody tr {}
.com_list_view_cont .view_cont_box .container .com_list_area > .list > li > .box > .info_list_area > .list > li .table_box table tbody tr th {border-bottom: 1px solid #d5d5d5; border-right: 1px solid #d5d5d5; padding: 13px 10px; font-weight: 400; font-size: 15px; line-height: 22px; color: #333333;}
.com_list_view_cont .view_cont_box .container .com_list_area > .list > li > .box > .info_list_area > .list > li .table_box table tbody tr th:last-child {border-right: none;}
.com_list_view_cont .view_cont_box .container .com_list_area > .list > li > .box > .info_list_area > .list > li .table_box table tbody tr td {border-bottom: 1px solid #d5d5d5; border-right: 1px solid #d5d5d5; padding: 13px 10px; font-weight: 400; font-size: 15px; line-height: 22px; color: #333333;}
.com_list_view_cont .view_cont_box .container .com_list_area > .list > li > .box > .info_list_area > .list > li .table_box table tbody tr td:last-child {border-right: none;}

.com_list_view_cont .view_cont_box .container .com_list_area > .list > li > .box .img_box {text-align: center;}
.com_list_view_cont .view_cont_box .container .com_list_area > .list > li > .box .img_box a {display: inline-block; margin: 0 auto;}
.com_list_view_cont .view_cont_box .container .com_list_area > .list > li > .box .img_box img {width: auto !important; height: auto !important;}
.com_list_view_cont .view_cont_box .container .com_list_area > .list > li > .box .img_box .txt {font-size: 18px; line-height: 27px;}
.com_list_view_cont .view_cont_box .container .com_list_area > .list > li > .box .img_box .txt .link {font-weight: 500; color: #757575;}

.com_list_view_cont .view_cont_box .container .com_list_area > .list > li > .box > .info_list_area > .list > li .view_btn_box {font-size: 0; text-align: center;}
.com_list_view_cont .view_cont_box .container .com_list_area > .list > li > .box > .info_list_area > .list > li .view_btn_box .view_btn {display: inline-block; padding: 0 40px; background-color: #07535e; border-radius: 10px;}
.com_list_view_cont .view_cont_box .container .com_list_area > .list > li > .box > .info_list_area > .list > li .view_btn_box .view_btn .text {padding: 0 0 0 47px; background-image: url("/spri/images/common/view_btn_icon.png"); background-position: left center; background-size: 32px 28px; background-repeat: no-repeat; font-weight: 500; font-size: 24px; line-height: 80px; color: #ffffff; letter-spacing: -0.05em;}
.com_list_view_cont .view_cont_box .container .com_list_area > .list > li > .box > .info_list_area > .list > li .view_btn_box .view_btn .text2 {padding: 0; background-image: inherit; font-weight: 500; font-size: 24px; line-height: 80px; color: #ffffff; letter-spacing: -0.05em;}

/* 유튜브 */
.com_list_view_cont .view_cont_box .container .com_list_area > .list > li > .box > .info_list_area > .list > li .yt_list_area {font-size: 0;}
.com_list_view_cont .view_cont_box .container .com_list_area > .list > li > .box > .info_list_area > .list > li .yt_list_area.tc {text-align: center;}
.com_list_view_cont .view_cont_box .container .com_list_area > .list > li > .box > .info_list_area > .list > li .yt_list_area li {display: inline-block; width: calc(50% - 15px); margin: 0 30px 30px 0;}
.com_list_view_cont .view_cont_box .container .com_list_area > .list > li > .box > .info_list_area > .list > li .yt_list_area li:nth-last-child(-n+2) {margin: 0 30px 0 0;}
.com_list_view_cont .view_cont_box .container .com_list_area > .list > li > .box > .info_list_area > .list > li .yt_list_area li:nth-child(2n) {margin: 0 0 30px;}
.com_list_view_cont .view_cont_box .container .com_list_area > .list > li > .box > .info_list_area > .list > li .yt_list_area li:last-child {margin: 0;}
.com_list_view_cont .view_cont_box .container .com_list_area > .list > li > .box > .info_list_area > .list > li .yt_list_area li > div {position: relative;}
.com_list_view_cont .view_cont_box .container .com_list_area > .list > li > .box > .info_list_area > .list > li .yt_list_area li a {display: block;}
.com_list_view_cont .view_cont_box .container .com_list_area > .list > li > .box > .info_list_area > .list > li .yt_list_area li a img {width: 100%;}

/* 태그 */
.com_list_view_cont .view_cont_box .view_tag_box {position: absolute; bottom: -20px; left: 0;}
.com_list_view_cont .view_cont_box .view_tag_box > .list {font-size: 0; /* overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap: break-word; */}
.com_list_view_cont .view_cont_box .view_tag_box > .list > li {display: inline-block; margin: 0 10px 5px 0; border: 1px solid #aaaaaa; padding: 0 10px 0 5px; background-color: #ffffff; text-align: center; border-radius: 20px;}
.com_list_view_cont .view_cont_box .view_tag_box > .list > li:last-child {margin: 0;}
.com_list_view_cont .view_cont_box .view_tag_box > .list > li .text, .com_list_view_cont .view_cont_box .view_tag_box > .list > li a {display: inline-block; position: relative; padding: 0 0 0 25px; font-weight: 400; font-size: 16px; line-height: 28px; color: #757575;}
.com_list_view_cont .view_cont_box .view_tag_box > .list > li .text:before, .com_list_view_cont .view_cont_box .view_tag_box > .list > li a:before {display: block; content: '#'; position: absolute; top: 50%; left: 0; width: 20px; height: 20px; margin: -10px 0 0; background-color: #757575; font-weight: 400; font-size: 15px; line-height: 20px; color: #ffffff; border-radius: 50%;}

/* 블로그형 일떄 */
.com_list_view_cont .view_cont_box .container .com_list_area > .list > li > .box > .info_list_area > .list > li .view_blog_area {display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: space-around;}
.com_list_view_cont .view_cont_box .container .com_list_area > .list > li > .box > .info_list_area > .list > li .view_blog_area .box:first-child {max-width: 300px; flex: 0 0 33.3333%;}
.com_list_view_cont .view_cont_box .container .com_list_area > .list > li > .box > .info_list_area > .list > li .view_blog_area .box:last-child {padding: 0 0 0 40px; flex: 0 0 66.6666%;}
.com_list_view_cont .view_cont_box .container .com_list_area > .list > li > .box > .info_list_area > .list > li .view_blog_area .box .img_box {display: table; width: 100%; table-layout: fixed;}
.com_list_view_cont .view_cont_box .container .com_list_area > .list > li > .box > .info_list_area > .list > li .view_blog_area .box .img_box .inner_box {display: table-cell; width: 100%; vertical-align: middle; text-align: center;}
.com_list_view_cont .view_cont_box .container .com_list_area > .list > li > .box > .info_list_area > .list > li .view_blog_area .box .img_box .inner_box img {display: inline-block;}
.com_list_view_cont .view_cont_box .container .com_list_area > .list > li > .box > .info_list_area > .list > li .view_blog_area .box .img_box .inner_box .tit {font-weight: 500; font-size: 16px; line-height: 24px; color: #333333; letter-spacing: -0.05em;}
.com_list_view_cont .view_cont_box .container .com_list_area > .list > li > .box > .info_list_area > .list > li .view_blog_area .box .img_box .inner_box .txt {margin: 5px 0 0; font-weight: 400; font-size: 14px; line-height: 21px; color: #333333; letter-spacing: -0.05em;}
.com_list_view_cont .view_cont_box .container .com_list_area > .list > li > .box > .info_list_area > .list > li .view_blog_area .box .text_box {display: table; width: 100%; height: 100%; table-layout: fixed;}
.com_list_view_cont .view_cont_box .container .com_list_area > .list > li > .box > .info_list_area > .list > li .view_blog_area .box .text_box .inner_box {display: table-cell; width: 100%; vertical-align: middle; text-align: left;}
.com_list_view_cont .view_cont_box .container .com_list_area > .list > li > .box > .info_list_area > .list > li .view_blog_area .box .text_box .inner_box .title {font-weight: 500; font-size: 20px; line-height: 30px; color: #07535e; letter-spacing: -0.05em;}
.com_list_view_cont .view_cont_box .container .com_list_area > .list > li > .box > .info_list_area > .list > li .view_blog_area .box .text_box .inner_box .text {font-weight: 400; font-size: 14px; line-height: 21px; color: #333333; letter-spacing: -0.05em;}


/* 관련뉴스 */
/* 2021.09.06 타이틀 추가 */
.com_list_view_cont .view_cont_box .container .com_list_area > .list > li > .box > .info_list_area > .list > li .title {margin: 0 0 15px; font-weight: 700; font-size: 36px; line-height: 54px; color: #07535e; letter-spacing: -0.075em;}
/* 2021.09.06 타이틀 추가 */
.com_list_view_cont .view_cont_box .container .com_list_area > .list > li > .box > .info_list_area > .list > li > .contents.blog {margin: 25px 0 0;}
.com_list_view_cont .view_cont_box .container .com_list_area > .list > li > .box > .info_list_area > .list > li > .contents.blog:first-child {margin: 0;}
.com_list_view_cont .view_cont_box .container .com_list_area > .list > li > .box > .info_list_area > .list > li > .contents.blog .row {}
/* .com_list_view_cont .view_cont_box .container .com_list_area > .list > li > .box > .info_list_area > .list > li > .contents.blog .row .title {margin: 0 0 15px; font-weight: 700; font-size: 36px; line-height: 54px; color: #07535e; letter-spacing: -0.05em;} */
/.com_list_view_cont .view_cont_box .container .com_list_area > .list > li > .box > .info_list_area > .list > li > .contents.blog .row .col-12 {}
.com_list_view_cont .view_cont_box .container .com_list_area > .list > li > .box > .info_list_area > .list > li > .contents.blog .row .col-12:first-child {}
.com_list_view_cont .view_cont_box .container .com_list_area > .list > li > .box > .info_list_area > .list > li > .contents.blog .row .col-12 .panel {}
.com_list_view_cont .view_cont_box .container .com_list_area > .list > li > .box > .info_list_area > .list > li > .contents.blog .row .col-12 .panel .panel-heading {}
.com_list_view_cont .view_cont_box .container .com_list_area > .list > li > .box > .info_list_area > .list > li > .contents.blog .row .col-12 .panel .panel-heading .post-meta {font-size: 0;}
.com_list_view_cont .view_cont_box .container .com_list_area > .list > li > .box > .info_list_area > .list > li > .contents.blog .row .col-12 .panel .panel-heading .post-meta .name {display: inline-block; margin: 0 7px 0 0; padding: 0 15px; background-color: #07535e; font-weight: 700; font-size: 18px; line-height: 30px; color: #33ccc7; letter-spacing: -0.05em; border-radius: 20px;}
.com_list_view_cont .view_cont_box .container .com_list_area > .list > li > .box > .info_list_area > .list > li > .contents.blog .row .col-12 .panel .panel-heading .post-meta .name .fa {display: none;}
.com_list_view_cont .view_cont_box .container .com_list_area > .list > li > .box > .info_list_area > .list > li > .contents.blog .row .col-12 .panel .panel-heading .post-meta .name .sr-only {}
.com_list_view_cont .view_cont_box .container .com_list_area > .list > li > .box > .info_list_area > .list > li > .contents.blog .row .col-12 .panel .panel-heading .post-meta .date {display: inline-block; font-weight: 400; font-size: 18px; line-height: 30px; color: #1a1a1a; letter-spacing: -0.05em;}
.com_list_view_cont .view_cont_box .container .com_list_area > .list > li > .box > .info_list_area > .list > li > .contents.blog .row .col-12 .panel .panel-heading .post-meta .date .fa {display: none;}
.com_list_view_cont .view_cont_box .container .com_list_area > .list > li > .box > .info_list_area > .list > li > .contents.blog .row .col-12 .panel .panel-heading .post-meta .date .sr-only {display: block;}
.com_list_view_cont .view_cont_box .container .com_list_area > .list > li > .box > .info_list_area > .list > li > .contents.blog .row .col-12 .panel .panel-heading .panel-title {}
.com_list_view_cont .view_cont_box .container .com_list_area > .list > li > .box > .info_list_area > .list > li > .contents.blog .row .col-12 .panel .panel-heading .panel-title a {display: block; font-weight: 700; font-size: 18px; line-height: 30px; color: #07535e; letter-spacing: -0.05em;}
.com_list_view_cont .view_cont_box .container .com_list_area > .list > li > .box > .info_list_area > .list > li > .contents.blog .row .col-12 .panel .panel-body {}
.com_list_view_cont .view_cont_box .container .com_list_area > .list > li > .box > .info_list_area > .list > li > .contents.blog .row .col-12 .panel .panel-body .cont {height: 60px; font-weight: 400; font-size: 18px; line-height: 30px; color: #333333; letter-spacing: -0.05em; word-break: keep-all; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word; text-align: justify;}

/* 미션+비전 */
.mi_vi_cont {padding: 0 0 440px; background-image: url("/Spri/images/common/mi_vi_bt_bg.jpg"); background-position: bottom center; background-size: contain; background-repeat: no-repeat;}
.mi_vi_cont .com_top_box {}
.mi_vi_cont .com_top_box .title {}
.mi_vi_cont .mi_vi_list_area {background-image: url("/Spri/images/common/mi_vi_bg_line.png"); background-position: top 240px center; background-repeat: no-repeat;}
.mi_vi_cont .mi_vi_list_area > .list {}
.mi_vi_cont .mi_vi_list_area > .list > li.com_box {margin: 80px 0 0;}
.mi_vi_cont .mi_vi_list_area > .list > li.com_box:first-child {margin: 0;}
.mi_vi_cont .mi_vi_list_area > .list > li.com_box {}
.mi_vi_cont .mi_vi_list_area > .list > li.com_box > .box {}
.mi_vi_cont .mi_vi_list_area > .list > li.com_box > .box > .title {}
.mi_vi_cont .mi_vi_list_area > .list > li.com_box.box1 {font-size: 0;}
.mi_vi_cont .mi_vi_list_area > .list > li.com_box.box1 .box {display: inline-block; width: calc(50% - 40px); margin: 0 80px 0 0; padding: 27px 10px 35px; background-color: #248386; border-radius: 150px; box-shadow: 10px 10px 30px rgba(0, 0, 0, 0.2);}
.mi_vi_cont .mi_vi_list_area > .list > li.com_box.box1 .box:last-child {margin: 0;}
.mi_vi_cont .mi_vi_list_area > .list > li.com_box.box1 .box .txt_box {display: table; width: 100%; table-layout: fixed;}
.mi_vi_cont .mi_vi_list_area > .list > li.com_box.box1 .box .txt_box .txt_inner_box {display: table-cell; width: 100%; vertical-align: middle; text-align: center;}
.mi_vi_cont .mi_vi_list_area > .list > li.com_box.box1 .box .txt_box .txt_inner_box .title {position: relative; margin: 0 0 16px; padding: 0 0 24px; font-weight: 700; font-size: 36px; line-height: 54px; color: #ffffff;}
.mi_vi_cont .mi_vi_list_area > .list > li.com_box.box1 .box .txt_box .txt_inner_box .title:before {display: block; content: ''; position: absolute; bottom: 0; left: 50%; width: 1px; height: 20px; background-color: #ffffff;}
.mi_vi_cont .mi_vi_list_area > .list > li.com_box.box1 .box .txt_box .txt_inner_box .text {font-weight: 400; font-size: 36px; line-height: 42px; color: #ffffff; letter-spacing: -0.075em;}
.mi_vi_cont .mi_vi_list_area > .list > li.com_box.box1 .box .txt_box .txt_inner_box .text br.m {display: none;}
.mi_vi_cont .mi_vi_list_area > .list > li.com_box.box2 .box {width: 100%; max-width: 300px; margin: 0 auto; text-align: center;}
.mi_vi_cont .mi_vi_list_area > .list > li.com_box.box2 .box .title {border: 1px solid #3ccec9; background-color: #ffffff; font-weight: 700; font-size: 36px; line-height: 78px; color: #07535e; border-radius: 50px;}
.mi_vi_cont .mi_vi_list_area > .list > li.com_box.box3 .box {font-size: 0; text-align: center;}
.mi_vi_cont .mi_vi_list_area > .list > li.com_box.box3 .box > .list {display: inline-block; font-size: 0; text-align: center;}
.mi_vi_cont .mi_vi_list_area > .list > li.com_box.box3 .box > .list > li {display: inline-block; width: calc(33.3333% - 66.6666px); max-width: 240px; margin: 0 100px 0 0; border: 1px solid #3ccec9; background-color: #ffffff; border-radius: 50%;}
.mi_vi_cont .mi_vi_list_area > .list > li.com_box.box3 .box > .list > li:last-child {margin: 0;}
.mi_vi_cont .mi_vi_list_area > .list > li.com_box.box3 .box > .list > li .one_box {}
.mi_vi_cont .mi_vi_list_area > .list > li.com_box.box3 .box > .list > li .one_box .one_area {display: table; width: 100%; table-layout: fixed;}
.mi_vi_cont .mi_vi_list_area > .list > li.com_box.box3 .box > .list > li .one_box .one_area .inner_box {display: table-cell; width: 100%; vertical-align: middle; text-align: center;}
.mi_vi_cont .mi_vi_list_area > .list > li.com_box.box3 .box > .list > li .one_box .one_area .inner_box .title {font-weight: 500; font-size: 30px; line-height: 36px; color: #07535e; letter-spacing: -0.075em;}
.mi_vi_cont .mi_vi_list_area > .list > li.com_box.box3 .box > .list > li .one_box .one_area .inner_box .text {margin: 6px 0 0; font-weight: 700; font-size: 24px; line-height: 36px; color: #248386;}
.mi_vi_cont .mi_vi_list_area > .list > li.com_box.box4 .box {width: 100%; max-width: 200px; margin: 0 auto; border: 1px solid #d0d0d0; background-color: #ffffff; text-align: center; border-radius: 50px;}
.mi_vi_cont .mi_vi_list_area > .list > li.com_box.box4 .box .title {font-weight: 700; font-size: 36px; line-height: 78px; color: #333333;}
.mi_vi_cont .mi_vi_list_area > .list > li.com_box.box5 .box {width: 100%; max-width: 1220px; margin: 0 auto; text-align: center;}
.mi_vi_cont .mi_vi_list_area > .list > li.com_box.box5 .box > .list {font-size: 0;}
.mi_vi_cont .mi_vi_list_area > .list > li.com_box.box5 .box > .list > li {display: inline-block; width: calc(25% - 45px); max-width: 260px; margin: 0 60px 0 0; border: 1px solid #cdcdcd; padding: 0 10px; background-color: #ffffff; border-radius: 10px;}
.mi_vi_cont .mi_vi_list_area > .list > li.com_box.box5 .box > .list > li:last-child {margin: 0;}
.mi_vi_cont .mi_vi_list_area > .list > li.com_box.box5 .box > .list > li > .box {}
.mi_vi_cont .mi_vi_list_area > .list > li.com_box.box5 .box > .list > li > .box .inner {display: table; width: 100%; table-layout: fixed;}
.mi_vi_cont .mi_vi_list_area > .list > li.com_box.box5 .box > .list > li > .box .inner .inner_box {display: table-cell; width: 100%; vertical-align: middle; text-align: center;}
.mi_vi_cont .mi_vi_list_area > .list > li.com_box.box5 .box > .list > li > .box .inner .inner_box .num {position: relative; margin: 0 0 12px; padding: 0 0 10px; font-family: 'SpoqaHanSans'; font-weight: 700; font-size: 30px; line-height: 45px; color: #cccccc;}
.mi_vi_cont .mi_vi_list_area > .list > li.com_box.box5 .box > .list > li > .box .inner .inner_box .num:before {display: block; content: ''; position: absolute; bottom: 0; left: 50%; width: 20px; height: 1px; margin: 0 0 0 -10px; background-color: #cccccc;}
.mi_vi_cont .mi_vi_list_area > .list > li.com_box.box5 .box > .list > li > .box .inner .inner_box .text {font-weight: 400; font-size: 22px; line-height: 33px; color: #333333;}

/* ==================== 페이지네이션 ==================== */
.pagination {margin: 50px 0 0; font-size:0;}
.pagination a {display: inline-block; position: relative; margin: 0 32px 0 0; padding: 0 8px; font-family: 'Spoqa Han Sans'; font-weight: 400; font-size: 24px; line-height: 36px; text-align: center; color: #333333; vertical-align: middle; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;}
.pagination a:last-child {margin: 0;}
.pagination a:hover, .pagination a:focus {font-weight: 700; font-size: 24px; color: #248386;}
.pagination a.active {font-weight: 700; font-size: 24px; color: #248386;}
.pagination a:before {display: block; content: ''; position: absolute; bottom: -3px; left: 0; width: 0; height: 3px; background-color: #248386; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.pagination a.active:before {display: block; content: ''; position: absolute; bottom: -3px; left: 0; right: 0; width: 100%; height: 3px; background-color: #248386;}
.pagination a:hover:before, .pagination a:focus:before {right: 0; width: 100%;}
.pagination a.page_arrow {padding: 0 13px; background-size: 9px 8px; background-repeat: no-repeat; font-weight: 400; font-size: 16px; line-height: 36px; color: #333333; letter-spacing: -0.05em;}
.pagination a.page_arrow:before {display: none;}
.pagination a.page_arrow .text {font-weight: 400; font-size: 16px; line-height: 36px; color: #333333; letter-spacing: -0.05em;}
.pagination a.page_arrow:hover .text, .pagination a.page_arrow:focus .text {font-weight: 400; font-size: 16px; line-height: 36px; color: #333333; letter-spacing: -0.05em;}
.pagination a.page_arrow.l1 {background-image: url("/spri/images/common/page_l1.jpg"); background-position: left center;}
.pagination a.page_arrow.l2 {margin: 0 15px 0 0; background-image: url("/spri/images/common/page_l2.jpg");}
.pagination a.page_arrow.r1 {margin: 0 15px 0 0; background-image: url("/spri/images/common/page_r1.jpg"); background-position: right center;}
.pagination a.page_arrow.r2 {background-image: url("/spri/images/common/page_r2.jpg");}
.pagination a.page_arrow.l2, .pagination a.page_arrow.r2 {width: 9px; height: 8px; padding: 0; text-indent: -9999px;}
/* ==================== //페이지네이션 ==================== */


/* 기존틀 활용 */
.social-link {display: none; position: absolute; top: 0px; right: 0px; width: 100px;}
.etc_btn_box.on .social-link {display: block;}
.social-link > ul {width: 100px; font-size: 0;}
.social-link > ul > li {display: inline-block; margin: 0 5px 5px 0;}
.social-link > ul > li:nth-last-child(3) {margin: 0 5px 0 0;}
.social-link > ul > li:nth-child(3n) {margin: 0 0 5px;}
.social-link > ul > li:last-child {margin: 0;}

/* 조직 상세 - 경력 */
.group_text_box {}
.group_text_box dl {margin: 35px 0 0;}
.group_text_box dl:frist-child {margin: 0;}
.group_text_box dl dt {font-weight: 700; font-size: 36px; line-height: 54px; color: #07535e; letter-spacing: -0.075em;}
.group_text_box dl dd {margin: 15px 0 0; font-weight: 400; font-size: 18px; line-height: 40px; color: #333333; letter-spacing: -0.05em; word-break: keep-all;}

.anyslider {position: relative;}
.anyslider > a {position: absolute; top: 43%; overflow: hidden; width: 32px; height: 32px; cursor: pointer; filter: alpha(opacity=0); opacity: 0; text-indent: 100%; white-space: nowrap; background-color: rgba(0, 0, 0, 0.5); background-position: center; background-repeat: no-repeat; z-index: 10;}
.anyslider > a:hover, .anyslider > a:focus {filter: alpha(opacity=1); opacity: 1;}
.anyslider .as-prev-arrow {background-image: url("../images/left-arrow.png"); left: 0;}
.anyslider .as-next-arrow {background-image: url("../images/right-arrow.png"); right: 0;}

.com_list_view_cont .view_cont_box .monthly_cont {}
.com_list_view_cont .view_cont_box .monthly_cont > .box {display: table; width: 100%; table-layout: fixed;}
.com_list_view_cont .view_cont_box .monthly_cont > .box .img_box {display: table-cell; width: 520px; vertical-align: top;}
.com_list_view_cont .view_cont_box .monthly_cont > .box .img_box .img_box2 {display: table; position: relative; width: 100%; table-layout: fixed; border-radius: 10px;}
.com_list_view_cont .view_cont_box .monthly_cont > .box .img_box .img_box2 .inner_box {display: table-cell; width: 100%; vertical-align: top; text-align: center;}
.com_list_view_cont .view_cont_box .monthly_cont > .box .img_box .img_box2 .inner_box img {display: inline-block; width: 100%; border-radius: 10px; box-shadow: 10px 10px 30px rgba(0, 0, 0, 0.3);}
.com_list_view_cont .view_cont_box .monthly_cont > .box .img_box .img_box2 .list_btn_area {display: table; table-layout: fixed; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; background-color: rgba(7, 83, 94, 0.8); z-index: -1; border-radius: 10px;}
.com_list_view_cont .view_cont_box .monthly_cont > .box .img_box .img_box2 .list_btn_area .inner_box {display: table-cell; width: 001%; font-size: 0; vertical-align: middle; text-align: center;}
.com_list_view_cont .view_cont_box .monthly_cont > .box .img_box .img_box2 .list_btn_area .inner_box .com_btn {display: inline-block; background-color: rgba(0, 0, 0, 0.8); padding: 0 20px; font-weight: 400; font-size: 16px; line-height: 40px; color: #ffffff;}
.com_list_view_cont .view_cont_box .monthly_cont > .box .img_box .img_box2 .list_btn_area .inner_box .link_btn {}
.com_list_view_cont .view_cont_box .monthly_cont > .box .img_box .img_box2 .list_btn_area .inner_box .link_btn:hover, .com_list_cont3 .com_list_box > .list > li > .box .img_box .list_btn_area .inner_box .link_btn:focus {color: #32c6c2;}
.com_list_view_cont .view_cont_box .monthly_cont > .box .txt_box {display: table-cell; padding: 0 0 0 70px; vertical-align: top;}
.com_list_view_cont .view_cont_box .monthly_cont > .box .txt_box .txt_list {}
.com_list_view_cont .view_cont_box .monthly_cont > .box .txt_box .txt_list > .list {}
.com_list_view_cont .view_cont_box .monthly_cont > .box .txt_box .txt_list > .list > li {padding: 26px 0 38px;}
.com_list_view_cont .view_cont_box .monthly_cont > .box .txt_box .txt_list > .list > li:last-child {padding: 26px 0 0;}
.com_list_view_cont .view_cont_box .monthly_cont > .box .txt_box .txt_list > .list > li > .box {}
.com_list_view_cont .view_cont_box .monthly_cont > .box .txt_box .txt_list > .list > li > .box .title_area {font-size: 0;}
.com_list_view_cont .view_cont_box .monthly_cont > .box .txt_box .txt_list > .list > li > .box .title_area .title {display: inline-block; position: relative; font-weight: 700; font-size: 30px; line-height: 30px; color: #07535e; letter-spacing: -0.05em;}
.com_list_view_cont .view_cont_box .monthly_cont > .box .txt_box .txt_list > .list > li > .box .title_area .title:before {display: block; content: ''; position: absolute; top: -21px; left: 0; width: 100%; height: 5px; background-color: #248386;}
.com_list_view_cont .view_cont_box .monthly_cont > .box .txt_box .txt_list > .list.sty2 > li {padding: 26 0 38px;}
.com_list_view_cont .view_cont_box .monthly_cont > .box .txt_box .txt_list > .list.sty2 > li:last-child {padding: 26px 0 0;}
.com_list_view_cont .view_cont_box .monthly_cont > .box .txt_box .txt_list > .list.sty2 > li > .box .title_area .title {font-weight: 700; color: #07535e;}
.com_list_view_cont .view_cont_box .monthly_cont > .box .txt_box .txt_list > .list.sty2 > li > .box .title_area .title .ft_w {}
/* .com_list_view_cont .view_cont_box .monthly_cont > .box .txt_box .txt_list > .list.sty2 > li > .box .title_area .title:before {display: none;} */
.com_list_view_cont .view_cont_box .monthly_cont > .box .txt_box .txt_list > .list > li > .box .title_area .ft_s {display: inline-block; margin: 0 0 0 10px; font-weight: 700; font-size: 18px; line-height: 30px; color: #757575; letter-spacing: 0;}
.com_list_view_cont .view_cont_box .monthly_cont > .box .txt_box .txt_list > .list > li > .box .info_list {margin: 10px 0 0;}
.com_list_view_cont .view_cont_box .monthly_cont > .box .txt_box .txt_list > .list > li > .box .info_list.sty2 {margin: 20px 0 0;}
.com_list_view_cont .view_cont_box .monthly_cont > .box .txt_box .txt_list > .list > li > .box .info_list > .list {}
.com_list_view_cont .view_cont_box .monthly_cont > .box .txt_box .txt_list > .list > li > .box .info_list > .list > li {position: relative; height: 40px; padding: 0 0 0 14px; font-weight: 400; font-size: 18px; line-height: 40px; color: #333333; letter-spacing: -0.05em; word-break: keep-all; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap: break-word;}
.com_list_view_cont .view_cont_box .monthly_cont > .box .txt_box .txt_list > .list > li > .box .info_list > .list > li:before {display: block; content: ''; position: absolute; top: 17px; left: 0; width: 6px; height: 6px; background-color: #333333; border-radius: 50%;}
.com_list_view_cont .view_cont_box .monthly_cont > .box .txt_box .txt_list > .list > li > .box .info_list.sty3 > .list > li {padding: 0;}
.com_list_view_cont .view_cont_box .monthly_cont > .box .txt_box .txt_list > .list > li > .box .info_list.sty3 > .list > li:before {display: none;}
.com_list_view_cont .view_cont_box .monthly_cont > .box .txt_box .txt_list > .list > li > .box .info_list > .list2 {}
.com_list_view_cont .view_cont_box .monthly_cont > .box .txt_box .txt_list > .list > li > .box .info_list > .list2 > li {margin: 12px 0 0; font-weight: 400; font-size: 18px; line-height: 27px; color: #333333; letter-spacing: -0.05em; word-break: keep-all;}
.com_list_view_cont .view_cont_box .monthly_cont > .box .txt_box .txt_list > .list > li > .box .info_list > .list2 > li:first-child {margin: 0;}
.com_list_view_cont .view_cont_box .monthly_cont > .box .txt_box .txt_list > .list > li > .box .info_list > .list2 > li .title {font-weight: 700;}
.com_list_view_cont .view_cont_box .monthly_cont > .box .txt_box .txt_list > .list > li > .box .info_list > .list2 > li .list3 {margin: 4px 0 0; padding: 0 0 0 10px;}
.com_list_view_cont .view_cont_box .monthly_cont > .box .txt_box .txt_list > .list > li > .box .info_list > .list2 > li .list3 li {margin: 4px 0 0; font-weight: 400; font-size: 18px; line-height: 27px; color: #333333; letter-spacing: -0.05em; word-break: keep-all;}
.com_list_view_cont .view_cont_box .monthly_cont > .box .txt_box .txt_list > .list > li > .box .info_list > .list2 > li .list3 li:first-child {margin: 0;}

/* pdf */
.pdf_cont {text-align: center;}
.pdf_cont .pdf_area {width: 100%; max-width: 650px; height: 960px; margin: 0 auto; border-radius: 20px 20px 0 0; box-shadow: 10px 10px 30px rgba(0, 0, 0, 0.3);}


.audio_area {margin: 0 0 15px; text-align: right;}
.audio_area  audio {width: 100%; max-width: 150px;}


.sch_tag_tit {margin: 0 0 56px; font-weight: 700; font-size: 36px; line-height: 54px; color: #07535e; letter-spacing: -0.075em;}
.sch_tag_tit .txt {font-weight: 400; font-size: 24px; line-height: 54px; color: #555555; letter-spacing: -0.05em;}

/* .com_list_view_cont .view_cont_box .container .com_list_area > .list > li > .box > .info_list_area > .list > li .title {margin: 0 0 15px; font-weight: 700; font-size: 36px; line-height: 54px; color: #07535e; letter-spacing: -0.075em;} */

/* 2025-07-31 정보공개 추가 */
.com_info_section {margin-bottom: 30px;}
.com_info_section h4 {color: #07535e; font-size: 20px; font-weight: bold; margin-bottom: 12px;}
.com_info_section h4::before {content: "◻ ";}
.com_info_section p.first-indent::before  {content: "• ";}
.com_info_section p.last-indent::before  {content: "- ";}
.com_info_box {  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  border: 1px solid #000;
  padding: 16px;
  width: 100%;
  max-width: 1100px;
  gap: 12px;
  box-sizing: border-box;}
.com_info_box img {width: auto; height: auto; margin-top: 4px; }
.com_info_text {flex: 1; font-size: 19px; line-height: 1.6;}
.com_info_section strong {font-weight: bold;}
.com_info_section p.first-indent {padding-left: 20px; text-indent: 0; margin-top: 0; margin-bottom: 8px;}
.com_info_section p.last-indent {padding-left: 40px; text-indent: 0; margin-top: 0; margin-bottom: 8px;}
.com_info_section p {margin-top: 0; margin-bottom: 12px; line-height: 1.6; font-size: 17px;}
.open_parent {display: flex; justify-content: center; align-items: center;}
.com_info_open {display: inline-flex; align-items: center; color: #000; font-weight: bold; font-size: 16px; padding: 10px 20px; border-radius: 3px; text-decoration: none; gap: 8px; cursor: pointer; border: 2px solid #31888D;}

.com_list_slt {margin: 49px 0 0;}
.com_list_slt .com_list_tab_cont {}
.com_list_slt .com_list_tab_cont_m {display: none;}
.com_list_slt .com_list_tab_cont > .list {font-size: 0;}
.com_list_slt .com_list_tab_cont > .list > li {display: inline-block; width: 14.2857%; border: 1px solid #e1e1e1; border-right: none; vertical-align: middle;}
.com_list_slt .com_list_tab_cont > .list > li:first-child {border-radius: 10px 0 0 0;}
.com_list_slt .com_list_tab_cont > .list > li:last-child {border-right: 1px solid #e1e1e1; border-radius: 0 10px 0 0;}
.com_list_slt .com_list_tab_cont > .list > li.on {border: 1px solid #07535e; border-bottom: 1px solid #ffffff;}
.com_list_slt .com_list_tab_cont > .list > li > .box {display: table; width: 100%; table-layout: fixed;}
.com_list_slt .com_list_tab_cont > .list > li > .box .inner_box {display: table-cell; height: 58px; vertical-align: middle; text-align: center;}
.com_list_slt .com_list_tab_cont > .list > li > .box .inner_box .btn_tab {display: block; width: 100%; font-weight: 400; font-size: 20px; line-height: 29px; color: #757575; letter-spacing: -0.05em; word-break: keep-all;}
.com_list_slt .com_list_tab_cont > .list > li.on > .box .inner_box .btn_tab {font-weight: 700; color: #07535e;}

/* 2021-10-06 추가 */
.tag_list_area.sty2 {}
.tag_list_area.sty2 > .list {font-size: 0; text-align: left; word-break: keep-all; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap: break-word;}
.tag_list_area.sty2 > .list > li {display: inline-block; margin: 0 12px 5px 0; text-align: center;}
.tag_list_area.sty2 > .list > li:last-child {margin: 0;}
.tag_list_area.sty2 > .list > li a {display: inline-block; position: relative; padding: 0 15px 0 42px; background-color: #f5f5f5; font-weight: 400; font-size: 21px; line-height: 42px; color: #07535e; border-radius: 20px; transition: all 0.3s; -moz-transition: all 0.3s -webkit-transition: all 0.3s;}
.tag_list_area.sty2 > .list > li a:hover, .tag_list_area.sty2 > .list > li a:focus {background-color: #07535e; color: #ffffff;}
.tag_list_area.sty2 > .list > li a:before {display: block; content: '#'; position: absolute; top: 50%; left: 8px; width: 28px; height: 28px; margin: -14px 0 0; background-color: #199aa7; font-weight: 400; font-size: 19px; line-height: 28px; color: #ffffff; border-radius: 50%;}


.tag_list_area.sty3 {margin: 23px 0 0;}
.tag_list_area.sty3 > .list {font-size: 0;}
.tag_list_area.sty3 > .list > li {display: inline-block; margin: 0 10px 5px 0; border: 1px solid #aaaaaa; padding: 0 10px 0 5px; text-align: center; border-radius: 20px;}
.tag_list_area.sty3 > .list > li:last-child {margin: 0;}
.tag_list_area.sty3 > .list > li a {display: inline-block; position: relative; padding: 0 0 0 25px; font-weight: 400; font-size: 16px; line-height: 28px; color: #757575;}
.tag_list_area.sty3 > .list > li a:before {display: block; content: '#'; position: absolute; top: 50%; left: 0; width: 20px; height: 20px; margin: -10px 0 0; background-color: #757575; font-weight: 400; font-size: 15px; line-height: 20px; color: #ffffff; border-radius: 50%;}
/* 2021-07-12 */



/* 2021-10-31 */
.error_box {text-align: center;}
.error_box .tit_box {}
.error_box .tit_box .tit {font-weight: 700; font-size: 100px; line-height: 1; color: #000000;}
.error_box .tit_box .txt {margin: 15px 0 0; font-weight: 500; font-size: 24px; line-height: 36px; color: #747474;;}
.error_box .back_btn {display: inline-block; margin: 20px 0 0; background-color: #07535e; border-radius: 5px}
.error_box .back_btn .btn {display: block; height: 35px; padding: 0 15px;}
.error_box .back_btn .btn .txt {font-size: 14px; line-height: 35px; color: #ffffff;}
/* 2021-10-31 추가 */

.ft_box {float: right; margin: 18px 0 0; font-size: 0; text-align: right;}
.ft_box .tit {display: inline-block; margin: 0 5px 0 0; font-weight: 400; font-size: 20px; line-height: 22px; color: #333333; vertical-align: middle;}
.ft_box .ft_btn {display: inline-block; width: 22px; height: 22px; margin: 0 5px 0 0; background-color: #248386;  font-size: 20px; line-height: 22px; color: #ffffff; vertical-align: middle; border-radius: 3px;}
.ft_box .ft_btn:last-child {margin: 0;}
.ft_box .ft_btn.ft_plus {}
.ft_box .ft_btn.ft_down {}

area:focus{ border: 4px solid red;  outline:1px solid red;  outline-style: solid;   -moz-outline-style:solid;  }


.edit_cont p {margin-bottom:15px;line-height:1.7;}
.edit_cont .view_btn_list_area {margin-top:15px;}

/* 뉴스레터 */
map.bottom_map area:focus,
.newsletter_table map[name="Map6"] area {outline-color:#baff50;}

/*메인 페이지의 이벤트팝업*/
.popup-footer .today-close { width: 18px; height: 18px; border: 1px solid #ddd; vertical-align: middle; }
.popup-footer .today-close:checked { background: #0899a6 url('/spri/images/common/pop_chk.png') no-repeat 50% 50%; }
.popup-wrapper {position: fixed; top: 55%; left: 80%; transform: translate(-50%, -50%); display: flex; flex-direction: column; gap: 2px; z-index: 9999; align-items: center;}

.upper-layer {display: flex; flex-direction: row; justify-content: center;}
.upper-layer .popup-modal {margin-left: 10px;}
.upper-layer .popup-modal:first-child {margin-left: 0;}

.popup-modal {display: none; width: 260px; height: auto; background: #fff; box-shadow: 0 4px 15px rgba(0,0,0,0.2);}

@media (max-width: 768px) {
    .popup-wrapper {left: 50%; top: 50%;}
    .popup-modal {max-width: 200px;}
}