@charset "utf-8";

a.historyGo, a.historyGo span, .pop-up-top ul li a, .serviceLi span{
	-webkit-transition: all 0.2s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	-moz-transition: all 0.2s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	-o-transition: all 0.2s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	-ms-transition: all 0.2s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	transition: all 0.2s cubic-bezier(0.215, 0.610, 0.355, 1.000);
}


#section0{}
#section1{}
#section2{background: url("../imgs/section2_bg.jpg") no-repeat top center; background-size: cover;}
#section3{}
#section4{}
#section5{}

.jorientation{position: relative; width: 100%; height: 100%; background: url("../imgs/width_image.png") no-repeat center; background-size: contain; display: none;}

/* slick-slider 공통 */
.slick-slider .slick-slide{outline:0; overflow: hidden;}
/* slick-slider dots */
.slick-slider button{display: none !important;}
.slick-slider .slick-dots{position: absolute; bottom: 70px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; z-index: 9;}
.slick-slider .slick-dots li{position: relative; display: inline-block; width: 12px; height: 12px; margin: 0 9px; padding: 0; cursor: pointer;}
.slick-slider .slick-dots li button{display: block !important; font-size: 0; line-height: 0; width: 12px; height: 12px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: #666; border-radius: 30px;}
.slick-slider .slick-dots li.slick-active button{background: #a2a2a2;}
.jGallery.slick-slider .slick-dots{bottom: 70px;}
.jGallery_service.slick-slider .slick-dots{bottom: -70px;}
.themeGallery.slick-slider .slick-dots{bottom: -80px;}
.watchGallery.slick-slider .slick-dots{bottom: -60px;}
.characterGallery.slick-slider .slick-dots{bottom: -60px;}


.jGallery a.jbtn{position: absolute; top: 70%; left: 50%; margin-left: -75px; z-index: 2; display: block; width: 150px; height: 46px; line-height: 44px; color: #eee; text-align: center;}
.jGallery a.jbtn span{position:relative;display:inline-block;white-space:nowrap;z-index:2;}
.jGallery a.jbtn:before{content: ''; display: block; position: absolute; z-index: 1; right: 0; top: 0; width: 0; height: 100%; -webkit-transition-duration: .3s; transition-duration: .3s;}
.jGallery a.jbtn:hover:before{width:100%;}
.jGallery a.jbtn.jtype1{border: 1px solid #999; color: #eee;}
.jGallery a.jbtn.jtype1:before{content: ''; background-color: #000;}
.jGallery a.jbtn.jtype1:hover{border: 1px solid #000;}
.jGallery a.jbtn.jtype2{border: 1px solid #000; color: #000;}
.jGallery a.jbtn.jtype2:before{content: ''; background-color: #fff;}
.jGallery a.jbtn.jtype2:hover{border: 1px solid #fff;}
.jGallery a.jbtn.jtype3{border: 1px solid #fff; color: #fff;}
.jGallery a.jbtn.jtype3:before{content: ''; background-color: #000;}
.jGallery a.jbtn.jtype3:hover{border: 1px solid #000;}

.pageTitle{position: relative; width: 100%; text-align: center;}
.pageTitle h2{position: relative; font-size: 53px; font-family: 'nanumsquare'; color: #555; font-weight: 800; display: inline-block; letter-spacing: -1.5px; width: 100%;}
.pageTitle.pageTitle_service h2{width: auto;}
.pageTitle h2 span{font-weight: 300; color: #f16824;}
.pageTitle a.historyGo{position: absolute; z-index: 2; top: -30px; right: -150px; display: block; width: 105px; height: 105px; border: 2px solid #7d7d7d; border-radius: 100px; box-sizing: border-box; background: #fff;}
.pageTitle a.historyGo span{position: relative; display: block; width: 100%; height: 100%; background: url("../imgs/go_arrow.png") no-repeat center; right: 0;}
.pageTitle a.historyGo:hover{background: #fff; border: 2px solid #fff;}
.pageTitle a.historyGo:hover span{right: -50px;}


/* SEC0 */
.jGallery.slick-slider, .jGallery.slick-slider .slick-list, .jGallery.slick-slider .slick-track{height: 100%;}
.jGallery.slick-slider .slick-slide{position: relative; overflow: hidden; text-align: center; display: table;}
.jGallery.slick-slider .slick-slide div.jgText{display: table-cell; vertical-align: middle;}
.jGallery.slick-slider .slick-slide img{position: relative; top: 70px; opacity: 0; display: inline-block;}
.jGallery.slick-slider.ani .slick-slide.slick-active img{top: 0; opacity: 1;}
.jGallery.slick-slider .slick-slide div.jgBody{position: absolute; top: 0; left:0; right:0; bottom:0; width: 100%; height: 100%; z-index: -1;
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:cover;
	opacity: 0;
	-ms-transform: scale(1.2, 1.2);
	-webkit-transform: scale(1.2, 1.2);
	transform: scale(1.2, 1.2);
	transform-origin:center bottom;
	-webkit-transition:transform 7s ease-out, opacity 1s ease 0.3s;
	transition:transform 7s ease-out, opacity 1s ease 0.3s;
}
.jGallery.slick-slider.ani .slick-slide.slick-active div.jgBody{
	opacity: 1;
	-ms-transform: scale(1, 1) rotate(.001deg);
	-webkit-transform: scale(1, 1) rotate(.001deg);
	transform: scale(1, 1) rotate(.001deg);
	transform-origin:center bottom;
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
}

.jGallery.slick-slider .slick-slide.slick-active img{
	-webkit-transition: all 2000ms ease;
	-moz-transition: all 2000ms ease;
	-o-transition: all 2000ms ease;
	-ms-transition: all 2000ms ease;
	transition: all 2000ms ease;
}



/* SEC1 */
.jGallery_service{width: 1544px; height: auto; margin: 80px auto 0;}
.jGallery_service.slick-slider .slick-slide{margin: 0;}
.jGallery_service ul.serviceUl:after{content:""; clear:both; display:block;}
.jGallery_service ul.serviceUl li{position: relative; float: left; overflow: hidden;}
.serviceLi span{display: block; position: absolute; bottom: 20px; left: 20px; z-index: 4; color: #fff; font-size: 16px;}
.serviceLi.sL12 span, .serviceLi.sL110 span, .serviceLi.sL112 span{color: #8e8e8e;}
.serviceLi.sL13 span{color: #8e8e8e;}
.serviceLi.sL23 span, .serviceLi.sL211 span{color: #8e8e8e;}
.serviceLi.sL25 span, .serviceLi.sL213 span{color: #8e8e8e;}
.serviceLi.sL23:hover span, .serviceLi.sL211:hover span{color: #8e8e8e;}
.serviceLi.sL25:hover span, .serviceLi.sL213:hover span{color: #8e8e8e;}
.serviceLi:before{content: ''; position: absolute; width: 110%; height: 100%; left: 0; top: 0; transform-origin: 0 0; transform: translateY( 100% ) rotate( 30deg ); transition: transform 0.5s cubic-bezier(0.33, 0.16, 0.31, 1.02); z-index: 3; background: rgba(0, 0, 0, 0.8);}
.serviceLi:hover:before { transform: translateY( 0% ) rotate( 0deg ); transition: transform 0.3s cubic-bezier(0.33, 0.16, 0.31, 1.02);}
.serviceLi:hover span{width: 100%; left: 0; top: 50%; line-height: 34px; margin-top: -34px; right: 0; bottom: 0; text-align: center; color: #fff; font-size: 25px;  font-family: 'nanumsquare';}
.serviceLi.sL3line:hover span{margin-top: -51px;}

.pop-up{position:absolute; width:100%; height:100%; left:0; top:0; right: 0; bottom: 0; z-index:200; background:rgba(255,255,255,0.95); display: none;}
.pop-up-open{overflow-x:hidden; overflow-y:auto;}
.pop-up-wrap{position:relative; width: 1200px; margin: 0 auto; box-sizing: border-box;}
.pop-up-top, .pop-up-middle{position:relative; box-sizing:border-box; clear:both;}
.pop-up-top{border-bottom: 1px solid #eee; padding: 60px 100px 0;}
.pop-up-top > div{width: 100%; height: 100%; padding-bottom: 30px;}
.pop-up-top ul:after{content:""; clear:both; display:block;}
.pop-up-top ul li{float: left; height: 30px; font-size: 21px; font-family: 'nanumsquare'; font-weight: bold; padding: 0 20px;}
.pop-up-top ul li a{display: block; width: 100%; height: 100%; padding: 0 5px; box-sizing: border-box;  color: #999;}
.pop-up-top ul li a:hover, .pop-up-top ul li a.active{color: #000; border-bottom: 2px solid #e6682b;}
.pop-up-wrap .pop-closed{position:absolute; display:block;  top:40px;; right:20px; width: 30px; height: 30px; background: url("../imgs/btn_close.png") no-repeat center; background-size: 30px !important;}
.pop-up-wrap .pop-up-middle{margin:15px 0 0;}

.historyWrap{padding-left: 100px; padding-top: 30px; color: #000;}
.historyWrap ul:after{content:""; clear:both; display:block;}
.historyWrap ul li:first-child{float: left; width: 115px; border-right: 2px solid #888;}
.historyWrap ul li:first-child+li{float: none; padding-left: 160px; width: 100%; box-sizing: border-box;}
.historyWrap h3{font-size: 30px; font-family: 'nanumsquare'; font-weight: bold; padding-left: 20px; padding-top: 20px; padding-bottom: 20px; text-align: center; box-sizing: border-box;}
.historyWrap .historyContent{padding: 20px 0 30px;}
.historyWrap p{font-size: 15px; font-weight: 300; line-height: 28px; padding-left: 40px;}
.historyWrap p.hDepth{padding-left: 0; font-size: 16px; margin-top: 10px;}
.historyWrap p.hDepth:first-child{margin: 0;}
.historyWrap p.hDepth2{padding-left: 80px;}
.historyWrap p.hDepth0{padding-left: 0; font-size: 25px; margin-top: 30px; margin-bottom: 10px;}
.historyWrap p.hDepth0:first-child{margin-top: 0;}
.historyWrap .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background: #e6682b;}
.history2018, .history2017, .history2016, .history2015, .history2014, .history2013{display: none;}


/* SEC2 */
.sec2_lay{position: relative; z-index: 2; width: 50%; margin-left: 50%; padding-left: 110px; box-sizing: border-box; color: #fff;}
.sec2_lay .pageTitle{text-align: left;}
.sec2_lay .pageTitle h2{color: #fff; font-size: 63px; line-height: 55px;}
.sec2_lay .pageTitle h2 span{display: block;}
.sec2_lay p{position: relative; font-size: 14px; margin-bottom: 15px; line-height: 20px;}
.sec2_lay p.mText{font-size: 23px; font-family: 'nanumsquare'; margin: 50px 0; line-height: 27px;}
.sec2_lay a{position: relative; overflow: hidden; display: inline-block; padding: 7px 20px; border: 2px solid #fff; color: #fff; border-radius: 20px; margin-top: 100px;}
.sec2_lay a span{position:relative;display:inline-block;white-space:nowrap;z-index:2;}
.sec2_lay a:before{content: ''; display: block; position: absolute; z-index: 1; left: 0; top: 0; width: 0; height: 100%; color: #eee; -webkit-transition-duration: .3s; transition-duration: .3s;}
.sec2_lay a:hover:before{content: ''; background-color: #000; width:100%;}
.sec2_cover{position: absolute; z-index: 1; width: 50%; left: 50%; height: 100%; top: 0; bottom: 0; background: rgba(0, 0, 0, 0.7);}

.en .sec2_lay p{font-weight: 300;}

/* SEC3 ~ 5 */
.sns_wrap{position: relative; margin-top: 40px;}
.sns_wrap:after{content:""; clear:both; display:block;}
.sns_wrap li{float: left; margin-left: 30px; width: 40px; height: 40px;}
.sns_wrap li:first-child{margin-left: 0;}
.sns_wrap li a{display: block; width: 100%; height: 100%; background: url("../imgs/sns.png") no-repeat; background-size: 80px 40px;}
.sns_wrap li.snsFacebook a{background-position: 0 0;}
.sns_wrap li.snsInstagram a{background-position: -40px 0;}

.storeWrap{position: relative; width: 100%; text-align: center; margin-top: 120px;}
.storeWrap ul{display: inline-block;}
.storeWrap ul:after{content:""; clear:both; display:block;}
.storeWrap li{float: left; margin-left: 0;}
.sec3_lay .storeWrap li{float: left;}
.storeWrap li:first-child{margin-left: 0;}
.storeWrap li a{display: block; width: 40px; height: 40px; background: url("../imgs/sns.png") no-repeat; background-size: 80px 40px;}
.storeWrap li.snsFacebook a{background-position: 0 0;}
.storeWrap li.snsInstagram a{background-position: 40px 0;}
.storeWrap li.storeBtn a{width: 147px; height: 41px; background: url("../imgs/store.png"); background-size: cover;}
.storeWrap li.snsFacebook, .storeWrap li.snsInstagram{display: none;}
.storeWrap li.moreBtn {display: none;}


/* SEC3 */
.sec3_lay{width: 1200px; margin: 0 auto;}
.sec3_lay ul:after{content:""; clear:both; display:block;}
.sec3_lay > ul > li{float: left; width: 50%;}
 #section3 .sec3_lay .pageTitle{text-align: left; margin-top: 70px;}
.sec3_lay .pageTitle h2{color: #555; font-size: 50px; line-height: 55px; margin-bottom: 45px;}
.sec3_lay .pageTitle h2 span{display: block;}
.sec3_lay p{position: relative; font-size: 15px; margin-bottom: 20px; line-height: 25px; font-weight: bold;}

.en .sec3_lay p{font-weight: 400;}

.themeGallery{width: 330px; height: 582px; padding: 6px 3px 5px 4px; box-sizing: border-box; background: #000; margin-left: 137px; border-radius: 20px; box-shadow: 30px 30px 30px rgba(0, 0, 0, 0.3);}
.themeGallery.slick-slider .slick-list{border-radius: 20px; overflow: hidden;}
.themeGallery.slick-slider .slick-slide{margin: 0 2px}
.themeGallery.slick-slider .slick-slide img{border-radius: 20px;}
.themeGallery.slick-slider .slick-dots{margin-left: -5px;}

/* SEC4 */
.sec4_lay{width: 1200px; margin: 0 auto;}
.sec4_lay ul:after{content:""; clear:both; display:block;}
.sec4_lay > ul > li{float: left; width: 50%; padding-left: 0; padding-right: 30px; box-sizing: border-box;}
.sec4_lay > ul > li:first-child{float: right; padding-left: 110px; padding-right: 0;}
.sec4_lay .pageTitle{text-align: left;}
.sec4_lay .pageTitle h2{font-size: 50px; line-height: 55px; margin-bottom: 45px;}
.sec4_lay .pageTitle h2 span{display: block;}
.sec4_lay p{position: relative; font-size: 15px; margin-bottom: 20px; line-height: 25px; font-weight: bold;}
.en .sec4_lay p{font-weight: 400;}
.characterGallery{width: 570px; height: 570px;}
.characterGallery img{width: 100%;}
.characterGallery.slick-slider .slick-slide{margin: 0 2px}

/* SEC5 */
.sec5_lay{width: 1200px; margin: 0 auto;}
.sec5_lay ul:after{content:""; clear:both; display:block;}
.sec5_lay > ul > li{float: left; width: 50%;}
.sec5_lay .pageTitle{text-align: left; margin-top: 70px;}
.sec5_lay .pageTitle h2{color: #555; font-size: 50px; line-height: 55px; margin-bottom: 45px;}
.sec5_lay .pageTitle h2 span{display: block;}
.sec5_lay p{position: relative; font-size: 15px; margin-bottom: 20px; line-height: 25px; font-weight: bold;}

.en .sec5_lay p{font-weight: 400;}

.watchGallery{width: 450px; height: 570px; margin-left: 75px;}


/* SEC6 */
.footer{width: 100%; padding: 50px 0; background: #3b3b3b; box-sizing: border-box; text-align: center; color: #f3f3f3;}
.footer ul:after{content:""; clear:both; display:block;}
.footer ul{position: relative; width: 1200px; margin: 0 auto;}
.footer li{float: left; width: 600px; box-sizing: border-box;}
.footer li.copyLogo{padding-right: 50px; text-align: right;}
.footer li.copyLogo div{display: inline-block; width: 162px; height: 62px; background: url("../imgs/bottom_logo.png"); background-size: cover;}
.footer li.copyInfo{padding-left: 50px; text-align: left; font-size: 15px; font-weight: 300;}
.footer li.copyInfo p{line-height: 25px;}
.footer li.copyInfo p:first-child{margin-bottom: 10px;}
.footer li.copyInfo p span{margin-left: 30px;}
.footer p.copy{margin-top: 30px; font-size: 14px;}
.footer li.copyInfo a{color: #f16824; text-decoration: underline; font-weight: 400;}



.fp-viewing-3rdPage #section2 .pageTitle, .fp-viewing-3rdPage #section2 p, .fp-viewing-3rdPage #section2 .sec2_lay a, .fp-viewing-4thPage #section3 .pageTitle, .fp-viewing-4thPage #section3 p, .fp-viewing-4thPage #section3 .sns_wrap, .fp-viewing-5thPage #section4 .pageTitle, .fp-viewing-5thPage #section4 p, .fp-viewing-5thPage #section4 .sns_wrap, .fp-viewing-6thPage #section5 .pageTitle, .fp-viewing-6thPage #section5 p, .fp-viewing-6thPage #section5 .sns_wrap{
	-webkit-transition: all 1300ms ease;
	-moz-transition: all 1300ms ease;
	-o-transition: all 1300ms ease;
	-ms-transition: all 1300ms ease;
	transition: all 1300ms ease;
}

/* SEC2 transition*/
.section{overflow: hidden; height: 100%;}

#section2 .pageTitle, #section2 p, #section2 .sec2_lay a{top: 150px; opacity: 0; transition-delay: 400ms;}
.fp-viewing-3rdPage #section2 .pageTitle{top: 0; opacity: 1;}
.fp-viewing-3rdPage #section2 p{top: 0; opacity: 1; transition-delay: 200ms;}
.fp-viewing-3rdPage #section2 p.mText{transition-delay: 100ms;}
.fp-viewing-3rdPage #section2 .sec2_lay a{top: 0; opacity: 1; transition-delay: 200ms;}


/* SEC3 transition*/
#section3 .pageTitle, #section3 p, #section3 .sns_wrap{top: 150px; opacity: 0; transition-delay: 400ms;}
.fp-viewing-4thPage #section3 .pageTitle{top: 0; opacity: 1;}
.fp-viewing-4thPage #section3 p{top: 0; opacity: 1; transition-delay: 100ms;}
.fp-viewing-4thPage #section3 .sns_wrap{top: 0; opacity: 1; transition-delay: 200ms;}

/* SEC4 transition*/
#section4 .pageTitle, #section4 p, #section4 .sns_wrap{top: 150px; opacity: 0; transition-delay: 400ms;}
.fp-viewing-5thPage #section4 .pageTitle{top: 0; opacity: 1;}
.fp-viewing-5thPage #section4 p{top: 0; opacity: 1; transition-delay: 100ms;}
.fp-viewing-5thPage #section4 .sns_wrap{top: 0; opacity: 1; transition-delay: 200ms;}

/* SEC5 transition*/
#section5 .pageTitle, #section5 p, #section5 .sns_wrap{top: 150px; opacity: 0; transition-delay: 400ms;}
.fp-viewing-6thPage #section5 .pageTitle{top: 0; opacity: 1;}
.fp-viewing-6thPage #section5 p{top: 0; opacity: 1; transition-delay: 100ms;}
.fp-viewing-6thPage #section5 .sns_wrap{top: 0; opacity: 1; transition-delay: 200ms;}
/* SEC5 transition 카피라이트 접촉 해결 */
.fp-viewing-7thPage #section5 .pageTitle{top: 0; opacity: 1;}
.fp-viewing-7thPage #section5 p{top: 0; opacity: 1; transition-delay: 100ms;}
.fp-viewing-7thPage #section5 .sns_wrap{top: 0; opacity: 1; transition-delay: 200ms;}



/* myFullpage */
.section{overflow: hidden;}
#fp-nav.fp-right{right: 70px;}
#fp-nav ul li, .fp-slidesNav ul li{height: 22px;}
#fp-nav ul li .fp-tooltip{color: #333; font-size: 13px;}
#fp-nav ul li a span, .fp-slidesNav ul li a span{width: 6px; height: 6px; margin: -3px 0 0 -3px; background: #a2a1a0;}
#fp-nav ul li a.active span, #fp-nav ul li:hover a.active span, .fp-slidesNav ul li a.active span, .fp-slidesNav ul li:hover a.active span{width: 10px; height: 10px; margin: -5px 0 0 -5px; background: #a2a1a0;}
#fp-nav ul li a.active {display: block; width: 20px; height: 20px; border: 1px solid #a2a1a0; margin: 0 0 0 -4px; border-radius: 50px;}
#fp-nav ul li .fp-tooltip.fp-right{right: 27px;}
#fp-nav ul li .fp-tooltip{top: 4px;}
#fp-nav ul li:last-child{display: none;}
.fp-viewing-1stPage #fp-nav ul li a span, .fp-viewing-1stPage .fp-slidesNav ul li a span{background: #a2a1a0;}
.fp-viewing-1stPage #fp-nav ul li a.active span, .fp-viewing-1stPage #fp-nav ul li:hover a.active span, .fp-viewing-1stPage .fp-slidesNav ul li a.active span, .fp-viewing-1stPage .fp-slidesNav ul li:hover a.active span{background: #a2a1a0;}
.fp-viewing-1stPage #fp-nav ul li a.active {border: 1px solid #a2a1a0;}

.fp-viewing-3rdPage #fp-nav ul li a span, .fp-viewing-3rdPage .fp-slidesNav ul li a span{background: #a2a1a0;}
.fp-viewing-3rdPage #fp-nav ul li a.active span, .fp-viewing-3rdPage #fp-nav ul li:hover a.active span, .fp-viewing-3rdPage .fp-slidesNav ul li a.active span, .fp-viewing-3rdPage .fp-slidesNav ul li:hover a.active span{background: #a2a1a0;}
.fp-viewing-3rdPage #fp-nav ul li a.active {border: 1px solid #a2a1a0;}

.fp-viewing-5thPage #fp-nav ul li a span, .fp-viewing-5thPage .fp-slidesNav ul li a span{background: #a2a1a0;}
.fp-viewing-5thPage #fp-nav ul li a.active span, .fp-viewing-5thPage #fp-nav ul li:hover a.active span, .fp-viewing-5thPage .fp-slidesNav ul li a.active span, .fp-viewing-5thPage .fp-slidesNav ul li:hover a.active span{background: #a2a1a0;}
.fp-viewing-5thPage #fp-nav ul li a.active {border: 1px solid #a2a1a0;}

#fp-nav ul li .fp-tooltip{color: #a2a1a0;}
/*
.fp-viewing-2ndPage #fp-nav ul li .fp-tooltip{color: #666;}
.fp-viewing-4thPage #fp-nav ul li .fp-tooltip{color: #666;}
.fp-viewing-5thPage #fp-nav ul li .fp-tooltip{color: #000;}
.fp-viewing-6thPage #fp-nav ul li .fp-tooltip{color: #666;}
.fp-viewing-7thPage #fp-nav ul li .fp-tooltip{color: #666;}
*/


#fp-nav.fn_nav_open{
	-webkit-transition: all 0.6s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	-moz-transition: all 0.6s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	-o-transition: all 0.6s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	-ms-transition: all 0.6s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	transition: all 0.6s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	transition-delay: 3s;
}
#fp-nav{opacity: 1;}
#fp-nav.fn_nav_open{opacity: 0;}




@media (max-width:1544px){
	.jGallery_service{width: 1200px;}
	.jGallery_service img{width: 100%;}
	.jGallery_service li{width: 25%;}
}


@media (max-width:1199px){
	.jGallery.slick-slider .slick-slide img{width: 90%; margin-top: -50px;}
	.jGallery_service{width: 96%;}
	
	.pop-up-wrap{width: 100%;}
	.pop-up-top{padding: 60px 30px 0;}
	.pop-up-top ul li{font-size: 21px;}
	
	/* SEC2 */
	.sec2{text-align: center;}
	.sec2_lay{width: 430px; display: inline-block; margin-left: 0; padding-left: 0; text-align: left;}
	.sec2_lay .pageTitle{text-align: left;}
	.sec2_cover{width: 100%; left: 0;}
	
	/* SEC3 */
	.sec3_lay{width: 100%; padding: 0;}
	.sec3_lay > ul > li:first-child{padding-left: 30px; box-sizing: border-box;}
	.themeGallery{margin: 0 auto;}
	
	
		/* SEC4 */
	.sec4_lay{width: 100%; padding: 0;}
	.sec4_lay > ul > li{padding-left: 30px;}
	.sec4_lay > ul > li:first-child{padding-left: 10px; padding-right: 30px; box-sizing: border-box;}
	
	.characterGallery{width: 450px; height: 450px; margin: 0 auto;}


	/* SEC5 */
	.sec5_lay{width: 100%; padding: 0;}
	.sec5_lay > ul > li:first-child{padding-left: 30px; box-sizing: border-box;}
	.watchGallery{width: 400px; height: 507px; margin: 0 auto;}
	.watchGallery img{width: 100%;}
	
	
	/* SEC6 */
	.footer ul{width: 100%;}
	.footer li{width: 50%;}
	
	
	/* myFullpage */
	#fp-nav.fp-right{right: 20px;}
	#fp-nav ul li .fp-tooltip{display: none !important;}
}

@media (max-width:959px){
	
	.pop-up-top{padding: 60px 20px 0;}
	.pop-up-top ul li{font-size: 17px; padding: 0 10px;}
	.pop-up-wrap .pop-up-middle{margin: 0;}
	
	.serviceLi span{font-size: 14px;}
	.serviceLi:hover span{line-height: 24px; margin-top: -24px; font-size: 19px;}
	.serviceLi.sL3line:hover span{margin-top: -36px;}
	
	.pageTitle h2{font-size: 5vw;}
	.pageTitle a.historyGo{top: -1.9vw; right: -13vw; width: 9vw; height: 9vw;}
	.pageTitle a.historyGo span{background-size: 80%;}
	
	 #section3 .sec3_lay .pageTitle{margin-top: 50px;}
	.sec5_lay .pageTitle{margin-top: 50px;}
	
	
	.historyWrap{padding-left: 0; padding-top: 0;}
	.historyWrap ul li:first-child{float: inherit; width: 100%; border-right: 0;}
	.historyWrap ul li:first-child+li{float: inherit; padding-left: 30px;}
	.historyWrap h3{font-size: 30px; padding: 25px 30px 15px; text-align: left;}
	.historyWrap .historyContent{padding: 10px 0 20px;}
	.historyWrap p{font-size: 14px; line-height: 25px; padding-left: 30px;}
	.historyWrap p.hDepth{padding-left: 0; font-size: 15px; margin-top: 10px;}
	.historyWrap p.hDepth:first-child{margin: 0;}
	.historyWrap p.hDepth2{padding-left: 60px;}
	.historyWrap p.hDepth0{padding-left: 0; font-size: 23px; margin-top: 20px; margin-bottom: 10px;}
	.historyWrap p.hDepth0:first-child{margin-top: 0;}
	
	.sec3_lay .pageTitle h2{font-size: 50px; line-height: 50px;}
	.sec4_lay .pageTitle h2{font-size: 50px; line-height: 50px;}
	.sec5_lay .pageTitle h2{font-size: 50px; line-height: 50px;}
	
	.characterGallery{width: 100%; height: auto; margin-left: 0; margin-top: 100px;}
	.sec4_lay .pageTitle{margin-top: 0;}
	
	.watchGallery{width: 100%; height: auto; margin-left: 0;}
	
}

@media (max-width:767px){
	.slick-slider .slick-dots li{width: 8px; height: 8px; margin: 0 5px;}
	.slick-slider .slick-dots li button{width: 8px; height: 8px; padding: 0;}
	
	.pop-up-top{padding: 60px 3% 0;}
	.pop-up-top > div{overflow-x: scroll; padding-bottom: 10px;}
	.pop-up-top ul{width: 500px;}
	.pop-up-top ul li{height: 25px; padding: 0 5px;}
	.pop-up-top ul li a{padding: 0 5px;}
	.pop-up-wrap .pop-closed{top:15px; right:3%; background: url("../imgs/btn_close_b.png") no-repeat center;}
	.pop-up-wrap .pop-up-middle{margin:15px 0 0;}
	
	.pop-up.morePop{background:rgba(255,255,255,0.95);}
	.pop-up.morePop .pop-closed{top: 12px; position: fixed; right: 2%;}
	.pop-up.morePop .pop-up-wrap{position: absolute; z-index: 2; top: 50%;}
	.morePop h3{text-align: center; font-size: 7vw; font-family: 'nanumsquare'; color: #000; font-weight: 800;}
	.morePop h3 span{display: block; font-weight: 300; color: #f16824;}
	.pop_mobile {padding: 0 13% 20px;}
	.pop_mobile p{font-size: 15px; color: #000; text-align: center; margin-top: 12%; line-height: 20px;}
	.pop-up.morePop .pop-up-top{border-bottom: 0;}

	.jGallery_service.slick-slider{padding-bottom: 35px;}
	.jGallery_service.slick-slider .slick-dots{bottom: 0;}
	
	.pageTitle{padding-top: 10px;}
	.pageTitle h2{font-size: 7vw;}
	.sec1 .pageTitle h2{margin-left: -14vw} 
	.pageTitle a.historyGo{top: -1.9vw; right: -16vw; width: 11vw; height: 11vw;}
	.pageTitle a.historyGo span{background-size: 60%;}
	.pageTitle a.historyGo:hover{background: #fff; border: 2px solid #fff;}
	.pageTitle a.historyGo:hover span{right: -20px;}
	
	
	.jGallery.slick-slider .slick-dots{bottom: 30px;}
	.jGallery a.jbtn{top: 80%; height: 38px; line-height: 36px; font-size: 14px;}
	
	.jGallery_service{margin: 30px auto 0;}
	.jGallery_service li{width: 100%;}
	

	.serviceLi span{font-size: 16px;}
	.serviceLi:before{display: none;}
	.serviceLi:hover span{width: inherit; left: 20px; bottom: 20px; top: auto; line-height: inherit; margin-top: inherit; right: inherit; text-align: inherit; font-size: inherit;  font-family: inherit;}
	.serviceLi.sL3line:hover span{margin-top: inherit;}
	
	/* SEC2 */
	.sec2_lay{width: 76%; padding:0;}
	.sec2_lay .pageTitle h2{font-size: 9vw; line-height: 8vw;}
	.sec2_lay p{font-size: 13px; margin-bottom: 15px; line-height: 20px;}
	.sec2_lay p.mText{font-size: 19px; margin: 30px 0; line-height: 20px;}
	.sec2_lay a{padding: 5px 20px; border: 1px solid #fff; color: #fff; border-radius: 20px; margin-top: 40px;}
	
	.storeWrap{margin-top: 90px;}
	.storeWrap li{margin-left: 22px;}
	.storeWrap li:last-child{margin-left: 18px;}
	.storeWrap li a{width: 32px; height: 32px; background-size: 64px 32px;}
	.storeWrap li{margin-left: 11px;}
	.storeWrap li.snsFacebook a{background-position: 0 0;}
	.storeWrap li.snsInstagram a{background-position: -32px 0;}
	.storeWrap li.storeBtn a{width: 115px; height: 32px;}
	.storeWrap li.snsFacebook, .storeWrap li.snsInstagram{display: block;}
	.sec4_lay .storeWrap{display: block;}
	
	.storeWrap li.moreBtn{display: block; position: absolute; z-index: 2; top: -40px; left: 50%; margin-left: -65px;}
	.storeWrap li.moreBtn a{display: block; width: 130px; height: 22px; line-height: 20px; background: none; border-radius: 5px; font-size: 14px; /*background: url("../imgs/more_btn.png") no-repeat; background-size: 30px 60px; border: 1px solid #000; border-radius: 5px;*/}
	.sec3_lay .storeWrap li.moreBtn a{border: 1px solid #cdcccb; color: #cdcccb;}
	.sec4_lay .storeWrap li.moreBtn a{border: 1px solid #333; color: #333;}
	.sec5_lay .storeWrap li.moreBtn a{border: 1px solid #cdcccb; color: #cdcccb;}
	
	/* SEC3 */
	.sec3_lay > ul > li{float: inherit; width: 100%;}
	.sec3_lay > ul > li:first-child{padding-left: 0;}
	 #section3 .sec3_lay .pageTitle{text-align: left; margin-top: 0;}
	.sec3_lay .pageTitle h2{font-size: 7vw; line-height: 8vw; margin-bottom: 6vw; text-align: center; width: 100%;}
	.sec3_lay p{display: none;}
	.sec3_lay .sns_wrap{display: none;}
	.themeGallery{width: 45%; height: auto; padding: 4px 2px 4px 2px; box-sizing: border-box; background: #000; border-radius: 20px; box-shadow: 20px 20px 20px rgba(0, 0, 0, 0.3);}
	.themeGallery.slick-slider .slick-slide img{width: 100%;}
	.themeGallery.slick-slider .slick-dots{bottom: -30px;}

	
	/* SEC4 */
	.sec4_lay > ul > li{float: inherit; width: 100%; padding: 0; text-align: center;}
	.sec4_lay > ul > li:first-child{float: inherit; padding: 0;}
	.sec4_lay .pageTitle{text-align: left; margin-top: 0;}
	.sec4_lay .pageTitle h2{font-size: 7vw; line-height: 8vw; margin-bottom: 6vw; text-align: center; width: 100%;}
	.sec4_lay p{display: none;}
	.sec4_lay .sns_wrap{display: none;}
	.characterGallery{width: 70%; height: auto; margin: 0 auto;}
	.characterGallery.slick-slider .slick-slide img{width: 100%;}
	.characterGallery.slick-slider .slick-dots{bottom: -30px;}


	/* SEC5 */
	.sec5_lay > ul > li{float: inherit; width: 100%;}
	.sec5_lay > ul > li:first-child{padding-left: 0;}
	.sec5_lay .pageTitle{text-align: left; margin-top: 0;}
	.sec5_lay .pageTitle h2{font-size: 7vw; line-height: 8vw; margin-bottom: 6vw; text-align: center; width: 100%;}
	.sec5_lay p{display: none;}
	.sec5_lay .sns_wrap{display: none;}
	.watchGallery{width: 56%; height: auto; margin: 0 auto;}
	.watchGallery.slick-slider .slick-slide img{width: 100%;}
	.watchGallery.slick-slider .slick-dots{bottom: -30px;}
	
	/* SEC6 */
	.footer{padding: 30px 0; text-align: left;}
	.footer ul{width: 94%;}
	.footer li{float: inherit; width: 100%;}
	.footer li.copyLogo{padding-right: 0; text-align: left;}
	.footer li.copyLogo div{display: block; width: 105px; height: 40px; margin-bottom: 10px;}
	.footer li.copyInfo{padding-left: 0; text-align: left; font-size: 13px;}
	.footer li.copyInfo p{line-height: 20px;}
	.footer li.copyInfo p:first-child{margin-bottom: 5px;}
	.footer li.copyInfo p span{margin-left: 0; display: block;}
	.footer p.copy{margin-top: 10px; font-size: 12px; margin-left: 3%;}
	
	
	/* myFullpage */
	#fp-nav.fp-right{right: 3%;}
	
}

@media (max-width: 767px) and (max-height: 500px) {
	.themeGallery{width: 45%;}
	.characterGallery{width: 45%;}
	.watchGallery{width: 45%;}
	.sec4_lay li img{width: 50%;}
}

@media (max-width:600px){
	.sec2_lay .pageTitle h2{font-size: 9vw; line-height: 8vw;}
	.sec2_lay p{font-size: 13px; margin-bottom: 10px; line-height: 17px;}
	.sec2_lay p.mText{font-size: 15px; margin: 20px 0 40px;}
	.sec2_lay a{margin-top: 30px; font-size: 13px;}
}


@media (max-width:400px){	
	.jGallery_service{width: 75%;}
}

@media (max-width: 400px) and (max-height: 500px) {
	.jGallery_service{width: 60%;}
}

@media (max-width:330px){	
	.storeWrap li{float: left; margin-left: 20px;}
	.storeWrap li:first-child{margin-left: 0;}
}