@charset "utf-8";

@import url("reset.css");

/***220727_여흥규 추가***/
/*모달*/
.win_pop{padding:120px 30px 70px 30px; text-align:center; width:100%; margin:0 auto; background: url(/image/sub/modal_bg.jpg) bottom right no-repeat; height:380px; background-size:cover;}
.win_pop p{margin-bottom:10px; font-size:18px; font-weight:500;}
.win_pop p:nth-child(2){font-size:14px; font-weight:300;}
.win_pop a{margin:50px auto 0; display:block; padding:10px 20px; color:#fff; background:#272154; width:150px;}
a.remodal-close{right:30px !important;}
@media screen and (max-width:430px){
	.win_pop{padding:40px 15px; height:240px;}
}
@media screen and (max-width:364px){
	.win_pop a{margin:20px auto 0;}
}




/*--main_visual--*/


.main_visual{position:relative; background:#f5f5f5}
.main_visual .visual_slider,
.main_visual .slide{height:100%; display:block !important;}
.main_visual .slide{position:relative;}


/*오픈고지*/
.open_img{ position: absolute; top:10px; right:10px; text-align:right; width:100%; z-index: 2; }
.open_img img{width:130px; max-width:100%;}


.main_visual .slide .slide__img{
    width:100%;
	height:100%;
}

.main_visual .slide .slide__img img{
    max-width:100%;
    opacity: 1 !important;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    transition: all 0.8s ease;

    transform: scale3d(1.18, 1.18, 1.18);
    object-fit: cover;
}

.main_visual .slide .slide_content{
	width:100%;
    position:absolute;
	top:8%;
	left:50%;
	transform:translateX(-50%);
}

.main_visual .slide .slide_content2{
	bottom:auto;
	top:5%
}

.main_visual .content_txt{text-align:center; width:80%; margin:0 auto;}
.main_visual .content_txt img{display:inline-block;}
.main_visual .content_txt h2{position:relative; margin-top:30px;}


/*--------------animate : main_visual--------------*/

.main_visual [data-animation-in] {
  opacity: 0;
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
  transition: opacity 0.5s ease 0.3s;
}

/*an*/
@-webkit-keyframes zoomOutImage {
  from {
    transform: scale3d(1.18, 1.18, 1.18);
  }
  to {
    transform: scale3d(1, 1, 1);
  }
}
@keyframes zoomOutImage {
  from {
   transform: scale3d(1.18, 1.18, 1.18);
  }
  to {
    transform: scale3d(1, 1, 1);
  }
}
.zoomOutImage {
  -webkit-animation-name: zoomOutImage;
  animation-name: zoomOutImage;
  transition-timing-function :cubic-bezier(0.250, 0.460, 0.450, 0.940);
  animation-fill-mode: both;
}

.txt1{
    animation:txt1 0.3s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
@keyframes txt1{
    0% {
        transform: translateX(-50px);
		opacity: 0;
	}
	 100% {
	    transform: translateX(0);
		opacity: 1;
	}
}
.txt2{
    animation:txt2 0.3s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
@keyframes txt2{
    0% {
        transform: translateX(50px);
		opacity: 0;
	}
	 100% {
	    transform: translateX(0);
		opacity: 1;
	}
}

.icon_quick{position: fixed; right:15px; bottom:40px; z-index:99}
.icon_quick span{border-radius:100px; overflow:hidden; margin-bottom:5px; display:block;
  box-shadow:0 0 15px rgba(112,210,241,0.3)
}
.icon_quick span img{max-width:100%; width:75px;}

/*--------------responsible : main_visual--------------*/

@media screen and (max-width:680px){
	.main_visual .content_txt img {width:calc(50vw + 45px); max-width:100%;}

}
@media screen and (max-width:480px){
	.open_img {right:0; top:0;}
	.open_img img{width:100px; }

	.main_visual .content_txt img {width:calc(50vw + 60px); }
}


/************************************************************/
/************************************************************/
/*--section_unit--*/
#section1_unit{}
.unit_box{text-align:center; padding:40px 0 80px 0;} 
.unit_box > h2{margin-top:50px;}
.unit_box > h3{font-size:35px; font-weight:700; color:#161958;  line-height:25px; margin-top:20px;}
.unit_box > h4{font-size:55px; font-weight:700; color:#181818; margin-bottom:40px;}

.unit_wrap .slick-slide{margin:0 20px}
.unit_wrap .slick-slide img{width:100%;}
.unit_wrap .slick-dots{bottom:-60px;}
.unit_wrap .items{display:none; cursor:pointer; border:1px solid #ddd; background:#fff; padding:20px 0;}
.unit_wrap .slick-current .items{border:3px solid #272154}
.unit_wrap .items > div{padding:40px 0; margin:0 30px; text-align:center; border-top:2px solid #14100c;}
.unit_wrap .items > div p{font-size:41px; font-weight:700; color:#14100c; letter-spacing:-2px; }
.unit_wrap .items > div p span{font-size:21px; font-weight:400}
.unit_wrap .items > div p + p{font-size:17px; font-weight:400; color:#1a144d; margin-top:10px; line-height:125%;}
.unit_wrap .items > div p + p b{font-weight:600;}
.unit_wrap .items > div > p + p + p{font-size:15px; color:#14100c; font-weight:300}
.unit_wrap .items > div > p + p + p span{position:relative; top:5px;}

.section1_unit .slick-dots li.slick-active button:before{color:#0f2e64;}

@media screen and (max-width:580px){
    .unit_wrap .slick-slide{margin:0 10px}
	.unit_wrap .items > p{padding:20px;}
	.unit_wrap .items > div{padding:30px 20px;}
	.unit_wrap .items > div p{font-size:calc(2vw + 20px);letter-spacing:-1px;}
	.unit_wrap .items > div p span{font-size:16px;}
}

@media screen and (max-width:540px){
	.unit_box{padding:40px 0 40px 0;}
	.unit_box h3{font-size:30px;} 
	.unit_box h4{font-size:45px;} 
}

@media screen and (max-width:450px){
	.unit_box h4{font-size:37px;}
}

/************************************************************/
/************************************************************/
/*--section2_premium--*/
#section2_premium{width:100%; height:100%; background-image: url(../images/main/premium/premium_bg.jpg); background-size:100% 100%; background-repeat: no-repeat;}
.premium_box{text-align:center; padding:40px 0 80px 0;} 
.premium_box h2{margin-top:50px;}
.premium_box h3{font-size:35px; font-weight:700; color:#161958;  line-height:25px; margin-top:20px;}
.premium_box h4{font-size:55px; font-weight:700; color:#181818; margin-bottom:40px;}


/*pre_slider*/
.pre_slider .inner_mium{display:none;}
.pre_slider .inner_mium .item_pre > img{width:100%;}

/*pre_txt*/
.pre_slider .inner_mium .item_pre .pre_txt{margin-top:50px;}
.pre_slider .inner_mium .item_pre .pre_txt p > img{text-align:center; margin:0 auto 20px;}
.pre_slider .inner_mium .item_pre .pre_txt p + p{font-size:22px; font-weight:300; color:#fff; margin:0 0 10px 0;}
.pre_slider .inner_mium .item_pre .pre_txt p b{font-weight:500; font-size:38px; }
.pre_slider .inner_mium .item_pre .pre_txt p + p + p{font-size:17px; margin-top:20px; line-height:125%;}

.pre_slider .inner_mium .item_pre .pre_txt > a img{display:block; text-align:center; margin:30px auto 0;}
.pre_slider .img_ img{width:100%;}
.pre_slider .img_{background:#000;}

/*프리미엄 효과*/
.pre_slider .slick-slide .img_,
.pre_slider .slick-slide[aria-hidden="true"]:not(.slick-cloned) ~ .slick-cloned[aria-hidden="true"] .img_{
    transform: scale(0.8, 0.8);
	transition:all 0.4s
}
.pre_slider .slick-center .img_,
.pre_slider .slick-slide[aria-hidden="true"]:not([tabindex="-1"]) + .slick-cloned[aria-hidden="true"] .img_{
    transform: scale(1, 1);
	box-shadow:5px 5px 15px -5px rgba(0,0,0,0.3)
}

.pre_slider .slick-slide .img_ img,
.pre_slider .slick-slide[aria-hidden="true"]:not(.slick-cloned) ~ .slick-cloned[aria-hidden="true"] .img_ img{
	transition:all 0.4s;
	opacity:0.5;
}
.pre_slider .slick-center .img_ img,
.pre_slider .slick-slide[aria-hidden="true"]:not([tabindex="-1"]) + .slick-cloned[aria-hidden="true"] .img_ img{
	opacity:1;
}

.pre_slider .slick-slide .pre_txt,
.pre_slider .slick-slide[aria-hidden="true"]:not(.slick-cloned) ~ .slick-cloned[aria-hidden="true"] .pre_txt{
    opacity:0; transition:all 0.4s
}
.pre_slider .slick-center .pre_txt,
.pre_slider .slick-slide[aria-hidden="true"]:not([tabindex="-1"]) + .slick-cloned[aria-hidden="true"] .pre_txt{
    opacity:1; transition:all 0.4s
}

/*--------------responsible : section2_premium--------------*/
@media screen and (max-width:580px){
	.pre_slider .slick-slide .img_,
	.pre_slider .slick-slide[aria-hidden="true"]:not(.slick-cloned) ~ .slick-cloned[aria-hidden="true"] .img_{
		transform: scale(0.9, 0.9);
	}
	.pre_slider .slick-center .img_,
	.pre_slider .slick-slide[aria-hidden="true"]:not([tabindex="-1"]) + .slick-cloned[aria-hidden="true"] .img_{
		transform: scale(1, 1);
	}

	.pre_slider .inner_mium .item_pre .pre_txt p.font_txt{font-size:27px;}
}

@media screen and (max-width:540px){
	.premium_box h3{font-size:30px;} 
	.premium_box h4{font-size:45px;} 
}
@media screen and (max-width:480px){
	.premium_box{padding:20px 0 60px 0; }
	
	.pre_slider .inner_mium .item_pre .pre_txt p > img{max-width:100%; width:50px; height:50px;}
	.pre_slider .inner_mium .item_pre .pre_txt p + p{font-size:19px;}
	.pre_slider .inner_mium .item_pre .pre_txt p b{font-size:28px; }
	.pre_slider .inner_mium .item_pre .pre_txt p + p + p{font-size:15px;}
}
@media screen and (max-width:450px){
	.premium_box h4{font-size:37px;}
}
@media screen and (max-width:390px){
	.premium_box{padding:10px 0 60px 0; }
	.pre_slider .inner_mium .item_pre .pre_txt p > img{max-width:100%; width:45px; height:45px;}
	.pre_slider .inner_mium .item_pre .pre_txt p + p{font-size:17px;}
	.pre_slider .inner_mium .item_pre .pre_txt p b{font-size:25px; }
}


/************************************************************/
/************************************************************/
/*--section3_ubora--*/
#section3_ubora{ width:100%; height:100%; padding:80px 0 10px 0; background-color:#e6e6e2;} 
.ubora_box{text-align:center;}

/*브랜드소개*/
.ubora_box .brand_ct{width:100%; margin-bottom:80px;}
.ubora_box .brand_ct > h2{font-size:22px; font-weight:300; color:#241e58; line-height:40px;}
.ubora_box .brand_ct > h3{font-size:38px; font-weight:700; color:#241e58; letter-spacing: -3px;}
.ubora_box .brand_ct > img{margin: 30px 0 40px 0;}

.rule_box{width:100%;  margin:0 auto;}
.rule_box > ul li{display:inline-block; margin-bottom:60px;}
.rule_box > ul li img{width:100%;}
.rule_box p{width:250px; height:50px; text-align:center; margin:0 auto; background:#272154;
border-radius:50px;
-webkit-border-radius:50px;
-moz-border-radius:50px;
-ms-border-radius:50px;
-o-border-radius:50px;
}
.rule_box p a{font-size:18px; line-height:50px; font-weight:400; color:#fff;}

/*브랜드 영상*/
.mov_box{width:100%; height:100%; background:#241e58;}
.mov{width: 100%; padding-top:60%; position: relative;}
.mov video{ position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width:100%;
	height:100%;
	padding:20px;
	object-fit: cover;
}

 .mov > a{position: absolute; width:100%; height:100%; top:0;}

/*--------------responsible : section3_brand--------------*/
/*브랜드소개*/
@media screen and (max-width:640px){
	.rule_box > ul li img{max-width:100%; width:170px;}
}
@media screen and (max-width:580px){
	.ubora_box .brand_ct > img{max-width:100%; width:165px;}
}
@media screen and (max-width:520px){
	.ubora_box .brand_ct > h3{font-size:32px;}
	.ubora_box .brand_ct > img{width:140px;}
	.rule_box > ul li img{width:140px;}
	.rule_box p{width:230px;}
	.rule_box p a{font-size:16px;}
}
@media screen and (max-width:432px){
	.ubora_box .brand_ct > h3{font-size:28px;}
	.rule_box p{width:210px;}
	.rule_box > ul li img{width:120px;}
}
@media screen and (max-width:360px){
	#section3_ubora{padding:50px 0 5px 0;}
	.rule_box p{width:200px;}
	.rule_box > ul li img{width:110px;}
}

/************************************************************/
/************************************************************/
/*--section4_bando_philosophy--*/
.bando_philosophy{background-image: url(../images/main/philosophy_bg.jpg); background-size:cover; background-repeat: no-repeat;}
.barand_tit .area_content{margin:0 auto;}
.area_content .bando_map > img{width:100%;}

.bando_philosophy .barand_tit .inner_box{text-align:center;}
.bando_philosophy .barand_tit .inner_box > h2{font-size:20px; color:#666; font-weight:400; margin-bottom:10px; margin-top:30px;}
.bando_philosophy .barand_tit .inner_box > h3{font-size:35px; color:#241e58; font-weight:600; letter-spacing:-3px; margin-bottom:20px;}
.bando_philosophy .barand_tit .inner_box > h3 span{color:#816b4c;}
.bando_philosophy .barand_tit .inner_box > p{color:#241e58; font-weight:400; line-height:125%; margin-bottom:30px; font-size:16px;}
.bando_philosophy .barand_tit .inner_box > p img{width:90%;}

.area_slider img{width:90%; margin:0 auto;}

.barand_box .barand_btn a{display:inline-block; background:#fff; margin-top:30px; width:250px; height:55px; line-height:55px; color:#00294e; font-weight:600}
.barand_box .barand_btn a:hover{background:#00294e; color:#fff; transition:all 0.6s; box-shadow:10px 10px 10px rgba(0,0,0,0.5)}

.bando_philosophy .pop{position:relative;}
.bando_philosophy .pop .location_btn_{position: absolute; bottom:-110px; left:50%;  transform:translate(-50%, -50%);}
.bando_philosophy .pop .location_btn_ a{display:inline-block; background:#fff; margin-top:30px; width:250px; height:55px; line-height:55px; color:#00294e; font-weight:600; text-align:center}
.bando_philosophy .pop .location_btn_ a:hover{background:#00294e; color:#fff; transition:all 0.6s; box-shadow:10px 10px 10px rgba(0,0,0,0.5)}

/*--------------responsible : section4_bando_philosophy--------------*/
@media screen and (max-width:540px){ 
	.bando_philosophy .barand_tit .inner_box > h3{font-size:28px;}
	.bando_philosophy .barand_tit .inner_box > p{width:95%; margin:0 auto 30px; line-height:125%;}
	.bando_philosophy .barand_tit .inner_box > p img{width:96%;}
	.bando_philosophy .barand_tit .inner_box > p br{display:none;} 
}
@media screen and (max-width:485px){ 
	.bando_philosophy .pop .location_btn_{bottom:-99px; }
	.bando_philosophy .pop .location_btn_ a{width:200px; height:45px; line-height:45px; font-size:14px;}
	.barand_box .barand_btn a{width:200px; height:45px; line-height:45px; font-size:14px;}
}
@media screen and (max-width:430px){ 
	.barand_tit{padding:50px 0;}
	.bando_philosophy .barand_tit .inner_box > h3{font-size:28px;}
}
@media screen and (max-width:360px){ 
	.bando_philosophy .barand_tit .inner_box > h3{font-size:25px;}
}

/*--section5_quick--*/
#section5_quick{width:100%; height:100%; background-image: url(../images/main/philosophy_bg.jpg); background-size:cover; background-repeat: no-repeat;}

.quick_box{padding:70px 0 50px 0;}
.quick_box ul{display: flex; align-items:center; justify-content:center; flex-wrap:wrap; width:90%; margin:0 auto;}
.quick_box ul li{display:inline-block; width:50%; text-align:center;}
.quick_box ul li:nth-child(1),
.quick_box ul li:nth-child(2),
.quick_box ul li:nth-child(3){margin-bottom:30px;}
.quick_box ul li > div > p{font-size:16px; line-height:125%; letter-spacing:-1px;}
.quick_box ul li > div > p b{display:block; font-size:20px; color:#000000; font-weight:400; margin:15px 0; letter-spacing:-1px;}
.quick_box ul li > img{margin-right:30px; display:block; margin:0 auto;}

.quick_box ul li > div{position:relative;}


/*--------------responsible : section5_quick--------------*/
@media screen and (max-width:430px){
	.bando_philosophy .barand_tit .inner_box > h2{margin-top:0;}
	.quick_box{padding:10px 0 50px 0;}
	.quick_box ul li > img{max-width:100%; width:40px;}
	.quick_box ul li > div > p{font-size:14px;}
	.quick_box ul li > div > p b{ font-size:18px;}
}