@charset "utf-8";

/* 기본내용 */
.page_con {overflow:hidden;margin-bottom:40px;min-height:500px}
.page_con h3 {color:#444;font-size:1.1rem;font-weight:500;letter-spacing:-.5px;padding:20px 0 10px}
.page_con h3 a {font-size:.87rem}
.page_con h4 {/*color:#1a5bb1;*/color:#273d5a;font-size:1rem;font-weight:500;letter-spacing:-1.2px;padding:10px 0}
.page_con h4 span {color:#666}
.page_con a > span.h4st {color:#273d5a;font-size:1rem;font-weight:500;letter-spacing:-1.2px;padding:10px 0} /* PPH정개선정책 별도 부제목태그 관리를 위해 추가 */
.page_con a:hover {text-decoration:underline;color:#1a5bb1;}
.page_con a.w_red:hover {color:#1a5bb1!important} /* 산업재산권 등록제도 롤오버추가 */
.page_con a.w_blue1:hover {color:#0c3f61!important} /* 산업재산권 등록제도 롤오버추가 */
p.ct1 {font-size:.87rem;line-height:1.3rem;color:#585858;margin:0 0 10px}
p.ct1 strong {color:#1a5bb1;font-weight:400}
p.ct1 em {color:#3300cc}
p.ct1 .bgr {background:#017398;color:#fff;padding:4px 10px;font-size:.82rem;border-radius:6px}
p.ct2 {font-size:.87rem;line-height:1.2rem;color:#585858;margin:5px 0 10px;position:relative;padding-left:8px}
p.ct2 span {display:block;font-size:.82rem;margin-top:3px}
p.ct2:before {content:"";display:block;position:absolute;left:0;top:8px;width:4px;height:4px;background:#1a5bb1;border-radius:2px}
p.ct2 strong {color:#1a5bb1;font-weight:400}
p.ct3 {font-size:.87rem;line-height:1.2rem;color:#585858;margin:5px 0}
p.ct3 strong {color:#1a5bb1;font-weight:400}
p.ct4 {font-size:.87rem;line-height:1.2rem;color:#585858;margin:5px 0 10px;position:relative;padding-left:8px}
p.ct4:before {content:"-";display:block;position:absolute;left:0;top:-1px}
p.ct5 {font-size:.875rem;color:#1a5bb1;padding:4px 0}
p.ct6 {font-size:.87rem;line-height:1.3rem;color:#585858;margin:0 0 10px}
p.ct6 strong {color:#585858; font-weight:500;}
p.ct6 strong.bl {color:#1a5bb1;font-weight:500}
p.ct7 {font-size:.78rem; line-height:1rem;color:#585858; margin:0 0 5px}
.font_m {font-size: .8rem; font-weight: 400;}


.cimg {text-align:left;padding:16px 0}
.cimg2 {text-align:left;padding:0}
.cimg2 img {width:100%}
.cimg > .im_tit {text-align: center;}
.cbtn {display:none !important}
.g_box {background:#f7f7f7;padding:10px 13px;margin:10px 0 14px}
.g_box em {color:#555}
.b_box {background:#f0f3f8;padding:10px 16px;margin:10px 0 20px;overflow:hidden}
.l_box {background:#fff;padding:20px 16px 5px;margin:5px 0 15px;border:1px solid #e1e1e1}
.line_box {background:#fff;padding:15px;margin:10px 0 0;border:1px solid #e1e1e1}
.line_box a:hover {text-decoration:underline}
.list li {padding-left:0 !important}
.list li:after {display:none !important}

.list_img {overflow:hidden;position:relative;margin:20px 0 30px}
.list_img li {float:left;width:19%;text-align:center;border:1px solid #e1e1e1;border-right:0;font-size:.9rem}
.list_img li:last-of-type {border-right:1px solid #e1e1e1}
.list_img li .s_name {width:100%;background:#f7f7f7;border-bottom:1px solid #e1e1e1;padding:10px 0;margin-bottom:6px}
.list_img li .s_part {margin-top:6px;padding:10px 0;font-size:13px;color:#585858}
.list_img li .s_part span {display:block}


/* 20230704-인공지능과 발명 메뉴 신설 관련 CSS 추가 */
.co_box1 {background:#f0f3f8; padding:20px;}
.co_box2 {background:#f3f3f3; padding:20px;}
.co_t1 {background:#085aa3; color:#fff; padding: 0px 4px 0px 2px; border-radius:3px; font-size: .8rem;}
.co_t2 {background:#047986; color:#fff; padding: 0px 4px 0px 2px; border-radius:3px; font-size: .8rem;}

 /* 20240307-강조할 내용을 넣을 박스 CSS형태 생성(산업재산권 등록제도)  */
.co_box03 {background:#f0f3f8; border-top:1px solid #ccc; border-left:1px solid #ccc; border-right:1px solid #ccc; text-align:center; padding-top:10px;} /* 타이틀용 */
.co_box04 {border:1px solid #ccc; padding: 20px;} /* 본문용 라인만 */

/*청장님프로필 별도 CSS구현 - s*/
.profile_list_01 li { display:table;width:100%; table-layout: fixed;border-bottom: solid 1px #ccc; line-height:1.4rem;color:#585858;font-size:.875rem;}
.profile_list_01 li:nth-child(1) {border-top: 2px solid #1a5bb1;}
.profile_list_01 li .pro_year {display: table-cell;width: 160px;padding: 15px 20px 15px 20px;text-align:center;background-color: #f0f3f8;font-weight: 700;font-size: .87rem;line-height: 1.5;letter-spacing: 0;color:#1a5bb1;}
.profile_list_01 li .pro_desc {display: table-cell;padding: 15px 20px 15px 20px;word-break: keep-all;font-weight: 400;font-size:.87rem;line-height: 1.5;letter-spacing: -0.05em;color: #585858;}

@media (max-width:742px) {
.profile_list_01 li .pro_year {width:100%;}
.profile_list_01 li .pro_year, .profile_list_01 li .pro_desc {display:block;text-align:left;}	
}

/*청장님프로필 별도 CSS구현 - e*/

.list_01 {overflow:hidden;position:relative}
.list_01 li {margin-bottom:6px;line-height:1.4rem;color:#585858;padding-left:9px;position:relative;font-size:.875rem;}
.list_01 li:before {content:"";display:block;position:absolute;left:0;top:10px;width:4px;height:4px;background:#1a5bb1;border-radius:2px}
.list_01 li strong {color:#1556AC;font-weight:400}
.list_01 li em {color:#333}
.list_01 li a:hover {color:#1a5bb1}
.list_01 li span {display:block;font-size:.875rem;margin-top:3px}
.list_01 li .bg_r {background:#005D95;color:#fff;padding:0 4px;font-size:.82rem;border-radius:2px;margin-left:6px;display:inline-block}
.list_01 li .bg_b {background:#0b2266;color:#fff;padding:0 4px;font-size:.82rem;border-radius:2px;margin-left:6px;display:inline-block}

.list50 li {width:48%;float:left;line-height:30px}
.list50 li:before {top:14px}

.wl li {width:23%;float:left;line-height:26px}
.wl li:before {top:12px}

.list_02 {margin-top:7px;margin-bottom:16px;overflow:hidden}
.list_02 li {padding-left:0;margin-bottom:6px;font-size:.87rem;color:#585858;list-style-type:none !important}
.list_02 li:before {display:none}
.list_02 li strong {color:#1a5bb1;font-weight:400}
.list_02 li em {color:#333}
.list_02.w_50 li {width:50%;float:left}

 /* 20240307-강조할 내용을 넣을 박스 CSS형태 생성(산업재산권 등록제도)  */
.list_02 li strong.boldred1 {color:#cd3749;font-weight:600}
.list_02 li span strong.boldred1 {color:#cd3749;font-weight:600}
.list_02 li strong.boldred2 {color:#A51022;font-weight:600}

.list_03 {margin-top:7px;margin-bottom:16px}
.list_03 li {padding-left:9px;position:relative;font-size:.87rem;color:#585858;margin-bottom:6px}
.list_03 li:before {display:none}
.list_03 li:after {content:"-";display:block;position:absolute;left:0;top:-1px}
.list_03 li a:hover {color:#1a5bb1}

.list_04 {margin-top:7px;margin-bottom:16px;margin-left:20px}
.list_04 li {margin:5px 0;position:relative;font-size:.87rem;color:#585858;margin-bottom:10px;list-style-type:decimal;padding:0}
.list_04 li strong {color:#1a5bb1;font-weight:400;margin-right:6px}
.list_04 li:before {display:none}
.list_04 li:after {display:none}
.list_04 li em {color:#333;font-style:normal}

.list_05 {overflow:hidden;position:relative;clear:both}
.list_05 li {padding-left:12px;margin-bottom:6px;font-size:.87rem;color:#585858;position:relative}
.list_05 li:before {display:none}
.list_05 li:after {content:"·";display:block;position:absolute;left:0;top:-6px;font-size:1.3rem}
.list_05 li strong {color:#1a5bb1;font-weight:400}
.list_05 li em {color:#333}
.list_01 li .list_05 {margin-top:5px}
.list_01 li .list_05 li:after {top:0}

.list_05 li a[target="_blank"]::after {content:"";width:11px;height:10px;position:relative;display:inline-block;background: url("../images/ico_blank.png") no-repeat;vertical-align:0px;margin-left:6px}
.list_05 li a:hover {text-decoration:underline}

/* 페이지설명 */
.page_info {position:relative;border:5px solid #e1e1e1;padding:20px;margin-bottom:20px;box-sizing:border-box;border-radius:5px;font-size:.87rem;color:#585858}
.page_info:after {content:'';position:absolute;top:-5px;left:-5px;background:url("../images/info_bg.png") no-repeat;width:55px;height:55px}
.page_info h3 {padding:0 0 8px 0;font-size:1rem;font-weight:500}
.page_info h3 strong {font-weight:500;color:#1a5bb1}
.page_info p {font-size:.87rem;margin-bottom:10px;color:#585858}
.page_info p:last-of-type {margin-bottom:0px}
.page_info .p_info {font-size:13px;color:#585858;margin-bottom:0}
.page_info li {position:relative;margin:6px 0;font-size:.87rem;padding-left:6px;color:#585858}
.page_info li:after {content:'';position:absolute;top:8px;left:0;width:2px;height:2px;background-color:#585858}
.page_info strong {font-weight:400;color:#1a5bb1}
.page_info li .eq {display:inline-block;width:8px;height:10px;font-size:0;background:url("../images/ico_equired.png") no-repeat left 5px;vertical-align:top}
.page_info li p {line-height:normal;margin:2px 0}
.page_info li a:hover {text-decoration:underline}
.page_info .manual {overflow:hidden;border-bottom:1px solid #e0e0e0;padding-bottom:15px;margin-bottom:15px}
.page_info .manual li {width:50%;float:left}
.page_info .manual li a:hover {text-decoration:underline}

/* 검색 */
.defSchWrap {margin-bottom:20px;background:#f7f7f7;padding:20px;position:relative;border-bottom:1px solid #e0e0e0;border-top:1px solid #e0e0e0}
.defSchBox {position:relative;width:100%;margin:0 auto}
.defSchBox .defSch {position:relative;padding:0;text-align:center;overflow:hidden}
.defSchBox .defDate{display:inline-block}
.defSchBox p {font-size:14px;margin-top:5px;text-align:center}
.defSchBox .defSch input[type="text"] {appearance:none;-moz-appearance:none;-webkit-appearance:none;border-radius:0;-webkit-border-radius:0;-moz-border-radius:0}
.defSchBox .defSch input[type="text"] {width:120px;height:35px;font-size:14px;border:1px solid #d9d9d9;text-indent:5px;background:#fff;color:#585858;vertical-align:middle;box-sizing:border-box;padding:0 3px}
.defSchBox .defSch select {appearance:none;-moz-appearance:none;-webkit-appearance:none;border-radius:0;-webkit-border-radius:0;-moz-border-radius:0}
.defSchBox .defSch select {height:35px;padding:0 40px 0 10px;font-size:14px;border:1px solid #d9d9d9;color:#585858;-webkit-appearance:none;-moz-appearance:none;appearance:none;vertical-align:middle;background:url("../images/select.png") no-repeat;background-position:right 7px center;background-color:#fff;box-sizing:border-box}
.defSchBox .defSch input[type="text"].cal {background:url("../images/ico_cal.png") no-repeat;background-position:right 7px center;padding-right:30px;width:120px;background-color:#fff;}
.defSchBox .defSch input[type="text"]::-webkit-input-placeholder {color:#585858;opacity:1}
.defSchBox .defSch input[type="text"]::-moz-placeholder {color:#585858;opacity:1}
.defSchBox .defSch input[type="text"]:-ms-input-placeholder {color:#585858;opacity:1}
.defSchBox .defSch input[type="text"]::-ms-input-placeholder {color:#585858;opacity:1}
.defSchBox .defSch .pop_btn {display:inline-block}
.defSchBox .defSch .nice {display:inline-block;margin-right:10px}
.defSchBox .defSch .nice input[type="text"] {width:80px}
.defSchBox .defSch .nice label {font-size:.87rem;color:#666;line-height:35px;margin-right:5px}
.defSchBox .defSch .nice_btn {display:inline-block;margin-left:-6px}
.defSchBox .defSch .selectBox {}
.w0 {width:inherit !important}
.defSchBox .defSch .tel {font-size:.87rem;color:#666;line-height:35px;margin-right:3px}

/* 게시판 건수 */
.p_cnt {color:#585858;font-size:.87rem;display:block;margin-bottom:10px}
.p_cnt strong {color:#1a5bb1;vertical-align:top}

/* 건별보기 */
.countWrap {color:#585858;font-size:.87rem;display:block;margin-bottom:10px;}
.countBox {position:relative;padding:0;overflow:hidden;display: flex;flex-wrap: wrap;justify-content: space-between;}
.countBox .cnt_sp {padding-top:8px;}
.countBox select {appearance:none;-moz-appearance:none;-webkit-appearance:none;border-radius:0;-webkit-border-radius:0;-moz-border-radius:0}
.countBox select {height:35px;padding:0 40px 0 10px;font-size:14px;border:1px solid #d9d9d9;color:#585858;-webkit-appearance:none;-moz-appearance:none;appearance:none;vertical-align:middle;background:url("../images/select.png") no-repeat;background-position:right 7px center;background-color:#fff;box-sizing:border-box}

/* 게시판 목록 */
.tbl_list {width:100%;border-collapse:collapse;border-top:1px solid #222}
.tbl_list th {color:#222;font-weight:500;background:#fff;border-bottom:1px solid #222;font-size:.87rem}
.tbl_list td {color:#585858;word-break:break-all;border-bottom:1px solid #e1e1e1;font-size:.87rem}
.tbl_list th, .tbl_list td {padding:15px 15px;text-align: center}
.tbl_list tbody td.bbs_tit {text-align:left;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;word-break:normal;max-width:300px}
.tbl_list tbody td.bbs_tit strong {color:#0b2266;font-weight:400}
.tbl_list tbody td a {color:#585858;text-decoration:none}
.tbl_list tbody td a:hover, .tbl_list tbody td a:focus {text-decoration:underline;color:#1a5bb1}
.tbl_list .on {background:#fafafb}
.tbl_list .on a {color:#1a5bb1 !important}

/* 게시판 보기 */
.tbl_view {border-top:1px solid #222;margin-bottom:30px;border-bottom:1px solid #e1e1e1}
.tbl_view.bt_no {border-top:0}
.tbl_view .v_tit {border-bottom:1px solid #e1e1e1;color:#222;padding:18px 15px;background:#f7f7f7;font-weight:500}
.tbl_view .v_tit .v_date {font-size:.87rem;color:#585858;margin-top:5px;font-weight:400}
.tbl_view .v_tit .v_date .v_num {margin-left:10px;padding-left:10px;position:relative}
.tbl_view .v_tit .v_date .v_num:after {content:'';position:absolute;top:6px;left:0;width:1px;height:8px;background-color:#ccc}
.tbl_view .v_header {position:relative;display:table;width:100%;table-layout:fixed;overflow:hidden;border-bottom:1px solid #e1e1e1}
.tbl_view .v_header strong, .tbl_view .v_header div {padding:18px 15px;display:table-cell;vertical-align:middle;word-break:break-all;font-size:.87rem}
.tbl_view .v_header strong {width:110px;background:#f7f7f7;color:#222;font-weight:400}
.tbl_view .v_body {padding:15px;min-height:150px;line-height:1.3rem;font-size:.87rem}
.tbl_view .v_body a:hover {text-decoration:underline}
.tbl_view .v_bottom {position:relative;display:table;width:100%;table-layout:fixed;overflow:hidden;border-top:1px solid #e1e1e1}
.tbl_view .v_bottom strong, .tbl_view .v_bottom div {display:table-cell;vertical-align:middle;padding:6px 15px}
.tbl_view .v_bottom div {height:48px;font-size:.87rem}
.tbl_view .v_bottom strong {width:100px;background:#f7f7f7;color:#222;font-weight:400;font-size:.87rem}
.tbl_view .v_bottom a {display:inline-block;margin:4px 4px;font-size:.87rem}
.tbl_view .v_bottom a:hover {text-decoration:underline}
.tbl_view .v_bottom span {display:block;margin:8px 0;font-size:.87rem;cursor:pointer}
.tbl_view .v_bottom span:hover {text-decoration:underline}
.tbl_view .v_sub {padding:18px 15px;color:#222;font-weight:400;border-bottom:1px solid #e1e1e1;border-top:1px solid #e1e1e1;margin-top:-1px}
.tbl_view .btnAreaLR {border-top:1px solid #e1e1e1;margin:0;padding:10px 0}
.tbl_view .v_reply {margin-top:20px;border-top:1px solid #ddd}
.tbl_view .v_reply .v_tit {background:#fff;font-size:.9em;padding:10px 15px;font-weight:400}
.tbl_view .v_img {padding:15px;border-top:1px solid #e1e1e1}

.bbs_con {overflow:hidden;text-align:left;padding-right:70px}
.bbs_con .img_link {width:100%;overflow:hidden;text-align:center;display:block}
.bbs_con li {font-size:.87rem;color:#999;line-height:18px;margin:5px 0}
.bbs_con li span {color:#555;margin-right:6px;position:relative;padding-right:6px}
.bbs_con li span:after {content:":";position:absolute;top:0px;right:-2px;display:block}


 /* 첨부파일 미리보기 관련 CSS추가 */
.tbl_view .v_bottom .add_file {display:table;height:22px;padding:0px 0px }
.tbl_view .v_bottom .add_file a {display:inline-block;margin:2px 4px;font-size:.8rem}
.tbl_view .v_bottom .add_file a:hover {text-decoration:underline} 
.tbl_view .v_bottom .add_file .btn.line5 {background:#fff;color:#333;height:20px;line-height:19px;min-width:inherit;border:1px solid #bbb;box-sizing:border-box;font-size:.75rem;padding:0 4px 2px 4px}
.tbl_view .v_bottom .add_file .btn.line5:hover {color:#fff;border-color:#1a5bb1;background:#1a5bb1 }
.div_load_image {position:absolute; top:50%; left:50%; width:0px; height:0px; z-index:9999; background:#f0f0f0;/* filter:alpha(opacity=50); opacity:alpha*0.5; */ margin:auto; padding:0; text-align:center}
.div_load_image > img {width:100px; height:100px;} 

/* 포토게시판 */
.photo_list ul li, .photo_list ul li a, .photo_list ul li a .photo, .photo_list ul li a .photo span img {/*transition:all 0.3s ease 0s*/}
.photo_list {margin-top:20px}
.photo_list ul {padding:15px 0px;border-top:1px solid #222;margin:0 -12px 0 -14px}
.photo_list ul::after {content:"";display:block;clear:both}
.photo_list ul li {position:relative;float:left;width:20%;margin-top:20px;padding:0px 14px;box-sizing:border-box}
.photo_list ul li:first-child, .photo_list ul li:nth-child(2), .photo_list ul li:nth-child(3), .photo_list ul li:nth-child(4), .photo_list ul li:nth-child(5) {margin-top:0px}
.photo_list ul li a {display:block;width:100%;height:100%;border:1px solid #e2e3e4;text-decoration:none}
.photo_list ul li a .photo {overflow:hidden;position:relative;display:block;width:100%;height:218px;background-color:#ffffff;border-bottom:1px solid #e2e3e4}
.photo_list ul li a .photo span {display:block;position:absolute;left:0;top:0px;width:100%;height:100%;text-align:center;margin-top:0}
.photo_list ul li a .photo span img {width:100%;height:100%;display:block;margin:0px auto;transform:scale(1)}
.photo_list ul li a .subject, .photo_list ul li a .date {padding:0px 5%}
.photo_list ul li a .subject {overflow:hidden;display:block;margin:0 0 10px;font-size:13px;color:#333;font-weight:400;height:36px;white-space:pre-line}
.photo_list ul li a .subject.ht {height:auto !important}
.photo_list ul li a .date {display:block;font-size:12px;color:#666; margin-top:10px}
.photo_list ul li a .date img {vertical-align:top;margin:3px 0 0 5px}
.photo_list ul li a:hover, .photo_list ul li a:active {/*box-shadow:rgba(0, 0, 0, 0.15) 5px 5px 15px*/}
.photo_list ul li a:hover .subject, .photo_list ul li a:active .subject {text-decoration:underline}
.photo_list ul li a:hover .photo span img, .photo_list ul li a:active .photo span img {/*transform: scale(1.02)*/}

/* 검색 테이블 */
.tbl_srch {overflow:hidden;border-top:1px solid #222;border-bottom:1px solid #e1e1e1}
.tbl_srch .b_row {position:relative;display:table;width:100%;table-layout:fixed;overflow:hidden}
.tbl_srch .b_row > strong, .tbl_srch .b_row > div {padding:10px;display:table-cell;vertical-align:middle;border-top:1px solid #e1e1e1;font-size:.87rem;color:#585858}
.tbl_srch .b_row > strong {width:165px;background:#f7f7f7;font-weight:400;;color:#222}
.tbl_srch .b_row > strong label {font-size:.87rem}
.tbl_srch .b_row > strong span {font-size:13px;color:#999;display:block}
.tbl_srch .b_row > div span {font-size:13px;color:#999;margin-left:10px}
.tbl_srch .b_row > div input[type="text"] {appearance:none;-moz-appearance:none;-webkit-appearance:none;border-radius:0;-webkit-border-radius:0;-moz-border-radius:0}
.tbl_srch .b_row > div input[type="text"] {height:35px;font-size:.87rem;border:1px solid #d9d9d9;text-indent:5px;background:#fff;color:#585858;vertical-align:middle;box-sizing:border-box;padding:3px;/*line-height:35px;*/width:160px}
.tbl_srch .b_row > div input[type="text"].text01 {width:80px;margin-right:3px}
.tbl_srch .b_row > div select {appearance:none;-moz-appearance:none;-webkit-appearance:none;border-radius:0;-webkit-border-radius:0;-moz-border-radius:0}
.tbl_srch .b_row > div select {height:35px;padding:0 40px 0 10px;font-size:.87rem;border:1px solid #d9d9d9;color:#585858;-webkit-appearance:none;-moz-appearance:none;appearance:none;vertical-align:middle;background: url("../images/select.png") no-repeat;background-position:right 7px center;background-color:#fff;min-width:160px}

.tbl_srch .tw_02 > strong {width:120px}
.tbl_srch .tw_02 > div {margin-left:120px;}
.tbl_srch .tw_02 > div input[type="text"] {appearance:none;-moz-appearance:none;-webkit-appearance:none;border-radius:0;-webkit-border-radius:0;-moz-border-radius:0}
.tbl_srch .tw_02 > div input[type="text"] {width:100%}
.tbl_srch .tw_02 > div input[type="text"].text03 {margin-left:0px;width:calc(50% - 6px)}

.tbl_srch .tw_03 > strong {width:75px}
.tbl_srch .tw_03 > div {margin-left:75px;}
.tbl_srch .tw_03 > div input[type="text"] {appearance:none;-moz-appearance:none;-webkit-appearance:none;border-radius:0;-webkit-border-radius:0;-moz-border-radius:0}
.tbl_srch .tw_03 > div input[type="text"] {width:100%}
.tbl_srch .tw_03 > div .mr5 {margin-right:7px !important}
.tbl_srch .alink {background:#f7f7f7;display:inline-block;width:24px;height:24px;;line-height:24px;text-align:center;font-size:.82rem;color:#585858;margin:2px 0 2px;border-radius:3px}
.tbl_srch .alink:hover {background:#1a5bb1;color:#fff}
/*유사상품 명칭 검색*/
.tbl_srch .tw_04 > strong {width:86px}
.tbl_srch .tw_04 > div {margin-left:75px;}
.tbl_srch .tw_04 > div input[type="text"] {appearance:none;-moz-appearance:none;-webkit-appearance:none;border-radius:0;-webkit-border-radius:0;-moz-border-radius:0}
.tbl_srch .tw_04 > div input[type="text"] {width:100%}
.tbl_srch .tw_04 > div .mr5 {margin-right:7px !important}

/* 기본 테이블 */
.table_wrap {position:relative;overflow:hidden}
.table_wrap.table_wkit {-webkit-text-size-adjust:none;} /*테이블tc클래스 모바일에서 글씨확장되는 부분 개선 클래스 추가 24.03.28 김보영*/
.table_type {width:100%;border-collapse:collapse;border-top:2px solid #1a5bb1}
.table_type th {padding:10px 10px;font-weight:400;border:solid 1px #ccc;text-align:center;color:#222;background:#f0f3f8;font-size:.87rem}
.table_type td {padding:10px 10px;border:solid 1px #ccc;vertical-align:middle;font-size:.87rem;color:#585858;line-height:20px;text-align:center}
.table_type th.tc, .table_type td.tc {text-align:left}
.table_type td strong {font-weight:500;color:#333}
.table_type .list_01 li {color:#585858;font-size:.87rem}
.table_type .list_05 li {color:#585858;font-size:.87rem}
.table_type .list_03 {margin-bottom:0;font-size:.87rem}
.table_type td.tdColor {background:#eeeeee}
.table_type td.tdColor2 {background:#f0f3f8}
.table_type th.bno {border-right:0}
.table_type th.bno2 {border-left:0}
.table_type a:hover {color:#1a5bb1}
.table_type .link {cursor:pointer;text-decoration: underline}
/* 25.08.26.jnh 지식재산제도 > ​분류코드조회 > 상품분류코드 > 니스(NICE) 국제상품분류 내 류구분, 류구분 클릭 시 나오는 유사군 열 a태그 색상 수정(a:hover 색) */
.table_type .link_blue {color:#1a5bb1;cursor:pointer;text-decoration:underline}

/* 세부내용 */
.tbl_detail {overflow:hidden;border-bottom:1px solid #e1e1e1;border-top:1px solid #222;margin-bottom:10px}
.tbl_detail .b_row {position:relative;display:table;width:100%;table-layout:fixed;overflow:hidden}
.tbl_detail .b_row:first-of-type {border-top:0}
.tbl_detail .b_row:first-of-type strong, .tbl_detail .b_row:first-of-type div {border-top:0}
.tbl_detail .table-head-txt:first-of-type {border-top:0}
.tbl_detail .b_row > strong, .tbl_detail .b_row > div {padding:14px 16px;display:table-cell;vertical-align:middle;border-top:1px solid #e1e1e1;font-size:.87rem;color:#585858}
.tbl_detail .b_row > strong {width:146px;background:#f7f7f7;vertical-align:middle;font-weight:400;font-size:.87rem;color:#222 !important}
.tbl_detail .b_row > strong span {font-size:13px;color:#999;display:block}
.tbl_detail .b_row > strong em {display:block}
.tbl_detail .b_row > strong span.br {font-size:.87rem;color:#222;display:block}
.tbl_detail .b_row > div > h4 {font-weight:400;color:#666;margin-bottom:6px;font-size:.87rem;padding:0}
.tbl_detail .b_row > div > ul {margin-bottom:10px}
.tbl_detail .b_row > div > ul:last-of-type {margin-bottom:0}
.tbl_detail .b_row > div > ul > li {line-height:20px;list-style-type:"- ";list-style-position:inside;color:#585858;font-size:.87rem}

/*250610 인터넷기술공지 신청 메뉴 내 출처 및 사이트링크, 도면첨부 추가(Add) 버튼 div생성 CSS 추가 */
.formtit_box {display: flex;justify-content: space-between}

@media (max-width:420px) {
.formtit_box {align-content: space-around;flex-direction: column}
.formtit_box > .ft_right {margin-bottom:10px}
}

/* 신청 */
h4.form_tit {font-size:1.1rem;color:#333;font-weight:400;line-height:26px;margin-bottom:5px;overflow:hidden}
h4.form_tit .eq {display:inline-block;font-size:15px;background:url("../images/ico_equired.png") no-repeat left 11px;vertical-align:top;padding-left:10px;color:#666}
.form_tbl {overflow:hidden;border-bottom:1px solid #e1e1e1;border-top:1px solid #222;margin-bottom:20px}
.form_tbl .b_row {position:relative;display:table;width:100%;table-layout:fixed;overflow:hidden}
.form_tbl .b_row:first-of-type {border-top:0}
.form_tbl .b_row:first-of-type strong, .form_tbl .b_row:first-of-type div {border-top:0}
.form_tbl .table-head-txt:first-of-type {border-top:0}
.form_tbl .b_row .note {color:#585858;font-size:.8rem}
.form_tbl .b_row > strong, .form_tbl .b_row > div {padding:10px 10px;display:table-cell;vertical-align:middle;border-top:1px solid #e1e1e1;font-size:.87rem;text-align:left}
.form_tbl .b_row > strong {width:160px;background:#f7f7f7;color:#222;vertical-align:middle;padding-left:10px;font-weight:400;font-size:.87rem}
.form_tbl .b_row > strong span {font-size:13px;color:#666;display:block}
.form_tbl .b_row > strong .eq {display:inline-block;width:8px;height:10px;font-size:0;background:url("../images/ico_equired.png") no-repeat left 5px;vertical-align:top}
.form_tbl .b_row > div input[type="password"] {appearance:none;-moz-appearance:none;-webkit-appearance:none;border-radius:0;-webkit-border-radius:0;-moz-border-radius:0}
.form_tbl .b_row > div input[type="password"] {width:inherit;height:35px;font-size:.87rem;border:1px solid #d9d9d9;text-indent:5px;background:#fff;color:#585858;vertical-align:middle;box-sizing:border-box;padding:3px;line-height:normal}
.form_tbl .b_row > div input[type="text"] {appearance:none;-moz-appearance:none;-webkit-appearance:none;border-radius:0;-webkit-border-radius:0;-moz-border-radius:0}
.form_tbl .b_row > div input[type="text"] {width:auto;height:36px;font-size:.87rem;border:1px solid #d9d9d9;text-indent:5px;background:#fff;color:#585858;vertical-align:middle;box-sizing:border-box;padding:3px;line-height:normal}
.form_tbl .b_row > div input[type="text"].zipCodeNum {width:100px;margin-right:3px}
.form_tbl .b_row > div input[type="text"].numberText {width:100px;margin-left:3px}
.form_tbl .b_row > div input[type="text"].cal {background:url("../images/ico_cal.png") no-repeat;background-position:right 7px center;padding-right:30px;width:120px;background-color:#fff;line-height:normal}
.form_tbl .b_row > div input:disabled {background:#eee}
.form_tbl .b_row > div input:read-only {background:#eee}
.form_tbl .b_row > div select {appearance:none;-moz-appearance:none;-webkit-appearance:none;border-radius:0;-webkit-border-radius:0;-moz-border-radius:0}
.form_tbl .b_row > div select {height:35px;padding:0 26px 0 10px;font-size:.87rem;border:1px solid #d9d9d9;color:#585858;-webkit-appearance:none;-moz-appearance:none;appearance:none;vertical-align:middle;background: url("../images/select.png") no-repeat;background-position:right 7px center;background-color:#fff;}
.form_tbl .b_row > div textarea {appearance:none;-moz-appearance:none;-webkit-appearance:none;border-radius:0;-webkit-border-radius:0;-moz-border-radius:0}
.form_tbl .b_row > div textarea {width:100%;font-size:.87rem;border:1px solid #d9d9d9;text-indent:5px;background:#fff;color:#585858;vertical-align:middle;box-sizing:border-box;padding:3px;resize:none}
/* 202500527 웹접근성 오류 개선 만족도 placeholder 명도대비 백업 : {color:#aaa;opacity:1} */ 
.form_tbl .b_row > div input[type="text"]::-webkit-input-placeholder {color:#747474;opacity:1}
.form_tbl .b_row > div input[type="text"]::-moz-placeholder {color:#747474;opacity:1}
.form_tbl .b_row > div input[type="text"]:-ms-input-placeholder {color:#747474;opacity:1}
.form_tbl .b_row > div input[type="text"]::-ms-input-placeholder {color:#747474;opacity:1}
.form_tbl .b_row > div textarea::placeholder {color:#747474;opacity:1}
.form_tbl .b_row > div textarea::-webkit-input-placeholder {color:#747474;opacity:1}
.form_tbl .b_row > div textarea::-moz-placeholder {color:#747474;opacity:1}
.form_tbl .b_row > div textarea:-ms-input-placeholder {color:#747474;opacity:1}
.form_tbl .b_row > div textarea::-ms-input-placeholder {color:#747474;opacity:1}
.form_tbl .b_row > div textarea::placeholder {color:#747474;opacity:1}
.form_tbl .b_row > div input[type="file"] {font-size:.87rem;text-indent:5px;background:#fff;color:#585858;vertical-align:middle;box-sizing:border-box;padding:0;line-height:35px}
.form_tbl .b_row > div .tinfo {margin-top:5px;font-size:13px;color:#585858;line-height:18px}
.form_tbl .b_row > div .part {margin-right:10px;font-size:.87rem}
.form_tbl .lb {display:inline-block;margin-right:10px}
.form_tbl .b_row > div > div {display:block;float:left;}
.form_tbl .b_row > div > div.modal-wrapper {display:none}
.form_tbl .ib01 {max-width:140px}

.file_input {position:relative;width:100%;display:block;overflow:hidden}
.file_input input[type="text"] {appearance:none;-moz-appearance:none;-webkit-appearance:none;border-radius:0;-webkit-border-radius:0;-moz-border-radius:0}
.file_input input[type="text"] {width:calc(100% - 160px) !important}
.file_input label {position:relative;cursor:pointer;display:inline-block;vertical-align:middle;overflow:hidden;width:75px;height:35px;background:#6b7786;color:#fff;text-align:center;line-height:32px;font-size:.875rem;margin:0;margin-left:4px;}
.file_input label input {position:absolute;width:0;height:0;overflow:hidden}
.file_input .btn_delete {display:inline-block;color:#fff;text-align:center;background-color:#6b7786;text-decoration:none;vertical-align:middle;width:75px;height:35px;margin:0;line-height:35px;font-size:.875rem}
/*20220608 첨부파일 초점이동 웹접근성 오류 조치로 추가*/ 
.file-focus {outline:2px solid #000;}

/* 20230214-우수인재DB관련 CSS추가 */
.form_tbl .b_row .linebox1 .line > input {margin-top:5px;}
.form_tbl .b_row .linebox1 P:first-of-type > input {margin-top:0;}
.form_tbl .b_row .linebox1 .line > span {float:left;  min-width:50%; display:inline-block; font-size:.87rem;color: #585858;vertical-align: bottom; padding-bottom:4px;}
.form_tbl .W318.ib02 {width:100%; min-width:318px;}
.form_tbl .W247.ib03 {width:100%; min-width:247px;}
.form_tbl .lw70 {display:inline-block; width:100%; min-width:60px; max-width:70px;}

/* radio, checkbox */
.custom-control {position:relative;-webkit-print-color-adjust:exact;color-adjust:exact;margin:5px 0}
.custom-control-input {width:13px;height:13px;vertical-align:middle; margin-right:2px; margin-bottom:2px}
.custom-control-input1 {width:13px;height:13px;vertical-align:middle; margin-right:2px; margin-bottom:-1px} /* 상품해설서·신규상품명칭 제안  체크박스 별도값*/
.custom-control-label {font-size:.87rem;color:#585858;vertical-align:bottom}

/*20220314웹점검으로 인한(초점이동 오류관련) 개발팀 디자인소스 삭제(삭제자:김보영)
/* .custom-control-input:checked~.custom-control-label::before {color:#fff;border-color:#085aa3;background-color:#085aa3}
.custom-radio .custom-control-label::before {border-radius:50%}
.custom-checkbox .custom-control-label::before {border-radius:3px}
.custom-control-label::before, .custom-file-label, .custom-select {transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}
.custom-control-label::before {position:absolute;top:3px;left:-20px;display:block;width:13px;height:13px;pointer-events:none;content:"";background-color:#fff;border:#999 solid 1px}
.custom-radio .custom-control-input:checked~.custom-control-label::after {background-image:url("../images/chk.png")}
.custom-checkbox .custom-control-input:checked~.custom-control-label::after {background-image:url("../images/chk2.png")}
.custom-control-label::after {position:absolute;top:6px;left:-17px;display:block;width:9px;height:9px;content:"";background: no-repeat 50%/100% 100%;} */

/* 만족도 조사 */
.comment_box {position:relative;border:1px solid #ddd;border-top:1px solid #7d7d7d}
.comment_box .user_info {font-size:.85rem;color:#595959;padding:15px 100px 15px 15px;position:relative}
.comment_box .user_info:after {content:"";background:url("../images/img_opentype01.png") no-repeat;position:absolute;top:10px;right:10px;width:74px;height:27px}
/*20220411 담당자박스 디자인 변경요청(이재호)으로 추가 - S:작성:김보영*/
.comment_box .user_info .kcall {position:relative;padding-left:30px}
.comment_box .user_info .kcall:after {content:"";background:url("/resource/images/ico_kcall.png") no-repeat;position:absolute;top:2px;left:6px;width:20px;height:20px}
.comment_box .user_info .part {position:relative; padding-left:30px;float:right}
.comment_box .user_info .part:after {content:"";background:url("/resource/images/ico_part.png") no-repeat;position:absolute;top:2px;left:6px;width:20px;height:20px}
/*20220411 담당자박스 디자인 변경요청(이재호)으로 추가 - E:작성:김보영*/
.comment_box .user_comment {background-color:#f0f3f8;padding:20px}
.comment_box .user_comment h3 {font-size:.93rem;color:#333;font-weight:400;position:relative;padding:0;padding-left:36px;margin:0 0 10px}
.comment_box .user_comment h3:before {content:"";position:absolute;top:0px;left:0px;display:block;width:28px;height:21px;background:url("../images/ico_comment.png") no-repeat}
.comment_box .user_comment input[type="text"] {appearance:none;-moz-appearance:none;-webkit-appearance:none;border-radius:0;-webkit-border-radius:0;-moz-border-radius:0}
.comment_box .user_comment input[type="text"] {width:calc(100% - 90px);height:35px;font-size:.87rem;border:1px solid #b2b2b2;text-indent:5px;background:#fff;color:#585858;vertical-align:middle;box-sizing:border-box;padding:3px;line-height:normal;border-right:none}
/* 202500527 웹접근성 오류 개선 만족도 placeholder 명도대비 백업 : {color:#aaa;opacity:1} */ 
.comment_box .user_comment input[type="text"]::-webkit-input-placeholder {color:#747474;opacity:1}
.comment_box .user_comment input[type="text"]::-moz-placeholder {color:#747474;opacity:1}
.comment_box .user_comment input[type="text"]:-ms-input-placeholder {color:#747474;opacity:1}
.comment_box .user_comment input[type="text"]::-ms-input-placeholder {color:#747474;opacity:1}
.btn.comment {background:#085aa3;color:#fff;height:35px;line-height:35px;min-width:inherit;width:88px;margin:0;margin-left:-3px}
.btn.comment:hover,.btn.comment:active,.btn.comment:focus {background:#064883}
.cw100 {margin-left:10px}


/* 개인정보 수집·이용 동의 */
.tbt_01 {font-size:.87rem;color:#333;font-weight:500;margin-bottom:15px;padding:0}
.tbt_02 {font-size:13px;color:#333;font-weight:400;margin:10px 0}
.textareaBox {position:relative;border:1px solid #e1e1e1;padding:20px 20px 10px;font-size:13px;color:#585858;line-height:20px;font-weight:400}
.textareaBox .checkboxAg {border-top:1px solid #e1e1e1;text-align:center;margin:16px -20px 0;padding-top:10px}
.tbl_total {width:100%;table-layout:fixed;border-collapse:collapse;border:1px solid #c6c6c6}
.textareaBox .checkboxAg span {font-size:.87rem;color:#555;margin-right:10px}
.tbl_total th {color:#666;font-weight:400;background:#f0f3f8;border-bottom:1px solid #c6c6c6;}
.tbl_total td {color:#666;word-break:break-all}
.tbl_total td strong {color:#085aa3;font-weight:500}
.tbl_total th, .tbl_total td {padding:10px 10px;text-align:center;border-right:1px solid #c6c6c6;font-size:.87rem}
.tbl_total tbody td a:hover, .tbl_total tbody td a:focus {text-decoration:underline;color: #1a5bb1}

/* 기본박스 리스트 */
.txt_box {overflow:hidden;margin:20px 0 20px}
.txt_box li {position:relative;margin:8px 0;font-size:.87rem;padding-left:6px;color:#585858}
.txt_box li:after {content:'';position:absolute;top:8px;left:0;width:2px;height:2px;background-color:#585858}
.txt_box strong {font-weight:400;color:#1a5bb1}

/* 페이징 */
.pagination {display:block;text-align:center;margin:30px 0 20px}
.pagination > a {display:inline-block;border:1px solid #e1e1e1;min-width:26px;height:26px;font-size:.85rem;color:#585858;text-decoration:none;text-align:center;margin-right:2px;vertical-align:top;line-height:22px;padding:0 5px;cursor:pointer}
.pagination > a:hover {background:#f0f3f8;color:#1a5bb1}
.pagination > strong {display:inline-block;border:1px solid #0b2266;min-width:26px;height:26px;font-size:.85rem;color:#fff;text-decoration:none;text-align:center;margin-right:2px;vertical-align:top;line-height:22px;background:#0b2266;font-weight:400;padding:0 5px}
.pagination > a.first {font-size:0;background:url("../images/p_first.png") no-repeat;background-position:7px 7px}
.pagination > a.prev {font-size:0;background:url("../images/p_prev.png") no-repeat;background-position:9px 7px}
.pagination > a.next {font-size:0;background:url("../images/p_next.png") no-repeat;background-position:10px 7px}
.pagination > a.last {font-size:0;background:url("../images/p_last.png") no-repeat;background-position:8px 7px;margin-right:0}
.pagination > .page_num {display:inline-block;border:1px solid #0b2266;min-width:26px;height:26px;font-size:.85rem;color:#fff;text-decoration:none;text-align:center;margin-right:2px;vertical-align:top;line-height:22px;background:#0b2266;font-weight:400;padding:0 5px}

.pagenation.pageNum {display:none;text-align:center;margin:20px 0}
.pagenation.pageNum .currentPage {padding:0px 15px;margin:0 10px;color:#666;line-height:32px}
.pagenation.pageNum .currentPage > em {font-weight:600;color:#1a5bb1;font-style:normal}
.pagenation.pageNum > a {display:inline-block;border:1px solid #d9d9d9;width:32px;height:32px;text-align:center;vertical-align:top;border-radius:6px;box-sizing:border-box;position:relative}
.pagenation.pageNum > a.prev {font-size:0;background:url("../images/p_prev.png") no-repeat;background-position:12px 9px}
.pagenation.pageNum > a.next {font-size:0;background:url("../images/p_next.png") no-repeat;background-position:13px 9px}
.pagenation.pageNum > a:hover {border:1px solid #1a5bb1;background-color:#f0f3f8}
.pagenation.pageNum > a:hover:before {content:"";display:block;position:absolute;left:0;top:0;right:0;bottom:0;border:0px solid #1a5bb1;border-radius:6px}

/* 버튼*/
.btnAreaLR {margin:10px 0;overflow:hidden;width:100%}
.btnAreaLR .btnA_l {float:left;margin-bottom:5px}
.btnAreaLR .btnA_r {float:right;margin-bottom:5px}
.btnAreaLR .btnA_c {text-align: center;margin-bottom:5px}
 
.btn {display:inline-block;position:relative;text-align:center;box-sizing:border-box;vertical-align:middle;min-width:100px;height:40px;line-height:40px;margin:0 2px;font-size:.9rem;padding:0 16px;/*transition:all 0.4s ease-out 0.1s*/text-decoration:none !important}
.btn:before {content:'';display:block;position:absolute;top:0px;right:0px; bottom:0px;left:0px;z-index:1}
.btn:hover:before.btn:focus:before{}
.btn:hover,.btn:focus,.btn:active {box-shadow:0px 8px 10px rgba(0,0,0,0.15);border-width:0;text-decoration:none}

.btn.blue {background:#1a5bb1;color:#fff}
/*20241206 blue_minwon 버튼 추가 : 청소개 > 청장소개 > 청장과의 대화에서 "일반민원(국민신문고)" 버튼을 일반민원 줄바꿈 (국민신문고)로 표시하기 위해 별도로 추가함 */
.btn.blue_minwon {background:#1a5bb1;color:#fff;text-align:center;line-height: 1.4;}
.btn.blue_minwon:hover, .btn.blue_minwon:active, .btn.blue_minwon:focus {background:#15488e;color:#fff} 
.small_font{display: block;font-size: 0.78rem;} /*버튼의 (국민신문고) 문구가 조금 작게 보이도록 요청 */

.btn.red {background:#bc214b;color:#fff}
.btn.red:hover, .btn.red:active, .btn.red:focus {background:#991e40;color:#fff}
.btn.blue:hover, .btn.blue:active, .btn.blue:focus {background:#15488e;color:#fff}
.btn.blue2 {background:#0b2266;color:#fff}
.btn.blue2:hover, .btn.blue2:active, .btn.blue2:focus {background:#091b52;color:#fff}
.btn.srch {background:#085aa3;color:#fff;height:35px;line-height:35px;min-width:inherit}
.btn.srch:hover,.btn.srch:active,.btn.srch:focus {background:#064883;color:#fff}
.btn.cancel {background:#4a506b;color:#fff;height:35px;line-height:35px;min-width:inherit;margin:0}
.btn.cancel:hover,.btn.cancel:active,.btn.cancel:focus {background:#4a506b;color:#fff}
.btn.black {background:#4a506b;color:#fff}
.btn.black:hover,.btn.black:active,.btn.black:focus {background:#3b4056;color:#fff}
.btn.black2 {background:#6b7786;color:#fff;height:35px;line-height:35px;min-width:inherit}
.btn.black2:hover,.btn.black2:active,.btn.black2:focus {background:#565f6b;color:#fff}
.btn.black3 {background:#4a506b;color:#fff;height:30px;line-height:30px;min-width:inherit;padding:0 12px}
.btn.black3:hover,.btn.black2:active,.btn.black2:focus {background:#4a506b;color:#fff}
.btn.black4 {background:#6b7786;color:#fff;height:35px;line-height:35px;min-width:inherit}
.btn.black4:hover,.btn.black2:active,.btn.black2:focus {background:#565f6b;color:#fff}
.btn.line {background:#fff;color:#333;height:28px;line-height:26px;min-width:inherit;border:1px solid #bbb;box-sizing:border-box;font-size:13px;padding:0 10px}
.btn.line:hover,.btn.line:active,.btn.line:focus {color:#fff;border-color:#1a5bb1;background:#1a5bb1}
.btn.line2 {background:#fff;color:#085aa3;height:36px;line-height:34px;min-width:inherit;border:1px solid #085aa3;box-sizing:border-box;font-size:.87rem;padding:0 30px 0 10px}
.btn.line2:hover,.btn.line2:active,.btn.line2:focus {background:#085aa3;color:#fff}
.btn.line2:after {content:"→";display:block;position:absolute;right:10px;top:0}
.btn.line3 {background:#fff;color:#333;height:30px;line-height:28px;min-width:inherit;border:1px solid #bbb;box-sizing:border-box;font-size:.87rem;padding:0 10px 0 10px}
.btn.line3:hover {color:#fff;border-color:#1a5bb1;background:#1a5bb1 }
.btn.line2:active {color:#fff}
.btn.line2:focus {color:#fff}
.btn.line4 {background:#fff;color:#333;height:28px;line-height:28px;min-width:inherit;border:1px solid #bbb;box-sizing:border-box;font-size:13px;padding:0 10px 0 35px}
.btn.line4:hover,.btn.line4:active,.btn.line4:focus {color:#1a5bb1;border-color:#1a5bb1}
.btn.line4:before {content:"";display:block;position:absolute;left:10px;top:10px;background:url("../images/ico_back.png") no-repeat;width:18px;height:5px}
.btn.add {background:#4a506b;color:#fff;min-width:inherit;height:26px;line-height:26px;font-size:13px;padding:0 10px;letter-spacing:0}
.btn.add:hover, .btn.add:active, .btn.add:focus {background:#3b4056;color:#fff}
.btn.add2 {background:#fff;color:#333;min-width:inherit;height:26px;line-height:24px;font-size:.81rem;padding:0 10px;border:1px solid #bbb;box-sizing:border-box;margin-left:5px; }
.btn.add2:hover, .btn.add2:active, .btn.add2:focus {color:#fff;border-color:#1a5bb1; background:#1a5bb1;}

.blink {background:#fff;color:#333;font-size:.87rem;padding:5px 12px;border:1px solid #bbb;box-sizing:border-box;margin:0 1px 5px;display:inline-block;overflow:hidden}
.blink:hover {color:#1a5bb1;border-color:#bbb; background:#f0f3f8 } /* 20230303 웹접근성 버튼 초점이동시 명도대비 오류 개선 (처리자:김보영) */

.btnAreaLR .btn.bw25 {display:block;width:24%;float:left;text-align:left;margin-bottom:5px}
.btnAreaLR .btn.bw33 {display:block;width:32.8%;float:left;text-align:left;margin-bottom:5px}
.btnAreaLR .btn.bw100 {margin-top:5px}
.btnAreaLR .wbanner {display:block;width:32.8%;float:left;text-align:center;box-sizing:border-box;vertical-align:middle;border:1px solid #dadada;margin:0 2px;padding:5px 0}
.btnAreaLR .wbanner:hover {border:1px solid #1556AC;}

/* 25022001 우선심사제도 다운로드 버튼 두줄인 경우 모바일에서 간격값 추가 */
@media (max-width:780px) {
.btn_mt02 {margin-top:2px}
}

/* 탭메뉴 */
.tab {margin:10px 0 15px;display:table;width:100%;border-left:1px solid #e1e1e1;}
.tab:after {content:"";display:block;clear:both}
.tab li {position:relative;display:table-cell;padding-left:0;vertical-align:middle}
.tab li:first-child {padding-left:0}
.tab li a {display:table;background:#fff;color:#333;font-size:.87rem;text-align:center;width:100%;height:50px;border:1px solid #e1e1e1;letter-spacing:-0.04rem;border-left:0}
.tab li a:hover {color:#17419a}
.tab li a.on {background:#17419a;color:#fff}
.tab li a span {display:table-cell;vertical-align:middle}
.tab.col_2 li {width:50%}
.tab.col_3 li {width:33.33%}
.tab.col_4 li {width:25%}
.tab.col_5 li {width:20%}
.tab.col_6 li {width:16.66%}
.tab.col_7 li {width:14.28571%}
.tab.col_8 li {width:12.5%}
.tab.col_9 li {width:11.11%}
.tab.col_10 li {display:block;float:left;margin-top:-1px;width:20%}
.tab.col_11 li {display:block;float:left;margin-top:-1px;width:10%}
.tab.col_44 li {width:25%}
.tab.col_45 li {width:auto}
.tab.col_50 li {display:block;float:left;margin-top:-1px;width:25%}
.tab.col_60 li {display:block;float:left;margin-top:-1px;width:16.66%}

/* 통합검색 */
.srchWrap {margin-bottom:20px;background:#fff;padding:25px 15px;position:relative;border:5px solid #e1e1e1}
.srchWrap .line {position:absolute;top:10px;right:10px}
.srchBox {position:relative;width:100%;margin:0 auto}
.srchBox .asrch {position:relative;padding:0;text-align:center}
.srchBox .asrch input[type="text"] {appearance:none;-moz-appearance:none;-webkit-appearance:none;border-radius:0;-webkit-border-radius:0;-moz-border-radius:0}
.srchBox .asrch input[type="text"] {width:148px;height:35px;font-size:14px;border:1px solid #d9d9d9;text-indent:5px;background:#fff;color:#585858;vertical-align:middle;box-sizing:border-box;padding:0 6px}
.srchBox .asrch select {appearance:none;-moz-appearance:none;-webkit-appearance:none;border-radius:0;-webkit-border-radius:0;-moz-border-radius:0}
.srchBox .asrch select {height:35px;padding:0 26px 0 10px;font-size:14px;border:1px solid #d9d9d9;color:#585858;-webkit-appearance:none;-moz-appearance:none;appearance:none;vertical-align:middle;background:url("../images/select.png") no-repeat;background-position:right 7px center;background-color:#fff}
.srchBox .asrch input[type="text"].cal {background:url("../images/ico_cal.png") no-repeat;background-position:right 7px center;padding-right:30px;width:120px;background-color:#fff;}
.srchBox .asrch .custom-control {display:inline-block;margin-left:6px;vertical-align:middle}

.srchBox .fv_list {position:relative;padding:20px 10px;border-bottom:1px solid #e1e1e1;margin-bottom:10px}
.srchBox .fv_list a {background:#ecedf2;padding:6px 15px;border-radius:14px;color:#333;margin:3px 3px;font-size:13px;letter-spacing:-.3px;font-weight:500;display:inline-block}
.srchBox .fv_list a:hover {background:#d6dce8}
.srchBox .fv_list span {color:#0b2266;font-size:.87rem;margin-right:10px}

.srchBox .sbox {position:relative;overflow:hidden;padding:10px 10px 0 10px}
.srchBox .sbox .sb_tit {float:left;width:60px;font-size:.87rem;color:#555;line-height:24px;margin-top:3px}
.srchBox .sbox .sb_radio {float:left;width:calc(100% - 60px)}
.srchBox .sbox .sb_radio .custom-control {display:inline-block;margin-left:10px}

.srchBox .sbox2 {position:relative;overflow:hidden;padding:0 10px}
.srchBox .sbox2 .sb_tit {float:left;width:60px;font-size:.87rem;color:#555;line-height:24px;margin-top:3px}
.srchBox .sbox2 .sb_radio {float:left;width:calc(100% - 60px)}
.srchBox .sbox2 .sb_radio .custom-control {display:inline-block;margin-left:10px}

h3.srch_tit {font-size:1rem;color:#333;font-weight:500;margin:0;padding:10px 0}
.srchResult_wrap .srchResult {position:relative;margin-top:25px}
.srchResult_wrap .srchResult:first-child {margin-top:0}
.srchResult_info {padding:16px;background:#f7f7f7f7;border-top:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1;overflow:hidden;position:relative}
.srchResult_info .srchR_tit {float:left}
.srchResult_info .srchR_tit strong {font-size:15px;color:#333;font-weight:500}
.srchResult_info .srchR_tit span {position:relative;margin-left:10px;padding-left:11px;font-size:15px}
.srchResult_info .srchR_tit span:before {content:"";display:block;position:absolute;left:0;top:50%;margin-top:-7px;width:0;height:14px;border-left:1px solid #d3d2d2}
.srchResult_info .srchR_tit span i {font-weight:500;color:#0b2266;font-style:normal}

.srchR_more {position:absolute;top:15px;right:16px}
.srchR_more a {position:relative;display:inline-block;color:#555;font-size:.87rem;padding-right:17px}
.srchR_more a:after {content:"";display:block;position:absolute;right:0;top:50%;margin-top:-5px;width:11px;height:11px;background:url("../images/ico_plus.png") no-repeat;transition: all .5s}
.srchR_more a:hover:after {transform:rotate(180deg)}

.srchResult_list > li {position:relative;padding:10px;border-bottom:1px solid #e1e1e1}
.srchR_item .srchR_lTit {position:relative;margin-bottom:10px}
.srchR_item .srchR_lTit strong {color:#333;font-size:.87rem;font-weight:400}
.srchR_item .srchR_lTit a:hover strong {text-decoration:underline}
.srchR_item .srchR_lTit .srchR_pr {font-size:.87rem;color:#999;position:relative;padding-left:9px;margin-left:9px;font-style:normal}
.srchR_item .srchR_lTit .srchR_pr:before {content:"";display:block;position:absolute;left:0;top:50%;margin-top:-4px;width:0;height:10px;border-left:1px solid #b8b8b8}

.srchR_item .srchR_content {font-size:13px;color:#6c6c6c;position:relative}
.srchR_item .srchR_content p {overflow:hidden;text-overflow:ellipsis;line-height:20px;word-wrap:break-word;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:13px;color:#6c6c6c;margin-bottom:5px}
.srchR_item .srchR_content a {color:#666;font-size:13px;display:block;margin-top:10px}
.srchR_item .srchR_content span {margin-right:3px;font-size:13px;color:#6c6c6c;position:relative;padding:0 7px 0 5px;margin-left:10px}
.srchR_item .srchR_content span:before {content:"";display:block;position:absolute;left:0;top:0;margin-top:8px;width:2px;height:2px;background-color:#6c6c6c;}
.srchR_item .srchR_content span:after {content:":";display:block;position:absolute;right:0;top:0;margin-top:1px;}
/* 23.08.01 통합검색 웹접근성 관련 span.cl_red CSS 추가 */
.srchR_item .srchR_content span.cl_red {margin-right:0px;font-size:13px;padding:0 0px 0 0px;margin-left:0px}
.srchR_item .srchR_content span.cl_red:before {display:none;}
.srchR_item .srchR_content span.cl_red:after {display:none;}
.srchR_item .srchR_content span:first-of-type {margin-left:0}
.srchR_item .srchR_content a:hover {text-decoration:underline}

.srchR_down {position:relative;color:#666;font-size:13px;display:block;padding-left:16px}
.srchR_down:before {content:"";display:block;position:absolute;left:0;top:50%;margin-top:-6px;width:11px;height:14px;background:url("../images/ico_file.png") no-repeat}

/* 조직도 기본 */
.organ {position:relative;margin:10px auto 30px;overflow:hidden}
.organ::after {display:block;clear:both;content:""}
.organ a {position:relative;padding:9px 2px;display:inline-block;text-align:center;box-sizing:border-box;margin-top:8px;letter-spacing:-0.5px;font-size:.87rem}
.organ a:hover,.organ a:active,.organ a:focus {text-decoration:none}
.organ.vtype .shape1 {width:169px;background-color:#0b2266;color:#fff}
.organ.vtype .shape2 {width:169px;background-color:#17419a;color:#fff}
.organ.vtype .shape3 {background-color:#fff;border-width:4px 1px 1px;border-style:solid;border-color:#17419a;border-image:initial;color:#333}
.organ.vtype .shape3:hover, .organ.vtype .shape3:focus, .organ.vtype .shape3:active {background-color:#17419A; color:#fff;}


.organ.vtype a {margin-bottom:5px;margin-top:0px}
.organ.vtype li {position:relative;text-align:center}
.organ.vtype .level3 > li > a {width:33px;/* height:190px; 기본값 */height:200px;text-align:center;padding:6px 8px}/* 240613 이차전지 전담심사과 조직개편 관련 a태그 길이 조정 */
.organ.vtype .level4 > li > a {width:33px;height:117px;text-align:center;padding:8px}
.organ.vtype .level3 > li > a.on{color:#17419a}

.organ.vtype .level1 > li > a::before, .organ.vtype .level2 > li > a::before {position:absolute;left:50%;width:1px;height:30px;background:#6a6a6a;content:""} /* 20250529 웹접근성 명도대비 백업 background:#bbb; */
.organ.vtype .level1 > li > a::before {top:35px}
.organ.vtype .level2 > li > a::before {top:35px}
.organ.vtype a {line-height:1.2em}
.organ.vtype .level1 > li > a, .organ.vtype .level2 > li > a {margin-bottom:30px}

.organ.vtype .level3 > li {float:left;text-align:center;padding-top:20px;background:url("../images/bg_orgvtype.png") center top no-repeat}
.organ.vtype .level3 > li:first-child {background:url("../images/bg_orgvtype_l.png") center top no-repeat}
.organ.vtype .level3 > li:last-child {background:url("../images/bg_orgvtype_r.png") center top no-repeat}

.organ.vtype .level3 > .bg_type3 {background:url("../images/bg_orgvtype2.png") center top no-repeat}
.organ.vtype .level3 > .bg_type3:first-child {background:url("../images/bg_orgvtype_l2_255.png") center top no-repeat} /* 2023.04.11 소속기관 서울사무소 과 라인 길이 255px 이미지로 수정(관리과, 전산자료과삭제) */
.organ.vtype .level3 > .bg_type3:last-child {background:url("../images/bg_orgvtype_r2_255.png") center top no-repeat} /* 2023.04.11 소속기관 서울사무소 과 라인 길이 255px 이미지로 수정(관리과, 전산자료과삭제) */


/* 기구 및 정원 조직도 귝상세 간격 조절값 */
.organ.vtype.type2 .level3 > li {width:50%}
.organ.vtype.type3 .level3 > li {width:33.3333%}
.organ.vtype.type4 .level3 > li {width:25%}
.organ.vtype.type5 .level3 > li {width:20%}
.organ.vtype.type6 .level3 > li {width:16.6666%}
.organ.vtype.type7 .level3 > li {width:14.2857%}
.organ.vtype.type8 .level3 > li {width:12.5%}
.organ.vtype.type9 .level3 > li {width:11.1111%}
.organ.vtype.type10 .level3 > li {width:10%}
.organ.vtype.type11 .level3 > li {width:9.0909%}


/* 국안에 과가 추가생성되면 그 수만큼 자동으로 class(넘버)가 생성됨, 새로 생성되는 숫자(class)는  가로값 지정이 필요함 - s */

.organ.vtype.type2, .organ.vtype.type3, .organ.vtype.type4, .organ.vtype.type5 {width:510px}
.organ.vtype.type6, .organ.vtype.type7, .organ.vtype.type8 {width:600px}
.organ.vtype.type9 {width:613px} /* 240613 이차전지 전담심사과 조직개편 관련 ul가로 길이 조정 */
.organ.vtype.type10 {width:690px} /* 디지털융합심사국 간격  */
.organ.vtype.type11 {width:740px} /* 20250301 상표디자인 심사국 > 전문서비스상표심사과, 일반서비스상표심사과 추가로  간격 조정 */

/* 국안에 과가 추가생성되면 그 수만큼 자동으로 class(넘버)가 생성됨, 새로 생성되는 숫자(class)는  가로값 지정이 필요함 - e */


/* 본청 상세 보기 세로박스 길이 설정값 클래스 모음 */
.organ.vtype .t01 {height:136px !important}
.organ.vtype .t02 {height:180px !important}
.organ.vtype .t03 {height:194px !important}
.organ.vtype .t04 {height:216px !important}
.organ.vtype .t05 {height:240px !important}

#photo1 {display:none;position:absolute;top:0;left:145px;z-index:1}
#photo2 {display:none;position:absolute;top:95px;left:145px;z-index:1}

/* 조직도 본청 */
.organ2 a {display:inline-block;text-align:center;font-size:.87rem;box-sizing:border-box;line-height:30px;cursor:pointer}
.organ2.atp1 span.org1 {display:inline-block;text-align:center;font-size:.87rem;box-sizing:border-box;line-height:30px;}
.organ2 a:hover,.organ2 a:active, .organ2 a:focus  {text-decoration:none }
.organ2 .kpo {margin:0px;background: url("../images/bg_atp1.png?v=2025100101") left top no-repeat;box-sizing:border-box;overflow:hidden;width:760px}
.organ2 .kpo .level1 {height:300px}/* 본청 전용 {height:370px} 기본값 백업*/
.organ2 .kpo .level1.H370 {height:370px}  /* 기구 및 정원 전용 높이값 */
/* 특허심판원 조직도 버튼 추가(김승현주무관요청)--S */
/* 본청메뉴 PC버전 */
.organ2 .IptB_0101 > li {text-align:right; margin:50px 10px 0px 0px; box-sizing:border-box; }
.organ2 .IptB_0101 > li > a, .organ2 .IptB_0201 > li > a {background:#0b2266;color:#fff; width: 170px; height: 32px;}
.organ2.atp1 .IptB_0101 > li > a:hover, .organ2.atp1 .IptB_0101 > li > a:focus, .organ2.atp1 .IptB_0101 > li > a:active {box-shadow: 0px 8px 10px rgb(0 0 0 / 15%); border-width: 0; text-decoration: none;}
.organ2 .IptB_0102 {display:none;}
/* 소속기관메뉴 PC버전 */
.organ2 .IptB_0201 {position:absolute; top:0; right:14px;}
.organ2.atp2 .IptB_0201 > li > a:hover, .organ2.atp2 .IptB_0201 > li > a:focus, .organ2.atp2 .IptB_0201 > li > a:active {box-shadow: 0px 8px 10px rgb(0 0 0 / 15%); border-width: 0; text-decoration: none;}

/* 특허심판원 조직도 버튼 추가(김승현주무관요청)--E */
.organ2 .level1 > li > a, .organ2 .level1 > li > span.org1  {background:#0b2266;color:#fff}
.organ2 .level2 > li > a {background:#17419a;color:#fff}
.organ2 .level3 > li > a {background-color:#fff;border-width:4px 1px 1px;border-style:solid;border-color:#17419a;border-image:initial;color:#333;width:33px;height:176px;text-align:center;padding:6px 8px;line-height:1.1rem}

.organ2.atp1 {position:relative;margin:40px auto 0px;box-sizing:border-box;width:760px}
.organ2.atp1 .kpo > li > a, .organ2.atp1 .level1 > li > a {width:170px; height:32px; margin-top:0px}
.organ2.atp1 .level1 > li > span.org1 {width:170px; height:32px; margin-top:0px}
.organ2.atp1 .level2 > li > a {width:170px;height:32px}
.organ2.atp1 .level2 > li > a:hover, .organ2.atp1 .level2 > li > a:focus, .organ2.atp1 .level2 > li > a:active {box-shadow:0px 8px 10px rgba(0,0,0,0.15);border-width:0;text-decoration:none}

.organ2.atp1 .org1, .organ2.atp1 span.org1 {position:absolute; left:290px; top:0px}
.organ2.atp1 .org2 {position:absolute;left:290px;top:196px}

/*20250527 웹접근성 본청/기구 및 정원 계층 종속 관계 개선으로 기존값 백업*/
/* .organ2.atp1 .org1_1 {position:absolute;left:0px;top:90px}
.organ2.atp1 .org1_2 {position:absolute;left:580px;top:90px}
.organ2.atp1 .org1_3 {position:absolute;left:580px;top:108px}
.organ2.atp1 .org1_4 {position:absolute;left:580px;top:130px} */

/* .organ2.atp1 .org2_1 {position:absolute;left:0px;top:261px;}
.organ2.atp1 .org2_2 {position:absolute;left:580px;top:261px} */



.organ2.atp1 .str > li {float:left;width:24%; margin:0 0.5% 10px;}
.organ2.atp1 .str > li > a {width:100%}
.organ2.atp1 .str > li:nth-child(1):hover {box-shadow:0px 8px 10px rgba(0,0,0,0.15);border-width:0;text-decoration:none}
.organ2.atp1 .str > li:nth-child(8) {height:480px} /* 2025030101 조직도 배열 높이값 수정 */ /* 수정전 : height:438px */
.organ2.atp1 .str > li:nth-child(11) {height:480px} /* 20251001 조직도 개편으로 높이값 추가 */ 
.organ2.atp1 .str > li:nth-child(15) {height:438px} /* 20251001 조직도 개편으로 높이값 추가 */ 
.organ2.atp1 .str > li .level4 > li {width:100%;height:34px;text-align:center;display:block;margin:6px 0}
.organ2.atp1 .str > li .level4 > li > a {width:100%;background-color:#fff;border-width:1px 1px 1px 4px;border-style:solid;border-color:#17419a;border-image:initial;color:#333;box-sizing:border-box}
.organ2.atp1 .str > li .level4 > li > a:hover  {background-color:#17419A; color:#fff;}

/* 업무추진비사용내역 조직도 신규생성 CSS추가 */
.organ2.atp1 .str > li .level5 > li {width:100%; height:32px; line-height:32px;text-align:center;display:block;font-size:.87rem; margin:6px 0; background-color:#fff;border-width:1px 1px 1px 4px;border-style:solid;border-color:#17419a;border-image:initial;color:#333;box-sizing:border-box}
.organ2.atp1 .str > li .level5 > li.tempor01 {width:100%;background-color: #fff;border-width: 1px 1px 1px 1px; border-style:dashed; border-color: #64179a;border-image: initial;color: #333;box-sizing: border-box;}
.organ2.atp2 .level2 > li.org14 {width:100%;height:100%;border:none;margin-bottom:6px}
.organ2.atp2 .level2 > li.org14 > span {width:170px;height:32px;display:block;text-align:center;font-size:.87rem;box-sizing:border-box;line-height:30px;background-color:#fff;border-width:1px 1px 1px 4px;border-style:solid;border-color:#17419a;margin-bottom:6px}


/*텍스트 앞첨자 클래스 별도관리 (예비용)
.sup_01 > a >  sup {display:inline-block; color:#fff; font-size:0.04rem; vertical-align:top;} */

/* 2023.04.11년 전면조직 개편시 별도 색상관리 추가 (예비용)
조직도 표 영역
.organ2 .level2 > li.temporary_02 > a {background:#006577;}
.organ2.atp1 .str > li.temporary_02 .level4 > li.tempor03 > a {width: 100%;background-color: #fff;border-width: 1px 1px 1px 4px;border-style: solid;border-color: #006577; border-image: initial;color: #333;box-sizing:border-box;}
.organ2.atp1 .str > li.temporary_02 .level4 > li.tempor03 > a:hover  {background-color:#006577; color:#fff;}

부서정보상세보기
.organ.vtype .shape2.tempor03 {width:169px;background-color:#006577;color:#fff}
.organ.vtype .shape3.tempor03 {background-color:#fff;border-width: 4px 1px 1px;border-style: solid;border-color: #006577;border-image: initial;color: #333;}
.organ.vtype .shape3.tempor03:hover, .organ.vtype .shape3.tempor03:focus, .organ.vtype .shape3.tempor03:active {background-color:#006577; color:#fff;} */


/* 서비스상표우선심사과(임시조직) CSS추가 - 시작 */
/* 조직도 표 영역 */
.temporary_01 {font-size: .87rem; padding-top:10px; width: 185px;}
.temporary_01 > sup {display:inline-block;  color:#64179a; font-size:1rem; padding-top:2px;}
.temporary_01 .temporary_box {display: inline-block;  width:50px; height:25px; border: 1px dashed #64179a; vertical-align:middle; margin:0px 5px 0px 5px;}
.organ2.atp1 .str > li .level4 > li.tempor01 > a {width:100%;background-color: #fff;border-width: 1px 1px 1px 1px; border-style:dashed; border-color: #64179a;border-image: initial;color: #333;box-sizing: border-box;}
.organ2.atp1 .str > li .level4 > li.tempor01 > a:hover {background-color: #64179a; color: #fff;}

/* 부서정보상세보기 */
.organ.vtype .level3 > li > a.tempor02 {background-color: #fff;border-width: 1px 1px 1px;border-style:dashed;border-color:#64179a;border-image: initial;color: #333; padding-top: 8px;}
.organ.vtype .shape3 > li > a.tempor02 {background-color:#fff;border-width:4px 1px 1px;border-style:solid;border-color:#64179a;border-image:initial;color:#333}
.organ.vtype .level3 > li > .shape3.tempor02:hover, .organ.vtype .level3 > li > .shape3.tempor02:focus, .organ.vtype .level3 > li > .shape3.tempor02:active  {background:#64179a; color:#fff; }

/* 서비스상표우선심사과(임시조직) CSS추가 - 끝 */

/* 조직도 소속기관 */
.organ2.atp2 {position:relative;width:764px;margin:40px auto 0px;box-sizing:border-box}
.organ2.atp2 .level1 > li > a {width:170px;height:32px;margin-top:0px;vertical-align:top;padding:0}
.organ2.atp2 .level1 > li > a:hover, .organ2.atp2 .level1 > li > a:focus, .organ2.atp2 .level1 > li > a:active {box-shadow:0px 8px 10px rgba(0,0,0,0.15);border-width:0;text-decoration:none}
.organ2.atp2 .level2 > li {width:170px;height:32px;display:block;text-align:center;font-size:.87rem;box-sizing:border-box;line-height:30px;background-color:#fff;border-width:1px 1px 1px 4px;border-style:solid;border-color:#17419a;margin-bottom:6px}
.organ2.atp2 .level3 > li {display:block;margin-right:10px;float:left}
.organ2.atp2 .level3 > li span.ipt_group03 {background:#17419a;color:#fff;border:1px solid #17419a} /* 25.01.10 특허심판원 조직도 수정 요청으로 추가 (심판정책과 최일영) */
.organ2.atp2 .level3 > li span {width:80px;height:32px;display:block;text-align:center;font-size:.87rem;box-sizing:border-box;line-height:30px;background-color:#fff;border:1px solid #bbb;margin-bottom:5px}
.organ2.atp2 .level2 > li a {width:100%;background:#fff;color:inherit}
.organ2.atp2 .level2 > li a:hover {background-color:#17419A; color:#fff;}
.organ2.atp2 .level1 {display:block;margin-bottom:30px}
.organ2.atp2 .level2 {display:inline-block;padding-left:50px}
.organ2.atp2 .level3 {display:block;width:540px;margin-top:20px;overflow:hidden;margin-left:-4px}
.organ2.atp2 .level2 > li.org13 {width:100%;height:100%;border:none;margin-bottom:6px}
.organ2.atp2 .level2 > li.org13 > a, .organ2.atp2 .level2 > li.org13 > span {width:170px;height:32px;display:block;text-align:center;font-size:.87rem;box-sizing:border-box;line-height:30px;background-color:#fff;border-width:1px 1px 1px 4px;border-style:solid;border-color:#17419a;margin-bottom:6px}
.organ2.atp2 .level2 > li.org13 > a:hover {background-color:#17419A; color:#fff;}
.organ2.atp2 .level2 .org1_3 {width:100%;height:auto;text-align:center;font-size:.87rem;box-sizing:border-box;line-height:30px;background-color:#fff;border-width:1px 1px 1px 4px;border-style:solid;border-color:#17419a;margin-bottom:6px}

.list_faq {overflow:hidden;position:relative;margin:5px 0 20px;border-top:1px solid #e1e1e1;}
.list_faq li {position:relative;font-size:.87rem;border-bottom:1px solid #e1e1e1;}
.list_faq li strong {position:relative;display:block;font-weight:400;padding:10px 10px 10px 30px;color:#585858;background:#f9f9f9}
.list_faq li strong:before {content:"Q";display:block;position:absolute;left:10px;top:9px;color:#1a5bb1;font-size:1rem;font-weight:500}
.list_faq li div {position:relative;padding:10px 10px 10px 30px;font-size:.87rem;color:#585858}
.list_faq li div:before {content:"A";display:block;position:absolute;left:11px;top:10px;color:#666;font-size:1rem;font-weight:500}

.site_link {margin-top:0;margin-bottom:20px}
.site_link li {color:#585858;position:relative;font-size:.87rem;padding-left:140px;min-height:80px;line-height:1.3rem;margin-bottom:15px}
.site_link li img {position:absolute;top:0;left:0;width:130px}
.site_link li strong {display:block;color:#1a5bb1;font-weight:400}
.site_link li span {display:block}
.site_link li a:hover {text-decoration:underline}

.site_link2 {margin-top:0;margin-bottom:0px}
.site_link2 li {color:#585858;position:relative;font-size:.87rem;/* padding-left:230px; */min-height:120px;line-height:1.3rem;margin-bottom:20px;border-bottom:1px solid #e1e1e1;padding-bottom:20px}
/*.site_link2 li img {position:absolute;top:0;left:0;width:210px} 20220607_웹와치 접근성오류개선*/
.site_link2 li a.img_box {display:inline-block; width:210px;vertical-align:top;}
.site_link2 li img {width:210px;border:2px solid transparent;}
.site_link2 li img:hover {border:2px solid #1a5bb1; box-sizing:border-box;}
.site_link2 li .text_box {display:inline-block;width:660px; padding-left:20px;}
.site_link2 li strong {display:block;color:#1a5bb1;font-weight:400;margin-bottom:8px;font-size:.9rem;}
.site_link2 li a:hover {color:#1a5bb1}
.site_link2 li:last-child {border-bottom:0}
.site_link2 li a[target="_blank"]::after {display:none}

.floor_list {border-top:1px solid #e1e1e1;padding-top:20px;margin-top:10px}
.floor_list li {color:#585858;position:relative;font-size:.87rem;padding-left:46px;min-height:20px;line-height:20px;margin-bottom:20px;border-bottom:1px solid #e1e1e1;padding-bottom:20px}
.floor_list li strong {position:absolute;top:2px;left:0;width:46px;font-size:1.3rem;line-height:1.3rem;color:#1a5bb1;font-weight:400}
.floor_list li span {display:block}

/* 발명왕 심사관 */
.inv_img {float:left;width:126px;margin-right:-126px}
.inv_txt {margin-left:126px}
.smart_img {float:left;width:90px;margin-right:-90px}
.smart_img img {width:80px}
.smart_txt {margin-left:90px}
.smart_btn {position:relative;overflow:hidden;margin:15px 0 0}
.smart_btn .add2 {width:240px;margin-bottom:12px}

.tbl_inv {overflow:hidden;border-top:1px solid #222;border-bottom:1px solid #e1e1e1;margin-bottom:20px}
.tbl_inv .b_row {position:relative;display:table;width:100%;table-layout:fixed;overflow:hidden}
.tbl_inv .b_row > strong, .tbl_inv .b_row > div {padding:16px 10px;display:table-cell;vertical-align:middle;border-top:1px solid #e1e1e1;font-size:.87rem;color:#585858}
.tbl_inv .b_row > strong {width:120px;background:#f7f7f7;font-weight:400;;color:#222}
.tbl_inv .b_row > div li {font-size:.87rem;color:#585858;line-height:20px}

/* 심사list */
.simsa {width:100%;overflow:hidden;margin:25px 0}
.simsa .sbox {float:left;width:115px;margin-right:-130px}
.simsa .sbox span {display:block;margin-top:24px;font-size:.95rem}
.simsa .slist {margin-left:130px}
.simsa .slist p {font-size:.95rem;margin-bottom:10px}
.simsa .sb1 {width:115px;height:100px;background: url("../images/patent/01.png") no-repeat;text-align:center;color:#fff}
.simsa .sb2 {width:115px;height:100px;background: url("../images/patent/02.png") no-repeat;text-align:center;color:#fff}
.simsa .sb3 {width:115px;height:100px;background: url("../images/patent/03.png") no-repeat;text-align:center;color:#fff}

.simsa .mbox {float:left;width:160px;min-height:200px;margin-right:-160px}
.simsa .mbox img {border:4px solid #e9e9e9}
.simsa .mbox p {background:#f7f7f7;width:137px;height:36px;line-height:36px;text-align:center;font-size:.82rem;color:#585858;border-bottom:1px solid #e0e0e0;border-top:1px solid #e0e0e0;margin-top:8px}
.simsa .mlist {margin-left:160px}
.simsa .mlist .mtit {color:#333;font-size:1rem;font-weight:500;letter-spacing:-1px;margin:0;padding:0}
.simsa .mlist .mtit span {font-size:.8rem;font-weight:400;letter-spacing:0;margin-left:6px}
.simsa .mlist .mtitle {background:#f7f7f7;color:#585858;padding:12px 16px;border-top:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1;font-size:.87rem;margin:15px 0;overflow:hidden}
.simsa .mlist .mtitle span {display:inline-block;margin-top:5px}
.simsa .mlist .mtitle a:hover {text-decoration:underline}
.simsa .mlist .mtitle .btn {margin:0;/*min-width:110px*/}
.simsa .mlist .mtitle .btn:hover {text-decoration:none}
.simsa .mlist .mtitle select {appearance:none;-moz-appearance:none;-webkit-appearance:none;border-radius:0;-webkit-border-radius:0;-moz-border-radius:0}
.simsa .mlist .mtitle select {height:30px;padding:0 26px 0 10px;font-size:.87rem;border:1px solid #d9d9d9;color:#585858;-webkit-appearance:none;-moz-appearance:none;appearance:none;vertical-align:middle;background: url("../images/select.png") no-repeat;background-position:right 7px center;background-color:#fff;}
.simsa .mlist .mtitle.mbno {margin:0;border-bottom:0}
.simsa .mlist h5 {font-size:.94rem;font-weight:400;color:#3b3f53;margin-bottom:10px;padding-left:15px;vertical-align:top}
.simsa .mlist .list_01 {padding-left:20px;padding-right:16px}
.simsa .mlist .list_01 li.lh {line-height:26px}
.simsa .mlist .list_01 li.lh:before {top:12px}
.simsa .mlist h5 .btn {margin-left:10px;color:#fff}
.simsa .mlist .batch {margin-bottom:10px;margin-left:15px}
.simsa .mlist h5 a {color:#1a5bb1}
.simsa .mlist .dlist {width:100%;overflow:hidden;padding:0 10px}
.simsa .mlist .dlist li {float:left;width:50%;margin-bottom:6px;line-height:20px;color:#585858;position:relative;font-size:.87rem}
.simsa .mlist .dlist li img {vertical-align:top;margin-right:6px;margin-top:4px}
.simsa .mlist .pl {padding:0 16px}
.simsa .mlist h5 img {vertical-align:top;margin-top:3px;margin-left:5px}
.simsa .mlist .mtitle img {vertical-align:top;margin-top:3px;margin-right:5px}

.simsa .mlist .stats_box {overflow:hidden}
.simsa .mlist .stats_box ul {overflow:hidden;border-top:1px solid #e0e0e0;height:240px;overflow-y:auto}
.simsa .mlist .stats_box li {border-bottom:1px solid #e0e0e0;color:#585858;font-size:.87rem;padding:12px 0 13px 12px;position:relative}
.simsa .mlist .stats_box li:hover {background:#f0f3f8;text-decoration:underline}
.simsa .mlist .stats_box li em {position:absolute;right:16px}

.simsa .mlist .stats_box a.btn_solid {padding:0px;margin:0px 0px 0px 5px;width:22px;height:14px;line-height: 27px;overflow:hidden;text-indent:-999PX;font-size:0;display:inline-block}
.simsa .mlist .stats_box a.pdf::after, .simsa .mlist .stats_box a.xls::after, .simsa .mlist .stats_box a.hwp::after, .simsa .mlist .stats_box a.zip::after { position:absolute;left:24px;top:0px}
.simsa .mlist .stats_box a.pdf { background:url("../images/down_pdf.png") no-repeat}
.simsa .mlist .stats_box a.pdf::after { content: "PDF"; }
.simsa .mlist .stats_box a.xls { background: url("../images/down_xls.png") no-repeat}
.simsa .mlist .stats_box a.xls::after { content: "EXCEL"; }
.simsa .mlist .stats_box a.hwp { background: url("../images/down_hwp.png") no-repeat}
.simsa .mlist .stats_box a.hwp::after { content: "HWP"; }
.simsa .mlist .stats_box a.zip { background: url("../images/down_zip.png") no-repeat}
.simsa .mlist .stats_box a.zip::after { content: "ZIP"; }


/*책자통계>통계>통계간행물 스크롤 부분*/
.simsa .mlist .stats_box ul::-webkit-scrollbar {-webkit-appearance:none;width:8px;height:8px}
/* .simsa .mlist .stats_box ul::-webkit-scrollbar:vertical {width:8px} 
.simsa .mlist .stats_box ul::-webkit-scrollbar:horizontal {height:8px}20220303 웹표준CSS오류조치로 삭제*/
.simsa .mlist .stats_box ul::-webkit-scrollbar-thumb {background-color:rgba(0, 0, 0, .5);border-radius:10px;border:2px solid #ffffff} 
.simsa .mlist .stats_box ul::-webkit-scrollbar-track {border-radius:10px;background-color:#ffffff}
.simsa .mlist .stats_box .sbh {height:185px}

/* 팝업 */
/*.modal-open {overflow:hidden}*/
.modal-wrapper {position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100%;z-index:999;display:none;margin:0 !important}
/* 22.03.28_ksh.modal-wrapperDiv 추가(웹 호환성 문제로 div 영역 분리) */
.modal-wrapperDiv {position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100%;z-index:999;display:none;margin:0 !important}
.modal-bg {background-color:rgba(0, 0, 0, 0.5);width:100%;height:100%}
.modal-content {position:absolute;top:10%;right:5%;left:5%;overflow:hidden;margin:0 auto;padding:0;max-width:800px;max-height:700px;width:90%;height:600px;box-shadow:0 0 20px hsla(0, 0%, 0%, 0.35);background-color:#fff}

.pop_up {position:absolute;top:0;right:0;left:0;overflow:hidden;width:100%;height:100vh}
.pop_title {background:#0b2266;text-align:center;padding:13px 0 15px;position:absolute;top:0;left:0;width:100%;height:54px}
.pop_title h3 {color:#fff;display:inline-block;font-size:1rem;font-weight:400;margin:0;padding:0}
.pop_title h3 span {display:inline-block;font-size:1rem}
.pop_title .pop_close {position:absolute;top:15px;right:15px;font-size:0;width:20px;height:20px;background:url("../images/p_close.png") no-repeat}
.p_con {position:absolute;top:54px;bottom:0;left:0;width:100%;overflow-y:auto;padding:0}
.pop_boby {padding:15px 15px 10px;margin:0;overflow:hidden}
.pop_boby.news {padding:0}
.pop_boby.news table tr td {margin:0;padding:0;border:0}
.pop_bottom {border-top:1px solid #e1e1e1;margin:0;padding:10px 10px 0;overflow:hidden}
.pop_bottom a:hover {color:#fff !important}

.agreeBox {background-color:#f7f7f7;padding:16px;font-size:13px}
.agreeBox .ab {color:#666;margin-bottom:10px}
.agreeBox li {color:#585858;line-height:22px;font-size:13px}

.checkBox {border-top:1px solid #e1e1e1;text-align:center;margin:0;padding-top:10px}
.checkBox span {font-size:.87rem;color:#555;margin-right:10px}

.img-wrap {text-align:center;padding:20px;min-height:430px}
.img-wrap img {vertical-align:middle}
.p_tit {font-size:.86rem;margin:16px 0;background:#f7f7f7;border-top:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0;padding:12px}

.pop_boby h3 {color:#444;font-size:.935rem;font-weight:400;letter-spacing:-.5px;padding:6px 0 6px}
.pop_boby .pop_title > h3 {color:#fff;display:inline-block;font-size:1rem;font-weight:400;margin:0;padding:0} /* 개인정보처리방침 페이지 안에 모달팝업 구동시 적용 h3 20230911 추가*/
.pop_boby .list_04 li {margin-bottom:0}
.pop_boby .list_02 li {padding-left:0}
.pop_boby .list_02 li:after {display:none}
.pop_boby h4 {color:#1a5bb1;font-size:.875rem;font-weight:500;letter-spacing:-1px;padding:10px 0 3px}
.pop_boby h4 span {color:#666}
.pop_boby h4.form_tit {font-weight:400}
.pop_boby a[target="_blank"]::after {content:"";width:11px;height:10px;position:relative;display:inline-block;background: url("../images/ico_blank.png") no-repeat;vertical-align:0px;margin-left:4px;margin-right:2px}
.pop_boby a[target="_blank"] {text-decoration:underline}
.pop_boby em {font-style:normal}
.hnews a[target="_blank"]::after{display:none}
.hnews a[target="_blank"] {text-decoration:none}

.list_pop {overflow:hidden;position:relative}
.list_pop li {margin-bottom:6px;font-size:.87rem;color:#585858;display:inline-block;width:49%}
.list_pop li strong {color:#333;font-weight:400}



/* 특허의 이해 영문코드 국가목록 CSS 별도 추가 - s */
.table_pop_ecode {position:relative;overflow:hidden}
.table_pop_ecode {width:100%;table-layout:fixed;border-collapse:collapse;border-top:2px solid #1a5bb1}
.table_pop_ecode th {padding:6px;font-weight:400;border-bottom:solid 1px #ccc;text-align:left;color:#222;background:#f0f3f8;font-size:.8rem}
.table_pop_ecode td {padding:6px;border-bottom:solid 1px #ccc;vertical-align:top;font-size:.8rem;color:#585858;text-align:left;cursor:default;}
.table_pop_ecode.tlist th, .table_pop.tlist td {text-align:center}
/* 특허의 이해 영문코드 국가목록 CSS 별도 추가 - e */


.table_pop {position:relative;overflow:hidden}
.table_pop {width:100%;table-layout:fixed;border-collapse:collapse;border-top:2px solid #1a5bb1}
.table_pop th {padding:6px;font-weight:400;border-bottom:solid 1px #ccc;text-align:left;color:#222;background:#f0f3f8;font-size:.8rem}
.table_pop td {padding:6px;border-bottom:solid 1px #ccc;vertical-align:top;font-size:.8rem;color:#585858;text-align:left;cursor:pointer}
.table_pop.tlist th, .table_pop.tlist td {text-align:center}
 
.tbl_patent {width:100%;table-layout:fixed;border-collapse:collapse;border-top:1px solid #e1e1e1;border-bottom:solid 1px #e1e1e1;margin-bottom:20px}
.tbl_patent thead th {padding:6px;font-weight:400;text-align:center;color:#222;background:#fff;font-size:.8rem}
.tbl_patent tbody th {padding:6px;font-weight:400;border-top:solid 1px #e1e1e1;text-align:left;color:#222;background:#d8e3ef;font-size:.8rem;vertical-align:top}
.tbl_patent tbody td {padding:6px;border-top:solid 1px #fff;vertical-align:top;font-size:.8rem;color:#666;text-align:left}
.tbl_patent .devide {background:#e8e7f7}
.tbl_patent .devide td:first-child {padding-left:10px}
.tbl_patent .devide2 {background:#f7f7f7}
.tbl_patent .devide2 td:first-child {padding-left:20px}


.patent {position:relative;overflow:hidden;border-top:1px solid #e1e1e1;margin-bottom:20px;width:100%}
.patent span {padding:10px;font-weight:400;text-align:left;color:#222;font-size:.8rem;display:inline-block;margin-left:-2px;vertical-align:top}
.patent span:nth-of-type(1) {width:115px}
.patent span:nth-of-type(2) {width:50px}
.patent span:nth-of-type(3) {width:calc(100% - 171px)}
.patent .ptit span {text-align:center}
.patent .devide {background:#e8e7f7;border-bottom:1px solid #fff}
.patent .devide span:nth-of-type(2) {text-align:center}
.patent .devide2 {background:#e4ebf4;margin-left:10px;border-bottom:1px solid #fff}
.patent .devide2 span:nth-of-type(1) {width:105px}
.patent .devide2 span:nth-of-type(2) {text-align:center}
.patent .devide3 {background:#f7f7f7;margin-left:20px;border-bottom:1px solid #fff}
.patent .devide3 span:nth-of-type(1) {width:95px}
.patent .devide3 span:nth-of-type(2) {text-align:center}

/* stepbox */
.stepbox {margin:20px 0;padding:0;width:100%}
.stepbox .step_list {margin-left:0;font-size:0}
.stepbox .step_list .step_item {display:inline-block;position:relative;width:calc(25% - 19px);margin-left:22px;border:1px solid #ccc;text-align:center;vertical-align:top;box-sizing:border-box}
.stepbox .step_list .step_item:first-child {margin-left:0}
.stepbox .step_list .step_item:nth-child(6n + 1) {margin-left:0}
.stepbox .step_list .step_item:before {display:block;position:absolute;top:50%;right:-20px;width:17px;height:16px;margin-top:-8px;background-image:url("../images/stepbox_sprite.png");background-position:left 50%;content:""}
.stepbox .step_list .step_item:last-child:before {display:none}
.stepbox .step_list .step_item.pt {padding-top:40px}
.stepbox .step_list .step_item .step_info {display:inline-block;width:100%;padding:0;vertical-align:top;font-size:.9rem;color:#444}
.stepbox .step_list .step_item .step_info strong {display:block;background:#5383bb;color:#fff;padding:8px 0;font-weight:400}
.stepbox .step_list .step_item .step_info strong.st2 {background:#4775b0}
.stepbox .step_list .step_item .step_info strong.st3 {background:#3e6494}
.stepbox .step_list .step_item .step_info strong.st4 {background:#345685}
.stepbox .step_list .step_item .step_info strong.st5 {background:#27436e}
.stepbox .step_list .step_item .step_info p {display:block;color:#666}
.stepbox .step_list .step_item .step_info .step01 {color:#3e6494;margin-top:10px;font-weight:500;font-size:.9rem;}
.stepbox .step_list .step_item .step_info .step02 {padding:10px 10px 20px;font-size:.85rem;}
.stepbox .step_list .step_item .step_info .step02 span {display:block}
.stepbox .step_list .step_item .step_info .step03 {padding:10px;font-size:.85rem;line-height:1.3rem}


/* 20220929 지식재산스타트업경진대회 콘텐츠추가 CSS (아이디어경제혁신팀 서효원 사무관 요청) */
.stepbox .step_list .step_item_02 {display:inline-block;position:relative;width:calc(17% - 22px);margin-left:22px;border:1px solid #ccc;text-align:center;vertical-align:top;box-sizing:border-box}
.stepbox .step_list .step_item_02:first-child {margin-left:0}
.stepbox .step_list .step_item_02:nth-child(6n + 1) {margin-left:0}
.stepbox .step_list .step_item_02:before {display:block;position:absolute;top:50%;right:-20px;width:17px;height:16px;margin-top:-8px;background-image:url("../images/stepbox_sprite.png");background-position:left 50%;content:""}
.stepbox .step_list .step_item_02:last-child:before {display:none}
.stepbox .step_list .step_item_02 .pt {padding-top:40px}
.stepbox .step_list .step_item_02 .step_info {display:inline-block;width:100%;padding:0;vertical-align:top;font-size:.9rem;color:#444}
.stepbox .step_list .step_item_02 .step_info strong {display:block;background:#5383bb;color:#fff;padding:8px 0;font-weight:400}
.stepbox .step_list .step_item_02:nth-child(3) .step_info .step02 {padding:20px 10px 20px;font-size:.85rem;}
.stepbox .step_list .step_item_02 .step_info strong.st2 {background:#4775b0}
.stepbox .step_list .step_item_02 .step_info strong.st3 {background:#3e6494}
.stepbox .step_list .step_item_02 .step_info strong.st4 {background:#345685}
.stepbox .step_list .step_item_02 .step_info strong.st5 {background:#27436e}
.stepbox .step_list .step_item_02 .step_info p {display:block;color:#666}
.stepbox .step_list .step_item_02 .step_info .step01 {color:#3e6494;margin-top:10px;font-weight:500;font-size:.9rem;}
.stepbox .step_list .step_item_02 .step_info .step02 {padding:10px 10px 10px;font-size:.85rem;}
.stepbox .step_list .step_item_02 .step_info .step02 span {display:block}
.stepbox .step_list .step_item_02 .step_info .step03 {padding:10px;font-size:.85rem;line-height:1.3rem}

/* 20221027 안전보건메뉴 신설 추가 (SR000031067 운영지원과 박진환 요청) */
.stepbox .step_list .step_item_03 {display:inline-block;position:relative;width:calc(17% - 22px);margin-left:22px;border:1px solid #ccc;text-align:center;vertical-align:top;box-sizing:border-box}
.stepbox .step_list .step_item_03:first-child {margin-left:0}
.stepbox .step_list .step_item_03:nth-child(1) .step02 {margin:10px auto; width:75px; height:75px; background-image:url("../images/safetyhealth/safsty_icon_01.png"); background-repeat:no-repeat;}
.stepbox .step_list .step_item_03:nth-child(2) .step02 {margin:10px auto; width:75px; height:75px; background-image:url("../images/safetyhealth/safsty_icon_02.png"); background-repeat:no-repeat;}
.stepbox .step_list .step_item_03:nth-child(3) .step02 {margin:10px auto; width:75px; height:75px; background-image:url("../images/safetyhealth/safsty_icon_03.png"); background-repeat:no-repeat;}
.stepbox .step_list .step_item_03:nth-child(4) .step02 {margin:10px auto; width:75px; height:75px; background-image:url("../images/safetyhealth/safsty_icon_04.png"); background-repeat:no-repeat;}
.stepbox .step_list .step_item_03:nth-child(5) .step02 {margin:10px auto; width:75px; height:75px; background-image:url("../images/safetyhealth/safsty_icon_05.png"); background-repeat:no-repeat;}
.stepbox .step_list .step_item_03:nth-child(6) .step02 {margin:10px auto; width:75px; height:75px; background-image:url("../images/safetyhealth/safsty_icon_06.png"); background-repeat:no-repeat;}
.stepbox .step_list .step_item_03:nth-child(6n + 1) {margin-left:0}
.stepbox .step_list .step_item_03:before {display:block;position:absolute;top:50%;right:-20px;width:17px;height:16px;margin-top:-8px;background-image:url("../images/stepbox_sprite.png");background-position:left 50%;content:""}
.stepbox .step_list .step_item_03:last-child:before {display:none}
.stepbox .step_list .step_item_03 .pt {padding-top:40px}
.stepbox .step_list .step_item_03 .step_info {display:inline-block;width:100%;padding:0;vertical-align:top;font-size:.9rem;color:#444}
.stepbox .step_list .step_item_03 .step_info strong {display:block;background:#5383bb;color:#fff;padding:8px 0;font-weight:400}
.stepbox .step_list .step_item_03 .step_info strong.st2 {background:#4775b0}
.stepbox .step_list .step_item_03 .step_info strong.st4 {background:#345685}
.stepbox .step_list .step_item_03 .step_info strong.st5 {background:#27436e}
.stepbox .step_list .step_item_03 .step_info .step02 {display:block; color:#666; font-size:.85rem;}
.stepbox .step_list .step_item_03 .step_info .step02 span {display:block}

/* 20221024  채용정보 메뉴  하위 신설  추가 (SR000031751 운영지원과 김재근 요청) */
.stepbox .step_list_01 {margin-left:0;font-size:0}
.stepbox .step_list_01 .one {height:60px;background:#f0f3f8;border:1px solid #ddd !important}
.stepbox .step_list_01 .step_item {display:inline-block;position:relative;width:calc(32% - 13px);margin-left:22px;border:1px solid #ccc;text-align:center;vertical-align:top;box-sizing:border-box}
.stepbox .step_list_01 .step_item:first-child {margin-left:0}
.stepbox .step_list_01 .step_item:nth-child(6n + 1) {margin-left:0}
.stepbox .step_list_01 .step_item:before {display:block;position:absolute;top:50%;right:-18px;width:12px;height:12px; margin-top:-8px;background-image:url("../images/stepbox_plus.png");background-position:left 50%;content:""}
.stepbox .step_list_01 .step_item:last-child:before {display:none}
.stepbox .step_list .step_item_04 {display:inline-block;position:relative;width:calc(33% - 21px);margin-left:22px;border:1px solid #ccc;text-align:center;vertical-align:top;box-sizing:border-box;}
.stepbox .step_list .step_item_04:first-child {margin-left:0}
.stepbox .step_list .step_item_04:nth-child(1) {}
.stepbox .step_list .step_item_04:nth-child(2) li {letter-spacing:-0.05rem;}
.stepbox .step_list .step_item_04:nth-child(3) {}
.stepbox .step_list .step_item_04:nth-child(4) {margin-left:0; margin-top:20px;} 
.stepbox .step_list .step_item_04:nth-child(4) .list_02 {padding-bottom:6px;}
.stepbox .step_list .step_item_04:nth-child(5) {margin-top:20px;}
.stepbox .step_list .step_item_04:nth-child(6) {margin-top:20px;}
.stepbox .step_list .step_item_04:before {display:block;position:absolute;top:50%;right:-20px;width:17px;height:16px;margin-top:-8px;background-image:url("../images/stepbox_sprite.png");background-position:left 50%;content:""}
.stepbox .step_list .step_item_04:last-child:before {display:none}
.stepbox .step_list .step_item_04 .list_02 {overflow:hidden; position:relative; text-align:left; padding-left:9px;}
.stepbox .step_list .step_item_04 .list_02 li {margin-bottom:6px;line-height:1.4rem;color:#585858;padding-left:9px;position:relative;font-size:.875rem;}
.stepbox .step_list .step_item_04 .list_02 li:before {content:"";display:block;position:absolute;left:0;top:10px;width:4px;height:4px;background:#1a5bb1;border-radius:2px}
.stepbox .step_list .step_item_04 .pt {padding-top:40px}
.stepbox .step_list .step_item_04 .step_info {display:inline-block;width:100%;padding:0;vertical-align:top;font-size:.9rem;color:#444}
.stepbox .step_list .step_item_04 .step_info strong {display:block;background:#5383bb;color:#fff;padding:8px 0;font-weight:400}
.stepbox .step_list .step_item_04 .step_info strong.st2 {background:#4775b0}
.stepbox .step_list .step_item_04 .step_info strong.st4 {background:#345685}
.stepbox .step_list .step_item_04 .step_info strong.st5 {background:#27436e}
.stepbox .step_list .step_item_04 .step_info .step02 {display:block; color:#666; font-size:.85rem;}
.stepbox .step_list .step_item_04 .step_info .step02 span {display:block}



/* 20221116 정보 R&D 우수특허 창출 활용 지원 메뉴 추가  아이디어경제혁신팀 박태균 주무관*/
.stepbox .step_list {margin-left:0;font-size:0}
.stepbox .step_list .step_item_05 {display:inline-block;position:relative;width:calc(33% - 12px);margin-left:22px;border:1px solid #ccc;text-align:center;vertical-align:top;box-sizing:border-box}
.stepbox .step_list .step_item_05:first-child {margin-left:0}
.stepbox .step_list .step_item_05:nth-child(6n + 1) {margin-left:0}
.stepbox .step_list .step_item_05:before {display:block;position:absolute;top:50%;right:-20px;width:17px;height:16px;margin-top:-8px;background-image:url("../images/stepbox_sprite.png");background-position:left 50%;content:""}
.stepbox .step_list .step_item_05:last-child:before {display:none}
.stepbox .step_list .step_item_05:nth-child(1) .list_02 {padding-left:15px;}
.stepbox .step_list .step_item_05:nth-child(2) .list_02 {padding:30px 0 24px 15px;}
.stepbox .step_list .step_item_05:nth-child(3) .list_02 {padding:30px 0 31px 15px;}
.stepbox .step_list .step_item_05:nth-child(4) {margin-left:0; width:100%; margin-top: 20px;}
.stepbox .step_list .step_item_05 .list_02 {overflow:hidden; position:relative; text-align:left; padding-left:9px;}
.stepbox .step_list .step_item_05 .list_02 li {margin-bottom:6px;line-height:1.4rem;color:#585858;padding-left:9px;position:relative;font-size:.875rem;}
.stepbox .step_list .step_item_05 .list_02 li:before {content:"";display:block;position:absolute;left:0;top:10px;width:4px;height:4px;background:#1a5bb1;border-radius:2px}
.stepbox .step_list .step_item_05.pt {padding-top:40px}
.stepbox .step_list .step_item_05 .step_info {display:inline-block;width:100%;padding:0;vertical-align:top;font-size:.9rem;color:#444}
.stepbox .step_list .step_item_05 .step_info strong {display:block;background:#5383bb;color:#fff;padding:8px 0;font-weight:400}
.stepbox .step_list .step_item_05 .step_info strong.st2 {background:#4775b0}
.stepbox .step_list .step_item_05 .step_info strong.st3 {background:#3e6494}
.stepbox .step_list .step_item_05 .step_info strong.st4 {background:#345685}
.stepbox .step_list .step_item_05 .step_info strong.st5 {background:#27436e}
.stepbox .step_list .step_item_05 .step_info p {display:block;color:#777; padding-top:5px;}
.stepbox .step_list .step_item_05 .step_info .step01 {color:#3e6494;margin-top:10px;font-weight:500;font-size:.9rem;}
.stepbox .step_list .step_item_05 .step_info .step02 {padding:10px 10px 20px;font-size:.85rem;}
.stepbox .step_list .step_item_05 .step_info .step02 span {display:block}
.stepbox .step_list .step_item_05 .step_info .step03 {padding:10px;font-size:.85rem;line-height:1.3rem}


.stepbox a[target="_blank"]:after {content:"";display:inline-block;width:11px;height:12px;background:url(../images/icon_mMenu_window.png) no-repeat;margin-left:5px;position:relative;right:0}

.stepbox .step_list .w2 {width:calc(33.3% - 19px)}
.stepbox .step_list .w3 {width:calc(16% - 19px)}
.stepbox .step_list .w4 {width:calc(20% - 19px)}
.stepbox .step_list .step_item:nth-child(7):before {display:none}
.stepbox .step_list .step_item .step_info .small {font-size:.79rem}

.stepbox .one {height:80px;background:#f0f3f8;border:1px solid #ddd !important}
.stepbox .one span {display:table;width:100%;height:100%}
.stepbox .one strong {display:table-cell;vertical-align:middle;font-weight:400;font-size:.8rem;color:#333}

.stepbox .one2 {height:120px;background:#f0f3f8;border:1px solid #ddd !important;padding:0 10px}
.stepbox .one2 span {display:table;width:100%;height:100%}
.stepbox .one2 strong {display:table-cell;vertical-align:middle;font-weight:400;font-size:.8rem;color:#333}

.stepbox .step_list .step_item.bno3:before {display:none}
.stepbox .step_list .step_item.bno3 .step_info .step02 {padding:10px 15px;min-height:100px}
.stepbox .step_list .step_item.bno3 a {color:#fff}

.stepbox .step_list .step_item.bno4 .step_info .step02 {padding:10px 15px;min-height:60px}

.stepbox .step_list .step_item.bno5 .step_info .step02 {padding:10px 15px;min-height:32px;line-height:32px}
.stepbox .step_list .step_item.bno6 .step_info .step02 {padding:10px 15px;min-height:100px}

.stepbox .step_list .step_item.bno7 .step_info .step02 {padding:10px 15px;min-height:50px;line-height:50px}

.obox {border:solid 1px #ccc;overflow:hidden}
.obox .o_tit {border-bottom:solid 1px #ccc;text-align:center;color:#222;background:#f0f3f8;font-size:.87rem;padding:10px 0}
.obox .o_con {font-size:.87rem;color:#585858;text-align:center;padding:16px 0;line-height:1.5rem}

.rbox {width:100%;overflow:hidden;margin:20px 0}
.rbox .rimg {float:right;width:315px;text-align:right}
.rbox .rlist {float:left;width:calc(100% - 315px)}

/* 국정과제 > 국정비전 및 국정목표 외 */
.gover_con > h3 {font-size:1.4rem;font-weight:500;}
.gover_con > h4 {font-size:1.2rem;font-weight:500;letter-spacing: -1.2px;padding: 10px 0;color:#1a5bb1;}
.gover_con > h5 {font-size:1rem;font-weight:500;padding:10px 0;}
.gover_con img {max-width:100%;}
.gover_con .gover {overflow:hidden; margin-bottom:20px}
.gover_con .gover li {background:#fff;position:relative;padding:16px 16px 20px 146px;min-height:126px;border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1}
.gover_con .gover li::before {content:"";display:block;width:87px;height:87px;position:absolute;left:20px;top:20px;background-position:center 50%;background-repeat:no-repeat;background-size:contain}
.gover_con .gover li.icon01::before {background-image:url("../images/icon_gover_01.png")}
.gover_con .gover li > p {margin:0;font-size:1.3rem;font-weight:500;color:#1a5bb1;padding-top:27px;}



/* 특허청공무원정책국민추천 */
.rec_step {overflow:hidden;margin-bottom:20px}
.rec_step li {background:#fff;position:relative;padding:16px 16px 20px 146px;min-height:126px;border-top:1px solid #e1e1e1}
.rec_step li::before {content:"";display:block;width:87px;height:87px;position:absolute;left:20px;top:20px;background-position:center 50%;background-repeat:no-repeat;background-size:contain}
.rec_step li:last-child {border-bottom:1px solid #e1e1e1}
.rec_step li h5 {margin:0;font-size:1rem;font-weight:400;color:#1a5bb1;padding:8px 0 5px}
.rec_step li p {margin:2px 0px;font-size:.87rem;color:#585858}
.rec_step li p strong {font-weight:400;color:#1a5bb1;}
.rec_step li.bn01::before {background-image:url("../images/rec_01.png")}
.rec_step li.bn02::before {background-image:url("../images/rec_02.png")}
.rec_step li.bn03::before {background-image:url("../images/rec_03.png")}
.rec_step li.bn04::before {background-image:url("../images/rec_04.png")}
.rec_step li.bn05::before {background-image:url("../images/rec_05.png")}

/* 연혁 */
.history .hlist {border-top:1px solid #e1e1e1;margin-top:10px}
.history .hlist li {padding:20px 0px 20px 12%;position:relative;border-bottom:1px solid rgb(222, 222, 222)}
.history .hlist li .year {font-size:1.8rem;line-height:1.8rem;color:#1a5bb1;font-weight:400;position:absolute;left:0px;top:20px;letter-spacing:-.05rem}
.history .hlist li .year span {display:block;margin-left:20px;color:#1a5bb1}
.history .hlist li ul {border:0px}
.history .hlist li ul li {padding:0px 0px 0px 11%;border:0px;margin-top:10px;font-size:.87rem}
.history .hlist li ul li:first-child {margin-top: 0px; }
.history .hlist li ul li .day {color:#333;position:absolute;left:0px;top:0px;text-align:center;letter-spacing:0}
.history .hlist li ul li .day em {display:block; font-size:.8rem;color:#585858;font-style:normal}
.history .hlist li ul li p {color:#585858;margin-bottom:3px}
.history .hlist li ul li ul {padding:0;margin:6px 0}
.history .hlist li ul li ul li {padding:0;margin:0;font-size:.87rem;margin-bottom:3px;color:#585858;position:relative;padding-left:7px}
.history .hlist li ul li ul li:before {content:"-";display:block;position:absolute;left:0;top:0}
.history .hlist li ul li.mb3 {margin-bottom:30px}

/* MI */
.mi_color {border:1px solid #e1e1e1;margin-top:10px;padding:2% 2%;overflow:hidden}
.mi_color li {float:left;width:50%;color:rgb(70, 120, 212);font-family: Verdana;font-weight:bold;font-size:11px;padding:2% 2%}
.mi_color li strong {font-family:Dotum;color:rgb(0, 0, 0);font-size: 12px}
.mi_color li span {color:rgb(102, 102, 102);font-weight: normal}
.mi_color div.color_01 {background:rgb(0, 55, 100);padding:5px;margin-bottom:10px}
.mi_color div.color_02 {background:rgb(228, 3, 46);padding:5px;margin-bottom:10px}
.mi_color div.color_03 {background:rgb(87, 87, 87);padding:5px;margin-bottom:10px}
.mi_color div.color_04 {background:rgb(255, 255, 255);padding:5px;margin-bottom:10px;border:1px solid #e1e1e1}

/* 조직검색 */
.org_tit {color:#333;font-size:1rem;font-weight:400;letter-spacing:-1px;padding:0 0 10px}
.org_img {float:left;width:100px;margin-right:-110px;vertical-align:top;margin-top:10px}
.org_img img {width:100%}
/* 25.08.07.jnh 이미지 삭제로 인한 좌측 여백 삭제 
.org_txt {margin-left:110px} 
*/

.defSchBox hr {margin:5px 0 !important}
.defSchBox .fSch {position:relative;padding:0;text-align:left}
.defSchBox .fSch input[type="text"] {appearance:none;-moz-appearance:none;-webkit-appearance:none;border-radius:0;-webkit-border-radius:0;-moz-border-radius:0}
.defSchBox .fSch input[type="text"] {width:70px;height:35px;font-size:14px;border:1px solid #d9d9d9;text-indent:5px;background:#fff;color:#585858;vertical-align:middle;box-sizing:border-box;padding:0 3px}
/* 202500527 웹접근성 오류 개선 만족도 placeholder 명도대비 백업 : {color:#aaa;opacity:1} */ 
.defSchBox .fSch input[type="text"]::-webkit-input-placeholder {color:#747474;opacity:1}
.defSchBox .fSch input[type="text"]::-moz-placeholder {color:#747474;opacity:1}
.defSchBox .fSch input[type="text"]:-ms-input-placeholder {color:#747474;opacity:1}
.defSchBox .fSch input[type="text"]::-ms-input-placeholder {color:#747474;opacity:1}
.defSchBox .fSch label {font-size:.87rem;color:#585858;margin-right:6px}
.defSchBox .fSch .fS_srch {font-size:.87rem;color:#585858;padding:10px 0}
.defSchBox .fSch .fS_link {font-size:.87rem;color:#585858;margin-top:10px}
.defSchBox .fSch .fS_link a {margin:0 3px}
.defSchBox .fSch .fS_link a:hover {color:#1a5bb1;text-decoration:underline}

/* 인사말 */
.introduce {position:relative;overflow:hidden;margin-top:20px}
.introduce p {font-size:.9rem;margin:10px 0;letter-spacing:-.03rem;color:#666}
.introduce .i_img {background:#d4dfe6 url("../images/i_img_bg.png?v=2024072301") no-repeat top right;position:relative;margin-top:0px;padding:50px 40px 30px 450px;margin-bottom:30px;overflow:hidden}
.introduce .i_img p {color:#000; margin:0;font-size:1.125rem;}
.introduce .i_img .iimg {/* width:190px;height:233px; */width:324px;height:252px;background:url("../images/i_img.png?v=2024072301") no-repeat;position:absolute;bottom:0px;left:30px}
.introduce .i_img .i_name {text-align:right;font-size:.875rem;margin-top:70px}

/* 20240723 김완기 청장님 인사말 배경 및 사진 수정 반응형 추가 */
@media (max-width:780px) {
.introduce .i_img {padding:50px 40px 30px 380px}
}

@media (max-width:710px) {
.introduce .i_img {padding:50px 40px 30px 350px}
}

@media (max-width:680px) {
.introduce .i_img {padding:50px 30px 30px 375px}
.introduce .i_img .iimg {left:0px}
}


@media (max-width:680px) {
.introduce .i_img {padding:50px 30px 30px 320px}

}

@media (max-width:636px) {
.introduce .i_img {padding:50px 30px 30px 287px}
.introduce .i_img .iimg {left:-40px}
}


 @media (max-width:603px) {
.introduce .i_img {padding:50px 30px 30px 250px}
.introduce .i_img .iimg {left:-60px}
}





/* 청장과의 대화 */
.talk {position:relative;overflow:hidden;margin:10px 0 20px}
.talk .talk_img {width:234px;float:left;min-height:289px;margin-right:-250px}
/* .talk .talk_txt {margin-left:250px;padding-top:15px}  */
.talk .talk_txt {padding-top:15px} /* 청장님 공석시 사진삭제용 */ 
.talk .talk_txt p {font-size:.9rem;margin-bottom:15px;letter-spacing:-.03rem;color:#666}

/* 역대청장 */
.lend {position:relative;overflow:hidden;margin-top:20px}
.lend li {width:50%;float:left;color:#585858;position:relative;font-size:.87rem;padding-left:90px;min-height:106px;line-height:1.3rem;margin-bottom:20px;border-bottom:1px solid #e1e1e1;padding-bottom:20px}
.lend li img {position:absolute;top:0;left:0;width:75px}
.lend li strong {display:block;color:#666;font-weight:500;margin-bottom:3px;font-size:.9rem;}

/* 주요일정 */
.cal_box {position:relative;overflow:hidden;padding-top:10px}
.cal_box .cal_sel {float:left;width:50%}
.cal_box .cal_sel table {width:100%;border-collapse:collapse}
.cal_box .cal_sel table .sun {color:#cd3749}
.cal_box .cal_sel table .sat {color:#1a5bb1}
.cal_box .cal_sel table th, .cal_box .cal_sel table td {border:1px solid #e1e1e1;text-align:center;font-size:.875rem;font-weight:400;height:46px}
.cal_box .cal_sel table th {color:#333;padding:8px 10px;background:#fafafc}
.cal_box .cal_sel table td {color:#666}
.cal_box .cal_sel table a {display:block;line-height:45px}
.cal_box .cal_sel table a:hover {background:#f0f3f8;text-decoration:underline}
/*.cal_box .cal_sel table .select a, .cal_box .cal_sel table .select td a .cal_box .cal_sel table tbody td a {background:#f0f3f8}*/
.cal_box .cal_sel table td.today a {background:#1a5bb1;color:#fff;cursor:pointer}
.cal_box .cal_sel table td.today a font {color:#fff !important}
.cal_box .cal_select {position:relative;overflow:hidden;margin-bottom:10px;text-align:center}
.cal_box .cal_select select {appearance:none;-moz-appearance:none;-webkit-appearance:none;border-radius:0;-webkit-border-radius:0;-moz-border-radius:0}
.cal_box .cal_select select {height:35px;padding:0 30px 0 10px;font-size:14px;border:0px solid #d9d9d9;color:#585858;-webkit-appearance:none;-moz-appearance:none;appearance:none;vertical-align:middle;background:url("../images/select.png") no-repeat;background-position:right 7px center;background-color:#fff;/*width:calc(50% - 35px)*/}
.cal_box .cal_select .prev_month {width:30px;height:35px;font-size:0;display:inline-block;vertical-align:top;background:url("../images/m_prev.png") no-repeat top 10px left 11px}
.cal_box .cal_select .next_month {width:30px;height:35px;font-size:0;display:inline-block;vertical-align:top;background:url("../images/m_next.png") no-repeat top 10px left 11px}
.cal_box .cal_list {float:left;width:50%;padding-left:30px;margin-top:40px}
.cal_box .cal_list h4 {color:#333;padding:0;margin:0;font-size:.9rem;font-weight:400;margin-bottom:10px}
.cal_box .cal_list table {width:100%;border-collapse:collapse;margin-bottom:20px}
.cal_box .cal_list table th {padding:10px 10px;font-weight:400;border-top:solid 1px #e1e1e1;;border-bottom:solid 1px #e1e1e1;text-align:center;color:#222;background:#fafafc;font-size:.87rem}
.cal_box .cal_list table td {padding:10px 10px;border-bottom:solid 1px #e1e1e1;vertical-align:middle;font-size:.87rem;color:#585858;line-height:20px;text-align:center}
.cal_box .cal_list table td:nth-child(3) {text-align:left}


/* WIPO 파견자 소개  신규메뉴 생성-241028 김승현 요청 */
.WIPO_ment {position:relative;overflow:hidden;width:100%;height:40px;margin-bottom:20px}
.WIPO_ment .ment_01 {font-size:1.125rem;color: #1556AC}
.WIPO_box {margin-left:200px} 
.WIPO_box p.ment_02 {font-size:1.125rem; padding-top:10px}
.WIPO_box .WIPO_text {font-size: .9rem; letter-spacing: -.03rem;color: #666}
.WIPO_img {float:left;width:180px;margin-right:-200px;vertical-align:top}

@media (max-width: 600px){
.WIPO_ment {height:auto}	
.WIPO_box p.ment_02 {text-align:center}
.WIPO_img {float: inherit;width: 100%;margin-right: 0;vertical-align: top;text-align: center}
.WIPO_box { margin-left:0}
}


/* 자료다운 */
.sang_list ul {position:relative;overflow:hidden;width:100%}
.sang_list li {position:relative;overflow:hidden;margin-bottom:16px}
.sang_list li:last-child {padding-bottom:16px;border-bottom:1px solid #e0e0e0}
.slist {position:relative;overflow:hidden}
.slist .stit {border-top:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0;margin-bottom:16px;padding:10px;font-size:.875rem}
.slist img {float:left;width:130px;margin-right:-140px;padding-left:10px}
.slist p {padding-left:140px;font-size:.875rem;padding-right:10px;color:#585858}
.slist p.goodsLine { border-bottom: 1px solid #e0e0e0; margin-left: 140px; padding-left: 0px; padding-bottom: 10px; margin-bottom: 10px;}

/*사이트맵*/
.sitemap {overflow:hidden;position:relative;margin:0}
.sitemap .area_line {width:100%;margin:0;display:inline-block}
.sitemap .area_line div {float:left;width:100%;margin:0;padding:0;box-sizing:border-box}
.sitemap .area_line div:last-child {margin-right:0}
.sitemap .area_line h5 {margin:0;line-height:30px;border-bottom:2px solid #333;color:#333;width:100%;padding:11px 0;font-size:1.2rem;margin-bottom:10px}
.sitemap .area_line div > ul {margin:0}
.sitemap .area_line div > ul > li {margin:0 0 8px;padding:0 0 8px;border-bottom:1px dashed #d8d8d8}
.sitemap .area_line div > ul > li > a {position:relative;padding-left:15px;color:#666;font-size:.93rem}
.sitemap .area_line div > ul > li > a:before, .sitemap .area_line ul ul li a:before {position:absolute;display:inline-block;width:3px;height:3px}
.sitemap .area_line div > ul > li > a:before {content:'';top:10px;left:6px;background:#909090}
.sitemap .area_line ul ul {margin:8px 0 0;padding:8px 11px;background:#f8f8f8;overflow:hidden}
.sitemap .area_line ul ul li {margin:0;float:left;padding:3px 15px 3px 0}
.sitemap .area_line ul ul li a {position:relative;display:inline-block;padding-left:8px;font-size:.875rem;color:#666}
.sitemap .area_line ul ul li a:before {content:'-';left:0;margin:0 6px 0 0}
.sitemap .area_line div > ul > li > a:hover, .sitemap .area_line div > ul > li > a:focus {text-decoration:underline;color:#1757b7}
.sitemap .area_line ul ul li a:hover, .sitemap .area_line ul ul li a:focus {text-decoration:underline;color:#1757b7}
.sitemap .area_line div a[target="_blank"]::after {content:"";width:11px;height:10px;position:relative;display:inline-block;background: url("../images/ico_blank.png") no-repeat;vertical-align:0px;margin-left:4px;margin-right:2px}
.sitemap .area_line div a[target="_blank"] {text-decoration:none}

.srchw {width:100%;margin-left:0 !important}
.srchw .page_con {width:100%}

.login {width:100%;margin-left:0 !important}
.login .page_con {width:100%}

.loginWrap {display:table;width:100%;padding:30px 30px;border:1px solid #e8e8e8;margin-bottom:15px}
.loginWrap:after {content:"";display:block;clear:both}
.loginWrap h2 {display:block;color:#333;font-size:1.2rem;font-weight:500;padding:15px 0;border-bottom:3px solid #333;text-align:center;margin:0 10%}
.loginWrap .login01 {display:table-cell;width:50%;vertical-align:top;padding-right:40px}
.loginWrap .login02 {display:table-cell;width:50%;padding-left:40px;border-left:1px solid #e8e8e8}
.loginWrap .login03 {display:table-cell;width:50%;padding-left:40px;background:url("../images/login.png") no-repeat 50% 50%;background-size:contain}
.loginWrap .login_in {padding:20px 10%;font-size:.938rem}
.loginWrap .login_in p {text-align:center}
.loginWrap .login_in input[type=text] {width:100%;height:40px;padding:0 16px;border:1px solid #ced4da;color:#212121;font-size:.938rem;margin-bottom:10px}
.loginWrap .login_in .login_box {margin-top:15px}
.loginWrap .login_in fieldset:after {content:'';display:block;clear:both}
.loginWrap .login_in .b_login {display:block;float:left;width:100%;height:40px;border:none;color:#fff;font-size:.938rem;text-align:center;line-height:40px;background:#1c2674 url("../images/onepass.png") 15px 10px no-repeat}
.loginWrap .login_in .info_link {margin-top:25px}
.loginWrap .login_in .info_link:after {content:'';display:block;clear:both}
.loginWrap .login_in .info_link a {float:left;width:50%}
.loginWrap .login_in .info_link a:first-child {margin-left:0}
.loginWrap .login_in .info_link a {position:relative;display:block;font-size:.875rem;text-align:center}
.loginWrap .login_in .info_link a:before {content:'';position:absolute;top:50%;margin-top:-8px;left:0;width:0;height:18px;border-left:1px solid #d2d2d2}
.loginWrap .login_in .info_link a:first-of-type:before {display:none}
.loginWrap .login_in .info_link a:hover {text-decoration:underline}

.login_site {width:100%;padding:40px;overflow:hidden;margin:20px auto 0;border:1px solid #e8e8e8}
.login_site p {font-size:1.1rem;line-height:30px;text-align:center}
.login_site p strong {font-weight:500;color:#0b2266}
.login_site ul {position:relative;overflow:hidden;padding-top:50px}
.login_site li {float:left;width:48.8%; margin-right:2.4%;margin-bottom:2.4%}
.login_site li:nth-child(2n) {margin-right:0}
.login_site li a {position:relative;display:block;width:100%;height:120px;padding:8px 24px;box-sizing:border-box;/*box-shadow:0px 0px 11px 0px rgba(0, 0, 0, 0.1)*/}
.login_site li a.site1 {background:url("../images/login_01.png") right 8% top 50% no-repeat #edeef1}
.login_site li a.site2 {background:url("../images/login_02.png") right 8% top 50% no-repeat #edeef1}
.login_site li a .siteName {display:block;font-size:1.1rem;color:#333;padding:10px 0 15px;font-weight:500}
.login_site li a:hover .siteName, 
.login_site li a:focus .siteName {text-decoration:underline}

.h500 {height:540px}
.h300 {width:600px;height:290px;top:30%}
.h350 {width:610px;height:310px;top:30%} /* 240905 상품해설서 > 검색 눌렀을때 뜨는 상품해설서－신규상품명칭 제안 창 크기 변경 */ 
.h400 {width:600px;height:440px;top:20%} /* 240314 상품해설서 도움말 창 크기 변경 */
.h540 {width:660px;height:540px;top:30%} /* 240905 상품해설서 상품해설 제안 창 크기 변경 */ 
.h4_1 {width:600px;height:420px}
.h4_2 {width:600px;height:580px}
.h4_3 {width:600px;height:350px}
.h4_4 {width:600px;height:500px}
.h4_5 {width:600px;height:650px}
.hinfo {height:480px}
.hnews {width:650px;height:900px}

.lends {position:relative;overflow:hidden;margin-top:20px}
.lends li {width:50%;float:left;color:#585858;position:relative;font-size:.87rem;padding-left:90px;min-height:106px;line-height:1.3rem;margin-bottom:20px;border-bottom:1px solid #e1e1e1;padding-bottom:20px}
.lends li div {position:absolute;top:0;left:0;width:75px}
.lends li strong {display:block;color:#666;font-weight:500;margin-bottom:3px;font-size:.9rem;}

@media (max-width:1160px) {
.site_link2 li .text_box {display:inline-block;width:600px; padding-left:20px;}	
}

@media (max-width:1092px) {
.txt {padding:0 15px;}
}

@media (max-width:1024px) {
.txt {padding:0 15px}
.loginWrap h2 {margin:0 0}
.loginWrap .login_in {padding:20px 0}
.site_link2 li .text_box {display:inline-block;width:559px; padding-left:20px;}	
}

@media (max-width:1103px) {
.site_link2 li .text_box {display:inline-block;width:590px; padding-left:20px;}	
}

@media (max-width:1100px) {
/* 20221024  채용정보 메뉴  하위 신설 모바일 추가 (SR000031751 운영지원과 김재근 요청) */		
.stepbox .step_list_01 .step_item {width:calc(32% - 13px);}	
.stepbox .step_list .step_item_04 {width:calc(33% - 21px);}

}

@media (max-width:970px) {
.stepbox .step_list .step_item_02 {display:inline-block;position:relative;width:calc(32% - 10px);margin-left:22px;border:1px solid #ccc;text-align:center;vertical-align:top;box-sizing:border-box}
.stepbox .step_list .step_item_02:nth-child(4) {margin-left:0; margin-top:20px;}
.stepbox .step_list .step_item_02:nth-child(5), .stepbox .step_list .step_item_02:nth-child(6) {margin-top:20px;}

/* 20221027 안전보건메뉴 신설 모바일 추가 (SR000031067 운영지원과 박진환 요청) */
.stepbox .step_list .step_item_03 {display:inline-block;position:relative;width:calc(32% - 10px);margin-left:22px;border:1px solid #ccc;text-align:center;vertical-align:top;box-sizing:border-box}
.stepbox .step_list .step_item_03:nth-child(4) {margin-left:0; margin-top:20px;}
.stepbox .step_list .step_item_03:nth-child(5), .stepbox .step_list .step_item_03:nth-child(6) {margin-top:20px;}
}

@media (max-width:910px) {
.stepbox .step_list .step_item_05 .step_info {width:100%;} 	
}

@media (max-width:900px) {
/* 20221116 정보 R&D 우수특허 창출 활용 지원 메뉴 추가  아이디어경제혁신팀 박태균 주무관*/	
.stepbox .step_list .step_item_05 {display:block;position:relative;width:100%;border:1px solid #ccc;text-align:center;vertical-align:top;box-sizing:border-box}
.stepbox .step_list .step_item_05:before {top: auto;bottom: -29px;left: 50%;width: 16px;height: 16px;margin-left: -8px; background-image: url(../images/stepbox_vertical_sprite.png);}
.stepbox .step_list .step_item_05 {display:block; width:100% !important; height:auto !important; min-height:auto; margin-left:0 !important;}
.stepbox .step_list .step_item_05:nth-child(n + 2) {margin-top:40px !important;}
.stepbox .step_list .step_item_05:before{top:auto; bottom:-29px; left:50%; width:16px; height:16px; margin-left:-8px; background-image:url("../images/stepbox_vertical_sprite.png") }
.stepbox .step_list .step_item_05 .step_info{width:100%;}
.stepbox .step_list .step_item_05.pt {padding:10px 0}
.stepbox .step_list .step_item_05 .step_info .ul_type_03 {height:auto}
.stepbox .step_list .step_item_05 .step_info .step02 span {display:inline}	
.stepbox .step_list .step_item_05:nth-child(2):before {display:block}
}

@media (max-width:863px) {
.site_link2 li .text_box {display:inline-block;width:559px; padding-left:20px;}	
}


@media (max-width:833px) {
.stepbox .step_list .step_item_02 {display:inline-block;position:relative;width:calc(47% - 7px);margin-left:22px;border:1px solid #ccc;text-align:center;vertical-align:top;box-sizing:border-box}
.stepbox .step_list .step_item_02:nth-child(3), .stepbox .step_list .step_item_02:nth-child(5) {margin-left:0; margin-top:20px;}
.stepbox .step_list .step_item_02:nth-child(4) {margin-left:23px; margin-top:20px;}
.stepbox .step_list .step_item_02:nth-child(6) {margin-top:20px;}

/* 20221027 안전보건메뉴 신설 모바일 추가 (SR000031067 운영지원과 박진환 요청) */
.stepbox .step_list .step_item_03 {display:inline-block;position:relative;width:calc(47% - 7px);margin-left:22px;border:1px solid #ccc;text-align:center;vertical-align:top;box-sizing:border-box}
.stepbox .step_list .step_item_03:nth-child(3), .stepbox .step_list .step_item_03:nth-child(5) {margin-left:0; margin-top:20px;}
.stepbox .step_list .step_item_03:nth-child(4) {margin-left:23px; margin-top:20px;}
.stepbox .step_list .step_item_03:nth-child(6) {margin-top:20px;}

}



@media (max-width:810px) {
.site_link2 li .text_box {display:inline-block;width:500px; padding-left:20px;}	
}

/* 25.02.14 디자인분류코드 버튼 2개 글잘림 현상 수정(25.02.24 커밋) */
@media (max-width:786px) {
.btnAreaLR .btn.bw48 {display:block;width:48%;float:left;text-align:left;margin-bottom:5px}
/* 청소개 > 조직소개 > 본청 조직도 잘림 현상 이 있어 768px > 786px부터 스타일 변경 시작 */
.organ2 .kpo {width:320px;height:inherit;background:none}
.organ2 .kpo .level1 {height:inherit}
.organ2 .kpo .level1.H370 {height:inherit}
.organ2 .level1 > li {margin-bottom:20px;overflow:hidden}
.organ2 .level1 > li > a {background:#0b2266;color:#fff}
.organ2 .level2 > li > a {background:#17419a;color:#fff}
.organ2 .level3 > li > a {background-color:#fff;border-width:1px 1px 1px 4px;width:180px;height:34px;margin-bottom:5px}

.organ2.atp1 {min-width:300px;width:300px;height:inherit}
.organ2.atp1 .kpo > li > a, .organ2.atp1 .level1 > li > a, .organ2.atp1 .level1 > li > span.org1 {width:110px;height:32px;margin-top:0px;float:left;margin-right:10px}
/* .organ2.atp1 .level2  {width:170px;float:left} */ /*20250527 웹접근성 본청/기구 및 정원 계층 종속 관계 개선 작업 삭제*/
.organ2.atp1 .level2 > li > a, .organ2.atp1 span.org1 {width:180px;height:32px;margin-bottom:5px}

.organ2.atp1 .org1 {position:inherit;left:inherit;top:inherit}
/* .organ2.atp1 .org2 {position:inherit;left:inherit;top:inherit} */ /*20250527 웹접근성 본청/기구 및 정원 계층 종속 관계 개선 작업 삭제*/
.organ2.atp1 span.org1 {position:inherit;left:inherit;top:inherit}

.organ2.atp1 .org1_1 {position:inherit;left:inherit;top:inherit}
.organ2.atp1 .org1_2 {position:inherit;left:inherit;top:inherit}
.organ2.atp1 .org1_3 {position:inherit;left:inherit;top:inherit}
.organ2.atp1 .org1_4 {position:inherit;left:inherit;top:inherit}

.organ2.atp1 .org2_1 {position:inherit;left:inherit;top:inherit}
.organ2.atp1 .org2_2 {position:inherit;left:inherit;top:inherit}

.organ2.atp1 .str {width:180px;display:block;overflow:hidden;text-align:left;position:inherit;top:inherit;left:inherit;margin-left:120px}
.organ2.atp1 .str > li {float:left;width:100%;margin:0;margin-bottom:10px}
.organ2.atp1 .str > li:nth-child(8), .organ2.atp1 .str > li:nth-child(11), .organ2.atp1 .str > li:nth-child(15) {height:auto}
	
.organ2.atp2 {width:300px}
.organ2.atp2 .level1 > li > a {width:125px}
.organ2.atp2 .level2 > li, .organ2.atp2 .level2 > li.org14 > span {width:160px}
.organ2.atp2 .level3 > li {margin-right:5px}
/* .organ2.atp2 .level3 > li:nth-child(2) {height:111px} */ /* 25.01.10 특허심판원 조직도 수정 요청으로 삭제 (심판정책과 최일영) */
.organ2.atp2 .level3 > li:nth-child(4) {height:185px} /* 25.01.10 특허심판원 조직도 수정 요청으로 추가 (심판정책과 최일영) */
.organ2.atp2 .level1 {display:block;margin-bottom:30px}
.organ2.atp2 .level2 {display:inline-block;padding-left:5px}
.organ2.atp2 .level3 {display:block;width:170px;margin-top:20px;overflow:hidden;margin-left:-4px}
.organ2.atp2 .level2 > li.org13 > a {width:160px}

.organ2.atp2 .level2 > li.org13 > a, .organ2.atp2 .level2 > li.org13 > span {width:160PX;}
.temporary_01 {margin-left: 120px;}  /* 본청용 */
.temporary_01.mar {margin-left:0;} /* 기구및정원용 */

/* 특허심판원 조직도 버튼 추가 M(김승현주무관요청)--S */
/* 본청 */
.organ2 .IptB_0101 {display:none;}
.organ2 .level1 > li.IptB_0102 {display:block; position:absolute; top:113px; left:0; z-index:10;}
.organ2 .level1 .IptB_0201 {top:0; right:0;}
/* 소속기관 */
.organ2 .IptB_0201 {position:static;}
.organ2 .IptB_0201 > li > a {width:293px; margin-bottom:20px;}
/* 특허심판원 조직도 버튼 추가 M(김승현주무관요청)--E */	
/* 청소개 > 조직소개 > 본청 조직도 잘림 현상 이 있어 768px > 786px부터 스타일 변경 끝 */
}

@media (max-width:768px) {
.pop_title h3 span {display:none}
.pop_boby.news table tr td {display:table-cell;margin:0;padding:0;border:0}
	
.tbl_list {table-layout:fixed}
.tbl_list colgroup col,.tbl_list tr th,.tbl_list tr td {display:none}
.tbl_list colgroup col.bbs_tit,.tbl_list tr th.bbs_tit,.tbl_list tr td.bbs_tit {display:table-cell;width:auto}
.tbl_list colgroup col.bbs_date,.tbl_list tr th.bbs_date,.tbl_list tr td.bbs_date {display:table-cell;width:35%}
.tbl_list colgroup col.bbs_cate,.tbl_list tr th.bbs_cate,.tbl_list tr td.bbs_cate {display:table-cell;width:45%}
.tbl_list colgroup col.bbs_view,.tbl_list tr th.bbs_view,.tbl_list tr td.bbs_view {display:table-cell;width:100%}
.tbl_list colgroup col.bbs_no,.tbl_list tr th.bbs_no,.tbl_list tr td.bbs_no {display:none}
	
.tbl_list colgroup col.bbs_number,.tbl_list tr th.bbs_number,.tbl_list tr td.bbs_number {display:table-cell;width:60%}
.tbl_list colgroup col.bbs_name,.tbl_list tr th.bbs_name,.tbl_list tr td.bbs_name {display:table-cell;width:40%}
	
.bbs_con {padding-right:0px}

.tbl_srch .b_row > strong,.tbl_srch .b_row > div {display:block}
.tbl_srch .b_row > strong {position:absolute;width:80px;height:100%;padding:10px;line-height:40px}
.tbl_srch .b_row > div {padding:10px;overflow:hidden;margin-left:80px;width:auto;min-height:40px}

.tbl_srch .tw_01 > strong {width:140px;line-height:inherit}
.tbl_srch .tw_01 > div {margin-left:140px;}
.tbl_srch .tp_01 {line-height:40px !important}
.tbl_srch .tp_02 {line-height:40px !important}
	
.tbl_srch .tw_02 > strong {width:110px}
.tbl_srch .tw_02 > div {margin-left:110px}
	
.tbl_srch .tw_03 > strong {width:75px;text-align:center;line-height:inherit}
.tbl_srch .tw_03 > div {margin-left:75px;}
	
.tbl_view .v_tit {font-size:.87rem;padding:15px 10px}
.tbl_view .v_body {padding:15px 10px}
.tbl_view .v_body img {width:100%}
/*.tbl_view .v_header strong, .tbl_view .v_header div {display:block;width:100%;padding:0 10px}
.tbl_view .v_header strong {background:transparent;margin-top:10px}
.tbl_view .v_header div {margin:6px 0 10px}*/
.tbl_view .v_header strong,.tbl_view .v_header div {display:block;font-size:.87em;border-top:1px solid #e1e1e1;min-height:50px}
.tbl_view .v_header strong {position:absolute;width:110px;/*height:100%;*/padding:15px}
.tbl_view .v_header div {padding:15px;overflow:hidden;margin-left:110px;width:auto}
.tbl_view .v_header strong:first-of-type {border-top:0}
.tbl_view .v_header div:first-of-type {border-top:0}
.tbl_view .v_bottom div {font-size:13px}
.tbl_view .v_bottom a {font-size:13px}
.tbl_view .v_bottom span {font-size:13px}
.tbl_view .v_bottom strong {width:80px;text-align:center;font-size:.87rem}
.tbl_view .v_sub {padding:15px 10px;font-size:.87rem}
.tbl_view .v_img img {width:100%}

.photo_list ul {margin:0 -8px 0 -10px}
.photo_list ul li {width:33.3%;padding:0 10px}
.photo_list ul li:nth-child(4), .photo_list ul li:nth-child(5) {margin-top:20px}
.photo_list ul li a .photo {height:auto}
.photo_list ul li a .photo span {display:block;position:inherit;left:inherit;top:inherit;width:100%;height:100%;margin-left:0}
.photo_list ul li a:hover .photo span img {transform:none}
.photo_list ul li a .photo span img {width:100%}	
	
	
/* 세부내용 */
.tbl_detail .b_row > strong, .tbl_detail .b_row > div {display:block}
.tbl_detail .b_row > strong {position:inherit;width:100%;line-height:normal;padding:12px;border-bottom:1px solid #e1e1e1}
.tbl_detail .b_row > div {border:none;padding:16px 12px;overflow:hidden;min-height:17px}
.tbl_detail .b_row:first-of-type strong {border-top:1px solid #e1e1e1}
.tbl_detail .b_row:first-of-type strong:first-of-type, .tbl_detail .b_row:first-of-type div:first-of-type {border-top:0}	
.tbl_detail .b_row > strong span {display:inline;margin-left:5px}	
.tbl_detail .b_row > strong span.br	{display:inline;margin-left:5px}
.tbl_detail .b_row > strong em {display:inline;margin-left:3px}
	
	
.form_tbl .b_row > strong, .form_tbl .b_row > div {display:block}
.form_tbl .b_row > strong {position:inherit;width:100%;line-height:normal;padding:10px;border-bottom:1px solid #e1e1e1}
.form_tbl .b_row > div {border:none;padding:10px;overflow:hidden}
.form_tbl .b_row:first-of-type strong {border-top:1px solid #e1e1e1}
.form_tbl .b_row:first-of-type strong:first-of-type, .form_tbl .b_row:first-of-type div:first-of-type {border-top:0}	
.form_tbl .b_row > strong span {display:inherit;margin-left:5px}	
	
.organ.vtype .shape1 {width:145px;background-color:#0b2266;color:#fff}
.organ.vtype .shape2 {width:145px;background-color:#17419a;color:#fff}
.organ.vtype .shape3 {background-color:#fff;border-width:1px 1px 1px 4px;border-style:solid;border-color:#17419a;border-image:initial;color:#333}	

.organ.vtype .level1 > li > a::before, .organ.vtype .level2 > li > a::before {display:none}
.organ.vtype .level1 > li > a, .organ.vtype .level2 > li > a {margin-bottom:0px;float:left;margin-right:10px}
	
.organ.vtype li {position:relative;text-align:left;float:left}
.organ.vtype .level3 {width:170px;overflow:hidden;float:left}
.organ.vtype .level3 > li > a {width:170px;height:34px;text-align:center;padding:6px 8px}
	
.organ.vtype .level3 > li {float:left;text-align:center;padding-top:0px;background:none;display:block;padding-bottom:3px}
.organ.vtype .level3 > li:first-child {background:none}
.organ.vtype .level3 > li:last-child {background:none}
.organ.vtype .level3 > .bg_type3 {background:none}
.organ.vtype .level3 > .bg_type3:first-child {background:none}
.organ.vtype .level3 > .bg_type3:last-child {background:none}
	
.organ.vtype.type2 .level3 > li {width:100%}
.organ.vtype.type3 .level3 > li {width:100%}
.organ.vtype.type4 .level3 > li {width:10%}
.organ.vtype.type5 .level3 > li {width:100%}
.organ.vtype.type6 .level3 > li {width:100%}
.organ.vtype.type7 .level3 > li {width:100%}
.organ.vtype.type8 .level3 > li {width:100%}
.organ.vtype.type9 .level3 > li {width:100%}
.organ.vtype.type10 .level3 > li {width:100%}
.organ.vtype.type11 .level3 > li {width:100%}
	
.organ.vtype.type2, .organ.vtype.type3, .organ.vtype.type4, .organ.vtype.type5, 	
.organ.vtype.type6, .organ.vtype.type7, .organ.vtype.type8, .organ.vtype.type9,
.organ.vtype.type10, .organ.vtype.type11 {width:340px}	

.organ.vtype .t01 {height:auto !important}
.organ.vtype .t02 {height:auto !important}
.organ.vtype .t03 {height:auto !important}
.organ.vtype .t04 {height:auto !important}
.organ.vtype .t05 {height:auto !important} /*모바일버전에서 크기가 너무 커져서 추가*/

#photo1 {top:40px;left:10px}
#photo2 {top:210px;left:10px}
	
.table_wrap {overflow:auto}
.table_wrap table {width:735px !important}
.table_wrap::-webkit-scrollbar {-webkit-appearance:none;width:8px;height:8pX;}
/* .table_wrap::-webkit-scrollbar:vertical {width:8px} 
.table_wrap::-webkit-scrollbar:horizontal {height:8px} 20220303 웹표준CSS오류조치로 삭제*/
.table_wrap::-webkit-scrollbar-thumb {background-color:rgba(0, 0, 0, .5);border-radius:10px;border:2px solid #ffffff} 
.table_wrap::-webkit-scrollbar-track {border-radius:10px;background-color:#ffffff}

.tbl_inv .b_row > strong,.tbl_inv .b_row > div {display:block}
.tbl_inv .b_row > strong {position:absolute;width:120px;height:100%}
.tbl_inv .b_row > div {overflow:hidden;margin-left:120px;width:auto;min-height:53px}

.list_img li img {width:50%}

.history .hlist li {padding:20px 0px 20px 15%}
.history .hlist li ul li {padding:0px 0px 0px 14%}

.stepbox .step_list .step_item {width:calc(50% - 19px)}
.stepbox .step_list .step_item:nth-child(4n + 1) {margin-left:20px}
.stepbox .step_list .step_item:nth-child(2n + 1) {margin-left:0;}
.stepbox .step_list .step_item:nth-child(n + 3) {margin-top:20px;}
.stepbox .step_list .step_item:nth-child(2):before {display:none}	
.stepbox .step_list .step_item:nth-child(4):before {display:none}
.stepbox .step_list .step_item.bno3 .step_info .step02 {min-height:inherit}
.stepbox .step_list .step_item.bno4 .step_info .step02 {min-height:inherit}
.stepbox .step_list .step_item.bno5 .step_info .step02 {min-height:inherit;line-height:inherit;padding:6px 10px}
.stepbox .step_list .step_item.bno6 .step_info .step02 {min-height:inherit}
.stepbox .step_list .step_item.bno7 .step_info .step02 {min-height:inherit;line-height:inherit}

.wl li {width:32%}
	
.blink {width:24%;text-align:center}
.blink.wdown {width:auto}
	
.tab{width:100%}
.tab li{display:block;float:left;width:33.33%;margin-top:-1px}
.tab li a {height:40px;}
.tab li a.on:after{display:none}
.tab.col_10 li {width:33.3%}
.tab.col_11 li {width:20%}
.tab.col_50 li {width:33.3%}
.tab.col_60 li {width:33.3%}
	
.simsa .mlist .list_01 .btn {display:block;float:inherit !important; width:100px; margin-top:6px}	
	
.lend {margin:0 10px}	
.lend li {width:100%}
	
.talk .talk_img {width:100%;float:inherit;min-height:190px;margin-right:0px;text-align:center}
.talk .talk_txt {margin-left:0px;margin:0 5px}
	
.cal_box .cal_sel {float:inherit;width:100%;padding:0 6px}
.cal_box .cal_list {float:inherit;width:100%;padding:6px;margin-top:15px}	
	
.defSchBox .defSch input[type="text"] {width:120px}

/*사이트맵*/
.sitemap {margin-top:-10px}
.sitemap .area_line ul ul li {padding:3px 0;width:50%}

.loginWrap {margin:0}
.loginWrap .login01 {width:100%;padding:0 80px;display:block;margin-bottom:20px}
.loginWrap .login02 {width:100%;padding:20px 80px 0;border-left:0;display:block;border-top:1px solid #e8e8e8}
.loginWrap .login03 {display:none}
.loginWrap h2 {margin-bottom:0px}
	
.login_site p span {display:block}
	
.cimg {padding:10px}
.cimg img {width:100%;height:100%}
.cbtn {width:100%;margin:0;margin-bottom:20px;display:block !important}
	
.img-wrap {overflow:auto;padding:10px}
.img-wrap img {width:auto}
.img-wrap::-webkit-scrollbar {-webkit-appearance:none;width:8px;height:8px;}
/* .img-wrap::-webkit-scrollbar:vertical {width:8px} 
.img-wrap::-webkit-scrollbar:horizontal {height:8px} 20220303 웹표준CSS오류조치로 삭제*/
.img-wrap::-webkit-scrollbar-thumb {background-color:rgba(0, 0, 0, .5);border-radius:10px;border:2px solid #ffffff} 
.img-wrap::-webkit-scrollbar-track {border-radius:10px;background-color:#ffffff}

/*만족도조사*/ /*22.04.11_user_info css 추가*/
.comment_box .user_info {padding:10px 10px 40px 10px}
.comment_box .user_info:after {position:absolute;top:inherit;bottom:10px}
.comment_box .user_info .part {float:none}

.site_link2 li .text_box {display:inline-block;width:500px; padding-left:20px;}

}

@media (max-width:742px) {
.site_link2 li .text_box {display:inline-block;width:395px; padding-left:20px;}	
}



@media (max-width:640px) {
.defSchBox .defSch .nice {display:block;text-align:left;margin:0 8px 5px}
.defSchBox .defSch .nice label {line-height:20px}
.defSchBox .defSch .nice select {width:100%;margin-top:5px}
.defSchBox .defSch .nice input[type="text"] {width:100%;margin-top:5px}
.defSchBox .defSch .nice_btn {display:block;margin:15px 6px 5px;overflow:hidden}
.defSchBox .defSch .nice_btn .btn {display:block;width:calc(50% - 4px);float:left}
	
.defSchWrap{padding:15px 10px}
.defSchBox .defDate{display:none}
.defSchBox .defSch input[type="text"] {width:80px}
.defSchBox .defSch .selectBox {width:100px}
.defSchBox .defSch .selectBox2 {width:62px;padding:0 10px}	
.defSchBox .defSch .selectBox3 {width:62px;padding:0 10px}
	
.page_info .manual li {width:100%}
	
.login_site {padding:20px;margin:0 auto}	
.login_site p {font-size:.9rem;line-height:24px}
.login_site p span {display:inline}
.login_site ul {padding-top:20px}
.login_site li {float:left;width:100%;margin:0;padding:0;margin-bottom:20px}
.login_site li:last-child {margin-bottom:0}

.tab.col_50 li {width:50%}
.tab.col_60 li {width:50%}
	
.srchWrap {padding:15px 15px;border:3px solid #e1e1e1}
.srchWrap .line {top:15px;right:15px}
#searchForm .srchBox .asrch {margin-top:45px}
}

@media (max-width:637px) {
.site_link2 li .text_box {display:inline-block;width:340px; padding-left:20px;}	
}





@media (max-width:580px) {
.site_link2 li img, .site_link2 li a.img_box {display:none}	
.site_link2 li .text_box {width:100%;}	
.div_load_image {left:40%;}
}

@media (max-width:576px) {
.h500 {height:inherit}
.h400 {width:inherit;height:inherit;top:inherit}
.h300 {width:inherit;height:inherit;top:inherit}
.h4_1,.h4_2,.h4_3,.h4_4,.h4_5 {width:inherit;height:inherit}
.hinfo {height:inherit}
.hnews {width:inherit;height:inherit}
.txt {padding:0 10px}
	
.page_info {border:2px solid #e1e1e1;padding:16px;margin-bottom:10px;border-radius:0px}
.page_info:after {display:none}
.page_info h3 {font-size:.875rem}
.page_info li {font-size:.85rem}
.page_info .bl {width:100%;text-align:left}
	
.wp85 {padding:0 25px 0 10px !important}
.wp80 {width:75px !important}
.p0 {padding:0 10px}

	
.tbl_list {font-size:.87rem}
.tbl_list th, .tbl_list td {padding:10px 12px;line-height:20px}
	
.pagination {display:none}
.pagenation.pageNum {display:block}

.btnAreaLR .btn {display:block;width:100%;margin:5px 0}
.btnAreaLR .btnA_l {float:none;text-align:right;margin:0}
.btnAreaLR .btnA_r {float:none;text-align:right}
.btnAreaLR .btnA_c {text-align:center}
.btnAreaLR .btn.blue {display:block;width:100%;}
.btnAreaLR .btn.blue2 {display:block;width:100%;}
.btn.black4 {display:block;width:100%;margin-top: 5px;}
.btnAreaLR .btn.bw50 {display:block;width:49%;float:left}
.btnAreaLR .btn.bw50:last-of-type {float:right}	
.btnAreaLR .btn.bw50:nth-child(2) {float:right}
	
.btnAreaLR .btn.bw25 {display:block;width:48%;float:left;text-align:center;margin:5px 1%}
.btnAreaLR .btn.bw25:nth-child(even) {float:right}

.btnAreaLR .btn.bw100 {display:block;width:100%;float:left;text-align:left;margin-bottom:5px}
	
.blink {width:48.5%;text-align:center}
.blink.wdown {width:98.6%}
	
.btnAreaLR .btn.bw33 {display:block;width:100%;float:left;text-align:left}
.btnAreaLR .wbanner {width:32.4%}
.btnAreaLR .wbanner img {width:100%}
	
.tbl_srch .b_row > div input[type="text"] {width:100%}
.tbl_srch .b_row > div input[type="text"].text01 {width:40px;margin-right:3px}
.tbl_srch .b_row > div input[type="text"].text02 {margin-left:0px;width:calc(100% - 46px)}
.tbl_srch .b_row > div select {width:100%}
.tbl_srch .b_row > div .btn {margin:5px 0 0 0;width:100%}
.tbl_srch .b_row > div span {margin-left:0}
	
.tbl_srch .tw_01 > strong {width:150px;line-height:inherit}
.tbl_srch .tw_01 > div {margin-left:150px;}
.tbl_srch .tp_01 {line-height:75px !important}
.tbl_srch .tp_02 {line-height:40px !important}
.tbl_srch .tp_03 {padding-top:16px !important}
	
	
h4.form_tit {font-size:15px}	
.form_tbl {margin-bottom:15px}
.form_tbl .ib01 {max-width:100%;width:100% !important}
/* 우수인재DB등록 모바일 신규추가 */
.form_tbl .W318.ib02 {max-width:100%;width:100% !important}
.form_tbl .W247.ib03 {max-width:100%;width:100% !important}	

.form_tbl .ib02 {width:32.6% !important}	
.form_tbl .ib03 {width:49.4% !important; margin-top:5px}		
.form_tbl .ib04 {width:32.5% !important; margin-top:5px}
.form_tbl .ib05 {width:61.5% !important}
.form_tbl .ib06 {width:24% !important; margin-top:5px}
.form_tbl .ib07 {width:100% !important; margin-top:5px}
.form_tbl .ib08 {width:15% !important; margin-top:5px}
.form_tbl .ib09 {width:83.5% !important; margin-top:5px}
.form_tbl .ib10 {width:46.9% !important; margin-top:5px}	
.form_tbl .b_row > div input[type="text"].cal {width:110px}
.form_tbl .b_row > div .btn {padding:0 12px}	
.form_tbl .lb {display:block;margin-right:0;margin-bottom:5px}
.form_tbl .b_row > div > div {margin-left:0;width:100%}
	
.tbl_detail {margin-bottom:20px}	
.tbl_total th, .tbl_total td {font-size:13px}	

.srchBox .asrch input[type="text"] {width:calc(100% - 155px)}
.srchBox .asrch select {width:90px;}
.srchBox .asrch .btn {width:50px;padding:0}
.srchBox .asrch .custom-control {display:block;margin-left:95px;text-align:left}
	
	
.srchBox .fv_list {width:100%;overflow:hidden;padding:0 0 10px 0;text-align:left}
.srchBox .fv_list a {margin:6px 0px;padding:6px 12px}
.srchBox .fv_list span {display:none}

h3.srch_tit {font-weight:400;font-size:.9rem !important}
.srchBox .sbox {padding:10px 0 0}
.srchBox .sbox2 {padding:0 0 20px}

.tab li a {font-size:.85rem}
.tab.col_3 li,
.tab.col_5 li,
.tab.col_6 li,
.tab.col_7 li,
.tab.col_8 li,
.tab.col_9 li {width:33.33%}
.tab.col_10 li {width:50%}
.tab.col_11 li {width:33.3%}
.tab.col_4 li {width:50%}
.page_con {margin-bottom:20px;min-height:inherit}
	
/* 만족도 조사 */
.comment_box .user_info {padding:10px 10px 40px 10px}
.comment_box .user_info:after {position:absolute;top:inherit;bottom:10px}
.comment_box .user_comment {padding:12px 10px}
.comment_box .user_comment h3 {font-size:.83rem;margin-top:0}
.cw100 {display:block;width:50%;margin:0 auto;margin-top:5px}


.inv_img {float:inherit;width:100%;margin-right:0;margin:10px 0}
.inv_img img {width:30%;height:30%}
.inv_txt {margin-left:0}

.simsa.mt0 {margin-top:10px !important}
.simsa .mbox {float:inherit;width:100%;min-height:190px;margin-right:0;text-align:center;margin-bottom:10px}
.simsa .mbox p {margin:8px auto 0}
.simsa .mlist {margin-left:0}
.simsa .mlist .mtitle {padding:12px 12px;margin:15px 0 10px}
.simsa .mlist .mtitle span {display:inline-block;width:calc(100% - 110px)}
.simsa .mlist h5 {font-size:.87rem;padding:0 5px}
.simsa .mlist .list_01 {padding:0 10px}
.simsa .mlist .dlist li {width:100%}	
.simsa .mlist .pl {padding:0 6px}
	
.smart_img {float:inherit;width:100%;margin-right:0;margin:10px 0}
.smart_img img {/*width:10%;height:10%*/}
.smart_txt {margin-left:0}
.smart_txt h4 {font-size:.87rem}
	
.tbl_inv .b_row > strong {position:inherit;width:100%;line-height:normal;padding:12px;border-bottom:1px solid #e1e1e1}
.tbl_inv .b_row > div {border:none;padding:16px 12px;overflow:hidden;min-height:40px;margin-left:0}
.tbl_inv .b_row:first-of-type strong {border-top:1px solid #e1e1e1}
.tbl_inv .b_row:first-of-type strong:first-of-type, .tbl_inv .b_row:first-of-type div:first-of-type {border-top:0}	

.list_img li {width:49%;border-bottom:none;height:220px}
.list_img li:nth-child(2) {border-right:1px solid #e1e1e1}
.list_img li:nth-child(4) {border-right:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1}
.list_img li:nth-child(5) {border-bottom:1px solid #e1e1e1}

.list50 li {width:100%}
.list_02.w_50 li {width:100%;float:inherit}
.list_faq li strong {font-size:.8rem}
.list_faq li div {font-size:.8rem}

.site_link li {padding-left:33%}
.site_link li img {position:absolute;top:0;left:0;width:30%}
.site_link2 li {padding-left:0;min-height:inherit}

.stepbox .step_list .step_item{display:block; width:100% !important; height:auto !important; min-height:auto; margin-left:0 !important;}
.stepbox .step_list .step_item:nth-child(n + 2) {margin-top:40px !important;}
.stepbox .step_list .step_item:before{top:auto; bottom:-29px; left:50%; width:16px; height:16px; margin-left:-8px; background-image:url("../images/stepbox_vertical_sprite.png") }
.stepbox .step_list .step_item .step_info{width:100%;}
.stepbox .step_list .step_item.pt {padding:10px 0}
.stepbox .step_list .step_item .step_info .ul_type_03 {height:auto}
.stepbox .step_list .step_item .step_info .step02 span {display:inline}	
.stepbox .step_list .step_item:nth-child(2):before {display:block}
.stepbox .step_list .w4:nth-child(4):before {display:block}
.stepbox .one {height:auto;padding:10px 0}	
.stepbox .step_list .step_item.bno3 {margin-top:10px !important}

/* 20220929 지식개산 스타트업 경진대회 모바일 추가 (아이디어경제혁신팀 서효원 사무관 요청) */
.stepbox .step_list .step_item_02 {display:block; width:100% !important; height:auto !important; min-height:auto; margin-left:0 !important;}
.stepbox .step_list .step_item_02:nth-child(n + 2) {margin-top:40px !important;}
.stepbox .step_list .step_item_02:before{top:auto; bottom:-29px; left:50%; width:16px; height:16px; margin-left:-8px; background-image:url("../images/stepbox_vertical_sprite.png") }
.stepbox .step_list .step_item_02 .step_info{width:100%;}
.stepbox .step_list .step_item_02.pt {padding:10px 0}
.stepbox .step_list .step_item_02 .step_info .ul_type_03 {height:auto}
.stepbox .step_list .step_item_02 .step_info .step02 span {display:inline}	
.stepbox .step_list .step_item_02:nth-child(2):before {display:block}

/* 20221027 안전보건메뉴 신설 모바일 추가 (SR000031067 운영지원과 박진환 요청) */
.stepbox .step_list .step_item_03 {display:block; width:100% !important; height:auto !important; min-height:auto; margin-left:0 !important;}
.stepbox .step_list .step_item_03:nth-child(n + 2) {margin-top:40px !important;}
.stepbox .step_list .step_item_03:before{top:auto; bottom:-29px; left:50%; width:16px; height:16px; margin-left:-8px; background-image:url("../images/stepbox_vertical_sprite.png") }
.stepbox .step_list .step_item_03 .step_info{width:100%;}
.stepbox .step_list .step_item_03.pt {padding:10px 0}
.stepbox .step_list .step_item_03 .step_info .ul_type_03 {height:auto}
.stepbox .step_list .step_item_03 .step_info .step02 span {display:inline}	
.stepbox .step_list .step_item_03:nth-child(2):before {display:block}

/* 20221024  채용정보 메뉴  하위 신설   모바일 추가 (SR000031751 운영지원과 김재근 요청) */
.stepbox .step_list_01 .one {padding:10px 0;}
.stepbox .step_list_01 .step_item {display: block; width: 100% !important; height: auto !important; min-height: auto; margin-left: 0 !important; margin-bottom:30px;}
.stepbox .step_list_01 .step_item:before {top:58px; left:50% ;width:12px;height:12px; margin-left:-8px;background-image:url("../images/stepbox_plus.png");}
.stepbox .step_list .step_item_04 {display:block; width:100% !important; height:auto !important; min-height:auto; margin-left:0 !important;}
.stepbox .step_list .step_item_04:nth-child(n + 2) {margin-top:40px !important;}
.stepbox .step_list .step_item_04:before{top:auto; bottom:-29px; left:50%; width:16px; height:16px; margin-left:-8px; background-image:url("../images/stepbox_vertical_sprite.png") }
.stepbox .step_list .step_item_04 .step_info{width:100%;}
.stepbox .step_list .step_item_04.pt {padding:10px 0}
.stepbox .step_list .step_item_04 .step_info .ul_type_03 {height:auto}
.stepbox .step_list .step_item_04 .step_info .step02 span {display:inline}	
.stepbox .step_list .step_item_04:nth-child(2):before {display:block}



.rec_step li {padding:16px 10px 16px 70px;min-height:65px}
.rec_step li::before {width:50px;height:50px;left:10px;top:22px}	
.rec_step li h5 {font-size:.9rem;padding:8px 0 3px}	
.rec_step li p {font-size:.8rem}	

.history .hlist li {padding:20px 0px 20px 0}
.history .hlist li .year {font-size:1.3rem;line-height:inherit;position:relative;left:inherit;top:inherit;display:block;margin-bottom:10px}

.history .hlist li ul li {padding:0px 0px 0px 0;font-size:.8rem}
.history .hlist li ul li .day {position:relative;left:inherit;top:inherit;text-align:left;display:block;margin-bottom:5px}
.history .hlist li ul li .day em {display:inline;margin-left:3px}
.history .hlist li ul li ul li {font-size:.8rem}
.history .hlist li ul li.mb3 {margin-bottom:0}
	
.mi_color {padding:3% 0}
.mi_color li {width:100%;padding:2% 4%}
	
.page_con h3 {font-size:1rem}	
.page_con h4 {font-size:.9rem;padding:10px 0 6px}
.page_con h5 {font-size:.8rem;padding:10px 0 6px}
p.ct1 {font-size:.87rem}
p.ct1 span {display:inline-block;margin-top:0px}
p.ct2 {font-size:.87rem}
p.ct3 {font-size:.87rem}
p.ct4 {font-size:.87rem}
.list_01 li {font-size:.87rem;letter-spacing:0}
.list_02 li {font-size:.87rem;letter-spacing:0}
.list_03 li {font-size:.87rem;letter-spacing:0}
.list_04 li {font-size:.87rem;letter-spacing:0}	
.list_05 li {font-size:.87rem;letter-spacing:0}
.bbs_con li {font-size:.87rem;letter-spacing:0}	
.txt_box li {font-size:.87rem;letter-spacing:0}
.textareaBox .checkboxAg span {font-size:.87rem;margin-right:0;display:block}
.table_type th, .table_type td {padding:6px 6px;font-size:.87rem}	
.tbl_list th, .tbl_list td {font-size:.87rem}
.obox .o_tit, .obox .o_con {font-size:.87rem}
	
.rbox .rimg {float:inherit;width:inherit;text-align:center;display:block;padding-top:5px}
.rbox .rlist {float:inherit;width:100%;display:block}

.pop_boby.news table tr td img {width:100%}
.pop_bottom {padding:0px 15px 0}
	
.wl li {width:47%}
.img100 {width:100%}

.photo_list ul li {width:50%}
.photo_list ul li:nth-child(3) {margin-top:20px}
	
.introduce p {font-size:.875rem;margin:10px 0}
.introduce .i_img {margin-top:0px;padding:20px; min-height:310px;background:#B3DDE7 url("../images/i_img_bg2.png?v=2024072301") no-repeat top right }
.introduce .i_img p {font-size:1rem}
.introduce .i_img .iimg {/* width:149px;height:200px; */width:267px;height:200px; background-size:contain;/* left:24px; */ bottom:0px;left:0px;background:url("../images/i_img2.png?v=2024072301") no-repeat}
.introduce .i_img .i_name {text-align:left;margin-top:0px;position:absolute;bottom:20px;right:20px}
	
.simsa {margin:10px 0 0}
.simsa .sbox {float:inherit;width:115px;margin:10px auto}
.simsa .sbox span {margin-top:0;padding-top:24px}
.simsa .slist {margin-left:0px}
.simsa .slist p {margin-top:15px}

.modal-content {top:0;right:0;left:0;width:auto;height:100%;max-width:inherit;max-height:inherit}
	
.sang_list li {margin-bottom:10px}
.sang_list li:last-child {padding-bottom:10px}
.slist .stit {margin-bottom:10px}	
.slist img {float:inherit;padding:8px 0;display:block;margin:0 auto}
.slist p {padding:10px 6px;font-size:.87rem}
.slist p.goodsLine {margin-left: 0px;margin-bottom: 0px;}

.sitemap .area_line ul ul li {width:100%}

.loginWrap {padding:0;border:none}
.loginWrap .login_in {padding:20px 10px}
.loginWrap .login_in p {font-size:.83rem}
.loginWrap .login01 {padding:0}
.loginWrap .login02 {padding:0}
}

.new_page {width:100%;min-width:320px;overflow:hidden}
.layout2 {position:relative;max-width:1000px;margin:30px auto;overflow:hidden;padding:20px}
.layout2 .login_site {padding:0;border:0}
.layout2 .loginWrap {padding:0;border:0}
.layout2 .loginWrap .login01 {width:60%;padding-right:20px}
.layout2 .loginWrap .login03 {width:40%;padding-left:0}
.layout2 .loginWrap .login_in input[type=text] {width:100%;box-sizing:border-box}
.layout2 .loginWrap .login_in {padding:20px 40px}


/* 20220920 - 개인정보처리방침관련 디자인추가 */
.primg {display:block; float:left; width:100px;}
.prtxt {display:block; float:left;margin-top:25px;}

@media (max-width:920px) {
.primg {float:none;}
.prtxt { float:none; margin-top:5px; text-align:left; padding-left:10px;}
}


@media (max-width:768px) {
.layout2 .loginWrap .login01 {width:100%;padding:0px 50px;box-sizing:border-box}
.layout2 .loginWrap .login_in {padding:20px 0px}
.h430 {height:910px}
.lends {margin:0 10px}	
.lends li {width:100%}
}
@media (max-width:640px) {
.layout2 .loginWrap .login01 {padding:0 0}
}

.h430 {height:430px}

.tbl_view .v_body .warp {width:100%}
.tbl_view .v_body .text_box p {font-size:.87rem}
.tbl_view .v_body .text_box strong {font-weight:500}
.tbl_view .v_body .text_box p.sm {font-size:.8rem}

.tbl_view .v_body table {border-collapse:collapse;width:100%;margin-top:10px}
.tbl_view .v_body table td {background:rgb(255, 255, 255);border:1px solid rgb(204, 204, 204);font-size:.87rem;padding:6px}
.tbl_view .v_body table th {background:rgb(239, 239, 239);border:1px solid rgb(204, 204, 204);text-align:center;font-size:.87rem;font-weight:500;padding:6px}
.tbl_view .v_body table strong {font-weight:500}
.tbl_view .v_body strong {font-weight:500}
								
@media (max-width:640px) {	
.tbl_view .v_body table {display:block;overflow-x:auto;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;max-width:100%}
.tbl_view .v_body table td {white-space:nowrap}
}	

.tbl1 {table-layout:fixed;margin-top:-20px;margin-bottom:30px}
@media (max-width:640px) {	
.tbl1 {display:block;overflow-x:auto;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;max-width:100%}
.tbl1 th {white-space:nowrap}
.tbl1 td {white-space:nowrap}
}	

.table_1 {width:100%;border-collapse:collapse;border:solid 1px #e1e1e1;border-top:1px solid #222}
.table_1 th {padding:10px 10px;font-weight:400;border-bottom:solid 1px #e1e1e1;text-align:left;color:#222;background:#f7f7f7;font-size:.87rem;min-width:80px}
.table_1 td {padding:10px 10px;border-bottom:solid 1px #e1e1e1;vertical-align:middle;font-size:.87rem;color:#585858;line-height:20px;text-align:left}
.table_1 a:hover {color:#1a5bb1}


.page_error {width:730px;margin:100px auto 0}
.page_error .head_error {overflow:hidden}
.page_error .head_error h1 {float:left}
/* 20251001 지식재산처 승격으로 로고 변경 가로값 수정 백업 : width:97px;*/
.page_error .link_logo {display:block;width:118px;height:37px;background:url("../images/kipo_logo2.png?v=2025100101") 0px 0px no-repeat}
.page_error .cont_error {position:relative;margin-top:19px;padding:50px 0px 100px;border-top: 2px solid rgb(34, 34, 34)}
.page_error .tit_error {margin-bottom:33px;font-weight:normal;font-size:36px;line-height:45px;letter-spacing:-3px}
.page_error .desc_error {margin-top:9px;font-size:14px;line-height:22px}
.page_error .info_link {position:relative;overflow:hidden;margin:30px 0 0}
.page_error .info_link .link_error {display:inline-block;position:relative;text-align:center;box-sizing:border-box;vertical-align:middle;height:40px;line-height:40px;margin-right:2px;;background:#fff;color:#333;border:1px solid #bbb;font-size:13px;padding:0 10px;cursor:pointer}
.page_error .info_link .link_error:hover {text-decoration:underline}
.page_error .link_cs {color:rgb(17, 142, 255);text-decoration:underline}
.page_error .foot_error {padding-top:15px;border-top:1px solid rgb(34, 34, 34)}
.page_error .info_copyright {font-size:11px;color: rgb(136, 136, 136)}

@media (max-width:768px) {
.page_error {width:90%;margin:20px auto 20px}
.page_error .cont_error {margin-top:19px;padding:26px 0px 50px}
.page_error .tit_error {margin-bottom:15px;font-weight:normal;font-size:20px;line-height:inherit;letter-spacing:-2px}
}


.site_link3 {margin-top:0;margin-bottom:20px}
.site_link3 li {color:#585858;position:relative;font-size:.87rem;padding-left:140px;min-height:80px;line-height:1.3rem;margin-bottom:15px}
.site_link3 .sleft {position:absolute;top:0;left:0;width:130px}
.site_link3 li strong {display:block;color:#1a5bb1;font-weight:400}
.site_link3 li span {display:block}
.site_link3 li a:hover {text-decoration:underline}

@media (max-width:576px) {
.site_link3 li {padding-left:33%}
.site_link3 .sleft {position:absolute;top:0;left:0;width:30%}
.site_link3 .sleft img {width:100%}
}



@media (max-width:548px) {
.form_tbl .ib10 {width:46.4% !important;}	
}

@media (max-width:488px) {
.form_tbl .ib10 {width:45.9%  !important;}	
}

@media (max-width:440px) {
.form_tbl .ib10 {width:44.9%  !important;}	
}

@media (max-width:435px) {
.form_tbl .ib10 {width:44.9%  !important;}	
}


@media (max-width:400px) {
.page_error .info_link .link_error {display:block;margin-right:0;margin-bottom:6px}

}

@media (max-width:360px) {
.form_tbl .ib10 {width:43.9%  !important;}	
}


/*20250527 웹접근성 본청/기구 및 정원 계층 종속 관계 개선 작업 CSS - S */

.organ2.atp1 .str > li:nth-child(1), .organ2.atp1 .str > li:nth-child(2), .organ2.atp1 .str > li:nth-child(3) {float:none;} /* 대변인, 감사담당관, 심사담당관 float값 삭제*/
.organ2.atp1 .str > li > a.org1_1 {width:23%;position:absolute;left:0px;top:90px} /* 대변인실 */
.organ2.atp1 .str > li > a.org2_1 {width:23%;position:absolute;left:0px;top:261px} /* 감사담당관 */
.organ2.atp1 .str > li > a.org2_2 {width:23%;position:absolute;left:580px;top:261px} /* 심사품질담당관 */
.organ2.atp1 .str {margin-top:300px} /* 부서리스트 상단 여백 값 */
.organ2.atp1 .str.h383 {margin-top:383px}/* 기구 및 정원 CMS전용  */
.organ2.atp1 .str > li .level4.h440 {height:440px } /* 디지털 융합심사국 높이값 */
.organ2.atp1 .level2 > li > a.org2  {background:#0b2266;color:#fff} /* 차장버튼디자인 */

@media (max-width:786px) {
.organ2.atp1 .str > li > a.org1_1, .organ2.atp1 .str > li > a.org2_1, .organ2.atp1 .str > li > a.org2_2 {width:180px;height:32px; margin-bottom:5px}
.organ2.atp1 .str {margin-top:135px}
.organ2.atp1 .str.h383 {margin-top:134px} /* 기구 및 정원 CMS전용  */
.organ2.atp1 .str > li > a.org1_1 {left:120px;top:0px}
.organ2.atp1 .str > li > a.org2_1 {left:120px;top:57px}
.organ2.atp1 .str > li > a.org2_2 {left:120px;top:100px}
.organ2.atp1 .org2 {position:absolute;left:0px;top:57px}
.organ2.atp1 .level2 > li > a.org2  {width:110px;background:#0b2266;color:#fff} /* 차장버튼디자인 */
.organ2.atp1 .str > li .level4.h440 {height:400px } /* 디지털 융합심사국 높이값 */
}
/*20250527 웹접근성 본청/기구 및 정원 계층 종속 관계 개선 작업 CSS  - E */