@charset "utf-8";

/* ===== MAIN TITLE STYLE ===== */
.main_title_wrap {display:flex; color:#fff;}
.main_title_wrap .main_title {font-size:5rem; font-weight:700; line-height:1; flex-shrink:0;}
.main_title_wrap .main_title_desc {font-size:1.8rem;}
.main_title_wrap.row_1 {text-align:center; align-items:flex-end;}
.main_title_wrap.row_1 .main_title_desc {margin-left:1.5rem;}
.main_title_wrap.row_2 {flex-direction:column; align-items:center; justify-content:center; text-align: center;}
.main_title_wrap.row_2 .main_title_desc {margin-top:2rem; line-height:1.555;}



/* ===== FULL PAGE ===== */
#fp-nav { position: fixed; z-index: 8; top:50%; left:5rem; transform:translateY(-50%); margin-top:2rem !important; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); }
#fp-nav ul li {display:flex; align-items:center; margin: 3.5rem 0;}
#fp-nav ul li:last-child {display:none;}
#fp-nav ul li .fp-tooltip {display:none; font-size:1.4rem; color:#fff; font-weight:500; padding:0 1rem;}
#fp-nav ul li a {display:inline-flex; align-items:center;}
#fp-nav ul li a.active + .fp-tooltip {display:block;}
#fp-nav ul li a span {background: #fff; display:inline-block; width: 0.6rem; height: 0.6rem; margin:0; border-radius:50%; opacity:0.5;}
#fp-nav ul li:hover a span {margin:0;}
#fp-nav ul li a.active span {margin:0;}
#fp-nav ul li a.active span {opacity:1;}

.fp-viewing-2:not(.type_white) #fp-nav ul li a span {background-color:#aaa;}
.fp-viewing-2:not(.type_white) #fp-nav ul li a.active span {background-color:#005eb8;}
.fp-viewing-2:not(.type_white) #fp-nav ul li .fp-tooltip {color:#666;}

.fp-viewing-4 #fp-nav ul li a span {background-color:#aaa;}
.fp-viewing-4 #fp-nav ul li a.active span {background-color:#005eb8;}
.fp-viewing-4 #fp-nav ul li .fp-tooltip {color:#666;}

.fp-viewing-5 #fp-nav {display:none;}
.fp-viewing-5 .fullpg_top_btn {opacity:1;}

section:not(.fp-auto-height) .fp-tableCell {display:flex; align-items:center;}

#fullpage > .section:not(.fp-auto-height) {overflow: hidden;}


/* popup */
.pop_area {position: absolute; top: 100px; right: 3%; width: 400px;  background: #fff; border:1px solid #ccc; z-index: 9;  border-radius: 15px;}
.pop_area .btns{text-align:right; height:40px;}
.pop_area .btns a.btn_mo{display:none; }
.pop_area .btns a.btn_close:before {content:""; display: inline-block; ;width: 20px;height: 20px;background:url("../../images/common/ico_close_black.png") no-repeat 0 0 / contain; margin-right: 10px;vertical-align: text-top;margin-top: 10px}
.pop_area .contents > h3 {display:flex; align-items: center; justify-content: center; font-size: 2.2rem; background: #005eb8; color:#fff; font-weight: 600; line-height: 3;    line-height: 1.5;
    height: 9rem;
    text-align: center;
    padding: 0 20px; }
:lang(en) .pop_area .contents > h3 {display:flex; align-items: center; justify-content: center; font-size: 2.2rem; background: #005eb8; color:#fff; font-weight: 600; line-height: 3;    line-height: 1.5;
    height: 11rem;
    text-align: center;
    padding: 0 20px; }

/*:lang(en) .pop_area .contents > p{height:420px;}*/
.pop_area .contents > p {padding:20px 10%;  align-items: center; justify-content: center; font-size: 1.8rem;color: #666; line-height: 1.5;text-align: center;  height: 360px;}
.pop_area .contents > a {position:absolute; bottom:70px; left:50%; width:80%; height:50px; display:flex; align-items: center; justify-content: center; transform: translateX(-50%);font-size: 1.6rem; font-weight: 600; background: #000; color:#fff;}
.pop_area .contents > img {position:absolute; bottom:30px; left:50%; width:auto; display:flex; align-items: center; justify-content: center; transform: translateX(-50%);}
.pop_area .contents p > a {position: relative;display: inline-flex; align-items:center; justify-content:center; width: 100%;height:50px; font-size: 1.6rem;font-weight: 600;background: #000;color:#fff;text-align: center;line-height: 50px;margin: 4px 0;}
.pop_area .contents p > a i{width: 75px;display: inline-flex;align-items:center;justify-content:center;height:100%;}
#pop_area{right:calc(3% + 420px);}
/* #pop_area2 {right:  calc(3% + 840px)} */
#pop_area2 {right: calc(3% + 250px)}

#pop_area3 {right: 3%;}

  .pop_area {
    width: 480px;
    max-width: 100%;
  }

  .pop_area br {
    display: inline !important;
  }

  .pop_area .contents {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .pop_area .contents > h3 {
    width: 100%;
  }

  .pop_area .contents > a {
    position: relative;
    left: auto;
    right: auto;
    top: auto;
    bottom: auto;
    transform: none;
    margin-top: 20px;
  }

  .pop_area .contents > img {
    position: relative;
    left: auto;
    right: auto;
    top: auto;
    bottom: auto;
    transform: none;
    margin: 20px 0;
  }

  .pop_area .contents > p {
    font-size: 1.6rem;
    height: auto;
  }

  .pop_area .wrap {
    display: flex;
    flex-direction: column;
  }

  .pop_area .wrap span {
    text-align: left;
  }

  .pop_area .wrap > span {
    display: flex;
    align-items: flex-start;
  }

  .pop_area .wrap > span span:first-child{
    flex: 0 0 auto;
    margin-right: 0.5ch;
  }

@media all and (max-width: 1760px){
    .pop_area { right: 2%;}
}

@media all and (max-width: 1699px){
    .pop_area { right: 1%;}
}
@media all and (max-width: 1470px){
    .pop_area {top:92px; left:auto; right:10%;/*  height: 35%; */ z-index:8;}
    #pop_area2 {right:auto; left:3%;}
}


@media all and (max-width:767px){
    /* popup */
    .pop_area_wr .pop_area{transform:none;}
    .pop_area {width:100%; overflow:hidden; border-radius:0; border:0; border-bottom:2px solid #fff;}
    .pop_area .contents > h3 {font-size: 2rem; height:8rem; position:relative;}
    :lang(en) .pop_area .contents > p,
    .pop_area .contents > p{height:auto; padding:10px 5%;}
    .pop_area .contents > p br{display:none;}
    .pop_area .contents > p > a:first-of-type{margin-top: 20px;}
    #pop_area,
    #pop_area2,
    #pop_area3 {position:relative; top:auto; right:auto; left:auto; height:auto;}
    .pop_area_wr{position:absolute; width:calc(100% - 20px); left:10px ;top:60px;   z-index:2; background: #fff; border-radius:15px; overflow:hidden;}
    /* .pop_area_wr .contents > h3:after { content: ""; position:absolute; right:2rem; top:50%; width:1.3rem; margin-top:-0.4rem; height: 0.8rem; background: url(https://www.doosanbobcat.com/images/sub/ico_select_arrow.png) no-repeat center; transition:.2s; -webkit-transition:.2s; -moz-transition:.2s; -ms-transition:.2s; -o-transition:.2s; filter:invert(1); } */
    /* .pop_area_wr > .pop_area.on .contents > h3:after { transform:rotate(180deg); -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -ms-transform:rotate(180deg); -o-transform:rotate(180deg); } */
    .pop_area_wr > .pop_area .contents > p{display:none; }
    .pop_area_wr .pop_area .btns a.btn_mo{display:inline-block;}
}



/* ===== INDEX SECTION CONTENT ===== */
.index .section_cont {padding-top:5rem;}


/* ===== MAIN VISUAL ===== */
.visual_section {position:relative;}
.visual_section .scrolldown { position:absolute; bottom:5rem; right:5rem; z-index:2; animation:scrolldown 1.5s forwards infinite; -webkit-animation:scrolldown 1.5s forwards infinite; }
.visual_section .textbox { position:absolute; top:0; left:50%; display:flex; flex-wrap:wrap; flex-direction:column; justify-content:center; height:100%; z-index:1; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); }
.visual_section .visual_tit {font-size:6rem; color:#fff; font-weight:700; line-height:1.1666; width:100%; margin-top:4.5rem;}
.visual_section .visual_text {font-size:2.4rem; color:#fff; line-height:1.5833; width:100%; margin-top:3.5rem;}
.visual_section .control > * {display:inline-block;}
.visual_section .control .bar {display:none; position:relative; width:10rem; height:2px; background:rgba(255,255,255,0.3); overflow:hidden; margin-left:1rem; vertical-align:middle;}
.visual_section .control .bar .active_bar {display:inline-block; position:absolute; top:0; left:0; width:0%; height:100%; background:#fff;}
.visual_section .control .bar .active_bar.on { width: 100%; }
.visual_section .control .ct_btn {cursor:pointer; margin-left:1rem;}
.visual_section .mvisual_pagination .swiper-pagination-bullet {background:none; border:none; width:auto; height:auto; color: #fff; font-size:1.4rem; font-weight:600; opacity:0.8; margin-right:1rem;}
.visual_section .mvisual_pagination .swiper-pagination-bullet-active {background:none; border:none; opacity:1;}
.visual_section .mvisual_pagination .swiper-pagination-bullet-active .bar {display:inline-block;}
.mvisual_swiper {width:100%; min-height:100vh; height:100%;}
.mvisual_swiper .bg {width:100%; min-height:100vh; height:100%; background-repeat:no-repeat; background-position:center; background-size:cover;}
.mvisual_swiper .bg video {width:100%; min-height:100vh; height:100%; object-fit:cover; }
.mvisual_swiper .swiper-slide {position:relative; min-height:100vh; height:100%; background-repeat:no-repeat; background-position:center; background-size:cover;}
.visual_section .textbox .show_ani { transform: translateY(5rem); -webkit-transform: translateY(5rem); -moz-transform: translateY(5rem); -ms-transform: translateY(5rem); -o-transform: translateY(5rem); opacity: 0; transition:1.1s; -webkit-transition:1.1s; -moz-transition:1.1s; -ms-transition:1.1s; -o-transition:1.1s; }
.visual_section .textbox .show_ani.ani_delay01 {transition-delay:0.5s;}
.visual_section.swiper_active .textbox .show_ani { opacity:1; transform:none; -webkit-transform:none; -moz-transform:none; -ms-transform:none; -o-transform:none; }
.mvisual_swiper .swiper-slide-active video {opacity:1;}
.mvisual_swiper .swiper-slide:not(.swiper-slide-active) video { opacity:0; transition:.3s ease; -webkit-transition:.3s ease; -moz-transition:.3s ease; -ms-transition:.3s ease; -o-transition:.3s ease; }
.visual_section .mvisual_pagination .pg_btn:nth-child(1) .active_bar.on { transition:all 7300ms; -webkit-transition:all 7300ms; -moz-transition:all 7300ms; -ms-transition:all 7300ms; -o-transition:all 7300ms; }
.visual_section .mvisual_pagination .pg_btn:nth-child(2) .active_bar.on { transition:all 2200ms; -webkit-transition:all 2200ms; -moz-transition:all 2200ms; -ms-transition:all 2200ms; -o-transition:all 2200ms; }
.visual_section .mvisual_pagination .pg_btn:nth-child(3) .active_bar.on { transition:all 4900ms; -webkit-transition:all 4900ms; -moz-transition:all 4900ms; -ms-transition:all 4900ms; -o-transition:all 4900ms; }



/* ===== COMPANY ===== */
.company_section {background:#08111d;}
.company_section .inner {position:relative; height:100%; overflow:hidden;}
.company_section .btn_wrap {margin-top:3.5rem;}
.company_section .company_wrap {height:100%; display:flex; justify-content:center; flex-direction:column; position:relative; z-index:1;}
.company_section .title {font-size:7rem; color:#fff; margin-bottom:3rem; font-weight:800; margin-top: -5rem;}
.company_section .title-desc {font-size:1.8rem; color:#fff;}
.company_section .list {display:flex; margin-top:12rem;}
.company_section .list li {width:25%; text-align:center;}
.company_section .list li .ico { display:inline-block; width:12rem; height:12rem; opacity:0; transform:translateY(-2rem); -webkit-transform:translateY(-2rem); -moz-transform:translateY(-2rem); -ms-transform:translateY(-2rem); -o-transform:translateY(-2rem); }
.company_section .list li .ico object {max-width:100%; max-height:100%;}
.company_section .list li .text {font-size:2rem; color:#fff; font-weight:600; line-height:1.5; margin-top:2.5rem; opacity:0;}
.company_section .line_wrap {position:absolute; top:0; left:0; width:100%; height:100%;}
.company_section .line_wrap .line {width:1px; background:rgba(255,255,255,0.2); position:absolute;}
.company_section .line_wrap .line:nth-child(1) {left:0;}
.company_section .line_wrap .line:nth-child(2) {left:25%;}
.company_section .line_wrap .line:nth-child(3) {left:50%;}
.company_section .line_wrap .line:nth-child(4) {right:25%;}
.company_section .line_wrap .line:nth-child(5) {right:0;}
.company_section .line_wrap .line:nth-child(odd) {top:0;}
.company_section .line_wrap .line:nth-child(even) {bottom:0;}

.company_section.active .list li .text { opacity:1; transition:1s ease 1.1s; -webkit-transition:1s ease 1.1s; -moz-transition:1s ease 1.1s; -ms-transition:1s ease 1.1s; -o-transition:1s ease 1.1s; }
.company_section.active .list li:nth-child(2) .text {transition-delay:1.5s;}
.company_section.active .list li:nth-child(3) .text {transition-delay:2s;}
.company_section.active .list li:nth-child(4) .text {transition-delay:2.4s;}
.company_section.active .list li .ico { opacity:1; transition:1s ease 1.1s; -webkit-transition:1s ease 1.1s; -moz-transition:1s ease 1.1s; -ms-transition:1s ease 1.1s; -o-transition:1s ease 1.1s; transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0); -ms-transform:translateY(0); -o-transform:translateY(0); }
.company_section.active .list li:nth-child(2) .ico {transition-delay:1.5s;}
.company_section.active .list li:nth-child(3) .ico {transition-delay:2s;}
.company_section.active .list li:nth-child(4) .ico {transition-delay:2.4s;}
.company_section.active .line_wrap .line { animation:companyBgLine 0.6s forwards 0.6s; -webkit-animation:companyBgLine 0.6s forwards 0.6s; }
.company_section.active .line_wrap .line:nth-child(odd) {-webkit-animation-delay:1s;animation-delay:1s;}



/* ===== PRODUCT ===== */
.product_section {background-color:#f5f5f7; position:relative;}
.product_section .main_title_wrap {color:#222; margin-bottom:6rem; position:relative; z-index:1; padding-right:12rem;}
.product_section .drag { display:flex; align-items:center; font-size:1.4rem; color:#005eb8; position:absolute; bottom:0; right:0; animation:scrollright 1s alternate infinite; -webkit-animation:scrollright 1s alternate infinite; }
.product_section .drag .text {margin:0 2rem;}
.product_section .drag .arrow {width:2.2rem; height:1.5rem;}
.product_section .drag .arrow.prev {background:url(../../images/main/ico_product_prev.png) no-repeat center/contain;}
.product_section .drag .arrow.next {background:url(../../images/main/ico_product_next.png) no-repeat center/contain;}
.product_section .bg_wrap {width:100%; height:100%; position:absolute; top:0; left:0;}
.product_section .bg_wrap .bg {opacity:0; width:100%; height:100%; position:absolute; top:0; left:0;background-repeat:no-repeat; background-position:center; background-size:cover; -webkit-transition:opacity 0.7s ease-in-out; transition:opacity 0.7s ease-in-out;}
.product_section .bg_wrap .bg.active { opacity: 1;}
.product_section .swiper-pagination-progressbar {position:relative; top:auto; margin-top:3rem; height:2px; background:rgba(221,221,221,0.5); z-index: 1;}
.product_section .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {background:#005eb8;}

.product_card_swiper .card {display:flex; flex-direction:column; justify-content:space-between; width:100%; height:50rem; padding:5rem; background-color:#fff; border:1px solid #ddd; color:#222;}
.product_card_swiper .card_title {font-size:3rem; font-weight:700; position:relative; z-index:1;}
.product_card_swiper .card_title small {display:inline-block; font-size:1.8rem; color:#666; font-weight:500; margin-left:1.2rem;}
.product_card_swiper .card_text { font-size:1.6rem; line-height:1.625; margin-top:2.5rem; opacity:0; transform: translateX(5%); -webkit-transform: translateX(5%); -moz-transform: translateX(5%); -ms-transform: translateX(5%); -o-transform: translateX(5%);}
.product_card_swiper .bot_area {display:flex; align-items:flex-end; justify-content:space-between;}
.product_card_swiper .bot_area .btn_more_type01 {margin-bottom:2.5rem; margin-right:1.5rem; flex-shrink:0;}
.product_card_swiper .normal_type {visibility:visible; opacity:1;}
.product_card_swiper .hover_type {visibility:hidden; opacity:0;}


/* ----- PRODUCT (ONLY 1240) ----- */
@media all and (min-width: 1240px){
    .product_card_swiper {overflow:inherit;}
    .product_card_swiper .swiper-slide {width:58rem !important; position:relative;}
    .product_card_swiper .swiper-slide + .swiper-slide {margin-left:6rem;}

    .product_card_swiper .bot_area.normal_type {position:absolute; bottom:1px; right:1px; max-width:calc(100% - 2px);}
    .product_card_swiper .bot_area.normal_type .only_mb {display:none;}

    .product_card_swiper .swiper-slide.card_hover .card {background-color:rgba(0, 0, 0, 0.6); color:#fff; border-color:rgba(221,221,221,0.6);}
    .product_card_swiper .swiper-slide.card_hover .card_title small {color:#fff;}
    .product_card_swiper .swiper-slide.card_hover:not(:hover) {opacity:0.5;}
    .product_card_swiper .swiper-slide.card_hover:not(:hover) .bot_area.normal_type .product_img {opacity:0;}

    .product_card_swiper .swiper-slide.card_hover .normal_type {visibility:hidden; opacity:0;}
    .product_card_swiper .swiper-slide.card_hover .hover_type {visibility:visible; opacity:1;}
    .product_card_swiper .swiper-slide.card_hover .bot_area {display:flex;}
    .product_card_swiper .swiper-slide.card_hover .card_text { opacity:1; transform:none; -webkit-transform:none; -moz-transform:none; -ms-transform:none; -o-transform:none; transition:0.5s; -webkit-transition:0.5s; -moz-transition:0.5s; -ms-transition:0.5s; -o-transition:0.5s;}

    .product_section .swiper-pagination-progressbar.active .swiper-pagination-progressbar-fill {background:#fff;}

    body.type_white .product_section .main_title_wrap {color:#fff;}
    body.type_white .product_section .drag .text {color:#fff;}
    body.type_white .product_section .drag .arrow.prev {background-image:url(../../images/main/ico_product_prev_white.png);}
    body.type_white .product_section .drag .arrow.next {background-image:url(../../images/main/ico_product_next_white.png);}
}



/* PRODUCT CURSOR */
#product_cursor {opacity:0; visibility:hidden; position:relative; height:0; z-index:999; transition:0.3s; -webkit-transition:0.3s; -moz-transition:0.3s; -ms-transition:0.3s; -o-transition:0.3s; }
#product_cursor.show {opacity:1; visibility:visible;}
#product_cursor .cursor_wrap {width:12rem; height:12rem; position:fixed; top:0; left:0; pointer-events:none;}
.product_cursor_circle {width: 12rem; height: 12rem;}
.product_cursor_circle > i { width: 100%; height: 100%; position: absolute; top: 50%; left: 50%; margin-top: -50%; margin-left: -50%; background-color: rgba(0, 94, 184, 0.8); border-radius: 50%; }
.product_cursor_text {width:100%; height:100%; display:flex; align-items:center; justify-content:center; background-color: rgba(0, 94, 184, 0.8); border-radius: 50%; position:absolute; top:-6rem; left:-6rem;}
.product_cursor_text .text_en {display:inline-block; margin:0 1.5rem; font-size:1.5rem; color:#fff;}



/* ===== ESG ===== */
.esg_section {background:url(../../images/main/esg_bg.png) no-repeat center/cover;}
.esg_wrap {width:100%;}
.esg_section .btn_wrap {margin-top:3.5rem;}
.esg_section .keyword_wrap {position:relative;}
.esg_section .keyword_wrap::after { display:block; content:''; position:absolute; top:50%; left:0; width:0px; height:1px; background-color:rgba(255,255,255,0.9);}
.esg_section .keyword_list {width:94%; max-width:114rem; display:flex; justify-content:space-between; margin:6rem auto 0 auto;}
.esg_section .keyword_list li {position:relative; display:inline-flex; align-items:center; justify-content:center; flex-direction:column; width:31rem; height:31rem; border-radius:50%; border:1px solid rgba(255,255,255,0.7); opacity:0;}
.esg_section .keyword_list li .text {font-size:2.6rem; color:#fff; font-weight:500;}
.esg_section .keyword_list li .dot {display:inline-block; width:0.8rem; height:0.8rem; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
.esg_section .keyword_list li .dot:before,
.esg_section .keyword_list li .dot:after {display:block; content:''; width:0.8rem; height:0.8rem; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
.esg_section .keyword_list li .dot:before { opacity:0; box-shadow:0px 0px 10px 5px rgba(255,255,255,0.5); border-radius:100%; transform:translate(-50%,-50%) scale(0); -webkit-transform:translate(-50%,-50%) scale(0); -moz-transform:translate(-50%,-50%) scale(0); -ms-transform:translate(-50%,-50%) scale(0); -o-transform:translate(-50%,-50%) scale(0); }
.esg_section .keyword_list li .dot:after {background-color:#fff; border-radius:50%;}
.esg_section .keyword_list .half_area {height:50%; display:flex; justify-content:center;}
.esg_section .keyword_list .top_area {align-items:flex-end; padding-bottom:2.5rem;}
.esg_section .keyword_list .bottom_area {align-items:flex-start; padding-top:2.5rem;}

.esg_section.active .keyword_list li { opacity:1; transition:0.8s ease 2.2s; -webkit-transition:0.8s ease 2.2s; -moz-transition:0.8s ease 2.2s; -ms-transition:0.8s ease 2.2s; -o-transition:0.8s ease 2.2s; }
.esg_section.active .keyword_list li:nth-child(2) {transition-delay:2.6s;}
.esg_section.active .keyword_list li:nth-child(3) {transition-delay:3s;}
.esg_section.active .keyword_list li .dot:before { animation:twinkPoint 2s infinite linear 3.2s; -webkit-animation:twinkPoint 2s infinite linear 3.2s; transform: translate(-50%,-50%) scale(1); -webkit-transform: translate(-50%,-50%) scale(1); -moz-transform: translate(-50%,-50%) scale(1); -ms-transform: translate(-50%,-50%) scale(1); -o-transform: translate(-50%,-50%) scale(1); }
.esg_section.active .keyword_wrap::after {width:100%; transition:all 1.6s 0.6s; -webkit-transition:all 1.6s 0.6s; -moz-transition:all 1.6s 0.6s; -ms-transition:all 1.6s 0.6s; -o-transition:all 1.6s 0.6s;}



/* ===== NEWS ===== */
.news_section {position:relative;}
.news_section:after { display:block; content:''; position:absolute; top:0; left:0; width:0; height:100%; background-color:#f5f5f7; z-index:-1; transition:1s; -webkit-transition:1s; -moz-transition:1s; -ms-transition:1s; -o-transition:1s; }
.news_section.active:after {width:75.31%; transition-delay:0.6s;}
.news_section .inner {display:flex; justify-content:space-between;}
.news_section .media {width:100%; max-width:90.4rem; display: flex; flex-direction: column; justify-content:space-between;}
.news_section .main_title_wrap {color:#222; margin-bottom:4rem;}
.news_section .news_title {font-size:3rem;color:#222;font-weight:600;line-height:1;margin-bottom:3rem;display:flex;justify-content: end;align-items: flex-end;}
.news_section .news_title .view_all_btn {color:#666;font-size: 1.6rem;font-weight: 400;display: inline-flex;align-items: center;transition:0.3s;-webkit-transition:0.3s;-moz-transition:0.3s;-ms-transition:0.3s;-o-transition:0.3s;}
.news_section .news_title .view_all_btn.first {margin-right: 3rem;}
.news_section .news_title .view_all_btn .ico {display:inline-block; margin-left:1rem; background:url(../../images/main/ico_news_allview.png) no-repeat center/contain; width:0.7rem; height:1.1rem; transition:0.3s; -webkit-transition:0.3s; -moz-transition:0.3s; -ms-transition:0.3s; -o-transition:0.3s;}
.news_section .news_title .view_all_btn:hover {color:#005eb8;}
.news_section .news_title .view_all_btn:hover .ico {background-image:url(../../images/main/ico_news_allview_blue.png)}
.news_section .news_list {border-top:2px solid #222;}
.news_section .news_list .item {display:flex; justify-content:space-between; align-items:center; width:100%; border-bottom:1px solid #ddd; padding:2.5rem 0; transition:all 0.2s ease;}
.news_section .news_list .item * { transition:all 0.1s ease; -webkit-transition:all 0.1s ease; -moz-transition:all 0.1s ease; -ms-transition:all 0.1s ease; -o-transition:all 0.1s ease; }
.news_section .news_list .category {width:14.5rem; text-align:center;}
.news_section .news_list .category .label {display:inline-flex; align-items:center; justify-content:center; width:8.5rem; height:3rem; border-radius:1.5rem; background-color:#919191; font-size:1.5rem; color:#fff; line-height:1;}
.news_section .news_list .date {width:6.5rem; display:inline-flex; flex-direction:column; justify-content:center; color:#999; text-align:center; line-height:1;}
.news_section .news_list .date .day {font-size:3rem; font-weight:600; margin-top:0.6rem;}
.news_section .news_list .title {width:calc(100% - 33.5rem); padding:0 2rem 0 3rem; font-size:2rem; color:#222; font-weight:600; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.news_section .news_list .ico {width:12.5rem; text-align:center;}
.news_section .news_list .ico .btnset {display:inline-flex; align-items:center; justify-content:center; width:4.3rem; height:4.3rem;}
.news_section .news_list .ico .arrow {background:url(../../images/main/ico_news_arrow.png) no-repeat center; border:1px solid #b5b5b5; border-radius:50%;}
.news_section .news_list .ico .link {background:url(../../images/main/ico_news_link.png) no-repeat center;}

.news_section .news_list .item:hover .category .label {background-color:#005eb8;}
.news_section .news_list .item:hover .date {color:#005eb8;}
.news_section .news_list .item:hover .ico .arrow {border-color:#005eb8; background-image:url(../../images/main/ico_news_arrow_on.png);}
.news_section .news_list .item:hover .ico .link {background-image:url(../../images/main/ico_news_link_on.png);}

.news_section .youtube {width:100%; max-width:47.6rem; box-shadow: 1px 2px 30px 0px rgba(0, 0, 0, 0.1); margin-left:11rem;}
.news_section .youtube .banner {background:url(../../images/main/youtube_bg.png) no-repeat center right/cover; color:#fff; height:24.3rem; padding:6rem 3rem;}
.news_section .youtube .banner_title {font-size:3rem; font-weight:400;}
.news_section .youtube .banner_title strong {font-weight:600;}
.news_section .youtube .banner_text {font-size:1.6rem; line-height:1.625; margin-top:1rem;}
.news_section .youtube .link_list {background:#fff;}
.news_section .youtube .link_list .item {position:relative; display:flex; justify-content:space-between; align-items:center; height:7.6rem; padding:2rem 3.8rem; border:1px solid #ddd; margin-top:-1px; color:#222; font-weight:500;}
.news_section .youtube .link_list .item:first-child {border-top:none;}
.news_section .youtube .link_list .item:hover {color:#fff;}
.news_section .youtube .link_list .item:after { display:block; content:''; width:0; height:100%; position:absolute; top:0; left:0; background-color:#005eb8; transition:width 0.8s; -webkit-transition:width 0.8s; -moz-transition:width 0.8s; -ms-transition:width 0.8s; -o-transition:width 0.8s; }
.news_section .youtube .link_list .item:hover:after {width:100%;}
.news_section .youtube .link_list .item > * {position:relative; z-index:1;}
.news_section .youtube .link_list .item .text { transition: .3s ease; -webkit-transition: .3s ease; -moz-transition: .3s ease; -ms-transition: .3s ease; -o-transition: .3s ease; }
.news_section .youtube .link_list .item .text small {display:block; font-size:1.5rem; margin-top: 0.2rem; font-weight:400;}
.news_section .youtube .link_list .item .ico_link {display:inline-block; width:1.7em; height:1.6rem; background:url(../../images/main/ico_youtube_link.png) no-repeat center/contain;}
.news_section .youtube .link_list .item:hover .text small {font-weight:600;}
.news_section .youtube .link_list .item:hover .ico_link {background-image:url(../../images/main/ico_youtube_link_on.png);}



/* ===== ANIMATION ===== */
@-webkit-keyframes companyBgLine {
    0% {
        height:0;
    }
    100% {
        height:100%;
    }
}

@keyframes companyBgLine {
    0% {
        height:0;
    }
    100% {
        height:100%;
    }
}




/* ===== RESPONSIVE ===== */
@media screen and (max-width: 1700px) {
    .visual_section .textbox {padding: 0 5rem;}
}

@media screen and (max-width: 1600px) {
    #fp-nav {left:2rem;}
    #fp-nav ul li {flex-direction:column;}
    #fp-nav ul li .fp-tooltip {padding:1rem 0 0;}
}

@media all and (max-width: 1440px){
    #fp-nav {display:none;}

    .news_section .youtube {margin-left:6rem;}
}



@media all and (max-width: 1240px){
    .main_title_wrap .main_title {font-size:4.2rem;}
    .main_title_wrap.row_1 {flex-direction:column; align-items:center; justify-content:center; text-align:center;}
    .main_title_wrap.row_1 .main_title_desc {margin-left:0; margin-top:2rem;}

    .visual_section .scrolldown {width:2rem; right:3%;}
    .visual_section .textbox {padding: 0;}
    .visual_section .visual_tit {font-size:5rem;}
    .visual_section .visual_text {font-size:2rem;}

    .company_section .list li {padding:2%;}
    .company_section .list li .text {font-size:1.8rem; word-break:keep-all;}
    .company_section .list li .text .pc_br {display:none;}
    .company_section .line_wrap {display:none;}

    .company_section.active .list li .ico {transition-delay:0.6s;}
    .company_section.active .list li:nth-child(2) .ico {transition-delay:1s;}
    .company_section.active .list li:nth-child(3) .ico {transition-delay:1.4s;}
    .company_section.active .list li:nth-child(4) .ico {transition-delay:1.8s;}

    .company_section.active .list li .text{transition-delay:0.6s;}
    .company_section.active .list li:nth-child(2) .text {transition-delay:1s;}
    .company_section.active .list li:nth-child(3) .text {transition-delay:1.4s;}
    .company_section.active .list li:nth-child(4) .text {transition-delay:1.8s;}

    .product_section .main_title_wrap {padding-right:0; margin-bottom:3rem;}
    .product_section .drag { position:relative; right:auto; bottom:auto; margin-top:2rem;}
    .product_section .bg_wrap {display:none !important;}
    .product_card_swiper .hover_type {display:none;}
    .product_card_swiper .product_img {height:35rem; text-align:right;}
    .product_card_swiper .product_img img {height:100%;}
    .product_card_swiper .card {height:60rem;}
    .product_card_swiper .card_text { display:block; visibility:visible; opacity:1; transform: none; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; }
    .product_card_swiper .card_text .pc_br {display:none;}
    .product_card_swiper .bot_area .btn_more_type01 {color: #222;}
    .product_card_swiper .bot_area .btn_more_type01:after {background-color: #222;}
    .product_card_swiper .bot_area  .btn_more_type01 .arrow {background-image:url(../../images/main/button_more_arrow_blk.png);}

    #product_cursor {display:none !important;}

    .news_section:after {display:none;}
    .news_section .inner {flex-wrap:wrap;}
    .news_section .news_title {font-size:2.4rem; margin-bottom:2rem;}
    .news_section .media {display:block; max-width:inherit;}
    /* .news_section .news_list .item:nth-child(4) {display:none;} */
    .news_section .news_list .title {font-size:1.8rem;}
    .news_section .news_list .date .day {font-size:2.6rem;}
    .news_section .news_list .category .label {height:auto; width:auto; padding:0.6rem 1rem;}
    .news_section .youtube {max-width:inherit; margin-left:0; margin-top:4rem; display:flex;}
    .news_section .youtube .banner {width:40%; height:auto; padding:3rem 3%;}
    .news_section .youtube .banner_title {font-size:2.2rem;}
    .news_section .youtube .link_list {width: 60%;}
    .news_section .youtube .link_list .item {width:100%; padding:1.2rem 1.5rem; height:auto; margin-top:-1px;}
    .news_section .youtube .link_list .item:first-child {border:1px solid #ddd;}

    .esg_section .keyword_list li {width:27rem; height:27rem;}
}


@media all and (max-width:767px){


    .index .section_cont {padding-top:4rem;}

    .main_title_wrap .main_title_desc {font-size:1.6rem;}
    .main_title_wrap .main_title_desc .mb_br {display:block;}
    .main_title_wrap .main_title_desc .mb_br.sm {display:none;}
    .main_title_wrap.row_2 .main_title_desc .pc_br {display:none;}

    .visual_section .visual_tit {font-size:3.2rem;}
    .visual_section .visual_text {font-size:1.7rem; margin-top:3rem;}

    .main_title_wrap .main_title {font-size:3rem;}

    .company_section .list {flex-wrap:wrap; margin-top:3rem;}
    .company_section .list li {width:50%;}
    .company_section .list li .ico {flex-shrink:0; width:7rem; height:7rem;}
    .company_section .list li .text {margin-top:1rem; font-size:1.5rem;}

    .esg_section .keyword_list li {width:20rem; height:20rem;}
    .esg_section .keyword_list li .text {font-size:2rem;}
    .esg_section .keyword_list li .ico {width:5rem;}

    .product_card_swiper .card {padding:3rem; height:48rem;}
    .product_card_swiper .card_title {font-size:2rem; flex-direction:column;}
    .product_card_swiper .card_title small {display:block; font-size:1.6rem; margin-left:0; margin-top:0.5rem;}
    .product_card_swiper .product_img {height:20rem;}

    .news_section .news_title {margin-bottom:1.5rem; font-size:2.2rem;}
    .news_section .news_list .item {padding:1.8rem 0; flex-wrap:wrap; justify-content:flex-start;}
    .news_section .news_list .item:nth-child(2n) {display: none;}
    .news_section .news_list .category {width:auto; text-align:left;}
    .news_section .news_list .category .label {font-size:1.4rem;}
    .news_section .news_list .date {flex-direction:row; width:10rem; align-items:center; font-size:1.5rem;}
    .news_section .news_list .date .day {margin-top:0; margin-left:0.1rem; font-size:1.5rem; font-weight:400;}
    .news_section .news_list .date .day::before {content:'.';}
    .news_section .news_list .title {font-size:1.6rem; width:100%; padding:0; margin-top:0.8rem;}
    .news_section .news_list .ico {display:none;}
    .news_section .news_title .view_all_btn .ico {margin-left:1rem;}

    .news_section .youtube .banner {width:25rem;}
    .news_section .youtube .banner_title {font-size:2rem;}
    .news_section .youtube .banner_text {font-size:1.5rem;}
    .news_section .youtube .banner_text .pc_br {display:none;}
    .news_section .youtube .link_list {width:calc(100% - 25rem);}
    .news_section .youtube .link_list .item {padding:1rem 1.2rem; font-size: 1.5rem;}
}



@media all and (max-width:500px){
    .main_title_wrap .main_title_desc .mb_br.sm {display:block;}

    .esg_section .keyword_list .top_area {padding-bottom:1rem;}
    .esg_section .keyword_list .bottom_area {padding-top:1rem;}
    .esg_section .keyword_list li {width:14rem; height:14rem;}
    .esg_section .keyword_list li .text {font-size:1.7rem;}
    .esg_section .keyword_list li .ico {width:4.2rem;}

    .news_section .youtube .banner {width:22rem;}
    .news_section .youtube .link_list {width:calc(100% - 22rem);}
    .news_section .youtube .link_list .item .text small {display: none;}
}