@charset "utf-8";
/* Content > Input Area */
#smart_editor .tool ul.openapi{ width:58px; z-index:4;}

/* Content > Tool > Button Default */
#smart_editor .tool li.openapi button{ width:58px; background-position:-535px 0;}

/* Content > Tool > Button Hover */
#smart_editor .tool li.openapi button.hover{ width:58px; background-position:-535px -21px;}

/* Content > Tool > Button Active */
#smart_editor .tool li.openapi button.active{ width:58px; background-position:-535px -42px;}

/* Content > Tool > Button Off */
#smart_editor .tool.off li.openapi button{ width:58px; background-position:-535px -63px;}

/* Content > Tool > Layer */
#smart_editor .tool li.openapi .layer h3{ background:#f2f2f2; color:#333; height:18px; margin:0 0 3px 0; padding:5px 0 0 3px;}
#smart_editor .tool li.openapi .layer button.close{ position:absolute; top:2px; right:3px; width:21px; height:20px; background:url(../img/btn_layer_close.gif) no-repeat center center !important;}

/* openapi layer menu_tab style */
#smart_editor .tool li.openapi .layer .menu_tab{ position:relative; z-index:20; width:100%; zoom:1;}
#smart_editor .tool li.openapi .layer .menu_tab:after{ content:""; display:block; clear:both;}
#smart_editor .tool li.openapi .layer .menu_tab .layer_tab{ position:relative; left:8px; padding:0; margin:0; clear:both;}
#smart_editor .tool li.openapi .layer .menu_tab .layer_tab li{ position:relative; z-index:1; float:left; margin-right:1px; background:url(../img/btn_layer_tab.gif) no-repeat 0 0;}
#smart_editor .tool li.openapi .layer .menu_tab .layer_tab li a{ position:relative; display:block; float:left; left:2px; height:15px; padding:4px 9px 0 5px; color:#404040; text-decoration:none; background:url(../img/btn_layer_tab.gif) no-repeat right 0;}
#smart_editor .tool li.openapi .layer .menu_tab .layer_tab li.tab1{ top:-2px; margin-bottom:-1px;}
#smart_editor .tool li.openapi .layer .menu_tab .layer_tab li.tab1 a{ height:18px;}

/* openapi layer search_container style */
#smart_editor .tool li.openapi .layer .search_container{ width : 355px;	height : 95px; display:block; position:relative; z-index:1; clear:both; top:-3px;}
#smart_editor .tool li.openapi .layer .search_container .detail{ display:block; position:relative; width:340px; height:90px; left:8px; clear:both; z-index:1; background:url(../img/bx_openapi.gif) no-repeat; padding: 0px 0px 0 12px;}
#smart_editor .tool li.openapi .layer .search_container .always{ position:absolute; z-index:3; float:left; top:8px; left:20px} /*여백*/

/* openapi layer search_container layout */
#smart_editor .tool li.openapi .layer .search_container .select_target{ position:absolute; top:0px; left:0px; width:65px;  height:18px;}
#smart_editor .tool li.openapi .layer .search_container  input.InputQuery{ position:absolute; top:0px; left:68px;  padding:2px 0 0 4px; width:128px; height:14px; border:1px solid #acacac; border-right:1px solid #dadada; border-bottom:1px solid #dadada;}
#smart_editor .tool li.openapi .layer .search_container  button.confirm{ position:absolute; top:0px; left:205px; width:42px; height:19px; background:url(../img/btn_openapi_search.gif) no-repeat;}
#smart_editor .tool li.openapi .layer .maxResult{ width:50px; height:18px;}
#smart_editor .tool li.openapi .layer .resultNum{ font-size:8pt; position:absolute; top:0px; left:239px;}

