@charset "utf-8";
/* CSS Document */

@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

/* GMARKET SANS */
@font-face {
    font-family: 'Gmarket Sans';
	src:url('../images/fonts/GmarketSansTTFBold.ttf');
    src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');
    font-style: normal; font-weight: 700;
}

@font-face {
    font-family: 'Gmarket Sans';
	src:url('../images/fonts/GmarketSansTTFMedium.ttf');
    src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
	font-style: normal; font-weight: 500;
}

@font-face {
    font-family: 'Gmarket Sans';
	src:url('../images/fonts/GmarketSansTTFLight.ttf');
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff') format('woff');
    font-style: normal; font-weight: 300;
}

/* Base */
* {margin:0; padding:0;}
body {font-family:'Nanum Gothic','굴림', '돋움'; font-size:.75em; line-height:1.4em; position:relative; color:#5f5f5f;}
img {vertical-align:middle; border:none; }
fieldset, button {border:none;}
hr, button img {display:none; margin:0; padding:0;}
ul, ol, dl, li, dt, dd {list-style:none;}
p {text-align:justify;}
p.center {text-align:center;}
p.left {text-align:left;}
p.right {text-align:right;}

h1,
h2,
h3,
h4 {font-family:'Nanum Gothic'; color:#343434;}
h2 {font-size:1.35em; letter-spacing:-0.05em;}

/*a {text-decoration:none; color:#6b6b6b;}*/
a {text-decoration:none;}
a:hover,
a:active {text-decoration:underline; color:#737c85;}
/* 새창아이콘 */
a.blank {display:inline-block; background:url(/images/common/blank.gif) no-repeat right 50%; padding-right:15px;}

input {border:solid 1px #d3d3d3; font-size:12px; padding:6px 5px;  margin: 0; vertical-align:middle;}
textarea {overflow:auto; font-size:12px; padding:5px; border:solid 1px #c5c5c5;}
input[type="radio"],
input[type="checkbox"] {border:none;}
input[type="image"] {border:none;}
select {
	border: 1px solid #d3d3d3;
	padding: 4px 5px;
	margin: 0;
	font-size:12px;
	color:#666666;
	height:29px;
	line-height: 29px;
}
label{cursor:pointer; cursor:hand;}
address, em {font-style:normal; font-weight:normal;}
option {padding-right:6px;} /* Firefox Fix */

/* hidden contents */
.skip,
hr,
legend,
caption {position:absolute; width:0; height:0; font-size:0; line-height:0; overflow:hidden; visibility:hidden; z-index:-1;}

/* 여백 */
.mt5 {margin-top:5px;}
.mt10 {margin-top:10px;}
.mt15 {margin-top:15px;}
.mt20 {margin-top:20px;}
.mt25 {margin-top:25px;}
.mt30 {margin-top:30px;}
.mt35 {margin-top:35px;}
.mt40 {margin-top:40px;}
.mt45 {margin-top:45px;}
.mt50 {margin-top:50px;}
.mt220 {margin-top:220px;}

.mb5 {margin-bottom:5px;}
.mb10 {margin-bottom:10px;}
.mb15 {margin-bottom:15px;}
.mb20 {margin-bottom:20px;}
.mb25 {margin-bottom:25px;}
.mb30 {margin-bottom:30px;}
.mb35 {margin-bottom:35px;}
.mb40 {margin-bottom:40px;}
.mb45 {margin-bottom:45px;}
.mb50 {margin-bottom:50px;}

.ml5 {margin-left:5px;}
.ml10 {margin-left:10px;}
.ml15 {margin-left:15px;}
.ml20 {margin-left:20px;}
.ml25 {margin-left:25px;}
.ml30 {margin-left:30px;}
.ml35 {margin-left:35px;}
.ml40 {margin-left:40px;}
.ml45 {margin-left:45px;}
.ml50 {margin-left:50px;}

.pt5 {padding-top:5px;}
.pt10 {padding-top:10px;}
.pt15 {padding-top:15px;}
.pt20 {padding-top:20px;}
.pt25 {padding-top:25px;}
.pt30 {padding-top:30px;}
.pt35 {padding-top:35px;}
.pt40 {padding-top:40px;}
.pt45 {padding-top:45px;}
.pt50 {padding-top:50px;}

.pl5 {padding-left:5px;}
.pl10 {padding-left:10px;}
.pl15 {padding-left:15px;}
.pl20 {padding-left:20px;}
.pl25 {padding-left:25px;}
.pl30 {padding-left:30px;}
.pl35 {padding-left:35px;}
.pl40 {padding-left:40px;}
.pl45 {padding-left:45px;}
.pl50 {padding-left:50px;}

.pr5 {padding-right:5px;}
.pr10 {padding-right:10px;}
.pr15 {padding-right:15px;}
.pr20 {padding-right:20px;}
.pr25 {padding-right:25px;}
.pr30 {padding-right:30px;}
.pr35 {padding-right:35px;}
.pr40 {padding-right:40px;}
.pr45 {padding-right:45px;}
.pr50 {padding-right:50px;}

/* 정렬 */
.f_lft {
	float:left;
}
.f_rgt {
	float:right;
}
.lft {
	text-align:left !important;
}
.rgt {
	text-align:right !important;
}
.center{
	text-align:center !important;
}

/* 테이블 정렬 */

table tr td.lft {
	text-align:left;
}
table tr td.rgt {
	text-align:right !important;
}
table tr td.center{
	text-align:center !important;
}

/* clear */
.clear {clear:both;}