@charset "utf-8";
*{margin:0;padding:0;box-sizing:border-box}
body{overflow-x:hidden;margin:0!important;padding:0!important}
html{margin:0!important;padding:0!important}
:root{--layoutwidth:1520px;--black:#333;--white:#FFF;--blue:#3c61e9;--txt-blue:#3757cd;--dark_blue:#2d2e41;--skyblue:#e9edf9;--navy:#313362;--puple_1:#E93ED8;--yellow:#FFE310}
.col_yellow{color:var(--yellow)!important}
.col_blue{color:var(--txt-blue)!important}
.col_gray9{color:var(--gray9)!important}
.col_skyblue{color:var(--skyblue)}
.col_navy{color:var(--navy)}
.col_w{color:var(--white)}
.col_puple_1{color:var(--puple_1)}
i{font-style:inherit}
.tc{text-align:center!important}
.tl{text-align:left!important}
.tr{text-align:right!important}
.bb0{border-bottom:0!important}
.br0{border-right:0!important}
.ps-rel{position:relative!important}
.black{color:var(--black)!important}
.white{color:var(--white)!important}
.fw900{font-weight:900!important}
.fw800{font-weight:800!important}
.fw700{font-weight:700!important}
.fw600{font-weight:600!important}
.fw500{font-weight:500!important}
.fw400{font-weight:400!important}
.fw300{font-weight:300!important}
.fw200{font-weight:200!important}
.fw100{font-weight:100!important}
.sound_only{display:inline-block!important;position:absolute;top:0;left:0;width:0;height:0;margin:0!important;padding:0!important;font-size:0;line-height:0;border:0!important;overflow:hidden!important;visibility:hidden}
.dp-block{display:block!important}
.dp-inblock{display:inline-block!important}
.mt10{margin-top:10px}
.mt20{margin-top:20px}
.mt0{margin-top:0!important}
.mr10{margin-right:10px}
.text-upp{text-transform:uppercase}
.flex-wrap{flex-wrap:wrap}
.flexBox{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%}
.flexBox.area02{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.flexBox.area02.ver_noList,.flexBox.ver_noList{-webkit-box-lines:single;-ms-flex-wrap:nowrap;flex-wrap:nowrap}
.flexBox.area02.ver_noList > *{width:auto}
.flexBox.just-center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.flexBox.align-center{-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.flex-center{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.flex1{flex:1}
.inflex{display:inline-flex}
.column{-webkit-box-orient:vertical;-ms-flex-direction:column;flex-direction:column}
.list_dot_style > *{position:relative;padding-left:10px;margin-top:11px;line-height:1.2}
.list_dot_style > :first-child{margin-top:0}
.list_dot_style > ::before{content:'·';position:absolute;left:0;top:-1px;color:#333}
.inner{width:auto;padding-left:5rem;padding-right:5rem;max-width:var(--layoutwidth);margin:auto}
.inner_left{padding-left:calc((100% - var(--layoutwidth)) /2)!important}
.inner_right{padding-right:calc((100% - var(--layoutwidth)) /2)!important}
.nm_checkbox{position:relative;display:inline-block}
.nm_checkbox > input[type="checkbox"] + label{color:#404040;display:inline-flex;align-items:center;font-weight:400;cursor:pointer}
.nm_checkbox > input[type="checkbox"] + label span{width:20px;height:20px;display:inline-block;background:url(../images/common/ico_check.svg) no-repeat 50% 50% #fff;margin-right:.5rem;background-size:15px}
.nm_checkbox > input[type="checkbox"]:checked + label span{background:url(../images/common/ico_check_w.svg) no-repeat 50% 50% var(--light-blue)}
.nm_checkbox > input[type="checkbox"]:checked + label{color:var(--light-blue)}
.tab_table_area{position:relative;overflow-x:auto;margin-top:13px}
.tab_table_area thead th{background:#F0F0F0;text-align:center;font-size:20px;font-weight:500;border-left:0!important}
.data_table td{padding:12px 5px;text-align:center;border:1px solid #eaeaea;font-weight:500;background:#FFF;border-left:0}
.data_table tbody th{text-align:center}
.data_table > table{border-left:1px solid #eaeaea;border-right:1px solid #eaeaea}
.data_table .w_tit{width:18%}
.data_table .w_txt{width:78%}
.data_table .w7{width:calc(100%/7)}
.data_table .w4{width:calc(90%/4)}
.data_table .w9p_3{width:calc(90%/3)}
.data_table .w9p_5{width:calc(90%/5)}
.data_table .w9{width:calc(100% / 9)}
.data_table .w6{width:calc(100% / 6)}
.data_table .w3{width:calc(100% / 3)}
.data_table .w8{width:calc(100% / 8)}
.data_table::-webkit-scrollbar{height:1px;width:2px}
.table_tb_red tbody th{background:-webkit-linear-gradient(110deg,#BF0000,#FB9292);background:linear-gradient(110deg,#BF0000,#FB9292);color:#FFF;font-weight:700;text-align:center;border-bottom:1px solid #FFF}
.table_tb_red tbody td{padding:20px;word-break:keep-all;background:#f8f8f8;line-height:1.7}
.tab_table_area::-webkit-scrollbar{height:3px;width:3px}
.tab_table_area::-webkit-scrollbar-track{background:#f2f2f2}
.tab_table_area::-webkit-scrollbar-thumb{background:#9A9A9A;border-radius:15px}
.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after,.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{display:none}
.swiper-slide img{width:100%}
.fs-60{font-size:clamp(10px,3.5vw,60px)}
.fs-50{font-size:clamp(10px,3vw,50px)}
.fs-42{font-size:42px}
.fs-40{font-size:40px}
.fs-32{font-size:32px;letter-spacing:-1px}
.fs-22{font-size:22px}
.fs-20{font-size:clamp(10px,1.1vw,20px)}
.fs-18{font-size:18px}
.fs-txt{font-size:16px}
.fs-sm{font-size:14px}
.font-gmk{font-family:'GmarketSans'}
.btn_area > *{display:inline-flex;align-items:center;line-height:40px;height:42px;padding:0 15px;gap:25px}
.btn_area > * img{width:15px}
.btn_area .btn_line_blue{border:1px solid var(--blue);color:var(--blue);font-size:15px;font-weight:500;border-radius:5px}
.btn_area .btn_blue{background:var(--dark-blue);color:#FFF;font-weight:500;border-radius:5px;line-height:2.45}
.btn_area .btn_line{border:1px solid #DDD;color:#000;font-size:16px;font-weight:500;border-radius:5px;background:#FFF}
.btn_area .btn_line.ver_b{border:1px solid #000}
.btn_area .btn_line.ver_blue{border:1px solid var(--blue);color:var(--blue)}
.btn_area .btn_line img{height:20px}
.btn_area > :hover{box-shadow:#63636326 0 2px 8px 0}
.f_mon{font-family:'Montserrat'}
@media (min-width: 1025px) {
    .mobVer{display:none!important}
    .pc-column{-webkit-box-orient:vertical;-ms-flex-direction:column;flex-direction:column}
}
@media (max-width: 1720px) {
    .inner_left{padding-left:5%!important}
    :root{--layoutwidth:1400px}
}
@media (max-width: 1550px) {
    .inner_left{padding-left:5%}
}
@media (max-width: 1420px) {
    .inner{width:auto}
    .fs-50{font-size:45px}
    .fs-42{font-size:38px}
    .fs-32{font-size:26px;letter-spacing:-1px}
    .fs-22{font-size:20px}
    .fs-20{font-size:19px}
}
@media (max-width: 1220px) {
    .inner{padding-left:30px!important;padding-right:30px!important}
    .inner_left{padding-left:30px!important}
    .inner_right{padding-right:30px!important}
}
@media (max-width: 1024px) {
    body{font-size:15px;line-height:1.5}
    .inner{padding-left:24px!important;padding-right:24px!important}
    .inner_left{padding-left:24px!important}
    .inner_right{padding-right:24px!important}
    .m_full_inner{width:100%!important}
    .pcVer{display:none!important}
    .m-column{-webkit-box-orient:vertical;-ms-flex-direction:column;flex-direction:column;gap:5px}
    .m-column-s{-webkit-box-orient:vertical;-ms-flex-direction:column;flex-direction:column;align-items:flex-start!important;word-break:keep-all}
    .m-column > *,.m-column-reverse > *{width:100%!important}
    .m-column-reverse{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}
    .flexBox.area02.ver_noList{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}
    .flexBox.area02.ver_noList.m-column-reverse,.flexBox.area02.ver_noList.m-column{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}
    .nm_radio + .nm_radio{margin-left:0}
    .nm_radio input[type="radio"] + label{font-size:14px}
    .inp_box_area .inp_box{line-height:35px;height:35px}
    .nm_checkbox > input[type="checkbox"] + label{font-size:14px}
    .nm_checkbox > input[type="checkbox"] + label span{width:16px;height:16px}
    .tab_table_area thead th{font-size:15px;line-height:40px}
    .data_table td{font-size:13px}
    .main_container .data_table{height:300px}
    .table_tb_red tbody td{padding:10px}
    .fs-50{font-size:32px}
    .fs-42{font-size:28px}
    .fs-40{font-size:26px}
    .fs-32{font-size:24px}
    .fs-22{font-size:20px}
    .fs-20{font-size:18px}
    .fs-18{font-size:16px}
    .fs-txt{font-size:14px}
    .fs-sm{font-size:13px}
    .m_flexBox{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%}
}
@media screen and (max-width:320px) {
    .inner{width:calc(100% - 10px)}
}




