/**************************************************************************************************

* admin basic style

***************************************************************************************************/

@import "http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css";



/************************** basic style ******************************/

html {

    width:100%;

    height:100%;

    overflow-y:scroll;

}



body {

    scrollbar-face-color:#f3f3f3;

    scrollbar-shadow-color:#dedede;

    scrollbar-highlight-color:#f4f4f4;

    scrollbar-3dlight-color:#fefefe;

    scrollbar-darkshadow-color:#f3f3f3;

    scrollbar-track-color:#f8f8f8;

    scrollbar-arrow-color:#3f3f3f;

	background-color:#fff;

    font-size:12px;

    line-height:18px;

    font-family:"dotum";

    color:#666666;

    width:100%;

    height:100%;

}



* {margin:0px; padding:0px; list-style:none; word-break:break-all;}

frame, fieldset {border:none;}

legend, table caption {width:0; height:0; visibility:hidden; font-size:0; line-height:0; overflow:hidden;}





img  {

	border:none;

	vertical-align:top;

	selector-dummy:expression(this.hidefocus=true);

}



a {

	selector-dummy:expression(this.hideFocus=true);

	outline:none;

	outline-style:none;

	text-decoration:none;

	color:#666666;

}

a:hover, a.selected {color:#0a41a6;}





/************************** form style ******************************/



input, select, textarea {

    font-size:12px;

    line-height:18px;

    font-family:"dotum";

    color:#666666;

    vertical-align:middle;

}

input.line {

    border:1px solid #bcbcbc;

    line-height:14px;

    width:150px;

    height:15px;

    padding:2px 2px 0 2px;

}

input.file {

    background-color:#fff;

    border:1px solid #bcbcbc;

    line-height:14px;

    height:20px;

    padding:2px 2px 0 2px;

}

input.check {width:14px; height:14px; margin:0;}

input.radio {width:14px; height:14px; margin:0;}



input.size01 {width:80%;}

input.size02 {width:40%;}



select {height:19px;}

select option {margin-right:10px;}



textarea {

    scrollbar-face-color:#f3f3f3;

    scrollbar-shadow-color:#dedede;

    scrollbar-highlight-color:#f4f4f4;

    scrollbar-3dlight-color:#fefefe;

    scrollbar-darkshadow-color:#f3f3f3;

    scrollbar-track-color:#f8f8f8;

    scrollbar-arrow-color:#3f3f3f;

    background-color:#ffffff;

    border:1px solid #bcbcbc;

    padding:5px 2px;

}

textarea.textarea01 {

    background-color:#f9f9f9;

    border-top:2px solid #cbcbcb;

    border-bottom:2px solid #cbcbcb;

    border-left:none;

    border-right:none;

    padding:15px 20px;

}



span.form {margin-right:20px;}





/************************** layout style ******************************/

div.wrapper {

    background:url('../images/navi_bg.gif') repeat-x left 72px;

    width:100%;

    height:100%;

    position:relative;

}

body > div.wrapper {

    min-height:100%;

    height:auto;

}



div.header {

    width:920px;

    height:72px;

    padding:0 30px 0 30px;

    position:relative;

}

div.header:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}

    div.header span.logo {

        float:left;

        padding-top:20px;

    }

    div.header span.btn {

        position:absolute;

        right:20px;

        top:34px

    }

    div.header p {

        float:right;

        font-size:11px;

        padding:35px 67px 0 0;

    }

        div.header p em {

            font-style:normal;

            font-weight:bold;

        }





div.container {

    width:920px;

    padding:30px 30px 60px 30px;

}



div.contents {

    width:920px;

    padding:0;

}



div.footer {

    width:100%;

    height:30px;

    background-color:#3f3f3f;

    position:absolute;

    bottom:0;

    left:0;

}

    div.footer p {

        width:920px;

        padding:10px 20px 0 30px;

        text-align:center;

    }





/* navigation */

