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

@font-face {
    font-family:'NanumGothic';
    src: url('/res/font/NanumGothic.eot');
    src: url('/res/font/NanumGothic.eot?#iefix') format('embedded-opentype'),
         url('/res/font/NanumGothic.woff') format('woff'),
         url('/res/font/NanumGothic.ttf') format('truetype');
    font-weight: normal;
    font-style: normal; 
}

html { overflow-x:auto; overflow-y:scroll;}
html, body { margin:0px; padding:0px; font-family: 'NanumGothic','malgun gothic','¸¼Àº °íµñ','µ¸¿ò', Dotum, Tahoma; font-size:12px; color:#888; line-height:16px; height:100%;width:100%;}
* { background-color: transparent; margin:0; padding:0; }
img, fieldset { border:0px; }
form {border:0px;padding:0px;margin:0px;}
p, div, h1, h2, h3, h4, h5, h6, ul, li, dl, dt, dd, ol, input, textarea {list-style-type:none; padding:0; margin:0; font:12px 'NanumGothic','malgun gothic','¸¼Àº °íµñ','µ¸¿ò'; color:#888; vertical-align: middle;}
address, caption, cite, code, dfn, em, var {font-style:normal; font-weight:normal;}
caption, legend, #skipNavi ,hr{width:0; height:0; line-height:0; overflow:hidden; visibility:hidden; font-size:0; border:0 none;}
table {display: table; border-collapse: separate; border-spacing: 0px}
select, input, img, li {vertical-align: middle; text-align: left}
input[type="checkbox"] {margin: 0 !important;}
select, input {font-family: 'NanumGothic','malgun gothic','¸¼Àº °íµñ','µ¸¿ò', Dotum, Tahoma}


a, a:link, a:visited, a:active { color:#888; text-decoration:none; }
a:hover { color:#888; text-decoration:none; }

/*input{ime-mode:active;}*/
input[type=text]{ border-bottom:#e0e0e0 solid 1px; border-right:#e0e0e0 solid 1px; border-top:#cccccc solid 1px; border-left:#cccccc solid 1px;}
input[type=password]{ border-bottom:#e0e0e0 solid 1px; border-right:#e0e0e0 solid 1px; border-top:#cccccc solid 1px; border-left:#cccccc solid 1px;}

.linkStyle{color:#333;text-decoration:none;} /* A link text style */
.linkStyle:hover{color:#1a8ada;text-decoration:none;}  /* A:hover link text style */

.linkStyle2{color:#024d82;text-decoration:none; font-weight:bold;} /* A link text style */
.linkStyle2:hover{color:#1a8ada;text-decoration:none;}  /* A:hover link text style */

.clear{clear:both;}

#wrap {display: block; margin:0 auto; width: 100%; min-width: 1200px}
#header {display: block; position: relative; width: 100%; height: 70px; margin: 0 auto; background: url('/res/img/header_bg.gif') repeat-x; text-align: center}
#header #contwrap {display: block; position: relative; width: 1200px; height: 70px; overflow: none; margin: 0 auto;}
#header #contwrap #logo {float: left; display: inline; width: 678px; height: 70px; text-align: left}
#header #contwrap #logo img {margin: 16px 0 0 15px}
#header #contwrap #totalsearch {float: left; display: inline; width: 280px; height: 70px; text-align: center; vertical-align: middle; border-right: 1px solid #46539c}
#header #contwrap #totalsearch .frmwarp {display: block; position: relative; width: 250px; border: 2px solid #6871a9; background: #2d3b88; padding: 3px; margin-top: 21px;}
#header #contwrap #totalsearch input[type=text] {border: 0; background: transparent; width: 230px; height: 20px; color: #f9f9f9}
#header #contwrap #insnav {float: left; display: inline; width: 240px; height: 70px; text-align: left; border-right: 1px solid #48549e}
#header #contwrap #insnav ul li {float: left; display: inline; padding: 0; margin: 0 auto}

#mainnavwrap {display: block; position: relative; width: 100%; height: 40px; margin: 0 auto; background: url('/res/img/mainnav_bg.gif') repeat-x; text-align: center}
#mainnavwrap #mainnav {display: block; position: relative; width: 1200px; height: 40px; margin: 0 auto}
#mainnavwrap #mainnav ul li {padding: 10px 0 0 0; font-size: 16px}
#mainnavwrap #mainnav ul li {float: left; display: inline; width: 200px; height: 40px; background: url('/res/img/mainnav_objbg.gif') no-repeat; text-align: center; color: #ffffff; font-weight: normal}
#mainnavwrap #mainnav ul li.a {float: left; display: inline; width: 200px; height: 40px; background: #FFFFFF; text-align: center; color: #333333; font-weight: bold}
#mainnavwrap #mainnav ul li:last-child {float: left; display: inline; width: 200px; height: 40px; text-align: center; color: #ffffff; font-weight: normal; background: transparent}
#mainnavwrap #mainnav ul li a {color: #FFF; text-decoration: none}
#mainnavwrap #mainnav ul li a:hover {color: #FFF; text-decoration: underline}
#mainnavwrap #mainnav ul li.a a {color: #333; text-decoration: none}
#mainnavwrap #mainnav ul li.a a:hover {color: #333; text-decoration: underline}
.subnavwrap {display: block; position: relative; width: 1200px; margin: 0 auto; text-align: center}
.subnavwrap table {width: 1200px; margin: 10px 0 10px 0; padding: 0; border-collapse: 0}
.subnavwrap table.actnav {display: table}
.subnavwrap table.hidnav {display: none}
.subnavwrap td.subnav1 {height: 29px; border-bottom: 1px solid #f5f5f5; font-size: 13px; color: #3c5c99; font-weight: bold}
.subnavwrap td.subnav2 {border-bottom: 1px solid #f5f5f5; text-align: left; font-size: 13px; color: #666; font-weight: normal; line-height: 20px; padding: 5px 0 5px 0}
.subnavwrap td.subnav1l {height: 29px; border: 0; font-size: 13px; color: #3c5c99; font-weight: bold}
.subnavwrap td.subnav2l {border: 0; text-align: left; font-size: 13px; color: #666; font-weight: normal; line-height: 20px; padding: 5px 0 5px 0}
.subnavwrap td.subnav1 a, a:link, a:visited {color: #333; text-decoration: none}
.subnavwrap td.subnav1 a:hover {color: #3c5c99; text-decoration: underline}
.subnavwrap td.subnav1l a:hover {color: #3c5c99; text-decoration: underline}
.subnavwrap td.subnav2 a, a:link, a:visited {color: #333; text-decoration: none}
.subnavwrap td.subnav2 a:hover {color: #3c5c99; text-decoration: underline}
.subnavwrap td.subnav2l a:hover {color: #3c5c99; text-decoration: underline}
.subnavwrap td .subnav2a {color: #3c5c99; font-weight: bold}

#recwrap {display: block; position: relative; width: 100%; height: 39px; border-top: 1px solid #e4e4e4; border-bottom: 1px solid #e4e4e4; text-align: center}
#recwrap #recpath {display: block; position: relative; width: 1190px; height: 29px; margin: 0 auto; text-align: right; padding: 12px 10px 0 0; color: #ff6600; font-weight: bold}
#recwrap #recpath a {font-size: 11px; color: #999; font-weight: normal}
#recwrap #recpath a:hover {color: #3c5c99; text-decoration: underline}

#contwrap {width: 100%}
#contwrap #content {display: block; position: relative; width: 1200px; height: 100%; margin: 0 auto; padding: 17px 0 0 0}
#contwrap #content #lnavwrap {float: left; display: block; width: 190px; padding: 0 0 30px 10px}
#contwrap #content #lnavwrap #lnav_title {display: block; width: 188px; font-size: 24px; color: #333; font-size: 24px; font-weight: bold; border-bottom: 2px solid #ff6600; padding: 5px 0 5px 2px}
#contwarp #content #lnavwrap #lnav_sub {display: block; position: relative; width: 190px}
#contwrap #content #lnavwrap #lnav_sub .lnav_sub1 {color: #333; font-size: 14px; font-weight: bold; border-bottom: 1px solid #e4e4e4; padding: 15px 0 8px 2px}
#contwrap #content #lnavwrap #lnav_sub .lnav_sub1_a {color: #ff6600; font-size: 14px; font-weight: bold; border-bottom: 1px solid #e4e4e4; padding: 15px 0 8px 2px}
#contwrap #content #lnavwrap #lnav_sub .lnav_sub2 {color: #666; font-size: 12px; font-weight: normal; padding: 15px 0 15px 0; border-bottom: 1px solid #e4e4e4}
#contwrap #content #lnavwrap #lnav_sub ul li {padding: 3px 0 3px 15px}
.lnav_sub2a {color: #ff6600; font-weight: bold; line-height: 16px; background: url('/res/img/ico_lnav_suba.gif') no-repeat}
.lnav_sub2n {color: #666; font-weight: normal; line-height: 16px}
.lnav_sub2n a {color: #666; text-decoration: none}
.lnav_sub2n a:hover {color: #ff6600; text-decoration: underline}

#contwrap #search {display: block; position: relative; width: 1200px; height: 100%; margin: 0 auto; padding: 17px 0 0 0}
#contwrap #search #lnavwrap {float: left; display: block; width: 190px; padding: 0 0 30px 10px}
#contwrap #search #lnavwrap #lnav_title {display: block; width: 188px; font-size: 24px; color: #333; font-size: 24px; font-weight: bold; border-bottom: 2px solid #3b4999; padding: 5px 0 5px 2px}
#contwarp #search #lnavwrap #lnav_sub {display: block; position: relative; width: 190px}
#contwrap #search #lnavwrap #lnav_sub .lnav_sub1_a {color: #3b4999; font-size: 14px; font-weight: bold; border-bottom: 1px solid #e4e4e4; padding: 12px 0 8px 2px; background: url('/res/img/ico_bul_lnav_suba.gif') right no-repeat}

#contwrap #search #rcontwrap {float: left; display: block; width: 940px; height: 100%; padding: 0 30px 50px 30px}
#contwrap #search #rcontwrap #searcharea {display: block; position: relative; padding: 30px; text-align: center; border: 10px solid #8e94b4; margin-bottom: 30px}
#contwrap #search #rcontwrap #searcharea input[type="text"] {width: 400px; height: 20px; color: #333; font-size: 16px; border: 5px solid #3a4897; padding: 5px}
#contwrap #search #rcontwrap #searcharea #resultsum {display: block; position: relative; margin: 10px 0 0 0}
#contwrap #search #rcontwrap #searcharea #resultsum .keyword {font-size: 16px; color: #3a4897; font-weight: bold}
#contwrap #search #rcontwrap #searcharea #resultsum .result {font-size: 14px; color: #3a4897; font-weight: bold}

#contwrap #search #rcontwrap #searchresult {display: block; position: relative; padding: 30px}
#contwrap #search #rcontwrap #searchresult #nodata {display: block; position: relative; padding: 50px; text-align: center; font-size: 16px; color: #3a4897; border-top: 1px solid #e4e4e4; ; border-bottom: 1px solid #e4e4e4}
#contwrap #search #rcontwrap #searchresult ul {border-top: 1px solid #e4e4e4}
#contwrap #search #rcontwrap #searchresult ul li {display: block; position: relative; padding: 15px; border-bottom: 1px solid #e4e4e4; font-size: 14px}
#contwrap #search #rcontwrap #searchresult ul li a {color: #333; text-decoration: none}
#contwrap #search #rcontwrap #searchresult ul li a:hover {color: #3a4897; text-decoration: underline}
#contwrap #search #rcontwrap #searchresult ul li .prodname {display: block; font-size: 22px; font-weight: bold; margin: 5px 0 5px 0}
#contwrap #search #rcontwrap #searchresult ul li .proddesc {display: block; font-size: 14px; padding-top: 5px; line-height: 20px}


#contwrap #bulletin {display: block; position: relative; width: 1200px; height: 100%; margin: 0 auto; padding: 17px 0 0 0}
#contwrap #bulletin #lnavwrap {float: left; display: block; width: 190px; padding: 0 0 30px 10px}
#contwrap #bulletin #lnavwrap #lnav_title {display: block; width: 188px; font-size: 24px; color: #333; font-size: 24px; font-weight: bold; border-bottom: 2px solid #3b4999; padding: 5px 0 5px 2px}
#contwarp #bulletin #lnavwrap #lnav_sub {display: block; position: relative; width: 190px}
#contwrap #bulletin #lnavwrap #lnav_sub .lnav_sub1 {color: #333; font-size: 12px; border-bottom: 1px solid #e4e4e4; padding: 12px 0 8px 2px}
#contwrap #bulletin #lnavwrap #lnav_sub .lnav_sub1_a {color: #3b4999; font-size: 14px; font-weight: bold; border-bottom: 1px solid #e4e4e4; padding: 12px 0 8px 2px; background: url('/res/img/ico_bul_lnav_suba.gif') right no-repeat}
#contwrap #bulletin #lnavwrap #lnav_sub .lnav_sub1_a a {color: #3b4999}
#contwrap #bulletin #lnavwrap #lnav_sub a {color: #666; text-decoration: none}
#contwrap #bulletin #lnavwrap #lnav_sub a:hover {color: #3b4999; text-decoration: underline}

#contwrap #bulletin #rcontwrap {float: left; display: block; width: 940px; height: 100%; padding: 0 30px 50px 30px}
#contwrap #bulletin #rcontwrap #bulltitle {}
#contwrap #bulletin #rcontwrap #board {display: block; position: relative; padding: 30px}
#contwrap #bulletin #rcontwrap table {width: 100%}
#contwrap #bulletin #rcontwrap table th {font-size: 12px; height: 46px; border-top: 1px solid #ccc; border-bottom: 2px solid #ccc; color: #333; font-weight: bold; text-align: center}
#contwrap #bulletin #rcontwrap table th.bulltitle {font-size: 16px}
#contwrap #bulletin #rcontwrap table th.viewtitle {font-size: 16px; text-align: left; padding-left: 10px}
#contwrap #bulletin #rcontwrap table th.alignleft {font-size: 12px; text-align: left}
#contwrap #bulletin #rcontwrap table td {font-size: 12px; height: 42px; border-bottom: 1px solid #e4e4e4; text-align: center; color: #666; font-weight: normal}
#contwrap #bulletin #rcontwrap table td #viewcontent {font-size: 12px; color: #666; line-height: 20px; padding: 20px; min-height: 200px !important}
#contwrap #bulletin #rcontwrap table td input[type="text"] { width: 100%; height: 21px; border: 0; color: #666}
#contwrap #bulletin #rcontwrap table td input[type="password"] { width: 100%; height: 21px; border: 0; color: #666}
#contwrap #bulletin #rcontwrap table td .frmwrap {display: block; width: 764px; position: relative; border: 1px solid #ccc; padding: 3px}
#contwrap #bulletin #rcontwrap table td .frmwrap_s {display: block; width: 200px; position: relative; border: 1px solid #ccc; padding: 3px}
#contwrap #bulletin #rcontwrap table td .frmwrap_b {display: block; width: 770px; position: relative; border: 1px solid #ccc; margin: 5px 0 5px 0}
#contwrap #bulletin #rcontwrap table td textarea {width: 750px; height: 300px; border: 0; color: #666; line-height: 18px; padding: 10px}
#contwrap #bulletin #rcontwrap table td span.errtxt {color: #FF6600}
#contwrap #bulletin #rcontwrap table td #nodata { margin-top: 50px; margin-bottom: 50px}
#contwrap #bulletin #rcontwrap table td.alignleft {text-align: left; padding: 0 0 0 5px}
#contwrap #bulletin #rcontwrap table td a {color: #333; text-decoration: none}
#contwrap #bulletin #rcontwrap table td a:hover {color: #6666cc; text-decoration: underline}
#contwrap #bulletin #rcontwrap table td #spamclose {margin: 10px 0 10px 0}
#contwrap #bulletin #rcontwrap table td #spamclose #zsfCode {width: 200px; height: 25px; border: 1px solid #ccc}
#contwrap #bulletin #rcontwrap table td #spamclose p {line-height: 26px}
#contwrap #bulletin #rcontwrap table td #spamclose p.bdr {padding-bottom: 5px; border-bottom: 1px solid #eee}
#contwrap #bulletin #rcontwrap table tr.rerow {background: #f9f9f9}
#contwrap #bulletin #rcontwrap table td #chkpwd {display: block; position: relative; padding: 40px 0 50px 0; text-align: center}
#contwrap #bulletin #rcontwrap table td #chkpwd input[type="password"] {width: 200px; height: 25px; padding: 3px; border: 1px solid #ccc}
#contwrap #bulletin #rcontwrap table td #chkpwd p {font-size: 14px; color: #666; line-height: 40px; margin-bottom: 20px}
#contwrap #bulletin #rcontwrap table td #chkpwd p.err {color: #ff6600; font-weight: bold}

#contwrap #bulletin #rcontwrap #board_ctrl {position: relative; height: 60px; text-align: center; padding: 15px 0 20px 0}
#contwrap #bulletin #rcontwrap #board_ctrl li {display: inline; margin-left: 10px}

#contwrap #content #rcontwrap {float: left; display: block; width: 940px; height: 100%; padding: 0 30px 50px 30px}
#contwrap #content #rcontwrap #contpath {display: block; width: 940px; font-family: Dotum; font-size: 11px; padding: 25px 0 2px 7px}
#contwrap #content #rcontwrap #contpath a {color: #999; text-decoration: none}
#contwrap #content #rcontwrap #contpath a:hover {color: #333; text-decoration: underline}
#contwrap #content #rcontwrap #conttitle {display: block; font-size: 28px; font-weight: bold; color: #333; padding: 3px 0 4px 5px; border-bottom: 1px solid #e4e4e4; margin-bottom: 10px}
#contwrap #content #rcontwrap #subprodlist {display: block; padding: 10px; border-bottom: 1px solid #e4e4e4; line-height: 18px}
#contwrap #content #rcontwrap #subprodlist .selcate a {color: #ff6600; font-weight: bold}
#contwrap #content #rcontwrap #subprodlist a {color: #333; text-decoration: none}
#contwrap #content #rcontwrap #subprodlist a:hover {color: #ff6600; text-decoration: underline}
#contwrap #content #rcontwrap #contdescwrap {display: block; position: relative; width: 940px; height: 100%}
#contwrap #content #rcontwrap #contdesc_only {display: block; width: 920px; height: 100%; padding: 15px 10px 15px 10px; color: #666; line-height: 20px; word-break:break-all; word-wrap:break-word;}
#contwrap #content #rcontwrap #contdescwrap #contphotorwap {position: relative; float: left; display: inline; width: 400px; padding: 0 0 20px 0}
#contwrap #content #rcontwrap #contdescwrap #contphotorwap #contphoto {display: block; width: 400px; height: 330px; text-align: center; background-repeat: no-repeat; background-position: center}
#contwrap #content #rcontwrap #contdescwrap #contphotorwap #contphotoselect {display: block; width: 300px; text-align: center; padding: 10px 50px 0 50px}
#contwrap #content #rcontwrap #contdescwrap #contphotorwap #contphotoselect .selphoto {float: left; width: 40px; height: 40px; border: 5px solid #6666cc; margin: 5px; background-repeat: no-repeat; background-position: center; background-size: 50px}
#contwrap #content #rcontwrap #contdescwrap #contphotorwap #contphotoselect .norphoto {float: left; width: 48px; height: 48px; border: 1px solid #e4e4e4; margin: 5px; background-repeat: no-repeat; background-position: center; background-size: 50px}
#contwrap #content #rcontwrap #contdescwrap #contdesc {float: left; display: inline; width: 520px; height: 100%; padding: 15px 10px 15px 10px; color: #666; line-height: 20px}
#contwrap #content #rcontwrap #contdescwrap #contphotorwap #contphotoselect .selarr {float: left}
#contwrap #content #rcontwrap .contimg {display: block; position: relative; border-top: 1px solid #e4e4e4; border-bottom: #e4e4e4; text-align: center; padding: 20px}
#contwrap #content #rcontwrap #contfile {display: block; position: relative; border-top: 1px solid #e4e4e4; border-bottom: #e4e4e4; padding: 30px}
#contwrap #content #rcontwrap table {width: 100%}
#contwrap #content #rcontwrap table th {background: #f9f9f9; height: 38px; border-top: 1px solid #e4e4e4; border-bottom: 1px solid #e4e4e4; color: #333; font-weight: bold; text-align: center}
#contwrap #content #rcontwrap table td {height: 39px; border-bottom: 1px solid #e4e4e4; text-align: center; color: #666; font-weight: normal}
#contwrap #content #rcontwrap table td span.errtxt {color: #FF6600}
#contwrap #content #rcontwrap table td.alignleft {text-align: left; padding: 0 0 0 5px}
#contwrap #content #rcontwrap table td a {color: #333; text-decoration: none}
#contwrap #content #rcontwrap table td a:hover {color: #6666cc; text-decoration: underline}

#footer {display: block; position: relative; width: 100%; height: 180px; margin: 0; border-top: 1px solid #e4e4e4; text-align: center}
#footer #footerwrap {display: block; position: relative; width: 1200px; height: 100%; margin: 0 auto; padding: 20px 0 0 0}
#footer #company {float: left; display: inline; width: 540px; height: 170px}
#footer #company #company_logo {float: left; display: inline; width: 140px; vertical-align: top; text-align: center}
#footer #company #company_desc {float: left; display: inline; width: 400px; vertical-align: top; text-align: left}
#footer #company #company_desc h1 {font-size: 16px; color: #000; font-weight: bold; line-height: 30px}
#footer #company #company_desc p {font-size: 11px; color: #999; line-height: 16px}
#footer .bnav {float: left; display: inline; width: 159px; height: 140px; text-align: left; padding: 10px 0 20px 40px; border-left: 1px solid #e4e4e4}
#footer .bnav h1 {font-size: 13px; font-weight: bold; color: #333; line-height: 30px}
#footer .bnav ul li {font-size: 12px; color: #999; line-height: 18px}
#footer .bnav ul li a {color: #999; text-decoration: none}
#footer .bnav ul li a:hover {color: #3c5c99; text-decoration: underline}
#footer #toplink {float: left; display: inline; width: 59px; height: 170px; text-align: center; border-left: 1px solid #e4e4e4}