@import url('http://fonts.googleapis.com/earlyaccess/nanumgothic.css');

*,body {margin:0; padding:0;}
body {font-family:"Nanum Gothic" !Important;}
header,nav,aside,article,section,main,footer,ul,ol,li,p,span,dd,dl,dt,a,img,h1,h2,h3,h4,h5,h6,figure,figcaption,hgroup {position:relative;}
img {border:0; vertical-align:middle;}
a {text-decoration:none;}
li {list-style:none;}
.fll {float:left;}
.flr {float:right;}
.px1000 {Width:1100px; margin:0 auto;}

#header { background:#333333; width:100%; height:80px; }
#header figure{ float:left; }
#header .notice { width:405px; height:30px; margin-left:90px; padding-top:25px; display:inline-block; line-height:30px; }
#header .notice h3 { float:left; font-size:15px; color:#fff; margin-right:5px; }
#header .notice h3 a { margin-left:5px; }
#header .notice div { float:left; width:280px; height:30px; background:#fff; padding-left:15px;}
#header .notice ul li { height:30px; }
#header .notice ul li a { font-size:13px; color:#555; }
#header .top li { float:left; background:url(/imgs/topbar.gif) no-repeat left center; padding:0 15px; line-height:80px; }
#header .top li a { color:#fff; font-size:13px; }

.jbFixed {
        position: fixed !important;
        top: 50px  !important;
      }
