@charset "UTF-8"; /* font-family: 'Noto Sans KR', sans-serif; font-family: 'Roboto', sans-serif; font-family: 'NanumSquare','Noto Sans KR', sans-serif;*/ /*스크롤*/ #use_terms2 { /* height: 548px; padding: 25px 28px 25px 25px; border: 1px solid #d0d0d0; overflow-y: scroll; */ } /* */ html { font-size:50%; } #use_terms2 table{ border-spacing:0; } #use_terms2 html, #use_terms2 body, #use_terms2 div, #use_terms2 p {margin:0; padding:0;} #use_terms2 body {-webkit-text-size-adjust: 100%; margin:0; padding:0; font-size:15px; line-height:1.5; color:#666; font-family:'Helvetica', 'Helvetica Neue',Arial, malgun gothic, '돋움', dotum, AppleGothic, sans-serif; word-break:keep-all;} #use_terms2 h1, #use_terms2 h2, #use_terms2 h3, #use_terms2 h4, #use_terms2 h5, #use_terms2 h6 {line-height:1.2; font-weight:bold; margin:0; padding:0; color:#222;} #use_terms2 h1 {font-size:40px; letter-spacing:-1px;} /*h2 {font-size:30px; letter-spacing:-1px;}*/ #use_terms2 h3 {/*font-size:24px;20190122수정*/ font-size:15px; letter-spacing:-1px;} #use_terms2 h4 {font-size:20px; letter-spacing:-1px;} #use_terms2 h5 {font-size:16px; letter-spacing:-1px;} #use_terms2 h6 {font-size:14px; letter-spacing:-1px;} #use_terms2 hr {display: none;} #use_terms2 .fz12 {font-family: 'Noto Sans KR', sans-serif; font-size: 1.2rem;} #use_terms2 .fz14 {font-family: 'Noto Sans KR', sans-serif; font-size: 1.4rem;} #use_terms2 .fz16 {font-family: 'Noto Sans KR', sans-serif; font-size: 1.6rem;} #use_terms2 .fz18 {font-size: 1.8rem;} #use_terms2 .fz20 {font-size: 2.0rem;} #use_terms2 .fz22 {font-size: 2.2rem;} #use_terms2 .fz24 {font-size: 2.4rem;} #use_terms2 .fz26 {font-size: 2.6rem;} #use_terms2 .sub-h1 {display: block; padding-top: 188px; text-align: center; color: #fff; font-family: 'NanumSquare','Noto Sans KR', sans-serif; font-size: 4.0rem; font-weight: 600;} #use_terms2 .sub-h2 {position: relative; display: block; margin-bottom: 40px; text-align: center; font-size: 2.8rem; color: #111; font-weight: 600; z-index: 3;} #use_terms2 .sub-h2:after {content: ""; position: absolute; top: 60px; left: 50%; transform: translateX(-50%);width: 2px; height: 50px; background: #4966c8;} #use_terms2 .sub-h2.no-line:after {content: none;} #use_terms2 .sub-h3 {position: relative; display: block; padding-top: 15px; font-size: 2.2rem; font-weight: 600; line-height: 1.5; word-break: keep-all;} #use_terms2 .sub-h3:before {content:""; position: absolute; top: 0; left: 0; width: 20px; height: 4px; background: url(/images/kamco/sub-title.png) no-repeat center/cover;} #use_terms2 .sub-h4 {position: relative; display: block; padding-left: 16px; color: #333; font-size: 1.8rem; font-weight: 600;} #use_terms2 .sub-h4:before {content: ""; position: absolute; top: 0; left: 5px; width: 8px; height: 3px; background: #99ccf2;} #use_terms2 .sub-h5 {position: relative; font-size: 2.2rem; color: #2a2a2a; font-weight: 600;} #use_terms2 .sub-h5 span {position: absolute; top: 50%; right:0; transform: translateY(-50%); font-size: 1.8rem; color: #181818;} #use_terms2 .sub-h6 {font-size: 1.8rem; color: #777;} #use_terms2 .sub-p1 {display: block; margin-left: 10px; font-size: 2.0rem; color: #333; line-height: 1.7; word-break: keep-all;} #use_terms2 .sub-p2 {display: block; padding-left: 5px; font-size: 1.7rem; color: #777; line-height: 1.6; word-break: keep-all;} #use_terms2 .sub-p3 {display: block; margin-left: 20px; font-size: 1.7rem; line-height: 1.55; color: #333; word-break: keep-all;} #use_terms2 .sub-p3 span {display: block;} #use_terms2 .sub-p4 {display: block; margin-left: 20px; font-family: 'Noto Sans KR', sans-serif; font-size: 1.6rem; color: #777; line-height: 1.4; word-break: keep-all;} #use_terms2 .sub-p5 {display: block; margin-left: 20px; font-size: 2.0rem; color: #333; line-height: 1.7; word-break: keep-all;} #use_terms2 .sub-p6 {font-size: 1.7rem; line-height: 1.5; color: #333;} #use_terms2 .sub-p7 {position: relative; display: block; padding-left: 33px; font-size: 1.7rem; color: #777; line-height: 1.5; word-break: keep-all;} #use_terms2 .sub-p7:before {position: absolute; top: 0; left:17px; content: " - ";} #use_terms2 .sub-img {display: block; width: auto; height: auto; margin: 0 auto;} #use_terms2 .auto-img {display: block; width: auto; height: auto; margin: 0 auto;} #use_terms2 .full-img {display: block; width: 100%; height: auto; margin: 0 auto;} #use_terms2 .icon-img {display: inline-block; width: auto; height: auto; margin: 0 5px 0 30px;} #use_terms2 .taC img {display: block; width: auto; margin: 0 auto;} @media screen and (max-width: 1280px) { #use_terms2 .sub-img {width: 90%;} #use_terms2 .full-img {width: 90%;} #use_terms2 .taC img {width: 90%;} #use_terms2 .icon-img {margin: 0 5px 0 10px;} } #use_terms2 .sm-title {display: block; text-align: center; font-size: 1.4rem; font-family: 'Noto Sans KR', sans-serif; color: #d1d1d1;} #use_terms2 .icon-monitor {display: inline-block; width: 100px; height: 100px; background: url(/images/kamco//monitor.png) no-repeat center/contain;} #use_terms2 .icon-phone {display: inline-block; width: 100px; height: 100px; background: url(/images/kamco//phone.png) no-repeat center/contain;} #use_terms2 .icon-onbid {display: inline-block; width: 100px; height: 100px; background: url(/images/kamco//onbid05.png) no-repeat center/contain;} #use_terms2 .onbid-btn {padding: 18px 23px 18px 94px; background: url(/images/kamco//onbid03.png) no-repeat 23% 42%/50px;} #use_terms2 .btn-round {padding: 20px 100px; border-radius: 30px;} #use_terms2 .step01 {position: relative;} #use_terms2 .step02 {position: relative;} #use_terms2 .step03 {position: relative;} #use_terms2 .step01:before {content: "01"; position: absolute; top: -22px; left: 16px; width: 40px; height: 40px; border-radius: 50%; background: #04A39B; color: #fff; line-height: 40px; text-align: center; font-size: 1.7rem;} #use_terms2 .step02:before {content: "02"; position: absolute; top: -22px; left: 16px; width: 40px; height: 40px; border-radius: 50%; background: #3266CD; color: #fff; line-height: 40px; text-align: center; font-size: 1.7rem;} #use_terms2 .step03:before {content: "03"; position: absolute; top: -22px; left: 16px; width: 40px; height: 40px; border-radius: 50%; background: #28313D; color: #fff; line-height: 40px; text-align: center; font-size: 1.7rem;} /* .sub-header */ #use_terms2 * {margin: 0; padding: 0; box-sizing: border-box;} #use_terms2 body {font-family: 'NanumSquare','Noto Sans KR', sans-serif;} #use_terms2 .sub-header {position: relative; width: 100%; height: 400px; } #use_terms2 .sub-cont:after {content: ""; display: block; clear: both;} #use_terms2 .sub-img01{background: url(/images/kamco//p01-main.jpg) no-repeat center/cover;} #use_terms2 .sub-img02{background: url(/images/kamco//p02-main.jpg) no-repeat center/cover;} #use_terms2 .sub-img03{background: url(/images/kamco//p03-main.jpg) no-repeat center/cover;} #use_terms2 .sub-img04{background: url(/images/kamco//p04-main.jpg) no-repeat center/cover;} #use_terms2 .sub-img05{background: url(/images/kamco//p05-main.jpg) no-repeat center/cover;} #use_terms2 .sub-img06{background: url(/images/kamco//p06-main.jpg) no-repeat center/cover;} #use_terms2 .sub-img07{background: url(/images/kamco//p07-main.jpg) no-repeat center/cover;} #use_terms2 .sub-img08{background: url(/images/kamco//p08-main.png) no-repeat center/cover;} #use_terms2 .sub-img09{background: url(/images/kamco//p05-main.png) no-repeat center/cover;} #use_terms2 .sub-inner {/* width: 880px; */ margin: 0 auto;} #use_terms2 .sub-info {position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 1350px; background: #fff; border: 1px solid #cdcdcd;} #use_terms2 .sub-info:after {content: ""; display: block; clear:both;} #use_terms2 .sub-print {float: right; width: 60px; height: 60px;background: #fff; border-left: 1px solid #cdcdcd;} #use_terms2 .btn-print {display: block; height: 60px; text-align: center; font-size: 2.5rem; background: url(/images/kamco//print.png) no-repeat center/20px;} #use_terms2 .sub-select-wrapper {float: left; position: relative; width: 200px; height: 60px;} #use_terms2 .sub-select {position: relative; display: flex; width: 100%;flex-direction: column; border-right: 1px solid #cdcdcd; z-index: 2;} #use_terms2 .sub-select-trigger {position: relative; display: flex;align-items: center;justify-content: space-between;width: 100%; height: 60px; padding: 0 22px; background: #fff url(/portal/img/sub/arrow-down.png) no-repeat 90% 50%/10px;font-size: 1.7rem;font-weight: 400;color: #3b3b3b;line-height: 60px; cursor: pointer;} #use_terms2 .open .sub-select-trigger {background-image: url(/portal/img/arrow-up.png);} #use_terms2 .sub-options {position: absolute; display: block;top: 100%;left: 0;right: 0;border-top: 0;background: #fff;transition: all 0.5s;opacity: 0;visibility: hidden;} #use_terms2 .sub-select.open .sub-options {opacity: 1;visibility: visible;pointer-events: all;} #use_terms2 .sub-option {position: relative;display: block;width: 200px; padding: 0 22px 0 22px;border-top: none; background: #f1f1f1; font-size: 1.7rem;font-weight: 400;color: #3b3b3b;line-height: 58px;cursor: pointer;transition: all 0.5s;} #use_terms2 .sub-option:first-of-type {border-top: 1px solid #cdcdcd;} #use_terms2 .sub-option:hover, .sub-option:active, .sub-option:focus {background-color: #ddd;} #use_terms2 .sub-option.selected {color: #ffffff; background-color: #305c91;} #use_terms2 .header.on {background: rgba(255,255,255,1);} /* nav grey-line */ #use_terms2 .header.on .nav:before {height:2px; top: 79px;} #use_terms2 .header .nav.on:before {height:1px; top: 80px;} #use_terms2 .header.on .logo a {background-image: url(../img/headlogo.png);} #use_terms2 .header.on .nav .logo a {background-image: url(../img/headlogo.png);} #use_terms2 .header.on .nav .depth01-link {color: #111; font-weight: 600;} #use_terms2 .header.on .btn-search {color: #181818 !important;} #use_terms2 .header.on .side-menu-btn span {background-color: #181818 !important;} /* .sub-cont */ #use_terms2 .sub-cont {padding: 0px 18px 0px 0px;} #use_terms2 .sub-cont .sub-inner {background-color: #fff; padding: 70px 0 35px;} #use_terms2 .sub-tab-group {margin: 60px 0; border-left: 1px solid #d1d1d1; border-top: 1px solid #d1d1d1; border-right: 1px solid #d1d1d1; border-bottom: 2px solid #5170cd;} #use_terms2 .sub-tab-group:after {content: ""; display: block; clear: both;} #use_terms2 .sub-tab-list {float: left;} #use_terms2 .list-2 {width: 50%;} #use_terms2 .list-3 {width: 33.333%;} #use_terms2 .list-4 {width: 25%;} #use_terms2 .list-5 {width: 20%;} #use_terms2 .list-6 {width: 16.666%;} #use_terms2 .sub-tab-link {display: block; border-right: 1px solid #d1d1d1; line-height: 70px; text-align: center; font-size: 1.7rem; color: #3d3d3d;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} #use_terms2 .sub-tab-link.on {background: #5170cd; color: #fff;} #use_terms2 .sub-tab-list:last-child .sub-tab-link {border-right: none;} #use_terms2 .sub-tab-cont-group {background: #fff;} #use_terms2 .sub-tab-cont-group .sub-tab-cont {display: none;} #use_terms2 .sub-tab-cont-group .sub-tab-cont:first-child {display: block;} #use_terms2 .list-6:nth-child(6n) .sub-tab-link {border-right: none;} #use_terms2 .list-6 .sub-tab-link {border-bottom: 1px solid #d1d1d1;} #use_terms2 .list-6:last-child .sub-tab-link {border-bottom: none;} #use_terms2 .list-6:nth-last-child(1) .sub-tab-link {border-bottom: none;} #use_terms2 .list-6:nth-last-child(2) .sub-tab-link {border-bottom: none;} #use_terms2 .list-6:nth-last-child(3) .sub-tab-link {border-bottom: none;} #use_terms2 .list-6:nth-last-child(4) .sub-tab-link {border-bottom: none;} #use_terms2 .list-6:nth-last-child(5) .sub-tab-link {border-bottom: none;} #use_terms2 .list-6:nth-last-child(6) .sub-tab-link {border-bottom: none;} #use_terms2 .sub-title-box {position: relative; width: 100%; padding: 3px; margin: 35px 0 25px; background: #f5f5f5;} #use_terms2 .sub-title-box:before, .sub-title-box:after {content: ""; position: absolute; width: 30px; height: 30px; background: #4966c8;} #use_terms2 .sub-title-box:before {top: 0; left: 0;} #use_terms2 .sub-title-box:after {bottom: 0; right: 0;} #use_terms2 .sub-title-inner {position: relative; width: 100%; margin: 0 auto; padding: 40px 25px; background: #fff; z-index: 2;} #use_terms2 .sub-title-line {position: relative; top: 0; width: 100%; height: 3px; margin-bottom: 100px; background: #f5f5f5;} #use_terms2 .sub-title-line2 {position: absolute; top: 95px; left: -15%; width: 115%; height: 1px; background: #3266CD; z-index: -1;} #use_terms2 .sub-title-crossline {position: relative; top: 25px; width: 100%; height: 3px; margin-bottom: 100px; background: #f5f5f5;} #use_terms2 .sub-title-crossline:after {content: ""; position: absolute; top: -25px; left: 50%; transform: translateX(-50%); width: 2px; height: 50px; background: #4966c8;} #use_terms2 .sub-text {position: relative; padding: 10px 0;} #use_terms2 .sub-text .sub-h3 {margin: 15px 0 30px;} #use_terms2 .sub-text .sub-h4 {margin: 15px 0;} #use_terms2 .sub-text .sub-p1 {margin-bottom: 20px;} #use_terms2 .sub-text .sub-p2 {margin-bottom: 10px;} #use_terms2 .grey-box {padding: 35px 45px; background: #f5f5f5;} #use_terms2 .sub-grey-box {padding: 35px 45px; background: #f5f5f5;} #use_terms2 .sub-grey-box .sub-h5 {margin-bottom: 25px;} #use_terms2 .sub-grey-box .sub-p3 {margin-top: 15px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;} #use_terms2 .sub-grey-box .btn-round {font-size: 1.8rem;} #use_terms2 .blue-top-line {position: relative; height: 220px; margin: 20px; padding: 35px; overflow: hidden;} #use_terms2 .blue-top-line:before {content:""; position: absolute; top:0; left: 45px; width:40%; height: 2px; background: #243f79; } #use_terms2 .grey-linebox {position: relative; padding: 30px; border: 1px solid #ededed;} #use_terms2 .sub-grey-linebox {position: relative; padding: 30px; border: 2px solid #ededed;} #use_terms2 .sub-grey-linebox .sub-h5 {display: inline-block; padding-right: 25px; vertical-align: middle;} #use_terms2 .sub-grey-linebox .sub-h5:after {content: "|"; display: inline-block; padding-left: 25px; color: #a8a8a8;} #use_terms2 .sub-grey-linebox .sub-p3 {display: inline-block; vertical-align: middle;} #use_terms2 .sub-grey-linebox .onbid-btn {position: absolute; top: 50%; right: 30px; transform: translateY(-50%);} #use_terms2 .sub-link-group .btn {position: relative; display: block; height: 60px; line-height: 52px;} #use_terms2 .sub-link-group .btn span:first-child {position: absolute; left: 10%; top:50%; transform: translateY(-50%); font-size: 1.8rem; font-weight: 600;} #use_terms2 .sub-link-group .btn span:last-child {position: absolute; right: 10%; top:50%; transform: translateY(-50%); padding-right: 15px; font-size: 1.7rem;} #use_terms2 .sub-link-group .btn span:last-child:after {content: ""; position: absolute; top: 50%; right: 0; transform: translateY(-50%); display: inline-block; width: 6px; height: 25px; background: url(/images/kamco//arrow-right-w.png) no-repeat center/contain;} #use_terms2 .sub-footer {padding: 0 0 50px;} #use_terms2 .sub-footer .sub-inner { background-color: #fff; padding: 35px 0px 50px; } #use_terms2 .rating-group .sub-h6 {position: relative;} #use_terms2 .rating-group .sub-h6 span {position: absolute; right: 0; color: #989898;} #use_terms2 .rating-part {position: relative; padding-left: 20px;} #use_terms2 .rating-part:before {content: ""; position: absolute; top:50%; left: 0; transform: translateY(-50%); width: 10px;height: 10px; background: #cdcdcd;} #use_terms2 .rating-box {padding-top: 20px;} #use_terms2 .rating-box .form-control {padding: 20px; vertical-align: middle;} #use_terms2 .rating-box .btn {display: block; width: 100%; padding: 10px 0;} #use_terms2 .rating-num {margin-bottom: 15px;} #use_terms2 .rating-num input[type="radio"] {margin-right: 12px; vertical-align: middle;} #use_terms2 .star-red {display: inline-block; width: 18px; height: 18px; background: url(/images/kamco//star-red.png) no-repeat center/contain; vertical-align: middle;} #use_terms2 .star-grey {display: inline-block; width: 18px; height: 18px; background: url(/images/kamco//star-grey.png) no-repeat center/contain; vertical-align: middle;} #use_terms2 .sub-tab-group02 {border-bottom: 1px solid #003872;} #use_terms2 .sub-tab-group02 .sub-tab-group {width: 70%; margin: 0 auto; border-bottom: none;} #use_terms2 .sub-tab-group02 .sub-tab-link {line-height: 50px;} #use_terms2 .sub-tab-group02 .sub-tab-link.on {background: #003872;} /* 개인정보처리방침 이미지 추가 20220823 */ #use_terms2 .privacy_box_container {margin:20px 0;} #use_terms2 .privacy_box_container h4 {font-size:20px; text-align:center; margin-bottom:20px} #use_terms2 .privacy_box_group {display:flex; justify-content:space-around;} #use_terms2 .privacy_box {flex:0 0 10%; max-width:10%; padding:10px 5px; border-radius:5px; background-color:#FFF; text-align:center;} #use_terms2 .privacy_box h5 {margin:15px 0; font-size:15px; color:#111;} #use_terms2 .privacy_box_img {display:inline-block; width:99px; height:107px; margin-bottom:5px; background-repeat:no-repeat; background-position:center;} @media screen and (max-width: 499px){ #use_terms2 .privacy_box_group {padding:0;} #use_terms2 .privacy_box_group h5{font-size:11px;} #use_terms2 .privacy_box_group img{width:95%; height:auto;} } #use_terms2 .sub-text .sub-h3_title {text-align:left; font-size:2.2rem; font-weight:600; line-height:1.5; word-break:keep-all; margin:15px 0 20px 15px;} #use_terms2 .privacy-list {padding:14px 30px; background:#fafafa; border:1px solid #ededed;} #use_terms2 .privacy-list .sub-p8 {display:block; margin-left:10px; font-size:1.7rem; color:#333; line-height:2.7; word-break:keep-all;} @media screen and (max-width: 1399px){ #use_terms2 .sub-inner {width: 90%;} #use_terms2 .sub-info {width: 90%;} #use_terms2 .sub-cont .sub-inner {padding: 50px 0;} #use_terms2 .sub-footer .sub-inner {padding: 30px 0 0;} #use_terms2 #sub .pc {display: none;} #use_terms2 .pc {display: none;} } @media screen and (max-width: 1023px){ #use_terms2 body {font-family: 'Noto Sans KR', sans-serif;} #use_terms2 .sub-h1 {padding-top: 110px; font-size: 3.5rem;} #use_terms2 .sub-h2 {font-size: 2.8rem;} #use_terms2 .sub-h3 {font-size: 2.0rem;} #use_terms2 .sub-h4 {font-size: 1.8rem; font-weight: 400;} #use_terms2 .sub-h5 {font-size: 1.8rem; font-weight: 400;} #use_terms2 .sub-h6 {font-size: 1.6rem;} #use_terms2 .sub-p1 {font-size: 1.6rem;} #use_terms2 .sub-p2 {font-size: 1.5rem;} #use_terms2 .sub-p3 {font-size: 1.4rem;} #use_terms2 .sub-p4 {font-size: 1.6rem;} #use_terms2 .sub-p5 {font-size: 1.6rem;} #use_terms2 .sub-header {height: 250px;} #use_terms2 .sub-info {display: none;} #use_terms2 .sub-cont {padding: 0;} #use_terms2 .sub-title-line2 {top: 60px;} #use_terms2 .list-3 {width: 50%;} #use_terms2 .list-3:nth-child(1),.list-3:nth-child(2) {border-bottom: 1px solid #d1d1d1;} #use_terms2 .list-3:nth-child(2) .sub-tab-link {border-right: none;} #use_terms2 .list-3:last-child {width: 100%;} #use_terms2 .list-5 {width: 50%;} #use_terms2 .list-5:last-child {width: 100%;} #use_terms2 .list-5:nth-child(1), .list-5:nth-child(2), .list-5:nth-child(3), .list-5:nth-child(4) {border-bottom: 1px solid #d1d1d1;} #use_terms2 .tab_depth05 .list-5:nth-child(1), .tab_depth05 .list-5:nth-child(2), .tab_depth05 .list-5:nth-child(3), .tab_depth05 .list-5:nth-child(4) {border-bottom: none;} #use_terms2 .list-5:nth-child(2) .sub-tab-link, .list-5:nth-child(4) .sub-tab-link {border-right: none;} #use_terms2 .list-6 {width: 33.333%;} #use_terms2 .list-6:nth-child(3n) .sub-tab-link{border-right: none;} #use_terms2 .list-6:nth-last-child(4) .sub-tab-link {border-bottom: 1px solid #d1d1d1;} #use_terms2 .list-6:nth-last-child(5) .sub-tab-link {border-bottom: 1px solid #d1d1d1;} #use_terms2 .list-6:nth-last-child(6) .sub-tab-link {border-bottom: 1px solid #d1d1d1;} #use_terms2 .sub-tab-link {font-size: 1.6rem; line-height: 56px;} #use_terms2 .sub-title-inner {padding: 30px;} #use_terms2 .sub-link-group .btn span:first-child {font-size: 1.5rem; font-weight: 400;} #use_terms2 .sub-link-group .btn span:last-child {font-size: 1.4rem;} #use_terms2 .btn-round {padding: 10px 20px;} #use_terms2 .sub-grey-box .btn-round {font-size: 1.4rem;} #use_terms2 .sub-title-line2 {display: none;} } @media screen and (max-width: 767px){ #use_terms2 .sub-cont {padding: 0;} #use_terms2 .sub-header {height: 150px;} #use_terms2 .sub-img {width: 100%;} #use_terms2 .sub-h1 {padding-top: 90px; font-size: 2.5rem !important;} #use_terms2 .sub-h2 {font-size: 2.3rem!important;} #use_terms2 .sub-h4 {font-size: 2.0rem!important;} #use_terms2 .sub-h5 {font-size: 2.0rem!important; line-height: 1.7;} #use_terms2 .sub-h5 span {font-size: 1.2rem;} #use_terms2 .sub-p1 {font-size: 20px; line-height: 1.6;} #use_terms2 .sub-p2 {font-size: 1.4rem;} #use_terms2 .sub-text {padding-top: 0;} #use_terms2 .sub-grey-box {padding: 10px;} #use_terms2 .sub-grey-box.blue-top-line {padding: 35px;} #use_terms2 .sub-grey-box .sub-p3 {margin-top: 0;} #use_terms2 .sub-inner .sub-h2 {padding-top: 30px;} #use_terms2 #conts h4 {font-size: 1.8rem;} #use_terms2 .list-4 {width: 50%;} #use_terms2 .list-4:nth-child(1),.list-4:nth-child(2) {border-bottom: 1px solid #d1d1d1;} #use_terms2 .list-4:nth-child(2) .sub-tab-link {border-right: none;} #use_terms2 .list-6 {width: 50%;} #use_terms2 .list-6:nth-child(3n) .sub-tab-link{border-right: 1px solid #d1d1d1;} #use_terms2 .list-6:nth-child(2n) .sub-tab-link {border-right: none;} #use_terms2 .list-6:nth-last-child(3) .sub-tab-link {border-bottom: 1px solid #d1d1d1;} #use_terms2 .blue-top-line {height: auto;} #use_terms2 .sub-title-crossline {margin-bottom: 80px;} } @media screen and (max-width: 499px){ #use_terms2 .sub-cont .sub-inner {padding: 20px 0 30px;} #use_terms2 .sub-inner {width: 96%;} #use_terms2 .grey-box {padding: 2.5%;} #use_terms2 .sub-grey-linebox {padding: 10px 2%;} } /* 20201217 */ /* 20201217 */ #use_terms2 .no-gutters {margin-right: 0; margin-left: 0;} #use_terms2 .no-gutters > .col,.no-gutters > [class*="col-"] {padding-right: 0;padding-left: 0; padding-bottom: 30px;} #use_terms2 .text-china:after {content:""; display: inline-block; width: 30px; height: 20px; background: url(/images/kamco//01/p01-0103-01.png) no-repeat center/contain; vertical-align: text-top;} #use_terms2 .history-circle {position: relative; width: 150px; height: 150px; margin: 0 auto 80px; background: #3566cc; border-radius: 50%; color: #fff; font-size: 3.0rem; line-height: 150px; text-align: center;} #use_terms2 .history-circle:before {content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 200px; height: 200px; background: #eee; border-radius: 50%; z-index: -1;} #use_terms2 .history-circle:after {content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 170px; height: 170px; background: #fff; border-radius: 50%; z-index: -1;} #use_terms2 .history-row .text-right {padding-right: 20px;} #use_terms2 .history-row .text-left {position: relative; padding-left: 20px; border-left: 2px solid #3566cc } #use_terms2 .history-row .text-left:before {content: ""; position: absolute; top: 0px; left: -16px; width: 30px; height: 30px; background: #fff; border-radius: 50%;} #use_terms2 .history-row .text-left:after {content: ""; position: absolute; top: 13px; left: -4px; width: 6px;height: 6px; border-radius: 50%; background: #3566cc;} #use_terms2 .history-row:last-child .text-right {border-right: none;} #use_terms2 .history-row .sub-h6 {font-weight: 600; line-height: 1.7;} #use_terms2 .history-title {margin-bottom: 15px; font-size: 3.0rem; color: #3566cc; font-weight: 600; line-height: 1.7;} #use_terms2 .history-subtitle {margin-bottom: 20px; font-size: 1.8rem; color: #3a3a3a; font-weight: 600; line-height: 1.7;} #use_terms2 .history-btn {padding: 10px 40px; margin: 50px 0; border-radius: 30px; background: #eee; font-size: 1.4rem; color: #333; transition: 0.4s;} #use_terms2 .dotted-line {display: block; height: 1px; margin: 15px 0; border-top: 1px dashed #eee;} #use_terms2 .btn-center {display: block; width: 300px; margin: 0 auto; padding: 20px 0; font-size: 1.8rem;} #use_terms2 .btn-xl {display: block; width: 100%; padding: 20px 0; margin-bottom: 10px;} #use_terms2 span.padding-10 {display: inline-block; padding: 0 10px;} #use_terms2 .history-row .sub-p2 {overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} #use_terms2 .history-row .sub-p2:last-child {margin-bottom: 0;} #use_terms2 .sub-text .history-btn:hover, .sub-text .history-btn:active, .sub-text .history-btn:focus {background: #ddd !important; color: #fff;} #use_terms2 .sub-text a.history-btn:hover, .sub-text a.history-btn:active, .sub-text a.history-btn:focus {text-decoration: none !important;} @media screen and (max-width: 599px){ #use_terms2 .history-circle {display: none;} #use_terms2 .history-title {font-size: 2.0rem; line-height: 1.7;} #use_terms2 .history-btn {padding: 5px 10px; font-size: 1.2rem;} #use_terms2 .history-row .sub-p3 {height: 84px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical;} /* 20201218 */ #use_terms2 .history-subtitle {word-break: keep-all;} } /* 20201218 */ #use_terms2 .header {z-index: 11;} #use_terms2 .sub-select-wrapper:nth-child(3) {width: 240px;} #use_terms2 .sub-select-wrapper:nth-child(3) .sub-option {width: 240px;} #use_terms2 .sub-info {z-index:4;} #use_terms2 .sub-h2:after {top: 50px;} #use_terms2 .list-circle {position: relative; padding-left: 10px;} #use_terms2 .list-circle:before {content: ""; position: absolute; top:50%; left: 0; transform: translateY(-50%); width: 3px; height:3px; background: #3d3d3d; border-radius: 50%;} #use_terms2 .gov-group {border-top: 1px solid #d1d1d1;} #use_terms2 .gov-group:after {content: ""; display: block; clear: both;} #use_terms2 .gov-list {float: left;} #use_terms2 .gov-link {display: block; position: relative; height:130px; border-bottom: 1px solid #d1d1d1; border-left: 1px solid #d1d1d1;} #use_terms2 .gov-list:nth-child(5n) .gov-link {border-right: 1px solid #d1d1d1;} #use_terms2 .gov-list:last-child .gov-link {border-right: 1px solid #d1d1d1;} #use_terms2 .gov-logo {display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);} #use_terms2 .ceo-group {margin: 20px 10px; border-top: 2px solid #3266CD; border-bottom: 1px solid #d1d1d1;} #use_terms2 .ceo-header {padding: 20px; background: #eee;} #use_terms2 .ceo-title {position: relative; font-size: 1.8rem;} #use_terms2 .ceo-subtitle {position: absolute; right:0;} #use_terms2 .ceo-cont {padding: 20px;} #use_terms2 .org-group {margin: 15px; padding: 20px; border: 1px solid #d1d1d1; border-top: 2px solid #333;} #use_terms2 .org-left {position: relative; height: 150px; overflow: hidden;} #use_terms2 .org-left img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: block; width: auto; height: 100%;} #use_terms2 .org-right {position: relative;} #use_terms2 .org-title {margin: 20px 0 30px; font-size: 2.0rem; font-weight: 600;} #use_terms2 .org-title span {display: inline-block; padding-left: 10px; font-size: 1.7rem; font-weight: 400;} #use_terms2 .org-title + .sub-h4 {font-weight: 400; word-break: keep-all; line-height:1.5;} #use_terms2 .org-link {position: absolute; top:0; right:0; display: block; width: 40px; height: 40px; border: 1px solid #d1d1d1; } #use_terms2 .org-link:before, .org-link:after {content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 45%; height: 1px; background: #d3d3d3;} #use_terms2 .org-link:after {transform: translate(-50%,-50%) rotate(90deg);} #use_terms2 .org-cont .sub-p2:after {content: ""; display: block; clear: both;} @media screen and (max-width:1023px){ #use_terms2 .gov-list.list-5:last-child {width: 50%;} #use_terms2 .gov-list.list-5:nth-child(1), .gov-list.list-5:nth-child(2), .gov-list.list-5:nth-child(3), .gov-list.list-5:nth-child(4) {border-bottom: none;} #use_terms2 .gov-list:nth-child(5n) .gov-link {border-right: none;} #use_terms2 .gov-list:nth-child(2n) .gov-link {border-right: 1px solid #d1d1d1;} #use_terms2 .gov-list:last-child .gov-link {border-right: 1px solid #d1d1d1;} } @media screen and (max-width:768px) { #use_terms2 .ceo-title {font-size: 1.6rem;} } @media screen and (max-width:499px){ #use_terms2 .org-left img {height: 68%;} #use_terms2 .org-group {padding: 10px;} } #use_terms2 .ff-noto {font-family: 'Noto Sans KR', sans-serif;} #use_terms2 .hr-vision {margin: 50px 0 0 0; padding: 20px; border: 2px solid #f5f5f5;} #use_terms2 .hr-vision > [class*="col-"] {border-right: 2px solid #f5f5f5;} #use_terms2 .hr-vision > [class*="col-"]:last-child {border-right: none;} /* 20201220 */ /* board */ #use_terms2 .text-ellipsis {width: 500px; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} #use_terms2 .text-ellipsis02 {width: 100%; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} #use_terms2 .board-group {padding-top: 60px;} #use_terms2 .board-top-group {background: #f1f3f8;} #use_terms2 .board-top-inner {width: 98%; margin: 0 auto;} #use_terms2 .board-top-inner:after {content: ""; display: block; clear: both;} #use_terms2 .board-top-group .form-control {border-radius: 0; background: #fff; border: 1px solid #cdcdcd;} /* .board-top-group select.form-control {padding-right: 20px; background: #fff url(/images/kamco//arrow-down.png) no-repeat 95% 50%/10px; } */ #use_terms2 .board-top-left {position: relative; float: left; width: 40%; height: 90px;} #use_terms2 .board-page-all {position: absolute; top: 50%; left: 0; transform: translateY(-50%);} #use_terms2 .board-page-list {display: inline-block; margin-right: 5px; font-size: 1.8rem; color: #363636;} #use_terms2 .board-top-right {position: relative; float: right; width: 60%; height: 90px;} #use_terms2 .board-form-group {position: absolute; top: 50%; right:0; transform: translateY(-50%);} #use_terms2 .board-form {float: left; margin-left: 10px; vertical-align: bottom;} #use_terms2 .board-form .btn {padding: 0.60rem 1.2rem;} #use_terms2 .board-topbar {padding: 20px 30px; background: #f1f3f8;} #use_terms2 .board-topbar .btn {display: block; width: 100%; padding: 0.5rem 1.2rem; font-size: 1.7rem;} #use_terms2 .board-topbar select.form-control {border-radius: 0; border: 1px solid #cdcdcd;} #use_terms2 .board-topbar .form-control {border-radius: 0; background: #fff; border: 1px solid #cdcdcd;} @media screen and (max-width: 991px){ #use_terms2 .board-topbar {padding: 10px 15px;} #use_terms2 .board-topbar .text-left {display: none;} #use_terms2 .board-topbar .row > [class*="col-"], .board-topbar .row [class*="col-"] {margin: 8px 0;} } @media screen and (max-width: 575px){ #use_terms2 .board-topbar .form-control {font-size: 1.2rem;} #use_terms2 .board-topbar .btn {padding: 0.38rem 0.5rem; font-size: 1.2rem;} } #use_terms2 .board-table {table-layout: fixed; width: 100%; margin-top: 2.5rem; border-top: 2px solid #323741; border-bottom: 1px solid #dcdcdc; font-size: 1.7rem; overflow-x: hidden;} #use_terms2 .board-table tbody {border-top: 1px solid #323741;} #use_terms2 .board-table th, .board-table td {height: 60px; padding: 0; line-height: 2;} #use_terms2 .board-table td {position: relative; text-align: center;} #use_terms2 .board-table .list_file .icon-img {margin:0;} @media screen and (max-width:1280px){ #use_terms2 .board-top-left {display: none;} #use_terms2 .board-top-right {width: 100%;} } @media screen and (max-width:1024px){ #use_terms2 .board-table {font-family: 'Noto Sans KR', sans-serif;} #use_terms2 .board-table thead {display: none;} #use_terms2 .board-table, .board-table td, .board-table th, .board-table tr {display: block;} #use_terms2 .board-table th, .board-table td {height: auto; line-height: 2.0;} #use_terms2 .board-table tr {position: relative; width: 100%; padding: 5px 0; border-bottom: 1px solid #dcdcdc;} #use_terms2 .board-table tr:after {content: ""; display: block; clear: both;} #use_terms2 .board-table td {position: relative; display: block; float: left; width: auto; border-top: none; font-size: 1.2rem; color: #999;} /*.board-table td:before {content: "|"; padding: 0 10px; color: #d1d1d1;}*/ #use_terms2 .board-table td.list_hit {display: none;} #use_terms2 .board-table td.list_part {display: none;} #use_terms2 .board-table td.list_hit:before {content: none;} /*.board-table td.list_part:before {content: "부서 ";}*/ #use_terms2 .board-table td.list_file {display: none;} #use_terms2 .board-table td.list_num {position: absolute; top:0; left: 0; width: 12%; height:100%; text-align: center; font-size: 1.7rem;} #use_terms2 .board-table td.list_num .icon-notice {position: absolute; top: 46%; left:50%; transform: translate(-50%, -50%); } #use_terms2 .board-table td.list_num .list_num_dd {position: absolute; top: 50%; left:50%; transform: translate(-50%, -50%);} #use_terms2 .board-table td:nth-child(2) {width: 89%; padding-left: 12%;font-size: 1.35rem; color: #000;} #use_terms2 .board-table td:nth-child(2) a {display: block; width: 100%; color: #000;overflow:hidden; text-overflow: ellipsis; white-space: nowrap; word-break: break-all;} #use_terms2 .board-table td:nth-child(2) a:hover, .board-table td:nth-child(2) a:active, .board-table td:nth-child(2) a:focus {text-decoration: underline;} #use_terms2 .board-table td.list_date {clear: both; min-height: 2px; padding-left: 12%;} #use_terms2 .board-table td:nth-child(1):before, .board-table td:nth-child(2):before {content: none;} #use_terms2 .board-table.board02 td:nth-child(1) {padding-left: 3%;} #use_terms2 .board-table.board02 td:nth-child(2) {padding-left: 3%;} #use_terms2 .board-table.board02 td.list_date {padding-left: 3%;} } @media screen and (max-width: 767px){ #use_terms2 .board-top-group {height: 55px;} #use_terms2 .board-top-right {height: 55px;} #use_terms2 .board-top-group .form-control {font-size: 1.3rem;} #use_terms2 .board-group {padding-top: 0;} } @media screen and (max-width: 599px){ #use_terms2 .board-table td:nth-child(2) {width: 98%; padding-left: 15%;} #use_terms2 .board-table td.list_date {padding: 0 10px 0 15%;} #use_terms2 .icon-notice:after {margin: -5px;} #use_terms2 .board-table td:nth-child(2) a {width: 100%;} #use_terms2 .board-table td:nth-child(2) b {display: block; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-break: break-all;} } @media screen and (max-width: 500px){ #use_terms2 .board-table td:nth-child(2) {width: 90%;} } @media screen and (max-width: 399px){ #use_terms2 .board-table td:nth-child(2) {width: 83%;} } @media screen and (max-width: 379px){ #use_terms2 .board-table td:nth-child(2) {width: 82%;} } @media screen and (max-width: 339px){ #use_terms2 .board-table td:nth-child(2) {width: 79%;} } #use_terms2 .icon-notice:after {content: "공지";display: inline-block; width:40px; height:26px; background: #4966c8; line-height: 26px; color: #fff; font-size: 1.1rem; font-family: 'Noto Sans KR', sans-serif;} #use_terms2 .icon-hwp {position: relative; top:50%; transform: translateY(-50%); display: inline-block; width: 40px; height: 40px;} #use_terms2 .icon-hwp:after {content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(/images/kamco//hwp-icon.png) no-repeat center/contain;} #use_terms2 .icon-xls {position: relative; top:50%; transform: translateY(-50%); display: inline-block; width: 40px; height: 40px;} #use_terms2 .icon-xls:after {content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(/images/kamco//xls-icon.png) no-repeat center/contain;} #use_terms2 .icon-xls {position: relative; top:50%; transform: translateY(-50%); display: inline-block; width: 40px; height: 40px;} #use_terms2 .icon-xls:after {content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(/images/kamco//xls-icon.png) no-repeat center/contain;} #use_terms2 .icon-pdf {position: relative; top:50%; transform: translateY(-50%); display: inline-block; width: 40px; height: 40px;} #use_terms2 .icon-pdf:after {content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(/images/kamco//pdf-icon.png) no-repeat center/contain;} #use_terms2 .board-pagi-group {margin-top: 50px;} #use_terms2 .board-pagi {text-align: center;} #use_terms2 .board-pagi-list {display: inline-block;} #use_terms2 .board-pagi-link {display: block; width: 40px; height: 40px; border-radius: 50%; border: 1px solid #fff; text-align: center; line-height: 38px; font-size: 1.7rem; transition: 0.4s;} #use_terms2 .board-pagi-list:first-child .board-pagi-link {border-color: #dcdcdc;} #use_terms2 .board-pagi-list:nth-child(2) .board-pagi-link {border-color: #dcdcdc;} #use_terms2 .board-pagi-list:nth-last-child(2) .board-pagi-link {border-color: #dcdcdc;} #use_terms2 .board-pagi-list:last-child .board-pagi-link {border-color: #dcdcdc;} #use_terms2 .board-pagi-link:hover, .board-pagi-link:focus, .board-pagi-link:active {background-color: #4966c8; border-color: #4966c8; color: #fff;} /* table */ #use_terms2 .table caption {display: none;} #use_terms2 .table th, .table td {vertical-align: middle;} #use_terms2 .table a {position: relative; transition: 0.4s; color: #858796;} #use_terms2 .table a:hover, .table a:active, .table a:focus {text-decoration: underline; color: #333;} #use_terms2 .sub-text a:hover, .sub-text a:active, .sub-text a:focus {text-decoration: underline; outline-offset: 3px;} #use_terms2 .table-01 {margin-top: 2.5rem;border-top: 2px solid #323741; border-bottom: 1px solid #dcdcdc; font-size: 1.7rem;} #use_terms2 .table-01 tbody {border-top: 1px solid #323741;} #use_terms2 .table-01 th, .table-01 td {padding: 20px 20px;} #use_terms2 .table-01 th {background: #eef1fa; color: #333; font-weight: 700; border-top: 2px solid #323741; border-bottom: 1px solid #323741;} #use_terms2 .table-01 td {position: relative; border-right:1px solid #dcdcdc; text-align: center;line-height:1.7;color: #777;} #use_terms2 .table-01 td:last-child {border-right: none;} @media screen and (max-width: 499px){ #use_terms2 .table-01 th, .table-01 td {padding: 2%;} } #use_terms2 .table-02 {margin-top: 2.5rem;border-top: 2px solid #323741; border-bottom: 1px solid #dcdcdc; font-size: 1.7rem;} #use_terms2 .table-02 th, .table-02 td {padding: 20px 20px;} #use_terms2 .table-02 thead th {background: #eef1fa; border-top: 2px solid #323741;border-bottom: 1px solid #323741; color: #333; font-weight: 600; font-size: 1.9rem;} #use_terms2 .table-02 thead td {background: #eef1fa; border-right: 1px solid #ddd; color: #3566cc; text-align: center; font-weight: 600; font-size: 1.9rem;} #use_terms2 .table-02 tbody th {background: #f6f7f8; border-right:1px solid #ddd; color: #003872;} #use_terms2 .table-02 tbody td {position: relative; border-right:1px solid #ddd; text-align: left;} #use_terms2 .table-02 th:last-child {border-right: none;} #use_terms2 .table-02 td:last-child {border-right: none;} @media screen and (max-width: 1024px){ #use_terms2 .table-02,.table-02 thead, .table-02 tbody, .table-02 tr, .table-02 td, .table-02 th {display: block;} #use_terms2 .table-02 th, .table-02 td {padding: 10px 20px;} #use_terms2 .table-02 thead {display: none;} #use_terms2 .table-02 tbody th {display: none;} #use_terms2 .table-02 tbody td {padding-left: 180px; border-left: 1px solid #ddd;} #use_terms2 .table-02 tbody td:before {content: ""; position: absolute; top:0; left: 0; width: 150px; height: 100%; background: #eef1fa;} #use_terms2 .table-02 tbody td:after {content: attr(title); display: block; position: absolute; top:50%; left:0; width: 150px; transform: translateY(-50%); text-align: center;} #use_terms2 .table-02 tbody td:last-child {border-right: 1px solid #ddd;} } #use_terms2 .table-03 {margin-top: 2.5rem;border-top: 2px solid #323741; border-bottom: 1px solid #dcdcdc; font-size: 1.7rem;} #use_terms2 .table-03 th, .table-03 td {padding: 20px 20px;} #use_terms2 .table-03 thead th {background: #eef1fa; border-top: 2px solid #323741;border-bottom: 1px solid #323741; color: #333; font-weight: 600; font-size: 1.9rem;} #use_terms2 .table-03 thead td {background: #eef1fa; border-right: 1px solid #ddd; color: #3566cc; text-align: center; font-weight: 600; font-size: 1.9rem;} #use_terms2 .table-03 tbody th {background: #f6f7f8; border-right:1px solid #ddd; color: #003872;} #use_terms2 .table-03 tbody td {position: relative; border-right:1px solid #ddd; text-align: center;} #use_terms2 .table-03 th:last-child {border-right: none;} #use_terms2 .table-03 td:last-child {border-right: none;} @media screen and (max-width: 1024px){ #use_terms2 .table-03,.table-03 thead, .table-03 tbody, .table-03 tr, .table-03 td, .table-03 th {display: block;} #use_terms2 .table-03 {border-bottom: none;} #use_terms2 .table-03 th, .table-03 td {padding: 10px 20px;} #use_terms2 .table-03 thead {display: none;} #use_terms2 .table-03 tbody th {display: none;} #use_terms2 .table-03 tbody td {padding-left: 120px; border-left: 1px solid #ddd;} #use_terms2 .table-03 tbody td:before {content:""; position: absolute; top:0; left: 0; width: 100px; height: 100%; background: #eef1fa;} #use_terms2 .table-03 tbody td:after {content: attr(title); display: block; position: absolute; top:50%; left:0; width: 100px; transform: translateY(-50%); text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} #use_terms2 .table-03 tbody td:last-child {border-right: 1px solid #ddd;} #use_terms2 .table-03 tr {margin-bottom: 20px; border-bottom: 1px solid #ddd;} } #use_terms2 .table-04 {margin-top: 2.5rem;border-top: 2px solid #323741; font-size: 1.7rem;} #use_terms2 .table-04 tr {border-bottom: 1px solid #dcdcdc;} #use_terms2 .table-04 th {background: #f1f3f8;} #use_terms2 .table-04 th, .table-04 td {padding: 15px 20px;} #use_terms2 .table-04 th .sub-p2, .table-04 td .sub-p2 {padding-left: 0;} @media screen and (max-width: 1024px){ #use_terms2 .table-04 th, .table-04 td {padding: 10px 15px;} } #use_terms2 .table-05 {border-top: 2px solid #323741; border-bottom: 1px solid #323741; font-family: 'Noto Sans KR', sans-serif; font-size: 1.7rem;} #use_terms2 .table-05 th {padding: 20px 30px; background: #f1f3f8; text-align: left; color: #333;} #use_terms2 .table-05 td {padding: 30px; border-top: none; line-height: 1.7;} #use_terms2 .sub-p2.table-05-title {padding: 70px 0 15px;} #use_terms2 .table-06 {border-top: 2px solid #323741; border-bottom: 1px solid #323741; font-family: 'Noto Sans KR', sans-serif; font-size: 1.7rem;} #use_terms2 .table-06 th {padding: 10px 30px; background: #f1f3f8; text-align: left; color: #333; border-right: 1px solid #d1d1d1;} #use_terms2 .table-06 td {padding: 30px; border-top: none; border-right: 1px solid #d1d1d1; line-height: 1.7;} #use_terms2 .table-07 {border-top: 2px solid #323741; border-bottom: 1px solid #dcdcdc; font-size: 1.7rem; } #use_terms2 .table-07 td, .table-07 th {border-top: none; text-align: center; word-break: keep-all;} #use_terms2 .table-07 td:first-child, .table-07 th:first-child {border-right: 1px solid #dcdcdc;} #use_terms2 .table-07 th {background: #f1f3f8;} #use_terms2 .table-07 td {padding-left: 20px; padding-right: 20px; text-align: left; font-size: 1.5rem;font-family: 'Noto Sans KR', sans-serif; } #use_terms2 .table-07 td:last-child, .table-07 th:last-child {border-right: none;} @media screen and (max-width: 499px){ #use_terms2 .table-07 td, .table-07 th {padding-left: 5px; padding-right: 5px;} #use_terms2 .table-07 td:first-child {width: 60%;} } #use_terms2 .table-08 {width: 100%; border-top: 2px solid #323741; border-bottom: 1px solid #dcdcdc; font-size: 1.7rem;} #use_terms2 .table-08 th, .table-08 td {padding: 20px;} #use_terms2 .table-08 thead th {background: #E8ECF5; color: #393A3B; font-weight:600;} #use_terms2 .table-08 tbody th {background: #F3F5F9; border-right: 1px solid #E1E2E4; color: #27578C; font-weight:600;} #use_terms2 .table-08 tbody tr:first-child {border-top: 1px solid #323741;} #use_terms2 .table-08 tbody th:last-child {border-right: none;} #use_terms2 .table-08 tbody td {background: #fff; border-right: 1px solid #E1E2E4; color: #484848;} #use_terms2 .table-08 tbody td:last-child {border-right: none;} @media screen and (max-width: 499px){ #use_terms2 .table-08 th, .table-08 td {padding: 2%;} } #use_terms2 .table-responsive01 {margin-top: 2.5rem;border-top: 2px solid #323741; border-bottom: 1px solid #dcdcdc; font-size: 1.7rem;} #use_terms2 .table-responsive01 tbody {border-top: 1px solid #323741;} #use_terms2 .table-responsive01 th, .table-responsive01 td {padding: 20px;} #use_terms2 .table-responsive01 th {border-right:1px solid #dcdcdc; background: #f1f3f8;} #use_terms2 .table-responsive01 th:last-child {border-right:none;} #use_terms2 .table-responsive01 td {position: relative; border-right:1px solid #dcdcdc; text-align: center; line-height:1.7;} #use_terms2 .table-responsive01 td:last-child {border-right: none;} #use_terms2 .table-responsive02 {margin-top: 2.5rem;border-top: 2px solid #323741; border-bottom: 1px solid #dcdcdc; font-size: 1.7rem;} #use_terms2 .table-responsive02 tbody {border-top: 1px solid #323741;} #use_terms2 .table-responsive02 th, .table-responsive02 td {padding: 15px 20px;} #use_terms2 .table-responsive02 th {background: #003A7D; border-right:1px solid #dcdcdc; color: #fff;} #use_terms2 .table-responsive02 th:last-child {border-right:none;} #use_terms2 .table-responsive02 td {position: relative; border-right:1px solid #dcdcdc; background: #f1f1f1; text-align: center; line-height:1.7;} #use_terms2 .table-responsive02 td:last-child {border-right: none;} @media screen and (max-width: 1023px){ #use_terms2 .table {font-family: 'Noto Sans KR', sans-serif; font-size: 1.4rem;} } @media screen and (max-width:767px) { #use_terms2 .table {font-size: 1.2rem;} #use_terms2 .table-responsive01, .table-responsive01 thead, .table-responsive01 tbody, .table-responsive01 tr, .table-responsive01 td, .table-responsive01 th {display: block;} #use_terms2 .table-responsive01 {border-bottom: none;} #use_terms2 .table-responsive01 thead {display: none;} #use_terms2 .table-responsive01 tr {margin-bottom: 10px; border-bottom: 1px solid #dcdcdc;} #use_terms2 .table-responsive01 td {position: relative; padding-left: 32%; text-align: left; font-size: 1.4rem;} #use_terms2 .table-responsive01 td:before {content:attr(title); position: absolute; top:0; left:0; width:30%; height: 100%; background: #f1f3f8; line-height: 3.1; text-align: center;} #use_terms2 .table-responsive01 td span {display: inline !important;} #use_terms2 .table-responsive01 th:last-child {border-right:1px solid #dcdcdc;} #use_terms2 .table-responsive01 td:last-child {border-right:1px solid #dcdcdc;} #use_terms2 .table-responsive02, .table-responsive02 thead, .table-responsive02 tbody, .table-responsive02 tr, .table-responsive02 td, .table-responsive02 th {display: block;} #use_terms2 .table-responsive02 {border-bottom: none;} #use_terms2 .table-responsive02 thead {display: none;} #use_terms2 .table-responsive02 tr {margin-bottom: 10px; border-bottom: 1px solid #dcdcdc;} #use_terms2 .table-responsive02 td {position: relative; padding-left: 32%; text-align: left; font-size: 1.4rem;} #use_terms2 .table-responsive02 td:before {content:attr(title); position: absolute; top:0; left:0; width:30%; height: 100%; background: #003A7D; line-height: 3.0; text-align: center; color: #fff;} #use_terms2 .table-responsive02 td span {display: inline !important;} #use_terms2 .table-responsive02 th:first-child, .table-responsive02 td:first-child {border-top: none;} #use_terms2 .table-responsive02 th:last-child {border-right:1px solid #dcdcdc;} #use_terms2 .table-responsive02 td:last-child {border-right:1px solid #dcdcdc;} } @media screen and (max-width:599px){ #use_terms2 .table-responsive01 td {font-size: 1.2rem;} } /* 20201231 sychoi */ #use_terms2 .awards-link {position: relative; display: block; width: 100%; height: 100%; overflow: hidden;} #use_terms2 .awards-img {position: relative; width: 100%; height: 250px; overflow: hidden; overflow: hidden;} #use_terms2 .awards-link:after {content: ""; position: absolute; top:100%; left:0; width: 100%; height: 100%; background: rgba(0,0,0,0.8); transition: 0.4s; opacity:0;} #use_terms2 .awards-img img {position: absolute; top: -30px; left: 50%; transform: translateX(-50%); display: block; width: 110%; height:200px;} #use_terms2 .awards-more-text { position: absolute; top: 15px; left:50%; transform: translateX(-50%); width: calc(100% - 10px); height: 230px; padding: 10px; color: #fff; font-size: 1.7rem; line-height: 1.7; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 8; -webkit-box-orient: vertical; transition: 0.4s; z-index:2; opacity: 0; overflow: hidden; } #use_terms2 .awards-link:hover:after, .awards-link:active:after, .awards-link:focus:after {top:0; opacity: 1;} #use_terms2 .awards-link:hover .awards-more-text, .awards-link:active .awards-more-text, .awards-link:focus .awards-more-text {opacity: 1;} #use_terms2 .awards-detail {position: relative; padding: 15px; z-index: 2;} #use_terms2 .awards-detail:after {transform: rotate(90deg);} #use_terms2 .awards-link:hover .awards-detail:before, .awards-link:active .awards-detail:before, .awards-link:focus .awards-detail:before {background: #fff;} #use_terms2 .awards-link:hover .awards-detail:after, .awards-link:active .awards-detail:after, .awards-link:focus .awards-detail:after {background: #fff;} #use_terms2 .awards-title {position: relative; padding: 20px 0; width: 80%; font-weight: 600; font-size: 2.0rem; color: #666; word-break: keep-all; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} #use_terms2 .awards-link:hover .awards-title, .awards-link:active .awards-title, .awards-link:focus .awards-title {color: #fff;} #use_terms2 .awards-text-list {display: inline-block; font-size:1.7rem;} #use_terms2 .awards-text-list:after {content: "|"; padding: 0 10px;} #use_terms2 .awards-text-list:last-child:after {content: none;} #use_terms2 .sub-text .awards-link:hover, .sub-text .awards-link:active, .sub-text .awards-link:focus {text-decoration: none;} @media screen and (max-width: 1023px){ #use_terms2 .awards-title {font-size: 1.6rem;} #use_terms2 .awards-text-list {font-size: 1.2rem;} #use_terms2 .awards-more-text {display: none; height: 190px; font-size: 1.4rem; -webkit-line-clamp: 8;} #use_terms2 .awards-link:hover:after, .awards-link:active:after, .awards-link:focus:after {content: none;} #use_terms2 .awards-link:hover .awards-title, .awards-link:active .awards-title, .awards-link:focus .awards-title {color: #000;} #use_terms2 .awards-link:hover .awards-detail:before, .awards-link:active .awards-detail:before, .awards-link:focus .awards-detail:before {content: "";} #use_terms2 .awards-link:hover .awards-detail:after, .awards-link:active .awards-detail:after, .awards-link:focus .awards-detail:after {content: "";} } #use_terms2 .map-iframe {position: relative; height: 500px; background: #cdcdcd; overflow: hidden;} #use_terms2 .map-iframe img {position: absolute; top:50%; left: 50%; transform: translate(-50%, -50%); display: block; width: 100%; height: auto; border: none;} #use_terms2 .map-detail {position: relative; height: 80px; background: #f1f1f1;} #use_terms2 .map-detail-group {padding-left: 60px;} #use_terms2 .map-detail-list {display: inline-block; margin-right: 20px; line-height: 1.7;} #use_terms2 .map-btn {position: absolute; right: 20px; top: 50%; transform: translateY(-50%);} #use_terms2 .icon-bus {position: absolute; top: 0; left: 0; width: 80px; height: 100%; background: #3863e4 url(../../portal/img/sub/bus-icon.png) no-repeat center/contain;} #use_terms2 .icon-subway {background: #3863e4 url(../../portal/img/sub/subway-icon.png) no-repeat center/contain;} @media screen and (max-width: 767px){ #use_terms2 .map-detail-group {padding: 0 10px 15px 93px;} #use_terms2 .map-iframe {height: 200px;} } /* 20201223 sychoi */ #use_terms2 #titWrap {width: 100%; padding: 0 0 0 0;} #use_terms2 #spotWrap {display: none;} @media screen and (max-width: 1023px) { #use_terms2 #spotWrap {display: block; width: 90%; margin: 0 auto; padding: 20px 0;} } #use_terms2 .tab_depth04 ul{border-bottom: 2px solid #5170cd;} #use_terms2 .tab_depth04> ul >li {margin: 0 0 0 0;} #use_terms2 .tab_depth04 >ul >li >a {padding: 20px 0; border-radius: 0; border-right: none; border-bottom: none; border-color: #d1d1d1; background-color: #fff; color: #777; transition: 0.4s;} #use_terms2 .tab_depth04 >ul >li:last-child > a {border-right: 1px solid #ccd0d3;} #use_terms2 .tab_depth04 .list03 >li {width: 33.333%;} #use_terms2 .tab_depth04 .list04 >li {width: 25%;} #use_terms2 .tab_depth04 .list05 >li {width: 20%;} #use_terms2 .tab_depth04 >ul >li >a.on {background-color: #5170cd; border-color: #5170cd; color: #fff;} #use_terms2 .tab_depth04 >ul >li >a.on:hover, .tab_depth04 >ul >li >a.on:focus {background-color: #1246ad; color: #fff;} #use_terms2 .tab_depth04 >ul >li >a:hover, .tab_depth04 >ul >li >a:focus {background-color: #fff;} @media screen and (max-width: 768px) { #use_terms2 .tab_depth04 .list03 >li, .tab_depth04 .list04 >li, .tab_depth04 .list05 >li {width: 50%;} #use_terms2 .tab_depth04 >ul >li >a {border-bottom: 1px solid #ccd0d3;} #use_terms2 .tab_depth04 .list03 >li:nth-child(2n) a {border-right: 1px solid #ccd0d3;} #use_terms2 .tab_depth04 .list03 >li:last-child {width: 100%;} #use_terms2 .tab_depth04 .list03 >li:last-child a { border-top: none; border-bottom: none;} } @media screen and (max-width: 640px){ #use_terms2 .tab_depth04 >ul >li >a {text-align: center;} } /* 20201224 sychoi */ /* .board-view */ #use_terms2 .table-view {position: relative; margin-bottom: 50px; border-color: #bcbcbc; border-top: 2px solid #333; font-size: 1.7rem; line-height: 1.7;} #use_terms2 .table-view:after {content: ""; position: absolute; bottom: -20px; left: 0; display: block; width: 100%; height: 1px; background: #d1d1d1;} #use_terms2 .table-view th {background: #f5f5f5; color: #333;} #use_terms2 .table-view th, .table-view td {border-color: #e3e6f0; padding: 15px 0;} #use_terms2 .table-view td {padding-left: 20px;} #use_terms2 .table-view tbody td {padding: 30px;} #use_terms2 .table-view .bt-none {border-top: none;} #use_terms2 .table-view .grey-box p {height:45px;} #use_terms2 .table-view .grey-box .icon-pdf {top: 75%;} #use_terms2 .table-view .grey-box .icon-hwp {top: 75%;} #use_terms2 .table-view .grey-box .icon-xls {top: 75%;} #use_terms2 .table-view .img_box img {display: block; width: 90%; margin: 15px auto;} #use_terms2 .table-view img {display: block; max-width: 1100px; width: auto; margin: 15px auto;} #use_terms2 .table-view img.icon-img {display: inline-block; width: auto; height: auto; margin: 0;} #use_terms2 .board-view-footer {margin: 30px 0; border-top: 1px solid #333;border-bottom: 1px solid #333;} #use_terms2 .board-view-footer .row {position: relative; padding: 0 30px; border-bottom: 1px solid #d1d1d1;} #use_terms2 .board-view-footer p {line-height: 50px; font-size: 1.7rem; cursor: pointer;} #use_terms2 .arrow-up, .arrow-down {position: absolute; top:50%; left:0; transform: translateY(-50%); display: inline-block; width: 15px; height: 15px; margin-right: 10px;} #use_terms2 .arrow-up:after, .arrow-down:after {content: ""; position: absolute; width: 100%; height: 100%; background: url(../../portal/img/sub/arrow-up.png) no-repeat center/contain;} #use_terms2 .arrow-down:after {background-image: url(../../portal/img/sub/arrow-down.png);} @media screen and (max-width: 1023px) { #use_terms2 .table-view {font-size: 1.4rem;} #use_terms2 .table-view th, .table-view td {padding: 10px 0;} #use_terms2 .table-view thead th {display: none;} #use_terms2 .table-view thead td {display: block; position: relative; padding-left: 22%; height: auto;} #use_terms2 .table-view thead td:before {content: attr(date-label); position: absolute; top:0; left:0; width: 20%; height: 100%; background: #f5f5f5; color: #333; font-weight: 600; text-align: center; line-height:3;} #use_terms2 .board-view-footer p {line-height: 50px; font-size: 1.4rem;} #use_terms2 .table-view img {width: 98%;} #use_terms2 .table-view .img_box img {width: 100%;} #use_terms2 .table-view td:after {content: ""; display: inline-block; width: 1px; height: 100%;} } @media screen and (max-width: 599px) { #use_terms2 .table-view thead td {padding-left: 38%;} #use_terms2 .table-view thead td:before {width: 35%;} } /* p06-menu-group */ #use_terms2 .p06-menu-group {padding: 20px 0; border-bottom: 1px solid #d1d1d1;} #use_terms2 .p06-menu-group:after {content: ""; display: block; clear: both;} #use_terms2 .p06-menu-list {float: left; width: 33.333%;} #use_terms2 .p06-menu-link {position: relative; display: block; margin: 0 10px; padding: 0 15px; font-size: 1.7rem; color: #333; line-height:40px;} #use_terms2 .p06-menu-link:after {content: ""; position: absolute; top:50%; left:-10px; transform: translateY(-50%); width: 4px; height: 4px; border-radius: 50%; background: #333;} @media screen and (max-width: 1023px){ #use_terms2 .p06-menu-list {width: 50%;} } @media screen and (max-width: 767px){ #use_terms2 .p06-menu-list {width: 100%;} } /* 20201224 sychoi */ #use_terms2 .sub-select-wrapper:nth-child(2) {width: 300px;} #use_terms2 .sub-select-wrapper:nth-child(2) .sub-option {width: 300px;} #use_terms2 .sub-select-wrapper:nth-child(3) {width: 320px;} #use_terms2 .sub-select-wrapper:nth-child(3) .sub-option {width: 320px;} #use_terms2 .btn {font-size: 1.7rem;} @media screen and (max-width: 1023px){ #use_terms2 .btn {font-size: 1.4rem;} } /* 20201227 +add sychoi */ #use_terms2 .sub-h4 {line-height:1.7;} #use_terms2 .sub-text .sub-p2 {padding-left: 20px;} #use_terms2 .sub-tab-group {margin: 20px 0;} #use_terms2 .sub-tab-chapter {margin: 10px auto 50px; padding: 20px; background: #f1f1f1;} #use_terms2 .tab-charter {width: 100%; text-align: center;} #use_terms2 .tab-charter li {position: relative; display: inline-block; padding: 0 2%;} #use_terms2 .tab-charter li:after {content: ""; position: absolute; top: 50%; transform: translateY(-50%); right: 0; width: 1px; height: 20px; background: #dcdcdc;} #use_terms2 .tab-charter li:last-child:after {content: none;} #use_terms2 .tab-charter a {position: relative; display: block; font-size: 1.7rem; color: #666;text-align: center; line-height: 3.0;} #use_terms2 .tab-charter a:before {content: ""; position: absolute; top:10px; left: 50%; transform: translateX(-50%); width: 4px; height: 4px; border-radius: 50%; background: #5170cd; opacity: 0; transition: 0.4s;} #use_terms2 .tab-charter a.on {color: #5170cd;} #use_terms2 .tab-charter a.on:before {top:0px; opacity: 1;} #use_terms2 .chapter-title {padding: 40px 30px; background: #f1f1f1 url(../../portal/img/sub/06/p0606-icon-01.png) no-repeat 7% 50%/100px;} #use_terms2 .chapter-title.chapter01 {background-image: url(../../portal/img/sub/06/p0606-icon-01.png);} #use_terms2 .chapter-title.chapter02 {background-image: url(../../portal/img/sub/06/p0606-icon-02.png);} #use_terms2 .chapter-title.chapter03 {background-image: url(../../portal/img/sub/06/p0606-icon-03.png);} #use_terms2 .chapter-title.chapter04 {background-image: url(../../portal/img/sub/06/p0606-icon-04.png);} #use_terms2 .chapter-title.chapter05 {background-image: url(../../portal/img/sub/06/p06-06010202_01.png);} #use_terms2 .chapter-title.chapter06 {background-image: url(../../portal/img/sub/06/p06-06010204_01.png);} #use_terms2 .chapter-title.chapter07 {background-image: url(../../portal/img/sub/06/p0606-icon-05.png);} #use_terms2 .chapter-title.chapter08 {background-image: url(../../portal/img/sub/06/p0606-icon-06.png);} #use_terms2 .chapter-box {width: 80%; margin-left: 20%;} #use_terms2 .table-responsive03 {display: table; width: 100%; margin: 20px 0; border-top: 2px solid #323741; border-bottom: 1px solid #bcbcbc; font-size: 1.7rem; line-height: 1.7;} #use_terms2 .table-responsive03 thead {background: #f1f1f1; border-top: 2px solid #666; border-bottom: 2px solid #bcbcbc;} #use_terms2 .table-responsive03 td, .table-responsive03 th {padding: 15px 10px; text-align: center; border-right: 1px solid #e3e6f0;} #use_terms2 .table-responsive03 th {background: #f1f3f8; border-bottom: 1px solid #323741; color: #3d3d3d; font-weight: 700;} #use_terms2 .table-responsive03 td:last-child, .table-responsive03 th:last-child {border-right: none;} #use_terms2 .table-responsive03 tfoot {background: #f1f1f1; border-bottom: 1px solid #d1d1d1; font-weight: 600;} @media screen and (max-width: 1279px){ #use_terms2 .table-responsive03 {font-family: 'Noto Sans KR', sans-serif; font-size: 1.4rem;} } @media screen and (max-width: 785px) { #use_terms2 .chapter-title {background-size: 100px; background-position: 30px 30px;} #use_terms2 .chapter-box {width: 70%; margin-left: 30%;} #use_terms2 .table-responsive03 {font-size: 1.3rem;} } @media screen and (max-width: 500px) { #use_terms2 .tab-charter a {font-size: 1.3rem;} #use_terms2 .chapter-title {background-size: 80px; background-position: 20px 20px;} #use_terms2 .table-responsive03 td, .table-responsive03 th {padding: 10px;} #use_terms2 .table-responsive03 {font-size: 1.2rem;} } #use_terms2 .vis-h {visibility: hidden;} #use_terms2 .row > [class*="col-"], .row [class*="col-"] {margin: 5px 0;} #use_terms2 .board-topbar .row > [class*="col-"], .board-topbar .row [class*="col-"] {margin: 5px 0;} #use_terms2 .row.no-gutters > [class*="col-"], .row.no-gutters [class*="col-"] {margin: 5px 0;} #use_terms2 .no-gutters > .col, .no-gutters > [class*="col-"] {padding-bottom: 10px;} #use_terms2 .grey-border {padding: 10px; border: 1px solid #ededed;} #use_terms2 .emot01 .grey-box {position: relative; height: 300px; padding: 0px; overflow: hidden; border: 2px solid #f1f1f1;} #use_terms2 .emot01 .grey-box img {position: absolute; top:50%; left: 50%; transform: translate(-50%, -50%); display: block; height: auto; width: 110%;} #use_terms2 .emot02 .grey-box .sub-img {width: 100%;} #use_terms2 .emot02 .row.grey-box {position: relative; padding: 20px; } #use_terms2 .emot02 .grey-box {padding: 10px;overflow: hidden;} #use_terms2 .emot02 .grey-border.btn {background: #fff;} #use_terms2 .emot02 em {padding-left: 20px;} /* 20201228 sychoi */ #use_terms2 .sub-h2:after {content: none;} #use_terms2 .sub-title-inner:after {content: ""; position: absolute; top: -25px; left: 50%; transform: translateX(-50%);width: 2px; height: 50px; background: #4966c8;} #use_terms2 .p06-menu-group {padding: 0; border-bottom: none;} #use_terms2 .tab_depth05 {margin: 10px auto 50px; border: none; background: #f1f1f1;} #use_terms2 .tab_depth05 ul {width: 100%; text-align: center;} #use_terms2 .tab_depth05 ul >li {position: relative; float: none; display: inline-block;} #use_terms2 .tab_depth05 ul >li a {padding: 10px 25px; text-align: center; transition: 0.4s;} #use_terms2 .tab_depth05 ul >li a.on, .tab_depth05 ul >li a:hover, .tab_depth05 ul >li a:focus {color: #5170cd; font-weight: 400;} #use_terms2 .tab_depth05 ul >li a.on {font-weight: 600;} #use_terms2 .tab_depth05 ul >li a.on:before, .tab_depth05 ul >li a:hover:before, .tab_depth05 ul >li a:focus:before {background-color: #5170cd;} #use_terms2 .tab_depth05 ul >li a >span {max-width: 100%; white-space: inherit;} #use_terms2 .tab_depth05 ul > li:after {content: ""; position: absolute; top: 50%; transform: translateY(-50%); right: 0; width: 1px; height: 20px; background: #dcdcdc;} #use_terms2 .tab_depth05 ul > li:last-child:after {content: none;} #use_terms2 .tab_depth05 ul >li a {position: relative; display: block; font-size: 1.7rem; color: #666;text-align: center; line-height: 3.0;} #use_terms2 .tab_depth05 ul >li a:before {content: ""; position: absolute; top:10px; left: 50%; transform: translateX(-50%); width: 4px; height: 4px; border-radius: 50%; background: #5170cd; opacity: 0; transition: 0.4s;} #use_terms2 .tab_depth05 ul >li a.on:before {opacity: 1;} #use_terms2 .tab_depth05 ul.list01 >li {width: auto;} #use_terms2 .tab_depth05 ul.list01 >li a >span {max-width: 100%;} #use_terms2 .tab_depth05 ul.list02 >li {width: auto;} #use_terms2 .tab_depth05 ul.list03 >li {width: auto;} #use_terms2 .tab_depth05 ul.list04 >li {width: auto;} @media screen and (max-width: 767px){ #use_terms2 .tab_depth05 ul >li a {padding: 5px 25px; font-size: 1.2rem;} #use_terms2 .tab_depth05 ul >li a >span {font-size: 1.2rem;} } /* 20201229 sychoi */ #use_terms2 .map-cd {padding-top: 50px;} #use_terms2 .icon-subway {background-size: 60%;} #use_terms2 .icon-bus {background-size: 60%;} #use_terms2 .map-detail-group {padding: 20px 20px 20px 58px;} #use_terms2 .map-detail {height: auto;} #use_terms2 .table {line-height: 1.7;} #use_terms2 .tab-chapter-group .tab-chapter-cont:first-child {display: block;} #use_terms2 .tab-chapter-cont {display: none;} /* 20201230 sychoi */ #use_terms2 .org-link {text-indent: -9999px;} #use_terms2 hr {border-color: #f1f1f1;} #use_terms2 .org-title {color: #666;} #use_terms2 .org-detail {display: none; position: fixed; top:0; left:0; width: 100%; height:100%; z-index: 10;} #use_terms2 .org-detail-bg {position: fixed; top:0; left:0; width: 100%; height: 100%; background: rgba(0,0,0,0.6);} #use_terms2 .org-cont {position: absolute; top:50%; left:50%; transform: translate(-50%, -50%); width: 45%; height: 600px; padding: 15px 35px 40px; background: #fff; overflow-y: auto; transition: 0.4s;} #use_terms2 .org-cont-inner {position: relative; height: auto;} #use_terms2 .org-cont-inner i {display: block; width: 80%;} #use_terms2 .org-cont-inner p {line-height: 1.7;} #use_terms2 .org-close {position: absolute; top:0; right: 10px; width: 40px; height: 40px; background: transparent; border: none; text-indent: -9999px;} #use_terms2 .org-close:before, .org-close:after {content:""; position: absolute; top: 50%; left:0; width: 100%; height: 1px; background: #333;} #use_terms2 .org-close:before {transform: rotate(45deg);} #use_terms2 .org-close:after {transform: rotate(-45deg);} #use_terms2 .btn-round {padding: 15px 80px; border-radius: 40px;} @media screen and (max-width: 1399px){ #use_terms2 .org-cont {width: 65%;} } @media screen and (max-width: 1023px){ #use_terms2 .org-cont {width: 80%;} #use_terms2 .btn-round {width: 50%; padding: 10px 15px;} #use_terms2 .btn-center {width: 50%;} #use_terms2 .org-close {right: -35px; top: -25px;} #use_terms2 .org-close:before, .org-close:after {width: 50%;} } @media screen and (max-width:599px){ #use_terms2 .org-cont-inner i {width: 64%;} #use_terms2 .emot01 .grey-box {height: 200px;} #use_terms2 .org-title {font-size: 1.6rem;} #use_terms2 .org-link {display: none;} #use_terms2 .org-cont {top: 110px; transform: translateX(-50%); height: 78vh;} } @media screen and (max-width:576px){ #use_terms2 .org-cont .sub-img {width: auto; height: auto; margin-top: 20px;} } #use_terms2 .emot01 .grey-box img {width: 65%;} #use_terms2 .kamco-blue {margin: 10px; padding: 20px; background: rgba(9,31,95); font-family: 'Noto Sans KR', sans-serif;color: #fff; font-size: 1.2rem;} #use_terms2 .kamco-red {margin: 10px; padding: 20px;background: #f00; font-family: 'Noto Sans KR', sans-serif;color: #fff; font-size: 1.2rem;} #use_terms2 .kamco-grey {margin: 10px; padding: 20px;background: #d1d1d1; font-family: 'Noto Sans KR', sans-serif;color: #fff; font-size: 1.2rem;} #use_terms2 .kamco-black {background: #000;} #use_terms2 .kamco-white {background: #fff;} /* 20201231 sychoi */ #use_terms2 .gov-link {transition: 0.5s;} #use_terms2 .gov-link em {position: absolute; display: block; top:0; left:0; width: 100%; height:100%; background: #5170cd url(../../portal/img/sub/icon_link_01.png) no-repeat 95% 15%/20px; text-indent: -9999px; opacity:0; transition: 0.3s;} #use_terms2 .gov-link:hover em, .gov-link:focus em, .gov-link:active em {opacity: 1;} #use_terms2 .gov-link:before, .gov-link:after {position: absolute; transform: translateX(-50%); display: block; width :100%; text-align: center; color: #fff; font-size: 1.7rem; opacity:0; transition: 0.6s;} #use_terms2 .gov-link:before {content:attr(title);top:33%; left:50%; z-index:2;} #use_terms2 .gov-link:after {content:attr(href); bottom:20%; left:50%;z-index:2; font-size: 1.2rem; font-family: 'Noto Sans KR', sans-serif;} #use_terms2 .gov-link:hover:before, .gov-link:focus:before, .gov-link:active:before {opacity:1;} #use_terms2 .gov-link:hover:after, .gov-link:focus:after, .gov-link:active:after {opacity:1;} /* 20210104 sychoi */ #use_terms2 .tv-img {width: 90%; height: 633px; margin: 0 auto;} @media screen and (max-width: 1023px){ #use_terms2 .tv-img {height: 400px;} } @media screen and (max-width: 767px){ #use_terms2 .tv-img {height: 350px;} } @media screen and (max-width: 600px){ #use_terms2 .tv-img {height: 250px;} } #use_terms2 .tv-img iframe {display: block; width: 100%; min-height:100%;} #use_terms2 .kamco-tv .awards-img {height: 200px;} #use_terms2 .kamco-tv .awards-img img {top:50%; left: 50%; transform: translate(-50%,-50%); width: 105%; height:auto;} #use_terms2 .tv-text {width: 90%; height: auto; margin: 30px auto 50px; background: #f1f1f1;} #use_terms2 .tv-text .sub-text {padding: 50px 50px;} #use_terms2 .kamco-tv .awards-more-text {position: relative; text-align: center; line-height: 230px;} #use_terms2 .kamco-tv .awards-more-text:before, .kamco-tv .awards-more-text:after {content: ""; position: absolute; top: 35%; left: 50%; transform: translate(-50%, -50%); width: 40px; height: 2px; background: #fff;} #use_terms2 .kamco-tv .awards-more-text:after {transform: translate(-50%, -50%) rotate(90deg);} #use_terms2 .awards-link .sub-text a:hover, .awards-link .sub-text a:active, .awards-link .sub-text a:focus {text-decoration: none;} #use_terms2 .awards-link:hover .awards-title, .awards-link:active .awards-title, .awards-link:focus .awards-title {text-decoration: none;} #use_terms2 .topmenu >h4 {position: relative; display: block; padding-top: 15px; font-size: 2.2rem; font-weight: 600;} #use_terms2 .topmenu >h4:before {content:""; position: absolute; top: 0; left: 0; width: 20px; height: 4px; background: url(/images/kamco//sub-title.png) no-repeat center/cover;} #use_terms2 .submenu >ul >li >a {position: relative; display: block; padding-left: 16px; color: #3d3d3d; font-size: 1.8rem; font-weight: 600;} #use_terms2 .submenu >ul >li >a:before {content: ""; position: absolute; top: 0; left: 5px; width: 8px; height: 3px; background: #99ccf2; border: none;} #use_terms2 .submenu >ul >li >a + div {padding: 2rem 2rem; margin: 1rem 0 4rem;} #use_terms2 .submenu {margin-top: 10px;} #use_terms2 .spot_list a {line-height: 1.8;} #use_terms2 .spot_list >li:last-child >a {font-weight:600;} #use_terms2 .clFix:after {content: ""; display: block; clear: both;} @media screen and (max-width: 1279px){ #use_terms2 .kamco-tv .awards-img {height: 200px;} } @media screen and (max-width: 1023px){ #use_terms2 .tab_depth04 >ul >li.list-5 >a {border: none; border-right: 1px solid #ccd0d3;} #use_terms2 .tab_depth04 >ul >li.list-5:first-child >a {border-top: 1px solid #ccd0d3;} #use_terms2 .tab_depth04 >ul >li.list-5:nth-child(2) >a {border-top: 1px solid #ccd0d3;} #use_terms2 .tab_depth04 >ul >li.list-5:nth-child(2n-1) >a {border-left: 1px solid #ccd0d3;} #use_terms2 .kamco-tv .awards-img {height: 160px;} #use_terms2 .kamco-tv .awards-img img {height: 100%; width: auto;} } @media screen and (max-width: 767px){ #use_terms2 .kamco-tv .awards-img {height: 300px;} #use_terms2 .kamco-tv .awards-img img {height: auto; width: 100%;} } @media screen and (max-width: 639px){ #use_terms2 .kamco-tv .awards-img {height: 260px;} #use_terms2 .btn_wrap >a, .btn_wrap >input, .btn_wrap >button {height:35px; line-height: 12px;} } @media screen and (max-width: 499px){ #use_terms2 .kamco-tv .awards-img {height: 200px;} #use_terms2 .kamco-tv .awards-img img {height: 100%; width: auto;} } @media screen and (max-width: 399px){ #use_terms2 .kamco-tv .awards-img {height: 180px;} #use_terms2 .kamco-tv .awards-img img {top: 62%; height: auto; width: 100%;} } #use_terms2 .btn_wrap >a, .btn_wrap >input, .btn_wrap >button {padding: 1.1rem 1.6rem;} /* 20210105 sychoi */ #use_terms2 .ci-box {height: 200px; border: 1px solid #d1d1d1; background: #f7f7f7 url(../../portal/img/sub/01/p01-030102_01.png) no-repeat center/90%;} #use_terms2 .ci-box.box1 { background-image: url(../../portal/img/sub/01/p01-030101_01_1.png),url(../../portal/img/sub/01/p01-030101_00.png); background-size: 25%, cover; } #use_terms2 .ci-box.box2 { background-image: url(../../portal/img/sub/01/p01-030101_02_1.png),url(../../portal/img/sub/01/p01-030101_00.png); background-size: 50%, cover; } #use_terms2 .ci-box.box3 {background-image: url(../../portal/img/sub/01/p01-030101_03.png);} #use_terms2 .ci-box.box4 {background-image: url(../../portal/img/sub/01/p01-030101_04.png);} #use_terms2 .ci-box.box5 {background-image: url(../../portal/img/sub/01/p01-030101_05.png);} #use_terms2 .ci-box.box6 {background-image: url(../../portal/img/sub/01/p01-030101_06.png);} #use_terms2 .ci-box.box01 {background-image: url(../../portal/img/sub/01/p01-030102_01.png);} #use_terms2 .ci-box.box02 {background-image: url(../../portal/img/sub/01/p01-030102_02.png);} #use_terms2 .ci-box.box03 {background-image: url(../../portal/img/sub/01/p01-030102_03.png);} #use_terms2 .ci-box.box04 {background-image: url(../../portal/img/sub/01/p01-030102_04.png);} #use_terms2 .ci-box.box05 {background-image: url(../../portal/img/sub/01/p01-030102_05.png);} #use_terms2 .ci-box.box06 {background-image: url(../../portal/img/sub/01/p01-030102_06.png);} #use_terms2 .ci-box.box07 {background-image: url(../../portal/img/sub/01/p01-030102_07.png);} #use_terms2 .ci-box.box08 {background-image: url(../../portal/img/sub/01/p01-030102_09.png);} #use_terms2 .ci-box.box09 {background-color: #111; background-image: url(../../portal/img/sub/01/p01-030102_10.png);} #use_terms2 .ci-box.box10 {background-image: url(../../portal/img/sub/01/p01-030102_11.png);} #use_terms2 .ci-box.box11 {background-color: #111; background-image: url(../../portal/img/sub/01/p01-030102_12.png);} #use_terms2 .text-psd {color: #3566cc !important;} #use_terms2 .text-ai {color: #f39700 !important;} #use_terms2 .text-gif {color: #999 !important;} #use_terms2 .tab_depth04 >ul >li >a {letter-spacing: inherit;} #use_terms2 .tab_depth04 >ul >li >a:hover, .tab_depth04 >ul >li >a:active, .tab_depth04 >ul >li >a:focus {color: #333; background-color: #eee;} #use_terms2 .tab_depth04.op_mg >ul >li >a[target=_blank]:after {content: "";width: 14px;height: 12px;float: right;margin: 3px -20px 0 0;background: url(../../portal/img/sub/icon_link_01.png) no-repeat -23px 0/contain;} #use_terms2 .tab_depth04.op_mg ul {border-bottom: none;} #use_terms2 .tab_depth04.op_mg> ul >li {width: 25%;} #use_terms2 .tab_depth04.op_mg >ul >li >a {border: 1px solid #596C91; padding-left: 20px; margin: 5px; background: #fff; text-align: left; color: #111; font-weight: 600; letter-spacing: inherit;} #use_terms2 .tab_depth04.op_mg >ul >li >a:hover, .tab_depth04.op_mg >ul >li >a.on, .tab_depth04.op_mg >ul >li >a:focus, .tab_depth04.op_mg >ul >li >a:active {background: #3266CC; color: #fff;} #use_terms2 .tab_depth05.op_mg {padding: 0 20px; border: 2px solid #eee; background: transparent;text-align: center;} #use_terms2 .tab_depth05.op_mg ul {text-align: center;} #use_terms2 .tab_depth05.op_mg ul:after {content: ""; display: block; clear: both;} #use_terms2 .tab_depth05.op_mg ul >li {float: left;} #use_terms2 .tab_depth05.op_mg ul >li.list-2 {width: auto;} #use_terms2 .tab_depth05.op_mg ul > li:after {content: none;} #use_terms2 .tab_depth05.op_mg ul >li a:before {top: 10px; left: 0; transform: translateX(0);width: 100%; height: 50px; border-radius: 40px; background: #f3f5f9; z-index: -1;} #use_terms2 .tab_depth05.op_mg ul >li a >span, .tab_depth05.op_mg ul >li a:before {line-height: 1;} #use_terms2 .tab_depth05 ul >li.list-2, .tab_depth05 ul >li.list-3, .tab_depth05 ul >li.list-4, .tab_depth05 ul >li.list-5, .tab_depth05 ul >li.list-6 {width: auto;} @media screen and (max-width: 1023px){ #use_terms2 .tab_depth04.op_mg >ul >li >a {font-size: 1.4rem;} #use_terms2 .tab_depth05.op_mg >ul >li >a {font-size: 1.4rem; line-height: 2.0;} #use_terms2 .tab_depth05.op_mg ul >li a:before {height: 34px;} #use_terms2 .tab_depth04 .list-3:nth-child(1), .tab_depth04 .list-3:nth-child(2) {border-bottom: none;} #use_terms2 .tab_depth04 >ul >li.list-3:nth-child(2) >a {border-right: 1px solid #d1d1d1;} #use_terms2 .tab_depth05 .list-3:nth-child(1), .tab_depth05 .list-3:nth-child(2) {border-bottom: none;} } @media screen and (max-width: 767px){ #use_terms2 .tab_depth04.op_mg> ul >li {width: 50%;} #use_terms2 .tab_depth04.op_mg >ul >li >a {position: relative; padding: 11px 4px; overflow: hidden;} #use_terms2 .tab_depth05.op_mg ul >li {width: 50%;} #use_terms2 .tab_depth05.op_mg ul >li >a {width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} #use_terms2 .tab_depth04 >ul >li.list-3 >a {border-bottom: none;} } @media screen and (max-width: 599px){ #use_terms2 .tab_depth04.op_mg >ul >li >a {font-size: 1.2rem;} #use_terms2 .tab_depth04 >ul >li >a >span {max-width: 80%;} } #use_terms2 .mgn-dp01 {float: left; width: 20%;} #use_terms2 .mgn-dp01 a {position: relative; display: block; margin: 0 5px; font-weight: 600; word-break: keep-all;} #use_terms2 .mgn-dp01 > li > a {padding: 30px 0; background: #326FBF; color: #fff; text-align: center; font-size: 1.7rem; cursor: default;} #use_terms2 .mgn-dp02 > li > a, .mgn-dp03 > li > a {padding: 15px 25px 15px 12px; background: #E3E4E8; border-bottom: 1px solid #fff; color: #111; font-family: 'Noto Sans KR', sans-serif; line-height: 1.7; font-size: 1.4rem;} #use_terms2 .mgn-dp03 > li > a {background: #F9F9F9; border-bottom: 1px solid #D2D2D2;} #use_terms2 .mgn-dp03 > li > a:before {content: " - "} #use_terms2 .mgn-dp01 a[target=_blank]:after {position: absolute; top:50%; right: 10px; transform: translateY(-50%); content: "";width: 16px;height: 16px;background: url(../../portal/img/sub/icon_link_02.png) no-repeat center/contain;} #use_terms2 .mini-square01 {position: relative; padding-left: 35px;} #use_terms2 .mini-square01:before {content: ""; position: absolute; top: 50%; left:10px; transform: translateY(-50%); width: 16px; height: 16px; background: #E3E4E8;} #use_terms2 .mini-square02 {position: relative; padding-left: 35px;} #use_terms2 .mini-square02:before {content: ""; position: absolute; top: 50%; left:10px; transform: translateY(-50%); width: 16px; height: 16px; background: #FE8D00;} @media screen and (max-width: 1023px){ #use_terms2 .mgn-dp01 {float: left; width: 33.333%;} #use_terms2 .mgn-dp01 > li > a, .mgn-dp02 > li > a, .mgn-dp03 > li > a {padding: 10px 25px 10px 12px; font-size: 1.2rem;} #use_terms2 .mgn-dp01 > li > a {padding: 20px 0;} } @media screen and (max-width: 767px){ #use_terms2 .mgn-dp01 {float: left; width: 50%;} } /* 20210106 sychoi */ #use_terms2 .initial-group li {display: inline-block; width: 37px; height: 37px; margin-bottom: 5px;} #use_terms2 .initial-group li a {display: block; height: 100%; border: 1px solid #d1d1d1; background: #f9f9f9; color: #666; font-weight: 600; font-size: 1.7rem; line-height: 37px; text-transform: uppercase;} @media screen and (max-width: 767px) { #use_terms2 .initial-group li a {font-size: 1.2rem;} } #use_terms2 .highlight{font-weight:bold; color:#FF0000;} /* 20210113 sychoi */ #use_terms2 .contact-call {position: relative; padding: 20px 10px 20px 110px; border: 2px solid #ededed;} #use_terms2 .contact-call:before, .contact-call:after {content:""; position: absolute; left:0;} #use_terms2 .contact-call:before {top:0; width: 80px; height: 100%; background: #3863e4;} #use_terms2 .contact-call:after {top: 50%; left:25px; transform: translateY(-50%); width: 30px; height: 30px; background: url(/images/kamco//tel-icon.png)no-repeat center/contain;} #use_terms2 .contact-call.fax:after {background-image: url(/images/kamco//01/fax-icon.png);} #use_terms2 .contact-call.loca:after {background-image: url(/images/kamco//01/p01-icon01.png);} #use_terms2 .contact-call.subway:after {background-image: url(../../portal/img/sub/subway-icon.png);} #use_terms2 .contact-call.bus:after {background-image: url(../../portal/img/sub/bus-icon.png);} #use_terms2 .contact-call .sub-h4, .contact-call .sub-p2 {display: inline-block;} #use_terms2 .contact-call .sub-h4 {margin: 0;} #use_terms2 .contact-call .sub-p2 {margin-bottom: 0;} @media screen and (max-width: 767px){ #use_terms2 .contact-call {padding-left: 85px;} } /* 20210114 smpark*/ #use_terms2 .btn_x {text-align:right; margin-right:25px;} /* 20210114 sychoi */ #use_terms2 .btn {word-break: keep-all;} #use_terms2 .form-control {height: 45px; border-radius: 0;} #use_terms2 .btn.form-control {padding: 0; border: none; line-height: 1;} #use_terms2 .dpt-linebox {border: 1px solid #ddd; border-top: 2px solid #323741;} #use_terms2 .dpt-box {padding: 20px 40px; background: #f7f7f7; border-bottom: 1px solid #ddd;} #use_terms2 .dpt-detail {position: relative; display: inline-block; padding-right: 20px; font-size: 1.7rem; color: #777; line-height: 1.5; word-break: keep-all;} #use_terms2 .dpt-detail:after {content: ""; position: absolute; top:50%; right:7px; transform: translateY(-50%); width: 1px; height: 70%; background: #ddd;} #use_terms2 .dpt-detail:last-child:after {content: none;} #use_terms2 .rating-group {padding: 30px 40px;} #use_terms2 .grey-hr {width: 100%; height: 1px; background: #e3e6f0;} #use_terms2 .darkgrey-hr {width: 100%; height: 2px; margin: 20px 0; background: #323741;} #use_terms2 .grey-center-img {position: relative; background: #e9ebf0; height: 200px; padding: 3rem 10%;} #use_terms2 .grey-center-img img {position: absolute; top:50%; left:50%; transform: translate(-50%, -50%); display: block; width: 80%; height: auto;} #use_terms2 .ceo-history {padding-top: 50px;} #use_terms2 .ceo-history .row > [class*="col-"], .ceo-history .row [class*="col-"] {margin: 0;} #use_terms2 .ceo-history p {display: inline-block; padding-left:0; padding-right: 10px; margin-left: 0;} @media screen and (max-width: 1279px) { #use_terms2 .rating-box .form-control {font-size: 1.3rem; font-family: 'Noto Sans KR', sans-serif;} #use_terms2 .dpt-detail {font-size: 1.3rem; font-family: 'Noto Sans KR', sans-serif;} #use_terms2 .rating-group .sub-h6 {font-size: 1.3rem; font-family: 'Noto Sans KR', sans-serif;} } @media screen and (max-width:599px){ #use_terms2 .form-control {height: 30px;} #use_terms2 .btn.form-control {line-height: 1; font-size: 1.2rem;} } /* 20210118 sychoi */ #use_terms2 .sr-box {background: #F3F5F9;} #use_terms2 .sr-inner {padding: 40px;} #use_terms2 .sr-inner:after {content: ""; display: block; clear: both;} #use_terms2 .sr-input {float: left; width: 70%;} #use_terms2 .sr-btn {float: left; width: 8%; margin-left: 2%;} #use_terms2 .sr-btn-detail {float: left; width: 15%; margin-left: 5%} #use_terms2 .sr-btn-detail .btn.show .icon-img {transform: rotate(0deg);} #use_terms2 .sr-btn-detail .btn .icon-img {transform: rotate(180deg); transition: 0.4s;} #use_terms2 .sr-keyword {clear: both; width: 70%; margin: 0 auto; padding-top: 40px; font-family:'Noto Sans KR', sans-serif; } #use_terms2 .sr-keyword:after {content: ""; display: block; clear: both;} #use_terms2 .sr-keyword h4 {float: left; font-size: 1.7rem; font-weight: 600; color: #4B7BD4; line-height: 1.7;} #use_terms2 .sr-keyword .search-pop {float: right;} #use_terms2 .sr-box .form-control {height: 60px; font-family:'Noto Sans KR', sans-serif;} #use_terms2 .sr-cheak-box {display: none; background: #F3F5F9; margin: 30px 0 90px; font-size: 1.7rem;} #use_terms2 .sr-cheak-detail {position: relative;} #use_terms2 .sr-cheak-detail:before {content: ""; position: absolute; top:0; left:0; width: 130px; height: 100%; background: #E9EBF0;} #use_terms2 .sr-cheak-detail:after {content: attr(title); position: absolute; top: 50%; left: 34px; transform: translateY(-50%); font-size: 1.7rem; font-weight: 600; color: #333;} #use_terms2 .sr-cheak-detail li {display: inline-block; padding: 25px 5px;} #use_terms2 .sr-cheak-detail ul {padding-left: 150px;} #use_terms2 .sr-cheak-detail label {font-size: 1.7rem;} #use_terms2 .search-pop {text-align: center;} #use_terms2 .search-pop li {display: inline-block; padding: 0 20px; font-size: 1.7rem; color: #666;} #use_terms2 .search-pop a {display: block; color: #666; line-height: 1.7;} #use_terms2 .uni-search {margin: 50px 0;} #use_terms2 .uni-search.row {margin-left:0; margin-right:0; margin-bottom: 70px;} #use_terms2 .uni-search-formgroup li {display: inline-block; padding: 3px 15px; font-size: 1.7rem; color: #666;} #use_terms2 .uni-search-formgroup label {padding-left: 10px; vertical-align: middle;} @media screen and (max-width: 1279px){ #use_terms2 .sr-box {font: 1.5rem 'Noto Sans KR', sans-serif;} #use_terms2 .sr-box .btn {font: 1.5rem 'Noto Sans KR', sans-serif;} #use_terms2 .sr-box .form-control {font: 1.5rem 'Noto Sans KR', sans-serif;} #use_terms2 .sr-keyword h4 {font: 1.5rem 'Noto Sans KR', sans-serif; line-height: 1.7;} #use_terms2 .sr-btn {width: 10%; margin-left: 2%;} #use_terms2 .sr-btn-detail {width: 16%; margin-left: 2%;} #use_terms2 .sr-keyword {width: 78%;} #use_terms2 .sr-cheak-box {font: 1.5rem 'Noto Sans KR', sans-serif;} #use_terms2 .search-pop li {font: 1.5rem 'Noto Sans KR', sans-serif;} #use_terms2 .sr-cheak-detail label {font: 1.5rem 'Noto Sans KR', sans-serif;} } @media screen and (max-width: 1023px){ #use_terms2 .uni-search {display: none;} #use_terms2 .sr-cheak-box {display: none;} #use_terms2 .sr-btn-detail {display: none;} #use_terms2 .sr-input {width: 78%;} #use_terms2 .sr-btn {width: 20%;} #use_terms2 .sr-keyword {width: 90%;} #use_terms2 .sr-box {font-size: 1.4rem;} #use_terms2 .sr-box .btn {font-size: 1.4rem;} #use_terms2 .sr-box .form-control {font-size: 1.4rem;} #use_terms2 #conts h4 {font-size: 1.8rem;} } @media screen and (max-width: 959px){ #use_terms2 .sr-keyword {display: none;} } @media screen and (max-width: 767px){ #use_terms2 .sr-inner {padding: 15px;} #use_terms2 .sr-btn input[type="submit"] {padding: 0;} #use_terms2 .sr-input {width: 68%;} #use_terms2 .sr-btn {width: 30%;} #use_terms2 .sr-box .form-control {height: 50px;} } /* iframe */ #use_terms2 .movie_box {position: relative; width: 100%; height: 700px; background: rgba(0,0,0,0.1);} #use_terms2 .movie_box iframe {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 100%; height: 100%; background: rgba(0,0,0,0.1);} @media screen and (max-width: 767px) { #use_terms2 .movie_box {height: 250px;} } /* 20210120 sychoi */ #use_terms2 .tab_depth04.op_mg ul {overflow: visible;} #use_terms2 .tab_depth04.op_mg li {position: relative;} #use_terms2 .tab_depth04.op_mg .icon-img {position: absolute; top:38%; margin: 0 5px 0 4px;} #use_terms2 .tab_depth04 a >span.plus {position: relative; width: 93%; height: 100%;} #use_terms2 .tab_depth04 a >span.plus:before, .tab_depth04 >ul >li >a >span.plus:after {content: ""; position: absolute; top:9px; right:0; width: 15px; height:1px; background: #3266CC;} #use_terms2 .tab_depth04 a >span.plus:before {transform: rotate(90deg);} #use_terms2 .tab_depth04 .op_mg_list {display: none; position: absolute; top: 70px; left:0; width: 100%; z-index: 2;} #use_terms2 .tab_depth04.op_mg> ul >li:hover .op_mg_list {display: block;} #use_terms2 .tab_depth04 .op_mg_list li a {display: block; padding: 20px; margin: 0 5px; border-bottom: 2px solid rgba(255,255,255,0.5); background: #E4EDF8; font-weight: 600; font-size: 1.7rem; transition: 0.3s;} #use_terms2 .tab_depth04 .op_mg_list li a:hover, .tab_depth04 .op_mg_list li a:active, .tab_depth04 .op_mg_list li a:focus {border-color: #C4D3F2; background: #C4D3F2;} @media screen and (max-width: 1023px){ #use_terms2 .tab_depth04 >ul >li >a {padding: 16px 0;} #use_terms2 .tab_depth04 .op_mg_list {top:45px;} #use_terms2 .tab_depth04 .op_mg_list li a {padding: 10px 20px; font-size: 1.4rem;} #use_terms2 .tab_depth04.op_mg >ul >li >a {font-weight: 400;} #use_terms2 .tab_depth04 .op_mg_list li a {font-weight: 400;} } @media screen and (max-width: 767px){ #use_terms2 .tab_depth04 .op_mg_list {top:50px;} #use_terms2 .tab_depth04 .op_mg_list li a {padding: 13px 10px; font-size: 1.2rem;} #use_terms2 .tab_depth05.op_mg ul >li a {padding: 10px 25px;} #use_terms2 .tab_depth05 .list-4:nth-child(1), .tab_depth05 .list-4:nth-child(2) {border-bottom: none;} #use_terms2 .tab_depth05 ul > li:after {content: none;} #use_terms2 .tab_depth04 a >span.plus:before, .tab_depth04 >ul >li >a >span.plus:after {top: 7px;} #use_terms2 .tab_depth04.op_mg >ul >li >a {display: block;} #use_terms2 .tab_depth04 a >span.plus {max-width: 100%;} #use_terms2 .tab_depth04 >ul >li >a >span {max-width: 80%;} } @media screen and (max-width: 499px){ #use_terms2 .tab_depth04.op_mg .icon-img {top:32%;} } #use_terms2 .tv-box {padding: 50px 0;background:url(/../portal/img/sub/07/p07-0105_01.png) no-repeat center/contain;} #use_terms2 .bod_page >span, .bod_page >a {width: 30px; height:30px; border-radius: 50%; transition: 0.4s;} #use_terms2 .bod_page >span:hover, .bod_page >a:hover {text-decoration: underline;} /* 2021-01-26 */ @media screen and (max-width:1023px){ #use_terms2 .spot_list {padding-top:10px;} #use_terms2 .spot_list li:first-child {display: none;} #use_terms2 .spot_list li:nth-child(2):before {content: none;} #use_terms2 #spotWrap {width: 96%; padding: 0; line-height: 1.7; font-size: 1.4rem;} #use_terms2 #titWrap {background: #eee; padding:0;} } /* media-main */ .mm-title {font-size: 2.5rem; font-weight: 600; font-family: 'Noto Sans KR', sans-serif; text-align: center; color: #111;} /* mm-se01 */ #use_terms2 .mm-se01 {padding: 50px 0;} #use_terms2 .mm-inner {width: 90%; margin: 0 auto; font-family: 'Noto Sans KR', sans-serif;} #use_terms2 .mm-inner .swiper-slide {overflow: hidden;} #use_terms2 .mm-slide {position: relative; display: block; height: 300px; overflow:hidden;} #use_terms2 .mm-slide-img {position: absolute; top:0; left:0; width: 100%; height:200px; background: #eee url(../../portal/img/sub/07/media/media_logo2.png) no-repeat center/cover; overflow: hidden;} #use_terms2 .mm-slide-img img {position: absolute; top: 50%; left:50%; transform: translate(-50%, -50%); display: block; width: 105%; height: auto;} #use_terms2 .mm-slide-text {position: absolute; bottom: 0; left:0; width: 100%; height: 100px;} #use_terms2 .mm-tab-link {margin: 30px 0; text-align: center;} #use_terms2 .mm-tab-link li {display: inline-block;} #use_terms2 .mm-tab {position: relative; display: block; padding: 10px; color: #333; font-size: 1.2rem;} #use_terms2 #use_terms2 .mm-tab.on {color: #3767CC;} #use_terms2 .mm-tab.on:after {content: ""; position: absolute; bottom: 0; left:50%; transform: translateX(-50%); width: 90%; height: 2px; background: #3767cc;} #use_terms2 .mm-slide-title {width: 80%; height: 45px; margin: 10px 10%; text-align: center; line-height: 1.7; color: #111; font-weight: 600; font-size: 1.5rem; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;} #use_terms2 .mm-slide-date {display: none;} #use_terms2 .mm-slide-more {display: none;} #use_terms2 .mm-notice-group {position: relative;} #use_terms2 .mm01-notice-inner {position: relative; padding: 20px 20px 10px 20px; border: 1px solid #eee;} #use_terms2 .mm01-notice-list {position: relative; margin-bottom: 10px; padding-left: 15px;} #use_terms2 .mm01-notice-list:before {content: ""; position: absolute; top: 5px; left: 0; width: 4px; height:4px; border-radius: 50%; background: #3767cc;} #use_terms2 .mm01-notice-link {display: block; width: 100%; margin-bottom: 5px; color: #333; font-size: 1.4rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} #use_terms2 .mm01-notice-date {display: block; width: 100%; color: rgba(0,0,0,0.5); font-size: 1.2rem; line-height: 1.7;} #use_terms2 .more-btn {display: none;} #use_terms2 .mm-notice-group .swiper-button-prev, .mm-notice-group .swiper-button-next {visibility: hidden;} @media screen and (min-width: 500px){ #use_terms2 .mm-tab {padding: 10px 20px; font-size: 1.8rem;font-family: 'NanumSquare','Noto Sans KR', sans-serif;} #use_terms2 .mm01-notice-link {font-size: 1.7rem;font-family: 'NanumSquare','Noto Sans KR', sans-serif;} } @media screen and (min-width: 768px){ #use_terms2 .mm-notice-group .swiper-container {height: 200px; margin-right: 120px;} #use_terms2 .mm-notice-group .swiper-button-prev, .mm-notice-group .swiper-button-next {visibility: visible; width: 40px; height: 40px; background: #2C343F;} #use_terms2 .mm-notice-group .swiper-button-prev:after, .mm-notice-group .swiper-button-next:after {content:""; background: url(../../portal/img/sub/arrow-left-w.png) no-repeat center/contain; width: 15px; height:15px;} #use_terms2 .mm-notice-group .swiper-button-next:after {background-image: url(../../portal/img/sub/arrow-right-w.png);} #use_terms2 .mm-notice-group .swiper-button-next, .mm-notice-group .swiper-container-rtl .swiper-button-prev {top:auto; bottom: 0; right: 0; left:auto;} #use_terms2 .mm-notice-group .swiper-button-prev, .mm-notice-group .swiper-container-rtl .swiper-button-next {top:auto; bottom: 0; right: 41px; left:auto;} #use_terms2 .mm-se01 .mm-title {float: left; text-align: left; font-family: 'NanumSquare','Noto Sans KR', sans-serif;} #use_terms2 .mm-tab-group {float: left; margin-left: 30px;} #use_terms2 .mm-tab-link {margin: -10px 0 20px 0;} #use_terms2 .mm-tab {position: relative; padding: 18px 20px; font-weight: 600;} #use_terms2 .mm-tab:before {content: ""; position: absolute; top: 50%; left: -11px; transform: translateY(-50%) rotate(-67deg); width: 20px; height: 2px; background: #ddd;} #use_terms2 .mm-tab-link li:first-child .mm-tab:before {content: none;} #use_terms2 .mm-tab.on:after {content: none;} #use_terms2 .mm-tab-detail {clear: both;} #use_terms2 .mm-slide-text {position: absolute; bottom: -65%; left:0; height: 100%; padding: 0 10px; background: rgba(0,0,0,0.5); transition: 0.4s;} #use_terms2 .mm-slide:hover .mm-slide-text ,.mm-slide:active .mm-slide-text,.mm-slide:focus .mm-slide-text {bottom: 0;} #use_terms2 .mm-slide {height: 200px;} #use_terms2 .mm-slide-img {height: 200px;} #use_terms2 .mm-slide-title {height: 25px; margin: 10px 0; color: #fff; -webkit-line-clamp: 1; overflow: hidden; text-align: left; font-size: 1.8rem;} #use_terms2 .mm-slide-date {display: block; font-size: 1.7rem; color: #fff;} #use_terms2 .mm-slide-more {position: absolute; top:57%; left: 50%; transform: translate(-50%, -50%); width: 100%; padding-top: 30px; display: block; color: #fff; font-size: 2.5rem; text-align: center;} #use_terms2 .mm-slide-more:before, .mm-slide-more:after {content: ""; position: absolute; top:0; left:50%; transform: translateX(-50%); width: 20px; height:1px; background: #fff;} #use_terms2 .mm-slide-more:after {transform: translateX(-50%) rotate(90deg);} #use_terms2 .mm01-notice-inner {padding: 30px 30px 10px 30px;} #use_terms2 .mm01-notice-inner:after {content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);width:1px; height: 90%; background: #eee;} #use_terms2 .mm01-notice-group:after {content: ""; display: block; clear: both;} #use_terms2 .mm01-notice-list {margin-bottom: 25px;} #use_terms2 .mm01-notice-list:nth-child(2n) {float: right; width: 47.5%;} #use_terms2 .mm01-notice-list:nth-child(2n-1) {float: left; width: 48%;} #use_terms2 .mm01-notice-link {font-weight: 600;} #use_terms2 .mm-notice-group .more-btn {display: block; position: absolute; top:-63px; right:0; width: 40px; height: 40px;} #use_terms2 .mm-notice-group .more-btn:before , .mm-notice-group .more-btn:after{content: ""; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 70%; height: 1px; background: #333;} #use_terms2 .mm-notice-group .more-btn:after {transform: translateY(-50%) rotate(90deg);} } @media screen and (min-width: 1024px) { #use_terms2 .mm-notice-group .swiper-container {height: 200px;} #use_terms2 .mm-slide {height: 200px;} #use_terms2 .mm-slide-img {height: 200px;} #use_terms2 .mm-slide-img img {width: 130%;} #use_terms2 .mm-slide-title {font-size: 1.8rem;} #use_terms2 .mm01-notice-link {font-size: 1.8rem;} #use_terms2 .mm01-notice-date {font-size: 1.7rem;} } @media screen and (min-width: 1280px){ #use_terms2 .mm-inner {width: 1200px; font-family: 'NanumSquare','Noto Sans KR', sans-serif;} #use_terms2 .mm-notice-group .swiper-container {height: 210px;} #use_terms2 .mm-slide {height: 210px;} #use_terms2 .mm-slide-img {height: 210px;} #use_terms2 .mm-se01 .mm-title {font-size: 3.0rem; font-family: 'NanumSquare','Noto Sans KR', sans-serif;} #use_terms2 .mm-tab {font-size: 2.0rem; font-family: 'NanumSquare','Noto Sans KR', sans-serif;} } /* mm-se02 */ #use_terms2 .mm-se02 {padding: 60px 0 30px; margin-top: 40px; background: #202A38 url(../../portal/img/sub/07/media/media_bg1.png) no-repeat center/cover;} #use_terms2 .mm-se02 .mm-title {float: left; margin-bottom: 20px; text-align: left; color: #fff;} #use_terms2 .mm-photonews-btn {position: relative; float: right; margin-top: 10px; padding-right: 20px; font-size: 1.6rem; color: #fff;} #use_terms2 .mm-photonews-btn:before, .mm-photonews-btn:after {content: ""; position: absolute; right:0; width: 10px; height: 1px; background: #fff;} #use_terms2 .mm-photonews-btn:before {top: 5px; transform: rotate(45deg);} #use_terms2 .mm-photonews-btn:after {top: 12px; transform: rotate(-45deg);} #use_terms2 .mm-photo-title {display: block; margin: 20px 0 36px; text-align: center; font-size: 2.0rem; font-weight: 600; color: #fff; word-break: keep-all;; line-height: 1.4;} #use_terms2 .mm-photo-date {display: none;} #use_terms2 .mm-photo-p1 {display: none;} #use_terms2 .mm-photonews {position: relative; display: block; clear: both; overflow: hidden;} #use_terms2 .mm-sm-photonews {display: none;} #use_terms2 .mm-photo-img {position: relative; width: 100%; height: 280px; overflow: hidden; background: rgba(0,0,0,0.1);} #use_terms2 .mm-photo-img img {position: absolute; top: 0; left: 50%; transform: translateX(-50%); height: 100%; width: auto; transition: 0.4s;} #use_terms2 .mm-photo-img:after {content: ""; position: absolute; top:0; left: 0; width:100%; height:100%; background: rgba(0,0,0,0); transition: 0.4s;} #use_terms2 .mm-photonews:hover .mm-photo-img:after, .mm-photonews:active .mm-photo-img:after, .mm-photonews:focus .mm-photo-img:after {background: rgba(0,0,0,0.3);} #use_terms2 .mm-photonews:hover .mm-photo-img img, .mm-photonews:active .mm-photo-img img, .mm-photonews:focus .mm-photo-img img {transform: translateX(-50%) scale(1.1);} #use_terms2 .mm-photo-btn {display: none;} #use_terms2 .mm-photo-text {color: #fff;} /* #use_terms2 .mm-photo-btn {position: absolute; width: 102%; height: 40px; top: 43%; left:50%; transform: translate(-50%, -50%);} #use_terms2 .mm-se02 .swiper-button-prev, .mm-se02 .swiper-button-next {width: 40px; height: 40px; background: #2C343F;} #use_terms2 .mm-se02 .swiper-button-prev:after, .mm-se02 .swiper-button-next:after {font-size: 1.4rem; color: #fff;} #use_terms2 .mm-se02 .swiper-button-next, .mm-se02 .swiper-container-rtl .swiper-button-prev {right: 0; left: auto;} #use_terms2 .mm-se02 .swiper-button-prev, .mm-se02 .swiper-container-rtl .swiper-button-next {right: auto; left:0;} #use_terms2 */ @media screen and (min-width: 600px){ #use_terms2 .mm-se02 .mm-title {margin-bottom: 60px;} #use_terms2 .mm-photonews {padding-bottom: 25px; margin-left: 45px; background: #fff; overflow: visible;} #use_terms2 .mm-photonews:after {content: ""; display: block; clear: both;} #use_terms2 .mm-photo-img {float: left; width: 250px; height: 240px; margin: -25px 0 0 -25px;} #use_terms2 .mm-photo-text {float: right; width: calc(100% - 250px); padding: 30px 10% 20px 0; text-align:left;} #use_terms2 .mm-photo-date {display: block; color: #8f8f8f;} #use_terms2 .mm-photo-title {margin: 0 0 36px; color: #555; text-align: left;} #use_terms2 .mm-photo-p1 {display: block; margin-bottom: 20px; color: #8f8f8f; line-height: 1.5; font-size: 1.7rem; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;} #use_terms2 .mm-photonews:hover .mm-photo-title, .mm-photonews:active .mm-photo-title, .mm-photonews:focus .mm-photo-title {text-decoration: underline;} #use_terms2 .mm-photonews:hover .mm-photo-p1, .mm-photonews:active .mm-photo-p1, .mm-photonews:focus .mm-photo-p1 {text-decoration: underline;} #use_terms2 .mm-se02 .swiper-button-next, .mm-se02 .swiper-container-rtl .swiper-button-prev {right: 0; left: auto;} #use_terms2 .mm-se02 .swiper-button-prev, .mm-se02 .swiper-container-rtl .swiper-button-next {right: 41px; left: auto;} } @media screen and (min-width: 1024px){ #use_terms2 .mm-se02 {padding: 100px 0;} #use_terms2 .mm-se02 .mm-title {float: none;text-align: center;font-size: 3.2rem; font-family: 'NanumSquare','Noto Sans KR', sans-serif;} #use_terms2 .mm-se02 .mm-inner {position: relative;} #use_terms2 .mm-photonews {width: 70%;} #use_terms2 .mm-photo-img {width: 300px; height: 300px;} #use_terms2 .mm-photo-text {width: calc(100% - 45%);} #use_terms2 .mm-sm-photonews {position: absolute; right:13%; bottom:20px; display: block; width: 175px; height: 160px; overflow: hidden; background: rgba(0,0,0,0.1);} #use_terms2 .mm-sm-photonews:nth-last-child(1) {right: -6%;} #use_terms2 .mm-sm-photonews img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: auto; height: 100%; transition: 0.4s;} #use_terms2 .mm-sm-photonews:after {content: ""; position: absolute; top:0; left:0; width: 100%; height: 100%; background: rgba(0,0,0,0); transition: 0.4s;} #use_terms2 .mm-sm-photonews:hover:after, .mm-sm-photonews:active:after, .mm-sm-photonews:focus:after {background: rgba(0,0,0,0.3);} #use_terms2 .mm-sm-photonews:hover img , .mm-sm-photonews:active img , .mm-sm-photonews:focus img {transform: translate(-50%, -50%) scale(1.1);} #use_terms2 .mm-photonews-btn {position: absolute; top: 0; right:0; padding-right: 40px; text-indent: -9999px;} #use_terms2 .mm-photonews-btn:before , .mm-photonews-btn:after{content: ""; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 30px; height: 1px; background: #fff;} #use_terms2 .mm-photonews-btn:after {transform: translateY(-50%) rotate(90deg);} #use_terms2 .mm-photo-btn {display: block; position: absolute; bottom: 30px; right: 65px; height: 40px; padding: 0 20px; background: #2C343F; color: #fff; line-height: 40px;} } @media screen and (min-width: 1280px){ #use_terms2 .mm-photonews {width: 78%; padding-bottom: 35px;} #use_terms2 .mm-photo-img {width: 360px; height: 360px; margin: -35px 0 0 -50px;} #use_terms2 .mm-photo-text {width: 64%; padding: 30px 10% 20px 0;} #use_terms2 .mm-photo-date {font-size: 1.8rem; font-weight: 600; font-family: 'NanumSquare','Noto Sans KR', sans-serif;} #use_terms2 .mm-photo-title {font-size: 2.4rem; font-family: 'NanumSquare','Noto Sans KR', sans-serif;} #use_terms2 .mm-photo-p1 {font-size: 1.9rem; font-family: 'NanumSquare','Noto Sans KR', sans-serif; -webkit-line-clamp: 4;} #use_terms2 .mm-sm-photonews {right: 0; bottom: 30px; width: 300px; height: 300px;} #use_terms2 .mm-sm-photonews:nth-last-child(1) {right: -27%;} #use_terms2 .mm-photo-btn {right: 115px;} } /* mm-se03 */ #use_terms2 .mm-se03 {padding: 50px 0; background: url(../../portal/img/sub/07/media/media_bg2-2.png) no-repeat center/cover;} #use_terms2 .mm-se03 .mm-title {margin-bottom: 30px; width: 100%; height: 100px;text-indent: -9999px; background: url(../../portal/img/sub/07/media/media_bg2-1.png) no-repeat center/contain;} #use_terms2 .mm-se03 .media-slider {overflow: hidden;} #use_terms2 .mm-se03 .media-slider .media-group {display: block; width: 80%; background: #fff;} #use_terms2 .mm-se03 .media-img {position: relative; height: 200px; overflow: hidden;} #use_terms2 .mm-se03 .media-img img {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: auto; height: 100%; margin-bottom: 20px; transition: 0.4s;} #use_terms2 .mm-se03 .media-img:hover img {transform: translate(-50%,-50%) scale(1.1);} #use_terms2 .mm-se03 .media-text {width: 80%; margin: 0 auto; } #use_terms2 .mm-se03 .media-title { width: 100%; height: 64px; padding: 20px 0; margin-bottom: 15px; text-align: center; color: #333; font-family: 'NanumSquare', sans-serif; font-size: 2.0rem; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; line-height: 1.2; } #use_terms2 .mm-se03 .media-subtitle {display: none;} @media screen and (min-width:600px){ #use_terms2 .mm-se03 .media-slider .media-group {width: 50%;} #use_terms2 .mm-se03 .media-subtitle {display: block; padding-bottom: 15px; font-size: 1.4rem; color: #666;} #use_terms2 .mm-se03 .media-title {text-align: left;} } @media screen and (min-width: 1280px){ #use_terms2 .mm-se03 .media-img {height: 210px;} #use_terms2 .mm-se03 .media-img img {height: 220px;} #use_terms2 .mm-se03 .media-title {height: 75px; padding-top: 30px; text-align: left;} #use_terms2 .mm-se03 .media-text {position: relative;} #use_terms2 .mm-se03 .media-text:after {content: ""; position: absolute; top:-28px; left: 50%; transform: translateX(-50%); width: 62px; height: 52px; background: url(../../portal/img/sub/07/media//btn_media_1.png) no-repeat center/contain;} } /* mm-se04 */ #use_terms2 .mm-se04 {padding: 50px 0; background: url(../../portal/img/sub/07/media/media_bg3.png) no-repeat center/cover;} #use_terms2 .mm-se04 .mm-title {margin-bottom: 30px;} #use_terms2 .mm-se04 .media-slider {overflow: hidden;} #use_terms2 .mm-se04 .media-slider .media-group {position: relative; display: block; width: 100%; background: #fff;} #use_terms2 .mm-se04 .media-slider .media-link-group {position: relative; display: block; width: 100%; background: #fff;} #use_terms2 .mm-se04 .media-img {position: relative; height: 260px; overflow: hidden; transition: 0.4s;} #use_terms2 .mm-se04 .media-slider .media-link-group .media-img:after {content: ""; position: absolute; top:0; left:0; width: 100%; height: 100%; background: rgba(0,0,0,0);transition: 0.4s;} #use_terms2 .mm-se04 .media-slider .media-link-group:hover .media-img:after, .mm-se04 .media-slider .media-link-group:active .media-img:after, .mm-se04 .media-slider .media-link-group:focus .media-img:after {background: rgba(0,0,0,0.2);} #use_terms2 .mm-se04 .media-img img {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 100%; margin-bottom: 20px;} #use_terms2 .mm-se04 .media-text {width: 80%; margin: 0 auto; padding-top: 15px;} #use_terms2 .mm-se04 .media-title { width: 100%; margin-bottom: 15px; text-align: center; color: #333; font-family: 'NanumSquare', sans-serif; font-size: 2.0rem; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; } #use_terms2 .mm-se04 .media-subtitle {display: block; height: 31px; padding-bottom: 15px; font-size: 1.4rem; color: #666;display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;} #use_terms2 .mm-se04 .on-more-btn {position: relative; display: block; width: 80%; padding: 10px 10%; margin: 20px 10%; border: 1px solid #4966c7; border-radius: 30px; background: #3266CC; word-break: keep-all; line-height: 1.4; font-size: 1.4rem; color: #f2f2f2;} #use_terms2 .mm-se04 .on-more-btn:after {content: ""; position: absolute; top:50%; right:25px; transform: translateY(-50%); width: 10px; height: 10px; background: url(../img/arrow-w.png) no-repeat center/contain;} @media screen and (min-width:600px){ #use_terms2 .mm-se04 .media-slider .media-group {width: 100%;} #use_terms2 .mm-se04 .media-subtitle {display: block; padding-bottom: 15px; font-size: 1.4rem; color: #666;} } @media screen and (min-width: 768px) { #use_terms2 .mm-se04 .media-group01 .media-img {background: #F8B8C9;} #use_terms2 .mm-se04 .media-group02 .media-img {background: #CCB299;} #use_terms2 .mm-se04 .media-img {height: 200px;} #use_terms2 .mm-se04 .media-img img {width: auto; height: 100%;} #use_terms2 .mm-se04 .on-more-btn {font-size: 1.4rem;} } @media screen and (min-width: 1024px) { #use_terms2 .mm-se04 .media-img {height: 230px;} #use_terms2 .mm-se04 .on-more-btn {width: 40%; margin: 20px 30%; padding: 15px 55px 16px 40px; font-size: 1.6rem;} #use_terms2 .mm-se04 .on-more-btn:after {right: 30px; width: 12px; height: 12px; transition: 0.5s;} #use_terms2 .mm-se04 .on-more-btn:hover:after, .mm-se04 .on-more-btn:active:after, .mm-se04 .on-more-btn:focus:after {right:20px;} } @media screen and (min-width: 1280px){ #use_terms2 .mm-se04 .mm-title {float: none; text-align: center;font-size: 3.2rem; font-family: 'NanumSquare','Noto Sans KR', sans-serif;} #use_terms2 .mm-se04 .media-title {padding-top: 20px;} } /* mm-se05 */ #use_terms2 .mm-se05 {position: relative; width: 100%; padding: 64px 0 0 0;} #use_terms2 .mm-se05-bg {position: absolute; bottom: 0; left: 0; width: 100%; height: 280px; background: url(../../portal/img/sub/07/media/media_bg4-2.png) no-repeat center/cover;} #use_terms2 .mm-se05 .mm-inner {position: relative; top: -21px;} #use_terms2 .webzine-box:after {content:""; display: block; clear:both;} #use_terms2 .webzine-cont01 {position: relative; float: left; width: 60%; height: 245px; overflow: hidden;} #use_terms2 .webzine-cont01 img {position: absolute; top: 0; left: 50%; transform: translateX(-50%); display: block; width: 100%;} #use_terms2 .webzine-btn {position: absolute; bottom: 30px; left: 10%; display: block; width: 80%; height: 35px; background: rgba(0,0,0,0.5); border: 1px solid #fff; color: #fff; font-size: 1.2rem; text-align: center; line-height: 33px; transition: 0.4s;} #use_terms2 .webzine-cont02 {float:right; width: 38%; padding: 20px 0 0 2%; color: #fff;} #use_terms2 .webzine-title {margin-bottom: 20px; font-size: 1.8rem; font-family: 'NanumSquare', sans-serif;color: #333; line-height: 1.4; font-weight: 600;} #use_terms2 .webzine-title span {color: #3566CC;} #use_terms2 .webzine-p {line-height: 1.7; font-size: 1.2rem; color: #919192;} #use_terms2 .webzine-cont03 {clear: both; width: 100%; padding-top: 50px;} #use_terms2 .webzine-cont03:after {content: ""; display: block; clear: both;} #use_terms2 .webzine-link {float: left; width: 31.333%; margin: 0 1% 15px; background: rgba(255,255,255,0); color: #A9ABAF; text-align: center; transition: 0.4s; word-break: keep-all; line-height: 1.4;} #use_terms2 .webzine-link img {display: block; margin: 0 auto 12px; width: 50px; height: auto;} @media screen and (min-width: 400px){ #use_terms2 .webzine-cont01 {height: 305px;} } @media screen and (min-width: 500px) { #use_terms2 .mm-se05 {padding: 80px 0 0 0;} #use_terms2 .mm-se05-bg {height: 280px;} #use_terms2 .mm-se05 .mm-inner {top: -12px;} #use_terms2 .webzine-cont01 {height: 380px;} #use_terms2 .webzine-btn {bottom: 30px;} #use_terms2 .webzine-title {font-size: 2.2rem;} #use_terms2 .webzine-p {font-size: 1.8rem;} #use_terms2 .webzine-cont02 {padding: 150px 0 0 2%;} #use_terms2 .webzine-link {width: 20.333%; margin: 0 6.5% 15px; padding: 10px 0;font-size: 1.4rem;} #use_terms2 .webzine-link:hover {background: rgba(255,255,255,0.1);} #use_terms2 .webzine-link img {width: 60px;} } @media screen and (min-width: 600px){ #use_terms2 .webzine-btn {height: 52px; padding-left: 20px; background: rgba(0,0,0,0.3) url(../../portal/img/sub/icon_link_01.png) no-repeat 85% 50%/10px; text-align: left;line-height: 50px; font-size: 1.8rem; font-weight: 600;} #use_terms2 .webzine-btn:hover , .webzine-btn:active , .webzine-btn:focus {background: #fff url(../../portal/img/sub/07/media/line-right.png) no-repeat 90% 50%/20px; color: #333;} } @media screen and (min-width: 768px){ #use_terms2 .webzine-cont01 {width: 50%; height: 470px;} #use_terms2 .webzine-cont02 {width: 50%; padding: 280px 0 0 5%;} } @media screen and (min-width: 1024px){ /*.mm-se05 {margin-bottom: -100px;}*/ #use_terms2 .webzine-cont01 {width: 40%;} #use_terms2 .webzine-cont02 {width: 60%; padding: 125px 0 0 5%;} #use_terms2 .webzine-cont03 {clear: none; float: right; width: 60%; padding-top: 83px;} } @media screen and (min-width: 1280px){ #use_terms2 .mm-se05 {padding: 60px 0 0 0;} #use_terms2 .webzine-cont01 {width: 28%;} #use_terms2 .webzine-cont02 {width: 72%; padding: 35px 0 0 5%;} #use_terms2 .webzine-title {font-weight: 800;} #use_terms2 .webzine-title span {padding-left: 5px;} #use_terms2 .webzine-cont03 {clear: none; float: right; width: 72%; padding-top: 110px;} #use_terms2 .webzine-link img {width: 78px;} #use_terms2 .mm-se05-bg {height: 310px;} } #use_terms2 .tv-h3{ position: relative; display: block; margin-bottom: 40px; text-align: center; font-size: 3.2rem; line-height:1.4; color: #111; font-weight: 600; z-index: 3; } /* 2021-01-29 */ #use_terms2 .sub-img.mobile {display: block; width: 100%; height: auto;} #use_terms2 .sub-img.pc {display: none;} #use_terms2 .scroll-img-mobile {display: block; width: 100%; height: auto;} #use_terms2 .scroll-img-pc {display: none;} @media screen and (min-width: 768px){ #use_terms2 .sub-img.mobile {display: none;} #use_terms2 .sub-img.pc {display: block;} #use_terms2 .scroll-img-mobile {display: none;} #use_terms2 .scroll-img-pc {display: block;} } #use_terms2 .sub-title-line2 {display: none;} #use_terms2 .ceo-talkbox {position: relative; padding-bottom: 30px; font-size: 2.5rem; font-weight: 600; color: #3266CD; line-height: 1.4;} #use_terms2 .ceo-talkbox:after {content: ""; position: absolute; bottom: 0; right:0;width: 110%; height: 1px;background: #3266CD; z-index: 0;} #use_terms2 .ceo-talkbox p {word-break: keep-all;} #use_terms2 .scroll-text {display: none;} #use_terms2 .scroll-img {display: block; width: auto; margin:0 auto;} #use_terms2 .map-org-mobile {display: none;} @media screen and (max-width :1279px){ #use_terms2 .pc {display: none;} } @media screen and (max-width: 1023px){ #use_terms2 .ceo-talkbox p {font-size: 2.0rem; font-weight: 600;} #use_terms2 .tablet {display: none;} } @media screen and (max-width: 767px){ #use_terms2 .ceo-talkbox {margin-bottom: 30px;} #use_terms2 .sub-h4 {font-size: 1.6rem!important; font-weight: 600; color: #666;} #use_terms2 .btn {font-size: 1.2rem;} #use_terms2 .sub-footer {display: none;} #use_terms2 .mobile {display: none;} #use_terms2 .map-org-mobile {display: block;} } @media screen and (max-width: 576px) { #use_terms2 .ceo-talkbox {padding: 0 49px;} #use_terms2 .ceo-talkbox p {font-size: 1.7rem;} #use_terms2 .ceo-talkbox:before, .ceo-talkbox:after {content: ""; position: absolute; width: 47px; height:41px;} #use_terms2 .ceo-talkbox:before {top:0; left:0; background: url(../../portal/img/sub/01/p01-0201_m1.png) no-repeat center/contain;} #use_terms2 .ceo-talkbox:after {top:0; right:0; background: url(../../portal/img/sub/01/p01-0201_m2.png) no-repeat center/contain;} #use_terms2 .table-07 td {font-size: 1.1rem;} #use_terms2 .org-group p.sub-h4 {font-size: 1.3rem !important;} #use_terms2 .org-title span {font-size: 1.4rem;} #use_terms2 .org-right {padding-left: 17px;} #use_terms2 .map-detail-group {padding: 20px;} #use_terms2 .contact-call .sub-h4 {font-size: 1.5rem !important;} } @media screen and (max-width: 499px) { #use_terms2 .awards-title {width: 98%;} #use_terms2 .scroll-imgbox {width: 100%; overflow-x: scroll;} #use_terms2 .scroll-text {display: block; width: 200px; height:50px; margin: 0 auto; background: url(../../portal/img/sub/icon_touch_1.png) no-repeat center/contain; text-indent: -9999px;} } /* 2021-01-30 */ @media screen and (max-width: 767px){ #use_terms2 .tab_depth04 .list-4:nth-child(1), .tab_depth04 .list-4:nth-child(2) {border-bottom: none;} #use_terms2 .tab_depth04 >ul >li.list-4:nth-child(1) >a, .tab_depth04 >ul >li.list-4:nth-child(2) >a {border-bottom: none;} #use_terms2 .tab_depth04 >ul >li.list-4:nth-child(2) >a {border-right: 1px solid #ddd;} } @media screen and (max-width: 499px){ #use_terms2 .awards-link:hover:after, .awards-link:active:after, .awards-link:focus:after {top:100%; opacity: 0;} #use_terms2 .awards-link:hover .awards-more-text, .awards-link:active .awards-more-text, .awards-link:focus .awards-more-text {opacity: 0;} #use_terms2 .awards-link:hover .awards-title, .awards-link:active .awards-title, .awards-link:focus .awards-title {color: #000; text-decoration: none;} #use_terms2 .sub-p3 {margin-left: 0;} #use_terms2 .grey-box {padding: 15px 2%;} } #use_terms2 .map-org-mobile a {display: block; width: 100%; padding: 10px 0; text-align: center; border: 1px solid #ddd;} #use_terms2 .map-org-mobile .circle02 {width: 100px; height: 100px; margin: 0 auto; border-radius: 50%; line-height: 80px;} #use_terms2 .map-org-mobile .circle03 {width: 100px; height: 100px; margin: 0 auto; border-radius: 50%; line-height: 80px;} /* .onbid-box */ #use_terms2 .onbid-box {padding: 20px; margin: 20px 0 0 0; border: 2px solid #ddd;} #use_terms2 .onbid-box .row .col:first-child {display: flex; flex: 0 0 10%; max-width: 10%;} #use_terms2 .onbid-box .row .col:nth-child(2) {display: flex; flex: 0 0 60%; max-width: 60%;} #use_terms2 .onbid-box .row .col:last-child {display: flex; flex: 0 0 30%; max-width: 30%; justify-content: flex-end;} #use_terms2 .onbid-box .row .col:first-child p {position: relative; font-size: 2.2rem; font-weight: 600; color: #003A7D;} #use_terms2 .onbid-box .row .col:first-child p:after {content: ""; position: absolute; top: 50%; right: -47%; transform: translateY(-50%); width: 2px; height: 50px; background: #ddd; } #use_terms2 .onbid-box .row .col:nth-child(2) p {font-size: 1.7rem; line-height: 1.7; word-break: keep-all;} #use_terms2 .onbid-box .row .col:last-child .btn {padding: 10px 20px;} @media screen and (max-width: 1279px){ #use_terms2 .onbid-box .row .col:first-child {flex: 0 0 10%; max-width: 10%;} #use_terms2 .onbid-box .row .col:nth-child(2) {flex: 0 0 55%; max-width: 55%;} #use_terms2 .onbid-box .row .col:first-child p:after {content: none;} #use_terms2 .onbid-box .row .col:last-child {flex: 0 0 35%; max-width: 35%;} } @media screen and (max-width: 1023px){ #use_terms2 .onbid-box .row .col:first-child {flex: 0 0 100%; max-width: 100%; justify-content: center; margin-bottom: 20px;} #use_terms2 .onbid-box .row .col:nth-child(2) {flex: 0 0 100%; max-width: 100%; justify-content: center; margin-bottom: 20px;} #use_terms2 .onbid-box .row .col:last-child {flex: 0 0 100%; max-width: 100%; justify-content: center; margin-bottom: 20px;} #use_terms2 .onbid-box .row .col:nth-child(2) p {font-size: 1.4rem; text-align: center;} #use_terms2 #conts {padding: 0;} } /* view_cont */ #use_terms2 .view_cont .row {margin-right: 0; margin-left: 0;} #use_terms2 .sub-text .row {margin-right: 0; margin-left: 0;} #use_terms2 img, fieldset{ border: 0 none; vertical-align : middle; }