@import url('https://fonts.googleapis.com/earlyaccess/notosanskr.css');
@import url('https://fonts.googleapis.com/css?family=Roboto:700,400,300,100');
/* GLOBAL STYLES
-------------------------------------------------- */
/* Padding below the footer and lighter body text */

body {
  font-family:'Noto Sans KR';
  color: #5a5a5a;
}


/* RESPONSIVE CSS
-------------------------------------------------- */

.bold{font-weight:700;}

@media (max-width: 499px) {
	.jumbotron{
		width: 100%;
		position:relative;
		background-color:rgba(0,0,0,0);
	}
	.container {
		width: 100%;
	}
	.jumbotron .bg{
		width:100%;
	}
	.jumbotron .bg.pc{
		display:none;
	}
	.jumbotron video{
		width:100%;
		display:none;
	}
	.jumbotron .container-box{
		position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;
	}
	.jumbotron .container-box .container{
		position:relative;
	}
	ul{
		list-style:none;
		margin:0;
		padding:0;
	}
	nav {
		display:none;
	}
	.bold{font-weight:500;}

	.mobile{
		display:none;
	}
	.page-main .mo .helper{
		width:100%;
	}
	.page-main video{
		display:none;
	}
	.page-main header{
		position:relative;
		width:100%;
		background-color:rgb(234,64,82);
	}
	.page-main header img{
		display:none;
	}
	.page-main header svg{
		width:36%;
		padding:5.485% 5%;
	}
	.page-main header div{
		position:absolute;
		top:50%;
		right:0%;
		width:40%;
		color:#ffffff;
		margin-top:-2.8%;
		font-size:3.7vw;
		text-align:right;
	}
	.page-main header div .btn-intro{
		display:none;
	}
	.page-main header div .btn-down{
		display:none;
	}
	.page-main header div .div{
		display:none;
	}
	.page-main header div .btn-login{
		margin:0 13.5% 0 0;
		padding:3% 8.5% 4.8% 8.5%;
		border:1px solid #ffffff;
		border-radius:20px;
		color:#ffffff;
		text-decoration:none;
		display:none;
	}
	.page-main hr{
		display:none;
	}
	.page-main .title{
		line-height:100%;
		letter-spacing:0px;
		font-size:10vw;
		margin:11.4% auto 5% auto;
		width:64%;
		text-align:center;
	}
	.page-main .title-left{
		display:inline-block;
		width:48%;
		color:#ffffff;
		font-weight:100;
		margin-right:-2.5%;
	}
	.page-main .title-right{
		display:inline-block;
		width:48%;
		color:rgb(234,64,82);
		font-weight:500;
		padding:0.3% 1.8% 2.216% 0.41%;
		margin-right:2.02%;
		background-color:rgba(255,255,255,0.5);
	}
	.page-main .sub-title{
		width:57%;
		margin:0 auto;
		text-align:center;
		color:#ffffff;
		font-size:4.45vw;
	}
	.page-main .wrap-btn{
		text-align:center;
		margin:10.6%;
	}
	.page-main .wrap-btn .btn-store{
		color:#ffffff;
		font-size:3.8vw;
		padding:4.3% 4.8%;
		border-radius:29px;
		background-color:rgb(234,64,82);	
		text-decoration:none;
	}
	.page-main .scroll{
		display:none;
	}
	
	.page-intro .title{
		position:absolute;
		top:7.6%;
		left:4.8%;
		font-size:6.95vw;
		line-height:100%;
	}
	.page-intro .sub-title{
		position:absolute;
		top:29%;
		left:4.8%;
		font-size:4.435vw;
	}
	.page-video .container{
		height:100%;
	}
	.page-video video{
		width:100%;
		display:block;
	}
	.page-video .video-box{
		color:#fff;
		position:absolute;
		top:6.2%;
		left:4%;
		width:92%;
		height:84%
	}
	.page-video .title{
		padding:0 0.9%;
		font-size:4.1vw;
		color:#ffffff;
		margin-bottom:5%;
	}
	.page-video .video-box .wrap-video{
		width:100%;
		height:65%;
		margin-bottom:4%;
	}
	.page-video .video-box .wrap-video video{
		display:none;
	}
	.page-video .video-box .wrap-video video.active{
		display:block;
	}
	.page-video .video-box a{
		word-break:keep-all;
		color:#ffffff;
		border-top:1px solid #ffffff;
		border-bottom:1px solid #ffffff;
		border-right:1px solid #ffffff;
		display:inline-block;
		width:33.3333%;
		padding:3% 4.5% 4% 3.2%;
		line-height:100%;
		font-size:4.3vw;
	}
	.page-video .video-box a.active{
		color:#ff0000;
		background-color:#ffffff;
	}
	.page-video .video-box a.v01{
		border-left:1px solid #ffffff;
	}
	.page-video-2 {
		background-color:rgb(230,232,236);
		padding:8% 4.8% 7.8% 4.8%;
	}
	.page-video-2 svg{
		width:17.9%;
	}
	.page-video-2 li{
		position:relative;
		padding:4.2% 0;
	}
	.page-video-2 div{
		position:absolute;
		top:0;
		left:0;
		padding:6% 0% 6% 24.2%; 
	}
	.page-video-2 p{
		margin:0 0 3.5% 0;
		font-size:4.43vw;
	}
	.page-guide .container-box{
		position:relative !important;
		background-color:rgb(234,64,82);
	}
	.page-guide .gc{
		display:none;
	}
	.page-guide .gc.active{
		display:block;
	}
	.page-guide .page-title{
		padding:9.3% 0 0 5%;
		font-size:4.5vw;
		color:#ffffff;
		line-height:100%;
	}
	.page-guide .title{
		padding:6.8% 0 0 5%;
		font-size:6.92vw;
		color:#ffffff;
		line-height:100%;
	}
	.page-guide .title .num{
		font-weight:100;
	}
	.page-guide .contents{
		display:none;
	}
	.page-guide .btns{
		display:none;
	}
	.page-guide .image-box{
		margin:5.5% auto 5.5% auto;
		width:70%;
		height:100%;
	}
	.page-guide .image-box ul.images-list{
		width:100%;
		height:100%;
	}
	.page-guide .image-box ul.images-list li{
		width:100%;
		display:none;
	}
	.page-guide .image-box ul.images-list li.active{
		display:block;
	}
	.page-guide .image-box ul.images-list li img{
		width:100%;
	}
	.page-guide .image-box ul.paging{
		width:30%;
		margin:0 auto;		
	}
	.page-guide .image-box ul.paging li{
		background-color:rgba(255,255,255,0.5);
		display:inline-block;
		width:14%;
		margin-right:7%;
		border-radius:50%;
	}
	.page-guide .image-box ul.paging li.active{
		background-color:#ffffff;
	}
	.page-guide .image-box ul.paging li:last-child{
		margin:0;
	}
	.page-guide .image-box ul.paging li img{
		width:100%;
		display:block;
	}
	.page-delivery{
		background-color:rgb(79,88,116);
		overflow:hidden;
	}
	.page-delivery .container-box{
		position:relative !important;
	}
	.page-delivery .title{
		padding:9.3% 0 0 5.6%;
		font-size:4.2vw;
		color:#ffffff;
		line-height:100%;
	}
	.page-delivery .sub-title{
		padding:7% 0 0 5.2%;
		font-size:6.85vw;
		color:#ffffff;
		line-height:100%;
		font-weight:100;
	}
	.page-delivery img{
		margin:11% 0 12% 21%;
		width:90%
	}
	.page-payment{
		background-color:rgb(54,53,71);
	}
	.page-payment .container-box{
		position:relative !important;
	}
	.page-payment .title{
		padding:9.3% 0 0 5.6%;
		font-size:4.4vw;
		color:#ffffff;
		line-height:100%;
	}
	.page-payment .sub-title{
		padding:7% 0 0 5.2%;
		font-size:6.85vw;
		color:#ffffff;
		line-height:100%;
		font-weight:100;
	}
	.page-payment .wrap-image{
		position:relative;
		width:66.5%;
		display:block;
		margin:16% auto 20.5% auto;
	}
	.page-payment .wrap-image .image-nfc{
		width:100%;
	}
	.page-payment .wrap-image .i-nfc{
		position:absolute;
		top:-28%;
		right:6%;
		width:38%;
	}
	.page-benefit .container-box{
		position:relative !important;
		padding:12% 0 13.3% 0;
	}
	.page-benefit .title{
		margin:0;
		font-size:7vw;
		color:#000000;
		text-align:center;
		line-height:100%;
	}
	.page-benefit .sub-title{
		padding:6.4% 0 0 0;
		font-size:4.44vw;
		color:#000000;
		text-align:center;
	}
	.page-benefit svg{
		display:block;
		width:55%;
		margin:13.1% auto 9.6% auto;
	}
	.page-benefit #bs-1{
		display:block;
		width:55%;
		margin:13.1% auto 9.6% auto;
	}
	.page-benefit #bs-2{
		display:block;
		width:51%;
		margin:11% auto 12% auto;
	}
	.page-benefit #bs-3{
		display:block;
		width:51%;
		margin:11% auto 12% auto;
	}
	.page-benefit .contents{
		text-align:center;
		font-size:4.36vw;
	}
	
	.page-download .container > .mo{
		height:100%;
		padding:29.5% 0 87% 0;
	}
	.page-download .title{
		width:25.2%;
		display:block;
		margin:0 auto 6.9% auto;
	}
	.page-download .sub-title{
		text-align:center;
		color:#ffffff;
		font-size:6.93vw;
		line-height:100%;
		font-weight:100;
	}	

	.page-download .down-btns{
		width:100%;
		color:#ffffff;
		font-size:5.1vw;
		text-align:center;
		background-color:rgb(234,64,82);
		padding:7.4% 0;
	}
	.page-download .down-btns p{
		margin:0 0 6% 0;
	}
	.page-download .down-btns a{
		display:inline-block;
		width:37%;
	}
	.page-download .down-btns a img{
		width:100%;
	}
	.page-download .down-btns a.btn-app{
		margin:0 2.6% 0 0;
	}
	
	.page-inquire{
		background-color:rgb(230,232,236);
	}
	.page-inquire .container-box{
		position:relative !important;
		padding:0 0 12% 0;
	}
	.page-inquire .container{
		padding:12.5% 0 0 0;
		width:82%;
	}
	.page-inquire .category{
		margin-bottom:6%;
	}
	.page-inquire .category li{
		display:inline-block;
		width:33.33%;
		text-align:center;
		padding:3.7% 3%;
		font-size:4.4vw;
		border-top:1px solid rgb(54,53,71);
		border-bottom:1px solid rgb(54,53,71);
	}
	.page-inquire .category li.active{
		color:#ffffff;
		background-color:rgb(54,53,71);
	}
	.page-inquire .category li:first-child{
		border-radius:30px 0 0 30px;
		border:1px solid rgb(54,53,71);
	}
	.page-inquire .category li:last-child{
		border-radius:0 30px 30px 0;
		border:1px solid rgb(54,53,71);
	}
	
	.page-inquire .input-box{
		margin-bottom:4.7%;
		display:none;
	}
	.page-inquire .input-box.i-1{
		display:block;
	}
	.page-inquire .input-box li{
		width:100%;
		display:inline-block;
	}
	.page-inquire .input-box li.half{
		width:50%;
		padding-bottom:2%;
	}
	.page-inquire .input-box li.left{
		padding-right:1%;
	}
	.page-inquire .input-box li.right{
		padding-left:1%;
	}
	.page-inquire .input-box li.half input{
		width:100%;
		border:0px none;
		padding:6.2% 9%;
		border-radius:5px;
	}
	.page-inquire .input-box li.all{
		width:100%;
		padding-bottom:2%;
	}
	.page-inquire .input-box li.all input{
		width:100%;
		border:0px none;
		padding:4.2%;
		border-radius:5px;
	}
	.page-inquire .input-box li textarea{
		width:100%;
		border:0px none;
		padding:3.6%;
		border-radius:5px;
		resize:none;
	}
	.page-inquire .private{
		
		margin-bottom:12.2%;
	}
	.page-inquire .private .title{
		font-size:3.8vw;
		margin-bottom:3.5%;
	}
	.page-inquire .private .body{
		position:relative;
		background-color:#ffffff;
		border-radius:5px;
		width:100%;
	}
	.page-inquire .private .body .helper{
		width:100%;
	}
	.page-inquire .private .body .contents{
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
		padding:3%;
		overflow-x:hidden;
		overflow-y:scroll;
	}
	::-webkit-scrollbar {
		width:5px;
	}
	::-webkit-scrollbar-thumb {
		background:#a9a9a9;
	}
	.page-inquire .private .body .contents{
		margin:0;
	}
	
	.page-inquire .wrap-btn{
		width:100%;
		text-align:center;
	}
	.page-inquire .btn-submit{
		color:#ffffff;
		background-color:rgb(234,64,82);
		padding:3% 16%;
		font-size:5.65vw;
		border-radius:30px;
		text-decoration:none;
	}
	.page-last .btns{
		position:relative;
		display:block;
		margin:0;
		padding:0;
	}
	.page-last .btns .helper{
		display:none;
	}
	.page-last .btns li{
		position:relative;
		width:100%;
	}
	.page-last .btns li:nth-child(even){
		background-color:rgb(54,53,71);	
	}
	.page-last .btns li:nth-child(odd){
		background-color:rgb(79,88,116);
	}
	.page-last .btns li a{
		width:100%;
		height:100%;
		text-align:center;
	}
	.page-last .btns li a img{
		width:22.5%;
	}
	.page-last .btns li a .box{
		display:table;
		width:100%;
		height:100%;
		padding:6.3% 0;
	}
	.page-last .btns li a .box .inner-box{
		display:table-cell;
		vertical-align:middle;
	}
	.page-last .btns li a .box .inner-box .text{
		display:block;
		color:#ffffff;
		font-size:4.2vw;
		margin:1% 0;
	}
	.page-last .footer{
		position:relative;
		width:100%;
		padding:4.8%;
		background-color:rgb(238,238,238);
	}
	.page-last .footer .image{
		display:none;
	}
	.page-last .footer .about-mtouch{
		text-align:left;
		display:inline-block;
		width:100%;
	}
	.page-last .footer .about-mtouch .title{
		margin:5% 0 8.9% 0;
		color:rgb(234,64,82);
	}
	.page-last .footer .about-mtouch .title img{
		width:20.4%;
	}
	.page-last .footer .about-mtouch .title span{
		margin-left:6%;
		font-size:5.67vw;
	}
	.page-last .footer .about-mtouch .contents{
		font-size:4.4vw;
	}
	.page-last .footer .about-mtouch .contents .addr{
		margin-bottom:12%;
	}
	.page-last .footer .about-mtouch .contents .tel{
		margin:0;
	}
	.page-last .footer .about-mtouch .contents label{
		width:20%;
	}
	.page-last .footer .about-mtouch .contents .mail{
		margin:0;
	}
	.page-last .footer .newsletter{
		text-align:left;
		display:inline-block;
		width:100%;
	}
	.page-last .footer .newsletter .title{
		margin:12.5% 0 8.9% 0;
		color:rgb(54,53,71);
	}
	.page-last .footer .newsletter .title img{
		width:20.4%;
	}
	.page-last .footer .newsletter .title span{
		margin-left:6%;
		font-size:5.67vw;
	}
	.page-last .footer .newsletter .contents{
		font-size:4.4vw;
	}
	.page-last .footer .newsletter .contents p{
		margin-bottom:10%;
	}
	
	.page-last .footer .newsletter .wrap-input{
		position:relative;
	}
	.page-last .footer .newsletter .wrap-input input{
		display:inline-block;
		width:70%;
		padding:2.5% 3%;
		border:0px none;
		border-radius:10px;
		outline:none;
	}
	.page-last .footer .newsletter .wrap-input a.btn-send{
		display:inline-block;
		cursor:pointer;
		font-size:4.5vw;
		padding:2.5% 6%;
		margin:0 0 0 2%;
		background-color:rgb(234,64,82);
		color:#ffffff;
		border-radius:30px;
		text-align:center;
		text-decoration:none;
	}
	.page-last hr{
		display:none;
	}	
	.page-last .footer-image-wrap{
		position:relative;
	}
	.page-last .btn-move-private{
		display:none;
	}
	.page-last .footer-image{
		display:none;
	}
	.page-last .footer-contents{
		text-align:left;
		background-color:rgb(238,238,238);
		padding:9% 4% 10% 4%;
		color:rgb(192,195,203);
	}
	.page-last .footer-contents a{
		color:rgb(192,195,203);
	}
	.page-last .footer-contents svg{
		width:24.5%;
		margin:0 4% 0 0;
	}
	.page-last .footer-contents .copy-text{
		display:inline-block;
		font-family:'Roboto';
		font-size:4.5vw;
		font-weight:400;
		margin:0.9% 0 6% 0;
	}
	.page-last .footer-contents .info-text{
		font-size:4.5vw;
	}

	.page-distributor{
		position:fixed;
		top:0;
		left:0;
		width:100%;
		height:100%;
		display:none;
		z-index:100;
		color:#ffffff;
		text-align:center;
		background-color:rgba(53,53,71,0.9);
	}
	.page-distributor .title{
		background-color:rgb(79,88,116);
		width:56%;
		margin:12.4% auto 10% auto;
		border-radius:15px;
		font-size:10vw;
		font-weight:100;
		padding:8.2%;
		line-height:100%;
		text-align:left;
	}
	.page-distributor .title p{
		margin:0;
	}
	.page-distributor .title .bold{
		margin:25% 0 0 0;
		font-weight:500;
	}
	.page-distributor .sub-title{
		font-size:5vw;
		width:45%;
		margin:0 auto 4% auto;
	}
	.page-distributor .contents{
		font-size:4.4vw;
		margin:0 0 10% 0;
		opacity:0.7;
	}
	.page-distributor .btn-close{
		position:absolute;
		top:3%;
		right:4.5%;
		z-index:101;
		width:8%;
		cursor:pointer;
	}
	.page-distributor img{
		width:100%;
	}
	.page-distributor a{
		color:#fff;
		padding:3% 10%;
		border:1px solid #fff;
		border-radius:30px;
	}	
	.page-freedealer{
		position:fixed;
		top:0;
		left:0;
		width:100%;
		height:100%;
		display:none;
		z-index:100;
		color:#ffffff;
		text-align:center;
		background-color:rgba(53,53,71,0.9);
	}
	.page-freedealer .title{
		background-color:rgb(79,88,116);
		width:56%;
		margin:12.4% auto 10% auto;
		border-radius:15px;
		font-size:10vw;
		font-weight:100;
		padding:8.2%;
		line-height:100%;
		text-align:left;
	}
	.page-freedealer .title p{
		margin:0;
	}
	.page-freedealer .title .bold{
		font-weight:500;
	}
	.page-freedealer .sub-title{
		font-size:5vw;
		width:100%;
		margin:0 auto 4% auto;
	}
	.page-freedealer .contents{
		font-size:4.4vw;
		margin:0 0 10% 0;
		opacity:0.7;
	}
	.page-freedealer img{
		width:100%;
	}
	.page-freedealer .btn-close{
		position:absolute;
		top:3%;
		right:4.5%;
		z-index:101;
		width:8%;
		cursor:pointer;
	}
	.page-freedealer a{
		color:#fff;
		padding:3% 10%;
		border:1px solid #fff;
		border-radius:30px;
	}
}

