/**
* Created by PhpStorm.
* Date         : 2021-11-12
* Developer    : SeHwan Hwang
* Description  : wp_style.css
* ⓒ 2021. WebPlanet Co. All Rights Reserved.
*/

@charset "utf-8";

/**********************************************************************************************************************/
/* 작성방법 */
/*
1. 모든 스타일은 클래스명 .wp_wrap 을 시작으로 작성한다.
2. 공통 스타일의 클래스명은 cm_ 접두어를 사용한다.
*/
/**********************************************************************************************************************/


/**********************************************************************************************************************/
/* 공통 스타일 */
/**********************************************************************************************************************/
@charset "utf-8";

/**********************************************************************************************************************/
/* 공통 스타일 */
/**********************************************************************************************************************/
/* font */
/* @import url('https://fonts.googleapis.com/css2? family= Taprom & display=swap'); 
 font-family: 'Taprom', 필기체; */



@font-face {
    font-family: 'Pretendard-Thin';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'Pretendard-Light';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Light.woff') format('woff');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'Pretendard-ExtraLight';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-ExtraLight.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Pretendard-Regular';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Pretendard-Medium';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Pretendard-SemiBold';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Pretendard-Bold';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Pretendard-ExtraBold';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-ExtraBold.woff') format('woff');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'Pretendard-Black';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
}
@font-face {
    font-family: 'SCoreDream100';
    font-weight: 100; 
    font-style: normal; 
    src: url(https://cdn.jsdelivr.net/gh/webfontworld/SCoreDream/SCoreDream1.woff2) format('woff2'),
        url(https://cdn.jsdelivr.net/gh/webfontworld/SCoreDream/SCoreDream1.woff) format('woff');
    font-display: swap;
}
@font-face {
    font-family: 'SCoreDream200';
    font-weight: 200; 
    font-style: normal; 
    src: url(https://cdn.jsdelivr.net/gh/webfontworld/SCoreDream/SCoreDream2.woff2) format('woff2'),
        url(https://cdn.jsdelivr.net/gh/webfontworld/SCoreDream/SCoreDream2.woff) format('woff');
    font-display: swap;
}
@font-face {
    font-family: 'SCoreDream300';
    font-weight: 300; 
    font-style: normal; 
    src: url(https://cdn.jsdelivr.net/gh/webfontworld/SCoreDream/SCoreDream3.woff2) format('woff2'),
        url(https://cdn.jsdelivr.net/gh/webfontworld/SCoreDream/SCoreDream3.woff) format('woff');
    font-display: swap;
}
@font-face {
    font-family: 'SCoreDream400';
    font-weight: 400; 
    font-style: normal; 
    src: url(https://cdn.jsdelivr.net/gh/webfontworld/SCoreDream/SCoreDream4.woff2) format('woff2'),
        url(https://cdn.jsdelivr.net/gh/webfontworld/SCoreDream/SCoreDream4.woff) format('woff');
    font-display: swap;
}
@font-face {
    font-family: 'SCoreDream500';
    font-weight: 500; 
    font-style: normal; 
    src: url(https://cdn.jsdelivr.net/gh/webfontworld/SCoreDream/SCoreDream5.woff2) format('woff2'),
        url(https://cdn.jsdelivr.net/gh/webfontworld/SCoreDream/SCoreDream5.woff) format('woff');
    font-display: swap;
}
@font-face {
    font-family: 'SCoreDream600';
    font-weight: 600; 
    font-style: normal; 
    src: url(https://cdn.jsdelivr.net/gh/webfontworld/SCoreDream/SCoreDream6.woff2) format('woff2'),
        url(https://cdn.jsdelivr.net/gh/webfontworld/SCoreDream/SCoreDream6.woff) format('woff');
    font-display: swap;
}
@font-face {
    font-family: 'SCoreDream700';
    font-weight: 700; 
    font-style: normal; 
    src: url(https://cdn.jsdelivr.net/gh/webfontworld/SCoreDream/SCoreDream7.woff2) format('woff2'),
        url(https://cdn.jsdelivr.net/gh/webfontworld/SCoreDream/SCoreDream7.woff) format('woff');
    font-display: swap;
}
@font-face {
    font-family: 'SCoreDream800';
    font-weight: 800; 
    font-style: normal; 
    src: url(https://cdn.jsdelivr.net/gh/webfontworld/SCoreDream/SCoreDream8.woff2) format('woff2'),
        url(https://cdn.jsdelivr.net/gh/webfontworld/SCoreDream/SCoreDream8.woff) format('woff');
    font-display: swap;
}
@font-face {
    font-family: 'SCoreDream900';
    font-weight: 900; 
    font-style: normal; 
    src: url(https://cdn.jsdelivr.net/gh/webfontworld/SCoreDream/SCoreDream9.woff2) format('woff2'),
        url(https://cdn.jsdelivr.net/gh/webfontworld/SCoreDream/SCoreDream9.woff) format('woff');
    font-display: swap;
}
:root {
    --font-pre100: 'Pretendard-Thin';
    --font-pre200: 'Pretendard-Light';
    --font-pre300: 'Pretendard-ExtraLight';
    --font-pre400: 'Pretendard-Regular';
    --font-pre500: 'Pretendard-Medium';
    --font-pre600: 'Pretendard-SemiBold';
    --font-pre700: 'Pretendard-Bold';
    --font-pre800: 'Pretendard-ExtraBold';
    --font-pre900: 'Pretendard-Black';
    --font-scdream1:'SCoreDream100';
    --font-scdream2:'SCoreDream200';
    --font-scdream3:'SCoreDream300';
    --font-scdream4:'SCoreDream400';
    --font-scdream5:'SCoreDream500';
	--font-scdream6:'SCoreDream600';
	--font-scdream7:'SCoreDream700';
	--font-scdream8:'SCoreDream800';
	--font-scdream9:'SCoreDream900';
}

html{
    scroll-behavior: smooth;
}

.wp_wrap {
    font-family: var(--font-pre400);
    word-break: keep-all;
    overflow-x: hidden;
}
.wp_wrap .cm_inner {
    max-width: 1500px;
    width: 100%;
    margin: 0 auto;
}
.wp_wrap .cm_inner02 {
    max-width: 1720px;
    width: 100%;
    margin: 0 auto;
}
.wp_wrap .cm_sec {
    padding: 120px 0;
}
.wp_wrap .cm_sec02 {
    padding: 150px 0;
}


.wp_wrap .white{
    color: #fff;
}
.wp_wrap .tit_box .sub{
    font-size: 20px;
}
.wp_wrap .tit_box .tit{
    font-size: 60px;
    font-family: var(--font-pre700);
    margin-bottom:20px;
}
.wp_wrap .tit_box .desc{
    font-size: 20px;
}


/* 폼연동 */
.wp_wrap .wp_alert_red{
    font-size: 14px;
    margin-top: 5px;
}
/**********************************************************************************************************************/



/**********************************************************************************************************************/
/* 헤더 */
/**********************************************************************************************************************/
/* 헤더 */
.wp_wrap header{
    position: fixed;
    top: 0;
    left:0;
    width: 100%;
    background: transparent;
    z-index: 999;
}
.wp_wrap header .h_inner{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.wp_wrap header .h_inner .logo{
    min-width: 170px;
}
.wp_wrap header .h_inner .right{
    display: flex;
    align-items: center;
    gap: 33px;
}
.wp_wrap header .h_inner .right .gnb{
    display: flex;
    align-items: center;
}
.wp_wrap header .h_inner .right .gnb .m_list{
    text-align: center;
    position: relative;
    width: 160px;
}
.wp_wrap header .h_inner .right .gnb .m_list::after{
    content: "";
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    height: 3px;
    background: #00378A;
    transform: scale(0);
    transition: 0.5s;
}
.wp_wrap header .h_inner .right .gnb .m_list:hover::after{
    transform: scale(1);
}
.wp_wrap header .h_inner .right .gnb .m_list>a{
    display: block;
    font-size: 18px;
    color: #fff;
    padding: 38.5px 0;
}
.wp_wrap header .h_inner .right .gnb .m_list>.sub_mnu{
    display: none;
    position: absolute;
    width: 100%;
    padding: 50px 0;
}
.wp_wrap header .h_inner .right .gnb .m_list>.sub_mnu li>a{
    display: block;
    color: #535353;
    font-size: 16px;
    font-family: var(--font-pre400);
    padding: 10px 0;
}

.wp_wrap header .h_inner .right .fmnu_open .icon_box{
    display: flex;
    flex-direction: column;
    gap: 8px;
    cursor: pointer;
}
.wp_wrap header .h_inner .right .fmnu_open .icon_box span{
    display: block;
    height: 3px;
    background: #fff;
    border-radius: 5px;
}
.wp_wrap header .h_inner .right .fmnu_open .icon_box span:nth-child(1){
    width: 34px;
}
.wp_wrap header .h_inner .right .fmnu_open .icon_box span:nth-child(2){
    width: 29px;
}
.wp_wrap header .h_inner .right .fmnu_open .icon_box span:nth-child(3){
    width: 24px;
    margin-bottom: 0;
}
.wp_wrap header .sub_mnu_bg{
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 320px;
    background: #fff;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    z-index: -1;
}
.wp_wrap .mo_mnu{
    display: none;
}
.wp_wrap .ful_mnu {
    display:none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: #fff;
}
.wp_wrap .ful_mnu.on {
    display: block;
}
.wp_wrap .ful_mnu .close{
    position: absolute;
    top: 30px;
    right: 30px;
}
.wp_wrap .ful_mnu .close .icon_box{
    cursor: pointer;
}
.wp_wrap .ful_mnu .close .icon_box i{
    font-size: 40px;
}
.wp_wrap .ful_mnu .out_inner{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}
.wp_wrap .ful_mnu .out_inner .sitemap{
    font-size: 40px;
    font-family: var(--font-pre700);
    margin-bottom: 90px;
}
.wp_wrap .ful_mnu .out_inner .ful_mnu_iner .ful_gnb{
    display: flex;
    align-items: flex-start;
    justify-content: space-around;
}
.wp_wrap .ful_mnu .out_inner .ful_mnu_iner .ful_gnb li{
    text-align: center;
}
.wp_wrap .ful_mnu .out_inner .ful_mnu_iner .ful_gnb li>a{
    display: block;
    width: 100%;
    font-size: 28px ;
    font-family: var(--font-pre600);
    margin-bottom: 60px;
}
.wp_wrap .ful_mnu .out_inner .ful_mnu_iner .ful_gnb li .ful_sub_mnu li>a{ 
    text-align: center;
    display: block;
    font-size: 20px ;
    margin-bottom: 35px;
    color: #666666;
    font-family: var(--font-pre400);
}
.wp_wrap .ful_mnu .img_box{
    position: absolute;
    bottom: 0;
    right: 0;
}
.wp_wrap .ful_mnu .img_logo img{
	margin: 0 auto;
	padding-bottom: 60px;
}
/**********************************************************************************************************************/





/**********************************************************************************************************************/
/* 푸터 */
/**********************************************************************************************************************/
/* 푸터 */
.wp_wrap footer{
    background: #191C20;
    padding: 70px 0;
}
.wp_wrap footer .f_inner .top{
    display: flex;
    align-items: center;
	justify-content: space-between;
    gap: 60px;
    padding-bottom: 30px;
    border-bottom: 1px solid #939393;
}
.wp_wrap footer .f_inner .top .f_mnu{
    display: flex;
    align-items: center;
    gap: 40px;
	color: #9f9f9f;
}
.wp_wrap footer .f_inner .top .f_mnu li a,
.wp_wrap footer .f_inner .top .f_mnu li p{
    font-size: 18px;
    color: #939393;
}
.wp_wrap footer .f_inner .bot{
    padding-top: 30px;
}
.wp_wrap footer .f_inner .bot .f_info{
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}
.wp_wrap footer .f_inner .bot .f_info li{
    position: relative ;
    padding-left: 10px;
    margin-left: 10px;
    font-size: 17px;
    color: #939393;
}
.wp_wrap footer .f_inner .bot .f_info li:first-child{
    padding-left: 0;
    margin-left: 0;
}
.wp_wrap footer .f_inner .bot .f_info li::before{
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    width: 1px;
    height: 14px;
    background: #939393;
}
.wp_wrap footer .f_inner .bot .f_info li:first-child::before{
    display: none;
}
.wp_wrap footer .f_inner .bot .copyright{
    font-size: 15px;
    color: #939393;
}
/**********************************************************************************************************************/






/**********************************************************************************************************************/
/* 메인 */
/**********************************************************************************************************************/

/* m_visual */
/* .wp_wrap .m_visual{
    position: absolute;
    width: 100%;
    height: 100vh;
} */
.wp_wrap .m_visual .slider_zone{
    width: 100%;
    height: 100vh;
    display: flex;
    position: relative;
}
.wp_wrap .m_visual .slider_zone .swiper-container {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    /* border-radius: 0 0 0 200px; */
    overflow: hidden;
}
.wp_wrap .m_visual .slider_zone .swiper-slide{
    overflow: hidden;
    color: #fff;
}
.wp_wrap .m_visual .slider_zone .swiper-slide .slide-inner{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    background-size: cover;
    background-position: center;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: left;
}
.wp_wrap .m_visual .slider_zone .swiper-slide .slide-inner .container{
    text-align: center;
    max-width: 1530px;
    padding: 0 15px;    
    width: 100%;
    margin: 0 auto;
}

.wp_wrap .m_visual .slider_zone .swiper-slide .slide-inner .container .slogan .slide-title{
    font-size: 90px;
    font-family: var(--font-pre700);
    text-align:left;
    color:#fff;
	text-shadow: 0 0 10px #00000026;
}
.wp_wrap .m_visual .slider_zone .swiper-slide .slide-inner .container .slogan .slide-text{
    font-size: 20px;
    text-align: left;
    color:#fff;
}
.wp_wrap .m_visual .slider_zone .swiper-button-next{
    background: url(../img/icon/swiper_off.png) no-repeat;
    width: 40px;
    height: 40px;
    background-size: cover; 
    font-size:0;
    margin-top:0;
    transition: 0.3s;
    z-index: 999;
    left: calc(50% - 700px);
    top: 65%;
}
.wp_wrap .m_visual .slider_zone .swiper-button-prev {
    background: url(../img/icon/swiper_off.png) no-repeat;
    width: 40px;
    height: 40px;
    background-size: cover; 
    transform: rotate(180deg) ;
    transition: 0.3s;
    font-size:0;
    margin-top:0;
    left: calc(50% - 750px);
    top: 65%;
}
.wp_wrap .m_visual .slider_zone .swiper-button-next:hover{    
    background: url(../img/icon/swiper_on.png) no-repeat;
}
.wp_wrap .m_visual .slider_zone .swiper-button-prev:hover {    
    background: url(../img/icon/swiper_on.png) no-repeat;
    transform: rotate(180deg) ;
}
/* .wp_wrap .m_visual .slider_zone .swiper-button-next.swiper-button-disabled {
    background: url(../img/icon/swiper_off.png) no-repeat;
    width: 40px;
    height: 40px;
    background-size: cover;  
    font-size:0;
    margin-top:0;
}
.wp_wrap .m_visual .slider_zone .swiper-button-prev.swiper-button-disabled {
    background: url(../img/icon/swiper_off.png) no-repeat;
    width: 40px;
    height: 40px;
    background-size: cover;     
    transform: rotate(180deg) ;
    font-size:0;
    margin-top:0;
} */

.wp_wrap .m_visual .slider_zone .swiper-button-next::after,
.wp_wrap .m_visual .slider_zone .swiper-button-prev::after{
    display: none;
}
.wp_wrap .m_visual .slider_zone .swiper-pagination{
    position: absolute;
    top: 66.2%;
    left: calc(50% - 650px);
    color: #fff;
}
.wp_wrap .m_visual .slider_zone .swiper-pagination-fraction {
    bottom: auto !important;
    width: auto !important;
}
.wp_wrap .m_visual .slider_zone .swiper-pagination-current,
.wp_wrap .m_visual .slider_zone .swiper-pagination-total{
    color: #fff;
}

.wp_wrap .m_visual .scroll{
    position: absolute;
    bottom: 180px;
    z-index: 90;  
    transform: rotate(90deg);
    right: 80px;
}
.wp_wrap .m_visual .scroll p{
    position: relative;
    font-size: 16px;
    color: #Fff;
}
.wp_wrap .m_visual .scroll p::after{
    content: "";
    position: absolute;
    top: 50%;
    margin-left: 15px;
    transform: translateY(-50%);
    width: 120px;
    height: 1px;
    background: #fff;
    animation: long 2s  infinite;
}
/*로그인일타일*/
.login a {
	font-size: 13px;
	color: #fff;
	
}
.login {
	display: flex;gap:7px
}

@keyframes long{
    0%{
        width: 0;
    }
    100%{
        width: 120px;
    }
}
/* m_business */
.wp_wrap .m_business{
    padding: 190px 0;
}
.wp_wrap .m_business .bsn_inner .tit_box{
    margin-bottom: 60px;
}
.wp_wrap .m_business .contents{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
} 
.wp_wrap .m_business .itm{
    width: 33.33333%;
    position: relative;
    height: 480px;
    overflow: hidden;
}
.wp_wrap .m_business .itm.itm01{
    background: url(../img/main/business01.jpg) no-repeat center center / cover; 
}
.wp_wrap .m_business .itm.itm02{
    background: url(../img/main/business02.jpg) no-repeat center center / cover; 
}
.wp_wrap .m_business .itm.itm03{
    background: url(../img/main/business03.jpg) no-repeat center center / cover; 
}
.wp_wrap .m_business .itm .name{
    position: absolute;
    bottom: 50px;
    left: 30px;
    font-size: 26px;
    font-family: var(--font-pre700);
}
.wp_wrap .m_business .itm .txt_box{
    position: absolute;
    bottom: -100%;
    left: -100%;
    background: #fff;
    padding: 40px 30px;
    transition: 0.7s;
    width: 370px;
}
.wp_wrap .m_business .itm:hover .txt_box{
    bottom: 0;
    left: 0;
    border: 1px solid #ddd;
}
.wp_wrap .m_business .itm .txt_box .proj_num{
    font-size: 26px;
    font-family: var(--font-pre700);
    margin-bottom: 20px;
}
.wp_wrap .m_business .itm .txt_box .desc{
    font-size: 20px;
    margin-bottom: 40px;
    height: 72px;
    width: 85%;
}
.wp_wrap .m_business .itm .txt_box .more{
    text-align: right;
}
.wp_wrap .m_business .itm .txt_box .more a{
    font-size: 17px;
    font-family: var(--font-pre600);
    color: #00378A;
}

/* m_about */
.wp_wrap .m_about{
    position: relative;
    background:url("../img/main/secbg.jpg") no-repeat  center;
    padding: 220px 0;
	background-size: cover;
}
.wp_wrap .m_about .about_inner{
    position: relative;
    width: calc(100% - 210px);
    margin: 0 0 0 auto;
    z-index: 90;
}
.wp_wrap .m_about .about_inner .about_slider{
    position: relative;
    width: 3200px;
    z-index: 10;
}
.wp_wrap .m_about .about_inner .about_slider .slick-list {
    margin: 0 -10px;
}
.wp_wrap .m_about .about_inner .about_slider .slick-slide {
    margin:  0 10px;
}
.wp_wrap .m_about .about_inner .about_slider .slick-dots{
    position: absolute;
    top: 21.5%;
    top: 18%;
    left: calc(30% - 41px);
    display: flex;
    gap: 10px;
}
.wp_wrap .m_about .about_inner .about_slider .slick-dots li button{
    background: #EEEEEE;
    font-size: 20px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    color: #073784;
    font-family: var(--font-pre400);
}
.wp_wrap .m_about .about_inner .about_slider .slick-dots li.slick-active button{    
    background: #073784;
    color: #eeeeee;
}
.wp_wrap .m_about .about_inner .about_slider .slide{
    display: flex; 
    align-items: center;
}
.wp_wrap .m_about .about_inner .about_slider .slide .left,
.wp_wrap .m_about .about_inner .about_slider .slide .right{
    width: 50%;
}
.wp_wrap .m_about .about_inner .about_slider .slide .left .img_box{
    width: 100%;
    height: 600px;
}
.wp_wrap .m_about .about_inner .about_slider .slide .left .img_box img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: grayscale(0.3) brightness(0.8) blur(1px);
    transition: 0.3s;
}
.wp_wrap .m_about .about_inner .about_slider .slide.action .left .img_box img{
    filter: none;
}
.wp_wrap .m_about .about_inner .about_slider .slide .right{
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
    padding: 0 120px;
}
.wp_wrap .m_about .about_inner .about_slider .slide .right .tit_box{
    margin-bottom: 30px;
}
.wp_wrap .m_about .about_inner .about_slider .slide .right .tit_box .desc{
    height: 72px;
}
.wp_wrap .m_about .about_inner .about_slider .slide .right .more{
    width: 100%;
}
.wp_wrap .m_about .about_inner .about_slider .slide .right .more a{
    width: 100%;
    position: relative;
    color: #D2D2D2;
    font-size: 20px;
    font-family: var(--font-pre700);
}
.wp_wrap .m_about .about_inner .about_slider .slide .right .more a::after{
    content: "";
    position: absolute;
    top: 50%;
    right: -30px;
    transform: translateY(-50%);
    width: 54px;
    height: 54px;
    border-radius: 50%;
    background: #073784;
    z-index: -1;
    animation: ball 3s ease-in-out infinite;
}
.wp_wrap .m_about>.img_box{
    position: absolute;
    bottom: 0;
    right:0;
}
@keyframes ball{
    0% {        
        top: 50%;
        right: -30px;
    }
    50% {        
        top: 50%;
        right: 90px;
    }
    100% {        
        top: 50%;
        right: -30px;
    }
}


/* m_notice */
.wp_wrap .m_notice{
    background:#F1F2F4;
    padding: 220px 0;
}
.wp_wrap .m_notice .ntc_inner .top{
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin-bottom: 50px;
}
.wp_wrap .m_notice .ntc_inner .top .left{
    display: flex;
    align-items: flex-end;
    gap: 40px;
}
.wp_wrap .m_notice .ntc_inner .top .left .tit_box .tit{
    margin-bottom: 0; 
}
.wp_wrap .m_notice .ntc_inner .top .left .more a{
    font-family: var(--font-pre700);
    font-size: 20px;
}
.wp_wrap .m_notice .ntc_inner .top .left .more a i{
    font-size: 17px;
    background: #00378A;
    padding: 15px;
    border-radius: 50%;
    margin-left: 10px;
}
.wp_wrap .m_notice .ntc_inner .top .ntc_btn{
    display: flex;
    gap: 13px;
}
.wp_wrap .m_notice .ntc_inner .top .ntc_btn button{
    background: transparent;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: transparent;
}
.wp_wrap .m_notice .ntc_inner .top .ntc_btn button i{
    padding: 10px;
    color: #000;
    border-radius: 50%;
    border: 1px solid #707070;
    transition: 0.3s;
    display: inline-block;
}
.wp_wrap .m_notice .ntc_inner .top .ntc_btn button:hover i{
    color: #fff;
    background: #00378A;
    border-radius: 50%;
    border: 1px solid #00378A;
}
.wp_wrap .m_notice .ntc_inner .bottom .ntc_slider{
    position: relative;
    width: 2050px;
}
.wp_wrap .m_notice .ntc_inner .bottom .ntc_slider .slide{
    position: relative;
    background: #fff;
    transition: 0.5s;
}
.wp_wrap .m_notice .ntc_inner .bottom .ntc_slider .slick-list {
    margin: 0 -15px;
}
.wp_wrap .m_notice .ntc_inner .bottom .ntc_slider .slick-slide {
    margin:  0 15px;
}
.wp_wrap .m_notice .ntc_inner .bottom .ntc_slider .slide .slide_inner{
    padding: 60px;
}
.wp_wrap .m_notice .ntc_inner .bottom .ntc_slider .slide .slide_inner .min{
    font-size: 17px;
    font-family: var(--font-pre700);
    margin-bottom: 60px;
    color:#2068D5;
}
.wp_wrap .m_notice .ntc_inner .bottom .ntc_slider .slide .slide_inner .tit{
    font-size: 30px;
    font-family: var(--font-pre700);
    margin-bottom: 40px;
    height: 70px;
}
.wp_wrap .m_notice .ntc_inner .bottom .ntc_slider .slide .slide_inner .desc{
    font-size: 20px;
    margin-bottom: 65px;
    height: 100px;
}
.wp_wrap .m_notice .ntc_inner .bottom .ntc_slider .slide .slide_inner .date{
    color: #DDDDDD;
    font-size: 20px;
}
.wp_wrap .m_notice .ntc_inner .bottom .ntc_slider .slide.on{
    background: #00378A;
}
.wp_wrap .m_notice .ntc_inner .bottom .ntc_slider .slide.on .slide_inner .min,
.wp_wrap .m_notice .ntc_inner .bottom .ntc_slider .slide.on .slide_inner .tit,
.wp_wrap .m_notice .ntc_inner .bottom .ntc_slider .slide.on .slide_inner .desc,
.wp_wrap .m_notice .ntc_inner .bottom .ntc_slider .slide.on .slide_inner .date{
    color: #fff;
}



/* m_recruit */
.wp_wrap .m_recruit{
    position: relative;
    padding: 220px 0 0 0;
} 
.wp_wrap .m_recruit .rec_inner .top{
    margin-bottom: 20px;
}
.wp_wrap .m_recruit .rec_inner .top .tit_box{
    margin-bottom: 25px;
}
.wp_wrap .m_recruit .rec_inner .top .more{
    margin-bottom: 25px;
}
.wp_wrap .m_recruit .rec_inner .top .more{
    width: 100%;
}
.wp_wrap .m_recruit .rec_inner .top .more a{
    position: relative;
    font-size: 20px;
    font-family: var(--font-pre700);
}
.wp_wrap .m_recruit .rec_inner .top .more a::after{
    content: "";
    position: absolute;
    top: 50%;
    right: -30px;
    transform: translateY(-50%);
    width: 54px;
    height: 54px;
    border-radius: 50%;
    background: #C9D7EE;
    z-index: -1;
    animation: ball 3s ease-in-out infinite;
}
.wp_wrap .m_recruit .rec_inner .bottom{
    position: relative;
    max-width: 1066px;
}
.wp_wrap .m_recruit .rec_inner .bottom .img_box{
    /* position: relative; */
    border-radius: 50px 0 0 0;
    overflow: hidden;
    left: 640px;
    /* display: flex;
    justify-content: flex-end;
    align-items: center; */
    height: 600px;
    z-index: 50;

    position: relative;
    /* padding-bottom: 56.25%; */
    padding-bottom: 38.25%;
}
.wp_wrap .m_recruit .rec_inner .bottom .img_box img{
      width: 100%;
      height: 100%;
      object-fit: cover;
      border-radius: 50px 0 0 0;
      overflow: hidden;
      transform-origin: 50% 50%;
      transform: scaleY(1);
      transition: 0.3s 0.5s;
}
.wp_wrap .m_recruit .rec_inner .bottom .img_box >iframe{
      position: absolute;
       width: 100%;
      height: 100%;
      left: 0;
      right: 0;
      object-fit: cover;
      border-radius: 50px 0 0 0;
      overflow: hidden;
      transform-origin: 50% 50%;
      transform: scaleY(1);
      transition: 0.3s 0.5s;
}
.wp_wrap .m_recruit .rec_inner .bottom .img_box >video{
      width: 100%;
      height: 100%;
      object-fit: cover;
      border-radius: 50px 0 0 0;
      overflow: hidden;
      transform-origin: 50% 50%;
      transform: scaleY(1);
      transition: 0.3s 0.5s;
}

.wp_wrap .m_recruit .acc_box{
    position: absolute;
    top: 100px;
    right: 100px;
}
/**********************************************************************************************************************/







/**********************************************************************************************************************/
/* 서브 */
/**********************************************************************************************************************/
/* sub_main */
.wp_wrap .sub_main{
    position: relative;
    height: 500px;
    overflow: hidden;
}
.wp_wrap .sub_main img{
    transform: scale(1.1);
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 3s;
}
.wp_wrap .sub_main.on img{
    transform: scale(1.0);
} 
.wp_wrap .sub_main .shadow{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(98, 91, 85, 0.3);
    display: flex;
    align-items: center;
    justify-content: center;
}
.wp_wrap .sub_main .shadow .tit_box {
    max-width: 1500px;
    width: 100%;
    margin-top: 100px;
}
.wp_wrap .sub_main .shadow .tit_box .tit{
    color: #fff;
    font-size: 60px;
    margin-bottom: 10px;
    font-family: var(--font-pre700);
    transform: translateY(30px);
    opacity: 0;
    transition: 1s 0.5s;
}
.wp_wrap .sub_main.on .shadow .tit_box .tit{
    transform: translateY(0);
    opacity: 1;
	text-align: center;
}
.wp_wrap .sub_main .shadow .tit_box .desc{
    color: #fff;
    font-size: 17px;
    text-align: center; 
    transform: translateY(30px);
    opacity: 0;
    transition: 1s 1s;
}
.wp_wrap .sub_main.on .shadow .tit_box .desc{
    transform: translateY(0);
    opacity: 1;
}



/* sec01 */
/* sec01 - 01 */
.wp_wrap .int .int_inner{
    display: flex;
    align-items: center;
    gap: 55px;
}
.wp_wrap .int .int_inner .left,
.wp_wrap .int .int_inner .right{
    width: 50%;
}
.wp_wrap .int .int_inner .right{
    position: relative;
}
.wp_wrap .int .int_inner .right .img_box{
    width: 955px;
    border-radius: 50px 0 0 50px;
    overflow: hidden;
}
.wp_wrap .int .int_inner .right .img_box img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.wp_wrap .int .int_inner .left .tit_box{
    margin-bottom: 60px;
}
.wp_wrap .int .int_inner .left  .download a{
    display: inline-block;
    border: 2px solid #00378A;
    font-size: 20px;
    padding: 20px 35px;
    border-radius: 40px;
}
.wp_wrap .int .int_inner .left  .download a i{
    margin-left: 30px;
    font-size: 23px;
    vertical-align: -2px;
}

/* sec01 - 02 */
.wp_wrap .pro .pro_inner .content{
    display: flex;
    gap: 30px;
}
.wp_wrap .pro .pro_inner .content .itm .img_box{
    width: 100%;
    height: 480px;
    border-radius: 50px;
    margin-bottom: 50px;
    overflow: hidden;
}
.wp_wrap .pro .pro_inner .content .itm .img_box img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.wp_wrap .pro .pro_inner .content .itm .txt_box {
    text-align: center;
}
.wp_wrap .pro .pro_inner .content .itm .txt_box .tit{
    font-size: 26px;
    font-family: var(--font-pre700);
    text-align: center;
    margin-bottom: 20px;
}
.wp_wrap .pro .pro_inner .content .itm .txt_box .desc{
    font-size: 20px;
    text-align: center;
}



/* sec02 */
/* sec02 - 01 */
.wp_wrap .int02 .int02_inner{
    display: flex;
    align-items: center;
    gap: 55px;
}
.wp_wrap .int02 .int02_inner .left,
.wp_wrap .int02 .int02_inner .right{
    width: 50%;
}
.wp_wrap .int02 .int02_inner .right .tit_box{
    margin-bottom: 0;
}
.wp_wrap .int02 .int02_inner .right .tit_box .desc {
    width: 85%;
}
.wp_wrap .int02 .int02_inner .left{
    position: relative;
    right: 215px;
}
.wp_wrap .int02 .int02_inner .left .img_box{
    width: 955px;
    border-radius: 0 50px 50px 0;
    overflow: hidden;
}
.wp_wrap .int02 .int02_inner .left .img_box img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* sec02 - 02 */
.wp_wrap .keyword .key_inner .tit_box{
    margin-bottom: 80px;
}
.wp_wrap .keyword .key_inner .content .itm{
    display: flex;
    align-items: center;
    margin-bottom: 45px;
}
.wp_wrap .keyword .key_inner .content .itm:last-child{
    margin-bottom: 0;
}
.wp_wrap .keyword .key_inner .content .itm:nth-child(2){
    margin-left: 210px;
}
.wp_wrap .keyword .key_inner .content .itm .icon{
    min-width: 226px;
    height: 226px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 50px;
}
.wp_wrap .keyword .key_inner .content .itm .icon.icon01{
    background: #698DC3;
}
.wp_wrap .keyword .key_inner .content .itm .icon.icon02{
    background: #3166B5;
}
.wp_wrap .keyword .key_inner .content .itm .icon.icon03{
    background: #00378A;
}

.wp_wrap .keyword .key_inner .content .itm .txt_box .tit{
    font-size: 27px;
    font-family: var(--font-pre700);
    margin-bottom: 25px;
}
.wp_wrap .keyword .key_inner .content .itm .txt_box .desc{
    font-size: 20px;    
    color: #898989;
}



/* sec03 */
/* sec03 - 01 */
.wp_wrap .int03 .int03_inner{
    display: flex;
    align-items: center;
    gap: 55px;
}
.wp_wrap .int03 .int03_inner .left,
.wp_wrap .int03 .int03_inner .right{
    width: 50%;
}
.wp_wrap .int03 .int03_inner .left{
    position: relative;
    right: 215px;
}
.wp_wrap .int03 .int03_inner .left .img_box{
    width: 955px;
    border-radius: 0 50px 50px 0;
    overflow: hidden;
}
.wp_wrap .int03 .int03_inner .left .img_box img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.wp_wrap .int03 .int03_inner .right .tit_box{
    margin-bottom: 60px;
}
.wp_wrap .int03 .int03_inner .right .graph .itm{
    display: flex;
    gap: 30px;
    align-items: center;
}
.wp_wrap .int03 .int03_inner .right .graph .itm .txt{
    font-size: 26px;
    font-family:var(--font-pre700);
    width: 15%;
}
.wp_wrap .int03 .int03_inner .right .graph .itm .gauge {
    flex:1;
}
.wp_wrap .int03 .int03_inner .right .graph .itm .gauge .g_bar{
    position: relative;
    height: 20px;
    background: #F2F2F2;
    border-radius: 15px;
}
.wp_wrap .int03 .int03_inner .right .graph .itm:nth-child(1){
    margin-bottom: 15px;
}
.wp_wrap .int03 .int03_inner .right .graph .itm:nth-child(1) .gauge .g_bar::after{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 70%;
    height:100%;
    background:#00378A;
    border-radius:15px;
}
.wp_wrap .int03 .int03_inner .right .graph .itm:nth-child(2) .gauge .g_bar::after{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    height:100%;
    background:#698DC3;
    border-radius:15px;
}
.wp_wrap .int03 .int03_inner .right .graph .itm .percent{
    font-size: 26px;
    font-family:var(--font-pre700);
    width: 10%;
}

/* sec03 - 02 */
.wp_wrap .numbering{
    background: #F7F7F7;
}
.wp_wrap .numbering .num_inner .tit_box{
    text-align: center;
    margin-bottom: 60px;
}
.wp_wrap .numbering .num_inner .contents{   
    display: flex;
    align-items: flex-start;
    justify-content: center;
	column-gap: 40px;
}
.wp_wrap .numbering .num_inner .contents .itm{
    display: flex;
    align-items: center;
    flex-direction: column;
}
.wp_wrap .numbering .num_inner .contents .itm .icon_box{
    width: 200px;
    height: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
    border-radius: 50%;
    background: #002076;
} 
.wp_wrap .numbering .num_inner .contents .itm:nth-child(2) .icon_box{
	background: #DF1F1C;
}
.wp_wrap .numbering .num_inner .contents .itm .name{  
    font-size: 23px;
    font-family: var(--font-pre500);
    margin-bottom: 10px;
	color: #fff
} 
.wp_wrap .numbering .num_inner .contents .itm .num{  
    font-size: 120px;
    font-family: var(--font-pre700);
    color:#00378A ;
} 

/* sec03 - 03 */
.wp_wrap .certi .certi_inner .tit_box{
    text-align: center;
    margin-bottom: 60px;
}
.wp_wrap .certi .certi_inner .contents{
    position: relative;
}
.wp_wrap .certi .certi_inner .contents .ctfc_arr{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);   
    background: transparent;
}
.wp_wrap .certi .certi_inner .contents .ctfc_arr i{
    color: #333;
    padding: 10px;
    font-size: 18px;
    border-radius: 50%;
    background: transparent;
    border: 1px solid #333;
}
.wp_wrap .certi .certi_inner .contents .ctfc_arr:hover i{
    color: #fff;
    background: #00378A;
    border: 1px solid #00378A;
}
.wp_wrap .certi .certi_inner .contents .ctfc_arr.ctfc_lt{
    left: -30px;
    z-index: 90;
}
.wp_wrap .certi .certi_inner .contents .ctfc_arr.ctfc_rt{    
    right: -30px;
}
.wp_wrap .certi .certi_inner .contents .certi_slider .slide{
    position: relative;

}
.wp_wrap .certi .certi_inner .contents .certi_slider .slide .img_box{
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    background: #F7F7F7;
    margin-bottom: 30px;
}
.wp_wrap .certi .certi_inner .contents .certi_slider .slide .tit{
    font-size: 26px;
    font-family: var(--font-pre700);
    text-align: center;
}

.wp_wrap .certi .certi_inner .contents .certi_slider .slick-list {
    margin: 0 -22px;
}
.wp_wrap .certi .certi_inner .contents .certi_slider .slick-slide {
    margin:  0 22px;
}
/*게시판 관련 */
.gesicon {
	text-align: left;
	/* padding-top: 80px!important; */
    max-width: 1200px;
    margin: 0 auto!important;
}

/*회개소개*/

.inttxt_inner {
	
}
.sub_tit  {
	text-align: center;
	padding-bottom: 120px!important;
		
}
.sub_tit > span {
	color: #5A9DEE;
	font-family: var(--font-pre700);
	font-size: 20px;
    display: inline-block;
    margin-bottom: 5px;
}

.sub_tit h3 {	
	font-size: 60px;
	font-family: var(--font-pre700);
}
.sub_tit>p {
	padding-top: 10px;
	font-size: 20px;
}
.tit01 {
	text-align: center;
	font-size: 60px;
	font-family: var(--font-pre200);
	padding-bottom: 30px!important;
}
.tit02 {
	text-align: center;
	font-size: 30px;
	font-family: var(--font-pre400);
	padding-bottom: 10px!important;
}
.tit_desc {
	font-size: 20px;
	text-align: center;
	font-family: var(--font-pre400);
}

.inttxt_inner img {
	max-width: 100%;
	padding-top: 60px;
} 


/*연혁 */
#sub_about .his01 strong.tit{ display:block; margin-bottom:30px; font-size:26px; line-height:36px; color:#222; font-weight:700; text-align:center;font-family: var(--font-pre700); ; }
		#sub_about .his01 .list_wrap{ position:relative; font-size:0; padding-top:50px; padding-bottom:30px; }
		#sub_about .his01 .list_wrap:after{ content:''; position:absolute; width:1px; height:100%; top:0; left:50%; background:#ddd; z-index: -1;}
		#sub_about .his01 .list_wrap > div { padding-bottom:25px; box-sizing:border-box; }			
		#sub_about .his01 .list_wrap > div > strong{ position:relative; display:block; font-size:50px; line-height:34px; font-weight:700; color:#5A9DEE;font-family: var(--font-pre800);  }
		#sub_about .his01 .list_wrap > div > strong:after{ content:''; position:absolute; top:14px; width:9px; height:9px; background:#5A9DEE; border-radius:50%; z-index:1;}
		#sub_about .his01 .list_wrap > div > strong:before{ content:''; position:absolute; width:23px; height:1px; top:18px; background:#ddd; z-index:1; }
		#sub_about .his01 .list_wrap > div ul{ margin-top:20px; }
		#sub_about .his01 .list_wrap > div ul li{ position:relative;font-size:18px;line-height:32px; color:#6e6e6e; letter-spacing:-0.01em; word-break: keep-all; }
		#sub_about .his01 .list_wrap > div ul li:after{ content:''; position:absolute; width:6px; height:6px; background:#bcbcbc; top:13px; }
		#sub_about .his01 .list_wrap > div:nth-of-type(2n-1){ padding-left:calc(50% + 45px);}
		#sub_about .his01 .list_wrap > div:nth-of-type(2n-1) > strong:before{ left:-44px; }
		#sub_about .his01 .list_wrap > div:nth-of-type(2n-1) > strong:after{ left:-49px; }
		#sub_about .his01 .list_wrap > div:nth-of-type(2n-1) ul li{ padding-left:16px; }
		#sub_about .his01 .list_wrap > div:nth-of-type(2n-1) ul li:after{ left:0; }
		#sub_about .his01 .list_wrap > div:nth-of-type(2n){ padding-right:calc(50% + 45px); text-align:right; }
		#sub_about .his01 .list_wrap > div:nth-of-type(2n) > strong:before{ right:-44px; }
		#sub_about .his01 .list_wrap > div:nth-of-type(2n) > strong:after{ right:-49px; }
		#sub_about .his01 .list_wrap > div:nth-of-type(2n) ul li{ padding-right:16px; }
		#sub_about .his01 .list_wrap > div:nth-of-type(2n) ul li:after{ right:0; }

		@media all and (max-width:1024px){
			#sub_about .his01 strong.tit{ margin-bottom:20px; font-size:20px; line-height:25px; text-align: left;}
			#sub_about .his01 .list_wrap{ padding-top:30px; padding-bottom:10px;}
			#sub_about .his01 .list_wrap:after{ left:5px; }
			#sub_about .his01 .list_wrap > div { padding:0 0 20px 40px !important; text-align:left !important; }			
			#sub_about .his01 .list_wrap > div > strong{ font-size:19px; line-height:24px; }
			#sub_about .his01 .list_wrap > div > strong:after{ top:7px; width:9px; height:9px; left:-39px !important; right:auto !important; }
			#sub_about .his01 .list_wrap > div > strong:before{ width:21px; height:1px; top:11px; left:-35px !important; right:auto !important;}

			#sub_about .his01 .list_wrap > div ul{ margin-top:7px; }
			#sub_about .his01 .list_wrap > div ul li{ font-size:13px; line-height:25px; padding-left:15px !important; padding-right:0 !important; }
			#sub_about .his01 .list_wrap > div ul li:after{ width:5px; height:5px; left:0 !important; top:8px; }
		}

/*ci */
.cicont {
	display: flex;
	gap:20px;
	justify-content: center;
	padding-bottom: 60px!important;
	
}
.imgbox {
	width: 50%;
	border: 15px solid #EEEEEE;
	max-width: 600px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.cidesc {
	position: relative;
}
.cidesc::after {
	content: '∨';
	font-size: 60px;
	bottom: -70px;
	left: 50%;
	transform: translateX(-50%);
	position: absolute;
	color: darkgrey;
}
.cidesc:last-child {
	padding-top: 30px;
}
.cidesc:last-child::after {
	display: none;
}
.pt70 {
	padding-top: 70px!important
}

/*ceo message*/
.ceocont {
	display: flex;
	gap:20px;
	justify-content: center;
	padding-bottom: 60px!important;
}
.leftsec {
	width: 50%;
	max-width: 600px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.rightsec {
	width: 50%;
	max-width: 600px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
}

.headtit {
	padding-top: 30px!important;
}
.headtit .job {
	font-size: 26px;
	font-family: var(--font-pre400);
}

.headtit .name {
	font-family: var(--font-pre600);
	font-size: 60px;
}

.headtit .desc {
	font-family: var(--font-pre400);
	font-size: 20px;
	padding-top: 10px;
}

.school {
	padding-top: 30px!important;
}
.school .tit {
	font-size: 30px;
	font-family: var(--font-pre700);
	padding-top: 30px;
}
.school ul {
	padding-top: 15px;
}
.school ul li {
	line-height: 1.5em;
}

/*business_유치줄기세포은행 */

.flistwrap {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-gap: 60px;
	grid-row-gap: 80px;
}
.listbox {
	border: 1px solid #ddd; 
		position: relative;
}
.listbox img {
	width: 100%;
	padding: 0;
	
}
.listbox .textaria {
	padding: 20px 20px 20px 10px;
	min-height: 130px;
}
.listbox::after {
	content: '';
    width: 40px;
    height: 40px;
    background: url(../img/icon/arrowright.png) no-repeat;
    position: absolute;
    right: -50px;
    transform: translateY(-50%);
    top: 50%;
}
.listbox:nth-child(3)::after {
	 background: url(../img/icon/arrowdown.png) no-repeat;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 105%;
}
.listbox:nth-child(4)::after {
	 background: url(../img/icon/arrowleft.png) no-repeat;
}
.listbox:nth-child(5)::after {
	  background: url(../img/icon/arrowleft.png) no-repeat;
}
.listbox:nth-child(6)::after {
	display: none;
}

.listbox div .tit {
	font-size: 22px;
}
.listbox div .desc {
	font-size: 18px;
	padding-top: 15px;
	font-family: var(--font-pre400);
}
	
.listbox:nth-child(1) {order:1}
.listbox:nth-child(2) {order:2}
.listbox:nth-child(3) {order:3}
.listbox:nth-child(4) {order:4}
.listbox:nth-child(5) {order:5}
.listbox:nth-child(6) {order:6}

.foottitle{ border:1px solid #5A9DEE;border-radius: 10px;width: 100%;margin-top: 60px!important}
.foottitle .textit {
	padding: 20px;
	font-size: 50px;
	color: #5A9DEE;
	font-family: var(--font-pre300);
	text-align: center;
}

/*business_줄기세포 치료제 */

.flitwrap1 {
	display: block;
}
.flitwrap1 img {
	padding-top: 0px;
}
.flitwrap1_mo {
	display: none;
}

/*알앤디 */
.imgsec p {
	color: #fff;
	text-align: center;
	padding-top: 10px;
	font-size: 20px;
}
.imgsec img {
	border: 1px solid #ddd;
	padding-top: 0;
	border-radius: 20px;
	box-shadow:0 3px 6px #00000038;
}
.lapwrap {
	display: flex;
	justify-content: center;
	align-items: flex-start;
	max-width: 1300px;
	margin: 0 auto!important;
	padding: 10px!important;
		
}
.descsec {
	width: 60%;
	padding-left:60px!important;
	font-size: 20px;
	font-family: var(--font-pre600);
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding-top: 60px!important;
}
.descsec span {
	font-size: 50px;
}
.descsec p {
	padding-top: 40px;
}
/*파이프라인 */


table.typeblue {
  border-collapse: separate;
  text-align: center;
  line-height: 1.5;
  font-family: var(--font-pre400);
	width: 100%;
}
table.typeblue th {
/*  width: 155px;*/
  padding: 15px;
  vertical-align: middle;
  color: #fff;
  background: #5A9DEE ;
	font-family: var(--font-pre300);
	font-size: 20px;
	height: 70px;
}
table.typeblue td {
/*  width: 155px;*/
  padding: 15px;
  vertical-align: middle;
  border-bottom: 1px solid #ccc;
  background: #eee;
	font-size: 16px;
	height: 70px;
}
table.typeblue td.subtit {
	background-color:  #5A9DEE;
	color: #fff;
}
table.typeblue td.subtxt {
	background-color: #DDECFF;
}
.bgblue {
	background-color: #002076;
}

.barsec {
	padding:10px 0!important;
}
.status {
	height: 30px;
	background-color: #002076;
	border-radius: 0 50px 50px 0;
	animation: ani 3s ease-in ;
	
}
@keyframes ani {
	0% {
		width: 0%
	}
	50% {
		width:  30%
	}
	100% {
		width: 100%
	}
}


/**********************************************************************************************************************/

























/**********************************************************************************************************************/
/* 유치줄기세포란? */
/**********************************************************************************************************************/
.wp_wrap #s_stemcell .stemcell_inner .contents .phrase{
    text-align: center;
    margin-bottom: 40px;
}
.wp_wrap #s_stemcell .stemcell_inner .contents .phrase .phrase_inner{
    display: inline-block;
    padding: 20px 105px;
    border: 3px solid #5A9DEE;
    border-radius: 20px;
    text-align: center;
}
.wp_wrap #s_stemcell .stemcell_inner .contents .phrase .phrase_inner .mtxt{
    margin-bottom: 20px;
    font-size: 50px;
    font-family: var(--font-pre700);
    color: #5A9DEE;
}
.wp_wrap #s_stemcell .stemcell_inner .contents .phrase .phrase_inner .stxt{
    font-size: 20px
}
.wp_wrap #s_stemcell .stemcell_inner .contents .phrase .phrase_inner .stxt>span{
    color: #DF1F1C;
    font-family: var(--font-pre700);
}
.wp_wrap #s_stemcell .stemcell_inner .contents .stem_table .stem_table_inner p{
    text-align: right;
    font-size: 15px;
    margin-bottom: 10px;
}
.wp_wrap #s_stemcell .stemcell_inner .contents .stem_table .stem_table_inner .table_box{
    width: 100%;
    overflow: auto;
}
.wp_wrap #s_stemcell .stemcell_inner .contents .stem_table .stem_table_inner .table_box table{
    width: 100%;
    border-collapse: collapse;
    line-height: 1.2;
    border-top: 1px solid #CCCCCC;
    white-space: nowrap;
}
.wp_wrap #s_stemcell .stemcell_inner .contents .stem_table .stem_table_inner .table_box table td{
    padding: 18px 0;
    text-align: center;
    border: 1px solid #CCCCCC;
    font-size: 20px;
    font-family: var(--font-pre600);
}
.wp_wrap #s_stemcell .stemcell_inner .contents .stem_table .stem_table_inner .table_box table td.th{
    font-size: 22px;
    background: #5A9DEE;
    color: #fff;
    max-width: 300px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #fff;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
}
.wp_wrap #s_stemcell .stemcell_inner .contents .stem_table .stem_table_inner .table_box table td.halfth{
    width: 150px;
}
.wp_wrap #s_stemcell .stemcell_inner .contents .stem_table .stem_table_inner .table_box table td.subth{
    background: #DDECFF;
    color: #000;
    width: 150px;
    font-size: 22px;
    border: 1px solid #fff;
}
.wp_wrap #s_stemcell .stemcell_inner .contents .stem_table .stem_table_inner .table_box table td.anth{
    background: #002076;
    border-left: 5px solid #002076;
    border-right: 5px solid #002076;
    border-top: 5px solid #002076;
    border-bottom: 5px solid #002076;
}

.wp_wrap #s_stemcell .stemcell_inner .contents .stem_table .stem_table_inner .table_box table td.bdltrt{
    border-left: 5px solid #002076;
    border-right: 5px solid #002076;
}
.wp_wrap #s_stemcell .stemcell_inner .contents .stem_table .stem_table_inner .table_box table td.bdltrt_last{
    border-bottom: 5px solid #002076;
}
.wp_wrap #s_stemcell .stemcell_inner .contents .stem_table .stem_table_inner .table_box table td.bggrey{
    background: #F5F5F5;
}
.wp_wrap #s_stemcell .stemcell_inner .contents .stem_table .stem_table_inner .table_box table td.star{
    color: #FFC016;
    font-size: 30px;
}
.wp_wrap #s_stemcell .stemcell_inner .contents .stem_table .stem_table_inner .table_box table td.blue,
.wp_wrap #s_stemcell .stemcell_inner .contents .stem_table .stem_table_inner .table_box table td span.blue{
    color: #002076;
}
.wp_wrap #s_stemcell .stemcell_inner .contents .stem_table .stem_table_inner .table_box table td.red,
.wp_wrap #s_stemcell .stemcell_inner .contents .stem_table .stem_table_inner .table_box table td span.red{
    color: #DF1F1C;
}
.wp_wrap #s_stemcell .stemcell_inner .contents .stem_table .stem_table_inner .table_box table td.ftregular,
.wp_wrap #s_stemcell .stemcell_inner .contents .stem_table .stem_table_inner .table_box table td span.ftregular{
    font-family: var(--font-pre400);
}
/**********************************************************************************************************************/






