@charset "UTF-8"; /*main*/
/*메인 상단 이동하는 마키태크  현재 주석처리*/
.top_banner{ background-color: #B38E61;}
.top_banner .inner{display: flex; align-items: center;width: 1350px; gap: 10px;height: 80px;margin: 0 auto; color: #fff;}
.top_banner .inner > p{position: relative;width: 100px;background: url(../../images/eng/main/icon_g.png) no-repeat left center;padding-left: 20px;}
.top_banner .inner > p::after{content: ""; position: absolute; top: 0; right: 0;width: 1px; height: 25px ;display: block; background: #fff;}
.top_banner .btn_box{width: 135px;display: flex; gap: 5px;}
.top_banner .btn_box a{display: block;height: 30px;border-radius: 3px;}
.top_banner .btn_box .button-prev,
.top_banner .btn_box .button-next{min-width: 30px;padding: 5px;background-image: url(../../images/eng/main/icon_tops.png);background-repeat: no-repeat;vertical-align: middle;background-color: #ffffff46; border: 1px solid #ffffffb2;}
.top_banner .btn_box .button-prev{background-position: 10px 7px;}
.top_banner .btn_box .button-next{background-position: -18px 7px;}
.top_banner .btn_box .button-close{position: relative;padding: 0 5px 0 25px;min-width: 70px;background-color: #846540;border: 1px solid #77562e;}
.top_banner .btn_box .button-close::before{content: ""; position: absolute; top: 0; left: 0;width: 20px; height: 20px ;display: block; background-image: url(../../images/eng/main/icon_tops.png);background-repeat: no-repeat;background-position: -52px 7px;}
.top_slider{position:relative;width: calc(100% - 235px) ; padding: 0 10px;overflow: hidden;}
.top_slider p:hover {-moz-animation-play-state: paused;-webkit-animation-play-state: paused;animation-play-state: paused;}
.top_slider p:after {content:"";white-space:nowrap;padding-right:50px;}
.top_slider p {letter-spacing: 0.5px;display:inline-block;white-space:nowrap;-webkit-animation-name:marquee;-webkit-animation-timing-function:linear;-webkit-animation-duration:200s;-webkit-animation-iteration-count:infinite;-moz-animation-name:marquee;-moz-animation-timing-function:linear;-moz-animation-duration:200s;-moz-animation-iteration-count:infinite;-ms-animation-name:marquee;-ms-animation-timing-function:linear;-ms-animation-duration:200s;-ms-animation-iteration-count:infinite;-o-animation-name:marquee;-o-animation-timing-function:linear;-o-animation-duration:200s;-o-animation-iteration-count:infinite;animation-name:marquee;animation-timing-function:linear;animation-duration:200s;animation-iteration-count:infinite;
}
@-webkit-keyframes marquee {
  from   { -webkit-transform: translate(0%);}
  99%,to { -webkit-transform: translate(-100%);}
}
@-moz-keyframes marquee {
  from   { -moz-transform: translate(0%);}
  99%,to { -moz-transform: translate(-100%);}
}
@-ms-keyframes marquee {
  from   { -ms-transform: translate(0%);}
  99%,to { -ms-transform: translate(-100%);}
}
@-o-keyframes marquee {
  from   { -o-transform: translate(0%);}
  99%,to { -o-transform: translate(-100%);}
}
@keyframes marquee {
  from   { transform: translate(0%);}
  99%,to { transform: translate(-100%);}
}
@media screen and (max-width:1350px){
  .top_banner .inner{width: 100%;padding: 0 20px;}
  .top_banner .btn_box .button-close{padding-top: 3px;}
}
/*메인 상단 이동하는 마키태크 */
.main_box01 .top_btxt{position: relative;padding: 10px 50px;width: 100%;}
.main_box01 .top_btxt::before{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #231403;opacity: 0.7;border-bottom:0.1px solid #fff}
.main_box01 .top_btxt p{color: #fcd6a8;font-size: 2.4rem;font-weight: 600;z-index: 1;position: relative;text-align: center;}

section[class^="main_box"] {width: 100%;padding: 25px 0;overflow: hidden;}
section[class^="main_box"] > .inner_box {position: relative;;width: 1350px;margin: 0 auto;}
section[class^="main_box"] h3 {font-size: 2.6rem;font-weight: 600;margin-bottom: 20px;color: #333;}
section .box_data h3{margin-bottom: 12px;color: #fff;}
section .box_data h3::after{content: "";display: inline-block;width: 30px;height: 20px;margin-left: 10px;background-image: url(../../images/eng/main/icon_h3.png);background-repeat: no-repeat;}
section.main_box01 {background: url(../../images/eng/main/main_visual.jpg);height: 570px;padding-top: 0;}
section.main_box03 {background-color: #faf7f4;}
section.main_box01 > .inner_box {display: flex;gap: 30px;margin-top: 20px;}
.main_box01 .box_rr {width: 790px;position: relative;}
.main_box01 .box_rr h3{color: #fff;}
.main_box01 .box_rr .swiper-container.main_slider {margin-top: 55px;}
.main_box01 .box_rr .swiper-wrapper {}
.main_box01 .box_rr .swiper-slide .reports-con {position: relative;display: block;border-radius: 10px;overflow: hidden;}
.main_box01 .box_rr .swiper-slide .reports-con img {width: 100%;height: 100%;object-fit: cover;}
.main_box01 .box_rr .swiper-slide .reports-con .txt {position: absolute;bottom: 0px;left: 0;background: #0000009c;padding: 8px 15px;color: #fff;overflow: hidden;width: 100%;min-height: 90px;}
.main_box01 .box_rr .swiper-slide .reports-con .txt span {line-height: 1;font-size: 1.5rem;}
.main_box01 .box_rr .swiper-slide .reports-con .txt p {line-height: 1.3;font-weight: 500;word-break: keep-all;white-space: normal;display: -webkit-box;width: 100%;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 3;max-height: 58px;font-size: 1.5rem;}
.main_box01 .box_rr .btn_box {position: absolute;top: 0;right: 0;z-index: 1;display: flex;justify-content: center;align-items: center;border: 1px solid #d4d4d4;}
.main_box01 .box_rr .btn_box a {display: block;width: 25px;height: 25px;cursor: pointer;background-color: #fff;border-right: 1px solid #d4d4d4;}
.main_box01 .box_rr .btn_box a:last-child {border-right: 0 none;}
.main_box01 .box_rr .btn_box .swiper-button-prev, .main_box01 .box_rr .btn_box .swiper-button-next {background-image: url(../../images/eng/main/icon_btn.png);}
.main_box01 .box_rr .btn_box .swiper-button-prev {background-position: 0 0;}
.main_box01 .box_rr .btn_box .swiper-button-next {background-position: -50px 0;}
.main_box01 .box_rr .btn_box .js-swiper-play i {display: block;width: 100%;height: 100%;background-image: url(../../images/eng/main/icon_btn.png);}
.main_box01 .box_rr .btn_box .js-swiper-play .xi-pause {background-position: -150px 0 ;}
.main_box01 .box_rr .btn_box .js-swiper-play .xi-play {background-position: -225px 0;}
.main_box01 .box_rr .btn_box .button-plus {background-image: url(../../images/eng/main/icon_btn.png);background-position: -200px 0;}
.main_box01 .box_data {}
.main_box01 .tab_data [role="tablist"]{margin: 0 0 5px 0;}
.main_box01 .tab_data div.automatic [role="tab"] {position: relative;display: inline-block;padding: 5px 4px 0;font-size: 1.3rem;text-transform: uppercase;color: #fff;font-weight: 500;white-space: nowrap;}
.main_box01 .tab_data div.automatic [role="tab"]::before {content: "";display: inline-block;width: 30px;height: 25px;background-image: url(../../images/eng/main/icon_tab.png);background-repeat: no-repeat;}
.main_box01 .tab_data div.automatic [role="tab"]:not(:nth-of-type(1))::after {position: absolute;top: 6px;left: -1px;content: "";display: block;width: 1px;height: 25px;background-color: #a0a0a0;}
.main_box01 .tab_data div.automatic [role="tab"][aria-controls="tabpanel-1"]::before {background-position: 0 0;}
.main_box01 .tab_data div.automatic [role="tab"][aria-controls="tabpanel-2"]::before {background-position: -39px 0;}
.main_box01 .tab_data div.automatic [role="tab"][aria-controls="tabpanel-3"]::before {background-position: -75px 0;}
.main_box01 .tab_data div.automatic [role="tab"][aria-controls="tabpanel-4"]::before {background-position: -111px 0;}
.main_box01 .tab_data div.automatic [role="tab"][aria-selected="true"]::before {background-image: url(../../images/eng/main/icon_tabon.png);}
.main_box01 .tab_data div.automatic [role="tab"][aria-selected="true"] {color: #ffde00;}
.main_box01 .pan_con {display: flex;flex-wrap: wrap;gap: 10px;min-height: 351px;align-items: flex-start;}
.main_box01 .pan_item {flex-basis: 49%;min-width: 49%;border-radius: 10px;padding: 5px 10px;background-color: #fff;}
.main_box01 .pan_item .tit{min-height: 34px;font-size: 1.4rem;font-weight: 600;width: 100%;margin-bottom: 15px;line-height: 1.2; overflow: hidden;white-space: normal;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-break: keep-all;}
.main_box01 .pan_item .ly_bx {display: flex;justify-content: space-between;align-items: center;gap: 10px;padding: 10px ;background-color: #e6e6e6;border-radius: 5px;}
.main_box01 .pan_item .ly_bx p {line-height: 1.4;font-size: 1.4rem;letter-spacing:-1px;min-height: 40px;}
.main_box01 .pan_item .ly_bx span {display: inline-block; padding-right: 10px;font-weight: 600;background-repeat: no-repeat;background-position: 100% 5px;text-wrap: nowrap;}
.main_box01 .pan_item .ly_bx span.up{background-image: url(../../images/eng/main/icon_up.png);color: #ff7200}
.main_box01 .pan_item .ly_bx span.down{background-image: url(../../images/eng/main/icon_down.png);color: #005fa5}
.main_box01 .pan_item .month_bx {display: flex;justify-content: space-between;;align-items: center;}
.main_box01 .pan_item .month-txt {font-size: 1.5rem;font-weight: 600;color: #a0a0a0}
.main_box01 .pan_item .month-txt span {padding-right: 5px;font-size: 3.2rem;font-weight: 500;color: #555;}
.main_box01 .pan_item .month-num {font-size: 2rem;font-weight: 600;color: #222;}
.main_box01 .pan_item .month-num .unitIndex{font-size: 1.6rem;font-weight:400 ;}

.btn_more {display: inline-block;position: relative;position: absolute;top: 0;right: 0;padding: 0px 20px 0px 10px;border: 1px solid #333;border-radius: 30px;font-size: 1.3rem;background-color: #fff;font-weight: 500;}
.btn_more:after {content: "\ea13";position: absolute;top: 1px;right: 3px;display: block;font-family: "remixicon";font-size: 14px;color: #000;}

.main_box02 .news_con{display: grid;grid-template-columns: 430px 287px 287px 286px;grid-template-rows: 310px 310px;row-gap: 0;column-gap: 20px;}
.main_box02 .news_con .news_it{width: 100%;height: 100%;}
.main_box02 .news_con .news_it.news_str{grid-row: 1 / 3;}
.main_box02 .news_con .news_it img{}
.main_box02 .news_con .news_it .img_box{width: 285px;height: 170px; border-radius: 10px; overflow: hidden;}
.main_box02 .news_con .news_it .img_box img{width: 100%;height: 100%; object-fit: cover;}
.main_box02 .news_con .news_it .txt_box{padding: 5px;}
.main_box02 .news_con .news_it .txt_box strong,
.main_box02 .news_con .news_it .txt_box p{overflow: hidden;white-space: normal;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-break: keep-all;}
.main_box02 .news_con .news_it .txt_box strong{font-size: 1.5rem; font-weight: 600;line-height: 1.4;min-height: 42px;}
.main_box02 .news_con .news_it .txt_box p{height: 39px;margin: 5px 0;font-size: 1.5rem; line-height: 1.3;font-weight: 400; color: #555555; }
.main_box02 .news_con .news_it .txt_box span{font-size: 1.5rem; color: #999999}
.main_box02 .news_con .news_str .img_box{width: 430px;height: 300px;}
.main_box02 .news_con .news_str .txt_box strong{font-size: 1.8rem; line-height: 1.5;}
.main_box02 .news_con .news_str .txt_box p{margin: 13px 0;line-height: 1.6;font-size: 1.5rem; -webkit-line-clamp:8;height: 192px;}
.main_box03 .pnbil_con{display: flex;gap: 5%;justify-content: flex-start;}
.main_box03 .pnbil_con li{ flex: 0 1 23%;}
.main_box03 .pnbil_con li .img_box{width: 100%;border-radius: 10px;border: 1px solid #d8d8d8;overflow: hidden;}
.main_box03 .pnbil_con li .img_box img{width: 100%;height: 100%; object-fit: cover;}
.main_box03 .pnbil_con li .img_box + p{overflow: hidden;white-space: normal;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;word-break: keep-all;}
.main_box03 .pnbil_con li {font-size: 1.5rem;font-weight: 500;color: #222;padding-top: 10px;}
.main_box03 .pnbil_con li a{display: block;}
.main_box04{}
.main_box04 h3{background-image: url(../../images/eng/main/img_News.png) ; background-repeat: no-repeat; background-size:100%;width: 250px; height: 30px;}
.main_box04 .main_slider2 .swiper-wrapper{height: 100%;}
.main_box04 .main_slider2.swiper-container{overflow: inherit;}
.main_box04 .main_slider2 .swiper-slide{height: 100%;}
.main_box04 .main_slider2 .img_box{border-radius: 10px; width: 100%;height: 200px;overflow: hidden;background-color: #fff;}
.main_box04 .main_slider2 .img_box img{width: 100%; height: 100%;object-fit: cover;}
.main_box04 .main_slider2 .txt{height: 100%;}
.main_box04 .main_slider2 .txt strong{font-size: 1.6rem; font-weight: 600;word-break: keep-all;}
.main_box04 .main_slider2 .txt p{ margin: 5px 0;font-size: 1.5rem; font-weight: 400;color: #555555;color: #555555; overflow: hidden;white-space: normal;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;word-break: keep-all;}
.main_box04 .main_slider2 .txt span{font-size: 1.4rem; font-weight: 500;color: #999999;}
.main_box04 .swiper-button-prev,
.main_box04 .swiper-button-next{position: absolute; top: 50%; width: 70px; height: 70px;z-index: 100;border-radius: 50px;background-image:url(../../images/eng/main/spritesheet.png) ; background-color: #000000b9; background-repeat: no-repeat;z-index: 1;}
.main_box04 .swiper-button-prev{left: 0;background-position: 11px 11px;}
.main_box04 .swiper-button-next{right: 0; background-position: -40px 11px }

.main_box05{ background-color: #f8f8f8;}
.main_box05 .bot_banner{display: flex;gap: 25px;}
.main_box05 .bot_banner li{display: flex; justify-content: center; align-items: center;background-color: #fff;border-radius: 10px; border: 1px solid #d8d8d8;}
.main_box05 .bot_banner li{width: 380px; height: 90px;overflow: hidden;padding: 10px;}
.main_box05 .bot_banner li a,
.main_box05 .bot_banner li img{display: block;width: 100%; height: 100%;}
.main_box05 .bot_banner li img{object-fit: contain;}


@media screen and (max-width:1600px){
.btn_more{right:20px}
    section[class^="main_box"] > .inner_box {width: 100%;padding: 0 20px;}
    section.main_box01 {height: auto;}
    .main_box01 .box_rr{width: 530px;}
    .main_box01 .box_data{flex-grow: 1;}
    .main_box01 .tab_data div.automatic [role="tab"]:not(:nth-of-type(1))::after{display: none;}
    .main_box01 .pan_con{justify-content: center;}
    .main_box02 .news_con {grid-template-columns: 1.5fr 1fr 1fr 1fr;grid-template-rows: 1fr 1fr;row-gap: 25px;column-gap: 20px;}
    .main_box02 .news_con .news_it .img_box,
    .main_box02 .news_con .news_str .img_box{width: 100%;}
        .main_box03 .pnbil_con li .img_box{width: auto;}
    .main_box04 .main_slider2 .img_box{width: auto;}
}
@media screen and (max-width:1300px){
  .main_box03 .pnbil_con{gap: 3%;}
  }
@media screen and (max-width:1130px){
  section.main_box01 > .inner_box{flex-wrap: wrap;}
  .main_box01 .box_rr{width: 100%;}
  .main_box01 .pan_con{min-height: auto;}
}
@media screen and (max-width:1200px){
.main_box01 .pan_item .tit,
  .main_box01 .pan_item .ly_bx p{min-height: auto;}
    .main_box01 .box_data{width: auto;}
    section[class^="main_box"] h3{margin-bottom: 15px;}
    }
@media screen and (max-width:1024px){
    .btn_more{font-size: 1.5rem;}
    .btn_more:after{top: -1px;}
.main_box01 .tab_data div.automatic [role="tab"]{width:auto;}
.main_box01 .top_btxt{padding:15px}
    .main_box01 .top_btxt p{font-size:2.2rem}
    .main_box01 .box_rr .swiper-slide .reports-con .txt p{max-height: 45px;}
    .main_box02 .news_con {grid-template-columns: 1fr 1fr;grid-template-rows: auto;}
    .main_box02 .news_con .news_it.news_str{grid-row: 1 / 2;grid-column: 1 / 3;}
.main_box02 .news_con .news_it .txt_box p,
    .main_box02 .news_con .news_str .txt_box p{height: auto;}
.main_box02 .news_con .news_it .txt_box strong{min-height: 36px;}
        .main_box04 h3{width: 180px; height: 20px;}
    .main_box05 .bot_banner{flex-wrap: wrap;justify-content: center;gap: 5px;}
    .main_box05 .bot_banner li{width: 49%;height: 60px;}

    }
@media screen and (max-width:790px){
  }
@media screen and (max-width:700px){
  .main_box03 .pnbil_con{gap: 5%;}
    .main_box03 .pnbil_con{flex-wrap: wrap;}
    .main_box03 .pnbil_con li{flex: 0 1 47%;}
}
@media screen and (max-width:570px){
    section.main_box01 {background-position: center;}
    .main_box01 .box_rr .swiper-slide .reports-con .txt p{max-height: 48px;}
    .main_box01 .tab_data div.automatic [role="tab"]{width: 49%;padding:10px 5px;}
    .main_box01 .tab_data div.automatic [role="tab"] span{display: inline-block;width: 100px;text-align: left;}
        .main_box01 .tab_data div.automatic [role="tab"][aria-selected="true"] {border-bottom:2px solid #ffde00;}
    .main_box01 .pan_con{flex-direction: column;}
    .main_box01 .pan_item{min-width: 100%;flex-basis: 100%;}
    .main_box01 .pan_item .tit{margin-bottom: 5px;}
    .main_box03 .pnbil_con{gap: 10px;}
            .main_box04 .main_slider2.swiper-container{margin: 0 50px;}
    .main_box04 .swiper-button-prev,
    .main_box04 .swiper-button-next{ width: 55px; height: 55px;}
    .main_box04 .swiper-button-prev{background-position: 4px 3px;}
    .main_box04 .swiper-button-next{background-position: -46px 3px;}
}
@media screen and (max-width:515px){
        .main_box02 .news_con .news_it .img_box{height: 100px;}
    .main_box02 .news_con .news_str .img_box{height: 200px;}
    
}
@media screen and (max-width:410px){
    .main_box01 .box_rr .swiper-container.main_slider{margin: 0 20px;}
    
}