@charset "UTF-8";
/* CSS Document */
/******************************* INFORMATION *******************************/
/* DOCUMENT ID       : common.css                                          */
/* DOCUMENT NAME     : Common Style Sheets                                 */
/* DEVELOPER         : Moon Dong Jun (codename : wingzero)                 */
/* DATE CREATED      : 2023.04.24                                          */
/* MODIFICATION DATE : 2023.04.24                                          */
/* NOTES             :                                                     */
/***************************************************************************/

/* Reset */
* {margin:0;padding:0;border:0 none transparent;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border;}
:before, :after {box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}

html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, textarea, p, blockquote, th, td, input, select, button, a {
  font-family:'Noto Sans KR', sans-serif;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  font-size:14px;line-height:22px;color:#191919;letter-spacing:-0.03em;
}

form, fieldset, p, figure {word-break:break-all;word-wrap:break-word;}

caption, legend {visibility:hidden;width:0;height:0;font-size:0;overflow:hidden;line-height:0;position:absolute;}

fieldset, img {border:0 none;}

menu, ol, ul, li, dl, dt, dd {list-style:none;}
menu, ol, ul, dl, dt {display:block;}

h1, h2, h3, h4, h5, h6, p {word-break:normal;word-wrap:break-word;}
h1, h2, h3, h4, h5, h6, strong, th {font-weight:normal;}
address, caption, pre, em, i {font-style:normal;}

hr {display:none;}

/* Form */
input, select, textarea, button {color:#191919;;vertical-align:middle;}
input:focus, textarea:focus, button:focus {outline:none;}

input::-ms-clear {display:none;}
input::-webkit-input-placeholder {color:#A8A8A8;}
input:-moz-placeholder {color:#A8A8A8;}
input::-moz-placeholder {color:#A8A8A8;}
input:-ms-input-placeholder {color:#A8A8A8;}
input:focus::-webkit-input-placeholder {color:transparent;}
input:focus:-moz-placeholder {color:transparent;}
input:focus::-moz-placeholder {color:transparent;}
input:focus:-ms-input-placeholder {color:transparent;}

/* Input */
input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="color"] {width:100%;height:50px;line-height:48px;border:1px solid #191919;outline:0;transition:all 0.2s linear 0s;padding:0 10px;vertical-align:middle;}
input[type="text"]:focus, input[type="password"]:focus {border-color:#9ECA03;background:#FAFCEE;}

/* Textarea */
textarea {resize:none;width:100%;border:1px solid #191919;outline:0;transition:all 0.2s linear 0s;padding:10px;vertical-align:middle;}

/* Checkbox */
label.checkbox {width:16px;height:16px;display:inline-block;background:url("/theme/layout/jkkorea/images/checkbox_99.png") no-repeat center center;cursor:pointer;vertical-align:middle;background-size:100%;}
input[type="checkbox"]:checked + label {background:url("/theme/layout/jkkorea/images/checkbox_green.png") no-repeat center center;background-size:100%;}
input[type="checkbox"] {display:none;}
input[type="checkbox"]:not(:first-child) + label {margin-left:14px;}

/* Radio */
label.radio {width:16px;height:16px;display:inline-block;background:url("/theme/layout/jkkorea/images/radio_off.png") no-repeat center center;cursor:pointer;vertical-align:middle;background-size:100%;}
input[type="radio"]:checked + label {background:url("/theme/layout/jkkorea/images/radio_on.png") no-repeat center center;background-size:100%;}
input[type="radio"] {display:none;}
input[type="radio"]:not(:first-child) + label {margin-left:14px;}

button, label {cursor:pointer;}
button:hover {transition:all 0.1s linear 0s;}

a {text-decoration:none;cursor:pointer;transition:all 0.1s linear 0s}
a:link, a:visited {color:#191919;}
a:hover, a:active {color:#9ECA03}

/* Tables */
table {width:100%;border-collapse:collapse;}
table th, table td {color:#191919;vertical-align:middle;word-break:normal;word-wrap:break-word;}

/* Font Weight */
.normal {font-style:normal;}
.w200 {font-weight:200;}
.w300 {font-weight:300;}
.w400 {font-weight:400;}
.w500 {font-weight:500;}
.w600 {font-weight:600;}
.w700 {font-weight:700;}
.w800 {font-weight:800;}
.w900 {font-weight:900;}

/* Box */
.box-siz {box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}

i {vertical-align:middle;}

/* Blank space */
.h010 {width:100%;height:10px;clear:both;display:block;}
.h020 {width:100%;height:20px;clear:both;display:block;}
.h030 {width:100%;height:30px;clear:both;display:block;}
.h040 {width:100%;height:40px;clear:both;display:block;}
.h050 {width:100%;height:50px;clear:both;display:block;}
.h060 {width:100%;height:60px;clear:both;display:block;}
.h070 {width:100%;height:70px;clear:both;display:block;}
.h080 {width:100%;height:80px;clear:both;display:block;}
.h090 {width:100%;height:90px;clear:both;display:block;}
.h100 {width:100%;height:100px;clear:both;display:block;}
.h200 {width:100%;height:200px;clear:both;display:block;}
.h300 {width:100%;height:300px;clear:both;display:block;}