/**********************************************************************************************************************/
/* (주)셀앤매터 기술력 */
/**********************************************************************************************************************/
.wp_wrap #s_tech .tech_inner .contents .stit_box{
    margin-bottom: 45px;
}
.wp_wrap #s_tech .tech_inner .contents .stit_box>p{
    position: relative;
    text-align: center;
    font-size: 40px;
    font-family: var(--font-pre700);
}
.wp_wrap #s_tech .tech_inner .contents .stit_box>span{
    display: block;
    text-align: center;
    font-size: 20px;
    font-family: var(--font-pre600);
    margin-top: 20px;
}
.wp_wrap #s_tech .tech_inner .contents .stit_box>p::after{
    content: "";
    position: absolute;
    top: -20px;
    left: 50%;
    transform: translateX(-50%);
    width: 50px;
    height: 5px;
    background: #002076;
}
.wp_wrap #s_tech .tech_inner .contents .patent{
    margin-bottom: 45px;
    text-align: center;
}
.wp_wrap #s_tech .tech_inner .contents .patent>p{
    font-size: 25px;
    font-family: var(--font-pre600);
    color: #fff;
    background: #5A9DEE;
    border-radius: 50px;
    padding: 15px 40px;
    display: inline-block;
}



.wp_wrap #s_ccenter .ccenter_inner .contents .info .info_list,
.wp_wrap #s_tech .tech_inner .contents .part{
    margin-bottom: 200px;
}
.wp_wrap #s_tech .tech_inner .contents .culture .topitm_list{
    display: flex;
    flex-wrap: wrap;
    gap: 60px 30px;
    justify-content: center;
    margin-bottom: 60px;
}
.wp_wrap #s_tech .tech_inner .contents .culture .topitm_list .itm{
    position: relative;
    width: 31%;
}
.wp_wrap #s_ccenter .ccenter_inner .contents .info .info_list .itm .num,
.wp_wrap #s_tech .tech_inner .contents .develope .develope_inner .develope_list .itm .num,
.wp_wrap #s_tech .tech_inner .contents .invent .invent_inner .invent_list .itm .num,
.wp_wrap #s_tech .tech_inner .contents .culture .topitm_list .itm .num{
    width: 90px;
    height: 90px;
    background: #5A9DEE;
    font-size: 27px;
    font-family: var(--font-pre700);
    color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}
