#k_main{height: 100%; overflow: hidden; background-image: url(../images/story_bimg.jpg); background-position: center; background-size: cover; background-repeat: no-repeat; position: relative; z-index: 100}

.k_main_title{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width:100%;}
.k_main_title>h2{font-size: 1.75rem; font-weight: 400; color: #3C3C3B; }
.k_main_title>p{color: #3C3C3B; font-size: 1rem; line-height: 2rem; font-weight: 300;  margin-top:3%; width:100%;}

.arrow{position: absolute; bottom: 10%; width: 100%; text-align: center;}
.head_nav>ul>li:nth-child(4)>div>a{color: #FF791F !important;}

/*신제품*/
#new_prod{}
#new_prod>h2{color: #000; font-size: 2.5rem;}
.owl-carousel .item h3{font-size: 1.5rem; color: #3d3d3d;  margin-bottom: 25px;}
.owl-carousel .item p{font-size: 1rem; line-height: 1.5rem; color: #3d3d3d; height:3rem; overflow:hidden;}
.owl-carousel{padding:5% 0 5%; position: relative;}
.owl-theme .owl-nav{margin-top: 50px !important;width: 100%; }
.owl-prev{margin-right: 40px !important; background: none !important;}
.owl-next{margin-left: 40px !important; background: none !important;}
.owl-theme .owl-dots{margin-top: -32px !important; text-align: center;}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{background: #FF791F ;}
.item>div:nth-child(4){border: 1px solid #FF791F; border-top:0px;}
.view_go{border-bottom: 1px solid #FF791F;}
.view_go>div{float: right;}
.view_go>div>div{float: left;}
.view_go>div>div:nth-child(1){width:0px;height:0px;
border-left:35px solid transparent; /*border의 성질을 이용해 오른쪽테두리만 투명으로 만든다. */
border-bottom:35px solid #ff791f; /*border를 사용해 두께를 만든다.*/}
.view_go>div>div:nth-child(2)>a{line-height: 35px; height: 35px; padding:  0 20px; color: #fff; background: #ff791f; font-size: 1rem; display: inline-block;}


/*미디어*/
#media{}
 #media>h2{ color: #000; font-size: 2.5rem; text-align:center;} 
/*.media_list>li{float: left; width: 47.5%;  margin-right: 5%; cursor: pointer;}
.media_list>li:nth-child(2n){margin-right: 0px;}
.media_list>li>h4{font-weight: bold; font-size: 1.25rem; text-align: center; padding: 10px;}
.media_list>li>p{font-size: 1rem; line-height: 1.5rem; color: #4e4e4e; padding: 10px;}
 */

.life_list>li{width: 30%; padding: 10px; float: left; margin-bottom: 50px; cursor: pointer; text-align: left; margin-right: 5%; border: 2px solid #f5f5f5; box-sizing: border-box;}
.life_list>li:nth-child(3n){margin-right: 0px;}
.life_list>li>div{width: 100%;}
.life_list>li>h4{font-size: 1rem; color: #797d82; font-weight: 500; padding: 10px 0; border-bottom: 1px solid #797d82; display: inline-block;overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%;}
.life_list>li>div:nth-child(3){font-size: 0.875rem; margin-top: 10px; padding: 0 0px; line-height: 1rem; color: #797d82;
font-family: NotoSansCjk !important;
/* 한 줄 자르기 */ display: inline-block; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; /* 여러 줄 자르기 추가 스타일 */ white-space: normal; height: 2rem; text-align: left; word-wrap: break-word; }
.life_list>li>div:nth-child(3) *{font-family: NotoSansCjk !important;}
.life_list>li>div>p{font-size: 0.875rem; line-height: 1rem; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; /* 여러 줄 자르기 추가 스타일 */ white-space: normal; height: 1rem; text-align: left; word-wrap: break-word;}

.nam_modal2{width: 50%; height: auto; max-height: 90%; overflow-y:auto; background:#fff; position: fixed; top: 50%; left: 50%; z-index: 20000; transform: translate(-50%, -50%); display: none; padding: 50px;}


.listveiw_btn2{display: inline-block; padding: 10px;  border: 1px solid #ccc; cursor: pointer; margin-top: 5%;}
/*모달창*/
.nam_modal_back{width: 100%; height: 100%; background: rgba(0, 0, 0, 0.8); position: fixed; top: 0; left: 0; z-index: 10000; display: none;}

.nam_modal{width: 80%; height: auto; max-height: 90%; overflow-y:auto; background:#fff; position: fixed; top: 50%; left: 50%; z-index: 20000; transform: translate(-50%, -50%); display: none; padding: 50px ;}


.listveiw_btn{display: inline-block; padding: 10px;  border: 1px solid #ccc; cursor: pointer; margin-top: 5%;}

.nam_modal_button:hover{opacity: 0.8;}
.nam_modal_button2:hover{opacity: 0.8;}
.nam_modal_group h4{font-size: 1.5rem;  line-height: 1.8rem; text-align: center; font-weight: 500; color: #797d82;}
.nam_modal_group{text-align: center;}
.nam_modal_group>li>div:nth-child(2){color:#777; font-size: 0.9rem; margin-top: 5px; margin-bottom: 5%; text-align: center;}
.nam_modal_group>li>div:nth-child(3) img{width: 70%; height: auto;}
.nam_modal_group>li{margin:0 auto; text-align:center;}
.nam_modal_group>li img {width: 100%; max-width:1000px; height: auto;margin:10px auto;}
.nam_modal_group>li p{text-align: left; font-size: 1rem; font-weight: 300; font-family: NotoSansCjk !important;line-height: 1.5rem;}
.nam_modal_group>li div{text-align: center; font-size: 1rem; font-weight: 300; font-family: NotoSansCjk !important;line-height: 1.5rem;}
.nam_modal_group>li span{text-align: left; font-size: 1rem; font-weight: 300; font-family: NotoSansCjk !important;line-height: 1.5rem;}

.close_btn{position: absolute; right: 10px; top: 5px; font-size: 2rem; font-weight: 700; color: #797d82; cursor: pointer;}
.close_btn:hover{opacity: 0.8;}

/*paging btn*/
.gall_lt{margin-bottom: 150px;}
.page_btn{width: 100%; text-align: center;}
.pagination{display: inline-block;}
.pagination>li{display: inline-block;}
.pagination>li>a{color: #555; margin: 0 10px;}
.pagination .active>a{color: #ff791f !important;}


/*반응형*/

/* 모달 화살표 */
.modalbtn i{font-size:3rem; color:#797d82;}
.prevbtn{position:absolute; top:50%; left:10px;  cursor:pointer;}
.nextbtn{position:absolute; top:50%; right:10px;  font-size:2rem; cursor:pointer;}
@media (max-width:1300px){
    :root{font-size: 15px;}
	.life_list>li{margin-bottom: 5%;}
    .nam_modal2{width: 80%;}
    .gall_lt{margin-bottom: 15%;}
	.full_bg{padding-bottom:15%;}
    .media_table{margin-bottom: 5%;}
}
@media (max-width:1024px){
    :root{font-size: 14px;}
}
@media (max-width:768px){
    :root{font-size: 13px;}
    .media_list>li{width: 100%; margin-bottom: 20px; margin-right: 0px;}
    .media_list>li:last-child{margin-bottom: 0px;}
	.life_list>li{width: 50%;}
}
@media (max-width:480px){
    :root{font-size: 12px;}
	.life_list>li{width: 100%;}
    .nam_modal{width: 95%; padding: 10%;}
    .nam_modal2{width: 95%; padding: 10%;}
}