/* BRAND =================================== */
/* BRAND > 유기농 본 스토리 */
/* .story .content_area {padding:180px 0 160px; background-image:url("../img/02.brand/story_c_bg.jpg");background-size:cover;} */
.story .content_area {padding:180px 0 160px; background-image:url("../img/02.brand/bonstory_img_bg.jpg");background-size:cover;}
.story .keyvisual_area {background-image: url("../img/02.brand/visual_bg.jpg"); }
.story .keyvisual_area::after {background-image: url("../img/02.brand/visual_bg.jpg"); }

@media all and (max-width:767px){
.story .content_area {padding:120px 0 60px;background-image:none;}
.story .keyvisual_area {background-image: url("../img/02.brand/visual_mbg.jpg"); }
.story .keyvisual_area::after {background-image: url("../img/02.brand/visual_mbg.jpg"); }
}

.story_con01 .img_box {padding:0px 0; margin:80px 0 0px 0; background-color:transparent; text-align:center; }
.story_con01 .img_box img {max-width:100%;}
.story_con01 .img_box img.mo_img {display:none; }
.story_con01 .img_box.scroll_motion {opacity:0; transform:translateY(50px); transition:all 0.5s; }
.story_con01 .img_box.scroll_motion.on {opacity:1; transform:translateY(0);}
.story_con01 .img_box2 {padding:0px 0; margin:45px 0 45px 0; background-color:transparent; text-align:center; }
.story_con01 .img_box2 img {max-width:100%;}
.story_con01 .img_box2 img.mo_img {display:none; }
.story_con01 .img_box2.scroll_motion {opacity:0; transform:translateY(50px); transition:all 0.5s; }
.story_con01 .img_box2.scroll_motion.on {opacity:1; transform:translateY(0);}

