/*************************************************************** 웹 폰트 */
@font-face {
    font-family: 'NEXON_Lv2_Gothic';
    font-style: normal; font-weight: 300;
    src: url(../font/NEXON_Lv2_Gothic_total/A_NEXON_Lv2_Gothic/NEXON\ Lv2\ Gothic\ Light.ttf) format('truetype'),
    url(../font/NEXON_Lv2_Gothic_total/A_NEXON_Lv2_Gothic/NEXON\ Lv2\ Gothic\ OTF\ Light.otf) format('opentype');
}
@font-face {
  font-family: 'NEXON_Lv2_Gothic';
  font-style: normal; font-weight: 500;
  src: url(../font/NEXON_Lv2_Gothic_total/A_NEXON_Lv2_Gothic/NEXON\ Lv2\ Gothic.ttf) format('truetype'),
  url(../font/NEXON_Lv2_Gothic_total/A_NEXON_Lv2_Gothic/NEXON\ Lv2\ Gothic\ OTF.otf) format('opentype');
}
@font-face {
  font-family: 'NEXON_Lv2_Gothic';
  font-style: normal; font-weight: 700;
  src: url(../font/NEXON_Lv2_Gothic_total/A_NEXON_Lv2_Gothic/NEXON\ Lv2\ Gothic\ Medium.ttf) format('truetype'),
  url(../font/NEXON_Lv2_Gothic_total/A_NEXON_Lv2_Gothic/NEXON\ Lv2\ Gothic\ OTF\ Medium.otf) format('opentype');
}
@font-face {
  font-family: 'NEXON_Lv2_Gothic';
  font-style: normal; font-weight: 900;
  src: url(../font/NEXON_Lv2_Gothic_total/A_NEXON_Lv2_Gothic/NEXON\ Lv2\ Gothic\ Bold.ttf) format('truetype'),
  url(../font/NEXON_Lv2_Gothic_total/A_NEXON_Lv2_Gothic/NEXON\ Lv2\ Gothic\ OTF\ Bold.otf) format('opentype');
}

html{
    width: 100%;
    height: 100%;
}

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,
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: inherit;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
*{
    -webkit-box-sizing: border-box;
    -moz-box-size: border-box; 
    box-sizing: border-box;
    font-family: 'NEXON_Lv2_Gothic';
    font-weight: 400;
}
body {
   line-height: 1.5;
   font-family: "NEXON_Lv2_Gothic", sans-serif;
   width: 100%;
   height: 100%;
   background-color: #F9F9F9;
}
ol, ul {
   list-style: none;
}
blockquote, q {
   quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
   content: '';
   content: none;
}
textarea{
    resize: none;
}
table {
   border-collapse: collapse;
   border-spacing: 0;
}
th, h1, h2, h3, h4, h5, h6, th {font-weight:normal;}
fieldset legend {display:none;}
ul:after {clear: both;display: block;content: ''}
dl:after {clear: both;display: block;content: ''}
caption {display:none;}

/* text link */
a, a:link, a:active, a:hover {text-decoration:none;}
input, select {vertical-align:middle;}
h1,h2,h3,h4,h5,h6,p,span {word-break:break-all;}
button {border:0; padding:0; margin:0; cursor:pointer;}

*:focus {
  outline: none;
}


hr{
    margin: 0;
    border: 0;
    width: 100%;
    height: 1px;
    background-color: #E3E3E3;
}
hr.column{
    margin: 0;
    border: 0;
    width: 1px;
    height: 100%;
    background-color: #E3E3E3;
}
pre{
    white-space: pre-wrap;
    word-break: break-all;
}
br{
    font-family: 'Dotum';
}

button{
    background-color: transparent;
}

a{
    color: #000;
}

/* input[type=search] x버튼 없애기 */
input::-ms-clear,
input::-ms-reveal{
	display:none;
}
input::-webkit-search-decoration,
input::-webkit-search-cancel-button,
input::-webkit-search-results-button,
input::-webkit-search-results-decoration{
	display:none;
}



/****************************** padding  */
.pd_0{
    padding: 0;
}
.pt_30{
    padding-top: 30px;
}
/****************************** margin  */
.mt_0{
    margin-top: 0!important;
}
.mt_5{
    margin-top: 5px;
}
.mt_10{
    margin-top: 10px;
}
.mt_30{
    margin-top: 30px;
}
.mb_5{
    margin-bottom: 5px;
}
.mb_7{
    margin-bottom: 7px;
}
.mb_10{
    margin-bottom: 10px;
}
.mb_15{
    margin-bottom: 15px;
}
.mb_20{
    margin-bottom: 20px;
}
.mb_30{
    margin-bottom: 30px;
}
.mb_40{
    margin-bottom: 40px;
}
.mb_50{
    margin-bottom: 50px;
}
/****************************** 텍스트 정렬 */
.t_left{
  text-align: left!important;
}
.t_right{
  text-align: right!important;
}
.t_center{
  text-align: center!important;
}

