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

#cont_wrap {position: relative; display: block; width: 1200px; height: 100%; margin: 0 auto; padding-top: 135px; overflow: hidden; background: url("/res/img/cont_wrap_bg.png") repeat-y}
#cont_wrap_bulletin {position: relative; display: block; width: 1200px; height: 100%; margin: 0 auto; padding-top: 105px; overflow: hidden; background: url("/res/img/cont_wrap_bg_brd.png") repeat-y}
#ln_area {position: relative; float: left; width: 239px; height: 100%; vertical-align: top; border-left: 1px solid #e2e2e2; border-right: 1px solid #e2e2e2; overflow: hidden; z-index: 9; padding-bottom: 50px} 
#ln_area #ln {width: 239px; z-index: 9} 
#ln_area #ln_bulletin {width: 239px; margin-bottom: 50px; z-index: 9} 
#ln_area #ln_bulletin div {font-family: "돋움", "Dotum"; display: block; position: relative}
#ln_area #ln div, #ln_area #ln ul li {font-family: "돋움", "Dotum"; display: block; position: relative}

#ln_area #ln div.act {background: url("/res/img/ln01_dot.gif") right no-repeat #495572; padding: 12px 20px 12px 20px}
#ln_area #ln_bulletin div.act {background: url("/res/img/ln02_dot.gif") right no-repeat #495572; padding: 12px 20px 12px 20px}
#ln_area #ln div.act a, #ln_area #ln_bulletin div.act a {font-size: 14px; font-weight: bold; letter-spacing: -1px; color: #ffcc00}

#ln_area #ln div.nor, #ln_area #ln_bulletin div.nor {border-bottom: 1px solid #9e9f9f}
#ln_area #ln div.nor a, #ln_area #ln_bulletin div.nor a {display: block; background: #858991; padding: 12px 20px 12px 20px; color: #fff; font-size: 14px; font-weight: bold; letter-spacing: -1px}
#ln_area #ln div.nor a:hover, #ln_area #ln div.nor a:focus, #ln_area #ln_bulletin div.nor a:hover, #ln_area #ln_bulletin div.nor a:focus {background: #495572; color: #ffcc00}
#ln_area #ln li {border-bottom: 1px solid #e2e2e2}
#ln_area #ln li a {display: block; width: 199px; height: 14px; padding: 8px 20px 8px 20px}
#ln_area #ln li a.act {font-weight: bold; color: #000; letter-spacing: -1px; background: url("/res/img/ln02_dot.gif") right no-repeat}
#ln_area #ln li a:hover, #ln_area #ln li a:focus {font-weight: bold; color: #000; letter-spacing: -1px; text-decoration: underline}

#content_wrap1 {display: block; float: right; width: 959px; height: 100%; overflow: hidden; background: url("/res/img/content_wrap_bg.gif")}
#content_wrap2, #content_wrap_bulletin {float: right; width: 959px; height: 100%; overflow: hidden; background: url("/res/img/content_wrap_bg_no.gif")}
#ln02_area {display: block; position: relative; float: left; width: 159px; height: 100%; min-height: 700px; border-right: 1px solid #e2e2e2}
#ln02_area_no {display: block; position: relative; float: left; width: 159px; height: 100%; min-height: 700px; border-right: 1px solid #e2e2e2; background: url("/res/img/ln02_bg_no.png") no-repeat}
#ln02_area_no.brd{background-image: url("/res/img/ln02_bg_brd.png")}
#ln02_area #ln02_title {width: 159px; height: 181px; font-family: "돋움",Dotum; background: url("/res/img/ln02_bg.png") no-repeat}
#ln02_area #ln02_title p.dpt01 {font-size: 12px; color: #a0aac4; font-weight: bold; padding: 30px 10px 0 15px}
#ln02_area #ln02_title p.dpt02 {font-size: 14px; color: #ffcc00; font-weight: bold; padding: 2px 10px 0 15px}
#ln02_area #ln02 ul {margin-bottom: 100px}
#ln02_area #ln02 li {border-bottom: 1px solid #737373}
#ln02_area #ln02 li a {display: block; font-size: 12px; color: #fff; padding: 5px 10px 5px 15px}
#ln02_area #ln02 li a:hover, #content_wrap #ln02_area #ln02 li a:focus {color: #ff7800; font-weight: bold; text-decoration: underline; letter-spacing: -1px; background: url("/res/img/ln03_bg_act.gif") repeat-y}
#ln02_area #ln02 li a.act {color: #ff7800; font-weight: bold; letter-spacing: -1px; background: url("/res/img/ln03_bg_act.gif") repeat-y}

