@charset "utf-8";
@page{margin:0;}
@font-face {
    font-family:'Pretendard';
    src: url('fonts/Pretendard-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}
html {height:100%;}
body {color:#333; font-family:'Pretendard',돋움,Dotum,sans-serif; font-size:36px; letter-spacing:-1px; font-weight:400; -webkit-text-size-adjust:none;}
body, div, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, p, form, fieldset, input, table, tr, th, td, nav, header, footer, section, article {margin:0; padding:0; box-sizing:border-box;}
h1, h2, h3, h4, h5, h6 {font-size:inherit;}
hr {display:none;}
dd, li{list-style:none;}
ul:after, dl:after, ol:after{clear:both; display:block;}
a {color:#505050; vertical-align:baseline; background:transparent; text-decoration:none; display:inline-block; vertical-align:middle;}
a:link, a:visited {text-decoration:none; outline: 0px;}
a:active, a:hover{text-decoration:none; outline: 0px;}
a img {border:0 none;}
input[type="text"],
input[type="password"],
input[type="search"],
input[type="button"],
input[type="tel"],
input[type="date"],
input[type="email"],
select {display:inline-block; font-family:'Pretendard'; padding:0 10px; height:40px; color:#333; border:1px solid #e2e2e2; border-radius:4px; -webkit-appearance:none; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; background:#fff;}
input[type="date"] {background:#fff; background-size:15px auto;}
input {outline:none; vertical-align:middle;}
input[disabled], input[readonly] {background:#f7f7f7; color:#333;}
select {vertical-align:middle; font-size:inherit; box-sizing:border-box; padding:0 0 0 5px; border:1px solid #e2e2e2; background:#fff; background-size:12px auto; -webkit-appearance:none; -webkit-box-shadow:none;}
textarea {box-sizing:border-box; outline:none; padding:10px 7px; font-size:inherit; color:#333; border:1px solid #e2e2e2; background:#fff; border-radius:4px; -webkit-appearance:none; -webkit-box-shadow:none;}
table {border-collapse:collapse; border-spacing:0;}
button {background:none; border:none; font-family:'Pretendard'; padding:0; margin:0; outline:none; vertical-align:middle;}
button:hover {cursor:pointer;}
label {display:inline-block;}
i {font-style:normal;}
a,
button {-webkit-tap-highlight-color:transparent;}

fieldset, form, label, legend {margin:0; padding:0; border:0; background:transparent; vertical-align:baseline; word-break:keep-all;}
table caption, legend, .blind {overflow:hidden; position:absolute; top:-99999px; width:0; height:0; line-height:0; text-indent:-99999px;}

::-webkit-input-placeholder { /* Chrome */
  color:#aaa;
}
:-ms-input-placeholder { /* IE 10+ */
  color:#aaa;
}
::-moz-placeholder { /* Firefox 19+ */
  color:#aaa;
  opacity:1;
}
:-moz-placeholder { /* Firefox 4 - 18 */
  color:#aaa;
  opacity:1;
}

/* 대체텍스트 */
.replace_txt {overflow:hidden; display:block; font-size:0; line-height:0; width:0; height:0; text-indent:-9999px; color:transparent;}
.screen_out {overflow:hidden; position:absolute; width:0; height:0; font-size:0; line-height:0; text-indent:-9999px; color:transparent;}
.view_out {overflow:hidden; position:absolute; width:0; height:0; font-size:0; line-height:0; color:transparent;}

.ta_l {text-align:left !important;}
.ta_c {text-align:center !important;}
.ta_r {text-align:right !important;}

.f_s_18 {font-size:18px;}
.f_s_36 {font-size:50px; line-height:1.4em;}
.f_s_40 {font-size:40px;}
.f_s_30 {font-size:30px;}

.m_t_10 {margin-top:10px !important;}
.m_t_20 {margin-top:20px !important;}
.m_t_40 {margin-top:40px !important;}
.m_t_60 {margin-top:60px !important;}
.m_t_80 {margin-top:80px !important;}
.m_t_100 {margin-top:100px !important;}
.m_t_200 {margin-top:200px !important;}

.m_b_10 {margin-bottom:10px !important;}
.m_b_20 {margin-bottom:20px !important;}
.m_b_40 {margin-bottom:40px !important;}

.m_l_10 {margin-left:10px !important;}

.p_t_20 {padding-top:20px;}
.p_t_40 {padding-top:40px;}
.p_t_60 {padding-top:60px;}
.p_t_80 {padding-top:80px;}
.p_t_100 {padding-top:100px;}
.p_t_200 {padding-top:180px;}

.p_r_40 {padding-right:40px !important}
.p_r_50 {padding-right:50px;}
.p_r_120 {padding-right:120px;}

.p_l_40 {padding-left:40px !important}
.p_l_50 {padding-left:50px;}