@charset "euc-kr";

/*@import "font.css";*/
@import url(http://ts.daumcdn.net/custom/blog/0/606/skin/images/nanumgothic.css);

*{font-family:'Nanum Gothic', sans-serif;}
body {margin:0;padding:0;background:#ffffff; 
font-size: 12px;
line-height: 15px;
color: #555555;}
h1, h2, h3, h4, h5, h6, div, ol, ul, li {margin:0;padding:0;}
img {border:0;}
ul, ol,li {list-style-type:none;}
a:link {text-decoration:none;}
a:hover {text-decoration:none;}
table {text-align:left;}


#header { margin:0 auto; width:990px; height:130px; background:#fff; no-repeat 0 0;position:relative;}
#header h1 { width:120px; padding-left:31px; padding-top:31px;}
#header .direct_menu {position:absolute; top:7px; left:570px; width: 409px; }
#header .direct_menu ul { display:inline; }
#header .direct_menu .part01 li { display:inline; float:left; width:60px; background-position:0px 7px; background-image:url(../images/blt.png); background-repeat:no-repeat;  }
#header .direct_menu .part01 li a{ margin-left:7px;  font-size:11px; line-height:1.5em; color:#a7a7a7; font-weight:bold; letter-spacing:-0.1px;   }
#header .direct_menu .part02 { display:inline; float:left; margin-left:20px;}
#header .direct_menu .part02 li {display:inline;}
#header .direct_menu .part02 li a{ margin-left:0px;}

#menu {width:990px; height: 40px;clear: both; position:absolute; top:58px;}

/****************************************************¸Þ´º½ÃÀÛ****************************************************/
/* NaviWrap */
#topnav {position:absolute;left:300px;top:55px; font-family: ³ª´®°íµñ;}
#header > #topnav li {margin-right:10px; padding:0; list-style:none;}
#topnav {clear:both;}
#topnav > li, #header > #topnav > li > a {float:left;}
#topnav > li {height:28px;}

#header .lnb .topMenu01,#header .lnb .topMenu02,#header .lnb .topMenu03,#header .lnb .topMenu04, #header .lnb .topMenu05, #header .lnb .topMenu06 { height:20px; display:inline-block; *display:inline; *zoom:1; margin:0;}
#header .lnb .topMenu01 span,#header .lnb .topMenu02 span,#header .lnb .topMenu03 span,#header .lnb .topMenu04 span, #header .lnb .topMenu05 span, #header .lnb .topMenu06 span { visibility:hidden } 
#header .lnb .topMenu01 { background:url(../images/topmenu_01.png) no-repeat; min-width:100px; }
#header .lnb .topMenu02 { background:url(../images/topmenu_02.png) no-repeat; min-width:100px; }
#header .lnb .topMenu03 { background:url(../images/topmenu_03.png) no-repeat; min-width:100px; }
#header .lnb .topMenu04 { background:url(../images/topmenu_04.png) no-repeat; min-width:100px; }
#header .lnb .topMenu05 { background:url(../images/topmenu_05.png) no-repeat; min-width:100px; }
#header .lnb .topMenu06 { background:url(../images/topmenu_06.png) no-repeat; min-width:100px; }
#header .lnb .topMenu01:hover,
#header .lnb .topMenu02:hover,
#header .lnb .topMenu03:hover,
#header .lnb .topMenu04:hover,
#header .lnb .topMenu05:hover,
#header .lnb .topMenu06:hover,
#header .lnb .topMenu01:focus,
#header .lnb .topMenu02:focus,
#header .lnb .topMenu03:focus,
#header .lnb .topMenu04:focus,
#header .lnb .topMenu05:focus,
#header .lnb .topMenu06:focus,
#header .lnb .select { background-position:0 -20px; }

#header .lnb .sub { margin:0; padding:0; height:30px; width:990px; position: absolute; top: 44px; left: -300px; background: #165a26; overflow:hidden; display:block; float: left; }
#header .lnb .none { display:none; }
#header .lnb .m1_sub, #header .lnb .m2_sub, #header .lnb .m3_sub, #header .lnb .m4_sub, #header .lnb .m5_sub, #header .lnb .m6_sub { list-style: none; margin: 0; padding: 0; width: 100%; position:relative; text-align: left; }
#header .lnb .m1_sub li, #header .lnb .m2_sub li, #header .lnb .m3_sub li, #header .lnb .m4_sub li, #header .lnb .m5_sub li, #header .lnb .m6_sub li { width: 100%; display: inline; }
#header .lnb .m1_sub a,
#header .lnb .m2_sub a,
#header .lnb .m3_sub a,
#header .lnb .m4_sub a,
#header .lnb .m5_sub a,
#header .lnb .m6_sub a { line-height:17px; font-weight:bold; color:#ade4c1; padding:5px 5px 0 0; float: left ;}
#header .lnb .m1_sub a:hover,
#header .lnb .m2_sub a:hover,
#header .lnb .m3_sub a:hover,
#header .lnb .m4_sub a:hover,
#header .lnb .m5_sub a:hover,
#header .lnb .m6_sub a:hover,
#header .lnb .m1_sub a.select,
#header .lnb .m2_sub a.select,
#header .lnb .m3_sub a.select,
#header .lnb .m4_sub a.select,
#header .lnb .m5_sub a.select,
#header .lnb .m6_sub a.select{ color:#ffffff; }

/* SubMenu Position */
#header .lnb .m1_sub  { margin-left:250px;  }
#header .lnb .m2_sub  { margin-left:5px;  }
#header .lnb .m3_sub  { margin-left:430px;  }
#header .lnb .m4_sub  { margin-left:310px;  }
#header .lnb .m5_sub  { margin-left:650px;  }
#header .lnb .m6_sub  { margin-left:750px;  }

/****************************************************¸Þ´º³¡****************************************************/


#contents { margin:0 auto; width:990px; position:relative;}
#contents .visual_img{ width:990px; height:430px; background:url(../main_img/bg.png); no-repeat 0 0; position:relative;  }
#contents .notice{position:relative; width:100%; background-color:#005738; *zoom:1}
#contents .notice:after{content:""; display:block; clear:both;}
#contents .notice h3{float:left; padding:0 0 0 62px; margin:0 5px 0 0; width:85px; height:30px;}
#contents .notice h3 img{margin:7px 0 0;}
#contents .notice .notice_arrow{position:absolute; top:0; left:0; margin:6px 0 0 45px;}
#contents .notice .notice_list{float:left; width:600px; top:4px;}
#contents .notice .notice_list ul{position:relative; top:0px; left:0; width:400px; }
#contents .notice .notice_list ul li{height:14px; padding:4px 0 7px 5px;}
#contents .notice .notice_list ul li a{color:#fff;}

#contents .detail_con{padding:35px 44px 0; height:380px; background-color:#f0f5d6; *zoom:1}
#contents .detail_con:after{content:""; display:block; clear:both;}
#contents .detail_con .media_bx{float:left; margin:0 35px 0 0; width:245px;}
#contents .detail_con .media{margin:0 0 29px;}
#contents .detail_con .media h3{margin:0 0 10px; width:100%;}
#contents .detail_con .media .media_tab{width:100%; height:218px; background:#fff; border:1px solid #e4e4e4;}
#contents .detail_con .media .media_tab a{font-weight:bold;}

/**ÅǽÃÀÛ**/
#tab_bx{ width:245px; height:218px; margin-top:9px; margin-left:9px; }
ul.tab li{list-style-type:none; width:73px; height:22px; padding-right:4px; float:left; }
ul.tab li a{outline:none; background:#c1c0c0; display:block; color: #FFF; font-weight:bold; line-height:22px; text-align:center; }
ul.tab li a:hover{background:#9dcb3a; text-decoration:none; color:#024315; font-weight:bold;  }
ul.tab li a.selected{ background:#9dcb3a; text-decoration:none; color:#024315; font-weight:bold;  }
ul.panel{clear:both; }
ul.panel li{ list-style-type:none; padding-top:5px; }
/**Ådz¡**/

#contents .detail_con .square{width:245px; background:url(/main/main_img/square_line.png); background-repeat:no-repeat; background-attachment:scroll; background-position:80px;}
#contents .detail_con .square .le{ padding-left:10px;}
#contents .detail_con .square .cen{ padding-left:20px;}
#contents .detail_con .square .ri{ padding-left:20px;}


/****************************************************½ÅÁ¦Ç° ½ÃÀÛ****************************************************/
#contents .detail_con .scroller{float:left; margin:0 35px 0 0; width:354px;}
#contents .detail_con .scroller .scroller-inner { background-color: #f0f5d6; position:relative; width:353px; height: 312px; margin-top: 10px; overflow: hidden; }
#contents .detail_con .scroller .scroller-inner .window ol.teaser-items { margin:0; padding:0; position:relative;}
#contents .detail_con .scroller .scroller-inner .window ol.teaser-items li { width: 100%; margin:0; padding:0; position: absolute; display: none; }
#contents .detail_con .scroller .scroller-inner .column { display:inline; float:left; margin-left:15px; width:30%; }
#contents .detail_con .scroller .scroller-inner .teaser-header { position: absolute; bottom:0; left:0; width: 100%; }
#contents .detail_con .scroller .scroller-inner .teaser-header ol { list-style-type:none; margin:0; padding:0 0px; }
#contents .detail_con .scroller .scroller-inner .teaser-header ol li { background:#bfcc7f; float:left; margin-left: 3px; position:relative; top:7px; white-space:nowrap; font-weight: bold; }
#contents .detail_con .scroller .scroller-inner .teaser-header ol li a { display:block; overflow:hidden; width:35px; height:10px; text-indent:-9999em; text-decoration: none; }
#contents .detail_con .scroller .teaser-items img{ border:solid 1px #e4e4e4; }
#contents .detail_con .scroller .btn { text-decoration:none !important; overflow:visible; white-space:nowrap; cursor:pointer; _cursor:hand;}
#contents .detail_con .scroller .scroller-inner .teaser-header li.selected { background:#005738; background-position:center top; background-repeat:no-repeat;}
#contents .detail_con .scroller .scroller-inner .slideshow-controls { margin:0; }
/****************************************************½ÅÁ¦Ç° ³¡****************************************************/

#contents .detail_con .story{float:left; width:233px; background: url(../main_img/story_line.png) no-repeat 0 102px;}
#contents .detail_con .story .top{padding-top:0px;}
#contents .detail_con .story .mid{padding-top:18px;}
#contents .detail_con .story .bot{padding-top:18px;}

#footer {  margin:0 auto; width:990px; height:140px; background:#e4edb4; position:relative;}
#footer .line { margin:0 auto; width:990px; height:1px; background:#50af3f; position:relative; }
#footer .samyook_info {overflow:hidden; zoom:1; width:580px; padding-top:20px; padding-left:45px;}
#footer .samyook_info .info img { float:left; margin:0; padding:0;}
#footer .samyook_info li{ float:left; padding:0; margin:0; font-size:11px; letter-spacing:-0.8px;line-height:1.4; white-space:nowrap;}

#footer .certification { position:absolute; top:20px; left:645px;}
#footer .certification ul li{display:inline; float:left; padding:8px 4px;}

#footer .family_site { position:absolute; top:100px; left:645px;}
#footer .family_site select {width:300px; height:20px; margin-left:8px; font-size:11px; color:#787878; }

#footer .customer { position:absolute; top:100px; left:45px; }
#footer .customer ul li { display:inline; font-size:11px; }
#footer .customer .bg { background-image: url("/main/images/main_bar.png"); background-repeat: no-repeat; margin-left:15px;}
#footer .customer .tell img { float:left; }
#footer .customer .bt01 { margin-left:10px;}
#footer .customer .bt02 { margin-left:5px;}
#footer .customer .bt03 { margin-left:12px;}

/*±¸ ÆäÀÌÁö css*/
img {border:0;vertical-align:middle;}
.test {border:1px solid red;}

h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0;}
/*h2,h3{display:none;}*/

hr {display:none;}
.blind, legend {display:block; position:absolute; left:0; top:-5000px; overflow:hidden;}
legend {*width:0;}

.center {text-align:center;}
.middle {vertical-align:middle;}
.imgbottom {vertical-align:bottom;}
.imgtop {vertical-align:top;}

.box {font-size:14px; color:#333; border:1px solid #999; height:20; line-height:140%;}
.box2 {font-size:14px; color:#666666; text-decoration:none;background:#F7F7F7 ;border-bottom: 1px solid #C6C6C6; 
           border-right: 1px solid #C6C6C6;	border-left: 1px solid #C6C6C6; border-top:1px solid #C6C6C6}


.tab_t {background:url(/contents/about/images/lab_tb_bg.jpg) repeat-x;height:28px;font-weight:bold;}
.tab_t2 {height:32px;font-weight:bold;border-top:solid 3px #99c979;border-bottom:solid 1px #cccccc;background:#f9f9f9;}
.tab_line {border-bottom:1px solid #dedede;}
.tab_line2 {border-bottom:1px solid #dedede;padding:3px;}
.tab_right {border-left:1px solid #dedede;}
.tab_left {padding:5px;}

#notice {position:absolute; left:745px;top:572px;width:235px; height:70px;}
#notice ul li {height:19px;175px;}
#notice ul li a:link, #notice ul li a:visited {font-size:11px; color:#555; letter-spacing:-2px; font-family:"µ¸¿ò";}
#notice ul li a:hover, #notice ul li a:active, #notice ul li a:focus {font-size:11px; color:#2d8867; letter-spacing:-2px; font-family:"µ¸¿ò";}


/*±â¾÷¼Ò°³*/
.history_y {color:#247b43;font-size:17px;}
.h_line_b {border-bottom:1px solid #d4d4d4;padding:4px;}
.h_line_t2 {border-top:3px solid #75ae00;}
.h_line_t {border-top:3px solid #dedede;}


/*¼îÇÎ*/
.img_box {border:3px solid #efefef;}
.pad4 {padding-top:5px;}
.amount {font-weight:bold; color:#ff7800;}
.pname {font-weight:bold; font-size:18px;font-family:"µ¸¿ò";letter-spacing:-1px;color:#376130;}
.item {color:#555;font-size:12px;letter-spacing:0px;}
.amount2 {font-weight:bold; color:#ff7800;font-size:12px;letter-spacing:0px;}
.cart_line {border-bottom:1px solid #dedede;}
.cart_line2 {border-bottom:1px solid #b5ac85;border-top:1px solid #b5ac85;background:#f5f3e9;}
.cart_line3 {border-bottom:1px solid #dedede;padding:4px;background:#fbfbfb}
.cart_line_t {border-top:3px solid #dedede;}

/*È«º¸*/
.point_line {background:url(/contents/pr/images/point.gif) repeat-x top;padding:10px;}
.point_line2 {background:url(/contents/pr/images/point.gif) repeat-x bottom;padding:5px;}
.ad_title {font-weight:bold; font-size:18px;font-family:"µ¸¿ò";letter-spacing:-1px;color:#376130;padding:5px;}
.ad_tex {font-size:12px;font-family:"µ¸¿ò";letter-spacing:-1px;color:#555555;padding:7px;height:62px;}


/*»çÀÌÆ®¸Ê*/
.site_line {background:url(/contents/sitemap/images/point.gif) repeat-x bottom;padding:3px;}