/* common */
.sc-about {overflow: hidden;}
.sc-about.sub .sc-title {font-size: 45px; 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: 35px; 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: 95px 0 65px;}
.sc-about .tab-list {display: flex; justify-content: center;}
.sc-about .tab-item {border-bottom: 2px solid #ddd; padding-bottom: 15px; width: 200px; text-align: center; font-size: 22px; font-weight: 500; color: #8a9293;}
.sc-about .tab-item + .tab-item {margin-left: 32px;}
.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: 70px 0 100px;}
.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: 15px auto 25px;}

/* overview */
.sc-about .group-overview .intro-area {background: url("../img/about_overview_bg.jpg") no-repeat center/cover;}
.sc-about .group-overview .intro-area .inner {width: 1100px; padding: 84px 0 104px;}
.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-bottom: 35px;}
.sc-about .group-overview .intro-area .desc {font-size: 16px; font-weight: 300; line-height: 33px; 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: 25px auto 30px;}
.sc-about .group-overview .intro-area img {display: block; margin-top: 55px;}
.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: 80px 0 125px;}
.sc-about .group-overview .overview-list {margin-top: 50px; display: flex; flex-wrap: wrap; border: 1px solid #ddd;}
.sc-about .group-overview .overview-item {position: relative; width: 25%; background: #fff; border-right: 1px solid #ddd; padding: 50px 0; z-index: 1;}
.sc-about .group-overview .overview-item:nth-child(4n) {border-right: none;}
.sc-about .group-overview .overview-item:nth-child(n+5) {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: 57px; height: 60px; transition: .3s; margin-bottom: 35px;}
.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: 20px; font-weight: 700; color: #333; display: block; transition: .3s;}
.sc-about .overview-item .desc {margin-top: 15px; font-size: 16px; 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: 395px; height: 85px; background-image: url("../img/band_title_logo_en.jpg");}
.sc-about .history-area .content-inner {padding: 75px 0 125px;}
.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: 25px;}
.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: 27px; font-weight: 700; color: #8a9293;}
.sc-about .list-group {margin-top: 100px;}
.sc-about .history-list {position: relative; display: flex; flex-wrap: wrap;}
.sc-about .history-list::before {content: ''; position: absolute; left: 50%; top: 0; transform: translateX(-50%); width: 1px; height: 100%; background: #ddd;}
.sc-about .history-item {display: flex; width: 50%; position: relative; min-height: 130px;}
.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: 19px; height: 19px; border: 3px solid #2f4820; border-radius: 50%; margin-top: 19px; background: #fff;}
.sc-about .history-item:nth-child(2n)::before {margin-right: 30px;}
.sc-about .history-item:nth-child(2n+1)::before {margin-left: 30px;}
.sc-about .history-item .year {font-size: 36px; font-weight: 700; color: #2f4820;}
.sc-about .history-item:nth-child(2n) .year {margin-right:35px;}
.sc-about .history-item:nth-child(2n+1) .year {margin-left: 35px;}
.sc-about .history-item .desc-box {margin-top: 13px;}
.sc-about .history-item:nth-child(2n+1) .desc-box {text-align: right;}
.sc-about .history-item .desc {font-size: 17px; font-weight: 300; color: #757d7e; position: relative; }
.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:nth-child(2n) .desc::before, .sc-about .history-item:nth-child(2n+1) .desc::after {content: ''; display: inline-block; width: 6px; height: 6px; background: #757d7e; border-radius: 50%; vertical-align: 3px; position: absolute; }
.sc-about .history-item:nth-child(2n) .desc::before {left:-12px; top: 10px;}
.sc-about .history-item:nth-child(2n+1) .desc::after {right: -12px; top: 10px;}

/* brand */
.sc-about .group-brand .title-area .ico-logo {width: 204px; height: 86px; background-image: url("../img/band_title_logo_ko.jpg");}
.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: 55px 0; display: flex; justify-content: space-between; align-items: 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: 300px;}
.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: calc((100% - 345px));}
.sc-about .brand-item .title {font-size: 30px; 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: 30px; border-bottom: 2px solid #2f4820; bottom: -1px;}
.sc-about .brand-item .desc {font-size: 18px; font-weight: 300; line-height: 1.78; color: #757d7e; margin-top: 30px;}

.sc-about .brand-item .btn_link { display: block; width:180px; height: 45px; text-align: center; line-height: 43px; background:#15320c; font-size:14px; color:#fff; margin:20px 0 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: 86px; background-image: url("../img/band_title_logo_ko.jpg");}
.dot_title { position:relative; display: block; padding-left: 17px; font-size: 35px; font-weight: bold; color: #333; margin:0 0 30px; }
.dot_title::before { content:""; position:absolute; left:0; width:8px; top:25px; height: 8px; border-radius: 50%; background:#2f4820; }

.ci_con { padding: 70px 0 120px; }
.ci_con .flex_box { display: flex; justify-content: space-between; }
.ci_con .flex_box .img { border:1px solid #ddd; }
.ci_con .flex_box .left { padding:53px 60px 90px; }
.ci_con .btn_list { margin:65px 0 0; display:flex; justify-content: center; align-items: center; }
.ci_con .btn_list li + li { margin-left: 15px; }
.ci_con .btn_list a { width: 240px; height: 50px; background-color: #15320c; text-align: center; display: flex; justify-content: space-between; align-items: center; padding:0 15px; color:#fff; font-size: 14px; font-weight: 300; text-align: left; letter-spacing: -.5px;}
.ci_con .btn_list a i { font-size: 18px; }