@charset "UTF-8";
.shift {overflow:hidden}
.year-cont .h,.year-cont p{}
.ourhistory-header {margin:0 0 50px}
.ourhistory-header,.year-thumb{text-align:center;}
.year-brand .year-cont p,.year-cont .h2,.year-cont p{white-space:normal}
.year-brand .bg,.year-cont .h2:after,.year-cover:after,.year-cover:before,.year-video .video-link:before {content:''}
.ourhistory-section{font-size:1.5em;word-break:keep-all;word-wrap:break-word}
.ourhistory-section .player .icon,.ourhistory-section .yt-player .icon{font-size:50px;margin:-27px 0 0 -25px}
.local-nav .line-tab-full.is-fixed{position:fixed;left:0;right:0;top:60px;background:#fff;z-index:100}
.year-cont .h{line-height:1.2;}
.year-cont .h2{letter-spacing:-1px;font-weight: 500;position:relative;line-height:1.3;font-size: 1.3em;}
.year-cont .h2:after{display:block;position:absolute;width:30px;height:1px;bottom:0;left:0;background-color:#ccc;}
.year-cont .h2 br{display:none}
.year-cont p{margin-bottom:0;line-height:1.5;font-size: 16px;}
.year-thumb.imgbox{margin:0}
.year-thumb-video{max-width:100%;display:block;width:100%;height:auto;background-color:#fff}
.year-thumb-video::-webkit-media-controls{display:none}
.year-video .video-link{position:relative;display:inline-block}
.year-video .video-link:before{background-color:rgba(0,0,0,.3);position:absolute;top:0;left:0;right:0;bottom:0}
.year-video .icon{position:absolute;top:50%;left:50%;margin:-30px 0 0 -20px;color:#fff;font-size:2.6em}
.year-section{position:relative;padding:43px 0 60px 0}
.year-section .year-cont .h{color:#005295;font-size:2.66667em}
.year-section .year-cont .h2{color:#222;font-size: 22.5px;font-weight: 700;}
.year-section .year-cont p{color:#707070;word-break: break-all;line-height: 1.5;font-size:16px; }
.year-brand{position:relative;margin:60px 0;color:#fff}
.year-brand .bg{position:absolute;top:0;left:0;right:0;height:100%;background-color:#005295}
.year-brand.is-out-viewport .bg{height:0%}
.year-brand .l-wrap{max-width:1280px}
.year-brand .year-cont-inner{padding:40px 5% 50px}
.year-brand .year-cont .h{font-size:2.1em}
.year-brand .year-cont .h2{font-size:1.3em}
.year-cover{position:relative;zoom:1;margin:60px 0;overflow:hidden}
.year-cover:before{display:block}
.year-cover:after{display:table;clear:both}
.year-cover-spacer{position:relative;height:480px}
.year-cover-bg{position:absolute;width:100%;height:100%;background-size:cover;background-position:50% 50%;}
.year-cover-bg>iframe,.year-cover-bg>video{position:absolute;left:0;width:100%;height:100%;top:0;pointer-events:none}
.year-cover .year-cont{float:none;width:auto;position:absolute;top:0;left:0;right:0;bottom:0;z-index:10;color:#fff;background: rgba(0,0,0, 0.2);}
.year-cover .year-cont-inner{width: 100%;max-width: 604px;margin-top:60px;}
.year-cover .year-cont-inner p {}
.year-cover .h{font-size: 2em;font-weight: 400;}
.year-cover .year-cont .h2{font-family: Buri,serif;}
.type-2015-forbes{text-align:right}
.type-2015-forbes>img{width:54.86111%}
.type-2015-compact{margin-top:-31.25%;margin-left:-7.8125%;text-align:left}
.type-2015-compact>img{width:87.5%}
.type-2015-deco{margin:-44.27083% 0 44.27083%;text-align:right;color:#eef1f6;color:rgba(0,82,149,.1);font-size:3em;letter-spacing:-.03em}
.type-2015-video{display:none}
.content-header-cell {padding-bottom: 29px;padding-top: 0;margin-bottom: 0;}
.content-header .h {font-family: Buri,serif;font-size: 2.4em;}
.year-cont.pcCon {display: none !important;}
.year-cont.moCon {display: inline-block !important;}
.cover-desc {margin-left: 1em;margin-right: 1em;margin-top: 1em;}
.detail-contents{margin-bottom:114px; }
.detail-contents .h2 {font-size: 17px; font-weight:700; }
.detail-contents .h2+div{font-size:15px; }

@media (min-width:37.5em){
	.type-2015-deco{font-size:5.33333em}
}
@media (max-width:47.99em){
	.year-cont .h2,.year-cont p{margin-top:15px;font-size: 15px;}
	.year-cont .h2{padding-bottom:10px; font-size:19.5px; }
    .year-section .year-cont .h2{font-size:21px; }
	.year-section+.year-section{padding-top:40px}
	.year-section+.year-section:before{content:'';position:absolute;top:0;width:90%;margin:0 5%;border-top:1px solid #e0e0e0}
	.year-section .year-thumb{margin-top:40px}
	.year-cover .year-cont-inner p {font-size: 15px;}
	.type-2008-thumb{display:none}
}
@media (min-width:48em){
	.ourhistory-section .player .icon,.ourhistory-section .yt-player .icon{font-size:60px;margin:-32px 0 0 -30px}
	.year-cont{display: inline-block;vertical-align: middle;}
	.year-thumb,.year-way .year-cont{display: inline-block;vertical-align: middle;}	
	.year-cont .h2{margin-top: 20px;padding-bottom: 20px;font-size: 1.86667em;}
	.year-cont .h2 br{display:inline-block}
	.year-cont .deco i{display:block;position:absolute;right:50%;width:100%;}
	.year-cont .deco i:after,.year-cont .deco i:before{content:'';display:block;position:absolute;top:0;right:0;background-color:#fff;background-color:rgba(255,255,255,.3)}
	.year-cont .deco i:before{width:100%;height:1px}
	.year-cont .deco i:after{width:5px;height:5px;margin-top:-2px;margin-right:-5px;border-radius:50%}
	.year-brand,.year-section{margin:9.375% 0}
	.year-way .year-thumb{}
    .year-section{padding-top:60px; }
	.year-section .year-cont{width:47.5%}
	.year-section .year-cont-inner{padding-right:21.875%;}
	.year-section .year-cont .h{font-size:2.875em}
	.year-section .year-cont .h2{font-size:1.6em}
	.year-section .year-thumb{width:52.5%}
	.year-section.year-way .year-cont-inner{padding-left:21.875%;padding-right:0}
	.year-brand .year-cont{float:none;width:50%;position:absolute;top:0;left:0;right:0;bottom:0;z-index:10;color:#fff;white-space:nowrap}
	.year-brand .year-cont .year-cont-inner{display:inline-block;min-width:100%;vertical-align:middle;white-space:normal}
	.year-brand .year-cont:after{content:"";display:inline-block;height:100%;vertical-align:middle}
	.year-brand .year-cont-inner{padding:9.375% 10.9375% 0 21.875%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}
	.year-brand .year-cont .h{font-size:2.6em}
	.year-brand .year-cont .h2{font-size:1.6em}
	.year-brand .deco i{right:81%;margin-top:22px}
	.year-brand .year-thumb{width:50%}
	.year-brand.year-way .year-cont{left:auto;overflow:hidden}
	.year-cover{margin:9.375% 0}
	.year-cover-spacer{height:560px}
	.year-cover .year-cont-inner{margin-top: 120px;}
	.year-cover .year-cont-inner p {}
	.year-cover .year-cont .deco i{}
	.year-cover .h{font-size: 42px;  }
	.year-cover .year-cont .h2{ }
	.year-cover .deco i{right:97%;margin-top: 26px;}
	.detail-contents {margin-bottom: 160px;}
	.type-2015{padding-bottom:0}
	.type-2015 .year-cont-inner{padding-left:11.71875%}
	.videoautoplay .type-2015 .year-cont{position:relative;height:0;z-index:1}
	.type-2015-thumb{text-align:right}
	.type-2015-thumb>img{width:auto}
	.type-2015-compact{position:absolute;z-index:10;margin-left:-7.8125%;margin-top:-10.15625%}
	.type-2015-deco{float:left;display:block;margin-top:13.28125%;margin-bottom:0;font-size:8em}
	.videoautoplay .type-2015-deco,.videoautoplay .type-2015-thumb{display:none}
	.type-2015-video{width:auto;clear:both}
	.videoautoplay .type-2015-video{display:block;zoom:1}
	.videoautoplay .type-2015-video:before{content:'';display:block}
	.videoautoplay .type-2015-video:after{content:'';display:table;clear:both}
	.videoautoplay .type-2015-video>video{float:right;max-width:100%;height:auto}
	.type-2008-thumb{margin-top:-20px;margin-bottom:40px}
	.type-1971 .year-cont-inner{position:relative;padding-left:100px!important}
	.type-1971 .year-cont-inner .h{position:absolute;left:-13%;top:35%}
	.content-header-cell {padding-bottom: 60px; padding-top:53px; }
	.content-header .h {font-family: Buri,serif;font-size: 4.2em;}
	.cover-desc {margin-left: 0;margin-right: 0;font-size: 18px;}
	.detail-contents .l-small div {font-size: 16px;}
	.year-cont.pcCon {display: inline-block !important;}
	.year-cont.moCon {display: none !important;}
}
@media (max-width:63.99em){
	.local-nav .line-tab-full.is-fixed:before{content:'';position:absolute;left:0;right:0;bottom:0;border-bottom:1px solid #e0e0e0}
	.local-nav .line-tab-full.is-fixed .line-tab{margin-top:5px;margin-bottom:0}
}
@media (min-width:64em){
	.year-brand .year-cont .h2,.year-cont .h2{font-size: 18px;margin-top: 10px;}
    .year-section .year-cont .h2{font-size:28px; }
	.year-brand,.year-cover,.year-section{margin: 0 0;}
	.year-section .year-cont-inner{padding-right: 140px;}
	.year-section.year-way .year-cont-inner{padding-left:140px;padding-right:0}
	.year-brand .year-cont-inner{padding:100px 12.72727% 0 140px}
	.year-brand .year-cont .year-cont-inner{vertical-align:top}
	.year-brand .year-cont .deco i{right:81%}
	.year-cover{z-index:2;margin: 60px 0;}
	.year-cover .year-cont .deco i {}
	.year-cover .year-cont-inner{margin-top: 150px;}
	.year-cover .year-cont-inner p{}
	.year-cover.is-out-viewport .deco i,.year-cover.is-out-viewport .h,.year-cover.is-out-viewport .h2,.year-cover.is-out-viewport p{opacity:0}
	.year-cont.pcCon {display: inline-block !important;}
	.year-cont.moCon {display: none !important;}
	.ourhistory-section{font-size:1.6em;}
}
@media (min-width:80em){
	.year-cover .year-cont .deco i{right:89%;}
	.year-cover .year-cont-inner p {}
	.detail-contents .l-small {margin:0 11.25%}
}




/*20190425 업데이트*/
.year-cont h1+h2+p{font-family:AritaDotum,NotoSans,"Malgun Gothic","맑은 고딕","Nanum Gothic","나눔 고딕","돋움",dotum,sans-serif;}
.ourhistory-name{display:block;font-size:15px; font-family:'AritaDotum';margin-top:-7px;font-size:0.94em;}









.pc {display: block !important;}
.mo {display: none !important;}
.linkBbanner {width: 100%;overflow: hidden;background: #666;margin: 60px 0;}
.linkBbanner ul {}
.linkBbanner ul li {position: relative;width: 33.33%;/* height: 200px; *//* max-height: 200px; */float: left;overflow:hidden;text-align: center;}
.linkBbanner ul li a {/* position: absolute; *//* top: 0; *//* left: 0; *//* width: 100%; *//* height: 100%; *//* text-align:center; */}
/*.linkBbanner ul li a:after {content:'';display:inline-block;vertical-align:middle;height:100%;}*/
.linkBbanner ul li a .text {position: relative;display: block;vertical-align:middle;font-size: 26px;font-weight: 700;line-height: 1.2;letter-spacing: -.03px;color: #fff;padding: 9.753% 0;z-index:3;font-family: "AritaHeiti";}
.linkBbanner ul li a .text span {font-size:15px; font-family: Buri,serif;}
.linkBbanner ul li a .img {position: absolute;top: -20%;left: 0;width: 100%;height:100%;text-align: center;-webkit-transition: all .8s cubic-bezier(0,.5,.5,1);-o-transition: all .8s cubic-bezier(0,.5,.5,1);transition: all .8s cubic-bezier(0,.5,.5,1);z-index:1;}
.linkBbanner ul li a .bg {position: absolute;top: 0;left: 0;width: 100%;height:100%;z-index:2;}
/*.linkBbanner ul li a.banner01 .img {background-image:url('http://www.apgroup.com/int/en/about-us/amorepacific/our-moments/_jcr_content/content/image_1.jpg/1564374188672.jpg') !important;background-position: center;background-repeat:no-repeat;background-size: 100% auto;}
.linkBbanner ul li a.banner02 .img {background-image:url('http://www.apgroup.com/int/en/about-us/amorepacific/our-moments/_jcr_content/content/image_2.jpg/1564374188672.jpg') !important;background-position: center;background-repeat:no-repeat;background-size: 100% auto;}
.linkBbanner ul li a.banner03 .img {background-image:url('http://www.apgroup.com/int/en/about-us/amorepacific/our-moments/_jcr_content/content/image_3.jpg/1564374188672.jpg') !important;background-position: center;background-repeat:no-repeat;background-size: 100% auto;}*/
.linkBbanner ul li a:hover .img {-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);}
.linkBbanner ul li a:hover .bg {background: #005295;background-color: rgba(0,82,149,.7);-webkit-transition: all .5s cubic-bezier(0,.5,.5,1);-o-transition: all .5s cubic-bezier(0,.5,.5,1);transition: all .5s cubic-bezier(0,.5,.5,1);}
.fcsCtt {position: relative;padding: 45px 100px;margin: 0 auto 70px;border-top: 1px solid #cccccc;border-bottom: 1px solid #cccccc;max-width: 610px;}
.fcsCtt p {margin: 0;font-size: 16px;}
.fcsCtt p span {display:block;margin: 20px 0 0;font-size: 16px;}
.fcsCtt .quote01 {background-repeat:no-repeat;background-position: left top;width:30px;height:24px;position:absolute;top: 38px;left: 5px;}
.fcsCtt .quote02 {background-repeat:no-repeat;background-position: left top;width:30px;height:24px;position:absolute;bottom: 38px;right: 5px;}

@media all and (max-width:1300px){
	.year-cont.pc {}
	.year-cont.mo {}
	.pc {}
	.mo {}
	.linkBbanner {}
	.linkBbanner ul {}
	.linkBbanner ul li {}
	.linkBbanner ul li a {}
	.linkBbanner ul li a:after {}
	.linkBbanner ul li a .text {font-size: 26px;}
	.linkBbanner ul li a .text span {}
	.linkBbanner ul li a .img {}
	.linkBbanner ul li a .bg {}
	.linkBbanner ul li a.banner01 .img {}
	.linkBbanner ul li a.banner02 .img {}
	.linkBbanner ul li a.banner03 .img {}
	.linkBbanner ul li a:hover .img {}
	.linkBbanner ul li a:hover .bg {}
	.fcsCtt {}
	.fcsCtt p {}
	.fcsCtt p span {}
	.fcsCtt .quote01 {}
	.fcsCtt .quote02 {}
}

@media all and (max-width:1024px){
	.fcsCtt {margin: 0 5% 70px;max-width: none;}
	.linkBbanner {}
	.linkBbanner ul {}
	.linkBbanner ul li {width: 100%;/* height: 100px; */}
	.linkBbanner ul li a {}
	.linkBbanner ul li a:after {}
	.linkBbanner ul li a .text {font-size: 3.2rem;padding: 11.659% 0;}
	.linkBbanner ul li a .text span {display: none;}
	.linkBbanner ul li a .img {}
	.linkBbanner ul li a .bg {}
	.linkBbanner ul li a.banner01 .img {background-size:100% auto;}
	.linkBbanner ul li a.banner02 .img {background-size:100% auto;}
	.linkBbanner ul li a.banner03 .img {background-size:100% auto;}
	.linkBbanner ul li a:hover .img {}
	.linkBbanner ul li a:hover .bg {}
}

@media all and (max-width:600px){
	.year-cont.pc {}
	.year-cont.mo {}
	.pc {display: none !important;}
	.mo {display: block !important;}
	.linkBbanner {}
	.linkBbanner ul {}
	.linkBbanner ul li {}
	.linkBbanner ul li a {}
	.linkBbanner ul li a:after {}
	.linkBbanner ul li a .text {font-size: 22px; padding: 15% 0;}
	.linkBbanner ul li a .text span {}
	.linkBbanner ul li a .img {}
	.linkBbanner ul li a .bg {}
	.linkBbanner ul li a.banner01 .img {}
	.linkBbanner ul li a.banner02 .img {}
	.linkBbanner ul li a.banner03 .img {}
	.linkBbanner ul li a:hover .img {}
	.linkBbanner ul li a:hover .bg {}
	.fcsCtt {padding: 25px 12.5%;margin: 0 5% 37px;}
	.fcsCtt p {font-size:16px; }
	.fcsCtt p span {font-size: 14px;}
	.fcsCtt .quote01 {background-size: 100% auto;width: 3.209%;height: 0;padding-top: 2.767%;position: absolute;top: 29px;left: 2%;}
	.fcsCtt .quote02 {background-size: 100% auto;width: 3.209%;height: 0;padding-top: 2.767%;position: absolute;bottom: 29px;right: 2%;}
    .year-section:nth-last-of-type(1){padding-bottom:0; }
}