@charset "utf-8";

/* import */
@import url(../common/font.css);

/* 초기화 */
*{margin:0;padding:0;-webkit-text-size-adjust:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;outline:none;}
*:before, *:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;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, 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{margin:0;padding:0;border:0;font-size:100%;/*font:inherit;*/vertical-align:baseline;border:0;background:transparent;}

@media print{@page{margin:0;}}

/* 기본 폰트 및 사이즈 설정 */
html,body {width: 100%;height: 100%}
html {font-size: 100%;overflow: auto;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%}
body {min-width: 260px;min-width: 100%;font-size: 16px; font-weight: 500; line-height: 1.8;letter-spacing: -.03em;color: #555;background-color: var(--background-color)}
body {font-family: 'NanumSquareNeo','Apple SD Gothic Neo','Malgun Gothic','맑은 고딕','돋움',Dotum,Verdana,Arial,helvetica,clean,sans-serif}
input,button,select,textarea {font-size: 15px;font-family: 'NanumSquareNeo','Apple SD Gothic Neo','Malgun Gothic','맑은 고딕','돋움',Dotum,Verdana,Arial,helvetica,clean,sans-serif}
body.font-loaded {font-family: 'NanumSquareNeo','Apple SD Gothic Neo','Malgun Gothic','맑은 고딕','돋움',Dotum,Verdana,Arial,helvetica,clean,sans-serif}
body.font-loaded input,body.font-loaded button,body.font-loaded select,body.font-loaded textarea {font-family: 'NanumSquareNeo','Apple SD Gothic Neo','Malgun Gothic','맑은 고딕','돋움',Dotum,Verdana,Arial,helvetica,clean,sans-serif}

/* @media (min-width: 1200px) {
	html { font-size:80%}
} */

/* scrollbar */
body{scrollbar-3dLight-Color:#F8F9F9;scrollbar-arrow-color:#626F8C;scrollbar-base-color:#F8F9F9;scrollbar-Face-Color:#343944;scrollbar-Track-Color:#F8F9F9;scrollbar-DarkShadow-Color:#F8F9F9;scrollbar-Highlight-Color:#F8F9F9;scrollbar-Shadow-Color:#F8F9F9}
body::-webkit-scrollbar-track {-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);border-radius:8px;background-color:#F8F9F9;}
body::-webkit-scrollbar {width:10px;height:10px;background-color:#626F8C;}
body::-webkit-scrollbar-thumb {border-radius:8px;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);background-color:#626F8C;}
body::-webkit-scrollbar-corner{background-color:#626F8C;}

/* 프린트시 배경이미지 출력 */
* {-webkit-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: "";content: none}
input[type="file"],label {cursor: pointer}
hr {display: block;width: 100%;height: 1px;border: 0;border-top: 1px solid var(--border-color-10);margin: 2em 0;padding: 0}

/* a:link, a:visited, a:hover, a:active순서로 작성 */
a, button{transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;}
a,a:link {color: var(--txt-20);text-decoration: none;cursor: pointer}
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,button:focus {text-decoration: none}

/* LIST 요소 기본 */
ol.onum li { list-style-type:decimal }
.onum { padding-left:22px; }

/* Form 요소들 기본 */
input,label,select,button,textarea {box-sizing: border-box}
fieldset {padding: 0;margin: 0;border: 0}
legend {display: none}
input {border: 1px solid var(--border-color-20);line-height: 30px;height: 30px;line-height: 30px;vertical-align: middle}
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: 1px solid var(--border-color-20);background: var(--txt-white);height: 28px;line-height: 28px;padding: 0 5px}
input.file {border: 1px solid var(--border-color-20);height: 16px;padding: 2px;font-size: 100%;line-height: 110%}
input.image,input.radio,input.checkbox {border: 0!important;vertical-align: middle;padding: 0;margin: 0}
input.num {text-align: right;border: 1px solid var(--border-color-20);height: 16px;padding: 2px;font-size: 100%;line-height: 110%}
input.readonly {background-color: #CED3DD;}
textarea {border: 1px solid var(--border-color-20);padding: 2px 5px;resize: vertical}
select {border: 1px solid var(--border-color-20);height: 30px;line-height: 30px;vertical-align: middle;line-height: 1;min-width: 50px}
input:focus-visible, button:focus-visible, select:focus-visible, textarea:focus-visible, a:focus-visible{outline: var(--color-third) 1px dashed; outline-offset: 1px!important}

/* 이미지 요소 기본 */
img {vertical-align: top}

/* 색상설정 */
:root{
    --color-white:#fff;
    --color-accent:#3FCBFF;
	--color-accent-hover:#6FE1FF;
	--color-second:#0052CC;
	--color-second-hover:#003FAF;
	--color-third:#002678;
    --color-third-hover:#001D67;
    --color-fourth:#626F8C;
    --color-fourth-hover:#475578;

    --txt-color-10:#222;
    --txt-color-20:#686868;
    --txt-color-30:#082041;
    --txt-white:#fff;
    --txt-red:#DB2835;
    --txt-yellow:#fee403;
    --txt-green:#03C75A;
    --txt-green-10:#007132;
    --txt-kakao:#391B1B;

    --border-color-10:#D1D5DD;
    --border-color-20:#e1e1e1;
    --border-color-30:#96A0B4;
    --border-color-40:#c5ccd2;
    --border-color-red:rgba(203, 25, 25, 0.2);

    --shadow-x:0;
    --shadow-y-5:5px;
    --shadow-y-10:10px;
    --shadow-blur:10px;
    --shadow-blur-20:20px;
    --shadow-accent:rgba(0, 170, 255, 0.3);
    --shadow-second:rgba(0, 82, 204, 0.3);
    --shadow-third:rgba(0, 38, 120, 0.3);
    --shadow-fourth:rgba(150, 160, 180, 0.5);
    --shadow-box:rgba(150, 160, 180, 0.1);

    --background-color:#F8F9F9;
    --background-color-10:#f3f2f3;
    --background-accent:rgba(0, 170, 255, 0.1);
    --background-second:rgba(0, 82, 204, 0.1);
    --background-third:rgba(0, 38, 120, 0.1);
    --background-fourth:rgba(150, 160, 180, 0.1);

}

input[type="datetime-local"]::-webkit-calendar-picker-indicator {
    display: none;
}