/* COMMON */
.wrap {/* min-width:1600px; */ position:relative;}
.inner {  width:100%; max-width:1250px; margin:0px auto;}
.gray_box{background: #f9f9f9; padding:20px}
.gray_box b{font-weight: bold;}
/* HEADER */
.header-mb {display:none;}
.header-top-wrap {width:100%; background:#fff; border-bottom:1px solid #c0c0c0;}
.header-top-wrap .header-top { max-width: 1250px; display:flex; justify-content:space-between; padding:15px 0; align-items:center; margin: 0 auto;}
.header-top-wrap .header-top .header-logo a {display:inline-block;}
.header-top-wrap .header-top .header-logo a img {display:block; width:200px;}
.header-top-wrap .header-top .header-sns {display:flex;}
.header-top-wrap .header-top .header-sns ul {display:flex; align-items:center;}
.header-top-wrap .header-top .header-sns ul li {margin-left:20px;}
.header-top-wrap .header-top .header-sns div.search-btn {margin-left:30px; display:flex; align-items:center;}
.header-top-wrap .header-top .header-sns div.search-btn img {width:30px; height:30px;}

.header-gnb-placeholder {height: 0;}
.header-gnb-wrap.fixed + .header-gnb-placeholder {height: 80px;}

.header-gnb-wrap {width:100%; background:#fff; position:relative; box-shadow:0 -1px 0 0 rgba(192,192,192,1) inset; z-index:9999;}
.header-gnb-wrap.fixed {position:fixed; top:0; left:0; width:100%; z-index:9999; background-color:#fff; box-shadow: 0 2px 8px rgba(0,0,0,0.08);}
.header-gnb-wrap .gnb-wide {position:absolute; width:100%; background-color:#fff; height:250px; z-index:8; top:100%; display:none; box-shadow:0 10px 6px -6px rgba(0,0,0,0.25);}
.header-gnb-wrap .gnb-wide.active {display:block;}
.header-gnb-wrap .header-gnb{max-width: 1250px;  display:flex; align-items:center; justify-content:space-between;margin: 0 auto;}
.header-gnb-wrap .header-gnb .header-left-box {display:flex;}
.header-gnb-wrap .header-gnb .header-left-box .header-gnb-all {display:flex; align-items:center; padding:0 50px 0 0;}
.header-gnb-wrap .header-gnb .header-left-box .header-gnb-all img {width:30px;}
.header-gnb-wrap .header-gnb .header-left-box .header-gnb-all .gnb-all-btn {cursor:pointer;}
.header-gnb-wrap .header-gnb .header-left-box .header-gnb-all .gnb-all-menu {position:absolute; width:100%; background-color:#fff; height:510px; left:0; top:100%; z-index:21; display:none; box-shadow:0 10px 6px -6px rgba(0,0,0,0.25);}
.header-gnb-wrap .header-gnb .header-left-box .header-gnb-all .gnb-all-menu.active {display:block;}
.header-gnb-wrap .header-gnb .header-left-box .header-gnb-all .gnb-all-menu > ul {max-width:1440px; padding-left:148px; margin:0 auto; display:flex;}
.header-gnb-wrap .header-gnb .header-left-box .header-gnb-all .gnb-all-menu > ul > li {width:170px;}
.header-gnb-wrap .header-gnb .header-left-box .header-gnb-all .gnb-all-menu > ul > li:nth-child(4) {width:145px;}
.header-gnb-wrap .header-gnb .header-left-box .header-gnb-all .gnb-all-menu ul > li > a {display:block; font-size:22px; font-weight:600; line-height:1.2; color:#333; letter-spacing:-0.02em; padding:15px 0 5px;}
.header-gnb-wrap .header-gnb .header-left-box .header-gnb-all .gnb-all-menu ul > li > ul.all-depth2 > li > a {font-size:17px; font-weight:500; color:#333;}
.header-gnb-wrap .header-gnb .header-left-box .header-gnb-all .gnb-all-menu ul > li > ul.all-depth2 > li > a:hover {color:#000; font-weight:600;}
.header-gnb-wrap .header-gnb .header-left-box .header-gnb-all .gnb-all-menu ul > li > ul > li > ul.all-depth3 {padding-left:15px;}
.header-gnb-wrap .header-gnb .header-left-box .header-gnb-all .gnb-all-menu ul > li > ul > li > ul.all-depth3 > li > a {display:block; color:#666; padding-top:5px; font-size:15px; font-weight:normal;}
.header-gnb-wrap .header-gnb .header-left-box .header-gnb-all .gnb-all-menu ul > li > ul > li > ul.all-depth3 > li > a:hover {color:#D6000F;}
.header-gnb-wrap .header-gnb .gnb{display:flex; position:relative;}
/* .header-gnb-wrap .header-gnb .gnb > li {position:relative;} */
.header-gnb-wrap .header-gnb .gnb > li > a {display:inline-block; height:80px; font-size:18px; font-weight:600; line-height:80px; width:170px; text-align:center; position:relative;}
.header-gnb-wrap .header-gnb .gnb > li > a::after {position:absolute; content:''; top:0; left:50%; transform:translate(-50%,0); width:100px; height:0px; opacity:0; transition: height 0.3s ease, opacity 0.3s ease; background-color:#D6000F;}

.header-gnb-wrap .header-gnb .gnb > li > a.active::after {height:3px; opacity:1;}
/* .header-gnb-wrap .header-gnb .gnb > li::after {content:''; display:inline-block; position:absolute; bottom:0; left:50%; transform:translateX(-50%); width:100px; height:3px; background-color:#D6000F; opacity:0;} 
.header-gnb-wrap .header-gnb .gnb > li:hover::after {opacity:1;} */
.header-gnb-wrap .header-gnb .gnb > li > div {display:none;}
.header-gnb-wrap .header-gnb .gnb > li > div > ul {width:1440px; height:250px; background:#fff; position:absolute; top:100%; z-index:21; left:0; display:flex; flex-wrap: wrap; padding-left:68px; padding-top: 15px;}
.header-gnb-wrap .header-gnb .gnb > li > div.active {display:block;}
.header-gnb-wrap .header-gnb .gnb > li > div > ul > li { width:170px;}
.header-gnb-wrap .header-gnb .gnb > li > div > ul > li:nth-child(4) {width:145px;}
/* .header-gnb-wrap .header-gnb .gnb > li:nth-child(4) > div > ul > li {margin-right:100px;} */
.header-gnb-wrap .header-gnb .gnb > li:nth-child(4) > div > ul {width:1000px;}
.header-gnb-wrap .header-gnb .gnb > li > div > ul > li > a {display:block; width:100%; font-size:17px; font-weight:500; line-height:1.2; color:#333; letter-spacing:-0.02em; padding:15px 0 5px;}
.header-gnb-wrap .header-gnb .gnb > li > div > ul > li > a:hover {color:#000; font-weight:600;}
.header-gnb-wrap .header-gnb .gnb > li > div > ul > li > ul > li > a {color:#666; display:inline-block; padding-top:8px;}
.header-gnb-wrap .header-gnb .gnb > li > div > ul > li > ul > li > a:hover {color:#D6000F;}
/* .header-gnb-wrap .header-gnb .gnb > li > ul > li .gnb-depth3 {display:none;} */
/* 마이페이지는 2뎁스 자체 제거 */
.gnb > li:last-child .gnb-depth2-box {
    display: none !important;
}

/* 마이페이지 hover 시 gnb-wide 비노출 */
.header-gnb-wrap:has(.gnb > li:last-child:hover) .gnb-wide {
    opacity: 0;
    visibility: hidden;
}


.header-gnb-wrap .header-gnb .top-sponsor-btn {background-color:#D6000F;}
.header-gnb-wrap .header-gnb .top-sponsor-btn a {display:flex; height:80px; width:220px; align-items:center; justify-content:center;}
.header-gnb-wrap .header-gnb .top-sponsor-btn a img {margin-right:15px;}
.header-gnb-wrap .header-gnb .top-sponsor-btn a span {color:#fff; font-size:20px; font-weight:500;}

/* FOOTER */
footer {width:100%; background:#202020; padding:60px 0; color:#c2c2c2; /* margin-top:100px; */}
footer .f-left {width:20%;}
footer .f-right {width:80%;}
footer div.footer-top, footer div.footer-bottom {display:flex; align-items:center;}
footer div.footer-top {margin-bottom:20px;}
footer div.footer-top .f-right ul {display:flex;}
footer div.footer-top .f-right ul li {margin-right:30px;}
footer div.footer-top .f-right ul li a {color:#fff; font-weight:600;}
footer div.footer-bottom .f-right {display:flex; justify-content:space-between; align-items:center;}
footer div.footer-bottom .f-right p {font-size:15px; line-height:28px;}
footer div.footer-bottom .f-right a.member-login {color:#c2c2c2; border-bottom:1px solid #c2c2c2;}
footer div.footer-bottom .f-right .contact-btn a {display:inline-block; color:#fff; padding:10px 30px; background-color:#D6000F; border-radius:5px; margin-top:20px;}
footer div.footer-bottom .f-right .contact-btn div img {width:60px; margin:0 auto;}
footer div.footer-copy {margin-top:80px;}
footer div.footer-copy p {text-align:center; font-size:13px;}
footer div.footer-top .f-right div {display:none;}
.fixed-btn {position:fixed;  bottom:30px; right:30px; z-index:80;}
.fixed-btn div.spon-btn a {display:inline-block; width:120px; height:120px; border-radius:50%; background-color:#D6000F; display:flex; flex-direction:column; justify-content:center; align-items:center;}
.fixed-btn div.spon-btn a img {width:40px;}
.fixed-btn div.spon-btn a p {text-align:center; margin-top:10px; color:#fff; font-weight:500;}
.fixed-btn div.top-btn p {cursor:pointer; padding:10px 0; width:100px; margin:0 auto; text-align:center; background-color:#fff; border-radius:10px; margin-top:15px; box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.15);}

/* MAIN */
.scroll-ani {overflow:hidden;}
.scroll-left {opacity:0; transform:translateX(-50%); transition:all 1s cubic-bezier(0.77, 0, 0.175, 1);}
.scroll-bottom {opacity:0; transform:translateY(100%); transition:all 1s cubic-bezier(0.77, 0, 0.175, 1);}

.visual-wrap {width:100%; height:600px;}
.visual-wrap .visual-inner .visual-txtbox{max-width:1200px; margin:0 auto; padding:100px 0 0;}
.visual-wrap .visual-inner.show .scroll-left {opacity:1; transform:translateX(0);}
/* .visual-wrap .visual-inner.show .scroll-left {animation:aniLeft 1s cubic-bezier(0.77, 0, 0.175, 1) forwards;}
@keyframes aniLeft {
	0% {transform:translateX(-100%); opacity:0;}
	50% {opacity:0;}
	100% {transform:translateX(0); opacity:1;}
} */
.visual-wrap .swiper-pagination-bullet-active{background:#D6000F}
.visual-wrap .visual-inner .visual-txtbox {color:#333;}
.visual-wrap .visual-inner .visual-txtbox p {font-size:20px;}
.visual-wrap .visual-inner .visual-txtbox h2 {font-size:50px; line-height:70px; font-weight:700; padding:30px 0 50px;}
.visual-wrap .visual-inner .visual-txtbox div.visual-btn {width:180px;}
.visual-wrap .visual-inner .visual-txtbox div.visual-btn a {display:flex; justify-content:space-between; align-items:center; padding:15px 20px; width:100%; border-radius:50px; background-color:rgba(0,0,0,0.5); transition:0.2s all;}
.visual-wrap .visual-inner .visual-txtbox div.visual-btn a:hover {background-color:rgba(0,0,0,0.65);}
.visual-wrap .visual-inner .visual-txtbox div.visual-btn a span {color:#fff;}
.visual-wrap .visual-inner .visual-txtbox div.visual-btn a img {width:40px;}

.visual-quick {max-width:1200px; margin:0 auto; position:relative; top:-50%; transform:translateY(-50%); background-color:#fff; box-shadow:5px 5px 20px 10px rgba(0, 0, 0, 0.25); z-index: 10;}
.visual-quick ul {display:flex; justify-content:space-between; padding:15px 80px;}
.visual-quick ul li a {text-align:center; display:inline-block; width:140px; height:100%; padding:15px 0; border-radius:20px;}
.visual-quick ul li a:hover {background:#fff4f5;}
.visual-quick ul li a div {display:flex; justify-content:center; margin-bottom:10px;}

#sec2,#sec3,#sec4,#sec5,#sec6 {margin-top:200px;}

section .sec-txtbox h3 {font-size:40px; font-weight:600; margin-bottom:30px;}
section .sec-txtbox p {font-size:20px;}

.more-btn {display:flex; justify-content:center; margin-top:90px;}
.more-btn a {display:flex; justify-content:space-between; align-items:center; width:300px; padding:20px 30px; border:1px solid #8c8c8c; border-radius:100px; background-color:#fff; transition:all 0.2s; background-image:url('/img/arrow-btn.png'); background-position:right 15px top 50%; background-size:48px; background-repeat:no-repeat;}
.more-btn a span {font-size:20px; font-weight:500;}
.more-btn a:hover {border-color:#D6000F; color:#D6000F; background-color:#fff4f5; background-image:url('/img/arrow-btn-red.png');}
/* .more-btn a:hover {box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);} */

.txt-red {color:#D6000F;}
.txt-blue {color:#0087bb;}
.txt-green {color:#4AB034;}

#sec1 {background:url('/img/main-bg01-02.png') no-repeat; background-size: contain; background-position: calc(100% - 25%); margin-top:100px; position:relative; width:100%; min-height: 500px;}
#sec1:after{content:""; display:inline-block; background: #E5F0FF;height: 300px;width: 93%;position: absolute;bottom: -60px;z-index: -1; border-radius: 0 0 50px 0;}
#sec1 .inner.show .scroll-bottom {transform:translateX(0); opacity:1;}
#sec1 ul {display:flex; background-color:#3D5D84; /* margin-top:200px; */ padding:0 50px; position:absolute; bottom:-35%;  max-width:1440px;}
#sec1 ul li {width:33.33%; position:relative; padding:70px 50px; display:flex; align-items:center;}
#sec1 ul li::after {content:''; display:inline-block; position:absolute; width:1px; height:100px; background-color:#fff; top:50%; right:0; transform:translateY(-50%);}
#sec1 ul li:last-child::after {display:none;}
#sec1 ul li div {min-width:82px;}
#sec1 ul li div img {width:100%;}
#sec1 ul li p {padding-left:30px; color:#fff; font-weight:300; word-break:keep-all; font-size:18px;}
#sec1 ul li p strong {font-weight:500;}
@media (max-width:1700px){
#sec1:after{width: 98%;}
}


#sec2 {margin-top:300px;} 
#sec2 .sec-txtbox h3 {text-align:center;} 
#sec2 .sec-slide {padding-top:70px;} 
#sec2 .swiper {width: 100%; height: 100%; box-sizing:border-box; padding:0 65px;} 
#sec2 .swiper-slide { position:relative; overflow:hidden; text-align:center; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1); height:560px; /* opacity:0.3; transition: opacity 0.3s ease, transform 0.3s ease; */} 
#sec2 .swiper-slide > a {display:inline-block; width:100%; height:100%;}
#sec2 .swiper-slide > a > div {position:absolute; display:inline-block; width:100%; padding:0 30px; left:0; top:70%; color:#fff;} 
#sec2 .swiper-slide > a h4 {font-size:25px; font-weight:600; margin-bottom:15px;} 
#sec2 .swiper-slide > a p {font-size:18px; word-break:keep-all;} 
#sec2 .inner {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); z-index:50; width:calc(100% - 60px); /* height:44px; */ max-width:100%;} 
/* #sec2 .swiper-button-prev, #sec2 .swiper-button-next {width:70px; height:70px; background-color:#D6000F; border-radius:50%;}  */
#sec2 .swiper-button-prev, #sec2 .swiper-rtl .swiper-button-next {left:0;} 
#sec2 .swiper-button-next, #sec2 .swiper-rtl .swiper-button-prev {right:0;} 
/* #sec2 .swiper-button-next:after, #sec2 .swiper-rtl .swiper-button-prev:after, #sec2 .swiper-button-prev:after, #sec2 .swiper-rtl .swiper-button-next:after {content:"";} 
#sec2 .swiper-button-next:after, #sec2 .swiper-button-prev:after {width:27px; height:32px;} 
#sec2 .swiper-button-next:after {background:url('/img/arrow-next.png') no-repeat center/100%;} 
#sec2 .swiper-button-prev:after {background:url('/img/arrow-prev.png') no-repeat center/100%;}  */
#sec2 .swiper-slide-active, #sec2 .swiper-slide-prev, #sec2 .swiper-slide-next {opacity: 1;} 
/* #sec2 .swiper-slide-duplicate-prev, #sec2 .swiper-slide-duplicate-next, #sec2 .swiper-slide-duplicate-active {opacity: 1;}  */
#sec2 .slide01 {background:linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.95) 100%), url('/img/sec2-img01-02.png') no-repeat center/cover ;} 
#sec2 .slide02 {background:linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.95) 100%), url('/img/sec2-img02.jpg') no-repeat center/cover ;} 
#sec2 .slide03 {background:linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.95) 100%), url('/img/sec2-img03-01.png') no-repeat center/cover ;} 
#sec2 .slide04 {background:linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.95) 100%), url('/img/sec2-img04-01.png') no-repeat center/cover ;} 
#sec2 .slide05 {background:linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.95) 100%), url('/img/sec2-img05-01.png') no-repeat center/cover ;}

/* 너가 쓰던 카드(배경/타이포) 스타일은 그대로 사용 */
/* #sec2{margin-top:300px;}
#sec2 .sec-txtbox h3{text-align:center;}
#sec2 .card{height:400px;border-radius:20px;position:relative;overflow:hidden; box-shadow:0 4px 20px rgba(0,0,0,.1);opacity:.35;transition:opacity .3s ease; text-align:center;}
#sec2 .card.is-on{opacity:1;}
#sec2 .card > a{display:inline-block;width:100%;height:100%;}
#sec2 .card > a > div{position:absolute;left:0;top:60%;width:100%;padding:0 30px;color:#fff;}
#sec2 .card h4{font-size:20px;font-weight:600;margin-bottom:15px;}
#sec2 .card p{font-size:16px;word-break:keep-all;}
#sec2 .carousel{position:relative;margin-top:70px;
  --n:5; 
  --gap:30px;      
  --peek:100px;   
  --cardW:0px;     
}
#sec2 .carousel .viewport{overflow:hidden;padding:0 var(--peek);}
#sec2 .carousel .track{
  display:grid;
  grid-auto-flow:column;
  grid-auto-columns:var(--cardW);
  column-gap:var(--gap);
  will-change:transform;
  transition:transform .5s ease;
  padding:0;margin:0;
}
#sec2 .carousel .card{width:var(--cardW);min-width:var(--cardW);max-width:var(--cardW);}
#sec2 .carousel .nav{position:absolute;top:50%;transform:translateY(-50%); width:70px;height:70px;border-radius:50%;border:0;background:#D6000F;cursor:pointer;z-index:5;}
#sec2 .carousel .prev{left:calc(var(--peek) - 35px);}
#sec2 .carousel .next{right:calc(var(--peek) - 35px);}
#sec2 .carousel .nav::after{content:"";display:block;width:27px;height:32px;margin:0 auto;background-size:100% 100%; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
#sec2 .carousel .next::after{background-image:url('/img/arrow-next.png');}
#sec2 .carousel .prev::after{background-image:url('/img/arrow-prev.png');}
#sec2 .slide01{background:linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,.8)),url('/img/sec2-img01.jpg') center/cover no-repeat;}
#sec2 .slide02{background:linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,.8)),url('/img/sec2-img02.jpg') center/cover no-repeat;}
#sec2 .slide03{background:linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,.8)),url('/img/sec2-img03.jpg') center/cover no-repeat;}
#sec2 .slide04{background:linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,.8)),url('/img/sec2-img04.jpg') center/cover no-repeat;}
#sec2 .slide05{background:linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,.8)),url('/img/sec2-img05.jpg') center/cover no-repeat;} */


#sec3 {background:url('/img/main-bg02.jpg')no-repeat center/cover; padding:180px;}
#sec3 .inner {display:flex; justify-content:flex-end;}
#sec3 .inner .sec3-content.show .scroll-left {transform:translateY(0); opacity:1;}
#sec3 .inner .sec-txtbox {color:#fff;}
#sec3 .inner .more-btn {justify-content:flex-start;}
/* #sec3 .inner .more-btn a:hover {box-shadow: 0 10px 20px rgba(255,255,255,0.19), 0 6px 6px rgba(255,255,255,0.23);} */

#sec4 .inner.show .scroll-bottom {transform:translateX(0); opacity:1;}
#sec4 .sec-txtbox h3 {text-align:center;}
#sec4 .board01 {margin-top:70px;}
#sec4 .board01 ul {display:flex; flex-wrap:wrap; gap:5%; }
#sec4 .board01 ul li {width:calc(90%/3); transition:0.2s all; border-radius:30px; position:relative; top:0; margin-bottom: 50px;}
/* #sec4 .board01 ul li:hover {box-shadow: 0 8px 38px rgba(0, 0, 0, 0.15), 0 15px 12px rgba(0, 0, 0, 0.12); top:-10px;} */
#sec4 .board01 ul li:hover .board01-img img {transform:scale(1.1);}
#sec4 .board01 ul li .board01-text {padding:0 20px;}
#sec4 .board01 ul li .txt-red {font-size:23px; font-weight:600;}
#sec4 .board01 ul li .board01-text span {height:30px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; font-size:20px;}
#sec4 .board01 ul li .board01-img { height:260px; width:100%; overflow:hidden; margin-top:5px;}
#sec4 .board01 ul li .board01-img img {width:100%; height:100%; object-fit:cover; transition:transform 0.8s ease;}

#sec5 .sec-txtbox h3 {margin-bottom:0;}
#sec5 .more-btn2 a {display:inline-block; width:48px; height:48px; background-image:url('/img/arrow-btn.png'); background-position:right 0 top 50%; background-size:100%; background-repeat:no-repeat; transition:0.2s all;}
#sec5 .more-btn2 a:hover {background-image:url('/img/arrow-btn-red.png');}
#sec5 .board-item b {color:#fff; background-color:#D6000F; padding:5px 0; min-width:90px; text-align:center;}
#sec5 .inner {display:flex; justify-content:space-between; gap:8%;}
#sec5 .inner > div {width:calc(92%/2);}
#sec5 .inner > div > div {display:flex; align-items:center; justify-content:space-between; margin-bottom:20px;}
#sec5 .inner > div ul li {list-style:none; display:flex; justify-content:space-between; align-items:center; cursor:pointer; padding:20px 10px; border-bottom:1px solid #ccc; transition:0.2s all;}
#sec5 .inner > div ul li > div {display:flex; width:75%; align-items:center;}
#sec5 .inner > div ul li:hover h4 {color:#D6000F;}
#sec5 .inner > div ul li p {padding:5px 0; min-width:90px; text-align:center; font-weight:500; background-color:#fff;}
#sec5 .inner > div.sec5-box1 ul li p {color:#61468a; border:1px solid #61468a;}
#sec5 .inner > div.sec5-box2 ul li p {color:#2caf92; border:1px solid #2caf92;}
#sec5 .inner > div ul li h4 {font-size:18px; font-weight:500; color:#333; padding-left:20px; width:fit-content; height:28px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
#sec5 .inner > div ul li span {font-size:15px; color:#666;}

#sec6 {padding-bottom:100px;}
#sec6 .swiper {width:100%; height:100%;}
#sec6 .swiper-slide {display:flex; justify-content:center; align-items:center;}
#sec6 .swiper-slide img {display:block; width:100%; height:100%; object-fit:cover;}
#sec6 .swiper-button-next, #sec6 .swiper-button-prev {color:#888; width:30px; height:30px; border:0; background-color:transparent;}
#sec6 .swiper-button-next:after, #sec6 .swiper-button-prev:after {font-size:20px; font-weight:600;}
#sec6 .swiper-button-next, #sec6 .swiper-rtl .swiper-button-prev {right:20px; top:55%;}
#sec6 .swiper-button-prev, #sec6 .swiper-rtl .swiper-button-next {left:20px; top:55%;}

/* SIDE BAR */
.side-overlay{display:none; position:fixed; top:0; bottom:0; left:0; right:0; width:100vw; height:100vh; background:rgba(0, 0, 0, 0.7); z-index:90; opacity:0; transition:all 0.5s ease-in-out;}
.side-overlay.active{display:block; opacity:1;}

#sidebar{width:80%; min-width:300px; max-width:350px; height:100vh; display:block;
background:#fff; transition:0.3s; position:fixed; top:0; right:-350px; overflow-y:scroll; z-index:100;}
#sidebar.active{right:0;}
#sidebar .sidebar-t{display:flex; align-items:center; padding:15px; border-bottom:1px solid #D6000F; background-color:#fff4f5;}
#sidebar .sidebar-t .sidebar-t-logo{flex:1;}
#sidebar .sidebar-t .sidebar-t-logo a{display:flex; align-items:center;}
#sidebar .sidebar-t .sidebar-t-logo a img{height:45px; display:block;}
#sidebar .sidebar-t .side-out{padding:4px 8px;}
#sidebar .sidebar-t .side-out i{font-size:20px; color:#333;}

#sidebar .sidebar-b{background:#eee; overflow-x:auto;}
#sidebar .sidebar-b ul{width:100%; display:flex; gap:16px; padding:10px 16px;}
#sidebar .sidebar-b ul li{}
#sidebar .sidebar-b ul li a{display:block; font-size:12px; line-height:1; color:#333; white-space:nowrap;}
#sidebar .sidebar-b::-webkit-scrollbar{height:1px;}
#sidebar .sidebar-b::-webkit-scrollbar-track{background:#f3f3f3; margin:40px 0;}
#sidebar .sidebar-b::-webkit-scrollbar-thumb{background:#777; border-radius:20px;}

.side-menu{border-bottom:1px solid #e5e5e5;}
.side-menu .side-depth1{position:relative;}
.side-menu .side-depth1 + .side-depth1{border-top:1px solid #e5e5e5;}
.side-menu .side-depth1 > .side-bt{display:block; font-size:16px; font-weight:500; line-height:1; color:#222; padding:16px 16px;}
.side-menu .side-depth1 > .side-bt.side-bt-on{color:#fff; background:#c78186; border-bottom:1px solid rgba(125, 27, 44, 0.8);}
.side-menu .side-depth2-wrap{display:none; background:#f7f7f7;}
.side-menu li.side-bt .side-depth2-wrap{display:block;}
.side-menu .side-depth2{position:relative;}
.side-menu .side-depth2 > a{display:block; font-size:15px; line-height:1; padding:14px 14px 14px 32px; color:#353535; font-weight:400;}
.side-menu .open-arrow{width:44px; height:44px; display:flex; justify-content:center; align-items:center; position:absolute; top:0; right:0; transition:all 0.3s ease; cursor:pointer;}
.side-menu .open-arrow i{font-size:16px; color:#222; position:relative; top:2px;}
.side-menu li > .open-arrow .la-angle-up{display:none;}
.side-menu li.depth-on > .open-arrow .la-angle-up{display:block;}
.side-menu li.depth-on > .open-arrow .la-angle-down{display:none;}
.side-menu li.depth-on > .open-arrow i{color:#fff;}
.side-menu .side-depth3-wrap{display:none;}


/* 하단 협력사 배너*/
.main_ft_banner{width:100%; padding:14px 60px; box-sizing: border-box; border: 1px solid #ddd; position:relative;}
.main_ft_banner .ftSwiper{width: 100%; position: relative; padding:0 40px}
.main_ft_banner .ftSwiper .swiper-wrapper{align-items: center;}
.main_ft_banner .ftSwiper .swiper-slide a{}
.main_ft_banner .ftSwiper .swiper-slide img{height: 70px; margin:0 auto}
.ftSwiper .swiper-button-prev:after, .ftSwiper .swiper-rtl .swiper-button-next:after{content:""; background:url(/img/icon_arrow_lf.png);width: 24px; height: 24px;}
.ftSwiper .swiper-button-next:after, .ftSwiper .swiper-rtl .swiper-button-prev:after{content:""; background:url(/img/icon_arrow_rg.png);width: 24px; height: 24px;}
.ftSwiper .swiper-button-prev, .ftSwiper .swiper-rtl .swiper-button-next{background: #fff;left: 0;}
.ftSwiper .swiper-button-next, .ftSwiper .swiper-rtl .swiper-button-prev{background: #fff;right: 0;}

/* 팝업 */
.popup{ position: absolute; top:10px; left:10px; z-index: 9999; background: #fff; box-shadow: 5px 5px 20px rgba(0, 0, 0, .5); padding-bottom:30px;}
.popup_footer{position: absolute; bottom:-30px; right: 0; width:100%; height:30px; background-color:#fff; padding:0 10px 5px;}
.popup_footer > div {display:flex; justify-content:space-between;}
.popup_footer a{display:inline-block; height:100%; background: #555; color: #fff; cursor:pointer; padding:0 10px;}
.popup_footer label{}

/* SUB - TABLE */
.table-type01{width:100%; border-top:2px solid #a3101b;}
.table-type01 thead th {background-color:#f9f1f2;}
.table-type01 th,
.table-type01 td{vertical-align:middle; font-size:16px; text-align:center; border:1px solid #ddd; border-width:0 1px 1px 0; padding:20px 8px;}
.table-type01 th:last-of-type,
.table-type01 td:last-of-type{border-right:0;}
.table-type01 th{font-weight:500; color:#a3101b; background:rgba(125, 27, 44, 0.1);}
.table-type01 td{color:#555;}
.table-type01 span {display:inline-block; width:fit-content; margin:0 3px;}
.table-type01 td.d_sj.tl {text-align:left;} 
.table-type01 td.d_sj.tl span img {display:inline-block;}
.table-type01 td.d_sj.tl span img.lock_icon {height:12px; margin:0 10px 0 5px;}
.board-wrap .table-type01 b {display:inline-block; padding:3px 15px; background-color:#D6000F; color:#fff;}
.table-type01.txt-left tr td{text-align: left;}
.table-type01 tbody th{ background-color: #f6f6f6;}

.table-type02{width:100%; border-top:2px solid #333;}
.table-type02 th,
.table-type02 td{vertical-align:middle; font-size:16px; text-align:center; border:1px solid #ddd; border-width:0 1px 1px 0; padding:20px 10px;}
.table-type02 th:last-of-type,
.table-type02 td:last-of-type{border-right:0;}
.table-type02 td:first-of-type {text-align:left; font-weight:500; font-size:18px;}
.table-type02 th{font-weight:500; color:#222; background:#fff; font-size:16px;}
.table-type02 td{font-weight:400; color:#555;}

.table-type03{}
.table-type03 tr th{ border: 1px solid #555; background: #f2f2f2; padding: 10px 0; font-weight: bold;}
.table-type03 tr td{ border: 1px solid #555; padding: 8px}

/* SUB - LNB */
.sub-lnb-wrap{display:flex; flex-direction:column;}
.sub-lnb-wrap h2{display:none;height:100px; /* display:flex; flex-direction:column; justify-content:center; align-items:center; */ background: #FF5E6A; background: linear-gradient(130deg, rgba(255, 94, 106, 1) 0%, rgba(209, 27, 39, 1) 50%, rgba(150, 18, 27, 1) 100%); border-bottom-right-radius:10px; padding:16px; margin-bottom:20px;}
.sub-lnb-wrap h2 small{font-size:13px; font-weight:300; line-height:1; color:#fff; opacity:0.5; margin:0 0 8px;}
.sub-lnb-wrap h2 strong{font-size:30px; font-weight:500; line-height:1; color:#fff;}
.sub-lnb{background:#fff; box-shadow:0 0 10px 0px rgba(0,0,0,0.2); border-radius:10px; overflow:hidden; padding:0 20px;}
.sub-lnb > li{border-bottom:1px solid #d5d5d5;}
.sub-lnb > li:last-child {border-bottom:0;}
.sub-lnb > li > a{font-size:18px; font-weight:400; color:#333; display:flex; align-items:center;  padding:14px 0; /*width:80%; margin:0 auto; */}
.sub-lnb > li > a:hover{color:#D6000F;}
.sub-lnb > li > a span{display:none; flex-grow:1; font-size:13px; text-align:right;}
.sub-lnb > li > a span:after{content:"\f107"; font-family:'Line Awesome Free'; font-weight:900; display:block;}
.sub-lnb > li > a span{display:block;}
.sub-lnb > li > a.gnb-depth3-on span{}
.sub-lnb > li > a.gnb-depth3-on span:after{content: "\f107";}
.sub-lnb > li.on > a{font-weight:500; color:#D6000F;}
.sub-lnb > li .gnb-depth3{display:none; border-top:1px solid #D6000F; padding:4px 0; /* width:80%; margin:0 auto; */}
.sub-lnb > li .gnb-depth3 li{}
.sub-lnb > li .gnb-depth3 li:first-of-type{}
.sub-lnb > li .gnb-depth3 li a{font-size:15px; font-weight:400; line-height:1; color:#888; display:block; padding:11px 14px;}
.sub-lnb > li .gnb-depth3 li a:hover{text-decoration:underline;}
.sub-lnb > li .gnb-depth3 li.on{}
.sub-lnb > li .gnb-depth3 li.on a{font-weight:500; color:#333;}
.sub-lnb > li.on a span:after {content:"\f106";}
.sub-lnb > li.on .gnb-depth3{display:block;}

/* SUB - LNB NEW */
.sub-lnb-menu-mo {display:none;}
.sub-lnb-menu {background-color:#f8f8f8; border-bottom:1px solid #ccc;}
.sub-lnb-menu .sub-lnb-inner {width:100%; margin:0 auto;}
.sub-lnb-menu .sub-lnb-inner > ul {display:flex; align-items:center; list-style:none; padding:0; margin:0; height:fit-content; border-left:1px solid #ccc; max-width: 1250px; margin: 0 auto;}
.sub-lnb-menu .sub-lnb-inner > ul > li {position:relative; border-right:1px solid #ccc;}
.sub-lnb-menu .sub-lnb-inner > ul > li > a {background:url('/img/icon-arrow-down.png') no-repeat right 30px top 50%/15px; font-weight:600;}
.sub-lnb-menu .sub-lnb-inner > ul > li.depth1 > a {background:url('/img/icon-arrow-down-b.png') no-repeat right 30px top 50%/15px;}
.sub-lnb-menu .sub-lnb-inner > ul > li.depth2 > a, .sub-lnb-menu .sub-lnb-inner > ul > li.depth3 > a {color:#D6000F;}
.sub-lnb-menu .sub-lnb-inner > ul > li.home > a {padding:0 22px; background:none; justify-content:center;}
.sub-lnb-menu .sub-lnb-inner > ul > li.home > a img {width:20px;}
.sub-lnb-menu .sub-lnb-inner > ul > li > a {text-decoration:none; color:#333; display:inline-block; padding:0 130px 0 30px; height:55px; display:flex; align-items:center; font-size:18px;}
.sub-lnb-menu .sub-lnb-inner .dropdown {display:none; position:absolute; top:100%; left:-1px; background:#f8f8f8; border:1px solid #ccc; width: calc(100% + 2px); z-index:100; box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.15);}
/* .sub-lnb-menu .sub-lnb-inner > ul > li:hover .dropdown {display:block;} */
.sub-lnb-menu .sub-lnb-inner .dropdown li {margin:0;}
.sub-lnb-menu .sub-lnb-inner .dropdown li a {padding:15px 15px; display:block; white-space:nowrap; transition:0.2s all;}
.sub-lnb-menu .sub-lnb-inner .dropdown li a:hover {color:#D6000F;}

/* SUB - BreadCrumb */
.breadCrumb ul{display:flex; justify-content:flex-end;}
.breadCrumb ul li{display:flex; align-items:center;}
.breadCrumb ul li + li{}
.breadCrumb ul li + li:before{content:"\f105"; font-size:10px; font-family:'Line Awesome Free'; font-weight:900; line-height:1; margin:0 10px;}
.breadCrumb ul li a{font-size:12px; font-weight:400; line-height:1; color:#777;}
@media (max-width:768px){
.breadCrumb{display:none;}
}

/* SUB공통 */
.sub-contents {position:relative; padding-bottom:150px;}
/* .onepage-contents {background-color:#f6f6f6;} */
.onepage-contents .sub-contents-top {text-align:center;}
.inner-container {max-width:1250px; margin:0 auto; font-size: 18px;/*  display:flex; justify-content:space-between; */}
.sub-visual-wrap {height:250px;}
.sub-visual-wrap.one {background-image:url('/img/sub-bg01.jpg'); background-size:cover; background-position:center; background-repeat:no-repeat;}
.sub-visual-wrap.two {background-image:url('/img/sub-bg02.jpg'); background-size:cover; background-position:center; background-repeat:no-repeat;}
.sub-visual-wrap.three {background-image:url('/img/sub-bg03.jpg'); background-size:cover; background-position:center; background-repeat:no-repeat;}
.sub-visual-wrap.four {background-image:url('/img/sub-bg04.jpg'); background-size:cover; background-position:center; background-repeat:no-repeat;}
.sub-visual-wrap.five {background-image:url('/img/sub-bg05.jpg'); background-size:cover; background-position:center; background-repeat:no-repeat;}
.sub-visual-wrap .inner-container {display:flex; align-items:center; height:100%; justify-content:center;}
.sub-visual-wrap .inner-container h1 {font-size:50px; font-weight:700; color:#fff;}
.sub-contents-l {width:100%; position:absolute; top:0; left:0;}
.sub-contents-r {width:100%; padding-top:120px;}
.sub-contents-top {padding-bottom:10px; /* border-bottom:1px solid #c0c0c0; */ margin-bottom:30px;}
.sub-title {font-size:35px; font-weight:600;}
.sub-cont-title {font-size:30px; font-weight:600; margin-bottom:20px;}
/* .sub-cont-title:before {content:""; display:inline-block; width:8px; height:8px; background-color:#D6000F; position:absolute; left:0; top:15px;} */
.sub-box {margin-top:100px;}
.wrap .swiper-button-prev, .wrap .swiper-button-next {width:70px; height:70px; background-color:rgba(255,255,255,0.7); border-radius:50%; border:2px solid #ccc;}
.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after, .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {content:"" !important;}
.swiper-button-prev:after, .swiper-button-next:after {width:27px; height:32px;}
.swiper-button-prev:after {background: url(/img/arrow-prev-n.png) no-repeat center / 60%}
.swiper-button-next:after {background: url(/img/arrow-next-n.png) no-repeat center / 60%;}
article .nav-tabs .nav-item .nav-link {width:100%; color:#888; font-size:20px; padding:15px 20px; border-bottom-color:#ccc; border-right-color:#ccc; border-width:0 1px 2px 0; background-color:#f8f8f8; border-radius:0;}
article .nav-tabs .nav-item:last-child .nav-link {border-right:0;}
article .nav-tabs .nav-item .nav-link.active {color:#D6000F; font-weight:600; border-bottom-color:#D6000F; background-color:#fff4f5;}
article .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {border-bottom-color:#D6000F;}
article .tab-content {padding:50px 0 0;}
article .tabMenu {display:flex; width:100%; margin-bottom:50px;}
article .tabMenu li a {cursor:pointer; transition:0.15s all ease-in-out; display:inline-block; width:100%; color:#888; font-size:20px; padding:15px 20px; border:1px solid #ccc; border-width:0 1px 2px 0; border-bottom-color:#ccc; border-right-color:#ccc; border-width:0 1px 2px 0; background-color:#f8f8f8; border-radius:0; text-align:center;}
article .tabMenu li:last-child a {border-right:0;}
article .tabMenu li.on a {color:#D6000F; font-weight:600; border-bottom-color:#D6000F; background-color:#fff4f5;}
article .tabMenu li a:hover, article .tabMenu li a:focus {border-bottom-color:#D6000F;}
article .btn_list.top {padding-bottom:20px;}
.board-wrap .list_view .view_top {background-color:transparent; border-top:0;}
.board-wrap .list_view .view_top p {font-size:18px; padding-bottom:15px; font-weight: bold; text-align:center; color:#D6000F;}
.board-wrap .list_view .view_top h3 {padding:0; padding-bottom:50px; text-align:center; font-size:30px; line-height:1; font-weight:600;}
.board-wrap .list_view .view_top ul {position:relative; overflow:visible; display:flex; justify-content:center; padding-bottom:50px; gap:30px;}
.board-wrap .list_view .view_top ul li {padding:0;}
.board-wrap .list_view .view_top ul li span {top:0; margin:0; height:auto; line-height:1; color:#666;}
.board-wrap table.table-type01 th, .board-wrap table.table-type01 td {border-right:0;}
.board-wrap table.table-type01 .d_na, .board-wrap table.table-type01 .d_ck {display:none;}
.board-wrap table.table-type01 td {padding: 15px 10px;}
.board-wrap .thum {height:250px; overflow:hidden;}
.board-wrap .thum span {height:100%;}
.board-wrap .thum span img {height:100%; width:100%; object-fit:cover;}
.board-wrap .info .story-cate {padding:3px 10px; color:#D6000F; border:2px solid #D6000F; font-weight:bold; width:fit-content; margin-bottom:10px;}
.board-wrap .info .n_title {font-weight:500; font-size:20px; overflow:hidden; height:55px; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.board-wrap .item_obj .item_data .info {padding:0; margin-top:10px;}
.board-wrap.gallery-wrap .list_sort_wrap .list_search {display:flex; justify-content:flex-end;}
.board-wrap.gallery-wrap .list_sort_wrap .list_search .l_s_input {margin-right:0;}
.board-wrap.gallery-wrap .list_sort_wrap .list_search .l_s_btn {position:relative;}
.policy-wrap .policy-box1 {background-color:#fff; padding:50px; border-radius:20px; font-size:14px;}
.policy-wrap .policy-box1 table th, .policy-wrap .policy-box1 table td {vertical-align:middle;}
.onepage-contents form label {font-size:20px;}
.tab-2 li {width: calc(100% / 2);}
.tab-3 li {width: calc(100% / 3);}
.tab-4 li {width: calc(100% / 4);}
.tab-5 li {width: calc(100% / 5);}
.list_sort_wrap .list_search .l_s_input {margin-bottom:10px;}
.list_sort_wrap .list_search .l_s_input input:focus-visible {outline:0;}
.list_view .view_con img {margin:0 auto;}
.list_view .comment_list .btn_comment_list {margin:25px 0 0;}
.list_view .comment_list .btn_comment_list a {display:inline-block; padding:3px 10px; text-align:center; border-radius:5px; border:1px solid #2caf92; background-color:#fff; color:#2caf92; font-size:13px; font-weight:500;}
.list_view .comment_list .comment_cell {background-color:#fff; border:1px solid #ddd; border-radius:5px; padding:15px 10px; margin-bottom:20px;}
.list_view .comment_list .comment_cell .comment_name {display:flex; justify-content:space-between; padding:0 0 5px; align-items:center;}
.list_view .comment_list .comment_cell .comment_name .date.f_play_R {color:#777; font-size:14px;}
.list_view .comment_list .reply_input .r_input_wrap {margin-bottom:20px;}
.list_view .comment_list .reply_input .r_input_wrap textarea {background-color:#fff; border:1px solid #ddd; height:100px; transition:0.2s all; border-radius:5px; padding:10px; font-size:15px;}
.list_view .comment_list .reply_input .r_input_wrap textarea:focus-visible {outline:0; border-color:#FF5E6A; background-color:#fff;}
.list_view .comment_list .reply_input .r_input_wrap textarea:focus-visible::placeholder {color:transparent;}
.list_view .comment_list .reply_input .r_input_wrap a {display:inline-block; padding:8px 0; width:90px; text-align:center; border-radius:5px; margin-top:15px; background-color:#2caf92; color:#fff; font-size:14px; font-weight:500;}
.item_obj .item_data .info {justify-content:space-between;}
.c_input_wrap textarea {background-color:#f6f6f6; border:1px solid #ddd; height:100px; transition:0.2s all; border-radius:5px; padding:10px; font-size:15px;}
.c_input_wrap textarea:focus-visible {outline:0; border-color:#FF5E6A; background-color:#fff;}
.c_input_wrap textarea:focus-visible::placeholder {color:transparent;}
.c_input_wrap a {display:inline-block; padding:8px 0; width:90px; text-align:center; border-radius:5px; margin-top:15px; background-color:#e95a65; color:#fff; font-size:14px; font-weight:500;}
span.cate-txt1 {font-weight:600; color:#; width:100px; text-align:center; margin-right:20px;}
span.cate-txt2 {font-weight:600; color:#; width:100px; text-align:center; margin-right:20px;}
span.cate-txt3 {font-weight:600; color:#; width:100px; text-align:center; margin-right:20px;}
.control-btn {display:flex; position:absolute; bottom:0; right:0;}
.control-btn > div {width:38px; height:38px; display:flex; justify-content:center; align-items:center; background-color:#f4f4f4; border:1px solid #ccc; cursor:pointer; border-bottom:0;}
.control-btn > div:last-child {border-left:0;}
.control-btn > div img {width:20px;}

/* 소식 - 공지 · 뉴스 */
.board-wrap.notice-wrap tr.reg-date2 {display:none;}

/* 소식 - 스토리 */
.board-wrap.story-wrap .info-box, .board-wrap.story-wrap tr.reg-date2 {display:none;}

/* 소식 - 뉴스레터 */
.board-wrap.newsletter-wrap .check-main {display:none;}
.board-wrap.newsletter-wrap .story-cate, .board-wrap.newsletter-wrap tr.reg-date1 {display:none;}
.board-wrap.newsletter-wrap tr.reg-date2 input[type="text"] {margin-bottom:0;}
.board-wrap.newsletter-wrap .reg-date-txt {color:#D6000F; font-weight:500;}

/* KMDP소개 - 기관소개 */
.intro-wrap .intro-box {margin-top:75px;}
.intro-wrap .intro-box h3 {font-size:30px; font-weight:600; width:1250px; margin-bottom:50px; text-align:left;}
.intro-wrap .intro-box1 {text-align:center; width:1250px; margin:0 auto;}
.intro-wrap .intro-box1 iframe {height:60vh;}
.intro-wrap .intro-box1 h3 span {color:#D6000F;}
.intro-wrap .intro-box1 p {font-size:18px; color:#333; line-height:1.8rem;}
.intro-wrap .intro-box2 {background-color:#f6f6f6; padding:75px 0;}
.intro-wrap .intro-box2 > div {display:flex; justify-content:space-between; width:1250px; align-items:center; margin:0 auto; gap:5%;}
.intro-wrap .intro-box2 > div > div:nth-child(1) {width:60%;}
.intro-wrap .intro-box2 > div > div:nth-child(2) {width:40%; display:flex; flex-direction:column; justify-content:center;}
.intro-wrap .intro-box2 h3 {font-size:20px; line-height:2rem; word-break:keep-all; width:auto; text-align:left; margin:0; font-weight:400;}
.intro-wrap .intro-box2 h3:first-child {margin-bottom:50px;}
.intro-wrap .intro-box2 .swiper { margin:0;}
.intro-wrap .intro-box2 .intro-swiper .swiper-slide {position:relative; z-index:1; opacity:0; transition:opacity 0.6s ease;}
.intro-wrap .intro-box2 .intro-swiper .swiper-slide-active {opacity:1; z-index:2}
.intro-wrap .intro-box2 .intro-swiper .swiper-slide div:last-child {width:100%;}
.intro-wrap .intro-box2 .intro-swiper .swiper-slide div img {width:100%; object-fit:cover; height:400px;}
.intro-wrap .intro-box2 .intro-swiper .swiper-slide div.slide-txt {width:100%; color:#000; padding-top:20px; display:none;}
.intro-wrap .intro-box2 .intro-swiper .swiper-slide div.slide-txt p {word-break:keep-all; font-weight:600; font-size:18px; text-align:center;}
.intro-wrap .intro-box2 .swiper-button-next, .intro-wrap .intro-box2 .swiper-rtl .swiper-button-prev {right:0; top:50%;}
.intro-wrap .intro-box2 .swiper-button-prev, .intro-wrap .intro-box2 .swiper-rtl .swiper-button-next {left:0; top:50%;}
.intro-wrap .intro-box3 {text-align:center; margin-top:0; padding:100px 0; background:url('/img/intro-bg01.jpg') no-repeat center/cover;}
.intro-wrap .intro-box3 h4 {font-size:30px; color:#fff; font-weight:600;}
.intro-wrap .intro-box4 {margin:150px auto 0; width:1250px;}
.intro-wrap .intro-box4 > div {width:1250px; margin:0 auto; display:flex; align-items:center; padding:30px 30px 30px 100px ; gap:100px;}
.intro-wrap .intro-box4 > div p:first-child {width:150px; font-size:25px; font-weight:600;}
.intro-wrap .intro-box4 > div p:last-child {font-size:18px;}
.intro-wrap .intro-box4 div.vision-box {border:1px solid #ccc;}
.intro-wrap .intro-box4 div.mission-box {border:1px solid #ccc; margin-top:50px;}
.intro-wrap .intro-box4 > div.vision-box p:first-child {color:#FF5E6A;}
.intro-wrap .intro-box4 > div.mission-box p:first-child {color:#448089;}
.intro-wrap .intro-box5 {margin:150px auto 0; width:1250px;}
.intro-wrap .intro-box5 ul {display:flex; width:1250px; justify-content:center; gap:10%; margin:0 auto;}
.intro-wrap .intro-box5 ul li {text-align:center;}
.intro-wrap .intro-box5 ul li div {width:200px; height:200px; border-radius:50%; background-color:#fff4f5; display:flex; justify-content:center; align-items:center; margin-bottom:30px;}
.intro-wrap .intro-box5 ul li img {width:120px;}
.intro-wrap .intro-box5 ul li p {font-size:20px; font-weight:500;}

/* KMDP소개 - 미션과 비전 */
.mission-wrap .mission-box1 > div {padding:30px 20px; border:2px solid #e2e2e2; font-size:18px; text-align:center; border-radius:20px; position:relative; /* box-shadow:0 3px 10px rgba(0,0,0,0.1), 0 3px 8px rgba(0,0,0,0.1); */}
.mission-wrap .mission-box1 > div::before {display:inline-block; position:absolute; top:-25px; left:50%; transform:translateX(-50%); padding:0 20px; height:50px; color:#D6000F; font-size:25px; font-weight:600; line-height:50px; background-color:#fff;}
.mission-wrap .mission-box1 > div.vision {margin:50px 0;}
.mission-wrap .mission-box1 > div.detail {display:flex; justify-content:center;}
.mission-wrap .mission-box1 > div.detail > div {text-align:left;}
.mission-wrap .mission-box1 > div.detail > div p:nth-child(2) {margin:15px 0;}
.mission-wrap .mission-box1 > div.detail > div span {display:inline-block; width:30px; height:30px; border-radius:50%; color:#fff; background-color:#FF5E6A; line-height:28px; text-align:center; margin-right:10px;}
.mission-wrap .mission-box1 > div.mission::before {content:"미션";}
.mission-wrap .mission-box1 > div.vision::before {content:"비전";}
.mission-wrap .mission-box1 > div.detail::before {content:"세부 목표";}
.mission-wrap .mission-box2 ul {display:flex; gap:100px; justify-content:center;}
.mission-wrap .mission-box2 ul li {text-align:center;}
.mission-wrap .mission-box2 ul li div {width:200px; height:200px; border-radius:50%; background-color:#fff4f5; display:flex; align-items:center; justify-content:center;}
.mission-wrap .mission-box2 ul li div img {width:130px;}
.mission-wrap .mission-box2 ul li p {font-size:20px; font-weight:600; margin-top:15px; color:#333;}
.mission-wrap .mission-box3 ul {display:flex; justify-content:space-between; flex-wrap:wrap;}
.mission-wrap .mission-box3 ul li {width:31%; margin-bottom:30px;}
.mission-wrap .mission-box3 ul li div:nth-child(1) {padding:15px; border-radius:15px; text-align:center; color:#fff; margin-bottom:10px; font-size:20px; font-weight:600;}
.mission-wrap .mission-box3 ul li div:nth-child(2) {display:flex; align-items:center; justify-content:center; padding:25px; height:120px; border-radius:15px; background-color:#f4f4f4; text-align:center; word-break:keep-all;}
.mission-wrap .mission-box3 ul li:nth-child(1) div:nth-child(1) {background-color:#ff5e6a;}
.mission-wrap .mission-box3 ul li:nth-child(2) div:nth-child(1) {background-color:#d9568c;}
.mission-wrap .mission-box3 ul li:nth-child(3) div:nth-child(1) {background-color:#a35a9c;}
.mission-wrap .mission-box3 ul li:nth-child(4) div:nth-child(1) {background-color:#6a5b94;}
.mission-wrap .mission-box3 ul li:nth-child(5) div:nth-child(1) {background-color:#3e557a;}
.mission-wrap .mission-box3 ul li:nth-child(6) div:nth-child(1) {background-color:#2f4858;}

/* KMDP소개 - 인사말 */
.greeting-wrap .gree-box1 .gree-img-01 img {margin:0 auto;}
.greeting-wrap .gree-box1 div.gree-img-m {display:none;}
.greeting-wrap .gree-box1 div.gree-img-02 {display:flex; justify-content:flex-end; margin-top:100px}
.greeting-wrap .gree-box1 .gree-txt-box{width:90%; margin:0 auto}
.greeting-wrap .gree-box1 p {margin-top:40px; word-break:keep-all; font-size:20px; line-height:30px; color:#333; }

/* KMDP소개 - 연혁 */
.history-mo {display:none;}
.history-wrap .tab-content .history-cont {}
.history-wrap .tab-content .history-cont > ul {width:100%;}
.history-wrap .tab-content .history-cont > ul > li {display:flex;}
.history-wrap .tab-content .history-cont > ul > li > div {width:50%; position:relative;}
.history-wrap .tab-content .history-cont > ul > li > div.date-y {padding-right:35px; font-size:30px; font-weight:600; color:#333; line-height:1; height:fit-content;}
.history-wrap .tab-content .history-cont > ul > li > div.date-y:last-child {padding:0 0 0 30px;}
.history-wrap .tab-content .history-cont > ul > li > div.date-m {padding-top:3px;}
.history-wrap .tab-content .history-cont > ul > li > div.date-m:first-child p {justify-content:flex-end; padding:0 30px 15px 0;}
.history-wrap .tab-content .history-cont > ul > li > div.date-m:first-child span {padding-right:0;}
.history-wrap .tab-content .history-cont > ul > li > div:first-child {text-align:right;}
.history-wrap .tab-content .history-cont > ul > li > div:first-child::after {content:''; display:inline-block; width:10px; height:10px; position:absolute; top:50%; right:-5px; transform:translateY(-50%); background-color:#fff; border:3px solid #D6000F; border-radius:50%; z-index:5;}
.history-wrap .tab-content .history-cont > ul > li > div.date-m:first-child::before {position:absolute; display:inline-block; content:''; width:1px; height:100%; top:10px; right:0; background-color:#ddd;}
.history-wrap .tab-content .history-cont > ul > li > div.date-m:first-child::after {display:none;}
.history-wrap .tab-content .history-cont > ul > li > div.date-y:last-child::before {display:none;}
.history-wrap .tab-content .history-cont > ul > li > div.date-y:last-child::after {content:''; display:inline-block; width:10px; height:10px; position:absolute; top:50%; left:-5px; transform:translateY(-50%); background-color:#fff; border:3px solid #D6000F; border-radius:50%; z-index:5;}
.history-wrap .tab-content .history-cont > ul > li > div:last-child::before {position:absolute; display:inline-block; content:''; width:1px; height:100%; top:10px; left:0; background-color:#ddd;}
.history-wrap .tab-content .history-cont > ul > li:last-child > div.date-m:first-child::before {display:none;}
.history-wrap .tab-content .history-cont > ul > li > div p {padding:0 0 15px 30px; font-size:17px; display:flex;}
.history-wrap .tab-content .history-cont > ul > li > div p:last-child, .history-wrap .tab-content .history-cont > ul > li > div.date-m:first-child p:last-child {padding-bottom:120px;}
.history-wrap .tab-content .history-cont > ul > li > div p span {display:block; color:#333; word-break:keep-all;}
.history-wrap .tab-content .history-cont > ul > li > div p span.txt-m {font-weight:600; font-size:18px; padding-right:30px; color:#aaa;}
.history-wrap .tab-content .history-cont > ul > li > div.date-m:first-child p span.txt-m {padding-left:30px;}

/* KMDP - 조직도 */
.organ-wrap table.table-type01 {border-top:0;}
.organ-wrap table.table-type01 thead th {background-color:#D6000F; color:#fff; border-width:0 0 1px 0; font-size:20px;}
.organ-wrap table.table-type01 tbody td {border-width:0 0 1px 0; font-size:18px;}

.organ-wrap .organ-box1 > div.organ-m {display:none;}
.organ-wrap .organ-box1 > div {display:flex; justify-content:center;}
.organ-wrap .organ-box1 > div img {width:100%;}
.organ-wrap .tab2 .tab2-box h3 {text-align:center; padding:10px 0; font-size:20px; color:#fff; font-weight:500;}
.organ-wrap .tab2 .tab2-box > div {border-bottom:1px solid #ccc; padding:15px; display:flex; justify-content:flex-start;}
.organ-wrap .tab2 .tab2-box > div ul {width:50%; display:flex; align-items:center;}
.organ-wrap .tab2 .tab2-box > div ul li:first-child {font-weight:500; font-size:20px; width:20%;}
.organ-wrap .tab2 .tab2-box > div ul li p {padding-left:15px; position:relative; font-size:18px;}
.organ-wrap .tab2 .tab2-box > div ul li p::before {content:""; display:inline-block; position:absolute; top:11px; left:0; width:4px; height:4px; background-color:#333; border-radius:50%;}
.organ-wrap .tab2 .tab2-box.organ-box1 h3 {background-color:#D6000F;}
.organ-wrap .tab2 .tab2-box.organ-box2 {margin-top:80px;}
.organ-wrap .tab2 .tab2-box.organ-box2 h3 {background-color:#686565;}
.organ-wrap .tab3 img {margin:0 auto;}
.organ-wrap .history-box1 {padding-left:50px;}

/* KMDP - 브랜드CI & 캐릭터 */
.ci-txt {margin-top:50px;}
.ci-txt p {word-break:keep-all; text-align:center; font-size: 20px; margin-bottom:15px; font-weight:500;}

.brand-wrap .brand-box .more-btn {margin-top:50px;}
.brand-wrap .brand-box .more-btn a {margin:0 10px; background:url('/img/download-btn.png'); background-position:right 15px top 50%; background-size:48px; background-repeat:no-repeat;}
.brand-wrap .brand-box .more-btn a:hover {background:url('/img/download-btn-red.png'); background-position:right 15px top 50%; background-size:48px; background-repeat:no-repeat;}
.brand-wrap .brand-box1 .ci-img {margin:0 auto 50px; position:relative; width:1200px;}
.brand-wrap .brand-box1 .ci-img img {width:100%;}
/* .brand-wrap .brand-box1 > div:first-of-type::before {content:'국문'; display:inline-block; position:absolute; padding:10px 35px; border:1px solid #D6000F; background-color:#fff; top:30px; left:30px; color:#D6000F; font-weight:500; font-size:18px;}
.brand-wrap .brand-box1 > div:nth-of-type(2)::before {content:'영문'; display:inline-block; position:absolute; padding:10px 35px; border:1px solid #D6000F; background-color:#fff; top:30px; left:30px; color:#D6000F; font-weight:500; font-size:18px;} */
.brand-wrap .brand-box2 ul {display:flex; justify-content:center; gap:5%;}
.brand-wrap .brand-box2 ul li {width:calc(55%/4); box-shadow:0 10px 15px 0 rgba(0, 0, 0, 0.25);}
.brand-wrap .brand-box2 ul li div.color-box {width:100%; height:150px;}
.brand-wrap .brand-box2 ul li:nth-child(1) .color-box {background-color:#D7000F;}
.brand-wrap .brand-box2 ul li:nth-child(2) .color-box {background-color:#4AB134;}
.brand-wrap .brand-box2 ul li:nth-child(3) .color-box {background-color:#231815;}
.brand-wrap .brand-box2 ul li:nth-child(4) .color-box {background-color:#fff; /* border:1px solid #ddd; */}
.brand-wrap .brand-box2 ul li:nth-child(4) .txt-box {border-top:1px solid #ddd;}
.brand-wrap .brand-box2 ul li div.txt-box {padding:15px;}
.brand-wrap .brand-box2 ul li div.txt-box p {width:100%; }
.brand-wrap .brand-box2 ul li div.txt-box p:first-child {font-weight:600; font-size:18px; margin-bottom:10px;}
.brand-wrap .brand-box3 div img {margin:0 auto; width: 50%;}

/* KMDP - 함께하는 기관 */
.partner-wrap .partner-box1 ul {display:flex; flex-wrap:wrap; gap:2%;}
.partner-wrap .partner-box1 ul li {width:32%; border:2px solid #ddd; transition:0.3s all ease; overflow:hidden; margin-bottom:20px;}
.partner-wrap .partner-box1 ul li:hover {border-color:#D6000F;}
.partner-wrap .partner-box1 ul li a {padding:20px 0 0; display:inline-block; width:100%;}
.partner-wrap .partner-box1 ul li a img {margin:0 auto;}
.partner-wrap .partner-box1 ul li a p {text-align:center; font-size:18px; color:#333; margin-top:15px; font-weight:500; padding:20px 20px; border-top:2px solid #ddd; background-color:#fff;}

/* KMDP - map */
.map-txt01 {color:#D6000F; font-size:20px; font-weight:600; margin-bottom:10px;}

.map-wrap .map-box1 .root_daum_roughmap .cont {display:none;}
.map-wrap .sub-box div.img-circle {background-color:#fff; border-radius:50%; box-shadow:0 0 10px 0 rgba(0, 0, 0, 0.15); min-width:90px; min-height:90px; display:flex; justify-content:center; align-items:center; margin-right:30px;}
.map-wrap .sub-box div.img-circle img {width:45px;}
.map-wrap .map-box2 div.map-info-box ul {display:flex; flex-wrap:wrap; gap:2%;}
.map-wrap .map-box2 div.map-info-box ul li {display:flex; align-items:center; width:49%; font-size: 18px;}
.map-wrap .map-box2 div.map-info-box ul li:nth-child(-n+2) {margin-bottom:30px;}
.map-wrap .map-box3 div.traffic-box > ul > li {display:flex; align-items:center;}
.map-wrap .map-box3 div.traffic-box ul li div h4 {font-weight:500; position:relative; margin-bottom:10px; line-height:1.5;}
/* .map-wrap .map-box3 div.traffic-box ul li div h4::before {content:''; display:inline-block; position:absolute; top:12px; left:0; width:5px; height:5px; border-radius:50%; background-color:#000;} */
.map-wrap .map-box3 div.traffic-box ul li div p {font-size:18px;}
.map-wrap .map-box3 div.traffic-box ul li div.subway-info {width:100%;}
.map-wrap .map-box3 div.traffic-box ul li div.subway-info div {/* background-color:#f6f6f6; padding:20px; */ width:49%;}
.map-wrap .map-box3 div.traffic-box ul li div.subway-info p span {width:70px; height:35px; border-radius:10px; margin-right:5px; display:inline-block; color:#fff; line-height:35px; text-align:center; font-weight:500;}
.map-wrap .map-box3 div.traffic-box ul li div.subway-info p span:first-child {background-color:#263c96;}
.map-wrap .map-box3 div.traffic-box ul li div.subway-info p span:last-child {background-color:#697215;}
.map-wrap .map-box3 div.traffic-box ul li div.bus-info {width:100%;}
.map-wrap .map-box3 div.traffic-box ul li div.bus-info ul {width:100%; display:flex; flex-wrap:wrap; gap:2%;}
.map-wrap .map-box3 div.traffic-box ul li div.bus-info ul li {width:49%; background-color:#f6f6f6; padding:20px;}
.map-wrap .map-box3 div.traffic-box ul li div.bus-info ul li:nth-child(-n+2) {margin-bottom:20px}
.map-wrap .map-box3 div.traffic-box ul li div.bus-info p span {display:inline-block; padding:5px 10px; background-color:#3cc344; border-radius:5px; margin-right:15px; color:#fff; font-weight:500;}
.map-wrap .map-box3 div.traffic-box ul li div.bus-info2 {padding:20px;}
.map-wrap .map-box3 div.traffic-box ul li div.bus-info2 p span {background-color:#65a6d2;}
.map-wrap .roughmap_maker_label {background-color:#fff; position:relative;}
/*.map-wrap .roughmap_maker_label::before {content:'한국조혈모세포은행협회'; position:absolute; bottom:0; left:50%; transform:translateX(-50%); width:200px; text-align:center; color:#fff; height:50px; background-color:#D6000F; line-height:50px; font-weight:500; font-size:14px;}*/
.map-wrap .roughmap_maker_label a {background:url('/img/top-logo.png') no-repeat center/150px; width:200px; height:80px; display:inline-block;}
.map-wrap .roughmap_maker_label .roughmap_lebel_text {display:none;}

/* 소식 - 뉴스레터 */
.newsletter-wrap .newsletter-box1 ul {width:100%; display:flex; justify-content:center; align-items:center; background-color:#; margin-bottom:30px;}
.newsletter-wrap .newsletter-box1 ul li input {height:60px;}
.newsletter-wrap .newsletter-box1 ul li input[type="text"] {padding-left:10px; width:350px; border-radius:0; border:1px solid #bbb;}
.newsletter-wrap .newsletter-box1 ul li input[type="text"]:nth-child(1){width:200px}
.newsletter-wrap .newsletter-box1 ul li input[type="submit"] {width:200px; background-color:#D6000F; color:#fff; transition:0.2s all; border:0;}
.newsletter-wrap .newsletter-box1 ul li input[type="submit"]:hover {background-color:#e54a56;}
.newsletter-wrap .newsletter-box1 ul li input[type="checkbox"] {height:auto; margin-right:5px;}
.newsletter-wrap .newsletter-box1 ul li .d-flex {margin-top:5px;}
.newsletter-wrap .newsletter-box1 ul li label {font-size:14px;}

/* search */
.s-txt, .s-no {color:#d6000f;}
.s-more-btn {padding:10px 65px 10px 25px; background-color:#fff; font-size:18px; border:1px solid #000; border-radius:50px; background:url('/img/arrow-btn.png') no-repeat right 25px top 50%/25px; transition:0.2s all;}
.s-more-btn:hover {border-color:#D6000F; color:#D6000F; background-color:#fff4f5; background-image:url('/img/arrow-btn-red.png'); background-repeat:no-repeat; background-size:25px; background-position:right 25px top 50%;}
.search-contents {background-color:#f4f4f4;}
.search-wrap .search-box1 .search-top {padding-top:50px; /* background-color:#ffe5da; border-radius:15px; */}
.search-wrap .search-box1 .search-top .s-bar {display:flex; justify-content:center; align-items:center; padding:5px; background-color:#fff; border:2px solid #d6000f; border-radius:50px; width:60%; margin:0 auto;}
.search-wrap .search-box1 .search-top .s-bar div:first-child {width:100%;}
.search-wrap .search-box1 .search-top .s-bar div:last-child {min-width:60px; min-height:60px; background-color:#d6000f; border-left:0; border-radius:50%; display:flex; align-items:center; justify-content:center; overflow:hidden;}
.search-wrap .search-box1 .search-top .s-bar div input {height:100%; width:100%; border:0; display:inline-block; padding-left:25px; background-color:transparent; font-size:20px; font-weight:500;}
.search-wrap .search-box1 .search-top .s-bar div input:focus-visible {outline:0;}
.search-wrap .search-box1 .search-top .s-bar div input::placeholder {font-size:16px; font-weight:400;}
.search-wrap .search-box1 .search-top .s-bar div button {width:100%; height:100%;}
.search-wrap .search-box1 .search-top .s-bar div button img {width:25px; margin:0 auto;} 
.search-wrap .search-box1 .search-top .s-cate ul {display:flex; justify-content:center; gap:25px; flex-wrap:wrap; width:50%; margin:30px auto 0;}
.search-wrap .search-box1 .search-top .s-cate ul li {width:180px; text-align:center; background-color:#fff; border-radius:60px; border:1px solid #555; overflow:hidden; transition:0.2s all;}
.search-wrap .search-box1 .search-top .s-cate ul li a {font-size:18px; font-weight:500; color:#555; display:inline-block; padding:15px 0; width:100%;}
.search-wrap .search-box1 .search-top .s-cate ul li:hover {border-color:#FF5E6A; background-color:#fff4f5;}
.search-wrap .search-box1 .search-bot {background-color:#fff; padding:50px; margin-top:50px;}
.search-wrap .search-box1 .search-bot .s-result {text-align:center; font-size:30px; font-weight:500; margin-bottom:80px;}
.search-wrap .search-box1 .search-bot .s-result .s-txt {font-weight:600;}
.search-wrap .search-box1 .search-bot .s-cont > ul > li {margin-top:80px;}
.search-wrap .search-box1 .search-bot .s-cont > ul > li:nth-child(1) {margin-top:0;}
.search-wrap .search-box1 .search-bot .s-cont > ul > li .s-cont-title {display:flex; justify-content:space-between; margin-bottom:30px;}
.search-wrap .search-box1 .search-bot .s-cont > ul > li .s-cont-title h3 {font-size:35px; font-weight:600;}
.search-wrap .search-box1 .search-bot .s-cont > ul > li ul.s-cont-detail li div {margin-bottom:20px; width:100%;}
.search-wrap .search-box1 .search-bot .s-cont > ul > li ul.s-cont-detail li div img {width:100%; height:300px; object-fit:cover;}
.search-wrap .search-box1 .search-bot .s-cont > ul > li ul.s-cont-detail li h4 {font-size:18px; font-weight:500; height:28px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }
.search-wrap .search-box1 .search-bot .s-cont > ul > li ul.s-cont-detail li p {color:#d6000f; font-weight:600; margin-bottom:10px; font-size:20px;}
.search-wrap .search-box1 .search-bot .s-cont > ul > li ul.s-cont-detail.s-gallery {display:flex; gap:2%;}
.search-wrap .search-box1 .search-bot .s-cont > ul > li ul.s-cont-detail.s-gallery li {width:23.5%;}
.search-wrap .search-box1 .search-bot .s-cont > ul > li ul.s-cont-detail.s-notice li {padding:20px 10px; border-top:1px solid #ccc;}
.search-wrap .search-box1 .search-bot .s-cont > ul > li ul.s-cont-detail.s-notice li:nth-child(1) {border-top:0;}
.search-wrap .search-box1 .search-bot .s-cont > ul > li ul.s-cont-detail.s-notice li h4 {width:80%;}
.search-wrap .search-box1 .search-bot .s-cont > ul > li ul.s-cont-detail.s-notice li a {display:flex; justify-content:space-between; align-items:center;}
.search-wrap .search-box1 .search-bot .s-cont > ul > li ul.s-cont-detail.s-notice li span {color:#777;}
.search-wrap .search-box1 .search-bot .s-cont > ul > li #s-faq h2 {display:flex;}
.search-wrap .search-box1 .search-bot .s-cont > ul > li #s-faq h2 > span {padding:16px 0; font-weight:600; font-size:20px;}
.search-wrap .search-box1 .search-bot .s-cont > ul > li #s-faq h2 button span {width:95%; font-weight:500; color:#000;}
.search-wrap .search-box1 .search-bot .s-cont .accordion-button:focus {box-shadow:none;}
.search-wrap .search-box1 .search-bot .s-cont .accordion-button:not(.collapsed) {background-color:transparent; color:#000; box-shadow:none;}
.search-wrap .search-box1 .search-bot .s-cont > ul > li #s-faq .accordion-body {padding:30px; background-color:#fff4f5; border-top:1px solid #777;}
.search-wrap .search-box1 .search-bot .s-cont > ul > li #s-faq .accordion-body:focus-visible, .search-wrap .search-box1 .search-bot .s-cont .accordion-button:focus-visible {outline:none;}

/* 문의하기 */
.point-txt {color:#d71313; padding-left:5px;}
.contact-contents label {font-weight:500; margin-bottom:5px; display:block;}
.contact-contents input[type="text"] {padding:5px 15px; border:1px solid #ccc; width:100%; height:45px; font-size:18px;}
.contact-contents input[type="text"]:focus-visible, .contact-wrap .contact-box1 ul li > div.c-mail select:focus-visible, .contact-wrap .contact-box1 ul li > div.c-content textarea:focus-visible {outline:2px solid #ffd3d6; border-color:#ffbec3;}
.contact-contents input[type="text"]:disabled {background-color:#eee;}
.contact-contents input::placeholder {font-size:15px;}
.contact-contents select {-webkit-appearance:none; -moz-appearance:none; appearance:none; background:url('/img/icon-arrow-down-b.png') no-repeat right 15px top 50%/15px;}
.contact-contents select::-ms-expand{display:none;}
.contact-wrap .contact-box1 {background-color:#fff; padding:50px; border-radius:20px;}
.contact-wrap .contact-box1 ul {width:70%; margin:0 auto;}
.contact-wrap .contact-box1 ul li {margin-top:30px;}
.contact-wrap .contact-box1 ul li:first-child {margin-top:0;}
.contact-wrap .contact-box1 ul li:last-child {margin-top:50px;}
.contact-wrap .contact-box1 ul li > div.c-call div, .contact-wrap .contact-box1 ul li > div.c-mail div {justify-content:space-between; align-items:center;}
.contact-wrap .contact-box1 ul li > div.c-call input , .contact-wrap .contact-box1 ul li > div.c-mail input, .contact-wrap .contact-box1 ul li > div.c-mail select {width:30%; display:inline-block;}
.contact-wrap .contact-box1 ul li > div.c-call span, .contact-wrap .contact-box1 ul li > div.c-mail span {display:inline-block;}
.contact-wrap .contact-box1 ul li > div.c-mail select {padding:0 15px; box-sizing:border-box; border:1px solid #ccc; height:45px;}
.contact-wrap .contact-box1 ul li > div.c-guide div label {display:inline-block; margin-left:5px;}
.contact-wrap .contact-box1 ul li > div.c-guide div input:last-of-type {margin-left:50px;}
.contact-wrap .contact-box1 ul li > div.c-content textarea {height:150px; border:1px solid #ccc; padding:15px; font-size:14px;}
.contact-wrap .contact-box1 ul li > div.c-agree .agree-box {height:170px; background-color:#f7f7f7; padding:15px; overflow:hidden; overflow-Y:scroll;}
.contact-wrap .contact-box1 ul li > div.c-agree .agree-box p {font-size:13px;}
.contact-wrap .contact-box1 ul li > div.c-agree div:last-child {justify-content:flex-end; align-items:center; margin-top:10px;}
.contact-wrap .contact-box1 ul li > div.c-agree div:last-child label {margin-bottom:0; margin-left:5px; font-size:16px;}
.contact-wrap .contact-box1 ul li > div.c-submit input {width:100%; background-color:#D6000F; padding:15px; border:0; transition:0.2s all; color:#fff;}
.contact-wrap .contact-box1 ul li > div.c-submit input:hover {background-color:#b50f1a;}
.contact-wrap .contact-box1 ul li textarea:focus-visible::placeholder, .contact-wrap .contact-box1 ul li input:focus-visible::placeholder {color:transparent;}


/* 홍보대사 */
.ambassador-contents {padding-bottom:0;}
.ambassador-wrap .ambassador-box1 > ul {padding:100px 0;}
.ambassador-wrap .ambassador-box1 > ul:first-child {padding-top:0;}
.ambassador-wrap .ambassador-box1 > ul:nth-child(2n) {background-color: #f2fcff;}
.ambassador-wrap .ambassador-box1 > ul:nth-child(2n) h3 {text-align:right;}
.ambassador-wrap .ambassador-box1 > ul:nth-child(2n) > li:last-child > div {position:relative; height:400px;}
.ambassador-wrap .ambassador-box1 > ul:nth-child(2n) > li:last-child > div > div.amba-img {position:absolute; right:0; top:50%; transform:translateY(-50%);}
.ambassador-wrap .ambassador-box1 > ul:nth-child(2n) > li:last-child > div > div.amba-cont {position:absolute; left:0; top:50%; transform:translateY(-50%);}
.ambassador-wrap .ambassador-box1 > ul > li {width:1250px; margin:0 auto;}
.ambassador-wrap .ambassador-box1 > ul > li:last-child > div {display:flex;}
.ambassador-wrap .ambassador-box1 > ul > li > div:last-child > div.amba-img {width:55%;}
.ambassador-wrap .ambassador-box1 > ul > li > div:last-child > div.amba-cont {width:45%; padding:0 50px; display:flex; align-items:center;justify-content:center;}
.ambassador-wrap .ambassador-box1 > ul > li > div:last-child > div.amba-cont p {font-size:20px; text-align:center; word-break:keep-all; font-weight:500;}
.ambassador-wrap .ambassador-box1 > ul > li > div:last-child > div.amba-cont img {width:50px; margin:30px auto;}
.ambassador-wrap .ambassador-box1 > ul > li div.amba-img img {width:100%; height:400px; object-fit:cover;}

/* 소식 - 소식지 */
.publication-wrap .publication-box1 .tab-content {padding:50px 0 0;}
.publication-wrap .publication-box1 .list_search {display:flex; justify-content:flex-end; margin-bottom:10px;}
.publication-wrap .publication-box1 .list_search input {border:1px solid #ccc; height:40px; padding:0 10px; font-size:14px; background-color:#fff; border-right:0; width:200px;}
.publication-wrap .publication-box1 .list_search input:focus-visible {outline:none;}
.publication-wrap .publication-box1 .list_search a {display:flex; width:40px; height:40px; border:1px solid #ccc; justify-content:center; align-items:center;}
.publication-wrap .publication-box1 .list_search a img {width:70%; height:70%;}
.publication-wrap .publication-box1 .down-box {display:flex; gap:20px; justify-content:center;}
.publication-wrap .publication-box1 .down-box a {display:flex; justify-content:center; align-items:center; width:95px; padding:3px 0; border:1px solid #aaa; transition:0.2s all; color:#555;}
.publication-wrap .publication-box1 .down-box a:hover {background-color:#fff4f5; border-color:#FF5E6A; color:#d12626}
.publication-wrap .publication-box1 .down-box a img {height:12px; margin-left:5px;}

/* 후원 - 기업후원 - 후원방법 */
.method-box1 {display:flex; align-items:center; justify-content:space-between;}
.method-box1 div:first-child {width:50%;}
.method-box1 div:last-child {width:40%;}
.method-box1 div p {font-size:30px; word-break:keep-all;}
.method-wrap .method-box2 ul{}
.method-wrap .method-box2 ul li{ margin-bottom: 30px; display: flex; justify-content: flex-end;}
.method-wrap .method-box2 ul li:nth-child(1){background:url('/img/method_con01_img01.png')}
.method-wrap .method-box2 ul li:nth-child(2){background:url('/img/method_con01_img02.png')}
.method-wrap .method-box2 ul li:nth-child(3){background:url('/img/method_con01_img03.png')}
.method-wrap .method-box2 ul li .icon_txt_box{ height: 440px;width: 36%;display: flex;justify-content: center;flex-direction: column;align-items: flex-start; align-items: center;}
.method-wrap .method-box2 ul li .icon_txt_box p{ font-size: 22px; font-weight: bold;margin: 15px 0;}

.method-wrap .method-box3 ul {display:flex; gap:4%; flex-wrap:wrap;}
.method-wrap .method-box3 ul li {width:30%; margin-bottom: 50px;box-shadow:0 0 15px 0 rgba(0, 0, 0, 0.25);}
.method-wrap .method-box3 ul li div { width:100%; height:300px;}
.method-wrap .method-box3 ul li div img {width:100%; height:100%; object-fit:cover;}
.method-wrap .method-box3 ul li p {width:100%; height:100px; background-color:#fff; display:flex; justify-content:center; align-items:center; font-size:22px; font-weight:600; }
.method-wrap .method-box4 ul.process-list {display:flex; align-items:center;} 
.method-wrap .method-box4 ul.process-list li.process-txt {width:calc(85% / 4); padding:50px 0; text-align:center; font-weight: bold; font-size:22px; display: flex;flex-direction: column;align-items: center; } 
.method-wrap .method-box4 ul.process-list li.process-txt img{margin-bottom:15px}
.method-wrap .method-box4 ul.process-list li.arrow {width:5%; padding:10px;} 
.method-wrap .method-box5 ul {display:flex; gap:4%;}
.method-wrap .method-box5 ul li {width:calc(92%/3); display: flex; align-items: center; background-color:#c8e5e9;  }
.method-wrap .method-box5 ul li div.benefit-img {position:relative; padding:30px; }
.method-wrap .method-box5 ul li div.benefit-img img {margin:0 auto;}
.method-wrap .method-box5 ul li div.benefit-txt { font-size:20px; font-weight:500;}
.method-wrap .method-box5 ul li div.benefit-txt small{ font-size: 16px;}

.sponsor-tab {margin-top:100px;}

/* 후원 - 기업후원 - 후원문의 */
/* .inquiry-wrap .inquiry-box1 {width:80%; margin:0 auto;} */
.inquiry-wrap .inquiry-box1 ul li {margin-bottom:80px;}
.inquiry-wrap .inquiry-box1 ul li input[type="text"] {border-width:0 0 1px 0; border-color:#777; padding:10px; height:45px; width:70%;}
.inquiry-wrap .inquiry-box1 ul li input::placeholder {color:#aaa;}
.inquiry-wrap .inquiry-box1 ul li label {width:13%;}
.inquiry-wrap .inquiry-box1 ul li textarea {/* background-color:#f6f6f6; */ height:100px; padding:10px; width:70%; border:1px solid #777;}
.inquiry-wrap .inquiry-box1 ul li input[type="text"]:focus-visible {border-bottom-color:#FF5E6A; outline:0;}
.inquiry-wrap .inquiry-box1 ul li textarea:focus-visible {border:1px solid #FF5E6A; outline:0; background-color:#fff;}
.inquiry-wrap .inquiry-box1 ul li input[type="text"]:focus-visible::placeholder, .inquiry-wrap .inquiry-box1 ul li textarea:focus-visible::placeholder {color:transparent;}
.inquiry-wrap .inquiry-box1 ul li select:focus-visible {outline:0;}
.inquiry-wrap .inquiry-box1 ul li:last-child {margin-bottom:0;}
.inquiry-wrap .inquiry-box1 ul li > div {display:flex; align-items:center;}
.inquiry-wrap .inquiry-box1 ul li:nth-child(4) > div {align-items:flex-start;}
.inquiry-wrap .inquiry-box1 ul li > div > div {width:87%;}
.inquiry-wrap .inquiry-box1 ul li div div.d-flex {align-items:center;}
.inquiry-wrap .inquiry-box1 ul li div.c-call input {width:calc(60%/3);}
.inquiry-wrap .inquiry-box1 ul li div.c-call span {width:5%; text-align:center;}
.inquiry-wrap .inquiry-box1 ul li div.c-mail input {width:calc(60%/3);}
.inquiry-wrap .inquiry-box1 ul li div.c-mail span {width:5%; text-align:center;}
.inquiry-wrap .inquiry-box1 ul li div.c-mail select {width:calc(60%/3); margin-left:5%; height:45px; border-radius:0;}
.inquiry-wrap .inquiry-box1 ul li div.c-submit {width:74%; justify-content:flex-end;}
.inquiry-wrap .inquiry-box1 ul li div.c-submit input {width:350px; background-color:#fff; padding:20px; border:1px solid #777; transition:0.2s all; text-align:left; background-image:url('/img/icon-arrow-right.png'); background-position:right 30px top 50%; background-size:30px; background-repeat:no-repeat;}
.inquiry-wrap .inquiry-box1 ul li div.c-submit input:hover {background-position:right 20px top 50%; border-color:#000;}

/* policy */
.policy-wrap b {font-weight:600;}

/* 정보변경 */
.change-wrap .change-box1 {background-color:#fff; border-radius:20px; padding:50px;}
.change-wrap .reg-date2, .change-wrap .check-main {display:none;}
.change-wrap .control-btn {display:none;}
.change-wrap table.write_table input, .change-wrap table.write_table select {margin-bottom:0 !important; padding:0 5px !important;}
.change-wrap table.write_table p.email_wrap {display:flex; align-items:center;}
.change-wrap table.write_table .char {margin:0 5px;}
.change-wrap table.write_table tr:last-child {display:none;}
.change-wrap table.table-type01 span.cate-txt1 {display:none;}
.change-wrap .list_view .view_top {background-color:#fff; border-width:2px; border-color:#777;}
.change-wrap .list_view .view_top h3 {font-weight:600;}
.change-wrap .list_view .view_con ul li {display:flex; padding:20px 10px; border-bottom:1px solid #ddd;}
.change-wrap .list_view .view_con ul li p {width:150px; font-weight:500;}
.change-wrap .list_view .view_con ul li span {color:#333;}
.change-wrap .pw_pop .info {word-break:keep-all;}
.change-wrap .pw_pop .btn_close {position:relative; top:0; right:0;}
.change-wrap .pw_pop .input_pw {height:auto;}
.change-wrap .pw_pop .input_pw a {margin-top:15px;}
.change-wrap .btn_list.b_r {float:none;}
.change-wrap .c-agree {margin-top:30px;}
.change-wrap .c-agree > label {font-weight:500;}
.change-wrap .c-agree .agree-box {height:200px; background-color:#f7f7f7; border-radius:5px; padding:15px; overflow:hidden; overflow-Y:scroll; margin-top:10px;}
.change-wrap .c-agree .agree-box p {}
.change-wrap .c-agree input {margin-top:1px;}
.change-wrap .c-agree div:last-child {justify-content:flex-end; align-items:center; margin-top:5px;}
.change-wrap .c-agree div:last-child label {margin-bottom:0; margin-left:5px;}
.change-wrap label[for="address01"], .change-wrap label[for="address02"], .change-wrap label[for="secret"], .change-wrap label[for="join-agree-check"] {font-size:16px;}

/* 환자 응원 프로젝트 */
.cheering-wrap ul.process-list {display:flex; align-items:center;} 
.cheering-wrap ul.process-list li.process-txt {width:calc(85% / 4);  display:flex; align-items:center; justify-content:center;    flex-direction: column; align-items: center; padding:0; text-align:center; font-size:20px;;} 
.cheering-wrap ul.process-list li.process-txt img{width:50%}
.cheering-wrap ul.process-list li.arrow {width:5%; padding:10px;}

/* print */
.print-wrap .print-box1 {background-color:#fff; border-radius:20px; padding:50px;}
.print-wrap .print-box1 form {width:70%; margin:0 auto;}
.print-wrap .print-box1 form > div {margin-bottom:30px;}
.print-wrap .print-box1 form > div:last-child {margin-bottom:0;}
.print-wrap .print-box1 form label {display:inline-block; margin-bottom:5px; font-weight:500;}
.print-wrap .print-box1 form #sms_auth > div.sms-box {display:flex; justify-content:space-between;}
.print-wrap .print-box1 form #sms_auth > div.sms-box input {width:65%;}
.print-wrap .print-box1 form #sms_auth > div.sms-box button {width:33%; border-radius:0; font-size:}
.print-wrap .print-box1 form #sms_auth > div#sendMag {width:100%; margin-top:5px;}
.print-wrap input {border:1px solid #ccc;  padding:5px 15px; height:45px; border-radius:0; font-size:18px;}
.print-wrap input:focus-visible {outline:2px solid #ffd3d6; border-color:#ffbec3;}
.print-wrap input:focus {border-color:none; box-shadow:none;}
.print-wrap input::placeholder {font-size:14px; color:#757575;}
.print-wrap input:focus-visible::placeholder {color:transparent;}
.print-wrap .p-submit {margin-top:50px;}
.print-wrap .p-submit button {width:100%; background-color:#D6000F; padding:15px; border:0; transition:0.2s all; color:#fff; border-radius:0; font-size:20px;}
.print-wrap .p-submit button:hover {background-color:#b50f1a;}
.print-wrap .radio-box {display:flex; align-items:center;}
.print-wrap .radio-box input:last-of-type {margin-left:50px;}
.print-wrap .radio-box label {margin-left:7px; margin-bottom:0 !important; display:inline-block;}