@charset "utf-8";
* {margin: 0;padding: 0;}
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 {border: 0;font-size: 100%;}

/* ******************* *
* 프린트시 배경이미지 출력
* ******************* */
* {print-color-adjust: exact;}

/* ******************* *
* html5 호환 설정
* ******************* */
article, aside, canvas, details, figcaption, figure, main, footer, header, hgroup, menu, nav, section, summary {display: block;}
address {font-style: normal;display: inline;}
table {width: 100%;border-collapse: collapse;border-spacing: 0;}
table, caption, tbody, tfoot, thead, tr, th, td {outline: 0;background: transparent;font-size: 100%;}
nav, ul, ol {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: none;}
hr {display: block;height: 1px;border: 0;border-top: 1px solid #ccc;margin: 1em 0;padding: 0;}

/* ******************* *
* 기본 폰트 및 사이즈 설정
* ******************* */
html {overflow-x: hidden;}
body {font-family: "Pretendard", "맑은고딕", sans-serif;font-size: 17px;font-weight: 400;color: #555;line-height: 1;background: #fff;}

select,input,button,textarea,button {color: inherit;font-family: inherit;font-size: 1em;}
button {cursor: pointer;}

/* ******************* *
* 글자 속성
* ******************* */
a, a:link {color: #555;text-decoration: none;}
a:visited, a.visited, a.visited:visited {color: inherit;text-decoration: none;}
a:hover, a.visited:hover, a:active {color: inherit;text-decoration: none;}
a:focus {text-decoration: none;}
a:focus-visible,
button:focus-visible {outline-offset: -1px;outline-width: 1px;}

/* ******************* *
* Form 요소들 기본
* ******************* */
input, button, select, textarea {font-family: inherit;}
fieldset {padding: 0px;margin: 0px;border: 0px;}
legend {display: none;}

input {border: 1px solid #ccc;height: 16px;padding: 2px 3px 1px 3px;}
input[type="radio"],input[type="checkbox"] {border: none;padding: 0;margin: 0;vertical-align: middle;}
input[type="file"] {border: 0;padding: 0;margin: 0;height: auto;}
input.text,input.password {border-left: 1px solid #cbcbcb;border-top: 1px solid #cbcbcb;border-right: 1px solid #e4e4e4;border-bottom: 1px solid #e4e4e4;background: #f8f8f8;height: 28px;line-height: 28px;padding: 0 5px;}
input.file {border: 1px solid #ddd;height: 16px;padding: 2px;font-size: 100%;line-height: 110%;}
input.image,input.radio,input.checkbox {border: 0px !important;vertical-align: middle;padding: 0px;margin: 0px;}
input.num {text-align: right;border: 1px solid #ddd;height: 16px;padding: 2px;font-size: 100%;line-height: 110%;}
input.readonly {background-color: #f7f7f7;}
textarea {border: 1px solid #ddd;padding: 2px 5px;}
select.select {border: 1px solid #ccc;height: 45px;vertical-align: top;line-height: 1;min-width: 45px;padding: 0 50px 0 20px;}

/* ******************* *
* 이미지 요소 기본
* ******************* */
img {max-width:  100%;}

/* ******************* *
* 숨김
* ******************* */
.hidden {display: none;}
.blind {width: 1px;height: 1px;overflow: hidden;position: absolute;top: 50%;left: 50%;display: block;text-indent: -9999em;font-size: 0px;line-height: 0;z-index: -1;}
.wblind {width: 1px;height: 1px;overflow: hidden;font-size: 0;line-height: 0;text-indent: -9999em;}/* 크롬에서 col width 값 안먹는 문제 대응 */

/* ******************* *
* 정렬
* ******************* */
.tc {text-align: center !important;}
.tl {text-align: left !important;}
.tr {text-align: right !important;}

/* ******************* *
* 기본 색상
* ******************* */
.cred {color: #ff3e26;}
.cblue {color: #238ee0;}

/* ******************* *
* 패딩
* ******************* */
.pad5a {padding: 5px;}
.pad5tf {padding-top: 5px;padding-bottom: 5px;}
.pad5lr {padding-left: 5px;padding-right: 5px;}
.pad5r {padding-right: 5px;}
.pad5l {padding-left: 5px;}
.pad5t {padding-top: 5px;}
.pad5f {padding-bottom: 5px;}
.pad10a {padding: 10px;}
.pad10tf {padding-top: 10px;padding-bottom: 10px;}
.pad10lr {padding-left: 10px;padding-right: 10px;}
.pad10r {padding-right: 10px;}
.pad10l {padding-left: 10px;}
.pad10t {padding-top: 10px;}
.pad10f {padding-bottom: 10px;}
.pad15a {padding: 15px;}
.pad15tf {padding-top: 15px;padding-bottom: 15px;}
.pad15lr {padding-left: 15px;padding-right: 15px;}
.pad15r {padding-right: 15px;}
.pad15l {padding-left: 15px;}
.pad15t {padding-top: 15px;}
.pad15f {padding-bottom: 15px;}
.pad20a {padding: 20px;}
.pad20tf {padding-top: 20px;padding-bottom: 20px;}
.pad20lr {padding-left: 20px;padding-right: 20px;}
.pad20r {padding-right: 20px;}
.pad20l {padding-left: 20px;}
.pad20t {padding-top: 20px;}
.pad20f {padding-bottom: 20px;}
.pad25a {padding: 25px;}
.pad25tf {padding-top: 25px;padding-bottom: 25px;}
.pad25lr {padding-left: 25px;padding-right: 25px;}
.pad25r {padding-right: 25px;}
.pad25l {padding-left: 25px;}
.pad25t {padding-top: 25px;}
.pad25f {padding-bottom: 25px;}
.pad30a {padding: 30px;}
.pad30tf {padding-top: 30px;padding-bottom: 30px;}
.pad30lr {padding-left: 30px;padding-right: 30px;}
.pad30r {padding-right: 30px;}
.pad30l {padding-left: 30px;}
.pad30t {padding-top: 30px;}
.pad30f {padding-bottom: 30px;}
.pad40a {padding: 40px;}
.pad40tf {padding-top: 40px;padding-bottom: 40px;}
.pad40lr {padding-left: 40px;padding-right: 40px;}
.pad40r {padding-right: 40px;}
.pad40l {padding-left: 40px;}
.pad40t {padding-top: 40px;}
.pad40f {padding-bottom: 40px;}
.pad50a {padding: 50px;}
.pad50tf {padding-top: 50px;padding-bottom: 50px;}
.pad50lr {padding-left: 50px;padding-right: 50px;}
.pad50r {padding-right: 50px;}
.pad50l {padding-left: 50px;}
.pad50t {padding-top: 50px;}
.pad50f {padding-bottom: 50px;}

/* ******************* *
* 마진
* ******************* */
.mg0f {margin-bottom: 0 !important;}
.mg5f {margin-bottom: 5px;}
.mg10f {margin-bottom: 10px;}
.mg15f {margin-bottom: 15px;}
.mg20f {margin-bottom: 20px;}
.mg25f {margin-bottom: 25px;}
.mg30f {margin-bottom: 30px;}
.mg40f {margin-bottom: 40px;}
.mg50f {margin-bottom: 50px;}
.mg0t {margin-top: 0 !important;}
.mg5t {margin-top: 5px;}
.mg10t {margin-top: 10px;}
.mg15t {margin-top: 15px;}
.mg20t {margin-top: 20px;}
.mg25t {margin-top: 25px;}
.mg30t {margin-top: 30px;}
.mg40t {margin-top: 40px;}
.mg50t {margin-top: 50px;}
.mg5l {margin-left: 5px;}
.mg10l {margin-left: 10px;}
.mg15l {margin-left: 15px;}
.mg20l {margin-left: 20px;}
.mg25l {margin-left: 25px;}
.mg30l {margin-left: 30px;}
.mg40l {margin-left: 40px;}
.mg50l {margin-left: 50px;}
.mg5r {margin-right: 5px;}
.mg10r {margin-right: 10px;}
.mg15r {margin-right: 15px;}
.mg20r {margin-right: 20px;}
.mg25r {margin-right: 25px;}
.mg30r {margin-right: 30px;}
.mg40r {margin-right: 40px;}
.mg50r {margin-right: 50px;}
.mg5a {margin: 5px;}
.mg10a {margin: 10px;}
.mg15a {margin: 15px;}
.mg20a {margin: 20px;}
.mg25a {margin: 25px;}
.mg30a {margin: 30px;}
.mg20tf {margin-top: 20px;margin-bottom: 20px;}
.mg50tf {margin-top: 50px;margin-bottom: 50px;}
.mg50lr {margin-left: 50px;margin-right: 50px;}

/* ******************* *
* apple 기기
* ******************* */
a[href^="tel: "] {color: inherit !important;}