@charset "utf-8";
body,table,input,textarea,select,optgroup,button{ font-size:16px}
/* 네이티브 화살표 대체 */
select					{ padding-right:45px; background-position:100% -3px; border:1px solid #e3e3e3}
/* Forms */
textarea,select,input[type="text"],input[type="password"],input[type="email"],input[type="file"],input[type="url"],input[type="number"],input[type="tel"]{ height:40px}
textarea				{ height:auto}

/* MOBILE */
/* File Browser */
.file-input				{ width:70% !important}
.file-input-div .file-button{ width:30% !important}
/* Scroll To Top */
#back-top				{ right:15px; bottom:20px; width:50px; height:50px; background-size:50px}
/* Kakao Map */
#map,#d-map,#d-roadview	{ height:250px}
/* 모달윈도우 */
.mw-close				{ top:11px; right:15px}
.mw .pop-layer .layer-header h1{ padding-left:15px; height:50px; font-size:18px; line-height:48px}
.mw .pop-layer .layer-body{ padding:20px 15px}
.mw .pop-layer .layer-body h3{ margin-bottom:10px; font-size:18px}
.mw .pop-layer .layer-body .auto-scroll{ height:300px; overflow-y:auto}
.mw .pop-layer .layer-body .auto-scroll.terms{ height:400px}
.mw .pop-layer.w800		{ top:50px; margin-left:-45%; width:90%}
/* Table */
.default				{ margin-bottom:10px}
.default p				{ margin-top:10px; line-height:20px}
.default caption		{ font-size:16px}
.default thead th,.default tfoot th,.default th{ padding:10px 5px}
.default th,.default td	{ line-height:20px}
.default td				{ padding:10px 10px}
.default.cap			{ margin-bottom:30px}
.default.cap table th,.default.cap table td{ padding:15px 20px; height:auto; line-height:24px}
/* Tab Menu */
ul.tab-menu				{ margin-bottom:30px; width:100%}
ul.tab-menu li			{ margin-left:1%}
ul.tab-menu li,ul.tab-menu li button{ height:40px; line-height:38px}
ul.tab-menu.col2 li		{ width:50%}
ul.tab-menu.col3 li		{ width:32.5%}
ul.tab-menu.col3 li:first-child{ width:33%}
/* Global Navigation Bar */
.gnb					{ display:none}
/* Full Down Menu */
.full-down-menu			{ left:0; top:0; width:100%; height:100vh}
.full-down-menu .gnb-full{ margin:0 auto}
.full-down-menu .gnb-full button{ right:0; top:0; width:50px; height:50px}
.full-down-menu .gnb-full li{ padding:0 50px; text-align:center}
.full-down-menu .gnb-full li:first-child{ margin-top:100px}
.full-down-menu .gnb-full li:first-child strong{ border-top:1px solid #dadde2}
.full-down-menu .gnb-full li strong{ padding:30px 50px; font-size:20px; line-height:16px}
.full-down-menu .gnb-full li li:first-child{ margin-top:9px; width:auto}
.full-down-menu .gnb-full li li span{ padding:6px 15px}
.full-down-menu .gnb-full .user-info{ padding:9px 15px 0 15px; height:50px}
.full-down-menu .gnb-full .user-info a{ margin-right:3px; padding:3px 10px; font-size:14px}
/* 약관 및 개인정보처리방침 */
.terms-service .summary-box{ font-size:14px; line-height:20px}
.terms-service .summary-box h3{ margin:20px 0 7px 0; font-size:20px}
.terms-service .summary-box h4{ margin-bottom:10px; font-size:18px}
/* Layout */
.header-content,.footer-content,section article{ width:100%}
.header-content,.body.main section article{ padding:0}
.body,.body.main		{ padding:0}
.header					{ padding:0; height:60px}
.header-content			{ margin:0; height:60px}
.header-content h1		{ top:17px; left:15px; width:120px; height:31px; background-position:0 0}
.header-content .all-menu{ display:block; top:10px; right:15px}
.header-content .all-menu>button{ width:40px; height:40px; background-position:50% 50%; background-size:contain}
.footer					{ font-size:14px; background-size:cover}
.footer strong			{ margin-left:15px}
.footer .footer-content h2{ margin-bottom:12px; font-size:22px}
.footer .footer-content	{ padding:15px}
.footer .address p		{ margin-top:10px; line-height:22px}
.footer .address p:first-child{ margin-top:0}
.footer .address p:last-child{ margin-top:20px}
.footer .address span	{ display:block}
.footer .copyright strong{ margin-left:0 !important}
.footer .footer-menu	{ margin-bottom:15px}
.footer .footer-menu li	{ float:left; padding:8px 5px; width:50%; text-align:center; border:1px solid #e3e3e3; border-left:0}
.footer .footer-menu li button{ margin:0; padding:0; width:auto; font-size:14px; line-height:16px}
.footer .footer-menu li:nth-child(1),.footer .footer-menu li:nth-child(3){ border-left:1px solid #e3e3e3}
.footer .footer-menu li:nth-child(3),.footer .footer-menu li:nth-child(4){ border-top:0}
.footer .footer-menu li:nth-child(3) button,.footer .footer-menu li:nth-child(4) button{ letter-spacing:-0.03em}
/* Swiper */
.swiper-container-horizontal>.swiper-pagination-bullets{ bottom:80px; padding-left:85px}
.swiper-container-horizontal>.swiper-scrollbar{ left:52%; bottom:90px; width:60%}
section.video .swiper-pagination-custom,section.service .swiper-pagination-custom{ margin-top:30px}
.play-stop				{ bottom:83px; padding-left:15px}
/* Main */
#mainPromotion			{ height:100vh}
#mainPromotion .mask li.slider-1 .img{ background-image:url("/images/contents/slider-m-1.jpg")}
#mainPromotion .mask li.slider-2 .img{ background-image:url("/images/contents/slider-m-2.jpg")}
#mainPromotion .mask li.slider-3 .img{ background-image:url("/images/contents/slider-m-3.jpg")}
#mainPromotion .mainSlogan{ left:50%; top:45%}
#mainPromotion .mainSlogan span,#mainPromotion .mainSlogan strong{ font-size:1.75rem; line-height:1.3}
#mainPromotion .mainSlogan .main,#mainPromotion .mainSlogan .desc{ padding-left:15px}
#mainPromotion .mainSlogan .desc{ margin-top:20px}
#mainPromotion .mainSlogan .desc span{ font-size:1rem; line-height:0.5}
#mainPromotion .mainSlogan .btnMore{ margin-left:15px; margin-top:30px; width:100px; height:45px; line-height:45px; border:0}
#mainPromotion .mainSlogan .promoImg{ bottom:-80px; width:280px}
#mainPromotion li.slider-1 .mainSlogan .btnMore,#mainPromotion li.slider-2 .mainSlogan .btnMore,#mainPromotion li.slider-3 .mainSlogan .btnMore{ margin-top:80px}
#mainPromotion li.slider-1 .mainSlogan .promoImg,#mainPromotion li.slider-3 .mainSlogan .promoImg{ left:15px}
#mainPromotion li.slider-2 .mainSlogan .promoImg{ left:-5px}
section.video,section.service,section.benefits,section.contact,section.download{ padding:50px 20px}
section.video.padding-top,section.service.padding-top,section.benefits.padding-top,section.contact.padding-top,section.download.padding-top{ padding-top:110px}
section.benefits .head-title strong,section.contact .head-title strong{ color:#fff}
section.video .head-title,section.service .head-title,section.benefits .head-title,section.contact .head-title,section.download .head-title{ margin-bottom:50px}
section .head-title span{ margin-left:10px}
section .head-title span,section .head-title strong{ font-size:1.35rem; line-height:1.3}
/*section .head-title h1 span,section .head-title h1 strong{ font-size:20px}*/
section .head-title img	{ width:135px}
ul.link-service li em	{ margin-bottom:15px}
ul.link-service li strong{ font-size:18px; line-height:22px}
ul.link-service li span span span span{ padding:0 10px; font-size:14px; line-height:18px}
ul.link-service li span span span strong{ margin-bottom:10px; padding:0 5px; font-size:17px}
ul.inline-item li		{ margin:10px; width:130px}
ul.inline-item li em	{ margin-bottom:10px; padding-top:35px; height:130px}
ul.inline-item li img	{ width:60px}
ul.inline-item li span	{ line-height:20px}
/* ETC Classes */
.input-full,.input-half	{ width:100%}
.input-midium			{ width:46%}
.input-small			{ width:29.5%}
.help-fix				{ right:20px}
.input-email1			{ width:45%}
.input-email2			{ width:45%}
.input-email3			{ width:100%}
/* 문의하기 */
.buttonWrap				{ margin-top:20px}
.contact input[type=submit]{ padding:0 20px; height:40px; line-height:38px}
.contact .form-contact	{ padding:0}
ul.contact-input		{ margin-top:30px}
ul.contact-input li		{ margin-bottom:10px; padding:5px 0}
ul.contact-input li:first-child{ margin-bottom:20px}
ul.contact-input li li,ul.contact-input li li:first-child,ul.contact-input li li:last-child{ margin:0}
ul.contact-input li input[type=text],
ul.contact-input li input[type=email]{ height:40px; line-height:normal}
ul.contact-input li textarea{ height:auto}
ul.contact-input li	select{ margin:5px 0 10px 0}
ul.contact-input ol.inline li{ float:left; padding:0; width:50%}
ul.contact-input li button{ position:absolute; top:0; right:0; padding:0 10px; height:30px; font-size:14px; line-height:28px}
ul.contact-input li .fl-left{ width:100%; text-align:left}
ul.contact-input li		{ padding-left:15px; padding-right:15px}
ul.contact-input li li	{ padding:0}
/* 앱다운로드 */
.app-download			{ margin-top:50px}
.app-download ul li		{ margin-left:15px; width:140px}
.app-download ul li em	{ margin-bottom:10px; padding:10px}
.app-download ul li span{ width:100px}
.app-download .app-QR,.app-download .app-img{ margin:0 auto; width:320px; text-align:center}
.app-download .app-QR h3{ margin-bottom:20px; font-size:16px}
.app-download .app-img	{ margin-top:30px}
/* 유투브 영상(2021.12.16 추가) */
ul.youtube-list li em	{ margin-top:11px}
ul.youtube-list li strong{ margin-top:15px; font-size:18px; line-height:22px}
ul.youtube-list li span span{ margin-top:7px}
ul.youtube-list .h-bar	{ padding:0 15px; height:40px}
ul.youtube-list .h-bar img{ width:75px}
ul.youtube-list .youtube-thumb,ul.youtube-list .youtube-thumb .image-caption img{ height:230px}
.mw .pop-layer .layer-body iframe{ height:250px}

/* Media Quary ***********************************************************************************/
@media all and (min-width:320px) and (max-width:449px){
	/* Main */
	section.video .head-title span,section.video .head-title strong,
	section.service .head-title span,section.service .head-title strong,section.benefits .head-title span,section.benefits .head-title strong{ display:block}
	section.video .head-title span,section.service .head-title span,section.benefits .head-title span{ margin-top:7px; margin-left:0}
	section.download .head-title span,section.download .head-title strong{ display:block}
	section.download .head-title span span,section.download .head-title span strong{ display:inline-block; vertical-align:middle}
	section.download .head-title span{ margin-top:0; margin-left:0}
	section.download .head-title span span{ margin-top:7px; margin-left:10px}
}
@media all and (min-width:420px){
	/* 모달윈도우 */
	.mw .pop-layer.w800	{ top:20px}
	.mw .pop-layer .layer-body .auto-scroll{ height:170px}
	.mw .pop-layer .layer-body .auto-scroll.terms{ height:200px}
	/* Full Down Menu */
	.full-down-menu .gnb-full li:first-child{ margin-top:50px}
	/* Layout */
	.footer .address p strong{ display:inline-block}
	.footer .footer-menu li:nth-child(3) button,.footer .footer-menu li:nth-child(4) button{ letter-spacing:0}
}
@media all and (min-width:450px){
	/* Main */
	section.download .head-title strong{ display:block}
	section.download .head-title h1 strong:last-child,section.download .head-title span,section.download .head-title span span,section.download .head-title span strong{ display:inline-block; vertical-align:middle}
	section.download .head-title span{ margin-top:0; margin-left:0}
	section.download .head-title span span{ margin-top:7px; margin-left:10px}
}
@media all and (min-width:660px){
	/* Layout */
	.footer .address span{ display:inline-block; margin-right:30px}
	.footer .footer-menu{ margin-bottom:20px}
	/* Main */
	#mainPromotion		{ height:620px}
	#mainPromotion li.slider-2 .mainSlogan{ padding-left:70%}
	#mainPromotion li.slider-2 .mainSlogan .promoImg{ left:auto}
	ul.link-service li span span span span{ padding:0 20px; font-size:16px; line-height:24px}
	ul.link-service li span span span strong{ margin-bottom:15px; font-size:20px}
	ul.inline-item li	{ width:150px}
	ul.inline-item li em{ padding-top:45px; height:150px}
	ul.inline-item li img{ width:70px}
	/* 유투브 영상(2021.12.16 추가) */
	ul.youtube-list .h-bar{ padding:0 20px}
}
@media all and (min-width:768px){
	/* File Browser */
	.file-input			{ width:85% !important}
	.file-input-div .file-button{ width:15% !important}
	/* 모달윈도우 */
	.mw .pop-layer.w800	{ top:50px; margin-left:-300px; width:600px}
	.mw .pop-layer .layer-body .auto-scroll{ height:250px}
	.mw .pop-layer .layer-body .auto-scroll.terms{ height:250px}
	/* Table */
	.default th,.default td,.default.board td a.bu{ font-size:16px}
	.default.cap		{ margin-bottom:50px}
	/* Tab Menu */
	ul.tab-menu li		{ margin-left:1.5%}
	ul.tab-menu li,ul.tab-menu li button{ height:50px; line-height:43px; font-size:18px}
	ul.tab-menu.col3	{ width:500px}
	ul.tab-menu.col3 li	{ width:32%}
	ul.tab-menu.col3 li:first-child{ width:33%}
	/* 약관 및 개인정보처리방침 */
	.terms-service .summary-box{ font-size:16px; line-height:28px; text-align:justify}
	/* Layout */
	.body				{ padding:0}
	.header-content h1	{ left:20px}
	.footer strong		{ margin-left:20px}
	.footer .footer-content{ padding:20px}
	.footer .footer-menu li{ float:none; margin-left:50px; padding:0; width:auto; border:0; text-align:left}
	.footer .footer-menu li:nth-child(1),.footer .footer-menu li:nth-child(2),.footer .footer-menu li:nth-child(3),.footer .footer-menu li:nth-child(4){ border:0; width:auto}
	/* Swiper */
	.swiper-container-horizontal>.swiper-pagination-bullets{ padding-left:120px}
	.swiper-container-horizontal>.swiper-scrollbar{ left:25%; width:75%}
	.play-stop			{ padding-left:50px}
	/* Main */
	#mainPromotion		{ height:900px}
	#mainPromotion .mainSlogan span,#mainPromotion .mainSlogan strong{ font-size:2.75rem; line-height:1.2}
	#mainPromotion .mainSlogan .main,#mainPromotion .mainSlogan .desc{ padding-left:50px}
	#mainPromotion .mainSlogan .desc{ margin-top:30px}
	#mainPromotion .mainSlogan .desc span{ font-size:1.5rem; line-height:1.5}
	#mainPromotion .mainSlogan .btnMore{ margin-left:50px; margin-top:50px; width:150px}
	#mainPromotion .mainSlogan .promoImg{ bottom:-200px; width:450px}
	#mainPromotion li.slider-1 .mainSlogan .btnMore,#mainPromotion li.slider-2 .mainSlogan .btnMore,#mainPromotion li.slider-3 .mainSlogan .btnMore{ margin-top:100px}
	#mainPromotion li.slider-1 .mainSlogan .promoImg,#mainPromotion li.slider-3 .mainSlogan .promoImg{ left:50px}
	#mainPromotion li.slider-2 .mainSlogan{ padding-left:25%}
	#mainPromotion li.slider-2 .mainSlogan .promoImg img{ margin-left:20px}
	section.video,section.service,section.benefits,section.contact,section.download{ padding:100px 30px}
	section.video.padding-top,section.service.padding-top,section.benefits.padding-top,section.contact.padding-top,section.download.padding-top{ padding-top:160px}
	section .head-title span{ margin-top:0; margin-left:10px}
	section .head-title strong{ font-size:1.5rem; line-height:1.5}
	/*section .head-title h1 strong,section .head-title h1 strong span{ font-size:24px}*/
	section .head-title img{ width:150px}
	section.video .head-title span,section.video .head-title strong,
	section.service .head-title span,section.service .head-title strong,section.benefits .head-title span,section.benefits .head-title strong{ display:inline-block}
	section.video .head-title span,section.service .head-title span,section.benefits .head-title span{ margin-top:0}
	ul.link-service li em{ margin-bottom:20px}
	ul.link-service li strong{ font-size:20px}
	ul.inline-item		{ padding-top:20px; width:670px}
	ul.inline-item li	{ margin:20px; width:180px}
	ul.inline-item li em{ margin-bottom:15px; padding-top:55px; height:180px}
	ul.inline-item li img{ width:auto}
	ul.inline-item li span{ font-size:18px; line-height:22px}
	/* ETC Classes */
	.input-half			{ width:50%}
	.input-midium		{ width:47.5%}
	.input-small		{ width:31.5%}
	.help-fix			{ right:30px}
	/* 문의하기 */
	.buttonWrap			{ margin-top:30px}
	.contact input[type=submit]{ padding:0 35px; height:50px; line-height:48px; font-size:18px}
	ul.contact-input li	{ margin-bottom:15px}
	ul.contact-input li input[type=text],
	ul.contact-input li input[type=email]{ height:50px}
	ul.contact-input li button{ padding:0 20px; height:40px; font-size:15px; line-height:38px}
	ul.contact-input ol.inline{ margin:0 auto; width:535px}
	ul.contact-input ol.inline li{ width:145px}
	ul.contact-input ol.inline li:last-child{ width:100px}
	ul.contact-input li	select{ margin:7px 0 15px 0}
	ul.contact-input li	textarea{ padding-top:15px}
	ul.contact-input li .fl-left:first-child{ width:100%}
	ul.contact-input li .fl-left:nth-child(2){ width:60%}
	ul.contact-input li .fl-left:nth-child(3){ width:40%}
	ul.contact-input li	{ padding-left:20px; padding-right:20px}
	ul.contact-input li li{ padding:0}
	/* 앱다운로드 */
	.app-download		{ margin-top:80px}
	.app-download ul li	{ margin-left:10px; width:180px}
	.app-download ul li em{ margin-bottom:15px; padding:15px 20px}
	.app-download ul li span{ width:126px}
	.app-download .app-QR,.app-download .app-img{ width:380px}
	.app-download .app-QR h3{ margin-bottom:30px; font-size:18px}
	.app-download .app-img	{ margin-top:50px}
	/* 유투브 영상(2021.12.16 추가) */
	ul.youtube-list li em{ margin-top:14px}
	ul.youtube-list li strong{ margin-top:20px; font-size:20px}
	ul.youtube-list li span span{ margin-top:10px; font-size:18px}
	ul.youtube-list .h-bar{ height:50px}
	ul.youtube-list .h-bar img{ width:auto}
	section.video .swiper-pagination-custom{ display:none}
	.mw .pop-layer .layer-body iframe{ height:350px}
}
@media all and (min-width:1024px){
	/* Global Navigation Bar */
	.gnb				{ display:block; margin:0 auto; padding:15px 20px 0 0; background:transparent}
	.gnb ul li			{ margin:0; padding-left:100px}
	.gnb ul li span,.gnb ul li strong{ font-size:18px}
	/* 모달윈도우 */
	.mw .pop-layer.w800	{ top:100px; margin-left:-400px; width:800px}
	.mw .pop-layer .layer-body .auto-scroll{ height:auto}
	.mw .pop-layer .layer-body .auto-scroll.terms{ height:450px}
	/* Table */
	.default.cap		{ margin-bottom:80px}
	/* Layout */
	.header-content .all-menu{ display:none}
	.footer .footer-content{ padding:20px 30px}
	/* Main */
	#mainPromotion		{ height:670px}
	#mainPromotion .mask li.slider-1 .img{ background-image:url("/images/contents/slider-1.jpg")}
	#mainPromotion .mask li.slider-2 .img{ background-image:url("/images/contents/slider-2.jpg")}
	#mainPromotion .mask li.slider-3 .img{ background-image:url("/images/contents/slider-3.jpg")}
	#mainPromotion .mainSlogan .promoImg{ bottom:-250px}
	#mainPromotion li.slider-1 .mainSlogan .btnMore,#mainPromotion li.slider-2 .mainSlogan .btnMore,#mainPromotion li.slider-3 .mainSlogan .btnMore{ margin-top:50px}
	#mainPromotion li.slider-2 .mainSlogan{ padding-left:60%}
	/* ETC Classes */
	.input-midium		{ width:200px}
	.input-small		{ width:125px}
	.help-fix			{ right:40px}
	/* 문의하기 */
	ul.contact-input	{ margin-top:50px}
	/* 앱다운로드 */
	.app-download		{ margin-top:80px}
	.app-download ul li em{ margin-bottom:20px}
	.app-download .app-QR{ float:left; width:auto; text-align:left}
	.app-download .app-QR h3{ margin-bottom:40px}
	.app-download .app-img{ float:right; margin-top:-90px; width:500px; text-align:right}
}
@media all and (min-width:1200px){
	/* Main */
	#mainPromotion li.slider-2 .mainSlogan{ padding-left:80%}
	/* 문의하기 */
	ul.contact-input li input[type=text],ul.contact-input li input[type=email]{ height:60px}
	ul.contact-input li .fl-left:first-child{ width:30%}
	ul.contact-input li .fl-left:nth-child(2){ margin-left:1%; width:44%}
	ul.contact-input li .fl-left:nth-child(3){ width:25%}
	ul.contact-input li	select{ margin:10px 0 0 0}
	ul.contact-input li	{ padding-left:30px; padding-right:30px}
	ul.contact-input li li{ padding:0}
	/* 앱다운로드 */
	.app-download .app-img{ margin-top:-160px; width:600px}
	/* 유투브 영상(2021.12.16 추가) */
	ul.youtube-list .youtube-thumb,ul.youtube-list .youtube-thumb .image-caption img{ height:250px}
	.mw .pop-layer .layer-body iframe{ height:400px}
}
@media all and (min-width:1300px){
	/* Scroll To Top */
	#back-top			{ right:50px; bottom:50px; width:65px; height:65px; background-size:auto}
	/* Kakao Map */
	#map,#d-map,#d-roadview{ height:250px}
	/* 모달윈도우 */
	.mw-close			{ top:15px; right:30px}
	.mw .pop-layer .layer-header h1{ padding-left:30px; height:60px; font-size:22px; line-height:58px}
	.mw .pop-layer .layer-body{ padding:30px 30px}
	.mw .pop-layer .layer-body .auto-scroll.terms{ height:500px}
	/* Table */
	.default			{ margin-bottom:20px}
	.default th,.default td,.default.board td button{ font-size:18px; line-height:24px}
	.default.cap table th,.default.cap table td{ padding:25px 45px; line-height:28px}
	.default.cap table th strong{ font-size:20px}
	/* Tab Menu */
	ul.tab-menu			{ margin-bottom:50px}
	ul.tab-menu li,ul.tab-menu li button{ height:60px; line-height:56px}
	/* Global Navigation Bar */
	.gnb				{ padding:23px 50px 0 0}
	.gnb ul li span,.gnb ul li strong{ font-size:22px}
	/* 약관 및 개인정보처리방침 */
	.terms-service .summary-box h3{ margin:40px 0 10px 0}
	.terms-service .summary-box h4{ margin-bottom:15px}
	/* Layout */
	.header				{ padding:0 50px; height:80px}
	.header-content		{ height:80px}
	.header-content h1	{ top:20px; left:50px; width:176px; height:46px}
	.footer				{ background-size:auto}
	.footer .footer-content h2{ margin-bottom:12px; font-size:22px}
	.footer .footer-content{ padding:35px 50px}
	.footer .address p	{ margin-top:8px; line-height:22px}
	.footer .address p:first-child{ margin-top:0}
	.footer .address p:last-child{ margin-top:20px}
	.footer .address strong{ margin-left:20px}
	.footer .copyright strong{ margin-left:0}
	.footer .footer-menu{ margin-bottom:30px}
	.footer .footer-menu li button{ font-size:16px; line-height:normal}
	/* Swiper */
	.swiper-container-horizontal>.swiper-pagination-bullets{ bottom:85px; padding-left:180px}
	.swiper-container-horizontal>.swiper-scrollbar{ left:30%; bottom:100px; width:70%}
	.play-stop			{ bottom:88px; padding-left:105px}
	/* Main */
	#mainPromotion		{ height:960px}
	#mainPromotion .mainSlogan{ left:50%; top:45%}
	#mainPromotion .mainSlogan span,#mainPromotion .mainSlogan strong{ font-size:3.85rem}
	#mainPromotion .mainSlogan .main,#mainPromotion .mainSlogan .desc{ padding-left:80px}
	#mainPromotion .mainSlogan .desc span{ font-size:1.8rem; line-height:1.3}
	#mainPromotion .mainSlogan .btnMore{ margin-left:80px; margin-top:100px; height:55px; line-height:55px; font-size:18px}
	#mainPromotion li.slider-2 .mainSlogan{ padding-left:75%}
	#mainPromotion .mainSlogan .promoImg{ bottom:-390px; width:605px}
	#mainPromotion li.slider-1 .mainSlogan .btnMore,#mainPromotion li.slider-3 .mainSlogan .btnMore{ margin-top:100px}
	#mainPromotion li.slider-2 .mainSlogan .btnMore{ margin-top:50px}
	#mainPromotion li.slider-1 .mainSlogan .promoImg,#mainPromotion li.slider-3 .mainSlogan .promoImg{ left:100px}
	#mainPromotion li.slider-2 .mainSlogan .promoImg{ text-align:right}
	#mainPromotion li.slider-2 .mainSlogan .promoImg img{ margin-left:35px}
	section.video,section.service,section.benefits,section.contact,section.download{ padding:0 80px; height:960px}
	section.video,section.service{ padding-top:205px}
	section.benefits	{ padding-top:190px}
	section.contact		{ padding-top:90px}
	section.download	{ padding-top:205px}
	section.video.padding-top,section.service.padding-top{ padding-top:265px}
	section.benefits.padding-top{ padding-top:220px}
	section.contact.padding-top{ padding-top:120px}
	section.download.padding-top{ padding-top:225px}
	section.video .head-title,section.service .head-title,section.benefits .head-title{ margin-bottom:120px}
	section.contact .head-title{ margin-bottom:50px}
	section.download .head-title{ margin-bottom:50px}
	section .head-title strong{ font-size:2.3rem}
	section .head-title img{ width:auto}
	ul.link-service li strong{ font-size:22px}
	ul.link-service li span span span span{ padding:0 30px; font-size:18px; line-height:26px}
	ul.link-service li span span span strong{ margin-bottom:30px; font-size:24px}
	ul.inline-item		{ padding-top:20px; width:1100px}
	ul.inline-item li	{ float:left; margin:0 0 0 50px}
	ul.inline-item li:first-child{ margin:0}
	ul.inline-item li em{ margin-bottom:35px}
	ul.inline-item li span{ font-size:20px; line-height:24px}
	/* 문의하기 */
	.contact input[type=submit]{ padding:0 40px; height:70px; line-height:68px}
	ul.contact-input li	{ margin-bottom:30px}
	ul.contact-input li:last-child{ margin-top:-10px; padding-left:250px; text-align:left}
	ul.contact-input li input[type=text],
	ul.contact-input li input[type=email]{ height:70px}
	ul.contact-input li button{ position:static; top:auto; right:auto}
	ol.inline li:last-child{ padding-left:0}
	ol.inline li input[type=radio] + label,ol.inline li input[type=checkbox] + label{ font-size:18px}
	ul.contact-input li	select{ margin:14px 0 0 0}
	ul.contact-input li	textarea{ padding-top:25px}
	ul.contact-input li	{ padding-left:50px; padding-right:50px}
	ul.contact-input li li{ padding:0}
	/* 앱다운로드 */
	.app-download		{ margin-top:180px}
	.app-download .app-img{ margin-top:-270px; margin-right:-60px; width:800px}
	/* 유투브 영상(2021.12.16 추가) */
	ul.youtube-list li em{ margin-top:19px}
	ul.youtube-list li strong{ margin-top:30px; font-size:22px}
	ul.youtube-list li span span{ margin-top:15px}
	ul.youtube-list .h-bar{ height:60px}
	ul.youtube-list .youtube-thumb,ul.youtube-list .youtube-thumb .image-caption img{ height:280px}
	.mw .pop-layer .layer-body iframe{ height:500px}
}
@media all and (min-width:1600px){
	/* Scroll To Top */
	#back-top			{ right:80px; bottom:110px}
	/* Table */
	.default.cap		{ margin-bottom:100px}
	/* Global Navigation Bar */
	.gnb				{ padding-right:80px}
	/* Layout */
	.header-content,.body.main section article{ padding:0}
	.body				{ padding:0}
	.header				{ padding:0 80px; height:80px}
	.header-content		{ height:80px}
	.header-content h1	{ left:80px}
	.header-content h1,#header-wrap.fixed .header-content h1{ background-position:0 0}
	.header-content .all-menu{ top:20px; right:80px}
	.header-content .all-menu>button{ width:50px; height:40px; background-position:100% 0; background-size:auto}
	.footer .footer-content{ width:1200px}
	/* Main */
	#mainPromotion,section.video,section.service,section.benefits,section.contact,section.download{ height:100vh}
	#mainPromotion li.slider-2 .mainSlogan{ padding-left:103%}
	#mainPromotion li.slider-1 .mainSlogan .promoImg,#mainPromotion li.slider-3 .mainSlogan .promoImg{ left:160px}
	section.video,section.service,section.benefits,section.contact,section.download{ padding-left:0; padding-right:0}
	section.video article,section.service article,section.contact article{ width:1410px}
	section.benefits article,section.download article{ width:1200px}
	ul.inline-item		{ width:1200px}
	ul.inline-item li	{ margin:0 0 0 75px}
	/* 문의하기 */
	ul.contact-input li	{ padding-left:100px; padding-right:100px}
	ul.contact-input li li{ padding:0}
}