@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:400,700&display=swap');

/* noto-sans-kr-regular - latin_korean */
/*@font-face {
  font-family:'Noto Sans KR';
  font-style: normal;
  font-weight: 400;
  src: url('./fonts/noto/noto-sans-kr-v12-latin_korean-regular.eot'); /* IE9 Compat Modes 
  src: local('Noto Sans KR Regular'), local('NotoSansKR-Regular'),
       url('./fonts/noto/noto-sans-kr-v12-latin_korean-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 
       url('./fonts/noto/noto-sans-kr-v12-latin_korean-regular.woff2') format('woff2'), /* Super Modern Browsers 
       url('./fonts/noto/noto-sans-kr-v12-latin_korean-regular.woff') format('woff'), /* Modern Browsers 
       url('./fonts/noto/noto-sans-kr-v12-latin_korean-regular.ttf') format('truetype'), /* Safari, Android, iOS 
       url('./fonts/noto/noto-sans-kr-v12-latin_korean-regular.svg#NotoSansKR') format('svg'); /* Legacy iOS 
}*/
@font-face{
	font-family:"HelveticaBlack";
	src:url("./fonts/hel/4eb70552-ea27-41a5-909b-0022a43f3f2d.eot?#iefix");
	src:url("./fonts/hel/4eb70552-ea27-41a5-909b-0022a43f3f2d.eot?#iefix") format("eot"),
	url("./fonts/hel/12a48cc9-62fa-4be9-a476-9c2ee12a8691.woff2") format("woff2"),
	url("./fonts/hel/d0a52f47-b1ab-4cbf-8f98-80d4db58c65b.woff") format("woff"),
	url("./fonts/hel/d7766700-a547-4060-96e6-885591920c17.ttf") format("truetype");
}
@font-face{
	font-family:"HelveticaBold";
	src:url("./fonts/helb/b1beb284-0fa8-4df5-b871-28c2145b773c.eot?#iefix");
	src:url("./fonts/helb/b1beb284-0fa8-4df5-b871-28c2145b773c.eot?#iefix") format("eot"),
	url("./fonts/helb/081486f6-ae1e-4fc6-8ab9-6a939e96bbdc.woff2") format("woff2"),
	url("./fonts/helb/2acf5951-bff6-44e3-949f-a3fa4de57397.woff") format("woff"),
	url("./fonts/helb/ce707be6-c86a-448d-b511-8462ad86b628.ttf") format("truetype");
}
@font-face{
	font-family:"HelveticaNeuel";
	src:url("./fonts/heln/HelveticaNeueLTStd.eot?#iefix");
	src:url("./fonts/heln/HelveticaNeueLTStd.eot?#iefix") format("eot"),
	url("./fonts/heln/HelveticaNeueLTStd.woff2") format("woff2"),
	url("./fonts/heln/HelveticaNeueLTStd.woff") format("woff"),
	url("./fonts/heln/HelveticaNeueLTStd.ttf") format("truetype");
}



/*=========================================================================================================
* Project     : unix
* File Name : style.css
* Writer       : cat
* Date         : 2020-05-12
=========================================================================================================*/