.wp_wrap #s_ccenter .ccenter_inner .contents .info .info_list .itm:nth-child(even) .num,
.wp_wrap #s_tech .tech_inner .contents .develope .develope_inner .develope_list .itm:nth-child(even) .num,
.wp_wrap #s_tech .tech_inner .contents .invent .invent_inner .invent_list .itm:nth-child(even) .num,
.wp_wrap #s_tech .tech_inner .contents .culture .topitm_list .itm:nth-child(even) .num{
    background: #002076;
}

.wp_wrap #s_ccenter .ccenter_inner .contents .info .info_list .itm .box,
.wp_wrap #s_tech .tech_inner .contents .develope .develope_inner .develope_list .itm .box,
.wp_wrap #s_tech .tech_inner .contents .invent .invent_inner .invent_list .itm .box,
.wp_wrap #s_tech .tech_inner .contents .culture .topitm_list .itm .box{
    margin-top: 50px;
    border: 1px solid #ddd;
}
.wp_wrap #s_ccenter .ccenter_inner .contents .info .info_list .itm .box .top,
.wp_wrap #s_tech .tech_inner .contents .develope .develope_inner .develope_list .itm .box .top,
.wp_wrap #s_tech .tech_inner .contents .invent .invent_inner .invent_list .itm .box .top,
.wp_wrap #s_tech .tech_inner .contents .culture .topitm_list .itm .box .top{
    min-height: 230px;
    padding: 50px 10px 30px 10px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.wp_wrap #s_tech .tech_inner .contents .culture .topitm_list .itm .box .top p{
    font-size: 18px;
}
.wp_wrap #s_ccenter .ccenter_inner .contents .info .info_list .itm .box .top .bigtxt,
.wp_wrap #s_tech .tech_inner .contents .culture .topitm_list .itm .box .top .bigtxt{
    margin-bottom: 10px;
    font-size: 33px;
    font-family: var(--font-pre600);
}
.wp_wrap #s_tech .tech_inner .contents .invent .invent_inner .invent_list .itm .box .bot,
.wp_wrap #s_tech .tech_inner .contents .culture .topitm_list .itm .box .bot{
    padding: 40px 20px;
    min-height: 170px;
    background: #5A9DEE;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.wp_wrap #s_tech .tech_inner .contents .develope .develope_inner .develope_list .itm .box .bot p,
