@charset "UTF-8";

/* Browser MinWidth */
.page_min_1080{min-width:1080px !important;}
.page_min_1200{min-width:1200px !important;}
.page_min_800{min-width:800px !important;}/* Popup-Tips For Patent Numbers,View Document Kind Code */
.page_fix_1020{width:1020px !important;}/* Invalidation Advisor Main - List 넓이고정 */
.page_min_940{min-width:940px !important;}/* Popup-DOC > Family Legal Status(패밀리법적상태) */
.page_min_880{min-width:880px !important;}/* Popup-DOC  > JP심판 */
.page_min_700{min-width:700px !important;}/* Popup-DOC > JP심판 상세보기 */
.page_min_600{min-width:600px !important;}/* Popup-DOC > 인용문헌의 카테고리 */
.page_min_width{min-width:1260px !important;}/*검색화면 개선으로 최소화면사이즈 수정*/

#layout_onedivision{position:absolute; width:auto; height:auto; top:0; left:0; right:0; bottom:0; overflow:hidden;}/* Classification */
#layout_twodivision{position:relative; width:100%; min-height:100%; margin-bottom:-40px; padding-bottom:40px; box-sizing:border-box;}

/* Main */
.layout_main{position:relative; width:1200px; height:100%; margin:0 auto;}
#main_container{width:100%}

/* Default layout */
#def_header{position:absolute; top:0; left:0; width:100%; height:53px; z-index:100; background:#ffffff;}
#def_header:after {content:""; display:block; clear:both;}
.chang_defheight #def_header{height:44px;}/* Family Search */
#def_container{width:100%; height:100%; min-height:100%; margin-bottom:0;}
.drawsch_wrap #def_container{height:auto; min-height:auto;}
*html #def_container{height:98%;}
.def_content{position:relative;}
.def_content:after {content:""; display:block; clear:both;}
.def_content2{position:relative;}
.def_con_space{padding:53px 20px 15px;}
.def_con_space2{padding:53px 0 0;}
.def_con_space3{margin:0px 20px;}
.def_con_space4{padding:54px 20px 0;}
.def_con_space5{padding:75px 20px /*30px*/58px;}/*패밀리서치 푸터 영역 상단 컨텐츠 영역과 겹침 현상으로 인해 바텀패딩값 수정 20160620김고은*/
.def_con_space6{padding:20px;}
.def_footerheight{clear:both; height:40px; width:98%;}
.def_footerheight2{clear:both; height:35px; width:98%;}
#def_footer{position:relative; clear:both; bottom:0; width:100%; height:38px; background:#ffffff;}

