html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video ,hr{
	margin: 0;
	padding: 0;
	border: 0;
	
	
	vertical-align: baseline;
	
	
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
	
}
ol, ul {
	list-style: none;
	
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
em{font-style:normal;}

/* 링크 스타일 설정*/

img { border:none }

a {
	text-decoration: none;
	cursor: pointer;
}
a:focus {
	outline: thin dotted #333;
	outline: 5px auto -webkit-focus-ring-color;
	outline-offset: -2px;

}

a.font-color-blue {
	color: #428bca;
}
*{
	 -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
	border-collapse: collapse;
}


table {
	border-collapse: collapse;
	border-spacing: 0;
}

br{margin: 0;padding: 0;border:0}


/* text align*/

.text-center {
	text-align: center;
}

.text-left {
	text-align: left !important;
}

.text-right {
	text-align: right !important;
}

.fl{
	float: left;
}

.fr{
	float: right;
}

.cursor{
	cursor: pointer;
}

.clear{
	clear: both;
	height:0;
}
.clear-line{
	clear:both;
	height:0;
}
/* display */
.inline-block {
	display: inline-block;
}
.hidden {
	display: none;
}
.block{
	display: block;
}
.m-auto{margin: 0 auto;}
/* margin 여백 */
.mt-0  { margin-top:  0px!important;}
.mt-0i  { margin-top:  0px!important; }
.mt-3  { margin-top:  3px; }
.mt-5  { margin-top:  5px; }
.mt-7  { margin-top:  7px; }
.mt-10 { margin-top: 10px  }
.mt-10i { margin-top: 10px !important; }
.mt-13 { margin-top: 13px; }
.mt-15 { margin-top: 15px }
.mt-15i { margin-top: 15px!important; }
.mt-20 { margin-top: 20px; }
.mt-25 { margin-top: 25px; }
.mt-30 { margin-top: 30px; }
.mt-30i { margin-top: 30px !important; }
.mt-35 { margin-top: 35px; }
.mt-40 { margin-top: 40px; }
.mt-45 { margin-top: 45px; }
.mt-50 { margin-top: 50px; }
.mt-60 { margin-top: 60px; }
.mt-80 { margin-top: 80px; }
.mt-100 { margin-top: 100px; }
.mt-110 { margin-top: 110px; }

.mb-0 { margin-bottom: 0px !important}
.mb-0i { margin-bottom: 0px !important; }
.mb-2 { margin-bottom: 2px  }
.mb-2i { margin-bottom: 2px !important; }
.mb-5  { margin-bottom:  5px !important;;  }
.mb-10 { margin-bottom: 10px !important; }
.mb-12 { margin-bottom: 12px; }
.mb-15 { margin-bottom: 15px  }
.mb-15i { margin-bottom: 15px !important; }
.mb-20 { margin-bottom: 20px !important;; }
.mb-25 { margin-bottom: 25px !important;; }
.mb-30 { margin-bottom: 30px !important;; }
.mb-40 { margin-bottom: 40px!important; }
.mb-50 { margin-bottom: 50px !important;; }
.mb-55 { margin-bottom: 55px !important;; }
.mb-60 { margin-bottom: 60px !important;; }
.mb-80 { margin-bottom: 80px !important;; }

.ml-5  { margin-left:  5px; }
.ml-10 { margin-left: 10px; }
.ml-15 { margin-left: 15px; }
.ml-20 { margin-left: 20px; }
.ml-25 { margin-left: 25px; }
.ml-30 { margin-left: 30px!important; }
.ml-35 { margin-left: 35px; }
.ml-50 { margin-left: 50px; }
.ml-100 { margin-left: 100px; }
.ml-150 { margin-left: 150px; }

.mr-4  { margin-right:  4px; }
.mr-5  { margin-right:  5px; }
.mr-10 { margin-right: 10px!important; }
.mr-15 { margin-right: 15px; }
.mr-17 { margin-right: 17px; }
.mr-20 { margin-right: 20px; }
.mr-25 { margin-right: 25px; }
.mr-30 { margin-right: 30px; }
.mr-40 { margin-right: 40px; }
.mr-80 { margin-right: 80px; }

.pd-0 { padding: 0px!important; }
.pd-10 { padding: 10px; }
.pd-20 { padding: 20px; }
.pd-30 { padding: 30px; }

.pl-10 {padding-left: 10px;}
.pl-20 {padding-left: 20px;}
.pl-30 {padding-left: 30px;}
.pl-50 {padding-left: 50px;}
.pl-100 {padding-left: 100px;}
.pr-30 {padding-right: 30px;}
.pr-100 {padding-right: 100px;}

.pt-2 { padding-top: 2px; }
.pt-5 { padding-top: 5px; }
.pt-10 { padding-top: 10px; }
.pt-20 { padding-top: 20px; }
.pt-30 { padding-top: 30px; }

.pb-10 { padding-bottom: 10px; }
.pb-15 { padding-bottom: 15px; }
.pb-20 { padding-bottom: 20px; }
.pb-30 { padding-bottom: 30px; }
.pb-40 { padding-bottom: 40px; }
.pb-50 { padding-bottom: 50px; }
/* 넓이 */
.w-30 { max-width: 30px; }
.w-40 { max-width: 40px; }
.w-50 { max-width: 50px; }
.w-60 { max-width: 60px; }
.w-70 { max-width: 70px; }
.w-80 { max-width: 80px; }
.w-90 { max-width: 90px; }
.w-100 { max-width: 100px; }
.w-105 { max-width: 105px; }
.w-120 { max-width: 120px; }
.w-130 { max-width: 130px; }
.w-150 { max-width: 150px; }
.w-160 { max-width: 160px; }
.w-180 { max-width: 180px; }
.w-190 { max-width: 190px; }
.w-200 { max-width: 200px; }
.w-210 { max-width: 210px; }
.w-220 { max-width: 220px; }
.w-230 { max-width: 230px; }
.w-240 { max-width: 240px; }
.w-250 { max-width: 250px; }
.w-260 { max-width: 260px; }
.w-270 { max-width: 270px; }
.w-280 { max-width: 280px; }
.w-300 { max-width: 300px; }
.w-310 { max-width: 310px; }
.w-320 { max-width: 320px; }
.w-330 { max-width: 330px; }
.w-340 { max-width: 340px; }
.w-350 { max-width: 350px; }
.w-360 { max-width: 360px; }
.w-380 { max-width: 380px; }
.w-390 { max-width: 390px; }
.w-400 { max-width: 400px; }
.w-430 { max-width: 430px; }
.w-450 { max-width: 450px; }
.w-500 { max-width: 500px; }
.w-550 { max-width: 550px; }
.w-580 { max-width: 580px; }

.w-650 { max-width: 650px; }

.w-10per{ width: 10%; }
.w-20per{ width: 20%; }
.w-30per{ width: 30%; }
.w-40per{ width: 40%; }
.w-45per{ width: 45%; }
.w-50per{ width: 50%; }

.w-70per{ width: 70%; }

.w-10p{ width: 10%; }
.w-20p{ width: 20%; }
.w-30p{ width: 30%; }
.w-33pi{ width: 33.33333% !important; }
.w-40p{ width: 40%; }
.w-50p{ width: 50%; }

.none{ display: none;}


#mask {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 900;
	background-color: #000;
	display: none;
}
.ov-h{overflow:hidden;}