/*=========================================================================================================
* common
=========================================================================================================*/
*, *:after, *:before { margin: 0; padding: 0; box-sizing: border-box; -moz-box-sizing: border-box;-webkit-box-sizing: border-box; }
*:focus { outline: none; }
html, body {margin: 0; padding: 0; width: 100%; height: 100%; font-size: 100%; }
body { overflow-x: hidden; color: #000;  font-family: 'Noto Sans KR','sans-serif'; font-family:  sans-serif; font-weight: 100%; font-size: 14px; }
section { position: relative; overflow: hidden; width: 100%; background: #fff; }
ul, li, ol {list-style: none; }
fieldset{border: none;}
caption, legend{visibility:hidden; overflow:hidden; width:0; height:0; font-size:0; line-height:0;}
h1, h2, h3, h4, h5 { margin: 0; padding: 0;}
a { text-decoration: none; outline:none; select-dummy: expression(this.hideFocus=true);  }
a:link, a:active, a:visited { color: #000; text-decoration: none; }
a:hover { xcolor: #0065dc; }
img { border: 0;}
table{border-collapse: collapse;}
em,address{font-style: normal;}
#skipnavi, .hidden{ width:0; height:0; font-size:0; line-height:0; overflow:hidden; visibility:hidden; }
/* p {-webkit-text-size-adjust: none;} --> 모바일에서 글자크기 확대 막기 */
a{ text-decoration:none; outline: none;  -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-color:transparent; select-dummy: expression(this.hideFocus=true);  }
a:visited,a:hover,a:active,a:focus{ background: none; -webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-tap-highlight-color:transparent; }
input, select, textarea {font-family: 'Noto Sans KR','sans-serif';}
::selection {background-color: yellow;color: black;}



.container {background: #fff; min-width: 300px; width:100%; height:100%; font-family: 'HelveticaBold','sans-serif'; }
/*=========================================================================================================
* header / footer
=========================================================================================================*/
	.header .blackbg,
	.header .openmenu,
	.header .addbtn,
	.header .menu .closebtn,
	.header .menu .bottom {display: none;}
	.header { padding: 34px 0 0; position: fixed; top:0; left:0; width: 100%; z-index:10; text-align:center; }
	.header .logo { position:absolute; top:34px; left:50px;}
	.header .logo a { display: inline-block; width: 136px; height:31px; vertical-align:top; background: url('../images/header_logo.png') no-repeat center center; background-size: 100% auto;}
	/*.header .logo a { display: inline-block; font-size: 21px; color: #fff; letter-spacing: 0.05em;font-family: 'HelveticaBlack','sans-serif'; vertical-align:top; }*/
	.header .menu > ul { display: inline-block; vertical-align: top;}
	.header .menu > ul > li { float: left; margin: 0 18px; position:relative;}
	.header .menu > ul > li > a > span { display: inline-block; border-bottom: 1px solid rgba(255,255,255,0);}
	.header .menu > ul > li.active a span,
	.header .menu > ul > li:hover a span { border-bottom: 1px solid rgba(255,255,255,1);}
	.header .menu > ul > li > a { display: inline-block; padding:8px; font-size: 14px; color: #fff; letter-spacing: 0.05em; line-height: 100%; font-family: 'HelveticaBold','sans-serif';}
	.header .menu > ul > li:nth-child(3) { width: 94px;}
	.header .menu > ul > li:nth-child(3):hover .sub { height: 130px;  }
	.header .menu .sub { height: 0; overflow: hidden;}
	.header .menu .sub li {margin-top: 3px;}
	.header .menu .sub li:first-child {margin-top: 6px;}
	.header .menu .sub li a { color: rgba(255,255,255,0.5);}
	.header .menu .sub li.on a,
	.header .menu .sub li:hover a { color: rgba(255,255,255,1);}
	.header .rightbtn { position:absolute; top: 36px; right: 46px;}
	.header .rightbtn a { display: inline-block; width: 31px; height: 24px; }
	.header .rightbtn a.utb { background: url('../images/header_btn_utb.png') no-repeat center top; background-size: 100% auto;}
	.header .rightbtn a.instar { margin-left: 25px; background: url('../images/header_btn_instar.png') no-repeat center top; background-size: 100% auto;}
	.header .menu > ul > li:nth-child(3) .sub,
	.header .menu > ul > li:nth-child(3):hover .sub {-moz-transition: all .3s ease-out;-o-transition: all .3s ease-out;-ms-transition: all .3s ease-out;transition: all .3s ease-out;}

	.header.black .logo a { xcolor: #000; background: url('../images/header_logo_bk.png') no-repeat center center; background-size: 100% auto;}
	.header:after { content:''; width:100%; height:0; position:absolute; top:0; left:0; background: #fff; z-index:-1; opacity:0;}

	@media screen and (min-width: 800px){ 
	.header .menu > ul > li:nth-child(3) { padding-bottom:24px;}
	.header .menu > ul > li:nth-child(3):hover .sub { height: 75px; z-index:0; }
	.header .menu .sub { height: 0; width:100%; position:fixed; left:0; top:80px; z-index:-10; text-align:center; background: rgba(0,0,0,0.9);}
	.header .menu .sub ul {width: 500px; margin: 0 auto; }
	.header .menu .sub li { float: left; margin: 0 20px; padding: 27px 0; }
	.header .menu .sub li:first-child {margin-top: 0px;}
	.header.black:after { height: 80px; opacity:1;}
	.product_sub .header.black { padding-top: 34px;}
	.product_sub .header.black.bg { padding-top: 25px;}
	.product_sub .header.black .logo {top: 34px;}
	.product_sub .header.black.bg .logo {top: 24px;}
	.product_sub .header.black:after {height:0; opacity:0;}
	.product_sub .header.black.bg:after {height:80px; opacity:1;}
	.product_sub .header.black .rightbtn { top:36px; }
	.product_sub .header.black.bg .rightbtn { top:28px; }
	.header.black { padding-top: 25px;}
	.header.black .logo {top:24px;}
	.header.black .menu > ul > li > a > span { border-bottom: 1px solid rgba(0,0,0,0);}
	.header.black .menu > ul > li.active a span,
	.header.black .menu > ul > li:hover a span { border-bottom: 1px solid rgba(0,0,0,1);}
	.header.black .menu > ul > li > a { color: #000;}	
	.header.black .rightbtn { top: 28px; }
	.header.black .rightbtn a.utb { background: url('../images/header_btn_utb_bk.png') no-repeat center top; background-size: 100% auto;}
	.header.black .rightbtn a.instar { background: url('../images/header_btn_instar_bk.png') no-repeat center top; background-size: 100% auto;}
	.header,.header .logo,.header .rightbtn,
	.header.black,.header.black .logo,.header.black .rightbtn {-moz-transition: all .3s ease-out;-o-transition: all .3s ease-out;-ms-transition: all .3s ease-out;transition: all .3s ease-out;}
	}
	@media screen and ( min-width: 0) and ( max-width: 799px){ 
	.header.black:after { height: 63px;opacity:1;}
	.product_sub .header.black:after {height:0; opacity:0;}
	.product_sub .header.black.bg:after {height:63px; opacity:1;}
	.header.black .openmenu { background: url('../images/header_btn_open_bk.png') no-repeat left top; background-size: 100% auto;}
	.header.black .addbtn { background: url('../images/header_btn_sns_bk.png') no-repeat left top; background-size: 100% auto;}
	.header.black .rightbtn a.utb {background: rgba(0,0,0,0.2) url('../images/header_btn_utb_bk.png') no-repeat center center; background-size: 50% auto;}
	.header.black .rightbtn a.instar { background: rgba(0,0,0,0.2) url('../images/header_btn_instar_bk.png') no-repeat center center; background-size: 50% auto;}
	}
	.header:after,.header.black:after {-moz-transition: all .3s ease-out;-o-transition: all .3s ease-out;-ms-transition: all .3s ease-out;transition: all .3s ease-out;}






	.footer {width: 100%; height: 240px; background: #000; position:relative;}
	.footer .inner {padding: 65px; max-width: 1000px; margin: 0 auto; text-align: left; }
	.footer .inner .top { margin-bottom:25px; position:relative; }
	.footer .inner .top h1 { font-size: 18px; color: #fff; letter-spacing: 0.05em; line-height: 24px; font-family: 'HelveticaBold','sans-serif';}
	.footer .inner .top p { position:absolute; top:0; right:0;}
	.footer .inner .top p a {display: inline-block; width: 31px; height: 24px; vertical-align:top; }
	.footer .inner .top p a.utb { background: url('../images/header_btn_utb.png') no-repeat center top; background-size: 100% auto;}
	.footer .inner .top p a.instar { margin-left: 25px; background: url('../images/header_btn_instar.png') no-repeat center top; background-size: 100% auto;}
	.footer .inner .txtarea { overflow: hidden; }
	.footer .inner .txtarea li { width: 38%; font-size: 12px; line-height: 18px; color: rgba(255,255,255,0.3); letter-spacing: 0.05em; font-family: 'Noto Sans KR','sans-serif'; float: left; }
	.footer .inner .txtarea li:nth-child(2) {}
	.footer .inner .txtarea li:nth-child(3) { width: 24%;  margin-top: 18px;text-align: right;}

	@media screen and ( min-width: 1030px) and ( max-width: 1169px){ 
	.header .menu > ul > li:nth-child(1) {margin-left: 60px;}
	}
	@media screen and ( min-width: 950px) and ( max-width: 1029px){ 
	.header h1.logo { left:30px;}
	.header .menu > ul { margin-left: 80px;}
	.header .menu > ul > li { margin: 0 10px;}
	.header .rightbtn { right: 26px;}
	.header .rightbtn a.instar { margin-left: 20px; }
	}
	@media screen and ( min-width: 800px) and ( max-width: 949px){ 
	.header h1.logo { left:20px;}
	.header .menu > ul { margin-left: 65px;}
	.header .menu > ul > li { margin: 0;}
	.header .rightbtn { right: 20px;}
	.header .rightbtn a.instar { margin-left: 10px; }
	}
	@media screen and ( min-width: 800px) and ( max-width: 999px){ 
	.footer .inner {padding: 65px 26px 65px 30px; max-width: 100%; }
	.footer .inner .top p a.instar { margin-left: 20px;}
	}



	/*모바일*/
	@media screen and ( min-width: 0) and ( max-width: 799px){ 
	.header.on { z-index:999; height:100%;}
	.header { padding:0;}
	.header .logo { padding-top: 22px; position: static; top:auto; left:auto; }
	.header .logo a { width: 98px; height: 22px; }
	/*.header .logo a { font-size: 15px;}*/
	.header .mobbtn { width:25px; height: 20px; position:absolute; top: 24px; }
	.header .openmenu { display: inline-block;left:25px; background: url('../images/header_btn_open.png') no-repeat left top; background-size: 100% auto;}
	.header .addbtn { display: inline-block;right:25px; background: url('../images/header_btn_sns.png') no-repeat left top; background-size: 100% auto;}
	.header .addbtn.open {transform: rotate(450deg);}
	.header .rightbtn { display: none;}
	.header .rightbtn { position:absolute; width: 39px; top: 60px; right: 18px;}
	.header .rightbtn a { display: inline-block; width: 39px; height: 39px; border-radius: 39px; opacity:0; position:absolute; right: 0; }
	.header .rightbtn a.utb { top:10px; background: rgba(255,255,255,0.2) url('../images/header_btn_utb.png') no-repeat center center; background-size: 50% auto;}
	.header .rightbtn a.instar { top:54px; margin-left: 0; background: rgba(255,255,255,0.2) url('../images/header_btn_instar.png') no-repeat center center; background-size: 54% auto;}
	.header .menu .closebtn { display: inline-block; margin-bottom: 12px; width: 30px; height: 30px; background: url('../images/header_btn_close.png') no-repeat left top; background-size: 17px 17px;}
	.header .menu .bottom {display: block;}
	.header .menu { display: block; padding: 26px; width: 70%; height: 100%; background: #000; position:fixed; left:-70%; top:0; text-align:left; }
	.header .menu.on { left: 0; z-index:1;}
	.header .menu > ul { display: block; }
	.header .menu > ul > li { float: none; margin: 0; margin-top: 14px;}
	.header .menu > ul > li:nth-child(3) { width: auto;}
	.header .menu > ul > li:nth-child(3):hover .sub { height: auto;  }
	.header .menu > ul > li:first-child { margin-top: 0; }
	.header .menu > ul > li > a { padding:0; font-size: 20px;}
	.header .menu > ul > li > a span {display: inline-block; vertical-align:top;}
	.header .menu > ul > li:hover a span { border-bottom: 1px solid rgba(255,255,255,0);}
	.header .menu > ul > li.active a span { border-bottom: 1px solid rgba(255,255,255,1);}
	.header .menu .sub { display: block; height: auto;}
	.header .menu .sub li { margin-top:1px; }
	.header .menu .sub li:first-child {margin-top:6px;}
	.header .menu .sub li:hover a { color: rgba(255,255,255,0.3);}
	.header .menu .sub li a { padding-left: 20px; font-size: 15px; line-height: 30px; position:relative; letter-spacing: 0.05em;}
	.header .menu .sub li a:after { content:''; display: inline-block; width: 10px; height:1px; background: #333; position:absolute; top:11px; left:0; }
	.header .menu .bottom {position:relative; margin-top: 26px; padding-top: 30px; border-top: 1px solid #333;}
	.header .menu .bottom h2 { font-size: 13px; line-height: 100%; color: #fff; letter-spacing: 0.05em; }
	.header .menu .bottom .mrightbtn { display: inline-block; position:absolute; top:29px; right:0; }
	.header .menu .bottom .mrightbtn a { display: inline-block; width:20px; height:16px; }
	.header .menu .bottom .mrightbtn a.utb { background: url('../images/header_btn_utb.png') no-repeat center top; background-size: 100% auto;}
	.header .menu .bottom .mrightbtn a.instar { margin-left: 16px; background: url('../images/header_btn_instar.png') no-repeat center top; background-size: 100% auto;}
	.header .blackbg {width: 100%; height: 100%; position:fixed; top:0; left:0; background: rgba(0,0,0,0.7);}
	.header.on .blackbg {display: block;} 

	.header .menu,.header .menu.on,
	.header .rightbtn.on a.utb.ani2,
	.header .rightbtn.on a.instar.ani2 {-moz-transition: all .3s ease-out;-o-transition: all .3s ease-out;-ms-transition: all .3s ease-out;transition: all .3s ease-out;}
	.header .addbtn,
	.header .addbtn.open {-moz-transition: all .5s ease-out;-o-transition: all .5s ease-out;-ms-transition: all .5s ease-out;transition: all .5s ease-out;}

	.header .rightbtn.on { display: inline-block; }
	.header .rightbtn.on a.utb.ani,
	.header .rightbtn.on a.instar.ani { opacity:1; backface-visibility: visible !important;animation: flipInX 0.7s ease-in-out;}
	.header .rightbtn.on a.utb.ani2,
	.header .rightbtn.on a.instar.ani2 { opacity:0; top: -40px; }


	.footer {height: auto;}
	.footer .inner { padding: 30px 25px 45px; max-width: 100%; }
	.footer .inner .top { margin-bottom:24px; }
	.footer .inner .top h1 { font-size: 13px; line-height: 16px;}
	.footer .inner .top p a {width: 20px; height: 16px;}
	.footer .inner .top p a.instar { margin-left: 18px; }
	.footer .inner .txtarea li { margin-top: 15px; width: 100%; color: rgba(255,255,255,1); float: none; }
	.footer .inner .txtarea li:nth-child(1) { margin-top: 0px;}
	.footer .inner .txtarea li:nth-child(3) { width: 100%; margin-top: 15px; text-align: left;}
	.footer .inner .txtarea li:nth-child(3) a:link { color: #fff;}

	}

	@keyframes flipInX {
	  from {transform: perspective(400px) rotate3d(1, 0, 0, 90deg);animation-timing-function: ease-in;opacity: 0;}
	  40% {transform: perspective(400px) rotate3d(1, 0, 0, -20deg);animation-timing-function: ease-in;}
	  60% {transform: perspective(400px) rotate3d(1, 0, 0, 10deg);opacity: 1;}
	  80% {transform: perspective(400px) rotate3d(1, 0, 0, -5deg);}
	  to {transform: perspective(400px);}
	}

	@media screen and ( min-width: 0) and ( max-width: 349px){
	.header .menu { width: 80%; left:-80%; }
	}
	


	








/*=========================================================================================================
* main
=========================================================================================================*/

	.main .mob { display: none; }
	@media screen and ( min-width: 0) and ( max-width: 799px){ 
	.main .web { display: none; }
	.main .mob { display: inline; }
	}

	.main .section {text-align:center;}
	.main .section .vcov {width:100%; height:100%;overflow:hidden;position:relative; z-index:-1;}
	.main .section .vcov img {max-width:100%;}
	.main .section .bg_video{position: absolute;top:0;left:0;width: 100%;height: 100%;}
	.main .sec1,.main .sec2 { overflow: hidden;}
	.main .sec1 .bg_video {background: url('../images/main/main_sec1_bg.jpg') no-repeat center center;background-size: cover; object-fit: cover; /*cover video background */}
	.main .sec1 .layer {position: absolute;width: 100%;left: 0;top: 36%;height: 100%;}
	.main .sec1 .layer h2 { margin-bottom: 10px; }
	.main .sec1 .layer h2 span { display: block;  font-size: 30px; line-height: 30px; color: #fff; letter-spacing: 0.025em;font-family: 'HelveticaBlack','sans-serif';}
	.main .sec1 .layer h2 span.dff {margin-top: 3px; font-family:"HelveticaNeuel"; letter-spacing:0;}
	.main .sec1 .layer p {font-size: 60px; color: #fff; line-height: 76px; font-family: 'Noto Sans KR','sans-serif'; font-weight: bold;}
	.main .sec1 .layer p span { display: block;}
	.main .sec1 .downbtn { display: inline-block; margin-left: -18px; width: 36px; height: 36px; background: url('../images/main_sec1_downbtn.png') no-repeat center center; background-size: 100% auto; position: absolute; bottom: 45px; left:50%;}
	.main .sec2 .bg_video{background: url('../images/main/main_sec2_bg.jpg') no-repeat center center;background-size: cover; object-fit: cover; /*cover video background */}
	.main .sec2 .layer {position: absolute;width: 100%;left: 0;top: 33%;height: 100%;}
	.main .sec2 .layer h2 { margin-bottom: 22px; font-size: 52px; line-height: 100%; color: #fff; font-family: 'HelveticaBlack','sans-serif';}
	.main .sec2 .layer h2 span { display: inline-block; margin-bottom: 30px; padding: 12px; font-size: 18px; line-height: 100%; color: #fff; border: 2px solid #fff; font-family: 'HelveticaBold','sans-serif';}
	.main .sec2 .layer p { font-size: 18px; line-height: 30px; color: #fff;font-family: 'Noto Sans KR','sans-serif'; }
	.main .sec3 {background: url('../images/main/main_sec3_bg.jpg') no-repeat center center;background-size: cover;}
	.main .sec3 .layer {position:absolute; width:100%; bottom:14vh; text-align:center; }
	.main .sec3 .layer .cover { margin: 0 auto; padding: 60px 0; max-width: 1000px; background: #fff; }
	.main .sec3 .layer h2 { margin-bottom: 22px; font-size: 48px; line-height: 100%; color: #000; font-family: 'Noto Sans KR','sans-serif';}
	.main .sec3 .layer p { font-size: 18px; line-height: 30px; color: #000;font-family: 'Noto Sans KR','sans-serif'; font-weight: bold;}
	.main .sec4 {background: url('../images/main/main_sec4_bg.jpg') no-repeat center center;background-size: cover;}
	.main .sec4 .layer { position:absolute; top: 40.4vh; left:0; height:100%; width: 100%; text-align: center; }
	.main .sec4 .layer p {font-size: 18px; line-height: 30px; color: #fff; font-family: 'Noto Sans KR','sans-serif'; font-weight: bold;}
	.main .sec4 .layer p span {display: inline;}
	.main .sec4 .layer p em { display: block; }
	.main .sec5 {background: url('../images/main/main_sec5_bg.jpg') no-repeat center center;background-size: cover;}
	.main .sec5 .layer { position:absolute; top: 40.4vh; left:0; height:100%; width: 100%; text-align: center; }
	.main .sec5 .layer p {font-size: 18px; line-height: 30px; color: #fff; font-family: 'Noto Sans KR','sans-serif'; font-weight: bold;}
	.main .sec5 .layer p span { display: block;}
	.main .sec6 {background: url('../images/main/main_sec6_bg.jpg') no-repeat center center;background-size: cover;}
	.main .sec6 .layer {position: absolute;width: 100%;left: 0;top: 40.4vh;height: 100%;}
	.main .sec6 .layer h2 { margin-bottom: 30px; font-size: 52px; line-height: 100%; color: #fff; font-family: 'HelveticaBlack','sans-serif';}
	.main .sec6 .layer h2 span {display: block;  font-size: 30px; line-height: 30px; color: #fff; letter-spacing: 0.025em;font-family: 'HelveticaBlack','sans-serif';}
	.main .sec6 .layer h2 span.dff {margin-top: 3px;font-family:"HelveticaNeuel";letter-spacing:0;}
	.main .sec6 .layer p { font-size: 60px; line-height: 76px; color: #fff;font-family: 'Noto Sans KR','sans-serif'; font-weight: bold; }
	.main .sec6 .layer p span { display: block;}
	.main .sec6 .topbtn { display: inline-block; margin-left: -35px; padding-left: 20px; height: 32px; font-size: 16px; color: #fff; line-height: 32px; font-family: 'Noto Sans KR','sans-serif'; font-weight: bold; border-bottom: 1px solid #fff; background: url('../images/main_bottom_btntop_ico.png') no-repeat left center; position: absolute; bottom: 45px; left:50%; z-index:1;}
	
	.main .footer {display: none; position:fixed; bottom: -240px;}
	.main .footer.up { bottom:0; }
	.main .footer,
	.main .footer.up {-moz-transition: all .5s ease-out;-o-transition: all .5s ease-out;-ms-transition: all .5s ease-out;transition: all .5s ease-out;}

	@media screen and ( min-width: 800px) and ( max-width: 999px){ 
	.main .sec3 .layer .cover { max-width: 100%; width:90%; }
	}
	@media screen and ( min-width: 0) and ( max-width: 799px){ 
	.main .sec1 .bg_video{background: url('../images/main/main_sec1_bg_m.jpg') no-repeat center center;background-size: cover; object-fit: cover; /*cover video background */}
	.main .sec1 .layer h2 span { font-size: 26px; line-height: 26px;}
	.main .sec1 .layer p {font-size: 36px; line-height: 46px;}
	.main .sec1 .downbtn { margin-left: -15px; width: 30px; height: 30px; bottom: 30px;}
	.main .sec2 .bg_video{background: url('../images/main/main_sec2_bg_m.jpg') no-repeat center center;background-size: cover; object-fit: cover; /*cover video background */}
	.main .sec2 .layer { top: 25%;}
	.main .sec2 .layer h2 { margin-bottom: 20px; font-size: 36px;}
	.main .sec2 .layer h2 span { margin-bottom: 24px; padding: 8px; font-size: 13px; border: 2px solid #fff;}
	.main .sec2 .layer h2 strong { display: block; }
	.main .sec2 .layer p { font-size: 15px; line-height: 21px; padding: 0 25px; }
	.main .sec2 .layer p span { display: inline-block; }
	.main .sec3 {background: url('../images/main/main_sec3_bg_m.jpg') no-repeat center center;background-size: cover;}
	.main .sec3 .layer {bottom:0; top:50%; margin-top:6vh; }
	.main .sec3 .layer .cover {padding: 0; max-width: 100%;}
	.main .sec3 .layer h2 { margin-bottom: 16px; font-size: 28px; line-height: 38px; }
	.main .sec3 .layer h2 span { display: block; }
	.main .sec3 .layer p { font-size: 15px; line-height: 21px; padding: 0 25px; }
	.main .sec3 .layer p span { display: inline-block; }
	.main .sec4 { background: url('../images/main/main_sec4_bg_m.jpg') no-repeat center center;background-size: cover;}
	.main .sec4 .layer {top: 30vh;}
	.main .sec4 .layer p { padding: 0 30px; font-size: 15px; line-height: 21px; }
	.main .sec4 .layer p span { display: inline-block; }
	.main .sec4 .layer p span.bl { display: block; }
	.main .sec4 .layer p br.brnon { display: none; }
	.main .sec5 { background: url('../images/main/main_sec5_bg_m.jpg') no-repeat center center;background-size: cover;}
	.main .sec5 .layer {top: 38vh;}
	.main .sec5 .layer p { padding: 0 30px; font-size: 15px; line-height: 21px; }
	.main .sec5 .layer p span { display: inline-block; }
	.main .sec6 { background: url('../images/main/main_sec6_bg_m.jpg') no-repeat center center;background-size: cover;}
	.main .sec6 .layer {top: 36vh;}
	.main .sec6 .layer h2 { margin-bottom: 20px; }
	.main .sec6 .layer h2 span { font-size: 26px; line-height: 26px; }
	.main .sec6 .layer p { padding: 0 30px; font-size: 17px; line-height: 100%; }
	.main .sec6 .layer p span { display: inline-block; }
	.main .sec6 .topbtn { margin-left: -26px; padding-left: 14px; height: 26px; font-size: 13px; line-height: 26px; background-size: 10px auto; bottom: 30px; }
	.main .footer {bottom: -253px;}
	}
	@media screen and ( min-width: 0) and ( max-width: 360px){ 
	.main .sec3 .layer p { padding: 0; }
	}


	.main .bapop { padding: 0 50px;width:100%; position:fixed; bottom:-270px; z-index:10; text-align: center;}	
	.main .bapop.up { bottom: 43px;}
	.main .bapop img {max-width: 100%;vertical-align:top;}
	.main .bapop .inner { position:relative; max-width:1340px; margin: 0 auto;}
	.main .bapop .closebtn { display: inline-block; width:2.613%; height:15.91%; position:absolute; top:12px; right:12px;background: url('../images/main/main_bannerpop_close.png') no-repeat center center;background-size: 100% auto;}
	.main .bapop,
	.main .bapop.up {-moz-transition: all .5s ease-out;-o-transition: all .5s ease-out;-ms-transition: all .5s ease-out;transition: all .5s ease-out;}
	@media screen and ( min-width: 0) and ( max-width: 799px){ 
	.main .bapop { padding: 0 4vw; }
	.main .bapop.up { bottom:4vw;}
	.main .bapop .inner {max-width:100%;}
	.main .bapop .closebtn {width:4vw; height:4vw; top:1vw; right:1vw;}
	}








/*=========================================================================================================
* product
=========================================================================================================*/


	.product .mob { display: none; }
	@media screen and ( min-width: 0) and ( max-width: 799px){ 
	.product .web { display: none; }
	.product .mob { display: inline; }
	}

	.product {position:relative; width:100%; height: 100%; background: #d9c613;  xoverflow: hidden;}
	/*.product .promain { position:relative; width:100%; height: 100%; text-align: center; background: url('../images/product/product_main_img1_t.jpg') no-repeat center center; background-size: cover; }
	.product .promain img { max-width:100%; ㅌheight: 100%; ㅌvertical-align:top; }*/
	.product .alldim { position:fixed; width:100%; height:100%; background: rgba(0,0,0,0.7); z-index:10; top:0; left:0; display: none;}

	.product .nv .cround { display: inline-block; border-radius: 100%; }
	.product .nv .cround.ye { background: #ffe822;}
	.product .nv .cround.bl { background: #3151a1;}
	.product .nv .cround.re { background: #ff563d;}
	.product .nv .cround.pi { background: #ffcec3;}
	.product .nv .cround.lb { background: #b3cfeb;}
	.product .nv h2 { line-height: 100%; font-family: 'HelveticaBlack','sans-serif'; font-weight: normal; }
	.product .nv p { line-height: 100%; font-family: 'HelveticaBold','sans-serif';}
	.product .nv p span { display: inline-block; }

	.product .btnav { width: 100%; position:fixed; bottom:0; z-index:10; cursor: pointer;}
	.product .btnav .rolcover { display: inline-block; width: 100%; height: 100%; position:absolute; top:0; left:0; z-index:2}
	.product .btnav .inner { padding: 10px 50px 42px; position:relative;z-index:1; overflow: hidden; }
	.product .btnav .navbtn { width: 36px; height: 36px; position:absolute; bottom:48px; right:50px;background: url('../images/product/product_main_navbtn.png') no-repeat center center; cursor: pointer;}
	.product .btnav .leftinfo {padding: 3px 0 2px 60px; position:relative; color: #fff; }
	.product .btnav .leftinfo .cround { width: 47px; height: 47px; position:absolute; top:0; left:0;}
	.product .btnav .leftinfo h2 { margin-bottom:5px; font-size: 24px; }
	.product .btnav .leftinfo p { font-size: 12px; line-height:12px; }
	.product .btnav .leftinfo p span { padding-top:1px; }
	.product .btnav .leftinfo p span:nth-child(2) { margin: 0 7px; padding: 1px 7px 0;border-left: 1px solid #fff;border-right: 1px solid #fff; }

	@media screen and ( min-width: 0) and ( max-width: 799px){ 
	/*.product .promain { background: url('../images/product/product_main_img1_m.jpg') no-repeat center center; background-size: cover; }*/
	.product .btnav { cursor: default;}
	.product .btnav .inner { padding: 10px 18px 31px; }
	.product .btnav .navbtn { width: 28px; height: 28px; bottom:35px; right:24px; background-size: 100% auto;}
	.product .btnav .leftinfo {padding: 3px 0 2px 50px; position:relative; color: #fff; }
	.product .btnav .leftinfo .cround { width: 36px; height:36px; }
	.product .btnav .leftinfo h2 { margin-bottom:6px; font-size: 15px; }
	.product .btnav .leftinfo p { font-size: 10px; line-height:10px; }
	.product .btnav .leftinfo p span:nth-child(2) { margin: 0 6px; padding: 1px 6px 0;}
	}
	@media screen and ( min-width: 0px) and ( max-width: 349px){ 
	.product .btnav .inner { padding-bottom: 22px; }
	.product .btnav .leftinfo .cround { top:8px;}
	.product .btnav .leftinfo p span:nth-child(3) { display: block; padding-top:5px; }
	}


	.product .btnavbox { width: 100%; position:fixed; bottom:-263px; opacity:0; }
	.product .btnavbox.on { bottom:0; opacity:1; z-index:11;}
	.product .btnavbox .inner { margin: 0 50px 42px; padding: 38px 55px 35px; background: #fff;}
	.product .btnavbox ul { overflow: hidden; }
	.product .btnavbox ul li { float: left; width:22.5%;}
	.product .btnavbox ul li a { padding-bottom: 20px; display: block; background: url('../images/product/product_main_nav_arrow.png') no-repeat left bottom; background-size: 14px auto; }
	.product .btnavbox ul li .cround { width: 18px; height: 18px;}
	.product .btnavbox ul li h2 { margin:8px 0; font-size: 22px; }
	.product .btnavbox ul li p { font-size: 13px; line-height: 22px; }
	.product .btnavbox ul li p span {display: block;}
	.product .btnavbox ul li:nth-child(3) { width: 20%;}
	.product .btnavbox ul li:nth-child(5) { width: 12.5%;}
	.product .btnavbox,
	.product .btnavbox.on {-moz-transition: all .3s ease-out;-o-transition: all .3s ease-out;-ms-transition: all .3s ease-out;transition: all .3s ease-out;}

	@media screen and ( min-width: 0) and ( max-width: 799px){ 
	.product .btnavbox {bottom:-349px;}
	.product .btnavbox .inner { margin: 0; padding: 40px 27px 32px 18px; }
	.product .btnavbox ul li { margin-top: 24px; padding: 3px 0 3px; float: none; width:100%; position:relative;}
	.product .btnavbox ul li:nth-child(5) { width: 100%;}
	.product .btnavbox ul li:first-child { margin-top:0;}
	.product .btnavbox ul li a { padding-bottom: 0; padding-left: 50px; background-size: 21px auto; background-position: right center;}
	.product .btnavbox ul li .cround { width: 36px; height: 36px; position:absolute; top:0; left:0;}
	.product .btnavbox ul li h2 { margin:0 0 4px; font-size: 15px; }
	.product .btnavbox ul li p { font-size: 10px; line-height: 10px; }
	.product .btnavbox ul li p span { display: inline-block; padding-top:1px; }
	.product .btnavbox ul li p span:nth-child(2) { margin: 0 6px; padding: 1px 6px 0;border-left: 1px solid #b7b7b7;border-right: 1px solid #b7b7b7; }
	.product .btnavbox ul li:nth-child(3) { width: 100%;}
	}
	@media screen and ( min-width: 800px) and ( max-width: 1019px){ 
	.product .btnavbox ul li:nth-child(1) { width: 19%;}
	.product .btnavbox ul li:nth-child(2) { width: 23%;}
	.product .btnavbox ul li:nth-child(3) { width: 17%;}
	.product .btnavbox ul li:nth-child(4) { width: 27%;}
	.product .btnavbox ul li:nth-child(5) { width: 14%;}
	}
	@media screen and ( min-width: 800px) and ( max-width: 819px){ 
	.product .btnavbox .inner { padding: 38px 40px 35px;}
	}
	@media screen and ( min-width: 0px) and ( max-width: 369px){ 
	.product .btnavbox ul li {margin-top: 8px;}
	.product .btnavbox ul li .cround { top:6px;}
	.product .btnavbox ul li p span:nth-child(3) { display: block; padding-top:3px; }
	}




	/*parallax*/
	.aniallbox { position:relative; width:100%;height:100%; background: #000;z-index:1; }
	.aniallbox .bigsec { position:relative; overflow:hidden;}
	.aniallbox .bigsec.yellow {background: #ffe822; z-index:3;}
	.aniallbox .bigsec.deepblue {background: #2e3689; z-index:2;}
	.aniallbox .bigsec.deeppink {background: #d95b49; z-index:1;}
	.aniallbox .bigsec.pink {background: #d9afa6; z-index:3;}
	.aniallbox .bigsec.blue {background: #98b0c8; z-index:3;}
	.aniallbox .bigsec .dim {display: inline-block; width:100%; height:100%; position:absolute; top:0; left:0;z-index:1; background: rgba(0,0,0,0.15);}

	.aniallbox .section {position:relative; width:100%;}
	.aniallbox .imgbox { width:100%; position:absolute; top:0; bottom:auto; text-align:center; }
	.aniallbox .imgbox img { height: 100%; vertical-align:top;}
	.aniallbox .txtbox {width:100%; position:absolute; text-align:center; z-index:2; opacity:0;}
	.aniallbox .txtbox h2 { font-size: 10vw; line-height: 11vw; color: #fff; font-family: 'Noto Sans KR','sans-serif';font-weight: bold; text-align:center; }
	.aniallbox .txtbox h2 span { display: block; margin-bottom: 4vw; font-size: 3vw; line-height: 100%; color: #fff; font-family: 'HelveticaBlack','sans-serif';}
	.aniallbox .txtbox p {color: #fff; font-size: 3.8vw;line-height: 6vw;font-family: 'Noto Sans KR','sans-serif';font-weight: bold; text-align:left; }
	.aniallbox .fix .imgbox,
	.aniallbox .fix .txtbox { position:fixed;}
	.aniallbox .ab .imgbox,
	.aniallbox .ab .txtbox { position:absolute;}
	.aniallbox .ab .imgbox { bottom: 0; top: auto;}
	.aniallbox .vcov { position:relative; width:100%; height:100%; text-align: center; overflow:hidden; background: url('../images/product/product_main_yellow_movpster_m.jpg') no-repeat center bottom; background-size: auto 100%;}
	.aniallbox .vcov .movie { position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover; vertical-align: top;}

	.aniallbox .yellow .sec01 .scrollico { display: inline-block; margin-left: -50px; margin-top: -50px; width: 100px; height: 100px; position:fixed; top:50%; left:50%;background: url('../images/product/ico_scroll.png') no-repeat center center; background-size: 100% auto; z-index:3}
	.aniallbox .yellow .sec01 .txtbox { top: 36vh; opacity:1;}
	.aniallbox .yellow .sec01 .txtbox .sqtxt {display: inline-block; margin-top: 5vw; width:28vw; height:6.8vw; font-size: 3.2vw; line-height:6.8vw;color: #fff;  font-family: 'HelveticaBold','sans-serif'; border: 1px solid #fff;}
	.aniallbox .yellow .sec02 .imgbox { background: url('../images/product/product_main_yellow_img1.png') no-repeat center top; background-size: auto 100%;}
	.aniallbox .yellow .sec02 .txtbox { width:56vw; bottom: 46vh; right:0;}
	.aniallbox .yellow .sec02.ab .txtbox { bottom: 96vh; }
	.aniallbox .deepblue .txtbox {bottom: 36vh;}
	.aniallbox .deepblue .txtbox h2 {width:21vw; margin: 0 auto; font-size:20vw; font-family: 'HelveticaBlack','sans-serif'; font-weight: normal;  text-align:left;}
	.aniallbox .deepblue .txtbox h2 span {display: inline-block;  font-size: 3.2vw; margin-left: 0.6vw;}
	.aniallbox .deepblue .txtbox p { margin: 0 auto 0; width:60vw; font-size: 3.6vw; line-height: 5.4vw; opacity:0;}
	.aniallbox .deepblue .txtbox.fix {position:fixed;}
	.aniallbox .deepblue .txtbox.ab {position:absolute; bottom:77vw;}
	.aniallbox .deepblue .txtbox.on {bottom: 47vh;}
	.aniallbox .deepblue .txtbox.on h2 { width:60vw;}
	.aniallbox .deepblue .txtbox.on p { opacity:1;}
	.aniallbox .deepblue .txtbox h2,
	.aniallbox .deepblue .txtbox.on h2,
	.aniallbox .deepblue .txtbox p,
	.aniallbox .deepblue .txtbox.on p {-moz-transition: all .3s ease-out;-o-transition: all .3s ease-out;-ms-transition: all .3s ease-out;transition: all .3s ease-out;}
	.aniallbox .deepblue .sec01 .imgbox { background: url('../images/product/product_main_dipblue_img1.png') no-repeat center top; background-size: auto 100%;}
	.aniallbox .deepblue .sec02 .imgbox span { display: inline-block; width:100%; height: 100%; position:absolute; top:0; left:0;}
	.aniallbox .deepblue .sec02 .imgbox span.left {z-index:1; background: url('../images/product/product_main_dipblue_img2.png') no-repeat; background-position: -36vh 0; background-size: auto 100%;}
	.aniallbox .deepblue .sec02 .imgbox span.right {background: url('../images/product/product_main_dipblue_img3.png') no-repeat; background-position: -30vh 0; background-size: auto 100%;}
	.aniallbox .deeppink .sec01 .imgbox span { display: inline-block; width:100%; height: 100%; position:absolute; top:0; left:0;}
	.aniallbox .deeppink .sec01 .imgbox span.front {z-index:1; background: url('../images/product/product_main_dippink_img1.png') no-repeat center bottom; background-size: auto 100%;}
	.aniallbox .deeppink .sec01 .imgbox span.back {background: url('../images/product/product_main_dippink_img2.png') no-repeat; background-position: center 0; background-size: auto 100%;}
	.aniallbox .deeppink .sec01 .txtbox {bottom: 46vh;}
	.aniallbox .deeppink .sec02 .imgbox { background: url('../images/product/product_main_dippink_img3.png') no-repeat center top; background-size: auto 100%;}
	.aniallbox .deeppink .sec02 .txtbox {bottom: 52vh;width:57vw; left:15vw; }
	.aniallbox .deeppink .sec02 .txtbox.ab {xbottom: 48vh;}
	.aniallbox .pink .sec01 .imgbox { background: url('../images/product/product_main_pink_img1.png') no-repeat center top; background-size: auto 100%;}
	.aniallbox .pink .sec01 .txtbox {bottom: 46vh;}
	.aniallbox .pink .sec02 .imgbox { background: url('../images/product/product_main_pink_img2.png') no-repeat center top; background-size: auto 100%;}
	.aniallbox .pink .sec02 .txtbox { width:52vw;bottom: 39vh; right:0;}
	.aniallbox .pink .sec02.ab .txtbox { bottom: 66vh; }
	.aniallbox .pink .sec03 .imgbox { background: url('../images/product/product_main_pink_img3.png') no-repeat center top; background-size: auto 100%;}
	.aniallbox .pink .sec03 .txtbox { width:40vh;bottom: 21vh; left:15vw;}
	.aniallbox .blue .sec01 .imgbox { background: url('../images/product/product_main_blue_img1.png') no-repeat center top; background-size: auto 100%;}
	.aniallbox .blue .sec01 .txtbox {bottom: 46vh;}
	.aniallbox .blue .sec02 .imgbox { background: url('../images/product/product_main_blue_img2.png') no-repeat center top; background-size: auto 100%;}
	.aniallbox .blue .sec02 .txtbox { width:40vh;bottom: 21vh; left:15vw;}

	.product .dpfront { position:fixed; width:100%; height: 100%; left:0; bottom:0; z-index:3; opacity:0;}
	.product .dpfront .front {display: inline-block; width:100%; height: 100%; position:absolute; top:0; left:0; z-index:1; background: url('../images/product/product_main_dippink_img1.png') no-repeat center bottom; background-size: auto 100%;}

	@media screen and ( min-width: 800px) { 
	.scrn {-ms-overflow-style:none; }
	.scrn::-webkit-scrollbar { display:none; }

	.aniallbox .imgbox img { display: block; }
	.aniallbox .txtbox h2 { font-size: 72px; line-height: 80px; }
	.aniallbox .txtbox h2 span { margin-bottom: 26px; font-size: 18px;}
	.aniallbox .txtbox p {font-size: 30px;line-height: 42px; }
	.aniallbox .vcov { background: url('../images/product/product_main_yellow_movpster.jpg') no-repeat center bottom; background-size: auto 100%;}
	
	.aniallbox .yellow .sec01 .scrollico { margin-left: -73px; margin-top: -73px; width: 146px; height: 146px; background: url('../images/product/ico_scroll_pc.png') no-repeat center center; background-size: 100% auto;}
	.aniallbox .yellow .sec01 .txtbox { top: 36vh;}
	.aniallbox .yellow .sec01 .txtbox .sqtxt {margin-top: 36px; width:170px; height:40px; font-size: 18px; line-height:36px; border: 2px solid #fff;}
	.aniallbox .yellow .sec02 .imgbox { background: url('../images/product/product_main_yellow_img1_pc.png') no-repeat center top; background-size: auto 100%;}
	.aniallbox .yellow .sec02 .txtbox { margin-left: -10px; width:auto; bottom: 44vh; left:50%;}
	.aniallbox .yellow .sec02.ab .txtbox { bottom: 94vh; }
	.aniallbox .deepblue .txtbox {bottom: 26vh;}
	.aniallbox .deepblue .txtbox h2 {width:160px; font-size:158px; line-height: 100%;}
	.aniallbox .deepblue .txtbox h2 span {font-size: 24px; margin-left: 6px;}
	.aniallbox .deepblue .txtbox p { width:660px; font-size: 30px; line-height: 42px;}
	.aniallbox .deepblue .txtbox.on {bottom: 41vh;}
	.aniallbox .deepblue .txtbox.on h2 { width:660px;}
	.aniallbox .deepblue .sec01 .imgbox { background: url('../images/product/product_main_dipblue_img1_pc.png') no-repeat center top; background-size: auto 100%;}
	.aniallbox .deepblue .sec02 .imgbox span.left { left: 50%; z-index:1; background: url('../images/product/product_main_dipblue_img2_pc.png') no-repeat; background-position: 0 0; background-size: auto 100%;}
	.aniallbox .deepblue .sec02 .imgbox span.right { left: 50%; background: url('../images/product/product_main_dipblue_img3_pc.png') no-repeat; background-position: 0 0; background-size: auto 100%;}
	.aniallbox .deeppink .sec01 .imgbox span.front {z-index:1; background: url('../images/product/product_main_dippink_img1_pc.png') no-repeat center bottom; background-size: auto 100%;}
	.aniallbox .deeppink .sec01 .imgbox span.back {background: url('../images/product/product_main_dippink_img2s_pc.png') no-repeat; background-position: center 0; background-size: auto 100%;}
	.aniallbox .deeppink .sec01 .txtbox {bottom: 46vh;}
	.aniallbox .deeppink .sec02 .imgbox { background: url('../images/product/product_main_dippink_img3_pc.png') no-repeat center top; background-size: auto 100%;}
	.aniallbox .deeppink .sec02 .txtbox { margin-left: -350px; width:auto; bottom: 52vh; left:50%; }
	.aniallbox .pink .sec01 .imgbox { background: url('../images/product/product_main_pink_img1_pc.png') no-repeat center top; background-size: auto 100%;}
	.aniallbox .pink .sec02 .imgbox { background: url('../images/product/product_main_pink_img2_pc.png') no-repeat center top; background-size: auto 100%;}
	.aniallbox .pink .sec02 .txtbox { width:auto; bottom: 36vh; left:50%;}
	.aniallbox .pink .sec03 .imgbox { background: url('../images/product/product_main_pink_img3_pc.png') no-repeat center top; background-size: auto 100%;}
	.aniallbox .pink .sec03 .txtbox { width:auto; bottom: 20vh; left:50%; margin-left: -300px; }
	.aniallbox .blue .sec01 .imgbox { background: url('../images/product/product_main_blue_img1_pc.png') no-repeat center top; background-size: auto 100%;}
	.aniallbox .blue .sec01 .txtbox {bottom: 40vh;}
	.aniallbox .blue .sec02 .imgbox { background: url('../images/product/product_main_blue_img2_pc.png') no-repeat center top; background-size: auto 100%;}
	.aniallbox .blue .sec02 .txtbox { width:auto; bottom: 38vh; left:50%; margin-left: -300px; }

	.product .dpfront .front {background: url('../images/product/product_main_dippink_img1_pc.png') no-repeat center bottom; background-size: auto 100%;}

	}


	@media screen and ( min-width: 800px) and ( max-width: 1279px) { 
		.aniallbox .deepblue .sec02 .imgbox span.left { margin-left: 0; left:0; background-position: -110vh 0;}
		.aniallbox .deepblue .sec02 .imgbox span.right { margin-left: 0; left: auto; right:0; background-position: 50vh 0;}
	}
	@media screen and ( min-width: 1280px) { 
		.aniallbox .deepblue .sec02 .imgbox span.left { margin-left: -170vh; }
		.aniallbox .deepblue .sec02 .imgbox span.right { margin-left: -20vh; }
	}




/*=========================================================================================================
* product_sub
=========================================================================================================*/
	
	.product_sub .mob,
	.product_sub .fixbtn { display: none; }
	@media screen and ( min-width: 0) and ( max-width: 799px){ 
	.product_sub .web { display: none; }
	.product_sub .mob { display: inline; }
	.product_sub .fixbtn { display: block; xpadding: 0 25px; width: 100%; position:fixed; bottom:0px; left:0; z-index:1;}
	.product_sub .fixbtn.up { bottom: 0;}
	.product_sub .fixbtn.on { position:relative; xbottom:0;}
	.product_sub .fixbtn a {display: inline-block; width: 100%; font-size: 22px; color: #fff; line-height: 63px; text-align: center;  background: #000;}
	.product_sub.container.on .sec1 { xleft: 70%; }
	.product_sub.container .sec1,
	.product_sub.container.on .sec1,
	.product_sub .fixbtn,
	.product_sub .fixbtn.up {-moz-transition: all .3s ease-out;-o-transition: all .3s ease-out;-ms-transition: all .3s ease-out;transition: all .3s ease-out;}
	}

	.product_sub.sb1 .sec1 { background: #ffed33;}
	.product_sub.sb2 .sec1 { background: #4b408c;}
	.product_sub.sb3 .sec1 { background: #f1725f;}
	.product_sub.sb4 .sec1 { background: #fbd3cb;}
	.product_sub.sb5 .sec1 { background: #b8cde8;}

	.product_sub .section { position: relative; padding: 0 40px;background: #fff;  }
	.product_sub .section .inner { max-width: 1000px; margin: 0 auto;}
	.product_sub .section .ani { opacity:0; position:relative; top:50px; }
	.product_sub .sec1 { padding: 0; position:fixed; width: 100%; height: 100%; top:0; left:0;}
	.product_sub .sec1 .pts_1 { width: 100%; position: relative;}
	.product_sub .sec1 .pts_1 .sl { height: 100%; text-align: center;}
	.product_sub .sec1 .pts_1 .sl img { height: 100%; vertical-align:top; }
	.product_sub .sec1 .slide_prod_sub1_sl1 .sl.s1 { background: url('../images/product/sub/prodsub1_sec1_slide1.jpg') no-repeat center center; background-size: cover;}
	.product_sub .sec1 .slide_prod_sub1_sl1 .sl.s2 { background: url('../images/product/sub/prodsub1_sec1_slide2.jpg') no-repeat center center; background-size: cover;}
	.product_sub .sec1 .slide_prod_sub1_sl1 .sl.s3 { background: url('../images/product/sub/prodsub1_sec1_slide3.jpg') no-repeat center center; background-size: cover;}
	.product_sub .sec1 .slide_prod_sub1_sl1 .sl.s4 { background: url('../images/product/sub/prodsub1_sec1_slide4.jpg') no-repeat center center; background-size: cover;}
	.product_sub .sec1 .slide_prod_sub1_sl1 .sl.s5 { background: url('../images/product/sub/prodsub1_sec1_slide5.jpg') no-repeat center center; background-size: cover;}
	.product_sub .sec1 .slide_prod_sub1_sl1 .sl.s6 { background: url('../images/product/sub/prodsub1_sec1_slide6.jpg') no-repeat center center; background-size: cover;}

	.product_sub .sec1 .slide_prod_sub2_sl1 .sl.s1 { background: url('../images/product/sub/prodsub2_sec1_slide1.jpg') no-repeat center center; background-size: cover;}
	.product_sub .sec1 .slide_prod_sub2_sl1 .sl.s2 { background: url('../images/product/sub/prodsub2_sec1_slide2.jpg') no-repeat center center; background-size: cover;}
	.product_sub .sec1 .slide_prod_sub2_sl1 .sl.s3 { background: url('../images/product/sub/prodsub2_sec1_slide3.jpg') no-repeat center center; background-size: cover;}
	.product_sub .sec1 .slide_prod_sub2_sl1 .sl.s4 { background: url('../images/product/sub/prodsub2_sec1_slide4.jpg') no-repeat center center; background-size: cover;}
	.product_sub .sec1 .slide_prod_sub2_sl1 .sl.s5 { background: url('../images/product/sub/prodsub2_sec1_slide5.jpg') no-repeat center center; background-size: cover;}
	.product_sub .sec1 .slide_prod_sub2_sl1 .sl.s6 { background: url('../images/product/sub/prodsub2_sec1_slide6.jpg') no-repeat center center; background-size: cover;}

	.product_sub .sec1 .slide_prod_sub3_sl1 .sl.s1 { background: url('../images/product/sub/prodsub3_sec1_slide1.jpg') no-repeat center center; background-size: cover;}
	.product_sub .sec1 .slide_prod_sub3_sl1 .sl.s2 { background: url('../images/product/sub/prodsub3_sec1_slide2.jpg') no-repeat center center; background-size: cover;}
	.product_sub .sec1 .slide_prod_sub3_sl1 .sl.s3 { background: url('../images/product/sub/prodsub3_sec1_slide3.jpg') no-repeat center center; background-size: cover;}
	.product_sub .sec1 .slide_prod_sub3_sl1 .sl.s4 { background: url('../images/product/sub/prodsub3_sec1_slide4.jpg') no-repeat center center; background-size: cover;}
	.product_sub .sec1 .slide_prod_sub3_sl1 .sl.s5 { background: url('../images/product/sub/prodsub3_sec1_slide5.jpg') no-repeat center center; background-size: cover;}
	.product_sub .sec1 .slide_prod_sub3_sl1 .sl.s6 { background: url('../images/product/sub/prodsub3_sec1_slide6.jpg') no-repeat center center; background-size: cover;}

	.product_sub .sec1 .slide_prod_sub4_sl1 .sl.s1 { background: url('../images/product/sub/prodsub4_sec1_slide1.jpg') no-repeat center center; background-size: cover;}
	.product_sub .sec1 .slide_prod_sub4_sl1 .sl.s2 { background: url('../images/product/sub/prodsub4_sec1_slide2.jpg') no-repeat center center; background-size: cover;}
	.product_sub .sec1 .slide_prod_sub4_sl1 .sl.s3 { background: url('../images/product/sub/prodsub4_sec1_slide3.jpg') no-repeat center center; background-size: cover;}
	.product_sub .sec1 .slide_prod_sub4_sl1 .sl.s4 { background: url('../images/product/sub/prodsub4_sec1_slide4.jpg') no-repeat center center; background-size: cover;}
	.product_sub .sec1 .slide_prod_sub4_sl1 .sl.s5 { background: url('../images/product/sub/prodsub4_sec1_slide5.jpg') no-repeat center center; background-size: cover;}
	.product_sub .sec1 .slide_prod_sub4_sl1 .sl.s6 { background: url('../images/product/sub/prodsub4_sec1_slide6.jpg') no-repeat center center; background-size: cover;}

	.product_sub .sec1 .slide_prod_sub5_sl1 .sl.s1 { background: url('../images/product/sub/prodsub5_sec1_slide1.jpg') no-repeat center center; background-size: cover;}
	.product_sub .sec1 .slide_prod_sub5_sl1 .sl.s2 { background: url('../images/product/sub/prodsub5_sec1_slide2.jpg') no-repeat center center; background-size: cover;}
	.product_sub .sec1 .slide_prod_sub5_sl1 .sl.s3 { background: url('../images/product/sub/prodsub5_sec1_slide3.jpg') no-repeat center center; background-size: cover;}
	.product_sub .sec1 .slide_prod_sub5_sl1 .sl.s4 { background: url('../images/product/sub/prodsub5_sec1_slide4.jpg') no-repeat center center; background-size: cover;}
	.product_sub .sec1 .slide_prod_sub5_sl1 .sl.s5 { background: url('../images/product/sub/prodsub5_sec1_slide5.jpg') no-repeat center center; background-size: cover;}
	.product_sub .sec1 .slide_prod_sub5_sl1 .sl.s6 { background: url('../images/product/sub/prodsub5_sec1_slide6.jpg') no-repeat center center; background-size: cover;}
	
	.product_sub .rightconbox { margin-top: -210px; padding: 37px 35px 40px; position:fixed; top:50%; right:10vw; background: #fff; }
	.product_sub .rightconbox h2 { margin-bottom:7px; font-size: 48px; line-height: 100%; color: #000; letter-spacing: 0.05em;font-family: 'HelveticaBlack','sans-serif'; font-weight: normal; }
	.product_sub .rightconbox h2 span {display: block;}
	.product_sub .rightconbox p { font-size: 14px; line-height: 22px; color: #000; }
	.product_sub .rightconbox p.mt { line-height: 24px; margin: 22px 0 28px; letter-spacing: -0.06em; }
	.product_sub .rightconbox p.mt span { display: block;}
	.product_sub .rightconbox a { display: inline-block; width: 100%; font-size: 18px; color: #fff; line-height: 50px; text-align: center;  background: #000;}

	@media screen and ( min-width: 0) and ( max-width: 799px){ 
	.product_sub {background: #000;}
	.product_sub .sec1 .pts_1 .sl img {width:100%; }
	.product_sub .sec1 .slide_prod_sub1_sl1 .sl.s1 { background: url('../images/product/sub/prodsub1_sec1_slide1_m.jpg') no-repeat center center; background-size: cover;}
	.product_sub .sec1 .slide_prod_sub1_sl1 .sl.s2 { background: url('../images/product/sub/prodsub1_sec1_slide2_m.jpg') no-repeat center center; background-size: cover;}
	.product_sub .sec1 .slide_prod_sub1_sl1 .sl.s3 { background: url('../images/product/sub/prodsub1_sec1_slide3_m.jpg') no-repeat center center; background-size: cover;}
	.product_sub .sec1 .slide_prod_sub1_sl1 .sl.s4 { background: url('../images/product/sub/prodsub1_sec1_slide4_m.jpg') no-repeat center center; background-size: cover;}
	.product_sub .sec1 .slide_prod_sub1_sl1 .sl.s5 { background: url('../images/product/sub/prodsub1_sec1_slide5_m.jpg') no-repeat center center; background-size: cover;}
	.product_sub .sec1 .slide_prod_sub1_sl1 .sl.s6 { background: url('../images/product/sub/prodsub1_sec1_slide6_m.jpg') no-repeat center center; background-size: cover;}

	.product_sub .sec1 .slide_prod_sub2_sl1 .sl.s1 { background: url('../images/product/sub/prodsub2_sec1_slide1_m.jpg') no-repeat center center; background-size: cover;}
	.product_sub .sec1 .slide_prod_sub2_sl1 .sl.s2 { background: url('../images/product/sub/prodsub2_sec1_slide2_m.jpg') no-repeat center center; background-size: cover;}
	.product_sub .sec1 .slide_prod_sub2_sl1 .sl.s3 { background: url('../images/product/sub/prodsub2_sec1_slide3_m.jpg') no-repeat center center; background-size: cover;}
	.product_sub .sec1 .slide_prod_sub2_sl1 .sl.s4 { background: url('../images/product/sub/prodsub2_sec1_slide4_m.jpg') no-repeat center center; background-size: cover;}
	.product_sub .sec1 .slide_prod_sub2_sl1 .sl.s5 { background: url('../images/product/sub/prodsub2_sec1_slide5_m.jpg') no-repeat center center; background-size: cover;}
	.product_sub .sec1 .slide_prod_sub2_sl1 .sl.s6 { background: url('../images/product/sub/prodsub2_sec1_slide6_m.jpg') no-repeat center center; background-size: cover;}

	.product_sub .sec1 .slide_prod_sub3_sl1 .sl.s1 { background: url('../images/product/sub/prodsub3_sec1_slide1_m.jpg') no-repeat center center; background-size: cover;}
	.product_sub .sec1 .slide_prod_sub3_sl1 .sl.s2 { background: url('../images/product/sub/prodsub3_sec1_slide2_m.jpg') no-repeat center center; background-size: cover;}
	.product_sub .sec1 .slide_prod_sub3_sl1 .sl.s3 { background: url('../images/product/sub/prodsub3_sec1_slide3_m.jpg') no-repeat center center; background-size: cover;}
	.product_sub .sec1 .slide_prod_sub3_sl1 .sl.s4 { background: url('../images/product/sub/prodsub3_sec1_slide4_m.jpg') no-repeat center center; background-size: cover;}
	.product_sub .sec1 .slide_prod_sub3_sl1 .sl.s5 { background: url('../images/product/sub/prodsub3_sec1_slide5_m.jpg') no-repeat center center; background-size: cover;}
	.product_sub .sec1 .slide_prod_sub3_sl1 .sl.s6 { background: url('../images/product/sub/prodsub3_sec1_slide6_m.jpg') no-repeat center center; background-size: cover;}

	.product_sub .sec1 .slide_prod_sub4_sl1 .sl.s1 { background: url('../images/product/sub/prodsub4_sec1_slide1_m.jpg') no-repeat center center; background-size: cover;}
	.product_sub .sec1 .slide_prod_sub4_sl1 .sl.s2 { background: url('../images/product/sub/prodsub4_sec1_slide2_m.jpg') no-repeat center center; background-size: cover;}
	.product_sub .sec1 .slide_prod_sub4_sl1 .sl.s3 { background: url('../images/product/sub/prodsub4_sec1_slide3_m.jpg') no-repeat center center; background-size: cover;}
	.product_sub .sec1 .slide_prod_sub4_sl1 .sl.s4 { background: url('../images/product/sub/prodsub4_sec1_slide4_m.jpg') no-repeat center center; background-size: cover;}
	.product_sub .sec1 .slide_prod_sub4_sl1 .sl.s5 { background: url('../images/product/sub/prodsub4_sec1_slide5_m.jpg') no-repeat center center; background-size: cover;}
	.product_sub .sec1 .slide_prod_sub4_sl1 .sl.s6 { background: url('../images/product/sub/prodsub4_sec1_slide6_m.jpg') no-repeat center center; background-size: cover;}

	.product_sub .sec1 .slide_prod_sub5_sl1 .sl.s1 { background: url('../images/product/sub/prodsub5_sec1_slide1_m.jpg') no-repeat center center; background-size: cover;}
	.product_sub .sec1 .slide_prod_sub5_sl1 .sl.s2 { background: url('../images/product/sub/prodsub5_sec1_slide2_m.jpg') no-repeat center center; background-size: cover;}
	.product_sub .sec1 .slide_prod_sub5_sl1 .sl.s3 { background: url('../images/product/sub/prodsub5_sec1_slide3_m.jpg') no-repeat center center; background-size: cover;}
	.product_sub .sec1 .slide_prod_sub5_sl1 .sl.s4 { background: url('../images/product/sub/prodsub5_sec1_slide4_m.jpg') no-repeat center center; background-size: cover;}
	.product_sub .sec1 .slide_prod_sub5_sl1 .sl.s5 { background: url('../images/product/sub/prodsub5_sec1_slide5_m.jpg') no-repeat center center; background-size: cover;}
	.product_sub .sec1 .slide_prod_sub5_sl1 .sl.s6 { background: url('../images/product/sub/prodsub5_sec1_slide6_m.jpg') no-repeat center center; background-size: cover;}
	
	.product_sub .rightconbox { margin-top: 0; padding: 24px 25px 43px; position:relative; top:0; right: 0;}
	.product_sub .rightconbox h2 { margin-bottom:2px; font-size: 32px;}
	.product_sub .rightconbox h2 span {display: inline-block;}
	.product_sub .rightconbox p.sm { font-size: 11px; }
	.product_sub .rightconbox p.sm br { display: none; }
	.product_sub .rightconbox p.sm span { margin: 0 8px; padding: 0 8px; position:relative; }
	.product_sub .rightconbox p.sm span:before,
	.product_sub .rightconbox p.sm span:after { content:''; position:absolute; top:6px;width:1px; height:10px; background: #bababa; }
	.product_sub .rightconbox p.sm span:before {left:0;}
	.product_sub .rightconbox p.sm span:after {right:0;}
	.product_sub .rightconbox p.mt { margin: 13px 0 0px;}
	.product_sub .rightconbox p.mt span { display: inline-block;}
	.product_sub .rightconbox p.mt span.bl { display: block;}
	.product_sub .rightconbox p.mt em.bl { display: block;}
	.product_sub .rightconbox a { display: none; }
	}


	.product_sub .section.sec2 { text-align: center; padding:0;}
	.product_sub .section.sec2 .inner { padding: 148px 40px 0; max-width: 1080px; }
	.product_sub .section.sec2 h2 { margin-bottom:26px; font-size: 70px; line-height: 100%;letter-spacing: 0.05em;font-family: 'HelveticaBlack','sans-serif'; font-weight: normal; }
	.product_sub .section.sec2 .smtit { font-size: 14px; line-height: 16px;} 
	.product_sub .section.sec2 .smtit span { display: inline-block; margin: 0 8px; padding: 0 8px; border-right: 2px solid #7f7f7f; border-left: 2px solid #7f7f7f; }
	.product_sub .section.sec2 .movie { margin-top: 54px; position:relative; }
	.product_sub .section.sec2 .movie img { vertical-align:top; max-width: 100%;}
	.product_sub .section.sec2 .movie video {position: absolute;top:0;left:0;width: 100%;height: 100%;}
	.product_sub .section.sec2 .txt { margin-top: 170px; font-size: 70px; line-height: 94px; text-align:left;font-family: 'Noto Sans KR','sans-serif'; font-weight: bold; z-index:1; }
	.product_sub .section.sec2 .bgimg { margin-top: -45px; xbackground:url('../images/product/sub/prodsub1_sec2_img1.png') no-repeat center top; xbackground-size: contain; }
	.product_sub .section.sec2 .bgimg img { max-width: 100%; height: auto; vertical-align:top;}
	@media screen and ( min-width: 800px) and ( max-width: 1100px){ 
	.product_sub .section.sec2 .txt { margin-top: 150px; font-size: 46px; line-height: 60px; }
	}
	@media screen and ( min-width: 0) and ( max-width: 799px){ 
	.product_sub .section.sec2 .inner { padding: 0; }
	.product_sub .section.sec2 .mn { display: none; }
	.product_sub .section.sec2 .movie { margin-top: 0px;}
	.product_sub .section.sec2 .txt { margin-top: 38px;font-size: 32px; line-height: 41px; text-align: center;}
	.product_sub .section.sec2 .bgimg { margin-top: 30px; }
	}


	.product_sub .section.sec3 .inner { padding-bottom:130px; }
	.product_sub .section.sec3 .chkpbox {padding: 110px 0 117px; text-align: center; }
	.product_sub .section.sec3 .chkpbox h3 { margin-bottom: 72px; font-size: 42px; line-height: 100%; font-family: 'HelveticaBold','sans-serif'; font-weight: normal; }
	.product_sub .section.sec3 .chkpbox h3 span { display: inline-block; border-bottom: 1px solid #000;}
	.product_sub .section.sec3 .chkpbox ul { overflow: hidden;}
	.product_sub .section.sec3 .chkpbox ul li { padding: 11px 0; font-size: 22px; line-height: 26px; float: left; text-align:left; font-weight: bold; letter-spacing: -0.05em;}
	.product_sub .section.sec3 .chkpbox ul li:nth-child(1) { padding-left: 74px; width:17%; background:url('../images/product/sub/prodsub1_sec3_chkpbox_ico1.png') no-repeat 21px top; background-size: auto 78%;}
	.product_sub .section.sec3 .chkpbox ul li:nth-child(2) { padding-left: 62px; width:20%; background:url('../images/product/sub/prodsub1_sec3_chkpbox_ico2.png') no-repeat left top; background-size: auto 100%;}
	.product_sub .section.sec3 .chkpbox ul li:nth-child(3) { padding-left: 100px; width:23%; background:url('../images/product/sub/prodsub1_sec3_chkpbox_ico3.png') no-repeat left top; background-size: auto 100%;}
	.product_sub .section.sec3 .chkpbox ul li:nth-child(4) { padding-left: 82px; width: 19%; background:url('../images/product/sub/prodsub1_sec3_chkpbox_ico4.png') no-repeat left top; background-size: auto 100%;}
	.product_sub .section.sec3 .chkpbox ul li:nth-child(5) { padding-left: 90px; width: 21%; background:url('../images/product/sub/prodsub1_sec3_chkpbox_ico5.png') no-repeat left top; background-size: auto 100%;}
	.product_sub .section.sec3 .chkpbox ul li span { display: block; font-size: 13px; padding-left:2px;}
	.product_sub .section.sec3 .chkpbox .topico { display: none;}
	.product_sub .section.sec3 .flbox { position:relative; overflow: hidden; }
	.product_sub .section.sec3 .flbox.bx1 { margin-bottom: 120px; }
	.product_sub .section.sec3 .flbox.bx1 .txtbox { padding-top: 110px; top: -50px; }
	.product_sub .section.sec3 .flbox.bx2 { margin-bottom: 52px; position: relative;}
	.product_sub .section.sec3 .flbox.bx2 .txtbox { padding-top: 78px; padding-right: 60px; top: -50px; }
	.product_sub .section.sec3 .flbox.bx2 ul { position:absolute; top: auto; bottom:50px; right:70px;}
	.product_sub .section.sec3 .flbox.bx2 ul li { font-size: 14px; line-height: 24px; letter-spacing: -0.02em; }
	.product_sub .section.sec3 .flbox.bx3 .txtbox { padding-top: 190px; top: -50px; }
	.product_sub .section.sec3 .flbox .pts_2 { float: left; max-width:500px; }
	.product_sub .section.sec3 .flbox .pts_2 img {max-width: 100%; vertical-align:top;}
	.product_sub .section.sec3 .txtbox { float: left; }
	.product_sub .section.sec3 .txtbox.right { float: right;}
	.product_sub .section.sec3 .txtbox h2 { margin-bottom:26px; font-size: 60px; line-height: 76px; letter-spacing: -0.05em;}
	.product_sub .section.sec3 .txtbox p { font-size: 18px; line-height: 30px; letter-spacing: -0.05em;}
	.product_sub .section.sec3 .imgbox { float: right; }
	.product_sub .section.sec3 .imgbox img { max-width: 100%; vertical-align:top;}

	@media screen and ( min-width: 800px) and ( max-width: 1100px){ 
	.product_sub .section.sec3 .txtbox,
	.product_sub .section.sec3 .imgbox,
	.product_sub .section.sec3 .flbox.bx2 ul,
	.product_sub .section.sec3 .flbox .pts_2 { width: 50%; }
	.product_sub .section.sec3 .txtbox h2 { font-size: 46px; line-height: 60px; }
	.product_sub .section.sec3 .txtbox p { font-size: 14px; line-height: 25px; }
	.product_sub .section.sec3 .flbox.bx1 .txtbox { padding-top: 50px; }
	.product_sub .section.sec3 .flbox.bx2 .txtbox { padding: 0 0 0 50px;}
	.product_sub .section.sec3 .flbox.bx2 ul { right:0; padding-left: 50px; }
	.product_sub .section.sec3 .flbox.bx2 ul li { font-size: 12px; line-height: 20px; letter-spacing: -0.03em; }
	.product_sub .section.sec3 .flbox.bx3 .txtbox { padding-top: 100px; }
	.product_sub .section.sec3 .chkpbox ul li { font-size: 15px; letter-spacing: -0.07em; line-height: 20px;}
	.product_sub .section.sec3 .chkpbox ul li span { font-size: 10px;}
	.product_sub .section.sec3 .chkpbox ul li:nth-child(1) {background-size: auto 74%;}
	}
	@media screen and ( min-width: 0) and ( max-width: 799px){ 
	.product_sub .section.sec3 { padding: 0 25px; }
	.product_sub .section.sec3 .inner { padding-bottom:72px; }
	.product_sub .section.sec3 .chkpbox {padding: 36px 0 0;}
	.product_sub .section.sec3 .chkpbox h3 { margin-bottom: 28px; font-size: 15px;}
	.product_sub .section.sec3 .chkpbox .scrollbox .cover {width: 100%; padding-bottom: 16px; overflow-x: auto; position:relative;}
	.product_sub .section.sec3 .chkpbox .scrollbox:after { content:''; display: inline-block; width: 46px; height: 100%; position:absolute; top:0; right:0; background:url('../images/product/sub/prodsub1_sec3_scrollbox_bg.png') repeat-y right top; background-size: 100% auto;}
	.product_sub .section.sec3 .chkpbox ul { min-width: 660px;}
	.product_sub .section.sec3 .chkpbox ul li { padding: 7px 0; font-size: 15px; line-height: 16px; }
	.product_sub .section.sec3 .chkpbox ul li:nth-child(1) { padding-left: 50px; xwidth:124px; background:url('../images/product/sub/prodsub1_sec3_chkpbox_ico1.png') no-repeat 15px top; background-size: auto 74%;}
	.product_sub .section.sec3 .chkpbox ul li:nth-child(2) { padding-left: 42px; xwidth:126px; background:url('../images/product/sub/prodsub1_sec3_chkpbox_ico2.png') no-repeat left top; background-size: auto 100%;}
	.product_sub .section.sec3 .chkpbox ul li:nth-child(3) { padding-left: 70px; xwidth:150px; background:url('../images/product/sub/prodsub1_sec3_chkpbox_ico3.png') no-repeat left top; background-size: auto 100%;}
	.product_sub .section.sec3 .chkpbox ul li:nth-child(4) { padding-left: 62px; xwidth: 120px; background:url('../images/product/sub/prodsub1_sec3_chkpbox_ico4.png') no-repeat left top; background-size: auto 100%;}
	.product_sub .section.sec3 .chkpbox ul li:nth-child(5) { padding-left: 72px; xwidth: 120px; background:url('../images/product/sub/prodsub1_sec3_chkpbox_ico5.png') no-repeat left top; background-size: auto 100%;}
	.product_sub .section.sec3 .chkpbox ul li span { font-size: 10px; padding-left:0;}
	.product_sub .section.sec3 .chkpbox .topico { display: inline-block; margin-left: -50px;width:100px; height: 100px; background: rgba(0,0,0,0.7) url('../images/product/sub/productsub_sec3_topico.png') no-repeat center center; background-size:40px auto; position:absolute; top:64px; left:50%; border-radius: 100%;}
	.product_sub .section.sec3 .txtbox h2 { margin-bottom:17px; font-size: 32px; line-height: 41px; }
	.product_sub .section.sec3 .txtbox p { font-size: 15px; line-height:24px;}
	.product_sub .section.sec3 .flbox {overflow: visible; }
	.product_sub .section.sec3 .flbox.bx1 { margin-bottom: 0px; }
	.product_sub .section.sec3 .flbox.bx1 .txtbox { padding: 55px 0 25px;}
	.product_sub .section.sec3 .flbox.bx2 { margin-bottom: 0px; }
	.product_sub .section.sec3 .flbox.bx2 .txtbox { padding: 63px 0 24px; top: 50px; }
	.product_sub .section.sec3 .flbox.bx2 h2 br { display: none; }
	.product_sub .section.sec3 .flbox.bx2 h2 span { display: inline-block; }
	.product_sub .section.sec3 .flbox.bx2 ul { margin-top: 8px; position:relative; bottom:0; right: auto; left:0px;}
	.product_sub .section.sec3 .flbox.bx2 ul li { font-size: 11px; line-height: 19px; }
	.product_sub .section.sec3 .flbox.bx3 .txtbox { padding: 40px 0 28px;}
	.product_sub .section.sec3 .flbox .pts_2 { max-width: 100%;}
	.product_sub .section.sec3 .txtbox,
	.product_sub .section.sec3 .txtbox.right,
	.product_sub .section.sec3 .flbox .pts_2,
	.product_sub .section.sec3 .imgbox { float: none; }
	.product_sub .section.sec3 .txtbox { text-align: center; }
	}


	.product_sub .section.sec4 { background: #000; text-align: center; }
	.product_sub .section.sec4 .inner { padding: 120px 0 155px; }
	.product_sub .section.sec4 h2 { margin-bottom: 40px; font-size: 60px; line-height: 76px; letter-spacing: -0.03em; color: #fff; }
	.product_sub .section.sec4 p { margin-bottom: 50px;  font-size: 18px; line-height: 30px; letter-spacing: -0.03em; color: #fff; }
	.product_sub .section.sec4 .pts_3 img {max-width: 100%; vertical-align:top;}
	.product_sub .section.sec5 {text-align: center; }
	.product_sub .section.sec5 h2 { padding: 114px 0 65px; font-size: 30px;line-height: 100%; letter-spacing: -0.05em; }
	.product_sub .section.sec5 h2 span {display: inline-block; padding-bottom:4px; border-bottom: 1px solid #000;}
	.product_sub .section.sec5 .movie { position:relative; }
	.product_sub .section.sec5 .movie img { vertical-align:top; max-width: 100%;}
	.product_sub .section.sec5 .movie video {position: absolute;top:0;left:0;width: 100%;height: 100%;}
	.product_sub .section.sec5 .movie iframe {position: absolute;top:0;left:0;width: 100%;height: 100%;}

	@media screen and ( min-width: 800px) and ( max-width: 1100px){ 
	.product_sub .section.sec4 h2 { font-size: 46px; line-height: 60px;}
	.product_sub .section.sec4 p { font-size: 14px; line-height: 25px; }
	}
	@media screen and ( min-width: 0) and ( max-width: 799px){ 
	.product_sub .section.sec4 { padding: 0 25px; }
	.product_sub .section.sec4 .inner { padding: 56px 0 74px; }
	.product_sub .section.sec4 h2 { margin-bottom: 16px; font-size: 32px; line-height: 41px;}
	.product_sub .section.sec4 p { margin-bottom: 36px;  font-size: 15px; line-height: 24px; }
	.product_sub .section.sec4 p br { display: none;}
	.product_sub .section.sec4 p span { display: inline-block;}
	.product_sub .section.sec5 { padding: 0;}
	.product_sub .section.sec5 h2 { padding:73px 0 22px; font-size: 17px;}
	.product_sub .section.sec5 h2.last {padding:40px 0 26px;}
	}


	.product_sub .section.sec6 {text-align: center; background: #efefef; }
	.product_sub .section.sec6 .imgbox img {max-width: 100%; vertical-align:top;}
	.product_sub .section.sec7 .inner { padding: 54px 0 124px;overflow: hidden;}
	.product_sub .section.sec7 .inner:after { content:''; clear:both; }
	.product_sub .section.sec7 ul { overflow: hidden; }
	.product_sub .section.sec7 ul li {padding: 18px 0;  font-size: 14px; line-height: 100%; float: left; border-bottom: 1px solid #dbdbdb; font-family: 'Noto Sans KR','sans-serif';}
	.product_sub .section.sec7 ul li span { display: inline-block; font-family: 'Noto Sans KR','sans-serif'; font-weight: bold; }
	.product_sub .section.sec7 ul.firtable {margin-bottom: 60px;}
	.product_sub .section.sec7 ul.firtable li {width:100%;}
	.product_sub .section.sec7 ul.firtable li span { width: 33.33%; font-weight: normal;line-height: 16px; vertical-align:middle;}
	.product_sub .section.sec7 ul.firtable li span em {display: inline-block;}
	.product_sub .section.sec7 ul.firtable li span em.rou {  margin-top:-3px; margin-left: 8px; width:16px; height: 16px; border-radius: 100%; vertical-align:middle;}
	.product_sub .section.sec7 ul.firtable li span em.blue { background: #003eee;}
	.product_sub .section.sec7 ul.firtable li span em.red { background: #ee0000;}
	.product_sub .section.sec7 ul.firtable li span em.green { background: #20e200;}
	.product_sub .section.sec7 ul.firtable li:nth-child(1) {border-top: 2px solid #666;}
	.product_sub .section.sec7 ul.firtable li:nth-child(1) span {font-weight: bold; }
	.product_sub .section.sec7 ul.sectable li {width: 44%;}
	.product_sub .section.sec7 ul.sectable li:nth-child(1),
	.product_sub .section.sec7 ul.sectable li:nth-child(2) { border-top: 2px solid #666;}
	.product_sub .section.sec7 ul.sectable li:nth-child(1),
	.product_sub .section.sec7 ul.sectable li:nth-child(3),
	.product_sub .section.sec7 ul.sectable li:nth-child(5) { width:56%;}
	.product_sub .section.sec7 ul.sectable li span { width: 114px;}
	.product_sub .section.sec7 p { font-size: 14px; line-height: 100%; font-family: 'Noto Sans KR','sans-serif';}
	.product_sub .section.sec7 p.totxt { margin-bottom: 15px; }
	.product_sub .section.sec7 p.totxt span { font-weight: bold; margin-right: 18px;}
	.product_sub .section.sec7 p.smtxt { margin-top: 30px; text-align: right; line-height:20px; }


	@media screen and ( min-width: 800px) and ( max-width: 999px){ 
	.product_sub .section.sec7 ul.sectable li {width: 49%;}
	.product_sub .section.sec7 ul.sectable li:nth-child(1),
	.product_sub .section.sec7 ul.sectable li:nth-child(3),
	.product_sub .section.sec7 ul.sectable li:nth-child(5) { width:51%;}
	}
	@media screen and ( min-width: 0) and ( max-width: 799px){ 
	.product_sub .section.sec6 { padding:0;background: #fff; }
	.product_sub .section.sec7 .inner { padding: 45px 0 45px}
	.product_sub .section.sec7 ul li {padding: 12px 0; font-size: 13px; }
	.product_sub .section.sec7 ul.firtable {margin-bottom: 35px;}
	.product_sub .section.sec7 ul.firtable li span { width:38%;}
	.product_sub .section.sec7 ul.firtable li span em { display: block; }
	.product_sub .section.sec7 ul.firtable li span em.rou {margin-left: 6px; display: inline-block; }
	.product_sub .section.sec7 ul.firtable li span:nth-child(1) { width: 24%;}
	.product_sub .section.sec7 ul.firtable li:nth-child(4) { border-bottom:0;}
	.product_sub .section.sec7 ul.sectable li {width: 100%; float: none;}
	.product_sub .section.sec7 ul.sectable li:nth-child(1),
	.product_sub .section.sec7 ul.sectable li:nth-child(3),
	.product_sub .section.sec7 ul.sectable li:nth-child(5) { width:100%;}
	.product_sub .section.sec7 ul.sectable li:nth-child(1),
	.product_sub .section.sec7 ul.sectable li:nth-child(2) { border-top: 0;}
	.product_sub .section.sec7 ul.sectable li:nth-child(6) { border-bottom:0; }
	.product_sub .section.sec7 ul.sectable li span { width: 80px;}
	.product_sub .section.sec7 p { font-size: 13px;}
	.product_sub .section.sec7 p.totxt { margin-bottom: 10px; }
	.product_sub .section.sec7 p.smtxt { margin-top: 20px; text-align: left; font-size: 12px; }
	}

	@media screen and ( min-width: 0) and ( max-width: 369px){ 
	.product_sub .section.sec7 ul.sectable li em { display: inline-block; margin-left: 80px;}
	}








/*=========================================================================================================
* event
=========================================================================================================*/

	.event .mob { display: none; }
	@media screen and ( min-width: 0) and ( max-width: 799px){ 
	.event .web { display: none; }
	.event .mob { display: inline; }
	.event.container.on .topsec { xleft: 70%; }
	.event.container .topsec,
	.event.container.on .topsec {-moz-transition: all .3s ease-out;-o-transition: all .3s ease-out;-ms-transition: all .3s ease-out;transition: all .3s ease-out;}
	}

	.event .topsec { text-align: center; padding: 0; position:fixed; width: 100%; height: 100%; top:0; left:0; background:#000;}
	.event .topsec .cover {text-align: center; position:absolute; width:100%; height: 100%; top:0; left:0;background: url('../images/event/event_topsec_img1.jpg') no-repeat; background-size: cover; background-position: center top;}
	.event .topsec img { max-width: 100%; height: 100%; vertical-align:top; }
	.event .topsec .layer { margin-top: -17vh; width: 100%; position:absolute; top:50%; text-align: center; }
	.event .topsec .layer h2 { margin-bottom: 2px; font-size: 24px; line-height: 100%; font-family: 'HelveticaBlack','sans-serif'; font-weight: normal; color: #fff;}
	.event .topsec .layer h2 .dff { font-family:"HelveticaNeuel"; }
	.event .topsec .layer p { font-size: 72px; line-height: 80px; color: #fff; font-weight: bold; }
	.event .topsec .layer p.sm { margin-top: 30px; font-size: 22px; line-height: 48px; font-weight: normal; }
	.event .topsec .layer p.sm em { display: inline-block; border-bottom: 1px solid #fff; }

	@media screen and ( min-width: 0) and ( max-width: 799px){ 
	.event .topsec .cover { height: 340px; background: url('../images/event/event_topsec_img1_m.jpg') no-repeat center top; background-size: cover;}
	.event .topsec .layer { margin-top: 90px; top:0; }
	.event .topsec .layer h2 { margin-bottom: 14px; font-size: 15px;}
	.event .topsec .layer p { font-size: 32px; line-height: 41px;}
	.event .topsec .layer p.sm { margin-top: 20px; font-size: 14px; line-height: 25px;}
	}

	.event .blankimg { position:relative; width:100%; height:100%; text-align: center;}
	.event .blankimg img { max-width: 100%; height: 100%; vertical-align:top; }
	.event .tablist { background: #000; position:relative; z-index:2;}
	.event .tablist.fix { position: fixed; top:80px; width:100%; height:74px; }
	.event .tablist ul { overflow: hidden; max-width: 1000px; margin: 0 auto; }
	.event .tablist ul li { float: left; width: 33.33%; text-align: center; height: 74px; font-size: 18px; line-height:74px; color: #fff; font-family: 'HelveticaBlack','sans-serif'; cursor: pointer; }
	.event .tablist ul li span {display: inline-block; }
	.event .tablist ul li a { display: block; color: #fff; font-family: 'Noto Sans KR','sans-serif'; font-weight: bold; }
	.event .tablist ul li.on { color: #000; background: #fff;}
	.event .tablist ul li.on span { border-bottom: 1px solid #000; line-height: 100%; }

	@media screen and ( min-width: 0) and ( max-width: 799px){ 
	.event .tablist.fix { top:63px; width:100%; height:58px; }
	.event .tablist ul {max-width: 100%;}
	.event .tablist ul li { height: 58px; font-size: 14px; line-height:58px; xborder: 1px solid #000; }
	.event .tablist ul li.on { xborder: 1px solid #d4d4d4;}
	}

	.event .tabcon { display: none; width: 100%; background: #fff; position:relative;}
	.event .tabcon.tab1 { display: block; }
	.event .section { position: relative; text-align: center; }
	.event .section .inner { max-width: 1000px; margin: 0 auto;}
	.event .section .ani { opacity:0; position:relative; top:50px; }
	.event .tab1 .section.sec1:after { content:''; display: inline-block; width: 100%; height: 280px; background: #f8efeb; position: absolute; bottom:0; left:0;  z-index:0;  }
	.event .section.sec1 .inner { padding-bottom: 126px;}
	.event .section.sec1 h2 { padding: 112px 0 35px; font-size: 42px; line-height: 100%; font-family: 'HelveticaBlack','sans-serif'; font-weight: normal;} 
	.event .section.sec1 h2 span { color: #0075ee;}
	.event .section.sec1 .imgbox img { vertical-align: top; max-width: 100%; }
	.event .section.sec1 .sbtit { margin-bottom: 54px; font-size: 30px; line-height: 42px; font-family: 'Noto Sans KR','sans-serif'; font-weight: bold;}
	.event .section.sec1 .sbstit { margin: 55px 0 25px;  font-size: 18px; line-height: 100%; font-family: 'Noto Sans KR','sans-serif';}
	.event .section.sec1 .datetxt { font-size: 30px; line-height: 100%; font-family: 'HelveticaBold','sans-serif';}
	.event .section.sec1 .movie { position:relative; z-index:1;}
	.event .section.sec1 .movie img { vertical-align:top; max-width: 100%;}
	.event .section.sec1 .movie video {position: absolute;top:0;left:0;width: 100%;height: 100%;}
	.event .tab1 .section.sec1 .movie {margin: 0 auto; max-width:1000px;}

	@media screen and ( min-width: 0) and ( max-width: 799px){ 
	.event .section.sec1 .inner { padding-bottom: 60px;}
	.event .tab1 .section.sec1:after { display: none; }
	.event .section.sec1 h2 { padding: 57px 0 20px; font-size: 21px; }
	.event .section.sec1 .imgbox { padding: 0 25px;}
	.event .section.sec1 .sbtit { margin-bottom: 28px; font-size: 17px; line-height: 25px; }
	.event .section.sec1 .sbstit { margin: 31px 0 24px;  font-size: 13px;}
	.event .section.sec1 .datetxt { font-size: 17px; }
	.event .tab2 .section.sec1 .inner { padding-bottom: 53px; }
	.event .tab2 .section.sec1 .sbstit { margin: 26px 0 19px; line-height: 21px; }
	.event .tab2 .section.sec1 .sbstit em { display: inline-block;}
	}


	.event .section.sec2 { background: #f8efeb;}
	.event .tab2 .section.sec2 { background: #f5f3ef;}
	.event .section.sec2 .inner { padding-bottom: 125px;}
	.event .section.sec2 h2 { padding: 127px 0 55px; font-size: 30px; line-height: 100%; font-family: 'Noto Sans KR','sans-serif'; font-weight: bold;  }
	.event .section.sec2 h2 span { display: inline-block; padding-bottom: 13px; border-bottom: 1px solid #000; }
	.event .section.sec2 .sharelist { overflow: hidden; }
	.event .section.sec2 .sharelist li { padding-top: 44px; margin-left:3%; width:31.33%; height: 283px; float: left; }
	.event .section.sec2 .sharelist li span { display: inline-block; margin-bottom: 15px; width: 38px; height: 38px; font-size: 14px; color: #fff; line-height: 38px; font-family: 'HelveticaBold','sans-serif'; background: #000; border-radius: 38px; }
	.event .section.sec2 .sharelist li p { font-size: 18px; line-height: 26px; font-family: 'Noto Sans KR','sans-serif'; font-weight: bold; }
	.event .section.sec2 .btnbox {margin: 55px 0 48px;}
	.event .section.sec2 .btnbox a { display: inline-block; margin: 0 7px; padding: 0 30px; height: 58px; font-size: 18px; color: #fff; line-height: 58px; font-family: 'Noto Sans KR','sans-serif'; font-weight: bold; background: #000; border-radius: 58px;  }
	.event .section.sec2 .noticelist { text-align:left; }
	.event .section.sec2 .noticelist li { font-size: 14px; line-height: 24px;  font-family: 'Noto Sans KR','sans-serif';}
	.event .tab1 .section.sec2 .sharelist li:nth-child(1) {margin-left:0; background: #fff url('../images/event/event_tab1_sec2_sharelist_ico1.png') no-repeat center bottom; }
	.event .tab1 .section.sec2 .sharelist li:nth-child(2) {background: #fff url('../images/event/event_tab1_sec2_sharelist_ico2.png') no-repeat center bottom; }
	.event .tab1 .section.sec2 .sharelist li:nth-child(3) {background: #fff url('../images/event/event_tab1_sec2_sharelist_ico3.png') no-repeat center bottom; }
	.event .tab2 .section.sec2 .sharelist li { height: 273px }
	.event .tab2 .section.sec2 .sharelist li:nth-child(1) {margin-left:0; background: #fff url('../images/event/event_tab2_sec2_sharelist_ico1.png') no-repeat center bottom; }
	.event .tab2 .section.sec2 .sharelist li:nth-child(2) {background: #fff url('../images/event/event_tab2_sec2_sharelist_ico2.png') no-repeat center bottom; }
	.event .tab2 .section.sec2 .sharelist li:nth-child(3) {background: #fff url('../images/event/event_tab2_sec2_sharelist_ico3.png') no-repeat center bottom; }
	.event .tab2 .section.sec2 .sharelist li p .instaico {vertical-align:middle; margin-top: -4px;}
	.event .tab2 .section.sec2 h2.tw em { display: inline-block; padding-bottom: 12px; font-family: 'HelveticaBlack','sans-serif'; border-bottom: 1px solid #000;}
	.event .tab2 .section.sec2 h2.tw em.blue { padding: 0 8px 12px; color: #1f73e6; border-bottom: 1px solid #1f73e6;}

	.event .tab2 .section.sec2 .slide_event_sl .sl { padding-bottom: 75px; position:relative;}
	.event .tab2 .section.sec2 .slide_event_sl .sl .topimg { text-align:center; }
	.event .tab2 .section.sec2 .slide_event_sl .sl .topimg img {max-width:100%; vertical-align: top;}
	.event .tab2 .section.sec2 .slide_event_sl .sl .txtbox { position:relative; text-align: center;}
	.event .tab2 .section.sec2 .slide_event_sl .sl .txtbox .cover { margin-left: -243px; padding: 30px 32px 34px; width:100%; max-width: 485px;position:absolute; left:50%;l }
	.event .tab2 .section.sec2 .slide_event_sl .sl .txtbox p { xmargin-bottom: 30px; font-size: 20px; line-height: 30px; font-family: 'Noto Sans KR','sans-serif'; font-weight: bold; text-align:left; }
	.event .tab2 .section.sec2 .slide_event_sl .sl .txtbox a { display: inline-block;  font-size: 18px; line-height: 30px; color: rgba(0,0,0,0.5); font-family: 'Noto Sans KR','sans-serif'; border-bottom: 1px solid rgba(0,0,0,0.5);}
	.event .tab2 .section.sec2 .slide_event_sl .sl .txtbox .btnbox2.last {margin-top:15px;}

	@media screen and ( min-width: 0) and ( max-width: 799px){ 
	.event .section.sec2 .inner { padding-bottom: 60px;}
	.event .section.sec2 h2 { padding: 60px 0 31px; font-size: 17px;}
	.event .section.sec2 h2 span { padding-bottom: 8px; }
	.event .section.sec2 .scover { padding: 15px 25px 0; overflow: hidden;}
	.event .section.sec2 .sharelist { overflow:visible; }
	.event .section.sec2 .sharelist li { padding-top: 82px; margin-left:1.6%; width: 32.26%; height: 170px; position:relative; }
	.event .section.sec2 .sharelist li span { margin: 0 0 0 -15px; width:30px; height: 30px; font-size: 11px; line-height:30px; position:absolute; top:-15px; left:50%;}
	.event .section.sec2 .sharelist li p { padding: 0 10px; font-size: 14px; line-height: 19px;}
	.event .section.sec2 .sharelist li p em { display: inline-block; }
	.event .section.sec2 .sharelist li p em br { display: none;}
	.event .section.sec2 .btnbox { margin: 38px 0 36px;}
	.event .section.sec2 .btnbox a { margin: 0 5px; padding: 0 25px; height: 45px; font-size: 14px; line-height: 45px;border-radius: 45px;  }
	.event .section.sec2 .noticelist { padding: 0 25px; }
	.event .section.sec2 .noticelist li { padding-left: 7px; font-size: 11px; line-height: 21px; }
	.event .section.sec2 .noticelist li span {display: inline-block; margin-left: -7px;}
	.event .tab1 .section.sec2 .sharelist li:nth-child(1) {background-position: center 30px; background-size: 70px auto;}
	.event .tab1 .section.sec2 .sharelist li:nth-child(2) {background-position: center 30px; background-size: 70px auto;}
	.event .tab1 .section.sec2 .sharelist li:nth-child(3) {background-position: center 31px; background-size: 70px auto;}
	.event .tab2 .section.sec2 h2 { padding: 48px 0 29px; }
	.event .tab2 .section.sec2 h2.tw em { padding-bottom: 7px; }
	.event .tab2 .section.sec2 h2.tw em.blue { padding: 0 4px 7px;}
	.event .tab2 .section.sec2 .slide_event_sl .sl .topimg { padding: 0 10vw; }
	.event .tab2 .section.sec2 .slide_event_sl .sl { padding-bottom: 43px; }
	.event .tab2 .section.sec2 .slide_event_sl .sl img {max-width: 100%; vertical-align:top;}
	/*
	.event .tab2 .section.sec2 .slide_event_sl .sl .txtbox { padding: 0 10vw; }
	.event .tab2 .section.sec2 .slide_event_sl .sl .txtbox .cover { padding: 3.2vw 4vw 4.1vw;}
	.event .tab2 .section.sec2 .slide_event_sl .sl .txtbox p { margin-bottom: 2.8vw; font-size: 2.8vw; line-height: 4vw; letter-spacing: -0.03em; }
	.event .tab2 .section.sec2 .slide_event_sl .sl .txtbox a { font-size: 2vw; line-height: 4vw; }
	*/
	.event .tab2 .section.sec2 .sharelist li {padding-top: 88px; height: 178px;}
	.event .tab2 .section.sec2 .sharelist li p {padding: 0 8px;}
	.event .tab2 .section.sec2 .sharelist li p .instaico {margin-top: -3px; width:16px;}
	.event .tab2 .section.sec2 .sharelist li:nth-child(1) {background-position: center 30px; background-size: 70px auto;}
	.event .tab2 .section.sec2 .sharelist li:nth-child(2) {background-position: center 30px; background-size: 70px auto;}
	.event .tab2 .section.sec2 .sharelist li:nth-child(3) {background-position: center 31px; background-size: 70px auto;}
	}
	@media screen and ( min-width: 0px) and ( max-width: 610px){ 
	.event .tab2 .section.sec2 .slide_event_sl .sl .txtbox { padding: 0 10vw;}
	.event .tab2 .section.sec2 .slide_event_sl .sl .txtbox .cover { padding: 3.8vw 14vw 5vw; height:100%; left:0; margin-left:0; max-width:100%;}
	.event .tab2 .section.sec2 .slide_event_sl .sl .txtbox p { margin-bottom: 2.8vw; font-size: 3.2vw; line-height: 5vw; letter-spacing: -0.03em; }
	.event .tab2 .section.sec2 .slide_event_sl .sl .txtbox .btnbox2 { width:100%; position:absolute; bottom:5vw; left:0; }
	.event .tab2 .section.sec2 .slide_event_sl .sl .txtbox a { font-size: 3vw; line-height: 5vw; }
	}
	@media screen and ( min-width: 0) and ( max-width: 369px){ 
	.event .section.sec2 .sharelist li p { padding: 0 5px; letter-spacing: -0.05em;}
	}
	@media screen and ( min-width: 0) and ( max-width: 399px){ 
	.event .tab2 .section.sec2 .slide_event_sl .sl .txtbox p { xfont-size: 13px;}
	.event .tab2 .section.sec2 .slide_event_sl .sl .txtbox p br {xdisplay: none;}
	.event .tab2 .section.sec2 .sharelist li p { padding: 0 2px; font-size: 13px; letter-spacing: -0.05em;}
	}


	.event .section.wscrol { background: #fff; text-align: left;} 
	.event .section.wscrol .inner { padding-bottom: 146px; position:relative;z-index:1;}
	.event .section.wscrol h3 { padding: 127px 0 53px; text-align:center; }
	.event .section.wscrol h3 span,
	.event .section.wscrol h3 strong,
	.event .section.wscrol h3 strong em { display: inline-block;}
	.event .section.wscrol h3 span { margin-bottom: 16px; font-size: 18px; line-height: 100%; font-family: 'Noto Sans KR','sans-serif'; font-weight: normal; }
	.event .section.wscrol h3 span em { font-family: 'HelveticaBold','sans-serif';}
	.event .section.wscrol h3 strong { font-size: 30px; line-height: 100%; font-family: 'HelveticaBlack','sans-serif'; font-weight: normal; }
	.event .section.wscrol h3 strong em {padding-bottom: 2px; border-bottom: 1px solid #000;}
	.event .section.wscrol h3 strong em.blue { padding: 0 8px 2px; color: #1f73e6; border-bottom: 1px solid #1f73e6;}
	.event .section.wscrol .wsbox ul { overflow:hidden; }
	.event .section.wscrol .wsbox ul li { float: left; margin-left:5%; width:30%; }
	.event .section.wscrol .wsbox ul li:first-child {margin-left:0; }
	.event .section.wscrol .wsbox ul li img {max-width: 100%; vertical-align:top;}
	.event .section.wscrol .wsbox ul li p {font-size: 24px; line-height: 100%; font-family: 'Noto Sans KR','sans-serif'; font-weight: bold;}
	.event .section.wscrol .wsbox ul li.last p { letter-spacing: -0.08em;}
	.event .section.wscrol .wsbox ul li span { display: inline-block; padding: 11px 0 30px; font-size: 14px; line-height: 100%; font-family: 'Noto Sans KR','sans-serif';}
	.event .section.wscrol .bttxt { padding: 40px 0 31px; font-size: 14px; line-height: 100%; font-family: 'Noto Sans KR','sans-serif';}
	.event .section.wscrol .tipbox {padding-top:9px; text-align: center; position:relative; }
	.event .section.wscrol .tipbox:after {content:''; display: inline-block; margin-left: -8px;width: 16px; height: 10px; position:absolute; top:0; left:50%; background: url('../images/event/event_tab02_wscrol_arrow_ico.png') no-repeat center top;}
	.event .section.wscrol .tipbox span { display: inline-block; padding: 0 12px; height: 40px; font-size: 14px; color: #fff; line-height: 40px; font-family: 'Noto Sans KR','sans-serif'; font-weight: bold; background: #000; }
	.event .section.wscrol .tipbox span em { color: #0075ee;}
	.event .section.wscrol .tipbox span em.bl { color: #fff;}

	@media screen and ( min-width: 0) and ( max-width: 799px){ 
	.event .section.wscrol .inner { padding-bottom: 62px; }
	.event .section.wscrol h3 { padding: 56px 0 36px;}
	.event .section.wscrol h3 span { margin-bottom: 5px; font-size: 13px; }
	.event .section.wscrol h3 strong { font-size: 17px;  }
	.event .section.wscrol h3 strong em.blue { padding: 0 4px 2px;;}
	.event .section.wscrol .wsbox { width: 100%; padding-bottom: 16px; overflow-x: auto; position:relative;}
	.event .section.wscrol .wsbox ul { margin-left:57px; min-width: 811px;}
	.event .section.wscrol .wsbox ul li {margin-left:0; margin-right:27px; width:233px; }
	.event .section.wscrol .wsbox ul li.last {margin-right:57px; }
	.event .section.wscrol .wsbox ul li.last p { letter-spacing: -0.08em;}
	.event .section.wscrol .wsbox ul li p {font-size: 23px;}
	.event .section.wscrol .wsbox ul li span { padding: 11px 0 15px; font-size: 15px;}
	.event .section.wscrol .bttxt {padding: 0px 25px 39px; font-size: 11px; }
	.event .section.wscrol .tipbox {padding:12px 25px 0; }
	.event .section.wscrol .tipbox:after { margin-left: -9px;width: 18px; height: 12px; background: url('../images/event/event_tab02_wscrol_arrow_ico_m.png') no-repeat center top;}
	.event .section.wscrol .tipbox span { padding: 17px 25px 19px; height: auto; font-size: 13px; line-height: 23px; }
	.event .section.wscrol .tipbox span strong { xfont-weight: normal; display:inline-block;}
	.event .section.wscrol .tipbox span em.bl {display: block;}
	}
	@media screen and ( min-width: 800px) and ( max-width: 849px){ 
	.event .section.wscrol .wsbox ul li p {font-size: 23px;}
	.event .section.wscrol .wsbox ul li.last p {font-size: 23px; letter-spacing: -0.08em;}
	}


	.event .section.sec3 { background: #fcf8f5;}
	.event .section.sec3 .inner { padding-bottom: 130px; }
	.event .section.sec3 .inner:after { content:''; clear:both;}
	.event .section.sec3 h2 { padding: 128px 0 56px; font-size: 30px; line-height: 100%; font-family: 'Noto Sans KR','sans-serif'; font-weight: bold;  }
	.event .section.sec3 h2 span { display: inline-block; padding-bottom: 13px; border-bottom: 1px solid #000; }
	.event .section.sec3 dl { overflow: hidden; margin-top: 30px; position:relative;text-align: left; }
	.event .section.sec3 dl dt { padding-left: 22px; font-size: 18px; line-height: 100%; font-family: 'Noto Sans KR','sans-serif'; font-weight: bold; position:absolute; top:0; left:0; border-left: 1px solid #000; }
	.event .section.sec3 dl dd { padding-left: 150px; font-size: 18px; line-height: 100%; font-family: 'Noto Sans KR','sans-serif';  }
	.event .section.sec3 dl dd .ml { margin-left: 40px; }
	.event .section.sec3 dl dd .ad { display: inline-block; margin-top:17px; font-size: 14px;}
	.event .section.sec3 dl.first {margin-top:0;}
	.event .section.sec3 dl.first dt { letter-spacing: 0.4em;}
	.event .section.sec3 dl.last { margin-top: 18px;}
	.event .section.sec3 dl.last dd { padding: 48px 0 0 0;}
	.event .section.sec3 dl dd .sharelist { overflow: hidden; }
	.event .section.sec3 dl dd .sharelist li { padding-top: 280px; margin-left:2%; width:32%; height: 420px; float: left; background: #fff; text-align: center; }
	.event .section.sec3 dl dd .sharelist li p {font-size: 24px; line-height: 100%; font-family: 'Noto Sans KR','sans-serif'; font-weight: bold; }
	.event .section.sec3 dl dd .sharelist li span {display: inline-block; margin-top: 20px; width: 180px; height: 38px; font-size: 18px; color: #fff; line-height: 38px; font-family: 'Noto Sans KR','sans-serif'; font-weight: bold;background: #000; border-radius: 38px;}
	.event .tab1 .section.sec3 dl dd .sharelist li:nth-child(1) {margin-left:0; background: #fff url('../images/event/event_tab1_sec3_sharelist_ico1.png') no-repeat center top; }
	.event .tab1 .section.sec3 dl dd .sharelist li:nth-child(2) {background: #fff url('../images/event/event_tab1_sec3_sharelist_ico2.png') no-repeat center top; }
	.event .tab1 .section.sec3 dl dd .sharelist li:nth-child(3) {background: #fff url('../images/event/event_tab1_sec3_sharelist_ico3.png') no-repeat center top; }
	.event .tab2 .section.sec3 dl dd .sharelist li { margin-left:4%; width:48%; }
	.event .tab2 .section.sec3 dl dd .sharelist li:nth-child(1) {margin-left:0; background: #fff url('../images/event/event_tab2_sec3_sharelist_ico1.png') no-repeat center top; }
	.event .tab2 .section.sec3 dl dd .sharelist li:nth-child(2) {background: #fff url('../images/event/event_tab2_sec3_sharelist_ico2.png') no-repeat center top; }
	.event .tab2 .section.sec3 h2.tw em { display: inline-block; padding-bottom: 12px; font-family: 'HelveticaBlack','sans-serif'; border-bottom: 1px solid #000;}
	.event .tab2 .section.sec3 h2.tw em.blue { padding: 0 8px 12px; color: #1f73e6; border-bottom: 1px solid #1f73e6;}

	@media screen and ( min-width: 0) and ( max-width: 799px){ 
	.event .section.sec3 .inner { padding-bottom: 50px; }
	.event .section.sec3 h2 { padding: 58px 0 31px; font-size: 17px;}
	.event .section.sec3 h2 span { padding-bottom: 9px;}
	.event .section.sec3 dl { padding: 0 25px; margin-top: 16px;}
	.event .section.sec3 dl dt { padding-left: 10px; font-size: 13px; left:25px; }
	.event .section.sec3 dl dd { padding-left: 100px; font-size: 13px;}
	.event .section.sec3 dl dd .ml { margin-left: 0; margin-top:10px; display: block; }
	.event .section.sec3 dl dd .ad { margin-top:8px; font-size: 10px;}
	.event .section.sec3 dl.last { margin-top:10px}
	.event .section.sec3 dl.last dd { padding: 11px 0 0 0;}
	.event .section.sec3 dl dd .sharelist li { padding-top: 145px; margin-left:2%; width:32%; height: 218px;}
	.event .section.sec3 dl dd .sharelist li p {font-size: 13px; line-height: 18px; }
	.event .section.sec3 dl dd .sharelist li p em { display: block; }
	.event .section.sec3 dl dd .sharelist li span {margin-top: 11px; width: 80px; height: 25px; font-size: 13px; line-height: 25px;border-radius: 25px;}
	.event .tab1 .section.sec3 dl dd .sharelist li:nth-child(1) {background-size: 95px auto; background-color: #fcf8f5;}
	.event .tab1 .section.sec3 dl dd .sharelist li:nth-child(2) {background-size: 95px auto; background-color: #fcf8f5;}
	.event .tab1 .section.sec3 dl dd .sharelist li:nth-child(3) {background-size: 95px auto; background-color: #fcf8f5;}
	.event .tab2 .section.sec3 dl.last dd { padding: 8px 0 0 0;}
	.event .tab2 .section.sec3 dl dd .sharelist li { padding-top: 141px; }
	.event .tab2 .section.sec3 dl dd .sharelist li:nth-child(1) {background-size: 126px auto; background-color: #fcf8f5;}
	.event .tab2 .section.sec3 dl dd .sharelist li:nth-child(2) {background-size: 126px auto; background-color: #fcf8f5;}
	.event .tab2 .section.sec3 dl dd .sharelist li span {margin-top: 12px;}
	.event .tab2 .section.sec3 h2.tw em { padding-bottom: 8px;}
	.event .tab2 .section.sec3 h2.tw em.blue { padding: 0 4px 8px; }
	}
	@media screen and ( min-width: 0) and ( max-width: 369px){ 
	.event .section.sec3 dl dd { padding-left: 95px; letter-spacing: -0.03em;}
	.event .tab1 .section.sec3 dl dd .sharelist li { padding-top: 125px; height: 198px;}
	.event .tab1 .section.sec3 dl dd .sharelist li:nth-child(1) {background-size: 80px auto;}
	.event .tab1 .section.sec3 dl dd .sharelist li:nth-child(2) {background-size: 80px auto;}
	.event .tab1 .section.sec3 dl dd .sharelist li:nth-child(3) {background-size: 80px auto;}
	}
	@media screen and ( min-width: 800px) and ( max-width: 900px){ 
	.event .section.sec3 dl dd .sharelist li { padding-top: 270px; }
	.event .section.sec3 dl dd .sharelist li p {letter-spacing: -0.05em; line-height: 30px;}
	.event .section.sec3 dl dd .sharelist li p em { display: block; }
	}

	.event .section.sec4 { background: #000; text-align: left; color: #fff; }
	.event .section.sec4 h2 { padding: 124px 0 23px; font-size: 18px; line-height: 100%; font-family: 'Noto Sans KR','sans-serif'; font-weight: bold;}
	.event .section.sec4 ul li {font-size: 14px; line-height: 24px; font-family: 'Noto Sans KR','sans-serif'; }

	@media screen and ( min-width: 0) and ( max-width: 799px){ 
	.event .section.sec4 .inner { padding: 0 25px; }
	.event .section.sec4 h2 { padding: 47px 0 15px; font-size: 17px;}
	.event .section.sec4 ul li {font-size: 11px; line-height: 21px; padding-left: 7px;}
	.event .section.sec4 ul li span { display: inline-block; margin-left: -7px;}
	}

	.event .footer .inner { padding: 65px 25px;}


	/* popup */
	.pop { display: none; width: 100%; height: 100%; left:0; top:0; overflow: hidden;z-index:10;position: fixed;}
	.pop .black_box { width: 100%; height: 100%; position: fixed; top:0; left:0; background: rgba(0,0,0,0.8); overflow:hidden; }
	.pop .close_pop { margin-left: -12px; width: 24px; height: 24px; position: absolute; right: 25px; top:25px; z-index: 3; }
	.pop .close_pop img {max-width:100%;}
	.popup { position: absolute; left: 50%; top: 50%; text-align: center; }
	.popup .popbody { position:relative; text-align:center;}

	.event .popup { margin: -100px 0 0 -240px; width: 480px; }
	.event .popup .popbody p {margin-bottom: 15px; font-size: 30px; line-height: 100%; color: #fff; font-family: 'Noto Sans KR','sans-serif'; font-weight: bold;}
	.event .popup .popbody ul {overflow: hidden; display: inline-block; }
	.event .popup .popbody ul li { float: left; margin: 15px 6px; width:80px;}
	.event .popup .popbody ul li img { width: 100%; max-width: 80px; vertical-align: top;}
	.event .popup .popbody ul li a { display: inline-block;}

	@media screen and ( min-width: 0) and ( max-width: 799px){ 
	.popup { margin: 0; width: 100%; left: 0; top: 40%;}
	.popup .close_pop { margin-left: -17px; width: 34px; height: 34px; top:-60px;}
	.event .popup { margin: 0; margin-top:-95px; width: 100%; top: 50%;}
	.event .popup .popbody p {margin-bottom: 22px; font-size: 17px;}
	.event .popup .popbody ul { margin: 0 auto; max-width: 220px; }
	.event .popup .popbody ul li { margin: 3% 2%; width:29%; max-width:65px;}
	.event .popup .popbody ul li:nth-child(4) {margin-left:38px;}

	}




	/* 동그라미 애니*/
	.event .section.wscrol .rani {position:absolute; width:100%; height:100%; left:0; top:0; overflow: hidden;}
	.event .section.wscrol .rani span { display: inline-block; border-radius: 100%; position:absolute;}
	.event .section.wscrol .rani .itm1 { width: 60px; height: 60px; background: #c34a37; top:50%; left: 70px;}
	.event .section.wscrol .rani .itm2 { width: 160px; height: 160px; background: #314896; top: 150px; left: -80px;  }
	.event .section.wscrol .rani .itm3 { width: 630px; height: 630px; background: #ffe955; top:-100px; right:-200px; }
	.event .section.wscrol .rani .itm4 { width: 180px; height: 180px; background: #e6bcb0; top:60%; left:15%; }
	.event .section.wscrol .rani .itm5 { width: 20px; height: 20px; background: #b8cde8; bottom:22%; right:52%; }
	@media screen and ( min-width: 0) and ( max-width: 799px){ 
	.event .section.wscrol .rani .itm1 { width: 4vw; height: 4vw;  top:50%; left: 3vw;}
	.event .section.wscrol .rani .itm2 { width: 15vw; height: 15vw; top: 5%; left: -5vw;  }
	.event .section.wscrol .rani .itm3 { width: 70vw; height: 70vw;top:-5%; right:-30vw; }
	.event .section.wscrol .rani .itm4 { width: 24vw; height: 24vw; top:62%; left:23vw; }
	.event .section.wscrol .rani .itm5 { width: 2.6vw; height: 2.6vw; bottom:26%; right:20vw; }

	.event .section.wscrol .rani .itm2 {animation: movBlue 5s linear infinite;}
	.event .section.wscrol .rani .itm3 {animation: movYellow 10s linear infinite alternate-reverse;}
	.event .section.wscrol .rani .itm4 {animation: movRedL 5s linear infinite alternate;}
	.event .section.wscrol .rani .itm5 {animation: movBlueL 10s ease-in-out infinite alternate;}
	}
	.event .section.wscrol .rani .itm1 {
	animation-name: movRed;
	animation-duration: 10s;
	animation-timing-function: linear;
	animation-delay: 0;
	animation-iteration-count: infinite;
	animation-direction: alternate;
	}
	.event .section.wscrol .rani .itm2 {animation: movBlue 10s linear infinite;}
	.event .section.wscrol .rani .itm3 {animation: movYellow 10s linear infinite alternate-reverse;}
	.event .section.wscrol .rani .itm4 {animation: movRedL 30s linear infinite alternate;}
	.event .section.wscrol .rani .itm5 {animation: movBlueL 30s ease-in-out infinite alternate;}

	@keyframes movRed {
		0%   {transform: translate(0);}
		100% {transform: translate(-150%, 150%);}
	}
	@keyframes movBlue {
		0%   {transform: translate(0);}		/*좌우상하*/
		25% {transform: translate(10%, -20%) scale(1.2);}
		50% {transform: translate(100%, 50%) scale(0.8); xtransform: scale(1.2);}
		75% {transform: translate(50%, 100%);}
		100% {transform: translate(0)}
	}
	@keyframes movYellow {
		0%   {transform: scale(1);}
		100% {transform: scale(1.2);}
	}
	@keyframes movRedL {
		0%   {transform: translate(0);}
		100% {transform: translate(50%, 50%) scale(1.5);}
	}
	@keyframes movBlueL {
		0%   {transform: translate(0);}	
		25% {transform: translate(200%, 200%) scale(1.2);}
		50% {transform: translate(600%, -100%) scale(0.8); }
		75% {transform: translate(800%, 300%) scale(1.5);}
		100% {transform: translate(600%, 500%)}
	}









/*=========================================================================================================
* review
=========================================================================================================*/

	.review .mob { display: none; }
	@media screen and ( min-width: 0) and ( max-width: 799px){ 
	.review .web { display: none; }
	.review .mob { display: inline; }
	.review.container.on .topsec { xleft: 70%; }
	.review.container .topsec,
	.review.container.on .topsec {-moz-transition: all .3s ease-out;-o-transition: all .3s ease-out;-ms-transition: all .3s ease-out;transition: all .3s ease-out;}
	}

	.review .topsec { text-align: center; padding: 0; position:fixed; width: 100%; height: 100%; top:0; left:0; background:#000;}
	.review .topsec .cover {text-align: center; position:absolute; width:100%; height: 100%; top:0; left:0;background: url('../images/review/review_topsec_img1.jpg') no-repeat; background-size: cover; background-position: center top;}
	.review .topsec img { max-width: 100%; height: 100%; vertical-align:top; }
	.review .topsec .layer { margin-top: -12vh; width: 100%; position:absolute; top:50%; text-align: center; }
	.review .topsec .layer h2 { font-size: 72px; line-height: 80px; font-family: 'Noto Sans KR','sans-serif'; font-weight: normal; color: #fff;}

	@media screen and ( min-width: 0) and ( max-width: 799px){ 
	.review .topsec .cover { height: 340px; background: url('../images/review/review_topsec_img1_m.jpg') no-repeat center top; background-size: cover;}
	.review .topsec .layer { margin-top: 140px; top:0; }
	.review .topsec .layer h2 { font-size: 32px; line-height: 41px; font-weight: bold;}
	}

	.review .section { position: relative; text-align: center; }
	.review .section .inner { max-width: 1000px; margin: 0 auto;}
	.review .section .ani { opacity:0; position:relative; top:50px; }
	.review .section.sec1 { background: #fff; }
	.review .section.sec1 .inner { padding-bottom: 117px;}
	.review .section.sec1 h2 { padding: 127px 0 55px; font-size: 30px; line-height: 100%; font-family: 'Noto Sans KR','sans-serif'; font-weight: bold;  }
	.review .section.sec1 h2 span { display: inline-block; padding-bottom: 13px; border-bottom: 1px solid #000; }
	.review .section.sec1 .boxlist {overflow: hidden;}
	.review .section.sec1 .boxlist li { float: left; width:33.33%;}
	.review .section.sec1 .boxlist li a { display: inline-block; vertical-align:top;}
	.review .section.sec1 .boxlist li a img {max-width:100%; vertical-align:top;}
	.review .section.sec1 .smtxt { margin: 29px 0 60px; font-size: 14px; line-height: 100%; font-family: 'Noto Sans KR','sans-serif'; text-align:left;}
	.review .section .btnbox a { display: inline-block; margin: 0 7px; padding: 0 30px; height: 58px; font-size: 18px; color: #fff; line-height: 58px; font-family: 'Noto Sans KR','sans-serif'; font-weight: bold; background: #000; border-radius: 58px;  }
	.review .section.wscrol .btnbox { margin-top: 30px; text-align:center; }
	.review .section.wscrol .btnbox a { margin: 0; padding: 0; width:270px;  }

	@media screen and ( min-width: 0) and ( max-width: 799px){ 
	.review .section.sec1 .inner { padding-bottom: 63px;}
	.review .section.sec1 h2 { padding: 54px 0 35px; font-size: 15px; font-weight: normal;}
	.review .section.sec1 h2 span { padding-bottom: 7px; }
	.review .section.sec1 .smtxt { padding: 0 15px; margin: 18px 0 27px; font-size: 11px; line-height: 17px; text-align:center; }
	.review .section .btnbox { margin: 0;}
	.review .section .btnbox a { margin: 0 5px; padding: 0 25px; height: 45px; font-size: 14px; line-height: 45px;border-radius: 45px;  }
	.review .section.wscrol .btnbox { margin-top: 20px;}
	.review .section.wscrol .btnbox a { width:220px;  }
	}


	.review .section.wscrol { background: #fff; text-align: left;} 
	.review .section.wscrol .inner { padding-bottom: 146px; }
	.review .section.wscrol .wsbox ul { overflow:hidden; }
	.review .section.wscrol .wsbox ul li { float: left; margin-left:5%; width:30%; }
	.review .section.wscrol .wsbox ul li:first-child {margin-left:0; }
	.review .section.wscrol .wsbox ul li img {max-width: 100%; vertical-align:top;}
	.review .section.wscrol .wsbox ul li p {font-size: 24px; line-height: 100%; font-family: 'Noto Sans KR','sans-serif'; font-weight: bold;}
	.review .section.wscrol .wsbox ul li.last p { letter-spacing: -0.05em;}
	.review .section.wscrol .wsbox ul li span { display: inline-block; padding: 11px 0 30px; font-size: 14px; line-height: 100%; font-family: 'Noto Sans KR','sans-serif';}
	.review .section.wscrol .bttxt { padding: 40px 0 31px; font-size: 14px; line-height: 100%; font-family: 'Noto Sans KR','sans-serif';}
	.review .section.wscrol .tipbox {padding-top:9px; text-align: center; position:relative; }
	.review .section.wscrol .tipbox:after {content:''; display: inline-block; margin-left: -8px;width: 16px; height: 10px; position:absolute; top:0; left:50%; background: url('../images/event/event_tab02_wscrol_arrow_ico.png') no-repeat center top;}
	.review .section.wscrol .tipbox span { display: inline-block; padding: 0 12px; height: 40px; font-size: 14px; color: #fff; line-height: 40px; font-family: 'Noto Sans KR','sans-serif'; font-weight: bold; background: #000; }
	.review .section.wscrol .tipbox span em { color: #0075ee;}
	.review .section.wscrol .tipbox span em.bl { color: #fff;}

	@media screen and ( min-width: 0) and ( max-width: 799px){ 
	.review .section.wscrol .inner { padding-bottom: 54px; }
	.review .section.wscrol h3 { padding: 56px 0 36px;}
	.review .section.wscrol h3 span { margin-bottom: 5px; font-size: 13px; }
	.review .section.wscrol h3 strong { font-size: 17px;  }
	.review .section.wscrol h3 strong em.blue { padding: 0 4px 2px;;}
	.review .section.wscrol .wsbox { width: 100%; padding-bottom: 16px; overflow-x: auto; position:relative;}
	.review .section.wscrol .wsbox ul { margin-left:57px; min-width: 811px;}
	.review .section.wscrol .wsbox ul li {margin-left:0; margin-right:27px; width:233px; }
	.review .section.wscrol .wsbox ul li.last {margin-right:57px; }
	.review .section.wscrol .wsbox ul li.last p { letter-spacing: -0.08em;}
	.review .section.wscrol .wsbox ul li p {font-size: 23px;}
	.review .section.wscrol .wsbox ul li span { padding: 11px 0 15px; font-size: 15px;}
	.review .section.wscrol .bttxt {padding: 0px 25px 39px; font-size: 11px; }
	.review .section.wscrol .tipbox {padding:12px 25px 0; }
	.review .section.wscrol .tipbox:after { margin-left: -9px;width: 18px; height: 12px; background: url('../images/event/event_tab02_wscrol_arrow_ico_m.png') no-repeat center top;}
	.review .section.wscrol .tipbox span { padding: 17px 25px 19px; height: auto; font-size: 13px; line-height: 23px; }
	.review .section.wscrol .tipbox span em.bl {display: block;}
	}
	@media screen and ( min-width: 800px) and ( max-width: 849px){ 
	.review .section.wscrol .wsbox ul li p {font-size: 23px;}
	.review .section.wscrol .wsbox ul li.last p {font-size: 23px; letter-spacing: -0.08em;}
	}

	@media screen and ( min-width: 800px) and ( max-width: 919px){ 
	.review .section.wscrol .btnbox a { width:29.2vw; font-size: 1.95vw; }
	}


	.review .popup { margin: -281px 0 0 -500px; width: 1000px; height: 563px;}
	.review .popup .movie { position:relative; text-align: center; }
	.review .popup .movie video {position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover; vertical-align: top;}
	.review .popup .movie img {max-width:100%; vertical-align: top;}

	@media screen and ( min-width: 800px) and ( max-width: 1029px){ 
	.review .popup .popbody {padding: 0 50px; }
	.review .popup { margin: -25vw 0 0 0; width: 100%; left: 0; height: auto;}
	}
	@media screen and ( min-width: 0) and ( max-width: 799px){ 
	.review .popup .popbody {padding: 0 25px; }
	.review .popup { margin: -17vw 0 0 0; width: 100%; left: 0; height: auto;}
	}