/* ----------------- COMMON (/)----------------- */
html,body{ 
	height:100%; 
}
body {
	padding:0;
	font-family:맑은 고딕,굴림,Gulim,AppleGothic,sans-serif;
	color:#626262;
	font-size:12px;
	line-height:18px;
	background-position:left top;
	background-repeat:repeat-x;
	background-color:#FFFFFF;
}

form {margin:0;}
img {border:0 none; vertical-align:middle;}


a:link, a:visited {color:#3D3D3D; text-decoration:none;}
a:hover, a:active {color:#3D3D3D; /*text-decoration:underline;*/ font-weight:bold;}

h1 {font-family:맑은 고딕,굴림; font-size:24px; color:#A30428; margin-left:20px; line-height:150%;}
h2 {font-family:맑은 고딕,굴림; font-size:20px; color:#A30428; margin-left:20px;}
h3 {font-family:맑은 고딕,굴림; font-size:18px; color:#A30428; margin-left:20px; margin-top:30px; line-height:2 !important;padding-top:0.5em;}
h4 {font-family:맑은 고딕,굴림; font-size:16px; color:#D73356; margin-left:20px;}
h5 {font-family:맑은 고딕,굴림; font-size:14px; color:#4673A0; margin-left:20px; margin-top:20px;}
h6 {font-family:맑은 고딕,굴림; font-size:12px; color:#4673A0; margin-left:20px;}

div,p {font-family:맑은 고딕,굴림; font-size:12px; line-height:18px; padding:0; margin:0; border:0;}
th,td {font-family:맑은 고딕,굴림; font-size:12px; line-height:5px;  *line-height:15px; padding:0; margin:0; border:0; }
ul,li,ol,dl,dt,dd {font-family:맑은 고딕,굴림; font-size:14px; line-height:18px; padding:0; margin:0; border:0; }
hr {padding:0; margin-top:30px; margin-left:20px; border:1px; border-style:solid; border-color:#C2CDD4; border-bottom-color:#ffffff; }
.navi-tab li {list-style:none}
.title_margin {margin-top:10px}

/* Tab & Button */
.clearfix:after,
.btn-area:after {content:""; display:block; height:0; clear:both; visibility:hidden;}
.clearfix, .btn-area {}
/*
ul.navi-tab {clear:both; width:100%; margin:0 0 0 0; background:url('images/table_navi_bg.png') repeat-x left bottom;}
ul.navi-tab li {float:left; background:url('images/navibg_left.png') no-repeat left top; height:50px;}
ul.navi-tab li span {float:left; margin:0 0 0 45px; padding:15px 45px 10px 0; background:url('images/navibg_right.png') no-repeat right top; font-weight:bold; color:#8c7d70; word-spacing:-2px; height:50px;}
ul.navi-tab li.on {background:url('images/navibg_left_on.png') no-repeat left top; height:50px;}
ul.navi-tab li.on span {background:url('images/navibg_right_on.png') no-repeat right top; color:#282828;background-size:166px 50px;}
ul.navi-tab li span a:link, ul.navi-tab li span a:visited, ul.navi-tab li span a:active {color:#595959; text-decoration:none;}
ul.navi-tab li span a:hover {color:#282828; text-decoration:none;}
*/

/***** Head *****/
/* #head_title {background-image:url(images/header_bg.png); background-color:#FFFFFF;} */
#h1_title {margin:0 auto; padding:0px 0 0 0; width:100%; height:43px; text-align:left;}
#h1_title h1 {font-size:1px; text-decoration:none; text-indent:-10000px; padding:0;}
#h1_title h2 {font-size:1px; text-decoration:none; text-indent:-10000px; padding:0;}
#h1_title.logo h1 {float:left; width:216px; height:43px; background-image:url(images/title_bi.png);}
#h1_title.logo h2 {float:right; width:200px; height:43px; background-image:url(images/title_ci.png);}

#h1_title p {float:left; padding:0 0 0 0;}
#h1_title p img {cursor:pointer;}

#head_menu {margin:0 0 0 17px auto; height:50px; float:left;}
#head_menu a {color:#ffffff;}
#head_menu td {padding: 0 5px;}
.navi_sub {background-color:#A30428; height:50px;} 


/***** Tree *****/
.ctbic { font-family:맑은 고딕,굴림,Arial; font-weight:bold; font-size:16px; margin-top:20px;}
.ctmid { font-family:맑은 고딕,굴림,Arial; font-weight:bold; font-size:12px; margin-top:5px; margin-bottom:0; margin-left:20px;}
.ctsmall { font-family:맑은 고딕,굴림,Arial; font-size:12px; margin-top:5px; margin-bottom:0; margin-left:5px;}
.ctsmall2 { font-family:맑은 고딕,굴림,Arial; font-size:12px; margin-top:0px; margin-bottom:0; margin-left:20px; color:rgb(0,102,153);}

.ctbic img, .ctmid img, .ctsmall img, .ctsmall2 img {margin-right:5px; vertical-align:top;}


/***** API Tree *****/
.cu_obj_guide { font-family:맑은 고딕,굴림,굴림,Arial; font-weight:bold; font-size:14px; margin-top:20px;}
.cu_obj { font-family:맑은 고딕,굴림,굴림,Arial; font-weight:bold; font-size:12px; margin-top:5px; margin-bottom:0; margin-left:10px;}
.cu_obj_api { font-family:맑은 고딕,굴림,굴림,Arial; font-weight:bold; font-size:12px; margin-top:5px; margin-bottom:0; margin-left:20px;}
.cu_obj_api_name { font-family:맑은 고딕,굴림,굴림,Arial; font-size:12px; margin-top:3px; margin-bottom:0; margin-left:30px;}
.cu_obj_guide img, .cu_obj img, .cu_obj_api img, .cu_obj_api_name img {margin-right:5px; vertical-align:middle;}
.cu_obj img, .cu_obj_api img {width:12px;}


/***** Body *****/
.mtitle_table { margin-left:10pt; margin-top:10pt; margin-bottom:12px; border-width:1px; border-color:rgb(204,204,204); border-style:solid;}
.mtitle     { font-family:맑은 고딕,굴림; font-weight:bold; font-size:12pt; }
.mtab       { font-family:맑은 고딕,굴림; font-weight:bold; font-size:12pt; margin-left:20pt;}
.mtext      { font-family:맑은 고딕,굴림; font-size:12px; margin-left:10pt; margin-right:10pt; line-height:120%; margin-bottom:0pt; margin-bottom:10pt;}
.mlabel1    { font-family:맑은 고딕,굴림; font-weight:bold; font-size:12px; color:rgb(51,102,153); margin-left:20pt;}
.mlabel2    { font-family:맑은 고딕,굴림; font-size:12px; color:rgb(0,102,153);}
.mlabeltext { font-family:맑은 고딕,굴림; font-size:12px; margin-left:20pt; line-height:150%; margin-top:0pt; margin-bottom:5pt;}
.msub       { font-family:맑은 고딕,굴림; font-weight:bold; font-size:12px; color:rgb(153,0,0); margin-left:20pt;}




/***** 관리자 도움말 API *****/
p { font-family:맑은 고딕,굴림,Arial; font-size:12px; }
li { font-family:맑은 고딕,굴림,Arial; font-size:12px; }
dd { font-family:맑은 고딕,굴림,Arial; font-size:12px; line-height:150%; }

.menu { font-family:맑은 고딕,굴림,Arial; font-size:12px; color:rgb(0,102,153); }
.order { font-family: 맑은 고딕,굴림,Arial; font-size:12px; color:rgb(153,153,153); margin-right:5px; margin-left:20px;}
td.border { border-width:1pt; border-color:rgb(153,153,153); border-style:solid; }

.mtitle { font-family:맑은 고딕,굴림,Arial; font-weight:bold; font-size:14pt; }
.mtitle_table { margin-left:17pt; margin-top:30pt; margin-bottom:12px; border-width:1px; border-color:rgb(204,204,204); border-style:solid;}
.mtab { font-family:맑은 고딕,굴림,Arial; font-size:12px; margin-left:20pt; line-height:150%; margin-top:0; margin-bottom:5px;}
.mtext { font-family:맑은 고딕,굴림,Arial; font-size:14px; margin-left:25px; line-height:150%; margin-top:0; margin-bottom:10px;}
.mtext2 { padding-left:20px;}
.mlabel1 { font-family:맑은 고딕,굴림,Arial; font-weight:bold; font-size:12px; color:rgb(51,102,153); margin-left:20pt;}
.mlabel2 { font-family:맑은 고딕,굴림,Arial; font-size:12px; color:rgb(0,102,153);}
.mlabeltext { font-family:맑은 고딕,굴림,Arial; font-size:12px; margin-left:45pt; line-height:150%; margin-top:0pt; margin-bottom:5pt;}
.msub { font-family:맑은 고딕,굴림,Arial; font-weight:bold; font-size:12px; color:rgb(153,0,0); margin-left:20pt;}


i { color:fuchsia; }

.bg_glay {background-color:rgb(238,238,238);}
.center {text-align:center;}
.t_center {line-height:1.2; margin-right:20px; margin-top:30px; width:94%;}
table {padding:0; border-spacing:0px; border:0; border-collapse:collapse;}
th, td {padding:0px;}
.top {vertical-align:top; text-align;left; height:20px;}
.w90 {width:90%;}
.w98 {width:98%;}
.w100 {width:100%;}
.w285 {width:300px;}
.middle {vertical-align:middle;}
.vspace {margin: 10px 0 10px 0;}
.vspace_b {margin: 0 0 10px 0;}
ul.list li {margin-left:15px;}

.mname {padding-top:3px;}
.ffffcc {border-width:1px; border-color:rgb(153,153,153); border-style:solid; width:172px; height:26px; background-color:#ffffcc;}
.999999 td {border-width:1px; border-color:rgb(153,153,153); border-style:solid; width:172px; height:111px;}

.table {margin-left:20pt; border-collapse: collapse; width:830px;}
.table td { border: 1px solid #bcbcbc; padding: 10px 10px; min-width:50px; }
.red {color:red; /*font-weight:bold;*/}

.w22 {margin-left:22px;}

.paradsc2 {margin-left: 30px;}
.paradsc2 td {border: 1px solid #bcbcbc; padding: 10px 20px;}
.eee { background-color:#eeeeee; }

.contents_code {font-family:맑은 고딕,굴림,Arial; width:640px; margin:0 10px 10px 30px; padding: 0 10px 0 10px; border:1px solid #D9D9D9;}
.contents_code1 {width:640px; margin:0 10px 10px 30px; padding: 10px; border:1px solid #D9D9D9; word-break: break-all;}

pre {margin-left: 30px; padding: 10px 10px; font-size: 12pt; font-family: "Segoe UI",Arial,sans-serif;}
.scode { margin-left: 30px; margin-top: 0px; font-size: 14px; margin-bottom: 0px; color: D73356; line-height: 150%; font-weight:bold; font-family: 맑은 고딕,굴림,sans-serif; }
.scodedsc { margin-top: 0px; margin-bottom: 0px; line-height: 150%; border-left: 4px solid #D73356; background-color: #eeeeee; }

div.caution { margin-left: 30px; padding: 20px 20px; font-size: 12pt; font-family: "Segoe UI",Arial,sans-serif;margin-top: 0px; margin-bottom: 0px; line-height: 150%; border: 1px solid #cccccc; background-color: #FEFDEA; }
div.caution2 { margin-left: 22px; padding: 10px 10px; font-size: 12pt; font-family: "Segoe UI",Arial,sans-serif;margin-top: 0px; margin-bottom: 0px; line-height: 150%; border: 1px solid #cccccc; background-color: #eeeeee; }