@font-face { font-family:'yg-jalnan'; src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_four@1.2/JalnanOTF00.woff') format('woff'); font-weight:normal; font-style:normal; }
br {font-family:'Dotum';}

/*******************************************
*    COMMON
********************************************/
.nav_fix .indicator-mo ol {
	position:fixed !important; 
	top:0; 
	width:100%; 
	padding-top:14px; 
	background-color:#fff; 
	z-index:99999; 
}
.nav_fix .about h2,
.nav_fix .gift_guide h2 {
	padding-top:22px !important; 
}
#christmas-kit {
	overflow:hidden; 
	max-width:2000px; 
	min-width:1200px; 
	margin:0 auto; 
	padding-bottom:60px; 
	font-family:'Noto Sans KR'; 
	position:relative; 
	word-break:keep-all; 
}
#christmas-kit .mo_block {
	display:none; 
}
#christmas-kit section .section_inner {
	position:relative; 
	width:1200px; 
	margin:0 auto; 
}
#christmas-kit p {
	color:#222; 
}
#christmas-kit p .line {
	position:relative; 
	z-index:10; 
}
#christmas-kit p .line:after {
	position:absolute; 
	left:0; 
	bottom:0; 
	width:100%; 
	height:11px; 
	background-color:#fcdc89; 
	z-index:-1; 
	content:""; 
}
#christmas-kit .fc-gray {
	color:#717d89; 
}
#christmas-kit .el_move {
	position:relative; 
	top:150px; 
	opacity:0; 
	transition:top .5s ease-in-out, opacity 2s; 
}
#christmas-kit .el_move.active {
	top:50px; 
	opacity:1; 
}
#christmas-kit .img_wrap img {
	margin:0 auto; 
}

/*******************************************
*    snow ornament
********************************************/

#christmas-kit .decoDot {
	position:absolute; 
	width:165px; 
	height:167px; 
	z-index:100; 
}
#christmas-kit .section_inner .decoDot.dot01 {
	background:url(bg-deco-dot01.png) no-repeat 0 0; 
	top:-100px; 
	left:0px; 
	opacity:.5; 
}
#christmas-kit .section_inner .decoDot.dot02 {
	background:url(bg-deco-dot02.png) no-repeat 0 0; 
	top:450px; 
	right:-50px; 
	opacity:.5;
}
#christmas-kit .section_inner .decoDot.dot03 {
	background:url(bg-deco-dot03.png) no-repeat 0 0; 
	top:1130px; 
	left:-20px; 
	opacity:.5; 
}
#christmas-kit .about .decoDot.dot01 {
	background:url(bg-deco-dot01.png) no-repeat 0 0; 
	top:-150px; 
	left:0px; 
	opacity:.5; 
}
#christmas-kit .about .decoDot.dot02 {
	background:url(bg-deco-dot02.png) no-repeat 0 0; 
	top:450px; 
	right:-100px;
	opacity:.5;
}
#christmas-kit .about .decoDot.dot03 {
	background:url(bg-deco-dot03.png) no-repeat 0 0; 
	top:700px; 
	left:-194px; 
	opacity:.5; 
}

/*******************************************
*    INDICATOR
********************************************/

#christmas-kit .indicator {
	position:fixed; 
	top:480px; 
	right:46px; 
	z-index:10; 
}
#christmas-kit .indicator ol li {
    position:relative; 
	text-align:right; 
}
#christmas-kit .indicator ol li.on a {
    opacity:1; 
}
#christmas-kit .indicator ol li + li {
	margin-top:10px; 
}
#christmas-kit .indicator ol li a {
	display:inline-block; 
	height:100%; 
    margin-right:30px; 
	padding:0 16px; 
	line-height:30px; 
	color:#362e2b; 
	font-family:'Noto Sans KR'; 
	font-size:16px; 
	font-weight:700;
	background-color:#fff; 
	border-radius:16px 0 16px 16px; 
	opacity:.5; 
    box-shadow:rgba(0, 0, 0, 0.15) 0px 5px 8px; 
}
#christmas-kit .indicator ol li a:after {
    position:absolute; 
    top:50%; 
    right:0; 
    width:20px; 
    height:20px; 
    margin-top:-10px; 
    vertical-align:middle; 
    background-color:#1f9c5d; 
    border:2px solid #ff493b; 
    border-radius:50%; 
    box-shadow:rgba(0, 0, 0, 0.15) 0px 5px 8px; 
    content:""; 
}
#christmas-kit .indicator ol li.on a:after {
    background-color:#1f9c5d; 
    border-color:#ff493b; 
}

/*******************************************
*    BTN
********************************************/

#christmas-kit .btn.giftSned {
	position:fixed; 
	top:224px; 
	right:46px; 
	width:214px; 
	height:214px; 
	color:#fff; 
	font-family:'yg-jalnan'; 
	font-size:24px;
	line-height:1.4;
	background:linear-gradient( to bottom, #ff6600, #ff493b );
	border-radius:50%; 
	box-shadow:rgba(0, 0, 0, 0.15) 0px 5px 8px; 
	transition:all .2s; 
	z-index:10; 
}
#christmas-kit .btn.giftSned:hover {
	animation:bounce .35s ease-out alternate infinite; 
}
@keyframes bounce {
  from {
    transform:translate3d(0, 0, 0); 
  }
  to {
    transform:translate3d(0, -5px, 0); 
  }
}
#christmas-kit .btn.giftSned::before {
	display:block; 
	width:150px; 
	height:143px; 
	margin:-54px auto 12px; 
	background:url(ico-giftSned-pc.png) no-repeat 0 0; 
	-webkit-background-size:contain; 
	background-size:contain; 
	content:""; 
}
#christmas-kit .btn.arrow::after {
	position:absolute; 
	top:52%; 
	right:20px; 
	width:27px; 
	height:11px; 
	margin-top:-5px; 
	background:url(ico-arrow-white.png) no-repeat 0 0; 
	transition:all .3s; 
	content:""; 
}
#christmas-kit .btn.arrow-w::after {
	position:absolute; 
	top:53%; 
	right:20px; 
	width:27px; 
	height:11px; 
	margin-top:-5px; 
	background:url(ico-arrow-white.png) no-repeat 0 0; 
	transition:all .3s; 
	content:""; 
}
#christmas-kit .btn.arrow-w:hover:after,
#christmas-kit .btn.arrow:hover:after {
	right:25px; 
}

