@font-face {
	font-family: 'Pretendard Variable';
	font-weight: 45 920;
	font-style: normal;
	font-display: swap;
	src: url('../font/PretendardVariable.woff2') format('woff2-variations');
}

@font-face {
	font-family: 'times';
	src: url('../font/times.woff') format("woff");
    src: url("../font/times.ttf") format("truetype");
    font-style: normal;
}

@font-face {
	font-family: 'times_italic';
	src: url('../font/times_italic.woff') format("woff");
    src: url("../font/times_italic.ttf") format("truetype");
    font-style: normal;
}

* {
      user-select: none;
      -webkit-user-drag: none;
    }

.display_pc_only{display:block;}
.display_tablet_only{display:none;}

/* ÄÁÅ×À̳ʸ¦ Áß¾Ó¿¡ Á¤·Ä */
.container {
    width: 100%;/* ÃÖ´ë ³Êºñ ¼³Á¤ */
    margin: 0 auto; /* Áß¾Ó Á¤·Ä */
    padding: 0 50px; /* ¾ç¿· ¿©¹é */
}
.swiper {
  width: 100%;
  height: 100%;
}


/* ¸Þ´º ½ºÅ¸ÀÏ */
.menu {
    display: inline-block;
    margin: 0 10px;
}

.menu a {
    text-decoration: none;
}

.menu-container {width: 80%;
    display: flex;
    justify-content: space-around;}

@media (min-width: 1025px) {
    .menu-container-in {width: 80%;
    display: flex;
    justify-content: space-around;}
}

