@charset "utf-8";
/* NanumGothic */
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

/* base */
html{overflow-y:scroll; overflow-x:hidden;}
body, div, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, p, form, fieldset, input{margin:0;padding:0;}
h1, h2, h3, h4, h5, h6{font-weight:normal;font-size:100%;}
a{text-decoration:none;}
ul, ol, li{list-style:none;}
img{border:none; vertical-align:middle;}
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary{display:block;}
table, td, tr{font-family:"NanumGothic","Nanum Gothic"; font-size:13px; color:#333; font-weight:400;}

#wrap{width:100%; overflow:hidden; text-align:left; min-width:1200px;}
#top_wrap{width:100%; height:195px;}
#middle_wrap{width:100%; overflow-x:hidden;}
#bottom_wrap{width:100%; height:155px; overflow-x:hidden; background:url('../images/copy_bg.jpg') repeat-x top;}

/* top div위치조절 */
#top_total{margin:0 auto; width:1100px; height:195px; position:relative;}
#top_left_wrap{float:left; width:300px; height:150px;}
#logo{margin-top:35px; width:286px; height:103px;}

#top_right_wrap{float:right; width:800px; height:150px;}
#top_log_wrap{float:right; width:800px; height:75px;}
#login{float:right; width:500px; height:24px; margin-top:30px;}
#login ul {list-style-type:none;}
#login li {float:right; list-style-type:none;}/*border-left:1px solid #ddd;*/
#login li a{display:block; padding:0 10px 0;  height:20px; font-family:"NanumGothic", "Nanum Gothic" ; font-size:15px; color:#666; line-height:20px; font-weight:500; letter-spacing:-0.8px;}
#login li a:hover{color:#206800; font-weight:600;}

/*#top_log{float:right; width:320px; height:20px; line-height:20px; margin-top:20px;}*/
#top_menu_wrap{float:right; width:800px; height:75px;}

#top_menu{float:left; width:480px; height:75px;}
div#commonGnb{margin:15px auto 0; width:100%; height:50px;}/*position:relative;*/
div#commonGnb div.gnbWrap ul.gnbLayer{float:left; width:480px; height:50px; text-align:center;}
div#commonGnb div.gnbWrap ul.gnbLayer li{float:left; width:160px; position:relative; z-index:999;  zoom:1;}
div#commonGnb div.gnbWrap ul.gnbLayer li.first{border:0; margin-left:10px;}

div#commonGnb ul.gnbLayer li{position:relative;}
div#commonGnb ul.gnbLayer li a{display:block; height:72px; padding:0 10px; font-family:"Nanum Gothic","NanumGothic"; font-size:16px; line-height:50px; color:#555; font-weight:500;}
div#commonGnb ul.gnbLayer li:hover a{ color:#206800; font-weight:bold;}
div#commonGnb ul.gnbLayer li dl {position:absolute; left:50%; top:72px; width:1100px; display:none;}
div#commonGnb ul.gnbLayer li dd {float:left; display:block;}
div#commonGnb ul.gnbLayer li dd a {display:block; height:30px; font-size:14px; line-height:30px; color:#fff !important; font-weight:500; background-image:none; text-indent:0;}
div#commonGnb ul.gnbLayer li dd a:hover {background-image:none; color:#ddd !important; font-weight:bold;}
div#commonGnb ul.gnbLayer li:hover dd a {background-image:none;}
#tnav01 dl.snav01{margin-left:-80px;}
#tnav02 dl.snav02{margin-left:-510px;}
#tnav03 dl.snav03{margin-left:-80px;}

#top_search{float:left; width:320px; height:75px;}
#top_sch {float:right; width:248px; height:30px; margin-top:25px; background:url('../images/search_bg.png') no-repeat;}
#top_sch h3 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#top_sch #sch_str {float:right; padding-left:5px; margin-top:3px; width:150px; height:25px; border:0; background:#fff; line-height:25px !important;line-height:1.6em}
#top_sch #sch_submit {float:right; margin:1px 1px 0 0; width:30px; height:28px; border:0; background:url('../images/search_btn.png') no-repeat center center;  color:#333; cursor:pointer; text-indent:-5000px;}

#top_bottom{float:left; margin-top:10px; width:1100px; height:35px; background:#206800;}



#middle_total{margin:0 auto; width:1100px; overflow:hidden;}

/* ---------------------------- index.php (main div위치조절) ---------------------------- */
#main_img{margin:0px auto; width:100%; height:390px; overflow:hidden; position:relative;}
/*#main_img .main_copy{position:absolute; bottom:57px; left:50%; margin-left:-541px; width:732px; height:61px; z-index:100;}*/
#main_banner_a{position:absolute; left:50%; margin-left:-550px; width:1100px; height:390px;}


/* index.php */
#main_con{margin:40px auto 0; width:100%; height:195px; overflow:hidden; background:url('../images/main_con_bg.jpg') repeat-x;}
#con_bottom{margin:20px auto 0; width:1100px; overflow:hidden;}

#main_a{float:left; position:relative; width:304px; height:157px; border-right:1px solid #eee; overflow:hidden;}
.main_a_title{ width:54px; height:15px; margin:2px 0 0 5px;}
.main_a_bg{height:120px; margin-top:15px;}
.main_a_notice{margin:0 15px; padding-top:10px;}

.main_b{position:relative; float:left; width:309px; height:157px; border-right:1px solid #eee; overflow:hidden;}
.main_b_con{width:222px; height:140px; margin:2px 0 0 37px;}

.main_c{float:left; width:239px; height:157px; border-right:1px solid #eee; overflow:hidden;}
.main_c_con{width:170px; height:139px; margin:2px 0 0 32px;}

.main_d{position:relative; float:left; width:245px; height:157px; overflow:hidden;}
#main_quick_menu{float:left; width:221px; height:67px; margin:45px 0 0 25px;}
#main_quick_menu ul { list-style-type:none;}
#main_quick_menu li {float:left; list-style-type:none;}
#main_quick_menu li a{display:block; height:67px; background:url('../images/main_d_quick.png') no-repeat; text-indent:-5000px;}
#main_quick_menu li#quick_menu01 a{width:72px; background-position:0 top;}
#main_quick_menu li#quick_menu02 a{width:77px; background-position:-72px top;}
#main_quick_menu li#quick_menu03 a{width:72px;background-position:-149px top;}
#main_quick_menu li#quick_menu01:hover a{width:72px; background-position:0 bottom;}
#main_quick_menu li#quick_menu02:hover a{width:77px; background-position:-72px bottom;}
#main_quick_menu li#quick_menu03:hover a{width:72px; background-position:-149px bottom;}



/* title div위치조절 */
#con_title{margin:85px auto 0; width:1100px; overflow:hidden; border-bottom:3px double #e1d2e2;}
#title_a_wrap{font-family:"Nanum Gothic","NanumGothic"; font-size:30px; color:#0765bc; line-height:30px; text-align:center; font-weight:bold; letter-spacing:-0.5px}
#title_a_wrap b{color:#000; font-weight:600;}

#title_b{margin:27px 0;  font-family:"Nanum Gothic","NanumGothic"; font-size:18px; color:#555; line-height:18px; text-align:center; font-weight:500; letter-spacing:-0.5px}

/* tab_nav div위치조절 */
#con_tab_nav_wrap{margin:65px auto 0; width:1100px; overflow:hidden;}
#con_tab_nav{margin:0 auto; width:100%; height:42px;}
#tab_nav{margin:0 auto; width:550px;}
#tab_nav li {float:left; list-style-type:none; margin:0 10px 2px 0;}
#tab_nav li a{display:block; width:171px; height:40px; border:1px solid #ddd; font-family:"NanumGothic", "Nanum Gothic" ; font-size:15px; color:#666; line-height:40px; text-align:center; font-weight:500; letter-spacing:-0.5px}
#tab_nav li a:hover{color:#184100; font-weight:600; background:#eee;}
#tab_nav li.on a{color:#184100; font-weight:600; background:#eee;}


#copy_top_btn{position:absolute; left:50%; margin-left:550px; width:50px; height:25px; text-align:center; background:#206800; z-index:100;}
#copy_top_btn a{display:block; width:50px; height:25px; font-family:"Nanum Gothic","NanumGothic"; font-size:12px; color:#fff; line-height:22px; font-weight:bold; letter-spacing:-0.5px;}
/* bottom div위치조절 */
#bottom_total{margin:0 auto; width:1100px; overflow:hidden;}
#bottom_nav{margin:0 auto; width:1100px; height:35px; padding:10px 0}
#bottom_nav li {float:left; list-style-type:none;}
#bottom_nav li a{display:block; height:15px; padding:0px 10px; border-right:1px solid #e1e1e1; font-family:"NanumGothic", "Nanum Gothic" ; font-size:13px; color:#fff; line-height:13px; font-weight:500;}
#bottom_nav li a:hover{color:#fff; background:none; font-weight:600;}
#bottom_nav li a:active{color:#fff; background:none; font-weight:600;}

#copy_wrap{float:left; width:1100px; overflow:hidden;}
#copy_text{float:left; width:1100px; overflow:hidden; padding:15px 0; font-family:"NanumGothic", "Nanum Gothic" ; font-size:14px; color:#666; line-height:23px;}


/* main div위치조절 */
#main_banner{float:right; margin-bottom:35px; width:1200px; height:530px; overflow:hidden;}

#main_con_shopping{margin:0 auto; width:100%; overflow:hidden;}
.stand_total{margin:0 auto; width:1100px; position:relative; overflow:hidden;}
.stand_title_bg{position:relative; float:left; width:1100px; height:44px; margin:40px 0; background:#ededed; border-bottom:1px solid #184100;}
.stand_title{float:left; width:200px; height:14px; padding:16px 0 0 21px;}
.stand_con{float:left; width:100%;  overflow:hidden; padding:0; }/*height:580px; background:url('../images/main_shop_sample_bg.jpg') no-repeat;*/
.stand_more{position:absolute; right:20px; top:20px; width:40px; height:15px;}


#con{float:right; margin:20px 0 0 10px; width:1100px; overflow:hidden; padding:0;}