/* detail  layout */
#smart_editor .tool li.openapi .layer .detail input.year{ padding:2px 0 0 4px; width:40px; height:13px; border:1px solid #acacac; border-right:1px solid #dadada; border-bottom:1px solid #dadada;}
#smart_editor .tool li.openapi .layer .detail input.yearDay{ padding:2px 0 0 4px; width:50px; height:13px; border:1px solid #acacac; border-right:1px solid #dadada; border-bottom:1px solid #dadada;}
#smart_editor .tool li.openapi .layer .detail .detail_area {padding:30px 0 0 0;} /* 상세검색을 아래에 위치 */
#smart_editor .tool li.openapi .layer .detail .detail_1 { position:absolute; top:35px;}
#smart_editor .tool li.openapi .layer .detail .detail_2 { position:absolute; top:60px;}

/* SEditorSkin.html > pagination style */
#smart_editor .tool .layer .pagination {height : 20px; margin:0; padding : 0px; background-color:#f2f2f2;}
#smart_editor .tool .layer .pagination a:link {	font-size: 9pt; text-decoration: none; color: #666666; font-weight:bold;}
#smart_editor .tool .layer .pagination a:visited {	font-size: 9pt; text-decoration: none; color: #666666; font-weight:bold;}
#smart_editor .tool .layer .pagination a:hover { font-size: 9pt; text-decoration: none; color: #99cc00; font-weight:bold;}
#smart_editor .tool .layer .pagination a:active { font-size: 9pt; text-decoration: none; color: #666666; font-weight:bold;}

#smart_editor .tool .layer .pagination a.page_on:link {	font-size: 9pt; text-decoration: none; color: #ffaa00; font-weight:bold;}
#smart_editor .tool .layer .pagination a.page_on:visited {	font-size: 9pt; text-decoration: none; color: #ffaa00; font-weight:bold;}
#smart_editor .tool .layer .pagination a.page_on:hover { font-size: 9pt; text-decoration: none; color: #99cc00; font-weight:bold;}
#smart_editor .tool .layer .pagination a.page_on:active { font-size: 9pt; text-decoration: none; color: #ffaa00; font-weight:bold;}

/* templet0 (picture + document) */
#smart_editor .tool .layer .result_container .result_list0 { line-height: 120%; border : 1px solid #C9C9C9; height : 94px; margin:0px; padding : 3px; width : 330px; }
#smart_editor .tool .layer .result_container .result_list0 dt { color : #084D8C; font-size : 13px;	font-weight : bold; }
#smart_editor .tool .layer .result_container .result_list0 dl,dl {	margin:0; padding : 0px; }
#smart_editor .tool .layer .result_container .result_list0 p { margin:0; padding : 0px;}
#smart_editor .tool .layer .result_container .result_list0 .list_img {	float : left; padding : 0px 5px 0px 0px; BACKGROUND: url(../img/openapi_no_image.gif) no-repeat 0 0; HEIGHT: 90px; WIDTH: 68px;}
#smart_editor .tool .layer .result_container .result_list0 .explain .tit { color : #999999; padding-right : 5px; }
#smart_editor .tool .layer .result_container .result_list0 .cboth { clear : both; }

#smartInput .result_list0 { line-height: 120%; border : 1px solid #C9C9C9; height : 94px; margin-top:1px; padding : 3px; width : 345px; }
#smartInput .result_list0 dt { color : #084D8C; font-size : 13px;	font-weight : bold; }
#smartInput .result_list0 dd,dl {	margin:0; padding : 0px;}
#smartInput .result_list0 p { margin:0; padding : 0px;}
#smartInput .result_list0 .list_img {	float : left; padding : 0px 5px 0px 0px; BACKGROUND: url(../img/openapi_no_image.gif) no-repeat 0 0; HEIGHT: 90px; WIDTH: 68px;}
#smartInput .result_list0 .explain .tit {	color : #999999; padding-right : 5px; }
#smartInput .result_list0 .cboth { clear : both; }

