/* 
 * Nanum Barun Gothic Web Fonts
 * https://github.com/hiun/NanumBarunGothic
 * Copyright (c) 2010, NAVER Corporation (http://www.nhncorp.com) 
 */
 
@font-face {
  font-family: 'Nanum Barun Gothic';
  font-style: normal;
  font-weight: 200;
  src: url(/common/NanumBarunGothicUltraLight.eot);
  src: local('Nanum Barun Gothic UltraLight'),
       local('NanumBarunGothicUltraLight'),
       url(/common/NanumBarunGothicUltraLight.eot?#iefix) format('embedded-opentype'),
       url(/common/NanumBarunGothicUltraLight.woff2) format('woff2'),
       url(/common/NanumBarunGothicUltraLight.woff) format('woff'),
       url(/common/NanumBarunGothicUltraLight.ttf) format('truetype');
}

@font-face {
  font-family: 'Nanum Barun Gothic';
  font-style: normal;
  font-weight: 300;
  src: url(/common/NanumBarunGothicLight.eot);
  src: local('Nanum Barun Gothic Light'),
       local('NanumBarunGothicLight'),
       url(/common/NanumBarunGothicLight.eot?#iefix) format('embedded-opentype'),
       url(/common/NanumBarunGothicLight.woff2) format('woff2'),
       url(/common/NanumBarunGothicLight.woff) format('woff'),
       url(/common/NanumBarunGothicLight.ttf) format('truetype');
}

@font-face {
  font-family: 'Nanum Barun Gothic';
  font-style: normal;
  font-weight: 400;
  src: url(/common/NanumBarunGothic.eot);
  src: local('Nanum Barun Gothic'),
       local('NanumBarunGothic'),
       url(/common/NanumBarunGothic.eot?#iefix) format('embedded-opentype'),
       url(/common/NanumBarunGothic.woff2) format('woff2'),
       url(/common/NanumBarunGothic.woff) format('woff'),
       url(/common/NanumBarunGothic.ttf) format('truetype');
}

@font-face {
  font-family: 'Nanum Barun Gothic';
  font-style: normal;
  font-weight: 700;
  src: url(/common//NanumBarunGothicBold.eot);
  src: local('Nanum Barun Gothic Bold'),
       local('NanumBarunGothicBold'),
       url(/common/NanumBarunGothicBold.eot?#iefix) format('embedded-opentype'),
       url(/common/NanumBarunGothicBold.woff2) format('woff2'),
       url(/common/NanumBarunGothicBold.woff) format('woff'),
       url(/common/NanumBarunGothicBold.ttf) format('truetype');
}


@font-face {
 font-family: 'NanumSquare';
 src: url(/common//NanumSquareR.eot);
 src: url(/common//NanumSquareR.eot?#iefix) format('embedded-opentype'),
      url(/common//NanumSquareR.woff) format('woff'),
      url(/common//NanumSquareR.ttf) format('truetype');
}



body,div,ul,ol,li,form,p{margin:0;padding:0; color:#3e3e3e; font-family:'NanumSquare', dotum, serif; font-size:13px;font-weight:300; }
div { position:relative; color:#3e3e3e; font-family: 'NanumSquare', dotum, serif; font-weight:normal; font-size:13px;  }
img,fieldset{border:0}
ul,ol,li{list-style:none}
img,input,select,textarea{vertical-align:middle}


table, td, th { font-size:13px; }

.li_across { display:inline; float:left; }

.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after {
  clear: both;
}

#headline { width:100%; height:4px; background:#3a68cf; }



#hlF { width:100%; height:30px; background-color:#ebebeb; border-bottom:1px solid #dcdcdc; }
#hlF .headLink { width:980px; height:22px;  margin:0 auto; text-align:right; padding-top:8px; }

.tbl_headLink { border-collapse:collapse; padding:0; height:36px; }
.tbl_headLink td { padding:0; }


#headF { width:100%; height:132px; border-bottom:2px solid #156db1; z-index:100; }
#headF .head { z-index:2; height:102px;  }
#headF .head .logo { position:absolute; left:10px; top:50px; width:122px; height:85px; }
#headF .head .my { position:absolute; right:0; top:10px; font-family:verdana; font-size:12px; }
#headF .head .my li { display:inline; float:left; padding-left:7px; padding-right:7px;  }
#headF .head #menuF { position:absolute; right:300px; top:58px; width:480px; height:72px; border:0; z-index:90000;}

.head_search { position:absolute; right:20px; top:78px; }
.head_search_ipt { width:230px; height:29px; border:1px solid #ddd; border-right:0; }



#indexIcon { width:100%; height:140px; margin:0 auto; z-index:9; }
#indexIcon .micon_backbg { width:100%; height:140px; margin:0 auto; z-index:10; background:#1b4196 url("/image/index/index_middle_back.jpg") no-repeat center; }
#indexIcon .micon { height:100px; margin:0 auto; z-index:10; }
#indexIcon .micon .left { float:left; width:100%; height:100px; z-index:11; }
#indexIcon .micon .left li {  width:20% !important; text-align:center; }
#indexIcon .micon .left li.icon { display:inline; float:left; width:124px; height:100px; }
#indexIcon .micon .right { float:left; width:496px; height:100px; }
#indexIcon .micon .right li.icon { display:inline; float:left; width:124px; height:100px; }

/*
#IndexMain { width:992px; margin:0 auto; z-index:1; }
#IndexMain .main { position:absolute; top:-132px; left:0; width:992px; height:500px; z-index:2;}
*/
#IndexMain { width:100%; height:500px; z-index:1; }

#IndexMain2 { width:992px; margin:0 auto; z-index:100; }

#IndexMain2 .right_banner { position:absolute; right:-174px; top:-70px; width:160px; z-index:9999 }
#IndexMain2 .right_banner ul {  width:160px; }
#IndexMain2 .right_banner li { display:block; width:160px; height:78px; margin-bottom:10px; }


.m1 { position:absolute; top:-500px; left:0; width:992px; height:500px; display:none; z-index:999; background:#fff url(/image/main_menuback_1.jpg) no-repeat; }
.m2 { position:absolute; top:-500px; left:0; width:992px; height:500px; display:none; z-index:999; background:#fff url(/image/main_menuback_2.jpg) no-repeat; }
.m3 { position:absolute; top:-500px; left:0; width:992px; height:500px; display:none; z-index:999; background:#fff url(/image/main_menuback_3.jpg) no-repeat; }
.m4 { position:absolute; top:-500px; left:0; width:992px; height:500px; display:none; z-index:999; background:#fff url(/image/main_menuback_4.jpg) no-repeat; }
li.icon li { line-height:44px;  }
#indexIcon .micon .left2 { float:left; top:180px; left:20px; }
#indexIcon .micon .left3 { float:left; top:180px; padding-left:40px; }
#indexIcon .micon .left5 { float:left; top:220px; left:20px; }
#indexIcon .micon .left6 { float:left; top:220px; padding-left:40px; }
.mlink2 { top:220px; left:20px; }
.mlink3 { top:220px; left:20px; }

.micon_s ul { margin:0; padding:0; line-height:0;  font-size:17px; }
.micon_s li { margin:0; padding:0;  width:187px; height:34px; padding-bottom:6px; font-size:17px; background:url(/image/main_smenu_back.png) no-repeat;  line-height:0;}
.micon_s a { margin:0; padding:0; display:block; width:167px; height:16px; padding-left:20px; padding-top:18px;  font-size:13px; font-weight:bold;  line-height:0;}
.micon_s a:hover { color:#1773cb; text-decoration:none; line-height:0; }


.micon_s2 ul { margin:0; padding:0; }
.micon_s2 li { margin:0; padding:0; width:220px; height:38px; padding-bottom:6px; }


#latest { width:100%;  padding:0 !important; margin:0 auto; margin-top:40px; }
#latest .latest_list { width:96%; margin:0 auto; }
#latest .left2 { float:left; width:50%; padding:0 5px !important; margin:0 !important;}
#latest .right2 { float:left; width:50%; padding:0 5px !important; }
#latest .bar { width:100%; height:39px; }
#latest .bar .title {float:left;  width:107px; height:39px; }
#latest .bar .go {float:right;  width:56px; height:39px; }


.tbl_latest_notice { width:474px; line-height:22px; padding-left:12px; }
.tbl_latest_notice td { width:380px; line-height:24px; font-size:12px; }
.tbl_latest_notice td.date { width:94px; font-size:12px; text-align:right; }


.tbl_latest_emp { width:474px; line-height:22px; padding-left:12px;  }
.tbl_latest_emp td.subject { line-height:22px; width:260px; font-size:13px; }
.tbl_latest_emp td.company { width:120px; font-size:12px; color:#ee4900; font-weight:bold; }
.tbl_latest_emp td.date { width:94px; font-size:12px;  }
.tbl_latest_emp td a { font-size:12px; }

#news-container {width:474px; padding-left:14px; padding-top:6px;  }
#news-container ul { width:474px; line-height:24px; }
#news-container li { height:24px; }
#news-container .company { position:absolute; left:0; width:120px; font-size:12px; color:#ee4900; font-weight:bold;}
#news-container .subject { position:absolute; left:120px; width:260px; font-size:13px;  }
#news-container .date { position:absolute; left:380px; width:94px; font-size:12px; }

.main_relation { width:940px; height:64px;  padding:10px 25px; margin:0 auto; margin-top:20px; margin-bottom:30px; overflow:hidden; }
.main_relation li { display:inline; float:left; width:141px; text-align:center; }


.m_left { float:left; width:200px; margin-top:20px;  z-index:1;  }
.m_left .title { height:73px; border-bottom:1px solid #1b4196; }
.m_left .title .tname { padding-top:10px; padding-left:20px; font-size:22px; font-weight:600; }
.m_left .title .tname_eng { padding-left:20px; margin-top:3px; font-size:14px;  }
.m_left .submenu { margin-top:10px; width:200px;    }
.m_left .submenu li { width:200px;  }
.m_left .submenu li a { display:block; padding:13px 0 10px 26px;  font-family:'NanumSquare','Nanum Barun Gothic', dotum, serif;  font-size:14px; font-weight:normal; color:#464646; background:#fff; border-bottom:1px solid #dcdcdc;text-decoration:none;  }
.m_left .submenu li a:hover { color:#2e69af; }
.m_left .submenu li a.leftmenu2 { display:block; padding:13px 0 10px 26px;  font-family:'NanumSquare','Nanum Barun Gothic', dotum, serif;  font-size:14px; font-weight:600; background:url('/image/menu_back.png') no-repeat right; background-position: 176px 16px; color:#366fcc;text-decoration:none; }
 

.m_right { float:right; width:100%; max-width:calc(100% - 230px); margin-top:20px; font-size:14px;  }
.m_right .head { height:72px; border-bottom:1px solid #ddd; }
.m_right .head .title { float:left; left:18px; top:24px; height:30px; font-size:24px; font-weight:300; }
.m_right .head .navigation { float:right; right:18px;  top:30px;  }


.ccenter { width:200px; border-top:1px solid #f9f9f9; background:#f9f9f9; }
.ccenter .ccenter_title { font-size:16px; font-weight:400; background:#333f4f; color:#fff; text-align:center; line-height:26px; width:160px; height:26px; border-radius:20px; margin:0 auto;  margin-top:20px;}
.ccenter .tel { font-family: 'Muli', sans-serif; font-size:20px; font-weight:300; color:#333f4f; margin-top:6px; text-align:center; }
.ccenter .line { width:164px; height:1px; border-top:1px dotted #afafaf; margin:0 auto; margin-top:14px; }
.ccenter .em {  font-size:13px; padding-left:18px; margin-top:14px; }
.ccenter .time { font-size:13px; padding-left:18px; padding-bottom:20px; margin-top:8px; line-height:18px; }
.ccenter .bank_name { width:100%; color:#008375; font-size:14px; text-align:center; margin-top:10px; font-weight:600;}
.ccenter .bank_number { width:100%; font-size:15px; text-align:center; margin-top:8px; font-weight:600; }
.ccenter .bank_p { width:100%; font-size:13px; text-align:center; margin-top:8px;  }


.left_bk .title2  { font-size:18px; font-weight:700; padding-left:18px; margin-top:20px;}
.left_bk .bk_info { width:196px; margin-left:4px; margin-top:16px; background:url(/image/ccenter_bank.gif) no-repeat; padding-left:42px; }
.left_bk .bk_info .bkname { font-size:14px; }
.left_bk .bk_info .bknumber { font-size:13px; color:#28c0da; font-weight:700; margin-top:8px; }
.left_bk .bk_info .bkname_p { font-size:12px; margin-top:8px; }


/* 회사개요 */
.company_d { width:100$; text-align:center; margin:20px 0 40px;}
#training{width:100%; border-top:2px solid #333; border-collapse:collapse; margin:10px 0 40px; }
#training th { background:#f4f6f8; border-bottom:1px solid #d2d8e2; }
#training td{padding-top:10px; padding-bottom:10px; padding-left:12px; font-size:14px;border-bottom:1px solid #d2d8e2;}

/* 회사연혁 */
.history2_column { width:100%; margin-top:30px; z-index:9;}
.history2_column ul { width:100%; }
.history2_column li { float:left; display:inline-block; width:calc(50% - 2px); height:46px; line-height:46px; font-size:16px; border:1px solid #ddd; border-right:0; text-align:center; cursor:pointer; }
.history2_column li:last-child { border-right:1px solid #ddd; }
.history2_column li.select { background:#1b4196; color:#fff; }

/* 경영방침 */
.company_plan_img { width:100%; text-align:center; padding-top:30px; }

.plan_column { width:100%; margin-top:30px; z-index:100;}
.plan_column ul { width:100%; }
.plan_column li { float:left; display:inline-block; width:188px; height:36px; line-height:36px; border:1px solid #ddd; border-right:0; text-align:center; cursor:pointer; }
.plan_column li:last-child { border-right:1px solid #ddd; }
.plan_column li.select { background:#006dac; color:#fff; }

.tbl_plan { width:100%; margin-top:10px; }
.tbl_plan th { width:20%; background:#f2f2f2; }
.tbl_plan td { width:80%; padding:10px 0 10px 10px;  }


/* 복리후생시설 */
.welfare_column { width:100%; margin-top:30px; z-index:100;}
.welfare_column ul { width:100%; }
.welfare_column li { float:left; display:inline-block; width:107px; height:36px; line-height:36px; border:1px solid #ddd; border-right:0; text-align:center; cursor:pointer; }
.welfare_column li:last-child { border-right:1px solid #ddd; }
.welfare_column li.select { background:#006dac; color:#fff; }



/* SMT */
.tbl_smt { width:740px; border-collapse:collapse; border-top:2px solid #0c354d; }
.tbl_smt thead th { background:#f4f4f4; padding:12px 0 11px 0; border-bottom:1px solid #85949c; border-right:1px solid #85949c;  }
.tbl_smt tbody td { background:#fff; padding:12px 0 11px; text-align:center; font-size:14px; border-bottom:1px solid #85949c; border-right:1px solid #85949c; }
.tbl_smt thead th:last-child, .tbl_smt tbody td:last-child { border-right:0; }

/* SMT 장비 */
.tbl_smt2 { width:100%; border-collapse:collapse; border-top:2px solid #0c354d; }
.tbl_smt2 th { background:#f4f4f4; border-bottom:1px solid #85949c; padding:10px 0; }
.tbl_smt2 tbody td { background:#fff; padding:12px 0 11px; text-align:center; font-size:12px; border-bottom:1px solid #85949c; border-right:1px solid #85949c; }
.tbl_smt2 tbody td:first-child { width:95px; }
.tbl_smt2 tbody td:last-child { border-right:0; }

.smt2_info { width:100%; }
.smt2_info li { float:left; width:50%; margin-top:50px; }
.smt2_info li:nth-child(1), .smt2_info li:nth-child(2) { margin-top:20px; }
.smt2_info .box { width:90%; }
.smt2_info .box .img { float:left; width:40%; padding-top:40px; text-align:right;}
.smt2_info .box .info { float:left; width:60%; height:130px; }
.smt2_info .box .info .name { background:#006dac; color:#fff; text-align:center; height:26px; line-height:26px; border-radius:20px; margin-bottom:10px; }
.smt2_info .box .info dl { width:100%; padding:0; margin:0;  }
.smt2_info .box .info dt { float:left; width:60px; padding:0; padding-left:10px; margin:0; font-weight:600; font-size:12px; }
.smt2_info .box .info dd { float:left; width:132px; padding:0; margin:0; }

/* 사출소개 */
.tbl_injection { width:100%; border-collapse:collapse; border-top:2px solid #0c354d; }
.tbl_injection th { background:#f4f4f4; border-bottom:1px solid #85949c; border-right:1px solid #85949c; padding:7px 0; }
.tbl_injection thead th:last-child { border-right:0; }
.tbl_injection tbody td { background:#fff; padding:8px 0 7px; text-align:center; font-size:12px; border-bottom:1px solid #85949c; border-right:1px solid #85949c; }
.tbl_injection tbody td:last-child { border-right:0; }
.injection_1 .fleft { float:left; width:60%; }
.injection_1 .fright { float:right; width:40%; text-align:right; }

.injection_m { width:100%; background:url("/image_m/injection_back.gif") no-repeat; }
.injection_m .inj { width:100%; }
.injection_m .inj_1 .inj_title { float:right; width:48%; font-size:20px; text-align:left; color:#006dac; }
.injection_m .inj_1 .inj_img { float:left; width:50%; }
.injection_m .inj_2 .inj_title { float:left; width:48%; height:174px; font-size:20px; color:#006dac; text-align:right; vertical-align:bottom; line-height:320px; }
.injection_m .inj_2 .inj_img { float:right; width:50%; }

/* 사출장비 */
.injection2_1 { width:100%; }
.injection2_1 .left { float:left; width:40%; text-align:center; }
.injection2_1 .inj_title { width:220px; margin:0 auto; font-size:14px; font-weight:400; background:#0c354d; color:#fff; border-radius:20px; margin-top:10px;  }
.w280 { width:280px !important; }
.injection2_1 .right { float:left; width:58%; }
.inj_left_2 { margin-top:180px; }
.tbl_ft15 th, .tbl_ft15 td { font-size:15px !important; font-weight:400 !important; }

.injection2_3 { width:100%; }
.injection2_3 li { float:left; width:33%; height:300px; margin:20px 0; }
.injection2_3 li .inj3_img { width:100%; text-align:Center; padding-top:20px;  }
.injection2_3 li .inj3_name { width:200px; background:#0c354d; color:#fff; margin:0 auto; margin-top:20px; border-radius:20px; text-align:Center; }

/* 검증파트 */
.h_text { width:96%; margin:0 auto; }


/* 제품소개 */
.product_category { width:100%; margin-top:20px; margin-bottom:20px;   }
.product_category li { float:left; width:120px; border:1px solid #006bac; border-radius:20px; margin-right:10px;  }
.product_category li a { display:block; width:100%; text-align:Center; padding:10px 0; text-decoration:none; }
.product_category li.pc_selected { background:#006bac; border:1px solid #006bac; }
.product_category li.pc_selected a { color:#fff; }



/* 채용정보 */


/* 복지후생제도 */
.welfare_img { width:100%; }
.welfare_img li { float:left; width:33%; text-align:center; }
.welfare_line { width:644px; height:33px; margin:0 auto; margin-top:30px; margin-bottom:30px; background:url("/image_m/welfare_line.gif") no-repeat center; }

.welfare_info { width:100%; max-width:644px; margin:0 auto; padding:30px 0; border-bottom:1px solid #ddd; }
.welfare_info .welfare_num { float:left; width:40px; }
.welfare_info .welfare_box { float:left; width:600px; }
.welfare_info .welfare_box .welfare_title { font-size:18px; font-weight:bold; margin-top:2px; }
.welfare_info .welfare_box .welfare_text { font-size:14px; margin-top:6px; }




.w100 { width:100%; }
.tcenter { text-align:center; }
.mt10 { margin-top:10px; }
.mt30 { margin-top:30px !important; }
.mt50 { margin-top:50px !important; }
.mt150 { margin-top:150px !important; }
.mb10 { margin-bottom:10px; }
.pt50 { padding-top:50px; }

.stitle { width:300px; padding:8px 0; font-size:16px; background:#0c354d; color:#fff; text-align:center; margin:0 auto; margin-top:6px;  line-height:20px; border-radius:36px;  }
.stitle span { font-size:13px; line-height:16px; }


/* 경영방침 & 기타 */
.hcst { padding-top:20px; display:none; }
.hcst4 { display:block; }
.hc_text { margin:20px 0 40px 0; padding-left:20px; font-size:14px;  }
.hc_point { display:inline-block; background:#fff; color:#414957; border:1px solid #414957; padding:5px 20px 3px; border-radius:20px; font-weight:600; }
.h_title { color:#006dac; font-size:20px; margin-top:20px; }
.h_img { margin-top:10px; }

/* 복지후생시설 */
.wcst1 { display:block; }
.w_main { width:100%; }
.w_main div { margin-top:6px; }

.w_box { width:100%; margin-top:16px; }
.w_box .w_img1 { float:left; width:256px; height:169px; text-align:Center; border:1px solid #ddd; padding-top:5px;  margin-right:20px; }
.w_box .w_text { float:left; width:482px; }
.w_box .w_text div { margin-top:6px; }
.w_box .w_text span {font-family:dotum; }

.w_point { font-weight:700; font-size:14px; margin-top:10px;}
.w_stitle { width:100px; height:28px; font-size:14px; line-height:30px; padding:0 10px; background:#006dac; border-radius:20px; color:#fff; text-align:center;margin-bottom:6px;}
.ul_welfare { width:100%; }
.ul_welfare li { float:left; width:246px; margin-right:11px; }
.ul_welfare li:nth-child(3n) { margin-right:0 ;}
.ul_welfare li .w_img1 { width:246px; height:165px; }
.ul_welfare li img { width:236px; }

.w_img_left { float:left; width:256px; margin-right:20px;}



.content_text { font-size:14px; line-height:25px; margin-top:16px; margin-bottom:20px; }
.content_text .greeting_t1 { width:100%; text-align:center; margin-bottom:10px; }
.content_text .greeting_point { width:100%; color:#4e9ca9; font-size:15px; font-weight:bold; line-height:26px; text-align:center;margin-bottom:20px; }
.content_text .greeting_text { width:100%; color:#3e3e3e; font-size:16px; line-height:30px; margin-top:30px;}
.content_text .greeting_hello { width:100%; margin-bottom:20px; text-align:center; }
.content_text .greeting_photo { float:right; width:226px;  }
.content_text .greeting_profile {float:left; width:510px; z-index:1;}
.content_text .greeting_profile .profile { margin-bottom:10px; }
.content_text .greeting_profile li { padding-left:20px; font-size:14px; line-height:36px;}
.content_text .greeting_img1 { position:absolute; top:260px; right:0; z-index:0; }

.content_text .intro_text { width:740px; margin:0 auto; font-size:13px; line-height:32px; }
.content_text .intro_graph { width:100%; padding:40px 0; text-align:center; }
.content_text .intro_head { width:643px; margin-bottom:20px; }
.content_text .intro_content { width:100%; }
.content_text .intro_img { position:absolute; right:0; bottom:0; width:252px; height:394px; }

.content_text .history_column { width:720px; margin:0 auto; height:62px; }
.content_text .history_column li { float:left; display:inline; width:240px; height:62px; text-align:center; font-size:16px; }

.content_text .hst1 { display:block; }
.content_text .hst2 { display:none; }
.content_text .hst3 { display:none; }

.content_text .history_lr { width:720px; margin:0 auto; padding:42px 0; border-bottom:1px solid #dbdbdb; }
.content_text .history_lr .year { float:left; width:112px; font-size:26px; color:#006dac; padding-top:5px;  }
.content_text .history_lr .list { float:left; width:600px; }
.content_text .history_lr .list li { font-size:14px; line-height:30px;  }
.content_text .history_lr .list li.point { color:#0074e2; font-weight:normal;  }



.content_text .customer { width:724px; padding-left:8px; }
.content_text .customer ul { width:724px; height:150px; }
.content_text .customer li { display:inline; float:left; padding-left:20px;  }
.content_text .customer li .box { border:1px solid #d0d0d0; width:219px; height:83px;}
.content_text .customer li .name { width:221px; text-align:center; margin-top:6px; font-size:13px; }


/* map */
.content_text .map_addr { width:740px; margin:0 auto;  margin-bottom:30px; font-size:13px;  }
.content_text .map_addr_old { padding-left:36px; color:#747474; font-size:12px; }
.content_text .map_tel { padding-left:36px; color:#2966a4; font-size:12px }
.content_text .left_1 { float:left; width:437px; }
.content_text .right_1 {float:right; width:297px; }


.content_text .title { width:209px; height:32px; background:url(/image/title_back.gif) no-repeat; font-size:14px; font-weight:bold; padding:5px 0 0 16px; }
.content_text .title2 { height:32px; font-size:16px; font-weight:bold; padding:5px 0 0 6px; color:#ff3600; }
.content_text .biz1_text { color:#7d7d7d; font-size:14px; line-height:30px; padding-left:6px; margin-top:10px; }
.content_text .biz1_text .left { float:left; width:120px; height:120px;  }
.content_text .biz1_text .right { float:left; padding-left:20px; padding-top:20px; width:600px;  }
.content_text .biz1_text .right2 { float:left; padding-left:20px; padding-top:10px; width:240px;  line-height:24px; }
.content_text .biz1_photo { position:absolute; right:0; top:46px; width:260px; height:214px; }
.content_text .biz1_2 { width:450px; height:380px; margin:0 auto;  padding:20px 0; }
.content_text .biz2_text { width:560px; font-size:13px; line-height:30px; padding-left:6px;  }


.content_text .biz1_table { width:754px; padding-left:6px; margin-bottom:20px; }
.content_text .biz1_table .biz1_L { float:left; width:370px; }
.content_text .biz1_table .biz1_R { float:left; width:370px; padding-left:14px; }
.content_text .biz1_table .left { float:left; width:120px; height:120px; padding-top:10px;  }
.content_text .biz1_table .right { float:left; padding-left:10px; padding-top:10px; width:230px; font-size:13px;  }

.content_text .biz1_table table { width:100%; border:1px solid #f2f2f2; }
.content_text .biz1_table th { background:#f2f2f2; }
.content_text .biz1_table td { padding-left:4px; }

.content_text .biz2 { width:100%; }
.content_text .biz2 .graph { width:378px; height:336px; }
.content_text .biz2 .text { position:absolute; left:398px; top:40px; width:360px; }

.content_text ul.ul_biz2 { margin:10px 0 0 30px; }
.content_text .ul_biz2 li { list-style:disc outside none; }

.content_text .biz3_photo { position:absolute; right:10px; top:40px; width:143px; height:471px; }

.content_text .biz4_head { width:693px; height:141px; margin:0 auto; }
.content_text .biz4 .biz4_text { padding-left:4px; margin-bottom:20px; }
.content_text .biz4 textarea { width:740px; height:160px; border:1px solid #d8d8d8; font-size:12px; color:#747474; line-height:16px;  }

.content_text strong.agreement { font-size:13px; font-weight:bold; }


.content_text .jobinfo { width:760px; }
.content_text .jobinfo .category { width:744px; height:40px; margin:0 auto; margin-top:12px;  }
.content_text .jobinfo .category .job_ct_left { position:absolute; left:0; width:195px; height:37px; }
.content_text .jobinfo .category .job_ct_center { position:absolute; left:220px; width:195px; height:37px; }
.content_text .jobinfo .category .job_ct_right { position:absolute; left:440px; width:195px; height:37px; }


.content_text .jobinfo .category a.a_job { display:block; width:175px; height:30px; padding:7px 0 0 20px; color:#4b4b4b; font-size:14px; font-weight:bold; background:url(/image/jobinfo_btn2.gif) no-repeat; }
.content_text .jobinfo .category a.a_job:hover { display:block; width:175px; height:30px; padding:7px 0 0 20px; font-size:14px; text-decoration:none; background:url(/image/jobinfo_btn1.gif) no-repeat; }

.content_text .rt_point { width:760px;  color:#4e9ca9; font-size:15px; font-weight:bold; line-height:26px; text-align:center;margin-bottom:20px; }
.content_text .rt { width:760px; }
.content_text .rt .rt_1 { width:760px;text-align:center; font-weight:bold; }
.content_text input.rt_text { width:500px; }

.tbl_rt { width:600px; margin:0 auto; border-top:2px solid #ddd; border-collapse:collapse;  }
.tbl_rt th { background:#f2f2f2; padding:10px 0; border-bottom:1px solid #ddd; }
.tbl_rt td { padding:10px 0 10px 10px; text-align:left; border-bottom:1px solid #ddd; }

.tbl_intro { width:480px; border-top:2px solid #000; border-collapse:collapse; line-height:40px; }
.tbl_intro th { background:#f9f9f9; border-bottom:1px solid #ddd; padding-left:10px; font-size:13px; font-family:'Nanum Barun Gothic', dotum, serif; font-weight:normal; }
.tbl_intro td { border-bottom:1px solid #ddd; color:#3e3e3e; font-size:12px; font-weight:normal; line-height:24px; padding:10px 0 10px 10px; }


.tbl_history { width:760px; border-spacing:0; margin-bottom:40px; border-bottom:1px solid #e5e5e5;   }
.tbl_history td { padding:0; }
.tbl_history thead th { font-family:verdana; font-size:30px; font-weight:bold; color:#7fd400; text-align:left; border-bottom:1px solid #777; }
.tbl_history tbody tr { line-height:60px; }
.tbl_history tbody th { color:#a77e6e; font-family:'Nanum Barun Gothic','Malgun Gothic',dotum; font-size:12px; font-weight:bold;   text-align:left; padding-left:40px; padding-top:6px;  line-height:30px; vertical-align:top; }
.tbl_history tbody th span.num { color:#b84c21; font-family:verdana; font-size:14px; font-weight:bold; }
.tbl_history tbody td { font-size:13px; line-height:30px; padding:6px 0 ;  }

.tbl_map { width:750px; border-spacing:0; margin-top:20px; border-top:2px solid #000; line-height:36px; }
.tbl_map th { background-color:#f9f9f9; text-align:center; }
.tbl_map td { padding-left:10px; }

.history_img { position:absolute; right:10px; top:10px; width:180px; height:215px; }


.st_title { width:209px; height:32px; background:url(/image/title_back.gif) no-repeat; font-size:16px; font-weight:bold; padding:5px 0 0 16px; }
.st_title2 { width:140px; height:30px; background:#000; color:#fff; font-size:16px; font-weight:bold; padding:5px 0 0 16px; }
.job_view_title { width:200px; height:27px; background:#0056a8 url(/image/title_back2.gif) no-repeat; color:#fff; font-size:16px; font-weight:bold; padding:8px 0 0 40px; }
.st_title3 { width:200px; height:27px; background:#0056a8 url(/image/title_back2.gif) no-repeat; color:#fff; font-size:16px; font-weight:bold; padding:8px 0 0 40px; }

.tbl_job { width:760px; }
.tbl_job th { width:120px; height:30px; background-color:#f9f9f9; }
.tbl_job td { width:240px; }

.tbl_job_2 { width:720px; border-collapse:collapse; border-top:2px solid #ddd; }
.tbl_job_2 th { width:120px; height:30px; background-color:#f9f9f9; border-bottom:1px solid #ddd; }
.tbl_job_2 td { width:600px; padding:10px; line-height:22px; border-bottom:1px solid #ddd; text-align:left;  }


.tbl_slry { width:760px; border-collapse:collapse; border-top:2px solid #ddd; line-height:22px; }
.tbl_slry th { height:36px; border-bottom:1px solid #ddd; font-size:12px }
.tbl_slry td { padding:10px; line-height:22px; border-bottom:1px solid #ddd; font-size:12px;  }
.tbl_slry td.center { text-align:center; }
.tbl_slry td.right { text-align:right; }
.tbl_slry .ts_1 { width:120px; }
.tbl_slry .ts_2 { width:200px; }
.tbl_slry .ts_3 { width:140px; }
.tbl_slry .ts_4 { width:140px; }
.tbl_slry .ts_5 { width:140px; }


.tbl_mpv_basic { width:760px;border-top:2px solid #ddd; border-bottom:2px solid #ddd; line-height:22px; }
.tbl_mpv_basic th { font-size:12px; }
.tbl_mpv_basic td { font-size:12px; }

.sv_left { width:370px; float:left; }
.sv_right { width:370px; float:right;  }

.tbl_sv { width:100%; line-height:32px; margin-top:20px; border-top:2px solid #000; border-collapse:collapse; }
.tbl_sv thead th { background-color:#37d600; color:#fff; font-size:14px; font-weight:bold; }
.tbl_sv thead th.right { background-color:#0092ee; color:#fff; font-size:14px; font-weight:bold; }
.tbl_sv tbody th { height:30px; background:#f9f9f9;  border-bottom:1px solid #ddd; font-size:12px;  }
.tbl_sv tbody td { height:30px; border-bottom:1px solid #ddd; background-color:#fff; line-height:20px; text-align:right;  padding-right:16px; font-size:12px;  }
.tbl_sv tbody td.center { text-align:center; }

.sv_result { width:370px; float:right;  margin-top:30px; }
.tbl_sv_result tbody th { height:30px; background:#ccff95; color:#000; border-bottom:1px solid #ddd; font-size:12px; }
.tbl_sv_result tbody td { height:30px; border-bottom:1px solid #ddd; background-color:#fff; line-height:20px; text-align:right;  padding-right:16px; font-size:12px; }
.tbl_sv_result tbody td.center { text-align:center; }

a.st_btn {height:30px;background-color:#288085;border:0;color:#fff; font-size:16px; padding:4px 10px; cursor:pointer }
a.a_link { color:#ff0054; font-weight:bold;}

.dp { width:600px; margin:0 auto; margin-top:60px; margin-bottom:60px;  }
.dp .dp_1 { width:170px; float:left; padding-left:30px; }
.dp .dp_2 { width:170px; float:left; padding-left:30px;  }
.dp .dp_3 { width:170px; float:left; padding-left:30px;  }

.a_dp_left { display:block; width:280px; height:120px; background:#ff0054; color:#fff; font-weight:bold; font-size:16px; text-align:center;  border:0; cursor:pointer; }
.a_dp_right { display:block; width:280px; height:120px; background:#ff0054; color:#fff; font-weight:bold; font-size:16px; text-align:center;  border:0; cursor:pointer; }


.tbl_frm01 textarea.job, .frm_input_job {border:1px solid #ccc;background:#fff;color:#000;vertical-align:middle;line-height:1em}
.required_job, textarea.required {background:url('../img/wrest.gif') #fff top right no-repeat !important}
.frm_text_job { border:1px solid #ccc; background:#fff; color:#000; vertical-align:middle;line-height:2em; width:580px; text-align:left; } 


.job_view_1 { width:100%; background-color:#f1f1f1; border-top:2px solid #000; }
.job_view_1 .company { width:710px; margin:0 auto; margin-top:22px; }
.job_view_1 .company .logo { float:left; width:160px; height:70px; background-color:#fff; }
.job_view_1 .company .name_subject { float:left; padding-left:30px; padding-top:10px; width:500px; }
.job_view_1 .company .name_subject li { line-height:30px;  }
.job_view_1 .company .name_subject .name { font-size:14px; color:#000; font-weight:bold; }
.job_view_1 .company .name_subject .name .company_name { color:#1c65c9; }
.job_view_1 .company .name_subject .subject { font-size:14px; }

.job_view_1 .infor { width:690px; margin:0 auto; margin-top:20px; padding:10px; background-color:#fff; }
.tbl_job_view_infor { width:690px; line-height:24px; font-size:12px;}
.job_view_1 .text { width:690px; margin:0 auto; margin-top:10px; padding:10px; background-color:#fff; }


.job_view_title { font-size:16px; margin-bottom:20px; }
.job_view_2 { width:720px; margin:0 auto;}
.job_view_2 ul { margin-bottom:20px; }
.job_view_2 li { line-height:36px; border-bottom:1px dotted #ddd; }
.job_view_2 li.h6 { height:80px; }
.job_view_2 .wr_name { float:left; width:140px; height:36px; font-size:13px; font-weight:bold; }
.job_view_2 .wr_value { float:left; width:560px; height:36px; font-size:13px; }
.job_view_2 table { text-align:center; }
.job_view_2 th {background:#f2f2f2; }

.job_view_3 { width:480px; margin:0 auto;}
.job_view_3 ul { margin-bottom:20px; }
.job_view_3 li { line-height:36px; border-bottom:1px dotted #ddd; }
.job_view_3 .wr_name { float:left; width:140px; height:36px; font-size:13px; font-weight:bold; }
.job_view_3 .wr_value { float:left; width:340px; height:36px; font-size:13px; }

.job_document_send { width:100%; height:96px; border-top:1px solid #9e9e9e; border-bottom:1px solid #9e9e9e; margin:30px 0 30px 0;  }
.job_document_send .button { position:absolute; left:20px; top:16px; }
.job_document_send .text { position:absolute; left:236px; top:22px; width:520px; line-height:28px; font-size:13px; }

.job_banner { width:760px; height:120px; margin-bottom:10px; }
.job_banner .left { float:left; width:373px; height:118px; border:1px solid #ddd; }
.job_banner .right { float:right; width:373px; height:118px; border:1px solid #ddd; }
.job_banner .b_infor { width:353px; margin:0 auto; padding:10px 0; }
.job_banner .b_infor .logo { position:absolute; width:138px; height:60px; }
.job_banner .b_infor .company { position:absolute; left:148px; width:210px; font-size:12px; line-height:20px;}
.job_banner .b_infor .company .name { color:#1c65c9; font-weight:bold; }
.job_banner .b_infor .line { position:absolute; width:100%; height:1px; top:78px; background-color:#f2f2f2; }
.job_banner .b_infor .jo { position:absolute; width:200px; top:88px; font-size:12px; }
.job_banner .b_infor .dt { position:absolute; width:150px; top:88px; font-size:12px; right:0; text-align:right; }

.tbl_mem_application { width:756px; margin-bottom:10px; border:2px solid #000; border-top:2px solid #000; line-height:30px; border-collapse:collapse; }
.tbl_mem_application th { font-family:dotum; font-size:12px;  border:1px solid #000; text-align:center; background:#f2f2f2;}
.tbl_mem_application td { font-family:dotum; font-size:12px;  border:1px solid #000; text-align:center; padding:6px 0 6px 10px;}
.tbl_mem_application input { height:20px; }
.tbl_mem_application select { height:20px; }

.tbl_mem_application2 { width:756px; margin-bottom:10px; border:2px solid #000; border-top:2px solid #000; line-height:30px; border-collapse:collapse;  }
.tbl_mem_application2 th { font-family:dotum; font-size:12px;  border:1px solid #000; text-align:center; background:#f2f2f2;}
.tbl_mem_application2 td { font-family:dotum; font-size:12px;  border:1px solid #000; text-align:center; }
.tbl_mem_application2 td.det { font-family:dotum; font-size:12px; text-align:left; padding-left:10px; }


.tbl_retirement { width:760px; border-top:2px solid #000; border-collapse:collapse; }
.tbl_retirement th { background-color:#f2f2f2; width:120px; border-bottom:1px solid #ddd; }
.tbl_retirement td { padding:10px 0 10px 10px; width:250px; border-bottom:1px solid #ddd; }
.tbl_retirement td input { height:22px; }



.div_retirement { position:relative; display:block; width:740px;  border-top:2px solid #000; padding:0; margin:0; }
.div_retirement ul { width:100%; border:0; margin:0; padding:0; }
.div_retirement li.left { float:left; width:370px; border:0; padding:0; margin:0; }
.div_retirement li.right { float:left; width:370px; border:0; padding:0; margin:0;  }
.div_retirement li dt { float:left; width:120px; height:38px; vertical-align:middle; text-align:center; border:0; padding:0; padding-top:6px; margin:0; background:#f2f2f2;  border-bottom:1px solid #ddd; }
.div_retirement li dd { float:left; width:242px; height:38px; vertical-align:middle;  border:0; padding:6px 0 0 4px; margin:0;  border-bottom:1px solid #ddd;  }
.div_retirement li dt.addr1 { float:left; width:120px; height:130px; }
.div_retirement li dd.addr2 { float:left; width:400px; height:130px; }
.div_retirement li dd input { width:180px; height:24px; padding-left:4px; }
.div_retirement .date2 { width:70px !important; }
.div_retirement .date2_text { font-size:12px; }
.div_retirement .addr_zip { width:80px; }
.div_retirement .rt_addr_input { width:300px !important; }
.div_retirement .rt_text { width:500px !important; }


.tbl_drequest { width:720px; border-collapse:collapse; margin:0 auto;}
.tbl_drequest th { background:#f5f5f5; height:40px;  }
.tbl_drequest td { text-align:center; height:100px; }
.tbl_drequest .td_1 { width:240px; }
.submit_drequest { width:720px;}

.det_text1 { width:100%; height:80px; font-family:"Nanum Barun Gothic",dotum; font-size:12px; overflow-y:scroll; }
.det_text2 { width:100%; height:160px; font-family:"Nanum Barun Gothic",dotum; font-size:12px; overflow-y:scroll;   }
.det_scroll {
scrollbar-3dLight-Color:#fff; 
scrollbar-arrow-color:#fff; 
scrollbar-base-color:#fff; 
scrollbar-Face-Color:#fff; 
scrollbar-Track-Color:#fff; 
scrollbar-DarkShadow-Color:#fff; 
scrollbar-Highlight-Color:#fff; 
scrollbar-Shadow-Color:#fff;}

.det_scroll::-webkit-scrollbar {width:8px; height:8px; border: 3px solid #fff;}
.det_scroll::-webkit-scrollbar-button:start:decrement, .det_scroll::-webkit-scrollbar-button:end:increment {display: block; 
background:#fff; height: 10px;}
.det_scroll::-webkit-scrollbar-track {webkit-border-radius:10px; border-radius:10px;
-webkit-box-shadow: inset 0 0 4px rgba(0,0,0,.2); height:1px;}
.det_scroll::-webkit-scrollbar-thumb {background:#327ac3; width:50px; height:50px;
 -webkit-border-radius:8px; border-radius:8px; -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,.1);}



.tbl_mem_view { width:760px; margin-top:20px; }
.tbl_mem_view td { text-align:center; font-size:12px; font-weight:bold; line-height:24px; }

.textarea_sam { width:750px; height:300px; }
.textarea_sam2 { width:750px; height:80px; margin-bottom:20px; }

.div_submit { width:100%; text-align:center;margin-top:20px; }
.st_btn_submit { width:80px; height:26px;background-color:#ff6600;border:0;color:#fff; }

.td_check { width:40px; text-align:center;}
.td_company { width:120px; text-align:center; }
.td_name { width:80px; text-align:center; }
.td_job { width:360px; }
.td_tel { width:120px; }
.td_date { width:100px; }

.tbl_offer_company { width:100%; border-top:2px solid #000; line-height:36px; border-collapse:collapse; font-size:12px; }
.tbl_offer_company th { width:120px; background-color:#f2f2f2; font-weight:bold; border-bottom:1px solid #c0ced5; font-size:12px; }
.tbl_offer_company td { width:230px; border-bottom:1px solid #c0ced5; padding-left:10px; font-size:12px;  }

.tbl_part { width:100%; line-height:32px; border-top:2px solid #000; border-collapse:collapse; }
.tbl_part th { background:#f2f2f2;  border-bottom:1px solid #ddd; padding:10px 2px; text-align:center; }
.tbl_part td { padding:10px 2px; border-bottom:1px solid #ddd; background-color:#fff; line-height:20px; text-align:center; font-size:12px; }
.tbl_part .tp_1 { width:40px; }
.tbl_part .tp_2 { width:110px; }
.tbl_part .tp_3 { width:50px; }
.tbl_part .tp_4 { width:80px; }
.tbl_part .tp_5 { width:140px; }
.tbl_part .tp_6 { width:140px; }
.tbl_part .tp_7 { width:90px; }
.tbl_part .tp_8 { width:90px; }


.point { color:red; font-weight:bold; }
.window_iex { color:blue; }

#bo_v_info { font-size:13px; }


#footF { width:100%; margin-bottom:50px;  }
#footF .foot_head { width:100%; height:40px; margin-top:30px; background:#333f4f; }
#footF .foot_head .foot_head_f {  }
#footF .foot_head .link { padding-top:9px; }
#footF .foot_head .link li { display:inline; float:left; }
#footF .foot_head .link li a { display:block; font-weight:400;  padding:4px 12px 6px 12px; color:#fff; }


#footF .foot { margin-top:18px; }
#footF .foot .logo { position:absolute; width:200px; height:78px; left:0; top:30px; text-align:center; }
#footF .foot .info { width:780px; color:#000; font-size:13px; font-weight:normal; }
#footF .foot .info .link li { display:inline; float:left; }
#footF .foot .info .link li a { display:block; font-weight:bold;  padding:4px 12px 6px 12px; }
#footF .foot .info .detail { margin:10px 0 0 10px; line-height:24px; font-size:13px; color:#000; }
#footF .foot .info .detail .addr2 { color:#747474; font-size:12px; }
#footF .foot .info .addr { font-size:13px; }
#footF .foot .info .copyright { font-size:11px; font-weight:normal; color:#d59f9e; }
#footF .foot .clean { position:absolute; right:0; top:54px; width:300px; height:46px; }


.sch_inp {padding-left:5px;width:180px;height:26px;border:1px solid #d6e4e9;background:#fff;line-height:1.9em !important;line-height:1.6em}
.sc_select { position:absolute; left:0; top:-6px; padding:2px 0 0 4px; width:110px; height:26px; color:#00bbf9; font-family:'malgun gothic','맑은 고딕',dotum; font-size:14px; font-weight:bold;  }
.sc_list { display:none; position:absolute; left:-6px; top:20px; width:110px; line-height:28px;  z-index:1000; }
.sc_list li { display:block; background-color:#fff; padding:4px 0 2px 6px; margin-top:-1px;  width:114px; height:26px; border:1px solid #ddd; font-weight:bold;  cursor:pointer; }
.sc_list li.sub { width:110px; border-top:0; border-bottom:0;  padding-left:10px; height:16px; line-height:16px; font-weight:normal; cursor:pointer; }




#obc_wrap { width:980px; margin:0 auto; }


.l_submenu_arrow { display:none; position:absolute; left:162px; top:0; width:9px; height:18px;  background:url(/image/l_submenu_arrow.png) no-repeat; z-index:8000; }




#cc_head  { width:790px; height:437px; }
#cc_head .left { position:absolute; left:0; top:0; width:390px; height:198px; }
#cc_head .right { position:absolute; left:400px; top:0; width:390px; height:198px; }
#cc_head .left_m { position:absolute; left:0; top:200px; width:390px; height:237px; }
#cc_head .right_m { position:absolute; left:400px; top:200px; width:390px; height:237px; }

#cc_m { width:790px; margin-top:30px;  }
#cc_m .notice { float:left; width:390px; }

#cc_m .qa { float:right; width:390px; }
#cc_m .qa .tbl_cc_qa { width:390px; }
#cc_m .qa .tbl_cc_qa td { line-height:20px; }





/* COMMON CLASSES */
.break { clear:both; }

/* HEADER */
.headerimg { background-position: center top; background-repeat: no-repeat; width:100%; height:427px; position:absolute; }

.pictured { background-color:#CC3333; color:#FFF; font-size:12px; padding:9px 16px; text-transform:uppercase; float:left; display:block; clear:both; margin-top:10px; }
.pictured a { font-size:16px; font-style:italic; letter-spacing:0; text-transform:none; color:#FFF; text-decoration:none; }
.pictured a:hover { text-decoration:underline; }

/* CONTROLS */
.btn { height:32px; width:32px; float:left; cursor:pointer; }
#back { background-image:url("/images/btn_back.png"); }
#next { background-image:url("/images/btn_next.png"); }
#control { background-image:url("/images/btn_pause.png"); }

/* HEADER HAVIGATION */
#headernav-outer { position:relative; top:380px; margin:0 auto; width:960px; z-index:9999;}
#headernav { padding-left:20px; }


.ul_banner { width:160px;}
.ul_banner li { width:160px; margin-bottom:10px; }