@charset "UTF-8";

body { font-family: 'Noto Sans KR', '맑은 고딕', sans-serif; }

.row {
    margin-right: 0;
    margin-left: 0; /* row 가 자동으로 margin 이 들어가져 있음, 0으로 설정하는 게 편함*/
}
.row>* {
    padding-right: 0;
    padding-left: 0;
}
ol, ul {
  padding-left: 0;
}

li {list-style: none; }
a { text-decoration:none; color:#000; }
img { max-width: 100%;} /* 이미지는 무조건 100%
이미지의 크기를 줄이려면 이미지를 감싸고 있는 부모 요소에 사이즈 넣기*/
header {
    background: url(../img/main.png) no-repeat center center / cover;
    padding: 140px 0 110px;
}
.h1 { width: 90px; }
.util li { 
    margin-left: 20px; 
    margin-top: 13px;
}
.util a{ color: rgba(0,0,0,0.5);}

.nav-item { margin-right: 30px;}
.nav-item:first-child { margin-right: 20px;}
.nav-item > a { 
    font-family: 'Saira', sans-serif;
    font-weight: 900; 
    font-size: 18px;
    letter-spacing: -1px;
    color: #000;
}

.m_info { 
    padding: 40px 0 30px;
    font-size: 18px;
}
.m_info span {     
    font-family: 'Saira', sans-serif;
    font-weight: 900;
    font-size: 15px;
    letter-spacing: -0.5px;
}
.main_text {
    margin: 0 0 0 10vw;
}
.main_text h2 {
    font-family: 'Saira', sans-serif;
    font-weight: 700;
    font-size: 40px;
    color: rgba(255,255,255,0.7);
}
.main_text span {
    font-size: 12px;
}


/* section 1 */

section, footer { padding: 70px 0 80px}
.section_title { padding:15px; } 
.section_title h2 { 
  font-size:30px; 
  font-weight:700;
  margin: 0 0 30px 0; } 
.section_title img { 
  width:50px; height:50px;} 

.section_thumbnail { padding:15px; }
.section_thumbnail a { 
  font-family: 'Titillium Web', sans-serif;
  font-weight:700; }
.section_thumbnail a:hover { color:inherit; }
.section_thumbnail p { margin:15px 0 0 0; font-size:1.05em; }
.section_thumbnail span { 
  font-family:'Noto Sans KR', '맑은 고딕', sans-serif; 
  font-weight:300;
  margin-left:10px;
  color:#666;  }


/* section 2 */
.section2 { 
    background:#F0F0F0;
    height:80vh;
    max-height: 480px;
    padding:0
  }
  .section_bg { 
    width:100%; height:100%;
    background:url('../img/index_20220930_benefit.jpg') no-repeat top center / 100% auto;
  }
  .section2 .section_title { color:#fff; padding-top:70px; }

/* section 3 */
.section3 {  background:#F0F0F0; }
.section3 .section_thumbnail {}
.section3 .section_thumbnail a { display:block; }
.section_text_wrap {  
  background:#fff; 
  padding:30px;}
.section_text_desc { 
  color:#666; font-size:1.05em;}
.section_text_writer { 
  color:#999; text-align:right;
  margin-top: 40px;
}
/* section 4 */

.section4 { padding: 70px 0 150px; }
.store_info_wrap {}
.store_info_wrap h3 {}
.store_info_wrap p{ color: #333;}
.store-info {}
.store-info li {font-size: 14px;}
.store-info .title {
  font-family: 'Saira', sans-serif;
  font-weight: 600;
  color: #333;
}

/* section 5 */
.section5 {
  height:48vh;
  max-height: 480px;
  padding:0;
}  

  .section5 .section_bg{
    width:100%; 
    height:100%;
    background:url('../img/index_story.jpg') no-repeat 50% 50% / cover;
  }
  .section5 .section_title{
    color:#fff; 
    padding-top:70px;
  }

/* section 6 */
.section6 {background:#F0F0F0;}
.section6 h2 {
  font-size: 1.3em;
  margin-bottom: 20px;
}
.accordion{}
.accordion p, .accordion a{
  font-size: 0.9em;
  color: #999;
}
.accordion-button:focus {
  z-index: 3;
  border-color: var(--bs-gray-500);
  outline: 0;
  box-shadow: var(--bs-gray-700);
}


.accordion-button:not(.collapsed) {
  color: #fff;
  background-color: #c0ab92;
  box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);
}

.accordion-button:not(.collapsed)::after {
  background-image: var(--bs-accordion-btn-icon);
}

.notice_list {}
.notice_list span {
  color:#666; 
  margin-right: 20px;
  font-size: 0.85em;
}
.notice_list a {color: #333;}

/* footer */
.util_Menu { margin-bottom : 65px; }
.util_Menu a {
  font-family: 'Saira', sans-serif;
  font-weight: 700;
}

.util_Menu a:hover {
  color:inherit;
}

.sns > li { 
  width: 16px;
  height: 16px;
}
.store {
  color: #666;
}
.store .title{
  font-family: 'Saira', sans-serif;
  font-size: 13px;
  font-weight: 700;
}
.store .desc {
  font-size: 12px;
  line-height: 2;
}
.store a {
  display: inline-block;
  font-size: 12px;
  border-bottom: 1px solid #9999;
  color: #9999;
}

.info {
  line-height: 2;
}
.info .copy {
  font-size: 12px;
  color: #666;
}
.info .address{
  font-size: 11px;
  color: #666;
}
.address span {
  display: inline-block;
  color: #999;
  margin-right: 7px;
}
.address a {
  color: #999;
  margin-left: 8px;
}
.address li span:first-child{
  margin-left: 0;
}

.navbar-toggler{
  border: 0 solid transparent;
}
.navbar-toggler:focus {
  box-shadow: 0 0 0 0;
}