@charset "utf-8";


/* MOBILE */

ul.MobileTab {display:flex !important; }
ul.MobileTab li{width:50%; display:flex; align-items:center;height:100%; }
ul.MobileTab li a{width:100%;  text-align:center;  }
ul.MobileTab li a.on{background:#eee; color:#000; font-weight:500 }
#m-nav { position:fixed; left:calc(-90% - 40px); top:0; height:100%; width:90%; background:#fff;  transition:all 0.3s ease; -webkit-transition:all 0.3s ease; z-index:999999; overflow-y:auto}
#m-nav .etc { display:flex; }
#m-nav .etc a { display:block;  width:33.33333%; border-right:1px solid #ccc; text-align:center; font-size:15px; color:#fff; background:#105b95; padding:10px 0; }
#m-nav .etc a:nth-child(3) { border-right:0;  }
#m-nav .etc a.on {background:#1dbecf;  }
#m-nav> div > h1 { display:block;text-align:center; margin:50px 0 30px 0}
#m-nav .nav > div > h2 { line-height: 2em; }
#m-nav .nav h2 > a { display:block; font-size:18px;  color:#333; font-weight:600; padding:15px 0 15px 20px; border-bottom:1px solid #ccc; background:url(/images/common/ico_m_nav_plus.png) no-repeat 95% 50%; }
#m-nav .nav ul { display:none; border-bottom:1px solid #ccc; }
#m-nav .nav ul > li > a { display:block; font-size:15px; color:#666; padding:10px; }
#m-nav .nav ul > li:first-child > a { }
#m-nav .nav ul > li:last-child > a { }
#m-nav .nav > div.active ul { background:#f2f2f2; }
#m-nav .nav > div.active ul > li > a{ color:#333; padding-left:20px }
#m-nav .nav > div.active h2 a { background-color:#666; font-weight:600; font-size:18px; background-image: url(/images/common/ico_m_nav_minus.png); color:#fff; }
#m-nav .btn-close { position:absolute; right:0px; top:0px;  background:#000 url(/images/common/btn_close.png) no-repeat 0; background-size: cover; width:40px; height:40px; }
.bg-gnb { display:none; position:fixed; left:0; right:0; top:0; bottom:0; background:rgba(0,0,0,0.7); z-index:601;}

/* Mobile Active */
body.fixed  { overflow:hidden !important; }
body.fixed #m-nav { left:0; }
body.fixed .bg-gnb { display:block; }

/*사이트 공통*/
/* header 헤더 */
#header{width:100%; height:115px;position:fixed;top:0;padding:0 40px;font-size:20px; min-height: 35px;margin: 0 auto;z-index: 60;color: #fff; border-bottom:1px solid #9a9c9d; }

.over_logo {position: absolute;    left: 0;    top: 0;    padding: 25px 95px 50px 95px;    background: #fff;    width: 320px;    height: 180px;    z-index: 99;}
.over_logo.over_in {display:none;}

#logo_img {}

#header.headerin{ background-color:#fff; color:#000;}
#header.headerin #top #navi ul.topngb li a {color:#000;}

#header.subpage{background: #fff; color: #333; }
#header.subpage #top #navi > ul.topngb > li a{color:#333;}


#header #top { max-width: 100%; width:100%; vertical-align: middle; position:relative; padding:20px 0; display:flex}
 
#header #top > #navi {margin:0 auto; }
#header #top > #navi:after{clear:both; display:block; content:'';}
#header #top h1 { position: absolute; top:30px; left: 0; right:0; display:flex; align-items:center}
#header #top #navi ul.topngb{ display:inline-block; font-weight:500;   }
#header #top #navi ul.topngb > li {  }
#header #top #navi > ul.topngb > li {position:relative;text-align:center; display:inline-block; }
#header #top #navi > ul.topngb > li:after{clear:both; display:block; content:''; }
#header #top #navi > ul.topngb > li a{color:#fff; display:block; padding:35px 40px;}
#header #top #navi > ul.topngb > li a:hover{color:#18489d;}

ul.header_sns {display:flex;padding-left:20px; }
ul.header_sns > li a{display:block; font-size:0; width:40px; height:40px; margin-right:10px; border:1px solid #fff; border-radius:50%}
ul.header_sns > li:nth-child(1) a{background:url('/images/common/ico_sns_01.png') no-repeat center; background-size:35px}
ul.header_sns > li:nth-child(2) a{background:url('/images/common/ico_sns_02.png') no-repeat center; background-size:35px}
ul.header_sns > li:nth-child(3) a{background:url('/images/common/ico_sns_03.png') no-repeat center; background-size:35px}
ul.header_sns > li:nth-child(4) a{background:url('/images/common/ico_sns_04.png') no-repeat center; background-size:35px}
ul.sgrp {position:absolute; right:0; top:50px; z-index:999999; display:flex; }
ul.sgrp > li {margin-right:20px}
ul.sgrp > li > dl {margin-right:30px}
ul.sgrp > li > div.header_search{display:flex; flex-wrap:no-wrap; position:relative;}
ul.sgrp > li > div.header_search input[type='text'] {border:0; color:#ccc;border-bottom:1px solid #ccc;  background-color:transparent;}
ul.sgrp > li > div.header_search .searchbtn {font-size: 0;position:absolute; right:0; top:0; border:0; display:inline-block; font-size:0; width:35px; height:35px; background: url('/images/common/ico_search.png') no-repeat center center; }
#header.headerin ul.sgrp > li > div.header_search input[type='text'] {border:1px solid #ccc; color:#666;}
ul.sgrp > li a.cart {display:block; background:url('/images/common/ico_cart.png') no-repeat center 5px; font-size:0; width:35px; height:35px; margin-right:10px}
ul.sgrp > li a.cart:hover{display:block; background:url('/images/common/ico_cart_o.png') no-repeat center 5px;}
#header.headerin ul.sgrp > li a.cart{display:block; background:url('/images/common/ico_cart_o.png') no-repeat center 5px; }

ul.sgrp dl{position:relative;}
ul.sgrp dl > dt.family{background:url('/images/common/ico_lang.png') no-repeat center 5px; font-size:0; width:35px; height:35px}
ul.sgrp dl > dt.family:hover{background:url('/images/common/ico_lang_o.png') no-repeat center 5px; }
#header.headerin ul.sgrp dl > dt.family{background:url('/images/common/ico_lang_o.png') no-repeat center 5px; }
ul.sgrp dl > .familyLink { display:none;}
ul.sgrp dl > dd.familyLink ul{background:#fff;border:1px solid #ccc; position:absolute; left:0; top:30px}
ul.sgrp dl > dd.familyLink > ul  > li {padding:5px 20px; font-size:15px; border-bottom:1px solid #ccc}
ul.sgrp dl dt{ position:relative;cursor:pointer;    display: block; }
ul.sgrp li a.memLogin{display:block; background:url('/images/common/ico_member.png') no-repeat center 5px; font-size:0; width:35px; height:35px; margin-right:10px}
ul.sgrp li a.memLogin:hover{display:block; background:url('/images/common/ico_member_o.png') no-repeat center 5px;}
#header.headerin ul.sgrp li a.memLogin{display:block; background:url('/images/common/ico_member_o.png') no-repeat center 5px; }

#header #top #navi ul.topngb li div.submenu {display:none; position:absolute;  font-weight:300; left: 50%; transform: translateX(-50%); }
#header #top #navi ul.topngb li div.submenu > .submenu_div { max-width:200px; margin: 35px auto; text-align:right; background:rgba(5,23,55, 0.9);; }
#header #top #navi ul.topngb li div.submenu > .submenu_div ul li {display:block; font-size:15px;}
#header #top #navi ul.topngb li div.submenu > .submenu_div ul li:first-child {padding-top:20px}
#header #top #navi ul.topngb li div.submenu > .submenu_div ul li:last-child {padding-bottom:20px}
#header #top #navi ul.topngb li div.submenu > .submenu_div ul li a {color:#fff;display:block;; line-height:1.3em; text-align:center;   padding: 5px 0;}
#header #top #navi ul.topngb li div.submenu > .submenu_div ul li:hover > a {display:block; background-color:#184481; color:#fff; }
#header #top #navi ul.topngb li:hover > .submenu{display:block;}
#header.headerin #top #navi ul.topngb li a {text-shadow: none;}
#header #top:after{content:''; display:block; clear:both;}





@media(max-width:1280px){
	#header { height: auto;}
/*	#header #top { padding:0;}*/
	#header h1 > a{display:inline-block; padding-top:5px}

}
@media(max-width:680px){}



/* head sub 2depth 간격*/


#header #top #navi ul.topngb li div.submenu{ display: none; overflow: hidden; /*position: fixed;*/  width: 180px; /*background-color: rgba(255,255,255,1);*/ top:60px;}
#header.headerin #top #navi ul.topngb li div.submenu {/*background-color: rgba(255,255,255,1);*/}
#header #top #navi ul.topngb {font-weight:400;margin-right:25px;}
#header #top #navi ul.topngb li div.submenu:after{clear:both; display:block; content:'';}





/*모바일 메뉴*/
#m-nav .nav ul.mo_snslink {display:block; padding:10px 0 10px 20px;}
.mo_snslink:after{content:''; display:block; clear:both;}
.mo_snslink li {display:inline-block; float:left; width:25%; }
.mo_snslink li a {
width: 35px;
height: 35px;
display: block;
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
}
.mo_snslink li:nth-child(1) a {			background-image: url(/images/btn_01_off.png);		}
.mo_snslink li:nth-child(2) a {			background-image: url(/images/btn_02_off.png);		}
.mo_snslink li:nth-child(3) a {			background-image: url(/images/btn_03_off.png);		}
.mo_snslink li:nth-child(4) a {			background-image: url(/images/btn_04_off.png);		}
.mo_snslink li:nth-child(1):hover a {			background-image: url(/images/btn_01_on.png);		}
.mo_snslink li:nth-child(2):hover a {			background-image: url(/images/btn_02_on.png);		}
.mo_snslink li:nth-child(3):hover a {			background-image: url(/images/btn_03_on.png);		}
.mo_snslink li:nth-child(4):hover a {			background-image: url(/images/btn_04_on.png);		}

/*상세페이지 상단 _ 사이트 네비 맵바 */
.contents{color:#666; font-size:20px; line-height:1.5em }
#contents{width:100%; height:auto; clear:both; display:block; position:relative;  margin-bottom:80px; position:relative; width:100%; margin: 0 auto;}


/*상세페이지 상단_ background_img : 메뉴의 대분류 코드값을 따라가므로(bg10의 10) 이미지 매치가 안되면 개발자에게 문의해주세요. */
#contents{background: url('/images/common/sub_topbg_01.jpg') no-repeat center center; background-size: cover; }
#contents.content_bg10{background: url('/images/common/sub_topbg_01.jpg') no-repeat center center; background-size: cover;}
#contents.content_bg20{background: url('/images/common/sub_topbg_02.jpg') no-repeat center center; background-size: cover;}
#contents.content_bg30{background: url('/images/common/sub_topbg_03.jpg') no-repeat center center; background-size: cover;}
#contents.content_bg40{background: url('/images/common/sub_topbg_04.jpg') no-repeat center center; background-size: cover;}
#contents.content_bg50{background: url('/images/common/sub_topbg_05.jpg') no-repeat center center; background-size: cover;}
#contents.content_bg60{background: url('/images/common/sub_topbg_06.jpg') no-repeat center center; background-size: cover;}



#content_title {max-width:1280px; width:100%; min-height:535px; margin:0 auto; display:block; position:relative; }
#content_title > div.content_title_div { position: absolute;top: 0;left: 0;right: 0;bottom: 0;  }
#content_title > div.content_title_div > div.content_title_text {max-width: 1280px; display: block;  position: absolute;top: 50%;left: 0;right: 0;/*bottom: 0;*/ text-align:center }

#content_title > div.content_title_div > div.content_title_text h2 {font-size:2em; color:#fff;  line-height:1.3em; margin-bottom:40px; font-weight:700;text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.45);}
#content_title > div.content_title_div > div.content_title_text p {font-size:1.25em; font-weight:500; color:#e8ac20;  line-height:1.3em;text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.45);}


div.content_title_text > p.path{font-size:18px; font-weight:400;}
div.content_title_text > p.path > span{font-size:11px; padding:0 20px; font-family: 'Pretendard'; vertical-align:middle}
div.content_title_text > p.title_text{font-size:48px; font-weight:700; font-family: 'Pretendard';  }
div.content_title_text > p.title_text > span{font-weight:400; color:#e53838;  }
/*2depth-row_depth 기능*/

div.row_depth{position:absolute; display:block; left:0; right:0; bottom:0; background:#fff; height:150px;padding:40px 0; max-width:1600px; margin:0 auto; }
div.row_depth > ul{max-width:1280px; margin:50px auto; display:flex; border:1px solid #ccc; height:70px }
div.row_depth > ul{width:100%; margin:0 auto; display:table}
div.row_depth > ul > li{display:table-cell; border-right:1px solid #ccc; font-size:1em; text-align:center;}
div.row_depth > ul > li:last-child{border-right:0;}
div.row_depth > ul > li > a{display:block; width:100%; height:100%; line-height:70px}
div.row_depth > ul > li > a:hover{background:#a5d7ed; color:#004c6d}

div.row_depth > ul > li > a.on{color:#fff; background:#004c6d url('/images/common/bg_depth.jpg') no-repeat center bottom;}

div.row_depth_product{display:block; background:#fff; max-width:1280px; margin:0 auto; }
div.row_depth_product > div{display:block; background:#fff; padding:40px; width:100%; margin:0 auto;   }
div.row_depth_product > div > ul{background:#f9f9f9; border:1px solid #ccc; margin-bottom:50px; max-width:1280px; margin:0 auto 20px auto }
div.row_depth_product > div > ul > li{border-bottom:1px solid #ccc }
div.row_depth_product > div > ul > li:last-child{border-bottom:0 }
div.row_depth_product > div > ul > li > dl{display:flex; flex-wrap:wrap }
div.row_depth_product > div > ul > li > dl > dt{display:flex; justify-content:space-between; width:240px;padding:20px 20px 20px 40px;font-size:1.1em; color:#fff;background:#616161}
div.row_depth_product > div > ul > li > dl > dt a{ color:#fff;  }
div.row_depth_product > div > ul > li > dl > dd{display:block;width:calc(100% - 240px);height:100%;padding:20px 40px;}

div.row_depth_product > div > ul > li:nth-child(1) > dl > dt{background:#004c6d}
div.row_depth_product > div > ul > li > dl > dd > ul{display:flex; flex-wrap:wrap }
div.row_depth_product > div > ul > li > dl > dd > ul > li > a{display:block; padding:10px 10px; font-size:0.9em }
div.row_depth_product > div > ul > li > dl > dd > ul > li > a.current{font-size:1em; color:#000; font-weight:500 }
div.row_depth_product > div > div.search_product{max-width:1280px; margin:0 auto }
div.row_depth_product > div > div.search_product > ul{display:flex; justify-content:flex-end }
div.row_depth_product > div > div.search_product > ul > li input[type=text]{width:400px; vertical-align:middle;height:50px; padding:20px }
div.row_depth_product > div > div.search_product > ul > li button{width:100px; height:50px; background:#666; border:1px solid #666;color:#fff; font-size:0.9em; }

.target_category {display:none;}

@media(max-width:840px){
div.row_depth_product > div{padding:10px;  }
	.target_category {display:block;}


	div.row_depth_product > div > ul > li > dl > dt {width:120px; justify-content:center; padding:10px 10px 10px 10px;font-size:0.9em; }
	div.row_depth_product > div > ul > li > dl > dd{position:relative; width:calc(100% - 120px);padding:10px 10px; background:url('/images/common/arrow_cata.png') no-repeat right 10px ; }
	div.row_depth_product > div > ul > li > dl > dd > ul{

	display:none;
	border: 1px solid #333; background: #fff;width:100%;

	position:absolute;

	left:0;
	top:35px; ;
	z-index:9999999;
	}
	div.row_depth_product > div > ul > li > dl > dd > ul > li {
		display:block; width:100%;  
	}
	div.row_depth_product > div > ul > li > dl > dd > ul > li > a{
		display:block; width:100%; 
	}
}
/*3depth 기능*/


/*#사이트맵*/
.site_map {	display:none;position: fixed; left: 50%; top: 10%;background: #fff;z-index: 900;margin: 100px 0 0 -450px;width: 900px;height: auto;border-radius: 10px;overflow: hidden;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.sitemap_title{height: 60px; background: #1dbecf; line-height: 60px; color: #fff; font-size: 20px; font-weight: 700; padding-left: 15px;}
.sitemap{padding:10px;}

.sitemap_close {position: absolute; right: 15px; top: 15px;}
ul.sitemap > li { font-size: 1.5em;  border-bottom: 1px solid #ccc; padding: 20px; overflow: hidden; vertical-align: middle;align-items: center}
ul.sitemap > li > a {color: #0973a1; width:100%; text-align:center; font-size:1em; font-weight: 500;display: block;  }
ul.sitemap > li > a:after {background:#0973a1; width:100px; height:2px; margin:10px auto 20px auto;display: block; content:""  }
ul.sitemap > li > ul {display:flex; flex-wrap:wrap; justify-content:center;}
ul.sitemap > li > ul > li { display: inline-block; font-size: 0.6em; color: #666; font-weight: normal; margin-right: 20px;}

/*공통하단*/


/*media*/
@media (max-width:1700px) {
	#header #top #navi ul.topngb{display:none;}
	#header #top #navi ul.topntop_01{display:none;}
	}
@media (max-width:1280px) {
	/*#header { height: 90px;}*/
	#header #lang {display:none;}
	#header #top {top:0;  margin-top: 0px;}
	#header #top{width:100%; height:auto;}
	#header #top #navi {position:fixed;right:5px; }
	
	#header{background-color:rgba(0,0,0,0.3); z-index:600; font-size:18px; *padding-top: 20px !important; min-height: auto; padding: 10px 0; 	border-bottom: 1px solid rgba(0,0,0,0.3);	}
	
	#header #top #navi ul.topntop_02{}
	#header #top { /*height: 30px;*/  }
	#header h1 { display:block; float: none;  position: relative !important; margin-top:0px}
	/*#header h1 > a {display:block;}*/
	#header h1 img{ width:150px}

	#header #top #navi ul.topntop_02 > li > a { width: 40px; height: 40px; border-radius: 20px; padding: 12px;}
	#header #top #navi ul.topntop{padding:20px 0;}
	#header #top > #navi {display: inline; width: auto; margin-left:0;	}
	#header #top{width:100%;}
	#header #top h1{display:block;text-align:left; width:100%; bottom:auto; font-size:1.7em; top:0;}

	#header .over_logo {display:none;}
	#header ul.sgrp dl{display:none;}
	ul.sgrp li a.memLogin{display:none;}
	ul.sgrp li a.cart{display:none;}
	ul.sgrp > li {margin-right:0px}
	ul.sgrp > li > dl {margin-right:0px}
	ul.sgrp > li > div.header_search{display:none}
	#header.headerin ul.sgrp li a.memLogin{display:none;}
	#header.headerin ul.sgrp li a.cart{display:none;}
	#header.headerin ul.sgrp > li {margin-right:0px}
	#header.headerin ul.sgrp > li > dl {margin-right:0px}
	#header.headerin ul.sgrp > li > div.header_search{display:none}
	
	#header .sgrp.sgrp_02{ margin-right:10px; display:block; bottom: auto;   transform: translateY(-50%);  }
	#header #top #navi ul.sgrp { width:50px; top:0; transform: translateY(50%);	}
	#m-nav{display:block;}
	#search_f {top: 80px;}
	#content_title { min-height:300px;}
	#content_title > div.content_title_div > div.content_title_text > h2 {font-size:30px; color:#fff;  line-height:1em; margin-bottom:40px;font-weight:600; text-align:center; text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.45);}
	/*#content_title > div.content_title_div { position: absolute; top: 60%; left: 40px; right: 0;  bottom: 0;   text-align: center;}*/
	#contents .breadcrumb{display:none;}
	

	br { display:none; } 
 	br.enter { display:block; } 
	#content_title a.depth_home  { display:none; }
	#content_title div.row_depth { display:none; }

	

}

@media (max-width:1000px) {	
	
}

@media (max-width:840px) {	
div.row_depth{display:none}

#header #top {position:relative; padding:0px 0;}
ul.header_sns { padding-top:10px; padding-left:10px;  }
ul.header_sns > li a{display:block; font-size:0; width:30px; height:30px; margin-right:5px; border:1px solid #fff; border-radius:50%}
ul.header_sns > li:nth-child(1) a{background:url('/images/common/ico_sns_01.png') no-repeat center; background-size:25px}
ul.header_sns > li:nth-child(2) a{background:url('/images/common/ico_sns_02.png') no-repeat center; background-size:25px}
ul.header_sns > li:nth-child(3) a{background:url('/images/common/ico_sns_03.png') no-repeat center; background-size:25px}
ul.header_sns > li:nth-child(4) a{background:url('/images/common/ico_sns_04.png') no-repeat center; background-size:25px}
}

@media (max-width:640px) {
ul.header_sns {padding-left:10px;  }
ul.header_sns > li a{display:block; font-size:0; width:25px; height:25px; margin-right:10px; border:1px solid #fff; border-radius:50%}
ul.header_sns > li:nth-child(1) a{background:url('/images/common/ico_sns_01.png') no-repeat center; background-size:20px}
ul.header_sns > li:nth-child(2) a{background:url('/images/common/ico_sns_02.png') no-repeat center; background-size:20px}
ul.header_sns > li:nth-child(3) a{background:url('/images/common/ico_sns_03.png') no-repeat center; background-size:20px}
ul.header_sns > li:nth-child(4) a{background:url('/images/common/ico_sns_04.png') no-repeat center; background-size:20px}
	#content_title div.row_depth {display:none;}
	#content_title > div.content_title_div > div.content_title_text > p {    font-size: 20px;}
	.sub_depth ul li.lir_2{width:100%;}
	.sub_depth ul li.lir_3{width:100%;}
	.sub_depth ul li.lir_4{width:100%;}
	.sub_depth ul li.lir_5{width:100%;}
	.sub_depth ul li.lir_6{width:100%;}
	h1{font-size:1.7em !important; font-weight:400 !important}

	
	#footer {width:100%; font-size:12px; line-height:1.5em; *margin-top:30px;}
}
@media (max-width:480px) {/*필요시만 추가*/

	/*서치아이콘 메뉴아이콘*/
	#header #top #navi ul.topntop {    padding: 20px 0; }
	#header #top #navi ul.topntop_02 > li {margin-left:0;}
	#header #top #navi ul.topntop_02 > li > a#toggle_search {background-color:#fff;}
	#header #top #navi ul.topntop_02 > li > a { padding:15px 10px 15px 0px; width:40px;}
	#header #top #navi ul.topntop_02 > li:nth-child(1) > a{background: url('/_theme/basic/img/icon_searchbtn_m.png') no-repeat center center; background-color:none;}
	#header #top #navi ul.topntop_02 > li:nth-child(2) > a{background: url('/_theme/basic/img/icon_menubtn_m.png') no-repeat center center;  background-color:#fff;}

}
@media (max-width:320px) {
	#header #top #navi ul.topntop_02 > li > a {width: 1em;height: 1em;border-radius: 1em;padding: 1em;	}
}




/*sub navi 공통*/
#sub_nav{ width:100%; background-color:#fff; position:absolute; bottom:0;left:0;right:0; margin-left:auto;margin-right:auto;color:#444; text-align:left; background:#fff; z-index:1;transform: translateY(50%); /**box-shadow : 1px 1px 5px 0px rgba(0, 0, 0, 0.15);**/ border-bottom:1px solid #eeeeee}
/*#sub_nav:before{content: '';    display: block;    width: 100%;    margin-left: -100%;    background: #fff;    height: 100%;    bottom: 0;    position: absolute;    z-index: -1; background:#fff;box-shadow :  1px 1px 5px 0px rgba(0, 0, 0, 0.15); }*/
#sub_nav > div {display:block;max-width:1300px; width:100%; margin:0 auto; }
#sub_nav:after{display:block; clear:both; content:'';}
#sub_nav .exp_icon{ float:right;}
#sub_nav .exp_icon li {display:inline-block; vertical-align:middle; margin-right:10px;}
#sub_nav > div > a {padding:19px; border-right:1px solid #efefef; line-height:1.0em; float:left; background-color:#f8f8f8;}
#sub_nav .depth_link{ display:inline-block; }
#sub_nav .depth_link dl li {margin:10px 0; }
#sub_nav .depth_link dt {width:270px;height:54px;  color:#666; padding:18px 24px;font-size: 18px;border-right:1px solid #efefef;border-top:1px solid #efefef;	line-height:1.0em;	cursor:pointer; 	position:relative; letter-spacing:-0.02rem; }
#sub_nav .depth_link dt > img.down_vector{position: absolute;top:45%;right:24px;}
#sub_nav .depth_link dd {display: none;	z-index:5;	box-sizing: border-box;	position: absolute;	width: 270px; top: 54px;border: 1px solid #efefef; background-color:#fff;}
#sub_nav .depth_link li {	border-top: 1px solid #efefef;font-size:16px;font-weight: 400;color:#fff}
#sub_nav .depth_link li > a {width:100%; display:block;color:#333;padding: 20px 24px;}
#sub_nav .depth_link li:hover{background-color:#f9f9f9;}
#sub_nav .depth_link li:hover > a { color:#fff;font-weight: 500; color:#333;}

.SubContent > ul.submenu_3depth{margin:0 auto 60px auto; text-align:center; }
.SubContent > ul.submenu_3depth > li{display:inline-block;width:280px}
.SubContent > ul.submenu_3depth > li > a{display:block;border-top:1px solid #d51c22;border-left:1px solid #cdcdcd;border-bottom:1px solid #cdcdcd;border-right:1px solid #cdcdcd; padding:20px; margin-top:3px}
.SubContent > ul.submenu_3depth > li > a.on{background:#d51c22;border-left:1px solid #d51c22;border-bottom:1px solid #d51c22;border-right:1px solid #d51c22; color:#fff}
.SubContent > ul.submenu_3depth > li > a:hover{background:#d51c22;border-left:1px solid #d51c22;border-bottom:1px solid #d51c22;border-right:1px solid #d51c22;color:#fff}
.SubContent > ul.submenu_3depth > li > a:hover{background:#d51c22;border-left:1px solid #d51c22;border-bottom:1px solid #d51c22;border-right:1px solid #d51c22; color:#fff}

.SubContent ul.submenu_3depth_2{margin:0 auto 60px auto; text-align:center; }
.SubContent ul.submenu_3depth_2 > li{display:inline-block;}
.SubContent ul.submenu_3depth_2 > li:nth-child(1){width:10%}
.SubContent ul.submenu_3depth_2 > li:nth-child(2){width:20%}
.SubContent ul.submenu_3depth_2 > li:nth-child(3){width:15%}
.SubContent ul.submenu_3depth_2 > li:nth-child(4){width:15%}
.SubContent ul.submenu_3depth_2 > li:nth-child(5){width:20%}
.SubContent ul.submenu_3depth_2 > li:nth-child(6){width:15%}
.SubContent ul.submenu_3depth_2 > li > a{display:block;border-top:1px solid #d51c22;border-left:1px solid #cdcdcd;border-bottom:1px solid #cdcdcd;border-right:1px solid #cdcdcd; padding:20px; margin-top:3px}
.SubContent ul.submenu_3depth_2 > li > a.on{background:#d51c22;border-left:1px solid #d51c22;border-bottom:1px solid #d51c22;border-right:1px solid #d51c22; color:#fff}
.SubContent ul.submenu_3depth_2 > li > a:hover{background:#d51c22;border-left:1px solid #d51c22;border-bottom:1px solid #d51c22;border-right:1px solid #d51c22;color:#fff}
.SubContent ul.submenu_3depth_2 > li > a:hover{background:#d51c22;border-left:1px solid #d51c22;border-bottom:1px solid #d51c22;border-right:1px solid #d51c22; color:#fff}

.SubContent ul.submenu_3depth_3{margin:0 auto 60px auto; text-align:center; }
.SubContent ul.submenu_3depth_3 > li{display:inline-block;}
.SubContent ul.submenu_3depth_3 > li:nth-child(1){width:15%}
.SubContent ul.submenu_3depth_3 > li:nth-child(2){width:15%}
.SubContent ul.submenu_3depth_3 > li:nth-child(3){width:15%}
.SubContent ul.submenu_3depth_3 > li:nth-child(4){width:15%}
.SubContent ul.submenu_3depth_3 > li:nth-child(5){width:15%}
.SubContent ul.submenu_3depth_3 > li:nth-child(6){width:15%}
.SubContent ul.submenu_3depth_3 > li > a{display:block;border-top:1px solid #d51c22;border-left:1px solid #cdcdcd;border-bottom:1px solid #cdcdcd;border-right:1px solid #cdcdcd; padding:20px; margin-top:3px}
.SubContent ul.submenu_3depth_3 > li > a.on{background:#d51c22;border-left:1px solid #d51c22;border-bottom:1px solid #d51c22;border-right:1px solid #d51c22; color:#fff}
.SubContent ul.submenu_3depth_3 > li > a:hover{background:#d51c22;border-left:1px solid #d51c22;border-bottom:1px solid #d51c22;border-right:1px solid #d51c22;color:#fff}
.SubContent ul.submenu_3depth_3 > li > a:hover{background:#d51c22;border-left:1px solid #d51c22;border-bottom:1px solid #d51c22;border-right:1px solid #d51c22; color:#fff}




@media (max-width:1280px) {
#SubNavi{display:none}
#sub_nav{display:none}

.SubContent > ul.submenu_3depth > li{width:49%}
.SubContent ul.submenu_3depth_2 > li:nth-child(1){width:49%}
.SubContent ul.submenu_3depth_2 > li:nth-child(2){width:49%}
.SubContent ul.submenu_3depth_2 > li:nth-child(3){width:49%}
.SubContent ul.submenu_3depth_2 > li:nth-child(4){width:49%}
.SubContent ul.submenu_3depth_2 > li:nth-child(5){width:49%}
.SubContent ul.submenu_3depth_2 > li:nth-child(6){width:49%}

.SubContent ul.submenu_3depth_3 > li:nth-child(1){width:49%}
.SubContent ul.submenu_3depth_3 > li:nth-child(2){width:49%}
.SubContent ul.submenu_3depth_3 > li:nth-child(3){width:49%}
.SubContent ul.submenu_3depth_3 > li:nth-child(4){width:49%}
.SubContent ul.submenu_3depth_3 > li:nth-child(5){width:49%}
.SubContent ul.submenu_3depth_3 > li:nth-child(6){width:49%}
}

@media (max-width:1000px) {
.content_head{max-width:100%; width:100%; min-height:300px; height:100%; }

.content_head > H2{margin:0 auto; display:block; font-size:34px; position: absolute; top:100px;}
#sub_nav .depth_link{ display:none;}


}
@media (max-width:840px) {
.content_head{max-width:100%; width:100%; min-height:200px; height:100%; position:relative; display:none; }
.content_head > H2{font-size:24px; position: absolute; top:20px; font-weight:400}
.SubContent > div.content_h4 > h4{width:80%; margin:0 auto; display:block;height:100%; text-align:center;color:#767474; padding:70px 5px 10px  5px; background-repeat:no-repeat;background-position: left 20px; background-size:80px; background-position:center 5px}



ul.submenu_3depth{display:none }
ul.submenu_3depth_2{display:none }
ul.submenu_3depth_3{display:none }

}








/*subContent*/
div.subContent{width:100%; font-size:1em; color:#494949; line-height:1.5em; font-weight:400;word-break:keep-all;}
div.subContent h3{display:block; max-width:1280px; margin: 0 auto; font-size: 2em; line-height:1.0em; padding: 0px 0 30px 0; color:#004c6d; letter-spacing:-0.02rem; font-weight:500  }
div.subContent h3 > p:nth-child(1){font-size:0.5em; font-weight:500; color:#878787;  }
div.subContent h3 > p span{ font-weight:700  }
div.subContent_in {max-width:1280px;  margin:0 auto; padding:0 0 80px 0;}
div.subContent_in_02 {max-width:100%; padding:80px 0; }

div.main_search{width:450px;  margin:20px auto; background:#fff; border:1px solid #2290c0; border-radius:30px; font-size:0.8em; overflow:hidden }
div.main_search input[type='text']{border:0; width:calc(100% - 60px); text-align:center }
div.main_search button.sear_btn{display:inline-block; background:#2290c0; width:60px;text-align:center; border:0 }

@media (max-width:1280px) {
	
	div.subContent  h3{font-size:30px;  font-weight:normal; background:none; padding:53px 0 20px 0;text-align:center; width:100% }
	div.subContent_in {padding:40px 0px; }
	div.subContent_in_02 {padding:40px 0; }
	
}


@media (max-width:840px) {
	div.subContent{width:100%; font-size:16px !important; line-height:1.2em; margin-bottom:50px; padding:0 important;  }
	div.subContent_in {padding:20px 10px 20px 10px; }
	div.subContent_in_02 {padding:20px 10px; }


}

@media (max-width:640px) {
	div.main_search{width:300px;  margin:10px auto;  }



}
/* footer 시작 { */

#footer {width:100%; display:block; position:relative; background-color:#414141; color:#ccc; font-size:0.8em}
#footer > div {max-width:1280px; margin:0 auto; padding:40px 0;display:flex;  }
#footer > div  > div.footer_link a {color:#ccc}
#footer > div  > div.footer_link ul {display:flex; margin-bottom:20px; margin-left:-10px}
#footer > div  > div.footer_link ul > li > a {display:inline-block;padding:5px 10px}
#footer > div  > div.footer_link ul > li > a:after {display::inline-block; content:"|"; padding-left:20px }
#footer > div  > div.footer_link ul > li:last-child > a:after {display::inline-block; content:""; padding-left:20px }
#footer > div > dl{padding-left:80px; color:#fff }
#footer > div > dl > dt{font-size:1.2em; font-weight:700; padding-bottom:20px  }
#footer > div > dl > dd {font-weight:700; font-size:1.2em  }
#footer > div > dl > dd span{padding:0 20px 10px 0;  }
#footer > div > dl > dd div{color:#fff; display:block; background:#004c6d;font-weight:500; text-align:center; margin-top:10px; padding:6px }

#footer .footer_add{font-size:0.9em}

@media (max-width: 1280px) {
#footer > div { padding: 20px 10px; }

}
@media (max-width: 1000px) {
#footer > div { padding: 20px 10px; }
dl.footer_dl{display:none}
}
@media (max-width: 840px) {
#footer {font-size:14px !important; line-height:1.5em; }
#footer > div  > div.footer_link ul {display:flex; flex-wrap:wrap}
#footer > div  > div.footer_link ul > li > a:after {display::inline-block; content:"|"; padding-left:10px }
#footer > div  > div.footer_link ul > li:last-child > a:after {display::inline-block; content:""; padding-left:10px }
#footer > div {flex-direction:column;  }
#footer > div  > div.footer_link{margin-bottom:20px}
#footer > div > dl{padding-left:0px;  }
}
@media (max-width: 640px) {
#footer > div  > div.footer_link ul {display:none}
}
/* footer  끝  }*/





.field_contents{width:100%;}
.field_contents1{padding:20px;}
.field_con_title{font-size:1.4em;}
.field_content {font-size:1em;color:#565656;line-height:1.3em; padding-top: 16px;}
.field_content img {width:100%;padding-top:20px;display:block;} 


ul.pro_manager{max-width:1200px; margin:0 auto; border:1px solid #3399cc; padding:20px 20px; display:flex; flex-wrap:wrap;border-radius:5px; gap:30px; font-size:0.9em}
ul.pro_manager li.magnager{font-weight:600; color:#0066cc}
ul.pro_manager li span{vertical-align:middle; display:inline-block; margin-right:5px; color:#3399cc}

@media (max-width: 640px) {
ul.pro_manager{padding:10px 10px; gap:10px; font-size:0.8em}
ul.pro_manager li.magnager{}

#footer > div  > div.footer_link ul {display:none}

}
/* --밸리토글 : 사이드바 토글{ */

#ft_nav{ position: fixed; right:10px; bottom:10px; z-index : 55;}
.vali_li{display:block;}
a.quicklink{width:60px; height:60px; border-radius:50%; background:#000; color:#fff; font-size:14px; display:flex; align-items:center; justify-content:center; color:#fff}
.quicklink{width:60px; height:60px; border-radius:50%; background:#000; color:#fff; font-size:14px; display:flex; align-items:center; justify-content:center; color:#fff; border:0;margin-top:3px}
/* 오늘 본 상품 */
#stv{background:#fff; border:1px solid #ccc; border-radius:5px; width:120px; font-size:16px; text-align:center; text-align:center; }
#stv h2{background:#666; color:#fff; padding:5px}
#stv_pg {display:block;;text-align:center;margin:10px 0 0; border-bottom:1px solid #ccc; }
.stv_item {display:none;padding:0 9px;word-break:break-all}
#up{position:absolute;bottom:0;left:0;background:url(/theme/jelly/skin/shop/basic/img/btn_sb_prev.png) no-repeat 50% 50%;width:30px;height:20px;text-indent:-999px;overflow:hidden;border:1px solid #ccc;}
#down{position:absolute;bottom:0;right:0;background:url(/theme/jelly/skin/shop/basic/img/btn_sb_next.png) no-repeat 50% 50%;width:30px;height:20px;text-indent:-999px;overflow:hidden;border:1px solid #ccc;}


.sidenav {
  
  width: 120px;
  position: fixed;
  z-index: 1;
  bottom: 300px;
  right: 0; 
  background:red;
 background:#fff; float:right;border:1px solid #ccc; border-radius:5px; width:120px; font-size:16px; text-align:center; text-align:center;
  
  transition: 0.5s;
  padding-top: 20px;
}

.sidenav a {
  padding:5px;
  text-decoration: none;
  font-size: 25px;
  color: #363636;
  display: block;
  transition: 0.3s;
}

.sidenav a:hover {  color: #A9CFE2;}

 .openButton {
 position: absolute;width:80px;background:red;
 bottom:200px;display:flex;flex-direction:column;
 right: -10px; 
 z-index:99999999999;font-size:14px;
 transition: 0.3s;

}
span.openbtn{
 right:0;top:0;background:#eee;display:inline-block; padding:5px 20px;cursor:pointer
}

span.closebtn  {  right:0;top:100px; 
background:#000; color:#fff;display:inline-block; padding:5px 20px; cursor:pointer}
span.closebtn a {  color:#fff}
  
@media (max-width:840px) {
#ft_nav{ bottom:10px; z-index : 99999999;}
#stv{position:relative; background:#fff; border:1px solid #ccc; border-radius:5px; width:80px; font-size:14px; text-align:center;}
.sidenav{width:80px; font-size:14px;bottom: 200px;}
 .openButton { bottom:130px; right:-10px}
 span.openbtn{ padding:2px 10px;cursor:pointer}

span.closebtn  {  padding:2px 10px; cursor:pointer}
}

@media (max-width:640px) {
a.quicklink{width:50px; height:50px}
.quicklink{width:50px; height:50px}
#ft_nav{ right:0px; bottom:20px}
 .openButton { bottom:110px; right:-20px}
/* 오늘 본 상품 */
#stv{background:#fff; border:1px solid #ccc; border-radius:5px; width:110px; font-size:12px; text-align:center; text-align:center; }
.prd_cost {display:none;}

}