div.navi {

    background:url('../images/navi_bg_rt.gif') no-repeat right top;

    width:950px;

    height:72px;

    position:relative;

}

    div.navi ul.main {

        background:url('../images/navi_bg_lt.gif') no-repeat left top;

        width:900px;

        height:72px;

        padding-left:50px;

    }

    div.navi ul.main:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}

        div.navi ul.main li {

            background:url('../images/bar_mainNavi.gif') no-repeat right 3px;

            float:left;

            font-weight:bold;

            padding:0 18px 0 17px;

            margin-top:13px;

        }

        div.navi ul.main li.m1 {padding-left:25px;}

        div.navi ul.main li.m6 {background:none;}

        div.navi ul.main li a {color:#fff;}

        div.navi ul.main li a:hover,

        div.navi ul.main li a.selected {color:#f7ea1d;}



    div.navi ul.sub {

        position:absolute;

        left:0;

        top:42px;

        display:none;

		padding:10px;

		border:3px solid #0f6bbb;

		border-top:0;

		background:#fff;

    }

    div.navi ul.sub:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}

    div.navi ul.main li.m1 ul.sub {left:65px;}

    div.navi ul.main li.m2 ul.sub {left:130px;}

    div.navi ul.main li.m5 ul.sub {left:550px;}



        div.navi ul.sub li {

            /*float:left;*/

			float:none;

            padding:0 8px;

            font-size:11px;

            font-weight:bold;

            background:none;

            margin:0;

        }

        div.navi ul.sub li a {color:#92979b;}

        div.navi ul.sub li a:hover,

        div.navi ul.sub li a.selected {color:#0466ba;}







/************************** etc style ******************************/

/* title */

div.tit {

    background:url('../images/tit_bg.gif') repeat-x left 24px;

    width:100%;

    height:27px;

    margin-bottom:30px;

}

    div.tit h1 {

        background:url('../images/blt_tit.gif') no-repeat left top;

        height:25px;

        padding:2px 0 0 45px;

        font-size:14px;

        font-weight:bold;

        color:#000000;



    }



h2 {

    background:url('../images/blt_tit02.gif') no-repeat left top;

    font-size:12px;

    line-height:14px;

    padding:0 0 10px 15px;

    margin-top:20px;

}





/* tab navi */

ul.tabNavi {

    width:100%;

    height:33px;

    border-bottom:2px solid #969696;

    margin-bottom:20px;

}

ul.tabNavi:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}

    ul.tabNavi li

    {

        float:left;

        margin-right:-2px;

        border:2px solid #c6c6c6;

        border-bottom:none;

        height:31px;

        font-weight:bold;

    }

    ul.tabNavi li a {

        display:inline-block;

        height:25px;

        padding:6px 20px 0 20px;

        font-family:"verdana";

        color:#b6b6b6;

    }

    ul.tabNavi li a:hover {color:#006ac7;}

    ul.tabNavi li.selected {

        border-color:#838383;

        color:#006ac7;

        position:relative;

    }

    ul.tabNavi li.selected a {color:#006ac7;}



    ul.tabNavi li.btn {

        float:right;

        border:none;

        margin:0;

        font-weight:normal;

    }

        ul.tabNavi li.btn a {

            height:22px;

            padding:0;

            margin-top:5px;

        }



ul.tabNavi02 {

    width:100%;

    height:20px;

    border-left:1px solid #838383;

    margin-bottom:10px;

}

ul.tabNavi02:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}

    ul.tabNavi02 li {

        float:left;

        height:20px;

        border-right:1px solid #838383;

        font-weight:bold;

    }

    ul.tabNavi02 li a {

        background:url('../images/bg_tab_off.gif') no-repeat right center;

        display:inline-block;

        height:20px;

        padding:0 25px 0 10px;

        font-family:"verdana";

        color:#b6b6b6;

    }

    ul.tabNavi02 li a:hover,

    ul.tabNavi02 li.selected a{

        background-image:url('../images/bg_tab_on.gif');

        color:#006ac7;

    }





/* button */

a.btnType01 {

    background:url('../images/btn_type01_rt.gif') no-repeat right top;

    display:inline-block;

    height:22px;

    margin:0 0 0 5px;

    vertical-align:middle;

}

    a.btnType01 span {

        background:url('../images/btn_type01_lt.gif') no-repeat left top;

        display:inline-block;

        height:17px;

        padding:5px 12px 0 12px;

        font-size:11px;

        line-height:11px;

        color:#3c6e9e;

        cursor:pointer;

    }



a.btnType02 {

    background:url('../images/btn_type02_rt.gif') no-repeat right top;

    display:inline-block;

    height:21px;

    margin:0;

    vertical-align:top;

}

    a.btnType02 span {

        background:url('../images/btn_type02_lt.gif') no-repeat left top;

        display:inline-block;

        height:16px;

        padding:5px 10px 0 10px;

        font-size:12px;

        line-height:12px;

        color:#ffffff;

        cursor:pointer;

    }



a.btnType03 {

    background:url('../images/btn_type03_rt.gif') no-repeat right top;

    display:inline-block;

    height:21px;

    margin:0;

    vertical-align:top;

}

    a.btnType03 span {

        background:url('../images/btn_type03_lt.gif') no-repeat left top;

        display:inline-block;

        height:16px;

        padding:5px 10px 0 10px;

        font-size:12px;

        line-height:12px;

        color:#ffffff;

        cursor:pointer;

    }



a.btnType04 {

    background:url('../images/btn_type04_rt.gif') no-repeat right top;

    display:inline-block;

    height:19px;

    margin:0 0 0 5px;

    vertical-align:middle;

}

    a.btnType04 span {

        background:url('../images/btn_type04_lt.gif') no-repeat left top;

        display:inline-block;

        height:15px;

        padding:4px 12px 0 12px;

        font-size:11px;

        line-height:11px;

        color:#4f4f4f;

        cursor:pointer;

    }





div.btn {

    width:100%;

    margin-top:10px;

}

div.btn:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}



div.ltBtn {float:left;}

div.rtBtn {float:right;}



div.btn a, div.btn input {float:left; margin-left:5px;}

div.ltBtn a, div.ltBtn input {margin-right:5px;}

div.rtBtn a, div.ltBtn input {margin-left:5px;}





/* etc */

.mgn10 {margin-top:10px;}

.mgn20 {margin-top:20px;}



span.photo {

    display:inline-block;

    background-color:#f6f6f6;

    border:1px solid #bcbcbc;

    width:70px;

    height:70px;

    vertical-align:middle;

}

    span.photo img {

        width:70px;

        height:70px;

    }



p.cmt01 {

    font-size:11px;

    margin:10px 0;

}

p.cmt02 {

    font-size:11px;

    margin:10px 0;

    text-align:right;

}



div.analyticsCont {

    width:100%;

    margin-top:50px;

    text-align:center;

}

    div.analyticsCont p {

        font-size:16px;

        font-weight:bold;

        line-height:1.5em;

        color:#006ac7;

        letter-spacing:-1px;

        text-align:center;

    }

    div.analyticsCont div.btn {

        text-align:center;

        margin-top:20px;

    }

    div.analyticsCont div.btn a {float:none;}





/************************** board style ******************************/

/* search */

div.search {

    border:1px solid #bcbcbc;

    width:890px;

    padding:11px 14px 11px 14px;

    margin-bottom:20px;

}

div.search:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}



    div.search p {

        width:100%;

        border-bottom:1px dashed #e4e4e4;

        padding-bottom:7px;

        margin-bottom:7px;

    }

    div.search p:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}

    div.search p.end {

        border:none;

        padding:0;

        margin:0;

    }

    div.search p *

    {

        vertical-align:middle;

    }

    div.search label {

        display:inline-block;

        font-size:11px;

        margin:0 5px 0 20px;

    }

    div.search label.first {margin-left:0;}

    div.search label.size01 {width:40px;}

    div.search label.size02 {width:70px;}

    div.search span.rtType {float:right;}

    div.search span.date input {width:100px;}

    div.search input.size01 {width:400px;}



