@charset "utf-8";
/* ----------
css
---------- */

th{vertical-align:middle;}
td{vertical-align:middle;}

/* layout | 퍼블리셔 */
body, table, th, td, input,
textarea, button, select {
	font-family:"나눔고딕", NanumGothic, "Nanum Gothic", "Malgun Gothic", "돋움", Dotum, Tahoma, Verdana, Calibri, Arial, sans-serif;
	font-size:13px;
	color:#666;
}
body { background-color:#fff; }
#header { background-color:#fff; }
#headerInner { width:1100px; height:20px; margin:0 auto; color:#ce254e; }
#container { background-color:#fff; overflow:hidden;  }
#container #visual {height:281px; background:url('/kr/images/sub/sub_top_img.jpg') bottom center no-repeat; }
#container #sub_nav_bar{border-bottom:1px solid #cfcfcf;}
#container #sub_nav { width:1100px; margin:0 auto;height:59px;  text-align:right;line-height:55px; font-size:15px; letter-spacing:-0.5px; color:#666;}
#container #sub_nav ul{float:right;}
#container #sub_nav ul li{float:left; padding-right:13px;}
#container #sub_nav span{font-weight:600;}

#middleArea { width:1100px; margin:auto; overflow:hidden;  1px solid #cfcfcf; background:url('/kr/images/layout/left_bg.png') left repeat-y }
#top_title{ width:100%; height:103px; border-bottom:1px solid #cfcfcf;}
#top_title .title_dot{font-size:35px; font-weight:bold; color:#444; display:block;text-indent:15px; background:url('/kr/images/sub/title_dot.png') left no-repeat; line-height:110px;}

/* sidebar
------------------------------------------------------ */
#sidebar { width:169px; height:100%; display:block; color:#34789a; float:left;  padding-bottom:50px;}
#sidebar .title_left_top{ height:102px; font-size:20px; font-weight:600; color:#444; text-indent:10px; line-height:95px; border-bottom:1px solid #cfcfcf}
#sidebar ul {overflow:hidden}
#sidebar ul li a{display:block; height:49px; line-height:50px; font-size:16px; font-weight:600; text-indent:10px; border-bottom:1px solid #cfcfcf; letter-spacing:-0.5px}
#sidebar ul li.on a{color:#fff;  display:block; background:url('/kr/images/sub/bg_on.jpg') center top no-repeat; border:0;}
#sidebar ul li:last-child{margin-bottom:50px;}

#content { overflow:hidden;width:900px;  background-color:#fff; color:#468d7e;  float:left; padding-left:30px;border-left:1px solid #cfcfcf; }


/* HEADER
------------------------------------------------------ */

#header{width:100%; min-width:1100px; height:160px;  background:url(/kr/images/layout/top_bar.png) center top no-repeat}
#header2{width:100%; min-width:1100px; height:197px;  background:url(/kr/images/layout/top_bar.png) center top no-repeat}

#headerInner{padding-top:23px; position:relative;  }
#headerInner h1{position:absolute;top:25px; left:469px ; z-index:9999;}

/* 상단 util */
#util{position:absolute; top:3px; left:0; height:38px; line-height:35px;  }
#util li{float:left; }
.home_box{width:83px;height:38px; background:#c3ac9d; text-align:center;}
.mark_box{width:83px;height:38px; background:#be0004; text-align:center; }
.blog_box{width:83px;height:38px; text-align:center; }
.blog_box a{color:#1daf07 !important;font-weight:500;}

#util li:first-child{ padding-left:0px; }


#util li.to-sns-btn a{}
#util li a{color:#fff; font-size:13px;}

#util li img{vertical-align:middle;}


#util2{position:absolute; top:3px; right:0; height:27px; line-height:35px; }
#util2 li{float:left; padding-left:45px; background:url(/kr/images/layout/util_bullet.gif) no-repeat 23px center;}
#util2 li:first-child{ padding-left:0px; }


#util2 li.to-sns-btn a{}
#util2 li a{color:#a1a1a1; font-size:13px;}

#util2 li img{vertical-align:middle;}
/* gnb */

#gnb{position:absolute; top:88px; left:0px; width:100%; height:109px;  z-index:999;  }
#gnb.on{background:url(/kr/images/layout/top_menu_bg_on.png) no-repeat center bottom ;color:#fff; opacity:1;}
#gnb > ul{width:1100px; margin:0 auto; height:58px;  }
#gnb > ul > li{float:left; position:relative; height:52px; text-align:center;  }
#gnb > ul > li > a{display:block; color:#0f0f0f; font-size:18px; font-weight:600;  height:60px; margin-left:55px;   }
#gnb > ul > li:first-child a{margin-left:10px;}
#gnb > ul > li > a:hover,#gnb > ul > li > a:focus,#gnb > ul > li.on > a{color:#cf0000; background:url(/kr/images/layout/sub_gnb_on.png) no-repeat center bottom; } 

.gnb3{margin-left:610px; }

.gnb-2dep{display:none; position:absolute;   top:50px; left:0px; height:40px; line-height:30px; z-index:9999; padding-top:15px;  /* background:url(/kr/images/layout/top_menu_bg_on.png) no-repeat center bottom;  */}
.gnb1 .gnb-2dep{left:0px; width:300px;}
.gnb2 .gnb-2dep{left:-35px;width:1100px;}
.gnb3 .gnb-2dep{left:0px; width:300px;}
.gnb4 .gnb-2dep{left:-200px; width:400px;}


.gnb-2dep li{float:left; height:40px; line-height:40px; margin-left:30px; }
.gnb-2dep li:first-child{margin-left:0}
.gnb-2dep li a{color:#fff; font-size:15px; font-weight:600;}
.gnb-2dep li a:hover,.gnb-2dep li a:focus,.gnb-2dep li a.on{border-bottom:2px solid #fff;padding-bottom:4px;}





/* main */
#mainContent{padding:29px 0 29px; *zoom:1}
#mainContent:after{clear:both; display:block; }

#mainContent { width:1100px; margin:0 auto ; overflow:hidden;   }
#mainContent > article{float:left}
#mainContent #banner1 { width:355px; height:490px;  margin-right:14px; border:1px solid #cfcfcf; }
#mainContent #banner1 .product_data{width:308px;height:59px;  margin:0 auto; background:url(/kr/images/layout/board_bar1.png) no-repeat center bottom;}
#mainContent #banner1 .product_data ul li {float:left; font-size:18px;  color:#444; font-weight:500; padding:30px 0 30px 0; }
#mainContent #banner1 .product_data ul li span{font-size:13px;padding-left:203px; }

#mainContent #banner2 { width:355px; height:490px;   margin-right:15px; border:1px solid #a3a3a3; }
#mainContent #banner2 ul { width:326px; ;text-align:left;; margin:0 auto; height:28px;}
#mainContent #banner2 ul li{ }
#mainContent #banner2 .product_data{width:308px;height:59px;  margin:0 auto; background:url(/kr/images/layout/board_bar1.png) no-repeat center bottom;}
#mainContent #banner2 .product_data ul li {float:left; font-size:18px;  color:#444; font-weight:500; padding:30px 0 30px 0; }
#mainContent #banner2 .product_data ul li span{font-size:13px;padding-left:203px; }
#mainContent #banner2 .g_img{ clear:both; margin-top:15px; text-align:center;}
#mainContent #banner2 .g_img img{width:320px;}
#mainContent #banner2 .g_title{float:left; width:320px;margin-top:15px;letter-spacing:-0.5px;}
#mainContent #banner2 .g_title a{font-size:20px; float:left; padding-top:5px; font-weight:500px; color:#444;}
#mainContent #banner2 .g_title span{float:right;color:#666;}
#mainContent #banner2 .g_font_box{font-size:13px; letter-spacing:-1.5px; line-height:22px; height:155px; clear:both; padding-top:10px;}
#mainContent #banner2 .g_more_box{ background:url(/kr/images/layout/g_bg_bar.png) no-repeat right }
#mainContent #banner2 ul li span{ }
#mainContent #news { width:355px; height:490px;    border:1px solid #cdcdcd;}
#mainContent #news ul {height:246px; }

#mainContent #news .news_data{width:308px;height:59px;  margin:0 auto; background:url(/kr/images/layout/board_bar2.png) no-repeat center bottom;}
#mainContent #news .news_data ul .pro_width {float:left; font-size:18px;  color:#444; font-weight:500; padding:30px 0 30px 0;  letter-spacing:-1.8px;}
#mainContent #news .news_data ul .more_bt {float:right; font-size:13px; color:#444; font-weight:500; padding:30px 0 30px 0; ;padding-left:150px;}

#mainContent #news .news_text {clear:both;position:relative; width:308px; padding-top:11px;  }
#mainContent #news .news_text ul li{ line-height:22px; padding:0px; font-size:13px;text-indent:9px; background:url(/kr/images/layout/dot1.png) no-repeat left;  }

.news_text ul li span{padding:0; float:right; position:absolute; right:0; color:#afafaf; font-weight:0;}
#mainContent #bottom_icon{ width:100%;height:187px; }
#mainContent #bottom_icon ul li{ float:left;  width:355px;  margin-right:10px;}
#mainContent #bottom_icon ul li:last-child{ margin-right:0px;}
.bottom_icon1 ul{float:left;}
.bottom_icon1 ul li{width:326px; float:left; margin-top:70px; padding-left:35px; background:url(/kr/images/layout/b_left_bar.png) no-repeat left; }

.bottom_icon1 ul li img{ float:left;}
.bottom_icon1 ul li p{float:left; padding:10px 0 0 10px;  font-size:21px;  color:#444;}
.bottom_icon1 ul li span{float:left;width:220px; padding:5px 0 0 10px; line-height:16px;letter-spacing:-0.5px;color:#949494; }

/* MAIN LAYOUT
------------------------------------------------------ */
#mainContainer{}
#mainVisual{position:relative; width:100%; height:474px; overflow:hidden; border-bottom:1px solid #d8d8d8; }
.visual-controls a{position:absolute; top:216px; left:50%; z-index:99;}
.visual-controls .visual-prev{margin-left:-698px}
.visual-controls .visual-next{margin-left:625px;}
.visual-btn{position:absolute; bottom:12px; left:47.5%; z-index:99}
.visual-btn span{display:inline-block; width:15px; height:22px; cursor:pointer;  background:url(/kr/images/button/main-bt.png) no-repeat}
.visual-btn span.select{width:15px; background-position:-28px 0}
.visual-img{position:absolute; top:0px; left:0px; height:474px; width:100%;}
.visual-img li{height:474px; width:100%; min-width:1100px; float:left; }
.visual-img li p{margin:43px auto; width:528px;  float:left:}





/* BEST 리스트 */
#mainBestCon{position:relative; width:308px; height:405px; clear:both; margin:0 auto;}
.rolling-btn{position:absolute; bottom:0px; left:0px; width:308px; text-align:center; z-index:99}
.rolling-btn span{display:inline-block; width:15px; height:15px; margin-left:7px; cursor:pointer; background:url(/kr/images/button/best_brd_btn.png) no-repeat -26px 0}
.rolling-btn span:first-child{margin-left:0}
.rolling-btn span.select{background-position:0px 0px}
#bestList{width:308px; height:405px; overflow:hidden; position:relative; }
#bestList ul li p{line-height:19px; font-size:13px; letter-spacing:-0.5px; }
#bestList ul li span{padding:5px 0 5px 0; font-size:18px; letter-spacing:-1.8px; color:#444; font-weight:500; display:block;} 
#bestList ul{position:absolute; top:0px; left:0px; height:405px; }
#bestList ul li{float:left; width:308px; height:405px;}


/*FOOTTER*/
#footer { background-color:#fff;  border-top:1px solid #cecece; clear:both;}
#footerInner { width:1100px; height:144px; margin:0 auto; color:#989898;  position:relative;}
#footerInner .fo_top{ position:absolute;   top:-35px; left:0;}
#footerInner .fo_top ul li{display:inline-block; margin-right:10px; font-size:15px; font-weight:600;}
#footerInner .fo_top ul li a{color:#999;}
#footerInner ul{padding-top:56px;  }
#footerInner ul li{ line-height:26px;}
#footerInner p{ position:absolute;   top:35px; right:15px;}