.d-cursor{cursor:default;}

.r0 {right:0 !important;}
.b0{bottom:0 !important;}

.lh-20 {line-height:20px;}

.pos-a{position:absolute;}
.ovh{overflow:hidden;}
.va-t{vertical-align:top;}

/* Basic Style START (dohoons, 200803, 200908, 201011, 201106) */
html, body { height:100%; -webkit-text-size-adjust:none; }
body, input, select, button, textarea, h1, h2, h3, h4, h5, h6, table { 
font-size:12px;
color:#666;
/* font:normal 12px/1.5 dotum,"돋움",Arial,AppleGothic,Sans-serif; color:#666;  */}

ol, ul, li { list-style:none; }
img, fieldset { border:0 none; }
input, select, textarea { vertical-align:middle; resize:none; position:relative; }
input, textarea { -webkit-appearance:none; -webkit-border-radius:0; }
input[type="checkbox"] { -webkit-appearance:checkbox; }
input[type="radio"] { -webkit-appearance:radio; -webkit-border-radius:10px; }
button { border:0 none; background:transparent; cursor:pointer; }
hr { display:none; }
legend, .hide { width:0; height:0; visibility:hidden; font-size:0; line-height:0; position:absolute; top:0; left:0; overflow:hidden; }
table caption { width:0; height:0; visibility:hidden; text-indent:-9999px; font-size:0; line-height:0; }
table { border-collapse:collapse; border-spacing:0; }
header, footer, section, article, aside, nav, hgroup, details, menu, figure, figcaption { display:block; }

a:link, a:visited { text-decoration:none;  }
a:active, a:hover, a:focus {/*  text-decoration:underline;  */}

