/* COMMON */
.serviceWRAP				{overflow:hidden; width:100%; box-sizing:content-box; box-sizing:border-box;/*font-family:celmonHG_60; letter-spacing:-0.5px*/}
.serviceWRAP img			{width:100%;}
.sectionWRAP				{position:relative; margin:0px auto; padding:0; z-index:2; background-color:#FFF;}

/* COMMON Animation */
.downAni					{opacity:0; -webkit-transform:translateY(-150px); -moz-transform:translateY(-150px); -ms-transform:translateY(-150px); -o-transform:translateY(-150px); transform:translateY(-150px); -webkit-transition:all 0.5s ease-out; -moz-transition:all 0.5s ease-out; -ms-transition:all 0.5s ease-out; -o-transition:all 0.5s ease-out; transition: all 0.5s ease-out;}
.visible .downAni			{opacity:1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out;}

/* Question */
.question_balloon			{position:relative; display:inline-block; padding:20px; width:45%; text-align:center; height:; color:#FFF; background:#eb3300; font-size:28px; font-weight:700; line-height:1.1; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;
							-webkit-box-shadow: 8px 6px 15px -6px rgba(0,0,0,0.5); box-shadow: 8px 6px 15px -6px rgba(0,0,0,0.5);}
.question_balloon:after		{content: ''; position:absolute; display:block; border-style:solid; border-width:0 15px 15px; border-color:#eb3300 transparent; width:0 ;z-index:1; top:-15px; left:100px;}

@media screen and (max-width:980px) {
	.question_balloon			{padding:10px; width:70%; font-size:18px; font-weight:700;}
	.question_balloon:after		{border-style:solid; border-width:0 15px 15px; border-color:#eb3300 transparent; width:0 ;z-index:1; top:-15px; left:20px;}
}

@media screen and (max-width:400px) {
	.question_balloon			{width:80%; font-size:16px;}
	.question_balloon:after		{border-style:solid; border-width:0 15px 15px; border-color:#eb3300 transparent; width:0 ;z-index:1; top:-15px; left:20px;}
}

/* Answer */
.answerArea					{overflow:hidden; padding:20px 0; position:absolute; opacity:0; width:100%; /*height:100%;*/ top:0px; right:0; background:transparent; -webkit-transform:none; -moz-transform:none; -ms-transform:none; -o-transform:none; transform:none;}
.visible .answerArea		{opacity:1; transform:translate(0%,20%); transition:transform 1.5s cubic-bezier(.41,.20,.25,2);}

.answer_balloon				{position:relative; display:block; padding:30px; left:25%; right:0px; width:70%; height:auto; background:#FFFFFF; font-size:20px; font-weight:500; letter-spacing:-1.2px; border:#EB3300 solid 2px;
							-webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; 
							-webkit-box-shadow: 8px 6px 15px -6px rgba(0,0,0,0.5); box-shadow: 8px 6px 15px -6px rgba(0,0,0,0.5);}
.answer_balloon:after		{content: ''; position:absolute; border-style:solid; border-width:0 15px 15px; border-color:#FFFFFF transparent; display:block; width:0; z-index:5; top:-15px; right:80px;}
.answer_balloon:before		{content: ''; position:absolute; border-style:solid; border-width:0 16px 16px; border-color:#EB3300 transparent; display:block; width:0; z-index:4; top:-18px; right:79px;}

@media screen and (max-width:980px) {
	.visible .answerArea		{transform:translate(0%,15%) !important;}
	.answer_balloon				{padding:20px; left:15%; width:80%; font-size:16px;}
	.answer_balloon:after		{top:-14px; right:20px;}
	.answer_balloon:before		{top:-17px; right:19px;}
}

@media screen and (max-width:400px) {
	.visible .answerArea		{transform:translate(0%,15%) !important;}
	.answer_balloon				{padding:20px; left:5%; width:90%; font-size:15px;}
}

/* in Section */
.action_area				{height:100%; width:100%; z-index:1}
.action_area .in_section	{padding:0 40px;}

@media screen and (max-width:980px) {
	.action_area	.in_section	{padding:0 20px;}
}

/* section1 */
.sectionWRAP.section1										{height:550px;}

.section1> .action_area	.in_sectionBG						{position:relative; background-color:#EB3300; top:0px; left:0px; height:60%; width:100%; text-align:center;}

.section1> .action_area	.in_sectionBG .step1_logo			{position:absolute; width:100%; top:calc(50% - 50px); left:0px; transform:translateY(-50%);}
.section1> .action_area	.in_sectionBG .step1_logo i.englogo	{display:inline-block; width:45%; height:auto;}

.section1> .action_area	.in_sectionBG .step1_text			{position:absolute; width:100%; top:calc(50% + 20px); left:0; transform:translateY(-50%); text-align:center; color:#FFF; font-size:38px; font-weight:700; letter-spacing:-2px;}

.section1> .action_area	.in_sectionBG .step1_decoWRAP		{position:absolute; width:100%; top:calc(30% - 25px); left:0; transform:translateY(-30%); font-size:340px; font-weight:900; letter-spacing:-1px;}
.section1> .action_area	.in_sectionBG .step1_decoWRAP .ld	{position:absolute; left:8%; background:-webkit-linear-gradient(#FFF 50%, #EB3300 50%); -webkit-background-clip:text; -webkit-text-fill-color:transparent;}
.section1> .action_area	.in_sectionBG .step1_decoWRAP .rd	{position:absolute; right:8%; background:-webkit-linear-gradient(#FFF 50%, #EB3300 50%); -webkit-background-clip:text; -webkit-text-fill-color:transparent;}

.section1 .step1_slogan						{position:absolute; text-align:center; width:100%; top:75%; left:50%; transform:translateX(-50%); color:#333; font-size:22px; font-weight:900; letter-spacing:-1px; opacity:0;  z-index:2}

.section1 .actionOpacity					{opacity:0; -webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -ms-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; transition:all 0.3s ease-out;}
.section1 .visible.actionOpacity			{opacity:1; -webkit-transform:none; -moz-transform:none; -ms-transform:none; -o-transform:none; transform:none;}
.section1 .visible .actionOpacity.delay_1	{opacity:1; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; transition-delay: .5s;}
.section1 .visible .actionOpacity.delay_2	{opacity:1; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; transition-delay: 1s;}
.section1 .visible .actionOpacity.delay_3	{opacity:1; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; transition-delay: 1.5s;}
.section1 .visible .allo					{opacity:1; transition:transform .8s cubic-bezier(.41,.01,5.27,3); transform:translate(-50%,-50%); transition-delay: 1.5s;}

@media screen and (max-width:980px) {
	.sectionWRAP.section1										{height:280px}
	.section1> .action_area	.in_sectionBG .step1_logo			{top:calc(50% - 30px);}
	.section1> .action_area	.in_sectionBG .step1_text			{top:calc(50% + 10px); font-size:16px;}

	.section1> .action_area	.in_sectionBG .step1_decoWRAP		{top:calc(50% - 21px); font-size:140px;}
	.section1> .action_area	.in_sectionBG .step1_decoWRAP .ld	{left:4%;}
	.section1> .action_area	.in_sectionBG .step1_decoWRAP .rd	{right:4%;}
	.section1 .step1_slogan										{width:100%; font-size:14px;}
}


/* section2 */
.sectionWRAP.section2				{height:550px;}
.section2 .answer_balloon			{height:350px;}

.in01_balloon						{opacity:0; padding:0 20px; position:absolute; text-align:center; width:100%; top:; left:0px; transform:translate(0%,80%); will-change:transform; color:#222; z-index:10;}
.in02_balloon						{opacity:0; padding:0 20px; position:absolute; text-align:center; width:100%; top:120px; left:50%; transform:translate(-50%,-200%); will-change:transform; z-index:9;}
.in03_balloon						{opacity:0; padding:0 20px; position:absolute; text-align:center; width:100%; top:200px; left:0; transform:translate(0%,300%); will-change:transform; color:#222; z-index:8;}

.section2 .visible .in01_balloon	{opacity:1; transition:transform .6s cubic-bezier(.41,.01,.27,2); transform:translate(0%,0%); transition-delay: .5s;}
.section2 .visible .in02_balloon	{opacity:1; transition:transform .8s cubic-bezier(.21,.01,.27,2); transform:translate(-50%,-25%); transition-delay: .75s;}
.section2 .visible .in03_balloon	{opacity:1; transition:transform .4s cubic-bezier(.41,.01,.27,1); transform:translate(0%,25%); transition-delay: 1.0s;}

@media screen and (max-width:980px) {
	.sectionWRAP.section2				{height:440px;}
	.section2 .answer_balloon			{height:310px;}
	.section2 .in02_balloon				{top:100px; transform:translate(-50%,-250%);}
	.section2 .in03_balloon				{top:150px; left:0; transform:translate(0%,300%);}
}


/* section3 */
.sectionWRAP.section3				{height:790px;}
.section3 .answer_balloon			{height:570px;}


.section3 .in01_balloon				{opacity:0; padding:0 20px; position:absolute; text-align:center; width:100%; top:40px;  left:0px; transform:translate(0%,80%); will-change:transform; color:#222; z-index:10;}
.section3 .in02_balloon				{opacity:0; padding:0 20px; position:absolute; text-align:center; width:100%; top:120px; left:calc(50% + 15px); transform:translate(250%,-25%); will-change:transform; z-index:9;}
.section3 .in03_balloon				{opacity:0; padding:0 20px; position:absolute; text-align:center; width:100%; top:200px; left:0; transform:translate(0%,300%); will-change:transform; color:#222; z-index:8;}
.section3 .in04_balloon				{opacity:0; padding:0 20px; position:absolute; text-align:center; width:100%; top:300px; left:50%; 
									-webkit-transform:translateX(-50%) rotate(90deg); -moz-transform:translateX(-50%) rotate(90deg); -ms-transform:translateX(-50%) rotate(90deg); -o-transform:translateX(-50%) rotate(90deg); transform:translateX(-50%) rotate(90deg);
									-webkit-transition:all 0.5s ease-out; -moz-transition:all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out;}
.section3 .in05_balloon				{opacity:0; padding:0 20px; position:absolute; text-align:center; width:100%; top:410px; left:0; transform:translate(0%,300%); will-change:transform; color:#222; z-index:8;}

.section3 .visible .in01_balloon	{opacity:1; transition:transform .6s cubic-bezier(.41,.01,.27,2); transform:translate(0%,0%); transition-delay: .5s;}
.section3 .visible .in02_balloon	{opacity:1; transition:transform 1.9s cubic-bezier(.41,.01,.27,1); transform:translate(-50%,-25%); transition-delay: .75s;}
.section3 .visible .in03_balloon	{opacity:1; transition:transform .4s cubic-bezier(.41,.01,.27,1); transform:translate(0%,25%); transition-delay: 1.0s;}
.section3 .visible .in04_balloon	{opacity:1; left:50%; -webkit-transform:none; -moz-transform:none; -ms-transform:none; -o-transform:none; transform:none; transform:translate(-50%,0%); transition-delay:2.25s;}
.section3 .visible .in05_balloon	{opacity:1; transition:transform .4s cubic-bezier(.41,.01,.27,1); transform:translate(0%,25%); transition-delay: 1.5s;}

.section3 .logo_trance				{width:100px;}

@media screen and (max-width:980px) {
	.sectionWRAP.section3				{height:680px;}
	.section3 .visible .answerArea		{transform:translate(0%,12%) !important;}
	.section3 .answer_balloon			{height:500px;}

	.section3 .in01_balloon				{top:20px;  left:0px;}
	.section3 .in02_balloon				{top:100px; left:calc(50% + 5px); transform:translate(250%,-25%); }
	.section3 .in03_balloon				{top:150px; left:0; transform:translate(0%,300%); }
	.section3 .in04_balloon				{top:260px; left:50%; }
	.section3 .in05_balloon				{top:340px; left:0; }

}


/* section4 */
.sectionWRAP.section4				{height:800px;}
.section4 .answer_balloon			{height:600px;}

.section4 .in01_balloon				{opacity:0; padding:0 20px; position:absolute; text-align:center; width:100%; top:40px;  left:0px; transform:translate(0%,80%); will-change:transform; color:#222; z-index:10;}
.section4 .in02_balloon				{opacity:0; padding:0 20px; position:absolute; text-align:center; width:100%; top:260px; left:50%; transform:translate(-250%,-25%); will-change:transform; z-index:9;}
.section4 .in03_balloon				{opacity:0; padding:0 20px; position:absolute; text-align:center; width:100%; top:340px; left:0;   transform:translate(0%,300%); will-change:transform; color:#222; z-index:8;}
.section4 .in04_balloon				{opacity:0; padding:0 20px; position:absolute; text-align:center; width:100%; top:410px; left:50%; transform:translate(-250%,-25%); will-change:transform; z-index:9;}
.section4 .in05_balloon				{opacity:0; padding:0 20px; position:absolute; text-align:center; width:100%; top:490px; left:0;   transform:translate(0%,300%); will-change:transform; color:#222; z-index:8;}


.section4 .visible .in01_balloon	{opacity:1; transition:transform .6s cubic-bezier(.41,.01,.27,2); transform:translate(0%,0%); transition-delay: .5s;}
.section4 .visible .in02_balloon	{opacity:1; transition:transform 1.9s cubic-bezier(.41,.01,.27,1); transform:translate(-49%,-25%); transition-delay: .75s;}
.section4 .visible .in03_balloon	{opacity:1; transition:transform .4s cubic-bezier(.41,.01,.27,1); transform:translate(0%,25%); transition-delay: 1.0s;}
.section4 .visible .in04_balloon	{opacity:1; transition:transform .9s cubic-bezier(.41,.01,.27,1); transform:translate(-49%,-25%); transition-delay: 1.25s;}
.section4 .visible .in05_balloon	{opacity:1; transition:transform .4s cubic-bezier(.41,.01,.27,1); transform:translate(0%,25%); transition-delay: 1.5s;}

@media screen and (max-width:980px) {
	.sectionWRAP.section4				{height:620px;}
	.section4 .answer_balloon			{height:520px;}
	.section4 .visible .answerArea		{transform:translate(0%,8%) !important;}

	.section4 .in01_balloon				{top:20px;  left:0px;}
	.section4 .in02_balloon				{top:260px; left:50%;}
	.section4 .in03_balloon				{top:300px; left:0;  }
	.section4 .in04_balloon				{top:360px; left:50%;}
	.section4 .in05_balloon				{top:420px; left:0;  }
}


/* section5 */
.sectionWRAP.section5				{margin:20px 0 50px 0;}
.section5> .action_area				{height:100%; width:100%; z-index:1;}
.section5> .action_area	.in_section	{position:relative; overflow:hidden; width:100%; height:400px; padding:0 40px; background-image:url(/shop/img/sub/service_gogifarmBG.jpg); background-repeat:no-repeat; background-position:center; background-size:cover;}

.section5 .txt_group				{position:relative; width:100%; height:100%;}
.section5 .upAni					{opacity:0; -webkit-transform:translateY(100px); -moz-transform:translateY(100px); -ms-transform:translateY(100px); -o-transform:translateY(100px); transform:translateY(100px);
									-webkit-transition:all 0.5s ease-out; -moz-transition:all 0.5s ease-out; -ms-transition:all 0.5s ease-out; -o-transition:all 0.5s ease-out; transition:all 0.5s ease-out;}
.section5 .upAni:nth-child(1)		{width:100%; position:absolute; left:; top:calc(50% - 25px); text-align:center; font-size:24px; font-weight:500; letter-spacing:-1.2px; color:#fff; transition-delay:0.2s; text-shadow:2px 2px 4px rgba(0, 0, 0, 0.8);}
.section5 .upAni:nth-child(2)		{width:100%; position:absolute; left:; top:calc(50% + 50px); text-align:center; font-size:32px; font-weight:700; letter-spacing:-1.4px; color:#fff; transition-delay:0.8s; text-shadow:2px 2px 4px rgba(0, 0, 0, 0.8);}
.section5 .visible .upAni			{opacity:1; -webkit-transform:none; -moz-transform:none; -ms-transform:none; -o-transform:none; transform:none; }

@media screen and (max-width:980px) {
	.section5> .action_area	.in_section	{height:200px; padding:0 40px;}
	.section5 .upAni:nth-child(1)		{top:calc(50% - 60px); font-size:16px; font-weight:500;}
	.section5 .upAni:nth-child(2)		{top:calc(50% + 0px); font-size:20px; font-weight:700;}
}


/*******************************************************************************************************************************************
*	SubVisual 
*******************************************************************************************************************************************/
.subVisual_videoWrap		{overflow:hidden; position:relative; margin:40px auto; height:60vh; border-radius:var(--round-large);}
.subVisual_videoWrap:after	{position:absolute; left:0; top:0; width:100%; height:100%; background-color:rgba(0,0,0,.3); content:''; transition:height 0.5s ease-in-out;}
.subVisual_videoWrap video	{position:absolute; top:50%; left:50%; width:100%; height:auto; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);}

.video_titArea				{position:absolute; font-family:celmonHG; width:50%;font-weight:700; letter-spacing:-1px; text-align:center; top:50%; left:50%; z-index:1; font-size:var(--FS36); line-height:1.5; color:#fff; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%)}
.skin_tit					{position:relative; width:100%; display:block; letter-spacing:10px; font-weight:400; font-size:var(--FS-mm-large); margin:0px auto 12px}
.skin_tit:after				{content:''; display:block; position:absolute; left:0px; top:50%; width:15%; height:1px; background-color:rgba(255,255,255,.65);}
.skin_tit:before			{content:''; display:block; position:absolute; right:0px; top:50%; width:15%; height:1px; background-color:rgba(255,255,255,.65);}

@media screen and (max-width:980px) {
	.subVisual_videoWrap		{margin:0px auto; border-radius:0px; max-height:360px;}
	.video_titArea				{font-size:var(--FS30);} 
	.skin_tit					{font-size:var(--FS18);}
}

@media screen and (max-width:640px) {
	.subVisual_videoWrap		{max-height:330px;}
}

@media screen and (max-width:580px) {
	.subVisual_videoWrap		{max-height:280px;}
	.video_titArea				{font-size:var(--FS16);} 
	.skin_tit					{font-size:var(--FS12);}
}

@media screen and (max-width:500px) {
	.subVisual_videoWrap		{margin:0px auto; border-radius:0px; max-height:200px;}
}

.visual_inbtn					{display:flex; align-items:center; justify-content:center; position:absolute; right:25px; top:25px; width:80px; height:80px; border-radius:50%; background-color:var(--IDTcolor); z-index:1;
								font-family:celmonHG; font-weight:800; font-size:20px; word-break: break-word; color:#FFF;
								-webkit-animation:use_guide 1s .2s infinite ease; -moz-animation:use_guide 1s .2s infinite ease; -ms-animation:use_guide 1s .2s infinite ease; -o-animation:use_guide 1s .2s infinite ease; animation:use_guide 1s .2s infinite ease;}
.visual_inbtn:hover				{color:#000;}

@-moz-keyframes use_guide		{0% { -moz-transform:translatey(0px);} 50% { -moz-transform:translatey(5px);} 100% { -moz-transform:translatey(0px);}}
@-webkit-keyframes use_guide	{0% { -webkit-transform:translatey(0px);} 50% { -webkit-transform:translatey(5px);} 100% { -webkit-transform:translatey(0px);}}
@-ms-keyframes use_guide		{0% { -ms-transform:translatey(0px);} 50% { -ms-transform:translatey(5px);} 100% { -ms-transform:translatey(0px);}}


/*******************************************************************************************************************************************
*	Special Lounge
*******************************************************************************************************************************************/
.special_guide > section				{width:100%; text-align:center;}
.special_guide > section.section1		{margin:80px auto 20px auto;}
.special_guide > section.section3		{position:relative; margin:0px auto; padding:70px 0; background-color:#eaeef8;}
.special_guide > section.section4		{padding:70px 0;}
.special_guide > section.section5		{margin:30px auto;}

.special_guide .title					{font-size:var(--FS-big); font-family:celmonHG; font-weight:200; color:#141414; margin-bottom:40px;}
.special_guide .subtitle				{font-size:var(--FS-large); letter-spacing:var(--LS-basic); color:var(--mygray)}
.special_guide .addtitle				{display:inline-block; font-size:var(--FS-m-large); color:#39436c; font-weight:600; letter-spacing:-1px; padding:20px 0 5px 0; margin:10px 0; border-bottom:2px solid #39436c;}
.special_guide .desctitle				{display:block; font-size:var(--FS16); color:#777; padding:20px 0 5px 0;}

/* Kakao Guide */
.kakaoguide								{display:flex; align-items:stretch; justify-content:space-between; margin:40px auto; color:#555; font-weight:600; list-style:none; padding:0;}
.kakaoguide > li						{position:relative; width:23%; min-height:320px; border:1px solid #EEE; margin:0px; padding:160px 20px 20px; letter-spacing:var(--LS-basic); background-color:#FFF;}
.kakaoguide > li .title					{display:block; margin:0 0 20px; font-size:var(--FS-m-large); font-weight:700; line-height:25px;}
.kakaoguide > li .desc					{display:block; font-size:var(--FS15); line-height:22px;}
.kakaoguide > li:before					{position:absolute; top:30px; left:50%; content:""; display:block; width:100px; height:100px; margin:0 0 0 -50px; background-image:url('/shop/img/special/icon_kakaoguide.png'); background-repeat:no-repeat; }
.kakaoguide > li:nth-child(2):before	{background-position:-100px 0;}
.kakaoguide > li:nth-child(3):before	{background-position:-200px 0;}
.kakaoguide > li:nth-child(4):before	{background-position:-300px 0;}
.kakaoguide a							{display:block; margin-top:10px; font-weight:600; color:#FFF; background-color:var(--IDTcolor); padding:10px 8px;}
.kakaoguide a:hover						{opacity:0.8!important; filter:alpha(opacity=80)!important; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"!important;}

/* How to receive */
.codeguide 								{position:relative; margin-top:40px; display:flex; justify-content:space-evenly; align-items:stretch; list-style:none; padding:0;}
.codeguide li							{position:relative; width:320px; min-height:280px; margin:0 0 0 19px; padding:50px 20px 44px; color:#444; border-radius:2px; text-align:center; background-color:#fff; letter-spacing:-0.02em;}
.codeguide li .title					{display:block; margin:0 0 20px; font-size:var(--FS-m-large); font-weight:700; line-height:25px;}
.codeguide li .desc						{display:block; font-size:14px; line-height:1.5; color:var(--mygray002); letter-spacing:-1px;}
.codeguide li .desc img					{vertical-align:middle; margin:-2px 0 0; }
.codeguide li:before					{content:""; display:block; width:100px; height:100px; margin:0 auto 18px; background-image:url('/shop/img/special/icon_premiumcode.png'); background-repeat:no-repeat; }

.codeguide li:nth-child(2):before		{background-position:-100px 0;}
.codeguide li:nth-child(3):before		{background-position:-200px 0;}

.go_specialBtn							{background-color:var(--IDTcolor); padding:15px 20px; border-radius:30px; font-size:var(--FS-m-large); font-weight:700; color:#FFF;}
.go_specialBtn:hover					{background-color:var(--IDTcolor_dark);color:#FFF;}



@media screen and (max-width:980px) {
	.special_guide > section.section1		{margin:40px auto 20px auto;}
	.special_guide > section.section4		{padding:40px 0;}

	.special_guide .title					{font-size:var(--FS24); margin-bottom:20px;}
	.special_guide .subtitle				{font-size:var(--FS16);}
	.special_guide .addtitle				{font-size:var(--FS18); padding:20px 0 5px 0; margin:10px 0;}
	.special_guide .desctitle				{font-size:var(--FS14); padding:20px 0 5px 0;}

	.kakaoguide								{display:flex; flex-direction:column; align-items:center; justify-content:space-around; margin:40px auto; color:#555; font-weight:600;}
	.kakaoguide > li						{position:relative; width:100%; min-height:340px; max-width:340px; border:1px solid #EEE; margin:0 0 20px 0; padding:160px 20px 20px; letter-spacing:var(--LS-basic); background-color:#FFF;}

	.codeguide 								{display:flex; flex-direction:column; align-items:center; justify-content:space-around;}
	.codeguide li							{position:relative; min-height:280px; margin:0 0 15px 0; padding:40px 20px 44px;}
}



/*******************************************************************************************************************************************
*	User Guide
*******************************************************************************************************************************************/
.use_guideWrap		{-webkit-text-size-adjust:none; font-family:celmonHG;}
.use_guideWrap H1	{display:block; padding:30px 0; font-size:40px; font-weight:800; letter-spacing:-0.03em; color:var(--IDTcolor); text-align:center;}

.merit32Box			{display:flex; width:100%; justify-content:space-between; flex-wrap:wrap;}
.merit32Box li		{display:flex; margin:20px 0px; width:calc(50% - 20px); padding:30px; background:#FFF; border:1px solid #E5E5E5; border-radius:10px;}
.merit32Box p		{font-size:15px; line-height:1.8; font-family:NanumSquareNeo; letter-spacing:-0.05em; color:#888;}

.numBoxArea			{display:flex; flex-direction:column; margin-right:30px; min-width:110px;}
.numBox				{width:25px; height:25px; text-align:center; background:var(--IDTcolor); border-radius:1px; line-height:25px; color:#FFF; font-weight:600;}
.numBoxLine			{display:block; margin:10px 0px; background:var(--IDTcolor); color:#FFF; width:100%; height:2px;}
.numBoxTit			{display:block; color:var(--IDTcolor); font-size:20px; font-weight:600; border-radius:1px;}

@media screen and (max-width:980px) {
	.merit32Box li	{display:flex; margin:20px 0px; width:100%;}
	.merit32Box p	{font-size:13px;}
}