@charset "utf-8";

/* default.css */

* {margin: 0;padding: 0;box-sizing: border-box;}

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, tboot, 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%;}

/* ******************* *
* 웹폰트
* ******************* */
@font-face {
    font-family: 'Agro-b';
    src: url(/culture/resource/font/ksishp/font/SB_agro_B.woff2) format('woff2');
    font-style: normal;
    font-weight: 600;
}
@font-face {
    font-family: 'Agro-m';
    src: url(/culture/resource/font/ksishp/font/SB_agro_M.woff2) format('woff2');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'Agro-l';
    src: url(/culture/resource/font/ksishp/font/SB_agro_L.woff2) format('woff2');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'NotoSans';
    src: url(/culture/resource/font/ksishp/font/NotoSans-Medium.woff) format('woff2');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard';
    src: url(/culture/resource/font/ksishp/font/PretendardVariable.woff2) format('woff2');
    font-style: normal;
}

/* ******************* *
* 프린트시 배경이미지 출력
* ******************* */
* {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;}

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

/* ******************* *
* 글자 속성
* ******************* */
a, a:link {color: #333;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;resize: none;}
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: -9999;}
.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;}
/* display */
.df {display: flex !important;}
.db {display: block !important;}
.dib {display: inline-block !important;}
.di {display: inline !important;}

/* ******************* *
* 패딩
* ******************* */
.pad5 {padding: 5px;}
.pad5tb {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;}
.pad5b {padding-bottom: 5px;}
.pad10 {padding: 10px;}
.pad10tb {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;}
.pad10b {padding-bottom: 10px;}
.pad15 {padding: 15px;}
.pad15tb {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;}
.pad15b {padding-bottom: 15px;}
.pad20 {padding: 20px;}
.pad20tb {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;}
.pad20b {padding-bottom: 20px;}
.pad25 {padding: 25px;}
.pad25tb {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;}
.pad25b {padding-bottom: 25px;}
.pad30 {padding: 30px;}
.pad30tb {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;}
.pad30b {padding-bottom: 30px;}
.pad40 {padding: 40px;}
.pad40tb {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;}
.pad40b {padding-bottom: 40px;}
.pad50 {padding: 50px;}
.pad50tb {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;}
.pad50b {padding-bottom: 50px;}

/* ******************* *
* 마진
* ******************* */
.mg0b {margin-bottom: 0 !important;}
.mg5b {margin-bottom: 5px;}
.mg10b {margin-bottom: 10px;}
.mg15b {margin-bottom: 15px;}
.mg20b {margin-bottom: 20px;}
.mg25b {margin-bottom: 25px;}
.mg30b {margin-bottom: 30px;}
.mg40b {margin-bottom: 40px;}
.mg50b {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;}
.mg35l {margin-left: 35px;}
.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;}
.mg5 {margin: 5px;}
.mg10 {margin: 10px;}
.mg15 {margin: 15px;}
.mg20 {margin: 20px;}
.mg25 {margin: 25px;}
.mg30 {margin: 30px;}
.mg20tb {margin-top: 20px;margin-bottom: 20px;}
.mg50tb {margin-top: 50px;margin-bottom: 50px;}
.mg50lr {margin-left: 50px;margin-right: 50px;}

/* ******************* *
* width
* ******************* */
.width200 { width: 200px !important; }
.width250 { width: 250px !important; }
.width300 { width: 300px !important; }
.width307 { width: 307px !important; }

.mwpx100 { max-width: 100px; }
.mwpx200 { max-width: 200px; }
.mwpx300 { max-width: 300px; }
.mwpx400 { max-width: 400px; }
.mwpx500 { max-width: 500px; }

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