@charset "utf-8";

html, body{height:100%;}
body{font-family:나눔고딕, NanumGothic, ng, 돋움, arial, helvetica, sans-serif !important; font-size:13px; line-height:26px; color:#6d6d6d;}
body, div, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, p, form, fieldset, input, table, tr, th, td{margin:0; padding:0; }
h1, h2, h3, h4, h5, h6{font-weight:normal; font-size:100%}
ul, ol, li{position:outside; list-style:none}
fieldset, img{border:none}
img{vertical-align:top;}
table{border-collapse:collapse;}
legend {position:absolute; top:0; left:0; width:0; height:0; overflow:hidden; padding:0; visibility:hidden; font-size:0; line-height:0;}
caption{width:0; height:0; overflow:hidden; padding:0; visibility:hidden; font-size:0; line-height:0;}
.txt, select {font-family:나눔고딕, NanumGothic, ng, 돋움, arial, helvetica, 'sans-serif'; vertical-align:middle; color:#6d6d6d; border:1px solid #d5d5d5; height:28px;}
textarea {resize:none; border:1px solid #d5d5d5; color:#6d6d6d; padding:5px; font-family:나눔고딕, NanumGothic, ng, 돋움, arial, helvetica, 'sans-serif'; text-align:left; line-height:20px;}
.checkbox_align { margin:-4px 0 0 0; vertical-align:middle; }



img, fieldset, button{border:none;}
img{vertical-align:top;}
li{list-style:none;}
a{color:#6d6d6d; text-decoration:none;}
a:link{color:#6d6d6d; text-decoration:none;}
a:hover{color:#6d6d6d; text-decoration:none;}
a:active{color:#6d6d6d; text-decoration:none;}
a:focus{color:#6d6d6d; text-decoration:none;}
textarea{overflow:auto;} 
legend, hr { overflow:hidden; position:absolute; top:0; left:0} /* For Screen Reader */ 
legend, hr, caption { visibility:hidden; font-size:0; line-height:0; height:0} /* For Screen Reader */ 
address,caption,cite,code,dfn,em,var{font-style:normal;font-weight:normal;}
table{border-collapse:collapse; border-spacing:0;}
.clearFix{clear:both; *zoom:1; }
.clearFix:after { content:""; clear:both; display:block; }
.hidden {visibility:hidden; display:none;}


.hr {position:relative; width:730px; height:1px; border-bottom:1px solid #e1e1e1; z-index:1; margin-bottom:50px;}
.line {position:relative; width:730px; height:1px; border-bottom:1px solid #e1e1e1; z-index:1; margin:60px 0 60px 0;}
.line2 {position:relative; width:730px; height:1px; border-bottom:1px solid #e1e1e1; z-index:1; margin-top:10px;}
.line3 {border-right:1px solid #d5d4d4; text-align:center;}

.input01 {height:28px; border:1px solid #d5d5d5; color:#777777; font-family: 나눔고딕, NanumGothic, ng, 돋움, arial, helvetica, 'sans-serif'; text-align:left; vertical-align:middle;}

.text01 {font-size:16px; color:#3d3d3d; font-weight:600;}
.text02 {font-size:24px; color:#3d3d3d;  font-weight:600;}
.text03 {padding-left:20px; color:#444;}
.text04 {background-color:#fbfbfb;}
.text05 {color:#c40000;}
.text06 {text-align:left; padding-left:10px;}
.text07 {font-size:12px; color:#9d9d9d;}

.con1 {padding-top:30px;}
.con2 {margin-bottom:40px;}

.section1 {padding-top:80px;}



/* layout */
#accessibility {position:absolute; left:0; top:0; text-align:center; width:100%; z-index:9999; font-size:1.5em; font-family:ngB; background:#333;}
#accessibility a {display:block; height:1px; width:1px; margin-bottom:-1px; overflow:hidden; text-align:center; color:#fff; white-space:nowrap; color:#fff;}
#accessibility a:focus, #accessibility a:active {height:auto; width:auto; padding:20px 0; color:#fff; font-family:나눔고딕, NanumGothic, ng, 돋움, arial, helvetica, sans-serif;}

.wrap{position:relative; min-height:100%; _height:100%;}
#header {height:100px; min-width:990px;}
#headerInner {width:990px; margin:0 auto; position:relative;}
#headerInner h1 {position:absolute; top:30px; left:0; width:170px; height:40px;}
#headerInner .util {position:absolute; top:51px; right:0px; font-size:12px;}
#headerInner .util li {float:right; padding:0 10px 0 10px; height:12px; background:url('../images/util_line.gif') 0 2px no-repeat; vertical-align:middle;}
#headerInner .util .bg_none {background:none;}
#headerInner #gnb .lineEnd {margin:none;}
#headerInner #gnb li a {display:block;}
#headerInner #gnb span {margin:1px 0 0 0; font-size:11px;}

#gnb {position:absolute; top:41px; width:454px; height:17px; left:296px;}
#gnb li {float:left; width:61px; height:18px; margin-right:50px; text-indent:-9999px;}

.gnb01 {background:url(../images/nav/gnb01.png) no-repeat;}
.gnb02 {background:url(../images/nav/gnb02.png) no-repeat;}
.gnb03 {background:url(../images/nav/gnb03.png) no-repeat;}
.gnb04 {background:url(../images/nav/gnb04.png) no-repeat;}
.gnb01.on,.gnb01:hover {background:url(../images/nav/gnb01_on.png) no-repeat;}
.gnb02.on,.gnb02:hover {background:url(../images/nav/gnb02_on.png) no-repeat;}
.gnb03.on,.gnb03:hover {background:url(../images/nav/gnb03_on.png) no-repeat;}
.gnb04.on,.gnb04:hover {background:url(../images/nav/gnb04_on.png) no-repeat;}







/* visual */
#main_visual{position:relative;overflow: hidden; width:100%; max-width:2000px; height:570px; margin:0 auto;}
#main_visual .visual_wrap{position:relative; margin:0 auto; width:100%;}
#main_visual .visual_wrap .visual{position:relative; width:100%; margin:0 auto;}
#main_visual .visual_wrap .visual .img_visual img {position:relative; left:50%; top:0; margin-left:-1000px;}


.visual_text {position:absolute; left:50%; margin-left:-374px; width:788px; height:402px; top:20px; background:url('../images/visual_text.png') no-repeat; text-indent:-9999px;}





/* main contents */
#m_container {position:relative; width:100%; background:url('../images/main_bg.gif') 0 775px repeat-x;}
#m_content {position:relative; padding-top:40px; width:990px; height:315px; margin:0 auto; color:#6d6d6d; }
#m_content .more {position:absolute;  right:0; width:13px; height:13px;}

.notice_section {position:absolute; left:0; width:296px; }
.notice_section .notice_table td {height:29px; vertical-align:middle;}

.photo_section {position:absolute; right:0; width:644px; background:url('../images/photo_bg.png') 0 40px no-repeat}
.photo_section ul {width:644px; padding-top:20px;}
.photo_section ul li {float:left; width:144px; height:88px; border:1px solid #e5e5e5; overflow:hidden;}

.quick_section {position:absolute; top:246px; width:990px;}
.quick_section ul {width:990px; height:66px; background:url('../images/quick_bg.png') 0 0 no-repeat;}
.quick_section li {float:left; }






/* sub layout */
#container {position:relative;  width:100%; background:url('../images/nav/snb_bg.png') 0 0 repeat-x;}
#container_inner {position:relative; width:990px; margin:0 auto; }

#content {position:relative; padding:40px 40px 60px 0; width:729px; min-height:500px; border-right:1px solid #e9e9e9;}
#content2 {position:relative; padding:40px 0 60px 0; width:990px; min-height:500px;}
h2 {position:relative; padding:10px 0 50px 0;}
h3 {position:relative; padding:0 0 20px 0;}
h4 {position:relative; padding-bottom:10px; color:#444444; font-size:16px;}
h5 {position:relative; padding-bottom:10px; color:#444444; font-size:16px; font-weight:600;}
#content h6 {position:relative; padding-bottom:10px; color:#1d1d1d; font-size:15px; font-weight:600;}


#right {position:absolute; top:0;  right:0; padding:40px 0 0 20px; width:199px;  background:url('../images/right_bg.gif') 0 40px no-repeat;}
#right ul li {float:left; margin-bottom:30px;}





/* 회사소개 */
.greetings_bg {position:absolute; top:0; right:30px; width:440px; height:370px; background:url('../images/greetings_bg.png') no-repeat; z-index:1;}
.greetings_ul {position:relative; width:730px; height:420px;}
.greetings_ul p {padding:40px 0 25px 30px; width:730px;}
.greetings_ul li {width:355px; margin-left:30px; padding-bottom:20px;}
.greetings_p3 {position:absolute; right:80px; margin-top:-50px;}

.philosophy_p1 {width:730px; height:309px;  background:url('../images/philosophy_p1.gif') no-repeat; text-indent:-9999px;}
.philosophy_p3 {width:730px; height:70px;  background:url('../images/philosophy_p3.gif') no-repeat; text-indent:-9999px;}

.ci_p {position:relative; width:730px;}
.ci_p p {position:relative; width:582px; }

.history_dl {position:relative; width:730px; height:1101px; background:url('../images/history_img.png') no-repeat; text-indent:-9999px;}

.certification_list {position:relative; width:730px;}
.certification_list ul {width:730px;}
.certification_list ul li {float:left; width:177px; height:246px; background:url(../images/certificate_bg.gif) no-repeat;}
.certification_list ul li img {margin:3px 0 0 24px;}

#lean_overlay{position: fixed; z-index: 9999; top:0; left: 0; width: 100%; height: 100%; background: #000; display: none;}
.bu5_layer_pop {display: none; position: absolute; width:473px; top:1px; left: 1px;}
.bu5_layer_pop a{cursor: pointer}
.bu5_layer_pop img{cursor: pointer}




/* 제품소개 */
#product_list {position:relative; width:990px; height:100%; display:inline-block;}
#product_list a {float:left; width:318px; height:312; border:1px solid #d5d5d5;  display:inline-block;}
.product_list_photo {width:318px; height:198px; border-bottom:1px solid #d5d5d5;}
.product_list_text {width:298px; height:94px; padding:20px 0 0 20px; color:#999; line-height:24px;}

#product_view1 {position:relative; width:988px; height:418px; border:1px solid #d5d5d5; }
#product_view_left {width:533px; height:418px; border-right:1px solid #d5d5d5;}
.product_photo {position:relative; width:533px; height:358px;}
.product_pages {position:relative; top:20px; width:87px; height:60px; margin:0 auto; }
.product_pages a {float:left; width:14px; height:14px; margin-right:15px;}

#product_view_right {position:absolute; top:0; right:0; width:374px; height:358px; padding:60px 40px 0 40px; background-color:#fafafa;}

#product_view2 {position:relative; margin-top:60px; width:990px; height:100%;}
.product_top {width:990px; height:40px; border-top:3px solid #6d6d6d; background-color:#fafafa; border-bottom:1px solid #d5d5d5; 
	font-size:18px; color:#444; font-weight:600; text-align:center; line-height:40px;}
.product_con {width:910px; padding:40px;}





/* 사이트정보 */
.clause_p1 {position:relative; width:688px; height:600px; padding:20px;  font-size:11px; border:1px solid #e5e5e5; overflow-y:scroll;}
.clause_p2 {position:relative; width:688px; height:300px; padding:20px;  font-size:11px; border:1px solid #e5e5e5;}




/* 고객센터 */
.recruit_mail {position:relative; top:40px; width:730px; background-color:#f8f8f8;}




/* 마이페이지 */
.mypage_bg {position:absolute; top:37px; right:0; width:275px; height:167px; background:url('../images/mypage_bg.gif') no-repeat;}

.login {position:relative; width:730; border-top:3px solid #6d6d6d; border-bottom:1px solid #dfdfdf; padding:40px 0 60px 0; margin:0 auto;}
.login .login_box {position:relative; padding-top:30px; width:340px; height:100%; margin:0 auto;}
.login ul li {height:34px; float:left; display:inline-block;}
.login label {color:#3d3d3d; font-weight:bold; width:80px; float:left; display:block; margin:5px;}
.login .btn_login {position:absolute; top:30px; right:0; }
.login .search {position:relative; padding-top:20px; width:300px; height:20px; line-height:20px; margin:0 auto;}
.login .search li {float:left; margin-right:20px;}
.login .search img { margin-top:8px;}
.login a {color:#3d3d3d;}
.login hr {position:relative; width:426px; margin:0 auto; margin-bottom:20px; margin-top:20px;}
.login .p1 {text-align:center;}


.id_btn {position:relative; float:right; height:35px;}
.id_btn li {float:left; padding-left:4px;}

.join_p1 {position:relative; padding-bottom:20px;}
.join_p3 {position:relative; padding-bottom:40px;}

.join_box {position:relative; background-color:#f8f8f8; border-top:3px solid #6d6d6d; border-bottom:1px solid #b8b8b8; padding:30px 0 30px 150px;}
.join_box ul li {height:34px;}
.join_box label {color:#3d3d3d; font-weight:bold; width:80px; float:left; display:block; margin:5px;}
.join_btn {position:absolute; top:30px; right:170px; }

.join_write {border-top:3px solid #6d6d6d; width:730px;}
.join_write .text02 {text-align:left; padding-left:30px; font-weight:bold; color:#3d3d3d;}
.btn_write {text-align:center; margin-top:20px;}

.join_p2 {position:relative; width:688px; height:300px; padding:20px;  font-size:11px; border:1px solid #e5e5e5; overflow-y:scroll;}


/* board */
.board_date {font-size:11px; color:#6d6d6d;}

.searchWrap {height:25px; margin-bottom:10px;}
.searchWrap .noteSearch {float:right;}
.searchWrap .noteSearch * {vertical-align:top;}

.board {width:730px; height:100%; font-size:13px; }
.board th {color:#3d3d3d; font-size:14px; height:38px; border-top:3px solid #6d6d6d; border-bottom:1px solid #e5e5e5; width:730px;}

.board_list {border-bottom:1px solid #9d9d9d; width:730px;}
.board_list th {background:#fafafa;}
.board_list td {line-height:16px; }
.board_list tr.last_tr td {border-bottom:none;}
.board_list .text01 {text-align:left;}
.btn_list {float:right; margin-top:-20px;}

.gall_list {position:relative; height:100%; border-top:3px solid #6d6d6d; border-bottom:1px solid #9d9d9d; width:730px;}
.gall_list ul {position:relative; width:710px; margin:0 auto;}
.gall_list ul li {font-size:11px; width:160px; float:left; padding-top:30px;  line-height:14px;}
.gall_list p {padding-top:10px;}

.board_view {border-bottom:1px solid #9d9d9d; width:730px; }
.board_view th strong {float:left; margin-left:20px;}
.board_view td {line-height:16px;}
.board_view tr.last_tr td {border-bottom:none;}
.board_view tbody td .acticleInfo {float:left;}
.board_view tbody td .acticleInfo em {padding:0 10px 0 20px; color:#3d3d3d; font-weight:600;}
.board_view .view {padding:30px; line-height:22px; width:610px;}
.btn_view {float:right; margin-top:20px; height:35px;}

.board_write {border-top:3px solid #6d6d6d; border-bottom:1px solid #9d9d9d; width:730px;}
.board_write .text02 {text-align:left; padding-left:30px; font-weight:bold; color:#3d3d3d;}
.board_write td {line-height:22px;}
.board_write tbody td .acticleInfo {float:left;}
.board_write tbody td .acticleInfo em {padding:0 10px 0 30px; color:#666; color:#3d3d3d;}
.board_write .view {padding:30px; line-height:22px;}
.btn_write {text-align:center; margin-top:20px;}
.board_write tr.last_tr td {border-bottom:none;}

.paging {margin-top:20px; line-height:20px; height:20px; text-align:center;}
.paging img {padding-top:3px;}
.paging span {margin:0 10px;}
.paging span a, .paging span strong {display:inline-block; vertical-align:top; margin-left:2px; padding-left:7px; }
.paging span a:first-child,
.paging span strong:first-child {padding:0; margin:0; background:none;}
.paging span strong {font-weight:bold; color:#004f9e;}

.pageCtr {margin-top:135px; width:730px; border:solid #e5e5e5; border-width:1px 0;}
.pageCtr td {padding:8px 10px; line-height:20px;}
.pageCtr td a {display:inline-block; text-overflow:ellipsis;}
.pageCtr td .date {position:absolute; right:50px; width:auto;}
.pageCtr td .del {float:right; }
.pageCtr tr.last_tr td {border-bottom:none;}

.reply {width:730px; border:solid #e5e5e5; border-width:1px 0;}
.reply td {padding:10px 0 10px 0;}
.reply tr.last_tr td {border-bottom:none;}



/* table */
.table01 {width:910px;}
.table01 td {border:1px solid #e5e5e5; text-align:center;}

.table1 {position:relative; width:730px; }
.table1 th {background-color:#8ab0e0; color:#ffffff; padding:10px 0 10px 0; }
.table1 td {padding:10px 0 10px 15px; border-bottom:1px solid #e5e5e5; font-size:12px;}

.table2 {position:relative; width:730px; }
.table2 th {background-color:#8ab0e0; color:#ffffff; padding:10px 0 10px 0; }
.table2 td {padding:10px 0 10px 15px; text-align:center; border-bottom:1px solid #e5e5e5; font-size:12px;}




/*   */
#footer {position:relative;  width:100% ; height:125px;  border-top:1px solid #e5e5e5;} 
#footer .inner {position:relative; width:990px; margin:0 auto; }
#footer .logo {position:absolute; top:47px;}
#footer .add {position:absolute; top:63px; left:190px;}
#footer ul {position:absolute; top:30px; left:170px;}
#footer ul li {float:right; padding:0 20px 0 20px; background:url('../images/util_line.gif') 0 1px no-repeat; vertical-align:middle;}


/* snb */
#snb {position:relative;  width:990px; height:60px; margin:0 auto; vertical-align:middle;}
#snb ul {position:absolute; top:24px; left:300px;}
#snb li {float:left; margin-right:50px;}
#snb li a {display:block; overflow: hidden; text-indent:-9999px; }

.snb1_1 {width:38px; background:url(../images/nav/snb1_1.png) no-repeat;}
.snb1_2 {width:12px; background:url(../images/nav/snb1_2.png) no-repeat;}
.snb1_3 {width:50px; background:url(../images/nav/snb1_3.png) no-repeat;}
.snb1_4 {width:51px; background:url(../images/nav/snb1_4.png) no-repeat;}
.snb1_5 {width:54px; background:url(../images/nav/snb1_5.png) no-repeat;}
.snb1_1.on,.snb1_1:hover {background:url(../images/nav/snb1_1_on.png) no-repeat;}
.snb1_2.on,.snb1_2:hover {background:url(../images/nav/snb1_2_on.png) no-repeat;}
.snb1_3.on,.snb1_3:hover {background:url(../images/nav/snb1_3_on.png) no-repeat;}
.snb1_4.on,.snb1_4:hover {background:url(../images/nav/snb1_4_on.png) no-repeat;}
.snb1_5.on,.snb1_5:hover {background:url(../images/nav/snb1_5_on.png) no-repeat;}

.snb2_1 {width:51px; background:url(../images/nav/snb2_1.png) no-repeat;}
.snb2_1.on,.snb2_1:hover {background:url(../images/nav/snb2_1_on.png) no-repeat;}

.snb3_1 {width:52px; background:url(../images/nav/snb3_1.png) no-repeat;}
.snb3_2 {width:69px; background:url(../images/nav/snb3_2.png) no-repeat;}
.snb3_3 {width:63px; background:url(../images/nav/snb3_3.png) no-repeat;}
.snb3_1.on,.snb3_1:hover {background:url(../images/nav/snb3_1_on.png) no-repeat;}
.snb3_2.on,.snb3_2:hover {background:url(../images/nav/snb3_2_on.png) no-repeat;}
.snb3_3.on,.snb3_3:hover {background:url(../images/nav/snb3_3_on.png) no-repeat;}

.snb4_1 {width:63px; background:url(../images/nav/snb4_1.png) no-repeat;}
.snb4_2 {width:52px; background:url(../images/nav/snb4_2.png) no-repeat;}
.snb4_3 {width:51px; background:url(../images/nav/snb4_3.png) no-repeat;}
.snb4_4 {width:64px; background:url(../images/nav/snb4_4.png) no-repeat;}
.snb4_1.on,.snb4_1:hover {background:url(../images/nav/snb4_1_on.png) no-repeat;}
.snb4_2.on,.snb4_2:hover {background:url(../images/nav/snb4_2_on.png) no-repeat;}
.snb4_3.on,.snb4_3:hover {background:url(../images/nav/snb4_3_on.png) no-repeat;}
.snb4_4.on,.snb4_4:hover {background:url(../images/nav/snb4_4_on.png) no-repeat;}

.snb5_1 {width:51px; background:url(../images/nav/snb5_1.png) no-repeat;}
.snb5_2 {width:109px; background:url(../images/nav/snb5_2.png) no-repeat;}
.snb5_3 {width:115px; background:url(../images/nav/snb5_3.png) no-repeat;}
.snb5_1.on,.snb5_1:hover {background:url(../images/nav/snb5_1_on.png) no-repeat;}
.snb5_2.on,.snb5_2:hover {background:url(../images/nav/snb5_2_on.png) no-repeat;}
.snb5_3.on,.snb5_3:hover {background:url(../images/nav/snb5_3_on.png) no-repeat;}

.snb6_1 {width:38px; background:url(../images/nav/snb6_1.png) no-repeat;}
.snb6_2 {width:70px; background:url(../images/nav/snb6_2.png) no-repeat;}
.snb6_3 {width:91px; background:url(../images/nav/snb6_3.png) no-repeat;}
.snb6_4 {width:50px; background:url(../images/nav/snb6_4.png) no-repeat;}
.snb6_5 {width:50px; background:url(../images/nav/snb6_5.png) no-repeat;}
.snb6_6 {width:50px; background:url(../images/nav/snb6_6.png) no-repeat;}
.snb6_1.on,.snb6_1:hover {background:url(../images/nav/snb6_1_on.png) no-repeat;}
.snb6_2.on,.snb6_2:hover {background:url(../images/nav/snb6_2_on.png) no-repeat;}
.snb6_3.on,.snb6_3:hover {background:url(../images/nav/snb6_3_on.png) no-repeat;}
.snb6_4.on,.snb6_4:hover {background:url(../images/nav/snb6_4_on.png) no-repeat;}
.snb6_5.on,.snb6_5:hover {background:url(../images/nav/snb6_5_on.png) no-repeat;}
.snb6_6.on,.snb6_6:hover {background:url(../images/nav/snb6_6_on.png) no-repeat;}