#christmas-kit .btn-pc { display:block !important; }
#christmas-kit .btn-mo { display:none !important; }

/*******************************************
*    SCTION01
********************************************/

#christmas-kit .christmas_top { z-index:10; position:absolute; left:50%; top:0; transform:translate(0%, 0%); }
#christmas-kit .christmas_top img { width:250px; }

#christmas-kit .gift {
	position:relative; 
	width:100%; 
	height:2120px; 
	padding-top:60px; 
	background:url(bg-section01.png) no-repeat center bottom; 
	-webkit-background-size:cover; 
	background-size:cover; 
}
#christmas-kit .gift .bg_children-wrap {
	position:absolute; 
	top:0; 
	right:0; 
	display:block; 
}
#christmas-kit .bg_children-wrap img {
	position:relative; 
}
#christmas-kit .gift .bg_children {
	position:absolute; width:100%
}
#christmas-kit .gift .bg_children span {
	position:absolute; 
}
#christmas-kit .gift .ico-deco01 {
	top:-75px; 
	left:250px; 
	width:75px; 
	height:145px; 
	background:url(ico-section01-deco01.png) no-repeat center; 
	transform-origin:top center; 
	animation:swing 2s ease infinite; 
	animation-delay:1.5s; 
}
#christmas-kit .gift h1 { font-family:'yg-jalnan'; font-size:60px; line-height:1.4; letter-spacing:-1px; color:#1f9c5d; }
#christmas-kit .gift h1 .tit { display:block; width:100%; font-size:30px; color:#9a5e27; }
#christmas-kit .gift h1 .ico-deco01 {
	display:block; 
	position:inherit; 
	left:46%; 
}
#christmas-kit .gift h1 .tit-1 { color:#ff493b; }
#christmas-kit .gift h1 .tit-2 { color:#ff493b; }

#christmas-kit .gift .gift_cont {
	position:relative; 
}
#christmas-kit .gift .gift_cont .gift_top h1 + p {
	margin-top:20px; 
	line-height:1.6; 
	font-family:'Noto Sans KR'; 
	font-size:20px; 
}
#christmas-kit .gift .gift_cont .gift_top p.one { font-size:18px; font-weight:600; font-family:'yg-jalnan'; }
#christmas-kit .gift .gift_cont .gift_top p.ko { font-size:20px; }

#christmas-kit .gift_send { margin-top:160px; }
#christmas-kit .gift_send .gift02 { margin-top:20px; }
#christmas-kit .gift_send .btn {
	display:block; 
	position:relative; 
	width:350px; 
	padding:20px 20px 20px 10px;
	left:-15px;
	text-align:center; 
	color:#fff; 
	font-weight:700; 
	font-size:22px; 
	background:linear-gradient( to bottom, #ff6600, #ff493b );
	border-radius:40px; 
	z-index:8;
}
#christmas-kit .gift_send .btn a {
	padding:20px;
}
#christmas-kit .gift_send .inner {
	position:relative; 
	width:412px; 
	height:218px; 
	margin:-30px 0 0 -48px; 
	background:url(bg-send.png) no-repeat 0 0; 
}
#christmas-kit .gift_send p {
	position:absolute; 
	top:50px; 
	left:60px; 
	padding-left:14px; 
	line-height:1.6; 
	color:#222; 
	font-size:16px; 
	letter-spacing:-1px; 
}
#christmas-kit .gift_send p b {
	font-family:'Noto Sans KR'; 
	color:#362e2b; 
}
#christmas-kit .gift_send .btn::after {
	margin-top:-8px; 
}
#christmas-kit .gift_send .event { font-size:20px; position:relative; color:#1f9c5d; font-weight:600; }
#christmas-kit .gift_send .event .no { margin-top:-16px; margin-left:3px; }
#christmas-kit .gift_send .line2 { font-family:yg-jalnan; font-size:22px; color:#362e2b; font-weight:600; }
#christmas-kit .gift_send div { font-size:16px; }
#christmas-kit .gift_send .gift { margin-bottom:20px; }
#christmas-kit .gift_send .story { margin:0 0 20px 0; line-height:1.6; font-size:18px; letter-spacing:-0.022em; color:#222; }

#christmas-kit .gift_guide {
	margin-top:140px; 
}
#christmas-kit .gift_guide h2 {
	font-family:'yg-jalnan';
	color:#ff493b;
	font-size:55px; 
}
#christmas-kit .gift_guide dl {
	margin-top:20px; 
}
#christmas-kit .gift_guide dl dt,
#christmas-kit .gift_guide dl dd {
	display:inline-block; 
}
#christmas-kit .gift_guide dl dt {
	color:#222; 
	font-family:'yg-jalnan'; 
	font-size:27px; 
}
#christmas-kit .gift_guide dl dt {
	width:140px; 
}
#christmas-kit .gift_guide dl dd {
	vertical-align:top; 
}
#christmas-kit .gift_guide dl dd p {
	font-family:'Noto Sans KR'; 
	font-size:22px; 
	letter-spacing:-1px; 
}
#christmas-kit .gift_guide dl dd p span {
	display:block; 
	margin-top:8px; 
	font-size:16px; 
}
#christmas-kit .gift_remember {
	position:absolute; 
	bottom:-100px; 
	right:-100px; 
	width:818px; 
	height:600px; 
	padding:76px 0 0 150px; 
	background:url(bg-remember.png) no-repeat 0 0; 
}
#christmas-kit .gift_remember:after {
	display:block; 
	position:absolute; 
	bottom:-50px; 
	right:-36px; 
	width:300px; 
	height:221px; 
	background:url(bg-remember-deco.png) no-repeat 0 0; 
	content:""; 
}
#christmas-kit .gift_remember h3 {
	margin-bottom:12px; 
	color:#ff493b; 
	font-family:'yg-jalnan'; 
	font-size:24px; 
}
#christmas-kit .gift_remember ul li + li {
	margin-top:12px; 
}
#christmas-kit .gift_remember ul li p {
	line-height:1.6; 
	color:#222; 
	font-size:15px; 
}
#christmas-kit .gift_remember ul li p strong {
	display:block; 
	font-family:'Noto Sans KR'; 
	font-weight:600; 
}
@keyframes swing {
	20% {
		transform:rotate(15deg); 
	}
	40% {
		transform:rotate(-10deg); 
	}
	60% {
		transform:rotate(5deg); 
	}
	80% {
		transform:rotate(-5deg); 
	}
	100% {
		transform:rotate(0deg); 
	}
}

