@charset 'utf-8';

/* CSS 초기화 */
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, input,
article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video,fieldset {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
	outline:0;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, section, main {display: block;}

a { text-decoration:none; color:inherit; }
ul,li,ol,dl,dt,dd{ list-style:none;}
table {	border-collapse: collapse; border-spacing: 0;}
table th, table td{ vertical-align:middle; }
table tbody{text-align:center;}
button { background:transparent; border:0; outline:0; padding:0; margin:0; cursor:pointer; }
fieldset,img {border:0 none; font-size:0;}
dl,ul,ol,menu,li {list-style:none}
img {vertical-align:top;}
blockquote, q {quotes: none}
blockquote:before, blockquote:after,q:before, q:after {content:'';content:none}
input,select,textarea,button {vertical-align:middle; font-family: "Noto Sans KR", "돋움", "맑은 고딕", 'Malgun Gothic', Dotum, Helvetica, AppleGothic, Sans-serif;}
button {border:0 none;background-color:transparent;cursor:pointer; font-family:"Noto Sans KR", "돋움", "맑은 고딕", 'Malgun Gothic', Dotum, Helvetica, AppleGothic, Sans-serif;}
th,td,input,select,textarea,button {font-size:12px;line-height:1.5;color:#333}
a {color:inherit; text-decoration:none;}
a:active, a:hover {text-decoration:none;}
address,caption,cite,code,dfn,em,var {font-style:normal;font-weight:normal}

html {
    box-sizing: border-box;
    -ms-overflow-style: scrollbar
}

nav ul, li{ list-style:none; }


img{
vertical-align:top;
max-width:100%;
}

table{
width: 100%; 
border-collapse:collapse;
border-spacing:0;
}

input{
margin:0;
padding:0;
box-sizing:content-box;
/*vertical-align:top;*/
appearance:none;
color:#666;
border-radius:0; 
font-family: "Noto Sans KR", "돋움", "맑은 고딕", 'Malgun Gothic', Dotum, Helvetica, AppleGothic, Sans-serif;
}

.hid{
position:absolute;
left:-9999px;
font-size:0;
width:0;
height:0;
text-indent:-9999px;
overflow:hidden;
}

ul{ -webkit-padding-start: 0px; margin: 0; }
hr{ display: none; }
caption{ display: none; }

/* custom style */
body, html {width:100%; height:auto; margin:0px; padding:0px; overflow:auto;}

body {
	font-family:'Open Sans', 'Noto Sans KR', "돋움", "맑은 고딕", 'Malgun Gothic', Dotum, Helvetica, AppleGothic, sans-serif;
	font-weight:400; 
	font-size: 18px; 
	color:#fff; 
	margin: 0 auto; 
	line-height:1.1;
	min-width:1300px; 
	overflow:auto; 
	overflow-x:auto;
	position:relative;
}

/* common */
.respon_img {display:block;width:100%;}
.clear:after {display:block;content:'';clear:both;}
.left {float:left;}
.right {float:right;}
.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.lock {overflow:hidden;}
.hidden {display:none; opacity:0; text-indent:-9999px; padding:0; margin:0;}

/* > font */
.fw_100 {font-weight: 100 !important;}
.fw_700 {font-weight: 700 !important;}
.fc_white {color:#fff !important;}

/* layout */
.wsize {width:1200px; margin:0 auto;}
.wsize02 {width:1120px; margin: 0 auto;}
.wsize03 {width:1024px; margin: 0 auto;}

/* style */
.mt3{ margin-top: 3px; }
.mt15{ margin-top: 15px; }
.mt50{ margin-top: 50px !important; }
.mt80{ margin-top: 80px !important; }

.mb5{ margin-bottom: 5px; }
.mb15{ margin-bottom: 15px !important; }
.mb25{ margin-bottom: 25px; }
.mb27{ margin-bottom: 27px; }
.mb35{ margin-bottom: 35px; }
.mb45{ margin-bottom: 45px; }
.mb60{ margin-bottom: 60px; }

.w100p{ width: 100%; }
.h100p{ height: 100%; }

.va_top{ vertical-align:top; }
.va_middle{ vertical-align: middle; }

.mb30{ margin-bottom: 30px; }
.mb50{ margin-bottom: 50px !important; }

.pb24{ padding-bottom: 24px; }

.p_lr10{ padding-left: 10px; padding-right: 10px; }

.w8p{ width: 8%; }
.w9p{ width: 9%; }
.w10p{ width: 10%; }
.w12p{ width: 12%; }
.w13p{ width: 13%; }
.w13_5p{ width: 13.5%; }
.w14p{ width: 14%; }
.w15p{ width: 15%; }
.w16p{ width: 16%; }
.w17p{ width: 17%; }
.w18p{ width: 18%; }
.w19p{ width: 19%; }
.w20p{ width: 20%; }
.w21p{ width: 21%; }
.w22p{ width: 22%; }
.w23p{ width: 23%; }
.w24p{ width: 24%; }
.w25p{ width: 25%; }
.w26p{ width: 26%; }
.w27p{ width: 27%; }
.w28p{ width: 28%; }
.w29p{ width: 29%; }
.w30p{ width: 30%; }
.w31p{ width: 31%; }
.w33p{ width: 33%; }
.w34p{ width: 34%; }
.w35p{ width: 35%; }
.w36p{ width: 36%; }
.w37p{ width: 37%; }
.w60p{ width: 60%; }
.w68{ width: 68px; }
.w69{ width: 69px; }
.w75{ width: 75px; }
.w95{ width: 95px; }
.w115{ width: 115px; }
.w126{ width: 126px; }
.w166{ width: 166px; }
.w188{ width: 188px; }
.w210{ width: 210px; }
.w300{ width: 300px; }
.w540{ width: 540px; }

.mt9{ margin-top: 9px; }