#content {float: right; width: 780px; padding-left: 19px; padding-bottom: 80px}
#rpath {margin: 15px 5px 20px 0; text-align: right; font-weight: bold; color: #000; letter-spacing: -1px}
#rpath img {vertical-align: middle}
#rpath a {font-size: 11px;color: #999; font-weight: normal; letter-spacing: 0}
#rpath a:hover, #content #rpath a:focus {font-size: 11px; color: #000; text-decoration: underline}
#title_area {position: relative; width: 100%; min-height: 136px; border-bottom: 5px solid #999; background: url("/res/img/gnb02_cont_img.png") right bottom no-repeat}
#title_area.bulletin {border-bottom: 2px solid #57748c; background-image: url('/res/img/brd_cont_img.png')}
#title_area #dpt_marker {position: relative; display: block; margin: 5px 0 0 1px}
#title_area #cont_title {position: relative; padding: 40px 150px 10px 0; font-family: 'NanumGothicExtraBold','돋움', Dotum, Tahoma; font-size: 40px; color: #495572; letter-spacing: -3px}
#title_area #cont_rpath {position: relative; padding: 0 0 0 5px; font-family: 'NanumGothicExtraBold'; font-size: 13px; color: #666666}
#title_area #cont_rpath img {vertical-align: middle}

#cont_desc {display: block; padding: 30px 15px 15px 20px; color: #666; line-height: 18px}

#photo_area {display: block; position: relative; padding: 10px}
#photo {border: 1px solid #ccc; width: 760px; height: 500px; text-align: center; background-repeat: no-repeat; background-position: center}
#thumb_area {display: block; width: 100%; text-align: center; padding: 10px 0 70px 15px}
#thumb_area .selphoto {float: left; width: 50px; height: 35px; border: 5px solid #6666cc; margin-right: 15px; background-repeat: no-repeat; background-position: center; background-size: 58px}
#thumb_area .norphoto {float: left; width: 58px; height: 43px; border: 1px solid #e4e4e4; margin-right: 15px; background-repeat: no-repeat; background-position: center; background-size: 58px}

#contimg {display: block; position: relative; padding: 10px; margin-bottom: 30px}
#contimg div {display: block; position: relative; text-align: center}
#contimg div.cf_div {display: block; position: relative; border-bottom: 1px solid #EEEEEE; margin: 24px 0 25px 0}
#addfile {display: block; position: relative; margin-bottom: 30px; padding: 10px;}
#addfile table {width: 100%; text-align: center; margin:0 auto;}
#addfile table th {background: #f9f9f9; height: 38px; border-top: 1px solid #e4e4e4; border-bottom: 1px solid #e4e4e4; color: #333; font-weight: bold; text-align: center}
#addfile table td {height: 39px; border-bottom: 1px solid #e4e4e4; text-align: center; color: #666; font-weight: normal}
#addfile table td span.errtxt {color: #FF6600}
#addfile table td.alignleft {text-align: left; padding: 0 0 0 5px}
#addfile table td a {color: #333; text-decoration: none}
#addfile table td a:hover {color: #6666cc; text-decoration: underline}

