@charset "utf-8";
/* CSS Document */
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(http://fonts.googleapis.com/css?family=Noto+Sans);

/* All Device */
html, body{height:100%;}
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; }
body {background:url('../images/mainbar.jpg') repeat-y 0 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:'Noto Sans', sans-serif; font-size:13px; color:#333; font-weight:400;}


#wrap{width:100%; overflow:hidden; margin:0 auto; background:url('../images/main_r.jpg') no-repeat 1220px 100px }
#total_wrap{float:left; width:1220px; overflow:hidden;}
#left_wrap{float:left; width:175px;overflow:hidden;margin-left:35px }
#right_wrap{ float:left; width:980px; overflow:hidden; margin-left:10px; margin-right:20px; margin-top:20px }

#top_total{float:left; width:980px; height:60px; border-top:1px solid #742510; }
#top_total.sub {width:960px; margin-left:20px}

#login{float:left; width:500px; height:30px;  margin:23px 0 0 220px;}
#login ul li{float:left;}
#login ul li a{display:block; margin:8px 5px; font-family:'Noto Sans', sans-serif; font-size:13px; color:#444; font-weight:600}
#login ul li a:hover{color:#742510;}

#top_sch {float:right; width:240px; height:40px; margin-top:20px; background:#6f3c36;}
#top_sch h3 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#top_sch #sch_str {width:190px;height:30px; margin:0 0 0 5px; border:0;background:#fff;line-height:1.9em !important;line-height:1.6em}
#top_sch #sch_submit {padding:0; width:45px; height:40px;border:0;background:url('../images/search_btn.jpg');color:#333;cursor:pointer;text-indent:-5000px;}

#con_total{float:left;  width:980px; overflow:hidden;}
#main_img1{float:left; width:720px; height:390px; margin-top:20px; background:url("../images/main_img_bg.jpg");}
#quickmenu{float:left; width:240px; height:230px;margin-top:20px; margin-left:20px }
#quickmenu li{float:left; width:120px; height:115px}
#quickmenu li a{display:block; width:120px; height:115px; background:url('../images/q1.jpg') no-repeat; text-indent:-5000px;}
#quickmenu li a:hover{background:url('../images/q2.jpg') no-repeat;}
#quickmenu li#q_nav01 a{ background-position:0 0;}
#quickmenu li#q_nav02 a{ background-position:-120px 0;}
#quickmenu li#q_nav03 a{ background-position:0 -115px;}
#quickmenu li#q_nav04 a{ background-position:-120px -115px;}

#main_b{ float:left; width:240x; height: 140px;  margin-top:25px; margin-left:20px }
#main_b_title{ float:left; width:240px; height:20px;}
#main_b_con{clear:both; width:240px; height:110px;  padding-top:12px }

#list1 { float:left; width:980px; overflow:hidden; margin-top:20px;  }
#list1_title {float:left; width:980px; height:40px; margin-bottom:30px;}
#list1_con{float:left; width:980px; overflow:hidden; position:relative;}
#list2 { float:left; width:980px; overflow:hidden; margin-top:20px;  }
#list2_title {float:left; width:980px; height:40px; margin-bottom:30px;}

#banner{float:left; width:980px; height:150px; margin-top:20px; }

#banner li{float:left; width:980px; height:150px}
#banner li a{display:block; width:980px; height:150px; background:url('../images/banner.jpg') no-repeat; text-indent:-5000px;}
#banner li a:hover{background:url('../images/banner_over.jpg') no-repeat;}


#cc {float:left; width:980px; height:145px; margin-top:35px; margin-bottom:15px; }

#logo{ float:left; width:160px; height:100px; margin-top:100px; margin-left:15px}

#left_nav01 {width:100%; float:left; font-family:'Noto Sans', sans-serif; font-size:15px; font-weight:bold; line-height:40px; color:#000; display:block; margin-top:20px}
.leftMenu {float:left; width:175px; overflow:hidden; padding-top:25px; } 
.leftMenu li{list-style:none; margin-bottom:10px;}/**/
.leftMenu li a{display:block; width:145px; padding-left:30px; height:40px; font-family:'Noto Sans', sans-serif; font-size:16px; line-height:40px; font-weight:600; color:#444; }

.leftMenu li a:hover{color:#000;}
.leftMenu li.on a{color:#fff;background:#f36d2b no-repeat 120px 35px }

.leftMenu .gub_sub {display:none;}
.leftMenu li .gub_sub { overflow:hidden; width:150px; margin-top:5px;} 
.leftMenu li .gub_sub li { border-bottom:none; margin-bottom:0;}
.leftMenu li .gub_sub li a {display:block;  width:135px; margin-left:10px; height:27px; font-family:'Noto Sans', sans-serif; font-size:13px; line-height:27px; color:#555;font-weight:400;background:none}
.leftMenu li .gub_sub li a:hover, .leftMenu li .gub_sub li.on a{color:#954b37; background:none; font-weight:600}
.leftMenu li .gub_sub .sub01 a {height:27px;}
#domain {float:left; width:81px; height:155px; margin-top:100px; margin-left:30px}


/*bottom*/ 
#bottom_total {float:left; width:980px; height:100px; border-top:1px solid #ddd; margin-top:30px;}
#imgbox {float:left; width:140px; height:60px; margin-left:10px; margin-top:20px }
#copy_text {float:left; width:720px; height:60px;margin-top:20px }
#copy_text li {float:left; font-size:13px; font-family:'Noto Sans', sans-serif; color:#333; line-height:20px; text-align:left;}

/* sub div위치조절 */

#con_in {float:left; width:960px; overflow:hidden; margin:0 20px 0} 
#con_title{width:100%; height:55px; border-bottom:1px solid #ddd }

#con{margin:65px auto 40px; width:100%; min-height:450px; overflow:hidden;  }


#title_a{float:right; width:400px; height:20px; margin:20px 5px 30px 0; font-family:'Noto Sans', sans-serif; font-size:14px; line-height:20px; color:#888888; text-align:right;}
#title_b{float:left; width:300px; height:27px; margin:0 0 0 0; font-family:'Noto Sans', sans-serif; font-size:27px; line-height:30px; color:#333; text-align:left; font-weight:700; }