@media (min-width: 500px) {
	.jumbotron{
	width: 100%;
		position:relative;
		background-color:rgba(0,0,0,0);
	}
	.container {
		width: 66.146%;
	}
	.jumbotron .bg{
		width:100%;
	}
	.jumbotron video{
		width:100%;
		display:block;
	}
	.jumbotron .container-box{
		position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;
	}
	.jumbotron .container-box .container{
		position:relative;
	}
	ul{
		list-style:none;
		margin:0;
		padding:0;
	}
	svg {
		display:none;
	}
	nav {
		position:relative;
		text-align:center;
		width:100%;
		padding:1.7% 0 1.9% 0;
		opacity:0.9;
	}
	nav div{
		position:relative;
		width:100%;		
	}
	nav img{
		width:34.219%;
	}
	nav a{
		position:absolute;
		color:rgb(222,69,85) !important;
		top:50%;
		margin-top:-0.45%;
		font-weight:500;
		opacity:0;
		width:5.6%;
		height:100%;
		z-index:1;
		text-align:right;
		text-decoration:none !important;
	}
	nav a span{
		position:absolute;
		top:0;
		right:0;
		display:inline-block;
		font-size:0.8vw;
		padding:0 20% 0 0;
		width:180%;
	}
	nav a.active{
		opacity:1;
	}
	nav a:hover{
		opacity:1;
	}
	nav a.nav1{
		left:32.9%;
		z-index:7;
	}
	nav a.nav2{
		left:38.6%;
		z-index:6;
	}
	nav a.nav3{
		left:44.35%;
		z-index:5;
	}
	nav a.nav4{
		left:50.05%;
		z-index:4;
	}
	nav a.nav5{
		left:55.75%;
		z-index:3;
	}
	nav a.nav6{
		left:61.45%;
		z-index:2;
	}
	nav.fixed{
		position:fixed;
		top:0;
		left:0;
		width:100%;
		z-index:10;
		background-color:#ffffff;
		display:none;
	}
	.pc{
		display:block;
	}
	.mobile, .mo{
		display:none;
	}
	.page-main video{
		background:url('../images/cover_video.png') no-repeat transparent;
		background-size:cover;
	}
	.page-main header{
		position:relative;
		width:100%;
	}
	.page-main header img{
		width:16.93%;
	}
	.page-main header div{
		position:absolute;
		top:50%;
		right:0%;
		width:50%;
		color:#ffffff;
		margin-top:-1.8%;
		font-size:0.724vw;
		text-align:right;
	}
	.page-main header div .btn-intro{
		display:inline-block;
		padding:2.3% 4.6% 2.3% 0;
		color:#ffffff;
		text-decoration:none;
	}
	.page-main header div .btn-down{
		display:inline-block;
		padding:2.3% 9.5% 2.3% 4.6%;
		color:#ffffff;
		text-decoration:none;
	}
	.page-main header div .btn-login{
		display:inline-block;
		padding:1.4% 4.25%;
		border:1px solid #ffffff;
		border-radius:20px;
		color:#ffffff;
		text-decoration:none;
	}
	.page-main hr{
		margin:0;
		border-color:rgb(234,64,82);
	}
	.page-main .title{
		line-height:100%;
		letter-spacing:-7px;
		font-size:4.63vw;
		margin:13.63% auto 4.02% auto;
		width:44%;
		text-align:center;
	}
	.page-main .title-left{
		display:inline-block;
		width:45%;
		color:#ffffff;
		font-weight:100;
		margin-right:1.51%;
	}
	.page-main .title-right{
		display:inline-block;
		width:45%;
		color:rgb(234,64,82);
		font-weight:500;
		padding:0.3% 1.8% 2.216% 0.41%;
		margin-right:2.02%;
		background-color:rgba(255,255,255,0.5);
	}
	.page-main .sub-title{
		text-align:center;
		color:#ffffff;
		font-size:0.936vw;
		margin:0;
	}
	.page-main .wrap-btn{
		text-align:center;
		margin:8%;
	}
	.page-main .wrap-btn .btn-store{
		color:#ffffff;
		font-size:0.83vw;
		padding:1.6% 2.7%;
		border-radius:29px;
		background-color:rgb(234,64,82);	
		text-decoration:none;
	}
	.page-main .scroll{
		text-align:center;
		color:#ffffff;
		margin:11.5% auto 0 auto;
		width:100%;
	}
	.page-main .scroll img{
		width:2.45%;
	}
	.page-main .scroll .text{
		margin:0.788%;
		font-size:0.7vw;
	}
	.page-video{
		top:-1px;
	}
	.page-video .container{
		height:100%;
	}
	.page-video video{
		width:100%;
		display:block;
	}
	.page-video .video-box{
		color:#fff;
		position:absolute;
		top:17.5%;
		right:0;
		width:48.82%;
		height:82.5%
	}
	.page-video .video-box .wrap-video{
		width:100%;
		height:41.431%;
		margin-bottom:1.452%;
	}
	.page-video .video-box .wrap-video video{
		display:none;
	}
	.page-video .video-box .wrap-video video.active{
		display:block;
	}
	.page-video .video-box a{
		word-break:keep-all;
		color:#ffffff;
		border:1px solid #ffffff;
		display:inline-block;
		width:18.065%;
		padding:2.259% 5% 2.583% 2.099%;
		line-height:100%;
		margin-right:7px;
		text-decoration:none;
		cursor:pointer;
		font-size:0.92vw;
	}
	
	.page-video .video-box a.active{
		color:#ff0000;
		background-color:#ffffff;
	}
	.page-guide{
		top:-2px;
	}
	.page-guide .container{
		height:100%;
	}
	.page-guide .contents-box{
		position:relative;
		width:38.35%;
		height:100%;
		color:#ffffff;
	}
	.page-guide .contents-box .gc{
		display:none;
		width:100%;
	}
	.page-guide .contents-box .gc.active{
		display:block;
	}
	.page-guide .contents-box .title{
		position:absolute;
		top:26.8%;
		left:8.349%;
		font-size:2.73vw;
		line-height:100%;
	}	
	.page-guide .contents-box .title .num{
		font-weight:100;
	}
	.page-guide .contents-box .contents{
		position:absolute;
		bottom:23.9%;
		left:8.349%;
		width:100%;
		
	}
	.page-guide .contents-box .contents .c-1{
		font-size:0.94vw;
	}
	.page-guide .contents-box .contents .c-2{
		padding:5.7% 0 0 0;
		font-size:0.841vw;
	}
	.page-guide .contents-box .btns{
		position:absolute;
		width:100%;
		bottom:9.1%;
		left:8.349%;
	}
	.page-guide .contents-box .btns p{
		margin-bottom:3%;
		font-size:0.73vw;
	}
	.page-guide .contents-box .btns li{
		display:inline-block;
		margin:0 0.9% 0 0;
		width:15.8%;
		cursor:pointer;
	}
	.page-guide .contents-box .btns li img{
		width:100%;
	}
	.page-guide .image-box{
		position:absolute;
		top:0;
		left:50%;
		width:51.5%;
		height:100%;
		
	}
	.page-guide .image-box ul{
		position:absolute;
		top:10.8%;
		left:8%;
		width:100%;
		height:100%;
	}
	.page-guide .image-box li{
		width:100%;
		display:none;
	}
	.page-guide .image-box li.active{
		width:100%;
		display:block;
	}
	.page-guide .image-box li img{
		width:100%;
	}
	.page-delivery{
		top:-3px;
	}
	.page-payment{
		top:-4px;
	}
	.page-benefit{
		top:-5px;
	}
	.page-download{
		top:-6px;
	}
	.page-download .container{
		height:100%;	
	}
	.page-download .down-btns{
		position:absolute;
		bottom:9.8%;
		right:13.8%;
		width:35%;
		color:#ffffff;
		font-size:0.91vw;
	}
	.page-download .down-btns p{
		margin:0 0 3.4% 0;
	}
	.page-download .down-btns a{
		display:inline-block;
		width:44.997%;
	}
	.page-download .down-btns a img{
		width:100%;
	}
	.page-download .down-btns a.btn-app{
		margin:0 2.6% 0 0;
	}
	.page-inquire{
		top:-7px;
	}
	.page-inquire .container{
		height:100%;	
	}
	.page-inquire .inquire-box{
		position:absolute;
		top:50%;
		right:0;
		margin-top:-33%;
		width:48.82%;
	}
	.page-inquire .category{
		margin-bottom:9%;
	}
	.page-inquire .category li{
		display:inline-block;
		width:33.33%;
		text-align:center;
		padding:3%;
		font-size:0.82vw;
		border-top:1px solid rgb(54,53,71);
		border-bottom:1px solid rgb(54,53,71);
		cursor:pointer;
	}
	.page-inquire .category li.active{
		color:#ffffff;
		background-color:rgb(54,53,71);
	}
	.page-inquire .category li:first-child{
		border-radius:30px 0 0 30px;
		border:1px solid rgb(54,53,71);
	}
	.page-inquire .category li:last-child{
		border-radius:0 30px 30px 0;
		border:1px solid rgb(54,53,71);
	}
	
	.page-inquire .input-box{
		margin-bottom:4.7%;
		display:none;
	}
	.page-inquire .input-box.i-1{
		display:block;
	}
	.page-inquire .input-box li{
		position:relative;
		width:100%;
		display:inline-block;
	}
	.page-inquire .input-box li.half{
		width:50%;
		padding-bottom:2%;
	}
	.page-inquire .input-box li.left{
		padding-right:1%;
	}
	.page-inquire .input-box li.right{
		padding-left:1%;
	}
	.page-inquire .input-box li.half input{
		width:100%;
		border:0px none;
		padding:6.2%;
		border-radius:5px;
	}
	.page-inquire .input-box li.all{
		width:100%;
		padding-bottom:2%;
	}
	.page-inquire .input-box li.all input{
		width:100%;
		border:0px none;
		padding:3.1%;
		border-radius:5px;
	}
	.page-inquire .input-box li .helper{
		width:100%;
	}
	.page-inquire .input-box li textarea{
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
		border:0px none;
		padding:3.6%;
		border-radius:5px;
		resize:none;
		z-index:2;
	}
	.page-inquire .private{
		margin-bottom:9%;
	}
	.page-inquire .private .title{
		position:relative;
		font-size:0.84vw;
		margin-bottom:1.5%;
	}
	.page-inquire .private .title > div{
		position:absolute;top:-5%;left:40%;
	}
	.page-inquire .private .title > div input{
		position:relative;top:2px;margin:0 4px 0 0;
	}
	.page-inquire .private .body{
		position:relative;
		background-color:#ffffff;
		border-radius:5px;
		width:100%;
	}
	.page-inquire .private .body .helper{
		width:100%;
	}
	.page-inquire .private .body .contents{
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
		padding:3%;
		overflow-x:hidden;
		overflow-y:scroll;
	}
	.page-inquire .private .body .contents{
		margin:0;
	}
	.page-inquire .btn-submit{
		color:#ffffff;
		background-color:rgb(234,64,82);
		padding:3% 12.25%;
		font-size:0.91vw;
		border-radius:30px;
		text-decoration:none;
		cursor:pointer;
	}
	.page-last{
		top:-8px;
		background-color:#E6E8EC;
	}
	.page-last .btns{
		position:relative;
		display:block;
		margin:0;
		padding:0;
	}
	.page-last .btns li{
		position:relative;
		width:25%;
		display:inline-block;
	}
	.page-last .btns li:nth-child(even){
		background-color:rgb(54,53,71);	
	}
	.page-last .btns li:nth-child(odd){
		background-color:rgb(79,88,116);
	}
	.page-last .btns li .helper{
		width:100%;
	}
	.page-last .btns li a{
		position:absolute;
		top:0;
		left:0;
		display:block;
		width:100%;
		height:100%;
		text-align:center;
		cursor:pointer;
	}
	.page-last .btns li a .box{
		display:table;
		width:100%;
		height:100%;
	}
	.page-last .btns li a .box .inner-box{
		display:table-cell;
		vertical-align:middle;
	}
	.page-last .btns li a .box .inner-box img{
		width:22.4%;
	}
	.page-last .btns li a .box .inner-box .text{
		display:inline-block;
		color:#ffffff;
		font-size:0.95vw;
		margin:6.5% 0 4% 0;
		padding:3.5% 0;
		border: 1px solid #ffffff;
		border-radius:30px;
		width:45%;
	}
	.table-box{
		display:table;
		width:100%;
		height:100%;
	}
	.table-inner-box{
		display:table-cell;
		vertical-align:middle;
	}
	.footer{
		position:relative;
		display:inline-block;
		width:50%;
		text-align:right;
	}
	.footer .image{
		width:33.855%;
		display:inline-block;
	}
	.footer .about-mtouch{
		position:absolute;
		width:32%;
		height:100%;
		right:33.855%;
		top:0;
		text-align:left;
		display:inline-block;
	}
	.footer .about-mtouch .title{
		margin:23% 0 23% 0;
		color:rgb(234,64,82);
	}
	.footer .about-mtouch .title img{
		width:19.535%;
	}
	.footer .about-mtouch .title span{
		margin-left:6%;
		font-size:0.93vw;
	}
	.footer .about-mtouch .contents{
		font-size:0.839vw;
	}
	.footer .about-mtouch .contents .addr{
		margin-bottom:10%;
	}
	.footer .about-mtouch .contents .tel{
		margin:0;
		padding:0 0 0 1.5%;
	}
	.footer .about-mtouch .contents label{
		width:13%;
	}
	.footer .about-mtouch .contents .mail{
		margin:0;
		padding:0 0 0 1.5%;
	}
	.footer .newsletter{
		position:absolute;
		width:57.3%;
		height:100%;
		right:33.855%;
		top:0;
		text-align:left;
		display:inline-block;
	}
	.footer .newsletter .title{
		margin:12.5% 0 13.5% 0;
		color:rgb(54,53,71);
	}
	.footer .newsletter .title img{
		width:10.91%;
	}
	.footer .newsletter .title span{
		margin-left:3%;
		font-size:0.94vw;
	}
	.footer .newsletter .contents{
		font-size:0.825vw;
	}
	.footer .newsletter .contents p{
		margin-bottom:6%;
	}
	.footer .newsletter .contents .wrap-input{
		position:relative;
		width:83.5%;
	}
	.footer .newsletter .contents .wrap-input input{
		display:inline-block;
		width:60%;
		padding:2.5% 3%;
		border:0px none;
		border-radius:10px;
		outline:none;
	}
	.footer .newsletter .contents .wrap-input a.btn-send{
		position:absolute;
		top:0;
		right:16%;
		width:20%;
		height:100%;
		cursor:pointer;
		font-size:0.9vw;
		padding:2.5% 3%;
		background-color:rgb(234,64,82);
		color:#ffffff;
		border-radius:30px;
		text-align:center;
		text-decoration:none;
	}
	.page-last hr{
		box-sizing:border-box;
		width:100%;
		border:1px solid rgb(192,195,203);
		margin:2% 0 1.5% 0;
	}
	.page-last .footer-image-wrap{
		position:relative;
	}
	.page-last .btn-move-private{
		position:absolute;top:43%;left:28.5%;width:11%;height:17%;
	}
	.page-last .footer-image{
		width:100%;
		padding:0 0 2% 0;
	}
	.page-last .footer-contents{
		display:none;
	}
	
	.page-distributor{
		position:fixed;
		top:0;
		left:0;
		width:100%;
		height:100%;
		display:none;
		z-index:100;
		background-color:rgba(53,53,71,0.9);
	}
	.page-distributor .btn-close{
		position:absolute;
		top:10%;
		right:13.5%;
		z-index:101;
		width:3%;
		cursor:pointer;
	}
	.page-distributor img{
		width:100%;
	}
	.page-distributor a{
		position:absolute;
		bottom:17%;
		left:18%;
		z-index:101;
		color:#fff;
		padding:1% 2%;
		border:1px solid #fff;
		border-radius:30px;
	}
	
	.page-freedealer{
		position:fixed;
		top:0;
		left:0;
		width:100%;
		height:100%;
		display:none;
		z-index:100;
		background-color:rgba(53,53,71,0.9);
	}
	.page-freedealer img{
		width:100%;
	}
	.page-freedealer .btn-close{
		position:absolute;
		top:10%;
		right:13.5%;
		z-index:101;
		width:3%;
		cursor:pointer;
	}
	.page-freedealer a{
		position:absolute;
		bottom:17%;
		left:18%;
		z-index:101;
		color:#fff;
		padding:1% 2%;
		border:1px solid #fff;
		border-radius:30px;
	}
}

