@charset "utf-8";

/* css Reset */


*{margin: 0;padding: 0; font-family: 'Pretendard', sans-serif; box-sizing: border-box;}

header,footer,section,article,aside,nav,hgroup,details,menu,figure,figcaption{display:block}
body{margin:0;padding:0;font-family: 'Pretendard', sans-serif; color:#000;-webkit-text-size-adjust:none;-ms-text-size-adjust:none;  }
p,div,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,select,button,code,label,em,span,strong{margin:0;padding:0;border:0; word-break:keep-all;}
form{display:inline;margin:0}
img,fieldset{border:0}
img,iframe{
  max-width: 100%;
}
hr{display:none}
li{list-style:none}
em,address{font-style:normal}
label,input,select,textarea{vertical-align:middle;-webkit-appearance:none}
legend{position:absolute;left:-5000px;font-size:0;overflow:hidden}
table{width:100%;border-collapse:collapse;border-spacing:0;}
caption{position:relative;left:-5000px;height:0;line-height:0;text-indent:-5000px;overflow:hidden}
a:active,a:visited{text-decoration:none;}
a{text-decoration:none;font-size:inherit;font-family:inherit;color:inherit}
label, input, button, select, img {vertical-align:middle}
button{cursor:pointer;/*outline:none;*/background:none}
input[type="button"],input[type="text"],input[type="image"],input[type="submit"],input[type="password"],input[type="tel"],input[type="number"],select,textarea{-webkit-appearance:none;-moz-appearance:none;border-radius:0;box-sizing:border-box;}
input[type="checkbox"]{-webkit-appearance:checkbox;-moz-appearance:checkbox;}
input[type="radio"]{-webkit-appearance:radio;-moz-appearance:radio;}
textarea{resize:none;box-sizing:border-box;}
select{box-sizing:border-box;}
select::-ms-expand{display:none;}
area{outline:none}

:root {
  /* --mallcolor: #48432e; */
  --mallcolor: #004f9b;
  --mallcolor2:#00396e;
  --mallbg: #fbf9f8;
  --mallbg02: #f3f1ef;
  --themeColor1 :  #907400;
  --themeColor2 :  #ae0000;
  --themeColor3 :  #00904d;
  --mallborder: #e0e0e0;
}


.inner{
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
    padding: 0 20px;
    box-sizing: border-box;
}

.inner1480{
  width: 100%;
  max-width: 1480px;
  margin: 0 auto;
  padding: 0 20px;
  box-sizing: border-box;
}

.inner1280{
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 20px;
  box-sizing: border-box;
}

.inner960{
  width: 100%;
  max-width: 960px;
  margin: 0 auto;
  padding: 0 20px;
  box-sizing: border-box;
}

.inner768{
  width: 100%;
  max-width: 768px;
  margin: 0 auto;
  padding: 0 20px;
  box-sizing: border-box;
}

.hid,
.hide,
.hidden,
.sound_only,
.sr_only
 {
    position: absolute;
    margin: -1px;
    padding: 0;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

/*only*/
.mo_only{display: none;}

.pd-b100{
  padding-bottom: 100px;
}

/* @media screen and (min-width:1481px){
    html, body{font-size: 16px;}
}

@media screen and (min-width:741px) and (max-width:1480px){
    html, body{font-size: 14px;}
}

@media screen and (max-width:740px){
    html, body{font-size: 13px;}
} */

@media screen and (max-width:768px){

    /*only*/
    .pc_only{display: none;}
    .mo_only{display: block;}

    .pd-b100{
      padding-bottom: 50px;
    }
}


.container_title {  
    padding: 64px 0 32px;
    font-size: 32px;
    font-weight: 700;
    text-align: center;
  }

#sct .container_title {  
  padding: 40px 0;
  font-size: 40px;
}
  
@media (max-width: 950px) {
  .container_title {
    padding: 34px 0 24px;
    /* margin-bottom: -12px; */
    font-size: 26px;
  }
    
  #sct .container_title {  
    padding: 34px 0 24px;
    font-size: 32px;
  }
}

#sub-page{
    padding-top: 200px;
}


@media screen and (max-width:1280px) {

  #sub-page{
      padding-top: 110px;
  }

}
.delivery-icon {
    display: inline-block;
    padding: 2px 6px;
    margin-right: 5px;
    color: #fff;
    border-radius: 3px;
    font-size: 12px;
    font-style: normal;
}

.delivery-icon.default {
    background: #897ad9;
}

.delivery-icon.type1 {
    background: #004f9b;
}

.delivery-icon.type2 {
    background: #00396e;
}

.delivery-icon.type3 {
    background: #907400;
}

.delivery-icon.type4 {
    background: #ae0000;
}

.delivery-icon.type5 {
    background: #897ad9;
}

.delivery-icon.type6 {
    background: #00904d;
}

.delivery-icon.type7 {
    background: #444;
}


/* 해시태그 바 */
.hashbar{
  margin-top:20px;
  display:flex;
  align-items:flex-start;
  gap:6px;
  margin-bottom: 20px;
}
.hashbar__icon{
  flex:0 0 auto;
}
.hashbar__icon img{
  display:block;
}

/* 리스트/아이템 */
.hashbar__list{
  display:flex;
  flex-wrap:wrap;
  gap:4px 2px;          /* (행 간격 4px, 열 간격 2px) */
  margin:0;
  padding:0;
  list-style:none;
}
.hashbar__item{ /* 훅만 둠 */ }

/* 태그 */
.hashbar__tag{
  display:inline-flex;
  align-items:center;
  padding:3px 6px 4px;  /* 원본과 동일 */
  border-radius:4px;
  background:#f3f5f7;
  color:#7b8895;
  font-size:13.5px;
  font-weight:300;
  line-height:1;
  text-decoration:none;
  transition:background .15s ease,color .15s ease;
}
.hashbar__tag:hover{
  background:#e9eef2;
  color:#5f6b78;
}

/* 반응형(선택) */
@media (max-width:768px){
  .hashbar__tag{ font-size:12.5px; }
}