.quick{width:115px;position: fixed; right: 20px; top:50%; text-align: center;z-index: 9;}
.quick .one{border-radius: 5px; background:#424e7d; padding: 15px; font-size: 16px;}
.quick .one .title{ color:#fff;    border-bottom: 1px solid #fff;
    padding: 0 0 10px 0;
    margin: 0 0 10px;}
.quick .one a{ color:#fff;}
.quick .two{padding:20px 0 55px; font-size: 18px;}
.quick .two a{color: #424e7d;}
.quick #top_btn2{color: #424e7d; font-size: 16px; border:0; background: #f0f0f0;    width: 100%;
    padding: 5px 0; border-radius: 5px;}

.pc_on{display: block;}
.mo_on{display: none;}

.bt_black_line{    background: #fff !important;  color: #000 !important;  border: 1px solid #000 !important; border-radius: 0; font-size:18px !important;    padding: 10px 20px !important;
    height: auto !important;
    font-weight: 600 !important;}
.bt_black_line i{display:none;}
.bt_black_line img{height:30px;}

.b_container{padding:175px 0 175px;}
.b_container2{padding:130px 0 175px;}
.w_container{max-width: 1450px !important;}
.l_container{padding:125px 12px 85px;}
.l_container .t_title{text-align: center;}
.l_container .t_title .text1{font-size: 35px; font-weight: 700;margin: 0;}
.l_container .t_title .text2{font-size: 18px; color: #b1b1b1;margin: 10px 0 55px;}

.b_container2 .t_title{max-width:1450px; padding:0 15px; margin: auto;     display: flex;  justify-content: space-between; align-items: center;}
.b_container2 .t_title .left{text-align: left;}
.b_container2 .t_title .text1{font-size: 35px; font-weight: 700;}
.b_container2 .t_title .text2{font-size: 20px; color: #b1b1b1;margin: 10px 0 75px;}
.b_container2 .t_title .text3{font-size: 18px; }
.b_container2 .t_title .text4{font-size: 14px; color: #b1b1b1;}
.b_container2 .t_title .right{text-align: right;display: flex; justify-content: flex-start; align-items: center;margin: -5px 0 0 0;}
.b_container2 .t_title .right a{font-size:16px; font-weight:600; border: 1px solid #000; padding:10px 20px; text-align: center;display:block; margin:0 15px}

nav{border-bottom: 1px solid #000;}
nav .top_icon{display: flex; align-items: center;    margin: 10px 0 0 0;}
nav .top_icon a.einsta svg{width:36px;}
nav .top_icon a.eblog{    margin: 0 17px 0 11px;}
nav .top_icon a.eblog svg{width:25px;}
nav .top_icon a.eyoutube svg{width:32px; height: 63px;}

.navbar-nav .link_img img{height:20px; margin:0 10px 0 0;}
@media (min-width: 990px) {
    
    .navbar-nav .dropdown-toggle::after{content:none;}
    .navbar-nav .link_img{display:none;}
    .navbar-nav .dropdown-menu{        border: 1px solid #000;  top: 60px; right: -54px; padding: 0;}
    .navbar-nav .dropdown-menu .nav_in a{line-height: 40px;  padding: 0 20px;  font-weight: 500;}
    .navbar-nav .dropdown-menu .nav_in a:nth-child(1){border-bottom: 1px solid #000;}
    .navbar-nav li:nth-child(3):after{content:none;}
    /*.navbar-expand-lg .navbar-nav .dropdown-menu {
        position: fixed;
        top: 96px;
        left: 0; border:0;padding: 20px 0;
    }
    
    .navbar-nav .dropdown-item{display: inline-block;  width: auto;        margin: 0 25px 0 0;}
    
    .navbar-nav .nav_in{max-width: 1695px; margin:auto;        padding: 0 0 0 735px;}*/
}



.main{padding:105px 0 0 0;}
.main .inner{  max-width: 1450px; margin:auto; padding:0 15px;}

@media (min-width: 1101px) and (max-width: 1399px) {
    .main .inner{max-width:100%;}
}

.main .main_box1{}
.main .main_box1 .inner{display: grid; grid-template-columns: 1fr 28%; gap:20px;   }
.main .main_box1 .inner .left{width:100%; overflow: hidden;    box-shadow: rgba(0, 0, 0, 0.11765) 2px 3px 5px;}
.main .main_box1 .inner .right .box{box-shadow: rgba(0, 0, 0, 0.11765) 2px 3px 5px; cursor: pointer;}
.main .main_box1 .inner .right .box2{margin:20px 0 0 0;}
.main .main_box1 .inner .right .foto{position: relative;overflow: hidden;}
.main .main_box1 .inner .right .foto img{width:100%; transition: transform 0.5s ease;}
.main .main_box1 .inner .right .foto:hover img {
  transform: scale(1.05); /* 마우스 오버 시 1.1배 확대 */
}
.main .main_box1 .inner .right .foto .tag{position: absolute; top: 0; left:0; z-index: 9;}
.main .main_box1 .inner .right .foto .tag span{font-size: 16px;background:#000; color:#fff; display:inline-block;padding: 5px 10px;}
.main .main_box1 .inner .right .description{padding:15px 15px;}
.main .main_box1 .inner .right .description .text1{font-size: 20px;  font-weight: 500;white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;}
.main .main_box1 .inner .right .description .text2{font-size: 16px; white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis;}

.main_sl{ margin: auto;}
.main_sl .swiper-slide {position: relative; overflow: hidden;}
.main_sl .swiper-slide:hover img{transform: scale(1.05); }
.main_sl .swiper-slide > img{width: 100%; transition: transform 0.5s ease;}
.main_sl .foto1{background:url(../img/main_sl1.jpg) top center no-repeat;}
.main_sl .intext{display: flex;  justify-content: space-between;  align-items: center;}
.main_sl .intext .one{font-size: 23px; line-height: 1; font-weight: 500;    padding: 0 0 0 20px;white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
    width: 55%; cursor: pointer;}
.main_sl .intext .two{ width:40%;}
.main_sl .intext .two span.text1{font-size: 18px; line-height: 40px; font-weight:600;white-space: nowrap}
.main_sl .intext .two span.text2{font-size:16px; color:#bababa;  font-weight:400;  display: inline-block;  margin: 0 30px 0 10px;white-space: nowrap}
.main_sl .intext .two{font-size: 30px; line-height: 40px;}
.main_sl .intext .two a img{height:35px;    margin: -3px 0 0 0;}
.main_sl .intext .two a{    display: inline-block;  font-weight:400;  background: #000;   color: #fff;  font-size: 16px;padding: 16px 25px;white-space: nowrap}

.main_sl .box_arrow{position: absolute; bottom: 10%; left:20px; width: 120px;}

.main_sl .swiper-pagination-bullet{width:13px; height:13px;background: #fff; opacity: 1;}
.main_sl .swiper-pagination-bullet-active{background: #fff; width:25px; border-radius: 100px;}

.main_sl .swiper-button-prev {
background: url(../img/icon-arrow-right-white.svg) no-repeat center rgba(0, 0, 0, 0.8);
    background-size: 100%;
    width:44px;
    transform: scaleX(-1);
}

.main_sl .swiper-button-next {
background: url(../img/icon-arrow-right-white.svg) no-repeat center rgba(0, 0, 0, 0.8);
    background-size: 100%;
     width:44px;
}

.main_sl .swiper-button-next::after {display: none;}
.main_sl .swiper-button-prev::after {display: none;}

@media (min-width: 1101px) {
    .main_sl .intext .two{display: flex; justify-content: flex-end; align-items: center;}
}


.main_work{margin:80px 0 275px}
.main_work .title{font-size:30px; font-weight:700;display: flex;  align-items: center;margin:0 0 20px 0 }
.main_work .title a{font-size:16px;    margin: 0 0 0 50px;}
.main_work .title a img{height:28px; margin:-3px 15px 0 0 ;}
.main_work .more{text-align: center;    margin: 50px 0 0 0;}
.main_work .more a{font-size:18px; font-weight:600; border: 1px solid #000; padding:10px 110px; display:inline-block;transition: all ease 0.3s;}
.main_work .more a:hover{background: #000; color:#fff;}
.main_work .box_card{display: grid; grid-template-columns: 1fr 1fr; gap:20px;}
.main_work .box_card .box_in{}

.main_text{text-align: center; margin: 0 0 275px 0;}
.main_text .text1{font-size:34px; font-weight: 700;}
.main_text .text2{font-size:18px; line-height:34px; margin:25px 0 60px;}

.main_text .text3{}
.main_text .text3 a{font-size:18px; font-weight:600; border: 1px solid #000; padding:10px 20px; display:inline-block}
.main_text .text3 img{height:30px; margin:0 0 0 20px;}

.main_portfolment{     max-width: 1450px;  margin: auto;   padding: 0 15px;}
.main_portfolment .title{font-size:30px; font-weight:700; margin:0 0 20px 0;}
.main_portfolment .list{}
.main_portfolment .list .foto{transition: all ease 0.3s; cursor:pointer;}
.main_portfolment .list .foto .in_nor{}
.main_portfolment .list .foto:hover  .in_ov{display:block;}
.main_portfolment .list .foto:hover .in_nor{display:none;} 
.main_portfolment .list .foto .in_ov{display:none;}
.main_portfolment .list .foto:before{content:''; position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 20%; /* 그라데이션 높이 조절 */
  background: linear-gradient(to top, rgba(0, 0, 0, 0.6), transparent);
  pointer-events: none;}
.main_portfolment .list img{width:100%;}
/*.main_portfolment .list .intext{position:absolute; top:50px; left:40px; color:#fff; font-size: 45px; font-weight: 600;line-height: 1;}*/
.main_portfolment .list .intext{ font-size:22px; font-weight: 600;line-height: 1; position:absolute; bottom:30px; left:30px; color:#fff;}
.main_portfolment .list .intext span{font-size: 15px;  margin: 10px 0 0 0;  display: block; font-weight: 300;}
.main_portfolment .list .swiper-button-prev {
background: url(../img/icon-arrow-right-white.svg) no-repeat center rgba(0, 0, 0, 0.8);
    background-size: 100%;
    width:44px;
    transform: scaleX(-1);
}

.main_portfolment .list .swiper-button-next {
background: url(../img/icon-arrow-right-white.svg) no-repeat center rgba(0, 0, 0, 0.8);
    background-size: 100%;
     width:44px;
}

.main_portfolment .list .swiper-button-next::after {display: none;}
.main_portfolment .list .swiper-button-prev::after {display: none;}

.popup-overlay {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.85);
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
}

.popup-content {
  position: relative;
  width: 90%;
  max-width: 445px;
  padding: 0px;
  border-radius: 0px;
}

.popup-close {
  position: absolute;
  top: -10px;
  right: -15px;
  background: none;
  border: none;
  color: white;
  font-size: 30px;
  cursor: pointer;
  z-index: 10000;
}
.popup-swiper{}
.popup-swiper .in_movie{ max-width: 356px; width:90%; margin:auto;}
.popup-swiper .in_link{}
.popup-swiper .in_link a{max-width: 356px; width:90%; margin:10px auto 0; display:block; padding:10px 0;  font-size: 12px; background:rgba(255,255,255,1); text-align: center;}
.popup-swiper .swiper-button-next:after, .popup-swiper .swiper-button-prev:after{color:#fff; font-size: 20px;}



.main_behind{ max-width: 1450px;   padding: 0 15px; margin:200px auto;}
.main_behind .title{font-size:30px; font-weight:700; margin:0 0 20px 0;}
.main_behind .list{}
.main_behind .list .swiper-slide{cursor: pointer;}
.main_behind .list .intext .text1{font-size: 24px; font-weight: 600; margin:20px 0 0px;}
.main_behind .list .intext .text2{font-size:16px; line-height: 35px; color:#969696; font-weight:300;}
.main_behind .list img{width:100%;}

.main_behind .list .foto{position: relative;overflow: hidden;}
.main_behind .list .foto img{width:100%; transition: transform 0.5s ease;}
.main_behind .list .foto:hover img {
  transform: scale(1.05); /* 마우스 오버 시 1.1배 확대 */
}

.main_behind .list .swiper-button-prev {
background: url(../img/icon-arrow-right-white.svg) no-repeat center rgba(0, 0, 0, 0.8);
    background-size: 100%;
    width:44px;
    transform: scaleX(-1);top: 40%;
}

.main_behind .list .swiper-button-next {
background: url(../img/icon-arrow-right-white.svg) no-repeat center rgba(0, 0, 0, 0.8);
    background-size: 100%;
     width:44px;top: 40%;
}

.main_behind .list .swiper-button-next::after {display: none;}
.main_behind .list .swiper-button-prev::after {display: none;}

.main_essay{background: #f0f0f0; padding:0px 0;}
.main_essay .inner{display: grid; grid-template-columns: 30% 1fr; align-self : center;}
.main_essay .foto img{width:100%;}
.main_essay .box{position: relative;}
.main_essay .box:before{content:"";display:block;padding-bottom:45%;}
.main_essay .in_box{  position:absolute; left:50%;top:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%); margin: auto; width: 74%;}
.main_essay .in_box ul{display: grid; grid-template-columns: 1fr 55%; gap:80px;}
.main_essay .in_box a{font-size:18px; font-weight:600; border: 1px solid #000; padding:10px 20px; text-align: center;display:block; margin:15px 0 10px; max-width: 240px;}
.main_essay .in_box a img{height:30px; margin:0 0 0 20px;}
.main_essay .text1{font-size: 34px; line-height: 52px; font-weight: 700; margin:0 0 45px 0;}
.main_essay .text2{font-size: 18px; line-height: 30px; min-height: 120px;}
.main_essay .text3{font-size: 12px;}

.main_contact{margin:155px 0;}
.main_contact .title1{font-size:30px; line-height: 1; font-weight: 700; text-align: center;}
.main_contact .title2{font-size: 18px; line-height: 28px; padding:25px 0 60px; text-align: center;}

.main_contact .box{}
.main_contact .box .box_form{max-width: 1095px; margin:auto; display: grid; grid-template-columns: 1fr 1fr; gap:20px; }
.main_contact .box .box_form .left{    display: flex;  flex-direction: column; gap: 16px;}
.main_contact .box .box_form .right{}

.main_contact .box .box_form .in_box{    display: flex;align-items: center;    border: 1px solid #ededed; margin: 0 0 20px;}
.main_contact .box .box_form .in_box .title3{background: #ededed; font-size: 18px;width:130px; text-align: center; line-height: 55px;}
.main_contact .box .box_form .in_box2 .title3{    line-height: 273px;}
.main_contact .box .box_form .in_box .info{width:80%;}
.main_contact .box .box_form .in_box .info textarea{    width: 100%; height: 265px; padding:15px; border: 0;resize: none;font-size: 18px;}
.main_contact .box .box_form .in_box .info textarea:focus { outline: none !important;box-shadow: 0 !important;}
.main_contact .box .box_form .in_box .info textarea::placeholder{color:#d5d4d4;}
.main_contact .box .box_form .in_box .info input[type='text']{height:55px; line-height: 55px;width:100%; border:0;    padding: 0 0 0 15px; font-size: 18px;}
.main_contact .box .box_form .in_box .info input[type='text']::placeholder{color:#d5d4d4;}
.main_contact .box .box_form .in_box .bt_ok{}
.main_contact .box .box_form .in_box .bt_ok .btn_submit2{position: relative; border:1px solid #000;   background: url(../img/icon-arrow-right.svg) no-repeat;
    background-size: 30px;
    background-position: 50px 150px; line-height: 270px; width:135px; font-size: 18px; color:#000;}



footer{background:#1e1e1e; color:#fff; padding:35px 0;}
footer a{color:#fff;}
footer span{cursor:pointer;}
footer .left .info{font-size: 13px;    margin: 12px 0 0 0; font-weight: 300;}
footer .left .info span{    display: inline-block;  margin: 0 20px;}
footer .right li:nth-child(1){padding:0 0 0 110px;}
footer .right li:nth-child(2){padding:0 0 0 65px;}
footer .right li:nth-child(4), footer .right li:nth-child(5){display: none;}
footer .copy{font-size: 13px; margin:5px 0 0 0;}
footer .bottom_icon{display: flex; align-items: center;    justify-content: flex-end;margin: 5px 0 0 0;}
footer .bottom_icon svg{    filter: invert(1);}
footer .bottom_icon a.einsta svg{width:36px;}
footer .bottom_icon a.eblog{    margin: 0 17px 0 11px;}
footer .bottom_icon a.eblog svg{width:25px;}
footer .bottom_icon a.eyoutube svg{width:32px;}



.title_page{text-align: center; padding: 205px 0 0px 0; font-size: 33px; font-weight: 600;}
.title_page2{text-align: center; padding: 40px 0 0px 0; font-size: 22px; font-weight: 400;}

.mo_menu{padding:113px 0 0 0;text-align: center; border-bottom: 1px solid #efefef;display:none;}
.mo_menu ul{}
.mo_menu li{padding:10px 0; display: inline-block}
.mo_menu a{font-size: 14px; padding: 0 5px; color:#000;}

.about{padding:180px 0 150px; }
.about .title1{font-size: 25px; color:#AFAFAF; display:none; }
.about .title2{font-size: 30px;  font-weight: 700;padding:20px 0 60px;}
.about .text1{font-size: 26px;  line-height: 45px; font-weight: 500;}

.about .box_text{}
.about .box_text .box{display: grid; grid-template-columns: 1fr 62%}
.about .box_text .box .l_text{color: #AFAFAF; font-size: 25px;}
.about .box_text .box .l_text .kor{font-weight: 700; line-height: 35px; display:none;}
.about .box_text .box .l_text .eng{font-weight: 300;}
.about .box_text .box .l_text .foto{margin:40px 0 20px;}
.about .box_text .box .l_text .foto img{width:25px;}
.about .box_text .box .r_text{font-size: 21px; line-height: 35px;font-weight: 500; position: relative;    padding: 0 0 0 145px;}
.about .box_text .box .r_text:before{content:''; display: block; /* 또는 inline-block, absolute 등 */
  width: 125px;
  height: 25px;
  background-image: url('../img/arrow_about2_garo.svg');
  background-size: cover;
  background-position: center;
  position: absolute; /* 필요시 */
  top: 6px;
  left: 0;}
/*.about .box_text .box .r_text{font-size: 21px; line-height: 35px;font-weight: 500; position: relative;    padding: 0 0 0 40px;}
.about .box_text .box .r_text:before{content:''; display: block; 
  width: 20px;
  height: 20px;
  background-image: url('../img/arrow_about2.svg');
  background-size: cover;
  background-position: center;
  position: absolute;
  top: 10px;
  left: 0;}*/

.about .more{margin: 110px 0 0 0;}
.about .more a{font-size:20px; font-weight:600; border: 1px solid #000; padding:10px 20px; display:inline-block}
.about .more a img{height:30px; margin:0 0 0 20px;}





.inquiry{}
.inquiry .con1{max-width: 500px; margin:65px auto;}
.inquiry .con1 li{padding:10px 0;}
.inquiry .con1 .box_text{width:100%; border:1px solid #424e7d; border-radius: 5px; font-size: 20px; padding:15px;}
.inquiry .con1 .box_text{display: grid;
    flex-wrap: wrap;
    grid-template-columns: 40px 1fr;}
.inquiry .con2{background: #f4f4f4; padding:110px 0;}
.inquiry .con2 .in_form{max-width: 500px; margin:65px auto; border-top:1px solid #424e7d; padding:50px 0 0 0 ; }

.m_quick{display:none;}


@media (min-width: 1px) and (max-width: 991px) {
    .navbar .dropdown-toggle::after{content: none;}
    .navbar .dropdown-menu{display:block !important; padding:0;}
    .navbar .container{        padding-left: 0px !important; padding-right: 0px !important;}
    .navbar-brand{        margin: 0 0 0 20px; padding:10px 0;}
    .navbar-toggler{margin:0 20px 0 0;}
    
    .navbar-collapse:before{        content: '';
        width: 100%;
        display: block;
        height: 1px;
        background: #000;
        position: absolute;
        top: 8px;
        left: 0px;}
    
    .navbar-brand img{    height: 18px;}
    .navbar-nav{margin-left: 0;}
    .navbar-nav .nav-item.dropdown #navbarDropdownBlog{display:none;}
    
    nav .top_icon{display: none;}
    
    
}

@media (max-width: 1438px) {
    .main_sl .intext .two{line-height: 5.7vh;}
}


@media (max-width: 1363px) {
    .main_sl .intext .two{line-height: 6.7vh;}
}

@media (max-width: 1345px) {
    .main_sl .intext .two{line-height: 7.7vh;}
}
@media (max-width: 1165px) {
    .main_sl .intext .two{line-height: 8.7vh;}
}


@media (min-width: 1101px) and (max-width: 1438px) {
    .main_essay .text1 {  font-size: 30px;  line-height: 42px;    margin: 0 0 30px 0;}
    .main_essay .text2 { font-size: 15px; line-height: 25px;    min-height: 82px;}
    .main_essay .in_box ul{    grid-template-columns: 1fr 62%; gap: 45px;}
    .main_essay .in_box a{padding:7px 5px; font-size: 16px;}
    .main_essay .in_box a img { height: 20px; margin: 0 0 0 10px;}
}

/* mobile */
@media (min-width: 1px) and (max-width: 1100px) {
    .mo_on{display: block;}
    .pc_on{display: none;}
    .quick{display: none;}
     
    
    .bt_black_line{        font-size: 16px !important;  padding: 5px 15px !important;}
    
    .container{padding-left: 20px !important;padding-right: 20px !important;}
    .l_container {padding: 50px 0 105px;}
    .l_container .t_title .text1{font-size: 32px; line-height: 1;}
    .l_container .t_title .text2{font-size: 16px; line-height: 24px; margin: 20px 0 35px;}
    
    .b_container {padding: 50px 0 105px !important;}
    .b_container:after{content: none !important;}
    
    .b_container2 {padding: 50px 0 85px;}
    .b_container2 .t_title .left{padding:0 0 0  5px;}
    .b_container2 .t_title .right{padding:0 0 30px 5px; display:block;text-align: left;}
    .b_container2 .t_title .right a{margin:10px 0;        font-size: 16px; padding: 5px 10px;}
    .b_container2 .t_title{display: block;}
    .b_container2 .t_title .text1{font-size: 35px; line-height: 1; }
    .b_container2 .t_title .text2{font-size: 18px; line-height: 30px; margin: 20px 0 35px;}
    .b_container2 .t_title .text3 { font-size: 20px;width: 100%; text-align: left;}
    .b_container2 .t_title .text4 { font-size: 13px; margin:0 0 0 10px;}
    .b_container2 .t_title .text5, .b_container2 .t_title .text4{display:inline-block;}
    
    
    .b_container3{ padding: 90px 0 55px !important;}
    
    
    
    
    
    
    .hamburger01:focus{outline: 0;}
    .title_page{padding: 40px 0 0px 0; font-size: 28px;}
    .title_page2{padding: 20px 0 0px 0; font-size: 16px;}
    
    .main {  padding: 58px 0 0 0;}
    .main .main_box1 .inner{display: block;}
    .main .inner{padding: 0;}
    
    .main_sl{}
    .main_sl .foto1{background:url(../img/main_sl1mo.jpg) top center no-repeat; background-size: cover;}
    .main_sl .box_arrow{   width: 100%;  left: 0;  bottom: 43%;/*  bottom: 13%; left: 10px; width: 100px;*/}
    .main_sl .swiper-button-next{width:25px; height:25px;}
    .main_sl .swiper-button-prev{width:25px; height:25px;}
    .main_sl .swiper-slide{     height:auto;}
    /*.main_sl .swiper-slide:before{content:"";display:block;padding-bottom:102%;}*/
    .main_sl .swiper-pagination-bullet{background: #ebebeb;}
    .main_sl .intext{display: block;margin: 15px 0 12px 0;}
    .main_sl .intext .one{  font-size: 21px; line-height: 1.5; padding: 0 20px 0 20px; width:100%; font-weight: 600; white-space: normal;}
    .main_sl .intext .two { padding: 0 0 0 20px; width:100%;        line-height: 1;}
    .main_sl .intext .two:after { content:""; clear:both; display:block; }
    .main_sl .intext .two span.text1{font-size: 16px;}
    .main_sl .intext .two span.text2{font-size: 16px; line-height: 1;}
    .main_sl .intext .two a{display:none; font-size: 16px; padding:5px 10px; line-height: 1; float: right;}
    .main_sl .intext .two a img {  height: 24px;}
    
    .main .main_box1 .inner .left{margin:0 0 40px 0;}
    .main .main_box1 .inner .right{padding: 0 20px;}
    .main .main_box1 .inner .right .foto .tag span { font-size: 15px;}
    .main .main_box1 .inner .right .description .text1 {  font-size: 20px; font-weight: 600; }
    .main .main_box1 .inner .right .description .text2 { font-size: 15px;}
    
    
    .main_work { margin: 85px 0 150px; padding:0 20px;}
    .main_work .title { font-size: 30px;margin: 0 0 10px 0}
    .main_work .title a { font-size: 16px; margin: 0 0 0 25px;}
    .main_work .title a img { height: 26px; margin: -2px 10px 0 0;}
    .main_work .box_card{display: block;}
    .main_work .more{margin:0;}
    .main_work .more a{font-size: 18px; padding:5px 70px;}
    
    .main_text{padding:0 20px; margin:0 0 170px 0;}
    .main_text .text1 { font-size: 28px;}
    .main_text .text2 { font-size: 16px; line-height: 30px;    margin: 15px 0 40px;}
    .main_text .text3 a { font-size: 16px;}
    .main_text .text3 img { height: 18px;  margin: -3px 0 0 10px;}
    
    .main_portfolment{padding:0 0 0 20px;}
    .main_portfolment .title { font-size: 30px; margin:0 0 10px 0;}
    .main_portfolment .list .intext{bottom:25px; left:25px; font-size: 20px;}
    .main_portfolment .list .intext span{font-size:16px;}
    .main_portfolment .list .swiper-button-next{width:35px; height:35px;}
    .main_portfolment .list .swiper-button-prev{width:35px; height:35px;}
    
    .main_portfolment .list .foto .in_nor{display:none !important;}
    .main_portfolment .list .foto .in_ov{display:block !important; }
    
    .popup-close{top: 0px; right: 25px;}
    .popup-swiper .swiper-button-next{    right: var(--swiper-navigation-sides-offset, 20px);}
    .popup-swiper .swiper-button-prev{    left: var(--swiper-navigation-sides-offset, 20px);}
    
    
    .main_behind{padding:0 0 0 20px; margin: 100px 0;}
    .main_behind .title { font-size: 30px; margin:0 0 10px 0;}
    .main_behind .list .intext .text1{font-size: 20px; margin:20px 0 5px;}
    .main_behind .list .intext .text2 { font-size: 16px; line-height: 22px;}
    .main_behind .list .swiper-button-next{width:35px; height:35px;}
    .main_behind .list .swiper-button-prev{width:35px; height:35px;}
    
    .main_essay{padding: 0 0 50px 0;}
    .main_essay .inner{display: block; padding:0 20px; }
    .main_essay .box:before{content: none;}
    .main_essay .in_box{position: relative;left:0;top:0;transform:translate(0,0);-webkit-transform:translate(0,0);-moz-transform:translate(0,0);-o-transform:translate(0,0);-ms-transform:translate(0,0);width:100%;}
    .main_essay .in_box ul{display: block;}
    .main_essay .in_box li:first-child{margin:0 0 40px 0;}
    .main_essay .text1{    font-size: 32px; line-height: 45px;margin: 30px 0 25px 0;}
    .main_essay .text2 {  font-size: 18px; line-height: 30px; min-height: auto;}
    .main_essay .text3 { font-size: 13px;}
    .main_essay .in_box a{  font-size: 18px;margin: 20px 0 10px;        display: inline-block;}
    .main_essay .in_box a img{height: 18px; margin: -3px 0 0 10px;}
    
    .main_contact{margin: 100px 0;}
    .main_contact .title1{ font-size: 35px; }
    .main_contact .title2 {  font-size: 18px; line-height: 30px; padding: 20px 0 35px;}
    .main_contact .box .box_form{display: block; padding:0 20px;}
    .main_contact .box .box_form .in_box .title3{    font-size: 16px;  width: 75px; line-height: 45px;}
    .main_contact .box .box_form .in_box .info input[type='text']{height: 45px; line-height: 45px; font-size: 16px; }
    .main_contact .box .box_form .in_box .info textarea{height:225px; font-size: 16px; }
    .main_contact .box .box_form .in_box2{    flex-direction: column; border:0;}
    .main_contact .box .box_form .in_box2 .title3{width:100%;}
    .main_contact .box .box_form .in_box .info{width:100%;}
    .main_contact .box .box_form .in_box2 .info{border: 1px solid #ededed;}
    .main_contact .box .box_form .right{margin:20px 0 0 0;}
    .main_contact .box .box_form .in_box .bt_ok{width:100%;        padding: 20px 0 0;}
    .main_contact .box .box_form .in_box .bt_ok .btn_submit2{width: 100%; line-height: 40px; font-size: 14px;background-size: 24px;
    background-position: 60% 8px;        padding: 0 20px 0 0;}
    
    
    
    footer{ padding: 40px 0 45px;    font-size: 13px;}
    footer .left .info { font-size: 16px;}
    footer .copy{font-size: 13px;}
    footer .bottom_icon{margin: 20px 0 0 -8px;justify-content: flex-start; }
    footer .bottom_icon a.einsta svg{width:50px}
    footer .bottom_icon a.eblog svg { width: 34px;}
    footer .bottom_icon a.eyoutube svg { width: 40px;  height: 50px;}
    
    .about { padding: 125px 0 120px; }
    .about .title1{font-size: 20px; line-height: 1;}
    .about .title2{font-size: 26px; line-height: 38px; padding: 20px 0 35px;}
    .about .text1 {font-size: 16px; line-height: 30px;}
    
    .about .box_text .box{display: block;}
    .about .box_text .box .l_text{font-size: 22px;}
    .about .box_text .box .l_text .foto{display: none;}
    .about .box_text .box .l_text .kor{line-height: 35px;}
    .about .box_text .box .r_text {  font-size: 18px;   line-height: 30px;margin: 20px 0 50px ;}
    .about .box_text .box .r_text{padding: 0 0 0 30px;}
    .about .box_text .box .r_text:before{width:15px; height:15px; top:8px;background-image: url('../img/arrow_about2.svg');
      background-size: cover;
      background-position: center;}
    
    
    
    .about .more {margin: 50px 0 0 0;        text-align: center;}
    .about .more a { font-size: 16px;}
    .about .more a img { height: 18px;  margin: -3px 0 0 10px;}
    
    .m_quick{display: grid; grid-template-columns: 1fr 1fr; position: fixed; bottom: 0;  width: 100%; text-align: center; background: rgba(255, 255, 255, 0.9); font-size: 16px; border-top:1px solid #000;/*box-shadow: rgba(0, 0, 0, 0.11765) 2px -2px 5px*/}
    .m_quick a{ padding: 10px 0;        font-size: 16px;}
    .m_quick a:nth-child(1){border-right: 1px solid #000;}
    .m_quick a:nth-child(1) img{height:20px; margin:0 10px 0 0;}
    .m_quick a:nth-child(2) img{height:20px; margin:0 5px 0 0;}
    
    
}

@media (min-width: 1px) and (max-width: 1315px) {
    
    
}