#noticePage{min-width:1024px;min-height:100%;}
#noticePage a{cursor:pointer;}
#noticePage .bg-box{position:relative;}
#noticePage .bg-box .bg{width:100%;}
#noticePage .bg-box .btn-box{position:absolute;bottom:8%;right:5%;border:1px solid #fff;width:37%;}
#noticePage .bg-box .btn-box a{font-size:1.2vw;text-align:center;display:inline-block;color:#fff;padding:3% 2%;width:25%;border-right:1px solid #fff;}
#noticePage .bg-box .btn-box a:last-child{border:0px none;}
#noticePage ul.btn-box{border-bottom:1px solid rgb(151,151,151);}
#noticePage ul.btn-box li{font-size:1.5vw;display:inline-block;width:20%;text-align:center;padding:3% 0;}
#noticePage ul.btn-box li:nth-child(even) {background-color:#E4E4E4;}
#noticePage ul.btn-box li:nth-child(odd) {background-color:#EAFAFA;}
#noticePage ul.btn-box li div{margin:0 0 7% 0;}
#noticePage ul.btn-box li a{background-color:rgb(234,64,82);color:#fff;padding:2% 6%;border-radius:3vw;}
#noticePage .m-title{padding:1.5% 0 2.3% 0;font-size:2.8vw;color:rgb(77,77,77);background-color:#FFFFFF;text-align:center;border-bottom:1px solid rgb(151,151,151);}
#noticePage .m-title img{width:30%;}
#noticePage ul.m-box{border-bottom:1px solid rgb(151,151,151);}
#noticePage ul.m-box li{font-size:1.5vw;display:inline-block;width:25%;text-align:center;padding:2% 0;}
#noticePage ul.m-box li:nth-child(even) {background-color:#E4E4E4;}
#noticePage ul.m-box li:nth-child(odd) {background-color:#EAFAFA;}
#noticePage ul.m-box li div{margin:0 0 4% 0;}
#noticePage ul.m-box li a{background-color:rgb(234,64,82);color:#fff;padding:1% 4%;border-radius:3vw;}

