/**/
.wrap {max-width:1200px;}
.wrap.over {max-width:100%; padding:0 100px;}
.upp{text-transform: uppercase;}
header {position:relative;background:rgba(0,0,0,0.0);  }
header #tnb {}
header.in-active { }
header.in-active #tnb { background:rgba(255, 255, 255, 0.98);  box-shadow: 3px 0 10px 0 rgb(0 0 0 / 30%); }
header.in-active #tnb .logo a{}
header.in-active #tnb a.m1{color:#111;}
header.in-active #tnb .logo img{}
header.active {}

/* */
.wrap.location {max-width:1200px;}

@media screen and (max-width:1200px) {
    .wrap,
    .wrap.over,
    .wrap.location {max-width:95%; padding:0;}
}

/**/
#site-map-toggle {display:none;}

/**/
#tnb {padding:0; position:fixed; z-index:9999; width:100%; height:100px; user-select:none; background:#fff;}
#tnb .wrap {height:100%; position:relative;}
#tnb a {color:#444;  display:block; text-align:center;}
#tnb a:hover{color:#29ce8a; font-weight: 500;}
#tnb a.m1{font-size:20px; font-weight:500; color:#000;}
#tnb a.m1:hover{color:#1b8ad7;}
#tnb .logo {position:absolute; display:flex; z-index:100; height:100%;align-items: center;}
#tnb .logo a {line-height:0;}
#tnb .logo a.hover {}
#tnb .logo a:hover span {transform:rotateY(360deg);}
#tnb .logo span {display:inline-block; transition:all 1500ms;}
#tnb .logo span:nth-child(1) {transition-delay:100ms;}
#tnb .logo span:nth-child(2) {transition-delay:200ms;}
#tnb .logo span:nth-child(3) {transition-delay:300ms;}
#tnb .logo span:nth-child(4) {transition-delay:400ms;}
#tnb .logo span:nth-child(5) {transition-delay:500ms;}
#tnb .logo span:nth-child(6) {transition-delay:600ms;}
#tnb .logo span:nth-child(7) {transition-delay:700ms;}
#tnb .logo span:nth-child(8) {transition-delay:800ms;}
#tnb .logo span:nth-child(9) {transition-delay:900ms;}
#tnb ul.m1 {
    width:100%; height:100%; display:flex; align-content: center; justify-content: flex-end; align-items: center;
    flex-direction: row; z-index:99; padding-right: 150px;
}
#tnb li.m1 {
    position:relative; padding:0; width:160px;
}
#tnb li.m1:after {
    content:''; display:block; position:absolute; margin:auto; top:0; right:0; bottom:0; left:auto;
    width:1px; height:10px; background:#ccc;
}
#tnb li.m1:last-child:after {display:none;}
#tnb ul.m2 {
    border:1px solid #ccc;
    display:none; position:absolute; width:150px; background:#fff; padding:10px; margin:auto;
    top:50px; right:0; bottom:auto; left:0;
}
#tnb a.m2{padding:8px 0; font-size: 13px;}
#tnb .btn-search-product {
    height:40px; line-height:40px; padding:0 40px 0 15px; border-radius:20px;
    color:#fff; display:inline-block; position:absolute; top:0; right:100px; bottom:0; margin:auto;
    background:url(/images/contents/icon/icon-search.png) no-repeat center right 15px #1b8ad7;
}
#tnb .btn-search-product:hover {font-weight:normal;}

@keyframes logoAnimation_hover {
    0% {transform:none;}
    100% {transform:rotateY(360deg)}
}

@media screen and (max-width:1420px) {
    .pc.pcTablet{display:block;}
    #tnb ul.m1 {padding-right:15%;}
    #tnb .wrap.over {padding:0 30px;}
    #tnb a.btn-search-product {right:40px;}
    #tnb .btn-search-product{right: 40px;}
}

@media screen and (max-width:1200px) {
    #tnb .wrap.over {padding:0;}
    #tnb a.btn-search-product {right:20px;}
    #tnb .btn-search-product{right: 20px;}
}

@media screen and (max-width:1024px) {
    #tnb .wrap ul {display:none;}
    #site-map-toggle {display:block;}
    #tnb a.btn-search-product {right:50px;}
    #tnb .btn-search-product{right: 50px;}
}

@media screen and (max-width:768px) {
    #tnb .wrap.over {padding:0;}
    #tnb .btn-search-product {right: 55px; font-size: 0; width: 40px; padding: 0; background: url(/images/contents/icon/icon-search.png) no-repeat center right 12px #1bc1f3;}
}

/**/
#snb {
    display:none; margin:100px auto 0 auto; width:100%; position:fixed; z-index:10;
    background:rgba(255, 255, 255, 0.96); 
}
#snb.active {display:block;}
#snb .wrap {text-align:center; max-width: 1000px;}
#snb ul.m1 {}
#snb li.m1 {padding-bottom:30px; width: 250px;}
#snb a.m1 {display:none;}
#snb ul.m2 {min-height:1px;}
#snb li.m2 {line-height:36px;}
#snb li.m2:first-child{margin-top:20px;}