.story .content_area2 {padding:180px 0 160px; background:#fff;}

@media all and (max-width:767px){
.story_con01 .img_box {margin:20px 0 0px 0;}
.story_con01 .img_box2 {margin:20px 0 0px 0;}
.story .content_area2 {padding:0px 0 100px;}
}

/* 모바일) BRAND > 유기농 본 스토리 -> 제품라인업 (PC제외) */
.story_lineup {margin:0 auto;width:90%;padding:0 20px;display:block;}
.story_lineup .img_box {float:left;width:50%;height:25vh;padding:0;margin:0;background-size:Cover;display:inline-block;}
.story_lineup .img_box.bg1 {background-image: url("../img/02.brand/1_type_mbg.jpg");}
.story_lineup .img_box.bg2 {background-image: url("../img/02.brand/3_type_mbg.jpg");}
.story_lineup .img_box.bg3 {background-image: url("../img/02.brand/4_type_mbg.jpg");margin:0 0 100px 0;}
.story_lineup .img_box.bg4 {background-image: url("../img/02.brand/5_type_mbg.jpg");margin:0 0 100px 0;}
.story_lineup .img_box .txt {margin:0 auto;width:80%;text-align:left;display:block;}
.story_lineup .img_box .txt h2 {padding:8vh 0 .5vh 0;font-size:1.1rem;font-weight:800;}
.story_lineup .img_box .txt p {font-size:0.70rem;color:#fff;}
.story_lineup .img_box .txt .btn_basic {margin:1vh 0 5vh 0;font-size:0.65rem;display:inline-block;color:#fff;padding:3px 8px;border:3px solid rgba(255,255,255,0.2);font-weight:600;transition:all 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;border-radius:90px;cursor: pointer;}
/*.story_lineup .img_box .txt .btn_basic {margin:1vh 0 5vh 0;}
.story_lineup .img_box .txt a.btn_basic {font-size:0.65rem;display:inline-block;color:#fff;padding:3px 8px;border:3px solid rgba(255,255,255,0.2);font-weight:600;transition:all 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;border-radius:90px;cursor: pointer;}
.story_lineup .img_box .txt a.btn_basic:hover{border-color:#fff;}
.story_lineup .img_box.scroll_motion {opacity:0; transform:translateY(50px); transition:all 0.5s; }
.story_lineup .img_box.scroll_motion.on {opacity:1; transform:translateY(0);}*/
.story_lineup.scroll_motion {opacity:0; transform:translateY(50px); transition:all 0.5s; }
.story_lineup.scroll_motion.on {opacity:1; transform:translateY(0);}

/* BRAND =================================== */
/* BRAND > 제품 라인업 */
.lineup .content_area {padding:0px 0 0px;}
.lineup .keyvisual_area {background-image: url("../img/02.brand/visual_bg.jpg"); }
.lineup .keyvisual_area::after {background-image: url("../img/02.brand/visual_bg.jpg"); }

.lineup_con01 .img_box {padding:0px 0; margin:160px 0 -160px 0; background-color:#fef8f0; text-align:center; }
.lineup_con01 .img_box img {max-width:100%; }
.lineup_con01 .img_box img.mo_img {display:none; }
.lineup_con01 .img_box.scroll_motion {opacity:0; transform:translateY(50px); transition:all 0.5s; }
.lineup_con01 .img_box.scroll_motion.on {opacity:1; transform:translateY(0);}


/* intro */
.intro .box_intro{display:flex; background:#000;border:0px solid red;}
.intro .box_intro > article{position:relative; overflow:hidden; height:80vh; transition:all 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s; flex:1;}
.intro .box_intro > article:hover{box-shadow:3px 4px 65px 0px rgb(0 0 0 / 95%); flex:2;}
.intro .box_intro > article > i {display:block; position:absolute; top:0; left:0; width:100%; height:100%; transition:all 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s; transform:scale(1);}
.intro .box_intro .txt *{color:#fff;padding:0 10px;}
.intro .box_intro .txt{position:relative; margin-top:45vh; padding-left:60px;}
.intro .box_intro .txt h2{margin:0px 0 15px 0; font-size:2.8rem;font-weight:800;padding:0;line-height:1.2em;}
.intro .box_intro .txt em{opacity:1.0;font-size:2.6rem;font-weight:700;}
.intro .box_intro .txt p {font-size:0.95rem;font-weight:400;margin:0 0 30px 0;}
.intro .box_intro > article:hover > i{transform:scale(1.05);}
.intro .box_intro > article.opc0{opacity:0.5;}
.intro .box_intro > article.opc0.active{opacity:1;}

.intro .box_intro a.btn_basic {font-size:0.80rem;display:inline-block;padding:10px 20px;border:5px solid rgba(255,255,255,0.2);font-weight:600;transition:all 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;border-radius:100px;cursor: pointer;}
.intro .box_intro a.btn_basic:hover{border-color:#fff;}

@media all and (max-width:1820px){
}
@media all and (max-width:1450px){
.intro .box_intro .txt{margin-top:40vh; padding-left:45px;}
.intro .box_intro .txt h2{margin:25px 0 15px 0; font-size:2.0rem;}
.intro .box_intro .txt em{font-size:2.0rem;}
.intro .box_intro .txt p {font-size:0.90rem;margin:0 0 20px 0;}
.intro .box_intro a.btn_basic {font-size:0.75rem;}
}
@media all and (max-width:1024px){
}
@media all and (max-width:767px){
}
@media all and (max-width:500px){
}
@media all and (max-width:374px){
}

/* BRAND > 제품 라인업 > PREMIUM TYPE */
.premium .content_area {padding:150px 0 160px;}
.premium .keyvisual_area {background-image: url("../img/02.brand/premium_bg.jpg"); }
.premium .keyvisual_area::after {background-image: url("../img/02.brand/premium_bg.jpg"); }
.premium .title_01 {background-color:#000099;color:#fff;padding:0 10px;font-weight: 800;}
.premium .title_02 {color:#000099;font-weight: 700;}

@media all and (max-width:767px){
.premium .content_area {padding:80px 0 60px;}
.premium .keyvisual_area {background-image: url("../img/02.brand/premium_mbg.jpg"); }
.premium .keyvisual_area::after {background-image: url("../img/02.brand/premium_mbg.jpg"); }
}

.premium_con01 .img_box {padding:0px 0; margin:160px 0 0px 0; background-color:transparent; text-align:center; }
.premium_con01 .img_box img {max-width:70%; margin: auto;}
/* 프리미엄 상세페이지 이미지 사이즈 */
.premium_con01 .img_box img.mo_img {display:none; }
.premium_con01 .img_box .detail {width:65%;max-width:1200px;margin:0 auto;}
.premium_con01 .img_box.scroll_motion {opacity:0; transform:translateY(50px); transition:all 0.5s; }
.premium_con01 .img_box.scroll_motion.on {opacity:1; transform:translateY(0);}
.premium_con02 {float:left;width:100%;padding:0;margin:0 0 100px 0;display:block;}
.premium_con02 .img_box {padding:0px 0; margin:160px 0 0px 0; background-color:transparent; text-align:center; }
.premium_con02 .img_box img {max-width:100%; }
.premium_con02 .img_box img.mo_img {display:none; }
.premium_con02 .img_box .detail {width:65%;max-width:1200px;margin:0 auto;}
.premium_con02 .img_box.scroll_motion {opacity:0; transform:translateY(50px); transition:all 0.5s; }
.premium_con02 .img_box.scroll_motion.on {opacity:1; transform:translateY(0);}

@media all and (max-width:767px){
.premium_con01 .img_box {margin:0px 0 0px 0;}
.premium_con01 .img_box .detail {width:100%; margin: 0;}
/* 모바일버전 크기 */
.premium_con02 {margin:0 0 50px 0;}
.premium_con02 .img_box {margin:0px 0 0px 0;}
.premium_con02 .img_box .detail {width:80%;}
}

.premium .content_area .text_area {float:left;width:70%;padding:0;margin:60px 0 0 0;text-align:left;display:inline-block;}
.premium .content_area .text_area h2 {float:left;width:100%;font-size:2.0rem;font-weight:600;background:#2eac5b;color:#fff;border-radius:80px;padding:25px 50px 20px 50px;margin:0px 0 50px 0;display:block;}
.premium .content_area .text_area h2.scroll_motion {opacity:0; transform:translateY(50px); transition:all 0.5s; }
.premium .content_area .text_area h2.scroll_motion.on {opacity:1; transform:translateY(0);}
.premium .content_area .text_area p {font-size:1.2rem;color:#fff;padding:8px 0 0 48px;margin:0;}

@media all and (max-width:767px){
.premium .content_area .text_area {width:100%;margin:0px 0 0 0;display:block;}
.premium .content_area .text_area h2 {font-size:1.2rem;border-radius:50px;padding:20px 15px 15px 15px;margin:0px 0 20px 0;}
.premium .content_area .text_area p {font-size:0.80rem;padding:8px 0 0 0px;margin:0;}
}

.premium .content_area .stext_area {float:left;width:100%;padding:0;margin:0px 0 0 0;text-align:left;display:block;}
.premium .content_area .stext_area li {float:left;width:100%;padding:0 0 0 100px;margin:0;font-size:1.2rem;line-height:1.8em;display:block;}
.premium .content_area .stext_area.scroll_motion {opacity:0; transform:translateY(50px); transition:all 0.5s; }
.premium .content_area .stext_area.scroll_motion.on {opacity:1; transform:translateY(0);}

@media all and (max-width:767px){
.premium .content_area .stext_area li {padding:0 0 0 0px;margin:0;font-size:0.85rem;}
}

.premium .content_area .w_img {float:left;width:28%;max-width:280px;height:22vh;background-image:url('../img/02.brand/pad_wr_bg.png');background-position:no-repeat;background-size:Cover;padding:48px 0px 0px 50px;margin:0;display:inline-block;}
.premium .content_area .w_img.scroll_motion {opacity:0; transform:translateY(50px); transition:all 0.5s; }
.premium .content_area .w_img.scroll_motion.on {opacity:1; transform:translateY(0);}
.premium .content_area .w_img .name {font-size:1.3rem;font-weight:600;color:#000;margin:0 0 5px 0;display:block;}
.premium .content_area .w_img .info_01 {font-size:1.0rem;color:#000;margin:0 0 3px 0;display:block;}
.premium .content_area .w_img .info_02 {font-size:1.0rem;color:#000;margin:0 0 0px 0;display:block;}

@media all and (max-width:767px){
.premium .content_area .w_img {display:none;}
}

.premium .content_area .certification_area {float:left;width:100%;padding:0 50px;margin:80px 0 0 0;display:block;}
.premium .content_area .certification_area .mark_box {float:left;padding:0 0px;margin:0px 0 0 0;text-align:center;display:inline-block;}
.premium .content_area .certification_area .mark_box li {float:left;width:100%;padding:0 0 0 0px;margin:0;color:#000;text-align:center;display:block;}
.premium .content_area .certification_area .mark_box img {max-width:100%;height:auto;margin:0 auto;}
.premium .content_area .certification_area .mark_box.w28 {width:28%;}
.premium .content_area .certification_area .mark_box.w25 {width:25%;}
.premium .content_area .certification_area .mark_box.w25 img {max-width:58%;}
.premium .content_area .certification_area .mark_box.w21 {width:21%;}
.premium .content_area .certification_area .mark_box .text_01 {font-size:1.2rem;font-weight:600;padding:7px 0 0 0;}
.premium .content_area .certification_area .mark_box .text_02 {font-size:0.85rem;font-weight:400;padding:3px 0 0 0;}
.premium .content_area .certification_area .mark_box.scroll_motion {opacity:0; transform:translateY(50px); transition:all 0.5s; }
.premium .content_area .certification_area .mark_box.scroll_motion.on {opacity:1; transform:translateY(0);}

@media all and (max-width:767px){
.premium .content_area .certification_area {padding:0 0px;margin:40px 0 0 0;}
.premium .content_area .certification_area .mark_box.w28 {width:50%;}
.premium .content_area .certification_area .mark_box.w25 {width:50%;}
.premium .content_area .certification_area .mark_box.w21 {width:50%;}
.premium .content_area .certification_area .mark_box .text_01 {font-size:0.90rem;padding:7px 0 0 0;}
.premium .content_area .certification_area .mark_box .text_02 {font-size:0.70rem;padding:3px 0 20px 0;}
}

.premium_con03 {float:left;width:100%;padding:0;margin:10px 0 120px 0;display:block;}
.premium_con03 .brand_line {float:left;width:100%;padding:0;margin:0 0 0px 0;display:block;}
.premium_con03 .brand_line .list_box {float:left;width:33.33%;height:23vh;padding:0 30px 10px 20px;margin:0 0 50px 0;border-right:1px solid #eee;display:flex;}
.premium_con03 .brand_line .list_box.scroll_motion {opacity:0; transform:translateY(50px); transition:all 0.5s; }
.premium_con03 .brand_line .list_box.scroll_motion.on {opacity:1; transform:translateY(0);}
.premium_con03 .brand_line .list_box:nth-child(3n) {border-right:0px solid #eee;}
.premium_con03 .brand_line .list_box .thumb {float:left;width:35%;padding:0 10px 0 0;margin:0;border:0px solid red;display:inline-block;}
.premium_con03 .brand_line .list_box .thumb img {max-width:100%;}
.premium_con03 .brand_line .list_box ul {float:left;width:65%;border:0px solid red;padding:0;margin:0;display:inline-block;}
.premium_con03 .brand_line .list_box .title {float:left;width:100%;padding:0;margin:20px 0 15px 0;font-size:1.2rem;font-weight:600;display:block;}
.premium_con03 .brand_line .list_box .s_text_01 {float:left;width:20%;padding:0;margin:0px 0 0 0;font-size:0.95rem;font-weight:600;display:inline-block;}
.premium_con03 .brand_line .list_box .s_text_02 {float:left;width:80%;padding:0;margin:0px 0 10px 0;font-size:0.95rem;font-weight:400;line-height:1.6em;display:inline-block;}
.premium_con03 .brand_line .list_box .mark_b {float:left;width:100%;padding:0;margin:0px 0 0 0;font-size:0.95rem;font-weight:600;display:block;}
.premium_con03 .brand_line .list_box .mark_b span {float:left;width:25%;padding:0;margin:0;display:inline-block;}

@media all and (max-width:1820px){
.premium .content_area .w_img {width:25%;max-width:250px;height:28vh;padding:45px 0px 0px 50px;}
}
@media all and (max-width:1450px){
.premium .content_area .w_img {width:25%;max-width:250px;height:28vh;padding:45px 0px 0px 50px;}
}

@media all and (max-width:767px){
.premium_con03 {margin:10px 0 100px 0;}
.premium_con03 .brand_line .list_box {width:50%;height:auto;padding:0 20px 0px 20px;margin:0 0 25px 0;display:inline-block;}
.premium_con03 .brand_line .list_box:nth-child(2n) {border-right:0px solid #eee;}
.premium_con03 .brand_line .list_box:nth-child(3n) {border-right:1px solid #eee;}
.premium_con03 .brand_line .list_box:nth-child(6n) {border-right:0px solid #eee;}
.premium_con03 .brand_line .list_box .thumb {width:100%;padding:0 0px 0 0;margin:0;display:block;}
.premium_con03 .brand_line .list_box ul {width:100%;padding:0;margin:0;display:block;}
.premium_con03 .brand_line .list_box .title {width:100%;margin:10px 0 10px 0;font-size:1.0rem;}
.premium_con03 .brand_line .list_box .s_text_01 {width:25%;font-size:0.90rem;display:inline-block;}
.premium_con03 .brand_line .list_box .s_text_02 {width:75%;margin:0px 0 0px 0;font-size:0.80rem;line-height:1.5em;}
.premium_con03 .brand_line .list_box .mark_b {display:none;}
}

/*PREMIUM TYPE 스와이프 메뉴*/
.P_horizonScroll {max-width:1200px;overflow-x: auto; margin:100px auto 0 auto; padding: 0 3px;box-sizing: border-box;background:#fff; }
.P_horizonScroll__wrapper {overflow: hidden;font-size: 0; white-space:nowrap;}
.P_horizonScroll__item {display: inline-block; width: auto;text-decoration: none;}
.P_horizonScroll__itemText {
    display: block; 
    position: relative; 
    margin: 0 0px; 
    height: 47px; 
    padding: 16px 13px 8px 15px; 
    box-sizing: border-box; 
    text-align: center; 
    white-space: nowrap; 
    font-size: 1.0rem; 
    line-height: 1em; 
    color: #333; 
	border-bottom:1px solid #ddd;}
.on .P_horizonScroll__itemText {color: #000099; font-weight: 600;}
.on .P_horizonScroll__itemText:after { content: ''; display: block; position: absolute; bottom: 0px; left: 0; width: 100%; height: 5px; background: #000099; }

@media all and (max-width:767px){
.P_horizonScroll {margin:60px auto 0 auto;padding:0 25px;}
.P_horizonScroll__itemText {font-size: 0.90rem;}
}

/* BRAND > 제품 라인업 > GENERAL TYPE */
.general .content_area {padding:150px 0 160px;}
.general .keyvisual_area {background-image: url("../img/02.brand/general_bg.jpg"); }
.general .keyvisual_area::after {background-image: url("../img/02.brand/general_bg.jpg"); }
.general .title_01 {background-color:#ff6600;color:#fff;padding:0 10px;font-weight: 800;}
.general .title_02 {color:#ff6600;font-weight: 700;}

@media all and (max-width:767px){
.general .content_area {padding:80px 0 60px;}
.general .keyvisual_area {background-image: url("../img/02.brand/general_mbg.jpg"); }
.general .keyvisual_area::after {background-image: url("../img/02.brand/general_mbg.jpg"); }
}

.general_con01 .img_box {padding:0px 0; margin:160px 0 0px 0; background-color:transparent; text-align:center; }
.general_con01 .img_box img {max-width:100%; }
.general_con01 .img_box img.mo_img {display:none; }
/* 유기농본, 무표백, 입오나 사이즈조절 */
.general_con01 .img_box .size img{ max-width: 80%; margin: auto;}
.general_con01 .img_box .size1 img{ max-width: 70%; margin: auto;}


.general_con01 .img_box .detail {width:65%;max-width:1200px;margin:0 auto;}
.general_con01 .img_box.scroll_motion {opacity:0; transform:translateY(50px); transition:all 0.5s; }
.general_con01 .img_box.scroll_motion.on {opacity:1; transform:translateY(0);}
.general_con02 {float:left;width:100%;padding:0;margin:0 0 100px 0;display:block;}
.general_con02 .img_box img {max-width:100%; }
.general_con02 .img_box img.mo_img {display:none; }
.general_con02 .img_box .detail {width:65%;max-width:1200px;margin:0 auto;}
.general_con02 .img_box.scroll_motion {opacity:0; transform:translateY(50px); transition:all 0.5s; }
.general_con02 .img_box.scroll_motion.on {opacity:1; transform:translateY(0);}

@media all and (max-width:767px){
.general_con01 .img_box {margin:0px 0 0px 0;}
.general_con01 .img_box .detail {width:80%;}
.general_con02 {margin:0 0 50px 0;}
.general_con02 .img_box {margin:0px 0 0px 0;}
.general_con02 .img_box .detail {width:80%;}
}

.general .content_area .text_area {float:left;width:70%;padding:0;margin:60px 0 0 0;text-align:left;display:inline-block;}
.general .content_area .text_area h2 {float:left;width:100%;font-size:2.0rem;font-weight:600;background:#2eac5b;color:#fff;border-radius:80px;padding:25px 50px 20px 50px;margin:0px 0 50px 0;display:block;}
.general .content_area .text_area h2.scroll_motion {opacity:0; transform:translateY(50px); transition:all 0.5s; }
.general .content_area .text_area h2.scroll_motion.on {opacity:1; transform:translateY(0);}
.general .content_area .text_area p {font-size:1.2rem;color:#fff;padding:8px 0 0 48px;margin:0;}

@media all and (max-width:767px){
.general .content_area .text_area {width:100%;margin:0px 0 0 0;display:block;}
.general .content_area .text_area h2 {font-size:1.2rem;border-radius:50px;padding:20px 15px 15px 15px;margin:0px 0 20px 0;}
.general .content_area .text_area p {font-size:0.80rem;padding:8px 0 0 0px;margin:0;}
}

.general .content_area .stext_area {float:left;width:100%;padding:0;margin:0px 0 0 0;text-align:left;display:block;}
.general .content_area .stext_area li {float:left;width:100%;padding:0 0 0 100px;margin:0;font-size:1.2rem;line-height:1.8em;display:block;}
.general .content_area .stext_area.scroll_motion {opacity:0; transform:translateY(50px); transition:all 0.5s; }
.general .content_area .stext_area.scroll_motion.on {opacity:1; transform:translateY(0);}

@media all and (max-width:767px){
.general .content_area .stext_area li {padding:0 0 0 0px;margin:0;font-size:0.85rem;}
}

.general .content_area .w_img {float:left;width:28%;max-width:280px;height:22vh;background-image:url('../img/02.brand/pad_wr_bg.png');background-position:no-repeat;background-size:Cover;padding:48px 0px 0px 50px;margin:0;display:inline-block;}
.general .content_area .w_img.scroll_motion {opacity:0; transform:translateY(50px); transition:all 0.5s; }
.general .content_area .w_img.scroll_motion.on {opacity:1; transform:translateY(0);}
.general .content_area .w_img .name {font-size:1.3rem;font-weight:600;color:#000;margin:0 0 5px 0;display:block;}
.general .content_area .w_img .info_01 {font-size:1.0rem;color:#000;margin:0 0 3px 0;display:block;}
.general .content_area .w_img .info_02 {font-size:1.0rem;color:#000;margin:0 0 0px 0;display:block;}

@media all and (max-width:767px){
.general .content_area .w_img {display:none;}
}

.general .content_area .certification_area {float:left;width:100%;padding:0 50px;margin:80px 0 0 0;display:block;}
.general .content_area .certification_area .mark_box {float:left;padding:0 0px;margin:0px 0 0 0;text-align:center;display:inline-block;}
.general .content_area .certification_area .mark_box li {float:left;width:100%;padding:0 0 0 0px;margin:0;color:#000;text-align:center;display:block;}
.general .content_area .certification_area .mark_box img {max-width:100%;height:auto;margin:0 auto;}
.general .content_area .certification_area .mark_box.w28 {width:28%;}
.general .content_area .certification_area .mark_box.w25 {width:25%;}
.general .content_area .certification_area .mark_box.w25 img {max-width:58%;}
.general .content_area .certification_area .mark_box.w21 {width:21%;}
.general .content_area .certification_area .mark_box .text_01 {font-size:1.2rem;font-weight:600;padding:7px 0 0 0;border:0px solid red;}
.general .content_area .certification_area .mark_box .text_02 {font-size:0.85rem;font-weight:400;padding:3px 0 0 0;}
.general .content_area .certification_area .mark_box.scroll_motion {opacity:0; transform:translateY(50px); transition:all 0.5s; }
.general .content_area .certification_area .mark_box.scroll_motion.on {opacity:1; transform:translateY(0);}

@media all and (max-width:767px){
.general .content_area .certification_area {padding:0 0px;margin:40px 0 0 0;}
.general .content_area .certification_area .mark_box.w28 {width:50%;}
.general .content_area .certification_area .mark_box.w25 {width:50%;}
.general .content_area .certification_area .mark_box.w21 {width:50%;}
.general .content_area .certification_area .mark_box .text_01 {font-size:0.90rem;padding:7px 0 0 0;}
.general .content_area .certification_area .mark_box .text_02 {font-size:0.70rem;padding:3px 0 20px 0;}
}

.general_con03 {float:left;width:100%;padding:0;margin:10px 0 120px 0;display:block;}
.general_con03 .brand_line {float:left;width:100%;padding:0;margin:0 0 0px 0;display:block;}
.general_con03 .brand_line .list_box {float:left;width:33.33%;height:23vh;padding:0 30px 10px 20px;margin:0 0 50px 0;border-right:1px solid #eee;display:flex;}
.general_con03 .brand_line .list_box.scroll_motion {opacity:0; transform:translateY(50px); transition:all 0.5s; }
.general_con03 .brand_line .list_box.scroll_motion.on {opacity:1; transform:translateY(0);}
.general_con03 .brand_line .list_box:nth-child(3n) {border-right:0px solid #eee;}
.general_con03 .brand_line .list_box .thumb {float:left;width:35%;padding:0 10px 0 0;margin:0;display:inline-block;}
.general_con03 .brand_line .list_box .thumb img {max-width:100%;}
.general_con03 .brand_line .list_box ul {float:left;width:65%;padding:0;margin:0;display:inline-block;}
.general_con03 .brand_line .list_box .title {float:left;width:100%;padding:0;margin:20px 0 15px 0;font-size:1.2rem;font-weight:600;display:block;}
.general_con03 .brand_line .list_box .title span {font-size:0.95rem;font-weight:400;}
.general_con03 .brand_line .list_box .s_text_01 {float:left;width:20%;padding:0;margin:0px 0 0 0;font-size:0.95rem;font-weight:600;display:inline-block;}
.general_con03 .brand_line .list_box .s_text_02 {float:left;width:80%;padding:0;margin:0px 0 10px 0;font-size:0.95rem;font-weight:400;line-height:1.6em;display:inline-block;}
.general_con03 .brand_line .list_box .mark_b {float:left;width:100%;padding:0;margin:0px 0 0px 0;font-size:0.95rem;font-weight:600;display:block;}
.general_con03 .brand_line .list_box .mark_b span {float:left;width:25%;padding:0;margin:0;display:inline-block;}

@media all and (max-width:1820px){
.general_con03 .brand_line .list_box {height:23vh;}
.general .content_area .w_img {width:25%;max-width:250px;height:28vh;padding:45px 0px 0px 50px;}
}
@media all and (max-width:1450px){
.general_con03 .brand_line .list_box {height:25vh;}
.general .content_area .w_img {width:25%;max-width:250px;height:28vh;padding:45px 0px 0px 50px;}
}
@media all and (max-width:1024px){
.general_con03 .brand_line .list_box {height:30vh;}
}
@media all and (max-width:767px){
.general_con03 {margin:10px 0 100px 0;}
.general_con03 .brand_line .list_box {width:50%;height:32vh;padding:0 20px 0px 20px;margin:0 0 25px 0;display:inline-block;}
.general_con03 .brand_line .list_box:nth-child(2n) {border-right:0px solid #eee;}
.general_con03 .brand_line .list_box:nth-child(3n) {border-right:1px solid #eee;}
.general_con03 .brand_line .list_box:nth-child(6n) {border-right:0px solid #eee;}
.general_con03 .brand_line .list_box .thumb {width:100%;padding:0 0px 0 0;margin:0;display:block;}
.general_con03 .brand_line .list_box ul {width:100%;padding:0;margin:0;display:block;}
.general_con03 .brand_line .list_box .title {width:100%;margin:10px 0 10px 0;font-size:0.95rem;}
.general_con03 .brand_line .list_box .title span {font-size:0.80rem;font-weight:400;}
.general_con03 .brand_line .list_box .s_text_01 {width:25%;font-size:0.90rem;display:inline-block;}
.general_con03 .brand_line .list_box .s_text_02 {width:75%;margin:0px 0 0px 0;font-size:0.80rem;line-height:1.5em;}
.general_con03 .brand_line .list_box .mark_b {display:none;}
}


/*GENERAL TYPE 스와이프 메뉴*/
.G_horizonScroll {max-width:1200px;overflow-x: auto; margin:70px auto 0 auto; padding: 0 3px;box-sizing: border-box;background:#fff; }
.G_horizonScroll__wrapper {overflow: hidden;font-size: 0; white-space:nowrap;}
.G_horizonScroll__item {display: inline-block; width: auto;text-decoration: none;}
.G_horizonScroll__itemText {
    display: block; 
    position: relative; 
    margin: 0 0px; 
    height: 47px; 
    padding: 16px 13px 8px 15px; 
    box-sizing: border-box; 
    text-align: center; 
    white-space: nowrap; 
    font-size: 1rem; 
    line-height: 1em; 
    color: #333; 
	border-bottom:1px solid #ddd;}
.on .G_horizonScroll__itemText {color: #ff6600; font-weight: 600;}
.on .G_horizonScroll__itemText:after { content: ''; display: block; position: absolute; bottom: 0px; left: 0; width: 100%; height: 5px; background: #ff6600; }

@media all and (max-width:767px){
.G_horizonScroll {margin:60px auto 0 auto;padding:0 25px;}
.G_horizonScroll__itemText {font-size: 0.90rem;}
}


/* BRAND > 제품 라인업 > BLADDER PROTECTION */
.bladder .content_area {padding:150px 0 160px;}
.bladder .keyvisual_area {background-image: url("../img/02.brand/bladder_bg.jpg"); }
.bladder .keyvisual_area::after {background-image: url("../img/02.brand/bladder_bg.jpg"); }
.bladder .title_01 {background-color:#000099;color:#fff;padding:0 10px;font-weight: 800;}
.bladder .title_02 {color:#000099;font-weight: 700;}

@media all and (max-width:767px){
.bladder .content_area {padding:120px 0 60px;}
.bladder .keyvisual_area {background-image: url("../img/02.brand/bladder_mbg.jpg"); }
.bladder .keyvisual_area::after {background-image: url("../img/02.brand/bladder_mbg.jpg"); }
}

.bladder_con01 .img_box {padding:0px 0; margin:50px 0 0px 0; background-color:transparent; text-align:center; }
.bladder_con01 .img_box img {max-width:100%; }
.bladder_con01 .img_box img.mo_img {display:none; }
.bladder_con01 .img_box .detail {width:65%;max-width:1200px;margin:0 auto;}
.bladder_con01 .img_box.scroll_motion {opacity:0; transform:translateY(50px); transition:all 0.5s; }
.bladder_con01 .img_box.scroll_motion.on {opacity:1; transform:translateY(0);}
.bladder_con02 {float:left;width:100%;padding:0;margin:0 0 100px 0;display:block;}
.bladder_con02 .img_box img {max-width:100%; }
.bladder_con02 .img_box img.mo_img {display:none; }
.bladder_con02 .img_box .detail {width:65%;max-width:1200px;margin:0 auto;}
.bladder_con02 .img_box.scroll_motion {opacity:0; transform:translateY(50px); transition:all 0.5s; }
.bladder_con02 .img_box.scroll_motion.on {opacity:1; transform:translateY(0);}

@media all and (max-width:767px){
.bladder_con01 .img_box {margin:0px 0 0px 0;}
.bladder_con01 .img_box .detail {width:80%;}
.bladder_con02 {margin:0 0 50px 0;}
.bladder_con02 .img_box {margin:0px 0 0px 0;}
.bladder_con02 .img_box .detail {width:80%;}
}


.bladder .content_area .text_area {float:left;width:70%;padding:0;margin:60px 0 0 0;text-align:left;display:inline-block;}
.bladder .content_area .text_area h2 {float:left;width:100%;font-size:2.0rem;font-weight:600;background:#2eac5b;color:#fff;border-radius:80px;padding:25px 50px 20px 50px;margin:0px 0 50px 0;display:block;}
.bladder .content_area .text_area h2.scroll_motion {opacity:0; transform:translateY(50px); transition:all 0.5s; }
.bladder .content_area .text_area h2.scroll_motion.on {opacity:1; transform:translateY(0);}
.bladder .content_area .text_area p {font-size:1.2rem;color:#fff;padding:8px 0 0 48px;margin:0;}

.bladder .content_area .stext_area {float:left;width:100%;padding:0;margin:0px 0 0 0;text-align:left;display:block;}
.bladder .content_area .stext_area li {float:left;width:100%;padding:0 0 0 100px;margin:0;font-size:1.2rem;line-height:1.8em;display:block;}
.bladder .content_area .stext_area.scroll_motion {opacity:0; transform:translateY(50px); transition:all 0.5s; }
.bladder .content_area .stext_area.scroll_motion.on {opacity:1; transform:translateY(0);}

.bladder .content_area .w_img {float:left;width:28%;max-width:280px;height:22vh;background-image:url('../img/02.brand/pad_wr_bg.png');background-position:no-repeat;background-size:Cover;padding:48px 0px 0px 50px;margin:0;display:inline-block;}
.bladder .content_area .w_img.scroll_motion {opacity:0; transform:translateY(50px); transition:all 0.5s; }
.bladder .content_area .w_img.scroll_motion.on {opacity:1; transform:translateY(0);}
.bladder .content_area .w_img .name {font-size:1.3rem;font-weight:600;color:#000;margin:0 0 5px 0;display:block;}
.bladder .content_area .w_img .info_01 {font-size:1.0rem;color:#000;margin:0 0 3px 0;display:block;}
.bladder .content_area .w_img .info_02 {font-size:1.0rem;color:#000;margin:0 0 0px 0;display:block;}

.bladder .content_area .certification_area {float:left;width:100%;padding:0 50px;margin:80px 0 0 0;display:block;}
.bladder .content_area .certification_area .mark_box {float:left;padding:0 0px;margin:0px 0 0 0;text-align:center;display:inline-block;}
.bladder .content_area .certification_area .mark_box li {float:left;width:100%;padding:0 0 0 0px;margin:0;color:#000;text-align:center;display:block;}
.bladder .content_area .certification_area .mark_box img {max-width:100%;height:auto;margin:0 auto;}
.bladder .content_area .certification_area .mark_box.w28 {width:28%;}
.bladder .content_area .certification_area .mark_box.w25 {width:25%;}
.bladder .content_area .certification_area .mark_box.w25 img {max-width:58%;}
.bladder .content_area .certification_area .mark_box.w21 {width:21%;}
.bladder .content_area .certification_area .mark_box .text_01 {font-size:1.2rem;font-weight:600;padding:7px 0 0 0;}
.bladder .content_area .certification_area .mark_box .text_02 {font-size:0.85rem;font-weight:400;padding:3px 0 0 0;}
.bladder .content_area .certification_area .mark_box.scroll_motion {opacity:0; transform:translateY(50px); transition:all 0.5s; }
.bladder .content_area .certification_area .mark_box.scroll_motion.on {opacity:1; transform:translateY(0);}


/*BLADDER PROTECTION 스와이프 메뉴*/
.Bl_horizonScroll {max-width:1200px;overflow-x: auto; margin:70px auto 0 auto; padding: 0 3px;box-sizing: border-box;background:#fff; }
.Bl_horizonScroll__wrapper {overflow: hidden;font-size: 0; white-space:nowrap;}
.Bl_horizonScroll__item {display: inline-block; width: auto;text-decoration: none;}
.Bl_horizonScroll__itemText {
    display: block; 
    position: relative; 
    margin: 0 0px; 
    height: 47px; 
    padding: 16px 13px 8px 15px; 
    box-sizing: border-box; 
    text-align: center; 
    white-space: nowrap; 
    font-size: 1rem; 
    line-height: 1em; 
    color: #333; 
	border-bottom:1px solid #ddd;}
.on .Bl_horizonScroll__itemText {color: #ffcc01; font-weight: 600;}
.on .Bl_horizonScroll__itemText:after { content: ''; display: block; position: absolute; bottom: 0px; left: 0; width: 100%; height: 5px; background: #ffcc01; }

@media all and (max-width:767px){
.Bl_horizonScroll {margin:60px auto 0 auto;padding:0 25px;}
.Bl_horizonScroll__itemText {font-size: 0.90rem;}
}

/* BRAND > 제품 라인업 > BABY DRY DIAPER */
.baby .content_area {padding:150px 0 160px;}
.baby .keyvisual_area {background-image: url("../img/02.brand/smart_care_bg.jpg"); }
.baby .keyvisual_area::after {background-image: url("../img/02.brand/smart_care_bg.jpg"); }
.baby .title_01 {background-color:#000099;color:#fff;padding:0 10px;font-weight: 800;}
.baby .title_02 {color:#000099;font-weight: 700;}

@media all and (max-width:767px){
.baby .content_area {padding:120px 0 60px;}
.baby .keyvisual_area {background-image: url("../img/02.brand/smart_care_mbg.jpg"); }
.baby .keyvisual_area::after {background-image: url("../img/02.brand/smart_care_mbg.jpg"); }
}

.baby_con01 .img_box {padding:0px 0; margin:50px 0 0px 0; background-color:transparent; text-align:center; }
.baby_con01 .img_box img {max-width:100%; }
.baby_con01 .img_box img.mo_img {display:none; }
.baby_con01 .img_box .detail {width:65%;max-width:1200px;margin:0 auto;}
.baby_con01 .img_box.scroll_motion {opacity:0; transform:translateY(50px); transition:all 0.5s; }
.baby_con01 .img_box.scroll_motion.on {opacity:1; transform:translateY(0);}
.baby_con02 {float:left;width:100%;padding:0;margin:0 0 100px 0;display:block;}
.baby_con02 .img_box img {max-width:100%; }
.baby_con02 .img_box img.mo_img {display:none; }
.baby_con02 .img_box .detail {width:65%;max-width:1200px;margin:0 auto;}
.baby_con02 .img_box.scroll_motion {opacity:0; transform:translateY(50px); transition:all 0.5s; }
.baby_con02 .img_box.scroll_motion.on {opacity:1; transform:translateY(0);}

@media all and (max-width:767px){
.baby_con01 .img_box {margin:0px 0 0px 0;}
.baby_con01 .img_box .detail {width:80%;}
.baby_con02 {margin:0 0 50px 0;}
.baby_con02 .img_box {margin:0px 0 0px 0;}
.baby_con02 .img_box .detail {width:80%;}
}


.baby .content_area .text_area {float:left;width:70%;padding:0;margin:60px 0 0 0;text-align:left;display:inline-block;}
.baby .content_area .text_area h2 {float:left;width:100%;font-size:2.0rem;font-weight:600;background:#2eac5b;color:#fff;border-radius:80px;padding:25px 50px 20px 50px;margin:0px 0 50px 0;display:block;}
.baby .content_area .text_area h2.scroll_motion {opacity:0; transform:translateY(50px); transition:all 0.5s; }
.baby .content_area .text_area h2.scroll_motion.on {opacity:1; transform:translateY(0);}
.baby .content_area .text_area p {font-size:1.2rem;color:#fff;padding:8px 0 0 48px;margin:0;}

.baby .content_area .stext_area {float:left;width:100%;padding:0;margin:0px 0 0 0;text-align:left;display:block;}
.baby .content_area .stext_area li {float:left;width:100%;padding:0 0 0 100px;margin:0;font-size:1.2rem;line-height:1.8em;display:block;}
.baby .content_area .stext_area.scroll_motion {opacity:0; transform:translateY(50px); transition:all 0.5s; }
.baby .content_area .stext_area.scroll_motion.on {opacity:1; transform:translateY(0);}

.baby .content_area .w_img {float:left;width:28%;max-width:280px;height:22vh;background-image:url('../img/02.brand/pad_wr_bg.png');background-position:no-repeat;background-size:Cover;padding:48px 0px 0px 50px;margin:0;display:inline-block;}
.baby .content_area .w_img.scroll_motion {opacity:0; transform:translateY(50px); transition:all 0.5s; }
.baby .content_area .w_img.scroll_motion.on {opacity:1; transform:translateY(0);}
.baby .content_area .w_img .name {font-size:1.3rem;font-weight:600;color:#000;margin:0 0 5px 0;display:block;}
.baby .content_area .w_img .info_01 {font-size:1.0rem;color:#000;margin:0 0 3px 0;display:block;}
.baby .content_area .w_img .info_02 {font-size:1.0rem;color:#000;margin:0 0 0px 0;display:block;}

.baby .content_area .certification_area {float:left;width:100%;padding:0 50px;margin:80px 0 0 0;display:block;}
.baby .content_area .certification_area .mark_box {float:left;padding:0 0px;margin:0px 0 0 0;text-align:center;display:inline-block;}
.baby .content_area .certification_area .mark_box li {float:left;width:100%;padding:0 0 0 0px;margin:0;color:#000;text-align:center;display:block;}
.baby .content_area .certification_area .mark_box img {max-width:100%;height:auto;margin:0 auto;}
.baby .content_area .certification_area .mark_box.w28 {width:28%;}
.baby .content_area .certification_area .mark_box.w25 {width:25%;}
.baby .content_area .certification_area .mark_box.w25 img {max-width:58%;}
.baby .content_area .certification_area .mark_box.w21 {width:21%;}
.baby .content_area .certification_area .mark_box .text_01 {font-size:1.2rem;font-weight:600;padding:7px 0 0 0;}
.baby .content_area .certification_area .mark_box .text_02 {font-size:0.85rem;font-weight:400;padding:3px 0 0 0;}
.baby .content_area .certification_area .mark_box.scroll_motion {opacity:0; transform:translateY(50px); transition:all 0.5s; }
.baby .content_area .certification_area .mark_box.scroll_motion.on {opacity:1; transform:translateY(0);}


/*BABY DRY DIAPER 스와이프 메뉴*/
.B_horizonScroll {max-width:1200px;overflow-x: auto; margin:70px auto 0 auto; padding: 0 3px;box-sizing: border-box;background:#fff; }
.B_horizonScroll__wrapper {overflow: hidden;font-size: 0; white-space:nowrap;}
.B_horizonScroll__item {display: inline-block; width: auto;text-decoration: none;}
.B_horizonScroll__itemText {
    display: block; 
    position: relative; 
    margin: 0 0px; 
    height: 47px; 
    padding: 16px 13px 8px 15px; 
    box-sizing: border-box; 
    text-align: center; 
    white-space: nowrap; 
    font-size: 1rem; 
    line-height: 1em; 
    color: #333; 
	border-bottom:1px solid #ddd;}
.on .B_horizonScroll__itemText {color: #f050b7; font-weight: 600;}
.on .B_horizonScroll__itemText:after { content: ''; display: block; position: absolute; bottom: 0px; left: 0; width: 100%; height: 5px; background: #f050b7; }

@media all and (max-width:767px){
.B_horizonScroll {margin:60px auto 0 auto;padding:0 25px;}
.B_horizonScroll__itemText {font-size: 0.90rem;}
}

/************ layout ************/
body.hidden {overflow:hidden; }
.w1360 {width:100%; max-width:1360px; margin:0 auto; }
.w1400 {width:100%; max-width:1400px; margin:0 auto; }
@media all and (max-width:1400px){
    .w1360,.w1400 {max-width:96%; }
}
@media all and (max-width:767px){
    .w1360,.w1400 {max-width:100%; padding:0 40px; box-sizing:Border-box; }
}

/************ common ************/
main {overflow: hidden;}
.en_mont {font-family: 'SUIT','Noto Sans KR', sans-serif;}
.mix_font {font-family: 'SUIT','Noto Sans KR', sans-serif;}
.content_area {padding:120px 0 220px;}
.clrfix::after{content: ""; display: block; clear: both;}

@media all and (max-width:767px){
    .content_area {padding:40px 0px 0px; border:0px solid blue;}
}

/************ text style ************/
.black {color:#000;}
.main_title {font-size:55px; font-weight: 600;}
.sub_title {font-size:45px; font-weight: 600;}
.sub_title_01 {font-size:46px; font-weight: 600;}
.sub_title_02 {font-size:30px; font-weight: 600;}
.sub_title_03 {font-size:24px; font-weight: 600;}
.sub_title_04 {font-size:22px; font-weight: 600;}

.sub_title_01:lang(en){line-height: 1.2;}
.fw600 {font-weight:600;}
.point_cl {color:#0fbfd6;}

@media all and (max-width:767px){
.main_title {font-size:2.0rem;}
.sub_title {font-size:1.7rem;}
.sub_title_01 {font-size:1.7rem;}
.sub_title_02 {font-size:1.5rem;}
.sub_title_03 {font-size:1.3rem;}
.sub_title_04 {font-size:1.3rem;}
}

/************ company_title style ************/
.company_title {text-align:center; }
.company_title .eng {display:block; font-size:18px; font-weight:400; color:#666; font-family: 'SUIT','Noto Sans KR', sans-serif;}
.company_title .main_title {margin:30px 0 50px; line-height:1.4; word-break:keep-all; }
.company_title .main_title br.mo_ver {display:none;}
.company_title p.desc {font-size:18px; font-weight:400; color:#666; line-height:1.6; word-break:keep-all; }
.company_title .main_title:lang(en){margin-bottom:30px; font-family: 'SUIT','Noto Sans KR', sans-serif; font-size:56px; }
.company_title p.desc:lang(en){line-height: 1.5;}

.company_title.scroll_motion .main_title,
.company_title.scroll_motion .eng,
.company_title.scroll_motion p.desc {opacity:0; transform:translateY(50px); transition:all 0.5s; }
.company_title.scroll_motion.on .main_title,
.company_title.scroll_motion.on .eng,
.company_title.scroll_motion.on p.desc {opacity:1; transform:translateY(0);}
.company_title.scroll_motion.on .main_title {transition-delay:0.2s; }
.company_title.scroll_motion.on p.desc {transition-delay:0.4s; }

.company_title.scroll_motion.on .main_title:lang(en) {transition-delay:0s; }
.company_title.scroll_motion.on p.desc:lang(en) {transition-delay:0.2s; }

@media all and (max-width:767px){
.company_title .eng {font-size:0.65rem;}
.company_title .main_title {margin:20px 0 30px; line-height:1.4em; }
.company_title p.desc {font-size:0.90rem;line-height:1.6em;text-align:left;word-break:normal;}
}


/************ keyvisual ************/
.keyvisual_area {position: relative; display:table; width:100%; height: 100vh; text-align: center; background-repeat:no-repeat; background-position:center center; background-attachment:fixed; background-size:cover; }

@media all and (max-width:767px){
    .keyvisual_area {background-attachment:unset}
}

/* IE10+ */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .keyvisual_area {background-attachment:scroll; }
}

.keyvisual_area:after {content: ""; position: absolute; top:0; left:0; bottom:0; right: 0; width:100%; height: 100%; background-repeat:no-repeat; background-position:center center; background-size:cover;
    -webkit-animation:bgMove 2s ease-in-out both;
    -moz-animation:bgMove 2s ease-in-out both;
    -ms-animation:bgMove 2s ease-in-out both;
    -o-animation:bgMove 2s ease-in-out both;
    animation:bgMove 2s ease-in-out both;}
.keyvisual_txt h1 {font-family: 'SUIT','Noto Sans KR', sans-serif;}
.keyvisual_area.fixed .keyvisual_navi, .keyvisual_area.fixed .keyvisual_scroll_down {opacity: 0; transition: all 0.5s; visibility: hidden;}
.keyvisual_area.fixed:after{display: none;}
.keyvisual_area.fixed .keyvisual_txt h1, .keyvisual_area.fixed .keyvisual_txt h2, .keyvisual_area.fixed .keyvisual_txt h3 {
    -webkit-animation:textDown 1.5s ease-in-out both;
    -moz-animation:textDown 1.5s ease-in-out both;
    -ms-animation:textDown 1.5s ease-in-out both;
    -o-animation:textDown 1.5s ease-in-out both;
    animation: textDown 1.5s ease-in-out both;}


@keyframes textDown {
    from {
            visibility: visible;
            opacity: 1;
            transform:translateY(0);
        }

    to {
        visibility: visible;
        opacity: 0;
        transform:translateY(-150px);
    }
}

/* bgmove */
@-webkit-keyframes bgMove {
    from {
        transform:scale(1.08) rotate(.001deg);

    }

    to {
        transform:scale(1);
    }
}
@-moz-keyframes bgMove {
    from {
        transform:scale(1.08) rotate(.001deg);
    }

    to {
        transform:scale(1);
    }
}
@-ms-keyframes bgMove {
    from {
        transform:scale(1.08) rotate(.001deg);
    }

    to {
        transform:scale(1);
    }
}
@-o-keyframes bgMove {
    from {
        transform:scale(1.08) rotate(.001deg);
    }

    to {
        transform:scale(1);
    }
}
@keyframes bgMove {
    from {
        transform:scale(1.08) rotate(.001deg);
    }

    to {
        transform:scale(1);
    }
}


.keyvisual_txt {position:relative; display:table-cell; vertical-align:middle; max-width:95%; z-index: 10;}
.keyvisual_txt > * {color: #fff;}
.keyvisual_txt h1 {font-size:5.5rem; font-weight: 700; animation:textUp 1s ease-in-out both; transition: 0.5s; transform: translateY(0); line-height:1.2; }
.keyvisual_txt h2 {font-size:1.5rem; font-weight: 300; margin-top:50px; line-height:1.8; animation:textUp 2s ease-in-out both; transition: 0.5s; transform: translateY(0);}
.keyvisual_txt h3 {font-size:1.5rem; font-weight: 400; text-align:center; margin-top:70px; line-height:1.8; animation:textUp 2s ease-in-out both; transition: 0.5s; transform: translateY(0);color:#4ed0e0;text-shadow:#000 3px 0 10px;}
.keyvisual_txt h4 {font-size:5.5rem; font-weight: 700; animation:textUp 1s ease-in-out both; transition: 0.5s; transform: translateY(0); line-height:1.2; }
.keyvisual_txt h5 {font-size:1.5rem; font-weight: 300; margin-top:0px; line-height:1.8; animation:textUp 2s ease-in-out both; transition: 0.5s; transform: translateY(0);}
.keyvisual_txt h6 {font-size:1.2rem; font-weight: 300; margin-top:30px; line-height:1.5; animation:textUp 2s ease-in-out both; transition: 0.5s; transform: translateY(0);}
.keyvisual_txt h6 span {font-size:1.3rem; margin:0 0 30px 0;color:#fff;font-weight:500;display:block;}
.keyvisual_txt .mo_ver {display:none; }
@keyframes textUp {
    from {
        visibility: hidden;
        opacity: 0;
        transform:translateY(50px);
    }

    to {
        visibility: visible;
        opacity: 1;
        transform:translateY(0);
    }
}
.keyvisual_navi {position: absolute; left:0; bottom:0px; width:100vw; max-width:100%; height:6.8vh; transform: translateY(0%); text-align: left; z-index: 10;}
.keyvisual_navi span {float:left;width:50%; color: #fff; font-weight:600;text-align:center;padding:0;margin:0;background-color: rgba(0, 0, 0, .7);display:inline-block;}
/*.keyvisual_navi span::after {content: ""; position: absolute; right: -3px; top:50%; width:4px; height:7px; transform: translateY(-50%); background: url("../../img/common/icon_navi.png") no-repeat;}
.keyvisual_navi span:first-child {padding:0 15px 0 0; font-weight: 300;}
.keyvisual_navi span:nth-child(2) {font-weight: 300;}
.keyvisual_navi span:last-child::after {display: none;}*/
.keyvisual_navi a {font-family: 'SUIT','Noto Sans KR', sans-serif;}
.keyvisual_navi a:link {color:#fff;padding:20px 0 25px 0;font-size:0.95rem;font-weight:400;}
.keyvisual_navi a:hover {background-color:rgba(255, 255, 255, 1.0);color:#00BBD3;}
.keyvisual_navi .active {background-color:rgba(255, 255, 255, 1.0);color:#00BBD3;font-size:1.1rem !important;}

@media all and (max-width:767px){
.keyvisual_navi {display:none;}
}

.R_navi {float:left;width:100%;padding:50px 50px;margin:0;font-size:0.85rem;display:block;}
.R_navi span {color:#4ed0e0;font-weight:600;}
.R_navi.scroll_motion {opacity:0; transform:translateY(50px); transition:all 0.5s; }
.R_navi.scroll_motion.on {opacity:1; transform:translateY(0);}

@media all and (max-width:767px){
.R_navi {padding:30px 30px 0px 30px;font-size:0.75rem;}
}

.R_navi2 {position:absolute;top:100vh;float:left;width:100%;padding:50px 50px;margin:0;font-size:0.85rem;z-index:1;display:block;}
.R_navi2 span {/*background:#fff;*/padding:0 3px;color:#fff;/*color:#4ed0e0;font-weight:600;*/}
.R_navi2.scroll_motion {opacity:0; transform:translateY(50px); transition:all 0.5s; }
.R_navi2.scroll_motion.on {opacity:1; transform:translateY(0);}

@media all and (max-width:767px){
.R_navi {padding:30px 30px 0px 30px;font-size:0.70rem;}
.R_navi2 {padding:30px 30px 0px 30px;font-size:0.70rem;}
}

.keyvisual_scroll_down {position: absolute; bottom:60px; left:50%; transform: translateX(-50%); z-index: 10;}
.keyvisual_scroll_down span {position:relative; display: block; padding-bottom:60px; color:#fff; font-family: 'SUIT','Noto Sans KR', sans-serif;font-size:1.0rem;}
.keyvisual_scroll_down span::after {content: ""; position: absolute; left:50%; bottom:0; transform: translateX(-50%); width:2px; height: 50px; background: #ccc; animation: fullbar 5s infinite;}

@keyframes fullbar {
    0% {
        height: 50px;
        background: #ccc;
    }

    100% {
        height:0;
        background: #fff;
    }
}

.keyvisual_txt h2:lang(en) {font-size: 20px; font-weight: 300; line-height: 1.5;}
.keyvisual_navi span:first-child:lang(en), .keyvisual_navi span:nth-child(2):lang(en) {font-weight: 300;}

@media all and (max-width:767px){
    .keyvisual_txt h1 {font-size:2.5rem;margin-top:-50px;}
    .keyvisual_txt h1:lang(en) {font-size:2.5rem;}
    .keyvisual_txt h2, .keyvisual_txt h2:lang(en) {width: 85%; margin:5px auto 0; font-size:1.2rem;line-height: 1.7;}
	.keyvisual_txt h3, .keyvisual_txt h3:lang(en) {width: 85%; margin:20px auto 0; font-size:1.3rem;line-height: 1.7;}
	.keyvisual_txt h5, .keyvisual_txt h5:lang(en) {font-size:1.0rem;margin:20px auto 0;line-height: 1.7;}
    .keyvisual_txt .mo_ver {display:block; }
   /* .keyvisual_navi {display:none; }*/
   .keyvisual_scroll_down {bottom:0px;}
    .keyvisual_scroll_down span {font-size:0.90rem;}
}


/*모바일-카테고리 팝업*/
.m_cate_pop {width:90%;padding:0;margin:80px auto 0 auto;}

#gnbSub {
    background: #fff;
    border-bottom: 2px solid #dedede;
    position: relative;
    padding: 15px
}

#gnbSub h2 {
    font-weight: 400;
    font-size: 16px;
    color: #202020
}

#gnbSub .cateBtn {
    text-indent: -1000em;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 44px
}

#gnbSub .cateBtn span {
    background: url(../img/common/ico_arroD1.png) no-repeat 100% 17px;
    width: 100%;
    background-size: 18px 10px;
    position: absolute;
    left: -15px;
    top: 5px;
    height: 44px
}

.popup {
    position: fixed;
    top: 10%;
    z-index: 1000;
    padding: 15px;
    width: 100%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.popup h3 {
    text-align: center;
    font-size: 16px;
    background: #fff;
    padding: 18px 0;
    border-bottom: 1px solid #dedede;
    font-weight: 400
}

.popup .popCont {
    width: 100%;
    background: #fff
}

.popup .popClose {
    position: absolute;
    right: 15px;
    top: 18px;
    display: block
}

.popup .popClose img {
    width: 50px;
    height: 50px
}

#selSns .popCont {
    padding: 40px 0
}

#selSns .popCont img {
    width: 86px
}

#selSns .popCont a {
    display: inline-block;
    margin: 0 15px
}

#popcate h3 {
    background: #23c4d9;
    color: #fff
}

#popcate ul {
    overflow-y: auto;
    -webkit-transform: translate3D(0,0,0);
    -webkit-overflow-scrolling: touch;
    transition: transform .3s ease-out;
    height: 330px
}

#popcate ul li {
    font-size: 14px;
    border-top: 1px solid #dedede;
    background: url(../img/common/ssubmenu.png) no-repeat 0 3px;
    background-size: 21px 26px;
    position: relative
}

#popcate ul li a {
    display: block
}

#popcate ul li:first-child {
    border-top: 0
}

#popcate ul li span {
    display: block;
    padding: 19px 30px
}

#popcate ul li .subm {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 54px;
    font-size: 0;
    text-indent: -5000px;
    background: url(../img/common/ico_arrowD01.png) no-repeat right 50%;
    background-size: 50px 50px
}

#popcate ul li ul {
    border-top: 1px solid #dedede;
    height: auto
}

#popcate ul li ul li {
    background: #f2f2f2;
    border: 0
}

#popcate ul li ul li a {
    display: block;
    padding: 13px 0 13px 45px
}

.hide {
    display: none;
}

#dim {
    position: fixed;
    z-index: 100;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    background: transparent;
    transform: background-color .3s,width 0s .3s,height 0s .3s
}

#dim.show {
    width: 100%;
    height: 100%;
    transition: background-color .3s;
    background: rgba(0,0,0,.7)
}