#noticePage .header .contents{position:relative;width:1280px;height:100%;margin:0 auto;}
#noticePage .body{}
#noticePage .body .contents{position:relative;width:100%;height:100%;}
#noticePage .header{position:relative;height:70px;background-color:#333333;}
#noticePage .header img{width:214px;padding:21px 0;}
#noticePage .header .btn-box{position:absolute;top:0;right:1%;width:45%;height:100%;text-align:right;padding:15px 0;box-sizing:border-box;}
#noticePage .header .btn-box a{display:inline-block;text-align:center;letter-spacing:0px;}
#noticePage .header .btn-box .download-box{position:absolute;left:0;}
#noticePage .header .btn-box .download-box > a > img{width:100%;padding:0 2px;}
#noticePage .header .btn-box .homepage-box{position:absolute;right:20%;}
#noticePage .header .btn-box .homepage-box > a > img{width:100%;padding:0;}
#noticePage .header .btn-box a.btn-homepage{margin:0 0 0 10px;}
#noticePage .header .btn-box a.btn-download{}
#noticePage .body h2{color:rgb(83,83,83);font-size:16px;border-bottom:2px solid rgb(83,83,83);padding:0 0 15px 0;font-weight:600;}
#noticePage .body .store-program{position:relative;padding:44px 0 0 0;}
#noticePage .body .store-program .sub-title{position:relative;}
#noticePage .body .store-program .sub-title h2{text-align:left;margin:0;}
#noticePage .body .store-program .sub-title a{position:absolute;bottom:2px;right:0;width:60px;}
#noticePage .body .store-program .sub-title a img{width:100%;}
#noticePage .body .store-program .noti{font-family:"Malgun Gothic";font-size:14px;color:rgb(16,16,16);padding:18px 0;box-sizing:border-box;}
#noticePage .body .store-program .btn-box{padding:9px 0;}
#noticePage .body .store-program .btn-box a{display:inline-block;width:334px;margin:0 0 7px 0;}
#noticePage .body .store-program .btn-box .empty-space{display:inline-block;width:11px;}
#noticePage .body .store-program .btn-box a img{width:100%;display:block;}
#noticePage .body .dealer-program{position:relative;padding:44px 0 98px 0;}
#noticePage .body .dealer-program .m-d-p{}
#noticePage .body .dealer-program .auth-dealer-page{}
#noticePage .body .dealer-program .sub-title{position:relative;}
#noticePage .body .dealer-program .sub-title h2{text-align:left;margin:0;}
#noticePage .body .dealer-program .sub-title a{position:absolute;bottom:2px;right:0;width:60px;}
#noticePage .body .dealer-program .sub-title a img{width:100%;}
#noticePage .body .dealer-program .inner-div .sub-title{padding:33px 0 0 0;}
#noticePage .body .dealer-program .inner-div .sub-title h2 img{width:8px;margin:0 8px 0 0;}
#noticePage .body .dealer-program .noti{font-family:"Malgun Gothic";font-size:14px;color:rgb(16,16,16);padding:27px 0 0 0;box-sizing:border-box;}
#noticePage .body .dealer-program .i-noti{font-family:"Malgun Gothic";font-size:14px;color:rgb(237,54,80);padding:27px 0 27px 4px;box-sizing:border-box;}
#noticePage .body .dealer-program .i-noti span{position:relative;top:-2px;left:-3px;}
#noticePage .body .dealer-program .boxs{position:relative;}
#noticePage .body .dealer-program .join-box{display:inline-block;width:55.1%;}
#noticePage .body .dealer-program .join-box a{display:inline-block;width:130px;margin:21px 10px 60px 0;}
#noticePage .body .dealer-program .join-box a img{width:100%;}
#noticePage .body .dealer-program .login-box{position:absolute;top:0;right:0;width:44.9%;font-family:"Malgun Gothic";font-size:14px;}
#noticePage .body .dealer-program .login-box .s-table{margin:10px 0 0 0;border-top:1px solid rgb(163,163,163);border-bottom:1px solid rgb(163,163,163);}
#noticePage .body .dealer-program .login-box .s-table .t-label{display:inline-block;width:170px;height:59px;line-height:63px;padding:0 0 0 15px;box-sizing:border-box;background-color:rgb(248,248,248);border-right:1px solid rgb(163,163,163);}
#noticePage .body .dealer-program .login-box .s-table .t-label span{position:relative;top:1px;left:4px;color:rgb(237,54,80);}
#noticePage .body .dealer-program .login-box .s-table .i-box{display:inline-block;width:288px;box-sizing:border-box;padding:0 0 0 19px;}
#noticePage .body .dealer-program .login-box .s-table .i-box input{position:relative;top:-1px;width:172px;height:30px;padding:4px;box-sizing:border-box;}
#noticePage .body .dealer-program .login-box .s-table .i-box a{position:relative;top:-1px;display:inline-block;width:90px;margin:0 0 0 7px;}
#noticePage .body .dealer-program .login-box .s-table .i-box a img{width:100%;}
#noticePage .body .dealer-program .btn-box{padding:20px 0 20px 0;}
#noticePage .body .dealer-program .btn-box.login{padding:30px 0 0 0;}
#noticePage .body .dealer-program .btn-box a{display:inline-block;width:334px;margin:0 0 7px 0;}
#noticePage .body .dealer-program .btn-login-box a{width:247px;}
#noticePage .body .dealer-program .btn-box .empty-space{display:inline-block;width:11px;}
#noticePage .body .dealer-program .btn-box a img{width:100%;display:block;}
#noticePage .body .dealer-program .title-empty-space{padding:15px 0;}
#noticePage .body .dealer-program .reg-store{padding:0 15px 0px 15px;font-family:"Malgun Gothic";font-size:14px;border-bottom:1px solid rgb(163,163,163);margin:0 0 45px 0;}
#noticePage .body .dealer-program .reg-store .row{position:relative;border-top:1px solid rgb(163,163,163);line-height:58px;box-sizing:border-box;}
#noticePage .body .dealer-program .reg-store .row .i-label{display:inline-block;width:168px;padding:0 0 0 14px;background-color:rgb(248,248,248);}
#noticePage .body .dealer-program .reg-store .row .i-label span{color:rgb(237,54,80);position:relative;left:4px;}
#noticePage .body .dealer-program .reg-store .row .i-box{display:inline-block;width:840px;padding:0 4px;box-sizing:border-box;}
#noticePage .body .dealer-program .reg-store .row .i-box input{height:30px;padding:0 10px;box-sizing:border-box;font-size:12px;line-height:30px;border:1px solid rgb(163,163,163);}
#noticePage .body .dealer-program .reg-store .row .i-box input.store-name{width:550px;}
#noticePage .body .dealer-program .reg-store .row .i-box input.c-num-1{width:110px;margin:0 10px 0 0;}
#noticePage .body .dealer-program .reg-store .row .i-box input.c-num-2{width:127px;margin:0 10px;}
#noticePage .body .dealer-program .reg-store .row .i-box input.c-num-3{width:170px;margin:0 0 0 10px;}
#noticePage .body .dealer-program .reg-store .row .i-box .p-num-1{position:relative;top:2px;display:inline-block;width:110px;height:30px;padding:0 0 0 10px;margin:0 10px 0 0;border:1px solid rgb(163,163,163);box-sizing:border-box;line-height:30px;cursor:pointer;}
#noticePage .body .dealer-program .reg-store .row .i-box .p-num-1.disabled{opacity:0.5;}
#noticePage .body .dealer-program .reg-store .row .i-box .p-num-1 .icon{position:absolute;top:-1px;right:8px;}
#noticePage .body .dealer-program .reg-store .row .i-box .p-type{position:relative;top:2px;display:inline-block;width:130px;height:30px;padding:0 0 0 10px;margin:0 10px 0 0;border:1px solid rgb(163,163,163);box-sizing:border-box;line-height:30px;cursor:pointer;}
#noticePage .body .dealer-program .reg-store .row .i-box .p-type .icon{position:absolute;top:-1px;right:8px;}
#noticePage .body .dealer-program .reg-store .row .i-box input.p-num-2{width:127px;margin:0 10px;}
#noticePage .body .dealer-program .reg-store .row .i-box input.p-num-3{width:170px;margin:0 0 0 10px;}
#noticePage .body .dealer-program .reg-store .row .i-box input.name{width:460px;}
#noticePage .body .dealer-program .reg-store .row .i-box input.store-id{width:360px;}
#noticePage .body .dealer-program .reg-store .row .i-box input.dealer-id{width:120px;}
#noticePage .body .dealer-program .reg-store .row .i-box .btn-dup{position:relative;top:-1px;display:inline-block;width:90px;margin:0 0 0 10px;}
#noticePage .body .dealer-program .reg-store .row .i-box .btn-dup img{width:100%;}
#noticePage .body .dealer-program .reg-store .row .i-box .co{margin:0 0 0 18px;font-size:11px;}
#noticePage .body .dealer-program .reg-store .row .i-box .co2{padding:0 0 0 1px;font-size:11px;line-height:20px;color:rgb(237,54,80);}
#noticePage .body .dealer-program .reg-store .row .i-box .co2 span{position:relative;top:-3px;left:-3px;}
#noticePage .body .dealer-program .reg-store .row .i-box .btn-view-c{display:inline-block;width:66px;}
#noticePage .body .dealer-program .reg-store .row .i-box .btn-view-c img{display:block;width:100%;}
#noticePage .body .dealer-program .reg-store .row.check .i-label{padding:0 0 40px 14px;}
#noticePage .body .dealer-program .reg-store .row.check .i-box{position:absolute;line-height:20px;padding:0 0 0 10px;}
#noticePage .body .dealer-program .reg-store .row.check .i-box input{position:relative;top:10px;margin:0 10px 0 0;}
#noticePage .body .dealer-program .reg-store .row.check .i-box a{position:relative;top:6px;margin:0 90px 0 10px;}
#noticePage .body .dealer-program .reg-btn-box{text-align:center;margin:0 0 45px 0;}
#noticePage .body .dealer-program .reg-btn-box a{display:inline-block;width:130px;margin:0 15px 0 0;}
#noticePage .body .dealer-program .reg-btn-box a img{display:block;width:100%;}
#noticePage .footer{position:relative;width:100%;height:98px;text-align:left;background-color:#f8f8f8;margin:0px auto;}
#noticePage .footer .contents{position:relative;width:1280px;margin:0px auto;padding:0 6.58%;}
#noticePage .footer .copyright{line-height:98px;}
#noticePage .footer .copyright img{width:80px;}
#noticePage .footer .copyright span{position:relative;top:2px;left:10px;color:rgb(83,83,83);font-size:14px;font-family:"Roboto"}
#noticePage .footer .info{position:absolute;top:21px;right:12.2%;font-size:12px;line-height:1.42;font-family:"NotoSansCJKkr";word-spacing: -4px}

