/*************		 占쏙옙占쏙옙		*************/
body { /*background: #e3e3e3;*/ background-size: 100%;min-width:980px;
    margin:0; padding:0;
    color:#777;
    overflow-y:scroll ;
}
body, button, input, select, textarea, .ui-widget {font:12px '나눔고딕', '맑은 고딕', 'dotum';}
button, input, select { padding:3px 6px; }
button {cursor:pointer;}

ul, li {margin-left:0px; padding-left:0px; list-style:none;}
li { /*font-size:11px*/ }
fieldset {border:none; text-align:left; margin:0; padding:0}
legend {display:none}
label { font-family:'나눔고딕', '맑은 고딕', 'dotum';}

dt, dd {margin:0px}

a {text-decoration:none;}
a:hover {}
img {border:none}
img, input {vertical-align:middle;}

.fr {float:right !important;}
.fl {float:left !important;}
.clearBoth {clear:both !important;}
.align-c {margin: 0 auto}

.h-0 { height:0}
.w60 { width:60%}

#con3 {width:490px; float:right}
#con3_1 {width:410px; float:right}
#cons3 {width:490px; float:left}

.round12-tl-tr { border-top-left-radius:12px; border-top-right-radius:12px }
.round11-tl-tr { border-top-left-radius:11px; border-top-right-radius:11px }

.round4-tl-bl { border-top-left-radius:4px; border-bottom-left-radius:4px }
.round4-tr-br { border-top-right-radius:4px; border-bottom-right-radius:4px }
.round2 { border-radius: 2px;}
.round3 { border-radius: 3px;}

.ico-home {background: #e52142; display: inline-block; width:14px; height:14px; line-height:14px; text-align:center; vertical-align: middle; border-radius: 2px;}


.ta-c { text-align: center }
.ta-l { text-align: left }
.ta-r { text-align: right; }
#footer { width:100%; border-top:1px solid #ccc; text-align: center; min-height: 80px;}

/** 占쌍삼옙占�占쏙옙 **/
#top-bar {width:100%; top:0; height:75px; z-index:2; position:absolute; z-index: 2; clear: both;
   vertical-align:middle; color:white; border-bottom: 1px solid #d7d7d7; /*background-size: 76px auto;*/
}
#top-bar-iframe { border:none;}

/*#top-bar-con {width:100%; height:75px; /*background:url('/images/markany/bg_logo.png') no-repeat left center;* margin:0 auto; padding-top: 6px;}*/

#top-bar-con {
	width: 1033px;		/* 占쏙옙占쏙옙占쏙옙占싱억옙占�占쏙옙占쏘데 占쏙옙占쏙옙 占쏙옙 */
	height: 75px;
	margin: 0 auto;
	padding-top: 6px;
}

.top-1st li { float:left; width:130px;  margin-top:15px;
    background: url('/images/markany/top-1st-border-left.png') no-repeat;
    text-align: center;
    line-height: 28px;
}

#sub-logo {float:left;height:70px;padding-top:5px;}

.top-1st-menu {font-size: 14px; font-weight: bold; letter-spacing: -1px; color:#fff }
.top-1st-menu:hover { color:#eb8092; }

.top-1st { float:right; }
.top-1st > li:first-child { background: none; /* margin-top:-5px; padding-left:20px; padding-right:40px; */}
/* .top-1st > li:nth-child(2){ background: none; } */
.top-1st > li:last-child { width:auto; line-height: normal; }

.top-log { color:#b2b1b1; padding:7px; border: 1px solid #d3d3d3; display: inline-block;
border-radius: 3px;}
.top-log:hover { background-color: #555; }

.top-2nd {background: white url('/images/markany/bg-top-bar-2nd.gif') repeat-x;
    position: relative; top: 8px; left:-20px;
	z-index:4;
    border:2px solid #333;
    min-width:150px;
    padding: 14px 14px 7px 0;
    display: none;
}
.top-2nd div {}
.top-2nd > img { position:absolute; top:-10px; left:70px; }
.top-2nd a {display: inline-block; width:100%; padding:0 7px; color:#777}
.top-2nd a:hover { background: #c61a37; color: white;}
.pl5 {padding-left: 5px;}
.ptb8 {padding-top: 8px; padding-bottom: 8px;}
.ml10 {margin-left: 10px;}
.mb10 {margin-bottom: 10px;}
.btm-line-dotted {border-bottom: 1px dotted #c9c9c9 !important;}
.lh180p {line-height: 180%}
.h63 { height:63px !important; }
.textarea-noscale {resize: none}
/** 占쌍삼옙占�占쏙옙 占쏙옙 **/
ul.list-attached-file { margin:0px; width:auto !important;}
/*************		 占쏙옙占쏙옙 占쏙옙		*************/

/*************		 占쏙옙占쏙옙 占쏙옙占쏙옙占쏙옙		*************/

#vrb-wrap {position:absolute; margin-top:10%; }
#vrb-wrap > div:first-child {position:absolute; left:-400px;}
#vrb {position:absolute;}
#vrb li {border:1px solid #888; position:absolute; width:300px; height:200px; color:white; border-radius:15px; box-shadow:0 0 8px #888}
#vrb li h1 { position:absolute; top:0px; right:20px; text-shadow: 0px 0px 14px rgba(100, 100, 100, 1); }
#vrb li span { position:absolute; bottom:20px; right:20px; }

#vrb-tab { position:absolute; top:230px; left:-30px; color:yellow; width:100px; text-align:center; background-color:#ff0; margin:0; z-index:1;
    writing-mode: tb-lr;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ma-transform: rotate(90deg);
    -o-transform: rotate(90deg);

    background-image: linear-gradient(bottom, rgb(83,134,7) 3%, rgb(129,180,54) 52%);
    background-image: -o-linear-gradient(bottom, rgb(83,134,7) 3%, rgb(129,180,54) 52%);
    background-image: -moz-linear-gradient(bottom, rgb(83,134,7) 3%, rgb(129,180,54) 52%);
    background-image: -webkit-linear-gradient(bottom, rgb(83,134,7) 3%, rgb(129,180,54) 52%);
    background-image: -ms-linear-gradient(bottom, rgb(83,134,7) 3%, rgb(129,180,54) 52%);

    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0.03, rgb(83,134,7)),
        color-stop(0.52, rgb(129,180,54))
    );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#81b436, endColorstr=#538607);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#81b436, endColorstr=#538607)";
}

/********		 占쏙옙占쏙옙 占쏙옙占쏙옙占쏙옙 占쏙옙		****************/

/********		gnb				*********/
#gnb > iframe { border:none; width: 100%; }
#gnb 				{ position:absolute; top:0; z-index:9999; width:100%; text-align:center; padding:0px; min-width:980px; height: 0px;}
/* #gnb-con 			{ margin:0 auto; padding:0px 0; width:100%; background-color:#c51c39; display:none; box-shadow: 0px -3px 5px #a60e28 inset; } */
#gnb-con 			{ margin:0 auto; padding:0px 0; width:100%; background-color:#007bbd; display:none; /* background-image: url('/images/markany/bg-gnb-bottom.png'); */
background-repeat: repeat-x;
background-position: bottom; }
/*
#gnb-con > ul 		{ width:50%; margin:0 auto; }
#gnb-con > ul > li 	{ float:left; width:24%; } /* 1占쏙옙占쏙옙 4占쏙옙 占쏙옙 占쏙옙 24%*/

/*#gnb-con > ul 		{ width:100%; margin:0 auto; }
#gnb-con > ul > li 	{ float:left; width:12%; }*/

#gnb-con > ul {
	width: 949px;  /* 占쌨댐옙 占쏙옙 * 占쌨댐옙(#gnb-con > ul > li) width + 1 */
	margin: 0 auto;
	background: url('/images/markany/gnb-bg-dot-white.png') repeat-y;
	overflow: hidden;
}

#gnb-con > ul > li {
	float: left;
	width: 157px;	/* width 占쏙옙 占쏙옙占쏙옙占쏙옙占쌍깍옙; 占쏙옙占쏙옙占쏙옙 占쏙옙占쏙옙 占쏙옙占쏙옙 占쏙옙占쏙옙, 占쏙옙占쏙옙占쏙옙占쏙옙 占쌍억옙占�占쏙옙占쏘데 占쏙옙占쏙옙 占쏙옙 */
}
#gnb-con .gnb-1st > a { display: block; height:39px; background:/*#be1c39*/ url('/images/markany/gnb-bg-1st.png') repeat-x;}
#gnb-con a, #gnb-tab span {color:#f3d2d7}
#gnb-con a:hover, #gnb-tab span:hover {color:#fff}
#gnb-tab {position:relative; z-index:9999; margin:0 auto; top:-6px; width:175px; height:32px; /*color:#fff;*/ cursor:pointer; font-size: 14px;
    /*background-image: linear-gradient(bottom, rgb(83,134,7) 3%, rgb(129,180,54) 52%);
    background-image: -o-linear-gradient(bottom, rgb(83,134,7) 3%, rgb(129,180,54) 52%);
    background-image: -moz-linear-gradient(bottom, rgb(83,134,7) 3%, rgb(129,180,54) 52%);
    background-image: -webkit-linear-gradient(bottom, rgb(83,134,7) 3%, rgb(129,180,54) 52%);
    background-image: -ms-linear-gradient(bottom, rgb(83,134,7) 3%, rgb(129,180,54) 52%);

    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0.03, rgb(83,134,7)),
        color-stop(0.52, rgb(129,180,54))
    );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#81b436, endColorstr=#538607);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#81b436, endColorstr=#538607)";

    background-color: #c51c39;
    box-shadow: 0px 3px 5px #7f1a2b; */
}

