@charset "utf-8";
/* CSS basic */


/**************************************************************************************************
* front common style
***************************************************************************************************/

@font-face {
    font-family: 'TmonMonsori';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_two@1.0/TmonMonsori.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
/*20250201 수정*/
@font-face {
    font-family: 'Pretendard Variable';
    font-weight: 45 920;
    font-style: normal;
    font-display: swap;
    src: url('/font/PretendardVariable.woff2') format('woff2-variations');
}

@font-face{font-family:NanumGothic; src:url(../font/NanumGothic.ttf),url(../font/NanumGothic.eot), url(../font/NanumGothic.woff); }
@font-face{font-family:NanumGothicBold; src:url(../font/NanumGothicBold.ttf),url(../font/NanumGothicBold.eot), url(../font/NanumGothicBold.woff); }
@font-face{font-family:NanumGothicExtraBold; src:url(../font/NanumGothicExtraBold.ttf),url(../font/NanumGothicExtraBold.eot), url(../font/NanumGothicExtraBold.woff); }

/* default */ /*20250201 수정*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, p, button, address {margin:0; padding:0; line-height:inherit;}
body, h1, h2, h3 ,h4, a, button {font-family:"Pretendard Variable"; color:#212121;}

ul, ol, li {list-style:none;}
em, cite, address {font-style:normal;}
img, fieldset {border:0; vertical-align:middle;}

/*20250201 수정*/
input, label, select {font-family: "Pretendard Variable"; color:#212121; }
input{vertical-align:middle;}
input[type=radio], input[type=checkbox], input[type=image]{border:none;}
select{border:1px solid #d0d0d0; vertical-align:middle;}

/*20250201 수정*/
textarea {font-family:"Pretendard Variable", "NanumGothic"; color:#212121; font-size:12px;}

table {border-spacing:0; border-collapse:collapse; padding:0; margin:0;}
legend {visibility:hidden; width:0; height:0; overflow:hidden; position:absolute; top:-1000%; line-height:0;}
caption{visibility:hidden; width:0; height:0; overflow:hidden; top:-1000%; line-height:0;}

a:link, a:visited {text-decoration:none; color:#323232;}


hr {display:none;}
.hidden {visibility:hidden; width:0; height:0; overflow:hidden; line-height:0;}
, input[type=search]

      /* etc */
  .ftLt {float:left;}
.ftRt {float:right;}
.center{text-align:center!important;}
.right{text-align:right!important;}
.left{text-align:left!important;}
.no_bg{background-image:none!important;}
.no_cobg{background:none!important;}
.bold{font-weight:bold;}
.letter{letter-spacing:-1px;}
.noMg{margin:0!important;}
.noRMg{margin-right:0!important;}
.noTMg{margin-top:0!important;}
.noBd{border:none!important;}
.noRBd{border-right:none!important;}
.noLBd{border-left:none!important;}
.noBBd{border-bottom:none!important;}
.noTBd{border-top:none!important;}
.ellipsis{text-overflow:ellipsis; white-space:nowrap; word-wrap:normal}
.mb100{margin-bottom:100px!important;}
.mb60{margin-bottom:60px!important;}
.mb50{margin-bottom:50px!important;}
.mb40{margin-bottom:40px!important;}
.mb30{margin-bottom:30px!important;}
.mb20{margin-bottom:20px!important;}
.mb15{margin-bottom:15px!important;}
.mb10{margin-bottom:10px!important;}
.mb7{margin-bottom:7px!important;}
.mb5{margin-bottom:5px!important;}
.mb4{margin-bottom:4px!important;}
.mb3{margin-bottom:3px!important;}
.mb0{margin-bottom:0 !important;}
.m10{margin10px 0!important;}
.mr0{margin-right:0px!important;}
.mr4{margin-right:4px!important;}
.mr5{margin-right:5px!important;}
.mr6{margin-right:6px!important;}
.mr7{margin-right:7px!important;}
.mr10{margin-right:10px!important;}
.mr15{margin-right:15px!important;}
.mr19{margin-right:19px!important;}
.mr20{margin-right:20px!important;}
.mr36{margin-right:36px!important;}
.mr37{margin-right:37px!important;}
.mr60{margin-right:60px!important;}
.ml0{margin-left:0px!important;}
.ml4{margin-left:4px!important;}
.ml5{margin-left:5px!important;}
.ml6{margin-left:6px!important;}
.ml7{margin-left:7px!important;}
.ml8{margin-left:8px!important;}
.ml9{margin-left:9px!important;}
.ml10{margin-left:10px!important;}
.ml15{margin-left:15px!important;}
.ml20{margin-left:20px!important;}
.ml30{margin-left:30px!important;}
.ml78{margin-left:78px!important;}
.mt0{margin-top:0px!important;}
.mt3{margin-top:3px!important;}
.mt5{margin-top: 5px!important;}
.mt10{margin-top:10px!important;}
.mt15{margin-top:15px!important;}
.mt20{margin-top:20px!important;}
.mt30{margin-top:30px!important;}
.mt40{margin-top:40px!important;}
.mt50{margin-top:50px!important;}
.mlr14{margin:0 14px;}
.disno{display:none!important;}
.tableBlue{color:#00a1db; font-weight:bold;}
.pointBlue{background:url(../../images/common/icon_blue.gif) 0 center no-repeat;}
.p0{padding:0px!important;}
.p20{padding:20px!important;}
.p10{padding:20px 0!important;}
.pdLt20{padding-left:20px;}
.pdRt20{padding-right:20px;}
.pdLt32{padding-left:32px;}
.pdLt58{padding-left:58px;}
.pdLt45{padding-left:45px;}
.pdBt40{padding-bottom:40px!important;}
.pdBt50{padding-bottom:50px!important;}
.pdTop10{padding-top:10px;}
.pdTop0{padding-top:0px!important;}
.pside10{padding: 0 10px;}
.pt15{padding-top: 15px;}
.black{color:#000;}
.red{color:#F00;}
.gray{color:#666;}
.bggray{background:#C5C5C5;}
.orange{color:#ff3c00!important;}
.font12{font-size:12pt;}
.bdBottom{border-bottom:3px solid #CCC;}
.no_float{float:none!important;}
.line_H{line-height: 14px;}
.bg1{background:rgba(191,118,161,0.3);}
.bold{font-weight:bold;}
/*flex 관련*/
.flex-row{display: flex;}
.flex-column{display: flex; flex-direction: column;}
.flex-row--align-center{display: flex; align-items: center;}
.border-none{border: none;}