@font-face {
    font-family: 'notokr-medium';
    src: url('./font/notokr-medium.eot');
    src: url('./font/notokr-medium.eot?#iefix') format('embedded-opentype'),
         url('./font/notokr-medium.woff2') format('woff2'),
         url('./font/notokr-medium.woff') format('woff'),
         url('./font/notokr-medium.ttf') format('truetype'),
         url('./font/notokr-medium.svg#notokr-medium') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'notokr-black';
    src: url('./font/notokr-black.eot');
    src: url('./font/notokr-black.eot?#iefix') format('embedded-opentype'),
         url('./font/notokr-black.woff2') format('woff2'),
         url('./font/notokr-black.woff') format('woff'),
         url('./font/notokr-black.ttf') format('truetype'),
         url('./font/notokr-black.svg#notokr-black') format('svg');
    font-weight: normal;
    font-style: normal;

}
/*
@font-face{
	font-family:'nbgr';
	font-style:normal;
	font-weight:normal;
	src:url('NanumBarunGothic.eot');
	src:local('NanumBarunGothic'),
		url('NanumBarunGothic.eot?#iefix') format('embedded-opentype'),
		url('NanumBarunGothic.woff') format('woff'),
		url('NanumBarunGothic.ttf') format('truetype'),
		url('NanumBarunGothic.svg#nbgr') format('svg');
}

@font-face{
	font-family:'nbgb';
	font-style:normal;
	font-weight:normal;
	src:url('NanumGothicBold.eot');
	src:local('NanumGothicBold'),
		url('NanumGothicBold.eot?#iefix') format('embedded-opentype'),
		url('NanumGothicBold.woff') format('woff'),
		url('NanumGothicBold.ttf') format('truetype'),
		url('NanumGothicBold.svg#nbgb') format('svg');
}
*/

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

	
	
	#gnb_wrap { width:100%; height:33px; line-height:33px; border-bottom:1px solid #DDD;}
	#gnb_wrap .gnb_{width:1200px; margin:0 auto;}
	#gnb_wrap .gnb_nav_left {float:left; width:50%; text-align:left; font-size:12px; margin:0 auto;}
	#gnb_wrap .gnb_nav {float:right; width:50%; text-align:right; font-size:12px; margin:0 auto;}
	a.gnb_bt:link, a.gnb_bt:visited, a.gnb_bt:active{  height:33px; line-height:33px; font-size:11px;  color:#414141; text-decoration:none; margin-left:15px;}	
	a.gnb_bt:hover {color:#527bae; }

	#header_area { width:1200px; height:120px; margin:0px auto;}
	#header_area:after{ content:""; display:block; clear:both;}
	#header_area .header_bnr { float:left; width:460px; padding-top:20px;}
	#header_area .header_logo { float:left;width:240px; padding-top:20px;}
	#header_area .search { float:right; right:0; bottom:0; padding-top:53px;}
	
	#lnb_wrap {width:100%; height:53px; background:#000;}
	#lnb_wrap .lnb_area {width:1200px; margin:0 auto;}
	#lnb_wrap .allcate {float:left; display:inline; width:70px; height:53px;}
	#lnb_wrap .lnb {float:left; width:962px; height:53px; line-height:53px; color:#FFF;}
	#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:14px; line-height:53px; }
	#lnb_wrap .lnb ul > li > a{display:block; text-align:center; color:#fff;  padding:0 18px; }
	#lnb_wrap .lnb ul > li > a:hover{ display:block; text-align:center; color:#aaa; cursor:pointer; height:53px; line-height:53px; 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:53px; background: #000; border-top:3px solid red;; 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; text-align:center;  cursor:pointer;  list-style:none; color:#fff;}
	#lnb_wrap .lnb ul > li > ul > li > a{ display:block; width:100%; height:30px; line-height:30px; color:#fff; background:#000; font-size:12px; }
	#lnb_wrap .lnb ul > li > ul > li > a:hover{ color:#aaa; width:100%; height:30px; line-height:30px; }
	#lnb_wrap .pl_item { float:right; width:168px; height:53px; background-color:#FF4200; color:#fff; font-size:1.3em; line-height:53px; text-align:center;}	
	#lnb_wrap .pl_item i{ font-size:25px;}		
	#lnb_wrap .pl_item:hover{background-color:#F19415; }


	#all_cate_div > div > ul { width:100%; margin-top:10px;}
	#all_cate_div > div > ul > li {width:20%; position:relative;  float:left;  display:block; text-align:center; font-size:14px; border-right:0px solid #000; padding-bottom:10px; }
	#all_cate_div > div > ul > li > a{display:block; text-align:center; color:#fff;  padding:0 18px; height:30px; line-height:30px; cursor:pointer; background-color:#000; margin:0px 10px;}
	#all_cate_div > div > ul > li > a:hover{ color:#aaa; text-decoration:none;}
	#all_cate_div > div > ul > li:nth-child(5), #all_cate_div > div > ul > li:nth-child(10), #all_cate_div > div > ul > li:nth-child(15), #all_cate_div > div > ul > li:nth-child(20), #all_cate_div > div > ul > li:nth-child(25) {border-right:0px;}
	#all_cate_div > div > ul > li > ul{width:100%; padding:0; margin:0;}
	#all_cate_div > div > ul > li > ul > li{width:100%; height:25px; line-height:25px;  font-weight:normal; padding:0px; text-align:center;  cursor:pointer;  list-style:none; color:#fff; border-right:0px;}
	#all_cate_div > div > ul > li > ul > li > a{ display:block; width:100%; height:25px; line-height:25px; color:#fff; font-size:12px; }
	#all_cate_div > div > ul > li > ul > li > a:hover{ color:#aaa;}


	

	#main_visual{clear:both; position:relative; text-align:center; width:100%; min-width:1200px; padding:0; z-index:0;}
	#main_visual:after{ content:""; display:block; clear:both;}
	#main_visual .sliderkit-panels{width:100%; height:500px; padding:0; max-width:1920px;}
	#main_visual .sliderkit-panel{width:100%; height:500px;padding:0; max-width:1920px; }
	#main_visual .sliderkit-panel img{width:100%; max-width:1920px;}
	#main_visual .sliderkit-nav {position:relative; width:105px; margin:0 auto; }
	#main_visual .sliderkit-nav-clip {position:absolute; height:10px; margin:0; top:500px;}
	#main_visual .sliderkit-nav-clip li {float:left; width:30px; height:10px;  background-color:#000; margin:0 2px; border:1px solid #fff; box-sizing:border-box;}
	#main_visual .sliderkit-nav-clip li.sliderkit-selected{background-color:#4664bc; box-sizing:border-box;}
	#main_visual .sliderkit-text  {position:absolute; top: 40%; left: 35%; text-align:left; transform: translate(-50%, -50%);}
	#main_visual .sliderkit-text  h1{font-size:2em;  color:#fff; line-height:1.3em; font-weight:700; text-shadow: 0px 1px 4px #333; }
	#main_visual .sliderkit-text  p{font-size:1.2em; color:#fff; line-height:1.3em;  text-shadow: 0px 1px 4px #333; }

	
	
	#contents {width:1200px; margin:0 auto;}
	#contents:after {content:""; display:block; clear:both;}
	#contents .m_bnr {width:1200px; margin:20px auto;}
	#contents .m_bnr ul { width:100%; list-style:none; top:0; left:0; padding:0;}
	#contents .m_bnr ul li{ float:left; display:inline; width:290px; text-align:center; margin-right:13px; }
	#contents .m_bnr ul li:last-child {margin-right:0;}
	#contents .m_bnr ul li img {width:100%; }
	
	#contents .pro_area { clear:both; width:1200px; margin:0px auto; padding:40px 0;}
	#contents .pro_area:after {content:""; display:block; clear:both;}
	#contents .pro_area .pro_tit { width:100%; height:49px; line-height:49px; }
	#contents .pro_area .pro_tit h4{ width:100%;  text-align:center;  font-weight:normal; background:url('/html/image/tit_back.png')repeat-x; background-position:left center;}
	#contents .pro_area .pro_tit p{  display:inline-block; width:212px; height:50px; line-height:50px; color:#fff;  background:#8e8e8e;  margin:0 auto; text-align:center;  font-size:20px; font-family:'Nanum Barun Gothic';}
	#contents .pro_area .pro_tit span{ float:right; display:none;}
	#contents .pro_area .pro_box {float:left; width:1200px; padding-top:30px; margin:0 auto;}
	#contents .pro_area .pro_box ul { width:100%; list-style:none; top:0; left:0; padding:0;}
	#contents .pro_area .pro_box ul li{ float:left; display:inline; width:285px; text-align:center; margin-right:20px; }
	#contents .pro_area .pro_box ul li:last-child {margin-right:0;}
	#contents .pro_area .pro_box ul li img {width:100%;  border:1px solid #e6e6e6; box-sizing:border-box; }
	#contents .pro_area .pro_name {font-size:13px; font-weight:normal;  color:#2b2b2b; padding-top:15px; } /* 상품명 */
	#contents .pro_area .pro_price {font-size:13px; font-weight:bold; color:#c80701; padding-top:5px;} /* 판매가 */
	#contents .pro_area .pro_txt {font-size:12px; font-weight:normal; color:#929292; padding-top:10px;} /* 제품설명 */

	
	
	#copy_bnr {clear:both; width:100%; min-width:1200px; text-align:center; margin-top:30px; }
	#copy_bnr img{width:100%; height:315px; }
	
	#community {clear:both; width:100%; text-align:center; padding-bottom:30px; }
	#community .comm_menu {width:100%; height:43px; border-top:1px solid #000; border-bottom:1px solid #DDD;}
	#community .comm_menu_box {width:1200px; margin:0px auto;}
	#community .comm_menu_left {float:left; }
	#community .comm_menu_left ul{width:100%; left:0; padding:0; margin:0;  }
	#community .comm_menu_left ul li{ float:left; display:inline; height:43px; line-height:43px; padding-left:15px; text-align:left; font-size:11px; background:url('') no-repeat 90% center;}
	#community .comm_menu_left ul li.comm_bt a:hover {color:#527bae;  cursor:pointer;}	
	#community .comm_menu_left ul li:first-child {padding-left:0;}
	#community .comm_menu_right {float:right; width:px;}
	#community .comm_menu_right ul{width:100%; left:0; padding:0; margin:0;  }
	#community .comm_menu_right ul li{ float:left; display:inline; width:70px; height:43px; line-height:43px; text-align:right;}
	#community .comm_menu_right ul li.comm_bt:hover {color:#527bae; }	
	
	#comm_area {width:1200px; height:130px; margin:20px auto; }
	#comm_area h4 {font-size:15px; color:#333; font-weight:normal; padding-bottom:5px; font-family:"notokr-medium";}
	#comm_area p {font-size:12px; color:#555; line-height:18px; margin-top:10px;  font-family:'Nanum Barun Gothic';}
	#comm_area .comm_cs {float:left; display:inline; width:280px; height:100%; text-align:left; }
	#comm_area .comm_cs p.tel {font-size:20px; background:url('/html/image/icon_tel.png') no-repeat; background-position:left top; padding-left:25px; line-height:25px;}
	#comm_area .comm_bank {float:left; display:inline; width:240px; height:100%; text-align:left;}
	#comm_area .comm_bank p {font-size:12px;}
	#comm_area .comm_quick {float:left; width:390px; height:100%; text-align:left; }
	#comm_area .comm_quick ul{width:100%; left:0; padding:0; margin:0; padding-top:10px; }
	#comm_area .comm_quick ul li{ float:left; display:inline; text-align:left; padding-right:5px;}
	#comm_area .comm_quick ul li:last-child {padding-right:0;}
	#comm_area .comm_quick ul li img {width:100%;}
	#comm_area .comm_notice {float:right; display:inline; width:290px; height:100%; text-align:left;}
	#comm_area .comm_notice table{margin-top:8px; min-width:290px;}
	#comm_area .comm_notice td{ height:23px; font-size:11px;}

	
	
	#footer {clear:both; width:100%; overflow:hidden; background:#fafafa; padding:20px 0 40px 0; border-top:1px solid #DDD; }
	#footer_area{ width:1200px; margin:0 auto; margin-top:0px; margin-bottom:30px;}
	#footer_area .copyright{float:left; display:inline; text-align:left; color:#555; font-size:12px; line-height:18px; letter-spacing:0.02em; padding-left:0px;}
	#footer_area .bnr_escrow{float:right; right:0;}