/* 공통 */
.sub_con { width:100%; margin:0 auto; }
.sub_title { line-height: 1; padding:0 15px; }
.sub_title h2 { font-size: 16px; letter-spacing: 4.9px; color: rgba(34, 24, 21, 0.5); font-family: 'S-CoreDream-5Medium'; }
.sub_title h1 { margin-top:20px; font-size: 28px; letter-spacing: -2.5px; color: #221815; font-family: 'S-CoreDream-6Bold'; word-break: keep-all; }

.sub_p { font-size: 15px; font-family: 'S-CoreDream-3Light'; letter-spacing: -1.8px; line-height: 2; color: #221815; word-break: keep-all; }
.sub_p b { font-family: 'S-CoreDream-6Bold'; }

.line_tit { position:relative; text-align: center; margin-bottom: 25px; }
.line_tit:before { content:""; position:absolute; left:0; width:calc(50% - 80px); top:0; height: 1px; background:#c9ae8f; }
.line_tit:after { content:""; position:absolute; right:0; width:calc(50% - 80px); top:0; height: 1px; background:#c9ae8f; }
.line_tit b { display: inline-block; font-size: 20px; font-weight: 500; letter-spacing: -1.1px; color: #bb966d; font-family: 'S-CoreDream-5Medium'; background:#f9f8f7; position:relative; top:-13px; }

.tab_btn_wr { position:relative; z-index: 5; }
.tab_btn { width:100%; margin-top: 35px; display: flex; height: 40px; align-items: center; position:relative; z-index: 2; }
.tab_btn li { flex:1; height: 100%; }
.tab_btn li ~ li { margin-left: -1px; }
.tab_btn li a { position:relative; display: block; width:100%; line-height: 40px; font-size: 12px; color: #57391c; font-family: 'S-CoreDream-4Regular'; cursor: pointer; transition: all .3s; background:#fff; white-space: nowrap; border:1px solid #ebe7e1; }
.tab_btn li a.active { background-color: #57391c; border-color:#57391c; color: #fff; }

.tab { display: none; }
.tab.active { display: block; }

/*Content CSS*/
#competi1 { overflow: hidden; width:100%; padding:50px 0 0; text-align: center; }
#competi1 img { max-width: 100%; }
.comp_tit { line-height: 1; margin-bottom: 50px; }
.comp_tit h3 { position:relative; display: inline-block; font-size: 22px; letter-spacing: -1.9px; color: #57391c; font-family: 'S-CoreDream-6Bold'; }
.comp_tit h3:before { content:""; position:absolute; left:-60px; top:-30px; width:69px; height: 51px; background:url('../img/apos_s1.png') no-repeat center; transform: scale(0.4);}
.comp_tit h3:after { content:""; position:absolute; right:-60px; top:-30px; width:69px; height: 51px; background:url('../img/apos_s2.png') no-repeat center; transform: scale(0.4); }
.comp_tit p { margin-top: 25px; font-size: 15px; letter-spacing: -1px; color: #221815; font-family: 'S-CoreDream-3Light'; line-height: 1.9; word-break: keep-all; }
.comp_tit p b { color: #57391c; font-family: 'S-CoreDream-5Medium'; font-weight: normal; }

/* tab1 */
#compt1_tab1 { padding:80px 0 0; background-color: #f9f8f7; }
#compt1_tab1 article ul li { position:relative; width:100%; text-align: left; line-height: 1; }
#compt1_tab1 article ul li:nth-child(n+2) { margin-top: 70px; }
#compt1_tab1 article ul li .img { width:100%; text-align: center; }

#compt1_tab1 article li .txt { max-width: 410px; margin:0 auto; }
#compt1_tab1 article li h5 { margin-top: 25px; padding-left: 30px; font-size: 18px; letter-spacing: -1.43px; font-family: 'S-CoreDream-6Bold'; color: #57391c; background:url('../img/arrow_type2.png') no-repeat left center / 16px auto; }
#compt1_tab1 article li p { margin-top: 15px; border-top: 1px solid rgba(86,55,28,0.2); padding-top: 15px; }

/* tab1 - art1 */
#compt1_tab1 .art1 { padding:0 15px 70px; }
#compt1_tab1 .art1 li:first-child .img { position:relative; width: calc(100% - 20px); height: calc(100% - 20px); z-index: 1; overflow:visible; }
#compt1_tab1 .art1 li:first-child .img:after { content:""; position:absolute; left:calc(50% + 20px); transform: translateX(-50%); top:20px; width:100%; max-width: 390px; height: 100%; border-radius: 0 0 10px 0; background-color: #58391d; opacity: 0.39; z-index: -1; }
#compt1_tab1 .art1 li:first-child h5 { max-width: 390px; }
#compt1_tab1 .art1 li:first-child h5 { margin:0; background:none; padding:0; position:absolute; left:calc(50% - 10px); transform: translateX(-50%); width:100%; padding:40px; top:0; color:#fff; letter-spacing: -2.1px; font-family: 'S-CoreDream-4Regular'; line-height: 1.61; z-index: 3; }
#compt1_tab1 .art1 li:first-child h5 span { display: inline-block; margin-left: 10px; width: 22px; }

/* tab1 - art2 */
#compt1_tab1 .art2 { background:#fff; padding:70px 15px; }
#compt1_tab1 .art2 .line_tit b { background:#fff; }





/* tab2 */
#compt1_tab2 .line_tit:before { width:calc(50% - 110px); }
#compt1_tab2 .line_tit:after { width:calc(50% - 110px); }
/* tab2 - art1 */
#compt1_tab2 .art1 { padding:80px 15px 70px; background-color: #f9f8f7; }
#compt1_tab2 .art1 .p_box { position:relative; width:100%; padding:20px 15px; text-align: center; line-height: 1; font-size: 18px; font-weight: 500; color: #fff; font-family: 'S-CoreDream-5Medium'; background-color: #58391c; margin:0 0 30px; }
#compt1_tab2 .art1 .p_box:after { content:""; position:absolute; left:50%; transform: translateX(-50%); bottom:-12px; width:20px; height: 26px; background:url('../img/arrow_down.png') no-repeat center; background-size: contain; }
#compt1_tab2 .art1 .sub_p br { display: none; }

#compt1_tab2 .art1 .img_list { margin-top: 50px; }
#compt1_tab2 .art1 .img_list .img { position:relative; text-align: center; }
#compt1_tab2 .art1 .img_list .img img { max-width: 50%; }
#compt1_tab2 .art1 .img_list li { position:relative; margin-bottom: 50px; }
#compt1_tab2 .art1 .img_list li:after { content:""; position:absolute; left:50%; bottom:-12%; transform: translateX(-50%) rotate(90deg); width:20px; height: 28px; background:url('../img/arrow_type3.png') no-repeat center / 15px auto; }
#compt1_tab2 .art1 .img_list li:last-child { margin-bottom: 0; }
#compt1_tab2 .art1 .img_list li:last-child:after { display: none; }

#compt1_tab2 .art1 .img_list .txt { position:relative; margin-top:50px; padding: 55px 20px 20px; border:2px solid #ffcc00; line-height: 1; }
#compt1_tab2 .art1 .img_list .txt h4 { position:absolute; left:50%; top:0; transform: translate(-50%, -50%);width: 70px; height: 70px; border-radius: 50%; text-align: center; line-height:70px; font-size: 18px; letter-spacing: -1.5px; color: #fff; font-family: 'S-CoreDream-6Bold';  background-color: #ffcc00; }
#compt1_tab2 .art1 .img_list .txt b { font-size: 18px; letter-spacing: -1.2px; color: #57391c; font-family: 'S-CoreDream-6Bold'; word-break: keep-all; }
#compt1_tab2 .art1 .img_list .txt p { font-size: 14px; letter-spacing: -1.2px; color: #916842; font-family: 'S-CoreDream-4Regular'; line-height: 1.88; border-top: 1px solid #ebe7e1; padding-top: 12px; margin-top: 15px; word-break: keep-all; }
#compt1_tab2 .art1 .img_list .txt p br { display: none; }

#compt1_tab2 .art1 .img_list li:nth-child(2) .txt { border-color: #ffbe00; }
#compt1_tab2 .art1 .img_list li:nth-child(2) .txt h4 { background-color: #ffbe00; }
#compt1_tab2 .art1 .img_list li:nth-child(3) .txt { border-color: #ffaa00; }
#compt1_tab2 .art1 .img_list li:nth-child(3) .txt h4 { background-color: #ffaa00; }
#compt1_tab2 .art1 .img_list li:nth-child(4) .txt { border-color: #ff9900; }
#compt1_tab2 .art1 .img_list li:nth-child(4) .txt h4 { background-color: #ff9900; }

#compt1_tab2 .art1 .ico_list { margin-top:50px; width:100%; background:url('../img/compt1_t2_bg.jpg') no-repeat 60% 50% / cover; }
#compt1_tab2 .art1 .ico_list li { padding:25px 15px; display: flex; align-items: center; text-align: left; }
#compt1_tab2 .art1 .ico_list li:nth-child(odd) { border-right: 1px solid rgba(249,248,247,0.8); }
#compt1_tab2 .art1 .ico_list li:nth-child(n+2) { border-top: 1px solid rgba(249,248,247,0.8); }
#compt1_tab2 .art1 .ico_list li .ico { width: 50px; flex-shrink: 0;}
#compt1_tab2 .art1 .ico_list li p { margin-left: 15px; font-size: 16px; font-weight: 500; line-height: 1.05; color: #fff; font-family: 'S-CoreDream-5Medium'; word-break: keep-all; }
#compt1_tab2 .art1 .ico_list li p small { display: inline-block; margin-top: 7px; font-size: 14px; line-height: 1.3; }


/* tab2 - art2 */
#compt1_tab2 .art2 { padding: 70px 15px 50px; background:#fff; }
#compt1_tab2 .art2 br { display: none; }
#compt1_tab2 .art2 .line_tit { margin-bottom: 35px; }
#compt1_tab2 .art2 .line_tit b { background:#fff; }
#compt1_tab2 .art2 .ico_list li { position:relative; padding:30px 20px 20px; margin-bottom: 40px; border: solid 2px #c3a078; display: flex; align-items: center; }
#compt1_tab2 .art2 .ico_list li h4 { position:absolute; left:50%; transform: translate(-50%, -50%); top:0; width:55px; height: 55px; border-radius: 50%; background:#c3a078; text-align: center; line-height: 55px; font-size: 18px; letter-spacing: -1.5px; color: #fff; font-family: 'S-CoreDream-6Bold'; }
#compt1_tab2 .art2 .ico_list li .ico { display: block; width: 35px; margin:0 15px 0 0; text-align: center; }
#compt1_tab2 .art2 .ico_list li b { font-size: 16px; letter-spacing: -1.2px; color: #57391c; font-family: 'S-CoreDream-6Bold'; line-height: 1.5; text-align: left; word-break: keep-all; }



/* tab3&4 기존 brand */
.sub_head {font-size:24px; font-weight: 400; color:#2a231b; font-family: 'S-CoreDream-5Medium';}
.sub_head::after {content: ''; display: block ; width:50px; height:2px; background: #c3a078; margin:20px auto 0;}

/* tab3 */
/* br_sec4 */
.br_sec4 {width:100%; padding:80px 15px 50px; text-align: center; background: url('../img/br_sec4_bg.jpg') 50% 50% no-repeat; text-align: center; background-size: cover;}
.br_sec4 .sub_head {color:#fff;}
.br_sec4 > h2 {font-size:18px; font-weight: 400; color:#ff9900; font-family: 'S-CoreDream-5Medium'; margin: 30px 0 10px 0;}
.br_sec4 > p {font-size:15px; color: #fff; font-family: 'S-CoreDream-2ExtraLight'; letter-spacing: -1px; word-break: keep-all; word-break: keep-all; line-height: 25px;
margin-bottom:20px;}

.br_sec4_con {width:100%; margin:30px auto 0;  position: relative;}
.br_sec4_con ul li { transition: all .3s ease; padding:10px 15px; width:100%; display: flex; text-align: left; align-content: center; border-top:1px solid rgba(255,214,167,.5);}
.br_sec4_con ul li:last-child {border-bottom:1px solid rgba(255,214,167,.5);}
.br_sec4_con ul li div {text-align: center;}
.br_sec4_con ul li h2 {font-size:25px; font-weight: 400; color:#ffd6a7;font-family: 'Montserrat'; transition: color .3s ease;}
.br_sec4_con ul li span {display: block ; font-size:10px; font-weight: 400; color:#ffd6a7; font-family: 'Montserrat';opacity: .6; transition: color .3s ease;}
.br_sec4_con ul li p {font-size:15px; font-weight: 400; color:#ffd6a7; letter-spacing: -1px; font-family: 'S-CoreDream-4Regular'; transition: color .3s ease; line-height: 43px;
margin-left:25px; white-space: nowrap;}


/* br_sec5 */
.br_sec5 {width:100%;  background: url('../img/line_pat2.png') 50% 50% repeat; text-align: center;padding: 50px 15px;}
.br_sec5 h1 {font-size:24px; font-weight: 400; color:#2a231b; position: relative;  font-family: 'S-CoreDream-4Regular'; display: inline-block;word-break: keep-all; }
.br_sec5 h1 > img {position: absolute; top:-15px; width:40px;}
.br_sec5 h1 .apostrophe1 {left:-45px;}
.br_sec5 h1 .apostrophe2 {right:-45px;}
.br_sec5 h1::after {content: ''; display: block; width:1px; height:40px; background: #7b5c40; margin:15px auto;}
.br_sec5 h2 {font-size:18px; font-weight: 400; color:#4b331d; font-family: 'S-CoreDream-4Regular'; letter-spacing: -1px; word-break: keep-all;}
.br_sec5 > p {font-size:15px; font-weight: 300; color:#4b331d; letter-spacing: -1px; margin-top:5px; word-break: keep-all;}
.br_sec5_img {padding:0 20px; margin-top:40px;}
.br_sec5_img > img {width:70%; max-width:70%;}


/* br_sec8 */
.br_sec8 { text-align: center; padding:50px 0 0; background-color: #fff; border-top:1px solid #efefef;}
.br_sec8 h1 { font-weight: 400; color: #2a231b; font-family: 'S-CoreDream-4Regular'; font-size:18px; line-height: 32px;}
.br_sec8 h1 b { font-size: 24px; font-weight: 400; font-family: 'S-CoreDream-5Medium';}
.br_sec8 h1::after {content: ''; display: block; width: 60px; height: 2px; background: #2a231b;margin: 25px auto 0;}
.br_sec8 ul { position:relative; margin-top:40px; /* display: flex; justify-content: center; */ }
/* .br_sec8 ul li {display: flex; flex-direction: column; align-items: center; justify-content: flex-end;} */
.br_sec8 ul li { margin-bottom: 50px; border-bottom: 1px solid rgba(86,55,28,0.2); }
.br_sec8 ul li:last-child { margin-bottom: 0; border-bottom: 0; }
.br_sec8 ul li h3 {font-size:14px; font-weight: 300; color:#2a231b; margin-bottom:10px;}
.br_sec8 ul li h2 {font-size:20px; font-weight: 400; font-family: 'S-CoreDream-5Medium'; color:#58391c; margin-bottom:20px; /* min-height: 56px; */ }
.br_sec8 ul li span {display: block; margin:0 auto 15px; font-size:26px;  font-family: 'S-CoreDream-6Bold';background: #ffc700; color:#fff; font-weight: 400; border-radius: 50%; width:55px; height:55px; line-height: 55px;  }
.br_sec8 ul li.num2 span {background-color: #ffb600;}
.br_sec8 ul li.num3 span {background-color: #ffac00;}
.br_sec8 ul li.num4 span {background-color: #ff9600;}


/* .br8_slider .slick-slide {outline: none; display: flex !important; flex-direction: column; justify-content: flex-end; align-items: center;}
.br8_slider .slick-slide img { max-width:100%; margin:0 auto; height: auto; }
.br8_slider .slick-arrow {position: absolute; top:50%; transform:translateY(-50%); border:0; background: transparent; font-size:20px; color:#fff; padding:15px 20px; background: rgba(0,0,0,.3); outline: none; z-index: 10;}
.br8_slider .slick-prev {left:0;}
.br8_slider .slick-next {right:0;} */


/* tab4 */
#compt1_tab4 { padding: 80px 0; background:#f9f8f7; }
.br_sec2_con { width:calc(100% - 30px); box-shadow: 4px 4px 10px 0 rgba(0, 0, 0, 0.16); background: #fff; margin:0 auto; }
/* sec2-box1 */
.br_sec2_con .box1 { padding:40px 15px; text-align: center;}
.box1_img img { max-width:100%; }
.br_sec2_con .box1 h2 {font-size:20px; font-weight: 400; color:#2a231b; font-family: 'S-CoreDream-4Regular'; margin-bottom:30px; word-break: keep-all;}
.br_sec2_con .box1_con {display: flex; flex-direction: column;}
.br_sec2_con .box1 ul {padding-left:20px;}
.br_sec2_con .box1 ul li {display: flex; align-items: flex-start; font-size:14px; font-weight: 300; color:#2a231b; letter-spacing: -1px; margin-bottom:8px; text-align: left;
word-break: keep-all;}
.br_sec2_con .box1 ul li:last-child {margin-bottom:0;}
.br_sec2_con .box1 ul span {display: block; max-width:20px; min-width: 20px; font-size:24px; font-weight: 400; color:#c3a078; font-family: 'Montserrat'; margin-right:8px; position: relative;
top:-4px;}
.br_sec2_con .box1_txt_box {width:100%; background: #58391c; transition: all .3s ease; display: flex; align-items: center; padding: 10px 15px; position: relative; z-index: 1; margin-top:30px; text-align: left;}
.br_sec2_con .box1_txt_box::after { position: absolute; content: ""; width: 100%; height: 0; bottom: 0; left: 0; z-index: -1; background: #c3a078; transition: all 0.3s ease;}
.br_sec2_con .box1_txt_box > div:nth-child(2) {margin-left:15px;}
.br_sec2_con .box1_txt_box h3 {font-size:14px; font-weight: 400; color:#fff; letter-spacing: -1px; line-height:18px; word-break: keep-all;}
.br_sec2_con .box1_txt_box p {font-size:12px; font-weight: 300; color:#ccb79e; letter-spacing: -1px; margin-top:5px; line-height: 18px; transition: all .3s ease; word-break: keep-all;}
.br_sec2_con .box1_txt_box:hover p {color:#fff;}

/* sec2-box2 */
.br_sec2_con .box2 { padding:50px 15px; background: url('../img/dot_pat.png') 50% 50% repeat; text-align: center;}
.br_sec2_con .box2_img p {font-size:14px; font-weight: 400; color:#2a231b; letter-spacing: -1px; line-height: 25px; word-break: keep-all; margin-top:15px;}
.br_sec2_con .box2_txt {text-align: center; margin-top:40px;}
.br_sec2_con .box2_txt h2 {font-size:20px; font-weight: 400; color:#2a231b; letter-spacing: -1px; font-family: 'S-CoreDream-4Regular'; margin-bottom:25px;}
.br_sec2_con .box2_txt h2::before {content: ''; display: block; width:30px; height:2px; background: #c3a078; margin:0 auto 20px; }
.br_sec2_con .box2_txt ul {display: flex; justify-content: center; flex-direction: column;}
.br_sec2_con .box2_txt ul li {width:100%; ; background: #fff; border:1px solid #f3efeb; margin-bottom:10px; transition: all .3s ease; padding:25px 15px;}
.br_sec2_con .box2_txt ul li:last-child {margin-bottom:0;}
.br_sec2_con .box2_txt ul li h3 {font-size:25px; font-weight: 400; color:#c3a078; font-family: 'Montserrat'; }
.br_sec2_con .box2_txt ul li h4 {font-size:18px; font-weight: 400; color:#2a231b; letter-spacing: -.5px; margin:0 0 10px 0;}
.br_sec2_con .box2_txt ul li p {font-size:14px; font-weight: 300; color:#2a231b; letter-spacing: -1px; line-height: 24px;  word-break: keep-all;}

/* sec2-box3 */
.br_sec2_con .box3 {padding:50px 15px; background: url('../img/line_pat.png') 50% 50% repeat;  text-align: center;}
.br_sec2_con .box3 h1 {font-size:22px; font-weight: 400; font-family: 'S-CoreDream-5Medium'; color:#2a231b;}
.br_sec2_con .box3 h2 {font-size:14px; font-weight: 300; color:#c3a078; letter-spacing: -.5px; position: relative; display: block; margin-bottom:10px; width:100%;}
.br_sec2_con .box3 h2::before {content: ''; display: block; position: absolute; width:28%; height:1px; background: #c3a078; left:-0%; top:10px;}
.br_sec2_con .box3 h2::after {content: ''; display: block; position: absolute; width:28%; height:1px; background: #c3a078; right:-0%; top:10px;}
.br_sec2_con .box3 ul {display: flex; text-align: center; justify-content: space-around; margin-top:30px; flex-wrap:wrap;}
.br_sec2_con .box3 ul li {width:48%; height:220px; background: url('../img/br_hexa1.png') 50% 50% no-repeat; background-size: cover; display: flex; align-items: center; justify-content: center;
flex-direction: column; padding-bottom:20px; max-width:280px; min-width:165px;}
/* .br_sec2_con .box3 ul li:nth-child(even) {margin-left:3%;} */
.br_sec2_con .box3 ul li h3 {font-size:25px; font-weight: 400; color:#fff; font-family: 'Montserrat'; }
.br_sec2_con .box3 ul li p {font-size:16px; font-weight: 400; color:#fff; margin-top:10px; font-family: 'S-CoreDream-4Regular'; padding-right:5px; word-break: keep-all;}
.br_sec2_con .box3 ul li:nth-child(2) {background: url('../img/br_hexa2.png') 50% 50% no-repeat; background-size: cover;}
.br_sec2_con .box3 ul li:nth-child(3) {background: url('../img/br_hexa3.png') 50% 50% no-repeat; background-size: cover;  }
.br_sec2_con .box3 ul li:nth-child(4) {background: url('../img/br_hexa4.png') 50% 50% no-repeat;background-size: cover;}