@charset "utf-8";
/* Web Designer (pusher17@naver.com) SSONG 120402background:#c4e1ff url() 0 0 no-repeat !important; */

/* BASIC */
.sub-26 table tr .unnamed4 .style1{ font-weight:800; }
.sub-26 table tr td table tr td table tr td{font-weight:bold; color:#222; padding:12px 0; font-size:12px;}
.sub-26 table tr td table tr td h4{font-size:15px; line-height:65px;font-weight:bold; margin-left:-4px;}
.sub-26 table tr td table tr td h4:before{content:"ㆍ"; font-size:15px;}
.sub-26 table tr td table tr td table tr td:nth-child(1){background-color:#9dccf8 !important; color:#111 !important;}
.sub-26 table tr td{ color:#222;}

/* 웹폰트 */
@font-face {
  font-family:'Nanum';
  font-style:normal;
  font-weight:400;
  src:url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.eot);
  src:url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.woff) format('woff'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.ttf) format('truetype');
}
@font-face {
  font-family:'NanumBold';
  font-style:normal;
  font-weight:700;
  src:url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.eot);
  src:url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.woff) format('woff'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.ttf) format('truetype');
}
@font-face {
  font-family:'NanumEX';
  font-style:normal;
  font-weight:800;
  src:url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.eot);
  src:url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.eot?#iefix) format('embedded-opentype'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.woff) format('woff'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.ttf) format('truetype');
}
/*수정 서브상단타이틀*/
/* standard style 정의 */
body {margin:0px; background:url('/images/bg.gif') top repeat-x;}
div, p, dl, dt, dd, table, th, td, form, fieldset, adddress {margin:0; padding:0;}
h1, h2, h3, h4, h5, h6 {margin:0; padding:0;}
ul, ol, li {margin:0; padding:0;}
ul li {list-style:none;}
a {text-decoration:none;}
a:hover {text-decoration:underline;}
em {font-style:normal;}
img,input {vertical-align:middle;}
img, fieldset {border:0;}
hr, legend {display:none;}
td, th, dd, div {font-family:"Nanum" , "나눔고딕", "돋움", "Arial"; font-size:12px; color:#777; line-height:1.8em;}
.input {font-family:"Nanum" , "나눔고딕", "돋움", "Arial", "Verdana"; font-size:12px; color:#777; padding:2px; border:1px solid #dadada; background-color:#fff;}
.input_btn {border-right:expression( (this.type=='checkbox'||this.type=='radio'||this.type=='file'||this.type=='image')?'':''); border-top:expression( (this.type=='checkbox'||this.type=='radio'||this.type=='file'||this.type=='image')?'':''); background:expression( (this.type=='checkbox'||this.type=='radio'||this.type=='file'||this.type=='image')?'':'' ); border-left:expression( (this.type=='checkbox'||this.type=='radio'||this.type=='file'||this.type=='image')?'':''); border-bottom:expression( (this.type=='checkbox'||this.type=='radio'||this.type=='file'||this.type=='image')?'':'');}
textarea {font-size:12px; line-height:1.5em; padding:2px; color:#777; overflow:hidden; overflow-y:auto; overflow-X:hidden; border:1px solid #5d5d5d; background-color:#fff;}
form {display:solid;}
.input_select {behavior:url(../js/selectbox.htc); font-family:"Nanum" , "나눔고딕", "돋움", "Arial"; font-size:12px; color:#a2c7d5; border:none;}

/* 링크 관련 */
a {font-family:"Nanum" , "나눔고딕", "돋움", "Arial"; font-size:12px; color:5d5d5d; line-height:1.5em; text-decoration:none;}
a:visited {font-family:"Nanum" , "나눔고딕", "돋움", "Arial"; font-size:12px; color:#5d5d5d; line-height:1.5em; text-decoration:none;}
a:hover {font-family:"Nanum" , "나눔고딕", "돋움", "Arial"; font-size:12px; color:#f54722; line-height:1.5em; text-decoration:underline;}
a:active {font-family:"Nanum" , "나눔고딕", "돋움", "Arial"; font-size:12px; color:#5d5d5d; line-height:1.5em; text-decoration:none;}

.btn{display:block; padding:5px;}

/* png24 관련 */
.png24 {tmp:expression(setPng24(this)); position:relative;}

/* 기본 레이아웃 관련 */
#wrap {position:relative; margin:0 auto; width:1000px; z-index:8;}
#header {position:relative; width:980px; overflow:hidden; margin:0 auto; z-index:8; *zoom:1;}
#header:after {content:""; display:block; clear:both;}
#container {position:relative; width:980px; overflow:hidden; margin:0 auto; z-index:8; *zoom:1; padding-top:39px;}
#container:after {content:""; display:block; clear:both;}
#footer {position:relative; margin:30px 0; width:980px; overflow:hidden; z-index:8; *zoom:1;}
#sub {position:relative; width:980px; overflow:hidden; margin:0 auto 30px; z-index:8; *zoom:1;}
#sub:after {content:""; display:block; clear:both;}

/* 상단 */
#header h1 {margin:20px 0 0 0px; *margin:0px 0 0 0px; float:left;}
.top_menu {position:relative; float:right; margin:30px 10px 10px 0;}
*+html .top_menu {position:relative; float:right; margin:30px 10px 8px 0;}
.top_menu li {float:left; padding-left:30px;}

#navi {position:absolute; width:100%; top:60px; left:0; z-index:9;}

/* 메인 플래시 */
.pro {position:absolute; clear:both; z-index:10; left:50%; margin-left:-500px;}
.pro .pro_slide_wrap {position:relative; width:250px; height:30px; margin-top:5px; background:#f1f3f5; border-radius:15px;}
.pro .pro_slide_wrap i {position:absolute; top:50%; right:12px; width:18px; height:18px; margin-top:-9px; background:#2c75c9; border-radius:50%;}
.pro .pro_slide_wrap i:before,
.pro .pro_slide_wrap i:after {content:""; position:absolute; top:50%; left:50%; background:#fff;}
.pro .pro_slide_wrap i:before {width:10px; height:2px; margin:-1px 0 0 -5px;}
.pro .pro_slide_wrap i:after {width:2px; height:10px; margin:-5px 0 0 -1px;}
.pro .pro_slide {position:relative; height: 30px; overflow:hidden; z-index: 1;}
.pro .pro_slide a {display:block; font-size:14px; color:#4378cb; font-weight:700; line-height:30px; padding:0 10px; text-decoration:none;}
.pro .pro_slide .inset {animation:pro_slide 18s linear infinite;}
@keyframes pro_slide {
	0% {margin-top: 0;}
	100% {margin-top: -270px;}
}
.mswf {position:relative; width:980px; height:455px;}

/* 메인 */
#mbg {position:absolute; width:100%; top:0px; left:0; height:560px; background:url('/images/mbg.gif') top repeat-x; z-index:1;}
.m_contents {position:relative; width:940px; margin:20px auto; *zoom:1;}
.m_contents:after {content:""; display:block; clear:both;}
.mc1 {position:relative; float:left; width:240px;}
.mc2 {position:relative; float:left; margin:0 55px 0 60px;}
.mc3 {position:relative; float:left; width:205px;}

/* 메인게시판 */
.mc1 h3 {margin-bottom:0px; text-align:left; height:30px;}
.thumb_area ul {margin:0px !important;}
.article {overflow:hidden; zoom:1; padding-top:5px;}
.article li {overflow:hidden; _margin-left /**/:-16px; line-height:20px; zoom:1;}
.article li a {display:inline-block; padding:1px 0 1px 5px; color:#767676; font-size:11px; float:left; background:url('/images/ico_dot_gray.gif') left 50% no-repeat;}
.article li span {float:right; font-family:"Tahoma"; font-size:11px; line-height:20px; color:#689ed6;}

/* 메인 제품소개 */
.mc2 ul {margin-top:10px;}
.mc2 li {float:left; border:1px solid #d4d4d4; margin:0 2px;}
*+html .mc2 li {float:left; border:1px solid #d4d4d4; margin:0 2px; padding-bottom:1px;}

/* 왼쪽 메뉴 */
.left {position:relative; overflow:hidden; float:left; width:280px; margin-top:30px;}
.category {position:relative; width:220px; margin-left:10px;}
.category dt {padding-bottom:5px;}
.category dt b{
    font-weight:900;
	font-size:18px;
	color:#003148;
	letter-spacing:-1px;
	line-height:2em;}


/* 서브 */
.simg {position:relative;}
.contents {position:relative; overflow:hidden; float:right; width:690px; margin-top:30px;}
.spec-table{width:100%;}
.spec-table tr thead th{}
.spec-table tr th{}
.spec-table tr td{}
/* 서브타이틀 */
.tit_s {height:50px; vertical-align:top; background:#FFF url("../img/bar.png") 0 0 no-repeat; }
.tit_s img{padding-left:12px;}
.tit_s h1{padding-left:14px;font-size:30px; font-weight:400; line-height:30px;color:#555;}
/* 우편번호 검색 */
.post01 {overflow:hidden; width:330px; background-color:#fff; border:solid 5px #70839e;}
.post01 * {vertical-align:middle;}
.post01 .tit {padding:5px 0; border-bottom:2px solid #34445d; margin-bottom:10px; font-family:"Nanum" , "나눔고딕", "돋움", "Arial"; font-size:16px; font-weight:bold; color:#444; line-height:1.5em; text-align:center;}
.post01 .id_result {border-top:1px solid #d2d2d2; border-bottom:1px solid #d2d2d2; background-color:#f5f5f5; text-align:center;}
.post01 .id_btn {padding:15px 0; text-align:center;}
.post01 .post_list {height:215px; overflow:auto; margin-top:15px;}

/* 게시판 목록 */
.tbl_type,.tbl_type th,.tbl_type td{border:0}
.tbl_type a{color:#383838;text-decoration:none}
.tbl_type{width:100%;border-bottom:1px solid #999;color:#666;font-size:12px;table-layout:fixed}
.tbl_type caption,.tbl_type .frm label{display:none}
.tbl_type th{padding:5px 0 4px;border-top:solid 1px #60aa00;border-bottom:solid 1px #fff;background-color:#30a4c4;color:#fff;font-weight:bold;line-height:18px;vertical-align:top}
.tbl_type td{padding:8px 0 5px;border-bottom:solid 1px #d2d2d2;text-align:center}
.tbl_type .frm{padding:0;text-align:center}
.tbl_type .frm input{margin:0}
.tbl_type .num,.tbl_type .date,.tbl_type .hit{padding:0;font-family:Tahoma;font-size:11px;line-height:normal}
.tbl_type .title{text-align:left}
.tbl_type .title .pic,.tbl_type .title .new{margin:0 0 2px;vertical-align:middle}
.tbl_type tr.reply .title a{padding-left:15px;background:url('/images/ico_reply.gif') 0 1px no-repeat}
.tbl_type tr.reply td a.comment{padding:0;background:none;color:#f00;font-size:12px;font-weight:bold}

/* 게시판 보기 */
.tbl_view,.tbl_view th,.tbl_view td{border:0}
.tbl_view{width:100%;border-top:1px solid #60aa00;border-bottom:1px solid #999;color:#666;font-size:12px;table-layout:fixed}
.tbl_view caption{display:none}
.tbl_view th{padding:5px 0 4px;border-bottom:solid 1px #d2d2d2;background-color:#30a4c4;color:#fff;font-weight:bold;line-height:18px;vertical-align:top}
.tbl_view td{padding:8px 0 5px 10px;border-bottom:solid 1px #d2d2d2;text-align:left}
.tbl_view td.cont{padding:20px 0;line-height:1.4em}
.tbl_view2{width:100%;margin-top:15px;border-top:1px solid #999;border-bottom:1px solid #999;color:#666;font-size:12px;table-layout:fixed}
.tbl_view2,.tbl_view2 th,.tbl_view2 td{border:0}
.tbl_view2 caption{display:none}
.tbl_view2 td{padding:5px 0 3px 10px;line-height:1.4em;text-align:left}
.tbl_view2 .input_txt td{padding:5px 0 5px 10px;border-bottom:solid 1px #d2d2d2}
.tbl_view2 .input_txt td input,.tbl_view2 .input_txt td textarea{vertical-align:middle}
.tbl_view2 .input_txt input.name{width:100px;padding:2px 0 1px;border:solid 1px #d2d2d2}
.tbl_view2 .input_txt textarea.comment{width:80%;height:14px;padding:2px 0 1px;border:solid 1px #d2d2d2}
.tbl_view2 .input_txt input.submit{width:60px;border:solid 1px #666;background-color:#f2f2f2;font-family:'나눔고딕', '돋움';font-size:12px;line-height:normal}

/* 게시판 쓰기 */
.tbl_write,.tbl_write th,.tbl_write td{border:0}
.tbl_write{width:100%;border-top:1px solid #60aa00;border-bottom:1px solid #999;color:#666;font-size:12px;table-layout:fixed}
.tbl_write caption{display:none}
.tbl_write th{padding:5px 0 4px;border-bottom:solid 1px #d2d2d2;background-color:#30a4c4;color:#fff;font-weight:bold;line-height:18px;vertical-align:middle}
.tbl_write td{padding:8px 0 5px 10px;border-bottom:solid 1px #d2d2d2;text-align:left}
.tbl_write td.cont{padding:20px 0;line-height:1.4em}

/* 게시판 페이지 */
.paginate_complex {padding:15px 0; line-height:normal; text-align:center}
.paginate_complex a,
.paginate_complex strong {display:inline-block; position:relative; z-index:2; margin:0 -3px; padding:1px 8px; border-left:1px solid #d6d6d6; border-right:1px solid #d6d6d6; background-color:##f1f3f5; font:bold 12px/16px Tahoma, Sans-serif; color:#323232; text-decoration:none; vertical-align:top}
.paginate_complex a:hover,
.paginate_complex a:active,
.paginate_complex a:focus {background-color:#f8f8f8}
.paginate_complex strong {color:#ff8600}
.paginate_complex .direction {border:0; font-weight:normal; color:#767676; text-decoration:none !important;z-index:1}
.paginate_complex .direction:hover,
.paginate_complex .direction:active,
.paginate_complex .direction:focus {color:#323232; background-color:#fff}
.paginate_complex .prev {border-left:0}
.paginate_complex .next {border-right:0}
.paginate_complex .direction span {display:inline-block; position:relative; top:4px; width:0; height:0; font-size:0; line-height:0; vertical-align:top}
.paginate_complex .prev span {*left:-4px; margin-right:1px; border:3px solid; border-top:solid #fff; border-bottom:solid #fff; border-left:0}
.paginate_complex .next span {margin-left:1px; border:3px solid; border-top:solid #fff; border-bottom:solid #fff; border-right:0}

/* 게시판 검색 */
.board_search2 {margin:10px 0; vertical-align:middle !important;}
.board_search {float:right; margin-bottom:10px; vertical-align:middle !important;}
.board_search select {vertical-align:middle !important;}
.leftButtonBox {float:left; margin:10px 0;}
.rightButtonBox {float:right; margin:10px 0;}
.centerButtonBox {text-align:center; margin:10px 0;}

/* 주요실적 */
.lst_type {overflow:hidden; width:100%; border-bottom:1px solid #dadada; margin:0 0 20px -1px;}
.lst_type ul {margin:0px;}
.lst_type li {display:inline-block; width:189px; min-height:215px; float:left; padding:20px 20px; font-family:"돋움", "Arial"; font-size:11px; color:#555; line-height:1.5em; border-left:1px solid #dadada; border-top:1px solid #dadada; border-bottom:1px solid #fff;}
.lst_type li a {color:#777; text-decoration:none}
.lst_type li a:hover {text-decoration:underline}
.lst_type li .thum {display:block; margin-bottom:5px; border:none; width:189px; height:190px; line-height:190px; overflow:hidden;}
.lst_type li .thum img {width:auto; height:auto; max-width:100%; max-height:100%;}


/* gnb */
.gnb {position:relative; font-family:'nanum gothic';}
.gnb .menu {overflow:hidden; width:712px; position:relative; left:50%; margin-left:-220px;}
.gnb .menu li {float:left;}
.gnb .menu li a {color:#fff; background:url('/images/gnb_bar.gif') no-repeat left; width:178px; font-size:18px; font-weight:500; display:block; text-align:center; padding:6px 0; text-decoration:blink;}
.gnb .menu li.first a {background:none;}
.gnb .menu li a:hover {color:#92f41e;}
.gnb .snb {display:none; width:100%; background:#fff; border-bottom:#bfbfbf 1px solid; position:absolute; padding:10px 0;}
.gnb:hover .snb {display:block;}
.gnb .snb .snbin {width:980px; margin:0 auto;}
.gnb .snb .snbin ul {width:178px; float:left;}
.gnb .snb .snbin ul.snb1 {margin-left:265px; padding-left:30px; width:148px;}
.gnb .snb .snbin ul.snb2 {}
.gnb .snb .snbin ul.snb3 {padding-left:20px; width:158px;}
.gnb .snb .snbin ul.snb4 {padding-left:20px; width:158px;}
.gnb .snb .snbin li a {line-height:20px; color:#333; padding-left:24px; text-decoration:blink; font-size:13px;}
.gnb .snb .snbin li:hover a {color:#2b72c4;}

.category1 dd a { display:block; width:220px; /*height:30px;*/ height:auto; padding:3px 0 3px 14px; text-align:left; font-weight:bold; font-size:14px;
					line-height:25px; border-bottom:1px solid #dedede; color:#000; box-sizing:border-box;}

.category1 dd a:hover { background-color:#396b9c; color:#fff; border-bottom:none; text-decoration:none; padding:3px 0 4px 14px;}
.category1 dd a.on { background-color:#396b9c; color:#fff; border-bottom:none; text-decoration:none; padding:3px 0 4px 14px;}

.category1 dt {padding-bottom:5px;}
.category1 dt b{
    font-weight:900;
	font-size:18px;
	color:#003148;
	letter-spacing:-1px;
	line-height:2em;}

#container .contents .tit_s span { font-size:30px; color:#686868; display:block;  margin:10px 0 0 10px; padding:2px; }
#container .contents .tit_s { }

.btit { vertical-align:top; background:#FFF url("../img/bar.png") 0 0 no-repeat; padding-left:20px; font-size:24px; color:#333; font-weight:700; line-height:1.2em; margin-bottom:35px;}

/* 게시판 목록 */
.board_list {border-top:#ddd 2px solid;}
.board_list .w1 {width:90px;}
.board_list .w2 {width:130px;}
.board_list .w4 {width:120px;}
.board_list .w5 {width:170px;}
.board_list th,
.board_list td {height:34px; text-align:center; border-bottom:#ddd 1px solid;}
.board_list th {font-size:13px; color:#222; font-weight:600;}
.board_list td {font-weight:500;}
.board_list td.tal a {display:inline-block; vertical-align:top; max-width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.board_list .state {display:block; font-size:15px; font-weight:600; line-height:40px; height:32px; width:76px; text-align:center; margin:0 auto;}
.board_list .state.end {color:#999; background:#ebebeb;}
.board_list .state.ing {color:#ff6868; background:#ffe8e6;}

/* 갤러리 목록 */
.gall_list {display:flex; flex-wrap:wrap; gap:70px 30px;}
.gall_list a {width:calc((100% - 60px)/3);}
.gall_list .imgfit {display:block; width:100%; height:300px; overflow:hidden;}
.gall_list p {font-size:20px; color:#222; font-weight:700; height:26px; line-height:26px; margin-top:20px; text-align:center; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.board_bottom .btns {display:flex; justify-content:center; gap:5px; margin-top:40px;}
.board_bottom .btns .btn {width:150px; height:40px; line-height:40px; background:#4ebccd; font-size:15px; color:#fff; text-align:center; border:0; vertical-align:top;}
.board_bottom .btns .btn_bl {color:#4ebccd; line-height:38px; border:#4ebccd 1px solid; background:#fff;}
.board_bottom .paging {display:flex; justify-content:center; gap:10px; margin-top:70px;}
.board_bottom .paging a {width:40px; height:40px; line-height:38px; text-align:center; font-size:17px; border:#fff 1px solid;}
.board_bottom .paging a.on {color:#4ebccd; border-color:#4ebccd;}
.board_bottom .paging .arrow {font-size:0;}
.board_bottom .paging .prev {margin-right:10px;}
.board_bottom .paging .next {margin-left:10px;}

/* 게시판 상세 */
.board_view {border-top:#273a58 2px solid;}
.board_view .tit {position:relative; font-size:20px; color:#022; font-weight:700; line-height:1.2; padding:35px 160px 35px 0; border-bottom:#ddd 1px solid;}
.board_view .tit .date {position:absolute; top:50%; right:0; font-size:16px; color:#999; font-weight:400; transform:translateY(-50%);}
.board_view .con {padding:60px 0; border-bottom:#ddd 1px solid;}
.board_view .file {display:flex; border-bottom:#ddd 1px solid; line-height:24px; padding:20px 0;}
.board_view .file dt {width:90px; font-size:17px; color:#222; font-weight:500;}
.board_view .file dd {width:calc(100% - 90px);}
.board_view .file dd a {display:block; font-size:16px; color:#666; font-weight:500;}


.board_write {border-top:#273a58 2px solid;}
.board_write th,
.board_write td {border-bottom:#ddd 1px solid; padding:5px 10px;}
.board_write th {font-size:13px; width:115px; background:#edf7f9;}
.board_write td {font-size:12px;}
.board_write .text {height:28px; border:#d7d7d7 1px solid; border-radius:10px; padding:0 10px;}
.board_write .flex select.text {width:140px;}
.board_write .flex input.text {width:170px;}
.board_write .flex span {width:30px; height:28px; line-height:28px; text-align:center;}
.datepicker_area {position:relative; width:350px; max-width:100%;}
.datepicker_area img {position:absolute; top:50%; right:20px; transform:translateY(-50%);}
.board_write .gap_radio {gap:35px;}
.board_write textarea.text {height:130px; padding:10px 20px;}
.board_write .tit {font-size:17px; color:#222; font-weight:700; line-height:1; margin:20px 0 20px;}
.board_write .yak_box {font-size:11px; line-height:1.2em; padding:16px; border:#ebebeb 1px solid;}
.btn_submit {display:block; font-size:17px; color:#fff; font-weight:700; line-height:48px; height:48px; width:230px; border-radius:10px; background:#26aad4; margin:30px auto 0;}

/* 게시판 쓰기 */