.wp_wrap #s_tech .tech_inner .contents .invent .invent_inner .invent_list .itm .box .bot p,
.wp_wrap #s_tech .tech_inner .contents .culture .topitm_list .itm .box .bot p{
    font-size: 19px;
    color: #fff;
    line-height: 1.3;
    text-align: center;
}
.wp_wrap #s_tech .tech_inner .contents .culture .topitm_list .itm .box .bot p i{
    font-size: 25px;
    color: #CCCCCC;
    padding:  10px 0;
}
.wp_wrap #s_tech .tech_inner .contents .culture .topitm_list .itm .box .bot .ques{
    font-size: 23px;
    font-family: var(--font-pre700);
    margin-bottom: 10px;
}
.wp_wrap #s_ccenter .ccenter_inner .contents .info .info_list .itm:nth-child(even) .box .bot,
.wp_wrap #s_tech .tech_inner .contents .develope .develope_inner .develope_list .itm:nth-child(even) .box .bot,
.wp_wrap #s_tech .tech_inner .contents .invent .invent_inner .invent_list .itm:nth-child(even) .box .bot,
.wp_wrap #s_tech .tech_inner .contents .culture .topitm_list .itm:nth-child(even) .box .bot{
    background: #002076;
}

.wp_wrap #s_tech .tech_inner .contents .culture .botitm_list {    
    background: #F5F5F5;
    padding: 40px;
}
.wp_wrap #s_tech .tech_inner .contents .culture .botitm_list .botitm_inner{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
}
.wp_wrap #s_tech .tech_inner .contents .culture .botitm_list p{
    font-size: 37px;
    font-family: var(--font-pre700);
    padding: 20px 100px;
    color: #fff;
    background: #002076;
    border-radius: 50px;
    display: inline-block;
    line-height: 1.3;
    width: 100%;
    text-align: center;
}
.wp_wrap #s_ccenter .ccenter_inner .contents .info .info_list,
.wp_wrap #s_tech .tech_inner .contents .develope .develope_inner .develope_list,
.wp_wrap #s_tech .tech_inner .contents .invent .invent_inner .invent_list {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 0 30px;
}
.wp_wrap #s_ccenter .ccenter_inner .contents .info .info_list .itm,
.wp_wrap #s_tech .tech_inner .contents .develope .develope_inner .develope_list .itm,
.wp_wrap #s_tech .tech_inner .contents .invent .invent_inner .invent_list .itm{
    position: relative;
}
.wp_wrap #s_tech .tech_inner .contents .invent .invent_inner .invent_list .itm .num{
    font-size: 23px;
}
.wp_wrap #s_tech .tech_inner .contents .invent .invent_inner .invent_list .itm .box .top{
    min-height: 210px;
}
.wp_wrap #s_ccenter .ccenter_inner .contents .info .info_list .itm .box .top p,
.wp_wrap #s_tech .tech_inner .contents .develope .develope_inner .develope_list .itm .box .top p,
.wp_wrap #s_tech .tech_inner .contents .invent .invent_inner .invent_list .itm .box .top p{
    font-size: 20px;
    font-family: var(--font-pre600);
    line-height: 1.3;
}
.wp_wrap #s_tech .tech_inner .contents .invent .invent_inner .invent_list .itm .box .bot{
    min-height: 140px;
}
.wp_wrap #s_ccenter .ccenter_inner .contents .info .info_list .itm .box .top,
.wp_wrap #s_tech .tech_inner .contents .develope .develope_inner .develope_list .itm .box .top{
    min-height: 250px;
}
.wp_wrap #s_ccenter .ccenter_inner .contents .info .info_list .itm .box .bot,
.wp_wrap #s_tech .tech_inner .contents .develope .develope_inner .develope_list .itm .box .bot{
    min-height: 10px;
    background: #5A9DEE;
}




