@charset "utf-8";

/* ============================================================
* 파일명    :  common.css
* 최종수정  :  2025.07
* 수정인    :  TEN
* ============================================================ */

/* ============================================================
*  Basic
* ============================================================ */
html,body{height:100%;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, button{margin:0; padding:0;}
body, h1, h2, h3, h4, h5, h6, th, td, input, select, textarea{margin:0; padding:0; line-height:21px; font-size:15px; color:#404040;}
ul, ol, dl, dt, dd{margin:0; padding:0; list-style:none;}
img{border:none;}
hr{display:none;}
fieldset{border:none;}
legend{display:none;}
p{margin:0;}
table{table-layout:fixed; border-collapse:collapse; border-spacing:0;}
table caption{overflow:hidden; position:relative; line-height:1px; font-size:1px; text-indent:-30000px;}
.hidden{overflow:hidden; position:absolute; width: 1px;height: 1px; clip: rect(0 0 0 0);margin: -1px;}

/* 초기 한글사용(한글 및 중국, 일본 사이트용) */
input[type="text"],
input[type="password"],
textarea{ime-mode:active;}

*{
	-webkit-text-size-adjust:none;
	text-size-adjust:none;
	word-wrap: break-word;
	word-break: keep-all;
}



/* ============================================================
*  Link
* ============================================================ */

a:link,
a:visited,
a:active{text-decoration:none; }
/* color:#121212; */
a:hover,
a:focus{text-decoration:underline; }
/* color:#404040; */


/* ============================================================
*  Form
* ============================================================ */

input{box-sizing:border-box;}
input[type="text"],
input[type="password"]{height:32px; padding:0 5px; line-height:32px; border:1px solid #ccc; vertical-align:middle;}
input[type="radio"],
input[type="checkbox"]{margin-right:2px; vertical-align:middle;}
input[type="submit"]{height:20px; padding:0 5px; line-height:20px; vertical-align:middle; cursor:pointer; border:none; background:#ccc;}
input[type="file"]{cursor:pointer; vertical-align:middle;}
input[type="text"],
input[type="password"],
input[type="submit"],
button{appearance:none; -webkit-appearance:none;}
textarea{border:1px solid #ccc; padding:5px; box-sizing:border-box;}
select{min-width:90px; border:1px solid #ccc; padding:5px; cursor:pointer; vertical-align:middle; box-sizing:border-box;}
input[readonly="readonly"],
textarea[readonly="readonly"],
input[type="text"][disabled="disabled"],
textarea[disabled="disabled"]{background:#ddd;}
label{vertical-align:middle;}




/* ============================================================
*  Align	
* ============================================================ */
.align_left{text-align:left !important;}
.align_right{text-align:right !important;}
.align_center{text-align:center !important;}
.float_left{float:left;}
.float_right{float:right;}
.clear{clear:both;}

.dis_inline{display:inline !important;}
.dis_block{display:block !important;}
.dis_iblock{display:inline-block !important;}
.dis_n{display:none !important;}



/* ============================================================
*  flex
* ============================================================ */
.flex{display: flex !important;}
.flex_inline{display: inline-flex !important;}
.flex_column{flex-direction: column !important;}

.flex_nowrap{flex-wrap: nowrap;}
.flex_wrap{flex-wrap: wrap;}

.justify_start{justify-content: start !important;}
.justify_center{justify-content: center !important;}
.justify_end{justify-content: end !important;}
.justify_between{justify-content: space-between !important;}
.justify_around{justify-content: space-around !important;}
.justify_evenly{justify-content: space-evenly !important;}

.align_start{align-items: start !important;}
.align_end{align-items: end !important;}
.align_center{align-items: center !important;}
.align_baseline{align-items: baseline !important;}
.align_stretch{align-items: stretch !important;}

.flex_fill{flex: 1 1 auto !important;}
.flex_shrink_0{flex-shrink: 0}



/* ============================================================
*  Font & Color	
* ============================================================ */
.red{color:#ff0000 !important;}



/* ============================================================
*  padding
* ============================================================ */
.pt_00{padding-top:0px !important;}
.pt_05{padding-top:5px !important;}
.pt_10{padding-top:10px !important;}
.pt_15{padding-top:15px !important;}
.pt_20{padding-top:20px !important;}
.pt_25{padding-top:25px !important;}
.pt_30{padding-top:30px !important;}
.pt_35{padding-top:35px !important;}
.pt_40{padding-top:40px !important;}
.pt_45{padding-top:45px !important;}
.pt_50{padding-top:50px !important;}

.pr_00{padding-right:0px !important;}
.pr_05{padding-right:5px !important;}
.pr_10{padding-right:10px !important;}
.pr_15{padding-right:15px !important;}
.pr_20{padding-right:20px !important;}
.pr_25{padding-right:25px !important;}
.pr_30{padding-right:30px !important;}
.pr_35{padding-right:35px !important;}
.pr_40{padding-right:40px !important;}
.pr_45{padding-right:45px !important;}
.pr_50{padding-right:50px !important;}

.pb_00{padding-bottom:0px !important;}
.pb_05{padding-bottom:5px !important;}
.pb_10{padding-bottom:10px !important;}
.pb_15{padding-bottom:15px !important;}
.pb_20{padding-bottom:20px !important;}
.pb_25{padding-bottom:25px !important;}
.pb_30{padding-bottom:30px !important;}
.pb_35{padding-bottom:35px !important;}
.pb_40{padding-bottom:40px !important;}
.pb_45{padding-bottom:45px !important;}
.pb_50{padding-bottom:50px !important;}

.pl_00{padding-left:0px !important;}
.pl_05{padding-left:5px !important;}
.pl_10{padding-left:10px !important;}
.pl_15{padding-left:15px !important;}
.pl_20{padding-left:20px !important;}
.pl_25{padding-left:25px !important;}
.pl_30{padding-left:30px !important;}
.pl_35{padding-left:35px !important;}
.pl_40{padding-left:40px !important;}
.pl_45{padding-left:45px !important;}
.pl_50{padding-left:50px !important;}




/* ============================================================
*  margin
* ============================================================ */
.mt_00{margin-top:0px !important;}
.mt_05{margin-top:5px !important;}
.mt_10{margin-top:10px !important;}
.mt_15{margin-top:15px !important;}
.mt_20{margin-top:20px !important;}
.mt_25{margin-top:25px !important;}
.mt_30{margin-top:30px !important;}
.mt_35{margin-top:35px !important;}
.mt_40{margin-top:40px !important;}
.mt_45{margin-top:45px !important;}
.mt_50{margin-top:50px !important;}

.mr_00{margin-right:0px !important;}
.mr_05{margin-right:5px !important;}
.mr_10{margin-right:10px !important;}
.mr_15{margin-right:15px !important;}
.mr_20{margin-right:20px !important;}
.mr_25{margin-right:25px !important;}
.mr_30{margin-right:30px !important;}
.mr_35{margin-right:35px !important;}
.mr_40{margin-right:40px !important;}
.mr_45{margin-right:45px !important;}
.mr_50{margin-right:50px !important;}

.mb_00{margin-bottom:0px !important;}
.mb_05{margin-bottom:5px !important;}
.mb_10{margin-bottom:10px !important;}
.mb_15{margin-bottom:15px !important;}
.mb_20{margin-bottom:20px !important;}
.mb_25{margin-bottom:25px !important;}
.mb_30{margin-bottom:30px !important;}
.mb_35{margin-bottom:35px !important;}
.mb_40{margin-bottom:40px !important;}
.mb_45{margin-bottom:45px !important;}
.mb_50{margin-bottom:50px !important;}

.ml_00{margin-left:0 !important;}
.ml_05{margin-left:5px !important;}
.ml_10{margin-left:10px !important;}
.ml_15{margin-left:15px !important;}
.ml_17{margin-left:17px !important;}
.ml_18{margin-left:18px !important;}
.ml_20{margin-left:20px !important;}
.ml_25{margin-left:25px !important;}
.ml_30{margin-left:30px !important;}
.ml_35{margin-left:35px !important;}
.ml_40{margin-left:40px !important;}
.ml_45{margin-left:45px !important;}
.ml_50{margin-left:50px !important;}

.ml_auto{margin-left: auto !important;}
.mr_auto{margin-right: auto !important;}

.m_auto{margin:0 auto !important;}
.h_auto{height:auto !important;}
.w_auto{width:auto !important;}




/* ============================================================
*  shadow	
* ============================================================ */
.shadow_no{box-shadow: none;}
.shadow_sm{box-shadow: 0 .125em .25em rgba(0,0,0,.075)!important;}
.shadow_md{box-shadow: 0 .5em 1em rgba(0,0,0,.15)!important;}
.shadow_lg{box-shadow: 0 1em 3em rgba(0,0,0,.175)!important}