/* templet1 (document + picture) */
#smart_editor .tool .layer .result_container .result_list1 { line-height: 120%; border : 1px solid #C9C9C9; height : 94px; margin:0px; padding : 3px; width : 330px; }
#smart_editor .tool .layer .result_container .result_list1 dt { color : #084D8C; font-size : 13px;	font-weight : bold; }
#smart_editor .tool .layer .result_container .result_list1 dl,dl {	margin:0; padding : 0px; }
#smart_editor .tool .layer .result_container .result_list1 p { margin:0; padding : 0px;}
#smart_editor .tool .layer .result_container .result_list1 .list_img {	float : right; padding : 0px 5px 0px 0px; BACKGROUND: url(../img/openapi_no_image.gif) no-repeat 0 0; HEIGHT: 90px; WIDTH: 68px;}
#smart_editor .tool .layer .result_container .result_list1 .explain .tit {	color : #999999; padding-right : 5px; }
#smart_editor .tool .layer .result_container .result_list1 .cboth { clear : both; }

#smartInput .result_list1 { line-height: 120%; border : 1px solid #C9C9C9; height : 94px; margin:0px; padding : 3px; width : 345px; }
#smartInput .result_list1 dt { color : #084D8C; font-size : 13px;	font-weight : bold; }
#smartInput .result_list1 dd,dl {	margin:0; padding : 0px; }
#smartInput .result_list1 p { margin:0; padding : 0px;}
#smartInput .result_list1 .list_img {	float : right; padding : 0px 5px 0px 0px; BACKGROUND: url(../img/openapi_no_image.gif) no-repeat 0 0; HEIGHT: 90px; WIDTH: 68px;}
#smartInput .result_list1 .explain .tit {	color : #999999; padding-right : 5px; }
#smartInput .result_list1 .cboth { clear : both; }

/* templet2 (in a row) */
#smart_editor .tool .layer .result_container .result_list2 { line-height: 120%; border : 1px solid #C9C9C9; height : 40px; margin:0px; padding : 3px; width : 330px; }
#smart_editor .tool .layer .result_container .result_list2 dt { color : #084D8C; font-size : 15px;	font-weight : bold; margin : 0;}
#smart_editor .tool .layer .result_container .result_list2 dd,dl {	margin:0; padding : 0px; }
#smart_editor .tool .layer .result_container .result_list2 p { margin:0; padding : 0px;}
#smart_editor .tool .layer .result_container .result_list2 .list_img {	display : none;}
#smart_editor .tool .layer .result_container .result_list2 .explainAdd { display : none; }
#smart_editor .tool .layer .result_container .result_list2 .explain { display : none; }
#smart_editor .tool .layer .result_container .result_list2 .cboth { clear : both; }

#smartInput .result_list2 { line-height: 120%; border : 1px solid #C9C9C9; height : 20px; margin:0px; padding : 3px; width : 345px; }
#smartInput .result_list2 dt { color : #084D8C; font-size : 13px;	font-weight : bold; }
#smartInput .result_list2 dd,dl {	margin:0; padding : 0px; }
#smartInput .result_list2 p { margin:0; padding : 0px;}
#smartInput .result_list2 .list_img {	display : none; }
#smartInput .result_list2 .explain {	display : none;  }
#smartInput .result_list2 .cboth { clear : both; }

/* templet3 (in rows) */
#smart_editor .tool .layer .result_container .result_list3 {line-height: 120%; border : 1px solid #C9C9C9; height : 94px; margin:0px; padding : 3px; width : 330px; }
#smart_editor .tool .layer .result_container .result_list3 dt { color : #084D8C; font-size : 13px;	font-weight : bold; margin : 0;}
#smart_editor .tool .layer .result_container .result_list3 dd,dl {	margin:0; padding : 0px; }
#smart_editor .tool .layer .result_container .result_list3 p { margin:0; padding : 0px;}
#smart_editor .tool .layer .result_container .result_list3 .list_img {	display : none;}
#smart_editor .tool .layer .result_container .result_list3 .explain .tit {	color : #999999; padding-right : 5px; }
#smart_editor .tool .layer .result_container .result_list3 .cboth { clear : both; }

