@charset "utf-8";
@import url(/template/css/reset.css);
@import "font.css";
body {font-family: 'Noto Sans KR',sans-serif !important;}
.fixed#gnb{overflow-y:hidden;}
#wm_popup_13{ width: 100%;display: flex;justify-content: center;}
#wm_popup_13 .pop_inner{position: fixed;top:0;left:0;width:100%;height: 100%;background: rgba(0,0,0,0.8);z-index: 103;}
/* #wm_popup_13 .pop_box{ position: fixed;top: 50%;left: 50%;transform: translate(-50%,-50%);z-index: 104;} */
.m_header_raum{display: none;}
/*index*/
.group{display: none;}
.gnb{display: none;}
.group .btn_smap{top:15px;}
.icons:after {content: "";position: absolute;right: 0px;top: 0px;width: 50px;height: 50px;background: url(/template/image/icon/sub_nav.png) no-repeat;background-position: center center;}
.header_raum{position: fixed;width:100%;height: 80px;padding: 0 50px;background: #fff;z-index:101;border-bottom:1px solid #ddd;}
.header_raum h1{float: left;line-height: 80px;}
.header_raum h1 a{ color: #555;background: url(/image/logo/logo_raum.png)no-repeat center;width: 200px;background-size: 100%;text-indent: -9999px;display: inline-block;}
.header_raum .gnb_raum{float: left;position: relative;z-index: 10;}
.header_raum .gnb_raum > ul > li{display: inline-block;margin: 0 0 0 40px;}
.header_raum .gnb_raum > ul > li:first-chil{margin-left: 0;}
.header_raum .gnb_raum > ul > li > a{display: block;position: relative;padding: 0 8px;color: #2c2c2c;text-align: center;font-size: 19px;font-weight: 500;line-height: 80px;}
.header_raum .gnb_raum > ul > li > a:after{ content: "";position: absolute;bottom: -2px;left: 50%;width: 0;height: 3px;background: transparent;transition: all 0.2s;}
.header_raum .gnb_raum > ul > li.on a:after,
.header_raum .gnb_raum > ul > li:hover a:after{left:0; width:100%; background:#359100;}

.header_raum_bg{ background: #fafafa;border-bottom: 1px solid #ddd;position: fixed;top:80px;left:0;width:100%;height: 57px;z-index: 2;opacity: 0;visibility: hidden;}
.header_raum_bg.on{opacity:1;visibility:visible; -webkit-transition: 0.3s all ease;-o-transition: 0.3s all ease;transition: all 0.3s ease 0s;}
.sub_raum{ position: absolute;top: 80px;left: 0;width:100%; opacity: 0;visibility: hidden;}
.sub_raum.on{opacity:1;visibility:visible;}
.sub_raum li{float: left;}
.sub_raum li:first-child{padding-left: 26px;}
.sub_raum li a{ display: block;padding: 0 22px;color: #878787;text-align: center;font-size: 16px;font-weight: 400;line-height: 57px;letter-spacing: -.01em;}
.sub_raum li.on a{color:#2c2c2c;}
.sub_raum li:hover a{color:#2c2c2c;}

.top_title2{ position: relative;margin-bottom: 35px;padding: 80px 50px 0;text-align: center;}
.top_title2 h1{color: #2c2c2c;font-size: 45px;font-weight: 500;line-height: 1.3em;letter-spacing: -.025em;text-transform: uppercase;padding-top: 90px;}

.home-section{padding-top: 80px;}
/*sale*/
#sale{text-align: center;margin-bottom: 100px;min-height: 700px;width:1200px;margin:0 auto 40px;}
.tab li,.tab2 li {float: left;}
.tab li a, .tab2 li a, .tab2 li span {cursor: pointer;display: block;color:#2c2c2c;}

.tab li{width:50%;height: 52px;border:1px solid #524233;}
.tab li.active,
.tab li:hover{background:#675542;}
.tab li a{color:#333;font-size: 16px;line-height: 52px;display: block;}
.tab li:hover a,
.tab li.active a{color:#fff;}

.tab2{ overflow: hidden;border-bottom: 1px solid #ddd;/* margin-bottom: 50px; */}
.tab2 li{width:auto;height: 40px;line-height: 40px;margin-left: 58px;}
.tab2 li a{display: block;height: 37px;font-size: 13px;color: #737373;font-weight: bold;line-height: 37px;text-align: center;padding: 0 1px;}
.tab2 li.active span{border-bottom: 2px solid #96d152;height: 40px;}

.tabContent {clear: both;display: none;overflow: hidden;}
.tabContent.active {display: block;}

.tabContent2 {clear: both;display: none;overflow: hidden;}
.tabContent2.active {display: block;}

/* .tabContent2 ul{overflow: hidden;}
.tabContent2 li{width:50%;float: left;padding:0 10px 10px;} */
.tabContent2 li img{width:100%;}

.list_style01 li{width:25%;padding:4px;}
.list_style01 li:hover img{-webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1);}
.list_style01 li a:hover{-webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1);}

.list_style01 li .item_wrap{display: block;position: relative;overflow: hidden;}
.list_style01 li a:after{content: " ";position: absolute;top: 0;left: 0;bottom: 0;right: 0;-moz-opacity: .2;-khtml-opacity: .2;-webkit-opacity: .2;opacity: .2;-ms-filter: alpha(opacity=20);filter: alpha(opacity=20);background-color: #000;transition: all 0.35s;}

.list_style01 li .title{position: absolute;bottom: 20px;right: 22px;left: 22px;text-align: right;color: #fff;transition: all 0.4s;z-index: 10; font-size: 16px;font-weight: 400;line-height: 24px;letter-spacing: -.03em;}
.list_style01 li .title:after{content: "";position: absolute;right: 0;bottom: -76px;width: 60px;height: 60px;border-radius: 50%;background: #fff url(http://www.daehye.com/images/main/sldie_next_on.png) 50% 50% no-repeat;transition: all 0.35s;-ms-filter: alpha(opacity=0);opacity: 0;}
.list_style01 li:hover a:after{opacity:.7;}
.list_style01 li:hover .title{bottom:50%;}
.list_style01 li:hover .title:after{opacity:1;}

@media (max-width: 1670px){
.container{width:1200px;}
}

@media (max-width: 1400px){
#organization img{padding-top: 0;}
}

@media (max-width:1300px) {
.list_style01 li{width:50%;}
#sale{width:100%;padding:40px 10px;min-height: 500px;}
.container{width:100%;}
}

@media (max-width:1024px) {
.header_raum .gnb_raum > ul > li > a{padding:0 6px;}
.header_raum{padding:0 20px;}
.header_raum .gnb_raum > ul > li{margin:0 0 0 20px;}
.top_title2 h1{font-size: 30px;}
.news_wrap{min-height: 500px;}
}

@media(max-width:760px){
.header_raum_bg{display: none;}
.header_raum{display: none;}
.m_header_raum{display: block;position: fixed;width:100%;height: 60px;background: #fff;top:0;left:0;z-index: 9;}
.m_header_raum h1{border-bottom:1px solid #eee;}
.m_header_raum h1 a{color: #555;font-size: 20px;line-height: 60px;background: url(/image/logo/logo_raum2.png)no-repeat center left 10px;background-size: 160px 42px;text-indent: -9999px;display: inline-block;box-sizing: border-box;width: 170px;}

.menu_btn{position: absolute;right: 10px;top: 20px;width: 25px;height: 20px;background: url(/template/image/icon/sub_nav.png) no-repeat;background-position: center center;display: block;text-indent: -9999px;}

.m_raum_menu{position: fixed;top:0;right:0;width:100%;height: 100%;z-index: 10;background: #fff;opacity:0;display: none;transition: opacity 350ms ease-out;}
.m_raum_menu.on{opacity:1;display: block;}
.m_raum_menu h1{border-bottom:1px solid #eee;}
.m_raum_menu .close{position: absolute;top:20px;right:10px;width: 20px;height: 20px;font-size: 0;background: url(/image/icon/close_on_btn.png) no-repeat;background-position: center;background-size: 100%;}
.m_raum_menu > ul{padding:0 10px 30px;}
.m_raum_menu > ul > li{border-bottom: 1px solid #eee;}
.m_raum_menu > ul > li > a{display: block;position: relative;padding: 11px 0;color: #2c2c2c;font-size: 18px;font-weight: 400;line-height: 1.3em;}
.m_raum_menu > ul > li.one > a{background: url(/image/icon/menu_off.png) no-repeat center right;background-size: 15px;}
.m_raum_menu > ul > li.one > a.on{background: url(/image/icon/menu_on.png) no-repeat center right;background-size: 15px;}
.m_sub_raum{height: 0;overflow: hidden;}
.m_sub_raum li.on a{color:#2c2c2c;}
.m_sub_raum li a{ display: block;padding: 7px 10px;color: #878787;font-size: 16px;font-weight: 400;line-height: 1.3em;}

.list_wrap{min-height:500px;}
.home-section{padding-top: 60px;}

.top_title2{padding:60px 0 0;margin: 0;}
.top_title2 h1{font-size: 18px;padding:13px 0;border-bottom:1px solid #eee;}

.list_style01 li{width:100%;padding:0 0 5px;}
.list_style01 li .title{text-align: left;right:inherit;left:10px;bottom:10px;}
.list_style01 li:hover .title{bottom:10px;}
.list_style01 li .title:after{display: none;}

.tab li{height: 36px;}
.tab li a{line-height: 36px;font-size: 14px;}

.tab2{margin-bottom: 10px;}
.tab2 li{margin-left: 0;margin:0 5px;}
.tabContent2 li{width:100%;padding:10px 0;}
.tap_nav li{padding: 6px 9px;width: auto;}
#wm_popup_13{padding:0 10px;}
}