@charset "utf-8";
/* CSS Document */

#topIMGWrap				{width:100%; height:150px; background:#ceddea;}
#topIMGWrap .topimg07	{width:982px; height:150px; margin:0 auto; background:url("/img/sub/topimg07.gif") no-repeat;}
#topIMGWrap .topimg06	{width:982px; height:150px; margin:0 auto; background:url("/img/sub/topimg06.gif") no-repeat;}
#topIMGWrap .topimg05	{width:982px; height:150px; margin:0 auto; background:url("/img/sub/topimg05.gif") no-repeat;}
#topIMGWrap .topimg04	{width:982px; height:150px; margin:0 auto; background:url("/img/sub/topimg04.gif") no-repeat;}
#topIMGWrap .topimg03	{width:982px; height:150px; margin:0 auto; background:url("/img/sub/topimg03.gif") no-repeat;}
#topIMGWrap .topimg02	{width:982px; height:150px; margin:0 auto; background:url("/img/sub/topimg02.gif") no-repeat;}
#topIMGWrap .topimg01	{width:982px; height:150px; margin:0 auto; background:url("/img/sub/topimg01.gif") no-repeat;}
#topIMGWrap .topimg07 > h2, .topimg06 > h2, .topimg05 > h2, .topimg04 > h2, .topimg03 > h2, .topimg02 > h2, .topimg01 > h2{font-size:48px; color:#303030; padding-top:86px; font-weight:lighter;}

#subWrap				{width:982px; margin:25px auto 80px; overflow:auto;}
#leftWrap				{width:186px; height:250px; float:left;}
#leftWrap .leftmn		{width:100%; margin:35px 0 0 0;}
#leftWrap .leftmn > li	{width:100%; padding:10px 0; border-bottom:1px solid #dddddd;}
#leftWrap .leftmn > li:first-child{border-top:1px solid #dddddd;}
#leftWrap .leftmn > li.on{width:100%; background:url("/img/common/leftmn_on.gif") no-repeat 167px 19px #0e5fa8;}
#leftWrap .leftmn > li.on a{color:#fff;}
#leftWrap .leftmn > li.on a:hover{color:#fff;}
#leftWrap .leftmn > li > a{font-size:13px; color:#6f6f6f; font-weight:bold; display:block; padding-left:28px;}
#leftWrap .leftmn > li > a:hover{color:#0e5fa8;}

