@charset "euc-kr";

/* Reset */
html,body{width:100%;height:100%;}
html{overflow-y:scroll;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,form,fieldset,p,button{margin:0;padding:0;box-sizing:border-box;-moz-box-sizing:border-box;}
body,h1,h2,h3,h4,input,button{font-family:Dotum,Helvetica,'Apple SD Gothic Neo',Sans-serif;font-size:12px;color:#333;}
body{background-color:#fff;text-align:center;*word-break:break-all;-ms-word-break:break-all;}
img,fieldset,iframe{border:0 none;}
li{list-style:none;}
input,select,button{vertical-align:middle;-webkit-appearance: none;}
img{vertical-align:top;}
i,em,address{font-style:normal;}
label,button{cursor:pointer;}
button{margin:0;padding:0;}
a{color:#2f3743;text-decoration:none;}
a:hover{color:#390;text-decoration:underline;}
button *{position:relative;}
button img{left:-3px;*left:auto;}
html:first-child select{height:20px;padding-right:6px;}
option{padding-right:6px;}
hr{display:none;}
legend{*width:0;}
table{border-collapse:collapse;border-spacing:0;}

/* Common */
.show{display:block;}
.hide{display:none;}
.blind,legend{display:block;overflow:hidden;position:absolute;top:-1000em;left:0;}
.ir{display:block;overflow:hidden;position:relative;z-index:-1;height:11px;font-size:11px;white-space:nowrap;}
.ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;}
iframe{vertical-align:top;}
.mobile-wrap {overflow:hidden;}
.mobile-wrap .top h1 {height:75px;padding-top:18px;background-color:#4fb500;border-bottom:1px solid #419400;line-height:75px;}
.mobile-wrap .logo img {width:178px;height:40px;}
.mobile-wrap .gnb-list {width:101%;}
.mobile-wrap .gnb-list li {float:left;border-right:1px solid #419400;}
.mobile-wrap .gnb-list:after {clear:both;display:block;content:'';}
.mobile-wrap .gnb-list li:nth-child(1) {width:25%;} /* 16.04.06 »çÀÌÁî ÅëÀÏ DT */
.mobile-wrap .gnb-list li:nth-child(2) {width:25%;} /* 16.04.06 »çÀÌÁî ÅëÀÏ DT */
.mobile-wrap .gnb-list li:nth-child(3) {width:25%;} /* 16.04.06 »çÀÌÁî ÅëÀÏ DT */
.mobile-wrap .gnb-list li:nth-child(4) {width:25%;border-right:none;} /* 16.04.06 »çÀÌÁî ÅëÀÏ DT */
.mobile-wrap .gnb-list li a {display:block;width:100%;height:45px;box-sizing:border-box;-moz-box-sizing:border-box;text-align:center;font-size:14px;font-weight:bold;line-height:45px;letter-spacing:-1px;color:#fff;background:#4fb500;background-size:1px 3px;border-top:1px solid #60db00;border-right:1px solid #60db00;text-decoration:none;}
.mobile-wrap .gnb-list li:nth-child(4) a {border-right:none;}
.mobile-wrap .gnb-list li.on {background:#313439;}
.mobile-wrap .gnb-list li.on a {background:#313439;border:none;}

.contents {min-height:450px;padding:20px;background:#313439 url(../images/bg_pattern.png) repeat 0 0;background-size:50px 50px;} /* 16.04.06 ÃÖ¼Ò³ôÀÌ°ª ÁÙÀÓ DT */
.cont1 .tit-txt {margin-top:30px;font-size:20px;font-weight:bold;color:#62e000;}
.cont1 .otp-num {text-align:center;width:90%;height:72px;margin:20px auto 0;}
.cont1 .otp-num:after {clear:both;display:block;content:'';}
.cont1 .otp-num li {font-size:60px;font-family:arial;color:#fff;display:inline-block;font-weight:bold;}
.cont1 .progress-bar-box {position:relative;width:142px;height:142px;margin:10px auto;}
.loading{
	-webkit-animation:loading 90s infinite;
	animation:loading 90s infinite;
	-webkit-transform: rotate(0deg) translate(0,0);
	transform: rotate(0deg) translate(0,0);
}

@keyframes loading {
	0% {
		transform: rotate(0deg);
	}
	/* 50% {
		transform: rotate(180deg);
	} */
	100%{
		transform:rotate(360deg);
	}
}

@-webkit-keyframes loading {
	0% {
		-webkit-transform: rotate(0deg);
	}
	/* 50% {
		-webkit-transform: rotate(180deg);
	} */
	100%{
		-webkit-transform:rotate(360deg);
	}
}
.cont1 .progress-bar {position:relative;z-index:10;display:block;width:142px;height:142px;background:url(../../intro/images/bg_progress.png) no-repeat 0 0;background-size:142px 142px;}
.cont1 .progress-bar-box .circle {position:absolute;left:50%;top:50%;display:block;margin:-19px 0 0 -23px;width:45px;height:38px;background:url(../../intro/images/bg_progress_cir.png) no-repeat 0 0;background-size:45px 38px;}
.cont1 .validity {margin:20px 0 50px;line-height:32px;}
.cont1 .validity span {display:inline-block;height:30px;padding-left:30px;background:url(../../intro/images/bg_timer.png) no-repeat 0 50%;background-size:20px 20px;color:#fff;font-size:16px;}
.cont1 .validity span strong {}
.cont1 .txt-box {padding:15px;border:1px solid #212326;background:#2b2e32;color:#fff;text-align:left;}
.cont1 .txt-box .heading-txt {font-size:21px;margin-bottom:25px;font-weight:bold;}
.cont1 .txt-box .txt {margin-bottom:15px;line-height:22px;font-size:15px;}

.cont2 {text-align:left;color:#fff;}
.cont2 .info-txt {margin-top:20px;font-size:14px;color:#fff;line-height:20px;}
.cont2 .info-txt strong {font-size:18px;color:#4fb500;}
.cont2 .desc-txt {margin:20px 0 0 0;padding-left:20px;background:url(../../use/images/bul_tit.png) no-repeat 0 40%;color:#fff;font-size:14px;background-size:15px 15px;text-align:left;}
.cont2 .slide-box {position:relative;margin-top:60px;}
.cont2 .slide-box li {line-height:18px;}
.cont2 .slide-box li p {letter-spacing:-1px;font-size:13px;}
.cont2 .slide-box li .desc {margin-top:5px;font-size:11px;}
.cont2 .slide-box li .bg-img {display:block;margin:0 auto 0;width:65%;}
.cont2 .slide-box li:nth-child(1) .bg-img {margin-top:80px;}
.cont2 .slide-box li:nth-child(2) .bg-img {margin-top:20px;}
.cont2 .slide-box li:nth-child(3) .bg-img {margin-top:20px;}
.cont2 .slide-box li:nth-child(4) .bg-img {margin-top:60px;}
#touchSlider {
	width: 100%;
	height: 300px;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
}
#touchslider ul {
	height: 300px;
	position: absolute;
	top: 0;
	left: 0;
}
.cont2 .count-step {position:absolute;left:0;top:-40px;color:#4fb500;font-weight:bold;font-size:16px;}
.cont2 .page_area {position:absolute;left:0;top:-15px;width:100%;}
.cont2 .page_area .btn_page {
	float:left;width:25%;height:6px;
	border:none;box-sizing:border-box;background:transparent;
}
.cont2 .page_area .btn_page.on span {background-color: #4fb500;}
.cont2 .page_area .btn_page span {display:block;width:95%;height:6px;background-color: #f4f4f4;}
.cont2 .page_area .btn_page:last-of-type span{width:100%;}
.cont2 .btn_area button {position:absolute;top:165px;display:block;width:17px;height:36px;background-size:17px 36px;border:none;text-indent:-9999em;}
.cont2 .btn_prev {left:0;background:url(../../intro/images/btn_left.png) no-repeat 0 0;}
.cont2 .btn_next {right:0;background:url(../../intro/images/btn_right.png) no-repeat 0 0;}



.cont3 {}
.cont3 .top-visual {margin-top:20px;}
.cont3 .top-visual img {width:100%;}
.cont3 .join-contents .form {width:270px;margin:0 auto 15px;padding:25px 0 0;text-align:left;}/* 16.04.06 padding-top º¯°æ DT */
.cont3 .join-contents .mobile-check {overflow:hidden;}
.cont3 .join-contents .mobile-check li {position:relative;float:left;height:20px;margin-right:5px;}
.cont3 .join-contents .mobile-check .no1 {width:54px;}
.cont3 .join-contents .mobile-check .no2 {width:47px;}
.cont3 .join-contents .mobile-check .no3 {width:73px;}
.cont3 .join-contents .mobile-check .no4 {width:71px;}
.cont3 .join-contents .mobile-check input {position:absolute;left:-9999em;top:2px;margin:0;}
.cont3 .join-contents .mobile-check label {position:absolute;left:0;top:0;display:block;height:20px;padding-left:26px;font-size:14px;line-height:20px;font-weight:bold;background:url(../../use/images/bg_radio_off.png) no-repeat 0 0;color:#fff;background-size:20px 20px;}
.cont3 .join-contents .mobile-check .on {background:url(../../use/images/bg_radio_on.png) no-repeat 0 0;background-size:20px 20px;}
.cont3 .join-contents .phone-number-input {overflow:hidden;margin:20px 0 18px;}
.cont3 .join-contents .phone-number-input select {float:left;width:30%;height:33px;padding-left:5px;border:1px solid #1a1a1a;font-size:24px;text-align:left;font-family:arial;background:#fff url(../../use/images/bg_select.png) no-repeat 90% 50%;background-size:12px 9px;border-radius:0;box-sizing:border-box;-moz-box-sizing:border-box;color:#1a1a1a;}
.cont3 .join-contents .phone-number-input input {float:left;width:30%;height:33px;border:1px solid #1a1a1a;font-size:22px;text-align:center;font-family:arial;background:#fff;border-radius:0;box-sizing:border-box;-moz-box-sizing:border-box;color:#1a1a1a;}
.cont3 .join-contents .phone-number-input .hyphen {float:left;display:block;width:4%;height:35px;background:url(../../use/images/bg_hyphen.gif) no-repeat 50% 50%;background-size:6px 2px;}
.cont3 .join-contents .signup-list li {position:relative;height:20px;width:100%;margin-bottom:5px;font-size:11px;}
@media screen and (-webkit-min-device-pixel-ratio:0){
.cont3 .join-contents .signup-list li {margin-bottom:10px;}
}
@-moz-document url-prefix() {
.cont3 .join-contents .signup-list li {margin-bottom:10px;}
}
.cont3 .join-contents .signup-list li input {position:absolute;left:-9999em;top:1px;}
.cont3 .join-contents .signup-list li span {overflow:hidden;position:absolute;left:0;top:0;}
.cont3 .join-contents .signup-list li span label {display:block;float:left;height:20px;line-height:20px;padding-left:26px;background:url(../../use/images/bg_checkbox_off.png) no-repeat 0 0;color:#fff;font-size:14px;background-size:20px 20px;letter-spacing:-1px;}
.cont3 .join-contents .signup-list li span .on {background:url(../../use/images/bg_checkbox_on.png) no-repeat 0 0;background-size:20px 20px;}
.cont3 .join-contents .signup-list li a {display:block;float:left;height:20px;line-height:20px;margin-left:5px;color:#999;text-decoration:underline;}
.cont3 .join-contents .btn-join {display:block;width:270px;height:50px;margin:20px auto 0;font-size:20px;color:#fff;font-weight:bold;line-height:50px;
background: -moz-linear-gradient(top,  #058500 0%, #34a400 25%, #4fb500 50%, #34a400 75%, #058500 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#058500), color-stop(25%,#34a400), color-stop(50%,#4fb500), color-stop(75%,#34a400), color-stop(100%,#058500)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #058500 0%,#34a400 25%,#4fb500 50%,#34a400 75%,#058500 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #058500 0%,#34a400 25%,#4fb500 50%,#34a400 75%,#058500 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #058500 0%,#34a400 25%,#4fb500 50%,#34a400 75%,#058500 100%); /* IE10+ */
background: linear-gradient(to bottom,  #058500 0%,#34a400 25%,#4fb500 50%,#34a400 75%,#058500 100%); /* W3C */

text-align:center;text-decoration:none;border-radius:8px;box-shadow: 0px 1px 1px #000;
}
.cont3 .join-contents .btn-join span {display:inline-block;padding-right:40px;background:url(../../use/images/bg_btn_join.png) no-repeat 100% 50%;background-size:30px 30px;}

/* 16.04.06 ¹öÆ° Ãß°¡ DT */
.cont3 .join-contents .btn-join2 {display:inline-block;width:129px;height:40px;margin:5px auto 0;font-size:16px;color:#fff;font-weight:bold;line-height:40px;
background:#4fb500; /* FF3.6+ */
text-align:center;text-decoration:none;border-radius:8px;box-shadow: 0px 1px 1px #000;}
.cont3 .join-contents .btn-join2 span {display:inline-block;}

.cont3 .join-contents .btn-join3 {display:inline-block;width:129px;height:40px;margin:5px auto 0;font-size:16px;color:#fff;font-weight:bold;line-height:40px;
background:#999;
text-align:center;text-decoration:none;border-radius:8px;box-shadow: 0px 1px 1px #000;}
.cont3 .join-contents .btn-join3 span {display:inline-block;}
/* 16.04.06 ¹öÆ° Ãß°¡ DT // */


.cont4 h2 {margin:20px 0 0 10px;;padding-left:25px;background:url(../../use/images/bul_tit.png) no-repeat 0 40%;color:#fff;background-size:20px 20px;text-align:left;font-size:20px;}
.cont4 .install-txt {width:95%;margin:20px auto 0;text-align:left;font-size:14px;color:#fff;}
.cont4 .install-list {margin-top:30px;}
.cont4 .install-list:after {clear:both;display:block;content:'';}
.cont4 .install-list li {float:left;width:33%;}
.cont4 .install-list li:nth-child(1) {} 
.cont4 .install-list li:nth-child(2) {}
.cont4 .install-list li:nth-child(3) {}
.cont4 .install-list li span {display:block;margin:0 auto;color:#fff;font-size:14px;margin-bottom:10px;}
.cont4 .install-list li img {width:65%;}

.footer {background:#212326;padding:20px;color:#fff;font-size:11px;line-height:22px;text-align:left;}
.footer ul:after {clear:both;content:'';display:block;}
.footer ul li {float:left;}
.footer ul li span {padding:0 5px;color:#484a4e;}
.footer p {letter-spacing:-1px;}
.footer p span {padding:0 5px;font-size:11px;}
.footer a {color:#fff;} 

/* º»ÀÎÈ®ÀÎ ÀÎÁõ°Ç¼ö ¹®±¸*/
.mediaQuery {position:absolute; top:283px; right:65px; text-align:right; color:#000; font-size:18px; font-weight:600;}
.mediaQuery strong {color:#1b45cd; font-size:42px; padding:0 8px 0 0;}