input.basic { height:19px; line-height:19px; padding:0 5px; border:1px solid #cacaca; *margin-top:-1px; _margin-top:-2px; }
textarea.basic { border:1px solid #cacaca; padding:5px; overflow:scroll; overflow-x:hidden; *margin-top:-1px; _margin-top:-2px; }
select.basic { height:21px; }
/* Basic Style END */

* {
font-family: 맑은 고딕, malgun gothic, AppleGothicNeoSD, Apple SD 산돌고딕 Neo, Microsoft NeoGothic,  Droid sans, sans-serif;

letter-spacing: 0.01em;
text-shadow: none;}

.fl-r{float:right;}
.fl-n{float:none;}
.fl-l{float:left;}
.fl-ri{float:right !important;}
.fl-ni{float:none !important;}
.fl-li{float:left !important;}
.mt-22{margin-top:22px;}
.mr-15{margin-right:15px;}
.ta-c{text-align:center;}
.ta-l{text-align:left;}
.ta-r{text-align:right;}

hr{margin:0;padding:0;}
.p-8{padding:8px;}
.ml-8{margin-left:8px;}

.w-430{width:430px;}
.w-702{width: 702px;}
.w-100p{width: 100%;}
.w-100pi{width: 100% !important;}
.w-ai{width: auto !important;}
.w-250{width: 250px;}
.p-15{padding: 15px;}
.m-0i{margin: 0 !important;}
.p-10{padding: 10px;}
.w-30p{width: 30%;}
.w-30pi{width: 30% !important;}
.w-33p{width: 33%;}
.w-33pi{width: 33% !important;}
.w-50p{width: 50%;}
.w-50pi{width: 50% !important;}
.w-50{width: 50px ;}
.w-160{width: 160px;}
.mt-5i{margin-top: 5px !important;}
.w-168{width: 168px;}
.w-168i{width: 168px !important;}
.pl-14{padding-left: 14px;}
.pr-14{padding-right: 14px;}
.pt-7{padding-top: 7px;}
.pb-7{padding-bottom: 7px;}
.p-25{padding: 25px;}
.pb-18{padding-bottom: 18px;}
.pt-18{padding-top: 18px;}
.pt-0i{padding-top: 0 !important;}
.d-b{display: block;}
.mb-12{margin-bottom: 12px;}
.last-c-mb-0>*:last-child{margin-bottom: 0;}
.d-ib{display: inline-block;}
.pos-r{position: relative;}

.pt-7i{padding-top: 7px !important;}
.pb-7i{padding-bottom: 7px !important;}
.pt-23{padding-top: 23px;}
.pb-23{padding-bottom: 23px;}

.pl-25{padding-left: 25px;}
.pr-25{padding-right: 25px;}
.p-6{padding: 6px;}
.pr-45{padding-right: 45px;}
.pl-45{padding-left: 45px;}
.pt-15{padding-top: 15px;}
.pb-15{padding-bottom: 15px;}

.d-cell{display: table-cell;vertical-align: top;}
.d-t{display: table;}
.mb-16{margin-bottom: 16px;}
.p-18{padding: 18px;}

.va-m{vertical-align: middle;}

.w-45p{width: 45%;}
.w-45pi{width: 45% !important;}

.d-ibi{display: inline-block !important;}

.pl-22{padding-left: 22px;}
.pr-22{padding-right: 22px;}

.w-48pi{width: 48% !important;}
.fw-b{font-weight: bold;}
.fw-n{font-weight: normal;}
.fw-ni{font-weight: normal !important;}
.fz-12{font-size: 12px;}
.fz-12i{font-size: 12px !important;}

.h-158{height: 158px;}

.fz-3-5vw{font-size: 3.5vw;}
.fz-4vw{font-size: 4vw;}

.mb-5i{margin-bottom: 5px !important;}

.mt-40{margin-top: 40px;}
.pt-40{padding-top: 40px;}

.pl-5vw{padding-left: 5vw;}
.pr-5vw{padding-right: 5vw;}
.pl-4vw{padding-left: 14px;padding-left: 4vw;}
.pr-4vw{padding-right: 14px;padding-right: 4vw;}
.pt-2-7vw{padding-top: 11px;padding-top: 2.7vw;}
.pb-2-7vw{padding-bottom: 11px;padding-bottom: 2.7vw;}
.mb-2-7vw{margin-bottom: 11px;margin-bottom: 2.7vw;}
.pr-5{padding-right: 5px;}
.mr-35{margin-right: 35px;}
.ml-45{margin-left: 45px;}
.mr-45{margin-right: 45px;}
.ml-55{margin-left: 55px;}
.mr-55{margin-right: 55px;}
.mr-8{margin-right: 8px;}
.mr-7{margin-right: 7px;}
.mr-2-4vw{margin-right: 2.4vw;}
.d-tb{display: table;}
.w-1100{width: 1100px;}
.mb-45{margin-bottom: 45px;}
.mt-12{margin-top: 12px;}
.mtb-12{margin-top: 12px;margin-bottom: 12px;}
.pb-0i{padding-bottom: 0 !important;}
.ptb-12{padding-top: 12px;padding-bottom: 12px;}
.pt-12{padding-top: 12px;}
.pb-9{padding-bottom: 9px;}
.m-25{margin: 25px;}

.ui-page {
	-webkit-backface-visibility: hidden;

}