@charset "utf-8";
/* 메인화면 */
.visual{width:100%; overflow: hidden; position:relative;}
.visual .swiper-container{width:100%;}
.visual .swiper-wrapper .visualImg{background-image:url('../../images/visual.jpg');background-size: cover;background-repeat: no-repeat;background-position: center; height:100%;}
.visual .main_txt{position: absolute;top: 50%; width:100%; text-align: center; transform: translate(0, -50%);z-index: 100;font-size:65px; font-weight:300; font-family:'Lexend',sans-serif; color:#fff;}
.visual .main_txt span{font-weight:700;}


.page_rt{display:none; text-align: center; margin:0 auto 30px;}
.wrap_inner{padding:156px 0 100px 0;}
.about .img_box{width:658px; margin:0 auto; overflow:hidden; text-align: center;}
.about .txt_box{text-align: center;}
.about .txt_box .slogen{margin:60px auto 100px; font-size:44px; font-weight:400; color:#9B2242; text-align:center; font-family:'Lexend',sans-serif;}
.about .txt_box p{font-size:16px; line-height:2em;}
.about .txt_box .subtitle{display: block; margin-bottom:10px; font-size:24px; line-height:30px; font-weight:700;}
.about .txt_box .btm_title{margin-top:70px; font-size:20px; line-height:36px; font-weight:700;}
.about .txt_box .line{display:block; margin:46px auto 30px; width:30px; height:3px; background-color:#21252C;}

/* project */
.project{padding:0 auto;}
.project .category_wrap{margin:0 auto 30px; text-align: center;}
.project .category_wrap .category_list{display:flex;justify-content:center;align-items:center;}
.project .category_wrap .hori_line{width:1px; height:10px; background-color:#888; display:inline-block; margin:0 20px;}
.project .category_wrap .category_list li a{font-weight:400; color:#888; font-size:16px;}
.project .category_wrap .category_list li a.on{font-weight:bold; color:#21252C;}
.project .project_wrap ul{display: flex; gap: 50px; flex-wrap: wrap; padding: 20px 50px; margin: 0; list-style-type: none; font-size: 0;}
.project .project_wrap li{width:calc(50% - 25px); margin:0 0; position:relative;}
.project_innerwrap{padding:50px;}
.project_innerwrap .project_main{overflow:hidden;}
.project_innerwrap .project_main .image{float:left; width:70%}
.project_innerwrap .project_main .text{float:right; width:25%;}
.project_innerwrap .project_main .text h4{font-size: 30px; line-height: 1.5em; font-weight: 600;}
.project_innerwrap .project_main .info{margin-top:45px;}
/*.project_innerwrap .project_main .info p{margin-bottom:30px; font-size:15px;}*/
.project_innerwrap .project_main .info h3{font-size:16px; font-weight:600; margin-bottom:10px;}
.project_innerwrap .project_main .info p{font-size:13px; margin-bottom:25px}
.project_innerwrap .project_img{overflow:hidden; margin:150px auto 50px;}
.project_innerwrap .project_img ul{display:flex;flex-wrap: wrap;gap:10px;}
.project_innerwrap .project_img > p{margin: 30px auto 60px; text-align: center; font-size: 20px;color: #999;}
.project_innerwrap .project_img li{width:calc(50% - 5px); margin-bottom:20px;}

.project .project_wrap li p {position: absolute;bottom: 20px;right: 30px;font-size: 20px;color: #fff; text-align: right;}
#top_btn {display: none; position:fixed;bottom:20px;right:20px;z-index:999;border:1px solid #ccc;outline:none;background:url('../../images/arrow_up.svg') 50% 50% no-repeat; background-size:20px; background-color:#fff; color:#21252C;cursor:pointer;padding:20px;border-radius:100%;}


/* Process */
.process{margin:0 auto;}
.process .title{margin-bottom:75px; text-align: center;}
.process ul{display: flex;flex-direction: row;flex-wrap: wrap;width:85%; margin:0 auto; gap:20px;}
.process li{width:calc(25% - 15px); margin-bottom:150px;}
.process li p{text-align: center;}
.process .subject{font-weight:500; font-size:20px; color:#000;}
.process .subject span{font-weight: 400; font-size:24px; color:#9B2242; display: block; font-family:'Lexend',sans-serif; opacity: 0.6; margin-bottom:8px;}
.process .txt{font-size:14px; margin-top:16px; line-height:1.4em;}

/* contact */
.contact{padding:0 100px;}
.contact .scroll-box{height:300px; overflow-y: scroll}
.contact dl{margin-bottom:15px;margin-bottom: 15px;width: 50%;float: left;}
.contact dt{font-size:18px; font-weight:500; margin-bottom:5px;}
.contact input{
    border: 1px solid #ddd;
    height: 40px;
    padding-left: 5px;
    background-color: transparent;
}