#board {display: block; position: relative; padding: 15px 10px 0 10px}
#board #bddesc {background: url("/res/img/brd_desc_img.gif") left top no-repeat; padding-left: 40px; font-family: '돋움','Dotum'; font-size: 11px; color: #999; line-height: 16px; letter-spacing: -1px; margin-bottom: 20px; min-height: 30px; vertical-align: middle}
#board table {width: 100%; border}
#board 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}
#board table th.bulltitle {font-size: 16px}
#board table th.viewtitle {font-size: 16px; text-align: left; padding-left: 10px}
#board table th.alignleft {font-size: 12px; text-align: left}
#board table td {font-size: 12px; height: 42px; border-bottom: 1px solid #e4e4e4; text-align: center; color: #666; font-weight: normal}
#board table td div.viewcontent {font-family: 'Dotum'; font-size: 12px; color: #666; line-height: 20px; padding: 20px; min-height: 200px !important}
#board table td div pre {font-family: 'Dotum'; font-size: 12px; color: #666; line-height: 20px; white-space: pre-wrap; word-break:break-all; word-wrap:break-word;}
#board input[type="text"] { width: 100%; height: 21px; border: 0; color: #666}
#board input#frmsrhkeyword{height:22px;line-height:22px;}

#board table td input[type="password"] { width: 100%; height: 21px; border: 0; color: #666}
#board table td input[type="file"] { width: 100%; height: 21px; border: 0; color: #666}
#board table td .frmwrap {display: block; width: 660px; position: relative; border: 1px solid #ccc; padding: 3px}
#board table td .frmwrap.group-1 {display: inline-block; width: 460px}
#board .frmwrap_s {display: block; width: 200px; position: relative; border: 1px solid #ccc; padding: 3px}
#board table td .frmwrap_b {display: block; width: 660px; position: relative; border: 1px solid #ccc; margin: 5px 0 5px 0; padding: 3px}
#board table td .selwrap {padding:5px 5px 7px;border:1px solid #ccc;margin-right:5px}
#board table td select {border:0;color:#666;}
#board table td textarea {width: 100%; height: 300px; border: 0; color: #666; line-height: 18px;}
#board table td span.errtxt {color: #FF6600}
#board table td #nodata { margin-top: 50px; margin-bottom: 50px}
#board table td.deldata {text-align: left; padding-left: 80px; background: #f0f0f0; color: #ff6600}
#board table td.alignleft {text-align: left; padding: 0 0 0 5px}
#board .aligncenter{text-align:center;}
#board table td a {color: #333; text-decoration: none}
#board table td a:hover {color: #6666cc; text-decoration: underline}
#board table td #filefrm {margin: 5px 0 5px 0}
#board table td #filefrm p {margin-top: 5px; font-size: 11px}
#board table td #spamclose {margin: 10px 0 10px 0}
#board table td #spamclose #zsfCode {width: 200px; height: 25px; border: 1px solid #ccc}
#board table td #spamclose p {line-height: 26px}
#board table td #spamclose p.bdr {padding-bottom: 5px; border-bottom: 1px solid #eee}
#board table tr.rerow {background: #f9f9f9}
#board table td #chkpwd {display: block; position: relative; padding: 40px 0 50px 0; text-align: center}
#board table td #chkpwd input[type="password"] {width: 200px; height: 25px; padding: 3px; border: 1px solid #ccc}
#board table td #chkpwd p {font-size: 14px; color: #666; line-height: 40px; margin-bottom: 20px}
#board table td #chkpwd p.err {color: #ff6600; font-weight: bold}
#board #board_ctrl_bg {position: relative; display: block; width: 100%; text-align: center; overflow: hidden}
#board #board_ctrl_bg #board_ctrl {float: left; position: relative; text-align: center; padding: 15px 0 20px 0}
#board #board_ctrl_bg #board_ctrl li {display: inline; margin-left: 10px}
#board #board_ctrl_bg form {padding:10px;}
#board #board_ctrl_bg form .frmwrap_s {display:inline-block}
#board #board_ctrl_bg form input[type="submit"] {background:#99c;color:#fff;font-weight:bold;border:0;padding:7px 20px;}

#board .sel-srh-opt {padding:5px;overflow:hidden;border-top:1px solid #ddd;}
#board .sel-srh-opt label{padding:5px 3px 7px;margin-right:2px;font-weight:bold;letter-spacing:-1px;}
#board .sel-srh-opt label:first-child{color:#333;font-weight:bold;}
#board .sel-srh-opt .sel-srh-wrap{display:inline-block;padding:5px 5px 7px;border:1px solid #ccc;margin-right:5px;}
#board .sel-srh-opt select{border:0;color:#666;letter-spacing:-1px;}
#board .sel-srh-opt button{border:0;outline:0;font-weight:bold;color:#fff;background:#99C;padding:8px 15px 9px;cursor:pointer;font-size:12px;vertical-align:middle;}