/****************************** float 지정 */
.f_left{
  float: left;
}
.f_right{
  float: right;
}

.c_left{
    clear: left;
}
.c_right{
    clear: right;
}
.c_both{
    clear: both;
}
/****************************** 배경색 지정 */
.bg_white{
    background-color: #FFFFFF;
}
/****************************** 글자색깔 지정 */
.co_fff{
	color: #ffffff;
}
.co_333{
	color: #333333;
}
.co_666{
	color: #666666;
}
.co_999{
	color: #999999;
}
.co_aaa{
    color: #AAAAAA;
}
/** hook **/
.co_navy  {
    color: #1D2B46; 
}
.co_orange{
    color: #F1716E;
}
.co_mint{
    color: #A4C7C7;
}

/****************************** 글자크기, 무게 지정 */
.fs_12{
    font-family: 'NEXON_Lv2_Gothic';
    font-size: 12px;
    line-height: 14px;
}
.fs_13{
    font-family: 'NEXON_Lv2_Gothic';
    font-size: 13px;
    line-height: 15px;
}
.fs_14{
    font-family: 'NEXON_Lv2_Gothic';
    font-size: 14px;
    line-height: 16px;
}
.fs_16{
    font-family: 'NEXON_Lv2_Gothic';
    font-size: 16px;
    line-height: 18px;
}
.fs_20{
    font-family: 'NEXON_Lv2_Gothic';
    font-size: 20px;
    line-height: 23px;
}
.fs_22{
    font-family: 'NEXON_Lv2_Gothic';
    font-size: 22px!important;
    line-height: 24px!important;
}

.fw_9{
    font-family: 'NEXON_Lv2_Gothic';
    font-weight: 900;
}
.fw_7{
    font-family: 'NEXON_Lv2_Gothic';
    font-weight: 700;
}
.fw_5{
    font-family: 'NEXON_Lv2_Gothic';
    font-weight: 500;
}
.fw_3{
    font-family: 'NEXON_Lv2_Gothic';
    font-weight: 300;
}

/**************** a ***************/
a.link{
    text-decoration: underline;
    text-underline-position: under;
}


/**************** 태그 ***************/
.tag{
    width: 120px;
    height: 36px;
    box-sizing: border-box;
    display: inline-block;
    border: 1px solid #CCCCCC;
    background-color: #FEFEFE;
    border-radius: 15px;
    text-align: center;
    padding: 10px 0 0;
    font-family: 'NEXON_Lv2_Gothic';
    font-weight: 700;
    font-size: 14px;
    line-height: 16px;
    color: #111111;
}
/**************** 버튼 ***************/
.eBtn{
    width: 100%;
    height: 40px;
    box-sizing: border-box;
    display: block;
    border: 1px solid #E6E6E6;
    background-color: #E6E6E6;
    border-radius: 10px;
    font-family: 'NEXON_Lv2_Gothic';
    font-weight: 700;
    font-size: 14px;
    line-height: 16px;
    color: #AAAAAA;
}
.eBtn.wAuto{
    display: inline-block;
    width: auto!important;
    padding: 0 10px!important;
}
.eBtn.gray_ol{
    border-color: #AAAAAA;
    background-color: #F7F8FA;
    color: #AAAAAA;
}
.eBtn.white{
    border-color: #FFFFFF;
    background-color: #FFFFFF;
}
.eBtn.small{
    width: 100%;
    height: 28px;
    font-size: 12px;
}
.eBtn.r_l_0{
    border-radius: 0 10px 10px 0;
}
/* 블루 버튼 */
.eBtn.blue{
    border-color: #2461BD;
    background-color: #2461BD;
    color: #FFFFFF;
}
.eBtn.gray{
    border-color: #ccc;
    background-color: #ccc;
    color: #FFFFFF;
}
.eBtn.auto{
    width: auto;
    display: inline-block;
    padding: 0 20px;
    min-width: 120px;
}
.eBtn.light_blue{
    border-color: #D0DAFF;
    background-color: #D0DAFF;
    color: #2461BD;
}
.eBtn.blue_ol{
    border-color: #2461BD;
    background-color: #F7F8FA;
    color: #2461BD;
}
td .eBtn.blue_ol{
    padding: 0 5px;
}
.eBtn.gray_ol{
    border-color: #cccccc;
    background-color: #fff;
    color: #000;
}
.eBtn.gray_ol.delete{
    display: inline-block;
    width: auto;
    padding: 0 35px 0 15px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7.707' height='7.707' viewBox='0 0 7.707 7.707'%3E%3Cline id='선_156' data-name='선 156' x2='7' y2='7' transform='translate(0.354 0.354)' fill='none' stroke='%23000' stroke-width='1'/%3E%3Cline id='선_157' data-name='선 157' x1='7' y2='7' transform='translate(0.354 0.354)' fill='none' stroke='%23000' stroke-width='1'/%3E%3C/svg%3E%0A");
    background-position: calc(100% - 10px) 50%;
    background-repeat: no-repeat;
}
.eBtn.blue_olbg{
    border-color: #2461BD;
    background-color: rgba(36,97,189,.3);
    color: #2461BD;
}
.eBtn.co_blue{
    color: #2461BD;
}
.eBtn.tab_btn{
    border: none;
    background-color: #FFFFFF;
    border-radius: 0;
    color: #737A85;
    width: auto;
    padding:10px;
}
/* 그린 버튼 */
.eBtn.green{
    border-color: #2a8f71;
    background-color: #2a8f71;
    color: #FFFFFF;
}
.eBtn.light_green{
    border-color: #CFE5E5;
    background-color: #CFE5E5;
    color: #2a8f71;
}
.eBtn.green_ol{
    border-color: #2a8f71;
    background-color: #F7F8FA;
    color: #2a8f71;
}
.eBtn.co_green{
    color: #2a8f71;
}
/* 핑크 버튼 */
.eBtn.pink{
    border-color: #E6A5B7;
    background-color: #E6A5B7;
    color: #FFFFFF;
}
.eBtn.light_pink{
    border-color: #EBDEE2;
    background-color: #EBDEE2;
    color: #E6A5B7;
}
.eBtn.pink_ol{
    border-color: #E6A5B7;
    background-color: #F7F8FA;
    color: #E6A5B7;
}
.eBtn.co_pink{
    color: #E6A5B7;
}

