/* Pretendard */
@font-face {
  font-display: swap; 
  font-family: 'Pretendard';
  font-style: normal;
  font-weight: 400;
  src: url('../font/Pretendard-Light.eot'); 
  src: url('../font/Pretendard-Light.eot?#iefix') format('embedded-opentype'), 
       url('../font/Pretendard-Light.woff') format('woff'), 
       url('../font/Pretendard-Light.ttf') format('truetype'), 
       url('../font/Pretendard-Light.svg#Pretendard') format('svg'); 
}

@font-face {
  font-display: swap; 
  font-family: 'Pretendard';
  font-style: normal;
  font-weight: 500;
  src: url('../font/Pretendard-Regular.eot'); 
  src: url('../font/Pretendard-Regular.eot?#iefix') format('embedded-opentype'), 
       url('../font/Pretendard-Regular.woff') format('woff'), 
       url('../font/Pretendard-Regular.ttf') format('truetype'), 
       url('../font/Pretendard-Regular.svg#Pretendard') format('svg'); 
}
@font-face {
  font-display: swap; 
  font-family: 'Pretendard';
  font-style: normal;
  font-weight: 600;
  src: url('../font/Pretendard-Bold.eot'); 
  src: url('../font/Pretendard-Bold.eot?#iefix') format('embedded-opentype'), 
       url('../font/Pretendard-Bold.woff') format('woff'), 
       url('../font/Pretendard-Bold.ttf') format('truetype'), 
       url('../font/Pretendard-Bold.svg#Pretendard') format('svg'); 
}

