/* 공통 */
.sub_con {width:100%; padding:0 15px;}
.sub_title {text-align: center;}
.sub_title h2 {font-weight: 500; font-family: 'Montserrat'; font-size:16px; letter-spacing: 1px; color:#c3a078; text-transform: uppercase;}
.sub_title h1 {color:#2a231b; font-family: 'S-CoreDream-5Medium'; font-weight: 400; font-size:26px;}
.sub_title h1::after {    content: ''; display: block; width: 1px; height: 40px; background: #7b5c40; margin: 20px auto 60px;}

/*Content CSS*/
#concept {padding: 60px 0; background: url('../img/dot_pat.png') 50% 50% repeat;}
#concept .sub_con {display: flex; flex-wrap:wrap;}
#concept .sub_con .concept_box {width:100%; margin-bottom: 40px;}
#concept .sub_con > .concept_box:last-child {margin-bottom: 0;}

.concept_box .concept_btn { position: relative; display: block; text-align: center; box-shadow: 4px 4px 10px 0 rgba(0, 0, 0, 0.06);}
.concept_box .concept_btn > img {width: 100%;}
.concept_btn .hv_plus {position: absolute; width: 100%; height: 100%; left:0; top:0; background: rgba(88,57,28,.9); display: flex; align-items: center; justify-content: center;
transition: all .3s ease; opacity: 0; display: none;}
.concept_btn:hover .hv_plus {opacity: 1;}
.concept_box .concept_btn i {font-size:24px; color:#fff; position: absolute; right:10px; bottom: 10px; text-shadow: 1px 0 4px rgba(0,0,0,.4);}
.concept_title { text-align: center;}
.concept_title h2 {font-weight: 500; font-family: 'Montserrat'; font-size:13px; letter-spacing: 1px; color:#c3a078; text-transform: uppercase; margin-bottom: 2px;}
.concept_title h2::before {    content: '';display: block;width: 30px;height: 2px;background: #b4a791;margin: 30px auto 20px;}
.concept_title h1 {font-size: 20px; font-weight: 400;color: #333; font-family: 'S-CoreDream-5Medium'; line-height: 30px;}







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

}

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

}

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

}

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

}