#mVisual .slick-dots>li button,
#mVisual .slick-arrow,
.btn-show-hide:before,
.depth-three>.depth-three_in,
.depth-three>.depth-three_in>a,
.overview-top:before,
.overview-top .img,
.overview-top .overview-in,
.s-tab>a,
.s-tab>a:before,
.store-cate>a{transition: all .3s ease-out; transform-origin: 50% 50%;}

#mVisual .vTxt .ii{transition: all .5s ease-out; transform-origin: 50% 50%;}

.m-tab>a:before,
#mVisual .visualRoll .slider .photoBox p{transition: all 1s ease-out; transform-origin: 50% 50%;}

/*[s] All Style */
*::-webkit-scrollbar{width: 0.5rem; height:100%;}/* 스크롤바의 너비 */
*::-webkit-scrollbar-thumb{height: 10%; background-color:var(--point); border-radius: 1rem;}  /* 스크롤바의 길이 & 색상 */
*::-webkit-scrollbar-track{background-color: rgba(0,0,0,0.1);}/*스크롤바 뒷 배경 색상*/

.f0{font-size:0; line-height:0;}

.h-text{font-weight: bold; font-size:3.8rem; line-height:4.8rem; color: #1b1b1b; text-align: center;}
.h2-text{margin-top:3rem; font-weight: 500; font-size:2rem; line-height:1.5; color: #666; text-align: center;}

hr[line]{width:100%; height:1px; margin:10.5rem 0; background-color: #d1d1d1; font-size:0; line-height:0; opacity: 0.3; position: relative;}

.depth-three{margin:-6rem 0 6rem; padding:0 3.5rem; background-color: #f4f4f4; position: relative; overflow:hidden; overflow-x:auto;}
.depth-three>.depth-three_in{width:100%; max-width:128rem; margin:0 auto; display: flex; justify-content: space-between;}
.depth-three>.depth-three_in>a{flex:1; height:5rem; font-weight: 500; font-size:1.6rem; line-height:1; color: #8d8d8d; text-align: center; display: flex; align-items: center; justify-content: center; white-space: nowrap;}

.depth-three>.depth-three_in>a:hover,
.depth-three>.depth-three_in>a.active{font-weight: bold; color: var(--bg);}

#mVisual .visualRoll,
.about-people .thumbRoll{opacity: 0; visibility: hidden; transition: opacity 1s ease;}

#mVisual .visualRoll.slick-initialized,
.about-people .thumbRoll.slick-initialized{visibility: visible; opacity: 1;}

.bul_star{margin-top:2rem;}
.bul_star>li{margin-top:0.5rem; padding-left:1.5rem; font-size:1.6rem; line-height:1.3; color: #666; position: relative;}
.bul_star>li:before{content: "※"; position:absolute; left: 0; top:0px;}
/*[e] All Style */

/*[s] Main Popup Style */
#hd_pop {z-index:101;position:relative;margin:0 auto;height:0}
#hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.hd_pops{width:auto !important; max-width:100%; height:auto !important; background-color:#fff; border:1px solid #333; position:absolute; display:block; overflow:hidden; box-sizing:border-box;}
.hd_pops img{width:100%}
.hd_pops_con{}
.hd_pops_footer{padding:0; background-color:#333; font-size:1.4rem; color:#fff; text-align:left;position:relative}
.hd_pops_footer:after {display:block;visibility:hidden;clear:both;content:""}
.hd_pops_footer button{padding:1rem; border:0; color:#fff}
.hd_pops_footer .hd_pops_reject{text-align:left}
.hd_pops_footer .hd_pops_close{position:absolute;top:0;right:0}

#popLayer{width:100%; height:100%; font-size:0; line-height:0; position:fixed; left:0; top:0; z-index:99; overflow:hidden; overflow-y:auto;}
#popLayer.disNone{display:none !important;}
#popLayer #moPopArea{width:100vw; height:100vh; padding:10rem 3rem; box-sizing: border-box; display: flex; flex-wrap: wrap; flex-direction: row; align-items: flex-start; justify-content: flex-start; -ms-flex-align:center;}
#popLayer #moPopArea .moPop{width:100%; max-width:50rem; margin:0; position: relative;}
#popLayer #moPopArea #moPopRoll{background-color: #fff; border-radius:2rem; overflow:hidden; box-shadow:0 2rem 4rem rgba(0,0,0,0.3);}
#popLayer .slider{width:100%; border-radius:2rem 2rem 0 0; box-sizing:border-box; overflow:hidden;}
#popLayer .slider img{width:100%; vertical-align: top;}
#popLayer .slider .HKeditorContent{padding:20px; font-size:20px; line-height:1.5; color: #666;}
#popLayer .slider .HKeditorContent img{width:auto;}
#popLayer #moPopRoll.roll .slider{}

#popLayer .layerPopClose{width:3rem; height:3rem; margin:0; padding:0; font-size:0; line-height:0; position: absolute; right:1.5rem; top:1.5rem; z-index:6; transform:rotate(45deg);}
#popLayer .layerPopClose:before,
#popLayer .layerPopClose:after{content: ""; background-color: #222; display: block; position:absolute; left: 50%; top:50%;}
#popLayer .layerPopClose:before{width: 100%; height: 2px; margin:-1px 0 0 -1.5rem;}
#popLayer .layerPopClose:after{width: 2px; height: 100%; margin:-1.5rem 0 0 -1px;}

#popLayer .moPopClose{width:100%; border-radius:0 0 2rem 2rem; display: flex; justify-content: space-between; overflow:hidden;}
#popLayer .moPopClose>*{flex:1 1 50%; height:6rem; font-size:1.6rem; line-height:1; display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: center;}
#popLayer .moPopClose button{background-color: #878896; border:none; color: #dcdeea; position: relative;}
/*#popLayer .moPopClose button:before{content: "X"; width: 1.8rem; height: 1.8rem; background-color: rgba(255,255,255,0.3); border:1px solid #000; font-family: dotum; font-weight: bold; font-size:1.6rem; line-height:1.6rem; color: #000;display: inline-block; position:absolute; top:0; box-sizing: border-box;}
#popLayer .moPopClose button.toDay_close{padding-left:2.5rem;}
#popLayer .moPopClose button.toDay_close:before{left:0;}*/
#popLayer .moPopClose button.close{padding-right:2.5rem}
#popLayer .moPopClose button.close:before{right:0;}
#popLayer .moPopClose a{background-color: #3617cd; color:#fff}

#popLayer .slick-dots{width:100%; padding:0; text-align: center; position: absolute; left:0; bottom:7rem; z-index:7;}
#popLayer .slick-dots>li{margin:0 0.7rem; display:inline-block; vertical-align: top;}
#popLayer .slick-dots>li+li{}
#popLayer .slick-dots>li button{width:1.4rem; height:1.4rem; padding:0; background-color:#d4d7d9; border:none; font-size:0; line-height:0; position: relative; cursor: pointer; border-radius:999px; overflow:hidden; transition: all .3s ease-out;}
#popLayer .slick-dots>li.slick-active button{width:30px; background-color: #333;}

#popLayer #moPopArea #moPopRoll{opacity: 0; visibility: hidden; transition: opacity 1s ease;}
#popLayer #moPopArea #moPopRoll.open,
#popLayer #moPopArea #moPopRoll.slick-initialized{visibility: visible; opacity: 1;}
/*[e] Main Popup Style */

/*[s] Main Style */
.mScrolls{width:100%; font-size:0; line-height:0; text-align: center; position: fixed; left:0; bottom:40px; z-index:8; display:none;
    animation-duration: .7s; animation-iteration-count:infinite; animation-name: scrollDown; animation-timing-function:ease-in-out; animation-direction:alternate;
}
@keyframes scrollDown {
    from {bottom:50px; opacity:1;}
    to {bottom:30px; opacity:0.5}
}

/* visual */
    html .root_daum_roughmap{width: 100%; height: 100%;}
    html .root_daum_roughmap .wrap_map{width: 100%; height: 100%;}
    html .wrap_controllers{display: none;}

    #mVisual{width:100%; font-size:0; line-height:0; padding: 0; margin: 0; position: relative; overflow:hidden;}
    #mVisual .swiper-slide{width: 100%;}

    #mVisual .swiper-slide img{width:100%; max-width:none; max-height: calc(100vh - 10rem); height: 84rem; object-fit: cover;}
    .mVisual_textArea{position: absolute; left:50%; top: 9rem; max-width: 134rem; width:100%; height: calc(100% - 20rem); display: flex; align-items: center; text-align: center; padding:0 2rem; transform: translateX(-50%); z-index:6;}
    .mVisual_textArea_inner{position: relative; width: 100%;}

    .mVisual_text_eq p.title{font-size: 4.7rem; line-height: 6rem; color: #ffffff; font-weight: lighter; font-family: var(--one); text-shadow: 1px 1px 1px rgba(0,0,0,0.25); margin-bottom: 1rem;}
    .mVisual_text_eq p.text{font-size: 5.1rem; line-height: 7rem; color: #ffffff; font-family: var(--one); text-shadow: 1px 1px 1px rgba(0,0,0,0.25);}
    .mVisual_text_eq a.btn_link{display: inline-block; font-size: 2.1rem; line-height: 1; color: #fff; font-weight: 500; font-family: var(--one); background-color: #004098; border-radius: 5rem; padding: 2rem 3rem; margin-top: 5rem;}
    .mVisual_text_eq a.btn_link .suit{display: inline-block; vertical-align: middle; font-size: 1.6rem; color: rgba(255,255,255,0.75); margin-left: 0.5rem;}

    .mVisual_text_eq{width:100%; position: absolute; left:0; top:0; opacity: 0; }
    .mVisual_text_eq .ii{color: #fff; top:50px; display:block; position: relative; word-break:keep-all; word-wrap:break-word; opacity: 0; transition: all ease 1s;}
    .mVisual_text_eq .i01{-webkit-transition-delay: .4s; transition-delay: .4s;}
    .mVisual_text_eq .i02{-webkit-transition-delay: .45s; transition-delay: .45s;}
    .mVisual_text_eq .i03{-webkit-transition-delay: .5s; transition-delay: .5s;}
    .mVisual_text_eq .i04{-webkit-transition-delay: .55s; transition-delay: .55s;}
    .mVisual_text_eq .i05{-webkit-transition-delay: .6s; transition-delay: .6s;}
    .mVisual_text_eq .i06{-webkit-transition-delay: .65s; transition-delay: .65s;}
    .mVisual_text_eq .i07{-webkit-transition-delay: .7s; transition-delay: .7s;}
    .mVisual_text_eq .i08{-webkit-transition-delay: .8s; transition-delay: .8s;}
    .mVisual_text_eq .i09{-webkit-transition-delay: .9s; transition-delay: .9s;}

    .mVisual_text_eq.active{position: static; top:0px; opacity: 1;}
    .mVisual_text_eq.active .ii{top:0px; opacity:1;}

    #mVisual .swiper-pagination{position: relative; display: inline-flex; gap: 10px; text-align: left; margin-top: 3rem;}
    #mVisual .swiper-pagination .swiper-pagination-bullet{position: relative; display: inline-flex; align-items: center; width: auto; height: auto; padding: 0; margin: 0;
        border-radius: 0; background-color: transparent; opacity: 0.2;
        font-size: 16px; line-height: 1; font-weight: bold; transition: all ease 0.3s; box-sizing: border-box;}
    #mVisual .swiper-pagination .swiper-pagination-bullet-active{opacity: 1;}

    #mVisual .swiper-pagination #stopButton{font-size: 16px; line-height: 1; font-weight: bold; transition: all ease 0.3s; }

    #mVisual .swiper-pagination .swiper-pagination-bullet span.num{width: auto; color: #fff;}
    #mVisual .swiper-pagination .swiper-pagination-bullet-active span.num{width: 25px; margin-right: 10px;}

    #mVisual .swiper-pagination .swiper-pagination-bullet::after{position: relative; content: ''; width: 0; height: 3px;background-color: rgba(255,255,255,0.2); transition: all ease 0.3s;}
    #mVisual .swiper-pagination .swiper-pagination-bullet-active::after{width: 10rem;}

    #mVisual .swiper-pagination .swiper-pagination-bullet span.line{position: absolute; top: 50%; left: 35px;  margin-top: -1.5px;  display: inline-block; width: 0; height: 3px; max-width: 10rem; z-index: 7; background-color: #fff;}
    #mVisual .swiper-pagination #stopButton{color: #fff;}


    #mVisual .swiper-button-next,
    #mVisual .swiper-button-prev{position: absolute; top: 50%; margin-top: -3rem; background-size: cover; z-index: 7; width: 6rem; height: 6rem; border: 1px solid #ddd; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 2.5rem; line-height: 1; color: #fff; font-family: 'SUIT Variable';}
    #mVisual .swiper-button-next{right: 5%; }
    #mVisual .swiper-button-prev{left: 5%;}
    #mVisual .swiper-button-next::after,
    #mVisual .swiper-button-prev::after{display: none;}

    /* #mVisual .swiper-pagination{display: flex; align-items: center; justify-content: center; gap: 2rem; bottom: 4rem; display: none;}
    #mVisual .swiper-pagination-bullet{width: 12.5px; height: 12.5px; box-sizing: border-box; background-color: #dddddd; opacity: 1; transition: all ease 0.3s; margin: 0;}
    #mVisual .swiper-pagination-bullet-active{width: 18px; height: 18px; background-color: transparent; border: 4px solid var(--point);} */

    html .swiper-button-next,
    html .swiper-button-prev{z-index: 7;}

.m-title{margin-bottom:5rem; text-align: center;}
.m-title>dt{font-weight: bold; font-size:6rem; line-height:1; color: #000;}
.m-title>dd{margin-top:1rem; font-weight: 600; font-size:2.2rem; line-height:1; color: #333;}

.m-tab{width:100%; margin-bottom:8rem; display: flex; flex-wrap: wrap; justify-content: center; position: relative;}
.m-tab>a{height:5rem; margin:3px; padding:0 2.7rem;  font-size:1.9rem; line-height:1; color: #666; text-align: center; display: flex; align-items: center; justify-content: center; white-space: nowrap; position: relative;}
.m-tab .radius{width: 10%; height: 5rem; border:1px solid #333; position:absolute; left: 50%; top:0px; border-radius:99px; opacity: 0;}

.m-tab.line>a{margin:0; padding:0 2rem 0 2.1rem;}
.m-tab.line>a+a:before{content: ""; width: 1px; height: 1rem; margin-top:-0.5rem; background-color: #b4b4b4; display: inline-block; position:absolute; left: -0.1rem; top:50%;}

.m-tab>a.active{font-weight: 500; color: #333;}
.m-tab>a.active:before,
.m-tab>a.active+a:before{opacity: 0;}

.m-tab-conts{display:none; position: relative;}

/* product */
    #main-product{background-color: #fafafa; padding:17.5rem 0 16rem;}
    #main-product .shape{width:1920px; margin-left:-960px; position: relative; left:50%;}
    #main-product .shape:before{content: ""; width: 52.5rem; height: 29.3rem; background-color: #e31837; display: inline-block; position:absolute; left: 0; top:14.2rem; border-radius:0 7rem 0 7rem;}

    .main-product{width:100%; margin:0 auto; position: relative; z-index:2;}

    .main-product .swiper-button{width:5rem !important; height:5rem !important; margin:0 !important; display:inline-block; vertical-align: top; top:auto; bottom:55%; z-index:5;}
    .main-product .swiper-button:before{content: ""; width:100%; height:100%; background-color: #1b1b1b; border:none; font-size:3rem; line-height:1; color:#fff; display: inline-block; border-radius:999px; display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: center; -ms-flex-align:center;}
    .main-product  .swiper-button:after{display:none;}

    .main-product .swiper-button-prev{left:4.5rem;}
    .main-product .swiper-button-prev:before{content: "←"; font-size:2.6rem;}
    .main-product .swiper-button-next{right:4.5rem;}
    .main-product .swiper-button-next:before{content: "→"; font-size:2.6rem;}

    .main-product .m-tab-conts{padding:0 1.9rem;}

    .main-product-list{width:100%; max-width:172rem; margin:0 auto; font-size:0; line-height:0; position: relative; overflow: visible !important;}
    .main-product-list .list{display: flex; justify-content: flex-start;}
    .main-product-list .list .mBoard_re{width:calc(20% - 4rem); min-width:30.5rem; position: relative; display:inline-block; vertical-align: top;}
    .main-product-list .list .mBoard_re .thumb{width:100%; height:0; padding-bottom:100%; position: relative;}
    .main-product-list .list .mBoard_re .thumb img{width:100%; max-width:none; object-fit:cover; position: absolute; left:0; top:0; border-radius:0 3rem 0 3rem; box-shadow:0 0 2rem rgba(0,0,0,0.1);}
    .main-product-list .list .mBoard_re .text{width:100%; margin-top:3rem; text-align: center;}
    .main-product-list .list .mBoard_re .text>dt{font-weight: 500; font-size:1.6rem; line-height:1; color: #999;}
    .main-product-list .list .mBoard_re .text>dd{margin-top:1rem; font-weight: 600; font-size:2rem; line-height:1.3; color: #1b1b1b;}

    #main-product.noSwiper .team-arrow{display:none !important;}
    #main-product.noSwiper .mBoard_re{margin-right:4rem;}
    #main-product.noSwiper .noPost{width:100%; height:20rem; font-weight: 400; font-size: 1.6rem; line-height:1.5; color: #666; text-align: center; display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: center;}

/* main Conts */
    .main-conts{padding:16rem 0;}
    .main-conts .mConts-area{display: flex; align-items: center; justify-content: space-between;}
    .main-conts .thumb{width:44.1666%; position: relative;}
    .main-conts .thumb img{width:100%; max-width:58.3rem; object-fit:cover; box-shadow:0 0 2rem rgba(0,0,0,0.1); border-radius:0 5rem 0 5rem;}
    .main-conts .text{width:48.4545%;}
    .main-conts .text .cate{font-weight:600; font-size:5.2rem; line-height:1; color: #cacaca;}
    .main-conts .text .title{margin-top:4rem; font-weight:bold; font-size:4rem; line-height:5.6rem; color: #1b1b1b;}
    .main-conts .text .txt{margin-top:5.5rem; font-size:1.9rem; line-height:3rem; color: #666;}
    .main-conts .text .btn{margin-top:6.5rem;}
    .main-conts .text .btn>a{padding-right:5rem; background: url('/images/arr_view.png') no-repeat right 37%/4.3rem; font-size:1.7rem; line-height:1.4; color: #333; display:inline-block;}

    .main-conts:nth-child(even){background-color: #fafafa;}
    .main-conts:nth-child(even) .thumb{order:1;}
    .main-conts:nth-child(even) .text{order:2;}

/* shop */
    #main-shop{padding:14rem 3rem 15rem;}

    .main-shop{width:100%; max-width:140rem; margin:0 auto; position: relative;}
/*[e] Main Style */

/*[s] Sub Style */
.s-tab{width:100%; margin:-1rem 0 3.5rem; display: flex; flex-wrap: wrap; justify-content: center; position: relative;}
.s-tab>a{margin:1rem 1.3rem; font-weight: 500; font-size:2.3rem; line-height:1.4; color: #666; text-align: center; display: flex; align-items: center; justify-content: center; white-space: nowrap; position: relative;}
.s-tab>a:before{content: ""; width: 0; height: 2px; background-color: var(--point); display: inline-block; position:absolute; left: 50%; bottom:0px;}

.s-tab>a:hover,
.s-tab>a.active{color: var(--point);}

.s-tab>a:hover:before,
.s-tab>a.active:before{width:100%; left:0;}

/* COMPANY */


    .history-area{width:100%; position: relative;}
        .history-area:before{content: ""; width: 1px; margin-left:-0.5px; background-color: #dadada; display: inline-block; position:absolute; left: 50%; top:1rem; bottom:7rem;}
        .history-area>li{width:100%; padding-right:50%; text-align: right; display: flex; flex-wrap: wrap;}
        .history-area>li dl{width:100%; padding:0 6.1rem; position: relative;}
        .history-area>li dl:before{content: ""; width: 2.2rem; height: 2.2rem; background-color: #fff; border:0.5rem solid var(--point); display: inline-block; position:absolute; right: -1.1rem; top:1rem; border-radius:99px; box-sizing: border-box;}
        .history-area>li dl>dt{font-weight: 600; font-size:4.2rem; line-height:1; color: #1b1b1b;}
        .history-area>li dl>dd{margin-top:2.5rem; font-size:2rem; line-height:3.2rem; color: #555;}

        .history-area>li:nth-child(even){padding:0 0 0 50%; text-align: left;}
        .history-area>li:nth-child(even) dl:before{right:auto; left: -1.1rem;}

        .history-area>li+li{margin-top:6.5rem;}


/* etc */
    .etc_clause{width:90%; margin:0 auto;  font-size:0; line-height:0; text-align: center; box-sizing:border-box; position: relative; overflow: visible;}
    .etc_clause:before,
    .etc_clause:after{content:"";position:absolute;top:2%;bottom:0;left:10px;right:10px;-webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);  -moz-box-shadow:0 0 20px rgba(0,0,0,0.8); box-shadow:0 0 20px rgba(0,0,0,0.8);-moz-border-radius:100px / 10px; border-radius:100px / 10px;}
    .etc_clause:after{right:10px;left:auto;-webkit-transform:skew(8deg) rotate(3deg);-moz-transform:skew(8deg) rotate(3deg);-ms-transform:skew(8deg) rotate(3deg);-o-transform:skew(8deg) rotate(3deg);transform:skew(8deg) rotate(3deg);}

    .etc_clause .etc_clause_in{padding:60px 80px 80px; background-color: #fdfdfd; border:1px solid #cecece; border-radius:10px; position: relative; z-index:2;}
    .etc_clause .logo{margin:0;}
    .etc_clause .logo img{}
    .etc_clause .txt{padding:15px 0 55px; font-weight: 300; font-size:18px; line-height:1; color: #636363;}
    .etc_clause .txt>span{font-weight: 400; color: #1b1b1b;}

    .etc_clause .scroll{font-weight:300; font-size:16px; line-height:1.8; color: #626262; text-align: left;}

    .etc_select{width:90%; margin:0 auto 2rem; text-align: right;}
    .etc_select select.base{width:auto;}
/*[e] Sub Style */

/*[s] Plugin Style */
.layer-base.fancybox__content>.carousel__button.is-close{width:3.3rem; height:3.3rem; top:2.2rem !important; right:3rem; display:none !important;}
.layer-base.fancybox__content>.carousel__button.is-close svg{width:100%; height:100%; stroke-width:1.5; filter:none; color: #666;}

.layer-base{padding:0 !important; background-color: transparent !important; font-size:0; line-height:0; display:none;}
.layer-base .layer-in{}

#layer-password{width:44rem; border:1px solid #cdcdcd;}
#layer-password .layer-base-conts{padding:4.5rem 7rem; background-color: #fff;}

#layer-password .pass-title{line-height:1; color: #8c8c8c; text-align: center;}
#layer-password .pass-title>dt{font-weight: 600; font-size:1.6rem;}
#layer-password .pass-title>dd{margin-top:1.5rem; font-size:1.4rem;}

#layer-password .pass-form{width:100%; margin-top:3rem;}
#layer-password .pass-form input[type=text],
#layer-password .pass-form input[type=password]{width:100%; height:3.8rem; padding:0; background-color: #fff; border:1px solid #cdcdcd; font-size:1.6rem; line-height:3.6rem; color: #8c8c8c; text-align: center; display:block; border-radius:0;}

#layer-password .pass-btn{margin-top:3rem; display: flex; justify-content: space-between;}
#layer-password .pass-btn>a{width:48%; height:3.8rem; background-color: #fff; border:1px solid #cdcdcd; font-weight: 500; font-size:1.4rem; line-height:1; color: #8c8c8c; text-align: center; display: flex; align-items: center; justify-content: center;}
#layer-password .pass-btn>a[ok]{background-color: var(--point); border-color:var(--point); color: #fff;}

/* Layer Style */
    /*.layerArea .layerIn .layerBgIn{width:0px; height:0px; background-color: rgba(255,255,255,0.7); position:absolute; left:50%; top:50%; z-index:100; -webkit-transition: .5s; transition: .5s; transform-origin: 50% 50%;}*/

    .layerCell{display:none;}

    .layerArea{width:0px; height:0px; background-color: rgba(0,0,0,0.7); position:fixed; left:50%; top:50%; z-index:99; overflow:hidden; overflow-y:auto; -webkit-transition: .5s; transition: .5s; transform-origin: 50% 50%;}
    .layerArea.one,
    .layerArea.two{width:100%; height:100%; left:0%; top:0%;}
    .layerArea.two .layerBgIn{width:100%; height:100%; left:0%; top:0%;}
    .layerArea .closeLy{width:1.7rem; height:1.7rem; display:inline-block; position: absolute; right:0; top:0;}
    .layerArea .closeLy:before,
    .layerArea .closeLy:after{content: ""; background-color: #080808; position: absolute; left:50%; top:50%;}
    .layerArea .closeLy:before{width: 100%; height: 2px; transform:translate(-50%, -50%) rotate(45deg);}
    .layerArea .closeLy:after{width: 2px; height: 100%; transform:translate(-50%, -50%) rotate(45deg);}
    .layerArea .closeLy.type02{width:2.3rem; height:2.3rem; right:3rem; top:3rem;}
    .layerArea .closeLy.type02:before,
    .layerArea .closeLy.type02:after{background-color: #676767;}

    .layerArea .layerIn{width:100%; height:100%; display: table; position:relative;}
    .layerArea .layerIn .layerCell{width:100%; height:100%; padding:70px 0; display: table-cell; vertical-align:middle; position:relative; box-sizing: border-box;}
    .layerArea .layerIn .layerBox{margin:0 auto; background-color: #fff; font-size:0; line-height:0; display:none; position: relative; box-sizing: border-box; z-index:99; border-radius:1rem;}
    /*
    .layerArea .layerIn .layerBox>.tit_lay{padding:25px 25px 15px;}
    .layerArea .layerIn .layerBox>.tit_lay>strong{font-size:16px; line-height:1; color:#00a9cc;}
    */
    .layerArea .layerIn .layerBox .contLy{position: relative;}

    .downlay{width:100%; padding:10rem 0; border-radius:0 !important;}
    .downlay .closeLy{top:-5rem;}
    .downlay>.contLy{width:64.5rem; margin:0 auto; text-align: center;}
    .downlay .title{padding-bottom:5rem; font-weight: bold; font-size:3rem; line-height:1; color: #000;}
    .downlay .title>strong{color: #23abaf;}
    .downlay .utllBox{width:47.6rem; margin:0 auto; display:table; table-layout: fixed;}
    .downlay .utllBox>*{width:50%; display:table-cell; vertical-align: top; box-sizing: border-box;}
    .downlay .utllBox .tit{font-size:1.5rem; line-height:1; color: #666;}
    .downlay .utllBox .txt{margin-top:2.5rem; font-size:1.2rem; line-height:1; color: #888;}
    .downlay .utllBox .icon{height:15rem; margin-top:3rem; display: flex; flex-wrap: wrap; flex-direction: row; align-content: center; justify-content: center;}
    .downlay .utllBox .icon>p+p{margin-top:2rem;}
    .downlay .utllBox>.qr{border-left:1px solid #dadada;}
    .downlay .utllBox>.store img{width:16.8rem;}
    .downlay .utllBox>.qr img{width:15rem;}

    .formLay{width:62rem; padding:7rem 5rem 6rem; border-radius:1rem;}
    .formLay input[type=text]{width:100%; height:5.4rem; padding:0; background-color:#fff; border-bottom:2px solid #e8e8e8; font-size:1.8rem; line-height:5.2rem; color:#666; box-sizing: border-box; vertical-align:middle; display:inline-block;}
    .formLay .title{padding-bottom:3.5rem; border-bottom:1px solid #333; font-weight: 500; font-size:2.6rem; line-height:1; color: #1b1b1b;}
    .formLay .textBox{width:62rem; margin:-1px 0 0 -5rem; padding:4rem 0; background-color: #f6f7fa; border-top:1px solid #ececec; border-bottom:1px solid #ececec; font-size:1.9rem; line-height:1; color: #1b1b1b; letter-spacing: -0.08em; text-align: center; position: relative; z-index:2;}
    .formLay .textBox>span{color: #149699;}
    .formLay .launchingForm{margin-top:1rem;}
    .formLay .launchingForm>li{padding-top:4rem;}
    .formLay .launchingForm>li>dl{}
    .formLay .launchingForm>li>dl>dt{font-weight: 500; font-size:1.9rem; line-height:1; color: #1b1b1b;}
    .formLay .launchingForm>li>dl>dd{height:6.4rem; padding-top:1rem; display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: flex-start; box-sizing: border-box;}
    .formLay .launchingForm>li>dl>dd.two{flex-wrap: nowrap; justify-content: space-between; white-space: nowrap;}
    .formLay .launchingForm>li>dl .checkIn{}

    .formLay .launchingForm>li.two{display: flex; justify-content: space-between;}
    .formLay .launchingForm>li.two>dl{width:48%;}
    .formLay .launchingForm>li .clauseView{font-size:1.7rem; line-height:1; color: #989898;display:inline-block;}
    .formLay .launchingForm>li .clauseView>span{border-bottom:1px solid #999; padding:0.2rem 0 0.3rem; display:inline-block;}
    .formLay .btnArea{margin-top:6rem;}

    .privacylay{width:62rem; padding:7rem 5rem;}
    .privacylay .title{padding-bottom:3.5rem; font-weight: 500; font-size:2.8rem; line-height:1; color: #000; text-align: center;}
    .privacylay .clauseArea .scroll{padding:3.5rem 3.9rem; background-color: #f8f9fb; border:1px solid #eee; font-weight: 300; font-size:1.7rem; line-height:2.6rem; color: #666;}

/* Img Over Bg Style */
    #photo{width:960px;margin:0 auto; position:relative; overflow:hidden;}
    #photo>li{width:150px; height:150px; margin:5px; float:left; display:inline; overflow:hidden; }
    #photo>li>a{width:100%; height:100%; position: relative; display:block; overflow:hidden;}
    #photo>li>a>img{width:100%; height:100%; display:block; border-radius:5px;}
    #photo>li>a>.bg_l{width:100%; height:100%; background-color:red; position: absolute; left:0; top:0; display:none; opacity:0.3; border-radius:5px;}

/* Notice One Line Style */
    .mNoticeList{width:100%; height:60px; margin-top:25px; overflow:hidden; position: relative;}
    .mNoticeList>ul{width:100%; position: absolute; left:0; top:-60px;}
    .mNoticeList>ul>li{height:60px; position: relative;}
    .mNoticeList>ul>li>a{padding-left:73px; display:block; position: relative;}
    .mNoticeList .day{width:41px; padding-right:15px; border-right:1px solid #d5d1cc; font-weight: 600; font-size:12px; line-height:1; color: #b99764; text-align: center; position: absolute; left:0; top:0;}
    .mNoticeList .day>strong{font-weight: 700; font-size:32px; line-height:1; display:block;}
    .mNoticeList dl.list{font-size:16px; line-height:20px; color: #876e49; word-break:keep-all; word-wrap:break-word;}
    .mNoticeList dl.list>dt{padding-bottom:6px; font-weight: 600; font-size:12px; line-height:1; color: #b99764;}
/*[e] Plugin Style */


.previous-area{text-align: center;}
.previous-area h3{font-weight: bold; font-size:4.6rem; line-height:1; color: #333;}
.previous-area .text{margin-top:2.5rem; font-size:2rem; line-height:1.5; color: #666;}

.previous-area .previous-choice{margin-top:5rem; display:inline-block;}
.previous-area .previous-choice>p{font-size:2rem; line-height:1.5; color: #333;}
.previous-area .previous-choice>p>strong{font-weight: 600; color:var(--point2);}
.previous-area .previous-choice>p>span{font-weight: 600;}

.previous-area .previous-choice>select{width:100%; height:5.4rem; margin-top:2rem; padding-right:5rem; background:#eceef1 url('/images/bg_select.svg') no-repeat calc(100% - 1.8rem) center; background-size:1.8rem; border:none; font-size:2rem; line-height:5.4rem; border-radius:0.5rem; display:block;}

@media only screen and (max-width : 1600px){
/*[s] Main Style */
/*[e] Main Style */

/*[s] Sub Style */
/*[e] Sub Style */
}
@media only screen and (max-width : 1440px){
/*[s] Intro Style */
    #intro>li{min-width:calc(35.5rem + 7.2917vw);}
    #intro .a-link{left:3.6458vw;}
/*[e] Intro Style */

/*[s] Main Style */
/*[e] Main Style */

/*[s] Layer Style */
/*[e] Layer Style */
}
@media only screen and (max-width : 1280px){
.scroll_info{display:block;}
.scrollTb{width:100%; padding-bottom:2rem; display:block; overflow:hidden; overflow-x:scroll;}
.scrollTb>*{width:1200px !important;}

/*[s] Main Style */
/*[e] Main Style */

/*[s] Sub Style */
    .overview-top:before{left:0%;}
    .overview-top .img{opacity: 0; left:-45%; }
    .overview-top .overview-in{padding:9rem 0 9rem 6rem;}
/*[e] Sub Style */

/*[s] Layer Style */
/*[e] Layer Style */
}
@media only screen and (max-width : 1024px){
/*[s] All Style */
    .wideKakao>.root_daum_roughmap{height:auto; padding-bottom: 56.25%;}
/*[e] All Style */

/*[s] Main Popup Style */
    .hd_pops{position: absolute; left:2rem !important; top:2rem !important;}
    .hd_pops_con{width:auto !important;}
/*[e] Main Popup Style */

/*[s] Main Style */
    .m-tab.line>a{width:calc(100% / 6); margin:0; padding:0 2rem 0 2.1rem;}
    .m-tab.line>a:nth-child(1){width:12%;}
    .m-tab.line>a:nth-child(2){width:20%;}
    .m-tab.line>a:nth-child(7):before{display:none !important;}

    /* product */
        .main-product .swiper-button-prev{left:0;}
        .main-product .swiper-button-next{right:0;}

    /* main Conts */
        .main-conts .mConts-area{display: block;}
        .main-conts .thumb{width:100%; margin-top:7rem;}
        .main-conts .text{width:100%;}
/*[e] Main Style */

/*[s] Sub Style */

/*[e] Sub Style */

/*[s] Plugin Style */
    .fancybox__slide{padding:48px 3rem 8px !important;}
/*[e] Plugin Style */
}
@media only screen and (max-width : 840px){
/*[s] All Style */
    .h-text{font-size:4rem; line-height:5rem;}
    .h2-text{font-size:2.2rem; line-height:1.4;}

    .depth-three{}
    .depth-three>.depth-three_in{width:fit-content; justify-content: flex-start;}
    .depth-three>.depth-three_in>a{height:7rem; font-size:2.2rem;}
    .depth-three>.depth-three_in>a+a{margin-left:4rem;}

    .bul_star{margin-top:4rem;}
    .bul_star>li{margin-top:0.8rem; padding-left:1.7rem; font-size:2rem;}
/*[e] All Style */

/*[s] Main Popup Style */
    .hd_pops{left:2rem !important; right:2rem !important;}
    .hd_pops_con{}

    #popLayer{}
    #popLayer #moPopArea{}
    #popLayer #moPopArea .moPop{max-width:90%;}
    #popLayer #moPopArea #moPopRoll{}
    #popLayer .slider{}
    #popLayer .slider img{}
    /*
    #popLayer .slider#HKeditorContent{padding:20px; font-size:20px; line-height:1.5; color: #666;}
    #popLayer .slider#HKeditorContent img{width:auto;}

    #popLayer #moPopRoll.roll .slider{}
    */

    #popLayer .layerPopClose{width:4rem; height:4rem; right:2rem; top:2rem;}
    #popLayer .layerPopClose:before{margin:-1px 0 0 -2rem;}
    #popLayer .layerPopClose:after{margin:-2rem 0 0 -1px;}

    #popLayer .moPopClose{}
    #popLayer .moPopClose>*{height:8rem; font-size:2rem;}
    /*
    #popLayer .moPopClose button{font-size:1.8rem; line-height:2.4rem;}
    #popLayer .moPopClose button:before{width: 2.4rem; height: 2.4rem; font-size:1.8rem; line-height:2.6rem;}
    #popLayer .moPopClose button.toDay_close{padding-left:3.2rem;}
    #popLayer .moPopClose button.close{padding-right:3.2rem}
    */

    #popLayer .slick-dots{bottom:10rem;}
    #popLayer .slick-dots>li{}
    #popLayer .slick-dots>li+li{}
    #popLayer .slick-dots>li button{width:1.8rem; height:1.8rem;}
    #popLayer .slick-dots>li.slick-active button{}
/*[e] Main Popup Style */

/*[s] Main Style */

    .m-title{}
    .m-title>dt{font-size:4.8rem;}
    .m-title>dd{margin-top:1rem;}

    .m-tab{width:100%; margin-bottom:8rem; display: flex; flex-wrap: wrap; justify-content: center; position: relative;}
    .m-tab>a{padding:0 2.5rem; font-size:2rem;}
/*[e] Main Style */

/*[s] Sub Style */
    .s-tab{}
    .s-tab>a{font-size:2.4rem;}


        .history-area{}
            .history-area:before{margin-left:0; left: 1.2rem;}
            .history-area>li{padding:0; text-align:left;}
            .history-area>li dl{padding:0 0 0 5.1rem;}
            .history-area>li dl:before{right:auto; left: 0rem;}
            .history-area>li dl>dd{font-size:2.2rem; line-height:3.2rem;}

            .history-area>li:nth-child(even){padding:0%; text-align: left;}
            .history-area>li:nth-child(even) dl:before{right:auto; left:0rem;}
    /* etc */
        .etc_clause{width:100%; margin:0 auto;}
        .etc_clause .etc_clause_in{padding:5rem 3rem; border-radius:1rem;}
        .etc_clause .logo{margin:0;}
        .etc_clause .txt{padding:2rem 0 6rem; font-size:2.2rem;}

        .etc_clause .scroll{font-size:2rem;}

        .etc_select{width:100%;}
        .etc_select select.base{width:22rem;}
/*[e] Sub Style */

/*[s] Plugin Style */
    #layer-password{width:90%;}
    #layer-password .layer-base-conts{}

    #layer-password .pass-title{}
    #layer-password .pass-title>dt{font-size:2.4rem;}
    #layer-password .pass-title>dd{font-size:2.2rem;}

    #layer-password .pass-form{}
    #layer-password .pass-form input[type=text],
    #layer-password .pass-form input[type=password]{height:5.8rem; font-size:2.2rem; line-height:5.6rem;}

    #layer-password .pass-btn{}
    #layer-password .pass-btn>a{height:5.8rem; font-size:2rem;}
/*[e] Plugin Style */
}
@media only screen and (max-width : 640px){
#mVisual .swiper-pagination{display: flex;}
#mVisual .swiper-button-next, #mVisual .swiper-button-prev{display: none;}
}
@media only screen and (max-width : 480px){
}

/*
transform: scale(1.1) 부분을
transform: scale(1.1) rotate(.001deg); 로 변경하면 부드럽게 처리되네요


display: flex; flex-wrap: wrap; flex-direction: row; align-content: center; justify-content: center; -ms-flex-align:center;
display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: center; -ms-flex-align:center;
display: flex; align-items: center; justify-content: center;

맨 앞에 정렬
justify-content: flex-start;
​
맨 끝에 정렬
justify-content: flex-end;

가운데 정렬
justify-content: center;

서로 같은 간격으로 박스들이 조정됨.
justify-content: space-between;​

컨텐츠 뿐만 아니라 그 주변도 같은 간격으로 조정됨.
justify-content: space-around;

​

* 수직으로 적용
align-items

컨테이너의 꼭대기로 정렬
justify-content: flex-start
​
컨테이너의 바닥으로 정렬
flex-end​

가운데로 정렬
center

컨테이너의 시작 위치에 정렬
baseline​

컨테이너에 맞도록 늘린다.
stretch


.list_ol_01 {counter-reset:item; margin-bottom:10px;}
.list_ol_01 > li {position: relative; font-size: 16px; line-height: 1.75; margin-bottom:4px; color: #636363; padding-left:26px;}
.list_ol_01 > li:last-child {margin-bottom: 0;}
.list_ol_01 > li:before {counter-increment: item; content: counter(item); width: 18px; height: 18px; display: inline-block; background: #fff; border:1px solid #636363; color: #636363; border-radius: 50%; text-align: center; line-height:18px; font-size: 10px; position: absolute; top: 5px; left: 0; font-weight:400;}

-webkit-transform: translateY(-50%); transform: translateY(-50%);
-webkit-transform: translateX(-50%); transform: translateX(-50%);
filter:grayscale(100%) blur(0px); -webkit-filter:grayscale(100%) blur(0px);
transition: all .5s linear;
transition: all .5s ease-out;
transform:scale(100%);
transform:rotate(180deg);
-webkit-transition-timing-function:ease-in linear; transition-timing-function:ease-in linear;
-webkit-transition-delay: .8s; transition-delay: .8s;
:before{content: ""; width: 24px; height: 24px; background-color: #fff; border:1px solid #666; display: inline-block; position:absolute; left: 0; top:0px; box-sizing: border-box;}
display: flex; justify-content: space-between; // 양쪽 끝 정렬
display: flex; justify-content: space-around; // 센터 정렬
display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; //한줄 감추기
display: block; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; //두줄 감추기
active
:first-child
text-indent:-99999px;
!important
display:table;
table-layout:fixed;
display:table-row;
display:table-cell;
box-sizing:border-box;
word-break:keep-all; word-wrap:break-word;
border-radius:2px;
*/