@charset "utf-8";
/* Alma CMS 20131128 cms83@almacomm.co.kr */


html,body {height:100%;}
body{	background:transparent; width:100%; font-family:'맑은 고딕','Malgun Gothic','돋움',Dotum,'굴림',Gulim,Helvetica, sans-serif; color:#000; word-break:break-all;}
body,input,textarea,select,button,table{font-size:12px; line-height:1.2em}
img {width:100%; display:block}
.bgGray {background:#f5f5f5}

#wrap {width:100%}

/* tab */
.tab {overflow:hidden; border:1px solid #b3b3b3; }
.tab li {float:left; width:50%; font-size:12px; text-align:center}
.tab li a {display:block;  width:100%; text-decoration:none; color:#404040; font-weight:bold; padding:15px 0;

background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0.07, #EBEBEB),
	color-stop(0.48, #D4D4D4)
);
background-image: -o-linear-gradient(bottom, #EBEBEB 7%, #D4D4D4 48%);
background-image: -moz-linear-gradient(bottom, #EBEBEB 7%, #D4D4D4 48%);
background-image: -webkit-linear-gradient(bottom, #EBEBEB 7%, #D4D4D4 48%);
background-image: -ms-linear-gradient(bottom, #EBEBEB 7%, #D4D4D4 48%);
background-image: linear-gradient(to bottom, #EBEBEB 7%, #D4D4D4 48%);
}
.tab li:nth-child(2) a {border-left:1px solid #b3b3b3}

.top {text-align:center; margin-top:20px}
.top a {display:inline-block; color:#404040; text-decoration:none; border:1px solid #ccc; padding:10px 20px 12px 20px; font-weight:bold;
border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0, #FEFEFE),
	color-stop(1, #E6E6E6)
);
background-image: -o-linear-gradient(bottom, #FEFEFE 0%, #E6E6E6 100%);
background-image: -moz-linear-gradient(bottom, #FEFEFE 0%, #E6E6E6 100%);
background-image: -webkit-linear-gradient(bottom, #FEFEFE 0%, #E6E6E6 100%);
background-image: -ms-linear-gradient(bottom, #FEFEFE 0%, #E6E6E6 100%);
background-image: linear-gradient(to bottom, #FEFEFE 0%, #E6E6E6 100%);
}

/* title */
h1 {border-top:1px solid #000; font-size:20px; line-height:1.4em; color:#fff; font-weight:bold; text-align:center; padding:10px 0 10px 0;}
h1.bike {border-bottom:1px solid #212232; 
background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0, #383B56),
	color-stop(1, #27293C)
);
background-image: -o-linear-gradient(bottom, #383B56 0%, #27293C 100%);
background-image: -moz-linear-gradient(bottom, #383B56 0%, #27293C 100%);
background-image: -webkit-linear-gradient(bottom, #383B56 0%, #27293C 100%);
background-image: -ms-linear-gradient(bottom, #383B56 0%, #27293C 100%);
background-image: linear-gradient(to bottom, #383B56 0%, #27293C 100%);
}
h1.tmap {border-bottom:1px solid #840c09; 
background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0, #C9130D),
	color-stop(1, #A10F0A)
);
background-image: -o-linear-gradient(bottom, #C9130D 0%, #A10F0A 100%);
background-image: -moz-linear-gradient(bottom, #C9130D 0%, #A10F0A 100%);
background-image: -webkit-linear-gradient(bottom, #C9130D 0%, #A10F0A 100%);
background-image: -ms-linear-gradient(bottom, #C9130D 0%, #A10F0A 100%);
background-image: linear-gradient(to bottom, #C9130D 0%, #A10F0A 100%);
}

.round {background:#fff; padding:20px 10px;
border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
}

.bikeAgree {background:#292b3f; padding:10px; border-top:1px solid #3f4153}
.tmapAgree {background:#a50f0b; padding:10px; border-top:1px solid #ae2724}

.termsArea h2 {font-size:16px; text-align:center; font-weight:bold}
.termsArea .legal1 {font-size:14px; text-align:center; margin:20px 0; font-weight:bold}
.termsArea .legal2 {font-size:12px; margin:20px 0 5px 0;  font-weight:bold}


.termsArea .legalTxt01, .termsArea .legalTxt02, .termsArea .legalTxt03, .termsArea .legalTxt04 {margin:0 0 10px 0; font-size:12px}
.termsArea .legalTxt02 {margin-left:10px; margin-bottom:5px}
.termsArea .legalTxt03 {margin-left:25px; margin-bottom:5px}
.termsArea .legalTxt04 {margin-left:45px; margin-bottom:5px}


.termsArea .addLegal {font-weight:bold; margin:20px 0 5px 0; line-height:16px}
.termsArea .addLegal a {display:inline-block; width:109px; height:23px; }

.termsArea .addLegal a img {width:100%; margin-top:-3px; display:inline-block}
.termsArea .addLegal a.bike img {margin-top:0; vertical-align:middle; margin-left:10px}

.termsArea .tableLegal {width:100%; font-size:12px;}
.termsArea .tableLegal th {background:#8e8e8e; color:#fff; border-right:1px solid #fff !important; padding:10px 0}
.termsArea .tableLegal th.bd {border:1px solid #8e8e8e}
.termsArea .tableLegal td {border:1px solid #8e8e8e; padding:10px}

.txtbox01 {padding:5px; border:1px solid #8e8e8e;}
.agrt .termsArea .txtbox01 li {font-size:12px; color:#1a1a1a;}

.disc_sq {padding-left:10px; background:url('/images/common/bul_dot_02.gif') no-repeat left 8px;}


/* max-device-width : 1024  -------------------------------------------------------------------
@media screen and (min-device-width: 768px), screen and (min-width: 1024px) {
.vw02 {height:900px !important}
}
*/

/* max-device-width : 640  -------------------------------------------------------------------
@media screen and (min-device-width: 640px), screen and (min-width: 640px) {
.vw02 {height:690px !important}
}
*/

/* max-device-width : 480  ------------------------------------------------------------------
@media screen and (max-device-width: 480px) and (orientation: portrait), screen and (max-width: 480px) and (orientation: portrait) {
.vw02 {height:350px !important}
}
-*/

/* max-device-width : 360  ------------------------------------------------------------------
@media screen and (max-device-width: 360px) and (orientation: portrait), screen and (max-width: 360px) and (orientation: portrait) {
.vw02 {height:330px !important}
}
-*/

/* max-device-width : 320  -------------------------------------------------------------------
@media screen and (max-device-width: 320px) and (orientation: portrait), screen and (max-width: 320px) and (orientation: portrait) {
.vw02 {height:245px !important}
}
*/