@charset "utf-8";

/* main_visual */
.main_visual_container{height:100vh; background-color: #96c3d5;}
.main_visual_wrap{height: 100%;}
.main_visual_wrap .main_visual_slide{height: 100%; z-index: 1;}
.main_visual_wrap .main_visual_slide.swiper-slide-active{z-index: 2;}
.main_visual_wrap .main_visual_slide:first-child{background-image: url('../img/main_visual_img_002_m.jpg'); background-repeat: no-repeat; background-position: right -80px top 0px; background-size: auto 60%;}
.main_visual_wrap .main_visual_text_wrap{z-index: 2;}
.main_visual_wrap h2{font-size:60px; font-size:6.0rem; line-height:69px; line-height:6.9rem; letter-spacing: -0.04em; font-weight: 400; word-spacing: -0.1em; color:#fff; margin-bottom: 25px;}
.main_visual_wrap h2.small{font-size:35px; font-size:3.5rem; line-height:45px; line-height:4.5rem; letter-spacing: -0.02em; font-weight: 400; word-spacing: 0; color:#fff; margin-bottom: 10px;}
.main_visual_wrap h2 .thr{letter-spacing: -0.02em;word-spacing: -0.03em;margin-top: 13px;}
.main_visual_wrap .h_desc2{font-size:20px; font-size:2.0rem; line-height:26px; line-height:2.6rem; letter-spacing: -0.02em; color:#fff; margin-bottom: 8px;}
.main_visual_wrap .text_con{left:50%; opacity: 0; padding-bottom: 110px;}
.main_visual_wrap .left_con {position: absolute; width: 634px; z-index: -1; top:70%; left:-118px; z-index: -1;  transform-origin: left;  margin-left: 0px; transform:translateY(-50%) scale(0.45);}
.main_visual_wrap .left_con.type_2 {max-height: 1109px; top:50%; left:0; transform : translate(calc( 0% - 100% ), -50%);  -ms-transform: translate(calc( 0% - 100% ), -50%)}
.main_visual_wrap .right_con {position: absolute; width:695px; height: 100%; top:0; right:0; z-index: -1; transform-origin: top right; }
.main_visual_wrap .right_con.type_2 {top: -40px; right: -120px; transform: scale(0.45);}
/*원본*/
/*.main_visual_wrap .left_con .main_visual_left_obj{position: absolute; opacity: 0;}
.main_visual_wrap .left_con .main_visual_left_obj.flower_standard{left: 0px; top: 50%;; transform: translateY(-50%); z-index: 5;}
.main_visual_wrap .left_con .main_visual_left_obj.flower_000{left: 185px; top: -202px; z-index: -2;}
.main_visual_wrap .left_con .main_visual_left_obj.flower_001{left: 305px; top: -44px; z-index: -2;}
.main_visual_wrap .left_con .main_visual_left_obj.flower_002{left: 56px; bottom: -24px; z-index: -2;}
.main_visual_wrap .left_con .main_visual_left_obj.flower_003{left: 164px; bottom: -240px; z-index: -2;}*/


/*가운데서 위아래로*/
/*.main_visual_wrap .left_con .main_visual_left_obj{position: absolute; opacity: 0;}
.main_visual_wrap .left_con .main_visual_left_obj.flower_standard{left: -380px; top: 50%;; transform: translateY(-50%); z-index: 5;}
.main_visual_wrap .left_con .main_visual_left_obj.flower_000{left: 185px; top: 0px; z-index: -2;}
.main_visual_wrap .left_con .main_visual_left_obj.flower_001{left: 305px; top: 0px; z-index: -2;}
.main_visual_wrap .left_con .main_visual_left_obj.flower_002{left: 56px; bottom: 0px; z-index: -2;}
.main_visual_wrap .left_con .main_visual_left_obj.flower_003{left: 164px; bottom: 0px; z-index: -2;}*/

/*위는 위에서, 아래는 아래에서*/
.main_visual_wrap .left_con .main_visual_left_obj{position: absolute; opacity: 0;}
.main_visual_wrap .left_con .main_visual_left_obj.flower_standard{left: 0px; top: 50%;; transform: translateY(-50%); z-index: 5;}
.main_visual_wrap .left_con .main_visual_left_obj.flower_000{left: 185px; top: -404px; z-index: -2;}
.main_visual_wrap .left_con .main_visual_left_obj.flower_001{left: 305px; top: -180px; z-index: -2;}
.main_visual_wrap .left_con .main_visual_left_obj.flower_002{left: 56px; bottom: -120px; z-index: -2;}
.main_visual_wrap .left_con .main_visual_left_obj.flower_003{left: 164px; bottom: -480px; z-index: -2;}


.main_visual_wrap .right_con .main_visual_obj{position: absolute; top:0; right:0; /*transform: translateY(-100%);*/ opacity: 0;}


.main_visual_wrap .right_con .main_visual_obj.flower_000{top:-200px; right: 0px;}
.main_visual_wrap .right_con .main_visual_obj.flower_001{top:-180px; right:-410px;}
.main_visual_wrap .right_con .main_visual_obj.flower_002{top:-50px; right:-357px;}
.main_visual_wrap .right_con .main_visual_obj.flower_003{top:-100px; right:-170px;}
.main_visual_wrap .right_con .main_visual_obj.flower_004{top:-150px; right:0;}
.main_visual_wrap .right_con .main_visual_obj.flower_005{top:-400px; right:-124px;}


/*.main_visual_wrap .right_con .main_visual_obj.flower_000{top:130px; right: 580px;}
.main_visual_wrap .right_con .main_visual_obj.flower_001{top:200px; right:410px;}
.main_visual_wrap .right_con .main_visual_obj.flower_002{top:200px; right:357px;}
.main_visual_wrap .right_con .main_visual_obj.flower_003{top:200px; right:170px;}
.main_visual_wrap .right_con .main_visual_obj.flower_004{top:400px; right:0;}
.main_visual_wrap .right_con .main_visual_obj.flower_005{top:400px; right:124px;}*/
/*.main_visual_wrap .right_con .main_visual_obj.flower_000{top:8%; right: 23%;}
.main_visual_wrap .right_con .main_visual_obj.flower_001{top:12.5%; right:16%;}
.main_visual_wrap .right_con .main_visual_obj.flower_002{top:14%; right:14%;}
.main_visual_wrap .right_con .main_visual_obj.flower_003{top:14.5%; right:6.5%;}
.main_visual_wrap .right_con .main_visual_obj.flower_004{top:28.5%; right:0;}
.main_visual_wrap .right_con .main_visual_obj.flower_005{top:28.5%; right:5%;}*/

.main_visual_tab_wrap{position: absolute; bottom:100px; z-index: 1;}
.main_visual_tab_wrap .main_visual_tab_list{opacity: 0.4; cursor: pointer; padding-bottom: 10px;}
.main_visual_tab_wrap .main_visual_tab_list.active{opacity: 1;}

.main_visual_tab_con.hover .main_visual_tab_list.active{opacity: 0.4;}
.main_visual_tab_con .main_visual_tab_list.active:hover {opacity: 1;}

.main_visual_tab_wrap .num{font-family: 'Helvetica Neue'; font-size: 14px; font-size: 1.4rem; line-height: 20px; line-height: 2.0rem; font-weight: 400; color: #fff; margin-bottom: 5px; transition: color 0.3s;}
.main_visual_tab_wrap .line{position: relative; height: 2px; background-color: rgba(255,255,255,0.4); margin-bottom: 20px;}
.main_visual_tab_wrap .title{font-family: 'Helvetica Neue'; font-size: 16px; font-size: 1.6rem; line-height: 22px; line-height: 2.2rem; font-weight: 400; text-align: center; color: #fff; transition: color 0.3s;}
.main_visual_tab_wrap .main_visual_active_line{position: absolute; content: ''; top:25px; left:0; width: 33.33%; height: 2px; background-color: #fff;}
.main_visual_tab_wrap .main_visual_tab_list:hover{opacity: 1;}


.main_product_list_con{display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: 0px;}
.main_product_list{text-align: center; transition: all 0.4s;}
.main_product_list > a{display: block;}
.main_product_list .product_img_con{margin-bottom: 20px; display: inline-block;}
.main_product_list .product_img_con > img {max-width: 100px; max-height: 210px;}
.main_product_list .product_text_con{font-size: 15px; font-size: 1.5rem; line-height: 23px; line-height: 2.3rem; letter-spacing: -0.015em; color: #fff; font-weight: 400; opacity: 1;}



/**/
.product_paging.swiper-pagination-bullets{display: block;}
.product_paging.swiper-pagination-bullets{z-index: 5; padding-top: 20px;}
.product_paging.swiper-pagination-bullets .swiper-pagination-bullet{display: inline-block; vertical-align: middle; margin-right: 15px; cursor:pointer; transition: all 0.2s ease;
    width:10px; height:10px;  background-repeat: no-repeat; border-radius: 50%; background-color: #fff; outline: none;}
.product_paging.swiper-pagination-bullets .swiper-pagination-bullet:last-child{margin-right: 0;}
.product_paging.swiper-pagination-bullets .swiper-pagination-bullet:hover{background-color: #fff; opacity: 1}
.product_paging.swiper-pagination-bullets .swiper-pagination-bullet-active{background-color: #fff; opacity: 1}

/**/
.product_arr_btn_con {position: absolute; top: 0; display: block; z-index: 5;}
.product_arr_btn_con.left { left: calc((100% - 320px) / 2);   top:50%; transform:translateY(-50%); }
.product_arr_btn_con.right {right: calc((100% - 320px) / 2);  top:50%; transform:translateY(-50%); }
.product_arr_btn_con .arr_btn {width: 40px; height: 40px; display: table; text-align: center; background-color: #fff; background-size: 11px 19px; border-radius: 50%; cursor: pointer; outline: none;}
.product_arr_btn_con.left .arr_btn {background-image: url("../img/arrow_left_color.png"); background-position: left 14px center; background-repeat:no-repeat; background-size: 25%;}
.product_arr_btn_con.right .arr_btn{background-image: url("../img/arrow_right_color.png"); background-position: right 14px center; background-repeat:no-repeat; background-size: 25%;}
.product_swiper {max-width: 220px;}

.juso_wrap{}
.juso_wrap .title{padding-top:10px;padding-bottom:10px;padding-right:10px;padding-left:10px; font-size:20px; line-height:26px;}
.juso_wrap .juso_close_btn_con{position: absolute; right:15px; top:15px; font-size:0; line-height:0;}
.juso_wrap .juso_close_btn{display:inline-block;}
.juso_wrap .juso_close_btn span{width:20px; height:20px; position: relative; display:inline-block;}
.juso_wrap .juso_close_btn span:before{content:""; position: absolute; top:8px; width:100%; border-bottom:2px solid #000; transform:rotate(-45deg);}
.juso_wrap .juso_close_btn span:after{content:""; position: absolute; top:8px; width:100%; border-bottom:2px solid #000; transform:rotate(45deg);}

/*popup*/
.layer_pop_dim{position: fixed; z-index: 100; top:0; left:0; width: 100%; height: 100vh; background-color: rgba(0,0,0,0.6);}

/* Coming Soon */
.main_visual_wrap h2.medium{font-size:55px; font-size:5.5rem; line-height:61px; line-height:6.1rem; letter-spacing: -0.02em; word-spacing: -0.01em; margin-bottom: 44px;}
.main_visual_wrap .h_line2{width: 137px; border-bottom: 2px solid #fff; margin-left:auto; margin-right: auto;}
.main_visual_wrap .h_desc2.type_2{font-size:19px; font-size:1.9rem; line-height:35px; line-height:3.5rem; letter-spacing: -0.015em; font-weight: 400; color:#fff; margin-bottom: 0;}
.main_visual_wrap .main_visual_flower{position: absolute; z-index: 0; width:310px; bottom:-80px; left:-73px;}

/*privacy_popup*/
.mw-1085{max-width: 1085px;}
#privacy_popup{height: 100%; overflow-y: hidden;}
#privacy_popup2{height: 100%; overflow-y: hidden;}
.privacy_popup_con{height: 100%;}
.privacy_popup_con .mCSB_inside > .mCSB_container{margin-right: 0;}
.privacy_popup_con .mCSB_inside .mCSB_scrollTools .mCSB_draggerContainer{margin-right: 0; height: calc(100% - 74px - 74px); top: 100px;}
.privacy_popup_con .mCSB_scrollTools .mCSB_dragger_bar{background-color: rgba(138,182,208,0.4); transition: all 0.2s ease;}
.privacy_popup_con .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background-color: rgba(138,182,208,0.7);}
.privacy_popup_wrap .close_btn_con{text-align: center; line-height: 0; font-size: 0; right: 0; top: 0; position: absolute;}
.privacy_popup_wrap .close_btn{background-color: rgba(138,182,208,0.7); line-height: 74px; width: 74px; height: 74px; display: inline-block; vertical-align: middle; background-image: url('/weven_template/theme/ambling/resource/img/close_btn_small.png'); background-repeat: no-repeat; background-size: 19px 19px; background-position: center; transition: background-color 0.2s ease;}
.privacy_popup_wrap .close_btn:hover{background-color: rgba(138,182,208,1);}
.privacy_popup_con .popup_title_con{background-color: rgba(138,182,208,0.8); height: 74px;}
.privacy_popup_con .popup_title_con .popup_title{padding-top: 24px; font-size:17px; font-size:1.7rem; line-height:23px; line-height:2.3rem; font-weight: 500; letter-spacing: -0.06em;  color: #fff;}
.privacy_popup_con .popup_contents_con{height: calc(100% - 74px); padding: 50px 20px;}
.privacy_popup_con .popup_contents_con .popup_notice{font-size:15px; font-size:1.5rem; line-height:28px; line-height:2.8rem;  font-weight: 300; letter-spacing: -0.01em; word-break: keep-all;}
.privacy_popup_con .popup_contents_list_con .contents_list_title {font-size:18px; font-size:1.8rem; line-height:24px; line-height:2.4rem; font-weight: 500; letter-spacing: -0.01em; color: #000; margin-bottom: 37px;}
.privacy_popup_con .popup_contents_list_con .contents_list_desc {font-size:15px; font-size:1.5rem; line-height:28px; line-height:2.8rem;  font-weight: 300; letter-spacing: -0.01em; color: #000; word-break: keep-all;}
.privacy_popup_con .popup_contents_list_con .popup_contents_list{margin-bottom: 41px;}
.privacy_popup_con .popup_contents_list_con .popup_contents_list:last-child{margin-bottom: 0;}

.table_style_1 {width: 100%; table-layout: fixed;}
.table_style_1.font_helve{font-family: 'Helvetica Neue' !important; font-weight: 500;}
.table_style_1 th, .table_style_1 td{
    color: #8ab6d0; font-size: 15px; font-size: 1.5rem; line-height: 15px; line-height: 1.5rem; text-align: center; font-weight: 300; padding: 15px 5px 12px; height: 50px; box-sizing: border-box; vertical-align: middle;
    border-top: 1px solid #e4eff5; border-bottom: 1px solid #e4eff5; word-break: keep-all;
}
.table_style_1 thead th {background-color: #f3f8fb;}
.table_style_1 tbody th {padding-left: 3%; text-align: left;}

.privacy_popup_con .table_style_1 th{font-weight: 400;}
.privacy_popup_con .table_style_1 td{color:#000;}

@media all and (min-width:481px){
    .main_visual_tab_wrap{bottom:40px;}
    .main_visual_wrap .text_con{padding-bottom: 0;}

    /* Coming Soon */
    /*.main_visual_wrap .main_visual_flower{width: 430px;}*/
}

@media all and (min-width:481px) and (max-height:750px){
    .main_visual_tab_wrap{bottom:20px;}
}

@media all and (min-width: 768px){
    .table_style_1 tbody th {padding-left: 52px;}
}

@media all and (min-width: 992px){
    /*개인정보처리방침*/
    .privacy_popup_con .popup_contents_con{height: calc(100% - 74px); padding: 80px 100px;}
}

@media all and (min-width:1200px){
    .main_visual_wrap .main_visual_slide:first-child{background-image: url('../img/main_visual_img_002.jpg'); background-size: auto 70%; background-position: right 0px top 0px;}

    .btn_style_0_con .btn_style_0{font-size: 19px; font-size: 1.9rem; background-position: right bottom 7px;}
    .btn_style_0_con .btn_style_0:hover{color:#000; background-image: url('../img/btn_style_0_arrow_h.png');}

    .product_arr_btn_con{display: none;}

    .main_tab_arr_btn_con {position: absolute; top: 0; }
    .main_tab_arr_btn_con.left { left: calc((100% - 970px) / 2);}
    .main_tab_arr_btn_con.right {right: calc((100% - 970px) / 2);}

    .main_tab_arr_btn_con .arr_btn {width: 50px; height: 50px; display: table; text-align: center; background-color: #fff; background-size: 11px 19px; border-radius: 50%; cursor: pointer; outline: none;}
    .main_tab_arr_btn_con.left .arr_btn {background-image: url("../img/arrow_left_color.png"); background-position: right 21px center; background-repeat:no-repeat;}
    .main_tab_arr_btn_con.right .arr_btn{background-image: url("../img/arrow_right_color.png"); background-position: left 22px center; background-repeat:no-repeat;}
    .main_tab_arr_btn_con .arr_btn:hover{background-color: #b2d2db;}
    .main_tab_arr_btn_con.left:hover .arr_btn{background-image: url("../img/arrow_left_white.png"); background-position: right 21px center; background-repeat:no-repeat;}
    .main_tab_arr_btn_con.right:hover .arr_btn{background-image: url("../img/arrow_right_white.png"); background-position: left 22px center; background-repeat:no-repeat;}


    .main_product_list_con{margin-bottom: 50px;}
    .main_visual_wrap h2{font-size:126px; font-size:12.6rem; line-height:132px; line-height:13.2rem; word-spacing: -0.19em;}
    .main_visual_wrap h2.small{font-size:69px; font-size:6.9rem; line-height:75px; line-height:7.5rem; margin-bottom: 25px;}
    .main_visual_wrap .h_desc2{font-size:30px; font-size:3.0rem; line-height:36px; line-height:3.6rem; margin-bottom: 17px;}

    .main_visual_wrap .h_desc2.fir, .main_visual_wrap h2 .sec, .main_visual_wrap h2 .thr{opacity: 1;}
    /*.main_visual_wrap .h_desc2.fir, .main_visual_wrap h2 > .sec, .main_visual_wrap h2 > .thr{opacity: 0;}*/
    .main_visual_wrap .right_con{top: 111px; transform-origin: top right; transform: scale(1);}
    .main_visual_wrap .right_con.type_2{top: -100px; right: calc( (100% - 1170px ) / 2 - 330px); transform: scale(0.8) }

    .main_product_list .product_img_con > img{max-width: 150px; max-height: 340px;}

    .product_swiper{max-width: none;}
    .product_paging.swiper-pagination-bullets{position: absolute; z-index: 5; display: none; padding-top: 0;}
    .main_visual_wrap .left_con{top:50%; left:calc( (100% - 1170px) / 2  - 305px); transform: scale(0.8) translateY(-23%);}
    .main_visual_tab_wrap{bottom:60px;}
    .main_visual_wrap .left_con.type_2 {transform-origin: right; transform :  translate(calc(0% - 100% + 605px) ,-50%) ; left:calc( (100% - 1170px) / 2  - 351px); -ms-transform: translate(calc(0% - 100% + 605px) ,-50%) ;}

    /* Coming Soon */
    /*.main_visual_wrap .main_visual_slide:last-child{background-size: auto; background-position: right top;}
    .main_visual_wrap h2.medium{font-size:90px; font-size:9.0rem; line-height:96px; line-height:9.6rem; word-spacing: 0.01em; margin-bottom: 54px;}
    .main_visual_wrap .h_desc2.type_2{font-size:21px; font-size:2.1rem; line-height:39px; line-height:3.9rem;}
    .main_visual_wrap .main_visual_flower{width: auto; top:50%; bottom:auto; left:50px; transform: translate(-50%,-50%);}*/
}

/* Coming Soon */
/*@media all and (min-width:1200px){
    .main_visual_wrap .main_visual_flower{left:-63px; transform: translateY(-50%);}
}*/

@media all and (min-width:1600px){
    .main_visual_wrap .left_con.type_2 { left:0;}

}