#board .badge-type{font-weight:bold;color:#FFF;background:#669;padding:3px 5px;font-size:11px;border-radius:30px;}
#board .badge-type.link-type{font-weight:normal;padding:2px 4px;vertical-align:middle;margin-left:4px;}
#board a.badge-type.link-type:hover{color:#FFF;background:#e93939;text-decoration:none}

#board #board_ctrl_bg #board_list_ctrl {float: right; position: relative; text-align: center; padding: 15px 0 20px 0}
#board #board_ctrl_bg #board_list_ctrl li {display: inline; margin-left: 10px}
#board #board_ctrl_bg #board_ctrl_center {float: center; position: relative; text-align: center; padding: 15px 0 20px 0}
#board #board_ctrl_bg #board_ctrl_center li {display: inline; margin-left: 10px}

#board #pgidx_wrap {position: relative; display: block; width: 100%; overflow: hidden; padding: 5px 0 5px 0; border-bottom: 1px solid #e4e4e4}
#board #pgidx_wrap ul {margin: 0 auto; text-align: center}
#board #pgidx_wrap ul li {display: inline-block; text-align: center; margin: 0 1px 0 1px}
#board #pgidx_wrap ul li a {display: block; width: 24px; height: 19px; border: 1px solid #e0e0e0; font-family: "NanumGothicExtraBold"; font-size: 12px; color: #999; padding-top: 5px}
#board #pgidx_wrap ul li a.act {width: 22px; height: 20px; border: 2px solid #666699; font-size: 15px; color: #666699; padding-top: 2px} 
#board #pgidx_wrap ul li a:hover, #board #pgidx_wrap ul li a:focus {width: 22px; height: 20px; border: 2px solid #666699; font-size: 15px; color: #666699; padding-top: 2px} 

#sclink {position: relative; display: block; width: 219px; height: 30px; margin: 10px 0 0 10px}
#sclink a {position: relative; display: block; width: 219px; height: 30px; background-image: url("/res/img/btnsc_n.gif")}
#sclink a:hover, #sclink a:focus {background-image: url("/res/img/btnsc_f.gif")}
#sclink a.act {background: url("/res/img/btnsc_a.gif")}
#sclist {width: 217px; margin-left: 10px; border-left: 1px solid #858991; border-right: 1px solid #858991; background: #fff; border-bottom: 1px #858991; display: none}
#sclist.act {display: block}
#sclist li {position: relative; display: block; width: 217px; height: 24px; border-bottom: 1px solid #858991; font-family: '돋움', Dotum, Tahoma; font-size: 12px; color: #858991}
#sclist li a {display: block; width: 212px; height: 19px; padding-top: 5px; padding-left: 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal}
#sclist li a:hover, #sclist li a:focus {background: #858991; color: #ffcc00; font-weight: bold; letter-spacing: -1px}

#popbg {position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; overflow-x: hidden; overflow-y: auto; background: url("/res/img/popbg.png"); z-index: 1000; margin: 0 auto; display: none}
#popbg.act {display: block}
#popcontwrap {position: relative; display: block; width: 1200px; overflow: hidden; margin: 0 auto}
#popbg #popcontwrap .popcont {position: relative; display: block; float: left; width: 1000px; margin-top: 105px; background: #fff; margin-left: 100px; margin-bottom: 50px}
#popbg #popcontwrap .popclose {position: relative; display: block; float: left; width: 100px; margin-top: 105px}

.banner_chat {text-align: center}
.banner_chat.prod {margin-top: 10px; margin-bottom: 100px}
#chat {display: none; width: 300px; height: 300px; position: absolute; z-index: 1000}
#chat .al {text-align: right; z-index: 10000}
#chat .al img {opacity: 0.7}
#chat .chatwin {width: 280px}

#guide-pop{width:282px;height:270px;cursor:pointer;background:url(/res/img/prod-guide-pop.png) no-repeat center;position:absolute;top:175px;left:50%;margin-left:-231px;z-index:50;display:none}