/* 링크 */
a:link { font-family: NanumGothicWeb, "나눔고딕"; color: #666666; text-decoration: none }
a:visited { font-family: NanumGothicWeb, "나눔고딕"; color: #666666; text-decoration: none }
a:hover { font-family: NanumGothicWeb, "나눔고딕"; color: #999999; text-decoration: none }
a:active { font-family: NanumGothicWeb, "나눔고딕"; color: #666666; text-decoration: none }

@font-face { font-family:'NanumGothicWeb'; src: url('../font/NanumGothicCompact.eot');}

/* 바디 */
body {margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; }

/* 태그 */
p { margin-top: 0px; margin-bottom: 0px; font-size: 12px; color: #666666; line-height: 160%; font-family: NanumGothicWeb, "나눔고딕";}
td,table { font-size: 12px; color: #666666; line-height: 160%; font-family: NanumGothicWeb, "나눔고딕"; }

/*이미지border*/
img { 
	border:none; 
}

/* 인풋 */
.input { 
	font-size: 12px; 
	font-family: NanumGothicWeb, "나눔고딕"; 
	color: #888888; 
	border: #DEDEDE 1px solid;
	background-color: #FFFFFF;
	padding-top:5px; 
	padding-left:5px;
	outline-style:none;
}
.input_100 { 
	width: 100%; 
	height: 23px; 
	font-size: 12px; 
	font-family: NanumGothicWeb, "나눔고딕";
	color: #888888; 
	border: #DEDEDE 1px solid;
	background-color: #FFFFFF;
	padding-top:5px; 
	padding-left:5px;
	outline-style:none;
}
.search_input { 
	width: 300px;
	font-size: 12px; 
	color: #888888; 
	font-family: NanumGothicWeb, "나눔고딕";
	border: #DEDEDE 1px solid; 
	background-color: #FFFFFF;
	outline-style:none;
}
.textarea { 
	font-size: 12px; 
	color: #888888; 
	font-family: NanumGothicWeb, "나눔고딕";
	border: #DEDEDE 1px solid; 
	background-color: #FFFFFF
	outline-style:none;
}

/* 셀렉트 */
.select {
	font-size: 12px; 
	font-family: NanumGothicWeb, "나눔고딕";
	color:#666666; 
}

/* 버튼 */
.button { 
	cursor: hand; 
	HEIGHT: 18px; 
	font-size: 12px; 
	font-family: NanumGothicWeb, "나눔고딕";
	color:#FFFFFF; 
	border: #636363 1px solid; 
	background-color: #737373;
	padding-top:0px; 
	padding-left:5px;
	padding-right:4px;
}

/* 검색바 */
.input_s { 
	font-size: 11px; 
	font-family: NanumGothicWeb, "나눔고딕"; 
	color: #888888; 
	border: #DEDEDE 0px solid;
	background-color: #EDEDED;
	padding-top:2px; 
	padding-left:0px;
	outline-style:none;
}

/* 텍스트 */
.txt_link { font-size: 12px; line-height: 160%; font-family: NanumGothicWeb, "나눔고딕"; }
.txt999999 { font-size: 12px; color: #999999; line-height: 160%; font-family: NanumGothicWeb, "나눔고딕"; }
.txt666666 { font-size: 12px; color: #666666; line-height: 160%; font-family: NanumGothicWeb, "나눔고딕"; }
.txt333333 { font-size: 12px; color: #333333; line-height: 160%; font-family: NanumGothicWeb, "나눔고딕"; }
.txt000000 { font-size: 12px; color: #000000; line-height: 160%; font-family: NanumGothicWeb, "나눔고딕"; }
.txtFF6600 { font-size: 12px; color: #FF6600; line-height: 160%; font-family: NanumGothicWeb, "나눔고딕"; }
.txtFF3300 { font-size: 12px; color: #FF3300; line-height: 160%; ffont-family: NanumGothicWeb, "나눔고딕"; }
.v_tit { font-size: 16px; color: #333333; line-height: 160%; font-family: NanumGothicWeb, "나눔고딕"; }
.s_tit { font-size: 14px; color: #333333; line-height: 160%; font-family: NanumGothicWeb, "나눔고딕"; }
.txt10FF3300 { font-size: 10px; color: #FF3300; line-height: 160%; font-family: NanumGothicWeb, "나눔고딕"; }
.txt10666666 { font-size: 10px; color: #666666; line-height: 160%; font-family: NanumGothicWeb, "나눔고딕"; }
.txt10999999 { font-size: 10px; color: #999999; line-height: 160%; font-family: NanumGothicWeb, "나눔고딕"; }
.dotum11px999 { font-size: 11px; color: #999999; line-height: 160%; font-family: "돋움", dotum; letter-spacing:-1pt;}
.dotum11px666 { font-size: 11px; color: #666666; line-height: 160%; font-family: "돋움", dotum; letter-spacing:-1pt;}
.dotum11px333 { font-size: 11px; color: #333333; line-height: 160%; font-family: "돋움", dotum; letter-spacing:-1pt;}
.dotum11pxFF6600 { font-size: 11px; color: #FF6600; line-height: 160%; font-family: "돋움", dotum; letter-spacing:-1pt;}
.dotum11pxFF6633 { font-size: 11px; color: #FF6633; line-height: 160%; font-family: "돋움", dotum; letter-spacing:-1pt;}

/* 메인 - 상품 리스트*/
.prd_list {padding:15px 8px; border-left:1px solid #dbdcdf; border-right:1px solid #dbdcdf;}

.pro_list .prd {text-align:center; border:1px solid #dedede;}
.pro_list .subject {font-weight:bold; text-align:center; line-height:140%;}
.pro_list .price { font-weight:bold; font-size: 12px; color: #333333; line-height: 160%; font-family: NanumGothicWeb, "나눔고딕"; }
.pro_list .coupon {font-weight:bold; color:#f2334a; text-align:center; vertical-align:middle;}.foot_link {font-size:11px; font-family:Dotum; color:#b4b4b4; padding-left:30px;}
.foot_link a:link, visited, hover {font-size:11px; font-family:Dotum; color:#525252;}
.price_b {font-weight:bold; color:#d43d60; font-size:14px;}


@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 100;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');} 
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 300;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');} 
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 400;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');} 
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 500;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');} 
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 700;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');} 
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 900;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');}

.inner{width : 1000px; margin : 0 auto;}
ul,li{list-style: none; padding : 0; margin : 0;}
#header{width : 1000px; margin : 0 auto; padding-top : 61px; font-family: Noto Sans KR, sans-serif; font-size : 16px; font-weight: bold; display: flex; justify-content: space-between;}
#header a {font-family: Noto Sans KR, sans-serif;}
#header .logo{}
#header .logo img{width : 120px;}
#header .gnb{}
.gnb>ul{display: flex; margin : 0 auto; font-size : 15px; z-index: 9999; position: relative;}
.gnb>ul>li{ position: relative; height: 40px; padding-bottom : 10px;}
.gnb>ul>li>a{color : #000; display: flex; align-items: center; justify-content: center; height: 100%; transition : 0.3s ease-out;  padding : 0px 20px;}
.gnb>ul>li>ul{position: absolute; width : 170px;; opacity: 0; visibility: hidden;  transition : 0.3s ease-out; margin-top : 11px; border : solid 1px #144b80; left : 50%; transform : translateX(-50%);}
.gnb>ul>li>ul>li{height: 35px; background-color: #fff;}
.gnb>ul>li>ul>li>a{color : #222; display: flex; align-items: center; justify-content: center; height: 100%; font-size : 14px; transition : 0.3s ease-out; font-weight: 400;}
.gnb>ul>li:hover>ul{opacity: 1; visibility: visible;}
.gnb>ul>li>ul>li>a:hover{background-color: #f1f1f1;}
.main_visual{width : 100%; max-width : 1000px; margin : 0 auto; font-family: 'Noto Sans KR', sans-serif;}
.main_visual h1 {color : #fff; text-align: center; margin-top : 100px; font-size : 34px; font-weight: 300;  font-family: 'Noto Sans KR', sans-serif; margin-bottom : 30px;}
.main_visual h1 b {font-weight: 500;} 
.main_visual .item{color : #fff; height: 250px; padding-top : 30px; display: flex; align-items: center; justify-content: center;} 
.main_visual .item img {transform:scale(0.6); transition : 0.2s ease-out; box-shadow: 4px 2px 9px #555;}
.main_visual .swiper-slide-next,
.main_visual .swiper-slide-prev{z-index: 9998;}
.main_visual .swiper-slide-active {z-index: 9999;}
.main_visual .swiper-slide-next .item img,
.main_visual .swiper-slide-prev .item img {transform : scale(1.0) translateX(0px); transition : 0.5s ease-out;}
.main_visual .swiper-slide-active .item img {transform : scale(1.1) translateX(0px); transition : 0.5s ease-out;}


#snb h6{font-family: 'Noto Sans KR', sans-serif; font-size : 20px; padding : 30px 0px; text-align: center; background-color: #144b80; color : #fff; margin : 0px 0px 30px;}
#snb a {font-family: 'Noto Sans KR', sans-serif; color : #222; transition : 0.3s ease-out;}
#snb>ul{border : solid 1px #e1e1e1; border-right: none; border-left : none; margin-bottom : 30px;}
#snb>ul>li{}
#snb>ul>li>a{display: flex; align-items: center; height: 100%; font-size : 16px;  padding-left : 10px; height: 50px;}
#snb>ul>li>a:hover{background-color: #d0d0d0;}
#snb>ul>li.active>a{background-color: #d0d0d0;}
#snb>ul>li>ul{ border-bottom : solid 1px #f1f1f1; overflow: hidden; max-height: 0px; height: 100%; transition : 0.3s ease-out;}
#snb>ul>li.active>ul{max-height: 200px;}
#snb>ul>li>ul>li{}
#snb>ul>li>ul>li>a{height: 40px; display: flex; align-items: center; padding-left : 20px; font-size : 14px;}
#snb>ul>li>ul>li>a:hover{background-color: #f5f5f5;}
#snb>ul>li>ul>li.active>a{background-color: #f5f5f5;}