.wp_wrap #s_tech .tech_inner .contents .secure .secure_inner .secure_cont{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 60px;
}
.wp_wrap #s_tech .tech_inner .contents .secure .secure_inner .secure_cont>div{
    width: 50%;
}
.wp_wrap #s_tech .tech_inner .contents .secure .secure_inner .secure_cont .img_box{
    height: 480px;
}
.wp_wrap #s_tech .tech_inner .contents .secure .secure_inner .secure_cont .img_box img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.wp_wrap #s_tech .tech_inner .contents .secure .secure_inner .secure_cont .txt_box .mtxt{
    margin-bottom: 10px;
    font-size: 36px;
    font-family: var(--font-pre700);
}
.wp_wrap #s_tech .tech_inner .contents .secure .secure_inner .secure_cont .txt_box .stxt{
    margin-bottom: 60px;
    font-size: 20px;
}
.wp_wrap #s_tech .tech_inner .contents .secure .secure_inner .secure_cont .txt_box>a{
    display: inline-block;
    padding: 20px 85px;
    color: #fff;
    background: #5A9DEE;
    font-size: 20px;
    font-family: var(--font-pre700);
    border-radius: 50px;
}



.wp_wrap #s_tech .tech_inner .contents .storage .storage_inner .storage_list{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
    gap: 100px 70px;
}
.wp_wrap #s_tech .tech_inner .contents .storage .storage_inner .storage_list .step{
    position: relative;
    width: 30%;
}
.wp_wrap #s_tech .tech_inner .contents .storage .storage_inner .storage_list .step:nth-child(4){
    order: 5;
}
.wp_wrap #s_tech .tech_inner .contents .storage .storage_inner .storage_list .step::after{
    content: "";
    position: absolute;
    width: 40px;
    height: 40px;
    background: url(../img/icon/storage_step_arrow.png) no-repeat center center / cover;
    top: 50%;
    transform: translateY(-50%);
    right: -50px;
}
.wp_wrap #s_tech .tech_inner .contents .storage .storage_inner .storage_list .step:nth-child(3)::after {
    top: auto;
    right: auto;
    bottom: -75px;
    left: 50%;
    transform: translate(-50%, 0) rotate(135deg);
}
.wp_wrap #s_tech .tech_inner .contents .storage .storage_inner .storage_list .step:nth-child(4)::after{
    display: none;
}
.wp_wrap #s_tech .tech_inner .contents .storage .storage_inner .storage_list .step:nth-child(5)::after{
    transform:  translateY(-50%) rotate(180deg);
}
.wp_wrap #s_tech .tech_inner .contents .storage .storage_inner .storage_list .step .step_inner{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 60px 15px;
    border: 4px solid #2D5FB2;
    gap: 10px;
}
.wp_wrap #s_tech .tech_inner .contents .storage .storage_inner .storage_list .step .step_inner p{
    font-size: 20px;
    text-align: center;
}
/**********************************************************************************************************************/






