@charset "utf-8";
/* CSS Document */

@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 700;
  src: url(../common/font/NanumGothic-Bold.eot);
  src: url(../common/font/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
       url(../common/font/NanumGothic-Bold.woff2) format('woff2'),
       url(../common/font/NanumGothic-Bold.woff) format('woff'),
       url(../common/font/NanumGothic-Bold.ttf) format('truetype');
}
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 400;
  src: url(../common/font/NanumGothic-Regular.eot);
  src: url(../common/font/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
       url(../common/font/NanumGothic-Regular.woff2) format('woff2'),
       url(../common/font/NanumGothic-Regular.woff) format('woff'),
       url(../common/font/NanumGothic-Regular.ttf) format('truetype');
}
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 800;
  src: url(../common/font/NanumGothic-ExtraBold.eot);
  src: url(../common/font/NanumGothic-ExtraBold.eot?#iefix) format('embedded-opentype'),
       url(../common/font/NanumGothic-ExtraBold.woff2) format('woff2'),
       url(../common/font/NanumGothic-ExtraBold.woff) format('woff'),
       url(../common/font/NanumGothic-ExtraBold.ttf) format('truetype');
}

*{-webkit-text-size-adjust:none}
body {margin:0; padding:0 0 15px 0; font-family:Nanum Gothic, tahoma, 돋움, 굴림, dotum, gulim, arial; font-size:12px;}
img {border:none; vertical-align:top;}
h1,h2,h3,h4,h5,p {margin:0; padding:0;}
ul,li,dl,dt,dd {margin:0; padding:0; list-style:none;}

