@charset "utf-8";

@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);

/* defult */
html {-webkit-text-size-adjust: none;}
body,textarea,select,table,button {font-family: 'Noto Sans KR', sans-serif;font-size:13px;color:#5f5f5f;margin:0;padding:0;}
img {border:0;vertical-align:middle;}
ul,ol {margin:0;padding:0;list-style:none;}
td{ font-family: 'Noto Sans KR', sans-serif; font-size: 13px; text-decoration:none; color:#80807f}
dl,dl dt,dl dd,form,p {margin:0;padding:0;}
li,li img,dt img,dd img,td img,p img {margin:0;padding:0; list-style:none;}
fieldset {margin:0;padding:0;border:0;}
legend {position:absolute;visibility:hidden;overflow:hidden;height:0;line-height:0;width:0;margin:0;padding:0;font:0/0 Arial;}
caption {visibility:hidden;overflow:hidden;height:0;line-height: 0;width:0;margin:0;padding:0;font:0/0 Arial;}
hr {display:none;}
h1,h2,h3,h4,h5,h6 {font-weight:normal;font-size:1em;margin:0;}
a {text-decoration:none;color:#5f5f5f;}
a:hover,a:focus,a:active {text-decoration:none;color:#5f5f5f;}
/* table {table-layout:fixed;} */
select,label {padding:0;margin:0;vertical-align:middle;}
em,address {font-style:normal;}
textarea {vertical-align:top;margin:0;padding:0;}
object,param {padding:0;margin:0;line-height:0;}
section, article, header_home, footer, hgroup, figcaption, figure {display:block;}


/*hidden*/
.blind {visibility:hidden; font-size: 0; width: 0; height: 0; line-height: 0; margin: 0; padding: 0; background: none; position:absolute; left:0; top:0;}
/*ico*/
.ico_clip{ display: inline-block; *display: inline; *zoom: 1; background: url(/images/ico/ico_clip.gif) right top no-repeat; padding-right: 20px; line-height: 15px; }

select.menu_search {height:18px; line-height:18px; border:1px solid #bebebe; margin:0 3px 0 0 ; }
input.text_search {height:18px; line-height:18px; border:1px solid #bebebe;  margin:0 3px 0 0; }





/*header*/
#header{ width:100%; height:213px; position:relative; z-index:100;}
#header .inside_motion{padding-top:0px; /*height:250px;*/ overflow:hidden; background:#f3f3f3; }
#header .inside_motion .inside{ width:1100px; text-align:center; margin:0 auto;position:relative; }
#inner-logo {position:relative;width:231px; margin:0 auto; float:left;}
.logo {padding-top:36px; left:50%; margin-left:500px;}

.search {display:inline-block; *display:inline; *zoom:1;}
.search ul {font-size:0;}
.search ul li {float:left;}
.search ul li.bg {background:url(/html/img/search_bg.gif) no-repeat center top;}


.gnb2 {position:absolute; height:33px; width:100%;z-index:1000; background:#fafafa; border-top:1px solid #b6b4b6; border-bottom:1px solid #e5e5e5;}
.gnbBox {width:1100px; margin:0 auto; text-align:right; padding:0px 0; } 
.gnbBox li {border-right:1px solid #e4e4e4; padding:8px 16px; display:inline-block; *display:inline; *zoom:1; font-size:12px; font-weight:500; color:#6e6e6e;}
.gnbBox li.first {border-left:1px solid #e4e4e4; }
.gnbBox li a { color:#6e6e6e;}

.gnbBox2 {position:absolute;text-align:left; padding:0px 0;} 
.gnbBox2 li { background:#575757; border-right:1px solid #e4e4e4; padding:8px 16px; display:inline-block; *display:inline; *zoom:1; font-size:12px; font-weight:500; color:#6e6e6e;}
.gnbBox2 li.first {border-left:1px solid #e4e4e4; }
.gnbBox2 li a { color:#fff;}


#toplogo {
Z-INDEX: 10000; width:100%;height:130px;text-align:center;}
.topNaviBg {
Z-INDEX: 5; POSITION: relative; MARGIN: 0px auto; WIDTH: 1100px; HEIGHT: 130px;
}

.select-layer {
	background: url("/images/foot_family_site.jpg") no-repeat; border:0px; width: 137px; height: 21px; cursor: default;
}
.select-layer-wrap ul {
	background-color:#ffffff; border: 1px solid #D4DEE3; width: 134px; position: absolute;
}
.select-layer-wrap li {
	margin: 0px !important; vertical-align: top;
}
.select-layer-wrap li a {
	margin: 0px; color: rgb(161, 161, 161); line-height: 1.2; font-size: 11px;
}




/*메뉴*/

#outer-menu {text-align:right; margin-top:35px; background:#f3f3f3; border-top:1px solid #cacaca; border-bottom:1px solid #cacaca;}

#main-menu {width:1100px; margin:0 auto; padding-top:0px; }
#main-menu > li {display:inline-block; vertical-align:top; font-weight:600; padding:5px 38px; border-right:1px solid #d4d4d4;}
#main-menu > li > a {display:block; font-size:15px; line-height:17px; color:#3f3f3f; padding: 13px 40px; }
#main-menu > li:hover > a, #main-menu > li:focus > a {margin-top:0px; color:#4dc6b6; } 
#main-menu > li.active.dropdown > a {color:#333;}

#main-menu > li > .dropdown-menu {width:100%; border:none; border-radius:0; margin:0; padding:0; float:none; min-width:100px;}
#main-menu > li:hover > .dropdown-menu {display:block;}
#main-menu li li {display:block; border-top:1px solid #eee;}
#main-menu li li a {display:block; font-size:13px; line-height:15px; font-weight:400; color:#333; background:#f3f3f3; padding: 13px 0; text-align:center;}
#main-menu li li.active > a, #main-menu li li:hover > a, #main-menu li li:focus > a {background-color:#fff; color:#333;}
#main-menu li li.active > a:hover {background-color:#999;}


#main_slide {position:relative; width:100%; height:470px;}
#main_slide .slideshow {width:100%;}
#main_slide .slideshow li {position:relative; width:100%; height:470px; }
#main_slide .slideshow li.s1 {background:url("../img/main1.jpg") 50% 0 no-repeat;}
#main_slide .slideshow li.s2 {background:url("../img/main2.jpg") 50% 0 no-repeat;}
#main_slide .slideshow li.s3 {background:url("../img/main3.jpg") 50% 0 no-repeat;}

#main_slide .prev {position:absolute; top:220px; left:0%; margin:0 0 0 0px; width:200px; height:116px; background:url("../img/btn_prev.png") 0 50% no-repeat; z-index:999;}
#main_slide .next {position:absolute; top:220px; right:0%; margin:0 0 0 0px; width:200px; height:116px; background:url("../img/btn_next.png") 100% 50% no-repeat; z-index:999;}
#main_slide .pagination {position:absolute; top:630px; left:50%; margin-left:0px; z-index:99999;}
#main_slide .pagination li {float:left;  margin:0 5px 5px 0; cursor:pointer; overflow:hidden;}
#main_slide .pagination li .on {display:none; width:60px; height:18px;}
#main_slide .pagination li .off {display:block; width:18px; height:18px;}
#main_slide .pagination li.current .on {display:block;}
#main_slide .pagination li.current .off {display:none;}

#main_banner {height:70px; background:url("../img/banner.gif") 50% 0 no-repeat;}
#main_banner li {text-align:center;}

/* MAIN CONTENTS AREA */
.main-contents-wrap {width:254px; }
.main-contents-wrap .container { margin-top:80px;}
.main-cont {overflow:hidden;height:200px; border-left:0;}
.main-cont.main-cont-back {background-color:#f9f7f8;}
.row-one.main-cont {}
.row-two.main-cont {border-top:0; border-bottom:0;}
.main-cont .mc-head {float:left; width:100%; }

.product-slide {position:relative; padding-top:30px;}
.product-slide ul li {position:relative;}
.product-slide .flex-control-nav.flex-control-paging {position:absolute;top:0px; right:0; text-align:right; }
.product-slide .flex-control-nav.flex-control-paging li a {width:10px; height:10px; background:url(/img/dot_off.gif) center no-repeat;}
.product-slide .flex-control-nav.flex-control-paging li a.flex-active {background:url(/img/dot_on.gif) center no-repeat;}
.product-slide .flex-control-nav.flex-control-paging li {margin: 0 4px;display:inline-block; *display:inline; *zoom:1; cursor:pointer;}

.product-wrap {position:relative;}
.product-wrap .mc-head {position:absolute; top:0px; left:0; z-index:100; float:left; width:auto; padding:0;}

#category {position: relative; margin-top:156px; }
#category ul.cate_list {width:218px; background:url(/html/img/cate_bg.gif) no-repeat; padding-bottom:15px;}
#category ul.cate_list li {margin:0 auto; width:176px; height:39.4px; padding-left:25px;}
#category ul.cate_list li a {color:#fff; font-size:14px; font-weight:600; }

#category ul.cate_list li.first {padding-top:17px;}

#contents2 {position: relative; width:100%; z-index:999; }
#contents {position: relative; width:1100px; margin:0 auto; zoom:1; padding:9px;}
#contents:after {content:""; display:block; clear:both;}

.main_section1 {width:810px; float:left; }
.main_section1 ul {font-size:0;}
.main_section1 ul li {display:inline-block; *display:inline; *zoom:1; padding-right:9px;}

.main_section2 {width:788px; float:left; position:relative; margin-top:9px;}

.main_section2-2 {width:275px; float:left; position:relative; margin-left:20px;}

.main_section3 {width:277px; height:189px; float:left; position:relative;}
.main_section3 h2 {margin-bottom:10px; margin-top:10px; text-align:left; color:#252525; font-size:18px; font-weight:600; letter-spacing:-0.05em;}
.main_section3 ul {text-align:left; }
.main_section3 ul li {background:url(/html/img/dot.gif) no-repeat; font-size:13px; color:#8e8e8e; padding:10px 0 10px 15px; width:277px; font-weight:500; border-bottom:1px solid #eeeeee;}
.main_section3 ul li a {color:#8e8e8e; }

.main_section4 {float:left; }
.main_section4 ul li { }

#contents2-2 {position: relative; width:100%; z-index:999; background:#fff;}
#contents22-2 {position: relative; width:1100px; margin:0 auto; zoom:1; padding-top:10px;}


/*제품이미지*/

.product_title {text-align:center; color:#343434; padding:15px 0; font-size:20px; font-weight:bold;}

.m_product {width:100%; background:#fff;}
.product_main {width:1100px; margin:0 auto; padding:20px 0; }


.product_img {width:257px; background:#fff; border:1px solid #dfdfdf; display:inline-block; *display:inline; *zoom:1;  margin-right:18px; margin-bottom:15px; }
.product_img_end {width:257px; background:#fff; border:1px solid #dfdfdf; display:inline-block; *display:inline; *zoom:1; margin-right:0px;}

.product li {width:257px; text-align:center; margin:0 auto;}

.price {color:#252525; font-size:14px; font-weight:bold; padding:7px 0;}

.product-title {font-size:14px; text-align:center; font-weight:bold; padding:7px; } 


/*///////////////////// footer /////////////////////*/

#m_footer {position:relative; width:100%; background:#efefef; }
.footer{width:1100px; margin:0 auto; text-align:center; padding:30px 0;}
.footer li {display:inline-block; *display:inline; *zoom:1;  font-size:13px; line-height:23px;}
.footer-links {color:#707070; font-weight:600; font-size:11px;}
.footer-links2 {padding-bottom:20px; font-size:11px; color:#505050; font-weight:600;}
/*///////////////////// footer /////////////////////*/

#m_footer2 {position:relative; width:100%; margin-top:20px;}
.footer-cus {width:1100px; margin:0 auto;}