@charset "utf-8";
@import url("menu_style.css");
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(https://cdn.rawgit.com/moonspam/NanumSquare/master/nanumsquare.css);
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);

/* 초기화 */
html {overflow-y:scroll}
body {margin:0;padding:0;font-size:14px; font-family:"Nanum Gothic",Gulim,dotum;}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:1em;  letter-spacing: -0.5px !important;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}

#hd ul, nav ul, #ft ul {margin:0;padding:0;list-style:none}
ul, li {list-style:none; padding:0; margin:0; letter-spacing: -0.5px !important;}
dl dd {padding:0; margin:0;  letter-spacing: -0.5px !important;}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle}
input, button {font-family:"Nanum Gothic",Gulim,dotum; margin:0;padding:0;  letter-spacing: -0.5px !important;}
button {cursor:pointer}

textarea, select {font-family:"Nanum Gothic",Gulim,dotum; font-size:1em;  letter-spacing: 0px !important;}
select {margin:0}
p {margin:0;padding:0;word-break:break-all;  letter-spacing: -0.5px !important;}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a:link, a:visited {text-decoration:none; color:#333;}
a:hover, a:focus, a:active {text-decoration:none; color:#333;}
table,tr,td{margin:0;padding:0;border-width:0;border-collapse:collapse}


/* 팝업레이어 */
#hd_pop {z-index:1000;position:relative;margin:0 auto;width:1200px;height:0}
#hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.hd_pops {position:absolute;border:1px solid #e9e9e9;background:#fff}
.hd_pops_con {}
.hd_pops_footer {padding:10px 0;background:#000;color:#fff;text-align:right}
.hd_pops_footer button {margin-right:5px;padding:5px 10px;border:0;background:#393939;color:#fff}

/* 상단 레이아웃 */
#hd {z-index:5;min-width:1200px; width:100%;}
.hd_zindex {z-index:10 !important}
#hd_h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#hd_wrapper {position:relative;margin:0 auto;padding:0px 0;width:1200px;zoom:1}
#hd_wrapper:after {display:block;visibility:hidden;clear:both;content:""}

#logo {float:left;padding:25px 0 25px}


/* 상단 회원가입 등 링크 */
.hd_tnb {background-color:#002f44; }
.hd_tnb_inner {width:1200px; margin:auto; overflow:hidden;}
.tnb_tel {float:left;  font-size:12px; height:35px;color:#fff;line-height:35px}
#tnb {float:right;margin:0;padding:0; margin-right:40px; list-style:none;zoom:1}
#tnb:after {display:block;visibility:hidden;clear:both;content:""}
#tnb p {text-align:right;}
#tnb li {float:left;margin:0 0 0 0px; padding:0 0px;}
#tnb li a {display:inline-block; font-size:12px; height:28px;color:#666;line-height:35px}
#tnb li a:after {content:"/"; padding:0 8px;}
#tnb li:last-child a:after {content:""; padding:0;}
#tnb a:focus, #tnb a:hover, #tnb a:active {text-decoration:none}
#tnb img {margin-right:3px}

.top_right {overflow:hidden;}

/* 중간 레이아웃 */
#wrapper {z-index:5;margin:0 auto;width:1200px;zoom:1}
#wrapper:after {display:block;visibility:hidden;clear:both;content:""}
#wrapper_main {width:100%;}
#container_main {width:100%;}

#aside {float:left;margin:0 0 0 0;width:220px;background:#fff}

#container {z-index: 4;
    position: relative;
    float: right;
    padding: 0;
    width: 950px;
    min-height: 500px;
    height: auto !important;
    height: 500px;
    background: #fff;
    font-size: 1em;
    zoom: 1;
    padding: 25px;
    box-sizing: border-box; font-family:"Nanum Gothic",Gulim,dotum; border: 1px solid #d4d4d4; margin-bottom:20px}
#container:after {display:block;visibility:hidden;clear:both;content:""}


#container_title {margin-bottom:20px;font-size:1.2em;font-weight:bold}

/* lnb */
.lnb {background-color:#fff;}
.lnb h2 {font-size:28px;  font-family:"NanumSquare","Nanum Gothic",Gulim,dotum; color:#fff;     border-radius: 0px; line-height:150px; text-align:center; margin-bottom: 0px; background:url(../img/lnb_h2.png) repeat top left; }
.lnb h2 span {display:block; font-size:14px; color:#999; letter-spacing: 0;    line-height: 20px;}
.lnb ul {width:100%; box-sizing:border-box; border:1px solid #ccc;}
.lnb ul li {}
.lnb > ul > li {clear:both; line-height:55px; vertical-align:top; border-bottom:1px solid #ccc; padding:0 15px; }
.lnb > ul > li:last-child {border-bottom:0;}
.lnb > ul > li:hover {clear:both; vertical-align:top;  }
.lnb > ul > li > a {display:block; line-height:55px; font-size:16px; color:#333; padding-left:0px; background:url(../img/lnb_arr.png) no-repeat 100% 50%;}
.lnb > ul > li > a:hover, 
.lnb > ul > li > a.on  {color:#0a2f73; font-weight:bold; background:url(../img/lnb_arr_on.png) no-repeat 100% 50%;}

.lnb ul li ul {padding:0; padding-left:15px; background-color:#f1f1f1;}
.lnb ul li ul li a, .lnb ul li ul li a:hover, .lnb ul li ul li a.on {background:none; }
.lnb ul li ul li a:hover, .lnb ul li ul li a.on {color:#17a939;  }


.lnb_tel {margin:30px 0;}
.subtel dl dt{font-size:18px; color:#333; font-weight:bold; margin-bottom:10px; background:url(../img/subtel_ic.png) no-repeat top left; padding-left:35px; line-height:30px}
.subtel dl dd {margin:0;}
.subtel dl dd p {font-size:14px; color:#666; padding-left:5px;}
.subtel dl dd .tel {color:#0d9381; font-size:36px;  font-weight:bold; padding:0;}


/* 하단 레이아웃 */
#ft {min-width:1200px; background-color:#e5f0f8;}
#ft h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#ft p {margin:0;padding:0px 0;line-height:18px; color:#333333;}

#ft_catch {position:relative;margin:0 auto;padding:20px 0 0;width:1200px;text-align:center}

#ft_company {text-align:center}

#ft_copy {text-align:center; font-size:12px; padding:20px 0;}
#ft_copy div {position:relative;margin:0 auto;padding:10px 0;width:1200px;color:#fff}
#ft_copy a {display:inline-block;margin:0 10px 0 0;color:inherit}
#ft_copy #ft_totop {position:absolute;top:10px;right:0}


/* main */
.main_v {height:304px;     min-width: 1200px; background:url(../img/main_bg.jpg?t=20210810) no-repeat top center; background-size:cover; margin-bottom:40px}
.main_v .main_img_wrap {position:relative; width:1200px; margin:auto; }
.main_v .main_img_wrap .main_slide {position:absolute; right:200px; top:15px; width:268px; height:270px}

.main_section { width:1200px; padding:0px 0 40px; margin:auto; overflow:hidden;}
.main_section h2 {font-family: "NanumSquare","Nanum Gothic",Gulim,dotum; font-size:36px; font-weight:300; text-align:center; margin-bottom:30px}
.main_section h2 strong {color:#0f7eb0; font-weight:700;}

.main_quick {float:left; width:480px; margin-right:20px}
.main_quick h3 {font-size:24px; font-family: "NanumSquare","Nanum Gothic",Gulim,dotum; margin-bottom:30px}
.main_quick h3 strong {color:#0070c0;}
.main_quick h3 small {font-family:"Nanum Gothic",Gulim,dotum; font-size:14px; color:#ababab}
.main_quick ul {overflow:hidden;}
.main_quick ul li {position:relative; float:left; width:160px; height:133px; background-color:#357fb4; padding:25px 0; box-sizing:border-box;}
.main_quick ul li:nth-child(2) {background-color:#155d90}
.main_quick ul li:nth-child(3) {background-color:#0070c0}
.main_quick ul li a {display:block; text-align:center; color:#fff; font-size:25px;    width: 100%;    height: 100%;}
.main_quick ul li a span {position:absolute; bottom:20px; right:15px; font-size:12px}


.w30 {width:380px; float:left; margin-right:20px}
.w50 {width:580px; float:left; margin-right:20px}
.main_bans {float:right; width:300px;}
.main_bans ul {overflow:hidden}
.main_bans ul li {margin-bottom:15px}

.main_bbs_wrap {overflow:hidden;}
.main_bbs_wrap {box-sizing:border-box;}
.main_bbs_wrap h3 span {float:right; font-size:14px; }
.main_bbs_wrap h3 span a {color:#333; font-weight:100;}
.main_bbs_wrap h3 {font-size:24px; font-weight:bold; font-family:"NanumSquare",Gulim,dotum; line-height:40px; padding-bottom:10px; border-bottom:1px solid #ccc; margin-bottom:20px }
.main_bbs li {line-height:30px; }
.main_bbs li a {color:#333;}
.main_bbs li span.date {float:right; margin-right:0px}
.main_bbs_inner {margin-bottom:30px; height:140px; }
.main_bbs_inner:last-child{margin-bottom:0;}

.main_box {overflow:hidden;}
.main_box p {float:left; width:33.3%;}


.slide_logo {width:1200px; border-top:1px solid #ccc; border-bottom:1px solid #ccc; margin:auto; margin-bottom:40px}

/* sub */
.sub_top {width:100%; height:250px; text-align:center; margin-bottom:20px;     box-sizing: border-box; background:url(../img/sub_img.jpg?t=20210810) no-repeat top center #2a93dd;}
.sub_top p {width:1200px; margin:auto; text-align:left; position:relative; height:400px} 
.sub_top p img {position:absolute; bottom:30px; left:20px;}
.cont_tit {overflow:hidden;
    color: #292929;
    border-bottom: 1px solid #ccc;
    padding-top:10px; padding-bottom: 20px; margin-bottom:30px;}
.cont_tit h3{font-size: 28px;  color:#333; float:left; font-family: "NanumSquare","Nanum Gothic",Gulim,dotum;}
.cont_tit .nav {float:right; font-size:12px; color:#999; line-height: 29px; font-family:"Nanum Gothic",Gulim,dotum;}
.cont_tit .nav span:after {content:">"; padding:0 5px; font-size:10px;}
.cont_tit .nav strong {color:#0a2f73;}
.content {margin-bottom:30px; overflow:hidden}

.txt_box {}
.txt_box p {font-size:15px; line-height:30px; margin-bottom:30px}
.img_box {margin:25px 0 50px; text-align:center;}

.txt_red {color:#ed1d26}
.txt_blue {color:#0d6cae;}
.txt_green {color:#0d9381}

.map {margin-bottom:30px;}
.mapinfo h4 {margin-top:30px; font-family: "NanumSquare","Nanum Gothic",Gulim,dotum; font-size: 18px;}
.mapinfo dl{overflow:hidden;border-top:2px solid #0a2f73;border-bottom:1px solid #0a2f73;}
.mapinfo dt{width:25%;float:left;clear:both;padding:10px 5px;text-align:center;font-weight:bold;border-top:1px solid #eaeaea;color:#368dc6;line-height:150%;}
.mapinfo dd{width:70%;float:left;padding:10px;border-top:1px solid #eaeaea;line-height:180%;}
.mapinfo dd .busBlue{color:#FFF;background:#395cb3;padding:3px 4px; margin-right:5px;font-size:0.85em;}
.mapinfo dd .busGreen{color:#FFF;background:#50a232;padding:3px 4px; margin-right:5px;font-size:0.85em;}


.txt_center {text-align:center;}
.float_box{overflow:hidden;}
.float_left {float:left;}
.float_right {float:right;}

.pl_15 {padding-left:15px;}
.underline {text-decoration: underline;}

.box01 {border:3px solid #e5f0f7; padding:20px 30px; line-height:24px; font-size:16px;}

.ceo_txt {padding:20px 0; float:left; width:100%;}
.ceo_txt h4 {font-size:24px; font-family: "NanumSquare","Nanum Gothic",Gulim,dotum; color:#0a2f73; margin-bottom:20px;}
.ceo_txt p {font-size:15px; line-height:28px; margin-bottom:15px}
.ceo_txt p strong {color:#0a2f73}
.ceo_img {float:right; padding-top:50px}

.cont_inner {margin-bottom:50px}
.cont_inner h4 {background:url(../img/bullet01.png) no-repeat 0 50%; padding-left:20px; font-size:24px; margin-bottom:20px}
.cont_inner h4 + p {font-size:15px; line-height:24px;}


.profile {overflow:hidden; margin:30px 0}
.profile .profile_img  {float:left; width:30%; text-align:center;}
.profile .profile_img img {border:5px solid #0f4b80}
.profile dl {float:right; width:70%; margin:0;}
.profile dl dt {font-family: "NanumSquare","Nanum Gothic",Gulim,dotum; font-size: 18px; margin-bottom:20px; color:#0a2f73}
.profile dl dt strong {font-size:24px}
.profile dl dd {margin-bottom:20px;}
.profile dl dd p {display:inline-block; background-color:#999; color:#fff; margin-bottom:10px; padding:2px; font-weight:bold;}
.profile dl dd ul li {margin-bottom:8px; line-height:20px }
.profile dl dd ul li span {font-weight:bold; color:#666; display:inline-block; width:140px;}

.project {overflow:hidden; margin-bottom:20px}
.project ul {float:left; width:498px;}
.project ul li {line-height:20px; margin-bottom:10px;}
.project ul li:before {content:"·"; padding-right:5px;}
.project ul li span {padding-left:15px}
.project p {float:right; width:400px;}

.business {min-height:600px}
.business.bg {background:url(../img/info_bg.jpg) no-repeat top center; padding:50px 20px;}
.ceoinfo  {}
.ceoinfo h4 {margin-top:30px; font-family: "NanumSquare","Nanum Gothic",Gulim,dotum; font-size: 18px;}
.ceoinfo dl{overflow:hidden; display: table; width:100%;}
.ceoinfo dt{width:20%;display:table-cell;  vertical-align: middle; clear:both; background-color:#2871a7; color:#fff; padding:10px 10px;text-align:center;font-weight:bold; margin-bottom:10px; font-size:16px;}
.ceoinfo dd{width:80%;display:table-cell;  vertical-align: middle;   padding:10px; background:rgba(255, 255, 255, 0.7);  font-size:16px;}
.ceoinfo dd ul li {padding:3px 0;}

.tech {}
.tech h4 {font-size:18px; color:#2871a7; font-weight:700; text-align:center; margin-bottom:50px}
.tech .epp_g {overflow:hidden; width:80%; margin:30px auto;}
.tech dl {float:left; width:33.3%; box-sizing:border-box; margin-left:-1px; margin:0; }
.tech dl:first-child {border-left:1px solid #ccc;}
.tech dl dt {background-color:#2871a7; border-right:1px solid #ccc;  color:#fff; line-height:30px; text-align:center; font-weight:700; font-size:16px; padding:5px 0}
.tech dl dd {text-align:center; border-right:1px solid #ccc; border-bottom:1px solid #ccc; padding:10px 0}
.tech ul { margin-left:10%; padding-bottom:30px}
.tech ul li {margin-bottom:15px; font-size:16px;background:url(../img/h3_arr.png) no-repeat 0 2px; padding-left:20px;}

.tech .epp_s  {overflow:hidden;}
.tech .epp_s  ul{float:left;}
.tech .epp_s  p {float:left; margin-left:50px }

.machine.tblwrap {width:90%; margin:auto;}

.box {border:1px solid #ccc; padding:20px; margin-bottom:50px}
.box ul li {font-size:15px; line-height:24px; margin-bottom:10px;}

/* tabs */
.b_tabs {width:100%; overflow:hidden; margin:20px 0;}
.b_tabs li { width:20%; float:left;}
.b_tabs li a {display:block; margin-right:10px; line-height:35px; height:35px; font-size:18px; background-color:#ccc; color:#fff; text-align:center; border-radius: 15px;}
.b_tabs li:last-child a {margin-right:0;}
.b_tabs li.active a{background-color:#0a2f73; font-weight:700; }

ul.tabs {
    margin: 0;
    padding: 0;
    list-style: none;
    height: 35px;
    border-bottom: 1px solid #eee;
    border-left: 1px solid #eee;
    width: 100%;
}
ul.tabs li {
    float: left;
    text-align:center;
    cursor: pointer;
    width:150px;
    height: 34px;
    line-height: 34px;
    border: 1px solid #eee;
    border-left: none;
    font-weight: bold;
    background: #fafafa;
    overflow: hidden;
    position: relative;
}
ul.tabs li.active {
    background: #0a2f73;
	color:#fff;
}
.tab_container {
    border-top: none;
    clear: both;
    width: 100%;
    background: #FFFFFF;
}
.tab_content {
	padding:30px 0;
	z-index:2
}

.business_over h6 {font-size:16px; font-family: "Nanum Gothic",Gulim,dotum; color:#0a2f73; margin-bottom:10px; }
.business_over h6:before {content:"▷"; padding-right:10px;}

a.btn001 {
    background-color: #084e97;
    color: #fff !important;
    font-size: 18px;
    font-weight: 500;
    text-align: center;
    display: block;
    padding: 15px 0;}
a.btn002 {
    background-color: #084e97;
    color: #fff !important;
	width:50%; margin:auto;
    font-size: 18px;
    font-weight: 500;
    text-align: center;
    display: block;
    padding: 15px 0;}
.btn_wrap {overflow:hidden;}
.btn_wrap .btn011 {display:inline-block; font-size:18px; color:#fff; text-align:left; padding:15px; padding-left:50px; background:url(../img/ic_down.png) no-repeat 15px 50% #22a9e6;}
.btn_wrap .btn012 {display:inline-block; font-size:18px; color:#fff; text-align:left; padding:15px; padding-left:50px; background:url(../img/ic_down.png) no-repeat 15px 50% #008038;}


/* table */

.tblwrap {margin-top:10px; margin-bottom:15px}
.tblwrap .tblstyle {width:100%; font-size:14px; color:#4b4b4b;  }
.tblwrap .tblstyle th {border:1px solid #cacaca; border-top:1px solid #6d6d6d; background-color:#fafafa; font-weight:500; padding:5px 0; height:26px; }
.tblwrap .tblstyle td {border:1px solid #cacaca; padding:5px; text-align:center; line-height:24px; }




/* 본문 바로가기 */
#skip_to_container a {z-index:100000;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden}
#skip_to_container a:focus, #skip_to_container a:active {width:100%;height:75px;background:#21272e;color:#fff;font-size:2em;font-weight:bold;text-align:center;text-decoration:none;line-height:3.3em}


/* 민부장 추가 */
td a:link, td a:visited {text-decoration:none; color:#555;}
td a:hover, td a:focus, td a:active {text-decoration:none}

.main_center .w30 span.more {float:right; font-size:14px; }
.main_center .w30 span.more a {color:#0d9381; font-weight:normal;}

/* 인증번호 검색결과 */
#main_resultTxt { position:absolute; z-index:100; width:550px; height:auto; right:118px; bottom:0px; padding:19px 10px; background-color:#f1f1f1; border:1px solid #ccc; border-radius:10px; text-align:center; font-size:20px; color:#333; font-weight:300; line-height:15px; }
#resultTxt { position:absolute; z-index:100; width:550px; height:auto; left:0px; bottom:0px; padding:20px 10px; background-color:#f1f1f1; border:1px solid #ccc; border-radius:10px; text-align:center; font-size:20px; color:#333; font-weight:300; line-height:15px; }
#top_resultTxt { position:absolute; z-index:100; width:350px; height:auto; left:0px; bottom:-1px; padding:11px 10px; background-color:#f1f1f1; border:1px solid #ccc; border-radius:10px; text-align:center; font-size:15px; color:#333; font-weight:300; line-height:15px; }
a.btn_close { display:inline-block; width:40px; height:22px; line-height:22px; padding:0 10px; background-color:#dd1a22; border:1px solid #dd1a22; border-radius:6px; font-size:13px; color:#ffffff; font-weight:500; text-decoration:none; }
.resultTxt2 { display:inline-block; color:#ff0000; font-weight:bold; }



/* 민부장추가 */
#sit_desc2 {margin-top: 15px;padding:0;color:#000;text-align:left; line-height:23px;}
.title_sub p {font-size:17px; line-height:28px; margin-top:50px; padding:0; }
.title_sub p strong {color:#0a2f73}
.title_sub table { width:100%; }
.title_sub table td { padding:20px 0; text-align:center; }
.title_sub table td img {border:2px solid #eaeaea; }

.contactus h4 {margin-top:30px; font-family: "NanumSquare","Nanum Gothic",Gulim,dotum; font-size: 20px;}
.contactus dl{overflow:hidden;border-top:2px solid #0a2f73;border-bottom:1px solid #0a2f73;}
.contactus dt{width:25%;float:left;clear:both;padding:15px 5px;text-align:center;font-weight:bold;border-top:1px solid #ccc;background-color: #eaeaea;color:#368dc6;line-height:150%; font-size: 18px;}
.contactus dd{width:70%;float:left;padding:10px;border-top:1px solid #ccc;line-height:180%; font-size: 20px;}
.contactus dd .busBlue{color:#FFF;background:#395cb3;padding:3px 4px; margin-right:5px;font-size:0.85em;}
.contactus dd .busGreen{color:#FFF;background:#50a232;padding:3px 4px; margin-right:5px;font-size:0.85em;}

.main_gallery {float:left; overflow:hidden; width:880px;}
.main_gallery ul { width:100%; }
.main_gallery ul li {float:left; width:167px; margin-right:11px; text-align:center;}
.main_gallery ul li img {width:100%; margin-bottom:5px;}
.main_gallery ul li span {display:inline-block; margin-top:10px}
.main_gallery ul li:last-child {margin-right:0;}

.main_gallery h3 {font-size:24px; font-family: "NanumSquare","Nanum Gothic",Gulim,dotum; margin-bottom:20px;}
.main_gallery h3 strong {color:#0070c0;}
.main_gallery h3 small {font-family:"Nanum Gothic",Gulim,dotum; font-size:14px; color:#ababab}
.main_gallery span.more {float:right; font-size:14px; margin-top:10px; }
.main_gallery span.more a {color:#333; font-weight:100;}