@charset "utf-8";
html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address,em, img, ins, kbd, q, samp,small, strong, sub, sup, var,b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
    padding:0;
    margin:0;
    border:0;
    outline:0;
    background:transparent;
    font-family:  "Roboto","Apple SD Gothic Neo",sans-serif;
	box-sizing: border-box;
	-webkit-text-size-adjust:none;
    text-size-adjust:none;/* 뷰표트 변환시 폰트크기 자동확대 방지 */
	font-size-adjust: none;
    word-break: keep-all;
	line-height: 1.1;
	box-sizing: border-box;
    font-size:16px;
	letter-spacing: 0px;
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display:block;}
html,body{width: 100%;height: 100%;position: relative;font-size: 15px;-webkit-text-size-adjust:100%;color: #363636;}
ul, ol, li,dl,dt {list-style:none;}
h1, h2, h3, h4, h5, h6,p{font-size:100%; font-weight:normal;}
table{width: 100%; border-collapse:collapse; border-spacing:0; vertical-align:middle;border:0 none;}
table th,table td{ vertical-align:middle;}
legend {display:none; visibility:hidden;}
fieldset, button {vertical-align:middle; border:0;}
img{border:0;vertical-align:top;width: 100%;}
input, textarea, select{letter-spacing:normal;vertical-align:middle;}
a {display: inline-block; vertical-align:top; text-decoration:none;color: #363636;box-sizing: border-box;}
a:hover, a:active, a:focus{text-decoration:none;}
button {border:0; vertical-align:middle; cursor:pointer; overflow:visible; background:transparent;}
.off{display: none}
.ir span,i span{position: relative; display: block; width: 0; height: 0; margin: 0; padding: 0; overflow: hidden; visibility: hidden; line-height: 0; font-size: 0;  text-indent:-9999px; z-index: -1;}
input, select, textarea, button {font-size:100%;letter-spacing:normal;vertical-align:middle;border:1px solid #d9d9d9;padding: 0;box-shadow:0;border-radius:0;}
input,select,textarea,button {-webkit-appearance: none;appearance: none;}
input:focus, select:focus, button:focus{outline:none}
button {cursor:pointer;background:transparent;}
input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="number"], input[type="date"], select, button{margin:0;height:53px;line-height: 24px;padding: 0 15px;background: #fff;border-radius: 2px;box-sizing: border-box;}
textarea{padding:15px;border-radius:0;resize: none;box-sizing:border-box;font-family:  "Helvetica Neue","Apple SD Gothic Neo",sans-serif;;}
input::placeholder{color: #b4b4b4;}
input[type="password"]{letter-spacing: -0.5px;}
input[type="date"],input[type="month"]{position: relative;letter-spacing: -0.5px;padding: 0;font-family:  "Roboto","Apple SD Gothic Neo",sans-serif;text-indent:-999999em;}
input[type="date"]::-webkit-calendar-picker-indicator,input[type="month"]::-webkit-calendar-picker-indicator{color: transparent;background: none;z-index: 1;width:100%;margin: 0;padding: 0;height: 100%;}
input[type="date"]:before,input[type="month"]:before{color: transparent; background: url(/static/publishing/img/icon_ui.png);background-size: 288px 212px;background-position: -0 -156px; display: block; content: ''; width: 24px; height: 24px; position: absolute; top: 50%;transform: translateY(-50%); right: 0;}
input[type="date"]::after,input[type="month"]::after{color: #161616;content: attr(data-content);display: block;width: 100%;position: absolute;left: 0;top: 0;text-indent:0;}
textarea::placeholder{color: #b4b4b4;}
b{font-style:normal;}
.swiper-pagination{z-index: 1!important;}
i,em{font-style:normal}
textarea:focus, input:focus{outline: none;-webkit-tap-highlight-color: rgba(255, 255, 255, 0);}
.swiper-slide{position: relative;}
.swiper-pagination .swiper-pagination-bullet{transition: all ease 0.3s}
.swiper-pagination .swiper-pagination-bullet-active{background-color: #ff0132;width:25px;border-radius:20px}
.swiper-pagination{z-index: 1!important;}
.swiper-container-horizontal{position: relative;}
@font-face {
    font-family: Roboto;
    src:url('/static/publishing/fonts/Roboto-Regular.woff') format('woff'), /*모던브라우저*/
		url('/static/publishing/fonts/Roboto-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: Roboto;
    src:url('/static/publishing/fonts/Roboto-Medium.woff') format('woff'), /*모던브라우저*/
		url('/static/publishing/fonts/Roboto-Medium.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}