.layer { position:absolute; top:180px; left:50%; margin-left:515px; width:174px; height:210px; z-index:99; padding:0 8px; background:url(/imgs/layer_bg.png) no-repeat center;}
.layer  ul { margin-top:35px; margin-bottom:10px; height:180px; }
.layer  ul li { heighT:25px; }
.layer  ul li span { font-size:13px; float:left;width:60px; line-height:25px; }
.layer  ul li input { width:110px; height:20px; border:1px solid #e2e2e2; float:right; }
.layer  ul li textarea { width:110px; height:50px; border:1px solid #e2e2e2; float:right;}
.layer  ul li select {float:left; font-size:13px; }
.layer figure { text-align:center; }

.nav { width:100%; height:45px; border-bottom:1px solid #ddd; }
.nav  .gnb > li { width:117px; height:45px; float:left; background:url(/imgs/navbar.gif) no-repeat left center;padding-left:1px; }
.submenu { z-index:999; display:none; text-align:center; }
.submenu li { width:117px; height:40px; line-heighT:40px; background:#fff; border-top:1px solid #e2e2e2;}
.submenu li a { font-size:13px; color:#555; display:block; }
.submenu li a:hover { background:#555; color:#fff; }

.visual { width:100%; height:470px; clear:both; position:relative; }
.bxslider li { height:440px; }
.bxslider li a { position:absolute; z-index:99999; }
.pager_wrap { width:100%; height:30px; border-bottom:2px solid #e2e2e2; }
.pager_wrap .bx-pager li { float:left; text-align:Center; width:360px;line-height:30px; background:url(/imgs/vis_menubar.png) no-repeat left center; font-size:13px; font-family:"Dotum" !Important;}
.pager_wrap .bx-pager li a { color:#555; display:block;}
.pager_wrap .bx-pager li a:hover { background:#777777; color:#fff; }
.pager_wrap .bx-pager li .active { background:#777777; color:#fff; }

.main_con1 { clear:both; margin-top:40px; /*height:583px;*/ }
.main_con1 .mano { margin-left:0; }
.main_con1 h1 { background:url(/imgs/h_bar.gif) no-repeat left center; font-size:20px; color:#333; padding-left:10px; margin-bottom:20px; }
.main_con1 > ul > li { float:left; width:300px; height:240px; margin-left:20px; margin-bottom:20px; border:1px solid #e2e2e2; padding:9px; }
.main_con1 > ul > li h2 { font-size:16px; color:#555; margin:5px 0; }
.main_con1 > ul > li p { font-size:13px; color:#000 }
.main_con1 > ul > li ul { margin-top:8px; }
.main_con1 > ul > li ul li { float:left; width:149px; height:26px; text-align:center; background:#777; line-height:26px; }
.main_con1 > ul > li ul li:first-child { margin-right:2px; }
.main_con1 > ul > li ul li a { font-size:13px; color:#fff; display:block; }
.main_con1 > ul > li ul li a:hover { background:#f568a1; }

.main_con2 { clear:both; margin-top:40px; /*height:583px;*/}
.main_con2 .mano { margin-left:0; }
.main_con2 h1 { background:url(/imgs/h_bar.gif) no-repeat left center; font-size:20px; color:#333; padding-left:10px; margin-bottom:20px; }
.main_con2 > ul > li { float:left; width:300px; height:240px; margin-left:20px; margin-bottom:20px; border:1px solid #e2e2e2; padding:9px; }
.main_con2 > ul > li h2 { font-size:16px; color:#555; margin:5px 0; }
.main_con2 > ul > li p { font-size:13px; color:#000 }
.main_con2 > ul > li ul { margin-top:8px; }
.main_con2 > ul > li ul li { float:left; width:149px; height:26px; text-align:center; background:#777; line-height:26px; }
.main_con2 > ul > li ul li:first-child { margin-right:2px; }
.main_con2 > ul > li ul li a { font-size:13px; color:#fff; display:block; }
.main_con2 > ul > li ul li a:hover { background:#f568a1; }

.main_con3 { clear:both; margin-top:40px; /*height:583px;*/}
.main_con3 .mano { margin-left:0; }
.main_con3 h1 { background:url(/imgs/h_bar.gif) no-repeat left center; font-size:20px; color:#333; padding-left:10px; margin-bottom:20px; }
.main_con3 > ul > li { float:left; width:300px; height:240px; margin-left:20px; margin-bottom:20px; border:1px solid #e2e2e2; padding:9px; }
.main_con3 > ul > li h2 { font-size:16px; color:#555; margin:5px 0; }
.main_con3 > ul > li p { font-size:13px; color:#000 }
.main_con3 > ul > li ul { margin-top:8px; }
.main_con3 > ul > li ul li { float:left; width:149px; height:26px; text-align:center; background:#777; line-height:26px; }
.main_con3 > ul > li ul li:first-child { margin-right:2px; }
.main_con3 > ul > li ul li a { font-size:13px; color:#fff; display:block; }
.main_con3 > ul > li ul li a:hover { background:#f568a1; }

.main_con4 { clear:both; margin-top:40px; /*height:583px;*/}
.main_con4 .mano { margin-left:0; }
.main_con4 h1 { background:url(/imgs/h_bar.gif) no-repeat left center; font-size:20px; color:#333; padding-left:10px; margin-bottom:20px; }
.main_con4 > ul > li { float:left; width:300px; height:240px; margin-left:20px; margin-bottom:20px; border:1px solid #e2e2e2; padding:9px; }
.main_con4 > ul > li h2 { font-size:16px; color:#555; margin:5px 0; }
.main_con4 > ul > li p { font-size:13px; color:#000 }
.main_con4 > ul > li ul { margin-top:8px; }
.main_con4 > ul > li ul li { float:left; width:149px; height:26px; text-align:center; background:#777; line-height:26px; }
.main_con4 > ul > li ul li:first-child { margin-right:2px; }
.main_con4 > ul > li ul li a { font-size:13px; color:#fff; display:block; }
.main_con4 > ul > li ul li a:hover { background:#f568a1; }

.main_con567 { float:left; margin-left:7px; margin-top:20px; margin-bottom:40px; }
.main_con567 > div {border:1px solid #e2e2e2;font-family:"Dotum" !Important; padding:10px; height:324px}
.main_con567 > div ul li { background:url(/imgs/pp.gif) no-repeat left center; padding-left:10px; line-height:25px;}
.main_con567 div ul li { font-size:12px; color:#555; }
.main_con567 div ul li a { font-size:12px; color:#555; }
.main_con567 div ul li a:hover { font-weight:bold; font-size:11px;  }
.main_con567 div ul li a span { float:right; }
.main_con567 h1 { background:url(/imgs/h_bar.gif) no-repeat left center; font-size:20px; color:#333; padding-left:10px; margin-bottom:20px; }

.main_con567_1 { float:left; margin-left:7px; margin-top:20px; margin-bottom:40px; height:210px !important }
.main_con567_1 > div {border:1px solid #e2e2e2;font-family:"Dotum" !Important; padding:10px; height:150px}
.main_con567_1 > div ul li { background:url(/imgs/pp.gif) no-repeat left center; padding-left:10px; line-height:25px;}
.main_con567_1 div ul li { font-size:12px; color:#555; }
.main_con567_1 div ul li a { font-size:12px; color:#555; }
.main_con567_1 div ul li a:hover { font-weight:bold; font-size:11px;  }
.main_con567_1 div ul li a span { float:right; }
.main_con567_1 h1 { background:url(/imgs/h_bar.gif) no-repeat left center; font-size:20px; color:#333; padding-left:10px; margin-bottom:20px; }

.main_con5 { width:450px; height:392px;  }
.main_con6 { width:270px; height:392px;  }
.main_con7 { width:260px; height:392px; }
.main_con7 figure { width:116px; height:32px; background:#db4791; text-align:center; margin:15px auto 7px auto; line-height:32px; }
.main_con7 figure a { color:#fff; font-size:13px; font-weight:500; }

.f_nav { clear:both; width:100%; height:40px; border-top:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; }
.f_nav ul li { float:left; padding:0 10px; font-size:13px; line-height:40px;color:#555; }
.f_nav ul li a { color:#555; }
.footer { width:100%; height:80px; }
.footer figure { float:left; line-height:80px; }
.footer p { float:left; font-size:13px; color:#555; margin-top:10px; margin-left:20px; line-height:21px;}
.footer p a {color:#555;}

/* sub */
.sub_wrap { margin-bottom:20px; }
.sub_wrap:after { clear:both; display:block; content:""; }
.sub01 { margin-bottom:30px; height:41px;}
.sub01 .tdiv, .sub01 .ldiv {float:left; margin-top:11px;}
.sub01 .tdiv select { width:150px; height:30px;  border:1px solid #aaa; margin-right:10px;}
.sub01 .ldiv select { width:100px; height:30px;  border:1px solid #aaa; }
.sub01 .search-ui { box-sizing:border-box; position:relative; display:block; padding:0 60px 0 20px; width:300px; height:41px; border-radius:20px; border: solid 1px #aaa; }
.search-ui .input-text { padding:0 5px; width:100%; height:100%; background:#fff; border:0; }
.search-ui .btn-search { position:absolute; right:20px; top:12px; width:16px; height:17px; border:0; text-align:center; cursor:pointer; }

.sub_con { clear:both; margin-top:20px; }

.sub_con .mano { margin-left:0; }
.sub_con h1 { background:url(/imgs/h_bar.gif) no-repeat left top; font-size:20px; color:#333; padding-left:10px; margin-bottom:20px; border-bottom:1px solid #ccc; padding-bottom:10px;}
.sub_con > ul > li { float:left; width:300px; height:240px; margin-left:20px; margin-bottom:20px; border:1px solid #e2e2e2; padding:9px; }
.sub_con > ul > li h2 { font-size:16px; color:#555; margin:5px 0; }
.sub_con > ul > li p { font-size:13px; }
.sub_con > ul > li ul { margin-top:8px; }
.sub_con > ul > li ul li { float:left; width:149px; height:26px; text-align:center; background:#777; line-height:26px; }
.sub_con > ul > li ul li:first-child { margin-right:2px; }
.sub_con > ul > li ul li a { font-size:13px; color:#fff; display:block; }
.sub_con > ul > li ul li a:hover { background:#f568a1; }

.tapp ul li { float:left; width:320px; height:40px; border:1px solid #e2e2e2; margin-right:17px; text-align:Center; line-height:40px; }
.tapp ul li a { font-size:15px; display:block; color:#333; }
.tapp ul li a:hover { background:#555; color:#fff;  font-weight:bold;}
.sel02 { background:#555; color:#fff !important; font-weight:bold; }
.sub03 figure {margin-bottom:20px;}

.sub07 {
	width:1000px;height: 480px; vertical-align: middle; background:url(/imgs/0701.jpg) no-repeat top center; padding-top:240px;  }

.form_body .area_tit {margin: 5px 0;color: #3c3740;font-size: 20px;}
.form_body .area {overflow-y: auto;width: 624px;height: 120px; margin:0 auto; padding: 17px;font-size: 14px;background: #e8e8e8;border: 1px solid #bdbdbd;color: #3c3740;line-height:1.4;margin-top:10px;}
.form_body .area h3 {font-size: 18px;margin: 16px 0;}
.form_body .area ul li {font-size: 14px;line-height: 18px;margin-bottom: 4px;}

.sub07  ul { width:650px; margin:0 auto 10px auto;
    height: 120px;
    border-color: #ccc;
    border-style: solid;
    border-spacing: 20px;
	padding: 44px;
	}
.sub07  ul li { margin-bottom:10px; }
.sub07  ul li span { font-size:20px; float:left; margin-right:20px; line-height:40px; color:#303662; font-weight:700; }
.sub07  ul li input { width:170px; height:40px; border:1px solid #e2e2e2; float:right; padding:0 15px; font-size: 25px;color: gray;}
.sub07  ul li textarea { width:504px !important; height:80px !important; border:1px solid #e2e2e2; float:right; padding:0 15px; }
.sub07  ul li select {float:left; width:70px; height:40px; font-size:13px; margin-right:5px; border:1px solid #e2e2e2; }
.sub07 figure { text-align:center; margin-top:26px;}

#con_t  { width:650px; margin:0 auto 10px auto; height:130px;border: 0px }
#con_subt {width:650px; margin:0 auto 10px auto; height:130px;border: 0px;line-height:30px;font-size:14px;}

.pro_con { float:right; width:380px; height:280px; padding:10px; background:#f2f2f2;}
.pro_con > h3 { font-size:18px; margin-bottom:10px; }
.pro_con > p { font-size:15px; margin-bottom:10px; padding-bottom:10px; border-bottom:1px solid #aaa; color:#333;}
.pro_con > span { font-size:13px; }
.pro figure{ float:left; }
.pro figure img {width:600px; height:300px}
.pro .pro_box {text-align:center; margin-top:20px}

.pro_con ul { margin-top:20px; }
.pro_con ul li {  width:45%;font-size:13px; line-height:24px; float:left;  margin-right:5%; color:#555;}
.pro_con ul li span { font-weight:bold; color:#333; }

.fff { font-size:13px; line-height:21px; color:#333; }