/* ¸ð¹ÙÀÏ¿¡¼­ ¸Þ´º ¼û±â±â */
@media (max-width: 1024px) {
    .menu{}
    /* menu4´Â ¿À¸¥ÂÊ¿¡ °íÁ¤ */
    .menu4 {
        position: absolute;
        top: -3px; /* ÇÊ¿ä¿¡ µû¶ó Á¶Á¤ */
        right: 50px; /* ¿À¸¥ÂÊ¿¡ °íÁ¤ */
        display: inline-block;
    }

    /* ¸Þ´º Ç׸ñµéÀ» °¨½Î´Â container ¼û±è */
    .menu-container {
        display: none;
        flex-direction: column;
       /* position: absolute;*/
        position: fixed;
        top: 40px;
        left: 0;
        right: 0;
        background-color: white;
        width: 100%;
        z-index: 1000;
    }

    /* ¸ð¹ÙÀÏ ¸Þ´º ¾ÆÀÌÄÜ */
    .mobile-menu-icon {
        display: block;
        cursor: pointer;
        z-index: 1010; /* ¸Þ´ºº¸´Ù À§¿¡ Ç¥½Ã */
                margin: 0 0 8px 0;
    }

    .mobile-menu-icon .bar {
        display: block;
        width: 20px;
        height: 2px;
        margin: 5px 0;
        background-color: #000;
    }
    
    .mobile-menu-icon .bar:nth-child(1) {
        transform: rotate(90deg);
        margin: 5px 0px -2px 0px;
    }
    
    .mobile-menu-icon .bar:nth-child(2) {
        transform: rotate(90deg);
        margin: 0 -5px 0 10px;
    }

    /* ¸Þ´º°¡ ¿­·ÈÀ» ¶§ */
    .mobile-menu-open .mobile-menu-icon {margin:-8px 0 0 0;}
    .mobile-menu-open .menu-container {
        /*display: flex;
        height: calc(93vh - 66px);
        justify-content: space-around;
        text-align: center;*/
        display: block;
        height: 100%;
    }
    .mobile-menu-open .menu-container-in{
        display: flex;
        height: calc(93vh - 66px);
        justify-content: space-around;
        text-align: center;
        flex-direction : column 
    }

    /* ¸Þ´º ¾ÆÀÌÄÜÀ» X·Î ¹Ù²Ù±â */
    .mobile-menu-open .mobile-menu-icon .bar:nth-child(1) {
        transform: rotate(0deg);
        margin: 7px 0px 7px 0px;
    }

    .mobile-menu-open .mobile-menu-icon .bar:nth-child(2) {
        transform: rotate(0deg);
        margin: 0 -5px 0 0px;
    }
    
    .sub_page .mobile-menu-icon .bar{background-color: #fff;}
    .sub_page header .menu1 a, .sub_page header .menu2 a, .sub_page header .menu3 a{color:#fff !important;}
}



/* ±âº» ·¹À̾ƿô: Çì´õ, ¸ÞÀÎ, ǪÅÍ */
header {padding:25px 0;}
header .container{display: flex;    justify-content: space-between;    align-items: center;position: relative;} 
header .logo {
    
}
header .logo img{height:15px; margin:4px 0 0 0;}
header .menu a{font-size: 20px;}
/* ½ºÅ©·Ñ ½Ã Çì´õ¿¡ °íÁ¤ ½ºÅ¸ÀÏ Ãß°¡ */
header.fixed {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1000;  /* ´Ù¸¥ ¿ä¼Òµéº¸´Ù À§¿¡ ¿Àµµ·Ï */
}

.sub_page header .menu a{color:#fff;}

.main{padding: 35px 0px 0 ;}
.main .box1{margin: 0 auto 60px;}
.main .box1 ul{ display: grid; grid-template-columns: 1fr 1fr 22%; gap:10%;}
.main .box1 li:nth-child(2) .text2{    margin: 60px 0 0 0;}
.main .box1 .text1{font-size: 18px;  line-height: 25px;}
.main .box1 .text2{font-size: 14px; line-height: 25px; margin: 35px 0 0px;}
.main .box1 .text3 .in_text1{font-size: 20px; line-height: 30px;}
.main .box1 .text3 .in_text1 span{position: relative;}
.main .box1 .text3 .in_text1 span:after{content:'';    display: inline-block;
    width: 100%;
    height: 1px;
    background: #000;
    position: absolute;
    left: 0;
    bottom: 0;}
.main .box1 .text3 .in_text2{font-size: 20px;  font-family: 'times_italic';margin: 25px 0 10px;}
.main .box1 .text3 .in_text3{font-size: 20px; line-height: 30px;}

.main .box2{}
.main .box2 .title{font-size: 22px;    font-family: 'times_italic'; margin: 0 0 25px 0;}
.main .box2 .con{display: flex;}
.main .box2 .con::-webkit-scrollbar {
    width: 0px; height: 0;
  }
.main .box2 .con .in_box2{margin: 0 0 0 135px;}
.main .box2 .con .in_box3{margin: 0 0 0 265px;}
.main .box2 .con .in_box4{margin: 0 0 0 265px;}
.main .box2 .con .in_box .in_title{font-size: 20px;    font-family: 'times_italic'; margin: 0 0 10px 0;}
.main .box2 .con .in_box .in_text{font-size: 16px; line-height: 30px;}
.main .box2 .con .in_box .in_text1{font-size: 18px;}
.main .box2 .con .in_box .in_text2, .main .box2 .con .in_box .in_text3{    font-size: 18px;}
.main .box2 .con .in_box .in_text2 span{position: relative;}
.main .box2 .con .in_box .in_text2 span:after{content:'';    display: inline-block;
    width: 100%;
    height: 1px;
    background: #000;
    position: absolute;
    left: 0;
    bottom: 0;}


.main_slide{position: relative; margin: 90px 0 0 0 ;}
.main_slide .swiper_mainsl{max-width: 100%; margin:auto;}
.main_slide .swiper_mainsl .swiper-slide{text-align: center; }




.main_slide .slide-inner{position: relative; height: 100%;}
.main_slide .slide-inner:before{content:"";display:block;padding-bottom:52.5%}
.main_slide .slide-inner img{    width: auto;
    height: 100%;
    transform: translateX(-50%);
    left: 50%;
    top: 0;
    position: absolute;}

.main_slide .slide-inner video{    width: auto;
    height: 100%;
    transform: translateX(-50%);
    left: 50%;
    top: 0;
    position: absolute;}
.main_slide .swiper-button-next:after, .main_slide .swiper-button-prev:after{font-family: 'times'; font-size: 20px; color:#000;font-family: 'times_italic'; }
.main_slide .swiper-button-prev:after{content:'Pre';}
.main_slide .swiper-button-next:after{content:'Nex';}
.main_slide .swiper-button-prev{left: 20px;}
.main_slide .swiper-button-next{right: 20px;}

.main_slide .swiper-button-prev{left: 20px;width: 20%;
    height: 100%;
    top: 3%;
    text-align: left;
    justify-content: flex-start;}
.main_slide .swiper-button-next{right: 20px;width: 20%;
    height: 100%;
    top: 3%;
    text-align: left;
    justify-content: flex-end;}


.swiper_text_page{font-size: 170px;padding: 145px 0; overflow: hidden;}
.swiper_text_page .swiper-wrapper{transition-timing-function: linear;}
.swiper_text_page .swiper-slide{width:auto !important;}

.main .box3 .in_box{display: grid;     gap:7px;}
.main .box3 .in_box img{width: 100%;
    height: auto;
    object-fit: cover; }
.main .box3 .in_box1{  grid-template-columns:0.917fr 1.1fr 1.1fr;}
.main .box3 .in_box2{ display: grid; grid-template-columns: 0.65fr 1fr 0.65fr 0.65fr; margin: 7px 0;}
.main .box3 .in_box3 { display: grid; grid-template-columns:1fr 0.74fr 1fr 0.74fr;}

.box_client{margin: 95px 0 0 0;}
.box_client .title{font-size: 30px;}
.box_client .text1{font-size: 18px;font-family: 'times_italic'; margin: 20px 0 15px;}
.box_client .text2{    font-size: 14px;line-height: 25px;}
.box_client .swiper_slide_client{position: relative; margin: 45px 0 145px 0;}
.box_client .swiper_slide_client .swiper-slide{text-align: center; }

.box_client .swiper_slide_client .swiper-slide img{}
.box_client .swiper_slide_client .slide-inner{position: relative; height: 100%;}
.box_client .swiper_slide_client .slide-inner:before{content:"";display:block;padding-bottom:52.5%}
.box_client .swiper_slide_client .slide-inner img{    width: auto;
    height: 100%;
    transform: translateX(-50%);
    left: 50%;
    top: 0;
    position: absolute;}
.box_client .swiper_slide_client .slide-inner video{    width: auto;
    height: 100%;
    transform: translateX(-50%);
    left: 50%;
    top: 0;
    position: absolute;}

.box_client .swiper_slide_client .slide-inner iframe{    width: 100%;
    height: 100%;
    transform: translateX(-50%);
    left: 50%;
    top: 0;
    position: absolute;}

.box_client .swiper_slide_client .swiper-button-next:after, .box_client .swiper_slide_client .swiper-button-prev:after{font-family: 'times'; font-size: 20px; color:#000;font-family: 'times_italic'; }
.box_client .swiper_slide_client .swiper-button-prev:after{content:'Pre';}
.box_client .swiper_slide_client .swiper-button-next:after{content:'Nex';}
.box_client .swiper_slide_client .swiper-button-prev{left: 20px;width: 20%;
    height: 100%;
    top: 3%;
    text-align: left;
    justify-content: flex-start;}
.box_client .swiper_slide_client .swiper-button-next{right: 20px;width: 20%;
    height: 100%;
    top: 3%;
    text-align: left;
    justify-content: flex-end;}

.main .box4{margin: 60px auto 180px;}
.main .box4 .title{font-size: 25px;font-family: 'times_italic'; margin: 0 0 35px 0;}
.main .box4 .text{font-size: 50px; line-height: 60px;}

.main .box5{}
.main .box5 .title{font-size: 25px;font-family: 'times_italic'; margin: 0 0 35px 0;}
/* Ãʱ⠻óÅ¿¡¼­´Â .banÀÌ ¼û°ÜÁ® ÀÖ´Ù. */
.main .box5 .con .ban {
    display: none; /* ±âº»ÀûÀ¸·Î ¼û±è */
    position: absolute;
    left: 30%; /* ¿ìÃø¿¡ ¹èÄ¡ */
    top: 15px;

    z-index: 10;
}

/* .link ¿ä¼Ò¸¦ È£¹öÇϰųª Ŭ¸¯ ½Ã .banÀÌ º¸À̵µ·Ï ÇÑ´Ù. */
.main .box5 .con li{position: relative; font-size: 40px; line-height: 55px;}
.main .box5 .con li:hover .ban, /* È£¹ö ½Ã .ban Ç¥½Ã */
.main .box5 .con li.active .ban { /* Ŭ¸¯ ½Ã .ban Ç¥½Ã */
    display: block;
}

/* .link ¿ä¼Ò¿¡ ´ëÇØ hover¿Í Ŭ¸¯À» ±¸ºÐÇÒ ¼ö ÀÖµµ·Ï ÇÕ´Ï´Ù. */
.main .box5 .con .link {
    cursor: pointer;
    position: relative;
        display: inline-block;
}
.main .box5 .con .link:hover {color:#c3c3c3;}



.info{padding: 35px 0px 0 ; color:#fff;}
.info .box1{margin: 0 auto 100px;}
.info .box1 ul{ display: grid; grid-template-columns: 1fr 1fr; }
.info .box1 li{color:#fff;}
.info .box1 li:nth-child(1){    padding: 0 20% 0 0;}
.info .box1 li:nth-child(2){padding: 0 25% 0 0;}
.info .box1 .text1{font-size: 17px; line-height: 25px;margin: 0 0 35px 0;}
.info .box1 .text2{font-size: 14px; line-height: 25px; margin: 0 0 35px 0;}



.info .box2 .text3{}
.info .box2 .text3 .in_text1{font-size: 20px; line-height: 30px;}
.info .box2 .text3 .in_text1 span{position: relative;}
.info .box2 .text3 .in_text1 span:after{content:'';    display: inline-block;
    width: 100%;
    height: 1px;
    background: #fff;
    position: absolute;
    left: 0;
    bottom: 0;}
.info .box2 .text3 .in_text2{font-size: 20px;  font-family: 'times_italic';margin: 25px 0 10px;}
.info .box2 .text3 .in_text3{font-size: 20px; line-height: 30px;}

.info .box3{margin: 150px auto;}
.info .box3 ul{ display: grid; grid-template-columns: 1fr 1fr 1fr; gap:10%; /*width:60%;*/}
.info .box3 li{margin: 0 0 50px 0;}
.info .box3 .text1{font-size: 16px;}
.info .box3 .text2{font-size: 20px;  font-family: 'times_italic';margin: 25px 0 10px;}
.info .box3 .text3{font-size: 14px; line-height: 25px;}

.info .box4 .title{font-size: 22px;    font-family: 'times_italic'; margin: 0 0 25px 0;}
.info .box4 .con{display: flex;}
.info .box4 .con::-webkit-scrollbar {
    width: 0px; height: 0;
  }
.info .box4 .con .in_box2{margin: 0 0 0 135px;}
.info .box4 .con .in_box3{margin: 0 0 0 265px;}
.info .box4 .con .in_box4{margin: 0 0 0 265px;}
.info .box4 .con .in_box .in_title{font-size: 20px;    font-family: 'times_italic'; margin: 0 0 10px 0;}
.info .box4 .con .in_box .in_text{font-size: 16px; line-height: 30px;}
.info .box4 .con .in_box .in_text1{font-size:18px;}
.info .box4 .con .in_box .in_text2, .info .box4 .con .in_box .in_text3{    font-size: 18px;}
.info .box4 .con .in_box .in_text2 span{position: relative;}
.info .box4 .con .in_box .in_text2 span:after{content:'';    display: inline-block;
    width: 100%;
    height: 1px;
    background: #fff;
    position: absolute;
    left: 0;
    bottom: 0;}

.sub_page footer{border-top: 1px solid #fff; color:#fff;}



.contact{font-size: 25px; line-height: 30px; margin: 135px 0 0 0; min-height: 550px;}

.project{}
.project .accordion-container {
    width: 100%;
    margin: 50px auto;
}

/* ¾ÆÄÚµð¾ð ¹öÆ° ½ºÅ¸ÀÏ */
.project .accordion {
    cursor: pointer;
    width: 100%;
    text-align: left;
    border: none;
    outline: none;
    font-size: 40px;
    line-height: 40px;
    background: none;
    color:#000;
}

.project .accordion:hover {
  color:#d6d6d6;
}

/* ÆгΠ¼û±â±â ±âº» ¼³Á¤ */
.project .panel {
    display: none;
}

/* ¿­·ÈÀ» ¶§ ÆгΠ½ºÅ¸ÀÏ */
.project .panel.open {
    display: block;
}




.project .swiper_slide_project{position: relative; margin: 15px 0 25px 0;}
.project .swiper_slide_project .swiper-slide{text-align: center; }

.project .swiper_slide_project .swiper-slide img{}
.project .swiper_slide_project .slide-inner{position: relative; height: 100%;}
.project .swiper_slide_project .slide-inner:before{content:"";display:block;padding-bottom:52.5%}
.project .swiper_slide_project .slide-inner img{    width: auto;
    height: 100%;
    transform: translateX(-50%);
    left: 50%;
    top: 0;
    position: absolute;}
.project .swiper_slide_project .slide-inner video{    width: auto;
    height: 100%;
    transform: translateX(-50%);
    left: 50%;
    top: 0;
    position: absolute;}
.project .swiper_slide_project .swiper-button-next:after, .project .swiper_slide_project .swiper-button-prev:after{font-family: 'times'; font-size: 20px; color:#000;font-family: 'times_italic'; }
.project .swiper_slide_project .swiper-button-prev:after{content:'Pre';}
.project .swiper_slide_project .swiper-button-next:after{content:'Nex';}
.project .swiper_slide_project .swiper-button-prev{left: 20px;}
.project .swiper_slide_project .swiper-button-next{right: 20px;}

.project .swiper_slide_project .swiper-button-prev{left: 20px;width: 20%;
    height: 100%;
    top: 3%;
    text-align: left;
    justify-content: flex-start;}
.project .swiper_slide_project .swiper-button-next{right: 20px;width: 20%;
    height: 100%;
    top: 3%;
    text-align: left;
    justify-content: flex-end;}

.project .swiper_slide_project .in_arrow{display:none;}


footer{ padding:15px 0; margin:130px 0 0 0; border-top:1px solid #000;}
footer .text{font-size: 18px; font-family: 'times_italic';}

.quick{position: fixed;
    right: 20px;
    bottom: 20px;
    width: 115px; z-index: 9;}
.quick #q_icon{}
.quick #q_icon img{width:30%; float: right;}
.quick .q_content{  display: none;  font-size: 14px; line-height: 30px; margin:0 0 10px 0;}
.quick .q_content a{}


@media (max-width:1315px) {
    .main .box2 .con .in_box2{margin: 0px 0 0 100px;}
    .main .box2 .con .in_box3 { margin: 0px 0 0 100px;}
    
}

/* ¹Ìµð¾î Äõ¸®: È­¸é Å©±â°¡ 1024px ÀÌÇÏÀÏ ¶§ */
@media (max-width:1024px) {
    .display_pc_only{display:none;}
    .display_tablet_only{display:block;}
    .container{padding:0 15px;}
    
    .quick{width:60px;    right: 15px; bottom:15px;}
    .quick .q_content{line-height: 15px; font-size: 11px;}
    .quick #q_icon img{width:60%;}
    
    #header.selected{        background: #fff;}
    
    header .container{/*justify-content: flex-start;*/}
    header .logo{margin-right: auto;}
    header .logo img { height: 13px; margin:0;}
    header .menu a{font-size: 16px;}
    
    
    header .menu1, header .menu2, header .menu3{font-size: 18px; margin:0;}
    
    
    .main {padding: 15px 0px 0;}
    .main .box1{margin:0 auto 40px;}
    .main .box1 .text1 { font-size: 16px;  line-height: 20px;}
    .main .box1 .text2 { font-size: 10px; line-height: 15px;margin: 15px 0 45px;}
    .main .box2 .con{white-space: nowrap;  overflow-x: scroll;        padding: 0 0 20px 0}
    .main .box2 .title{font-size: 18px;}
    .main .box2 .con .in_box .in_title{font-size: 18px;}
    .main .box2 .con .in_box .in_text { font-size: 12px;   line-height: 23px;}
    .main .box2 .con .in_box2 {  margin: 0 0 0 55px;}
    .main .box2 .con .in_box3 {  margin: 0 0 0 55px;}
    .main .box2 .con .in_box4 {  margin: 0 0 0 55px;}
    .main .box5 .project .accordion-container{    margin: 20px auto 50px;}
    
    .main_slide{padding:35px  15px 10px 15px; margin:0px 0 0 0;}
    .main_slide .swiper_mainsl .slide-inner:before{padding-bottom: 132.5%;}
    .main_slide .swiper-pagination-bullet{width: 10px; height: 10px;}
    .main_slide .swiper-pagination-bullet-active{background: #000;}
    .swiper_text_page { font-size: 55px; padding:50px 0}
    
    .main .box3{ white-space: nowrap; overflow-x: scroll;}
    .main .box3::-webkit-scrollbar {
        width: 0px; height: 0;
        }
    .main .box3 .in_box{width: 210%;}
    
    .box_client { margin: 45px 0 0 0;}
    .box_client .title{font-size: 24px;}
    .box_client .text1{font-size: 16px; margin:10px 0 15px;}
    .box_client .text2{        font-size: 10px;  line-height: 15px;}
    .box_client .swiper_slide_client .slide-inner:before{    padding-bottom: 132.5%;}
    .box_client .swiper_slide_client .slide-inner iframe{}
    .box_client .swiper_slide_client{margin: 10px 0 75px 0;}
    .box_client .swiper_slide_client .swiper-button-next:after, .box_client .swiper_slide_client .swiper-button-prev:after{font-size: 16px;}
    .box_client .swiper_slide_client .swiper-button-prev{left: 10px;}
    .box_client .swiper_slide_client .swiper-button-next{right: 10px;}
    
    .main .box4 {  margin: 60px auto 80px}
    .main .box4 .title{font-size: 18px;    margin: 0 0 15px 0;}
    .main .box4 .text {  font-size: 24px;  line-height: 28px;}
    
    .main .box5 .title{font-size: 18px;    margin: 0 0 15px 0;}
    .main .box5 .con li{font-size: 24px; line-height: 34px;}
    .main .box5 .con .ban{ width: 45%; left: 55%;}
    .main .box5 .con .ban img{width:100%;}
    
    .contact { font-size: 18px;  line-height: 26px;  margin: 75px 0 0 0}
    
    .info .box1 {margin:0 auto 50px;}
    .info .box1 ul{display: block;}
    .info .box1 li:nth-child(1){padding: 0}
    .info .box1 li:nth-child(2){padding: 0}
    
    .info .box1 .text1 { font-size: 14px;  line-height: 20px;margin: 0px 0 25px 0;}
    .info .box1 .text2 { font-size: 10px; line-height: 15px;margin: 0px 0 25px;}
    
    .info .box2 .text3 .in_text1{font-size: 16px;  line-height: 20px;}
    .info .box2 .text3 .in_text2{font-size: 16px;  line-height: 20px;}
    .info .box2 .text3 .in_text3{font-size: 16px;  line-height: 20px;}
    
    .info .box3 {  margin: 90px auto;}
    .info .box3 ul{display: block;width: 90%;}
    .info .box3 .text2{font-size: 16px; line-height: 20px; margin: 10px 0 15px;}
    .info .box3 .text3{font-size: 10px; line-height: 15px;}
    .info .box4 .con{white-space: nowrap;  overflow-x: scroll;        padding: 0 0 20px 0}
    .info .box4 .title{font-size: 18px;}
    .info .box4 .con .in_box .in_title{font-size: 18px;}
    .info .box4 .con .in_box .in_text{        font-size: 12px; line-height: 23px;}
    .info .box4 .con .in_box2{margin: 0 0 0 55px;}
    .info .box4 .con .in_box3{margin: 0 0 0 55px;}
    .info .box4 .con .in_box4{margin: 0 0 0 55px;}
    
    .content-item {
      overflow: hidden; /* ³»¿ëÀ» ¼û±é´Ï´Ù. */
      max-height: 225px; /* ±âº» ³ôÀ̸¦ 200px·Î ¼³Á¤ */
      transition: max-height 0.3s ease-in-out; /* ÆîÃÄÁú ¶§ ¾Ö´Ï¸ÞÀÌ¼Ç È¿°ú */
    }

    .content-item.expanded {
      max-height: 1000px; /* ÆîÃÄÁö¸é ÃÖ´ë ³ôÀ̸¦ Áõ°¡½ÃÄѼ­ ³»¿ëÀÌ ´Ù º¸ÀÌ°Ô ÇÕ´Ï´Ù. */
    }

    .moreButton {
      color: white;
      padding: 20px 0 50px 0;
      border: none;
      cursor: pointer;
        display: block;
                text-decoration: underline;
    }
    

    
    
    .project .accordion{font-size: 28px; line-height: 38px;}
    .project .swiper_slide_project .slide-inner:before{padding-bottom: 132.5%;}
    .project .swiper_slide_project .swiper-button-next:after, .project .swiper_slide_project .swiper-button-prev:after{font-size: 16px;}
    .project .swiper_slide_project .swiper-button-prev{left: 10px;}
    .project .swiper_slide_project .swiper-button-next{right: 10px;}
    
    footer{margin: 70px 0 0 0;}
    footer .text {  font-size: 16px;}
    
    
    .sub_page #header.selected{background:#000;} 
    .sub_page .menu-container{background-color:#000;}

    

    
}

/* ¹Ìµð¾î Äõ¸®: È­¸é Å©±â°¡ 480px ÀÌÇÏÀÏ ¶§ */
@media (max-width: 480px) {
   
}