@charset "UTF-8";



/* ==================== 서브 공통 타이틀 ==================== */
.com_top_box .com_sch_box.sty2 {max-width: 390px; font-size: 0;}
.com_top_box .com_sch_box.sty2 label {display: inline-block; width: calc(50% - 5px); margin: 0 10px 0 0;}
.com_top_box .com_sch_box.sty2 label:nth-child(2) {margin: 0;}
.com_top_box .com_sch_box.sty2 label .sch_slt {display: block; width: 100%;}
/* ==================== 서브 공통 타이틀 ==================== */

/* ==================== 소개_인사말 ==================== */
.greet_area {background-image: url(/Spri/images/common/greet_bg.jpg); background-position: center bottom 0; background-repeat: no-repeat; background-size: contain;}
.greet_area .txt_area {}
.greet_area .txt_area .tit_box .txt {font-weight: 400;font-size: 42px; line-height: 63px;  color: #248386; word-break: keep-all; letter-spacing: -0.075em;}
.greet_area .txt_area .tit_box .txt .ft_w {font-weight: 700;}
.greet_area .txt_area .txt_box {margin: 80px 0 0;}
.greet_area .txt_area .txt_box:first-child {margin: 0;}
.greet_area .txt_area .txt_box.mt {margin: 70px 0 0;}
.greet_area .txt_area .txt_box .txt {font-weight: 400; font-size: 18px; line-height: 30px; color: #333333; word-break: keep-all; letter-spacing: -0.05em;}
.greet_area .txt_area .txt_box .txt .text {vertical-align: middle;}
.greet_area .txt_area .txt_box .txt .ft_w {font-family: 'MaruBuriRegular'; padding: 0 0 0 19px; font-size: 30px; line-height: 45px; vertical-align: middle; letter-spacing: -0.05em;}
.greet_area .txt_area .txt_box.sty2 .txt {max-width: 420px;}
.greet_area .txt_area .txt_box.sty2 .txt .ft_w {position: relative; padding: 0 145px 0 17px;}
.greet_area .txt_area .txt_box.sty2 .txt .ft_w:after {content: ''; position: absolute; top: 50%; right:-80px; transform: translateY(-50%); width: 200px; height: 250px; background-image: url("https://wjdcor.spri.kr/webroot/lib/fileman/Uploads/post_images/2023_06/greet_img1.png"); background-size: 100%; background-repeat: no-repeat; box-shadow: 0px 5px 27px 0px rgba(0, 0, 0, 0.2);}
.greet_area .txt_area .img_box {margin: 70px 0 0;}
.greet_area .txt_area .img_box img {}
.greet_area .txt_area .bg_txt {padding: 266px 0 291px;}
.greet_area .txt_area .bg_txt .txt {font-weight: 700; font-size: 24px; line-height: 36px; color: #07535e; text-align: center; letter-spacing: 0.1em; word-break: keep-all;}
/* ==================== //소개_인사말 ==================== */

/* ==================== 소개_연혁 ==================== */
.history_area {padding: 0 0 1px 0; background-image: url(/Spri/images/common/history_bg.jpg);  background-position: center bottom 0; background-repeat: no-repeat; background-size: contain;}
.history_area .list {position: relative;}
.history_area .list:after {display: inline-block; content: ''; position: absolute; left: 50%; top: 40px; width: 2px; height: 100%; background-color: #248386;}
.history_area .list li {margin: 0 0 40px; font-size: 0;}
.history_area .list li:nth-child(2n + 1) {text-align: left;}
.history_area .list li:nth-child(2n + 1) .box {position: relative; padding: 0 60px 0 0;}
.history_area .list li:nth-child(2n + 1) .box:after {display: block; content: ''; position: absolute; top: 40px; right: -16px; width: 20px; height: 20px; background-color: #ffffff; border: 5px solid #248386; border-radius: 50px; z-index: 1;}
.history_area .list li:nth-child(2n + 2) {text-align: right;}
.history_area .list li:nth-child(2n + 2) .box {position: relative; padding: 0 0 0 60px;}
.history_area .list li:nth-child(2n + 2) .box:after {display: block; content: ''; position: absolute; top: 40px; left: -16px; width: 20px; height: 20px; background-color: #ffffff; border: 5px solid #248386; border-radius: 50px; z-index: 1;}
.history_area .list li .box {display: inline-block; width: 50%;}
.history_area .list li .box .his_box {border-radius: 8px; box-shadow: 7px 7px 30px 0px rgba(0, 0, 0, 0.2); background-color: #ffffff;}
.history_area .list li .box .history_box {display: block; padding: 31px 40px 34px 40px; font-size: 0;}
.history_area .list li:first-child .box .history_box {border-radius: 8px 8px 0 0;}
.history_area .list li .box .history_box.sty1 {}
.history_area .list li .box .history_box.sty2 {text-align: left;}
.history_area .list li .box .history_box .date_box {}
.history_area .list li .box .history_box .date_box .date {font-family: 'Spoqa Han Sans'; font-weight: 400; font-size: 24px; line-height: 36px;}
.history_area .list li .box .history_box .date_box .date .ft_c {margin: 0 12px 0 0;font-weight: 700; font-size: 30px; line-height: 45px; color: #248386;}
.history_area .list li .box .history_box .txt_box {margin: 10px 0 0;}
.history_area .list li .box .history_box .txt_box .txt {margin: 1px 0 0; font-weight: 400; font-size: 20px; line-height: 30px; color: #333333; letter-spacing: -0.05em; word-break: keep-all;}
.history_area .list li .box .history_box .txt_box .txt:first-child {margin: 0;}
.history_area .list li .box .img_box {display: table; width: 100%; table-layout: fixed;}
.history_area .list li .box .img_box .img_inner {display: table-cell; width: 100%; max-width: 580px; vertical-align: middle; text-align: center;}
.history_area .list li .box .img_box .img_inner img {display: inline-block; border-radius: 0 0 8px 8px;}
/* ==================== //연혁 ==================== */



/* ==================== 소개_경영공시 ==================== */
.manage_area {background-image: url(/Spri/images/common/manage_bg.jpg); background-position: center bottom 0; background-repeat: no-repeat; background-size: contain;}
.manage_area .manage_list {}
.manage_area .manage_list > .list {}
.manage_area .manage_list > .list > li {margin: 40px 0 0;}
.manage_area .manage_list > .list > li:first-child {margin: 0;}
.manage_area .manage_list > .list > li .cont {position: relative; box-shadow: 7px 7px 30px 0px rgba(0, 0, 0, 0.2); padding: 18px 120px 16px 30px; background-color: #248386;}
.manage_area .manage_list > .list > li .t_area > a {color: #fff;}
.manage_area .manage_list > .list > li .t_area {border-radius: 8px 8px 0 0; font-weight: 700; font-size: 24px; line-height: 36px; color: #ffffff; letter-spacing: -0.05em; cursor: pointer;}
.manage_area .manage_list > .list > li .t_area:after {display: block; content: ''; position: absolute; top: 50%; right: 36px; width: 15px; height: 9px; margin: -4px 0 0; background-image: url("/Spri/images/common/up_icon.png"); background-position: 0 0; background-size: cover; background-repeat: no-repeat; transform: rotate(180deg);}
.manage_area .manage_list > .list > li.on .t_area:after {transform: rotate(0deg);}
.manage_area .manage_list > .list > li .c_area {display: none; padding: 30px; background-color: #ffffff;}
.manage_area .manage_list > .list > li .c_area .list {font-size: 0;}
.manage_area .manage_list > .list > li .c_area .list li {display:inline-block; width: calc(33.33% - 6.66px); margin: 0 10px 10px 0; border: 1px solid #cccccc; border-radius: 5px; background-color: #f9f9f9;}
.manage_area .manage_list > .list > li .c_area .list li:nth-child(3n) {margin: 0 0 10px;}
.manage_area .manage_list > .list > li .c_area .list li:nth-last-child(-n+1) {margin: 0 10px 0 0;}
.manage_area .manage_list > .list > li .c_area .list li:last-child {margin: 0;}
.manage_area .manage_list > .list > li .c_area .list li .box {display: block;}
.manage_area .manage_list > .list > li .c_area .list li .box .txt_box {padding: 15px 19px 15px 10px;}
.manage_area .manage_list > .list > li .c_area .list li .box .txt_box .txt {font-weight: 400; font-size: 20px; line-height: 30px; color: #333333; letter-spacing: -0.05em;}
.manage_area .manage_list > .list > li.on .c_area {display: block;}
.manage_area .manage_txt {margin: 76px 0 0; padding: 0 0 470px;}
.manage_area .manage_txt .list {}
.manage_area .manage_txt .list li {margin: 6px 0 0; font-size: 16px; line-height: 24px; color: #000; word-break: keep-all;}
.manage_area .manage_txt .list li:first-child {margin: 0;}
.manage_area .manage_list > .list > li .t_area > button {
  color: #fff;
  background: none;
  border: 0;
  font: inherit;
  cursor: pointer;
  width: 100%;
  text-align: left;
  padding: 0;
}

/* ==================== //소개_경영공시 ==================== */

/* ==================== 오시는길 ==================== */
.way_area {}
.way_area .way_box {display: table; width: 100%; table-layout: fixed;}
.way_area .way_box > .txt_box {display: table-cell; width: 100%; padding: 0 80px 0 0; vertical-align: top;}
.way_area .way_box .txt_box .txt_top {}
.way_area .way_box .txt_box .txt_top .img_box {display: table; width: 100%; table-layout: fixed;}
.way_area .way_box .txt_box .txt_top .img_box .inner_img {display: table-cell; width: 100%; max-width: 460px; height: 59px; vertical-align: middle; text-align: center;}
.way_area .way_box .txt_box .txt_top .img_box .inner_img img {display: inline-block;}
.way_area .way_box .txt_box .txt_top .txt_list {margin: 31px 0 0;}
.way_area .way_box .txt_box .txt_top .txt_list .list {}
.way_area .way_box .txt_box .txt_top .txt_list .list li {position: relative; border-bottom: 1px solid #e1e1e1; padding: 2px 0 3px 0;font-weight: 400; font-size: 18px; line-height: 27px; color: #333333; letter-spacing: -0.05em; word-break: keep-all;}
.way_area .way_box .txt_box .txt_top .txt_list .list li .text {display: block; position: relative; padding: 0 0 0 71px; }
.way_area .way_box .txt_box .txt_top .txt_list .list li .text:before {display: block; content: ''; position: absolute; top: 50%; left: 13px; width: 24px; height: 24px; margin: -12px 0 0; background-position: 0 0; background-size: contain; background-repeat: no-repeat;}
/* .way_area .way_box .txt_box .txt_top .txt_list .list li.icon1 .text:before {background-image: url('/Spri/images/common/way_icon01.png'); }
.way_area .way_box .txt_box .txt_top .txt_list .list li.icon2 .text:before {background-image: url('/Spri/images/common/way_icon02.png');}
.way_area .way_box .txt_box .txt_top .txt_list .list li.icon3 .text:before {background-image: url('/Spri/images/common/way_icon03.png');}
.way_area .way_box .txt_box .txt_top .txt_list .list li.icon4 .text:before {background-image: url('/Spri/images/common/way_icon04.png');} */
.way_area .way_box .txt_box .txt_top .txt_list .list li:after {display: block; content: ''; position: absolute; bottom: 0; left: 0; width: 50px; height: 1px; background-color: #111111;}
.way_area .way_box .txt_box .txt_top .txt_list .list li.f_f {padding: 16px 0; font-family: 'Spoqa Han Sans'; letter-spacing: inherit}
.way_area .way_box .txt_box .txt_bottom {margin: 67px 0 0;}
.way_area .way_box .txt_box .txt_bottom .tit_box {}
.way_area .way_box .txt_box .txt_bottom .tit_box .tit {font-family: 'Spoqa Han Sans'; font-weight: 700; font-size: 20px; line-height: 30px; color: #111111;}
.way_area .way_box .txt_box .txt_bottom .txt_box {margin: 13px 0 0;}
.way_area .way_box .txt_box .txt_bottom .txt_box > .txt {font-family: 'Spoqa Han Sans'; font-weight: 400; font-size: 18px; line-height: 27px; color: #333333;}
.way_area .way_box .txt_box .txt_bottom .info_list {margin: 13px 0 0;}
.way_area .way_box .txt_box .txt_bottom .info_list .list {}
.way_area .way_box .txt_box .txt_bottom .info_list .list > li {position: relative; margin: 20px 0 0; padding: 0 0 0 60px;}
.way_area .way_box .txt_box .txt_bottom .info_list .list > li:before {display: block; content: ''; position: absolute; top: 50%; left: 0; width: 50px; height: 50px; margin: -25px 0 0; background-size: contain; background-repeat: no-repeat;}
/* .way_area .way_box .txt_box .txt_bottom .info_list .list > li.icon5:before {background-image: url('/Spri/images/common/way_icon05.png');}
.way_area .way_box .txt_box .txt_bottom .info_list .list > li.icon6:before {background-image: url('/Spri/images/common/way_icon06.png');} */
.way_area .way_box .txt_box .txt_bottom .info_list .list > li:first-child {margin: 0;}
.way_area .way_box .txt_box .txt_bottom .info_list .list > li .list_inner {}
.way_area .way_box .txt_box .txt_bottom .info_list .list > li .list_inner > li {font-family: 'Spoqa Han Sans'; font-weight: 400; font-size: 18px; line-height: 27px; color: #333333; word-break: keep-all;}
.way_area .way_box .txt_box .txt_bottom .info_list .list > li .list_inner > li:first-child {margin: 0;}
.way_area .way_box .txt_box .txt_bottom .info_list .list > li .list_inner > li .ft_c {font-weight: 700; color: #07535e;}
			
.way_area .way_box .map_box {display: table-cell; width: 740px;}
.way_area .way_box .map_box .map_bg {}
.way_area .way_box .map_box .map_bg .map {}
/* ================ ==== //오시는길 ==================== */

			
/* ================ =============== 통합검색 =============================== */
/* 검색박스 */			 
.sch_box {}		    
.sch_box .container  {max-width: 1166px; margin: 0 auto;}
.sch_box .container  .inp_box {position: relative;}
.sch_box .container  .inp_box .sch_inp { width: 100%; max-width: 840px; height: 80px; border: none; border-radius: 8px; box-shadow: 7px 7px 30px 0px rgba(0, 0, 0, 0.3); padding: 0 25px; font-weight: 500; font-size: 24px; line-height: 80px; color: #07535e;}
.sch_box .container  .inp_box .chk_area {display: block; position: absolute; top: 50%; right: 0; margin: -14px 0 0; padding: 0 0 0 26px; font-size: 0;}
.sch_box .container  .inp_box .chk_area .chk_inp {display: inline-block; position: absolute; top: 50%; left: 0; width: 18px; height: 18px; margin: -9px 0 0; border: 1px solid #ced2d6; border-radius: 4px; padding: 0; cursor: pointer;}
.sch_box .container  .inp_box .chk_area .chk_inp:checked {border: 1px solid #07535e; background-image: url("/Spri/images/common/chk.jpg"); background-position: center; background-size: 11px 8px; background-repeat: no-repeat;}
.sch_box .container  .inp_box .chk_area .chk_inp:checked i {color: #07535e}
.sch_box .container  .inp_box .chk_area label {}
.sch_box .container  .inp_box .chk_area label .text {font-weight: 400; font-size: 18px; line-height: 27px; color: #999999;}
.sch_box .container  .inp_box .chk_area .chk_inp:checked + label .text {}
.sch_box .container  .sch_detail_box {margin: 34px 0 0; padding: 0 0 0 24px}
.sch_box .container  .sch_detail_box .sch_detail {display: table; table-layout: fixed; width: 100%; }
.sch_box .container  .sch_detail_box .sch_detail .title {display: table-cell; width: 126px; font-weight: 500; font-size: 20px; line-height: 50px; color: #333333; vertical-align: middle;}
.sch_box .container  .sch_detail_box .sch_detail .radio_box {display: table-cell; width: 100%; vertical-align: middle;}
.sch_box .container  .sch_detail_box .sch_detail .radio_box .list {overflow: hidden;}
.sch_box .container  .sch_detail_box .sch_detail .radio_box .list li {float: left; margin: 0 20px 0 0;}
.sch_box .container  .sch_detail_box .sch_detail .radio_box .list li:last-child {margin: 0;}
.sch_box .container  .sch_detail_box .sch_detail .radio_box .list li .radio_area {display: block; position: relative; width: 100%; padding: 0 0 0 27px; font-size: 0;}
.sch_box .container  .sch_detail_box .sch_detail .radio_box .list li .radio_area .radio_inp {display: inline-block; position: absolute; top: 50%; left: 0; width: 18px; height: 18px; margin: -9px 0 0; border: 1px solid #cdcdcd; padding: 0; background-color: #ffffff; border-radius: 50%; cursor: pointer;}
.sch_box .container  .sch_detail_box .sch_detail .radio_box .list li .radio_area .radio_inp:checked {border: 1px solid #07535e; background-color: inherit;}
.sch_box .container  .sch_detail_box .sch_detail .radio_box .list li .radio_area .radio_inp:checked:before {display: block; content: ''; position: absolute; top: 50%; left: 50%; width: 10px; height: 10px; background-color: #07535e; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%);  transform: translate(-50%, -50%); border-radius: 50%;}
.sch_box .container  .sch_detail_box .sch_detail .radio_box .list li .radio_area label {display: inline-block;}
.sch_box .container  .sch_detail_box .sch_detail .radio_box .list li .radio_area label .text {font-weight: 400; font-size: 20px; line-height: 50px; color: #999999;}
.sch_box .container  .sch_detail_box .sch_detail .radio_box .list li .radio_area .radio_inp:checked + label .text {}
.sch_box .container .sch_detail_box .input_box {margin: 10px 0 0; padding: 0 0 0 125px}
.sch_box .container .sch_detail_box .input_box .text {padding: 0 10px;}
.sch_box .container .sch_detail_box .input_box .sch_inp {width: 100%; max-width: 250px; height: 50px; border: 1px solid #07535e; padding: 0 10px 0 20px; background-color: #ffffff; font-weight: 400; font-size: 20px; line-height: 48px;color: #07525d; letter-spacing: -0.05em; border-radius: 10px;}

/* 2021-10-31 추가 */
.sch_box .container .inp_box .inp_btn {position: relative; width: 100%; max-width: 840px; margin: 0 auto;}
.sch_box .container .inp_box .inp_btn .sch_inp {padding: 0 70px 0 20px;}
.sch_box .container .inp_box .inp_btn .btn {display: block;  position: absolute; top: 50%; right: 24px; width: 28px; height: 28px; transform: translateY(-50%); background-image: url("/spri/images/common/all_search_icon.png"); background-size: cover; background-repeat: no-repeat;}

/* 탭박스 */
.tab_wrap {margin: 65px 0 0;}
.tab_wrap .com_tab_box {}
.tab_wrap .com_tab_box .tab_con {}
.tab_wrap .com_tab_box .tab_con .list {position: relative; border-bottom: 1px solid #07535e; font-size: 0; text-align: center; }
.tab_wrap .com_tab_box .tab_con .list li {display: inline-block; width: 100%; max-width: 200px;}
.tab_wrap .com_tab_box .tab_con .list li a, .tab_wrap .com_tab_box .tab_con .list li button {display: block; position: relative; width: 100%; font-weight: 700; border-right: 1px solid #999999; border-top: 1px solid #999999; font-size: 20px; line-height: 60px; color: #999999; text-align: center;}
.tab_wrap .com_tab_box .tab_con .list li:first-child a, .tab_wrap .com_tab_box .tab_con .list li:first-child button {border-top-left-radius: 8px; border-left: 1px solid #999999 !important;}
.tab_wrap .com_tab_box .tab_con .list li:last-child a, .tab_wrap .com_tab_box .tab_con .list li:last-child button {border-top-right-radius: 8px;}
.tab_wrap .com_tab_box .tab_con .list li.on:first-child a, .tab_wrap .com_tab_box .tab_con .list li.on:first-child button {border-left: 1px solid #07535e !important;}
.tab_wrap .com_tab_box .tab_con .list li.on a, .tab_wrap .com_tab_box .tab_con .list li.on button {border-left: 1px solid #07535e; border-top: 1px solid #07535e; border-right: 1px solid #07535e; color: #07535e;}
.tab_wrap .com_tab_box .tab_con .list li.on a:before, .tab_wrap .com_tab_box .tab_con .list li.on button:before {display: block; content: ''; position: absolute; right: 0; bottom: -1px; left: 0; width: 100%; height: 1px; background-color: #ffffff;}
.tab_wrap .com_tab_box .tab_con .list li a .text, .tab_wrap .com_tab_box .tab_con .list li button .text {margin: 0 0 0 5px; font-weight: 400; font-size: 16px; line-height: 24px; color: #999999;}
.tab_wrap .com_tab_box .tab_con .list li.on a .text, .tab_wrap .com_tab_box .tab_con .list li.on button .text {color: #07535e;}

.tab_wrap.brain {position: relative; margin: 65px 0 80px 0;}
.tab_wrap.brain:before {display: block; content: ''; position: absolute; bottom: 0; right: 310px; width: 368px; height: 436px; background-image: url('/spri/images/common/brain_img.png'); background-size: contain; background-repeat: no-repeat; z-index: 1;}



/* 결과 텍스트, 셀렉트 */
.result_box {margin-top: 43px;}
.result_box .container {}
.result_box .container .com_list_cont {}
.result_box .container .com_list_cont .sch_text_area {position: relative; margin: 74px 0 0px;}
/* .result_box .container .com_list_cont .sch_text_area .text .ft_c {font-weight: 700; font-size: 36px; line-height: 54px; color: #07535e;} */
.result_box .container .com_list_cont .sch_text_area .slt_box {position: absolute; top: 50%; right: 0; width: 160px; margin: -25px 0 0;}
.result_box .container .com_list_cont .sch_text_area .slt_box .slt_com {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;}
.search-text {font-weight: 400; font-size: 24px; line-height: 54px; color: #555555; text-align: center;}
.search-text .ft_c {font-weight: 700; font-size: 36px; line-height: 54px; color: #07535e;}
/* //=============================== 통합검색 =============================== */

/* ==================== 조직 ==================== */
.group_cont {}
.group_cont .group_pc {position: relative;}
.group_cont .group_pc .group_area {padding: 0 90px 0 0;}
.group_cont .group_pc .group_area .list li.com_box.box1 {right: 600px; margin: inherit;}
.group_cont .group_pc .group_area .list li.com_box.box3 {right: 10%}
.group_cont .group_pc .group_area .list li.com_box.box3 .box .list li {width: 140px; margin: 0 337px 0 0;}
.group_cont .group_pc .group_area .list li.com_box.box3 .box .list li:nth-child(2) {margin: 0 364px 0 0;}
.group_cont .group_pc .group_area .list li.com_box.box4 {right: 108px;}
.group_cont .group_pc .group_area .list li.com_box.box4 .box .list li {width: 138px;}
.group_cont .group_pc .group_area .list li.com_box.box4 .box .list li.sty2 {width: 90px;}
/* .group_cont .group_pc .group_area .list li.com_box.box4 .box .list li:nth-child(2), .group_cont .group_pc .group_area .list li.com_box.box4 .box .list li:nth-last-child(3) {margin: 0 27px 0 0;} */

.group_cont .group_pc .check_team {position: absolute; top: 0; right: 0;}
.group_cont .group_pc .check_team .list {}
.group_cont .group_pc .check_team .list li {border: 1px solid #797d7e; width: 100%; max-width: 160px; background-color: #797d7e; border-radius: 10px;}
.group_cont .group_pc .check_team .list li:last-child {position: relative; margin: 40px 0 0; background-color: #ffffff;}
.group_cont .group_pc .check_team .list li:last-child:before {content: ''; position: absolute; top: -41px; left: 50%; width: 1px; height: 41px; background-color: #e1e1e1; transform: translateX(-50%);}
.group_cont .group_pc .check_team .list li .box {display: block;}
.group_cont .group_pc .check_team .list li .box .inner {display: table; width: 100%; table-layout: fixed;}
.group_cont .group_pc .check_team .list li .box .inner .inner_box {display: table-cell; width: 100%; height: 70px; vertical-align: middle; text-align: center;}
.group_cont .group_pc .check_team .list li .box .inner .inner_box .text {display: block; width: 100%; font-weight: 500; font-size: 24px; line-height: 36px; color: #ffffff; letter-spacing: -0.05em;}
.group_cont .group_pc .check_team .list li:last-child .box .inner .inner_box .text {font-size: 22px; line-height: 33px; color: #797d7e;}


.group_cont .group_area {position: relative;}
.group_cont .group_area .img_box {text-align: center;}
.group_cont .group_area .img_box.img_box02 {display: none;}
.group_cont .group_area .img_box img {}
.group_cont .group_area .list {}
.group_cont .group_area .list li.com_box {}
.group_cont .group_area .list li.com_box:first-child {margin: 0;}
.group_cont .group_area .list li.com_box .box {display: block;}
.group_cont .group_area .list li.com_box .box .list {font-size: 0; text-align: center;}
.group_cont .group_area .list li.com_box .box .list li {border: 1px solid #cccccc; background-color: #ffffff; border-radius: 10px;}
.group_cont .group_area .list li.com_box .box .list li .box {}
.group_cont .group_area .list li.com_box .box .list li .box .inner {display: table; width: 100%; table-layout: fixed;}
.group_cont .group_area .list li.com_box .box .list li .box .inner .inner_box {display: table-cell; width: 100%; height: 70px; vertical-align: middle; text-align: center;}
.group_cont .group_area .list li.com_box .box .list li .box .inner .inner_box .text {display: block; width: 100%;}

.group_cont .group_area .list li.com_box.box1 {position: absolute; top: 0; right: 50%; margin: 0 -100px 0 0;}
.group_cont .group_area .list li.com_box.box1 .box {}
.group_cont .group_area .list li.com_box.box1 .box .list {text-align: center;}
.group_cont .group_area .list li.com_box.box1 .box .list li {display: inline-block; width: 100%; max-width: 200px; border: none; background-color: #248386;}
.group_cont .group_area .list li.com_box.box1 .box .list li .box {}
.group_cont .group_area .list li.com_box.box1 .box .list li .box .inner {}
.group_cont .group_area .list li.com_box.box1 .box .list li .box .inner .inner_box {}
.group_cont .group_area .list li.com_box.box1 .box .list li .box .inner .inner_box .text {font-weight: 700; font-size: 24px; line-height: 30px; color: #ffffff; letter-spacing: -0.05em;}

.group_cont .group_area .list li.com_box.box2 {position: absolute; top: 150px; left: 21%;}
.group_cont .group_area .list li.com_box.box2 .box {}
.group_cont .group_area .list li.com_box.box2 .box .list {}
.group_cont .group_area .list li.com_box.box2 .box .list li {}
.group_cont .group_area .list li.com_box.box2 .box .list li:first-child {display: inline-block; width: 100%; max-width: 200px; border: 1px solid #248386;}
.group_cont .group_area .list li.com_box.box2 .box .list li .box {}
.group_cont .group_area .list li.com_box.box2 .box .list li .box .inner {}
.group_cont .group_area .list li.com_box.box2 .box .list li .box .inner .inner_box {}
.group_cont .group_area .list li.com_box.box2 .box .list li .box .inner .inner_box .text {font-weight: 500; font-size: 22px; line-height: 30px; color: #07535e; letter-spacing: -0.05em;}

.group_cont .group_area .list li.com_box.box3 {position: absolute; right: 3%; bottom: 80px;}
.group_cont .group_area .list li.com_box.box3 .box {}
.group_cont .group_area .list li.com_box.box3 .box .list {font-size: 0; text-align: center;}
.group_cont .group_area .list li.com_box.box3 .box .list li {display: inline-block; width: 33.33%; max-width: 180px; margin: 0 335px 0 0; border: 1px solid #248386;}
.group_cont .group_area .list li.com_box.box3 .box .list li:first-child {}
.group_cont .group_area .list li.com_box.box3 .box .list li:last-child {margin: 0;}
.group_cont .group_area .list li.com_box.box3 .box .list li .box {}
.group_cont .group_area .list li.com_box.box3 .box .list li .box .inner {}
.group_cont .group_area .list li.com_box.box3 .box .list li .box .inner .inner_box {}
.group_cont .group_area .list li.com_box.box3 .box .list li .box .inner .inner_box .text {display: block; width: 100%; font-weight: 400; font-size: 20px; line-height: 30px; color: #333333; letter-spacing: -0.05em;}


.group_cont .group_area .list li.com_box.box4 {position: absolute; right: 0; bottom: -60px;}
.group_cont .group_area .list li.com_box.box4 .box {}
.group_cont .group_area .list li.com_box.box4 .box .list {font-size: 0;}
.group_cont .group_area .list li.com_box.box4 .box .list li {display: inline-block; width: 100%; max-width: 160px; margin: 0 10px 0 0; border: 1px solid #ccc; background-color: #ffffff;}
.group_cont .group_area .list li.com_box.box4 .box .list li:last-child {margin: 0;}
.group_cont .group_area .list li.com_box.box4 .box .list li:nth-child(2), .group_cont .group_area .list li.com_box.box4 .box .list li:nth-last-child(3) {margin: 0 55px 0 0;}
.group_cont .group_area .list li.com_box.box4 .box .list li .box {}
.group_cont .group_area .list li.com_box.box4 .box .list li .box .inner {}
.group_cont .group_area .list li.com_box.box4 .box .list li .box .inner .inner_box {height: 60px;}
.group_cont .group_area .list li.com_box.box4 .box .list li .box .inner .inner_box .text {font-weight: 400; font-size: 16px; line-height: 21px; color: #333333; letter-spacing: -0.05em;}

.group_cont .group_area .list li.com_box.box4 .box .list li.sty2 {max-width: 120px;}


.group_cont .group_area_m {display: none; position: relative;}
.group_cont .group_area_m:before {display: block; content: ''; position: absolute; top: 0; right: 50%; width: 1px; height: 284px; background-color: #e1e1e1; z-index: -1;}
.group_cont .group_area_m .list {}
.group_cont .group_area_m .list li {}
.group_cont .group_area_m .list li.com_box .box {display: block;}
.group_cont .group_area_m .list li.com_box .box .list {font-size: 0; text-align: center;}
.group_cont .group_area_m .list li.com_box .box .list li {border: 1px solid #cccccc; background-color: #ffffff; border-radius: 10px;}
.group_cont .group_area_m .list li.com_box .box .list li .box {}
.group_cont .group_area_m .list li.com_box .box .list li .box .inner {display: table; width: 100%; table-layout: fixed;}
.group_cont .group_area_m .list li.com_box .box .list li .box .inner .inner_box {display: table-cell; width: 100%; height: 70px; vertical-align: middle; text-align: center;}
.group_cont .group_area_m .list li.com_box .box .list li .box .inner .inner_box .text {display: block; width: 100%;}

.group_cont .group_area_m .list li.com_box.box1 {}
.group_cont .group_area_m .list li.com_box.box1 .box {}
.group_cont .group_area_m .list li.com_box.box1 .box .list {}
.group_cont .group_area_m .list li.com_box.box1 .box .list li {display: inline-block; width: 100%; border: none; background-color: #248386;}
.group_cont .group_area_m .list li.com_box.box1 .box .list li .box {}
.group_cont .group_area_m .list li.com_box.box1 .box .list li .box .inner {}
.group_cont .group_area_m .list li.com_box.box1 .box .list li .box .inner .inner_box {}
.group_cont .group_area_m .list li.com_box.box1 .box .list li .box .inner .inner_box .text {font-weight: 700; font-size: 24px; line-height: 30px; color: #ffffff; letter-spacing: -0.05em;}

.group_cont .group_area_m .list li.com_box.box2 {margin: 80px 0 0;}
.group_cont .group_area_m .list li.com_box.box2 .box {}
.group_cont .group_area_m .list li.com_box.box2 .box .list {}
.group_cont .group_area_m .list li.com_box.box2 .box .list li {display: inline-block; width: 100%; border: 1px solid #248386;}
.group_cont .group_area_m .list li.com_box.box2 .box .list li .box {}
.group_cont .group_area_m .list li.com_box.box2 .box .list li .box .inner {}
.group_cont .group_area_m .list li.com_box.box2 .box .list li .box .inner .inner_box {}
.group_cont .group_area_m .list li.com_box.box2 .box .list li .box .inner .inner_box .text {font-weight: 500; font-size: 20px; line-height: 30px; color: #07535e; letter-spacing: -0.05em;}

/* 7-28 조직도변경(사용x 주석처리)
.group_cont .group_area_m .list li.com_box.box3 {position: relative; margin: 40px 0 0;}
.group_cont .group_area_m .list li.com_box.box3:after {display: block; content: ''; position: absolute; top: 31px; right: 50%; width: 31px; height: 1px; background-color: #e1e1e1; z-index: -1;}
.group_cont .group_area_m .list li.com_box.box3 .box {}
.group_cont .group_area_m .list li.com_box.box3 .box .list {text-align: inherit;}
.group_cont .group_area_m .list li.com_box.box3 .box .list li {display: inline-block; width: calc(50% - 30px); margin: 0 60px 0 0; border: 1px solid #cccccc;}
.group_cont .group_area_m .list li.com_box.box3 .box .list li .box {}
.group_cont .group_area_m .list li.com_box.box3 .box .list li .box .inner {}
.group_cont .group_area_m .list li.com_box.box3 .box .list li .box .inner .inner_box {height: 60px;}
.group_cont .group_area_m .list li.com_box.box3 .box .list li .box .inner .inner_box .text {font-weight: 400; font-size: 18px; line-height: 27px; color: #333333; letter-spacing: -0.05em;}
*/
.group_cont .group_area_m .list li.com_box.box4 {position: relative; margin: 33px 0 0;}
.group_cont .group_area_m .list li.com_box.box4 .box {}
.group_cont .group_area_m .list li.com_box.box4 .box .list {font-size: 0;}
.group_cont .group_area_m .list li.com_box.box4 .box .list li {display: inline-block; width: calc(50% - 30px); margin: 0 60px 0 0; border: none; vertical-align: top;}
.group_cont .group_area_m .list li.com_box.box4 .box .list li:last-child {margin: 0;}
.group_cont .group_area_m .list li.com_box.box4 .box .list li .list_inner {}
.group_cont .group_area_m .list li.com_box.box4 .box .list li .list_inner li {width: 100%; border: 1px solid #cccccc; margin: 10px 0 0;}
.group_cont .group_area_m .list li.com_box.box4 .box .list li .list_inner li:first-child {margin: 0; border: 1px solid #248386;}
/* .group_cont .group_area_m .list li.com_box.box4 .box .list li .list_inner li:first-child .box .inner .inner_box .text {font-size: 20px; line-height: 30px;} */
.group_cont .group_area_m .list li.com_box.box4 .box .list li .list_inner li .box {}
.group_cont .group_area_m .list li.com_box.box4 .box .list li .list_inner li .box .inner {}
.group_cont .group_area_m .list li.com_box.box4 .box .list li .list_inner li .box .inner .inner_box {height: 60px;}
.group_cont .group_area_m .list li.com_box.box4 .box .list li .list_inner li .box .inner .inner_box .text {font-weight: 400; font-size: 18px; line-height: 27px; color: #333333; letter-spacing: -0.05em;}

.group_cont .group_area_m .list li.com_box.box6 {margin: 81px 0 0;}
.group_cont .group_area_m .list li.com_box.box6 .box {}
.group_cont .group_area_m .list li.com_box.box6 .box .list {}
.group_cont .group_area_m .list li.com_box.box6 .box .list li {width: 100%;  border: 1px solid #248386;}
.group_cont .group_area_m .list li.com_box.box6 .box .list li .box {}
.group_cont .group_area_m .list li.com_box.box6 .box .list li .box .inner {}
.group_cont .group_area_m .list li.com_box.box6 .box .list li .box .inner .inner_box {height: 60px;}
.group_cont .group_area_m .list li.com_box.box6 .box .list li .box .inner .inner_box .text {font-weight: 500; font-size: 20px; line-height: 30px; color: #07535e; letter-spacing: -0.05em;}

.group_cont .group_area_m .list li.com_box.box7 {margin: 10px 0 0;}
.group_cont .group_area_m .list li.com_box.box7 .box {}
.group_cont .group_area_m .list li.com_box.box7 .box .list {font-size: 0;}
.group_cont .group_area_m .list li.com_box.box7 .box .list li {display: inline-block; width: calc(50% - 5px); margin: 0 10px 0 0; border: 1px solid #cccccc;}
.group_cont .group_area_m .list li.com_box.box7 .box .list li:last-child {margin: 0;}
.group_cont .group_area_m .list li.com_box.box7 .box .list li .box {}
.group_cont .group_area_m .list li.com_box.box7 .box .list li .box .inner {}
.group_cont .group_area_m .list li.com_box.box7 .box .list li .box .inner .inner_box {height: 60px;}
.group_cont .group_area_m .list li.com_box.box7 .box .list li .box .inner .inner_box .text {font-weight: 400; font-size: 18px; line-height: 30px; color: #333333; letter-spacing: -0.05em;}

.group_cont .group_area_m .list li.com_box.box8 {margin: 20px 0 0;}
.group_cont .group_area_m .list li.com_box.box8 .box {}
.group_cont .group_area_m .list li.com_box.box8 .box .list {}
.group_cont .group_area_m .list li.com_box.box8 .box .list li {width: 100%; border: 1px solid #797d7e; background-color: #797d7e;}
.group_cont .group_area_m .list li.com_box.box8 .box .list li:last-child {margin: 10px 0 0; background-color: #ffffff;}
.group_cont .group_area_m .list li.com_box.box8 .box .list li .box {}
.group_cont .group_area_m .list li.com_box.box8 .box .list li .box .inner {}
.group_cont .group_area_m .list li.com_box.box8 .box .list li .box .inner .inner_box {height: 60px;}
.group_cont .group_area_m .list li.com_box.box8 .box .list li .box .inner .inner_box .text {font-weight: 500; font-size: 20px; line-height: 30px; color: #ffffff; letter-spacing: -0.05em;}
.group_cont .group_area_m .list li.com_box.box8 .box .list li:last-child .box .inner .inner_box .text {color: #797d7e;}

.group_cont .group_txt {margin: 73px 0 0;}
.group_cont .group_txt .list {}
.group_cont .group_txt .list li {font-weight: 400; font-size: 16px; line-height: 30px; color: #999999; letter-spacing: -0.05em; word-break: keep-all;}
/* ==================== //조직 ==================== */

/* ==================== 조직_view ==================== */
.info_cont .info_box {display: table; width: 100%; table-layout: fixed;}
.info_cont .info_box .img_cont {display: table-cell; width: 300px; vertical-align: top;}
.info_cont .info_box .img_cont .img_box {display: table; width: 100%; height: 100%; table-layout: fixed; }
.info_cont .info_box .img_cont .img_box .img_inner {display: table-cell; width: 300px; height: 300px; vertical-align: middle; text-align: center;}
.info_cont .info_box .img_cont .img_box .img_inner img {display: inline-block; box-shadow: 4px 4px 15px 0px rgba(0, 0, 0, 0.2);}
.info_cont .info_box .text_box {display: table-cell; width: 100%; padding: 0 0 0 80px; vertical-align: bottom;}
.info_cont .info_box .text_box .team {font-weight: 400; font-size: 24px; line-height: 36px; color: #333333; letter-spacing: -0.05em;}
.info_cont .info_box .text_box .name {font-weight: 400; font-size: 24px; line-height: 36px; color: #111111; letter-spacing: -0.05em;}
.info_cont .info_box .text_box .name .ft_w {margin: 0 11px 0 0; font-weight: 700; font-size: 42px; line-height: 63px;}
.info_cont .info_box .text_box .connect {display: inline-block; position: relative; margin: 28px 0 0; padding: 0 44px 0 0; font-family: 'Spoqa Han Sans'; font-size: 20px; line-height: 30px; color: #333333;}
.info_cont .info_box .text_box .connect:after {display: block; content: ''; position: absolute; top: 50%; right: 0; width: 30px; height: 30px; margin: -15px 0 0; background-image: url('/spri/images/common/mail_icon.png'); background-size: cover; background-repeat: no-repeat;;}
/* ==================== //조직_view ==================== */

.group_cont .container .page.crew {margin: 55px 0 0;}
.group_cont .container .page.crew .crew {margin: 25px 0 0;}
.group_cont .container .page.crew .crew:first-child {margin: 0;}
.group_cont .container .page.crew .crew .mother {font-weight: 700; font-size: 24px; line-height: 36px; color: #111111;}
.group_cont .container .page.crew .crew table {width: 100%; margin: 15px 0 0; border-top: 2px solid #5f6577; text-align: center; border-collapse: collapse; table-layout: fixed; box-sizing: border-box;}
.group_cont .container .page.crew .crew table thead {border-bottom: 1px solid #d5d5d5; background-color: #f7f7f7;}
.group_cont .container .page.crew .crew table thead tr {}
.group_cont .container .page.crew .crew table thead tr th {padding: 13px 10px; font-weight: 500; font-size: 18px; line-height: 27px; color: #333333;}
.group_cont .container .page.crew .crew table tbody {}
.group_cont .container .page.crew .crew table tbody tr {border-bottom: 1px solid #d5d5d5;}
.group_cont .container .page.crew .crew table tbody tr td {position: relative; padding: 13px 10px; font-weight: 400; font-size: 18px; line-height: 27px; color: #333333;}
.group_cont .container .page.crew .crew table tbody tr td a {display: inline-block;}
.group_cont .container .page.crew .crew table tbody tr td a.btn.pc {display: inline-block; padding: 0 15px; background-color: #f1f1f1; line-height: 40px; border-radius: 5px;}
.group_cont .container .page.crew .crew table tbody tr td a.btn.pc:hover, .group_cont .container .page.crew .crew table tbody tr td a.btn.pc:focus {background-color: #0899a6; color: #ffffff;}
.group_cont .container .page.crew .crew table tbody tr td a.btn.m {display: none;}

/* ==================== 조직_view ==================== */
.info_cont .info_box {display: table; width: 100%; table-layout: fixed;}
.info_cont .info_box .img_cont {display: table-cell; width: 300px; vertical-align: top;}
.info_cont .info_box .img_cont .img_box {display: table; width: 100%; height: 100%; table-layout: fixed; }
.info_cont .info_box .img_cont .img_box .img_inner {display: table-cell; width: 300px; height: 300px; vertical-align: middle; text-align: center;}
.info_cont .info_box .img_cont .img_box .img_inner img {display: inline-block; box-shadow: 4px 4px 15px 0px rgba(0, 0, 0, 0.2); border-radius: 10px;}
.info_cont .info_box .text_box {display: table-cell; width: 100%; padding: 0 0 0 80px; vertical-align: bottom;}
.info_cont .info_box .text_box .team {font-weight: 400; font-size: 24px; line-height: 36px; color: #333333; letter-spacing: -0.05em;}
.info_cont .info_box .text_box .name {font-weight: 400; font-size: 24px; line-height: 36px; color: #111111; letter-spacing: -0.05em;}
.info_cont .info_box .text_box .name .ft_w {margin: 0 11px 0 0; font-weight: 700; font-size: 42px; line-height: 63px;}
.info_cont .info_box .text_box .connect {display: inline-block; position: relative; margin: 28px 0 0; padding: 0 44px 0 0; font-family: 'Spoqa Han Sans'; font-size: 20px; line-height: 30px; color: #333333;}
.info_cont .info_box .text_box .connect .email_box {position: absolute; top: 0; right: 0; z-index: 1;}
.info_cont .info_box .text_box .connect .email_box a {display: block;}
/* ==================== //조직_view ==================== */

/* 탭버튼2 */
.tab_cont2 {display: none;}
.tab_cont2.current {display: block;}
/* 탭버튼2 */


/* 조직 팝업 */
.modal {display: none; position: fixed; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); z-index: 99999;}
.modal .modal-dialog {position: absolute; top: 50%; left: 50%; width: 100%; max-width: 520px; background-color: #ffffff; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
.modal .modal-dialog .modal-content {}
.modal .modal-dialog .modal-content .modal-header {padding: 20px 0; background-color: #07535e; text-align: center;}
.modal .modal-dialog .modal-content .modal-header .modal-title {font-weight: 700; font-size: 32px; line-height: 50px; color: #ffffff; letter-spacing: -0.05em;}
.modal .modal-dialog .modal-content .modal-body {margin: 0 0 33px; padding: 40px 46px 0;}
.modal .modal-dialog .modal-content .modal-body .catcha_attach {margin: 0 0 22px;}
.modal .modal-dialog .modal-content .modal-body .catcha_attach .captcha_view {margin: 0 0 22px; border-bottom: 1px solid #07535e; padding: 0 0 29px;}
.modal .modal-dialog .modal-content .modal-body .catcha_attach .captcha_view .img_button {display: table; margin: 0 auto; table-layout: fixed;}
.modal .modal-dialog .modal-content .modal-body .catcha_attach .captcha_view .img_button #captcha_image {display: table-cell; padding: 0 6px 0 0; vertical-align: middle;}
.modal .modal-dialog .modal-content .modal-body .catcha_attach .captcha_view .img_button .captcha_buttons {display: table-cell; width: 32px; vertical-align: middle;}
.modal .modal-dialog .modal-content .modal-body .catcha_attach .captcha_view .img_button .captcha_buttons a {display: block;}
.modal .modal-dialog .modal-content .modal-body .catcha_attach .captcha_view .img_button .captcha_buttons br {display: none;}
.modal .modal-dialog .modal-content .modal-body .catcha_attach .captcha_view .img_button .captcha_buttons #captcha_image_audio_controls {}
.modal .modal-dialog .modal-content .modal-body .catcha_attach .captcha_view .img_button .captcha_buttons #captcha_image_audio_controls .captcha_play_button {}
.modal .modal-dialog .modal-content .modal-body .catcha_attach .captcha_view .img_button .captcha_buttons #img_re {margin: 14px 0 0;}
.modal .modal-dialog .modal-content .modal-body .catcha_attach .captcha_view p {margin: 9px 0 0; font-weight: 400; font-size: 18px; line-height: 30px; color: #333333; letter-spacing: -0.05em; word-break: keep-all;}
.modal .modal-dialog .modal-content .modal-body .catcha_attach .captcha_input {}
.modal .modal-dialog .modal-content .modal-body .catcha_attach .captcha_input .form-group {display: table; width: 100%; table-layout: fixed;}
.modal .modal-dialog .modal-content .modal-body .catcha_attach .captcha_input .form-group label {display: table-cell; width: 100px; vertical-align: middle; font-weight: 700; font-size: 18px; line-height: 30px; color: #07535e; letter-spacing: -0.05em;}
.modal .modal-dialog .modal-content .modal-body .catcha_attach .captcha_input .form-group input {display: table-cell; width: 100%; vertical-align: middle; height: 54px; border: 1px solid #cccccc; padding: 0 18px; font-weight: 400; font-size: 20px; line-height: 30px; color: #333333; letter-spacing: -0.05em; border-radius: 5px;}
.modal .modal-dialog .modal-content .modal-body .catcha_attach .captcha_input .form-group input::placeholder {font-size: 20px; line-height: 30px; color: #333333;}
.modal .modal-dialog .modal-content .modal-body .email_wrap_wrap {}
.modal .modal-dialog .modal-content .modal-body .email_wrap_wrap .email_wrap {background-color: #f6f6f6; text-align: center;}
.modal .modal-dialog .modal-content .modal-body .email_wrap_wrap .email_wrap .email_value {font-size: 20px; line-height: 70px; color: #07535e; letter-spacing: -0.05em;}
.modal .modal-dialog .modal-content .modal-footer {padding: 0 46px 38px; text-align: center;}
.modal .modal-dialog .modal-content .modal-footer .btn {display: inline-block; padding: 0 31px; background-color: #248386; font-weight: 500; font-size: 24px; line-height: 53px; color: #ffffff; letter-spacing: -0.05em; border-radius: 5px;}



/* ci 소개 */
.ci_area {}
.ci_area .ci_cont {}
.ci_area .ci_cont .txt_box {}
.ci_area .ci_cont .txt_box  .txt {font-weight: 400; font-size: 18px; line-height: 30px; color: #333333; letter-spacing: -0.05em; word-break: keep-all;}
.ci_area .ci_cont .ci_box {margin: 40px 0 0;}
.ci_area .ci_cont .ci_box .list {}
.ci_area .ci_cont .ci_box .list li {margin: 38px 0 0;}
.ci_area .ci_cont .ci_box .list li:first-child {margin: 0;}
.ci_area .ci_cont .ci_box .list li .tit {font-weight: 500; font-size: 24px; line-height: 36px; color: #248386; letter-spacing: -0.075em;}
.ci_area .ci_cont .ci_box .list li .img_box {margin: 17px 0 0; border: 1px solid #cccccc; border-radius: 10px; padding: 55px 50px; text-align: center;}
.ci_area .ci_cont .ci_box .list li .img_box .inner_box {}
.ci_area .ci_cont .ci_box .list li .img_box .inner_box > img {}
.ci_area .ci_cont .ci_box .list li .img_box .inner_box > img.right {margin: 0 0 0 65px;}
.ci_area .ci_cont .ci_box .list li .img_box .inner_box > img.last {margin: 60px 0 0;}
.ci_area .ci_cont .view_btn_area {margin: 64px 0 0;}
.ci_area .ci_cont .view_btn_box {margin: 36px 0 0}
.ci_area .ci_cont .view_btn_box .box {}
.ci_area .ci_cont .view_btn_box .box a {display: block; padding: 0 40px; background-color: #248386; border-radius: 15px;}
.ci_area .ci_cont .view_btn_box .box .btn_box {display: table; width: 100%; table-layout: fixed;}
.ci_area .ci_cont .view_btn_box .box .btn_box .inner_box {display: table-cell; width: 100%; height: 80px; vertical-align: middle; text-align: left;}
.ci_area .ci_cont .view_btn_box .box .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;}
/* ci 소개 */





/* 2021.12.27 new */

/* ==================== 조직 ==================== */
.n_year .group_cont {}
.n_year .group_cont .group_pc {position: relative;}
.n_year .group_cont .group_pc .group_area {padding: 0 250px 0 0;}
.n_year .group_cont .group_pc .group_area .list li.com_box.box1 {right: 542px; margin: inherit;}
.n_year .group_cont .group_pc .group_area .list li.com_box.box3 {right: 14%}
.n_year .group_cont .group_pc .group_area .list li.com_box.box3 .box .list li {width: 150px; margin: 0 240px 0 0;}
.n_year .group_cont .group_pc .group_area .list li.com_box.box3 .box .list li:nth-child(2) {margin: 0 165px 0 0;}
.n_year .group_cont .group_pc .group_area .list li.com_box.box3 .box .list li:nth-child(3) {margin: 0 22px 0 0;}
.n_year .group_cont .group_pc .group_area .list li.com_box.box4 {right: inherit;}
.n_year .group_cont .group_pc .group_area .list li.com_box.box4 .box .list li {width: 142px;}
/* .group_cont .group_pc .group_area .list li.com_box.box4 .box .list li.sty2 {width: 90px;} */
.n_year .group_cont .group_pc .group_area .list li.com_box.box4 .box .list li:nth-child(2) {margin: 0 21px 0 0;}

.n_year .group_cont .group_pc .check_team {position: absolute; top: 0; right: 0;}
.n_year .group_cont .group_pc .check_team .list {}
.n_year .group_cont .group_pc .check_team .list li {border: 1px solid #797d7e; width: 100%; max-width: 152px; background-color: #797d7e; border-radius: 10px;}
.n_year .group_cont .group_pc .check_team .list li:last-child {position: relative; margin: 226px 0 0; background-color: #ffffff;}
.n_year .group_cont .group_pc .check_team .list li:last-child:before {content: ''; position: absolute; top: inherit; bottom: 71px; left: 50%; width: 1px; height: 226px; background-color: #e1e1e1; transform: translateX(-50%);}
.n_year .group_cont .group_pc .check_team .list li .box {display: block;}
.n_year .group_cont .group_pc .check_team .list li .box .inner {display: table; width: 100%; table-layout: fixed;}
.n_year .group_cont .group_pc .check_team .list li .box .inner .inner_box {display: table-cell; width: 100%; height: 70px; vertical-align: middle; text-align: center;}
.n_year .group_cont .group_pc .check_team .list li .box .inner .inner_box .text {display: block; width: 100%; font-weight: 500; font-size: 24px; line-height: 36px; color: #ffffff; letter-spacing: -0.05em;}
.n_year .group_cont .group_pc .check_team .list li:last-child .box .inner .inner_box .text {font-size: 22px; line-height: 33px; color: #797d7e;}

.n_year .group_cont .group_area {position: relative;}
.n_year .group_cont .group_area .img_box {/* text-align: center; */ margin: 0 0 0 72px;}
.n_year .group_cont .group_area .img_box.img_box02 {display: none;}
.n_year .group_cont .group_area .img_box img {}
.n_year .group_cont .group_area .list {}
.n_year .group_cont .group_area .list li.com_box {}
.n_year .group_cont .group_area .list li.com_box:first-child {margin: 0;}
.n_year .group_cont .group_area .list li.com_box .box {display: block;}
.n_year .group_cont .group_area .list li.com_box .box .list {font-size: 0; text-align: center;}
.n_year .group_cont .group_area .list li.com_box .box .list li {border: 1px solid #cccccc; background-color: #ffffff; border-radius: 10px;}
.n_year .group_cont .group_area .list li.com_box .box .list li .box {}
.n_year .group_cont .group_area .list li.com_box .box .list li .box .inner {display: table; width: 100%; table-layout: fixed;}
.n_year .group_cont .group_area .list li.com_box .box .list li .box .inner .inner_box {display: table-cell; width: 100%; height: 70px; vertical-align: middle; text-align: center;}
.n_year .group_cont .group_area .list li.com_box .box .list li .box .inner .inner_box .text {display: block; width: 100%;}

.n_year .group_cont .group_area .list li.com_box.box1 {position: absolute; top: 0; right: 50%; margin: 0 -100px 0 0;}
.n_year .group_cont .group_area .list li.com_box.box1 .box {}
.n_year .group_cont .group_area .list li.com_box.box1 .box .list {text-align: center;}
.n_year .group_cont .group_area .list li.com_box.box1 .box .list li {display: inline-block; width: 100%; max-width: 200px; border: none; background-color: #248386;}
.n_year .group_cont .group_area .list li.com_box.box1 .box .list li .box {}
.n_year .group_cont .group_area .list li.com_box.box1 .box .list li .box .inner {}
.n_year .group_cont .group_area .list li.com_box.box1 .box .list li .box .inner .inner_box {}
.n_year .group_cont .group_area .list li.com_box.box1 .box .list li .box .inner .inner_box .text {font-weight: 700; font-size: 24px; line-height: 30px; color: #ffffff; letter-spacing: -0.05em;}

.n_year .group_cont .group_area .list li.com_box.box2 {position: absolute; top: 150px; left: 19%;}
.n_year .group_cont .group_area .list li.com_box.box2 .box {}
.n_year .group_cont .group_area .list li.com_box.box2 .box .list {}
.n_year .group_cont .group_area .list li.com_box.box2 .box .list li {}
.n_year .group_cont .group_area .list li.com_box.box2 .box .list li:first-child {display: inline-block; width: 100%; max-width: 200px; border: 1px solid #248386;}
.n_year .group_cont .group_area .list li.com_box.box2 .box .list li .box {}
.n_year .group_cont .group_area .list li.com_box.box2 .box .list li .box .inner {}
.n_year .group_cont .group_area .list li.com_box.box2 .box .list li .box .inner .inner_box {}
.n_year .group_cont .group_area .list li.com_box.box2 .box .list li .box .inner .inner_box .text {font-weight: 500; font-size: 22px; line-height: 30px; color: #07535e; letter-spacing: -0.05em;}

.n_year .group_cont .group_area .list li.com_box.box3 {position: absolute; right: 3%; bottom: 80px;}
.n_year .group_cont .group_area .list li.com_box.box3 .box {}
.n_year .group_cont .group_area .list li.com_box.box3 .box .list {font-size: 0; text-align: center;}
.n_year .group_cont .group_area .list li.com_box.box3 .box .list li {display: inline-block; width: 33.33%; max-width: 180px; margin: 0 335px 0 0; border: 1px solid #248386;}
.n_year .group_cont .group_area .list li.com_box.box3 .box .list li:first-child {}
.n_year .group_cont .group_area .list li.com_box.box3 .box .list li:last-child {margin: 0;}
.n_year .group_cont .group_area .list li.com_box.box3 .box .list li .box {}
.n_year .group_cont .group_area .list li.com_box.box3 .box .list li .box .inner {}
.n_year .group_cont .group_area .list li.com_box.box3 .box .list li .box .inner .inner_box {}
.n_year .group_cont .group_area .list li.com_box.box3 .box .list li .box .inner .inner_box .text {display: block; width: 100%; font-weight: 400; font-size: 20px; line-height: 30px; color: #333333; letter-spacing: -0.05em;}

.n_year .group_cont .group_area .list li.com_box.box4 {position: absolute; right: 0; bottom: -60px;}
.n_year .group_cont .group_area .list li.com_box.box4 .box {}
.n_year .group_cont .group_area .list li.com_box.box4 .box .list {font-size: 0;}
.n_year .group_cont .group_area .list li.com_box.box4 .box .list li {display: inline-block; width: 100%; max-width: 160px; margin: 0 9px 0 0; border: 1px solid #ccc; background-color: #ffffff;}
.n_year .group_cont .group_area .list li.com_box.box4 .box .list li:last-child {margin: 0;}
.n_year .group_cont .group_area .list li.com_box.box4 .box .list li:nth-child(2) {margin: 0 55px 0 0;}
.n_year .group_cont .group_area .list li.com_box.box4 .box .list li .box {}
.n_year .group_cont .group_area .list li.com_box.box4 .box .list li .box .inner {}
.n_year .group_cont .group_area .list li.com_box.box4 .box .list li .box .inner .inner_box {height: 60px;}
.n_year .group_cont .group_area .list li.com_box.box4 .box .list li .box .inner .inner_box .text {font-weight: 400; font-size: 16px; line-height: 21px; color: #333333; letter-spacing: -0.05em;}

.n_year .group_cont .group_area_m {display: none; position: relative;}
.n_year .group_cont .group_area_m:before {display: block; content: ''; position: absolute; top: 0; right: 50%; width: 1px; height: 284px; background-color: #e1e1e1; z-index: -1;}
.n_year .group_cont .group_area_m .list {}
.n_year .group_cont .group_area_m .list li {}
.n_year .group_cont .group_area_m .list li.com_box .box {display: block;}
.n_year .group_cont .group_area_m .list li.com_box .box .list {font-size: 0; text-align: center;}
.n_year .group_cont .group_area_m .list li.com_box .box .list li {border: 1px solid #cccccc; background-color: #ffffff; border-radius: 10px;}
.n_year .group_cont .group_area_m .list li.com_box .box .list li .box {}
.n_year .group_cont .group_area_m .list li.com_box .box .list li .box .inner {display: table; width: 100%; table-layout: fixed;}
.n_year .group_cont .group_area_m .list li.com_box .box .list li .box .inner .inner_box {display: table-cell; width: 100%; height: 70px; vertical-align: middle; text-align: center;}
.n_year .group_cont .group_area_m .list li.com_box .box .list li .box .inner .inner_box .text {display: block; width: 100%;}

.n_year .group_cont .group_area_m .list li.com_box.box1 {}
.n_year .group_cont .group_area_m .list li.com_box.box1 .box {}
.n_year .group_cont .group_area_m .list li.com_box.box1 .box .list {}
.n_year .group_cont .group_area_m .list li.com_box.box1 .box .list li {display: inline-block; width: 100%; border: none; background-color: #248386;}
.n_year .group_cont .group_area_m .list li.com_box.box1 .box .list li .box {}
.n_year .group_cont .group_area_m .list li.com_box.box1 .box .list li .box .inner {}
.n_year .group_cont .group_area_m .list li.com_box.box1 .box .list li .box .inner .inner_box {}
.n_year .group_cont .group_area_m .list li.com_box.box1 .box .list li .box .inner .inner_box .text {font-weight: 700; font-size: 24px; line-height: 30px; color: #ffffff; letter-spacing: -0.05em;}

.n_year .group_cont .group_area_m .list li.com_box.box2 {margin: 80px 0 0;}
.n_year .group_cont .group_area_m .list li.com_box.box2 .box {}
.n_year .group_cont .group_area_m .list li.com_box.box2 .box .list {}
.n_year .group_cont .group_area_m .list li.com_box.box2 .box .list li {display: inline-block; width: 100%; border: 1px solid #248386;}
.n_year .group_cont .group_area_m .list li.com_box.box2 .box .list li .box {}
.n_year .group_cont .group_area_m .list li.com_box.box2 .box .list li .box .inner {}
.n_year .group_cont .group_area_m .list li.com_box.box2 .box .list li .box .inner .inner_box {}
.n_year .group_cont .group_area_m .list li.com_box.box2 .box .list li .box .inner .inner_box .text {font-weight: 500; font-size: 20px; line-height: 30px; color: #07535e; letter-spacing: -0.05em;}


.n_year .group_cont .group_area_m .list li.com_box.box4 {position: relative; margin: 33px 0 0;}
.n_year .group_cont .group_area_m .list li.com_box.box4 .box {}
.n_year .group_cont .group_area_m .list li.com_box.box4 .box .list {font-size: 0;}
.n_year .group_cont .group_area_m .list li.com_box.box4 .box .list li {display: inline-block; position: relative; width: calc(33.33% - 13.3333px); margin: 0 20px 0 0; border: none; vertical-align: top;}
.n_year .group_cont .group_area_m .list li.com_box.box4 .box .list li:last-child {margin: 0;}
.n_year .group_cont .group_area_m .list li.com_box.box4 .box .list > li:before {content: ''; position: absolute; top: 31px; left: -35px; width: 60px; height: 1px; background-color: #e1e1e1; z-index: -1;}
.n_year .group_cont .group_area_m .list li.com_box.box4 .box .list > li:first-child:before {display: none;}
.n_year .group_cont .group_area_m .list li.com_box.box4 .box .list li .list_inner {}
.n_year .group_cont .group_area_m .list li.com_box.box4 .box .list li .list_inner li {margin: 0; border: 1px solid #248386; width: 100%;}
.n_year .group_cont .group_area_m .list li.com_box.box4 .box .list li .list_inner li .box {}
.n_year .group_cont .group_area_m .list li.com_box.box4 .box .list li .list_inner li .box .inner {}
.n_year .group_cont .group_area_m .list li.com_box.box4 .box .list li .list_inner li .box .inner .inner_box {height: 60px; padding: 0 3px;}
.n_year .group_cont .group_area_m .list li.com_box.box4 .box .list li .list_inner li .box .inner .inner_box .text {font-weight: 400; font-size: 18px; line-height: 27px; color: #333333; letter-spacing: -0.05em; word-break: keep-all;}

.n_year .group_cont .group_area_m .list li.com_box.box6 {margin: 81px 0 0;}
.n_year .group_cont .group_area_m .list li.com_box.box6 .box {}
.n_year .group_cont .group_area_m .list li.com_box.box6 .box .list {}
.n_year .group_cont .group_area_m .list li.com_box.box6 .box .list li {width: 100%;  border: 1px solid #248386;}
.n_year .group_cont .group_area_m .list li.com_box.box6 .box .list li .box {}
.n_year .group_cont .group_area_m .list li.com_box.box6 .box .list li .box .inner {}
.n_year .group_cont .group_area_m .list li.com_box.box6 .box .list li .box .inner .inner_box {height: 60px;}
.n_year .group_cont .group_area_m .list li.com_box.box6 .box .list li .box .inner .inner_box .text {font-weight: 500; font-size: 20px; line-height: 30px; color: #07535e; letter-spacing: -0.05em;}

.n_year .group_cont .group_area_m .list li.com_box.box7 {margin: 10px 0 0;}


.n_year .group_cont .group_area_m .list li.com_box.box8 {margin: 20px 0 0;}
.n_year .group_cont .group_area_m .list li.com_box.box8 .box {}
.n_year .group_cont .group_area_m .list li.com_box.box8 .box .list {}
.n_year .group_cont .group_area_m .list li.com_box.box8 .box .list li {width: 100%; border: 1px solid #797d7e; background-color: #797d7e;}
.n_year .group_cont .group_area_m .list li.com_box.box8 .box .list li:last-child {margin: 10px 0 0; background-color: #ffffff;}
.n_year .group_cont .group_area_m .list li.com_box.box8 .box .list li .box {}
.n_year .group_cont .group_area_m .list li.com_box.box8 .box .list li .box .inner {}
.n_year .group_cont .group_area_m .list li.com_box.box8 .box .list li .box .inner .inner_box {height: 60px;}
.n_year .group_cont .group_area_m .list li.com_box.box8 .box .list li .box .inner .inner_box .text {font-weight: 500; font-size: 20px; line-height: 30px; color: #ffffff; letter-spacing: -0.05em;}
.n_year .group_cont .group_area_m .list li.com_box.box8 .box .list li:last-child .box .inner .inner_box .text {color: #797d7e;}

.n_year .group_cont .group_txt {margin: 73px 0 0;}
.n_year .group_cont .group_txt .list {}
.n_year .group_cont .group_txt .list li {font-weight: 400; font-size: 16px; line-height: 30px; color: #000; letter-spacing: -0.05em; word-break: keep-all;}
/* ==================== //조직 ==================== */

.contents_view_area {font-size:17px;}
.contents_view_area .contents_table {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
}

.contents_view_area .contents_table td,
.contents_view_area .contents_table th {
	border: 1px solid #ddd;
	padding: 10px;
	text-align: center;
	font-size:17px;
}

.contents_view_area .contents_table th {
	background-color: #f7f7f7;
}

.contents_view_area .contents_table td.txl {
	text-align: left
}

.contents_view_area .title {
	border-top: 2px solid #46a8e1;
	border-bottom: 2px solid #46a8e1;
	font-size: 35px;
	font-weight: bold;
	text-align: center;
	padding: 30px;
	margin-bottom: 30px;
}

.contents_view_area .block1 {
	border: 2px solid #41b791;
	padding: 20px;
	line-height: 1.6;
	font-size: 17px;
	margin-bottom: 30px;
}

.contents_view_area .contents_table {
	margin-bottom: 20px
}

.contents_view_area .subj_type1 {
	font-weight: bold;
	font-size: 19px;
	margin-bottom: 30px;
}

.contents_view_area .subj_type2 {
	font-weight: 400;
	font-size: 17px;
	margin-bottom: 30px;
}

.contents_view_area .list_type1 {
	margin-bottom: 30px;
	line-height: 1.7
}

.contents_view_area .list_type2 {
	margin-bottom: 30px;
	line-height: 1.7
}

.contents_view_area .list_type2 li {
	margin-bottom: 15px;
}

.contents_view_area .memo {
	margin-bottom: 30px;
	font-size: 17px;
}

.contents_view_area .block_type3 {
	text-align: center
}

.contents_view_area .block_type3 .date {
	font-size: 25px;
	margin-bottom: 20px;
}

.contents_view_area .block_type3 .sign {
	font-size: 29px;
	margin-bottom: 20px;
}

.contents_view_area .block_type2 {
	margin-bottom: 30px;
	border: 1px solid #ddd;
	padding: 15px;
}

.contents_view_area .block_type2 ul li {
	padding-left: 20px;
	margin-bottom: 10px;
	line-height: 1.7;
}

.contents_view_area .block_type2 ul li p {
	margin-bottom: 10px;
	font-weight: bold;
}

.contents_view_area .block_type2 .tit {
	background-color: #efefef;
	padding: 10px;
	display: inline-block;
	margin-bottom: 10px;
}

#result-wrapper {
    margin-left: 16%; 
    margin-right: 16%;
	min-height: 100vh;
}

@media (max-width: 1080px) {
    #result-wrapper {
        margin-left: 0px; 
        margin-right: 0px;
    }
}

	/* 검색결과 왼쪽 사이드바 */
    .sidebar-left {position: absolute; left: 0; width: 15%; padding: 20px; box-sizing: border-box; z-index: 1000; max-height: 1000px; overflow: hidden;}

    .sidebar-left h3 {margin-top: 0;}

    .sidebar-left a {padding: 10px 0; text-decoration: none; font-size: 30px;}

    .sidebar-left a:hover {background-color: #dce0e3;}

	.filter-list {list-style: none; padding: 0; margin: 0;}
	.dropdown-item {border-bottom: 1px solid rgba(255, 255, 255, 0.1);}
	.dropdown-toggle {display: flex; gap: 10px; align-items: center; color: #07535e !important; padding: 12px 0; text-decoration: none; cursor: pointer; font-weight: bold; font-size: 3em;}
	.submenu {list-style: none; padding: 0 0 0 10px; margin: 0; max-height: 0; overflow: hidden; transition: max-height 0.3s ease-out, padding 0.3s ease-out; line-height: 1.8;}
	.submenu-li.selected {background-color: #d9edf7;}
	.submenu li a {color: #3e4143; display: block; padding: 8px 0; text-decoration: none; font-size: 1.3em;}
	.dropdown-item.open .submenu {max-height: 300px; padding-bottom: 10px; overflow-y: auto;}
	.dropdown-toggle .arrow {font-size: 0.8em; transition: transform 0.3s;}

	.dropdown-item.open .dropdown-toggle .arrow {
		transform: rotate(90deg);
	}

    @media (max-width: 1080px) {
      .sidebar-left {display: none;}
	  .sidebar-right {display: none;}
    }

    /* 오른쪽 사이드바 */
    .sidebar-right {
		position: absolute;
		right: 0;
		width: 15%;
		height: 100%;
		color: black;
		box-sizing: border-box;
		overflow-y: auto;
		max-height: 800px;
    }

	.sidebar-content {
		border: solid #07535e 2px;
		border-radius: 15px;
		padding: 14px;
		width: 80%;
		position: relative;
		left: 15%;
	}
	.submenu-li {
		cursor: pointer;
		padding: 2px 0;
	}
	.submenu-li:hover {
		background-color: #f0f0f0;
	}
	.back-button {
		font-size: 20px;
	}

	.popular-result {
		line-height: 2em;
	}

	.recent-content {
		border: solid #07535e 2px;
		border-radius: 15px;
		padding: 14px;
		width: 80%;
		position: relative;
		top: 8vh;
		left: 15%;
	}

	.recent-result {
    	padding: 13px 0 0;
		color: #07535e;
	}

	.recommend-wrapper {display: flex; gap: 20px; position: relative; width: 80%; margin: 20px 0;}

	.recommend_title {
		border: solid #07535e 2px;
		border-radius: 15px;
		padding: 5px;
		color: white;
		width: 13%;
		text-align: center;
		font-size: 16px;
		font-weight: 500;
		background-color: #07535e;
	}
	
	.recommend_word {
		margin-right: 50px;
	}
	.recommend_word:last-child {
		margin-right: 0;
	}

	.recommend_cont {
		display: flex;
		margin: auto 0;
		font-size: 18px;
		gap: 40px;
	}

	@media (max-width: 1080px) {
		.recommend-wrapper {
			top: -50px;
		}
	}
	@media (max-width: 767px) {
		.recommend-wrapper {
			top: 0px;
		}
	}

	.download-area {margin: 20px 0 0;}

	.download-area .download-label {border: solid #07535e 2px; border-radius: 15px; padding: 5px; color: white; width: 13%; text-align: center; font-size: 16px; font-weight: 500; background-color: #07535e;}

	.download-area .search-down-btn {margin-left: 10px; font-size: 20px;}

	.search-list-tab {background-color: #e1e1e1; margin-bottom: 10px; padding: 10px;}

	.low-wrapper {display: flex; align-items: center; padding-top: 10px;}
	.more-area {margin-left: auto;}
	.more-btn{border: solid #07535e 2px; padding: 5px; text-align: center; font-size: 18px;}
	.more-span {font-weight: bold; font-size: 20px;}

	.page-btn {    background: none;
    border: none;
    padding: 5px 10px;
    cursor: pointer;font-size: 18px;}
	.page-btn.active {font-weight: bold !important; text-decoration: underline !important;}
	.paging{display: flex; justify-content: center; gap: 25px; margin: 30px 0;}

	.typo{font-weight: 400; font-size: 20px;}
	.typo .ft_c{font-weight: 500; font-size: 28px; color: #07535e;}
	.resubmit {font-size: 20px;}

.sort-area {
  display: flex;
  justify-content: space-between; 
  align-items: center;
  width: 100%;
  margin-bottom: 15px;
}
.select-area {
    display: flex;       
    align-items: center; 
    gap: 8px;   
}

.sort-buttons {
  display: flex;
  gap: 10px;
}

.sort-btn {
  border: 2px solid #07535e;
  border-radius: 15px;
  padding: 5px 12px;
  color: #07535e;
  text-align: center;
  font-size: 16px;
  font-weight: 500;
  background-color: #ffffff;
  min-width: 90px;
}

.sort-btn.active {
  background-color: #07535e;
  color: #ffffff;
  border-color: #07535e;
  font-weight: 600;
}

.page-select {
  padding: 6px 8px;
  border: 1px solid #96c9d1;
  border-radius: 8px;
  font-size: 15px;
}
.page-select-side {
  padding: 6px 8px;
  border: 1px solid #96c9d1;
  border-radius: 8px;
  font-size: 15px;
}
#backBtn {font-size: 20px;}

.no-result{font-size: 25px; margin-top: 10px; font-weight: bold;}