@charset "utf-8";

/* standard style 정의 */
html{overflow-y:scroll; overflow-x:hidden; background:url('/images/top_bg.gif') left top repeat-x;}
body {margin:0px;}
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:"Malgun Gothic", "돋움", "Arial"; font-size:12px; color:#777;}
.input {font-family:"Malgun Gothic", "돋움", "Verdana"; font-size:12px; color:#333; padding:3px 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-family:"Malgun Gothic", "돋움", "Arial"; font-size:12px; line-height:1.5em; padding:2px; color:#777; overflow:hidden; overflow-y:auto; overflow-X:hidden; border:1px solid #dadada; background-color:#fff;}

/* 링크 관련 */
a {font-family:"Malgun Gothic", "돋움", "Arial"; font-size:12px; color:#5d5d5d; text-decoration:none;}
a:visited {font-family:"Malgun Gothic", "돋움", "Arial"; font-size:12px; color:#5d5d5d; text-decoration:none;}
a:hover {font-family:"Malgun Gothic", "돋움", "Arial"; font-size:12px; color:#4d2f20; text-decoration:underline;}
a:active {font-family:"Malgun Gothic", "돋움", "Arial"; font-size:12px; color:#5d5d5d; text-decoration:none;}

/* botton */
.btn01 {width:90px; padding:3px 0; border:1px solid #3c67bf; font-family:"나눔고딕"; font-weight:bold; color:#fff; background-color:#3c67bf;}
.btn02 {width:120px; height:25px; border:1px solid #3c67bf; font-family:"나눔고딕"; color:#3c67bf; background-color:#fff;}
.btn03 {width:120px; height:25px; border:1px solid #666; font-family:"나눔고딕"; color:#666; background-color:#fff;}
.btn04 {width:60px; height:23px; border:1px solid #444444; font-family:"나눔고딕"; color:#fff; background-color:#444444;}
.btn05 {width:80px; height:23px; border:1px solid #213b67; font-family:"나눔고딕"; color:#666; font-weight:bold; background-color:#fff;}

/* 전체 */
#wrap {position:relative; margin:0 auto; width:980px; z-index:8;}
#header {position:relative; width:980px; height:8px; overflow:hidden; z-index:9999; margin:0px auto; padding-top:20px; text-align:right; *zoom:1;}
#header a {padding-left:5px;}
#header:after {content:""; display:block; clear:both;}
#container {position:relative; width:980px; margin:0 auto; overflow:hidden; z-index:8; *zoom:1;}
#container:after {content:""; display:block; clear:both;}
#footer {width:980px; position:relative; margin:30px auto; overflow:hidden;*zoom:1}
#footer:after {content:""; display:block; clear:both; visibility:hidden;}
#footer dl dt {float:left; margin:10px 50px 0 0;}
#footer dl dd {margin-bottom:10px;}
#footer dl dd a {margin-right:10px;}

/* mbg */
.mbg {position:absolute; background:url('/images/mbg.gif') left top repeat-x; left:0px; top:93px; width:100%; height:708px;}

/* top menu */
.top_menu {position:absolute; right:0; top:5px; z-index:9999}

/* header - GNB */
#gnb {position:absolute; width:100%; height:65px; left:0; top:28px; overflow:hidden; z-index:9;}
#gnb .main {position:absolute; width:100%; background:url('/images/g_bg.gif') center top repeat-x; height:65px;  top:0px; z-index:9;}
#gnb .sub {position:absolute; height:180px; background:url('/images/gnb_bg.gif') center top repeat-x; height:310px; width:100%; top:-180px; left:0; overflow:hidden; border-bottom:1px solid #ebebeb; z-index:1;}
#gnb .sub .cbox {position:relative; width:980px; margin:0 auto; top:8px; overflow:hidden; left:0px}
#gnb .sub ul {float:left;}
#gnb .sub li {margin-bottom:5px; clear:both; padding:5px 0; text-align:left; min-width:61px;}

#gnb .sub .l3 {margin-left:275px;}
#gnb .sub .l2 {margin-left:45px;}
#gnb .sub .l5 {margin-left:38px;}
#gnb .sub .l1 {margin-left:70px;}
#gnb .sub .l4 {margin-left:30px;}

#gnb .nbbox {width:980px; position:relative; margin:0 auto;}
#gnb .nbbox .r {position:absolute; left:0px; top:15px; width:100%;}
#gnb .nbbox .r .div {position:absolute; left:0px;}
#gnb .nbbox .r ul {display:block; position:absolute; top:5px; right:20px;}
#gnb .nbbox .r ul li {float:left; margin:0 40px;}

/* cont */
.cont {margin-top:65px;z-index:1}

/* m_img */
.m_img {width:980px; height:578px; overflow:hidden; z-index:1}

#image_list_1 {position:relative; height:578px; width:980px; margin:0 auto;}
.clsBannerScreen {overflow:hidden; position:relative; height:578px; width:980px; cursor:pointer;}
.clsBannerScreen .images {position:absolute; display:none;}
/*  .clsBannerButton { width:980px; position:absolute; top:430px; left:6%; cursor:pointer; *zoom:1;}  */
.clsBannerButton { width:980px; position:absolute; top:430px; left:12.5%; cursor:pointer; *zoom:1;}

.clsBannerButton li {float:left; margin-left:45px;}

/* m_cont */
.m_cont {height:100px; overflow:hidden; padding:15px 0; *zoom:1;}
.m_cont:after {content:""; display:block; clear:both;}
.m_cont ul li {float:left;margin-left:19px; padding-left:20px; border-left:1px solid #dae7f9;}
.m_cont ul li:first-child {margin-left:0px; padding-left:0px; border-left:none;}
.m_cont ul .notice {width:300px; }
.m_cont ul .notice dl dt span {float:right; *margin-top:-15px;}
.m_cont ul .notice dl dt {margin-bottom:15px;}
.m_cont ul .notice dl dd {margin-bottom:3px; background:url('/images/dot.gif') left 50% no-repeat; }
.m_cont ul .notice dl dd a {color:#fff;padding-left:7px; }
.m_cont ul .notice dl dd span {float:right; *margin-top:-15px;color:#d0e0f6; font-size:10px; font-family:'Tahoma'}

/* s_cont */
.s_cont {padding-top:40px; *zoom:1;}
.s_cont:after {content:""; display:block; clear:both;}

.scont li {padding-bottom:50px;}

.smenu {width:200px; float:left; margin-right:50px; min-height:400px;}
.smenu dl {padding-bottom:5px; border-bottom:1px solid #e1e1e1}
.smenu dt {margin-bottom:10px; padding-bottom:15px; border-bottom:1px solid #e1e1e1}
.smenu dd {margin-bottom:5px;}
.contents {float:right; width:730px;}
.stit {margin-bottom:20px;}

/* 게시판 검색 */
.searchbox {border:1px solid #dedede; padding:3px; color:#666;}
.searchbox:hover, .searchbox:focus {border:1px solid #333;}
.board_search {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;}

.board_search02 {border:1px solid #e1e1e1;padding:5px; margin-bottom:20px;}
.board_search02 p {padding:7px 0; width:100%; border-bottom:1px dashed #e1e1e1;margin-bottom:0px; font-size:12px; color:#282828;}
.board_search02 p em {font-weight:bold; color:#d02127; font-size:15px;}


/* 게시판리스트 */
.tbl_list,.tbl_list th,.tbl_list td{border:0; line-height:1.3em;}
.tbl_list {margin-top:10px; border-top:1px solid #083f88;}
.tbl_list th {padding:8px 0; color:#666; font-size:13px; background-color:#f5f4f4;}
.tbl_list td {padding:7px 0px; border-bottom:1px solid #f5f4f4; text-align:center;}
.tbl_list .text_left {text-align:left; padding-left:15px;}

/* 보기게시판 */
.tbl_look {margin-top:10px; border-top:1px solid #083f88; border-bottom:1px dashed #ececec;}
.tbl_look th {padding:7px 0; color:#666; background-color:#f5f4f4; border-bottom:1px solid #fff;}
.tbl_look td {padding-left:5px; text-align:center; border-bottom:1px solid #ececec; }
.look_text {text-align:left; padding:10px; line-height:2em;}


/* 쓰기게시판 */
.tbl_write {border-top:1px solid #083f88;}
.tbl_write th {padding:8px 0; background-color:#f5f4f4; color:#666; border-bottom:1px solid #fff;}
.tbl_write td { border-bottom:1px solid #ececec; padding:3px;}

/* 이미지게시판 */
.img_list {width:730px; margin-bottom:30px; display:inline-block; *zoom:1}
.img_list:after {content:""; display:block; clear:both;}
.img_list li {border:1px solid #e1e1e1; width:160px; padding:3px; float:left;margin-left:15px;}
.img_list li:first-child {margin:0px;}
.img_list li img {width:160px; height:105px;}
.img_list li:hover {border:1px solid #1d1f86;text-decoration:none; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5;} 
.img_list li a p{text-align:center; color:#000; display:inline-block; width:160px; line-height:1.5em; padding:5px 0px; text-decoration:none;}

.search_map li {float:left;}

/* 상세보기 */
.d_view .d_title {border-bottom:1px solid #666; padding-bottom:8px; margin-bottom:15px; font-size:18px; color:#000}
.d_view {width:99.5%; margin:10px 0; background-color:#fff; *zoom:1;}
.d_view:after {content:""; display:block; clear:both;}
.d_view .p_tit {font-family:"돋움", "Verdana"; font-size:16px; color:#555; font-weight:bold; letter-spacing:0px; margin:20px 10px 0px 10px; border-bottom:1px solid #555; padding-bottom:10px;}
.big {float:left; width:300px; margin:5px 10px; text-align:center;}
.big dt {width:300px;}
.big dd a {margin:0 3px;}
.big dd img {width:20px; height:20px;}
.d_view ul {float:right; width:54%;}
.d_view li {padding:8px 0 9px; border-bottom:1px dotted #b2b2b2;}
.d_view .small_txt {margin-top:-10px; font-size:13px;font-size:13px;}
.d_view li em {display:inline-block; width:110px; background:url('/images/dot.gif') left 50% no-repeat; font-family:"돋움", "Verdana"; vertical-align:top; font-weight:bold; color:#111; font-size:11px; padding-left:10px; line-height:1.5em;}
.d_view li span { display:inline-block; width:60%; color:#333; font-size:11px; line-height:1.5em;}

/* view_cont */
.view_cont dt {padding:10px 18px; border-bottom:1px solid #dedede; border-top:1px solid #dedede; color:#000; font-size:14px; font-weight:bold; background:#f5f4f4 url('/images/dot.gif') 10px 50% no-repeat; margin-bottom:10px;}
.view_cont dd {min-height:100px; padding:0 0 25px 0; *zoom:1;}
.view_cont dd:after {content:""; display:block; clear:both;}
.vc_tit {position:relative; font-size:14px; font-weight:bold; color:#3c67bf; border-left:4px solid #3c67bf; padding:0 0 5px 5px; margin:0px 0 10px 0;}

.mp_tit {color:#333; font-size:26px; font-weight:bold; margin-bottom:20px;}

/* join */
.yak_right {text-align:right; margin:5px 10px 0 0;}
.join {border-top:1px solid #045c8e; border-bottom:1px solid #045c8e;}
.join td {padding:5px 10px; border-bottom:1px dashed #e1e1e1;}
.join th span {color:red; }
.join th { border-bottom:1px solid #fff;border-right:1px solid #dedede; background-color:#f5f4f4; padding:8px 0; text-align:center;}


/* LoGin */
.login {position:relative; margin:30px auto auto auto; width:730px; height:190px; background:url('/eng/images/login_box01.gif') no-repeat;}
.logbox {margin:0px 0 0 400px;}
.logbox span {width:80px;}
.logbox th {text-align:left;}
.logbox .memb {border:1px solid #d7d7d7; padding:3px ;font-family:"돋움", "Arial"; font-size:12px; color:#999; font-weight:normal; line-height:2em;}
.logbox a {vertical-align:middle; font-family:"Malgun Gothic"; font-size:11px; color:#333;}
.logbox a:hover {color:#999; text-decoration:none;}

/* 아이디 비번 찾기 */
#seek {overflow:hidden; background:#fff !important; border:solid 5px #3c67bf;}
.seek {margin:15px auto;}
.seek * {vertical-align:middle;}
.seek .tit {padding:5px 0; border-bottom:2px solid #34445d; margin-bottom:5px; font-family:"돋움", "Arial"; font-size:16px; font-weight:bold; color:#444; line-height:1.5em; text-align:center;}
.seek .condition {text-align:center; padding:10px 0; font-size:11px; font-weight:bold; color:#888; line-height:1.5em;}
.seek .id_search {border-top:1px solid #d2d2d2; border-bottom:1px solid #d2d2d2; margin-bottom:20px;}
.seek .id_search span.cate {background:url('../images/ico_arrow_red.gif') 0 50% no-repeat; padding:5px 0px 5px 10px; font-size:11px; font-weight:bold; color:#999; display:inline-block; width:80px;}
.seek .pw_search {border-top:1px solid #d2d2d2; border-bottom:1px solid #d2d2d2; margin-bottom:10px;}
.seek .pw_search span.cate {background:url('../images/ico_arrow_red.gif') 0 50% no-repeat; padding:0px 0px 0px 10px; font-size:11px; font-weight:bold; color:#999; display:inline-block; width:80px;}
.seek .id_result {border-top:1px solid #d2d2d2; border-bottom:1px solid #d2d2d2; background-color:#f5f5f5; text-align:center; margin-bottom:20px;}
.seek .id_btn {padding:2px 0; text-align:center;}

/* 아이디 중복확인 */
#check {overflow:hidden; background:none !important; border:solid 5px #3c67bf;}
.check {margin:15px auto;}
.check * {vertical-align:middle;}
.check .tit {padding:5px 0; border-bottom:2px solid #34445d; margin-bottom:10px; font-family:"돋움", "Arial"; font-size:16px; font-weight:bold; color:#444; line-height:1.5em; text-align:center;}
.check .id_result {border-top:1px solid #d2d2d2; border-bottom:1px solid #d2d2d2; background-color:#f5f5f5; text-align:center; margin-bottom:20px;}
.check .id_result td {font-family:"돋움", "Arial"; font-size:11px; color:#999; line-height:1.5em; letter-spacing:-1px;}
.check .id_btn {padding:2px 0; text-align:center;}

/* 우편번호 검색 */
.post01 {overflow:hidden; width:330px; background-color:#fff !important; border:solid 5px #3c67bf; text-align:center;}
.post01 * {vertical-align:middle;}
.post01 .tit {padding:5px 0; border-bottom:2px solid #000; margin-bottom:10px; font-family:"돋움", "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:235px; overflow:auto; margin-top:15px;}
.bor tr th {padding:5px; border-top:solid 1px #705a4b; text-align:center; border-bottom:solid 1px #705a4b; text-align:center;}
.num {border-bottom: 1px solid #dedede; padding:2px 0; color:#7d7d7d;}
.title {border-bottom: 1px solid #dedede; line-height:2.5em; text-align:left;}

/* sitemap */
.site {width:980px; margin:0 auto;*zoom:1;}
.site:after {content:""; display:block; clear:both;}
.site dl {clear:both;padding-bottom:10px; margin-bottom:10px; border-bottom:1px dashed #dedede;}
.site dl:last-child {margin-right:0px;}
.sitemap {*zoom:1;}
.sitemap:after {content:""; display:block; clear:both;}
.sitemap dt, .sitemap dd {text-align:center; width:150px;float:left; margin-right:10px;}
.sitemap dt{padding:5px 0; background-color:#FFF; color:#3c67bf; font-size:15px; font-family:'Malgun Gothic'; font-weight:bold; margin-bottom:10px; border:1px solid #e1e1e1; border-bottom:2px solid #3c67bf;}
.sitemap dd { font-family:'Malgun Gothic'; font-size:13px; background-color:#8a6b46; margin-bottom:5px; border-bottom:1px solid #dedede}
.sitemap dd a {color:#000; padding:8px 0; display:inline-block; width:150px; font-size:13px; font-family:"Malgun Gothic", "돋움", "Arial"; background-color:#e1e1e1;}
.sitemap dd ul li a {color:#000; background-color:#999;}
.sitemap dd ul li a:hover {background-color:#000}
.sitemap dd a:hover {color:#fff; background-color:#3c67bf; width:150px; text-decoration:none; }


/* s_pro */
.s_pro {position:relative; width:99.6%; border:1px solid #11286d; background-color:#fff; padding-top:5px;}
.s_pro ul {position:relative; width:730px;*zoom:1;}
.s_pro ul:after {content:""; display:block; clear:both;}
.s_pro li {float:left; padding:10px 0 10px 20px; background:url('/images/dot.gif') 15px 15px no-repeat; display:inline-block; width:120px; }
.s_pro li a {font-size:12px; color:#999; font-family:'Malgun Gothic'; font-weight:bold; width:18%; }
.s_pro li a:hover, .s_pro li.on a {font-size:12px; color:#000; text-decoration:none;}

/* s_pro02 */
.s_pro02 {position:relative; width:99.6%; background-color:#f5f4f4; padding-top:5px; border-bottom:1px solid #dedede;}
.s_pro02 ul {position:relative; width:730px;*zoom:1;}
.s_pro02 ul:after {content:""; display:block; clear:both;}
.s_pro02 li {float:left; padding:10px 20px; width:19%; display:inline-block;}
.s_pro02 li a {font-size:12px; color:#666; font-family:'Malgun Gothic'; font-weight:bold}
.s_pro02 li a:hover, .s_pro li.on a {font-size:12px; color:#1d3373; text-decoration:none;}

/* 제품 소개 메인 */
.p_tit_lst ul {*zoom:1}
.p_tit_lst ul:after {content:""; display:block; clear:both;}
.p_tit_lst li {float:left; display:inline-block; width:50%; text-align:center; padding:20px 0}

.p_cate {padding-bottom:5px;}
.p_cate strong {display:block; font-weight:bold; font-size:20px; border-bottom:1px solid #ddd; margin:20px 0}
.p_cate dt {color:#444; line-height:2; font-weight:bold}
.p_cate dt span {padding:2px 4px; color:#fff}
.p_cate dd {width:50%; padding:35px 0}
.p_cate img {margin:30px 0 0 5px;}
.p_cate span img {margin:0 0 0 440px;}
.p_cate p img {margin:0 0 0 150px;}

.d_table {width:100%; background-color:#ddd; margin:15px 0;}
.d_table th {background-color:#4157f9; padding:5px; color:#fff}
.d_table td {background-color:#fff; text-align:center; padding:5px}




/* 통합검색 */
.search_all {position:absolute; right:-200px; top:7px; background:#efefef}