/* 0616 수정*/

/* list */

div.boardListWrap {

    width:100%;

    border-bottom:4px solid #dfdfdf;

}

.boardList {

    width:100%;

    border-collapse:collapse;

}



    .boardList th {

        background-color:#cfe1f1;

        border:1px solid #bcbcbc;

        text-align:center;

        padding:4px 5px 3px 5px;

        font-weight:bold;

        color:#5a5a5a;

    }



    .boardList td {

        background-color:#fff;

        border:1px solid #bcbcbc;

        text-align:center;

        padding:4px 5px 3px 5px;

    }

    .boardList td.bg {

        background-color:#ccc;



    }

    .boardList td.txt {

        text-align:left;

        padding-left:10px;

        padding-right:10px;

    }

    .boardList td.btn {padding:0;}

    .boardList td.txt em {

        font-style:normal;

        margin-left:10px;

    }

    .boardList td a {color:#19519e;}

    .boardList td a:hover{text-decoration:underline;}

/* 0616 수정*/





/* paging */

ul.paging {

	text-align:center;

	margin:0 auto;

	padding-top:10px;

}



    ul.paging li {

        display:inline;

        font-family:"verdana";

        font-size:10px;

        line-height:10px;

        padding:0 5px;

    }



        ul.paging li.btn img {

            width:29px;

            height:9px;

            vertical-align:middle;

        }

        ul.paging li.btn.prev img {margin-left:-3px;}

        ul.paging li.btn.next img {margin-right:-3px;}



        ul.paging li a.selected {

            font-weight:bold;

            color:#342e80;

        }





/* view */

div.boardView {

    width:100%;

    border-bottom:4px solid #dfdfdf;

}

div.boardView table {

    width:100%;

    border-collapse:collapse;

}



    div.boardView table th {

        background-color:#cfe1f1;

        border:1px solid #bcbcbc;

        text-align:left;

        padding:4px 10px 3px 10px;

        font-weight:bold;

        color:#5a5a5a;

    }

    div.boardView table th.sub {

        background-color:#e4edf5;

        font-weight:normal;

    }



    div.boardView table td {

        background-color:#fff;

        border:1px solid #bcbcbc;

        text-align:left;

        padding:3px 10px 3px 10px;

    }

        div.boardView table td.bltTxt span {

            background:url('../images/blt_tit03.gif') left 8px no-repeat;

            display:inline-block;

            padding-left:8px;

            margin-right:20px;

        }

        div.boardView table td.bltTxt p {

            background:url('../images/blt_tit03.gif') left 8px no-repeat;

            padding-left:8px;

        }



    div.boardView div.cont {

        border:1px solid #bcbcbc;

        padding:10px;

        margin:10px 0;

    }





div.boardView02 {

    width:100%;

    border-top:1px solid #cbcbcb;

}

div.boardView02 table {

    width:100%;

    border-collapse:collapse;

}

    div.boardView02 table th {

        background:url('../images/bar_tbl_tit01.gif') right 8px no-repeat;

        border-bottom:1px solid #cbcbcb;

        text-align:left;

        padding:4px 10px 3px 10px;

        font-size:11px;

        font-weight:bold;

        color:#777777;

    }

    div.boardView02 table th.none {background:none;}

    div.boardView02 table th.sub {font-weight:normal;}



    div.boardView02 table td {

        border-bottom:1px solid #cbcbcb;

        text-align:left;

        padding:3px 10px 3px 10px;

    }



    div.boardView02 div.cont {

        background-color:#f9f9f9;

        border-top:1px solid #cbcbcb;

        border-bottom:2px solid #cbcbcb;

        padding:10px;

    }



    div.boardView02 table tr.sub th,

    div.boardView02 table tr.sub td {

        border-bottom:1px dashed #e4e4e4;

    }





div.boardViewTit {

    width:100%;

    min-height:50px;

    *height:50px;

    margin-bottom:20px;

    position:relative;

}

div.boardViewTit:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}



    div.boardViewTit ul {

        float:left;

        border-left:2px solid #006ac7;

        width:660px;

        padding-left:10px;

        margin-top:5px;

    }

        div.boardViewTit ul li.tit {

            width:100%;

            font-family:"verdana";

            font-size:16px;

            color:#006ac7;

            letter-spacing:-1px;

        }

        div.boardViewTit ul li.section {

            float:left;

            font-family:"verdana";

            font-weight:bold;

            color:#838383;

            padding-right:10px;

        }

        div.boardViewTit ul li.date {

            float:left;

            font-family:"verdana";

            color:#b6b6b6;

        }

    div.boardViewTit span.photo {

        position:absolute;

        right:0;

        top:0;

        border:2px solid #006ac7;

        width:48px;

        height:48px;

    }

    div.boardViewTit span.photo img {width:48px; height:48px;}

    div.boardViewTit span.name {

        float:right;

        width:200px;

        font-weight:bold;

        color:#858585;

        margin-top:5px;

    }

    div.boardViewTit span.name em {

        display:block;

        font-style:normal;

    }