/*******************************************
*    SCTION02
********************************************/

#christmas-kit .about { position:relative; }
#christmas-kit .about .section_inner {
	position:relative; 
}
#christmas-kit .about .bg {
	padding-top:170px; 
	background-color:#fff2e5; 
}
#christmas-kit .about::after {
	display:block; 
	width:100%; 
	height:280px; 
	background:url(bg-section02.png) no-repeat center bottom; 
	content:""; 
}
#christmas-kit .about h2 {
	text-align:center; 
	color:#ff493b; 
	font-family:'yg-jalnan'; 
	font-size:60px; 
}

#christmas-kit .about h2 span {
	color:#362e2b; 
}
#christmas-kit .about h2 + p {
	margin-bottom:122px; 
	line-height:1.7; 
	text-align:center; 
	font-size:22px; 
}

#christmas-kit .about h2 + p .line {
	font-family:'Noto Sans KR'; 
}
#christmas-kit .about h2 + p .line::after {
	height:13px; 
	background:#ffecb2 !important; 
}
#christmas-kit .bt_line-L { position:absolute; left:20px; top:25px; }

#christmas-kit .about .step {
	display:block; 
	width:1200px; 
	height:665px; 
	background:url(bg-step.png) no-repeat 0 0; 
}
#christmas-kit .about .step ul {
	display:none; 
}
#christmas-kit .about .h-icon { 
	margin:0px auto;
	padding-bottom:20px;
}
#christmas-kit .about .title-line {
	padding:20px 0;
}

/*******************************************
*    SCTION03
********************************************/

#christmas-kit .result {
	padding-top:94px; 
}
#christmas-kit .result h2 {
	margin:60px 0 10px 0; 
	text-align:center; 
	color:#ff493b; 
	font-family:'yg-jalnan'; 
	font-size:55px; 
}
#christmas-kit .result h2 span {
	color:#362e2b; 
}

#christmas-kit .result p { text-align:center; font-size:22px; margin-bottom:40px; position:relative; }

#christmas-kit .result .btn.arrow {
	display:block; 
	position:relative; 
	width:340px; 
	height:60px; 
	margin:0px auto 40px; 
	padding-right:40px; 
	line-height:50px; 
	color:#ff493b; 
	font-size:20px; 
	font-family:'Noto Sans KR'; 
	letter-spacing:-1px; 
	border-radius:30px; 
	box-shadow:rgba(0, 0, 0, 0.15) 0px 8px 16px; 
}
#christmas-kit .result .btn.arrow::after {
	margin-top:-7px; 
}
#christmas-kit .result .fc_gray {
	text-align:center; 
	color:#717d89; 
	font-size:13px; 
	margin-top:120px; 
}

#christmas-kit .slide_container > div span {
	display:block; 
	margin:0 auto 54px; 
	text-indent:-9999px; 
}
#christmas-kit .slide_container .txt {
	min-height:60px; 
	text-align:center; 
	margin-top:-60px; 
}
#christmas-kit .slide_container p {
	display:inline-block; 
	position:relative; 
	line-height:1.6; 
	letter-spacing:-0.022em;
	text-align:center; 
	font-size:24px; 
	font-family:'Noto Sans KR'; 
}
#christmas-kit .slide_container p:before,
#christmas-kit .slide_container p:after {
	position:absolute; 
	top:50%; 
	width:98px; 
	height:64px; 
	margin-top:-32px; 
	content:""; 
}
#christmas-kit .slide_container p:before {
	left:-124px; 
	background:url(ico-quotes-l.png) no-repeat 0 0; 
}
#christmas-kit .slide_container p:after {
	right:-124px; 
	background:url(ico-quotes-r.png) no-repeat 0 0; 
}
#christmas-kit .result .dot01 {
	left:-182px; 
	bottom:340px; 
	height:167px; 
	opacity:.3; 
}

#christmas-kit .result .h-icon { 
	margin:0px auto;
	padding-bottom:20px;
}
#christmas-kit .result .title-line {
	padding:20px 0;
}

/*******************************************
*    SLIDE
********************************************/

#christmas-kit .slick-slide {
	outline:none; 
}
#christmas-kit .slick-dots_wrap {
	margin:40px 0; 
	text-align:center; 
}
#christmas-kit .slick-dots {
	*zoom:1; 
    display:inline-block; 
}
#christmas-kit .slick-dots:after {
    display:block; 
    clear:both; 
	content:""; 
}
#christmas-kit .slick-dots li {
	float:left; 
	width:17px; 
	height:17px; 
}
#christmas-kit .slick-dots li + li {
	margin-left:12px; 
}
#christmas-kit .slick-dots li.slick-active button {
	background-color:#ff493b; 
}
#christmas-kit .slick-dots li button {
	width:100%; 
	height:100%; 
	text-indent:-9999px; 
	background-color:#e5e1dd; 
	border-radius:5px; 
	outline:none; 
	transition:all .3s; 
}
#christmas-kit .slick-arrow {
	position:absolute; 
	top:50%; 
	width:76px; 
	height:76px; 
	margin-top:-38px; 
	text-indent:-9999px; 
	background-color:transparent; 
	outline:none; 
	z-index:9999; 
	transition:all .3s; 
}
#christmas-kit .slick-prev {
	left:0; 
	background:url(ico-slide-arrow-l.png) no-repeat 0 0; 
	-webkit-background-size:contain; 
	background-size:contain; 
}
#christmas-kit .slick-prev:hover {
	background:url(ico-slide-arrow-l-on.png) no-repeat 0 0; 
	-webkit-background-size:contain; 
	background-size:contain; 
}
#christmas-kit .slick-next {
	right:0; 
	background:url(ico-slide-arrow-r.png) no-repeat 0 0; 
	-webkit-background-size:contain; 
	background-size:contain; 
}
#christmas-kit .slick-next:hover {
	background:url(ico-slide-arrow-r-on.png) no-repeat 0 0; 
	-webkit-background-size:contain; 
	background-size:contain; 
}

