@charset "utf-8";

.wrap-contents * {font-family: 'Paperlogy Regular' !important;}

/* 사이트맵 */
#_JW_stMp_basic ul._stMpUl > li div._stMpWrap > ul > li > a {position: relative; transition: 0.3s ease-in-out;}
#_JW_stMp_basic ul._stMpUl > li div._stMpWrap > ul > li > a[target="_blank"]::after {content:''; width: 15px; height: 15px; background: url('../../images/common/link-b.svg')no-repeat center center/contain; display: inline-block; margin-left: 4px; transition: 0.3s ease-in-out;}
#_JW_stMp_basic ul._stMpUl > li div._stMpWrap > ul > li > a[target="_blank"]:hover::after {background: url('../../images/common/link-c.svg')no-repeat center center/contain;}

#_JW_stMp_basic ul._stMpUl > li div._stMpWrap > ul > li > ul > li > a {position: relative; transition: 0.3s ease-in-out;}
#_JW_stMp_basic ul._stMpUl > li div._stMpWrap > ul > li > ul > li > a[target="_blank"]::after {content:''; width: 15px; height: 15px; background: url('../../images/common/link-b.svg')no-repeat center center/contain; display: inline-block; margin-left: 4px; transition: 0.3s ease-in-out; position: relative; top:1px;}
#_JW_stMp_basic ul._stMpUl > li div._stMpWrap > ul > li > ul > li:hover > a[target="_blank"]::after {background: url('../../images/common/link-c.svg')no-repeat center center/contain;}

