/* common */
.sc-about {overflow: hidden;}
.sc-about.sub .sc-title {font-size:25px; font-weight: 400; color: #333; line-height: 1.53; text-align: center;}
.sc-about.sub .sc-title strong {font-weight: 700;}
.sc-about .sc-sub-title {font-size: 22px; font-weight: 300; color: #333;}
.sc-about .sc-sub-title span {font-weight: 700;}
.sc-about .tab-area {background: #fff;}
.sc-about .tab-area .content-inner {padding: 40px 0;}
.sc-about .tab-list {display: flex; justify-content: center; padding:  0 20px;}
.sc-about .tab-item {border-bottom: 2px solid #ddd; padding-bottom: 5px; text-align: center; font-size: 15px; font-weight: 500; color: #8a9293;
flex:1; }
.sc-about .tab-item button {display: block; width: 100%; }
.sc-about .tab-item + .tab-item {margin-left:15px;}
.sc-about .tab-item.active {color: #2f4820; border-bottom-color: #2f4820;}
.sc-about .section-content {display: none;}
.sc-about .section-content.visible {display: block;}

/* sc-about */
.sc-about .title-area {background: #f7f7f7;}
.sc-about .title-area .content-inner {padding: 50px 20px;}
.sc-about .title-area .title-box {text-align: center;}
.sc-about .title-area .ico-logo {mix-blend-mode: multiply;}
.sc-about .title-area .sc-title::before {content: ''; display: block; width: 37px; height: 2px; background: #2f4820; margin: 20px auto;}

/* overview */
.sc-about .group-overview .intro-area {background: url("../img/about_overview_bg.jpg") no-repeat center bottom/cover;}
.sc-about .group-overview .intro-area .inner {padding: 50px 20px;}
.sc-about .group-overview .intro-area .title-box {text-align: center;}
.sc-about .group-overview .intro-area .ico-logo {width: 62px; height: 66px; background-image: url("../img/title_logo.png"); margin:0 auto 15px;
display: block; }
.sc-about .group-overview .intro-area .desc {font-size: 14px; font-weight: 300; line-height: 1.7; color: #525659;}
.sc-about .group-overview .intro-area .desc b { font-weight: 500; color:#333; }
.sc-about .group-overview .intro-area .desc::before {content: ''; display: block; width: 37px; height: 2px; background: #2f4820; margin: 20px auto;}
.sc-about .group-overview .intro-area img {display: block; margin-top:30px;}
.sc-about .overview-list-wrap {position: relative; background: #fff; z-index: 1; text-align: center;}
.sc-about .overview-list-wrap::before, .sc-about .overview-list-wrap::after {content: ''; position: absolute; width: 470px; background: #f7f7f7; z-index: -1;}
.sc-about .overview-list-wrap::before {left: 0; top: 0; height: 510px;}
.sc-about .overview-list-wrap::after {right: 0; bottom: 0; height: 618px;}

.sc-about .overview-list-wrap .content-inner {padding:50px 20px;}
.sc-about .group-overview .overview-list {margin-top: 30px; display: flex; flex-wrap: wrap; border: 1px solid #ddd;}
.sc-about .group-overview .overview-item {position: relative; width: 50%; background: #fff; border-right: 1px solid #ddd; padding: 20px 10px; z-index: 1;}
.sc-about .group-overview .overview-item:nth-child(2n) {border-right: none;}
.sc-about .group-overview .overview-item:nth-child(n+3) {border-top: 1px solid #ddd;}
.sc-about .group-overview .overview-item::before {content: ''; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background-repeat: no-repeat; background-position: center; background-size: cover; transition: .3s; opacity: 0; z-index: -1;}
.sc-about .group-overview .overview-item:hover::before {opacity: 1;}
.sc-about .group-overview .overview-item:nth-child(1)::before {background-image: url("../img/about1_img_01.png");}
.sc-about .group-overview .overview-item:nth-child(2)::before {background-image: url("../img/about1_img_02.png");}
.sc-about .group-overview .overview-item:nth-child(3)::before {background-image: url("../img/about1_img_03.png");}
.sc-about .group-overview .overview-item:nth-child(4)::before {background-image: url("../img/about1_img_04.png");}
.sc-about .group-overview .overview-item:nth-child(5)::before {background-image: url("../img/about1_img_05.png");}
.sc-about .group-overview .overview-item:nth-child(6)::before {background-image: url("../img/about1_img_06.png");}
.sc-about .group-overview .overview-item:nth-child(7)::before {background-image: url("../img/about1_img_07.png");}
.sc-about .group-overview .overview-item:nth-child(8)::before {background-image: url("../img/about1_img_08.png");}
.sc-about .overview-item .ico-overview {width: 35px; height: 35px; transition: .3s; margin:0 auto 10px; display: block; background-size: contain;
background-position: center; background-repeat: no-repeat;}
.sc-about .overview-item:nth-child(1) .ico-overview {background-image: url("../img/about1_icon1.png");}
.sc-about .overview-item:nth-child(2) .ico-overview {background-image: url("../img/about1_icon2.png");}
.sc-about .overview-item:nth-child(3) .ico-overview {background-image: url("../img/about1_icon3.png");}
.sc-about .overview-item:nth-child(4) .ico-overview {background-image: url("../img/about1_icon4.png");}
.sc-about .overview-item:nth-child(5) .ico-overview {background-image: url("../img/about1_icon5.png");}
.sc-about .overview-item:nth-child(6) .ico-overview {background-image: url("../img/about1_icon6.png");}
.sc-about .overview-item:nth-child(7) .ico-overview {background-image: url("../img/about1_icon7.png");}
.sc-about .overview-item:nth-child(8) .ico-overview {background-image: url("../img/about1_icon8.png");}
.sc-about .overview-item:hover:nth-child(1) .ico-overview {background-image: url("../img/about1_icon1_1.png");}
.sc-about .overview-item:hover:nth-child(2) .ico-overview {background-image: url("../img/about1_icon2_1.png");}
.sc-about .overview-item:hover:nth-child(3) .ico-overview {background-image: url("../img/about1_icon3_1.png");}
.sc-about .overview-item:hover:nth-child(4) .ico-overview {background-image: url("../img/about1_icon4_1.png");}
.sc-about .overview-item:hover:nth-child(5) .ico-overview {background-image: url("../img/about1_icon5_1.png");}
.sc-about .overview-item:hover:nth-child(6) .ico-overview {background-image: url("../img/about1_icon6_1.png");}
.sc-about .overview-item:hover:nth-child(7) .ico-overview {background-image: url("../img/about1_icon7_1.png");}
.sc-about .overview-item:hover:nth-child(8) .ico-overview {background-image: url("../img/about1_icon8_1.png");}
.sc-about .overview-item .title {font-size: 16px; font-weight: 700; color: #333; display: block; transition: .3s;}
.sc-about .overview-item .desc {margin-top: 5px; font-size: 13px; font-weight: 300; line-height: 1.75; color: #8a9293; transition: .3s;}
.sc-about .overview-item:hover .title, .sc-about .overview-item:hover .desc {color: #fff;}

/* history */
.sc-about .group-history .title-area .ico-logo {width: 100%; height: 50px; background-image: url("../img/band_title_logo_en.jpg"); display: block;
background-size: contain; background-position: center;}
.sc-about .history-area .content-inner {padding:50px 20px;}
.sc-about .history-area .btn-category-wrap {display: flex;}
.sc-about .history-area .btn-category {position: relative; width: 25%; border-bottom: 2px solid #ddd; padding-bottom: 10px;}
.sc-about .history-area .btn-category::after {content: ''; position: absolute; left: 0; bottom: -1px; width: 100%; height: 2px; background: #2f4820; opacity: 0;}
.sc-about .history-area .btn-category.active::after {opacity: 1;}
/* .sc-about .history-area .btn-category em {display: block; font-size: 27px; font-weight: 700; color: #333; margin-bottom: 10px;} */
.sc-about .history-area .btn-category.active .date { color:#2f4820; }
.sc-about .history-area .btn-category .date {font-size:18px; font-weight: 700; color: #8a9293;}
.sc-about .list-group {margin-top: 50px;}
.sc-about .history-list {position: relative; display: flex; flex-wrap: wrap;}
.sc-about .history-list + .history-list {padding-top: 40px; }
.sc-about .history-list > li + li {margin-top: 40px; }
.sc-about .history-list::before {content: ''; position: absolute; left: 5px; top: 0; width: 1px; height: 100%; background: #ddd;}
.sc-about .history-item {width: 100%; position: relative;  }
/* .sc-about .history-item.mg_top { margin-top: 50px; }
.sc-about .history-item.mg_top + li { margin-top: 150px; } */
/* .sc-about .history-item:nth-child(2n) {left: -10px; margin-top: 120px;}
.sc-about .history-item:nth-child(2n+1) {flex-direction: row-reverse; left: 10px;} */
.sc-about .history-item::before {content: ''; display: inline-block; width: 12px; height: 12px; border:2px solid #2f4820; border-radius: 50%; background: #fff;
position: relative; top:-4px;}
.sc-about .history-item .year {font-size: 26px; font-weight: 700; color: #2f4820;}
.sc-about .history-item .year {margin-left:10px;}
.sc-about .history-item .desc-box {margin-top: 13px; padding-left: 25px;}
.sc-about .history-item .desc {font-size: 14px; font-weight: 300; color: #757d7e; position: relative; padding-left: 12px;}
.sc-about .history-item .desc + .desc {margin-top: 8px;}
.sc-about .history-item .desc + .img { margin-top: 20px; }
.sc-about .history-item .desc + .img img { border:1px solid #ddd; }
.sc-about .history-item .desc::before {content: ''; display: inline-block; width: 5px; height: 5px; background: #757d7e; border-radius: 50%;; position: absolute; }
.sc-about .history-item .desc::before {left:-0; top: 8px;}

/* brand */
.sc-about .group-brand .title-area .ico-logo {width: 100%; height: 50px; background-image: url("../img/band_title_logo_ko.jpg");
background-size: contain; background-position: center;}
.sc-about .group-brand .brand-item:nth-child(2n) {background: #f7f7f7;}
.sc-about .group-brand .brand-item:nth-child(2n+1) {background: #fff;}
.sc-about .group-brand .brand-item .content-inner {padding: 40px 20px;text-align: center  }
/* .sc-about .group-brand .brand-item:last-child .content-inner {padding-bottom: 100px;} */
.sc-about .brand-item .thumb-box {position: relative; overflow: hidden; width: 100%; background: #fff; margin-bottom: 20px; display: flex; align-items: center;
justify-content: center; }
.sc-about .brand-item .thumb-box.no_bg {background: transparent ;}
.sc-about .brand-item .thumb-box img {transition: .3s;  }
.sc-about .brand-item .thumb-box:hover img {transform: scale(1.1);}
.sc-about .brand-item .info-box {width: 100%;}
.sc-about .brand-item .title {font-size: 18px; font-weight: 700; color: #333; border-bottom: 1px solid #ddd; display: block;}
.sc-about .brand-item .title span {position: relative; display: inline-block; padding-bottom: 20px; border-bottom: 2px solid #2f4820; bottom: -1px;}
.sc-about .brand-item .desc {font-size: 14px; font-weight: 300; line-height: 1.7; color: #757d7e; margin-top: 20px;}
.sc-about .brand-item br {display: none;}

.sc-about .brand-item .btn_link { display: block; width:180px; height:45px; text-align: center; line-height: 43px; background:#15320c; font-size:13px; color:#fff;
margin:20px auto 0; }
.sc-about .brand-item .btn_link i { font-size: 22px; margin-right: 6px; position:relative; top:4px; }


/* ci */
.sc-about .group-ci .title-area .ico-logo {width: 204px; height: 50px; background-image: url("../img/band_title_logo_ko.jpg");
background-size: contain; background-position: center;}
.dot_title { position:relative; display: block; padding-left: 15px; font-size: 22px; font-weight: bold; color: #333; margin:0 0 20px; }
.dot_title::before { content:""; position:absolute; left:0; width:6px; top:14px; height: 6px; border-radius: 50%; background:#2f4820; }

.ci_con { padding: 50px 0; }
.ci_con .flex_box { display: flex; justify-content: space-between; flex-wrap: wrap; }
.ci_con .flex_box .img { border:1px solid #ddd; width: 100%;}
.ci_con .flex_box .left { padding:20px; margin-bottom: 10px;}
.ci_con .flex_box .right {max-width: 400px;}
.ci_con .btn_list { margin:30px 0 0; display:flex; justify-content: space-between; align-items: center; flex-wrap: wrap;}
.ci_con .btn_list li {width: calc(50% - 5px);}
.ci_con .btn_list li:last-child {width: 100%;}
.ci_con .btn_list li:nth-child(n+3) { margin-top: 10px; }
.ci_con .btn_list a { width: 100%; height: 45px; background-color: #15320c; text-align: center; display: flex; justify-content: space-between; align-items: center;
    padding:0 10px; color:#fff; font-size: 11px; font-weight: 300; text-align: left; letter-spacing: -.5px;}
.ci_con .btn_list a i { font-size: 15px; }