/**********************************************************************************************************************/
/* (주)셀앤매터 협력의원 */
/**********************************************************************************************************************/
.wp_wrap #s_cooperate .cooperate_inner .contents .logo_box{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}
.wp_wrap #s_cooperate .cooperate_inner .contents .logo_box .logo_itm{
    border: 1px solid #ddd;
    height: 100px;
    padding: 15px 0;
}
.wp_wrap #s_cooperate .cooperate_inner .contents .logo_box .logo_itm .img_box{
    width: 100%;
    height: 100%;
}
.wp_wrap #s_cooperate .cooperate_inner .contents .logo_box .logo_itm .img_box img{
    width: 100%;
    height: 100%;
    object-fit: none;
}
/**********************************************************************************************************************/




/**********************************************************************************************************************/
/* 고객센터 안내 */
/**********************************************************************************************************************/
.wp_wrap #s_ccenter .ccenter_inner .contents .info .info_list .itm .box .top p{
    font-size: 20px;
    font-family: var(--font-pre400);
}
.wp_wrap #s_ccenter .ccenter_inner .contents .map .tit_box{
    text-align: center;   
}
.wp_wrap #s_ccenter .ccenter_inner .contents .map .tit_box{
    padding-bottom: 60px;
}
.wp_wrap #s_ccenter .ccenter_inner .contents .map .tit_box .mtxt{
    font-size: 60px;
    font-family: var(--font-pre700);
    margin-bottom: 20px;
}
.wp_wrap #s_ccenter .ccenter_inner .contents .map .tit_box .stxt{
    font-size: 20px;
}
.wp_wrap #s_ccenter .ccenter_inner .contents .map .map_box{
    width: 100%;
    height: 465px;
}
.wp_wrap #s_ccenter .ccenter_inner .contents .map .map_box .root_daum_roughmap .wrap_map {
    height: 100%;
}
/**********************************************************************************************************************/