#noticePage .overlay{display:none;position:fixed;z-index:100;top:0;left:0;background:rgba(0,0,0,0.3);width:100%;height:100%;}
#noticePage .overlay .select-box{display:none;}
#noticePage .overlay .select-box .table-box{position:absolute;display:table;top:0%;left:40%;width:20%;max-width:300px;min-width:200px;height:100%;}
#noticePage .overlay .select-box .table-box .inner-box{display:table-cell;vertical-align:middle;margin:0;}
#noticePage .overlay .select-box .table-box .inner-box > div{position:relative;padding:10px 5%;background-color:#ffffff;border-radius:7px;max-height:50%;overflow:hidden;}
#noticePage .overlay .select-box .table-box .inner-box ul{}
#noticePage .overlay .select-box .table-box .inner-box li{border-bottom:1px solid #898989;box-sizing:border-box;}
#noticePage .overlay .select-box .table-box .inner-box li:last-child{border-bottom:0px none;}
#noticePage .overlay .select-box .table-box .inner-box li a{padding:4%;display:block;}
#noticePage .overlay .select-box .p-list{padding:4.3% 0;font-weight:400;font-size:14px;cursor:pointer;}
#noticePage .overlay .select-box .p-list .icon{width:11%;vertical-align:middle;margin:0 5% 0 0;display:inline-block;}