/* page copyright */
#def_footer, #neww_footer, #etc_footer_type{*margin-top:0; border-top:1px solid #f0f0f0;}
.foot_copytext_type{padding-top:15px; text-align:center; font-size:11px; color:#888888;}

/* New w layout */
#neww_header{position:absolute; top:0; left:0; width:100%; height:53px; overflow:hidden; z-index:999999;}
.wrap_sct_result #neww_header{background:#fff;}/*추천검색 개선 추가*/
.wrap_sct_result + #neww_footer{height: 39px; background:#fff;}/*추천검색 개선 추가*/
#neww_container{width:100%; height:100%; min-height:100%; margin-bottom:0;}
.neww_content{position:relative; z-index:1;}
.neww_con_space{padding:52px 20px 15px;}
.neww_con_space2{padding:80px 140px 15px;}/* error화면 */
.neww_con_space3{padding:20px 140px 15px;}/* error화면 2*/
.conwidth_fix{width:1020px; margin:0 auto;}
#neww_footer{position:relative; clear:both; bottom:0; width:100%;}

/* Common Header */
.top_serviceblock{display:block; width:100%; height:53px;}
.top_serviceblock .header_logotype1{float:left; margin-top:10px; margin-left:18px;}
/*.orange_firstpage_logo .header_logotype1{float:left; margin-top:19px; margin-left:18px;}*/
.drawsch_wrap .top_serviceblock .header_logotype1{margin-top:19px}
#doc_srch_header .top_serviceblock .header_logotype1{float:left; margin-top:12px; margin-left:18px;}
/*DOC로고*/
@supports (-ms-accelerator:true) {
  #doc_srch_header .top_serviceblock .header_logotype1{margin-top:11px !important;}
}/* IE Edge */
@-moz-document url-prefix(){ /* ff only */
#doc_srch_header .top_serviceblock .header_logotype1{float:left; margin-top:20px; margin-left:18px;}
}
@media screen and (-webkit-min-device-pixel-ratio:0){ /* ch only */
#doc_srch_header .top_serviceblock .header_logotype1{float:left; margin-top:20px; margin-left:18px;}
}
/*오렌지북로고 IE제외하고 위치 다르게나오는 문제 해결*/
@supports (-ms-accelerator:true) {
  .orange_firstpage_logo .header_logotype1{float:left; margin-top:10px !important; margin-left:18px;}
}/* IE Edge */
@-moz-document url-prefix(){ /* ff only */
.orange_firstpage_logo .header_logotype1{float:left; margin-top:19px; margin-left:18px;}
}
@media screen and (-webkit-min-device-pixel-ratio:0){ /* ch only */
.orange_firstpage_logo .header_logotype1{float:left; margin-top:19px; margin-left:18px;}
}

.service_menublock{float:right; margin-top:14px;}
.service_menublock li{float:left; height:27px;}
.service_menublock li.greeting{margin-top:5px;}
.service_menublock li.mem_info a{display:block; width:30px; height:21px; margin-left:5px; background:url('../image/btn/btn.gif') no-repeat -308px -610px;}
.service_menublock li.signin a{float:left; height:17px; margin-top:3px; margin-left:5px; padding:0 8px; border:1px solid #acacac !important; border:1px solid #d7d7d7; background:#ffffff; color:#4d4d4d; font-size:11px; line-height:17px; vertical-align:middle !important;}
@-moz-document url-prefix(){ /* ff only */
.service_menublock li.signin a{line-height:16px;}
}
@media screen and (-webkit-min-device-pixel-ratio:0){ /* ch only */
.service_menublock li.signin a{line-height:16px;}
}
.service_menublock li.more_menu a{margin-top:3px;}

.srch_top_titleblock{height:33px; border-top:2px solid #405690; background:#5674ba; color:#ffffff;}

.top_titleblock_left{float:left; margin-bottom:10px;}
.top_titleblock_right{float:right; margin-top:19px;}

.srchtop_titleblock_left{float:left; padding-top:2px; padding-left:30px; font-style:italic; cursor:pointer;}
.srchtop_titleblock_right{float:right; margin-top:7px; margin-right:20px;}

/*legal search title new icon*/
/*
.legal_wrap .srchtop_titleblock_left{position:relative;}
.legal_wrap .srchtop_titleblock_left:after{display:block; position:absolute; width:35px; height:14px; overflow:hidden; background:url("../image/icon/ico_02.png") no-repeat -300px -460px; content:""; top:9px; right:-44px; text-indent:-999px; }
*/

.topgnb_menu{float:left; margin-top:11px; margin-left:76px;}
.topgnb_menu li{float:left; width:150px; height:34px; font-size:14px;}
.topgnb_menu li a{display:block; width:150px; height:34px;}
.topgnb_menu .mu_search{display:block; width:150px; height:34px; background:url('../image/btn/gnb_menu.jpg') no-repeat 0 -40px; }
.topgnb_menu .mu_ipexpert{display:block; width:154px; height:34px; background:url('../image/btn/gnb_menu.jpg') no-repeat -150px 0;}
.topgnb_menu .mu_search.on{display:block; width:150px; height:34px; background:url('../image/btn/gnb_menu.jpg') no-repeat 0 0;}
.topgnb_menu .mu_ipexpert.on{display:block; width:154px; height:34px; background:url('../image/btn/gnb_menu.jpg') no-repeat -150px -40px;}

.srch_gnb_block{width:375px; background:#FFFFFF; border:1px solid #5674ba;}/* Sub Menu */
.srch_gnb_block nav:after{content:""; display:block; clear:both;}
.srch_gnb_block .depth{float:left; width:187px;}
.srch_gnb_block .depth:first-of-type ul{border-right:1px solid #dddddd;}
.srch_gnb_block .depth ul{margin-bottom:15px; padding:0px 15px;}
.srch_gnb_block li{display:block; position:relative; width:158px;}
.srch_gnb_block a{display:block; padding:5px 13px; color:#444; font-size:13px;}
.srch_gnb_block a:hover{background:#5674ba; color:#FFFFFF; text-decoration:none;}

.srch_gnb_block li.on{}
.srch_gnb_block li.on a{background:#5674ba; color:#FFFFFF;}
.srch_gnb_block li.on a:visited{color:#FFFFFF;}

.srch_gnb_block .preparing span{display:block; padding:7px 13px; background:#FFFFFF; color:#999999;  font-size:13px; cursor:text;}
.srch_gnb_block .srch_sub_tit{display:block; width:179px; line-height:40px; color:#787878; font-size:15px; text-indent:13px;}

.ipexpert_gnb_block{width:148px; background:#FFFFFF; border:1px solid #f68121;}/* Sub Menu */
.ipexpert_gnb_block li{display:block; position:relative;}
.ipexpert_gnb_block a{display:block; padding:7px 13px; color:#444; font-size:13px;}
.ipexpert_gnb_block a:hover{background:#f68121; color:#FFFFFF; text-decoration:none;}
.ipexpert_gnb_block .preparing span{display:block; padding:7px 13px; background:#FFFFFF; color:#999999;  font-size:13px; cursor:text;}

.ipexpert_gnb_block li.on{}
.ipexpert_gnb_block li.on a{color:#FFFFFF;  background:#f68121;}
.ipexpert_gnb_block li.on a:visited{color:#FFFFFF;}

/*
.ipexpert_gnb_block li:nth-of-type(3):after{display:block; position:absolute; width:35px; height:14px; overflow:hidden; background:url("../image/icon/ico_02.png") no-repeat -300px -500px; content:""; top:25%; right:24px; text-indent:-999px; }
.ipexpert_gnb_block li.on:nth-of-type(3):after{background-position:-300px -460px;}
*/

/* New Window Header */
.neww_topblock{display:block; height:52px; background:url('../image/img/bg_twoline2.gif') repeat-x bottom;}
.neww_topblock .header_logotype1{float:left; margin-top:10px; margin-left:17px;}
@media screen and (-webkit-min-device-pixel-ratio:0){ /* ch only */
.page_min_940 .neww_topblock .header_logotype1{margin-top: 17px;}
}
@-moz-document url-prefix(){ /* ff only */
.page_min_940 .neww_topblock .header_logotype1{margin-top: 17px;}
}

.neww_topblock .title_text{float:left; margin-top:14px; margin-left:30px; font-size:18px;}
.neww_topblock .right_block{float:right; margin-right:20px; margin-top:14px;}

.neww_changeline{height:45px !important; background:url('../image/img/bg_error.gif') repeat-x bottom !important;}
.neww_changeline .header_logotype1{margin-top:5px !important;}

/* New Window Service Header */
.newwsvc_topblock{height:52px; background:url('../image/img/bg_twoline2.gif') repeat-x bottom; margin:0px 20px;}
.newwsvc_topblock2{height:52px; background:url('../image/img/bg_twoline2.gif') repeat-x bottom; padding:0px 20px;}
.wrap_pdf .newwsvc_topblock2{min-width:1000px;}/* 창줄임시 원문탭 떨어지는 이슈로 최소너비 지정 */
.newwsvc_topblock .header_logotype1, .newwsvc_topblock2 .header_logotype1{float:left; margin-top:10px;}

.neww_title{float:left; margin:13px 0px 0px 12px; color:#565656; font-size:20px; letter-spacing:-0.04em;}
.neww_title_sdi{float:left; margin:15px 0px 0px 12px; color:#565656; font-size:20px; letter-spacing:-0.04em;}

.neww_gnb_block{float:left; margin:13px 0 0 60px;}
.neww_gnb_block li{float:left;}
.neww_gnb_block li::after{content:"|"; color:#d8d8d8; margin-right:15px; padding-left:15px; font-size:16px;}
.neww_gnb_block li:last-child::after{content:""; margin-right:0px; padding-left:0px;}
.neww_gnb_block li a{display:inline-block; padding:0px 3px; line-height:22px; font-size:13px; font-weight:bold; text-align:center; color:#666666;}
.neww_gnb_block li a:hover{text-decoration:none;}
.neww_gnb_block li a:visited{color:#676767;}
.neww_gnb_block li.on{}
.neww_gnb_block li.on a{border-bottom:4px solid #fe771d; color:#434343 !important; line-height:22px;}
.neww_gnb_block li.on a:visited{color:#676767;}
.neww_gnb_block li.off{color:#cccccc;}
.neww_gnb_block li.off a{color:#cccccc; cursor:default;}

.neww_rightblock{float:right; margin:15px 0px 0 0;}
.neww_rightblock li{float:left;}

/* Cliam Analysis, Download */
#etc_header_type4{top:0; left:0; width:100%; height:52px;}
#etc_container_type6{position:absolute; width:100%; top:52px; left:0px; right:0px; bottom:0px; overflow:hidden; min-width:1080px}
#etc_footer_type3{position:absolute; left:0px; bottom:0; width:100%; height:40px; background:#fff; z-index:100;}

/* EasyViewer */
#wrap_esvwprint{width:100%; height:100%; top:0; left:0; right:0; bottom:0;}
#etc_container_type4{position:absolute; top:52px; left:0; right:0; bottom:35px; z-index:20; overflow-y:hidden; overflow-x:auto;}/* footer 삽입으로 bottom값 수정 190724 */

/* Layer */
.layer_locadef_pop{position:absolute; top:0px; left:0px; z-index:100000; background:#ffffff;}
.layer_locafree_pop{position:absolute; z-index:100000;}

/* LayerWindow */
/* Layer 좌표값을 따로 지정 */
.layer_location_type{top:13%; left:20%;}
#layout_main .layer_location_type2{top:51px !important; left:347px !important;}
.layer_location_type2{position:absolute; top:43px !important; left:210px !important; z-index:100001; background:#ffffff;}/* SunMenu Layer - Search */
.layer_location_type2_1{position:absolute; top:43px !important; left:360px !important; z-index:100001; background:#ffffff;}/* SunMenu Layer - IP Expert */
.layer_location_type2_4{position:absolute; top:43px !important; left:360px !important; z-index:100001; background:#ffffff;}/* FTO GENERIC - IP Expert */
.layer_location_type2_5{position:absolute; top:51px !important; left:409px !important; z-index:100001; background:#ffffff;}/* main Layer - IP Expert */
.layer_location_type2_2{position:absolute; top:44px !important; left:auto !important; right:12px !important; z-index:100000; background:#ffffff;}/* 상단서비스더보기Layer */
.layer_location_type2_3{position:absolute; top:44px !important; left:auto !important; right:35px !important; z-index:100000; background:#ffffff;}/* 상단회원정보Layer */
.layer_location_type4{position:absolute; top:10%; left:37%;}/* TOC-검색식저장,폴더저장 */
.layer_location_type5{position:absolute; top:30%; left:40%;}/* TOC-패밀리그룹핑 부가기능 실행 */
.layer_location_type6{top:28px !important; left:67px !important;}/* 이지뷰어-오른차순/내림차순 */
.layer_location_type10{position:absolute; top:25%; left:50% !important; margin:0 0 0 -275px;}/* 다운로드-청약철회 규정 안내 */
.layer_location_type11{position:absolute; top:25%; left:50% !important; margin:0 0 0 -245px;}/* 다운로드-차감포인트/오류메세지 */
.layer_location_type12{position:absolute; top:31%; left:36%;}/* 이지뷰어-저장하지 않고 브라우저 창 닫을 시, 마이페이지 레이어 */
.layer_location_type13{top:12% !important; left:50% !important; margin:0 0 0 -465px;}/* 이지뷰어-도면상세/마이폴더-휴지통보기 */
.layer_location_type16{position:absolute; top:17%; left:37%;}/* 보고서 다운로드 */
.layer_location_type19{position:absolute; top:30%; left:44%;}
.layer_location_type13{top:12% !important; left:50% !important; margin:0 0 0 -465px;}/* 이지뷰어-도면상세/마이폴더-휴지통보기 */
.layer_location_type23{top:43px !important; left:auto !important; right:12px !important;}/* 검색히스토리/조회이력 */
.layer_location_type24{top:27px !important; left:auto !important; right:0px !important;}/* 출력옵션 */
.layer_location_type25{top:27px !important; left:auto !important; right:-8px !important;}/* 이지뷰어 TIP */
.layer_location_type26{position:absolute; top:23px !important;}/* 이지뷰어 선택폴더 TIP */
.layer_location_type27{position:absolute; top:27%; left:50%; margin-left:-230px;}/* 마이폴더 태그레이어 */
.layer_location_type_w350{position:absolute; top:27%; left:50%; margin-left:-175px;}/* 가로350px 레이어팝업 */
.layer_location_retract{position:absolute; top:27%; left:37%;}/* 청약철회규정 */
.layer_location_sdi1{position:absolute; top:30%; left:40%;}/* SDI팝업 */
.layer_location_sdi2{position:absolute; top:35%; left:40%;}/* SDI팝업 */
.layer_location_sdi3{position:absolute; top:35%; left:34%;}/* SDI팝업 */
.layer_location_my1{position:absolute; top:30%; left:40%;}/* 마이페이지*/
.layer_location_ia_loading{position:absolute; top:33%; left:40%;}/* 무효화 문헌추출작업 진행 창 */

#layout_main .layer_location_type2{margin-left:259px; left:auto !important;}
#layout_main .layer_location_type2_2{margin-left:1005px; right:auto !important; top:51px !important;}
#layout_main .layer_location_type2_3{right:128px !important; top:51px !important;}

/* Layer Mask */
.layer_pop{display:none; position:fixed; _position:absolute; _min-height:100%; left:0px; top:0px; z-index:1000; _border:solid;}
.layer_pop2{display:none; position:fixed; _position:absolute; left:0px; top:0px; width:100%; height:100%; _min-height:100%; z-index:1000; _border:solid;}/* layer Mask 타입 일 경우 클래스 */
.layer_pop2 .bg{position:absolute; top:0; left:0; width:100%; height:100%; _min-height:100%; background:#000; opacity:.2; filter:alpha(opacity=20);}/* back단 opacity Layer Mask-black */
.layer_pop2 .bg2{position:absolute; top:0; left:0; width:100%; height:100%; _min-height:100%; background:#FFF; opacity:.5; filter:alpha(opacity=50);}/* back단 opacity Layer Mask-white */
.layer_pop.open, .layer_pop2.open{display:block;}
.layer_pop .close{position:absolute; top:15px; right:20px; width:22px; height:22px; border:0; padding:0; overflow:visible; cursor:pointer; padding:3px; text-decoration:none !important;}

.layer_pop_header{overflow:hidden; width:100%; height:38px;}
.layer_pop_header .header_type{padding:12px 15px 11px 20px;}
.layer_pop_header .title{float:left; background:url('../image/icon/ico_bu04.gif') no-repeat left 1px; padding-left:10px; color:#ffffff; font-weight:bold; line-height:16px;}
.layer_pop_container{overflow:hidden; min-height:0; margin:0; z-index:10;}
.layer_pop_container .content{position:relative; margin:20px 20px 16px;}
.layer_pop_container .content2{position:relative; margin:20px 10px;}
.layer_pop_container .content3{position:relative; margin:20px 15px 25px;}
.layer_pop_container textarea.textarea_scrolltype{padding:10px; border:1px solid #999999; overflow-x:hidden; overflow-y:auto; resize:none; line-height:16px;}
.layer_pop_container .block_size{width:290px; height:60px;}
.layer_pop_container .block_scrolltype{border:1px solid #999999;/* border-top:0px none;*/ height:197px; overflow:auto;}/*검색히스토리 목록 save눌렀을 때 나오는 레이어창>Folder save영역 상단테투리 깨져서 주석처리20160624김고은*/
.layer_pop_container .block_scrolltype2{border:1px solid #999999; height:197px; overflow:auto;}
.layer_pop_container .block_scrolltype3{width:294px; height:380px; padding-right:10px; font-size:11px; color:#cccccc; line-height:17px; overflow:auto;}/* 이지뷰어(상세도면)-도면의 설명만 있을 때 */
.layer_pop_container .block_scrolltype4{width:294px; height:200px; padding-right:10px; font-size:11px; color:#cccccc; line-height:17px; overflow:auto;}/* 이지뷰어(상세도면)-도면의 설명 */
.layer_pop_container .block_scrolltype5{width:294px; height:121px; padding-right:10px; font-size:11px; color:#cccccc; line-height:17px; overflow:auto;}/* 이지뷰어(상세도면)-부호의 설명 */
.layer_pop_container .bottom_btnblock{margin-top:15px; text-align:center;}
.layer_pop_container .bottom_btnblock2{margin-top:20px; text-align:center;}
.layer_pop_container .bottom_btnblock .btn_fix_center:first-child, .layer_pop_container .bottom_btnblock2 .btn_fix_center:first-child{margin-right:5px;}
.layer_pop_bottom{margin-top:12px; text-align:center;}
.layer_pop_bottom .btn_fix_center:first-child{margin-right:5px;}

/* Layer-넓이(공용) */
.layer_pop_width{width:350px;}/* TOC-검색식저장/SDI-설정(실행/중지제어)/이지뷰어-저장하지 않고 브라우저 창 닫을 시 */
.layer_pop_width2{width:250px;}/* TOC-패밀리그룹핑데이터셋,이지뷰어 폴더선택 TIP */
.layer_pop_width3{width:115px;}/* 이지뷰어-오른차순/내림차순 */
.layer_pop_width5{width:460px;}/* 상세보기-등록사항출력안내/보고서다운로드/우편번호찾기 */
.layer_pop_width6{width:550px;}/* 청약철회 규정 안내 */
.layer_pop_width7{width:490px;}/* 차감포인트/오류메세지 */
.layer_pop_width8{width:940px;}/* 이지뷰어-도면상세/마이폴더-휴지통 */
.layer_pop_width9{width:700px;}/* 검색식히스토리/포대서비스-포대서비스안내/고객센터-서비스구입상담신청 */
.layer_pop_width10{width:170px;}/* 마이페이지  */
.layer_pop_width11{width:250px;}/* TOC-출력옵션 */
.layer_pop_width12{width:320px;}/* 이지뷰어-출력옵션,공용-메모 */
.layer_pop_width13{width:500px;}/* DOC-심판정보 프린트 */
.layer_pop_width14{width:663px;}/* 리포트 기술발전도 세팅 레이어 */

/* Layer-단순 문구만 있는 alert 여백(공용) */
.layer_pop_space{padding:12px 10px 10px;}/* 이지뷰어-선택한 특허 없이 부가기능 클릭 시  */

/* Layer-선,배경색 */
.layer_pop_bgtype{border:1px solid #999999; background:#ffffff;}
.layer_pop_bgtype2{background:#555555;}
.layer_pop_bgtype3{border:1px solid #999999; background:#ffffe5;}

.layerpopheader_backcolor{background:#888888 !important;}
.layer_pdf_bgtype{position:absolute; top:0px; left:0px; right:0px; bottom:0px; width:100%; height:100%; _min-height:100%; z-index:-1; border:0px none;}/* 이지뷰어>원문보기 레이어출력 Layer Mask */

/* LayerWindow */
/* Layer 좌표값을 따로 지정 */
.layer_location_type{top:13%; left:20%;}
.layer_location_type4{position:absolute; top:10%; left:37%;}/* TOC-검색식저장,폴더저장 */
.layer_location_type5{position:absolute; top:30%; left:40%;}/* TOC-패밀리그룹핑 부가기능 실행 */

/* 로딩바  */
.layer_pop_spin{display:none; position:fixed; _position:absolute; left:0px; top:0px; width:100%; height:100%; _min-height:100%; z-index:100002; _border:solid;}
.layer_pop_spin .bg{position:absolute; top:0; left:0; width:100%; height:100%; _min-height:100%; background:#000; opacity:.2; filter:alpha(opacity=20);}
.layer_pop_spin .bg2{position:absolute; top:0; left:0; width:100%; height:100%; _min-height:100%; background:#FFF; opacity:.5; filter:alpha(opacity=50);}
.layer_pop_spin.open{display:block;}
.layer_mf_bgtype{position:absolute; top:0; left:0; width:100%; height:100%; _min-height:100%; background:#ffffff; opacity:.6; filter:alpha(opacity=60); z-index:9999;}/* TOC>마이폴더 저장 로딩중 Layer Mask */

/* 비교보기 > 번역문생성시 출력되는 로딩바 - 영중일중 */
.layer_pop_spin.loading_l{left:0px; top:98px; width:50%; min-width:540px; height:85%; z-index: 999;}
.layer_pop_spin.loading_r{right:0px; left: initial; top:98px; width:50%; height:85%; z-index: 999;}
.layer_pop_spin.loading_l .spin_largeblock_02,
.layer_pop_spin.loading_r .spin_largeblock_02{top: 28%; left: 45%;}

/* Splite */ 
#splite_div{height:100%; width:100%; *min-height:1000px;} 
#splite_divcon{height:500px; width:100%;}
.vsplitbar{width:3px; background:#a6a6a6; cursor:e-resize; z-index:1 !important}
.hsplitbar{width:100% !important; height:3px; background:#a6a6a6; cursor:n-resize;}
.claim_tree_wrap .hsplitbar{cursor:default;}

/* Popup layout */
#pop_body{background-color:#F4F4F4;}
#pop_header{position:relative; min-height:12px; padding:12px 15px; background-color:#888;}
#pop_header .pop_title, #pop_header .pop_title2{position:relative; padding-left:14px; color:#fff; font-size:14px; font-weight:bold}
#pop_header .pop_title:after, #pop_header .pop_title2:after{content:""; display:block; position:absolute; top:2px; left:0; width:3px; height:12px; background-color:#fff;}
#pop_header .btn_pop_close{position:absolute; top:14px; right:15px; width:10px; height:10px; background:url('../image/btn/btn.gif') no-repeat -362px -271px;}
/* #pop_container{height:100%;} */
#pop_container .pop_content{padding:20px;}
#pop_container_fix{width:940px; height:500px; overflow:hidden;}/* 도면보기 */
#pop_container_fix .pop_content{position:relative; padding:20px 5px 20px 20px;}
#pop_footer{}

/* layout 좌측영역 열기/닫기-이지뷰어 */
.column_left{width:270px;}/* 좌측영역 */
.column_left .left_block{background:#eeeeee;}
.column_left .view{display:block; z-index:2;}/* 좌측열린상태 */
.column_left .noview{display:none;}/* 좌측닫힘상태 */
.column_right{margin: 0px 0 0 270px; border-left:1px solid #b4b4b4;}/* 우측영역 */
.left_closed{float:left; width:10px; height:30px; padding:0px 0px 0px 13px; background:url('../image/btn/btn.gif') no-repeat -219px -19px; z-index:4; cursor:hand;}
.left_opened{float:right; width:10px; height:30px; padding:0px 13px 0px 0px; background:url('../image/btn/btn.gif') no-repeat -206px -19px; cursor:hand;}

/* DOC */
#nav-holder{width:100%;}
#nav{width:100%; background:#FFFFFF;}

.area_fixed{position:fixed; top:0; left:0; width:100%;  z-index:999; background:#ffffff;}
.area_fixed2{position:fixed; top:53px; left:0; width:100%; z-index:1000; background:#ffffff;}
.area_fixed3{position:fixed; top:50px; right:0; z-index:999;}

.move_rightspace{padding-right:70px;}
.move_norightspace{padding-right:0px !important;}

/* DOC Right Quick Menu */
.scroll_left{float:left; width:86%; background:white; *z-index:-1;}
.scroll_right{float:right; width:126px;}
.scroll_right.wide{width:151px;}
/* report */
.btn_white1{border:1px solid #b5b5b5; padding:2px 0 1px 0; width: 100%;box-sizing:border-box;color:#444444; font-weight: bold; text-align:center; display:table; height:25px; line-height:25px}
.btn_white1:hover{background:#777777; text-decoration:none; color:white}
.btn_white1 span{margin-top:2px; margin-left:5px;}

.btn_dw1{float:left;overflow:hidden; text-align:center; background:#415175; text-decoration:none; color:#fffdff !important; letter-spacing:-0.05em;height:27px; line-height:27px; width:97px; margin-left:42px}
.btn_dw1:hover{text-decoration:none;}
.btn_dw1 span{margin:8px 5px 0 0px}

.top_point_area{font-size:12px; color:#777777; float:left; position:relative}
.top_point_area span{margin:11px 5px 0 0}

.etc_con_toparea{height:37px; padding:2px 5px 0 20px; background:#f4f4f4; border-bottom:1px solid #d8d8d8; line-height:36px;}
.etc_con_toparea2{position:relative; overflow:hidden; width:100%; height:37px; padding:2px 5px 0 20px; background:#f4f4f4; border-bottom:1px solid #d8d8d8; line-height:36px;}
.etc_con_left2{width:230px; height:100%; *position:absolute; border-right:1px solid #a6a6a6}
.etc_con_left3{width:230px; height:100%; border-right:1px solid #a6a6a6}/* 대표명화코드찾기 세로스크롤 잘림 문제 fixed 제거 190723 */
.etc_con_right2{position:absolute; width:auto; height:100%; top:0px; left:231px; right:0;}
.rp_con_left{width:230px; height:100%; position:relative;float:left; border-right:1px solid #a6a6a6}
.rp_con_right{position:relative;float:left; width:auto; height:100%; top:0px; left:231px; right:0;}

.etc_con_leftscrollarea{position:absolute; width:230px; top:46px; bottom:0; overflow-y:auto; border-right:1px solid #a6a6a6}
.etc_con_leftscrollarea2{position:absolute; width:230px; top:0px; bottom:0; padding-top:10px; overflow-y:auto; border-right:1px solid #a6a6a6;}
.etc_con_rightareablock{width:auto; height:100%; overflow:hidden; top:0; right:0;}
.etc_con_rightareablock2{width:auto; height:100%; top:0; right:0;}
.etc_con_rightscrollarea{position:absolute; overflow:auto; top:46px; left:0; right:0; bottom:0; z-index:10;}

/* 표준특허 PDF - DOC */
.doc_pdf_wrap .header_logotype1 a img{vertical-align: middle;}
.doc_pdf_wrap #etc_container_type4, .doc_pdf_wrap #etc_container_type{bottom: 0;}
.doc_pdf_wrap .etc_con_right2{left:0;} 

.layer_techinfoset_block .rp_highlight_colorblock{width:239px; height:43px; padding:7px 0 7px 14px; border:1px solid #b4b4b4;}
.layer_techinfoset_block .rp_highlight_colorblock li{float:left; padding:0; margin-bottom:5px; margin-right:5px;}
.layer_techinfoset_block .rp_highlight_colorblock .rp_color_box{display:inline-block; width:16px; height:16px;}

.btn_rp_pop{width: 60px;margin:0 2px;padding:5px 7px 4px 7px;float:left; overflow:hidden; text-align:center; border:1px solid #939393; background:#ffffff; text-decoration:none; color:#4d4d4d !important; letter-spacing:-0.02em; font-size:11px; margin-top:1px}
.btn_rp_pop2{width: 60px;margin:0 2px;padding:6px 7px 5px 7px;float:left; overflow:hidden; text-align:center; border:1px solid #8798b6; background:#e5eef7; text-decoration:none; color:#4d4d4d !important; letter-spacing:-0.02em; font-size:11px; font-weight:bold}
.btn_rp_pop:hover{text-decoration: none}
.btn_rp_pop2:hover{text-decoration: none}
.btn_rp_pop span{margin-left:5px}
.btn_rp_pop2 span{margin-left:5px; margin-right:0px !important}
#etc_container_type{position:absolute; top:0px; left:0; right:0; bottom:35px; min-height:0; margin:0; overflow:hidden; z-index:20;}
.footer_copy{min-width:1080px;width: 100%; text-align:center;min-height:35px; max-height:35px; height:35px; line-height:35px; border-top:1px solid #f0f0f0; display:block; position:fixed; bottom:0; background:#ffffff; z-index:30; font-size:8pt}
.footer_new{margin-top:40px; display:inline-block; width: 100%; text-align:center;min-height:35px; max-height:35px; height:35px; line-height:35px; border-top:1px solid #f0f0f0; position:relative; bottom:0; background:#ffffff; z-index:30; font-size:8pt}
/* layer 공용스타일 */
.layer_type1{background:#ffffff; z-index:100;}/* 일본어입력기 */
.layer_type2{border:1px solid #999999; background:#ffffff; z-index:100;}/* 분류코드,추천키워드,검색필드추가,마이필드설정,검색히스토리, 필드-국가별AND검색 */
.layer_type3{border:1px solid #999999; background:#ffffe5; z-index:100;}/* 메모 */
.layer_type4{border:1px solid #dbdbdb; border-top:0px none;  background:#f8f8f8; z-index:100;}/* 형광펜추가 */
.layer_type5{border:2px solid #777777; background:#ffffff; z-index:100;}/* 이지뷰어-출력옵션 */

.layer_com_fix{margin-top:22px; right:-37px;}


/*sdi*/
/*#etc_container_type_sdi{position:absolute; top:52px; left:0; right:0; bottom:0px; z-index:20; overflow-x:auto;}*/
#etc_container_type_sdi_in{}
#wrap_report{height:100%}
#wrap_report #etc_header_type4{position:absolute; z-index:30; background:#ffffff}
#wrap_report #etc_container_type_sdi{position:relative;/* top:52px; left:0; right:0; bottom:0px; z-index:20; overflow-x:auto;*/padding-top: 50px;/* padding-bottom: 36px;*/height:100%; box-sizing: border-box;}

/* Fix layout */
/* 마이페이지/고객센터/회원가입 */
#fix_header{display:block; width:960px; margin:0 auto; position:relative; *z-index:999999;}/* 마이페이지/고객센터 */
#fix_header2{display:block; width:960px; margin:0 auto; position:relative; height:44px;}/* 회원가입 */
#fix_container{clear:both; width:960px; margin:0 auto; overflow:hidden;}
.fix_content{position:relative; z-index:1; *overflow:hidden;}
.fix_con_space{padding:20px;}
.fix_con_space2{padding:18px 12px 15px;}
.fix_headHeight{height:75px;}/* 컨텐츠영역 상단 보정 */
.fix_footerHeight{clear:both; height:50px; width:960px;} /* 컨텐츠영역 하단 보정 */
#fix_footer{position:relative; width:960px; margin:0 auto; clear:both; bottom:0;}

/* page - 마이페이지 header */
.gnb_block2{position:relative; margin-top:10px; *margin-top:5px; height:69px;}
.gnb_block2 .nav_main{background:#f4f4f4; border:1px solid #ebebeb;}
.gnb_block2 .nav_main .main_menu{float:left; padding:8px 30px 6px; font-size:14px; height:19px; line-height:19px; font-weight:bold;}
.gnb_block2 .nav_main .main_menu a{color:#555555;}
.gnb_block2 .nav_main .main_menu a:hover{text-decoration:none;}
.gnb_block2 .nav_main .main_menu a:visited{color:#555555;}
.gnb_block2 .nav_main .main_menu.on{background:#5cb14a; border:1px solid #5cb14a; margin-top:-1px; margin-bottom:-1px;}
.gnb_block2 .nav_main .main_menu.on a{color:#FFFFFF;}
.gnb_block2 .nav_main .main_menu.on a:visited{color:#FFFFFF;}

.gnb_block2 .bg_sub{position:absolute; left:0px; top:35px; width:100%; height:33px; border-bottom:1px solid #d8d8d8;}
.gnb_block2 .nav_sub{position:absolute;}
.gnb_block2 .nav_sub.fix_type{top:0px; left:32px; width:320px;}
.gnb_block2 .nav_sub.fix_type2{top:0px; left:408px; width:300px;}
.gnb_block2 .nav_sub .sub_menu{float:left; padding-right:15px; margin-right:15px; background:url('../image/img/bar_gray_t2.gif') no-repeat right; font-weight:normal;}
.gnb_block2 .nav_sub .sub_menu.last{background:none !important; padding-right:0px !important; margin-right:0px !important;}
.gnb_block2 .nav_sub .sub_menu a{color:#555555 !important; display:block; height:15px; line-height:15px; padding:10px 0px 8px; font-size:12px;}
.gnb_block2 .nav_sub .sub_menu a:visited{color:#555555 !important;}
.gnb_block2 .nav_sub .sub_menu.on a{color:#555555 !important; font-weight:bold;}
.gnb_block2 .nav_sub .sub_menu.on a:visited{color:#555555 !important;}

/* 마이페이지,고객센터 */
.service_menublock3{float:right; margin-top:18px; *margin-top:21px;}
.service_menublock3 li{float:left; line-height:15px;}
.service_menublock3 li a{font-size:11px; color:#666666; text-decoration:none;}
.service_menublock3 li.menu_bar{float:left; padding-right:12px; margin-right:12px; background:url('../image/img/bar_gray_t2.gif') no-repeat right 1px;}
.service_menublock3 .sdi_textsum{display:inline-block; padding-left:5px; font-weight:bold; color:#389925; vertical-align:baseline;}

/* 마이페이지 - 통계,이용내역 캘린터 제어 */
.ui-state-highlight2 .ui-icon {background-image:url('images/ui-icons_2e83ff_256x240.png') no-repeat !important;}
.ui-state-highlight2, .ui-widget-content .ui-state-highlight2, .ui-widget-header .ui-state-highlight2{border:1px solid #fcefa1 !important; background:#fbf9ee url('images/ui-bg_glass_55_fbf9ee_1x400.png') 50% 50% repeat-x !important; color:#363636 !important; height:auto !important; line-height:normal !important;}
.ui-state-highlight2 a, .ui-widget-content .ui-state-highlight2 a,.ui-widget-header .ui-state-highlight2 a{color:#363636 !important;}

/*비교보기*/
.layer_pop_width_cv{width:500px;}/* 비교보기 */
.cv_doc_conblock table .font_color_orange{vertical-align:baseline;}/*비교보기*/

/*검색히스토리아이콘정렬 및 ui수정*/
#doc_vw_layer_div tr td .imgico_align{margin-top:1px}
#pop_container #pul_pop_dockind.pop_content {padding: 20px; margin:0; box-sizing:border-box; float:left;}

.max_tootip_new2{bottom: 11px; position: absolute; z-index: 100000; width:auto; white-space:nowrap}

.service_menublock .layer_moremenu li{float:none; display:block}/*상단 메뉴레이어가 버튼안에 들어갔을 경우 UI깨짐현상 해결*/

/*왼쪽상단 로고 페이지별로 상이한 문제를 바로잡기 위해 로고 사이즈와 여백 강제설정*/
.header_logotype1 a img{margin-top:-1px}

/*이미지에디터*/
.imgEditor_header_wrap #cmm_header {width: 100%; float: left; top: 0; left: 0; box-sizing: border-box; clear: both; background: #ffffff;}
.imgEditor_header_wrap .pop_header_wrap {width: inherit; position: relative; float: left; height: 49px; padding: 10px 20px; display: block; box-sizing: border-box; clear: both; border-bottom: 3px solid #f58220;}
.imgEditor_header_wrap .pop_header_wrap .pop_serviceMenu {float: left; display: block; position: relative; box-sizing: border-box; min-width: inherit; width: inherit;}
.imgEditor_header_wrap .header_logotype1{float: left; margin-top:-8px; margin-right: 20px;}
.imgEditor_header_wrap .logo_sub {width: 113px; height: 21px; background: url('../image/logo/logo_wg') no-repeat -20px -80px;}
.imgEditor_header_wrap .pop_header_wrap .pop_serviceMenu .txt_subPage_title {font-size: 16px; color: #555555; float: left; height: 22px; line-height: 24px;}
.imgEditor_header_wrap .pop_header_wrap .pop_serviceMenu h2.txt_subPage_title {margin: 0; margin-top: 1px;}
.editor_body{padding-top:15px;}

/* 형광펜 레이어 개선 */
.highlight_renew{position:relative;right:0}
.highlight_renew .layer_tooltip{display:none;padding:14px;border-color:#f26522;border-radius:6px;box-sizing:border-box}
.highlight_renew .layer_tooltip:before{border-bottom-color:#f26522}
.highlight_renew .ico_highlight{position:absolute;top:3px;left:4px;width:16px;height:16px;background:url('../image/btn/WG_btn_v2.png') no-repeat -265px -109px}
.highlight_renew .btn_highlight{position:relative;top:0;right:0;float:right;padding:3px 20px 3px 24px;font-size:12px;color:#666;border-radius:4px;text-decoration:none;box-sizing:border-box}
.highlight_renew .btn_highlight:after{content:"";position:absolute;top:3px;right:3px;width:16px;height:16px;background:url('../image/btn/WG_btn_v2.png') no-repeat -169px -68px}
.highlight_renew .btn_highlight + .layer_tooltip{display:none;top:33px;right:16px;padding:6px}
.highlight_renew .btn_highlight:hover + .layer_tooltip{display:block;width:154px}
.highlight_renew .btn_highlight + .layer_tooltip .tooltip_txt{text-align:center}
.highlight_renew .layer_highlight_wrap{display:none;position:fixed;top:33px;right:0;border:1px solid #ccc;border-radius:4px;background:#fff;z-index:104}
.highlight_renew .layer_highlight_wrap.vertical{width:264px}
.highlight_renew .layer_highlight_wrap.locked .btn_viewmode,
.highlight_renew .layer_highlight_wrap.locked .btn_close,
.highlight_renew .layer_highlight_wrap.locked .add_keyword,
.highlight_renew .layer_highlight_wrap.locked .btn_reset{pointer-events:none}
.layer_highlight_wrap .bx_flex{display:flex;align-items:center}
.layer_highlight_wrap .bx_flex.between{justify-content:space-between}
.layer_highlight_wrap .bx_flex.center{justify-content:center}
.layer_highlight_wrap .bx_flex_end{display:flex;align-items:center;position:absolute;top:8px;right:10px}
.layer_highlight_wrap .btn_plus{position:relative;width:auto;height:auto;padding-left:16px;font-size:12.5px;color:#f26522;background:transparent}
.layer_highlight_wrap .btn_plus .ico_plus{display:block;position:absolute;top:50%;left:-2px;width:16px;height:16px;background:url(../image/btn/WG_btn_v2.png) no-repeat -25px -69px;transform:translateY(-50%)}
.layer_highlight_wrap .btn_plus.add_keyword{width:20px;height:20px;padding-left:0;border:1px solid #ccc;color:transparent;border-radius:4px}
.layer_highlight_wrap .btn_plus.add_keyword:before{content:"";position:absolute;top:50%;left:50%;width:1px;height:10px;background-color:#333;transform:translate(-50%,-50%)}
.layer_highlight_wrap .btn_plus.add_keyword:after{content:"";position:absolute;top:50%;left:50%;width:10px;height:1px;background-color:#333;transform:translate(-50%,-50%)}
.layer_highlight_wrap .btn_save{display:block;width:100%;padding:9px 16px;border:1px solid #f58220;font-size:11px;color:#f26522;background:#fff;border-radius:4px;box-sizing:border-box}
.layer_highlight_wrap .btn_save:not([disabled]):hover{color:#fff;background:#f58220}
.layer_highlight_wrap .btn_save[disabled]{padding:10px 16px;border:none;color:#999;background:#d9d9d9;cursor:default;} 
.layer_highlight_wrap .btn_dupl{display:block;position:relative;padding-left:18px;margin-left:6px;font-size:12.5px;color:#f26522;line-height:16px;background:transparent}
.layer_highlight_wrap .btn_dupl .ico_save{display:block;position:absolute;top:50%;left:0;width:16px;height:16px;background:url(../image/btn/WG_btn_v2.png) no-repeat -217px -109px;transform:translateY(-50%)}
.layer_highlight_wrap .btn_keyword_del{position:relative;width:20px;height:20px;padding:0;margin-left:4px;border:1px solid #ccc;background:transparent;border-radius:4px;opacity:0.5;cursor:default}
.layer_highlight_wrap .btn_keyword_del:after{content:"";position:absolute;top:50%;left:50%;width:10px;height:1px;background-color:#333;transform:translate(-50%,-50%)}
.layer_highlight_wrap .btn_keyword_del.hl_show{opacity:1;cursor:pointer}
.layer_highlight_wrap .inp_wrap .btn_options button{padding:0;background:transparent}
.layer_highlight_wrap .inp_wrap .btn_options button:first-child{margin-right:-2px}
.layer_highlight_wrap .inp_wrap .btn_options button [class*="ico_"]{display:block;width:16px;height:16px;background-image:url(../image/btn/WG_btn_v2.png);background-repeat:no-repeat} 
.layer_highlight_wrap .ico_del{background-position:-25px -109px}
.layer_highlight_wrap .ico_edit{background-position:-74px -109px}
.layer_highlight_wrap .ico_save{background-position:-217px -109px}  
.layer_highlight_wrap .ico_viewmode{display:inline-flex;align-items:center;width:20px;height:20px;background:url(../image/btn/WG_btn_v2.png) no-repeat -117px -21px;text-indent:-9999px}
.layer_highlight_wrap .ico_selected{display:none;position:absolute;top:50%;left:8px;width:12px;height:12px;background:url(../image/btn/WG_btn_v2.png) no-repeat -25px -149px;transform:translateY(-50%)}
.layer_highlight_wrap .bx_count button{display:block;position:relative;width:18px;height:13px;padding:0;background:transparent;text-indent:-9999px}
.layer_highlight_wrap .bx_count button [class*="ico_arr_"]{display:block;position:absolute;top:4px;left:4px;width:10px;height:6px;background-image:url(../image/btn/btn_02.png);background-repeat:no-repeat}
.layer_highlight_wrap .ico_arr_up{background-position:-20px -280px;transform:rotate(180deg)}
.layer_highlight_wrap .ico_arr_down{background-position:-20px -280px} 
.layer_highlight_wrap .btn_reset{position:relative;width:20px;height:20px;margin-left:4px;border:1px solid #ccc;font-size:12.5px;color:#4c4c4c;background:transparent;border-radius:4px}
.layer_highlight_wrap .btn_reset .ico_reset{display:block;position:absolute;top:0;left:0;width:18px;height:18px;background:url(../image/btn/btn_02.png) no-repeat -95px -576px}
.layer_highlight_wrap .btn_resize{background:transparent}
.layer_highlight_wrap .btn_resize .ico_resize{display:block;width:16px;height:16px;background:url(../image/btn/WG_btn_v2.png) no-repeat -265px -69px} 
.layer_highlight_wrap .highlight_head{position:relative;padding:12px 10px 8px;}
.layer_highlight_wrap .highlight_head *, .layer_highlight_wrap .highlight_btm *{user-select: none;-webkit-user-drag: none;}
.layer_highlight_wrap.vertical .highlight_head > .bx_flex.is_move:first-of-type{cursor:move}
.layer_highlight_wrap .highlight_head .title{font-size:14px}
.layer_highlight_wrap .highlight_head .ico_tooltip{display:flex;align-items:center;justify-content:center;width:15px;height:15px;margin-left:4px;border:1px solid #777;font-weight:bold;background:#fff;border-radius:50%}
.layer_highlight_wrap .highlight_head .arrowBox_top_left.layer_tooltip{display:none;top:40px;left:51px}
.layer_highlight_wrap .highlight_head .ico_tooltip:hover + .layer_tooltip{display:block;width:246px}
.layer_highlight_wrap .highlight_head .ico_tooltip:hover + .arrowBox_top_left:before{left:12%}
.layer_highlight_wrap .highlight_head .ico_tooltip:hover + .arrowBox_top_left:after{left:12%}
.highlight_renew .tooltip_txt{font-size:11px}
.layer_highlight_wrap .highlight_head .arrowBox_top_left.layer_tooltip .tooltip_txt,
.layer_highlight_wrap .highlight_head .arrowBox_top_right.switch_tooltip .tooltip_txt,
.highlight_modal .highlight_modal_text .tooltip_txt
{margin-bottom:8px}
.layer_highlight_wrap .highlight_head .arrowBox_top_left.layer_tooltip .tooltip_txt:last-of-type,
.layer_highlight_wrap .highlight_head .arrowBox_top_right.switch_tooltip .tooltip_txt:last-of-type,
.highlight_modal .highlight_modal_text .tooltip_txt:last-of-type{margin-bottom:0}
.layer_highlight_wrap .highlight_head .arrowBox_top_left.layer_tooltip .tooltip_txt strong,
.layer_highlight_wrap .highlight_head .arrowBox_top_right.switch_tooltip strong.txt,
.highlight_modal .highlight_modal_text .tooltip_txt strong{display:block;font-size:13px;color:#f26522}
.layer_highlight_wrap .highlight_head .arrowBox_top_right.switch_tooltip strong.txt{margin-bottom:8px}
.layer_highlight_wrap .highlight_head .arrowBox_top_left.layer_tooltip .color01,
.highlight_modal .highlight_modal_text .tooltip_txt .color01{color:#0140cb}
.layer_highlight_wrap .highlight_modal{display:none;position:absolute;top:50%;left:50%;width:258px;height:auto;padding:4px;border:1px solid #f26522;background:#fff;border-radius:6px;box-sizing:border-box;transform:translate(-50%,-50%);z-index:120}
.highlight_modal .highlight_modal_btm{justify-content:center;margin-top:15px}
.highlight_modal .highlight_modal_btm .inp_chk{display:flex;align-items:center;margin-right:20px;font-size:11px;line-height:11px}
.highlight_modal .highlight_modal_btm .inp_chk input[type="checkbox"]{margin-right:3px}
.highlight_modal .highlight_modal_btm .btn_modal_close{padding:5px 12px;font-size:11px;color:#fff;background:#f58220;border-radius:4px}
.layer_highlight_wrap .layer_alert{display:none;position:absolute;top:30%;left:50%;width:100%;padding:10px 6px;font-size:11px;background:#fff3eb;transform:translateX(-50%);box-sizing:border-box;z-index:2}
.layer_highlight_wrap.horizontal .layer_alert{width:280px}
.layer_highlight_wrap .layer_alert strong.txt{display:block;margin-bottom:4px;font-size:12.5px}
.layer_highlight_wrap .highlight_head .bx_flex_end [class*="btn_"]{width:24px;height:24px;background-image:url(../image/btn/WG_btn_v2.png);background-repeat:no-repeat;background-color:transparent;text-indent:-9999px}
.layer_highlight_wrap .highlight_head .btn_viewmode{background-position:-117px -21px}
.layer_highlight_wrap.horizontal .highlight_head .btn_viewmode{background-position:-165px -21px}
.layer_highlight_wrap .highlight_head .btn_close{margin-left:6px;background-position:-21px -21px}
.layer_highlight_wrap .highlight_head .btn_close + .layer_tooltip{top:28px;right:-4px;padding:6px}
.layer_highlight_wrap .highlight_head .btn_close:hover + .layer_tooltip{display:block;width:154px}
.layer_highlight_wrap .highlight_head .btn_close + .layer_tooltip .tooltip_txt{text-align:center}
.layer_highlight_wrap .arrowBox_top_left p:nth-child(1):before{content:none}
.layer_highlight_wrap .bx_dropdown{margin-top:8px;font-size:12.5px}
.layer_highlight_wrap .bx_dropdown .btn_dropdown{display:block;position:relative;width:100%;height:24px;padding:4px 30px 4px 8px;border:1px solid #ccc;text-align:left;border-radius:4px;background:#fff;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.layer_highlight_wrap .bx_dropdown .btn_dropdown:after{content:"";display:block;position:absolute;top:50%;right:4px;width:24px;height:24px;background:url(../image/btn/WG_btn_v2.png) no-repeat -69px -21px;transform:translateY(-50%)}
.layer_highlight_wrap .bx_dropdown .connect_off{display:none;height:24px;padding:4px 8px;border:1px solid #ccc;font-size:11px;border-radius:4px;box-sizing:border-box;cursor:default}
.layer_highlight_wrap .bx_dropdown .connect_off.on{display:block;padding:5px 8px 3px}
.layer_highlight_wrap .bx_dropdown .dropdown_content{display:none;position:absolute;right:0;left:10px;width:calc(100% - 20px);margin-top:4px;padding:8px 0;border:1px solid #ccc;background:#fff;border-radius:4px;box-shadow:3px 3px 10px 0px rgba(0, 0, 0, 0.10), 10px 14px 17px 0px rgba(0, 0, 0, 0.09), 23px 31px 23px 0px rgba(0, 0, 0, 0.05), 42px 56px 28px 0px rgba(0, 0, 0, 0.01), 65px 87px 30px 0px rgba(0, 0, 0, 0.00);box-sizing:border-box;z-index:20}
.bx_dropdown .dropdown_content .btn_option{display:block;width:100%;height:32px;padding:8px 14px;font-size:11px;text-align:left;background:transparent}
.bx_dropdown .dropdown_content .btn_option:hover{background:#fff3eb}
.bx_dropdown .dropdown_content .dropdown_inner{margin:6px 0;padding:0 10px}
.bx_dropdown .dropdown_content .dropdown_inner em{font-style:normal;font-weight:bold}
.bx_dropdown .dropdown_content .dropdown_inner .no_result{display:flex;justify-content:center;align-items:center;height:88px;margin-top:12px}
.bx_dropdown .dropdown_content .dropdown_inner .no_result > p{color:#888}
.bx_dropdown .dropdown_content .btn_wrap{display:flex;justify-content:center;padding:0 16px}
.bx_dropdown .dropdown_content .set_list{min-height:84px;max-height:144px;margin:12px -7px 0 0;padding-right:7px;overflow-y:auto}
.set_list > li{margin-bottom:4px}
.set_list > li:last-child{margin-bottom:0}
.set_list .inp_wrap{display:block;position:relative}
.set_list .inp_set{width:100%;height:24px;padding:4px 46px 4px 8px;border:1px solid #ccc;font-size:12.5px;background:#fff;border-radius:4px;box-sizing:border-box;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.set_list .inp_wrap .btn_options{display:none;position:absolute;top:50%;right:8px;transform:translateY(-50%);z-index:20}
.set_list .inp_wrap:hover .btn_options{display:block} 
.set_list .inp_set:hover{cursor:pointer;box-shadow:0 0 11px rgba(33,33,33,.2)}
.set_list .inp_set:focus{border-color:#f58220;outline:none;cursor:text;}
.set_list .inp_set.selected{font-weight:bold;color:#f26522}
.set_list .inp_set.selected ~ .ico_selected{display:block}
.set_list .inp_set.error{border:1px solid #f6383d;background:#ffebed}
.set_list.scrl_custom::-webkit-scrollbar{width:4px;height:4px;background:#fff;border-radius:4px}
.set_list.scrl_custom::-webkit-scrollbar-thumb{background:#d9d9d9;border-radius:4px}
.layer_highlight_wrap .bx_switch{margin-top:8px}
.layer_highlight_wrap .inp_switch{display:flex;align-items:center;position:relative;font-size:12px;cursor:default}
.layer_highlight_wrap .inp_switch + .inp_switch{margin-left:6px}
.layer_highlight_wrap .inp_switch label{display:block;position:relative;width:36px;height:16px;padding:2px 4px 2px 12px;margin-left:4px;border:1px solid #ccc;font-size:8px;font-weight:bold;color:#4c4c4c;line-height:1.4;text-align:right;border-radius:16px;box-sizing:border-box;transition:all 0.4s}
.layer_highlight_wrap .inp_switch label:after{content:"";position:absolute;top:1px;left:1px;width:10px;height:10px;border:1px solid #999;background:#d9d9d9;border-radius:50%}
.layer_highlight_wrap .inp_switch .chk_switch:checked + label{padding-right:12px;padding-left:4px;text-align:left;transition:all 0.4s}
.layer_highlight_wrap .inp_switch .chk_switch:checked + label:after{content:"";right:1px;left:auto;border-color:#f3981f;background:#ffe6d5}
.layer_highlight_wrap .inp_switch .arrowBox_top_right.switch_tooltip{display:none;top:26px;right:-102px;padding:14px;border-color:#f26522;border-radius:6px;box-sizing:border-box}
.layer_highlight_wrap .inp_switch label[for="switch02"]:hover + .arrowBox_top_right.switch_tooltip,
.layer_highlight_wrap .inp_switch label[for="switch04"]:hover + .arrowBox_top_right.switch_tooltip{display:block;width:290px}
.layer_highlight_wrap .inp_switch label[for="switch02"]:hover + .arrowBox_top_right:before,
.layer_highlight_wrap .inp_switch label[for="switch04"]:hover + .arrowBox_top_right:before{right:34%;border-bottom-color:#f26522}
.layer_highlight_wrap .inp_switch label[for="switch04"]:hover + .arrowBox_top_right:before{right:38%}
.layer_highlight_wrap .inp_switch label[for="switch02"]:hover + .arrowBox_top_right:after{right:34%}
.layer_highlight_wrap .inp_switch label[for="switch04"]:hover + .arrowBox_top_right:after{right:38%}
.layer_highlight_wrap .inp_switch input[type="checkbox"], .layer_highlight_wrap .inp_palette input[type="checkbox"]{position:absolute;left:-9999px;-webkit-appearance:none;appearance:none}
.layer_highlight_wrap .highlight_body{position:relative;padding:0 10px 8px}
.highlight_body .keyword_wrap{max-height:168px;padding-right:6px;text-align:left;overflow-y:auto}
.layer_highlight_wrap .scrl_custom::-webkit-scrollbar{width:6px;height:6px;background:#fff;border-radius:6px}
.layer_highlight_wrap .scrl_custom::-webkit-scrollbar-thumb{background:#d9d9d9;border-radius:6px}
.keyword_wrap > li{margin-bottom:4px}
.keyword_wrap > li:last-child{margin-bottom:0}
.keyword_wrap .bx_keyword{display:flex;align-items:center;justify-content:space-between;position:relative;height:30px;border:1px solid #ccc;font-size:11px;color:#4c4c4c;background:#fff;border-radius:6px;box-sizing:border-box}
.keyword_wrap .bx_keyword .hl_dnd{display:flex;align-items:center;width:85%;height:100%;padding:2px 4px;box-sizing:border-box;cursor:grab}
.layer_highlight_wrap.horizontal .keyword_wrap .bx_keyword .hl_dnd{width:75%}
.layer_highlight_wrap .bx_keyword .hl_keyword_wrap{display:flex;align-items:center;width:100%;height:18px}
.arrowBox_top_left.layer_tooltip_keyword{display:none}
.bx_keyword .btn_palette{padding:0;background:transparent}
.bx_keyword .btn_palette .bg_color{display:block;position:relative;width:14px;height:22px;font-size:11px;line-height:22px;border-radius:4px}
.bx_keyword .btn_palette:hover .bg_color, .bx_keyword .btn_palette:hover .font_color{box-shadow:0px 0px 1px 0px rgba(0, 0, 0, 0.20), 1px 1px 2px 0px rgba(0, 0, 0, 0.17), 1px 3px 3px 0px rgba(0, 0, 0, 0.10), 4px 4px 3px 0px rgba(0, 0, 0, 0.03), 7px 7px 3px 0px rgba(0, 0, 0, 0.00)}
.bx_keyword .btn_palette .font_color{display:block;position:relative;width:14px;height:22px;border:1px solid #ccc;font-size:11px;font-weight:bold;line-height:20px;background:#fff;border-radius:4px;box-sizing:border-box}
.bx_keyword .btn_palette.off .bg_color:after{content:"";display:block;position:absolute;top:0;right:7px;width:2px;height:22px;background:#fff;border-radius:2px;transform:rotate(-28deg);z-index:11}
.bx_keyword .btn_palette.off .font_color:after{content:"";display:block;position:absolute;top:0;right:6px;width:2px;height:22px;background:#fff;border-radius:2px;transform:rotate(-28deg);z-index:11}
span[class*="palette_color"]{padding:0 3px;font-weight:bold;vertical-align:baseline}
span[class*="palette_color"].bg_color{padding:0}
.palette_color01{color:#fe4962;background:#ffc4c4}
.palette_color02{color:#6e19b0;background:#d1bbf4}
.palette_color03{color:#d72a2a;background:#f1b68c}
.palette_color04{color:#096a69;background:#a7d7d7}
.palette_color05{color:#ef5e13;background:#fed77e}
.palette_color06{color:#fff;background:#caa1cb}
.palette_color07{color:#fff;background:#fea970}
.palette_color08{color:#5aa532;background:#edf3c3}
.palette_color09{color:#4156d6;background:#7ebbfe}
.palette_color10{color:#00796e;background:#6acd94}
.palette_color11{color:#c41c13;background:#f2a0a4}
.palette_color12{color:#fff;background:#f0898c}
.palette_color13{color:#885500;background:#fcd99f}
.palette_color14{color:#3f2c24;background:#c3d5bd}
.palette_color15{color:#ff2fac;background:#bac7ce}
.palette_color16{color:#fbff2e;background:#b3b4d2}
.palette_color17{color:#8e055f;background:#dfb9d2}
.palette_color18{color:#0e3638;background:#b7ddc8}
.palette_color19{color:#ff5a28;background:#b7e0d8}
.palette_color20{color:#263e40;background:#67c8ce}
.palette_color21{color:#3e9790;background:#cdd7c7}
.palette_color22{color:#abfffc;background:#16a7a2}
.palette_color23{color:#fdfdfd;background:#3c7b80}
.palette_color24{color:#f5f5dc;background:#669863}
.palette_color25{color:#a535e2;background:#cbda73}
.palette_color26{color:#f17f44;background:#f9d9ca}
.palette_color27{color:#fd2323;background:#fec3c5}
.palette_color28{color:#d942de;background:#fdd2ce}
.palette_color29{color:#512d03;background:#fda5a6}
.palette_color30{color:#fbff2e;background:#ea5a4f}
.palette_color31{color:#c01cf6;background:#dac2ff}
.palette_color32{color:#428efc;background:#ffe390}
.palette_color33{color:#3c2782;background:#d9fa67}
.palette_color34{color:#096a69;background:#92ffe9}
.palette_color35{color:#a535e2;background:#ffc9e5}
.palette_color36{color:#5782fd;background:#c8e7fb}
.palette_color37{color:#fff;background:#00d8b7}
.palette_color38{color:#75126f;background:#ff7cc0}
.palette_color39{color:#754915;background:#c7b299}
.palette_color40{color:#fff;background:#84a7ff}
.bx_keyword .inp_keyword{width:100%;height:16px;margin-left:1px;padding:0 2px;border:1px solid transparent;font-size:12.5px;color:#4c4c4c;background:#fff;box-sizing:border-box;word-break:break-all;cursor:text;overflow:hidden}
.bx_keyword textarea.inp_keyword{display:none}
.bx_keyword .inp_keyword:focus{position:absolute;width:154px;top:4px;left:20px;height:auto;max-height:85px;padding:2px;border:1px solid #777;line-height:14px;overflow-y:auto;outline:none;z-index:12}
.bx_keyword .inp_keyword:focus::-webkit-scrollbar{width:6px;height:6px;background:#fff;border-radius:6px;cursor:default}
.bx_keyword .inp_keyword:focus::-webkit-scrollbar-thumb{background:#d9d9d9;border-radius:6px;cursor:default}
.bx_keyword .inp_keyword.spread.is_max{border-color:#f6383d}
.bx_keyword .inp_keyword.spread.change_pos{top:auto;bottom:3px}
.bx_keyword .keyword_num{margin-right:4px}
.bx_keyword .keyword_num em{font-style:normal}
.layer_highlight_wrap .highlight_btm{display:flex;align-items:center;justify-content:center;position:absolute;bottom:0;left:0;width:100%;height:5px}
.layer_highlight_wrap .highlight_btm .btn_resize{width:100%;height:5px;cursor:n-resize}
.layer_highlight_wrap .layer_color_palette{display:none;position:absolute;top:0;left:-220px;width:228px;padding:12px 10px;background:#fff;border-radius:4px;box-shadow:3px 3px 10px 0px rgba(0, 0, 0, 0.10), 10px 14px 17px 0px rgba(0, 0, 0, 0.09), 23px 31px 23px 0px rgba(0, 0, 0, 0.05), 42px 56px 28px 0px rgba(0, 0, 0, 0.01), 65px 87px 30px 0px rgba(0, 0, 0, 0.00);box-sizing:border-box;z-index:20}
.layer_highlight_wrap .layer_color_palette .title{font-size:12px}
.layer_highlight_wrap .bx_palette_color{margin:6px 0 8px}
.layer_highlight_wrap .inp_palette{display:block;position:relative;margin-top:4px}
.layer_highlight_wrap .inp_palette label{display:block;position:relative;height:16px;padding-left:16px;font-size:8px;font-weight:bold;color:#4c4c4c;line-height:16px}
.layer_highlight_wrap .inp_palette .chk_switch02 + label:after{content:"";position:absolute;top:0;left:0;width:16px;height:16px;background-image:url(../image/btn/WG_btn_v2.png);background-repeat:no-repeat;background-position:-169px -109px} 
.layer_highlight_wrap .inp_palette .chk_switch02:checked + label:after{background-position:-121px -109px}
.layer_highlight_wrap .bx_palette_color .row{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}
.layer_highlight_wrap .bx_palette_color > .row:last-of-type{margin-bottom:0}
.layer_highlight_wrap .inp_radio_color{position:relative;margin-right:5px}
.layer_highlight_wrap .inp_radio_color .inp_radio{display:block;width:16px;height:16px;border-radius:50%;-webkit-appearance:none;appearance:none}
.layer_highlight_wrap .inp_radio_color .inp_radio:focus{outline:none}
.layer_highlight_wrap .inp_radio_color .inp_radio:checked{border:1px solid #0000ff;box-shadow:1px 2px 2px 1px rgba(0,0,0,0.24)}
.layer_highlight_wrap .row > .inp_radio_color:last-of-type{margin-right:0}
.layer_highlight_wrap .inp_radio_color.hlBg .hl_font_color{position:absolute;top:2px;left:3px;width:10px;height:10px;font-size:10px;font-weight:bold;text-align:center;border-radius:50%}
.layer_highlight_wrap .bx_font_color .row{display:flex;align-items:center;justify-content:space-between}
.layer_highlight_wrap .inp_radio_color.font .inp_radio{position:absolute;left:-9999px;border-radius:0}
.layer_highlight_wrap .inp_radio_color.font label{display:block;position:relative;width:16px;height:16px;font-size:11px;font-weight:bold;text-align:center}
.layer_highlight_wrap .inp_radio_color.font .inp_radio:checked + label:after{content:"";display:block;position:absolute;top:-2px;left:0;width:16px;height:17px;border:1px solid #108ce6;border-radius:50%;box-shadow:1px 2px 2px 1px rgba(0,0,0,0.24);box-sizing:border-box}
.layer_highlight_wrap .inp_radio_color.used .inp_radio {color: #fff;background: #ddd;cursor: no-drop;}
.layer_highlight_wrap .inp_radio_color.used label {color: #fff;background: #ddd;border-radius: 50%;cursor: no-drop;}
[class*="highlight_fc"]{font-weight:bold}
.highlight_fc01{color:#f0008e}
.highlight_fc02{color:#1792fa}
.highlight_fc03{color:#c01cf6}
.highlight_fc04{color:#15dcdf}
.highlight_fc05{color:#00c625}
.highlight_fc06{color:#fd2323}
.highlight_fc07{color:#238880}
.highlight_fc08{color:#eac400}
.highlight_fc09{color:#a43600}
.highlight_fc10{color:#0808ff}
.layer_highlight_wrap.horizontal{display:none;width:800px;height:auto !important}
.layer_highlight_wrap.horizontal .highlight_head{display:flex;align-items:center;padding:6px 10px 8px;cursor:move}
.layer_highlight_wrap.horizontal .bx_flex_end{top:6px}
.layer_highlight_wrap.horizontal .bx_flex.util{cursor:default}
.layer_highlight_wrap.horizontal .bx_flex.util .bx_dropdown,
.layer_highlight_wrap.horizontal .bx_flex.util .bx_switch{margin-top:0}
.layer_highlight_wrap.horizontal .bx_dropdown .dropdown_content{left:112px;width:240px}
.layer_highlight_wrap.horizontal .bx_dropdown{width:170px;margin-left:10px}
.layer_highlight_wrap.horizontal .bx_dropdown .btn_dropdown{padding:4px 28px 4px 8px}
.layer_highlight_wrap.horizontal .bx_dropdown .btn_dropdown:after{right:2px}
.layer_highlight_wrap.horizontal .bx_switch{margin-left:10px}
.layer_highlight_wrap.horizontal .bx_switch > .inp_switch:last-of-type{margin-left:8px;padding-left:8px}
.layer_highlight_wrap.horizontal .bx_switch > .inp_switch:last-of-type:before{content:"";position:absolute;top:0;left:0;width:1px;height:100%;background-color:#ccc}
.layer_highlight_wrap.horizontal .bx_switch > .bx_flex{margin-left:10px}
.layer_highlight_wrap.horizontal .highlight_body{padding:0 10px 6px}
.layer_highlight_wrap.horizontal .keyword_list{max-width:1520px;max-height:76px;overflow:hidden}
.layer_highlight_wrap.horizontal .keyword_list.sc_auto{overflow:auto}
.layer_highlight_wrap.horizontal .keyword_list::-webkit-scrollbar{width:18px;height:18px;border-radius:16px}
.layer_highlight_wrap.horizontal .keyword_list::-webkit-scrollbar-thumb{border:6px solid #fff;background:#d9d9d9;border-radius:16px}
.layer_highlight_wrap.horizontal .keyword_list::-webkit-scrollbar-track{background:#fff;border-radius:16px}
.layer_highlight_wrap.horizontal .keyword_wrap{display:flex;flex-flow: wrap;align-items:center;max-width:1520px;padding-right:0;overflow:visible;overflow-x:hidden}
.layer_highlight_wrap.horizontal .keyword_wrap > li{width:144px;margin-right:4px}
.layer_highlight_wrap.horizontal .keyword_wrap > li:last-child{margin-right:0;margin-bottom:4px}
.layer_highlight_wrap.horizontal .keyword_wrap .bx_keyword{min-width:144px}
.layer_highlight_wrap.horizontal .bx_keyword .hl_keyword_wrap:focus-within{position:absolute;top:3px;left:20px;width:auto;min-width:102px;max-width:270px;max-height:32px;height:22px;padding:0 2px;border:1px solid #777;background:#fff;box-sizing:border-box;z-index:99}
.layer_highlight_wrap.horizontal .bx_keyword .hl_keyword_wrap.change_pos{right:20px;left:auto;min-width:102px;max-width:270px}
.layer_highlight_wrap.horizontal .bx_keyword .hl_keyword_wrap .keyword_num{height:20px;margin-right:0;line-height:20px;background:#fff}
.layer_highlight_wrap.horizontal .bx_keyword .inp_keyword::-webkit-scrollbar{height:4px;border-radius:4px}
.layer_highlight_wrap.horizontal .bx_keyword .inp_keyword::-webkit-scrollbar-thumb{background:#d9d9d9;border-radius:4px}
.layer_highlight_wrap.horizontal .bx_keyword .inp_keyword::-webkit-scrollbar-track{background:#fff;border-radius:4px}
.layer_highlight_wrap.horizontal .bx_keyword .inp_keyword:focus{position:static;width:auto;min-width:64px;max-width:418px;max-height:32px;height:20px;padding:0;margin-right:10px;border:none;line-height:20px;white-space:nowrap;overflow-x:auto;overflow-y:hidden}
.layer_highlight_wrap.horizontal .arrowBox_top_left.layer_tooltip_keyword{top:40px;left:36px;padding:4px;font-size:11px}
.layer_highlight_wrap.horizontal .horizontal_resize{display:flex;align-items:center;position:absolute;top:0;right:0;width:5px;height:100%}
.layer_highlight_wrap.horizontal .horizontal_resize button{width:5px;height:100%;cursor: e-resize;}
.layer_highlight_wrap.horizontal .horizontal_resize_left{display:flex;align-items:center;position:absolute;top:0;left:0;width:5px;height:100%}
.layer_highlight_wrap.horizontal .horizontal_resize_left button{width:5px;height:100px;cursor: e-resize;}
.layer_highlight_wrap.horizontal .highlight_btm .bx_flex.center{margin-top:0}  
.layer_highlight_wrap .highlight_btm .arrowBox_top_right.layer_tooltip_resize{display:none}
.layer_highlight_wrap.vertical .highlight_btm .btn_resize:hover + .arrowBox_top_right.layer_tooltip_resize{display:block;top:38px;left:50%;margin-left:-54px;padding:4px;font-size:11px;transform:translateX(-50%)}
.layer_highlight_wrap.horizontal .highlight_btm .btn_resize:hover + .arrowBox_top_right.layer_tooltip_resize{display:block;top:24px;left:50%;margin-left:-45px;padding:4px;font-size:11px;transform:translateX(-50%)}