/**********************************************************************************************************************/
/* 전화상담 예약 */
/**********************************************************************************************************************/
.wp_wrap #s_tel .tel_inner .contents .mtxt{
    font-size: 24px;
    font-family: var(--font-pre600);
    margin-bottom: 10px;
}
.wp_wrap #s_tel .tel_inner .contents .stxt{
    font-size: 20px;
}
.wp_wrap #s_tel .tel_inner .contents .txt01_box{
    margin-bottom: 40px;
}
.wp_wrap #s_tel .tel_inner .contents .mtxt span{
    display: inline-block;
    width: 20px;
    height: 20px;
    background: #5A9DEE;
    border-radius: 50%;
    margin-right: 10px;
}
.wp_wrap #s_tel .tel_inner .contents .txt02_box{
    margin-bottom: 70px;
}
.wp_wrap #s_tel .tel_inner .contents .txt02_box .mtxt{
    margin-bottom: 20px;
}
.wp_wrap #s_tel .tel_inner .contents .txt02_box .agr_txt{
    margin-left: 30px;
}
.wp_wrap #s_tel .tel_inner .contents .txt02_box .agr_txt .txt_inner {
    margin-bottom: 20px;
    background: #F7F7F7;
    border: 1px solid #ddd;
    padding: 30px;
}
.wp_wrap #s_tel .tel_inner .contents .txt02_box .agr_txt .txt_inner p{
    font-size: 20px;
    line-height: 1.4;
}
.wp_wrap #s_tel .tel_inner .contents .txt02_box .agr_txt .txt_inner p.mbtxt{
    margin-bottom: 30px;
}
.wp_wrap #s_tel .tel_inner .contents .txt02_box .agr_txt .agr_check{
    display: flex;
    align-items: center;
    gap: 10px;
}
.wp_wrap #s_tel .tel_inner .contents .txt02_box .agr_txt .agr_check>label{
    font-size: 15px;
}



