.sub_visual {position: relative; height: 540px; background: #FDF6EB; margin-top: 60px;}
.sub_inner {max-width: 1400px; margin: 0 auto; width: 100%;}
.sub_vis_inner {max-width: 1400px; width: 100%; height: 100%; margin: 0 auto;}
.sub_vis_ic {animation: updown 3s ease-in-out alternate infinite;}
.sub_vis_ic1 {position: absolute; top: 352px; left: 130px; width: 71px; height: 67px; background: url("/img/brand/sub_vis_ic1.svg") no-repeat center / contain; animation-delay: 1.2s;}
.sub_vis_ic2 {position: absolute; top: 132px; left: 295px; width: 55px; height: 55px; background: url("/img/brand/sub_vis_ic2.svg") no-repeat center / contain; animation-delay: 0.2s;}
.sub_vis_ic3 {position: absolute; top: 188px; left: 500px; width: 90px; height: 90px; background: url("/img/brand/sub_vis_ic3.svg") no-repeat center / contain; animation-delay: 0.4s;}
.sub_vis_ic4 {position: absolute; top: 280px; right: 461px; width: 150px; height: 150px; background: url("/img/brand/sub_vis_ic4.svg") no-repeat center / contain; animation-delay: 0.2s;}
.sub_vis_ic5 {position: absolute; top: 73px; right: 391px; width: 27px; height: 72px; background: url("/img/brand/sub_vis_ic5.svg") no-repeat center / contain; animation-delay: 0.2s;}
.sub_vis_ic6 {position: absolute; top: 190px; right: 185px; width: 43px; height: 43px; background: url("/img/brand/sub_vis_ic6.svg") no-repeat center / contain; animation-delay: 0.4s;}
.sub_vis_ic7 {position: absolute; bottom: 50px; right: 102px; width: 55px; height: 55px; background: url("/img/brand/sub_vis_ic7.svg") no-repeat center / contain; animation-delay: 1.2s;} 
.sub_vis_main_ic {position: absolute; top: 86px; left: 50%; transform: translateX(-50%); width: 262px; height: 210px; padding-top: 33px; overflow: hidden; box-sizing: content-box; }
.sub_vis_main_ic:before{content: ''; display: block; width: 234px; height: 186px; background: url("/img/brand/sub_vis_main_cover.svg") no-repeat center bottom / contain; position: absolute; left: 50%; transform: translateX(-50%); z-index: 10; bottom: 0;}
.sub_vis_main_ic .sub_vis_main_ic0 {width: 234px; height: 186px; background: url("/img/brand/sub_vis_main_ic.svg") no-repeat center / contain; margin: 0 auto;}
.sub_vis_main_ic .sub_vis_main_ic1 {position: absolute; top: 0; left: 50px; width: 160px; height: 150px; background: url("/img/brand/sub_vis_main_ic1.svg") no-repeat center / contain; z-index: 5; opacity: 1; transform: translate(0); transition: all 1s ease;}
.sub_vis_main_ic .sub_vis_main_ic1.on {opacity: 0; transform: translate(0 , 150px);}

@keyframes updown {
    0% { -webkit-transform: translateY(0); transform: translateY(0); }
    100% { -webkit-transform: translateY(30%); transform: translateY(30%); }
}

.sub_vis_txt {position: absolute; bottom: 107px; left: 0; width: 100%; text-align: center; color: #4C250D;}
.sub_vis_txt h2 {font-family: 'yg-jalnan'; font-size: 45px; letter-spacing: -1px;}
.sub_vis_txt p {font-size: 22px; letter-spacing: -0.4px; font-weight: 500; margin-top: 15px;}

#sub_content {padding: 70px 0 140px;}
.sub_menu{margin-bottom: 95px;}
.sub_menu ul{display: flex; justify-content: center; gap:60px;}
.sub_menu ul li{font-size: 30px; letter-spacing: -1px; font-family: 'yg-jalnan'; color: #4C250D;}
.sub_menu ul li a{font-family: 'yg-jalnan'; color: #4C250D;}
.sub_menu ul li.active a{color: #FFCB4E;}


/* 매장찾기 */
.map_wrap{position:relative;}
.map_wrap .map{height: 950px; overflow:hidden; position:relative; z-index: 1;}
.map_wrap .map_menu_wrap{position:absolute; top: 50%; left: 50%; transform: translate(-50% , -50%); z-index:50;}
.map_wrap .map_menu{position:relative;}
.map_wrap .map_menu .map_ic{width: 25px; cursor:pointer;}
.map_wrap .map_menu .map_ic img{width: 100%;}

.map_wrap .map_menu .map_ic.on{animation: ani_pop infinite .75s;}

@keyframes ani_pop {
	0% {transform: translateY(-25px)}
	50% {transform: translateY(0)}
	100% {transform: translateY(-25px)}
}

.map_wrap .map_menu .map_box{position:absolute; top: -190px; left: 50%; transform: translateX(-50%); width: 400px; background: #FFF; box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.25); padding:30px 20px; text-align:center; display:none; z-index:10; border-radius: 30px;}
.map_wrap .map_menu .map_box.on{display:block;}
.map_wrap .map_menu .map_box:before{content:''; display:block; background:transparent; border-right:13px solid transparent; border-top:17px solid #fff; border-left:13px solid transparent; border-bottom:13px solid transparent; position:absolute; left: 50%; transform: translateX(-50%); bottom:-30px; filter: drop-shadow(0px 8px 4px rgba(0, 0, 0, 0.20)); z-index:10;}
.map_wrap .map_menu .map_box strong{font-size: 20px; color: #4C250D;}
.map_wrap .map_menu .map_box p{font-size: 15px; letter-spacing: -0.4px; color:#666; line-height:1.6; word-break:keep-all; margin-top:5px;}
.map_wrap .map_menu .map_box .detail_view{display:inline-block; font-size: 12px; padding: 10px 20px; border-radius: 50px; background: #FFCB4E; margin-top:15px; border:none; color:#4C250D  !important; font-family: 'yg-jalnan';}
.map_wrap .map_menu .map_box .map_close{position: absolute; top: 17px; right: 17px; width: 24px; cursor: pointer;}

.map_srh_wrap{position:absolute; left:35px; top:50%; transform:translateY(-50%); width: 450px; background: #FFF; box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.25); padding-bottom:45px; z-index:10; border-radius: 30px; overflow: hidden;}
.map_srh_inner{padding:0 30px;}
.map_srh_tp .map_tabnav{display:flex; border-bottom:1px solid #EAEAEA;}
.map_srh_tp .map_tabnav li{width:50%;}
.map_srh_tp .map_tabnav li a{display:block; font-size: 18px; color:#A78F76; text-align: center; line-height: 70px; font-family: 'yg-jalnan';}
.map_srh_tp .map_tabnav li a.active{background: #FFCB4E; color:#4C250D;}
.map_srh{display:flex; padding:30px 0 35px;}
.map_srh .map_srh_input{font-size: 20px; border: 1px solid #E3E3E3; height: 60px; padding:0 20px; width:calc(100% - 60px);}
.map_srh .map_srh_input::placeholder{color:#BEBEBE;}
.map_srh .map_srh_input:focus{border:1px solid #000;}
.map_srh select{font-size: 20px; border: 1px solid #E3E3E3; height: 60px; padding:0 20px; color:#BEBEBE; background: #fff url("/img/brand/sel_ic.svg") no-repeat right 20px center / 20px;}
.map_srh select option{color:#000;}
.map_srh select:focus{outline:none; border:1px solid #000;}
.map_srh .map_sel1{width:145px; border-right:1px solid transparent !important;}
.map_srh .map_sel2{width:185px;}
.map_srh_btn{display:block; width: 60px; height: 60px; line-height: 60px; text-align:center; background:#4C250D; border:none;}
.map_srh_btn img{width: 26px;}
.map_srh_bt{min-height:560px;}
.map_srh_bt .store_no_data{border-top:1px solid #D9D9D9; border-bottom:1px solid #D9D9D9; padding:35px 0; text-align:center;}
.map_srh_bt .store_no_data img{width: 45px;}
.map_srh_bt .store_no_data p{font-size: 18px; font-weight: 500; margin-top:5px; color: #A78F76;}
.map_srh_bt .store_list{border-top:1px solid #E3E3E3;}
.map_srh_bt .store_list li{padding:20px 0; display:flex; gap:20px; align-items:center; border-bottom:1px solid #E3E3E3; cursor:pointer;}
.map_srh_bt .store_list li .img{width: 125px; height: 100px; border: 1px solid #F0F0F0;}
.map_srh_bt .store_list li .img img{width: 100%; height: 100%; object-fit: cover;}
.map_srh_bt .store_list li .txt{width:calc(100% - 125px - 20px);}
.map_srh_bt .store_list li .txt strong{font-size: 18px; color: #4C250D; word-break:keep-all;}
.map_srh_bt .store_list li .txt p{color:#666; margin-top:8px; word-break:keep-all;}
.map_srh_bt .store_list li .txt .add{font-size: 15px;}
.map_srh_bt .store_list li .txt .time{font-size: 14px;}
.paging{display:flex; justify-content:center; align-items:center; gap:18px; margin-top:30px;}
.paging a{display: block; width: 30px; height: 30px; line-height: 30px; border: 1px solid #E3E3E3; border-radius:50%; text-align: center; box-sizing: content-box;}
.paging .first img, .paging .last img{width: 11px;}
.paging .prev img, .paging .next img{width: 6px;}
.paging ul{display:flex; justify-content:center; gap:8px;}
.paging .list_pager li a{font-size: 14px; color: #868686; font-weight: 500;}
.paging .list_pager li a.active{color: #fff; font-weight: 700; background: #4C250D; border-color: #4C250D;}

.map_pop_wrap{display:none; position:fixed; top:0; left:0; right:0; bottom:0; z-index:10000;}
.map_pop_wrap.on{display:block;}
.pop_bg{position:absolute; width:100%; height:100%; top:0; background: rgba(0, 0, 0, 0.50);}
.pop_inner{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width: 650px; background: #FFF; box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.25); border-radius: 30px; overflow: hidden;}
.pop_tp{background: #FFCB4E; display:flex; align-items:center; justify-content:center; padding:0 30px; height: 70px; text-align: center; position: relative;}
.pop_tp strong{font-size: 20px; color: #4C250D;}
.pop_tp .pop_close{width: 26px; cursor:pointer; position: absolute; right: 26px; top: 50%; transform:translateY(-50%);}
.pop_tp .pop_close img{width:100%;}
.pop_cont{padding:40px 30px; display:flex; gap:30px;}
.pop_cont .map_pop_slide_wrap{position:relative; width: 250px; height:200px; border: 1px solid #F0F0F0; box-sizing: content-box;}
.pop_cont .map_pop_slide_wrap .slide{height:200px;}
.pop_cont .map_pop_slide_wrap .slide img{width: 100%; height: 100%; object-fit: cover;}
.pop_cont .map_pop_slide_arrow{position:absolute; right:10px; bottom:10px; display:flex; gap:5px;}
.pop_cont .map_pop_slide_arrow > div{width: 25px; cursor:pointer; filter: drop-shadow(0px 1.562px 6.25px rgba(100, 100, 111, 0.20));}
.pop_cont .map_pop_slide_arrow > div img{width:100%;}
.pop_cont .map_pop_info{width: calc(100% - 250px - 30px);}
.pop_cont .map_pop_info dl{display:flex; align-items: flex-start; font-size: 14px; color: #4C250D;}
.pop_cont .map_pop_info dl + dl{margin-top:12px;}
.pop_cont .map_pop_info dt{font-weight: 900; width:75px; position:relative; padding-left:10px;}
.pop_cont .map_pop_info dt:before{content:''; display:block; width: 3px; height: 3px; background:#4C250D; border-radius:50%; position:absolute; left:0; top:50%; transform:translateY(-50%);}
.pop_cont .map_pop_info dd{width:calc(100% - 75px); word-break:keep-all;}

/* select */
.map_wrap .select {height: 60px; line-height: 60px; border: 1px solid #E3E3E3; font-size: 20px; position:relative; background:#fff; color:#B6B6B6;}
.map_wrap .select .selected {display: flex; justify-content: space-between; padding:0 20px; cursor:pointer;}
.map_wrap .select .selected .arrow {width: 20px; background: url("/img/brand/sel_ic.svg") no-repeat center / contain;}
.map_wrap .select.active .selected .arrow{transform:rotate(180deg);}
.map_wrap .select .option_wrap {width: calc(100% + 2px); display: none; position: absolute; margin: -2px 0 0 -1px; cursor: pointer; z-index:99; border:1px solid #4C250D; background: #FFF; overflow: hidden;}
.map_wrap .select.active .option_wrap {display: initial;}
.map_wrap .select ul li {line-height:40px; padding-left: 10px; color: #8E8E8E; font-weight: 500; font-size:18px;}
.map_wrap .select ul li:hover{background: #F1E5D8; color:#333;}
.map_wrap .select.on{display:block;}


/* 브랜드 소개 */
.brand_sec1 h3{font-size: 40px; letter-spacing: -1px; color: #4C250D; font-family: 'yg-jalnan'; text-align: center;}
.brand_sec1 .img{margin-top: 43px;}
.brand_sec1 .img img{width: 100%;}
.brand_sec1 .txt{margin-top: 60px; text-align: center; color: #4C250D; letter-spacing: -0.8px;}
.brand_sec1 .txt strong{font-size: 26px; font-weight: 800; line-height: 1.4;}
.brand_sec1 .txt p{font-size: 20px; font-weight: 500; line-height: 1.5; margin-top: 20px;}
.brand_sec2{margin-top: 110px;}
.brand_list{display: flex; justify-content: space-between; }
.brand_list li{width: 25%;}
.brand_list li .img img{width: 100%;}
.brand_list li .txt{margin-top: 60px; text-align: center; color: #4C250D;}
.brand_list li .txt span{font-size: 22px; letter-spacing: -0.4px; font-weight: 500; line-height: 1.3;}
.brand_list li .txt .title{font-size: 30px; letter-spacing: -1px; font-family: 'yg-jalnan'; line-height: 1.6; margin-top: 5px;}
.brand_list li .txt p{font-size: 20px; letter-spacing: -0.4px; font-weight: 500; line-height: 1.5; margin-top: 20px;}


/* BI / CI */
.sub_tit{font-size: 30px; letter-spacing: -2px; color: #4C250D; font-family: 'yg-jalnan'; margin-bottom: 30px;}
.bi_sec1 .txt{color: #4C250D; display: flex; align-items: center; gap:25px; margin-bottom: 40px;}
.bi_sec1 .txt2{margin-bottom: 30px;}
.bi_sec1 .txt dt{font-size: 25px; letter-spacing: -0.4px; font-weight: 800;}
.bi_sec1 .txt dd{font-size: 20px; letter-spacing: -0.8px; font-weight: 500;}
.bi_sec1 .logo_wrap{height: 400px; border: 1px solid #D9D9D9; display: flex; justify-content: center; align-items: center; margin-bottom: 100px;}
.bi_sec1 .logo_wrap img{width: 600px;}
.bi_sec1 .color_wrap{display: flex;}
.bi_sec1 .color_wrap li{width: 410px; padding: 45px 0; border-radius:100px; display: flex; justify-content: center; gap:15px; font-size: 20px; color: #fff;}
.bi_sec1 .color_wrap li + li{margin-left: -40px;}
.bi_sec1 .color_wrap li:nth-child(1){color: #4C250D; background: #F6CC57;}
.bi_sec1 .color_wrap li:nth-child(2){background: #4E2201;}
.bi_sec1 .color_wrap li:nth-child(3){background: #F08C27;}
.bi_sec1 .color_wrap li strong{font-weight: 800;}
.bi_sec2{background: #FFCB4E url("/img/brand/bi_sec2_txt.svg") no-repeat center / contain; padding: 100px 0 125px; margin-top: 100px;}
.cha_cont{margin-top: 75px;}
.cha_cont .item{display: flex; align-items: center;}
.cha_cont .item2{flex-direction: row-reverse; margin-top: 75px;}
.cha_cont .item2 .txt{text-align: right;}
.cha_cont .item .img{width: 50%; text-align: center;}
.cha_cont .item .img img{width: 380px;}
.cha_cont .item .txt{width: 50%; color: #4C250D;}
.cha_cont .item .txt span{font-size: 20px; letter-spacing: -0.6px; font-weight: 500;}
.cha_cont .item .txt .title{font-size: 40px; letter-spacing: -1px; font-family: 'yg-jalnan'; margin-top: 10px;}
.cha_cont .item .txt dl{margin-top: 40px;}
.cha_cont .item .txt dl dt{font-size: 30px; letter-spacing: -0.4px; font-weight: 800;}
.cha_cont .item .txt dl dd{font-size: 20px; letter-spacing: -0.4px; margin-top: 15px; font-weight: 500; line-height: 1.5;}







@media screen and (max-width:1440px){

	.sub_visual {height: 37.50vw; margin-top: 4.17vw;}
	.sub_inner {max-width: 100%; padding: 0 2.78vw;}
	.sub_vis_inner {max-width: 100%; padding: 0 2.78vw;}
	.sub_vis_ic1 {top: 24.44vw; left: 4.03vw; width: 4.93vw; height: 4.65vw;}
	.sub_vis_ic2 {top: 9.17vw; left: 14.49vw; width: 3.82vw; height: 3.82vw;}
	.sub_vis_ic3 {top: 13.06vw; left: 29.72vw; width: 6.25vw; height: 6.25vw;}
	.sub_vis_ic4 {top: 19.44vw; right: 24.01vw; width: 10.42vw; height: 10.42vw;}
	.sub_vis_ic5 {top: 5.07vw; right: 23.15vw; width: 1.88vw; height: 5.00vw;}
	.sub_vis_ic6 {top: 13.19vw; right: 10.85vw; width: 2.99vw; height: 2.99vw;}
	.sub_vis_ic7 {bottom: 5.47vw; right: 5.08vw; width: 3.82vw; height: 3.82vw;} 
	.sub_vis_main_ic {top: 5.97vw; width: 18.19vw; height: 14.58vw; padding-top: 2.29vw;}
	.sub_vis_main_ic:before{width: 16.25vw; height: 12.92vw; }
	.sub_vis_main_ic .sub_vis_main_ic0 {width: 16.25vw; height: 12.92vw; margin-top: 2px;}
	.sub_vis_main_ic .sub_vis_main_ic1 {left: 3.47vw; width: 11.11vw; height: 10.42vw;}
	.sub_vis_main_ic .sub_vis_main_ic1.on {transform: translate(0 , 17.36vw);}

	.sub_vis_txt {bottom: 7.43vw;}
	.sub_vis_txt h2 {font-size: 3.13vw; letter-spacing: -0.07vw;}
	.sub_vis_txt p {font-size: 1.53vw; letter-spacing: -0.03vw; margin-top: 1.04vw;}

	#sub_content {padding: 4.86vw 0 9.72vw;}
	.sub_menu{margin-bottom: 6.60vw;}
	.sub_menu ul{gap:4.17vw;}
	.sub_menu ul li{font-size: 2.08vw; letter-spacing: -0.07vw;}


	/* 매장찾기 */
	.map_wrap .map{height: 65.97vw;}
	.map_wrap .map_menu .map_ic{width: 1.73vw;}

	@keyframes ani_pop {
		0% {transform: translateY(-1.74vw)}
		50% {transform: translateY(0)}
		100% {transform: translateY(-1.74vw)}
	}

	.map_wrap .map_menu .map_box{top: -13.19vw; width: 27.78vw; padding:2.08vw 1.39vw; border-radius: 2.08vw;}
	.map_wrap .map_menu .map_box:before{border-right:0.90vw solid transparent; border-top:1.18vw solid #fff; border-left:0.90vw solid transparent; border-bottom:0.90vw solid transparent; bottom:-2.008vw; filter: drop-shadow(0.00vw 0.56vw 0.28vw rgba(0, 0, 0, 0.20));}
	.map_wrap .map_menu .map_box strong{font-size: 1.39vw;}
	.map_wrap .map_menu .map_box p{font-size: 1.04vw; letter-spacing: -0.03vw; margin-top:0.35vw;}
	.map_wrap .map_menu .map_box .detail_view{font-size: 0.83vw; padding: 0.69vw 1.39vw; margin-top:1.04vw;}
	.map_wrap .map_menu .map_box .map_close{top: 1.18vw; right: 1.18vw; width: 1.67vw;}

	.map_srh_wrap{left:2.43vw; width: 31.25vw; box-shadow: 0.00vw 0.35vw 0.69vw 0.00vw rgba(0, 0, 0, 0.25); padding-bottom:3.13vw; border-radius: 2.08vw;}
	.map_srh_inner{padding:0 2.08vw;}
	.map_srh_tp .map_tabnav li a{font-size: 1.25vw; line-height: 4.86vw;}
	.map_srh{padding:2.08vw 0 2.43vw;}
	.map_srh .map_srh_input{font-size: 1.39vw; height: 4.17vw; padding:0 1.39vw; width:calc(100% - 4.17vw);}
	.map_srh select{font-size: 1.39vw; height: 4.17vw; padding:0 1.39vw; background: #fff url("/img/brand/sel_ic.svg") no-repeat right 1.39vw center / 1.39vw;}
	.map_srh .map_sel1{width:10.07vw;}
	.map_srh .map_sel2{width:12.85vw;}
	.map_srh_btn{width: 4.17vw; height: 4.17vw; line-height: 4.17vw;}
	.map_srh_btn img{width: 1.81vw;}
	.map_srh_bt{min-height:38.89vw;}
	.map_srh_bt .store_no_data{padding:2.43vw 0;}
	.map_srh_bt .store_no_data img{width: 3.13vw;}
	.map_srh_bt .store_no_data p{font-size: 1.25vw; margin-top:0.35vw;}
	.map_srh_bt .store_list li{padding:1.39vw 0; gap:1.39vw;}
	.map_srh_bt .store_list li .img{width: 8.68vw; height: 6.94vw;}
	.map_srh_bt .store_list li .txt{width:calc(100% - 8.68vw - 1.39vw);}
	.map_srh_bt .store_list li .txt strong{font-size: 1.25vw;}
	.map_srh_bt .store_list li .txt p{margin-top:0.56vw;}
	.map_srh_bt .store_list li .txt .add{font-size: 1.04vw;}
	.map_srh_bt .store_list li .txt .time{font-size: 0.97vw;}
	.paging{gap:1.25vw; margin-top:2.08vw;}
	.paging a{width: 2.08vw; height: 2.08vw; line-height: 2.08vw;}
	.paging .first img, .paging .last img{width: 0.76vw;}
	.paging .prev img, .paging .next img{width: 0.42vw;}
	.paging ul{gap:0.56vw;}
	.paging .list_pager li a{font-size: 0.97vw;}

	.pop_inner{width: 45.14vw; box-shadow: 0.00vw 0.28vw 0.69vw 0.00vw rgba(0, 0, 0, 0.25); border-radius: 2.08vw;}
	.pop_tp{padding:0 2.08vw; height: 4.86vw;}
	.pop_tp strong{font-size: 1.39vw;}
	.pop_tp .pop_close{width: 1.81vw; right: 1.81vw;}
	.pop_cont{padding:2.78vw 2.08vw; gap:2.08vw;}
	.pop_cont .map_pop_slide_wrap{width: 17.36vw; height:13.89vw;}
	.pop_cont .map_pop_slide_wrap .slide{height:13.89vw;}
	.pop_cont .map_pop_slide_arrow{right:0.69vw; bottom:0.69vw; gap:0.35vw;}
	.pop_cont .map_pop_slide_arrow > div{width: 1.74vw; filter: drop-shadow(0.00vw 0.11vw 0.43vw rgba(100, 100, 111, 0.20));}
	.pop_cont .map_pop_info{width: calc(100% - 17.36vw - 2.08vw);}
	.pop_cont .map_pop_info dl{font-size: 0.97vw;}
	.pop_cont .map_pop_info dl + dl{margin-top:0.83vw;}
	.pop_cont .map_pop_info dt{width:5.21vw; padding-left:0.69vw;}
	.pop_cont .map_pop_info dd{width:calc(100% - 5.21vw);}

	/* select */
	.map_wrap .select {height: 4.17vw; line-height: 4.17vw; font-size: 1.39vw;}
	.map_wrap .select .selected {padding:0 1.39vw;}
	.map_wrap .select .selected .arrow {width: 1.39vw;}
	.map_wrap .select ul li {line-height:2.78vw; padding-left: 0.69vw; font-size:1.25vw;}


    /* 브랜드 소개 */
    .brand_sec1 h3{font-size: 2.78vw; letter-spacing: -0.07vw;}
    .brand_sec1 .img{margin-top: 2.99vw;}
    .brand_sec1 .txt{margin-top: 4.17vw; letter-spacing: -0.06vw;}
    .brand_sec1 .txt strong{font-size: 1.81vw;}
    .brand_sec1 .txt p{font-size: 1.39vw; margin-top: 1.39vw;}
    .brand_sec2{margin-top: 7.64vw;}
    .brand_list li .txt{margin-top: 4.17vw;}
    .brand_list li .txt span{font-size: 1.53vw; letter-spacing: -0.03vw;}
    .brand_list li .txt .title{font-size: 2.08vw; letter-spacing: -0.07vw; margin-top: 0.35vw;}
    .brand_list li .txt p{font-size: 1.39vw; letter-spacing: -0.03vw; margin-top: 1.39vw;}


	/* BI / CI */
	.sub_tit{font-size: 2.08vw; letter-spacing: -0.14vw; margin-bottom: 2.08vw;}
	.bi_sec1 .txt{gap:1.74vw; margin-bottom: 2.78vw;}
	.bi_sec1 .txt2{margin-bottom: 2.08vw;}
	.bi_sec1 .txt dt{font-size: 1.74vw; letter-spacing: -0.03vw;}
	.bi_sec1 .txt dd{font-size: 1.39vw; letter-spacing: -0.06vw;}
	.bi_sec1 .logo_wrap{height: 27.78vw; margin-bottom: 6.94vw;}
	.bi_sec1 .logo_wrap img{width: 41.67vw;}
	.bi_sec1 .color_wrap li{width: 28.47vw; padding: 3.13vw 0; gap:1.04vw; font-size: 1.39vw;}
	.bi_sec1 .color_wrap li + li{margin-left: -2.78vw;}
	.bi_sec2{padding: 6.94vw 0 8.68vw; margin-top: 6.94vw;}
	.cha_cont{margin-top: 5.21vw;}
	.cha_cont .item2{margin-top: 5.21vw;}
	.cha_cont .item .img img{width: 26.39vw;}
	.cha_cont .item .txt span{font-size: 1.39vw; letter-spacing: -0.04vw;}
	.cha_cont .item .txt .title{font-size: 2.78vw; letter-spacing: -0.07vw; margin-top: 0.69vw;}
	.cha_cont .item .txt dl{margin-top: 2.78vw;}
	.cha_cont .item .txt dl dt{font-size: 2.08vw; letter-spacing: -0.03vw;}
	.cha_cont .item .txt dl dd{font-size: 1.39vw; letter-spacing: -0.03vw; margin-top: 1.04vw;}

}


@media screen and (max-width:1280px){

	.sub_visual {height: 42.19vw; margin-top: 4.69vw;}
	.sub_inner {max-width: 100%; padding: 0 3.13vw;}
	.sub_vis_inner {max-width: 100%; padding: 0 3.13vw;}
	.sub_vis_ic1 {top: 27.50vw; left: 4.16vw; width: 5.55vw; height: 5.23vw;}
	.sub_vis_ic2 {top: 9.31vw; left: 14.05vw; width: 4.30vw; height: 4.30vw;}
	.sub_vis_ic3 {top: 16.69vw; left: 27.06vw; width: 7.03vw; height: 7.03vw;}
	.sub_vis_ic4 {top: 21.88vw; right: 24.02vw; width: 11.72vw; height: 11.72vw;}
	.sub_vis_ic5 {top: 5.70vw; right: 30.55vw; width: 2.11vw; height: 5.63vw;}
	.sub_vis_ic6 {top: 12.84vw; right: 12.45vw; width: 3.36vw; height: 3.36vw;}
	.sub_vis_ic7 {bottom: 5.91vw; right: 5.97vw; width: 4.30vw; height: 4.30vw;} 
	.sub_vis_main_ic {top: 6.72vw; width: 20.47vw; height: 16.41vw; padding-top: 2.58vw;}
	.sub_vis_main_ic:before{width: 18.28vw; height: 14.53vw; bottom: -2px;}
	.sub_vis_main_ic .sub_vis_main_ic0 {width: 18.28vw; height: 14.53vw; margin-top: 3px;}
	.sub_vis_main_ic .sub_vis_main_ic1 {left: 3.91vw; width: 12.50vw; height: 11.72vw;}
	.sub_vis_main_ic .sub_vis_main_ic1.on {transform: translate(0 , 19.53vw);}

	.sub_vis_txt {bottom: 8.36vw;}
	.sub_vis_txt h2 {font-size: 3.52vw; letter-spacing: -0.08vw;}
	.sub_vis_txt p {font-size: 1.72vw; letter-spacing: -0.03vw; margin-top: 1.17vw;}

	#sub_content {padding: 5.47vw 0 10.94vw;}
	.sub_menu{margin-bottom: 7.42vw;}
	.sub_menu ul{gap:4.69vw;}
	.sub_menu ul li{font-size: 2.34vw; letter-spacing: -0.08vw;}


	/* 매장찾기 */
	.map_wrap .map{height: 74.22vw;}
	.map_wrap .map_menu .map_ic{width: 2vw;}

	@keyframes ani_pop {
		0% {transform: translateY(-1.95vw)}
		50% {transform: translateY(0)}
		100% {transform: translateY(-1.95vw)}
	}

	.map_wrap .map_menu .map_box{top: -14.84vw; width: 31.25vw; padding:2.34vw 1.56vw; border-radius: 2.34vw;}
	.map_wrap .map_menu .map_box:before{border-right:1.02vw solid transparent; border-top:1.33vw solid #fff; border-left:1.02vw solid transparent; border-bottom:1.02vw solid transparent; bottom:-2.04vw; filter: drop-shadow(0.00vw 0.63vw 0.31vw rgba(0, 0, 0, 0.20));}
	.map_wrap .map_menu .map_box strong{font-size: 1.56vw;}
	.map_wrap .map_menu .map_box p{font-size: 1.17vw; letter-spacing: -0.03vw; margin-top:0.39vw;}
	.map_wrap .map_menu .map_box .detail_view{font-size: 0.94vw; padding: 0.78vw 1.56vw; margin-top:1.17vw;}
	.map_wrap .map_menu .map_box .map_close{top: 1.33vw; right: 1.33vw; width: 1.88vw;}

	.map_srh_wrap{left:2.73vw; width: 35.16vw; box-shadow: 0.00vw 0.39vw 0.78vw 0.00vw rgba(0, 0, 0, 0.25); padding-bottom:3.52vw; border-radius: 2.34vw;}
	.map_srh_inner{padding:0 2.34vw;}
	.map_srh_tp .map_tabnav li a{font-size: 1.41vw; line-height: 5.47vw;}
	.map_srh{padding:2.34vw 0 2.73vw;}
	.map_srh .map_srh_input{font-size: 1.56vw; height: 4.69vw; padding:0 1.56vw; width:calc(100% - 4.69vw);}
	.map_srh select{font-size: 1.56vw; height: 4.69vw; padding:0 1.56vw; background: #fff url("/img/brand/sel_ic.svg") no-repeat right 1.56vw center / 1.56vw;}
	.map_srh .map_sel1{width:11.33vw;}
	.map_srh .map_sel2{width:14.45vw;}
	.map_srh_btn{width: 4.69vw; height: 4.69vw; line-height: 4.69vw;}
	.map_srh_btn img{width: 2.03vw;}
	.map_srh_bt{min-height:43.75vw;}
	.map_srh_bt .store_no_data{padding:2.73vw 0;}
	.map_srh_bt .store_no_data img{width: 3.52vw;}
	.map_srh_bt .store_no_data p{font-size: 1.41vw; margin-top:0.39vw;}
	.map_srh_bt .store_list li{padding:1.56vw 0; gap:1.56vw;}
	.map_srh_bt .store_list li .img{width: 9.77vw; height: 7.81vw;}
	.map_srh_bt .store_list li .txt{width:calc(100% - 9.77vw - 1.56vw);}
	.map_srh_bt .store_list li .txt strong{font-size: 1.41vw;}
	.map_srh_bt .store_list li .txt p{margin-top:0.63vw;}
	.map_srh_bt .store_list li .txt .add{font-size: 1.17vw;}
	.map_srh_bt .store_list li .txt .time{font-size: 1.09vw;}
	.paging{gap:1.41vw; margin-top:2.34vw;}
	.paging a{width: 2.34vw; height: 2.34vw; line-height: 2.34vw;}
	.paging .first img, .paging .last img{width: 0.86vw;}
	.paging .prev img, .paging .next img{width: 0.47vw;}
	.paging ul{gap:0.63vw;}
	.paging .list_pager li a{font-size: 1.09vw;}

	.pop_inner{width: 50.78vw; box-shadow: 0.00vw 0.31vw 0.78vw 0.00vw rgba(0, 0, 0, 0.25); border-radius: 2.34vw;}
	.pop_tp{padding:0 2.34vw; height: 5.47vw;}
	.pop_tp strong{font-size: 1.56vw;}
	.pop_tp .pop_close{width: 2.03vw; right: 2.03vw;}
	.pop_cont{padding:3.13vw 2.34vw; gap:2.34vw;}
	.pop_cont .map_pop_slide_wrap{width: 19.53vw; height:15.63vw;}
	.pop_cont .map_pop_slide_wrap .slide{height:15.63vw;}
	.pop_cont .map_pop_slide_arrow{right:0.78vw; bottom:0.78vw; gap:0.39vw;}
	.pop_cont .map_pop_slide_arrow > div{width: 1.95vw; filter: drop-shadow(0.00vw 0.12vw 0.49vw rgba(100, 100, 111, 0.20));}
	.pop_cont .map_pop_info{width: calc(100% - 19.53vw - 2.34vw);}
	.pop_cont .map_pop_info dl{font-size: 1.09vw;}
	.pop_cont .map_pop_info dl + dl{margin-top:0.94vw;}
	.pop_cont .map_pop_info dt{width:5.86vw; padding-left:0.78vw;}
	.pop_cont .map_pop_info dd{width:calc(100% - 5.86vw);}

	/* select */
	.map_wrap .select {height: 4.69vw; line-height: 4.69vw; font-size: 1.56vw;}
	.map_wrap .select .selected {padding:0 1.56vw;}
	.map_wrap .select .selected .arrow {width: 1.56vw;}
	.map_wrap .select ul li {line-height:3.13vw; padding-left: 0.78vw; font-size:1.41vw;}


    /* 브랜드 소개 */
    .brand_sec1 h3{font-size: 3.13vw; letter-spacing: -0.08vw;}
    .brand_sec1 .img{margin-top: 3.36vw;}
    .brand_sec1 .txt{margin-top: 4.69vw; letter-spacing: -0.06vw;}
    .brand_sec1 .txt strong{font-size: 2.03vw;}
    .brand_sec1 .txt p{font-size: 1.56vw; margin-top: 1.56vw;}
    .brand_sec2{margin-top: 8.59vw;}
    .brand_list li .txt{margin-top: 4.69vw;}
    .brand_list li .txt span{font-size: 1.72vw; letter-spacing: -0.03vw;}
    .brand_list li .txt .title{font-size: 2.34vw; letter-spacing: -0.08vw; margin-top: 0.39vw;}
    .brand_list li .txt p{font-size: 1.56vw; letter-spacing: -0.03vw; margin-top: 1.56vw;}


	/* BI / CI */
	.sub_tit{font-size: 2.34vw; letter-spacing: -0.16vw; margin-bottom: 2.34vw;}
	.bi_sec1 .txt{gap:1.95vw; margin-bottom: 3.13vw;}
	.bi_sec1 .txt2{margin-bottom: 2.34vw;}
	.bi_sec1 .txt dt{font-size: 1.95vw; letter-spacing: -0.03vw;}
	.bi_sec1 .txt dd{font-size: 1.56vw; letter-spacing: -0.06vw;}
	.bi_sec1 .logo_wrap{height: 31.25vw; margin-bottom: 7.81vw;}
	.bi_sec1 .logo_wrap img{width: 46.88vw;}
	.bi_sec1 .color_wrap li{width: 33.03vw; padding: 3.52vw 0; gap:1.17vw; font-size: 1.56vw;}
	.bi_sec1 .color_wrap li + li{margin-left: -3.13vw;}
	.bi_sec2{padding: 7.81vw 0 9.77vw; margin-top: 7.81vw;}
	.cha_cont{margin-top: 5.86vw;}
	.cha_cont .item2{margin-top: 5.86vw;}
	.cha_cont .item .img img{width: 29.69vw;}
	.cha_cont .item .txt span{font-size: 1.56vw; letter-spacing: -0.05vw;}
	.cha_cont .item .txt .title{font-size: 3.13vw; letter-spacing: -0.08vw; margin-top: 0.78vw;}
	.cha_cont .item .txt dl{margin-top: 3.13vw;}
	.cha_cont .item .txt dl dt{font-size: 2.34vw; letter-spacing: -0.03vw;}
	.cha_cont .item .txt dl dd{font-size: 1.56vw; letter-spacing: -0.03vw; margin-top: 1.17vw;}

}


@media screen and (max-width:768px){

	.sub_visual {height: 84.31vw; margin-top: 12.24vw;}
	.sub_inner {max-width: 100%; padding: 0 5.21vw;}
	.sub_vis_inner {max-width: 100%; padding: 0 5.21vw;}
	.sub_vis_ic1 {top: 61.83vw; left: 4.93vw; width: 9.24vw; height: 8.72vw;}
	.sub_vis_ic2 {top: 10.19vw; left: 10.41vw; width: 7.16vw; height: 7.16vw;}
	.sub_vis_ic3 {top: 32.48vw; left: 19.1vw; width: 9.72vw; height: 9.72vw;}
	.sub_vis_ic4 {top: 35.46vw; right: 19.03vw; width: 16.53vw; height: 16.53vw;}
	.sub_vis_ic5 {top: 3.51vw; right: 18.91vw; width: 3.52vw; height: 9.38vw;}
	.sub_vis_ic6 {top: 24.74vw; right: 4.09vw; width: 5.60vw; height: 5.60vw;}
	.sub_vis_ic7 {bottom: 8.51vw; right: 8.28vw; width: 7.16vw; height: 7.16vw;} 
	.sub_vis_main_ic {top: 13.20vw; width: 34.11vw; height: 27.34vw; padding-top: 4.30vw;}
	.sub_vis_main_ic:before{width: 30.47vw; height: 24.22vw;}
	.sub_vis_main_ic .sub_vis_main_ic0 {width: 30.47vw; height: 24.22vw;}
	.sub_vis_main_ic .sub_vis_main_ic1 {left: 6.51vw; width: 20.83vw; height: 19.53vw;}
	.sub_vis_main_ic .sub_vis_main_ic1.on {transform: translate(0 , 32.55vw);}

	.sub_vis_txt {bottom: 13.93vw;}
	.sub_vis_txt h2 {font-size: 6.86vw; letter-spacing: -0.13vw;}
	.sub_vis_txt p {font-size: 3.65vw; letter-spacing: -0.05vw; margin-top: 1.95vw; line-height: 1.4;}

	#sub_content {padding: 12.11vw 0 18.23vw;}
	.sub_menu{margin-bottom: 13.37vw;}
	.sub_menu ul{gap:7.81vw;}
	.sub_menu ul li{font-size: 4.71vw; letter-spacing: -0.13vw;}


	/* 매장안내 */
	.map_wrap{margin-bottom:14vw;}
	.map_wrap .map{height: 88.90vw;}
	.map_wrap .map_menu_wrap{left:50%; top: 70%;}
	.map_wrap .map_menu .map_ic{width: 4.36vw;}
	/* .map_wrap .map_tabcont{position:absolute; top: 4vw; left:50%; transform:translateX(-50%); width: 95%; z-index:10;} */

	@keyframes ani_pop {
		0% {transform: translateY(-2.86vw)}
		50% {transform: translateY(0)}
		100% {transform: translateY(-2.86vw)}
	}

	.map_wrap .map_menu .map_box{top: -38.01vw; width: 70.67vw; box-shadow: 0.00vw 0.92vw 1.7vw 0.00vw rgba(0, 0, 0, 0.25); padding:5.52vw 4.34vw; border-radius: 3.91vw;}
	.map_wrap .map_menu .map_box:before{border-right:2.56vw solid transparent; border-top:2.95vw solid #fff; border-left:2.56vw solid transparent; border-bottom:2.56vw solid transparent; bottom:-5.0vw; filter: drop-shadow(0.00vw 1.3vw 0.52vw rgba(0, 0, 0, 0.20));}
	.map_wrap .map_menu .map_box strong{font-size: 3.94vw;}
	.map_wrap .map_menu .map_box p{font-size: 2.86vw; margin-top:1.5vw;}
	.map_wrap .map_menu .map_box .detail_view{font-size: 2.86vw; padding: 2.17vw 5.34vw; margin-top:2.5vw;}
	.map_wrap .map_menu .map_box .map_close{top: 2.21vw; right: 2.21vw; width: 4.13vw;}

	.map_srh_wrap{position:initial; width: 100%; box-shadow: none; padding-bottom:6.38vw; transform:translateY(0); border-radius: 0;}
	.map_srh_inner{padding:0 3.13vw;}
	.map_srh_tp{margin-bottom:8vw;}
	.map_srh_tp .map_tabnav li a{font-size: 3.85vw; line-height: 14.07vw;}
	.map_srh{padding:0;}
	.map_srh .map_srh_input{font-size: 3.34vw; height: 10.9vw; padding:0 3.34vw; width:calc(100% - 10.9vw);}
	.map_srh select{font-size: 3.34vw; height: 10.9vw; padding:0 3.34vw; background: #fff url("/img/sub/sel_ic.svg") no-repeat right 3.34vw center / 3.34vw;}
	.map_srh .map_sel1{width:calc(100% - 48% - 10.9vw);}
	.map_srh .map_sel2{width:48%;}
	.map_wrap .select .option_wrap #sel_mob{max-height: 80vw; overflow-y: auto;}
	#sel_mob::-webkit-scrollbar {width: 3px;  /* 스크롤바의 너비 */}
	#sel_mob::-webkit-scrollbar-thumb {height: 30%; /* 스크롤바의 길이 */ background: #878787; /* 스크롤바의 색상 */}
	#sel_mob::-webkit-scrollbar-track {background: #E7E7E7; /*스크롤바 뒷 배경 색상*/}
	.map_srh_btn{width: 10.9vw; height: 10.9vw; line-height: 10.9vw;}
	.map_srh_btn img{width: 3.99vw;}
	.map_srh_bt{min-height:initial;}
	.map_srh_bt .store_no_data{padding:8.04vw 0;}
	.map_srh_bt .store_no_data img{width: 8.21vw;}
	.map_srh_bt .store_no_data p{font-size: 4.08vw; margin-top:1.5vw;}
	.map_srh_bt .store_list{border-top:none;}
	.map_srh_bt .store_list li{padding:5.34vw 0; gap:4.34vw;}
	.map_srh_bt .store_list li:first-child{padding-top:0;}
	.map_srh_bt .store_list li .img{width: 30.45vw; height: 24.22vw;}
	.map_srh_bt .store_list li .txt{width:calc(100% - 30.45vw - 4.34vw);}
	.map_srh_bt .store_list li .txt strong{font-size: 4.08vw;}
	.map_srh_bt .store_list li .txt p{margin-top:1.5vw;}
	.map_srh_bt .store_list li .txt .add{font-size: 3.26vw;}
	.map_srh_bt .store_list li .txt .time{font-size: 3.13vw;}
	.paging{gap:3.34vw; margin-top:6.91vw;}
	.paging a{width: 6.91vw; height: 6.91vw; line-height: 6.91vw;}
	.paging .first img, .paging .last img{width: 2.43vw;}
	.paging .prev img, .paging .next img{width: 1.28vw;}
	.paging ul{gap:1.84vw;}
	.paging .list_pager li a{font-size: 3.13vw;}

	.pop_inner{width: 95%; box-shadow: 0.00vw 0.52vw 1.30vw 0.00vw rgba(0, 0, 0, 0.25); border-radius: 3.91vw;}
	.pop_tp{padding:0 3.91vw; height: 14.81vw;}
	.pop_tp strong{font-size: 4.60vw;}
	.pop_tp .pop_close{width: 5.13vw; right: 3.03vw;}
	.pop_cont{padding:6.71vw 5.91vw 10vw; display:block}
	.pop_cont .map_pop_slide_wrap{width: 100% !important; height: 63.87vw; overflow:hidden;}
	.pop_cont .map_pop_slide_wrap .slide{height: 63.87vw;}
	.pop_cont .map_pop_slide_arrow{right:5.30vw; bottom:5.30vw; gap:1vw;}
	.pop_cont .map_pop_slide_arrow > div{width: 7.26vw;}
	.pop_cont .map_pop_info{margin-top:7.60vw; width: 100%;}
	.pop_cont .map_pop_info dl{font-size: 3.26vw;}
	.pop_cont .map_pop_info dl + dl{margin-top:2.95vw;}
	.pop_cont .map_pop_info dt{width:20.46vw; padding-left:1.30vw;}
	.pop_cont .map_pop_info dd{width:calc(100% - 20.46vw);}

	/* select */
	.map_wrap .select {height: 10.9vw; line-height: 10.9vw; font-size: 3.34vw;}
	.map_wrap .select .selected {padding:0 3.34vw;}
	.map_wrap .select .selected .arrow {width: 3.34vw;}
	.map_wrap .select ul li {line-height:7.98vw; padding-left: 3vw; font-size:3.13vw;}


    /* 브랜드 소개 */
    .brand_sec1 h3{font-size: 6.21vw; letter-spacing: -0.13vw;}
    .brand_sec1 .img{margin-top: 7.60vw;}
    .brand_sec1 .txt{margin-top: 9.81vw; letter-spacing: -0.10vw;}
    .brand_sec1 .txt strong{font-size: 4.17vw;}
    .brand_sec1 .txt p{font-size: 3.65vw; margin-top: 2.60vw;}
    .brand_sec2{margin-top: 14.32vw;}
    .brand_list{display: block;}
    .brand_list li{width: 100%;}
    .brand_list li + li{margin-top: 11vw;}
    .brand_list li .img{text-align: center;}
    .brand_list li .img img{width: 70%; margin: 0 auto;}
    .brand_list li .txt{margin-top: 6.81vw;}
    .brand_list li .txt span{font-size: 3.86vw; letter-spacing: -0.05vw;}
    .brand_list li .txt .title{font-size: 5.21vw; letter-spacing: -0.13vw; margin-top: 0.65vw;}
    .brand_list li .txt p{font-size: 3.65vw; letter-spacing: -0.05vw; margin-top: 2.60vw;}


	/* BI / CI */
	.sub_tit{font-size: 4.21vw; letter-spacing: -0.26vw; margin-bottom: 3.91vw;}
	.bi_sec1 .txt{gap:3.26vw; margin-bottom: 5.21vw;display: block;}
	.bi_sec1 .txt2{margin-bottom: 4.91vw;}
	.bi_sec1 .txt dt{font-size: 4.0vw; letter-spacing: -0.05vw;}
	.bi_sec1 .txt dd{font-size: 3.26vw; letter-spacing: -0.10vw; margin-top: 2vw;}
	.bi_sec1 .logo_wrap{height: 45.08vw; margin-bottom: 13.02vw;}
	.bi_sec1 .logo_wrap img{width: 68.13vw;}
	.bi_sec1 .color_wrap li{width: 53.39vw; padding: 4.86vw 0; gap:1.05vw; font-size: 3.26vw; flex-direction: column; align-items: center;}
	.bi_sec1 .color_wrap li + li{margin-left: -5.21vw;}
	.bi_sec2{padding: 13.02vw 0 16.28vw; margin-top: 13.02vw; background-image: none;}
	.cha_cont{margin-top: 11.77vw;}
	.cha_cont .item{display: block;}
	.cha_cont .item2{margin-top: 11.77vw;}
	.cha_cont .item > div{width: 100% !important; text-align: center !important;}
	.cha_cont .item .img img{width: 42.48vw;}
	.cha_cont .item .txt{margin-top: 5vw;}
	.cha_cont .item .txt span{font-size: 3.26vw; letter-spacing: -0.08vw;}
	.cha_cont .item .txt .title{font-size: 5.91vw; letter-spacing: -0.13vw; margin-top: 1.30vw;}
	.cha_cont .item .txt dl{margin-top: 5.21vw;}
	.cha_cont .item .txt dl dt{font-size: 4.17vw; letter-spacing: -0.05vw;}
	.cha_cont .item .txt dl dd{font-size: 3.26vw; letter-spacing: -0.05vw; margin-top: 1.95vw;}

}