/* 서브 컨텐츠 스타일 가이드 */
.sg-title {position: relative; margin-top: 50px; margin-bottom: 20px; color: #1f2353; font-size: 28px; font-family: "Paperlogy SemiBold" !important;}
.sg-title:first-child {margin-top: 0;}

@media (max-width:550px) {
  .sg-title {margin-top: 30px; margin-bottom: 15px; font-size: 24px;}
}

.sg-list {list-style: none; margin: 0; padding: 0;}
.sg-list > li {position: relative; padding-left: 18px; color: #414651; font-size: 18px;}
.sg-list > li:before {content: ""; position: absolute; top: 9px; left: 2px; width: 8px; height: 8px; border-radius: 3px; background: #FF6363;}
.sg-list > li + li {margin-top: 6px;}
.sg-list > li > ul {margin-top: 9px;}
.sg-list > li > ul > li {position: relative; padding-left: 12px; color: #414651; font-size: 17px;}
.sg-list > li > ul > li:before {content: ""; position: absolute; top: 10px; left: 0; width: 5px; height: 5px; border-radius: 50%; background: #4254c4;}
.sg-deflist {list-style: none; margin: 0; padding: 0;}
.sg-deflist > li {margin-bottom: 5px; font-size: 17px;}
.sg-deflist .dt {display: inline-block; color: #242a3a; font-weight: 500; min-width: 120px;}
.sg-deflist .dd {display: inline-block; color: #414654;}

.sg-warning {position: relative; margin-bottom: 10px; padding-left: 29px; font-size: 17px; font-weight: 400; word-break: keep-all;}
.sg-warning:before {content: ""; position: absolute; top: 1px; left: 0; width: 23px; height: 23px; background: url("/sites/test_22/images/sub/ico-warning.png") no-repeat;}
.sg-warning--red {color: #FF6363;}
.sg-warning--red:before {background-position-x: 0;}
.sg-warning--skyblue {color: #078bf1;}
.sg-warning--skyblue:before {background-position-x: -25px;}
.sg-warning--blue {color: #4254c4;}
.sg-warning--blue:before {background-position-x: -50px;}

@media (max-width:550px) {
  .sg-warning {font-size: 16px;}
}

.sg-dlbox {margin: 10px 0; padding: 10px 0; display: table; width: 100%; border: 1px solid #d9d9db; border-radius: 10px;}
.sg-dlbox dt, .sg-dlbox dd {display: table-cell; vertical-align: middle; margin: 0; box-sizing: border-box; padding: 10px 40px;}
.sg-dlbox dt {position: relative; width: 300px; text-align: center; font-size: 18px; font-weight: 500; color: #000;}
.sg-dlbox dt:after {position: absolute; top: 15px; right: 1px; content: ""; display: block; width: 1px; height: calc(100% - 30px); border-right: 1px solid #e4e4e4;}
.sg-dlbox dd {width: calc(100% - 300px);}

@media (max-width:768px) {
  .sg-dlbox dt {display: block; width: 100%;}
  .sg-dlbox dt:after {position: relative; top: auto; right: auto; width: auto; height: 1px; border-bottom: 1px solid #e4e4e4; border-right: 0; padding-bottom: 10px;}
  .sg-dlbox dd {display: block; width: 100%; padding-top: 15px;}
  .sg-dlbox dt, .sg-dlbox dd {padding: 10px 20px;}
}

.omks--card ~ .omks--card {margin-top: 50px;}
.omks--card .omks--card-head ~ .omks--card-body {margin-top: 20px;}
.omks--card .omks--card-title {font-size: 27px;}
.omks--card .omks--card-title .omks--stnc {font-size: 17px;}

.istatus-budget {position: relative; display: flex; align-items: baseline; justify-content: center; padding: 43px; border: 1px solid #DDD; border-radius: 10px;}

@media (max-width: 768px) {
  .istatus-budget {padding: 21px;flex-direction: column;align-items: center;text-align: center;}
}
.istatus-budget .budget-caption {position: absolute; top: -11px; right: 0; transform: translateY(-100%); font-size: 17px; color: #555;}

@media (max-width: 768px) {
  .istatus-budget .budget-caption {top: calc(100% + 11px); right: 50%; transform: translate(50%, 0);}
}

.istatus-eval .eval-list {overflow: hidden;}
.istatus-eval .eval-list ul, .istatus-eval .eval-list li {margin: 0; padding: 0; list-style: none;}
.istatus-eval .eval-list ul {display: flex; flex-wrap: wrap; margin-top: -17px; gap: 0;}
.istatus-eval .eval-list .eval-item {flex: 1 1 50%; width: 50%; margin-top: 17px; display: flex; align-items: center; gap: 10px;}

@media (max-width: 1024px) {
  .istatus-eval .eval-list .eval-item {flex: 1 1 100%; width: 100%; flex-direction: column; align-items: flex-start; gap: 7px;}
}

.istatus-eval .eval-item .eval-ttl {display: inline-flex; align-items: center; justify-content: center; min-width: 85px; min-height: 32px; box-sizing: border-box; padding: 5px 13px; border-radius: 27px; background-color: rgba(47, 104, 194, 0.1);}
.istatus-eval .eval-item .eval-ttl .ttl-text {font-size: 17px; color: #2F68C2; white-space: nowrap;}
.istatus-eval .eval-item .eval-cont {font-size: 18px; color: #222;}

@media (max-width: 1024px) {
  .istatus-eval .eval-item .eval-cont {font-size: 17px;}
}

.istatus-eval .contents--wide-process {display: flex; flex-direction: column; gap: 42px;}
.istatus-eval .contents--wide-process .wp-box {position: relative;}
.istatus-eval .contents--wide-process .wp-box ~ .wp-box .bx-ttl::before {position: absolute; top: -12px; left: 50%; transform: translate(-50%, -100%); content: "▼"; font-size: 15px; color: #2D3D57;}

.istatus-eval .contents--wide-process .bx-ttl {display: flex; align-items: center; color: #fff; font-weight: 600; font-size: 19px; padding: 12px 25px; border-radius: 10px;}
.istatus-eval .contents--wide-process .bx-ttl .ttl-text {flex-grow: 1;}
.istatus-eval .contents--wide-process .wp-box:nth-of-type(1) .bx-ttl {background-color: #2F68C2;}
.istatus-eval .contents--wide-process .wp-box:nth-of-type(2) .bx-ttl {background-color: #2B50B8;}
.istatus-eval .contents--wide-process .wp-box:nth-of-type(3) .bx-ttl {background-color: #0E3796;}
.istatus-eval .contents--wide-process .wp-box:nth-of-type(4) .bx-ttl {background-color: #163376;}

.istatus-eval .contents--wide-process .bx-cont {margin-top: 15px;}
.istatus-eval .contents--wide-process .bx-frame {padding: 17px 25px; background-color: #fafafa; border: 1px solid #ddd; border-radius: 10px;}

@media (max-width: 768px) {.istatus-eval .contents--wide-process .bx-frame {padding: 15px 17px;}
}

.istatus-eval .contents--wide-process .bx-hook .hook-frame::before {border-color: #2F68C2;}
.istatus-eval .contents--wide-process .bx-hook .hook-frame::after {background-color: #2F68C2;}

.howUse {display: flex; justify-content: space-between; gap: 20px; flex-wrap: wrap; margin-top: 20px;}

.infoBox {position: relative; width: calc(50% - 10px); background-color: #f7f9fc; border-radius: 16px; padding: 28px 40px; box-sizing: border-box; color: #222; overflow: hidden; background-repeat: no-repeat; background-position: right 40px center; background-size: 120px; box-shadow: 0 1px 3px rgba(0,0,0,0.05);}

.infoTitle {font-weight: bold; font-size: 20px; color: #1f2353; margin-bottom: 14px;}

.infoList li {position: relative; padding-left: 14px; margin-bottom: 8px; font-size: 18px; color: #333;}
.infoList li::before {content: "•"; position: absolute; left: 0; color: #7a8da5; font-size: 16px;}
.infoList strong {color: #1f2353; font-weight: bold; margin-right: 6px;}

.infoSub {margin-left: 14px; color: #666; font-size: 17px; }
.infoNote {margin-left: 14px; font-size: 16x; color: #d12f2f; margin-top: 6px;}

@media (max-width: 1200px) {
  .infoBox {padding: 20px 30px;}
}
@media (max-width: 768px) {
  .infoBox {width: 100%;}
}
@media (max-width: 560px) {
  .infoBox {padding: 15px 20px;}
  .infoTitle {font-size: 19px;}
}


/* 인사말 */
.greeting-box .flexBox {display:flex; align-items:flex-start; gap:50px; margin:0 auto; padding:60px 0; box-sizing:border-box;}
.greeting-box .img {width:320px; flex-shrink:0;}
.greeting-box .img img {display:block; width:100%; height:auto; border-radius:12px;}
.greeting-box .signature {margin-top:20px; padding:0 8px; text-align:center;}
.greeting-box .signature p {margin:0; font-size:20px; line-height:1.6; color:#555;}
.greeting-box .signature p + p {margin-top:2px; color:#555;}
.greeting-box .signature strong {margin-right:8px; font-size:28px; font-weight:500; letter-spacing:5px; color:#000;}
.greeting-box .conArea {flex:1; min-width:0; font-size:18px; color:#555; line-height:1.75;}
.greeting-box .desc .head {margin-bottom:30px; font-size:30px; font-weight:600; line-height:1.45; color:#111;}
.greeting-box .desc .head strong {color:#ee257e; font-weight:700;}
.greeting-box .desc .con p {margin:0 0 20px; font-size:18px; font-weight:400; line-height:1.8; color:#555;}
.greeting-box .desc .con p strong {color:#222; font-weight:600;}

@media (max-width:1200px) {
    .greeting-box .flexBox {gap:40px; padding:50px 0;}
    .greeting-box .img {width:280px;}
    .greeting-box .desc .head {font-size:27px;}
}

@media (max-width:1024px) {
    .greeting-box .flexBox {gap:35px; padding:40px 0;}
    .greeting-box .img {width:240px;}
    .greeting-box .signature p {font-size:18px;}
    .greeting-box .signature strong {font-size:25px;}
    .greeting-box .desc .head {font-size:25px; margin-bottom:25px;}
    .greeting-box .desc .con p {font-size:17px;}
}

@media (max-width:767px) {
    .greeting-box .flexBox {flex-direction:column; gap:40px; padding:30px 0;}
    .greeting-box .img {width:100%; max-width:280px; margin:0 auto;}
    .greeting-box .signature {margin-top:16px; padding:0; text-align:center;}
    .greeting-box .signature p {font-size:17px;}
    .greeting-box .signature strong {font-size:24px; letter-spacing:4px;}
    .greeting-box .conArea {width:100%;}
    .greeting-box .desc .head {font-size:23px; line-height:1.5; margin-bottom:25px;}
    .greeting-box .desc .con p {margin-bottom:18px; font-size:17px; line-height:1.75;}
}

@media (max-width:550px) {
    .greeting-box .flexBox {gap:35px; padding:20px 0;}
    .greeting-box .img {max-width:230px;}
    .greeting-box .img img {border-radius:10px;}
    .greeting-box .signature {margin-top:14px;}
    .greeting-box .signature p {font-size:16px;}
    .greeting-box .signature strong {margin-right:5px; font-size:22px; letter-spacing:3px;}
    .greeting-box .desc .head {font-size:21px; line-height:1.5; margin-bottom:22px;}
    .greeting-box .desc .head br {display:none;}
    .greeting-box .desc .con p {font-size:16px; line-height:1.75; margin-bottom:17px;}
}


/* 연구실 소개 */
.lab-prof ul {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;padding:20px 10px; margin:0;}
.lab-prof ul li {display:flex;position:relative;padding:24px;background:#fff;border:1px solid #e0e6ef;border-radius:16px;box-shadow:0 6px 14px rgba(0,0,0,0.06);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;}
.lab-prof ul li:hover {transform:translateY(-6px);border-color:#7bbef7;box-shadow:0 10px 20px rgba(124,181,255,.25);}
.lab-prof .img {flex-shrink:0;width:180px;height:250px;overflow:hidden;border-radius:12px;}
.lab-prof .img img {width:100%;height:100%;object-fit:cover;display:block;}
.lab-prof .cnt {flex:1 1 auto;padding-left:24px;min-width:0;}
.lab-prof .cnt h1 {font-size:24px;font-weight:700;color:#222;margin:0;}
.lab-prof .cnt h3 {margin:8px 0 10px;font-size:19px;font-weight:bold;color:#004a9a;}
.lab-prof .prof-info {margin:0;padding:0;list-style:none;display:block;}
.lab-prof .prof-info li {display:flex;align-items:center;gap:8px;margin:4px 0;font-size:17px;color:#444;border:none !important;background:none !important;box-shadow:none !important;padding:0 !important;width:auto !important;min-height:auto !important;}
.lab-prof .prof-info li::before {content:'';width:6px;height:6px;border-radius:50%;background:#7bbef7;flex:0 0 6px;}
.lab-prof .prof-info a,.prof .prof-info a:active,.prof .prof-info a:focus,.prof .prof-info a:visited {position:static !important;top:auto !important;transform:none !important;transition:color .25s,text-decoration .25s !important;}
.lab-prof .prof-info li a.email {color:#333;text-decoration:none;}
.lab-prof .prof-info li a.email:hover,.prof .prof-info li a.email:focus-visible {color:#004a9a;text-decoration:underline;outline:none;}

@media (max-width:1400px){
  .lab-prof ul {grid-template-columns:1fr;}
}
@media (max-width:720px){
  .lab-prof ul li {flex-direction:column;padding:20px;}
  .lab-prof .img {margin:0 auto;}
  .lab-prof .cnt {padding-left:0;margin-top:12px;text-align:center;}
  .lab-prof .prof-info li::before {display:none;}
  .lab-prof .prof-info li {padding-left:0;}
}
@media (max-width:600px){
  .lab-prof .img {width:100%;max-width:200px;height:auto;}
  .lab-prof .img img {width:100%;height:auto;object-fit:cover;}
  .lab-prof .cnt h1 {font-size:20px;}
}
.lab-prof .prof-info li,.prof .prof-info li:hover,.prof .prof-info li:active {transform:none !important;box-shadow:none !important;border-color:transparent !important;position:static !important;top:auto !important;}


/* 부속연구소/연구실 소개 */
.majrIntro-wrap { max-width:1400px; margin:0 auto; padding:30px 0; }
.majrIntro-box { display:flex; justify-content:space-between; align-items: center; margin-bottom:60px; }
.majrIntro-box:last-child { margin-bottom:0; }
.majrIntro-text { width:50%; padding:0 60px; }
.majrIntro-text h4 {display: inline-block;position: relative;margin-bottom: 15px;padding: 7px 25px;border-radius: 50px;background: linear-gradient(90deg, #ee257e 0%, #eca521 100%);font-size: 20px;font-weight: 600;line-height: 1.3;color: #fff;}
.majrIntro02{flex-direction: row-reverse;}
.majrIntro02 .majrIntro-text {text-align: right;}
.majrIntro04{flex-direction: row-reverse;}
.majrIntro04 .majrIntro-text {text-align: right;}
.majrIntro-text .tit { margin-bottom:12px; font-size:30px; font-weight:700; line-height:1.4; color:#222; }
.majrIntro-text p { font-size:18px; line-height:1.7; color:#666; }
.majrIntro-img { width:48%; border-radius:20px; overflow:hidden; height: 320px;}
.majrIntro-img img { width:100%; height: 100%; object-fit: cover; display:block; }

@media (max-width: 1400px) {
  .majrIntro-text h4 {font-size: 22px;}
  .majrIntro-text .tit {font-size: 25px;}
  .majrIntro-text p {font-size: 17px;}
  .majrIntro-text {padding: 0 30px;}
}
@media (max-width:1024px){
  .majrIntro-box {margin-bottom: 40px;}
  .majrIntro-img {height: 260px;}
  .majrIntro-text {padding: 0 20px;}
}
@media (max-width:768px){
  .majrIntro-box { flex-direction:column-reverse; }
  .majrIntro02 { flex-direction:column-reverse; }
  .majrIntro02 .majrIntro-text {text-align: left;}
  .majrIntro04 { flex-direction:column-reverse; }
  .majrIntro04 .majrIntro-text {text-align: left;}
  .majrIntro-text, .majrIntro-img { width:100%; }
  .majrIntro-text { margin-bottom: 20px; padding:0;}
  .majrIntro-img { border-radius:20px; height:: 200px;}
  .majrIntro-text h4 { font-size:20px; }
  .majrIntro-text .tit { font-size:20px; }
}

/* 스타일 가이드 */
.ui-heading-xl, .ui-heading-lg, .ui-heading-md { margin-bottom:20px; position:relative; }
.ui-heading-xl { font-family:'Paperlogy Bold'; color:#081535; font-size:30px; font-weight:500; line-height:1.1; }
.ui-heading-lg { color:#363A96; font-size:21px; margin-top:40px; }
.ui-heading-md { color:#535D71; font-size:18px; }

@media (max-width:768px){
  .ui-heading-xl { font-size:23px; }
  .ui-heading-lg { font-size:19px; }
  .ui-heading-md { font-size:17px; }
  .ui-heading-xl, .ui-heading-lg, .ui-heading-md { margin-bottom:10px; }
}

[class^=ui-list] > li { position:relative; margin-bottom:15px; color:#5E5E5E;}
[class^=ui-list] > li:last-child { margin-bottom:0; }
[class^=ui-list] > li:before { position:absolute; left:0; top: 1px;}
.ui-list-title { display:block; font-weight:700; color:#2E2E2E; }
.ui-list-desc { display:inline-block; margin-top:5px; }
.ui-list-dot > li { padding-left:14px; }
.ui-list-dot > li:before { content:""; top:10px; width:4px; height:4px; background:#363A96; border-radius:50%; }
.ui-list-num { counter-reset:num; }
.ui-list-num > li { counter-increment:num; padding-left:28px; }
.ui-list-num > li:before { content:counter(num) "."; left:5px; }
.ui-list-num2 { counter-reset:num2; }
.ui-list-num2 > li { counter-increment:num2; padding-left:32px; }
.ui-list-num2 > li:before { content:counter(num2) ")"; left:5px; }
.ui-list-step { counter-reset:step; }
.ui-list-step > li { counter-increment:step; padding-left:32px; }
.ui-list-step > li:before { content:counter(step); width:24px; height:24px; border:1px solid #5B5B5B; border-radius:8px; text-align:center; line-height:24px; font-size:11px; background:#fff; }
.ui-list-step.primary > li:before { background:#363A96; color:#fff; border-color:#363A96; }
.ui-process > ul { border-top:2px solid #081535; }
.ui-process > ul > li { position:relative; padding-left:320px; }
.ui-process > ul > li > div { border-bottom:1px solid #e1e5ee; }

.ui-process-title { position:absolute; left:0; top:0; width:260px; height:100%; padding-top:40px; }
.ui-process-title p { font-size:24px; font-weight:700; color:#081535; }
.ui-process-content { padding:40px 0; }
.ui-process-sub { margin-bottom:15px; font-size:18px; font-weight:600; color:#363A96; }
.ui-process-note { margin-top:10px; color:#EF4A47; font-size:16px; }
.ui-list-num { margin-top:10px; }

@media (max-width:1024px){
  .ui-process > ul > li { padding-left:220px; }
  .ui-process-title { width:180px; }
}
@media (max-width:768px){
  .ui-process > ul > li { padding-left:0; }
  .ui-process-title { position:static; width:auto; padding:15px 10px; }
  .ui-process-content { padding:15px 10px; }
  .ui-process-title p { font-size:18px; }
  .ui-process-sub { font-size:16px; }
}

/* 버튼 스타일 */
a.btn-pink {display:inline-flex; align-items:center; justify-content:center; gap:10px; padding:14px 28px; border:2px solid transparent; border-radius:50px; background:linear-gradient(#fff, #fff) padding-box, linear-gradient(90deg, #ee257e, #eca521) border-box; color:#444 !important; font-size:18px; font-weight:500; line-height:1.4; box-sizing:border-box; text-decoration:none; cursor:pointer; transition:color .3s ease;}
a.btn-pink:hover {background:linear-gradient(90deg, #ee257e, #eca521) padding-box, linear-gradient(90deg, #ee257e, #eca521) border-box; color:#fff !important; text-decoration:none;}
a.btn-pink i {display:inline-block; width:22px; height:22px; flex-shrink:0; background-position:center; background-repeat:no-repeat; background-size:contain;}
a.btn-pink .ico-download {background-image:url('/sites/arts_v2/images/sub/ico_download.svg');}
a.btn-pink .ico-link {background-image:url('/sites/arts_v2/images/sub/ico_link.svg');}
a.btn-pink:hover .ico-download {background-image:url('/sites/arts_v2/images/sub/ico_download_w.svg');}
a.btn-pink:hover .ico-link {background-image:url('/sites/arts_v2/images/sub/ico_link_w.svg');}

/*비전및인재상*/
.title-line {display:block; width:46px; height:4px; margin-bottom:22px; background:linear-gradient(90deg, #ee257e 0%, #eca521 100%);}
.title-line.center {margin-left:auto; margin-right:auto;}
.title-line.left {margin-left:0; margin-right:auto;}
.title-line.right {margin-left:auto; margin-right:0;}

.greeting-box .greeting-intro {margin-bottom:60px; text-align:center;}
.greeting-box .greeting-intro h3 {margin:0 0 18px; font-size:30px; font-weight:700; line-height:1.4; color:#111;}
.greeting-box .greeting-intro p {margin:0; font-size:18px; font-weight:400; line-height:1.8; color:#555;}
.greeting-box .greeting-img {display:block; max-width:100%; height:auto; margin:40px auto 0;}

@media (max-width:1024px) {
    .greeting-box .greeting-intro {margin-bottom:50px;}
    .greeting-box .greeting-intro h3 {font-size:25px;}
    .greeting-box .greeting-intro p {font-size:17px;}
}

@media (max-width:767px) {
    .title-line {width:40px; height:3px; margin-bottom:18px;}
    
    .greeting-box .greeting-intro {margin-bottom:40px;}
    .greeting-box .greeting-intro h3 {margin-bottom:15px; font-size:23px;}
    .greeting-box .greeting-intro p {font-size:17px; line-height:1.75;}
    .greeting-box .greeting-intro p br {display:none;}
    .greeting-box .greeting-img {margin-top:30px;}
}

@media (max-width:550px) {
    .greeting-box .greeting-intro h3 {font-size:21px;}
    .greeting-box .greeting-intro p {font-size:16px;}
}