@charset "utf-8";

/* ****************************************************************************************************************************************************************** *
    BASIC SETTING
* ****************************************************************************************************************************************************************** */ 
html, body{height:100%; -webkit-overflow-scrolling:touch;}
body, pre, code{font-family: -apple-system, 'Pretendard', BlinkMacSystemFont,'Malgun Gothic', sans-serif; -webkit-font-smoothing:antialiased; word-break:keep-all; word-wrap:break-word; letter-spacing:-0.01em; font-weight:400; color:#44484B; font-size:16px;}
a{color:#44484B}

/* color */
.color_secondary{color:#EC6113;}
.color_primary{color:#021F59;}
.color_black{color:#131313;}
.color_gray7{color:#797979;}
.color_gray6{color:#979797;}
.color_gray5{color:#a7a7a7;}
.color_gray4{color:#c7c7c7}
.color_gray3{color:#e9e9e9;}
.color_gray1{color:#f3f3f3;}
.color_gray1{color:#f7f7f7;}
.color_white{color:#fff;}

.bg_navy{background-color:#021F59;}
.bg_green{background-color:#20C997;}
.bg_blue{background-color:#004DD4;}
.bg_black{background-color:#131313;}
.bg_gray5{background-color:#a7a7a7;}
.bg_gray4{background-color:#c7c7c7}
.bg_gray3{background-color:#e9e9e9;}
.bg_gray1{background-color:#f7f7f7;}


/* h1 ~ h6 */
h1{}
h2{font-size:28px;}
h3{}
h4{}
h5{font-size:18px;}
h6{}


.sr_only{position:absolute; width:1px; height:1px; margin:-1px; padding:0; border:0; clip:rect(0,0,0,0); overflow:hidden;}
.inline_to_block{}
.block_to_inline{display:block;}

/* width */
.w_100{width:100%;}

/* ****************************************************************************************************************************************************************** *
   FORM
 * ****************************************************************************************************************************************************************** */ 
::placeholder{color:#ADB5BD;}
label, input, textarea, select, button, .wii_not_btn{font-family: -apple-system, 'Pretendard', BlinkMacSystemFont,'Malgun Gothic', sans-serif;}
/*input, select, textarea{outline:none; -webkit-appearance:none; -moz-appearance:none; appearance:none;}*/
input[readonly], 
input[readonly]:focus, 
select[disabled]{background-color:#F2F2F3;}
input[type="submit"], select{cursor: pointer;}

/* form group */
.wii_form_group{margin-right:16px; margin-bottom:.75rem;}
.wii_form_group label{display:block; color:#61666B;}
.wii_form_group .color_alert{color:#F76707; font-weight:600;}
.wii_form_control{position:relative; display:block; height:calc(1.5em + .8rem + 2px); padding:.4rem 12px; line-height:1.5; border:1px solid #CACCCE; border-radius:4px; font-size:16px; transition:border .3s ease;}
.wii_form_control:focus:not(:read-only){background-color:#fff; border-color:#021F59;}
.wii_form_group > *{margin-right:10px;}
.wii_form_alert{margin-top:.5rem; color:#F76707; font-size:13px;}
.wii_form_alert i{margin-left:.25rem;}
.wii_textarea_control{height:calc(7.5em + 1.4rem + 4px); resize:vertical;}
.wii_file_control{padding:8px 12px;}

/* radio default */
.wii_radio_default + .wii_radio_default{margin-left:1rem;}
.wii_radio_default input[type="radio"]{display:none;}
.wii_radio_default{position:relative;}
.wii_radio_default label{display:flex; align-items:center; margin-right:1rem; font-weight:400;
color:#70767C;}
.wii_radio_default label i{position:relative; width:18px; height:18px; margin-right:.5rem;background:#fff; border:1px solid #ADB5BD; border-radius:50%; cursor:pointer; transition: all 0.3s ease;}
.wii_radio_default label i:after{content:""; position:absolute; top:50%; left:50%;-webkit-transform: translate(-50%, -50%) scale3d(0.1, 0.1, 1); transform:translate(-50%, -50%) scale3d(0.1, 0.1, 1); width:.5rem; height:.5rem; background-color:#fff; border-radius: 50%; -webkit-transition:all 0.3s ease; transition:all 0.3s ease;}
.wii_radio_default input[type="radio"]:checked + label i{box-shadow:0 0 0 0.2rem rgba(12, 119, 251, 0.25); background:#339AF0; border-color:#339AF0;}
.wii_radio_default input[type="radio"]:checked + label i:after{-webkit-transform:translate(-50%, -50%) scale3d(1, 1, 1); transform:translate(-50%, -50%) scale3d(1, 1, 1);}
.wii_radio_default input[type="radio"]:checked + label span{color:#339AF0; font-weight:700;
-webkit-transition: all 0.3s ease; transition:all 0.3s ease;}

/* check default */
.wii_check_default{position:relative; margin-bottom:.5rem;}
.wii_check_default + .wii_check_default{margin-left:1rem;}
.wii_check_default input{display:none;}
.wii_check_default label{display:flex; align-items:center; margin-right:1rem; font-weight:400; color:#67717c;}
.wii_check_default label i{position:relative; min-width:20px; height:20px; margin-right:.5rem;background:#fff; border:1px solid #ADB5BD; border-radius:4px; cursor:pointer; transition: all 0.3s ease;}
.wii_check_default label i:after{content:""; position:absolute; top:3px; left:3px; -webkit-trasform: rotate(-45deg) scale3d(0.1, 0.1, 1); transform:rotate(-45deg) scale3d(0.1, 0.1, 1); width:11px; height:7px; border:3px solid #fff; border-top:none; border-right:none;-webkit-transition:all 0.3s ease; transition:all 0.3s ease;}
.wii_check_default input[type="checkbox"]:checked + label i{box-shadow:0 0 0 3px rgba(12, 119, 251, 0.25); background:#2988F8; border-color:#2988F8;}
.wii_check_default input[type="checkbox"]:checked + label i:after{-webkit-transform:rotate(-45deg) scale3d(1, 1, 1); transform:rotate(-45deg) scale3d(1, 1, 1);}
.wii_check_default input[type="checkbox"]:checked + label span{color:#2988F8; font-weight: 700; -webkit-transition:all 0.3s ease; transition:all 0.3s ease;}
.wii_check_default .vc-btn-none{padding: 0;}
label.vc-label-multi-line{align-items:inherit;line-height: 1.33;}


/* checkbox, radio common */
.wii_checkradio_btn input[type="radio"], 
.wii_checkradio_btn input[type="checkbox"]{display:none;}
.wii_checkradio_btn input[type="radio"]:not(:disabled) ~ label, 
.wii_checkradio_btn input[type="checkbox"]:not(:disabled) ~ label{cursor:pointer;}
.wii_checkradio_btn input[type="radio"]:disabled ~ label,
.wii_checkradio_btn input[type="checkbox"]:disabled ~ label{color:#dbdee2; border-color:#EBECED; background-color:#F1F2F3;}
.wii_checkradio_btn label{display:block; position:relative; height:calc(1.5em + 1.2rem + 2px); padding:.6rem .75rem; line-height:1.5; border:1px solid #dbdee2; border-radius:.4rem; background:#fff; color:#70767C; text-align:center; font-size:15px; transition:background-color .3s ease, border-color .3s ease;}
.wii_checkradio_btn input[type="radio"]:checked + label,
.wii_checkradio_btn input[type="checkbox"]:checked + label{border:2px solid #212529; color:#212529}

/* select box */
.wii_select_group{position:relative; min-width:70px;}
.wii_select_group select{padding-right:2.25rem; border-color:#CACCCE; color:#000; -webkit-transitiion:all .3s; transition:all .3s;}
.wii_select_group .select_arrow{position:absolute; top:0; right:0; width:2.25rem; height:100%; pointer-events: none;}


/* ****************************************************************************************************************************************************************** *
   BUTTON / BADGE
 * ****************************************************************************************************************************************************************** */ 
.wii_btn{cursor:pointer;display:inline-block; height:calc(1.5em + .8rem + 2px); padding:.4rem 1rem; line-height:1.5; border:1px solid #DFE1E2; border-radius:.25rem; background-color:#fff; text-align:center; color:#212529; font-size:16px; font-weight:700; -webkit-transition:all .3s ease; transition:all .3s ease;}

/* button style */
.wii_not_btn{background-color:transparent; border:none; outline:none; padding:0; color:#212529;}
.wii_btn_primary{background-color:#2988F8; border-color:#2988F8; color:#fff;}
.wii_btn_secondary{background-color: #EC6113; border-color:#EC6113; color:#fff;}
.wii_btn_gray{background-color:#F7F7F8; color:#7A8085; }
.wii_btn_line_navy{border-color:#021F59; color:#021F59; font-weight:500;}

/* button size */
.wii_btn_sm{height:calc(1.5em + .6rem + 2px); padding:.3rem .8rem; font-size:14px; font-weight:400;}
.wii_btn_md{height:calc(1.5em + 1.2rem + 2px); padding:.6rem 1rem; letter-spacing:0.2px;}
.wii_btn_lg{width:100%; height:calc(1.5em + 1.6rem + 2px); padding:.8rem 2rem; letter-spacing:0.2px;}

/* button type */
.wii_btn_round{border-radius:4rem;}
.wii_btn_icon{display:inline-flex; align-items:center; justify-content:center;}
.wii_btn_icon i{width:1.5rem; height:1.5rem; margin-right:.25rem; font-size:1.5rem;}

/* button area */
.button_area{}

/* button arrow */
.button_arrow svg{width:1rem; height:1rem;}

/* button close */
.button_close svg{width:1.25rem; height:1.25rem;}

/* badge */
.wii_badge{display:inline-flex; align-items:center; justify-content:center; margin-bottom:.5rem; padding:.5rem 1rem; border-radius:.5rem; background-color:#fff; text-align:center; color:#20C997; line-height:1.3; font-size:1.25rem; font-weight:700;}
.wii_badge_gray{background-color:#F8F9FA; color:#212529;}
.wii_badge span + span{position:relative; margin-left:1.5rem;}
.wii_badge span + span:after{content:''; position:absolute; top:5px; left:-.75rem; width:1px; height:15px; background-color:#20C997;}


/* disable 처리 */
input[disabled].wii_btn_secondary, 
.wii_btn_secondary.disable{background-color:#F2B08B; border-color:#F2B08B; color:#fff; pointer-events:none;}
input[disabled].wii_btn_line_navy, 
.wii_btn_line_navy.disable{background-color:#CACCCE; border-color:#CACCCE; color:#fff; pointer-events:none;}
input[disabled].wii_btn_primary, 
.wii_btn_primary.disable{background-color:#A6CDFC; border-color:#A6CDFC; pointer-events:none;}



/* ****************************************************************************************************************************************************************** *
   CARD
 * ****************************************************************************************************************************************************************** */ 
.wii_card{position:relative; border-radius:8px; padding:24px; background-color:#fff; box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1);}



/* ****************************************************************************************************************************************************************** *
   MODAL
 * ****************************************************************************************************************************************************************** */ 
.wii_modal{display:none;}
.wii_modal_mask{position:fixed; top:0; left:0; bottom:0; right:0; background-color:rgba(0,0,0,.5); z-index:50; opacity:0; visibility:hidden;
    -webkit-transition:all .7s ease;  transition:all .7s ease;}
.wii_modal_content{position:fixed; left:50%; top:50%; -webkit-transform:translate(-50%, calc(-50% + 3rem)); transform:translate(-50%, calc(-50% + 3rem)); width:calc(100% - 2rem);
    background-color:#fff; border-radius:.5rem; overflow:hidden; box-shadow: 0 12px 28px -12px rgba(0,0,0,0.15); outline:0;
     -webkit-transition:all .3s; transition:all .3s; pointer-events:none;
    opacity:0; visibility:hidden;  z-index:1000;}

.wii_modal_header, .wii_modal_body, .wii_modal_footer{padding:1.25rem;}
.wii_modal_header h3{font-size:20px;}
.wii_modal_body{max-height:22rem; height:100%; line-height:1.5; font-size:1rem; overflow-y:scroll;}
.wii_modal_dl dt{font-weight:600;}
.wii_modal_dl dd{margin-bottom:1.5rem; padding-left:1.5rem;}
.wii_modal_footer{}
.wii_modal_active{opacity:1; visibility:visible; pointer-events:auto}
.wii_modal_active + .wii_modal_content{opacity:1; visibility:visible; pointer-events:auto; -webkit-transform:translate(-50%, calc(-50%)); transform:translate(-50%, calc(-50%));}
.closeModalBtn svg{width:2rem; height:2rem;}

@media (min-width: 600px) {
    .wii_modal_content{width:inherit;}
}


/* ****************************************************************************************************************************************************************** *
   DROPDOWN
 * ****************************************************************************************************************************************************************** */ 
.wii_dropdown{position:relative;}
.wii_dropdown_content{position:absolute; will-change:transform; top:2rem; left:0; width:160px; margin-top:20px; background-color:#fff; box-shadow:0 0 1.5rem 0 rgb(79 91 102 / 10%); opacity:0; visibility:hidden; z-index:-1; -webkit-transition:all .3s; transition:all .3s;}
.wii_dropdown_content.on{opacity:1; visibility:visible; margin-top:0; z-index:999;}
.wii_dropdown_content li + li{border-top:1px solid #EBECED;}
.wii_dropdown_content a{padding:.75rem 1rem; font-size:18px;}
.wii_dropdown_mask{position:fixed; top:0; left:0;  z-index:-1;}
.wii_dropdown_mask.on{position:fixed; top:0; left:0; bottom:0; right:0; z-index:998;}


/* ****************************************************************************************************************************************************************** *
   CALENDAR
 * ****************************************************************************************************************************************************************** */ 
/* datapicker custom */
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, 
.ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus{border:0; background:unset; color:#343d46;}

.ui-widget-header{border:0;}
.ui-widget-header a{color:#343d46;}
.ui-widget-content{color:#65737e;}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{padding:0; border:0; background:transparent; text-align:center; color:#65737e;}

.ui-datepicker {width:280px; background:#fff; border:1px solid #dde0e3; padding:10px; font-size:14px; letter-spacing:0; 
	box-shadow:0 1px 6px 0 rgba(0,0,0,0.2);}
.ui-datepicker .ui-datepicker-header{padding:0;  background:#fff; color:#343d46;}
.ui-datepicker .ui-datepicker-title{padding:.75rem 0; font-weight:500;}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next{width:2rem; height:2rem; border-radius:50%; background:#f7f7f7;}
.ui-datepicker .ui-datepicker-prev{left:0;}
.ui-datepicker .ui-datepicker-next{right:0;}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next{top:7px;}
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span{left:inherit; width:100%; height:100%; margin-left:unset; margin-top:unset; 
	-webkit-transition:all .3s; transition:all .3s;}
.ui-datepicker .ui-datepicker-prev .ui-icon{background-image:url('/Resources/Images/cal_prev.png')}
.ui-datepicker .ui-datepicker-next .ui-icon{background-image:url('/Resources/Images/cal_next.png') }
.ui-datepicker .ui-icon{top:50%; -webkit-transform:translateY(-50%); -webkit-transform:translateY(-50%); 
	background-repeat:no-repeat; background-position:center center;}

/* ui arrow hover */
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover {top:7px; box-shadow:0 0 15px 0 rgba(154,161,171,.15);}
.ui-datepicker .ui-datepicker-prev-hover .ui-icon{background-image:url('/Resources/Images/cal_prev_hover.png')}
.ui-datepicker .ui-datepicker-next-hover .ui-icon{background-image:url('/Resources/Images/cal_next_hover.png')}

/* ui datepicker calendar */
.ui-datepicker-calendar {width:100%; border-collapse:collapse;}
.ui-datepicker-calendar thead tr{margin-bottom:1rem; border-top:1px solid #dde0e3; border-bottom:1px solid #dde0e3;}
.ui-datepicker-calendar tbody tr:first-child td{padding-top:.75rem;}
.ui-datepicker-calendar th a,
.ui-datepicker-calendar td a {display:inline-block; width:28px; height:28px; color:#777; line-height:28px;}
.ui-datepicker-calendar td a.ui-state-highlight {color:#343d46; font-weight:bold;}
.ui-datepicker-calendar td a:hover {background:#EAEBEC; border-radius:100%}
.ui-datepicker-calendar td a.ui-state-active {color:#fff; background:#4e8fff; border-radius:100%; font-weight:300}

.ui-datepicker th{padding:1rem 0; text-align:center; font-weight:500;}
.ui-datepicker td{padding:.25rem 0; text-align:center;}
.ui-datepicker td span, .ui-datepicker td a{padding:.25rem 0}


/* table */
.table_line{table-layout:fixed; width:100%; font-size:14px;}
.table_line th, .table_line td{padding:8px 12px; border:1px solid #DFE1E2; vertical-align: middle; -webkit-transition:background-color .3s; transition:background-color .3s;}
.table_line th{padding:12px; font-weight:600;}
.table_line tbody tr:nth-child(2n) td{background-color:#F8F9FA}
.table_line tbody tr:hover td{background-color:#EEF6FF;}
/* .table_line .t_etc{width:100px;}
.table_line .t_wide{width:200px;}
.table_line .t_xl_wide{width:380px;}
.table_line .t_view{width:100px;} */
.table_line .wii_form_control{min-width:inherit; width:100%;}

.table_data thead th{padding-right:20px; background-image:url('/Resources/Images/sort.png'); background-repeat:no-repeat; background-position:center right 10px; cursor:pointer;}
.table_data thead th.sort_asc{background-image:url('/Resources/Images/sort_asc.png');}
.table_data thead th.sort_desc{background-image:url('/Resources/Images/sort_desc.png');}