#main{position: relative; }
#section1{overflow: hidden;}
.msec1{position: relative;}
.msec1 .swiper-slide{overflow:hidden}
.msec1 .swiper-slide .slogan{position:absolute; z-index:10; top:40%; left:50%; transform: translateX(-50%); width:100%; padding:0 2rem; max-width:var(--container); }
.msec1 .swiper-slide .slogan p{color:#fff; font-weight: bold; position: relative; text-shadow: 0 0 0.5rem rgba(0,0,0,0.1);}
.msec1 .swiper-slide .slogan .text1{top:0; opacity:0; font-size:6.5rem; font-family: var(--font-eng); font-weight: 800; transition:0.5s 0.5s}
.msec1 .swiper-slide .slogan .text2{top:10px;opacity:0; filter: blur(10px); font-size:2.4rem;  transition:0.5s 1s}
.msec1 .swiper-slide .slogan .text3{top:10px;opacity:0; filter: blur(10px); font-size:2rem;  transition:0.5s 1s}


.msec1 .swiper-slide .bg{transform:scale(1.1);transition:10s; height:100vh; position: relative;}
.msec1 .swiper-slide .bg::before{content: ''; width: 100%; height: 100%; background: rgba(0,0,0,0.3); position: absolute; top: 0; left: 0;}
.msec1 .swiper-slide .bg img{width:100%; height: 100%; object-fit: cover;}

.msec1 .swiper-slide-active .bg{transform:scale(1)}
.msec1 .swiper-slide-active .slogan .text1{top:0;opacity:1; letter-spacing:normal;}
.msec1 .swiper-slide-active .slogan .text2{top:0;opacity:1; filter:blur(0)}
.msec1 .swiper-slide-active .slogan .text3{top:0;opacity:1; filter:blur(0)}


/*swiper*/
.msec1 .swiper-button-prev,
.msec1 .swiper-button-next{width: 5rem; height: 5rem; color:#fff; background: none; bottom:10rem; top:auto; font-size: 5rem; }

.msec1 .swiper-button-prev{left:auto; left: calc(80% - 5rem); }
.msec1 .swiper-button-next{left:auto;  left: 80%; right:0}
.msec1 .swiper-pagination{max-width:var(--container); font-weight: bold; padding:0 2rem; color:#fff; text-align: left; position: absolute; left: 50%; transform: translate(-50%);  bottom: 10rem;}

.msec1 .swiper-progress-bar {position:  absolute; left: 50%; transform: translate(-50%);; width:100%; max-width: var(--container); display: block; z-index: 1; height:.5rem; }
.msec1 .swiper-progress-bar .slide_progress-bar {position: absolute; height: .3rem; background:#fff; width:50rem; clear: both; opacity:1; bottom: 15rem; left: 50%; transform: translateX(-50%); right: 0; }
.msec1 .swiper-progress-bar .slide_progress-bar:after {position: absolute; top: 0; left: 0; background:var(--sub_color); height: 100%; width: 0; content: ""; transition: 0.1s width linear;}
.msec1 .swiper-progress-bar.active .slide_progress-bar {opacity: 1;}
.msec1 .swiper-progress-bar.animate .slide_progress-bar:after {transition: width linear;transition-delay: unset; width: 100%; transition-duration: 5s;}


/* pagenation */

/*.msec1 .swiper-pagination-bullet{opacity: 0.5; width: 15px; height: 15px; background: #fff; box-shadow: 0px 0px 3px #fff; }
.msec1 .swiper-pagination-bullet-active{background:#fff; opacity: 1;}
*/


.msec1 .swiper-pagination-bullet {
    background: transparent; width: 4rem; height: 4rem;
  }
  .msec1 .swiper-pagination-bullet-active .path {
    display: inline-block !important;
    stroke-dasharray: 1000;
    stroke-dashoffset: 0;
    -webkit-animation: dash linear 120s;
            animation: dash linear 120s;
    -webkit-animation-iteration-count: unset;
            animation-iteration-count: unset;
  }
  .path {
    display: none;
  }
  @-webkit-keyframes dash {
    from {
      stroke-dashoffset: 1000;
    }
    to {
      stroke-dashoffset: 0;
    }
  }
  @keyframes dash {
    from {
      stroke-dashoffset: 1000;
    }
    to {
      stroke-dashoffset: 0;
    }
  }


/*메인공통*/
section.section{padding: var(--mb) 0; position: relative;}
.tit_h2{color: var(--main_color); font-family: var(--font-eng); text-transform: uppercase; font-weight: 600; font-size: 1.2em; display: flex; align-items: center;}
.tit_h2:after{content:''; display: block; width: 90px; height: 2px; background: var(--main_color); margin-left: 20px;}

@media all and (min-width:768px) {
.tit_h2{font-size: 1.4em;}
}


@media all and (min-width:1280px) {
.tit_h2{font-size: 1.6em;}
}



/* 슬라이드 */
.Mainslider { position: relative; margin-top: 50px; background: #214a81;} 
.Mainslider .list > li { width: 100%; background: 000;}

.Mainslider .ms_info{padding:7rem 2.5rem ; color: #fff; max-width: 1600px; margin: 0 auto; min-height: 710px;}
.Mainslider .ms_info:before{content:''; width:100%; position:absolute; top:0; left:0; right:0; height:100%; background:linear-gradient(180deg, rgba(139,150,179,0.5) 0%, rgba(139,150,179,0.1) 100%); z-index:-1}

.Mainslider .ms_info h2{font-family: var(--font-eng); font-weight: 700; text-transform: uppercase;}
.Mainslider .ms_info h2 .txt{font-weight: 400; display: block; font-size: 1.2em; margin-bottom: 2rem;}
.Mainslider .ms_info h2 em{font-weight: 700; font-size: 4.5em; line-height: 100%; margin-bottom: 2rem; display: block; color: var(--main_color);}
.Mainslider .ms_info h2 em span{display: block; color: #fff; font-size: 0.65em; line-height: 100%;}

.Mainslider .swiper-slide{background-size: cover !important; background-position: 80% top !important;}
.Mainslider .swiper-slide.main01{background: url(../images/main/main01.jpg) no-repeat;}
.Mainslider .swiper-slide.main02{background: url(../images/main/main02.jpg) no-repeat;}
.Mainslider .swiper-slide.main03{background: url(../images/main/main03.jpg) no-repeat;}
.Mainslider .swiper-slide.main04{background: url(../images/main/main04.jpg) no-repeat;}
.Mainslider .swiper-slide.main05{background: url(../images/main/main05.jpg) no-repeat;}

/* 슬라이드 타이틀 */
.Mainslider .slide_tit {width: 100%; min-width: 320px; max-width: 100%; display: flex; position: absolute; bottom: 5rem; left: 50%; z-index: 10; transform: translate(-50%,0); padding: 0 2.5rem; justify-content: space-between; } 
.Mainslider .slide_tit > li { display: flex; /*flex:1 1 0;*/ justify-content: center; align-items: center; position: relative; width: auto; height: 40px; margin: 0!important; margin: 0; border-radius: 0; font-size: 0.8em; font-family: var(--font-eng); background: none; color:#fff; opacity: 0.8; white-space: nowrap; text-transform: uppercase; font-weight: 500;} 
.Mainslider .slide_tit > li.swiper-pagination-bullet-active {opacity: 1;} 
.Mainslider .slide_tit > li .bar { position: absolute; bottom: 0; left: 0; width:0; height: 2px; background: #fff; } 

.Mainslider .slide_tit > li i{display: block;font-family: var(--font);}
.Mainslider .slide_tit > li.swiper-pagination-bullet-active{font-weight: 700;}
.Mainslider .slide_tit > li.swiper-pagination-bullet-active .bar { animation-name: countingBar; animation-duration: 3s; animation-timing-function: linear; animation-fill-mode:forwards; } 

@keyframes countingBar {
    0% { width: 0; } 
    100% { width:100%; } 


    
}

@media all and (min-width:360px) {
.Mainslider .slide_tit{max-width: 500px;}
.Mainslider .slide_tit > li{font-size: 1em}

}

@media all and (min-width:420px) {
.Mainslider .ms_info h2 em{font-size: 5em;}
.Mainslider .ms_info{min-height: 740px;}
}

@media all and (min-width:768px) {

.Mainslider .slide_tit{max-width: 60%;}
.Mainslider .slide_tit > li{font-size: 1.2em;}

.Mainslider .ms_info{padding:10rem 5% 22rem; font-size: 1.2em;}


.Mainslider .slide_tit{bottom: 9rem;}


}



@media all and (min-width:1280px) {

.Mainslider{margin-top: 90px;}

.Mainslider .ms_info{padding:12rem 5% 22rem;}
.Mainslider .ms_info{ font-size: 1.3em;}
.Mainslider .ms_info h2 em{font-size: 7em; line-height: 95%;}

.Mainslider .slide_tit{max-width: 50%;}
.Mainslider .slide_tit > li{font-size: 1.4em;}

.Mainslider .swiper-slide{background-position: center center !important;}
.Mainslider .ms_info:before{content:''; width:100%; position:absolute; top:0; left:0; right:0; height:100%; background:linear-gradient(80deg, rgba(139,150,179,0.5) 0%, rgba(139,150,179,0.0) 70%); z-index:-1}
}


/* 슬라이드 버튼, 페이지 번호 */
.Mainslider .control { display:none;  justify-content: center; align-items: center; position: absolute; bottom: 100px; width: 120px; height: 30px; background-color: rgb(0, 0, 0, 0.3); border-radius:15px; z-index: 100; } 
.Mainslider .control .btn { display: flex; align-items: center; font-size: 16px; font-weight: 400; letter-spacing:-0.025em; color: #fff; cursor: pointer; } 
.Mainslider .control .num { margin: 0 7px; font-size: 16px; font-weight: 300; letter-spacing:-0.025em; color: #fff; } 



/*  section02 제품 안내 */

.section02 .inner{max-width: 1800px;}
.section02 h2.tit_h2{display: none;}

.swiper-wrapper{-webkit-transition-timing-function:linear!important; transition-timing-function:linear!important; }/*swiper 작동중 끊김현상 방지*/

.mainProduct{position: relative; padding-bottom: 80px;}
.mainProduct .product_tit{position: relative;}
.mainProduct .product_tit h3{font-family: var(--font-eng); font-weight: 600; text-transform: uppercase; margin-bottom: 30px;}
.mainProduct .product_tit h3 span{font-size: 4.5em; font-weight: 700; line-height: 90%; display: block; margin-top: 30px;}
.mainProduct .product_tit h3 span i.arrow:before{font-family: var(--icon); content:'\f8ce'; display: inline-block; font-size: 0.7em;}
.mainProduct .product_tit ul.dot_li{font-size: 0.85em; display: flex; flex-wrap: wrap; display: none;}
.mainProduct .product_tit ul.dot_li li{width: 50%; margin-bottom: 10px; color: var(--gray);}


.pSlider .pSlider_list{position: relative;}
.pSlider .pSlider_list li{background-size: cover !important; transition: 0.2s;}
.pSlider .pSlider_list li{background: url(../images/main/p_off.png) no-repeat center center; }
.pSlider .pSlider_list li.swiper-slide-active{background: url(../images/main/p_on.png) no-repeat center center;}




.pSlider .slider_btn{display: flex; justify-content: end; align-items: center; margin-top: 30px; position: absolute; right: 0; bottom: 0;}
.pSlider .slider_btn .btn{text-indent: -99999999999px; width: 50px; height: 50px; display: flex; justify-content: center; align-items: center; cursor: pointer;}
.pSlider .slider_btn .btn:before{font-family: var(--icon); content:'\e2ea'; text-indent: 0;}
.pSlider .slider_btn .btn.btn_next:before{content:'\e5e1'; }






.product_slide dl dt{font-size: 2rem; margin-bottom: 0;}

.product_slide{position: relative; overflow: hidden;}
.product_slide .inner{overflow: hidden; padding: 0;}

.product_slide dl {position: absolute; bottom: 0; left: 0; padding: 20px; color: #fff;}
.product_slide dl dt{font-weight: 700; font-family: var(--font-eng); font-size: 2em; text-transform: uppercase; }
.product_slide dl dt span{display: block; font-size:2.8rem ; margin-bottom: 2rem;}
.product_slide dl dd span{display: block; font-weight: bold; font-size: 3.8rem;}




/*제품탭*/
.product_slide .swiper-pagination{display: flex;  position: relative;  bottom: auto; left: auto; margin-bottom: 50px;}
.product_slide .swiper-pagination-bullet{opacity: .7; flex:1; width: auto; height: auto; margin:0; background: none; font-weight: bold; border-radius: 0; padding-bottom: 1rem; font-size: 0.7em;}
.product_slide .swiper-pagination-bullet-active{opacity: 1; border-bottom:3px solid var(--main_color)}

@media all and (min-width:768px) {
.mainProduct .product_tit{display: flex; gap: 5%; align-items: flex-start}
.mainProduct .product_tit h3{width: 45%;}
.mainProduct .product_tit h3 span{font-size: 5.5em; }
.mainProduct .product_tit ul.dot_li{display: flex; margin-top: 70px; width: 50%;}
.product_slide dl{padding: 30px;}
.mainProduct .product_tit ul.dot_li.long li{width: 100%;}


.product_slide .swiper-pagination{justify-content: center; align-items: center;}
.product_slide .swiper-pagination-bullet{width: 80px; height: 80px; border-radius: 500px; flex: none; border: 3px solid transparent; position: relative; padding: 0;}
.product_slide .swiper-pagination-bullet-active{border-color: var(--main_color);}
.product_slide .swiper-pagination-bullet span{position: absolute; text-align: center; width: 100%; left: 0; right: 0; padding-top: 65%; }
.product_slide .swiper-pagination-bullet span:before{content:''; background-size: 55px !important; position: absolute; left: 0; bottom: 20px; right: 0; top: 5px;}
.product_slide .swiper-pagination-bullet span.t0:before{background: url(../images/common/tab_bg0.png) no-repeat center top}
.product_slide .swiper-pagination-bullet span.t1:before{background: url(../images/common/tab_bg1.png) no-repeat center top}
.product_slide .swiper-pagination-bullet span.t2:before{background: url(../images/common/tab_bg2.png) no-repeat center top}
.product_slide .swiper-pagination-bullet span.t3:before{background: url(../images/common/tab_bg3.png) no-repeat center top}
.product_slide .swiper-pagination-bullet span.t4:before{background: url(../images/common/tab_bg4.png) no-repeat center top}
.product_slide .swiper-pagination-bullet span.t5:before{background: url(../images/common/tab_bg5.png) no-repeat center top}
.product_slide .swiper-pagination-bullet span.t6:before{background: url(../images/common/tab_bg6.png) no-repeat center top}


}



@media all and (min-width:768px) {
.pSlider .pSlider_list li.swiper-slide-next{ transition: 0.2s;}
}




@media all and (min-width:1280px) {


.section02 h2.tit_h2{display: flex; position: absolute; top: 40px; left: 2.5rem;}

.mainProduct{display: flex;  gap: 3%; min-height: 650px;}

.mainProduct .product_tit{width: 30%; display: block;}
.mainProduct .pSlider{width: 67%; margin-top: 80px;}

.pSlider .pSlider_list li.swiper-slide-next{margin-top: 80px;}


.mainProduct .product_tit h3{font-size: 1.2em; width: 100%;}

.mainProduct .product_tit h3 span i.arrow:before{font-size: 0.5em; position: relative; top: -20px;}

.mainProduct .product_tit ul.dot_li{width: 100%;}
.mainProduct .product_tit ul.dot_li li{margin-bottom: 20px; font-weight: 500;}



.product_slide .swiper-pagination-bullet{width: 100px; height: 100px; font-size: 0.85em;}
.product_slide .swiper-pagination-bullet span:before{content:''; background-size: 65px !important; bottom: 30px;  top: 10px;}

.product_slide .swiper-pagination{justify-content:space-between; width: 67%; margin-left: 33%;}


}



@media all and (min-width:1600px) {

.mainProduct .product_tit h3 span{font-size: 6.5em;}
.product_slide .swiper-pagination-bullet{width: 120px; height: 120px; }

}


@media all and (min-width:1800px) {
.mainProduct .product_tit{padding-left: 90px;}
.section02 h2.tit_h2{left: calc(90px + 2.5rem);}
section.section02{padding-bottom: 100px;}

}



/*파도*/
.wave_box{position:absolute; bottom:0px; left:0; right:0; z-index:0}
.waves { position:relative;  width: 100%;  height:15vh;  margin-bottom:-7px; /*Fix for safari gap*/  min-height:100px;  max-height:200px;}

.parallax > use {  animation: move-forever 25s cubic-bezier(.55,.5,.45,.5)     infinite;}
.parallax > use:nth-child(1) {  animation-delay: -4s;  animation-duration: 10s;}
.parallax > use:nth-child(2) {  animation-delay: -10s;  animation-duration: 15s;}
.parallax > use:nth-child(3) {  animation-delay: -8s;  animation-duration: 20s;}
.parallax > use:nth-child(4) {  animation-delay: -5s;  animation-duration: 20s;}


@media all and (min-width:768px) {
.waves { position:relative;  width: 100%;  height:25vh;}

}

@media all and (min-width:1200px) {
.wave_box{bottom: 0%;}
.waves {  height:50vh; }

}



@keyframes move-forever {
0% {
   transform: translate3d(-90px,0,0); fill:transparent; stroke-width: 0.1;
  }
  100% { 
    transform: translate3d(85px,0,0); fill:transparent; stroke-width: 0.4;
  }
}





/*제품검색*/
input.inputTxt{letter-spacing: -0.045em; padding: 1.5rem; outline:none}
input.inputTxt[type=text]:focus{box-shadow: none; border-color: var(--main_color) !important; border-width: 0 0 1px 0px !important;}
button.btn_common{ padding: 1.5rem; }

.section03{background:var(--gray); color: #fff; max-width: 1800px; margin: 0 auto; padding: 50px 0 !important; padding-bottom: 200px !important; position: relative;}
.section03:after{content:''; width: 100%; height: 40%; background: url(../images/main/search_bg.png) no-repeat top center; position: absolute; bottom: 0; background-size: auto 100%;}
.mscrhWrap .search_info {position: relative; margin-bottom: 20px;}
.mscrhWrap .search_info .tit_h2{color:#fff; margin-bottom: 20px;}
.mscrhWrap .search_info .tit_h2:after{background:#fff;}
.mscrhWrap .search_info h3{font-size: 1.4em; margin-bottom: 20px;}
.mscrhWrap .search_form{position: relative;}

.mscrhWrap .srcBox{position: relative; display: flex; justify-content: space-between; align-items: end; gap: 1%;}
.mscrhWrap .srcBox .inputTxt{border: 0; border-bottom: 1px solid #fff; background: none; color: #fff; padding: 1.5rem 0 ; width: 100%; }
.mscrhWrap .srcBox .btnMsrch{position: relative; background: none; border: 1px solid #fff; font-family: var(--font-eng); color: #fff; text-transform: uppercase; font-weight: 600; display: flex; align-items: center; justify-content: space-between; min-width: 85px; width: 30%; max-width: 120px;}
.mscrhWrap .srcBox .btnMsrch:after{content:'\e8b6'; font-family: var(--icon); margin-left: 5px; font-weight: normal;}


@media all and (min-width:768px) {
.section03 {padding: 50px 0  60px!important;}
.section03 .mscrhWrap{width: 50%; margin: 0;}
.section03:after{width: 45%; right: 2rem; height: 60%;}
}


@media all and (min-width:1200px) {
.section03 .mscrhWrap{display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-end; width: 55%;}
.mscrhWrap .search_info{margin-bottom: 0;}
.section03:after{height: 100%; right: 0;}
.mscrhWrap .srcBox .btnMsrch{font-size: 1.1em;}

}

@media all and (min-width:1400px) {
.mscrhWrap .search_form{width: 60%;}

}

/*회사소개*/
.company_info{position: relative; display: flex; flex-wrap: wrap;}
.company_info .box {padding:3rem 2.5rem; color: #fff; width: 100%;}
.company_info .box h3{font-family: var(--font-eng); text-transform: uppercase; font-weight: 600; margin-bottom: 15px; font-size: 1.8em; line-height: 100%;}
.company_info .box h3 b{font-weight: 700;}
.company_info .box p{font-size: 1.0em; margin-bottom: 20px; word-break: keep-all;}
.company_info .box ul{display: flex; gap: 2rem;}
.company_info .box ul li a{display: block; padding-bottom: 1.5rem; border-bottom: 2px solid var(--gray); font-size: 0.9em; font-weight: 600; color: #fff; border-color: #fff;}







.company_info .cominfo{background: url(../images/main/company_bg.jpg) no-repeat center top; background-size: cover !important; padding-bottom: 250px; }



.company_info .global{border: 1px solid var(--bdColor); background: url(../images/main/global_bg.png) no-repeat center bottom; background-size: 100%;  color: #323232;}

.company_info .global h3{color: var(--sub_color);}
.company_info .global ul li a{color: #323232; border-color: var(--gray);}


.company_info .recruit{background: url(../images/main/recruit_bg.jpg) no-repeat center top; background-size: cover !important;}



@media all and (min-width:640px) {
.company_info {align-items: stretch;}
.company_info .cominfo,
.company_info .cominfo_right{width: 50%;}
.company_info .global,
.company_info .recruit{height: 50%;}
.company_info .global{background-position: right top;}
.company_info .cominfo{padding-bottom: 300px;}

}


@media all and (min-width:1024px) {

.company_info .box{padding: 3rem }
.company_info .cominfo{padding-bottom: 300px;}
.company_info .global{background-size: 380px;}
}


@media all and (min-width:1400px) {
.company_info .box h3{font-size: 3em; margin-bottom: 20px;}
.company_info .box p{margin-bottom: 20px;}
.company_info .cominfo{text-align: right;}
.company_info .box{padding: 4.5rem }
.company_info .cominfo{padding-bottom: 400px;}
.company_info .cominfo ul{justify-content: flex-end;}
}


/*위딘스토리*/
section.section05{padding-top: 0;}
section.section05 .tit_h2{margin-bottom: 30px;}
.tit_h3{font-family: var(--font-eng); text-transform: uppercase; font-weight: 700; font-size: 4.5em; line-height: 90%; margin-bottom: 50px;}

.btn_linebox{display: flex; justify-content: center; align-items: center; margin-top: 30px;}
.btn_linebox a.btn_line{display: inline-block; border: 1px solid var(--main_color); padding: 2rem; color: var(--main_color); font-size: 0.8em; font-weight: 600; display: flex; align-items: center;}
.btn_linebox a.btn_line:after{font-family: var(--icon); content: '\e315'; margin-left: 30px;}


.news_list{margin-bottom: 50px;}
.news_box{position:relative; }
.news_box .photo{overflow:hidden; padding-bottom:70%; position:relative;}
.news_box .photo img {position:relative; transition: transform 0.5s ease; width:100%; position:absolute; left:0; right:0; top:0; bottom:0;} 
.news_box:hover .photo img {transform: scale(1.1);}
.news_box dl{position:relative; background:#fff; padding:20px 0px}
.news_box dl dt {margin-bottom:20px; font-weight:600; font-size:1.2em; word-break:break-all;text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.news_box dl dd{margin-bottom: 20px; display:block; display:-webkit-box;
-webkit-line-clamp: 2; /* 라인수 */
-webkit-box-orient: vertical;
word-wrap:break-word; 
line-height: 1.4;
height: 2.8em;
overflow:hidden;
text-overflow:ellipsis;
white-space:normal;
word-break:break-all;}
.news_box dl dd.date{font-size: 0.8em;}

.exhibition_info{position: relative; max-width: 400px; margin: 0 auto;}
.exhibition_info h4{background: var(--main_color); position: relative; margin-bottom: -30px; padding: 1rem 4rem 1rem 2rem; display:inline-block; color:#fff; font-size: 1.4em; text-transform: uppercase; z-index: 1; font-family: var(--font-eng);}
.exhibition_info .photo{overflow:hidden; padding-bottom:70%; position:relative;}
.exhibition_info .photo img {position:relative; transition: transform 0.5s ease; width:100%; position:absolute; left:0; right:0; top:0; bottom:0;} 
.exhibition_info:hover .photo img {transform: scale(1.1);}

.exhibition_info dl{position:relative; background:#fff; padding:20px 0px}
.exhibition_info dl dt {margin-bottom:20px; font-weight:600; font-size:1.2em; word-break:break-all; padding-left: 75px; position: relative; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.exhibition_info dl dt span{width: 60px; height: 24px; line-height: 24px; background: var(--main_color); border: 1px solid var(--main_color); position: absolute; left: 0; top: 0px; color: #fff; text-align: center; font-size: 12px;}
.exhibition_info dl dt span.end{background: var(--monoGray); border-color: var(--monoGray);}
.exhibition_info dl dt span.ing{color: var(--sub_color); border-color: var(--sub_color); color: #fff;}
.exhibition_info dl dt span.ready{color: var(--main_color); border-color: var(--main_color); background: none;}
.exhibition_info dl dd{ display:block; display:-webkit-box;
-webkit-line-clamp: 2; /* 라인수 */
-webkit-box-orient: vertical;
word-wrap:break-word; 
line-height: 1.4;
height: 2.8em;
overflow:hidden;
text-overflow:ellipsis;
white-space:normal;
word-break:break-all;}

@media all and (min-width:768px) {
.tit_h3{font-size: 5.5em;}

.exhibition_info{max-width: 100%;}
.exhibition_info .exhibition_box{display: flex; flex-wrap: wrap; gap: 4%; align-items: flex-end;}
.exhibition_info .photo{padding-bottom: 32%;}
.exhibition_info .photo,
.exhibition_info dl{width: 48%;}
}

@media all and (min-width:1024px) {
section.section05 .inner{display: flex; flex-wrap: wrap; gap: 3%;}
section.section05 h2,section.section05 h3{width: 100%;}

.news_list{width: calc(97% - 420px); overflow: hidden; margin-bottom: 0;}
.exhibition_info{width: 420px;}

.banner_slide.inner{padding: 0;}

.exhibition_info { margin-top: -100px;}
.exhibition_info .exhibition_box{display: block;}
.exhibition_info .photo,
.exhibition_info dl{width: 100%;}
.exhibition_info .photo{padding-bottom: 70%;}

.btn_linebox{justify-content: flex-end;}

.exhibition_info .btn_linebox{position: absolute; bottom: 0; right: 0;}

}



@media all and (min-width:1800px) {
.tit_h3{font-size: 8em;}
.news_list{overflow: hidden;}
.exhibition_info h4{font-size: 1.8em; padding-right: 8rem;}
.exhibition_info { margin-top: -180px;}
section.section05 .inner{gap: 5%}
.news_list{width: calc(95% - 500px); overflow: hidden; margin-bottom: 0;}
.exhibition_info{width: 500px;}

.exhibition_info:before{content:''; width: 1px; height: 100%; left: -7.5%; background: var(--bdColor); position: absolute; top: 0; bottom: 0;}

}