/*--------------------tablet-------------------*/

@media all and (min-width:501px) and (max-width:1200px) {
	#christmas-kit .slick-dots_wrap {
		margin:28px 0; 
	}
	#christmas-kit .result .btn.arrow {
		width:calc(100% - 100px); 
	}
	#christmas-kit .slick-arrow {
		margin-top:-38px; 
	}
	#christmas-kit .slick-slider {
		padding:0 20px; 
	}
	#christmas-kit .slick-slide {
		padding:0 80px; 
	}
}

@media all and (min-width:501px) and (max-width:600px) {
	#christmas-kit .slick-arrow {
		width:56px; 
		height:56px; 
	}
	#christmas-kit .slick-slide {
		padding:0 50px; 
	}
	#christmas-kit .slick-arrow {
		margin-top:-23px; 
	}
}

/*--------------------mobile-------------------*/

@media (max-width:500px) {
	#christmas-kit .slick-dots li {
		width:12px; 
		height:12px; 
	}
	#christmas-kit .slick-dots li + li {
		margin-left:9px; 
	}
	#christmas-kit .slick-dots li button {
		border-radius:2px; 
	}
	#christmas-kit .slick-dots_wrap {
		margin:0px; 
	}
	#christmas-kit .slick-arrow {
		position:absolute; 
		top:50%; 
		width:76px; 
		height:76px; 
		margin-top:-38px; 
		text-indent:-9999px; 
		background-color:transparent; 
		outline:none; 
		z-index:9999; 
		transition:all .3s; 
	}
	#christmas-kit .slick-prev {
		left:0; 
		background:url(ico-slide-arrow-l.png) no-repeat 0 0; 
	}
	#christmas-kit .slick-prev:hover {
		background:url(ico-slide-arrow-l-on.png) no-repeat 0 0; 
		-webkit-background-size:contain; 
		background-size:contain; 
	}
	#christmas-kit .slick-next {
		right:0; 
		background:url(ico-slide-arrow-r.png) no-repeat 0 0; 
	}
	#christmas-kit .slick-next:hover {
		background:url(ico-slide-arrow-r-on.png) no-repeat 0 0; 
		-webkit-background-size:contain; 
		background-size:contain; 
	}
	#christmas-kit .slick-arrow {
		top:auto; 
		width:45px; 
		height:45px; 
		-webkit-background-size:contain; 
		background-size:contain; 
	}
	#christmas-kit .slick-slider {
		padding:0 20px; 
	}
	#christmas-kit .slick-next {
		top:-5px; 
		right:12px; 
	}
	#christmas-kit .slick-prev {
		top:245px; 
		left:12px; 
	}
}
@media all and (min-width:471px) and (max-width:500px) {
	#christmas-kit .slick-prev {
		top:310px; 
	}
}
@media all and (min-width:451px) and (max-width:470px) {
	#christmas-kit .slick-prev {
		top:295px; 
	}
}
@media all and (min-width:411px) and (max-width:450px) {
	#christmas-kit .slick-prev {
		top:280px; 
	}
}
@media all and (min-width:391px) and (max-width:410px) {
	#christmas-kit .slick-prev {
		top:264px; 
	}
}
@media all and (min-width:360px) and (max-width:370px) {
	#christmas-kit .slick-prev {
		top:240px;
	}
}

/*******************************************
*    RESPONSIVE ::PC
********************************************/

@media (max-width:1900px) {
	#christmas-kit .bg_children-wrap img {
		right:-50px; 
	}

@media (max-width:1700px) {
	#christmas-kit .bg_children-wrap img {
		right:-200px; 
	}
	#christmas-kit .result {
		padding-left:80px; 
		padding-right:80px; 
	}
	#christmas-kit .btn.giftSned {
		/* top:160px; */
		right:16px; 
	}
	#christmas-kit .indicator {
		/* top:400px; */
		right:16px; 
	}
}

@media (max-width:1440px) {
	#christmas-kit .bg_children-wrap img {
		right:-330px; 
	}
	#christmas-kit .btn.giftSned {
		width:140px; 
		height:140px; 
		padding-top:10px; 
		line-height:26px; 
		font-size:19px; 
	}
	#christmas-kit .btn.giftSned:before {
		width:82px; 
		height:78px; 
	}
	#christmas-kit .btn.giftSned:after {
		width:40px; 
		height:40px; 
	}
	#christmas-kit .indicator {
		top:380px; 
		right:68px; 
	}
	#christmas-kit .indicator ol li a {
		padding:0; 
		font-size:0; 
	}
	#christmas-kit .about .tiger-1 { left:2%; }
	#christmas-kit .about .tiger-2 { right:2%; }
}

@media (max-width:1250px) {
	::-webkit-scrollbar {
		width:0; 
	}
	#christmas-kit section .section_inner {
		width:100%; 
	}
	#christmas-kit .gift_top,
	#christmas-kit .gift_guide {
		padding:0 30px; 
	}
	#christmas-kit .gift h1 .ico-deco01 { left:60%; }
	#christmas-kit .about .bg { padding-top:140px; }

	#christmas-kit .slide_container .txt { margin-top:-10px; }
}

/*******************************************
*    RESPONSIVE ::tablet
********************************************/

