@charset "UTF-8";
/* Web Standardization Team, Author:JongWoon,LEE 2019.08.28 */


/*#fp-nav{transform:translateY(-80px);}/* 브랜드스토리 내비가 퀵메뉴에 가려져서 위로 조금 이동 */
#fp-nav.nav-bar{right:4rem}/* 노트북처럼 높이가 낮은 화면에서는 약간 올리는 정도로는 해결이 안되어서 앞쪽으로 이동 */


/*About Atomy*/
.about_wrap{}
/*개요*/
.outline_wrap{}
.outline_wrap > .synopsis{position:relative}
.outline_wrap > .synopsis .img{display:block;height:100%;overflow:hidden}
.outline_wrap > .synopsis .caption{position:absolute;top:0;left:0;width:52%;height:100%}
.outline_wrap > .synopsis .caption:before{position:absolute;top:0;left:0;width:100%;height:100%;background:#04a6e1;opacity:0.5;filter:alpha(opacity=50);content:""}
.outline_wrap > .synopsis .title{position:absolute;top:50%;left:4rem;right:4rem;transform:translateY(-50%);-webkit-transform:translateY(-50%)}
.outline_wrap > .synopsis .small{display:block;position:relative;font-weight:400;font-size:0.75rem;line-height:1.25rem;color:#fff;letter-spacing:-0.025rem;text-transform:uppercase}
.outline_wrap > .synopsis .small:before{position:absolute;top:50%;left:5.5rem;width:calc(100% - 5.5rem); width:-webkit-calc(100% - 5.5rem);height:1px;background:#fff;opacity:0.2;content:"";}
.outline_wrap > .synopsis strong{display:block;margin-top:1rem;font-weight:400;font-size:1.4rem;line-height:1.9rem;color:#fff}
/*애니메이션*/
.outline_wrap > .synopsis .img img{transform:scale(1.25);-webkit-transform:scale(1.25);transition:transform 1.25s;-webkit-transition:transform 1.25s}
.outline_wrap > .synopsis.is-active .img img{transform:scale(1);-webkit-transform:scale(1)}
.outline_wrap > .synopsis .caption:before{height:0;transition:height 0.3s;-webkit-transition:height 0.3s}
.outline_wrap > .synopsis.is-active .caption:before{height:100%;transition-delay:0.5s;-webkit-transition-delay:0.5s}
.outline_wrap > .synopsis .small,.outline_wrap > .synopsis strong{opacity:0;filter:alpha(opacity=0);transform:translateX(-1.75rem);-webkit-transform:translateX(-1.75rem);transition:opacity 0.3s,transform 0.3s;-webkit-transition:opacity 0.3s,transform 0.3s}
.outline_wrap > .synopsis.is-active .small,.outline_wrap > .synopsis.is-active strong{opacity:1;filter:alpha(opacity=100);transform:translateX(0);-webkit-transform:translateX(0);transition-delay:0.8s;-webkit-transition-delay:0.8s}
.outline_wrap > .synopsis.is-active strong{transition-delay:1.0s;-webkit-transition-delay:1.0s}
/*회사정보*/
.aboutInfo_wrap{padding:2.25rem 4rem;margin:2.5rem 0;background:#fafbfc}
.aboutInfo_lst,.aboutInfo_lst > li{}
.aboutInfo_lst .aboutInfo{display:table;width:100%;table-layout:fixed}
.aboutInfo_lst .aboutInfo > dt,.aboutInfo_lst .aboutInfo > dd{display:table-cell;font-size:0.85rem;line-height:1.5rem;letter-spacing:-0.025rem;vertical-align:top;word-break:keep-all}
.aboutInfo_lst .aboutInfo > dt{width:8.75rem;font-weight:500;color:#333}
.aboutInfo_lst .aboutInfo > dd{font-weight:300;color:#767676}
.aboutInfo_wrap .standard{margin-left:8.75rem;font-weight:300;font-size:0.75rem;line-height:1.35rem;color:#c9c9c9;letter-spacing:-0.025rem}
.about_wrap .promotion{padding:3rem 0;margin:2.5rem 0 -4rem;background:#f7f8fa}
.about_wrap .promotion > .innerwrap{height:36rem}
.about_wrap .promotion > .innerwrap > a{position:absolute;top:0;left:0;width:100%;height:100%}
.about_wrap .promotion > .innerwrap > a > img{display:block}
.about_wrap .promotion > .innerwrap > a > i[class*="xi-"]{position:absolute;top:50%;left:50%;width:5rem;height:5rem;font-size:5rem;line-height:5rem;color:#fff;opacity:0.4;filter:alpha(opacity=40);transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transition:color .5s,opacity .5s;-webkit-transition:color .5s,opacity .5s}
.about_wrap .promotion > .innerwrap > a:hover > i[class*="xi-"]{color:#fff;opacity:1;filter:alpha(opacity=100)}
.about_wrap .promotion #promotionVideo{position:absolute;top:0;left:0;width:100%;height:100%}
/*Vision*/
.vision_wrap{}
.vision_wrap > .synopsis{position:relative;margin-bottom:4rem}
.vision_wrap > .synopsis .img{display:block}
.vision_wrap > .synopsis .caption{display:none}
.vision_wrap .visionTxt{}
.vision_wrap .visionTxt:after{clear:both;display:block;content:""}
.vision_wrap .visionTxt > .img,.vision_wrap .visionTxt > .caption{float:left}
.vision_wrap .visionTxt > .img{float:left;width:calc(50% - 4rem);width:-webkit-calc(50% - 4rem);margin-right:4rem}
.vision_wrap .visionTxt > .caption{width:50%}
/*경영철학*/
.philosophy_wrap{}
.philosophy_wrap > h2{height:14rem;margin:0;background:no-repeat 50% 50%;font-weight:400;font-size:1.3rem;line-height:1.8rem;letter-spacing:-0.05rem/*;transition:height .3s ease;-webkit-transition:height .3s ease*/}
.philosophy_wrap > h2.no1{background-image:url(../../kr/img/contents/sub01/sub0103_img01.jpg)}
.philosophy_wrap > h2.no2{background-image:url(../../kr/img/contents/sub01/sub0103_img02.jpg)}
.philosophy_wrap > h2.no3{background-image:url(../../kr/img/contents/sub01/sub0103_img03.jpg)}
.philosophy_wrap > h2.no4{background-image:url(../../kr/img/contents/sub01/sub0103_img04.jpg)}
.philosophy_wrap > h2.no5{background-image:url(../../kr/img/contents/sub01/sub0103_img05.jpg)}
.philosophy_wrap > h2 > a{display:block;position:relative;height:100%;padding:0.5rem}
.philosophy_wrap > h2 > a:before{position:absolute;top:0;left:0;width:0;height:100%;background:linear-gradient(to right, #04a6e1, #16ccbd);opacity:0.7;filter:alpha(opacity=70);transition:width .3s ease;-webkit-transition:width .3s ease;content:""}
.philosophy_wrap > h2 .title{position:absolute;top:50%;left:4rem;transform:translateY(-50%);-webkit-transform:translateY(-50%)}
.philosophy_wrap > h2 strong{display:block;font-weight:400;line-height:1.8rem;color:#000}
.philosophy_wrap > h2 span{display:block;margin-top:0.25rem;font-size:0.85rem;line-height:1.4rem;color:#444;letter-spacing:-0.025rem}
.philosophy_wrap > h2 i[class*="xi-"]{display:block;width:2rem;height:2rem;padding:0.6rem 0.5rem;margin:1rem 0 0;border:1px solid #b8b8b8;border-radius:2rem;font-size:0.8rem;line-height:0.9rem;color:#444;text-align:center;transition:transform .3s ease;-webkit-transition:transform .3s ease}
.philosophy_wrap > h2.no1 strong{color:#fff}
.philosophy_wrap > h2.no1 span{color:#fff}
.philosophy_wrap > h2.no1 i[class*="xi-"]{border-color:rgba(255,255,255,0.4);color:#fff}
.philosophy_wrap > h2.no2 strong{color:#fff}
.philosophy_wrap > h2.no2 span{color:#fff}
.philosophy_wrap > h2.no2 i[class*="xi-"]{border-color:rgba(255,255,255,0.4);color:#fff}
.philosophy_wrap > h2 > a:hover i[class*="xi-"]{}
.philosophy_wrap > h2 .line_wrap > i{transition:width .3s ease,height .3s;-webkit-transition:width .3s ease,height .3s}
.philosophy_wrap > h2 .line_wrap > i.line_top{top:0.5rem;left:0.5rem;width:0}
.philosophy_wrap > h2 .line_wrap > i.line_right{top:0.5rem;right:0.5rem;height:0}
.philosophy_wrap > h2 .line_wrap > i.line_bottom{bottom:0.5rem;right:0.5rem;width:0}
.philosophy_wrap > h2 .line_wrap > i.line_left{bottom:0.5rem;left:0.5rem;height:0}
.philosophy_wrap > h2.active{height:7.5rem}
.philosophy_wrap > h2.active > a:before{width:100%}
.philosophy_wrap > h2.active .line_wrap > i.line_top,.philosophy_wrap > h2 > a:hover .line_wrap > i.line_top{width:calc(100% - 1rem);width:-webkit-calc(100% - 1rem)}
.philosophy_wrap > h2.active .line_wrap > i.line_right,.philosophy_wrap > h2 > a:hover .line_wrap > i.line_right{height:calc(100% - 1rem);height:-webkit-calc(100% - 1rem)}
.philosophy_wrap > h2.active .line_wrap > i.line_bottom,.philosophy_wrap > h2 > a:hover .line_wrap > i.line_bottom{width:calc(100% - 1rem);width:-webkit-calc(100% - 1rem)}
.philosophy_wrap > h2.active .line_wrap > i.line_left,.philosophy_wrap > h2 > a:hover .line_wrap > i.line_left{height:calc(100% - 1rem);height:-webkit-calc(100% - 1rem)}
.philosophy_wrap > h2 > a:hover .line_wrap > i{opacity:0.45;filter:alpha(opacity=45)}
.philosophy_wrap > h2.active > a:hover .line_wrap > i{opacity:0.1;filter:alpha(opacity=10)}
.philosophy_wrap > h2.active .line_wrap > i.line_top{transition-delay:.5s;-webkit-transition-delay:.5s}
.philosophy_wrap > h2.active .line_wrap > i.line_right{transition-delay:.8s;-webkit-transition-delay:.8s}
.philosophy_wrap > h2.active .line_wrap > i.line_bottom{transition-delay:1.1s;-webkit-transition-delay:1.1s}
.philosophy_wrap > h2.active .line_wrap > i.line_left{transition-delay:1.4s;-webkit-transition-delay:1.4s}
.philosophy_wrap > h2.active .title{display:table;width:calc(100% - 8rem);width:-webkit-calc(100% - 8rem);table-layout:fixed}
.philosophy_wrap > h2.active strong,.philosophy_wrap > h2.active span,.philosophy_wrap > h2.active i[class*="xi-"]{display:table-cell;vertical-align:middle;/*white-space:nowrap*/}
.philosophy_wrap > h2.active strong{/*width:6.25rem;*/padding-right:2.5rem;color:#fff}
.philosophy_wrap > h2.active span{color:#fff}
.philosophy_wrap > h2.active i[class*="xi-"]{position:absolute;top:50%;right:0;margin-top:0;border-color:rgba(255,255,255,0.4);color:#fff;transform:translateY(-50%);-webkit-transform:translateY(-50%)}
.philosophy_wrap > h2.active a:hover i[class*="xi-"]{padding:0.5rem;transform:translateY(-50%) rotate(180deg);-webkit-transform:translateY(-50%) rotate(180deg)}
.philosophy_wrap > h2.active i[class*="xi-"]:before{content:"\e921"}
.philosophy_lst{display:none;padding:2rem 4rem}
.philosophy_lst.active{display:block}
.philosophy_lst > li{padding:2rem 0}
.philosophy_cnts{display: block;width:100%;}
.philosophy_cnts > .icon{display: inline-block;position:relative;width:7.75rem;height:5.5rem; vertical-align: middle;}
.philosophy_cnts > .icon:before{position:absolute;top:50%;left:0;width:5.5rem;height:5.5rem;background:url(../../kr/img/contents/sub01/sub0103_icon.png) no-repeat;transform:translateY(-50%);-webkit-transform:translateY(-50%);content:""}
.philosophy_cnts > .icon.no1_1:before{background-position:0 0}
.philosophy_cnts > .icon.no1_2:before{background-position:-5.5rem 0}
.philosophy_cnts > .icon.no1_3:before{background-position:-11rem 0}
.philosophy_cnts > .icon.no2_1:before{background-position:-16.5rem 0}
.philosophy_cnts > .icon.no2_2:before{background-position:-22rem 0}
.philosophy_cnts > .icon.no2_3:before{background-position:-27.5rem 0}
.philosophy_cnts > .icon.no3_1:before{background-position:0 -5.5rem}
.philosophy_cnts > .icon.no4_1:before{background-position:-5.5rem -5.5rem}
.philosophy_cnts > .icon.no4_2:before{background-position:-11rem -5.5rem}
.philosophy_cnts > .icon.no4_3:before{background-position:-16.5rem -5.5rem}
.philosophy_cnts > .icon.no4_4:before{background-position:-22rem -5.5rem}
.philosophy_cnts > .icon.no5_1:before{background-position:-27.5rem -5.5rem}
.philosophy_cnts > dl{display: inline-block;width: calc(100% - 8.1rem);vertical-align: middle;}
.philosophy_cnts > dl >  dt{margin-bottom:0.5rem;font-weight:500;font-size:1.1rem;line-height:1.6rem;color:#000;letter-spacing:-0.05rem}
.philosophy_cnts > dl >  dd{font-weight:300;font-size:0.85rem;line-height:1.35rem;color:#444;letter-spacing:-0.025rem;}
.philosophy_cnts_lst{margin-top:1.5rem}
.philosophy_cnts_lst > li{padding:1rem 2.25rem;margin-top:0.5rem;background:#fafbfc}
.philosophy_cnts_lst dl{display:table;width:100%;table-layout:fixed}
.philosophy_cnts_lst dl > dt,.philosophy_cnts_lst dl > dd{display:table-cell;font-size:0.85rem;line-height:1.15rem;letter-spacing:-0.025rem;word-break:keep-all}
.philosophy_cnts_lst dl > dt{width:6.5rem;padding-right:1.5rem;font-weight:500;color:#333;vertical-align:middle}
.philosophy_cnts_lst dl > dd{color:#767676;vertical-align:middle}
/*창업자소개*/
.founder_wrap{padding-bottom:3.5rem;border-bottom:1px solid #e6e6e6}
.founder_wrap > .title{position:relative;margin-bottom:4rem}
.founder_wrap > .title > .img{display:block;overflow:hidden}
.founder_wrap > .title > strong{position:absolute;bottom:0.75rem;right:1rem;padding:3rem 13.5rem 0.6rem 0;font-weight:500;font-size:1.2rem;line-height:1.5rem;color:#fff;text-align:right}
.founder_wrap > .title > strong > .small{display:block;font-size:0.9rem;line-height:1.4rem;opacity:0.7;filter:alpha(opacity=70)}
.founder_wrap > .title > strong > em{display:block;line-height:1.5rem;opacity:0.7;filter:alpha(opacity=70)}
.founder_wrap > .title > strong > .sign{position:absolute;top:0;right:0;width:12.75rem;height:6.5rem;background:url(../../kr/img/contents/sub01/sub0104_sign.png) no-repeat 50% 50%;background-size:100% auto}
.founder_wrap h2{font-weight:400;font-size:1.4rem;line-height:1.5rem}
.aboutFounder_wrap{padding:5rem 0}
.aboutFounder_wrap > h2{margin-bottom:3.5rem;font-size:2.2rem;line-height:2.5rem;text-align:center}
.aboutFounder_wrap > h2 > em{font-weight:500;line-height:2.5rem}
.aboutFounder_wrap .career_wrap{position:relative;margin-bottom:5rem}
.aboutFounder_wrap .career_wrap > .img{display:block}
.aboutFounder_wrap .career_wrap .tweenImg{height:26.7rem}
.aboutFounder_wrap .career_wrap .imgTween{position:absolute;top:50%;left:50%;width:73.3rem;max-width:none;height:26.35rem;margin:-12.875rem 0 0 -36.65rem; transform: none !important;}
.aboutFounder_wrap .career_wrap > .caption{position:absolute;top:0;left:50%;padding:3.25rem 2.5rem;overflow:hidden}
.aboutFounder_wrap .career_wrap dl{display:table;width:100%;table-layout:fixed}
.aboutFounder_wrap .career_wrap dl + dl{margin-top:1.5rem}
.aboutFounder_wrap .career_wrap dt,.aboutFounder_wrap .career_wrap dd{display:table-cell;vertical-align:top}
.aboutFounder_wrap .career_wrap dt{width:3.75rem;font-weight:500;font-size:1.1rem;line-height:2rem;color:#000;letter-spacing:-0.025rem}
.aboutFounder_wrap .career_wrap dd{font-weight:300;font-size:0.85rem;line-height:1.6rem;color:#444;letter-spacing:-0.05rem}
.aboutFounder_wrap .career_lst{}
.aboutFounder_wrap .career_lst > li{line-height:1.1rem;}
.aboutFounder_wrap .career_lst > li > em{line-height:1.6rem;color:#767676}
.aboutFounderDesc{display:table;width:100%;table-layout:fixed}
.aboutFounderDesc > .img_wrap,.aboutFounderDesc > .caption{display:table-cell;position:relative;vertical-align:middle}
.aboutFounderDesc .img{position:absolute}
.aboutFounderDesc .img .tweenImg{width:100%;height:100%}
.aboutFounderDesc .img .tweenImg > img{position:absolute;top:50%;left:0}
.aboutFounderDesc > .img_wrap .slick-arrow{position:absolute;top:50%;width:2.75rem;height:2.75rem;padding:0.5rem;border:1px solid #e3e6e8;background:rgba(255,255,255,0.75);transform:translateY(-50%);-webkit-transform:translateY(-50%);transition:border 0.3s ease,background 0.3s;-webkit-transition:border 0.3s ease,background 0.3s;z-index:1}
.aboutFounderDesc > .img_wrap .slick-arrow.slick-prev{left:0}
.aboutFounderDesc > .img_wrap .slick-arrow.slick-next{right:0}
.aboutFounderDesc > .img_wrap .slick-arrow > i[class*="xi-"]{display:block;font-size:1.1rem;line-height:1.65rem;color:#000;transition:color 0.3s ease;-webkit-transition:color 0.3s ease}
.aboutFounderDesc > .img_wrap .slick-arrow:hover{border-color:#04a6e1;background:#04a6e1}
.aboutFounderDesc > .img_wrap .slick-arrow:hover > i[class*="xi-"]{color:#fff}
.aboutFounderDesc > .caption{padding-right:2.5rem}
.aboutFounderDesc h3{margin-bottom:1.5rem;font-weight:500;font-size:1.4rem;line-height:1.9rem;color:#000;letter-spacing:-0.05rem}
.aboutFounderDesc.no1 .img_wrap{height:27.75rem}
.aboutFounderDesc.no1 .img.no1{top:0;left:2.5rem;width:19rem;height:11.25rem}
.aboutFounderDesc.no1 .img.no1 img{margin-top:-8.125rem}
.aboutFounderDesc.no1 .img.no2{top:9.25rem;right:0;width:11rem;height:11rem;border:0.5rem solid #fff;background:#fff}
.aboutFounderDesc.no1 .img.no2 img{margin-top:-7rem}
.aboutFounderDesc.no1 .img.no3{bottom:0;left:6.75rem;width:12rem;height:13rem}
.aboutFounderDesc.no1 .img.no3 img{margin-top:-7.5rem}
.aboutFounderDesc.no2{margin-top:3.75rem}
.aboutFounderDesc.no2 .img_wrap{height:30.25rem;background:url(../../kr/img/contents/sub01/sub0104_img03_logo.png) no-repeat 100% 100%}
.aboutFounderDesc.no2 .img.no1{top:0;left:1rem;width:18.75rem;height:10.75rem}
.aboutFounderDesc.no2 .img.no1 img{margin-top:-8.875rem}
.aboutFounderDesc.no2 .img.no2{top:4.5rem;right:0.5rem;width:12.25rem;height:12.25rem;border:0.5rem solid #fff;background:#fff}
.aboutFounderDesc.no2 .img.no2 img{margin-top:-9.375rem}
.aboutFounderDesc.no2 .img.no3{bottom:1rem;left:5rem;width:11.5rem;height:13.5rem}
.aboutFounderDesc.no2 .img.no3 img{margin-top:-10.5rem}
.aboutFounderDesc.no3{margin-top:1rem}
.aboutFounderDesc.no3 .img_wrap{height:41rem}
.aboutFounderDesc.no3 .img.no1{top:0;right:1rem;width:18.5rem;height:12.75rem}
.aboutFounderDesc.no3 .img.no1 img{margin-top:-10.1rem}
.aboutFounderDesc.no3 .img.no2{top:11rem;left:2.5rem;width:21rem;height:13rem;border:0.5rem solid #fff;background:#fff}
.aboutFounderDesc.no3 .img.no2 img{margin-top:-10.25rem}
.aboutFounderDesc.no3 .img.no3{bottom:0;right:0;width:22.25rem;height:15.25rem}
.aboutFounderDesc.no3 .img.no3 img{margin-top:-11.375rem}
/*
.aboutFounder_desc{display:block;margin-top:4rem}
.aboutFounder_desc:after{clear:both;display:block;content:""}
.aboutFounder_desc > .img,.aboutFounder_desc > .caption{float:left;width:50%}
.aboutFounder_desc > .img{padding-right:2.5rem}
.aboutFounder_desc > .caption{padding-left:2.5rem}
.aboutFounder_desc.type2 > .img{float:right;padding-right:0;padding-left:2.5rem}
.aboutFounder_desc.type2  > .caption{padding-right:2.5rem;padding-left:0}
*/
.founderPhilosophy_wrap{padding:3.5rem 0 5rem;background:#fafbfc}
.founderPhilosophy_wrap h2{margin-bottom:1.5rem;font-size:2.2rem;line-height:2.5rem;text-align:center}
.founderPhilosophy_wrap h2 > em{font-weight:500;line-height:2.5rem}
.founderPhilosophy_wrap .tweenImg{height:20.5rem}
.founderPhilosophy_wrap .imgTween{position:absolute;top:50%;left:50%;width:73.6rem;max-width:none;height:28.6rem;margin:-14.3rem 0 0 -36.8rem}
.founderPhilosophy{background:#04a6e1}
.founderPhilosophy .item{position:relative;/* padding-bottom:10.5rem */}
.founderPhilosophy .item .img{display:block}
.founderPhilosophy .item .caption{/* position:absolute;background:#04a6e1; */top:0;left:0;width:100%;padding:2rem 8rem 1.5rem;text-align:center;opacity:0;filter:alpha(opacity=0);transition:top 0.3s cubic-bezier(.30,0,.07,.99), opacity 0.3s;-webkit-transition:top 0.3s cubic-bezier(.30,0,.07,.99), opacity 0.3s;}
.founderPhilosophy .item .txtp{font-size:1.2rem;line-height:1.6rem;color:#fff;letter-spacing:-0.075rem}
.founderPhilosophy .item .source{margin-top:0.8rem;font-weight:500;font-size:0.9rem;line-height:1.4rem;color:#fff;letter-spacing:-0.025rem;opacity:0.7;filter:alpha(opacity=70);word-break:keep-all}
.founderPhilosophy .item.slick-current .caption{top:0;opacity:1;filter:alpha(opacity=100)}
.founderPhilosophy .slick-arrow{position:absolute;top:50%;width:3.5rem;height:3.5rem;padding:1.2rem;border:1px solid rgba(255,255,255,0.5);transform:translateY(-50%);-webkit-transform:translateY(-50%);transition:border .3s ease,background .3s;-webkit-transition:border .3s ease,background .3s;z-index:1}
.founderPhilosophy .slick-arrow.slick-prev{left:2.25rem}
.founderPhilosophy .slick-arrow.slick-next{right:2.25rem}
.founderPhilosophy .slick-arrow > i[class*="xi-"]{display:block;font-size:1rem;line-height:1rem;color:#fff}
.founderPhilosophy .slick-arrow:hover{border-color:#fff;background:#fff}
.founderPhilosophy .slick-arrow:hover > i[class*="xi-"]{color:#1da4d9}
.founderPhilosophy .slick-dots{display:none !important;position:absolute;bottom:11.5rem;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%)}
.founderPhilosophy .slick-dots > li{float:left;width:1.05rem;height:1.05rem}
.founderPhilosophy .slick-dots button{display:block;position:relative;width:100%;height:100%;padding:0.25rem;font-size:0;line-height:0}
.founderPhilosophy .slick-dots button:before{position:absolute;top:0.25rem;left:0.25rem;width:0.55rem;height:0.55rem;border-radius:50%;border:3px solid #fff;content:""}
.founderPhilosophy .slick-dots .slick-active button:before{background:#fff}
.founderNews_wrap{position:relative;margin-top:5rem}
.founderNews_wrap > h2{margin-bottom:1.5rem;font-size:2.2rem;line-height:2.5rem;text-align:center}
.founderNews_wrap > h2 > em{font-weight:500;line-height:2.5rem}
.founderNews{display:table;width:100%;height:100%;table-layout:fixed}
.founderNews_lst,.founderNews_thumb{display:table-cell;position:relative;height:100%;vertical-align:top}
.founderNews_lst{width:23rem;padding:0.5rem;border:1px solid #b6bcc1}
.founderNews_lst .item{display:block;position:relative;height:5rem;border:0 none !important}
.founderNews_lst .item > span.external{position:absolute;top:1.25rem;right:1rem}
.founderNews_lst .item > span.external > a{display:block;position:relative;width:1rem;height:1.5rem;font-size:1rem;line-height:1.5rem;color:#04a6e1}
.founderNews_lst .item > span.external i[class*="xi-"]{display:block;line-height:1.5rem}
.founderNews_lst .item > a{display:block;padding:1.25rem 1rem 0 1rem; transition:background 0.3s ease;-webkit-transition:background 0.3s ease; height: inherit;}
.founderNews_lst .item > a:hover,.founderNews_lst .item.slick-current > a{background:#fafbfc}
.founderNews_lst .item strong{display:block;font-weight:500;font-size:0.85rem;line-height:1.1rem;color:#000;letter-spacing:-0.05rem; padding-right: 1.1rem; max-height: 3.5rem; overflow: hidden; margin-bottom: 0.2rem;}
.founderNews_lst .item .date{display:block;font-weight:300;font-size:0.7rem;line-height:1rem;color:#999;letter-spacing:-0.025rem}
.founderNews_lst .slick-list{padding:0 !important;margin-bottom:3.7rem}
.founderNews_lst .slick-arrow{position:absolute;bottom:0.5rem;width:7.3rem;height:2.25rem;padding:0.65rem;background:#f7f8fa;z-index:1}
.founderNews_lst .slick-arrow.slick-prev{left:0.5rem}
.founderNews_lst .slick-arrow.slick-next{right:0.5rem}
.founderNews_lst .slick-arrow > i[class*="xi-"]{display:block;font-size:0.9rem;line-height:0.95rem;color:#333}
.founderNews_thumb{padding-left:1.4rem}
.founderNews_thumb .item{}
.founderNews_thumb_big{display:block;position:relative;height:24rem;margin-bottom:1.5rem;overflow:hidden}
.founderNews_thumb_big .slideItem{position:absolute;top:0;left:0;width:100%;height:100%}
.founderNews_thumb_lst{}
.founderNews_thumb_lst:after{clear:both;display:block;content:""}
.founderNews_thumb_lst .thumbItem{float:left;width:20%;height:4.8rem;background:#000}
.founderNews_thumb_lst .thumbItem > a{display:block;position:relative;height:100%; overflow: hidden;}
.founderNews_thumb_lst .thumbItem > a:before{position:absolute;top:0;left:0;width:100%;height:100%;border:0.25rem solid #00b6f0;opacity:0;filter:alpha(opacity=0);z-index:1;transition:opacity 0.3s ease;-webkit-transition:opacity 0.3s ease;content:""}
.founderNews_thumb_lst .thumbItem > a:hover:before,.founderNews_thumb_lst .thumbItem > a.active:before{opacity:1;filter:alpha(opacity=100)}
.founderNews_thumb_lst .thumbItem img{display:block;opacity:0.6;filter:alpha(opacity=60);transition:opacity 0.3s ease;-webkit-transition:opacity 0.3s ease; position:absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.founderNews_thumb_lst .thumbItem > a:hover img,.founderNews_thumb_lst .thumbItem > a.active img{opacity:1;filter:alpha(opacity=100)}
.founderNews_wrap .count_wrap{position:absolute;bottom:0.55rem;left:7.85rem;width:7.3rem;height:2.25rem;padding:0.65rem;border:solid #fff;border-width:0 1px;background:#fff;text-align:center;z-index:1}
.founderNews_wrap .count{display:block;font-size:0.85rem;line-height:0.95rem;color:#333}
.founderNews_wrap .count > em{font-weight:500;color:#000}
/*애니메이션*/
.founder_wrap > .title > .img img{transform:scale(1.25);-webkit-transform:scale(1.25);transition:transform 1.25s linear;-webkit-transition:transform 1.25s linear}
.founder_wrap > .title.is-active .img img{transform:scale(1);-webkit-transform:scale(1)}
.founder_wrap > .title > strong > .small,.founder_wrap > .title > strong > em,.founder_wrap > .title > strong > .sign{opacity:0;filter:alpha(opacity=0);transform:translateX(-1.75rem);-webkit-transform:translateX(-1.75rem);transition:opacity .3s linear,transform .3s;-webkit-transition:opacity .3s linear,transform .3s}
.founder_wrap > .title.is-active > strong > .small,.founder_wrap > .title.is-active > strong > em,.founder_wrap > .title.is-active > strong > .sign{opacity:1;filter:alpha(opacity=100);transform:translateX(0);-webkit-transform:translateX(0);transition-delay:0.8s;-webkit-transition-delay:0.8s}
.founder_wrap > .title.is-active > strong > .sign{transition-delay:1.0s;-webkit-transition-delay:1.0s}
.aboutFounder_wrap .career_wrap dt,.aboutFounder_wrap .career_wrap dd{opacity:0;filter:alpha(opacity=0);transform:translateX(1.75rem);-webkit-transform:translateX(1.75rem);transition:opacity .3s linear,transform .3s;-webkit-transition:opacity .3s linear,transform .3s}
.aboutFounder_wrap .career_wrap .is-active dt,.aboutFounder_wrap .career_wrap .is-active dd{opacity:1;filter:alpha(opacity=100);transform:translateX(0);-webkit-transform:translateX(0)}
.aboutFounder_wrap .career_wrap .areaScene2 dt{transition-delay:0s;-webkit-transition-delay:0s}
.aboutFounder_wrap .career_wrap .areaScene2 dd{transition-delay:0.3s;-webkit-transition-delay:0.3s}
.aboutFounder_wrap .career_wrap .areaScene3 dt{transition-delay:0.5s;-webkit-transition-delay:0.5s}
.aboutFounder_wrap .career_wrap .areaScene3 dd{transition-delay:0.8s;-webkit-transition-delay:0.8s}
.aboutFounderDesc .img_wrap .img{opacity:0;filter:alpha(opacity=0);transform:translateY(35px);-webkit-transform:translateY(35px);transition:opacity .3s linear,transform .3s;-webkit-transition:opacity .3s linear,transform .3s}
.aboutFounderDesc.is-active .img_wrap .img{opacity:1;filter:alpha(opacity=100);transform:translateY(0);-webkit-transform:translateY(0)}
.aboutFounderDesc.is-active .img_wrap .img.no1{transition-delay:0s;-webkit-transition-delay:0s}
.aboutFounderDesc.is-active .img_wrap .img.no2{transition-delay:0.3s;-webkit-transition-delay:0.3s}
.aboutFounderDesc.is-active .img_wrap .img.no3{transition-delay:0.5s;-webkit-transition-delay:0.5s}
/*애터미파크소개*/
#detail_content.sub010500{padding:0 0 4rem}
#detail_content.sub010500 > h1{display:none}
#atomypark1{height:100vh}
.atomyparkVisual_wrap{position:relative;/*padding-top:3.75rem;*/overflow:hidden}
.atomyparkVisual_wrap:before{position:absolute;top:0;left:0;right:0;bottom:0;background:url(../../kr/img/contents/sub01/sub0105_visual.jpg) no-repeat 50% 50%;background-size:cover;content:""}
.atomyparkVisual_wrap .innerwrap{height:100%;z-index:1}
.atomyparkVisual{position:absolute;top:50%;left:50%;text-align:center;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%)}
.atomyparkVisual > h2{font-weight:700;font-size:2.4rem;line-height:2.5rem;color:#fff;letter-spacing:-0.05rem}
.atomyparkVisual > .h2_desc{font-weight:400;font-size:1.2rem;line-height:1.9rem;color:#fff;letter-spacing:-0.05rem;white-space:nowrap}
.atomyparkVisual > .btn_wrap{padding:2rem 0 0}
.atomyparkVisual .btn{min-width:14rem;height:2.75rem;background:rgba(4,166,225,0.9);line-height:1.45rem;color:#fff}
.atomyparkVisual .btn > span{line-height:1.45rem}
.atomyparkVisual_wrap .scrollDown{position:absolute;bottom:1.5rem;left:50%;width:6rem;height:3.65rem;transform:translateX(-50%);z-index:1}
.atomyparkVisual_wrap .scrollDown:before{position:absolute;top:1.75rem;left:50%;width:1.2rem;height:1.9rem;border:2px solid #fff;border-radius:0.6rem;transform:translateX(-50%);content:""}
.atomyparkVisual_wrap .scrollDown > a{display:block;position:relative;width:100%;height:100%}
.atomyparkVisual_wrap .scrollDown span{display:block;width:6rem;font-weight:700;font-size:0.75rem;line-height:1rem;color:#fff;letter-spacing:-0.025rem;text-align:center;white-space:nowrap}
.atomyparkVisual_wrap .scrollDown .line{position:absolute;top:0;left:50%;width:0.2rem;height:0.2rem;margin-top:1.75rem;border-radius:0.2rem;background:#fff;transform:translateX(-50%);animation:aniMouse 1s ease-out infinite}
.atomyparkDesc_wrap{position:relative;padding-top:3.75rem}
.atomyparkDesc_wrap > h3{margin:4.5rem 0 1.5rem;font-weight:500;font-size:1.5rem;line-height:2rem;color:#222;letter-spacing:-0.05rem;text-align:center}
.atomyparkDesc_wrap .completion_wrap{display:table;width:100%;height:100%;background:#fafbfc;table-layout:fixed}
.atomyparkDesc_wrap .completion_wrap > .img,.atomyparkDesc_wrap .completion_wrap > .caption{display:table-cell;height:100%;vertical-align:top}
.atomyparkDesc_wrap .completion_wrap > .img{height:17rem}
.atomyparkDesc_wrap .completion_wrap > .img > .tweenImg{height:100%}
.atomyparkDesc_wrap .completion_wrap > .img img{position:absolute;top:50%;left:0;width:100%;height:21.15rem;margin-top:-11.5rem}
.atomyparkDesc_wrap .completion_wrap > .caption{padding:1.75rem 2.5rem;padding-right:0}
.atomyparkDesc_wrap .completion_lst{}
.atomyparkDesc_wrap .completion{display:table;width:100%;table-layout:fixed}
.atomyparkDesc_wrap .completion > dt,.atomyparkDesc_wrap .completion > dd{display:table-cell;font-size:0.85rem;line-height:1.5rem;line-height:-0.025rem;vertical-align:top;word-break:keep-all}
.atomyparkDesc_wrap .completion > dt{width:5rem;font-weight:500;color:#333}
.atomyparkDesc_wrap .completion > dd{font-weight:300;color:#767676}
.atomyparkDesc_wrap .awardslist_wrap{overflow:hidden}
.atomyparkDesc_wrap .awardslist{display:table;width:calc(100% + 1rem);width:-webkit-calc(100% + 1rem);height:100%;margin:0 -0.5rem;table-layout:fixed}
.atomyparkDesc_wrap .awardslist > li{display:table-cell;position:relative;height:100%;padding:0 0.5rem}
.atomyparkDesc_wrap .awards{height:100%;border:1px solid #d5d5d5;background: #f7f8fa;}
.atomyparkDesc_wrap .awards > .img{padding:3rem 0;text-align:center;    background-color: #fff;}
.atomyparkDesc_wrap .awards > strong{display:block;padding:0.85rem 1rem;background:#f7f8fa;font-weight:300;font-size:0.85rem;line-height:1.2rem;color:#444;letter-spacing:-0.025rem;text-align:center;word-break:keep-all}
/*.completionVideo_wrap > .innerwrap{height:32rem}*/
.completionVideo_wrap > .innerwrap{height:0;padding-bottom:55%}
.completionVideo_wrap > .innerwrap > a{position:absolute;top:0;left:0;width:100%;height:100%}
.completionVideo_wrap > .innerwrap > a > img{display:block}
.completionVideo_wrap > .innerwrap > a > i[class*="xi-"]{position:absolute;top:50%;left:50%;width:5rem;height:5rem;font-size:5rem;line-height:5rem;color:#fff;opacity:0.4;filter:alpha(opacity=40);transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transition:color .5s,opacity .5s;-webkit-transition:color .5s,opacity .5s}
.completionVideo_wrap > .innerwrap > a:hover > i[class*="xi-"]{color:#fff;opacity:1;filter:alpha(opacity=100)}
.completionVideo_wrap #completionVideo{position:absolute;top:0;left:0;width:100%;height:100%}
.atomyparkDesc_wrap .innovation_wrap{}
.atomyparkDesc_wrap .innovation_wrap .tweenImg{height:17.75rem}
.atomyparkDesc_wrap .innovation_wrap .tweenImg .imgTween{margin-top:-1.5rem}
.atomyparkDesc_wrap .innovation_wrap .txtp{margin-top:1rem}
.atomyparkDesc_wrap .workLife_wrap{}
.atomyparkDesc_wrap .workLife_lst{padding:4.6rem 2rem;background:#f7f8fa}
.atomyparkDesc_wrap .workLife_lst ul{display:table;width:100%;table-layout:fixed}
.atomyparkDesc_wrap .workLife_lst li{display:table-cell;position:relative;padding:0 3rem;text-align:center;vertical-align:top}
.atomyparkDesc_wrap .workLife_lst li:before{position:absolute;top:50%;left:0;width:0;height:0;margin-top:-0.8rem;border:0.4rem solid transparent;border-left-color:#82868a;transform:translateY(-50%);-webkit-transform:translateY(-50%);content:""}
.atomyparkDesc_wrap .workLife_lst li:first-child:before{display:none}
.atomyparkDesc_wrap .workLife_lst li:last-child{width:23.6rem}
.atomyparkDesc_wrap .workLife_lst .img{padding-top:1.8rem}
.atomyparkDesc_wrap .workLife_lst li:last-child .img{padding-top:0}
.atomyparkDesc_wrap .workLife_lst .desc{margin-top:0.75rem;font-weight:300;font-size:0.75rem;line-height:1.1rem;color:#767676;letter-spacing:-0.025rem}
.atomyparkDesc_wrap .workLife_wrap .txtp{margin-top:1rem}
.atomyparkDesc_wrap .offiludens{display:table;width:100%;table-layout:fixed}
.atomyparkDesc_wrap .offiludens > .image,.atomyparkDesc_wrap .offiludens > .caption{display:table-cell;vertical-align:top}
.atomyparkDesc_wrap .offiludens > .image{width:24.25rem;padding-left:0.5rem}
.atomyparkDesc_wrap .offiludens > .caption{padding:4.75rem 4rem;background:url(../../kr/img/contents/sub01/sub0105_img05_1.jpg) no-repeat 100% 0}
.atomyparkDesc_wrap .offiludens h4{margin-bottom:1.25rem;font-weight:500;font-size:1.4rem;line-height:1.5rem;color:#fff;letter-spacing:-0.05rem}
.atomyparkDesc_wrap .offiludens .txtp{font-weight:400;font-size:0.8rem;line-height:1.4rem;color:#fff;letter-spacing:-0.025rem;opacity:0.7;filter:alpha(opacity=70)}
.atomyparkDesc_wrap .offiludens .txtp + .txtp{margin-top:1.25rem}
.atomyparkDesc_wrap .office_wrap{}
.atomyparkDesc_wrap .office_lst{display:table;width:calc(100% + 1.2rem);width:-webkit-calc(100% + 1.2rem);height:100%;margin:0 -0.6rem;table-layout:fixed}
.atomyparkDesc_wrap .office_lst > li{display:table-cell;height:100%;padding:0 0.6rem}
.atomyparkDesc_wrap .office{position:relative;height:100%;border:1px solid #d5d5d5}
.atomyparkDesc_wrap .office .num{position:absolute;top:-1px;left:-1px;width:2.25rem;height:2.25rem;padding:0.5rem;background:#86898d;font-weight:700;font-size:0.8rem;line-height:1.25rem;color:#fff;letter-spacing:-0.025rem;text-align:center}
.atomyparkDesc_wrap .office .img{text-align:center}
.atomyparkDesc_wrap .office strong{display:block;padding:1rem 0;background:#f7f8fa;font-weight:300;font-size:0.8rem;line-height:1.25rem;color:#767676;letter-spacing:-0.025rem;text-align:center}
.atomyparkDesc_wrap .office strong > em{display:block;font-weight:500;font-size:0.9rem;line-height:1.25rem;color:#333}
.atomyparkDesc_wrap .office_wrap .txtp{margin-top:1rem}
.atomyparkDesc_wrap .officeIssue_wrap{}
.atomyparkDesc_wrap .officeIssue{display:block;margin-top:5rem}
.atomyparkDesc_wrap .officeIssue:after{clear:both;display:block;content:""}
.atomyparkDesc_wrap .officeIssue > .img,.atomyparkDesc_wrap .officeIssue > .caption{float:left;width:50%}
.atomyparkDesc_wrap .officeIssue > .img > img.mobile{display:none}
.atomyparkDesc_wrap .officeIssue .cate{display:block;font-weight:500;font-size:0.9rem;line-height:1.2rem;color:#a6a6a6;letter-spacing:-0.025rem}
.atomyparkDesc_wrap .officeIssue h4{margin-bottom:0.25rem;font-weight:500;font-size:1.45rem;line-height:2rem;color:#37afd0;letter-spacing:-0.05rem}
.atomyparkDesc_wrap .officeIssue h4 > span{font-size:1.5rem;line-height:2rem;vertical-align:top}
.atomyparkDesc_wrap .officeIssue .h4_desc{font-size:0.9rem;line-height:1.4rem;color:#626262;letter-spacing:-0.025rem}
.atomyparkDesc_wrap .officeIssue .txtp{margin-top:1rem;font-size:0.8rem;line-height:1.3rem;color:#767676;letter-spacing:-0.025rem}
.atomyparkDesc_wrap .officeIssue.type1 > .img{padding-left:0.5rem}
.atomyparkDesc_wrap .officeIssue.type1 > .caption{padding-right:2.5rem;padding-top:2.5rem;text-align:right}
.atomyparkDesc_wrap .officeIssue.type1 .img_wrap{margin-top:5rem;overflow:hidden}
.atomyparkDesc_wrap .officeIssue.type1 .img{float:left}
.atomyparkDesc_wrap .officeIssue.type1 .img.no2{float:right}
.atomyparkDesc_wrap .officeIssue.type2 > .caption{float:right;width:28.5rem;padding-left:2.5rem;text-align:right}
.atomyparkDesc_wrap .officeIssue.type2 .img_wrap{margin-top:5rem}
.atomyparkDesc_wrap .officeIssue.type2 .img.no2{margin-top:2rem}
.atomyparkDesc_wrap .officeIssue.type3 > .caption{float:right;width:29rem;text-align:right}
.atomyparkDesc_wrap .officeIssue.type3 .img_wrap{margin-top:3rem}
.atomyparkDesc_wrap .officeIssue.type3 .img.no2{margin-top:1rem}
.atomyparkDesc_wrap .architect{margin-top:3rem}
.atomyparkDesc_wrap .architect:after{clear:both;display:block;content:""}
.atomyparkDesc_wrap .architect > strong{float:left;margin-right:1.25rem;font-weight:500;font-size:0.8rem;line-height:1.5rem;color:#333;letter-spacing:-0.025rem}
.atomyparkDesc_wrap .architect > .desc{float:left;font-weight:300;font-size:0.75rem;line-height:1.5rem;color:#767676;letter-spacing:-0.025rem;word-break:keep-all}
/*애니메이션*/
.atomyparkVisual_wrap{height:100%}
.atomyparkVisual_wrap:before{transform:scale(1.25);-webkit-transform:scale(1.25);transition:transform 1.25s;-webkit-transition:transform 1.25s}
.atomyparkVisual_wrap.is-active:before{transform:scale(1);-webkit-transform:scale(1)}
.atomyparkVisual > h2,.atomyparkVisual > .h2_desc,.atomyparkVisual > .btn_wrap{opacity:0;filter:alpha(opacity=0);transform:translateY(2.5rem);-webkit-transform:translateY(2.5rem);transition:transform 0.5s,opacity 0.5s;-webkit-transition:transform 0.5s,opacity 0.5s}
.is-active .atomyparkVisual > h2,.is-active .atomyparkVisual > .h2_desc,.is-active .atomyparkVisual > .btn_wrap{opacity:1;filter:alpha(opacity=100);transform:translateY(0);-webkit-transform:translateY(0)}
.is-active .atomyparkVisual > h2{transition-delay:0.5s;-webkit-transition-delay:0.5s}
.is-active .atomyparkVisual > .h2_desc{transition-delay:0.8s;-webkit-transition-delay:0.8s}
.is-active .atomyparkVisual > .btn_wrap{transition-delay:1.0s;-webkit-transition-delay:1.0s}
.atomyparkDesc_wrap .office_lst > li{opacity:0;filter:alpha(opacity=0);transform:translateY(2.5rem);-webkit-transform:translateY(2.5rem);transition:transform 0.5s,opacity 0.5s;-webkit-transition:transform 0.5s,opacity 0.5s}
.atomyparkDesc_wrap .is-active .office_lst > li{opacity:1;filter:alpha(opacity=100);transform:translateY(0);-webkit-transform:translateY(0)}
.atomyparkDesc_wrap .is-active .office_lst > li:nth-child(1){transition-delay:0.1s;-webkit-transition-delay:0.1s}
.atomyparkDesc_wrap .is-active .office_lst > li:nth-child(2){transition-delay:0.3s;-webkit-transition-delay:0.3s}
.atomyparkDesc_wrap .is-active .office_lst > li:nth-child(3){transition-delay:0.5s;-webkit-transition-delay:0.5s}
/*연혁*/
.history_wrap{margin-bottom:-4rem;overflow:hidden}
.history_wrap.innerwrap{margin-bottom:0}
.historyYear{position:fixed;top:50%;left:50%;width:3.5rem;margin-left:-38rem;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);z-index:1}
.historyYear_lst{display:none;position:relative;padding:1rem 0 2.5rem}
.historyYear_lst.active{display:block}
.historyYear_lst:before{position:absolute;top:0;left:0;width:3.5rem;height:100%;border-radius:1.75rem 1.75rem 0 0;background:#04a6e1;opacity:0.8;filter:alpha(opacity=80);content:""}
.historyYear_lst > li{padding:0.15rem 0}
.historyYear_lst a{display:block;font-weight:500;font-size:0.85rem;line-height:1.35rem;color:#fff;letter-spacing:0;text-align:center;transition:color .3s ease;-webkit-transition:color .3s ease}
.historyYear_lst a > span{display:block;position:relative;line-height:1.45rem}
.historyYear_lst a > span:before{display:none;position:absolute;top:50%;left:calc(100% + 1.75rem);left:-webkit-calc(100% + 1.75rem);width:0;height:1px;background:#000;content:""}
.historyYear_lst a:hover{color:#133a4c}
.historyYear_lst .active a{color:#133a4c}
.historyYear_lst .active a > span:before{width:2.5rem}
.historyYear > .more{margin-top:-1.75rem}
.historyYear > .more > a,.historyYear > .shortcut > a{display:block;width:3.5rem;height:3.5rem;padding:0.8rem 0;border:1px solid #04a6e1;border-radius:3.5rem;background:#04a6e1;font-size:0.8rem;line-height:1rem;color:#fff;letter-spacing:-0.025rem;text-align:center}
.historyYear > .more > a > span,.historyYear > .shortcut > a > span{display:block;position:relative;padding-bottom:0.75rem;line-height:1rem}
.historyYear > .more > a > span:before,.historyYear > .shortcut > a > span:before,.historyYear > .shortcut > a > span:after{position:absolute;bottom:-0.25rem;left:0;width:100%;line-height:1rem;font-family:"xeicon";color:#fff;opacity:0.5;filter:alpha(opacity=50);content:"\e936"}
.historyYear > .more > a.active > span:before{content:"\e930"}
.historyYear > .shortcut{margin-top:0.5rem}
.historyYear > .shortcut > a{border-color:#d5d5d5;background:rgba(255,255,255,0.8);color:#333}
.historyYear > .shortcut > a > span:before{color:#888;opacity:1;filter:alpha(opacity=100)}
.historyYear > .shortcut > a > span:after{bottom:-0.5rem;color:#333;opacity:1;filter:alpha(opacity=100)}
.history_wrap > div[id*="year"] + div[id*="year"]{margin-top:4rem}
.historyCnts{position:relative;max-width:64rem;margin:0 auto}
.historyCnts + .historyCnts{margin-top:5rem}
.historyCnts:after{clear:both;display:block;content:""}
.historyCnts > .img_lst,.historyCnts > .caption{float:left;position:relative;width:50%}
.historyCnts > .img_lst{float:right;padding:0 0 0 3rem}
.historyCnts > .img_lst > .item{}
.historyCnts > .img_lst .img{position:relative}
.historyCnts > .caption{min-height:17.5rem;padding:0 3rem 0 4rem}
.historyCnts .caption_wrap{position:absolute;top:50%;left:4rem;right:3rem;transform:translateY(-50%);-webkit-transform:translateY(-50%);text-align:right}
.historyCnts h3{margin-bottom:0.5rem;font-weight:300;font-size:2.5rem;line-height:3rem;color:#00b6ef;letter-spacing:0}
.historyCnts strong{display:block;font-weight:500;font-size:1.4rem;;line-height:1.9rem;color:#000;letter-spacing:-0.05rem;word-break:keep-all}
.historyCnts .desc{display:block;margin-top:0.5rem;font-size:0.9rem;line-height:1.4rem;color:#767676;letter-spacing:-0.05rem;word-break:keep-all}
.historyCnts .subject{display:block;margin-top:0.5rem;font-size:0.9rem;line-height:1.4rem;color:#767676;letter-spacing:-0.05rem;word-break:keep-all}
.historyCnts .subject + .desc{margin-top:1rem;font-weight:300;font-size:0.8rem;line-height:1.3rem;color:#999}
.historyCnts .more{margin-top:1.25rem}
.historyCnts .more > a.btn{}
.historyCnts .more > a.btn:hover{border-color:#04a6e1;background:#04a6e1;color:#fff}
.historyCnts.type1 > .img_lst .tweenImg,.historyCnts.type2 > .img_lst .tweenImg{height:0;padding-bottom:64%;}
.historyCnts.type1 > .img_lst .img img,.historyCnts.type2 > .img_lst .img img{transform:none!important;}

.historyDetail_tabs {margin:1rem 0;}
.historyDetail_tabs nav { margin:0 auto; display:table; max-width:800px;}
.historyDetail_tabs nav a {display:table-cell; width:50%; border:1px solid #ddd; padding:.7rem 3rem; text-align:center;}
.historyDetail_tabs nav a:first-child {border-right:0;}
.historyDetail_tabs nav a:last-child {border-left:0;}
.historyDetail_tabs nav a.active {border:1px solid #04a6e1; background:#04a6e1; color:#fff;}
.prizeLst_group.tab_cont {padding: 1.5rem 0;}
.history_table_block {display:inline-block; width:32.3334%; text-align:center; max-width:426px; padding:1rem; vertical-align: top;}
.history_table_block > img {display:block; margin:0 auto;}
.history_table_block h4 {font-weight:550; margin-bottom:.5rem;}
.history_table_block .top_time {color:#666; padding:.5rem; font-weight:300;}
/*
.historyCnts.type1 > .img_lst .img img,.historyCnts.type2 > .img_lst .img img{position:absolute;top:50%;left:0;margin-top:-45%;transform:none!important;}
*/
.historyCnts.type2 > .img_lst{float:left;padding:0 3rem 0 0}
.historyCnts.type2 > .caption{padding:0 4rem 0 3rem}
.historyCnts.type2 .caption_wrap{left:3rem;right:4rem;text-align:left}
.historyCnts.type3{max-width:100%;height:23rem}
.historyCnts.type3 > .img_lst{float:none;width:100%;height:100%;padding:0}
.historyCnts.type3 > .img_lst > .item,.historyCnts.type3 > .img_lst .img{height:23rem}
.historyCnts.type3 > .img_lst img{position:absolute;top:0;left:50%;max-width:none;height:100%;transform:translateX(-50%);-webkit-transform:translateX(-50%)}
.historyCnts.type3 > .caption{float:none;position:absolute;top:0;left:0;width:100%;height:100%;padding:0}
.historyCnts.type3 .caption_wrap{left:50%;right:auto;width:64rem;text-align:left;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%)}
.historyCnts.type3 h3{color:#fff}
.historyCnts.type3 strong{color:#fff}
.historyCnts.type3 .desc{color:#fff;opacity:0.7;filter:alpha(opacity=70)}
.historyCnts .slick-dots{position:absolute;bottom:1.25rem;left:50%;margin-left:1.5rem;transform:translateX(-50%);-webkit-transform:translate(-50%);z-index:1000}
.historyCnts.type2 .slick-dots{margin-left:-1.5rem}
.historyCnts .slick-dots > li{float:left}
.historyCnts .slick-dots button{display:block;position:relative;width:0.95rem;height:0.95rem;padding:0.25rem;border-radius:0.95rem;font-size:0;line-height:0}
.historyCnts .slick-dots button:before{position:absolute;top:0.25rem;left:0.25rem;width:0.45rem;height:0.45rem;border:3px solid #fff;border-radius:50%;content:""}
.historyCnts .slick-dots .slick-active button:before{background:#fff}
.historyCnts.type3 .slick-dots{margin-left:0}
.history_details{position:relative;height:29rem}
.history_details:before{position:absolute;top:0;left:0;width:100%;height:100%;background:url(../../kr/img/contents/sub01/sub0106_details_bg.jpg) no-repeat 50% 0;background-size:cover;opacity:0.07;filter:alpha(opacity=7);content:""}
.history_details .innerwrap{padding-top:5.4rem}
.history_details h2{margin-bottom:1.25rem;font-weight:700;font-size:1.45rem;line-height:1.95rem;color:#000;letter-spacing:-0.05rem;text-align:center}
.history_detailslist_wrap{display:block;position:relative}
.history_detailslist_wrap > .select_box{display:none}
.history_details_lst{margin:0 -0.75rem}
.history_details_lst:after{clear:both;display:block;content:""}
.history_details_lst > li{float:left;width:25%;padding:0 0.75rem}
.history_details_lst a{display:block;padding:0.5rem 0;border-bottom:1px solid #e3e6e8;background:transparent;font-weight:300;font-size:0.85rem;line-height:1.45rem;color:#333;letter-spacing:-0.025rem;text-align:center;transition:background .3s ease,color .3s,border .3s;-webkit-transition:background .3s ease,color .3s,border .3s}
.history_details_lst a > span{display:block;line-height:1.45rem}
.history_details_lst a:hover,.history_details_lst .active a{border-color:#04a6e1;background:#04a6e1;color:#fff}
/*한국 본사,글로벌 법인*/
.historyList_wrap {height:0;/* opacity:0;filter:alpha(opacity=0); */visibility:hidden;transition:opacity .3s;-webkit-transition:opacity .3s; overflow: hidden;}
.historyList_wrap > h3{margin-bottom:1.5rem;font-weight:500;font-size:1.4rem;line-height:1.9rem;color:#000;letter-spacing:-0.05rem;text-align:center}
.historyList_wrap.active{height:auto;padding:2.5rem 0 4rem;opacity:1;filter:alpha(opacity=100);visibility:visible}
.history_lst{display:table;width:100%;height:100%;border-bottom:1px solid #b6bcc1;table-layout:fixed}
.history_lst > dt,.history_lst > dd{display:table-cell;height:100%;vertical-align:middle}
.history_lst > dt{width:10rem;font-weight:300;font-size:1.5rem;line-height:2.4rem;color:#00b6ef;letter-spacing:-0.05rem;text-align:center}
.history_lst .history{}
.history_lst .history > li{display:table;width:100%;padding:0.55rem 0;border-top:1px solid #e3e6e8;table-layout:fixed}
.history_lst .history > li:first-child{border-top:0 none}
.history_lst .history em,.history_lst .history .li_th1{display:table-cell;vertical-align:middle}
.history_lst .history em{display:none;width:5rem;padding-left:0.75rem;font-weight:500;font-size:1rem;line-height:1.35rem;color:#000;letter-spacing:-0.025rem}
#historyDetails01 .history_lst .history em,
#activityKR01 .history_lst .history em{display:table-cell}
/*Visual Identity*/
.identity_wrap{}
.identity_wrap > .title{position:relative;height:16rem}
.identity_wrap > .title > .img{display:block;overflow:hidden}
.identity_wrap > .title > h2{position:absolute;top:50%;left:4rem;width:calc(50% - 4rem);width:-webkit-calc(50% - 4rem);margin:0;font-weight:500;font-size:1.5rem;line-height:2rem;color:#fff;letter-spacing:-0.05rem;transform:translateY(-50%);-webkit-transform:translateY(-50%)}
.identity_wrap > .title > h2 > .small{display:block;margin-top:0.5rem;font-weight:300;font-size:0.8rem;line-height:1.2rem;color:#fff;letter-spacing:-0.025rem;opacity:0.7;filter:alpha(opacity=70)}
.identity_wrap h3{margin:4rem 0 1rem;font-weight:500;font-size:1.5rem;line-height:2rem;color:#000;letter-spacing:-0.05rem;text-align:center}
.identity_wrap .h3_desc{margin:-0.5rem 0 1.75rem;font-weight:400;font-size:0.8rem;line-height:1.2rem;color:#767676;letter-spacing:-0.025rem;text-align:center}
.identity_wrap h4{margin:1rem 0 0.5rem;font-weight:500;font-size:0.9rem;line-height:1.4rem;color:#222;letter-spacing:-0.025rem}
.identity_wrap .slogan,.identity_wrap .symbol{border:1px solid #d5d5d5;text-align:center}
.identity_wrap .slogan{padding:3rem;background:url(../../kr/img/contents/sub01/sub0107_pattern.gif) repeat 50% 50%}
.identity_wrap .symbol{display:table;width:100%;table-layout:fixed}
.identity_wrap .symbol > .rule{display:table-cell;vertical-align:middle;position:relative;padding:3rem 0;text-align:center}
.identity_wrap .symbol > .rule > span{display:block;margin-top:0.5rem;font-size:0.8rem;line-height:1.3rem;color:#333;letter-spacing:-0.025rem}
.identity_wrap .symbol > .rule + .rule{width:24rem}
.identity_wrap .symbol > .rule + .rule > img{max-width:none;height:100%}
.identity_wrap .symbol > .rule + .rule:before{position:absolute;top:0;left:0;width:1px;height:100%;background:#d5d5d5;content:""}
.identity_wrap .palette_lst,.identity_wrap .palette_lst > li{}
.identity_wrap .palette_lst > li + li{margin-top:1.5rem}
.identity_wrap .palette{display:table;width:100%;height:100%;table-layout:fixed}
.identity_wrap .palette > .color,.identity_wrap .palette > .caption{display:table-cell;height:100%;vertical-align:middle}
.identity_wrap .palette > .color{width:8.75rem}
.identity_wrap .palette .colorbox{display:block;width:7.25rem;height:7.25rem;border:1px solid transparent}
.identity_wrap .palette strong{display:block;margin:0.75rem 0 0.5rem;font-weight:500;font-size:0.85rem;line-height:1.5rem;color:#333;letter-spacing:-0.025rem}
.identity_wrap .palette .colorValue{}
.identity_wrap .palette .colorValue:after{clear:both;display:block;content:""}
.identity_wrap .palette .colorValue > dt,.identity_wrap .palette .colorValue > dd{float:left;font-size:0.7rem;line-height:1rem;vertical-align:top}
.identity_wrap .palette .colorValue > dt{width:2.5rem;font-weight:500;color:#333;letter-spacing:-0.025rem}
.identity_wrap .palette .colorValue > dd{width:calc(100% - 2.5rem);width:-webkit-calc(100% - 2.5rem);color:#767676}
.identity_wrap .palette.atomyBlue .colorbox{border-color:#00b5ef;background:#00b5ef}
.identity_wrap .palette.atomyWhite .colorbox{border-color:#d5d5d5;background:#fff}
.identity_wrap .palette > .caption{position:relative;background:#f7f8fa;padding-left:3rem}
/*
.identity_wrap .palette .colorDesc{position:absolute;top:50%;left:3rem;right:3rem;transform:translateY(-50%);-webkit-transform:translateY(-50%)}
*/
.identity_wrap .palette .colorDesc > dt{margin-bottom:0.5rem;font-weight:500;font-size:0.9rem;line-height:1.5rem;color:#00b5ef;letter-spacing:-0.025rem}
.identity_wrap .palette .colorDesc > dd{font-weight:300;font-size:0.8rem;line-height:1.2rem;color:#333;letter-spacing:-0.025rem;}
.identity_wrap .btn_wrap.manual{padding:0.75rem 0;background:#f7f8fa;text-align:center}
.identity_wrap .CIrule_wrap{}
.identity_wrap .CIrule_lst{position:relative}
.identity_wrap .CIrule_lst:before{position:absolute;bottom:0;left:0;width:100%;height:1px;background:#e3e6e8;content:""}
.identity_wrap .CIrule_lst:after{clear:both;display:block;content:""}
.identity_wrap .CIrule_lst > li{float:left;position:relative;width:20%;height:12.85rem;border-bottom:1px solid #e3e6e8}
.identity_wrap .CIrule{position:absolute;top:50%;left:0;width:100%;text-align:center;transform:translateY(-50%);-webkit-transform:translateY(-50%)}
.identity_wrap .CIrule > .img{display:block;overflow:hidden;height:3.5rem}
.identity_wrap .CIrule > strong{display:block;margin-top:0.5rem;font-weight:400;font-size:0.85rem;line-height:1.5rem;color:#444;letter-spacing:-0.025rem}
.identity_wrap .CIrule_lst .btn_wrap{position:absolute;bottom:0.45rem;left:0;width:100%;height:2rem;padding:0}
.identity_wrap .CIrule_lst .btn{display:block;min-width:auto;height:2rem;padding:0.5rem 0;border-color:#eceef0;background:#eceef0;font-size:0.8rem;line-height:1rem;color:#444;letter-spacing:-0.025rem}
.identity_wrap .CIrule_lst .btn > span{display:block;line-height:1rem}
.identity_wrap .CIrule_lst .btn:hover{border-color:#1dafe4;background:#fff;color:#1dafe4}
.identity_wrap .fontDesign{margin-top:1.5rem}
.identity_wrap .fontDesign:after{clear:both;display:block;content:""}
.identity_wrap .fontDesign h4{margin-top:0}
.identity_wrap .fontDesign > .img,.identity_wrap .fontDesign > .caption{float:left;width:50%}
.identity_wrap .fontDesign > .img{float:right;padding:0 0 0 1.5rem}
.identity_wrap .fontDesign > .img > img{display:block;border:1px solid #d5d5d5}
.identity_wrap .fontDesign > .caption{padding:0 1.5rem 0 0}
.identity_wrap .fontDesign + .fontDesign{margin-top:3rem}
.identity_wrap .fontDesign + .fontDesign > .img{float:left;padding:0 1.5rem 0 0}
.identity_wrap .fontDesign + .fontDesign > .caption{padding:0 0 0 1.5rem}
.identity_wrap .composition_wrap{}
.identity_wrap .composition_lst{display:table;width:100%;height:100%;border:1px solid #d5d5d5;table-layout:fixed}
.identity_wrap .composition_lst > li{display:table-cell;position:relative;height:100%;vertical-align:top}
.identity_wrap .composition_lst > li:first-child{width:26rem}
.identity_wrap .composition_lst > li + li:before{position:absolute;top:0;left:0;width:1px;height:100%;background:#d5d5d5;z-index:1;content:""}
.identity_wrap .composition{height:100%;text-align:center}
.identity_wrap .composition > h4{padding:0.5rem 0;margin:0;background:#f7f8fa;font-weight:400;font-size:0.8rem;line-height:1.2rem;color:#333}
.identity_wrap .compositionStyle{display:table;width:100%;height:calc(100% - 2.2rem);height:-webkit-calc(100% - 2.2rem);table-layout:fixed}
.identity_wrap .compositionStyle > li{display:table-cell;width:50%}
.identity_wrap .compositionStyle > li > strong{display:block;padding:0.5rem 0;border-bottom:1px solid #e3e6e8;font-weight:400;font-size:0.8rem;line-height:1.2rem;color:#333}
.identity_wrap .compositionStyle .font{padding:1.75rem 0;font-family:"Atomy"}
.identity_wrap .compositionStyle .font > strong{display:block;font-size:4.25rem;line-height:4.25rem;color:#000;letter-spacing:-0.5rem}
.identity_wrap .compositionStyle .font > .sample{display:block;margin-top:0.75rem;font-size:0.75rem;line-height:1rem;color:#000;letter-spacing:-0.025rem}
.identity_wrap .compositionStyle .font.no1 > strong,.identity_wrap .compositionStyle .font.no1 > .sample{font-weight:700}
.identity_wrap .compositionStyle .font.no2 > strong,.identity_wrap .compositionStyle .font.no2 > .sample{font-weight:400}
.identity_wrap .compositionStyle .font.no3 > strong,.identity_wrap .compositionStyle .font.no3 > .sample{font-weight:300}
.identity_wrap .compositionType{overflow:hidden}
.identity_wrap .compositionType_lst{display:flex;-ms-display:flexbox;padding:1rem 0;margin:0 -1.2rem}
.identity_wrap .compositionType_lst:after{clear:both;display:block;content:""}
.identity_wrap .compositionType_lst > li{margin:0 1.2rem;background:#8c8f94;width:25%}
.identity_wrap .compositionType_lst .type{position:relative;margin:2rem 0;text-align:center}
.identity_wrap .compositionType_lst span{display:block;font-size:0.85rem;line-height:1.5rem;color:#fff;letter-spacing:-0.025rem}
.identity_wrap .compositionType_lst strong{display:block;font-weight:500;font-size:2.25rem;line-height:2.5rem;color:#fff;letter-spacing:-0.05rem}
.identity_wrap .compositionType_lst .small{width:100%;font-size:0.7rem;line-height:1rem;color:#fff;letter-spacing:-0.025rem;opacity:0.4;filter:alpha(opacity=40);position:absolute;}
.identity_wrap .composition_wrap > .txtp{padding:0.5rem 0;font-size:0.8rem;line-height:1.5rem;color:#333;text-align:center}
.identity_wrap .thickness_wrap{display:table;width:100%;padding:5.5rem 11rem;border:1px solid #d5d5d5;table-layout:fixed}
.identity_wrap .thickness_wrap > .thickness,.identity_wrap .thickness_wrap > .img{display:table-cell;vertical-align:top}
.identity_wrap .thickness > [class*="thickness_"]{}
.identity_wrap .thickness > [class*="thickness_"] + [class*="thickness_"]{margin-top:1.5rem}
.identity_wrap .thickness > [class*="thickness_"] > dt{font-weight:500;font-size:0.9rem;line-height:1.4rem;color:#222;letter-spacing:-0.025rem}
.identity_wrap .thickness > [class*="thickness_"] > dd{margin-top:0.5rem;font-size:1.2rem;line-height:1.9rem;font-family:"Atomy";color:#222;letter-spacing:-0.05rem}
.identity_wrap .thickness > [class*="thickness_"] > dd > span{display:block;line-height:1.9rem}
.identity_wrap .thickness > .thickness_bold > dd{font-weight:700}
.identity_wrap .thickness > .thickness_medium > dd{font-weight:400}
.identity_wrap .thickness > .thickness_light > dd{font-weight:300}
.identity_wrap .regulations_wrap{overflow:hidden;padding:1.5rem 9.5rem;border:1px solid #d5d5d5}
.identity_wrap .regulations_lst{margin:0 -1.5rem}
.identity_wrap .regulations_lst:after{clear:both;display:block;content:""}
.identity_wrap .regulations_lst > li{float:left;width:50%;padding:0.75rem 1.5rem}
.identity_wrap .regulations_lst strong{display:block;margin-bottom:0.5rem;font-weight:500;font-size:0.9rem;line-height:1.5rem;color:#222;letter-spacing:-0.025rem}
.identity_wrap .regulations_lst .img{display:block;position:relative;border:1px solid #e3e6e8;text-align:center}
.identity_wrap .regulations_lst i[class*="xi-"]{position:absolute;top:0.45rem;right:0.45rem;font-size:1.75rem;line-height:1.75rem;color:#eb1616}
.identity_wrap .fontDown_wrap{overflow:hidden}
.identity_wrap .fontDown_lst{margin:0 -1.5rem 0.5rem}
.identity_wrap .fontDown_lst:after{clear:both;display:block;content:""}
.identity_wrap .fontDown_lst > li{float:left;width:50%;padding:0 1.5rem}
.identity_wrap .fontDown_lst h4{margin-top:0}
.identity_wrap .fontDown{padding:1.2rem;border:1px solid #d5d5d5}
.identity_wrap .fontDown .txtp{margin-bottom:0.5rem;font-size:0.8rem;line-height:1.2rem;color:#767676;text-align:center}
.identity_wrap .fontDown .btn_wrap{padding:0}
.identity_wrap .fontDown .btn{border-radius:2.5rem}
.identity_wrap .fontDown .btn + .btn{margin-left:0.75rem}
.identity_wrap .fontDown_advice{padding:0.9rem 0;background:#f7f8fa;text-align:center}
.identity_wrap .fontDown_advice > .txtp{line-height:1.25rem}
.identity_wrap .fontDown_advice > .txtp + .txtp{margin:0}
.identity_wrap .fontDown_advice .advice{display:inline-block;font-size:0.75rem;line-height:1.25rem;color:#767676;letter-spacing:-0.025rem;vertical-align:top}
.identity_wrap .fontDown_advice .advice:after{line-height:1.25rem}
/*글로벌사업장*/
/*
.bizPlace_wrap{}
.bizPlace_contents{opacity:0;filter:alpha(opacity=0);transition:opacity 1s ease;-webkit-transition:opacity 1s ease}
.bizPlace_contents.active{opacity:1;filter:alpha(opacity=100)}*/
.bizPlace_contents > h3{padding-bottom:0.9rem;margin:2.25rem 0 0;font-weight:500;font-size:1.35rem;line-height:1.35rem;color:#000;letter-spacing:-0.05rem}
.bizPlace_contents .tabNav_wrap{position:relative;overflow:visible}
.bizPlace_contents .tabNav_wrap .note{position:absolute;top:-1.75rem;right:0;font-weight:300;font-size:0.75rem;line-height:1rem;color:#eb1616;letter-spacing:-0.025rem}
.bizPlace_map{position:relative;height:25rem;background:#8bcff4}
.bizPlace_map .pin{display:none;position:absolute;top:50%;left:50%;width:0.9rem;height:0.9rem;margin-top:-0.45rem;margin-left:-0.45rem;font-size:0.9rem;line-height:0.9rem;color:#f51454}
.bizPlace_map .pin.active{display:block}
.bizPlace_map .pin > i[class*="xi"]{display:block;line-height:0.9rem}
.bizPlace_map .pin.taiwan{transform:translate(-134px,2px)}
.bizPlace_map .pin.japan{transform:translate(-100px,-30px)}
.bizPlace_map .pin.singapore{transform:translate(-176px,66px)}
.bizPlace_map .pin.cambodia{transform:translate(-174px,40px)}
.bizPlace_map .pin.philippines{transform:translate(-130px,42px)}
.bizPlace_map .pin.malaysia{transform:translate(-182px,62px)}
.bizPlace_map .pin.indonesia{transform:translate(-136px,78px)}
.bizPlace_map .pin.australia{transform:translate(-110px,140px)}
.bizPlace_map .pin.thailand{transform:translate(-182px,32px)}
.bizPlace_map .pin.vietnam{transform:translate(-166px,32px)}
.bizPlace_map .pin.china{transform:translate(-182px,-20px)}
.bizPlace_map .pin.india{transform:translate(-234px,14px)}
.bizPlace_map .pin.hongkong{transform:translate(-152px,6px)}
.bizPlace_map .pin.newzealand{transform:translate(-12px,196px)}
.bizPlace_map .pin.kazakhstan{transform:translate(-257px,-75px)}
.bizPlace_map .pin.kyrgyzstan{transform:translate(-241px,-53px)}
.bizPlace_map .pin.mongolia{transform:translate(-177px,-72px)}
.bizPlace_map .pin.uzbekistan{transform:translate(-271px,-55px)}
.bizPlace_map .pin.canada{transform:translate(228px,-116px)}
.bizPlace_map .pin.usa{transform:translate(246px,-50px)}
.bizPlace_map .pin.mexico{transform:translate(238px,-2px)}
.bizPlace_map .pin.colombia{transform:translate(312px,54px)}
.bizPlace_map .pin.brazil{transform:translate(358px,89px)}
.bizPlace_map .pin.russia{transform:translate(-184px,-130px)}
.bizPlace_map .pin.turkey{transform:translate(-342px,-44px)}
.bizPlace_map .pin.unitedkingdom{transform:translate(-426px,-96px)}
.bizPlaceInfo_wrap{display:table;width:100%;height:100%;padding:1.25rem 0;border-top:2px solid #707071;border-bottom:1px solid #dfe0e1;table-layout:fixed}
/* .bizPlaceInfo_wrap + .bizPlaceInfo_wrap{margin-top:1.5rem} */
.bizPlaceInfo_wrap {margin-bottom:1.5rem}
.bizPlaceInfo_wrap > .bizPlace_info,.bizPlaceInfo_wrap > .support_info{display:table-cell;width:50%;height:100%;vertical-align:top}
.bizPlaceInfo_wrap > .bizPlace_info{padding-right:2rem}
.bizPlaceInfo_wrap > .bizPlace_info > li{display:table;width:100%;padding:0.75rem 1.25rem;border-top:1px solid #dfe0e1;table-layout:fixed}
.bizPlaceInfo_wrap > .bizPlace_info > li:first-child{height:3.25rem;padding-top:0;border-top:0 none}
.bizPlaceInfo_wrap > .bizPlace_info > li:last-child{padding-bottom:0}
.bizPlaceInfo_wrap > .bizPlace_info .address{display:table-cell;font-weight:300;font-size:0.85rem;line-height:1.25rem;color:#333;letter-spacing:-0.025rem;vertical-align:middle;word-break:keep-all}
.bizPlaceInfo_wrap > .bizPlace_info .address > em{display:block;font-weight:600;line-height:1.25rem;color:#04a6e1;}
.bizPlaceInfo_wrap > .bizPlace_info .address > .infield{display:block;margin-top:0.5rem;font-weight:300;font-size:0.75rem;line-height:1rem;color:#767676;letter-spacing:-0.025rem}
.bizPlaceInfo_wrap > .bizPlace_info .info{}
.bizPlaceInfo_wrap > .bizPlace_info .info > li{position:relative;padding:0.25rem 0 0.25rem 2rem;font-size:0.85rem;line-height:1.4rem;color:#444;letter-spacing:-0.025rem;/* text-decoration:underline */}
.bizPlaceInfo_wrap > .bizPlace_info .info .mark{position:absolute;top:0.25rem;left:0;width:1.4rem;height:1.4rem;padding:0.2rem;border-radius:1.4rem;background:#00b6ef;font-size:0.75rem;line-height:1rem;color:#fff;text-align:center;text-decoration:none}
.bizPlaceInfo_wrap > .bizPlace_info .info .mark i[class*="xi-"]{display:block;line-height:1rem}
.bizPlaceInfo_wrap > .bizPlace_info .info a{display:block;line-height:1.4rem}
.bizPlaceInfo_wrap > .support_info{padding-left:2rem}
.bizPlaceInfo_wrap .support{height:100%;padding:1.75rem 1.5rem;background:#f7f8fa;font-weight:300;font-size:0.8rem;line-height:1.4rem;color:#444;letter-spacing:-0.025rem}
.bizPlaceInfo_wrap .support > strong,.bizPlaceInfo_wrap .support > span{display:block;font-weight:300;line-height:1.4rem}
.bizPlaceInfo_wrap .support > strong{margin-bottom:0.25rem;word-break:keep-all}
.bizPlaceInfo_wrap .support > strong > em,.bizPlaceInfo_wrap .support > span > em{font-weight:500;line-height:1.4rem}
.bizPlaceInfo_wrap .support > strong > em{display:block}
.bizPlaceInfo_wrap .support > span > em{color:#00b6ef}
.bizPlace_wrap > .select_box{display:none}
.bizPlace_contents > .select_box{display:none}
.bizPlace_wrap .txtNav .tabNav a.asterisk,
.bizPlace_contents .tabNav_wrap .note{color:#999}

.bizPlace_wrap .tabNav_wrap.txtNav .tabNav  {display: block; width: 100%;}
.bizPlace_wrap .tabNav_wrap.txtNav .tabNav > li {display: inline-block; }

.bizPlace_wrap .txtNav .tabNav > li:before{position:absolute;top:0.7rem;left:0;width:1px;height:0.5rem;background:#e6e6e6;content:""}
.bizPlace_wrap .txtNav .tabNav > li:first-child:before{display:none}
.bizPlace_wrap .txtNav .tabNav > li.first:before{display:none}
.bizPlace_wrap .txtNav .tabNav a{padding:0.25rem}
.bizPlace_wrap .txtNav .tabNav a.asterisk{color:#eb1616}
.sub010800 .bizPlace_wrap .txtNav .tabNav a.asterisk, .bizPlace_contents .tabNav_wrap .note {color:#999;}
.bizPlace_wrap .tabNav_wrap.txtNav .tabNav > li.active a, .bizPlace_wrap .tabNav_wrap.txtNav .tabNav > li.active a > span {font-weight: 600;}



/*Brand & Product*/
.brand_wrap{}
/*제품철학*/
.prdPhilosophy_wrap{margin-top:-4rem}
.prdPhilosophy{padding:4rem 0}
.prdPhilosophy > .img{display:block;position:relative;height:24.25rem;overflow:hidden;text-align:center}
.prdPhilosophy > .img > img{position:absolute;top:0;left:50%;max-width:none;height:100%;transform:translateX(-50%);-webkit-transform:translateX(-50%)}
.prdPhilosophy > .caption{padding:2.5rem 4rem 0}
.prdPhilosophy .caption_wrap{display:table;width:100%;table-layout:fixed}
.prdPhilosophy .caption_wrap > h2,.prdPhilosophy .caption_wrap > .h2_desc{display:table-cell;letter-spacing:-0.05rem;word-break:keep-all;vertical-align:top}
.prdPhilosophy .caption_wrap > h2{font-weight:400;font-size:1.4rem;line-height:1.9rem;color:#000}
.prdPhilosophy .caption_wrap > .h2_desc{font-weight:300;font-size:0.85rem;line-height:1.5rem;color:#444}
/*애니메이션*/
.prdPhilosophy{opacity:1 !important;filter:alpha(opacity=100) !important}
.prdPhilosophy > .img{opacity:0;filter:alpha(opacity=0);transition:opacity 1.5s;-webkit-transition:opacity 1.5s}
.prdPhilosophy > .img.is-active{opacity:1;filter:alpha(opacity=100)}
.prdPhilosophy .caption{opacity:0;filter:alpha(opacity=0);transform:translateY(2.5rem);-webkit-transform:translateY(2.5rem);transition:opacity .5s,transform .5s;-webkit-transition:opacity .5s,transform .5s}
.prdPhilosophy .caption.is-active{opacity:1;filter:alpha(opacity=100);transform:translateY(0);-webkit-transform:translateY(0)}
/*브랜드 스토리*/

#detail_content[class*="sub0202"]{padding:0}
#detail_content[class*="sub0202"] > h1{display:none}
#detail_content.sub020200{padding:4rem 0}
#detail_content.sub020200 > h1{display:block}
.brandStory_wrap{}
.brandStory_wrap .fp-tableCell{position:relative;-ms-display:block}
#detail_content.sub020200 .brandStory_wrap{overflow:hidden}
.brandStory_index{display:table;width:calc(100% + 0.5rem);width:-webkit-calc(100% + 0.5rem);margin:0 -0.25rem;table-layout:fixed}
.brandStory_index > .item{display:table-cell;padding:0 0.25rem}
.brandStory_index > .item > a{display:block}
.brandStory_index > .item .img{display:block;position:relative;height:0;padding-bottom:63%;overflow:hidden}
.brandStory_index > .item .img > img{position:absolute;top:50%;left:50%;width:100%;max-width:none;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transition:transform 1s ease-in-out;-webkit-transition:transform 1s ease-in-out}
.brandStory_index > .item strong{display:block;padding:1.75rem 2rem}
.brandStory_index > .item strong > em{display:block;font-weight:400;font-size:1.4rem;line-height:1.9rem;color:#000;letter-spacing:-0.05rem;word-break:keep-all}
.brandStory_index > .item strong > span{display:block;width:8.25rem;height:2.4rem;padding:0.5rem 0;margin-top:0.75rem;border:1px solid #d5d5d5;background:transparent;font-weight:400;font-size:0.8rem;line-height:1.3rem;color:#333;letter-spacing:-0.025rem;text-align:center;transition:border .3s ease-in-out,background .3s,color .3s;-webkit-transition:border .3s ease-in-out,background .3s,color .3s}
.brandStory_index > .item > a:hover img{transform:translate(-50%,-50%) scale(1.15);-webkit-transform:translate(-50%,-50%) scale(1.15)}
.brandStory_index > .item > a:hover strong > span{border-color:#04a6e1;background:#04a6e1;color:#fff}
/*애니메이션*/
.brandStory_index > .item{opacity:0;filter:alpha(opacity=0);transform:translateY(2.5rem);-webkit-transform:translateY(2.5rem);transition:transform 0.5s,opacity 0.5s;-webkit-transition:transform 0.5s,opacity 0.5s}
.brandStory_index.is-active .item{opacity:1;filter:alpha(opacity=100);transform:translateY(0);-webkit-transform:translateY(0)}
.brandStory_index.is-active .item:nth-child(1){transition-delay:0.1s;-webkit-transition-delay:0.1s}
.brandStory_index.is-active .item:nth-child(2){transition-delay:0.3s;-webkit-transition-delay:0.3s}
.brandStory_index.is-active .item:nth-child(3){transition-delay:0.5s;-webkit-transition-delay:0.5s}
/*제품공통*/
.brandStory_wrap .title{position:absolute;top:50%;left:50%;width:35rem;padding:4.5rem 3.5rem;margin-left:-14.5rem;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.brandStory_wrap .title:before{position:absolute;top:0;left:0;width:100%;height:100%;background:#fff;opacity:0.65;filter:alpha(opacity=65);content:""}
.brandStory_wrap .title > .subtitle,.brandStory_wrap .title > h1{position:relative;z-index:1}
.brandStory_wrap .title > .subtitle{margin-bottom:0.75rem;font-weight:400;font-size:1.2rem;line-height:1.5rem;letter-spacing:-0.025rem}
.brandStory_wrap .title > .subtitle > span{display:block;position:relative;line-height:1.5rem}
.brandStory_wrap .title > .subtitle > span:before,.brandStory_wrap .title > .subtitle > span:after{display:none;position:absolute;top:50%;width:6rem;height:1px;background:#fff;opacity:0.3;filter:alpha(opacity=30);content:""}
.brandStory_wrap .title > .subtitle > span:before{left:0}
.brandStory_wrap .title > .subtitle > span:after{right:0}
.brandStory_wrap .title > h1{font-weight:400;font-size:1rem;line-height:1.5rem;letter-spacing:-0.05rem}
.brandStory_wrap .title > h1 > .typingEff{display:block;margin-bottom:1rem;font-weight:400;font-size:3rem;line-height:3.25rem}
.brandStory_wrap .title > h1 > .typingEff em{display:inline-block;position:relative;line-height:inherit;opacity:0;filter:alpha(opacity=0)}
.brandStory_wrap .title > h1 > .typingEff em.on{animation:typeEff 0.2s cubic-bezier(.48,.6,.73,.95);animation-fill-mode:forwards;-webkit-animation:typeEff 0.2s cubic-bezier(.48,.6,.73,.95);-webkit-animation-fill-mode:forwards}
.brandStory_wrap h2{font-weight:400;font-size:1.9rem;line-height:2rem;letter-spacing:-0.1rem}
.brandStory_wrap h2 > em{line-height:2rem}
.brandStory_wrap .h2_desc{font-weight:300;font-size:0.9rem;line-height:1.4rem;letter-spacing:-0.05rem;word-break:keep-all}
.brandStory_wrap h3{font-weight:500;font-size:1.5rem;line-height:2rem;letter-spacing:-0.1rem}
.brandStory_wrap h3 > span{display:inline-block;padding:0.3rem 1rem;margin-bottom:0.75rem;border-radius:1.6rem;background:#b48365;font-weight:400;font-size:0.8rem;line-height:1rem;color:#fff;letter-spacing:-0.025rem;text-align:center;vertical-align:top}
.brandStory_wrap h3 > em{line-height:2rem}
.brandStory_wrap .h3_desc{position:relative;font-weight:300;font-size:0.9rem;line-height:1.3rem;letter-spacing:-0.05rem; /*word-break:keep-all;white-space:nowrap*/ max-width: 100%; width: 64rem; margin: 0 auto;}
/*4대기술*/
.brandStory_wrap .technology_lst{display:table;width:100%;height:100%;table-layout:fixed}
.brandStory_wrap .technology_lst::after{content:"";clear:both;display:table;}
.brandStory_wrap .technology_lst > li{float:left;width:25%;position:relative;height:100%;vertical-align:middle;transition:border .3s ease;-webkit-transition:border .3s ease;z-index:1}
.brandStory_wrap .technology_lst > li:before,.brandStory_wrap .technology_lst > li:after{position:absolute;top:0;left:0;content:""}
.brandStory_wrap .technology_lst > li:before{width:100%;height:100%;background:#fff;transition:width 1s cubic-bezier(.23,1,.32,1);-webkit-transition:width 1s cubic-bezier(.23,1,.32,1)}
.brandStory_wrap .technology_lst > li:after{top:50%;width:1px;height:8.75rem;margin-top:2.5rem;background:#e3e6e8;opacity:1;filter:alpha(opacity=100);-webkit-transform:translateY(-50%);transform:translateY(-50%);}
.brandStory_wrap .technology_lst > li:first-child:after{opacity:0 !important;filter:alpha(opacity=0) !important}
.brandStory_wrap .technology_lst a{display:block;position:absolute;left:50%;top:50%;width:4rem;height:4rem;margin:-2rem 0 0 -2rem;text-align:center}
.brandStory_wrap .technology_lst .icon{display:block;position:relative;width:4rem;height:4rem;margin:0 auto;background:no-repeat;transition:opacity .3s ease;-webkit-transition:opacity .3s ease}
.brandStory_wrap .technology_lst .icon.no1{background-position:0 0}
.brandStory_wrap .technology_lst .icon.no2{background-position:-4rem 0}
.brandStory_wrap .technology_lst .icon.no3{background-position:-8rem 0}
.brandStory_wrap .technology_lst .icon.no4{background-position:-12rem 0}
.brandStory_wrap .technology_lst .icon:before{position:absolute;top:50%;left:50%;width:6.5rem;height:6.5rem;border:1px solid #fff;border-radius:6.5rem;opacity:0;filter:alpha(opacity=0);transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transition:opacity .3s ease;-webkit-transition:opacity .3s ease;content:""}
.brandStory_wrap .technology_lst strong{display:block;position:absolute;top:50%;left:50%;width:60%;-webkit-transform:translateX(-50%);transform:translateX(-50%);margin:5rem 0 0;font-weight:500;font-size:1.3rem;line-height:1.5rem;color:#000;letter-spacing:-0.05rem;text-align:center;word-break:keep-all;transition:opacity .3s ease;-webkit-transition:opacity .3s ease}
.brandStory_wrap .technology_lst .arrow{display:none;position:relative;width:3rem;height:1px;margin:1rem auto;background:#333;opacity:0.4;filter:alpha(opacity=40)}
.brandStory_wrap .technology_lst .arrow:after{position:absolute;bottom:0.2rem;right:0;width:0.5rem;height:1px;background:#333;opacity:0.4;filter:alpha(opacity=40);transform:rotate(45deg);-webkit-transform:rotate(45deg);content:""}
.brandStory_wrap article.fixActive .fp-tableCell > h3{top:-10rem !important;opacity:0;filter:alpha(opacity=0)}
.brandStory_wrap article.fixActive .fp-tableCell > .h3_desc{top:-18rem !important;opacity:0;filter:alpha(opacity=0)}
.brandStory_wrap article.fixActive .technology_lst > li:before{opacity:0;filter:alpha(opacity=0)}
.brandStory_wrap article.fixActive .technology_lst > li:after{background:#fff;opacity:0.15;filter:alpha(opacity=15)}
.brandStory_wrap article.fixActive .technology_lst > li .icon{opacity:0.7;filter:alpha(opacity=70)}
.brandStory_wrap article.fixActive .technology_lst .icon.no1{background-position:0 -4rem}
.brandStory_wrap article.fixActive .technology_lst .icon.no2{background-position:-4rem -4rem}
.brandStory_wrap article.fixActive .technology_lst .icon.no3{background-position:-8rem -4rem}
.brandStory_wrap article.fixActive .technology_lst .icon.no4{background-position:-12rem -4rem}
.brandStory_wrap article.fixActive .technology_lst > li.current .icon{opacity:1;filter:alpha(opacity=100)}
.brandStory_wrap article.fixActive .technology_lst > li.current .icon:before{opacity:1;filter:alpha(opacity=100);animation: scalepulse 1.3s infinite;animation-timing-function:ease;animation-fill-mode:both}
.brandStory_wrap article.fixActive .technology_lst > li strong{opacity:0;filter:alpha(opacity=0)}
.brandStory_wrap article.fixActive .technology_lst > li .arrow{opacity:0;filter:alpha(opacity=0)}
.brandStory_wrap .technology_detail{position:absolute;top:3.75rem;left:0;width:100%;height:calc(100% - 3.75rem);height:-webkit-calc(100% - 3.75rem)}
.brandStory_wrap .technology_detail h3{position:static !important;margin-bottom:1rem !important;color:#fff !important;transform:none !important;-webkit-transform:none !important}
.brandStory_wrap .technology_detail h3 > span{border-color:#fff !important;background:transparent !important;color:#fff !important}
.brandStory_wrap .technology_detail .h3_desc{position:static !important;font-weight:400;line-height:1.6rem !important;color:#fff !important;text-align:center;transform:none !important;-webkit-transform:none !important;z-index:auto !important}
.brandStory_wrap .technology_detail > [class*="item"]{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;filter:alpha(opacity=0);visibility:hidden;transition:opacity 1s cubic-bezier(.23,1,.32,1),visibility 1s cubic-bezier(.23,1,.32,1);-webkit-transition:opacity 1s cubic-bezier(.23,1,.32,1),visibility 1s cubic-bezier(.23,1,.32,1)}
.brandStory_wrap .technology_detail > [class*="item"] .technology_bg{position:absolute;top:0;left:0;width:100%;height:100%;background:no-repeat;background-size:cover;transform:scale(1.15) rotate(0.0001deg);-webkit-transform:scale(1.15) rotate(0.0001deg);transition:transform 2s cubic-bezier(0.4, 0, 1, 1);-webkit-transition:transform 2s cubic-bezier(0.4, 0, 1, 1)}
.brandStory_wrap .technology_detail > [class*="item"].active{opacity:1;filter:alpha(opacity=100);visibility:visible}
.brandStory_wrap .technology_detail > [class*="item"].active .technology_bg{transform:scale(1.0) rotate(0.0001deg);-webkit-transform:scale(1.0) rotate(0.0001deg)}
.brandStory_wrap .technology_detail .innerwrap{padding:4rem 1.5rem 1.5rem;vertical-align:top}
.brandStory_wrap .technology_detail .techCloseBtn{position:absolute;bottom:2.5rem;left:50%;width:1.8rem;height:1.8rem;transform:translateX(-50%);-webkit-transform:translateX(-50%);z-index:1}
.brandStory_wrap .technology_detail .techCloseBtn > a{display:block;width:1.8rem;height:1.8rem;padding:0.35rem;margin:0 auto;border:1px solid #e3e6e8;border-radius:1.8rem;font-size:0.8rem;line-height:1rem;color:#fff;text-align:center}
.brandStory_wrap .technology_detail .techCloseBtn i[class*="xi-"]{display:block;width:1rem;height:1rem;line-height:1rem;transition:transform 0.3s ease-in-out;-webkit-transition:transform 0.3s ease-in-out}
.brandStory_wrap .technology_detail .techCloseBtn > a:hover i[class*="xi-"]{transform:rotate(359deg);-webkit-transform:rotate(359deg)}
/*제품*/
.brandStory_wrap .products_lst{height:100%;margin:0 -0.25rem}
.brandStory_wrap .products_lst:after{clear:both;display:block;content:""}
.brandStory_wrap .products_lst > li{float:left;position:relative;top:auto;left:auto;width:33.333%;height:50%;padding:0.25rem;margin-left:0;transform:none;-webkit-transform:none}
.brandStory_wrap .products_lst a{display:block;width:100%;height:100%;background:#fafbfc;transition:background .3s ease;-webkit-transition:background .3s ease;cursor:default}
.brandStory_wrap .products{position:relative;height:100%;overflow:hidden}
.brandStory_wrap .products > .img{display:block;position:relative;height:100%;padding:2rem 0 1.5rem}
.brandStory_wrap .products > .img > img{position:absolute;top:50%;left:50%;max-width:auto;height:calc(100% - 3.5rem);height:-webkit-calc(100% - 3.5rem);max-height:21rem;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transition:transform .3s ease;-webkit-transition:transform .3s ease}
.brandStory_wrap .products .caption{position:absolute;bottom:-100%;left:0;width:100%;padding:1.75rem;transition:bottom .3s ease;-webkit-transition:bottom .3s ease}
.brandStory_wrap .products .caption:before{position:absolute;top:0;left:0;width:100%;height:100%;background:#fff;opacity:0.9;filter:alpha(opacity=90);content:""}
.brandStory_wrap .products .caption > strong,.brandStory_wrap .products .caption > span{position:relative}
.brandStory_wrap .products .caption > .cate{display:inline-block;padding:0 0.5rem;border:1px solid #dcd9da;font-weight:500;font-size:0.7rem;line-height:1.2rem;color:#9b8b82;letter-spacing:-0.025rem}
.brandStory_wrap .products .caption > strong{display:block;padding:0.25rem 0;font-weight:500;font-size:1.1rem;line-height:1.5rem;color:#2d3b65;letter-spacing:-0.025rem}
.brandStory_wrap .products .caption > strong > em{display:block;font-weight:400;font-size:0.8rem;line-height:1.5rem;opacity:0.7;filter:alpha(opacity=70)}
.brandStory_wrap .products .caption > .desc{display:block;font-weight:300;font-size:0.75rem;line-height:1.2rem;color:#333;letter-spacing:-0.05rem;word-break:keep-all}
.brandStory_wrap .products_lst a:hover{background:#e9ecf1}
.brandStory_wrap .products_lst a:hover .products > .img > img{transform:translate(-50%,-50%) scale(1.15);-webkit-transform:translate(-50%,-50%) scale(1.15)}
.brandStory_wrap .products_lst a:hover .products .caption{bottom:0}
.brandStory_wrap .remark{font-size:.7rem;max-width:64rem;margin:0 auto}
/*구매하기*/
.brandStory_wrap .purchase{text-align:center;z-index:1}
.brandStory_wrap .purchase > strong{display:block;margin-bottom:1rem;font-weight:500;font-size:1.2rem;line-height:1.5rem;color:#fff;letter-spacing:-0.05rem}
.brandStory_wrap .purchase > .btn_wrap{padding:0}
.brandStory_wrap .purchase .btn{min-width:16rem;border-color:rgba(255,255,255,0.5);background:transparent;color:#fff}
.brandStory_wrap .purchase .btn:hover{border-color:#fff;background:#fff;color:#333}
.brandStory_wrap .wave{position:absolute;bottom:0;left:0;width:100%;height:100%;background:linear-gradient(-45deg,#04a6e1,#ccdfee,#00b6ef);background-size:600% 600%;animation:drift 9s ease infinite;-webkit-animation:drift 9s ease infinite}
/*구매하기-레이어팝업*/
.purchase_onlineMall{max-width:19rem;overflow:hidden}
.purchase_onlineMall > .txtp{padding:1.75rem;margin-bottom:0.75rem;background:#ebf1f4;font-size:0.8rem;line-height:1.25rem;color:#333;letter-spacing:-0.025rem}
.purchase_onlineMall > .inlineMall_lst{margin:0 -0.35rem}
.purchase_onlineMall > .inlineMall_lst:after{clear:both;display:block;content:""}
.purchase_onlineMall > .inlineMall_lst > li{float:left;width:33.3333%;padding:0.2rem 0.35rem}
.purchase_onlineMall > .inlineMall_lst a{display:block;padding:0.45rem 0;border:1px solid #d4dadd;background:#fff;font-weight:500;font-size:0.7rem;line-height:1rem;color:#333;letter-spacing:-0.025rem;text-align:center;transition:border .3s ease,background .3s,color .3s;-webkit-transition:border .3s ease,background .3s,color .3s}
.purchase_onlineMall > .inlineMall_lst a > span{display:block;line-height:1rem}
.purchase_onlineMall > .inlineMall_lst a:hover{border-color:#04a6e1;background:#04a6e1;color:#fff}
/*헤모힘*/
.hemohim_wrap{position:relative;background:no-repeat 50% 50%;background-size:cover}
.hemohim_wrap .fp-tableCell{padding-top:3.75rem}
#hemohim00{background-image:url(../../kr/img/contents/sub02/sub020201_bg00.jpg?v=20221006)}
.brandStory_wrap #hemohim00 .title{width:21rem;padding:4.5rem 4rem;margin-left:-21.5rem;text-align:center}
.brandStory_wrap #hemohim00 .title:before{opacity:0.8;filter:alpha(opacity=80)}
.brandStory_wrap #hemohim00 .title > .subtitle{color:#504538;letter-spacing:-0.1rem}
.brandStory_wrap #hemohim00 .title > h1{width:13rem;height:9.5rem;padding:0 0.5rem;background:url(../../kr/img/contents/sub02/sub020201_hemohim_logo_line.png) no-repeat 50% 0;color:#999}
.brandStory_wrap #hemohim00 .title > h1 > .typingEff{text-align:right}
.brandStory_wrap #hemohim00 .title > h1 em{background:no-repeat 50% 0;font-size:0;line-height:0;vertical-align:top}
.brandStory_wrap #hemohim00 .title > h1 em.no1{width:58px;height:73px;background-image:url(../../kr/img/contents/sub02/sub020201_hemohim_logo_1.png)}
.brandStory_wrap #hemohim00 .title > h1 em.no2{width:57px;height:73px;background-image:url(../../kr/img/contents/sub02/sub020201_hemohim_logo_2.png)}
.brandStory_wrap #hemohim00 .title > h1 em.no3{width:67px;height:73px;background-image:url(../../kr/img/contents/sub02/sub020201_hemohim_logo_3.png)}
.brandStory_wrap #hemohim00 .title > h1 em.no4{width:58px;height:73px;background-image:url(../../kr/img/contents/sub02/sub020201_hemohim_logo_4.png)}
.brandStory_wrap #hemohim00 .title > h1 em.no5{width:65px;height:74px;background-image:url(../../kr/img/contents/sub02/sub020201_hemohim_logo_5.png)}
.brandStory_wrap #hemohim00 .title > h1 em.no6{width:28px;height:74px;background-image:url(../../kr/img/contents/sub02/sub020201_hemohim_logo_6.png)}
.brandStory_wrap #hemohim00 .title > h1 em.no7{width:78px;height:74px;background-image:url(../../kr/img/contents/sub02/sub020201_hemohim_logo_7.png)}
.brandStory_wrap #hemohim00 .title > h1 em.no8{width:96px;height:43px;background-image:url(../../kr/img/contents/sub02/sub020201_hemohim_logo_8.png)}
.brandStory_wrap #hemohim00 .title > h1 em.no9{width:106px;height:43px;background-image:url(../../kr/img/contents/sub02/sub020201_hemohim_logo_9.png)}
#hemohim01{}
.brandStory_wrap #hemohim01 h3{position:absolute;top:8rem;left:50%;margin:0;font-weight:500;font-size:2.4rem;line-height:2.9rem;color:#000;text-align:center;transform:translateX(-50%);-webkit-transform:translateX(-50%);transition:top .3s ease,opacity .3s;-webkit-transition:top .3s ease,opacity .3s;z-index:2; width: 64rem; max-width: 100%;}
.brandStory_wrap #hemohim01 h3 > span{border:1px solid #df6550;border-radius:0;background:#fff;font-weight:700;color:#df6550;text-transform:uppercase}
.brandStory_wrap #hemohim01 h3 > em{display:block;line-height:2.9rem;color:#df6550}
.brandStory_wrap #hemohim01 .h3_desc{position:absolute;top:14.5rem;left:50%;font-weight:400;color:#555;text-align:center;transform:translateX(-50%);-webkit-transform:translateX(-50%);transition:top .3s ease,opacity .3s;-webkit-transition:top .3s ease,opacity .3s;z-index:2}
#hemohim01 .technology_lst .icon{background-image:url(../../kr/img/contents/sub02/sub020201_technology_icon.png)}
#hemohim01 .technology_detail > .item1 .technology_bg{background-image:url(../../kr/img/contents/sub02/sub020201_bg01_1.jpg?v20221006)}
#hemohim01 .technology_detail > .item2 .technology_bg{background-image:url(../../kr/img/contents/sub02/sub020201_bg01_2.jpg)}
#hemohim01 .technology_detail > .item3 .technology_bg{background-image:url(../../kr/img/contents/sub02/sub020201_bg01_3.jpg)}
#hemohim01 .technology_detail > .item4 .technology_bg{background-image:url(../../kr/img/contents/sub02/sub020201_bg01_4.jpg)}
#hemohim02{background-image:url(../../kr/img/contents/sub02/sub020201_bg02.jpg)}
.brandStory_wrap #hemohim02 h3{color:#000;text-align:center}
.brandStory_wrap #hemohim02 h3 > em{color:#df6550}
.brandStory_wrap #hemohim02 .h3_desc{color:#555;text-align:center}
#hemohim02 .cultivation_wrap{height:25.5rem;padding:0 4rem;margin-top:2rem;margin-bottom:3rem;background:url(../../kr/img/contents/sub02/sub020201_cultivation_map.png) no-repeat 50% 0;background-size:auto 100%}
#hemohim02 .cultivation_wrap h4{position:absolute;top:2rem;left:6rem;font-weight:500;font-size:1.25rem;line-height:1.75rem;color:#000;letter-spacing:-0.05rem}
#hemohim02 .cultivation_wrap h4 > em{line-height:1.75rem;color:#df6550}
#hemohim02 .cultivation_wrap h4 > .small{display:block;font-size:1rem;line-height:1.5rem;color:#000}
#hemohim02 .cultivation{position:absolute;width:14rem}
#hemohim02 .cultivation .img_wrap{position:relative;z-index:1}
#hemohim02 .cultivation .img_wrap:after{clear:both;display:block;content:""}
#hemohim02 .cultivation .img{float:left;width:100%;margin-bottom:0.5rem}
#hemohim02 .cultivation strong,#hemohim02 .cultivation .desc{float:left;width:50%;text-align:center}
#hemohim02 .cultivation strong{font-weight:500;font-size:0.9rem;line-height:1rem;color:#000;letter-spacing:-0.05rem}
#hemohim02 .cultivation .desc{font-weight:400;font-size:0.8rem;line-height:1rem;color:#444;letter-spacing:-0.025rem}
#hemohim02 .cultivation > .point,#hemohim02 .cultivation > .pointLine{position:absolute;background:no-repeat 50% 50%;background-size:100% auto}
#hemohim02 .no1 > .cultivation{top:50%;left:6rem;margin-top:1rem;transform:translateY(-50%);-webkit-transform:translateY(-50%)}
#hemohim02 .no1 .cultivation > .point{bottom:-0.4rem;right:-8.7rem;width:2.7rem;height:3.5rem;background-image:url(../../kr/img/contents/sub02/sub020201_cultivation_point3.png)}
#hemohim02 .no1 .cultivation > .pointLine{bottom:0.1rem;right:-7.2rem;width:7.9rem;height:6.3rem;background-image:url(../../kr/img/contents/sub02/sub020201_cultivation_line3.png)}
#hemohim02 .no2 > .cultivation{top:-0.75rem;right:6.5rem}
#hemohim02 .no2 .cultivation > .point{top:2.4rem;left:-9.2rem;width:1.4rem;height:2.3rem;background-image:url(../../kr/img/contents/sub02/sub020201_cultivation_point1.png)}
#hemohim02 .no2 .cultivation > .pointLine{top:3.4rem;left:-7.6rem;width:7.6rem;height:0.15rem;background-image:url(../../kr/img/contents/sub02/sub020201_cultivation_line1.png)}
#hemohim02 .no3 > .cultivation{top:50%;right:6.5rem;margin-top:4rem;transform:translateY(-50%);-webkit-transform:translateY(-50%)}
#hemohim02 .no3 .cultivation > .point{top:-8.2rem;left:-10.9rem;width:4.4rem;height:5.4rem;background-image:url(../../kr/img/contents/sub02/sub020201_cultivation_point2.png)}
#hemohim02 .no3 .cultivation > .pointLine{top:-7rem;left:-9.2rem;width:10.4rem;height:10.4rem;background-image:url(../../kr/img/contents/sub02/sub020201_cultivation_line2.png)}
#hemohim02 .material{position:absolute;bottom:0;left:0;width:100%;padding:0.75rem 0;background:#bab19b;font-weight:300;font-size:0.75rem;line-height:1.25rem;color:#fff;letter-spacing:-0.025rem;text-align:center}
#hemohim02 .material > span{display:block;line-height:1.25rem;word-break:keep-all}
#hemohim03{background:url(../../kr/img/contents/sub02/sub020201_bg03.gif) repeat 50% 0;background-size:auto}
.brandStory_wrap #hemohim03 h3{color:#000;text-align:center}
.brandStory_wrap #hemohim03 h3 > em{color:#df6550}
.brandStory_wrap #hemohim03 .h3_desc{color:#555;text-align:center}
#hemohim03 .keyPoint_wrap{overflow:hidden;margin-top:1.5rem;margin-bottom:4.5rem}
#hemohim03 .threePoint{position:relative;width:21rem;height:22rem;margin:0 auto}
#hemohim03 .threePoint > .triangle{position:absolute;bottom:0;left:50%;width:19.5rem;height:21.25rem;margin-left:-9.75rem;background:url(../../kr/img/contents/sub02/sub020201_threePoint.png) no-repeat 50% 50%}
#hemohim03 .threePoint > .dotline{position:absolute;bottom:0;left:50%;width:19.25rem;height:19.25rem;transform:translateX(-50%);-webkit-transform:translateX(-50%);opacity:0.3;filter:alpha(opacity=30)}
#hemohim03 .threePoint > span{position:absolute;font-weight:500;font-size:0.9rem;line-height:1.1rem;color:#000;letter-spacing:-0.025rem;text-align:center;z-index:1}

#hemohim03 .threePoint > span > .point{display:block;width:2.5rem;height:2.5rem;background:url(../../kr/img/contents/sub02/sub020201_threePoint_key.png) no-repeat 50% 50%}
#hemohim03 .threePoint > span > b{display:block;position:absolute;top:0}
#hemohim03 .threePoint > span.no1{top:1.5rem;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%)}
#hemohim03 .threePoint > span.no1 > b{width:6rem;top:-1rem;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%)}
#hemohim03 .threePoint > span.no2{bottom:3.8rem;left:1rem;}
#hemohim03 .threePoint > span.no2 > b{width:6rem;right:3rem;top:.8rem}
#hemohim03 .threePoint > span.no3{bottom:3.8rem;right:1rem}
#hemohim03 .threePoint > span.no3 > b{width:7rem;left:3rem;top:.2rem}
/* 충돌이 나서 주석처리
#hemohim03 .threePoint > span > .point{position:absolute;width:2.5rem;height:2.5rem;background:url(../../kr/img/contents/sub02/sub020201_threePoint_key.png) no-repeat 50% 50%; z-index:-1}
#hemohim03 .threePoint > span.no1{top:0;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%)}
#hemohim03 .threePoint > span.no1 > .point{top:0.35rem;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%)}
#hemohim03 .threePoint > span.no2{bottom:4.25rem;left:1.25rem}
#hemohim03 .threePoint > span.no2 > .point{top:-0.9rem;right:-2.9rem}
#hemohim03 .threePoint > span.no3{bottom:3.75rem;right:0.5rem}
#hemohim03 .threePoint > span.no3 > .point{top:-0.25rem;left:-2.4rem}
*/
#hemohim03 .keyPoint_lst{display:table;width:calc(100% + 1.5rem);width:-webkit-calc(100% + 1.5rem);margin-left:-1.5rem;table-layout:fixed}
#hemohim03 .keyPoint_lst > li{display:table-cell;padding-left:1.5rem}
#hemohim03 .keyPoint_cnts{position:relative;padding-left:4rem}
#hemohim03 .keyPoint_cnts .num{position:absolute;top:0;left:0;width:3.5rem;height:3.5rem;padding:0.75rem 0;border-radius:3.5rem;background:#df6550;font-weight:500;font-size:0.7rem;line-height:1rem;color:#f4a597;letter-spacing:-0.025rem;text-align:center}
#hemohim03 .keyPoint_cnts .num > em{display:block;font-weight:700;font-size:1rem;line-height:1rem;color:#fff}
#hemohim03 .keyPoint_cnts strong{display:block;position:relative;padding-bottom:0.75rem;margin-bottom:0.5rem;font-weight:500;font-size:0.75rem;line-height:1rem;color:#c13a23;letter-spacing:-0.025rem}
#hemohim03 .keyPoint_cnts strong:before{position:absolute;bottom:0;left:0;width:100%;height:2px;background:#df6550;opacity:0.3;filter:alpha(opacity=30);content:""}
#hemohim03 .keyPoint_cnts .desc{display:block;font-weight:300;font-size:0.75rem;line-height:1.25rem;color:#767676;letter-spacing:-0.025rem;word-break:keep-all}
#hemohim03 .testApplication{position:absolute;bottom:0;left:0;width:100%;padding:0.75rem 0;background:#f7f1e8;font-weight:300;font-size:0.75rem;line-height:1.25rem;color:#444;letter-spacing:-0.025rem;text-align:left}
#hemohim03 .testApplication > span{display:block;position:relative;padding-left:6.25rem;line-height:1.25rem}
#hemohim03 .testApplication > span > strong{position:absolute;top:0;left:0;font-weight:500;line-height:1.25rem;color:#c13a23}
#hemohim03 .testApplication > span > em{display:block;font-size:0.7rem;line-height:1.2rem;color:#ccc4b7}
#hemohim04{}
.brandStory_wrap #hemohim04 h3{color:#000;text-align:center}
.brandStory_wrap #hemohim04 h3 > em{color:#df6550}
.brandStory_wrap #hemohim04 .h3_desc{color:#555;text-align:center}
#hemohim04 .historyChange_wrap{margin-top:4rem}
#hemohim04 .historyChange_lst{display:table;width:100%;table-layout:fixed}
#hemohim04 .historyChange_lst > li{display:table-cell;position:relative}
#hemohim04 .historyChange_lst > li:before{display:none;position:absolute;top:50%;right:-0.3rem;width:0;height:0;margin-top:1rem;border:0.3rem solid transparent;border-left-color:#df6550;transform:translateY(-50%);-webkit-transform:translateY(-50%);content:""}
#hemohim04 .historyChange_lst .arrow{position:absolute;top:50%;right:-0.7rem;width:1.4rem;height:0.5rem;margin-top:1rem;overflow:hidden;transform:translateY(-50%);-webkit-transform:translateY(-50%)}
#hemohim04 .historyChange_lst .arrow:before{position:absolute;top:0;left:0;width:100%;height:100%;background:url(../../kr/img/contents/sub02/sub020202_historyChange_arrow.png) no-repeat 50% 0;-webkit-animation:xscroll 2s infinite linear;animation:xscroll 2s infinite linear;content:""}
#hemohim04 .historyChange_lst > li.newest:before,#hemohim04 .historyChange_lst > li.newest .arrow{display:none}
#hemohim04 .historyChange{display:block;position:relative;text-align:center}
#hemohim04 .historyChange:before,#hemohim04 .historyChange:after{position:absolute;top:1.7rem;width:4.6rem;height:3px;background:url(../../kr/img/contents/sub02/sub020201_historyline.png) no-repeat 0 0;content:""}
#hemohim04 .historyChange:before{left:0}
#hemohim04 .historyChange:after{right:0}
#hemohim04 .historyChange_lst > li:first-child .historyChange:before{display:none}
#hemohim04 .historyChange_lst > li:last-child .historyChange:after{display:none}
#hemohim04 .historyChange > .num{display:block;width:3.5rem;height:3.5rem;padding:0.95rem 0;margin:0 auto;border:1px solid #e3e6e8;font-weight:300;font-size:0.8rem;line-height:1.5rem;color:#999;letter-spacing:-0.025rem}
#hemohim04 .historyChange > .num > em{font-weight:700;font-size:1.2rem;line-height:1.5rem;color:#000}
#hemohim04 .historyChange > .img{display:block;margin:2.5rem 0 1rem}
#hemohim04 .historyChange > .name{display:block;font-weight:500;font-size:0.9rem;line-height:1.4rem;color:#444;letter-spacing:-0.05rem}
#hemohim04 .historyChange > .name > em{line-height:1.4rem;color:#df6550}
#hemohim05{}
#hemohim05 .fp-tableCell{padding:3.75rem 0}
#hemohim05 .innerwrap{height:27.5rem;padding:1.5rem 0;}
#hemohim05 .products_lst > li{width:100%;height:100%}
#hemohim05 .products > .img > img{height:100%;max-height:100%}
#hemohim06{overflow:hidden/*;background:linear-gradient(to right,#04a6e1,#46bae4)*/}
#hemohim06 .fp-tableCell{padding:3.5rem 0}
#hemohim07{}
#hemohim07 .fp-tableCell{padding:0}
/*애니메이션*/
#hemohim02 .cultivation .img_wrap{opacity:0;transform:translateY(1.5rem);transition:opacity .5s,transform .5s}
#hemohim02 .cultivation > .point{opacity:0;transform:translateY(1.5rem);transition:opacity .5s,transform .5s}
#hemohim02 .cultivation > .pointLine{width:0 !important;opacity:0;transition:width .5s,opacity .5s}
#hemohim02 .current .cultivation .img_wrap{opacity:1;transform:translateY(0)}
#hemohim02 .current .cultivation > .point{opacity:1;transform:translateY(0)}
#hemohim02 .current .cultivation > .pointLine{opacity:1}
/*
#hemohim02 .current .no2 .cultivation > .point{transition-delay:.5s}
#hemohim02 .current .no2 .cultivation > .pointLine{width:7.6rem !important;transition-delay:.6s}
#hemohim02 .current .no2 .cultivation .img_wrap{transition-delay:.7s}
#hemohim02 .current .no3 .cultivation > .point{transition-delay:1.0s}
#hemohim02 .current .no3 .cultivation > .pointLine{width:10.4rem !important;transition-delay:1.1s}
#hemohim02 .current .no3 .cultivation .img_wrap{transition-delay:1.2s}
#hemohim02 .current .no1 .cultivation > .point{transition-delay:1.5s}
#hemohim02 .current .no1 .cultivation > .pointLine{width:7.9rem !important;transition-delay:1.6s}
#hemohim02 .current .no1 .cultivation .img_wrap{transition-delay:1.7s}
#hemohim03 .threePoint > .triangle{opacity:0;transform:scale(0);transition:opacity .5s,transform .5s}
#hemohim03 .threePoint.current > .triangle{opacity:1;transform:scale(1);transition-delay:1.0s}
#hemohim03 .threePoint > span{margin-top:1.5rem;opacity:0;transition:margin .5s,opacity .5s}
#hemohim03 .threePoint.current > span{margin-top:0;opacity:1}
#hemohim03 .threePoint.current > span.no1{transition-delay:1.5s}
#hemohim03 .threePoint.current > span.no2{transition-delay:1.6s}
#hemohim03 .threePoint.current > span.no3{transition-delay:1.7s}
*/
#hemohim02 .current .no2 .cultivation > .point{transition-delay:.5s}
#hemohim02 .current .no2 .cultivation > .pointLine{width:7.6rem !important;transition-delay:.5s}
#hemohim02 .current .no2 .cultivation .img_wrap{transition-delay:.5s}
#hemohim02 .current .no3 .cultivation > .point{transition-delay:.5s}
#hemohim02 .current .no3 .cultivation > .pointLine{width:10.4rem !important;transition-delay:.5s}
#hemohim02 .current .no3 .cultivation .img_wrap{transition-delay:.5s}
#hemohim02 .current .no1 .cultivation > .point{transition-delay:.5s}
#hemohim02 .current .no1 .cultivation > .pointLine{width:7.9rem !important;transition-delay:.5s}
#hemohim02 .current .no1 .cultivation .img_wrap{transition-delay:.5s}
/*#hemohim03 .threePoint > .triangle{opacity:0;transform:scale(0);transition:opacity .5s,transform .5s}*/
#hemohim03 .threePoint.current > .triangle{opacity:1;transform:scale(1);transition-delay:.5s}
/*#hemohim03 .threePoint > span{margin-top:1.5rem;opacity:0;transition:margin .5s,opacity .5s}*/
#hemohim03 .threePoint.current > span{margin-top:0;opacity:1}
/*
#hemohim03 .threePoint.current > span.no1{transition-delay:.5s}
#hemohim03 .threePoint.current > span.no2{transition-delay:.5s}
#hemohim03 .threePoint.current > span.no3{transition-delay:.5s}
*/
/*스킨케어 시스템 더 페임*/
.theFame_wrap{position:relative;background:no-repeat 50% 0;background-size:cover}
.theFame_wrap .fp-tableCell{padding-top:3.75rem}
#theFame00{background-image:url(../../kr/img/contents/sub02/sub020202_bg00.jpg)}
.brandStory_wrap #theFame00 .title{width:40rem;margin-left:-12rem}
.brandStory_wrap #theFame00 .title > .subtitle{color:#2d3b65}
.brandStory_wrap #theFame00 .title > h1{color:#999}
.brandStory_wrap #theFame00 .title > h1 > .typingEff{font-weight:300;color:#000;letter-spacing:-0.15rem}
#theFame01{background-image:url(../../kr/img/contents/sub02/sub020202_bg01.jpg);text-align:center}
.brandStory_wrap #theFame01 h3{color:#000}
.brandStory_wrap #theFame01 h3 > em{color:#5d9dcf}
.brandStory_wrap #theFame01 .h3_desc{color:#555}
#theFame01 .skincareSystem_wrap{position:relative;width:29rem;height:29rem;padding:5.25rem;margin:2.5rem auto 0}
#theFame01 .skincareSystem_wrap:before{display:none;position:absolute;top:0;left:0;width:100%;height:100%;border:1px dashed #5d9dcf;border-radius:50%;opacity:0.4;filter:alpha(opacity=40);content:""}
#theFame01 .skincareSystem_wrap h4{font-weight:400;font-size:0.95rem;line-height:1.3rem;color:#333;letter-spacing:-0.05rem}
#theFame01 .skincareSystem_wrap h4 > em{display:block;font-weight:500;font-size:1.2rem;line-height:1.3rem;color:#5d9dcf}
#theFame01 .skincareSystem_lst > .fourTech,#theFame01 .skincareSystem_lst > i[class*="xi-"],#theFame01 .skincareSystem_lst > .system_lst{position:absolute;top:50%;z-index:1}
#theFame01 .skincareSystem_wrap .fourTech{left:-5.1rem;width:10.2rem;height:10.2rem;margin-top:-5.1rem;border-radius:50%;background:#5d9dcf}
#theFame01 .skincareSystem_wrap .fourTech:before{position:absolute;top:50%;left:50%;width:12.7rem;height:12.7rem;border:1px dashed #5d9dcf;border-radius:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);content:""}
#theFame01 .skincareSystem_wrap .fourTech > strong{display:block;font-weight:500;font-size:1.25rem;line-height:1.25rem;color:#fff;letter-spacing:-0.05rem;position:absolute;left:0;top:50%;width:100%;text-align:center; -webkit-transform:translateY(-50%);transform:translateY(-50%)}
#theFame01 .skincareSystem_wrap .fourTech > strong > span{display:block;padding:0.25rem 0;margin-top:0.5rem;border:1px solid rgba(255,255,255,0.3);font-weight:400;font-size:0.75rem;line-height:1rem}
#theFame01 .skincareSystem_lst > i[class*="xi-"]{left:10rem;margin-top:-1.25rem;font-size:2.5rem;line-height:2.5rem;color:#bdc3c7}
#theFame01 .skincareSystem_lst > .system_lst{right:-13.5rem;width:27rem;margin-top:-4.75rem}
#theFame01 .skincareSystem_lst > .system_lst > li{float:left;width:9.5rem;height:9.5rem;position:relative;border:3px solid #5d9dcf;border-radius:50%;background:#fff}
#theFame01 .skincareSystem_lst > .system_lst > li + li{margin-left:-0.75rem}
#theFame01 .skincareSystem_lst > .system_lst .system{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100%;text-align:center;padding:0 .5rem}
#theFame01 .skincareSystem_lst .system dt{font-weight:400;font-size:0.9rem;line-height:1rem;color:#000;letter-spacing:-0.05rem}
#theFame01 .skincareSystem_lst .system dd{margin-top:0.5rem;font-weight:300;font-size:0.75rem;line-height:0.9rem;color:#767676;letter-spacing:-0.025rem;word-break:keep-all}
#theFame01 .dotline{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0.4;filter:alpha(opacity=40)}
#theFame02{background-image:url(../../kr/img/contents/sub02/sub020202_bg02.jpg)}
#theFame02 .brandVideo_wrap{padding:0 3.55rem;text-align:center}
.brandStory_wrap #theFame02 .brandVideo_wrap h3{margin-bottom:1.5rem;font-weight:500;font-size:2.5rem;line-height:2.5rem;color:#000;letter-spacing:-0.1rem}
#theFame02 .brandVideo{position:relative;height:32rem;margin:0 auto;background:#1a2a57;overflow:hidden}
#theFame02 #brandVideo{position:absolute}
#theFame03{background-image:url(../../kr/img/contents/sub02/sub020202_bg03.jpg);text-align:center}
.brandStory_wrap #theFame03 h3{font-size:2.25rem;line-height:2.5rem;color:#000;letter-spacing:-0.1rem}
.brandStory_wrap #theFame03 h3 > span{margin-bottom:1.25rem;border:1px solid #bcd5e9;border-radius:0;background:transparent;font-weight:700;color:#2d3b65}
.brandStory_wrap #theFame03 h3 > em{display:block;line-height:2.9rem;color:#2d3b65}
.brandStory_wrap #theFame03 .h3_desc{color:#555}
#theFame03 .newTechnology_wrap{display:table;width:100%;margin-top:1.5rem;text-align:left;table-layout:fixed}
#theFame03 .newTechnology_lst,#theFame03 .newTechName{display:table-cell;vertical-align:middle}
#theFame03 .newTechnology_lst > h4{font-weight:500;font-size:1.4rem;line-height:1.5rem;color:#000;letter-spacing:-0.05rem}
#theFame03 .newTechnology_lst ul{padding-right:4rem;margin-top:1.5rem}
#theFame03 .newTechnology_lst li{display:table;width:100%;height:3.25rem;margin-top:1rem;table-layout:fixed}
#theFame03 .newTechnology_lst .icon{display:table-cell;position:relative;width:4.5rem}
#theFame03 .newTechnology_lst .icon:before{position:absolute;top:0;left:0;width:3.25rem;height:3.25rem;background:url(../../kr/img/contents/sub02/sub020202_newTech_icon.png) no-repeat;content:""}
#theFame03 .newTechnology_lst .icon.no1:before{background-position:0 0}
#theFame03 .newTechnology_lst .icon.no2:before{background-position:-3.25rem 0}
#theFame03 .newTechnology_lst strong{display:table-cell;font-weight:300;font-size:0.9rem;line-height:1.4rem;color:#444;letter-spacing:-0.025rem;word-break:keep-all;vertical-align:middle}
#theFame03 .newTechName{padding-left:2.5rem}
#theFame03 .newTechName > .img{display:block;position:relative}
#theFame03 .newTechName > .img > em{position:absolute;top:50%;left:50%;font-weight:500;font-size:1.2rem;line-height:1.5rem;color:#000;letter-spacing:-0.05rem;white-space:nowrap;text-align:center}
#theFame03 .newTechName > .img > em.no1{transform:translate(-10rem,-7.5rem);-webkit-transform:translate(-10rem,-7.5rem)}
#theFame03 .newTechName > .img > em.no2{transform:translate(6rem,-1.25rem);-webkit-transform:translate(6rem,-1.25rem)}
#theFame03 .newTechName > .img > em.no3{transform:translate(-6.5rem,8.25rem);-webkit-transform:translate(-6.5rem,8.25rem)}
#theFame04{text-align:center}
.brandStory_wrap #theFame04 h3{font-size:2.25rem;line-height:2.5rem;color:#000;letter-spacing:-0.1rem}
.brandStory_wrap #theFame04 h3 > span{margin-bottom:1.25rem;border:1px solid #bad0d3;border-radius:0;background:transparent;font-weight:700;color:#2d3b65}
.brandStory_wrap #theFame04 h3 > em{display:block;line-height:2.9rem;color:#2d3b65}
.brandStory_wrap #theFame04 .h3_desc{color:#555}
#theFame04 .newMaterial_wrap{margin-top:2.5rem;text-align:left}
#theFame04 .newMaterial_lst{display:table;width:100%;height:100%;table-layout:fixed}
#theFame04 .newMaterial_lst > li{display:table-cell;height:100%}
#theFame04 .newMaterial_lst > li + li{padding-left:0.5rem}
#theFame04 .newMaterial_lst > li:last-child{width:22.5rem}
#theFame04 .newMaterial{height:100%;padding:0.45rem;border:1px solid #bcd5e9}
#theFame04 .newMaterial > strong{display:block;padding:1rem 0;background:#e5eff7;font-weight:500;font-size:0.9rem;line-height:1.2rem;color:#000;letter-spacing:-0.05rem;text-align:center}
#theFame04 .newMaterial_desc{padding:1.5rem 1.25rem}
#theFame04 .newMaterial_desc > dt{font-weight:500;font-size:0.9rem;line-height:1.5rem;color:#5d9dcf;letter-spacing:-0.05rem}
#theFame04 .newMaterial_desc > dd{font-weight:300;font-size:0.8rem;line-height:1.3rem;color:#444;letter-spacing:-0.05rem;word-break:keep-all}
#theFame04 .panthenol{height:16.25rem;padding:0 1rem 1.75rem}
#theFame04 .panthenol > li{display:table;width:100%;margin-top:0.5rem;table-layout:fixed}
#theFame04 .panthenol .icon{display:table-cell;width:4.5rem;height:4.5rem;background:url(../../kr/img/contents/sub02/sub020202_newMaterial_img01.jpg) no-repeat}
#theFame04 .panthenol .icon.no1{background-position:0 0}
#theFame04 .panthenol .icon.no2{background-position:-4.5rem 0}
#theFame04 .panthenol .icon.no3{background-position:-9rem 0}
#theFame04 .panthenol strong{display:table-cell;padding-left:1rem;font-weight:300;font-size:0.8rem;line-height:1.3rem;color:#444;letter-spacing:-0.05rem;vertical-align:middle}
#theFame04 .hyaluronic-acid{position:relative;height:16.25rem;padding:0 1rem 1.75rem}
#theFame04 .hyaluronic-acid:before{position:absolute;top:0;left:0;width:100%;height:100%;background:url(../../kr/img/contents/sub02/sub020202_newMaterial_img02.jpg) no-repeat 50% 50%;content:""}
#theFame04 .hyaluronic-acid > li{position:absolute;font-weight:400;font-size:0.75rem;line-height:0.9rem;color:#444;letter-spacing:-0.025rem}
#theFame04 .hyaluronic-acid > li.no1{top:2rem;left:4rem}
#theFame04 .hyaluronic-acid > li.no2{top:2rem;left:8.25rem}
#theFame04 .hyaluronic-acid > li.no3{top:2rem;right:2.75rem}
#theFame04 .hyaluronic-acid > li.no4{bottom:1.25rem;left:4rem}
#theFame04 .hyaluronic-acid > li.no5{bottom:1.25rem;left:11rem}
#theFame04 .ceramide{display:table;width:100%;height:16.25rem;padding:0 1rem 1.75rem;table-layout:fixed}
#theFame04 .ceramide > li{display:table-cell;position:relative;height:100%;padding:0 0.25rem 0 0}
#theFame04 .ceramide > li:last-child{padding:0 0 0 0.25rem}
#theFame04 .ceramide .desc{position:relative;height:calc(100% - 3rem);height:-webkit-calc(100% - 3rem);background:no-repeat 50% 50%}
#theFame04 .ceramide > li:first-child .desc{background-image:url(../../kr/img/contents/sub02/sub020202_newMaterial_img03_1.jpg)}
#theFame04 .ceramide > li:last-child .desc{background-image:url(../../kr/img/contents/sub02/sub020202_newMaterial_img03_2.jpg)}
#theFame04 .ceramide .desc > span{position:absolute;font-weight:400;font-size:0.75rem;line-height:0.9rem;letter-spacing:-0.05rem;word-break:keep-all}
#theFame04 .ceramide > li:first-child .desc > span{color:#7e8e90}
#theFame04 .ceramide > li:first-child .desc .no1{top:1.25rem;left:3.5rem;text-align:center}
#theFame04 .ceramide > li:first-child .desc .no2{bottom:1.75rem;left:3rem}
#theFame04 .ceramide > li:last-child .desc > span{font-weight:500;color:#4b5758}
#theFame04 .ceramide > li:last-child .desc .no1{top:3.25rem;left:4.5rem;text-align:center}
#theFame04 .ceramide > li:last-child .desc .no2{bottom:1rem;left:3rem}
#theFame04 .ceramide strong{position:absolute;bottom:0;left:0;right:0.25rem;padding:0.5rem 1rem;border-radius:2.8rem;background:#91999a;font-weight:400;font-size:0.75rem;line-height:0.9rem;color:#fff;letter-spacing:-0.05rem;text-align:center;word-break:keep-all}
#theFame04 .ceramide > li:last-child strong{left:0.25rem;right:0;background:#5d9dcf}
#theFame05{background-image:url(../../kr/img/contents/sub02/sub020202_bg05.jpg);text-align:center}
.brandStory_wrap #theFame05 h3{font-size:2.25rem;line-height:2.5rem;color:#000;letter-spacing:-0.1rem}
.brandStory_wrap #theFame05 h3 > span{margin-bottom:1.25rem;border:1px solid #bad0d3;border-radius:0;background:transparent;font-weight:700;color:#22397b}
.brandStory_wrap #theFame05 h3 > em{display:block;line-height:2.9rem;color:#22397b}
.brandStory_wrap #theFame05 .h3_desc{color:#555}
#theFame05 .excellent{position:relative;width:63rem;padding:1.35rem 0 1.35rem 29.25rem;margin:7rem auto 0;text-align:left}
#theFame05 .excellent > .icon{position:absolute;top:0;left:0;width:27.25rem;height:14.25rem;background:url(../../kr/img/contents/sub02/sub020202_excellent_icon.png) no-repeat}
#theFame05 .excellent > h4{margin:0 0 1rem;font-weight:500;font-size:1.3rem;line-height:1.8rem;color:#000;letter-spacing:-0.05rem}
#theFame05 .excellent > h4 > em{line-height:1.8rem;color:#5d9dcf}
#theFame05 .hypoallergenic{}
#theFame05 .hypoallergenic > li{padding-right:3.5rem;margin-top:0.5rem}
#theFame05 .hypoallergenic strong{display:block;position:relative;padding:0.25rem 0.5rem 0.25rem 2.25rem;border:2px solid #c5c8cb;border-radius:0.15rem;background:#fff;font-weight:300;font-size:0.8rem;line-height:1.3rem;color:#333;letter-spacing:-0.025rem;word-break:keep-all}
#theFame05 .hypoallergenic span{position:absolute;top:0.25rem;left:0.5rem;width:1.3rem;height:1.3rem}
#theFame05 .hypoallergenic span:before{position:absolute;top:50%;left:0.2rem;width:0.6rem;height:0.6rem;border:1px solid #c5d6d8;transform:translateY(-50%);-webkit-transform:translateY(-50%);content:""}
#theFame05 .hypoallergenic span i[class*="xi-"]{position:absolute;top:-2px;left:0;width:1.3rem;height:1.3rem;font-size:1.3rem;line-height:1.3rem;color:#ef4136;overflow:hidden}
#theFame06{}
.brandStory_wrap #theFame06 h3{position:absolute;top:8rem;left:50%;width:100%;margin:0;font-weight:500;font-size:2.4rem;line-height:2.9rem;color:#000;text-align:center;transform:translateX(-50%);-webkit-transform:translateX(-50%);transition:top .3s ease,opacity .3s;-webkit-transition:top .3s ease,opacity .3s;z-index:2}
.brandStory_wrap #theFame06 h3 > em{display:block;line-height:2.9rem;color:#5d9dcf}
.brandStory_wrap #theFame06 .h3_desc{position:absolute;top:14.5rem;left:50%;font-weight:400;color:#555;text-align:center;transform:translateX(-50%);-webkit-transform:translateX(-50%);transition:top .3s ease,opacity .3s;-webkit-transition:top .3s ease,opacity .3s;z-index:2}
.brandStory_wrap #theFame06 .technology_lst .icon{background-image:url(../../kr/img/contents/sub02/sub020202_technology_icon.png)}
.brandStory_wrap #theFame06 .technology_detail .h3_desc > strong{display:block;font-weight:400;font-size:0.9rem;line-height:1.4rem;opacity:1;filter:alpha(opacity=100)}
.brandStory_wrap #theFame06 .technology_detail .h3_desc > span{display:block;font-size:0.8rem;line-height:1.4rem !important;opacity:0.7;filter:alpha(opacity=70)}
.brandStory_wrap #theFame06 .technology_detail .meaning{position:relative;max-width:56rem;margin:0.5rem auto 0}
.brandStory_wrap #theFame06 .technology_detail .meaning:before{position:absolute;top:0;left:0;width:100%;height:100%;background:#000;opacity:0.2;filter:alpha(opacity=20);content:""}
.brandStory_wrap #theFame06 .technology_detail .meaning > span{display:block;position:relative;padding:0.75rem 0;font-weight:300;font-size:0.7rem;line-height:1rem;color:#fff;text-align:center}
.brandStory_wrap #theFame06 .technology_detail > .item1 .technology_bg{background-image:url(../../kr/img/contents/sub02/sub020202_bg06_1.jpg)}
.brandStory_wrap #theFame06 .technology_detail > .item2 .technology_bg{background-image:url(../../kr/img/contents/sub02/sub020202_bg06_2.jpg)}
.brandStory_wrap #theFame06 .technology_detail > .item3 .technology_bg{background-image:url(../../kr/img/contents/sub02/sub020202_bg06_3.jpg)}
.brandStory_wrap #theFame06 .technology_detail > .item4 .technology_bg{background-image:url(../../kr/img/contents/sub02/sub020202_bg06_4.jpg)}
#theFame07{text-align:center}
.brandStory_wrap #theFame07 h3{color:#000}
.brandStory_wrap #theFame07 h3 > em{color:#5d9dcf}
#theFame07 .historyChange_wrap{margin-top:3rem}
#theFame07 .historyChange_lst{display:table;width:100%;table-layout:fixed}
#theFame07 .historyChange_lst > li{display:table-cell;position:relative}
#theFame07 .historyChange_lst > li.newest .arrow{display:none}
#theFame07 .historyChange_lst .arrow{position:absolute;top:4rem;right:-0.7rem;width:1.4rem;height:0.5rem;overflow:hidden}
#theFame07 .historyChange_lst .arrow:before{position:absolute;top:0;left:0;width:100%;height:100%;background:url(../../kr/img/contents/sub02/sub020202_historyChange_arrow.png) no-repeat 50% 0;-webkit-animation:xscroll 2s infinite linear;animation:xscroll 2s infinite linear;content:""}
#theFame07 .historyChange{display:block;position:relative;text-align:center}
#theFame07 .historyChange > .img{display:block;margin-bottom:1rem}
#theFame07 .historyChange .desc{border-left:1px solid #e1eaf2;border-top:2px solid #b4c4d0;border-bottom:1px solid #b4c4d0}
#theFame07 .historyChange_lst > li.newest .historyChange .desc{border-right:1px solid #e1eaf2}
#theFame07 .historyChange strong{display:flex; align-items: center; justify-content: center; padding:0.75rem 1rem;background:#eef3f7;font-weight:500;font-size:0.9rem;line-height:1.1rem;color:#444;letter-spacing:-0.05rem;text-align:center; min-height: 4rem;}
/* #theFame07 .historyChange_lst > li:first-child .historyChange strong{padding:1.3rem 2rem} */
#theFame07 .historyChange .name{min-height:11rem;padding:1rem;text-align:left}
#theFame07 .historyChange .name > li{padding:0.25rem 0;font-weight:300;font-size:0.8rem;line-height:1rem;color:#767676;letter-spacing:-0.025rem}
#theFame07 .historyChange .name .dot{display:inline-block;width:0.3rem;height:0.3rem;border-radius:0.3rem;background:#5d9dcf;vertical-align:middle}
#theFame07 .historyChange_wrap .note{margin-top:0.25rem;font-weight:300;font-size:0.7rem;line-height:1.2rem;color:#767676;letter-spacing:-0.025rem;text-align:right}
#theFame07 .historyChange_wrap .note > .dot{display:inline-block;width:0.3rem;height:0.3rem;border-radius:0.3rem;background:#5d9dcf;vertical-align:middle}
#theFame08{}
#theFame08 .innerwrap{height:100%;padding:2.5rem 0;}
.brandStory_wrap #theFame08 h3{position:absolute;top:50%;left:0.25rem;font-weight:500;font-size:1.5rem;line-height:2rem;color:#000;letter-spacing:-0.05rem;text-align:left;transform:translateY(-50%);-webkit-transform:translateY(-50%)}
.brandStory_wrap #theFame08 h3 > em{display:block;font-size:1.1rem;line-height:1.5rem;color:#5d9dcf}
.brandStory_wrap #theFame08 .products .caption{min-height:10.75rem}
#theFame09{overflow:hidden/*;background:linear-gradient(to right,#04a6e1,#46bae4)*/}
#theFame09 .fp-tableCell{padding:3.5rem 0}
#theFame10{}
#theFame10 .fp-tableCell{padding:0}
/*애니메이션*/
#theFame01 .skincareSystem_wrap .fourTech,#theFame01 .skincareSystem_lst > i[class*="xi-"],#theFame01 .skincareSystem_lst > .system_lst > li{opacity:0;transform:scale(0);transition:opacity .5s,transform .5s}
#theFame01 .skincareSystem_wrap .current .fourTech,#theFame01 .skincareSystem_lst.current > i[class*="xi-"],#theFame01 .skincareSystem_lst.current > .system_lst > li{opacity:1;transform:scale(1)}
/*
#theFame01 .skincareSystem_wrap .current .fourTech{transition-delay:1.0s}
#theFame01 .skincareSystem_lst.current > i[class*="xi-"]{transition-delay:1.2s}
#theFame01 .skincareSystem_lst.current > .system_lst > li:nth-child(1){transition-delay:1.4s}
#theFame01 .skincareSystem_lst.current > .system_lst > li:nth-child(2){transition-delay:1.5s}
#theFame01 .skincareSystem_lst.current > .system_lst > li:nth-child(3){transition-delay:1.6s}
*/
#theFame01 .skincareSystem_wrap .current .fourTech{transition-delay:.5s}
#theFame01 .skincareSystem_lst.current > i[class*="xi-"]{transition-delay:.5s}
#theFame01 .skincareSystem_lst.current > .system_lst > li:nth-child(1){transition-delay:.5s}
#theFame01 .skincareSystem_lst.current > .system_lst > li:nth-child(2){transition-delay:.5s}
#theFame01 .skincareSystem_lst.current > .system_lst > li:nth-child(3){transition-delay:.5s}
/* #theFame03 .newTechName > .img > em{opacity:0;margin-top:2.5rem;transition:opacity .5s,margin .5s} */
#theFame03 .newTechName.current > .img > em{opacity:1;margin-top:0}
#theFame03 .newTechName.current > .img > em.no1{transition-delay:.6s}
#theFame03 .newTechName.current > .img > em.no2{transition-delay:.8s}
#theFame03 .newTechName.current > .img > em.no3{transition-delay:1.0s}
/* #theFame05 .hypoallergenic span i[class*="xi-"]{width:0;opacity:0;transition:width .5s,opacity .5s} */
#theFame05 .current .hypoallergenic span i[class*="xi-"]{width:1.3rem;opacity:1}
#theFame05 .current .hypoallergenic > li:nth-child(1) span i[class*="xi-"]{transition-delay:.6s}
#theFame05 .current .hypoallergenic > li:nth-child(2) span i[class*="xi-"]{transition-delay:.8s}
#theFame05 .current .hypoallergenic > li:nth-child(3) span i[class*="xi-"]{transition-delay:1.0s}
/*앱솔루스 셀렉티브 스킨케어*/
.cellActive_wrap{position:relative;background:no-repeat 50% 0;background-size:cover}
.cellActive_wrap .fp-tableCell{padding-top:3.75rem}
#cellActive00{background-image:url(../../kr/img/contents/sub02/sub020203_bg00.jpg)}
#cellActive00 .fp-tableCell{padding:3.75rem 0}
.brandStory_wrap #cellActive00 .title > .subtitle{color:#9f7459}
.brandStory_wrap #cellActive00 .title > h1{color:#999}
.brandStory_wrap #cellActive00 .title > h1 > .typingEff{color:#18396f}
#cellActive01 .fp-tableCell{padding:0}
#cellActive01 .skincare_wrap{display:block;height:100%}
.skincare_wrap .caption_wrap,.skincare_wrap .scienceStory_wrap{display:block;position:relative;background:no-repeat 50% 0;background-size:cover}
.skincare_wrap .innerwrap{top:50%;text-align:center;transform:translateY(-50%);-webkit-transform:translateY(-50%)}
.skincare_wrap .caption_wrap{height:35%;background-image:url(../../kr/img/contents/sub02/sub020203_bg01_1.jpg)}
.skincare_wrap .caption_wrap > .innerwrap{padding-top:4rem}
.brandStory_wrap .skincare_wrap .caption_wrap h2{color:#fff}
.brandStory_wrap .skincare_wrap .caption_wrap h2 > em{color:#f8d6aa}
.brandStory_wrap .skincare_wrap .caption_wrap .h2_desc{color:#fff}
.skincare_wrap .scienceStory_wrap{height:65%;background-image:url(../../kr/img/contents/sub02/sub020203_bg01_2.jpg)}
.brandStory_wrap .skincare_wrap .scienceStory_wrap h2{margin-bottom:1.75rem}
.skincare_wrap .scienceStory_lst:after{clear:both;display:block;content:""}
.skincare_wrap .scienceStory_lst > li{float:left;position:relative;width:20%;height:14.25rem;padding:3.75rem 0;border:1px solid #ded7d0;border-left-width:0}
.skincare_wrap .scienceStory_lst > li:first-child{border-left-width:1px}
.skincare_wrap .scienceStory{position:absolute;top:50%;left:0;width:100%;margin-top:-3.35rem}
.skincare_wrap .scienceStory > span{display:block;max-width:9rem;padding:0.25rem 1.25rem;margin:0 auto 0.75rem;border-radius:1.5rem;background:#b48365;font-size:0.75rem;line-height:1rem;color:#fff;letter-spacing:-0.025rem}
.skincare_wrap .scienceStory > strong{display:block;font-weight:500;font-size:0.8rem;line-height:1.4rem;color:#684d42;letter-spacing:-0.025rem}
.skincare_wrap .scienceStory > strong > em{display:block;margin-top:0.2rem;font-size:1.1rem;line-height:1.4rem;color:#000}
#cellActive02{background-image:url(../../kr/img/contents/sub02/sub020203_bg02.jpg)}
#cellActive02 .brandVideo_wrap{padding:0 3.55rem;text-align:center}
.brandStory_wrap #cellActive02 .brandVideo_wrap h2{margin-bottom:1.5rem;font-weight:500;font-size:2.5rem;line-height:2.5rem;color:#000;letter-spacing:-0.1rem}
#cellActive02 .brandVideo{position:relative;height:32rem;background:#1a2a57;overflow:hidden}
#cellActive02 #brandVideo{position:absolute}
#cellActive03{}
#cellActive03 .fp-tableCell{}
.cellActiveCode{padding:2.5rem 0 10rem;text-align:center}
.brandStory_wrap .cellActiveCode h3{color:#000}
.brandStory_wrap .cellActiveCode h3 > em{color:#22397b}
.brandStory_wrap .cellActiveCode .h3_desc{margin-bottom:1rem}
#cellActive03 .structure{display:table;padding:4.5rem 0 4.5rem 8.75rem;margin:0 auto;table-layout:fixed}
#cellActive03 .structure > li{display:table-cell;vertical-align:middle;position:relative;}
#cellActive03 .structure > li + li .pos-item{padding-left:5rem}
#cellActive03 .structure > li + li .pos-item:before{position:absolute;top:50%;left:0;width:100%;height:1px;background:#c6c4c5;content:""}
#cellActive03 .structure > li .pos-item{position:relative}
#cellActive03 .structure li .pos-item > strong{display:block;position:relative;width:11.5rem;height:11.5rem;padding:3.5rem 1rem;border-radius:11.5rem;background:#22397b;font-weight:500;font-size:1rem;line-height:1.3rem;color:#fff;letter-spacing:-0.05rem;text-align:center;z-index:1}
#cellActive03 .structure li .pos-item > strong > em{display:block;margin-top:0.5rem;font-weight:400;font-size:0.85rem;line-height:1.4rem;color:#e8cdbd;letter-spacing:-0.025rem}
#cellActive03 .complex > li{}
#cellActive03 .complex span{position:absolute;width:5rem;height:5rem;padding:1.55rem 0.5rem;border:1px solid #c6c4c5; border-radius:5rem;background:#fff;font-weight:300;font-size:0.75rem;line-height:0.9rem;color:#000;letter-spacing:-0.025rem;word-break:keep-all; display: flex; justify-content: center; align-items: center;}
#cellActive03 .complex .no1 span{top:-4.5rem;left:-4rem}
#cellActive03 .complex .no2 span{top:0;left:-8.75rem;padding:2rem 0.5rem}
#cellActive03 .complex .no3 span{bottom:0;left:-8.75rem}
#cellActive03 .complex .no4 span{bottom:-4.5rem;left:-4rem;padding:1.55rem 0.7rem}
#cellActive03 .complex li:before{position:absolute;width:10rem;height:1px;background:#c6c4c5;content:""}
#cellActive03 .complex li.no1:before{top:2.5rem;left:-2.5rem;transform:rotate(45deg);-webkit-transform:rotate(45deg)}
#cellActive03 .complex li.no2:before{top:4.5rem;left:-6.25rem;transform:rotate(20deg);-webkit-transform:rotate(20deg)}
#cellActive03 .complex li.no3:before{bottom:4.5rem;left:-6.25rem;transform:rotate(-20deg);-webkit-transform:rotate(-20deg)}
#cellActive03 .complex li.no4:before{bottom:2.5rem;left:-2.5rem;transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}
#cellActive03 .function_lst::after{content:"";display:block;clear:both}
#cellActive03 .function_lst > li{float:left}
#cellActive03 .function_lst > li + li{margin-left:0.5rem}
#cellActive03 .function{width:8.5rem;height:8.5rem;padding:2.85rem 0;border-radius:8.5rem;background:#f7f2ef;text-align:center; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; align-content: center;}
#cellActive03 .function > span{display:block;/*width:4.25rem;*/margin:0 auto 0.5rem;border:1px solid #dcd9da;font-weight:500;font-size:0.7rem;line-height:1.2rem;color:#9b8b82;letter-spacing:-0.025rem; padding: 0 .5rem; max-width: 80%;}
#cellActive03 .function > strong{display:block;font-weight:500;font-size:1rem;line-height:1rem;color:#2d3b65;letter-spacing:-0.025rem; width: 100%; padding: 0 .7rem;}
#cellActive03 .multiComplex{position:absolute;bottom:0;left:0;width:100%;background:#fafbfc;text-align:left}
#cellActive03 .complex_lst{display:table;width:100%;table-layout:fixed}
#cellActive03 .complex_lst > li{display:table-cell;position:relative;padding:1.5rem}
#cellActive03 .complex_lst > li:before{position:absolute;top:50%;left:0;width:1px;height:4rem;background:#efeeee;transform:translateY(-50%);-webkit-transform:translateY(-50%);content:""}
#cellActive03 .complex_lst > li:first-child:before{background:transparent}
#cellActive03 .complex_lst dl{}
#cellActive03 .complex_lst dt,#cellActive03 .complex_lst dd{font-size:0.75rem;line-height:1.15rem;letter-spacing:-0.05rem;word-break:keep-all}
#cellActive03 .complex_lst dt{margin-bottom:0.75rem;font-weight:500;color:#2d3b65}
#cellActive03 .complex_lst dd{font-weight:300;color:#767676}
#cellActive03 .advice{position:absolute;bottom:-2rem;right:0;font-size:0.7rem;color:#767676}
#cellActive04{}
.cellActiveTechnology{text-align:center}
.brandStory_wrap .cellActiveTechnology h3{color:#000}
.brandStory_wrap .cellActiveTechnology h3 strong{font-weight:500}
.brandStory_wrap .cellActiveTechnology h3 strong > em{display:inline-block;position:relative}
.brandStory_wrap .cellActiveTechnology h3 strong > em[lang="en"]{color:#22397b}
#cellActive04 .mechanism_wrap{margin-top:3.5rem}
#cellActive04 .mechanism_lst{display:table;width:100%;height:100%;table-layout:fixed}
#cellActive04 .mechanism_lst > li{display:table-cell;height:100%;vertical-align:top}
#cellActive04 .mechanism_lst > li + li{padding-left:0.5rem}
#cellActive04 .mechanism_lst > li:last-child{width:27.5rem}
#cellActive04 .mechanism{height:100%;padding:0.45rem;border:1px solid #ded7d0}
#cellActive04 .mechanism > strong{display:block;padding:1rem 0;background:#f7f2ef;font-weight:500;font-size:0.9rem;line-height:1.2rem;color:#000;letter-spacing:-0.05rem;word-break:keep-all}
#cellActive04 .mechanism > .img{position:relative;padding:3.25rem 0}
#cellActive04 .mechanism > .img > strong{position:absolute;top:1.75rem;left:0;width:100%;font-weight:400;font-size:0.8rem;line-height:1.1rem;color:#000;letter-spacing:-0.025rem;z-index:1}
#cellActive04 .mechanism .img_desc{display:block;position:relative}
#cellActive04 .mechanism .img_desc > span{position:absolute;top:1.25rem;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%)}
#cellActive04 .mechanism .img_desc > span > em{display:block;font-weight:500;font-size:0.85rem;line-height:1rem;color:#fff;text-align:center}
#cellActive04 .mechanism .img_desc > span > em.no1{font-weight:300;font-size:0.75rem;line-height:1rem;color:#000}
#cellActive04 .mechanism .img_desc > span > em.no4{font-weight:400;color:#9d8374}
#cellActive04 .mechanism .img_desc > span.ligand > em.no1{padding:1.15rem 0}
#cellActive04 .mechanism .img_desc > span.ligand > em.no2,#cellActive04 .mechanism .img_desc > span.ligand > em.no3{padding:0.3rem 0}
#cellActive04 .mechanism .img_desc > span.ligand > em.no3{margin-top:2.25rem}
#cellActive04 .mechanism .img_desc > span.ligand > em.no4{margin-top:1.75rem}
#cellActive04 .mechanism .img_desc > span.receptor{top:4.25rem}
#cellActive04 .mechanism .img_desc > span.receptor > em{font-size:0.7rem;line-height:1.35rem;color:#202841}
#cellActive04 .mechanism .img_desc > span.receptor > em.no2{margin-top:1rem}
#cellActive04 .mechanism .img_desc > span.receptor > em.no3{margin-top:1.4rem}
#cellActive04 .mechanism .img_desc > span[class*="peptid"]{width:7.1rem}
#cellActive04 .mechanism .img_desc > span.peptidA{left:0.9rem;transform:none;-webkit-transform:none}
#cellActive04 .mechanism .img_desc > span.peptidC{left:auto;right:0.9rem;transform:none;-webkit-transform:none}
#cellActive04 .mechanism .img_desc > span[class*="peptid"] > em{font-weight:500;font-size:0.75rem;line-height:1rem;color:#fff}
#cellActive04 .mechanism .img_desc > span[class*="peptid"] > em.no1{padding:1.35rem 0;color:#000}
#cellActive04 .mechanism .img_desc > span[class*="peptid"] > em.no2{padding:0.35rem 0;margin-top:1rem}
#cellActive04 .mechanism .img_desc > span[class*="peptid"] > em.no3{padding:0.35rem 0;margin-top:0.75rem}
#cellActive04 .mechanism .img_desc > span[class*="peptid"] > em.no4{margin-top:1.5rem;color:#524137}
#cellActive04 .mechanism .img_desc > span.peptidC > em.no2{margin-top:1.5rem}
#cellActive04 .mechanism .img_desc > span.peptidC > em.no4{margin-top:1rem}
#cellActive04 .mechanism .sense{position:absolute;bottom:0;left:0;width:100%;text-align:left}
#cellActive04 .mechanism .sense > li{display:block;font-size:0.7rem;line-height:1.1rem;color:#767676;letter-spacing:-0.025rem;word-break:keep-all}
#cellActive04 .mechanism .sense strong{float:left;margin-right:0.5rem;font-weight:400;line-height:1.1rem;color:#222}
#cellActive05 .pc_linebreak{display: block;}
.brandStory_wrap #cellActive05 h3{position:absolute;top:8rem;left:50%;margin:0;font-weight:500;font-size:2.4rem;line-height:2.9rem;color:#000;text-align:center;transform:translateX(-50%);-webkit-transform:translateX(-50%);transition:top .3s ease,opacity .3s;-webkit-transition:top .3s ease,opacity .3s;z-index:2}
.brandStory_wrap #cellActive05 h3 > span{border:1px solid #22397b;border-radius:0;background:#fff;font-weight:700;color:#22397b;text-transform:uppercase}
.brandStory_wrap #cellActive05 h3 > em{display:block;line-height:2.9rem;color:#22397b}
.brandStory_wrap #cellActive05 .technology_lst .icon{background-image:url(../../kr/img/contents/sub02/sub020203_technology_icon.png)}
.brandStory_wrap #cellActive05 .technology_detail > .item1 .technology_bg{background-image:url(../../kr/img/contents/sub02/sub020203_bg05_1.jpg)}
.brandStory_wrap #cellActive05 .technology_detail > .item2 .technology_bg{background-image:url(../../kr/img/contents/sub02/sub020203_bg05_2.jpg)}
.brandStory_wrap #cellActive05 .technology_detail > .item3 .technology_bg{background-image:url(../../kr/img/contents/sub02/sub020203_bg05_3.jpg)}
.brandStory_wrap #cellActive05 .technology_detail > .item4 .technology_bg{background-image:url(../../kr/img/contents/sub02/sub020203_bg05_4.jpg)}
#cellActive06{overflow:hidden;text-align:center}
#cellActive06 .bg{position:absolute;top:0;left:0;right:0;bottom:0;background:url(../../kr/img/contents/sub02/sub020203_bg06.jpg) no-repeat 50% 50%;background-size:cover}
.brandStory_wrap #cellActive06 h3{color:#000}
.brandStory_wrap #cellActive06 h3 > em{color:#22397b}
.brandStory_wrap #cellActive06 .h3_desc{color:#555}
#cellActive06 .greentea_essential{display:table;padding:3.5rem 0 0;margin:0 auto;table-layout:fixed}
#cellActive06 .greentea_essential > .item{display:block;float:left;position:relative;width:15rem;height:15rem;padding:0 1.25rem;margin:0 -1rem}
#cellActive06 .greentea_essential > .item:before{position:absolute;top:50%;left:50%;width:100%;height:100%;border-radius:50%;background:#388e3c;opacity:0.4;filter:alpha(opacity=40);transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);content:""}
#cellActive06 .greentea_essential > .item.no2:before{background:#0a8778;opacity:0.45;filter:alpha(opacity=45)}
#cellActive06 .greentea_essential dl,
#cellActive06 .greentea_essential strong{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:100%;z-index:1}
#cellActive06 .greentea_essential dt{margin-bottom:0.5rem;font-weight:500;font-size:1.1rem;line-height:1.5rem;color:#fff;letter-spacing:-0.05rem}
#cellActive06 .greentea_essential dd{padding:0 1.5rem;font-weight:400;font-size:0.8rem;line-height:1.1rem;color:#fff;letter-spacing:-0.025rem;word-break:keep-all}
#cellActive06 .greentea_essential strong{font-weight:500;font-size:1.3rem;line-height:1.5rem;color:#fff;letter-spacing:-0.05rem}
#cellActive07{overflow:hidden;text-align:center}
#cellActive07 .bg{position:absolute;top:0;left:0;right:0;bottom:0;background:url(../../kr/img/contents/sub02/sub020203_bg07.jpg) no-repeat 50% 50%;background-size:cover}
#cellActive07 .tuberosa{position:relative;width:26.5rem;height:26.5rem;margin:0 auto;padding:8.65rem 2.75rem}
#cellActive07 .tuberosa:before{position:absolute;top:50%;left:50%;width:100%;height:100%;border-radius:50%;background:#e3e6e8;opacity:0.1;filter:alpha(opacity=10);transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);content:""}
.brandStory_wrap #cellActive07 h3,.brandStory_wrap #cellActive07 .h3_desc{position:relative}
.brandStory_wrap #cellActive07 h3{margin-bottom:1rem;color:#fff}
.brandStory_wrap #cellActive07 h3 > em{color:#fff}
.brandStory_wrap #cellActive07 .h3_desc{color:#fff;white-space:normal}
#cellActive08{text-align:center}
.brandStory_wrap #cellActive08 h3{margin-bottom:1.75rem;color:#000}
.brandStory_wrap #cellActive08 h3 > em{color:#22397b}
#cellActive08 .innerwrap{padding-bottom:1rem;overflow:hidden}

#cellActive08 .skinChange_lst{display:table;width:calc(100% + 0.5rem);width:-webkit-calc(100% + 0.5rem);margin:0 -0.25rem;table-layout:fixed}
#cellActive08 .skinChange_lst > li{display:table-cell;padding:0 0.25rem}
#cellActive08 .skinChange{padding:0.45rem;border:1px solid #ded7d0}


#cellActive08 .v_graph{width:5rem;padding:1rem 0 0;margin:0 auto}
#cellActive08 .v_graph_lst{height:10rem;margin:0;padding:0}
#cellActive08 .v_graph_lst:after{clear:both;display:block;content:""}
#cellActive08 .v_graph_lst > li{float:left;position:relative;width:50%;height:100%;padding:0 0.7rem;text-align:center;white-space:nowrap}
#cellActive08 .v_graph_lst .g_term{display:inline-block;position:relative;width:100%;height:1.25rem;padding:8.75rem 0 0 0;margin:0 -100% 0 0;font-weight:400;font-size:0.75rem;line-height:1.1rem;color:#6e6661;vertical-align:bottom}
#cellActive08 .v_graph_lst .g_bar{display:inline-block;position:relative;width:100%;vertical-align:bottom}
#cellActive08 .v_graph_lst .g_bar:before{position:absolute;bottom:0;left:0;width:100%;height:100%;background:#b48365;z-index:1;content:""}
#cellActive08 .v_graph_lst .g_bar span{position:absolute;top:-3.1rem;left:50%;width:3.8rem;height:3.8rem;padding:0.9rem 0;border-radius:3.8rem;background:#f7f2ef;font-weight:500;font-size:0.65rem;line-height:1rem;color:#2d3b65;letter-spacing:-0.025rem;text-align:center;transform:translateX(-50%);-webkit-transform:translateX(-50%)}
#cellActive08 .v_graph_lst .g_bar span > em{display:block;font-weight:500;font-size:0.9rem;line-height:1rem;color:#2d3b65}
#cellActive08 .skinChange > strong{display:block;padding:0.5rem 0;margin-top:0.5rem;background:#f7f2ef;font-weight:400;font-size:0.8rem;line-height:1.2rem;color:#000;letter-spacing:-0.025rem}
#cellActive08 .experience_wrap{position:relative;padding:2rem 11rem}
#cellActive08 .experience_wrap:before,#cellActive08 .experience_wrap:after{position:absolute;top:50%;width:8.75rem;height:6.75rem;background:url(../../kr/img/contents/sub02/sub020203_experience_icon.png) no-repeat;transform:translateY(-50%);-webkit-transform:translateY(-50%);content:""}
#cellActive08 .experience_wrap:before{left:0;background-position:0 0}
#cellActive08 .experience_wrap:after{right:0;background-position:-8.75rem 0}
#cellActive08 .experience_lst{}
#cellActive08 .experience_lst:after{clear:both;display:block;content:""}
#cellActive08 .experience_lst > li{float:left;width:50%;padding:0.9rem 1.5rem}
#cellActive08 .experience{display:table;width:100%;table-layout:fixed}
#cellActive08 .experience > dt,#cellActive08 .experience > dd{display:table-cell;vertical-align:middle}
#cellActive08 .experience > dt{width:4rem;height:4rem;background:transparent;font-weight:500;font-size:0.8rem;line-height:1.1rem;color:#fff;letter-spacing:-0.05rem}
#cellActive08 .experience > dt > em{font-size:1.3rem;line-height:1.3rem}
#cellActive08 .experience.no1 > dt{background:#22397b}
#cellActive08 .experience.no2 > dt{background:#4e6195}
#cellActive08 .experience.no3 > dt{background:#7a88b0}
#cellActive08 .experience.no4 > dt{background:#7a88b0}
#cellActive08 .experience > dd{padding-left:0.9rem;font-size:0.8rem;line-height:1.2rem;color:#000;letter-spacing:-0.05rem;text-align:left;word-break:keep-all}
#cellActive08 .research{position:absolute;bottom:0;left:0;width:100%;padding:1.5rem 0;background:#fafbfc;font-weight:300;font-size:0.75rem;line-height:1rem;color:#767676;letter-spacing:-0.025rem;word-break:keep-all}
#cellActive08 .research > span{display:block;padding-bottom:0;line-height:1rem}
#cellActive09{background-image:url(../../kr/img/contents/sub02/sub020203_bg09.jpg)}
#cellActive09 .fp-tableCell{padding:3.75rem 0}
.brandStory_wrap #cellActive09 h3{margin-bottom:1rem;color:#000}
.brandStory_wrap #cellActive09 h3 > em{color:#22397b}
.brandStory_wrap #cellActive09 .h3_desc{color:#555;white-space:normal}
#cellActive09 .excellent{position:relative;width:53rem;padding:3.5rem 0 3.5rem 29.25rem;margin:0 auto; max-width: 100%;}
#cellActive09 .excellent > .icon{position:absolute;top:50%; transform: translateY(-50%); left:0;width:22.25rem;height:11.65rem;background:url(../../kr/img/contents/sub02/sub020203_excellent_icon.png) no-repeat; background-size: contain;}
#cellActive10 .innerwrap{height:100%;padding:2.5rem 0;}
.brandStory_wrap #cellActive10 .products .caption{min-height:12rem}
#cellActive11{overflow:hidden}/*;background:linear-gradient(to right,#04a6e1,#46bae4)*/
#cellActive11 .fp-tableCell{padding:3.5rem 0}
#cellActive12{}
#cellActive12 .fp-tableCell{padding:0}
#cellActive13 {background-image:url(../../kr/img/contents/sub02/sub020203_bg13.jpg)}
#cellActive13 .fp-tableCell {padding: 5rem 0;}
#cellActive13 .award-mark {position: relative; text-align: center; width: 45rem; max-width: 100%; margin: 0 auto; }  
#cellActive13 .award-mark h3 {font-size: 2.2rem; color: #000; margin-bottom: 1.5rem;}
#cellActive13 .award-mark h3 em {color: #e4bf35;}
#cellActive13 .award-mark .h3_desc {color: #5d5d5d; font-size: 1rem; margin-bottom: 3.5rem; font-weight: 400; line-height: 1.5;}
#cellActive13 .award-mark .mark-area {display: table; width: calc(100% + .5rem); margin: 0 -0.25rem; table-layout: fixed;}
#cellActive13 .award-mark .mark-area > li {display: table-cell; padding: 0 0 0.25rem;}
#cellActive13 .award-mark .mark-area .round {display: inline-block; margin: 0 auto; width: 10rem; height: 10rem; border: 1px solid #e7e7e7; border-radius: 50%; background: #fff; overflow: hidden; text-align: center;}
#cellActive13 .award-mark .mark-area .round img {display: block; margin: 0 auto;}
#cellActive13 .h3_desc {white-space: initial;}


/*애니메이션*/
.skincare_wrap .scienceStory{opacity:0;transform:translateY(1.5rem);transition:transform .5s,opacity .5s}
.skincare_wrap .current .scienceStory{opacity:1;transform:translateY(0)}
/*
.skincare_wrap .scienceStory_lst > li:nth-child(1) .scienceStory{transition-delay:.7s}
.skincare_wrap .scienceStory_lst > li:nth-child(2) .scienceStory{transition-delay:.7s}
.skincare_wrap .scienceStory_lst > li:nth-child(3) .scienceStory{transition-delay:.9s}
.skincare_wrap .scienceStory_lst > li:nth-child(4) .scienceStory{transition-delay:.9s}
.skincare_wrap .scienceStory_lst > li:nth-child(5) .scienceStory{transition-delay:.9s}
*/
.skincare_wrap .scienceStory_lst > li:nth-child(1) .scienceStory{transition-delay:.5s}
.skincare_wrap .scienceStory_lst > li:nth-child(2) .scienceStory{transition-delay:.5s}
.skincare_wrap .scienceStory_lst > li:nth-child(3) .scienceStory{transition-delay:.5s}
.skincare_wrap .scienceStory_lst > li:nth-child(4) .scienceStory{transition-delay:.5s}
.skincare_wrap .scienceStory_lst > li:nth-child(5) .scienceStory{transition-delay:.5s}
#cellActive03 .structure li .pos-item> strong{transform:scale(0);transition:transform .5s}
#cellActive03 .structure li.current .pos-item> strong{transform:scale(1);transition-delay:.5s}
#cellActive03 .complex li:before{opacity:0;transition:opacity .5s}
#cellActive03 .current .complex li:before{opacity:1}
/*
#cellActive03 .current .complex li:nth-child(1):before{transition-delay:.5s}
#cellActive03 .current .complex li:nth-child(2):before{transition-delay:.7s}
#cellActive03 .current .complex li:nth-child(3):before{transition-delay:.9s}
#cellActive03 .current .complex li:nth-child(4):before{transition-delay:1.1s}
*/
#cellActive03 .current .complex li:nth-child(1):before{transition-delay:.5s}
#cellActive03 .current .complex li:nth-child(2):before{transition-delay:.5s}
#cellActive03 .current .complex li:nth-child(3):before{transition-delay:.5s}
#cellActive03 .current .complex li:nth-child(4):before{transition-delay:.5s}
#cellActive03 .complex span{opacity:0;transition:opacity .5s}
#cellActive03 .current .complex span{opacity:1}
/*
#cellActive03 .current .complex li:nth-child(1) span{transition-delay:.6s}
#cellActive03 .current .complex li:nth-child(2) span{transition-delay:.8s}
#cellActive03 .current .complex li:nth-child(3) span{transition-delay:1.0s}
#cellActive03 .current .complex li:nth-child(4) span{transition-delay:1.2s}
*/
#cellActive03 .current .complex li:nth-child(1) span{transition-delay:.5s}
#cellActive03 .current .complex li:nth-child(2) span{transition-delay:.5s}
#cellActive03 .current .complex li:nth-child(3) span{transition-delay:.5s}
#cellActive03 .current .complex li:nth-child(4) span{transition-delay:.5s}
#cellActive03 .structure > li + li .pos-item:before{width:0;transition:width .3s}
#cellActive03 .structure > li + li.current .pos-item:before{width:100%;transition-delay:.5s}
#cellActive03 .function_lst > li{opacity:0;transform:translateX(-1.5rem);transition:opacity .5s,transform .5s}
#cellActive03 .current .function_lst > li{opacity:1;transform:translateX(0);}
/*
#cellActive03 .current .function_lst > li:nth-child(1){transition-delay:1.4s}
#cellActive03 .current .function_lst > li:nth-child(2){transition-delay:1.6s}
#cellActive03 .current .function_lst > li:nth-child(3){transition-delay:1.8s}
*/
#cellActive03 .current .function_lst > li:nth-child(1){transition-delay:.5s}
#cellActive03 .current .function_lst > li:nth-child(2){transition-delay:.5s}
#cellActive03 .current .function_lst > li:nth-child(3){transition-delay:.5s}
.brandStory_wrap .cellActiveTechnology h3 strong > em{opacity:0;transform:translateY(-0.25rem);transition:opacity .3s,transform .3s}
.brandStory_wrap .cellActiveTechnology h3 strong.typingEff > em{opacity:1;transform:translateY(0)}

/*
.brandStory_wrap .cellActiveTechnology h3 strong.typingEff > em:nth-child(1){transition-delay:.3s}
.brandStory_wrap .cellActiveTechnology h3 strong.typingEff > em:nth-child(2){transition-delay:.4s}
.brandStory_wrap .cellActiveTechnology h3 strong.typingEff > em:nth-child(3){transition-delay:.5s}
.brandStory_wrap .cellActiveTechnology h3 strong.typingEff > em:nth-child(4){transition-delay:.6s}
.brandStory_wrap .cellActiveTechnology h3 strong.typingEff > em:nth-child(5){transition-delay:.7s}
.brandStory_wrap .cellActiveTechnology h3 strong.typingEff > em:nth-child(6){transition-delay:.8s}
.brandStory_wrap .cellActiveTechnology h3 strong.typingEff > em:nth-child(7){transition-delay:.9s}
.brandStory_wrap .cellActiveTechnology h3 strong.typingEff > em:nth-child(8){transition-delay:1.0s;transition-duration:1.0s}
.brandStory_wrap .cellActiveTechnology h3 strong.typingEff > em:nth-child(9){transition-delay:1.5s;transition-duration:1.0s}
*/
/*
.brandStory_wrap .cellActiveTechnology h3 strong.typingEff > em:nth-child(1){transition-delay:1.0s}
.brandStory_wrap .cellActiveTechnology h3 strong.typingEff > em:nth-child(2){transition-delay:1.0s}
.brandStory_wrap .cellActiveTechnology h3 strong.typingEff > em:nth-child(3){transition-delay:1.0s}
.brandStory_wrap .cellActiveTechnology h3 strong.typingEff > em:nth-child(4){transition-delay:1.0s}
.brandStory_wrap .cellActiveTechnology h3 strong.typingEff > em:nth-child(5){transition-delay:1.0s}
.brandStory_wrap .cellActiveTechnology h3 strong.typingEff > em:nth-child(6){transition-delay:1.0s}
.brandStory_wrap .cellActiveTechnology h3 strong.typingEff > em:nth-child(7){transition-delay:1.0s}
.brandStory_wrap .cellActiveTechnology h3 strong.typingEff > em:nth-child(8){transition-delay:1.0s;transition-duration:1.0s}
.brandStory_wrap .cellActiveTechnology h3 strong.typingEff > em:nth-child(9){transition-delay:1.0s;transition-duration:1.0s}
*/
/*
#cellActive06 .bg{-webkit-transform:scale(1.25);transform:scale(1.25);transition:transform 1.0s}
#cellActive06.active .bg{-webkit-transform:scale(1);transform:scale(1);transition-delay:.5s}
#cellActive07 .bg{-webkit-transform:scale(1.25);transform:scale(1.25);transition:transform 1.0s}
#cellActive07.active .bg{-webkit-transform:scale(1);transform:scale(1);transition-delay:.5s}
*/
#cellActive08 .experience_lst > li{opacity:0;-webkit-transform:translateY(1.5rem);transform:translateY(1.5rem);transition:opacity .5s,transform .5s}
#cellActive08 .experience_lst.current > li{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}
/*
#cellActive08 .experience_lst.current > li:nth-child(1){transition-delay:.5s}
#cellActive08 .experience_lst.current > li:nth-child(2){transition-delay:.6s}
#cellActive08 .experience_lst.current > li:nth-child(3){transition-delay:.7s}
#cellActive08 .experience_lst.current > li:nth-child(4){transition-delay:.8s}
*/
/*GSGS*/
.gsgs_wrap{}
.gsgs_wrap > .gsgs{position:relative}
.gsgs_wrap > .gsgs .img{display:block;height:100%;overflow:hidden}
.gsgs_wrap > .gsgs .caption{position:absolute;top:0;left:0;width:50%;height:100%}
.gsgs_wrap > .gsgs .title{position:absolute;top:50%;left:4rem;right:4rem;transform:translateY(-50%);-webkit-transform:translateY(-50%)}
.gsgs_wrap > .gsgs .small{display:block;position:relative;font-weight:400;font-size:0.75rem;line-height:1.25rem;color:#fff;letter-spacing:-0.025rem;text-transform:uppercase}
.gsgs_wrap > .gsgs .small:before{position:absolute;top:50%;left:5.5rem;width:calc(100% - 5.5rem);width:-webkit-calc(100% - 5.5rem);height:1px;background:#fff;opacity:0.2;filter:alpha(opacity=20);content:""}
.gsgs_wrap > .gsgs strong{display:block;margin-top:1rem;font-weight:400;font-size:1.4rem;line-height:1.9rem;color:#fff;letter-spacing:-0.05rem}
.gsgs_wrap > .txtp{padding:2rem 0}
.condition_wrap{padding:5rem 0 4rem;margin-bottom:-4rem;background:#fafbfc}
.condition_wrap > h3{margin-bottom:1.75rem;font-weight:500;font-size:1.75rem;line-height:2.25rem;color:#000;letter-spacing:-0.05rem;text-align:center}
.condition_wrap .innerwrap{overflow:hidden}
.condition_lst{margin:0 -0.5rem}
.condition_lst:after{clear:both;display:block;content:""}
.condition_lst > .item{float:left;width:50%;padding:0.5rem; max-height:300px;}
.condition_lst .condition{display:table;position:relative;width:100%;height:100%;background:#fff;table-layout:fixed}
.condition_lst .condition_flow,.condition_lst .img{display:table-cell;height:100%;vertical-align:top}
.condition_lst .condition_flow{padding:2.5rem;padding-right:0}
.condition_lst .condition_flow > li{position:relative}
.condition_lst .condition_flow > li + li{margin-top:2rem}
.condition_lst .condition .arrow{position:absolute;top:4rem;left:0;width:3.5rem;height:1rem;overflow:hidden}
.condition_lst .condition .arrow:before{position:absolute;top:0;left:0;width:100%;height:100%;background:url(../../kr/img/contents/sub02/sub0203_arrow.png) no-repeat 50% 0;-webkit-animation:scroll 2s infinite linear;animation:scroll 2s infinite linear;content:""}
.condition_lst .conditionInfo{display:table;width:100%;table-layout:fixed}
.condition_lst .conditionInfo .state,.condition_lst .conditionInfo strong{display:table-cell;vertical-align:middle}
.condition_lst .conditionInfo .state{width:3.5rem;height:3.5rem;padding:1.2rem 0;border:1px solid #04a6e1;font-style:normal;font-weight:500;font-size:0.75rem;line-height:1rem;color:#04a6e1;letter-spacing:-0.05rem;text-align:center}
.condition_lst .conditionInfo.sales .state{background:#04a6e1;color:#fff}
.condition_lst .conditionInfo strong{padding-left:1rem;font-weight:500;font-size:0.9rem;line-height:1.2rem;color:#000;letter-spacing:-0.05rem;word-break:keep-all}
.condition_lst .conditionInfo strong > .small{display:block;font-weight:300;font-size:0.8rem;line-height:1.3rem;color:#767676;letter-spacing:-0.025rem}
/*애니메이션*/
.gsgs_wrap > .gsgs .img img{transform:scale(1.25);-webkit-transform:scale(1.25);transition:transform 1.25s;-webkit-transition:transform 1.25s}
.gsgs_wrap > .gsgs.is-active .img img{transform:scale(1);-webkit-transform:scale(1)}
.gsgs_wrap > .gsgs .small,.gsgs_wrap > .gsgs strong{opacity:0;filter:alpha(opacity=0);transform:translateX(-1.75rem);-webkit-transform:translateX(-1.75rem);transition:opacity 0.3s,transform 0.3s;-webkit-transition:opacity 0.3s,transform 0.3s}
.gsgs_wrap > .gsgs.is-active .small,.gsgs_wrap > .gsgs.is-active strong{opacity:1;filter:alpha(opacity=100);transform:translateX(0);-webkit-transform:translateX(0);transition-delay:0.8s;-webkit-transition-delay:0.8s}
.gsgs_wrap > .gsgs.is-active strong{transition-delay:1.0s;-webkit-transition-delay:1.0s}

/*gsgs현황*/
.condition_wrap.gsgsProduct {background: #fff;}
.gsgsProduct_contents > h3{padding-bottom:0.9rem;margin:2.25rem 0 0;font-weight:500;font-size:1.35rem;line-height:1.35rem;color:#000;letter-spacing:-0.05rem}
.gsgsProduct_contents .tabNav_wrap{position:relative;overflow:visible; margin-bottom: 0.7rem;}
.gsgsProduct_contents .tabNav_wrap .note{position:absolute;top:-1.75rem;right:0;font-weight:300;font-size:0.75rem;line-height:1rem;color:#eb1616;letter-spacing:-0.025rem}
.gsgsProduct_contents .tabNav > li:before {content: ''; display: block; width: 1px; height: 10px; background: #dfe0e1; position: absolute; top: 50%; left: 0; transform: translateY(-50%);}
.gsgsProduct_contents .tabNav > li:first-child:before {display: none;}
.gsgsProduct_map{position:relative;height:25rem;background:#9fd7fa}
.gsgsProduct_map .pin {display:none;position:absolute;top:50%;left:50%;width:1.1rem;height:1.1rem;margin-top:-0.45rem;margin-left:-0.45rem;font-size:0.9rem;line-height:0.9rem;color:#fff; background: #0070ef; border-radius: 50%; text-align: center; z-index: 2;}
.gsgsProduct_map .pin:before {content: ''; width: 2.4rem; height: 2.4rem; position: absoute; z-index: 1; border-radius: 50%; background: rgba(0,112,239,.3); position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.gsgsProduct_map .pin.active{display:block}
.gsgsProduct_map .pin > i[class*="xi"]{display:block; position: relative; font-size: .6rem; line-height: 1.1rem; z-index: 2;}
.gsgsProduct_map .pin > .maker-text {display: inline-block; position: absolute; top: -1.6rem; left: 50%; transform: translate(-50%, 0);  color: #014b9f; font-size: .65rem; }
.gsgsProduct_map .pin.taiwan{transform:translate(-134px,2px)}
.gsgsProduct_map .pin.japan{transform:translate(-100px,-30px)}
.gsgsProduct_map .pin.singapore{transform:translate(-176px,66px)}
.gsgsProduct_map .pin.cambodia{transform:translate(-172px,37px)}
.gsgsProduct_map .pin.cambodia .maker-text {left: -70px; top: 0; transform: none;}
.gsgsProduct_map .pin.philippines{transform:translate(-130px,42px)}
.gsgsProduct_map .pin.philippines .maker-text {left: 26px; top: 0; transform: none;}
.gsgsProduct_map .pin.malaysia{transform:translate(-176px,69px)}
.gsgsProduct_map .pin.malaysia .maker-text {left: -70px; top: 0; transform: none;}
.gsgsProduct_map .pin.indonesia{transform:translate(-136px,78px)}
.gsgsProduct_map .pin.australia{transform:translate(-110px,140px)}
.gsgsProduct_map .pin.thailand{transform:translate(-182px,32px)}
.gsgsProduct_map .pin.vietnam{transform:translate(-166px,32px)}
.gsgsProduct_map .pin.china{transform:translate(-182px,-33px)}
.gsgsProduct_map .pin.india{transform:translate(-234px,14px)}
.gsgsProduct_map .pin.hongkong{transform:translate(-152px,6px)}
.gsgsProduct_map .pin.newzealand{transform:translate(-12px,196px)}
.gsgsProduct_map .pin.canada{transform:translate(228px,-116px)}
.gsgsProduct_map .pin.usa{transform:translate(240px,-65px)}
.gsgsProduct_map .pin.mexico{transform:translate(246px,15px)}
.gsgsProduct_map .pin.colombia{transform:translate(312px,54px)}
.gsgsProduct_map .pin.russia{transform:translate(-184px,-130px)}
.gsgsProduct_map .pin.turkey{transform:translate(-342px,-44px)}
.gsgsProductInfo_wrap {display:table; width:100%; height:100%; padding:1.2rem; border-bottom:1px solid #dfe0e1; table-layout:fixed;}
.gsgs-product-line {width: 100%; display: block; height: 2px; background: #707071; margin: 0; border: none;}
.gsgsProduct_wrap > .select_box{display:none}
.gsgsProduct_contents > .select_box{display:none}
.gsgsProduct_wrap .txtNav .tabNav a.asterisk,
.gsgsProduct_contents .tabNav_wrap .note{color:#999}
.gsgs-product-title {font-size: .85rem; color: #000; font-weight: 600; margin-bottom: 1rem;}
.gsgs-product-desc {}
.gsgs-product-desc .gsgs-product-icon {display: inline-block; width: 1.5rem; height: 1.5rem; background: #00b6ef; border-radius: 50%; text-align: center; line-height: 1.5rem; color: #fff; font-size: .7rem; margin-right: 0.5rem; vertical-align: top;}
.gsgs-product-desc .gsgs-product-text {display: inline-block; width: calc(100% - 2.5rem); font-size: .85rem; margin-top: 0.1rem; word-break: keep-all;}
.gsgsProductInfo_wrap .gsgs-tablebox-60 {display: table-cell; width: 60%;}
.gsgsProductInfo_wrap .gsgs-tablebox-40 {display: table-cell; width: 40%; text-align: right;}
.gsgsProductInfo_wrap .gsgs-img-box {display: inline-block; max-width: 45%; border: 1px solid #dfe0e1; background: #fff; text-align: center;}
/* 21-03-31 : 담당자 요청으로 유럽 탭 숨김 */
.gsgsProduct_nav li:last-child {display: none;}
#gsgsProductSelect #gsgsProductSel option:last-child {display: none;}



/*Social Responsibility*/
.responsibility_wrap{}
/*contribution*/
.contribution_wrap{}/*26.5rem*/
.contributionIntro_wrap{height:29.25rem;overflow:hidden}
.contribution_lst{display:table;position:relative;width:calc(100% + 0.5rem);width:-webkit-calc(100% + 0.5rem);height:100%;margin:0 -0.25rem;table-layout:fixed;z-index:2}
.contribution_lst > li{display:table-cell;position:relative;width:25%;height:100%;padding:0 0.25rem;background:#fff;transition:width .5s ease-in-out,background 2s cubic-bezier(.23,1,.32,1);-webkit-transition:width .5s ease-in-out,background 2s cubic-bezier(.23,1,.32,1)}
.contribution_lst > li:before{position:absolute;top:0;left:0;width:1px;height:1px;background:#fff;opacity:0.1;filter:alpha(opacity=10);transition:width 1s ease-in-out;-webkit-transition:width 1s ease-in-out;content:""}
.contribution_lst a{display:block;height:100%}
.contribution{display:block;position:relative;height:100%}
.contribution > .img{position:absolute;top:0;left:0;width:100%;height:100%;background:#000}
.contribution > .img:before{position:absolute;top:0;left:0;width:100%;height:100%;background:no-repeat 50% 50%;background-size:cover;content:""}
.contribution.no1 > .img:before{background-image:url(../../kr/img/contents/sub03/sub030100_img01.jpg)}
.contribution.no2 > .img:before{background-image:url(../../kr/img/contents/sub03/sub030100_img02.jpg)}
.contribution.no3 > .img:before{background-image:url(../../kr/img/contents/sub03/sub030100_img03.jpg)}
.contribution.no4 > .img:before{background-image:url(../../kr/img/contents/sub03/sub030100_img04.jpg)}
.contribution .caption{display:block;position:relative;height:100%}
.contribution .caption_wrap{position:absolute;bottom:0;left:0;width:100%;height:2.5rem}
.contribution .caption_wrap:before{position:absolute;bottom:0;left:0;width:100%;height:100%;border-radius:0.9rem 0.9rem 0 0;background:#04a6e1;opacity:0.7;filter:alpha(opacity=70);content:""}
.contribution .caption_wrap > *{position:relative;text-align:center;z-index:1}
.contribution .caption h2{padding:0.3rem 0;margin:0;font-weight:400;font-size:1.4rem;line-height:1.9rem;color:#fff;letter-spacing:-0.05rem;white-space:nowrap}
.contribution .caption h2:before{position:absolute;bottom:0;left:50%;width:0;height:1px;background:#fff;opacity:0.2;filter:alpha(opacity=20);transform:translateX(-50%);-webkit-transform:translateX(-50%);content:"";}
.contribution .caption .h2_desc{display:block;font-weight:300;font-size:0.85rem;line-height:1.4rem;color:#fff;letter-spacing:-0.025rem;word-break:keep-all;opacity:0;filter:alpha(opacity=0);transition:opacity 2s cubic-bezier(.23,1,.32,1);-webkit-transition:opacity 2s cubic-bezier(.23,1,.32,1)}
.contribution .caption .more{position:absolute;bottom:1.5rem;left:1.5rem;width:calc(100% - 3rem);width:-webkit-calc(100% - 3rem);opacity:0;filter:alpha(opacity=0);}
.contribution .caption .more:before{position:absolute;top:0;left:0;width:100%;height:100%;border:2px solid #fff;opacity:0.5;filter:alpha(opacity=50);content:""}
.contribution .caption .more > span{display:block;position:relative;padding:0.7rem 0;font-weight:400;font-size:0.8rem;line-height:1rem;color:#fff;letter-spacing:-0.025rem;text-align:center}
.contribution_lst.active{width:100%;margin:0}
.contribution_lst.active > li{padding:0}
.contribution_lst > li.current{background:transparent}
.contribution_lst.active .contribution .caption_wrap:before{border-radius:0;background:#000;opacity:0.1;filter:alpha(opacity=10)}
.current .contribution .caption_wrap{padding:0 1.5rem}
.current .contribution .caption_wrap.active{height:100%;transition:height 1s cubic-bezier(.23,1,.32,1);-webkit-transition:height 1s cubic-bezier(.23,1,.32,1)}
.contribution_lst.active .current .contribution .caption_wrap.active:before{border-radius:0;background:#04a6e1;opacity:0.7;filter:alpha(opacity=70)}
.current .contribution .caption .active h2{padding:2.75rem 0 1.25rem;margin-bottom:1.25rem}
.current .contribution .caption .active h2:before{width:100%}
.current .contribution .caption .active .h2_desc{opacity:1;filter:alpha(opacity=100)}
.current .contribution .caption .active .more{opacity:1;filter:alpha(opacity=100)}
.contribution_lst.active > li:before{height:100%}
.contribution_lst.active > li{background:transparent}
.contribution_lst.active .current{background:transparent}
.contribution_lst.active .contribution > .img{background:transparent}
.contribution_lst.active .contribution > .img:before{opacity:0;filter:alpha(opacity=0)}
.contribution_lst.active .contribution .caption{padding:1.55rem}
.contribution_lst.active .current .contribution .caption{padding:4rem}
.contribution_lst.active .contribution .caption h2{opacity:0.5;filter:alpha(opacity=50)}
.contribution_lst.active .current .contribution .caption h2{opacity:1;filter:alpha(opacity=100)}
.contributionBG_lst > li{position:absolute;top:0;left:0;width:100%;height:100%}
.contributionBG_lst .img{display:block;position:relative;width:100%;height:100%;background:transparent}
.contributionBG_lst .img:before{position:absolute;top:0;left:0;width:100%;height:100%;background:no-repeat 50% 0;background-size:cover;opacity:0;filter:alpha(opacity=0);transform:scale(1.1,1.1) rotate(0.0001deg);-webkit-transform:scale(1.1,1.1) rotate(0.0001deg);transition:transform 3s cubic-bezier(0.4, 0, 1, 1),opacity 2s cubic-bezier(.23,1,.32,1);-webkit-transition:transform 3s cubic-bezier(0.4, 0, 1, 1),opacity 2s cubic-bezier(.23,1,.32,1);z-index:1;content:""}
.contributionBG_lst .img.no1:before{background-image:url(../../kr/img/contents/sub03/sub030100_img01_big.jpg)}
.contributionBG_lst .img.no2:before{background-image:url(../../kr/img/contents/sub03/sub030100_img02_big.jpg)}
.contributionBG_lst .img.no3:before{background-image:url(../../kr/img/contents/sub03/sub030100_img03_big.jpg)}
.contributionBG_lst .img.no4:before{background-image:url(../../kr/img/contents/sub03/sub030100_img04_big.jpg)}
.contributionBG_lst .bgActive .img:before{opacity:1;filter:alpha(opacity=100);transform:scale(1.0,1.0) rotate(0.0001deg);-webkit-transform:scale(1.0,1.0) rotate(0.0001deg)}
/* 2021-01-08 담당자 허지연 요청으로  사회공헌 - 드리미재단,드리미스쿨 숨김처리*/
.contribution_lst.is-active li:nth-child(3), .contribution_lst.is-active li:nth-child(4) {display: none;}
/*애니메이션*/
.contribution_lst > li{opacity:0;filter:alpha(opacity=0);transform:translateX(-1.5rem);-webkit-transform:translateX(-1.5rem);transition:transform .5s,opacity .5s;-webkit-transition:transform .5s,opacity .5s}
.contribution_lst.is-active li{opacity:1;filter:alpha(opacity=100);transform:translateY(0);-webkit-transform:translateY(0)}
.contribution_lst.is-active li:nth-child(1){transition-delay:.1s;-webkit-transition-delay:.1s}
.contribution_lst.is-active li:nth-child(2){transition-delay:.3s;-webkit-transition-delay:.3s}
.contribution_lst.is-active li:nth-child(3){transition-delay:.5s;-webkit-transition-delay:.5s}
.contribution_lst.is-active li:nth-child(4){transition-delay:.7s;-webkit-transition-delay:.7s}
/*나눔의 문화*/
.contribution_wrap > .history_wrap{padding-top:2.5rem;margin:2.5rem 0 0;border-top:1px solid #e3e6e8}
.contribution_wrap > .history_wrap > h2{margin-bottom:2rem;font-weight:500;font-size:1.5rem;line-height:1.5rem;text-align:center}
.contribution_wrap .history_details_lst{margin:0 -0.25rem}
.contribution_wrap .history_details_lst > li{padding:0.25rem}
.contribution_wrap .history_details_lst a{border:1px solid #e3e6e8}
.contribution_wrap .history_details_lst a:hover,.contribution_wrap .history_details_lst .active a{border-color:#04a6e1}
.contribution_wrap .history_details{height:auto;margin-top:3rem}
.contribution_wrap .history_details:before{display:none}
.contribution_wrap .history_details > h3{margin-bottom:0.9rem;font-weight:500;font-size:1.35rem;line-height:1.35rem;color:#000;letter-spacing:-0.05rem;text-align:center}
.contribution_wrap .history_lst:nth-of-type(1){border-top:2px solid #707071}
.contribution_wrap .blockquote{padding:0;margin-bottom:1.5rem;background:transparent}
.contribution_wrap .blockquote > .person{font-weight:300;color:#999}
/*주요활동*/
.majorActivity_wrap{}
.majorActivity_wrap > .history_wrap{margin-bottom:0}
.majorActivity{min-width:51rem;padding:1.25rem}
.majorActivity > h3{font-weight:500;font-size:1.4rem;line-height:1.9rem;color:#000;letter-spacing:-0.05rem}
.majorActivity > h4{font-weight:400;font-size:0.9rem;line-height:1.4rem;color:#333;letter-spacing:-0.05rem}
.majorActivity .txtp{font-size:0.8rem;line-height:1.3rem;color:#767676}
.majorActivity .txtp ~ .txtp{margin-top:0.5rem}
.majorActivity strong{display:block;margin-top:0.75rem;font-weight:300;font-size:0.85rem;line-height:1.4rem;color:#767676;letter-spacing:-0.05rem}
/*드리미재단*/
.dreamymission_wrap{padding:1rem 0 0}
.dreamymission_wrap .btn_wrap{padding:3rem 0 0;margin-top:3.5rem;border-top:1px solid #e3e6e8}
.dreamymission_wrap .btn{height:2.8rem;padding:0.75rem 3rem}
/*드리미스쿨*/
.dreamyedu_wrap{padding:1rem 0 0}
.dreamyedu_wrap .btn_wrap{padding:3rem 0 0;margin-top:3.5rem;border-top:1px solid #e3e6e8}
.dreamyedu_wrap .btn{height:2.8rem;padding:0.75rem 4rem}
/*상생협력*/
.partnership_wrap{}
.winwinPartner{padding-top:2.5rem}
.winwinPartner > h2{margin-bottom:2rem;font-weight:500;font-size:1.5rem;line-height:1.5rem;text-align:center}
.winwinPartner > .img{position:relative;height:15rem;overflow:hidden;margin:2.5rem 0 3rem}
.winwinPartner > .img > img{position:absolute;top:0;left:50%;max-width:none;height:100%;transform:translateX(-50%);-webkit-transform:translateX(-50%)}
.winwinPartner .partnerPolicy_lst{border:solid #707071;border-width:2px 0}
.winwinPartner .partnerPolicy_lst > li{padding:1.25rem 1rem;border-top:1px solid #e3e6e8}
.winwinPartner .partnerPolicy_lst > li:first-child{border-top:0 none}
.winwinPartner .partnerPolicy_lst dl{}
.winwinPartner .partnerPolicy_lst dt{font-weight:500;font-size:0.9rem;line-height:1.4rem;color:#222;letter-spacing:-0.05rem}
.winwinPartner .partnerPolicy_lst dd{margin-top:0.25rem}
.winwinPartner .partnerPolicy_lst .txtp{line-height:1.35rem;color:#767676;letter-spacing:-0.025rem}
.winwinPartner .supportfund_lst{margin-top:0.5rem}
.winwinPartner .supportfund_lst:after{clear:both;display:block;content:""}
/* 21-02-04 담당자 이은미 요청으로 수정 */
/* .winwinPartner .supportfund_lst > li{float:left} */
.winwinPartner .supportfund_lst > li + li{margin-left:-0.5rem}
.winwinPartner .supportfund_lst .supportfund {width:17.5rem; max-width: 100%; height:5rem; padding:1.2rem 1.5rem; text-align:right;}
.winwinPartner .supportfund_lst .supportfund.no1{background:rgba(4,166,225,0.6)}
.winwinPartner .supportfund_lst .supportfund.no2{background:rgba(4,166,225,0.8)}
.winwinPartner .supportfund_lst .supportfund.no3{background:rgba(4,166,225,0.95)}
.winwinPartner .supportfund_lst .supportfund > .funds{display:block;font-weight:300;font-size:0.85rem;line-height:1.5rem;color:#fff}
.winwinPartner .supportfund_lst .supportfund > .funds > em{font-weight:700;font-size:1.5rem;line-height:1.5rem;vertical-align:top}
.winwinPartner .supportfund_lst .supportfund > .year{display:block;font-weight:300;font-size:0.75rem;line-height:1rem;color:#fff;letter-spacing:-0.025rem;opacity:0.7;filter:alpha(opacity=70)}
.winwinPartner .winwinPartnerImg_lst{display:table;position:relative;width:100%;height:10.5rem;padding:0 5rem;margin:5rem 0 1rem;table-layout:fixed}
.winwinPartner .winwinPartnerImg_lst .item{display:table-cell;height:100%;padding:0 1rem/*;background:#ccd0d3*/}
.winwinPartner .winwinPartnerImg_lst .item:nth-child(odd){/*background:#9aa2a8*/}
.winwinPartner .winwinPartnerImg_lst .slick-arrow{position:absolute;top:50%;width:2.75rem;height:2.75rem;padding:0.5rem;border:1px solid #e3e6e8;background:rgba(255,255,255,0.75);transform:translateY(-50%);-webkit-transform:translateY(-50%);transition:border 0.3s ease,background 0.3s;-webkit-transition:border 0.3s ease,background 0.3s;z-index:1}
.winwinPartner .winwinPartnerImg_lst .slick-arrow.slick-prev{left:0}
.winwinPartner .winwinPartnerImg_lst .slick-arrow.slick-next{right:0}
.winwinPartner .winwinPartnerImg_lst .slick-arrow > i[class*="xi-"]{display:block;font-size:1.1rem;line-height:1.65rem;color:#000;transition:color 0.3s ease;-webkit-transition:color 0.3s ease}
.winwinPartner .winwinPartnerImg_lst .slick-arrow:hover{border-color:#04a6e1;background:#04a6e1}
.winwinPartner .winwinPartnerImg_lst .slick-arrow:hover > i[class*="xi-"]{color:#fff}
/*애니메이션*/
.winwinPartner .partnerPolicy_lst > li{opacity:0;filter:alpha(opacity=0);transform:translateY(1.5rem);-webkit-transform:translateY(1.5rem);transition:transform .5s,opacity .5s;-webkit-transition:transform .5s,opacity .5s}
.winwinPartner .partnerPolicy_lst > li.is-active{opacity:1;filter:alpha(opacity=100);transform:translateY(0);-webkit-transform:translateY(0);transition-delay:.15s;-webkit-transition-delay:.15s}
/*친환경 제품정책*/
.sub030400 .responsibility_wrap{position:relative;padding-bottom:20.5rem;margin-bottom:-4rem}
.sub030400 .responsibility_wrap:before{position:absolute;bottom:0;left:0;width:100%;height:20.5rem;background:url(../../kr/img/contents/sub03/sub030400_img.jpg) no-repeat 50% 0;background-size:cover;content:""}
.ecofriendly_wrap{}
.ecofriendly_wrap .title{right:4rem;width:calc(100% - 8rem);width:-webkit-calc(100% - 8rem)}
.ecofriendly_wrap .title .ecofriendlylst_wrap{display:block}
.ecofriendlylst_wrap{display:none;position:absolute;top:50%;right:-1rem;transform:translateY(-50%);-webkit-transform:translateY(-50%)}
.ecofriendly_lst{display:table;table-layout:fixed}
.ecofriendly_lst > li{display:table-cell;padding:0 0.5rem}
.ecofriendly_lst .icon{display:block;position:relative;width:4.5rem;height:4.5rem;padding:0.75rem;border-radius:50%;background:rgba(0,181,239,0.8)}
.ecofriendly_lst .icon:after{position:absolute;top:0.75rem;left:0.75rem;width:3rem;height:3rem;background:url(../../kr/img/contents/sub03/sub030401_h2_icon.png) no-repeat;content:""}
.ecofriendly_lst .icon.no1:after{background-position:0 0}
.ecofriendly_lst .icon.no2:after{background-position:-3rem 0}
.ecofriendly_lst .icon.no3:after{background-position:-6rem 0}
.ecofriendly_lst .icon.no4:after{background-position:-9rem 0}
.ecofriendly_lst .icon.no5:after{background-position:-12rem 0}
.ecofriendly_lst strong{display:block;padding:0.5rem 0 0;font-weight:400;font-size:0.8rem;line-height:1rem;color:#fff;text-align:center}
.ecofriendlyPolicy{padding-top:2.5rem}
.ecofriendlyPolicy h2,.ecodesign_wrap h2{margin-bottom:2rem;font-weight:500;font-size:1.5rem;line-height:1.5rem;text-align:center}
.ecofriendlyPolicy h2 + .txtp,.ecodesign_wrap h2 + .txtp{margin-top:-1rem}
.ecofriendlyPerform_lst{margin:1.5rem 0 5rem;border:solid #707071;border-width:2px 0}
.ecofriendlyPerform_lst:after{clear:both;display:block;content:""}
.ecofriendlyPerform_lst > li{float:left;width:50%;padding:1.25rem 1rem;border-top:1px solid #e3e6e8}
.ecofriendlyPerform_lst > li:nth-child(1),.ecofriendlyPerform_lst > li:nth-child(2){border-top:0 none}
.ecofriendlyPerform_lst > li:last-child{width:100%}
.ecofriendlyPerform_lst dl{}
.ecofriendlyPerform_lst dt{font-weight:500;font-size:0.9rem;line-height:1.4rem;color:#222;letter-spacing:-0.05rem;word-break:keep-all}
.ecofriendlyPerform_lst dd{margin-top:0.25rem}
.ecofriendlyPerform_lst .txtp{line-height:1.35rem;color:#767676;letter-spacing:-0.025rem}
.ecofriendlyCase_wrap{padding:5rem 0;overflow:hidden}
.ecofriendlyCase_lst{display:table;width:calc(100% + 1rem);width:-webkit-calc(100% + 1rem);margin:0 -0.5rem;table-layout:fixed}
.ecofriendlyCase_lst > .item{display:table-cell;padding:0 0.5rem}
.ecofriendlyCase_lst .ecofriendlyCase{}
.ecofriendlyCase_lst .ecofriendlyCase .img{display:block;margin-bottom:1.25rem}
.ecofriendlyCase_lst .ecofriendlyCase strong{display:block;min-height:2.8rem;font-weight:500;font-size:0.9rem;line-height:1.4rem;color:#222;letter-spacing:-0.05rem;word-break:keep-all}
.ecofriendlyCase_lst .ecofriendlyCase .desc{display:block;margin-top:0.5rem;font-weight:300;font-size:0.8rem;line-height:1rem;color:#767676;letter-spacing:-0.025rem;word-break:keep-all}
.ecodesign_wrap{}
.ecodesignDirection{padding:3.5rem 5rem 2.5rem;background:#fafbfc}
.ecodesignDirection_lst{}
.ecodesignDirection_lst > li{position:relative;padding-left:11.25rem}
.ecodesignDirection_lst strong{position:absolute;top:50%;left:0;width:11.25rem;padding-right:6.05rem;font-weight:500;font-size:1.15rem;line-height:1.25rem;color:#000;letter-spacing:-0.05rem;transform:translateY(-50%);-webkit-transform:translateY(-50%)}
.ecodesignDirection_lst strong:before{position:absolute;top:0.55rem;right:0;width:6.05rem;height:3px;background:url(../../kr/img/contents/sub03/sub030402_direction_dot.png) no-repeat;content:""}
.ecodesignDirection_lst .vision{padding-bottom:0.75rem}
.ecodesignDirection_lst .vision:before{position:absolute;bottom:0;left:11.25rem;width:calc(100% - 11.25rem);width:-webkit-calc(100% - 11.25rem);height:3.1rem;background:url(../../kr/img/contents/sub03/sub030402_direction_arrow.png) no-repeat 50% 100%;content:""}
.ecodesignDirection_lst .vision .caption{position:relative;width:12.5rem;height:12.5rem;padding:0.7rem;margin:0 auto;border-radius:50%;overflow:hidden;font-weight:500;font-size:1.15rem;line-height:1.5rem;color:#fff;letter-spacing:-0.05rem;text-align:center;z-index:1}
.ecodesignDirection_lst .vision .caption:before{position:absolute;top:0;left:0;width:100%;height:100%;border:1px solid #28c7df;border-radius:50%;opacity:0.3;filter:alpha(opacity=30);content:""}
.ecodesignDirection_lst .vision .caption > span{display:block;width:100%;height:100%;padding:4.05rem 0;border-radius:50%;background:#00b5ef url(../../kr/img/contents/sub03/sub030402_direction_pattern.png) repeat;line-height:1.5rem;}
.ecodesignDirection_lst .goal{padding-top:1.5rem;padding-bottom:1.5rem}
.ecodesignDirection_lst .goal .caption{position:relative;width:25.5rem;height:2.2rem;padding:0.35rem 0;margin:0 auto;border:solid #27c4dc;border-width:0 2px;overflow:hidden;font-weight:500;font-size:1.05rem;line-height:1.5rem;color:#444;letter-spacing:-0.05rem;text-align:center;z-index:1}
.ecodesignDirection_lst .direction{padding-top:5rem}
.ecodesignDirection_lst .direction:before{position:absolute;top:0;left:11.25rem;width:calc(100% - 11.25rem);width:-webkit-calc(100% - 11.25rem);height:3.1rem;background:url(../../kr/img/contents/sub03/sub030402_direction_arrowbig.png) no-repeat 50% 0;content:""}
.ecodesignDirection_lst .direction .caption_lst{display:table;width:100%;margin:0 auto;table-layout:fixed}
.ecodesignDirection_lst .direction .caption_lst > li{display:table-cell;padding:0 0.25rem}
.ecodesignDirection_lst .direction .caption_lst dt{padding:1rem 0;border-radius:3.5rem;background:transparent;font-weight:700;font-size:1rem;line-height:1.5rem;color:#fff;letter-spacing:-0.05rem;text-align:center}
.ecodesignDirection_lst .direction .caption_lst .no1 dt{background:#00b5ef}
.ecodesignDirection_lst .direction .caption_lst .no2 dt{background:#607381}
.ecodesignDirection_lst .direction .caption_lst .no3 dt{background:#125491}
.ecodesignDirection_lst .direction .caption_lst dd{padding:0.7rem 0;font-weight:400;font-size:0.85rem;line-height:1.2rem;color:#767676;letter-spacing:-0.025rem;text-align:center;word-break:keep-all}
.ecodesignDirection_lst .direction .caption_lst i[class*="xi-"]{display:block;width:1.8rem;height:1.8rem;padding:0.35rem 0;margin:0 auto;border:1px solid #e3e6e8;border-radius:1.8rem;font-weight:0.8rem;line-height:1rem;color:#28c7df;text-align:center}
.ecodesignDirection_lst .task{padding-top:1rem;padding-bottom:1rem}
.ecodesignDirection_lst .task .caption_lst{display:table;width:100%;margin:0 auto;table-layout:fixed}
.ecodesignDirection_lst .task .caption_lst > li{display:table-cell;padding:0 0.25rem;vertical-align:top}
.ecodesignDirection_lst .task .caption_lst .desc{display:block;font-weight:400;font-size:0.85rem;line-height:1.2rem;color:#333;letter-spacing:-0.025rem;text-align:center;word-break:keep-all}
.ecodesignDirection_lst .task .caption_lst .no1 .desc{padding:0.6rem 0}
.ecodesignMaterials_wrap{padding:5rem 0}
.ecodesignMaterials_lst{display:table;width:calc(100% + 1rem);width:-webkit-calc(100% + 1rem);margin:0 -0.5rem;table-layout:fixed}
.ecodesignMaterials_lst > .item{display:table-cell;padding:0 0.5rem}
.ecodesignMaterials_lst .ecodesignMaterials{}
.ecodesignMaterials_lst .ecodesignMaterials .img{display:block;margin-bottom:1.25rem}
.ecodesignMaterials_lst .ecodesignMaterials strong{display:block;font-weight:500;font-size:0.9rem;line-height:1.4rem;color:#222;letter-spacing:-0.05rem;word-break:keep-all}
.ecodesignMaterials_lst .ecodesignMaterials .desc{display:block;margin-top:0.5rem;font-weight:300;font-size:0.8rem;line-height:1rem;color:#767676;letter-spacing:-0.025rem;word-break:keep-all}
.ecodesignPerform_wrap{padding-bottom:5rem}
.ecodesignPerform_lst{border:solid #707071;border-width:2px 0}
.ecodesignPerform_lst:after{clear:both;display:block;content:""}
.ecodesignPerform_lst > li{float:left;width:50%;padding:1.25rem 1rem;border-top:1px solid #e3e6e8}
.ecodesignPerform_lst > li:nth-child(1),.ecodesignPerform_lst > li:nth-child(2){border-top:0 none}
/* .ecodesignPerform_lst > li:last-child{width:100%} */
.ecodesignPerform_lst > li:nth-child(3) .txtp,.ecodesignPerform_lst > li:nth-child(4) .txtp{min-height:55px}
.ecodesignPerform_lst dl{}
.ecodesignPerform_lst dt{font-weight:500;font-size:0.9rem;line-height:1.4rem;color:#222;letter-spacing:-0.05rem;word-break:keep-all}
.ecodesignPerform_lst dd{margin-top:0.25rem}
.ecodesignPerform_lst .txtp{line-height:1.35rem;color:#767676;letter-spacing:-0.025rem}
.ecodesignProgress_wrap{position:relative}
.ecodesignProgress{position:relative;border:1px solid #b6bcc1}
.ecodesignProgress .total{padding:1.25rem 0;font-weight:300;font-size:0.8rem;line-height:1.5rem;color:#333;letter-spacing:-0.025rem;text-align:center}
.ecodesignProgress .total > strong{font-weight:500;font-size:1.1rem;line-height:1.5rem;color:#222;letter-spacing:-0.05rem;vertical-align:top}
.ecodesignProgress .total > em{display:inline-block;min-width:6.5rem;font-weight:500;font-size:1.5rem;line-height:1.5rem;color:#00b5ef}
.ecodesignProgress_title_lst,.ecodesignProgress_lst > ul{display:table;width:100%;border-top:1px solid #e3e6e8;background:#f7f8fa;table-layout:fixed}
.ecodesignProgress_title_lst > li,.ecodesignProgress_lst > ul > li{display:table-cell;vertical-align:middle;padding:0.6rem 0;font-size:0.8rem;line-height:1rem;color:#333;letter-spacing:-0.025rem;text-align:center}
.ecodesignProgress_lst > ul{border-top:1px solid #e3e6e8;background:transparent}
.ecodesignProgress_lst > ul:first-child{border-top:0 none}
.ecodesignProgress_lst > ul > li{color:#767676;word-break:keep-all}
.ecodesignProgress .note{position:absolute;top:2.25rem;right:1rem;font-weight:300;font-size:0.75rem;line-height:1rem;color:#444;letter-spacing:-0.025rem}
.ecodesignProgress_wrap .advice_wrap{margin-top:0.75rem}
.ecodesignProgress_wrap .advice_wrap:after{clear:both;display:block;content:""}
.ecodesignProgress_wrap .advice{float:right;font-size:0.75rem;line-height:1.3rem;color:#999}
/*애니메이션*/
.ecofriendly_wrap .title_wrap{opacity:1;filter:alpha(opacity=100);transition:none;-webkit-transition:none}
.ecofriendly_wrap .title_wrap.is-active{opacity:1;filter:alpha(opacity=100)}
.ecofriendly_wrap .title_wrap > .img img{transform:none;-webkit-transform:none}
.ecofriendly_wrap .ecofriendlylst_wrap{right:-2rem;opacity:0;filter:alpha(opacity=0);transition:right .5s,opacity .5s;-webkit-transition:right .5s,opacity .5s}
.ecofriendly_wrap .is-active .ecofriendlylst_wrap{right:-1rem;opacity:1;filter:alpha(opacity=100);transition-delay:1.3s;-webkit-transition-delay:1.3s}
.ecofriendlyCase_lst > .item{opacity:0;filter:alpha(opacity=0);transform:translateX(-1.5rem);-webkit-transform:translateX(-1.5rem);transition:transform .5s,opacity .5s;-webkit-transition:transform .5s,opacity .5s}
.ecofriendlyCase_lst.is-active .item{opacity:1;filter:alpha(opacity=100);transform:translateY(0);-webkit-transform:translateY(0)}
.ecofriendlyCase_lst.is-active .item:nth-of-type(1){transition-delay:.1s;-webkit-transition-delay:.1s}
.ecofriendlyCase_lst.is-active .item:nth-of-type(2){transition-delay:.3s;-webkit-transition-delay:.3s}
.ecofriendlyCase_lst.is-active .item:nth-of-type(3){transition-delay:.5s;-webkit-transition-delay:.5s}
.ecodesignMaterials_lst > .item{opacity:0;filter:alpha(opacity=0);transform:translateX(-1.5rem);-webkit-transform:translateX(-1.5rem);transition:transform .5s,opacity .5s;-webkit-transition:transform .5s,opacity .5s}
.ecodesignMaterials_lst.is-active .item{opacity:1;filter:alpha(opacity=100);transform:translateY(0);-webkit-transform:translateY(0)}
.ecodesignMaterials_lst.is-active .item:nth-of-type(1){transition-delay:.1s;-webkit-transition-delay:.1s}
.ecodesignMaterials_lst.is-active .item:nth-of-type(2){transition-delay:.3s;-webkit-transition-delay:.3s}
.ecodesignMaterials_lst.is-active .item:nth-of-type(3){transition-delay:.5s;-webkit-transition-delay:.5s}
/*생활환경 디자인연구소*/
.absoluteDesignLife_wrap{}
.absoluteDesign_wrap{padding:2.5rem 0 0}
.absoluteDesign_wrap h2,.researchDev_wrap h2,.awards_wrap h2,.IPR_wrap h2{margin-bottom:2rem;font-weight:500;font-size:1.5rem;line-height:1.5rem;text-align:center}
.absoluteDesign_wrap h2 + .txtp{margin-top:-1rem}
.absoluteDesign_lst{display:table;width:calc(100% + 1rem);width:-webkit-calc(100% + 1rem);padding:1.5rem 0;margin:0 -0.5rem;table-layout:fixed}
.absoluteDesign_lst > li{display:table-cell;padding:0 0.5rem}
.absoluteDesign_lst .absoluteDesign{position:relative;background:transparent;overflow:hidden}
.absoluteDesign_lst .absoluteDesign > .img{display:block}
.absoluteDesign_lst .absoluteDesign > .caption{position:absolute;top:0;left:0;width:100%;height:100%}
.absoluteDesign_lst .absoluteDesign strong{position:absolute;top:50%;left:0;width:100%;font-weight:500;font-size:0.9rem;line-height:1.4rem;color:#fff;letter-spacing:-0.025rem;text-align:center;transform:translateY(-50%);-webkit-transform:translateY(-50%);transition:margin .3s ease;-webkit-transition:margin .3s ease}
.absoluteDesign_lst .absoluteDesign strong > em{display:block;margin-bottom:0.5rem;font-size:1.25rem;line-height:1.75rem;color:#fff;letter-spacing:-0.025rem}
.absoluteDesign_lst .absoluteDesign .desc{position:absolute;bottom:-14rem;left:0;width:100%;padding:1.25rem 1.5rem;transition:bottom .3s ease;-webkit-transition:bottom .3s ease}
.absoluteDesign_lst .absoluteDesign .desc:before{position:absolute;top:0;left:0;width:100%;height:100%;background:#000;opacity:0.4;filter:alpha(opacity=40);content:""}
.absoluteDesign_lst .absoluteDesign .txtp{position:relative;font-size:0.8rem;line-height:1.3rem;color:#fff;letter-spacing:-0.025rem}
.absoluteDesign_lst > li:hover .absoluteDesign strong{margin-top:-4.5rem}
.absoluteDesign_lst > li:hover .absoluteDesign .desc{bottom:0}
.researchDev_wrap,.awards_wrap,.IPR_wrap{margin:3.5rem 0 1.5rem}
.researchDev_title{display:table;width:100%;table-layout:fixed}
.researchDev_title > li{display:table-cell;padding:0.75rem 0;background:#f7f8fa;font-weight:500;font-size:0.9rem;line-height:1.5rem;color:#222;letter-spacing:-0.05rem;text-align:center;word-break:keep-all}
.researchDev_title > li.no2{width:18rem}
.researchDev_lst{padding:0.5rem 0 0}
.researchDev_lst > ul{display:table;width:100%;padding:0.5rem 0 0;table-layout:fixed}
.researchDev_lst > ul > li{display:table-cell;border-bottom:1px solid #e3e6e8;font-weight:300;font-size:0.8rem;line-height:1.2rem;color:#767676;letter-spacing:-0.05rem;text-align:center;vertical-align:middle;word-break:keep-all}
.researchDev_lst > ul > li.no2{width:18rem;border-bottom:0 none}
.researchDev_lst > ul > li.no2 > span{display:block;width:14.25rem;height:3rem;padding:0.9rem 0;margin:0 auto;border:2px solid #a6a6a6;font-weight:500;font-size:0.9rem;line-height:1rem;color:#000}
/*.researchDev_lst > ul.last > li{color:#333}
.researchDev_lst > ul.last > li.no2 > span{border-color:#00b5ef;background:#00b5ef;color:#fff}*/
.absoluteDesignLifeSlide{position:relative;padding:0 3.5rem}
.absoluteDesignLifeSlide .item{padding:0 0.5rem}
.absoluteDesignLifeSlide .awards{}
.absoluteDesignLifeSlide .awards > .img{display:block;position:relative;height:18rem;padding:0.95rem 1.2rem;margin-bottom:1.5rem;border:1px solid #d5d5d5;text-align:center}
.absoluteDesignLifeSlide .awards span,.absoluteDesignLifeSlide .awards strong{display:block}
.absoluteDesignLifeSlide .awards span.year,.absoluteDesignLifeSlide .awards span.institution{font-size:0.8rem;line-height:1.2rem;color:#04a6e1;letter-spacing:-0.025rem}
.absoluteDesignLifeSlide .awards span.institution{font-weight:300;color:#767676}
.absoluteDesignLifeSlide .awards strong{padding:0.25rem 0;font-weight:500;font-size:0.9rem;line-height:1.4rem;color:#222;letter-spacing:-0.05rem}
.awardsMark_wrap{height:7.5rem;padding:0 3.5rem;margin-bottom:1.5rem}
.awardsMark_lst{display:table;width:100%;height:100%;padding:2rem 5rem;margin:0 auto;background:#f7f8fa;table-layout:fixed}
.awardsMark_lst > li{display:table-cell}
.awardsMark_lst .icon{display:block;width:6rem;height:3.5rem;margin:0 auto;background:url(../../kr/img/contents/sub03/sub030501_awardsMark.png?v=230106) no-repeat}
.awardsMark_lst .icon.no1{background-position:0 0}
.awardsMark_lst .icon.no2{background-position:-6rem 0}
.awardsMark_lst .icon.no3{background-position:-12rem 0}
.awardsMark_lst .icon.no4{background-position:-18rem 0}
.awardsMark_lst .icon.no5{background-position:-24rem 0}
.awardsMark_lst .icon.no6{background-position:-30rem 0}
.absoluteDesignLifeSlide .slick-arrow{position:absolute;top:50%;width:3.25rem;height:3.25rem;padding:1rem;margin-top:-2.9rem;border:1px solid #e3e6e8;background:rgba(255,255,255,0.5);transform:translateY(-50%);-webkit-transform:translateY(-50%);transition:border 0.3s ease,background 0.3s;-webkit-transition:border 0.3s ease,background 0.3s;z-index:1}
.absoluteDesignLifeSlide .slick-arrow.slick-prev{left:0}
.absoluteDesignLifeSlide .slick-arrow.slick-next{right:0}
.absoluteDesignLifeSlide .slick-arrow > i[class*="xi-"]{display:block;font-size:1.1rem;line-height:1.15rem;color:#000;transition:color 0.3s ease;-webkit-transition:color 0.3s ease}
.absoluteDesignLifeSlide .slick-arrow:hover{border-color:#04a6e1;background:#04a6e1}
.absoluteDesignLifeSlide .slick-arrow:hover > i[class*="xi-"]{color:#fff}
.IPRInfo_wrap{padding:1.75rem 0;border:1px solid #d5d5d5}
.IPRInfo_wrap .IPRInfo{display:table;margin:0 auto;table-layout:fixed}
.IPRInfo_wrap .IPRInfo > .img,.IPRInfo_wrap .IPRInfo > .caption{display:table-cell;vertical-align:top}
.IPRInfo_wrap .IPRInfo > .caption{padding-left:2.75rem}
.IPRInfo_wrap .IPR_lst{padding:1.5rem 0 0}
.IPRInfo_wrap .IPR_lst:after{clear:both;display:block;content:""}
.IPRInfo_wrap .IPR_lst > li{float:left}
.IPRInfo_wrap .IPR_lst > li + li{margin-left:-0.6rem}
.IPRInfo_wrap .IPR_lst .IPR{width:8rem;height:8rem;padding:2.25rem 0;border-radius:8rem;text-align:center}
.IPRInfo_wrap .IPR_lst .IPR.no1{background:rgba(4,166,225,0.6)}
.IPRInfo_wrap .IPR_lst .IPR.no2{background:rgba(4,166,225,0.8)}
.IPRInfo_wrap .IPR_lst .IPR.no3{background:rgba(4,166,225,0.95)}
.IPRInfo_wrap .IPR_lst .IPR > .cases{display:block;font-weight:300;font-size:0.85rem;line-height:1.5rem;color:#fff}
.IPRInfo_wrap .IPR_lst .IPR > .cases > em{font-weight:700;font-size:1.5rem;line-height:1.5rem;vertical-align:top}
.IPRInfo_wrap .IPR_lst .IPR > .title{display:block;margin-top:0.5rem;font-weight:400;font-size:0.9rem;line-height:1.5rem;color:#fff;letter-spacing:-0.05rem}
.IPRInfo_wrap .caption strong{display:block;margin-top:0.5rem;font-weight:300;font-size:0.75rem;line-height:1.2rem;color:#767676;letter-spacing:-0.025rem;text-align:center;}
/*애니메이션*/
.absoluteDesign_lst > li{opacity:0;filter:alpha(opacity=0);transform:translateX(-1.5rem);-webkit-transform:translateX(-1.5rem);transition:transform .5s,opacity .5s;-webkit-transition:transform .5s,opacity .5s}
.absoluteDesign_lst.is-active li{opacity:1;filter:alpha(opacity=100);transform:translateX(0);-webkit-transform:translateX(0)}
.absoluteDesign_lst.is-active li:nth-child(1){transition-delay:0.1s;-webkit-transition-delay:0.1s}
.absoluteDesign_lst.is-active li:nth-child(2){transition-delay:0.3s;-webkit-transition-delay:0.3s}
.absoluteDesign_lst.is-active li:nth-child(3){transition-delay:0.5s;-webkit-transition-delay:0.5s}
/*Opportunity*/
.opportunity_wrap{overflow:hidden}
/*애터미 성공시스템*/
.successSystem_wrap{padding:2.5rem 0 0}
.successSystem_wrap h2,.onOfflineApply_wrap h2{margin-bottom:2rem;font-weight:500;font-size:1.5rem;line-height:1.5rem;text-align:center}
.successSystem_wrap h2 + .txtp,.onOfflineApply_wrap h2 + .txtp{margin-top:-1rem}
.successSystem_lst{display:table;width:calc(100% + 1rem);width:-webkit-calc(100% + 1rem);padding:1.5rem 0 3rem;margin:0 -0.5rem;table-layout:fixed}
/* .successSystem_lst + .successSystem_lst {padding:1.5rem 0 3rem;} */
.successSystem_lst > li{display:table-cell;padding:0 0.5rem}
.successSystem_lst .successSystem{position:relative;overflow:hidden}
.successSystem_lst .successSystem > .img{display:block; position: relative;}
.successSystem_lst .successSystem > .img::before {content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(0,0,0,.2); z-index: -1; opacity: 0;}
.successSystem_lst > li:hover .successSystem > .img::before {z-index: 0; opacity: 1;}
.successSystem_lst .successSystem > .caption{position:absolute;top:0;left:0;width:100%;height:100%}
.successSystem_lst .successSystem strong{position:absolute;top:50%;left:0;width:100%;font-weight:500;font-size:0.9rem;line-height:1.4rem;color:#fff;letter-spacing:-0.025rem;text-align:center;transform:translateY(-50%);-webkit-transform:translateY(-50%);transition:margin .3s ease;-webkit-transition:margin .3s ease}
.successSystem_lst .successSystem strong > em{display:block;font-size:1.25rem;line-height:1.75rem;color:#fff;letter-spacing:-0.025rem; }
.successSystem_lst > li:hover .successSystem strong > em {text-shadow: 3px 3px 4px black;}
.successSystem_lst .successSystem .desc{position:absolute;bottom:-16rem;left:0;width:100%;padding:1.25rem 1.5rem;transition:bottom .3s ease;-webkit-transition:bottom .3s ease}
.successSystem_lst .successSystem .desc:before{position:absolute;top:0;left:0;width:100%;height:100%;background:#000;opacity:0.4;filter:alpha(opacity=40);content:""}
.successSystem_lst .successSystem .txtp{position:relative;font-size:0.8rem;line-height:1.3rem;color:#fff;letter-spacing:-0.05rem}
.successSystem_lst > li:hover .successSystem strong{margin-top:-3.5rem}
.successSystem_lst > li:hover .successSystem .desc{bottom:0}
.sameEI_wrap{position:relative;padding:3rem 0;background:#f7f8fa}
.sameEI_wrap:before{position:absolute;top:0;left:50%;width:128rem;height:100%;background:#f7f8fa;transform:translateX(-50%);-webkit-transform:translateX(-50%);content:""}
.sameEI_lst{position:relative;margin:0 -0.5rem;z-index:1}
.sameEI_lst:after{clear:both;display:block;content:""}
.sameEI_lst > .item{float:left;width:50%;padding:0 0.5rem}
.sameEI_lst > .item .img{display:block}
.sameEI_wrap strong{display:block;position:relative;padding:1rem 0 0.75rem;font-weight:500;font-size:1.1rem;line-height:1.5rem;color:#333;letter-spacing:-0.05rem;z-index:1}
.sameEI_wrap .txtp{position:relative;line-height:1.5rem;color:#444;z-index:1}
.onOfflineApply_wrap{padding:3.5rem 0 0}
.onOfflineApply_lst{position:relative;margin-top:2rem}
.onOfflineApply{}
.onOfflineApply:after{clear:both;display:block;content:""}
.onOfflineApply > .img{float:left;position:relative;width:calc(50% - 1.5rem);width:-webkit-calc(50% - 1.5rem);height:17.75rem;border:1px solid #d5d5d5}
.onOfflineApply > .img > img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%)}
.onOfflineApply > .caption{float:left;width:calc(50% + 1.5rem);width:-webkit-calc(50% + 1.5rem);padding:1.75rem 1.5rem 1.75rem 3rem}
.onOfflineApply > .caption > span,.onOfflineApply > .caption > strong{display:block}
.onOfflineApply > .caption .cate{font-weight:500;font-size:0.9rem;line-height:1.5rem;color:#1da4d9;letter-spacing:-0.025rem}
.onOfflineApply > .caption strong{font-weight:500;font-size:1.4rem;line-height:1.9rem;color:#000;letter-spacing:-0.05rem}
.onOfflineApply > .caption .desc{margin-top:0.5rem;font-weight:300;font-size:0.85rem;line-height:1.4rem;color:#444;letter-spacing:-0.025rem;word-break:keep-all}
.onOfflineApply > .caption .select_box_wrap{margin-top:0.5rem}
.onOfflineApply > .caption .select_box_wrap:after{clear:both;display:block;content:""}
.onOfflineApply > .caption .select_box{float:left;width:8rem}
.onOfflineApply > .caption .select_box + .select_box{margin-left:0.5rem}
.onOfflineApply > .caption .url,.onOfflineApply > .caption .download,.onOfflineApply > .caption .more{padding-top:1rem;margin-top:1rem;border-top:1px solid #e3e6e8}
.onOfflineApply > .caption .url > a{display:block;font-weight:300;font-size:0.8rem;line-height:1.2rem;color:#444;letter-spacing:-0.025rem}
.onOfflineApply > .caption .url > a:after{clear:both;display:block;content:""}
.onOfflineApply > .caption .url span{float:left;position:relative;line-height:1.2rem}
.onOfflineApply > .caption .url span:before{position:absolute;bottom:0;left:0;width:0;height:1px;background:#a6a6a6;transition:width .3s ease;-webkit-transition:width .3s ease;content:""}
.onOfflineApply > .caption .url a:hover span:before{width:100%}
.onOfflineApply > .caption .download > a,.onOfflineApply > .caption .more > a{display:block;width:12.5rem;height:2rem;padding:0.45rem 0;border:1px solid #1da4d9;background:#1da4d9;font-weight:300;font-size:0.8rem;line-height:1rem;color:#fff;letter-spacing:-0.025rem;text-align:center;transition:background .3s,color .3s}
.onOfflineApply > .caption .download > a:hover,.onOfflineApply > .caption .more > a:hover{background:#fff;color:#1da4d9}
.onOfflineApply > .caption .url + .more{padding-top:0;border-top:0 none}
.onOfflineApply_lst .slick-slide:focus{outline:none}
.onOfflineApply_lst .slick-dots{position:absolute;bottom:1rem;left:25%;margin-left:-0.75rem;transform:translateX(-50%);-webkit-transform:translate(-50%);z-index:1000}
.onOfflineApply_lst .slick-dots > li{float:left}
.onOfflineApply_lst .slick-dots button{display:block;position:relative;width:1.35rem;height:1.25rem;padding:0.25rem;border-radius:0.95rem;font-size:0;line-height:0}
.onOfflineApply_lst .slick-dots button::before{position:absolute;top:0.25rem;left:0.25rem;width:0.8rem;height:0.8rem;border:3px solid #999;border-radius:50%;content:""}
.onOfflineApply_lst .slick-dots .slick-active button:before{border-color:#333;background:#333}
.onOfflineApply_lst .slick-arrow{position:absolute;top:50%;width:2.75rem;height:2.75rem;padding:0.5rem;border:1px solid #e3e6e8;transform:translateY(-50%);-webkit-transform:translateY(-50%);transition:border 0.3s ease,background 0.3s;-webkit-transition:border 0.3s ease,background 0.3s;z-index:1}
.onOfflineApply_lst .slick-arrow.slick-prev{left:1rem}
.onOfflineApply_lst .slick-arrow.slick-next{left:50%;margin-left:-5.25rem}
.onOfflineApply_lst .slick-arrow > i[class*="xi-"]{display:block;font-size:1.1rem;line-height:1.65rem;color:#000;transition:color 0.3s ease;-webkit-transition:color 0.3s ease}
.onOfflineApply_lst .slick-arrow:hover{border-color:#04a6e1;background:#04a6e1}
.onOfflineApply_lst .slick-arrow:hover > i[class*="xi-"]{color:#fff}
.onOfflineApply_wrap .advice_wrap{margin-top:2.5rem;text-align:right}
.onOfflineApply_wrap .advice_wrap > .advice{display:inline-block;font-size:0.75rem;line-height:1.2rem;color:#999;vertical-align:top}
.onOfflineApply_wrap .advice_wrap > .advice:after{line-height:1.2rem;color:#999}
/*애니메이션*/
.successSystem_lst > li{opacity:0;filter:alpha(opacity=0);transform:translateX(-1.5rem);-webkit-transform:translateX(-1.5rem);transition:transform .5s,opacity .5s;-webkit-transition:transform .5s,opacity .5s}
.successSystem_lst.is-active li{opacity:1;filter:alpha(opacity=100);transform:translateX(0);-webkit-transform:translateX(0)}
.successSystem_lst.is-active li:nth-child(1){transition-delay:0.1s;-webkit-transition-delay:0.1s}
.successSystem_lst.is-active li:nth-child(2){transition-delay:0.3s;-webkit-transition-delay:0.3s}
.successSystem_lst.is-active li:nth-child(3){transition-delay:0.5s;-webkit-transition-delay:0.5s}

/*석세스 스토리*/
/* 프로그램페이지에 css가 있어서 여기서 콘트롤 */
.gallery_slide .slider-nav .slick-list{padding:0!important}
.gallery_slide .slider-nav .slick-list::before, .gallery_slide .slider-nav .slick-list::after{display:none!important}
.gallery_slide .slider-nav .slick-list .slick-slide img{height:50px!important}
.sub040200 .galleryList > ul > li .hit,
.sub050200 .galleryList > ul > li .date, .sub050200 .galleryList > ul > li .hit{display:none}

/*멤버가이드*/
/*세미나 신청*/
.calendar_wrap{}
.calendarSel_wrap{padding:1rem 4rem;margin-bottom:2.5rem;background:#f7f8fa}
.calendarSel_wrap .calendarSel{}
.calendarSel_wrap .calendarSel:after{clear:both;display:block;content:""}
.calendarSel_wrap .calendarSel > strong,.calendarSel_wrap .calendarSel > .select_box,.calendarSel_wrap .calendarSel > .txtp{float:left}
.calendarSel_wrap .calendarSel > strong{font-weight:500;font-size:0.8rem;line-height:2rem;color:#333;letter-spacing:-0.025rem}
.calendarSel_wrap .calendarSel > .select_box{min-width:7.5rem;margin:0 0.75rem;border-color:#ddd;background:#fff}
.calendarSel_wrap .calendarSel > .txtp{padding-left:0.25rem;font-weight:300;font-size:0.75rem;line-height:2rem;color:#767676;letter-spacing:-0.025rem}
.calendarSel_wrap .calendarSel #schType {height: 2rem;}
#calendar{}
.fc-event-container a{color:#fff}
.fc-sun .fc-day-number{color:#cb152b}
.fc-sat .fc-day-number{color:#116eb4}
.calendar_schedule{margin-top:3.75rem}
.calendar_schedule .schedule_date{padding-bottom:1rem}
.calendar_schedule .schedule_date:after{clear:both;display:block;content:""}
.calendar_schedule .schedule_date > strong{float:left;font-weight:500;font-size:1.4rem;line-height:2.5rem;color:#000;letter-spacing:-0.05rem}
.calendar_schedule .schedule_date > .apply{float:right;font-weight:300;font-size:0.8rem;line-height:2.5rem;color:#767676;letter-spacing:-0.025rem}
.calendar_schedule .schedule_date > .apply > a.btn{display:inline-block;min-width:18rem;margin-left:0.25rem;border-color:#04a6e1;background:#04a6e1;color:#fff;vertical-align:top}
.calendar_schedule .schedulelist_wrap{padding:1.75rem 0;border:solid #aaa;border-width:1px 0}
.calendar_schedule .schedule_lst{}
.calendar_schedule .schedule_lst:after{clear:both;display:block;content:""}
.calendar_schedule .schedule_lst > li{float:left;width:33.3333%}
.calendar_schedule .schedule{}
.calendar_schedule .schedule > strong{display:block;font-weight:500;font-size:0.9rem;line-height:1.5rem;color:#333;letter-spacing:-0.05rem}
.calendar_schedule .schedule > .info{margin-top:0.2rem}
.calendar_schedule .schedule > .info:after{clear:both;display:block;content:""}
.calendar_schedule .schedule > .info > span{float:left;position:relative;padding:0 0.5rem;font-weight:300;font-size:0.8rem;line-height:1.2rem;color:#767676;letter-spacing:-0.025rem}
.calendar_schedule .schedule > .info > span.date{padding-left:0}
.calendar_schedule .schedule > .info > span:before{position:absolute;top:0.3rem;left:0;width:1px;height:0.6rem;background:#c9c9c9;content:""}
.calendar_schedule .schedule > .info > span.date:before{display:none}
.fc-toolbar h2 { font-size: 1.45em!important;}
.fc .fc-view .fc-day-header,
.fc .fc-view .fc-day-grid .fc-day-top,
.fc .fc-view .fc-day-grid .fc-day-grid-event{padding:0!important}


/*Global Atomy*/
/*News*/
.newsArchive_wrap{padding-top:1rem}
.newsArchive_contents{display:table;width:100%;height:100%;margin-top:3rem;table-layout:fixed}
.newsArchive_contents > .imgbox,.newsArchive_contents > .caption{display:table-cell;height:100%;vertical-align:top}
.newsArchive_contents > .imgbox{padding-right:3rem}
.newsArchive_contents > .imgbox > .img{display:block;position:relative;height:100%;overflow:hidden}
.newsArchive_contents > .imgbox > .img:before{display:none;position:absolute;top:0;left:0;width:100%;height:100%;border:1px solid #d5d5d5;z-index:1;content:""}
.newsArchive_contents > .imgbox img{position:absolute;top:0;left:50%;max-width:none;height:100%;transform:translateX(-50%);-webkit-transform:translateX(-50%)}
.newsArchive_contents > .caption{padding-left:3rem}
.newsArchive_contents .caption_wrap{height:100%}
.newsArchive_contents strong{display:block;font-weight:500;font-size:0.9rem;line-height:1rem;color:#1da4d9;letter-spacing:-0.05rem}
.newsArchive_contents strong > em{display:block;font-size:1.3rem;line-height:1.8rem;color:#000;word-break:keep-all}
.newsArchive_contents .langDown{padding:0.8rem 0 1rem;margin-bottom:1rem;border-bottom:1px solid #e3e6e8}
.newsArchive_contents .langDown:after{clear:both;display:block;content:""}
.newsArchive_contents .langDown > a{float:left;min-width:4.25rem;height:1.75rem;padding:0.4rem 1rem;border-color:#a1a8af;background:#a1a8af;font-size:0.8rem;line-height:0.85rem;color:#fff}
.newsArchive_contents .langDown > a > span{display:block;line-height:0.85rem}
.newsArchive_contents .langDown > a + a{margin-left:0.5rem}
.newsArchive_contents .coverStory_wrap{height:9rem;padding:0.5rem;background:#fafbfc}
.newsArchive_contents .coverStory{padding:0.75rem;height:100%;font-weight:300;font-size:0.8rem;line-height:1.2rem;color:#767676;letter-spacing:-0.025rem;overflow:auto}
.newsArchive_contents .coverStory strong{font-weight:400;font-size:0.8rem;line-height:1.2rem;color:#767676}
.newsArchive_contents .coverStory .desc{display:block;margin-top:0.25rem;line-height:1.2rem;word-break:keep-all}

/*Atomy People*/
.atomyPeople_wrap{}
/*인재상*/
.seekingTalent_wrap .title_wrap{opacity:1;filter:alpha(opacity=100);transition:none;-webkit-transition:none}
.seekingTalent_wrap .title_wrap.is-active{opacity:1;filter:alpha(opacity=100)}
.seekingTalent_wrap .title_wrap > .img img{transform:none;-webkit-transform:none}
.top-link-area {text-align: right; position: absolute; top: -3rem; right: 0; z-index: 1;}
.top-link-area .btn {max-width: 100%; display: block; height: auto;}
.top-link-area .btn > span {display: block; word-break: break-word; width: 100%; white-space: normal;}
.chairmanMessage_wrap{margin-bottom:5rem}
.chairmanMessage_wrap .txtp > strong{display:block;margin-bottom:0.5rem;font-weight:500;font-size:0.9rem;line-height:1.4rem;color:#222;letter-spacing:-0.05rem}
.chairmanMessage_wrap .txtp > em{display:block;font-weight:300;color:#767676}
.atomyPeolpleDNA_wrap{}
.atomyPeolpleDNA_lst{margin-top:-2.5rem}
.atomyPeolpleDNA_lst > li{padding:2.25rem 0}
.atomyPeolpleDNA_lst > li:nth-child(even){background:#fafbfc}
.atomyPeolpleDNA_cnts {display: block;width:100%;}
.atomyPeolpleDNA_cnts > .icon{display: inline-block;position:relative;width:13rem;height:5.5rem;vertical-align:middle;}
.atomyPeolpleDNA_cnts > .icon:before{position:absolute;top:50%;left:50%;width:5.5rem;height:5.5rem;background:url(../../kr/img/contents/sub06/sub0601_icon.png) no-repeat;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);content:""}
.atomyPeolpleDNA_cnts > .icon.no1:before{background-position:0 0}
.atomyPeolpleDNA_cnts > .icon.no2:before{background-position:-5.5rem 0}
.atomyPeolpleDNA_cnts > .icon.no3:before{background-position:-11rem 0}
.atomyPeolpleDNA_cnts > .icon.no4:before{background-position:-16.5rem 0}
.atomyPeolpleDNA_cnts > .icon.no5:before{background-position:-22rem 0}
.atomyPeolpleDNA_cnts > dl{display: inline-block;vertical-align: middle;width: calc(100% - 14rem);}
.atomyPeolpleDNA_cnts > dl >  dt{margin-bottom:0.5rem;font-weight:500;font-size:1.1rem;line-height:1.6rem;color:#000;letter-spacing:-0.05rem}
.atomyPeolpleDNA_cnts > dl >  dd{font-weight:300;font-size:0.85rem;line-height:1.35rem;color:#444;letter-spacing:-0.025rem;word-break:keep-all}
/*애니메이션*/
.atomyPeolpleDNA_wrap .title_wrap.is-active > .title > h2{transition-delay:0s;-webkit-transition-delay:0s}
.chairmanMessage_wrap .txtp[class*="areaScene"]{transform:translateY(1rem);-webkit-transform:translateY(1rem);transition:opacity .3s,transform .3s;-webkit-transition:opacity .3s,transform .3s}
.chairmanMessage_wrap .txtp.is-active{transform:translateY(0);-webkit-transform:translateY(0)}
.atomyPeolpleDNA_cnts > .icon,.atomyPeolpleDNA_cnts > dl > dt,.atomyPeolpleDNA_cnts > dl > dd{transition:opacity .5s,transform .5s;-webkit-transition:opacity .5s,transform .5s}
.atomyPeolpleDNA_cnts > .icon{transform:scale(0);-webkit-transform:scale(0)}
.atomyPeolpleDNA_cnts > dl > dt,.atomyPeolpleDNA_cnts > dl > dd{opacity:0;filter:alpha(opacity=0);transform:translateY(1rem);-webkit-transform:translateY(1rem)}
.is-active .atomyPeolpleDNA_cnts > .icon{transform:scale(1);-webkit-transform:scale(1);transition-delay:.3s;-webkit-transition-delay:.3s}
.is-active .atomyPeolpleDNA_cnts > dl > dt,.is-active .atomyPeolpleDNA_cnts > dl > dd{opacity:1;filter:alpha(opacity=100);transform:translateY(0);-webkit-transform:translateY(0)}
.is-active .atomyPeolpleDNA_cnts > dl > dt{transition-delay:.1s;-webkit-transition-delay:.1s}
.is-active .atomyPeolpleDNA_cnts > dl > dd{transition-delay:.2s;-webkit-transition-delay:.2s}
/*일하는방식*/
.atomyWorkway_wrap{overflow:hidden}
.atomyWorkway_index{display:table;width:calc(100% + 0.5rem);width:-webkit-calc(100% + 0.5rem);margin:0 -0.25rem;table-layout:fixed}
.atomyWorkway_index > .item{display:table-cell;padding:0 0.25rem}
.atomyWorkway_index > .item > a{display:block}
.atomyWorkway_index > .item .img{display:block;position:relative;height:24.65rem;overflow:hidden}
.atomyWorkway_index > .item .img > img{position:absolute;top:50%;left:50%;width:100%;max-width:none;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transition:transform 1s ease-in-out;-webkit-transition:transform 1s ease-in-out}
.atomyWorkway_index > .item strong{display:block;padding:1.75rem 2rem}
.atomyWorkway_index > .item strong > em{display:block;font-weight:400;font-size:1.4rem;line-height:1.9rem;color:#000;letter-spacing:-0.05rem}
.atomyWorkway_index > .item strong > span{display:block;width:8.25rem;height:2.4rem;padding:0.5rem 0;margin-top:0.75rem;border:1px solid #d5d5d5;background:transparent;font-weight:400;font-size:0.8rem;line-height:1.3rem;color:#333;letter-spacing:-0.025rem;text-align:center;transition:border .3s ease-in-out,background .3s,color .3s;-webkit-transition:border .3s ease-in-out,background .3s,color .3s}
.atomyWorkway_index > .item > a:hover img{transform:translate(-50%,-50%) scale(1.15);-webkit-transform:translate(-50%,-50%) scale(1.15)}
.atomyWorkway_index > .item > a:hover strong > span{border-color:#04a6e1;background:#04a6e1;color:#fff}
/*애니메이션*/
.atomyWorkway_index > .item{opacity:0;filter:alpha(opacity=0);transform:translateY(2.5rem);-webkit-transform:translateY(2.5rem);transition:transform 0.5s,opacity 0.5s;-webkit-transition:transform 0.5s,opacity 0.5s}
.atomyWorkway_index.is-active .item{opacity:1;filter:alpha(opacity=100);transform:translateY(0);-webkit-transform:translateY(0)}
.atomyWorkway_index.is-active .item:nth-child(1){transition-delay:0.1s;-webkit-transition-delay:0.1s}
.atomyWorkway_index.is-active .item:nth-child(2){transition-delay:0.3s;-webkit-transition-delay:0.3s}
.atomyWorkway_index.is-active .item:nth-child(3){transition-delay:0.5s;-webkit-transition-delay:0.5s}
/*Atomy Way*/
.atomyWay_lst{}
.atomyWay_lst > dt{padding:0.25rem 0}
.atomyWay_lst > dt > a{display:block;position:relative;padding:0 4rem;background:#fafbfc}
.atomyWay_lst > dt > a:after{position:absolute;top:1.1rem;right:4rem;width:1px;height:1.2rem;background:#e3e6e8;transform:translateY(-50%);-webkit-transform:translateY(-50%);content:""}
.atomyWay_lst > dt .num,.atomyWay_lst > dt i[class*="xi"]{position:absolute;top:1.5rem;width:1rem;height:1rem;font-weight:400;font-size:1rem;line-height:1rem;text-align:center}
.atomyWay_lst > dt .num{left:0;width:4rem;color:#04a6e1}
.atomyWay_lst > dt i[class*="xi"]{right:1.5rem;color:#000;transition:transform .3s ease;-webkit-transition:transform .3s ease}
.atomyWay_lst > dt strong{display:block;padding:1.2rem 0;font-weight:400;font-size:1.1rem;line-height:1.6rem;color:#222;letter-spacing:-0.05rem;word-break:keep-all}
.atomyWay_lst > dt .active i[class*="xi"]{transform:rotate(180deg);-webkit-transform:rotate(180deg)}
.atomyWay_lst > dd{display:none;padding:1.5rem 4rem 3rem}
/*Atomy Life*/
#detail_content.sub060204{overflow:hidden}
.atomyLifeNo3_wrap,.atomyLifeWelfare_wrap,.atomyLifeSystem_wrap,.atomyLifeOffice_wrap{position:relative;padding:3.5rem 0 2.5rem}
.atomyLifeNo3_wrap h2,.atomyLifeWelfare_wrap h2,.atomyLifeSystem_wrap h2,.atomyLifeOffice_wrap h2{margin-bottom:2rem;font-weight:500;font-size:1.5rem;line-height:1.5rem;text-align:center}
.atomyLifeNo3_wrap{padding:2.5rem 0 0}
.atomyLifeNo3_lst > li{padding:2.25rem 0}
.atomyLifeNo3_lst > li:nth-child(odd){background:#fafbfc}
.atomyLifeNo3_cnts{display: block;width:100%;}
.atomyLifeNo3_cnts > .icon{display: inline-block;position:relative;width:13rem;height:5.5rem;vertical-align:middle;}
.atomyLifeNo3_cnts > .icon:before{position:absolute;top:50%;left:50%;width:5.5rem;height:5.5rem;background:url(../../kr/img/contents/sub06/sub060204_icon.png) no-repeat;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);content:""}
.atomyLifeNo3_cnts > .icon.no1:before{background-position:0 0}
.atomyLifeNo3_cnts > .icon.no2:before{background-position:-5.5rem 0}
.atomyLifeNo3_cnts > .icon.no3:before{background-position:-11rem 0}
.atomyLifeNo3_cnts > dl{display: inline-block;vertical-align:middle;width: calc(100% - 14rem);}
.atomyLifeNo3_cnts > dl >  dt{margin-bottom:0.5rem;font-weight:500;font-size:1.1rem;line-height:1.6rem;color:#000;letter-spacing:-0.05rem}
.atomyLifeNo3_cnts > dl >  dd{font-weight:300;font-size:0.85rem;line-height:1.35rem;color:#444;letter-spacing:-0.025rem;word-break:keep-all}
.atomyLifeWelfare_lst{display:table;width:calc(100% + 1rem);width:-webkit-calc(100% + 1rem);padding:0 0 1rem;margin:0 -0.5rem;table-layout:fixed}
.atomyLifeWelfare_lst > .item{display:table-cell;padding:0 0.5rem}
.atomyLifeWelfare_lst .img{display:block}
.atomyLifeSystem_wrap:before{position:absolute;top:0;left:50%;width:128rem;height:100%;background:#f7f8fa;transform:translateX(-50%);-webkit-transform:translateX(-50%);content:""}
.atomyLifeSystem_wrap h2{z-index:1}
.atomyLifeSystem_wrap .txtp{position:relative;z-index:1}
.atomyLifeSystem{position:relative;max-width:35rem;height:16.5rem;margin:0 auto 1.5rem;background:url(../../kr/img/contents/sub06/sub060204_systemLine.png) no-repeat;z-index:1}
.atomyLifeSystem > strong{position:absolute;top:50%;width:5rem;height:5rem;padding:1.4rem 0;border-radius:5rem;font-weight:700;font-size:0.9rem;line-height:1.1rem;color:#fff;letter-spacing:-0.05rem;text-align:center;transform:translateY(-50%);-webkit-transform:translateY(-50%)}
.atomyLifeSystem > strong.no1{left:0;background:#08b8e8}
.atomyLifeSystem > strong.no2{right:0;background:#3fc4bd}
.atomyLifeSystem_lst{display:table;padding:5.75rem 0;margin:0 auto;table-layout:fixed}
.atomyLifeSystem_lst > li{display:table-cell;padding:0 1.75rem}
.atomyLifeSystem_lst .icon{display:block;width:3.5rem;height:3.5rem;background:url(../../kr/img/contents/sub06/sub060204_systemIcon.png) no-repeat}
.atomyLifeSystem_lst .icon.no1{background-position:0 0}
.atomyLifeSystem_lst .icon.no2{background-position:-3.5rem 0}
.atomyLifeSystem_lst .icon.no3{background-position:-7rem 0}
.atomyLifeSystem_lst em{display:block;font-weight:700;font-size:1rem;line-height:1.5rem;color:#333;letter-spacing:-0.05rem;text-align:center}
.atomyLifeOffice_lst{display:table;width:calc(100% + 1rem);width:-webkit-calc(100% + 1rem);padding:0 0 1rem;margin:0 -0.5rem;table-layout:fixed}
.atomyLifeOffice_lst > .item{display:table-cell;padding:0 0.5rem}
.atomyLifeOffice_lst .img{display:block}
.atomyLife_wrap .slick-arrow{position:absolute;top:50%;width:2.75rem;height:2.75rem;padding:0.5rem;border:1px solid #e3e6e8;background:rgba(255,255,255,0.75);transform:translateY(-50%);-webkit-transform:translateY(-50%);transition:border 0.3s ease,background 0.3s;-webkit-transition:border 0.3s ease,background 0.3s;z-index:1}
.atomyLife_wrap .slick-arrow.slick-prev{left:0}
.atomyLife_wrap .slick-arrow.slick-next{right:0}
.atomyLife_wrap .slick-arrow > i[class*="xi-"]{display:block;font-size:1.1rem;line-height:1.65rem;color:#000;transition:color 0.3s ease;-webkit-transition:color 0.3s ease}
.atomyLife_wrap .slick-arrow:hover{border-color:#04a6e1;background:#04a6e1}
.atomyLife_wrap .slick-arrow:hover > i[class*="xi-"]{color:#fff}
/*애니메이션*/
.atomyLife_wrap .title_wrap{opacity:1;filter:alpha(opacity=100);transition:none;-webkit-transition:none}
.atomyLife_wrap .title_wrap.is-active{opacity:1;filter:alpha(opacity=100)}
.atomyLife_wrap .title_wrap > .img img{transform:none;-webkit-transform:none}
.atomyLifeSystem > strong,.atomyLifeSystem_lst > li{opacity:0;filter:alpha(opacity=0);transition:transform 0.5s,opacity 0.5s;-webkit-transition:transform 0.5s,opacity 0.5s}
.atomyLifeSystem > strong{transform:scale(0);-webkit-transform:scale(0)}
.is-active.atomyLifeSystem > strong{opacity:1;filter:alpha(opacity=100);transform:scale(1) translateY(-50%);-webkit-transform:scale(1) translateY(-50%)}
.is-active.atomyLifeSystem > strong.no1{transition-delay:0.4s;-webkit-transition-delay:0.4s}
.is-active.atomyLifeSystem > strong.no2{transition-delay:0.7s;-webkit-transition-delay:0.7s}
.is-active .atomyLifeSystem_lst > li{opacity:1;filter:alpha(opacity=100);transform:translateY(0);-webkit-transform:translateY(0)}
.is-active .atomyLifeSystem_lst > li:nth-child(1){transition-delay:0.1s;-webkit-transition-delay:0.1s}
.is-active .atomyLifeSystem_lst > li:nth-child(2){transition-delay:0.2s;-webkit-transition-delay:0.2s}
.is-active .atomyLifeSystem_lst > li:nth-child(3){transition-delay:0.3s;-webkit-transition-delay:0.3s}
/*global Life*/
.globalLife_wrap{}
.globalLife_wrap .title_wrap{opacity:1;filter:alpha(opacity=100);transition:none;-webkit-transition:none}
.globalLife_wrap .title_wrap.is-active{opacity:1;filter:alpha(opacity=100)}
.globalLife_wrap .title_wrap > .img img{transform:none;-webkit-transform:none}
.globalLifeOK_wrap{overflow:hidden;padding:2.5rem 0 0}
.globalLifeOK_wrap h2{margin-bottom:2rem;font-weight:500;font-size:1.5rem;line-height:1.5rem;text-align:center}
.globalLifeOK_lst{display:table;width:calc(100% + 1rem);width:-webkit-calc(100% + 1rem);padding:0 0 1rem;margin:0 -0.5rem;table-layout:fixed}
.globalLifeOK_lst > .item{display:table-cell;padding:0 0.5rem}
.globalLifeOK_lst .img{display:block}
.globalLifeOK_wrap .slick-arrow{position:absolute;top:50%;width:2.75rem;height:2.75rem;padding:0.5rem;border:1px solid #e3e6e8;background:rgba(255,255,255,0.75);transform:translateY(-50%);-webkit-transform:translateY(-50%);transition:border 0.3s ease,background 0.3s;-webkit-transition:border 0.3s ease,background 0.3s;z-index:1}
.globalLifeOK_wrap .slick-arrow.slick-prev{left:0}
.globalLifeOK_wrap .slick-arrow.slick-next{right:0}
.globalLifeOK_wrap .slick-arrow > i[class*="xi-"]{display:block;font-size:1.1rem;line-height:1.65rem;color:#000;transition:color 0.3s ease;-webkit-transition:color 0.3s ease}
.globalLifeOK_wrap .slick-arrow:hover{border-color:#04a6e1;background:#04a6e1}
.globalLifeOK_wrap .slick-arrow:hover > i[class*="xi-"]{color:#fff}
/*애니메이션*/
.globalLifeOK_lst > .item{opacity:0;filter:alpha(opacity=0);transform:translateX(-1.5rem);-webkit-transform:translateX(-1.5rem);transition:transform 0.5s,opacity 0.5s;-webkit-transition:transform 0.5s,opacity 0.5s}
.globalLifeOK_lst.is-active .item{opacity:1;filter:alpha(opacity=100);transform:translateX(0);-webkit-transform:translateX(0)}
.globalLifeOK_lst.is-active .item:nth-child(1){transition-delay:0s;-webkit-transition-delay:0s}
.globalLifeOK_lst.is-active .item:nth-child(2){transition-delay:0.3s;-webkit-transition-delay:0.3s}
.globalLifeOK_lst.is-active .item:nth-child(3){transition-delay:0.5s;-webkit-transition-delay:0.5s}








/*소비자중심경영*/
.about_wrap.ccm .atomyparkDesc_wrap.innerwrap.ccm {padding-top:0;}
.about_wrap.ccm .absoluteDesign_lst .absoluteDesign > .caption {background:rgba(0,0,0,0.2);}
.about_wrap.ccm .absoluteDesign_lst .absoluteDesign > .caption:hover {background:rgba(0,0,0,0.4);}
.atomyparkDesc_wrap .innovation_wrap:nth-of-type(1) {position:relative; overflow:hidden;}
.about_wrap.ccm .atomyparkDesc_wrap .innovation_wrap:nth-of-type(1) .title {position:absolute; top:50%; transform:translateY(-50%); left:4rem; width:50%;}
.about_wrap.ccm .atomyparkDesc_wrap .innovation_wrap:nth-of-type(1) .title::after {display:block;content:""; background:url("/kr/img/contents/sub03/CCM_icon_03.png?v=20220401") center / cover no-repeat; position:absolute; right:-4.4rem; width:158px; height:158px; top:50%; transform:translateY(-50%);}
.about_wrap.ccm .atomyparkDesc_wrap .innovation_wrap:nth-of-type(1) .h2_desc{color:#fff;}
.about_wrap.ccm .atomyparkDesc_wrap .innovation_wrap:nth-of-type(1) h2 {color:#fff;}
.about_wrap.ccm .atomyparkDesc_wrap .innovation_wrap:nth-of-type(1) .img > img {opacity:0;}
.about_wrap.ccm .atomyparkDesc_wrap .innovation_wrap:nth-of-type(1) .img {background:url("/kr/img/contents/sub03/CCM_main.jpg") 0px 0px / cover no-repeat;}
.about_wrap.ccm .atomyparkDesc_wrap .innovation_wrap:nth-of-type(2) .img_layout {width:20%}
.about_wrap.ccm .atomyparkDesc_wrap .innovation_wrap:nth-of-type(2) .img_layout:nth-of-type(2){width:60%}
.about_wrap.ccm .img_layout img, .img_lay_text {display:block; margin:0 auto;}
.about_wrap.ccm .img_lay_text {text-align:center; margin-top:1rem; color:#555; font-size: 1rem; line-height:1.5;}
.about_wrap.ccm .img_lay_po {position:absolute;}
.about_wrap.ccm .atomyparkDesc_wrap .innovation_wrap:nth-of-type(2) .img_layout:nth-of-type(2) .img_lay_text {position:absolute;}
.about_wrap.ccm .atomyparkDesc_wrap .innovation_wrap:nth-of-type(2) {display:table; width:100%; border:1px solid #d5d5d5; padding:1.5rem 2rem; margin:1rem 0; }
.about_wrap.ccm .atomyparkDesc_wrap .innovation_wrap:nth-of-type(2) .img_layout {display:table-cell;  vertical-align:middle; position:relative;}
.about_wrap.ccm .atomyparkDesc_wrap .innovation_wrap:nth-of-type(2) .img_layout .ccm_arrow {width:89px; height:1.1rem; display:block;overflow:hidden; position:absolute; top:50%; margin-top:-.5rem; z-index:-1;}
.about_wrap.ccm .atomyparkDesc_wrap .innovation_wrap:nth-of-type(2) .img_layout .ccm_arrow:nth-of-type(1) {left:0;/*http://global.atomy.com/escmsAdmin/siteWebCssDefaultUpdate.es;*/}
.about_wrap.ccm .atomyparkDesc_wrap .innovation_wrap:nth-of-type(2) .img_layout .ccm_arrow:nth-of-type(2) {right:0;}
.about_wrap.ccm .atomyparkDesc_wrap .innovation_wrap:nth-of-type(2) .img_layout .ccm_arrow::before {content:""; background:url("/kr/img/contents/sub03/CCM_part1_arrow.png") center / auto repeat; width:89px; height:1.1rem; display:block; position:absolute;left:-89px;top:0; animation:rscroll 2s infinite linear;}
.about_wrap.ccm .txt-add {margin-top: 3rem; margin-bottom: 2rem;}

.about_wrap.ccm .CCM_House {padding: 2.5rem 1rem; border:1px solid #d5d5d5; text-align: center;}
/* 210728 CCM 비전하우스 디자인 리뉴얼로 기존내용 주석처리예정, 다국어의 경우 해당 내용 사용중으로 주석 보류 */
.about_wrap.ccm .CCM_House > ul > li {display:table; width: 100%; padding:0 0 1.5rem 0;}
.about_wrap.ccm .CCM_House > ul > li .CH_lf {width:20%; font-weight:500;; position:relative;}
.about_wrap.ccm .CCM_House > ul > li .CH_rt {text-align:center; position:relative;}
.about_wrap.ccm .CCM_House > ul > li .CH_lf, .CCM_House > ul > li .CH_rt {display:table-cell;}
.about_wrap.ccm .CCM_House > ul > li .CH_rt {text-align:center;}
.about_wrap.ccm .CCM_House > ul > li .CH_rt > ul {display:table; width:100%;}
.about_wrap.ccm .CCM_House > ul > li .CH_rt > ul li {display:table-cell; width:33.334%; text-align:center; line-height:2; position:relative;}
.about_wrap.ccm .CCM_House > ul > li:first-child .CH_lf p {color:#5597d1;}
.about_wrap.ccm .CCM_House > ul > li:first-child .CH_rt span {font-weight:400;}
.about_wrap.ccm .CCM_House > ul > li:nth-of-type(1) .CH_rt::after {content:""; position:absolute; z-index:-1; width:10rem; height: 5rem;  }
.about_wrap.ccm .CCM_House > ul > li:nth-of-type(2) .CH_rt p, .CCM_House > ul > li:nth-of-type(3) .CH_rt p {padding:1rem;}
.about_wrap.ccm .CCM_House > ul > li:nth-of-type(4) .CH_rt p {padding:.6rem 0;}
.about_wrap.ccm .CCM_House > ul > li:nth-of-type(2) .CH_rt p  {background:#e4ebee; }
.about_wrap.ccm .CCM_House > ul > li:nth-of-type(3) .CH_rt p {border:3px solid #e4ebee; font-weight:500;}
.about_wrap.ccm .CCM_House > ul > li:nth-of-type(4) .CH_rt .last_box_lay::before { content:""; position:absolute; width:95%; height:100%; left:2.5%; top:1.5rem; z-index:-1;border: 1px dashed #99b7d2; }
.about_wrap.ccm .CCM_House > ul > li:nth-of-type(4) .CH_rt p {width:90%; margin:0 auto; border-radius:40px; }
.about_wrap.ccm .CCM_House > ul > li:nth-of-type(4) .CH_rt .last_box_title { color:#fff;}
.about_wrap.ccm .CCM_House > ul > li:nth-of-type(4) .CH_rt li:nth-of-type(1) > p {background:#68c5e8;}
.about_wrap.ccm .CCM_House > ul > li:nth-of-type(4) .CH_rt li:nth-of-type(2) > p {background:#35b2e0;}
.about_wrap.ccm .CCM_House > ul > li:nth-of-type(4) .CH_rt li:nth-of-type(3) > p {background:#039fd8;}
.about_wrap.ccm .CCM_House > ul > li:first-child .CH_rt::before{content:""; width:100%; height:10rem; background:url("/kr/img/contents/sub03/mission_arrow_03.png") center / cover no-repeat; position:absolute; top:0; left:50%; transform:translateX(-50%); }
.about_wrap.ccm .CCM_House > ul > li:nth-of-type(5) .CH_rt li {padding:0 1rem;}
/* 210728 CCM 비전하우스 디자인 리뉴얼 */
.about_wrap.ccm .CCM_House .mobile {
	display: none;
}
.about_wrap.ccm .CCM_House .house-list {
	display: inline-block;
	background: url('../../kr/img/contents/sub03/CCM_vision_bg1.png') center 4.5rem no-repeat;
	background-size: 90% 80%;
}
.about_wrap.ccm .CCM_House .house-list > li {
	margin-bottom: 2rem;
	text-align: center;
}
.about_wrap.ccm .CCM_House .house-list > li:last-child {
	margin-bottom: 0;
}
.about_wrap.ccm .CCM_House .house-list .title {
	font-size: 1.25rem; 
	color: #000;
}
.about_wrap.ccm .CCM_House .house-list .title b {
	font-weight: 800;
}
.about_wrap.ccm .CCM_House .house-list .round-box {
	margin: 1rem 0;
	padding: 0.8rem 2.5rem;
	display: inline-block;
	border: 2px solid #039fd8;
	border-radius: 5rem;
	background: #fff;
}
.about_wrap.ccm .CCM_House .house-list >li:first-child .round-box  {
	border-color: #82d6ef;
}
.about_wrap.ccm .CCM_House .house-list >li:last-child .round-box  {
	margin-bottom: 0;
}

.about_wrap.ccm .CCM_House .house-list .round-box .icon {
	display: inline-block;
	vertical-align: middle;
}
.about_wrap.ccm .CCM_House .house-list .round-box .icon2 {
	padding: .13rem 0;
}
.about_wrap.ccm .CCM_House .house-list .round-box .icon3 {
	padding: .5rem 0;
}
.about_wrap.ccm .CCM_House .house-list .round-box .txt {
	font-size: 1rem;
	color: #010101;
	vertical-align: middle;
	margin: 0 .5rem;
}
.about_wrap.ccm .CCM_House .house-list .round-box .txt b {
	font-weight: 800;
}
.about_wrap.ccm .CCM_House .house-list .round-box .point {
	font-size: .8rem;
	color: #039fd8;
	vertical-align: middle;
	padding-left: .7rem;
	position: relative;
}
.about_wrap.ccm .CCM_House .house-list > li:first-child .round-box .point {
	color: #03afdc;
}
.about_wrap.ccm .CCM_House .house-list .round-box .point::before {
	content: '';
	width: 1px;
	height: .8rem; 
	background: #888;
	display: block;
	position: absolute;
	top: .25rem;
	left: 0;
}
.about_wrap.ccm .CCM_House .card-area {
	margin-top: 2rem;
	padding: 2.5rem 1.5rem 0;
	background: url('../../kr/img/contents/sub03/CCM_vision_bg2.png') center top no-repeat;
	background-size: 100% auto;
}
.about_wrap.ccm .CCM_House .card-area > .card-wrap {
	margin: 0 -1rem;
}
.about_wrap.ccm .CCM_House .card-area > .card-wrap::after {
	content: '';
	display: block; 
	clear: both;
}
.about_wrap.ccm .CCM_House .card-area .card-wrap > li {
	float: left;
	width: 33.33%;
	padding: 0 1rem;
}
.about_wrap.ccm .CCM_House .card-area .card-box {
	border: 2px solid #82d6ef;
	background: #fff;
	padding: 1.8rem 1.3rem; 
}
.about_wrap.ccm .CCM_House .card-area .card-wrap .card-box.type2 {
	border-color: #35b2e0;
}
.about_wrap.ccm .CCM_House .card-area .card-wrap .card-box.type3 {
	border-color: #039fd8;
}
.about_wrap.ccm .CCM_House .card-box .top {
	padding-bottom: 1.1rem;
	border-bottom: 1px solid #82d6ef;
	margin-bottom: 1.3rem;
}
.about_wrap.ccm .CCM_House .card-area .card-wrap .card-box.type2 .top {
	border-color: #35b2e0;
}
.about_wrap.ccm .CCM_House .card-area .card-wrap .card-box.type3 .top {
	border-color: #039fd8;
}
.about_wrap.ccm .CCM_House .card-box .top .card-title {
	display: block; 
	font-size: 1.25rem; 
	color: #000;
	margin-bottom: 0.5rem;
}
.about_wrap.ccm .CCM_House .card-box .top .desc {
	font-size: .9rem; 
	color: #000;
	font-weight: 600;	
}
.about_wrap.ccm .CCM_House .card-box .bottom .color-box {
	color: #fff;
	background: #68c5e8;
	border-radius: 1rem;
	padding: 0.9rem;
	font-size: .9rem;
	font-weight: 300;	
	margin-bottom: 1.3rem;
}
.about_wrap.ccm .CCM_House .card-box.type2 .bottom .color-box {
	background: #35b2e0;
}
.about_wrap.ccm .CCM_House .card-box.type3 .bottom .color-box {
	background: #039fd8;
}
.about_wrap.ccm .CCM_House .card-box .bottom .sub-title {
	font-size: 1.1rem; 
	color: #48bce8;
	font-weight: 500;
	margin-bottom: 1.3rem;
}
.about_wrap.ccm .CCM_House .card-box.type2 .bottom .sub-title {
	color: #35b2e0;
}
.about_wrap.ccm .CCM_House .card-box.type3 .bottom .sub-title {
	color: #039fd8;
}
.about_wrap.ccm .CCM_House .card-box .bottom .dot-list {
	text-align: left;
}
.about_wrap.ccm .CCM_House .card-box .bottom .dot-list > li {
	position: relative;
	padding-left: 1rem;
	color: #010101;
	margin-bottom: 0.5rem;
	font-size: .85rem;
}
.about_wrap.ccm .CCM_House .card-box .bottom .dot-list > li::before {
	content: '';
	display: block; 
	position: absolute;
	top: .4rem;
	left: 0;
	width: 0.25rem;
	height: 0.25rem;
	background: #68c5e8;
}




.about_wrap.ccm .last_box_lay > div {padding:1rem;}
.about_wrap.ccm .last_box_lay > div > ul {background:#f7f8fa;}
.about_wrap.ccm .last_box .CH_lf p:last-child {
margin: 5rem 0;
}
.about_wrap.ccm .certification {margin:2rem 0;}
.about_wrap.ccm .certification > figure {display:table; width:100%;}
.about_wrap.ccm .certification > figure > .img {display:inline-table;}
.about_wrap.ccm .certification > figure > .img > img {border:1px solid #c8c8c8;}
.about_wrap.ccm .certification > figure .caption {display:table-cell; width:48%; vertical-align:middle; padding:1rem;}
.about_wrap.ccm .certification > figure .caption > strong {font-weight:500; font-size:1.4rem; line-height:1.9rem;}
.about_wrap.ccm .certification > figure .caption .url {display:block; margin:1rem 0; border-top:1px solid #e3e6e8;}
.about_wrap.ccm .certification > figure .caption .url > a {display:none;}
.about_wrap.ccm .certification > figure .caption .more > a { color:#fff;display:block; width:12.5rem; height:2rem; border:1px solid #1da4d9; padding:.45rem 0; background:#1da4d9; font-weight:300; letter-spacing:-.025rem; text-align:center; transition: .3s;}
.about_wrap.ccm .certification > figure .caption .more > a:hover {color:#1da4d9 ; background:#fff; transition: .3s;}
.about_wrap.ccm .txtp.center:nth-of-type(2) {margin:2rem 0;}
@keyframes rscroll {
 from{left:-89x;}
 to{left:89px;}
}

.about_wrap.ccm .atomyparkDesc_wrap .innovation_wrap:nth-of-type(2) .img_layout:nth-of-type(2) .lsp_img {position:relative;}
.about_wrap.ccm .atomyparkDesc_wrap .innovation_wrap:nth-of-type(2) .img_layout:nth-of-type(2) .lsp_img > p {position:absolute;width:4rem; text-align:center;}
.about_wrap.ccm .atomyparkDesc_wrap .innovation_wrap:nth-of-type(2) .img_layout:nth-of-type(2) .lsp_img > p:nth-of-type(1) {top:8%; left:34%;}
.about_wrap.ccm .atomyparkDesc_wrap .innovation_wrap:nth-of-type(2) .img_layout:nth-of-type(2) .lsp_img > p:nth-of-type(2) {top: 32%; left: 19%;}
.about_wrap.ccm .atomyparkDesc_wrap .innovation_wrap:nth-of-type(2) .img_layout:nth-of-type(2) .lsp_img > p:nth-of-type(3) {bottom: 32%; left: 19%;}
.about_wrap.ccm .atomyparkDesc_wrap .innovation_wrap:nth-of-type(2) .img_layout:nth-of-type(2) .lsp_img > p:nth-of-type(4) {left: 34%; bottom: 8%; }

.about_wrap.ccm .atomyparkDesc_wrap .innovation_wrap:nth-of-type(2) .img_layout:nth-of-type(2) .lsp_img > p:nth-of-type(8) {top:8%; right:34%;}
.about_wrap.ccm .atomyparkDesc_wrap .innovation_wrap:nth-of-type(2) .img_layout:nth-of-type(2) .lsp_img > p:nth-of-type(7) {top: 32%; right: 19%;}
.about_wrap.ccm .atomyparkDesc_wrap .innovation_wrap:nth-of-type(2) .img_layout:nth-of-type(2) .lsp_img > p:nth-of-type(6) {bottom: 32%; right: 19%;}
.about_wrap.ccm .atomyparkDesc_wrap .innovation_wrap:nth-of-type(2) .img_layout:nth-of-type(2) .lsp_img > p:nth-of-type(5) {right: 34%; bottom: 8%; }
.lsp_img_center {position: absolute; padding: 2rem;left: 50%; margin-left: -5.5rem; top: 50%;margin-top: -4.5rem; text-align: center;}
.lsp_img_center > h3, .lsp_img_center > p {color:#fff;}






/*2020.04.24 이미지 크기 변경 - 임광민*/
.sub010600 .historyCnts.type1 > .img_lst .tweenImg, .sub030102 .historyCnts.type1 > .img_lst .tweenImg {padding-bottom: 66.6%;}
.sub030102 .historyCnts.type1 > .img_lst .tweenImg img, .sub030102 .historyCnts.type2 > .img_lst .tweenImg img {height:386px;}
.sub010600 .historyCnts.type2 > .img_lst .tweenImg, .sub030102 .historyCnts.type2 > .img_lst .tweenImg {padding-bottom: 66.6%;}
.history_table_block > img {width:220px;height:330px;}


 .sub010400 .founderNews_thumb_big, .sub010400 .founderNews_thumb_big img {height:26.35rem}
 .sub010400 .founderNews_thumb_big img {max-width: none; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}







/*반응형*/
@media screen and (max-width:1430px){
	/*개요*/
	.about_wrap .promotion{padding:2rem 0;margin-left:-2.75rem;margin-right:-2.75rem}
	/*창업자소개*/
	.founderPhilosophy_wrap{padding:2rem 0;margin-left:-2.75rem;margin-right:-2.75rem}
	/*애터미파크소개*/
	#detail_content.sub010500{padding:0 0 2rem}
	/*연혁*/
	.history_wrap{max-width:64rem;margin:0 auto -4rem}
	.historyYear{left:0.5rem;margin-left:0;transform:translate(0,-50%);-webkit-transform:translate(0,-50%)}
	.history_wrap > div[id*="year"] + div[id*="year"]{margin-top:3rem}
	.historyCnts h3{font-size:2.25rem;line-height:2.75rem}
	.historyCnts strong{font-size:1.2rem;line-height:1.4rem}
	.historyCnts .desc{font-size:0.8rem;line-height:1.3rem}
	.historyCnts > .caption{min-height:14rem}
	.historyCnts.type3{height:16rem}
	.historyCnts.type3 .caption_wrap{width:100%;padding-left:4rem}
	.historyCnts.type3 > .img_lst > .item,.historyCnts.type3 > .img_lst .img{height:16rem}
	.history_details{height:auto}
	.history_details .innerwrap{padding:4.5rem 3rem 3rem}

	/*제품철학*/
	#detail_content.sub020100{padding-left:0;padding-right:0}
	/*브랜드 스토리*/
	.brandStory_index > .item strong{padding:1.25rem 1.5rem}
	/*GSGS 전략*/
	#detail_content.sub020300{padding-left:0;padding-right:0}


	/*주요활동*/
	.majorActivity_wrap .historyCnts > .caption{min-height:16.5rem}
	/*친환경 제품정책*/
	#detail_content.sub030400{padding-left:0;padding-right:0}


	/*애터미 성공시스템*/
	#detail_content.sub040100{padding-left:0;padding-right:0}


	/*공지사항*/
	#detail_content[class*="sub050"]{padding-left:0;padding-right:0}
	/*뉴스*/
	.newsArchive_contents > .imgbox{padding-right:2rem}
	.newsArchive_contents > .caption{padding-left:2rem}


	/*일하는 방식*/
	.atomyWorkway_wrap{margin:0 -2.75rem}
	.atomyWorkway_index > .item .img{height:23.5rem}
	.atomyWorkway_index > .item strong{padding:1.25rem 1.5rem}
}
@media screen and (max-width:1390px){
	/*공지사항*/
	#detail_content[class*="sub050"]{max-width:none;padding-left:2.75rem;padding-right:2.75rem}
}
@media screen and (max-width:1280px){
	/*애터미파크소개*/
	.atomyparkDesc_wrap{padding:3.75rem 1rem 0}
	.atomyparkDesc_wrap .awards > strong{padding:0.85rem 2rem}
	.atomyparkDesc_wrap .awardslist > li:first-child .awards > strong{padding:1.45rem 0}
	
	/* 글로벌사업장 */
	.bizPlace_wrap .txtNav .tabNav > li.first:before{display:block;}


	/*제품철학*/
	.prdPhilosophy > .caption{padding:2.5rem 2.75rem 0}
	/*브랜드 스토리*/
	.brandStory_index > .item strong{padding:1rem}
	.brandStory_wrap .title{left:2.75rem;margin-left:0;transform:translate(0,-50%);-webkit-transform:translate(0,-50%)}
	.brandStory_wrap #hemohim00 .title{margin-left:0}
	.brandStory_wrap #theFame00 .title{margin-left:0}
	/*헤모임*/
	#hemohim03 .keyPoint_lst{padding:0 2.75rem}
	#hemohim04 .historyChange_wrap{padding:0 2.75rem}
	#hemohim05 .innerwrap{padding:1.5rem 2.75rem}
	/*애터미 스킨케어 시스템 더페임*/
	#theFame02 .brandVideo_wrap{padding:0 2.75rem}
	#theFame02 .brandVideo{height:32.9rem}
	#theFame03 .newTechnology_wrap{padding:0 2.75rem}
	#theFame04 .newMaterial_wrap{padding:0 2.75rem}
	#theFame07 .historyChange_wrap{padding:0 2.75rem}
	#theFame07 .historyChange strong{padding:0.75rem}
	#theFame07 .historyChange .name{padding:0.75rem 1rem}
	#theFame08 .innerwrap{padding:2.5rem 2.75rem}
	/*애터미 앱솔루트 셀랙티브 스킨케어*/
	.skincare_wrap .caption_wrap,.skincare_wrap .scienceStory_wrap{padding:0 2.75rem}
	#cellActive02 .brandVideo_wrap{padding:0 2.75rem}
	#cellActive02 .brandVideo{height:32.9rem}
	.brandStory_wrap .cellActiveCode .h3_desc{margin-bottom:0}
	.cellActiveTechnology{padding:0 2.75rem}
	#cellActive04 .mechanism_wrap{margin-top:2.5rem}
	#cellActive04 .mechanism_lst > li:last-child{width:25.5rem}
	#cellActive04 .mechanism .img_desc > span[class*="peptid"]{width:6rem}
	#cellActive04 .mechanism .img_desc > span.peptidA{left:0.8rem}
	#cellActive04 .mechanism .img_desc > span.peptidC{right:0.8rem}
	#cellActive08 .innerwrap{padding:0 2.75rem 1rem}
	#cellActive10 .innerwrap{padding:2.5rem 2.75rem}
	/*GSGS 전략*/
	.gsgs_wrap{padding:0 2.75rem}
	.condition_wrap{padding-left:2.75rem;padding-right:2.75rem}


	/*친환경 제품정책*/
	.ecofriendly_wrap{padding:0 2.75rem}
	.ecofriendly_lst > li{padding:0 0.25rem}
	.ecofriendly_lst .icon{width:4rem;height:4rem}
	.ecofriendly_lst .icon:after{width:2.5rem;height:2.5rem;background-size:auto 2.5rem}
	.ecofriendly_lst .icon.no1:after{background-position:0 0}
	.ecofriendly_lst .icon.no2:after{background-position:-2.5rem 0}
	.ecofriendly_lst .icon.no3:after{background-position:-5rem 0}
	.ecofriendly_lst .icon.no4:after{background-position:-7.5rem 0}
	.ecofriendly_lst .icon.no5:after{background-position:-10rem 0}


	/*애터미 성공시스템*/
	.successSys_wrap{padding-left:2.75rem;padding-right:2.75rem}


	/*공지사항*/
	#detail_content[class*="sub050"]{padding-left:1rem;padding-right:1rem}


	/*일하는 방식*/
	.atomyWorkway_index > .item .img{height:21rem}
	.atomyWorkway_index > .item strong{padding:1rem}
}
@media screen and (max-width:1200px){
	/*개요*/
	.outline_wrap > .synopsis{margin:0 -1rem}
	.outline_wrap > .synopsis .title{left:2rem;right:2rem}
	.outline_wrap > .synopsis strong{font-size:1.2rem;line-height:1.7rem}
	.outline_wrap > .synopsis .img{text-align:center}
	.aboutInfo_wrap{padding:1.5rem 2.5rem;margin:1.5rem 0}
	.aboutInfo_lst .aboutInfo > dt,.aboutInfo_lst .aboutInfo > dd{font-size:0.8rem;line-height:1.5rem}
	.about_wrap .promotion{padding:0;margin-left:-1rem;margin-right:-1rem;margin-bottom:0rem}
	.about_wrap .promotion > .innerwrap{height:33.75rem;overflow:hidden}
	.about_wrap .promotion > .innerwrap > a > img{position:absolute;top:0;left:50%;width:auto;max-width:none;height:100%;transform:translateX(-50%);-webkit-transform:translateX(-50%)}
	/*경영철학*/
	.philosophy_wrap > h2{height:10rem}
	.philosophy_wrap > h2{font-size:1.1rem;line-height:1.5rem}
	.philosophy_wrap > h2 strong{line-height:1;font-weight:500; text-shadow: 0 0 5px rgba(255,255,255,1);}
	.philosophy_wrap > h2 span{font-size:0.7rem;line-height:1;font-weight:500; text-shadow: 0 0 5px rgba(255,255,255,1);}
.philosophy_wrap > h2 strong
	.philosophy_wrap > h2.no1 strong,
	.philosophy_wrap > h2.no2 strong,
	.philosophy_wrap > h2.no1 span,
	.philosophy_wrap > h2.no2 span{text-shadow: 0 0 5px rgba(0,0,0,.5);}
.philosophy_wrap > h2.no3.active strong,
	.philosophy_wrap > h2.no4.active strong,
	.philosophy_wrap > h2.no3.active span,
	.philosophy_wrap > h2.no4.active span{text-shadow: 0 0 5px rgba(0,0,0,.5);}
	.philosophy_wrap > h2 i[class*="xi-"]{width:1.5rem;height:1.5rem;padding:0.3rem 0.25rem;margin-top:0.5rem}
	.philosophy_wrap > h2.active i[class*="xi-"]{top:0;right:.5rem}
	.philosophy_wrap > h2.active a:hover i[class*="xi-"]{padding:0.25rem}
	.philosophy_wrap > h2.no3{background-position:50% 0}
	.philosophy_wrap > h2 .title{left:2rem}
	.philosophy_wrap > h2.active .title{width:calc(100% - 4rem);width:-webkit-calc(100% - 4rem)}
	.philosophy_lst{padding:1rem}
	.philosophy_lst > li{padding:1rem 0}
	.philosophy_cnts > .icon:before{left:1rem;width:4.5rem;height:4.5rem;background-size:auto 9rem}
	.philosophy_cnts > .icon.no1_1:before{background-position:0 0}
	.philosophy_cnts > .icon.no1_2:before{background-position:-4.5rem 0}
	.philosophy_cnts > .icon.no1_3:before{background-position:-9rem 0}
	.philosophy_cnts > .icon.no2_1:before{background-position:-13.5rem 0}
	.philosophy_cnts > .icon.no2_2:before{background-position:-18rem 0}
	.philosophy_cnts > .icon.no2_3:before{background-position:-22.5rem 0}
	.philosophy_cnts > .icon.no3_1:before{background-position:0 -4.5rem}
	.philosophy_cnts > .icon.no4_1:before{background-position:-4.5rem -4.5rem}
	.philosophy_cnts > .icon.no4_2:before{background-position:-9rem -4.5rem}
	.philosophy_cnts > .icon.no4_3:before{background-position:-13.5rem -4.5rem}
	.philosophy_cnts > .icon.no4_4:before{background-position:-18rem -4.5rem}
	.philosophy_cnts > .icon.no5_1:before{background-position:-22.5rem -4.5rem}
	.philosophy_cnts > dl > dt{font-size:0.9rem;line-height:1.4rem}
	.philosophy_cnts > dl > dd{font-size:0.75rem;line-height:1.3rem}
	.philosophy_cnts_lst > li{padding:0.75rem 1.5rem}
	.philosophy_cnts_lst dl > dt,.philosophy_cnts_lst dl > dd{font-size:0.75rem;line-height:1.3rem}
	.philosophy_cnts_lst .li_th1,.philosophy_cnts_lst .li_th1 > li{font-size:0.75rem;line-height:1.3rem}
	.philosophy_cnts_lst .li_th1 > li:before{top:0.6rem}
	.philosophy_cnts_lst .txtp{font-size:0.75rem;line-height:1.3rem}
	/*창업자소개*/
	.founderPhilosophy_wrap{padding:1rem;margin-left:-1rem;margin-right:-1rem}
	.founder_wrap h2{font-size:1.15rem;line-height:1.5rem}
	.founder_wrap > .title{margin:0 -1rem 2rem}
	.founder_wrap > .title > strong{padding-right:11.5rem}
	.founder_wrap > .title > strong > .sign{width:10rem}
	.aboutFounder_wrap{padding:3rem 0}
	.aboutFounder_wrap > h2{margin-bottom:2rem;font-size:2rem;line-height:2.25rem}
	.aboutFounder_wrap > h2 > em{line-height:2.25rem}
	.aboutFounder_wrap .career_wrap{margin-bottom:2.5rem}
	.aboutFounder_wrap .career_wrap > .img{height:20.5rem}
	.aboutFounder_wrap .career_wrap .tweenImg{height:100%}
	.aboutFounder_wrap .career_wrap .imgTween{width:auto;height:23rem;margin-left:-30rem}
	.aboutFounder_wrap .career_wrap > .caption{top:50%;padding:1.5rem;transform:translateY(-50%);-webkit-transform:translateY(-50%); position:static;padding:1rem 0 0;transform:none;-webkit-transform:none}
	.aboutFounderDesc h3{margin-bottom:1rem;font-size:1.2rem;line-height:1.4rem}
	.founderPhilosophy_wrap{margin-top:1.5rem}
	.founderPhilosophy_wrap h2{margin-bottom:1rem;font-size:2rem;line-height:2.25rem}
	.founderPhilosophy_wrap h2 > em{line-height:2.25rem}
	.founderPhilosophy .slick-arrow{width:3rem;height:3rem;padding:0.95rem}
	.founderPhilosophy .slick-arrow.slick-prev{left:1.25rem}
	.founderPhilosophy .slick-arrow.slick-next{right:1.25rem}
	.founderPhilosophy .item .txtp{font-size:0.9rem;line-height:1.4rem}
	.founderPhilosophy .item .source{font-size:0.8rem;line-height:1.3rem}
	.founderNews_wrap{margin-top:3rem}
	.founderNews_wrap > h2{margin-bottom:1rem;font-size:2rem;line-height:2.25rem}
	.founderNews_wrap > h2 > em{line-height:2.25rem}
	.founderNews_lst .slick-list{margin-bottom:0}
	.founderNews_lst .item{height:3.9rem; width: 100% !important;}
	.founderNews_lst .item > a{padding:0.75rem 1rem}
	/* .founderNews_lst .item strong{font-size:0.9rem;line-height:1.4rem} */
	.founderNews_thumb_big{height:20rem}
	.founderNews_thumb_lst .thumbItem{height:4rem}
	/*애터미파크소개*/
	.atomyparkVisual > h2{font-size:2rem;line-height:2.5rem}
	.atomyparkVisual > .h2_desc{font-size:0.9rem;line-height:1.25rem}
	.atomyparkDesc_wrap > h3{margin-top:2.5rem;font-size:1.25rem;line-height:1.5rem}
	.atomyparkDesc_wrap .completion > dt,.atomyparkDesc_wrap .completion > dd{font-size:0.8rem;line-height:1.3rem}
	.atomyparkDesc_wrap .workLife_lst{padding:3rem 1rem}
	.atomyparkDesc_wrap .workLife_lst li{padding:0 1rem}
	.atomyparkDesc_wrap .offiludens h4{font-size:1.2rem;line-height:1.5rem}
	.atomyparkDesc_wrap .offiludens .txtp{font-size:0.75rem;line-height:1.2rem}
	.atomyparkDesc_wrap .offiludens > .caption{padding:2.75rem 2rem;background-size:auto 100%;background-color:#585858}
	.atomyparkDesc_wrap .offiludens .tweenImg{height:28rem}
	.atomyparkDesc_wrap .offiludens .imgTween{position:absolute;top:50%;left:0;margin-top:-20rem}
	/*연혁*/
	.history_wrap{margin-bottom:-2rem}
	.history_details h2{font-size:1.2rem;line-height:1.5rem}
	.history_lst > dt{font-size:1.2rem}
	.history_lst .history em{font-size:0.9rem}
	.history_lst .history .li_th1,.history_lst .history .li_th1 > li{font-size:0.8rem}
	.historyCnts + .historyCnts{margin-top:3rem}
	/*Visual Identity*/
	.identity_wrap h3{margin-top:2.5rem;font-size:1.25rem;line-height:1.5rem}
	.identity_wrap .composition_lst > li:first-child{width:33.3333%}
	.identity_wrap .compositionType_lst{margin:0 -0.75rem}
	.identity_wrap .compositionType_lst > li{margin:0 0.75rem}
	.identity_wrap .fontDown .txtp{padding:0 0 0.75rem;line-height:1rem}
	/*글로벌 사업장*/
	.bizPlace_wrap .tabNav > li{vertical-align:top}
	.bizPlace_wrap .tabNav a{height:2.5rem;padding:0.75rem;font-size:0.8rem;line-height:1rem}
	.bizPlace_wrap .tabNav > li:nth-child(4) a > span{padding:0}
	.bizPlace_wrap .txtNav .tabNav a{height:auto}
	.bizPlaceMap_wrap{position:relative;height:25rem;overflow:hidden}
	.bizPlace_map{position:relative}
	.bizPlace_map > img{position:absolute;top:0;left:50%;max-width:none;transform:translateX(-50%);-webkit-transform:translateX(-50%)}
	.bizPlace_contents > h3{padding-bottom:0.75rem;margin-top:1.75rem;font-size:1.15rem;line-height:1.15rem}
	.bizPlaceInfo_wrap{padding:1rem 0}
	.bizPlaceInfo_wrap > .bizPlace_info{padding-right:1.5rem}
	.bizPlaceInfo_wrap > .bizPlace_info > li{padding:0.5rem 1rem}
	.bizPlaceInfo_wrap > .bizPlace_info .address{font-size:0.8rem}
	.bizPlaceInfo_wrap > .support_info{padding-left:1.5rem}
	.bizPlaceInfo_wrap .support{padding:1.5rem 1.25rem}


	/*제품철학*/
	.prdPhilosophy_wrap{margin-top:-2rem}
	.prdPhilosophy{padding:2rem 0}
	.prdPhilosophy > .img{height:18rem}
	.prdPhilosophy > .caption{padding:2rem 1rem 0}
	.prdPhilosophy .caption_wrap > h2{font-size:1.2rem;line-height:1.7rem}
	.prdPhilosophy .caption_wrap > .h2_desc{font-size:0.8rem;line-height:1.4rem}
	/*브랜드 스토리*/
	#detail_content.sub020200{padding-bottom:1rem}
	.brandStory_index > .item strong > em{font-size:1.2rem;line-height:1.7rem}
	.brandStory_index > .item strong > span{width:7rem;height:2rem;padding:0.3rem 0;margin-top:0.5rem;font-size:0.75rem}

	.brandStory_wrap .title{left:1rem;width:auto;padding:2.5rem 1.5rem}
	.brandStory_wrap .title > .subtitle{margin-bottom:0.5rem;font-size:1rem;line-height:1.25rem}
	.brandStory_wrap .title > .subtitle > span{line-height:1.25rem}
	.brandStory_wrap #hemohim00 .title{width:auto;padding:2.5rem 2rem}
	.brandStory_wrap #theFame00 .title{width:auto}
	.brandStory_wrap .title > h1{font-size:0.9rem;line-height:1.25rem}
	.brandStory_wrap .title > h1 > .typingEff{font-size:2.5rem;line-height:3rem}
	.brandStory_wrap h2{font-size:1.5rem}
	.brandStory_wrap h3{font-size:1.25rem;line-height:1.5rem}
	.brandStory_wrap h3 > span{margin-bottom:0.5rem;font-size:0.75rem}
	.brandStory_wrap .h3_desc{font-size:0.8rem;line-height:1.3rem}
	.brandStory_wrap .technology_lst strong{font-size:1rem;line-height:1.25rem}
	.brandStory_wrap .technology_detail h3{margin-bottom:0.75rem !important}
	.brandStory_wrap .technology_detail .h3_desc{line-height:1.4rem !important}
	.brandStory_wrap .products .caption > strong{font-size:1rem;line-height:1.25rem}
	.brandStory_wrap .products .caption > strong > em{line-height:1.25rem}
	.brandStory_wrap .products .caption > .desc{font-size:0.7rem;line-height:1rem}
	.brandStory_wrap .purchase > strong{font-size:1rem}
	.brandStory_wrap #theFame02 .brandVideo_wrap h3{font-size:2rem}
	.brandStory_wrap #theFame03 h3{font-size:2rem}
	.brandStory_wrap #theFame03 h3 > span{margin-bottom:1rem}
	.brandStory_wrap #theFame04 h3{font-size:2rem}
	.brandStory_wrap #theFame04 h3 > span{margin-bottom:1rem}
	.brandStory_wrap #theFame05 h3{font-size:2rem}
	.brandStory_wrap #theFame05 h3 > span{margin-bottom:1rem}
	.brandStory_wrap #theFame06 h3{font-size:2rem}
	.brandStory_wrap #theFame06 .technology_detail .h3_desc > strong{font-size:0.85rem}
	.brandStory_wrap #theFame08 h3{font-size:1.25rem;line-height:1.5rem}
	.brandStory_wrap #theFame08 h3 > em{font-size:0.9rem;line-height:1.25rem}
	.brandStory_wrap .cellActiveCode .h3_desc{margin-bottom:0}
	.brandStory_wrap #cellActive02 .brandVideo_wrap h2{font-size:2rem}
	.brandStory_wrap #cellActive05 h3{font-size:2rem}
	.brandStory_wrap #cellActive05 h3 > span{margin-bottom:1rem}
	#cellActive13 .award-mark h3 {font-size: 1.25rem;}
	#cellActive13 .award-mark .h3_desc {font-size: .8rem;}
	#cellActive13 .award-mark .mark-area .round {width: 7rem; height: 7rem;}
	/*헤모임*/
	.brandStory_wrap #hemohim01 h3{font-size:1.75rem;line-height:2rem}
	#hemohim02 .cultivation_wrap{padding:0 1rem}
	#hemohim02 .cultivation_wrap h4{font-size:1rem;line-height:1.25rem}
	#hemohim02 .cultivation_wrap h4 > em{line-height:1.5rem}
	#hemohim02 .cultivation_wrap h4 > .small{font-size:0.9rem;line-height:1.25rem}
	#hemohim02 .cultivation strong{font-size:0.9rem}
	#hemohim02 .cultivation .desc{font-size:0.75rem}
	#hemohim03 .keyPoint_lst{padding:0 1rem}
	#hemohim03 .threePoint > span{font-size:0.8rem;line-height:1rem}
	#hemohim03 .keyPoint_cnts .desc{font-size:0.7rem;line-height:1rem}
	#hemohim03 .testApplication{padding:0.75rem 1rem}
	#hemohim03 .testApplication > span{font-size:0.75rem;line-height:1rem}
	#hemohim03 .testApplication > span > strong{line-height:1rem}
	#hemohim03 .testApplication > span > em{font-size:0.65rem;line-height:1rem}
	#hemohim04 .historyChange_wrap{padding:0 1rem}
	#hemohim04 .historyChange > .num{font-size:0.75rem}
	#hemohim04 .historyChange > .num > em{font-size:1rem}
	#hemohim04 .historyChange > .name{font-size:0.8rem;line-height:1.25rem}
	#hemohim04 .historyChange > .name > em{line-height:1.25rem}
	#hemohim05 .innerwrap{padding:1.5rem 1rem}
	/*애터미 스킨케어 시스템 더페임*/
	#theFame01 .skincareSystem_wrap{width:23rem;height:23rem;padding:2.75rem}
	#theFame01 .skincareSystem_wrap h4{font-size:0.9rem}
	#theFame01 .skincareSystem_wrap h4 > em{font-size:1.1rem}
	#theFame01 .skincareSystem_wrap .fourTech > strong{font-size:1rem}
	#theFame01 .skincareSystem_lst > i[class*="xi-"]{left:7rem;margin-top:-1rem;font-size:2rem;line-height:2rem}
	#theFame02 .brandVideo_wrap{padding:0 1rem}
	#theFame02 .brandVideo{height:32.6rem}
	#theFame03 .newTechnology_wrap{padding:0 1rem}
	#theFame04 .newMaterial_wrap{padding:0 1rem;margin-top:1.5rem}
	#theFame03 .newTechnology_lst > h4{font-size:1.2rem}
	#theFame03 .newTechnology_lst strong{font-size:0.8rem;line-height:1.25rem}
	#theFame03 .newTechName > .img > em{font-size:1rem}
	#theFame04 .newMaterial > strong{padding:0.75rem 0;font-size:0.8rem;line-height:1rem}
	#theFame04 .newMaterial_desc{padding:1.25rem 1rem}
	#theFame04 .newMaterial_desc > dt{font-size:0.85rem;line-height:1.3rem}
	#theFame04 .newMaterial_desc > dd{margin-top:0.25rem;font-size:0.75rem;line-height:1rem}
	#theFame04 .panthenol strong{font-size:0.75rem}
	#theFame04 .hyaluronic-acid{padding:0 0.75rem 1.5rem}
	#theFame04 .hyaluronic-acid > li{font-size:0.65rem;line-height:0.8rem}
	#theFame04 .hyaluronic-acid > li.no1{top:2.5rem;left:2rem}
	#theFame04 .hyaluronic-acid > li.no2{top:2rem;left:7.25rem}
	#theFame04 .hyaluronic-acid > li.no3{top:2rem;right:1.5rem}
	#theFame04 .hyaluronic-acid > li.no4{bottom:1.5rem;left:2rem}
	#theFame04 .hyaluronic-acid > li.no5{bottom:1.25rem;left:9.5rem}
	#theFame04 .ceramide .desc > span{font-size:0.65rem;line-height:0.8rem}
	#theFame04 .ceramide > li:first-child .desc .no1{top:2rem}
	#theFame04 .ceramide > li:first-child .desc .no2{bottom:2.25rem}
	#theFame04 .ceramide > li:last-child .desc .no2{bottom:2.25rem}
	#theFame04 .ceramide strong{font-size:0.7rem}
	#theFame05 .excellent > h4{font-size:1.1rem;line-height:1.5rem}
	#theFame05 .excellent > h4 > em{line-height:1.5rem}
	#theFame07 .historyChange_wrap{padding:0 1rem}
	#theFame07 .historyChange strong{padding:0.75rem;font-size:0.8rem}
	#theFame07 .historyChange .name{padding:0.75rem 1rem}
	#theFame07 .historyChange .name > li{font-size:0.75rem}
	#theFame08 .innerwrap{padding:2.5rem 1rem}
	/*애터미 앱솔루트 셀랙티브 스킨케어*/
	.skincare_wrap .caption_wrap,.skincare_wrap .scienceStory_wrap{padding:0 1rem}
	.skincare_wrap .scienceStory > span{font-size:0.7rem}
	.skincare_wrap .scienceStory > strong{font-size:0.75rem;line-height:1.25rem}
	.skincare_wrap .scienceStory > strong > em{font-size:0.9rem;line-height:1.3rem}
	.skincare_wrap .scienceStory_lst > li{height:11.25rem;padding:2.25rem 0}
	#cellActive02 .brandVideo_wrap{padding:0 1rem}
	#cellActive02 .brandVideo{height:32.6rem}
	#cellActive03 .structure li .pos-item> strong{width:9.5rem;height:9.5rem;padding:2.5rem 0}
	#cellActive03 .structure > li + li .pos-item{padding-left:1rem}
	#cellActive03 .complex span{font-size:0.7rem}
	#cellActive03 .complex .no1 span{top:-4rem;left:-3.5rem}
	#cellActive03 .complex .no2 span{top:-0.5rem;left:-7.5rem}
	#cellActive03 .complex li.no2:before{top:3.5rem}
	#cellActive03 .complex .no3 span{bottom:-0.5rem;left:-7.5rem}
	#cellActive03 .complex li.no3:before{bottom:3.5rem}
	#cellActive03 .complex .no4 span{bottom:-4rem;left:-3.5rem}
	#cellActive03 .function{width:7.5rem;height:7.5rem;padding:2.35rem 0}
	#cellActive03 .function > span{font-size:0.65rem;line-height:1rem}
	#cellActive03 .function > strong{font-size:0.9rem}
	#cellActive03 .complex_lst > li{padding:1rem}
	#cellActive03 .complex_lst dt,#cellActive03 .complex_lst dd{font-size:0.7rem;line-height:1rem}
	#cellActive03 .complex_lst dt{margin-bottom:0.5rem}
	.cellActiveTechnology{padding:0 1rem}
	#cellActive04 .mechanism_wrap{margin-top:2.5rem}
	#cellActive04 .mechanism_lst > li:last-child{width:25.5rem}
	#cellActive04 .mechanism .img_desc > span[class*="peptid"]{width:6rem}
	#cellActive04 .mechanism .img_desc > span.peptidA{left:0.8rem}
	#cellActive04 .mechanism .img_desc > span.peptidC{right:0.8rem}
	#cellActive04 .mechanism > strong{padding:0.75rem 0;font-size:0.8rem;line-height:1rem}
	#cellActive04 .mechanism > .img > strong{font-size:0.75rem;line-height:1rem}
	#cellActive04 .mechanism .img_desc > span[class*="peptid"] > em{font-size:0.7rem}
	#cellActive04 .mechanism .sense > li{font-size:0.65rem;line-height:0.9rem}
	#cellActive04 .mechanism .sense strong{line-height:0.9rem}
	#cellActive06 .greentea_essential{padding-top:2.5rem}
	#cellActive06 .greentea_essential > .item{width:12rem;height:12rem;padding:0 0.75rem}
	#cellActive07 .tuberosa{width:22.5rem;height:22.5rem;padding:7.15rem 2rem}
	#cellActive08 .innerwrap{padding:0 1rem 1rem}
	#cellActive08 .skinChange > strong{font-size:0.75rem}
	#cellActive08 .v_graph_lst .g_bar span > em{font-size:0.8rem}
	#cellActive08 .experience_wrap{padding:1rem 8rem}
	#cellActive08 .experience_wrap:before,#cellActive08 .experience_wrap:after{width:6.5rem;height:5rem;background-size:auto 5rem}
	#cellActive08 .experience_wrap:after{background-position:-6.5rem 0}
	#cellActive08 .experience > dt{font-size:0.75rem}
	#cellActive08 .experience > dt > em{font-size:1rem}
	#cellActive08 .experience > dd{font-size:0.75rem;line-height:1rem}
   #cellActive09 .excellent {padding: 3.5rem 3rem 3.5rem 25rem;}
	#cellActive10 .innerwrap{padding:2.5rem 1rem}
	/*GSGS 전략*/
	.gsgs_wrap{padding:0 1rem}
	.gsgs_wrap > .gsgs{margin:0 -1rem}
	.gsgs_wrap > .gsgs .title{left:2rem;right:2rem}
	.gsgs_wrap > .gsgs strong{font-size:1.2rem;line-height:1.7rem}
	.condition_wrap{padding:2.5rem 1rem 2rem;margin-bottom:-2rem}
	.condition_wrap > h3{font-size:1.5rem;line-height:2rem}
	/*GSGS 현황*/
	.gsgsProduct_wrap .tabNav > li{vertical-align:top}
	.gsgsProduct_wrap .tabNav a{height:2.5rem;padding:0.75rem;font-size:0.8rem;line-height:1rem}
	.gsgsProduct_wrap .tabNav > li:nth-child(4) a > span{padding:0}
	.gsgsProduct_wrap .txtNav .tabNav a{height:auto}
	.gsgsProductMap_wrap{position:relative;height:25rem;overflow:hidden}
	.gsgsProduct_map{position:relative}
	.gsgsProduct_map > img{position:absolute;top:0;left:50%;max-width:none;transform:translateX(-50%);-webkit-transform:translateX(-50%)}
	.gsgsProduct_contents > h3{padding-bottom:0.75rem;margin-top:1.75rem;font-size:1.15rem;line-height:1.15rem}
	/*.gsgsProductInfo_wrap{padding:1rem 0}*/
	.gsgsProductInfo_wrap > .gsgsProduct_info{padding-right:1.5rem}
	.gsgsProductInfo_wrap > .gsgsProduct_info > li{padding:0.5rem 1rem}
	.gsgsProductInfo_wrap > .gsgsProduct_info .address{font-size:0.8rem}
	.gsgsProductInfo_wrap > .support_info{padding-left:1.5rem}
	.gsgsProductInfo_wrap .support{padding:1.5rem 1.25rem}


	/*나눔의 문화*/
	.contribution_wrap > .history_wrap > h2{margin-bottom:1.5rem;font-size:1.2rem;line-height:1.5rem}
	.history_details_lst a{font-size:0.8rem;line-height:1.3rem}
	.history_details_lst a > span{line-height:1.3rem}
	.historyList_wrap > h3{font-size:1.1rem;line-height:1.4rem}
	.historyList_wrap{padding:1.5rem 0 2rem}
	/*주요활동*/
	.majorActivity{min-width:auto}
	.majorActivity > h3{font-size:1.2rem;line-height:1.4rem}
	.majorActivity > h4{font-size:0.8rem;line-height:1.3rem}
	.majorActivity .txtp{font-size:0.75rem;line-height:1.2rem}
	/*상생협력*/
	.winwinPartner{padding-top:1.5rem}
	.winwinPartner > h2{font-size:1.2rem;line-height:1.5rem}
	.winwinPartner > .img{margin:1.5rem 0 2rem}
	.winwinPartner .partnerPolicy_lst dt{font-size:0.8rem;line-height:1.3rem}
	.winwinPartner .partnerPolicy_lst .txtp{font-size:0.75rem;line-height:1.25rem}
	.winwinPartner .winwinPartnerImg_lst{margin-top:3rem}
	/*친환경 제품정책*/
	.ecofriendly_wrap{padding:0 1rem}
	.ecofriendly_wrap .title{right:2rem;width:calc(100% - 4rem);width:-webkit-calc(100% - 4rem)}
	.ecofriendlyPolicy h2,.ecodesign_wrap h2{margin-bottom:1.5rem;font-size:1.2rem;line-height:1.5rem}
	.ecofriendlyPerform_lst{margin:1rem 0 3rem}
	.ecofriendlyPerform_lst > li{width:100%;padding:1rem 0.75rem}
	.ecofriendlyPerform_lst > li:nth-child(2){border-top:1px solid #e3e6e8}
	.ecofriendlyPerform_lst dt{font-size:0.8rem;line-height:1.3rem}
	.ecofriendlyPerform_lst .txtp{font-size:0.75rem;line-height:1.25rem}
	.ecofriendlyCase_wrap{padding:3rem 0}
	.ecofriendlyCase_lst .ecofriendlyCase .img{margin-bottom:1rem}
	.ecofriendlyCase_lst .ecofriendlyCase strong{min-height:2.6rem;font-size:0.8rem;line-height:1.3rem}
	.ecofriendlyCase_lst .ecofriendlyCase .desc{font-size:0.75rem}
	.ecodesignDirection{padding:1.5rem 2rem 1rem}
	.ecodesignDirection_lst > li{padding-left:9.25rem}
	.ecodesignDirection_lst strong{width:9.25rem;font-size:0.9rem}
	.ecodesignDirection_lst .vision .caption{font-size:1rem}
	.ecodesignDirection_lst .goal .caption{font-size:1rem}
	.ecodesignDirection_lst .direction .caption_lst dt{padding:0.5rem 0;font-size:0.9rem;font-weight:500}
	.ecodesignDirection_lst .direction .caption_lst dd{font-size:0.8rem}
	.ecodesignDirection_lst .task .caption_lst .desc{font-size:0.8rem}
	.ecodesignMaterials_wrap{padding:3rem 0}
	.ecodesignMaterials_lst .ecodesignMaterials .img{margin-bottom:1rem}
	.ecodesignMaterials_lst .ecodesignMaterials strong{font-size:0.8rem;line-height:1.3rem}
	.ecodesignMaterials_lst .ecodesignMaterials .desc{font-size:0.75rem}
	.ecodesignPerform_wrap{padding-bottom:3rem}
	.ecodesignPerform_lst > li{width:100%;padding:1rem 0.75rem}
	.ecodesignPerform_lst > li:nth-child(2){border-top:1px solid #e3e6e8}
	.ecodesignPerform_lst > li:nth-child(3) .txtp,.ecodesignPerform_lst > li:nth-child(4) .txtp{min-height:inherit}
	.ecodesignPerform_lst dt{font-size:0.8rem;line-height:1.3rem}
	.ecodesignPerform_lst .txtp{font-size:0.75rem;line-height:1.25rem}
	.ecodesignProgress_title_lst > li,.ecodesignProgress_lst > ul > li{font-size:0.75rem}
	.ecodesignProgress .note{font-size:0.7rem}
	.ecodesignProgress_wrap .advice{font-size:0.7rem}
	/*생활환경 디자인연구소*/
	.absoluteDesign_wrap{padding-top:1.5rem}
	.researchDev_wrap,.awards_wrap,.IPR_wrap{margin:2.5rem 0 0.75rem}
	.absoluteDesign_wrap h2,.researchDev_wrap h2,.awards_wrap h2,.IPR_wrap h2{margin-bottom:1.25rem;font-size:1.25rem}
	.absoluteDesign_lst .absoluteDesign strong{margin-bottom:0;font-size:0.8rem;line-height:1.3rem}
	.absoluteDesign_lst .absoluteDesign strong > em{font-size:1rem;line-height:1.5rem}
	.absoluteDesign_lst .absoluteDesign .txtp{font-size:0.75rem;line-height:1.2rem}
	.researchDev_title > li{padding:0.5rem 0;font-size:0.8rem;line-height:1.2rem}
	.researchDev_lst > ul > li{font-size:0.75rem}
	.researchDev_lst > ul > li.no2 > span{height:auto;padding:0.75rem 0;font-size:0.8rem}
	.awardsMark_wrap{height:auto}
	.awardsMark_lst{padding:1.5rem 3rem}
	.absoluteDesignLifeSlide .awards > .img{height:auto;margin-bottom:1rem}
	.absoluteDesignLifeSlide .awards strong{padding:0;font-size:0.8rem}
	.absoluteDesignLifeSlide .awards span.year,.absoluteDesignLifeSlide .awards span.institution{font-size:0.75rem;line-height:1rem}


	/*애터미 성공시스템*/
	.successSys_wrap{padding-left:1rem;padding-right:1rem}
	.successSystem_wrap h2,.onOfflineApply_wrap h2{font-size:1.25rem;line-height:1.5rem}
	.sameEI_wrap strong{padding-bottom:0.5rem;font-size:0.9rem;line-height:1.4rem}
	.sameEI_wrap .txtp{font-size:0.75rem;line-height:1.2rem}
	.onOfflineApply > .caption{padding:1.5rem 1rem 1.5rem 2rem}
	.onOfflineApply > .caption .cate{font-size:0.8rem;line-height:1.3rem}
	.onOfflineApply > .caption strong{font-size:1.2rem;line-height:1.4rem}
	.onOfflineApply > .caption .desc{font-size:0.75rem;line-height:1.2rem}
	.onOfflineApply > .caption .url span{font-size:0.75rem}
	.onOfflineApply > .caption .download > a,.onOfflineApply > .caption .more > a{width:8rem}
	/*세미나 신청*/
	.calendarSel_wrap{padding:1rem;margin-bottom:1.5rem}
	.calendar_schedule .schedulelist_wrap{padding:1.25rem 0}


	/*뉴스*/
	.newsArchive_wrap{padding-top:0}
	.newsArchive_contents{margin-top:2rem}
	.newsArchive_contents > .imgbox{padding-right:1rem}
	.newsArchive_contents > .caption{padding-left:1rem}
	.newsArchive_contents strong{font-size:0.8rem;line-height:1rem}
	.newsArchive_contents strong > em{font-size:1.1rem;line-height:1.5rem}
	.newsArchive_contents .langDown{padding:0.5rem 0 0.75rem;margin-bottom:0.75rem}
	.newsArchive_contents .coverStory_wrap{height:7.25rem}
	.newsArchive_contents .coverStory{padding:0 0.5rem;font-size:0.75rem;line-height:1rem}
	.newsArchive_contents .coverStory strong{font-size:0.75rem;line-height:1rem}
	.newsArchive_contents .coverStory .desc{line-height:1rem}


	/*인재상*/
	.chairmanMessage_wrap{margin-bottom:3rem}
	.chairmanMessage_wrap .txtp > strong{font-size:0.8rem;line-height:1.3rem}
	.atomyPeolpleDNA_lst{margin-top:-2rem}
	.atomyPeolpleDNA_lst > li{padding:1.5rem 0}
	.atomyPeolpleDNA_cnts > .icon{width:10rem;height:4.5rem}
	.atomyPeolpleDNA_cnts > .icon:before{width:4.5rem;height:4.5rem;background-size: auto 4.5rem}
	.atomyPeolpleDNA_cnts > .icon.no1:before{background-position:0 0}
	.atomyPeolpleDNA_cnts > .icon.no2:before{background-position:-4.5rem 0}
	.atomyPeolpleDNA_cnts > .icon.no3:before{background-position:-9rem 0}
	.atomyPeolpleDNA_cnts > .icon.no4:before{background-position:-13.5rem 0}
	.atomyPeolpleDNA_cnts > .icon.no5:before{background-position:-18rem 0}
	.atomyPeolpleDNA_cnts > dl > dt{font-size:0.9rem;line-height:1.4rem}
	.atomyPeolpleDNA_cnts > dl > dd{font-size:0.75rem;line-height:1.3rem}
	/*일하는 방식*/
	.atomyWorkway_wrap{margin:0 -1rem}
	.atomyWorkway_index > .item .img{height:19.65rem}
	.atomyWorkway_index > .item strong > em{font-size:1.2rem;line-height:1.7rem}
	.atomyWorkway_index > .item strong > span{width:7rem;height:2rem;padding:0.3rem 0;margin-top:0.5rem;font-size:0.75rem}
	/*애터미 WAY*/
	.atomyWay_lst > dt .num,.atomyWay_lst > dt i[class*="xi"]{top:1.3rem;font-size:0.8rem;line-height:0.8rem}
	.atomyWay_lst > dt .active i[class*="xi"]{top:1.1rem}
	.atomyWay_lst > dt strong{padding:1rem 0;font-size:0.9rem;line-height:1.4rem}
	.atomyWay_lst > dd{padding:1rem 4rem 1.5rem}
	/*애터미 Life*/
	.atomyLifeNo3_wrap,.atomyLifeWelfare_wrap,.atomyLifeSystem_wrap,.atomyLifeOffice_wrap{padding:2.5rem 0 1.5rem}
	.atomyLifeNo3_wrap{padding:1.5rem 0 0}
	.atomyLifeNo3_wrap h2,.atomyLifeWelfare_wrap h2,.atomyLifeSystem_wrap h2,.atomyLifeOffice_wrap h2{font-size:1.2rem;line-height:1.2rem}
	.atomyLifeNo3_lst > li{padding:1.5rem 0}
	.atomyLifeNo3_cnts > .icon{width:10rem;height:4.5rem}
	.atomyLifeNo3_cnts > .icon:before{width:4.5rem;height:4.5rem;background-size: auto 4.5rem}
	.atomyLifeNo3_cnts > .icon.no1:before{background-position:0 0}
	.atomyLifeNo3_cnts > .icon.no2:before{background-position:-4.5rem 0}
	.atomyLifeNo3_cnts > .icon.no3:before{background-position:-9rem 0}
	.atomyLifeNo3_cnts > dl > dt{font-size:0.9rem;line-height:1.4rem}
	.atomyLifeNo3_cnts > dl > dd{font-size:0.75rem;line-height:1.3rem}
	/*글로벌 Life*/
	.globalLifeOK_wrap{padding-top:1.5rem}
	.globalLifeOK_wrap h2{font-size:1.2rem;line-height:1.2rem}
}
@media screen and (max-width:980px){
	/*개요*/
	.about_wrap .promotion > .innerwrap{height:27.6rem}
	/*창업자소개*/
	.founderPhilosophy_wrap .tweenImg{height:15rem}
	.founderPhilosophy_wrap .imgTween{width:auto;height:20rem;margin:-11rem 0 0 -25rem}
	.founderNews_lst .item strong {font-size: .7rem; line-height: .95rem; padding-right: 0;}
	.founderNews_lst .item .date {font-size: 0.65rem; line-height: .8rem;}
	/*.founderPhilosophy .item{padding-bottom:9.25rem}*/
	.founderPhilosophy .item .caption{padding:1.5rem 6rem}
	.founderPhilosophy .item.no3 .txtp br{display:none}
	.founderNews_lst{width:16rem}
	/* .founderNews_lst .item{height:3.4rem} */
	.founderNews_lst .item > a{padding:0.5rem 2rem 0.5rem .75rem}
	.founderNews_lst .item > span.external{top:.55rem}
	.founderNews_lst .slick-arrow{width:4.9rem}
	.founderNews_wrap .count_wrap{left:5.4rem;width:4.9rem}
	.founderNews_thumb_big{height:17.5rem;margin-bottom:0.75rem}
	.founderNews_thumb_lst .thumbItem{height:3.5rem}
	/*애터미파크소개*/
	.atomyparkDesc_wrap .completion_wrap > .img img{margin-top:-11rem}
	.atomyparkDesc_wrap .completion_wrap > .caption{padding-left:2rem}
	/* .atomyparkDesc_wrap #completionVideo{height:27.6rem} */
	.atomyparkDesc_wrap .innovation_wrap .tweenImg{height:11.75rem}
	.atomyparkDesc_wrap .workLife_lst li:last-child{width:18rem}
	.atomyparkDesc_wrap .offiludens > .image{width:15.25rem}
	.atomyparkDesc_wrap .offiludens .imgTween{margin-top:-16rem}
	.atomyparkDesc_wrap .officeIssue{display:block;margin-top:3rem;table-layout:auto}
	.atomyparkDesc_wrap .officeIssue:after{clear:both;display:block;content:""}
	.atomyparkDesc_wrap .officeIssue > .img,.atomyparkDesc_wrap .officeIssue > .caption{display:block;float:left;width:100%}
	.atomyparkDesc_wrap .officeIssue > .img{padding:0;margin-top:1.5rem}
	.atomyparkDesc_wrap .officeIssue > .img > img{display:none}
	.atomyparkDesc_wrap .officeIssue > .img > img.mobile{display:block}
	.atomyparkDesc_wrap .officeIssue .img_wrap{display:none}
	.atomyparkDesc_wrap .officeIssue > .caption{width:100% !important;padding:0 !important;text-align:left !important}
	/*연혁*/
	.historyCnts > .img_lst{padding-left:2rem}
	.historyCnts > .caption{padding:0 2rem}
	.historyCnts .caption_wrap{left:2rem;right:2rem}
	.historyCnts.type2 > .img_lst{padding-right:2rem}
	.historyCnts.type2 > .caption{padding:0 2rem}
	.historyCnts.type2 .caption_wrap{left:2rem;right:2rem}

	/*Visual Identity*/
	.identity_wrap .symbol > .rule{padding:2rem 0}
	.identity_wrap .symbol > .rule + .rule{width:auto}
	.identity_wrap .symbol > .rule + .rule > img{max-width:100%;height:auto}
	.identity_wrap .CIrule_lst > li{height:auto}
	.identity_wrap .CIrule{position:relative;top:auto;padding:1rem 0 3rem;transform:none;-webkit-transform:none}
	.identity_wrap .CIrule > .img{height:auto;padding:0 0.75rem}
	.identity_wrap .compositionType_lst{margin:0 -0.25rem}
	.identity_wrap .compositionType_lst > li{margin:0 0.25rem}
	.identity_wrap .compositionStyle .font{padding:1.25rem 0.5rem}
	.identity_wrap .compositionStyle .font > strong{font-size:3.5rem;line-height:3.5rem}
	.identity_wrap .compositionStyle .font > .sample{font-size:0.65rem;line-height:0.9rem}
	.identity_wrap .compositionType_lst span{font-size:0.75rem;line-height:1.25rem}
	.identity_wrap .compositionType_lst strong{font-size:2rem;line-height:2rem}
	.identity_wrap .thickness_wrap{padding:2.5rem 5rem}
	.identity_wrap .thickness > [class*="thickness_"] + [class*="thickness_"]{margin-top:1rem}
	.identity_wrap .thickness > [class*="thickness_"] > dt{font-size:0.8rem;line-height:1.3rem}
	.identity_wrap .thickness > [class*="thickness_"] > dd{font-size:1rem;line-height:1.5rem}
	.identity_wrap .thickness > [class*="thickness_"] > dd > span{line-height:1.5rem}
	.identity_wrap .regulations_wrap{padding:1.25rem 7.5rem}
	.identity_wrap .regulations_lst strong{font-size:0.8rem;line-height:1.3rem}

	.identity_wrap .fontDownWrap{display:none}
	.identity_wrap .fontDown_lst{margin:0 -1rem 0.5rem}
	.identity_wrap .fontDown_lst > li{padding:0 1rem}
	.identity_wrap .fontDown{padding:0.75rem}
	.identity_wrap .fontDown .txtp{min-height:2.75rem;margin-bottom:0}
	.identity_wrap .fontDown .btn + .btn{margin-left:0.5rem}
	/*글로벌 사업장*/
	.bizPlace_wrap .tabNav{width:calc(100% + 0.5rem);width:-webkit-calc(100% + 0.5rem);margin:0 -0.25rem}
	.bizPlace_wrap .tabNav > li{padding:0 0.25rem}
	.bizPlace_wrap .tabNav a{padding:0.75rem 0.5rem}
	.bizPlace_wrap .tabNav a > span{display:block;line-height:1rem}
	.bizPlace_wrap .tabNav > li:nth-child(4) a{padding:0.25rem 0.5rem}
	.bizPlaceInfo_wrap > .bizPlace_info{padding-right:1rem}
	.bizPlaceInfo_wrap > .support_info{padding-left:1rem}
	.bizPlaceInfo_wrap .support{padding:1rem 0.75rem}

	/*브랜드 스토리*/
	.brandStory_wrap .technology_lst strong{margin-top:1rem;padding:0 0.5rem}
	/*헤모임*/
	#hemohim02 .no1 > .cultivation{left:1rem}
	#hemohim02 .no1 .cultivation > .point{right:-8.2rem}
	#hemohim02 .no1 .cultivation > .pointLine{right:-6.7rem}
	#hemohim02 .no2 > .cultivation{right:1.25rem}
	#hemohim02 .no3 > .cultivation{right:1.25rem}
	/*애터미 스킨케어 시스템 더페임*/
	#theFame01 .skincareSystem_lst > .system_lst{right:-7.5rem;width:21rem;margin-top:-3.75rem}
	#theFame01 .skincareSystem_lst > .system_lst > li{width:7.5rem;height:7.5rem;}
	#theFame01 .skincareSystem_lst .system dd{font-size:0.65rem;line-height:0.75rem}
	#theFame02 .brandVideo{height:26.4rem}
	#theFame04 .newMaterial_desc{padding:0.75rem 0.5rem}
	#theFame04 .newMaterial_lst > li:last-child{width:19.5rem}
	#theFame04 .panthenol{padding:0 0.5rem 1.25rem}
	#theFame04 .hyaluronic-acid{padding:0 0.5rem 1.25rem}
	#theFame04 .hyaluronic-acid > li.no1{left:0}
	#theFame04 .hyaluronic-acid > li.no2{left:5.25rem}
	#theFame04 .hyaluronic-acid > li.no3{right:0}
	#theFame04 .hyaluronic-acid > li.no4{left:0}
	#theFame04 .hyaluronic-acid > li.no5{left:7.5rem}
	#theFame04 .ceramide{padding:0 0.5rem 1.25rem}
	#theFame04 .ceramide .desc{background-size:100% auto}
	#theFame04 .ceramide > li:first-child .desc .no1{left:2.5rem}
	#theFame04 .ceramide > li:first-child .desc .no2{bottom:2.5rem;left:2.5rem}
	#theFame04 .ceramide > li:last-child .desc .no1{left:3.5rem}
	#theFame04 .ceramide > li:last-child .desc .no2{bottom:1.75rem;left:2.5rem}
	#theFame05 .excellent{padding:1.35rem 1rem 1.35rem 16.25rem;margin:3rem auto 0}
	#theFame05 .excellent > .icon{left:1rem;width:12.25rem;height:12.25rem;background-size:100% auto}
	/*애터미 앱솔루트 셀랙티브 스킨케어*/
	#cellActive02 .brandVideo{height:26.4rem}
	#cellActive03 .complex_lst > li{padding:0.75rem}
	#cellActive04 .mechanism_lst > li:last-child{width:21.5rem}
	#cellActive04 .mechanism > strong{padding:0.75rem}
	#cellActive04 li:last-child .mechanism > strong{padding:1.25rem 0.75rem}
	#cellActive04 .mechanism .img_desc > span[class*="peptid"] > em.no1{padding:0.75rem 0}
	#cellActive04 .mechanism .img_desc > span[class*="peptid"] > em.no3{margin-top:0}
	#cellActive04 .mechanism .img_desc > span[class*="peptid"] > em.no4{margin-top:1rem}
	#cellActive04 .mechanism .img_desc > span.peptidA{left:0.2rem}
	#cellActive04 .mechanism .img_desc > span.peptidC{right:0.2rem}
	#cellActive04 .mechanism .img_desc > span.peptidC > em.no4{margin-top:0.5rem}
	#cellActive05 .pc_linebreak{display: none;}
	#cellActive08 .experience_wrap{padding:1rem !important;}
	#cellActive09 .excellent{padding:2rem 2rem 2rem 13.25rem}
	#cellActive09 .excellent > .icon{width:11rem;height:6rem;background-size:100% auto}
	/*GSGS 전략*/
	.condition_lst .condition_flow{width:12rem;padding:1rem;padding-right:0}
	.condition_lst .conditionInfo strong{padding-left:0.5rem}

	/*사회공헌*/
	.contributionIntro_wrap{height:auto}
	.contribution_lst{display:block;width:100%;table-layout:auto;margin:0;}
	.contribution_lst:after{clear:both;display:block;content:""}
	.contribution_lst > li{float:left;width:50%;padding:0.25rem}
	.contribution{height:auto}
	.contribution > .img{height:0;padding-bottom:61%;position:relative;display:block;}
	.contribution.no1 > .img:before{background-image:url(../../kr/img/contents/sub03/sub030100_img01_m.jpg);background-position:70% 50%}
	.contribution.no2 > .img:before{background-image:url(../../kr/img/contents/sub03/sub030100_img02_m.jpg)}
	.contribution.no3 > .img:before{background-image:url(../../kr/img/contents/sub03/sub030100_img03_m.jpg)}
	.contribution.no4 > .img:before{background-image:url(../../kr/img/contents/sub03/sub030100_img04_m.jpg)}
	.contribution .caption {height:auto}
	.contribution .caption_wrap{position:relative;height:auto;min-height:15rem;padding:1rem}
	.contribution .caption_wrap:before{border-radius:0}
	.contribution .caption_wrap > *{text-align:left}
	.contribution .caption h2{font-size:1.2rem;line-height:1.4rem}
	.contribution .caption .h2_desc{font-size:0.8rem;line-height:1.2rem;opacity:1;filter:alpha(opacity=100)}
	.contribution .caption .more{bottom:1rem;left:1rem;width:calc(100% - 2rem);width:-webkit-calc(100% - 2rem);opacity:1;filter:alpha(opacity=100)}
	.contribution .caption .more:before{border-width:1px}
	.contribution .caption .more > span{padding:0.5rem 0;font-size:0.75rem}
	.contributionBG_lst > li{display:none}

	/*상생협력*/
	.winwinPartner{padding-top:0.75rem}
	.winwinPartner > .img{height:12rem}
	.winwinPartner .winwinPartnerImg_lst{height:auto;padding:0 3.5rem;margin:2.5rem 0 1rem}
	.winwinPartner .winwinPartnerImg_lst .item{padding:0 0.5rem}
	/*친환경 제품정책*/
	.ecofriendly_wrap .ecofriendlylst_wrap{display:none;position:static;opacity:1;filter:alpha(opacity=100);transform:none;-webkit-transform:none}
	.ecofriendly_wrap .title .ecofriendlylst_wrap{display:none}
	/* .ecofriendly_wrap .title_wrap.is-active{margin-bottom:0} */
	.ecofriendly_lst{margin:0 auto}
	.ecofriendly_lst strong{color:#767676}
	.ecofriendlyPerform_lst > li{padding:0.75rem 0.5rem}
	.ecofriendlyCase_lst .ecofriendlyCase strong{min-height:3.9rem}
	.ecodesignPerform_lst > li{padding:0.75rem 0.5rem}
	/*생활환경 디자인연구소*/
	.absoluteDesign_lst{display:block;width:100%;padding:1rem 0;margin:0;table-layout:auto}
	.absoluteDesign_lst > li{display:block;padding:0.5rem 0 1.5rem}
	.absoluteDesign_lst .absoluteDesign{display:table;width:100%;table-layout:fixed}
	.absoluteDesign_lst .absoluteDesign > .img,.absoluteDesign_lst .absoluteDesign > .caption{display:table-cell;vertical-align:middle}
	.absoluteDesign_lst .absoluteDesign > .img{width:10rem}
	.absoluteDesign_lst .absoluteDesign > .caption{position:static;width:auto;padding-left:2rem}
	.absoluteDesign_lst .absoluteDesign strong{display:block;position:static;font-size:0.8rem;line-height:1.3rem;color:#000;text-align:left;transform:none;-webkit-transform:none}
	.absoluteDesign_lst .absoluteDesign strong > em{margin-bottom:0;color:#000}
	.absoluteDesign_lst .absoluteDesign .desc{display:block;position:static;padding:0.75rem 0 0}
	.absoluteDesign_lst .absoluteDesign .desc:before{display:none}
	.absoluteDesign_lst .absoluteDesign .txtp{color:#767676}
	.absoluteDesign_lst > li:hover .absoluteDesign strong{margin-top:0}
	.researchDev_lst > ul > li br{display:none}


	/*애터미 성공시스템*/
	.successSystem_lst{display:block;width:100%;padding-bottom:2rem;margin:0;table-layout:auto}
	.successSystem_lst > li{display:block;padding:0.5rem 0 1.5rem}
	.successSystem_lst .successSystem{display:table;width:100%;table-layout:fixed}
	.successSystem_lst .successSystem > .img,.successSystem_lst .successSystem > .caption{display:table-cell;vertical-align:middle}
	.successSystem_lst .successSystem > .img{width:10rem}
	.successSystem_lst .successSystem > .caption{position:static;width:auto;padding-left:2rem}
	.successSystem_lst .successSystem strong{display:block;position:static;font-size:0.8rem;line-height:1.3rem;color:#000;text-align:left;transform:none;-webkit-transform:none}
	.successSystem_lst .successSystem strong > em{font-size:1rem;line-height:1.5rem;color:#000}
	.successSystem_lst > li:hover .successSystem strong{margin-top:0}
	.successSystem_lst .successSystem .desc{display:block;position:static;padding:0.75rem 0 0}
	.successSystem_lst .successSystem .desc:before{display:none}
	.successSystem_lst .successSystem .txtp{font-size:0.75rem;line-height:1.2rem;color:#767676}
	.sameEI_wrap{padding:2rem 0}
	/*세미나 신청*/
	.calendar_schedule .schedule_date > strong{line-height:2rem}
	.calendar_schedule .schedule_date > .apply{float:left;width:100%;line-height:2rem}
	.calendar_schedule .schedule_date > .apply > a.btn{min-width:10rem}
	.calendar_schedule .schedulelist_wrap{padding:0.75rem 0}
	.calendar_schedule .schedule_lst > li{width:50%;padding:0.25rem 0}


	/*뉴스*/
	.newsArchive_contents > .imgbox{padding-right:0.5rem}
	.newsArchive_contents > .caption{padding-left:0.5rem}


	/*일하는 방식*/
	.atomyWorkway_index > .item .img{height:16rem}
}
@media screen and (max-width:768px){
/* 쇼핑몰 팝업창 문제로 주석처리
  .layerpopup_container { height: 90vh !important; }
  .layerpopup_body { height: 71vh !important; overflow: auto !important; }
*/

	/*개요*/
	.outline_wrap > .synopsis{height:11rem;overflow:hidden}
	.outline_wrap > .synopsis .title{left:1rem;right:1rem}
	.outline_wrap > .synopsis .small{font-size:0.65rem}
	.outline_wrap > .synopsis .small:before{left:3.5rem;width:calc(100% - 3.5rem);width:-webkit-calc(100% - 3.5rem)}
	.outline_wrap > .synopsis strong{margin-top:0rem;font-size:0.9rem;line-height:1.4rem}
	.outline_wrap > .synopsis .img{height:auto;overflow:inherit;}
	.outline_wrap > .synopsis .img img{}
	.aboutInfo_wrap{padding:1rem 1.5rem}
	.about_wrap .promotion > .innerwrap{height:21.6rem}
	/*경영철학*/
	.philosophy_wrap > h2{background-position:80% 50%}
	.philosophy_wrap > h2.no3{background-position:80% 0}
	.philosophy_wrap > h2 .title{left:1.5rem}
	.philosophy_wrap > h2.active .title{width:calc(100% - 2rem);width:-webkit-calc(100% - 2rem)}
	.philosophy_wrap > h2.active strong{/*width:5.5rem;padding-right:0*/}
	.philosophy_cnts > .icon{width:6rem}
	.philosophy_cnts > .icon:before{left:0;width:4rem;height:4rem;background-size:auto 8rem}
	.philosophy_cnts > .icon.no1_1:before{background-position:0 0}
	.philosophy_cnts > .icon.no1_2:before{background-position:-4rem 0}
	.philosophy_cnts > .icon.no1_3:before{background-position:-8rem 0}
	.philosophy_cnts > .icon.no2_1:before{background-position:-12rem 0}
	.philosophy_cnts > .icon.no2_2:before{background-position:-16rem 0}
	.philosophy_cnts > .icon.no2_3:before{background-position:-20rem 0}
	.philosophy_cnts > .icon.no3_1:before{background-position:0 -4rem}
	.philosophy_cnts > .icon.no4_1:before{background-position:-4rem -4rem}
	.philosophy_cnts > .icon.no4_2:before{background-position:-8rem -4rem}
	.philosophy_cnts > .icon.no4_3:before{background-position:-12rem -4rem}
	.philosophy_cnts > .icon.no4_4:before{background-position:-16rem -4rem}
	.philosophy_cnts > .icon.no5_1:before{background-position:-20rem -4rem}
	.philosophy_cnts_lst > li{padding:0.75rem}
	.philosophy_cnts_lst dl > dt{width:5.5rem}
.prdPhilosophy .caption_wrap > h2,
.prdPhilosophy .caption_wrap > .h2_desc{word-break:normal}
	/*창업자소개*/
	.founder_wrap{padding-bottom:2rem}
	.founder_wrap > .title{height:11rem;overflow:hidden}
	.founder_wrap > .title > .img{height:100%}
	.founder_wrap > .title > .img img{max-width:none;height:100%}
	.aboutFounder_wrap{padding:1.5rem 0}
	.aboutFounder_wrap > h2{margin-bottom:1rem;font-size:1.8rem;line-height:2rem}
	.aboutFounder_wrap > h2 > em{line-height:2rem}
	.aboutFounder_wrap .career_wrap > .img{height:12rem}
	.aboutFounder_wrap .career_wrap .tweenImg{height:100%}
	.aboutFounder_wrap .career_wrap .imgTween{width:auto;height:15rem}
	.aboutFounder_wrap .career_wrap .imgTween{margin-left:-20rem;margin-top:-8rem}

	.aboutFounder_wrap .career_wrap dl + dl{margin-top:1rem}
	.aboutFounder_wrap .career_wrap dt{font-size:0.9rem;line-height:1.25rem}
	.aboutFounder_wrap .career_lst{font-size:0.75rem;line-height:1.25rem}
	.aboutFounder_wrap .career_lst > li{line-height:1.25rem}
	.aboutFounder_wrap .career_lst > li > em{line-height:1.25rem}
	.aboutFounderDesc{display:block;table-layout:auto;overflow:hidden}
	.aboutFounderDesc > .img_wrap, .aboutFounderDesc > .caption{display:block}
	.aboutFounderDesc > .caption{padding-right:0}

	.aboutFounder_wrap .aboutFounderDesc .img_wrap{height:22rem}
	.aboutFounder_wrap .aboutFounderDesc .img.no1{width:14rem;height:10rem;left:0}
	.aboutFounder_wrap .aboutFounderDesc .img.no2{width:9rem;height:9rem;top:8rem;left:inherit;right:-.5rem}
	.aboutFounder_wrap .aboutFounderDesc .img.no3{width:10rem;height:9rem;left:1rem}
	.aboutFounderDesc .img_wrap .img .tweenImg > img{margin-top:-6rem;transform:none!important;}

	/*
	.aboutFounderDesc.no2{margin-top:2.5rem}
	.aboutFounderDesc.no3{margin-top:2.5rem}
	.aboutFounderDesc > .caption{display:block;padding-right:0}
	.aboutFounderDesc > .img_wrap{display:block;height:auto !important;margin:1rem -0.5rem 0}
	.aboutFounderDesc > .img_wrap:after{clear:both;display:block;content:""}
	.aboutFounderDesc .img{position:static}
	.aboutFounderDesc .img_wrap .img{float:left;width:33.333% !important;height:10rem !important;padding:0 0.5rem;border:0 none !important}
	.aboutFounderDesc .img .tweenImg > img{left:50%;margin-top:0 !important;transform:translate(-50%, -50%) !important}
	*/
	.founderPhilosophy_wrap h2{font-size:1.8rem;line-height:2rem}
	.founderPhilosophy_wrap h2 > em{line-height:2rem}
	.founderPhilosophy_wrap .tweenImg{height:12rem}
	.founderPhilosophy_wrap .imgTween{width:auto;height:15rem;margin:-8rem 0 0 -20rem}
	.founderPhilosophy .slick-arrow{top:-4.25rem;transform:none;-webkit-transform:none}
	/* .founderPhilosophy .item{padding-bottom:8.9rem} */
	.founderPhilosophy .item .caption{padding:1.5rem 2rem;position:relative}
	.founderPhilosophy .item .txtp{font-size:0.8rem;line-height:1.3rem}
	.founderPhilosophy .item .source{font-size:0.75rem;line-height:1.2rem}
	.founderNews_wrap > h2{font-size:1.8rem;line-height:2rem}
	.founderNews_wrap > h2 > em{line-height:2rem}
	.founderNews{display:block;height:auto;table-layout:auto}
	.founderNews_lst,.founderNews_thumb{display:block;width:auto;padding:0}
	.founderNews_lst{padding-bottom:3.25rem}
	.founderNews_thumb{margin-top:1rem}
	.founderNews_wrap .count_wrap{bottom:0;top:15.3rem;left:50%;transform:translateX(-50%);transform:translateX(-50%)}
	/*애터미파크소개*/
	.atomyparkVisual .btn{height:auto}
	.atomyparkVisual_wrap:before{background-image:url(../../kr/img/contents/sub01/sub0105_visual_m.jpg);}
	.atomyparkVisual_wrap .scrollDown{bottom:3.5rem}
	.atomyparkDesc_wrap .completion_wrap{display:block;height:auto;table-layout:auto}
	.atomyparkDesc_wrap .completion_wrap > .img,.atomyparkDesc_wrap .completion_wrap > .caption{display:block}
	.atomyparkDesc_wrap .completion_wrap > .img{height:12rem}
	.atomyparkDesc_wrap .completion_wrap > .img img{margin-top:-14rem}
	.atomyparkDesc_wrap .completion_wrap > .caption{padding:1.25rem 1.5rem}
	.atomyparkDesc_wrap .completion > dt, .atomyparkDesc_wrap .completion > dd{line-height:1.3}
	.atomyparkDesc_wrap .completion_lst li ~ li{margin-top:.7rem}
	.atomyparkDesc_wrap .awards > .img{padding:1.5rem 1rem}
	.atomyparkDesc_wrap .awardslist > li:first-child .awards > strong{padding:2.05rem 0}
	/* .atomyparkDesc_wrap #completionVideo{height:21.6rem} */
	.atomyparkDesc_wrap .innovation_wrap .tweenImg{height:11.75rem}
	.atomyparkDesc_wrap .innovation_wrap .tweenImg  > img{max-width:none;position:absolute;top:50%;left:50%;width:49rem;margin:-7rem 0 0 -24.5em}
	.atomyparkDesc_wrap .workLife_lst{padding:1.5rem 0}
	.atomyparkDesc_wrap .workLife_lst .img{padding-top:0}
	.atomyparkDesc_wrap .workLife_lst li:last-child{width:auto}
	.atomyparkDesc_wrap .offiludens{display:block;position:relative;table-layout:auto}
	.atomyparkDesc_wrap .offiludens > .image,.atomyparkDesc_wrap .offiludens > .caption{display:block}
	.atomyparkDesc_wrap .offiludens > .image{display:none}
	.atomyparkDesc_wrap .offiludens > .caption{padding:1.75rem 1rem}
	.atomyparkDesc_wrap .offiludens .txtp br{display:none}
	.atomyparkDesc_wrap .office_lst{width:calc(100% + 0.6rem);width:-webkit-calc(100% + 0.6rem);margin:0 -0.3rem}
	.atomyparkDesc_wrap .office_lst > li{padding:0 0.3rem}
	.atomyparkDesc_wrap .office{display:flex;flex-direction:column}
	.atomyparkDesc_wrap .office .img{flex:1}
	.atomyparkDesc_wrap .office strong{flex:1;padding:1rem;font-size:0.75rem;line-height:1.25rem}
	.atomyparkDesc_wrap .office strong > em{font-size:0.8rem}
	.atomyparkDesc_wrap .officeIssue h4{font-size:1.1rem;line-height:1.5rem}
	.atomyparkDesc_wrap .officeIssue h4 > span{font-size:1.1rem;line-height:1.5rem}
	.atomyparkDesc_wrap .officeIssue .txtp{font-size:0.75rem;line-height:1.2rem;word-break:keep-all}
	.atomyparkDesc_wrap .architect > .desc{font-size:0.7rem;line-height:1rem}
	/*연혁*/
	.history_wrap > div[id*="year"] + div[id*="year"]{margin-top:2rem}
	.historyYear{display:none}
	.historyYear_lst > li {padding:0}
	.historyCnts h3{font-size:2rem;line-height:2rem}
	.historyCnts strong{font-size:1rem;line-height:1.25rem}
	.historyCnts .desc{font-size:0.75rem;line-height:1.15rem}
	.historyCnts > .img_lst{padding-left:1rem}
	.historyCnts > .caption{min-height:10rem;padding:0 1rem}
	.historyCnts .caption_wrap{left:1rem;right:1rem}
	.historyCnts.type3{height:12.5rem}
	.historyCnts.type3 > .img_lst > .item,.historyCnts.type3 > .img_lst .img{height:12.5rem}
	.historyCnts.type3 .caption_wrap{padding-left:4rem;padding-right:4rem}
	.historyCnts.type2 > .img_lst{padding-right:1rem}
	.historyCnts.type2 > .caption{padding:0 1rem}
	.historyCnts.type2 .caption_wrap{left:1rem;right:1rem}

	.historyCnts .slick-dots{margin:0!important;z-index:55;}
	.historyCnts .slick-dots button{padding-left:.65rem;padding-right:.65rem}
	.historyCnts .slick-dots button::before{width:.65rem;height:.65rem;box-shadow:2px 2px 2px rgba(0,0,0,.5)}
	.historyCnts + .historyCnts{margin-top:1.5rem}
	.history_detailslist_wrap > .select_box{display:block}
	.history_details_lst{display:none;position:absolute;top:100%;left:0;width:100%;height:11.75rem;margin:0;border:1px solid #d5d5d5;background:#fff}
	.history_details_lst.active{display:block;z-index:1}
	.history_details_lst > li{float:left;width:100%;padding:0}
	.history_details_lst a{padding:0.5rem 0.75rem;text-align:left}
	.history_lst > dt{width:6rem}
	.history_lst .history em{width:4rem}
	.historyList_wrap{padding:0}
	.historyList_wrap.active{padding:2.5rem 0 4rem}
.history_table_block {width:49%;}

	/*Visual Identity*/
	.identity_wrap .slogan{height:12.5rem;padding:2rem}
	.identity_wrap .slogan > img{max-width:none;height:100%}
	.identity_wrap .symbol > .rule > span{font-size:0.75rem;line-height:1rem}
	.identity_wrap .palette > .caption{padding:1rem 1.5rem}
	.identity_wrap .palette strong{font-size:0.8rem;line-height:1.2rem}
	.identity_wrap .palette .colorDesc{position:static;transform:none;-webkit-transform:none}
	.identity_wrap .palette .colorDesc > dt{margin-bottom:0.25rem;font-size:0.8rem;line-height:1.2rem}
	.identity_wrap .palette .colorDesc > dd{font-size:0.75rem;line-height:1rem}
	.identity_wrap .palette .colorbox{height:2.75rem}
	.identity_wrap .CIrule_lst > li{width:25%}
	.identity_wrap .CIrule > strong{font-size:0.8rem;line-height:1.2rem}
	.identity_wrap .CIrule_lst .btn{font-size:0.75rem;line-height:1rem}
	.identity_wrap .fontDesign h4{font-size:0.8rem;line-height:1.3rem}
	.identity_wrap .fontDesign > .caption{padding-right:1rem}
	.identity_wrap .fontDesign > .caption .txtp{font-size:0.7rem;line-height:1.1rem}
	.identity_wrap .fontDesign > .img{padding-left:1rem}
	.identity_wrap .fontDesign + .fontDesign{margin-top:2rem}
	.identity_wrap .fontDesign + .fontDesign > .img{padding-right:1rem}
	.identity_wrap .fontDesign + .fontDesign > .caption{padding-left:1rem}
	.identity_wrap .compositionStyle .font{padding:1rem 0.5rem}
	.identity_wrap .compositionType_lst{display:block;-ms-display:block;}
	.identity_wrap .compositionType_lst > li{float:left;width:calc(50% - .5rem);margin:.25rem}
	.identity_wrap .thickness_wrap{padding:2rem}
	.identity_wrap .regulations_wrap{padding:1rem 2rem}
	.identity_wrap .fontDown_lst{margin:0 -0.5rem 0.5rem}
	.identity_wrap .fontDown_lst > li{padding:0 0.5rem}
	/*글로벌 사업장*/
	.bizPlace_wrap .tabNav_wrap{display:none}
	.bizPlace_wrap > .select_box{display:block;margin-bottom:0.5rem}
	.bizPlaceMap_wrap{height:20rem;overflow:hidden}
	.bizPlaceMap_wrap > .bizPlace_map{position:absolute}
	#bizPlace01 .bizPlace_map{top:50%;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%)}
	#bizPlace02 .bizPlace_map{top:-95px;left:405px}
	#bizPlace03 .bizPlace_map{top:0;left:245px}
	#bizPlace04 .bizPlace_map{top:-95px;left:245px}
	#bizPlace05 .bizPlace_map{top:0;left:430px}
	.bizPlace_contents > .select_box{display:block;margin-bottom:0.5rem}
	.bizPlace_contents > h3{margin-top:1rem}
	.bizPlaceInfo_wrap{display:block;padding:0.75rem 0;table-layout:auto}
	.bizPlaceInfo_wrap > .bizPlace_info,.bizPlaceInfo_wrap > .support_info{display:block;width:100%}
	.bizPlaceInfo_wrap > .bizPlace_info{padding-right:0}
	.bizPlaceInfo_wrap > .bizPlace_info > li{padding:0.5rem 0}
	.bizPlaceInfo_wrap > .support_info{padding-left:0;margin-top:0.5rem}
	.bizPlaceInfo_wrap .support{padding:0.5rem 0.75rem}


	/*제품철학*/
	.prdPhilosophy > .img{height:12.5rem}
	.prdPhilosophy > .caption{padding-top:1.5rem}
	.prdPhilosophy .caption_wrap{display:block;table-layout:auto}
	.prdPhilosophy .caption_wrap > h2,.prdPhilosophy .caption_wrap > .h2_desc{display:block}
	.prdPhilosophy .caption_wrap > h2 br{display:none}
	/*브랜드 스토리*/
	.brandStory_index > .item strong > em{min-height:3.4rem}
	.brandStory_wrap .h3_desc{white-space:normal}
	.brandStory_wrap .title{right:1rem;padding:1.5rem 1rem}
	.brandStory_wrap .title > .subtitle{font-size:0.9rem;line-height:1.25rem}
	.brandStory_wrap #hemohim00 .title{padding:1.5rem 1rem}
	.brandStory_wrap .title > h1{font-size:0.8rem}
	.brandStory_wrap .title > h1 > .typingEff{font-size:2rem;line-height:2.5rem}
	.brandStory_wrap h2{font-size:1.25rem}
	.brandStory_wrap h3{margin-bottom:0.5rem;font-size:1rem;line-height:1.25rem}
	.brandStory_wrap .technology_lst strong{font-size:0.8rem}
	.brandStory_wrap .technology_lst{display:none}
	.brandStory_wrap .technology_detail{position:static;height:auto;margin-top:2rem}
	.brandStory_wrap .technology_detail h3{margin-bottom:0.5rem !important;font-size:0.9rem !important;line-height:1.25rem !important;color:#000 !important}
	.brandStory_wrap .technology_detail h3 > span{border-color:#d5d5d5 !important;color:#000 !important}
	.brandStory_wrap .technology_detail .h3_desc{line-height:1.4rem !important;color:#767676 !important}
	.brandStory_wrap .technology_detail .innerwrap{padding:1.25rem 0 1rem}
	.brandStory_wrap .technology_detail > [class*="item"]{position:static;height:auto;opacity:1;  filter:alpha(opacity=100);visibility:visible; /* margin-bottom:1.5rem; 더페임에서 여백이 너무넓어서 삭제 */}
	.brandStory_wrap .technology_detail > [class*="item"] .technology_bg{display:block;position:relative;height:10.5rem;background-size:auto 100%;background-position:50% 0;transform:none;-webkit-transform:none}
	.brandStory_wrap .technology_detail .techCloseBtn{display:none}
	.brandStory_wrap .products_lst > li.title{right:0}
	.brandStory_wrap .products .caption{padding:0.75rem}
	.brandStory_wrap .products_lst a:hover{background:none}
	.brandStory_wrap .products_lst a:hover .products > .img > img{transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%)}
	.brandStory_wrap .products_lst a:hover .products .caption{bottom:-100%}
	.brandStory_wrap .active .products .caption{bottom:0}
	.brandStory_wrap .active a{background:#e9ecf1}
/*
	.brandStory_wrap .products_lst a:hover .products > .img > img{transform:none;-webkit-transform:none}
*/


	.brandStory_wrap .products .caption > strong{font-size:0.8rem}
	.brandStory_wrap .purchase > strong{font-size:0.8rem}
	.brandStory_wrap #hemohim01 h3{position:static;margin-bottom:0.5rem;font-size:1.25rem;line-height:1.5rem;transform:none;-webkit-transform:none;word-break:normal}
	.brandStory_wrap #hemohim01 h3 br{display:none}
	.brandStory_wrap #hemohim01 h3 > em{line-height:1.5rem}
	.brandStory_wrap #hemohim01 .h3_desc{position:static;transform:none;-webkit-transform:none;word-break:normal}
	.brandStory_wrap #theFame02 .brandVideo_wrap h3{font-size:1.5rem}
	.brandStory_wrap #theFame03 h3{font-size:1.5rem}
	.brandStory_wrap #theFame03 h3 > span{margin-bottom:0.5rem}
	.brandStory_wrap #theFame04 h3{font-size:1.5rem}
	.brandStory_wrap #theFame04 h3 > span{margin-bottom:0.5rem}
	.brandStory_wrap #theFame05 h3{font-size:1.5rem}
	.brandStory_wrap #theFame05 h3 > span{margin-bottom:0.5rem}
	.brandStory_wrap #theFame06 h3{position:static;margin-bottom:0.5rem;font-size:1.25rem;line-height:1.5rem;transform:none;-webkit-transform:none}
	.brandStory_wrap #theFame06 h3 > em{line-height:1.5rem}
	.brandStory_wrap #theFame06 .h3_desc{position:static;transform:none;-webkit-transform:none}
	.brandStory_wrap #theFame06 .technology_detail .h3_desc > strong{font-size:0.8rem}
	.brandStory_wrap #theFame06 .technology_detail .meaning > span{padding:0.75rem}
	.brandStory_wrap #theFame08 h3{font-size:1rem;line-height:1.25rem}
	.brandStory_wrap #theFame08 h3 > em{font-size:0.8rem;line-height:1.25rem}
	.brandStory_wrap #cellActive02 .brandVideo_wrap h2{font-size:1.5rem}
	.brandStory_wrap #cellActive05 h3{position:static;margin-bottom:0.5rem;font-size:1.25rem;line-height:1.5rem;transform:none;-webkit-transform:none}
	.brandStory_wrap #cellActive05 h3 > span{margin-bottom:0.5rem}
	.brandStory_wrap #cellActive05 h3 > em{line-height:1.5rem}
	.brandStory_wrap #cellActive05 .h3_desc{position:static;transform:none;-webkit-transform:none}
	.brandStory_wrap #cellActive09 h3{margin-bottom:0.5rem}
	#hemohim00 {background-image: url(../../kr/img/contents/sub02/sub020201_bg00_m.jpg);}
	#theFame00{background-image:url(../../kr/img/contents/sub02/sub020202_bg00_m.jpg)}
	#cellActive00 { background-image: url(../../kr/img/contents/sub02/sub020203_bg00_m.jpg);}
	/*헤모임*/
	.hemohim_wrap{display:block !important}
	.hemohim_wrap .fp-tableCell{display:block !important;padding:2rem 1rem;vertical-align:top}
	#hemohim00{height:100vh !important}
	#hemohim01{height:auto !important}
	#hemohim01.hemohim_wrap .fp-tableCell{height:auto !important}
	#hemohim02{height:auto !important;overflow:hidden}
	#hemohim02.hemohim_wrap .fp-tableCell{height:auto !important;padding-bottom:0}
	#hemohim02 .cultivation_wrap{height:auto;padding:0;background-image:none}
	#hemohim02 .cultivation_wrap h4{position:static;text-align:center}
	#hemohim02 .cultivation_wrap h4 br{display:none}
	#hemohim02 .cultivation{position:static;margin:1rem auto 0 !important}
	#hemohim02 .cultivation .img_wrap{width:10rem;margin:0 auto !important;opacity:1;transform:none}
	#hemohim02 .cultivation strong{font-size:0.8rem}
	#hemohim02 .cultivation > .point,#hemohim02 .cultivation > .pointLine{display:none}
	#hemohim02 .no1 > .cultivation{transform:none;-webkit-transform:none}
	#hemohim02 .no3 > .cultivation{transform:none;-webkit-transform:none}
	#hemohim02 .current .no1 .cultivation .img_wrap{transition-delay:0.3s}
	#hemohim02 .current .no2 .cultivation .img_wrap{transition-delay:0.5s}
	#hemohim02 .current .no3 .cultivation .img_wrap{transition-delay:0.7s}
	#hemohim02 .material{position:relative;left:-1rem;width:calc(100% + 2rem);width:-webkit-calc(100% + 2rem);padding:0.75rem 1rem;margin-top:2rem}
	#hemohim03{height:auto !important}
	#hemohim03.hemohim_wrap .fp-tableCell{height:auto !important;padding-bottom:0}
	#hemohim03 .keyPoint_wrap{margin-bottom:0;overflow:visible}
	#hemohim03 .threePoint > span{margin-top:0;opacity:1}
	#hemohim03 .threePoint > .triangle{opacity:1;transform:none}
	#hemohim03 .threePoint #dotline{stroke-dasharray:5}
	#hemohim03 .threePoint > span.no2 b{right:-2rem;top:3rem}
	#hemohim03 .threePoint > span.no3 b{left:-2rem;top:3rem}
	#hemohim03 .testApplication{position:relative;left:-1rem;width:calc(100% + 2rem);width:-webkit-calc(100% + 2rem);padding:0.75rem 1rem;margin-top:2rem}
	#hemohim03 .keyPoint_lst{display:block;width:100%;padding:0;margin-left:0;table-layout:auto}
	#hemohim03 .keyPoint_lst > li{display:block;padding-left:0}
	#hemohim03 .keyPoint_lst > li + li{margin-top:0.5rem}
	#hemohim03 .keyPoint_cnts{min-height:3.5rem}
	#hemohim03 .keyPoint_cnts strong{padding-bottom:0.4rem;margin-bottom:0.4rem}
	#hemohim04{height:auto !important}
	#hemohim04.hemohim_wrap .fp-tableCell{height:auto !important;padding-bottom:0}
	#hemohim04 .historyChange_wrap{margin-top:2rem;padding:0}
	#hemohim04 .historyChange_lst{display:flex;flex-wrap:wrap;table-layout:auto}
	#hemohim04 .historyChange_lst > li{flex:1;flex-basis:50%;width:50%;padding:0.5rem 0}
	#hemohim04 .historyChange > .img{margin:1.25rem 0 1rem}
	#hemohim04 .historyChange_lst > li:nth-child(2) .historyChange:after{display:none}
	#hemohim04 .historyChange_lst > li:nth-child(2) .arrow{display:none}
	#hemohim04 .historyChange_lst > li:nth-child(3) .historyChange:before{display:none}
	#hemohim05{height:auto !important}
	#hemohim05 .fp-tableCell{height:auto !important;padding:2rem 1rem 3rem}
	#hemohim05 .innerwrap{height:13.2rem;padding:0}
	#hemohim06 .fp-tableCell{padding:2.5rem 0}
	#hemohim07{display:none !important;height:0 !important}
	/*애터미 스킨케어 시스템 더페임*/
	.theFame_wrap{display:block !important}
	.theFame_wrap .fp-tableCell{display:block !important;padding:2rem 1rem;vertical-align:top}
	#theFame00{height:100vh !important}
	#theFame01{height:auto !important}
	#theFame01.theFame_wrap .fp-tableCell{height:auto !important}
	#theFame01 .skincareSystem_wrap{width:19rem;height:19rem;padding:2.25rem;margin:1.5rem auto 0}
	#theFame01 .skincareSystem_wrap .fourTech{left:-3.6rem;width:7.2rem;height:7.2rem;margin-top:-3.6rem}
	#theFame01 .skincareSystem_wrap .fourTech:before{width:8.7rem;height:8.7rem}
	#theFame01 .skincareSystem_lst > .system_lst{right:-5rem;width:18rem;margin-top:-3.25rem}
	#theFame01 .skincareSystem_lst > i[class*="xi-"]{left:4.25rem}
	#theFame01 .skincareSystem_wrap .fourTech,#theFame01 .skincareSystem_lst > i[class*="xi-"],#theFame01 .skincareSystem_lst > .system_lst > li{opacity:1;transform:none}
	#theFame01 .skincareSystem_lst > .system_lst > li{width:6.5rem;height:6.5rem;}
	#theFame01 .skincareSystem_lst .system dd{font-size:0.6rem}
	#theFame01 .skincareSystem_wrap #dotline{stroke-dasharray:5}
	#theFame02{height:auto !important}
	#theFame02.theFame_wrap .fp-tableCell{height:auto !important}
	#theFame02 .brandVideo_wrap{padding:0}
	#theFame02 .brandVideo{height:20.5rem}
	#theFame03{height:auto !important}
	#theFame03.theFame_wrap .fp-tableCell{height:auto !important}
	#theFame03 .newTechnology_wrap{display:block;padding:0;table-layout:auto}
	#theFame03 .newTechnology_lst,#theFame03 .newTechName{display:block}
#theFame03 .newTechnology_lst strong {word-break:normal}
	#theFame03 .newTechnology_lst ul{padding-right:0}
	#theFame03 .newTechName{width:29.5rem;padding-left:0;margin:0 auto}
	#theFame03 .newTechName > .img > em{margin-top:0;opacity:1}
	#theFame04{height:auto !important}
	#theFame04.theFame_wrap .fp-tableCell{height:auto !important}
	#theFame04 .newMaterial_wrap{padding:0}
	#theFame04 .newMaterial_lst{display:block;table-layout:auto}
	#theFame04 .newMaterial_lst > li{display:block}
	#theFame04 .newMaterial_lst > li + li{padding-left:0;margin-top:0.5rem}
	#theFame04 .hyaluronic-acid{width:15.6rem;margin:0 auto}
	#theFame04 .hyaluronic-acid > li.no1{top:2.25rem;left:2rem}
	#theFame04 .hyaluronic-acid > li.no2{left:7.25rem}
	#theFame04 .hyaluronic-acid > li.no3{right:1.25rem}
	#theFame04 .hyaluronic-acid > li.no4{left:2rem}
	#theFame04 .hyaluronic-acid > li.no5{left:9.25rem}
	#theFame04 .newMaterial_lst > li:last-child{width:100%}
	#theFame04 .ceramide .desc{width:9.5rem;margin:0 auto;background-size:auto}
	#theFame04 .ceramide > li:first-child .desc{background-size:auto}
	#theFame04 .ceramide > li:first-child .desc .no1{left:3.5rem}
	#theFame04 .ceramide > li:first-child .desc .no2{left:3.25rem}
	#theFame04 .ceramide > li:last-child .desc .no1{left:4.5rem}
	#theFame04 .ceramide > li:last-child .desc .no2{bottom:2.25rem;left:3.25rem}
	#theFame05{height:auto !important}
	#theFame05.theFame_wrap .fp-tableCell{height:auto !important}
	#theFame05 .excellent{width:100%;padding:8rem 0 0.5rem;margin-top:2rem}
	#theFame05 .excellent > .icon{top:0;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%)}
	#theFame05 .excellent > h4{font-size:0.9rem;line-height:1.25rem;text-align:center}
	#theFame05 .excellent > h4 > em{line-height:1.25rem}
	#theFame05 .hypoallergenic > li{padding-right:0}
	#theFame05 .hypoallergenic strong{font-size:0.75rem}
	#theFame05 .hypoallergenic span i[class*="xi-"]{width:1.3rem;opacity:1}
	#theFame06{height:auto !important}
	#theFame06.theFame_wrap .fp-tableCell{height:auto !important}
	#theFame07{height:auto !important}
	#theFame07.theFame_wrap .fp-tableCell{height:auto !important}
	#theFame07 .historyChange_wrap{padding:0}
	#theFame07 .historyChange_lst{display:block}
	#theFame07 .historyChange_lst > li{display:block}
	#theFame07 .historyChange_lst > li + li{margin-top:0.5rem}
	#theFame07 .historyChange{display:table;width:100%;height:100%;table-layout:fixed}
	#theFame07 .historyChange > .img,#theFame07 .historyChange .desc{display:table-cell;height:100%;vertical-align:middle}
	#theFame07 .historyChange > .img{width:9rem}
	#theFame07 .historyChange .desc{border-right:1px solid #e1eaf2}
	#theFame07 .historyChange .name{min-height:auto}
	#theFame07 .historyChange .name:after{clear:both;display:block;content:""}
	#theFame07 .historyChange .name > li{float:left;width:50%}
	#theFame07 .historyChange strong br{display:none}
	#theFame07 .historyChange_lst > li:first-child .historyChange strong{padding:0.75rem;}
   #theFame07 .historyChange strong {min-height: auto !important;}
	#theFame07 .historyChange_lst .arrow{top:8rem;right:auto;left:4rem;transform:rotate(90deg);-webkit-transform:rotate(90deg)}
	#theFame08{height:auto !important}
	#theFame08.theFame_wrap .fp-tableCell{height:auto !important}
	#theFame08 .innerwrap{height:26.4rem;padding:0}
	#theFame09 .fp-tableCell{padding:2.5rem 0}
	#theFame10{display:none !important;height:0 !important}
	/*애터미 앱솔루트 셀랙티브 스킨케어*/
	.cellActive_wrap .fp-tableCell{padding:2rem 1rem}
	#cellActive01{height:auto !important}
	#cellActive01.cellActive_wrap .fp-tableCell{height:auto !important;padding:0}
	.skincare_wrap .caption_wrap{height:auto}
	.skincare_wrap .innerwrap{top:auto;padding:2rem 0;transform:none;-webkit-transform:none}
	.skincare_wrap .caption_wrap > .innerwrap{padding:2rem 0}
	.brandStory_wrap .skincare_wrap .caption_wrap .h2_desc br{display:none}
	.skincare_wrap .scienceStory_wrap{height:auto}
	.skincare_wrap .scienceStory_lst{}
	.skincare_wrap .scienceStory_lst > li{height:auto;padding:1.25rem 0}
	.skincare_wrap .scienceStory_lst > li:nth-child(1){width:50%}
	.skincare_wrap .scienceStory_lst > li:nth-child(2){width:50%}
	.skincare_wrap .scienceStory_lst > li:nth-child(3){width:33.333%;border:1px solid #ded7d0;margin-top:-1px}
	.skincare_wrap .scienceStory_lst > li:nth-child(4){width:33.333%;margin-top:-1px}
	.skincare_wrap .scienceStory_lst > li:nth-child(5){width:33.333%;margin-top:-1px}
	.skincare_wrap .scienceStory{position:static;margin-top:0;opacity:1;transform:none;-webkit-transform:none}
	#cellActive02{height:auto !important}
	#cellActive02.cellActive_wrap .fp-tableCell{height:auto !important}
	#cellActive02 .brandVideo_wrap{padding:0}
	#cellActive02 .brandVideo{height:20.5rem}
	#cellActive03{height:auto !important}
	#cellActive03.cellActive_wrap .fp-tableCell{height:auto !important;padding:0;overflow:hidden}
	.cellActiveCode{padding:2rem 1rem 0}
	#cellActive03 .structure{display:block;padding:1.5rem 0;table-layout:auto}
	#cellActive03 .structure > li{display:block}
	#cellActive03 .structure > li + li .pos-item{margin-top:0.75rem;padding-left:0}
	#cellActive03 .structure > li + li .pos-item:before{display:none}
	#cellActive03 .structure li .pos-item> strong{margin:0 auto;transform:none;-webkit-transform:none}
	#cellActive03 .complex:after{clear:both;display:block;content:""}
	#cellActive03 .complex > li{float:left;width:25%}
	#cellActive03 .complex li:before{display:none}
	#cellActive03 .complex span{display:block;position:static;margin:0 auto;opacity:1}
	#cellActive03 .function_lst{float:none}
	#cellActive03 .function_lst:after{clear:both;display:block;content:""}
	#cellActive03 .function_lst > li{width:33.333%;opacity:1;transform:none;-webkit-transform:none}
	#cellActive03 .function_lst > li + li{margin-left:0}
	#cellActive03 .function{margin:0 auto}
	#cellActive03 .function > strong {font-size:.7rem}
	#cellActive03 .advice{position:relative;bottom:auto;right:auto;margin-top:0.5rem;text-align:left}
	#cellActive03 .multiComplex{position:static}
	#cellActive03 .complex_lst{display:flex;flex-wrap:wrap;table-layout:auto}
	#cellActive03 .complex_lst > li{display:block;flex:1;flex-basis:50%;width:50%;padding:0.5rem 1rem}
	#cellActive03 .complex_lst dt{margin-bottom:0.25rem}
	#cellActive04{height:auto !important}
	#cellActive04.cellActive_wrap .fp-tableCell{height:auto !important}
	.cellActiveTechnology{padding:0}
	.brandStory_wrap .cellActiveTechnology h3 strong > em{opacity:1;transform:none;-webkit-transform:none}
	#cellActive04 .mechanism_wrap{margin-top:1.5rem;overflow:hidden}
	#cellActive04 .mechanism_lst{display:block;width:auto;margin:0 -0.5rem;table-layout:auto}
	#cellActive04 .mechanism_lst > li{float:left;width:50%;padding:0 0.5rem}
	#cellActive04 .mechanism_lst > li + li{padding:0 0.5rem}
    #cellActive04 .mechanism_lst > li:nth-child(2), #cellActive04 .mechanism_lst > li:nth-child(3){width:100%;margin-top:0.5rem}
	#cellActive04 .mechanism .img_desc{max-width:20.25rem;margin:0 auto}
	#cellActive04 .mechanism > .img{padding:0}
	#cellActive04 .mechanism > .img > strong{display:block;position:static}
	#cellActive04 .mechanism_lst > li:nth-child(2) .mechanism > .img{padding:1rem 0}
	#cellActive04 .mechanism .sense {position:relative}
	#cellActive05{height:auto !important}
	#cellActive05.cellActive_wrap .fp-tableCell{height:auto !important}
	#cellActive06{height:auto !important}
	#cellActive06.cellActive_wrap .fp-tableCell{height:auto !important}
	#cellActive07{height:auto !important}
	#cellActive07.cellActive_wrap .fp-tableCell{height:auto !important}
	#cellActive08{height:auto !important}
	#cellActive08.cellActive_wrap .fp-tableCell{height:auto !important;padding:2rem 0 0}
	#cellActive08 .innerwrap{padding:0 1rem}
	#cellActive08 .skinChange_lst{display:flex;flex-wrap:wrap;table-layout:auto}
	#cellActive08 .skinChange_lst > li{display:block;flex:1;flex-basis:33.333%;width:33.333%;padding:0.25rem}
	#cellActive08 .experience_wrap{padding:1rem 0 !important;}
	#cellActive08 .experience_lst > li{width:100%;padding:0.25rem 0;opacity:1;transform:none;-webkit-transform:none}
	#cellActive08 .experience_wrap:before,#cellActive08 .experience_wrap:after{display:none}
	#cellActive08 .research{position:static;padding:1rem}
	#cellActive09{height:auto !important}
	#cellActive09.cellActive_wrap .fp-tableCell{height:auto !important;padding:2rem 1rem}
	/* #cellActive09 .excellent{width:100%;padding:1.25rem 0 1.25rem 9.25rem}
	#cellActive09 .excellent > .icon{top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%)} */

   #cellActive09 .excellent{width: 100%; padding:7.5rem 0 0}
	#cellActive09 .excellent > .icon{top:0 !important;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%)}

	#cellActive10{height:auto !important}
	#cellActive10.cellActive_wrap .fp-tableCell{height:auto !important}
	#cellActive10 .innerwrap{height:26.4rem;padding:0}
	#cellActive11 .fp-tableCell{padding:2.5rem 0}
	#cellActive12{display:none !important;height:0 !important}
	#cellActive13 .innerwrap{padding:0 1rem}
	#cellActive13 .fp-tableCell{padding:2.5rem 0}
	/*GSGS 전략*/
	.gsgs_wrap > .gsgs .title{left:1rem;right:1rem}
	.gsgs_wrap > .gsgs .small{font-size:0.65rem}
	.gsgs_wrap > .gsgs strong{margin-top:0.5rem;font-size:0.9rem;line-height:1.4rem}
	.condition_wrap{padding:2rem 1rem 1.5rem;margin-bottom:-1.5rem}
	.condition_wrap > h3{margin-bottom:0.5rem}
	.condition_lst > .item{width:100%; max-height: initial;}
	.condition_lst .condition_flow{width:auto}
	.condition_lst .img{width:12rem}
	/*GSGS 현황*/
	.gsgsProduct_wrap .tabNav_wrap{display:none}
	.gsgsProduct_wrap > .select_box{display:block;margin-bottom:0.5rem}
	.gsgsProductMap_wrap{height:20rem;overflow:hidden}
	.gsgsProductMap_wrap > .gsgsProduct_map{position:absolute}
	#gsgsProduct01 .gsgsProduct_map{top:50%;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%)}
	#gsgsProduct02 .gsgsProduct_map{top:-95px;left:405px}
	#gsgsProduct03 .gsgsProduct_map{top:0;left:-5px}
	#gsgsProduct04 .gsgsProduct_map{top:-95px;left:45px}
	#gsgsProduct05 .gsgsProduct_map{top:0;left:430px}
	.gsgsProduct_contents > .select_box{display:block;margin-bottom:0.5rem}
	.gsgsProduct_contents > h3{margin-top:1rem}
	.gsgsProductInfo_wrap{display:block;padding:0.75rem 0;table-layout:auto}
	.gsgsProductInfo_wrap > .gsgsProduct_info,.gsgsProductInfo_wrap > .support_info{display:block;width:100%}
	.gsgsProductInfo_wrap > .gsgsProduct_info{padding-right:0}
	.gsgsProductInfo_wrap > .gsgsProduct_info > li{padding:0.5rem 0}
	.gsgsProductInfo_wrap > .support_info{padding-left:0;margin-top:0.5rem}
	.gsgsProductInfo_wrap .support{padding:0.5rem 0.75rem}
	.gsgsProductInfo_wrap .gsgs-tablebox-60 {display: block; width: 100%; margin-bottom: 1rem;}
	.gsgsProductInfo_wrap .gsgs-tablebox-40 {display: block; width: 100%; text-align: center;}
	.gsgsProductInfo_wrap .gsgs-img-box {max-width: 100%; width: 100%;}
	.gsgsProductInfo_wrap .gsgs-img-box + .gsgs-img-box {margin-top: .5rem;}
	

	/*사회공헌*/

	/*나눔의 문화*/
	.contribution_wrap > .history_wrap > h2{font-size:1rem}
	/*주요활동*/
	.majorActivity_wrap .historyCnts > .caption{min-height:17.8rem}
	.majorActivity{padding:0.75rem}
	/*드리미재단*/
	.dreamymission_wrap{padding-top:0}
	.dreamymission_wrap .btn_wrap{padding:2rem 0 0;margin-top:2.5rem}
	/*드리미 스쿨*/
	.dreamyedu_wrap{padding-top:0}
	.dreamyedu_wrap .btn_wrap{padding:2rem 0 0;margin-top:2.5rem}
	/*상생협력*/
	.winwinPartner{padding-top:0}
	.winwinPartner > h2{margin-bottom:1rem}
	.winwinPartner > .img{height:10rem}
	.winwinPartner .partnerPolicy_lst > li{padding:0.75rem 0}
	/* .winwinPartner .supportfund_lst .supportfund{width:5.5rem;height:5.5rem;padding:1.5rem 0} */
	.winwinPartner .supportfund_lst .supportfund > .funds{font-size:0.8rem}
	.winwinPartner .supportfund_lst .supportfund > .funds > em{font-size:1.3rem}
	.winwinPartner .supportfund_lst .supportfund > .year{font-size:0.7rem}
   /* 소비자중심경영 */
   .about_wrap.ccm .certification > figure .caption > strong {font-size: 1rem; line-height: 1.1rem;}
	/*친환경 제품정책*/
	.ecofriendly_wrap .title{right:1rem;width:calc(100% - 2rem);width:-webkit-calc(100% - 2rem)}
	.ecofriendlyCase_wrap{padding-bottom:1rem}
	.ecofriendlyCase_lst{display:block;width:100%;margin:0;table-layout:auto}
	.ecofriendlyCase_lst > .item{display:block;padding:0; margin-bottom:1.5rem}
	.ecofriendlyCase_lst > .item + .item{margin-top:0.5rem}
	.ecofriendlyCase_lst .ecofriendlyCase{display:table;width:100%;table-layout:fixed}
	.ecofriendlyCase_lst .ecofriendlyCase .img,.ecofriendlyCase_lst .ecofriendlyCase .desc_wrap{display:table-cell;vertical-align:middle}
	.ecofriendlyCase_lst .ecofriendlyCase .img{width:12.5rem}
	.ecofriendlyCase_lst .ecofriendlyCase .desc_wrap{padding-left:1rem}
	.ecofriendlyCase_lst .ecofriendlyCase strong{min-height:auto}
	.ecodesignDirection_lst > li{padding-left:0;padding-top:1.5rem}
	.ecodesignDirection_lst > li + li{margin-top:1rem}
	.ecodesignDirection_lst strong{top:0;width:100%;padding-right:0;transform:none;-webkit-transform:none;text-align:center}
	.ecodesignDirection_lst strong:before{display:none}
	.ecodesignDirection_lst .vision:before{left:0;width:100%}
	.ecodesignDirection_lst .direction:before{left:0;width:100%}
	.ecodesignDirection_lst .direction strong{top:2.75rem;}
	.ecodesignDirection_lst .task{padding-top:1.75rem}
	.ecodesignMaterials_lst{display:block;width:100%;margin:0;table-layout:auto}
	.ecodesignMaterials_lst > .item{display:block;padding:0; margin-bottom:1.5rem}
	.ecodesignMaterials_lst > .item + .item{margin-top:0.5rem}
	.ecodesignMaterials_lst .ecodesignMaterials{display:table;width:100%;table-layout:fixed}
	.ecodesignMaterials_lst .ecodesignMaterials .img,.ecodesignMaterials_lst .ecodesignMaterials .desc_wrap{display:table-cell;vertical-align:middle}
	.ecodesignMaterials_lst .ecodesignMaterials .img{width:12.5rem}
	.ecodesignMaterials_lst .ecodesignMaterials .desc_wrap{padding-left:1rem}
	.ecodesignProgress .total{padding:1rem 0 1.5rem}
	.ecodesignProgress .note{top:3rem;right:inherit;width:100%;text-align:center}
	/*생활환경 디자인연구소*/
	.absoluteDesign_wrap{padding-top:0}
	.researchDev_wrap,.awards_wrap,.IPR_wrap{margin-top:1.5rem}
	.researchDev_title > li.no2{width:11rem}
	.researchDev_lst > ul > li.no2{width:11rem}
	.researchDev_lst > ul > li.no2 > span{width:10.25rem}
	.awardsMark_wrap{padding:0}
   .awardsMark_lst{padding:1rem; display: flex; justify-content: space-evenly; flex-wrap: wrap;}
   .awardsMark_lst > li {display: block; width: 33.33%; margin-bottom: 1rem;}
   .awardsMark_lst > li:nth-child(4), .awardsMark_lst > li:nth-child(5), .awardsMark_lst > li:nth-child(6) {margin-bottom: 0;}
	.awardsMark_lst .icon{width:3.6rem;height:2.05rem;background-size:auto 2.05rem}
	.awardsMark_lst .icon.no1{background-position:0 0}
	.awardsMark_lst .icon.no2{background-position:-3.6rem 0}
	.awardsMark_lst .icon.no3{background-position:-7.2rem 0}
	.awardsMark_lst .icon.no4{background-position:-10.4rem 0}
   .awardsMark_lst .icon.no5{background-position:-14rem 0}
   .awardsMark_lst .icon.no6{background-position:-17.6rem 0}
	.absoluteDesignLifeSlide{padding:0}
	.absoluteDesignLifeSlide .item{padding:0}
	.absoluteDesignLifeSlide .awards > .img{padding:0.5rem 0.75rem}
	.absoluteDesignLifeSlide .slick-arrow{}
	.IPRInfo_wrap{padding:1rem 0}
	.IPRInfo_wrap .IPRInfo{display:block;table-layout:auto}
	.IPRInfo_wrap .IPRInfo > .img,.IPRInfo_wrap .IPRInfo > .caption{display:block;text-align:center}
	.IPRInfo_wrap .IPRInfo > .caption{padding-left:0}
	.IPRInfo_wrap .IPR_lst{width:17rem;margin:0 auto;padding-top:1rem}
	.IPRInfo_wrap .IPR_lst .IPR{width:6rem;height:6rem;padding:1.7rem 0}
	.IPRInfo_wrap .IPR_lst .IPR > .cases{font-size:.6rem;line-height:1.3rem}
	.IPRInfo_wrap .IPR_lst .IPR > .cases > em{font-size:1.3rem;line-height:1.3rem}
	.IPRInfo_wrap .IPR_lst .IPR > .title{margin-top:0;font-size:0.7rem;line-height:1rem}
	.IPRInfo_wrap .IPR_lst strong{font-size:0.7rem;line-height:1rem;width:5rem}


	/*애터미 성공시스템*/
	.onOfflineApply > .img{width:100%}
	.onOfflineApply > .caption{width:100%;padding:1rem 0}
	.onOfflineApply_lst{margin-top:1rem}
	.onOfflineApply_lst .slick-arrow{margin-top:-6.25rem}
	.onOfflineApply_lst .slick-arrow.slick-next{left:100%;margin-left:-3.75rem}
	.onOfflineApply_lst .slick-dots{bottom:auto;left:50%;top:15.25rem;margin-left:0; z-index: 1; width: 100%; text-align: center;}
        .onOfflineApply_lst .slick-dots > li { float: inherit; display: inline-block; }
	.onOfflineApply_lst + .onOfflineApply_lst .slick-arrow{margin-top:-8.25rem}
	.onOfflineApply_wrap .advice_wrap{margin-top:0;text-align:left;}
	/*세미나 신청*/
	.calendarSel_wrap{margin-bottom:1rem}
	.calendarSel_wrap .calendarSel > .txtp{width:100%;padding-left:0;margin-top:0.5rem;line-height:1rem}
	.calendar_schedule .schedule_lst > li{width:100%}
	.calendar_schedule .schedule > .info{margin-top:0}
	.calendar_wrap #calendar.fc .fc-view table{font-size:0.75rem;line-height:1rem}
	.calendar_wrap #calendar.fc .fc-day-number{display:block;font-size:0.7rem;line-height:1rem}


	/*뉴스*/
	.newsArchive_contents{display:block;table-layout:auto}
	.newsArchive_contents > .imgbox,.newsArchive_contents > .caption{display:block}
	.newsArchive_contents > .imgbox{height:10rem;padding:0}
	.newsArchive_contents > .caption{padding:0;margin-top:1rem}


	/*인재상*/
	.atomyPeolpleDNA_cnts > .icon{width:6rem;height:4rem}
	.atomyPeolpleDNA_cnts > .icon:before{width:4rem;height:4rem;background-size: auto 4rem}
	.atomyPeolpleDNA_cnts > .icon.no1:before{background-position:0 0}
	.atomyPeolpleDNA_cnts > .icon.no2:before{background-position:-4rem 0}
	.atomyPeolpleDNA_cnts > .icon.no3:before{background-position:-8rem 0}
	.atomyPeolpleDNA_cnts > .icon.no4:before{background-position:-12rem 0}
	.atomyPeolpleDNA_cnts > .icon.no5:before{background-position:-16rem 0}
	.atomyPeolpleDNA_cnts > dl{width: calc(100% - 7rem);}
   .atomyPeolpleDNA_wrap .title_wrap > .title > h2 {text-shadow: 2px 2px 4px #777;}
	/*일하는 방식*/
	.atomyWorkway_index > .item .img{height:12.45rem}
	/*애터미 WAY*/
	.atomyWay_lst > dt > a{padding:0 3rem}
	.atomyWay_lst > dt > a:after{right:3rem}
	.atomyWay_lst > dt strong{padding:0.5rem 0;font-size:0.8rem;line-height:1.3rem}
	.atomyWay_lst > dt .num,.atomyWay_lst > dt i[class*="xi"]{top:0.75rem;width:3rem}
	.atomyWay_lst > dt i[class*="xi"]{right:0}
	.atomyWay_lst > dt .active i[class*="xi"]{top:0.55rem}
	.atomyWay_lst > dd{padding:1rem 1.5rem 1.5rem 3rem}
	.atomyWay_lst > dd .txtp{font-size:0.75rem;line-height:1.1rem}
	/*애터미 Life*/
	.atomyLifeNo3_wrap h2,.atomyLifeWelfare_wrap h2,.atomyLifeSystem_wrap h2,.atomyLifeOffice_wrap h2{margin-bottom:1rem;font-size:1.1rem;line-height:1.1rem}
	.atomyLifeNo3_lst > li{padding:1rem 0}
	.atomyLifeNo3_cnts > .icon{width:6rem;height:4rem}
	.atomyLifeNo3_cnts > .icon:before{width:4rem;height:4rem;background-size: auto 4rem}
	.atomyLifeNo3_cnts > .icon.no1:before{background-position:0 0}
	.atomyLifeNo3_cnts > .icon.no2:before{background-position:-4rem 0}
	.atomyLifeNo3_cnts > .icon.no3:before{background-position:-8rem 0}
	.atomyLifeNo3_cnts > dl {width: calc(100% - 7rem);}
	.atomyLifeWelfare_lst{width:calc(100% + 0.5rem);width:-webkit-calc(100% + 0.5rem);margin: 0 -0.25rem}
	.atomyLifeWelfare_lst > .item{padding:0 0.25rem}
	.atomyLifeSystem{max-width:24rem;height:11.3rem;background-size:auto 11.3rem}
	.atomyLifeSystem > strong{width:3rem;height:3rem;padding:0.5rem 0;font-size:0.75rem;line-height:1rem}
	.atomyLifeSystem_lst{padding:3.75rem 0}
	.atomyLifeSystem_lst > li{padding:0 1rem}
	.atomyLifeSystem_lst .icon{width:2.5rem;height:2.5rem;background-size:auto 2.5rem}
	.atomyLifeSystem_lst .icon.no1{background-position:0 0}
	.atomyLifeSystem_lst .icon.no2{background-position:-2.5rem 0}
	.atomyLifeSystem_lst .icon.no3{background-position:-5rem 0}
	.atomyLifeSystem_lst em{font-size:0.85rem;line-height:1.3rem}
	.atomyLifeOffice_lst{width:calc(100% + 0.5rem);width:-webkit-calc(100% + 0.5rem);margin: 0 -0.25rem}
	.atomyLifeOffice_lst > .item{padding:0 0.25rem}
	/*글로벌 Life*/
	.globalLifeOK_wrap{padding-top:0}
	.globalLifeOK_wrap h2{margin-bottom:1rem;font-size:1.1rem;line-height:1.1rem}
	.globalLifeOK_lst{width:calc(100% + 0.5rem);width:-webkit-calc(100% + 0.5rem);margin: 0 -0.25rem}
	.globalLifeOK_lst > .item{padding:0 0.25rem}

/* 갤러리스킨 plani.css */
.fc .fc-toolbar > * > :not(:first-child){margin-left:0!important}

}



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

	/*개요*/
	.outline_wrap > .synopsis,
	.atomyparkDesc_wrap .innovation_wrap .img{height:0;padding-bottom:63%}
	.about_wrap .promotion > .innerwrap{height:18rem}
	/*창업자소개*/
	.founder_wrap > .title > strong{padding-top:2.5rem;padding-right:8.5rem;font-size:1rem;line-height:1.5rem}
	.founder_wrap > .title > strong > .small{font-size:0.75rem;line-height:1.25rem}
	.founder_wrap > .title > strong > .sign{width:8rem}
	.aboutFounder_wrap .career_wrap .imgTween{margin-left:-15rem}

	/*애터미파크소개*/
	.atomyparkVisual{width:100%;padding:0 1rem; top:40%}
	.atomyparkVisual > .h2_desc{white-space:normal}
	.atomyparkDesc_wrap .awardslist{display:block;width:100%;margin:0;table-layout:auto}
	.atomyparkDesc_wrap .awardslist > li{display:block;padding:0}
	.atomyparkDesc_wrap .awardslist > li + li{margin-top:1rem}
	.atomyparkDesc_wrap .awardslist > li:first-child .awards > strong{padding:0.85rem 2rem}
	.atomyparkDesc_wrap .officeIssue .txtp br{display:none}
	/*연혁*/
	.historyCnts > .caption{min-height:8rem}
	.historyCnts.type2 > .img_lst{padding-right:0.5rem}
	.historyCnts.type2 > .caption{padding:0 0.5rem}
	.historyCnts.type2 .caption_wrap{left:0.5rem;right:0.5rem}

	/*Visual Identity*/
	.identity_wrap .slogan{height:10rem;padding:1.5rem}
	.identity_wrap .symbol > .rule{padding:1.5rem}
	.identity_wrap .CIrule_lst > li{width:33.333%;min-height:180px}
	.identity_wrap .fontDesign h4{margin-bottom:0.25rem}
	.identity_wrap .fontDesign > .img,.identity_wrap .fontDesign > .caption{float:left !important;width:100%;padding:0 !important}
	.identity_wrap .fontDesign > .img{height:10rem;padding:1.5rem 0;border:1px solid #d5d5d5}
	.identity_wrap .fontDesign > .img img{max-width:none;height:100%;margin:0 auto;border:0 none}
	.identity_wrap .fontDesign > .caption{margin-top:0.5rem}
	.identity_wrap .thickness_wrap{display:block;padding:1rem;table-layout:auto}
	.identity_wrap .thickness_wrap > .thickness,.identity_wrap .thickness_wrap > .img{display:block}
	.identity_wrap .thickness > [class*="thickness_"] > dd{margin-top:0}
	.identity_wrap .thickness_wrap > .img{height:10rem;margin-top:0.75rem;text-align:center}
	.identity_wrap .thickness_wrap > .img > img{max-width:none;height:100%}
	.identity_wrap .regulations_lst{margin:0 -1rem}
	.identity_wrap .regulations_lst > li{padding:0.5rem 1rem}
	.identity_wrap .fontDown_advice{padding:0.5rem 0.75rem;text-align:left}
	.identity_wrap .fontDown_advice .advice{font-size:0.7rem;line-height:1rem}
	.identity_wrap .fontDown_advice .advice:after{line-height:1rem}
	/*글로벌 사업장*/
	#bizPlace02 .bizPlace_map{top:-95px;left:405px}
	#bizPlace03 .bizPlace_map{top:0;left:170px}
	#bizPlace04 .bizPlace_map{top:-95px;left:190px}
	#bizPlace05 .bizPlace_map{top:0;left:430px}

	/*브랜드 스토리*/
	#theFame02 .brandVideo{height:16.9rem}
	#cellActive02 .brandVideo{height:16.9rem}
	#cellActive04 .mechanism_lst > li:nth-child(2) .mechanism > .img{padding:0.5rem 0}


	/*사회공헌*/
	.contribution_lst > li{width:100%}
	.contribution .caption_wrap{min-height:auto;padding-bottom:3.75rem}
	/*주요활동*/
	.majorActivity_wrap .historyCnts > .caption{min-height:19.1rem}
	/*친환경 제품정책*/
	.ecodesignDirection_lst .goal .caption{width:100%}
	.ecodesignDirection{padding:1.5rem 1rem 1rem}
	/*생활환경 디자인연구소*/
	.absoluteDesign_wrap h2 + .txtp br{display:none}
	.absoluteDesign_lst .absoluteDesign > .caption{padding-left:1.5rem}
	.researchDev_title > li{padding:0.25rem;vertical-align:middle}
	/*생활환경 디자인연구소*/
	.researchDev_title > li.no2{width:7.5rem}
	.researchDev_lst > ul > li{font-size:0.7rem;line-height:1rem}
	.researchDev_lst > ul > li.no2{width:7.5rem}
	.researchDev_lst > ul > li.no2 > span{width:6.25rem}


	/*애터미 성공시스템*/
	.successSystem_lst .successSystem > .caption{padding-left:1.5rem}
/*석세스스토리*/
div.tstyle_view .gallery_slide{ padding:0;}

	/*뉴스*/
	.newsArchive_contents .coverStory_wrap{height:auto}


	/*일하는 방식*/
	.atomyWorkway_index > .item .img{height:10.3rem}
	/*애터미 WAY*/
	.atomyWay_lst > dt > a{padding:0 2rem}
	.atomyWay_lst > dt > a:after{right:2rem}
	.atomyWay_lst > dt .num,.atomyWay_lst > dt i[class*="xi"]{width:2rem}
	.atomyWay_lst > dt i[class*="xi"]{right:0}
	.atomyWay_lst > dd{padding:0.75rem 2rem 1rem}

	.philosophy_wrap > h2.active a:hover i[class*="xi-"]{transform: translate(0,-50%); -webkit-transform: translate(0,-50%)}

	.gsgs_wrap > .gsgs .caption {width:70%}

	/*앱솔루스 셀렉티브 스킨케어*/
	.cellActive_wrap {background: no-repeat 60% 0;     background-size: cover;}
	.history_table_block {display:block; margin:0 auto; width:100%;}

	/* GSGS 현황 */
	#gsgsProduct01 .gsgsProductMap_wrap {overflow-x: scroll;}

	/* 인재상 */
	.top-link-area {position: relative; top: 0; right: initial; margin-bottom: 1rem;}
}

@media screen and (max-width:480px){
	/*개요*/
	.about_wrap .promotion > .innerwrap{height:13.5rem}
	.about_wrap .promotion > .innerwrap > a > i[class*="xi-"]{width:3.5rem;height:3.5rem;font-size:3.5rem;line-height:3.5rem}
	.aboutInfo_lst .aboutInfo > dt{width:7.5rem}
	.aboutInfo_lst li:nth-child(7) .aboutInfo,.aboutInfo_lst li:nth-child(8) .aboutInfo,.aboutInfo_lst li:nth-child(9) .aboutInfo{display:block;table-layout:auto}
	.aboutInfo_lst li:nth-child(7) .aboutInfo > dt,.aboutInfo_lst li:nth-child(7) .aboutInfo > dd,.aboutInfo_lst li:nth-child(8) .aboutInfo > dt,.aboutInfo_lst li:nth-child(8) .aboutInfo > dd,.aboutInfo_lst li:nth-child(9) .aboutInfo > dt,.aboutInfo_lst li:nth-child(9) .aboutInfo > dd{display:block;width:100%}
	.aboutInfo_lst li:nth-child(7) .aboutInfo > dd,.aboutInfo_lst li:nth-child(8) .aboutInfo > dd,.aboutInfo_lst li:nth-child(9) .aboutInfo > dd{margin-bottom:0.25rem;line-height:1.2rem}
	.aboutInfo_wrap .standard{margin-left:0}
	/*경영철학*/
	.philosophy_lst{padding:1rem 0}
	.philosophy_wrap > h2{height:7.5rem;background-position:70% 50%}
	.philosophy_wrap > h2.no3{background-position:70% 0}
	.philosophy_wrap > h2.active .title{display:block;table-layout:auto}
	.philosophy_wrap > h2.active strong,.philosophy_wrap > h2.active span{display:block}
	.philosophy_cnts{display:block;table-layout:auto}
	.philosophy_cnts > .icon{display:block;width:4rem;height:4rem;margin:0 auto 0.5rem}
	.philosophy_cnts > dl{display:block; width: 100%;}
	.philosophy_cnts_lst dl{display:block;table-layout:auto}
	.philosophy_cnts_lst dl > dt,.philosophy_cnts_lst dl > dd{display:block;width:auto}
	/*창업자소개*/
	.aboutFounder_wrap .career_wrap dt{width:2.75rem}
	.aboutFounderDesc > .img_wrap{margin:1rem 0 0}
	.founderPhilosophy .item .caption{padding:1.5rem 1rem}
	.founderPhilosophy .item .txtp br{display:none}
	.founderNews_thumb_big{height:13.25rem}
	.founderNews_thumb_lst .thumbItem{height:2.6rem}
	/*애터미파크소개*/
	.atomyparkDesc_wrap .completion_wrap > .caption{padding:1rem}
	.atomyparkDesc_wrap .workLife_lst{padding:0}
	.atomyparkDesc_wrap .workLife_lst ul{display:block;table-layout:auto}
	.atomyparkDesc_wrap .workLife_lst li{display:block;padding:1rem}
	.atomyparkDesc_wrap .workLife_lst li:before{top:0.5rem;left:50%;border-left-color:transparent;border-top-color:#82868a;transform:translateX(-50%);-webkit-transform:translateX(-50%)}
	.atomyparkDesc_wrap .workLife_lst .desc{word-break:keep-all}
	.atomyparkDesc_wrap .workLife_lst .desc br{display:none}
	.atomyparkDesc_wrap .office_lst{display:block;table-layout:auto}
	.atomyparkDesc_wrap .office_lst > li{display:block;padding:0.3rem}
	.atomyparkDesc_wrap .office{display:block}
	.atomyparkDesc_wrap .office .img{flex:none;height:8rem}
	.atomyparkDesc_wrap .office .img > img{max-width:none;height:100%}
	.atomyparkDesc_wrap .office strong{flex:none;padding:0.5rem}
	.atomyparkDesc_wrap .officeIssue h4 > span{display:block}
	/*연혁*/
	.historyCnts > .img_lst,.historyCnts > .caption{width:100%;padding:0 !important}
	.historyCnts > .caption{min-height:auto;padding:1rem 0 0 4rem !important}
	.historyCnts .caption_wrap{position:static;transform:none;-webkit-transform:none;text-align:right !important}
	.historyCnts strong br,.historyCnts .desc br{display:none}
	.historyCnts.type3{height:auto}
	.historyCnts.type3 > .img_lst > .item,.historyCnts.type3 > .img_lst .img{height:8rem}
	.historyCnts.type3 > .caption{position:static;height:auto}
	.historyCnts.type3 .caption_wrap{padding:0;transform:none;-webkit-transform:none}
	.historyCnts.type3 h3{color:#00b6ef}
	.historyCnts.type3 strong{color:#000}
	.historyCnts.type3 .desc{color:#767676;opacity:1;filter:alpha(opacity=100)}
	/* 얼굴이 잘려서 스크롤에 따른 이미지 마스크해제 */
	.historyConts {padding-bottom:3rem}
	.historyCnts.type1 > .img_lst .img,
	.historyCnts.type2 > .img_lst .img{height:auto;overflow:visible}
	.historyCnts.type1 > .img_lst .tweenImg,
	.historyCnts.type2 > .img_lst .tweenImg{overflow:visible;height:auto;padding-bottom:0}
	.historyCnts.type1 > .img_lst .img img,
	.historyCnts.type2 > .img_lst .img img{margin-top:0rem;position:static;transform:none!important}

	.history_details{margin-top:2rem}
	.history_details .innerwrap{padding:4.5rem 1rem 2rem}
	.history_lst{display:block;table-layout:auto}
	.history_lst + .history_lst{margin-top:1rem}
	.history_lst > dt,.history_lst > dd{display:block;width:100%}
	/*Visual Identity*/
	.identity_wrap .title_wrap .img img{margin-left:-25rem}
	.identity_wrap .h3_desc,
	.identity_wrap .composition_wrap > .txtp{text-align:left}
	.identity_wrap .symbol{display:block;table-layout:auto}
	.identity_wrap .symbol > .rule{display:block;padding:1.5rem 4rem}
	.identity_wrap .symbol > .rule + .rule:before{width:100%;height:1px}
	.identity_wrap .palette{display:block;table-layout:fixed}
	.identity_wrap .palette strong{margin:0 0 0.3rem}
	.identity_wrap .palette > .color,.identity_wrap .palette > .caption{display:block}
	.identity_wrap .palette > .color{position:relative;width:100%;padding-left:8rem}
	.identity_wrap .palette .colorbox{position:absolute;top:0;left:0;height:3.75rem}
	.identity_wrap .palette > .caption{margin-top:0.5rem;padding:0.75rem 1rem}
	.identity_wrap .palette .colorValue{padding-bottom:0.25rem}
	.identity_wrap .fontDesign + .fontDesign > .img{height:auto}
	.identity_wrap .fontDesign + .fontDesign > .img img{max-width:100%;height:auto}
	.identity_wrap .composition_lst{display:block;table-layout:auto}
	.identity_wrap .composition_lst > li{display:block}
	.identity_wrap .composition_lst > li:first-child{width:auto}
	.identity_wrap .composition_lst > li + li:before{width:100%;height:1px}
	.identity_wrap .compositionStyle .font{padding:0.75rem 0.5rem}
	.identity_wrap .compositionStyle .font > .sample{margin-top:0.25rem}
	.identity_wrap .regulations_wrap{padding:0.5rem 1rem}
	.identity_wrap .regulations_lst{margin:0 -0.5rem}
	.identity_wrap .regulations_lst > li{padding:0.25rem 0.5rem 0.5rem}
	.identity_wrap .regulations_lst i[class*="xi-"]{font-size:1.4rem;line-height:1.4rem}
	.identity_wrap .fontDown_lst > li{width:100%}
	.identity_wrap .fontDown_lst > li + li{margin-top:0.5rem}
	.identity_wrap .fontDown .txtp{min-height:auto}
	/*글로벌 사업장*/
	#bizPlace02 .bizPlace_map{top:-100px;left:370px}
	#bizPlace03 .bizPlace_map{top:0;left:35px}
	#bizPlace04 .bizPlace_map{top:-95px;left:35px}
	#bizPlace05 .bizPlace_map{top:0;left:395px}


	/*제품철학*/
	.prdPhilosophy > .img{height:10.5rem}
	.prdPhilosophy > .img > img{margin-left:8rem}
	.prdPhilosophy.no3 > .img > img{margin-left:6rem}
	/*브랜드 스토리*/
	.brandStory_index{display:block;width:100%;padding:0 1rem;table-layout:auto}
	.brandStory_index .item{display:block; margin-bottom:1.5rem}
	.brandStory_index > .item strong{padding:1rem 0}
	.brandStory_index > .item strong > em{display:block;min-height:auto}
	.brandStory_index > .item strong > span{display:block;width:5.5rem;height:1.7rem;padding:0.15rem 0}
	.brandStory_wrap .h3_desc br{display:none}
	.brandStory_wrap .products_lst > li{width:50%;height:33.3333%}


	/*헤모임*/
	.brandStory_wrap #hemohim01 h3{text-align:left}
	.brandStory_wrap #hemohim01 .h3_desc{text-align:left}
	.brandStory_wrap #hemohim02 h3{text-align:left}
	.brandStory_wrap #hemohim02 .h3_desc{text-align:left}
	.brandStory_wrap #hemohim02 .h3_desc br + br{display:none}
	.brandStory_wrap #hemohim03 h3{text-align:left}
	.brandStory_wrap #hemohim03 .h3_desc{text-align:left}
	.brandStory_wrap #hemohim04 h3 > em{display:block}
	.brandStory_wrap #theFame06 .h3_desc{text-align:left}

	.brandStory_wrap #theFame06 .technology_detail .meaning > span{text-align:left}
	.brandStory_wrap #theFame07 h3 em{display:block}
	#hemohim02 .material{text-align:left}
	#hemohim03 .threePoint{height:15rem;width:14rem;margin-bottom:2rem}
	#hemohim03 .threePoint > .triangle{width:12.5rem;height:13.3rem;margin-left:-6.25rem;background-size:100% auto}
	#hemohim03 .threePoint > .dotline{width:12.3rem;height:12.3rem}
	#hemohim03 .threePoint > span.no2{left:.5rem;bottom:1.8rem}
	#hemohim03 .threePoint > span.no2 b{right:-3rem}
	#hemohim03 .threePoint > span.no3{right:.5rem;bottom:1.8rem}
	#hemohim03 .threePoint > span.no3 b{left:-3rem}
	#hemohim03 .testApplication > span{padding-left:0}
	#hemohim03 .testApplication > span > strong{display:block;position:static;margin-bottom:0.5rem}
	#hemohim04 .historyChange:before,#hemohim04 .historyChange:after{width:2.25rem}
	#hemohim06 .fp-tableCell{padding:1.5rem 0}
	/*애터미 스킨케어 시스템 더페임*/
	.brandStory_wrap #theFame00 .title{width:calc(100% - 2rem);width:-webkit-calc(100% - 2rem)}
	.brandStory_wrap #theFame00 .title > h1 > .typingEff{width:14.25rem}
	.brandStory_wrap #theFame00 h3{text-align:left}
	.brandStory_wrap #theFame01 .h3_desc{text-align:left}
	.brandStory_wrap #theFame01 .h3_desc br{display:none}
	#theFame01 .skincareSystem_wrap{height:auto;padding:2.25rem 0 0}
	#theFame01 .skincareSystem_wrap h4{margin-bottom:1.5rem}
	#theFame01 .skincareSystem_lst{margin-top:0.5rem}
	#theFame01 .skincareSystem_lst > .fourTech,#theFame01 .skincareSystem_lst > i[class*="xi-"],#theFame01 .skincareSystem_lst > .system_lst{display:block;position:static}
	#theFame01 .skincareSystem_lst > .fourTech{position:relative;top:auto;left:auto;margin:0 auto}
	#theFame01 .skincareSystem_lst > i[class*="xi-"]{margin:1rem 0 0.25rem}
	#theFame01 .skincareSystem_lst > .system_lst{position:relative;top:auto;right:auto;left:-20px;margin:0 auto}
	#theFame01 .skincareSystem_lst > .system_lst:after{clear:both;display:block;content:""}
	#theFame02 .brandVideo{height:12.4rem}
	#theFame03 .newTechName{width:100%}
	#theFame03 .newTechName > .img > em.no1{transform:translate(-8rem,-5.75rem);-webkit-transform:translate(-8rem,-5.75rem)}
	#theFame03 .newTechName > .img > em.no2{transform:translate(4.25rem,-1.25rem);-webkit-transform:translate(4.25rem,-1.25rem)}
	#theFame03 .newTechName > .img > em.no3{transform:translate(-4.95rem,6.25rem);-webkit-transform:translate(-4.95rem,6.25rem)}
	#theFame07 .historyChange_wrap{margin-top:2rem}
	#theFame07 .historyChange > .img{width:6rem;margin-bottom:20px;}
	#theFame07 .historyChange_lst .arrow{left:2.5rem}
	#theFame07 .historyChange strong{padding:0.5rem}
	#theFame07 .historyChange .name{padding:0.5rem 0.75rem}
	#theFame07 .historyChange .name > li{padding:0.1rem 0}
	#theFame08 .innerwrap{height:39.6rem}
	/*애터미 앱솔루트 셀랙티브 스킨케어*/
	.brandStory_wrap #cellActive00 .title > h1 > .typingEff{width:11.25rem}
	.brandStory_wrap #cellActive07 h3{text-align:center}
	.brandStory_wrap #cellActive07 .h3_desc{text-align:center}
	.brandStory_wrap #cellActive08 h3{padding:0 1rem}
	.skincare_wrap .scienceStory{padding:0 0.5rem}
	.skincare_wrap .scienceStory > strong{word-break:keep-all}
	.skincare_wrap .scienceStory_lst > li{width:100% !important;padding:0.75rem 0;border:1px solid #ded7d0 !important}
	.skincare_wrap .scienceStory_lst > li + li{margin-top:-1px !important}
	#cellActive02 .brandVideo{height:12.4rem}
	#cellActive03 .complex span{width:4rem;height:4rem;padding:0.75rem 0.5rem}
	#cellActive03 .complex .no2 span{padding:1.5rem 0.5rem}
	#cellActive03 .complex .no4 span{padding:1.05rem 0.5rem}
	#cellActive03 .function{width:5.25rem;height:5.25rem;padding:1.25rem 0}
	#cellActive03 .complex_lst > li{flex-basis:100%;width:100%}
	#cellActive03 .complex_lst > li:before{display:none}
	#cellActive04 .mechanism_lst > li{width:100%}
	#cellActive06 .greentea_essential{display:block;width:12rem;padding-top:1.5rem;margin:0 auto;table-layout:auto}
	#cellActive06 .greentea_essential > .item{display:block;position:relative;margin:0 auto;float:none}
	#cellActive06 .greentea_essential > .item.no2{width:12rem;margin-top:-2rem}
	#cellActive06 .greentea_essential > .item.no3{margin-top:-2rem}
	#cellActive07 .tuberosa{width:16rem;height:16rem;padding:4.15rem 1rem}
	#cellActive08 .skinChange_lst > li{flex-basis:50%;width:50%}

	#cellActive10 .innerwrap{height:39.6rem}
	#cellActive13 .award-mark .mark-area .round {width: 4.5rem; height: 4.5rem;}

	/*GSGS 전략*/
	.condition_lst .condition_flow,.condition_lst .img{vertical-align:middle}
	.condition_lst .img{width:10rem}
	/* GSGS 현황 */
	/*글로벌 사업장*/
	#gsgsProduct01 .gsgsProduct_map{left: 90%;}
	#gsgsProduct02 .gsgsProduct_map{top:-100px;left:300px}
	#gsgsProduct03 .gsgsProduct_map{top:0;left:-105px}
	#gsgsProduct04 .gsgsProduct_map{top:-95px;left:-95px}
	#gsgsProduct05 .gsgsProduct_map{top:0;left:395px}

	/*소비자중심경영 ccm*/
	.about_wrap.ccm .CCM_House .mobile {
		display: block;
	}


	/*주요활동*/
	.majorActivity_wrap .historyCnts > .caption{min-height:auto;padding-left:0 !important;text-align:left}
	.majorActivity_wrap .historyCnts .caption_wrap{text-align:left !important}
	/*드리미재단*/
	.dreamymission_wrap .btn_wrap{padding:1.5rem 0 0;margin-top:2rem}
	.dreamyedu_wrap .btn{display:block;min-width:auto;height:2.3rem;padding:0.5rem 4rem}
	/*드리미 스쿨*/
	.dreamyedu_wrap .btn_wrap{padding:1.5rem 0 0;margin-top:2rem}
	.dreamyedu_wrap .btn{display:block;min-width:auto;height:2.3rem;padding:0.5rem 4rem}
	/*상생협력*/
	.winwinPartner > .img{height:8rem}
	.winwinPartner .winwinPartnerImg_lst{padding:0;margin:1.5rem 0 0}
	.winwinPartner .winwinPartnerImg_lst .item{padding:0 0.25rem}
	/* .winwinPartner .supportfund_lst .supportfund{width:4.5rem;height:4.5rem;padding:1rem 0} */
	/*친환경 제품정책*/
	.ecofriendlyPerform_lst > li{padding:0.5rem 0}
	.ecofriendly_lst{margin:0 -0.25rem}
	.ecofriendlyCase_lst .ecofriendlyCase .img{width:8.5rem}
	.ecofriendlyCase_lst .ecofriendlyCase .desc_wrap{padding-left:0.5rem}
	.ecofriendlyCase_lst .ecofriendlyCase strong{line-height:1rem}
	.ecodesignDirection_lst .direction .caption_lst{display:block;table-layout:auto}
	.ecodesignDirection_lst .direction .caption_lst > li{display:block;padding:0}
	.ecodesignDirection_lst .direction .caption_lst > li + li{margin-top:0.5rem}
	.ecodesignDirection_lst .direction .caption_lst i[class*="xi-"]{display:none}
	.ecodesignDirection_lst .direction .caption_lst dd{min-height:auto}
	.ecodesignDirection_lst .task .caption_lst{display:block;table-layout:auto}
	.ecodesignDirection_lst .task .caption_lst > li{display:block;padding:0}
	.ecodesignDirection_lst .task .caption_lst > li + li{margin-top:0.5rem;padding-top:0.5rem;border-top:1px solid #d5d5d5}
	.ecodesignDirection_lst .task .caption_lst .no1 .desc{padding:0}
	.ecodesignMaterials_lst .ecodesignMaterials .img{width:8.5rem}
	.ecodesignMaterials_lst .ecodesignMaterials .desc_wrap{padding-left:0.5rem}
	.ecodesignMaterials_lst .ecodesignMaterials strong{line-height:1rem}
	.ecodesignPerform_lst > li{padding:0.5rem 0}
	.ecodesignProgress_title_lst > li:first-child,.ecodesignProgress_lst > ul > li:first-child{width:4.5rem}
	.ecodesignProgress_title_lst > li:last-child,.ecodesignProgress_lst > ul > li:last-child{width:6.5rem}
	.ecofriendly_wrap > .title_wrap ~ .title_wrap{height:13rem}
	/*생활환경 디자인연구소*/
	.absoluteDesign_lst .absoluteDesign{display:block;table-layout:auto}
	.absoluteDesign_lst .absoluteDesign > .img,.absoluteDesign_lst .absoluteDesign > .caption{display:block}
	.absoluteDesign_lst .absoluteDesign > .img{width:100%;margin:0 auto 0.5rem}
	.absoluteDesign_lst .absoluteDesign > .caption{padding-left:0}
	.researchDev_title > li.no2{width:4.5rem}
	.researchDev_lst > ul > li.no2{width:4.5rem}
	.researchDev_lst > ul > li.no2 > span{width:4.25rem}

	.IPRInfo_wrap .IPR_lst{width:15rem}
	.IPRInfo_wrap .IPR_lst .IPR{width:5.3rem;height:5.3rem;padding:1.2rem 0}
	.IPRInfo_wrap .IPR_lst strong{font-size:0.6rem}


	/*애터미 성공시스템*/
	.successSystem_wrap h2 + .txtp br,.onOfflineApply_wrap h2 + .txtp br{display:none}
	.successSystem_lst{padding-bottom:1rem}
	/* .successSystem_lst + .successSystem_lst {padding-top: 0rem;} */
	.successSystem_lst .successSystem{display:block;table-layout:auto}
	.successSystem_lst .successSystem > .img,.successSystem_lst .successSystem > .caption{display:block}
	.successSystem_lst .successSystem > .img{width:100%;margin:0 auto 0.5rem}
	.successSystem_lst .successSystem > .caption{padding-left:0}
	.successSystem_lst .successSystem .desc{padding-top:0.25rem}
	.sameEI_wrap{padding:1rem 0}
	.sameEI_lst{margin:0}
	.sameEI_lst > .item{width:100%;padding:0.25rem 0}
	.onOfflineApply_lst .slick-arrow.slick-prev{left:0}
	.onOfflineApply_lst .slick-arrow.slick-next{margin-left:-2.75rem}

	/*인재상*/
	.atomyPeolpleDNA_lst > li{padding-top:0.5rem}
	.atomyPeolpleDNA_cnts{display:block;padding:0 1rem;table-layout:auto}
	.atomyPeolpleDNA_cnts > .icon{display:block;margin:0 auto}
	.atomyPeolpleDNA_cnts > dl{display:block; width: 100%;}
	/*일하는 방식*/
	.atomyWorkway_wrap{margin:0}
	.atomyWorkway_index{display:block;width:100%;table-layout:auto}
	.atomyWorkway_index .item{display:block}
	.atomyWorkway_index > .item strong{padding:1rem 0 3rem}
	.atomyWorkway_index > .item strong:after{clear:both;display:block;content:""}
	.atomyWorkway_index > .item strong > em{float:left}
	.atomyWorkway_index > .item strong > span{float:right;width:5.5rem;height:1.7rem;padding:0.15rem 0;margin-top:0}
	/*애터미 WAY*/
	.atomyWay_lst > dt > a{padding-left:0.75rem;padding-right:2.5rem}
	.atomyWay_lst > dt .num{display:none}
	.atomyWay_lst > dd{padding:0.75rem 0.75rem 1rem}
	/*애터미 Life*/
	.atomyLifeNo3_lst > li{padding:0.5rem 1rem 1rem}
	.atomyLifeNo3_cnts{display:block;table-layout:auto}
	.atomyLifeNo3_cnts > dl {width: 100%;}
	.atomyLifeNo3_cnts > .icon{display:block;margin:0 auto}
	.atomyLifeNo3_cnts > dl > dd br{display:none}
	.atomyLifeSystem{max-width:16rem;height:7.55rem;background-size:auto 7.55rem}
	.atomyLifeSystem_lst{padding:1.875rem 0}
	.atomyLifeSystem_lst > li{padding:0 0.25rem}
}
@media screen and (max-width:414px){
	/*개요*/
	.aboutInfo_wrap{padding:0.75rem 1rem}
	.about_wrap .promotion > .innerwrap{height:11.6rem}
	/*창업자소개*/
	.founderNews_thumb_big{height:11.25rem}
	.founderNews_thumb_lst .thumbItem{height:2.25rem}
	/*연혁*/
	.historyCnts > .caption{padding:1rem 0 0 0 !important}
	#year2017 .historyCnts.type3 > .img_lst img{transform:translateX(-70%);-webkit-transform:translateX(-70%);}
	/*Visual Identity*/
.identity_wrap .compositionType_lst > li{width:100%}
	.identity_wrap .regulations_wrap{padding:0.25rem 0.5rem}
	.identity_wrap .regulations_lst{margin:0 -0.25rem}
	.identity_wrap .regulations_lst > li{padding:0.25rem 0.25rem 0.5rem}
	.identity_wrap .regulations_lst i[class*="xi-"]{font-size:1rem;line-height:1rem}
	/*글로벌 사업장*/
	#bizPlace02 .bizPlace_map{top:-100px;left:315px}
	#bizPlace03 .bizPlace_map{top:0;left:-45px}
	#bizPlace04 .bizPlace_map{top:-95px;left:-25px}
	#bizPlace05 .bizPlace_map{top:0;left:390px}


	/*제품철학*/
	.prdPhilosophy > .img > img{margin-left:9rem}
	/*브랜드스토리*/
/*
	.brandStory_wrap .products .caption > .cate{font-size:0.6rem;line-height:1rem}
	.brandStory_wrap .products .caption > strong{font-size:0.75rem;line-height:1rem}
	.brandStory_wrap .products .caption > strong > em{line-height:1rem}
	.brandStory_wrap .products .caption > .desc{font-size:0.65rem;line-height:0.9rem}
*/
	.brandStory_wrap .products .caption > .cate{font-size:.5rem;line-height:.8rem}
	.brandStory_wrap .products .caption > strong{font-size:.65rem;line-height:.9rem}
	.brandStory_wrap .products .caption > strong > em{font-size:.6rem;line-height:.8rem}
	.brandStory_wrap .products .caption > .desc{font-size:.55rem;line-height:.7rem}

	/*애터미 스킨케어 시스템 더페임*/
	#theFame01 .skincareSystem_wrap{width:16rem}
	#theFame02 .brandVideo{height:10.5rem}
	#theFame03 .newTechName > .img > em.no1{transform:translate(-7rem,-5.25rem);-webkit-transform:translate(-7rem,-5.25rem)}
	#theFame03 .newTechName > .img > em.no2{transform:translate(3.25rem,-1.25rem);-webkit-transform:translate(3.25rem,-1.25rem)}
	#theFame03 .newTechName > .img > em.no3{transform:translate(-4.55rem,5rem);-webkit-transform:translate(-4.55rem,5rem)}
	#theFame04 .ceramide{display:block;table-layout:auto}
	#theFame04 .ceramide > li{display:block}
	#theFame04 .panthenol{height:auto}
	#theFame04 .ceramide{height:auto}
	#theFame04 .ceramide .desc{height:9.5rem}
	#theFame04 .ceramide > li:first-child .desc .no1{top:1rem}
	#theFame04 .ceramide > li:first-child .desc .no2{bottom:1.25rem}
	#theFame04 .ceramide > li:last-child .desc .no1{top:2.25rem}
	#theFame04 .ceramide > li:last-child .desc .no2{bottom:1.25rem}
	#theFame04 .ceramide strong{display:block;position:static}
	#theFame07 .historyChange{display:block;table-layout:auto}
	#theFame07 .historyChange > .img{display:block;margin-left:auto;margin-right:auto}
	#theFame07 .historyChange .desc{display:block}
	#theFame07 .historyChange_lst > li{padding-bottom:1rem}
	#theFame07 .historyChange_lst .arrow{top:100%;left:50%;margin-left:-0.25rem}
	#theFame07 .historyChange .name > li{width:100%}
	/*애터미 앱솔루트 셀랙티브 스킨케어*/
	#cellActive02 .brandVideo{height:10.5rem}
	#cellActive04 .mechanism .img_desc > span[class*="peptid"]{width:5.5rem}
	#cellActive04 .mechanism .img_desc > span[class*="peptid"] > em.no1{padding:0.5rem 0}
	#cellActive04 .mechanism .img_desc > span[class*="peptid"] > em.no4{margin-top:0.5rem}
	#cellActive04 .mechanism .img_desc > span.peptidC > em.no2{margin-top:1rem}
	/*GSGS 전략*/
	.condition_lst .condition{display:block;table-layout:auto}
	.condition_lst .condition_flow,.condition_lst .img{display:block}
	.condition_lst .condition_flow{padding-right:1rem}
	.condition_lst .img{width:auto;text-align:center}


	/*친환경 제품정책*/
	.ecofriendlyPolicy{padding-top:0}
	.ecofriendly_lst{display:flex;flex-direction:row;flex-wrap:wrap;table-layout:auto}
	.ecofriendly_lst > li{flex:1;padding:0.25rem}
	.ecofriendly_lst .icon{margin:0 auto}
	.ecofriendlyCase_lst .ecofriendlyCase{display:block;table-layout:auto}
	.ecofriendlyCase_lst .ecofriendlyCase .img,.ecofriendlyCase_lst .ecofriendlyCase .desc_wrap{display:block}
	.ecofriendlyCase_lst .ecofriendlyCase .img{width:100%;margin-bottom:0.5rem}
	.ecofriendlyCase_lst .ecofriendlyCase .desc_wrap{padding-left:0}
	.ecodesignMaterials_lst .ecodesignMaterials{display:block;table-layout:auto}
	.ecodesignMaterials_lst .ecodesignMaterials .img,.ecodesignMaterials_lst .ecodesignMaterials .desc_wrap{display:block}
	.ecodesignMaterials_lst .ecodesignMaterials .img{width:100%;margin-bottom:0.5rem}
	.ecodesignMaterials_lst .ecodesignMaterials .desc_wrap{padding-left:0}
	.ecofriendly_wrap > .title_wrap ~ .title_wrap{height:15rem}


	/*세미나신청*/
	.calendar_schedule .schedule_date > .apply > a.btn{display:block;margin-left:0}
}
@media screen and (max-width:375px){
	/*개요*/
	.about_wrap .promotion > .innerwrap{height:10.5rem}
	/*창업자소개*/
	.founderNews_thumb_big{height:10rem}
	.founderNews_thumb_lst .thumbItem{height:2rem}

	/*Visual Identity*/
	.identity_wrap .compositionStyle{display:block;table-layout:auto}
	.identity_wrap .compositionStyle > li{display:block;position:relative;width:auto}
	.identity_wrap .compositionStyle > li:before{position:absolute;top:0;left:0;width:100%;height:1px;background:#e3e6e8;content:""}
	.identity_wrap .compositionType_lst .type{margin:0.75rem 0}
	.identity_wrap .compositionType_lst .small{position:static}
	/*글로벌 사업장*/
	#bizPlace02 .bizPlace_map{top:-100px;left:315px}
	#bizPlace03 .bizPlace_map{top:0;left:-90px}
	#bizPlace04 .bizPlace_map{top:-95px;left:-80px}
	#bizPlace05 .bizPlace_map{top:0;left:390px}


	/*애터미 스킨케어 시스템 더페임*/
	#theFame02 .brandVideo{height:9.4rem}
	#theFame03 .newTechName > .img > em.no1{transform:translate(-6.5rem,-4.75rem);-webkit-transform:translate(-6.5rem,-4.75rem)}
	#theFame03 .newTechName > .img > em.no2{transform:translate(2.75rem,-1.25rem);-webkit-transform:translate(2.75rem,-1.25rem)}
	#theFame03 .newTechName > .img > em.no3{transform:translate(-4.35rem,4.5rem);-webkit-transform:translate(-4.35rem,4.5rem)}
	/*애터미 앱솔루트 셀랙티브 스킨케어*/
	#cellActive02 .brandVideo{height:9.4rem}
	#cellActive04 .mechanism .img_desc > span[class*="peptid"]{width:4.5rem}
	#cellActive04 .mechanism .img_desc > span[class*="peptid"] > em.no1{padding:0.25rem 0}
	#cellActive04 .mechanism .img_desc > span[class*="peptid"] > em.no4{margin-top:0}
	#cellActive04 .mechanism .img_desc > span.peptidC > em.no4{margin-top:0}


	/*제품철학*/
	.prdPhilosophy > .img > img{margin-left:10rem}


	/*상생협력*/
	.winwinPartner .winwinPartnerImg_lst .item{padding:0}
	.winwinPartner .winwinPartnerImg_lst .item > img{margin:0 auto}

}
@media screen and (max-width:360px){
	/*개요*/
	.about_wrap .promotion > .innerwrap{height:10.1rem}
	/*창업자소개*/
	.founderNews_thumb_big{height:9.6rem}
	.founderNews_thumb_lst .thumbItem{height:1.9rem}

	/*글로벌 사업장*/
	#bizPlace02 .bizPlace_map{top:-100px;left:290px}
	#bizPlace03 .bizPlace_map{top:0;left:-90px}
	#bizPlace04 .bizPlace_map{top:-95px;left:-80px}
	#bizPlace05 .bizPlace_map{top:0;left:390px}


	/*애터미 스킨케어 시스템 더페임*/
	#theFame02 .brandVideo{height:9rem}
	#theFame03 .newTechName > .img > em.no1{transform:translate(-6.15rem,-4.5rem);-webkit-transform:translate(-6.15rem,-4.5rem)}
	#theFame03 .newTechName > .img > em.no2{transform:translate(2.5rem,-1.25rem);-webkit-transform:translate(2.5rem,-1.25rem)}
	#theFame03 .newTechName > .img > em.no3{transform:translate(-4.15rem,4.25rem);-webkit-transform:translate(-4.15rem,4.25rem)}


	/*제품철학*/
	.prdPhilosophy > .img > img{margin-left:11rem}
}

/* comp.css or plani.css와 같이 cms가 아닌 다국어 공통모듈에 적용된 css이므로 함부로 건드릴 수 없어서 이쪽에서 제어합니다 */



@media screen and (max-width: 1200px) {
.sub030102 .tweenImg > .imgTween {height:386px;}
.sub040200 .galleryList > ul > li .thumb {padding-bottom:89%; max-width:360px;}

}
@media screen and (max-width: 980px) {
 .sub010400 .founderNews_thumb_big, .sub010400 .founderNews_thumb_big img, .founderNews_thumb_big {
    height: 17.5rem;
    margin-bottom: 0.75rem;
}
}
@media screen and (max-width: 768px) {
  .sub030102 .tweenImg > .imgTween { height: initial;}
 .sub010400 .founderNews_thumb_big, .sub010400 .founderNews_thumb_big img {height: 17.5rem;
    margin-bottom: 0.75rem;}
}
@media screen and (max-width: 767px) {
  .sub010600 .historyCnts.type1 > .img_lst .tweenImg, .sub030102 .historyCnts.type1 > .img_lst .tweenImg {padding-bottom: initial;}
.sub030102 .historyCnts.type1 > .img_lst .tweenImg img, .sub030102 .historyCnts.type2 > .img_lst .tweenImg img {height:initial;}
.sub010600 .historyCnts.type2 > .img_lst .tweenImg, .sub030102 .historyCnts.type2 > .img_lst .tweenImg {padding-bottom: initial;}
 .sub010400 .founderNews_thumb_big, .sub010400 .founderNews_thumb_big img {height:10rem; margin-bottom: 0.75rem;}
} 
/*2020.04.24 이미지 크기 변경  끝*/

@media screen and (max-width:1280px){
	/*소비자중심경영*/
		.about_wrap.ccm .atomyparkDesc_wrap .innovation_wrap:nth-of-type(2) .img_layout img {width:60%;}
		.about_wrap.ccm .atomyparkDesc_wrap .innovation_wrap:nth-of-type(2) .img_layout:nth-of-type(1) img,  .atomyparkDesc_wrap .innovation_wrap:nth-of-type(2) .about_wrap.ccm .img_layout:nth-of-type(3) img {width:auto;}
	.about_wrap.ccm .CCM_House {padding:2rem 1rem;}
	.about_wrap.ccm .atomyparkDesc_wrap .innovation_wrap:nth-of-type(2) .img_layout:nth-of-type(2) .lsp_img > p {width:3rem;}
	}
	
	
	@media screen and (max-width:980px){
	/*소비자중심경영*/
	.about_wrap.ccm .atomyparkDesc_wrap .innovation_wrap:nth-of-type(1) .title::after {display:none;}
	.about_wrap.ccm .atomyparkDesc_wrap .awardslist > li:last-child .awards > strong {padding:2.05rem 0;}
	.about_wrap.ccm .CCM_House > ul > li .CH_lf, .CCM_House > ul > li .CH_rt {display:block; width:100%; text-align:center; padding:.5rem 0;}
	.about_wrap.ccm .last_box .CH_lf p:last-child {margin:0; }
	.about_wrap.ccm .CCM_House .card-area {
		padding: 1.2rem 0;
		background: none;
	}
	.about_wrap.ccm .CCM_House .card-area > .card-wrap {
		margin: 0;
	}
	.about_wrap.ccm .CCM_House .card-area .card-wrap > li {
		float: none;
		padding: 0;
		width: 100%;
		margin-bottom: 1.5em;
	}
	.about_wrap.ccm .CCM_House .card-area .card-box {
		padding: 1.5rem .7rem;
	}
	.about_wrap.ccm .CCM_House .card-box .bottom .color-box {
		font-size: .8rem;
		padding: 0.9rem .5rem;
	}
	.about_wrap.ccm .CCM_House .card-box .bottom .sub-title { 
		font-size: 1rem;
	}
	.about_wrap.ccm .CCM_House .card-box .bottom .dot-list > li {
		font-size: .8rem;
	}
	}
	
	@media screen and (max-width:768px){
	/*소비자중심경영*/
	.about_wrap.ccm .atomyparkDesc_wrap .innovation_wrap:nth-of-type(1) .img {background-position:80%;}
	.about_wrap.ccm .atomyparkDesc_wrap .innovation_wrap:nth-of-type(1) .title {left:1rem;}
	.about_wrap.ccm .atomyparkDesc_wrap .innovation_wrap .img {height:100%; padding-bottom:100px;}
	.about_wrap.ccm .atomyparkDesc_wrap .innovation_wrap .img:last:child {padding-bottom:0;}
	.about_wrap.ccm .atomyparkDesc_wrap .innovation_wrap:nth-of-type(2) .img_layout {display:block; width:100%;}
	.about_wrap.ccm .atomyparkDesc_wrap .innovation_wrap:nth-of-type(2) .img_layout img {display:block; margin:0 auto; width:auto;}
	.about_wrap.ccm .atomyparkDesc_wrap .innovation_wrap:nth-of-type(2) .img_layout:nth-of-type(3) img {float:initial;}
	.about_wrap.ccm .atomyparkDesc_wrap .innovation_wrap:nth-of-type(2) .img_layout .ccm_arrow {transform:rotate(90deg); margin-left:-45px;left:50%; top:initial;}
	.about_wrap.ccm .atomyparkDesc_wrap .innovation_wrap:nth-of-type(2) .img_layout .ccm_arrow:nth-of-type(1) { top:-45px; left:50%;}
	.about_wrap.ccm .atomyparkDesc_wrap .innovation_wrap:nth-of-type(2) .img_layout .ccm_arrow:nth-of-type(2) {right:initial; bottom:45px;}
	.about_wrap.ccm .atomyparkDesc_wrap .innovation_wrap:nth-of-type(2) .img_layout:nth-of-type(2) {width:100%;}
	.about_wrap.ccm .atomyparkDesc_wrap .awardslist > li:last-child .awards > strong {padding:0.85rem 2rem;}
	.about_wrap.ccm .CCM_House > ul > li .CH_rt > ul .last_box_lay {display:block;width:100%; margin-bottom:1rem;}
	.about_wrap.ccm .CCM_House > ul > li:nth-of-type(4) .CH_rt .last_box_lay::before {height:90%;}
	.about_wrap.ccm .CCM_House .house-list .round-box {
		padding: .8rem;
		border-radius: 1.5rem;
	}
	.about_wrap.ccm .CCM_House .house-list .title b,
	.about_wrap.ccm .CCM_House .house-list .title span,
	.about_wrap.ccm .CCM_House .house-list .round-box .icon,
	.about_wrap.ccm .CCM_House .house-list .round-box .txt,
	.about_wrap.ccm .CCM_House .house-list .round-box .point {
		display: block;
	}
	.about_wrap.ccm .CCM_House .house-list .title b {
		margin-bottom: .5rem;
		font-size: 1rem;
	} 
	.about_wrap.ccm .CCM_House .house-list .title span {
		font-size: .9rem;
	}
	.about_wrap.ccm .CCM_House .house-list .round-box .icon {
		margin: 0 auto .5rem;
	}
	.about_wrap.ccm .CCM_House .house-list .round-box .txt {
		margin-bottom: 0.5rem;
		font-size: .9rem;
	}
	.about_wrap.ccm .CCM_House .house-list .round-box .point {
		padding-left: 0;
		font-size: .7rem;
	}
	.about_wrap.ccm .CCM_House .house-list .round-box .point::before {
		display: none;
	}
	.about_wrap.ccm .certification > figure > .img, .about_wrap.ccm .certification > figure .caption {display:block; width:100%; margin:0 auto;}
	.about_wrap.ccm .certification > figure .caption {margin :2rem auto; padding:0;}
	.about_wrap.ccm .certification > figure .caption .more > a {margin: 0 auto;}
	.about_wrap.ccm .atomyparkDesc_wrap .innovation_wrap:nth-of-type(2) .img_layout:last-child {padding-bottom:0;}
	.about_wrap.ccm .atomyparkDesc_wrap .innovation_wrap:nth-of-type(2) {padding: 1.5rem .5rem;}
	
	}
	
	@media screen and (max-width:640px){
	.about_wrap.ccm .atomyparkDesc_wrap .innovation_wrap:nth-of-type(2) .img_layout:nth-of-type(2) .lsp_img > p:nth-of-type(1), .about_wrap.ccm .atomyparkDesc_wrap .innovation_wrap:nth-of-type(2) .img_layout:nth-of-type(2) .lsp_img > p:nth-of-type(4) {left:24%;}
	.about_wrap.ccm .atomyparkDesc_wrap .innovation_wrap:nth-of-type(2) .img_layout:nth-of-type(2) .lsp_img > p:nth-of-type(2) {top: 31%; left: 1%;}
	.about_wrap.ccm .atomyparkDesc_wrap .innovation_wrap:nth-of-type(2) .img_layout:nth-of-type(2) .lsp_img > p:nth-of-type(3) {bottom: 31%; left: 0%;}
	
	.about_wrap.ccm .atomyparkDesc_wrap .innovation_wrap:nth-of-type(2) .img_layout:nth-of-type(2) .lsp_img > p:nth-of-type(5), .about_wrap.ccm .atomyparkDesc_wrap .innovation_wrap:nth-of-type(2) .img_layout:nth-of-type(2) .lsp_img > p:nth-of-type(8) {right:24%;}
	.about_wrap.ccm .atomyparkDesc_wrap .innovation_wrap:nth-of-type(2) .img_layout:nth-of-type(2) .lsp_img > p:nth-of-type(7) {top: 31%; right: 0%;}
	.about_wrap.ccm .atomyparkDesc_wrap .innovation_wrap:nth-of-type(2) .img_layout:nth-of-type(2) .lsp_img > p:nth-of-type(6) {bottom: 30%; right: 0%;}
	}