@charset "utf-8";@import url("webis_fonts.css");
/* BX-SLIDER -------------------------------------------------------------------------------------------------*/
.bx-wrapper {position: relative;overflow: hidden;z-index: 0;margin: 0 auto;max-width: 100%;max-height: 100%;}
.bx-wrapper a:active {background-color: transparent;}
/* LOADER */
.bx-loading {min-height: 50px;background: url(../img/comn/bx_loader.gif) center no-repeat;height: 100%;width: 100%;position: absolute;top: 0;left: 0;z-index: 2;}
/* PAGER */
.bx-pager, .bx-controls-auto {position: absolute;bottom: 15px;z-index: 1;line-height: 8px;}
.bx-pager {left: 0px;}
.bx-pager .bx-pager-item, .bx-controls-auto .bx-controls-auto-item {display: inline-block;*zoom: 1;*display: inline;vertical-align: middle}
.bx-pager a {background-color: #ddd;text-indent: -9999px;display: block;width: 11px;height: 11px;margin: 0 7px 0 0;border-radius: 50%;font-size: 0;line-height: 0}
.bx-pager a:hover, .bx-pager a.active {background-color: #333;}
/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-controls-direction a {position: absolute;top: 50%;margin-top: -16px;outline: 0;width: 32px;height: 32px;text-indent: -9999px;background-image: url(../img/comn/controls.png);background-repeat: no-repeat;z-index: 51}
.bx-controls-direction a.disabled {display: none;}
.bx-prev {left: 10px;background-position: 0 -32px;}
.bx-next {right: 10px;background-position: -43px -32px;}
.bx-prev:hover {background-position: 0 0;}
.bx-next:hover {background-position: -43px 0;}
/* AUTO CONTROLS (START / STOP) */
.bx-controls-auto {text-align: center;margin-right: 10px;z-index: 52}
.bx-start {display: block;text-indent: -9999px;width: 10px;height: 11px;outline: 0;background: url(../img/comn/controls.png) -86px -11px no-repeat;margin: 0 3px;}
.bx-start:hover, .bx-start.active {background-position: -86px 0;}
.bx-stop {display: block;text-indent: -9999px;width: 9px;height: 11px;outline: 0;background: url(../img/comn/controls.png) -86px -44px no-repeat;margin: 0 3px;}
.bx-stop:hover, .bx-stop.active {background-position: -86px -33px;}
/*CAPTION*/
.bx-caption {position: absolute;bottom: 0;left: 0;background: url(../img/comn/bk60.png);width: 100%;}
.bx-caption span {color: #fff;font-family: 'Nanum Gothic';display: block;padding: 8px 10px 10px;font-weight: bold;}
* {margin: 0px;padding: 0px;-webkit-text-size-adjust: none;text-shadow: none;}
html {overflow-y: scroll;}
html {filter: expression(document.execCommand("BackgroundImageCache", false, true));}
html, body {height: 100%;}
#wrap {text-align: center;}
#wrap, #header, #footer, #contents, #main, .gnb {clear: both;z-index: 1;font-family: '돋움', dotum, Helvetica, Sans-serif;}
#wrap, #header, #footer {position: relative;width: 100%;}
#header a:active, .tmn a:active {background-color: transparent}
#contents {min-height: 500px;overflow: hidden;}
.gnb {text-align: left;margin: 0 auto;}
body {background-color: #fff;word-break: break-all;font-size: 12px;color: #444;*word-break: break-all;-ms-word-break: break-all;}
h1, h2, h3, h4, h5, h6 {display: inline-block;*display: inline;font-weight: bold;font-size: 1.0em;*letter-spacing: -1px;zoom: 1;font-family: 'Nanum Gothic';}
@media \0screen {h1, h2, h3, h4, h5, h6 {letter-spacing: -1px}}
img, form, fieldset, iframe, table {border: 0 none;}
ul, li, ins {list-style: none;text-decoration: none;}
ol {margin-left: 16px;}
ol li {margin: 3px 0;text-align: left;}
ul, dl, dt, dd, p, div, ins {display: block;}
em, address {font-style: normal;font-weight: normal}
input, select, textarea, button, label {vertical-align: middle;outline: none;}
img {vertical-align: top}
caption {font-size: 0;height: 0;line-height: 0;display: none;}
table {border-collapse: collapse;}
table.sep {border-collapse: separate;}
th {text-align: center;}
textarea {overflow: auto;}
select {min-height: 24px;border: 1px solid #ddd;}
/*Common____________________________________________________________________________*/
.psr {position: relative;}
.psa {position: absolute;}
.fl {float: left;}
.fr {float: right;}
.blank {width: 0px;height: 100%;vertical-align: middle;display: inline-block;}
.hvm {vertical-align: middle;display: inline-block;position: relative;width: 100%}
.hvm * {vertical-align: middle;}
.divide {	clear:both;display:block;height:1px;font-size:1px;line-height:1px;overflow:hidden;}
.more {position: absolute;right: 0;top: 50%;margin-top: -6px;font: 11px/13px '돋움', dotum, Helvetica, 'Apple SD Gothic Neo', Sans-serif;color: #888;text-decoration: none !important;background: url(../img/comn/bul.png) no-repeat 100% -106px;padding-right: 4px;}
.navi, .navi *, .navi a {	font-family: 'Nanum Gothic';font-size: 11px;color: #777;text-decoration: none;vertical-align: middle;}
.navi .home {display: inline-block;font-size: 0;line-height: 0;text-indent: -999px;background-image: url(../img/comn/home.gif);background-repeat: no-repeat;background-position: 50%;width: 12px;height: 12px;}
.List li {display: inline;background: url(../img/comn/bar.png) no-repeat 0px 0px;font-size: 11px;padding: 0 3px 0 10px;}
.List li:first-child {background: none;padding-left: 0}
/* 웹이즈 테마 PC 리셋 */
#wrap {text-align: center;position: relative;}
.Headban{background-color:#131F46;text-align:center;position:relative;}.Headban .close{position:absolute;top:10px;right:10px;width:30px;height:30px;background:url(../img/comn/comn.png) no-repeat -200px -174px;display:block;text-indent:-1000%;cursor:pointer}#header {position: relative;z-index: 100;}
#header * {font-family: 'Nanum Gothic'}
#header a {text-decoration: none;}
#header .List {position: absolute;top: 0px;	left:auto !important;right: 50%;z-index: 100;overflow: visible !important;line-height: 28px;	width:auto !important;}
#header .List.left {left: 50% !important;margin-right:0 !important;text-align:left;}
#contents {padding-bottom: 20px;min-height: 500px;overflow: hidden;}
.gnb {text-align: left;margin: 0 auto;}
#footer {padding: 15px 0;}
#footer .gnb {position: relative;}
#footer h1 {float: left;margin-right: 20px; width:auto;}
#footer .Link {overflow: hidden;}
#footer .Link ul {overflow: hidden;}
#footer .Link li {float: left;letter-spacing: -1px;background: url(../img/comn/bar.png) no-repeat 0 0px;padding: 0 8px 0 10px}
#footer .Link li:first-child {background: none;padding-left: 0}
#footer .Link li a {color: #444;font-family: 'Nanum Gothic';font-weight: bold;font-size: 12px;text-decoration: none;}
#footer .info {margin: 10px 0;line-height: 150%;color: #777;font-size: 0.96em;font-family: 'Nanum Gothic'}
#footer .info span {letter-spacing: -0.5px;white-space: nowrap;display: inline-block;padding-right: 7px;}
#footer .info strong {padding-right: 7px;}
#footer .info address {font-family: Arial;font-size: 0.8em;display: block;margin-top: 5px;}
/*MAIN_______________________________________________________________________________*/
.mainVisual {overflow: hidden;position: relative;}
.mainVisual img {width: 100%;height: 100%}
/*BBS_______________________________________________________________________________*/
/*Tab*/
.tab {background: url(../img/comn/bul.png) repeat-x 0 -905px #ccc;overflow: hidden;display: block;}
.tab .ttit {display: block;height: 28px;overflow: hidden;}
.tab .ttit li {float: left;clear: right;cursor: pointer;text-align: center;line-height: 25px;letter-spacing: -1px;font-size: 12px;background: #f8f8f8;padding: 0 15px;border: 1px solid #ccc;border-bottom: 0 !important;height: 26px;font-family: 'Nanum Gothic';}
.tab .ttit li h1 {font-size: 12px;word-spacing: -1px;font-family: 'Nanum Gothic';}
.tab .ttit li.on {background-color: #fff;border-color: #b4b4b4;padding-top: 1px;font-weight: bold;}
.tab .ttit li a {color: #666;text-decoration: none;}
.tabwrap div {display: none;}
.tab.colbg {background-position: 0 -904px;height: 30px}
.tab.colbg .ttit li {margin-right: 3px;height: 28px;font-size: 13px;}
.tab.colbg .ttit li.on {color: #fff;background-image: url(../img/comn/grf25.png);background-repeat: repeat-x;background-position: 0 0;}
.tab.t02.colbg .ttit {overflow: visible;}
.tab.t02.colbg .ttit li {margin-right: -1px;height: 27px;min-width: 100px}
.tab.t02.colbg .ttit li.on {background-color: #fff;border-width: 2px;color: #222;font-weight: bold;margin-right: 0px;}
/*COMMON*/
.bbs li {overflow: hidden;text-overflow: ellipsis;color: #444;font-size: 12px;}
.bbs li span.ico {vertical-align: top;font: 11px/19px '돋움', dotum, Helvetica, 'Apple SD Gothic Neo', Sans-serif;height: 17px;display: inline-block;padding: 0 5px;color: #fff;margin-right: 7px;background: #777;}
.bbs.no li {background: none !important;padding-left: 0 !important;}
.date li a {display: inline-block;max-width: 70%;overflow: hidden;text-overflow: ellipsis;float: left}
.date li em {float: right;font-family: 'arial';color: #858585;}
.thumb {text-align: center;border: 1px solid #ddd;background: url(../img/comn/no.gif) no-repeat 50% #fff;display: block;overflow: hidden}
.thumb img {max-width: 100%;max-height: 100%;vertical-align: middle;width: 100%;height: 100%;}
.txts, .imgs, .webs, .mix, .uni {overflow: hidden}
.txts li {font: normal 12px/19px '돋움', dotum, Helvetica, 'Apple SD Gothic Neo', Sans-serif;display: block;background: url(../img/comn/bul.png) no-repeat 0 -290px;height: 21px;white-space: nowrap;padding-left: 7px;overflow: hidden;text-align: left}
.txts.no li {background: none;padding-left: 0;}
.txts.no li span {display: inline-block;width: 16px;height: 15px;background: #777;color: #fff;text-align: center;font: italic bold 11px/13px 'Arial';margin-right: 5px;}
.txts.no li em {display: inline-block;border: 1px solid #ddd;width: 15px;height: 14px;text-align: center;font: italic bold 11px/13px 'Arial';margin-right: 5px;}
.txts.no li span.ico {padding: 0 5px;width: auto;font-family: '돋움', dotum, Helvetica, 'Apple SD Gothic Neo', Sans-serif;vertical-align: top;line-height: 19px;height: 17px;font-style: normal}
.imgs li {float: left;text-align: center;margin: 0 0 5px 10px;}
.imgs .thumb {margin-bottom: 7px;}
.imgs .sdesc {display: block;max-height: 32px;overflow: hidden;line-height: 16px;}
.imgs .pname {white-space: nowrap;overflow: hidden;display: block;text-overflow: ellipsis;}
.webs li {display: block;line-height: 16px;color: #777;margin-bottom: 10px;overflow: hidden;vertical-align: top;}
.webs .thumb {float: left;margin: 0 10px 0 0;}
.webs dd, .webs .desc {overflow: hidden;}
.webs strong {margin: 0 0 5px;overflow: hidden;max-height: 30px;display: block}
.webs .sdesc, .webs .sdesc a {color: #777;}
/*Style*/
.btn01, .btn02, .btn_submit, .btn_confirm, .btn_cancel, .btn_frmline, .btn_b01, .btn_b02, .btn_admin, .cnt_cmt, .tbl_head01 thead th, .tbl_head02 thead th, #bo_list_total,.tbl_frm01 th,.btn_bo_adm input {font-family: 'Nanum Gothic'}.btn_bo_adm input{background:#fff;padding:6px;font-size:11px; border:1px solid #ddd;color:#555; cursor:pointer}
.tbl_head01 thead th {padding: 9px 0;border-color: #ddd;background-color: #f3f3f3}
.tbl_head02 thead th {border-color: #ddd;background-color: #f3f3f3}
#bo_list_total {padding-top: 12px;font-size: 0.9em;}
#bo_list_total span {background: url(../img/comn/barc.png) no-repeat 100% 50%;padding-right: 10px;}

#bo_cate_ul {overflow:hidden;font-size:13px;position:relative;}
#bo_cate_ul::after{content:'';display:block;position:absolute;bottom:0px;left:0;width:100%;height:1px;background-color:#888; visibility:visible !important;}
#bo_cate_ul > li{float:left;display:block;margin-bottom:-1px;position:relative; width: 151px; height: 36px;}
#bo_cate_ul > li > a{display:block;margin-right:-1px;border-style:solid;border-color:#E4E4E4;border-width:1px 1px 0;padding:10px 0px; width:100%; text-decoration:none;color:#999;position:relative;cursor:pointer;background-color:#f4f4f4; font-family:'Nanum Gothic'}
#bo_cate_ul > li > a:hover{font-weight:700}
#bo_cate_ul > li > #bo_cate_on{background-color:#FFFFFF !important;border-width:1px;border-color:#888;border-bottom-color:#fff !important;font-weight:bold;z-index:2;}
#bo_cate_ul > li > #bo_cate_on{color:#222222;}
#bo_cate_ul > li > a:hover {color:#fff;}

#bo_v_table{display:none;}
#bo_v_info{font-family: 'Nanum Gothic'; font-size:11px;}
#bo_v_img{text-align:center;}
#bo_gall #gall_ul{border:solid #e5e5e5;border-width:0 0 1px;}
#bo_gall .gall_li{position:relative;}
#bo_gall .gall_li input[type=checkbox]{ position:absolute;top:5px;left:7px;}
#bo_gall .bo_fx{padding:5px 0;}
#bo_gall li.empty_list{padding:50px 0 !important;font-family: 'Nanum Gothic';}
.tbl_frm01 th{background:#f3f3f3}
/*Layoyt*/
.side *{font-family: 'Nanum Gothic'}
.side .cscenter {border: 1px solid #ddd;margin-top: 15px;}
.side .info {padding: 10px;font-weight: bold;color: #888;}
.side .info h3 {display: block;font-size: 1.2em;color: #333}
.side .info h1 {display: block;font-size: 2em;letter-spacing: -1px;margin-bottom: 3px;}
.side .icons {overflow: hidden;background-color: #f7f7f7;padding: 10px 0 7px;}
.side .icons li {float: left;width: 33.3%;background-image: url(../img/comn/csInfo.png);background-repeat: no-repeat;text-align: center;height: 48px;}
.side .icons li.i01 {background-position: 50% 0}
.side .icons li.i02 {background-position: 50% -48px}
.side .icons li.i03 {background-position: 50% -96px}
.side .icons li a {display: block;text-decoration: none;background: url(../img/comn/ln_hdot.gif) repeat-y 0 0;font-size: 11px;padding-top: 30px;letter-spacing: -1px;color: #777;font-weight: bold}
.side .icons li.i01 a {background-image: none;}
.side .banner {text-align: center;margin-top: 15px;overflow: hidden}
.side .banner img {width: 100%}