#noticePage .overlay .agree-box{margin:5% auto;width:60%;min-width:600px;max-width:800px;height:700px;background-color:#ffffff;overflow:hidden;}
#noticePage .overlay .agree-box h3{background-color:rgb(237,54,80);color:#ffffff;height:56px;line-height:56px;font-size:14px;box-sizing:border-box;padding:0 30px;margin:0;}
#noticePage .overlay .agree-box .contents-box{position:relative;padding:30px;box-sizing:border-box;}
#noticePage .overlay .agree-box .contents-box .subject{font-weight:600;font-size:14px;}
#noticePage .overlay .agree-box .contents-box .contents{font-family:"Malgun Gothic";font-size:14px;border:1px solid rgb(163,163,163);width:100%;height:215px;margin:15px 0 30px 0;box-sizing:border-box;padding:20px;overflow-x:hidden;overflow-y:scroll;word-break:break-all;}
#noticePage .overlay .agree-box .contents-box .btn-close-agree{position:absolute;bottom:0;right:30px;background-color:rgb(151,151,151);color:#ffffff;font-size:14px;border-radius:5px;width:130px;height:40px;line-height:40px;text-align:center;text-decoration:none;}
#noticePage .overlay .agree-box .contents-box table{width:100%;border-collapse:collapse; border:1px solid rgb(151,151,151);margin:0 0 10px 0;}
#noticePage .overlay .agree-box .contents-box table th{border:1px solid rgb(151,151,151);text-align:center;padding:5px;}
#noticePage .overlay .agree-box .contents-box table td{border:1px solid rgb(151,151,151);text-align:center;padding:5px;}

