@charset "UTF-8";
article,aside,canvas,details,figcaption,figure, footer,header,hgroup,menu,nav,section,summary { 
    display:block\9;
}
*{margin:0; padding:0; vertical-align:top;}
dl,ul,ol,menu,li {list-style:none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;}
.blind, legend, caption{display:block; *display:none; overflow:hidden; position:absolute; top:0; left:-1000em}
/*.blind, legend, hr, caption{display:block; overflow:hidden; position:absolute; top:0; left:-1000em}*/
em, address{/*font-style:normal; font-weight:normal;*/}
fieldset,img{border:0 none;}
button {border:0 none; background-color:transparent; cursor:pointer;}
input,select,textarea,button {vertical-align:middle;}
address,caption,cite,code,dfn,em,var {font-style:normal; font-weight:normal;}

html, body {width:100%; height:100%; background:#fff;}
body,th,td,input,select,textarea,button { font-family:"Arial", "MS Gothic", "Tahoma", "Dotum", sans-serif, serif; color:#4c4c4c; -webkit-text-size-adjust:none; font-size:12px;} /*color값은 디자인가이드에 맞게사용 */

a{vertical-align:top; text-decoration:none;}
a {color:#0255a5; text-decoration:none;}
a:active, a:hover {text-decoration:underline;}

button:focus{outline:none;}

/*스킵네비게이션 */
#wipsindex {position:absolute; overflow:hidden; left:-9999px; width:0; height:1px; margin:0; padding:0;}  

.ir_pm {display:block; overflow:hidden; font-size:0px; line-height:0; text-indent:-9999px;} /* 사용된 이미지내 의미있는 텍스트의 대체텍스트를 제공할때 */
.ir_wa {display:block; overflow:hidden; position:relative; width:100%; height:100%; z-index:-1;} /* 중요한 이미지 대체텍스트로 이미지off시에도 대체 텍스트를 보여주고자 할때 */

.screen_out{display:none; overflow:hidden; position:absolute; left:-9999px; width:1px; height:1px; font-size:0; line-height:0; text-indent:-9999px;}/* 대체텍스트가 아닌 접근성을 위한 숨김텍스트를 제공할때 */
.screen_hide{overflow:hidden; position:absolute; text-indent:-9999px; width:0; height:0; font-size:0; line-height:0;} /* screen_out클래스를 사용할 수 없으며, 해당 텍스트를 숨겨야 할때 */

/* 초기화 */
.clearfix{clear:both; width:0; height:0; font-size:0; line-height:0;}/* common_style Class clearfix의 기능 */
.clear{clear:both;}
.show {display:block !important;}
.hide{display:none;}
.tb_reset {border-collapse:collapse; border-spacing: 0;} /* 테이블 초기화 */

/* 정렬 */
.float_l{float:left}
.float_il{float:left !important;}
.float_r{float:right}
.float_in{float:none !important;}
.position_r{position:relative;}
.position_r_ie7s{position:relative; *position:static;}
.position_f{position:fixed;}

.disp_b{display:block;}
.disp_ib{display:inline-block;}
.disp_ib_ie7{display:inline-block; *display:inline; *zoom:1;}
.disp_iib{display:inline-block !important;}
.disp_iib_ie7{display:inline-block !important; *display:inline !important; *zoom:1 !important;}
.dis_iflex{display: inline-flex;}
.dis_iflex_i{display: inline-flex !important;}

.scroll_auto{overflow:auto;}
.scroll_none{overflow:hidden !important;}
.scroll_y_fix{overflow-y:scroll; *overflow-y:hidden; overflow-x:auto; *overflow-x:hidden;}

.oneline_width{width:100%; *width:99%}
.oneline_iwidth{width:97% !important;}
.oneline_block{float:left; width:100% !important;}/* 줄바꿈이 필요할경우 한줄로 표현 */

.zindex_9999{z-index:9999 !important;}
.zindex_10000{z-index:10000 !important;}

/* text 자동 줄 바꿈 */
.text_wrap{
word-wrap: break-word; /* IE */
word-break:break-all;
white-space: pre-wrap; /* css-3 */
white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
}
.text_wrap2{
white-space: pre-wrap; /* css-3 */
white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
}

/* 마우스커서 */
.cursor_default{cursor:default !important;}
.cursor_pointer{cursor:pointer !important;}

/* background Color */
.page_backcolor_step1{background:#405176}
.page_backcolor_step1_text{color:#009865}
.select_step_leftline, .select_compareviewdoc_leftline, .select_fmlylegal_leftline{border-left:3px solid #009865 !important; color:#4c4c4c !important;}/* TOC스텝/비교보기/패밀리법적상태 선택항목 */
.select_step_leftline a, .select_compareviewdoc_leftline a, .select_fmlylegal_leftline a{color:#4c4c4c !important;}

//* Font Size */
.font_size_9{font-size:9px;}
.font_size_10{font-size:10px;}
.font_size_11{font-size:11px;}
.font_size_i11{font-size:11px !important;}
.font_size_12{font-size:12px;}
.font_size_13{font-size:13px;}
.font_size_14{font-size:14px;}
.font_size_15{font-size:15px;}
.font_size_17{font-size:17px;}
.font_size_18{font-size:18px;}
.font_size_19{font-size:19px;}
.font_size_20{font-size:20px;}
.font_size_45{font-size:45px;}

/* Font Color */
.font_color_green{color:#003680;}
.font_color_green2{color:#224097;}
.font_color_green3{color:#3ab54d;}
.font_color_green4{color:#6379cb;}
.font_color_green5{color:#4a5db1;}
.font_color_green6{color:#445b96;}
.font_color_green7{color:#546ea9;}
.font_color_green8{color:#003998;}
.font_color_green9{color:#979996;}
.font_color_gray{color:#444;}
.font_color_igray{color:#444 !important;}
.font_color_gray2{color:#999999;}
.font_color_gray3{color:#888888;}
.font_color_gray4{color:#777777;}
.font_color_gray5{color:#666666;}
.font_color_gray6{color:#555555;}
.font_color_orange{color:#fe771b;}
.font_color_orange2{color:#f36422;}
.font_color_orange3{color:#f6821f;}
.font_color_orange4{color:#fe771b;}
.font_color_orange5{color:#ff6c00;}
.font_color_white{color:#ffffff;}
.font_color_red{color:#f8363e;}
.font_color_red2{color:#ff0101;}
.font_color_blue{color:#026fff;}
.font_color_blue2{color:#446eb6;}
.font_color_blue3{color:#3e7fd3;}
.font_color_blue4{color:#0055a5;}
.font_color_blue5{color:#0140cb;}
.font_color_blue6{color:#2eafe9;}
.font_color_blue7{color:#3e5273;}
.font_color_blue8{color:#0355a7;}
.font_color_purple{color:#733c97;}
.font_color_f43a3f{color:#f43a3f;}
.font_color_black{color:#000000;}
.wg_font_color_orange{color:#f58220;}
.wg_font_color_orange2{color:#ff761b;}
.font_color_333{color:#333333 !important;}
.font_color_555{color:#555555 !important;}
.font_color_666{color:#666666 !important;}
.font_color_777{color:#777777 !important;}
.font_color_888{color:#888888 !important;}
.font_color_999{color:#999999 !important;}
.font_color_ccc{color:#cccccc !important;}
.font_color_4c{color:#4c4c4c !important;}
.font_color_a6 { color:#a6a6a6 !important; }
.font_color_c9 { color:#c9c9c9 !important; }

/* Font type */
.font_type_bold{font-weight:bold;}
.font_type_ibold{font-weight:bold !important;}
.font_type_normal{font-weight:normal !important;}
.font_type_italic{font-style:italic;}
.font_type_underline{text-decoration:underline}

/* Font align */
.font_align_center{text-align:center !important;}
.font_align_left{text-align:left !important;}
.font_align_right{text-align:right !important;}
.font_align_justify{text-align:justify !important;}

.font_valign_top{vertical-align:top !important;}
.font_valign_middle{vertical-align:middle;}
.font_valign_bottom{vertical-align:bottom !important;}

.font_valign_00{vertical-align:0px;}

/* Text space */
.letter_spacing_05{letter-spacing:-0.05em;}
.letter_spacing_03{letter-spacing:-0.03em;}
.letter_spacing_01{letter-spacing:-0.01em;}
.letter_spacing_i03{letter-spacing:-0.03em !important;}

/* line-height */
.line_height_12{line-height:12px;}
.line_height_i12{line-height:12px  !important;}
.line_height_13{line-height:13px;}
.line_height_i13{line-height:13px !important;}
.line_height_14{line-height:14px;}
.line_height_i14{line-height:14px !important;}
.line_height_15{line-height:15px;}
.line_height_i15{line-height:15px !important;}
.line_height_i16{line-height:16px !important;}
.line_height_i17{line-height:17px !important;}
.line_height_18{line-height:18px;}
.line_height_19{line-height:19px;}
.line_height_i20{line-height:20px !important;}
.line_height_21{line-height:21px;}
.line_height_23{line-height:23px;}
.line_height_25{line-height:25px;}
.line_height_i25{line-height:25px !important;}
.line_height_28{line-height:28px;}
.line_height_30{line-height:30px;}
.line_height_i40{line-height:40px !important;;}

/* space */
.padd_reset{padding:0 !important;}
.padd_bottom_0{padding-bottom:0 !important;}
.padd_bottom_03{padding-bottom:3px;}
.padd_bottom_05{padding-bottom:5px;}
.padd_bottom_10{padding-bottom:10px;}
.padd_bottom_15{padding-bottom:15px;}
.padd_bottom_i15{padding-bottom:15px !important;}
.padd_bottom_20{padding-bottom:20px;}
.padd_bottom_i20{padding-bottom:20px !important;}
.padd_bottom_30{padding-bottom:30px;}
.padd_bottom_40{padding-bottom:40px;}
.padd_top_01{padding-top:1px;}
.padd_top_02{padding-top:2px;}
.padd_top_03{padding-top:3px;}
.padd_top_05{padding-top:5px;}
.padd_top_07{padding-top:7px;}
.padd_top_10{padding-top:10px;}
.padd_top_i12{padding-top:12px !important;}
.padd_top_15{padding-top:15px;}
.padd_top_20{padding-top:20px;}
.padd_top_25{padding-top:25px !important;}
.padd_top_30{padding-top:30px;}
.padd_top_40{padding-top:40px;}
.padd_right_03{padding-right:3px;}
.padd_right_05{padding-right:5px;}
.padd_right_10{padding-right:10px;}
.padd_right_20{padding-right:20px;}
.padd_left_02{padding-left:2px;}
.padd_left_03{padding-left:3px;}
.padd_left_05{padding-left:5px;}
.padd_left_07{padding-left:7px;}
.padd_left_09{padding-left:9px;}
.padd_left_10{padding-left:10px;}
.padd_left_14{padding-left:14px;}
.padd_left_15{padding-left:15px;}
.padd_left_20{padding-left:20px !important;}
.padd_left_22{padding-left:22px;}
.padd_left_25{padding-left:25px;}
.padd_left_30{padding-left:30px;}
.padd_left_50{padding-left:50px;}
.padd_left_70{padding-left:70px;}
.padd_left_80{padding-left:80px;}
.padd_left_160{padding-left:160px;}
.padd_left_240{padding-left:240px;}

.padd_05{padding:5px;}
.padd_07{padding:7px;}
.padd_10{padding:10px;}
.padd_15{padding:15px;}
.padd_20{padding:20px;}

/* margin _minus*/
.marg_top_m1{margin-top:-1px;}
.marg_top_m2{margin-top:-2px;}
.marg_top_m3{margin-top:-3px;}
.marg_top_m4{margin-top:-4px;}
.marg_top_m5{margin-top:-5px;}
.marg_top_m7{margin-top:-7px;}
.marg_top_m8{margin-top:-8px;}
.marg_top_m9{margin-top:-9px;}
.marg_top_m10{margin-top:-10px;}
.marg_top_m13{margin-top:-13px;}

.marg_left_m20{margin-left:-20px;}
.marg_left_m10{margin-left:-10px;}
.marg_left_m15{margin-left:-15px;}

.margin_reset{margin:0px !important;}
.marg_auto{margin:auto;}
.marg_right_0{margin-right:0px !important;}
.marg_right_m4{margin-right:-4px;}
.marg_right_01{margin-right:1px;}
.marg_right_02{margin-right:2px;}
.marg_right_03{margin-right:3px;}
.marg_right_04{margin-right:4px;}
.marg_right_05{margin-right:5px;}
.marg_right_08{margin-right:8px !important;}
.marg_right_10{margin-right:10px;}
.marg_right_15{margin-right:15px;}
.marg_right_20{margin-right:20px;}
.marg_right_22{margin-right:22px;}
.marg_right_25{margin-right:25px;}
.marg_right_i20{margin-right:20px !important;}
.marg_right_30{margin-right:30px;}
.marg_right_40{margin-right:40px;}
.marg_right_50{margin-right:50px;}
.marg_right_60{margin-right:60px;}
.marg_right_68{margin-right:68px;}
.marg_right_120{margin-right:120px;}
.marg_left_m1{margin-left:-1px;}
.marg_left_m2{margin-left:-2px;}
.marg_left_03{margin-left:3px;}
.marg_left_05{margin-left:5px;}
.marg_left_i05{margin-left:5px !important;}
.marg_left_07{margin-left:7px;}
.marg_left_08{margin-left:8px;}
.marg_left_09{margin-left:9px;}
.marg_left_10{margin-left:10px;}
.marg_left_15{margin-left:15px;}
.marg_left_19{margin-left:19px;}
.marg_left_20{margin-left:20px;}
.marg_left_i20{margin-left:20px !important;}
.marg_left_22{margin-left:22px;}
.marg_left_25{margin-left:25px;}
.marg_left_30{margin-left:30px;}
.marg_left_35{margin-left:35px;}
.marg_left_40{margin-left:40px;}
.marg_left_50{margin-left:50px;}
.marg_left_70{margin-left:70px;}
.marg_left_m20{margin-left:-20px;}
.marg_left_m10{margin-left:-10px;}
.marg_left_m15{margin-left:-15px;}
.marg_top_m1{margin-top:-1px;}
.marg_top_m2{margin-top:-2px;}
.marg_top_im2{margin-top:-2px !important;}
.marg_top_m3{margin-top:-3px;}
.marg_top_m4{margin-top:-4px;}
.marg_top_m5{margin-top:-5px;}
.marg_top_im5{margin-top:-5px !important;}
.marg_top_im20{margin-top:-20px !important;}
.marg_top_01{margin-top:1px;}
.marg_top_02{margin-top:2px;}
.marg_top_03{margin-top:3px;}
.marg_top_i03{margin-top:3px !important;}
.marg_top_04{margin-top:4px}
.marg_top_05{margin-top:5px !important;}
.marg_top_06{margin-top:6px;}
.marg_top_07{margin-top:7px !important;}
.marg_top_08{margin-top:8px;}
.marg_top_i08{margin-top:8px !important;}
.marg_top_09{margin-top:9px;}
.marg_top_10{margin-top:10px !important;}
.marg_top_15{margin-top:15px !important;}
.marg_top_20{margin-top:20px !important;}
.marg_top_m20{margin-top:-20px !important;}
.marg_top_22{margin-top:22px;}
.marg_top_i22{margin-top:22px !important;}
.marg_top_25{margin-top:25px;}
.marg_top_i25{margin-top:25px !important;}
.marg_top_30{margin-top:30px;}
.marg_top_35{margin-top:35px !important;}
.marg_top_40{margin-top:40px !important;}
.marg_top_50{margin-top:50px;}
.marg_top_60{margin-top:60px;}
.marg_top_70{margin-top:70px;}
.marg_top_100{margin-top:100px;}
.marg_top_0{margin-top:0px !important;}
.marg_top_100{margin-top:100px;}
.marg_top_127{margin-top:127px;}
.marg_top_140{margin-top:140px;}
.marg_top_200{margin-top:200px;}
.marg_bottom_0{margin-bottom:0px !important;}
.marg_bottom_03{margin-bottom:3px;}
.marg_bottom_05{margin-bottom:5px;}
.marg_bottom_07{margin-bottom:7px;}
.marg_bottom_10{margin-bottom:10px;}
.marg_bottom_i10{margin-bottom:10px !important;}
.marg_bottom_15{margin-bottom:15px;}
.marg_bottom_20{margin-bottom:20px;}
.marg_bottom_25{margin-bottom:25px;}
.marg_bottom_30{margin-bottom:30px;}
.marg_bottom_40{margin-bottom:40px;}
.marg_bottom_50{margin-bottom:50px;}
.marg_bottom_55{margin-bottom:55px;}
.marg_bottom_110{margin-bottom:110px;}

.marg_ud_10{margin:10px 0}
.marg_ud_15{margin:15px 0}
.marg_ud_20{margin:20px 0}
.marg_ud_25{margin:25px 0}

/*inline ul정렬*/
.ul_inline{}
.ul_inline li{display:inline-block}
.ul_inline2{width:100%;}
.ul_inline2 li{float:left; position:relative}
.ul_inline_bar{}
.ul_inline_bar li{display:inline-block}
.ul_inline_bar li:after{content:"|"; color:#e0e0e0; padding:0px 3px 0 5px;}
.ul_inline_bar li:last-child:after{content:none; color:#e0e0e0; padding:0px 0px 0 5px;}

.border_radius_02{border-radius:2px}

.a_under_i{text-decoration: underline !important;}
.a_under_ib{text-decoration: underline !important; font-weight:bold}

.imgico_align{vertical-align:baseline}

/* 도움말 링크/위치 */
.ly_his_conblock .btn_help{float:left; margin-top:2px; margin-left:5px;}

.font_bold_hoverUnder{font-weight:bold;}
.font_bold_hoverUnder:hover{text-decoration:underline;}
/*문헌번호선택 레이어팝업*/
.layer_radio_wrap{padding:20px 20px 0 20px;}
.layer_radio_wrap .radio_back{overflow-y:auto; width:100%; max-height:160px; background:#f4f4f4; padding:15px; margin-top:15px; line-height:20px; box-sizing:border-box;}

/*아이프레임 사용관련해서 대응*/
.hidden_data_box{overflow:hidden; visibility:hidden; width:0; height:0;}
.hidden_data_box iframe{width:0; height:0;}

/*위로이동 버튼*/
.warp_btn_toctop{display:none; z-index:999; position:fixed; right:40px; bottom:60px;}
.warp_btn_toctop .btn_toctop{position:relative; width: 31px; height: 30px; background:#ffd092; border-radius:5px; box-shadow:2px 2px 0 rgba(0,0,0,0.15);}
.warp_btn_toctop .btn_toctop:hover{background:#ff8f17;}
.warp_btn_toctop .btn_toctop:before{display:block; position:absolute; width: 15px; height: 17px; content:""; top:7px; left: 8px; background:url('../image/btn/btn_02.png') no-repeat -800px -20px;}
.warp_btn_toctop .btn_toctop:hover:before{background-position-y:-40px;}
.warp_btn_toctop .btn_toctop:focus{outline:none;}

/*줄바꿈 안하기*/
.txt_nobreak{white-space:nowrap;}

/* 형광펜 > 상세보기,이지뷰어,마이폴더,청구항분석,비교보기 */
.highlight_block .wrap_ipt{float:left; position:relative;}
.highlight_block .layer_highlight_add .wrap_ipt{margin-top:4px;}
.highlight_block .wrap_ipt div[class*="highlight_arrbox"] {position:absolute; top:1px; right:19px;}/*pointer-events: none;*/
.highlight_block .wrap_ipt .highlight_iptype{float:left; width:92px; height:24px; padding:0px 15px 0px 5px !important; margin-right:3px; line-height:25px; *line-height:24px; box-sizing:border-box;}
.layer_highlight_add .wrap_ipt .highlight_iptype{margin-top:0px;}
.highlight_block .wrap_ipt button{display:block; width:15px; height:13px; position:absolute; text-indent:-9999px; background-color:transparent; background-image:url('../image/btn/btn_02.png'); background-repeat:no-repeat; background-position-x:-16px;}
.highlight_block .wrap_ipt button:focus{outline:none;}
.highlight_block .wrap_ipt .btn_highlight_up{background-position-y:-726px;}
.highlight_block .wrap_ipt .btn_highlight_dwn{background-position-y:-736px; top:10px;}
.highlight_block .wrap_ipt.no_data .btn_highlight_up{background-position-y:-776px;}
.highlight_block .wrap_ipt.no_data .btn_highlight_dwn{background-position-y:-786px;}
/*형광펜 하이라이트 인덱스 스타일*/
.txt_stronglight{position:relative; z-index:1; padding:0 1px !important; border:2px solid red; line-height: 1 !important; box-sizing:border-box}
span[class*="highlight_text"] {padding:0 3px;}

/*태그를 인식하지 않고 문자로 보여주기 > 이지뷰어, 상세보기 요약 */
xmp {display:inline; font-family:"Arial", "MS Gothic", "Tahoma", "Dotum", sans-serif, serif; color: #4c4c4c;}

/*청구항 내 키워드 별 도면 번호 하이라이팅 > 상세보기,이지뷰어 적용*/
.k_h_n{background:#e5eef7; font-weight:bold;} /*Keyword Highlight Number*/

/* 발명의 설명 단락구분 개선 > 상세보기,이지뷰어,비교보기,대용량 팝업 */
.viewmode p[num], .viewmode p[n],
.float_right_block .slide_wrap.open .drawing_detail_wrap p[num],
.float_right_block .slide_wrap.open .drawing_detail_wrap p[n],
.cv_doc_conblock p[num], .cv_doc_conblock p[n],
.largeData_wrap .con_wrap p[num], .largeData_wrap .con_wrap p[n]{padding:2px 0 7px 0;}

/* bullet */
.bullet{position:relative;padding-left:8px}
.bullet:before{content:"";display:block;position:absolute;top:50%;left:0;width:4px;height:4px;background-color:#555;border-radius:50%;transform:translateY(-50%)}
.bullet_lg{position:relative;padding-left:12px}
.bullet_lg:before{content:"";display:block;position:absolute;top:50%;left:0;width:8px;height:8px;background-color:#555;border-radius:50%;transform:translateY(-50%)}
.bullet.color01:before, .bullet_lg.color01:before{background-color:#f6383d}
.bullet.color02:before, .bullet_lg.color02:before{background-color:#339900}