.eBtn.btm_btn{
    width: 100%;
    height: 100%;
    border-radius: 0;
    font-family: 'NEXON_Lv2_Gothic';
    font-weight: 900;
    font-size: 19px;
    line-height: 22px;
}
.eBtn.mint{
    background-color: #A4C7C7;
    border-color: #A4C7C7;
    color: #FFFFFF;
}

.eBtn svg{
    vertical-align: middle;
}
.eBtn.ac_arrow svg{
    transition: all .5s;
    transform: rotate(180deg);
}
/*************** 인풋 ****************/
.inp_wrap{
    width: 100%;
    height: auto;   
    border: 1px solid #CCCCCC;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
}
.inp_wrap.grid{
    display: grid;
    grid-template-columns: 1fr 1px 1fr;
    align-items: center;
}

.chk_wrap{
    width: 100%;
    height: 100%;
    background-color: #fff;
    text-align: center;
    padding-top: 12px;
}

.tab td .inp_wrap.wd_100{
    width: 100%;
}

.inp_wrap.grid{
    display: grid;
    grid-template-columns: 1fr 1px 1fr;
    align-items: center;
}
.inp_wrap.tab{
    border: 1px solid #CCCCCC;
    background-color: #FFFFFF;
}
.inp_wrap.tab > hr{
    background-color: #ccc;
}
.inp_wrap.grid_4{
    display: grid;
    grid-template-columns: 1fr 1px 1fr 1px 1fr 1px 1fr;
    align-items: center;
}
.inp_wrap.grid_4_2{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 5px;
    border: 0;
    align-items: center;
    background-color: rgba(0, 0, 0, 0);
}
.inp_wrap.grid_5{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    gap: 5px;
    border: 0;
    align-items: center;
    background-color: rgba(0, 0, 0, 0);
}
.inp_wrap.grid_6{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    gap: 5px;
    border: 0;
    align-items: center;
    background-color: rgba(0, 0, 0, 0);
}
.inp_wrap.grid_7{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    gap: 5px;
    border: 0;
    align-items: center;
    background-color: rgba(0, 0, 0, 0);
}
.inp_wrap.grid_2{
    display: grid;
    grid-template-columns: 1fr 1px 1fr;
    align-items: center;
}
.inp_wrap.grid_auto{
    display: grid;
    align-items: center;
}
.inp_wrap.grid_auto > *{
    border-left: 1px solid #ddd;
}
.inp_wrap.grid_auto > *:first-child{
    border-left: 0;
}
.inp{
    width: 100%;
    height: 40px;
    border: none;
    background-color: #FEFEFE;
    padding: 0 10px;
    box-sizing: border-box;
    font-family: 'NEXON_Lv2_Gothic';
    font-weight: 700;
    font-size: 14px;
    line-height: 40px;
    color: #111111;
    border-radius: 0;
}
.inp.small{
    height: 28px;
}
input::placeholder{
    font-weight: 700;
    font-size: 14px;
    line-height: 16px;
    color: #CCCCCC;
}
.inp_wrap > hr{
    width: 1px;
    height: 100%;
    box-sizing: border-box;
    border: 0;
    background-color: #CCCCCC;
}
.inp.calendar{
    background-image: url("data:image/svg+xml,%3Csvg id='_007-calendar' data-name='007-calendar' xmlns='http://www.w3.org/2000/svg' width='17.439' height='18.109' viewBox='0 0 17.439 18.109'%3E%3Cg id='그룹_357' data-name='그룹 357' transform='translate(0 0)'%3E%3Cpath id='패스_95' data-name='패스 95' d='M10.012,0a.673.673,0,0,0-.671.671v.671H8.389a2.4,2.4,0,0,0-2.4,2.4V15.708a2.4,2.4,0,0,0,2.4,2.4H21.026a2.4,2.4,0,0,0,2.4-2.4V3.743a2.4,2.4,0,0,0-2.4-2.4h-.952V.671a.671.671,0,0,0-1.341,0v.671H10.683V.671A.673.673,0,0,0,10.012,0Zm8.719,2.683v.671a.671.671,0,1,0,1.341,0V2.683h.952a1.062,1.062,0,0,1,1.06,1.06V15.708a1.062,1.062,0,0,1-1.06,1.06H8.389a1.062,1.062,0,0,1-1.06-1.06V3.743a1.062,1.062,0,0,1,1.06-1.06h.952v.671a.671.671,0,1,0,1.341,0V2.683Z' transform='translate(-5.988 0)'/%3E%3Cpath id='패스_96' data-name='패스 96' d='M92.739,131.493a.664.664,0,0,0,.946,0l4.507-4.507a.671.671,0,0,0-.949-.949l-4.031,4.034-2.036-2.036a.671.671,0,0,0-.949.949Z' transform='translate(-85.324 -118.793)'/%3E%3C/g%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: calc(100% - 20px);
    padding-right: 45px;
}
.textarea_wrap{
    width: 100%;
    height: 70px;   
    border: 1px solid #CCCCCC;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
}
.textarea_wrap textarea{
    width: 100%;
    height: 100%;
    border: 0;
    padding: 10px;
}
.inp_wrap.search_wrap{
    display: grid;
    grid-template-columns: calc(100% - 110px) 110px;
    border: none;
}
.inp_wrap.search_wrap .inp{
    border-radius: 10px 0 0 10px;
    border: 1px solid #CCCCCC;
    border-right: none;
    height: 30px;
}
.inp_wrap.search_wrap .eBtn{
    border-radius: 0 10px 10px 0;
    height: 30px;
}

/**** select ****/
.sel{
    width: 100%;
    height: 40px;
    box-sizing: border-box;
    background-color: #FEFEFE;
    border: 0;
    appearance: none;
    padding: 0 10px;
    font-family: 'NEXON_Lv2_Gothic';
    font-weight: 700;
    font-size: 14px;
    line-height: 16px;
    color: #111111;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8.485' height='5.657' stroke='%23111' stroke-width='2' viewBox='0 0 8.485 5.657'%3E%3Cg id='arrow-down' transform='translate(120.915 -292.742) rotate(45)'%3E%3Cline id='선_3' data-name='선 3' x2='6' transform='translate(122.5 292.5)' fill='none'/%3E%3Cpath id='패스_74' data-name='패스 74' d='M0,0V5.673' transform='translate(127.5 287.5)' fill='none'/%3E%3C/g%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: calc(100% - 20px);
}
.sel.small{
    height: 28px;
}

/**************** 라디오버튼 / 체크박스 ***************/
.rdo, .chk{
    position: relative;
    height: 25px;
    overflow: hidden;
}
.rdo input[type="radio"],
.chk input[type="checkbox"]{
    position: absolute;
    width: 0;
    height: 0;
    padding: 0;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
    background-color: none;
}
.rdo input[type="radio"] + label,
.chk input[type="checkbox"] + label{
    display: inline-block;
    position: relative;
    padding-left: 26px;
    margin: 0 3px;
    line-height: 22px;
}
.rdo input[type="radio"] + label:before{
    content: '';
    position: absolute;
    left: 0;
    width: 20px;
    height: 20px;
    border: 1px solid #D9D9D9;
    background-color: #FFFFFF;
    border-radius: 100px;
    box-sizing: border-box;
}
.rdo input[type="radio"]:checked + label:after{ 
    content: ''; 
    position:absolute; 
    left: 0;
    width: 20px;
    height: 20px;
    border: 1px solid #2461BD;
    border-radius: 100px;
    box-sizing: border-box;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='6' fill='%232461BD' viewBox='0 0 6 6'%3E%3Ccircle id='타원_20' data-name='타원 20' cx='3' cy='3' r='3'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: 50%;
}
.chk input[type="checkbox"] + label:before{
    content: '';
    position: absolute;
    left: 0;
    width: 20px;
    height: 20px;
    border: 1px solid #D9D9D9;
    background-color: #FFFFFF;
    border-radius: 5px;
    box-sizing: border-box;
}
.chk input[type="checkbox"]:checked + label:after{ 
    content: ''; 
    position:absolute; 
    left: 0;

    width: 20px;
    height: 20px;
    border: 1px solid #2461BD;
    background-color: #2461BD20;
    border-radius: 5px;
    box-sizing: border-box;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9.921' height='7.093' stroke='%232461BD' stroke-width='2' viewBox='0 0 9.921 7.093'%3E%3Cg id='그룹_399' data-name='그룹 399' transform='translate(120.915 -291.306) rotate(45)'%3E%3Cline id='선_3' data-name='선 3' x2='6' transform='translate(122.5 292.5)' fill='none'/%3E%3Cpath id='패스_74' data-name='패스 74' d='M0,0V7.7' transform='translate(127.5 285.469)' fill='%232461BD'/%3E%3C/g%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: 50% calc(50% + 1px);
}
.rdo span, .chk span{
    font-family: 'NEXON_Lv2_Gothic';
    font-weight: 700;
    font-size: 14px;
    line-height: 20px; 
    color: #111111;
    white-space: nowrap;
    vertical-align: top;
}
.rdo.none,
.chk.none {
    margin-top: 10px;
}
.rdo.none label,
.chk.none label{
    height: 20px;
    
}

/**************** 팝업 ***************/
.pop_wrap{
    position: fixed;
    width: 100%;
    height: 100%;
    min-height: 100%;
    box-sizing: border-box;
    background-color: rgba(255 , 255, 255, 0.1);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    overflow: hidden;
    z-index: 100;
    display: none;
}
.pop_wrap > div{
    position: relative;
    width: 100%;
    height: 100%;
}
.pop{
    width:  800px;
    box-sizing: border-box;
    border: 1px solid #1D2B46;
    background-color: #FFFFFF;
    border-radius: 10px;
    position: absolute;
    top: calc(50% - 200px);
    left: calc(50% - 350px);
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    
}
.exit_pop{
    display: inline-block;
    position: absolute;
    width: 50px;
    height: 50px;
    border: 1px solid #1D2B46;
    background-color: #FFFFFF;
    border-radius: 20px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11.414' height='11.414' stroke='%231d2b46' stroke-width='2' viewBox='0 0 11.414 11.414'%3E%3Cg id='x' transform='translate(-254.793 -132.293)'%3E%3Cline id='선_82' data-name='선 82' x1='10' y2='10' transform='translate(255.5 133)' fill='none'/%3E%3Cline id='선_83' data-name='선 83' x2='10' y2='10' transform='translate(255.5 133)' fill='none'/%3E%3C/g%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: 50%;
    top: -23px;
    right: -23px;    
}

.pop_head{
    width: 100%;
    height: 50px;
    box-sizing: border-box;
    border-bottom: 1px solid #DDDDDD;
}
.pop_title{
    font-family: 'NEXON_Lv2_Gothic';
    font-weight: 900;
    font-size: 16px;
    line-height: 20px;
    color: #1D2B46;
    text-align: center;
    padding-top: 15px;
}

.pop .pop_content{
    width: 100%;
    height: calc(100% - 60px - 60px);
    position: relative;
    overflow: hidden;
    border-radius: 10px;
}
.pop_ment{
    font-family: 'NEXON_Lv2_Gothic';
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    color: #1D2B46;
    text-align: center;

    word-break: keep-all;
}
.pop_foot{
    padding: 10px;
}
.pop_btm{
    width: 100%;
    height: 60px;
    box-sizing: border-box;
    border-top: 1px solid #1D2B46;
    border-radius: 0 0 20px 20px;
    position: absolute;
    bottom: 0;
    overflow: hidden;
}

.pop.big{
    width: 560px;
    height: 500px;
    top: calc(50% - 300px);
    left: calc(50% - 280px);
}

.tab.pop_tab th,
.tab.pop_tab td{
    height: 40px;

}
.tab_wrap{
    width: 100%;
    height: auto;
    border: 1px solid #DDDDDD;
    border-radius: 10px;
    background-color: #FFFFFF;
    overflow: hidden;
}


svg{
    vertical-align: middle;

}



/*추가*/
.tab_type2{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    margin: 20px 0;
    border-bottom: 1px solid #000;
    background-color: #eee;
}
.tab_type2 button{
    font-size: 14px;
    padding: 13px 0;
    border-radius: 0 0;
    
}
.tab_type2 button.ac{
    border-radius: 10px 10px 0 0;
    border: 1px solid #000;
    background-color: #f9f9f9;
    border-bottom: 1px solid #f9f9f9;
    margin-bottom: -1px;
    font-size: 14px;
    font-weight: 900;
    padding: 15px 0 10px 0;
}


p.summary{
    font-size: 14px;
    line-height: 28px;
    color:#999;
}
.popup_con p.summary.co_333{
    font-size: 14px;
    line-height: 28px;
    color:#333;
}


.grid_box{
    display: grid;
    grid-template-columns: 26px 1fr;
    gap: 5px;
}
.grid_box.gr2{
    display: grid;
    grid-template-columns: 1fr 100px;
    gap: 5px;
}
.grid_box.gr4{
    grid-template-columns: 1fr 1fr 1fr 1fr;
}
.tdText{
    padding: 0 10px;
}
.tdVerT{
    vertical-align: top;
}
.inp_wrap .time{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.954' height='12.516' viewBox='0 0 23.954 12.516'%3E%3Cpath id='패스_532' data-name='패스 532' d='M11.046,1.9H9.576V-10.612h1.47Zm-3.4-2.17A12.137,12.137,0,0,1,5.838-2.093,10.241,10.241,0,0,1,4.564-4.13,10.757,10.757,0,0,1,3.325-2,10.721,10.721,0,0,1,1.386,0L.364-.924a8.8,8.8,0,0,0,1.351-1.26A9.467,9.467,0,0,0,2.793-3.689a8.1,8.1,0,0,0,.714-1.617,5.325,5.325,0,0,0,.259-1.6V-10.08h1.54V-6.9a5.069,5.069,0,0,0,.273,1.624A7.82,7.82,0,0,0,6.3-3.724,8.76,8.76,0,0,0,7.329-2.345a8.243,8.243,0,0,0,1.211,1.1ZM22.652-1.708h-1.47v-8.9h1.47v3.024h1.666V-6.3H22.652Zm-3.318-8.484a5.8,5.8,0,0,1-.469,2.478,6.913,6.913,0,0,1-1.358,2.03,8.679,8.679,0,0,1-1.981,1.533,10.682,10.682,0,0,1-2.338.987L12.446-4.27a9.7,9.7,0,0,0,2.114-.854,8.09,8.09,0,0,0,1.582-1.134A5.69,5.69,0,0,0,17.2-7.567a4.617,4.617,0,0,0,.539-1.379h-4.55v-1.246Zm3.6,11.956H14.448V-2.492h1.47v3h7.014Z' transform='translate(-0.364 10.612)'/%3E%3C/svg%3E%0A");
    background-position: calc(100% - 10px) 50%;
    background-repeat: no-repeat;
    padding-right: 40px;
}
.inp_wrap .per{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11.452' height='10.836' viewBox='0 0 11.452 10.836'%3E%3Cpath id='패스_533' data-name='패스 533' d='M11.774-.644a2.383,2.383,0,0,1-.546.8,2.56,2.56,0,0,1-.812.525A2.637,2.637,0,0,1,9.408.868,2.69,2.69,0,0,1,8.393.679,2.46,2.46,0,0,1,7.581.154a2.434,2.434,0,0,1-.539-.8,2.591,2.591,0,0,1-.2-1.022,2.642,2.642,0,0,1,.2-1.029A2.417,2.417,0,0,1,7.581-3.5a2.46,2.46,0,0,1,.812-.525,2.69,2.69,0,0,1,1.015-.189,2.637,2.637,0,0,1,1.008.189,2.56,2.56,0,0,1,.812.525,2.366,2.366,0,0,1,.546.805,2.643,2.643,0,0,1,.2,1.029A2.591,2.591,0,0,1,11.774-.644ZM3.85.728h-1.5L8.638-9.828h1.47ZM5.446-6.4a2.434,2.434,0,0,1-.539.8,2.46,2.46,0,0,1-.812.525,2.69,2.69,0,0,1-1.015.189,2.637,2.637,0,0,1-1.008-.189A2.56,2.56,0,0,1,1.26-5.6a2.383,2.383,0,0,1-.546-.8,2.591,2.591,0,0,1-.2-1.022,2.643,2.643,0,0,1,.2-1.029,2.366,2.366,0,0,1,.546-.8,2.56,2.56,0,0,1,.812-.525A2.637,2.637,0,0,1,3.08-9.968a2.69,2.69,0,0,1,1.015.189,2.46,2.46,0,0,1,.812.525,2.416,2.416,0,0,1,.539.8,2.643,2.643,0,0,1,.2,1.029A2.591,2.591,0,0,1,5.446-6.4Zm3.962,6.1a1.169,1.169,0,0,0,.854-.364,1.362,1.362,0,0,0,.364-1.008,1.387,1.387,0,0,0-.364-1.015,1.159,1.159,0,0,0-.854-.371,1.159,1.159,0,0,0-.854.371A1.387,1.387,0,0,0,8.19-1.666,1.362,1.362,0,0,0,8.554-.658,1.169,1.169,0,0,0,9.408-.294ZM3.08-6.048a1.169,1.169,0,0,0,.854-.364A1.362,1.362,0,0,0,4.3-7.42a1.387,1.387,0,0,0-.364-1.015,1.159,1.159,0,0,0-.854-.371,1.159,1.159,0,0,0-.854.371A1.387,1.387,0,0,0,1.862-7.42a1.362,1.362,0,0,0,.364,1.008A1.169,1.169,0,0,0,3.08-6.048Z' transform='translate(-0.518 9.968)'/%3E%3C/svg%3E%0A");
    background-position: calc(100% - 10px) 50%;
    background-repeat: no-repeat;
    padding-right: 40px;
}
.inp_wrap .won{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10.808' height='12.53' viewBox='0 0 10.808 12.53'%3E%3Cpath id='패스_535' data-name='패스 535' d='M8.036-7.252a2.225,2.225,0,0,1-.679.784,3.409,3.409,0,0,1-1.064.5,4.853,4.853,0,0,1-1.365.182,4.853,4.853,0,0,1-1.365-.182,3.409,3.409,0,0,1-1.064-.5,2.293,2.293,0,0,1-.686-.784,2.147,2.147,0,0,1-.245-1.022A2.147,2.147,0,0,1,1.813-9.3,2.293,2.293,0,0,1,2.5-10.08a3.409,3.409,0,0,1,1.064-.5,4.853,4.853,0,0,1,1.365-.182,4.853,4.853,0,0,1,1.365.182,3.409,3.409,0,0,1,1.064.5,2.293,2.293,0,0,1,.686.784,2.147,2.147,0,0,1,.245,1.022A2.1,2.1,0,0,1,8.036-7.252Zm3.29,6.258H9.856V-2.086H7.28V-3.248H9.856v-7.364h1.47Zm.28,2.758H2.814V-1.6h1.47V.5h7.322ZM9.3-4.214q-.882.14-1.862.2T5.488-3.92v1.876H3.99V-3.906H.8V-5.138H3.822q1.526,0,2.912-.042t2.562-.2ZM6.314-7.322a1.1,1.1,0,0,0,.5-.952,1.083,1.083,0,0,0-.5-.945,2.436,2.436,0,0,0-1.386-.343,2.436,2.436,0,0,0-1.386.343,1.083,1.083,0,0,0-.5.945,1.083,1.083,0,0,0,.5.945,2.436,2.436,0,0,0,1.386.343A2.475,2.475,0,0,0,6.314-7.322Z' transform='translate(-0.798 10.766)'/%3E%3C/svg%3E%0A");
    background-position: calc(100% - 10px) 50%;
    background-repeat: no-repeat;
    padding-right: 40px;
}
.inp_wrap .gae{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10.878' height='12.502' viewBox='0 0 10.878 12.502'%3E%3Cpath id='패스_536' data-name='패스 536' d='M11.2,1.89H9.758V-4.83H8.33v6.4H6.9v-12.04H8.33v4.326H9.758v-4.466H11.2ZM.322-.952A10.849,10.849,0,0,0,2.065-2.667,10.963,10.963,0,0,0,3.3-4.564a9.385,9.385,0,0,0,.749-2A10.245,10.245,0,0,0,4.34-8.6H1.008v-1.26h4.83A12.469,12.469,0,0,1,4.809-4.48,12.57,12.57,0,0,1,1.4-.056Z' transform='translate(-0.322 10.612)'/%3E%3C/svg%3E%0A");
    background-position: calc(100% - 10px) 50%;
    background-repeat: no-repeat;
    padding-right: 40px;
}
hr{
    border-top: 1px solid #ddd!important;
}
.logo_thum{
    display: inline-block;
    width: 30px;
    height: 30px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25.293' height='30' viewBox='0 0 25.293 30'%3E%3Cg id='shield_1_' data-name='shield (1)' transform='translate(-40.168)'%3E%3Cg id='그룹_10457' data-name='그룹 10457' transform='translate(40.168 0)'%3E%3Cpath id='패스_534' data-name='패스 534' d='M64.835,3.567,53.067.037a.879.879,0,0,0-.505,0L40.794,3.567a.879.879,0,0,0-.626.842V17.353a8.361,8.361,0,0,0,2.026,5.123,20.942,20.942,0,0,0,4.222,3.91,37.871,37.871,0,0,0,6.04,3.537.878.878,0,0,0,.718,0,37.875,37.875,0,0,0,6.04-3.537,20.944,20.944,0,0,0,4.222-3.91,8.361,8.361,0,0,0,2.026-5.123V4.409A.879.879,0,0,0,64.835,3.567Z' transform='translate(-40.168 0)' fill='%23bcbccf'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
}
.logo_thum.big{
    width: 40px;
    height: 40px;
}
.team_name{ 
    font-size: 20px;
    font-weight: 900;
}

.filebox .upload-name {
    display: none;
    height: 40px;
    padding: 0 10px;
    vertical-align: middle;
    border: 1px solid #dddddd;
    width: 78%;
    color: #999999;
}
.filebox label {
    display: inline-block;
    padding: 10px 20px;
    color: #fff;
    vertical-align: middle;
    background-color: #999999;
    cursor: pointer;
    height: 40px;
    margin-left: 0px;
}
.filebox input[type="file"] {
    position: absolute;
    width: 0;
    height: 0;
    padding: 0;
    overflow: hidden;
    border: 0;
}
.filebox #preview{
    max-width: 200px;
    display: block;
}