/* 메인 */
a {text-decoration:none;}
.topMenu {
	width:100%;
	overflow:hidden;
	margin-bottom:20px;
}
.topMenu a.loginBtn {display:inline-block; border:1px solid #dbdbdb; color:#666; padding:0 5px; border-radius:3px; font-size:11px; line-height:20px; height:20px;}
.topMenu h1 {width:100%; position:relative; padding:15px 0;}
.topMenu h1 img.logo {margin-left:15px;}
.topMenu h1 .rightBtn { position:absolute; right:15px; top:24px; display:inline-block;}
.topMenu h1 .rightBtn a.listBtn img {margin-top:4px;}
.topMenu h1 .rightBtn a {margin-left:10px;}
.topMenu li {
	width:25%;
	text-align:center;
	font-weight:800;
	font-size:14px;
	float:left;
	border-top:1px solid #eaeaea;
	border-bottom:1px solid #dbdbdb;
	position:relative
}
.topMenu li span {display:block; height:15px; position:absolute; width:1px; padding:0; margin:0; background-color:#eaeaea; top:0; right:0;}
.topMenu li a {display:block; color:#444; height:60px; line-height:60px; width:100%;}
.topMenu li a.line {line-height:16px !important; padding-top:14px; height:46px;}


.btn_area { background:#f5f5f5; overflow:hidden;}
.btn_area button { display:block; width:100px; height:36px; background:#000; font-size:16px; color:#fff; font-weight:bold; }
.btn_area button.btn_prev { float:left; }
.btn_area button.btn_next { float:right; }
.btn_area .btn_page { display:inline-block; width:10px; height:10px; margin:3px; font-size:0px; line-height:0; text-indent:-9999px; background:#3399CC; }
.btn_area .btn_page.on { background:#ff0000; }

div.menuBanner {width:96%; margin:0px auto; overflow:hidden; margin-bottom:20px;}
div.menuBanner a {display:block; width:49%; float:left; margin-bottom:2%; position:relative; padding:10px 0; color:#fff; font-weight:800;color:#fffabd; font-size:14px; text-align:center; background-image:url(../images/mBg.png) !important;-webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      border-radius: 3px;}
div.menuBanner a.r {float:right;}
div.menuBanner a img {width:60px; margin-bottom:10px;}
div.menuBanner a p {display:block; color:#fff;}


div.bannerLink {width:96%; margin:0px auto 0px auto; overflow:hidden;}
div.bannerLink a {width:49%; margin-bottom:20px; background-color:#1765a4; text-align:center; padding:15px 0; position:relative;-webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      border-radius: 3px;}
div.bannerLink a a {display:block; position:absolute; top:0; left:0; width:100%; height:200px;}
div.bannerLink a p { font-size:11px; color:#fffabd; font-family:tahoma, myriad, arial; font-weight:400; padding-bottom:2px;}
div.bannerLink a h3 {color:#fff; font-weight:700; font-size:18px;}
div.bannerLink a.left {float:left;}
div.bannerLink a.right {float:right;}
div.bannerLink a img {width:30%; margin-bottom:10px;}

div.banner {width:96%; margin:0px auto}
div.banner img {width:100%;}

dl.last {width:96%; margin:0px auto; overflow:hidden; margin-bottom:10px; padding-bottom:10px;}
dl.last dt {float:left; width:15%; font-size:12px; line-height:18px; height:18px; font-weight:700; color:#1765a4; position:relative; padding-left:2%;}
dl.last dt span {width:3px; height:3px; background-color:#1765a4; position:absolute; left:0; top:0; display:block;}
dl.last dd {float:left; width:83%; font-size:12px; line-height:18px; height:18px; color:#666;}

footer {font-size:10px;color:#757575; font-weight:400; border-top:solid 1px #eaeaea; padding:15px 2%; margin:15px auto 0px auto !important; line-height:14px; width:92%;}
footer h2 {margin:15px 0 30px 0; position:relative; width:100%;}
footer h2 a {float:right; display:block; width:25px; height:25px; margin-left:15px;}
/*footer h2 a img {width:25px; height:25px;}*/
footer strong {color:#444; font-weight:400;}
footer span {font-family:tahoma, arial !important; color:#1765a4;}

.footBtn {font-weight:400; width:96%; margin:0px auto;}
.footBtn a {width:31%; display:block; float:left; background-color:#fafafa; border-radius:5px; margin:0 3% 0 0; padding:12px 0; text-align:center; font-size:11px; color:#444;}
.footBtn a.end {margin-right:0; width:31%; float:right}
/*
.footBtn a {width:23%; display:block; float:left; background-color:#fafafa; border-radius:5px; margin:0 3% 0 0; padding:12px 0; text-align:center; font-size:11px; color:#444;}
.footBtn a.end {margin-right:0; width:22%; float:right}*/
.footBtn a.bigL {width:48%; border:1px solid #dbdbdb; background-color:#fff; margin:10px 0 0 0;}
.footBtn a.bigR {width:48%; border:1px solid #dbdbdb; background-color:#fff; margin:10px 0 0 0; float:right;}
/* //메인 */


/* 서브 */
th, td {font-size:12px;}
.content {max-width:420px; margin:0px auto;}

h4 {display:block; width:96%; font-weight:800; font-size:18px; border-bottom:3px solid #1765a4; margin:0px auto 20px auto;}
h4 span {padding:10px; display:block;}
h4 p {font-family:'Titillium Web', NanumSquare; font-weight:300; padding:0 10px 10px 10px; margin-top:-10px;}

/* 배송안내 일반 테이블 */
.content .contentTbl {width:96%; border-top:2px solid #1765a4; border-collapse:collapse; margin:0px auto; margin-bottom:20px;}
.content .contentTbl th, .content table.contentTbl td {padding:8px 15px; text-align:center; font-size:11px; border:1px solid #dbdbdb;}
.content .contentTbl th {background-color:#f2f2f2; font-weight:800;}
.content .contentTbl td {font-weight:400; color:#757575;}

.request {width:96%; margin:0px auto; margin-bottom:20px;}
.request p {margin-bottom:5px;}
.request span {color:#f00;}


/* 제품 테이블 */

.productLink {width:96%; margin:0px auto; overflow:hidden;}
.productLink li {float:left; width:50%; text-align:center; padding:10px 0;}
.productLink li a {display:inline-block; font-weight:700; color:#1765a4; font-size:14px;}
.productLink li a img {margin-bottom:10px;}

.content table.productTbl {width:96%; border-collapse:collapse; margin:0px auto; margin-bottom:20px;}
.content table.productTbl th, .content table.productTbl td {padding:10px; font-size:14px; color:#555;}
.content table.productTbl td {line-height:22px; word-break:keep-all;}
.content table.productTbl td span {font-size:10px; line-height:10px !important;}

/* 인증서 테이블 */
.content table.cert {width:96%; border-collapse:collapse; margin:0px auto; margin-bottom:20px;}
.content table.cert th {text-align:center;}
.content table.cert th, .content table.cert td {border:1px solid #dbdbdb; padding:10px;}

/* 주문하기 테이블 */
.content table.orderTbl {width:96%; border-collapse:collapse; margin:0px auto; margin-bottom:20px;}
.content table.orderTbl th, .content table.orderTbl td {border:1px solid #dbdbdb; padding:10px; text-align:center}
.content table.orderTbl th {font-weight:800; background-color:#f2f2f2;}
.content table.orderTbl td {font-weight:400;}
.content table.orderTbl td .detail {padding:5px 0; text-align:center; width:80px; background-color:#fff; border:1px solid #666; border-radius:5px; font-size:11px; width:70px; color:#333; font-weight:700; display:block;}
.content table.orderTbl td a {color:#1765a4;}

.content p.captionTag {font-size:11px; color:#757575; padding:10px 0 20px 0; width:96%; margin:0px auto;}

.content .btnArea {text-align:center; padding-top:10px; width:96%; margin:0px auto;}
.content .btnArea p {padding-bottom:20px; color:#F00; font-size:11px;}
.content .btnGray {margin:0px auto; padding:8px 10px; background-color:#666; color:#fff; font-weight:700; border:none; border-radius:5px;}
.content .btnBlue {background-color:#1765a4; border-radius:5px; padding:15px 0; width:290px; color:#fff; font-weight:800; font-size:14px; border:1px solid #1765a4; background-image:url(../images/mBg.png);}
.content .iconBtn {width:100%; overflow:hidden; display:block; background-color:#1765a4; line-height:40px; height:40px; border-radius:5px;}
.content .iconBtn img {float:left; margin-left:10px; margin-top:5px}
.content .iconBtn span {float:right; font-size:14px; font-weight:700; color:#fff; margin-right:10px;}
.content .iconBtn span.center {float:none;}

div.imgArea {width:96%; margin:0px auto;}

/*로그인*/
div.loginTitle {text-align:center; width:280px; margin:0px auto;}
div.loginTitle p {margin-bottom:20px; color:#757575; font-size:12px;}
div.loginTitle strong {font-weight:700; color:#1765a4; font-size:16px; display:block; margin-bottom:10px;}

div.loginForm {text-align:center;}
div.loginForm input {font-size:11px; height:30px; border:1px solid #dbdbdb; border-bottom:1px solid #dadada;border-top:1px solid #dadada; padding:5px; width:280px; margin-bottom:10px; background-color:#fff7d9; border-radius:5px;}
div.loginForm p {font-size:11px; color:#FF0000; text-align:center; width:280px; margin:0px auto; margin-top:10px; border-top:1px dotted #dbdbdb; padding-top:10px; padding-right:10px;}

/* 마이페이지 */
a.pageBtn {display:block; width:90%; padding:4% 3%; margin:0px auto 20px auto;  background-image:url(../images/mBg.png); color:#fff; overflow:hidden; border-radius:5px; position:relative;}
a.pageBtn div {font-size:20px; font-weight:800; position:relative; padding-bottom:8px;}
a.pageBtn div img {position:absolute; right:0px; top:-5px;}
a.pageBtn p {color:#fffabd;font-size:12px; margin-right:10px;}
a.pageBtn span {background:url(../images/arrow.png) left top no-repeat; background-size:contain; width:10px; height:10px; display:block; position:absolute; right:5px; bottom:5px;}

.content .memberTbl {width:96%; border-collapse:collapse; margin:0px auto; table-layout:fixed}
.content .memberTbl th, .content table.memberTbl td {padding:8px 15px; text-align:left; font-size:11px; border:1px solid #dbdbdb;}
.content .memberTbl th {background-color:#f2f2f2; font-weight:800;}
.content .memberTbl td {font-weight:400; color:#757575;}
.content .memberTbl td .text {font-size:11px; height:20px; border:1px solid #dbdbdb; border-bottom:1px solid #dadada;border-top:1px solid #dadada; padding:5px; width:150px; background-color:#fff7d9; border-radius:5px;}
.content .memberTbl td .select {font-size:11px; height:30px; line-height:30px; border:1px solid #dbdbdb; border-bottom:1px solid #dadada;border-top:1px solid #dadada; padding:0 5px; width:100px; background-color:#fff7d9; border-radius:5px;}


.content .memberTbl td.tdContent img {}

div.boardCon {width:96%; margin:0px auto;}
div.boardCon img {width:100%;}

/* 워터정보 */

.waterCon {width:96%; margin:0px auto 20px auto; line-height:18px;}
.waterCon h5 {font-size:17px; color:#1765a4; margin-bottom:10px; font-weight:700}
.waterCon h6 {font-size:17px; color:#1765a4; margin-bottom:10px; font-weight:400;}
.waterCon h6 strong {font-weight:800;}
.waterCon p {margin-bottom:10px; color:#444; margin-right:10px; font-weight:700}
.waterCon p strong {font-weight:700; color:#1765a4}
.waterCon span {margin-top:-5px; color:#757575; font-weight:400;}

/* 워터레터, 게시판*/
div.paginate {text-align:center; padding-top:15px; width:96%; position:relative; margin:0px auto;}
div.paginate a.prev, div.paginate a.next {font-size:11px; position:absolute; display:inline-block; padding:6px 10px;border:1px solid #dbdbdb;color:#555;}
div.paginate a.prev {left:0;}
div.paginate a.next {right:0;}
div.paginate a span {display:inline-block; border:1px solid #dbdbdb; height:22px; width:28px; color:#777777; padding-top:6px; cursor:pointer;}
div.paginate a strong span {background-color:#f3f3f3;}

/* 배송달력 */
div.monthly {width:96%; margin:0px auto; }
div.title {background-color:#1765a4; position:relative; padding:20px 3%; width:94%; margin-bottom:20px;}
div.title strong {font-size:22px; font-weight:400; color:#fff;}
div.title p { font-size:22px; font-weight:800; color:#FC6;}
div.title div { display:inline-block; position:absolute; right:20px; top:20px;}
table.monTbl {width:100%; border-collapse:collapse;}
table.monTbl thead th {background-color:#757575; border:none; color:#fff; padding:10px;}
table.monTbl tbody th, table.monTbl tbody td {padding:8px; text-align:center; border:1px solid #dbdbdb; font-size:11px;}
table.monTbl tbody th.sun {color:#f00;}
table.monTbl tbody th.sat {color:#00F;}


.moEvent {border-collapse:collapse; border:none;}
.moEvent * {padding:0; border:none; margin:0;}
.moEvent tr, .moEvent td, .moEvent th {padding:0; margin:0; border:none;}
.moEvent img {padding:0; margin:0; border:none;}

.footTextInfo {padding:0 10px; font-size:12px; font-weight:400; coloor:#656565;}


.content table.memberTbl .event_table {border-collapse:collapse; width:auto; border:none !important;}
.content table.memberTbl .event_table td {border:none !important; padding:0 !important; margin:0 !important;}