@charset "utf-8";

.multipleDiv{max-width:1804px;margin:0 auto;overflow:hidden;}
@media all and (max-width:1840px){
  .multipleDiv{max-width:calc(100% - 30px);}
}
@media all and (max-width:768px){
  #multipleDiv_dmu_2024_88,
  #multipleDiv_dmu_2024_89{max-width:calc(100% - 15px);margin:0 0 0 15px;}
}


/********************
BANNER
********************/
#menu4338_obj4800{display:none;}
@media all and (max-width:768px){
  #menu4338_obj110{display:none;}
  #menu4338_obj4800{display:block;}
}


/********************
DEPARTMENT
********************/
.wrapDepart h2 i {color: #FFF!important;}
/*.depart_list {margin-bottom: 200px;} */
.depart_list .container {display:flex;flex-wrap:wrap;justify-content:space-between; margin-top: 20px;}
.depart_list .item {width:32.3%;display:flex;align-items:start;border:1px solid #d9d9d9;border-radius:5px;padding:25px;margin-bottom:1.5%;transition:0.3s;}

.depart_list .item .depart_pattern {display:block;width:77px;height:71px;transition:0.3s;margin-right:20px; margin-top: 12px;}
.depart_list .depart_8 {margin-right:auto;margin-left:1.5%;}
.depart_list .item div {width:calc(100% - 100px); margin-top: 7px;}
.depart_list .item h3 {margin-bottom:0;}
.depart_list .item h3 a {display:inline-block;}
.depart_list .item h3 a::after {content:"";display:block;width:100%;height:2px;background:#000;margin-top:3px;transition:0.3s;transform:scale(0);}
.depart_list .item h3 a span {color:#000;font-family:'Pre Bold';font-size:24px;}
.depart_list .item ul {display:flex;flex-wrap:wrap;}
.depart_list .item ul li {display:flex;align-items:center;margin-bottom:0;}
.depart_list .item ul li::after {content:"";display:block;width:2px;height:16px;background:#a8a8a8;margin:0 10px 5px 10px;}
.depart_list .item ul li:last-child::after {display:none;}
.depart_list .item ul li a,
.depart_list .item p {color:#515151;font-family:'Pre Medium';font-size:18px;}
.depart_list .item ul li a {display:inline-block;}
.depart_list .item ul li a::after {content:"";display:block;width:100%;height:1px;background:#a8a8a8;margin-top:3px;transition:0.3s;transform:scale(0);}
.depart_list .depart_1 .depart_pattern {background:url('../../images/main/depart_1.png') no-repeat center;}
.depart_list .depart_2 .depart_pattern {background:url('../../images/main/depart_2.png') no-repeat center;}
.depart_list .depart_3 .depart_pattern {background:url('../../images/main/depart_3.png') no-repeat center;}
.depart_list .depart_4 .depart_pattern {background:url('../../images/main/depart_4.png') no-repeat center;}
.depart_list .depart_5 .depart_pattern {background:url('../../images/main/depart_5.png') no-repeat center;}
.depart_list .depart_6 .depart_pattern {background:url('../../images/main/depart_6.png') no-repeat center;}
.depart_list .depart_7 .depart_pattern {background:url('../../images/main/depart_7.png') no-repeat center;}
.depart_list .depart_8 .depart_pattern {background:url('../../images/main/depart_8.png') no-repeat center;}
.depart_list .depart_1:hover .depart_pattern {background:url('../../images/main/depart_1_on.png') no-repeat center;}
.depart_list .depart_2:hover .depart_pattern {background:url('../../images/main/depart_2_on.png') no-repeat center;}
.depart_list .depart_3:hover .depart_pattern {background:url('../../images/main/depart_3_on.png') no-repeat center;}
.depart_list .depart_4:hover .depart_pattern {background:url('../../images/main/depart_4_on.png') no-repeat center;}
.depart_list .depart_5:hover .depart_pattern {background:url('../../images/main/depart_5_on.png') no-repeat center;}
.depart_list .depart_6:hover .depart_pattern {background:url('../../images/main/depart_6_on.png') no-repeat center;}
.depart_list .depart_7:hover .depart_pattern {background:url('../../images/main/depart_7_on.png') no-repeat center;}
.depart_list .depart_8:hover .depart_pattern {background:url('../../images/main/depart_8_on.png') no-repeat center;}
.depart_list .depart_1:hover {border-color:#00cd86;}
.depart_list .depart_2:hover {border-color:#00baf8;}
.depart_list .depart_3:hover {border-color:#e4e200;}
.depart_list .depart_4:hover {border-color:#b39cfd;}
.depart_list .depart_5:hover {border-color:#ff7eba;}
.depart_list .depart_6:hover {border-color:#d3a05f;}
.depart_list .depart_7:hover {border-color:#d9548e;}
.depart_list .depart_8:hover {border-color:#bdc3c6;}
.depart_list .item h3 a:hover::after,
.depart_list .item ul li a:hover::after {transform:scale(1);}
@media all and (max-width: 1280px){
  .depart_list .item {width:49%;}
}
@media all and (max-width: 768px){
  .wrapDepart h2{font-size: 16px; padding: 20px 0 72px 16px; width: 67.7%;}
  .wrapDepart .departImg{width: 32.3%;}
  .depart_list {margin-bottom: 55px;}
  .depart_list .item {width:100%; padding: 22px 20px 12px; margin-bottom: 0; border-radius: 0;min-height: 152px;}
  .depart_list .item:first-child {border-radius:4px 4px 0 0;}
  .depart_list .item:last-child {border-radius: 0 0 4px 4px;}
  .depart_list .item div{width: 100%; margin-top: 0;}
  .depart_list .item .depart_pattern{display: none;}
  .depart_list .item h3{margin-bottom: 16px; background: url(../../images/common/mobile_depart_arrow.svg) no-repeat right center;}
  .depart_list .item h3 a{display: inline-block;}
  .depart_list .item h3 a span{font-size: 20px;}
  .depart_list .item ul li a, .depart_list .item p{font-size: 16px;}
  .depart_list .depart_8{margin-left: 0;}
  .depart_list .item ul li {margin-bottom: 7px;}
  .depart_list .item ul li::after{height: 12px;}
}


.wrapDepart{height:100%;}
.wrapDepart .inner{display:flex;}
.wrapDepart .departImg{width:24%;background:#3c2ced url('../../images/main/depart_img_0.svg') no-repeat left center;border-top-left-radius:5px;border-bottom-left-radius:5px; display: none;}
.wrapDepart h2{color:#FFF;font-family:'Pre Bold';font-size:48px;line-height:1.3;width:32.6%;padding:48px 60px 0 60px;background:#3c2ced;border-top-right-radius:5px;border-bottom-right-radius:5px;}
.wrapDepart h2 b{display:none;}
.wrapDepart h2 span{color:#FFF;font-family:'Pre Medium';font-size:16px;display:block;padding:10px 0 0 3px;}
.wrapDepart h2 i{padding:0 15px;}
.wrapDepart h2 svg {vertical-align: text-bottom;}
.wrapDepart .container{width:66%;margin-left:auto;}
.wrapDepart .container video{width: 100%; height: 100%;}
.wrapDepart .txt{display:none;}
.wrapDepart .img img{display:inline;}
.wrapDepart .control{display:none;}
.wrapDepart .prevnext{display:none;}

@media all and (max-width:1280px){
  .wrapDepart h2{font-size:38px;padding:30px 30px 0 30px; width: 48%;}
  .wrapDepart .container{width: 50%;}
}
@media all and (max-width:768px){
  .wrapDepart{margin-top: 30px;}
  .wrapDepart h2{font-size:25px;padding:20px 0 72px 16px;width:67.7%;border-top-right-radius:0px;border-bottom-right-radius:0px;border-top-left-radius:5px;border-bottom-left-radius:5px;}
  .wrapDepart h2 span{display:none;}
  .wrapDepart .departImg{border-top-left-radius:0px;border-bottom-left-radius:0px;border-top-right-radius:5px;border-bottom-right-radius:5px;background-size:cover;background-position:right center; display: block; width: 32.3%;}
  .wrapDepart .container{display:none;}
}
@media all and (max-width:480px){
  .wrapDepart .departImg{width:30%;}
  .wrapDepart h2{font-size:25px;width:70%;}
}