/* main */ /*basic*/ .main-img {background-image:url('../../images/eng_service/main_renewal/icon_main.png');background-repeat:no-repeat;} /* .btn-search00 {width:35px;height:35px;display:block;position:absolute;right:140px;top:20px;background-position:-130px -4px;} */ .btn-search01 {width:110px;height:65px;line-height:65px;background:url('../../images/eng_service/main_renewal/bg00.png');border:5px solid #fff;font-size:18px;color:#fff;text-align:center;float:left;} .btn-search02 {width:81px; height:66px; background:#ea8925; color:#fff; font-family: 'NotoSansL'; font-size:15px; text-align: center; line-height: 1.3; float:left; border-radius:13px; padding:14px 6px 14px 8px; box-sizing:border-box;box-shadow: 0px 8px 12px -9px rgba(0, 0, 0, 0.35);} .btn-search01:hover, .btn-search01:focus {text-decoration:underline;} .btn-view {width:88px;height:32px;line-height:32px;color:#fff;font-size:12px;text-align:center;background-position:-58px -127px;display:block;margin:0 auto;} .btn-view:hover, .btn-view:focus {color:#fdaf17;background-position:-151px -127px;} .btn-sec03 {width:106px;height:64px;background-position:-244px -7px;position:absolute;right:323px;top:0;} .btn-sec03:hover, .btn-sec03:focus {background-position:-244px -86px;} .btn-sec03 a, .btn-sec04 a {font-size:17px;font-family:NanumGB;color:#fdaf17;display:block;padding:5px 19px 5px 0;} .btn-sec03 a:after, .btn-sec04 a:after {width:33px;height:7px;background:url('../../images/eng_service/main_renewal/icon_arrow01.png') no-repeat 0 0;content:"";display:inline-block;} .btn-sec03 a {position:absolute;left:-13px;top:15px;} .btn-sec03 a:after {position:absolute;top:11px;right:-22px;} .btn-sec04 {width:155px;height:64px;background-position:-365px -7px;position:relative;margin:0 auto;} .btn-sec04:hover, .btn-sec04:focus {background-position:-365px -86px;} .btn-sec04 a {position:absolute;left:-11px;top:17px;} .btn-sec04 a:after {position:absolute;right:-23px;top:12px;} .title-box {float: left;} .title-box h3 {float: left;font-family: 'NotoSansM';font-size:22px;font-weight: 500;color:#000;} .sub-txt {font-family:NanumSR;font-size:20px;line-height:26px;color:#fff;text-align:center;} .sub-txt.s-txt {font-size:17px;line-height:23px;margin-top:30px;} .col_gr {color:#229261 !important;} .col_bu {color:#2062ac !important;} .col_bu01 {color:#006ba3 !important;} .col_rd {color:#d63c5d !important;} .italic {font-style: italic;} /*########*/ /* main header */ .main-header {width:100%;position:fixed;z-index:9000;background:transparent;border-bottom:1px solid #fff; box-sizing:border-box;} .main-header .mtop-wrap {height:51px;} .main-header .mtop-wrap.active {background-color:#fff;border-bottom:none;} .main-header .mtop-wrap .mtop-menu {width:1180px;overflow:hidden;margin:0 auto;} .main-header .mtop-wrap .mtop-menu ul {float:right;padding:18px 0 0;} .main-header .mtop-wrap .mtop-menu ul li {float:left;} .main-header .mtop-wrap .mtop-menu ul li + li {margin-left:5px;} .main-header .mtop-wrap .mtop-menu ul li a {font-weight:500; color:#010101;padding:0 12px;letter-spacing:-0.01px; height:33px; line-height:29px; background-color:#f7f7f7; border: 1px solid #e8e8e8;border-radius: 15px; box-sizing:border-box; display:block;position:relative;} .main-header .mtop-wrap .mtop-menu ul li.gosite_co a {font-size:13px;} .main-header .mtop-wrap .mtop-menu ul li.gosite_kor a::before {content:''; display:inline-block; width:14px; height:14px; background:url(../../images/eng_service/main_renewal2/go_site01.png) no-repeat 0 0; position:relative; top:3px; margin-right:4px;} .main-header .mtop-wrap .mtop-menu ul li.gosite_co a::before {content:''; display:inline-block; width:12px; height:13px; background:url(../../images/eng_service/main_renewal2/go_site02.png) no-repeat 0 0; position:relative; top:3px; margin-right:4px;} /* .main-header .mtop-wrap .mtop-menu ul li a:hover{text-decoration:underline;} */ .main-header .mgnb-wrap {height:55px;position:relative;} .main-header .mgnb-wrap.active {background:#fff;border-bottom:1px solid #ccc;} .main-header .mgnb-wrap .mgnb-menu {width:1180px;height:55px;margin:0 auto;position:relative;} /* .main-header .mgnb-wrap .mgnb-menu h1 {float:left;padding:7px 50px 0 0;} */ .main-header .mgnb-wrap .mgnb-menu h1 {float:left;padding:13px 7px 0 0;} .main-header .mgnb-wrap .mgnb-menu h1 a {float:left; position:relative;} .main-header .mgnb-wrap .mgnb-menu h1 a.klri {width:296px; height:28px; background:url("/images/eng_service/sub/logo_f2_eng.png") no-repeat 0 50%;} .main-header .mgnb-wrap .mgnb-menu h1 a.klri_m {width:77px; height:38px; margin-left: 0; background:url("/images/eng_service/sub/logo2_eng_wt.png") no-repeat 0 50%;} .main-header .mgnb-wrap .mgnb-menu h1 a.klt {width:108px; height:29px; background:url("/images/eng_service/sub/logo_f2_03_eng.png") no-repeat 0 50%;} .main-header .mgnb-wrap .mgnb-menu h1 a+a {margin-left:18px;} .main-header .mgnb-wrap .mgnb-menu h1 a+a:before {content:''; display:inline-block; width:1px; height:13px; background-color:#fff; position:absolute; top:50%; left:-9px; margin-top:-9px;} .main-header .mgnb-wrap .mgnb-menu .gnb_bar {width:140px;height:0px;background-color:#007cb5;position:absolute;left:244px;top:52px;transition:all 0.3s ease-in-out;opacity:0;} .main-header .mgnb-wrap .mgnb-menu .gnb_bar.active {height:3px;opacity:1;} /* .main-header .mgnb-wrap .mgnb-menu .mgnb-box {float:right;position:absolute;right:-18px;} */ .main-header .mgnb-wrap .mgnb-menu .mgnb-box > li{position:relative; float:left; padding:0 34px;} .main-header .mgnb-wrap .mgnb-menu .mgnb-box > li:nth-child(2){padding:0 21px;} .main-header .mgnb-wrap .mgnb-menu .mgnb-box > li:nth-child(3){padding:0 8px;} .main-header .mgnb-wrap .mgnb-menu .mgnb-box > li:nth-child(4){padding:0 9px;} .main-header .mgnb-wrap .mgnb-menu .mgnb-box li a{font-family: 'NotoSansM';font-size:18.5px;font-weight: 500;color:#fff;} .main-header .mgnb-wrap .mgnb-menu .mgnb-box > li:nth-child(3) .gnb_title {line-height:1.1;} .main-header .mgnb-wrap .mgnb-menu .mgnb-box li .gnb_title{display:block;height:55px;line-height:55px;text-align:center;} .main-header .mgnb-wrap .mgnb-menu .mgnb-box li .gnb_title.pr10 {padding-right:10px;} .main-header .mgnb-wrap.active .mgnb-menu .mgnb-box li .gnb_title {color:#333;} .main-header .mgnb-wrap .mgnb-menu .mgnb-box li .gnb_title.active + .sub_menu {background:#f7f7f7;} /* .main-header .mgnb-wrap .mgnb-menu .depth01>a:hover, header .mgnb-wrap .mgnb-menu .depth01>a.active{color:#007cb5 !important;} */ .main-header .mgnb-wrap .mgnb-menu .mgnb-box .sub_menu{width:100%; height:238px; border-left: 1px solid #e1e3e6; border-top: 1px solid #ddd; box-sizing:border-box; overflow:hidden; position:absolute; top:100%; left:0; z-index:8901;} .main-header .mgnb-wrap .mgnb-menu .mgnb-box .sub_menu.gnb05 {border-right:1px solid #e1e3e6;} .main-header .mgnb-wrap .mgnb-menu .mgnb-box .sub_menu li{margin-top:18px;line-height:16px; text-align:center;} /* .main-header .mgnb-wrap .mgnb-menu .mgnb-box .sub_menu.gnb05 li {padding-left:15px;} */ .main-header .mgnb-wrap .mgnb-menu .mgnb-box .sub_menu li a{font-family: 'NotoSansR';font-size:16px;color:#525252;letter-spacing:-0.25px;} .main-header .mgnb-wrap .mgnb-menu .mgnb-box li:last-child .sub_menu li:last-child a {line-height: 1.4;} .main-header .mgnb-wrap .mgnb-menu .mgnb-box .sub_menu li a i {margin-right:4px;} .main-header .mgnb-wrap .mgnb-menu .mgnb-box .sub_menu li a i:first-child {margin-right:5px;} .main-header .mgnb-wrap .mgnb-menu .mgnb-box .sub_menu li a i.mr7 {margin-right:7px;} .main-header .mgnb-wrap .mgnb-menu .mgnb-box .sub_menu li a:hover {text-decoration:none;color:#ea8925;} .main-header .mgnb-wrap .mgnb-menu .mgnb-box .sub_menu li a.active {color:#ea8925;} .main-header .mgnb-wrap .sub_menuWrap{width:100%;height:237px;background-color:#fff;border-top:1px solid #ddd;border-bottom:1px solid rgb(102, 103, 121);position:absolute;left:0;top:55px;z-index:8900;} .main-header .mgnb-wrap .mgnb-menu .toggle_search, .main-header .mgnb-wrap .mgnb-menu .toggle_menu {width:40px;height:40px;line-height:55px;text-indent:-9999px;} /* header 통합검색 버튼 */ .main-header .mgnb-wrap .mgnb-menu .toggle_search {position:absolute;top:10px;right:45px;background:url('../../images/eng_service/sub/search_wt2.png') no-repeat center;} .main-header .mgnb-wrap .mgnb-menu .toggle_search.close {background:url('../../images/eng_service/sub/icon_close_bk.png') no-repeat center;} /* header 전체메뉴 보기 */ .main-header .mgnb-wrap .mgnb-menu .toggle_menu {width:30px;position:absolute;top:10px; right:0; background:url('../../images/eng_service/sub/icon_menu_wt.png') no-repeat right;} .main-header .mgnb-wrap .mgnb-menu .toggle_menu.close {background:url('../../images/eng_service/sub/icon_close_bk.png') no-repeat center;} /* .mtop-wrap .mtop-gnb {width:1200px;overflow:hidden;margin:0 auto;} .mtop-wrap .mtop-gnb ul {float:right;padding:9px 0 0;} .mtop-wrap .mtop-gnb ul li {float:left;} .mtop-wrap .mtop-gnb ul li a {font-family:NanumGB;font-size:13px;color:#fff;padding:0 13px 0 14px;letter-spacing:-0.5px;display:block;position:relative;} .mtop-wrap .mtop-gnb ul li a:hover {text-decoration:underline;} .mtop-wrap .mtop-gnb ul li:last-child a {padding-right:0px;} .mgnb-wrap {height:90px;} .mgnb-wrap.active {background-color:#fff;} .mgnb-wrap .mgnb-menu {width:1200px;margin:0 auto;position:relative;} .mgnb-wrap .mgnb-menu h1 {float:left;padding:33px 50px 0 0;} .mgnb-wrap .mgnb-menu .gnb_bar {width:140px;height:0px;background-color:#007cb5;position:absolute;left:800px;top:88px;transition:all 0.3s ease-in-out;opacity:0;} .mgnb-wrap .mgnb-menu .gnb_bar.active {height:3px;opacity:1;} .mgnb-wrap .menu-wrap {float:right;} .mgnb-wrap .menu-wrap li {width:140px;float:left;} .mgnb-wrap .menu-wrap li a {font-size:22px;font-family:NanumGB;color:#fff;} .mgnb-wrap .menu-wrap li .gnb_title.active {color:#333;} .mgnb-wrap .menu-wrap li .gnb_title{display:block;height:88px;line-height:88px;text-align:center;} .mgnb-wrap .menu-wrap li .gnb_title.active {color:#333;} .mgnb-wrap .menu-wrap li .depth01>a:hover, .mgnb-wrap .menu-wrap li .depth01>a.active{color:#007cb5;} .mgnb-wrap .menu-wrap .sub_menu {overflow:hidden;position:relative;z-index:8000;margin-top:20px;} .mgnb-wrap .menu-wrap .sub_menu li{width:100%;line-height:26px;text-align:center;} .mgnb-wrap .menu-wrap .sub_menu li a{font-size:15px;color:#666;letter-spacing:-0.5px;} .mgnb-wrap .menu-wrap .sub_menu li a:hover {text-decoration:underline;color:#007cb5;} .mgnb-wrap .menu-wrap .sub_menu li a.active {color:#007cb5;} */ /*############*/ .main_container {background:url('/images/eng_service/main_renewal2/main_visual_bg.png') no-repeat 0 0 / 100% 1031px;} .mv-wrap {width:100%; padding-bottom: 60px;} .mv-inner {width:1180px;margin:0 auto;padding-top:86px;text-align:center;position:relative;} .mv-sbox {} .ani-title-box {height:75px;position:relative;margin-bottom:35px;} .ani-title-box .ani-txt span {font-size:68px;color:#fff;font-family:NanumSB;letter-spacing:-2px;margin-bottom:30px;opacity:0;margin-left:-7px;opacity:0;} .ani-title-box .ani-txt .txt-light {font-family:NanumSL;font-size:68px;color:#fff;font-weight:300;vertical-align:baseline;margin-right:10px;} .ani-title-box .k-logo {position:absolute;left:40%;top:-33px;opacity:0;} .ms-detail {width: calc(100% - 270px);margin:0 auto 86px;position:relative;z-index: 8601;} .ms-detail h2 {float:left; padding:19px 23px 0 0;} .ms-detail label .btn-search00 {position:absolute; top:0; right:103px; width:66px; height:66px; border-radius:13px; background:#646a6c url('../../images/eng_service/main_renewal2/search_wt.png') no-repeat 50% 50%;} .ms-detail .ms-input {width:calc(100% - 103px);height:66px;padding:0 73px 0 14px;background:#fff;border:3px solid #646a6c;border-radius:13px;font-size:17px;color:#353535;float:left;margin-right:22px;box-sizing:border-box;box-shadow: 0px 8px 12px -9px rgba(0, 0, 0, 0.35);} .ms-detail .ms-input::-webkit-input-placeholder {color:#666666;} .ms-detail .ms-input:-ms-input-placeholder {color:#666666;} .ms-detail .ms-input::-ms-clear {display:none;} .icon-scroll {width:80px;height:70px;margin:215px auto 0;position:relative;} .icon-scroll .move-arrow {width:48px;height:48px;position:absolute;bottom:40%;left:16px;background:none;} .icon-scroll span {display:block;color:#fff;font-size:11px;font-family:NanumSB;padding-top:70px;} .auto_open {position:absolute;right:184px;top:31px;} /*상세검색 POP 190417*/ .ms-detail .pop-detail {width:100%;box-sizing:border-box;border-radius: 0 0 5px 5px;background:#fff;position:absolute;top:70px;right:0;z-index:8500;display:none;} .ms-detail .pop-detail .ms-detail_tit {height:46px; text-align:left; background:#f7f7f7; border-bottom:1px solid #e1e3e6; color:#222; font-size:16px; font-family:'NotoSansM'; line-height:46px; padding-left:21px; box-sizing:border-box;} .ms-detail .pop-detail .pop-detail_tbl {padding:15px 21px 21px 20px;} .ms-detail .pop-detail table {width:100%;} /* .ms-detail .pop-detail table th, */ .ms-detail .pop-detail table td {border-bottom:1px solid #ddd;} .ms-detail .pop-detail table th {text-align: left;font-size:16px;color:#222;font-weight: 500;} .ms-detail .pop-detail table td {height:47px;text-align:left;font-size:15px;padding: 9px 18px;color:#525252;box-sizing: border-box;} .ms-detail .pop-detail table td ul {} .ms-detail .pop-detail table td ul li {display:inline-block;} .ms-detail .pop-detail table td label {color:#525252;font-size:15px;} /* .ms-detail .pop-detail table td .radio-box label {padding-right:10px;} */ .ms-detail .pop-detail .number-box{} .ms-detail .pop-detail .number-box .mp-input {width:66px;height:36px;padding:0 11px;color:#525252;background-color:#fff;border:1px solid #d0d0d0;border-radius: 3px;text-align:left;box-sizing:border-box;} .ms-detail .pop-detail .number-box span {color:#525252; font-size:16px; padding:0 2px;} .ms-detail .pop-detail .number-box label {padding:0px;} .ms-detail .pop-detail .number-box .ex-desc {display:inline-block;padding-left:10px;color:#222;font-size:15px;} .ms-detail .pop-detail .date-box .datePicker {padding:0;width:0;height:23px;border:0;} .ms-detail .pop-detail .date-box p {float: left;width:125px;height:36px;position:relative;} .ms-detail .pop-detail .date-box span {float: left;color:#525252;font-size:16px; padding:0 5px; line-height:36px;} .ms-detail .pop-detail .date-box .md-input {padding-right:35px;width:125px;height:36px;color:#525252;text-indent: 10px;border:1px solid #d0d0d0;border-radius:3px;text-align:center;font-size:15px;box-sizing: border-box;} .ms-detail .pop-detail .date-box .ui-datepicker-trigger {width:15px;height:16px;background:url('../../images/eng_service/sub/icon_calender_gy2.png') 0 0 no-repeat;font-size:0.1px;color:transparent;text-indent:-10000px;overflow:hidden;border:0;position:absolute;right:12px;top:10px;} .ms-detail .pop-detail .ms-detail_close {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; text-indent: -9999px;} /* 스크롤 시 헤더 스타일 */ .main-header.fixed {background:#fff; border-bottom-color:#ddd;} .main-header.fixed .mgnb-wrap .mgnb-menu h1 a.klri {width:296px; height:28px; background:url("/images/eng_service/main_renewal2/logo_eng.png") no-repeat 0 50%;} .main-header.fixed .mgnb-wrap .mgnb-menu h1 a.klt {width:108px; height:29px; background:url("/images/eng_service/main_renewal2/logo_h_eng.png") no-repeat 0 50%;} .main-header.fixed .mgnb-wrap .mgnb-menu h1 a+a:before {background:#64696c;} .main-header.fixed .mgnb-wrap .mgnb-menu .mgnb-box li a {color:#000;} .main-header.fixed .mgnb-wrap .mgnb-menu .toggle_search {background: url(../../images/eng_service/main_renewal2/search_bk.png) no-repeat center;} .main-header.fixed .mgnb-wrap .mgnb-menu .toggle_menu {background: url(../../images/eng_service/main_renewal2/icon_menu_bk.png) no-repeat right;} .main-header.fixed .mgnb-wrap .mgnb-menu .toggle_search.close {background: url(../../images/eng_service/sub/icon_close_bk.png) no-repeat center;} .main-header.fixed .mgnb-wrap .mgnb-menu .toggle_menu.close {background: url(../../images/eng_service/sub/icon_close_bk.png) no-repeat center;} /* 검색 안내 레이어 팝업 */ .ms-detail .searchNotice {display:none; position:absolute; z-index: 8601; left: 0px; top:66px; margin-top:5px; width:451px; background:#fff; text-align: left; padding:21px 60px 21px 22px; border-radius: 0 0 5px 5px; box-sizing:border-box; box-shadow: 0px 8px 12px -9px rgba(0, 0, 0, 0.35);} .ms-detail .searchNotice p {color:#222; font-size:16px;} .ms-detail .searchNotice .highlight1 {font-size:16px; font-weight:600;} .ms-detail .searchNotice .highlight2 {color:#e37f19; font-size:16px; font-weight:600;} .ms-detail .searchNotice .btn_close {position: absolute; right: 22px; 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; text-indent: -9999px;} /* 법령분야별, 소관부처별, 생활주제별 */ .law_category {position:relative;width:1180px; margin:0 auto; border:1px solid #e1e3e6; border-radius:10px; box-sizing:border-box; background-color:#fff; padding:35px 28px 34px 38px; margin-top:60px; overflow: hidden;} /* 탭메뉴 */ .tab_cont {display: none;} .tab_cont.active {display:block;} .tab {margin-bottom:19px;display: inline-block;} .tab > button {display:inline-block; position:relative; font-size:16px; color:#3a3a4a; height:50px; line-height: 47px; border:1px solid #e2e4e7; border-radius:50px; box-sizing:border-box; background-color:#f6f6f6; padding: 0 13px 0 41px;} .tab button + button {margin-left:8px;} .tab > button::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;} .tab > button.active, .tab > button:hover, .tab > button:active {background-color:#62524e; border-color:#62524e; color:#fff;} .tab > button.active::before, .tab > button:hover::before, .tab > button:active::before {background:url('../../images/eng_service/main_renewal2/sort_search_on.png') no-repeat 0 0;} /* 슬라이드 */ .cont_container {width: 100%; overflow: hidden; position: relative;} .cont_slider {white-space: nowrap; transition: transform 0.5s ease; display: flex;} .cont_slide {flex: 0 0 100%;} /* 슬라이드 컨트롤 버튼 */ .btn-control {position:absolute; top:55px; right:28px;} .btn_full {display:inline-block; padding:0 9px; height:30px; line-height:29px; border:1px solid #e1e3e6; border-radius:3px; box-sizing:border-box; background-color: #f7f7f7;} .btn-play {width: 30px; height: 30px; border:1px solid #e1e3e6; border-radius:3px; box-sizing:border-box; margin-right: 1px; background: #f7f7f7 url('../../images/eng_service/main_renewal2/icon_pause.png') center no-repeat; text-indent: -9999px; cursor: pointer;} .btn-play.playing {background: #f7f7f7 url('../../images/eng_service/main_renewal2/icon_play.png') center no-repeat;} .btn-control .btn-prev, .btn-control .btn-next {width: 30px; height: 30px; border:1px solid #e1e3e6; border-radius:3px; box-sizing:border-box; background: #f7f7f7 url('../../images/eng_service/main_renewal2/arr_right_gy2.png') center no-repeat; text-indent: -9999px; cursor: pointer; } .btn-control .btn-prev {transform: rotateY(180deg);} .cont_container ul li a .icon {display:inline-block; width:89px; height:90px; line-height:90px; background-color:#f3f4f6; background-repeat:no-repeat; background-position:center; border-radius:32px; margin-bottom:13px;} .cont_container ul li a .icon:hover {background-color:#a9882d;} .cont_container ul li a .icon_desc {display:block;color:#3a3a4a; font-size:16.5px;line-height:1.3;letter-spacing: -0.5px;white-space: normal;word-break: auto-phrase;} #Tab1 .cont_container ul li {float:left; width:9%; margin-left:2.5%;} #Tab3 .cont_slide ul li {float:left; width:9%; margin-left:2%;} #Tab1 .cont_container ul li:first-child, #Tab3 .cont_container ul li:first-child {margin-left:0;} #Tab1 .cont_container ul li a, #Tab3 .cont_container ul li a {display:block; text-align:center;} /* 법령분야별 */ #Tab1 .cont_slide.cont_slide1 ul li:nth-child(2) {width:11%; margin-left:1.6%;} #Tab1 .cont_slide.cont_slide1 ul li:nth-child(3) {margin-left: 1.5%;} #Tab1 .cont_slide.cont_slide1 ul li:nth-child(5) {width: 14.5%; margin-left: 1%;} #Tab1 .cont_slide.cont_slide1 ul li:nth-last-child(3) {width: 11.5%;margin-left: 1.5%;} #Tab1 .cont_slide.cont_slide1 ul li:nth-last-child(2) {width: 15%; margin-left: 1.4%;} #Tab1 .cont_slide.cont_slide1 ul li:nth-last-child(1) {width: 9%; margin-left: 2%;} #Tab1 .cont_slide.cont_slide2 ul li:nth-child(2){width: 13%; margin-left: 1.5%;} #Tab1 .cont_slide.cont_slide2 ul li:nth-child(3){width: 13%; margin-left: 1%;} #Tab1 .cont_slide.cont_slide2 ul li:nth-child(4) {width: 8.5%; margin-left: 2%;} #Tab1 .cont_slide.cont_slide2 ul li:nth-child(5) {width:10.5%;} #Tab1 .cont_slide.cont_slide2 ul li:nth-last-child(3) {width:11%;margin-left: 1.5%;} #Tab1 .cont_slide.cont_slide2 ul li:nth-last-child(2) {width:12%;margin-left: 1.5%;} #Tab1 .cont_slide.cont_slide2 ul li:nth-last-child(1) {width:11%;margin-left: 2%;} #Tab1 .cont_slide ul li.under_box {display:none;} /* 아이콘 */ #Tab1 ul li a .icon {background: #f3f4f6 url(../../images/eng_service/sub/field_icons2.png) 0 0 no-repeat;} #Tab1 ul li a .icon:hover {background: #a9882d url(../../images/eng_service/sub/field_icons2_on.png) 0 0 no-repeat;} #Tab1 ul li a.field_icon00 .icon {background-position:7px 0px;} #Tab1 ul li a.field_icon01 .icon {background-position:-120px 0px;} #Tab1 ul li a.field_icon02 .icon {background-position:-247px 0px;} #Tab1 ul li a.field_icon03 .icon {background-position:-373px 0px;} #Tab1 ul li a.field_icon04 .icon {background-position:-503px 0px;} #Tab1 ul li a.field_icon05 .icon {background-position:-625px 0px;} #Tab1 ul li a.field_icon06 .icon {background-position:-753px 0px;} #Tab1 ul li a.field_icon07 .icon {background-position:-882px 0px;} #Tab1 ul li a.field_icon08 .icon {background-position:-1005px 0;} #Tab1 ul li a.field_icon09 .icon {background-position:1px -160px;} #Tab1 ul li a.field_icon10 .icon {background-position:-120px -160px;} #Tab1 ul li a.field_icon11 .icon {background-position:-247px -160px;} #Tab1 ul li a.field_icon12 .icon {background-position:-373px -160px;} #Tab1 ul li a.field_icon13 .icon {background-position:-501px -160px;} #Tab1 ul li a.field_icon14 .icon {background-position:-626px -160px;} #Tab1 ul li a.field_icon15 .icon {background-position:-752px -160px;} #Tab1 ul li a.btn_full_m .icon {background: #f3f4f6 url(../../images/kor_service/sub/plus_icon2.png) center no-repeat;} /* 소관부서별 */ #Tab2 .departmentDecree {overflow: hidden;} #Tab2 .departmentDecree li {float:left;} #Tab2 .departmentDecree li span {display:inline-block; width: 148px; height: 120px; line-height: 119px; margin-right: 13px; text-align: center; white-space: normal; 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;} #Tab2 .cont_slide1 .departmentDecree li.cont2 span {line-height:normal;padding: 23px 0;} #Tab2 .cont_slide2 .departmentDecree li span {height:73px; line-height:73px;} #Tab2 .cont_slide2 .departmentDecree li:last-child ul {width: calc(100% - 171px);} #Tab2 .departmentDecree li ul {float:left; width: calc(100% - 161px);} #Tab2 .departmentDecree li ul li {width:auto;height:22px;margin-bottom:3px;position:relative;} #Tab2 .departmentDecree li ul li a {color: #525252; font-size: 15px; letter-spacing: -0.1px; display: block;} #Tab2 .departmentDecree li ul li+li a {padding-left:19px; position:relative;} #Tab2 .departmentDecree li 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;} #Tab2 .departmentDecree li ul li a#soganTab_7, #Tab2 .departmentDecree li ul li a#soganTab_11, #Tab2 .departmentDecree li ul li a#soganTab_16, #Tab2 .departmentDecree li ul li a#soganTab_24, #Tab2 .departmentDecree li ul li a#soganTab_27, #Tab2 .departmentDecree li ul li a#soganTab_30, #Tab2 .departmentDecree li ul li a#soganTab_35, #Tab2 .departmentDecree li ul li a#soganTab_41, #Tab2 .departmentDecree li ul li a#soganTab_48, #Tab2 .departmentDecree li ul li a#soganTab_53, #Tab2 .departmentDecree li ul li a#soganTab_62, #Tab2 .departmentDecree li ul li a#soganTab_66, #Tab2 .departmentDecree li ul li a#soganTab_67 {padding-left:0;} #Tab2 .departmentDecree li ul li a#soganTab_7:after, #Tab2 .departmentDecree li ul li a#soganTab_11:after, #Tab2 .departmentDecree li ul li a#soganTab_16:after, #Tab2 .departmentDecree li ul li a#soganTab_24:after, #Tab2 .departmentDecree li ul li a#soganTab_27:after, #Tab2 .departmentDecree li ul li a#soganTab_30:after, #Tab2 .departmentDecree li ul li a#soganTab_35:after, #Tab2 .departmentDecree li ul li a#soganTab_41:after, #Tab2 .departmentDecree li ul li a#soganTab_48:after, #Tab2 .departmentDecree li ul li a#soganTab_53:after, #Tab2 .departmentDecree li ul li a#soganTab_66:after, #Tab2 .departmentDecree li ul li a#soganTab_62:after, #Tab2 .departmentDecree li ul li a#soganTab_67:after {content:none;} #Tab2 .cont_slide1 .departmentDecree li:first-child ul li:nth-last-child(1), #Tab2 .cont_slide1 .departmentDecree li:nth-child(2) ul li:nth-last-child(-n+2) {margin-bottom:0;} #Tab2 .cont_slide2 .departmentDecree li:first-child ul li:nth-child(n+4), #Tab2 .cont_slide2 .departmentDecree li:nth-child(2) ul li:nth-child(n+5), #Tab2 .cont_slide2 .departmentDecree li:nth-child(3) ul li:nth-last-child(1) {margin-bottom:0;} #Tab2 .departmentDecree > li {width: 100%; padding: 14px 0 14px 0; overflow: hidden; border-bottom: 1px dotted #d5d5d5;} #Tab2 .departmentDecree > li:first-child {padding:0px 0 14px 0;} #Tab2 .departmentDecree > li:last-child {border-bottom:0; padding:14px 0 0 0;} #Tab2 .cont_slide2 .departmentDecree li > ul {float:left;padding-top: 13px;} /* 생활주제별 */ #Tab3 .cont_slide.cont_slide1 ul li:nth-child(2) {width:11.5%; margin-left:1.6%;} #Tab3 .cont_slide.cont_slide1 ul li:nth-child(3) {margin-left:1.6%;} #Tab3 .cont_slide.cont_slide1 ul li:last-child {width:9%;margin-left: 2.6%;} #Tab3 .cont_slide.cont_slide2 ul li:first-child {width:11%;} #Tab3 .cont_slide.cont_slide2 ul li:nth-child(2) {margin-left:1.5%;} #Tab3 .cont_slide.cont_slide2 ul li:last-child {width:10.5%;} #Tab3 ul li a .icon {background:#f3f4f6 url(../../images/eng_service/sub/subject_icons2.png) 0 0 no-repeat;} #Tab3 ul li a .icon:hover {background:#a9882d url(../../images/eng_service/sub/subject_icons2_on.png) 0 0 no-repeat;} #Tab3 .cont_slide.cont_slide1 ul li a.subject_icon13 .icon {background-position:-126px 0px;} #Tab3 ul li a.subject_icon32 .icon {background-position:-254px 0px;} #Tab3 ul li a.subject_icon51 .icon {background-position:-380px 0px;} #Tab3 ul li a.subject_icon62 .icon {background-position:-510px 0px;} #Tab3 ul li a.subject_icon83 .icon {background-position:-633px 0px;} #Tab3 ul li a.subject_icon103 .icon {background-position:-760px 0px;} #Tab3 ul li a.subject_icon117 .icon {background-position:-890px 0px;} #Tab3 ul li a.subject_icon132 .icon {background-position:-1012px 0px;} #Tab3 ul li a.subject_icon09 .icon {background-position:-7px -157px;} #Tab3 ul li a.subject_icon10 .icon {background-position:-126px -157px;} #Tab3 ul li a.subject_icon11 .icon {background-position:-256px -157px;} #Tab3 ul li a.subject_icon12 .icon {background-position:-380px -159px;} #Tab3 ul li a.subject_icon13 .icon {background-position:-510px -157px;} #Tab3 ul li a.subject_icon14 .icon {background-position:-633px -157px;} #Tab3 ul li a.subject_icon15 .icon {background-position:-760px -157px;} #Tab3 ul li a.subject_icon16 .icon {background-position:-888px -157px;} #Tab3 ul li a.subject_icon17 .icon {background-position:-1013px -157px;} #Tab3 ul li a.btn_full_m .icon {background: #f3f4f6 url(../../images/kor_service/sub/plus_icon2.png) center no-repeat;} .cotents-wrap{position:relative;width:100%; padding:60px 0 62px; background:#f6f6f6; border-bottom: 1px solid #ddd; overflow: hidden;} .quick-menu {width:1200px;margin:0 auto;} .quick-menu ul {width:1200px;height:82px;background-color:#1a69b8;position:absolute;top:-40px;border-radius:80px;} .quick-menu ul li {width:400px;float:left;position:relative;background-image:url('../../images/eng_service/main_renewal/icon_tit00.png');background-position:110px 50%;background-repeat:no-repeat;} .quick-menu ul li.tit00 {background-image:url('../../images/eng_service/main_renewal/icon_tit01.png');} .quick-menu ul li.tit01 {background-image:url('../../images/eng_service/main_renewal/icon_tit02.png');background-position:77px 50%;} .quick-menu ul li.mline:after {width:1px;height:42px;background:url('../../images/eng_service/main_renewal/mline01.png') no-repeat 0 0;content:"";display:inline-block;position:absolute;top:21px;right:0;} .quick-menu ul li a {line-height:82px;font-size:22px;font-family:NanumGB;color:#fff;display:block;text-align:center;padding-left:40px;background-image:url('../../images/eng_service/main_renewal/icon_arrow00.png');background-repeat:no-repeat;background-position:285px 50%;} .quick-menu ul li.tit01 a {background-position:310px 50%;} .quick-menu ul li a:hover, .quick-menu ul li a:focus {color:#fdaf17;background-image:url('../../images/eng_service/main_renewal/icon_arrow00_on.png');} .latest-wrap {width:100%; margin:0 auto;} .latest-wrap .latest-box {width:1180px;margin:0 auto;} .latest-wrap .latest-box>li {width: calc(100% / 2); min-height: 106px; overflow:hidden;padding:14px 16px 4px 26px;float:left;border:1px solid #e1e3e6; border-radius: 20px; box-sizing:border-box;background-color:#fff;box-shadow:3px 4px 3px 0px rgb(41 40 40 / 10%);position:relative;} .latest-wrap .latest-box>li + li {width: calc(100% / 2 - 18px);margin-left:18px} .latest-wrap .latest-box>li.interest-con {margin-right:0px;} .latest-wrap .latest-box>li h4 {float:left; height:33px; line-height:28px; position:relative;} .latest-wrap .latest-box>li.popular-con h4::before {content:''; display:block; position:absolute; top:50%; left:0; margin-top: -9.5px; width:22px; height:19px; background:url('../../images/eng_service/main_renewal2/bullet_heart.png') no-repeat 0 0;} .latest-wrap .latest-box>li.latest-law h4::before {content:''; display:block; position:absolute; top:50%; left:0; margin-top: -9.5px; width:22px; height:19px; background:url('../../images/eng_service/main_renewal2/bullet_page.png') no-repeat 0 0;} /* .latest-wrap .latest-box>li h4::after {content:''; display:block; position:absolute; top:50%; right:19px; margin-top: -5.5px; width:9px; height:11px; background:url('../../images/eng_service/main_renewal2/arr_right_gy.png') no-repeat 0 0;} */ .latest-wrap .latest-box>li h4 a {position:relative; display:block;padding:0px 22px 0 33px;margin-right: 10px;font-weight: 500;font-size:20px;color:#000;margin-bottom:15px;background: url(/images/eng_service/main_renewal2/arr_right_gy.png) no-repeat center right;} .latest-wrap .latest-box>li h4 a img {position: absolute; right: 11px; top: 9px;} .latest-wrap .latest-box>li h4 em {color:#fdaf17;font-family:NanumSB;font-size:25px;} .latest-wrap .latest-box>li .btn-more {width:28px;height:28px;display:block;background-position:-171px -7px;position:absolute;right:25px;top:25px;} .latest-wrap .latest-box li ul {} .latest-wrap .latest-box li ul li {height:33px; padding:0 17px;margin:0 10px 10px 0;text-align:center;float:left;box-sizing:border-box;border:1px solid #f7f7f7;border-radius:20px;background:#f7f7f7;position:relative;} .latest-wrap .latest-box li ul li:nth-child(-n+2) {max-width: 171px;} .latest-wrap .latest-box li.latest-law ul li:nth-child(-n+2) {max-width: 144px;} .latest-wrap .latest-box li ul li:nth-child(n+3) {width:calc(100% / 3 - 10px);} .latest-wrap .latest-box li ul li a {font-size:14px;line-height:31px;color:#6c6d72;margin:0 auto;/* word-break:keep-all; */display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;} .latest-wrap .latest-box li ul li .rank-num {width:20px;height:20px;line-height:22px;color:#fdaf17;font-size:11px;font-family:NanumSB;background-color:#0e355c;display:block;position:absolute;left:0;top:0;border-radius:8px 0 0 0;} .latest-wrap .latest-box li ul li .latest-date {color:#fff;font-size:12px;} .latest-wrap .latest-box li ul li a:hover, .latest-wrap .latest-box li ul li a:focus {text-decoration:underline;color:#fdaf17;} .section03 {width:100%;margin:0 auto;height:986px;background:url('../../images/eng_service/main_renewal/bg_sec03.png') no-repeat 50% 50%;} /* .sec-inner {width:1200px;margin:0 auto;padding-top:205px;} */ .sec-inner.sec04 {padding-top:45px;} .section03 .mvideo-box {width:760px;height:266px;text-align:center;margin:0 auto 50px;} .section03 .mvideo-box .mvideo-back {float:left;background-color:#000;} .section03 .mvideo-box .mvideo-desc {width:285px;float:left;position:relative;} .section03 .mvideo-box .mvideo-cover {width:265px;height:30px;position:absolute;left:0;bottom:0;background-color:#084473;} .section03 .mvideo-box .mvideo-txt {height:209px;text-align:left;font-size:15px;color:#fff;padding:30px 20px;background:url('../../images/eng_service/main_renewal/bg03.png'); overflow-y:scroll; scrollbar-face-color:#062948; scrollbar-3dlight-color:#06345c; scrollbar-highlight-color:#fff; scrollbar-shadow-color:#062948; scrollbar-darkshadow-color:#06345c; scrollbar-arrow-color:#fff; scrollbar-track-color:#06345c; } /*크롬 스크롤바색상*/ .section03 .mvideo-box .mvideo-txt::-webkit-scrollbar {} /*스크롤바너비*/ .section03 .mvideo-box .mvideo-txt::-webkit-scrollbar-track {background-color:#06345c;} /* .section03 .mvideo-box .mvideo-txt::-webkit-scrollbar-thumb {background-color:#fff;} */ /* .section03 .mvideo-box .mvideo-txt::-webkit-scrollbar-thumb:hover {background:#06345c;} */ .section03 .mvideo-box .mvideo-txt::-webkit-scrollbar-button:start:decrement, .section03 .mvideo-box .mvideo-txt::-webkit-scrollbar-button:end:increment {display:block;height:25px;background-color:#06345c;background-repeat:no-repeat;background-position:50% 50%;} /*버튼*/ .section03 .mvideo-box .mvideo-txt::-webkit-scrollbar-button:start:decrement {background-image:url('../../images/eng_service/main_renewal/icon_arrow03.png');} .section03 .mvideo-box .mvideo-txt::-webkit-scrollbar-button:end:increment {background-image:url('../../images/eng_service/main_renewal/icon_arrow04.png');} .history-box {width:100%;} .history-tit {width:130px;height:210px;text-align:center;background-color:#0297b9;padding:65px 10px 0 10px;box-sizing:border-box;float:left;} .history-tit p span {display:block;} .history-tit p {text-align:center;color:#fff;font-family:NanumGB;font-size:26px;margin-bottom:15px;} .history-box ul {width:1070px;height:210px;background:url('../../images/eng_service/main_renewal/bg04.png');float:left;padding:25px 0 0 50px;box-sizing:border-box;} .history-box ul li {width:155px;height:155px;font-size:16px;font-family:NanumGB;color:#fff;letter-spacing:-1px;text-align:center;float:left;box-sizing:border-box;border-radius:150px;border:5px solid #fff;margin-right:45px;position:relative;} .history-box ul li span {height:70px;line-height:70px;font-size:26px;font-family:NanumSB;color:#fab50f;display:block;} .history-box ul li:after {width:28px;height:53px;background:url('../../images/eng_service/main_renewal/icon_arrow02.png') no-repeat 0 0;content:"";display:inline-block;position:absolute;top:45px;right:-40px;} .history-box ul li.last-li:after {content:none;} .history-box ul li.last-li span {} .section01 {width:1180px;margin:0 auto;} .section01:after {clear: both; display: block; content: "";} .section01 > div {float:left;} /* 공지사항 */ .notice {width:66.2%; background:#f9f9f9; padding:25px 36px; border:1px solid #e1e3e6; border-radius:10px; box-sizing: border-box; box-shadow: 3px 5px 3px 0px rgb(227 227 227 / 0.8);} .notice h3 a {display:inline-block; color:#000; font-size:20px; line-height: 26px; padding:0 19px 0 41px; margin-bottom:16px; position:relative;} .notice h3 a:before {content:''; width:31px; height:27px; background:url(../../images/eng_service/main_renewal2/icon_notice.png) no-repeat 0 0; position:absolute; left:0; top:50%; margin-top:-13.5px;} .notice h3 a:after {content:'';display:inline-block; width:9px; height:11px; background:url('/images/eng_service/main_renewal2/arr_right_bk.png') no-repeat 0 0; position: absolute; right:0; top:50%; margin-top:-5.5px;} .notice li:after {content: ""; display: block; clear: both;} .notice li+li {margin-top:7px;} .notice li > span {float: left;} .notice li a {float:left; width:calc(100% - 164px); color:#222; font-size:15px; padding-left:5px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} .notice li a:hover {text-decoration:underline;} .notice li .date {float:right; color:#909090; font-size:15px;} /* 공동활용시스템 */ .co_system {width:32.2%; height: 192px; margin-left:1.6%; background-color:#006caf; border-radius:10px; padding:24px 37px; box-sizing: border-box;box-shadow: 3px 5px 3px 0px rgb(227 227 227 / 0.8);} .co_system h3 a {display:inline-block; height:23px; color:#fff; font-weight: 500; font-size:20px; line-height: 21px; padding:0 17px 0 43px; position:relative;} .co_system h3 a:before {content:''; width:33px; height:23px; background:url(../../images/eng_service/main_renewal2/icon_co.png) no-repeat 0 0; position:absolute; left:0; top:50%; margin-top:-11.5px;} .co_system h3 a:after {content:'';display:inline-block; width:9px; height:11px; background:url('/images/eng_service/main_renewal2/arr_right_wt.png') no-repeat 0 0; position: absolute; right:0; top:50%; margin-top:-5.5px;} .co_system div {width:100%; height: 106px; border-radius:10px; margin-top:15px; color:#000; font-size:15px; font-weight: 500; line-height: 1.5; background:#fdfbfb url('../../images/eng_service/main_renewal2/cosys_bg.png') no-repeat 88% 140%; padding:17px 24px 49px 21px; box-sizing: border-box; cursor: default;} .co_system span {color:#000; font-size:15px;} .section02 {width:1180px;margin: 31px auto 0;} .section02:after {clear: both; display: block; content: "";} .section02 > div {float:left;} /* 문의하기 */ .ask_wrap {width:32.2%; margin-left: 1.6%; padding:25px 37px 19px; background:#80674e url('/images/eng_service/main_renewal2/logo_nt.png') no-repeat; background-position:82% 90%; border-radius:10px; box-sizing:border-box;box-shadow: 3px 5px 3px 0px rgb(227 227 227 / 0.8);} .ask_wrap h3 {height: 29px; font-weight:500; font-size:20px; line-height:26px; color:#fff; padding-left:36px; margin-bottom:9px; position:relative;} .ask_wrap h3:before {content:''; display:inline-block; width:26px; height:26px; background:url('/images/eng_service/main_renewal2/icon_ask.png') no-repeat 0 0; position:absolute; top:50%; left:0; margin-top:-13px;} .ask_wrap p {color:#f6f6f6; font-family: 'NotoSansL'; font-size:15px; word-break: break-word; margin-bottom: 15px;} .ask_wrap p span {color:#d8af4d; font-size:15px;} .ask_wrap a {position:relative; display:inline-block; font-family: 'NotoSansL'; font-size:17px; color:#fff; line-height:38px; background:#80674e; border:1px solid #d9d2ca; border-radius:20px; padding:0 34px 0 15px; box-sizing:border-box;} .ask_wrap a:after {content:''; display:inline-block; width:9px; height:11px; background:url('/images/eng_service/main_renewal2/arr_right_wt.png') no-repeat 0 0; position: absolute; right:15px; top:50%; margin-top:-4.5px;} .englaw_total {width:100%; background-color:#d8ccbe; border: 1px solid #d0c3b3; border-radius:10px; position:relative; padding:13px 36px 15px; box-sizing:border-box; box-shadow: 3px 5px 3px 0px rgb(227 227 227 / 0.8);} /* 현행법력, 연혁법령 */ .englaw_total .ms-total {width:415px;height:34px;padding:7px 32px;background:#de832e;border-radius:15px;box-sizing:border-box;float:right;} .englaw_total .ms-total li {width:50%;float:left;box-sizing:border-box;position:relative;margin-right:0;} .englaw_total .ms-total li+li {padding-left:12px;} .englaw_total .ms-total li+li:before {width:1px;height:13px;background:#ecb888;content:"";display:inline-block;position:absolute;top:50%;left:0;margin-top:-6px;} .englaw_total .ms-total li span {font-family: 'NotoSansL';font-weight: 500;font-size:14.5px;color:#fff;display:inline-block;margin-top:0;} .englaw_total .ms-total li span.name {font-size:14.5px;color:#fff049;margin: 0 5px 0 0;} .englaw_total ul {overflow:hidden;} .englaw_total .sec-inner ul {display: flex; flex-flow: row wrap; align-items: center; justify-content: space-around;} .englaw_total .sec-inner ul > li, .englaw_total .sec-inner ul li > ul {float:left; width: calc(100% / 5); min-width: 169px;} .englaw_total ul li .circle-box {width:150px;height:150px;margin: 0 auto;border-radius:200px;text-align:center;background-color:#c5a456;box-sizing:border-box;} .englaw_total ul li .circle-box div:last-child {background-image: linear-gradient(to right, #a87e31, #b99447, #be9b4d);} /* .englaw_total ul li .circle-box div:last-child {} */ .englaw_total ul li .circle-box.color00 dd {color:#eb8a27;} .englaw_total ul li .circle-box.color01 dd {color:#64a13a;} .englaw_total ul li .circle-box.color02 dd {color:#006caf;} .englaw_total ul li .circle-box.color03 dd {color:#8a96a8;} .englaw_total ul li .circle-box div {overflow:hidden;height: 50%;} .englaw_total ul li .circle-box div:first-child {line-height:7;border-radius:200px 200px 0 0;} .englaw_total ul li .circle-box div:last-child {line-height:2.6;border-radius:0 0 200px 200px;} .englaw_total ul li .circle-box div span {font-family: 'NotoSansL';font-weight:500;font-size:16px;color:#fff;line-height: 55px;display:inline-block;text-align:center;line-height:17px;} .englaw_total ul li .circle-box div span + span {padding-left: 2px;} .englaw_total ul li > span {font-family: 'NotoSansM';font-size:16.5px;color:#8b6218;text-align:center;line-height: 17px;display:block;margin-top:11px;} .mobile {display:none;} .cont_m, .m_gosite_kor {display:none;} @media all and (max-width: 1280px){ *{-webkit-text-size-adjust:none; box-sizing:border-box; word-wrap: break-word; word-break: keep-all;} html {font-size:10px;} .pc {display:none;} .mobile {display: block;} #wrapper {min-width:100%; overflow-x: hidden;} #wrapper.gnb {height:100%;} /* GNB 메뉴 */ .main-header .mgnb-wrap {height:10.1rem;} .main-header .mgnb-wrap .mgnb-menu {width:100%; height:10.1rem; padding:0 1.6rem;} .main-header .mgnb-wrap .mgnb-menu .mgnb-box {display:none;} .main-header .mgnb-wrap .mgnb-menu h1 {padding:0; height:100%;} .main-header .mgnb-wrap .mgnb-menu h1 a {line-height:10.1rem;} .main-header .mgnb-wrap .mgnb-menu h1 a.klri_m, .main-header .mgnb-wrap .mgnb-menu h1 a.klt {height:10.1rem;} .main-header.fixed .mgnb-wrap .mgnb-menu h1 a.klri_m, .main-header.fixed .mgnb-wrap .mgnb-menu h1 a.klt {height:10.1rem;} .main-header.fixed .mgnb-wrap .mgnb-menu h1 a.klri_m {background:url("/images/eng_service/main_renewal2/logo2_eng.png") no-repeat 0 50%;} .main-header .mgnb-wrap .mgnb-menu h1 a img {vertical-align:middle;} .main-header .mgnb-wrap .mgnb-menu h1 a:nth-child(2) {padding:0;} .main-header .mgnb-wrap .mgnb-menu h1 a:nth-child(2):before {content:none;} .main-header .mgnb-wrap .mgnb-menu .toggle_search {top:3.1rem; right:5.1rem;} .main-header .mgnb-wrap .mgnb-menu .toggle_menu {top:3.1rem; right:1.6rem;} /* 모바일 슬라이드 메뉴 */ #mgnb-slide {opacity: 0; position:fixed; top:0; left:100%; width: 100%; min-height: 100%; padding-top:10.1rem; background-color: transparent; box-sizing: border-box; transition: left 0.3s ease, opacity 0.5s ease; -webkit-transition: left 0.3s ease, opacity 0.5s ease;} #mgnb-slide:after {content:''; width:100%; height:100%; background:#434343; opacity:0.4; position:absolute; top:0; left:0; z-index:-1;} #mgnb-slide .binds {background:#fff;} #wrapper.gnb #mgnb-slide {opacity: 1; left: 0; z-index: 9000;} #wrapper.gnb #mgnb-slide li a {display:block; position:relative; line-height: 19px; padding: 18px 55px 18px 25px; text-decoration: none; font-size: 18px; border-bottom: 1px solid #dedede;} #wrapper.gnb #mgnb-slide li a:link, #wrapper.gnb #mgnb-slide li a:visited, #wrapper.gnb #mgnb-slide li a:active, #wrapper.gnb #mgnb-slide li a:hover {color:#2c2c2c; background:#fff;} #wrapper.gnb #mgnb-slide .mgnb_title:after {content: ""; display: block; position: absolute; right: 17px; top: 50%; width: 20px; height: 11px; margin-top: -5px; background: url('/images/eng_service/sub/m_menu_bullet01.png') no-repeat center center;} #wrapper.gnb #mgnb-slide .mgnb_title.active {background:#64696c; color:#fff;} #wrapper.gnb #mgnb-slide .mgnb_title.active:after {background: url('/images/eng_service/sub/m_menu_bullet01_on.png') no-repeat center center;} #wrapper.gnb #mgnb-slide .msub_menu {opacity:0; max-height:0; background-color: #f5f5f5; box-sizing: border-box; overflow:hidden; transition: max-height 0.2s ease-out; -webkit-transition:max-height 0.2s ease-out;} #wrapper.gnb #mgnb-slide .msub_menu.show {opacity:1; border-bottom: 1px solid #dedede;} #wrapper.gnb #mgnb-slide .msub_menu li a {line-height: 17px; margin: 0; padding: 13px 40px 13px 25px; vertical-align: top; font-size: 15px; box-sizing: border-box;} #wrapper.gnb #mgnb-slide .msub_menu li a:link, #wrapper.gnb #mgnb-slide .msub_menu li a:visited, #wrapper.gnb #mgnb-slide .msub_menu li a:active, #wrapper.gnb #mgnb-slide .msub_menu li a:hover {border: none; color: #686868; background: none;} #wrapper.gnb #mgnb-slide .msub_menu.show li+li a {border-top: 1px solid #e8e8e8;} .main-header.fixed .mgnb-wrap .mgnb-menu .toggle_menu.close {background: url(../../images/eng_service/sub/icon_close4.png) no-repeat center;} #wrapper.gnb .m_gosite_kor {position: absolute; top: 3.5rem; right: 11rem; display:block; padding:0 1.2rem; height:33px; line-height:29px; background-color:#f7f7f7; border: 1px solid #e8e8e8; border-radius: 15px; box-sizing:border-box; font-weight:500; color:#010101; font-size:13px; text-decoration:none;letter-spacing:-0.01px;} #wrapper.gnb .m_gosite_kor:before {content:''; display:inline-block; width:14px; height:14px; background:url(../../images/eng_service/main_renewal2/go_site01.png) no-repeat 0 0; position:relative; top:3px; margin-right:4px;} #wrapper.gnb #container, #wrapper.gnb footer {position:fixed;} #wrapper.gnb footer {opacity:0;} /* 헤더 - 검색 */ .main-header.fixed .mgnb-wrap .mgnb-menu .toggle_search.close {background: url(../../images/eng_service/main_renewal2/search_bk.png) no-repeat center;} #wrapper.search .main-header.fixed {border-bottom-color:#a9882d;} /* contents */ .mv-wrap {padding-bottom: 0;} .mv-inner {width:100%; padding-top:0;} /* 통합검색 */ .mv-sbox {padding:9.6rem 0;} /* background: url(/images/eng_service/main_renewal2/main_visual_bg2.png) no-repeat 0 0 / 100% 100%; */ .ms-detail {width: calc(100% - 3.2rem); margin:0 auto;} /* 자주찾는법령, 최신번역법령 */ .latest-wrap {background: #f6f6f6; padding:4.5rem 1.6rem;} .latest-wrap .latest-box {width:100%;} .latest-wrap .latest-box > li {width:100%; padding: 2rem 3.2rem 0 2rem;} .latest-wrap .latest-box>li + li {width:100%;/* padding: 2rem 3.2rem 2rem 2rem; */margin-left:0; margin-top:4.5rem;} .latest-wrap .latest-box>li h4 a {padding:0 3.2rem 0 3.3rem; font-weight:600; font-size: 2.1rem; background: url(/images/eng_service/sub/arr_right_gy_b.png) no-repeat center right;} .latest-wrap .latest-box>li.popular-con h4::before, .latest-wrap .latest-box>li.latest-law h4::before {margin-top:-1.2rem;} .latest-wrap .latest-box li ul li { margin:0 1rem 2rem 0;} .latest-wrap .latest-box li ul li:nth-child(-n+2) {max-width:initial; width: calc(100% / 4 - 10px);} .latest-wrap .latest-box li ul li:nth-child(n+3) {width: calc(100% / 4 - 10px);} /* 법령분야별, 소관부처별, 생활주제별 */ .law_category {width: calc(100% - 32px); margin: 4.5rem auto; padding: 3.5rem 1rem 3.7rem;box-shadow: 3px 5px 3px 0px rgb(227 227 227 / 0.2);} .tab {margin-bottom:0; display:block;} .tab_pc, .btn-control {display:none;} .cont_m {display:flex; flex-flow: row wrap;} #Tab1 .cont_container ul li, #Tab3 .cont_container ul li {width: 14.2rem; margin-left: 0; margin-top:3.5rem;} #Tab2 .cont_m {margin-top:3.5rem;} /* #Tab2 .departmentDecree > li > ul {width: calc(100% - 97px); overflow: hidden;} #Tab2 .departmentDecree li ul li+li a {padding-left:0;} #Tab2 .departmentDecree li ul li a {padding-right:1.9rem;} #Tab2 .departmentDecree li ul li a:after, #Tab2 .departmentDecree li ul li+li a:after {width: 1px; height: 10px; background-color: #b1b1b1; content: ""; display: inline-block; position: absolute; top: 50%; left: initial; right: 9px; margin-top: -5px;} */ #Tab2 .departmentDecree > li {width:100%; min-height: 32rem; padding:0; border-bottom:0;} #Tab2 .departmentDecree > li:first-child {padding:0 1.3rem 0 0; border-right: 1px dotted #d5d5d5;} #Tab2 .departmentDecree > li .btn_full_m {display:block; width:100%; height:3.8rem; margin-top: 1rem; background:#f3f4f6; border-radius: 5px; color:#3a3a4a; font-size:1.5rem; line-height: 3.8rem; text-align:center;} #Tab2 .departmentDecree > li .btn_full_m img {width:1.2rem; height:1.2rem; margin-left: 0.5rem;} #Tab2 .departmentDecree li span {width:100%; height: auto; line-height: initial; margin-bottom: 0.5rem; margin-right:0; padding: 1rem 0;} #Tab2 .departmentDecree > li > ul {float: initial; width: 100%; background: #f5f3f3; padding: 0.8rem; box-sizing: border-box; overflow: hidden;} #Tab2 .departmentDecree li ul li {width:100%; height:auto; margin-bottom: 1rem;} #Tab2 .departmentDecree li ul li+li a {padding-left:0;} #Tab2 .departmentDecree li ul li:nth-child(even) a {padding-right:0;} #Tab2 .departmentDecree li ul li a:after, #Tab2 .departmentDecree li ul li+li a:after {content:none;} .cotents-wrap {background:#fff; padding:0 1.6rem 4.5rem;} .section01 {width:100%;} /* 공지사항 */ .notice {width:100%; margin-bottom: 4.5rem; padding:3rem 2rem; box-shadow: none;} .notice h3 a {padding: 0 3.2rem 0 4.1rem; margin-bottom: 2.2rem;} .notice h3 a:after {width:1.3rem; height:2.2rem; background: url(/images/eng_service/sub/arr_right_gy_b.png) no-repeat center right; margin-top: -1rem;} .notice li a {width: calc(100% - 160px); color:#3a3a4a;} .notice li .date {color:#7f7f7f;} /* 문의하기 */ .ask_wrap {width:100%; margin: 0; padding: 3rem 2.1rem; background: #80674e url(/images/eng_service/main_renewal2/logo_nt.png) no-repeat 86% 85% / 14.2rem 4.1rem;} .ask_wrap h3 {font-family: 'NotoSansM'; margin-bottom: 1.7rem;} .ask_wrap p {margin-bottom: 1.2rem;} .section02 {width:100%; margin:0 auto;} /* 영문법령 통계 */ .englaw_total {width:100%; margin-top: 4.5rem; padding: 1.8rem 2rem 3rem;} .title-box {width:100%; margin-bottom:2rem;} .englaw_total .ms-total {float: initial; width:100%; padding: 0.7rem 1.5rem; border-radius: 2.5rem;} .englaw_total .ms-total li {padding-right:2rem; text-align: right;} .englaw_total .ms-total li+li {padding-left:2rem; padding-right:0; text-align: left;} .sec-inner.sec04 {padding-top:0;} .englaw_total .sec-inner ul > li {margin-top:3.1rem;} #wrapper.gnb .m_gosite_kor:before {content:none;} } @media all and (max-width: 768px) { /* 자주찾는법령, 최신번역법령 */ .latest-wrap .latest-box li ul li:nth-child(-n+2) {width: calc(100% / 3 - 1rem);} .latest-wrap .latest-box li ul li:nth-child(n+3) {width: calc(100% / 3 - 1rem);} } @media all and (max-width: 600px){ /* 법령분야별, 소관부처별, 생활주제별 */ .tab > button {width: calc(100% / 3 - 8px); padding:0; text-align:center;} .tab > button::before {content:none;} /* 자주찾는법령, 최신번역법령 */ .latest-wrap .latest-box li ul li:nth-child(-n+2) {width: calc(100% / 2 - 1rem);} .latest-wrap .latest-box li ul li:nth-child(n+3) {width: calc(100% / 2 - 1rem);} } @media all and (max-width: 500px) { /* 전체메뉴 - 영문페이지 */ #wrapper.gnb .m_gosite_kor {right: 9.5rem; padding: 0px 0.8rem;} } @media all and (max-width: 433px) { /* #Tab1 .cont_container ul li, #Tab3 .cont_container ul li {width: calc(89px + 1.5rem);} */ .englaw_total .sec-inner > ul > li ul li:first-child {margin-left:1.5rem;} } @media all and (max-width:360px) { }