img.coupon{
    height: 100px;
}

.pop_select{
    width: 600px;
    min-height: 260px;
    position: fixed;
    background-color: #fff;
    z-index: 100;
    border-radius: 10px;
    top: 120px;
    left: calc(50% - 300px);
    box-shadow: 0 10px 10px rgba(0,0,0,.2);
    overflow: hidden;
    border: 1px solid #ddd;
    display: none;
}
.pop_select.w400{
    width: 400px;
    left: calc(50% - 200px);
}
.pop_select.w800{
    width: 800px;
    left: calc(50% - 400px);
}
.pop_select.w900{
    width: 900px;
    left: calc(50% - 450px);
}
.popup_head{
    width: 700px;
    height: 60px;
    border-bottom: 1px solid #ddd;
    padding: 0 15px;
}
.popup_head p{
    font-size: 16px;
    line-height: 60px;
    font-weight: 900;
}
.popup_foot {
    width: 100%;
    height: 60px;
    border-top: 1px solid #ddd;
    padding: 10px 15px;
}
.popfilter{
    background-color: #eee;
    width: 100%;
    padding: 15px;
    box-sizing: border-box;
}
.popup_con{
    padding: 15px;
    max-height: 700px;
}
.popup_con p.summary{
    color:#999;
}
.pop_result_list > div{
    display: grid;
    grid-template-columns: 50px 1fr 80px;
    border: 1px solid #ddd;
    border-radius: 10px;
    margin-bottom: 10px;
    padding: 15px;
}
.pop_result_list.noGrid > div{
    display: block;
}
.pop_result_list.noGrid > div.chk{
    height: 52px;
}
.pop_result_list > div p.title{
    font-size: 14px;
    font-weight:900;
    margin-bottom: 5px;
}
.pop_result_list > div p.address{
    font-size: 14px;
}
.pop_result_list > div .rdo.none{
    text-align: right;
}