@media all and (min-width:501px) and (max-width:1200px) {
	#christmas-kit .indicator {
		display:none; 
	}
	#christmas-kit .mo_block {
		display:block;
		max-width:100%;
	}
	#christmas-kit .indicator-mo {
		position:relative; 
		padding-top:110px; 
		padding-bottom:60px; 
	}
	#christmas-kit .indicator-mo ol {
		*zoom:1; 
	    display:inline-block; 
		position:absolute; 
		width:100%; 
	}
	#christmas-kit .indicator-mo ol:after {
		display:block; 
	    clear:both; 
		content:""; 
	}
	#christmas-kit .indicator-mo ol li {
		float:left; 
		width:calc(100% / 3); 
	}
	#christmas-kit .indicator-mo ol li.on a {
		color:#ff493b; 
		border-bottom:7px solid #ff493b; 
	}
	#christmas-kit .indicator-mo ol li a {
		display:block; 
		width:100%; 
		height:100%; 
		padding-bottom:4px; 
		line-height:1.6; 
		text-align:center; 
		font-family:'yg-jalnan'; 
		color:#1f9c5d; 
		font-size:15px; 
		border-bottom:7px solid #c4c4c4; 
	}
	#christmas-kit .about::after {
		width:150%; 
		height:360px; 
		margin-top:-180px; 
		background-position:-240px 0; 
		-webkit-background-size:cover; 
		background-size:cover; 
	}
	#christmas-kit .about .section_inner {
		padding:0 20px; 
	}
	#christmas-kit .about h2 {
		text-align:center; 
		font-size:38px; 
	}
	#christmas-kit .about h2 + p {
		width:80%; 
		margin:0 auto 60px auto; 
		line-height:1.6; 
		letter-spacing:-0.022em; 
		text-align:center; 
		font-size:16px; 
		word-break:keep-all; 
	}
	#christmas-kit .about h2 + p .fc-gray {
		display:block; 
	}
	#christmas-kit .about .step {
		width:100%; 
		height:auto; 
		background:none; 
	}
	#christmas-kit .about .step .img-wrap img {
		max-width:500px;
		margin:0 auto; 
	}
	#christmas-kit .about .decoDot.dot01 {
		top:-70px; 
		left:20px; 
	}
	#christmas-kit .about .decoDot.dot02 {
		top:400px; 
		right:-30px;
	}
	#christmas-kit .about .decoDot.dot03 {
		top:1100px; 
		left:120px; 
	}
	#christmas-kit .result {
		padding-top:44px; 
	}
	#christmas-kit .result .section_inner {
		padding:0 20px; 
	}
	#christmas-kit .result h2 {
		font-size:36px; 
	}
	#christmas-kit .result p {
		width: 80%;
		margin: 0 auto 60px auto;
		line-height: 1.6;
		letter-spacing:-0.022em;
		text-align: center;
		font-size: 16px;
		word-break: keep-all;
	}
	#christmas-kit .result .decoDot.dot01 {
		top:-70px; 
		left:20px; 
	}
	#christmas-kit .result .decoDot.dot02 {
		top:400px; 
		right:-30px;
	}
	#christmas-kit .result .decoDot.dot03 {
		top:1100px; 
		left:120px; 
	}
	#christmas-kit .slide_container p:before,
	#christmas-kit .slide_container p:after {
		display:block; 
		position:inherit; 
		width:46px; 
		height:32px; 
		margin:0 auto; 
		-webkit-background-size:contain; 
		background-size:contain; 
	}
	#christmas-kit .slide_container p:before {
		left:auto; 
		margin-bottom:16px; 
	}
	#christmas-kit .slide_container p:after {
		content:none; 
	}
	#christmas-kit .slide_container > div span {
		margin:0; 
		margin-top:2px; 
	}
	#christmas-kit .gift {
		height:auto; 
		padding-top:0px; 
		background:none; 
	}
	#christmas-kit .gift .orangeBg {
		position:absolute; 
		top:0; 
		left:0; 
		width:100%; 
		height:1300px !important; 
		background:url(bg-section01-tablet.png) no-repeat center bottom; 
		z-index:-1; 
		content:""; 
	}
	#christmas-kit .gift .gift_top {
		padding:0 30px; 
	}
	#christmas-kit .gift .gift_cont .gift_top p.one { padding-top:800px !important; font-size:22px; }
	#christmas-kit .gift .gift_cont .gift_top p.ko { text-align:center; color:#fff; }

	#christmas-kit .gift h1 { text-align:center; }
	#christmas-kit .gift h1 .ico-deco01 {
		display:none; 
	}
	#christmas-kit .gift .kite { bottom:0; top:35%; right:-10%; }
	#christmas-kit section .section_inner {
		width:100%; 
	}
	#christmas-kit {
		min-width:100%; 
	}
	#christmas-kit .btn.giftSned {
		top:inherit !important; 
		right:0 !important; 
		bottom:0; 
		width:100% !important; 
		height:70px !important; 
		padding-top:0 !important; 
		line-height:70px !important; 
		font-size:20px !important; 
		border-radius:0; 
	}
	#christmas-kit .btn.giftSned:hover {
		animation:none; 
	}
	#christmas-kit .btn.giftSned:before,
	#christmas-kit .btn.giftSned:after {
		position:absolute; 
		margin:0; 
	}
	#christmas-kit .btn.giftSned::before {
		bottom:-4px; 
		left:10px; 
		width:108px !important; 
		height:103px !important; 
		transform:rotate(0deg); 
		-moz-transform:scaleX(-1); 
		-o-transform:scaleX(-1); 
		-webkit-transform:scaleX(-1); 
		transform:scaleX(-1); 
		filter:FlipH; 
		-ms-filter:"FlipH"; 
	}
	#christmas-kit .btn.giftSned::after {
		right:28px; 
		top:16px; 
	}
	#christmas-kit .btn.giftSned br {
		display:none; 
	}
	#christmas-kit .gift_remember {
		position:inherit; 
		bottom:auto; 
		right:auto; 
		height:auto; 
		padding:25px 40px 80px 25px; 
		width:100%; 
		background:none; 
	}
	#christmas-kit .gift_remember h3 {
		font-size:22px; 
	}
	#christmas-kit .gift_remember ul li + li {
		margin-top:26px; 
	}
	#christmas-kit .gift_remember ul li p {
		line-height:1.5; 
		font-size:15px; 
		word-break:keep-all; 
	}
	#christmas-kit .gift_remember ul li p strong {
		margin-bottom:2px; 
	}
	#christmas-kit .gift .bg_children-wrap {
		width:990px !important; 
		height:1040px; 
		background:url(bg-children-tab.png) no-repeat center; 
		-webkit-background-size:contain; 
		background-size:contain; 
	}
	#christmas-kit .gift .bg_children-wrap .img_wrap {
		display:none; 
	}
	#christmas-kit .gift .bg_children .ico-deco02,
	#christmas-kit .gift .bg_children .ico-deco03 {
		display:none; 
	}
	#christmas-kit .gift .gift_cont .gift_top h1 + p {
		line-height:1.6; 
		text-align:center; 
		color:#222; 
		font-size:18px;
		word-break:keep-all;
	}
	#christmas-kit p .line:after {
		display:none; 
	}
	#christmas-kit .gift_guide {
		margin:80px 40px 0; 
		padding:0 !important; 
		padding-bottom:30px !important; 
		border-bottom:1px solid #c4c4c4; 
	}
	#christmas-kit .gift_guide h2 {
		color:#ff493b; 
		font-size:38px;
	}
	#christmas-kit .gift_guide dl {
		margin-top:24px; 
	}
	#christmas-kit .gift_guide dl + dl {
		margin-top:20px; 
	}
	#christmas-kit .gift_guide dl dt {
		width:130px; 
		margin-bottom:4px; 
		color:#362e2b; 
		font-size:22px; 
	}
	#christmas-kit .gift_guide dl dd {
		width:calc(100% - 140px); 
		margin-top:-2px; 
	}
	#christmas-kit .gift_guide dl dd p {
		font-size:18px; 
		letter-spacing:-1px; 
		opacity:.9; 
	}
	#christmas-kit .gift_guide dl dd p span {
		font-size:16px; 
	}
	#christmas-kit .gift .gift_top {
		*zoom:1; 
	    display:block; 
	}
	#christmas-kit .gift_send {
		display:flex;
		justify-content:space-around;
	}
	#christmas-kit .gift_send .gift02 {
		margin-top:0px;
	}
	#christmas-kit .gift_send .inner {
		margin:-80px auto 0 auto; 
		background:none; 
	}
	#christmas-kit .inner img {
		max-width:96%;
		margin-left:-15px;
	}
	#christmas-kit .gift_send p {
		top:90px;
		padding-left:10px;
	}
	#christmas-kit .gift:before {
	    position:absolute; 
	    bottom:-83px; 
	    width:220%; 
	    height:83px; 
	    background:url(bg-section-mo-white.png) no-repeat center bottom; 
	    -webkit-background-size:cover; 
	    background-size:cover; 
	    object-fit:cover; 
	    content:""; 
	}
	#christmas-kit .gift_top {
		padding:0 !important; 
	}
	#christmas-kit .gift_remember:after {
		content:none; 
	}
	#christmas-kit .gift_send {
		padding:0 20px 0 50px; 
	}
	#christmas-kit .result {
		padding-left:0 !important; 
		padding-right:0 !important;
	} 
}

