/* 필요한 폰트만 사용할것 나머지 주석처리*/
@import url('https://fonts.googleapis.com/css?family=Nanum+Gothic:400,700,800');

@import url('https://fonts.googleapis.com/css?family=Noto+Sans');


body,td,span,h1,h2,h3,h4,h5,div,p,li,ul,ol,dd,dt,section {margin:0; padding:0; font-size:12px; color:#333; line-height:1.6em; font-weight:400; font-family: 'Nanum Gothic', sans-serif, 'dotum'; }
ul,ol,li{margin:0;padding:0;list-style:none;}
a, img{border:0px;}
a {		color: #333;	text-decoration:none;}
a:link {	color: #333;}
a:visited {color: #333;	}
a:hover {color: #725358;}

/*  아래부터  페이지용 CSS */

#gnb_wrap { width:100%; height:35px; line-height:35px; background:#fff; border-bottom:1px solid #ddd;}
#gnb_wrap:after{content:""; display:block; clear:both;}
#gnb_wrap .gnb_area{width:1200px; margin:0 auto;}
#gnb_wrap .gnb_left {float:left; width:30%; text-align:left; font-size:11px; }
#gnb_wrap .gnb_right {float:right; width:70%; text-align:right; font-size:11px; color:#000; }
a.gnb_bt:link, a.gnb_bt:visited, a.gnb_bt:active{  height:33px; line-height:33px; font-size:11px;  color:#000; text-decoration:none; margin-left:15px;}
a.gnb_bt:hover {color:#f88e85; }

#header_area { width:1200px; height:115px; margin:0 auto; }
#header_area:after{content:""; display:block; clear:both;}
#header_area .top_logo { float:left; display:inline; }
#header_area .top_tel { float:left; margin:55px 0 0 20px; }
#header_area .top_tel a {display:inline; font-size:17px; color:#fff; background:#747474;  padding:0px 10px;  border-radius:4px; color:#fff;}
#header_area .search { float:right; display:inline; right:0; top:0; padding-top:53px; }

#lnb_wrap {width:100%; height:46px; background:#000; border-top:1px solid #000; border-bottom:1px solid #000}
#lnb_wrap:after{content:""; display:block; clear:both;}
#lnb_wrap .lnb_area {width:1200px; margin:0 auto;}
#lnb_wrap .lnb {width:100%; height:46px; line-height:46px; color:#000; }
#lnb_wrap .lnb ul { float:left; width:100%; text-align:center; padding:0; margin:0; top:0; font-size:0; line-height:0; }
#lnb_wrap .lnb ul > li {position:relative;  float:left;  display:block; text-align:center; font-size:15px; line-height:46px; }
#lnb_wrap .lnb ul > li > a{display:block; text-align:center; color:#fff;  padding:0 47px; font-weight:700;}
#lnb_wrap .lnb ul > li > a:hover{ display:block; text-align:center; color:#ccc; cursor:pointer; height:46px; line-height:46px; text-decoration:none;}
#lnb_wrap .lnb ul > li:last-child { padding:0;}
#lnb_wrap .lnb ul > li > ul{width:150px; position: absolute; left:0px; top:46px; background: #000; border:1px solid #000; display: none; z-index:9990; opacity:1; filter: alpha(opacity:'100'); padding:0; margin:0;}
#lnb_wrap .lnb ul > li > ul > li{width:100%; height:30px; line-height:30px;  font-weight:normal; padding:0px; margin:0; text-align:left; cursor:pointer;  list-style:none; color:#fff;}
#lnb_wrap .lnb ul > li > ul > li > a{width:100%; height:30px; line-height:30px; color:#333; background:#fff; font-size:12px; padding:0px; margin:0; text-align:left; text-indent:10px;}
#lnb_wrap .lnb ul > li > ul > li > a:hover{background:#725358; color:#fff; width:100%; height:30px; line-height:30px;padding:0px; margin:0; text-align:left; text-indent:13px; }


.mainVisual {width:100%; height:387px; text-align:center; padding:0; overflow:hidden; background:#ebebeb;}


#contents {width:1220px; margin:50px auto; margin-top:20px;}
#contents:after{content:""; display:block; clear:both;}

#pro_area { clear:both; width:1200px; margin:40px auto;}
#pro_area:after{content:""; display:block; clear:both;}
#pro_area .pro_tit {width:100%;}
#pro_area .pro_tit h4{ width:14%; margin:0 auto; left:45%; text-align:center;  background:url('/_template/default_skin/skin2/image/tit_back.png')repeat-x 50% 40%;}
#pro_area .pro_tit p{  display:inline-block; background:#fff;  padding:0 10px 0 10px; margin:0 auto; text-align:center;  font-size:20px; font-weight:700; font-family:"Noto Sans";}
#pro_area .pro_tit span{ display:block; padding-top:10px; text-align:center;}

#pro_area .pro_best_box { position:relative; top:0; width:1200px; margin-top:40px; background:none; }
#pro_area .pro_best_box:after{content:""; display:block; clear:both;}
#pro_area .pro_best_list {width:1040px; margin:0 auto;  }
#pro_area .pro_best_list ul {  padding:0; margin:0; }
#pro_area .pro_best_list ul li{ float:left; display:inline; width:187px; text-align:center; margin-right:26px; }
#pro_area .pro_best_list ul li:last-child {margin-right:0;}
#pro_area .pro_best_list ul li img {width:100%;  border:1px solid #e6e6e6; box-sizing:border-box; }
#pro_area .pro_best_left{ position:absolute; left:0; width:80px; text-align:left; padding-top:75px;}
#pro_area .pro_best_right{position:absolute; right:0; width:80px; text-align:right; padding-top:75px;}

#pro_area .pro_list { width:1200px; padding-top:50px; }
#pro_area .pro_list:after{content:""; display:block; clear:both;}
#pro_area .pro_list ul { width:100%; padding:0; }
#pro_area .pro_list ul li{ float:left; display:inline; width:285px; margin-right:20px; }
#pro_area .pro_list ul li:last-child {margin-right:0;}
#pro_area .pro_list ul li img {width:100%;  border:1px solid #e6e6e6; box-sizing:border-box; }
#pro_area .pro_name {font-size:13px; font-weight:normal;  color:#222; padding:15px 0 10px 0; border-bottom:1px solid #c3c3c3; } /* 상품명 */
#pro_area .pro_price {font-size:12px; font-weight:700; color:#222; padding-top:10px;} /* 판매가 */


#community {clear:both; width:100%; padding:50px 0; margin-top:80px; background:#333333;}
#community:after{content:""; display:block; clear:both;}
#comm_area {width:1200px; margin:0 auto;  }
#comm_area h4 {font-size:15px; color:#fff; font-weight:700; padding-bottom:5px;}
#comm_area p {font-size:12px; color:#fff; line-height:18px; margin-top:10px; }
#comm_area .comm_logo {float:left; display:inline; width:200px; }
#comm_area .comm_cs {float:left; display:inline; width:270px; }
#comm_area .comm_cs .tel {font-size:23px; color:#f88e85;}
#comm_area .comm_bank {float:left; display:inline; width:270px; }
#comm_area .comm_bank .bank {font-size:13px; }
#comm_area .comm_guide {float:left; width:200px;}
#comm_area .comm_guide ul{ padding:0; margin:0;}
#comm_area .comm_guide ul li{ width:100%; text-align:left; height:30px; line-height:30px;}
#comm_area .comm_guide ul li a{color:#fff; font-size:12px;}
#comm_area .comm_guide ul li a:hover{ color:#f88e85;}
#comm_area .comm_notice {float:right; display:inline; width:260px;}
#comm_area .comm_notice .board_box{width:98%; margin:0 auto;}
#comm_area .comm_notice .board_box .title{height:40px; font-size:1.8em; font-weight:700; }
#comm_area .comm_notice .board_box ul{margin:0; padding:0; }
#comm_area .comm_notice .board_box ul li{margin:0; list-style:none; font-size:12px; height:30px; line-height:30px;}
#comm_area .comm_notice .board_box ul li a{float:left; font-size:12px; color:#fff; }
#comm_area .comm_notice .board_box ul li .time{float:right;  height:30px; line-height:30px; font-size:11px; color:#aaa;}


#footer {clear:both; width:100%; overflow:hidden; background:#333; padding:20px 0 40px 0; border-top:1px solid #494a4a; }
#footer:after{content:""; display:block; clear:both;}
#footer_area{ width:1200px; margin:0 auto; margin-top:0px; margin-bottom:30px;}
#footer_area .left{float:left; display:inline; text-align:left; color:#aeaeae; font-size:11.5px; line-height:18px; letter-spacing:0.02em; padding-left:0px;}
#footer_area .right{float:right; text-align:right;}

.quick {position:fixed; top:220px; left:50%; margin-left:630px; width:75px; border:1px solid #ddd; background-color:#fff; text-align:center; padding:5px 0;}

.stitle{width:100%; font-size:1.8em; font-weight:700; margin-bottom:20px; overflow:hidden;}

a.my_bt{display:block; height:30px; line-height:30px; width:119px; border:1px solid #666; text-align:center; margin-right:13.5px; float:left;}
a.my_bt:last-child{margin-right:0px;}
a.my_bt i{font-size:50px;}
a.my_bt:hover{background-color:#000; color:#fff;}
a.my_bt.hover{background-color:#000; color:#fff;}

/*.input{height:25px; border:1px solid #ccc;}*/

input[type=text],input[type=password], select{height:25px; border:1px solid #ccc; font-size:12px;}
input[type=text],input[type=password]{text-indent:5px;}
textarea{border:1px solid #ccc; font-size:12px;}


a.join_bt{display:block; height:30px; line-height:30px; width:106px; border:1px solid #333; text-align:center;}
a.join_bt:last-child{margin-right:0px;}
a.join_bt i{font-size:50px;}
a.join_bt:hover{background-color:#333; color:#fff;}
a.join_bt.hover{background-color:#333; color:#fff;}
.join_bt_s{display:block; height:40px; line-height:40px; width:106px; border:1px solid #333; text-align:center; color:#fff; background-color:#333; cursor:pointer;}