#gnb-bg { height:6px;background-color: #007bbd; box-shadow: 0 10px 40px #666;}
/*#gnb-tab span { line-height:230%; text-shadow: 0px 1px 3px rgba(0, 0, 4, 1); }
.tab-picker { line-height:230%; color:#fff;  } */
.tab-picker text {font-weight:bold; font-size:13px; fill:#fff}
.gnb-1st { font-weight:bold; font-size: 15px;
    background:/*#be1c39*/ url('/images/markany/gnb-bg-1st.png') repeat-x;
    width:100%; line-height: 39px;
    padding-bottom:20px;
    background: url('/images/markany/gnb-bg-dot-white.png') repeat-y right; }
.gnb-1st:last-child {border-right:1px dotted #007bbd;}
.gnb-2nd { font-weight:normal; font-size: 13px; line-height:220%; text-align:left; }

/********		gnb 占쏙옙				*********/

/*#wrap-con { width:100%; color:#777; margin-top:60px; } MOOK 占쏙옙占쏙옙*/
/**#wrap-con { width:100%; color:#777; margin-top:0px; } 占쏙옙占쏙옙占쏙옙占쌩곤옙 - 2013.04.15.*/
#wrap-con 		{ width:100%; color:#777; margin-top: 0px;}
#wrap-con-user	{ width:100%; color:#777; margin-top:35px;}
#top-desc { width:980px;
/*background: url('/images/markany/bg_desc.png') no-repeat center bottom ; background-size:100%;*/ padding:14px 0px; margin:0 auto;}
/*#top-desc ul li:first-child { float:left; line-height:30px; margin-right:15px;}
#top-desc ul li{ float:left; line-height:40px; }*/

#top-desc a {margin:0 2px;}

.title-top {color:#000; margin-bottom: 7px;}
.title-desc {color:#7b7d84}


.con { position:relative; min-width:980px ; width:980px; min-height: 471px; background-color:white; margin:10px auto 0px; /*padding:13px 0;*/ }
.con-top-gradient {background: url('/images/markany/con_bg_top.gif') repeat-x}

.containers 		{ float:left; border:1px solid #ccc; border-bottom:none; width:215px;/*width:315px;*/ padding:0 10px; /* background: url('/images/markany/bg_con.gif'); /*margin-top:15px; margin-left:15px;*/}
.containers2 		{ float:left; border:1px solid #ccc; border-bottom:none; width:305px; padding:0 10px;}
.containers3		{ float:left; border:1px solid #ccc; border-bottom:none; width:260px; padding:0 10px;}
.containers4		{ float:left; border:1px solid #ccc; border-bottom:none; width:392px; padding:0 10px;}
.containers-board	{ float:left; width:215px; padding:0 10px; }
.containers > h2 	{ margin: 8px 0px; color:#363331 }
.containers2 > h2 	{ margin: 8px 0px; color:#363331 }
/*.con > div {position:absolute; border:1px solid #7cac2c; background: url('/images/markany/bg_con.gif'); }*/
/* 占쏙옙占쏙옙 占쏙옙占�; 占쏙옙占쏙옙 占쏙옙타占쏙옙
.con-head-bg {
    background-image: linear-gradient(bottom, rgb(97,146,18) 14%, rgb(123,172,44) 57%);
    background-image: -o-linear-gradient(bottom, rgb(97,146,18) 14%, rgb(123,172,44) 57%);
    background-image: -moz-linear-gradient(bottom, rgb(97,146,18) 14%, rgb(123,172,44) 57%);
    background-image: -webkit-linear-gradient(bottom, rgb(97,146,18) 14%, rgb(123,172,44) 57%);
    background-image: -ms-linear-gradient(bottom, rgb(97,146,18) 14%, rgb(123,172,44) 57%);

    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0.14, rgb(97,146,18)),
        color-stop(0.57, rgb(123,172,44))
    );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7bac2c, endColorstr=#619212);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#7bac2c, endColorstr=#619212)";
} 
.btn1 { border:1px solid #5d8d0c; border-radius:4px; color:#5d8d0c; font-weight:bold; padding:6px 16px;
    background-image: linear-gradient(bottom, rgb(226,237,207) 14%, rgb(255,255,255) 57%);
    background-image: -o-linear-gradient(bottom, rgb(226,237,207) 14%, rgb(255,255,255) 57%);
    background-image: -moz-linear-gradient(bottom, rgb(226,237,207) 14%, rgb(255,255,255) 57%);
    background-image: -webkit-linear-gradient(bottom, rgb(226,237,207) 14%, rgb(255,255,255) 57%);
    background-image: -ms-linear-gradient(bottom, rgb(226,237,207) 14%, rgb(255,255,255) 57%);

    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0.14, rgb(226,237,207)),
        color-stop(0.57, rgb(255,255,255))
    );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#e2edcf);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#e2edcf)";
}
.btn1:active { border:1px solid #5d8d0c; border-radius:4px; color:#5d8d0c; font-weight:bold; padding:6px 16px;
    background-image: linear-gradient(bottom, rgb(194,204,175) 14%, rgb(227,227,227) 57%);
    background-image: -o-linear-gradient(bottom, rgb(194,204,175) 14%, rgb(227,227,227) 57%);
    background-image: -moz-linear-gradient(bottom, rgb(194,204,175) 14%, rgb(227,227,227) 57%);
    background-image: -webkit-linear-gradient(bottom, rgb(194,204,175) 14%, rgb(227,227,227) 57%);
    background-image: -ms-linear-gradient(bottom, rgb(194,204,175) 14%, rgb(227,227,227) 57%);

    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0.14, rgb(194,204,175)),
        color-stop(0.57, rgb(227,227,227))
    );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#e3e3e3, endColorstr=#c2ccaf);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#e3e3e3, endColorstr=#c2ccaf)";
}
*/
/*.search-box 		{ float:right; padding-right:0px; border:1px solid #bbb; overflow:hidden; position:relative; height:18px; } for search input */
.search-box			{ padding-right: 22px; border: 1px solid #bbb; overflow: hidden; position: relative; height: 21px; display: inline-block; line-height: 15px;}
.search-box-input 	{ font-size:12px; }

.search-box-tree input { font-size:11px; width:110px; }
.search-box-user input { font-size:11px; width:85px; }
.search-box-input { /*margin-top:-1px;*/ margin-top:0px; margin-right:0px; border:none; /*border:1px solid #bbb; border-right:none*/}
.search-box-input2 { margin-top:-1px; margin-right:0px; border:1px solid #bbb; border-right:none; width:200px !important;}
.search-box-input3 { margin-top:-1px; margin-right:0px; border:1px solid #bbb; border-right:none; width:300px !important;}
.search-button, .search-box-tree button, .search-box-user button { background:#f7f8f8 url('/images/markany/btn_search.png') no-repeat center;
    width:22px; height:21px; /*border:1px solid #bbb;*/ border:none; border-left:none;
    margin-left:0px;
    /*cursor:pointer;*/
}
.search-box-input-mini { width: 80px; margin-right: 3px;}
/* 占쏙옙占쏙옙 占쏙옙占�; 占쏙옙占쏙옙 占쏙옙타占쏙옙
.con-head { height:47px; margin:0px 10px; }
.con-head h3 { display:inline; color:white; line-height:44px; }
*/

select.search-select {padding:1px 3px; font-size:11px; background: url('/images/markany/btn_selectbox.png') no-repeat #eee; }
/*		*/
/* 占쏙옙占쏙옙占쏙옙 占쌩곤옙 - 2013.04.15. .search-user { height:100%; overflow:hidden}*/
.search-user { height:94%; overflow:hidden}

.search-user ul { margin:0px; }
.search-button { position: absolute; top:0; right:0}
/* 占쏙옙占쏙옙占쏙옙 트占쏙옙 占쏙옙占쏙옙占싱놂옙 */
.con-tree {overflow:auto; background:none; width:100%; height:401px; /* 390px width:195px; */}
.con-menu {width:150px;}
.con-user {width:225px;}
.con-last {}

.tree-controller {border-top:1px solid #b4b4b4; border-bottom:1px solid #b4b4b4; height:2em; padding:3px 10px; line-height:22px;}
.tree-controller > a { display:inline-block; vertical-align:middle; margin-right:30px;}

.tree-search { height:45px; position: relative; border-bottom: 1px solid #d7d7d7; width: 100%;}
.tree-search > label { position: absolute; top: 14px; left: 7px; z-index:2; cursor: text;}
.tree-search > span { position: relative; width: 100%; display: inline-block; top: 11px; padding-right:0px;}
.tree-search .search-box-input { width:84%; }

/*	datatables	*/
.dataTables_scroll {border:1px solid #b6bca8}
.dataTables_processing {top:150px; z-index: 2}
/*	scrollbar	*/
.mCSB_container { margin-right:0px}

table.display th.ui-state-default { padding:5px 0px 5px 10px; background-image:none; background-color: #b6bca8; color:white }
.ui-state-active { border: none; /*{borderColorActive}*/;
    background: #c71a38 none !important; /*{bgColorActive}* none/*{bgImgUrlActive}* 50%/*{bgActiveXPos}* 50%/*{bgActiveYPos}* repeat-x/*{bgActiveRepeat}*/;
    font-weight: bold/*{fwDefault}*/;
    color: #fff/*{fcActive}*/;}

.error {margin:0 auto; color:#ff0000;}

#org { font-size:.62em; background:none}
#org a { font-size:12px}
.ui-tooltip {z-index:12000 !important;}
.dt-checked {color:white}

.template-items-tab1 > span {display:inline-block;}
.template-title {margin-top:0px;}
.template-title > li {background: #f5f5f5; padding:8px 16px;}
.template-title > li h2 {margin:0px; color:#363331}
.template-title > li:first-child {background: url('/images/markany/bg_template_title.gif'); height:2px; padding:0px;}
.template-title > li:last-child {background: #ededed; padding:6px 8px;}

.template-title-attached-table {margin-bottom:0px;}

li.template-title-cm { padding:10px; }

a.ee  {display:inline-block; font-size:11px; color:#929292; border:1px solid #cbcbcb; font-weight: bold; padding: 6px 14px 6px 29px; background: white url('/images/markany/bg_btn_export_excel.png') no-repeat 8px center !important;}
a.ee:hover {background-color: #f9f9f9 !important;top-2nd-menu}
a.btn-red { display:inline-block; font-size:13px; color:white !important; border:1px solid #a02533; font-weight: bold; padding: 5px 14px; background: #c6333d url('/images/markany/btn_bg_red.gif') center !important;}
a.btn-red:hover {background: url('/images/markany/btn_bg_red_over.gif') !important;}
a.btn-purple { display:inline-block; font-size:13px; color:white !important; border:1px solid #a02533; font-weight: bold; padding: 5px 14px; background: #b32c55 url('/images/markany/btn_bg_purple.gif') center !important;}
a.btn-purple:hover {background: url('/images/markany/btn_bg_purple_over.gif') !important;}
a.btn-brown { display:inline-block; font-size:13px; color:white !important; border:1px solid #934e31; font-weight: bold; padding: 5px 14px; background: #bb663f url('/images/markany/btn_bg_brown.gif') center !important;}
a.btn-brown:hover {background: url('/images/markany/btn_bg_brown_over.gif') !important;}
a.btn-dark-brown { display:inline-block; font-size:13px; color:white !important; border:1px solid #6a3b29; font-weight: bold; padding: 5px 14px; background: #8e5037 url('/images/markany/btn_bg_dark_brown.gif') center !important;}
a.btn-light-grey { display:inline-block; font-size:13px; color:white !important; border:1px solid #58504d; font-weight: bold; padding: 5px 14px; background: #6f6661 url('/images/markany/btn_bg_light_grey.gif') center !important;}
a.btn-light-grey:hover {background: url('/images/markany/btn_bg_light_grey_over.gif') !important;}
a.btn-small-ligtht-grey { display:inline-block; background: #88877e; border:1px solid #62615a; color: white; padding:5px 20px; font-size: 11px; margin:10px 6px 10px 0; cursor:hand} /* 占쌥깍옙 */
a.btn-small-dark-grey { display:inline-block; background: #514f49; border: 1px solid #464643; color: white; padding:5px 20px; font-size: 11px; margin:10px 6px 10px 0; cursor:hand} /* 占쏙옙占쏙옙 */
a.btn-small-ligtht-grey:hover {background: #96958d; }
a.btn-small-dark-grey:hover {background: #64635d; }
a.btn-round-small-red { display: inline-block; background: #c6333d; color: white; padding: 3px 13px; line-height: 100%;}
a.btn-round-small-grey { display: inline-block; background: #514f49; color: white; padding: 3px 13px; line-height: 100%;}
a.btn-round-small-red:hover {background: #d14961; }
a.btn-round-small-grey:hover {background: #64635d; }
a.btn-indigo { display:inline-block; font-size:13px; color:white !important; border:1px solid #6a3b29; font-weight: bold; padding: 5px 14px; background: #4b0082 url('/images/markany/btn_bg_purple.gif') center !important;}

.sb2 { width: 100%;}

tr.policy-template-odd, tr.role-template-odd, tr.logset-template-odd
{ background-color: #f4f5f7;}
tr.policy-template-even, tr.role-template-even, tr.logset-template-even
{ background-color: #fff;}
tr.policy-template-odd:hover, tr.role-template-odd:hover, tr.logset-template-odd:hover,
{ background-color: #f8d1d8;}
tr.policy-template-even:hover, tr.role-template-even:hover, tr.logset-template-even:hover,
{ background-color: #fbe2e7;}

.logset-table-template { width:100%; border-collapse:collapse; border-spacing:0px;}
.policy-table-template, .role-table-template { width:100%; border-collapse:collapse; border-spacing:0px;}
.policy-table-template-items > div > table > tbody td, .role-table-template-items > div > table > tbody td {
    padding:4px 9px;
}
.policy-table-template > thead > tr > th, .role-table-template > thead > tr > th {
    padding:8px 8px; font-size:14px;}
.policy-table-template > tbody > tr, .role-table-template > tbody > tr, .logset-table-template > tbody > tr {
    border-top: 1px solid #fff; border-bottom: 1px solid #cecfd3; }
.policy-template-odd, .policy-template-even, .role-template-odd, .role-template-even, .logset-template-odd, .logset-template-even
{cursor: pointer}
.policy-template-odd > td:first-child, .role-template-odd > td:first-child,
.policy-template-even > td:first-child, .role-template-even > td:first-child {
    padding: 8px 0px 8px 20px;
    background: url('/images/markany/bullet_template.png') no-repeat 10px center; }
.policy-template-odd > td:first-child.policy-template-active, .policy-template-even > td:first-child.policy-template-active,
.role-template-odd > td:first-child.role-template-active, .role-template-even > td:first-child.role-template-active {
    color:#c61a37; font-weight: bold;
    background-image: url('/images/markany/bullet_template_active.png'); background-position-x: 7px;
}

.policy-table-col1 {background-color:#c61a37; width:30%;}
.policy-table-col2 {background-color:#595858; width:30%;}
.policy-table-col3 {background-color:#595858; width:10%;} 
.policy-table-col4 {background-color:#595858; width:15%;}

.logset-table-col1 {background-color: #f9fafc; text-align: center; color:#c51c39; font-weight: bold;
    border-right: 1px solid #cecfd3;
}
.logset-table-col2 {background-color: ; border-right: 1px solid #cecfd3}
.logset-table-col3 {background-color: ;}

.logset-template-odd > td:first-child,
.logset-template-even > td:first-child {
    padding: 8px 0px 8px 5px;
}
.logset-template-odd:first-child > td:first-child {padding: 0;}

.policy-table-template-items, .role-table-template-items { background-color: #fff; padding:10px; }
.policy-table-template-items > div > table, .role-table-template-items > div > table {
    width:100%; border:1px solid #c6c6c6; border-spacing: 0px;}
.policy-table-template-items > div > table > tbody > tr > td,
.role-table-template-items > div > table > tbody > tr > td {
    border-top:1px solid #dddede;}
.policy-table-template-items > div > table > tbody > tr:first-child > td,
.role-table-template-items > div > table > tbody > tr:first-child > td {
    border-top:none;}
.policy-table-template-items > div > table > tbody > tr > td:first-child,
.role-table-template-items > div > table > tbody > tr > td:first-child {
    border-right:1px solid #dddede; background-color: #f9fafb}

.policy-table-template-items > div > div { width:100%; text-align: right;}

/*  占쏙옙占쏙옙 占쏙옙 > 占쏙옙占쏙옙 占쏙옙占쏙옙 占쏙옙占쏙옙 占쏙옙占싱븝옙 */
tr.role-template-odd > td, tr.role-template-even > td { border-left: 1px solid #c6c6c6; border-right: 1px solid #c6c6c6; }
.role-table-col1 { background-color:#c61a37; }
.role-table-template-items { padding:0px;}
.role-table-template-items > div > table { border-top: none; border-bottom: none;}
.btn-container-role > span { margin-left:10px;}
.btn-role-open > a { background: url('/images/markany/btn_bg_open_all.png') no-repeat 3px center; }
.btn-role-close > a { background: url('/images/markany/btn_bg_close_all.png') no-repeat 3px center; }
.btn-role-oc-common > a { display: inline-block; font-weight: normal ; font-size: 11px ; color:white;
    padding:6px 6px 6px 19px;
}
.btn-role-oc-common > a:hover {
    box-shadow: 0px 1px 8px #7f2c37 inset;
    border-radius: 5px;
}
.btn-role-oc-common > input { margin:0 3px 0 0; }
/* 체크 占쌘쏙옙 처占쏙옙*/
/* 화占쏙옙표 */
.role-template-odd > td:first-child, .role-template-even > td:first-child 											{ background-position-x: 33px; }
.role-template-odd > td:first-child.role-template-active, .role-template-even > td:first-child.role-template-active { background-position-x: 30px; }
/* 체크占쌘쏙옙 */
.role-template-odd > td:first-child > span > input, .role-template-even > td:first-child > span > input				{ position: relative; left:-15px; }
/********************************************************************************************************************************
tr.policy-template-odd, tr.role-template-odd, tr.logset-template-odd
{ background-color: #f4f5f7;}
tr.policy-template-even, tr.role-template-even, tr.logset-template-even
{ background-color: #fff;}
tr.policy-template-odd:hover, tr.role-template-odd:hover, tr.logset-template-odd:hover,
{ background-color: #f8d1d8;}
tr.policy-template-even:hover, tr.role-template-even:hover, tr.logset-template-even:hover,
{ background-color: #fbe2e7;}

.logset-table-template { width:100%; border-collapse:collapse; border-spacing:0px;}
.policy-table-template, .role-table-template { width:100%; border-collapse:collapse; border-spacing:0px;}
.policy-table-template-items > div > table > tbody td, .role-table-template-items > div > table > tbody td {
    padding:4px 9px;
}
.policy-table-template > thead > tr > th, .role-table-template > thead > tr > th {
    padding:8px 8px; font-size:14px;}
.policy-table-template > tbody > tr, .role-table-template > tbody > tr, .logset-table-template > tbody > tr {
    border-top: 1px solid #fff; border-bottom: 1px solid #cecfd3; }
.policy-template-odd, .policy-template-even, .role-template-odd, .role-template-even, .logset-template-odd, .logset-template-even
{cursor: pointer}
.policy-template-odd > td:first-child, .role-template-odd > td:first-child,
.policy-template-even > td:first-child, .role-template-even > td:first-child {
    padding: 8px 0px 8px 20px;
    background: url('/images/markany/bullet_template.png') no-repeat 10px center; }
.policy-template-odd > td:first-child.policy-template-active, .policy-template-even > td:first-child.policy-template-active,
.role-template-odd > td:first-child.role-template-active, .role-template-even > td:first-child.role-template-active {
    color:#c61a37; font-weight: bold;
    background-image: url('/images/markany/bullet_template_active.png'); background-position-x: 7px;
}

.policy-table-col1 {background-color:#c61a37; width:30%;}
.policy-table-col2 {background-color:#595858; width:45%;}
.policy-table-col3 {background-color:#595858; width:10%;} 
.policy-table-col4 {background-color:#595858; width:15%;}

.policy-table-content-checkbox thead { background-color:#e5e5e5; }
.policy-table-content-checkbox thead th { border-left: 1px solid #c7c7c7;}
.policy-table-content-checkbox thead th:first-child { border-left:none }
.policy-table-checkbox-col1 { width: 7%; }
.policy-table-checkbox-col2 { width: 23%; background-color: #f9fafb; }
.policy-table-checkbox-col3 { width: 70%; border-right: 1px solid #ddd;}

.logset-table-col1 {background-color: #f9fafc; text-align: center; color:#c51c39; font-weight: bold;
    border-right: 1px solid #cecfd3;
}
.logset-table-col2 {background-color: ; border-right: 1px solid #cecfd3}
.logset-table-col3 {background-color: ;}

.logset-template-odd > td:first-child,
.logset-template-even > td:first-child {
    padding: 8px 0px 8px 5px;
}
.logset-template-odd:first-child > td:first-child {padding: 0;}

.policy-table-template-items, .role-table-template-items { background-color: #fff; padding:10px; }
.policy-table-template-items > div > table, .role-table-template-items > div > table {
    width:100%; border:1px solid #c6c6c6; border-spacing: 0px;}
.policy-table-template-items > div > table > tbody > tr > td,
.role-table-template-items > div > table > tbody > tr > td {
    border-top:1px solid #dddede;}
.policy-table-template-items > div > table > tbody > tr:first-child > td,
.role-table-template-items > div > table > tbody > tr:first-child > td {
    border-top:none;}
.policy-table-template-items > div > table > tbody > tr > td,
.role-table-template-items > div > table > tbody > tr > td {
    border-left:1px solid #dddede;}
.policy-table-template-items > div > table > tbody > tr > td:first-child,
.role-table-template-items > div > table > tbody > tr > td:first-child {
    border-left:none; background-color: #f9fafb }
/* .policy-table-template-items > table > tbody > tr:last-child > td:first-child {border-right:none; text-align: right}*

.policy-table-template-items > div > div { width:100%; text-align: right;}

/*  占쏙옙占쏙옙 占쏙옙 > 占쏙옙占쏙옙 占쏙옙占쏙옙 占쏙옙占쏙옙 占쏙옙占싱븝옙 *
tr.role-template-odd > td, tr.role-template-even > td { border-left: 1px solid #c6c6c6; border-right: 1px solid #c6c6c6; }
.role-table-col1 { background-color:#c61a37; }
.role-table-template-items { padding:0px;}
.role-table-template-items > div > table { border-top: none; border-bottom: none;}
.btn-container-role > span { margin-left:10px;}
.btn-role-open > a { background: url('/images/markany/btn_bg_open_all.png') no-repeat 3px center; }
.btn-role-close > a { background: url('/images/markany/btn_bg_close_all.png') no-repeat 3px center; }
.btn-role-oc-common > a { display: inline-block; font-weight: normal ; font-size: 11px ; color:white;
    /*background-color: #a20522;*
    padding:6px 6px 6px 19px;
}
.btn-role-oc-common > a:hover { /* background-color: #cf314c; *
    box-shadow: 0px 1px 8px #7f2c37 inset;
    border-radius: 5px;
}
.btn-role-oc-common > input { margin:0 3px 0 0; }
*************************************************************************************************************************/
/* 체크 占쌘쏙옙 처占쏙옙*
    /* 화占쏙옙표 *
.role-template-odd > td:first-child, .role-template-even > td:first-child {
    background-position-x: 33px;
}
.role-template-odd > td:first-child.role-template-active, .role-template-even > td:first-child.role-template-active {
    background-position-x: 30px;
}
    /* 체크占쌘쏙옙 *
.role-template-odd > td:first-child > span > input, .role-template-even > td:first-child > span > input{
    position: relative; left:-15px;
}
*****************************************************************************************************************************/

a.default-btn-black { color:white; font-size:11px; display:inline-block; background-color: #595851; border:1px solid #62615a; padding:5px 16px ; margin:3px 0 3px 3px;}
a.default-btn-grey { color:white; font-size:11px; display:inline-block; background-color: #89887f; border:1px solid #464643; padding: 5px 16px; margin:3px 0 3px 3px;}
a.default-btn-black:hover {background-color: #727169}
a.default-btn-grey:hover {background-color: #a6a59b}

.user-search-bar {height:2em; padding:0px; line-height:22px; }

.dep-info {padding:0px 0px; margin-top:5px; background: #c61a37;}
.dep-info > div {width:100%; height:100%; padding:10px 0px 10px 6px;}
#thing-group {margin:0px; color:#fff}
/* 占쏙옙占쏙옙占�占쌓몌옙占쏙옙 占쏙옙占쏙옙占싱놂옙 */
.user-table {overflow:hidden; background:none; width:100%; height:366px; /*height:355px;*/ margin-top:0px;}
.pop-table {overflow:hidden; background:none; width:100%; height:166px; /*height:355px;*/ margin-top:0px;}

/*************			占싯삼옙 占쌘쏙옙; 		*************/
.search-box-container select, .search-box-container .select-period input { border: 1px solid #bbb }
.search-box-container .select-period input {margin-right: 5px;}
.search-box-common .select-period { width: 700px; }
/*.search-box-common { margin-left:10px; width:765px;} for search input */
.search-box-common { margin-left:10px; width:765px; margin-top: 13px; margin-bottom: 5px;}
/*.search-box-common > li { float:left; line-height:30px; margin-left:20px; vertical-align: middle} for search input */
.search-box-common > li { float:left; line-height:25px; height: 25px; padding:5px 0 5px 20px; vertical-align: middle}
/*.search-box-common > li > span, .user-search-bar > li > span { padding: 3px 22px 4px 0px; position: relative} for search input */
.search-box-common > li > span, .user-search-bar > li > span, .search-box.tree { /*padding: 3px 22px 4px 0px;*/ position: relative}
/* 占썩본 占쏙옙 > 占쏙옙占쏙옙占�占쏙옙회 */
/*.search-box-common > li > label {min-width:80px; float:left; text-align: left; margin-right: 5px; } for search input  */
.search-box-common > li > label {width:90px; float:left; text-align: left; margin-right: 15px; }
.search-box-common-log > li > label {width:50px;}
/*.search-box-common .search-box-input {width:120px;} for search input  */
.search-box-common .search-box-input {width:120px; height:21px; padding: 0 6px; background-color: transparent;}
.search-box-common .search-box-input-cm { width:345px;}
.search-box-common select, .user-search-bar select { margin:0 10px 0 0; float:left;}
/* 占썩본占쏙옙 > 占쏙옙占쏙옙占�占쏙옙 */
.search-box-um {}
/* 占썩본占쏙옙 > 占쌘듸옙 占쏙옙 */
.search-box-cm { width:500px; }
ul.search-box-bm > li{ float:none }

ul.search-box-faq > li {float:none; padding:16px 0px;}
ul.search-box-faq > li > label { width:310px; font-size: 18px; letter-spacing: -2px; font-weight: bold; color: #9c9c9c !important;
    background: url('/images/markany/bg_faq_mag.gif') no-repeat 145px center; line-height: 30px;
}
ul.search-box-faq > li > span > select, ul.search-box-faq > li > span > input, ul.search-box-faq > li > span > button { margin-top:3px; }

.search-box-big-btn { position:absolute; top:15px; right:30px; width:120px; height:55px; border:none; background: #c61a37 url('/images/markany/btn_bg_search.png') no-repeat; color:white; font-size: 17px;}
.search-box-big-btn-mini { top:25px; right:34px;}
.search-box-big-btn > span { background: url('/images/markany/btn_bg_search_mag.png') no-repeat; padding-left:27px;}

.search-box-none { }
.search-box-container { position:relative; border:5px solid #c61a37; width:970px; margin:0 auto;}
.search-box-container-none { border-bottom:2px solid #c61a37; width:980px; margin:0 auto;}
.search-box-common-popup { width:auto !important; margin:7px;}
.search-box-container-popup { width:auto !important; margin-bottom: 10px;}
.search-box-container-log, .search-box-common-log { width:auto; margin-left:0px; }
.search-box-container-log { margin-top:10px; margin-bottom:10px;}
.search-box-common-log { margin:7px 0px }
.con-log { width: 510px !important; }

.date-range { }
/*.date-range > li { float:left; border:1px solid #bcbcbc; border-left:none; line-height: 25px; margin-top:2px;} for search input */
.date-range > li { float:left; border:1px solid #bcbcbc; border-left:none; line-height: 25px; }
.date-range > li:first-child {border-left:1px solid #bcbcbc}
.date-range > li > a{ display:inline-block; padding: 0px 8px; background: url('/images/markany/bg_date_range.gif') repeat-x; border-left: 1px solid #eaeaea; }
.date-range > li:first-child > a {border-left: none;}
/*************			占싯삼옙 占쏙옙 占쏙옙; 		*************/
/* 占쏙옙占쏙옙占�占쌓몌옙占쏙옙; 占썩본占쏙옙 > 占쏙옙占쏙옙占�占쏙옙 */
.grid-user {}
.grid-containers { width: 736px; float:right}
.grid-containers-log-set { width: 753px; }
.grid-containers-role { margin-bottom: 20px; }

.dt-head { background: #ededed; margin-bottom: 17px;}
.dt-head-attached-template-title {display:none}
.board-head { margin-bottom:3px;}

div.DTTT_container > a.ui-button { margin:5px 0 5px 10px; }
a.dt-btn-addUser { background: #be6640; border: 1px solid #974a2e; color: white !important; font-weight: bold}
a.dt-btn-addUser:hover { background: #c98565; }
a.dt-btn-delUser { background: #c6323e; border: 1px solid #9b2933; color: white !important; font-weight: bold}

/********       占쏙옙환 占쏙옙       ************/
.help-desk-con {padding:0px;}
.help-desk {width:100%; height:73px; background: #2f2f2f; color:#fff; line-height:73px; text-align: center;
    font-size: 25px; font-family:'占쏙옙占쏙옙占쏙옙占�, '占쏙옙占쏙옙 占쏙옙占�, 'dotum';  letter-spacing:-0.5px;} /*MyriadLight*/
.bm-lnb > ul > li > a.bm-lnb-active {background: #c51c39; color:#fff}
.bm-lnb { margin: 13px 1px 0px; height: 100% /*470px*/}
.bm-lnb > ul > li > a { display:inline-block; width:100%; color:#858585; font-weight: bold;}
.bm-lnb > ul > li > a:hover { background: #c51c39; color:#fff}
.bm-lnb-hover { background: #c51c39;/* color:#fff; */}
.bm-lnb > ul > li > a > span { display:inline-block; width:85%; margin:8px 10px 8px 23px; background: url('/images/markany/bg_bm_lnb_arrow.gif') no-repeat right center;}
.board-containers 		{ width:643px;/*width: 753px;*/ float:right; }
.board-containers-board { width:753px; float:right; }

.attached-file { display: block; padding-left:23px; text-decoration: underline; line-height: 22px;}
.file-jpg {background: url('/images/markany/bg_file_jpg.gif') no-repeat left center}
.file-pdf {background: url('/images/markany/bg_file_pdf.gif') no-repeat left center}
.file-xls {background: url('/images/markany/bg_file_xls.gif') no-repeat left center}

/** 占쌉쏙옙占쏙옙 - 占쏙옙占쏙옙占쏙옙占쌩곤옙 2013.04.15. *****************************/
.user-lnb-con 	{ border:1px solid #ccc; border-bottom:none; height:100%;}

#user-info 		{ border:1px solid #e1e1e1; background-color: #f7f6f2; margin-bottom: 10px; }
.user-info-top, .user-info-bottom {
    border-top:1px solid white; border-left: 1px solid white;
    padding:10px;
    position: relative;
}
.user-info-top 		{ border-bottom: 1px solid #e1e1e1; min-height:36px; }
.user-info-bottom 	{ min-height:44px; }

#user-name { position:absolute; top:20px; font-size:15px; font-weight:bold; padding-left:17px; color:#2f2f2f; background: url('/images/markany/bg-user-ico.png') no-repeat left center; }
.user-info-bottom > ul { position: absolute; top: 12px; }
.user-info-bottom > ul > li { color: #60605e; line-height: 160% }
.user-info-bottom > ul > li > strong { color: #616161 }

.agent-status {color: #c51c39;}

.desc-id {background-color: #f9f9f7; font-weight: bold; padding: 15px 7px;}
.desc-required {position:absolute; color:#c61a37; width: auto !important;}

#top-desc-board		{ width:auto; padding:0px 0px 14px; margin:0 auto; }
#top-desc > dl 		{ margin-top:0px }
#top-desc a 		{ margin:0 2px; color: #777}
.title-top-board	{ color:#000; margin: 0px 0px 7px; }
.grid-board			{ margin-top:-10px; }
.search-box-container-board	{ position:relative; border:5px solid #c61a37; width:auto; margin:0 auto; }

.search-box-common-board 				{ margin-left:10px; width:700px; }
.search-box-common-board > li 			{ float:left; line-height:30px; vertical-align:middle; }
.search-box-common-board > li > span	{ padding:3px 22px 4px 0px; position:relative; }
.search-box-common-board > li > label 	{ width:70px; float:left; text-align:right; margin-right:5px; }
/* 占썩본 占쏙옙 > 占쏙옙占쏙옙占�占쏙옙회 *

.search-box-common-log > li > label {width:50px;}
.search-box-common .search-box-input {width:120px;}
.search-box-common .search-box-input-cm { width:345px;}
*/

/*********      占쏙옙占쏙옙; 占쏙옙       **********/
.board-view-frame { width: 100%; /* background: #efe; */ border-top: 1px solid #ababab; }
.board-view-frame > span > dl, .board-view-frame > span > p { margin:0; }
.board-view-frame > span { display:inline-block; margin:10px 14px; width:100%;}
.board-view-buttons {border:none; margin-top:0px;/*margin-top:34px;*/ margin-bottom:13px; padding:0px; }
.board-view-buttons a { float:right; margin-right:8px; }
.board-view-prev { padding-left:20px; background: url('/images/markany/bg_board_prev.gif') no-repeat left center; font-weight: bold}
.board-view-next { padding-left:20px; background: url('/images/markany/bg_board_next.gif') no-repeat left center; font-weight: bold}

/*.notice-view-prev > span, .notice-view-next > span, .notice-view-info > span { width:100%; }*/
.notice-view-title { border-top: 2px solid #585858;}
.notice-view-title > span { color: #c51a3a; font-weight: bold}
.notice-view-content > span { min-height:200px; }
.notice-view-info-title { font-weight: bold}
.notice-view-next {border-bottom: 1px solid #ababab;}
div.notice-view-info ul, div.notice-view-files ul, div.notice-view-content ul, div.notice-view-prev ul, div.notice-view-next ul { margin:0; width: 96% }

a.attached-file { color:#626262 }
a.attached-file:hover { color:#000; background-color: #eee }
/*********      占쏙옙占쏙옙; 占쏙옙 占쏙옙       **********/
/*********      占쏙옙占쏙옙占쏙옙트     **********/
.table-packaging { width: 98%; margin: 5px auto; border-spacing: 0px;}
.table-packaging > thead {background: #ededed; color: #9d9d9d; font-weight: bold}
.table-packaging > thead > tr > td, .table-packaging > tbody > tr > td { padding-left:5px;}
.table-packaging > tbody > tr > td { border-bottom:1px dotted #7f7f7f !important; }
.table-packaging dl { margin: 0px; }
.table-packaging dt { float:left; padding-right:5px; }
.table-packaging dt label {width:40px !important; margin: 0; border:none; background: none}
.table-packaging dt input {width:90px;}
.table-packaging dd a.btn-round-small-grey { position:relative; top: 17px; }
.table-packaging label {}
li.packaging-add-row { height:auto !important; }
/*********      占쏙옙占쏙옙占쏙옙트 占쏙옙     **********/
/*********      占쏙옙占쏙옙占쏙옙트; 占쏙옙     **********/
.update-table {width:100%; border-spacing: 0px;}
.update-table tr { }
.update-table td { padding: 12px 10px; border-bottom: 1px solid #d3d3d3}
.update-table td:first-child { background: #f9fafc; font-weight: bold; width:1px;
    white-space: nowrap; vertical-align: top}
td.update-table-last-row {border-bottom: 1px solid #585858}
/*********      占쏙옙占쏙옙占쏙옙트; 占쏙옙 占쏙옙    **********/
/*********      faq         ********/
.faq-category { width:980px; margin:0 auto;}
.faq-table-category {width:979px; text-align: center; border-collapse: collapse; border-spacing:0; }
.faq-table-category a { display: inline-block; width:100%; padding-top:8px; padding-bottom:8px; color: #959595;
    border-top: 1px solid #a3a3a3; border-bottom: 1px solid #a3a3a3; }
.faq-table-category a:hover {background: #c51c39; color: #fff; font-weight: /*bold; border:1px solid #980000;*/}
.faq-category-active { background: #c51c39; color: #fff !important; font-weight: bold; /*border:1px solid #980000 !important*/}
.faq-table-category-first { border-left: 1px solid #9b9b9b}
.faq-table-category-last {border-right:1px solid #9b9b9b}

.faq-category-w {width:100%}
.faq-table-category-w {width:100%}
/*********      faq 占쏙옙         ********/
/*********      faq; 占쏙옙          ***********/
.faq-view-title { position:relative; border-top: 2px solid #585858;}
.faq-view-title > span { color: #c51a3a; font-weight: bold; /*background: url('/images/markany/bg_faq_view_q.gif') no-repeat top left; */
    padding-left: 20px; width: 95%;
}
.faq-view-content > span { min-height:200px; /*background: url('/images/markany/bg_faq_view_a.gif') no-repeat top left; */
    padding-left: 20px; width: 95%;
}
.faq-view-content { position:relative; border-bottom: 1px solid #585858; }
.faq-view-qa { position:absolute; left: 10px;
    font-family: 'ABeeZee'; font-size: 15px; font-weight: bold }
.faq-view-q {  }
.faq-view-a {color:#000; }
/*********      faq; 占쏙옙 占쏙옙         ***********/
/****   占쏙옙占쏙옙占쏙옙 占쏙옙占쏙옙      *********/
.step { padding: 12px 0; font-size: 25px; font-weight: bold }
.step > a, .step > span { vertical-align: middle; display: inline-block; color:#b2b2b2 }
.step > .step-arrow { width:47px; height:35px;
    background: url('/images/markany/bg_step_arrow.gif') no-repeat center;
}
.step > a > span { display:inline-block; text-align:center; vertical-align: middle;
    width:35px; height:35px;
    color:white;
    background: url('/images/markany/bg-step-deactivated.png') no-repeat center; }
.step-activated { font-size:30px;  color:#c61a37 !important; padding-buttom:10px; }
a.step-activated > span { width:40px; height:40px; margin-right: 3px;
    background: url('/images/markany/bg-step-activated.png') no-repeat center; font-size:30px;
}

/******     占싸깍옙      *******/
.drm-container { width: 753px; margin:0 auto;}
.chart > li { float:left; margin-bottom: 15px; }
.chart .chart-even { margin-left: 13px; }
.chart > li > div { width: ; height: ; padding: 10px 15px 15px 15px; background: #595758; }
.chart > li > div > span { display: inline-block; font-size: 13px; font-weight: bold; color:#fff; padding-bottom: 10px;}
/*.chart > li > div > div { width:453px; height:230px; background:#fff}*/
.main-stats { width:350px; height:200px; background:#fff}
/*.chart > li > div > div { width: 453px; height: 230px; background: #fff}*/    /*  占쏙옙트  */

.con-log-set { width:720px; }

.table-log-set-detail { width:100%; border-collapse:collapse; border-spacing:0px; margin-bottom: 25px;}
.table-log-set-detail td { border:1px solid #dfdfdf; padding: 5px 14px}
td.log-set-detail-title { background: #f9fafc; color:#848587; font-weight: bold; padding: 9px 14px}

/******     占싸깍옙 占쏙옙     *******/

/*******    占쌘듸옙 占쏙옙       ****/
.code-title { background-color: #595758; color:#fff; padding: 1px 0;}
.logset-title { background-color: #595758; color:#fff; padding: 11px; font-weight: bold}
/*******    占쌘듸옙 占쏙옙 占쏙옙       ****/


/**********     jquery ui css overriding    ********/
.ui-widget-content { border: none }
.ui-tabs .ui-tabs-panel { padding: 0 }
.ui-state-default, .ui-widget-content .ui-state-default { border: ; background: ;}

/****   占쏙옙占쏙옙占쏙옙 占쏙옙占쏙옙      *********/
.step01 { padding: 10px 0; font-size: 17px; font-weight: bold ; float: right;}
.step01 > a, .step01 > span { vertical-align: middle; display: inline-block; color:#b2b2b2 }
.step01 > .step-arrow { width:11px; height:18px;
    background: url('/images/markany/bg_step_arrow01.png') no-repeat center;
}
.step01 > a > span { display: inline-block; text-align: center; vertical-align: middle;
    width:28px; height:28px;
    color: white;
    background: url('/images/markany/bg-step-deactivated01.png') no-repeat center; font-size:21px ;}
.step-activated { font-size: 21px;  color:#c61a37 !important; }
a.step-activated > span { width:24px; height:24px; margin-right: 3px;
    background: url('/images/markany/bg-step-activated01.png') no-repeat center; font-size:21px;}
    
/** UI占쏙옙 ********/
#con-ui 					{ width:620px; float:right; }
.logo-container 			{ float:left; border:1px solid #ccc; border-bottom:none; width:488px; min-height:940px; height:100%;}
.logo-container:first-child { border-right:none; }

.system-menu-h3 	{ margin:0; color:white; font-size:14px; line-height:34px; background-color:#595858; padding-left:8px; height:34px; border-bottom:1px solid #3b3b3b; }
.system-menu-h4 	{ margin:0; color:#838383; padding:0 14px; line-height:34px; background-color:#f4f5f7; border-top:1px solid #e0e0e0; border-bottom: 1px solid #dbdbdc; height:34px; }
.system-menu-h4 a 	{ height:auto; line-height:normal; }

.bullet-number 		{ margin-right:4px; color:white; font-weight:bold; padding:0px 3px; background-color:#c51c39; border:1px solid #a61d35; }

.system-setup-footer{ margin:0; padding-left:6px; color:white; font-size:11px; line-height:26px; background-color:#c51c39; }
.system-logo-con 	{ text-align:center; padding:19px 0; float:center; }
.system-logo-con > div { }

.logo-box 			{ border:1px solid #cecece; width:315px; height:90px; margin-bottom:12px; text-align:center; line-height:90px; display:inline-block; }
/*.logo-box 			{ border:1px solid #cecece; width:167px; height:59px; margin-bottom:12px; text-align:center; line-height:90px; display:inline-block; }*/
.logo-preview 		{ width:192px; height:128px; display:inline-block; margin:16px 11px; border:1px solid #a7a7a7; }
.logo-box-con 		{ float:center; margin:0 30px; text-align:left; display:inline-block; }

.footer-box-con 			{ margin:0 20px; text-align:left; }
.footer-box-con textarea 	{ margin:0; width:442px; /*max-width:442px;*/ height:60px; max-height:60px; resize:none; }

.background-container { float: left; border: 1px solid #ccc; border-bottom: none; width: 697px; height: auto; min-height: 600px;}
.background-container:first-child { width: 280px; border-right: none;}
/** 占쏙옙占쏙옙첨占쏙옙 **********/
.file-input 	{ font-size:11px; margin-top:0px; margin-right:0px; border:none; float:right; display:inline-block; }
.search-box-input { /*margin-top:-1px;*/ /*border:1px solid #bbb; border-right:none*/}

.file-progress	{ position:relative; float:right; width:354px; border:1px solid #ddd; padding:1px; border-radius:3px; }
.file-bar		{ background-color:#b4f5b4; width:0%; height:20px; border-radius:3px; }
.file-percent	{ position:absolute; display:inline-block; top:3px; left:48%; }

.file-default-btn-black 		{ color:white; font-size:11px; display:inline-block; background-color:#595851; border:1px solid #62615a; padding:5px 16px ; margin:3px 0 3px 3px; cursor:pointer; }
.file-default-btn-black:hover 	{ background-color:#727169; }


/** 占쏙옙占싱억옙 占싯억옙 **********/
div.popup-noti { 
	position: absolute;
	width: 415px; height: 145px !important;
	top: 180px; left: 80px; 
	background-color: white;
}
div.popup-noti3 { 
	position: absolute;
	width: 500px; height: 150px !important;
	top: 180px; left: 45px; 
	background-color: white;
}
div.popup-noti4 {
	position: absolute;
	width: 500px; height: 300px !important; 
	top: 150px; left: 60px; 
	background-color: white;
}



div.popup-con { border:1px solid #2f2f2f; height:100%; overflow:auto}
.popup-head { background: #c51c39; color: white; padding:6px 0 6px 12px; margin:0px; }
.popup-head li {}
.popup-head li h3 {display:inline; margin:0px;}

.popup-con-common {margin:0 17px 0; text-align: left; padding-top: 9px ; padding-bottom: 5px }
.popup-con-common > p { }
.popup-con-alert > p { margin-left: 36px; color:#5c5c5c; } 
.popup-con-alert { background: url('/images/markany/popup_bg_alert.png') no-repeat left center; }

fieldset.popup-fieldset {position: relative; width:100%; margin:0 auto;}
fieldset.popup-fieldset li {/*height:30px;*/ line-height: 30px; border-bottom: 1px solid #dddede;}
fieldset.popup-fieldset label { float: left; min-width:20%; height:30px; line-height:30px; text-align: left;
    margin-right:8px; border-right: 1px solid #eaebec; background: #f9fafb; font-size: 11px; color: #838383;
    padding: 0 8px 0 8px;
}
#popup-noticeRegister fieldset.popup-fieldset label, #popup-faqRegister fieldset.popup-fieldset label,
#popup-updateRegister fieldset.popup-fieldset label
{ width:auto; min-width: 20%;}

#popup-userRegister { width: 500px; }
#popup-faqRegister, #popup-noticeRegister { width: 660px; }
#popup-updateRegister { width:790px; }
#popup-roleRegister { width: 350px; }
#popup-roleUserRegister { width: 540px; }
#insertUser {padding-right:5px;}

/** 占싸깍옙占쏙옙 **********/
.main-top > div, .main-body > div, .main-bottom > div	{ width:675px; height:67px; margin:0 auto; }
.main-top 		{ border-bottom:2px solid #333e80; margin-top:5%; }
.main-top > div { position:relative; }
.main-bottom 	{ border-top:1px solid #cdcdcd; }
div.login-box 	{ height:auto; border-left:1px solid #eee; border-right:1px solid #eee; background:url('/images/markany/login/bg-main-login-box.gif'); }

.main-body 	{background-image: url('/images/markany/login/bg-login.jpg'); background-size: 100% auto; } /* 占쌩곤옙 占쏙옙占�*/
.main-body > div:first-child {position: relative; height:254px;
    border-left:1px solid #eee; border-right:1px solid #eee; border-bottom: 1px solid #eee;
    background: url('/images/markany/login/bg-main-lock.jpg') no-repeat;}

.main-logo-top {margin-top: 10px;}
.main-logo-btm {margin-top: 10px;}
.products { position: absolute; right:0; bottom:0;}
.products li {display:inline; margin-right: 10px; }
.login-box fieldset > div { margin:0 17px; position:relative;}

.copybox {position:absolute; top:0; right:0; width:194px; height: 253px;}
.copybox > * { width:194px; height: 84px;
    position: absolute;
    color:white;
    cursor: pointer;
}
.copybox > * > p { margin: 10px; font-weight: bold;}
#c-box1 {background-image: url('/images/markany/login/bg-copybox-1.png'); top:0;}
#c-box2 {background-image: url('/images/markany/login/bg-copybox-2.png'); top:85px;}
#c-box3 {background-image: url('/images/markany/login/bg-copybox-3.png'); top:170px;}

#field1, #login-option { width:387px; margin:0 auto;}
#field1 {padding: 20px 0 19px; position: relative;}
#field1 input { width: 191px; }
#login-option {padding:14px 0 20px;}
#field1 label, #login-option label{ width:85px; display: inline-block; color: white;}
#login-option li { display: inline}

.submit-btn.login { position:absolute; top:20px; right:120px;
    width:92px; height:52px;
    color: #fff;
    border:1px solid #496b94;
    background-image: linear-gradient(bottom, rgb(68,103,144) 19%, rgb(126,158,195) 60%);
    background-image: -o-linear-gradient(bottom, rgb(68,103,144) 19%, rgb(126,158,195) 60%);
    background-image: -moz-linear-gradient(bottom, rgb(68,103,144) 19%, rgb(126,158,195) 60%);
    background-image: -webkit-linear-gradient(bottom, rgb(68,103,144) 19%, rgb(126,158,195) 60%);
    background-image: -ms-linear-gradient(bottom, rgb(68,103,144) 19%, rgb(126,158,195) 60%);
    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0.19, rgb(68,103,144)),
        color-stop(0.6, rgb(126,158,195))
    );
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7e9ec3', endColorstr='#446790'); /* for IE */
    cursor:pointer;
}

.main-copyright { margin-top:15px;}


/** Tree + 占쏙옙 占싹쏙옙占쏙옙 占쏙옙화占쏙옙 CSS **********/
.tree-search-bar-con { float:left; margin-right:0px; position:relative; border:1px solid #bbb; padding:0 24px 0 4px; }
.tree-search-bar-con .search-box-input {width:100%; padding:2px 0;}
.tree-search-btn-con 	{ float:right; position:relative; }

.table-content th { /*font-weight: normal;*/ background-color: #f9fafb; border-right: 1px solid #c6c6c6}
.table-content td, .table-content th { padding: 4px 9px; text-align: left; border-top: 1px solid #c6c6c6}
.table-content td { height:24px; }
.table-content td > div {margin-right: 16px;}
.table-content td input[not checkbox] { width:100%; border: 1px solid #bbb;}
.table-content td textarea { border: 1px solid #bbb; }
.table-content { border-collapse: collapse;
    border-spacing: 0px;
    width: 100%;
    border: 1px solid #c6c6c6;
    border-spacing: 0px;
}

.title-table { background-color: #f5f5f5; font-size: 12px; color: #343432; border-top: 1px solid #cbcbcb; margin:0 0 12px; padding:10px 15px; line-height:180%;}

.board-view-buttons.right-side { margin-top:0; }

table.display th.ui-state-default { padding:5px 0px 5px 10px; background-image:none; background-color: #b6bca8; color:white }


/** 占쏙옙튼 CSS **********/
.btn-right-search { padding:4px 8px 3px 24px; color:white; font-weight:bold; border:none; margin:0 0 0 3px;
    background: url('/images/markany/btn-search2.png') no-repeat 6px center; background-color:#999;
}

/*****************************  占쌓몌옙占쏙옙 占쏙옙타占쏙옙   *********************/
/* 占쏙옙占쏙옙징 활占쏙옙화 占쏙옙占쏙옙 */
.dataTables_wrapper .ui-state-active {
    border: 1px solid #d3d3d3;
    background: #c71a38 none !important;
    font-weight: bold/*{fwDefault}*/;
    color: #fff/*{fcActive}*/;
    border-radius: 0px;
}

table.display { border-color: #d5d7da}
table.display th.ui-state-default { padding:5px 0px 5px 10px; background-image:none; background-color: #595858; color:white }

table.dataTable thead th, table.dataTable thead th.ui-state-default { border-top: 1px solid #7a7878; border-right: 1px solid #7a7878; border-left: 1px solid #525151; }

table.dataTable thead th:first-child > .DataTables_sort_wrapper { padding-right:10px; }
/* 占쌓몌옙占쏙옙 占쏙옙占싸댐옙 占쏙옙占쏙옙 */
.dataTables_scroll { border:none; border-bottom: 1px solid #d5d7da; }
/* td 占쏙옙 占쏙옙占쏙옙 */
table.dataTable td {
    padding: 3px 10px;
    border: 1px solid #d5d7da;
    border-right:none;

}
table.dataTable td:first-child { border-left:none; }

/* 활占쏙옙화 占싸울옙 */
table.dataTable tr.DTTT_selected.odd,
table.dataTable tr.odd.row_selected td { background-color: #f2f3f4;}
table.dataTable tr.DTTT_selected.odd td,
table.dataTable tr.odd.row_selected td { font-weight: bold }
table.dataTable tr.DTTT_selected.even,
table.dataTable tr.even.row_selected td { background-color: #f2f3f4; }
table.dataTable tr.DTTT_selected.even td,
table.dataTable tr.even.row_selected td { font-weight: bold }
/* 칼占쏙옙 占쏙옙占쏙옙 활占쏙옙화 */
table.dataTable tr.row_selected.odd td.sorting_1,
table.dataTable tr.DTTT_selected.odd td.sorting_1 {
    background-color: #e4e4e5;
}
table.dataTable tr.row_selected.even td.sorting_1,
table.dataTable tr.DTTT_selected.even td.sorting_1 {
    background-color: #e4e4e5;
}
/* 칼占쏙옙 占쏙옙占쏙옙 */
table.dataTable tr.odd td.sorting_1 {
    background-color: #f2f3f4;
}
table.dataTable tr.even td.sorting_1 {
    background-color: #f2f3f4;
}
.dataTables_length {
	width: auto;
	float: left;
	line-height: 36px;
	margin-left: 7px;
}
.dataTables_info {
	width: auto;
	float: left;
	clear: none;
	line-height: 30px;
}
/*********** 占싯삼옙 占쏙옙占쏙옙 占쏙옙占쏙옙 ***************/
.btn-search-box-opner {
    position:relative;
    bottom: -8px;
    width: 139px;
    height: 7px;
    margin:0 auto;
    background: url('/images/markany/btn-search-box-close.png') no-repeat center;
    background-color: #c71a38;
    cursor: pointer;
}

.search-box-container.closed{ width:980px; border:none; border-bottom: 2px solid #c71a38;}
.search-box-container.closed .btn-search-box-opner { background-image: url('/images/markany/btn-search-box-open.png') }
/****** 130518  *********/
/************           占쏙옙占쏙옙              ********************************/
.f-r {color: #f22222 !important}
.main-box {
    width:400px; /*height:270px;*/
    margin-left:10px; background-color: white;}

.main-dash-title { color: #333; font-size: 12px; border-top:2px solid #444547;
    line-height:37px; padding-left: 5px; margin:0px;
}
.main-table-template, .main-table-template th, .main-table-template td {
    border:1px solid #a0a0a0; border-collapse: collapse; border-spacing: 0px; letter-spacing: -1px;
    font-size: 11px; padding:5px;
}
.main-table-template.ranking th { background-color: #f2f3f4 }
.main-dash-con {  border-top: none; padding:8px 14px;}
.main-dash-con.graph { padding:0; }
.main-table-template { width:100% ;}
body.main .con > div {float:left;}
body.main .clearBoth {margin-bottom: 30px;}

.main-top-border { background-image: url('/images/markany/bg-black-alpha-4.png'); background-color: #408dc2; height:1px;}
.main-top-border > div{}

.main-box.top-result > p {line-height: 41px; padding-left: 14px;}
/*.main-box.main-summary {position:absolute; right:0; height:149px;}*/
.main-box.main-summary li {list-style: circle inside;
    clear: both;
    margin: 0;
    margin-left: 10px;
    padding: 0;
    line-height: 8px;
}
.main-box.main-summary dl {margin: 0px 10px;
    position: relative;
    top: -7px;}
.main-box.main-summary dt, .main-box.main-summary dd {float:left;}
.main-box.main-summary dd { line-height: 15px; margin-top:-3px;}

body.main #con1 { width:692px}
body.main #wrap-con {margin-top: 90px;}
/*  jquery-ui sortable */
.column { width: 230px; float: left; }
.portlet { margin: 0 10px 10px 0; border: 1px solid #aaaaaa; }
.portlet-header { margin: 0.3em; padding-bottom: 4px; padding-left: 0.2em; padding-top:4px;}
.portlet-header .ui-icon { float: right; }
.portlet-content { padding: 0.4em; }
.ui-sortable-placeholder { border: 1px dotted black; visibility: visible !important; height: 50px !important; }
.ui-sortable-placeholder * { visibility: hidden; }

/*****************************  占쏙옙占쏙옙 占쏙옙 占쏙옙타占쏙옙   *********************/

body.main .ui-tabs > .ui-tabs-nav {
    margin: 0;
    margin-bottom: 10px;
    padding: 0 0 2px;
}

body.main .ui-tabs > .ui-tabs-nav .ui-state-active { border: none; /*{borderColorActive}*/;
    background: #c61a37 none !important; /*{bgColorActive}* none/*{bgImgUrlActive}* 50%/*{bgActiveXPos}* 50%/*{bgActiveYPos}* repeat-x/*{bgActiveRepeat}*/;
    font-weight: bold/*{fwDefault}*/;
    color: #fff/*{fcActive}*/;}
body.main .ui-tabs > .ui-tabs-nav .ui-state-active a, body.main .ui-tabs > .ui-tabs-nav .ui-state-active a:link, body.main .ui-tabs > .ui-tabs-nav .ui-state-active a:visited {
    color: #fff/*{fcActive}*/;
    border-radius: 5px;
    background-color: #333;
    text-decoration: none;
    border: 1px solid #333;
}

body.main .ui-tabs > .ui-tabs-nav .ui-state-active { background-color: white !important; }
body.main .ui-tabs > .ui-tabs-nav li { top: 0; margin:0;  margin-left: 11px;
    background-color: white; background-image: none;
    border: 1px solid #aaa; border-radius: 5px;}
body.main .ui-tabs > .ui-tabs-nav li:first-child { margin-left:0px; }
body.main .ui-tabs > .ui-tabs-nav.ui-widget-header {
    /*border: 1px solid #aaaaaa/*{borderColorHeader}*/;
    /*background: #cccccc/*{bgColorHeader}* / url(images/ui-bg_highlight-soft_75_cccccc_1x100.png)/*{bgImgUrlHeader}* / 50%/*{bgHeaderXPos}* / 50%/*{bgHeaderYPos}* / repeat-x/*{bgHeaderRepeat}*/;
    border:0 none;
    border-bottom: none;
    background: transparent;
    color: #222222/*{fcHeader}*/;
    font-weight: bold;
    border-radius: 0px;
}
body.main .ui-tabs > .ui-tabs-nav li.ui-tabs-active { padding-bottom: 0px; /*margin-bottom: -2px;*/ }

.ui-tabs > .ui-tabs-nav .ui-state-active,
.ui-tabs > .ui-tabs-nav .ui-widget-content .ui-state-active,
.ui-tabs > .ui-tabs-nav .ui-widget-header .ui-state-active { border: none; }

body.main .ui-tabs > .ui-tabs-nav li.ui-tabs-active a { padding-bottom: 8px; }

body.main .ui-tabs > .ui-tabs-nav li a {
    width: 135px;
    background: transparent;
    border-bottom-color: transparent;
}

body.main .ui-tabs .ui-tabs-panel { margin-right: 10px;}

/*******        占쏙옙占쏙옙 *********/
.main-tab-table { width: 100%; border-collapse: collapse; border-spacing: 0px;}
.main-tab-table > thead > tr > td { line-height: 33px; border-top:2px solid #444547; border-bottom: 1px solid #919191; }
.main-tab-table > tbody > tr > td {
    line-height: 29px; border-bottom: 1px solid #e4e4e4;
}

/************           占쏙옙占쏙옙 占쏙옙              ********************************/
/*********** Footer 占쏙옙占쏙옙 *****************/
#dock { position: fixed; bottom: 0; width:100%; height:107px; text-align:center; margin-top: 12px;}
.dock-btn { position: absolute; bottom:0; width:100%; height:10px; /*background-color:#c51c39;*/ }
.dock-btn > button { width:122px; height: 30px; border:none; padding:0;
    background-image: url('/images/markany/btn-dock-open.png'); background-color: transparent;}
.dock-btn > button.on { background: url('/images/markany/btn-dock-close.png') no-repeat;}
#dock-con { position: relative; top:138px; margin:0 auto; width: 1032px; height:108px;
    background: url('/images/markany/dock-bg.png') no-repeat center bottom}
#dock-con li { display: inline-block; position: relative; top:138px; min-width: 80px;
    padding-top: 73px; height:.9em; margin:0 28px;
    color:#ddd; font-weight: bold;
    cursor: pointer;
}
#dock-con li > div { width:80px; position: absolute; top:0; height:60px; margin-bottom:15px;}
#dock-con li:hover {color: white}
/*#dock-con dl, #dock-con dt, #dock-con dd { width: 80px;}*/
/*
.dock-menu1 > div { background: url('/images/markany/dock-ico-1.png') no-repeat center top }
.dock-menu2 > div { background: url('/images/markany/dock-ico-2.png') no-repeat center top }
.dock-menu3 > div { background: url('/images/markany/dock-ico-3.png') no-repeat center top }
.dock-menu4 > div { background: url('/images/markany/dock-ico-4.png') no-repeat center top }
.dock-menu5 > div { background: url('/images/markany/dock-ico-5.png') no-repeat center top }
.dock-menu6 > div { background: url('/images/markany/dock-ico-6.png') no-repeat center top }
*/

/* 占시뤄옙占쏙옙커 占쏙옙 */
.main-dash-title { color: #838383; font-size: 12px;
	line-height:37px; padding-left: 5px; margin:0px;
	background-color: #f4f5f7;
	border-bottom: 1px solid #d0d0d0;
}
.main-table-template, .main-table-template th, .main-table-template td {
	border:1px solid #a0a0a0; border-collapse: collapse; border-spacing: 0px; letter-spacing: -1px;
	font-size: 11px; padding:5px;
}
.main-table-template.ranking th { background-color: #f2f3f4 }
.main-dash-con {  border-top: none; padding:8px 14px;}
.main-dash-con.graph { padding:0; }
.main-table-template { width:100%;}

.main-top-border { background-image: url('/images/markany/uim/bg-black-alpha-4.png'); background-color: #c51c39; height:1px;}
.main-top-border > div{}

.main-box.top-result > p {line-height: 41px; padding-left: 14px;}
.main-box.main-summary li {list-style: circle inside;
	clear: both;
	margin: 0;
	margin-left: 10px;
	padding: 0;
	line-height: 8px;
}
.main-box.main-summary dl {margin: 0px 10px;
	position: relative;
	top: -7px;}

.w20 { width:20px !important; }
.w85 { width:85px !important; }
.w110 { width:110px !important; }
/***********************    占싱몌옙占쏙옙占쏙옙      ********************************/
#preview-screen {position:relative; width:697px;}
#preview-screen #pre-gnb { position: absolute; width:100% !important; z-index: 3; min-width: 697px; height: 0; text-align: center; padding:0px;}
#preview-screen #pre-gnb-bg {width:100%; height:6px; background-color: #408dc3 /* 占싸듸옙占�占쌓몌옙 占쏙옙占쏙옙 */;}
#preview-screen #pre-gnb-tab { width:111px; z-index:3; position: relative; text-align: center;
	margin: 0 auto;
	top: -6px;
	height: 32px;
	cursor: pointer;
	font-size: 14px;}
#preview-screen #pre-gnb-tab > svg > path { fill: #408dc3 /* 占싸듸옙占�占쌓몌옙 占쏙옙占쏙옙 */;}
#preview-screen .pre-tab-picker text { font-weight: bold; font-size:8px; fill: #cde7f9 /* 占싸듸옙占�占쌓몌옙 占쏙옙占쏙옙 */; }

#preview-screen > #top-bar { height:56px;
	background-image: none; background-repeat: repeat-x; background-size: auto 100%;}
#preview-screen #top-bar-con { width:596px; height:56px; /*background:url('/images/markany/bg_logo.png') no-repeat left center;*/ margin:0 auto; padding-top: 6px; background-size: auto 65%;}

#preview-screen .top-1st li { width:73px; text-align: center; line-height:20px;}
#preview-screen .pre-top-log {font-size: 8px; padding: 3px; border: none; display: inline-block; border-radius: 3px;
	background-color: #408dc3 /*占싸듸옙占�占쌓몌옙 占쏙옙占쏙옙*/;
	color: #cde7f9 /*占싸듸옙占�占쌓몌옙 占쏙옙占쏙옙*/;
}
#preview-screen .top-1st-menu {font-size: 8px;
	display: inline-block;
	width: 30px;
	height: 15px;
}
#preview-screen .top-1st-menu.on { color:#408dc3}
#preview-screen .top-1st > li:last-child { width:auto;line-height: 15px;}
.preview-con {
	position: relative;
	width: 596px;
	height: 350px;
	background-color: white;
	padding: 60px 0px 0px;
	margin:0 auto;
}
.preview-con > div {float:left;}
.preview-con > .clearBoth {margin-bottom: 30px;}

#preview-screen .main-box { background-color: white;}
#preview-screen .main-box.first { margin-left:0; clear:left; }
	/*#preview-screen .main-box.grid4 { width:117px; height:83px;}
	#preview-screen .main-box.grid2 {width:241px;} half*/
#preview-screen .main-box.grid4 { width:141px; height:114px;}
#preview-screen .main-box.grid2 {width:292px;}

#preview-screen .main-box.main-summary { height: 67px; border: 1px solid #aaa; margin-left: 0px; width:432px;}
#preview-screen .main-box.main-summary .paragraph { margin-bottom:0px; }
#preview-screen .main-box.main-summary div { display: inline-block;}
#preview-screen .main-dash-title { font-size:8px; line-height: 18px; color: #333;
	padding-left: 0px; margin:0px;
	border-top: 1px solid #444547; border-bottom: none;
	background-image: none; background-repeat: repeat-x; background-size: auto 100%; background-color: white}
#preview-screen .main-dash-con { height:91px; }
#preview-screen .main-dash-con.graph { text-align: center; }

#preview-screen .column {
	width: 148px;
}
.paragraph { width: 40px; height:4px; background-color: #ccc; margin-bottom: 4px; }

#preview-footer {
	width: 100%;
	border-top: 1px solid #ccc;
	text-align: center;
	min-height: 80px;
	margin-top: 130px;
}

#preview-screen .prev-top-2nd {
	background: white url('/images/markany/uim/bg-top-bar-2nd.gif') repeat-x;
	position: relative;
	top: 5px;
	left: -8px;
	border: 2px solid #333;
	min-width: 90px;
	padding: 7px 0px 3px;

}
#preview-screen .prev-top-2nd > img {
	position: absolute;
	top: -8px;
	left: 35px;
}
#preview-screen .prev-top-2nd a {
	display: block;
	padding: 0 7px;
	font-size: 8px;
}
#preview-screen .prev-top-2nd a.on { background: #408dc3 /* 占싸듸옙占�占쌓몌옙 占쏙옙占쏙옙*/; color: white /* 占싸듸옙占�占쌓몌옙 占쏙옙占쏙옙*/;}
#preview-screen .portlet-header { font-size: 8px; background: none; background-color:#408dc3 /* 占싸듸옙占�占쌓몌옙 占쏙옙占쏙옙*/; color: #cde7f9 /* 占싸듸옙占�占쌓몌옙 占쏙옙占쏙옙*/; }
#preview-screen .portlet-header .ui-icon { height: 8px; }
#preview-screen .ui-widget-header .ui-icon {background-image: url(/images/markany/uim/ui-icons_ffffff_256x240.png)/*{iconsHeader}*/;}

.preview-tab > ul { height: 20px;}
.preview-tab > ul > li { float: left; width: 103px; font-size:8px;
	top: 0;
	margin: 0;
	margin-left: 5px;
	background-color: white;
	background-image: none;
	border: 1px solid #aaa;
	border-radius: 2px;
}
.preview-tab > ul > li:first-child {margin-left: 0px;}
.preview-tab > ul > li.active { float: left; color: #fff/*{fcActive}*/;
	background-color: #333;
	text-decoration: none;
	border: 1px solid #333;
}
.color-box { display: inline-block; width:50px; height:15px; border:1px solid #999; vertical-align: middle}
.color-hex { line-height: 15px; }

/* 占쏙옙 */
#prev-dock { position: relative; bottom: 0; /*width:697px;*/ text-align:center;}
#prev-dock .prev-dock-btn {height:6px; /*background-color:#c51c39;*/ z-index:2; position: absolute; bottom: 0; width: 100%;}
#prev-dock .prev-dock-btn > button { width:77px; height: 18px; border:none; padding:0;
    background-image: url('/images/markany/btn-dock-open.png'); background-color: transparent;
    background-size: 100%;
}
#prev-dock .prev-dock-btn > button.on { background: url('/images/markany/btn-dock-close.png') no-repeat;}
#prev-dock #prev-dock-con { margin:30px auto 0; width: 697px; height:73px; position: relative;
    background: url('/images/markany/dock-bg.png') no-repeat center bottom;
    background-size: 523px 56%; top:0;}
#prev-dock #prev-dock-con li { display: inline-block; position: relative; min-width: 40px;
    padding-top: 40px; margin:0 14px;
    color:#ddd; font-weight: bold; font-size:8px;
    cursor: pointer;
    background-size: 100%;
    top:0;
}
#prev-dock #prev-dock-con li.on {color: white;}
/*#dock-con dl, #dock-con dt, #dock-con dd { width: 80px;}*/

.prev-dock-menu1 { background: url('/images/markany/dock/c_type/1_icon.png') no-repeat center top;}
.prev-dock-menu2 { background: url('/images/markany/dock/c_type/2_icon.png') no-repeat center top;}
.prev-dock-menu3 { background: url('/images/markany/dock/c_type/3_icon.png') no-repeat center top;}
.prev-dock-menu4 { background: url('/images/markany/dock/c_type/4_icon.png') no-repeat center top;}
.prev-dock-menu5 { background: url('/images/markany/dock/c_type/5_icon.png') no-repeat center top;}
.prev-dock-menu6 { background: url('/images/markany/dock/c_type/6_icon.png') no-repeat center top;}


/***********************    占싱몌옙占쏙옙占쏙옙 占쏙옙     ********************************/

/* google css 占쏙옙占쏙옙 */
@font-face {
  font-family: 'Quattrocento Sans';
  font-style: normal;
  font-weight: 400;
  src: url('/css/markany/webfont/efd6FGWWGX5Z3ztwLBrG9U2k4ogKuXZ6cvJ9G6hiscg.eot');
  src: local('Quattrocento Sans'), local('QuattrocentoSans'), url('/css/markany/webfont/efd6FGWWGX5Z3ztwLBrG9U2k4ogKuXZ6cvJ9G6hiscg.eot') format('embedded-opentype'), url('/css/markany/webfont/efd6FGWWGX5Z3ztwLBrG9b2aU247V0zTzydO4RoO9Ok.woff') format('woff');
}
/* google css 占쏙옙 */