#smartInput .result_list3 { line-height: 120%; border : 1px solid #C9C9C9; height : 94px; margin:0px; padding : 3px; width : 345px; }
#smartInput .result_list3 dt { color : #084D8C; font-size : 13px;	font-weight : bold; }
#smartInput .result_list3 dd,dl {	margin:0; padding : 0px; }
#smartInput .result_list3 p { margin:0; padding : 0px;}
#smartInput .result_list3 .list_img {	display : none; }
#smartInput .result_list3 .explain .tit {	color : #999999; padding-right : 5px; }
#smartInput .result_list3 .cboth { clear : both; }

/* templet_tab */
#smart_editor .tool li.openapi .layer .templet_tab{ position:relative; z-index:20; width:100%; zoom:1;}
#smart_editor .tool li.openapi .layer .templet_tab:after{ content:""; display:block; clear:both;}
#smart_editor .tool li.openapi .layer .templet_tab .templet_layer_tab{ position:relative; left:8px; padding:0; margin:0; clear:both;}
#smart_editor .tool li.openapi .layer .templet_tab .templet_layer_tab li{ position:relative; z-index:1; float:left; margin-right:1px; background:url(../img/btn_layer_tab.gif) no-repeat 0 0;}
#smart_editor .tool li.openapi .layer .templet_tab .templet_layer_tab li a{ position:relative; display:block; float:left; left:2px; height:15px; padding:4px 9px 0 5px; color:#404040; text-decoration:none; background:url(../img/btn_layer_tab.gif) no-repeat right 0;}
#smart_editor .tool li.openapi .layer .templet_tab .templet_layer_tab li.tab3{ top:-4px; margin-bottom:-1px;}
#smart_editor .tool li.openapi .layer .templet_tab .templet_layer_tab li.tab3 a{ height:18px;}
#smart_editor .tool li.openapi .layer .templet_container { display:none; position:relative; width:340px; height:90px; top:-5px; left:8px; clear:both; z-index:1; background:url(../img/bx_openapi.gif) no-repeat; padding: 0px 0px 0 12px;}
#smart_editor .tool li.openapi .layer .templet_container .templetTable td{ border : 1px solid #C9C9C9; }

/* templet_container > templet_set */
#smart_editor .tool li.openapi .layer .templet_container ul.templet_set{position:absolute; top:0; left:6px; width:340px; margin:25px 0px 0 0px; z-index:2;}/* 템플릿 처음 시작 여백*/
#smart_editor .tool li.openapi .layer .templet_container li { float:left; margin:0 10px 0 0px;} 
#smart_editor .tool li.openapi .layer .templet_container li button span{ position:absolute; top:0; left:0; width:0; height:0; overflow:hidden; visibility:hidden;}

/* templet_container > Button Default */
#smart_editor .tool li.openapi .layer .templet_container button { width:90px; height:40px; background:url(../img/btn_openapi_templet_set.gif) no-repeat 0 0; vertical-align:top;}

/* templet_container > Button Default */
#smart_editor .tool li.openapi .layer .templet_container li.templet_l button { background-position:0px 0; width:9px;}
#smart_editor .tool li.openapi .layer .templet_container li.templet_r button { background-position:-9px 0; width:9px;}
#smart_editor .tool li.openapi .layer .templet_container li.templet_0 button { background-position:-18px 0;}
#smart_editor .tool li.openapi .layer .templet_container li.templet_1 button { background-position:-108px 0;}
#smart_editor .tool li.openapi .layer .templet_container li.templet_2 button { background-position:-198px 0;}
#smart_editor .tool li.openapi .layer .templet_container li.templet_3 button { background-position:-288px 0;}

