@charset "utf-8";

/* 컨텐츠 상단 탭 */
.contents_top_3 .tab_type.case8 li:nth-child(1) {width: 10%;}
.contents_top_3 .tab_type.case8 li:nth-child(2) {width: 10%;}
.contents_top_3 .tab_type.case8 li:nth-child(3) {width: 10%;}
.contents_top_3 .tab_type.case8 li:nth-child(4) {width: 10%;}
.contents_top_3 .tab_type.case8 li:nth-child(5) {width: 12%;}
.contents_top_3 .tab_type.case8 li:nth-child(6) {width: 15%;}
.contents_top_3 .tab_type.case8 li:nth-child(7) {width: 15%;}
.contents_top_3 .tab_type.case8 li:nth-child(8) {width: 18%;}

.contents_top_4 .tab_type02.case4 li.item_61, .contents_top_4 .tab_type02.case4 li.item_61 > a {width: 200px;}
.contents_top_4 .tab_type02.case4 li.item_93, .contents_top_4 .tab_type02.case4 li.item_93 > a {width: 200px;}

/* 통합검색결과목록 */
.PSCHRST .result > .top {padding: 31px 30px 27px 30px; border-top: 2px solid #10325b; color: #222; border-bottom: 1px solid #c9c9c9; font-size: 18px; font-weight: 700; background: url(../images/icon/ico_sch_total_list.png) no-repeat left 30px; background-size: 20px;}
.PSCHRST .result > .top strong {color: #e50150; word-break: break-all;}
.PSCHRST .result > .category {background: #eee;}
.PSCHRST .result > .category ul {padding: 16px 30px 34px 30px; font-size: 0;}
.PSCHRST .result > .category ul li {display: inline-block; position: relative; margin: 18px 40px 0 0; padding-left: 13px; vertical-align: top;}
.PSCHRST .result > .category ul li::before {content: ""; display: block; position: absolute; left: 0; top: 9px; width: 4px; height: 4px; background: #1a4890;}
.PSCHRST .result > .category ul li a {display: block; position: relative; color: #222; font-family: "Pretendard GOV Variable", "Pretendard GOV", -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif; font-size: 17px;}
.PSCHRST .result > .category ul li a strong {color: #1a4890;}
.PSCHRST .result > .category ul li a.on {color: #1a4890; font-weight: 700;}
.PSCHRST .result > .category ul li a.on strong {color: #222;}
.PSCHRST .result > .category ul li:first-child {display: block;}
.PSCHRST .result > .category ul li:first-child a {display: inline-block;}
.PSCHRST .result > .category ul li:first-child a.on strong {color: #e50150;}
.PSCHRST .result > .category ul li:first-child a.on::after {content: ""; display: block; position: absolute; left: 0; bottom: -1px; width: 100%; height: 2px; background: #e50150;}
.PSCHRST .result .list .line {padding: 26px 20px 25px 20px; border-bottom: 1px solid #c9c9c9; font-family: "Pretendard GOV Variable", "Pretendard GOV", -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif; letter-spacing: -1px;}
.PSCHRST .result .list .line > ul {font-size: 0;}
.PSCHRST .result .list .line > ul li {display: inline; margin-right: 40px; color: #666; font-size: 16px;}
.PSCHRST .result .list .line > ul li:last-child {margin-right: 0;}
.PSCHRST .result .list .line > ul li.lnk a {color: #1a4890; font-size: 18px; font-weight: 700; text-decoration: underline;}
.PSCHRST .result .list .line p {margin-top: 15px; color: #222; font-size: 15px; line-height: 24px;}
.PSCHRST .result .list .line p span {color: #e50150; font-weight: bold;text-decoration: underline;}
.PSCHRST .result .list .line .keyword {color: #e50150; font-weight: bold;text-decoration: underline;}

.total_sch_in {padding-bottom: 30px;}
.total_sch_in .bar {display: inline-block; position: relative; width: 600px;}
.total_sch_in .bar input[type=text] {width: 100%; height: 50px; padding: 0 40px 0 17px; border: 1px solid #bbb; border-radius: 9px; font-size: 22px;}
.total_sch_in .bar button {display: block; position: absolute; right: 10px; top: 14px; width: 22px; height: 24px; font-size: 0; text-indent: -9999px;; background: url(../images/icon/ico_sch_b22x24.png) no-repeat;}

/* 표준프레임워크 소개 > 적용사례 > 기술지원내역 목록 */
.P0001 #tb01 .head > span:nth-child(1) {width: 90px;}
.P0001 #tb01 .head > span:nth-child(2) {width: auto;}
.P0001 #tb01 .head > span:nth-child(3) {width: 200px;}
.P0001 #tb01 .head > span:nth-child(4) {width: 120px;}
.P0001 #tb01 .head > span:nth-child(5) {width: 120px;}
.P0001 #tb01 .head > span:nth-child(6) {width: 120px;}

.P0001 #tb01 .list_item > div:nth-child(1) {width: 90px;}
.P0001 #tb01 .list_item > div:nth-child(2) {width: auto;}
.P0001 #tb01 .list_item > div:nth-child(3) {width: 200px;}
.P0001 #tb01 .list_item > div:nth-child(4) {width: 120px;}
.P0001 #tb01 .list_item > div:nth-child(5) {width: 120px;}
.P0001 #tb01 .list_item > div:nth-child(6) {width: 120px;}

/* 표준프레임워크 소개 > 적용사례 > 기술지원내역 상세 */
.P0002 #board1 dl dt {width: 250px;}

/* 개발자 교육 > 교육자료 목록 */
.P0003 .condition .line.last .f_ipt {width: 590px;}

.P0003 #tb01 .head > span:nth-child(1) {width: 90px;}
.P0003 #tb01 .head > span:nth-child(2) {width: auto;}
.P0003 #tb01 .head > span:nth-child(3) {width: 120px;}
.P0003 #tb01 .head > span:nth-child(4) {width: 120px;}
.P0003 #tb01 .head > span:nth-child(5) {width: 120px;}

.P0003 #tb01 .list_item > div:nth-child(1) {width: 90px;}
.P0003 #tb01 .list_item > div:nth-child(2) {width: auto;}
.P0003 #tb01 .list_item > div:nth-child(3) {width: 120px;}
.P0003 #tb01 .list_item > div:nth-child(4) {width: 120px;}
.P0003 #tb01 .list_item > div:nth-child(5) {width: 120px;}

.P0003 #tb01 .list_item .noticeStyle {font-weight: bold;}       /* 230424 공지글 제목 Bold 추가 */

/* 표준프레임워크 소개 > 소개 */
.P0005 .character {margin-top: 50px;}
.P0005 .character > img {max-width: 100%;}
.P0005 .character .m {display: none;}

.P0005 .cts_box {margin-top: 58px; text-align: center;}
.P0005 .cts_box .m {display: none;}
.P0005 .cts_box img {max-width: 100%;}

/* 표준프레임워크 소개 > 구성상세 */
.P0006 .cts_box {position: relative; margin-top: 36px; padding: 29px; border: 1px solid #c9c9c9;}
.P0006 .cts_box h4 {position: absolute; left: 24px; top: -13px; padding: 0 4px; color: #1a4890; font-size: 20px; font-weight: 700; background: #fff;}
.P0006 .cts_box .item_list {padding: 0 0 40px 0; background: #f2f2f2;}
.P0006 .cts_box .item_list::after {content: ""; display: block; clear: both;}
.P0006 .cts_box .item_list > div {float: left; padding-top: 26px;}
.P0006 .cts_box .item_list > div::after {content: ""; display: block; clear: both;}
.P0006 .cts_box .item_list > div h5 {width: 220px; padding-bottom: 7px; color: #3d70b6; font-size: 18px; font-weight: 700; text-align: center;}
.P0006 .cts_box .item_list > div > div {float: left; margin-right: 20px;}
.P0006 .cts_box .item_list > div > div:last-child {margin-right: 0;}
.P0006 .cts_box .item_list > div p {width: 220px; height: 50px; margin-top: 10px; border: 2px solid #bbc6d6; border-radius: 5px; color: #515c6a; font-size: 16px; font-weight: 700; text-align: center; line-height: 46px; background: #e7edf5;}
.P0006 .cts_box .item_list .group1 {position: relative; width: 340px; padding-left: 78px;}
.P0006 .cts_box .item_list .group1::after {content: ""; display: block; position: absolute; right: 0; top: 60px; width: 1px; height: 170px; background: #bbc6d6;}
.P0006 .cts_box .item_list .group2 {padding-left: 47px;}
.P0006 .cts_box .item_list .group2 h5 {width: 100%;}

.P0006 .cts_box2 {position: relative; margin-top: 36px; padding: 29px; border: 1px solid #c9c9c9;}
.P0006 .cts_box2 h4 {position: absolute; left: 24px; top: -13px; padding: 0 4px; color: #1a4890; font-size: 20px; font-weight: 700; background: #fff;}
.P0006 .cts_box2 p img {max-width: 100%;}
.P0006 .cts_box2 p .m {display: none;}
.P0006 .cts_box2 + .txt01 {margin-top: 26px;}

.P0006 #tb01 .head > span:nth-child(1) {width: 250px;}
.P0006 #tb01 .list_item > div:nth-child(1) {width: 250px;}

.P0006 .list_effect {margin-top: 46px; padding: 0 0 25px 225px; background: url(../images/img_P0006_line.png) no-repeat;}
.P0006 .list_effect > ul > li {position: relative; margin-top: 63px;}
.P0006 .list_effect > ul > li:first-child {margin-top: 0;}
.P0006 .list_effect > ul > li i {display: block; position: absolute; left: -143px; top: 5px; width: 90px; height: 106px; font-size: 0;}
.P0006 .list_effect > ul > li i.num1 {background: url(../images/icon/ico_num01.png) no-repeat; background-size: contain;}
.P0006 .list_effect > ul > li i.num2 {background: url(../images/icon/ico_num02.png) no-repeat; background-size: contain;}
.P0006 .list_effect > ul > li i.num3 {background: url(../images/icon/ico_num03.png) no-repeat; background-size: contain;}
.P0006 .list_effect > ul > li strong {color: #3663a1; font-size: 24px; font-weight: 700;}
.P0006 .list_effect > ul > li strong + .list_type {margin-top: 11px;}

/* 표준프레임워크소개 > 구성 > 버전별 오픈소스 SW 현황 */
.P0008 .check_grop {margin-top: 27px; padding: 7px 29px 24px 29px; border-top: 1px solid #393939; color: #222; font-size: 14px; background: #eee;}
.P0008 .check_grop input[type=checkbox] {margin: 0 0 0 10px; vertical-align: -1px;}
.P0008 .check_grop label { padding-left: 5px;margin-right: 5px; }
.P0008 .check_grop input[type=checkbox]:first-child {margin-left: 0;}
.P0008 .check_grop > div {margin-top: 10px;}

/* 아키텍쳐 */
.P0009 .cts_box {display: table; width: 100%; margin-top: 35px;}
.P0009 .cts_box > * {display: table-cell; width: 50%; vertical-align: middle;}
.P0009 .cts_box > div img {max-width: 100%;}
.P0009 .cts_box .m {display: none;}
.P0009 .cts_box dl {display: table; width: 100%; margin-top: 10px; border: 2px solid #8fa7c5; border-radius: 9px; font-family: "Pretendard GOV Variable", "Pretendard GOV", -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif; overflow: hidden;}
.P0009 .cts_box dl:first-child {margin-top: 0;}
.P0009 .cts_box dl > * {display: table-cell; vertical-align: middle;}
.P0009 .cts_box dl dt {width: 148px; border-radius: 8px 0 0 8px; color: #495b7c; font-size: 18px; font-weight: 700; line-height: 24px; text-align: center; background: #dde4ed;}
.P0009 .cts_box dl dd {padding: 20px; color: #454545; font-size: 14px; line-height: 24px;}
.P0009 .cts_box2 {margin-top: 68px; text-align: center;}
.P0009 .cts_box2 img {max-width: 100%;}

.P0010 .cts_box {margin-top: 35px;}
.P0010 .cts_box img {max-width: 100%;}
.P0010 .cts_box .m {display: none;}
.P0010 .cts_box + .txt01 {margin-top: 56px;}
.P0010 .list_type + .cts_box {margin-top: 33px;}
.P0010 .cts_box2 {margin-top: 50px;}
.P0010 .cts_box2 img {max-width: 100%;}
.P0010 .cts_box2 .m {display: none;}
.P0010 .list1 {margin-top: 20px; padding-left: 155px;}
.P0010 .list1 > ul::after {content: ""; display: block; clear: both;}
.P0010 .list1 > ul > li {float: left; width: 450px; height: 280px; margin-top: 30px; padding: 0 33px; border: 1px solid #b0b5ba; border-radius: 9px;}
.P0010 .list1 > ul > li:nth-child(2n) {margin-left: 30px;}
.P0010 .list1 > ul > li h4 {position: relative; top: -1px; width: 250px; height: 50px; margin: 0 auto; border-radius: 0 0 18px 18px; color: #fff; font-size: 20px; font-weight: 700; line-height: 50px; text-align: center; background: #0e6ab4;}
.P0010 .list1 > ul > li > p {padding: 23px 0 17px 0; border-bottom: 1px solid #b0b5ba; color: #222; font-size: 20px; text-align: center;}
.P0010 .list1 > ul > li > ul {padding-top: 14px;}
.P0010 .list1 > ul > li > ul li {position: relative; margin-top: 2px; padding-left: 11px; color: #666; font-family: "Pretendard GOV Variable", "Pretendard GOV", -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif; font-size: 17px; letter-spacing: -1.5px;}
.P0010 .list1 > ul > li > ul li::before {content: ""; display: block; position: absolute; left: 0; top: 9px; width: 3px; height: 3px; background: #666;}
.P0010 .list2 {margin-top: 30px; padding: 21px 0 30px 0; border-radius: 9px; background: #eaeaea;}
.P0010 .list2 dl {display: table; table-layout: fixed; width: 100%; margin-top: 8px; font-size: 16px; letter-spacing: -1px;}
.P0010 .list2 dl > * {display: table-cell;}
.P0010 .list2 dl dt {position: relative; width: 155px; padding: 0 30px; font-weight: 700;}
.P0010 .list2 dl dt::after {content: ""; display: block; position: absolute; right: 0; top: 1px; width: 1px; height: 20px; background: #b0b5ba;}
.P0010 .list2 dl dd {padding: 0 19px;}

.P0013 .cts_list1 {position: relative; margin-top: 55px; padding: 35px; border: 1px solid #c9c9c9;}
.P0013 .cts_list1 h3 {position: absolute; left: 25px; top: -10px; padding: 0 4px; color: #1a4890; font-size: 20px; font-weight: 700; background: #fff;}
.P0013 .cts_list1 > ul {padding: 24px; background: #f2f2f2;}
.P0013 .cts_list1 > ul::after {content: ""; display: block; clear: both;}
.P0013 .cts_list1 > ul > li {float: left;}
.P0013 .cts_list1 > ul > li h4 {height: 50px; border: 2px solid #bbc6d6; border-radius: 9px 9px 0 0; color: #515c6a; font-size: 18px; font-weight: 700; text-align: center; line-height: 46px; background: #e7edf5;}
.P0013 .cts_list1 > ul > li ul {height: 108px; padding: 16px 20px 20px 20px; border: 2px solid #bbc6d6; border-top: 0; border-radius: 0 0 9px 9px; background: #fff;}
.P0013 .cts_list1 > ul > li ul::after {content: ""; display: block; clear: both;}
.P0013 .cts_list1 > ul > li ul li {position: relative; margin-bottom: 2px; padding-left: 12px; color: #666; font-family: "Pretendard GOV Variable", "Pretendard GOV", -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif; font-size: 17px; letter-spacing: -1px;}
.P0013 .cts_list1 > ul > li ul li::before {content: ""; display: block; position: absolute; left: 0; top: 9px; width: 3px; height: 3px; background: #666;}
.P0013 .cts_list1 > ul > li:nth-child(4),
.P0013 .cts_list1 > ul > li:nth-child(7) {margin-right: 0;}
.P0013 .cts_list1 > ul > li.div3 {width: 363px; margin: 10px 9px 0 0;}
.P0013 .cts_list1 > ul > li.div3 ul {height: 138px;}
.P0013 .cts_list1 > ul > li.div3 ul li {float: left; width: 50%;}
.P0013 .cts_list1 > ul > li.div4 {width: 270px; margin-right: 10px;}
.P0013 .cts_list2 {position: relative; margin-top: 55px; padding: 35px; border: 1px solid #c9c9c9;}
.P0013 .cts_list2 h3 {position: absolute; left: 25px; top: -10px; padding: 0 4px; color: #1a4890; font-size: 20px; font-weight: 700; background: #fff;}
.P0013 .cts_list2 > ul {padding: 24px; background: #f2f2f2;}
.P0013 .cts_list2 > ul::after {content: ""; display: block; clear: both;}
.P0013 .cts_list2 > ul li {float: left; width: 177px; height: 50px; margin: 0 10px 10px 0; border: 2px solid #bbc6d6; border-radius: 9px; color: #515c6a; font-size: 18px; font-weight: 700; text-align: center; line-height: 46px; letter-spacing: -1px; word-break: keep-all; background: #e7edf5;}
.P0013 .cts_list2 > ul li:nth-child(6n) {margin-right: 0;}
.P0013 .cts_list2 > ul li.line2 {padding-top: 4px; line-height: 20px;}
.P0013 .cts_list2 + .txt01 {margin-top: 56px;}

.P0015 .list1 {margin-top: 28px; border-top: 2px solid #10325b;}
.P0015 .list1 > * {display: table; width: 100%; table-layout: fixed;}
.P0015 .list1 .list_item span {display: table-cell; padding: 16px 19px; border-bottom: 1px solid #c9c9c9; color: #222; font-family: "Pretendard GOV Variable", "Pretendard GOV", -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif; font-size: 15px; vertical-align: middle;}
.P0015 .list1 .list_item span img {max-width: 100%;}
.P0015 .list1 .list_item .col1 {width: 155px; color: #1a4890; font-size: 16px; font-weight: 700; text-align: center;}
.P0015 .list1 .list_item .col3 {width: 620px;}

/* 적용지원 서비스 */
.P0020 .desc_type01 .btn_fastgo {margin-top: 6px;}
.P0020 #tb01 .btn_fastgo {margin: 8px 10px 0 0;}
.P0020 #tb01 .btn_fastgo:last-child {margin-right: 0;}
.P0020 .phone {color: #1a4890; vertical-align: 1px;}
.P0020 .call_num {font-size: 14px;}
.P0020 .tb_list02 .list_type li {padding-bottom: 15px;}

.P0056 .desc_type01 .btn_fastgo {margin-top: 6px;}
.P0056 #tb01 .btn_fastgo {margin: 8px 10px 0 0;}
.P0056 #tb01 .btn_fastgo:last-child {margin-right: 0;}
.P0056 .phone {color: #1a4890; vertical-align: 1px;}
.P0056 .call_num {font-size: 14px;}
.P0056 .tb_list02 .list_type li {padding-bottom: 15px;}

/* 호환성 확인 */
.P0022 #tb01 .btn_fastgo,
.P0022 #tb02 .btn_fastgo,
.P0022 #tb03 .btn_fastgo {margin-top: 8px;}

.P0061 #tb01 .btn_fastgo,
.P0061 #tb02 .btn_fastgo,
.P0061 #tb03 .btn_fastgo {margin-top: 8px;}

/* 모바일 UX 활용 가이드 */
.P0030 .img_box .m {display: none;}
.P0030 .tb_list02 td i {margin-right: 12px; vertical-align: -6px;}
.P0030 .tb_list02 .safafi {display: inline-block; width: 26px; height: 26px; background: url(../images/icon/ico_safari.png) no-repeat;}
.P0030 .tb_list02 .chrome {display: inline-block; width: 26px; height: 26px; background: url(../images/icon/ico_chrome.png) no-repeat;}
.P0030 .tb_list02 .firefox {display: inline-block; width: 26px; height: 26px; background: url(../images/icon/ico_firefox.png) no-repeat;}

/* 다운로드 */
.P0031 .direct_go,
.P0033 .direct_go {margin-top: 40px;}

.P0034 #tb01 .head > span:nth-child(1) {width: 160px;}
.P0034 #tb01 .head > span:nth-child(2) {width: auto;}
.P0034 #tb01 .head > span:nth-child(3) {width: 100px;}
.P0034 #tb01 .head > span:nth-child(4) {width: 320px;}
.P0034 #tb01 .list_item > div:nth-child(1) {width: 160px;}
.P0034 #tb01 .list_item > div:nth-child(2) {width: auto;}
.P0034 #tb01 .list_item > div:nth-child(3) {width: 100px;}
.P0034 #tb01 .list_item > div:nth-child(4) {width: 320px;}

/* 교육신청 */
.P0035 .direct_go {margin-top: 45px;}

/* 개발자교육 */
.P0036 #tb01 .head > span:nth-child(1) {width: 90px;}
.P0036 #tb01 .head > span:nth-child(2) {width: auto;}
.P0036 #tb01 .head > span:nth-child(3) {width: 130px;}
.P0036 #tb01 .head > span:nth-child(4) {width: 320px;}
.P0036 #tb01 .head > span:nth-child(5) {width: 120px;}
.P0036 #tb01 .head > span:nth-child(6) {width: 140px;}
.P0036 #tb01 .head > span:nth-child(7) {width: 100px;}
.P0036 #tb01 .list_item > div .hide {display: none;}
.P0036 #tb01 .list_item > div:nth-child(1) {width: 90px;}
.P0036 #tb01 .list_item > div:nth-child(2) {width: auto;}
.P0036 #tb01 .list_item > div:nth-child(3) {width: 130px;}
.P0036 #tb01 .list_item > div:nth-child(4) {width: 320px;}
.P0036 #tb01 .list_item > div:nth-child(5) {width: 120px;}
.P0036 #tb01 .list_item > div:nth-child(6) {width: 140px;}
.P0036 #tb01 .list_item > div:nth-child(7) {width: 100px;}
.P0036 .board_list {margin-top: 25px;}

/* 온라인 교육 */
.P0055 .cts_box1 {display: table; table-layout: fixed; width: 100%; margin-top: 30px; border: 1px solid #c9c9c9;}
.P0055 .cts_box1 > * {display: table-cell; vertical-align: top;}
.P0055 .cts_box1 .left_col {width: 380px; padding: 29px; background: #f2f2f2;}
.P0055 .cts_box1 .left_col img {display: block; max-width: 100%;}
.P0055 .cts_box1 .left_col img + img {margin-top: 10px;}
.P0055 .cts_box1 .right_col {width: auto; padding: 0 29px 0 40px;}
.P0055 .cts_box1 .right_col .txt1 {padding: 25px 0 18px 0; border-bottom: 2px solid #bbc6d6; color: #e50150; font-family: "Pretendard GOV Variable", "Pretendard GOV", -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif; font-size: 17px; font-weight: 700;}
.P0055 .cts_box1 .right_col .txt1 span {color: #1a4890; text-decoration: underline;}
.P0055 .cts_box1 .right_col h3 {margin-top: 34px;}
.P0055 .cts_box1 .right_col > ul {margin-top: 6px;}
.P0055 .cts_box1 .right_col .btn_type02 {margin-top: 25px;}
/* 220118 컨텐츠 추가 */
.P0055 .cts_box1 .v_align {vertical-align: middle;}
.P0055 .cts_box1 .right_col .txtColorBlk {color: black;}
.P0055 .cts_box1 .marginBottom {margin-bottom: 25px;}

.P0055 #tb01 {margin-top: 50px;}
.P0055 #tb01 colgroup col:nth-child(1),
.P0055 #tb01 colgroup col:nth-child(3) {width: 180px;}
.P0055 #tb01 .grp {display: table; width: 100%; table-layout: fixed;}
.P0055 #tb01 .grp > * {display: table-cell; vertical-align: middle;}
.P0055 #tb01 .grp > div:nth-child(1) {width: 240px; padding: 20px 0; text-align: center;}
.P0055 #tb01 .grp > div:nth-child(1) img {max-width: 100%;}
.P0055 #tb01 .grp > div:nth-child(2) {padding: 17px 0 22px 0; text-align: left;}
.P0055 #tb01 .grp > div:nth-child(2) h3 {font-size: 15px;}
.P0055 #tb01 .grp > div:nth-child(2) ul {padding-left: 30px;}
.P0055 #tb01 .grp > div:nth-child(2) ul li {margin-top: 4px;}

/* 기술지원 > 자주묻는질문 목록 */
.P0057 #tb01 .head > span:nth-child(1) {width: 90px;}
.P0057 #tb01 .head > span:nth-child(2) {width: 120px;}
.P0057 #tb01 .head > span:nth-child(3) {width: auto;}
.P0057 #tb01 .head > span:nth-child(4) {width: 120px;}
.P0057 #tb01 .head > span:nth-child(5) {width: 120px;}

.P0057 #tb01 .list_item > div:nth-child(1) {width: 90px;}
.P0057 #tb01 .list_item > div:nth-child(2) {width: 120px;}
.P0057 #tb01 .list_item > div:nth-child(3) {width: auto;}
.P0057 #tb01 .list_item > div:nth-child(4) {width: 120px;}
.P0057 #tb01 .list_item > div:nth-child(5) {width: 120px;}

/* 기술지원 > 묻고 답하기 */
.P_QNA #tb01 .head > span:nth-child(1) {width: 90px;}
.P_QNA #tb01 .head > span:nth-child(2) {width: 120px;}
.P_QNA #tb01 .head > span:nth-child(3) {width: auto;}
.P_QNA #tb01 .head > span:nth-child(4) {width: 120px;}
.P_QNA #tb01 .head > span:nth-child(5) {width: 150px;}
.P_QNA #tb01 .head > span:nth-child(6) {width: 120px;}
.P_QNA .qnaProcessSttus_1 {border:  1px solid silver; border-radius: 5px;padding: 2px 7px;}
.P_QNA .qnaProcessSttus_2 {border:  0; background-color: #E8ECF4; border-radius: 5px;padding: 2px 7px;}
.P_QNA .qnaProcessSttus_3 {color: #555;}

.P_QNA #tb01 .list_item > div:nth-child(1) {width: 90px;}
.P_QNA #tb01 .list_item > div:nth-child(2) {width: 120px;}
.P_QNA #tb01 .list_item > div:nth-child(3) {width: auto;}
.P_QNA #tb01 .list_item > div:nth-child(4) {width: 120px;}
.P_QNA #tb01 .list_item > div:nth-child(5) {width: 150px;}
.P_QNA #tb01 .list_item > div:nth-child(6) {width: 120px;}

.P_QNAR .form_box .lb {width: 200px;}

/* 호환성 확인 > 호환성확인 SW 목록 */
.P0063 .condition .line.last .f_ipt {width: 590px;}

.P0063 #tb01 .head > span:nth-child(1) {width: 90px;}
.P0063 #tb01 .head > span:nth-child(2) {width: 170px;}
.P0063 #tb01 .head > span:nth-child(3) {width: 160px;}
.P0063 #tb01 .head > span:nth-child(4) {width: 300px;}
.P0063 #tb01 .head > span:nth-child(5) {width: auto;}
.P0063 #tb01 .head > span:nth-child(6) {width: 120px;}

.P0063 #tb01 .list_item > div:nth-child(1) {width: 90px;}
.P0063 #tb01 .list_item > div:nth-child(2) {width: 170px;}
.P0063 #tb01 .list_item > div:nth-child(3) {width: 160px;}
.P0063 #tb01 .list_item > div:nth-child(4) {width: 300px;}
.P0063 #tb01 .list_item > div:nth-child(5) {width: auto;}
.P0063 #tb01 .list_item > div:nth-child(6) {width: 120px;}

/* 알림마당 > 공지사항 목록 */
.P0065 .condition .line.last .f_ipt {width: 590px;}

.P0065 #tb01 .head > span:nth-child(1) {width: 90px;}
.P0065 #tb01 .head > span:nth-child(2) {width: auto;}
.P0065 #tb01 .head > span:nth-child(3) {width: 120px;}
.P0065 #tb01 .head > span:nth-child(4) {width: 120px;}
.P0065 #tb01 .head > span:nth-child(5) {width: 120px;}

.P0065 #tb01 .list_item > div:nth-child(1) {width: 90px;}
.P0065 #tb01 .list_item > div:nth-child(2) {width: auto;}
.P0065 #tb01 .list_item > div:nth-child(3) {width: 120px;}
.P0065 #tb01 .list_item > div:nth-child(4) {width: 120px;}
.P0065 #tb01 .list_item > div:nth-child(5) {width: 120px;}

/* 알림마당 > 자료실 목록 */
.P0067 .condition .line.last .f_ipt {width: 590px;}

.P0067 #tb01 .head > span:nth-child(1) {width: 90px;}
.P0067 #tb01 .head > span:nth-child(2) {width: auto;}
.P0067 #tb01 .head > span:nth-child(3) {width: 120px;}
.P0067 #tb01 .head > span:nth-child(4) {width: 120px;}
.P0067 #tb01 .head > span:nth-child(5) {width: 120px;}

.P0067 #tb01 .list_item > div:nth-child(1) {width: 90px;}
.P0067 #tb01 .list_item > div:nth-child(2) {width: auto;}
.P0067 #tb01 .list_item > div:nth-child(3) {width: 120px;}
.P0067 #tb01 .list_item > div:nth-child(4) {width: 120px;}
.P0067 #tb01 .list_item > div:nth-child(5) {width: 120px;}

/* 알림마당 > 관련참고문서 목록 */
.P0069 .condition .line.last .f_ipt {width: 590px;}

.P0069 #tb01 .head > span:nth-child(1) {width: 90px;}
.P0069 #tb01 .head > span:nth-child(2) {width: auto;}
.P0069 #tb01 .head > span:nth-child(3) {width: 120px;}
.P0069 #tb01 .head > span:nth-child(4) {width: 120px;}
.P0069 #tb01 .head > span:nth-child(5) {width: 120px;}

.P0069 #tb01 .list_item > div:nth-child(1) {width: 90px;}
.P0069 #tb01 .list_item > div:nth-child(2) {width: auto;}
.P0069 #tb01 .list_item > div:nth-child(3) {width: 120px;}
.P0069 #tb01 .list_item > div:nth-child(4) {width: 120px;}
.P0069 #tb01 .list_item > div:nth-child(5) {width: 120px;}

/* 개인정보처리방침 */
.P0071 .desc_type03 {margin-top: 56px;}
/* 개인정보처리방침 라벨링 추가 220811 김해준 */
.P0071 .tit01 {margin-top: 50px; padding-bottom: 20px; color: #333; font-size: 23px; font-weight: 500; text-align: center;}
.P0071 .privacy_label_wrap {max-width: 1240px; margin: 0 auto;}
.P0071 .privacy_label_wrap .privacy_label .label_box {width: 384px; height: 186px; display: inline-block; position: relative; box-sizing: border-box; margin: 13px; padding: 30px; text-align: center; border: 1px solid #dcdcdc;}
.P0071 .privacy_label_wrap .privacy_label .label_box:is(:hover, :focus) {border: 1px solid #4d74c2; box-shadow: 0 0.2rem 0.8rem rgb(22 71 170 / 20%); cursor: pointer; text-decoration: underline;}
.P0071 .privacy_label_wrap .privacy_label .label_box:is(:hover, :focus) .label_layer {display: block;}
.P0071 .privacy_label_wrap .privacy_label .label_box .label_layer {display: none; position: absolute; box-sizing: border-box; border-radius: 8px; background-color: #fff; border: 1px solid #ccd8e6; width: 580px; z-index: 999; box-shadow: 0 0.2rem 0.8rem rgb(22 71 170 / 20%);}
.P0071 .privacy_label_wrap .privacy_label .label_box .num0 {top: -1px; left: 413px;}
.P0071 .privacy_label_wrap .privacy_label .label_box .num1 {top: -1px; left: 413px;}
.P0071 .privacy_label_wrap .privacy_label .label_box .num2 {top: -1px; right: 413px;}
.P0071 .privacy_label_wrap .privacy_label .label_box .num3 {top: -1px; left: 413px;}
.P0071 .privacy_label_wrap .privacy_label .label_box .num4 {top: -1px; left: 413px;}
.P0071 .privacy_label_wrap .privacy_label .label_box .num5 {top: -1px; right: 413px;}
.P0071 .privacy_label_wrap .privacy_label .label_box .label_layer .label_desc_top {width: 100%; box-sizing: border-box; padding: 10px; background-color: #526faa; border-top-right-radius: 8px; border-top-left-radius: 8px;}
.P0071 .privacy_label_wrap .privacy_label .label_box .label_layer .label_desc_top p {color: #fff; text-align: left;}
.P0071 .privacy_label_wrap .privacy_label .label_box .label_layer .label_desc_btm {padding: 15px 20px;}
.P0071 .privacy_label_wrap .privacy_label .label_box .label_layer .label_desc_btm p {text-align: left;}
.P0071 .privacy_label_wrap .privacy_label .label_box .label_layer .label_desc_btm .desc_wrap {display: flex; flex-flow: row wrap;}
.P0071 .privacy_label_wrap .privacy_label .label_box .label_layer .label_desc_btm .desc_wrap .desc_box {width: 100%; border-radius: 10px; border: 1px solid #eee; box-sizing: border-box; padding: 10px 15px; margin: 10px 0; line-height: 25px; display: flex; flex-flow: row wrap; justify-content: space-between; position: relative;}
.P0071 .privacy_label_wrap .privacy_label .label_box .label_layer .label_desc_btm .desc_wrap .desc_box .desc_tit {width: 150px; font-weight: 500; font-size: 15px; color: #1647aa; word-break: keep-all; letter-spacing: -0.5px;}
.P0071 .privacy_label_wrap .privacy_label .label_box .label_layer .label_desc_btm .desc_wrap .desc_box .desc_cnt {width: 350px; color: #333; font-size: 14px;}
.P0071 .privacy_label_wrap .privacy_label .label_box > p {margin-top: 20px;}
.P0071 .privacy_label_wrap .privacy_label .label_box .label_cnt {color: #555; font-size: 17px;}
.P0071 .privacy_label_wrap > p {color: #b81613; font-size: 17px; margin-bottom: 50px;}
.P0071 .cnt_list {width: 100%; padding: 40px 60px 20px 60px; margin: 20px auto 0; display: flex; flex-flow: row wrap; justify-content: space-between; border: 1px solid #d9d9d9; box-sizing: border-box;}
.P0071 .cnt_list li {width: 500px; margin-bottom: 20px; position: relative; box-sizing: border-box; padding-bottom: 10px;}
.P0071 .cnt_list li a {color: #444; font-weight: 400; box-sizing: border-box; height: 25px; display: block;}
.P0071 .cnt_list li a:hover {text-decoration: underline;}
.P0071 .cnt_list li a img {margin-right: 10px;}
/* 개인정보처리방침 라벨링 추가 끝 */
.P0071 .policy {margin-top: 30px; padding-bottom: 37px; border-top: 3px solid #555; border-bottom: 1px solid #c9c9c9; font-family: "Pretendard GOV Variable", "Pretendard GOV", -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;}
.P0071 .policy h3 {margin-top: 32px; color: #1a4890; font-size: 18px; line-height: 24px;}
.P0071 .policy > p {margin-top: 11px; color: #222; font-size: 16px; line-height: 24px; letter-spacing: -1px;}
.P0071 .policy > ul {margin-top: 25px; padding-left: 36px; font-family: "Pretendard GOV Variable", "Pretendard GOV", -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;}
.P0071 .policy > ul > li {margin-top: 25px; color: #222; font-size: 16px;}
.P0071 .policy > ul > li > ul {margin-top: 3px; padding-left: 17px;}
.P0071 .policy > ul > li > ul > li {position: relative; padding-left: 9px; line-height: 24px;}
.P0071 .policy > ul > li > ul > li::before {content: ""; display: block; position: absolute; left: 0; top: 10px; width: 4px; height: 1px; background: #3f3f3f;}


/* 찾아오시는 길 */
.P0072 .list1 {margin-top: 17px; padding: 7px 0 18px 0; border-top: 2px solid #393939; border-bottom: 1px solid #c9c9c9;}
.P0072 .list1 li {margin-top: 8px; color: #222; font-family: "Pretendard GOV Variable", "Pretendard GOV", -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif; font-size: 17px;}
.P0072 .list1 li.ico_addr {position: relative; padding-left: 25px;}
.P0072 .list1 li.ico_addr::before {content: ""; display: block; position: absolute; left: 0; top: 3px; width: 16px; height: 16px; background: url(../images/icon/ico_addr.png) no-repeat;}
.P0072 .list1 li.ico_tel {position: relative; padding-left: 25px;}
.P0072 .list1 li.ico_tel::before {content: ""; display: block; position: absolute; left: 0; top: 3px; width: 16px; height: 16px; background: url(../images/icon/ico_tel.png) no-repeat;}
.P0072 .list1 li.ico_email {position: relative; padding-left: 25px;}
.P0072 .list1 li.ico_email::before {content: ""; display: block; position: absolute; left: 0; top: 3px; width: 16px; height: 16px; background: url(../images/icon/ico_email.png) no-repeat;}
.P0072 .list1 li .lb {display: inline-block; height: 20px; margin-right: 9px; padding: 0 10px; border-radius: 3px; color: #fff; font-size: 13px; line-height: 20px;}
.P0072 .list1 li .lb.blue {background: #1a4890;}
.P0072 .list1 li .lb.green {background: #009944;}
.P0072 .list1 li .lb.red {background: #e60012;}

.P0072 .list2 {margin-top: 17px; border-top: 2px solid #393939; font-family: "Pretendard GOV Variable", "Pretendard GOV", -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif; font-size: 17px;}
.P0072 .list2 > div {padding: 16px 0 18px 0; border-bottom: 1px solid #bfbfbf;}
.P0072 .list2 > div > strong {display: block; color: #1a4890;}
.P0072 .list2 > div ul {margin-top: 6px;}
.P0072 .list2 > div ul li {position: relative; margin-top: 6px; padding-left: 70px; line-height: 24px;}
.P0072 .list2 > div ul li:first-child {margin-top: 0;}
.P0072 .list2 > div ul li .lb {display: block; position: absolute; left: 0; top: 2px; height: 20px; margin-right: 9px; padding: 0 6px; border-radius: 3px; color: #fff; font-size: 13px; line-height: 20px;}
.P0072 .list2 > div ul li .lb.blue {background: #1a4890;}
.P0072 .list2 > div ul li .lb.green {background: #009944;}
.P0072 .list2 > div ul li .lb.red {background: #e60012;}

.P0072 .list3 {margin-top: 17px; border-top: 2px solid #393939; font-family: "Pretendard GOV Variable", "Pretendard GOV", -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif; font-size: 17px;}
.P0072 .list3 > div {padding: 16px 0 18px 0; border-bottom: 1px solid #bfbfbf;}
.P0072 .list3 > div > strong {display: block; color: #1a4890;}
.P0072 .list3 > div ul li {position: relative; margin-top: 6px; padding-left: 14px; color: #222; line-height: 24px; letter-spacing: -1px;}
.P0072 .list3 > div ul li::before {content: ""; display: block; position: absolute; left: 0; top: 10px; width: 4px; height: 4px; background: #666;}
.P0072 .list3 > div ul li span {color: #666;}
.P0072 .direct_go {margin-top: 30px;}
.P0072 .direct_go .btn_type02 + .btn_type02 {margin-left: 6px;}


/* 공통컴포넌트 - 기능별 다운로드 목록 */
.P1001 .condition .line.last .f_ipt {width: 300px;}

.P1001 #tb01 .head > span:nth-child(1) {width: 90px;}
.P1001 #tb01 .head > span:nth-child(2) {width: 150px;}
.P1001 #tb01 .head > span:nth-child(3) {width: 400px;}
.P1001 #tb01 .head > span:nth-child(4) {width: auto;}

.P1001 #tb01 .list_item > div:nth-child(1) {width: 90px;}
.P1001 #tb01 .list_item > div:nth-child(2) {width: 150px;}
.P1001 #tb01 .list_item > div:nth-child(3) {width: 400px;}
.P1001 #tb01 .list_item > div:nth-child(4) {width: auto;}

.pageMenu_91 .board_view {margin-top: 10px}


/* 에러페이지 */
.ERROR {height: 100%; padding: 20px;}
.ERROR > .inner {height: 100%; padding-top: 257px; text-align: center; background: #eee;}
.ERROR h1 {display: inline-block; height: 70px; padding-left: 105px; color: #e50150; font-size: 72px; line-height: 70px; background: url(../images/icon/ico_warnning.png) no-repeat; background-size: auto 70px;}
.ERROR .txt1 {position: relative; margin-top: 40px; padding-bottom: 30px; color: #e50150; font-size: 24px; font-weight: 700; line-height: 24px;}
.ERROR .txt1::after {content: ""; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 60px; height: 2px; background: #666;}
.ERROR .txt2 {margin-top: 24px; color: #222; font-size: 24px; line-height: 36px; letter-spacing: -0.25px;}
.ERROR .txt2 span {color: #1a4890; text-decoration: underline;}

.ERROR_IN {padding: 167px 0 70px 0; border: 1px solid #c9c9c9; border-radius: 9px; background: #f5f5f5;}
.ERROR_IN p {position: relative; color: #e50150; font-size: 30px; font-weight: 700; text-align: center;}
.ERROR_IN p::before {content: ""; display: block; position: absolute; left: 50%; top: -98px; transform: translateX(-50%); width: 78px; height: 70px; background: url(../images/icon/ico_warnning.png) no-repeat;}