@charset "utf-8";

@font-face{font-family:"NBG";
		   src:local('NanumBarunGothic'),
		   url('../fonts/NanumBarunGothic.eot'),
		   url('../fonts/NanumBarunGothic.woff') format('woff'),
		   url('../fonts/NanumBarunGothic.ttf') format('truetype')
		   }


@font-face{font-family:"HEL";
		   src:local('Helvetica'),
		   url('../fonts/Helvetica.eot'),
		   url('../fonts/Helvetica.woff') format('woff'),
		   url('../fonts/Helvetica.ttf') format('truetype')
		   }


@font-face{font-family:"BLACK";
		   src:local('BlackoakStd'),
		   url('../fonts/BlackoakStd.eot'),
		   url('../fonts/BlackoakStd.woff') format('woff'),
		   url('../fonts/BlackoakStd.ttf') format('truetype')
		   }




*{margin:0; padding:0;}
ul{list-style:none;}
a{text-decoration:none; color:#000;}
.align {text-align:center;}
b{color:#b5b3b3;}

body{font-family:"NBG"; font-size:14px;}
.content {font-family:"NBG";}
.in{width:1200px; margin-left:auto; margin-right:auto;}

	/* 마스크 */

.setDiv {text-align:center;}
.mask {position:absolute; left:0; top:0; z-index:9999; background-color:#000; display:none;}
.window {display:none; background-color:#ffffff; width:550px; height:400px; z-index:99999; position:relative; border-radius:15px;}
.window h1 {font-size:40px; font-weight:normal; margin-top:30px; margin-bottom:20px; letter-spacing:4px; font-weight:bold;}
.window ul li:nth-of-type(1) input{width:350px; height:30px; font-size:12px; text-indent:5px;}
.window ul li:nth-of-type(2) input{width:350px; height:30px; margin-top:10px; text-indent:5px;}
.window ul li:nth-of-type(3) {position:absolute; left:100px; top:45%; font-size:12px; margin-top:7px;}
.window ul li:nth-of-type(3) input{vertical-align:-20%;}
.window ul li:nth-of-type(4) input{width:354px; height:45px; font-size:14px; color:#fff; background:#348bd1; border:transparent;
								   margin-top:50px; box-shadow:1px 1px 1px rgba(0,0,0,.1); cursor:pointer;}
.window ul li:nth-of-type(5) input{width:354px; height:45px; font-size:14px; color:#fff; background:#1fc700; border:transparent;
								   margin-top:10px; box-shadow:1px 1px 1px rgba(0,0,0,.1); cursor:pointer;}
.window ul li:nth-of-type(6) input{width:70px; height:30px; font-size:10px; color:#fff; background:#000; border:transparent;
								   margin-top:20px; cursor:pointer;}



.window a {font-size:12px;}
.window a:hover {font-weight:bold;}
.window a:nth-of-type(1) {position:absolute; bottom:199px; right:175px;}
.window a:nth-of-type(2) {position:absolute; bottom:199px; right:100px;}
.n_pay {position:absolute; left:170px; bottom:83px;}


/* aside */


.aside02 {position:fixed; left:0; top:25%; width:90px; height:0%; z-index:100;}
.aside02 .mall_brand02{height:100px; cursor:pointer; margin-left:6px;}
.aside02 .mall_brand02 a{display:block; padding-top:10px; box-sizing:border-box;}
.aside02 .quick_menu02>ul>li {display:table; height:35px; width:100%; position:relative;}
.aside02 .quick_menu02>ul>li>a{display:table-cell; height:100%; text-align:center; vertical-align:middle;}
.aside02 .quick_menu02>ul>li>a strong{display:block; margin-top:20px; font-size:12px; color:#000; text-align:center;}



/*content*/

.content {width:100%; height:550px; text-align:center;}
.content_box01 {width:100%;}
.content_box02 {width:100%;}
.content_box03 {width:100%; font-weight:bold;}
.content_box04 {width:100%; font-size:12px; font-weight:bold;}
.content h1 {font-size:40px; text-align:center; margin-top:80px; margin-bottom:20px; letter-spacing:2px;}
.content li {font-size:12px; margin-bottom:10px;}
.content_box01 input{margin-bottom:10px;}


.content input[type="checkbox"], input[type="radio"]{vertical-align:-20%;}
.content_box02 li:nth-of-type(1) input[type="text"]{width:270px; height:30px; margin-right:10px;}
.content_box02 li:nth-of-type(1) input[type="button"]{width:125px; height:34px; background:#212832; border:0; color:#fff; 
													  font-size:14px; font-weight:normal; cursor:pointer; border-radius:3px; vertical-align:0%;}
.content_box02 li:nth-of-type(2) input[type="password"]{width:405px; height:30px;}
.content_box02 li:nth-of-type(3) input[type="password"]{width:405px; height:30px;}
.content_box02 li:nth-of-type(4) input[type="text"]{width:405px; height:30px;}
.content_box02 li:nth-of-type(5) input[type="text"]{width:270px; height:30px; margin-right:10px}
.content_box02 li:nth-of-type(5) input[type="button"]{width:125px; height:34px; background:#212832; border:0; color:#fff; 
													  font-size:14px; font-weight:normal; cursor:pointer; border-radius:3px; vertical-align:0%;}
.content_box02 li:nth-of-type(6) input[type="text"]{width:130px; height:30px; margin-right:4px; margin-bottom:0px;}




.content_box04 input[type="button"]{width:410px; height:50px; margin-top:40px; margin-bottom:150px;
									background:#212832; border:0; color:#fff; font-size:14px; font-weight:normal; cursor:pointer; border-radius:3px;}
.content_box04 input[type="checkbox"]{margin-left:10px; margin-top:10px;}
.content_box04 input[type="button"]:hover {background:#000; transition:background .8s;}
.content_box02 li input[type="button"]:hover {background:#000; transition:background .8s;}
.content_box04 .search {width:410px; text-align:right; margin-top:20px;}

.div_box {margin-top:200px;}
.div_box h1 {letter-spacing:-1px;}