@charset "utf-8";

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


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


/********************
DEPARTMENT
********************/
.depart_list .container{display:flex;flex-wrap:wrap;justify-content:space-between;}
.depart_list .item{width:32.6%;display:flex;align-items:flex-start;border:1px solid #d9d9d9;border-radius:5px;padding:25px;margin-bottom:1%;transition:0.3s;}
.depart_list .item::before{content:"";display:block;width:77px;height:71px;transition:0.3s;margin-right:20px; margin-top: 8px;}
.depart_list .depart_8{margin-right:auto;margin-left:1%;}
.depart_list .item div{width:calc(100% - 100px);}
.depart_list .item h3{margin-bottom:10px;}
.depart_list .item h3 a{color:#000;font-family:'Pre Bold';font-size:24px;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 ul{display:flex;flex-wrap:wrap;}
.depart_list .item ul li{margin-bottom:5px; width:100%;}
/* .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::before{background:url(../../images/main/depart_1.svg) no-repeat center;}
.depart_list .depart_2::before{background:url(../../images/main/depart_2.svg) no-repeat center;}
.depart_list .depart_3::before{background:url(../../images/main/depart_3.svg) no-repeat center;}
.depart_list .depart_4::before{background:url(../../images/main/depart_4.svg) no-repeat center;}
.depart_list .depart_5::before{background:url(../../images/main/depart_5.svg) no-repeat center;}
.depart_list .depart_6::before{background:url(../../images/main/depart_6.svg) no-repeat center;}
.depart_list .depart_7::before{background:url(../../images/main/depart_7.svg) no-repeat center;}
.depart_list .depart_8::before{background:url(../../images/main/depart_8.svg) no-repeat center;}
.depart_list .depart_1:hover::before{background:url(../../images/main/depart_1_on.svg) no-repeat center;}
.depart_list .depart_2:hover::before{background:url(../../images/main/depart_2_on.svg) no-repeat center;}
.depart_list .depart_3:hover::before{background:url(../../images/main/depart_3_on.svg) no-repeat center;}
.depart_list .depart_4:hover::before{background:url(../../images/main/depart_4_on.svg) no-repeat center;}
.depart_list .depart_5:hover::before{background:url(../../images/main/depart_5_on.svg) no-repeat center;}
.depart_list .depart_6:hover::before{background:url(../../images/main/depart_6_on.svg) no-repeat center;}
.depart_list .depart_7:hover::before{background:url(../../images/main/depart_7_on.svg) no-repeat center;}
.depart_list .depart_8:hover::before{background:url(../../images/main/depart_8_on.svg) 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%;}
  .depart_list .depart_8 {margin-left:2%;}
}
@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::before {display:none;}
  .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;}
}

/*@media all and (max-width:768px){
  .depart_list .item{width:100%;padding:15px; border-radius:0; margin-bottom:0;}
  .depart_list .item:first-child {border-radius:4px 4px 0 0;}
  .depart_list .item:last-child {border-radius:0 0 4px 4px;}
}*/



/* SNS */
.main-sns-wrap {position: relative;}
.main-sns-wrap li {width:100%; height:80px; margin-bottom: 12px; }
.main-sns-wrap li:last-child{margin-bottom: 0;}
.main-sns-wrap li a {display: flex; align-items: center; border:1px solid #d9d9d9; border-radius:4px; transition:border .3s; width:100%; height:100%; padding:0 36px 0 20px;}
.main-sns-wrap li a:hover {border:1px solid #2822E9;}
.main-sns-wrap li span {font-family: 'Pre Bold'; font-size: 20px; position: relative; padding-left:60px; width:100%; height: 100%; display: flex; align-items: center;}
.main-sns-wrap li span::before {content:''; width:28px; height: 28px; background:url('../../images/main/main-sns-arrow.svg') no-repeat center; position: absolute; right:0; top:50%; margin-top:-14px;}
.main-sns-wrap li:first-child span::after {content:''; width:40px; height: 40px; background:url('../../images/main/youtube.svg') no-repeat center; position: absolute; left:0; top:50%; margin-top:-20px;}
.main-sns-wrap li:nth-child(2) span::after {content:''; width:40px; height: 40px; background:url('../../images/main/insta.svg') no-repeat center; position: absolute; left:0; top:50%; margin-top:-20px;}
.main-sns-wrap li:nth-child(3) span::after {content:''; width:40px; height: 40px; background:url('../../images/main/fb.svg') no-repeat center; position: absolute; left:0; top:50%; margin-top:-20px;}
.main-sns-wrap li:nth-child(4) span::after {content:''; width:40px; height: 40px; background:url('../../images/main/blog.svg') no-repeat center; position: absolute; left:0; top:50%; margin-top:-20px;}


.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%;}
}