.pop_select .t_right .eBtn{
    width: 80px!important;
    display: inline-block!important;
}
.pop_select table td .chk.none{
    margin-top: 0;
}

.pop_back {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, .3);
  overflow: auto;
  display: none;
  z-index: 99;
}
.tab_view{
    display: none;
    width: 100%;
}

.cupBtn, .awardBtn {
	display:none;
}
.tab_view.ac{
    display: block;
}

.cupBtn_on, .awardBtn_on {
	display:block;
}
.tab_view .grid{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
}
.tab_view .grid > div{
    min-height: 100px;
    background-color: #fff;
    border-radius: 10px;
    border: 1px solid #ddd;
    padding:20px;
}
.tab_view .grid .title_area p{
    font-size: 14px;
}
.tab_view .grid .title_area p.title{
    font-weight: 900;
}
.tab_view .grid .title_area.co_red p{
    color:red
}
.tab_view .grid .graph {
    margin-bottom: 50px;
    display: block;
}
.tab_view .grid .graph > div{
    display: block;
    float: left;
    height: 20px;
    background-color: #eee;
    
}
.tab_view .grid .graph > div span{
    display: block;
    margin-top: 25px;
    font-size: 14px;
    font-weight: 900;
}
.tab_view .grid .graph > div.performance{
    background-color: #3171D6;
    border-radius: 20px 0 0 20px;
}
.tab_view .grid .graph > div.performance span{
    color: #3171D6;
}
.tab_view .grid .graph > div.grades{
    background-color: #F9BD67;
    border-radius: 0 20px 20px 0;
}
.tab_view .grid .graph > div.grades span{
    color: #F9BD67;
}