@media (max-width:1000px) { 
	#christmas-kit .gift .bg_children-wrap {
		width:780px !important; 
		height:819px; 
	}
	#christmas-kit .about .decoDot.dot03 {
		display:none;
	}
	#christmas-kit .result .decoDot.dot03 {
		top:1000px; 
		left:40px; 
	}
	#christmas-kit .gift .gift_cont .gift_top p.one { padding-top:600px !important; }
	#christmas-kit .gift .orangeBg { background:url(bg-section01-tablet02.png) no-repeat center bottom; width:100%; height:1100px !important; }
	#christmas-kit .gift .kite { top:30%; }

}

@media (max-width:800px) { 
	#christmas-kit .gift .bg_children-wrap {
		width:570px !important; 
		height:599px; 
	}
	#christmas-kit .result .decoDot.dot03 {
		top:900px; 
		left:20px; 
	}
	#christmas-kit .inner img {
		max-width:100%;
		margin-left:0px;
	}
	#christmas-kit .gift_send p {
		padding-left:20px;
	}
	#christmas-kit .gift h1 { font-size:46px; }
	#christmas-kit .gift h1 .tit { font-size:26px; }

	#christmas-kit .gift .gift_cont .gift_top p.one { padding-top:400px !important; font-size:18px; }
	#christmas-kit .gift .kite { right:-20%; }
	#christmas-kit .gift .orangeBg { background:url(bg-section01-tablet03.png) no-repeat center bottom;  height:810px !important; }
	#christmas-kit .gift_send { display:block; width:100%; text-align:center; margin-top:120px; }
	#christmas-kit .gift_send .btn { margin:0px auto; left:0px; }
	#christmas-kit .gift_send .gift02 { margin-top:80px; }

	#christmas-kit .about .tiger-1, #christmas-kit .about .tiger-2 { width:180px; top:300px; }

	#christmas-kit .btn-pc { display:none !important; }
	#christmas-kit .btn-mo { display:block !important }
}

@media (max-width:600px) {
	#christmas-kit .gift .bg_children-wrap {
		width:480px !important; 
		height:504px; 
	}
	#christmas-kit .about .decoDot, #christmas-kit .result .decoDot {
		display:none;
	}
	#christmas-kit .gift .kite { display:none; }
	#christmas-kit .gift h1 { font-size:26px; text-align:center; }
	#christmas-kit .gift .gift_cont .gift_top p.one { padding-top:380px !important; }
	#christmas-kit .gift .orangeBg { background:url(bg-section01-tablet04.png) no-repeat center bottom; height:720px !important; }
	#christmas-kit .gift h1 .tit { font-size:18px; }
	#christmas-kit .gift .gift_cont .gift_top p.ko { font-size:16px; }
	#christmas-kit .gift_send .story { font-size:16px; }
	#christmas-kit .gift h1 .tit img { width:40px; top:-20px; margin-left:-10px; }

	#christmas-kit .about .bg { padding-top:60px; }
	#christmas-kit .about .tiger-1, #christmas-kit .about .tiger-2 { top:400px; width:140px; }
	#christmas-kit .about .tiger-1 { left:20%; }
	#christmas-kit .about .tiger-2 { right:20%; }
	#christmas-kit .about h2 + p { width:100%; margin:0 auto 0px auto; text-align:center; }
	#christmas-kit .about h2 { font-size:30px; }
	#christmas-kit .about .tit_sun { width:40px; top:0px; margin-left:-20px; }

	#christmas-kit .result h2 { font-size:30px; }
	#christmas-kit .result .tit_sun { width:40px; top:-20px; margin-left:-10px; }
}

