@charset "utf-8";

/**
공통
**/
#gfcWrap {
	position:relative;
	-webkit-touch-callout:none; /* iOS Safari */
	-webkit-user-select:none;   /* Chrome/Safari/Opera */
	-khtml-user-select:none;    /* Konqueror */
	-moz-user-select:none;      /* Firefox */
	-ms-user-select:none;       /* Internet Explorer/Edge */
	user-select:none;           /* Non-prefixed version, currently not supported by any browser */
	cursor:default;
}

#gfcWrap.vn *{font-family:Arial}
#gfcWrap.th *{font-family:'Cloud-Light',Tahoma;}
#gfcWrap.tw *{font-family: '新宋体';}
#gfcWrap.hk *{font-family: '新宋体';}
#gfcWrap.jp *{font-family: 'DFGothic';letter-spacing:-.5px;}

.sectionWrap {text-align:center;}
.sectionWrap .inner {max-width:860px;margin:0 auto;}

.f_en {font-family:'InnisfreeGothic',NanumGothic,나눔고딕,"맑은 고딕","Malgun Gothic","NanumGothicWeb", 돋움,Dotum,굴림,Gulim,sans-serif !important;}
.fl {float:left;}
.fr {float:right;}
.fc_green {color:#00615b;}
.fc_fff {color:#444;}
.border-radius10 {-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;border-radius:10px;}
.border-radius5_top {
	-webkit-border-top-left-radius:5px;-moz-border-top-left-radius:5px;-ms-border-top-left-radius:5px;-o-border-top-left-radius:5px;border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px;-moz-border-top-right-radius:5px;-ms-border-top-right-radius:5px;-o-border-top-right-radius:5px;border-top-right-radius:5px;
}
.border-radius10_bottom {
	-webkit-border-bottom-left-radius:10px;-moz-border-bottom-left-radius:10px;-ms-border-bottom-left-radius:10px;-o-border-bottom-left-radius:10px;border-bottom-left-radius:10px;
	-webkit-border-bottom-right-radius:10px;-moz-border-bottom-right-radius:10px;-ms-border-bottom-right-radius:10px;-o-border-bottom-right-radius:10px;border-bottom-right-radius:10px;
}

.subTit {letter-spacing:-.5px;}
.subTit .tit {font-size:26px;line-height:36px;font-weight:bold;color:#222;}
.subTit .tit > span {font-size:34px;}
.subTit .txt {margin-top:5px;font-size:18px;line-height:26px;color:#666;}
.subTit .txt.mgt {margin-top:25px;}

#gfcWrap.ph .subTit {letter-spacing:0;}

.gfcBtn {display:inline-block;background-color:#094438;box-shadow:4px 5px 2px 0 rgba(62,62,62,0.1);}
.gfcBtn a {display:block;padding:17px 38px;font-size:24px;font-weight:bold;color:#fff;letter-spacing:1px;}
.gfcBtn a span {display:inline-block;padding-right:38px;background:url('images/btn_arrow.png') no-repeat right center}
.gfcBtn a .ico i {display:inline-block;margin-left:7px;}
.gfcBtn.greenW {background-color:#38af95;}
.gfcBtn.fullVer {display:block;text-align:center;}
.gfcBtn.fullVer a {padding:17px 0;}
.gfcBtn.fullVer a span {padding-right:25px;}
.gfcBtn.finishBtn a {cursor:inherit;}

#gfcWrap.vn .gfcBtn a {font-size:22px;letter-spacing:0;}

.moBr {display:none}
.pcBr {display:inline;}

#gfcWrap .none {overflow:hidden;width:0;height:0;padding:0;margin:0;opacity:0;filter:alpha(opacity=0);}

@media screen and (max-width:768px) {
	.moBr {display:inline !important;}
	.pcBr {display:none !important;}

	.subTit .tit {line-height:1.4;font-size:18px;}
	.subTit .tit > span {font-size:22px;}
	.subTit .txt {font-size:14px;line-height:1.3;}
	.subTit .txt.mgt {margin-top:10px;}

	.gfcBtn a {font-size:14px;padding:15px 20px;}
	.gfcBtn.fullVer a {padding:15px 20px;}
	.gfcBtn.fullVer.greenW a {padding:9px 20px;}
}
@media screen and (max-width:480px) {
	.subTit {padding:0 5%;}
	.subTit .tit {font-size:16px;}
}


/**
	GNB
**/
.quickMenu {position:fixed; left:-370px; top:40%;z-index:99;transition:all .4s ease;opacity:0;filter:alpha(opacity=0);transform:scale(0.6);}
.quickMenu.active {left:0;opacity:1;filter:alpha(opacity=100);transform:scale(1);}
.quickMenu .mo_btn {display:none;}
.quickMenu ul li {}
.quickMenu ul li a {display:block;/* width:308px; */height:40px;padding-left:62px;padding-right:25px;margin-top:5px;font-size:14px;font-weight:bold;line-height:40px;color:#fff;opacity:.8;
	background:#38af95 url('images/quickMenu_ico.png') no-repeat 33px center;
}
.quickMenu ul li a:hover,
.quickMenu ul li a.on {opacity:1;filter:alpha(opacity=100);}
@media screen and (max-width:768px) {
	.quickMenu {top:inherit;left:inherit;opacity:1;filter:alpha(opacity=100);transform:inherit !important;transition:inherit;}
	.quickMenu.moOpen {position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.6);}
	.quickMenu .mo_btn {display:block;position:fixed;left:10px;bottom:10px;z-index:1000;width:35px;height:35px;background:#38af95;-webkit-border-radius:5px;border-radius:5px;}
	.quickMenu .mo_btn:before {content:'';position:absolute;left:50%;top:9px;width:4px;height:4px;margin:-2px 0 0 -2px;font-size:0;line-height:0;text-indent:-50000px;background:#fff;-webkit-border-radius:50%;border-radius:50%;}
	.quickMenu .mo_btn:after {content:'';position:absolute;left:50%;top:27px;width:4px;height:4px;margin:-2px 0 0 -2px;font-size:0;line-height:0;text-indent:-50000px;background:#fff;-webkit-border-radius:50%;border-radius:50%;}
	.quickMenu .mo_btn span {position:absolute;left:50%;top:50%;width:4px;height:4px;margin:-2px 0 0 -2px;font-size:0;line-height:0;text-indent:-50000px;background:#fff;-webkit-border-radius:50%;border-radius:50%;}
	.quickMenu ul {position:fixed;display:none;left:10px;top:initial;bottom:50px;z-index:1000;width:290px;height:auto;padding:0;background:#fff;
		-webkit-border-radius:5px;border-radius:5px;-webkit-box-shadow:none;box-shadow:none;
		-moz-transform:translateY(0);-webkit-transform:translateY(0);-o-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);
	}
	.quickMenu.moOpen ul {display:block;}
	.quickMenu ul li {border-top:1px solid #d8d8d8;}
	.quickMenu ul li:first-child {border-top:none;}
	.quickMenu ul li a {width:auto;height:auto;margin:8px 0;padding:0 10px;font-size:12px;line-height:1.5;color:#222;background:none;}
	.quickMenu ul li a.on {color:#38af95}
}


/**
	intro
**/
.visualWrap {position:relative;height:1050px;text-align:center;background:url('images/visual_bg.jpg') no-repeat center top / cover;}
.visualWrap .title {position:relative;z-index:10;padding-top:85px;color:#fff;font-weight:bold;letter-spacing:-.5px;}
.visualWrap .title .tit {font-size:32px;}
.visualWrap .title .tit_img {margin:25px 0 60px;}
.visualWrap .title .txt {font-size:26px;line-height:36px}
.visualWrap .title .txt_sub {margin-top:10px;font-size:15px;line-height:18px;font-weight:normal;}

#gfcWrap .visualWrap .title .tit {letter-spacing:-1px;}

/*반짝별*/
.visualWrap .twinkle {position:absolute;top:65px;left:0;right:0;margin:0 auto;width:100%;height:911px;background:url('images/visual_twinkle.png') no-repeat center top / cover;
	animation:twinkle 2s ease-in-out infinite;-moz-animation:twinkle 2s ease-in-out infinite;-webkit-animation:twinkle 2s ease-in-out infinite;
}

/*핑크별*/
.visualWrap .pinkStar {}
.visualWrap .pinkStar > li {position:absolute;animation:pinkStar 2s ease infinite;-moz-animation:pinkStar 2s ease infinite;-webkit-animation:pinkStar 2s ease infinite;}
.visualWrap .pinkStar > li.pink1 {width:37px;height:39px;background:url('images/pink_star1.png') no-repeat 0 0 / cover;}
.visualWrap .pinkStar > li.pink2 {width:51px;height:54px;background:url('images/pink_star2.png') no-repeat 0 0 / cover;}
.visualWrap .pinkStar > li.pink2_2 {width:51px;height:54px;background:url('images/pink_star2_2.png') no-repeat 0 0 / cover;}
.visualWrap .pinkStar > li.pink3 {width:37px;height:39px;background:url('images/pink_star3.png') no-repeat 0 0 / cover;}
.visualWrap .pinkStar > li:nth-child(1) {top:18%;left:29%;animation-delay:1s;}
.visualWrap .pinkStar > li:nth-child(2) {top:42%;left:50%;margin-left:-830px;animation-delay:2s;}
.visualWrap .pinkStar > li:nth-child(3) {bottom:49%;left:10%;animation-delay:3s;}
.visualWrap .pinkStar > li:nth-child(4) {top:18%;right:10%;animation-delay:1s;}
.visualWrap .pinkStar > li:nth-child(5) {bottom:35%;right:50%;margin-right:-640px;animation-delay:1.5s;}
.visualWrap .pinkStar > li:nth-child(6) {bottom:25%;right:15%;animation-delay:2s;}
@-moz-keyframes pinkStar {
	0%{opacity:.1}
	50%{opacity:1}
	100%{opacity:.1}
}
@-webkit-keyframes pinkStar {
	0%{opacity:.1}
	50%{opacity:1}
	100%{opacity:.1}
}
@keyframes pinkStar {
	0%{opacity:.1}
	50%{opacity:1}
	100%{opacity:.1}
}
@media screen and (max-width:768px) {
	.visualWrap .pinkStar > li.pink1 {width:22px;height:25px;}
	.visualWrap .pinkStar > li.pink2 {width:25px;height:30px;}
	.visualWrap .pinkStar > li.pink2_2 {width:25px;height:30px;}
	.visualWrap .pinkStar > li.pink3 {width:22px;height:25px;}
	.visualWrap .pinkStar > li:nth-child(1) {top:9%;left:9%;}
	.visualWrap .pinkStar > li:nth-child(2) {top:18%;left:84%;margin-left:0;}
	.visualWrap .pinkStar > li:nth-child(3) {bottom:49%;left:10%;}
	.visualWrap .pinkStar > li:nth-child(4) {display:none;top:39%;right:10%;}
	.visualWrap .pinkStar > li:nth-child(5) {bottom:35%;right:90%;margin-right:0;}
	.visualWrap .pinkStar > li:nth-child(6) {display:none;bottom:25%;right:15%;}
}

/*별똥별*/
.visualWrap .shootingStar {position:absolute;top:0;left:0;width:100%;height:100%;}
.visualWrap .shootingStar .star {position:absolute;background-size:cover;opacity:0;filter:alpha(opacity=0);-webkit-animation:3s flying linear infinite;-moz-animation:3s flying linear infinite;animation:3s flying linear infinite;}
.visualWrap .shootingStar > .star:nth-child(1) {top:7%;left:14%;width:96px;height:70px;background:url('images/star1.png') no-repeat center top;animation-delay:0.2s;}
.visualWrap .shootingStar > .star:nth-child(2) {top:22%;left:17%;width:122px;height:88px;background:url('images/star2.png') no-repeat center top;animation-delay:2.5s;}
.visualWrap .shootingStar > .star:nth-child(3) {bottom:7%;left:4%;width:100px;height:70px;background:url('images/star3.png') no-repeat center top;animation-delay:3.8s;}
.visualWrap .shootingStar > .star:nth-child(4) {bottom:13%;left:65%;width:136px;height:100px;background:url('images/star4.png') no-repeat center top;animation-delay:4.5s;}
.visualWrap .shootingStar > .star:nth-child(5) {bottom:4%;right:14%;width:76px;height:50px;background:url('images/star5.png') no-repeat center top;animation-delay:2s;}
.visualWrap .shootingStar > .star:nth-child(6) {bottom:31%;right:2%;width:116px;height:70px;background:url('images/star6.png') no-repeat center top;animation-delay:5.5s;}
@-moz-keyframes flying {
	0% {transform:translate(0, 0);opacity:1;filter:blur(0px);}
	100% {transform:translate(400px, 280px);opacity:0;filter:blur(5px);}
}
@-webkit-keyframes flying {
	0% {transform:translate(0, 0);opacity:1;filter:blur(0px);}
	100% {transform:translate(400px, 280px);opacity:0;filter:blur(5px);}
}
@keyframes flying {
	0% {transform:translate(0, 0);opacity:1;filter:blur(0px);}
	100% {transform:translate(400px, 280px);opacity:0;filter:blur(5px);}
}

/*행성*/
.visualWrap .planet {position:absolute;top:0;left:0;width:100%;height:100%;}
.visualWrap .planet > li {position:absolute;}
.visualWrap .planet > li.p1 {bottom:16%;left:50%;width:168px;height:104px;margin-left:-650px;background:url('images/planet1.png') no-repeat center top / cover;
	animation:flying2 3.5s ease-in-out infinite;-moz-animation:flying2 3.5s ease-in-out infinite;-webkit-animation:flying2 3.5s ease-in-out infinite;
}
.visualWrap .planet > li.p2 {top:27%;right:21%;width:66px;height:66px;background:url('images/planet2.png') no-repeat center top / cover;
	animation:flying3 2.8s ease-in-out infinite;-moz-animation:flying3 2.8s ease-in-out infinite;-webkit-animation:flying3 2.8s ease-in-out infinite;
}
@-moz-keyframes flying2 {
	0% {transform:translate(0,0);}
	50% {transform:translate(0,20px);}
	100% {transform:translate(0,0);}
}
@-webkit-keyframes flying2 {
	0% {transform:translate(0,0);}
	50% {transform:translate(0,20px);}
	100% {transform:translate(0,0);}
}
@keyframes flying2 {
	0% {transform:translate(0,0);}
	50% {transform:translate(0,20px);}
	100% {transform:translate(0,0);}
}

@-moz-keyframes flying3 {
	0% {transform:translate(0,0);}
	50% {transform:translate(0,-15px);}
	100% {transform:translate(0,0);}
}
@-webkit-keyframes flying3 {
	0% {transform:translate(0,0);}
	50% {transform:translate(0,-15px);}
	100% {transform:translate(0,0);}
}
@keyframes flying3 {
	0% {transform:translate(0,0);}
	50% {transform:translate(0,-15px);}
	100% {transform:translate(0,0);}
}

/*지구*/
.visualWrap .earth {display:block;margin:50px;animation:earthVisual 50s linear infinite;-moz-animation:earthVisual 50s linear infinite;-webkit-animation:earthVisual 50s linear infinite;}
@-moz-keyframes earthVisual {
	0% {transform:rotate(0);}
	50% {transform:rotate(180deg);}
	100% {transform:rotate(360deg);}
}
@-webkit-keyframes earthVisual {
	0% {transform:rotate(0);}
	50% {transform:rotate(180deg);}
	100% {transform:rotate(360deg);}
}
@keyframes earthVisual {
	0% {transform:rotate(0);}
	50% {transform:rotate(180deg);}
	100% {transform:rotate(360deg);}
}
@media screen and (max-width:1024px) {
	.visualWrap {height:auto;padding-bottom:8%;background-size:100% 100%;}
	.visualWrap .title {padding-top:12%;margin:0 5%;letter-spacing:0}
	.visualWrap .title .tit {font-size:22px;line-height:1.4;}
	.visualWrap .title .tit_img {width:200px;margin:4% auto 6%;}
	.visualWrap .title .txt {font-size:16px;line-height:1.4}
	.visualWrap .title .txt_sub {font-size:13px;}
	.visualWrap .twinkle {top:0;height:100%;background-size:contain;}
	.visualWrap .earth {width:60%;margin:6% auto 0;}
	.visualWrap .planet > li.p1 {left:2%;width:80px;height:50px;margin-left:0;}
	.visualWrap .planet > li.p2 {right:7%;width:33px;height:33px;}
}
@media screen and (max-width:480px) {
	.visualWrap .title .tit {font-size:18px;}
	.visualWrap .title .tit_img {width:180px;}
	.visualWrap .title .txt {font-size:14px;}
	.visualWrap .title .txt br {display:none}
	.visualWrap .earth {margin-top:8%;}
	.visualWrap .planet {display:none}
}

/**
	section01
**/
#section01 {position:relative;padding-top:85px;background:#fff url('images/sec01_bg.jpg') no-repeat center top / cover;}
#section01 .leaf_txt {position:absolute;top:493px;left:0;right:0;width:max-content;margin:0 auto;z-index:8}
#section01 .leaf_txt .deco1 {position:absolute;bottom:21px;right:-6px;width:16px;height:28px;background:url('images/leaf_txt_deco1.png') no-repeat 0 0 / cover;}
#section01 .leaf_txt .deco2 {position:absolute;bottom:16px;right:-23px;width:35px;height:18px;background:url('images/leaf_txt_deco2.png') no-repeat 0 0 / cover;}
#section01 .leaf_ani {position:absolute;top:325px;left:50%; width:1848px;height:546px;margin-left:-1220px;}
#section01 .leaf_ani ul li {position:absolute;opacity:0;filter:alpha(opacity=0);transition:all .3s ease;}
#section01 .leaf_ani ul li:nth-child(1) {bottom:0;left:0;}
#section01 .leaf_ani ul li:nth-child(2) {bottom:9%;left:9%;}
#section01 .leaf_ani ul li:nth-child(3) {bottom:22%;left:17%;}
#section01 .leaf_ani ul li:nth-child(4) {top:44%;left:25%;}
#section01 .leaf_ani ul li:nth-child(5) {top:24%;left:32%;}
#section01 .leaf_ani ul li:nth-child(6) {top:10%;left:39%;}
#section01 .leaf_ani ul li:nth-child(7) {top:12%;left:47%;}
#section01 .leaf_ani ul li:nth-child(8) {top:50%;left:52%;}
#section01 .leaf_ani ul li:nth-child(9) {top:50%;right:21%;}
#section01 .leaf_ani ul li:nth-child(10) {top:23%;right:12%;}
#section01 .leaf_ani ul li:nth-child(11) {top:10%;right:7%;}
#section01 .leaf_ani ul li:nth-child(12) {top:0;right:2%;}
#section01 .leaf_ani ul li:nth-child(13) {top:12%;right:0;}  
#section01 .leaf_ani ul li:nth-child(14) {top:32%;right:2%;}
#section01 .leaf_ani ul li:nth-child(15) {top:38%;right:8.3%;}
#section01 .leaf_ani ul li:nth-child(16) {top:40%;right:7.3%;}
#section01.visible .leaf_ani ul li {z-index:9;animation:leaf_ani 0.7s ease;-moz-animation:leaf_ani 0.7s ease;-webkit-animation:leaf_ani 0.7s ease;}
#section01.visible .leaf_ani ul li:nth-child(1) {animation-delay:0.17s;}
#section01.visible .leaf_ani ul li:nth-child(2) {animation-delay:0.27;}
#section01.visible .leaf_ani ul li:nth-child(3) {animation-delay:0.37s;}
#section01.visible .leaf_ani ul li:nth-child(4) {animation-delay:0.47s;}
#section01.visible .leaf_ani ul li:nth-child(5) {animation-delay:0.57s;}
#section01.visible .leaf_ani ul li:nth-child(6) {animation-delay:0.67s;}
#section01.visible .leaf_ani ul li:nth-child(7) {animation-delay:0.77s;}
#section01.visible .leaf_ani ul li:nth-child(8) {animation-delay:0.87s;}
#section01.visible .leaf_ani ul li:nth-child(9) {animation-delay:0.97s;}
#section01.visible .leaf_ani ul li:nth-child(10) {animation-delay:1.07s;}
#section01.visible .leaf_ani ul li:nth-child(11) {animation-delay:1.17s;}
#section01.visible .leaf_ani ul li:nth-child(12) {animation-delay:1.27s;}
#section01.visible .leaf_ani ul li:nth-child(13) {animation-delay:1.37s;}  
#section01.visible .leaf_ani ul li:nth-child(14) {animation-delay:1.47s;}
#section01.visible .leaf_ani ul li:nth-child(15) {opacity:1;filter:alpha(opacity=100);animation:b_opacity3 2.5s ease;-moz-animation:b_opacity3 2.5s ease;-webkit-animation:b_opacity3 2.5s ease;}
#section01.visible .leaf_ani ul li:nth-child(16) {opacity:1;filter:alpha(opacity=100);animation:b_opacity4 2.7s ease;-moz-animation:b_opacity4 2.7s ease;-webkit-animation:b_opacity4 2.7s ease;}
@-moz-keyframes leaf_ani {
	0%{opacity:0;transform:translate(0,0) rotate(0deg);}
	50%{opacity:1;}
	100%{opacity:0;transform:translate(20px,-10px) rotate(6deg)}
}
@-webkit-keyframes leaf_ani {
	0%{opacity:0;transform:translate(0,0) rotate(0deg);}
	50%{opacity:1;}
	100%{opacity:0;transform:translate(20px,-10px) rotate(6deg)}
}
@keyframes leaf_ani {
	0%{opacity:0;transform:translate(0,0) rotate(0deg);}
	50%{opacity:1;}
	100%{opacity:0;transform:translate(20px,-10px) rotate(6deg)}
}

@-moz-keyframes b_opacity3 {
	0%{opacity:0;}
	70%{opacity:0;transform:translate(15px,-14px) rotate(30deg);}
	100%{opacity:1;transform:translate(0,0) rotate(0deg);}
}
@-webkit-keyframes b_opacity3 {
	0%{opacity:0;}
	70%{opacity:0;transform:translate(15px,-14px) rotate(30deg);}
	100%{opacity:1;transform:translate(0,0) rotate(0deg);}
}
@keyframes b_opacity3 {
	0%{opacity:0;}
	70%{opacity:0;transform:translate(15px,-14px) rotate(30deg);}
	100%{opacity:1;transform:translate(0,0) rotate(0deg);}
}

@-moz-keyframes b_opacity4 {
	0%{opacity:0}
	90%{opacity:0}
	70%{opacity:0;transform:translate(52px,-24px) rotate(19deg);}
	100%{opacity:1;transform:translate(0,0) rotate(0deg);}
}
@-webkit-keyframes b_opacity4 {
	0%{opacity:0}
	90%{opacity:0}
	70%{opacity:0;transform:translate(52px,-24px) rotate(19deg);}
	100%{opacity:1;transform:translate(0,0) rotate(0deg);}
}
@keyframes b_opacity4 {
	0%{opacity:0}
	90%{opacity:0}
	70%{opacity:0;transform:translate(52px,-24px) rotate(19deg);}
	100%{opacity:1;transform:translate(0,0) rotate(0deg);}
}

.youtubeBox {display:inline-block;position:relative;margin-top:65px;z-index:10;}
.youtubeBox .player {position:absolute;top:61px;left:50%;width:346px;height:616px;margin-left:-180px;}
.youtubeBox .player .bdT {position:absolute;top:-1px;left:0;width:100%;height:2px;background-color:#fff;z-index:11;}
.youtubeBox .player .bdB {position:absolute;bottom:-1px;left:0;width:100%;height:2px;background-color:#fff;z-index:11;}
.youtubeBox .player .bdR {content:'';position:absolute;top:0;right:-1px;width:5px;height:100%;background-color:#fff;z-index:11;}
.youtubeBox .player .bdL {content:'';position:absolute;top:0;left:-1px;width:5px;height:100%;background-color:#fff;z-index:11;}
.youtubeBox .player .cover {position:relative;z-index:10;cursor:pointer;}
.youtubeBox .player iframe {position:absolute;top:0;left:0;width:100%;height:100%;}
.youtubeBox .player video {position:absolute;top:0;left:0;width:100%;height:100%;}
.youtubeBox .player video:focus {outline:none !important;}

.yt_pcVer {display:block}
.yt_moVer {display:none}
@media screen and (max-width:1024px) {
	.sectionWrap .inner {padding:0 5%;}

	#section01 {padding-top:8%}
	#section01 .leaf_txt {top:49%;width:90%;}
	#section01 .leaf_ani {top:41.5%;left:0;right:0;width:100%;height:26%;margin:0 auto;}
	#section01 .leaf_ani ul li  {width:30px;display:none}
	#section01.visible .leaf_ani ul li:nth-child(4),
	#section01.visible .leaf_ani ul li:nth-child(13) {width:15px;}
	#section01.visible .leaf_ani ul li:nth-child(15) {display:block;top:41%;right:4.2%;width:2%;animation: b_opacity3 2s ease;-moz-animation: b_opacity3 2s ease;-webkit-animation: b_opacity3 2s ease;}
	#section01.visible .leaf_ani ul li:nth-child(16) {display:block;top:47%;right:2%;width:4%;animation: b_opacity4 2.2s ease;-moz-animation: b_opacity4 2.2s ease;-webkit-animation: b_opacity4 2.2s ease;}

	.youtubeBox {margin:5% 15% 0 15%}
	.youtubeBox img {width:100%;}
	.youtubeBox .player {top:9%;width:45%;height:auto;height:69.5%;left:0;right:2%;margin:0 auto;}
	.youtubeBox .player .cover {position:absolute;top:0;}	
}

@media screen and (max-width:768px) {
	#section01 .leaf_txt {display:none}
	#section01 .leaf_ani {display:none}
	.youtubeBox {margin:7% 10% 0 10%;}
}
@media screen and (max-width:640px) {
	.yt_pcVer {display:none}
	.yt_moVer {display:block}

	/* .youtubeBox {margin-left:2%;margin-right:2%;} */
	.youtubeBox {margin:7% 0 0 0}
	.youtubeBox .player {top:8%;left:20%;width:58%;height:67.5%;margin:0;}
}


/**
	section02
**/
#section02 {position:relative;padding:80px 0;background-color:#eefbe8;}
.beGreenAgain {padding:70px 0;margin:60px auto 0;background-color:#daf2df}
.beGreenAgain .name {margin-bottom:30px;font-size:22px;font-weight:bold;color:#333;}
.beGreenAgain .mainEarth {display:inline-block;vertical-align:middle;}
.beGreenAgain .vs {display:inline-block;margin:0 30px 0 80px;font-size:60px;font-weight:bold;color:#222;}
.beGreenAgain .eachIcon {display:inline-block;width:240px;vertical-align:top;}
.beGreenAgain .eachIcon .slick-slide {height:auto;cursor:pointer}
.beGreenAgain .eachIcon .icoImg {position:relative;height:200px;
	animation:flying3 1.8s ease-in-out infinite;-moz-animation:flying3 1.8s ease-in-out infinite;-webkit-animation:flying3 1.8s ease-in-out infinite;
}
.beGreenAgain .eachIcon .icoImg > img {position:absolute;top:50%;left:0;right:0;margin:0 auto;-moz-transform:translate(0,-50%);-webkit-transform:translate(0,-50%);transform:translate(0,-50%);}

.beGreenAgain.type2 .eachIcon {position:relative}
.beGreenAgain.type2 .eachIcon .name {position:absolute;top:0;left:0;right:0;margin:0 auto;font-size:20px;}
.beGreenAgain.type2 .eachIcon .icoImg {margin-top:60px;}

.totalCountWrap {display:inline-block;margin:85px auto 0;}
.totalCountWrap .tit {font-size:26px;font-weight:bold;color:#222;}
.totalCountWrap .tit > span {display:block;margin-top:5px;font-weight:normal;font-size:18px;color:#666;}
.totalCountWrap .totalCount {display:inline-block;margin-top:40px;font-size:0;}
.totalCountWrap .totalCount:after {content:'Trees';display:inline-block;margin-left:5px;font-size:22px;font-weight:bold;color:#222;vertical-align:bottom;}
#gfcWrap.id .totalCountWrap .totalCount:after {content:'Pohon';}
#gfcWrap.vn .totalCountWrap .totalCount:after {content:'Cây';}
#gfcWrap.th .totalCountWrap .totalCount:after {content:'ต้นไม้';}
#gfcWrap.tw .totalCountWrap .totalCount:after {content:'顆';}
#gfcWrap.jp .totalCountWrap .totalCount:after {content:'本';}
#gfcWrap.hk .totalCountWrap .totalCount:after {content:'棵';}
.totalCountWrap .totalCount .inBox {display:inline-block;position:relative;background:url('images/countWrap.png') no-repeat 0 0 / 100% 100%;}
.totalCountWrap .totalCount ul {}
.totalCountWrap .totalCount ul li {display:inline-block;width:86px;margin:5px 0 10px;}
.totalCountWrap .totalCount ul li .num {display:inline-block;overflow:hidden;width:35px;height:115px;margin:0 auto;font-size:0px;vertical-align:top;
	background-image:url('images/num.png');background-repeat:repeat-y;background-position:center 0;
} 
.totalCountWrap .totalCount ul li:nth-child(1) .num {transition:all 1s ease-in-out;}
.totalCountWrap .totalCount ul li:nth-child(2) .num {transition:all 2s ease-in-out;}
.totalCountWrap .totalCount ul li:nth-child(3) .num {transition:all 2.5s ease-in-out;}
.totalCountWrap .totalCount ul li:nth-child(4) .num {transition:all 3s ease-in-out;}
.totalCountWrap .totalCount ul li:nth-child(5) .num {transition:all 3.5s ease-in-out;}
.totalCountWrap .totalCount ul li:nth-child(6) .num {transition:all 3.7s ease-in-out;}
.totalCountWrap .totalCount.animated ul li:nth-child(1) .num {background-position:center -1246px;}
/* .totalCountWrap .totalCount.animated ul li:nth-child(2) .num {background-position:center -1366px;}
.totalCountWrap .totalCount.animated ul li:nth-child(3) .num {background-position:center -1605px;}
.totalCountWrap .totalCount.animated ul li:nth-child(4) .num {background-position:center -1966px;} */
.totalCountWrap .totalCount.animated ul li:nth-child(2) .num {background-position:center -1486px} /*나무수정ver2*/
.totalCountWrap .totalCount.animated ul li:nth-child(3) .num {background-position:center -2086px}
.totalCountWrap .totalCount.animated ul li:nth-child(4) .num {background-position:center -1486px}

.totalCountWrap .totalCount.animated ul li:nth-child(5) .num {background-position:center -2326px;}
.totalCountWrap .totalCount.animated ul li:nth-child(6) .num {background-position:center -2326px;}

/* 210520 */
.totalCountWrap .totalCount.animated ul li:nth-child(2) .num{background-position:center -2206px}
.totalCountWrap .totalCount.animated ul li:nth-child(3) .num{background-position:center -1606px}
.totalCountWrap .totalCount.animated ul li:nth-child(4) .num{background-position:center -2326px}
.totalCountWrap .totalCount.animated ul li:nth-child(5) .num{background-position:center -1485px}
.totalCountWrap .totalCount.animated ul li:nth-child(6) .num{background-position:center -1844px}

.vn .totalCountWrap .totalCount.animated ul li:nth-child(1) .num {background-position:center -1246px;}
.vn .totalCountWrap .totalCount.animated ul li:nth-child(2) .num {background-position:center -1606px}
.vn .totalCountWrap .totalCount.animated ul li:nth-child(3) .num {background-position:center -1486px}
.vn .totalCountWrap .totalCount.animated ul li:nth-child(4) .num {background-position:center -1486px}
.vn .totalCountWrap .totalCount.animated ul li:nth-child(5) .num {background-position:center -1486px;}
.vn .totalCountWrap .totalCount.animated ul li:nth-child(6) .num {background-position:center -1966px;}

.totalCountWrap .nation_count {max-width:530px;margin-top:45px;}
.totalCountWrap .nation_count li {width:50%;text-align:left;}
.totalCountWrap .nation_count li:nth-child(2n) {float:right;}
.totalCountWrap .nation_count li:nth-child(2n-1) {float:left;}
@media screen and (max-width:768px) {
	#section02 {padding:8% 0}
	#section02 .subTit {padding:0;}

	.beGreenAgain {padding:30px 0 0 0;margin-top:30px;}
	.beGreenAgain .name {font-size:16px;}
	.beGreenAgain .vs {margin:0 50px;font-size:30px;}
	.beGreenAgain .mainEarth {width:185px;margin-right:10px;}
	.beGreenAgain .eachIcon {width:120px;}
	
	.beGreenAgain.type2 .eachIcon {padding-bottom:30px;}
	.beGreenAgain.type2 .eachIcon .name {font-size:16px;}
	.beGreenAgain.type2 .eachIcon .icoImg {margin-top:50px;}

	.totalCountWrap {margin-top:7%;}
	.totalCountWrap .tit {font-size:18px;}
	.totalCountWrap .tit > span {font-size:14px;}
	.totalCountWrap .nation_count li {width:48%;}
}
@media screen and (max-width:640px) {
	.beGreenAgain .vs {display:block;margin:30px 0 40px;}
	.beGreenAgain .mainEarth {display:block;margin:0 auto;width:150px;}
	.beGreenAgain .mainEarth .name {margin-bottom:15px;}
	.beGreenAgain .eachIcon {display:block;margin:0 auto;}

	.beGreenAgain.type2 {padding-bottom:0;}

	.totalCountWrap .totalCount {display:block;}
	.totalCountWrap .totalCount .inBox {display:block;}
	.totalCountWrap .totalCount:after {display:block;margin:5px 0 0 0;font-size:18px;}
	.totalCountWrap .totalCount ul li {width:16%;}	
	.totalCountWrap .totalCount ul li .num {height:70px;background-size:20px auto}
	.totalCountWrap .totalCount.animated ul li:nth-child(1) .num {background-position:center -1439px;}
	.totalCountWrap .totalCount.animated ul li:nth-child(2) .num {background-position: center -1581px;}
	.totalCountWrap .totalCount.animated ul li:nth-child(3) .num {background-position: center -1934px;}
	.totalCountWrap .totalCount.animated ul li:nth-child(4) .num {background-position: center -1581px;}
	.totalCountWrap .totalCount.animated ul li:nth-child(5) .num {background-position:center -2075px;}
	.totalCountWrap .totalCount.animated ul li:nth-child(6) .num {background-position:center -2075px;}

	.vn .totalCountWrap .totalCount.animated ul li:nth-child(1) .num {background-position:center -1439px;}
	.vn .totalCountWrap .totalCount.animated ul li:nth-child(2) .num {background-position: center -1652px;}
	.vn .totalCountWrap .totalCount.animated ul li:nth-child(3) .num {background-position: center -1581px;}
	.vn .totalCountWrap .totalCount.animated ul li:nth-child(4) .num {background-position: center -1581px;}
	.vn .totalCountWrap .totalCount.animated ul li:nth-child(5) .num {background-position:center -1581px;}
	.vn .totalCountWrap .totalCount.animated ul li:nth-child(6) .num {background-position:center -1862px;}

	.totalCountWrap .nation_count {margin-top:30px;}
}
@media screen and (max-width:480px) {
	.totalCountWrap .nation_count li {display:block;float:none !important;width:auto;margin-top:10px;padding:0 15%;text-align:center;}
}


/**
	section03
**/
.leafBg {}
.leafBg.obj {
	-webkit-transform:translate(0, 0);
	-moz-transform:translate(0, 0);
	-ms-transform:translate(0, 0);
	-o-transform:translate(0, 0);
	transform:translate(0, 0);
}
.leafBg .deco {position:absolute;background-size:cover;}
.leafBg .deco1_L {top:800px;left:-10px;width:65px;height:152px;background:url('images/sec03_bg_leaf_left00.png') no-repeat;
	animation: leafL03 3s infinite ease-in-out;-moz-animation: leafL03 3s infinite ease-in-out;-webkit-animation: leafL03 3s infinite ease-in-out;transform-origin: left top;
}
.leafBg .deco2_L {top:450px;left:0;width:126px;height:252px;background:url('images/sec03_bg_leaf_left01.png') no-repeat;}
.leafBg .deco3_L {top:60px;left:0;width:164px;height:388px;background:url('images/sec03_bg_leaf_left02.png') no-repeat;
	animation: leafL02 3.2s infinite ease-in-out;-moz-animation: leafL02 3.2s infinite ease-in-out;-webkit-animation: leafL02 3.2s infinite ease-in-out;transform-origin: left top;
}
.leafBg .deco4_L {top:0;left:-10px;width:312px;height:240px;background:url('images/sec03_bg_leaf_left03.png') no-repeat;
	animation: leafL03 4s infinite ease-in-out;-moz-animation: leafL03 4s infinite ease-in-out;-webkit-animation: leafL03 4s infinite ease-in-out;transform-origin: left top;
}
.leafBg .deco5_L {top:0;left:140px;width:316px;height:213px;background:url('images/sec03_bg_leaf_left04.png') no-repeat;}
.leafBg .deco6_L {top:-10px;left:425px;width:239px;height:171px;background:url('images/sec03_bg_leaf_left05.png') no-repeat;
	animation: leafR01 4.5s infinite ease-in-out;-moz-animation: leafR01 4.5s infinite ease-in-out;-webkit-animation: leafR01 4.5s infinite ease-in-out; transform-origin: left top;
}
.leafBg .deco1_R {top:0;right:320px;width:248px;height:162px;background:url('images/sec03_bg_leaf_right00.png') no-repeat;
	animation: leafR01 4s infinite ease-in-out;-moz-animation: leafR01 4s infinite ease-in-out;-webkit-animation: leafR01 4s infinite ease-in-out; transform-origin: right top;
}
.leafBg .deco2_R {top:0;right:75px;width:272px;height:248px;background:url('images/sec03_bg_leaf_right01.png') no-repeat;}
.leafBg .deco3_R {top:0;right:0;width:227px;height:320px;background:url('images/sec03_bg_leaf_right02.png') no-repeat;
	animation: leafR02 4.7s infinite ease-in-out;-moz-animation: leafR02 4.7s infinite ease-in-out;-webkit-animation: leafR02 4.7s infinite ease-in-out;transform-origin: right top;
}
.leafBg .deco4_R {top:0;right:0;width:89px;height:394px;background:url('images/sec03_bg_leaf_right03.png') no-repeat;}
.leafBg .deco5_R {top:443px;right:0;width:117px;height:206px;background:url('images/sec03_bg_leaf_right04.png') no-repeat;
	animation: leafR03 3.8s infinite ease-in-out;-moz-animation: leafR03 3.8s infinite ease-in-out;-webkit-animation: leafR03 3.8s infinite ease-in-out;transform-origin: right top;
}
.leafBg .deco6_R {top:860px;right:-5px;width:83px;height:162px;background:url('images/sec03_bg_leaf_right05.png') no-repeat;
	animation: leafR01 4s infinite ease-in-out;-moz-animation: leafR01 4s infinite ease-in-out;-webkit-animation: leafR01 4s infinite ease-in-out;transform-origin: right top;
}
@-moz-keyframes leafL01 {
	0% {transform: rotate(0deg);}
	50% {transform: rotate(2deg) scaleX(.96);}
	100% {transform: rotate(0deg);}
}
@-webkit-keyframes leafL01 {
	0% {transform: rotate(0deg);}
	50% {transform: rotate(2deg) scaleX(.96);}
	100% {transform: rotate(0deg);}
}
@keyframes leafL01 {
	0% {transform: rotate(0deg);}
	50% {transform: rotate(2deg) scaleX(.96);}
	100% {transform: rotate(0deg);}
}

@-moz-keyframes leafL02 {
	0% {transform: rotate(0deg);}
	50% {transform: rotate(3deg) scaleY(1);}
	100% {transform: rotate(0deg);}
}
@-webkit-keyframes leafL02 {
	0% {transform: rotate(0deg);}
	50% {transform: rotate(3deg) scaleY(1);}
	100% {transform: rotate(0deg);}
}
@keyframes leafL02 {
	0% {transform: rotate(0deg);}
	50% {transform: rotate(3deg) scaleY(1);}
	100% {transform: rotate(0deg);}
}

@-moz-keyframes leafL03 {
	0% {transform: rotate(0deg);}
	40% {transform: rotate(-2.5deg) scaleY(.96);}
	100% {transform: rotate(0deg);}
}
@-webkit-keyframes leafL03 {
	0% {transform: rotate(0deg);}
	40% {transform: rotate(-2.5deg) scaleY(.96);}
	100% {transform: rotate(0deg);}
}
@keyframes leafL03 {
	0% {transform: rotate(0deg);}
	40% {transform: rotate(-2.5deg) scaleY(.96);}
	100% {transform: rotate(0deg);}
}

@-moz-keyframes leafR01 {
	0% {transform: rotate(0deg);}
	50% {transform: rotate(3deg) scaleY(.98);}
	100% {transform: rotate(0deg);}
}
@-webkit-keyframes leafR01 {
	0% {transform: rotate(0deg);}
	50% {transform: rotate(3deg) scaleY(.98);}
	100% {transform: rotate(0deg);}
}
@keyframes leafR01 {
	0% {transform: rotate(0deg);}
	50% {transform: rotate(3deg) scaleY(.98);}
	100% {transform: rotate(0deg);}
}

@-moz-keyframes leafR02 {
	0% {transform: rotate(0deg);}
	40% {transform: rotate(2.5deg) scaleX(1);}
	100% {transform: rotate(0deg);}
}
@-webkit-keyframes leafR02 {
	0% {transform: rotate(0deg);}
	40% {transform: rotate(2.5deg) scaleX(1);}
	100% {transform: rotate(0deg);}
}
@keyframes leafR02 {
	0% {transform: rotate(0deg);}
	40% {transform: rotate(2.5deg) scaleX(1);}
	100% {transform: rotate(0deg);}
}

@-moz-keyframes leafR03 {
	0% {transform: rotate(0deg);}
	30% {transform: rotate(-4deg) scaleX(1);}
	100% {transform: rotate(0deg);}
}
@-webkit-keyframes leafR03 {
	0% {transform: rotate(0deg);}
	30% {transform: rotate(-4deg) scaleX(1);}
	100% {transform: rotate(0deg);}
}
@keyframes leafR03 {
	0% {transform: rotate(0deg);}
	30% {transform: rotate(-4deg) scaleX(1);}
	100% {transform: rotate(0deg);}
}
@media screen and (max-width:1024px) {
	.leafBg .deco1_L {top:76vw;left:-2vw;width:4vw;height:13vw;background-size:100% 100%;} 
	.leafBg .deco2_L {top:43vw;left:-2vw;width:10vw;height:23vw;background-size:100% 100%;}
	.leafBg .deco3_L {top:3vw;left:-2vw;width:14vw;height:36vw;background-size:100% 100%;}
	.leafBg .deco4_L {top:-2vw;left:-2vw;width:29vw;height:22vw;background-size:100% 100%;}
	.leafBg .deco5_L {top:-2vw;left:14vw;width:29vw;height:19vw;background-size:100% 100%;}
	.leafBg .deco6_L {top:-3vw;left:33vw;width:20vw;height:15vw;background-size:100% 100%;}
	.leafBg .deco1_R {top:-2vw;right:23vw;width:22vw;height:14vw;background-size:100% 100%;}
	.leafBg .deco2_R {top:-2vw;right:6vw;width:25vw;height:21vw;background-size:100% 100%;}
	.leafBg .deco3_R {top:-2vw;right:-2vw;width:20vw;height:30vw;background-size:100% 100%;}
	.leafBg .deco4_R {top:-2vw;right:0;width:6vw;height:37vw;background-size:100% 100%;}
	.leafBg .deco5_R {top:43vw;right:-2vw;width:9vw;height:17vw;background-size:100% 100%;}
	.leafBg .deco6_R {top:83vw;right:-2vw;width:6vw;height:14vw;background-size:100% 100%;}
}
@media screen and (max-width:768px) {
	.leafBg .deco1_L {display:none} 
	.leafBg .deco2_L {display:none}
	.leafBg .deco3_L {top:3vw;left:-7vw;}
	.leafBg .deco4_L {z-index:99;top:-3vw;left:-17vw}
	.leafBg .deco5_L {top:-11vw;left:-14vw;}
	.leafBg .deco6_L {top:-9vw;left:11vw;}
	.leafBg .deco1_R {top:-8vw;right:15vw;width:20vw;height:14vw}
	.leafBg .deco2_R {top:-16vw;right:-14vw;width:31vw;height:25vw;}
	.leafBg .deco3_R {top:-13vw;right:-11vw;}
	.leafBg .deco4_R {top:13vw;right:0;width:4vw;height:23vw;}
	.leafBg .deco5_R {display:none}
	.leafBg .deco6_R {display:none}
}

#section03 {overflow:hidden;position:relative;padding-bottom:110px;}
#section03 .subTit {padding-top:110px;margin:0 5%;}
#section03 .inner > .subTit {margin:0;}
#section03 .subTit .txt.mgt strong.fc_green {display:block;}
 
.phoneTree {display:inline-block;position:relative;margin-top:60px;}
.phoneTree .deco {position:absolute;}
.phoneTree .deco.leaf1_L {left:119px;top:18px;animation:2.2s flyingLeft linear infinite;-moz-animation:2.2s flyingLeft linear infinite;-webkit-animation:2.2s flyingLeft linear infinite;}
.phoneTree .deco.leaf2_L {left:80px;top:45px;animation:2.4s flyingLeft linear infinite;-moz-animation:2.4s flyingLeft linear infinite;-webkit-animation:2.4s flyingLeft linear infinite;}
.phoneTree .deco.leaf3_L {left:130px;top:67px;animation:2.6s flyingLeft linear infinite;-moz-animation:2.6s flyingLeft linear infinite;-webkit-animation:2.6s flyingLeft linear infinite;}
.phoneTree .deco.leaf1_R {right:119px;top:18px;animation:2.2s flyingRight linear infinite;-moz-animation:2.2s flyingRight linear infinite;-webkit-animation:2.2s flyingRight linear infinite;}
.phoneTree .deco.leaf2_R {right:80px;top:45px;animation:2.4s flyingRight linear infinite;-moz-animation:2.4s flyingRight linear infinite;-webkit-animation:2.4s flyingRight linear infinite;}
.phoneTree .deco.leaf3_R {right:130px;top:67px;animation:2.6s flyingRight linear infinite;-moz-animation:2.6s flyingRight linear infinite;-webkit-animation:2.6s flyingRight linear infinite;}
@-moz-keyframes flyingLeft {
	0%{transform:translate(0,0)}
	50% {transform:translate(-5px,0) rotate(-5deg);}
	100%{transform:translate(0,0)}
}
@-webkit-keyframes flyingLeft {
	0%{transform:translate(0,0)}
	50% {transform:translate(-5px,0) rotate(-5deg);}
	100%{transform:translate(0,0)}
}
@keyframes flyingLeft {
	0%{transform:translate(0,0)}
	50% {transform:translate(-5px,0) rotate(-5deg);}
	100%{transform:translate(0,0)}
}

@-moz-keyframes flyingRight {
	0%{transform:translate(0,0)}
	50% {transform:translate(5px,0) rotate(5deg);}
	100%{transform:translate(0,0)}
}
@-webkit-keyframes flyingRight {
	0%{transform:translate(0,0)}
	50% {transform:translate(5px,0) rotate(5deg);}
	100%{transform:translate(0,0)}
}
@keyframes flyingRight {
	0%{transform:translate(0,0)}
	50% {transform:translate(5px,0) rotate(5deg);}
	100%{transform:translate(0,0)}
}

.commentWrap {margin:40px auto 0;}
.commentWrap .cmt_inBox {position:relative;}
.commentWrap .cmt_cover {visibility:visible;position:absolute;top:0;left:0;width:100%;height:100%;cursor:pointer;z-index:999;opacity:1;filter:alpha(opacity=100);
	-webkit-transition:visibility .2s, opacity .2s linear;-moz-transition:visibility .2s, opacity .2s linear;transition:visibility .2s, opacity .2s linear;
}
.commentWrap .cmt_cover.open {visibility:hidden;opacity:0;filter:alpha(opacity=0);}
.commentWrap .cmt_cover .cmt_cover_mask {position:absolute;top:0;left:0;width:100%;height:100%;z-index:99;margin:0 auto;opacity:0;filter:alpha(opacity=0);background-color:red;}
.commentWrap .cmt_cover .cmt_bottom {border-radius:10px;background-color:#fff;}

.commentWrap .cmt_top {overflow:hidden;position:relative;padding:25px 0;color:#fff;background-color:#00615b;}
.commentWrap .cmt_top:before {content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:url('images/cmt_top_deco1.gif') no-repeat left top;}
.commentWrap .cmt_top:after {content:'';position:absolute;top:0;right:0;width:100%;height:100%;background:url('images/cmt_top_deco2.gif') no-repeat right bottom}
.commentWrap .cmt_top span {position:relative;z-index:99;}
.commentWrap .cmt_con {padding:30px 0 10px;text-align:left;background-color:#f5f5f5;}
.commentWrap .comment_inner {position:relative;border:2px solid #00615a;font-size:18px;line-height:26px;}
.commentWrap .commentList {overflow-y:scroll;height:450px;padding:0 30px;}
.commentWrap .commentList .cmt_scroll {display:table;width:100%;height:100%;}
.commentWrap .commentList ul {display:table-cell;vertical-align:bottom;}
.commentWrap .commentList ul li {padding-top:24px;word-break:break-all;color:#666}
.commentWrap .commentList ul li:first-child {padding:0;}
.commentWrap .commentList ul li .ico {display:inline-block;width:40px;height:45px;margin-right:15px;background:url('images/chat_ico.png') no-repeat 0 0 / cover;vertical-align:top;}
.commentWrap .commentList ul li p {display:inline-block;width: calc( 100% - 60px );margin-top:8px;vertical-align:top;}
.commentWrap .commentList ul li .userName {display:inline-block;font-weight:bold;color:#222;vertical-align:middle;}
.commentWrap .commentList ul li .cmt {line-height:1.6;padding-left:20px;vertical-align:middle;word-break:break-all;}
.commentWrap .commentList ul li.last {animation:pinkStar 2s ease infinite;-moz-animation:pinkStar 2s ease infinite;-webkit-animation:pinkStar 2s ease infinite;}

.commentWrap .cmt_con .utilBox {margin:25px 10px 0 20px;font-size:16px;color:#222;font-weight:bold;}
.commentWrap .cmt_con .utilBox:after {content:'';display:block;clear:both;}
.commentWrap .cmt_bottom {padding:0 10px;text-align:left;}
.commentWrap .cmt_bottom textarea {display:inline-block;overflow:auto;width:85%;height:37px;font-size:18px;padding:23px 10px 10px;border:none;resize:none;vertical-align:middle;box-sizing:inherit;}
.commentWrap .cmt_bottom textarea::-webkit-input-placeholder { /* Edge */color:#c9c9c9;}
.commentWrap .cmt_bottom textarea:-ms-input-placeholder { /* Internet Explorer 10-11 */color:#c9c9c9;}
.commentWrap .cmt_bottom textarea::placeholder {color:#c9c9c9;}
.commentWrap .cmt_bottom textarea:focus {outline:none !important;}
.commentWrap .cmt_bottom input::-webkit-input-placeholder { /* Edge */color:#c9c9c9;}
.commentWrap .cmt_bottom input:-ms-input-placeholder { /* Internet Explorer 10-11 */color:#c9c9c9;}
.commentWrap .cmt_bottom input::placeholder {color:#c9c9c9;}
.commentWrap .cmt_bottom input:focus {outline:none !important;}
.commentWrap .cmt_bottom input::-ms-clear {display:none;}
.commentWrap .cmt_bottom .sendBtn {display:inline-block;width:11%;vertical-align:middle;background-color:#38af95;}
.commentWrap .cmt_bottom .sendBtn a {display:block;height:50px;line-height:50px;font-weight:bold;color:#fff;text-align:center;}
.commentWrap .ft_txt {margin-top:15px;font-size:15px;color:#666;}
.commentWrap .gfcBtn {margin-top:55px;}

#gfcWrap.ph .commentWrap .comment_inner {background-color:#f5f5f5}
#gfcWrap.ph .commentWrap .cmt_bottom {position:relative;padding-bottom:10px;background-color:#f5f5f5}
#gfcWrap.ph .commentWrap .cmt_bottom:after {content:'';display:block;clear:both;}
#gfcWrap.ph .commentWrap .cmt_bottom textarea {float:left;width: calc( 63% - 10px );margin-left:10px;height:28px;max-height:28px;font-size:18px;padding:17px 20px 10px 10px;vertical-align:top;}
#gfcWrap.ph .commentWrap .cmt_bottom input {float:left;overflow:auto;width:21%;height:55px;line-height:55px;font-weight:normal;font-size:18px;padding:0 10px;border:none;resize:none;vertical-align:top;box-sizing:inherit;}
#gfcWrap.ph .commentWrap .cmt_bottom .sendBtn {position:absolute;bottom:10px;right:10px;}
#gfcWrap.ph .commentWrap .cmt_bottom .sendBtn a {height:55px;line-height:55px;}

.griptokWrap {position:relative;padding:65px 0;margin-top:60px;border:2px solid #f1f2eb;}
#section03 .griptokWrap .subTit {padding-top:0;}
#section03 .griptokWrap .subTit .txt.mgt strong.fc_green {display:inline;}
.griptokWrap .inBox {display:inline-block;margin-top:80px;}
.griptokWrap .evtEndWrap {position:relative;}
.griptokWrap .gt_list {margin:45px 0 75px;padding-top:45px;background:url('images/bd_dashed_ccc.gif') repeat-x 0 0;}
.griptokWrap .gt_list li {display:inline-block;padding:0 7px;vertical-align:top;}
.griptokWrap .gt_list li img {width:145px;}
.griptokWrap .gt_list li p {margin-top:15px;font-size:16px;font-weight:bold;color:#666;}
.griptokWrap .gt_info {border-top:1px solid #ccc;border-bottom:1px solid #ccc;background-color:#fbfefd}
.griptokWrap .gt_info dl {display:inline-block;padding:35px 15px;text-align:left;font-size:18px;font-weight:bold;color:#222;}
.griptokWrap .gt_info dl dt {display:inline-block;margin-top:7px;}
.griptokWrap .gt_info dl dt:first-child {margin:0;}
.griptokWrap .gt_info dl dd {display:inline-block;margin-top:7px;}
.griptokWrap .gt_info dl dt:first-child + dd {margin:0;}
.griptokWrap .eventEnd {position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(255,255,255,0.9);}
.griptokWrap .eventEnd span {position:absolute;top:50%;left:0;width:100%;-moz-transform:translate(0,-50%);-webkit-transform:translate(0,-50%);transform:translate(0,-50%);color:#666;font-size:22px;line-height:1.4;font-weight:bold;}

#gfcWrap.ph .griptokWrap {padding-bottom:75px;}
#gfcWrap.ph .griptokWrap .inBox {display:block;}
#gfcWrap.ph .griptokWrap .gt_list {max-width:680px;margin:45px auto 75px;}
#gfcWrap.ph .griptokWrap .gt_info {max-width:680px;margin:0 auto;}
#gfcWrap.ph .griptokWrap .gt_info dl {padding:40px 15px;}
#gfcWrap.ph .griptokWrap .gt_info dl dd.vMiddle {line-height:26px;vertical-align:top;}
.griptokWrap .gt_step {padding:80px 0 55px;border-top:2px solid #f1f2eb;}
.griptokWrap .gt_step .tit {margin-bottom:50px;font-size:26px;color:#222;font-weight:bold;}
.griptokWrap .gt_step ul li {display:inline-block;position:relative;padding-left:58px;vertical-align:top;font-size:18px;line-height:26px;}
.griptokWrap .gt_step ul li:after {content:'';position:absolute;top:85px;left:0;width:13px;height:24px;margin-left:26px;background:url('images/gt_step_arrow.png') no-repeat 0 0 / cover;}
.griptokWrap .gt_step ul li:first-child {padding-left:0;}
.griptokWrap .gt_step ul li:first-child:after {display:none}
.griptokWrap .gt_step ul li .pdt_img {position:relative;width:190px;height:190px;margin:0 auto 22px;background-color:#fafafa;border-radius:100%;}
.griptokWrap .gt_step ul li .pdt_img img {position:absolute;top:50%;left:0;right:0;margin:0 auto;-moz-transform:translate(0,-50%);-webkit-transform:translate(0,-50%);transform:translate(0,-50%);}
.griptokWrap .gt_step ul li .name {font-weight:bold;letter-spacing:4px;color:#00615b;}
.griptokWrap .gt_step ul li .txt {margin-top:7px;color:#666;}

.noticeBox {margin-top:30px;padding-left:20px;text-align:left;font-size:16px;color:#666;}
.noticeBox .tit {padding-left:22px;background-image:url('images/notice_ico.png');background-repeat:no-repeat;background-position:left 2px;color:#333;}
.noticeBox ul {margin-top:10px;}
.noticeBox ul li {padding-left:10px;line-height:24px;background-image:url('images/noticeList_dot.gif');background-repeat:no-repeat;background-position:0 11px;}
.noticeBox ul li > strong {color:#444}
.noticeBox ul li > .underline a {display:inline-block;border-bottom:1px solid #999;/* text-decoration:underline; */color:#666;}

@media screen and (max-width:1024px) {
	.cmt_cover_list ul li br {display:none;}

	#gfcWrap.ph .commentWrap .cmt_bottom textarea,
	#gfcWrap.ph .commentWrap .cmt_bottom input {font-size:14px;}
}
@media screen and (max-width:768px) {
	#section03 {padding-bottom:10%;}
	#section03 .subTit {padding:15% 0 0 0;}
	#section03 .subTit .txt.mgt strong.fc_green {margin-bottom:10px;}
	#section03 .griptokWrap .subTit {margin:0;}
	#section03 .griptokWrap .subTit .txt.mgt strong.fc_green {margin:0;}

	.phoneTree {margin-top:8%;}
	.phoneTree .image img {width:100%;}
	.phoneTree .deco.leaf1_L {left:30%;width:19px;}
	.phoneTree .deco.leaf2_L {left:20%;width:25px;}
	.phoneTree .deco.leaf3_L {left:30%;width:19px;}
	.phoneTree .deco.leaf1_R {right:30%;width:19px;}
	.phoneTree .deco.leaf2_R {right:20%;width:25px;}
	.phoneTree .deco.leaf3_R {right:30%;width:19px;}
	
	.commentWrap {margin-top:6%;}
	.commentWrap .comment_inner {font-size:14px;line-height:1.2}
	.commentWrap .cmt_top {padding:15px 10px;}
	.commentWrap .cmt_top:after,
	.commentWrap .cmt_top:before {display:none}
	.commentWrap .commentList {height:380px;padding:0 15px}
	.commentWrap .commentList ul li {padding-top:10px;}
	.commentWrap .commentList ul li .ico {width:25px;height:25px;margin:7px 10px 0 0 }
	.commentWrap .commentList ul li p {width: calc( 100% - 40px );}
	.commentWrap .commentList ul li .cmt {padding-left:10px;}
	.commentWrap .cmt_con .utilBox {font-size:14px;}
	.commentWrap .cmt_con .utilBox .error {width:65%}
	.commentWrap .cmt_bottom textarea {width:70%;padding:20px 10px 20px;font-size:14px;}
	.commentWrap .cmt_bottom .sendBtn {width:20%;}
	.commentWrap .gfcBtn {margin-top:25px;}
	.commentWrap .ft_txt {font-size:13px;}
	
	#gfcWrap.ph .commentWrap .cmt_bottom input {float:none;width:150px;height:40px;line-height:40px;}
	#gfcWrap.ph .commentWrap .cmt_bottom textarea {float:none;width: calc( 82% - 20px );height:35px;min-height:35px;padding:10px 20px 10px 10px;margin:5px 0 0 0}

	.griptokWrap {padding:7% 5% !important;margin-top:9%;}
	.griptokWrap .gt_main img {width:100%;}
	.griptokWrap .inBox {margin-top:40px;}
	.griptokWrap .gt_list {padding-top:20px;margin:20px 0;}
	.griptokWrap .gt_list li {width:40%;padding:0 2%;margin:5% 2%;}
	.griptokWrap .gt_list li p {margin-top:7px;font-size:13px;}
	.griptokWrap .gt_info dl {padding:15px;font-size:14px;text-align:center;}
	.griptokWrap .eventEnd span {font-size:16px;}
	
	#gfcWrap.ph .griptokWrap .gt_info dl {text-align:left;}
	.griptokWrap .gt_step {padding:40px 0 0 0;}
	.griptokWrap .gt_step .tit {margin-bottom:0;font-size:20px;}
	.griptokWrap .gt_step ul {display:inline-block;}
	.griptokWrap .gt_step ul li {display:block;padding:25px 0;font-size:15px;line-height:1.4;}
	.griptokWrap .gt_step ul li:after {top:-10px;left:0;right:0;width:9px;height:18px;margin:0 auto;transform:rotate(90deg);}
	.griptokWrap .gt_step ul li .pdt_img {width:130px;height:130px;margin:0 auto 15px;}
	.griptokWrap .gt_step ul li:nth-child(1) .pdt_img img {width:40px;}
	.griptokWrap .gt_step ul li:nth-child(2) .pdt_img img {width:28px;}
	.griptokWrap .gt_step ul li:nth-child(3) .pdt_img img {width:43px;}
	#gfcWrap.ph .griptokWrap .gt_info dl {padding:25px 15px;}
	#gfcWrap.ph .griptokWrap .gt_info dl dd.vMiddle {line-height:1.4;}
	#gfcWrap.ph .griptokWrap .gt_list {margin:20px auto 20px;}
	
	.noticeBox {margin-top:20px;padding:0 10px;font-size:14px;}
	.noticeBox .tit {background-position:left 0;}
	.noticeBox ul {margin-top:5px;}
	.noticeBox ul li {line-height:1.5;background-position:0 9px;}
	.noticeBox ul li > .underline a {border:0;text-decoration:underline;}
}
@media screen and (max-width:480px) {
	.commentWrap .comment_inner {font-size:13px;}
	.commentWrap .cmt_top br {display:none;}
	#gfcWrap.sg .commentWrap .cmt_top br,
	#gfcWrap.ph .commentWrap .cmt_top br {display:block;}
	.commentWrap .cmt_con {padding:10px 0;}
	.commentWrap .cmt_con .utilBox {margin-top:15px;}
	.commentWrap .commentList ul li {padding-top:5px;}
	.commentWrap .commentList ul li .ico {width:20px;height:20px;margin:5px 7px 0 0 }

	.griptokWrap .gt_info dl br {display:none}
	.griptokWrap .gt_info dl dt {display:block;margin-top:15px;}
	.griptokWrap .gt_info dl dd {display:block;}
}


/**
	section04
**/
#section04 {padding-top:90px;background-color:#ecfbf6;}

.instaWrap {display:table;width:100%;padding:50px 0;margin-top:60px;background-color:#dff6ee}
.instaWrap .imgBox {display:table-cell;width:55%;vertical-align:middle;}
.instaWrap .txtBox {display:table-cell;width: calc( 45% - 45px );padding-right:45px;text-align:left;vertical-align:middle;}
.instaWrap .txtBox .txt {font-size:16px;line-height:24px;color:#666;}
.instaWrap .txtBox .con_top {padding-bottom:30px;margin-bottom:30px;border-bottom:1px dashed #b9ddd5;}
.instaWrap .txtBox .con_top dl {margin-bottom:12px;font-size:18px;line-height:22px;color:#222;font-weight:bold;}
.instaWrap .txtBox .con_top dl dt {margin-top:15px;color:#00615b;}
.instaWrap .txtBox .con_top dl dt:first-child {margin:0;}
.instaWrap .txtBox .con_bottom {}
.instaWrap .txtBox .con_bottom dl {margin-bottom:25px;font-weight:bold;}
.instaWrap .txtBox .con_bottom dl dt {font-size:26px;color:#222;}
.instaWrap .txtBox .con_bottom dl dd {margin-top:10px;font-size:20px;color:#00615b;}
.instaWrap .txtBox .con_bottom .txt {font-weight:bold;color:#444;}
.instaWrap .txtBox .con_bottom .btnWrap {margin-top:25px;}
#section04 .noticeBox ul li > strong {color:#666;}

.gfcBtn.clipboard_Btn {background-color:#034642}

.ft_banner {position:relative;padding:100px 0;/* margin-top:85px; */background-color:#007069}
.ft_banner .twinkle {position:absolute;top:0;left:0;right:0;margin:0 auto;width:100%;height:100%;background:url('images/sec04_twinkle.png') no-repeat center top;background-size:cover;
	animation:twinkle 2s ease-in-out infinite;-moz-animation:twinkle 2s ease-in-out infinite;-webkit-animation:twinkle 2s ease-in-out infinite;
}
.ft_banner .txtBox {display:inline-block;position:relative;font-weight:bold;color:#fff;}
.ft_banner .txtBox:before {content:'';position:absolute;top:50%;left:-70px;width:30px;height:27px;margin-top:-10px;background:url('images/sec04_ft_banner_heart.png') no-repeat 0 0 / cover;
	animation:heartFlying 1.8s ease-in-out infinite;-moz-animation:heartFlying 1.8s ease-in-out infinite;-webkit-animation:heartFlying 1.8s ease-in-out infinite;
}
.ft_banner .txtBox:after {content:'';position:absolute;top:50%;right:-70px;width:30px;height:27px;margin-top:-10px;background:url('images/sec04_ft_banner_heart.png') no-repeat 0 0 / cover;
	animation:heartFlying 1.8s ease-in-out infinite;-moz-animation:heartFlying 1.8s ease-in-out infinite;-webkit-animation:heartFlying 1.8s ease-in-out infinite;
}
.ft_banner .txtBox .tit {font-size:36px;}
.ft_banner .txtBox .txt {margin-top:18px;font-size:20px;}
@-moz-keyframes heartFlying {
	0% {transform:translate(0,0);}
	50% {transform:translate(0,-7px);}
	100% {transform:translate(0,0);}
}
@-webkit-keyframes heartFlying {
	0% {transform:translate(0,0);}
	50% {transform:translate(0,-7px);}
	100% {transform:translate(0,0);}
}
@keyframes heartFlying {
	0% {transform:translate(0,0);}
	50% {transform:translate(0,-7px);}
	100% {transform:translate(0,0);}
}
@media screen and (max-width:768px) {
	#section04 {padding-top:9%;}
	#section04 .subTit {padding:0 5%;}
	
	.instaWrap {display:block;width:auto;padding:7% 5%;margin-top:8%;}
	.instaWrap .imgBox {display:block;width:auto;}
	.instaWrap .txtBox {display:block;width:auto;padding:0;margin-top:6%;}
	.instaWrap .txtBox .con_top {padding:0 1% 5% 1%;margin-bottom:5%;}
	.instaWrap .txtBox .con_top dl {font-size:15px;line-height:1.5;}
	.instaWrap .txtBox .con_top dl dt {margin-top:10px;}
	.instaWrap .txtBox .txt {font-size:14px;line-height:1.4;}
	.instaWrap .txtBox .con_bottom dl dt {font-size:20px;}
	.instaWrap .txtBox .con_bottom dl dd {font-size:16px;}	

	.ft_banner {/* margin-top:40px; */padding:50px 0}
	.ft_banner .twinkle {background-size:100% auto;}	
	.ft_banner .txtBox:before {width:20px;height:18px;left:-50px}
	.ft_banner .txtBox:after {width:20px;height:18px;right:-50px;}
	.ft_banner .txtBox .tit {font-size:20px;}
	.ft_banner .txtBox .txt {margin-top:10px;font-size:16px;font-weight:normal;}
}

.ft_banner.al_center {margin-top:0;text-align:center;}


/**
	수령매장 히든페이지
**/
.box_white {background-color:#fff;box-shadow:0 5px 5px 0 rgba(0,0,0,0.06);}
#gfcWrap.redeemWrap {overflow:hidden;padding:100px 0 50px;background-color:#ecfbf6}
.griptokWrap_hd {}
.griptokWrap_hd .subTit {position:relative;z-index:11;}
.griptokWrap_hd .subTit .tit {font-size:56px;line-height:100%;font-weight:bold;color:#01544f}
.griptokWrap_hd .subTit .tit:before,
.griptokWrap_hd .subTit .tit:after {content:'';display:inline-block;width:28px;height:21px;margin:0 20px;background:url('images/sec03_phone_leaf2_R.png') no-repeat 0 0 / cover;}
.griptokWrap_hd .subTit .txt {margin-top:25px;font-size:24px;line-height:32px;}
.griptokWrap_hd .gt_main {margin-top:65px;}
.griptokWrap_hd .gt_list {margin:45px 0 25px;padding:35px 0;}
.griptokWrap_hd .gt_list li {display:inline-block;margin:0 13px;vertical-align:top;}
.griptokWrap_hd .gt_list li p {margin-top:15px;font-size:16px;font-weight:bold;color:#666;}
.griptokWrap_hd .gt_info  {padding:35px 0;}
.griptokWrap_hd .gt_info dl {display:inline-block;text-align:left;}
.griptokWrap_hd .gt_info dl dt {display:inline-block;width:190px;padding:5px 0;margin-top:10px;font-size:16px;color:#fff;font-weight:bold;text-align:center;background-color:#38af95;
	-webkit-border-radius:25px-moz-border-radius:25px;-ms-border-radius:25px;-o-border-radius:25px;border-radius:25px;
}
.griptokWrap_hd .gt_info dl dd {display:inline-block;margin-top:16px;padding-left:20px;font-size:18px;font-weight:bold;color:#222;vertical-align:top;}
.griptokWrap_hd .gt_info dl dd span {display:block;margin-top:5px;font-size:16px;color:#666;}
.redeemBtnWrap {margin:105px 0 45px;padding:100px 0;background-color:#fff;}
.redeemBtnWrap .txtBox {}
.redeemBtnWrap .txtBox:before {content:'';display:block;width:41px;height:36px;margin:0 auto 25px;background:url('images/redeem_ico.gif') no-repeat center top / cover;}
.redeemBtnWrap .txtBox .txt {font-size:20px;font-weight:bold;color:#222;}
.redeemBtnWrap .txtBox .txt_sub {margin-top:5px;font-size:18px;color:#666}
.redeemBtnWrap .gfcBtn {display:block;max-width:340px;margin:30px auto 0;}
.redeemBtnWrap .gfcBtn.finishBtn {max-width:580px;background-color:#999;}
@media screen and (max-width:768px) {
	#gfcWrap.redeemWrap {padding:15% 0 10%;}
	.griptokWrap_hd .subTit .tit {font-size:30px;}
	.griptokWrap_hd .subTit .tit:before, 
	.griptokWrap_hd .subTit .tit:after {width:20px;height:15px;margin:0 10px;}
	.griptokWrap_hd .subTit .txt {margin-top:15px;font-size:16px;line-height:1.4;}
	.griptokWrap_hd .gt_main {margin-top:7%;}
	.griptokWrap_hd .gt_list {margin:7% 0 5%;padding:2% 5% 5% 5%;}
	.griptokWrap_hd .gt_list li {width:43%;padding:0 1%;margin:5% 2%;}
	.griptokWrap_hd .gt_list li p {margin-top:7px;font-size:13px;}
	.griptokWrap_hd .gt_info {padding:5%;}
	.griptokWrap_hd .gt_info dl {text-align:center;}
	.griptokWrap_hd .gt_info dl br {display:none}
	.griptokWrap_hd .gt_info dl dt {display:block;width:auto;margin-top:15px;font-size:13px;}
	.griptokWrap_hd .gt_info dl dt:first-child {margin-top:0;}
	.griptokWrap_hd .gt_info dl dd {display:block;margin-top:7px;padding-left:0;font-size:15px;}
	.griptokWrap_hd .gt_info dl dd span {font-size:13px;}

	.redeemBtnWrap {margin:9% 0 7%;padding:8% 5%;}
	.redeemBtnWrap .txtBox {line-height:1.4;}
	.redeemBtnWrap .txtBox:before {width:29px;height:26px;margin-bottom:10px;}
	.redeemBtnWrap .txtBox .txt {font-size:16px;}
	.redeemBtnWrap .txtBox .txt_sub {font-size:14px;}
	.redeemBtnWrap .gfcBtn {margin-top:5%;}
}
@media screen and (max-width:480px) { 
	.griptokWrap_hd .subTit .tit {font-size:26px;}
	.griptokWrap_hd .subTit .txt br {display:none}
}

/* 셀피이벤트_당첨자 5/27~ */
#gfcWrap.au #section04 .event-before,
#section04 .event-after {padding-bottom:115px;}
#section04 .event-after .subTit .txt_tit {margin:14px 0 7px;font-size:22px;letter-spacing:0;}
#section04 .event-after .subTit .txt strong {color:#212121;}
#section04 .event-after .inner {max-width:870px;}
#section04 .event-after .dateBox {max-width:620px;margin:35px auto 0;padding:35px 0;border-top:1px solid #c4cac8;border-bottom:1px solid #c4cac8;font-size:18px;font-weight:bold;background-color:#f5fdfa;}
#section04 .event-after .dateBox dl dt {display:inline-block;color:#00615b}
#section04 .event-after .dateBox dl dd {display:inline-block;color:#222}
#section04 .event-after .winnerList {margin-top:45px;}
#section04 .event-after .winnerList li {display:inline-block;margin:15px 5px 0 5px;vertical-align:top;}
#section04 .event-after .winnerList.name {margin-top:25px;}
#section04 .event-after .winnerList.name li {margin-top:35px;}
#section04 .event-after .winnerList li > p {margin-top:17px;font-size:18px;color:#333;}

@media screen and (max-width:768px) {
	#gfcWrap.au #section04 .event-before,
	#section04 .event-after {padding-bottom:40px;}
	#section04 .event-after .subTit .txt_tit {margin:7px 0 4px;font-size:15px;}
	#section04 .event-after .dateBox {margin-top:4%;padding:3% 5%;font-size:14px;}
	#section04 .event-after .dateBox dt,
	#section04 .event-after .dateBox dd {display:block;}
	#section04 .event-after .dateBox dd {margin-top:6px;}
	#section04 .event-after .winnerList {margin-top:5%;}
	#section04 .event-after .winnerList li {margin:7px 3px 0 3px;}
	#section04 .event-after .winnerList.name {margin-top:3%;}	
	#section04 .event-after .winnerList.name li {margin-top:16px;}
	#section04 .event-after .winnerList li > p {margin-top:10px;font-size:14px;}
}
@media screen and (max-width:468px) {
	#section04 .event-after .winnerList li {width:47%;margin:4% 1% 0 1%;}
}


/**
	slide popup
**/
.slidePop.popUpArea .popUpContainer .popUpCont {max-width:520px;padding-bottom:30px;background-color:#fff;}
.slidePop.popUpArea .popUpContainer .pop_title {position:relative;padding:23px 0;border-bottom:1px solid #e5e5e5;text-align:center;}
.slidePop.popUpArea .popUpContainer .popUpCont .pop_close {top:25px}
.slidePop.popUpArea .popUpContainer .pop_img {overflow-y:scroll;}

#slidePop4.slidePop.popUpArea .popUpContainer .popUpCont {padding-bottom:15px;}

@media screen and (max-width:1400px) {
	.slidePop.popUpArea .popUpContainer .popUpCont {max-width:54vh;}
}
@media screen and (max-width:540px) { 
	.slidePop.popUpArea .popUpContainer .pop_title {padding:15px 0;}
	.slidePop.popUpArea .popUpContainer .pop_title > span {display:inline-block;width:115px;}
	.slidePop.popUpArea .popUpContainer .popUpCont {max-width:90%;}
	.slidePop.popUpArea .popUpContainer .popUpCont .pop_close {top:16px}
}

/**
	screenShop popup (PH)
**/
.popLeafBg_W {display:block;}
.popLeafBg_M {display:none;}

.popLeafBg {position:absolute;top:0;left:0;width:100%;}
#screenShot.popUpArea .popUpContainer .popUpCont {position:relative;max-width:640px;padding-top:110px;height:83vh;overflow-y:scroll;text-align:center;background-color:#ecfbf6}
#screenShot.popUpArea .popUpContainer .popUpCont .popClose {position:absolute;top:0;right:0;}
#screenShot.popUpArea .popUpContainer .popUpCont .titBox {color:#333;}
#screenShot.popUpArea .popUpContainer .popUpCont .titBox .tit {font-size:36px;font-weight:bold;}
#screenShot.popUpArea .popUpContainer .popUpCont .titBox .txt {margin-top:5px;font-size:24px;}
#screenShot.popUpArea .popUpContainer .popUpCont .txtBox {display:inline-block;margin:35px 0 55px;padding:25px 40px 25px 30px;border-top:1px solid #bdc9c5;border-bottom:1px solid #bdc9c5;background-color:#fff;}
#screenShot.popUpArea .popUpContainer .popUpCont .txtBox dl {display:inline-block;font-size:16px;line-height:24px;font-weight:bold;color:#222;text-align:left;}
#screenShot.popUpArea .popUpContainer .popUpCont .txtBox dl dt {display:inline-block;vertical-align:top;color:#00615b;}
#screenShot.popUpArea .popUpContainer .popUpCont .txtBox dl dd {display:inline-block;vertical-align:top;}
#screenShot.popUpArea .popUpContainer .popUpCont .txtBox dl dd > span {color:#666;}


@media screen and (max-width:540px) { 
	.popLeafBg_W {display:none;}
	.popLeafBg_M {display:block;}
	
	#screenShot.popUpArea .popUpContainer .popUpCont {padding-top:60px;}
	#screenShot.popUpArea .popUpContainer .popUpCont .popClose {width:40px;height:40px;}
	#screenShot.popUpArea .popUpContainer .popUpCont .titBox {padding:0 5%;}
	#screenShot.popUpArea .popUpContainer .popUpCont .titBox .tit {font-size:20px;}
	#screenShot.popUpArea .popUpContainer .popUpCont .titBox .txt {margin-top:5px;font-size:16px;}
	#screenShot.popUpArea .popUpContainer .popUpCont .txtBox {margin:6% 5% 9%;padding:6%}
	#screenShot.popUpArea .popUpContainer .popUpCont .txtBox dl {font-size:14px;line-height:1.5}
	#screenShot.popUpArea .popUpContainer .popUpCont .txtBox dl br {display:none}
	#screenShot.popUpArea .popUpContainer .popUpCont .txtBox dl dt,
	#screenShot.popUpArea .popUpContainer .popUpCont .txtBox dl dd {display:block;}
	#screenShot.popUpArea .popUpContainer .popUpCont .txtBox dl dt {margin-top:10px;}
	#screenShot.popUpArea .popUpContainer .popUpCont .txtBox dl dt:first-child {margin-top:0;}
	#screenShot.popUpArea .popUpContainer .popUpCont .txtBox dl dd > br {display:block}
	#screenShot.popUpArea .popUpContainer .popUpCont .screeImg {padding:0 10%;}
}


/**
	css reset
**/
@media screen and (max-width: 768px)
   .headerBanner {height:42px !important;}
   .headerBanner li {height:42px !important;}
   .headerBanner .slick-list {height:42px !important}
   .headerBanner .slick-track {height:42px !important}
   .headerBanner .slick-track {height:42px !important}

   .brandLifeList.type1 ul {width:auto;}
}


/**
	scroll_animate
**/
@-moz-keyframes twinkle {
	0%{opacity:.2}
	50%{opacity:1}
	100%{opacity:.2}
}
@-webkit-keyframes twinkle {
	0%{opacity:.2}
	50%{opacity:1}
	100%{opacity:.2}
}
@keyframes twinkle {
	0%{opacity:.2}
	50%{opacity:1}
	100%{opacity:.2}
}

.obj {
	-webkit-transition:.5s ease;
	-moz-transition:.5s ease;
	-o-transition:.5s ease;
	transition:.5s ease;
	transition-property:opacity,-webkit-transform;
	transition-property:transform,opacity;
	transition-property:transform,opacity,-webkit-transform;
	opacity:0;filter:alpha(opacity=0);
	-webkit-transform:translate(0,30px);
	-moz-transform:translate(0,30px);
	-ms-transform:translate(0,30px);
	-o-transform:translate(0,30px);
	transform:translate(0,30px)
}
.obj1 {
	-webkit-transition-delay:0.1s;
	-moz-transition-delay:0.1s;
	-o-transition-delay:0.1s;
	transition-delay:0.1s;
}
.obj2 {
	-webkit-transition-delay:0.2s;
	-moz-transition-delay:0.2s;
	-o-transition-delay:0.2s;
	transition-delay:0.2s;
}
.obj3 {
	-webkit-transition-delay:0.3s;
	-moz-transition-delay:0.3s;
	-o-transition-delay:0.3s;
	transition-delay:0.3s;
}
.obj4 {
	-webkit-transition-delay:0.4s;
	-moz-transition-delay:0.4s;
	-o-transition-delay:0.4s;
	transition-delay:0.4s;
}
.obj5 {
	-webkit-transition-delay:0.5s;
	-moz-transition-delay:0.5s;
	-o-transition-delay:0.5s;
	transition-delay:0.5s;
}
.obj6 {
	-webkit-transition-delay:0.6s;
	-moz-transition-delay:0.6s;
	-o-transition-delay:0.6s;
	transition-delay:0.6s;
}
.obj7 {
	-webkit-transition-delay:0.7s;
	-moz-transition-delay:0.7s;
	-o-transition-delay:0.7s;
	transition-delay:0.7s;
}
.obj8 {
	-webkit-transition-delay:0.8s;
	-moz-transition-delay:0.8s;
	-o-transition-delay:0.8s;
	transition-delay:0.8s;
}
.obj9 {
	-webkit-transition-delay:0.9s;
	-moz-transition-delay:0.9s;
	-o-transition-delay:0.9s;
	transition-delay:0.9s;
}
.obj10 {
	-webkit-transition-delay:1s;
	-moz-transition-delay:1s;
	-o-transition-delay:1s;
	transition-delay:1s;
}
.obj11 {
	-webkit-transition-delay:1.1s;
	-moz-transition-delay:1.1s;
	-o-transition-delay:1.1s;
	transition-delay:1.1s;
}
.obj13 {
	-webkit-transition-delay:1.3s;
	-moz-transition-delay:1.3s;
	-o-transition-delay:1.3s;
	transition-delay:1.3s;
}
.obj15 {
	-webkit-transition-delay:1.5s;
	-moz-transition-delay:1.5s;
	-o-transition-delay:1.5s;
	transition-delay:1.5s;
}
.obj18 {
	-webkit-transition-delay:1.8s;
	-moz-transition-delay:1.8s;
	-o-transition-delay:1.8s;
	transition-delay:1.8s;
}
.obj20 {
	-webkit-transition-delay:2s;
	-moz-transition-delay:2s;
	-o-transition-delay:2s;
	transition-delay:2s;
}
.obj22 {
	-webkit-transition-delay:2.2s;
	-moz-transition-delay:2.2s;
	-o-transition-delay:2.2s;;
	transition-delay:2.2s;
}
.obj.animated {opacity:1;filter:alpha(opacity=100);
	-webkit-transform:translate(0, 0);
	-moz-transform:translate(0, 0);
	-ms-transform:translate(0, 0);
	-o-transform:translate(0, 0);
	transform:translate(0, 0);
}