@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,700');
html{font-size:15px;}
body{
	font-family:'Open Sans','맑은고딕',Malgun Gothic,Arial;
	line-height: 1.35;
  color: #333;
	overflow-y: scroll;
	font-weight: 400;
	word-break:break-word
}
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,
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,img {
	margin: 0;
	padding: 0;
	border: 0;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
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;
}
html,body{height: 100%;}

/* 공통 */
a{text-decoration:none; color: inherit}
input[type="text"],input[type="password"],textarea{
	appearance:none ;-webkit-appearance:none;-moz-appearance:none;
	border:1px solid #ddd;
	border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0;
	font: inherit;
	color: #666
}
input[type="button"]{
	appearance:none ;-webkit-appearance:none;-moz-appearance:none;
	border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0;
	font: inherit;
	border: 0
}
input[type="checkbox"]{margin: 0}
select{
	border: 1px solid #ddd;
	border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px;
	-webkit-appearance: none; -moz-appearance: none; appearance: none;
	font: inherit;
	font-size: 1em;
	background: #fff url('/img/common/select.gif') 96% center no-repeat;
	padding: 0 15px 0 5px;
	color: #666;
}
select::-ms-expand {
    display: none;
}
*{box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box}
img{max-width: 100%}
.mt0{margin-top:0px !important}
.mt10{margin-top:10px !important}
.mt15{margin-top:15px !important}
.mt20{margin-top:20px !important}
.mt30{margin-top:30px !important}
.mt40{margin-top:40px !important}
.mt50{margin-top:50px !important}

.mt1p{margin-top: 1% !important}
.mt2p{margin-top: 2% !important}
.mt3p{margin-top: 3% !important}
.mt4p{margin-top: 4% !important}
.mt5p{margin-top: 5% !important}
.mt6p{margin-top: 6% !important}
.mt7p{margin-top: 7% !important}
.mt8p{margin-top: 8% !important}
.mt9p{margin-top: 9% !important}
.mt10p{margin-top: 10% !important}
.mb0{margin-bottom: 0 !important}
h1,h2,h3,h4,h5,strong{font-weight: 700;}
h1,h2,h3,h4,h5{font-size: 1em}
button,input[type="button"]{background: none;}
button,input[type="button"],input[type="submit"]{
	margin: 0;
    padding: 0;
    border: none;
	font:inherit;
	font-size: 1em
}
button,label{cursor: pointer;}
address,em{font-style: normal}
.inner{max-width: 1200px; margin: 0 auto;}
.fl{float: left}
.fr{float: right}
.clearfix:after{content: ''; display: block; clear: both}
.mobile{display: none !important}

/* 세로 가운데 정렬 */
.table{display: table; width: 100%; height: 100%}
.vertical{display: table-cell; vertical-align: middle}
.ellipsis{display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.w100p{width: 100%}
#wrap{overflow: hidden; position: relative;}
.modal{display: none}
.slick-dots{text-align:center}
.slick-dots li{display: inline-block}
.slick-dots button{display:block;white-space: nowrap;overflow: hidden;text-indent: -999px}
.tablet{display: none}
.hide,caption,legend,.hidden{visibility:hidden;position:absolute;top:0;left:0;width:0;height:0;margin:0;padding:0;background:none;font-size:0;line-height:0}
.accessibilityWrap dd a{display:block;position:absolute;top:-10000px;left:0;z-index:500;width:100%;font-size:1.3em;text-align:center}
.accessibilityWrap dd a:hover,.accessibilityWrap dd a:focus,.accessibilityWrap dd a:active{position:absolute;top:0;z-index:500;padding:15px 0;background:#1d60a7;font-weight:bold;color:#fff}

.block-pc{display: block;}