/*******************************************
*    RESPONSIVE ::mobile
********************************************/

@media (max-width:500px) {
	#christmas-kit {
		min-width:100%; 
	}
	#christmas-kit .mo_block {
		display:block; 
	}
	#christmas-kit section .section_inner {
		width:100%; 
	}

	#christmas-kit .gift {
		height:auto; 
		padding-top:0; 
		background:none; 
	}
	#christmas-kit .gift:before {
		position:absolute; 
		bottom:-83px; 
		width:130%; 
		height:83px; 
		background:url(bg-section-mo-white.png) no-repeat center bottom; 
		-webkit-background-size:cover; 
		background-size:cover; 
		object-fit:cover; 
		content:""; 
	}
	#christmas-kit .gift:after {
		position:absolute; 
		top:-100px; 
		left:0; 
		width:100%; 
		height:800px; 
		background:url(bg-section01-mo.png) no-repeat center;
		-webkit-background-size:cover; 
		background-size:cover; 
		content:""; 
		z-index:-1; 
	}
	#christmas-kit .gift h1 {
		height:140px; 
		margin:0 auto; 
	}
	#christmas-kit .gift .bg_children-wrap {
		width:340px !important; 
		height:485px; 
		background:url(bg-children-mo.png) no-repeat center; 
		-webkit-background-size:contain; 
		background-size:contain; 
	}

	#christmas-kit .gift .gift_cont .gift_top p.one { padding:0 36px !important; }
	#christmas-kit .gift .gift_cont .gift_top p.one br { display:none; }
	#christmas-kit .gift .gift_cont .gift_top h1 + p {
		padding-top:270px !important; 
		text-align:center; 
		color:#222; 
		font-size:14px; 
		font-family:'__NanumGothic_5'; 
		word-break:keep-all; 
	}
	#christmas-kit .gift .gift_cont .gift_top h1 + p .line {
		font-family:'Noto Sans KR'; 
	}
	#christmas-kit .gift .gift_cont .gift_top h1 + p .line:after {
		display:none; 
	}
	#christmas-kit .gift_send {
		padding:0 20px;
	}
	#christmas-kit .gift_send .inner {
		width:100%; 
		height:auto; 
		margin:-30px 0 0 0; 
		background:none; 
	}
	#christmas-kit .gift_send p {
		top:50%; 
		left:0; 
		width:100%; 
		height:110px; 
		margin-top:-54px; 
		padding-left:0; 
		text-align:center; 
	}
	#christmas-kit .gift_send p::before {
		display:inline-block; 
		position:inherit; 
		left:auto; 
		margin-left:-10px; 
	}
	#christmas-kit .gift_send .btn {
		margin:0px auto;
		left:0px;
		font-size:18px;
		max-width:320px;
		width:100%;
	}
	#christmas-kit .gift_send .gift02 { 
		margin-top:60px; 
	}
	#christmas-kit .gift .bg_children span {
		display:none; 
	}

	#christmas-kit .gift_guide {
		margin:74px 20px 0; 
		padding-bottom:16px; 
		border-bottom:1px solid #c4c4c4; 
	}
	#christmas-kit .gift_guide h2 {
		margin-bottom:4px; 
		color:#ff493b; 
		font-size:30px;
	}
	#christmas-kit .gift_guide dl {
		margin-top:24px; 
	}
	#christmas-kit .gift_guide dl dt {
		width:80px; 
		color:#362e2b; 
		font-size:16px; 
	}
	#christmas-kit .gift_guide dl dd {
		width:calc(100% - 90px); 
		margin-top:-2px; 
	}
	#christmas-kit .gift_guide dl dd p {
		font-size:16px; 
		letter-spacing:-1px; 
		opacity:.9; 
	}
	#christmas-kit .gift_guide dl dd p span {
		line-height:1.6; 
		font-size:14px; 
	}
	#christmas-kit .gift_guide dl dd p span br {
		display:none; 
	}
	#christmas-kit .gift_remember {
		position:inherit; 
		bottom:auto; 
		right:auto; 
		height:auto; 
		padding:25px 20px 80px 25px; 
		width:100%; 
		background:none; 
	}
	#christmas-kit .gift_remember h3 {
		font-size:20px; 
	}
	#christmas-kit .gift_remember ul li + li {
		margin-top:26px; 
	}
	#christmas-kit .gift_remember ul li p {
		line-height:1.6; 
		word-break:keep-all; 
	}
	#christmas-kit .gift_remember ul li p br {
		display:none; 
	}
	#christmas-kit .gift_remember ul li p strong {
		margin-bottom:2px; 
	}
	#christmas-kit .gift_top {
		padding:0 !important; 
	}
	#christmas-kit .gift_guide {
		padding:0 !important; 
		padding-bottom:16px !important; 
	}
	#christmas-kit .btn.giftSned {
		top:inherit !important; 
		right:0 !important; 
		bottom:0; 
		width:100% !important; 
		height:70px !important; 
		padding:0 0 0 60px !important; 
		line-height:70px !important; 
		font-size:20px !important; 
		border-radius:0; 
	}
	#christmas-kit .btn.giftSned:hover {
		animation:none; 
	}
	#christmas-kit .btn.giftSned:before,
	#christmas-kit .btn.giftSned:after {
		position:absolute; 
		margin:0; 
	}
	#christmas-kit .btn.giftSned::before {
		bottom:-4px; 
		left:6px; 
		width:108px !important; 
		height:103px !important; 
		transform:rotate(0deg); 
		-moz-transform:scaleX(-1); 
		-o-transform:scaleX(-1); 
		-webkit-transform:scaleX(-1); 
		transform:scaleX(-1); 
		filter:FlipH; 
		-ms-filter:"FlipH"; 
	}
	#christmas-kit .btn.giftSned::after {
		right:28px; 
		top:16px; 
	}
	#christmas-kit .btn.giftSned br {
		display:none; 
	}
	#christmas-kit .indicator {
		display:none; 
	}
	#christmas-kit .indicator-mo {
		position:relative; 
		padding-top:120px; 
		padding-bottom:60px; 
	}
	#christmas-kit .indicator-mo ol {
		*zoom:1; 
	    display:inline-block; 
		position:absolute; 
		width:100%; 
	}
	#christmas-kit .indicator-mo ol:after {
		display:block; 
	    clear:both; 
		content:""; 
	}
	#christmas-kit .indicator-mo ol li {
		float:left; 
		width:calc(100% / 3); 
	}
	#christmas-kit .indicator-mo ol li.on a {
		color:#ff493b; 
		border-bottom:7px solid #ff493b; 
	}
	#christmas-kit .indicator-mo ol li.on a:hover { text-decoration:none; }
	#christmas-kit .indicator-mo ol li a {
		display:block; 
		width:100%; 
		height:100%; 
		padding-bottom:4px; 
		line-height:1.6; 
		text-align:center; 
		font-family:'yg-jalnan'; 
		color:#1f9c5d; 
		font-size:15px; 
		border-bottom:7px solid #c4c4c4; 
	}
	#christmas-kit .about::after {
		width:100%; 
		height:260px; 
		margin-top:-110px; 
		background:url(bg-section-mo-gray.png) no-repeat right bottom; 
		-webkit-background-size:cover; 
		background-size:cover; 
	}
	#christmas-kit .about .section_inner {
		padding:0 20px; 
	}
	#christmas-kit .about h2 {
		font-size:30px; 
	}

	#christmas-kit .about h2 + p {
		line-height:1.6; 
		font-size:16px; 
		word-break:keep-all; 
	}
	#christmas-kit .about h2 + p span {
		display:block; 
	}
	#christmas-kit .about h2 + p span.inline {
		display:inline; 
	}
	#christmas-kit .about h2 + p br {
		display:none; 
	}
	#christmas-kit .about h2 + p .line::after {
		content:none; 
	}
	#christmas-kit .about .step {
		width:100%; 
		height:auto; 
		background:none; 
	}
	#christmas-kit .about .h-icon { 
		width:100px;
	}
	#christmas-kit .result {
		padding-top:24px; 
	}
	#christmas-kit .result h2 {
		font-size:24px;
		padding:0 20px;
		margin:60px 0 0 0;
	}
	#christmas-kit .slide_container p {
		line-height:1.6; 
		font-size:16px; 
	}
	#christmas-kit .slide_container p:before,
	#christmas-kit .slide_container p:after {
		display:block; 
		position:inherit; 
		width:46px; 
		height:32px; 
		margin:0 auto; 
		-webkit-background-size:contain; 
		background-size:contain; 
	}
	#christmas-kit .slide_container p:before {
		left:auto; 
		margin-bottom:16px; 
	}
	#christmas-kit .slide_container p:after {
		content:none; 
	}
	#christmas-kit .result .btn.arrow {
		width:calc(100% - 100px); 
		height:50px; 
		padding-right:12px; 
		line-height:35px; 
		font-size:16px; 
	}
	#christmas-kit .result .btn.arrow::after {
		content:none; 
	}
	#christmas-kit .btn.arrow::after {
		width:20px; 
		height:8px; 
		-webkit-background-size:contain; 
		background-size:contain; 
	}
	#christmas-kit .slide_container > div span {
		margin:0; 
		margin-top:2px; 
	}
	#christmas-kit .result .fc_gray {
		font-size:10px; 
	}
	#christmas-kit .gift_remember:after {
		content:none; 
	}
	#christmas-kit .result {
		padding:0 !important; 
		padding-right:0 !important; 
	}
	#christmas-kit .gift .gift_cont .gift_top p.one { 
		padding-top:330px !important;
	}
	#christmas-kit .gift .gift_cont .gift_top p.ko { 
		color:#fff; text-align:center;
	}
	#christmas-kit .gift_send .line2 { 
		font-size:18px; 
	}
	#christmas-kit .about .tiger-1, #christmas-kit .about .tiger-2 { 
		top:380px; 
	}
	#christmas-kit .result p {
		padding:0 20px;
		line-height:1.6;
		text-align: left;
		font-size: 16px;
		text-align:center;
		word-break: keep-all;
	}
	#christmas-kit .result .h-icon {
		width:100px;
	}
}

