@charset "utf-8";
/* CSS Document */

@import url(http://fonts.googleapis.com/css?family=Roboto+Condensed);

/************************  디폴트  ************************/
*, body {margin:0;padding:0;font-family: 'Roboto Condensed', sans-serif}
body {font-size:12px;}
img {border:0}
ul, li {margin:0px;padding:0px;list-style:none;}
img {border:none;margin:0px;padding:0px}
table, th, td {margin:0px;padding:0px;border-collapse:collapse}
a {cursor:pointer}
a:link {color:#888;text-decoration:none;}
a:visited {color:#888;text-decoration:none;}
a:hover, a:active {text-decoration:none;color:#4a7cba}
div#clear {clear:both;height:0}
p {color:#888}

#wrap {wiidth:100%;margin:0;padding0;}


/* 모바일 */
@media only screen and (min-width:0px) and (max-width:640px) {
/* 공통 */
/* 탑버튼 */
#sns {width:30%;border-bottom:1px solid #e6e6e6;float:left; display: none;}
#sns li {float:left}
#sns li.second {margin-left:1px}
#sns li a.facebook {width:40px;height:40px;background:url(../mobile/btn_facebook.png) no-repeat;display:block}
#sns li a.facebook:hover {background-position:bottom}
#sns li a.tweeter {width:40px;height:40px;background:url(../mobile/btn_tweeter.png) no-repeat;display:block}
#sns li a.tweeter:hover {background-position:bottom}
#btn_top {width:70%;border-bottom:1px solid #e6e6e6;float:right;text-align:right}
#btn_top li a {width:70px;height:40px;border-left:1px solid #eee;float:right;display:block;text-align:center;line-height:3.3em;font-size:12px}
#btn_top li a:hover {background:#4a7cba;color:#FFF}

/* 글로벌내비 */
#gnb {width:100%}
#gnb p {display:none}
#gnb ul.gnb {width:100%}
#gnb ul.gnb li.bar {border-left:1px solid #eee;margin-left:-1px}
#gnb ul.gnb li {width:50%;height:49px;float:left;background:url(../mobile/nav_bg.png) repeat-x;border-bottom:1px solid #eee}
#gnb ul.gnb li a {display:block;font-size:16px;line-height:3em}
#gnb ul.gnb li a.nav {padding-left:20px}

/* 모바일 서브메뉴 */
#sub_nav {width:100%;clear:both}
#sub_nav li {width:100%;border-bottom:1px solid #e6e6e6;clear:both}
#sub_nav li span.left {width:65%;float:left;margin-left:20px}
#sub_nav li span.right {width:20%;float:right;font-size:18px;text-align:right;margin-right:20px}
#sub_nav li a {display:block;height:45px;font-size:16px;line-height:2.7em}
#sub_nav li a:hover {background:#4a7cba;color:#fff}

/* 메인이미지*/
#web_main {display:none}
#mobile_main {width:100%}
#mobile_main ul li {margin-top:-2px}
#mobile_main .tabControlWrap {width:100%}
#mobile_main .tabControlTabs {width:100%}
#mobile_main .tabControlTab {width:50%;text-align:center;float:left;background:#e6e6e6;padding-top:10px;padding-bottom:10px;font-size:14px;color:#888;}
#mobile_main .tabControlTabs .bar {border-left:1px solid #FFF;margin-left:-1px;margin-bottom:3px}
#mobile_main .tabControlTabs .selected {background:#4a7cba;color:#fff}
#mobile_main .tabControlBodys {width:100%}
#mobile_main .tabControlBody {width:100%}
#mobile_main .tabControlTab {cursor:pointer;}
#mobile_main .tabControlBodys li {display:none;}
#mobile_main .tabControlBodys li.selected {display:block;}
 */
 
 /* 메인이미지 20160304수정 */
#web_main {display:none}
#mobile_main {width:100%}
#mobile_main ul li {margin-top:-2px}
#mobile_main .tabControlWrap {width:100%}
#mobile_main .tabControlTabs {width:100%}
#mobile_main .tabControlTab {width:50%;text-align:center;float:left;background:#e6e6e6;padding-top:10px;padding-bottom:10px;font-size:14px;color:#888;}
#mobile_main .tabControlTabs .bar {border-left:1px solid #FFF;margin-left:-1px;margin-bottom:3px}
#mobile_main .tabControlTabs .selected {background:#4a7cba;color:#fff}
#mobile_main .tabControlBodys {width:100%}
#mobile_main .tabControlBody {width:100%}
#mobile_main .tabControlTab {cursor:pointer;}
#mobile_main .tabControlBodys li {display:none;}
#mobile_main .tabControlBodys li.selected {display:block;}

 
 
/* 메인인크루드 */
#include {width:100%;margin:10px auto}
#ceo {width:100%;height:150px;margin:0 auto;border-bottom:1px solid #e5e5e5;background:url(../mobile/ceo.png) right no-repeat}
#ceo .ceo {width:90%;margin:0 auto}
#ceo .ceo p {color:#888}
#ceo .ceo p.title {font-size:18px;color:#4a7cba;padding-top:20px; letter-spacing:-0.02em}
#ceo .ceo p.script {padding-top:25px}
#ceo .ceo p a.btn {padding:3px 5px 3px 5px;background:#4a7cba;color:#FFF}
#ceo .ceo p a.btn:hover {border:1px solid #4a7cba;background:#FFF;color:#4a7cba}

#laser {width:100%;height:150px;margin:0 auto;border-bottom:1px solid #e5e5e5}
#laser .laser {width:90%;margin:0 auto;background:url(../mobile/laser.png) right 40px no-repeat}
#laser p {color:#888}
#laser p.title {font-size:18px;color:#4a7cba;width:70%;float:left;margin-top:20px}
#laser p.more a {width:20px;height:20px;float:right;background:url(../mobile/btn_more.png) no-repeat;display:block;margin:24px 0 0 0}
#laser p.more a:hover {background-position:bottom}
#laser p.script {padding-top:25px;clear:both}
#laser p a.btn {padding:3px 5px 3px 5px;background:#4a7cba;color:#FFF}
#laser p a.btn:hover {border:1px solid #4a7cba;background:#FFF;color:#4a7cba}

#flame {width:100%;height:150px;margin:0 auto;border-bottom:1px solid #e5e5e5}
#flame .flame {width:90%;margin:0 auto;background:url(../mobile/flame.png) right 30px no-repeat}
#flame p {color:#888}
#flame p.title {font-size:18px;color:#4a7cba;width:70%;float:left;margin-top:20px}
#flame p.more a {width:20px;height:20px;float:right;background:url(../mobile/btn_more.png) no-repeat;display:block;margin:24px 0 0 0}
#flame p.more a:hover {background-position:bottom}
#flame p.script {padding-top:25px;clear:both}
#flame p a {margin-top:10px}
#flame p a.btn {padding:3px 5px 3px 5px;background:#4a7cba;color:#FFF}
#flame p a.btn:hover {border:1px solid #4a7cba;background:#FFF;color:#4a7cba}

#contact {width:100%;height:150px;margin:0 auto}
#contact .contact {width:90%;margin:0 auto}
#contact p {color:#888}
#contact p.title, #contact a.title {font-size:18px;color:#4a7cba;width:40%;float:left;margin-top:20px}
#contact p.sns {float:right;margin-top:20px; display: none;}
#contact p.script {padding-top:2px;clear:both}
#contact p.script img {margin-top:11px}

/* 비즈니스제품 */
#business {display:none}
/*
#business {width:1000px;margin:20px auto;clear:both}
#business div.left {width:50%;float:left;font-size:18px;color:#4a7cba;padding-left:10px}
#business div.left span.txt {color:#888;font-size:12px;margin-left:15px;margin-top:10px;line-height:2.3em}
#business div.right {width:40%;float:right;text-align:right;padding-right:10px;padding-top:5px}
#product {width:1000px}

/* 서브썸네일 */
#web_thume, ul.thume1 {display:none}

#mobile_thume {margin-bottom:-10px}

/* 웹서브메뉴&퀵메뉴 숨기기 */
#left_nav {display:none}
#pass {width:100%;height:40px;background:#696d70;clear:both}
#pass .btn a {width:40px;height:40px;z-index:10;position:absolute;background:url(../mobile/btn_list.png) no-repeat}
#pass .btn a:hover {background-position:bottom}
#pass .pass {text-align:right;color:#fff;margin-right:25px;line-height:3.1em}
#gnb {display:none}

/* 서브타이틀 숨기기 */
#title {display:none}
#con {width:90%;margin:0 auto;padding-top:20px}
#board {width:90%;margin:0 auto;height:200px}
p.con_title{color:#4d4d4d;font-size:15px;background:url(../web/bullet.png) left no-repeat;padding-left:15px;margin-top:25px}

/* 회사소개 */
#con .left {display:none}
#con .right {width:100%;margin:0 auto}
#con .right .greeting {font-size:16px;line-height:1.2em;color:#4d7fbb}
#con .txt {text-align:justify}

/* 회사연혁 */
#con p.script {font-size:14px;color:#888}
#con p.script1 {font-size:40px;color:#4a7cba;margin-bottom:20px}
#con table.blank {margin-top:25px}
#con table td.bar1 {background:url(../web/pattern_color.png) repeat-x;height:3px}
#con table td.bar2 {background:url(../web/pattern_gray.png) repeat-x;height:3px}
#con table td.year {color:#444;font-size:14px;text-align:center}
#con table td.achieve {padding:10px 7px;border-bottom:1px solid #e5e5e5;line-height:1.8em;color:#888;font-size:13px}
#con .space {height:10px}

/* 회사위치 */
#con #map_canvas {width:100%;border:1px solid #e5e5e5;height:250px;margin:0 auto}

/* 제품소개 */
#con ul.thume, #con ul.thume1, #con ul.thume2, #con ul.thume3{display:none}
#con p.product {display:none}


#con ul.thume_mobile {width:100%;margin:0 auto}
#con ul.thume_mobile li {width:23%;float:left;background:#e6e6e6;font-size:12px;text-align:center;margin:1%}
#con ul.thume_mobile li a {width:100%;display:block;padding:5px 1px 5px 1px}
#con ul.thume_mobile li a.on {background:#4a7cba;color:#FFF}
#con ul.thume_mobile li a:hover {background:#4a7cba;color:#FFF}

#con ul.thume_mobile1 {width:100%;margin:0 auto}
#con ul.thume_mobile1 li {width:31.1%;float:left;background:#e6e6e6;font-size:12px;text-align:center;margin:1%}
#con ul.thume_mobile1 li a {width:100%;display:block;padding:5px 1px 5px 1px}
#con ul.thume_mobile1 li a.on {background:#4a7cba;color:#FFF}
#con ul.thume_mobile1 li a:hover {background:#4a7cba;color:#FFF}

#con ul.thume_mobile2 {width:100%;margin:0 auto}
#con ul.thume_mobile2 li {width:48%;float:left;background:#e6e6e6;font-size:12px;text-align:center;margin:1%}
#con ul.thume_mobile2 li a {width:100%;display:block;padding:5px 1px 5px 1px}
#con ul.thume_mobile2 li a.on {background:#4a7cba;color:#FFF}
#con ul.thume_mobile2 li a:hover {background:#4a7cba;color:#FFF}

/* contact us */
#con p.product {display:none}
#con img.thume {display:none}
#con ul.contact {width:100%;margin-bottom:25px}
#con ul.contact li {float:right;margin-left:2px}
#con ul.contact li a {widrh:41px;height:41px;display:block;margin-top:20px}

/* 표스타일 */
table#pyo {border-top:1px solid #4a7cba;margin:10px auto}
table#pyo tr td {height:30px;border-bottom:1px solid #e5e5e5}
table#pyo tr td.title {background:#f5f5f5;line-height:1.5em;color:#595959;padding:5px 7px}
table#pyo tr td.con {line-height:1.5em;padding:5px 7px;color:#888}
table#pyo2 tr td.title2 {background:#fcfcfc;line-height:2em;color:#595959;font-size:13px;padding-left:10px;border-left:1px solid #e5e5e5;padding:5px 7px}
table#pyo2 tr td.con2 {font-size:13px;line-height:1.6em;color:#888;padding:5px 10px;border-left:1px solid #e5e5e5}

/* 하단메뉴 및 카피 */
#bottom {width:100%;border-top:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6;background:#f3f3f3;clear:both;margin-top:20px}
#bottom .bottom {width:90%;margin:0 auto;height:40px}
#bottom ul.bottom {width:75%;float:left}
#bottom ul.btn li {float:left;line-height:3em;margin-right:12px}
#bottom ul.btn li a {font-size:13px}
#bottom ul.top {width:25%;float:right}
#bottom ul.top li a {text-align:right;width:45px;height:23px;display:block;background:url(../mobile/btn_top.png) right no-repeat;text-align:left;margin-top:9px;font-size:10px;float:right;line-height:2.4em}
#copyright {width:100%;margin:15px auto;text-align:center;font-size:11px;line-height:1.6em;color:#b3b3b3;}
#copyright span.left {display:none}

}




/* 데스크탑 */
@media only screen and (min-width:641px) {
/* 공통 */
/* 탑버튼 */
#top {width:1000px;margin:0 auto}
ul#sns {width:50%;float:left; display: none;}
ul#sns li {float:left}
ul#sns li a.facebook {width:40px;height:40px;background:url(../mobile/btn_facebook.png) no-repeat;display:block}
ul#sns li a.facebook:hover {background-position:bottom}
ul#sns li.second {margin-left:1px}
ul#sns li a.tweeter {width:40px;height:40px;background:url(../mobile/btn_tweeter.png) no-repeat;display:block}
ul#sns li a.tweeter:hover {background-position:bottom}
ul#btn_top {width:50%;float:right}
ul#btn_top li a {width:70px;height:40px;border-left:1px solid #eee;float:right;display:block;text-align:center;line-height:3.3em;font-size:12px}
ul#btn_top li a.bar {border-right:1px solid #eeeeee}
ul#btn_top li a:hover {background:#4a7cba;color:#FFF}

/* 글로벌내비 */
#gnb {width:998px;margin:0 auto;z-index:10;position:absolute;height:68px;background:#fff;left:50%;margin-left:-500px;border:1px solid #eee}
#gnb p {width:20%;float:left}
#gnb p a {width:93px;height:34px;display:block;margin:18px 0 0 20px}
ul.gnb {/* width:720px */width: 715px;float:right}
ul.gnb li {/* width:180px; */float:left;text-align:center}
ul.gnb li a {color:#666;font-size:18px; padding: 23px 25px 22px; /* padding-top:23px;padding-bottom:22px; */display:block}
ul.gnb li a:hover {color:#4a7cba;background:url(../web/nav_bar.png) top repeat-x}
_:-ms-input-placeholder, :root ul.gnb li a {padding: 23px 24px 22px;}


/* 메인이미지 
#mobile_main {display:none}
#web_main {width:100%;background:url(../web/web_visual.png) center no-repeat;height:460px}
#web_main .slideshow-carousel3 {overflow: hidden;position: relative;width: 100%;height: 460px; cursor:pointer; clear:both;}
#web_main .slideshow-carousel3 .sliderkit-go-prev{position:absolute;top:200px;left:10%;}
#web_main .slideshow-carousel3 .sliderkit-go-next{position:absolute;top:200px;right:10%;}
#web_main .main_bnr .sliderkit-nav {z-index:10;position:absolute;text-align:center;}
#web_main .main_bnr .sliderkit-nav-clip {position:relative;overflow:hidden;margin:0 auto;}
#web_main .main_bnr .sliderkit-nav-clip ul {position:relative; left:0;top:0; list-style:none; margin:0;padding:0;}
#web_main .main_bnr .sliderkit-nav-clip ul li {float:left;}
#web_main .main_bnr .sliderkit-nav-clip ul li a {display:block;overflow:hidden;}
#web_main .main_bnr .sliderkit-btn {z-index:10;}
#web_main .main_bnr .sliderkit-panel {z-index:1; position:absolute; overflow:hidden;}
#web_main .main_bnr .sliderkit-panel img {width:1000px;margin:0 auto}
#web_main .main_bnr .sliderkit-panel .sliderkit-panel-textbox{position:absolute; z-index:1;}
#web_main .main_bnr .sliderkit-panel .sliderkit-panel-text{position:absolute; z-index:3; top:0; left:50%;}
#web_main .slideshow-carousel3 {width:100%; height:460px;}
#web_main .main_bnr img{border:0}
*/

/* 메인이미지 20160304수정 */
#mobile_main {display:none}
#web_main {width:100%;background:url(../web/web_visual_bg.jpg) center no-repeat;height:560px}
#web_main .slideshow-carousel3 {overflow: hidden;position: relative;width: 100%;height: 560px; cursor:pointer; clear:both;}
#web_main .slideshow-carousel3 .sliderkit-go-prev{position:absolute;top:200px;left:5%;}
#web_main .slideshow-carousel3 .sliderkit-go-next{position:absolute;top:200px;right:5%;}
#web_main .main_bnr .sliderkit-nav {z-index:10;position:absolute;text-align:center;}
#web_main .main_bnr .sliderkit-nav-clip {position:relative;overflow:hidden;margin:0 auto;}
#web_main .main_bnr .sliderkit-nav-clip ul {position:relative; left:0;top:0; list-style:none; margin:0;padding:0;}
#web_main .main_bnr .sliderkit-nav-clip ul li {float:left;}
#web_main .main_bnr .sliderkit-nav-clip ul li a {display:block;overflow:hidden;}
#web_main .main_bnr .sliderkit-btn {z-index:10;}
#web_main .main_bnr .sliderkit-panel {z-index:1; position:absolute; overflow:hidden;}
#web_main .main_bnr .sliderkit-panel img {width:1000px;margin:0 auto}
#web_main .main_bnr .sliderkit-panel .sliderkit-panel-textbox{position:absolute; z-index:1;}
#web_main .main_bnr .sliderkit-panel .sliderkit-panel-text{position:absolute; z-index:3; top:0; left:50%;}
#web_main .slideshow-carousel3 {width:100%; height:560px;}
#web_main .main_bnr img{border:0}

/* 메인인크루드 */
#include {width:1000px;margin:25px auto}
#ceo {width:25%;height:150px;margin:0 auto;border-bottom:1px solid #e5e5e5;background:url(../web/main_company.png) right no-repeat;float:left}
#ceo p {padding-left:10px;color:#888}
#ceo p.title {font-size:18px;color:#4a7cba;padding-top:20px; letter-spacing:-0.02em}
#ceo p.script {padding-top:25px}
#ceo p a.btn {padding:3px 5px 3px 5px;background:#4a7cba;color:#FFF}
#ceo p a.btn:hover {border:1px solid #4a7cba;background:#FFF;color:#4a7cba}
#laser {width:25%;height:150px;margin:0 auto;border-bottom:1px solid #e5e5e5;background:url(../web/laser.png) right bottom no-repeat;float:left}
#laser .laser {background:url(../web/include_vbar.png) left no-repeat}
#laser p {padding-left:15px;color:#888}
#laser p.title {font-size:18px;color:#4a7cba;width:70%;float:left;margin-top:20px}
#laser p.more a {width:20px;height:20px;float:right;background:url(../mobile/btn_more.png) no-repeat;display:block;margin:24px 15px 0 0}
#laser p.more a:hover {background-position:bottom}
#laser p.script {padding-top:25px;clear:both}
#laser p a.btn {padding:3px 5px 3px 5px;background:#4a7cba;color:#FFF}
#laser p a.btn:hover {border:1px solid #4a7cba;background:#FFF;color:#4a7cba}
#flame {width:25%;height:150px;margin:0 auto;border-bottom:1px solid #e5e5e5;background:url(../web/flame.png) right bottom no-repeat;float:left}
#flame p {padding-left:15px;color:#888}
#flame p.title {font-size:18px;color:#4a7cba;width:70%;float:left;margin-top:20px}
#flame p.more a {width:20px;height:20px;float:right;background:url(../mobile/btn_more.png) no-repeat;display:block;margin:24px 15px 0 0}
#flame p.more a:hover {background-position:bottom}
#flame p.script {padding-top:25px;clear:both}
#flame p a {margin-top:10px}
#flame p a.btn {padding:3px 5px 3px 5px;background:#4a7cba;color:#FFF}
#flame p a.btn:hover {border:1px solid #4a7cba;background:#FFF;color:#4a7cba}
#contact {width:25%;height:150px;margin:0 auto;border-bottom:1px solid #e5e5e5;float:left}
#contact p {padding-left:15px;color:#888}
#contact a.title {font-size:18px;color:#4a7cba;width:40%;float:left;margin-top:20px; padding-left:15px}
#contact p.sns {width:35%;float:right;margin-top:20px; display: none;}
#contact p.script {padding-top:9px;clear:both}
#contact p.script img {margin-top:11px}


/* 비즈니스제품 */
#business {width:1000px;margin:20px auto;clear:both}
#business div.left {width:50%;float:left;font-size:18px;color:#4a7cba;padding-left:10px}
#business div.left span.txt {color:#888;font-size:12px;margin-left:15px;margin-top:10px;line-height:2.3em}
#business div.right {width:40%;float:right;text-align:right;padding-right:10px;padding-top:5px}
#product {width:1000px}

/* 서브이미지 */
#mobile_thume {display:none}
ul.thume_mobile, ul.thume_mobile1, ul.thume_mobile2 {display:none}
#web_thume {width:100%;background:url(../web/vusial_bg.png) center repeat-x;height:260px}
#web_thume .web_thume {width:1000px;margin:0 auto;height:260px;background:url(../web/sub_thume.png) no-repeat}/* left 50px */

/* 하단메뉴 및 카피 */
#bottom {width:100%;border-top:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0}
#bottom .bottom {width:1000px;margin:0 auto;height:40px}
ul.btn {width:50%;float:left}
ul.btn li {float:left;margin-left:25px;line-height:3.2em}
ul.btn li.first {margin-left:10px}
ul.btn li a {font-size:13px}
ul.top {width:50%;float:right}
ul.top li a {text-align:right;width:45px;height:23px;display:block;background:url(../mobile/btn_top.png) right no-repeat;text-align:left;margin-top:9px;font-size:10px;float:right;line-height:2.4em;margin-right:10px}
#copyright {width:1000px;margin:0 auto;height:55px}
#copyright span.left {width:65%;float:left;font-size:11px;line-height:1.6em;margin-top:10px;color:#b3b3b3;margin-left:10px}
#copyright span.left span.mail a {color:#4a7cba;font-size:11px}
#copyright span.right {width:30%;float:right;font-size:11px;line-height:1.6em;margin-top:10px;margin-right:10px;color:#b3b3b3;text-align:right}

/* 모바일서브메뉴삭제 */
#sub_nav {display:none}
#mobile {display:none}
#pass {display:none}

/* 서브메뉴 */
#left_nav {width:187px;float:left}
#left_nav p {height:48px;font-size:25px;color:#666;padding:32px 0 0 10px}
#left_nav ul.left_nav li.up {background:url(../web/nav_up_bg.png) repeat-x;height:34px}
#left_nav ul.left_nav li.down {background:url(../web/nav_down_bg.png) repeat-x;height:34px}
#left_nav ul.left_nav li.double {background:url(../web/nav_double_bg.png) repeat-x;height:34px}
#left_nav ul.left_nav li a {width:177px;height:34px;font-size:14px;color:#666;padding-left:10px;display:block;line-height:2.3em; background:#e6e6e6;}
#left_nav ul.left_nav li a.on, #left_nav ul.left_nav li a:hover, #left_nav ul.left_nav li:hover {color:#fff;background:#4a7cba;font-size:14px;line-height:2.3em;height:34px}
#left_nav ul.quick {width:167px;margin:20px auto}
#left_nav ul.quick li {border-bottom:1px solid #e0e0e0;color:#888;padding-top:15px;padding-bottom:10px}
#left_nav ul.quick li.contact {border:none}
#left_nav ul.quick li.contact img.num {padding-top:10px}
#left_nav ul.quick li span.left {width:100px;float:left;font-size:14px;color:#4a7cba}
#left_nav ul.quick li span.right {width:67px;float:right; display: none;}
#left_nav ul.quick li span.right a.btn {width:11px;height:11px;background:url(../web/quick_more.png) no-repeat;display:block;float:right;margin-top:5px}
#left_nav ul.quick li span.right a.btn:hover {background-position:bottom}
#left_nav ul.quick li span.script {font-size:12px;line-height:1.4em}

/* 내용레이아웃 */
#container {width:100%;background:#f7f7f7;padding-bottom:25px;border-top:1px solid #e0e0e0}
#container .container {width:998px;background:#fff;margin:0 auto;border:1px solid #e0e0e0;border-top:none}

/* 서브내용 */
#content {width:810px;float:left;border-left:1px solid #e0e0e0}
#content .content {width:750px;margin:0 auto}
#title {width:750px;background:url(../web/title_bar.png) bottom repeat-x;height:50px;margin:30px auto 34px}
#title div.title {width:50%;float:left;font-size:30px;color:#595959;height:50px}
#title div.pass {width:50%;float:left;text-align:right;color:#999;margin-top:18px}
#title div.pass span.on {color:#4a7cba}
p.con_title{color:#4d4d4d;font-size:15px;background:url(../web/bullet.png) left no-repeat;padding-left:15px;margin-top:25px}

#con {width:730px;margin:0 auto}
#board {width:730px;margin:0 auto;height:400px}
/* 회사소개 */
#con .left {/* width:42%;float:left */ margin-bottom: 20px;}
#con .right {/* width:57%;float:right */}
#con .right .greeting {font-size:16px;line-height:1.4em;padding-left:110px;color:#444;background:url(../web/ci.png) no-repeat;background-position:0px 8px}
#con .txt {text-align:justify}

/* 회사연혁 */
#con p.script {font-size:14px;color:#888;margin-top:20px}
#con p.script1 {font-size:40px;color:#4a7cba;margin-bottom:20px}
#con table.blank {margin-top:25px}
#con table td.bar1 {background:url(../web/pattern_color.png) repeat-x;height:3px}
#con table td.bar2 {background:url(../web/pattern_gray.png) repeat-x;height:3px}
#con table td.year {color:#444;font-size:14px;text-align:center}
#con table td.achieve {padding:10px 7px;border-bottom:1px solid #e5e5e5;line-height:1.8em;color:#888;font-size:13px}
#con .space {height:50px}

/* 회사위치 */
#map_canvas {width:100%;border:1px solid #e5e5e5;height:350px}

/* 제품소개 */
#con ul.thume_mobile {display:none}
#con p.product {border:1px solid #e5e5e5}
/*
#con ul.thume {width:730px;border-bottom:1px solid #e5e5e5}
#con ul.thume li {width:120px;text-align:center;float:left;margin:10px 10px}
#con ul.thume li.first {margin-left:85px}
#con ul.thume li.first1 {margin-left:165px}
*/
#con ul.thume {width:730px;padding-bottom:15px}
#con ul.thume li {width:175px;float:left;height:30px;background:#e6e6e6;font-size:13px;text-align:center;line-height:30px;}
#con ul.thume li.btn {margin-left:10px}
#con ul.thume li a {width:175px;height:30px;display:block}
#con ul.thume li a.on {background:#4a7cba;color:#FFF}
#con ul.thume li a:hover {background:#4a7cba;color:#FFF}

#con ul.thume1 {width:730px;padding-bottom:15px}
#con ul.thume1 li {width:236px;float:left;height:30px;background:#e6e6e6;font-size:13px;text-align:center;line-height:30px;}
#con ul.thume1 li.btn {margin-left:10px}
#con ul.thume1 li a {width:236px;height:30px;display:block}
#con ul.thume1 li a.on {background:#4a7cba;color:#FFF}
#con ul.thume1 li a:hover {background:#4a7cba;color:#FFF}

#con ul.thume2 {width:730px;padding-bottom:15px}
#con ul.thume2 li {width:360px;float:left;height:30px;background:#e6e6e6;font-size:13px;text-align:center;line-height:30px;}
#con ul.thume2 li.btn {margin-left:10px}
#con ul.thume2 li a {width:360px;height:30px;display:block}
#con ul.thume2 li a.on {background:#4a7cba;color:#FFF}
#con ul.thume2 li a:hover {background:#4a7cba;color:#FFF}

/* 20년06월16일 추가 */
#con ul.thume3 {width:730px;padding-bottom:15px}
#con ul.thume3 li {width:360px;float:left;height:30px;background:#e6e6e6;font-size:13px;text-align:center;line-height:30px;}
#con ul.thume3 li:nth-child(even).btn {margin-left:10px}
#con ul.thume3 li:nth-child(3).btn, #con ul.thume3 li:nth-child(4).btn {margin-top: 10px;}
#con ul.thume3 li a {width:360px;height:30px;display:block}
#con ul.thume3 li a.on {background:#4a7cba;color:#FFF}
#con ul.thume3 li a:hover {background:#4a7cba;color:#FFF}

/* contact us */
#con img.thume {margin-top:20px}
#con ul.contact {width:100%;margin-bottom:25px}
#con ul.contact li {float:right;margin-left:2px}

#con ul.contact li a {widrh:41px;height:41px;display:block;margin-top:20px} 

/* 표스타일 */
table#pyo {border-top:1px solid #4a7cba;margin:10px auto 30px 0}
table#pyo tr td {height:30px;border-bottom:1px solid #e5e5e5}
table#pyo tr td.title {background:#f7f7f7;line-height:2em;color:#595959;font-size:13px;padding-left:10px}
table#pyo tr td.con {font-size:13px;line-height:1.6em;padding:5px 10px;color:#888}
table#pyo2 tr td.title2 {background:#fcfcfc;line-height:2em;color:#595959;font-size:13px;padding-left:10px;border-left:1px solid #e5e5e5}
table#pyo2 tr td.con2 {font-size:13px;line-height:1.6em;color:#888;padding:5px 10px;border-left:1px solid #e5e5e5}

}


/* 200618추가 _ Contact us mail */
.contact_mail {padding: 70px 0 30px;}
.contact_mail table {border-collapse: collapse; text-align: left; border-top: 1px solid #000;}
.contact_mail table tr {border-bottom: 1px solid #e5e5e5; font-size: 13px; line-height: 2em;}
.contact_mail table th {background: #f7f7f7; padding: 10px; font-weight: 500; color: #595959;}
.contact_mail table td { padding: 10px; }
.contact_mail table td input, .contact_mail table td textarea { border: 0; background: #f0f0f0; padding: 5px; width: 97%; line-height: 1.5; font-size: 13px;}
.contact_mail table td textarea {height: 150px;}
.contact_mail button { background: #4a7cba; color: #fff; border: 0; font-size: 14px; padding: 7px 25px; margin-top: 15px; cursor: pointer;}