@charset 'utf-8';

/* 센터안내 */
.mapInfo{background: #fafafa; border: 1px solid #bbb; padding: 3rem 4rem;}
.mapInfo dl{display: flex;}
.mapInfo dl ~ dl{border-top: 1px solid #eae9e9; margin-top: 3rem; padding-top: 3rem; }
.mapInfo dl dt{flex-shrink: 0; width: 11rem; font-size: 1.3rem; font-weight: 700; color: #000;}
.mapInfo dl dd{font-size: 1rem; width: 100%;}
.mapInfo dl dd .flexWrap{display: flex; justify-content: space-between;}
.mapInfo dl dd .flexWrap .item{flex: 1;}

/* 사업안내 */
.visionWrap{display: flex; background: #f6f6f6; border-radius: 5rem; }
.visionWrap ~ .visionWrap {margin-top: 1.5rem;}
.visionWrap > span{display: flex; flex-shrink: 0; align-items: center; justify-content: center; width: 9.25rem; border-radius: 5rem; background: var(--menuColor1); color: #fff; font-weight: 700; font-size: 1.35rem;}
.visionWrap .txtWrap{padding: 1rem ;}
.visionWrap .txtWrap .tit{font-size: 1.2rem; font-weight: 700; color: #000;}
.visionWrap .txtWrap .txt{margin-top: 0.5rem;}
.visionWrap .txtWrap .txt span{margin-right: 1rem;}

.step_st1{ margin: 3rem 0; display: flex; flex-wrap: wrap;}
.step_st1 .item{margin-bottom: 2rem; width: 25%; border-left: 1px solid #cfcfcf; padding: 1.5rem;}
.step_st1 .item:nth-child(3n),
.step_st1 .item:last-child{border-right: 1px solid #cfcfcf;}
.step_st1 .item .tit{position: relative; padding-left: 2rem; font-size: 1.1rem; font-weight: 700; color: #000; margin-bottom: 1.5rem;}
.step_st1 .item .tit .num{position: absolute; left: 0; top: -0.6rem; font-size: 2.5rem; font-weight: 500; color: var(--menuColor1); line-height: 1; }
.step_st1 .item p:not(.tit){line-height: 1.5rem;}

.hLights{margin-bottom: 0.5rem; font-size: 1.1rem; font-weight: 700; color: #000; display: inline-block; background: linear-gradient(to bottom, transparent 50%, var(--mainColor) 50%); padding: 0 0.5rem;}
.hLights ~ .hLights{margin-top: 2rem;}

/* 오시는길 - 경기 */  
.map_list{border-top:2px solid #000;position:relative; background: #fff;}
.map_list li .heading{overflow:hidden;padding:10px 0 ;border-bottom:1px solid #c4ccd6;height:50px;display:table;width:100%}
.map_list li .heading p>span{float:left;position:relative;padding:0 20px;font-weight:300;display:table-cell;vertical-align:middle}
.map_list li .heading p>span:after{content:'';border-right:1px solid #c4ccd6;padding-left:20px}
.map_list li .heading p{float:left;cursor:pointer;font-weight:300;width:98%;min-height:30px;padding:5px 0}
.map_list .con_box{display:none}
.map_list .tit{position: relative;}
.map_list .tit::after { content: "\ea4d"; font-family: 'remixicon'; position: absolute; right: 1rem; top:0.3rem }
.map_list .active .tit::after { content: "\ea77";}
.map_list .con_box{ padding:20px;border-bottom:1px solid #000}
.map_list .con_box .traffic_btn,
.map_list .con_box .traffic_btn2{overflow:hidden}
.map_list .con_box .traffic_btn li{float:left;width:33%;margin-bottom:10px}
.map_list .con_box .traffic_btn2 li{float:left;width:25%;margin-bottom:10px}
.map_list .con_box .traffic_btn li a,.map_list .con_box .traffic_btn2 li a{width:95%}
.map_list .con_box  .box_white{background:#fff;padding:10px;}

/* 대전rise센터 */
.subLayout.dj {
    background: linear-gradient(to bottom, #ffffff, #f1f1f1); 
}
.wrap.dj {
    width: 100%;
    margin:  0 auto;
    text-align: center;
    padding: 3rem 0 !important;
}
.wrap.dj .txt {
    margin: 2rem 0;
}
.wrap.dj .txt p {
    font-size: 1.8rem;
    font-weight: 600;
    color: #00325B;
}
.wrap.dj .txt span {
    font-size: 2rem;
    color: #22A466;
}
.wrap.dj h1 a img {
    height: 40px;
}
.wrap.dj .content {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2rem;
}
.wrap.dj .content a {
    background-color: rgb(238, 245, 238);
    width: 100%;
    height: 100%;
    min-height: 400px;
    border-radius: 1rem;
    transition: transform 0.3s ease;
    border: 1px solid #22A466;
}
.wrap.dj .content a.join {
    background-color: rgb(243, 243, 243);
    border: 1px solid #8eac9e;
}
.wrap.dj .content a:hover {
    transform: translateY(-10px); /* 첫 번째 카드를 위로 띄움 */
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
}
.wrap.dj .content a .img {
    background-size: 100%;
    width: 100%;
    max-width: 250px;
    height: 70%;
    margin: 0 auto;
}
.wrap.dj .content a .img.dj1 {
    background: url(../../dj/images/sub/img_dj1.svg) no-repeat center center ;
    background-size: 100%;
}
.wrap.dj .content a .img.dj2 {
    background: url(../../dj/images/sub/img_dj2.svg) no-repeat center center ;
    background-size: 100%;
}
.wrap.dj .content a .img.dj3 {
    background: url(../../dj/images/sub/img_dj3.svg) no-repeat center center ;
    background-size: 100%;
}
.wrap.dj .content a .tit {
    font-size: 1.6rem;
    font-weight: 600;
}
.wrap.dj .content a span {
    font-size: .8rem;
    color: #00325B;
}
.wrap.dj .content a span:hover {
    text-decoration: underline;
}
.wrap .address {
    margin: 2rem 0;
    color: #555;
}


@media (max-width:1024px){
    /* 사업안내 */
    .visionWrap{display: block; border-radius: 1rem;}
    .visionWrap > span{width: 100%;}
    .visionWrap .txtWrap{text-align: center;}
    .visionWrap .txtWrap .tit{font-size: 1rem;}
    .step_st1 .item{width: 50%;}
    .step_st1 .item:nth-child(3n), .step_st1 .item:last-child{border-right: 0;}
    .hLights{display: inline;}
    .hLights ~ .list_st1{margin-bottom: 2rem;}

}

@media (max-width:768px){

	/* 센터안내 */
	.mapInfo{padding: 2rem;}
    .mapInfo dl{display: block;}
    .mapInfo dl ~ dl{margin-top: 1rem; padding-top: 1rem;}
    .mapInfo dl dt{width: 100%; margin-bottom: 1rem;}

    /* 사업안내 */
    .step_st1 .item{width: 100%; border:0; padding: 1rem; margin:0;}

    /* 오시는길 */
    .map_list li .heading p{padding-right: 2rem;}

    .wrap.dj .content {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 2rem;
    }
	
}
@media (max-width:420px){

	/* 센터안내 */
    .mapInfo dl dd .flexWrap{display: block;}
	
}




/* default setting */
* {box-sizing: border-box; text-decoration: none; list-style: none; margin: 0; padding: 0; }
*::after, *::before {margin: 0 auto; padding: 0; box-sizing: border-box;}
html, body {font-family: 'pretendard'; font-size: 18px; color:#333; line-height: 1.3;font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif; overflow-x: hidden;}
/* html::-webkit-scrollbar{ display: none;} */
/* body::-webkit-scrollbar { display: none;} */
img {display: inline; border: 0;}
a {color: inherit; text-decoration: none;}
ol, ul, li {list-style: none;}
em {font-style: normal;}
strong, b {font-weight: 600;}
sub, sup {font-size: 0.7rem;}
fieldset {border: 0;}
button {font-family: 'pretendard'; font-size: 18px; line-height: 1; background: none; border: none;}
textarea {resize: none;}
table {border-collapse: collapse; border-spacing: 0;}
legend, caption {font-size: 0; line-height: 0; overflow: hidden; width: 0; height: 0; text-indent: -999999999px;}
input[type="text"] {box-sizing: border-box;}
img {max-width: 100%;}


/* input */
input[type="text"]{height: 1.7rem; border: 1px solid #757575; border-radius: 0.25rem;}
input:read-only{background: #ddd; border: 1px solid #bbb;}
input[type="checkbox"]:focus,input[type="radio"]:focus{outline:3px dotted #aaa;outline-offset:0}
select{height: 1.7rem; margin: 0 0 0 1rem; border-radius: 0.25rem;}

@font-face { font-family: "paperlogy-1";  src: url("../webfonts/Paperlogy-1Thin.woff");}
@font-face { font-family: "paperlogy-2";  src: url("../webfonts/Paperlogy-2ExtraLight.woff");}
@font-face { font-family: "paperlogy-3";  src: url("../webfonts/Paperlogy-3Light.woff");}
@font-face { font-family: "paperlogy-4";  src: url("../webfonts/Paperlogy-4Regular.woff");}
@font-face { font-family: "paperlogy-5";  src: url("../webfonts/Paperlogy-5Medium.woff");}
@font-face { font-family: "paperlogy-6";  src: url("../webfonts/Paperlogy-6SemiBold.woff");}
@font-face { font-family: "paperlogy-7";  src: url("../webfonts/Paperlogy-7Bold.woff");}
@font-face { font-family: "paperlogy-8";  src: url("../webfonts/Paperlogy-8ExtraBold.woff");}
@font-face { font-family: "paperlogy-9";  src: url("../webfonts/Paperlogy-9Black.woff");}


:root {
    --main-green:#1ca466;
    --main-navy:#00315a;

    --color-ver1:#e3ffe3;
    --color-ver2:#9ed5a1;
    --color-ver3:#62aa62;
    --color-ver4:#348034;
    --color-ver5:#175515;
}

/* 2025-07-23 */
.subLayout {width: 100vw; position: relative; padding-top: 0; margin: 0 auto; font-size: 18px; }

#main-content.subLayout .wrap {max-width: 1760px;}
#main-content.subPage .wrap {width: 100%; max-width: 95vw !important;}
#main-content.subPage .wrap .section {padding: 3rem 0;}
#main-content.subPage .wrap .section:last-child {padding-bottom: 0;}

#main-content.subLayout .wrap.fullWidth {max-width: 100%;}

/*sub Visual*/
.visualWrap {width: 100%;  display: flex; flex-flow: column wrap;  align-items: center; justify-content: center; }
.visualWrap .visualArea {max-width: 100vw;  padding: 1rem;  background: url('../images/sub/subVisual01.jpg') center center / cover no-repeat ; width: 100%; min-height: 330px; position: relative;     overflow: hidden; display: flex; flex-flow: column wrap; align-items: center; justify-content: center;}
#main-content .visualWrap .visualArea .nav-wrap {max-width: 1760px; margin-top:3.5rem; border-bottom: 0; padding-bottom: 0; flex-flow: column wrap; align-items: center; justify-content: center; gap: 1rem;}
#main-content .visualWrap .visualArea .nav-wrap .tit {font-size: 2rem; color: #fff;}
#main-content .visualWrap .visualArea .nav-wrap .nav {font-size: 1rem; color: #fff;}
#main-content .visualWrap .visualArea .userWrap {position: absolute; bottom: 0; left: 0; margin: 0 auto; width: 100%;}
#main-content .visualWrap .visualArea .userWrap .userArea {display: flex; flex-flow: row wrap; align-items: center; justify-content: center; gap: 1rem; width: 100%; max-width: 70%; margin: 0 auto;}
#main-content .visualWrap .visualArea .userWrap .userArea .userList {font-size: 0.9rem; background-color: #ededed; border-radius: 0.5rem 0.5rem 0 0; min-width: 125px; text-align: center; font-weight: 500; flex: 1; }
#main-content .visualWrap .visualArea .userWrap .userArea .userList.active {font-weight: 700; background-color: #00648f; color: #fff;}
#main-content .visualWrap .visualArea .userWrap .userArea .userList a { height: 100%; width: 100%; display: inline-flex; justify-content: center;  align-items: center; padding: 0.5rem 1rem; }
.user-page-Cont.active {display: flex;}
.user-page-Cont {display: none; width: 100%;}

/* 서브비주얼 선택 사용 */
.visualWrap .visualArea.ver1 { background-image: url('../images/sub/subVisual01.jpg');}
.visualWrap .visualArea.ver2 { background-image: url('../images/sub/subVisual02.jpg');}
.visualWrap .visualArea.ver3 { background-image: url('../images/sub/subVisual03.jpg');}
.visualWrap .visualArea.ver4 { background-image: url('../images/sub/subVisual04.jpg');}
.visualWrap .visualArea.ver5 { background-image: url('../images/sub/subVisual05.jpg');}
.visualWrap .visualArea.ver6 { background-image: url('../images/sub/subVisual06.jpg');}
.visualWrap .visualArea.ver7 { background-image: url('../images/sub/subVisual07.jpg');}


/*subPage top tab*/
.subpage-tabWrap {width: 100%; margin-bottom: 3rem;}
.subpage-tabWrap .sub-tabArea {display: flex; flex-flow: row nowrap; align-items: stretch; justify-content: space-between; overflow: hidden;}
.subpage-tabWrap .sub-tabArea .tab {flex: 1; font-size: 1rem; padding:0.7rem 0.5rem; background-color: #f0f0f0; text-align: center; font-weight: 500; cursor: pointer; overflow: hidden;}
.subpage-tabWrap .sub-tabArea .tab:first-child {border-radius: 0.5rem 0 0 0.5rem; overflow: hidden;}
.subpage-tabWrap .sub-tabArea .tab:last-child {border-radius: 0 0.5rem 0.5rem 0; overflow: hidden;}
.subpage-tabWrap .sub-tabArea .tab:hover {font-weight: 800;}
.subpage-tabWrap .sub-tabArea .tab.active {background-color: #fff; border: 1px solid var(--main-navy); color: var(--main-navy); font-weight: 800; box-sizing: border-box; }


/*탭마다 액티브 색상 다르게*/
.subpage-tabWrap.color .tab.active {box-shadow: none; color: #fff; border: none;}
.subpage-tabWrap.color .tab.active.color01 {background-color: #53b1ff;}
.subpage-tabWrap.color .tab.active.color02 {background-color: #008cff;}
.subpage-tabWrap.color .tab.active.color03 {background-color: #0076d6;}
.subpage-tabWrap.color .tab.active.color04 {background-color: #0058a0;}
.subpage-tabWrap.color .tab.active.color05 {background-color: #124269;}
.subpage-tabWrap.color .tab.active.color06 {background-color: #073052;}
.subpage-tabWrap.color .tab.active.color07 {background-color: #000d41;}

/*탭 컨텐츠*/
.subpage-tabWrap .sub-tabArea {}
.subpage-tabWrap .sub-tabArea .tab {cursor: pointer; border-right: 1px solid #fff;}
.subpage-tabWrap .sub-tabArea .tab:last-child {border-right: none;}
.subpage-tabWrap .sub-tabArea .tab.active {}
.subTab-content { display: none; }
.subTab-content.active {display: flex;}

/*탭별 색상 맞춘 데코 타이틀 컬러 -> 탭 color@ 코드 맞춰 사용*/
.subpage-Tab {font-size: 14px; padding: 5px 15px; border-radius: 1rem; overflow: hidden; color: #fff; font-weight: 600; margin-right: 10px;}
.subpage-Tab.color01 {background-color: #53b1ff;}
.subpage-Tab.color02 {background-color: #008cff;}
.subpage-Tab.color03 {background-color: #0076d6;}
.subpage-Tab.color04 {background-color: #0058a0;}
.subpage-Tab.color05 {background-color: #124269;}
.subpage-Tab.color06 {background-color: #073052;}
.subpage-Tab.color07 {background-color: #000d41;}

/*5대 프로젝트 탭*/
.subpage-tabWrap.projectTab {width: 100%; display: flex; flex-flow: row wrap; align-items: stretch; justify-content: space-between; gap: 1rem;}
.subpage-tabWrap.projectTab .proTit {width: 10%; font-family: "paperlogy-5"; display: flex;  flex-flow: column wrap;  align-items: center;  justify-content: center; background-color: var(--main-navy); color: #fff; border-radius: 0.5rem; text-align: center;}
.subpage-tabWrap.projectTab .sub-tabArea {flex: 1; gap: 1rem; overflow: visible;}
.subpage-tabWrap.projectTab .sub-tabArea .tab {position: relative; background-color: #fff; border: 2px solid; overflow: visible; border-radius: 0.5rem; display: flex;  flex-flow: column wrap;  align-items: center;  justify-content: center; padding: 2rem 1rem 1.5rem}
.subpage-tabWrap.projectTab .sub-tabArea .tab:hover {background-color: rgba(0,0,0,0.1);}
.subpage-tabWrap.projectTab .sub-tabArea .tab .subject {z-index: 1; position: absolute; top: -15px; font-size: 0.85rem; color: #fff; background-color: inherit; padding: 5px 20px; border-radius: 2rem; font-weight: 600;}
.subpage-tabWrap.projectTab .sub-tabArea .tab .tabIcon {margin-bottom: 0.5rem; filter: grayscale(1);}
.subpage-tabWrap.projectTab .sub-tabArea .tab .tabIcon img {max-height: 30px;}
.subpage-tabWrap.projectTab .sub-tabArea .tab .tabText {font-size: 1rem; color: #494949; font-weight: 700;}
.subpage-tabWrap.projectTab .sub-tabArea .tab .tabText br {display: none;}
.subpage-tabWrap.projectTab .sub-tabArea .tab.active .tabText {color: #fff;}
.subpage-tabWrap.projectTab .sub-tabArea .tab.active .tabIcon img {filter: brightness(100);}
.subpage-tabWrap.projectTab .sub-tabArea .tab.color01 {border-color: #6CA7FF;}
.subpage-tabWrap.projectTab .sub-tabArea .tab.color02 {border-color: #FF6CA7;} 
.subpage-tabWrap.projectTab .sub-tabArea .tab.color03 {border-color: #7DC370;}
.subpage-tabWrap.projectTab .sub-tabArea .tab.color04 {border-color: #FFAE67;}
.subpage-tabWrap.projectTab .sub-tabArea .tab.color05 {border-color: #BE89E6;}
.subpage-tabWrap.projectTab .sub-tabArea .tab.color01 .subject {background-color: #6CA7FF ;}
.subpage-tabWrap.projectTab .sub-tabArea .tab.color02 .subject {background-color: #FF6CA7 ;}
.subpage-tabWrap.projectTab .sub-tabArea .tab.color03 .subject {background-color: #7DC370 ;}
.subpage-tabWrap.projectTab .sub-tabArea .tab.color04 .subject {background-color: #FFAE67 ;}
.subpage-tabWrap.projectTab .sub-tabArea .tab.color05 .subject {background-color: #BE89E6 ;}
.subpage-tabWrap.projectTab .sub-tabArea .tab.color01.active {background-color: #6CA7FF ;}
.subpage-tabWrap.projectTab .sub-tabArea .tab.color02.active {background-color: #FF6CA7 ;}
.subpage-tabWrap.projectTab .sub-tabArea .tab.color03.active {background-color: #7DC370 ;}
.subpage-tabWrap.projectTab .sub-tabArea .tab.color04.active {background-color: #FFAE67 ;}
.subpage-tabWrap.projectTab .sub-tabArea .tab.color05.active {background-color: #BE89E6 ;}
.proTab-content .projectTab {width: 100%; border: 3px solid; border-radius: 1rem; padding: 2rem;}
.proTab-content .projectTab.color01 {border-color: #6CA7FF;}
.proTab-content .projectTab.color02 {border-color: #FF6CA7;} 
.proTab-content .projectTab.color03 {border-color: #7DC370;}
.proTab-content .projectTab.color04 {border-color: #FFAE67;}
.proTab-content .projectTab.color05 {border-color: #BE89E6;}
.proTab-content .projectTab .imgArea {width: 75%; margin: 0 auto;}


/* 가로형 공고 테이블 */
.postWrap {width: 100%; font-size: 18px;}
.postWrap .postArea {width: 100%;  border-bottom: 1px solid #ddd; display: flex; flex-flow: row wrap; align-items: stretch; justify-content: space-between; padding: 1.5rem 1rem; cursor: pointer; gap: 2rem;}
.postWrap .postArea:first-child {border-top: 1px solid #ddd;}
.postWrap .postArea:hover {background-color: rgba(0,0,0,0.1);}
.postWrap .postArea .contArea {display: flex; flex-flow: column wrap; align-items: flex-start; justify-content: flex-start; gap: 0.5rem; flex: 1;}
.postWrap .postArea .contArea .corp {font-size: 0.9rem; color: var(--main-navy); font-weight: 600;}
.postWrap .postArea .contArea .postTitle {color: #1d1d1d;}
.postWrap .postArea .contArea .dataArea {width: 100%; display: flex; flex-flow: row wrap; align-items: center; justify-content: flex-start; gap: 1rem; color: #a1a1a1; font-size: 0.9rem;}
.postWrap .postArea .contArea .dataArea .data {}
.postWrap .postArea .contArea .dataArea .data .bold {font-weight: 600;}
.postWrap .postArea .postIng {display: flex; flex-flow: column wrap; align-items: center; justify-content: center; gap: 0.5rem; font-size:0.8rem; }
.postWrap .postArea .postIng .expire {background-color: var(--main-navy); color: #fff; font-weight: 600; padding: 0.3rem 1rem; border-radius: 1rem;}
.postWrap .postArea .postIng .expire.done {background-color: #818181;}
.postWrap .postArea .postIng .expire.before {background-color: #6991ff;}
.postWrap .postArea .postIng .count {font-size: 1rem; font-weight: 800;}
.postWrap .postArea .postIng .count.ver1 {color: #0076d6;}
.postWrap .postArea .postIng .count.ver2 {color:#c41414;}
.postWrap .postArea .postIng .possible {font-size: 0.8rem; color: #818181; font-weight: 600;}

/*영상컨텐츠 페이지*/
.videoWrap {width: 100%; display: flex; flex-flow: row wrap;  justify-content: flex-start;; align-items: stretch; gap: 2rem; margin-bottom: 2rem;}
.videoWrap .videoBox {width: calc( ( 100% - 4rem ) / 3 ); overflow: hidden; position: relative; text-align:left; vertical-align: middle; display: flex; flex-flow: column wrap; }
.videoWrap .videoBox .imgArea {height: 300px; border-radius: 1rem; overflow: hidden; position: relative;}
.videoWrap .videoBox .imgArea img {width: 100%;object-fit: cover; display: block; object-position: center center; max-width: 100%; height: 100%;}
.videoWrap .videoBox .imgArea::after {content: '\f144'; position: absolute; background-color: rgba(0,0,0,0.35); width: 100%; top: 0; height: 100%;left: 0; font-family: 'Font Awesome 5 Free'; display: flex; flex-flow: column wrap; justify-content: center;  align-items: center; font-size: 2rem; color: #fff; }
.videoWrap .videoBox .imgArea:hover {border: 2px solid var(--main-navy); }
.videoWrap .videoBox .imgArea:hover::after {display: none;}
/* .videoWrap .videoBox .imgArea:hover::after {content:'바로가기 \f08e'; font-size: 0.9rem; font-weight: 600; display: inline-flex; transition: 0.2s ease-in-out;} */
.videoWrap .videoBox .textArea {font-weight: 600; font-size: 0.9rem;     display: -webkit-box; -webkit-line-clamp: 1;   -webkit-box-orient: vertical;  overflow: hidden; text-overflow: ellipsis;  word-break: break-all; position: absolute; left: 10px;  top: 15px;  color: #fff; padding: 0 10px;  max-width: calc(100% - 20px); line-height: 1;}
.videoWrap .videoBox:hover .textArea {color: var(--main-navy); font-weight: 700;}
.videoWrap .videoBox .textArea::before {content: '\f0c1'; margin-right: 5px; font-family: 'Font Awesome 5 Free'; font-size: 0.6rem; }

/* 게시글 상세보기 페이지 */
.boardWrap {width: 100%;margin: 0 auto; border-top: 3px solid #ccc; }
.boardWrap .boardTitle {padding: 1.5rem; width: 100%; text-align: center;}
.boardWrap .boardData {background-color: #f5f5f5; width: 100%; display: flex; flex-flow: row wrap; align-items: center; justify-content: center; gap: 3rem; padding: 1rem; font-size: 1rem; font-weight: 500; color: #1d1d1d; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;}
.boardWrap .boardData .data {}
.boardWrap .boardData .data span {font-weight: 700; margin-right: 0.5rem;}
.boardWrap .contArea {padding: 3rem; font-size: 1.1rem; font-weight: 500; color: #1d1d1d; text-align: center;}
.boardWrap .contArea p {margin-bottom: 1.5rem;}
.boardWrap .contArea p:last-child {margin-bottom: 0;}
.boardWrap .contArea .textArea {line-height: 1.5; text-align: justify;}
.boardWrap .contArea .textArea.first {}
.boardWrap .contArea .textArea .bold {font-weight: 600;}
.boardWrap .contArea .textArea .color {color: var(--main-green);}
.boardWrap .contArea .imgArea {}
.boardWrap .contArea .imgArea img {    max-height: 700px;}
.boardWrap .fileList {border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;}
.boardWrap .fileArea { display: flex; flex-flow: row wrap; align-items: stretch; justify-content: space-between; border-bottom: 1px solid #ccc;}
.boardWrap .fileArea:last-child {border-bottom: none;}
.boardWrap .fileArea .subject {width: 20%; text-align: center; background-color: #f5f5f5;padding: 0.5rem; font-weight: 700;}
.boardWrap .fileArea .fileName {flex: 1;padding: 0.5rem 1rem;}
.boardWrap .fileArea .fileName .fileDown {text-align: justify;}
.boardWrap .fileArea .fileName .fileDown:hover {font-weight: 600; color: var(--main-green);}
.boardWrap .fileArea .fileName .fileDown::before {content:'\f019'; font-family: 'Font Awesome 5 Free';  font-size: 0.8rem; font-weight: 600; display: inline-flex; margin-right: 5px;}
.boardWrap .fileArea .fileName .fileDown .capa {font-size: 0.85em; color: #929292;}
.boardWrap .fileArea .fileName .fileDown:hover .capa {color: var(--main-green);}


/*홍보요청 페이지*/
.askWrap {}
.askWrap .askVisual {width: 100%; display: flex; flex-flow: column wrap; align-items: flex-start; justify-content: center; padding: 5rem 7rem; /* background: url('../images/sub/askImg01.jpg') center right / cover no-repeat;*/  border-radius: 1rem; margin-bottom: 4rem; background: linear-gradient(to right, #f3faff, #f2f3ff); position: relative;} 
.askWrap .askVisual .askImg {position: absolute; right: 5%; bottom: 0;}
.askWrap .askVisual .titleArea {color: #232250; padding: 1rem 0 1rem 2rem; border-left: 5px solid; border-image: linear-gradient(to bottom, #12BC7F, #043BE1); border-image-slice: 1;}
.askWrap .askVisual .titleArea .mainTitle { margin-bottom: 1rem;}
.askWrap .askVisual .titleArea .mainTitle span {color: #008cff;}
.askWrap .askVisual .titleArea .smallTitle {font-size: 1rem; font-weight: 500;}
.askWrap .askVisual .titleArea .show_1024 {display: none;}
.applyWrap {width: 100%; display: flex; flex-flow: row wrap; align-items: stretch; justify-content: space-between; gap: 2rem; margin-bottom: 2rem;}
.applyWrap .applyBox {flex: 1; padding: 2rem 1.5rem 1.5rem; border-radius: 0.5rem;  border: 1px solid #ccc; position: relative;}
.applyWrap .applyBox .title {color: #fff; background:linear-gradient(45deg, #12BC7F, #043BE1); padding: 0.3rem 1.5rem; border-radius: 2rem; width: fit-content; position: absolute; top: -18px; left: 10px; font-size: 1.1rem;}
.applyWrap .applyBox .textArea {font-size: 1rem; font-weight: 600;}
.applyWrap .applyBox .textArea .text {margin-bottom: 0.5rem;}
.applyWrap .applyBox .textArea .text:last-child {margin-bottom: 0;}
.applyWrap .applyBox .textArea .text .icon {font-size: 0.85em; margin-right: 5px;color: #043BE1;}

.applyNotice {width: 100%; font-size: 0.95rem; margin-bottom: 4rem; }
.applyNotice .notiText {font-weight: 600; color: #3d3d3d; margin-bottom: 0.3rem;}
.applyNotice .notiText:last-child {margin-bottom: 0;}
.applyNotice .notiText span {color: #043BE1;}

.buttonWrap {display: flex; width: 100%; flex-flow: row wrap; align-items: stretch; justify-content: center; gap: 1rem;}
.buttonWrap .applyBtn {padding: 0.8rem 0 0.7rem; border-radius: 5px; font-size: 0.9rem; font-weight: 600; width: 15%; display: inline-block; transition: 0.2s ease-in-out;}
.buttonWrap .applyBtn:hover {transform: translateY(-10px);}
.buttonWrap .applyBtn.color1 {background-color: #043BE1; color: #fff;}
.buttonWrap .applyBtn.color2 {border: 1px solid #043BE1; color: #043BE1; background-color: #fff;}

/*홍보요청 확인 페이지*/
/* .askWrap .askVisual.ver2 {background-image: url('../images/sub/askImg02.jpg');} */
.askWrap .askVisual.ver2 .buttonWrap {align-items: flex-start; justify-content: flex-start; margin-top: 2rem;}
.askWrap .askVisual.ver2 .buttonWrap .applyBtn {flex: 1; border: none; }
.askWrap .askVisual.ver2 .buttonWrap .applyBtn:hover {transform: none; font-weight: 700; color: #fff; background-color: #012876;}

/*인증제 안내 페이지*/
/* .askWrap .askVisual.ver3 {background-image: url('../images/sub/askImg03.jpg');} */
.applyWrap.ver3 .textArea {}
.askWrap .askVisual .askImg {position: absolute; right: 5%; bottom: 50%; transform: translateY(50%);}
.applyWrap.ver3 .textArea li {display: flex; flex-flow: row nowrap; align-items: center; line-height: 1.8;}
.applyWrap.ver3 .textArea li .icon {display: inline-block; font-size: 0.4rem; margin-right: 5px; color: var(--main-green);}
.applyWrap.ver3 .textArea li .bold {font-weight: 700; min-width: 82px;}

/* .askWrap .askVisual.ver4 {background-image: url('../images/sub/askImg04.jpg'); margin-bottom: 0;} */
.askWrap .askVisual.ver4 .titleArea .mainTitle {margin-bottom: 0;}

/*기존 common.css 기반 추가 코드*/
.box_search.ver2 {justify-content: center; align-items: center; flex-flow: row nowrap;}
.box_search.ver2 .searchArea {margin-right: 1.5rem; flex-flow: row wrap; display: flex; align-items: stretch; justify-content: flex-start; gap:1rem;}
.box_search.ver2 .searchArea .box {display: flex; flex-flow: row wrap; align-items: center; justify-content: center; gap: 10px;}
.box_search.ver2 .tit.mgL1 {margin-left: 0 !important; min-width: 80px;}
.box_search.ver2 input {margin: 0 auto; min-width: 300px;}
.box_search.ver2 select {margin-left: 0 ;}
.box_search.ver2 [class*="btn_"] {padding: 0 1rem; min-width: 100px;}

.box_search.ver3 {justify-content: center; align-items: center; flex-flow: row nowrap;}
.box_search.ver3 .searchArea {margin-right: 1.5rem; flex-flow: row wrap; display: flex; align-items: stretch; justify-content: flex-start; gap:1.5rem; flex: 1; max-width: 70%;}
.box_search.ver3 .searchArea .box {display: flex; flex-flow: row wrap; align-items: center; justify-content: space-between; gap: 10px; flex: 1;}
.box_search.ver3 .tit.mgL1 {margin-left: 0 !important; min-width: 80px;}
.box_search.ver3 .searchArea .box .selectBox {flex: 1;}
.box_search.ver3 .searchArea .box .selectBox select {width: 100%;}
.box_search.ver3 input {margin: 0 auto; min-width: 300px;}
.box_search.ver3 select {margin-left: 0 ;}
.box_search.ver3 [class*="btn_"] {padding: 0 1rem; min-width: 100px;}

#main-content.subLayout .wrap .tit1.apply {margin-top: 0;}

.list_photo .item .itemLink .img {position: relative;}
.list_photo .item .itemLink .img .cate {position: absolute; top: 10px; left: 10px; border-radius: 1rem; background-color: var(--main-navy); padding: 4px 10px; color: #fff; font-size: 13px; z-index: 1; font-weight: 600;}

.certiTableWrap .certiTable thead tr th {border-right: 1px solid #ddd; font-weight: 700;}
.certiTableWrap .certiTable thead tr th:last-child {border-right: none;}
.certiTableWrap .certiTable tbody tr td {border-right: 1px solid #ddd; font-weight: 500;}
.certiTableWrap .certiTable tbody tr td:last-child {border-right: none;}
.certiTableWrap .certiTable tbody tr td .certiBtn {background-color: var(--main-navy); color: #fff; font-size: 0.9rem; padding: 0.5rem 1rem; border-radius: 5px;}
.certiTableWrap .certiTable tbody tr td .certiBtn .icon {margin-right: 5px;}

/*접수상태 버튼*/
.applyStateBtn {color: #ccc; text-align: center; font-weight: 700; }
.applyStateBtn.ver1 {color: #008cff;}
.applyStateBtn.ver2 {color: #fb861d;}
.applyStateBtn.ver3 {color: #47b55f;}
.applyStateBtn.ver4 {color: #fb3a3a;}
.applyStateBtn.ver1::before {content: '\f304'; font-family: 'Font Awesome 5 Free'; margin-right: 5px; font-size: 14px; width: fit-content;}
.applyStateBtn.ver2::before {content: '\f31c'; font-family: 'Font Awesome 5 Free'; margin-right: 5px; font-size: 14px; width: fit-content;}
.applyStateBtn.ver3::before {content: '\f058'; font-family: 'Font Awesome 5 Free'; margin-right: 5px; font-size: 14px; width: fit-content;}
.applyStateBtn.ver4::before {content: '\f057'; font-family: 'Font Awesome 5 Free'; margin-right: 5px; font-size: 14px; width: fit-content;}



/*인사말 페이지*/
.introWrap {width: 100%; max-width: 1440px; margin: 0 auto; display: flex; flex-flow: row wrap; align-items: center; justify-content: space-between; gap: 3rem; font-size: 1.2rem; font-weight: 500; color: #1d1d1d;}
.introWrap .imgArea {width: 35%;}
.introWrap .imgArea img {max-width: 100%;}
.introWrap .textArea {flex: 1; text-align: justify; word-break: break-all; line-height: 1.5;}
.introWrap .textArea .text {margin-bottom: 2rem;}
.introWrap .textArea .text:last-child {margin-bottom: 0;}
.introWrap .textArea .text .rise {color: #1b4cc9; font-weight: 700;}
.introWrap .textArea .text.head {font-weight: 700; font-size: 1.15em;color: #092a80;}
.introWrap .textArea .text.head .normal {margin-right: 0.5rem;}
.introWrap .textArea .text.head .accent {}


/*조직도*/
.groupIntro {width: 100%;  border-radius: 1rem; font-size: 1.15rem; font-weight: 500; text-align: center; }
.groupIntro .icon {margin-bottom: 1rem;}
.groupIntro .icon img {max-width: 60px;}
.groupIntro .text {line-height: 1.5; font-size: 1.35rem; font-weight: 600;}
.groupWrap {    width: 100%;  margin: 0 auto;  text-align: center;  display: flex;  flex-flow: column wrap;  align-items: center; justify-content: center;}
.groupWrap .imgArea {width: 100%; max-width: 70vw; margin-bottom: 2rem;}
.groupWrap .imgArea .web {display: block;}
.groupWrap .imgArea .mobile {display: none;}
.groupWrap .groupTable {width: 100%; background-color: #ccc; font-size: 1rem; font-weight: 500;}

/* RISE 사업개요 */
.summaryWrap {width: 100%; margin: 0 auto;}
.summaryWrap .sumArea {display: flex; flex-flow: row wrap; align-items: stretch; justify-content: space-between; width: 100%; gap: 1.52rem; margin-bottom: 1.5rem;}
.summaryWrap .sumArea:last-child {margin-bottom: 0;}
.summaryWrap .sumArea > * {border-radius: 0.5rem; padding: 1.5rem;}
.summaryWrap .sumArea .sumTitle {font-family: "paperlogy-4"; background-color: var(--main-navy); color: #fff; width: 10%; display: flex; flex-flow: column wrap; align-items: center; justify-content: center;}
.summaryWrap .sumArea .sumBox {flex: 1; display: flex; flex-flow: column wrap; align-items: center; justify-content: center; gap: 1rem;}
.summaryWrap .sumArea .sumBox.color {background-color: #E6F4FF; gap: 0;}
.summaryWrap .sumArea .sumBox.line {background-color: #fff; border: 1px solid var(--main-navy);}
.summaryWrap .sumArea .sumBox .visionTit {font-family: "paperlogy-5";}
.summaryWrap .sumArea .sumBox .visionTit .accent {font-size: 1.2em;}
.summaryWrap .sumArea .sumBox .visionTit.small {color: var(--main-navy);}
.summaryWrap .sumArea .sumBox .visionTit.small .sup {}
.summaryWrap .sumArea .sumBox .visionTit.big {background: linear-gradient(90deg, #48AFFF, #00315A);  -webkit-background-clip: text;   -webkit-text-fill-color: transparent; font-family: "paperlogy-6";}
.summaryWrap .sumArea .sumBox .imgArea {width: 50%;}

.summaryWrap .boxArea {width: 100%; display: flex; flex-flow: row wrap; align-items: center; justify-content: space-between; align-items: stretch; gap: 1rem;}
.summaryWrap .boxArea .box {border-radius: 0.5rem; flex: 1; text-align: center; padding: 1rem; font-size: 1rem;}
.summaryWrap .boxArea.grey .box {background-color: #F6F6F6;}
.summaryWrap .boxArea.blue .box {background-color: #EAF6FF;}
.summaryWrap .boxArea .box .decoTit {font-family: "paperlogy-5"; font-size: 0.85rem; padding: 0.2rem 1rem 0.1rem; border-radius: 1rem; color: #fff; display: inline-block; margin-bottom: 0.5rem;}
.summaryWrap .boxArea .box .decoTit.blue {background-color: #50AFFF;}
.summaryWrap .boxArea .box .decoTit.orange {background-color: #FF8A36;}
.summaryWrap .boxArea .box .decoTit.pink {background-color: #ED1452;}
.summaryWrap .boxArea .box .decoTit.green {background-color: var(--main-green)}
.summaryWrap .boxArea .box .text.normal { font-weight: 600;}
.summaryWrap .boxArea .box .text.accent {font-size: 1.2em; font-weight: 700;}
.summaryWrap .boxArea .box.row {display: flex; flex-flow: row wrap; align-items: center; justify-content: center; gap: 0.5rem;}
.summaryWrap .boxArea .box.row .decoTit {margin-bottom: 0;}
.summaryWrap .boxArea .box .boxTitle {color: var(--main-green);}
.summaryWrap .boxArea .box sup {color: #6d6d6d; font-size: 0.6em;}

.summaryWrap.ver2 {width: 100%; margin: 0 auto; max-width: 90vw;}
.summaryWrap.ver2 .contArea {width: 100%; position: relative; z-index: 1; border: 1px solid #ddd; margin-bottom: 5rem; padding: 2rem; text-align: center;}
.summaryWrap.ver2 .contArea:last-child {margin-bottom: 0;}
.summaryWrap.ver2 .contArea.greenLine {border: 1px solid var(--main-green); background-color: #f1fff7; border-radius: 7rem 0.5rem 7rem 0.5rem;  }
.summaryWrap.ver2 .contArea.noLine {border: none; border-radius: 0;}
.summaryWrap.ver2 .contArea.greyLine {border-radius: 1rem; padding: 3rem;}
.summaryWrap.ver2 .contArea .sumTitle {font-size: 1.2rem; font-family: "paperlogy-7"; color: #fff; background: linear-gradient(90deg, #12BC7F, #043BE1); padding: 0.3rem 2rem; border-radius: 2rem; position: absolute; top: -20px; left: 50%; transform: translateX(-50%); z-index: 2; min-width: 300px; text-align: center;}
.summaryWrap.ver2 .contArea .sumSlogan {margin-top: 0.5rem; font-size: 1.7rem; font-family: "paperlogy-5"; color: #003E6C;}
.summaryWrap.ver2 .contArea .sumSlogan sup {font-size: 1rem;}
.summaryWrap.ver2 .contArea .sumSlogan .accent {font-family: "paperlogy-8";}
.summaryWrap.ver2 .contArea .cirArea {width: 100%; display: flex; flex-flow: row wrap; align-items: center; justify-content: center; }
.summaryWrap.ver2 .contArea .cirArea .box {aspect-ratio: 1; width: 20%; border: 1px solid; border-radius: 50%; display: flex; flex-flow: column wrap; align-items: center; justify-content: center; gap: 0.5rem; background-color: #fff;}
.summaryWrap.ver2 .contArea .cirArea .box:first-child {transform: translateX(0); margin-left: 3rem;}
.summaryWrap.ver2 .contArea .cirArea .box:nth-child(2) {transform: translateX(-1.5rem);}
.summaryWrap.ver2 .contArea .cirArea .box:nth-child(3) {transform: translateX(-3rem);}
.summaryWrap.ver2 .contArea .cirArea .box .img {}
.summaryWrap.ver2 .contArea .cirArea .box .img img {max-height: 70px;}
.summaryWrap.ver2 .contArea .cirArea .box .subject {display: inline-block; background-color: #1CA466; padding: 3px 1rem; border-radius: 1rem; color: #fff; font-weight: 600; font-size: 0.9rem;}
.summaryWrap.ver2 .contArea .cirArea .box .line {width: 1.5rem; height: 1px; background-color: #ddd; display: inline-block; margin: 0.5rem 0;}
.summaryWrap.ver2 .contArea .cirArea .box .line.row {width: 1px; height: 1.5rem;}
.summaryWrap.ver2 .contArea .cirArea .box .text {font-weight: 600; font-size: 1.1rem;}
.summaryWrap.ver2 .contArea .cirArea .box .text .small {font-size: 1em;}
.summaryWrap.ver2 .contArea .cirArea .box .text .big {font-weight: 700; font-size: 1.2em;}
.summaryWrap.ver2 .contArea .cirArea.width100 .box {aspect-ratio: unset; flex-flow: row nowrap; width: 100%; border-radius: 1rem; max-width: 940px; margin-left: 0; gap: 1rem; padding: 1rem;}
.summaryWrap.ver2 .contArea .cirArea.width100 .box .img {margin-bottom: 5px;}

.summaryWrap.ver2 .contArea .cirArea.width100.gradient {}
.summaryWrap.ver2 .contArea .cirArea.width100.gradient .box {font-family: "paperlogy-5"; border: none; background: linear-gradient(135deg, #d2f7e6, #dfefff); box-shadow: 0 4px 6px rgba(0,0,0,0.1); padding: 3rem 0 ; border-radius: 5rem;}
.summaryWrap.ver2 .contArea .cirArea.width100.gradient .box .text {font-size: 1.5rem; display: flex; flex-flow: row wrap; align-items: flex-start; justify-content: center; gap: 0.5rem; color: #00315A;}
.summaryWrap.ver2 .contArea .cirArea.width100.gradient .box sup {font-size: 0.6em; line-height: 0.9;}
.summaryWrap.ver2 .contArea .cirArea.width100.gradient .box .big {font-family: "paperlogy-8"; line-height: 0.9;}

.summaryWrap.ver2 .contArea .cirArea.green .box {border-color: #1CA466;}
.summaryWrap.ver2 .contArea .cirArea.orange .box {border-color: #FF8A36;}
.summaryWrap.ver2 .contArea .cirArea.blue .box {border-color: #50AFFF;}
.summaryWrap.ver2 .contArea .cirArea.pink .box {border-color: #FF8FB4;}
.summaryWrap.ver2 .contArea .cirArea.green .box .subject {background-color: #1CA466;}
.summaryWrap.ver2 .contArea .cirArea.orange .box .subject {background-color: #FF8A36;}
.summaryWrap.ver2 .contArea .cirArea.blue .box .subject {background-color: #50AFFF;}
.summaryWrap.ver2 .contArea .cirArea.pink .box .subject {background-color: #FF8FB4;}

.summaryWrap.ver2 .contArea .imgArea {width: 100%; text-align: center;}
.summaryWrap.ver2 .contArea .imgArea img {max-width: 940px;}
.summaryWrap.ver2 .contArea .plusIcon {font-size: 2.5rem;color: #1CA466; margin: 2rem 0;}
.summaryWrap.ver2 .contArea .arrowIcon { animation: fadeInOut 2.5s ease-in-out infinite; width: 100%; text-align: center; margin-bottom: 5rem;}
.summaryWrap.ver2 .contArea .arrowIcon img {max-width: 940px;}
@keyframes fadeInOut {
  0%   { opacity: 0; transform: translateY(0); }
  50%  { opacity: 1; transform: translateY(50px); }
  100% { opacity: 0; transform: translateY(0); }
}


/* 참여대학소개 */
#main-content.subLayout .wrap.fullWidth.talent {padding-bottom: 0;}
.talentWrap {width: 100%; margin: 0 auto; text-align: center; display: flex; flex-flow: column wrap; align-items: center; justify-content: center;}
.talentWrap .titleWrap {width: 100%; max-width: 1760px; display: flex; flex-flow: column wrap; align-items: center; justify-content: center; margin-bottom: 4rem;}
.talentWrap .titleWrap .icon {color: var(--main-navy); padding: 0 0.5rem; background: linear-gradient(0deg, #ffbdbd 40%, transparent 46%); font-size: 1.2rem;}
.talentWrap .titleWrap .title {margin-bottom: 1rem; color: var(--main-navy); font-family: "paperlogy-6"; }
.talentWrap .titleWrap .title span {font-family: "paperlogy-8";}
.talentWrap .titleWrap .textArea::before {content: ''; width: 1px; height: 80px; background-color: #00315a;     display: inline-block;}
.talentWrap .titleWrap .textArea {width: 100%; font-weight: 500;}
.talentWrap .titleWrap .textArea .text {margin-top: 1rem; line-height: 1.4;}
.talentWrap .imgWrap {background-color: #62abcc;}
.talentWrap .imgWrap .imgArea {width: 70%; margin: 0 auto; padding: 4rem 0;}
.talentWrap .imgWrap .imgArea img {border-radius: 1rem;}


.modal { display: flex; position: fixed;   z-index: 5;   left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.4); justify-content: center; align-items: center;}
.modal-content { background: #fff; margin: 15% auto;   padding: 2rem;  border-radius: 8px;   width: 90%;   max-width: 500px;  position: relative;}
.close { position: absolute;  top: 10px; right: 20px;   font-size: 2rem; cursor: pointer;}


/* 참여대학 팝업 레이아웃 */
.layerWrap {width: 100vw; height: auto; min-height: 100vh;background: linear-gradient(135deg, #d2f7e6, #fff, #dfefff); font-size: 18px;    padding-top: 2rem;margin: 0 auto;}
.layerWrap .riseArea {width: 100%; max-width: 1440px; text-align: center; padding: 3rem 0; margin: 0 auto;}
.layerWrap .riseArea .logo {width: 100%;}
.layerWrap .layerArea {width: 100%; max-width: 1440px; border: 5px solid var(--main-green); margin: 0 auto; padding: 2rem; border-radius: 1rem; background-color: #fff; min-height: 95vh;}
.layerWrap .layerArea .topArea {width: 100%; display: flex; flex-flow: row wrap; align-items: center; justify-content: space-between; margin-bottom: 3rem;}
.layerWrap .layerArea .topArea .logoArea {display: flex; flex-flow: row wrap; align-items: center; justify-content: flex-start; gap: 1rem;}
.layerWrap .layerArea .topArea .logoArea .logo {}
.layerWrap .layerArea .topArea .logoArea .logo img {max-height: 70px;}
.layerWrap .layerArea .topArea .logoArea .logoTitle {}
.layerWrap .layerArea .topArea .logoArea .logoTitle .main {font-size: 2.5rem; font-weight: 800;}
.layerWrap .layerArea .topArea .logoArea .logoTitle .address {color: #5e5e5e; font-weight: 500; background: linear-gradient(transparent 60%, #ffe9ce 30%); padding: 0 5px;}
.layerWrap .layerArea .topArea .directArea {display: flex; flex-flow: row wrap; align-items: stretch; justify-content: flex-end; gap: 1rem;}
.layerWrap .layerArea .topArea .directArea .direct {display: flex; flex-flow: row wrap; align-items: center; justify-content: center; gap: 0.5rem; padding: 0.5rem 1.5rem; border: 1px solid var(--main-green); border-radius: 2rem; font-weight: 700; color: var(--main-green);}
.layerWrap .layerArea .topArea .directArea .direct:hover {background-color: #386843; color: #fff; border: none;}
.layerWrap .layerArea .topArea .directArea .direct:hover .icon {filter: brightness(0) invert(1);}
.layerWrap .layerArea .topArea .directArea .direct.down {}
.layerWrap .layerArea .topArea .directArea .direct.move {}
.layerWrap .layerArea .topArea .directArea .direct .icon {}
.layerWrap .layerArea .topArea .directArea .direct .icon img {}
.layerWrap .layerArea .midArea {width: 100%;}
.layerWrap .layerArea .midArea .groupWrap {width: 100%; display: flex; flex-flow: row wrap; align-items: stretch; justify-content: space-between; gap: 1rem; margin-bottom: 1rem;}
.layerWrap .layerArea .midArea .groupWrap .title {width: 15%; display: flex; flex-flow: column wrap; align-items: center; justify-content: center; min-width: 120px; background-color: var(--main-green); border-radius: 0.5rem; color: #fff; font-family: "paperlogy-6"; font-size: 1.3rem; padding: 0.5rem 0;}
.layerWrap .layerArea .midArea .groupWrap .text {border-radius: 0.5rem; border: 1px solid var(--main-green); flex: 1; overflow: hidden; padding: 1.5rem; text-align: left; font-weight: 600; color: #535353; font-size: 1.1rem;}
.layerWrap .layerArea .midArea .groupWrap .text .boxArea {display: flex; flex-flow: row wrap; align-items: stretch; justify-content: flex-start; gap: 1rem;}
.layerWrap .layerArea .midArea .groupWrap .text .boxArea .box {background-color: #fffbeb; padding: 0.5rem 1rem; border-radius: 5px; font-size: 0.9em;    width: calc((100% - 2rem) / 3);}
.layerWrap .layerArea .midArea .groupWrap .text .boxTitle {font-size: 1.15rem; width: 100%; background-color:#ffeca2; padding: 0.5rem 0; text-align: center; border-radius: 5px; margin-bottom: 1rem; font-weight: 700;}
.layerWrap .layerArea .midArea .groupWrap .text .boxArea .box  .icon {display: inline-block; margin-right: 0.5rem;}

.layerWrap .layerArea .midArea .groupWrap .boxArea.ver1 {}
.layerWrap .layerArea .midArea .groupWrap .boxArea.ver1 .box {display: flex; flex-flow: row nowrap; align-items: center; justify-content: flex-start; gap: 5px;}
.layerWrap .layerArea .midArea .groupWrap .boxArea.ver1 .box .icon {}
.layerWrap .layerArea .midArea .groupWrap .boxArea.ver1 .box .icon img {min-width: 30px;}
.layerWrap .layerArea .midArea .groupWrap .boxArea.ver1 .box .boxText {word-break: keep-all;}

.layerWrap .layerArea .midArea .groupWrap .boxArea.ver1-2 {}
.layerWrap .layerArea .midArea .groupWrap .boxArea.ver1-2 .box {display: flex; flex-flow: row nowrap; align-items: center; justify-content: flex-start; gap: 5px; width: calc( ( 100% - 1.5rem ) / 2 );}
.layerWrap .layerArea .midArea .groupWrap .boxArea.ver1-2 .box .icon {}
.layerWrap .layerArea .midArea .groupWrap .boxArea.ver1-2 .box .icon img {min-width: 30px;}
.layerWrap .layerArea .midArea .groupWrap .boxArea.ver1-2 .box .boxText {word-break: keep-all;}

.layerWrap .layerArea .midArea .groupWrap .boxArea.ver2 {gap: 1.5rem; align-items: stretch;}
.layerWrap .layerArea .midArea .groupWrap .boxArea.ver2 .box {width: calc( ( 100% - 1.5rem ) / 2 ); background: unset; padding: 0;}
.layerWrap .layerArea .midArea .groupWrap .boxArea.ver2 .box .fir {background-color: #e7e7e7; padding: 0.5rem 0.8rem; border-radius: 0.5rem 0.5rem 0 0; font-weight: 700; display: flex; flex-flow: row nowrap; align-items: center; justify-content: flex-start;}
.layerWrap .layerArea .midArea .groupWrap .boxArea.ver2 .box .fir .icon {}
.layerWrap .layerArea .midArea .groupWrap .boxArea.ver2 .box .fir .firText {word-break: keep-all;}
.layerWrap .layerArea .midArea .groupWrap .boxArea.ver2 .box .sec {border: 1px solid #ddd; border-radius: 0 0 0.5rem 0.5rem; padding: 0.8rem; min-height: 77px;}

.layerWrap .layerArea .midArea .groupWrap .boxArea.ver2-2 {gap: 1rem; align-items: stretch;}
.layerWrap .layerArea .midArea .groupWrap .boxArea.ver2-2 .box {width: calc( ( 100% - 2rem ) / 3 ); background: unset; padding: 0;}
.layerWrap .layerArea .midArea .groupWrap .boxArea.ver2-2 .box .fir {background-color: #e7e7e7; padding: 0.5rem 0.8rem; border-radius: 0.5rem 0.5rem 0 0; font-weight: 700; text-align: center;}
.layerWrap .layerArea .midArea .groupWrap .boxArea.ver2-2 .box .fir .icon {}
.layerWrap .layerArea .midArea .groupWrap .boxArea.ver2-2 .box .fir .firText {word-break: keep-all;}
.layerWrap .layerArea .midArea .groupWrap .boxArea.ver2-2 .box .sec {border: 1px solid #ddd; border-radius: 0 0 0.5rem 0.5rem; padding: 0.8rem; min-height: 77px;}

.layerWrap .layerArea .midArea .groupWrap .boxArea.ver2-3 {gap: 1rem; align-items: stretch;}
.layerWrap .layerArea .midArea .groupWrap .boxArea.ver2-3 .box {width: calc( ( 100% - 2rem ) / 3 ); background: unset; padding: 0;}
.layerWrap .layerArea .midArea .groupWrap .boxArea.ver2-3 .box .fir {background-color: #e7e7e7; padding: 0.5rem 0.8rem; border-radius: 0.5rem 0.5rem 0 0; font-weight: 700; text-align: center; min-height: 64px; display: flex; flex-flow: column wrap; align-items: center; justify-content: center;}
.layerWrap .layerArea .midArea .groupWrap .boxArea.ver2-3 .box .fir .icon {}
.layerWrap .layerArea .midArea .groupWrap .boxArea.ver2-3 .box .fir .firText {word-break: keep-all;}
.layerWrap .layerArea .midArea .groupWrap .boxArea.ver2-3 .box .sec {border: 1px solid #ddd; border-radius: 0 0 0.5rem 0.5rem; padding: 0.8rem; min-height: 77px;}

.layerWrap .layerArea .midArea .groupWrap .boxArea.ver3 {}
.layerWrap .layerArea .midArea .groupWrap .boxArea.ver3 .box {background: unset; padding: 0;}
.layerWrap .layerArea .midArea .groupWrap .boxArea.ver3 .box .fir {background-color: #e7e7e7; padding: 0.5rem 0.8rem; border-radius: 0.5rem 0.5rem 0 0; font-weight: 700; width: 100%; text-align: center;}
.layerWrap .layerArea .midArea .groupWrap .boxArea.ver3 .box .sec {border: 1px solid #ddd; border-radius: 0 0 0.5rem 0.5rem; padding: 0.8rem;width: 100%; text-align: center;}

.layerWrap .layerArea .midArea .groupWrap .boxArea.ver4 {flex-flow: column wrap; align-items: center; justify-content: center;}
.layerWrap .layerArea .midArea .groupWrap .boxArea.ver4 .top {width: 100%; display: flex; flex-flow: row wrap; align-items: center; justify-content: center; gap: 1.5rem; position: relative; z-index: 1; margin-bottom: 2rem;}
.layerWrap .layerArea .midArea .groupWrap .boxArea.ver4 .top::after {content: ''; display: inline-block; position: absolute; bottom: -1.5rem; width: 82%; height: 1px; background-color: #e7e7e7;}
.layerWrap .layerArea .midArea .groupWrap .boxArea.ver4 .bottom {width: 100%;display: flex; flex-flow: row wrap; align-items: flex-start; justify-content: center; gap: 1.5rem; position: relative; z-index: 1;}
.layerWrap .layerArea .midArea .groupWrap .boxArea.ver4 .box.half {flex: none; width: 40%;}
.layerWrap .layerArea .midArea .groupWrap .boxArea.ver4 .box.half::before {bottom: -1.5rem; top: unset; height: 1.5rem;}
.layerWrap .layerArea .midArea .groupWrap .boxArea.ver4 .box {background: unset; padding: 0; flex: 1; position: relative; z-index: 1;}
.layerWrap .layerArea .midArea .groupWrap .boxArea.ver4 .box::before {content: ''; width: 1px; height: 2rem; background-color: #e7e7e7; display: inline-block; z-index: 0; position: absolute; top: -1.5rem; left: 50%; transform: translateX(-50%);}
.layerWrap .layerArea .midArea .groupWrap .boxArea.ver4 .box .fir {background-color: #e7e7e7; padding: 0.5rem 0.8rem; border-radius: 0.5rem 0.5rem 0 0; font-weight: 700; width: 100%; text-align: center;}
.layerWrap .layerArea .midArea .groupWrap .boxArea.ver4 .box .sec {border: 1px solid #ddd; border-radius: 0 0 0.5rem 0.5rem; padding: 0.8rem 0.3rem; width: 100%; text-align: center;}


.workArea {display: flex; flex-flow: row wrap; align-items: stretch; justify-content: flex-start;gap: 1.5rem;}
.workArea .workBox {position: relative;  padding:1.5rem 0.7rem 1rem; border-radius: 0.5rem; border: 1px solid #ddd;  width: calc( ( 100% - 4.5rem ) / 4 ); text-align: center; }
.workArea .workBox .number {position: absolute; top: -14px; left: 50%; transform: translateX(-50%); font-size: 1rem; font-family: "paperlogy-6"; background: linear-gradient(90deg, #12BC7F, #043BE1); color: #fff; padding: 0.3rem 1rem; border-radius: 2rem; line-height: 0.9; min-width: 60%; text-align: center;}
.workArea .workBox  .workText {font-size: 1rem;}
.layerWrap .layerArea .botArea {border-radius: 0.5rem; border: 1px solid var(--main-green);   overflow: hidden; padding: 1.5rem;}
.layerWrap .layerArea .botArea .pdfWrap {width: 100%; text-align: center;}

.layerWrap .layerArea .midArea .groupWrap  .goalWrap {display: flex; flex-flow: row wrap; align-items: stretch; justify-content: flex-start; gap: 1.5rem;}
.layerWrap .layerArea .midArea .groupWrap  .goalWrap .goalBox {background-color: #fffbeb; padding: 1rem; flex: 1; border-radius: 0.5rem;}
.layerWrap .layerArea .midArea .groupWrap  .goalWrap .goalBox .goalTit {background: linear-gradient(0deg, #ff8a224a 50%, transparent 40%); display: inline-block; padding: 0 5px; margin-bottom: 0.5rem;} 
.layerWrap .layerArea .midArea .groupWrap  .goalWrap .goalBox .textArea {}
.layerWrap .layerArea .midArea .groupWrap  .goalWrap .goalBox .textArea .goalText {font-size: 1rem;}





@media only screen and (max-width: 1760px){
    .subLayout {padding-top: 0;}
    #main-content.subLayout .wrap {max-width: 95vw;}
    #main-content.subLayout {padding-left: 0; padding-right: 0;}
    .talentWrap .titleWrap {max-width: 95vw;}
}


@media only screen and (max-width: 1440px){
    #main-content.subPage .wrap .section {padding: 2rem 0;}

    .subpage-tabWrap .sub-tabArea .tab {font-size: 0.9rem;}
    .postWrap .postArea .contArea .postTitle {font-size: 1.1rem;}

    .boardWrap .boardTitle {font-size: 1.2rem; padding: 1.2rem;}
    .boardWrap .boardData {font-size: 0.9rem; padding: 0.8rem;}
    .boardWrap .contArea {font-size: 1rem;}
    .boardWrap .fileList {font-size: 0.9rem;}
    .boardWrap .fileArea .fileName .fileDown { font-size: 0.9em;}

    .box_search.ver2 .searchArea .box {width: calc( ( 100% - 1rem ) / 2 );}
    .box_search.ver2 .searchArea .box .selectBox {min-width: 300px; flex: 1; width: 100%;}
    .box_search.ver2 select {width: 100%;}

    .groupIntro .text {font-size: 1.15rem;}
    .groupIntro .icon img {max-width: 50px;}

    .summaryWrap .sumArea .sumTitle {width: 12%; padding: 0.5rem;}
    .summaryWrap.ver2 .contArea .cirArea .box {width: 25%;}

    .subpage-tabWrap.projectTab .proTit {width: 12%;}
    .subpage-tabWrap.projectTab .sub-tabArea .tab {padding: 1.5rem 0.5rem 1rem;}

    .talentWrap .titleWrap {margin-bottom: 3rem;}
    .talentWrap .titleWrap .title {font-size: 1.7rem;}

    .layerWrap .layerArea {max-width: 90%;}
    .layerWrap .riseArea {max-width: 90%;}

    .applyWrap.ver3 .textArea li {align-items: flex-start; word-break: keep-all;}
    .applyWrap.ver3 .textArea li .icon {line-height: 1;padding-top: 12px;}

    .askWrap .askVisual {padding: 5rem;}
    .askWrap .askVisual .askImg {max-width: 360px; bottom: 50%; transform: translateY(50%);}
}

@media only screen and (max-width: 1280px){
    #main-content .visualWrap .visualArea .userWrap .userArea {max-width: 95%;}
    #main-content .visualWrap .visualArea .userWrap .userArea .userList {min-width: fit-content;}

    .askWrap .askVisual {padding: 5rem;}
    .askWrap .askVisual .titleArea .mainTitle {font-size: 1.6rem;}
    .askWrap .askVisual .titleArea .smallTitle {font-size: 0.9rem;}
    .applyWrap {margin-bottom: 1.5rem;}
    .applyWrap .applyBox {padding: 1.5rem 1rem 1rem;}
    .applyWrap .applyBox .title {font-size: 1rem;}
    .applyWrap .applyBox .textArea {font-size: 0.9rem;}
    .applyNotice {font-size: 0.9rem; margin-bottom: 3rem;}
    .buttonWrap .applyBtn {width: 20%;}

    .askWrap .askVisual.ver3 .askImg {right: 2%;}
    .askWrap .askVisual .titleArea .show_1024 {display: block;}

    .subpage-tabWrap.projectTab {margin-bottom: 2rem;}
    .subpage-tabWrap.projectTab .sub-tabArea .tab .subject {font-size: 0.75rem;}
    .subpage-tabWrap.projectTab .sub-tabArea .tab .tabText {font-size: 0.9rem;}
    .subpage-tabWrap.projectTab .sub-tabArea .tab .tabIcon {margin-bottom: 5px;}
    .subpage-tabWrap.projectTab .sub-tabArea .tab .tabIcon img {max-height: 26px;}

    .layerWrap .layerArea .topArea .logoArea .logoTitle .main {font-size: 2.4rem;}
    .layerWrap .layerArea .topArea .directArea > * {font-size: 0.9rem;}
    .layerWrap .layerArea .topArea .directArea .direct .icon img {max-height: 16px;}
    .layerWrap .layerArea .topArea .logoArea .logoTitle .address {font-size: 0.95rem;}
    .layerWrap .layerArea .midArea .groupWrap .title {font-size: 1.15rem;}
    .layerWrap .layerArea .midArea .groupWrap .text {font-size: 1rem;}
    .workArea .workBox .workText {font-size: 0.9rem;}

    .layerWrap .layerArea .midArea .groupWrap .goalWrap {gap: 1rem;}
    .layerWrap .layerArea .midArea .groupWrap .goalWrap .goalBox {flex: none; width: calc( ( 100% - 1rem ) / 2 );}
    .layerWrap .layerArea .midArea .groupWrap .boxArea.ver2 {gap: 1rem;}
    .layerWrap .layerArea .midArea .groupWrap .text .boxArea .box {width: calc( ( 100% - 1rem ) / 2 );}

    .summaryWrap.ver2 .contArea .sumTitle {font-size: 1.1rem;}
    .summaryWrap.ver2 .contArea .sumSlogan {font-size: 1.5rem;}
    .summaryWrap.ver2 .contArea .cirArea .box {width: 30%;}
    .summaryWrap.ver2 .contArea .cirArea .box .img img {max-height: 50px;}
    .summaryWrap.ver2 .contArea .cirArea .box .subject {font-size: 0.85rem; font-weight: 700;}
    .summaryWrap.ver2 .contArea .cirArea .box .text {font-size: 1rem;}
    .summaryWrap.ver2 .contArea .cirArea.width100.gradient .box .text {font-size: 1.3rem;}
    .summaryWrap.ver2 .contArea .imgArea img {max-width: 100%;}
}



@media only screen and (max-width: 1024px){
    #main-content .visualWrap .visualArea .nav-wrap .tit {font-size: 1.7rem;}

    .visualWrap .visualArea {min-height: 300px;}

    .box_search.ver2 {width: 100%; flex-flow: row wrap; gap: 1rem;}
    .box_search.ver2 .searchArea {margin-right: 0; width: 100%;  display: flex;flex-flow: row wrap; align-items: stretch;  justify-content: space-between; }
    .box_search.ver2 .searchArea .box { width: min-content;  flex: 1;}
    .box_search.ver2 .tit.mgL1 {margin-left: 0 !important; }
    .box_search.ver2 input {margin: 0 auto;}

    .certiTableWrap .certiTable thead tr th {font-size: 0.85rem; line-height: 1.4;}
    .certiTableWrap .certiTable tbody tr td {font-size: 0.85rem; line-height: 1.4;}
    .certiTableWrap .certiTable tbody tr td .certiBtn {font-size: 0.8rem; padding: 0.3rem 0.6rem;}
    .certiTableWrap .certiTable tbody tr td .certiBtn .icon {font-size: 0.7rem;}

    .boardWrap .contArea {padding: 2rem;}

    .askWrap .askVisual {padding: 4rem 3rem;}
    .applyWrap {gap: 1.5rem;}
    .applyWrap .applyBox {width: calc( ( 100% - 1.5rem ) / 2 ); flex: auto;}
    .applyWrap .applyBox .title {min-width: 116px; text-align: center;}

    .askWrap .askVisual .askImg {max-width: 280px; }
    .askWrap .askVisual.ver4 {position: relative;}
    .askWrap .askVisual.ver4 .titleArea {position: relative;}

    .introWrap {font-size: 1.05rem;}

    .groupIntro .text {  font-size: 1.05rem; }
    .groupWrap .imgArea {max-width: 80vw;}
    .groupWrap .groupTable {font-size: 0.9rem;}

    .summaryWrap .sumArea .sumTitle {font-size: 1rem;}
    .summaryWrap .sumArea .sumBox .visionTit.small {font-size: 1.1em;}
    .summaryWrap .sumArea .sumBox .visionTit.big {font-size: 1.2em;}
    .summaryWrap .boxArea .box {font-size: 0.9rem;}
    .summaryWrap .boxArea .box .decoTit {font-size: 0.7rem;}
    .summaryWrap.ver2 .contArea .sumTitle {font-size: 1rem;}
    .summaryWrap.ver2 .contArea .sumSlogan {font-size: 1.3rem;}
    .summaryWrap.ver2 .contArea {padding: 1.5rem;}
    .summaryWrap.ver2 .contArea.noLine {padding: 2rem 0 0 0;}
    .summaryWrap.ver2 .contArea .cirArea {flex-flow: row nowrap;}
    .summaryWrap.ver2 .contArea .cirArea .box {width: 33%;}
    .summaryWrap.ver2 .contArea .cirArea .box:first-child {margin-left:2.5rem;}
    .summaryWrap.ver2 .contArea .plusIcon {margin: 1rem 0; font-size: 1.8rem;}
    .summaryWrap.ver2 .contArea.greyLine {padding: 2rem;}
    .summaryWrap.ver2 .contArea .cirArea.pink .box:first-child {margin-left: 0;}
    .summaryWrap.ver2 .contArea .cirArea.width100.gradient .box:first-child {margin-left: 0;}
    .summaryWrap.ver2 .contArea .arrowIcon img {max-width: 100%;}


    .subpage-tabWrap.projectTab {flex-flow: column wrap; margin-bottom: 0;}
    .subpage-tabWrap.projectTab .proTit {width: 100%; padding: 5px; font-size: 1rem; margin-bottom: 1rem;}
    .subpage-tabWrap.projectTab .sub-tabArea {flex-flow: row wrap; justify-content: center; gap: 0.5rem;}
    .subpage-tabWrap.projectTab .sub-tabArea .tab {padding: 1.2rem 0.5rem 0.5rem; flex: unset; width: calc( ( 100% - 2rem ) / 5 ); flex-flow: row wrap; gap: 0.5rem; height: fit-content;}
    .subpage-tabWrap.projectTab .sub-tabArea .tab .tabIcon {margin-bottom: 0;}
    .subpage-tabWrap.projectTab .sub-tabArea .tab .tabText {font-size: 0.8rem;}
    .subpage-tabWrap.projectTab .sub-tabArea .tab .tabText br {display: block;}
    .proTab-content .projectTab {padding: 1.5rem;}
    .proTab-content .projectTab .imgArea {  width: 90%;}

    .talentWrap .imgWrap .imgArea {width: 80%;}

    .layerWrap .layerArea .topArea {flex-flow: column wrap; align-items: center; justify-content: center; gap: 1rem; margin-bottom: 2rem;}
    .layerWrap .layerArea .topArea .logoArea .logoTitle .main {font-size: 2rem;}
    .layerWrap .layerArea .topArea .logoArea .logo img {max-height: 60px;}
    .workArea {gap: 1rem;}
    .workArea .workBox {width: calc((100% - 2rem) / 3); padding: 1rem 0.5rem 0.5rem;}
    .workArea .workBox .number {font-size: 0.9rem;}
    
    .layerWrap .layerArea .midArea .groupWrap .text {font-size: 0.9rem; padding: 1rem;}
    .layerWrap .layerArea .midArea .groupWrap .goalWrap .goalBox .textArea .goalText {font-size: 0.9rem;}
    .layerWrap .layerArea .midArea .groupWrap .text .boxTitle {font-size: 1.05rem;}
    .layerWrap .layerArea .midArea .groupWrap .boxArea.ver4 .top {gap: 1rem;}
    .layerWrap .layerArea .midArea .groupWrap .boxArea.ver4 .bottom {gap: 1rem;}
    .layerWrap .layerArea .midArea .groupWrap .boxArea.ver4 .box .fir {word-break: keep-all;}
    .layerWrap .layerArea .midArea .groupWrap .boxArea.ver4 .box .sec {word-break: keep-all; min-height: 94px;}
    .layerWrap .layerArea .midArea .groupWrap .boxArea.ver4 .box .sec br {display: none;}
}


@media only screen and (max-width: 768px){
    .visualWrap .visualArea {min-height: 270px;}
    #main-content .visualWrap .visualArea .nav-wrap {margin-top: 2.5rem;}

    .subpage-tabWrap .sub-tabArea .tab {font-size: 0.95rem; padding: 0.5rem 0.3rem;}

    #main-content.subLayout .wrap .tit1 {font-size: 1.2rem;}
    .box_search.ver3 {flex-flow: column wrap; gap: 0.5rem;}
    .box_search.ver3 .searchArea {flex: none; flex-flow: column wrap; width: 100%; margin-right: 0; margin-bottom: 1rem; max-width: 100%;}
    .box_search.ver3 [class*="btn_"] {margin:0 auto;}
    
    .certiTableWrap .certiTable tbody tr td:first-child {border-top: none;}
    .certiTableWrap .certiTable tbody tr td {border-right: none;}

    #main-content .visualWrap .visualArea .nav-wrap {gap: 0.5rem;}
    #main-content .visualWrap .visualArea .nav-wrap .tit {font-size: 1.5rem; margin-bottom: 0;}
    #main-content .visualWrap .visualArea .nav-wrap .nav {font-size: 0.85rem;}
    #main-content .visualWrap .visualArea .userWrap .userArea {gap: 0.5rem;}
    #main-content .visualWrap .visualArea .userWrap .userArea .userList {font-size: 0.75rem;}
    #main-content .visualWrap .visualArea .userWrap .userArea .userList a {padding: 8px; }
    .subpage-tabWrap {margin-bottom: 1.5rem;}

    .postWrap .postArea .contArea .postTitle {font-size: 1rem;}
    .postWrap .postArea .contArea .corp {font-size: 0.85rem;}
    .postWrap .postArea .contArea .dataArea {font-size: 0.85rem;}

    .videoWrap { gap: 1.5rem; margin-bottom: 0;}
    .videoWrap .videoBox {width: calc( ( 100% - 1.5rem ) / 2 ); overflow: hidden; }
    .videoWrap .videoBox .imgArea {height: 240px; border-radius: 0.7rem; }
    .videoWrap .videoBox .imgArea::after {font-size: 1.5rem;}

    .boardWrap .boardTitle {font-size: 1.05rem; padding: 0.9rem;}
    .boardWrap .boardData { font-size: 0.8rem;  padding: 0.5rem; }
    .boardWrap .contArea {padding: 1.5rem; font-size: 0.9rem;}
    .boardWrap .contArea p {margin-bottom: 1rem;}
    .boardWrap .contArea .imgArea img {max-height: 400px;}
    .boardWrap .fileList {font-size: 0.8rem;}
    .boardWrap .fileArea .subject {padding: 5px;}
    .boardWrap .fileArea .fileName {padding: 5px 10px;}
    .boardWrap .fileArea .fileName .fileDown::before {font-size: 0.7rem;}

    .askWrap .askVisual {border-radius: 0.5rem; margin-bottom: 2rem;}
    .askWrap .askVisual .askImg {max-width: 180px; bottom: unset; top: 2%; transform: translateY(0); right: 1%;}
    .askWrap .askVisual .titleArea {padding: 0.5rem 0 0.5rem 1rem; border-left: 3px solid;}
    .askWrap .askVisual .titleArea .mainTitle {font-size: 1.3rem;}
    .askWrap .askVisual .titleArea .smallTitle {font-size: 0.8rem;}
    .applyNotice {font-size: 0.8rem;}
    .applyWrap .applyBox .title {font-size: 0.9rem;}
    .buttonWrap .applyBtn {width: 30%; font-size: 0.8rem;}

    .askWrap .askVisual.ver3 {position: relative;}
    /* .askWrap .askVisual.ver3::before { content:""; background-color: rgba(0,0,0,0.4); position:absolute; top:0px; left:0px; right:0px; bottom:0px; z-index: 0;} */
    .askWrap .askVisual.ver3 .titleArea {position: relative;}
    .askWrap .askVisual.ver3 .askImg {bottom: unset; top: 10%;}
    .applyWrap.ver3 .applyBox {width: 100%;}

    /*홍보요청 확인 페이지*/
    .askWrap .askVisual.ver2 {position: relative;}
    .askWrap .askVisual.ver2::after {content: ''; background-color: rgba(0,0,0,0.5); width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 0;}
    .askWrap .askVisual.ver2 .titleArea {position: relative; z-index: 1;}
    .askWrap .askVisual.ver2 .buttonWrap {margin-top: 1rem;}

    .box_search.ver2 select {margin: 0 auto;}
    .box_search.ver2 [class*="btn_"] {margin: 10px 0;}

    .introWrap {flex-flow: column wrap; font-size: 1rem;}
    .introWrap .imgArea {width: 50%; margin-top: 1rem;}
    .introWrap .textArea .text {margin-bottom: 1.5rem;}
    .introWrap .textArea .text br {display: none;}

    .groupIntro .icon {margin-bottom: 0.5rem;}
    .groupIntro .icon img {max-width: 40px;}
    .groupIntro .text {font-size: 0.95rem; word-break: keep-all;}
    .groupIntro .text br {display: none;}
    .groupWrap .imgArea {max-width: 100vw; margin-bottom: 1rem;}
    .groupWrap .groupTable {font-size: 0.85rem;}
    
    .summaryWrap .sumArea {flex-flow: column wrap; gap: 0.5rem; margin-bottom: 2rem;}
    .summaryWrap .sumArea .sumBox {gap: 0.5rem;}
    .summaryWrap .sumArea .sumTitle {width: 100%;}
    .summaryWrap .sumArea > * {padding: 1rem;}
    .summaryWrap .boxArea {gap: 0.5rem;}
    .summaryWrap .boxArea .box {padding: 1rem 0.5rem; font-size: 0.85rem;}
    .summaryWrap .boxArea .box .boxTitle {font-size: 1.2rem;}
    .summaryWrap .sumArea .sumBox .imgArea {width: 70%;}

    .summaryWrap.ver2 {margin-top: 2rem;}
    .summaryWrap.ver2 .contArea .sumTitle {top: -17px;}
    .summaryWrap.ver2 .contArea.greenLine {border-radius: 0.5rem;}
    .summaryWrap.ver2 .contArea .sumSlogan {font-size: 1.15rem;}
    .summaryWrap.ver2 .contArea .sumSlogan sup {font-size: 0.7em; margin-right: 5px;}
    .summaryWrap.ver2 .contArea {margin-bottom: 3rem;}
    .summaryWrap.ver2 .contArea .cirArea .box:first-child {margin-left: 1rem;}
    .summaryWrap.ver2 .contArea .cirArea .box:nth-child(2) {    transform: translateX(-10px);}
    .summaryWrap.ver2 .contArea .cirArea .box:nth-child(3) {transform: translateX(-20px);}
    .summaryWrap.ver2 .contArea .cirArea .box .img img {max-height: 36px;}
    .summaryWrap.ver2 .contArea .cirArea .box .subject {font-size: 0.75rem; padding: 2px 1rem;}
    .summaryWrap.ver2 .contArea .cirArea .box .line {margin: 5px 0;}
    .summaryWrap.ver2 .contArea .cirArea .box .text {font-size: 0.85rem;}
    .summaryWrap.ver2 .contArea .cirArea.width100.gradient .box {padding: 2rem 0;}
    .summaryWrap.ver2 .contArea .cirArea.width100.gradient .box .text {font-size: 1.1rem;}
    .summaryWrap.ver2 .contArea .arrowIcon {margin-bottom: 4rem;}
    
    .subpage-tabWrap.projectTab .proTit {margin-bottom: 0.5rem;}
    .subpage-tabWrap.projectTab .sub-tabArea {gap: 1rem; margin-bottom: 2rem;}
    .subpage-tabWrap.projectTab .sub-tabArea .tab {width: calc( ( 100% - 2rem ) / 3 );}
    .proTab-content .projectTab {border: 2px solid; padding: 1rem; border-radius: 0.5rem;}
    .proTab-content .projectTab .imgArea {width: 100%;}

    .talentWrap .titleWrap .title {font-size: 1.45rem;}
    .talentWrap .titleWrap .textArea .text {font-size: 0.9rem;}
    .talentWrap .titleWrap {margin-bottom: 2rem;}
    .talentWrap .imgWrap .imgArea {padding: 3rem 0; width: 85%;}

    .layerWrap .layerArea {padding: 1.5rem 1rem; border-radius: 0.7rem;}
    .layerWrap .layerArea .midArea .groupWrap .title {font-size: 1.05rem; border-radius: 0.3rem;}
    .layerWrap .layerArea .midArea .groupWrap .text {border-radius: 0.3rem;}
    .layerWrap .layerArea .midArea .groupWrap .text .boxTitle {font-size: 0.95rem;}
    .layerWrap .layerArea .midArea .groupWrap .text .boxArea .box .icon img {min-width: 24px !important;}
    .layerWrap .layerArea .midArea .groupWrap .boxArea.ver4 .box.half {width: calc( ( 100% - 1rem ) / 2 );}
    .layerWrap .layerArea .midArea .groupWrap .boxArea.ver4 .box {width: 100%;}
    .layerWrap .layerArea .midArea .groupWrap .boxArea.ver4 .box::before {height: 1rem; top: -1rem;}
    .layerWrap .layerArea .midArea .groupWrap .boxArea.ver4 .box.half .sec {min-height: 110px;}
    .layerWrap .layerArea .midArea .groupWrap .boxArea.ver4 .box.half::before {  bottom: -1rem;  height: 1rem; }
    .layerWrap .layerArea .midArea .groupWrap .boxArea.ver4 .box .sec {min-height: auto;}
    .layerWrap .layerArea .midArea .groupWrap .boxArea.ver4 .box .fir {font-size: 0.85rem;}
    .layerWrap .layerArea .midArea .groupWrap .boxArea.ver4 .box .sec {font-size: 0.85rem;}
    .layerWrap .layerArea .midArea .groupWrap .boxArea.ver4 .bottom {flex-flow: column wrap; align-items: flex-end;}
    .layerWrap .layerArea .midArea .groupWrap .boxArea.ver4 .top::after {bottom: -1rem;}
    .layerWrap .layerArea .midArea .groupWrap .boxArea.ver4 .top {margin-bottom: 1rem;}
    .layerWrap .layerArea .midArea .groupWrap .boxArea.ver4 .top::after {width: 52%;}

    .layerWrap .layerArea .midArea .groupWrap .goalWrap .goalBox {width: 100%;}
    .layerWrap .layerArea .midArea .groupWrap .text .boxArea .box {padding: 0.5rem; text-align: center; word-break: keep-all; width: 100%;}
    .layerWrap .layerArea .midArea .groupWrap .text .boxArea .box .icon {width: 100%; text-align: center; margin-bottom: 5px; margin-right: 0;}

    .layerWrap .layerArea .midArea .groupWrap .text .boxArea.ver1 .box {text-align: justify;}
    .layerWrap .layerArea .midArea .groupWrap .text .boxArea.ver1 .box .icon {width: fit-content; margin-right: 5px;}
    .layerWrap .layerArea .midArea .groupWrap .boxArea.ver1 .box .boxText {word-break: break-all;}
    .layerWrap .layerArea .midArea .groupWrap .text .boxArea.ver1-2 .box {text-align: justify;}
    .layerWrap .layerArea .midArea .groupWrap .text .boxArea.ver1-2 .box .icon {width: fit-content;}
    .layerWrap .layerArea .midArea .groupWrap .boxArea.ver1-2 .box .boxText {word-break: break-all;}
    
    .layerWrap .layerArea .midArea .groupWrap .boxArea.ver2 .box { word-break: break-all; padding: 0;}
    .layerWrap .layerArea .midArea .groupWrap .text .boxArea.ver2 .box .icon {width: fit-content; margin-right: 5px;}
    .layerWrap .layerArea .midArea .groupWrap .text .boxArea.ver2 .box .icon img {min-width: 30px;}
    .layerWrap .layerArea .midArea .groupWrap .boxArea.ver2 .box .fir .firText {text-align: justify; word-break: break-all;}
    .layerWrap .layerArea .midArea .groupWrap .boxArea.ver2 .box .sec {text-align: justify; word-break: break-all; min-height: auto;}
    .layerWrap .layerArea .midArea .groupWrap .boxArea.ver2 .box .fir {min-height: auto;}

    .layerWrap .layerArea .midArea .groupWrap .boxArea.ver2-2 .box {padding: 0; width: 100%;}
    .layerWrap .layerArea .midArea .groupWrap .boxArea.ver2-2 .box .fir {text-align: justify; word-break: break-all;}
    .layerWrap .layerArea .midArea .groupWrap .boxArea.ver2-2 .box .sec {text-align: justify; word-break: break-all; min-height: auto;}

    .layerWrap .layerArea .midArea .groupWrap .boxArea.ver2-3 .box {padding: 0; width: 100%;}
    .layerWrap .layerArea .midArea .groupWrap .boxArea.ver2-3 .box .fir {text-align: justify; word-break: break-all; min-height: auto; align-items: flex-start;}
    .layerWrap .layerArea .midArea .groupWrap .boxArea.ver2-3 .box .sec {text-align: justify; word-break: break-all; min-height: auto;}

    
    .layerWrap .layerArea .midArea .groupWrap .boxArea.ver3 .box {padding: 0; width: calc( ( 100% - 1.5rem ) / 2 );}
    .layerWrap .layerArea .midArea .groupWrap .boxArea.ver3 .box .sec {min-height: 69px;}
    .workArea .workBox {width: calc( ( 100% - 1rem ) / 2 );}

    .layerWrap .layerArea .midArea .groupWrap .boxArea.ver4 .box {padding: 0;}
    
}

@media only screen and (max-width: 620px){
    .box_search.ver3 .searchArea .box .selectBox select {margin: 0 auto;}
    .box_search.ver3 [class*="btn_"] {margin-bottom: 0.5rem;}
    .box_search.ver3 [class*="btn_"]:last-child {margin-bottom: 0;}

    .summaryWrap.ver2 .contArea .cirArea {gap: 0.5rem; align-items: stretch;}
    .summaryWrap.ver2 .contArea .cirArea .box {aspect-ratio: unset; border-radius: 0.5rem; padding: 0.5rem;}
    .summaryWrap.ver2 .contArea .cirArea .box:first-child {margin-left: 0;}
    .summaryWrap.ver2 .contArea .cirArea .box:nth-child(2) {    transform: translateX(0);}
    .summaryWrap.ver2 .contArea .cirArea .box:nth-child(3) {transform: translateX(0);}
    .summaryWrap.ver2 .contArea .cirArea.width100 .box {border-radius: 0.5rem;}
    .summaryWrap.ver2 .contArea .cirArea .box .img img {max-height: 40px;}
    .summaryWrap.ver2 .contArea .cirArea .box .text {font-size: 0.8rem;}
    .summaryWrap.ver2 .contArea .cirArea .box .text .small {word-break: keep-all;}
    .summaryWrap.ver2 .contArea.greyLine {padding: 1.5rem; border-radius: 0.5rem;}
    .summaryWrap.ver2 .contArea .cirArea.width100 .box .column {min-width: 60px;}
}


@media only screen and (max-width: 550px){
    /*기존 common css 추가*/
    .tit1::before {width: 1rem; height: 0.5rem; top: 0.3rem;}
    .tit1::after {width: 1rem; height: 0.5rem; top: 0.65rem;}
    #main-content.subLayout .wrap .tit1 {font-size: 1rem; margin-bottom: 0.5rem;}
    #main-content.subLayout .visualWrap .visualArea .nav-wrap .nav {font-size: 0.8rem;}

    .certiTableWrap .certiTable tbody tr td .certiBtn {padding: 0.3rem 1rem;}
    .box_search.ver3 .tit.mgL1 {font-size: 0.9rem;}

    .visualWrap .visualArea {padding: 3rem 1rem; min-height: 140px;}
    .visualWrap .visualArea.user {padding: 3rem 1rem 4rem 1rem;}
    #main-content .visualWrap .visualArea .nav-wrap .tit {font-size: 1.2rem; text-align: center; word-break: keep-all; line-height: 1.3;}

    #main-content.subPage .wrap .section {padding: 1.5rem 0;}

    .postWrap .postArea .contArea .postTitle {font-size: 0.9rem;}
    .postWrap .postArea .contArea .corp {font-size: 0.8rem;}
    .postWrap .postArea .contArea .dataArea {font-size: 0.75rem; gap: 10px;}
    
    .videoWrap { gap: 1rem; }
    .videoWrap .videoBox {width: 100%}

    .boardWrap .boardTitle {padding: 0.9rem 0.2rem; word-break: keep-all;}
    .boardWrap .boardData {gap:1rem}
    .boardWrap .fileArea .subject {width: 30%;}

    .applyWrap .applyBox {width: 100%;}
    .applyWrap .applyBox .textArea {font-size: 0.8rem;}
    .askWrap .askVisual {padding: 2rem;}
    .askWrap .askVisual .askImg {max-width: 140px;}
    .askWrap .askVisual.ver4 .askImg {display: none;}
    .askWrap .askVisual .titleArea .mainTitle {font-size: 1.1rem;}
    .askWrap .askVisual .titleArea .smallTitle {text-align: justify;}
    .askWrap .askVisual .titleArea .smallTitle br {display: none;}
    .askWrap .askVisual .titleArea .show_1024 {display: none;}
    .buttonWrap .applyBtn {width: 40%;}
    .applyWrap.ver3 .textArea li .bold {min-width: 66px;}
    .askWrap .askVisual.ver3 .askImg {top: 5%;}
    .askWrap .askVisual.ver4 .titleArea .mainTitle {word-break: keep-all;}

    .subpage-tabWrap .sub-tabArea {flex-flow: column wrap; gap: 5px;}
    .subpage-tabWrap .sub-tabArea .tab {width: 100%; flex: none; border-radius: 0.5rem; overflow: hidden;}
    .subpage-tabWrap .sub-tabArea .tab:first-child {border-radius: 0.5rem;}
    .subpage-tabWrap .sub-tabArea .tab:last-child {border-radius: 0.5rem;}

    .box_search.ver2 .searchArea {gap: 1rem;}
    .box_search.ver2 input {min-width: auto;}
    .box_search.ver2 select {margin: 0 auto;}
    .box_search .tit.mgL1 {margin-left: 0 !important; display: inline-block; max-width: fit-content; text-align: center;}
    .box_search.ver2 .searchArea .box {width: 100%; min-width: 100%; flex-flow: row nowrap;}
    .box_search.ver2 .searchArea .box .selectBox {min-width: fit-content;}

    #main-content .visualWrap .visualArea .nav-wrap .nav {flex-flow: row wrap; align-items: center; justify-content: center;}
    #main-content .visualWrap .visualArea .userWrap {}
    #main-content .visualWrap .visualArea .userWrap .userArea {max-width: 100%; gap: 0;}
    #main-content .visualWrap .visualArea .userWrap .userArea .userList {border-radius: 0; border-right: 1px solid #fff;}
    #main-content .visualWrap .visualArea .userWrap .userArea .userList:last-child {border-right: none;}

    .introWrap {font-size: 0.9rem;}
    .introWrap .textArea .text {margin-bottom: 1rem;}

    .groupIntro .text {font-size: 0.85rem;}
    .groupWrap .groupTable {font-size: 0.8rem;}
    .groupWrap .imgArea .web {display: none;}
    .groupWrap .imgArea .mobile {display: block;}

    .summaryWrap .sumArea .sumTitle {font-size: 0.9rem;}
    .summaryWrap .sumArea .sumBox .visionTit.small {font-size: 0.95em;}
    .summaryWrap .sumArea .sumBox .visionTit.big {font-size: 1.1em;}
    .summaryWrap .boxArea .box .text {word-break: keep-all;}
    .summaryWrap.ver2 .contArea {padding: 1.5rem 1rem;}
    .summaryWrap.ver2 .contArea .sumTitle {font-size: 0.9rem; min-width: 200px;}
    .summaryWrap.ver2 .contArea .sumSlogan {font-size: 1rem; word-break: keep-all;}

    .subpage-tabWrap.projectTab {gap: 0;}
    .subpage-tabWrap.projectTab .sub-tabArea {gap: 10px; margin-bottom: 1rem;}
    .subpage-tabWrap.projectTab .sub-tabArea .tab {flex: auto; width: calc( ( 100% - 20px ) / 3 ); border: none; height: fit-content; padding: 0; gap: 0; border-radius: 5px;}
    .subpage-tabWrap.projectTab .sub-tabArea .tab:last-child {border-radius: 5px;}
    .subpage-tabWrap.projectTab .sub-tabArea .tab .subject {width: 100%; padding: 0.5rem 0; position: unset; border-radius: 5px; border: 1px solid; box-sizing: border-box; height: fit-content;}
    .subpage-tabWrap.projectTab .sub-tabArea .tab .tabIcon {display: none;}
    .subpage-tabWrap.projectTab .sub-tabArea .tab .tabText {display: none;}
    .proTab-content .projectTab {border: 1px solid; border-radius: 5px; padding: 0.5rem;}
    .subpage-tabWrap.projectTab .proTit {font-size: 0.85rem; border-radius: 5px;}

    .subpage-tabWrap.projectTab .sub-tabArea .tab.active .subject {color: #fff;}
    .subpage-tabWrap.projectTab .sub-tabArea .tab.active .subject::before {content: '\f00c';  font-family: 'Font Awesome 5 Free'; margin-right: 3px;}
    .subpage-tabWrap.projectTab .sub-tabArea .tab.color01 .subject {background-color: transparent; color: #6CA7FF; }
    .subpage-tabWrap.projectTab .sub-tabArea .tab.color02 .subject {background-color: transparent; color: #FF6CA7;}
    .subpage-tabWrap.projectTab .sub-tabArea .tab.color03 .subject {background-color: transparent; color: #7DC370;}
    .subpage-tabWrap.projectTab .sub-tabArea .tab.color04 .subject {background-color: transparent; color: #FFAE67;}
    .subpage-tabWrap.projectTab .sub-tabArea .tab.color05 .subject {background-color: transparent; color: #BE89E6;}
    .subpage-tabWrap.projectTab .sub-tabArea .tab.color01.active .subject {color: #fff; border: none;}
    .subpage-tabWrap.projectTab .sub-tabArea .tab.color02.active .subject {color: #fff; border: none;}
    .subpage-tabWrap.projectTab .sub-tabArea .tab.color03.active .subject {color: #fff; border: none;}
    .subpage-tabWrap.projectTab .sub-tabArea .tab.color04.active .subject {color: #fff; border: none;}
    .subpage-tabWrap.projectTab .sub-tabArea .tab.color05.active .subject {color: #fff; border: none;}


    .talentWrap .titleWrap .title {font-size: 1.2rem;}
    .talentWrap .titleWrap .textArea .text {font-size: 0.85rem;}
    .talentWrap .imgWrap .imgArea {padding: 1.5rem 0;}
    .talentWrap .imgWrap .imgArea img {border-radius: 0.5rem;}

    
    .layerWrap .layerArea .topArea .logoArea .logo img {max-height: 50px;}
    .layerWrap .layerArea .topArea .logoArea {justify-content: center; flex-flow: column wrap; gap: 0.5rem;}
    .layerWrap .layerArea .topArea .logoArea .logoTitle .main {font-size: 1.6rem; text-align: center;}
    .layerWrap .layerArea .topArea .logoArea .logoTitle .address {font-size: 0.9rem;}
    .layerWrap .layerArea .topArea .directArea {justify-content: center; gap: 0.5rem;}
    .layerWrap .layerArea .topArea .directArea .direct {font-size: 0.8rem; padding: 0.3rem 1rem;}
    .layerWrap .layerArea .midArea .groupWrap {flex-flow: column wrap; margin-bottom: 2rem; gap: 0.5rem;}
    .layerWrap .layerArea .midArea .groupWrap .title {width: 100%; min-width: auto;}
    .layerWrap .layerArea .midArea .groupWrap .text {padding: 0.7rem;}
    .layerWrap .layerArea .midArea .groupWrap .boxArea.ver1 .box {width: 100%;}
    .layerWrap .layerArea .midArea .groupWrap .boxArea.ver2 .box {width: 100%;}
    .layerWrap .layerArea .midArea .groupWrap .boxArea.ver2 .box .fir {min-height: auto;}
    .layerWrap .layerArea .midArea .groupWrap .boxArea.ver2 .box .sec {min-height: auto;}
    .layerWrap .layerArea .midArea .groupWrap .boxArea.ver3 .box {width: 100%;}
    .layerWrap .layerArea .midArea .groupWrap .boxArea.ver3 .box .fir {display: flex; flex-flow: row wrap; align-items: center; justify-content: center; gap: 5px;}
    .layerWrap .layerArea .midArea .groupWrap .boxArea.ver3 .box .fir .icon {width: fit-content;}
    .layerWrap .layerArea .midArea .groupWrap .boxArea.ver3 .box .fir .icon img {max-height: 22px; min-width: unset!important;}
    .layerWrap .layerArea .midArea .groupWrap .boxArea.ver3 .box .sec {min-height: auto;}
    .layerWrap .layerArea .midArea .groupWrap .boxArea.ver4 .top {flex-flow: column wrap; align-items: flex-end;}
    .layerWrap .layerArea .midArea .groupWrap .boxArea.ver4 .box.half {width: 80%;}
    .layerWrap .layerArea .midArea .groupWrap .boxArea.ver4 .box.half .sec {min-height: auto;}
    .layerWrap .layerArea .midArea .groupWrap .boxArea.ver4 .top::after {width: 1px; height: 100%;  left: 0;  bottom: -72%;transform: translateY(-50%);}
    .layerWrap .layerArea .midArea .groupWrap .boxArea.ver4 .box.half::before {  width: 4.5rem;  height: 1px;  bottom: 50%;  transform: translateY(-50%);   left: -4.5rem;  }
    .layerWrap .layerArea .midArea .groupWrap .boxArea.ver4 .bottom .box:first-child::before {display: none;}

    .workArea {gap: 2rem;}
    .workArea .workBox {width: 100%;}
    .workArea .workBox .workText {font-size: 0.85rem;}
    .workArea .workBox .number {min-width: 40%;}
    .workArea .workBox .workText br {display: none;}
    
    .layerWrap .layerArea .midArea .groupWrap .goalWrap .goalBox .textArea .goalText {font-size: 0.8rem; line-height: 1.4;}
    
}

@media only screen and (max-width: 425px){
    .visualWrap .visualArea.user {padding: 3rem 1rem 5rem 1rem;}

    .groupIntro .text {text-align: justify; word-break: break-all;}

    .summaryWrap .sumArea .sumTitle {font-size: 0.8rem;}
    .summaryWrap .sumArea .sumBox .visionTit.small {font-size: 0.9em;}
    .summaryWrap .sumArea .sumBox .visionTit.big {font-size: 1em;}
    .summaryWrap .boxArea .box {width: 100%; flex: auto; padding: 0.5rem;}
    .summaryWrap .boxArea .box .boxTitle {font-size: 1.1rem;}
    .summaryWrap .boxArea .box sup {display: block; font-size: 0.8rem;}
    .summaryWrap .sumArea .sumBox .imgArea {width: 100%;}
    .summaryWrap.ver2 .contArea .cirArea {flex-flow: column wrap;}
    .summaryWrap.ver2 .contArea .cirArea .box {width: 100%; flex-flow: row nowrap; align-items: center; justify-content: flex-start; gap: 1rem;}
    .summaryWrap.ver2 .contArea .cirArea .box .row {min-width: 83px;}
    .summaryWrap.ver2 .contArea .cirArea .box .line {width: 1px; height: 1.5rem;}
    .summaryWrap.ver2 .contArea .cirArea .box .img {margin-bottom: 5px;}
    .summaryWrap.ver2 .contArea .cirArea .box .img img {max-height: 30px;}
    .summaryWrap.ver2 .contArea .cirArea .box .text {text-align: left;}
    .summaryWrap.ver2 .contArea .cirArea .box .subject {min-width: 78px;}
    .summaryWrap.ver2 .contArea .cirArea.width100 .box .column {min-width: 78px;}
    .summaryWrap.ver2 .contArea .cirArea.width100 .box {align-items: center; justify-content: flex-start; padding: 0.5rem;}
    .summaryWrap.ver2 .contArea .cirArea.width100 .box .row {min-width: unset;}
    .summaryWrap.ver2 .contArea .cirArea.width100.gradient .box {justify-content: center;}
    
    .layerWrap .layerArea .midArea .groupWrap .title {font-size: 1rem;}
    .layerWrap .layerArea .midArea .groupWrap .text .boxArea {gap: 0.5rem;}
    .layerWrap .layerArea .midArea .groupWrap .text .boxArea .box {width: 100%;}
    .layerWrap .layerArea .midArea .groupWrap .text .boxTitle {font-size: 0.9rem;}
    .layerWrap .layerArea .midArea .groupWrap .boxArea.ver3 .box .sec {min-height: auto;}
    .layerWrap .layerArea .midArea .groupWrap .boxArea.ver4 .box.half {  width: 90%; }
    .layerWrap .layerArea .midArea .groupWrap .boxArea.ver4 .box.half::before {width: 1.7rem; left: -1.7rem;}
    
    .askWrap .askVisual .askImg {display: none;}

}

@media only screen and (max-width: 375px){
    .subpage-tabWrap.projectTab .sub-tabArea {gap: 5px; margin-bottom: 10px;}
    .subpage-tabWrap.projectTab .sub-tabArea .tab .subject {font-size: 13px;}

    .layerWrap .layerArea .midArea .groupWrap .goalWrap .goalBox {padding: 0.5rem;}
    .layerWrap .layerArea .midArea .groupWrap .goalWrap .goalBox .goalTit {font-size: 0.85rem; background: none;}
    
    .askWrap .askVisual.ver3 {background-position: center right 10%;}
    .applyWrap.ver3 .textArea li {flex-flow: row wrap;}
    .applyWrap.ver3 .textArea li .bold {min-width: 90%;}
    .applyWrap.ver3 .textArea li .icon {  padding-top: 9px;}
}

@media only screen and (max-width: 325px){
    .box_search.ver2 .searchArea .box {flex-flow: column wrap;}
    .box_search.ver2 input {min-height: 30px;}

    .layerWrap .layerArea .topArea .logoArea .logoTitle .address {background: none; text-align: center;}
    .layerWrap .layerArea .topArea .logoArea .logo img {max-height: 46px;}
    .layerWrap .layerArea .midArea .groupWrap .boxArea.ver4 .box.half::before {  width: 1.2rem;   left: -1.2rem; }
}