@charset "utf-8";
/* base */
html,body{height:100%;margin:0;background:transparent}
body{font-size:75%;line-height:1.5;color:#666;background:transparent;font-style:normal;font-family:AppleGothic,Dotum,sans-serif}
table{font-size:1em}
img,fieldset{border:0}
ul,ol,dl{list-style:none;padding:0;margin:0;}
img,
ul li img{vertical-align:top}
p{padding:0;margin:0}
a{text-decoration:none}
a:link,a:visited{color:#4c4c4c}
a:hover,a:active,a:focus{color:#7595cd;text-decoration:underline}

img.vam{margin:0 0 2px 0;vertical-align:middle}/*글자와 이미지 어울림*/

.dpn{display:none !important}
.dpb{display:block !important}
.nbg{background:transparent !important}
.brclear{display:block;clear:both;width:0;height:0;margin:0;padding:0;font-size:0;line-height:0}
.blind{position:absolute;left:-1000%;top:0;width:0;heght:0;font-size:0;line-height:0;overflow:hidden}/* 만약 이미지 숨김기법으로 링크를 적용할때는 width/height값을 1px을 줘야함  */
.indent{clear:both;margin-left:19px !important}/* 들여쓰기 */
.overflow_h {overflow:hidden}

.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{* zoom:1}

/* layout */
body{}
#wrap{position:relative;background:url(/admin/images/inc/bg.gif) repeat-x}
#skipnavigation{z-index:9999;position:absolute;left:0;top:0;width:100%;text-align:center}
#header{z-index:20;clear:both;position:relative;width:1000px;height:93px;margin:0}
#container{z-index:10;clear:both;position:relative;margin:0;padding:25px 0 50px;background:url(/admin/images/inc/bg_container.gif) repeat-y}
#container:after{content:".";display:block;clear:both;height:0;visibility:hidden}

#board_container{z-index:10;clear:both;position:relative;width:1000px;margin:0;padding:25px 0 50px;}
#board_container:after{content:".";display:block;clear:both;height:0;visibility:hidden}

#side{display:inline;float:left;width:180px;padding:0;margin:0 10px 0 20px}
/*#body{display:inline;float:left;width:730px;padding:0;margin:0 30px}*/
#body{display:inline;float:left;padding:0;margin:0 30px}
#body_header{clear:both;position:relative;width:726px;height:26px;padding:0;margin:0;border:2px solid #e3e3e3}
/*#body_content{clear:both;position:relative;width:730px;min-height:350px;_height:350px;margin:0 auto;padding:40px 0 0}*/
#body_content{clear:both;position:relative;min-height:350px;_height:350px;margin:0 auto;padding:40px 0 0}
#body_content:after{content:".";display:block;clear:both;height:0;visibility:hidden}
#footer{z-index:30;clear:both;position:relative;width:100%;height:66px;margin:0;border-top:2px solid #e3e3e3;}
#footer_wp{position:relative;width:1000px;height:66px;margin:;}

/* 전체공통UI초기화 */
#header *,#side *,#footer_wp *{list-style:none;margin:0;padding:0;border:0;background:transparent;font-size:1em;line-height:1.25}

/* header */
#skipnavigation *{list-style:none;margin:0;padding:0}
#skipnavigation a{display:block;width:100%;height:1px;margin-top:-1px;overflow:hidden;white-space:nowrap}
#skipnavigation a:focus,
#skipnavigation a:active{display:block;width:100%;height:36px;color:#000;line-height:36px;text-decoration:underline !important;font-size:1.17em;background:#f4f4f4}

#logo{position:absolute;left:20px;top:13px}

#gm{z-index:10;position:absolute;right:4px;top:15px;width:300px;}
#gm .gfl{float:left;padding:0;margin:0}
#gm .gfr{float:right;padding:0;margin:0}
#gm .gfr .fl{float:left;padding:0;margin:}
#gm .gfr .fl a.lk{display:block;float:left;padding:0 0 0 9px;margin:0 15px 0 0;line-height:1.25;color:#222;background:url(/admin/images/inc/gmlibg.gif) no-repeat 0 4px}

#nav{	position:absolute;left:10px;top:58px;width:1350px;height:35px}
#nav ul.m{position:absolute;left:0;top:0}
#nav ul.m li{display:inline;float:left;padding:0 1px;margin:0}
#nav ul.m li a{display:block;float:left;padding:0;margin:0}

/* side */
h2#lnb_title{position:relative;width:160px;padding:1px 0 4px 20px;margin:0;color:#222;font-size:1em;line-height:1.25;background:url(/admin/images/inc/bg_lnbtitle.gif) no-repeat}
#lnb{position:relative;width:180px;padding:0;margin:0;}
#lnb ul.lm{position:relative;width:180px;padding:0;margin:0}
#lnb ul.lm li{width:100%;}
#lnb ul.lm li a{display:block;width:144px;padding:0 0 3px 36px;margin:0;line-height:1.25;color:#222;background:url(/admin/images/inc/bg_lnbli2.gif) no-repeat}
#lnb ul.lm li a.lt{background:url(/admin/images/inc/bg_lnbli2_l.gif) no-repeat}
#lnb ul.lm li.on a{font-weight:bold;letter-spacing:-1px}
#lnb ul.lm li ul.lsm{position:relative;width:158px;padding:0 0 0 22px;margin:0}
#lnb ul.lm li ul.lsm li{}
#lnb ul.lm li ul.lsm li a{display:block;width:128px;padding:2px 0 1px 30px;margin:0;line-height:1.25;color:#222;background:url(/admin/images/inc/bg_lnbli3.gif) no-repeat}
#lnb ul.lm li ul.lsm li a.lt{background:url(/admin/images/inc/bg_lnbli3_l.gif) no-repeat}
#lnb ul.lm li ul.lsm li.on a{font-weight:bold;letter-spacing:-1px}

#sbtn{position:relative;width:180px;padding:0;margin:80px 0 0;}
#sbtn a{float:left;width:73px;height:21px;padding:0;margin:0;line-height:21px;text-align:center;color:#222;border:2px solid #ccc}

/* body_header */
#pagenavi{position:absolute;right:18px;top:6px;min-width:1em;font-size:1em;white-space:nowrap;text-align:right}
#pagenavi a{display:inline;float:left;color:#000;text-decoration:none;padding-top:0px}
#pagenavi a.home{}
#pagenavi span{display:block;float:left;width:18px;height:18px;color:#000;text-decoration:none;text-align:center}
#pagenavi strong{color:#000;text-decoration:none}
#pagenavi a:hover{text-decoration:none}

#h1pageTitle h1{position:absolute;left:13px;top:7px;padding:0 0 0 16px !important;margin:0;font-size:1em !important;color:#222 !important;background:url(/admin/images/inc/h1bg.gif) no-repeat}

/* footer */
#addressbox{position:absolute;left:50px;top:18px}
#addressbox .copyright{display:block;padding:0;margin:0;text-decoration:none}

/* Common Template */
/* Heading */
h1,h2,h3,h4,h5,h6{padding:0;margin:10px 0;background:transparent;font-size:1em;line-height:1.25;font:bold 1em/1.25 'Dotum'}
h1{margin:0;padding:0 0 0 16px;background:url(/admin/images/inc/h1bg.gif) no-repeat 0 4px;font-weight:bold;font-size:1.25em;line-height:1.2}
h2{margin:10px 0;padding:0 0 0 17px;background:url(/admin/images/inc/h2bg.gif) no-repeat 0 2px;color:#222;font-weight:bold;font-size:1em;line-height:1.25}
h3{margin:10px 0;padding:0 0 0 15px;background:url(/admin/images/inc/h3bg.gif) no-repeat 0 4px;color:#333;font-weight:bold;font-size:1em;line-height:1.25}
h4{margin:10px 0;padding:0 0 0 10px;background:url(/admin/images/inc/h4bg.gif) no-repeat 0 6px;color:#4c4c4c;font-weight:normal;font-size:1em;line-height:1.25}
/* List */
ul.bu{list-style:none;margin:0;padding:0;text-align:left}
ul.bu li{margin:0;padding:4px 0 3px 10px;line-height:1.25;background:url(/admin/images/inc/li1bg.gif) no-repeat 0 10px}
ul.bu ul li{background:url() no-repeat}/* 2depth */
ul.bu ul ul li{ background:url() no-repeat}/* 3depth */
ul.bu ul ul ul li{ background:url() no-repeat}/* 4depth */
ul.bu ul,ul.bu ul ul,ul.bu ul ul ul{list-style:none;margin:6px 0;padding:0}

ol{margin:0;padding:0 0 0 22px;list-style-type:decimal-leading-zero}/* 숫자리스트( 01,02,03 이렇게 시작함) */
ol.decimal{list-style-type:decimal}/* 숫자리스트( 1,2,3 이렇게 시작함) */
ol.num{margin:0 0 0 -22px}
ol.num li{list-style:none;padding:0 0 0 18px;background-repeat:no-repeat;background-position:0 2px}/* 이미지 숫자리스트 */

table td ul.bu{list-style:none;margin:6px 0;padding:0;text-align:left}
table td ul.bu li{margin:0;padding:0 0 0 10px;background: url(/images/inc/li1bg.gif) no-repeat 0 5px}
table td ul.bu ul li{background:url() no-repeat}
table td ul.bu ul{list-style:none;margin:6px 0;padding:0}

p{display:block;padding:3px 0 2px;margin:0;line-height:1.25}
/* table 상단강조 */
table.t1{border-collapse:collapse;width:100%;margin:3px 0;border:0;border-top:2px solid #7bb6e7;border-bottom:2px solid #dfdfdf;background:#fff}
table.t1 tr{}
table.t1 th, table.t1 td{border:1px solid #dfdfdf;padding:4px 10px 4px;line-height:20px;margin:0;line-height:20px}
table.t1 div.news_contents td{border:0px solid #dfdfdf;padding:0px;line-height:20px;margin:0;line-height:20px}
table.t1 thead th,table.t1 tbody th{background:#f9f9fb;color:#000;text-align:center;vertical-align:middle;font-weight:bold;text-align:inherit}
table.t1 tbody th.vat{font-weight:normal;text-align:left;padding:10px 10px 4px;vertical-align:top !important}
table.t1 tbody td.hg{background:#f9f9fb;color:#000;text-align:center;vertical-align:middle;font-weight:bold}
table.t1 tbody td.graph{padding:4px 0;}
table.t1 tbody.tdtac{text-align:center !important}
table.t1 tbody td .assigngp{clear:both;position:relative;width:568px;padding:0;margin:0}
table.t1 tbody td .assigngp .alllst{float:left;width:227px;padding:0;margin:0 10px 0 0}
table.t1 tbody td .assigngp .filebtn{float:left;width:46px;padding:0;margin:30px 0 0}
table.t1 tbody td .assigngp .filebtn a{display:block;padding:0;margin:0;}
table.t1 tbody td .assigngp .assignlst{float:left;width:275px;padding:0;margin:0 0 0 10px}

table.sms{border-collapse:collapse;width:220px;margin:0;border:0;border-top:2px solid #7bb6e7;border-bottom:2px solid #dfdfdf;background:#fff}
table.sms tr{}
table.sms th,
table.sms td{border:1px solid #dfdfdf !important;padding:0;margin:0}
table.sms th{background:#f9f9fb;color:#000;padding:5px 0 3px;height:20px;margin:0;line-height:20px;text-align:center;vertical-align:middle;font-weight:bold}
table.sms td .smsbox{position:relative;width:196px;height:177px;padding:10px 10px 9px;margin:0;background:url(/admin/images/inc/bg_smsbox.gif) no-repeat 10px 10px}
table.sms td .smsbox .ttbox{position:relative;width:176px;height:120px;padding:21px 10px 10px;margin:0}
table.sms td .smsbox .ttbox textarea.textarea{width:166px;height:110px;padding:5px;margin:0}
table.sms td .smsbox .byte{display:block;height:20px;padding:0;margin:6px 0 0;line-height:20px;color:#222}

table.layout{border-collapse:collapse;margin:0;border:0}
table.layout tr{}
table.layout td{border:0;padding:0;margin:0}
/* 배치 */
.left{float:left;padding:6px 0}
.right{float:right;padding:6px 0}
img.flm{float:left;margin:0 20px 20px 0}
img.frm{float:right;margin:0 0 20px 20px}
img.center{display:block;margin:0 auto;text-align:center}
.fl{float:left}
.fr{float:right}
/* text-align */
.tal{text-align:left !important}
.tac{text-align:center !important}
.tar{text-align:right !important}
/* box */
.box1{border:1px solid #666;background:#fff;padding:10px}

.fwn{font-weight:normal !important}
.fwb{font-weight:bold !important}

/* position */
.m0 {margin:0 !important}
.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}
.mt8 {margin-top:8px !important}
.mt10 {margin-top:10px !important}
.mt15 {margin-top:15px !important}
.mt20 {margin-top:20px !important}
.mt30 {margin-top:30px !important}
.mt40 {margin-top:40px !important}
.mt50 {margin-top:50px !important}
.mt100 {margin-top:100px !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}
.ml10 {margin-left:10px !important}
.ml15 {margin-left:15px !important}
.ml20 {margin-left:20px !important}
.ml30 {margin-left:30px !important}
.ml35 {margin-left:35px !important}
.mb0{margin-bottom:0px !important}
.mb5{margin-bottom:5px !important}
.mb7{margin-bottom:7px !important}
.mb10{margin-bottom:10px !important}
.mb11{margin-bottom:11px !important}
.mb20{margin-bottom:20px !important}
.mb30{margin-bottom: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}
.mr10 {margin-right:10px !important}
.mr15 {margin-right:15px !important}
.mr20 {margin-right:20px !important}
.mr30 {margin-right:30px !important}
.pl10  {padding-left:10px !important}
.pt0 {padding-top:0px !important}
.pt20 {padding-top:20px !important}
.pt50 {padding-top:50px !important}
.pb0 {padding-bottom:0px !important}
.pb50 {padding-bottom:50px !important}
/* color */
.pcr{color:#EB7016}
.cle03712{color:#e03712 !important}
.cl885d2e{color:#885d2e !important}
.cl6a90c8{color:#6a90c8 !important}

.fs11{font-size:.92em !important}

/* main login */
body.adlg{}
body.adlg #mlogin{position:relative;width:736px;height:439px;padding:0;margin:151px auto 0;background:url(/admin/images/login/bg_login.jpg) no-repeat}
body.adlg #mlogin h1{position:absolute;left:151px;top:135px;padding:0;margin:0;background:transparent}
body.adlg #mlogin .lgbox{position:absolute;left:304px;top:207px;width:262px;height:128px;padding:0;margin:0}
body.adlg #mlogin .lgbox fieldset legend{display:none}
body.adlg #mlogin .lgbox .fmbox{position:relative;width:181px;padding:0;margin:0 0 5px}
body.adlg #mlogin .lgbox .fmbox:after{content:".";display:block;height:0;clear:both;visibility:hidden}
body.adlg #mlogin .lgbox .fmbox .idpw{float:left;width:60px;height:24px;padding:0;margin:1px 0 0;line-height:24px;color:#222;font-weight:bold}
body.adlg #mlogin .lgbox .fmbox .cont{float:left;width:115px;height:24px;padding:0;margin:1px 0 0;line-height:24px}
body.adlg #mlogin .lgbox .etc{display:block;padding:0;margin:5px 0 0 60px;}
body.adlg #mlogin .lgbox .btnlogin{position:absolute;right:0;top:0;}
body.adlg #mlogin .lgbox .btnb{position:absolute;right:0;bottom:0}
body.adlg #mlogin .lgbox .btnb a{float:left;padding:0;margin:0;}


/* 설문 테이블 스타일 추가 2012-11-08 */
table.t2{border-collapse:collapse;width:100%;margin:3px 0;border:0;border-top:2px solid #dfdfdf;border-bottom:2px solid #dfdfdf;background:#fff}
table.t2 tr{}
table.t2 th, table.t2 td{border:1px solid #dfdfdf;padding:4px 10px 4px;line-height:20px;margin:0;line-height:20px}
table.t2 thead th,table.t2 tbody th{background:#f9f9fb;color:#000;text-align:center;vertical-align:middle;font-weight:bold;text-align:inherit}
table.t2 tbody th.vat{font-weight:normal;text-align:left;padding:10px 10px 4px;vertical-align:top !important}
table.t2 tbody td.hg{background:#f9f9fb;color:#000;text-align:center;vertical-align:middle;font-weight:bold}
table.t2 tbody td.graph{padding:4px 0;}
table.t2 tbody.tdtac{text-align:center !important}
table.t2 tbody td .assigngp{clear:both;position:relative;width:568px;padding:0;margin:0}
table.t2 tbody td .assigngp .alllst{float:left;width:227px;padding:0;margin:0 10px 0 0}
table.t2 tbody td .assigngp .filebtn{float:left;width:46px;padding:0;margin:30px 0 0}
table.t2 tbody td .assigngp .filebtn a{display:block;padding:0;margin:0;}
table.t2 tbody td .assigngp .assignlst{float:left;width:275px;padding:0;margin:0 0 0 10px}

/*버튼CSS cnrk 2017-0414  */
.btn1{display:inline-block;height:30px;line-height:30px;padding: 0 11px;}
.grey1{background-color:#7b7b7b;color:#fff}
.btn1:hover{text-decoration:none}

.btn2{display:inline-block;height:32px;line-height:32px;padding: 0 28px;text-align:center}
.grey2{background-color:#7b7b7b;color:#fff}
.btn2:hover{text-decoration:none}


.w50{width:50px;}
.w60{width:60px;}
.w70{width:70px;}
.w80{width:80px;}

.button {
    display: inline-block;
    outline: none;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    padding: .5em 2em .55em;
    -webkit-border-radius: .5em; 
    -moz-border-radius: .5em;
    border-radius: .5em;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    box-shadow: 0 1px 2px rgba(0,0,0,.2);
    font-weight:bold;
    border:#939393;
    border-style:solid;
    border-width:1px;
}
.button:hover {
    text-decoration: none;
}
.button:active {
    position: relative;
    top: 1px;
}

.big-rounded {
    -webkit-border-radius: 2em;
    -moz-border-radius: 2em;
    border-radius: 2em;
}
.medium {
    font-size: 12px;
    padding: .4em 1.5em .42em;
}
.small {
    font-size: 11px;
    padding: .2em 1em .275em;
}