@charset "utf-8";

@import url(https://fonts.googleapis.com/earlyaccess/notosanskr.css);
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,img {
	margin:0;
	padding:0;
	 
	 
}
li { list-style:none; }
img,fieldset { border:none; vertical-align:top; }
html { width:100%; height:100%; }

body, code {
	font-family:"Noto Sans KR", "NanumGothic", dotum,"돋움", sans-serif; font-size:12px;
	color:#808080;
}
body {background:#ffffff;}
a {select-dummy:expression(this.hideFocus=true);}
 
a:focus { outline:none; }



 

/* 상단영역 */
.set01_gnb { height:92px;    background:url(../img/set01_gnb_bg.gif);}
.set01_gnb_inner {margin:0 auto 0 auto; width:1000px; height:92px;}


.gnb_q_sm {cursor: pointer;}
.gnb_q_sm:hover { background:#424242; }



.set01_gnb_menu01 {float:left; 	cursor: pointer;}
.set01_gnb_menu02 {float:left;}
.set01_gnb_menu02:hover { background:url(../img/gnb_sub/hov.gif); float:left;}
 .set01_gnb_menu03_a {float:left;}
 
 
.set01_gnb_menu04 {float:left;cursor: pointer;}
.set01_gnb_menu04:hover { background:url(../img/gnb_sub/hov.gif); float:left;}
.set01_gnb_menu05 {float:right;}

.set01_gnb_sub {display:none; width:1000px;	margin:0 auto 0 auto; height:131px; background:#f2f2f2; overflow:hidden;}
 

/* 중단 영역 */


.sub_warp_basic  {margin:25px auto 15px auto; width:1017px;}

.set02_sub_contents {margin:0 auto 0 auto; width:1000px;}
 
.set02_best_new_box {margin:0 auto 0 auto; width:956px; }
/* Slide image */
#set02_slide_image { position:relative;   width:640px; height:556px;  float:left;}
#set02_slide_image { height:556px; }
#set02_slide_image .set02_slides_image { position:relative; width:640px; height:100%; margin:0 auto; text-align:center;}
#set02_slide_image .set02_slides_image a { display:none; position:absolute; top:0; left:0; width:640px; height:100%; }
#set02_slide_image .set02_slides_image a:first-child { display:block; }
#set02_slide_image .set02_slides_paging {  position:relative; bottom:44px; left:100px; z-index:20; overflow:hidden; width:640px; height:14px; margin:0 auto 0 auto; }
#set02_slide_image .set02_slides_paging a { float:left; margin:0 0 0 5px; }
#set02_slide_image .set02_slides_paging a:first-child { margin-left:0; }



#set02_slide_image2 { position:relative;   width:956px; height:556px; margin:0 auto 0 auto}
#set02_slide_image2 { height:556px; }
#set02_slide_image2 .set02_slides_image2 { position:relative; width:956px; height:100%; margin:0 auto; text-align:center;}
#set02_slide_image2 .set02_slides_image2 a { display:none; position:absolute; top:0; left:0; width:640px; height:100%; }
#set02_slide_image2 .set02_slides_image2 a:first-child { display:block; }
#set02_slide_image2 .set02_slides_paging2 {  position:relative; bottom:44px; left:100px; z-index:20; overflow:hidden; width:956px; height:14px; margin:0 auto 0 auto; }
#set02_slide_image2 .set02_slides_paging2 a { float:left; margin:0 0 0 5px; }
#set02_slide_image2 .set02_slides_paging2 a:first-child { margin-left:0; }

.set02_newproduct {position:relative; width:313px;  height:556px; text-align:center;   background:#0C3; float:left;}


/* Container */



/* 중단 메인 슬라이딩 배너 S*/



 /* 배너모션 */

.zindex_box {position: relative;  width:1024px; hight:648px; margin:0 auto 0 auto; text-align:left; overflow:hidden;}
.zindex_box1 {position: relative;   width:400px; hight:400px; text-align:left; overflow:hidden; margin:160px 0 0 660px;}
.zindex_box2 {position: relative;   width:400px; hight:400px; text-align:left; overflow:hidden; margin:190px 0 0 660px;}
.zindex_box3 {position: relative;   width:400px; hight:400px; text-align:left; overflow:hidden; margin:180px 0 0 109px;}
.zindex_box4 {position: relative;   width:400px; hight:400px; text-align:left; overflow:hidden; margin:100px 0 0 640px;}
.zindex_box5 {position: relative;   width:400px; hight:400px; text-align:left; overflow:hidden; margin:395px 0 0 90px;}
.zindex_box6 {position: relative;   width:400px; hight:400px; text-align:left; overflow:hidden; margin:360px 0 0 50px;}
 

.zindex21 {position: relative; z-index:21; display:none; text-align:left; }
.zindex22 {position: relative; z-index:22; display:none; text-align:left;}
.zindex31 {position: relative; z-index:31; display:none; text-align:left;}
.zindex32 {position: relative; z-index:32; display:none; text-align:left;}
.zindex41 {position: relative; z-index:41; display:none; text-align:left;}
.zindex42 {position: relative; z-index:42; display:none; text-align:left;}
.zindex51 {position: relative; z-index:51; display:none; text-align:left;}
.zindex52 {position: relative; z-index:52; display:none; text-align:left;}
.zindex61 {position: relative; z-index:61; display:none; text-align:left;}
.zindex62 {position: relative; z-index:62; display:none; text-align:left;}
.zindex71 {position: relative; z-index:71; display:none; text-align:left;}
.zindex72 {position: relative; z-index:72; display:none; text-align:left;}



 /* Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;} 

/* FlexSlider Necessary Styles
*********************************/ 
.flexslider {margin: 0; padding: 0;  relative;}
.flexslider .slides > li {display: none;  } /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {  display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}


/* FlexSlider Default Theme
*********************************/
.flexslider {margin: 0 0 0 0; background: #fff; position: relative;  zoom: 1;}
.flex-viewport {min-height: 648px; }
.loading .flex-viewport {max-height: 648px;}
.flexslider .slides {zoom: 1; width:100%; overflow:hidden; text-align:center;}
.flexslider .slides img{zoom: 1; }

 


/* Direction Nav */
.flex-direction-nav {*height: 0;}
.flex-direction-nav a {width: 30px; height: 30px; margin: -20px 0 0; display: block; background: url(../img/backbt.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease;}
 
 
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;}
 

/* Control Nav */
.flex-control-nav {width: 100%; background: #e4e4e4; position: absolute; bottom: -20px; text-align: center;}
.flex-control-nav li {margin: -70px 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 16px; height: 16px; display: block; background: #666;  cursor: pointer; text-indent: -9999px;  background: url(../img/dot_off.png) no-repeat 0 0;}
.flex-control-paging li a:hover { background: #333;  background: url(../img/dot_on.png) no-repeat 0 0;}
.flex-control-paging li a.flex-active { background: #000;  cursor: default; background: url(../img/dot_on.png) no-repeat 0 0;}

 

@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev {opacity: 1; left: 0;}
  .flex-direction-nav .flex-next {opacity: 1; right: 0;}
}
	
/* 중단 메인 슬라이딩 배너 E*/
 
 

 

.set02_notice {height:45px;  margin:0 auto 40px auto; width:1000px; background:url(../img/set02_notice_bg.gif) no-repeat 50% 50%;}

.set02_main_tepmenu {position:relative; z-index:99; top:634px; margin:0 auto 0 auto; width:1000px; height:36px; }
 
.set02_main_tepmenu li {float:left; margin:0 0 0 8px;}
.menu img{margin:0 0 0 1px;}
.menu img:first-child{margin:0 0 0 0;}
.set02_main_tepmenu li:first-child {float:left; margin:0 0 0 0;}
.set02_main_content { }

.menu a{cursor:pointer; width:90px text-align:right; } 

 
 
.menu .hide{display:none; width:1000px; margin-top:15px;}
.set02_main_tepbanner {text-align:right; position:relative; z-index:99; margin:0 auto 0 auto; width:1000px; height:36px;   }
 
.set02_slid_banner { height:575px; text-align: center;}
 

.set02_sld_4_cont { padding:0 10px 0 10px;}
.set02_sld_4_title {float:left; width:100%;  color:#444444; font-size:14px;  line-height:30px; height:30px;}
.set02_sld_4_content {float:left; width:100%;   color:#888888; font-size:11px;line-height:15px;}
.set02_sld_4_date {float:right; width:100%;  color:#7f7f7f; font-size:11px;line-height:30px; height:30px; text-align:right;}

.set02_sub_warp_basic { width:1000px;  margin:0 auto 0 auto;}

 
.sns_warp .hide2{display:none; width:1000px; margin-top:15px;}
.sns_warp { width:1000px;  }
.sns_warp ul {display:block;}
.sns_warp li {float:left; width:275px; margin:57px 0 0 47px; background:url(../img/zoom.png) no-repeat 0 51px; }
 
 
 
 
 .set02_slid_banner { height:318px; text-align: center;}
 

.set02_sld_4_cont { margin:10px 0 0 0 ; padding:0 10px 0 10px;}
.set02_sld_4_title { width:244px;  color:#444444; font-size:14px;  line-height:30px; height:30px;}
.set02_sld_4_content {width:244px;  color:#888888; font-size:11px;line-height:15px;}
.set02_sld_4_date { width:244px;  color:#7f7f7f; font-size:11px;line-height:30px; height:30px; text-align:right;}
 
 
 
 
 
 
 
 
 
 
 

 



/* Slide image */
#slide_image {position:relative; overflow:hidden; width:1000px; height:575px; margin:0 auto;}
#slide_image .image {position:relative; z-index:1; width:5000px; height:100%;}
#slide_image .image a {float:left;}
#slide_image .prev,
#slide_image .next {position:absolute; bottom:210px; z-index:2; width:43px; height:86px; text-indent:-9999px; background:url(../img/main_teb/next.png) no-repeat 0px 0px;}
#slide_image .prev {left:0;}
#slide_image .next {right:0; background-position:-43px 0px;}
#slide_image .paging {position:absolute; bottom:0; left:435px; overflow:hidden; height:10px; z-index:2;}
#slide_image .paging img {float:left; margin-left:10px;}
#slide_image .paging img:first-child {margin-left:0;}








/* 하단 영역 */
.set03_bottom {height:60px;  margin:60px auto 0 auto; width:1000px; background:url(../img/set02_notice_bg.gif) no-repeat 50% 50%; }