@media (max-width:420px) {
	#christmas-kit .about .tiger-1, #christmas-kit .about .tiger-2 { 
		top:340px;
	}
}

@media (max-width:400px) {
	#christmas-kit .about .tiger-1, #christmas-kit .about .tiger-2 { top:380px; }
	#christmas-kit .about .tiger-1 { left:7%; }
	#christmas-kit .about .tiger-2 { right:7%; }
}

@media (max-width:365px) {
	#christmas-kit .about h2 { font-size:26px; }
	#christmas-kit .about h2:after { width:42px; height:41px; }
	#christmas-kit .gift_send .line { font-size:18px; }
	#christmas-kit .result h2 { font-size:26px; }
	#christmas-kit .about .tiger-1, #christmas-kit .about .tiger-2 { top:400px; }
}

@media (max-width:320px) {
	#christmas-kit .indicator-mo ol li a {
		font-size:14px; 
	}
	#christmas-kit .gift_send {
		padding:0 10px; 
	}
	#christmas-kit .about h2 {
		font-size:26px; 
	}
	#christmas-kit .about h2:after {
		width:38px; 
		height:36px; 
	}
	#christmas-kit .btn.giftSned:before {
		width:70px !important; 
		height:68px !important; 
	}
	#christmas-kit .about .tiger-1, #christmas-kit .about .tiger-2 { 
		top:400px; 
	}
}