@charset "utf-8";
/* CSS Document */
* {
  box-sizing: border-box;
}
/*건너뛰기 메뉴 정의*/
#skip {height:0;}
#skip a {display:block;position:absolute;left:-6000px;top:-6000px;width:100%;height:50px;line-height:50px;color:#fff;text-align:center;background:#000;z-index:99999}
#skip a:focus, #skip a:active {left:0;top:0}
figure {margin:0;padding:0}

/*전자정부 누리집 바 추가 행정안전부 품질수준진단 지침*/
.eg_info {position: relative; z-index: 50; background-color:#edf1f5}
.eg_info p {width: 1200px;  margin: 0 auto; color:#1d1d1d; font-weight: 400; font-size: .85em; line-height: 35px; letter-spacing: -0.05em;}
.eg_info p > img {vertical-align:middle; margin-right:10px; margin-top:-4px; width:24px;height:16px }

/*레이아웃*/
.layout {position:relative;max-width:1200px;margin:0 auto}
#wrap {width:100%;min-width:320px;overflow:hidden}
#header {position:relative;z-index:99;background:#fff}
#header .header_top {}
#header .header_top .layout {position:relative;height:90px}

#header .header_top h1.logo {display:block;float:left;margin:20px 30px 0 0}
#header .header_top .top_banner {display:block;float:left;margin-top:20px}
#header .header_top .top_banner a {padding:0 3px}
#header .header_top .top_banner img {width:90px;height:50px}

#header .header_top .top_srch {max-width:360px;position:relative;display:block;float:left;margin-top:25px;margin-left:50px}
#header .header_top .top_srch .ip_box {overflow:hidden;border:3px solid #0b2265;border-radius:6px;width:360px;box-sizing:border-box}
#header .header_top .top_srch .ip_box input {appearance:none;-moz-appearance:none;-webkit-appearance:none;border-radius:0;-webkit-border-radius:0;-moz-border-radius:0}
#header .header_top .top_srch .ip_box input {display:block;width:100%;border:0;height:34px;font-size:.87em;text-indent:5px;background:#fff;color:#666;vertical-align:middle;padding:3px 50px 3px 3px}
#header .header_top .top_srch .ip_box input:focus {outline:none;border:0 !important}
#header .header_top .top_srch .ip_box input::-webkit-input-placeholder {font-size:1em;color:#585858;font-weight:400}
#header .header_top .top_srch .ip_box input:-moz-placeholder {font-size:1em;color:#585858;font-weight:400}
#header .header_top .top_srch .ip_box input::-moz-placeholder {font-size:1em;color:#585858;font-weight:400}
#header .header_top .top_srch .ip_box input:-ms-input-placeholder {font-size:1em;color:#585858;font-weight:400}
#header .header_top .top_srch button {display:block;position:absolute;right:0;top:0;width:50px;height:40px;background:#0b2265 url("../images/ico_srch.png") no-repeat center center;font-size:0;text-indent:-9999px;overflow:hidden;border:none;border-radius:0 6px 6px 0}
#header .header_top .top_srch button:focus {outline:auto}
#header .header_top .top_srch .keywords {display:none;position:absolute;top:42px;left:0;width:100%;height:100px;background:#fff;border:1px solid #0b2265;z-index:999}
#header .header_top .top_srch .keywords p {font-size:.87em;padding:8px;background:#edeef1}
#header .header_top .top_srch .keywords ul {position:relative;overflow:hidden;padding:8px}
#header .header_top .top_srch .keywords li {float:left;margin:0 6px 3px 0;font-size:.85em}
#header .header_top .top_srch .keywords li a:hover {text-decoration:underline}
#header .header_top .top_srch .keywords .k_close {display:block;position:absolute;top:11px;right:11px;font-size:0;width:13px;height:13px;background:url("../images/k_close.png")}
#header .header_top .top_srch .keywords .k_close:focus {outline:auto}

#header .header_top .top_link {display:block;float:right;overflow:hidden;position:relative;height:90px;/*padding-top:12px;*/min-width:200px;text-align:right}
#header .header_top .top_link .tlink_login {font-size:.78em;color:#5b5b5b;position:relative;margin-right:4px;padding-right:10px}
/*#header .header_top .top_link .tlink_login:after {content:"";position:absolute;top:4px;right:0;background:#d3d3d3;width:1px;height:10px}*/
#header .header_top .top_link .tlink_kcall {font-size:.78em;color:#5b5b5b}
#header .header_top .top_link .tlink_kcall:hover {text-decoration:underline}
#header .header_top .top_link .top_sns {display:block;overflow:hidden;position:absolute;top:32px;right:0;/*width:110px*/}
#header .header_top .top_link .top_sns li {float:left;width:20px;height:20px;margin-right:2px}
#header .header_top .top_link .top_sns li a {display:block;width:20px;height:20px;border-radius:50%;background-repeat:no-repeat;background-image:url(../images/portal/ico-sns.png)}
#header .header_top .top_link .top_sns li.blog a {background:#28c517 url("../images/sns_blog.png?v=2024040901")}
#header .header_top .top_link .top_sns li.yt a {background:#fa081f url("../images/sns_yt.png")}
#header .header_top .top_link .top_sns li.fb a {background:#0054a6 url("../images/sns_fb.png")}
#header .header_top .top_link .top_sns li.tw a {background:#000000 url("../images/sns_tw.png?v=2024040901")}
#header .header_top .top_link .top_sns li.ins a {background:#ea308b url("../images/sns_ins.png")}

#header .header_top .top_link .top_sns li.eng {float:left;width:auto;height:20px;margin-right:2px}
#header .header_top .top_link .top_sns li.eng a {display:block;width:auto;height:20px;border-radius:2px;background:none;background-color:#fff;font-size:12px;color:#2a2a2a;border:1px solid #d3d3d3;padding:0 5px;margin-right:3px;vertical-align:middle}
#header .header_top .top_link .top_sns li.eng a:hover {border:1px solid #0b2265;color:#fff;background:#0b2265 }

#header .header_bottom {position:relative;background:#0b2266;height:50px}
#header .header_bottom h2.m_logo {display:none}
#header .header_bottom .m_topba {display:none}
#header .header_bottom #gnbWrap {height:50px}
.main #header .header_top {opacity:0}
.main #header .header_bottom {opacity:0}

/* GNB 영역 */
#gnb {padding-right:50px}
#gnb:after {content:"";display:block;clear:both}
#gnb > li {float:left;line-height:normal}
#gnb > li:first-child {width:10%}
#gnb > li:first-child + li {width:10%}
#gnb > li:first-child + li + li {width:10%;}
#gnb > li:first-child + li + li + li {width:10%}
#gnb > li:first-child + li + li + li + li {width:10%}
#gnb > li:first-child + li + li + li + li + li {width:10%}
#gnb > li:first-child + li + li + li + li + li + li {width:10%}
#gnb > li:first-child + li + li + li + li + li + li + li {width:10%}
#gnb > li:first-child + li + li + li + li + li + li + li + li {width:10%}
#gnb > li:first-child + li + li + li + li + li + li + li + li + li {width:10%}
#gnb > li > a {display:block;height:50px;line-height:50px;font-size:1em;color:#fff;letter-spacing:-0.02em;text-align:center}
#gnb > li > a:hover {color:#6dbbfe;}
#gnb > li > a.on {color:#6dbbfe;  border-bottom:3px solid #6dbbfe;}
#gnb > li > a.on:hover {color:#6dbbfe;}
#gnb > li > a.active {color:#6dbbfe;  border-bottom:3px solid #6dbbfe;}
#gnb > li > a.active:hover {color:#6dbbfe;}
#gnb > li > a > span > img {width:21px;padding-bottom:3px} /* 25052201 김규동 주무관 요청 정부상징마크 지침 준수 개선 마트간격값 추가 */
#gnb > li > .sub {display:none;position:absolute;left:0;top:50px;z-index:99;width:100%}
#gnb .sub .subM {position:relative;padding:0 0 0 16.66%;background:#fff;min-height:100px;overflow:hidden;margin-bottom:1px}
#gnb .sub .subM .subM_tit {position:absolute;left:0;top:0;width:16.66%;height:100%;padding:10px 20px 0 10px;background:#f5f6f8}
#gnb .sub .subM .subM_tit strong {position:relative;display:block;padding-top:13px;line-height:inherit;font-size:26px;color:#333;font-weight:500;text-align:right;letter-spacing:-2px}
#gnb .sub .subM .subM_tit strong:after {content:"";display:block;position:absolute;right:3px;bottom:-14px;width:35px;height:1px;background:#474747}
#gnb .sub .subM .subM_tit p {color: #444;font-size:14px;width:136px;letter-spacing:-0.03em}
#gnb .sub .subM .divide_box {overflow:hidden;float:left;width:100%;border-bottom:1px solid #11276a}
#gnb .sub .subM .divide_box:last-child {border-bottom:0}
#gnb .sub .subM .divide_box .subD_tit a {display:block;padding:15px;text-align:center;border:1px solid #222;background:#fff;color:#222;font-size:21px;font-weight:500}
#gnb .sub .subM .divide_box > ul {overflow:hidden}
#gnb .sub .subM .divide_box > ul > li {width:100%;position:relative;overflow:hidden;background:#153184}
#gnb .sub .subM .divide_box > ul > li > a {display:block;float:left;width:190px;padding:15px 20px;color:#fff;font-size:14px;margin-right:-190px;background:#153184}
#gnb .sub .subM > .divide_box ul > li > a:hover, #gnb .sub .subM > .divide_box ul > li > a.on {color:#fff;text-decoration:underline;}/* 메인메뉴 타이틀항목 */
#gnb .sub .subM .divide_box > ul > li > ul {margin-left:190px;background:#fff;overflow:hidden;min-height:52px;padding:10px}
#gnb .sub .subM .divide_box > ul > li > ul.subN2 {min-height:72px;} /* 230719메인메뉴 2줄일 경우 CSS 클래스 추가 */
#gnb .sub .subM .divide_box > ul > li > ul > li {float:left}
#gnb .sub .subM .divide_box > ul > li > ul > li > a {display:block;padding:2px 16px 2px 8px;color:#666;font-size:14px;position:relative} /* 20250522 웹접근성 명도대비 오류 개선*/
#gnb .sub .subM .divide_box > ul > li > ul > li > a:before {content:"";display:block;position:absolute;left:0px;top:12px;width:4px;height:1px;background:#777}
#gnb .sub .subM .divide_box > ul > li > ul > li > a:hover {color:#153184; text-decoration:underline;}
#gnb .sub .subM .divide_box > ul > li > ul > 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}
/* PC영역 외부링크 바로가기 아이콘 */
#gnb .sub .subM .divide_box .blank:after {content:"";display:inline-block;width:13px;height:14px;background:url(../images/icon_Menu_window1.png) no-repeat;margin-left:5px;position:relative;right:0;top:1px;}


.subM_Bg {display:none;position:absolute;left:0;top:50px;width:100%;height:100%;z-index:98;border-bottom:1px solid #0b2266;background:linear-gradient(to right, #f5f6f8, #f5f6f8 20%, #fff 80%);/*box-sizing:border-box*/}
.etcMenu {position:absolute;right:0;top:0;width:4%}
.etcMenu li {float:right;}/* 기본값 백업 : float:left */
.etcMenu li:nth-child(2) {margin-right:50px;}
.etcMenu li button {width:50px;height:50px;border:0;background-color:transparent;text-indent:-9999px}
.etcMenu .hb_allM {background:#085aa4 url("../images/icon_hBot_allM.png") center center no-repeat;width:50px;height:50px;display:block;font-size:0}
.etcMenu li button.mMenu_btn {background:url("../images/icon_hBot_allM2.png") center center no-repeat;width:40px;height:40px;border:1px solid #0b2266}
.etcMenu li .mSch_btn {background:url("../images/icon_hBot_sch.png") center center no-repeat;width:40px;height:40px;border:1px solid #0b2266;font-size:0;text-indent:-9999px}

.selected {background-color:#666;color:#fff;} /* 20221130 main.jsp에 있던 CSS이동시킴(김보영) */

/* 모바일메뉴 */
.mSch_btn {display:none}
.mMenu_btn {display:none}
#mMenu {display:none;position:absolute;right:-100%;top:0;bottom:0;width:320px;z-index:999;background:#fff;overflow:hidden}
#mMenu .login {display:inline-block;padding:6px 14px 6px 10px;color:#fff;font-size:13px;font-weight:400;position:relative}
#mMenu .login:after {content:"";position:absolute;top:11px;right:0;background:#999;width:1px;height:10px}
#mMenu .login a {padding:0 !important}
#mMenu .mMenu_mem {position:relative;overflow:hidden;background:#696a70;height:50px;}
#mMenu .mMenu_mem a {color:#fff;font-size:13px;display:inline-block;padding:6px 0px 6px 10px}
#mMenu .mMenu_mem ul {overflow:hidden;padding:15px}
#mMenu .mMenu_mem ul li {float:left;text-align:center;position:relative}
#mMenu .mMenu_mem ul li a {display:block;padding:0 6px;color:#fff;font-size:14px}
#mMenu .mMenu_mem ul li.m_sns {float:left;width:20px;height:20px;margin-left:6px}
#mMenu .mMenu_mem ul li.m_sns a {display:block;width:20px;height:20px;border-radius:50%;font-size:0;text-indent:-9999px}
#mMenu .mMenu_mem ul li.m_sns.blog a {background:#28c517 url("../images/sns_blog.png") no-repeat}
#mMenu .mMenu_mem ul li.m_sns.yt a {background:#fa081f url("../images/sns_yt.png") no-repeat}
#mMenu .mMenu_mem ul li.m_sns.fb a {background:#0054a6 url("../images/sns_fb.png") no-repeat}
#mMenu .mMenu_mem ul li.m_sns.tw a {background:#000000 url("../images/sns_tw.png") no-repeat}
#mMenu .mMenu_mem ul li.m_sns.ins a {background:#ea308b url("../images/sns_ins.png") no-repeat}
#mMenu .mMenu_mem ul li.eng {float:left;width:auto;height:20px;margin-right:2px}
#mMenu .mMenu_mem ul li.eng a {display:block;width:auto;height:20px;border-radius:0;background:none;background-color:#696a70;font-size:12px;color:#fff;border:1px solid #c3c3c6;padding:0 5px;vertical-align:middle}


#mMenu .mMenu_list {height:calc(100% - 50px);overflow-y:auto;background:url(../images/monavBg.png) repeat-y;position:relative}
#mMenu .mMenu_list > li > a {position:absolute;display:block;padding:15px 10px;width: 120px;left: 0;text-align: center;font-size:15px;/*box-sizing:border-box*/;color:#fff}
#mMenu .mMenu_list > li > a:hover {color:#6dbbfe}
#mMenu .mMenu_list > li:nth-of-type(1) > a {top:0}
#mMenu .mMenu_list > li:nth-of-type(2) > a {top:48px}
#mMenu .mMenu_list > li:nth-of-type(3) > a {top:96px}
#mMenu .mMenu_list > li:nth-of-type(4) > a {top:144px}
#mMenu .mMenu_list > li:nth-of-type(5) > a {top:192px}
#mMenu .mMenu_list > li:nth-of-type(6) > a {top:240px}
#mMenu .mMenu_list > li:nth-of-type(7) > a {top:288px}
#mMenu .mMenu_list > li:nth-of-type(8) > a {top:336px}
#mMenu .mMenu_list > li:nth-of-type(9) > a {top:384px}
#mMenu .mMenu_list > li:nth-of-type(10) > a {top:432px}
/* 모바일 외부링크 아이콘 영역 */
#mMenu .mMenu_list li a.m_blank1:after {content:"";display:inline-block;width:11px;height:12px;background:url(../images/icon_mMenu_window2.png) no-repeat;margin-left:5px;position:relative;right:0}
#mMenu .mMenu_list li a.m_blank2: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}



#mMenu .mMenu_list > li > a.on {color:#222;background:#fff}
#mMenu .mMenu_list > li > a.empty:before {display:none}
#mMenu .mMenu_list > li > ul {display:none;background:#fff;padding:0;margin-left:120px;margin-right:0px}
#mMenu .mMenu_list > li:first-of-type > ul {display:block}
#mMenu .mMenu_list > li > ul > li {}
#mMenu .mMenu_list > li > ul > li:first-child {margin-top:0}
#mMenu .mMenu_list > li > ul > li > a {position:relative;/* padding:15px 0px 15px 10px;  기본값백업 11자 이상일때는 우측설정으로*/padding:15px 35px 15px 10px;font-size:15px;display:block;background:url(../images/bg_allM_plus.png) right 15px center no-repeat;background-size:10px;transition:none;border-top:1px solid #f1f1f1;color:#333;margin:0;letter-spacing:-1px}
#mMenu .mMenu_list > li > ul > li > a:hover {color:#0b2266}
#mMenu .mMenu_list > li > ul > li:first-child > a {border-top:0}

#mMenu .mMenu_list > li > ul > li > a.on {color:#0b2266;background:url(../images/bg_allM_min.png) right 15px center no-repeat;background-size:10px}
#mMenu .mMenu_list > li > ul > li > a.empty, 
#mMenu .mMenu_list > li > ul > li > a.on.empty {background:none}
#mMenu .mMenu_list > li > ul > li > ul {display:none;border-top:1px solid #e5e5e5;background:#edeef1;padding:10px 0}
#mMenu .mMenu_list > li > ul > li > ul > li > a {position:relative;display:block;padding:6px 6px 6px 16px;font-size:14px;letter-spacing:-1px;background:url(../images/bg_allM_plus.png) right 15px center no-repeat;background-size:10px;transition:none;}
#mMenu .mMenu_list > li > ul > li > ul > li:first-of-type > a {border-top:0}
#mMenu .mMenu_list > li > ul > li > ul > li > a:hover {color:#0b2266}
#mMenu .mMenu_list > li > ul > li > ul > li > a.on {color:#586dc4;text-decoration:underline}
#mMenu .mMenu_list > li > ul > li > ul > li > a:before {content:"";display:block;width:2px;height:2px;position:absolute;left:10px;top:50%;margin-top:-1.5px;background: #3e4452}
#mMenu .mMenu_list > li > ul > li > ul > li > a[target="_blank"]:after {content:"";display:inline-block;width:11px;height:12px;background:url(../images/icon_mMenu_window2.png) no-repeat;margin-left:5px;position:relative;right:0}


#mMenu .mMenu_list > li > ul > li > ul > li > a.on {color:#0b2266;background:url(../images/bg_allM_min.png) right 15px center no-repeat;background-size:10px}
#mMenu .mMenu_list > li > ul > li > ul > li:nth-child(4) > a {letter-spacing:-1.5px} /* 20240626 연차/갱신 납부기간 안내서비스 모바일메뉴 줄간격 추가 */
#mMenu .mMenu_list > li > ul > li > ul > li > a.empty {background:none}
#mMenu .mMenu_list > li > ul > li > ul > li > a.on.empty {background:none}
#mMenu .mMenu_list > li > ul > li > ul > li > ul {display:none;background:#fff;padding:10px 0;margin:0 10px 0 15px}
#mMenu .mMenu_list > li > ul > li > ul > li > ul > li > a {position:relative;display:block;padding:3px 6px 3px 16px;font-size:14px;background:#fff;letter-spacing:-1px;}
#mMenu .mMenu_list > li > ul > li > ul > li > ul > li:first-of-type > a {border-top:0}
#mMenu .mMenu_list > li > ul > li > ul > li > ul > li > a:hover {color:#0b2266}
#mMenu .mMenu_list > li > ul > li > ul > li > ul > li > a.on {color:#586dc4;text-decoration:underline}
#mMenu .mMenu_list > li > ul > li > ul > li > ul > li > a:before {content:"";display:block;width:3px;height:1px;position:absolute;left:10px;top:50%;margin-top:-1.5px;background: #3e4452}

#mMenu .mMenu_close {display:block;width:16px;height:16px;background:url(../images/btn_menu_close.png) center center no-repeat;position:absolute;top:12px;right:12px;text-indent:-9999px}

#footer {overflow:visible}
#footer:after {display:block;content:"";clear:both}
#footer .footer_top {background:#4c515c;border-top:1px solid #70747d;padding:0}
#footer .footer_top:after {display:block;content:"";clear:both}
#footer .footer_top .ft_list {overflow:hidden;float:left;padding:12px 0 15px;width:100%}
#footer .footer_top .ft_list li {float:left;padding:0;position:relative}
#footer .footer_top .ft_list li:nth-child(1) a {color:#ffd200;font-size:0.94em} /*​표준 개인정보 보호지침(개인정보보호위원회고시 제2020-1호) 제20조(개인정보 처리방침의 공개)개인정보 처리방침의 링크는 글자 크기, 색상 구분 20220310 김승현요청(SR000018270)*/
#footer .footer_top .ft_list li a {color:#fff;margin:0 16px;font-size:.87em}
#footer .footer_top .ft_list li a:hover {color:#a5c0ff; text-decoration:underline;}
#footer .footer_top .ft_list li:after {content:"";display:block;position:absolute;top:6px;right:0px;background:#70747d;width:1px;height:12px}
#footer .footer_top .ft_list li:last-child:after {display:none}

#footer .footer_top .select_box {float:left;position:relative}
#footer .footer_top .select_box:last-of-type {margin-left:-1px}
#footer .footer_top .select_box > button {padding-right:30px;display:block;background:#4c515c;position:relative;height:50px;line-height:50px;width:170px;text-align:left;padding-left:10px;border-left:1px solid #70747d;border-right:1px solid #70747d;color: #fff; border-bottom:none;font-size:.87em}
#footer .footer_top .select_box > button:before {position:absolute;width:13px;height:8px;top:50%;margin-top:-4px;background:url(../images/select_arr.png) no-repeat;right:20px;content:""}
#footer .footer_top .select_box ul {display:none}
#footer .footer_top .select_box ul li a {display:block;background:#fff;position:relative;height:30px;line-height:30px;width:160px;text-align:left;padding-left:10px;font-size:.87em}
#footer .footer_top .select_box ul li a:hover {background:#ebeef2}
#footer .footer_top .select_box ul li:first-of-type a {border-top:0}
#footer .footer_top .select_box ul {position:absolute;bottom:50px;border:1px solid #ddd;z-index:1}
#footer .footer_top .select_box > button.on:before {transform:rotate(180deg)}

#footer .footer_bottom {padding:20px 0;position:relative;background:#4c515c;border-top:1px solid #70747d}
#footer .footer_bottom .footer_logo {position:absolute;top:2px;left:16px;width:167px;height:48px;background:url("../images/kipo_logo3.png?v=2025100101") no-repeat}
#footer .footer_bottom address {position:relative;padding-left:200px} /* 지식재산청으로 승격 개편 작업 수정 */
#footer .footer_bottom p {color:#E8F2FD;font-size:.87em;line-height:1.5; font-weight:200;}
#footer .footer_bottom p span {display:block;/* padding:2px 0px; */}
/* 챗봇상담 추가 영역 */
#footer .footer_bottom address .chaticon_01 {display:inline-block; background:#d83d09; font-size:.87em; color:#fff; text-align:center; padding:2px 6px; margin-left: 6px;}
#footer .footer_bottom address .chaticon_02 {display:inline-block; background:#0400f9; font-size:.87em; color:#fff; text-align:center; padding:2px 6px; margin-left: 6px;}
#footer .footer_bottom p.copy {/* font-family:Tahoma; */color:#E8F2FD;font-size:11px;letter-spacing:0}
#footer .footer_bottom .footer_mark {display:block;overflow:hidden;position:absolute;top:0px;right:0}
#footer .footer_bottom .footer_mark li {float:left}
#footer .footer_bottom .footer_mark li a {display:block}
/* 25020501 국민신문고 건의건 해상도 개선요청 백그라운드이미지 > img객체 구조로 변경후 해상도 2배로 변경(김규동주무관) - S */
#footer .footer_bottom .footer_mark li.kogl a {max-width:90px;margin-right:10px}
#footer .footer_bottom .footer_mark li.kogl a img {width:100%}
/* 25.06.17.jnh 웹접근성(웹와치 > 한국웹접근성인증평가원) 인증마크 갱신 및 li class이름 변경(webwatch > web_access) */
/* #footer .footer_bottom .footer_mark li.webwatch a {max-width:90px} #footer .footer_bottom .footer_mark li.webwatch a img {width:100%} */
#footer .footer_bottom .footer_mark li.web_access a {max-width:90px}
#footer .footer_bottom .footer_mark li.web_access a img {width:100%}
/* 25020501 국민신문고 건의건 해상도 개선요청 백그라운드이미지 > img객체 구조로 변경후 해상도 2배로 변경(김규동주무관) - E */
/* 기존백업 */
/* #footer .footer_bottom .footer_mark li.kogl a {width:90px;height:50px;background:url("../images/bt_02.png") no-repeat center center}
#footer .footer_bottom .footer_mark li.webwatch a {width:90px;height:50px;background:url("../images/bt_01.png?v=2023072501") no-repeat center center} */

@media all and (max-width:1200px) {
#footer .footer_top .ft_list {float:inherit;padding:16px 0 18px;width:100%;border-bottom:1px solid #70747d}
#footer .footer_top .select_box {float:left;position:relative;width:50%;padding:0 12px}
#footer .footer_top .select_box > button {height:40px;line-height:40px;width:100%;border:1px solid #70747d}
#footer .footer_top .select_box ul {bottom:40px;width:calc(100% - 24px)}
#footer .footer_top .select_box ul li a {width:100%}	
#footer .footer_bottom {border-top:0}
.eg_info p img {margin-left:10px}
}


@media all and (max-width:850px) {
#footer .footer_bottom .footer_mark {display:block;position:inherit;top:inherit;right:inherit;width:100%;margin-top:10px;margin-left: 20px;}/* 25020501 국민신문고 건의건 해상도 개선요청 백그라운드이미지 > img객체 구조로 변경후 해상도 2배로 변경 모바일 간격 추가(김규동주무관) - S */	
/* 20250829 대표전화문구추가로 인해 인증마크영역 미디어퀴리 640에서 830으로 변경함 */
/* 20251001 지식재산처 승격으로 로고가 길어짐 - 850부터 적용되도록 변경 */
}


@media all and (max-width:640px) {
#footer .footer_top .ft_list {padding:10px 10px 15px;text-align:center}
#footer .footer_top .ft_list li {float:inherit;padding:0;display:inline-block}
#footer .footer_top .ft_list li:nth-child(1) a {font-size:.9em}
#footer .footer_top .ft_list li a {margin:0;margin:0 8px;font-size:.8em}
#footer .footer_top .ft_list li:after {display:none}
#footer .footer_top .select_box {width:100%;padding:0 12px;margin-bottom:6px}
#footer .footer_bottom {padding:5px 12px 12px}
#footer .footer_bottom .footer_logo {display:none}
#footer .footer_bottom address {padding-left:0}
#footer .footer_bottom p {font-size:.8em}
#footer .footer_bottom p span {display:inline}
#footer .footer_bottom p.copy {display:block;margin-top:5px}
#footer .footer_bottom .footer_mark {margin-left: 0px} /* 20250829 대표전화문구추가로 인해 여백값삭제속성 */
}


#container {display:block;width:100%;overflow:hidden;position:relative}
#container #lnb {float:left;width:250px;margin-right:-290px;background:#fff;margin-bottom:50px}
#container #content {margin-left:290px}
article {}

#lnb ul {overflow:hidden}
#lnb ul li {border-bottom:1px solid #e2e3e4}
#lnb ul li a {position:relative;display:block;/*padding:15px 30px 15px 15px; 기본값백업 11자 이상일때는 우측설정으로*/padding:15px 40px 15px 15px;font-size:.94rem;line-height:22px;text-decoration:none;color:#222;box-sizing:border-box}
#lnb ul li a.sub::after {content:"";display:block;width:15px;height:15px;background:url("../images/depth1_bul.png") center 50% no-repeat;position:absolute;right:15px;top:50%;margin-top:-7px}
#lnb ul li a.on.sub::after {background:url("../images/depth1_bul_on.png") center 50% no-repeat}
#lnb ul li a:hover, #lnb ul li a:active {color:#1556AC;}
#lnb ul li a.on {color:#1556AC;border-bottom:3px solid #1556AC}
#lnb ul li a[target="_blank"]:after {content:"";display:inline-block;width:11px;height:12px;background:url(../images/icon_mMenu_window2.png) no-repeat;margin-left:5px;position:relative;right:0}

#lnb ul li ul {display:none;padding:13px 15px}
#lnb ul li ul li {margin-top:12px;border:0px}
#lnb ul li ul li:first-child {margin-top:0px}
#lnb ul li ul li a {display:block;font-size:.87rem;line-height:19px;padding:0px 0px 0px 10px;position:relative}
#lnb ul li ul li a.sub::after {content:"";display:inline-block;position:inherit;right:inherit;top:inherit;background:url("../images/depth2_bul.png") center 60% no-repeat;margin:0 0 0 5px}
#lnb ul li ul li a.on.sub::after {background:url("../images/depth2_bul_on.png") center 60% no-repeat}
#lnb ul li ul li a::before {content:"";position:absolute;left:2px;top:8px;display:block;width:3px;height:3px;background:#1a5bb1}
#lnb ul li ul li a:hover, #lnb ul li ul li a:active, #lnb ul li ul li a.on {color:#1556AC;border-bottom:0; text-decoration:underline;}
#lnb ul li ul li a[target="_blank"]:after {content:"";display:inline-block;width:11px;height:12px;background:url(../images/icon_mMenu_window2.png) no-repeat;margin-left:5px;position:relative;right:0}

#lnb ul li ul li ul {display:none;padding:13px 13px;background:#f0f3f8;border-top:0;margin-top:12px}
#lnb ul li ul li ul li {margin-top:10px;border:0px}
#lnb ul li ul li ul li:first-child {margin-top:0px}
#lnb ul li ul li ul li a {display:block;font-size:.87rem;line-height:19px;padding:0px 0px 0px 10px}
#lnb ul li ul li ul li a::before {content:"";position:absolute;left:2px;top:8px;display:block;width:4px;height:1px;background:#555}
#lnb ul li ul li ul li a:hover, #lnb ul li ul li ul li a:active, #lnb ul li ul li ul li a.on {color:#1a5bb1;border-bottom:0}

#content .locate {position:relative;overflow:hidden;margin-top:20px}
#content .locate h2 {display:block;font-weight:500;color:#222;font-size:1.25rem;letter-spacing:-.1rem}
/* #content .locate ul {overflow:hidden} *//*기본백업 */
#content .locate ul {overflow:hidden;max-width:80% }
#content .locate ul li {float:left}

.location > li {float:left;line-height:normal;position:relative}
.location > li.home:before {display:none}
.location > li:first-child {margin-left:0;padding-left:0}
.location > li:last-of-type span {color:#0b2266;font-weight:500;}
.location > li {position:relative;display:block;font-size:.94rem;color:#666;height:30px;line-height:30px;padding:0 6px;margin-left:6px}
.location > li span {height:30px;line-height:30px; font-weight:400; }
.location > li span > a:hover {text-decoration:underline;font-weight:500;color:#0b2266;}
.location > li:before {content:"";width:4px;height:7px;position:absolute;top:50%;margin-top:-3px;left:-4px;background:url("../images/lc_arr.png") no-repeat}
.location > li.home span {background: url("../images/lc_home.png") left center no-repeat;font-size:0;text-indent:-9999px;display:block;width:13px;height:30px;line-height:30px}
.location > li.home span a {display:block;width:13px;height:30px}
.locate .locate_btn {position:absolute;right:0;bottom:0}

/*콘텐츠 상단 공유하기 및 인쇄하기 아이콘 영역*/
.locate .locate_btn button {display:inline-block;width:40px;height:40px;background:#fff;border:1px solid #ddd;border-radius:50%;/* outline:0 20220523 쥅접근성 오류 개선 조치*/margin-left:12px;position:relative;box-sizing:border-box;color:#777;font-size:1rem}
.locate .locate_btn button:hover {border:1px solid #164299;color:#fff; background:#164299}

/*전자점자서비스 아이콘  없을시 오픈 SNS 위치 조정 CSS*/
.locate .sns_btns {position:absolute;right:52px;bottom:0;display:none;width:164px; height:40px;background:#fff;border:1px solid #164299;border-radius:20px;box-sizing:border-box;z-index:1;padding:0 10px 0 18px}
/*전자점자서비스 아이콘  있을시 오픈 SNS 위치 조정 CSS*/
.locate .sns_btns_braille {position:absolute;right:166px;bottom:0;display:none; width:164px; height:40px;background:#fff;border:1px solid #164299;border-radius:20px;box-sizing:border-box;z-index:1;padding:0 10px 0 18px}

.locate .sns_btns a {display:inline-block;vertical-align:top;margin-top:9px;font-size:0;/*text-indent:-9999px*/}
.locate .sns_btns .close_btn {width:28px;height:28px;vertical-align:top;margin-top:4px;color:#777;font-size:.9rem}

/*전자점자서비스 아이콘 추가 CSS*/
.locate .locate_btn button .braille_viewer {background:url("../images/braille_s_off.png") no-repeat; display:inline-block; width:40px;height:40px;border-radius:50%; background-position:center;}
.locate .locate_btn button .braille_viewer:hover {background:url("../images/braille_s_on.png") no-repeat;background-position:center;}
.locate .locate_btn button .braille_down {background:url("../images/braille_d_off.png") no-repeat; display:inline-block; width:40px;height:40px;border-radius:50%; background-position:center;}
.locate .locate_btn button .braille_down:hover {background:url("../images/braille_d_on.png") no-repeat;background-position:center;}
.locate .locate_btn .brailleviewer_btn {display:inline-block;width:40px;height:40px;background:#fff;border:1px solid #ddd;border-radius:50%;position:relative; top:14px; box-sizing:border-box;color:#777;font-size:1rem;}
.locate .locate_btn .brailleviewer_btn:hover {border:1px solid #164299;color:#fff; background:#164299;}
.locate .locate_btn .brailledown_btn {display:inline-block;width:40px;height:40px;background:#fff;border:1px solid #ddd;border-radius:50%;position:relative; top:14px; box-sizing:border-box;color:#777;font-size:1rem;}
.locate .locate_btn .brailledown_btn:hover {border:1px solid #164299;color:#fff; background:#164299;}



@media all and (max-width:1100px) {

#container #lnb {display:none}
#container #content {margin-left:0}
#content .locate {background:#e4eaf2;padding:10px 16px 6px;margin-top:0}
#content .locate h2 {font-size:1rem}
.location > li {font-size:.86rem}
article {margin-top:20px;margin-bottom:20px}
.itxt {padding:0 16px}

.locate .locate_btn {right:10px;top:10px}
.locate .locate_btn button {width:28px;height:28px;margin-left:4px;font-size:.84rem}
.locate .locate_btn button:hover {border:1px solid #164299;color:#164299}

/*전자점자서비스 아이콘  없을시 오픈 SNS 위치 조정 CSS*/
.locate .sns_btns {right:35px;top:0px; width:134px; height:28px;border-radius:14px;padding:0 4px 0 6px}
/*전자점자서비스 아이콘  있을시 오픈 SNS 위치 조정 CSS*/
.locate .sns_btns_braille {right:106px;top:9px;width:134px; height:28px;border-radius:14px;padding:0 4px 0 6px}
.locate .sns_btns a {margin-top:3px}
.locate .sns_btns .close_btn {width:21px; height:21px; margin-top:2px; font-size:.8rem;}


/*전자점자서비스 아이콘 추가 CSS*/
.locate .locate_btn button .braille_viewer {background:url("../images/braille_s_off.png") no-repeat; display:inline-block; width:28px;height:28px;border-radius:50%;background-position:center;background-size:55%;}
.locate .locate_btn button .braille_viewer:hover {background:url("../images/braille_s_on.png") no-repeat;background-position:center;background-size:55%;}
.locate .locate_btn button .braille_down {background:url("../images/braille_d_off.png") no-repeat; display:inline-block; width:28px;height:28px;border-radius:50%;background-position:center;background-size:55%;}
.locate .locate_btn button .braille_down:hover {background:url("../images/braille_d_on.png") no-repeat;background-position:center;background-size:55%;}
.locate .locate_btn .brailleviewer_btn {display:inline-block;width:28px;height:28px;background:#fff;border:1px solid #ddd;border-radius:50%;position:relative; top:9px; box-sizing:border-box;color:#777;font-size:1rem}
.locate .locate_btn .brailleviewer_btn:hover {border:1px solid #164299;color:#fff; background:#164299}
.locate .locate_btn .brailledown_btn {display:inline-block;width:28px;height:28px;background:#fff;border:1px solid #ddd;border-radius:50%;position:relative; top:9px; box-sizing:border-box;color:#777;font-size:1rem}
.locate .locate_btn .brailledown_btn:hover {border:1px solid #164299;color:#fff; background:#164299}

}

@media all and (max-width:640px) {
#content .locate {background:#e4eaf2;padding:16px 16px 16px}
.locate .locate_btn {top:4px;height:30px}
/*전자점자서비스 아이콘  없을시 오픈 SNS 위치 조정 CSS*/
.locate .sns_btns {top:0px;height:28px;}
/*전자점자서비스 아이콘  있을시 오픈 SNS 위치 조정 CSS*/
.locate .sns_btns_braille {right:105px;top:9px;}


#content .locate ul {margin-top:6px}
#content .locate ul li {float:inherit}
.location > li {display:inline-block;font-size:.85rem;height:20px;line-height:20px;padding:0 4px;margin-left:4px}
.location > li span {height:20px;line-height:20px}
.location > li.home span {height:20px;line-height:22px;background-position:0 0}
.location > li.home span a {display:inline-block;width:13px;height:20px}
}

.main_banner {position:relative;overflow:hidden}
/* .main_banner .layout .mainv_sbtn {position:absolute;top:0;left:0;z-index:1;width:200px;background:rgba(8,90,164,1)} */
.main_banner .layout .mainv_sbtn {position:absolute;top:0;left:0;z-index:1;width:200px;background:#064883;height:100% } /* 2025100101 배너 부재로 임시칸 채움 */
.main_banner .layout .mainv_sbtn ul {overflow:hidden}
.main_banner .layout .mainv_sbtn li {/* background:rgba(0,0,0,0.2); */color:#fff;text-align:center;font-size:.87em;padding:9px 15px;border-bottom:1px solid rgba(0,0,0,0.3);width:100%;box-sizing:border-box;display:table;height:60px}
.main_banner .layout .mainv_sbtn li a {display:table-cell;vertical-align:middle;margin:0;padding:0;width:170px;height:40px}
.main_banner .layout .mainv_sbtn li:hover {background:rgba(255,255,255,0.1)}
/* .main_banner .layout .mainv_sbtn li:last-child {border-bottom:none} *//* 2025100101 배너 부재로 임시칸 채움 */
.main_banner .layout .mainv_sbtn li a span {display:block;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}

_:-ms-fullscreen, :root .main_banner .layout .mainv_sbtn li a span {line-height:20px;max-height:40px}

.main_banner .layout .mainv_btn {position:absolute;bottom:0;right:0;z-index:1;vertical-align:top;height:34px;width:141px;}
.main_banner .layout .mainv_btn button {width:34px;height:34px;vertical-align:top;font-size:0;border:1px solid rgba(0,0,0,0);}
.main_banner .layout .mainv_btn button.stop {background:rgba(0,0,0,0.4) url("../images/btn_vstop.png") no-repeat center center;position:absolute;top:0;left:35px;width:34px;height:34px}
.main_banner .layout .mainv_btn button.play {background:rgba(0,0,0,0.4) url("../images/btn_vplay.png") no-repeat center center;position:absolute;top:0;left:35px; display:none;width:34px;height:34px}
.main_banner .layout .mainv_btn button.count {background:rgba(0,0,0,0.4);text-align:center;line-height:34px;font-size:.8em;color:#fff;position:absolute;top:0;right:0;width:36px;}
.main_banner .layout .mainv_btn button.prevArrow {background:rgba(0,0,0,0.4) url("../images/btn_prev.png") no-repeat center center;left:0;bottom:0;top:0;position:absolute;}
.main_banner .layout .mainv_btn button.nextArrow {background:rgba(0,0,0,0.4) url("../images/btn_next.png") no-repeat center center;bottom:0;top:0;position:absolute;right:37px;}
/*23.06.26 메인배너 웹접근성 조치로 span css 추가  LYS*/
.main_banner .layout .mainv_btn span.count {background:rgba(0,0,0,0.4);text-align:center;line-height:34px;font-size:.8em;color:#fff;position:absolute;top:0;right:0;width:36px;}

.main_banner .main_visual {width:100%;height:300px;position:relative;padding-left:200px}
.main_banner .main_visual .slick-list {height:100%}
.main_banner .main_visual .mainv_img {position:relative;overflow:hidden}
.main_banner .main_visual .mainv_img .cate {display:block;position:absolute;top:10px;right:10px;background:#4a506b;color:#fff;width:60px;height:30px;line-height:30px;font-size:.81em;text-align:center;border-radius:6px;z-index:1}
.main_banner .main_visual .mainv_img a {display:block;position:relative;width:100%;height:300px}
.main_banner .main_visual .mainv_img .mv1 {display:block;width:100%;height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
.main_banner .main_visual .mainv_img .mv2 {display:none;width:100%;height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}

.main_banner .main_visual .mainv_img a:focus {border:1px solid #085aa4}
.main_banner .layout .mainv_btn button:focus {border:2px solid #4e69cc}

@media all and (max-width:1100px) {
.main_banner .layout .mainv_sbtn {display:none}
.main_banner .main_visual {padding-left:0}
}

@media all and (max-width:768px) {
.main_banner .main_visual {height:230px;}
.main_banner .main_visual .mainv_img a {height:230px}
}
@media all and (max-width:568px) {
.main_banner .main_visual .mainv_img .mv1 {display:none}
.main_banner .main_visual .mainv_img .mv2 {display:block}
.eg_info p {font-size:.84em;}
}

.main_info {position:relative;overflow:hidden;margin:0 0 20px}
.main_info .title-txt {overflow:hidden;margin:20px 0}
.main_info .title-txt h2 {font-size:1.6em;font-weight:500;color:#222}
.main_info .itab1 {position:relative;overflow:hidden}
.main_info .itab1 li {float:left;width:33.33%;background:#4a506b;border-right:1px solid #000;text-align:center;color:#fff;font-size:1.1rem;padding:20px 0;position:relative;margin-top:15px;cursor:pointer}
.main_info .itab1 li:first-child {border-radius:10px 0 0 10px}
.main_info .itab1 li:last-child {border-radius:0 10px 10px 0}
.main_info .itab1 li.on {background:#085A98;position:relative}
.main_info .itab1 li.on:after {content:"";position:absolute;top:-15px;left:calc(50% - 16px);background:url("../images/info_check.png") no-repeat;width:29px;height:29px}
.main_info .tab_con {position:relative;border:1px solid #d8d8d8;padding:20px 0;margin:20px auto 0;border-radius:10px;box-shadow:0px 0px 11px 0px rgba(0, 0, 0, 0.1);text-align:center;/*display:none*/}
.main_info .tab_con.on {display:inherit}
.main_info .tab_mycon {position:relative;border:1px solid #d8d8d8;padding:20px 0;margin:20px auto 0;border-radius:10px;box-shadow:0px 0px 11px 0px rgba(0, 0, 0, 0.1);text-align:center;/*display:none*/}
.main_info .tab_mycon.on {display:inherit}

.main_info .itab2 {position:relative;overflow:hidden;margin:0 auto;padding:0;font-size:0}
.main_info .itab2 li {background-color:#edeef1;border-radius:20px;box-sizing:border-box;display:inline-block;margin:0 0.9% 10px;width:8%;padding-bottom:8%;position:relative;float:left}
.main_info .itab2 li:first-child {margin-left:1.9%}
.main_info .itab2 li.on {background-color:#448cca}
.main_info .itab2 li .items {width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}
.main_info .itab2 li .items a {display:block;position:relative;width:100%;height:100%;text-align:center;color:#43475e;font-size:.87rem;padding-top:70%}
.main_info .itab2 li.on .items a {color:#fff}
.main_info .itab2 li .items img {position:absolute;top:12%;left:50%;width:52px;height:52px;transform:translateX(-50%)}

.main_info .itab3 {/*display:none;*/overflow:hidden}
.main_info .itab3.on {display:inherit}
.main_info .itab3 {position:relative;overflow:hidden;/*width:100%;*/text-align:left;margin:10px 20px 0;box-sizing:border-box}
.main_info .itab3 li {float:left;width:16.6%;font-size:.87rem;color:#43475e;border-right:1px solid #d8d8d8;border-left:1px solid #d8d8d8;padding:0 10px;margin-left:-1px}
.main_info .itab3 li:last-child {border-right:0}
.main_info .info_list {position:relative;overflow:hidden;width:100%;margin-top:10px}
.main_info .info_list li {display:block;width:100% !important;font-size:.81rem;color:#666;border:none;position:relative;padding:0;padding-left:7px}
.main_info .info_list li:before {position:absolute;width:2px;height:2px;top:10px;left:0;background:#999;content:""}
.main_info .info_list li a {display:block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;word-break:normal}
.main_info .info_list li a:hover {color:#085aa4;text-decoration:underline}


@media all and (max-width:1100px) {
.main_info .layout {margin:0 20px}
.main_info .itab1 li {font-size:.92rem}
}

@media all and (max-width:1024px) {
.main_info .itab2 li .items a {padding-top:54px}
.main_info .itab2 li .items img {top:12px;width:40px;height:40px}
}

@media all and (max-width:900px) {
.main_info .itab2 li .items a {padding-top:60%;font-size:.78rem}
.main_info .itab2 li .items img {top:10px;width:30px;height:30px}
}

@media all and (max-width:800px) {
.main_info .itab1 li {font-size:.84rem;margin-top:0;border-bottom:1px solid #000}
.main_info .itab1 li:first-child {border-radius:0}
.main_info .itab1 li:last-child {border-radius:0}
.main_info .itab1 li.on:after {display:none}
.main_info .itab2 li {width:16%;margin:5px 1.7% 15px;padding-bottom:16%}
.main_info .itab2 li:first-child {margin-left:3.3%}
.main_info .itab2 li:nth-child(6) {margin-left:3.3%}
.main_info .itab2 li .items a {padding-top:70%;font-size:.9rem}
.main_info .itab2 li .items img {top:15%;width:52px;height:52px}
.main_info .itab3 li {width:33.33%;padding-bottom:10px}
}

@media all and (max-width:640px) {
.main_info .title-txt h2 {font-size:1.1em}
.main_info .layout {margin:0 12px}
.main_info .tab_con {padding:10px 0;margin-top:10px;border-radius:0}
.main_info .tab_mycon {padding:10px 0;margin-top:10px;border-radius:0}
.main_info .itab2 li {width:16%;margin:10px 1.7%;padding-bottom:16%;border-radius:10px}
.main_info .itab2 li .items a {padding-top:70%;font-size:.9rem}
.main_info .itab2 li .items img {top:15%;width:42px;height:42px}
.main_info .itab3 {margin:20px 10px 0}
.main_info .itab3 li {width:50%;padding-bottom:5px}
}

@media all and (max-width:500px) {
.main_info .itab2 li .items a {padding-top:64%;font-size:.76rem}
.main_info .itab2 li .items img {top:13%;width:30px;height:30px}

}

@media all and (max-width:400px) {
.main_info .itab2 li {width:17%;margin:8px 1%;padding-bottom:17%}
.main_info .itab2 li:first-child {margin-left:3.4%}
.main_info .itab2 li:nth-child(6) {margin-left:3.4%}
.main_info .itab2 li .items a {padding-top:65%;font-size:.7rem}
.main_info .itab2 li .items img {top:14%;width:28px;height:28px}
.main_info .itab3 {margin:10px 10px 0}
}

@media all and (max-width:317px){
.main_info .itab1 li {font-size:.77em}
.main_info .itab2 li .items a {padding-top:60%;font-size:10px}
.main_info .itab2 li .items img {top:10%;width:22px;height:22px}
}

/* 소통코너개편 시작점 20240314~ 대변인실 요청(차장님지시) */

/* 사진뉴스, 영상뉴스, 알림판 슬라이드 시작 */
.main_story {position:relative;overflow:hidden;background:#f8f9fb;margin-top:20px;}
.main_story .title-txt {overflow:hidden;margin:20px 0}
.main_story .title-txt h2 {font-size:1.6em;font-weight:500;color:#222;margin-top:4px;}
.story_box {display:flex; flex-wrap:wrap;justify-content:space-between; }
.story_slide {width:23.5%;}
.story_slide_info {padding-bottom:10px;display:flex;justify-content:space-between;flex-direction:row;}
.story_slide_info h2 {font-size: 1.2rem;font-weight: 500;color: #222;}
.story_slide_info h2 .fw600 {font-weight:600;}
.story_slide .slide_box {border:1px solid #dfe0e2;border-radius:10px;background:#fff;box-shadow:0px 9px 7px -7px rgba(0,0,0,0.25);}
.story_img a .slide_date {display:block;font-size:.8rem;padding:0px 16px 13px 16px;color:#6f6e6e;}
.story_slide_control {align-items:center;justify-content:flex-end;display:flex;}
.story_slide_control button {margin-left:10px;}
.story_slide_control .story_count {display:inline-block;color:#737373;font-size:0.9rem;font-weight:500;}
.story_slide_control button.story_prevArrow {width:16px;height:16px;background:url(../images/slide_prev.png) no-repeat center center;}
.story_slide_control button.story_nextArrow {width:16px;height:16px;background:url(../images/slide_next.png) no-repeat center center;}
.story_slide_control button.story_stop {width:16px;height:16px;background:url(../images/slide_stop.png) no-repeat center center;}
.story_slide_control button.story_stop:hover {background:url(../images/slide_play.png) no-repeat center center;}
.story_slide_control button.story_play {width:16px;height:16px;background:url(../images/slide_play.png) no-repeat center center; display:none;}
.story_slide_control a.story_more {margin-left:10px; width:16px; height:16px;background:url(../images/slide_more.png) no-repeat center center;}
.story_slide .story_img a {display:block;}
.story_slide .story_img a img {width:100%;height:100%;border-radius: 10px 10px 0px 0px;}
.story_slide .story_img .newH {height:180px;overflow:hidden;}
.story_slide .story_img .govH {height:250px;overflow:hidden;}
.story_slide .story_img .govH img {border-radius:10px;}
.story_slide .story_img a .slide_tit {display:block;position:relative;max-width:285px;padding:12px 16px 0px 16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size: 1rem;font-weight:500;max-height:36px;}
.story_slide .story_img a:hover .slide_tit, .story_img a:focus .slide_tit, .story_img a:active .slide_tit {color:#1a5bb1; text-decoration:underline;}
/* 사진뉴스, 영상뉴스, 알림판 슬라이드 끝 */

/* 주요정책, 지식재산 바로가기 버튼영역 시작 */
.story_slide.story_link {position:relative;display:flex;flex-wrap:wrap;justify-content:space-between;flex-direction:column;padding:38px 0px 2px 0px;box-sizing:border-box;}
.story_slide.story_link .link_box {border-radius:10px;height:calc(50%  - 10px); /* border: 1px solid #dfe0e2; */ box-shadow:0px 11px 7px -7px rgb(0 0 0 / 28%); box-sizing:border-box;}
.story_slide.story_link .link_box.bgB a {display:block;width:100%;height:100%;}
.story_slide.story_link .link_box.bgG a {display:block;width:100%;height:100%;}
.story_slide.story_link .link_box a strong {display:block;font-size: 1.2rem; font-weight:500;}
.story_slide.story_link .link_box a strong span {display:block;font-size:.90rem; color:#fff;font-weight:300;line-height:1.3;}
.story_slide.story_link .link_box a strong span.sbold {font-weight:500;}

/* 4안-2 20240418 바로가기 영역 대변인실에서 시안 확정 반영분 */
.story_slide.story_link .link_box.bgB {background:#6D7497 url("../images/plan_bt_bg.png?v=2024041801")no-repeat right bottom;}
.story_slide.story_link .link_box.bgB:hover {background:#4a506b url("../images/plan_bt_bg.png?v=2024041801")no-repeat right bottom;transition:all .3s linear;}
.story_slide.story_link .link_box.bgB a strong {color:#fff;padding:24px;}

/* 4안-2  20240418 바로가기 영역 대변인실에서 시안 확정 반영분 */
.story_slide.story_link .link_box.bgG {background:#6D7497 url("../images/ipr_bt_bg.png?v=2024041801")no-repeat right bottom;}
.story_slide.story_link .link_box.bgG:hover {background:#4a506b url("../images/ipr_bt_bg.png?v=2024041801")no-repeat right bottom;transition:all .3s linear;}
.story_slide.story_link .link_box.bgG a strong {color:#fff;padding:32px 24px;}
/* 주요정책, 지식재산 바로가기 버튼영역 끝 */

/* 특허청 소통코너 (주요소식) 반응형 시작 */
@media all and (max-width:1100px){
.main_story .layout {margin: 0 20px;}	
.story_slide .story_img a .slide_tit {font-size:1rem;}
.story_slide.story_link .link_box.bgB {background-size: 30% 80%;}
.story_slide.story_link .link_box.bgB:hover {background-size: 30% 80%;}
.story_slide.story_link .link_box.bgG {background-size: 30% 70%;}
.story_slide.story_link .link_box.bgG:hover {background-size: 30% 70%;}
}

@media all and (max-width:1024px){
.story_slide_control button {margin-left:6px;}
}

@media all and (max-width:955px){
.story_slide {width:calc(50% - 10px);}	
.story_slide .story_img a .newH {height:282px;}
.story_slide .story_img a .govH {height:389px;}
.story_slide .story_img a .slide_tit {font-size:0.94rem; max-width:500px;}
.story_slide.story_link, .story_slide.gover_new {margin-top:30px;}
.story_slide.story_link .link_box a strong {font-size:1.6rem;}
.story_slide.story_link .link_box a strong span {font-size:1rem;}
.story_slide.story_link .link_box.bgB {background-size: 29% 80%;}
.story_slide.story_link .link_box.bgB:hover {background-size: 29% 80%;}
.story_slide.story_link .link_box.bgG {background-size: 30% 80%;}
.story_slide.story_link .link_box.bgG:hover {background-size: 30% 80%;}
.story_slide.story_link .link_box.bgB a strong {padding:52px;}
.story_slide.story_link .link_box.bgG a strong {padding:63px 52px;}
}

@media all and (max-width:850px){
.story_slide .story_img a .newH {height:248px;}
.story_slide .story_img a .govH {height:345px;}
.story_slide.story_link .link_box.bgB {background-size:30% 80%;}
.story_slide.story_link .link_box.bgB:hover {background-size:30% 85%;}
.story_slide.story_link .link_box.bgG {background-size:33% 80%;}
.story_slide.story_link .link_box.bgG:hover {background-size:33% 85%;}
.story_slide.story_link .link_box.bgB a strong {padding:40px;}
.story_slide.story_link .link_box.bgG a strong {padding:50px 40px;}

	
}

@media all and (max-width:750px){
.story_slide .story_img a .newH {height:216px;}
.story_slide .story_img a .govH {height:301px;}
.story_slide.story_link .link_box a strong {font-size:1.5rem;}
.story_slide.story_link .link_box a strong span {font-size:.98rem;}
.story_slide.story_link .link_box.bgB {background-size:25% 70%;}
.story_slide.story_link .link_box.bgB:hover {background-size:25% 70%;}
.story_slide.story_link .link_box.bgG {background-size:25% 70%;}
.story_slide.story_link .link_box.bgG:hover {background-size:25% 70%;}
.story_slide.story_link .link_box.bgB a strong {padding:34px;}
.story_slide.story_link .link_box.bgG a strong {padding:43px 30px;}
}

@media all and (max-width:670px){
.story_slide .story_img a .newH {height:190px;}
.story_slide .story_img a .govH { height:266px;}
.story_slide.story_link, .story_slide.gover_new {margin-top:15px;}
.story_slide.story_link .link_box a strong {font-size:1.3rem;}
.story_slide.story_link .link_box a strong span {font-size:.87rem;}
.story_slide.story_link .link_box.bgB a strong {padding:30px;}
.story_slide.story_link .link_box.bgG a strong {padding:38px 30px;}
}

@media all and (max-width:650px){
.story_slide.story_link .link_box.bgG {background-size:30% 75%;}
.story_slide.story_link .link_box.bgG:hover {background-size:30% 75%;}
}

@media all and (max-width:640px) {
.main_story .title-txt h2 {font-size:1.1em;}
.story_slide_info h2 {font-size:1rem;}
.story_slide.story_link .link_box.bgB a strong {padding:28px;}
.story_slide.story_link .link_box.bgG a strong {padding:36px 30px;}
}

@media all and (max-width:580px){
.story_slide .story_img a .newH {height:163px;}
.story_slide .story_img a .govH { height:226px;}
.story_slide.story_link .link_box.bgB a strong {padding:20px;}
.story_slide.story_link .link_box.bgG a strong {padding:28px 20px;}
}

@media all and (max-width:460px){
.story_slide {width:100%;}
.story_slide .story_img a .newH {height:264px;}
.story_slide .story_img a .govH {height:366px;}
.story_slide.mmt20 {margin-top:20px;}
.story_slide.story_link {padding-top:10px; height:250px;}
.story_slide.story_link .link_box a strong {font-size:1.4rem;}
.story_slide.story_link .link_box a strong span {font-size:.99rem;}
.story_slide.story_link .link_box.bgB {background-size:20% 90%;}
.story_slide.story_link .link_box.bgB:hover {background-size:20% 90%;}
.story_slide.story_link .link_box.bgG {background-size:23% 90%;}
.story_slide.story_link .link_box.bgG:hover {background-size:23% 90%;}
.story_slide.story_link .link_box.bgB a strong {padding:18px 20px;}
.story_slide.story_link .link_box.bgG a strong {padding:28px 20px;}
}


@media all and (max-width:393px){
.story_slide .story_img a .newH {height:222px;}
.story_slide .story_img a .govH {height:307px;}
.story_slide.story_link .link_box.bgB {background-size:26% 90%;}
.story_slide.story_link .link_box.bgB:hover {background-size:26% 90%;}
.story_slide.story_link .link_box.bgG {background-size:30% 95%;}
.story_slide.story_link .link_box.bgG:hover {background-size:30% 95%;}
}

@media all and (max-width:360px){
.story_slide .story_img a .newH {height:222px;}
.story_slide .story_img a .govH {height:278px;}
}
/* 특허청 소통코너 (주요소식) 반응형 끝 */

/* 특허청  SNS소통 바로가기 버튼영역 시작 */
.main_sns {position:relative;overflow:hidden; background:#eff5ff;}
.main_sns .title-txt {display:flex; margin:20px 0; justify-content: space-between;}
.main_sns .title-txt h2 {font-size:1.6em;font-weight:500; color:#222; padding-top:4px;}
.main_sns .title-txt p {font-size:.81em;color:#777}
.main_sns .sns-list{display:flex; justify-content:center; margin-right: 10px;}
.main_sns .sns-list li+li{margin-left:10px;}
.main_sns .sns-list [class*='btn']{overflow:hidden;display:block;position:relative;width:45px;height:45px;border-radius:50%;border:1px solid #dfe0e1;text-indent:-9999px;box-shadow:0px 3px 5px 1px rgba(0,0,0,.1);background-color:#fff;background-repeat:no-repeat;background-position:center;z-index:1;}
.main_sns .sns-list [class*='btn']:before{content:'';position:absolute;top:-100%;left:-100%;width:100%;height:100%;border-radius:50%;transform:rotate(45deg) scale(1);transition:all .3s linear;z-index:-1;}
.main_sns .sns-list [class*="btn-"]:after{content:'';display:block;position:absolute;top:calc(50% - 10px);left:calc(50% - 10px);width:20px;height:20px;background:no-repeat 50%;}
.main_sns .sns-list .btn-youtube:after{background-image:url("../images/sns_youtube.png");}
.main_sns .sns-list .btn-facebook:after{background-image:url(../images/sns_facebook.png);}
.main_sns .sns-list .btn-twitter:after{background-image:url(../images/sns_twitter.png);}
.main_sns .sns-list .btn-naver-blog:after{background-image:url(../images/sns_naver_blog.png);}
.main_sns .sns-list .btn-instagram:after{background-image:url(../images/sns_instagram.png);}
.main_sns .sns-list [class*='btn']:before{content:''; position:absolute; top:0; left:0;}
.main_sns .sns-list .btn-youtube:hover:before{background:rgba(251,206,206,.7);}
.main_sns .sns-list .btn-facebook:hover:before{background:rgba(215,226,244,.7);}
.main_sns .sns-list .btn-twitter:hover:before{background:rgba(211,211,211,.7);}
.main_sns .sns-list .btn-naver-blog:hover:before{background:rgba(214,236,215,.7);}
.main_sns .sns-list .btn-instagram:hover:before{background:linear-gradient(240deg, rgba(35,18,233,.3) 0%, rgba(170,52,149,.3) 33%, rgba(236,84,82,.3) 66%, rgba(255,186,100,.3) 100%);}
/* 특허청 SNS소통 바로가기 버튼영역 끝*/

/*특허청  SNS소통 슬라이드 부분 개선 디자인 시작 */
.frame {overflow:hidden; margin-bottom:20px}
.frame ul {list-style:none;margin:0;padding:0;height:100%;width:100%}
.frame ul li {float:left;width:310px;height:100%;margin:0 20px 0 0;padding:0;display:flex;justify-content:center;align-items:center;cursor:pointer}
.frame ul li.active .sns_box .sns_cont strong {color:#085aa4}
.frame ul li .sns_box {display:inline-block;}
.frame ul li .sns_box .sns_img img {width:100%;}
.frame .slick-slide {margin:0;padding:0;/* cursor:pointer */}
.frame .slick-list .slick-track {padding-bottom:10px;}
.frame .sns_box {display:inline-block;  margin:0 10px; border:1px solid #dfe0e2; border-radius: 10px; background:#fff; box-shadow: 0px 9px 7px -7px rgb(0 0 0 / 25%); position:relative; }
.frame .sns_box a {display:block} /* 20250526웹접근성 초점이동 개선으로 속성값 추가 */
.frame .sns_box a:before {content:''; display:block; width:40px; height:40px; border-radius:50%;  position:absolute; bottom:10px; left:10px; }
.frame .sns_box .sns-youtube:before {background:#e20e0e url("../images/sns_youtube_white.png")no-repeat 50% 50%;}
.frame .sns_box .sns-facebook:before {background:#0c69e2 url("../images/sns_facebook_white.png")no-repeat 50% 50%;}
.frame .sns_box .sns-naver-blog:before {background:#3cac42 url("../images/sns_naver_blog_white.png")no-repeat 50% 50%;}
.frame .sns_box .sns-instagram:before {background:#ea217b url("../images/sns_instagram_white.png")no-repeat 50% 50%;}
.frame .sns_box a .sns_img img {display:block; width:100%; height:100%;border-radius:10px 10px 0px 0px; }
.frame .sns_box a .sns_tit {display:block;position:relative; max-width:278px; padding: 10px 10px 0px 60px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 1rem;font-weight: 500; max-height:34px; }
.frame .sns_box a .sns_date {display:block; font-size: .8rem; padding: 0px 10px 10px 60px; color: #6f6e6e;}
.frame .sns_box a:hover .sns_tit, .frame .sns_box a:active .sns_tit  {color:#1a5bb1; text-decoration:underline;}
/*특허청  SNS소통 슬라이드 부분 개선 디자인 끝 */

/* 특허청 SNS소통 슬라이드 스크롤과 버튼 영역 시작 */
.scrollbar {margin:300px auto 6px;height:4px;background:#dfe0e2;line-height:0;width:100%;overflow:hidden}
.scrollbar .handle {width:100px;height:100%;background:#4e69cc;cursor:pointer}
.scrollbar .handle .mousearea {position:absolute;top:-9px;left:0;width:12%;height:20px}
.main_sns .slick-prev {position:absolute;top:120px;left:0;font-size:0px;width:20px;height:20px;background:rgba(0, 0, 0, 0) url("../images/m_prev.png") no-repeat center}
.main_sns .slick-next {position:absolute;top:120px;right:0;font-size:0px;width:20px;height:20px;background:rgba(0, 0, 0, 0) url("../images/m_next.png") no-repeat center}
.main_sns .slick-prev:focus {border:1px solid #777}
.main_sns .slick-next:focus {border:1px solid #777}
.progressBar {display:block;height:4px;overflow:hidden;background-color:rgba(223,224,226,1.00);background-image:linear-gradient(to right, #4e69cc, #4e69cc);;background-repeat:no-repeat;background-size:0 100%;margin:0 30px;transition:background-size 0.4s ease-in-out}
.progressBar.progressBarLabel {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}
/* 특허청 SNS소통 슬라이드 스크롤과 버튼 영역 끝 */

/* 특허청 SNS소통 슬라이드 반응형 시작 */
@media all and (max-width:1100px) {
.main_sns .layout {margin:0 20px}
.frame .sns_box a .sns_tit {max-width:330px;}
}

@media all and (max-width:850px) {
.frame .sns_box a .sns_tit {font-size:.94rem;}
}

@media all and (max-width:768px) {
.frame {padding:0}
.progressBar {margin:0 10px}
.main_sns .slick-prev {display:none !important}
.main_sns .slick-next {display:none !important}
}

@media all and (max-width:640px) {
.main_sns .layout {margin:0 12px}
.main_sns .title-txt h2 {font-size:1.1em; font-weight:500; color:#222; margin-left:10px; }
.main_sns .title-txt p {font-size:.81em;color:#777}	
.frame .sns_box a .sns_tit {max-width:404px;}
}

@media all and (max-width:460px) {
.main_sns .title-txt {flex-direction:column;}
.main_sns .sns-list {margin-top:20px;}
.main_sns .sns-list li+li {margin-left: 6px;}


}

@media all and (max-width:450px) {
.main_sns .title-txt {flex-direction:column;}
.main_sns .sns-list {margin-top:20px;}

}
/* 특허청 SNS소통 슬라이드 반응형 끝 */
.main_board {position:relative;overflow:hidden;margin:40px 0}
.main_board .main_news {float:left;width:calc(100% - 495px);margin-right:15px;position:relative}

/* 20251001 열린처장실 공석으로 인한 구조 변경시 사용용 */
/* .main_board {position:relative;overflow:hidden;margin:40px 0; min-height:240px;}
.main_board .main_news {float:left;width:100%;margin-right:15px;position:relative} */

.main_board .main_news .news_tab {overflow:hidden}
.main_board .main_news .news_tab ul {padding-right:48px;overflow:hidden;border:1px solid #ddd}
.main_board .main_news .news_tab li.tab {float:left;display:block;width:20%;height:50px;text-align:center;cursor:pointer;font-size:.9em}


/* 2022년 행안부 품질관리수준진단 사용자 선택 콘텐츠 명암대비 비율 7:1로 변경 */
/* 20250522 웹접근성 활성/비활성 구분 오류 개선 선택시 폰트 굵게 500 추가 0250609 하단 라인도 추가 */
.main_board .main_news .news_tab li.tab.on {background:#1F5B90;color:#fff;font-weight:500; text-decoration:underline} 

.main_board .main_news .news_tab li.tab .news_more {display:none}
.main_board .main_news .news_tab li.tab.on .news_more {border:1px solid #ddd;width:52px;height:52px;display:inline-block;position:absolute;top:0px;right:0;font-size:0;text-indent:-9999px;background:#fff url("../images/icon_more.png") no-repeat center center}

.main_board .main_news .news_tab li.tab .tl {display:block;line-height:50px}

.main_board .main_news .news_tab li.tab .news_con {display:none;overflow:hidden;position:absolute;top:50px;left:0;right:0}
.main_board .main_news .news_tab li.tab.on .news_con {display:inherit}
.main_board .main_news .news_con ul {overflow:hidden;margin:10px 0;height:170px;overflow-y:auto;border:none;padding-right:0}
.main_board .main_news .news_con li {font-size:.87em;color:#666;padding:6px 6px;width:100%;overflow:hidden;height:auto;text-align:left; font-weight:400}/* 20250522 웹접근성 활성/비활성 구분 별도 적용으로 400추가 */
.main_board .main_news .news_con li.on {background:none;color:#333}
.main_board .main_news .news_con li a {display:block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;word-break:normal;width:calc(100% - 150px);float:left;line-height:inherit;font-size:14px}
.main_board .main_news .news_con li a:hover {color:#085aa4;text-decoration:underline}
.main_board .main_news .news_con li .date {display:block;color:#575757;float:right;font-size:13px}
/* 2022년 행안부 품질관리수준진단 사용자 선택 콘텐츠 명암대비 비율 7:1로 변경 */
/* 20250522 웹접근성 활성/비활성 구분 별도 적용으로 400추가 */
.main_board .main_news .news_con li .cate_01 {display:block;color:#fff;background:#006256;border-radius:3px;width:66px;height:22px;text-align:center;margin-right:6px;float:left;line-height:22px;font-size:13px;font-weight:400}
.main_board .main_news .news_con li .cate_02 {display:block;color:#fff;background:#17419a;border-radius:3px;width:66px;height:22px;text-align:center;margin-right:6px;float:left;line-height:22px;font-size:13px;font-weight:400}
.main_board .main_news .news_con li .cate_03 {display:block;color:#fff;background:#085A93;border-radius:3px;width:66px;height:22px;text-align:center;margin-right:6px;float:left;line-height:22px;font-size:13px;font-weight:400}
.main_board .main_news .news_con li .cate_04 {display:block;color:#fff;background:#4a506b;border-radius:3px;width:66px;height:22px;text-align:center;margin-right:6px;float:left;line-height:22px;font-size:13px;font-weight:400}

.main_board .main_stats {float:left;margin-left:15px;width:465px;height:234px}
.main_board .main_stats .title-txt {overflow:hidden;margin-bottom:20px}
.main_board .main_stats .title-txt h2 {font-size:1.6em;font-weight:500;color:#222;display:inline-block;text-align:left}
.main_board .main_stats .title-txt .stab {background:#dfe0e7;border:2px solid #dfe0e7;display:inline-block;float:right}
.main_board .main_stats .title-txt .stab a {font-size:.87rem;color:#333;width:76px;text-align:center;display:inline-block;padding:6px 0}
.main_board .main_stats .title-txt .stab a.on {background:#fff}
.main_board .main_stats .stats_tit {background:#edeef1;border:1px solid #e3e3e3;font-size:1.12em;color:#666;padding:10px 15px;position:relative}
.main_board .main_stats .stats_tit strong {font-weight:500;color:#333}
.main_board .main_stats .stats_tit .st_btn {display:inline-block;background:#fff;border:2px solid #0d64b4;font-size:.74rem;padding:1px 10px;border-radius:15px;position:absolute;top:10px;right:15px}
.main_board .main_stats .stats_tit .st_btn span {color:#0d64b4;padding-left:3px}
.main_board .main_stats .stats_01 {border:1px solid #e3e3e3;width:50%;float:left;border-right:0;text-align:center;padding:10px 0}
.main_board .main_stats .stats_02 {border:1px solid #e3e3e3;width:50%;float:left;border-left:0;text-align:center;padding:10px 0}
.main_board .main_stats .stats_01 img, .main_board .main_stats .stats_02 img {width:100%}


@media all and (max-width:1100px) {
.main_board .layout {margin:0 20px}
}

@media all and (max-width:900px) {	
.main_board .main_news {float:inherit;width:100%;margin:0;margin-bottom:20px;height:400px}
/* .main_board .main_news {float:inherit;width:100%;margin:0;margin-bottom:20px;height:300px}  *//* 20251001 열린처장실  부재시 사용용 */
.main_board .main_news .news_tab li.tab .news_con ul {height:inherit}
.main_board .main_news .news_tab li.tab .news_con.new ul {height:335px}
.main_board .main_stats {float:inherit;width:100%;margin:0;height:150px;text-align:left;background:#eff4fb url("../images/i_bg.png?v=2024072301") no-repeat top left;} /* 기존백업 */
/* .main_board .main_stats {float:inherit;width:100%;margin:0;height:150px;text-align:left;background:#fff;display:none;} */ /* 청장님 공석시 사진삭제용 */
.main_board .main_stats img {display:none}
.main_board .main_stats a {display:block;background:url("../images/intro_2.png?v=2025100101") no-repeat top left;height:150px;width:100%}
}

@media all and (max-width:640px) {
/* .main_board .main_news {height:425px} */
.main_board .main_news .news_tab li.tab .news_con {top:80px}
.main_board .main_news .news_tab ul {padding-right:0;border:0;border-left:1px solid #ddd}
.main_board .main_news .news_tab li.tab .news_con ul {border:none}
.main_board .main_news .news_tab li.tab {width:33.33%;height:40px;border:1px solid #ddd;border-left:none;font-size:.87em;box-sizing:border-box}
.main_board .main_news .news_tab li.tab:nth-child(4) {border-top:none}
.main_board .main_news .news_tab li.tab:nth-child(5) {border-top:none}
.main_board .main_news .news_tab li.tab.on .news_more {width:40px;height:41px;top:39px;right:inherit;left:calc(66.66% - 0px)}
.main_board .main_stats .stats_tit {font-size:.87em;padding:10px 15px}
.main_board .main_stats .stats_tit .st_btn span {display:none}
.main_board .main_stats .stats_01 {width:100%;border:1px solid #e3e3e3}
.main_board .main_stats .stats_02 {width:100%;border:1px solid #e3e3e3;border-top:0}
.main_board .main_news .news_tab li.tab .tl {display:block;line-height:40px}	
}

@media all and (max-width:576px) {
.main_board .main_stats {background:none;height:inherit}
.main_board .main_stats a {background:none;width:100%;height:100%;overflow:hidden}
.main_board .main_stats img {display:block;width:100%}	
}

.main_link {position:relative;overflow:hidden; margin-top: 20px;}
.main_link .title-txt {overflow:hidden;margin:5px 0 15px;position:relative}
.main_link .title-txt h2 {font-size:1.15em;font-weight:500;color:#222}
.main_link .mlink_list {overflow:hidden;margin-bottom:20px}
.main_link .mlink_list > li {float:left;width:12.5%;border:1px solid #ddd;height:72px;display:table;border-left:0}
/* .main_link .mlink_list > li:hover {background:#0859A4;color:#fff;} */
.main_link .mlink_list > li > a {display:table-cell;vertical-align:middle;text-align:center;color:#43475e;font-size:.94em}
.main_link .mlink_list > li > a:hover  {text-decoration:underline; color:#0859A4;}
.main_link .mlink_list > li:first-child {border-left:1px solid #ddd;border-radius:10px 0 0 10px}
.main_link .mlink_list > li:first-child:hover {border-radius:10px 0 0 10px}
.main_link .mlink_list > li:last-child {border-radius:0 10px 10px 0}

.main_link .mlink_list2 {overflow:hidden;margin-bottom:50px}
.main_link .mlink_list2 > li {float:left;width:25%;border:1px solid #ddd;height:72px;display:table;border-left:0}
.main_link .mlink_list2 > li > a {display:table-cell;vertical-align:middle;text-align:center;color:#444;font-size:.94em}
.main_link .mlink_list2 > li > a:hover {text-decoration:underline; color:#0859A4;}
.main_link .mlink_list2 > li:first-child {border-left:1px solid #ddd;border-radius:10px 0 0 10px}
.main_link .mlink_list2 > li:last-child {border-radius:0 10px 10px 0}

@media all and (max-width:1100px) {
.main_link .title-txt {margin:5px 20px 15px}
.main_link .mlink_list {margin:0 20px 30px}
.main_link .mlink_list2 {margin:0 20px 50px}
}

@media all and (max-width:768px) {
.main_link .title-txt {margin:5px 15px 15px}
.main_link .title-txt h2 {padding-left:0}
.main_link .mlink_list {margin:0 15px 30px 15px;border-top:1px solid #ddd}
.main_link .mlink_list > li {width:25%;margin-top:-1px}	
.main_link .mlink_list > li:first-child {border-radius:0}
.main_link .mlink_list > li:last-child {border-radius:0}
.main_link .mlink_list > li:nth-child(5) {border-left:1px solid #ddd}	
.main_link .mlink_list2 > li:first-child {border-radius:0}
.main_link .mlink_list2 > li:last-child {border-radius:0}
}

@media all and (max-width:576px) {
.main_link .title-txt h2 {font-size:1.1em}
.main_link .mlink_list {margin:0 15px 20px 15px}
.main_link .mlink_list > li {width:50%;height:40px}
.main_link .mlink_list > li > a {font-size:.9em}
.main_link .mlink_list > li:nth-child(odd) {border-left:1px solid #ddd}	
.main_link .mlink_list > li:nth-child(4) {border-left:0}
.main_link .mlink_list2 {margin:0 15px 40px 15px;border-top:1px solid #ddd}
.main_link .mlink_list2 > li {width:50%;height:40px;margin-top:-1px}
.main_link .mlink_list2 > li > a {font-size:.9em}
.main_link .mlink_list2 > li:nth-child(odd) {border-left:1px solid #ddd}	
.main_link .mlink_list2 > li:nth-child(4) {border-left:0}
}

.overlay {position:absolute;top:0;bottom:0;left:0;right:0;background:rgba(0, 0, 0, 1);transition:opacity 200ms;visibility:hidden;opacity:0;z-index:999}
.overlay .cancel {position:absolute;width: 100%;height: 100%;cursor:default}
.overlay:target {visibility:visible;opacity:1}

.popup {margin:0 auto;padding:20px;position:relative;width:100%;height:100%;background:#0b2266}
.popup .close {position:absolute;width:20px;height:20px;top:20px;right:20px;opacity:0.8;transition:all 200ms;font-size:24px;font-weight:bold;text-decoration:none;color:#fff}
.popup .close:hover {opacity:1}
.popup .content {}
.popup .content .bar_box {width:100%;height:60px;margin:60px auto 0;position:relative}
.popup .content .bar_box label {position:absolute;top:0;left:20px;height:54px;line-height:60px;color:#0b2266;font-size:18px}
.popup .content input[type="text"] {appearance:none;-moz-appearance:none;-webkit-appearance:none;border-radius:0;-webkit-border-radius:0;-moz-border-radius:0}
.popup .content input[type="text"] {width:100%;height:54px;padding:0 50px 0 10px;background:#fff;border:0;font-size:18px;color:#0b2266;font-weight:normal}
.popup .content input[type="text"]:focus {border: 0 !important;}
.popup .content input[type="text"]::-ms-clear {display: none}
.popup .content button {position:absolute;width:32px;top:50%;right:10px;margin-top:-20px;height:32px;line-height:60px;text-align:center;color:#fff;background:url("../images/icon_hBot_sch.png") center center no-repeat;font-size:0;text-indent:-9999px;border-width:0}
.popup .content p {color:#fff;margin:12px}
.popup .content .fv_list {margin:12px}
.popup .content .fv_list li {color:#fff;padding:6px 0;font-size:15px}


/*  정책브리핑 위젯 추가 CSS 시작 */ /* 라운드박스 있는 버전 */

.main_widget > .layout {height:350px;}
.main_widget > .layout iframe {height:100%;} 

@media all and (max-width:1100px) {
.main_widget > .layout {margin-left:20px; margin-right:20px}
}

@media all and (max-width:1056px) {
.main_widget > .layout {height:595px;}
}

@media all and (max-width:815px) {
.main_widget > .layout {height:600px;}
}

@media all and (max-width:658px) {
.main_widget > .layout {height:840px;}
}

@media all and (max-width:490px) {
.main_widget > .layout {height:590px;}
}

@media all and (max-width:415px) {
.main_widget > .layout {height:480px;}
}

@media all and (max-width:400px) {
.main_widget > .layout {height:470px;}
}

@media all and (max-width:393px) {
.main_widget > .layout {height:470px;}
}

/*  정책브리핑 위젯 추가 CSS 끝 */

/*20221121_메인 모달팝업 관련 CSS추가-PC(김민조사무관 요청)*/
.clear {clear:both;}
.clear:after {content:""; display:block; clear:both;}
.dailymodalPc {position:fixed;left:0;top:125px; width:auto; height:auto; z-index:999;display:block; overflow:auto; transform-origin:left; transform:scale(1);}
.dailymodalPc .modalAll {display:block!important;}
.dailymodalPc .modalAll div {display:flex; align-items:center; /* flex-wrap:wrap; */}
.dailymodalPc .modalAll .modalPC div  {float:left;}
.dailymodalPc .modalAll .modalPC div > a {display:inline-block; width:100%; height:100%; }
.dailymodalPc .closemodal {display:flex; align-items:center;background-color:rgba(0,0,0,0.85); height:34px; border-top:1px solid rgba(255,255,255,.1);}
.dailymodalPc .closemodal > a:first-child {border-right:1px solid rgba(255,255,255,.1);}
.dailymodalPc .closemodal > a {width:50%; height:100%; text-align:center;display:flex;align-items:center; }
.dailymodalPc .modalAll .modalPC div a > img {width:100%;}
.dailymodalPc .closemodal > a > span {text-align:center; margin: 0 auto; font-size:0.9rem; color:#fff;}


/*20221121_메인 모달팝업 관련 CSS추가-모바일(김민조사무관 요청)*/
.dailymodalM {position:fixed;left:50%;top:50%; max-width:450px; height:auto; z-index:999; display:block; overflow:auto; transform: translate(-50%, -50%);}
.dailymodalM .modalAllM {display:block!important;}
.dailymodalM .modalAllM div { align-items:center; flex-wrap:wrap;}
.dailymodalM .modalAllM div img {width:100%;}
.dailymodalM .closemodal {display:flex; align-items:center;background-color:rgba(0,0,0,0.85); height:34px; border-top:1px solid rgba(255,255,255,.1);}
.dailymodalM .closemodal > a:first-child {border-right:1px solid rgba(255,255,255,.1);}
.dailymodalM .closemodal > a {width:50%; height:100%; text-align:center;display:flex;align-items:center; }
.dailymodalM .closemodal > a > span {text-align:center; margin: 0 auto; font-size:0.9rem; color:#fff;}
.dailymodalM .modalAllM .popPrevArrow {background: rgba(0,0,0,0.6) url(../images/btn_prev.png) no-repeat center center; position:absolute; left:0; top:43%; width:8%; height:9%; min-width:25px; min-height:25px;  z-index:2;}
.dailymodalM .modalAllM .popNextArrow {background: rgba(0,0,0,0.6) url(../images/btn_next.png) no-repeat center center; position:absolute; top:43%; right:0; width:8%; height:9%; min-width:25px; min-height:25px; z-index:2;}
.dailymodalM .modalAllM > .mainv_btn {display:flex; align-items:center; justify-content:center; }
.dailymodalM .modalAllM > .mainv_btn > button {display:inline-block; width:auto; height:auto; padding:5px; font-size:0; vertical-align:top;}
.dailymodalM .modalAllM > .mainv_btn .stop {background:url(../images/btn_vstop.png) no-repeat center center; width:34px;height:34px;}
.dailymodalM .modalAllM > .mainv_btn .play {background:url(../images/btn_vplay.png) no-repeat center center;width:34px;height:34px; display:none;}
.dailymodalM .modalAllM > .mainv_btn .slick-dots {display:block; text-align:center; margin-top:0; position:relative; z-index:50;}
.dailymodalM .modalAllM > .mainv_btn .slick-dots > li {display:inline-block; vertical-align:middle; height:9px; margin:12px 5px;}
.dailymodalM .modalAllM > .mainv_btn .slick-dots > li > button {display:block; width:9px; height:9px; border-radius:4.5px; background:rgba(255,255,255,.5); transition:all .3s ease; cursor:pointer; font-size:0;}
.dailymodalM .modalAllM > .mainv_btn .slick-dots > li.slick-active > button {width:30px; background:#fff;}
.dailymodalBG {position:fixed; top:0; left:0; right:0; bottom:0;  width:100%; height:100%; background-color:rgba(0,0,0,0.5); z-index:777;}


#container{display:block;width:100%}
.snb{float:left;width:250px;margin-right:-290px}
#content{margin-left:290px}
article {margin-top:20px;margin-bottom:80px}


@media(max-width:1350px) {
.dailymodalPc {top:103px; transform:scale(0.9);}

}

@media(max-width:1349px) {
.dailymodalPc {top:82px; transform:scale(0.8);}
}



@media(max-width:1200px) {
/*.main #header .header_top {opacity: 1}
.main #header .header_bottom {opacity: 1}*/
#header .header_top .top_srch {margin-left:20px}
#header .header_top .top_srch .ip_box {width:300px}
#header .header_top .layout {padding: 0 10px}
.dailymodalPc {top:88px;}	

}

@media all and (max-width:1109px) {
.dailymodalPc {top:92px;}	
.dailymodalPc .modalAll li {width:340px;}	
}

@media all and (max-width:1100px) {
	
#header .header_top {position:static;height:0;border-bottom:0;display:none}
#header .header_bottom {position:relative;background:#fff;height:70px;border-bottom:1px solid #dfe0e2}
/* 기본값백업: #header .header_bottom h2.m_logo {display:block;position:absolute;top:15px;left:calc(50% - 50px);z-index:1} */
/* 20231207_산업재산정보시스템과 김승현 요청 모바일 top배너 보이도록 조치 CSS수정*/
#header .header_bottom h2.m_logo {display:block;position:absolute;top:15px;left:15px; z-index:1}
#header .header_bottom .m_topba {display:block;position:absolute;top:18px;left:157px; z-index:1}

#gnb .sub .subM.t01 .subM_tit, #gnb .sub .subM.t02 .subM_tit, #gnb .sub .subM.t03 .subM_tit, #gnb .sub .subM.t04 .subM_tit {background-size: auto 80px}
#gnb {display:none}
.etcMenu {right:15px;top:50%;margin-top:-10px;left:15px;width:97%}
.etcMenu .hb_allM {display:none}
.etcMenu li button.mMenu_btn {display:block;position:absolute;right:0}
.etcMenu li .mSch_btn {display:block}

}

@media all and (min-width:1000px) {
/*  #mMenu {display: none !important}*/
}

@media all and (max-width:900px) {

}



@media all and (max-width:899px) {
}


@media all and (max-width:768px) {
article {margin-top:20px;margin-bottom:20px}

}






.main_popup {z-index:999;position:absolute;left:calc(50% - 200px);;top:30%;min-width:400px;background:#fff;border:1px solid #bbb}
.main_popup .chk {height:40px;padding:0 10px;color:#fff;font-size:.9rem;line-height:40px;background:#222;position:relative}
.main_popup .chk input[type=checkbox] {margin-right:3px;vertical-align:-2px}
.main_popup .chk .close {position:absolute;right:15px;z-index:11}

.win_pop {overflow:hidden}
.win_pop img {width:100%}
/* 윈도우팝업하단 오늘 하루 열지 않음 하단 검은라인 조정 */
/* .win_pop .chk {height:40px;padding:0 10px;color:#fff;font-size:.9rem;line-height:40px;background:#222;position:relative} */
.win_pop .chk {height:49px;padding:0 10px;color:#fff;font-size:.9rem;line-height:49px;background:#222;position:relative}
.win_pop .chk input[type=checkbox] {margin-right:3px;vertical-align:-2px}
.win_pop .chk .close {position:absolute;right:15px;z-index:11}


.headTop_bnr {display:block;height:110px;background:#f5f6f8}
.h_close {display:none}
.headTop_bnr .bnr_area {position:relative;box-sizing:border-box;width:100%;max-width:1200px;height:110px;margin:0 auto}
.headTop_bnr .bnr a {display:block;text-align:center;width:100%;height:72px;padding:0 30px}
.headTop_bnr .bnr .ptitle {font-size:1rem;color:#0b2266;font-weight:700;margin:10px 0 6px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;word-break:normal}
.headTop_bnr .bnr .pcont {font-size:.9rem;color:#43475e;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;word-break:normal}
.headTop_bnr .slick-arrow {position:absolute;left:0;display:block;width:24px;height:24px;font-size:0;z-index:10}
.headTop_bnr .slick-arrow.slick-prev {top:12px;background:rgba(0, 0, 0, 0.3) url("../images/top_banner_prev.png") no-repeat center;border:none}
.headTop_bnr .slick-arrow.slick-next {top:40px;background:rgba(0, 0, 0, 0.3) url("../images/top_banner_next.png") no-repeat center;border:none}
.headTop_bnr .chk {height:30px;text-align:right;border-bottom:1px solid #c0c8d5;position:relative}
.headTop_bnr .chk label {color:#666;font-size:.85rem;line-height:27px;margin-right:55px}
.headTop_bnr .chk input[type=checkbox] {margin-right:3px;vertical-align:-2px}
.headTop_bnr .chk .b_close {display:block;background:#0b2266;font-size:0.8rem;border:none;position:absolute;top:5px;right:10px;z-index:11;color:#fff;line-height:20px;padding:0 8px;cursor:pointer}

@media all and (max-width:1100px) {
.headTop_bnr .bnr a {padding:0 46px}
.headTop_bnr .slick-arrow {left:15px}
}

.modal-wrapper {position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100%;z-index:999;display:none}
.m_bg {background-color:rgba(0, 0, 0, 0.5);width:100%;height:100%}
.m_content {position:absolute;top:50%;right:5%;left:5%;overflow:hidden;margin:0 auto;padding:0;width:700px;height:auto;box-shadow:0 0 20px hsla(0, 0%, 0%, 0.35);background-color:#fff;transform:translateY(-50%);-webkit-transform:translateY(-50%);}
.m_close {position:absolute;top:0px;right:0px;width:30px;height:30px;line-height:0;font-size:0;text-indent:-9999px;background:#4c515c}
.m_close:after,.m_close:before{content:'';display:block;position:absolute;top:50%;left:50%;background:#fff;transform:rotate(45deg)}
.m_close:before{width:22px;height:1px;margin:-1px 0 0 -11px;}
.m_close:after{width:1px;height:22px;margin:-11px 0 0 -1px}
.m_con {display:block;width:100%;height:100%;overflow:hidden;padding:20px;border:2px solid #4c515c}
.m_con .m_list {display:block;float:left;width:50%;padding:10px;box-sizing:border-box}
.m_con .m_list h4 {display:block;width:100%;font-size:1rem;text-align:center;font-weight:400;color:#fff;margin:10px 0;background:#4c515c;padding:10px 0}
.m_con .m_list ul {display:block;position:relative;overflow:hidden;width:100%;border-top:1px solid #ddd}
.m_con .m_list li {float:left;width:100%;padding:10px;border:1px solid #ddd;margin-top:-1px}
.m_con .m_list a {font-size:.9rem;color:#666}
.m_con .m_list a:hover {text-decoration:underline; color:#0859A4}
.m_con .m_list 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}
.m_con .m_list.wm100 {width:100%}
.m_con .m_list.wm100 li {width:50%}
.m_con .m_list.wm100 li:nth-child(even) {border-left:none}

@media all and (max-width:768px) {
.m_content {width:90%;height:300px}
.m_con {overflow-y:auto}
.m_con .m_list {width:100%}
.dailymodalM {top:78%;}
}

@media all and (max-width:576px) {
.modal-open {overflow:hidden}
.m_content {width:100%;left:0;right:0}
.m_con .m_list.wm100 li {width:100%}
.m_con .m_list.wm100 li:nth-child(even) {border-left:1px solid #ddd}
.main_popup {position:absolute;left:10%;;min-width:inherit;width:80%}
.win_pop {width:100%}
.dailymodalM .closemodal > a > span {font-size:0.8rem;}
}

.main_info .my_menu {text-align:left}
.main_info .my_menu .ptxt {margin:10px 0 15px;font-size:.92rem}
.main_info .my_menu .cog {padding:10px 20px}
.main_info .my_menu .cog i {color:#0d64b4;margin-right:6px}
.main_info .my_menu .menu_list {overflow:hidden;padding:0 20px;margin-top:15px}
.main_info .my_menu .menu_list li {width:25%;float:left;text-align:center}
.main_info .my_menu .menu_list li a {display:block;border:1px solid #ddd;box-sizing:border-box;margin:4px 2%;padding:10px 0;background:#fff;border-radius:5px;color:#444;font-size:.9rem}
.main_info .my_menu .menu_list li a:hover {background:#0d64b4;color:#fff;border-color:#0d64b4}

.menu-content {position:absolute;top:50%;right:5%;left:5%;overflow:hidden;margin:0 auto;padding:0;width:700px;height:auto;box-shadow:0 0 20px hsla(0, 0%, 0%, 0.35);background-color:#fff;transform:translateY(-50%);-webkit-transform:translateY(-50%)}
.menu_title {background:#0b2266;text-align:center;padding:13px 0 15px;position:absolute;top:0;left:0;width:100%;height:54px}
.menu_title h3 {color:#fff;display:inline-block;font-size:1rem;font-weight:400;margin:0;padding:0}
.menu_title h3 span {display:inline-block;font-size:1rem}
.menu_title .mmenu_close {position:absolute;top:15px;right:15px;font-size:0;width:20px;height:20px;background:url("../images/p_close.png") no-repeat}
.menu_con {display:block;width:100%;overflow:hidden;margin-top:54px;height:calc(100% - 54px);overflow-y:auto}
.menu_boby {padding:15px;margin:0;overflow:hidden;position:relative}
.menu_bottom {border-top:1px solid #e1e1e1;margin:0;padding:10px;overflow:hidden;text-align:center}
.menu_bottom a:hover {color:#fff !important}

.menu_boby .hmenu {width:47%;float:left;margin-right:3%}
.menu_boby .hmenu .lcon {height:400px;border:1px solid #ddd;box-sizing:border-box;overflow-y:auto}
.menu_boby .hmenu .lcon i {color:#4a506b}
.menu_boby .hmenu .lcon .jstree-anchor {font-size:.86rem;color:#666}
.menu_boby .mmenu {width:47%;float:left;margin-left:3%}
.menu_boby .mmenu .lcon {height:400px;border:1px solid #ddd;box-sizing:border-box;overflow-y:auto;padding:10px}
.menu_boby .mmenu .lcon p {font-size:.9rem;color:#666}
.menu_boby .mmenu .lcon .btns_wrap {text-align:right;margin:10px 0;overflow:hidden}
.menu_boby .cmenu {position:absolute;top:50%;left:49%;transform:translateY(-50%);-webkit-transform:translateY(-50%)}
.menu_boby .cmenu button {font-size:0;overflow:hidden;border:none}
.menu_boby .cmenu button:after {content:"\f105";font-family:"Font Awesome 5 Free";font-size:40px;color:#4a506b;font-weight:900}
.menu_boby h4 {display:block;width:100%;font-size:.9rem;text-align:center;font-weight:400;color:#fff;margin:0;background:#4a506b;padding:10px 0;margin-bottom:10px}

.menu_tbl {width:100%;table-layout:fixed;border-collapse:collapse;border-top:2px solid #1a5bb1}
.menu_tbl th {padding:6px;font-weight:400;border-bottom:solid 1px #ccc;text-align:center;color:#222;background:#f0f3f8;font-size:.8rem}
.menu_tbl td {padding:6px;border-bottom:solid 1px #ccc;vertical-align:middle;font-size:.8rem;color:#888;text-align:center;cursor:pointer}
.menu_tbl td label {position:absolute;width:0;height:0;font-size:0;line-height:0;overflow:hidden}

.schwrap {margin-bottom:20px;background:#f7f7f7;padding:10px 0;position:relative;border-bottom:1px solid #e0e0e0}
.schBox {position:relative;width:100%;margin:0 auto;text-align:center;overflow:hidden}
.schBox input[type="text"] {appearance:none;-moz-appearance:none;-webkit-appearance:none;border-radius:0;-webkit-border-radius:0;-moz-border-radius:0}
.schBox input[type="text"] {width:120px;height:35px;font-size:14px;border:1px solid #d9d9d9;text-indent:5px;background:#fff;color:#888;vertical-align:middle;box-sizing:border-box;padding:0 3px}
/* 202500527 웹접근성 오류 개선 만족도 placeholder 명도대비 백업 : {color:#aaa;opacity:1} */ 
.schBox input[type="text"]::-webkit-input-placeholder {color:#747474;opacity:1}
.schBox input[type="text"]::-moz-placeholder {color:#747474;opacity:1}
.schBox input[type="text"]:-ms-input-placeholder {color:#747474;opacity:1}
.schBox input[type="text"]::-ms-input-placeholder {color:#747474;opacity:1}

@media all and (max-width:1023px) {
.main_info .my_menu .menu_list li {width:33.33%}
}


@media all and (max-width:768px) {
.main_info .my_menu .menu_list li {width:50%}
.bottom_banner li {width:calc(50% - 8px)}	
.etcMenu {width:96%}
}


@media all and (max-width:640px) {
.main_info .my_menu {padding-top:10px}
.main_info .my_menu .ptxt span {display:block}
.main_info .my_menu .cog {padding:10px 15px}
.main_info .my_menu .menu_list {margin:15px 0;padding:0 10px}
.menu-content {top:0;right:0;left:0;width:auto;height:100%;max-width:inherit;max-height:inherit;transform:none;-webkit-transform:none}
.menu_boby .hmenu {width:100%;margin-right:0;margin-bottom:10px}
.menu_boby .mmenu {width:100%;margin-left:0;margin-top:50px}
.menu_boby .mmenu .lcon {height:auto;overflow:hidden}
.menu_boby .cmenu {position:absolute;top:465px;left:0;transform:none;-webkit-transform:none;text-align:center;width:100%;height:60px}
.menu_boby .cmenu button:after {content:"\f078"}
.etcMenu {width:95%}
}

@media all and (max-width:500px) {
.main_info .my_menu .menu_list li {width:100%}
.dailymodalM {top:73%; width:80%;}
}

.btns {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}
.btns:before {content:'';display:block;position:absolute;top:0px;right:0px; bottom:0px;left:0px;z-index:1}
.btns:hover:before.btns:focus:before{}
.btns:hover,.btns:focus,.btns:active {box-shadow:0px 8px 10px rgba(0,0,0,0.15);border-width:0;text-decoration:none}
.btns.blue {background:#1a5bb1;color:#fff}
.btns.blue:hover, .btns.blue:active, .btns.blue:focus {background:#15488e}
.btns.black {background:#4a506b;color:#fff}
.btns.black:hover,.btns.black:active,.btns.black:focus {background:#3b4056}
.btns.add {background:#4a506b;color:#fff;min-width:inherit;height:26px;line-height:26px;font-size:13px;padding:0 10px;letter-spacing:0}
.btns.add:hover, .btns.add:active, .btns.add:focus {background:#3b4056;color:#fff}
.btns.add2 {background:#fff;color:#666;min-width:inherit;height:26px;line-height:25px;font-size:13px;padding:0 10px;letter-spacing:0;border:1px solid #4a506b;box-sizing:border-box}
.btns.srch {background:#085aa3;color:#fff;height:35px;line-height:34px;min-width:inherit}
.btns.srch:hover,.btns.srch:active,.btns.srch:focus {background:#064883}
.b_login {height:46px;border:none;color:#fff;font-size:.938rem;text-align:center;line-height:46px;background:#1c2674 url("../images/onepass.png") 15px 12px no-repeat;padding:0 20px 0 50px;margin-bottom:10px}


.bottom_banner {position:relative;overflow:hidden}
.bottom_banner li {float:left;border:1px solid #ddd;margin:4px;box-sizing:border-box}
.bottom_banner li a {display:block}
.bottom_banner a[target="_blank"]::after {display:none !important;text-decoration:none !important}

@media all and (max-width:1024px) {
.bottom_banner li {width:calc(33.33% - 8px)}
.bottom_banner li img {width:100%}
}


@media all and (max-width:640px) {
.bottom_banner li {width:100%;margin:4px 0}
}


@media all and (max-width:450px) {
.dailymodalM .closemodal > a > span {font-size:0.7rem;}
.etcMenu {width:93%}
#content .locate h2 {max-width:210px;} /* 긴메뉴명두줄값추가 */
} 

@media all and (max-width:360px) {
.dailymodalM .closemodal > a > span {font-size:0.6rem;}
.etcMenu {width:92%}
#content .locate h2 {max-width:190px;letter-spacing:-1.3px} /* 긴메뉴명두줄값추가 */
.locate .locate_btn button {margin-left:-2px;}  /* 긴메뉴명으로인한 공유아이콘 간격조절 */
}

/* 20250526 웹접근성 초점이동 추가 CSS */
a:focus, button:focus, input:focus, select:focus, textarea:focus {outline:2px dotted #FF0202; outline-offset:-1px}/* 객체별 속성 적용값*/
a:focus:not(:focus-visible), button:focus:not(:focus-visible), input:focus:not(:focus-visible), select:focus:not(:focus-visible) {outline:0} /* 마우스포커스링 삭제 */
#header .header_top .top_srch button:focus {outline:2px dotted #FF0202;outline-offset:-1px} /* 검색창 버튼 */
.main_banner .main_visual .mainv_img a:focus {border:2px dotted #FF0202} /* 비주얼배너  */
.simsa .mlist .stats_box a:focus.pdf {outline:2px dotted #1c2674; outline-offset:-1px} /* 책자통계 PDF아이콘  */