/* write */

div.boardWrite {

    width:100%;

    border-bottom:4px solid #dfdfdf;

}

div.boardWrite table {

    width:100%;

    border-collapse:collapse;

}



    div.boardWrite table th {

        background-color:#cfe1f1;

        border:1px solid #bcbcbc;

        text-align:left;

        padding:4px 10px 3px 10px;

        font-weight:bold;

        color:#5a5a5a;

    }

    div.boardWrite table th.sub {

        background-color:#e4edf5;

        font-weight:normal;

    }

        div.boardWrite table th span.point {

            font-weight:bold;

            color:#e40015;

            margin-left:3px;

        }



    div.boardWrite table td {

        background-color:#fff;

        border:1px solid #bcbcbc;

        text-align:left;

        padding:3px 10px 3px 10px;

    }

        div.boardWrite table td p {margin:5px 0;}

        div.boardWrite table td p label.size01 {

            display:inline-block;

            width:80px;

        }



    div.boardWrite div.cont {margin:10px 0;}

    div.boardWrite div.cont div.editor {

        background-color:#f6f6f6;

        border:1px solid #bcbcbc;

        margin-bottom:3px;

        text-align:center;

        padding:5px 0;

    }

    div.boardWrite div.cont textarea {

        width:900px;

        padding:9px;

    }





/************************** layer style ******************************/

