@charset "utf-8"; /*conArea*/ #container{width:100%;overflow:hidden;} #wrapper > #container {padding:107px 0 0 0;} #wrapper > #container.container2 {padding:0;} #container .conArea {min-height:calc(100vh - 403px);padding:0 0 55px;width:1180px;margin:0 auto;} #container .conArea.wideArea {width: 100%;min-height:calc(100vh - 403px);padding:0 0 55px;overflow:hidden;} .conBody.text {margin:0 0 50px;} #container .container_copy {position:relative;} #container .conArea .marBottom20, .conBody.marBottom20{margin-bottom:20px;} #container .conArea .subDesc {margin-bottom:20px;} .blueBtn {display:inline-block;padding:6px 10px;background:#007cb5;color:#fff !important;text-align:center;font-family:NanumGB;} .blankBtn {position:relative; display:inline-block; height:37px; background:#f6f6f6; border:1px solid #d0d0d0; border-radius:5px; padding: 0 24px 0 12px; color:#222; font-size:16.5px; line-height:35px; box-sizing:border-box; text-decoration:none;} .blankBtn:after {content:''; width:12px; height:9px; background:url('/images/eng_service/sub/arr_blank_gy.png') no-repeat 0 0; position:absolute; top:50%; right:7px; margin-top:-4.5px;} .blankBtn:hover {background:#b68967; color:#fff; border-color:#b68967; text-decoration:none;} .blankBtn:hover:after {background:url('/images/eng_service/sub/arr_blank_wt.png') no-repeat 0 0;} .blankBtn2 {display:block; float: left; height:37px; padding:0 15px; background:#f6f6f6; border:1px solid #d0d0d0; border-radius:5px; box-sizing:border-box; color:#222; font-size:15px; line-height:35px;} .blankBtn2.on {background:#c5a345; border-color:#c5a345; color:#fff;} .ogBtn {float: left;height:37px;padding:0 10px;background:#c6a345;border-radius:5px;color:#fff;font-size:16.5px;text-align:center;line-height:37px;} /* 검색시 배경 */ .container_bg {width:100%; height:100%;} /* 자동완성창 닫기 */ #popup .btn_close {position:absolute; right:23px; bottom:6px; width:21px; height:21px; background:#cbcbcb url('/images/eng_service/sub/icon_close2.png') no-repeat center; border-radius:50%; font-size:0; text-indent:-9999px;} #container .conArea .conBody.personalInfoArea {width:100%;height:244px;margin-top:23px;background-color:#f7f7f7;border-top:1px solid #44445e;border-bottom:1px solid #ddd; box-sizing:border-box;padding:31px 20px;overflow-y:auto;} #container .conArea .conBody.personalInfoArea h3 {color:#333; font-size:21px; text-align:center; margin-bottom:21px;} #container .conArea .checkBox {margin-top:12px;} #container .conArea .checkBox.textDetail{margin-top:20px;} #container .conArea .checkBox.textDetail label{color:#666;} #container .conArea .clause .clauseTitle {font-size:18px;color:#666;} #container .conArea .paLeft20 {padding-left:20px;} #container .conArea .totalPosting {color:#ea8925;font-family: 'NotoSansM';} #container .conArea .searching{display:inline-block;padding:0 13px;height:38px;line-height:38px;background:#888;border-radius:5px; color:#fff;text-align:center;font-family: 'NotoSansL';font-size:17px;margin-left: 4px; margin-right:22px;} #container .tab_menu{width:1180px; margin:40px auto 0;overflow:hidden;box-sizing:border-box;} #container .tab_menu li{width:299px;float:left;} #container .tab_menu .last_effect a.selected {width:300px;} #container .tab_menu .tab li{border-bottom:1px solid #75c2ad;border-right:1px solid #75c2ad;} #container .tab_menu .tab li a{display:block;line-height:56px;text-align:center;background-color:#007cb5;text-decoration:none;color:#fff;font-size:18px;} #container .tab_menu .tab li a.selected {border-bottom:1px solid transparent;color:#fff;} #container .tab_menu .tab li a:hover {text-decoration:underline;} #container .tab_menu .panel li{width:100%;} /* .fieldTab {background-color:#007cb5;} */ /* .subjectTab {background-color:#007cb5;} */ /* .departmentTab {background-color:#007cb5;} */ #container .tab_menu .panel .subjectDecree{box-sizing:border-box;} #container .tab_menu .panel .subjectDecree li{width:89px;height:150px;text-align:center;border:none;position:relative;} #container .tab_menu .panel .subjectTab .subjectDecree li:nth-child(n+10) {margin-top:33px;} #container .tab_menu .panel .subjectDecree li+li {margin-left:35px;} #container .tab_menu .panel .subjectDecree li a{position: relative;width:100%;height:125px;display:block;background:url('../../images/eng_service/sub/subject_icons2.png') 0 0 no-repeat;} #container .tab_menu .panel .subjectDecree li .icon_desc{width:100%;/* height:28px; */display:block;color:#3a3a4a;font-size:16.99px;letter-spacing:-1px;position:absolute;left:0;bottom:-2px;word-break: auto-phrase;} #container .tab_menu .panel .subjectDecree li .icon_desc.textCenter{line-height:40px;} /*hover,active*/ #container .tab_menu .panel .subjectDecree li a:hover, #container .tab_menu .panel .subjectDecree li a.active {background:url('../../images/eng_service/sub/subject_icons2_on.png') 0 0px no-repeat;} #container .tab_menu .panel .subjectDecree li .subject_icon00, #container .tab_menu .panel .subjectDecree li .subject_icon00:hover, #container .tab_menu .panel .subjectDecree li .subject_icon00.active {background-position:0px 0px;} #container .tab_menu .panel .subjectDecree li:nth-child(2) {width:125px; margin-left:21px;} #container .tab_menu .panel .subjectDecree li:nth-child(2) .icon_desc {bottom:-25px;} #container .tab_menu .panel .subjectDecree li .subject_icon01, #container .tab_menu .panel .subjectDecree li .subject_icon01:hover, #container .tab_menu .panel .subjectDecree li .subject_icon01.active {background-position:-109px 0px;} #container .tab_menu .panel .subjectDecree li:nth-child(3) {width:95px; margin-left:18px;} #container .tab_menu .panel .subjectDecree li .subject_icon02, #container .tab_menu .panel .subjectDecree li .subject_icon02:hover, #container .tab_menu .panel .subjectDecree li .subject_icon02.active {background-position:-251px 0px;} #container .tab_menu .panel .subjectDecree li .subject_icon03, #container .tab_menu .panel .subjectDecree li .subject_icon03:hover, #container .tab_menu .panel .subjectDecree li .subject_icon03.active {background-position:-380px 0px;} #container .tab_menu .panel .subjectDecree li .subject_icon04, #container .tab_menu .panel .subjectDecree li .subject_icon04:hover, #container .tab_menu .panel .subjectDecree li .subject_icon04.active {background-position:-510px 0px;} #container .tab_menu .panel .subjectDecree li:nth-child(6) .icon_desc {bottom:-25px;} #container .tab_menu .panel .subjectDecree li .subject_icon05, #container .tab_menu .panel .subjectDecree li .subject_icon05:hover, #container .tab_menu .panel .subjectDecree li .subject_icon05.active {background-position:-633px 0px;} #container .tab_menu .panel .subjectDecree li:nth-child(7) .icon_desc {bottom:-25px;} #container .tab_menu .panel .subjectDecree li .subject_icon06, #container .tab_menu .panel .subjectDecree li .subject_icon06:hover, #container .tab_menu .panel .subjectDecree li .subject_icon06.active {background-position:-760px 0px;} #container .tab_menu .panel .subjectDecree li .subject_icon07, #container .tab_menu .panel .subjectDecree li .subject_icon07:hover, #container .tab_menu .panel .subjectDecree li .subject_icon07.active {background-position:-890px 0px;} #container .tab_menu .panel .subjectDecree li:nth-child(9) {width:95px; margin-left:34px;} #container .tab_menu .panel .subjectDecree li .subject_icon08, #container .tab_menu .panel .subjectDecree li .subject_icon08:hover, #container .tab_menu .panel .subjectDecree li .subject_icon08.active {background-position:-1010px 0px;} #container .tab_menu .panel .subjectDecree li:nth-child(10) {width:110px; margin-left:0;} #container .tab_menu .panel .subjectDecree li:nth-child(10) .icon_desc {bottom:-25px;} #container .tab_menu .panel .subjectDecree li .subject_icon09, #container .tab_menu .panel .subjectDecree li .subject_icon09:hover, #container .tab_menu .panel .subjectDecree li .subject_icon09.active {background-position:2px -158px;} #container .tab_menu .panel .subjectDecree li:nth-child(11) {margin-left:20px;} #container .tab_menu .panel .subjectDecree li .subject_icon10, #container .tab_menu .panel .subjectDecree li .subject_icon10:hover, #container .tab_menu .panel .subjectDecree li .subject_icon10.active {background-position:-127px -158px;} #container .tab_menu .panel .subjectDecree li:nth-child(12) .icon_desc {bottom:-25px;} #container .tab_menu .panel .subjectDecree li .subject_icon11, #container .tab_menu .panel .subjectDecree li .subject_icon11:hover, #container .tab_menu .panel .subjectDecree li .subject_icon11.active {background-position:-256px -158px;} #container .tab_menu .panel .subjectDecree li .subject_icon12, #container .tab_menu .panel .subjectDecree li .subject_icon12:hover, #container .tab_menu .panel .subjectDecree li .subject_icon12.active {background-position:-380px -158px;} #container .tab_menu .panel .subjectDecree li:nth-child(14) .icon_desc {bottom:-25px;} #container .tab_menu .panel .subjectDecree li .subject_icon13, #container .tab_menu .panel .subjectDecree li .subject_icon13:hover, #container .tab_menu .panel .subjectDecree li .subject_icon13.active {background-position:-511px -158px;} #container .tab_menu .panel .subjectDecree li:nth-child(15) {width:95px; margin-left:36px;} #container .tab_menu .panel .subjectDecree li .subject_icon14, #container .tab_menu .panel .subjectDecree li .subject_icon14:hover, #container .tab_menu .panel .subjectDecree li .subject_icon14.active {background-position:-630px -158px;} #container .tab_menu .panel .subjectDecree li:nth-child(16) .icon_desc {bottom:-25px;} #container .tab_menu .panel .subjectDecree li .subject_icon15, #container .tab_menu .panel .subjectDecree li .subject_icon15:hover, #container .tab_menu .panel .subjectDecree li .subject_icon15.active {background-position:-761px -159px;} #container .tab_menu .panel .subjectDecree li:nth-child(17) .icon_desc {bottom:-25px;} #container .tab_menu .panel .subjectDecree li .subject_icon16, #container .tab_menu .panel .subjectDecree li .subject_icon16:hover, #container .tab_menu .panel .subjectDecree li .subject_icon16.active {background-position:-887px -158px;} #container .tab_menu .panel .subjectDecree li:nth-child(18) {width:108px; margin-left:24px;} #container .tab_menu .panel .subjectDecree li:nth-child(18) .icon_desc {bottom:-25px;} #container .tab_menu .panel .subjectDecree li .subject_icon17, #container .tab_menu .panel .subjectDecree li .subject_icon17:hover, #container .tab_menu .panel .subjectDecree li .subject_icon17.active {background-position:-1004px -158px;} #container .tab_menu .panel .subjectDecree.fieldDecree li{width:89px;} #container .tab_menu .panel .subjectDecree.fieldDecree li:nth-child(2) {width: 107px;} #container .tab_menu .panel .subjectDecree.fieldDecree li:nth-child(4) {margin-left: 44px;} #container .tab_menu .panel .subjectDecree.fieldDecree li:nth-child(5) {width: 142px; margin-left: 27px;} #container .tab_menu .panel .subjectDecree.fieldDecree li:nth-child(6) {width: 109px; margin-left: 30px;} #container .tab_menu .panel .subjectDecree.fieldDecree li:nth-child(7) {width: 150px; margin-left: 30px;} #container .tab_menu .panel .subjectDecree.fieldDecree li:nth-child(8) {margin-left:27px;} #container .tab_menu .panel .subjectDecree.fieldDecree li:nth-child(9) {margin-left:0;} #container .tab_menu .panel .subjectDecree.fieldDecree li:nth-child(13) {width:104px;margin-left: 44px;} #container .tab_menu .panel .subjectDecree.fieldDecree li:nth-last-child(2) {width: 122px;} #container .tab_menu .panel .subjectDecree.fieldDecree li:last-child {width: 100px;} #container .tab_menu .panel .subjectDecree.fieldDecree li:nth-child(2) a span {bottom:-2px;} #container .tab_menu .panel .subjectDecree.fieldDecree li:nth-child(5) a span, #container .tab_menu .panel .subjectDecree.fieldDecree li:nth-child(7) a span, #container .tab_menu .panel .subjectDecree.fieldDecree li:nth-child(8) a span {bottom:-25px;} #container .tab_menu .panel .subjectDecree.fieldDecree li:nth-last-child(-n+8) a span {bottom:-25px;} #container .tab_menu .panel .subjectDecree.fieldDecree li:last-child a span {bottom: -2px;} #container .tab_menu .panel .subjectDecree.fieldDecree li.under_box {margin-top:34px;} #container .tab_menu .panel .subjectDecree.fieldDecree li+li {margin-left:36px;} #container .tab_menu .panel .subjectDecree.fieldDecree li a{position:relative;width:100%;display:block;background:url('../../images/eng_service/sub/field_icons2.png') 0 0 no-repeat;} #container .tab_menu .panel .subjectDecree li a:after {content:''; display:block; width:89px; height:89px; background:#f3f4f6; border-radius:32px; position:absolute; top:0; left: 50%; margin-left: -44.5px; z-index: -1;} #container .tab_menu .panel .subjectDecree li a:hover:after, #container .tab_menu .panel .subjectDecree li a.active:after{background:#a9882d;} /*hover,active*/ #container .tab_menu .panel .subjectDecree.fieldDecree li a:hover, #container .tab_menu .panel .subjectDecree.fieldDecree li a.active {background:url('../../images/eng_service/sub/field_icons2_on.png') 0px 0px no-repeat;} #container .tab_menu .panel .subjectDecree.fieldDecree li .field_icon00, #container .tab_menu .panel .subjectDecree.fieldDecree li .field_icon00:hover, #container .tab_menu .panel .subjectDecree.fieldDecree li .field_icon00.active {background-position:7px 0px;} #container .tab_menu .panel .subjectDecree.fieldDecree li .field_icon01, #container .tab_menu .panel .subjectDecree.fieldDecree li .field_icon01:hover, #container .tab_menu .panel .subjectDecree.fieldDecree li .field_icon01.active {background-position:-112px 0px;} #container .tab_menu .panel .subjectDecree.fieldDecree li .field_icon02, #container .tab_menu .panel .subjectDecree.fieldDecree li .field_icon02:hover, #container .tab_menu .panel .subjectDecree.fieldDecree li .field_icon02.active {background-position:-248px 0px;} #container .tab_menu .panel .subjectDecree.fieldDecree li .field_icon03, #container .tab_menu .panel .subjectDecree.fieldDecree li .field_icon03:hover, #container .tab_menu .panel .subjectDecree.fieldDecree li .field_icon03.active {background-position:-373px 0px;} #container .tab_menu .panel .subjectDecree.fieldDecree li .field_icon04, #container .tab_menu .panel .subjectDecree.fieldDecree li .field_icon04:hover, #container .tab_menu .panel .subjectDecree.fieldDecree li .field_icon04.active {background-position:-479px 0px;} #container .tab_menu .panel .subjectDecree.fieldDecree li .field_icon05, #container .tab_menu .panel .subjectDecree.fieldDecree li .field_icon05:hover, #container .tab_menu .panel .subjectDecree.fieldDecree li .field_icon05.active {background-position:-616px 0px;} #container .tab_menu .panel .subjectDecree.fieldDecree li .field_icon06, #container .tab_menu .panel .subjectDecree.fieldDecree li .field_icon06:hover, #container .tab_menu .panel .subjectDecree.fieldDecree li .field_icon06.active {background-position:-725px 0px;} #container .tab_menu .panel .subjectDecree.fieldDecree li:nth-child(8) {width:97px;} #container .tab_menu .panel .subjectDecree.fieldDecree li .field_icon07, #container .tab_menu .panel .subjectDecree.fieldDecree li .field_icon07:hover, #container .tab_menu .panel .subjectDecree.fieldDecree li .field_icon07.active {background-position:-878px 0px;} #container .tab_menu .panel .subjectDecree.fieldDecree li .field_icon08, #container .tab_menu .panel .subjectDecree.fieldDecree li .field_icon08:hover, #container .tab_menu .panel .subjectDecree.fieldDecree li .field_icon08.active {background-position:-1005px 0;} #container .tab_menu .panel .subjectDecree.fieldDecree li:nth-child(10) {width:127px; margin-left:35px;} #container .tab_menu .panel .subjectDecree.fieldDecree li .field_icon09, #container .tab_menu .panel .subjectDecree.fieldDecree li .field_icon09:hover, #container .tab_menu .panel .subjectDecree.fieldDecree li .field_icon09.active {background-position:19px -160px;} #container .tab_menu .panel .subjectDecree.fieldDecree li:nth-child(11) {width:124px; margin-left:25px;} #container .tab_menu .panel .subjectDecree.fieldDecree li .field_icon10, #container .tab_menu .panel .subjectDecree.fieldDecree li .field_icon10:hover, #container .tab_menu .panel .subjectDecree.fieldDecree li .field_icon10.active {background-position:-104px -160px;} #container .tab_menu .panel .subjectDecree.fieldDecree li:nth-child(12){margin-left:35px;} #container .tab_menu .panel .subjectDecree.fieldDecree li .field_icon11, #container .tab_menu .panel .subjectDecree.fieldDecree li .field_icon11:hover, #container .tab_menu .panel .subjectDecree.fieldDecree li .field_icon11.active {background-position:-247px -160px;} #container .tab_menu .panel .subjectDecree.fieldDecree li .field_icon12, #container .tab_menu .panel .subjectDecree.fieldDecree li .field_icon12:hover, #container .tab_menu .panel .subjectDecree.fieldDecree li .field_icon12.active {background-position:-368px -160px;} #container .tab_menu .panel .subjectDecree.fieldDecree li:nth-child(14){width:113px; margin-left:29px;} #container .tab_menu .panel .subjectDecree.fieldDecree li .field_icon13, #container .tab_menu .panel .subjectDecree.fieldDecree li .field_icon13:hover, #container .tab_menu .panel .subjectDecree.fieldDecree li .field_icon13.active {background-position:-491px -160px;} #container .tab_menu .panel .subjectDecree.fieldDecree li:nth-child(15){margin-left:30px;} #container .tab_menu .panel .subjectDecree.fieldDecree li .field_icon14, #container .tab_menu .panel .subjectDecree.fieldDecree li .field_icon14:hover, #container .tab_menu .panel .subjectDecree.fieldDecree li .field_icon14.active {background-position:-609px -160px;} #container .tab_menu .panel .subjectDecree.fieldDecree li .field_icon15, #container .tab_menu .panel .subjectDecree.fieldDecree li .field_icon15:hover, #container .tab_menu .panel .subjectDecree.fieldDecree li .field_icon15.active {background-position:-747px -160px;} #container .tab_menu .panel .subjectDecree.fieldDecree li .field_icon16, #container .tab_menu .panel .subjectDecree.fieldDecree li .field_icon16:hover, #container .tab_menu .panel .subjectDecree.fieldDecree li .field_icon16.active {background-position:-975px -125px;} #container .tab_menu .panel .departmentDecree{overflow:hidden;} #container .tab_menu .panel .departmentDecree li {height:auto;} #container .tab_menu .panel .departmentDecree li dl {padding:17px 0;overflow:hidden;border-bottom:1px dotted #d5d5d5;} #container .tab_menu .panel .departmentDecree li dl dt {width:148px;height:122px;line-height:120px;margin-right: 13px;text-align:center;word-break: auto-phrase;background-color:#f2e6dd;color:#6a493f;font-size:16px;border:1px solid #e0d0ca;border-radius:5px;float:left;box-sizing:border-box;} #container .tab_menu .panel .departmentDecree li:nth-child(n+3) dl dt {height:90px; line-height:88px;} #container .tab_menu .panel .departmentDecree li dl dd {width:941px;float:left;} #container .tab_menu .panel .departmentDecree li dl dd ul {overflow:hidden;} #container .tab_menu .panel .departmentDecree li dl dd ul.s_line {margin-top:23px;} #container .tab_menu .panel .departmentDecree li dl dd ul.mr65 {margin-right:65px;} #container .tab_menu .panel .departmentDecree li dl dd ul li {width:auto;height:22px;margin-bottom:3px;position:relative;} #container .tab_menu .panel .departmentDecree li:first-child dl {padding-top: 0;} #container .tab_menu .panel .departmentDecree li:nth-child(2) dl dt {line-height:1.5; padding:35px 0;} #container .tab_menu .panel .departmentDecree li:nth-child(4) dl dt {line-height:1.5; padding:20px 0;} #container .tab_menu .panel .departmentDecree li:first-child dl dd ul li:nth-last-child(-n+2) {margin-bottom:0;} #container .tab_menu .panel .departmentDecree li dl dd ul li a {color:#525252;font-size:15px;letter-spacing: -0.1px;display:block;} #container .tab_menu .panel .departmentDecree li dl dd ul li+li a {padding-left:19px; position:relative;} #container .tab_menu .panel .departmentDecree li dl dd ul li+li a:after {width:1px;height:10px;background-color:#b1b1b1;content:"";display:inline-block;position:absolute;top:50%;left:9px;margin-top: -5px;} #container .tab_menu .panel .departmentDecree li dl dd ul li.af-clear a:after {content:none;} #container .tab_menu .panel .departmentDecree li dl dd ul li a#soganTab_16, #container .tab_menu .panel .departmentDecree li dl dd ul li a#soganTab_15, #container .tab_menu .panel .departmentDecree li dl dd ul li a#soganTab_17, #container .tab_menu .panel .departmentDecree li dl dd ul li a#soganTab_13 {padding-left:0;} #container .tab_menu .panel .departmentDecree li dl dd ul li a#soganTab_16:after, #container .tab_menu .panel .departmentDecree li dl dd ul li a#soganTab_15:after, #container .tab_menu .panel .departmentDecree li dl dd ul li a#soganTab_17:after, #container .tab_menu .panel .departmentDecree li dl dd ul li a#soganTab_13:after {content:none;} #container .tab_menu .panel .departmentDecree li dl dd ul li a#soganTab_29, #container .tab_menu .panel .departmentDecree li dl dd ul li a#soganTab_67, #container .tab_menu .panel .departmentDecree li dl dd ul li a#soganTab_32, #container .tab_menu .panel .departmentDecree li dl dd ul li a#soganTab_34 {padding-left:0;} #container .tab_menu .panel .departmentDecree li dl dd ul li a#soganTab_29:after, #container .tab_menu .panel .departmentDecree li dl dd ul li a#soganTab_67:after, #container .tab_menu .panel .departmentDecree li dl dd ul li a#soganTab_32:after, #container .tab_menu .panel .departmentDecree li dl dd ul li a#soganTab_34:after {content:none;} #container .tab_menu .panel .departmentDecree li dl dd ul li a#soganTab_38, #container .tab_menu .panel .departmentDecree li dl dd ul li a#soganTab_52, #container .tab_menu .panel .departmentDecree li dl dd ul li a#soganTab_53 {padding-left:0;} #container .tab_menu .panel .departmentDecree li dl dd ul li a#soganTab_38:after, #container .tab_menu .panel .departmentDecree li dl dd ul li a#soganTab_52:after, #container .tab_menu .panel .departmentDecree li dl dd ul li a#soganTab_53:after {content:none;} #container .tab_menu .panel .departmentDecree li dl dd ul li a:hover, #container .tab_menu .panel .departmentDecree li dl dd ul li a:focus {color:#e67e12;} #container .tab_menu .panel .departmentDecree li dl dd ul li a.active {color:#e67e12;} /* login */ #container .conArea .clause {display:block;padding:20px 2%;width:96%;height:127px;border:1px solid #e5e5e5;} #container .conArea .loginExBox {padding:25px 0 45px 335px;background:url('../../images/eng_service/sub/login_bg.png') 96px 100% no-repeat;} #container .conArea .loginExBox .exText.common {padding-left:14px;font-size:18px;} #container .conArea .loginBox {padding:40px 0;text-align:center;border-top:2px solid #333;border-bottom:1px solid #ccc;margin:0 0 20px;overflow:hidden;} #container .conArea .loginBox .loginFrame {float:left;padding:0 40px;border-right:1px solid #ccc;} #container .conArea .loginBox .exceptLogin {margin:0 0 0 630px;padding:74px 0 0 40px;text-align:left;} #container .conArea .loginBox .exceptLogin .exText {margin:0 0 20px;} #container .conArea .loginBox .checkBox {width:550px;text-align:left;margin:0 auto 10px;} #container .conArea .loginBox .checkBox input[type=checkbox] {width:15px;height:15px;} #container .conArea .loginBox .checkBox label {padding:0 0 0 6px;font-size:15px;color:#666;} #container .conArea .loginBox .inputID, #container .conArea .loginBox .inputPW {display:block;padding:21px 20px;width:508px;height:21px;font-size:18px;color:#666;border:1px solid #d0d0d0;margin:0 auto 10px;} #container .conArea .loginBox .btnConfirm {width:550px;height:65px;background:#007cb5;font-size:24px;color:#fff;font-family:NanumGB;} /* table */ /* #container .conArea table {width:100% !important;} */ #container .conArea table th, #container .conArea table td {font-weight:normal;vertical-align:middle;border-bottom:1px solid #acacac;border-left:1px solid #ddd;box-sizing: border-box;} #container .conArea table th {background:#f6f6f6;font-family: 'NotoSansM';font-size:15px;color:#333;} @media print { #container .conArea table th {background-color:#f6f6f6 !important; -webkit-print-color-adjust:exact;} } #container .conArea table th i {font-size:15px;color:#e95037;} #container .conArea table thead th {border-bottom:1px solid #ddd;} #container .conArea table thead th.siteName {text-align:left; padding-left:159px;} #container .conArea table td {background:#fff;color:#525252;text-align:left; word-break: keep-all; border-left: 1px solid #ddd; border-bottom:1px solid #ddd; box-sizing: border-box;} #container .conArea table td p a, #container .conArea table td div a {font-size:15px;} #container .conArea table td.subject {padding:12px;} #container .conArea table td.subject.tal {text-align:left;} #container .conArea table td.subject.tal .ico_site {display:inline-block; min-width:68px; margin-right:10px; text-align:center; vertical-align: middle;} #container .conArea table td.td-date {color:#909090;} #container .conArea table td[aria-describedby$="Date"] {color:#909090;} #container .conArea table th:first-child, #container .conArea table td:first-child {border-left:0;} #container .conArea table tr:hover td {background-color:#f7f7f7;cursor:pointer;} #container .conArea td.contents table {width: 75%;} #container .conArea td.contents table td{border-left: 1px solid #bababa; border-right: 1px solid #bababa;} #container .conArea table.table01, #container .conArea table.table04 {position:relative;} #container .conArea table.table01:before, #container .conArea table.table04:before {content:''; display:block; width:100%; height:1px; background:#44445e; position:absolute; top:0; left:0;} #container .conArea table.table01 th {padding:11px 16px; text-align:center; color:#333; font-size:15px; border-bottom:1px solid #ddd;} #container .conArea table.table01 td {padding:11px 16px;} #container .conArea table.table01 td .notice {display: block; color:#525252; font-size:15px; margin-top: 6px;} #container .conArea .table01 td input[type=text], #container .conArea .table01 td input[type=password]{padding:0 13px; height:38px; color:#525252; font-size:15px; border:1px solid #d0d0d0; border-radius:5px; box-sizing:border-box; outline:0;} #container .conArea .table01 td input[type=password] {width:40%;} /* #container .conArea .table01 th, #container .conArea .table01 td {padding:6px 20px;height:28px;text-align:left;} #container .conArea .table01 td input[type=text], #container .conArea .table01 td input[type=password] {padding:5px;height:28px;font-size:15px;color:#666;border:1px solid #ccc;box-sizing:border-box;} */ #container .conArea .table01 td .radioBox {padding:5px 0;} #container .conArea .table01 td input[type=radio], #container .conArea .table01 td input[type=checkbox] {width:15px;height:15px;vertical-align:middle;} #container .conArea .table01 td label {color:#666;vertical-align:middle;margin-right:26px;} #container .conArea .table01 td select {width:138px;height:37px;background: #fff url(/images/eng_service/sub/select_arrow.png) no-repeat right center;margin-left:10px;font-size:15px;color:#525252;border:1px solid #d0d0d0;border-radius:5px;padding-left:13px;box-sizing:border-box;outline:0;} #container .conArea .table01 td textarea {width:100%;height:214px;padding:10px 13px;font-size:15px;color:#525252;border:1px solid #d0d0d0;border-radius:5px; box-sizing:border-box;outline:0;} #container .conArea .table01 tr td.contents {height:146px;vertical-align:top;padding-top:20px;padding-bottom:20px;} #container .conArea .table01 .contents p, #container .conArea .clause.textAreaStyle {color:#666;line-height:1.5;} #container .conArea .table01 td .checkList {display:block;overflow:hidden;} #container .conArea .table01 td .checkList li {float:left;width:50%;padding:4px 0;} #container .conArea .table01 td .checkList li label {padding:0 0 0 4px;} #container .conArea .table01 tr td img {vertical-align:middle;margin-right:10px;} #container .conArea .table01 td .diskIcon{padding-right: 30px;height:19px;background:#fff url('../../images/eng_service/sub/icon_down.png') right 0 no-repeat;display:inline-block;color: #525252; font-size: 15px;} #container .conArea .table01 td .diskIcon:hover {background:#fff url('../../images/eng_service/sub/icon_down_on2.png') right 0 no-repeat;} #container .conArea .table01 tr td img {vertical-align:top;} #container .conArea .table01.noSize tbody tr td{font-size:16px;} #container .conArea .table01.noSize.btnAlign tbody tr td:last-Child{text-align:right;} #container .conArea .table01 td input.participantInfo{width:100%;} #container .conArea .table01 tr:hover td {background-color:#fff;cursor:default;} #container .conArea .table02 {position:relative;} /* border-top:1px solid #44445e; */ #container .conArea .table02:before {content: ''; width: 100%; height: 1px; background-color: #44445e; position: absolute; top: 0; left: 0;} #container .conArea .table02 thead th {height:46px;text-align:center;} #container .conArea .table02 td {padding:12px 0;text-align:center;} #container .conArea .table02 tr:hover td, #container .conArea .table02 tr:focus td{cursor:default;} #container .conArea .table02 .subject a{display:block;color: #525252;font-size:15px;text-align:left;overflow:hidden;} #container .conArea .table02.leftTd td, #container .conArea .table02 .leftTd {text-align:left;} #container .conArea .table02.leftTd tr td:first-child {text-align:center;} #container .conArea .table02.leftTd tr td.lawName {text-align:left;border-left: 1px solid #ddd;} #container .conArea .table02.leftTd tr td:hover a{text-decoration:underline;} #container .conArea table.table02.leftTd tr:hover td {background-color:#fff !important;cursor:default;} #container .conArea .table02 tr td:hover a{text-decoration:underline;} #container .conArea .table02 tr td:hover a.blankBtn{text-decoration:none;} #container .conArea .table02.leftAlign {border-top:1px solid #ccc;} #container .conArea .table02.leftAlign th, #container .conArea .table02.leftAlign td {text-align:left;padding:12px 10px;line-height:1.4;} #container .conArea .table02.noSize tbody tr td:first-child {font-size:16px;} #container .conArea .table02 tr td img {vertical-align:middle;} #container .conArea .table02 tr td .noticeFile {display:inline-block; width:22px; height:19px; background:url('/images/eng_service/sub/icon_down.png') no-repeat 0 0;} #container .conArea .table02 tr td .noticeFile:hover {background:url('/images/eng_service/sub/icon_down_on2.png') no-repeat 0 0;} #container .conArea .table02 tr td.surveyIng {color:#428513;} #container .conArea .table02 tr td.surveyClose {color:#006caf;} #container .conArea .table02 .text_effect{text-align:left;} #container .conArea .table02 tr th .asending_icon, #container .conArea .table02 tr th .desending_icon{width:17px;height:8px;} #container .conArea .table02 tr th .asending_icon {background:url('../../images/eng_service/sub/ascending_sort.png') 0% 0% no-repeat;} #container .conArea .table02 tr th .asending_icon:hover {background:url('../../images/eng_service/sub/ascending_sort_over.png') 0% 0% no-repeat;} #container .conArea .table02 tr th .desending_icon {background:url('../../images/eng_service/sub/descending_sort.png') 0% 0% no-repeat;} #container .conArea .table02 tr th .desending_icon:hover {background:url('../../images/eng_service/sub/descending_sort_over.png') 0% 0% no-repeat;} #container .conArea .table02.t_headAdj thead th a, #container .conArea .table02 thead th a {font-size:16px;color:#333;font-family:NanumBG;} #container .conArea table th .rollover_move:hover {text-decoration:underline;} #container .conArea .table02.t_headAdj thead th, #container .conArea .table02 .t_headAdj{height: 40px;padding-top:15px;box-sizing:border-box;} #container .conArea .table02.colorHov tbody tr:hover td {background-color:#e8f5ed;} #container .conArea .table02.colorHov tbody td a:hover {text-decoration:underline;} #container .conArea .table02.colorHov tbody td .blueBtn:hover{text-decoration:none;} #container .conArea .table03 {border-top:2px solid #007cb5;} #container .conArea .table03 th {background:#cde8f7;font-size:16px;border-bottom:1px solid #bababa;padding:10px 10px 10px 20px;} #container .conArea .table03 td {font-size:15px;padding:10px 13px;line-height:20px;font-family:NanumBG;} #container .conArea .table03 tr:hover td {background-color:#fff;cursor:default;} #container .conArea .table03 th, #container .conArea .table03 td {text-align:left;} #container .conArea .table03 td.char-cn {font-size:17px;background-color:#e3f4fe !important;letter-spacing:-2px;font-family:NanumG;} #container .conArea .table04 thead th {border-bottom:1px solid #ccc;height:42px;} #container .conArea .table04 tbody td {text-align:center;padding:10px 20px;} #container .conArea .table04 tr:hover td {background-color:#fff;cursor:default;} #container .conArea .table04 tbody td, #container .conArea .table04 thead th {border-right:1px solid #ccc;} #container .conArea .table04 tbody td:last-child, #container .conArea .table04 thead th:last-child {border-right:none;} #container .conArea .table04.cs-table {border-top:2px solid #007cb5;margin-bottom:50px;} #container .conArea .table04.cs-table thead th {height:65px;text-align:center;font-size:20px;font-family:NanumBGB;background:#fff;} #container .conArea .table04.cs-table tbody td {text-align:center;padding:30px 0;} #container .conArea .table04.cs-table tbody td.total-box {padding:10px 0;color:#333;font-size:24px;} #container .conArea .table04.cs-table tbody td.total-box span {font-size:30px;font-family:NanumBGB;color:#ff3c00;} #container .conArea .table04.cs-table tbody td p {width:160px;height:160px;line-height:160px;border-radius:80px;background-color:#f2ede0;font-size:45px;color:#a7872e;font-family:NanumBGB;margin:0 auto;} #container .conArea .table04.cs-table tbody td p.count00 {background-color:#fceedf;color:#eb8a27;} #container .conArea .table04.cs-table tbody td p.count01 {background-color:#e8f1e2;color:#64a13a;} #container .conArea .table04.cs-table tbody td p.count02 {background-color:#d9e9f3;color:#006caf;} #container .conArea .table04.cs-table tbody td p.count03 {background-color:#e7e8ea;color:#5c6674;} .table04.cs-table tbody td .circle-box {width:160px;height:160px;border-radius:160px;border:10px solid #a7872e;text-align:center;padding:30px 5px 0 15px;box-sizing:border-box;margin:0 auto;position:relative;} .table04.cs-table tbody td .circle-box:after {width:110px;height:1px;background-color:#a7872e;content:'';position:absolute;left:15px;top:50%;} .table04.cs-table tbody td .circle-box.color00 {border-color:#eb8a27;} .table04.cs-table tbody td .circle-box.color00:after {background-color:#eb8a27;} .table04.cs-table tbody td .circle-box.color00 dd {color:#eb8a27;} .table04.cs-table tbody td .circle-box.color01 {border-color:#64a13a;} .table04.cs-table tbody td .circle-box.color01:after {background-color:#64a13a;} .table04.cs-table tbody td .circle-box.color01 dd {color:#64a13a;} .table04.cs-table tbody td .circle-box.color02 {border-color:#006caf;} .table04.cs-table tbody td .circle-box.color02:after {background-color:#006caf;} .table04.cs-table tbody td .circle-box.color02 dd {color:#006caf;} .table04.cs-table tbody td .circle-box.color03 {border-color:#8a96a8;} .table04.cs-table tbody td .circle-box.color03:after {background-color:#8a96a8;} .table04.cs-table tbody td .circle-box.color03 dd {color:#5c6674;} .table04.cs-table tbody td .circle-box dl {overflow:hidden;margin-bottom:30px;position:relative;} .table04.cs-table tbody td .circle-box dl dt, .table04.cs-table tbody td .circle-box dl dd {display:block;float:left;} .table04.cs-table tbody td .circle-box dl dt {width:35px;line-height:25px;font-size:16px;color:#666;font-family:NanumBG;} .table04.cs-table tbody td .circle-box dl dd {width:85px;font-size:25px;color:#a7872e;font-family:NanumBGB;} #container .conArea .table05 thead th {height:58px;background-color:#e3f4fe;border-top:2px solid #007cb5;border-bottom:0px;font-size:18px;font-family:NanumBGB;} #container .conArea .table05 tr:hover td {background-color:#fff;cursor:default;} #container .conArea .table05 tbody td {padding:25px 0;border-right:1px solid #ccc;vertical-align:top;} #container .conArea .table05 tbody td .total-count {font-size:16px;font-family:NanumBGB;color:#333;margin-bottom:10px;text-align:center;} #container .conArea .table05 tbody td .name-box {padding-left:15px;} #container .conArea .table05 tbody td span {font-size:15px;color:#666;font-family:NanumBG;padding-left:10px;background-image:url('../../images/eng_service/sub/bullet_exText.png');background-repeat:no-repeat;background-position:0 50%;margin-bottom:5px;display:block;} #container .conArea .table05 tbody td .two-row {line-height:1.5;background-position:0 20%;margin-bottom:0;} #container .conArea .table06 {border-top:2px solid #007cb5;} #container .conArea .table06 tbody td{height:34px;text-align:center;border-right:1px solid #ccc;font-size:15px;font-family:NanumBG;} #container .conArea .table06 tr:hover td {background-color:#fff;cursor:default;} /*占쎈즲占쎈ごtable*/ #container .conArea .conBody.tableBg {width:100%;height:587px;background-image:url('../../images/eng_service/bg_legalLank01.jpg');background-repeat:no-repeat;margin-bottom:0px;position:relative;} #container .conArea .legalLankTable {position:absolute;left:135px;top:4%;width:65%;} #container .conArea .legalLankTable th{font-size:20px;color:#000;height:95px;line-height:95px;} #container .conArea .legalLankTable td{text-align:center;color:#fff;} #container .conArea .legalLankTable, #container .conArea .legalLankTable th,#container .conArea .legalLankTable td {font-family:NanumGB;border:none;background-color:transparent;} /*獄쏆뮄而숃눧占�*/ #container .conArea.publish {padding:0 0 28px;} #container .conArea.publish .listNav {margin:0 0 10px 0;} #container .conArea .publishList {overflow:hidden; border-bottom:1px solid #44445e;} #container .conArea .conBody .publication-books {overflow:hidden; transform: translateY(1px);} #container .conArea .conBody .publication-books li {width:calc(30% - 28px); height: 410px; padding:27px 0; border-bottom:1px solid #ddd; box-sizing:border-box;float:left;} #container .conArea .conBody .publication-books li:nth-child(4n) {width: 200px;} #container .conArea .conBody .publication-books li .book-img {width:150px; height:205px; background:url('/images/kor_service/sub/publish.png') no-repeat 0 0; font-size: 0;} #container .conArea .conBody .publication-books li .book-desc {margin-top:8px;} #container .conArea .conBody .publication-books li .book-desc span {display:block;width: 198px;font-family: 'NotoSansM';font-size:16px;line-height:1.2;letter-spacing: -0.5px;color:#333; word-break: keep-all;} #container .conArea .conBody .publication-books li .book-desc .book-date {color:#7a7b80;font-size:15px;font-family: 'NotoSansR'; padding-top:8px;} #container .conArea .conBody .publication-books li .btn-bookdown {position:relative;float: left;height:37px;line-height:37px;background-color:#f6f6f6;padding:0 29px 0 10px;text-align:center;color:#222;font-size:15px;border:1px solid #d0d0d0;border-radius: 5px;display:block;margin-top:34px;} #container .conArea .conBody .publication-books li .btn-bookdown:after {content:''; width:13px; height:15px; background:url('/images/kor_service/sub/icon_down_s_gy.png') no-repeat; position:absolute; top:10px; right:10px;} #container .conArea .conBody .publication-books li .btn-bookdown:hover {background:#c8ac75; border-color:#b5975c; color:#fff;} #container .conArea .conBody .publication-books li .btn-bookdown:hover:after {background:url('/images/kor_service/sub/icon_down_s.png') no-repeat;} /* 발간물 이미지 */ #container .conArea .conBody .publication-books li .book-img.book30 {background-position:-4px -2221px;} #container .conArea .conBody .publication-books li .book-img.book00 {background-position:-4px -4px;} #container .conArea .conBody .publication-books li .book-img.book01 {background-position:-262px -4px;} #container .conArea .conBody .publication-books li .book-img.book02 {background-position:-519px -4px;} #container .conArea .conBody .publication-books li .book-img.book03 {background-position:-777px -4px;} #container .conArea .conBody .publication-books li .book-img.book04 {background-position:-1034px -4px;} #container .conArea .conBody .publication-books li .book-img.book05 {background-position:-4px -390px;} #container .conArea .conBody .publication-books li .book-img.book06 {background-position:-262px -390px;} #container .conArea .conBody .publication-books li .book-img.book07 {background-position:-519px -390px;} #container .conArea .conBody .publication-books li .book-img.book08 {background-position:-777px -390px;} #container .conArea .conBody .publication-books li .book-img.book09 {background-position:-1034px -390px;} #container .conArea .conBody .publication-books li .book-img.book10 {background-position:-4px -776px;} #container .conArea .conBody .publication-books li .book-img.book11 {background-position:-262px -776px;} #container .conArea .conBody .publication-books li .book-img.book12 {background-position:-519px -776px;} #container .conArea .conBody .publication-books li .book-img.book13 {background-position:-777px -776px;} #container .conArea .conBody .publication-books li .book-img.book14 {background-position:-1034px -776px;} #container .conArea .conBody .publication-books li .book-img.book15 {background-position:-4px -1115px;} #container .conArea .conBody .publication-books li .book-img.book16 {background-position:-262px -1115px;} #container .conArea .conBody .publication-books li .book-img.book17 {background-position:-519px -1115px;} #container .conArea .conBody .publication-books li .book-img.book18 {background-position:-777px -1115px;} #container .conArea .conBody .publication-books li .book-img.book19 {background-position:-1034px -1115px;} #container .conArea .conBody .publication-books li .book-img.book20 {background-position:-4px -1475px;} #container .conArea .conBody .publication-books li .book-img.book21 {background-position:-262px -1475px;} #container .conArea .conBody .publication-books li .book-img.book22 {background-position:-519px -1475px;} #container .conArea .conBody .publication-books li .book-img.book23 {background-position:-777px -1475px;} #container .conArea .conBody .publication-books li .book-img.book24 {background-position:-1034px -1475px;} #container .conArea .conBody .publication-books li .book-img.book25 {background-position:-4px -1834px;} #container .conArea .conBody .publication-books li .book-img.book26 {background-position:-262px -1834px;} #container .conArea .conBody .publication-books li .book-img.book27 {background-position:-519px -1834px;} #container .conArea .conBody .publication-books li .book-img.book28 {background-position:-777px -1834px;} #container .conArea .conBody .publication-books li .book-img.book29 {background-position:-1034px -1834px;} /*POP_UP*/ .popTitle{height:46px;line-height:46px;background-color:#f7f7f7;overflow:hidden;padding:0 21px;border-bottom: 1px solid #e1e3e6;box-sizing:border-box;position:relative;} .popTitle h3{color:#222;font-size:16px;float:left;font-family: 'NotoSansM';font-weight: 500;} .popupTitle {height:60px; line-height:60px; background-color:#64696c; padding:0 16px; box-sizing:border-box;position:relative;} .popupTitle h3{color:#fff;font-size:19px;float:left;font-weight: 500;} .popupTitle .info {float:left; color:#f4f0f0; font-family: 'NotoSansL'; font-size:16px; padding-left:60px;} .popupTitle .info span {color:#f39b41; font-family: 'NotoSansL'; font-size:16px;} .popTitle .closeBtn{position: absolute; right: 21px; top: 13px; width: 21px; height: 21px; background: #cbcbcb url(/images/eng_service/sub/icon_close2.png) no-repeat center; border-radius: 50%; font-size: 0.1px; text-indent: -9999px;} .popupTitle .closeBtn{position: absolute; right: 16px; top: 14px; width: 30px; height: 30px; background: #4b4d4f url(/images/eng_service/sub/icon_close3.png) no-repeat center; border:1px solid #303234; border-radius: 3px; font-size: 0.1px; text-indent: -9999px;} /* 알림 레이어 팝업 */ #container .alertBg {display:none; position:fixed; top:0; left:0; width:100%; height:100%; background-color: rgb(133 131 131 / 20%); z-index: 9001;} #container .alertPopup {display:none; position:absolute; top:50%; left:50%; margin-top: -160.5px; margin-left: -230.5px; width:461px; height:321px; z-index: 9002;} #container .alertPopup .alertTitle {height:54px; padding:0 16px; background:#64696c; } #container .alertPopup .alertTitle h3 {color:#fff; font-size:19px; font-weight:500; line-height:54px; margin-bottom:0;} #container .alertPopup .closeBtn{position: absolute; right: 16px; top: 11px; width: 30px; height: 30px; background: #4b4d4f url(/images/eng_service/sub/icon_close3.png) no-repeat center; border:1px solid #303234; border-radius: 3px; font-size: 0.1px; text-indent: -9999px;} #container .alertPopup .alertInfoBox {padding:41px 16px 31px; background:#fff; box-sizing:border-box;} #container .alertPopup .alertInfoBox .alertInfo {margin:0 38px 33px; padding:30px 0; text-align:center; border:1px solid #ccc; box-sizing:border-box;} #container .alertPopup .alertInfoBox .alertInfo .alertTxt {color:#525252; font-size:15px; line-height: 1.7;} #container .alertPopup .alertInfoBox .alertInfo .alertTxt span {color:#e67e12;} #container .alertPopup .alertInfoBox .alertCheck {border-top:1px solid #d0d0d0; padding-top:14px; text-align:center; box-sizing:border-box;} #container .alertPopup .alertInfoBox .alertCheck .checkBtn {height:37px; padding:0 28px; background:#c5a345; color:#fff; font-size:16.5px; line-height:37px; border-radius:5px; box-sizing:border-box;} /* -------------------- */ #container .conArea .dateNav {padding:7px 22px;height:53px;background:#f5f3f3;font-size:15px;color:#666;border:1px solid #f5f3f3;border-radius: 10px;box-sizing: border-box;} #container .conArea .dateNav .dateBox {float:left;margin-right:20px;} #container .conArea .dateNav .stateBox {float:right;color:#666;} #container .conArea .dateNav .dateInput {padding-right:23px;width:109px;height:36px;color:#535353;border:1px solid #d0d0d0;border-radius:3px;text-align:center;font-size:15px;text-indent:6px;box-sizing:border-box;} #container .conArea .dateNav .ui-datepicker-trigger {position:absolute; top:10px; right:5px; vertical-align:middle;cursor:pointer;} #container .conArea .dateNav .searchDate {text-align:right;float:right;} #container .conArea .dateNav .alignBox {font-size:0;position:relative;} #container .conArea .dateNav .alignBox .selectDate {width:36px; height:37px; background:#bda674 url('/images/eng_service/sub/icon_calender_wt.png') no-repeat center; border-radius:3px; text-indent:-9999px;} #container .conArea .searching.recentDate {background: #b2b2b2; font-size:15px; border:none; margin-left: 7px; margin-right: 0;} #container .conArea .recentDate.activeB, #container .conArea .searching.recentDate:hover {background:#a58e81;} /* 날짜선택 레이어 팝업 -240520 */ #container .conArea .dateNav .alignBox .dateBox {display:none;width: 75%; max-width:400px; position:absolute; z-index: 2; margin-top: 7px; background: #fff; padding: 14px 31px 12px 10px; border: 1px solid #65696c; border-radius: 0 0 5px 5px; box-sizing: border-box;box-shadow: 0px 8px 12px -9px rgb(64 63 63 / 35%);} #container .conArea .dateNav .alignBox .dateBox .dateWrap {float:left; position:relative;} #container .conArea .dateNav .alignBox .dateBox .flowBox {float:left; color:#636363; font-size:16px; padding:0 5px; line-height:36px;} #container .conArea .dateNav .alignBox .dateBox .dateApply {width:55px; height:36px; margin-left:5px; background:#f6f6f6; border:1px solid #d0d0d0; border-radius:5px; box-sizing:border-box; color:#222; font-size:15px;} #container .conArea .dateNav .alignBox .dateBox .dateApply:hover {background:#c6a345; border-color:#c6a345; color:#fff;} #container .conArea .dateNav .alignBox .dateBox .btn_close {position: absolute; right: 5px; top: 7px; width: 21px; height: 21px; background: #cbcbcb url(/images/eng_service/sub/icon_close2.png) no-repeat center; border-radius: 50%; font-size: 0.1px; text-indent: -9999px;} #container .conArea .dateNav .alignBox .dateNotice {display:none;position: absolute; z-index: 8601; left: 0px; top: 38px; margin-top: 7px; width: 75%; background: #fff; border:1px solid #64696c; text-align: left; padding: 21px 33px 21px 12px; border-radius: 0 0 5px 5px; box-sizing: border-box; box-shadow: 0px 8px 12px -9px rgba(0, 0, 0, 0.35);} #container .conArea .dateNav .alignBox .dateNotice p {letter-spacing: -0.25px;} #container .conArea .dateNav .alignBox .dateNotice strong {font-size:15px;} #container .conArea .dateNav .alignBox .dateNotice .btn_close {position: absolute; right: 8px; top: 50%; margin-top: -10.5px; width: 21px; height: 21px; background: #cbcbcb url(/images/eng_service/sub/icon_close2.png) no-repeat center; border-radius: 50%; font-size: 0.1px; text-indent: -9999px;} #container .conArea .dateNav .mainOption .lang_tit {display:inline-block; font-weight:600; font-size: 15px; margin-right:9px;} #container .conArea .dateNav .mainOption label {padding-right:5px;color:#525252; font-size:15px;} #container .conArea .dateNav .mainOption #selectLangKor + label {padding-right:17px;} #container .conArea .mainOption.labelDetail label{padding-right:5px;color:#525252; font-size:15px;} #container .conArea .dateNav .mainOption input.searchKeyword{padding: 0 14px; width: 293px; height: 38px; color: #666; font-size: 16px; line-height: 38px; border: 1px solid #d0d0d0; border-radius: 5px; box-sizing: border-box;outline:0;} #container .conArea .searching.rssIcon{background:transparent;border:none;padding:0;} #container .conArea .decreeRadioBox label {padding-right:10px;} #container .conArea .listNav select {width:auto;height:37px;padding: 0 36px 0 12px;line-height:37px;font-size:15px;color:#525252;border:1px solid #d0d0d0;border-radius:3px;} #container .conArea .listNav select option {font-size:15px;color:#525252;} #container .conArea .surveyArea {border-top:1px solid #ccc;padding-top:20px;} #container .conArea .surveyArea .exText{font-size:16px;color:#333;} #container .conArea .surveyArea .surveyRadioBox{margin-bottom:20px;margin-left:13px;} #container .conArea .surveyArea .surveyRadioBox p{margin-bottom:10px;} #container .conArea .surveyArea .surveyRadioBox label{color:#666;} .pro-box {overflow:hidden;margin-bottom:20px;} .pro-box p span {display:inline-block;} .surText {font-size:14px !important;color:#666;} .graphBg {width:200px;height:16px;background-color:#e7e7e7;margin-right:5px;} #container .conArea .surveyFin {width:100%;padding:50px 0 30px 0;border-top:1px solid #ccc;} #container .conArea .surveyFin .sfin_info{width:500px;height:100px;margin:0 auto;padding:30px 0 0 150px;box-sizing:border-box;background:url('../../images/eng_service/sub/sfin_bg.png') 0 0 no-repeat;font-size:18px;color:#007cb5;line-height:1.3;} #container .conArea.popStyle.lawDown{width:100%;padding:0;} #container .conArea.popStyle.lawDown .langBox {position: fixed; width: calc(100% - 44px); height:53px; margin: 16px 22px 0; z-index: 9999;} #container .conArea.popStyle.lawDown section {margin-top:71px; padding: 15px 16px 33px; overflow:auto; box-sizing:border-box;} #container .conArea.lawDown h4{position:relative;padding:0 0 0 13px;background:none;font-family: 'NotoSansR';font-weight: 600;font-size:15px;color:#222;line-height: 1.5;word-break:normal;} #container .conArea.lawDown h4:before {content:''; display:inline-block; width:5px; height:5px; background:#828282; border-radius:50%; position:absolute; left:0; top:8px;} #container .conArea.lawDown .down_treeWrap{padding:18px 0 0 0;position:relative;} #container .conArea.lawDown .form > input[type="radio"] + label {padding-right: 12px;} #container .down_treeWrap{padding:20px 0;position:relative;} #container .conArea.lawDown ul li{line-height:1.6;margin-top:6px;} #container .conArea.lawDown .downIcon {height:28px;line-height:28px;border:1px solid #ccc;position:absolute;right:0;top:20px;} #container .downIcon {height:28px;line-height:28px;border:1px solid #ccc;position:absolute;right:0;top:20px;} #container .popStyle.jomunPrint {padding:0;} #container .jomunPrint section {position:relative;height: 100%;} #container .jomunPrint .lawBtnBox_jomun {position:absolute; right: 15px; top: 26px;} #container .jomunPrint .lawBtnBox {position:relative;} #container .jomunPrint .down_treeWrap {height: 100%;padding:0 0 20px 0;position: initial;} #container .jomunPrint .down_treeWrap .jomunKor {height:50%;border-bottom:1px solid #ddd;padding: 63px 15px 35px;box-sizing: border-box;} #container .jomunPrint .down_treeWrap .jomunEng {height:100%;padding: 63px 15px 35px;box-sizing: border-box;} #container .jomunPrint .down_treeWrap [class^="jomun"] .JO {height: calc(100% - 102px);} #container .jomunPrint .down_treeWrap .articlecont {height:calc(100% - 45px);overflow-y:auto;} #container .conArea.popStyle {width:100%;padding:15px 16px 33px;box-sizing:border-box;overflow:auto;} #container .conArea.popStyle.popcopyright {padding:24px 16px 14px; box-sizing:border-box;} #container .popStyle {width:100%;padding:20px 20px 0;box-sizing:border-box;} #container .conArea.popStyle .loginExBox {padding:0px;background:none;} #container .conArea.popStyle .loginExBox .loginEx_text{background:url('../../images/eng_service/sub/login_bg.png') 50px bottom no-repeat;padding:50px 0 30px 280px;} #container .conArea.popStyle .loginBox .loginFrame {float:left;padding:0px;border-right:1px solid #ccc;width:50%;} #container .conArea.popStyle .loginBox .exceptLogin {margin:0px;padding:74px 0 0 20px;float:left;} #container .conArea.popStyle .loginBox .inputID, #container .conArea.popStyle .loginBox .inputPW {padding:21px 20px;width:350px;} #container .add_file {height:28px;line-height:28px;border:transparent;} #container .conArea .add_file {position: absolute; width: 0; height: 0; padding: 0; overflow: hidden; border: 0;} #container .conArea .table01 td input[type=text].uploadName {display: inline-block; height: 37px; padding: 0 13px; vertical-align: middle; border: 1px solid transparent; width: calc(100% - 117px); color: #525252; font-size:15px; outline: 0; cursor:default;} #container .conArea .add_file + label {float: left; height:37px; background:#f6f6f6; margin:0 !important; border:1px solid #d0d0d0; border-radius:5px; color:#222; font-size:15px; line-height:37px; padding:0 16px; box-sizing:border-box;} #container .conArea.popStyle .loginBox .btnConfirm {width:390px;} #container .conArea.popStyle .totalBox{width:100%;margin-bottom:12px;height:37px;} #container .conArea.popStyle .totalBox .all_detail{float:left;line-height:37px;color:#525252;padding-top: 11px;} #container .conArea.popStyle .totalBox .all_detail strong {color:#525252;font-size:15px;} /* 다운로드, 인쇄, 공유 버튼 */ #container .popStyle .lawBtnBox {font-size:0;} #container .popStyle .lawBtnBox > button+button {margin-left:7px;} #container .popStyle .lawBtnBox > button{position:relative; width: 38px; height: 37px; border: 1px solid #dcdcdc; border-radius: 5px; box-sizing: border-box; vertical-align: middle;} #container .popStyle .lawBtnBox > button:hover{border-color:#b5975c;} #container .popStyle .lawBtnBox > button .tooltip {display:none; position:absolute; left:0; top:100%; margin-top:3px; padding:5px 5px; background:#fff; border:1px solid #64696c; color:#666; font-size:13px; line-height:1; z-index:2;} #container .popStyle .lawBtnBox > button:hover > .tooltip {display:block;} #container .popStyle .lawBtnBox > button.btndown {background:#f6f6f6 url('/images/eng_service/sub/icon_down.png') no-repeat center;} #container .popStyle .lawBtnBox > button.btndown:hover, #container .popStyle .lawBtnBox > button.btndown.on {border-color:#b5975c; background:#c8ac75 url('/images/eng_service/sub/icon_down_on.png') no-repeat center;} #container .popStyle .lawBtnBox > button.iprint {background:#f6f6f6 url('/images/eng_service/sub/icon_print.png') no-repeat center;} #container .popStyle .lawBtnBox > button.iprint:hover {background:#c8ac75 url('/images/eng_service/sub/icon_print_on.png') no-repeat center;} #container .popStyle .lawBtnBox > button.iprint .tooltip {left:-25px;} #container .popStyle .lawBtnBox > button.rssIcon {background:#f6f6f6 url('/images/eng_service/sub/icon_rss.png') no-repeat center;} #container .popStyle .lawBtnBox > button:hover {position:relative; background:#c8ac75 url('/images/eng_service/sub/icon_rss_on.png') no-repeat center;} #container .popStyle .lawBtnBox > button.rssIcon .tooltip {left:-50px;} #container .conArea.popStyle .langBox {position: relative;margin-bottom: 18px; background:#f5f3f3; border-radius:10px; padding:8px 12px; box-sizing:border-box;} #container .conArea.popStyle .langBox p {display: inline-block; font-weight: 600; font-size: 15px; line-height: 37px; margin-right: 9px;} #container .conArea.popStyle .langBox .form {display:inline-block;} #container .conArea.popStyle .langBox button.iprint {position:relative; float:right; width: 38px; height: 37px; background:#fff url('/images/eng_service/sub/icon_print.png') no-repeat center;border: 1px solid #dcdcdc; border-radius: 5px; box-sizing: border-box; vertical-align: middle;} #container .conArea.popStyle .langBox button.iprint:hover {border-color:#b5975c; background:#c8ac75 url('/images/eng_service/sub/icon_print_on.png') no-repeat center;} #container .conArea.popStyle .langBox button.btndown {position:relative; float:right; width: 38px; height: 37px; background:#fff url('/images/eng_service/sub/icon_down.png') no-repeat center;border: 1px solid #dcdcdc; border-radius: 5px; box-sizing: border-box; vertical-align: middle;} #container .conArea.popStyle .langBox button.btndown:hover, #container .conArea.popStyle .langBox button.btndown.on {border-color:#b5975c; background:#c8ac75 url('/images/eng_service/sub/icon_down_on.png') no-repeat center;} #container .conArea.popStyle .langBox button .tooltip { visibility: hidden; position: absolute; left: -38px; top: 100%; margin-top: 3px; padding: 5px 5px; background: #fff; border: 1px solid #64696c; color: #666; font-size: 13px; line-height: 1; z-index: 2;} #container .conArea.popStyle .langBox button:hover > .tooltip {visibility: visible;} /* 문서 레이어 */ #container .popStyle .downLayer {display:none;position: absolute;z-index: 1;right: 0; top: 54px; width: 181px; padding:15px 37px 14px 10px; background:#faf9f7; border:1px solid #c8ac75; border-radius:5px; font-size: 0; box-sizing:border-box;} #container .popStyle .lawBtnBox_jomun .downLayer {right: 21px; top: 47px;} #container .popStyle .lawBtnBox_jomun .downLayer::before, #container .popStyle .lawBtnBox_jomun .downLayer::after {right:82px;} #container .popStyle .downLayer::after {border-color: #faf9f7 transparent; border-style: solid; border-width: 0 6px 8px 6.5px; content: ''; display: block; right: 25px; position: absolute; top: -7px; width: 0; z-index: 1;} #container .popStyle .downLayer::before {border-color: #c8ac75 transparent; border-style: solid; border-width: 0 6px 8px 6.5px; content: ''; display: block; right: 25px; position: absolute; top: -8px; width: 0; z-index: 0;} #container .popStyle .downLayer button {float: initial; width:38px; height:37px; border:1px solid #bababa; border-radius:5px; font-size:0; box-sizing:border-box;} #container .popStyle .downLayer button+button {margin-left:9px;} #container .popStyle .downLayer .docIcon:hover {border-color:#ec9552;} #container .popStyle .downLayer .pdf {background:#f6f6f6 url('/images/eng_service/sub/icon_pdf.png') no-repeat center;} #container .popStyle .downLayer .pdf:hover {background:#ec9552 url('/images/eng_service/sub/icon_pdf_on.png') no-repeat center;} #container .popStyle .downLayer .doc {background:#f6f6f6 url('/images/eng_service/sub/icon_doc.png') no-repeat center;} #container .popStyle .downLayer .doc:hover {background:#ec9552 url('/images/eng_service/sub/icon_doc_on.png') no-repeat center;} #container .popStyle .downLayer .hwp {background:#f6f6f6 url('/images/eng_service/sub/icon_hwp.png') no-repeat center;} #container .popStyle .downLayer .hwp:hover {background:#ec9552 url('/images/eng_service/sub/icon_hwp_on.png') no-repeat center;} #container .popStyle .downLayer .close {position:absolute; top:6px; right:9px; width:21px; height:20px; background:#ababab url('/images/eng_service/sub/icon_close.png') no-repeat center; border-radius:3px;} #container .conArea.popStyle .table02.grayBg tbody td{background-color:#eee;} #container .conArea.popStyle .table02.grayBg tbody .whiteBg{background-color:#fff;} #container .conArea.popStyle .table02.grayBg tr:hover td {background-color:#e8f5ed;} /* 저작권 문의 레이어 팝업 */ .askCopyrightPopup {display:none; position:absolute;} /* button */ #container .conArea .btnLine {text-align:center;margin-top:7px;} #container .conArea .btnLine button {padding:0 30px;height:37px;background:#f6f6f6;font-size:16.5px;line-height:35px;color:#222;border:1px solid #d0d0d0; border-radius:5px; box-sizing:border-box; margin:0 0 0 2px;} #container .conArea .btnLine .btnFunction {background:#c5a345;border-color:#c5a345; color:#fff;} #container .conArea .btnLine p{color:#007cb5;font-size:18px;padding:30px 0 30px;} /*2017-03-31 paging*/ .conArea .paging {display: flex; flex-flow: row nowrap; justify-content: center; text-align:center;margin-top:20px;font-size:0;} .conArea .paging.marbottom50, #container .conArea .marbottom50{margin-bottom:50px;} .paging a {display:inline-block;padding:0 !important;margin-left:10px;width:35px;height:35px;line-height:32px;background:#f6f6f6;font-size:17px;color:#6b6b6b;text-align:center;border:1px solid #dcdcdc;border-radius:3px;box-sizing:border-box;vertical-align:top;} .paging a:first-child {margin:0;} .paging a.prev {margin-right:15px;} .paging a.next {margin-left:25px;} /* .paging a:hover, .paging a:focus {border:1px solid #c5a345; background:#c5a345; color:#fff;} */ .paging a:first-child:hover, .paging a:nth-child(2):hover, .paging a:nth-last-child(2):hover, .paging a:nth-last-child(1):hover {border:1px solid #dcdcdc; background:#f6f6f6;} .paging img {vertical-align:top;position:relative;top:10px;} .paging strong {display:inline-block;padding:0 !important;margin-left:10px;width:35px;height:35px;line-height:32px;background:#c5a345;border:1px solid #c5a345;box-sizing:border-box;border-radius:3px;font-weight: 500;font-size:17px;color:#fff;text-align:center;vertical-align:top;} /*paging*/ #container .conArea .ganadaArea{background-color:#f5f3f3;margin-bottom:23px;padding:8px 22px 8px 21px;border-radius: 10px;box-sizing:border-box;overflow:hidden;} #container .conArea .ganadaBtn{width: calc(100% - 493px); float:left;font-size:0;} #container .conArea .ganadaBtn .engBtn {width:98%;} #container .conArea .ganadaBtn button{display:inline-block;width:38px;height:38px;line-height:38px;background:#b3b3b3;border-radius:3px;text-align:center;font-size:15px;color:#fff;} #container .conArea .ganadaBtn button {margin-right:5px;} #container .conArea .ganadaBtn button:last-child {margin-right:0;} #container .conArea .ganadaBtn .engBtn button:nth-child(n+20) {margin-top:5px;} #container .conArea .ganadaBtn.engBtn button {padding:0 7px;} #container .conArea .ganadaBtn .activeBlue, #container .conArea .ganadaBtn button:hover{background-color:#7e6861;color:#fff;} #container .conArea .langChange {float:left; line-height:38px;} /* #container .conArea .langChange input[type="radio"] {width:13px;height:13px;margin-right:5px;} */ #container .conArea .langChange .form {float:left;} #container .conArea .langChange label {font-size:15px;} #container .conArea .langChange label.lang_kor {padding-right:14px;} #container .conArea .termsSearch {float:right;overflow:hidden;} #container .conArea .termsSearch input, #container .conArea .termsSearch label, #container .conArea .termsSearch button {float:left;} #container .conArea .termsSearch input {width:221px;height:38px;padding:0 14px;border:1px solid #d0d0d0;border-radius: 5px;box-sizing: border-box;} #container .conArea .termsSearch label[for="searchTxt"] {color:#222;line-height:38px;margin-right:12px;font-family:'NotoSansM';font-size:15px;} #container .conArea .termsSearch .searching {margin-right:0;} /*iframe*/ #indexFrame.wordList {width:1180px;height:360px;padding:19px 21px;margin-bottom:22px;border:1px solid #dedede;border-radius:10px;box-sizing:border-box;} .screeningDecisionArea {height:319px;overflow-y:auto;} .screeningDecisionArea li {width:calc(100% / 3 - 23px);margin-right: 20px;display:inline-block;line-height: 15px; padding-bottom: 1px; margin-bottom: 13px;} .screeningDecisionArea li a{font-size:15px;color:#525252;line-height: 1.3;text-decoration:none; border-bottom:1px solid transparent;} .screeningDecisionArea li a:hover {border-bottom:1px solid #e67e12; color:#e67e12;} #moreIndex { height: 37px; background: #f6f6f6 url('../../images/eng_service/sub/plus_icon2.png') no-repeat 89% center / 10px 10px; border: 1px solid #d0d0d0; border-radius: 5px; padding: 0 24px 0 12px; color: #222; font-size: 16.5px; line-height: 35px; box-sizing: border-box; margin: 0 auto 20px; } #container .conArea .total {color:#525252; font-size:15px; margin-bottom:8px;} #container .conArea .total span {color:#ea8925; font-size:15px; font-family:'NotoSansM';} #container .conArea .titleText{font-size:17px;font-weight: 500;color:#353535;} /* #container .conArea .legalSearch_tab{width:1200px; margin:20px auto 50px;border-bottom:2px solid #5c636a;overflow:hidden;} #container .conArea .legalSearch_tab li{width:300px;height:56px;float:left;} #container .conArea .legalSearch_tab .last_line a {border-right:1px solid #ccc;} #container .conArea .legalSearch_tab li a{display:block;line-height:56px;box-sizing:border-box;text-align:center;text-decoration:none;color:#666;font-size:18px;font-family:NanumGB;border-width:1px 0 1px 1px; border-style:solid;border-color:#ccc;} #container .conArea .legalSearch_tab li .selected{background-color:#0e9a70;color:#fff600;border-width:2px 2px 0 2px;border-style:solid;border-color:#5c636a;} #container .conArea .legalSearch_tab li a:hover {text-decoration:underline;} */ #container .tab_menu.legalTab {margin-top:30px; margin-bottom:30px; border:1px solid #e1e3e6; border-radius: 10px; padding: 33px 38px; font-size: 0; box-sizing:border-box;} #container .tab_menu.legalTab .tab li{width:auto; height:50px; border:none;} #container .tab_menu.legalTab .tab li+li {margin-left:8px;} #container .tab_menu.legalTab .tab li a{position: relative;display:inline-block; height: 50px; line-height: 47px;background-color:#f6f6f6;color:#3a3a4a;font-size: 16px;border:1px solid #e2e4e7;border-radius: 50px;padding: 0 13px 0 41px;box-sizing: border-box;} #container .tab_menu.legalTab .tab li a:before {content: ''; display: block; width: 20px; height: 20px; background: url('../../images/eng_service/main_renewal2/sort_search_off.png') no-repeat 0 0; position: absolute; top: 50%; left: 13px; margin-top: -10px;} /* #container .tab_menu.legalTab .panel .search_bgLine{border-width:0 2px 2px 2px;border-style:solid;border-color:#5c636a;box-sizing:border-box;} */ #container .tab_menu.legalTab .tab li a:hover, #container .tab_menu.legalTab .tab li a.selected{background-color:#786059;border-color: #62524e;color:#fff; text-decoration:none;} #container .tab_menu.legalTab .tab li a:hover:before, #container .tab_menu.legalTab .tab li a.selected:before {background: url('../../images/eng_service/main_renewal2/sort_search_on.png') no-repeat 0 0;} /*tab_select*/ #container .tab_menu.legalTab .tab .fieldT_bg a.selected {background-color:#786059;color:#fff;} /* #container .tab_menu.legalTab .tab .ganadaT_bg a.selected {background-color:#007cb5;} */ #container .tab_menu.legalTab .tab .departT_bg a.selected {background-color:#786059;color:#fff;} .alignBox .all_detail{display:inline-block;color:#525252; font-size:15px; padding-right:15px;} .alignBox .all_detail strong {color:#525252; font-size:15px;} .alignBox .all_detail span {font-weight:600; font-size:15px; color:#ea8925;} .listNav {float:right; margin:10px 0;} .listNav .all_detail{display:inline-block;color:#525252; font-size:15px; padding-right:15px;} .listNav .all_detail strong {color:#525252; font-size:15px;} .listNav .all_detail span {font-weight:600; font-size:15px; color:#ea8925;} #container .legalSearch_detailBox {background-color:#f5f3f3;margin:0 0 23px 0;padding:16px 21px;border-radius:10px;box-sizing:border-box;} #container .conArea .legalSearch_detailBox h4{width:100%;padding:40px 0;text-align:center;background:none;} /*2017-03-14*/ #container .conArea .legalSearch_detailBox h4.sub_detail {background:none;padding:20px 0;} #container .conArea .legalSearch_detailBox h4.sub_detail img {vertical-align:middle;padding-right:10px;} #container .conArea .legalSearch_detailBox h4.sub_detail span{font-size:20px;color:#555;font-family:NanumGB;} #container .conArea .legalSearch_detailBox ul li {float:left;min-width:106px;height:54px;text-align:center;} #container .conArea .legalSearch_detailBox ul li {width:calc(100% / 4 - 5px); margin:0 6px 0 0;} #container .conArea .legalSearch_detailBox ul li:nth-child(n+5) {margin-top:7px;} #container .conArea .legalSearch_detailBox ul li.last_line {margin-right:0;} #container .conArea .legalSearch_detailBox ul li a {display:block;background-color:#fff;font-size:16.5px;color:#525252;height: 54px;line-height:51px;border:1px solid #dedede;border-radius:5px;padding:0 10px; box-sizing:border-box;} /*2017-03-15*/ #container .conArea .legalSearch_detailBox ul li a span {display:block;color:#525252;font-size:16px;word-break: auto-phrase;}/*占쎄퉱嚥∽옙野껊슣�뀤揶쏉옙*/ #container .conArea .legalSearch_detailBox ul li a:hover, #container .conArea .legalSearch_detailBox ul li a.selected {background-color:#b68967;border-color: #b68967;}/*疫꿸퀣�덌옙�뵬占쎌뵥 筌욑옙占쎌뒭�⑨옙 占쎌뿯占쎌젾*/ #container .conArea .legalSearch_detailBox ul li a:hover span, #container .conArea .legalSearch_detailBox ul li a.selected span {color:#fff;}/*占쎄퉱嚥∽옙野껊슣�뀤揶쏉옙*/ #container .conArea .legalSearch_detailBox ul li a span#codeSubName29, #container .conArea .legalSearch_detailBox ul li a span#codeSubName35 {line-height:normal;} #container .conArea .legalSearch_detailBox.bySubject ul li a span#codeSubName8, #container .conArea .legalSearch_detailBox.bySubject ul li a span#codeSubName20, #container .conArea .legalSearch_detailBox.bySubject ul li a span#codeSubName36, #container .conArea .legalSearch_detailBox.bySubject ul li a span#codeSubName37, #container .conArea .legalSearch_detailBox.bySubject ul li a span#codeSubName43, #container .conArea .legalSearch_detailBox.bySubject ul li a span#codeSubName55, #container .conArea .legalSearch_detailBox.bySubject ul li a span#codeSubName58, #container .conArea .legalSearch_detailBox.bySubject ul li a span#codeSubName63, #container .conArea .legalSearch_detailBox.bySubject ul li a span#codeSubName64, #container .conArea .legalSearch_detailBox.bySubject ul li a span#codeSubName65, #container .conArea .legalSearch_detailBox.bySubject ul li a span#codeSubName68, #container .conArea .legalSearch_detailBox.bySubject ul li a span#codeSubName69, #container .conArea .legalSearch_detailBox.bySubject ul li a span#codeSubName70, #container .conArea .legalSearch_detailBox.bySubject ul li a span#codeSubName74, #container .conArea .legalSearch_detailBox.bySubject ul li a span#codeSubName75, #container .conArea .legalSearch_detailBox.bySubject ul li a span#codeSubName78, #container .conArea .legalSearch_detailBox.bySubject ul li a span#codeSubName79, #container .conArea .legalSearch_detailBox.bySubject ul li a span#codeSubName80, #container .conArea .legalSearch_detailBox.bySubject ul li a span#codeSubName81, #container .conArea .legalSearch_detailBox.bySubject ul li a span#codeSubName82, #container .conArea .legalSearch_detailBox.bySubject ul li a span#codeSubName87, #container .conArea .legalSearch_detailBox.bySubject ul li a span#codeSubName88, #container .conArea .legalSearch_detailBox.bySubject ul li a span#codeSubName90, #container .conArea .legalSearch_detailBox.bySubject ul li a span#codeSubName92, #container .conArea .legalSearch_detailBox.bySubject ul li a span#codeSubName95,#container .conArea .legalSearch_detailBox.bySubject ul li a span#codeSubName97, #container .conArea .legalSearch_detailBox.bySubject ul li a span#codeSubName98, #container .conArea .legalSearch_detailBox.bySubject ul li a span#codeSubName102, #container .conArea .legalSearch_detailBox.bySubject ul li a span#codeSubName128, #container .conArea .legalSearch_detailBox.bySubject ul li a span#codeSubName133, #container .conArea .legalSearch_detailBox.bySubject ul li a span#codeSubName143, #container .conArea .legalSearch_detailBox.bySubject ul li a span#codeSubName144, #container .conArea .legalSearch_detailBox.bySubject ul li a span#codeSubName145, #container .conArea .legalSearch_detailBox.bySubject ul li a span#codeSubName158, #container .conArea .legalSearch_detailBox.bySubject ul li a span#codeSubName160, #container .conArea .legalSearch_detailBox.bySubject ul li a span#codeSubName163, #container .conArea .legalSearch_detailBox.bySubject ul li a span#codeSubName165, #container .conArea .legalSearch_detailBox.bySubject ul li a span#codeSubName168, #container .conArea .legalSearch_detailBox.bySubject ul li a span#codeSubName169, #container .conArea .legalSearch_detailBox.bySubject ul li a span#codeSubName173, #container .conArea .legalSearch_detailBox.bySubject ul li a span#codeSubName176, #container .conArea .legalSearch_detailBox.bySubject ul li a span#codeSubName181, #container .conArea .legalSearch_detailBox.bySubject ul li a span#codeSubName192, #container .conArea .legalSearch_detailBox.bySubject ul li a span#codeSubName193, #container .conArea .legalSearch_detailBox.bySubject ul li a span#codeSubName198, #container .conArea .legalSearch_detailBox.bySubject ul li a span#codeSubName204, #container .conArea .legalSearch_detailBox.bySubject ul li a span#codeSubName205, #container .conArea .legalSearch_detailBox.bySubject ul li a span#codeSubName206, #container .conArea .legalSearch_detailBox.bySubject ul li a span#codeSubName210, #container .conArea .legalSearch_detailBox.bySubject ul li a span#codeSubName214, #container .conArea .legalSearch_detailBox.bySubject ul li a span#codeSubName221, #container .conArea .legalSearch_detailBox.bySubject ul li a span#codeSubName225, #container .conArea .legalSearch_detailBox.bySubject ul li a span#codeSubName226, #container .conArea .legalSearch_detailBox.bySubject ul li a span#codeSubName238, #container .conArea .legalSearch_detailBox.bySubject ul li a span#codeSubName242, #container .conArea .legalSearch_detailBox.bySubject ul li a span#codeSubName244, #container .conArea .legalSearch_detailBox.bySubject ul li a span#codeSubName250, #container .conArea .legalSearch_detailBox.bySubject ul li a span#codeSubName251, #container .conArea .legalSearch_detailBox.bySubject ul li a span#codeSubName252, #container .conArea .legalSearch_detailBox.bySubject ul li a span#codeSubName253, #container .conArea .legalSearch_detailBox.bySubject ul li a span#codeSubName254, #container .conArea .legalSearch_detailBox.bySubject ul li a span#codeSubName255 {line-height:normal;} #container .conArea .legalSearch_detailBox.bySubject ul li a span#codeSubName222, #container .conArea .legalSearch_detailBox.bySubject ul li a span#codeSubName239 {font-size: 15px; line-height: 1.7; letter-spacing: -0.5px;} #container .conArea .legalSearch_detailBox.bySubject ul li a span#codeSubName29, #container .conArea .legalSearch_detailBox.bySubject ul li a span#codeSubName35 {line-height:51px;} /*2017-03-14 width:386px -> width:384px*/ #container .conArea .legalSearch_detailBox.part3 ul li{width:384px;} #container .conArea .legalSearch_detailBox h4.logo01 {background:url('../../images/eng_service/administration_s.png') 44% 45% no-repeat;} #container .conArea .legalSearch_detailBox h4.logo02 {background:url('../../images/eng_service/judiciary_s.png') 44% 45% no-repeat;} #container .conArea .legalSearch_detailBox h4.logo03 {background:url('../../images/eng_service/legislature_s.png') 44% 45% no-repeat;} #container .conArea .legalSearch_detailBox h4.logo04 {padding:15px 0;background:transparent;} #container .conArea .legalSearch_detailBox ul:after {content:""; display:block; clear:both;} /*admini table box*/ #container .conArea .legalSearch_detailBox .admini_table {border:none;} #container .conArea .legalSearch_detailBox .admini_table th {height:45px;border:1px solid #ccc;background-color:#fff;} #container .conArea .legalSearch_detailBox .admini_table td {background-color:transparent;padding-left:15px;border-bottom:1px solid #caf0e9;} #container .conArea .legalSearch_detailBox .admini_table th, #container .conArea .legalSearch_detailBox .admini_table td a {font-size:15px;color:#666;font-family:NanumBG;} #container .conArea .legalSearch_detailBox .admini_table td a{padding:0 6px;} #container .conArea .legalSearch_detailBox .admini_table td a:hover {text-decoration:underline;} /*2017-03-20*/ #container .leftArea{width:307px;float:left;padding:0 20px;box-sizing:border-box;} #container .leftArea h2, #container .clipBoard h2{font-size:22px;color:#007cb5;font-family:NanumGB;padding:20px 0;border-bottom:1px solid #ccc;} #container .leftArea ul{width:100%;margin:20px 0;} #container .leftArea ul li{padding-bottom:10px;} #container .leftArea ul li a{background:url('../../images/eng_service/sub/save_law_icon.png') 0% 0% no-repeat;color:#666;font-family:NanumBG;padding-left:25px;} #container .leftArea ul li a:hover{text-decoration:underline;} #container .clipBoard {padding:0 20px 0 307px;} #container .clipBoard .print_btn{position:absolute;right:0px;top:19px;background:none;border:1px solid #ccc;} #container .clipBoard .clipBoardContent{padding-top:20px;overflow:auto;} #container .clipBoard .clipBoardContent li{width:100%;box-sizing:border-box;border:1px solid #ccc;background-color:#f5f5f5;margin-bottom:20px;padding:10px;} #container .clipBoard .clipBoardContent li .clipBoard_text{width:100%;background-color:#fff;padding:20px;box-sizing:border-box;position:relative;margin-bottom:20px;} #container .clipBoard .exText{font-size:16px;color:#333;line-height:1.4;font-family:NanumBG;} #container .clipBoard .exText.font14{font-size:15px;} #container .clipBoard .clipBoard_btnArea{box-sizing:border-box;position:absolute;right:20px;top:0;text-align:right;} #container .clipBoard .clipBoard_btnArea .delBtn{padding:10px;background-color:#707070;color:#fff;margin:15px 0;} #container .clipBoard .saveInfo {font-size:12px;color:#666;font-family:NanumBG;} /*2017-04-07*/ .text-i {font-style:italic;font-size:16px !important;color:#666;} /*2017-04-07*/ .pro-box {overflow:hidden;margin-bottom:20px;} .pro-box p span {display:inline-block;} .surText {font-size:14px !important;color:#666;} .graphBg {width:200px;height:16px;background-color:#e7e7e7;margin-right:5px;} #container .conArea .surveyFin {width:100%;padding:50px 0 30px 0;border-top:1px solid #ccc;} #container .conArea .surveyFin .sfin_info{width:500px;height:100px;margin:0 auto;padding:30px 0 0 150px;box-sizing:border-box;background:url('../../images/eng_service/sub/sfin_bg.png') 0 0 no-repeat;font-size:18px;color:#007cb5;line-height:1.3;} /*2017-04-18 table*/ .down_treeWrap .articletitle table, .down_treeWrap .hang table, .down_treeWrap .ho table {border:none !important;} .down_treeWrap .articletitle td, .down_treeWrap .hang table td, .down_treeWrap .ho table td {border:none !important;} .down_treeWrap .hang table td:first-child {width:28px;} .down_treeWrap .ho table td:first-child {width:20px;} /*170419*/ .white_content {z-index:1;position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0, 0, 0, 0.5);display:none;} .white_content:target {opacity:1;} .white_content .pwBox-wrap {width: 475px; position:absolute;left:calc( 50% - 237.5px );top:calc( 50% - 159px );background-color:#fff;} .white_content .pwBox-wrap .popTitle {height: 54px; padding: 0 16px; background: #64696c;} .white_content .pwBox-wrap .popTitle h3 {color: #fff; font-family: 'NotoSansR'; font-size: 19px; font-weight: 500; line-height: 54px; margin-bottom: 0;} .white_content .pwBox-wrap .popTitle .closeBtn {position: absolute; right: 16px; top: 11px; width: 30px; height: 30px; background: #4b4d4f url(/images/eng_service/sub/icon_close3.png) no-repeat center; border: 1px solid #303234; border-radius: 3px; font-size: 0.1px; text-indent: -9999px;} .pwBox-con {padding:37px 54px;box-sizing:border-box;} .pwBox-input {border:1px solid #d0d0d0;background-color:#f7f7f7;padding:10px 15px;overflow: hidden;} .pwBox-input label {float: left; line-height:37px;padding-right:10px;color:#333;font-family: 'NotoSansM';} .pwBox-input input {float: left;width:calc(100% - 168px);height: 37px;border:1px solid #ccc;border-radius:3px;text-indent: 10px;margin-right:5px;box-sizing:border-box;outline:0;} .pwBox-con .alertText {color:#525252; font-size:15px; text-align:left; margin-top:10px;} .pwBox-con .alertText .point {color:#e95037} .pwBox-con .pwFind {border-top: 1px solid #d0d0d0; margin-top: 41px; padding-top: 14px; box-sizing: border-box;} .pwBox-con .pwFind p {color:#525252; font-size:15px;} /* .common {padding:0 0 5px 12px;background:url('/images/eng_service/sub/bullet_exText.png') 0 25% no-repeat;color:#666;font-family:NanumBG;} */ /*170502*/ .info_align {text-align:center;margin-bottom:35px;} .service_info {margin-bottom:45px;} .service_info li {margin-bottom:5px;} .padding-lt12 {padding-left:12px;} /*법령검색 새로운페이지 _190403*/ .left_con {width:242px;float:left;padding-left:52px;} .left_con .law_tab {padding: 0 11px; overflow:hidden;} .left_con .law_tab li {width:calc(100% / 2 - 3px);height:58px;line-height:55px;border:1px solid #dedede;border-radius:5px;background:#f7f7f7;float:left;box-sizing:border-box;} .left_con .law_tab li:first-child {line-height:1.4;padding:4px 14px;} .left_con .law_tab li:nth-child(even) {margin-left:6px;} .left_con .law_tab li:nth-last-child(-n+2) {margin-top:6px;} .left_con .law_tab li.active {background-color:#b68967;border:1px solid #b68967;} .left_con .law_tab li.active a {color:#fff;} .left_con .law_tab li a {font-size:16.5px;color:#525252;text-align:center;display:block;} .left_con .tree_area {min-height:750px;max-height:880px;background-color:#fff;border-radius: 0 0 12px 12px;margin-top: 14px;overflow: auto;} .lawtree_wrap {border: 1px solid #dedede; border-radius: 12px;} .con_box h6 {width:100%;height:35px;line-height:35px;color:#fff;background-color:#4f5f7a;font-size:15px;text-align:center;font-family:NanumGB;margin-bottom:0px;} .con_box ul {padding:16px 11px;} .con_box ul li {padding-left:12px; position:relative;/* background:url('../../images/eng_service/sub/bullet_exText.png') 0 50% no-repeat; */} .con_box ul li:before {content:''; display:inline-block; width:4px; height:2px; background:#6e6e6e; position:absolute; top:10px; left:0;} .con_box ul#lawKinds li+li {margin-left: 13px;} .con_box ul li a, .con_box ul li a span {font-size:15px;line-height:20px;} .con_box ul li a:hover, .con_box ul li a:focus, .con_box ul li a:hover span, .con_box ul li a:focus span {color:#995e32;text-decoration:underline;} .con_box ul li.active a, .con_box ul li.active span {color:#995e32;text-decoration:none;} /* 현행, 연혁 */ .lawCurrentBox {margin-bottom:14px;} .lawCurrentBox ul {font-size: 0;padding:13px 13px 0;border-bottom:1px solid #b68967;border-radius:12px 12px 0 0;background-color:#f7f7f7;box-sizing:border-box;} .lawCurrentBox ul li {display:inline-block; width:50%; line-height:48px; text-align:center; padding:0; background:none; position: relative; top: 1px;} .lawCurrentBox ul li:before {display:none;} .lawCurrentBox ul li.active {background:#fff; border:1px solid #b68967; border-bottom:0; border-radius:5px 5px 0 0; box-sizing:border-box;} .lawCurrentBox ul li a {display: block; font-family: 'NotoSansM'; font-size:16.5px; color:#525252;line-height: 48px;} .lawCurrentBox ul li a:hover, .lawCurrentBox ul li a:focus {color:#995e32;text-decoration:none;} .lawCurrentBox ul li.active a {color:#995e32;} .right_con {margin-left:311px;padding-right:52px;box-sizing:border-box;} /* 하단 안내문구 */ #guide_wrap {width:100%; height:69px; background:#695b56;} .guide_txt {width:1180px; margin:0 auto; padding-top: 15px; font-family: 'NotoSansL'; font-size:15px; color:#fff; line-height:1.3;} /* .guide_txt {font-size:14px;color:#094784;line-height:1.4;font-family:NanumG;position:absolute;left:0;bottom:40px;} */ .guide_txt span {font-family: 'NotoSansL';color:#f9d676;font-size:15px;} .guide_txt .asterisk {font-family: 'NotoSansL'; font-size:14px; color:#fff; vertical-align: sub;} /*서브페이지 탭_190425*/ #container .sbasic-tab {margin-top: 44px;margin-bottom:30px;} #container .sbasic-tab .tab li {width:400px;height:50px;line-height:50px;float:left;} #container .sbasic-tab.double .tab li {width:50%;} /* #container .sbasic-tab.four .tab li {width:auto; background-color:#f6f6f6; border:1px solid #dedede; border-radius:25px; height:50px;line-height:49px; box-sizing:border-box;} */ #container .sbasic-tab.four .tab li + li {margin-left:8px;} #container .sbasic-tab.four .tab li {width:initial;height: initial; line-height: 1;} #container .sbasic-tab.four .tab li a {padding: 16px 19px; background-color:#f6f6f6; border:1px solid #dedede; border-radius:25px; box-sizing:border-box;} #container .sbasic-tab .tab li a {display:block;color:#525252;font-size:16.5px;text-align:center;padding:0 19px;} #container .sbasic-tab .tab li.rline a {border-right:1px solid #ccc;} #container .sbasic-tab .tab li a:hover, #container .sbasic-tab .tab li a:focus, #container .sbasic-tab .tab li a.selected {background-color:#62524e;color:#fff;border-color:#62524e;border-radius:25px;} #container .sbasic-tab2 {margin-bottom:40px;} #container .sbasic-tab2 .tab li {width:600px;height:50px;line-height:50px;float:left;} #container .sbasic-tab2.double .tab li {width:50%;} #container .sbasic-tab2.four .tab li {width:300px;} #container .sbasic-tab2 .tab li a {display:block;background-color:#fff;color:#444;font-size:16px;text-align:center;border-width:1px 0px 1px 1px;border-style:solid;border-color:#ccc;} #container .sbasic-tab2 .tab li.rline a {border-right:1px solid #ccc;} #container .sbasic-tab2 .tab li a:hover, #container .sbasic-tab .tab li a:focus, #container .sbasic-tab2 .tab li a.selected {background-color:#62524e;color:#fff;border:1px solid #62524e;} #container .section-tab {width:100%; background:#f5f3f3; margin:30px 0 23px 0; padding:16px 21px; border-radius: 10px; box-sizing:border-box;} #container .section-tab .tab {margin-bottom:0; display:block;} #container .section-tab .tab li {float:left;} #container .section-tab .tab li+li {margin-left:6px;} #container .section-tab .tab li a {display:block; height:46px; background:#fff; padding:0 38px; border:1px solid #dedede; border-radius:5px; box-sizing:border-box; color:#525252; font-size:16.5px; text-align:center; line-height:45px;} #container .section-tab .tab li a.selected {background:#b68967; color:#fff; border-color:#b68967;} /* FAQ 아코디언 메뉴 */ .faq_q {position:relative;width: 100%; height:52px; background-color: #f6f6f6; padding:0 24px; border-bottom:1px solid #ddd; color: #333; cursor: pointer; text-align: left; font-family:'NotoSansM'; font-size: 16px; line-height:51px; transition: 0.4s; outline: none;} .faq_q:first-child {border-top:1px solid #44445e;} /* .faq_q.active, .faq_q:hover {background-color: #ccc;} */ .faq_q:after {content:''; display:block; width:12px; height:7px; background:url('/images/eng_service/sub/arr_open.png') no-repeat 0 0; position: absolute; top: 50%; right: 24px; margin-top:-3.5px;} .faq_q.active:after {background:url('/images/eng_service/sub/arr_close.png') no-repeat 0 0;} .faq_q span {font-family:'RobotoB'; font-size:18px;} .faq_q.active + .faq_a {border-bottom: 1px solid #ddd;} .faq_a {padding: 0 23px; background-color: #fff; max-height: 0; overflow: hidden; transition: max-height 0.2s ease-out;} .faq_a p {padding:15px 0; color:#525252; font-size:15px; line-height: 1.6;} .faq_a .btn_box {padding-bottom:20px;overflow:hidden;} .faq_a .btn+.btn {margin-left:7px;} .faq_a p .point {color:#e67e12;} /*조직소개 연혁_190425*/ #container .history-area {background:url('../../images/eng_service/contents/dot_line2.png') repeat-y center 74px;} #container .history-desc {font-size:15px;line-height:22px;color:#525252;text-align:left;background-color:#f5f3f3;border-radius:8px;padding:15px 20px;} #container .history-desc strong {font-size:15px;} #container .history-area ul {padding-top:50px;padding-bottom: 20px;position:relative;} #container .history-area ul li {width:100%;font-size:17px;color:#313431;line-height: 1.8;letter-spacing: -0.5px;overflow:hidden;} #container .history-area ul li p {font-size: 17px; color: #313431;} /* #container .history-area ul li.l-list {left:-12px;} #container .history-area ul li.r-list {right:-6px;} */ /* #container .history-area ul li.no29 {top:20px;} #container .history-area ul li.no28 {top:50px;} #container .history-area ul li.no27 {top:80px;} #container .history-area ul li.no26 {top:110px;} #container .history-area ul li.no25 {top:140px;} #container .history-area ul li.no24 {top:170px;} #container .history-area ul li.no23 {top:200px;} #container .history-area ul li.no22 {top:230px;} #container .history-area ul li.no21 {top:260px;} #container .history-area ul li.no20 {top:290px;} #container .history-area ul li.no19 {top:320px;} #container .history-area ul li.no18 {top:350px;} #container .history-area ul li.no17 {top:380px;} #container .history-area ul li.no16 {top:410px;} #container .history-area ul li.no15 {top:440px;} #container .history-area ul li.no14 {top:470px;} #container .history-area ul li.no13 {top:500px;} #container .history-area ul li.no12 {top:530px;} #container .history-area ul li.no11 {top:560px;} #container .history-area ul li.no10 {top:590px;} #container .history-area ul li.no09 {top:620px;} #container .history-area ul li.no08 {top:650px;} #container .history-area ul li.no07 {top:680px;} #container .history-area ul li.no06 {top:710px;} #container .history-area ul li.no05 {top:740px;} #container .history-area ul li.no04 {top:770px;} #container .history-area ul li.no03 {top:800px;} #container .history-area ul li.no02 {top:830px;} #container .history-area ul li.no01 {top:860px;} #container .history-area ul li.no00 {top:900px;} */ #container .history-area ul li span {position:relative;font-family:'NotoSansM';font-size:25px;line-height: 22px;margin-bottom: 10px;letter-spacing: -1px;color:#000;display:block;} #container .history-area ul li.l-list p {float:right;} #container .history-area ul li.r-list span {margin-right:5px;} #container .history-area ul li.l-list span {margin-left:5px;} #container .history-area ul li.r-list.ch-c00 span, #container .history-area ul li.l-list.ch-c00 span {color:#000;} #container .history-area ul li.r-list.ch-c01 span, #container .history-area ul li.l-list.ch-c01 span {color:#000;} #container .history-area ul li.r-list {position:relative; float: right;padding-left:calc(50% + 35px);margin-bottom: 34px;box-sizing: border-box;} #container .history-area ul li.r-list:before {content: ""; display: block; position: absolute; left: 50%; top: 3px; margin-left: -8.5px; z-index: 20; width: 11px; height: 11px; border: 3px solid #fff; background-color: #786059; box-shadow: 0 0 0 1px #c2c2c2; -webkit-box-shadow: 0 0 0 1px #c2c2c2; border-radius: 50%; -webkit-border-radius: 50%;} #container .history-area ul li.r-list.ch-c00:before {background-color:#905d36;} #container .history-area ul li.r-list.ch-c01:before {background-color:#a9882d;} #container .history-area ul li.l-list {position:relative;float:left;padding-right:calc(50% + 35px);text-align:right;margin-bottom: 34px;box-sizing: border-box;} #container .history-area ul li.l-list:after {content: ""; display: block; position: absolute; left: 50%; top: 3px; margin-left: -8.5px; z-index: 20; width: 11px; height: 11px; border: 3px solid #fff; background-color: #786059; box-shadow: 0 0 0 1px #c2c2c2; -webkit-box-shadow: 0 0 0 1px #c2c2c2; border-radius: 50%; -webkit-border-radius: 50%;} #container .history-area ul li.l-list.ch-c00:after {background-color:#905d36;} #container .history-area ul li.l-list.ch-c01:after {background-color:#a9882d;} /*조직소개 조직도_190426*/ #container .o-chart {padding-top:285px; height: 468px; background: url(../../images/eng_service/sub/bg_ochart.png) no-repeat 50% 0; box-sizing:border-box;} #container .o-chart li {width:1059px;margin:0 auto;overflow:hidden;} #container .o-chart li dl {width:242px;text-align:center;margin-right:166px;float:left;} #container .o-chart li dl.wi00 {width:190px;float:none;margin:0 auto 60px;} #container .o-chart li dl.wi00 dd {padding:0px;height:32px;line-height:32px;} #container .o-chart li dl dt {height:32px;line-height:32px;background-color:#006caf;color:#fff;} #container .o-chart li dl dt.title-head {height:52px;line-height:52px;} #container .o-chart li dl dd {height:75px;line-height:75px;text-align:center;background-color:#fff;overflow:hidden;font-size:15px;color:#666;font-family:NanumBG;box-sizing:border-box;} #container .o-chart li dl dd.linetwo {line-height:20px;padding-top:20px;} /*조직소개 홍보자료_190516*/ #container .video-area {} /* #container .video-wrap {overflow:hidden;padding:40px 0;border-bottom:1px solid #ccc;} */ #container .video-wrap {overflow:hidden;padding:40px 0;border-bottom:1px solid #ddd; box-sizing:border-box;} #container .video-wrap > div {overflow:hidden; float:left;} #container .video-wrap .video-1 {margin-right:56px;} #container .video-wrap .video-view {width: 430px; height: 253px; border:1px solid #c6c6c6; box-sizing:border-box;} #container .video-wrap .video-1 .video-view {background:url('/images/eng_service/sub/icon_video_play.png') no-repeat center, url('/images/eng_service/sub/video_pre.png') no-repeat 0 0 / 100% 100%;} #container .video-wrap .video-2 .video-view {background:url('/images/eng_service/sub/icon_video_play.png') no-repeat center, url('/images/eng_service/sub/video_pre2.png') no-repeat 0 0 / 100% 100%;} #container .video-wrap .videoTit {display:block; color:#555; font-weight: 600; font-size:17px; padding-top:14px;} #container .video-wrap .video-desc {width:455px;height:420px;padding:35px;background-color:#e3f4fe;float:left;box-sizing:border-box;overflow-y:scroll;font-family:NanumG;color:#666;} #wrapper .videoBg {display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgb(0 0 0 / 50%); z-index: 9001;} #wrapper .videoPopup {display:none; width:600px; height:509px; background:#fff; padding:28px 40px; border-radius:15px 60px 15px 15px; box-sizing: border-box; position:absolute; top:50%; left:50%; margin-top:-302px; margin-left:-300px; z-index:9002;} #wrapper .videoPopup h3 {color:#000; font-size:21px; font-family:'NotoSansM'; font-weight: 500; padding-bottom:16px;} #wrapper .videoPopup .videoBox {width:521px; height:355px;} #wrapper .videoPopup .videoBox video {object-fit:fill;} #wrapper .videoPopup .btnBox {text-align:right; padding-top:14px;} #wrapper .videoPopup .btnBox .videoPopupClose {height:37px; padding:0 29px; background:#f6f6f6; border:1px solid #d0d0d0; border-radius:5px; box-sizing:border-box; text-align:center; color:#222; font-size:16.5px; line-height:35px;} #container .ci-wrap {margin-bottom:85px;} #container .ci-box-down, #container .ci-box-link {float:left;} #container .ci-box-down {margin-right:78px;} #container .ci-wrap a[class^="btn"] {position:relative; display:inline-block;height:37px;line-height:35px;margin-top: 37px;background-color:#f6f6f6;padding:0 31px 0 12px; border:1px solid #d0d0d0; border-radius:5px; box-sizing:border-box;text-align:center;color:#222;font-size:16.5px;} #container .ci-wrap a[class^="btn"]:hover {background-color:#c5a345; border-color:#c5a345; color:#fff;} #container .ci-box span {display: block; width: 100%; height: 100%; text-align: center; background-color: #fff;} #container .ci-box-down a.btn-down:after {content:''; width:13px; height:15px; background:url('/images/eng_service/sub/icon_down_s_gy.png') no-repeat 0 0; position:absolute; right:11px; top:50%; margin-top:-7.5px;} #container .ci-box-down a.btn-down:hover:after {background:url('/images/eng_service/sub/icon_down_s.png') no-repeat 0 0;} #container .ci-box-down .ci-box {float:left; width:460px; height:112px; background:url('/images/eng_service/sub/ci_box_pattern.png') repeat; padding:6px; margin-right:18px; box-sizing: border-box;} #container .ci-box-link .ci-box {float:left; width:334px; height:112px; background:url('/images/eng_service/sub/ci_box_pattern.png') repeat; padding:6px; margin-right:18px; box-sizing: border-box;} #container .ci-box-link a.btn-link:after {content:''; width:12px; height:11px; background:url('/images/eng_service/sub/icon_link_gy.png') no-repeat 0 0;position:absolute; right:12px; top:50%; margin-top:-5.5px;} #container .ci-box-link a.btn-link:hover:after {background:url('/images/eng_service/contents/icon_link.png') no-repeat 0 0;} /*번역프로세스_190429*/ #container .transPro-area {height:642px;background:url('../../images/eng_service/sub/bg_transpro.png') no-repeat 50% 50%;padding-left:340px;} #container .transPro-area li {height:46px;overflow:hidden;margin-bottom:20px;} /* #container .transPro-area li.two-row {height:60px;} #container .transPro-area li.three-row {height:80px;} */ #container .transPro-area li p {width:268px;line-height:46px;display:block;color:#fff;font-size:17px;font-family:NanumGB;text-align:center;float:left;} /* #container .transPro-area li.two-row p {line-height:60px;} #container .transPro-area li.three-row p {line-height:80px;} */ #container .transPro-area li span {width:550px;font-size:15px;color:#666;font-family:NanumBG;float:left;margin-left:30px;padding-left:10px;background:url('../../images/eng_service/sub/bullet_exText.png') 0 50% no-repeat;margin-top:15px;box-sizing:border-box;display:block;} /*번역자문위원회_190429*/ #container .committee-area {background:url('../../images/eng_service/sub/bg_cperson.png') no-repeat 50% 3px;} #container .committee-area .c-person {height:50px;line-height:65px;font-size:16px;font-family:NanumBG;color:#fff;text-align:center;margin-bottom:20px;} #container .committee-area .info-txt {font-family:NanumBGB;font-size:15px;color:#007cb5;margin-bottom:5px;display:block;} /*법령번역네트워크_190429*/ #container .network-area00 {width: 1180px;} #container .network-area00 ul {height:526px;background:url('../../images/eng_service/sub/bg_wmap.png') no-repeat 50% 50%;position:relative;} #container .network-area00 ul li {position:absolute;left:0;top:0;} #container .network-area00 ul li a {font-family: 'NotoSansM';font-size:15px;color:#422a18;text-shadow: -2px 0px #fff, 0px 2px #fff, 2px 0px #fff, 0px -2px #fff;} #container .network-area00 ul li a:hover, #container .network-area00 ul li a:focus {color:#e67e12;} #container .network-area00 ul li:before {content:'';width:36px;height:36px;display:block;position:absolute;left:0;top:-2px;background-image:url('../../images/eng_service/sub/icon_sign.png');background-repeat:no-repeat;} #container .network-area00 ul li.na00 {left:187px;top:130px;} #container .network-area00 ul li.na00:before {top: 3px; left: -40px;} #container .network-area00 ul li.na01 {left:450px;top:159px;} #container .network-area00 ul li.na01:before {top: -8px;left:-40px;background-position:0 -40px;} #container .network-area00 ul li.na02 {left:499px;top:251px;} #container .network-area00 ul li.na02:before {top:-36px;left:1px;background-position:0 -82px;} #container .network-area00 ul li.na03 {left:333px;top:284px;} #container .network-area00 ul li.na03:before {top:-35px;left:114px;background-position:0 -123px;} #container .network-area00 ul li.na04 {left:731px;top:289px;} #container .network-area00 ul li.na04:before {top: -6px;left:-40px;background-position:0 -164px;} #container .network-area00 ul li.na05 {left:683px;top:125px;} #container .network-area00 ul li.na05:before {top:27px;left:115px;background-position:0 -206px;} #container .network-area00 ul li.na06 {left:627px;top:212px;} #container .network-area00 ul li.na06:before {top:-8px;left:174px;background-position:0 -244px;} #container .network-area00 ul li.na07 {left:932px;top:150px;} #container .network-area00 ul li.na07:before {top:-7px;left:-39px;background-position:0 -286px;} #container .network-area00 ul li.na08 {left:950px;top:190px;} #container .network-area00 ul li.na08:before {top: -7px;left:-39px;background-position:0 -328px;} #container .network-area00 ul li.na09 {left:905px;top:242px;} #container .network-area00 ul li.na09:before {top: -7px;left:-40px;background-position:0 -366px;} #container .network-area01 {width: 1180px; height:535px;background:#f6f6f6 url('../../images/eng_service/sub/bg_kmap.png') no-repeat 38% center;border:1px solid #ddd; border-radius:10px; box-sizing:border-box; position:relative;} #container .network-area01 li {position:absolute;left:104px;top:84px;} #container .network-area01 li:before {content:'';width:36px;height:36px;display:block;position:absolute;left:6px;top:50%;margin-top: -18px;background-image:url('../../images/eng_service/sub/icon_sign01.png');background-repeat:no-repeat;} #container .network-area01 .net00 {left:672px;top:83px;} #container .network-area01 li.net00:before {background-position:0 -41px;} #container .network-area01 .net01 {left:727px;top:208px;} #container .network-area01 li.net01:before {background-position:0 -82px;} #container .network-area01 .net02 {left:664px;top:329px;} #container .network-area01 li.net02:before {background-position:0 -123px;} #container .network-area01 .net03 {left:543px;top:458px;} #container .network-area01 li.net03:before {background-position:0 -164px;} #container .network-area01 .net04 {left:72px;top:327px;} #container .network-area01 li.net04:before {background-position:0 -205px;} #container .network-area01 .net05 {left:78px;top:201px;} #container .network-area01 li.net05:before {background-position:0 -247px;} #container .network-area01 .ins-name {display:block;min-width:135px;height:53px;padding:0 18px 0 50px;line-height:49px;background-color:#fff;border:1px solid #dcdcdc;border-radius:25px;box-sizing:border-box;font-size:16px;color:#525252;text-align:center;} #container .network-area01 .ins-name:hover {background-color:#bb9d49; border-color:#bb9d49;color:#fff;} #container .network-area01 li:nth-child(-n+5) .ins-name {line-height:normal;} #container .network-area01 li:nth-child(3) .ins-name {height: 77px; border-radius: 37px;} /*법령수정현황 2019-04-30*/ #container .process-box {border:1px solid #d6d6d6; border-radius:5px; box-sizing:border-box; background:#f3f3f3; margin-bottom:22px;padding:0 35px;} #container .process-box .pro-title {background:url('../../images/eng_service/sub/icon_doc.png') no-repeat 13% 50%;font-size:18px;text-align:center;color:#333;font-family:NanumBG;border-bottom:1px dotted #333;padding:30px 0;} #container .process-box ul {padding:20px 0 20px 0;overflow:hidden;} #container .process-box ul li {position:relative;float:left;width: calc(100% / 5 - 18px);text-align: left;} #container .process-box ul li:last-child {width:calc(100% / 5 - 132px); padding-right:0;} #container .process-box ul li span {display:inline-block;width:80px;height:80px;line-height:79px;text-align:center;background-color:#a69e95;border-radius:34px;} #container .process-box ul li span.bg-color00 {background-color:#9b8872;} #container .process-box ul li span.bg-color01 {background-color:#bc8d5d;} #container .process-box ul li span.bg-color02 {background-color:#af8056;} #container .process-box ul li span.bg-color03 {background-color:#9e7663;} #container .process-box ul li span.bg-color04 {background-color:#886c5e;} #container .process-box ul li span img {vertical-align:middle;} #container .process-box ul li span.bg-color01 img, #container .process-box ul li span.bg-color04 img {padding-left: 4px;} #container .process-box ul li p {width:80px; color:#525252; font-family:'NotoSansM'; font-size:15px; text-align: center; word-break: keep-all; margin-top: 12px;} #container .process-box ul li:after {width:29px;height:67px;content:"";background:url('../../images/eng_service/sub/arr_process.png') no-repeat 0 0;display:inline-block;position:absolute;top:14px;left: 50%;margin-left: 29px;} #container .process-box ul li.af-clear:after {content:none;} .mobile {display:none;} .mobile2 {display:none;} #container .popStyle.lawDown .downLayerM {display:none;} @media all and (max-width: 1280px){ *{-webkit-text-size-adjust:none;} html {font-size:10px;} .pc {display:none;} .mobile {display: block;} /* contents */ #wrapper > #container {min-height: calc(100vh - 14.9rem); padding:10.1rem 0 0 0;} .main_container {background: url(/images/eng_service/main_renewal2/main_visual_bg.png) no-repeat 0 0 / 100% 35.9rem;} #container .conArea {width:100%; padding:0 1.7rem 5.5rem;} #container.container2 .conArea, #container.ptp0 .conArea {padding:0;} #container .conArea.publish {padding: 0 1.7rem 2.8rem;} #container .conArea .mobile2.th_date {display:none;} #container .conArea .th_date {display:inline-block; font-family: 'NotoSansM';color: #333; font-size: 15px;} #container .conArea .writeDate {text-align:left; color: #909090; font-size:1.5rem;} /* 테이블 옵션 */ .alignBox .all_detail {padding-right:0.6rem;} #container .conArea .listNav select {display:none;} #container .conArea .listNav select#publishSort {display:inline-block;} /* 홍보자료 - ci */ #container .ci-wrap {margin-bottom:5.5rem;} #container .ci-box-down {width:100%; margin-right:0;} #container .ci-box-link {width:100%; margin-top:2.2rem;} /* 법령정보사이트 */ #container .conArea table td.subject.tal {font-size: 1.6rem; height:5.5rem;} #container .conArea table td.subject.tal a{display: inline-block; vertical-align: middle;} .colNo {width:55px;} /* 고객서비스 > 문의하기 */ /* #container .conArea .table_service1 .mobile2 {display:block;} #container .conArea .table_service1 .pc2 {display:none;} #container .conArea .table_service1 .th_date {display:inline-block; font-family: 'NotoSansM';color: #333; font-size: 15px;} #container .conArea .table_service1 .writeDate {text-align:left; color: #909090; font-size:1.5rem;} */ /* 수정요청 */ #container .process-box ul li:last-child {width: calc(100% / 5 - 142px);} /* 용어검색 */ /* abc 버튼 */ #container .conArea .ganadaArea {padding:0.8rem 1rem 0.8rem 1.5rem;} #container .conArea .langChange {line-height:1;} #container .conArea .langChange .form {float:initial; display:block; } #container .conArea .langChange .form + .form {margin-top:0.8rem;} #container .conArea .ganadaBtn {width: 100%;} #container .conArea .ganadaBtn button {margin-bottom:0.5rem;} #container .conArea .ganadaBtn .engBtn button:nth-child(n+20) {margin-top:0;} /* 용어목록 */ #indexFrame.wordList {width:100%; height:initial; min-height:36rem;} /* 용어검색 */ #container .conArea .termsSearch {width:100%; margin-top: 1rem; overflow:hidden;} #container .conArea .termsSearch input, .termsSearch label, .termsSearch button {float:left;} #container .conArea .termsSearch input {width:calc(100% - 16rem); height:3.8rem;padding:0 1.4rem;border:0.1rem solid #d0d0d0;border-radius: 0.5rem;box-sizing: border-box;} #container .conArea .termsSearch label[for="searchTxt"] {color:#222;line-height:3.8rem;margin-right:1.2rem;font-family:'NotoSansM';font-size:1.5rem;} #container .conArea .termsSearch .searching {margin-right:0;} /* 검색결과 */ #container .conArea .table02.mobile {display:table;} #container .conArea .table02.leftTd tr td:first-child {text-align:left;} /* #moreIndex {display:block;} */ /* 법령검색 > 통합검색 */ .left_con {float:initial; width: 100%; padding: 0 1.7rem;} .right_con {width:100%; margin-left:0; padding: 0 1.7rem;} .lawtree_wrap {margin-bottom:1.4rem;} .lawCurrentBox ul li {max-width:11rem;} .left_con .law_tab {padding:0 1.1rem 1.4rem;} .left_con .law_tab li:first-child {padding:0; line-height:5.5rem; padding:0;} .left_con .tree_area, .left_con #lawKinds {display: none; min-height:initial; max-height:calc(80vh - 405px); margin-top:0;} .lawCurrentBox {position:relative;} .lawCurrentBox .btnShowTree {position: absolute; top:1.3rem; right:1rem; padding: 0.7rem 1.2rem; background-color: #80674e; color:#fff; border:1px solid #80674e; border-radius:3px;} .ztree li span.button.switch {height:2.4rem !important;} /* 법령검색 */ /* #indexFrame.totalSearchList {width:100%;} */ /* 법령분야별 */ #container .tab_menu.legalTab {padding: 3.5rem 1rem 3.7rem;} #container .tab_menu {width:100%;} #container .tab_menu .panel .subjectDecree {display:flex; flex-flow:row wrap; justify-content: space-around;} #container .tab_menu .panel .subjectDecree.fieldDecree li {margin-top: 3.5rem; width:14.2rem !important;} #container .tab_menu .panel .subjectDecree.fieldDecree li+li {margin-left: 0;} #container .tab_menu .panel .subjectDecree.fieldDecree li {margin-left:0 !important;} #container .tab_menu .panel .subjectDecree.fieldDecree li a.field_icon11 span {bottom:0;} #container .tab_menu .panel .subjectDecree.fieldDecree li.under_box {margin-top:3.5rem;} /* 소관부처별 */ #container .tab_menu.legalTab.sogan {margin-bottom:2rem;} #container .tab_menu .panel .departmentDecree {max-height: 32.1rem; margin-top: 3.5rem;} #container .tab_menu .panel .departmentDecree li {width:100%;} #container .tab_menu .panel .departmentDecree li dl {padding:0; border-bottom:none;} #container .tab_menu .panel .departmentDecree li:nth-child(n+2) dl {padding-top:1.7rem;} #container .tab_menu .panel .departmentDecree li dl dt {width:100%; height:4.6rem; line-height:4.5rem;} #container .tab_menu .panel .departmentDecree li:nth-child(2) dl dt {line-height:4.5rem; padding:0;} #container .tab_menu .panel .departmentDecree li:nth-child(n+3) dl dt {height:4.6rem; line-height:4.5rem; padding:0;} #container .tab_menu .panel .departmentDecree li dl dd {width:100%;} #container .tab_menu .panel .departmentDecree li dl dd ul {margin-top: 1.3rem; background-color:#f5f3f3; padding: 0.8rem;} #container .tab_menu .panel .departmentDecree li dl dd ul.s_line {margin-top:1.7rem;} #container .tab_menu .panel .departmentDecree li dl dd ul li {width:100%;} #container .tab_menu .panel .departmentDecree li dl dd ul li+li a {padding-left:0;} #container .tab_menu .panel .departmentDecree li dl dd ul li+li a:after {content:none;} /* 생활주제별 */ #container .tab_menu .panel .subjectDecree li {margin-top: 3.5rem; width:12.5rem !important;} #container .tab_menu .panel .subjectDecree li {margin-left:0 !important;} #container .tab_menu .panel .subjectDecree li+li {margin-left:0;} #container .tab_menu .panel .subjectDecree li:nth-child(6) .icon_desc, #container .tab_menu .panel .subjectDecree li:nth-child(14) .icon_desc {bottom:0;} /* 법령분야별 아이콘 */ #container .tab_menu .panel .subjectDecree.fieldDecree li .field_icon00, #container .tab_menu .panel .subjectDecree.fieldDecree li .field_icon00:hover, #container .tab_menu .panel .subjectDecree.fieldDecree li .field_icon00.active {background-position:3.2rem 0rem;} #container .tab_menu .panel .subjectDecree.fieldDecree li .field_icon01, #container .tab_menu .panel .subjectDecree.fieldDecree li .field_icon01:hover, #container .tab_menu .panel .subjectDecree.fieldDecree li .field_icon01.active {background-position:-9.6rem 0rem;} #container .tab_menu .panel .subjectDecree.fieldDecree li .field_icon02, #container .tab_menu .panel .subjectDecree.fieldDecree li .field_icon02:hover, #container .tab_menu .panel .subjectDecree.fieldDecree li .field_icon02.active {background-position:-22.2rem 0rem;} #container .tab_menu .panel .subjectDecree.fieldDecree li .field_icon03, #container .tab_menu .panel .subjectDecree.fieldDecree li .field_icon03:hover, #container .tab_menu .panel .subjectDecree.fieldDecree li .field_icon03.active {background-position:-34.7rem 0rem;} #container .tab_menu .panel .subjectDecree.fieldDecree li .field_icon04, #container .tab_menu .panel .subjectDecree.fieldDecree li .field_icon04:hover, #container .tab_menu .panel .subjectDecree.fieldDecree li .field_icon04.active {background-position:-47.9rem 0rem;} #container .tab_menu .panel .subjectDecree.fieldDecree li .field_icon05, #container .tab_menu .panel .subjectDecree.fieldDecree li .field_icon05:hover, #container .tab_menu .panel .subjectDecree.fieldDecree li .field_icon05.active {background-position:-60rem 0rem;} #container .tab_menu .panel .subjectDecree.fieldDecree li .field_icon06, #container .tab_menu .panel .subjectDecree.fieldDecree li .field_icon06:hover, #container .tab_menu .panel .subjectDecree.fieldDecree li .field_icon06.active {background-position:-72.8rem 0rem;} #container .tab_menu .panel .subjectDecree.fieldDecree li .field_icon07, #container .tab_menu .panel .subjectDecree.fieldDecree li .field_icon07:hover, #container .tab_menu .panel .subjectDecree.fieldDecree li .field_icon07.active {background-position:-85.6rem 0px;} #container .tab_menu .panel .subjectDecree.fieldDecree li .field_icon08, #container .tab_menu .panel .subjectDecree.fieldDecree li .field_icon08:hover, #container .tab_menu .panel .subjectDecree.fieldDecree li .field_icon08.active {background-position:-98.1rem 0rem;} #container .tab_menu .panel .subjectDecree.fieldDecree li .field_icon09, #container .tab_menu .panel .subjectDecree.fieldDecree li .field_icon09:hover, #container .tab_menu .panel .subjectDecree.fieldDecree li .field_icon09.active {background-position:2.6rem -16rem;} #container .tab_menu .panel .subjectDecree.fieldDecree li .field_icon10, #container .tab_menu .panel .subjectDecree.fieldDecree li .field_icon10:hover, #container .tab_menu .panel .subjectDecree.fieldDecree li .field_icon10.active {background-position:-9.5rem -16rem;} #container .tab_menu .panel .subjectDecree.fieldDecree li .field_icon11, #container .tab_menu .panel .subjectDecree.fieldDecree li .field_icon11:hover, #container .tab_menu .panel .subjectDecree.fieldDecree li .field_icon11.active {background-position:-22.1rem -16rem;} #container .tab_menu .panel .subjectDecree.fieldDecree li .field_icon12, #container .tab_menu .panel .subjectDecree.fieldDecree li .field_icon12:hover, #container .tab_menu .panel .subjectDecree.fieldDecree li .field_icon12.active {background-position:-34.8rem -16rem;} #container .tab_menu .panel .subjectDecree.fieldDecree li .field_icon13, #container .tab_menu .panel .subjectDecree.fieldDecree li .field_icon13:hover, #container .tab_menu .panel .subjectDecree.fieldDecree li .field_icon13.active {background-position:-47.9rem -16rem;} #container .tab_menu .panel .subjectDecree.fieldDecree li .field_icon14, #container .tab_menu .panel .subjectDecree.fieldDecree li .field_icon14:hover, #container .tab_menu .panel .subjectDecree.fieldDecree li .field_icon14.active {background-position:-59.9rem -16rem;} #container .tab_menu .panel .subjectDecree.fieldDecree li .field_icon15, #container .tab_menu .panel .subjectDecree.fieldDecree li .field_icon15:hover, #container .tab_menu .panel .subjectDecree.fieldDecree li .field_icon15.active {background-position:-72.7rem -16rem;} #container .tab_menu .panel .subjectDecree.fieldDecree li .field_icon16, #container .tab_menu .panel .subjectDecree.fieldDecree li .field_icon16:hover, #container .tab_menu .panel .subjectDecree.fieldDecree li .field_icon16.active {background-position:-975px -125px;} /* 생활주제별 아이콘 */ #container .tab_menu .panel .subjectDecree li .subject_icon00, #container .tab_menu .panel .subjectDecree li .subject_icon00:hover, #container .tab_menu .panel .subjectDecree li .subject_icon00.active {background-position:1.8rem 0rem;} #container .tab_menu .panel .subjectDecree li .subject_icon01, #container .tab_menu .panel .subjectDecree li .subject_icon01:hover, #container .tab_menu .panel .subjectDecree li .subject_icon01.active {background-position:-11rem 0rem;} #container .tab_menu .panel .subjectDecree li .subject_icon02, #container .tab_menu .panel .subjectDecree li .subject_icon02:hover, #container .tab_menu .panel .subjectDecree li .subject_icon02.active {background-position:-23.7rem 0rem;} #container .tab_menu .panel .subjectDecree li .subject_icon03, #container .tab_menu .panel .subjectDecree li .subject_icon03:hover, #container .tab_menu .panel .subjectDecree li .subject_icon03.active {background-position:-36.3rem 0rem;} #container .tab_menu .panel .subjectDecree li .subject_icon04, #container .tab_menu .panel .subjectDecree li .subject_icon04:hover, #container .tab_menu .panel .subjectDecree li .subject_icon04.active {background-position:-49.3rem 0rem;} #container .tab_menu .panel .subjectDecree li .subject_icon05, #container .tab_menu .panel .subjectDecree li .subject_icon05:hover, #container .tab_menu .panel .subjectDecree li .subject_icon05.active {background-position:-61.5rem 0rem;} #container .tab_menu .panel .subjectDecree li .subject_icon06, #container .tab_menu .panel .subjectDecree li .subject_icon06:hover, #container .tab_menu .panel .subjectDecree li .subject_icon06.active {background-position:-74.3rem 0rem;} #container .tab_menu .panel .subjectDecree li .subject_icon07, #container .tab_menu .panel .subjectDecree li .subject_icon07:hover, #container .tab_menu .panel .subjectDecree li .subject_icon07.active {background-position:-87.3rem 0rem;} #container .tab_menu .panel .subjectDecree li .subject_icon08, #container .tab_menu .panel .subjectDecree li .subject_icon08:hover, #container .tab_menu .panel .subjectDecree li .subject_icon08.active {background-position:-99.5rem 0rem;} #container .tab_menu .panel .subjectDecree li .subject_icon09, #container .tab_menu .panel .subjectDecree li .subject_icon09:hover, #container .tab_menu .panel .subjectDecree li .subject_icon09.active {background-position:1.1rem -15.8rem;} #container .tab_menu .panel .subjectDecree li .subject_icon10, #container .tab_menu .panel .subjectDecree li .subject_icon10:hover, #container .tab_menu .panel .subjectDecree li .subject_icon10.active {background-position:-11rem -15.8rem;} #container .tab_menu .panel .subjectDecree li .subject_icon11, #container .tab_menu .panel .subjectDecree li .subject_icon11:hover, #container .tab_menu .panel .subjectDecree li .subject_icon11.active {background-position:-24rem -15.8rem;} #container .tab_menu .panel .subjectDecree li .subject_icon12, #container .tab_menu .panel .subjectDecree li .subject_icon12:hover, #container .tab_menu .panel .subjectDecree li .subject_icon12.active {background-position:-36.3rem -15.8rem;} #container .tab_menu .panel .subjectDecree li .subject_icon13, #container .tab_menu .panel .subjectDecree li .subject_icon13:hover, #container .tab_menu .panel .subjectDecree li .subject_icon13.active {background-position:-49.4rem -15.8rem;} #container .tab_menu .panel .subjectDecree li .subject_icon14, #container .tab_menu .panel .subjectDecree li .subject_icon14:hover, #container .tab_menu .panel .subjectDecree li .subject_icon14.active {background-position:-61.6rem -15.8rem;} #container .tab_menu .panel .subjectDecree li .subject_icon15, #container .tab_menu .panel .subjectDecree li .subject_icon15:hover, #container .tab_menu .panel .subjectDecree li .subject_icon15.active {background-position:-74.3rem -15.8rem;} #container .tab_menu .panel .subjectDecree li .subject_icon16, #container .tab_menu .panel .subjectDecree li .subject_icon16:hover, #container .tab_menu .panel .subjectDecree li .subject_icon16.active {background-position:-87.1rem -15.8rem;} #container .tab_menu .panel .subjectDecree li .subject_icon17, #container .tab_menu .panel .subjectDecree li .subject_icon17:hover, #container .tab_menu .panel .subjectDecree li .subject_icon17.active {background-position:-99.6rem -15.8rem;} /* 법령분야별 세부메뉴 */ #container .conArea .legalSearch_detailBox ul li {min-width:initial;width: calc(100% / 2 - 0.6rem);} #container .conArea .legalSearch_detailBox ul li:nth-child(n+3) {margin-top:0.7rem;} #container .conArea .legalSearch_detailBox ul li a {padding:0;} #container .conArea .legalSearch_detailBox ul li a span#codeSubName29, #container .conArea .legalSearch_detailBox ul li a span#codeSubName35 {line-height:inherit;} /* 생활주제별 세부메뉴 */ #container .conArea.subjectCon .legalSearch_detailBox ul li {width: calc(100% / 1 - 0.6rem); height:4rem; margin:0;} #container .conArea.subjectCon .legalSearch_detailBox ul li:nth-child(even) {margin-left:0rem;} #container .conArea.subjectCon .legalSearch_detailBox ul li+li {margin-top:0.7rem;} #container .conArea.subjectCon .legalSearch_detailBox ul li a span {font-size: 1.5rem; line-height: inherit !important;} #container .conArea.subjectCon .legalSearch_detailBox ul li a {height:4rem; line-height:3.9rem;} /* 자주찾는법령, 최신번역법령 */ #container .conArea .dateNav {display: flex; flex-flow: row wrap; justify-content: space-between; height: auto; padding: 0.7rem 1rem;} #container .conArea .dateNav .mainOption .lang_tit, #container .conArea .dateNav .mainOption span {display:none;} #container .conArea .dateNav .mainOption input.searchKeyword {width: calc(100% - 114px); margin-top:0.7rem;} #container .conArea .mobile.tableCell {display:table-cell; border-left:0;} #container .conArea .dateNav .alignBox .dateBox {width:100%; max-width:initial;} /* 용어검색 */ .blankBtn {font-size:1.5rem;} /* 발간물 */ #container .conArea .conBody .publication-books {transform: translateY(0px);} #container .conArea .conBody .publication-books li {width:100%; height:initial; padding:2rem 3.2rem 2rem 2rem; border: 1px solid #ddd; border-radius:1rem; margin-top: 2.3rem;} #container .conArea .conBody .publication-books li.publish07, #container .conArea .conBody .publication-books li.publish08, #container .conArea .conBody .publication-books li:nth-child(4n) {width:100%; padding:2rem !important;} #container .conArea .conBody .publication-books li.publish17, #container .conArea .conBody .publication-books li.publish18, #container .conArea .conBody .publication-books li.publish19 {padding:2rem;} #container .conArea .conBody .publication-books li .book-img {float:left; margin-right: 1.8rem;} #container .conArea .conBody .publication-books li .book-desc {float:left; width: calc(100% - 168px); margin-top:0;} #container .conArea .conBody .publication-books li .book-desc span {display:inline-block; width: initial;} #container .conArea .conBody .publication-books li .book-desc span.book-date {display:block;} /* 협럭기관 */ #container .conArea.networkArea section {overflow-x:auto;} } @media all and (max-width: 1020px) { /* 홍보자료 - 비디오 */ #container .video-wrap .video-1 {margin-right:0; margin-bottom:4.9rem;} #container .video-wrap .video-1.mobile, #container .video-wrap .video-2.mobile {width: calc(100% - 2.1rem);} #container .video-wrap .video-1.mobile video, #container .video-wrap .video-2.mobile video {width:100%; max-width: 102rem; height: auto;} #container .video-wrap .videoTit {padding-top:0.75rem;} #container .conArea .mobile2 {display:block;} #container .conArea .mobile2.th_date {display:inline-block;} #container .conArea .pc2 {display:none;} /* 수정요청 */ #container .process-box {padding:0 3.5rem;} } @media all and (max-width: 900px) { /* 고객서비스 > 문의하기 > 수정요청 */ #container .process-box {padding:0 0.01rem;} #container .process-box ul {display: flex; flex-flow: row wrap; justify-content: space-around;} #container .process-box ul li {width: calc(100% / 3); text-align: center;} #container .process-box ul li:nth-child(3):after {content:none;} #container .process-box ul li:last-child {width: calc(100% / 3);} #container .process-box ul li:nth-child(n+4) {margin-top:2.5rem;} #container .process-box ul li p {width: initial;min-width:8rem;} #container .process-box ul li:after {left:initial; right:-1.45rem;} /* 최신번역법령 */ #container .conArea .dateNav {flex-direction: column-reverse;} } @media all and (max-width: 768px) { /* 법령분야별, 조문제목, 법령본문 */ #container .sbasic-tab.four .tab {display:flex; flex-flow:row nowrap;} #container .sbasic-tab.four .tab li a {padding: 1.6rem 1rem;} /* 테이블 옵션 */ #container .conArea .ganadaBtn button:nth-child(n+) {margin-bottom:0.5rem;} /* 저작권 문의 팝업 */ .email_box {overflow:hidden;} .email_box #email1 {width:calc(50% - 1rem);} .email_box #email2 {width:calc(50% - 1.1rem);} .email_box select {float:right; margin-top:1rem;} /* 안내 팝업 */ #container .alertPopup {margin-left: -38%; width: 76%;} /* top:initial; bottom:10rem; margin-top:initial; */ #container .alertPopup .alertInfoBox .alertInfo {margin:0 1rem 3.3rem;} /* 용어검색 */ .screeningDecisionArea li {width: calc(100% / 2 - 23px);} /* 법페이지 > 수정요청 팝업 */ /* 비밀번호 */ #container .conArea .table01 td input[type=password] {width:100%;} } @media all and (max-width: 600px) { /* 홍보자료 - ci */ #container .ci-box-down .ci-box, #container .ci-box-link .ci-box {width:100%; margin-right:0;} #container .ci-box span img {max-width:100%; height: 100%;} #container .ci-wrap a[class^="btn"] {margin-top:1.5rem; float:right;} /* 사업소개 - 연혁 */ #container .history-area ul li {font-size:1.65rem;} #container .section-tab .tab li {width: calc(100% / 3 - 2rem);} #container .section-tab .tab li:nth-child(2) {min-width:15.5rem;} #container .section-tab .tab li:last-child {width: calc(100% / 3 - 6rem);} #container .section-tab .tab li a {padding:0;} /* 고객서비스 - 검색 입력 */ #container .conArea .searchPack.service select {width:auto;} #container .conArea .searchPack.service .searchKeyword {width: calc(100% - 174px);} /* 고객서비스 > 문의하기 > 수정요청 */ /* 비밀번호 입력 */ .white_content .pwBox-wrap {width:32rem; left:calc( 50% - 16rem);} .pwBox-con {padding:2rem;} /* 법령분야별 */ #container .conArea .legalSearch_detailBox ul li {width: calc(100% / 1 - 0.6rem);} #container .conArea .legalSearch_detailBox ul li:nth-child(n+2) {margin-top:0.7rem;} #container .conArea .legalSearch_detailBox ul li:nth-child(4) {margin-left:0.6rem;} #container .conArea .legalSearch_detailBox ul li:nth-child(n+3):nth-child(odd) {margin-left:0;} /* 협력기관 */ #container .conArea.networkArea .section-tab .tab li {width: calc(100% / 2 - 0.6rem);} } @media all and (max-width: 500px) { /* 고객서비스 > 문의하기 > 수정요청 */ #container .process-box {padding:0rem;} /* 법페이지 > 파일다운로드 */ #container .conArea.popStyle.lawDown .langBox {padding:1.5rem 2.2rem;} #container .conArea.popStyle.lawDown section h4 {display:none;} #container .conArea.popStyle.lawDown .langBox p, #container .conArea.popStyle.lawDown .langBox .btndown {display:none;} #container .conArea.lawDown .down_treeWrap {padding:0;} /* 문서 레이어 */ #container .popStyle.lawDown .downLayerM {display:flex; align-items:center; justify-content:center; width:100%; padding:1.5rem 3.7rem 1.4rem 1rem; background:#faf9f7; border-top:0.1rem solid #c8ac75; font-size: 0; box-sizing:border-box;} #container .popStyle.lawDown .downLayerM button {width:3.8rem; height:3.7rem; border:0.1rem solid #bababa; border-radius:0.5rem; font-size:0.1px; box-sizing:border-box;} #container .popStyle.lawDown .downLayerM button+button {margin-left:3rem;} #container .popStyle.lawDown .downLayerM .docIcon:hover {border-color:#ec9552;} #container .popStyle.lawDown .downLayerM .pdf {background:#f6f6f6 url('/images/eng_service/sub/icon_pdf.png') no-repeat center;} #container .popStyle.lawDown .downLayerM .pdf:hover {background:#ec9552 url('/images/eng_service/sub/icon_pdf_on.png') no-repeat center;} #container .popStyle.lawDown .downLayerM .doc {background:#f6f6f6 url('/images/eng_service/sub/icon_doc.png') no-repeat center;} #container .popStyle.lawDown .downLayerM .doc:hover {background:#ec9552 url('/images/eng_service/sub/icon_doc_on.png') no-repeat center;} #container .popStyle.lawDown .downLayerM .hwp {background:#f6f6f6 url('/images/eng_service/sub/icon_hwp.png') no-repeat center;} #container .popStyle.lawDown .downLayerM .hwp:hover {background:#ec9552 url('/images/eng_service/sub/icon_hwp_on.png') no-repeat center;} /* 법령검색 */ /* 법령분야별 */ #container .tab_menu.legalTab .tab li {width: calc(100% / 3 - 8px);} #container .tab_menu.legalTab .tab li a {width: 100%; padding:0;} #container .tab_menu.legalTab .tab li a::before {content: none;} /* 생활주제별 */ #container .conArea .legalSearch_detailBox.bySubject ul li a span#codeSubName78, #container .conArea .legalSearch_detailBox.bySubject ul li a span#codeSubName102, #container .conArea .legalSearch_detailBox.bySubject ul li a span#codeSubName239 {font-size:1.25rem;} /* 최신번역법령 */ #container .conArea .dateNav .alignBox .searching {padding:0 0.6rem;} } @media all and (max-width: 480px) { /* 최신번역법령 */ #container .conArea .dateNav .alignBox .dateBox .dateApply {margin-left:0; margin-top:0.5rem;} }