/* reset */
body{letter-spacing: -0.05px;}
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,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video, input {
  margin: 0;
  padding: 0;
  border: 0;
  font-size:100%;
  vertical-align: baseline;
  box-sizing: border-box;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
  display: block;
}
body {
  line-height: 1;
}
ol, ul, li {
  list-style: none;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

/* table */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

table caption{
  display:none;
}

table tr th, 
table tr td{
  vertical-align: middle;
}

a{
  text-decoration: none;
  color:inherit;
}

em{
  font-style:normal;
}

button{background: inherit ; border:none; box-shadow:none; border-radius:0; padding:0; overflow:visible; cursor:pointer}
textarea{resize:none; font-family:'Pretendard', sans-serif; box-sizing: border-box;}

input:disabled,
textarea:disabled{opacity:0.8;}

form{width:100%;}

h1, h2, h3, h4, h5, h6{font-family:'Pretendard', sans-serif;}

/*글자정렬*/
.tac{text-align: center;}
.tal{text-align: left;}
.tar{text-align: right;}

/*정렬*/
[class*="fl"]{display:flex;}
.flcolumn{flex-direction: column;}
.al_between{justify-content: space-between;}
.al_center{justify-content: center;}

.ai_center{align-items: center;}
.ai_start{align-items: flex-start;}
.ai_end{align-items: flex-start;}

.w100{width:100%}
 
/* margin */
.nomg{margin:0!important;}
.nomb{margin-bottom:0!important;}
.nomt{margin-top:0!important;}
.m0{margin:0;}
.m10{margin:10px;}
.m15{margin:15px;}
.m20{margin:20px;}
.m30{margin:30px;}
.m40{margin:40px;}
.m50{margin:50px;}
.m60{margin:60px;}

.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt25{margin-top:25px;}
.mt30{margin-top:30px;}
.mt50{margin-top:50px;}
.mt60{margin-top:60px;}
.mt100{margin-top:100px;}

.mb5{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.mb25{margin-bottom:25px;}
.mb30{margin-bottom:30px;}
.mb50{margin-bottom:50px;}
.mb60{margin-bottom:60px;}
.mb100{margin-bottom:100px;}

.ml5{margin-left:5px;}
.ml10{margin-left:10px;}
.ml15{margin-left:15px;}
.ml20{margin-left:20px;}
.ml25{margin-left:25px;}
.ml30{margin-left:30px;}
.ml50{margin-left:50px;}
.ml60{margin-left:60px;}
.ml100{margin-left:100px;}

.mr5{margin-right:5px;}
.mr10{margin-right:10px;}
.mr15{margin-right:15px;}
.mr20{margin-right:20px;}
.mr25{margin-right:25px;}
.mr30{margin-right:30px;}
.mr50{margin-right:50px;}
.mr60{margin-right:60px;}
.mr100{margin-right:100px;}

/* padding */
.p0{padding:0;}
.p5{padding:5px;}
.p10{padding:10px;}
.p15{padding:15px;}
.p20{padding:20px;}
.p30{padding:30px;}
.p40{padding:40px;}
.p50{padding:50px;}
.p60{padding:60px;}

.pt10{padding-top:10px;}
.pt15{padding-top:15px;}
.pt20{padding-top:20px;}
.pt25{padding-top:25px;}
.pt30{padding-top:30px;}
.pt50{padding-top:50px;}
.pt60{padding-top:60px;}
.pt100{padding-top:100px;}

.pb10{padding-bottom:10px;}
.pb15{padding-bottom:15px;}
.pb20{padding-bottom:20px;}
.pb25{padding-bottom:25px;}
.pb30{padding-bottom:30px;}
.pb50{padding-bottom:50px;}
.pb60{padding-bottom:60px;}
.pb100{padding-bottom:100px;}

.pl10{padding-left:10px;}
.pl15{padding-left:15px;}
.pl20{padding-left:20px;}
.pl25{padding-left:25px;}
.pl30{padding-left:30px;}
.pl50{padding-left:50px;}
.pl60{padding-left:60px;}
.pl100{padding-left:100px;}

.pr10{padding-right:10px;}
.pr15{padding-right:15px;}
.pr20{padding-right:20px;}
.pr25{padding-right:25px;}
.pr30{padding-right:30px;}
.pr50{padding-right:50px;}
.pr60{padding-right:60px;}
.pr100{padding-right:100px;}


/* 포인트컬러 */
.fontWt{color:var(--main-color-white);}
.fontBl{color:var(--main-color-classicblue);}
.fontGray{color:var(--main-color-gray05);}
@keyframes fadein {
  from {opacity:0;}
  to {opacity:1;}
}
@-o-keyframes fadein { /* Opera */
  from {opacity:0;}
  to {opacity: 1;}
}
@-moz-keyframes fadein { /* Firefox */
  from {opacity:0;}
  to {opacity:1;}
}
@-webkit-keyframes fadein { /* Safari and Chrome */
  from {opacity:0;}
  to {opacity:1;}
}
 

/* common */
body{font-size:16px; line-height:1.5em;
animation: fadein 500ms ease-in;
-o-animation: fadein 500ms ease-in; /* Opera */
-moz-animation: fadein 500ms ease-in; /* Firefox */
-webkit-animation: fadein 500ms ease-in; /* Safari and  Chrome */
padding-top:90px;
position:relative;
font-family:'Pretendard', sans-serif;
}
.hide{display:none;}
.pcNone{display:none;}
.mobNone{display:none;}
.scrollDisable{height:100%; min-height:100%; overflow:hidden !important; touch-action: none;}
.nowrap{white-space: nowrap;}
.nobr{border-radius: 0!important;}

/* font-size - 기준 body*/
.conTit{font-size:2em; margin-bottom:30px;}
.conTit2{font-size:1.7em; margin-bottom:20px;}
.conTit3{font-size:1.5em; margin-bottom:10px;}
.conTit4{font-size:1.125em; margin-bottom:6px;}
[class^="conTit"] + .conBx{margin-bottom:30px;}

.fsSm{font-size:0.9em;}
.fsMd{font-size:1em;}
.fsLg{font-size:1.3em;}
.fsXl{font-size:1.6em;}

.fcblue{color:var(--main-color-lightblue)}


/* input */
input{padding:10px;}
input, select, textarea,
a[class*="btn_"]{border:1px solid var(--main-color-gray); border-radius: 5px; font-size:1em; font-family:'Pretendard', sans-serif; border:1px solid var(--table-border-color);}
input[type="file"]{border:0;}
select {padding:10px 16px 10px 10px ;-webkit-appearance:none; /* for chrome */ -moz-appearance:none; /*for firefox*/ appearance:none; min-width:130px; background:var(--main-color-white) url(../../img/arrow_close.gif) no-repeat center right 8px; background-size:14px;}
select::-ms-expand{ display:none;/*for IE10,11*/}
.ipW100{width:100%;}
.check_wrap{margin-top:10px; display:flex; align-items: center; }
.check_wrap label{margin-left:4px;}
.checkList li{display:flex; align-items: center;}
textarea{width:100%;}

/* 기본 버튼 */
.basicbtn{padding:10px 30px; display:inline-block; text-align:center; border-radius:5px;}
.btnBl{background:var(--main-color-blue);} /*파란버튼 .btnBl*/ 
.btnBk{background:var(--main-color-black); color:var(--main-color-white);} /*흰+검버튼 .btnBk*/ 
.btnGr{background:var(--main-color-gray05); color:var(--main-color-white); } /*회색버튼 .btnGr*/
.btn_sm{width:auto!important; padding:10px!important; margin:0!important;} /* 작은 사이즈 버튼 */

/********** 체크박스 **********/
input[type="checkbox"]{margin-right:5px; width:16px; height:16px; border-radius: 3px; background:var(--main-color-white); border:1px solid var(--login-gray);}
input[type="checkbox"]:before{display:none;}
input[type="checkbox"]:checked{background:var(--main-color-blue); border:none;}
input[type="checkbox"]:checked:after{color:var(--main-color-white); font-size:1em;}
input[type="checkbox"] + label{font-size:1em;}
.termCheck{display:flex; align-items: center;}

/* 새창 아이콘 */
.new_window{display:inline-block; position:relative; padding-right:26px;}
.new_window:after{position:absolute;  right:-10px; top:0; width:24px; height:24px; content:''; background:url(../../img/new_window.gif) no-repeat center; border:1px solid var(--table-border-color);}

/* 스크롤 커스텀 */
*::-webkit-scrollbar{width:5px; height:5px;}
*::-webkit-scrollbar-thumb{background:var(--table-border-color); border-radius: 5px;}
*::-webkit-scrollbar-track{background:transparent;border-radius: 5px;}


/**************************** cafe24 css 수정 ****************************/
#container_title{font-size:1.5em; text-align: center; position:relative; padding-bottom:15px; margin-bottom:15px;}
#container_title:after{position:absolute; bottom:0; left:50%; width:30px; height:1px; background: var(--main-color-black); transform: translateX(-50%); content:'';}
.frm_input{height:40px;}
fieldset .btn_submit{padding:0 20px; height:40px;}
#bo_gall #gall_ul{display:grid; grid-template-columns: 1fr 1fr 1fr 1fr; grid-gap:15px;}
#bo_gall #gall_ul li{width:auto!important;}
#bo_gall .gall_href a img{width:100%!important; height:100%!important;object-fit: cover;}
a:hover, a:focus, a:active{text-decoration: none; color:inherit;}
#bo_gall .gall_href{height:200px; object-fit: cover; overflow: hidden; border-radius: 15px;}
#bo_gall .gall_href a{display:block; width:100%; height:100%;  overflow: hidden;}

.pg_page, .pg_current{height:auto;}
#bo_gall .gall_li{float:none!important; margin:0!important;}
#bo_v_table{display:none;}

.mobBr{display:none;}
.tb_year{white-space: nowrap;}

/* ~ 1440px */
@media screen and (max-width:1440px){
  .conTit2{font-size:1.5em; margin-bottom:15px;}
}

/* ~ 1023px */
@media screen and (max-width:1023px){
  /* font-size - 기준 body*/ 
  .conTit{font-size:1.5em; margin-bottom:20px;}
  .conTit2{font-size:1.2em; margin-bottom:10px;}

  /**************************** cafe24 css 수정 ****************************/
#bo_gall #gall_ul{display:grid; grid-template-columns: 1fr 1fr 1fr; grid-gap:10px;}


}

/* ~ 767px */
@media screen and (max-width:768px){
  /* 기본 버튼 */
  .basicbtn{padding:8px 30px;}

  select, input, textarea{padding:8px 25px 8px  8px;}
  select{min-width:auto;}


  .mt30{margin-top:15px;}
  .mb50{margin-bottom:30px;}

  /* font-size - 기준 body*/ 
  .conTit{font-size:1.2em; margin-bottom:10px;}


  /**************************** cafe24 css 수정 ****************************/
  #bo_gall #gall_ul{display:grid; grid-template-columns: 1fr 1fr; grid-gap:10px;}
 
.pcNone{display:block;}

}


/* ~ 425px */
@media screen and (max-width:425px){

  /**************************** cafe24 css 수정 ****************************/
  #bo_gall #gall_ul{display:grid; grid-template-columns: 1fr ;}


}