#rightWrap				{width:748px; height:auto; float:right;}
#rightWrap .locationWrap{width:100%; height:20px; text-align:right; color:#898989; font-size:11px; word-spacing:3px;}
#rightWrap .locationWrap img{vertical-align:middle;}
#rightWrap .locationWrap .now{color:#444;}
#rightWrap .titleWrap	{width:100%; height:px; padding:14px 0 16px; border-bottom:1px solid #ddd;}
#rightWrap .titleWrap h2{font-size:34px; color:#303030; font-family:'nanum-bold';}
#rightWrap .contentsWrap{width:100%; margin:55px 0 0 0; font-size:14px;}
.member_title			{width:90%; height:22px; background:url("/img/sub/title_square.gif") no-repeat 0 4px; font-size:18px; color:#303030; padding-left:24px; }
.member2_title			{width:90%; height:22px; font-size:19px; color:#101010; padding-bottom:15px }
.join1_scrollbox		{height:220px; margin:20px 0 10px; padding:20px; background:#f7f7f7; border:1px solid #e1e1e1; overflow-y:scroll; font-weight:400; color:#666; line-height:150%; font-size:12px;}
.radioForm				{width:100%; height:30px; padding-bottom:20px; text-align:right;}
.radioForm > input, .inp_radio{vertical-align:text-top; margin-bottom:3px;}
.label_style			{padding-left:3px;}
.btnbox-join			{width:100%; height:40px; margin-top:40px; text-align:center;}
.link-secession			{width:100%; height:40px; padding:20px 0 0 0; font-size:13px; text-align:right; color:#808080;}
.loginBox				{width:100%; height:auto; background:#f4f4f4; padding:52px 0 50px 0;}
.loginBox > ul			{width:362px; margin:0 0 0 138px; float:left;}
.loginBox > ul > li		{width:345px; height:34px; padding-bottom:6px;}
.loginBox > ul > li .lable_txt{width:84px; height:26px; text-align:left; color:#333; display:inline-block;}
.btnbox-login 			{width:118px; height:36px; text-align:center; float:left; display:inline-block;}
.btnbox-login .btnlogin {width:118px; height:74px; font-family:'nanum-bold'; text-align:center; color:#fff; background:#0e5fa8; vertical-align:middle; display:block;}
.btnbox-login .btnlogin > span{width:118px; height:20px; padding-top:25px; display:inline-block;}
.btnbox-login2			{width:100%; height:40px; margin-top:30px; text-align:right;}
.loginSubtitle, .logintxt{width:100%; text-align:center;}
.loginSubtitle			{height:30px; font-size:23px; font-weight:bold;}
.logintxt, .idpwFind_txt{color:#8c8c8c;}
.idpwFind_title, .subTitle{width:100%; height:31px; font-family:'nanum-bold'; background:url("/img/sub/title_idpwfind.gif") no-repeat top left; padding:9px 0 0 0; font-size:21px; color:#101010;}
.blueBG					{width:100%; height:70px; padding:18px 0 20px; background:#eef5fb;}
.blueBG > strong		{width:90%; padding:0 0 5px 22px; display:block; font-size:15px; font-weight:bold; color:#101010}
.blueBG > p				{width:95%; padding-left:22px; display:block; font-size:12px; color:#303030; line-height:150%}
.subtitle				{font-size:17px; color:#303030; font-weight:bold;}
.numberOL				{width:93%; margin:10px 0 0 37px; list-style:decimal;}
.numberOL > li			{padding-left:-7px; margin-bottom:8px; line-height:170%;}
.imgbox-overview		{width:100%; height:240px; position:relative; padding-top:25px; font-size:13px; color:#303030; line-height:150%; margin-bottom:55px; text-align:center;}
.imgbox-overview > img	{margin:0 auto;}
.imgbox-overview > strong{color:#101010;}
.imgbox-overview .txt01 {width:182px; height:100px; position:absolute; bottom:10px; left:10px; text-align:left;}
.imgbox-overview .txt02 {width:210px; height:100px; position:absolute; bottom:10px; left:278px; text-align:left;}
.imgbox-overview .txt03 {width:223px; height:100px; position:absolute; bottom:10px; left:520px; text-align:left;}
.subHead				{width:90%; height:22px; background:url("/img/sub/title_square02.gif") no-repeat 0 6px; padding-left:18px; font-size:16px; color:#303030; font-family:'nanum-bold';}
.txtbox					{width:97%; padding:7px 0 0 18px;}
.head-manage			{width:100%; height:auto; font-size:21px; line-height:170%; margin-bottom:52px;}
.rangeTBL				{width:360px;}
.rangeTBL th, .rangeTBL td{border-bottom:1px solid #cccecf;}
.rangeTBL th			{background:#f7f8f9; padding:15px 0 0 16px; font-weight:bold; color:#303030; vertical-align:text-top; text-align:left; word-spacing:-1px;}
.rangeTBL td			{color:#7d7d7d; padding:12px 0 12px 18px; line-height:205%;}



.rangeTBL2				{width : 690px; margin:0 auto;}
.rangeTBL2 th, .rangeTBL2 td{border-bottom:1px solid #cccecf;}
.rangeTBL2 th			{background:#f7f8f9; padding:15px 0 0 16px; font-weight:bold; color:#303030; vertical-align:text-top; text-align:left; word-spacing:-1px;}
.rangeTBL2 td			{color:#7d7d7d; padding:12px 0 12px 18px; line-height:205%;}


.thborder				{border-top:2px solid #3582c8;}
.tdborder				{border-top:2px solid #9a9d9f;}
.message-imgbox			{width:100%; height:250px; background:url("/img/sub/messageimg.jpg") no-repeat; margin-bottom:35px; position:relative;}
.message-imgbox > p		{width:350px; height:100px; color:#fff; font-size:21px; line-height:140%; top:65px; left:39px; position:absolute;}
.menssage-txt01			{width:100%; font-size:18px; color:#303030; padding-bottom:18px;}
.menssage-txt02			{width:96%; font-size:15px; color:#303030; padding-bottom:18px;}
.certificate-txt		{color:#303030; text-align:center; font-size:30px; line-height:150%; font-weight:normal; padding-bottom:70px;}
.map-box				{width:745px; height:295px; border:1px solid #eaeaeb; margin-bottom:45px}
.link-pdfdown			{font-size:12px; color:#6396b9; text-decoration:underline; display:block;}
.tab					{width:100%;}
.tab > li				{width:248px; height:32px; padding-top:9px; background:#f1f1f2; float:left; border-top:1px solid #d8d9da; font-size:17px; text-align:center; margin-right:1px;}
.tab > li:hover			{background:#6d6d6d; color:#fff; border-top:1px solid #525252;}
.tab > li.on			{background:url("/img/sub/tabbg_arrow.gif") no-repeat bottom center #6d6d6d; color:#fff; border-top:1px solid #525252;}
.tab > li > a			{width:248px; height:32px; display:block; color:#525252;}
.tab > li > a:hover		{color:#fff;}
.process-box			{width:712px; text-align:center; margin:0 auto; padding-top:62px;}
.process-box img		{margin-bottom:40px;}
.txt-box				{width:712px; padding:28px 0 15px 0; background:#f9f9f9; border:1px solid #e5e7e7; text-align:left;}
.txt-box > p			{width:90%; padding-left:45px; font-size:16px; font-weight:bold; color:#101010;}
.txt-box > ul			{width:90%; padding:5px 0 20px 45px;}
.process-btnbox			{width:100%; height:50px; padding:15px 0 0 0; text-align:right;}
.btngreen				{width:221px; height:47px; background:url("/img/sub/btn_green.gif") no-repeat; display:block; float:right;}
.btngreen span			{font-size:16px; font-family:'nanum-bold'; color:#fff; display:inline-block; padding:12px 18px 0 0;}

/* search css */
.search-box				{width:100%; height:35px; padding-bottom:20px; text-align:right;}
.search-box input		{height:28px; background:#f3f3f3; padding:3px 10px 0 12px; border:none;}
.search-box .btnSearch	{width:78px; height:31px; background:url("/img/sub/btn_search.gif") no-repeat; display:inline-block; text-align:left;}
.search-box .btnSearch span{width:65px; height:23px; color:#fff; font-family:'nanum-bold'; padding:4px 0 0 11px; display:inline-block;}
/* table css */
.basicTBL				{border-top:2px solid #101010; border-bottom:1px solid #6d6d6d;}
.basicTBL th, .basicTBL td, .writeTBL th, .writeTBL td{border-bottom:1px solid #eaeaeb;}
.basicTBL th, .writeTBL th{background:#f7f8f9; padding:18px 0 0 22px; text-align:left; vertical-align:top; color:#303030;}
.basicTBL td, .writeTBL td{padding:13px 0 12px 20px;}
.basicTBL td .idcheck	{display:inline-block; font-weight:bold; padding:4px 0 0 9px; font-size:13px;}
.basicTBL td .join-info {font-size:12px; color:#666; padding:5px 0 0 0; line-height:170%;}
.basicTBL td .join-info > a {font-size:12px; color:#0e5fa8; font-weight:bold; padding:5px 0 0 0; line-height:170%;}
.writeTBL				{border-top:2px solid #3582c8; border-bottom:1px solid #6d6d6d;}
.boardTBL				{border-top:2px solid #3582c8; border-bottom:1px solid #6d6d6d;}
.boardTBL th, .boardTBL td{border-bottom:1px solid #eaeaeb; border-left:1px solid #eaeaeb;}
.boardTBL th			{background:#f7f8f9; padding:12px 0; text-align:center; vertical-align:top; color:#303030; font-size:14px;}
.boardTBL td			{padding:12px 0; text-align:center; color:#7d7d7d; font-size:13px;}
.boardTBL td:first-child, .boardTBL th:first-child{border-left:none;}
.list-a					{color:#202020;}
.list-a:hover			{text-decoration:underline;}
.mark-ing, .mark-fix, .mark-receive{width:52px; height:22px; *padding:2px 0;text-align:center; color:#fff; margin-right:4px;font-size:11px; display:inline-block; }
.mark-ing				{background:#3582c8; }
.mark-fix				{background:#b3bac0;}
.mark-receive			{background:#6aa6db;}
.priceTBL				{background:#f5f5f6; border:1px solid #e6e6e7;}
.priceTBL td			{border-bottom:1px solid #fff; border-left:1px solid #fff; padding:20px 0; text-align:center;}
.priceTBL td:first-child{border-left:none;}
.priceTBL .lasttr 		{border-bottom:1px solid #e6e6e7;}
.priceTBL td > p		{width:100%; font-size:15px; font-weight:bold; color:#303030;}
.mapTBL01				{border-top:2px solid #033f77; border-bottom:1px solid #6d6d6d;}
.mapTBL01 th, .mapTBL01 td, .mapTBL02 th, .mapTBL02 td{border-bottom:1px solid #eaeaeb; text-align:left;}
.mapTBL01 th			{background:#fafafb; padding:14px 0 14px 34px;}
.mapTBL01 th .map-bg01, .mapTBL01 th .map-bg02, .mapTBL01 th .map-bg03, .mapTBL01 th .map-bg04{width:95px; height:22px; color:#033f77; padding-left:27px;  display:inline-block;}
.mapTBL01 th .map-bg01	{background:url("/img/sub/icon_address.png") no-repeat 0 2px;}
.mapTBL01 th .map-bg02	{background:url("/img/sub/icon_tel.png") no-repeat 0 2px;}
.mapTBL01 th .map-bg03	{background:url("/img/sub/icon_fax.png") no-repeat 0 2px;}
.mapTBL01 th .map-bg04	{background:url("/img/sub/icon_email.png") no-repeat 0 5px;}
.mapTBL01 td			{height:20px; padding:14px 0 14px 18px;}
.mapTBL02				{border-top:2px solid #747b85; border-bottom:1px solid #6d6d6d;}
.mapTBL02 th			{background:#f5f5f5; padding:22px 0 12px 34px; vertical-align:top; color:#575a5e;}
.mapTBL02 td			{padding:15px 0 15px 18px;}
.mapTBL02 td .subway-txt01, .mapTBL02 td .subway-txt02{ color:#303030; font-weight:bold; word-spacing:-1px;}
.mapTBL02 td .subway-txt01{background:url("/img/sub/icon_bundang.png") no-repeat; padding-left:71px;}
.mapTBL02 td .subway-txt02{background:url("/img/sub/icon_8.png") no-repeat; padding-left:31px;}
.mapTBL02 td .detail-txt01{padding:2px 0 0 72px; color:#626262;}
.mapTBL02 td .detail-txt02{padding:2px 0 0 32px; color:#626262;}
/* paging */
.pagingWrap				{width:100%; text-align:center; height:70px; padding:35px 0 0 0;}
.pagingWrap	.bg			{width:28px; height:0; line-height:0; font-size:0; padding-top:28px; display:inline-block;}
.pagingWrap	.bg:hover	{border:1px solid #5f9ad0;}
.pagingWrap .pre, .pagingWrap .next{background:url("/img/sub/btn_paging.gif") no-repeat; border:1px solid #d4d4d4;}
.pagingWrap .pre		{background-position:-2px -2px;}
.pagingWrap .next		{background-position:-36px -2px;}
.pagingWrap .paging, .pagingWrap .paging-current {width:28px; height:25px; text-align:center; padding-top:3px; display:inline-block;}
.pagingWrap .paging		{text-align:center; color:#989898; text-decoration:none; position:relative; border:1px solid #fff;}
.pagingWrap .paging:hover{border:1px solid #5f9ad0;}
.pagingWrap .paging-current{background:#5f9ad0; color:#FFF;border:1px solid #5f9ad0;}
/*board view page*/
.title-box				{width:100%; height:102px; background:#f7f8f9; border-top:2px solid #3582c8;}
.title-box > h3			{width:90%; height:25px; color:#101010; font-size:19px; padding:22px 0 15px 28px;}
.title-box > p			{width:94%; height:25px; color:#7d7d7d; font-size:13px; padding:0 0 0 28px;}
.board-contents			{width:94%; min-height:250px; padding:14px 14px 14px 28px; border-bottom:1px solid #d0d0d0; color:#7d7d7d; font-size:14px;}
.board-contents .file-box{width:100%; height:20px; text-align:right; font-size:12px; padding-bottom:15px;}
.board-contents .file-box img{margin-right:2px; margin-left:15px;} 
.board-contents .file-box .down{color:#303030; text-decoration:underline;}
.board-contents .file-box .down:hover{color:#111; text-decoration:underline;}

.file-box2                                          {width:100%; font-size:13px;}
.file-box2 .del                          {color:#303030; text-decoration:underline;}
.file-box2 .del:hover        {color:#111; font-weight:bold; text-decoration:underline;}

.reply-box				{width:100%; padding:21px 0 18px 0; min-height:100px; background:#f9f9f9; border-bottom:1px solid #ddd;}
.reply-box .reply-title	{width:82px; padding-left:30px; float:left; font-family:'nanum-bold'; font-size:20px;}
.reply-box .reply-title span{font-size:13px; color:#7d7d7d;}
.reply-box .reply-contents{width:590px; padding-right:14px; color:#606060; float:right; text-align:left; font-size:14px;}

.btnbox-middle			{width:100%; height:30px; text-align:right; margin-top:15px;}
.btnbox-board			{width:100%; height:30px; text-align:right; margin-top:45px;}
.btnbox-write			{width:100%; text-align:right; margin-top:15px;}
.pwqna-box				{width:489px; height:258px; border:2px solid #8f9295; margin:0 auto; text-align:center; background:url("/img/sub/pwbg.gif") no-repeat 275px 25px;}
.pwqna-box .pw-title	{width:409px; height:40px; border-bottom:1px solid #eaeaeb; font-size:21px; font-family:'nanum-bold'; margin:42px auto 40px;}
.pwqna-box .btnbox-pw	{width:100%; height:30px; margin:40px 0 0 0;}
.pwqna-box .lable_pw	{height:22px; background:url("/img/sub/title_square.gif") no-repeat 0 4px; font-size:18px; color:#303030; padding-left:24px; font-weight:bold; margin-right:20px;}
/* 계측기 판매 */
.shopping-tab			{height:87px; border-top:1px solid #dadbdc; border-bottom:1px solid #dadbdc;}
.shopping-tab li		{width:186px; height:43px; border-left:1px solid #fff; float:left; text-align:center; background:#f1f1f2;}
.borderB				{border-bottom:1px solid #fff; }

.shopping-tab li > a	{width:186px; height:22px; padding:11px 0; display:inline-block; color:#525252; }
.shopping-tab li > a:hover, .shopping-tab li > a.on{background:#3582c8; color:#fff; }
.product-title			{width:100%; height:34px; border-bottom:1px solid #101010; font-size:19px; color:#101010; margin-top:35px;}
.product-list li		{width:186px; height:265px; border-left:1px solid #e8e8e8; border-bottom:1px solid #e8e8e8; float:left; position:relative;}
.product-list li		{width:186px; height:265px; border-left:1px solid #e8e8e8; border-bottom:1px solid #e8e8e8; float:left;}
.product-list li:first-child{border-left:none;}
.product-list li .img-box	{width:186px; height:118px; padding:40px 0 0 0; text-align:center; display:block;}
.product-list li .name		{color:#303030; font-size:14px; text-align:center; line-height:140%;}
.product-list li .prodcut-btnbox{width:100%; height:35px; margin-top:11px; text-align:center;}
.product-list li .estimate	{width:69px; padding:4px 0; text-align:center; border:1px solid #3984c9; font-size:13px; color:#3984c9; display:inline-block; margin-right:4px;}
.product-list li .estimate:hover{background:#3984c9; color:#fff;}
.product-list li .catalog	{width:69px; padding:4px 0; text-align:center; border:1px solid #6db143; font-size:13px; color:#6db143; display:inline-block;}
.product-list li .catalog:hover{background:#6db143; color:#fff;}
.product-list .leftborder{border-left:none;}
.product-list .mark-new    {width:44px; height:44px; position:absolute; top:36px; left:7px; background:url("../img/sub/icon_new.png") no-repeat;}
.solution-txt			{width:90%; padding:17px 0 0 24px;}
/* sitemap */
.sitemap-txt			{width:100%; font-size:15px; color:#7d7d7d; padding-bottom:32px;}
.sitemap				{width:165px; float:left;}
.sitemap-02				{width:85px; float:left; text-align:left;}
.deth-01				{font-size:18px; color:#0a5ca6; font-weight:bold;}
.sitemap li, .sitemap-02 li{padding-bottom:8px;}
.sitemap li > a, .sitemap-02 li > a{font-size:14px; color:#303030;}
.sitemap li > a:hover, .sitemap-02 li > a:hover{text-decoration:underline;}
/* 이용약관 & 개인정보취급방침 */
.rule_title				{font-size:15px; color:#303030;}
.rule_txtArea			{padding:5px 0 25px; color:#666; font-size:13px;}
.rule_num				{width:97%; padding:0 0 0 18px; margin:0;}
.ruleTBL				{width:93%; border:1px solid #eaeaea; margin:12px 0 12px 40px;}
.ruleTBL th, .ruleTBL td{border-bottom:1px solid #eaeaea; border-left:1px solid #eaeaea; padding:5px 0;}
.ruleTBL td				{text-align:left; padding:5px 0 5px 15px;}
.rule_link, .rule_link:visited, .rule_link:active{color:#666;}
.rule_link:hover		{text-decoration:underline;}