#snb a.m2 {display:block;}
#snb a.m2:hover {color:blue;}

@media screen and (max-width:1150px) {
    #snb .wrap {width:100% !important; max-width:100%; left:0 !important;}
    #snb a.m1 {display:block; margin:20px 0;}

}

@media screen and (max-width:800px) {
    #snb { height:100vh;}
    #snb .wrap {}
    #snb li.m1 {width:100%; text-align:right; padding:0 20px; border-bottom:1px dashed #ccc;}
    #snb ul.m2 {float:right;}
    #snb li.m2 {float:left; margin:0 0 0 10px;}
    #snb li.m2:first-child {margin:0;}

}

/* language select */
.language {
    position:absolute;width:80px;height:42px;border:3px solid #ddd;border-radius:100px;line-height:35px;text-align:center;
    color:#6b7d8c;overflow:Hidden;transition:all 0.3s;cursor:pointer;top:30px;right:100px;z-index:900;user-select:none; font-size:15px;
}
.language:hover { color:#1b8ad7;}
.language .select {}
.language .select .lang {display:none;}
.language .select .lang.active {display:block;}
.language .select .lang span.fa {margin-left:3px; color:#ddd;}
.language .select .lang span.no-fa {display:inline-block;margin-left:10px;}
.language.active {height:80px; border-radius:15px;}
.language.active .lang {display:block; }
.language.active .lang.active a{}
.select .lang a,
.language a {background:none !important;border:0 !important;}
.select .lang a:hover,
.language a:hover{color:#1b8ad7 !important; font-weight:normal !important;}
.mobile .language {position:relative;top:0;right:0;margin:20px auto;}


#edam-shop {
    position: absolute;
    right: 195px;
    top: 0;
    bottom: 0;
    width: 36px;
    height: 45px;
    margin: auto;
}
.mobile #edam-shop{
    position: relative;
    top: 0;
    right: 0;
    margin: 20px auto
        
}


@media (max-width:1420px){
    .mobile {display:block;}
    .pc {display:none;}
    
    .language {right:5%;}
    #edam-shop {right:13%;}
}

@media (max-width:1024px){
    .pc.pcTablet {display:none;}
    .language {right:70px;}
    .leaverou > li.mobile {float:right; margin-right:20px;}
    .mobile .language {float:right;}
    .mobile #edam-shop {float:right;}
    
}

@media (max-width:800px){
    .mobile .language{margin:0 auto;}
}

/**/
#sbv {padding-top: 0;}
.sub-visual{background:url(/images/layout/sub_visual01.jpg) no-repeat center center; height:500px; position:relative; background-size:cover;}
.sub-visual#sub-visual-2 {background-image:url(/images/layout/sub_visual02.jpg);}
.sub-visual#sub-visual-3 {background-image:url(/images/layout/sub_visual03.jpg); }
.sub-visual#sub-visual-4 {background-image:url(/images/layout/sub_visual04.jpg); }

.sub-visual .rect {color:#fff; border:1px solid transparent; text-align: center; position: relative; top: 47%;}
.sub-visual .subVisualText_1 {}
.sub-visual .subVisualText_2 {margin-top: 10px;}
.sub-visual .subVisualText_1 span {animation:subVisualText_1 both 1000ms; position:relative; display:inline-block; color:#fff;}
.sub-visual .subVisualText_2 span {animation:subVisualText_2 both 800ms; display:inline-block; color:#fff;}

@keyframes subVisualText_1 {
    0% {opacity:0; transform:translateY(-10px) rotateY(-180deg);}
    100% {opacity:1;}
}
@keyframes subVisualText_2 {
    0% {opacity:0;}
    100% {opacity:1;}
}

#subpage-menu {height:70px;position:relative; left:0; bottom: 0; width:100%; border-bottom: 1px solid #ddd;}
#subpage-menu td {color:#000;line-height:70px; border-right:1px solid #ddd; position:relative; height:70px; font-weight: 700;}
#subpage-menu td:last-child {position: relative;}
#subpage-menu td:last-child:after{position: absolute; left:0; bottom:0; content: ''; background: #29ce8a; width: 100%; height: 3px;}
#subpage-menu td:nth-child(n+2) {min-width:270px;}
#subpage-menu td .drop-menu li,
#subpage-menu td .mon {padding:0 100px 0 30px;cursor:pointer;user-select:none;}
#subpage-menu td .mon img {transition:all 0.3s;}
#subpage-menu td .mon.active img {transform: rotate(-180deg);}
#subpage-menu td.home {padding:0;width:70px;position:relative; background: #29ce8a; text-align: center; border-right:0;}
#subpage-menu td.home img {position:relative;left:0;top:9px;}
#subpage-menu td.m img {position:absolute;margin:auto;top:0;bottom:0;right:20px;}
#subpage-menu .drop-menu {background:#f8f8f8;}
#subpage-menu .drop-menu {width:100%;position:absolute;z-index:100;}
#subpage-menu .drop-menu ul {display:none;}
#subpage-menu .drop-menu li {padding:0 30px !important; line-height: 3;}
#page-name{margin: 50px 0 95px 0; position: relative; letter-spacing: -2px;}
#page-name:after{content:''; position: absolute; left:0; top:125px; width: 57px; height: 3px; background: #01090f;}
#page-name .sub_txt{margin-top: 10px; letter-spacing: -0.7px;}
#page-name .sub_txt span{display: inline-block;}
@media (max-width:1200px) {
    .sub-visual{height: 400px;}
    .sub-visual .rect{top:43%;}
    .sub-visual .subVisualText_1 {font-size: 45px;}
    #subpage-menu {height:auto;}
    #subpage-menu td,
    #subpage-menu td.home {height:50px; line-height:50px; padding:0;}
    #subpage-menu td.home {width:50px;}
    #subpage-menu .wrap {width:100%; max-width:100%;}
    #subpage-menu td .drop-menu li,
    #subpage-menu td .mon {padding:0 10px; font-size: 15px;}
    #subpage-menu td.m img {display:none;}
    #subpage-menu td.home img{max-width: 20px; top: 5px;}
    #subpage-menu td:nth-child(n+2) {width:auto; min-width:auto; padding:0 7px;}
    #subpage-menu .drop-menu {display:none;}
    #page-name{margin: 50px 0 80px 0; font-size: 40px; }
    #page-name:after{top:105px;}
    #page-name .sub_txt span{display: none;}
    
}

@media (max-width:800px) {
    #sbv {padding-top:80px;}
}
@media (max-width:500px) {
    #page-name{font-size: 30px;}
    #page-name:after{top:85px;}
    #page-name .sub_txt{font-size: 15px;}
}
/* 사이트맵 */
#sitemap{margin-bottom:70px;}
#sitemap .text-primary {color:#fbaa33 !important; font-size:19px;}
#sitemap ul li{padding:6px 0;}

.mobile{display:none;}
.mobile-menu{float:right; z-index:1000;}
.mobile-menu .dropmenu {position:relative; cursor:pointer; width: 35px;  height: 16px; transition: all 0.3s; opacity: 1; top: 38px; right:0;}
.mobile-menu .dropmenu span{display:block; background:#4e4e50; height:2px; transition:all 0.3s; position:absolute; right:0; top:0;}
.mobile-menu .dropmenu span:nth-child(1) {width:23px;}
.mobile-menu .dropmenu span:nth-child(2) {width:30px; top:8px;}
#tnb .mobile-menu .dropmenu.active {width:35px;}
#tnb .mobile-menu .dropmenu.active span:nth-child(1) {transform:rotate(45deg);width:35px;top:5px;}
#tnb .mobile-menu .dropmenu.active span:nth-child(2) {transform:rotate(-45deg);width:35px;top:5px;}
@media screen and (max-width:1150px) {
    .main-menu {display:none;}
    .mobile{display:block;}
    .mobile-menu .dropmenu {top:6px;}
}

/* 푸터 */
/* footer {background:#fff; padding:80px 0;} */
footer {background:#fff; padding:35px 0 20px;} 
footer .logo-foot {font-size:40px; font-weight:600; color:#ccc;}
footer .cs-center {color:#555555; font-size:20px; font-weight:bold;}
footer .cs-center .tel a {color:#1b8ad7; font-size:40px;}
footer .company-info {border-bottom:1px solid #ddd; padding:0 0 30px 0;}
footer .company-info .float-left p { float:left;}
footer .copyright {padding:30px 0;}
footer .copyright .float-left {color:#999999; font-size:16px;}
footer .copyright .m1 {margin:0 0 0 15px; transition:all .3s ease;}
footer .copyright a.m1:hover{color:#ddd;}


.sub-layout footer{background:#f8f8f8; border-top:1px solid #eee;}
@media screen and (max-width:900px) {
    
    footer {text-align: center;}
    footer .logo-foot{font-size: 25px; margin-bottom: 10px;}
    footer .company-info{padding-bottom: 15px;}
    footer .company-info .float-left p{float:none; display: inline-block;}
    footer .float-left,
    footer .float-right{float:none !important; text-align: center !important;}
    footer .company-info .float-left p.mr-4,
    footer .company-info .float-left p.mr-5,
    footer .company-info .float-left p{margin:0 7px !important; line-height: 1.7;}
    footer .cs-center{margin-top: 20px;}
    footer .cs-center .tel{margin-top: -10px;}
    footer .cs-center .tel a{font-size: 30px;}
    footer .copyright{padding:30px 0 15px 0;}
    footer .copyright .float-right{display: none;}
}