#s_visual {width:100%;overflow:hidden;}
#s_visual .img_long {width:1920px;height:330px;margin-left:-960px;padding-left:50%;}
#s_visual .img_long2 {width:1920px;height:330px;margin-left:-960px;padding-left:50%;}
#s_visual .img_short {width:940px;height:280px; margin:0 auto; margin-top:12px;}

#s_content {clear:both; width:940px; margin:0 auto; font-family:굴림; font-size:13px;}
#s_content .cen {width:940px;}
#s_content .subpage {clear:both; width:100%; margin-top:35px;}
#s_content .subpage .stitle  {clear:both; width:930px;  height:35px; padding-left:10px; font-size:17px !important;}


.s_location {padding:10px 0 0 10px; height:15px; font-size:13px;}
.s_location ul li {position:relative; float:left; font-weight:bold; color:#332e2f; padding:3px 15px 0 15px; background:url(../images/bg_arrow.jpg) no-repeat left;}
.s_location ul .home {padding:3px 15px 0 0; background:none;}
.s_location ul li img {margin:0 0 2px 0; display:;}


.sitemap-list {position:absolute; top:25px; left:0px; border:1px solid #ccc; background-color:#fff; overflow:hidden; padding:10px; z-index:1000000;}
.sitemap-list ul li {float:both;  width:150px; padding:7px 5px 5px 5px;  border-bottom:1px solid #dfdfdf; background:none;}
.sitemap-list ul li a {color:#555;}
.sitemap-list img {display:block;}




.f_left {float:left;}
.f_right {float:right;}

.mt10 {margin-top:10px;}
.mt20 {margin-top:20px;}
.mt30 {margin-top:30px;}
.mt40 {margin-top:40px;}
.mt50 {margin-top:50px;}


/*유통*/
#business01 {clear:both; width:100%;}


/* 비주얼영역 제품명 텍스트,버튼 */
.visual_pro_text {position:absolute; font-size:16px; color:#333;font-family:굴림; margin:60px 0 0 50px;}
.visual_pro_text span {font-size:30px; font-weight:bold; letter-spacing:-3px; line-height:60px;}

.visual_pro_text2 {position:absolute; font-size:22px; color:#636363;font-family:Tahoma; margin:40px 0 0 50px;}
.visual_pro_text2 span {font-family:Tahoma; color:#333; font-size:40px; font-weight:bold; letter-spacing:-2px; line-height:60px;}
.visual_pro_text2 img {margin-top:15px;}

.visual_pro_tab {position:absolute; margin-top:241px;}
.visual_pro_tab ul li {float:left; margin-right:1px; height:38px;}
.visual_pro_tab ul li a{ height:38px; line-height:38px; padding:0px 25px; background:#929292; display:block; color:#fff;}
.visual_pro_tab ul li a:hover{text-decoration:none;}
.on_activ{background:#3260A7 !important; text-decoration:none !important;}
/* 제품리스트 box */
.pro_box {width:430px; height:130px; padding:10px; background:#fff; margin-bottom:30px; margin-left:20px;}
.pro_box .img {float:left; width:130px; height:130px;}
.pro_box .text {float:right; width:290px; height:130px;}
.pro_box .text ul li {float:left; width:100%;}
.pro_box .text ul .tt {width:100%; height:23px; padding-top:7px; color:#555; font-size:15px;font-family:굴림; font-weight:bold; letter-spacing:-1px;}
.pro_box .text ul .txt1 {color:#636363; line-height:16px;}
.pro_box .text ul .txt2 {color:#969696; font-size:13px; line-height:15px;}
.pro_box .text ul .arrow {text-align:right; height:20px; padding-top:5px;}
.pro_box .text ul .arrow img {margin-right:5px;}

.pro_box2 {width:940px; height:250px; background:#fff; margin-bottom:5px;}
.pro_box2 .img {float:left; width:270px; height:250px;}
.pro_box2 .text {float:right; width:620px; height:230px; padding:10px;}
.pro_box2 .text ul li {float:left; width:100%; color:#636363;}
.pro_box2 .text ul .arrow {font-size:28px !important; color:#333; font-weight:bold; letter-spacing:-2px; height:50px; padding-top:25px;}
.pro_box2 .text ul .arrow a {color:#484848;}
.pro_box2 .text ul .arrow img {margin:0 0 4px 5px;}
.pro_box2 .text ul .tt {width:100%; height:23px; padding-top:7px; color:#555; font-size:15px;font-family:굴림; font-weight:bold; letter-spacing:-1px;}
.pro_box2 .text ul .txt1 {line-height:16px;}
.pro_box2 .text ul .txt2 {padding-top:25px;font:12px/2em "";}


#pro_view {clear:both; width:100%; background:#fff;}
#pro_view1 {clear:both; width:870px; padding:35px; background:#f7f7f7;}
#pro_view2 {clear:both; width:870px; padding:35px; background:#fff;}
#pro_view2 .tit {width:100%; height:50px;}
#pro_view2 .spec_img {border-top:1px solid #b2b2b2;border-bottom:1px solid #b2b2b2;}

.pro_support {clear:both; width:100%;font-size:15px; }
.pro_support th {letter-spacing:-1px;border-bottom:1px solid #cfd5d3;}
.pro_support td {padding:10px 20px; border-bottom:1px solid #cfd5d3; border-left:1px solid #fff;}
.pro_support .th_bg {background:#dbe1ed;}
.pro_support .td_bg {background:#e1e8f2;}
.pro_support .td_line {border-bottom:1px solid #fff;}

.proimgname {float:left; width:130px; height:130px; margin:3px;}
.proimgname div {position:absolute; width:130px; height:18px; padding-top:2px;color:#fff; text-align:center; font-size:11px; background:#000; opacity:0.7; margin-top:110px;}


/* 회사소개 */
#company {clear:both; width:100%; background:#fff;}
#company_con {clear:both; width:740px; padding:30px 100px;background:#fff;}
#company_con .tt {height:40px;}
.location_map {width:738px; height:370px; border:1px solid #d9d7d8; margin-bottom:30px;}


.com_list {clear:both; width:100%; letter-spacing:0;border-top:2px solid #c2c2c2;border-bottom:1px solid #cfcfcf;  text-align:left;}
.com_list th {height:20px; padding:7px 0; color:#555;border-bottom:1px solid #cfcfcf;  text-align:left;}
.com_list td {border-bottom:1px solid #e4e4e4; padding:7px 0; }
.com_list .th1 {color:#378fdf}
.com_list .tr1 {border-top:2px solid #cfcfcf;}
.com_list .bg {background:#f7f7f7;}
.com_list strong {color:#0e72cd;  font-weight:bold; font-family:Tahoma;}

.com_tab{clear:both;width:740px; margin-top:40px;}
.com_tab .tit {clear:both;width:740px; height:18px; border-left:1px solid #dfdfdf;}
.com_tab .tit ul li {float:left; height:18px; border-right:1px solid #dfdfdf; padding:0 10px;}
.com_tab .info {clear:both; margin-top:10px;}


.com_list2 {clear:both; width:100%; letter-spacing:0;border-top:2px solid #c2c2c2;border-bottom:1px solid #cfcfcf;  text-align:left;}
.com_list2 th {padding:7px 0; color:#378fdf;border-bottom:1px solid #cfcfcf;  text-align:left; font-weight:lighter;}
.com_list2 td {border-bottom:1px solid #cfcfcf; padding:7px 0; }

.map1 {position:absolute; margin:35px 0 0 110px;}
.map2 {position:absolute; margin:35px 0 0 477px;}
.map3 {position:absolute; margin:147px 0 0 160px;}
.map4 {position:absolute; margin:0 0 0 120px;}
.map5 {position:absolute; margin:127px 0 0 110px;}
.map6 {position:absolute; margin:240px 0 0 32px;}

.blue18 {clear:both; width:100%; height:25px; font-size:18px; color:#0264bc; padding-top:50px; font-weight:bold;}

#bbs {clear:both; background:#fff; padding:35px;}
#bbs .s_tit {clear:both;  width:100%;height:55px;}
#bbs .s_tit ul li {float:left;}
#bbs .s_tit ul .btn {float:right;}

 .faq{ font-size:12px;  border-bottom:1px solid #ddd; border-top:2px solid #0264bc;}
 .faq .hgroup{ position:relative; *zoom:1; display:none;}
 .faq .hgroup .trigger{ position:absolute; bottom:0; right:0; font-size:12px; border:0;  padding:0;  overflow:visible; background:none;  cursor:pointer; }
 .faq ul{ list-style:none; margin:0; padding:0; }
 .faq .q{ margin:0; border-top:1px solid #ddd; }
 .faq .q a.trigger{ display:block; padding:10px 15px; text-align:left; font-weight:bold; color:#333; background:#fafafa; text-decoration:none !important;  }


.faq .hide .q a.trigger{  font-weight:normal; background:none; }
 .faq .q a.trigger:hover,
 .faq .q a.trigger:active,
 .faq .q a.trigger:focus{ color:#000;  background:#f8f8f8; }
 .faq .a{  margin:0; padding:10px 15px; line-height:1.5; }


.tab {clear:both; width:100%; height:47px; border-top:1px solid #090909; border-bottom:1px solid #eaeaea;}
.tab .tablist {float:left;line-height:47px;}
.tab .tablist ul li {float:left;padding-left:1px; background:url(../images/tabline.jpg) no-repeat left;}
.tab .tablist ul .first {background:none;}
.tab .allview {float:right; padding-top:12px;}


.blue12_b {font-weight:bold; color:#0e6fcd;}


#fade {display: none; background: #000; position: fixed; left:0; top:0; width:100%; height:100%;	opacity:.70; z-index:10;}
.popup_block {display: none;  position: fixed; width:490px !important; height:250px; top: 55%; left: 50%; z-index: 99999;  background:#fff; padding:30px 40px;}
.popup_block .tit {width:490px; height:35px;  border-bottom:2px solid #0071d4;}
.popup_block .list {clear:both; width:490px; margin-top:7px;}
.popup_block .list ul  {clear:both;}
.popup_block .list ul li {float:left; width:435px; height:28px; padding:12px 0 0 15px;  font-size:16px; font-weight:bold; letter-spacing:-1px; background:url(../images/icon_blue.jpg) no-repeat 0 17px; border-bottom:1px solid #e7e7e7;}
.popup_block .list ul .btn {float:right; width:40px; height:33px; padding:7px 0 0 0; text-align:center;  background:none; }
img.btn_close {position:absolute;  margin-left:460px;}


.service_search {clear:both; width:510px; height:185px; padding:115px 0 0 360px; background:url(../images/center_bg.jpg) no-repeat;}
.s_service {border:1px solid #dfdfdf; font-size:11px; width:150px; height:25px;}
.service_select {clear:both; width:100%; height:30px; margin-top:20px;}
.service_select ul li {float:left; margin-right:20px;}

.service_list {clear:both; width:100%; letter-spacing:0;}
.service_list th {height:28px; padding:5px 20px 0 20px; color:#555; letter-spacing:-1px; background:#f9f9f9;  border-top:2px solid #c2c2c2;  border-bottom:2px solid #c2c2c2; border-left:1px solid #dfdfdf;}
.service_list td {border-bottom:1px solid #e4e4e4; padding:10px 20px 8px 20px; border-left:1px solid #dfdfdf;}
.service_list .th1 {border-left:0;}
.service_list .td1 {border-left:0; font-weight:bold; color:#555;}
.service_list .bg {background:#f7f7f7;}
.service_list strong {color:#0e72cd;  font-weight:bold; font-family:Tahoma;}
.service_list .a_center {text-align:center;}

/* 입사지원 */
#recruit {clear:both; width:860px; background:#fff; padding:15px 40px 40px 40px;}

#recruit_tit {clear:both; margin-top:15px; width:720px; height:20px; color:#3068bf; font-size:14px; font-weight:bold; letter-spacing:-1px;}

#recruit_tit2 {clear:both; margin-top:15px; width:720px; height:25px; color:#3068bf; font-size:14px; font-weight:bold; letter-spacing:-1px;}
#recruit_tit2 ul {float:left; margin-right:20px;}
#recruit_tit2 ul.ttit {padding:5px 0 0 0;}
#recruit_tit2 ul.tform {color:#555555; font-family:Dotum; font-size:12px; font-weight:normal;}
#recruit_tit2 ul.tform input {margin:0;}

#recruit_box {clear:both; border-top:1px solid #dfdfdf; border-left:1px solid #dfdfdf;}


.recruit_btn {clear:both; margin-top:5px; text-align:right;}
.recruit_btn ul {height:25px;}
.recruit_btn .btnplus {float:left; text-align:left;}
.recruit_btn img {margin-left:5px;}
.recruit_btn .btnsave {float:right; text-align:right;}

.recruit_photo {background:url(../images/photo_bg.jpg) 50% 50% no-repeat;}

#recruit_txt0 {clear:both; font-weight:bold; color:#333; letter-spacing:-1px; padding-bottom:20px;} 
#recruit_txt {clear:both; }
#recruit_txt ul li {margin-top:5px;}
#recruit_txt1 {clear:both; font-size:25px; line-height:30px;padding-top:20px;font-weight:bold; color:#000; letter-spacing:-1px; padding-bottom:20px; text-align:center;} 
.recruit_txt2 {clear:both; width:100%; height:20px; padding-top:10px; }

.recruit_step00_box1 {border:2px solid #dfdfdf; padding:15px 20px 20px 20px;}
.recruit_step00_box1 #recruit_txt {margin-bottom:20px;}
.recruit_step00_box1 .txtpoint {font-weight:bold; color:#3067be; margin-bottom:10px;}
.recruit_step00_box2 {border-top:2px solid #3067be; border-bottom:2px solid #dfdfdf; padding:15px 0; overflow:hidden;}

.resultbtn {clear:both; width:100%; height:30px; text-align:center; margin-top:20px;}
.result_box {clear:both; text-align:center; border:1px solid #dfdfdf; padding:20px;}

#recruit_end {width:700px; padding:8px; border:2px solid #dfdfdf; }
#recruit_end2 {}
#recruit_end2 ul li{text-align:center; padding:15px 0 15px 0;}
#recruit_end2 ul .date {font-size:14px;}
#recruit_end2 ul .com_name {font-size:20px; font-weight:bold; color:#444;}

.recruit_table {width:100%;}
.recruit_table th {width:100px; background:#f6f6f6; border-right:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf;padding:4px 0 4px 0; font-weight:bold; font-size:11px; line-height:1.2em; color:#4a4a4a; letter-spacing:-1px;}
.recruit_table td {border-right:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; padding:4px 4px 4px 4px; line-height:1.2em; letter-spacing:0px; color:#555; text-align:center;}
.recruit_table .a_left {text-align:left;}
.recruit_table .a_leftPD {text-align:left; padding-left:15px;}
.recruit_table2 {width:100%;}
.recruit_table2 th {background:#f6f6f6; border-right:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; padding:4px 0 4px 0; font-weight:bold; font-size:11px; line-height:1.2em; color:#4a4a4a; letter-spacing:0px;}
.recruit_table2 td {border-right:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; padding:4px 4px 4px 4px; line-height:1.2em; color:#555; text-align:center;}
.recruit_table2 .a_left {text-align:left;}
.recruit_table2 .a_right {text-align:right;}
.red {color:red;}
.back_blue {background:blue; color:#fff; font-weight:bold; padding:3px 3px 1px 3px;}
.txtPD {letter-spacing:-1px;}
.txtPD input {margin:0;}




/* member */
#login {clear:both; width:790px; height:210px; padding:30px 40px; background:#f7f7f7; margin-top:15px;}
.mem_formbox {width:335px;}
.mem_formbox .write {float:left;}
.mem_formbox .write ul {clear:both;}
.mem_formbox .write ul li {float:left; height:26px;}
.mem_formbox .write ul .tt {width:60px; padding-top:5px;}
.mem_formbox .btn {float:right;}
.input_mem {width:172px; height:23px; border:1px solid #dedede;}
#login .f_l {float:left; padding-top:20px;}
#login .f_r {float:right; height:170px; padding-top:20px; padding-left:20px;  border-left:1px solid #0264bc;}
#login_bt {width:390px;}
#login_bt ul {clear:both;}
#login_bt ul li {float:left;margin-top:50px;}
#login_bt ul .bt {float:right; padding-top:5px;}

#join {clear:both; width:780px; margin:0 auto;  margin-top:70px;}
#join .tit {width:780px; height:60px;}
#join .tit ul li {float:left;}
#join .tit ul .step {float:right;}
#join .tt {clear:both; width:100%; height:20px; margin-top:30px;}
#join .textarea_box {width:756px; height:150px; padding:10px; border:2px solid #d8d8d8;}
#join .agree {clear:both; width:100%; height:20px; text-align:right; padding-top:10px;}

.join_write {width:100%;}
.join_write .sel {padding:5px 0 0 7px; border-bottom:1px solid #d8d8d8; height:25px;}
.join_write th {border-bottom:1px solid #ECECEC; letter-spacing:-1px; width:110px; text-align:left; padding:10px 0 8px 10px; color:#555;}
.join_write td {border-bottom:1px solid #ECECEC; text-align:left; font-size:11px; padding:10px 0 8px 10px;}
.j_write {width:100%;border-top:1px solid #0264bc;border-bottom:1px solid #0264bc;  margin-top:30px;}
.join_end {width:100%; padding:30px 0; text-align:Center;}


/* network */
.network_box {width:390px; height:100px; padding:30px; background:#fff; margin-bottom:30px;}
.network_box .img {float:left; width:111px; height:97px;display:block;overflow:hidden;}
.network_box .text {float:right; width:250px; height:100px;}
.network_box .text ul li {float:left; width:100%;}
.network_box .text ul .tt {width:100%; height:23px; color:#555; font-size:120%;font-family:굴림; font-weight:bold; letter-spacing:0;}
.network_box .text ul .txt1 {color:#636363; line-height:16px; font-size:11px;}

a.flag:hover img{ margin-top:-97px;}
a.flag{ display:block; overflow:hidden;  height:97px;  font-size:0; line-height:1; margin-top:0px;}


#mypage {clear:both; width:780px; margin:0 auto;  margin-top:70px;}
#mypage .mtit {width:100%; height:60px;}
.reply {clear:both; width:100%; padding:15px 0; border-top:2px solid #dfdfdf;border-bottom:1px solid #dfdfdf; margin-top:30px;}
.reply .photo {float:left; width:160px; height:120px; }
.reply .info {float:left; margin-left:20px; }
.reply .info ul {clear:both;}
.reply .info ul li {float:left; padding-bottom:10px;}
.reply .info ul .tit {width:80px; font-weight:bold;}
.reply .reply_txt {clear:both; width:100%; padding:10px 0; border-top:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; margin-top:10px;}



#correction {clear:both; width:870px; background:#fff; padding:35px;}
#correction .s_tit {clear:both;  width:100%;height:55px;}
#correction .p20 {padding:20px 0;}
#correction table {clear:both; border-right:1px solid #bdbdbd;   border-top:1px solid #bdbdbd; margin-top:30px;}
#correction table th {height:28px; padding:5px 20px 0 20px; font-size:16px; font-weight:lighter;letter-spacing:-1px; background:#d8edfe;  border-bottom:1px solid #bdbdbd; border-left:1px solid #bdbdbd;}
#correction table td {border-bottom:1px solid #bdbdbd; padding:10px 20px 8px 20px; border-left:1px solid #bdbdbd; text-align:center;}



#popbox {width:700px; padding:20px;}
#popbox .tt {font-weight:bold; font-size:18px; color:#333; padding:10px;}
#popbox textarea {height:500px;border:1px solid #dfdfdf; padding:15px;}