.wp_wrap #s_search .search_inner .contents form input,
.wp_wrap #s_tel .tel_inner .contents form input,
.wp_wrap #s_tel .tel_inner .contents form textarea{
    width: 100%;
    border: 1px solid #ddd;
    outline: none;
    background: #F5F5F5;
    padding: 15px;    
    font-size: 18px;
}
.wp_wrap #s_search .search_inner .contents form input::placeholder,
.wp_wrap #s_tel .tel_inner .contents form input::placeholder{
    color: #999999;
}
.wp_wrap #s_tel .tel_inner .contents form input[type="checkbox"]{
    width: auto;
}
.wp_wrap #s_tel .tel_inner .contents form textarea{
    resize: none;
    height: 300px;
}
.wp_wrap #s_tel .tel_inner .contents .input_box{
    margin-left: 30px;
    margin-bottom: 60px;
}
.wp_wrap #s_tel .tel_inner .contents .input_box .ip_list{
    width: 100%;
    display: flex;
    align-items: stretch;
    margin-bottom: 15px;
}
.wp_wrap #s_tel .tel_inner .contents .input_box .ip_list.anth_align{
    align-items: flex-start;
}
.wp_wrap #s_tel .tel_inner .contents .input_box .ip_list .ques {
    position: relative;
    min-width: 180px;
    height: 50px;
    display: flex;
    align-items: center;
    font-size: 20px;
    font-family: var(--font-pre700);
}
.wp_wrap #s_tel .tel_inner .contents .input_box .ip_list .ques::after{
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -15px;
    width: 5px;
    height: 100%;
    background: #5A9DEE;
}
.wp_wrap #s_tel .tel_inner .contents .input_box .ip_list .answ{
    width: 100%;
}
.wp_wrap #s_tel .tel_inner .contents .input_box .two_ip_lists{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 40px;
}
.wp_wrap #s_tel .tel_inner .contents .input_box .two_ip_lists>.ip_list{
    width: 49%;
}

.wp_wrap #s_search .search_inner .contents .sbm_btn,
.wp_wrap #s_tel .tel_inner .contents .sbm_btn{
    display: flex;
    align-items: center;
    justify-content: center;
}
.wp_wrap #s_search .search_inner .sbm_btn button,
.wp_wrap #s_tel .tel_inner .contents .sbm_btn button{
    padding: 20px 85px;
    font-size: 20px;
    font-family: var(--font-pre700);
    color: #fff;
    border-radius: 50px;
    background: #5A9DEE;
}


.wp_wrap #s_search .search_inner .contents .form_inner .ip_box {
    max-width: 600px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-bottom: 60px;
}
.wp_wrap #s_search .search_inner .contents .form_inner .ip_box .ip_list{
    width: 100%;
}
/**********************************************************************************************************************/





/**********************************************************************************************************************/
/* 보관상태 조회 */
/**********************************************************************************************************************/

/**********************************************************************************************************************/