/* templet_container > Button Hover */
#smart_editor .tool li.openapi .layer .templet_container li.templet_l button.hover { background-position:0px -40px; width:9px;}
#smart_editor .tool li.openapi .layer .templet_container li.templet_r button.hover { background-position:-9px -40px; width:9px;}
#smart_editor .tool li.openapi .layer .templet_container li.templet_0 button.hover { background-position:-18px -40px;}
#smart_editor .tool li.openapi .layer .templet_container li.templet_1 button.hover { background-position:-108px -40px;}
#smart_editor .tool li.openapi .layer .templet_container li.templet_2 button.hover { background-position:-198px -40px;}
#smart_editor .tool li.openapi .layer .templet_container li.templet_3 button.hover { background-position:-288px -40px;}

/* templet_container > Button Active */
#smart_editor .tool li.openapi .layer .templet_container li.templet_l button.active { background-position:0px -80px; width:9px;}
#smart_editor .tool li.openapi .layer .templet_container li.templet_r button.active { background-position:-9px -80px; width:9px;}
#smart_editor .tool li.openapi .layer .templet_container li.templet_0 button.active { background-position:-18px -80px;}
#smart_editor .tool li.openapi .layer .templet_container li.templet_1 button.active{ background-position:-108px -80px;}
#smart_editor .tool li.openapi .layer .templet_container li.templet_2 button.active{ background-position:-198px -80px;}
#smart_editor .tool li.openapi .layer .templet_container li.templet_3 button.active{ background-position:-288px -80px;}

/* templet_container > Button Hover */
#smart_editor .tool li.openapi .layer .templet_container li.templet_0 button.now { background-position:-18px -40px;}
#smart_editor .tool li.openapi .layer .templet_container li.templet_1 button.now { background-position:-108px -40px;}
#smart_editor .tool li.openapi .layer .templet_container li.templet_2 button.now { background-position:-198px -40px;}
#smart_editor .tool li.openapi .layer .templet_container li.templet_3 button.now { background-position:-288px -40px;}


/* SEditorSkin.html > result_container */
#smart_editor .tool .layer .result_container{ padding : 0px 0px 0px 6px; border : 0px;/*border : 1px solid #E9E9E9;	*/ overflow : auto;	max-height : 220px; position : relative;}
#smart_editor .tool .layer .result_container table{ text-align : left;}

/* insert button position */
#smart_editor .tool .layer .result_container p.rbtn {text-align:right}

/* insert button */
#smart_editor .tool li.openapi .layer .result_container p.rbtn button { background-position:0px 0; width:40px; height:21px; background:url(../img/btn_insert.gif) no-repeat 0 0; vertical-align:top; }
#smart_editor .tool li.openapi .layer .result_container p.rbtn button.hover { background-position:0px -21px; width:40px; height:21px;}

/* result_container link */
#smart_editor .tool .layer .result_container a:link { font-size: 10pt;  text-decoration: none; color: #1b8db7; font-weight:bold;}
#smart_editor .tool .layer .result_container a:visited { font-size: 10pt;  text-decoration: none; color: #1b8db7; font-weight:bold;}
#smart_editor .tool .layer .result_container a:hover {  font-size: 10pt; text-decoration: none; color: #99cc00; font-weight:bold;}
#smart_editor .tool .layer .result_container a:active { font-size: 10pt;  text-decoration: none; color: #1b8db7; font-weight:bold;}

/* smartInput link */
#smartInput dt a:link {	font-size: 10pt; text-decoration: none; color: #1b8db7; font-weight:bold;}
#smartInput dt a:visited {	font-size: 10pt;  text-decoration: none; color: #1b8db7; font-weight:bold;}
#smartInput dt a:hover { font-size: 10pt;  text-decoration: none; color: #99cc00; font-weight:bold;}
#smartInput dt a:active { font-size: 10pt;  text-decoration: none; color: #1b8db7; font-weight:bold;}