@charset "utf-8";
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,a,address,em,img,strong,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,video{margin:0;padding:0;border:0;}
body{width:100%;height:100%;line-height:1;font-family: "맑은 고딕",malgun gothic,"돋움",dotum,AppleGothic,sans-serif;color:#343b45;font-size:12px;background:#fff;letter-spacing:0px;}
hr,caption{display:none;}
address,em{font-style:normal;}
input{font-family:"맑은 고딕",malgun gothic,"돋움",dotum,AppleGothic,sans-serif;font-size:12px;margin:0;padding:0;box-sizing: border-box;}
select{font-size:12px}
textarea{font-family:"맑은 고딕",malgun gothic,"돋움",gulim,AppleGothic,sans-serif;font-size:12px;color:#343b45;resize:none;}
.blind{position:absolute;left:0;top:0;font-size:0;visibility:hidden;width:0;height:0;line-height:0}
ol,ul{list-style:none}
/*table {border-collapse: collapse;}*/
a,a:link{color:#000;text-decoration:none}
a:hover{text-decoration:none}
.left {float:left;}
.right {float:right;}
.last {padding:0; margin:0 !important;}
.mainlast {padding:0; margin:50px 0 30px 0 !important;}
.blind_new {overflow: hidden;height:0;width: 0;padding:0;visibility:hidden;font-size: 0;line-height:0;}

/* H1~8 정의 */

h2 {display: block; font-size: 18px; margin-top: 10px; margin-left: 10px;}
h3 {display: block; color: #8aa24e; font-size: 24px; margin-top: 10px; margin-left: 10px;}
h4 {display: block; color: #765800; font-size: 18px; margin-top: 5px; margin-left: 10px;}
h5 {display: block; color: #285fb2; font-size: 20px; margin-top: 15px; }
h6 {display: block; font-size: 30px}
h7 {display: block; color: #8aa24e; font-size: 28px; margin-top: 16px;}
h8 {display: block; color: #1a968f; font-size: 20px; margin:25px 0 16px;}
h9 {display: block; color: #1a968f; font-size: 15px; margin:12px 0 12px 10px;}
h10 {display: block; color: #1a968f; font-size: 20px; margin:10px 0 25px 10px;}
h11 {display: block; color: #505050; font-size: 16px; margin:10px 0 25px 10px;}
h12 {display: block; color: #505050; font-size: 14px; margin:12px 0 12px 10px;}
h13 {display: block; color: #1a968f; text-align:center; font-size: 16px; margin:25px 0 0;}
h14 {display: block; color: #285fb2; font-size: 25px; margin:50px 0 12px 50px;}

/* skipNavi */
#skipNavi{position:absolute;left:0;top:0;width:100%;z-index:5}
#skipNavi li{position:absolute;left:0;top:0;width:100%;z-index:5}
#skipNavi a{display:block;width:1px;height:1px;margin-bottom:-1px;font-size:0;overflow:hidden}
#skipNavi a:active, #skipNavi a:focus{width:100%;height:auto;padding:10px 0;background:#393939;color:#fff;font-size:1em;font-weight:bold;text-align:center}

/* layout */
html, body{height:100%;}
body.admin{background:#fafafa}
#header{position:relative;z-index:9999;width:100%;background-color:#fff; border-bottom:0px #1655b2 solid;}

/* login, join 메뉴 영역 */
.top_area {width:100%; height:40px; background:#1655b2;}
.top_area_wrap {width:960px; margin:0 auto; padding:13px 0 0; overflow:hidden; font-family:Tahoma;  color:#d7d7d7; letter-spacing:0;}
.top_area_wrap a {color:#ffffff;}
.top_area_wrap a:hover {color:#f2f2f2;}
.top_area_wrap .left li {float:left; padding:0 0 0 20px;}
.top_area_wrap .left li:first-child {float:left; padding:0;}
.top_area_wrap .right li {float:left; padding:0 0 0 20px;}
.top_area_wrap .right li:first-child {float:left; padding:0;}



/* 푸터 */

#footer {width:100%; height:130px; background:url('../img/footer_bg.gif');}
#footer .bg {width:960px; height:130px; margin:50px auto 0; padding:10px 0 0 0;}
#footer .bg .information {float:left; width:600px; overflow:hidden;}
#footer .bg .information li {float:left; padding:3px 0 0 13px; overflow:hidden; height:20px;}
#footer .bg .totop {float:right; width:160px; height:30px; overflow:hidden; text-align:right;}
#footer .bg .nas_info {float:left; width:960px; overflow:hidden; padding:0 0 0 5px; margin:0 0 0; line-height:20px; font-size:11px; color:#dddddd;}
#footer .bg .nas_info_mail {float:left; width:960px; overflow:hidden; padding:0 0 0 5px; margin:0 0 0; line-height:20px; font-size:9px; color:#dddddd;}


/* 팝업행사창 */

#popup_layer {position:fixed;top:0;left:0;z-index: 10000; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0);} 
/*팝업 박스*/
.popup_box{position: relative;top:51%;left:17%; width:700px;transform:translate(-50%, -50%);z-index:1002;box-sizing:border-box;background:#fff;box-shadow: 2px 5px 10px 0px rgba(0,0,0,0.35);-webkit-box-shadow: 2px 5px 10px 0px rgba(0,0,0,0.35);-moz-box-shadow: 2px 5px 10px 0px rgba(0,0,0,0.35);}
/*컨텐츠 영역*/
.popup_box .popup_cont {padding:0px;font-size:14px;word-break: break-word;}
/*버튼영역*/
.popup_box .popup_btn {display:table;table-layout: fixed;width:100%;height:50px;background:#5d5d5d;word-break: break-word;}
.popup_box .popup_btn a {position: relative; display: table-cell; height:50px; color:#fff; font-size:17px;text-align:center;vertical-align:middle;text-decoration:none; background:#102c5c;}
.popup_box .popup_btn a:before{content:'';display:block;position:absolute;top:26px;right:29px;width:1px;height:21px;background:#fff;-moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg);}
.popup_box .popup_btn a:after{content:'';display:block;position:absolute;top:26px;right:29px;width:1px;height:21px;background:#fff;-moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);}
.popup_box .popup_btn a.close_day {background:#5d5d5d;}
.popup_box .popup_btn a.close_day:before, .popup_box .popup_btn a.close_day:after{display:none;}
/*오버레이 뒷배경*/


/* 개인정보취급방침, 이메일무단수집거부 */

.layer {display:none; position:fixed; _position:absolute; top:0; left:0; width:100%; height:100%; z-index:100;}
.layer .bg {position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:.5; filter:alpha(opacity=50);}
.layer .pop-layer {display:block;}

.layer_e {display:none; position:fixed; _position:absolute; top:0; left:0; width:100%; height:100%; z-index:100;}
.layer_e .bg {position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:.5; filter:alpha(opacity=50);}
.layer_e .pop-layer_e {display:block;}

.pop-layer {display:none; position: absolute; top: 50%; left: 50%; width: 600px; height:600px;  background-color:#fff; border: 5px solid #3571B5; z-index: 10; overflow-y:scroll;}
.pop-layer .pop-container {padding: 20px 25px;}
.pop-layer p.ctxt {margin-top:30px; color: #666; line-height: 25px;}
.pop-layer .btn-r {width: 100%; margin:10px 0 20px; padding-top: 10px; text-align:right;}
.pop-layer .title {Width: 100%; line-height: 50px; background-color:#5BCFD2; text-align:center;  font-size:20px; }

.pop-layer_e {display:none; position: absolute; top: 50%; left: 50%; width: 600px; height:300px;  background-color:#fff; border: 5px solid #3571B5; z-index: 10;;}		
.pop-layer_e .pop-container {padding: 20px 25px;}
.pop-layer_e p.ctxt {margin-top:30px; color: #666; line-height: 25px;}
.pop-layer_e .btn-r {width: 100%; margin:10px 0 20px; padding-top: 10px; text-align:right;}
.pop-layer_e .title {Width: 100%; line-height: 50px; background-color:#5BCFD2; text-align:center;  font-size:20px; }

a.cbtn {display:inline-block; height:25px; padding:0 14px 0; border:1px solid #304a8a; background-color:#3f5a9d; font-size:13px; color:#fff; line-height:25px;}	
a.cbtn:hover {border: 1px solid #091940; background-color:#1f326a; color:#fff;}



/* 메뉴들 */
.header_wrap{position:relative;margin:0 auto;width:1100px;height:100px;background-color:#fff;}
.logo{position:absolute;z-index:999999;padding-top:22px;cursor: pointer;}

.nav{position:absolute;z-index:99;top:40px;width:1100px;}

.nav li{float:left;padding-bottom:10px;}
.nav li a{margin:-10px;padding:10px;display:inline-block;color:#1a1c22;font-weight:bold;font-size:14px;letter-spacing:0px;line-height:1.4;}
.nav li a .txt_ls{letter-spacing:-2px}
.nav li a:hover .txt_ls{letter-spacing:-3px}
.nav li.on a, .nav li a:hover{color:#0064b5;font-weight:bold;text-decoration:none;letter-spacing:0px;}
.nav_depth{display:none;position:relative;z-index:999;margin:41px 9px 0 -9px;padding:10px 0 0 9px;height:280px;*height:280px;letter-spacing:0px; border-right:1px #e5e5e5 solid;}
.nav_depth.on{display:block}
.nav_depth li{float:none;padding-bottom:0px;letter-spacing:0px;}
.nav_depth li a{margin:0px;padding:0px;color:#636363 !important;letter-spacing:0px;font-size:12px;line-height:2;font-weight:normal !important;}
.nav_depth li a:hover{color:#006cb8 !important;font-weight:bold !important;text-decoration:none;letter-spacing:0px;}
.nav .list00{width:235px;}
.nav .list01{width:116px;}
.nav .list02{width:116px;}
.nav .list03{width:116px;}
.nav .list04{width:180px;}
.nav .list05{width:116px;}
.nav .list07{width:80px;}
.nav .list07 .nav_depth{margin-right:0;}
.nav .list04_chd{font-color:#ffffff;}
.nav_bg{display:none; position:absolute; z-index:1; margin:140px 0 0; width:100%; min-width:960px; height:290px; background:#ffffff; box-shadow: 0 5px 5px rgba(0,0,0,0.06); border-top:1px #e5e5e5 solid; border-bottom:1px #e5e5e5 solid; background:#f7f7f7;}
.nav_bg.over{display:block;}
.nav_bg_in{margin:0 auto;width:960px;overflow:hidden;}
.prd_area{padding-left:0px;}

.nav_span {letter-spacing:0px;font-size:13px;line-height:2;font-weight:normal !important;}

/* 메뉴 뎁스 끝 */

/* spot */
.spot{position:relative;z-index:0;min-width:960px;height:450px;}
.spot .spot_li{position:absolute;width:100%;height:450px;overflow:hidden;}
.spot .spot_li li{height:450px;}
.spot .spot_li iframe, .spot .spot_li img{position:absolute;width:2500px;left:50%;margin-left:-1250px;}
.spot .spot_li .image{height:450px;position:relative;}

/* FlexSlider Styles */ 
.flexslider .slides li{display:none;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}
.no-js .slides > li:first-child {display: block;}
.flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.loading .flex-viewport {max-height: 450px;}
.flexslider .slides {zoom: 1;}
.carousel li {margin-right: 5px}

/* 헤더 영역 */

.wrap_sub #container{margin:0 auto;padding:0 0 20px;width:960px;}
.wrap_sub #container:after{display:block;clear:both;content:''}

/* Main_banner */

.Main{min-height:200px;  position:relative; background:#ffffff center repeat-y; border-bottom:0px solid #ffffff; margin-bottom:15px;}
.Main .banner_section  {margin:0 auto;width:1020px;height:200px;}
.Main .Main_banner {float:left; margin:0 auto;width:1020px;height:200px;background-color:#ffffff;}
.Main .banner_box01 {float:left; margin:40px 0px 0px 35px; overflow:hidden; width:167px;height:115px;background-color:#ffffff;}
.Main .banner_box02 {float:left; margin:40px 0px 0px 30px; overflow:hidden; width:167px;height:115px;background-color:#ffffff;}
.Main .banner_box03 {float:left; margin:40px 0px 0px 30px; overflow:hidden; width:167px;height:115px;background-color:#ffffff;}
.Main .banner_box04 {float:left; margin:40px 0px 0px 30px; overflow:hidden; width:167px;height:115px;background-color:#ffffff;}
.Main .banner_box05 {float:left; margin:40px 0px 0px 30px; overflow:hidden; width:167px;height:115px;background-color:#ffffff;}


/* Main_banner 끝 */


/* Main_content */

.content {margin:0 auto;width:980px;height:300px;}

.content .con01 {float:center; width:950px; height:200px; margin-left:20px; margin-top:50px; font-size:13px; border:0px solid #d1d1d1}
.content .con02 {float:left; width:294px; height:279px; margin-left:13px; margin-bottom:11px; border:1px solid #d1d1d1}
.content .con03 {float:left; width:360px; height:268px; margin-bottom:11px; border:1px solid #d1d1d1}
.content .con04 {float:left; width:602px; height:268px; margin-left:13px; margin-bottom:11px; border:1px solid #d1d1d1}

.more {position:absolute; margin-left:630px; margin-top:8px; letter-spacing:0px;}
.more2 {position:absolute; margin-left:257px; margin-top:8px; letter-spacing:0px;}
.more3 {position:absolute; margin-left:325px; margin-top:8px; letter-spacing:0px;}
.more4 {position:absolute; margin-left:567px; margin-top:8px; letter-spacing:0px;}

.content .btn1 {position:absolute; margin-left:550px; margin-top:80px; letter-spacing:0px;}
.content .btn2 {position:absolute; margin-left:550px; margin-top:130px; letter-spacing:0px;}
.content .btn3 {position:absolute; margin-left:550px; margin-top:180px; letter-spacing:0px;}


/* Main_content 끝 */


/* sub_content left */
#body{text-align:center;}
#body.subpage {position:relative;}
#body.subpage .body_left{display:none;}
#body.subpage .body_wrap{position:relative; display:inline-block; vertical-align:middle; margin:20px auto; width:1000px; text-align:left;}
#body.subpage .body_left{float:left; width:180px; display:block;}
#body.subpage .body_left .bl_eng{font-size:12px; line-height:20px; color:#999999;}
#body.subpage .body_left .bl_title{font-size:25px; line-height:30px; color:#37393c; letter-spacing:0px; padding-bottom:23px; background:url(../img/bg_head.png) no-repeat left bottom; }
#body.subpage .body_left .banner{margin-top:10px; }
#body.subpage .body_left .sub_01 {display:inline-block; width:100%; margin-top:20px; border-top:1px solid #dddddd;}
#body.subpage .body_left .sub_01 li{width:100%; height:40px; border-bottom:1px solid #dddddd;}
#body.subpage .body_left .sub_01 li a{display:inline-block; width:90%; margin-left:5%; height:40px; font-size:14px; line-height:40px; color:#37393c; letter-spacing:0px;}
#body.subpage .body_left .sub_01 li a:hover{color:#96b72c;}
#body.subpage .body_left .sub_01 li.active{background:url(../img/icon_submenu.png) no-repeat 160px 16px #545557;}
#body.subpage .body_left .sub_01 li.active a{color:#ffffff;}
#body.subpage .body_left .sub_01_02 {display:inline-block; width:100%; margin-top:20px;}
#body.subpage .body_left .sub_01_02 li{width:100%; height:30px; border-bottom:0;}
#body.subpage .body_left .sub_01_02 li a{display:block; color:#7F7F7F; font-size:12px; height:13px; line-height:13px; border:0; background:url(../img/sub_menu_dot.gif) left no-repeat;}
#body.subpage .body_left .sub_01_02 li.excel a{display:block; color:#7F7F7F; font-size:12px; height:13px; line-height:13px; border:0; background:url(../img/excel_dot.gif) left no-repeat;}
#body.subpage .body_left .sub_01_02 li a:hover{color:#96b72c; text-decoration:none; height:13px;}
#body.subpage .body_left .sub_02 {width:100%; margin-top:50px; margin-left:10px;}




/* sub_content right */

#body.subpage .body_right{float:center; margin-left:60px; margin-top:10px; width:900px;}
.main_contents {width:900px; display:inline-block; overflow:hidden;}
.contents_head {width:900px; padding:20px 0; overflow:hidden; margin:0 0 30px; line-height:18px; color:#848484;letter-spacing:0px;}
.contents_head .h7 {display: block; color: #8aa24e; font-size: 28px; margin-top: 16px;}
.real_contents {line-height:24px; color:#666666;}
.real_contents .h1 {display: block; color: #1a968f; font-size: 12px; margin:25px 0px 25px 160px;}
.real_contents .h8 {display: block; color: #1a968f; font-size: 20px; margin:25px 0px 25px 160px;}
.real_contents .sub_list li {margin:auto; width:800px; padding:10px 10px 10px 10px; line-height:20px; letter-spacing:0px; font-weight:bold; background:#ECECEC; border-top:1px #c3c3c3 solid; border-left:1px #c3c3c3 solid; border-right:1px #c3c3c3 solid; border-bottom:1px #c3c3c3 solid;}
.real_contents .list li {margin:auto; width:800px; padding:0 0 2px 10px; line-height:30px; background:url('../img/bl_dotted.gif') no-repeat 0 15px; letter-spacing:0px; }


/* 게시판 종류 */

.board_bb{min-height:50px;  position:relative; background:#ffffff center repeat-y; border-bottom:0px solid #ffffff; margin-bottom:15px;}
.board_bb .banner_section  {margin:0 auto;width:900px;height:50px;}
.board_bb .Main_banner {float:left; margin:0 auto;width:900px;height:50px;background-color:#ffffff;}
.board_bb .banner_box01 {float:left; margin:0px 0px 0px 25px; overflow:hidden; width:140px;height:50px;background-color:#ffffff;font-size: 15px;}
.board_bb .banner_box02 {float:left; margin:0px 0px 0px 25px; overflow:hidden; width:140px;height:50px;background-color:#ffffff;font-size: 15px;}
.board_bb .banner_box03 {float:left; margin:0px 0px 0px 25px; overflow:hidden; width:210px;height:50px;background-color:#ffffff;font-size: 15px;}
.board_bb .banner_box04 {float:left; margin:0px 0px 0px 30px; overflow:hidden; width:150px;height:50px;background-color:#ffffff;font-size: 15px;}
.board_bb .banner_box05 {float:left; margin:0px 0px 0px 30px; overflow:hidden; width:100px;height:50px;background-color:#ffffff;font-size: 15px;}
.board_bb .my-button {
  display: inline-block;
  padding: 10px 20px;
  font-size: 15px;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  border: 1px solid #666666;
  color: #5C5C5C;
  background-color: white;
  border-radius: 0px;
  transition: background-color 0.3s, color 0.3s;
}

/* 게시판 종류 끝 */

.pro_9_cont { float:left; width:100%; }
.pro_9_cont .table.type9 { float:left; width:100%; border:0px; }
.pro_9_cont .table.type9 tr th { padding:0px; border-top:3px solid #0f2f5f; border-bottom:1px solid #b2b2b2; color:#000000; text-align:center; font-weight:bold; }
.pro_9_cont .table.type9 tr td { padding:5px; border-bottom:1px solid #e1e1e1; }

.pro_9_cont .table.type9 tr.btitle:hover { background:#ffffff; }
.pro_9_cont .table.type9 tr:hover { background:#f9f9f9; }
.pro_9_cont .table.type9 tr:hover a { background:#f9f9f9; font-weight:bold; }
.pro_9_cont .table.type9 tr td a:hover { font-weight:bold; }

.pro_9_cont .table.type9 tr td.bleft { text-align:center; font-weight:bold; background:#E9ECF5; }
.pro_9_cont .table.type9 tr td.bright {background:#f3f6fe; }


/* 제품소개 */
.pro_1_cont {clear:both; width:680px; overflow:hidden; border-bottom:2px #33383b solid; }

.pro_2_cont {width:680px; overflow:hidden; border-bottom:2px #33383b solid; }
.pro_2_cont .left {margin:15px 0 15px 10px; width:610px; overflow:hidden; font-size:14px; color:#393939; }
.pro_2_cont .right {width:220px; overflow:hidden; margin:5px 0 0 0; }

.pro_3_cont {width:680px; overflow:hidden; }
.Pro_3_cont .h8 {display: block; color: #1a968f; font-size: 20px; margin:25px 0 16px;}
.pro_3_cont .list li {margin:auto; width:630px; padding:0 0 2px 10px; line-height:30px; background:url('../img/bl_dotted.gif') no-repeat 0 15px; letter-spacing:0px; }
.pro_3_cont .sub_list li {margin:auto; width:580px; padding:10px 10px 10px 10px; line-height:20px; letter-spacing:0px; font-weight:bold; background:#ECECEC; border-top:1px #c3c3c3 solid; border-left:1px #c3c3c3 solid; border-right:1px #c3c3c3 solid; border-bottom:1px #c3c3c3 solid;}
.pro_3_cont .table.type3 tr td {padding:0 5px 17px 10px;}
.pro_3_cont .left {float:left; margin:15px 0 15px 10px; width:330px; overflow:hidden;}
.pro_3_cont .right {float:right;margin:15px 0 15px 10px; width:330px; overflow:hidden;}
.pro_3_cont .sub {width:680px; overflow:hidden; background:#ffffff; padding:10px 0 20px 25px; }

.pro_4_cont {width:680px; overflow:hidden; background:#f2f2f2; border-top:1px #dadada solid; }
.pro_4_cont .h9 {display: block; color: #1a968f; font-size: 15px; margin:12px 0 12px 10px;}
.pro_4_cont .list {width:680px; overflow:hidden; background:#ffffff; border-top:1px #dadada solid; }
.pro_4_cont .list li {margin:auto; width:640px; padding:10px 0 20px 10px; line-height:27px; background:url('../img/bl_dotted.gif') no-repeat 0 22px; letter-spacing:0px; }
.pro_4_cont .sub {width:680px; overflow:hidden; background:#ffffff; padding:10px 0 20px 25px; }

.pro_5_cont {width:680px; overflow:hidden; background:#f2f2f2; border-top:1px #dadada solid; }
.pro_5_cont .h9 {display: block; color: #1a968f; font-size: 15px; margin:12px 0 12px 10px;}
.pro_5_cont .list {width:680px; overflow:hidden; background:#ffffff; border-top:1px #dadada solid; }
.pro_5_cont .list li {margin:auto; width:680px; }

.pro_6_cont {clear:both; width:260px; overflow:hidden;}
.pro_6_cont .table {width:100%;}
.pro_6_cont .table.type4 {border-top:#0f2f5f solid 4px; border-bottom:#0f2f5f solid 2px;}
.pro_6_cont .table.type4 th{text-align:center; width:7%; color:#0f2f5f; background-color:#f9f9f6; border-bottom:#888888 solid 1px; font-size:14px;}
.pro_6_cont .table.type4 td {padding:5px 10px; text-align:left; border-left:#e9ecf2 solid 1px; border-bottom:#888888 solid 1px; background-color:#ffffff;}
.pro_6_cont .table.type4 td ul{margin-left:5px;}
.pro_6_cont .table.type4 td ul li{font-size:12px; margin:4px 0px;}

.pro_7_cont li{font-size:12px; margin:4px 0px; line-height:24px;}

.pro_8_cont .table.type5 td {padding:5px 10px; font-size:12px; line-height:24px;}

.pro_9_cont { float:left; width:100%; }
.pro_9_cont .table.type9 { float:left; width:100%; border:0px; }
.pro_9_cont .table.type9 tr th { padding:0px; border-top:3px solid #0f2f5f; border-bottom:1px solid #b2b2b2; color:#000000; text-align:center; font-weight:bold; }
.pro_9_cont .table.type9 tr td { padding:5px; border-bottom:1px solid #e1e1e1; }

.pro_9_cont .table.type9 tr.btitle:hover { background:#ffffff; }
.pro_9_cont .table.type9 tr:hover { background:#f9f9f9; }
.pro_9_cont .table.type9 tr:hover a { background:#f9f9f9; font-weight:bold; }
.pro_9_cont .table.type9 tr td a:hover { font-weight:bold; }

.pro_9_cont .table.type9 tr td.bleft { text-align:center; font-weight:bold; background:#ffffff; }
.pro_9_cont .table.type9 tr td.bright {background:#ffffff; }

.pro_10_cont {width:680px; overflow:hidden;}
.pro_10_cont .h8 {display: block; color: #1a968f; font-size: 20px; margin:25px 0 16px;}
.pro_10_cont .left {width:250px; overflow:hidden;}
.pro_10_cont .center {margin:0 auto; width:100%; overflow:hidden;text-align:center }
.pro_10_cont .right {padding:5px 5px 5px 5px; width:410px; overflow:hidden; border-top:2px #cecece solid; border-right:2px #cecece solid; border-left:2px #cecece solid; border-bottom:2px #cecece solid; }
.pro_10_cont .downleft {width:480px; overflow:hidden;}
.pro_10_cont .downright {width:100px; overflow:hidden;}



/* 회원가입, 게시판 */
.pro_11_cont {width:100%;}
.pro_11_cont .table.type9 {margin-left:auto; margin-right:auto; width:800px; border:0px; }
.pro_11_cont .table.type9 tr th { text-align:center; padding:0px; border-top:2px solid #0f2f5f; color:#000000; font-weight:bold; background-color: #EFEFEF;}
.pro_11_cont .table.type9 tr td { padding:8px; border-bottom:1px solid #c2c2c2; }
.pro_11_cont .table.type99 {margin-left:auto; margin-right:auto; width:750px; border:0px; }
/*.pro_11_cont .table.type99 tr td { padding:20px; border-bottom:1px solid #ffffff; }*/

.pro_11_cont .table.type9 tr td.bleft { text-align:center; font-weight:bold; background:#ffffff; }
.pro_11_cont .table.type9 tr td.btxt { text-align:center; font-weight:bold; }
.pro_11_cont .table.type9 tr td.bright {text-align:left; background:#ffffff; }
.pro_11_cont .table.type9 tr td.bsense {text-align:left; background:#ffffff; }
.pro_11_cont .table.type9 tr td.title2 { padding:5px; text-align:center; background-color:#F7F7F7; color:#333; font-weight:bold;border-bottom:1px solid #c2c2c2;}

.textarea {width:850px; text-align:center; }
.demo_cont {width:850px; text-align:center; }


.sgs_2_order {width:100%;}
.sgs_2_order .title {margin-left:auto; margin-right:auto; width:800px; border:0px; text-align:center; }
.sgs_2_order .table.type9 {margin-left:auto; margin-right:auto; width:750px; border:0px; text-align:center; }
.sgs_2_order .table.type9 tr th { text-align:center; padding:0px; border-right:1px solid #fff; background-color:#54b2ad; color:#fff; font-weight:bold; }
.sgs_2_order .table.type9 tr td { padding:5px; text-align:center;}
.sgs_2_order .table.type9 tr td a.button { color: #00b5bc; font: bold 12px; text-decoration: none; padding: 7px 10px; position: relative; display: inline-block; text-shadow: 0 1px 0 #fff; -webkit-transition: border-color .300s;
  -moz-transition: border .300s; -o-transition: border-color .300s; transition: border-color .300s; background: #f3f3f3; background: -webkit-gradient(linear,0% 40%,0% 70%,from(#F5F5F5),to(#F1F1F1));
  background: -moz-linear-gradient(linear,0% 40%,0% 70%,from(#F5F5F5),to(#F1F1F1)); border: solid 1px #858585; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; margin-right: 10px;}
.sgs_2_order .table.type9 tr td a.button:hover { color:#333; border-color: #999;  -moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2) -webkit-box-shadow:0 2px 5px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); }
.sgs_2_order .table.type9 tr td a.button:active { color:#000; border-color: #333; }


/* 제품구매 */

.shop_1_cont {width:100%;}
.shop_1_cont .table.type9 {margin-left:auto; margin-right:auto; margin-top:30px; width:800px; border:0px; }
.shop_1_cont .table.type9 tr th { text-align:center; padding:0px; border-top:2px solid #0f2f5f; color:#000000; font-size: 14px; font-weight:bold; background:#f5f7f8; }
.shop_1_cont .table.type9 tr td { padding:8px; border-bottom:1px solid #c2c2c2; }

.shop_1_cont .table.type9 tr td.bleft { text-align:center; font-weight:bold; background:#ffffff; }
.shop_1_cont .table.type9 tr td.btxt { text-align:center; font-weight:bold; }
.shop_1_cont .table.type9 tr td.bright {text-align:left; background:#ffffff; }
.shop_1_cont .table.type9 tr td.bsense {text-align:left; background:#ffffff; }


/* member */

.login_1_cont {width:100%;}
.login_1_cont .table.type9 {margin-left:auto; margin-right:auto; width:600px; border:0px; text-align:center; }
.login_1_cont .table.type9 tr th { text-align:center; padding:0px; border-top:3px solid #0f2f5f;  border-bottom:1px solid #CCCCCC; color:#000000; font-weight:bold; }
.login_1_cont .table.type9 tr td { padding:5px; text-align:left; }
.login_1_cont .table.type1 {margin-left:auto; margin-right:auto; width:450px; border:0px; text-align:center; }


.apply_1_cont {width:100%;}
.apply_1_cont .sub_list li {margin:auto; width:580px; padding:10px 10px 10px 10px; line-height:20px; letter-spacing:0px; font-weight:bold; background:#f3f3f3; border-top:1px #dcdcdc solid; border-left:1px #dcdcdc solid; border-right:1px #dcdcdc solid; border-bottom:1px #dcdcdc solid;}
.apply_1_cont .board_list li {margin:auto; width:670px; padding:10px 10px 10px 10px; line-height:20px; letter-spacing:0px; font-weight:bold; background:#f3f3f3; border-top:1px #dcdcdc solid; border-left:1px #dcdcdc solid; border-right:1px #dcdcdc solid; border-bottom:1px #dcdcdc solid;}
.apply_1_cont .textarea{margin:auto; width:700px; height:200px; padding:10px 10px 10px 10px; line-height:20px; letter-spacing:0px; background:#f3f3f3; border-top:1px #dcdcdc solid; border-left:1px #dcdcdc solid; border-right:1px #dcdcdc solid; border-bottom:1px #dcdcdc solid;}
.apply_1_cont .text li {margin:auto; width:580px; text-align:center;}


.apply_2_cont {width:100%;}
.apply_2_cont .table.type9 {margin-left:auto; width:680px; margin-right:auto; border:0px; }
.apply_2_cont .table.type9 tr th { text-align:center; padding:0px; border-top:2px solid #0f2f5f; color:#000000; font-weight:bold; }
.apply_2_cont .table.type9 tr td { padding:8px; border-bottom:1px solid #e1e1e1; }

.apply_2_cont .table.type9 tr td.bleft { text-align:center; font-weight:bold; background:#E9ECF5; }
.apply_2_cont .table.type9 tr td.tleft { text-align:left; font-weight:bold; background:#E9ECF5; }
.apply_2_cont .table.type9 tr td.bright {text-align:left; background:#f3f6fe; }

input.m_name { float:auto; width:100px; height:22px; border:1px solid #CCC; margin-right:10px; }
input.m_tel { float:auto; width:150px; height:22px; border:1px solid #CCC; margin-right:10px; }
input.m_post { float:auto; width:70px; height:22px; border:1px solid #CCC; margin-right:10px; }
input.m_addr { float:auto; width:350px; height:22px; border:1px solid #CCC; margin-right:10px; }
input.m_email { float:auto; width:250px; height:22px; border:1px solid #CCC; margin-right:10px; }
input.m_title { float:auto; width:500px; height:22px; border:1px solid #CCC; margin-right:10px; }
textarea.m_textarea { float:auto; width:600px; height:150px; border:1px solid #CCC; margin-right:10px; }
select.m_job { float:auto; width:150px; height:22px; border:1px solid #CCC; margin-right:10px; }
input.m_ver { float:auto; width:50px; height:22px; border:1px solid #CCC; margin-right:10px; }
select.o_bank { float:auto; width:100px; height:22px; border:1px solid #CCC; margin-right:10px; }

/* board */

.board_1_cont {width:100%;}
.board_1_cont .table.type9 {margin-left:auto; margin-right:auto; width:680px; border:0px; text-align:center; }
.board_1_cont .table.type9 tr th { text-align:center; padding:0px; border-right:1px solid #fff; background-color:#54b2ad; color:#fff; font-weight:bold; }
.board_1_cont .table.type9 tr td { padding:5px; text-align:center; border-bottom:1px solid #e1e1e1;}
.board_1_cont .table.type9 tr td.title { padding:5px; text-align:left; border-bottom:1px solid #e1e1e1;}

.board_3_cont {width:100%;}
.board_3_cont .table.type9 {margin-left:auto; margin-right:auto; width:800px; border:0px; text-align:center; }
.board_3_cont .table.type9 tr th { text-align:center; padding:5px; border-top:2px solid #54b2ad; border-bottom:1px solid #e1e1e1; background-color:#F0F0F0; color:#333; font-weight:bold; }
.board_3_cont .table.type9 tr th.title { text-align:left; padding:5px; border-top:2px solid #54b2ad; border-bottom:1px solid #e1e1e1; background-color:#FFF; color:#333; font-weight:bold; }
.board_3_cont .table.type9 tr td { padding:5px; text-align:left; border-bottom:1px solid #e1e1e1;}
.board_3_cont .table.type9 tr td.top { padding:5px; text-align:left; border-bottom:1px solid #e1e1e1; border-top:1px solid #e1e1e1;}
.board_3_cont .table.type9 tr td.title2 { padding:5px; text-align:center; background-color:#F0F0F0; color:#333; font-weight:bold;border-bottom:1px solid #e1e1e1;}
.board_3_cont .table.type9 tr td.top2 { padding:5px; text-align:center; background-color:#F0F0F0; color:#333; font-weight:bold;border-bottom:1px solid #e1e1e1; border-top:1px solid #e1e1e1;}
input.write_name { float:auto; width:100px; height:25px; border:1px solid #dcdcdc; margin-right:10px; }
input.write_email { float:auto; width:250px; height:25px; border:1px solid #dcdcdc; margin-right:10px; }
input.write_title { float:auto; width:300px; height:25px; border:1px solid #dcdcdc; margin-right:10px; }
textarea.write_con { float:auto; width:450px; height:150px; border:1px solid #dcdcdc; margin-right:10px; }

.del_cont {width:100%; text-align:center;}
.del_cont .table.type9 {margin-left:auto; margin-right:auto; width:500px; border:0px; text-align:center; }
.del_cont .table.type9 tr th { text-align:center; padding:5px; border-top:2px solid #54b2ad; border-bottom:1px solid #e1e1e1; font-weight:bold; }
.del_cont .table.type9 tr td { padding:5px; text-align:center; border-bottom:2px solid #54b2ad; }
input.del_input { float:auto; width:200px; height:28px; border:1px solid #dcdcdc; margin-right:10px; }


/* 버튼 */

.board_2_cont {width:100%;}
.board_2_cont .table.type9 {margin-left:auto; margin-right:auto; width:680px; border:0px; text-align:center; }
.board_2_cont .table.type9 tr td { padding:5px; text-align:center;}
.board_2_cont .table.type9 tr td a.button {
  color: #00b5bc;
  font: bold 12px;
  text-decoration: none;
  padding: 1px 10px;
  position: relative;
  display: inline-block;
  text-shadow: 0 1px 0 #fff;
  -webkit-transition: border-color .300s;
  -moz-transition: border .300s;
  -o-transition: border-color .300s;
  transition: border-color .300s;
  background: #f3f3f3;
  background: -webkit-gradient(linear,0% 40%,0% 70%,from(#F5F5F5),to(#F1F1F1));
  background: -moz-linear-gradient(linear,0% 40%,0% 70%,from(#F5F5F5),to(#F1F1F1));
  border: solid 1px #dcdcdc;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  margin-right: 10px;
}
.board_2_cont .table.type9 tr td a.button:hover { color:#333; border-color: #999;  -moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2) -webkit-box-shadow:0 2px 5px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); }
.board_2_cont .table.type9 tr td a.button:active { color:#000; border-color: #333; }


/* 페이지 넘버링 */
#board_page { float:left; text-align:center; padding:15px 0; margin-top:10px; width:100%; }
#board_page ul { display:inline-block; }
#board_page ul li { float:left; padding:2px 7px; cursor:hand; border:1px solid #cfcfcf; margin:0px 3px; font-size:10px; color:#666666; line-height:180%; }
#board_page ul li:hover { background:#333333; color:#ffffff; }
#board_page ul li.thispage { background:#333333; color:#ffffff; }
#board_page ul li.pagebtn { padding:2px 10px; }
#board_page ul li.pagebtn:hover { background:#000000; color:#ffffff; }


/* 게시판 검색 */
#Search-area { text-align:center; width:520px; height:50px; }

/* 버튼 */

.buttons { float:right; }
a.button {
  color: #6e6e6e;
  font: bold 12px;
  text-decoration: none;
  padding: 1px 10px;
  position: relative;
  display: inline-block;
  text-shadow: 0 1px 0 #fff;
  -webkit-transition: border-color .218s;
  -moz-transition: border .218s;
  -o-transition: border-color .218s;
  transition: border-color .218s;
  background: #f3f3f3;
  background: -webkit-gradient(linear,0% 40%,0% 70%,from(#F5F5F5),to(#F1F1F1));
  background: -moz-linear-gradient(linear,0% 40%,0% 70%,from(#F5F5F5),to(#F1F1F1));
  border: solid 1px #dcdcdc;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  margin-right: 10px;
}
a.button:hover { color:#333; border-color: #999;  -moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2) -webkit-box-shadow:0 2px 5px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); }
a.button:active { color:#000; border-color: #444; }

/* form css */
input.search-input { float:right; width:200px; height:28px; border:1px solid #dcdcdc; margin-right:10px; }
select.search-select { float:right; width:100px; height:30px; border:1px solid #dcdcdc; margin-right:10px; padding:5px 0; }
textarea.textarea_css { width:100%; height:300px; margin:15px 0; border:1px solid #dcdcdc; }
input.chekcss { margin:-4px 0 0 0; vertical-align:middle;  border:none; }