@charset "utf-8";
.content {color: #555;font-size: 2rem; font-weight: 400; line-height:1.6; }    
.ess-txt {color: #757575;text-align: right;font-size: 1.5rem; } 
.ess-txt .ess {color: #D6382B; } 
.img-ready {margin: 10rem 0 20rem;text-align: center; } 
[class*="btn_redSmall"], [class*="btn_blueSmall"], [class*="btn_graySmall"], [class*="btn_purpleSmall"], [class*="btn_brownSmall"], [class*="btn_navySmall"], [class*="btn_greenSmall"], [class*="btn_orangesmall"] {background-image: none; } 
.checks > span {padding-left: 2.5rem; } 

 /* TAB MENU STYLE */
.tab_menu { position: relative; top: 0;display: flex; flex-flow: row wrap; gap: 2.4rem; width: 100%; margin-bottom: 7.2rem; letter-spacing: -0.02em; font-size: 1.6rem; } 
.tab_menu:after {content: "";position: absolute;left: 0;bottom: 0;display: block;width: 100%;height: 1px;background-color: #D8D8D8; } 
.tab_menu > li { position: relative; text-align: center; vertical-align: middle; } 
.tab_menu > li > a { position: relative; display: flex; flex-flow: row wrap; align-items: center; align-content: center; justify-content: center; height: 100%; margin-left: -1px; padding: 1.3rem 0.8rem; background-color: #fff; word-break: keep-all; color: #555; font-size: 2rem; }     
.tab_menu > li > a:after {content: "";position: absolute;bottom: -1px;left: 0;width: 0;height: 4px;background-color: #00754A; opacity: 0; z-index: 1; transition: all 0.5s; } 
.tab_menu .count {color: #ff5e00; } 
.tab_menu > li > a:hover,
.tab_menu > li > a:focus,
.tab_menu > li.on > a {color: #00754A; font-weight: 700;text-decoration: none; } 
.tab_menu > li > a:hover::after,
.tab_menu > li > a:focus::after,
.tab_menu > li.on > a:after {width:100%; opacity: 1; transition: all 0.5s; } 
.tab2dehON {padding-bottom: 55px; } 
.tab-2deh-meun {position: absolute;display:block;width: 1150px;padding-top: 1rem;text-align: left; } 
.tab-2deh-meun:after {display: block;width: 100%;height:100%;border-bottom: 1px #ddd solid;content: ""; } 
.tab-2deh-meun > li {position:relative;display: inline-block;margin:0 2.5rem; } 
.tab-2deh-meun > li > a {display:block;padding: 1.5rem 0; } 
.tab-2deh-meun > li.active > a {position:relative;color: #333; font-weight: 700; } 
.tab-2deh-meun > li.active:after {position:absolute;left:0;bottom:-1px;width: 100%;height: 5px;background: #282728;content: ""; } 




/* title style */
[class*="depth1-title"] {position: relative;margin-bottom: 1.5rem;padding-top: 0.7rem;color: #1d1d1d;line-height: 150%;font-size: 2.8rem; font-weight: 700; } 
[class*="depth1-title"]::before {display: block;position: absolute;top: 0;left: 0;width: 2.4rem;height: 0.5rem;background-color: #00754A;content: ''; } 
.depth1-title02 {margin-top: 7.2rem; } 
[class*="depth2-title"] {position: relative;margin: 2.2rem 0 1.6rem;color: #00754A;line-height: 150%;font-size: 2.3rem; font-weight: 700; } 
.depth2-title02 {margin-top: 4rem; } 
[class*="depth3-title"] {position: relative;margin-bottom: 1.6rem;line-height: 150%;color: #1d1d1d;font-size: 2rem; font-weight: 700; } 
.depth3-title02 {margin-top: 3.2rem; } 
.subject-exp {position: relative;margin-bottom: 1.2rem;color: #555;font-size: 1.5rem; font-family: NotoM; } 
.subject-exp::after {display: block;width: 16rem;height: 1px;margin-top: .8rem;border-bottom: 1px dashed #8E8E8E;content: ''; } 
.sub-title {font-size: 1.8rem; } 
.txt-info {margin-bottom: 1rem; } 

/* 블릿 style */
[class^="lstyle-"] {position: relative;overflow: hidden; } 
[class^="lstyle-"] > li,
p[class^="lstyle-"] {position: relative;margin-top: 0.6rem;padding-left: 1.2rem; line-height: 1.5;overflow: hidden; } 
[class^="lstyle-"] li:before,
p[class^="lstyle-"]::before {display: block;position: absolute;top: 1rem;left: 0;content: ''; } 
[class^="lstyle-"] > li:first-child {margin-top: 0; } 
[class^="lstyle-"] ul {margin: 0.8rem 0; } 
[class^="lstyle-"] .tel {margin-right: 1.2rem; color: #888; font-family: 'Roboto', sans-serif; font-weight: 400; }  
[class^="lstyle-"] .tel i {margin-right: 0.5rem; } 
[class^="lstyle-"] .tel i:nth-child(2) { margin-left: 2rem; } 
.lstyle-normal > li {padding-left: 0; } 
p.lstyle-dot,
p.lstyle-line {position: relative;padding-left: 1.2rem;margin-bottom: 1rem; } 
[class*="lstyle-dot"] > li:before,
p[class*="lstyle-dot"]::before {width: 0.4rem;height: 0.4rem;background-color: #8E8E8E;border-radius: 100%; } 
[class*="lstyle-square"] > li:before,
p[class*="lstyle-square"]::before {width: 0.4rem;height: 0.4rem;background-color: #8E8E8E; } 
[class*="lstyle-exp"] { color: #767676; font-size: 1.5rem; } 
[class*="lstyle-exp"] > li {position: relative; margin-top: 0.2rem;padding-left: 1.8rem; } 
[class*="lstyle-exp"] > li .exp {position: absolute;left: 0;top: 0; } 
[class*="lstyle-exp"] > li > ul {margin-top: 0; } 

/* 강조형 목록 start */
.lstyle-dot02 > li { font-weight: 500;font-size: 1.7rem; } 
.lstyle-dot02 ul {margin-top: 0.5rem; font-weight: 300; } 

/* 강조형 목록 end */
.lstyle-dot03 > li,
.lstyle-dot03 {font-size: 1.6rem; } 
.lstyle-dot03 > li:before,
.lstyle-dot03::before {top:1.2rem;width: 0.2rem;height: 0.2rem;background-color:#282728;border-radius: 100%; } 

/* 당구장 */
.lstyle-reference > li:before {content: "※";top:0; } 

/* 번호 , 알파벳 목록 */
.lstyle-number > li {margin-left: 2.2rem;padding-left: 0;list-style: decimal;overflow: visible; } 
.lstyle-number.round > li,
.lstyle-alphabet > li,
.lstyle-number.square > li {position: relative;margin-left: 0;padding-left: 3.2rem;list-style: none;counter-increment: number; } 
.lstyle-alphabet > li {counter-increment: alpha; } 
.lstyle-number.round > li::before,
.lstyle-alphabet > li::before,
.lstyle-number.square > li::before {display: block;position: absolute;top: .35rem; left: 0;width: 2.4rem;height: 2.4rem;line-height: 2.4rem;border: 1px solid #626262;background-color:#555;border-radius: 100%;text-align: center;color: #fff;font-size: 1.5rem;font-weight: 700;content: counter(number, decimal);overflow: hidden; } 
.lstyle-number.round > li.point01::before {border-color: #f9415e; } 
.lstyle-number.square {color: #333; } 
.lstyle-number.square > li::before { background-color: #333; border-radius: 0.3rem; } 
.lstyle-alphabet > li::before { width: 2rem; height: auto; border-radius: 0; text-align: left; font-size: inherit; content: counter(alpha, upper-alpha) "."; border: none; } 
.lstyle-check > li {padding-left: 2.5rem; } 
.lstyle-check > li::before {top: 0;color: #32a66c;font-family: xeicon;content: "\e929"; } 
.lstyle-line > li::before,
p.lstyle-line::before {display: inline-block;width: 4px;height: 2px;background-color: #8E8E8E; } 
.txt_add { font-size: 1.4rem; color: #006da5; } 

[class^="lstyle-"] + .table_wrap {margin-top: 4rem; } 

/*가짜 테이블*/
.fake-table {border-top: 1px solid #D8DCE4;overflow: hidden; } 
.fake-table > li {padding: .7rem 1rem;border-bottom: 1px solid #D8DCE4;overflow: hidden; } 
.fake-table .tit {display: block;float: left; } 
.fake-table .txt {display: block;width: auto;overflow: hidden; } 

/* 회색 박스 */
.graybox {padding: 2.5rem 3.5rem;background-color: #F4F5F6;overflow: hidden; } 
[class*="depth1-title"] + .graybox {margin-top: 2.5rem; } 
.line-box {margin: 2.4rem 0;padding: 4rem;background-color: #fff;border: 1px solid #D8D8D8;border-radius: 8px; } 
.line-box.type01 { max-width:700px; width:100%; margin:0 auto; }
.line-box02 {margin:1rem 0;padding: 3rem 3.5rem 3rem;background-color: #fff;border: 1px solid #ddd;overflow: hidden; } 
.line-box02 ul li {margin:1rem 0; } 
.line-box02 ul li:last-child {margin-bottom: 0; } 
.line-box.img-box {padding: 3.8rem; } 

/* 상단 박스 */
[class*="-wording"] {position:relative;margin-bottom: 50px;padding-left: 180px;padding-right: 100px;letter-spacing: -0.5px;color: #444444; font-weight: 300;font-size: 1.7rem; } 
[class*="-wording"] > .title {display:block;margin-bottom: 1rem;color:#000;font-size:2rem; font-weight: 500; } 
[class*="-wording"]::after {display: block;position: absolute;top:40px;left:64px;width: 49px;height: 60px;background: url(/resources/images/mdi/content/equip_info.png) no-repeat right 0;content: ''; } 

/* 상단 개요 박스 */
.overview-box {display: block;margin-bottom: 2.4rem;padding: 4.8rem;background-color: #F8F8F8;color: #1d1d1d; } 
.overview-box .deco {display: block;margin-bottom: 0.4rem;text-transform: uppercase;color: #275EA5;font-size: 1.5rem;font-weight: 700; } 
.overview-box .title {display: flex;margin-bottom: 2.4rem;line-height: 1.3;font-size: 2.8rem;font-weight: 700;color:#00754A; } 
.overview-box.type02 {margin:2.4rem 0 0 0;padding:2.4rem;border-radius:.8rem;background:#F8F8F8; }  
.overview-box.type02 strong {margin-bottom:.8rem;color:#1D1D1D;font-size: 1.9rem;font-style: normal;font-weight: 500;line-height: 150%;display:block; } 
.overview-box.type03 { border-radius:.8rem; }
.overview-box p { font-size:2rem; }   

[class^="lstyle-"] + .img-box {margin-top: 4rem; } 
[class^="lstyle-"] + .img-box + [class^="lstyle-"] {margin-top: 4rem; } 
.img-box {text-align: center; } 
.img-box .zoom-img-btn {display: none;margin: 1rem;padding: 1rem 3rem;background-color: #275EA5;border: 1px transparent solid;border-radius: 5px;line-height: 1.3;color: #fff;transition: all 0.2s; } 
.img-box .zoom-img-btn:hover,   
.img-box .zoom-img-btn:focus {text-decoration: none;background-color: #F8F8F8;border-color: #275EA5;color: #275EA5;transition: all 0.2s; } 
  
/* 비전 */
.vision-summary {margin-top: 7.2rem;display:flex;justify-content: space-between;align-items: center;gap:4rem; }          
.vision-summary .vision-img {display: block;text-align: center;width: 66.8rem;flex-shrink:0; }  
.vision-summary .vision-img-list {display: flex;gap: 2.4rem;flex-direction: column;max-width:61.2rem;width:100%; }      
.vision-summary .vision-img-list > li {flex: 1 1 calc(100% / 3);border-radius: 8px;background-color: #F8F8F8; } 
.vision-summary .vision-img-list .tit {display: block;padding: 1.5rem 0;border-radius: 8px 8px 0 0;text-align: center;color: #fff;font-weight: 700;font-size:1.7rem; } 
.vision-summary .vision-img-list .list-color01 .tit { background-color: #71A02E; } 
.vision-summary .vision-img-list .list-color02 .tit { background-color: #00754A; } 
.vision-summary .vision-img-list .list-color03 .tit { background-color: #275EA5; } 
.vision-summary .vision-img-list .desc {padding: 2.4rem; } 
.vision-details {position: relative;padding: 7.2rem 0; } 
.vision-details:before {position: absolute;top: 0;left: 50%;display: block;width: 100vw;height: 100%;background-color: #F8F8F8;transform: translateX(-50%);content: "";z-index: -1; } 
.vision-details-list > li {display: flex;flex-flow: row wrap; } 
.vision-details-list > li + li {margin-top: 1.6rem; }  
.vision-details-list > li > .tit {position: relative;display: flex; align-items: center; justify-content: center;width: 16rem; min-height: 6.8rem;margin-right: 2.4rem;background-color: #00754A;border-radius: .8rem;color: #fff; text-align: center;font-size: 2rem;font-weight: 700; } 
.vision-details-list > li:first-child > .tit { background:#71A02E; }
.vision-details-list > li > .tit::before, 
.vision-details-list > li > .tit::after {display: block;position: absolute;top: 50%;right: -2.4rem; width: 2.4rem; height: 1px; background-color: #00754A;transform: translateY(-50%);content: ''; } 
.vision-details-list > li > .tit::after {right: -2.8rem;width: 0.6rem;height: 0.6rem;border-radius: 100%;content: ''; z-index: 1; } 
.vision-details-list > li > .tit .img-icon {width: 4rem;height: 4rem;margin-right: 1.6rem; } 
.vision-details-list .desc { display: flex; align-items: center; justify-content: center;width: calc(100% - 18.4rem); padding: 2.15rem; background-color: #fff;border: 1px solid #00754A;border-radius: .8rem;text-align: center; } 
.vision-details-list .desc .one-line {color: #1D1D1D;font-weight: 700;font-size: 2rem; } 
.performance-list {display: flex;flex-flow: wrap; justify-content: center; gap: 1.2rem; width: 100%; color: #1D1D1D; font-size: 1.8rem; } 
.performance-list > li {padding: 1.6rem 2.4rem;background-color: #F4F5FA;border-radius: 8rem; } 
.performance-list .circle {display: flex;flex-direction: column;justify-content: center;align-items: center;width: 16rem;height: 16rem;padding: 1rem 2rem;background-color: #F8F8F8;border-radius: 50rem; } 
.performance-list .num {position: relative;display: inline-block;margin-bottom: 1.2rem;padding: 0 0.3rem;border-bottom: 2px #00754A solid;color: #00754A;font-weight: 700;font-size: 1.5rem; } 
.performance-list p {line-height: 1.3;color: #1d1d1d;font-weight: 500;font-size: 1.7rem; } 
.strategy-list {display: flex;justify-content: center; gap: 1.6rem; width: 100%; } 
.strategy-list > li {width: 33.33%;background-color: #fff;border: 1px solid #275EA5;border-radius: .8rem; } 
.strategy-list .tit {display: block;padding: 1.2rem;background-color: #F4F5FA;border-radius: 8px 8px 0 0;color: #275EA5;font-size: 1.7rem;font-weight: 700; } 
.strategy-list .box {display: block;padding: 1.6rem;text-align: left; } 
.keypoint-list { display: flex; flex-flow: wrap; justify-content: center; width: 100%; height:100%; gap: 1rem; } 
.keypoint-list > li { border-radius: 8px;border:1px solid #71A02E;min-height:6.8rem; 
background: #FFF; width:calc(33.333% - .8rem); display: flex; flex-flow: row wrap; align-items: center; align-content: center; justify-content: center;line-height: 1; vertical-align: middle; } 
.keypoint-list .icon,   
.keypoint-list .txt { display: block; margin: 0 .6rem; font-size:2.4rem; font-weight:500; color:#1d1d1d; } 
.keypoint-list .icon { width:2.7rem; }
.vision-details-list > li.color02 > .tit {background-color: #275EA5; } 
.vision-details-list > li.color03 > .tit {background-color: #71A02E; } 
.vision-details-list > li.color02 > .desc {border-color: #275EA5; } 
.vision-details-list > li.color03 > .desc { border-color: #71A02E; } 
.vision-details-list > li:nth-child(2) {margin-top: 0; } 
.vision-details-list > li:nth-child(2)::before {display: block; width: calc(100% - 18.4rem);height: 7.2rem;margin-left: 18.4rem;background: url("../../images/bbd/sub/vision_arrow.svg") no-repeat center center;content: ''; } 
.vision-details-list > li:nth-child(3) {margin-top: 0; } 
.vision-details-list > li:nth-child(3) .desc {position: relative; padding: 0;background-color: transparent;border-color: transparent; } 
.vision-details-list > li:nth-child(3)::before,
.vision-details-list > li:nth-child(3)::after {display: block; width: calc(100% - 18.4rem);height: 7.2rem;margin-left: 18.4rem;background: url("../../images/bbd/sub/vision_arrow.svg") no-repeat center center;content: ''; } 
.vision-details-list > li.color02 .tit::before,
.vision-details-list > li.color02 .tit::after { background-color: #275EA5; } 
.vision-details-list > li.color03 .tit::before,
.vision-details-list > li.color03 .tit::after { background-color: #71A02E; }   
.vision-details-list .desc.non-line {border-color: transparent !important;padding:0; }   
.vision-details-list > li:nth-child(3)::after { display:none; }
.vision-details-list > li:nth-child(4) .desc {position: relative; padding: 0;background-color: transparent;border-color: transparent; } 

 
/* 조직소개 > 사업추진체계 */
.related-org-list {display: flex;flex-flow: wrap;gap: 2.4rem;text-align: center; } 
.related-org-list > li {flex: 0 1 calc((100% / 4) - ((3 / 4) * 2.4rem)); } 
.related-org-list > li .img {display: flex;align-items: center;justify-content: center;height: 10rem;margin-bottom: 1.6rem;padding: 4rem;border: 1px #D8D8D8 solid;border-radius: 8px;text-align: center; } 
.related-org-list > li .site-tit {display: block; } 
.related-org-list > li .site-tit .site-name {display: inline-block;width: calc(100% - 3.2rem);padding-right: 1rem;word-break: break-all; } 
.related-org-list > li .site-tit .site-link {display: flex;align-items: center;justify-content: center;width: 3.2rem;height:3.2rem;text-align: center;background-color: #EEEEEE;border-radius: 50rem;color: #555555;font-size: 1.6rem; } 

/* 인사말 */
.greeting {display: flex;flex-direction: row-reverse; } 
.greeting-img {width: 48rem;margin-left: 12rem; } 
.greeting-cont {width: calc(100% - 48rem - 12rem); } 
.greeting-cont .title {display: block;margin-bottom: 4rem;font-weight: 400;font-size: 2.8rem;color: #222; } 
.greeting-cont .text p + p {margin-top: 1.6rem; } 
.greeting-cont .sign-txt {margin-top: 4rem;vertical-align: middle;color: #555;font-size: 2rem;font-weight: 700; }   
.sign-img {display: inline-block;margin: 0 1.6rem;vertical-align: middle; } 

/* 오시는길 */
.map {position: relative;z-index: 0; } 
.map .root_daum_roughmap,
.map .root_daum_roughmap .wrap_map {width: 100%;height: 64rem; } 
.map .root_daum_roughmap {border: 1px #D8D8D8 solid;border-radius: 8px; } 
.map .root_daum_roughmap br { display:none; }
.map .root_daum_roughmap .wrap_controllers,
.map .map_border {display: none; } 
.map-location {display: flex; } 
.map-location .tit {position: relative;display: inline-block;width: 25.6rem;height: 25.6rem;margin-top: -10rem;margin-right: 3.2rem;padding: 4rem;background-color: #275EA5;border-radius: 8px;color: #fff;font-weight: 700;font-size: 2.8rem;z-index: 1; } 
.map-location .tit .tit-txt {display: block;margin-bottom: 2.4rem;letter-spacing: 0.2rem;color: #9FC2EF;font-size: 1.7rem;font-weight: 500; }  
.location-info {display: flex; align-items: flex-end; justify-content: space-between; width: calc(100% - 26.3rem - 5.6rem); margin: 2.4rem 0; } 
.location-info ul > li {display: flex; } 
.location-info ul > li + li {margin-top: .8rem; } 
.location-info .dt {display: block;width: 7rem;margin-right: 2.4rem;color: #1D1D1D;font-size: 1.7rem;font-weight: 700; } 
.location-info .dt i {width: 1.8rem;height: 1.8rem;margin-right: 0.4rem;color: #8E8E8E;font-weight: normal; } 
.location-info .dd {width: calc(100% - 9.4rem); } 
.map-navi-link { display: inline-block; min-width: 15.5rem; padding: 1.2rem 1.6rem; border: 1px #8E8E8E solid; border-radius: 2px; line-height: 1.4; font-size: 1.5rem; } 
.map-navi-link i {display: inline-block;margin: 0 0 0 0.8rem;vertical-align: middle; } 

/* 참여자 구분 */
.participants {display: flex;justify-content: center;align-items: center;flex-flow: wrap;gap: 4.8rem;margin: 4rem 0; } 
.participants > li {display: flex;justify-content: center;align-items: center;flex-direction: column;width: 22rem;height: 22rem;border-radius: 100%;text-align: center; } 
.participants > li.color01 {background: rgba(0, 161, 64, 0.10);color: #00A140; } 
.participants > li.color02 {background: rgba(41, 68, 161, 0.10);color: #3562CD; } 
.participants > li.color03 {background: rgba(189, 44, 122, 0.10);color: #71A02E; } 
.participants .icon {display: block; height: 6.6rem;margin-bottom: 1.2rem; } 
.participants .name {display: block;font-size: 1.7rem;font-weight: 700; } 

/* 참여기간 및 절차 */
.part-process {position: relative;display: flex;align-items: flex-start;justify-content: center; text-align: center; } 
.part-process > li {position: relative;padding: 0 3.35rem; } 
.part-process > li::after { position: absolute; top: 11.23rem; left: 0; width: 100%; height: 1px; background-color: #00754A; content: ''; } 
.part-process > li:first-child::after { left: 50%;width: 50%; } 
.part-process > li:last-child::after {width: 50%; } 
.part-process .icon {display: flex;align-items: center;justify-content: center;flex-direction: column;width: 8rem;height: 8rem; margin: 0 auto;background-color: #F8F8F8;border-radius: 50rem;font-style: normal; } 
.part-process .step {position: relative; display: inline-block; min-width: 6.8rem; margin: 1.8rem auto 0; padding: 0.4rem 1.2rem; background-color: #275EA5; border-radius: 2rem; color: #fff; text-align: center; font-weight: 500; font-size: 1.5rem; z-index: 2; } 
.part-process .tit {display: block;margin-top: 1.6rem;color: #333;text-align: center;font-size: 2rem;font-weight: 600; } 
  
/* 희귀질환자 및 중증질환자 참여 방법*/ 
.part-process.type02 > li:nth-child(-n+4) {margin-top: 12.7rem; } 
.part-process.type02 > li {padding: 0 2rem; } 
.part-process.type02 > li:nth-child(4) {padding-right: 0; } 
.part-process.type02 > li:nth-child(4)::after {width: 50%; } 
.part-process.type02 > li.part-process-cross {padding: 0; } 
.part-process.type02 > li.part-process-cross::after {display: none; }  
.part-process.type02 > li.part-process-cross .part-process > li:last-child::after { opacity: 0; } 
.part-process.type02 .tit { min-height: 6rem; white-space: nowrap; } 
.part-process.type03 > li::after,
.part-process.type03 .step {background-color: #9B783F; }      
.part-process.type04 .step {background-color: #275EA5; }         
.part-process-cross > ul > li {position: relative; display: flex; flex-flow: row wrap; padding: 2.65rem 0; } 
.part-process-cross .first-arrow-rotate {padding-top: 0; } 
.part-process-cross .last-arrow-rotate {padding-bottom: 0; } 
.part-process-cross .user {position: relative;display: flex;flex-flow: row wrap;align-items: center;align-content: center;justify-content: center;width: 16rem;height: 7.2rem;margin: 7.5rem 0 0 8rem;background-color: #F4F8F2;border-radius: 0.4rem;border: 1px solid #71A02E;color: #71A02E;font-size: 1.8rem;font-weight: 700;z-index: 1; } 
.part-process-cross .first-arrow-rotate .step {background-color: #71A02E; } 
.part-process-cross .last-arrow-rotate .user {background-color: #E2ECE8;border-color: #00754A;color: #00754A; } 
.part-process-cross .last-arrow-rotate .step {background-color: #00754A; }     
.part-process-cross .user::before {display: block;position: absolute;top: 50%;left: -104px;width: 103px;height: 124px;background: url(/resources/images/bbd/sub/part-process-line.svg) no-repeat 0 0; z-index: -1;content: ""; } 
.part-process-cross li.last-arrow-rotate .user::before { top: -9rem;background: url(/resources/images/bbd/sub/part-process-line02.svg) no-repeat 0 0; } 
.part-process-cross .part-process.type02 { justify-content: flex-start; align-items: flex-start; } 
.part-process-cross .icon.color-txt {display: inline-flex;justify-content: center;align-items: center;background: transparent; } 
.part-process-cross .icon.color-txt span {display: block;width: 100%;padding: 1rem 1rem;border-radius: 8px;background-color: #00754A;text-align: center;color: #fff;font-size: 1.7rem; } 
.part-process-cross .first-arrow-rotate .part-process.type02 > li:nth-child(n+2) .icon {background-color: #fff;border: 1rem solid #FBF4F8; } 
.part-process-cross .first-arrow-rotate .part-process.type02 > li:nth-child(n+2) .step {color: #71A02E; } 
.part-process-cross .last-arrow-rotate .part-process.type02 > li:nth-child(n+2) .icon {background-color: #fff;border: 1rem solid #F4F5FA; } 
.part-process-cross .last-arrow-rotate .part-process.type02 > li:nth-child(n+2) .step {color: #275EA5; } 
.part-process.type02 .part-process::before { position: absolute; top: 11.2rem; left: -6.7rem; width: 80%; height: 1px; background-color: #71A02E; content: ''; } 
.part-process.type02 .last-arrow-rotate .part-process::before,
.part-process.type02 .last-arrow-rotate .part-process > li::after { background-color: #3562CD; } 
.participatory-method {display: flex; flex-flow: row wrap; align-items: center; align-content: center; justify-content: center; } 
.participatory-method .user.public {display: flex; flex-flow: row wrap; align-items: center; align-content: center; justify-content: center;width: 16rem;height: 7.2rem;border-radius: 0.4rem;background-color: #F6F4EA;color: #9B783F; text-align: center;font-weight: 700;border: 1px solid #9B783F; } 
.participatory-method .part-process > li:first-child { padding-left: 7rem; } 
.participatory-method .part-process > li:first-child::after { left: 0; width: 100%; } 
.part-process.pop-type > li { display: flex; }
.part-process.pop-type > li { flex-direction: column;gap:1rem; }
.part-process.pop-type > li::after { top:50%;transform: translateY(-50%);background: #00754A; }
.part-process.pop-type > li > a { border-radius: 50%;width:13rem;height: 13rem; display: flex; align-items: center; justify-content: center;background: #00754A; flex-direction: column;line-height: 1.25; padding:1rem;position: relative;z-index: 1; gap:.5rem; }
.part-process.pop-type > li > a > span { color:#fff; font-size:1.5rem; }
.part-process.pop-type > li > a > i { color:#fff; } 
@media (max-width:1024px){
	.part-process.pop-type > li { padding: 0 1rem; }
	.part-process.pop-type > li > a { width:12rem;height: 12rem; }
	.part-process.pop-type > li > a > span { font-size:1.4rem; }
}
@media (max-width:640px){
	.part-process.pop-type { flex-direction: column;gap:1.25rem; }
	.part-process.pop-type > li { width:100%; }
	.part-process.pop-type > li > a { border-radius: 1rem;width:100%;flex-direction: row; height: auto;padding:1.25rem 1rem; }
	.part-process.pop-type > li > a > span { font-size:1.6rem; } 
	.part-process.pop-type > li > a > span br { display: none; }
	.part-process.pop-type > li::after { display: none; }
}

/* 참여자 이익 및 혜택 */
.lstyle-dot + .benefit-list { margin-top: 4rem; }   
.benefit-list + .point-ess.txt-right {margin-top: 2rem; } 
.benefit-list {display: flex;flex-direction: column; gap: 1.6rem; } 
.benefit-list > li {display: flex; } 
.benefit-list > li.lstyle-dot { display: block; position: relative; padding-left: 1.2rem; margin: 2.4rem 0; } 
.benefit-list > li.lstyle-dot::before { display: block; position: absolute; top: 1rem; left: 0;width: 0.4rem; height: 0.4rem; background-color: #8E8E8E; border-radius: 100%;content: ''; } 
.benefit-list .tit {position: relative;display: flex;align-items: center;width: 22rem;margin-right: 2.4rem;padding: 2rem 3.2rem;background-color: #F8F8F8;border: 1px solid #00754A;border-radius: 8px;color: #00754A;font-size: 1.8rem;font-weight: 700; white-space: nowrap; } 
.benefit-list .tit::before {display: block;position: absolute;top: 50%;right: -2.8rem;width: 6px;height: 6px;border-radius: 50rem;background-color: #00754A;transform: translateY(-50%);content:""; } 
.benefit-list .tit::after {display: block;position: absolute;top: 50%;right: -2.4rem;width: 2.4rem;height: 1px;background-color: #00754A;transform: translateY(-50%);content: ""; } 
.benefit-list > li.type01 .tit {background-color: #FAECF3;border-color: #71A02E;color: #71A02E; } 
.benefit-list > li.type01 .tit::before,
.benefit-list > li.type01 .tit::after {background-color: #71A02E; } 
.benefit-list > li.type02 .tit {background-color: #EBF0FB;border-color: #3562CD;color: #3562CD; } 
.benefit-list > li.type02 .tit::before,
.benefit-list > li.type02 .tit::after {background-color: #3562CD; } 
.benefit-list > li.type03 .tit {background-color: #E6F6EC;border-color: #00A140;color: #00A140; } 
.benefit-list > li.type03 .tit::before,
.benefit-list > li.type03 .tit::after {background-color: #00A140; } 
.benefit-list .tit i {display: block;width: 2.4rem;height: 2.4rem;margin-right: 0.8rem;line-height: 1;font-size: 2.4rem;font-weight: 700; } 
.benefit-list .txt {width: calc(100% - 22rem - 2.4rem);padding: 3.2rem;border: 1px #D8D8D8 solid;border-radius: 8px; } 
.btn-consent { display: flex;gap:0.8rem;margin-top: 2.4rem; } 

/* 개인정보 보호 및 데이터 보안 */
.pads-list {position: relative; } 
.pads-list:after {display: block;width: 100%;height: 8rem;background: url('../../images/bbd/sub/img-arrow02.png') no-repeat 50% 100% / contain;content: ""; } 
.pads-list > li {display: flex;margin: 2.4rem 0; } 
.pads-list .tit { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center;width: 28rem; margin-right: 2.4rem;padding: 3.2rem;background-color: #00754A;border-radius: .8rem;color: #fff; text-align: center;font-size: 2rem;font-weight: 700; } 
.pads-list .tit::before {display: block;position: absolute;top: 50%;right: -2.8rem;width: 6px;height: 6px;border-radius: 50rem;background-color: #00754A;transform: translateY(-50%);content:""; } 
.pads-list .tit::after {display: block;position: absolute;top: 50%;right: -2.4rem;width: 2.4rem;height: 1px;background-color: #00754A;transform: translateY(-50%);content: ""; } 
.pads-list > li:nth-child(2) .tit,
.pads-list > li:nth-child(2) .tit::before,
.pads-list > li:nth-child(2) .tit::after {background-color: #275EA5; } 
.pads-list > li:nth-child(3) .tit,
.pads-list > li:nth-child(3) .tit::before,
.pads-list > li:nth-child(3) .tit::after {background-color: #71A02E; } 
.pads-list .icon {display: block;height: 5.4rem;margin-bottom: 1.2rem; } 
.pads-list .icon img {max-height: 100%; } 
.pads-list .cont { display: flex; flex-flow: row wrap; align-items: center; justify-content: space-between; width: calc(100% - 30.4rem); padding: 3.2rem; border: 1px #D8D8D8 solid; border-radius: 8px; } 
.pads-list .more {display: flex; flex-direction: column; justify-content: center; align-items: center; width: 12rem; padding: 1.6rem; background-color: #F8F8F8; border-radius: .8rem; color: #333; line-height: 1.324; gap: 0.6rem; } 
.pads-list .more [class*="point"] { line-height: 1;font-size: 2rem; } 
.pads-list .more [class^="ri-"]:last-child { line-height: 1; color: #333; } 
.pads-intro .conclude-txt {display: block;margin: 2.4rem 0;padding: 2.4rem 3.2rem;background-color: #00754A;border-radius: 50rem;text-align: center;color: #fff;font-weight: 700;font-size: 1.9rem; } 

/* 데이터 보안 */
[class*="btn-variation"] {display: inline-block;padding: 1.2rem 2.2rem 1.2rem 1.6rem;background:#00754A url('../../images/bbd/sub/variation_bg.svg') right 0 no-repeat;border-radius: 4rem;color: #fff; } 
[class*="btn-variation"] .icon {display: inline-block;width: 4rem;height: 4rem;margin-right: 1.2rem;background-color: rgba(255, 255, 255, .2);border-radius: 4rem; text-align: center; vertical-align: middle; line-height: 2.8; } 
.btn-variation02 {background-color: #275EA5; } 

/* 공통 박스 */ 
.color-box {border-radius: .8rem;border: 1px solid #D8D8D8;background: #F8F8F8;padding:6.3rem 4rem;text-align:center; } 
.color-box.video { padding:5rem 10rem; }
 
/* 서브 공통버튼 */
.common-btn-wrap {margin-top:4rem;display:flex;justify-content: center;gap:.8rem;flex-wrap:wrap; } 
.common-btn {padding:1.2rem 1.6rem;border-radius:.2rem;display:flex;align-items:center;gap:.8rem;flex-shrink:0;border:0; } 
.common-btn { text-decoration:none !important; }
.common-btn:before {content:"";display:block;font-size:1.5rem;font-family:"remixicon" }
.common-btn span {font-size:1.6rem;font-weight:400;line-height:150%; } 
.common-btn.type01 {border:1px solid #8E8E8E; } 
.common-btn.type01 span {color:#333; } 

.common-btn.type02 {background:#00754A; } 
.common-btn.type02:before {content:"\eb7b";color:#fff; } 
.common-btn.type02 span {color:#fff; } 

.common-btn.type03 {background:#333; } 
.common-btn.type03:before {content:"\eebe";color:#fff; } 
.common-btn.type03 span {color:#fff; } 
.common-btn.type04 { background:#F8F8F8;border:1px solid #D8D8D8; }
.common-btn.type04:before {content:"\f0d1";color:#333; }  
.common-btn.type04 span {color:#333; }

.common-btn.type05 { background:#00A140;border:1px solid #00A140; }
.common-btn.type05:before {content:"\eb7b";color:#fff; }  
.common-btn.type05 span {color:#fff; }    

.common-btn.type06 {border:1px solid #8E8E8E; } 
.common-btn.type06:before {content:"\ec5a";color:#333; }   
.common-btn.type06 span {color:#333; }   



.common-btn.small { border-radius:.8rem; padding:.4rem .8rem; } 
.common-btn.small span { font-size:1.6rem; font-weight:400; } 
.common-btn.icon-none:before { display:none; } 

/* 컬러 */
.bg-color01 { background:#F3FBF6 !important; }
.bg-color02 { background: rgba(41, 68, 161, 0.05) !important;}
.bg-color03 { background: rgba(189, 44, 122, 0.05) !important;}

/* 폰트컬러 */
.txt-color01 { color:#00A140 !important; }
.txt-color02 { color:#275EA5 !important; }
.txt-color03 { color:#71A02E !important; } 

/* 사전신청 단계 */ 
.step-list { margin-bottom:7.2rem; } 
.step-list ul { display:flex; width:100%; justify-content: space-between; position:relative; } 
.step-list ul li { display:flex; gap:1.6rem; width:25%; position:relative; justify-content: center; } 
.step-list ul li .icon { width:8rem; height:8rem; border:1px solid #D8D8D8; border-radius:50%; display:flex; align-items:center; justify-content: center; } 
.step-list ul li .icon img:last-child { display:none; } 
.step-list ul li .cont { display: flex; flex-direction: column; justify-content: center; gap:.4rem; } 
.step-list ul li:before { content:""; display:block; font-family:"remixicon"; content:"\ea6d"; font-size:2.8rem; color:#8E8E8E; position:absolute; top:50%; transform:translateY(-50%); left:-1.4rem; } 
.step-list ul li:first-child { justify-content: flex-start; } 
.step-list ul li:last-child { justify-content: flex-end; } 
.step-list ul li:first-child:before { display:none; } 
.step-list ul li:first-child+li:before { left:-4rem; } 
.step-list ul li:last-child:before { left:2rem; } 
.step-list ul li .cont em { color:#555; font-family: Pretendard; font-size: 1.8rem; font-style: normal; font-weight: 400; line-height: 150%; } 
.step-list ul li .cont strong { color:#1D1D1D; font-size: 2rem; font-style: normal;font-weight: 700; line-height: 150%; } 
.step-list ul li.on .icon { background:#00754A; border-color:#00754A; } 
.step-list ul li.on .icon img:first-child { display:none; } 
.step-list ul li.on .icon img:last-child { display:block; } 
.step-list ul li:has(~ .on) .icon { background:#eee; border-color:#eee; } 
.border-box { padding:2.4rem; border-radius: .8rem; border: 1px solid #D8D8D8; background: #FFF; } 
.blit-txt { display:flex; gap:.5rem; } 
.blit-txt i { font-style:normal; } 
@media (max-width:1280px){
.step-list ul li { flex-direction: column;align-items: center; }
.step-list ul li .cont { text-align:center; }
}
@media (max-width:640px){
	.step-list ul { align-items:flex-start; }
	.step-list ul li:before { font-size:2.4rem; }
	.step-list ul li:first-child+li:before { left:0; }
	.step-list ul li:last-child:before { left:0; }
	.step-list ul li .icon { width:7rem;height:7rem; }
	.step-list ul li .icon img { width:3rem; }
	.step-list ul li .cont em { font-size:1.6rem; } 
	.step-list ul li .cont strong { font-size:1.8rem;line-height:135%; }
}
@media (max-width:480px){
	.step-list ul li .icon { width:5rem;height:5rem; }
	.step-list ul li .icon img { width:2rem; }
	.step-list ul li .cont strong { font-size:1.6rem; }
}

 
/* 개인정보텍스트 */
.privacy strong { color:#333; font-size: 1.8rem; font-style: normal; font-weight: 700; line-height: 150%; margin-top:1.6rem; display:block; } 
.privacy p { color:#333; font-size: 1.8rem; font-style: normal; font-weight: 400; line-height: 150%; } 

/* 체크박스 */  
.check-wrap { margin-top:1.6rem; display:flex; gap:2.3rem; } 
.check-box { display:flex; justify-content: center; } 
.check-box input { display:none; }  
.check-box label i { position:relative; width: 1.8rem; height: 1.8rem; flex-shrink: 0; display:flex; border:1px solid #8E8E8E; border-radius:.2rem;margin-top:.2rem; } 
.check-box label i:before { font-weight:bold; content:"\eb7a"; display:block; font-family:"remixicon"; font-size:1.4rem; display:none; position:absolute; top:50%; left:50%; transform:translate(-60%, -50%); } 
.check-box label { display:flex; gap:.6rem; } 
.check-box input[type="radio"]:checked+label i { background:#00754A; border-color:#00754A; } 
.check-box input[type="radio"]:checked+label i:before { display:block; color:#fff; } 
.check-box input[type="checkbox"]:checked+label i { background:#00754A; border-color:#00754A; } 
.check-box input[type="checkbox"]:checked+label i:before { display:block; color:#fff; } 
@media (max-width:640px){
	.check-wrap { gap: 1rem;flex-direction: column;align-items: flex-start; }
}

/* 라디오 둥근 타입 */
.check-box.circle label i { border-radius:50%; }
.check-box.circle label i:before { transform: translate(-50%, -50%); width: 60%; height: 60%;border-radius:50%; }
.check-box.circle input[type="radio"]:checked+label i:before { content:"";background:#fff; }

/* 등록 */
.tstyle_write > tbody > tr > th { padding:1.4rem 2rem; font-size:1.8rem; font-weight:700; color:#333; background:#F8F8F8; } 
.tstyle_write > tbody > tr > td { color: var(--text-body, #333); font-size: 1.8rem; font-style: normal; font-weight: 400;line-height: 150%; }  
@media (max-width:640px) {.tstyle_write > tbody > tr { display:block; } 
.tstyle_write > tbody > tr > th { display:block; border:0; border-top:1px solid #D2D8DD } 
.tstyle_write > tbody > tr > th:first-child { border-bottom:1px solid #D2D8DD; } 
.tstyle_write > tbody > tr > td { display:block; border:0; } 
.tstyle_write tr:last-child th, .tstyle_write tr:last-child td { border-bottom:0; } 
}
 
/* 인풋 */
.input { gap:1rem; display:flex; } 
.input div { display:flex; gap:.8rem; align-items:center; } 
.input div input[type="text"],
.input div input[type="password"],
.input div select, 
.input div button { height:4rem; } 
.input div select { font-size:1.5rem;min-width:10rem; } 
.input div button { padding:0 2.7rem; display:flex; border-radius: .4rem; background:#1D1D1D; justify-content: center;align-items: center; } 
.input div button span { color:#fff; font-size:1.5rem; font-weight:400; } 
.input.file div button { height:4rem; border-radius:.3rem; padding:0 2.2rem; background:#1D1D1D; } 
.input.file div button span { color:#fff; } 
.input.file div input { max-width:26rem; width:100%; } 
.input.date div button { width:4rem; height:4rem; border-radius:.3rem; padding:0 1rem; background:#1D1D1D; align-items: center;display: flex; justify-content: center; } 
.input.date div button i { color:#fff; font-size:1.5rem; } 
.input.date div button span { color:#fff; } 
.input.date div input { max-width:26rem; width:100%; } 
@media (max-width:1024px) {
.tstyle_write .input { flex-direction: column; } 
} 
@media (max-width:640px) {
.tstyle_write .input.file div input { max-width:100%; } 
.tstyle_write .input.date div input { max-width:100%; } 
}

/* 아이프레임 */ 
.video-wrap { max-width:132rem; width:100%; margin:0 auto; height: 0; padding-bottom: 56.25%; position:relative; } 
.video-wrap iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } 

.pdf-wrap { padding-top:103.5%; } 
@media (max-width:640px) {
	.pdf-wrap { padding-top:140%; }  
}

/* pdf */
.pdf-wrap2 { height:60rem; } 

/* 동의서 */
.agree-list { display:flex; flex-direction: column; gap:.8rem; } 
.agree-list-item { padding:2.4rem; border-radius: .8rem; background:#F8F8F8; display:flex; justify-content: space-between; } 
.agree-list-item .agree-pop-btn { display: flex; padding: .4rem .8rem; align-items: center; border:1px solid #D8D8D8; background: #FFF; height:3.4rem; flex-shrink:0; } 

/* 팝업 */
.popup-wrap { position:fixed; top:0; left:0; z-index:100; width:100%; height:100%;display:none; } 
/* .popup-wrap.on { display:block; } */  
.popup-wrap .popup-bg { position:fixed; top:0; left:0; background: rgba(0, 0, 0, 0.40); width:100%; height:100%; } 
.popup-wrap .popup { position:fixed; top:50%; left:50%; transform:translate(-50%, -50%); background:#fff; padding:4rem; max-width:1000px; width:100%; border-radius:.8rem; max-height: 90vh; overflow-y: auto;} 
.popup-wrap .popup .popup-title { margin-bottom:3.2rem; padding-right:2.5rem; } 
.popup-wrap .popup .popup-title strong { color:#1D1D1D; display:block; font-size:2.3rem; font-weight:700; } 
.popup-wrap .popup .popuo-cont { max-height:52rem; overflow-y:auto; }  
.popup-wrap .popup .popup-close { position: absolute; top:4rem; right:4rem; } 
.popup-wrap .popup .popup-close i { font-size:2.4rem; color:#1D1D1D; } 
.popup-wrap .popup .popuo-cont .pop-search-top { padding:3.2rem; border-radius: .8rem; background:#F8F8F8; margin-bottom:3.2rem; display:flex; flex-direction: column; gap:2.4rem; align-items: center; } 
.popup-wrap .popup .popuo-cont .pop-search-top .input div select { min-width:12rem; } 
.popup-wrap .popup .popuo-cont .pop-search-top .input.col02 { gap:1rem 2.4rem; } 
@media (max-width:640px) {
.popup-wrap .popup { height:100%; border-radius:0; transform:none; left:0; top:0;padding:4rem 2rem; } 
.popup-wrap .popup .popuo-cont { height:100%; } 
.popup-wrap .tstyle_list thead th, .popup-wrap .tstyle_list tbody th { padding:1.2rem 1rem;font-size:1.4rem; }
.popup-wrap .tstyle_list th, .popup-wrap .tstyle_list td { padding:1.2rem 1rem;font-size:1.4rem; } 
.popup-wrap .table_wrap .tstyle_list { min-width:640px; } 
.popup-wrap .popup .popup-close { right:2rem; }
.popup-wrap .popup .popuo-cont .pop-search-top .input.col02 { width:100%; }
.popup-wrap .popup .popuo-cont .pop-search-top .input.col02 div { flex-direction: column;width:100%;align-items: flex-start; }
.popup-wrap .popup .popuo-cont .pop-search-top .input.col02 div select { width:100%; }
.popup-wrap .popup .popuo-cont .pop-search-top .input div select { width:100%; }
.popup-wrap .popup .popuo-cont .pop-search-top .input { width:100%;flex-direction: column; }
.popup-wrap .popup .popuo-cont .pop-search-top .input div { flex-direction: column; } 
.popup-wrap .popup .popuo-cont .pop-search-top .input div input { width:100%; }
.popup-wrap .popup .popuo-cont .pop-search-top .input div button { margin:0 auto; }
}

/* 참여자 현황 */ 
.total-join { padding:4rem; display:flex; flex-direction: column; gap: 2.4rem; background:#F8F8F8; border:1px solid #D8D8D8; border-radius:.8rem; } 
.total-join .total-join-title { display:flex; justify-content: space-between; align-items:center; } 
.total-join .total-join-title span:first-child { color:#333; font-size: 2.4rem; font-style: normal; font-weight: 400; line-height: 150%; display:flex; gap:.4rem; } 
.total-join .total-join-title span:first-child b { color:#00754A; font-size: 2.4rem; font-style: normal; -weight: 700;line-height: 150%; } 
.total-join .total-join-percent { display:flex; width:100%; gap:.8rem; } 
.total-join .total-join-percent span { display:flex; border-radius:.8rem; height:6.4rem; justify-content: center;align-items: center; color:#fff; padding:0 2rem; } 
.total-join .total-join-percent span:nth-child(1) { background:#00A140; } 
.total-join .total-join-percent span:nth-child(2) { background:#3562CD; } 
.total-join .total-join-percent span:nth-child(3) { background:#71A02E; } 
.total-join-value { display:flex; gap:2.4rem; justify-content: center; } 
.total-join-value span { display:flex; align-items: center; gap:.6rem; } 
.total-join-value span:before { content:""; width:.8rem; height:.8rem; display:block; } 
.total-join-value span:nth-child(1):before { background:#00A140; } 
.total-join-value span:nth-child(2):before { background:#3562CD; } 
.total-join-value span:nth-child(3):before { background:#71A02E; } 
@media (max-width:480px) {
	.total-join { padding:4rem 2rem; } 
}


/* 참여자 현황 검색부분 */
.join-search {padding:2.4rem 2rem;border-radius: .8rem;background: var(--background, #F8F8F8); display: flex; justify-content: center;}

/* 참여기관 지도 */
.map-area-wrap { display:flex;gap:4rem; }   
.map-area-wrap .map-area { align-self: flex-start;width:33%; background:#F8F8F8;padding:4.3rem 3.9rem;border:1px solid #D8D8D8;border-radius:.8rem; } 
.map-area-wrap .map-area .map-area-inner { position:relative;}    
.map-area-wrap .map-area .map-area-inner svg a.on>rect { fill:#00754A; }
.map-area-wrap .map-area .map-area-inner svg a.on>g rect { background:#fff; }
.map-area-wrap .map-area .map-area-inner svg a.on g path { fill:#B999D1; }
.map-area-wrap .map-area .map-area-inner svg a.on>g text { fill:#fff; } 
.map-area-wrap .map-area .map-area-inner svg a.on>g:last-child>text { fill:#71A02E; }     
.map-area-wrap .map-area img { position:absolute;top:0;left:0;width:100%;height:100%;z-index:0; }    
.map-area-wrap .map-area svg { position:relative;max-width:100%;width:auto;height:auto; }
.map-area-wrap .map-info { width:63%; }  
 @media (max-width:1200px){     
 .map-area-wrap { flex-direction: column; }
 .map-area-wrap>div { width:100% !important; } 
 .map-area-wrap .map-area img { width:auto;height:auto;left:50%;transform: translateX(-50%); }  
 .map-area-wrap .map-area { text-align:center; }
}   

.photo_list.album_type01 .thumb { height:30rem;border-radius:.8rem; }
.sort { display:flex;gap:.8rem;align-items:center; }
.sort .sort-tit { display:inline-flex;padding:.5rem 1.2rem;border-radius:.3rem;color:#fff; }
.sort .sort-tit.type01 { background:#71A02E; }
.sort .sort-tit.type02 { background:#00754A; }
.sort .sort-tit.type03 { background:#275EA5; }
.sort .sort-tit.type04 { background:#4AA88C; }
.sort .sort-tit.type05 { background:#CBBE27; }
.sort .sort-tit.type06 { background:#8E8E8E; }
.sort .sort-tit.type07 { background:#517da2; }
.sort .sort-ing { font-size:1.5rem;font-weight:500; }
.sort .sort-ing.type01 { color:#71A02E; }
.sort .sort-ing.type02 { color:#9E9E9E; }

.photo_list.album_type01 .desc { font-size:1.9rem;font-weight:700;color:#1D1D1D;max-height:5.5rem;height:auto; }
.photo_list.album_type01 .etc_info span i { font-size:2rem;color:#555; }
.photo_list.album_type01 .etc_info span .value { color:#555;font-size:1.7rem;font-weight:400; }   

.solt-view-top { padding:4rem 12rem;background:#F8F8F8;display:flex; gap:6.4rem; border-top:2px solid #00754A; }
.solt-view-img { width:30rem;height:30rem;overflow:hidden;flex-shrink:0;border-radius:.8rem; }
.solt-view-img img { object-fit:cover;width:100%;height:100%; }
.solt-view-info { display:flex;flex-direction: column;justify-content: center; }
.solt-view-top .sort { margin-bottom:1.2rem; }
.solt-view-top strong {margin-bottom:4rem; color:#1d1d1d;font-size: 2.4rem;font-style: normal;font-weight: 700;line-height: 140%;display:block; }
.solt-view-top ul { display:flex;gap:1.2rem;flex-direction: column; }
.solt-view-top ul li { display:flex; }
.solt-view-top ul li span:first-child { min-width:7rem;padding-right:2.4rem;color:#00754A;font-size: 1.8rem;
font-style: normal;font-weight: 500;line-height: normal;flex-shrink:0;position:relative;margin-right:2.4rem; } 
.solt-view-top ul li span:first-child:before { content:""; display:block;height:1.6rem;width:1px;position:absolute;top:0;right:0;background:#D9D9D9; }
.solt-view-top ul li span:nth-child(2) { color:#333;font-size: 1.8rem;font-style: normal;font-weight: 400;line-height: normal;}
 @media (max-width:1280px){
 	.solt-view-top { padding:4rem 6rem;gap:4rem; } 
 } 
   
 @media (max-width:640px){
 	.solt-view-top { flex-direction: column; padding:4rem 2rem; }
 	.solt-view-img { width:100%; }
}
    
/* 서브콘텐츠 탭 */
.sub-quick { margin-bottom:4rem;padding:2rem 0; z-index:3;position:relative;width:100%; max-width:1400px; }      
.sub-quick.fixed { position:fixed;top:9rem;left:50%;transform: translateX(-50%); }      
.sub-quick:before { width:100vw;left:50%;top:0;transform:translateX(-50%); position:absolute; background:#fff;content:"";height:100%; }   
.sub-quick ul { display:flex;position:relative;z-index:1;overflow-x: auto; }  
.sub-quick ul::-webkit-scrollbar { width: 5px; height: 3px;}
.sub-quick ul::-webkit-scrollbar-thumb { background-color: #C0C0C0; }   
.sub-quick ul::-webkit-scrollbar-track { background-color: transparent; }
.sub-quick ul li { flex-shrink:0;flex:1; }  
.sub-quick ul li a { position:relative; height:7.6rem;padding:0 1.2rem;background:#F8F8F8;display:flex;align-items:center;border: 1px solid #D8D8D8; border-left:0; justify-content: center; } 
.sub-quick ul li:first-child a { border-left:1px solid #D8D8D8; }     
.sub-quick ul li a:before { width:0;height:.5rem;position:absolute;top:-1px;left:50%;background:#00754A;content:"";display:block;opcity:0; transform:translateX(-50%); transition:all .5s; }
.sub-quick ul li a span { font-size:1.6rem;line-height:1.1;text-align:center;color:#1D1D1D; }  
.sub-quick ul li a.on { transition:all .5s; }     
.sub-quick ul li a.on span { font-weight:700;color:#00754A; }     
.sub-quick ul li a.on:before { width:100%;opacity:1; }      
.sub-quick ul li a:hover span { text-decoration: underline; }          
@media (max-width:1024px){
	.sub-quick ul li { flex:0; }
	.sub-quick ul li a { min-width:14rem; }
}