/* ---------------------------------------------------------------------------------------------------------------------------
    
                                    2016.01.12   가온소프트(주) 신기술개발팀 대리 이희웅 작성 
									        경우에 따라 소스의 수정은 자유롭게 사용 가능 하나
									                       무단복제 및 배포를 금지합니다.

--------------------------------------------------------------------------------------------------------------------------- */

@charset "utf-8";
@import url('https://fonts.googleapis.com/earlyaccess/nanumgothic.css');

/* reset */
*{margin: 0;padding: 0;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button {margin:0;padding:0}
fieldset,img {border:0 none}
dl,ul,ol,menu,li {list-style:none}
blockquote, q {quotes: none}
blockquote:before, blockquote:after,q:before, q:after {content:'';content:none}
input,select,textarea,button {vertical-align:middle}
button {border:0 none;background-color:transparent;cursor:pointer}
body {background:#fff}
body,th,td,input,select,textarea,button {font-size:12px;line-height:1.5;font-family:'맑은 고딕',Malgun Gothic,'돋움',dotum,"Nanum Gothic", sans-serif;color:#333}
a {color:#333;text-decoration:none}
a:active, a:hover {text-decoration:none;}
address,caption,cite,code,dfn,em,var {font-style:normal;font-weight:normal}
legend,caption{display: block;overflow: hidden;visibility: hidden;width: 0 !important;height: 0 !important;line-height: 0 !important;font-size: 0 !important}
hr{display: none;}

/* text */
.tal{text-align: left !important;}
.tar{text-align: right !important;}
.tac{text-align: center !important;}
.vat{vertical-align: top !important;}
.vam{vertical-align: middle !important;}
.vab{vertical-align: bottom !important;}
.whsnw{white-space: nowrap !important;}
.fwn{font-weight: normal !important;}
.fwb{font-weight: bold !important;}
.fs0{font-size: 0 !important;}
.lh0{line-height: 0 !important;}
.w240 {width:240px !important;}
.txt {border:1px solid #ccc; height: 25px; line-height: 25px; padding-left: 10px;}
.f_s12 {font-size: 12px !important;}
.f_s14 {font-size: 14px !important;}
.f_s18 {font-size: 18px !important;}

/* float or clear */
.fl{float: left !important;}
.fr{float: right !important;}
.fn{font-weight: normal !important;}
.f_clear{*zoom: 1 !important;}
.f_clear:after{content:"";display:block;clear:both;height:0;visibility:hidden;}

/* display */
.ovh{overflow: hidden !important;}
.db{display: block !important;}
.dn{display: none !important;}
.dib{display: inline-block !important;}
.di{display: inline !important;}
.blind{display: block;overflow: hidden;position: absolute;left: 0;top: -5000px;text-indent: -5000px;height: 0 !important;width: 0 !important; font-size: 0 !important;line-height: 0 !important;padding: 0 !important;}

/* position */
.poss{position: static !important;}
.posr{position: relative !important;}
.posa{position: absolute !important;}
.posf{position: fixed !important;}

/* bg or line */
.bn{background: none !important;}
.bdn{border: none !important;}
.bdtn{border-top: none !important;}
.bdbn{border-bottom: none !important;}
.bdln{border-left: none !important;}
.bdrn{border-right: none !important;}

/* color */
.c333 {color:#333 !important;}
.c666 {color:#666 !important;}
.c999 {color:#999 !important;}
.c_red {color:#e64a4f !important;}
.white{color:#ffffff;}
.black{background:#000000;}
.yellow{color:#e8d71e;}
.gray{background:#f2f2f3;}
.skyblue{background:#2db6f1;}
.darkblue{background:#2e75cc;}
.whitesky{background:#e2f3ff;}
.grayblue{background:#133959;}
.ob1{background:rgba(0, 0, 0, 0.3);}
.ob2{background:rgba(255, 255, 255, 0.3);}
.ob3{background:rgba(0, 0, 0, 0.7);}
.Fbg{background:#306782;}
.agreen{background:#36bdb7;}
.gray02{background:#cacfd0;}
.gray03{background:#d2d6d7;}
.gray04{background:#dee4e5;}
.gray05{background:#e7ebec;}
.gray06{background:#c6cbcc;}
.red{color:#ff5d5d;}
.sblue{color:#00fffc;}
.bw{background:#ffffff;}
.wblue{color:#1db8c8;}

/* space */
.mt0{margin-top: 0 !important;}
.mt1{margin-top: 1px !important;}
.mt2{margin-top: 2px !important;}
.mt3{margin-top: 3px !important;}
.mt4{margin-top: 4px !important;}
.mt5{margin-top: 5px !important;}
.mt6{margin-top: 6px !important;}
.mt7{margin-top: 7px !important;}
.mt8{margin-top: 8px !important;}
.mt9{margin-top: 9px !important;}
.mt10{margin-top: 10px !important;}
.mt15{margin-top: 15px !important;}
.mt20{margin-top: 20px !important;}
.mt25{margin-top: 25px !important;}
.mt30{margin-top: 30px !important;}
.mt40{margin-top: 40px !important;}
.mt_2 {margin-top: -2px !important;}
.mb0{margin-bottom: 0 !important;}
.mb1{margin-bottom: 1px !important;}
.mb2{margin-bottom: 2px !important;}
.mb3{margin-bottom: 3px !important;}
.mb4{margin-bottom: 4px !important;}
.mb5{margin-bottom: 5px !important;}
.mb6{margin-bottom: 6px !important;}
.mb7{margin-bottom: 7px !important;}
.mb8{margin-bottom: 8px !important;}
.mb9{margin-bottom: 9px !important;}
.mb10{margin-bottom: 10px !important;}
.mb15{margin-bottom: 15px !important;}
.mb20{margin-bottom: 20px !important;}
.mb25{margin-bottom: 25px !important;}
.mb30{margin-bottom: 30px !important;}
.mb33 {margin-bottom: 33px !important;}
.mb40 {margin-bottom: 40px !important;}
.ml0{margin-left: 0 !important;}
.ml1{margin-left: 1px !important;}
.ml2{margin-left: 2px !important;}
.ml3{margin-left: 3px !important;}
.ml4{margin-left: 4px !important;}
.ml5{margin-left: 5px !important;}
.ml6{margin-left: 6px !important;}
.ml7{margin-left: 7px !important;}
.ml8{margin-left: 8px !important;}
.ml9{margin-left: 9px !important;}
.ml10{margin-left: 10px !important;}
.ml13 {margin-left: 13px !important;}
.ml15{margin-left: 15px !important;}
.ml20{margin-left: 20px !important;}
.ml25{margin-left: 25px !important;}
.ml30{margin-left: 30px !important;}
.mr0{margin-right: 0 !important;}
.mr1{margin-right: 1px !important;}
.mr2{margin-right: 2px !important;}
.mr3{margin-right: 3px !important;}
.mr4{margin-right: 4px !important;}
.mr5{margin-right: 5px !important;}
.mr6{margin-right: 6px !important;}
.mr7{margin-right: 7px !important;}
.mr8{margin-right: 8px !important;}
.mr9{margin-right: 9px !important;}
.mr10{margin-right: 10px !important;}
.mr15{margin-right: 15px !important;}
.mr20{margin-right: 20px !important;}
.mr25{margin-right: 25px !important;}
.mr30{margin-right: 30px !important;}
.pt0{padding-top: 0 !important;}
.pt1{padding-top: 1px !important;}
.pt2{padding-top: 2px !important;}
.pt3{padding-top: 3px !important;}
.pt4{padding-top: 4px !important;}
.pt5{padding-top: 5px !important;}
.pt6{padding-top: 6px !important;}
.pt7{padding-top: 7px !important;}
.pt8{padding-top: 8px !important;}
.pt9{padding-top: 9px !important;}
.pt10{padding-top: 10px !important;}
.pt12{padding-top: 12px !important;}
.pt15{padding-top: 15px !important;}
.pt20{padding-top: 20px !important;}
.pt25{padding-top: 25px !important;}
.pt30{padding-top: 30px !important;}
.pt32{padding-top: 32px !important;}
.pb0{padding-bottom: 0 !important;}
.pb1{padding-bottom: 1px !important;}
.pb2{padding-bottom: 2px !important;}
.pb3{padding-bottom: 3px !important;}
.pb4{padding-bottom: 4px !important;}
.pb5{padding-bottom: 5px !important;}
.pb6{padding-bottom: 6px !important;}
.pb7{padding-bottom: 7px !important;}
.pb8{padding-bottom: 8px !important;}
.pb9{padding-bottom: 9px !important;}
.pb10{padding-bottom: 10px !important;}
.pb14{padding-bottom: 14px !important;}
.pb15{padding-bottom: 15px !important;}
.pb20{padding-bottom: 20px !important;}
.pb25{padding-bottom: 25px !important;}
.pb30{padding-bottom: 30px !important;}
.pl0{padding-left: 0 !important;}
.pl1{padding-left: 1px !important;}
.pl2{padding-left: 2px !important;}
.pl3{padding-left: 3px !important;}
.pl4{padding-left: 4px !important;}
.pl5{padding-left: 5px !important;}
.pl6{padding-left: 6px !important;}
.pl7{padding-left: 7px !important;}
.pl8{padding-left: 8px !important;}
.pl9{padding-left: 9px !important;}
.pl10{padding-left: 10px !important;}
.pl12{padding-left: 12px !important;}
.pl15{padding-left: 15px !important;}
.pl20{padding-left: 20px !important;}
.pl25{padding-left: 25px !important;}
.pl30{padding-left: 30px !important;}
.pr0{padding-right: 0 !important;}
.pr1{padding-right: 1px !important;}
.pr2{padding-right: 2px !important;}
.pr3{padding-right: 3px !important;}
.pr4{padding-right: 4px !important;}
.pr5{padding-right: 5px !important;}
.pr6{padding-right: 6px !important;}
.pr7{padding-right: 7px !important;}
.pr8{padding-right: 8px !important;}
.pr9{padding-right: 9px !important;}
.pr10{padding-right: 10px !important;}
.pr15{padding-right: 15px !important;}
.pr20{padding-right: 20px !important;}
.pr25{padding-right: 25px !important;}
.pr30{padding-right: 30px !important;}

.border01{border:solid 1px #d5d5d6;}
.border02{border-top:solid 1px #d5d5d6; border-bottom:solid 1px #e2e4ff;}
.border03{border-bottom:solid 1px #d5d5d6;}
.border04{border-bottom:solid 1px #f2f2f3;}
.border05{border-bottom:solid 1px #000000;}
.border06{border-right:solid 1px #0e2c44;}
.border07{border-left:solid 1px #2b5a74;}
.border08{border:solid 1px rgba(255, 255, 255, 0.3);}
.border09{border-right:solid 1px rgba(255, 255, 255, 0.3);}
.border10{border:solid 1px rgba(255, 255, 255, 0.3);}
.border11{border:solid 3px #ffffff;}

.bgi01{background:url("../images/bg_Dashboard_bs.jpg") repeat-x;}
.bgi02{background:url("../images/bg_ta_bs.gif") repeat-x;}
.bgi03{background:url("../images/bg_sec02.png") repeat-x 0 400px;}
.bgi04{background:url("../images/bg_ta_ba.gif") repeat-x;}

.radius{border-radius:6px;}
.radius2{border-radius:6px 6px 0 0;}
.radius3{border-radius:35px;}
.radius4{border-radius:0 0 6px 6px;}
.radius5{border-radius:120px;}
.radius6{border-radius:6px 0 0 6px;}
.radius7{border-radius:0 6px 6px 0;}

.shw{box-shadow:2px 2px 5px rgba(0, 0, 0, 1);}

.op10{opacity:1;}
.op9{opacity:0.9;}
.op8{opacity:0.8;}
.op7{opacity:0.7;}
.op6{opacity:0.6;}
.op5{opacity:0.5;}
.op4{opacity:0.4;}
.op3{opacity:0.3;}
.op2{opacity:0.2;}
.op1{opacity:0.1;}


/* 踰꾪듉 紐⑥쓬  �▲뀫�▲뀫�▲뀫�▲뀫�▲뀫�▲뀫�▲뀫�▲뀫�▲뀫�▲뀫�▲뀫�▲뀫�▲뀫�▲뀫�▲뀫�▲뀫�▲뀫�▲뀫�▲뀫�▲뀫�▲뀫�▲뀫�▲뀫�▲뀫�▲뀫�▲뀫�▲뀫�▲뀫�▲뀫�▲뀫�▲뀫�▲뀫 */
/*寃뚯떆��page*/
.bo_paging {clear:both; height:42px; width:100%; margin-bottom:16px; text-align:center!important; padding-top: 30px; border-bottom: 1px solid #e4e4e4;}
.bo_paging div {display:block; height: auto; text-align:center; vertical-align:middle;}
.bo_paging div a {font-weight:bold; padding: 3px 8px 0 8px; height: 19px; font-size: .95em; line-height: 1.2em; display: inline-block; white-space: nowrap; vertical-align: top; border: 1px solid #cfcfcf;}
.bo_paging div a:hover {border: 1px solid #747474;}
.bo_paging div a.on {color:#fff; background-color: #737373; border: 1px solid #5a5a5a; border-bottom: 1px solid #464646;}

.bo_paging div a.in_bgFirst {width: 7px; background:transparent url("../../images/board/bg_icon_first.png") center center no-repeat;}
.bo_paging div a.in_bgPrev {width: 7px; background:transparent url("../../images/board/bg_icon_prev.png") center center no-repeat;}
.bo_paging div a.in_bgNext {width: 7px; background:transparent url("../../images/board/bg_icon_next.png") center center no-repeat;}
.bo_paging div a.in_bgLast {width: 7px; background:transparent url("../../images/board/bg_icon_last.png") center center no-repeat;}
.gl_hidden{display: none;}

/* 임시 */
.viewY{}
.viewN{ color: #2363b6; text-decoration: underline; font-weight: bold;}