#noticePage .inner-overlay{display:none;position:fixed;z-index:100;top:0;left:0;background:rgba(0,0,0,0.3);width:100%;height:100%;}

#noticePage .alert-box{margin:0 auto;position:relative;width:400px;height:100%;}
#noticePage .alert-box .alert-inner-box{position:absolute;top:44%;left:0;margin:-140px 0 0 0;width:100%;height:240px;background-color:#ffffff;border-radius:7px;overflow:hidden;}
#noticePage .alert-box .alert-container{display:table;width:100%;height:100%;text-align:center;background-color:#ffffff;}
#noticePage .alert-box .alert-container .inner-container{position:relative;display:table-cell;vertical-align:middle;margin:0;padding:0 10%;max-width:10vw;background-color:#ffffff;}
#noticePage .alert-box .alert-container .inner-container p{display:block;margin:0;padding:20px 0 40px 0;word-wrap:break-word;width:100%;box-sizing:border-box;font-size:16px;font-weight:bold;color:#0f0f0f;font-family:"NotoSansCJKkr";}
#noticePage .alert-box .btn-confirm{position:relative;top:20px;width:130px;padding:2% 0;font-size:18px;text-align:center;color:#ffffff;background-color:rgb(237,54,80);border-radius:5px;margin:0 auto;}