div.layerType01 {

    background-color:#fff;

    border:3px solid #18436d;

    width:494px;

    position: absolute;

    top : 50%;

    left : 50%;

    display: none;

    z-index : 100;

}



div.noLayer {display:block !important; left:0 !important; top:0 !important;}



div.layerType02 {

    background-color:#fff;

    border:3px solid #18436d;

    width:694px;

    position: absolute;

    top : 50%;

    left : 50%;

    display: none;

    z-index : 100;

}



div.layerType02Pop {

    background-color:#fff;

    border:3px solid #18436d;

    width:694px;

}



div.layerTit {

    background:#3169b2 url('../images/layer_tit_bg.gif') left bottom repeat-x;

    width:100%;

    min-height:41px;

    *height:41px;

    padding-bottom:3px;

}

    div.layerTit h1 {

        background:url('../images/layer_tit_rt.gif') right bottom no-repeat;

        min-height:21px;

        *height:21px;

        font-size:12px;

        font-weight:bold;

        color:#fff;

        padding:10px 30px 10px 30px;

    }



div.layerCont {margin:25px 30px;}

div.layerType01 div.layerCont {text-align:center;}



div.layerCont .cmt01 {

    background-color:#f9f9f9;

    border-top:2px solid #cbcbcb;

    border-bottom:2px solid #cbcbcb;

    padding:20px;

    margin:20px 0;

    font-size:12px;

    text-align:center;

}

div.layerCont p.cmt02 {

    font-size:12px;

    font-weight:bold;

    color:#116cbc;

    margin:20px 0;

    text-align:center;

}

div.layerCont p.btn {

    text-align:center;

    margin-top:20px;

}

    div.layerCont p.btn a {margin:0 2px;}







/************************** login style ******************************/

div.loginWrapper {

    width:740px;

    height:276px;

    position:relative;

    left:50%;

    top:50%;

    margin:-138px 0 0 -370px;

}



div.loginWrapper p.logo {

    text-align:center;

    width:100%;

    margin-bottom:35px;

}



div.loginWrapper p.footer {

    text-align:center;

    width:100%;

    margin-top:20px;

}



div.loginCont {

    background:url('../images/bg_login.gif') left top no-repeat;

    width:632px;

    height:100px;

    padding:39px 54px 34px 54px;

    position:relative;

}



    div.loginCont h1 {

        float:left;

    }



    div.loginCont fieldset {

        float:right;

        width:240px;

		padding-top:16px;

        padding-right:84px;

    }

    div.loginCont .btn {

        position:absolute;

        right:54px;

        top:55px;

    }



    div.loginCont fieldset p {width:100%;}

    div.loginCont fieldset p:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}

    div.loginCont fieldset p.id {

        border-bottom:1px dashed #dedede;

        padding-bottom:8px;

        margin-bottom:8px;

    }

        div.loginCont fieldset p label {

            float:left;

            width:115px;

            margin-top:3px;

        }

        div.loginCont fieldset p input.line {

            float:right;

            width:110px;

            background-color:#f5f5f5;

            border:1px solid #c4cad1;

        }

    div.loginCont fieldset p.check {

        position:absolute;

        right:54px;

        top:120px;

        width:70px;

    }

        div.loginCont fieldset p.check label {

            width:50px;

            font-size:11px;

            line-height:14px;

            color:#000000;

            margin:0 0 0 3px;

        }

        div.loginCont fieldset p.check input {float:left;}





.tPad10 {padding-top:10px;}

.wid220 {display:inline-block; width:220px;}





div.layerCont div.boardView02 div.cont {max-height:250px; overflow-y:auto; _height:expression(this.scrollHeight>250?"250px":"auto");}





/* 2011-07-18 추가 */

.spFl {float:left; width:33%; display:inline-block;}

.hidden {overflow:hidden;}

.cb {clear:both;}

.treatImg {float:left; width:120px; margin:0 0 15px 10px;}

.treatImg img {border:1px solid #bababa; padding:2px;}



.bLine {border-bottom:2px solid #969696;padding-bottom:10px;}





.hidden {overflow:hidden;}

.fl {float:left;}

.fr {float:right;}

.tMar5 {margin-top:5px;}

.rMar10 {margin-right:10px;}

.rt {text-align:right;}



/* Error */

.error {position:absolute; left:50%; top:20%; width:600px; margin-left:-300px; text-align:center; padding:40px 30px;border-top:2px solid #1A529D; border-bottom:2px solid #1A529D;}

.error .cmt {padding:20px; margin:20px 0; color:#444; border:1px dashed #dbdbdb; background-color:#efefef;}