#noticePage .confirm-box{margin:0 auto;position:relative;width:370px;height:100%;}
#noticePage .confirm-box .confirm-inner-box{position:absolute;top:50%;left:0;margin:-140px 0 0 0;width:100%;height:220px;background-color:#ffffff;border-radius:7px;overflow:hidden;}
#noticePage .confirm-box .container{display:table;width:100%;height:100%;font-size:20px;text-align:center;}
#noticePage .confirm-box .container .inner-container{position:relative;display:table-cell;vertical-align:middle;margin:0;padding:0 10%;max-width:10vw;background-color:#ffffff;}
#noticePage .confirm-box .container .inner-container p{display:block;margin:0;padding:20px 0 50px 0;word-wrap:break-word;width:100%;box-sizing:border-box;}
#noticePage .confirm-box .btn-cancel{display:inline-block;width:48%;padding:4% 0;margin:0 0 0 2%;font-size:20px;text-align:center;z-index:1;color:#ffffff;background-color:rgb(151,151,151);border-radius:7px;}
#noticePage .confirm-box .btn-confirm{display:inline-block;width:48%;padding:4% 0;margin:0 2% 0 0;font-size:20px;text-align:center;color:#ffffff;background-color:rgb(237,54,80);border-radius:7px;}


/* add */
.login-main{position:relative;width:100%;height:600px;background-color:#0064ff}
.login-main .login-main-wrap{position:relative;width:1280px;height:600px;margin:0px auto;}
.login-main .top-img{position:absolute;top:10%;left:10%}
.login-main .bottom-img{position:absolute;bottom:0;left:15%;}
.login-main .login-box{position:absolute;width:316px;bottom:40.5%;right:10.5%}
.login-main .login-box .input-login{margin:0 0 4% 0}
.login-main .login-box .input-login .id-box{width:316px;height:52px;border:0;border-radius:5px;background-color:#fff;padding:0 5%;font-size:16px}
.login-main .login-btn-box{text-align:center}
.login-main .login-btn-box .login-btn-btn{width:316px;padding:4% 0;border-radius:5px;background-color:#ffcd3b;font-size:18px;color:#0f0f0f;font-weight:bold}
#noticePage .body .sub-header{position:relative;width:1280px;height:605px;background-color:#eeeeee;margin:0px auto;}
#noticePage .body .sub-header .sub-download{position:relative;padding:4% 9.24%}
#noticePage .body .download-mtouch .down-box{position:relative;margin:3.6% 0;}
#noticePage .body .download-mtouch .down-box:first-child{margin:0;}
#noticePage .body .download-mtouch .down-box .mtouch-img{width:143px;height:143px;object-fit:contain}
#noticePage .body .download-mtouch .down-box .down-box-main{position:absolute;width:100%;top:12%;left:20.5%;}
#noticePage .body .download-mtouch .down-box .down-box-main .d-title{position:relative;font-size:16px;font-weight:bold;color:#4c4c4c;}
#noticePage .body .download-mtouch .down-box .down-box-main .down-box-btn{position:absolute;top:35px;}
#noticePage .body .download-mtouch .down-box .down-box-main .down-box-btn.btn3 div{position:relative;display:inline-block;width:267px;padding:3.5% 0;font-size:19px;color:white;font-weight:bold;line-height:0.69;text-align:center;border-radius:8px;}
#noticePage .body .download-mtouch .down-box .down-box-main .down-box-btn.btn4 div{position:relative;display:inline-block;width:196px;padding:3.5% 0;font-size:19px;color:white;font-weight:bold;line-height:0.69;text-align:center;border-radius:8px;}
.d-mtouch-btn{background-color:#fe5971;margin:0 6px 0 0;}
.d-okpos-btn{background-color:#5f9cff;margin:0 6px 0 0;}
.d-skycns-btn{background-color:#3ed08a}
.d-service-btn{background-color:#ff9a4b;margin:0 6px 0 0;}
.d-promote-btn{background-color:#ff9a4b;margin:0 6px 0 0;}
.d-contract-btn{background-color:#797979;}
.d-homepage-btn{background-color:#a3a3a3;margin:0 7.8px 0 0;}
#pageMain .layer_pop{display:none;position:fixed;top:0;left:0;width:80%;z-index:5}
#pageMain .layer_pop img{max-width:100%;}