@charset "utf-8"; /* 최근 수정일 : 240814 18:00 */ /* Gmarket Sans B */ @font-face { font-family: 'GmarketSansBold'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff'); font-weight: normal; font-style: normal; } /*2022.12.05 占쏙옙占쏙옙占쏙옙占쏙옙占쏙옙*/ /* 占쏙옙占쏙옙占쏙옙占쏙옙占쏙옙 */ @font-face { font-family: 'nanumSquareR'; src: url(../fonts/NanumSquareR.otf) format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'nanumSquareEB'; src: url(../fonts/NanumSquareEB.otf) format('woff'); font-weight: normal; font-style: normal; } /* --------------------------------------------- SUIT-Variable ------------------------------------------------ */ /* [ 사용되는 font-weight ] - 300 : Light - 400 : Regular - 500 : Medium - 600 : SemiBold - 700 : Bold - 800 : ExtraBold */ @font-face { font-family: 'SUIT Variable'; font-weight: 100 900; src: url('../fonts/SUIT/SUIT-Variable.woff2') format('woff2'), url('../fonts/SUIT/SUIT-Variable.woff') format('woff'), url('../fonts/SUIT/SUIT-Variable.otf') format('opentype'); } /*2022.12.05 start*/ /*banner*/ /*2022.11.29 start*/ .swiper-container.main01 .swiper-slide .main-top-image .logo{ display: flex; justify-content: center; } .swiper-container.main01 .main-top-image .logo img{ width: 440px; } @media screen and (max-width:700px){ .swiper-container.main01 .main-top-image .logo img{ width: 70% !important; } } /*2022.11.29 end*/ .bts-member01{ position: absolute; right:25%;bottom:0; width:325px; display: block; height:526px; background-image: url(../images/bts-member01.png);} .bts-member02{ position: absolute; left:25%;bottom:0; width:361px; display: block; height:541px; background-image: url(../images/bts-member02.png);} @media screen and (max-width:1600px){ .bts-member01, .bts-member02{ display: none; } } @media screen and (max-width:2200px){ .bts-member01{ right:20%; } .bts-member02{ left:20%; } } @media screen and (max-width:1900px){ .bts-member01{ right:15%; } .bts-member02{ left:15%; } } .main-top-image{ width: 1316px;height: auto;position: absolute;top: 50%;transform: translate(-50%,-36%);left: 50%; } .mti-txt1 { text-align: left; font-family: "nanumSquareR"; font-size:24px; color:#fff;} .mti-txt2 { text-align: left; margin-top:10px; font-family: 'nanumSquareEB'; font-size: 39px; font-weight: 900; color:#fff;} .mti-txt1,.mti-txt2 {text-shadow: 4px 4px 3px rgb(42 42 42 / 45%);} .mti-txt1>br, .mti-txt2>br {display: none;} @media screen and (max-width:1360px) { .main-top-image{width: 100%;padding-left:10%;} } @media screen and (max-width:425px){ .mti-txt1>br, .mti-txt2>br {display:block;} .mti-txt1 {font-size:22px;line-height:28px;} .mti-txt2{font-size: 32px; line-height:36px;} } /*2022.12.05 end*/ /* 20221215 start */ .main01 .swiper-slide.shine div { position: absolute; top: 50%; left: 50%; display: flex; align-items: flex-end; transform: translate(-50%, -50%); } .main01 .swiper-slide.shine div img { width: auto; height: auto; object-fit: unset; } .main01 .swiper-slide.shine div img:nth-child(2) { position: relative; top: -20px; margin: 0 0 0 75px; } @media (max-width: 1200px) { .main01 .swiper-slide.shine div { top: 45%; display: block; width: 100%; text-align: center; } .main01 .swiper-slide.shine div img { position: relative; left: 4vw; max-width: 85%; } .main01 .swiper-slide.shine div img:nth-child(2) { display: none; } .main01 .swiper-slide.shine > img { object-position: left center; } } /* 20221215 end */ .main01 {position: relative;} .main01 .slide-nav-wrap{width:1600px; position: absolute; z-index: 10; top:50%; left:50%; transform: translate(-50%, -50%); } .main01 .slide-nav-wrap .swiper-button-next {background: url(../images/new/main_next_btn.png); width:70px; height:70px;} .main01 .slide-nav-wrap .swiper-button-prev {background: url(../images/new/main_prev_btn.png); width:70px; height:70px;} .swiper-container.main01 .swiper-pagination .swiper-pagination-bullet {width:12px; height:12px; border-radius: 12px;} .swiper-container.main01 .swiper-pagination .swiper-pagination-bullet-active {background-color: #fff;} /*mainNews*/ .wrap1316{width:1316px; margin:0 auto;font-family: 'Noto Sans KR'; font-weight: 500; } /*2022.11.09 start*/ .swiper-button-prev{width:23px; height:42px;background: url(../images/new/slide_prev_black.png); right: 50%;left: auto;transform: translateX(-700px);} .swiper-button-next{width:23px; height:42px;background: url(../images/new/slide_next_black.png);right: 50%;left: auto;transform: translateX(700px);} /*2022.11.09 start_02 */ /* #secSns .swiper-slide{width:300px !important;} */ #secSns .imgBox{ background-color: #333;box-shadow: 2px 4px 10px rgb(10 10 10 / 23%);} #secSns .imgBox img{ display: block; width: 100%; height: 100%;object-fit: cover;} /*2022.11.09 end _02*/ /*2022.11.09 end*/ .mainTitle{ text-align: center; font-size: 32px; margin-bottom:40px; line-height: 1; font-family: 'GmarketSansMedium'; } /*.mainTitle h3 { display: flex; justify-content: center; align-items: center; font-weight: 400; }*/ /*.mainTitle.sns h3:after { content: ""; display: block; margin: 0 0 0 12px; width: 51px; height: 51px; background: url(../images/new/title_insta_icon.png); background-size: 100%; }*/ /*.mainTitle.youtube h3:after { content: ""; display: block; margin: 0 0 0 12px; width: 51px; height: 51px; background: url(../images/new/title_youtube_icon.png); background-size: 100%; }*/ .mainTitle h2 { display: flex; justify-content: center; align-items: center; font-weight: 400; font-size:1.17em} .mainTitle.sns h2:after { content: ""; display: block; margin: 0 0 0 12px; width: 51px; height: 51px; background: url(../images/new/title_insta_icon.png); background-size: 100%; } .mainTitle.youtube h2:after { content: ""; display: block; margin: 0 0 0 12px; width: 51px; height: 51px; background: url(../images/new/title_youtube_icon.png); background-size: 100%; } .mainTitle span{ font-weight: bold; } #mainNews { background: #f7f9fe; padding:70px 0px 80px;} #mainNews .newsTab { display: flex; justify-content: space-between; width:718px; margin:0 auto; margin-bottom:40px; } #mainNews .newsTab li{ width:172px; height:48px; line-height: 45px; border:2px solid #333; text-align: center;cursor: pointer;position: relative; background:#ffffff ; font-family: 'Noto Sans KR'; font-weight: 400; } #mainNews .newsTab li a {color:#3a3d3e;} #mainNews .newsTab li.on { background-color: #3a3d3e; color:#fff; font-weight:bold;} #mainNews .newsTab li.on a{color:#fff;} #mainNews .newsSheet li {width:1316px; margin:0 auto;display: none;position: relative; } #mainNews .newsSheet li.show{display: block;} #mainNews .newsSheet .mySwiper{overflow: hidden;} #mainNews .newsSheet .box { padding:10px;font-family: 'Noto Sans KR'; font-weight: 400; } #mainNews .newsSheet {width:1316px; margin: 0 auto;} #mainNews .newsSheet .box a{padding:40px; background: #fff; color:#333; display: block;box-shadow:4px 4px 10px rgb(20 20 20 / 10%);border:1px solid #fff;} #mainNews .newsSheet .box:hover a{border:1px solid #ee6e00;} #mainNews .newsSheet .box .subTxt { font-size: 14px; width:82px; height:32px; line-height: 32px; text-align: center;background:#f8f8f8; border-radius:4px;margin-bottom:20px; position: relative;} #mainNews .newsSheet .box .subTxt.newIcon::after{content:""; display: block; position: absolute; top:0;left:92px;width:30px;height:30px;border-radius: 100%; background: #ff8f2f;background: url(/humanframe/theme/sto/assets/images/newIcon.png); background-size: contain;} #mainNews .newsSheet .box .titleTxt { font-size: 22px;white-space: normal;display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;margin-bottom:30px;font-family: 'Noto Sans KR'; font-weight: 600; height:60px;} #mainNews .newsSheet .box .dateTxt { font-size: 13px; color:#666;} /*secTour*/ #secTour {padding:70px 0px 80px;} #secTour .tourBox {display: flex; justify-content: space-between;} #secTour .tourBox .tourLeft{display: flex;} #secTour .tourBox .tourLeft .placeSheet { height:fit-content; box-shadow: 5px 5px 11px rgb(5 5 5 / 20%);} #secTour .tourBox .tourLeft .placeSheet li{display: none;} #secTour .tourBox .tourLeft .placeSheet li a{display: block;width:415px; height:fit-content;background: #ccc;} #secTour .tourBox .tourLeft .placeSheet li a img{ width:100%; height:auto;display: block;} #secTour .tourBox .tourLeft .placeSheet li.show{display: block;} #secTour .tourBox .tourLeft .placeTab {width:180px;} #secTour .tourBox .tourLeft .placeTab li:first-child::before{content: "";width:150px; height:1px; background: #ccc;display: block;} /*2022.12.05 start*/ /* #secTour .tourBox .tourLeft .placeTab li:last-child { border-bottom:none;} */ /*2022.12.05 end*/ #secTour .tourBox .tourLeft .placeTab li {width:150px; box-sizing: border-box; line-height:40px; height:38.7px; border-bottom: 1px solid #ccc ;cursor: pointer; color:#888; font-weight: 400;} #secTour .tourBox .tourLeft .placeTab li a{color:#888;} #secTour .tourBox .tourLeft .placeTab li.on { font-weight: 600; transition: all 0.3s;border-bottom:1px solid black; width:180px; color:#000;} #secTour .tourBox .tourLeft .placeSheet li.show{display: block;} #secTour .tourBox .tourRight {width:680px;} #secTour .tourBox .tourRight ul{display: flex; flex-wrap: wrap; justify-content: space-between; } /*2022.12.01 start*/ #secTour .tourBox .tourRight ul li { width:330px; height:130px; line-height: 130px; background-color: #006EB6;margin-bottom:20px; position: relative; } #secTour .tourBox .tourRight ul li a{width:100%; height:100%; display: block; padding-left:40px;} /*2022.12.01 end*/ #secTour .tourBox .tourRight ul li:first-child { background: url(../images/new/tour_pc_01.png) no-repeat;background-position: right center;background-color:#386482; background-size: cover;} #secTour .tourBox .tourRight ul li:nth-child(2) { background: url(../images/new/tour_pc_02.png) no-repeat;background-position: right center; background-color: #1c3a8b;background-size: cover;} #secTour .tourBox .tourRight ul li:nth-child(3) { background: url(../images/new/tour_pc_03.png) no-repeat;background-color: #7b5946;background-position: right center; background-color: #1c3a8b;background-size: cover;} #secTour .tourBox .tourRight ul li:nth-child(4) { background: url(../images/new/tour_pc_04.png) no-repeat;background-color: #58787e;background-position: right center;background-size: cover;} #secTour .tourBox .tourRight ul li:after{content: "";width:11px; height:18px; display: block;position: absolute; top:50%;right:40px;transform: translateY(-50%);background-image: url(../images/new/tour_right_btn.png) ;} #secTour .tourBox .tourRight ul li a { color:#fff; position: relative; z-index: 5; font-size:20px;} /*secSns*/ #secSns { background:#f8f8f8; position: relative;padding:70px 0px 80px;} .swiper-container{width:1316px; margin:0 auto;} #secSns .swiper-container{padding:10px 10px 0px 5px;} /*2022.11.09 start*/ /* #secSns .swiper-slide{width: min-content !important;} */ /*2022.11.09 end*/ #secSns .swiper-slide h3{margin-top:20px;height:45px; margin-bottom:20px;display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; color:#222;font-size:16px; font-weight: 500;} #secSns .swiper-slide p{ font-size: 14px; color:#888;} #secSns .swiper-slide:hover .txt h3{text-decoration: underline; font-weight: bold;} #secSns .snsBox .box .txt {margin-top:20px;} #secSns .snsBox .box:hover .txt .txt01{ text-decoration: underline; font-weight: bold;} #secSns .snsBox .box:hover{cursor: pointer;} #secSns .snsBox .box .txt .txt01 { height:45px; margin-bottom:20px;display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; color:#222;} #secSns .snsBox .box .txt .txt02{ font-size: 14px; color:#888;} /*2022.12.05 start*/ #secSns .swiper-pagination{justify-content: space-between;width: 150px;margin: 0 auto;display: flex; position: static;margin-top:50px;} #secSns .swiper-pagination-bullet{ width:12px; height:12px; background-color: #e4e4e4; opacity: 1;} #secSns .swiper-pagination-bullet-active {background-color: #ee6e00; opacity: 1;} /*2022.12.05 end*/ /*secTv*/ #secTv { padding:70px 0px 80px; position: relative;} #secTv .swiper-slide.swiper-slide-active .inner{width:140%;margin-top: 0;opacity: 1;box-shadow: 10px 10px 15px rgb(20 20 20 / 7%);margin-bottom:30px;} #secTv .swiper-slide.swiper-slide-active{display: flex;flex-direction: column;flex-wrap: nowrap;align-items: center;} #secTv .swiper-slide .inner{width:80%; margin-top:23%; opacity: 0.5;} #secTv .swiper-slide-next {position: relative;} #secTv .swiper-slide-next .inner{ position:absolute; right: 0;} #secTv .swiper-slide .inner .img img{display: block; width:100%;} #secTv .swiper-slide .inner .txt {padding:10px; background-color: #fff; font-size:16px ; color:#333;} #secTv .swiper-slide.swiper-slide-active .inner .txt {padding:20px;font-size: 28px; color:#333;} /* #secTv .swiper-pagination{justify-content: space-between;width: 80px;margin: 0 auto;display: flex; position: static;margin-top:20px;} */ #secTv .swiper-pagination{position: relative; margin: 0 auto;margin-top:20px;} #secTv .swiper-pagination-bullet{margin:0 4px; width:12px; height:12px; background-color: #e4e4e4; opacity: 1;} #secTv .swiper-pagination-bullet-active {background-color: #ee6e00; opacity: 1;} @media screen and (max-width:1450px){ /*2022.11.09 start*/ .swiper-button-prev{ transform: translateX(-680px);} /*2022.11.09 end*/ } @media screen and (max-width:1339px) { /*2022.11.09 start*/ .swiper-button-prev, .swiper-button-next{display: none;} /*2022.11.09 end*/ .wrap1316{width:100%;} .Sbtn{display: none;} #mainNews .newsSheet { width:100%;} #mainNews .newsSheet li {width:100%;} #secTv .swiper-container{width:100%; margin:0 auto;} #secTv .swiper-slide.swiper-slide-active .inner {width:160%;} #secTv .swiper-button-next,#secTv .swiper-button-prev{display: none;} #secTv .swiper-slide .inner {margin-top:27%;} #secTv .swiper-slide-prev {left: -5%;} #secTv .swiper-slide-next {right: -5%;} #secTour .tourBox {width:100%;padding:0 25px;} #secTour .tourBox .tourLeft .placeSheet{margin-right:20px;} #secTour .tourBox .tourRight ul li{width: calc(100% / 2 - 10px);} /*secSns*/ #secSns .swiper-container{width:100%;} /*2022.11.09 start_02*/ /* #secSns .swiper-slide{width: min-content !important;} */ /*2022.11.09 end_02*/ #secSns .swiper-slide h3{ margin-top:20px;height:45px; margin-bottom:20px;display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; color:#222;font-size:16px; font-weight: 500;} #secSns .swiper-slide p{ font-size: 14px; color:#888;} #secSns .swiper-slide:hover .txt h3{text-decoration: underline; font-weight: bold;} #secSns .snsBox .box .txt {margin-top:20px;} #secSns .snsBox .box:hover .txt .txt01{ text-decoration: underline; font-weight: bold;} #secSns .snsBox .box:hover{cursor: pointer;} #secSns .snsBox .box .txt .txt01 { height:45px; margin-bottom:20px;display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; color:#222;} #secSns .snsBox .box .txt .txt02{ font-size: 14px; color:#888;} } @media screen and (max-width:1024px) { /* .mti-txt1{width:100%;font-size:46px; padding-right:0px; line-height:60px;} .mti-txt1 > span{width:100%;font-size:58px;} .mti-txt2{width:100%;font-size:70px; line-height:80px; padding-top:40px; padding-right:0px;} .mti-txt2 > span{display: block; } */ #secTour .tourBox{flex-wrap: wrap;} #secTour .tourBox .tourLeft .placeTab {width:200px;} #secTour .tourBox .tourLeft {width:100%;} #secTour .tourBox .tourLeft .placeSheet {width:calc(100% - 200px) ; margin-right:0px;} #secTour .tourBox .tourLeft .placeSheet li a { width:100% ;} #secTour .tourBox .tourLeft .placeTab li.on {width:200px; height:auto;} #secTour .tourBox .tourRight {width:100% ; margin-top:70px;} #secTour .tourBox .tourRight ul li{width:calc(calc((100% / 2) - 10px));} #secTv .swiper-slide .inner .txt {text-overflow: ellipsis;white-space: nowrap;overflow: hidden; } #secTv .swiper-slide.swiper-slide-active .inner .txt {font-size: 24px;} } @media screen and (max-width:1020px) { .footer .footer-top {position: static;} .footer .footer-top .gnb-wamark-logo{top: auto;left: 50%;bottom:18px;margin-left: -80px;z-index: 1;} .footer .footer-top .gnb-wamark-logo.isms {left: 50%;margin-left: 10px;z-index: 1;} } @media screen and (max-width:1000px) { #secTour .tourBox .tourLeft .placeSheet{margin-right:0px;} } /* 占승븝옙*/ @media screen and (max-width: 767px) { .mainTitle {font-size: 24px;} #mainNews .newsTab{ padding: 0 25px; width: 100%;} #mainNews .newsTab {flex-wrap: wrap; margin-bottom:10px;} #mainNews .newsTab li {width: calc(50% - 5px); margin-bottom: 7px; font-size:14px; height: 45px; line-height: 44px;} .Sbtn { display: none;} #mainNews .newsSheet {width:100%; } #mainNews .newsSheet .mySwiper {padding-left: 15px;} #mainNews .newsSheet li{width:100%;} #mainNews .newsSheet .box .subTxt {font-size: 12px;height: 24px;line-height: 24px; margin-bottom:6%;} #mainNews .newsSheet .box .subTxt.newIcon::after { width:24px; height:24px;} #mainNews .newsSheet .box .titleTxt {font-size:16px; height:fit-content; margin-bottom: 4%;} #mainNews .newsSheet .box a {padding:20px; height:160px;} /*2022.12.05 start*/ #secTour .tourBox .tourLeft{flex-direction: column;} #secTour .tourBox .tourLeft .placeTab{width:calc(100% + 25px); height:55px;} #secTour .tourBox .tourLeft .placeTab{white-space:nowrap; overflow-x: auto; padding-left:0px !important;} #secTour .tourBox .tourLeft .placeTab li{display:inline-block; margin-right:15px;border: 1.5px solid #888;border-radius: 30px; height:40px; line-height: 35px;box-sizing: border-box;margin-bottom:5px;width: fit-content; padding:0px 20px;} #secTour .tourBox .tourLeft .placeTab li.on{height:40px;width: fit-content;border: 1.5px solid #000;} @media screen and (max-width:767px) { #secSns{ position: relative; } #secSns .swiper-container{ width: 95%;margin-left: 5%; } #secSns .swiper-button-prev{ display: block;left: 5px;width: 19px;height:34px;background-size: cover;transform: translate(-0%, -50%); } #secSns .swiper-button-next{ display: block;z-index: 99;right: 5px;width: 19px;height:34px;background-size: cover;transform: translate(-0%, -50%); } } @media screen and (max-width:500px) { #secSns .swiper-button-prev{ top:50%;left: 5px;width: 15px;height:30px;transform: translateY(-110%); } #secSns .swiper-button-next{ top:50%;right: 5px;width: 15px;height:30px;transform: translateY(-110%); } #secTour .tourBox .tourLeft .placeTab li{ margin-right:10px; } #secTour .tourBox .tourRight ul li a{ padding-left:20px; } #secTour .tourBox .tourRight ul li:after{ right:20px; } } /*2022.12.05 end*/ #secTour .tourBox .tourLeft .placeSheet {width:100%;} #secTour .tourBox .tourLeft .placeTab li:first-child::before {display: none;} #secTour .tourBox .tourLeft .placeSheet li a{width:100%;} #secTour .tourBox .tourRight { margin-top:40px;} #secTour .tourBox .tourRight ul li {width:100%; height:84px; line-height: 80px;font-size:18px;} #secTour .tourBox .tourRight ul li a{font-size:16px;} #secTour .tourBox .tourRight ul li:first-child{background: url(../images/new/tour_m_01.png); background-position: right center; background-size: cover;} #secTour .tourBox .tourRight ul li:nth-child(2){background: url(../images/new/tour_m_02.png); background-position: right center; background-size: cover;} #secTour .tourBox .tourRight ul li:nth-child(3){background: url(../images/new/tour_m_03.png); background-position: right center; background-size: cover;} #secTour .tourBox .tourRight ul li:nth-child(4){ background: url(../images/new/tour_m_04.png); background-position: right center; background-size: cover;} #secTv .swiper-slide .inner{margin-top:31%;} #secTv .swiper-slide .inner .txt{font-size:16px;} #secTv .swiper-slide.swiper-slide-active .inner .txt {font-size:18px;} } @media screen and (max-width:550px) { .mainTitle.sns h3:after, .mainTitle.youtube h3:after {width:35px; height:35px;} /* .mti-txt1,.mti-txt2{padding:0px; width:100%;} .mti-txt1{font-size:30px;} .mti-txt1 > span{font-size:34px;} .mti-txt2{font-size:40px; line-height:52px; padding-top:20px;} .mti-txt2 > span { display: block;} */ } /*占쏙옙占쏙옙占�*/ @media screen and (max-width:425px) { /* .mti-txt1,.mti-txt2{padding:0px; width:100%;} .mti-txt1{font-size:30px;} .mti-txt1 > span{font-size:34px;} .mti-txt2{font-size:40px; line-height:52px; padding-top:20px;} .mti-txt2 > span { display: block;} */ .mainTitle{font-size:18px; margin-bottom:20px; } #mainNews, #secTour, #secSns, #secTv {padding: 40px 0px;} #mainNews .swiper-wrapper:last-child {margin-right:20px;} .mainTitle.sns h3:after,.mainTitle.youtube h3:after {width:40px; height:40px;} #secSns .swiper {width: 100%;} #secSns .snsBox .box .txt .txt01 {font-size:14px; line-height:20px; margin-bottom:10px; height:40px;} #secSns .snsBox .box .txt .txt02 {font-size:12px;} #secSns .btn {display: none;} #secSns .mainTitle:after{width:40px; height: 40px; background-size: contain;} #secSns .swiper-button-prev, #secSns .swiper-button-next { display: block !important; z-index: 999; } #secTv .mainTitle:after{width:40px; height: 40px; background-size: contain;} #secTv .swiper-slide.swiper-slide-active .inner {width:180%;} #secTv .swiper-slide .inner .txt { padding:10px; font-size: 14px;} #secTv .swiper-slide.swiper-slide-active .inner .txt{padding:12px; font-size: 16px;} .main-banner-02-wrap {margin-top:4%;} .main-c05-wrap #dightyBanner {margin-top:4%;} .main-c05-wrap .content-in {padding-bottom:40px;} } @media screen and (max-width:375px) { .mainTitle {font-size:20px;} .font16 {font-size:16px !important;} #secTour .mainTitle h3 span{display: block;} #secTour .mainTitle h3 span.disin{display: inline-block;} .footer .footer-top .gnb-wamark-logo{top: auto;left: 50%;bottom:18px;margin-left: -75px;z-index: 1;} .footer .footer-top .gnb-wamark-logo.isms {left: 50%;margin-left: 0;z-index: 1;} .footer .footer-top .gnb-wamark-logo img{width:60px; height:35px;} .footer .footer-top .gnb-logo img{width:120px;} .footer .footer-bot .facebook {width:20px; height:20px; top:-273px;} .footer .footer-bot .youtube {width:26px; height:20px; top:-273px; right:22px} .footer .footer-bot .instagram{width:26px; height:26px; right:55px;} } /* 2023 06 26 */ .content-in { padding-bottom:50px } .cont1, .cont2, .cont3, .cont4 { display:none } .cont2 button:after, .cont3 button:after, .cont4 button:after { position:absolute; content:''; display:block; transition:all .25s ; background:url(../image/ico_button_arrow.png) center/cover no-repeat; width:30px; height:30px; right:50px; top:50%; transform:translateY(-50%) rotate(0deg);} .cont2 button.active:after, .cont3 button.active:after, .cont4 button.active:after { transform:translateY(-50%) rotate(180deg); } .cont2 > button span{ padding-right:100px; padding-left:55px; } .cont2 > button::before { content:'' ; display: block; position: absolute; width:35px ; height: 35px; top:50%; transform:translateY(-50%) ; left: 10px;} .cont2 > button:nth-of-type(1)::before { background:url(../image/ico_btn_1.png) no-repeat center ; } .cont2 > button:nth-of-type(2)::before { background:url(../image/ico_btn_2.png) no-repeat center ; } .cont2 > button:nth-of-type(3)::before { background:url(../image/ico_btn_3.png) no-repeat center ; } .cont2 > button:nth-of-type(4)::before { background:url(../image/ico_btn_4.png) no-repeat center ; } .cont2 > button:nth-of-type(5)::before { background:url(../image/ico_btn_5.png) no-repeat center ; } .cont2 > button:nth-of-type(6)::before { background:url(../image/ico_btn_6.png) no-repeat center ; } .cont2 > button:nth-of-type(7)::before { background:url(../image/ico_btn_7.png) no-repeat center ; } .cont2 > button:nth-of-type(8)::before { background:url(../image/ico_btn_8.png) no-repeat center ; border:1px solid #004ac8; box-sizing: border-box; } .cont2 > button:nth-of-type(9)::before { background:url(../image/ico_btn_9.png) no-repeat center ; } .cont2 > button:nth-of-type(10)::before { background:url(../image/ico_btn_10.png) no-repeat center ; } .cont2 .labelTit { text-align: center; font-size:20px; margin-top:50px; margin-bottom:25px; } .cont2 .labelList { width: 100%; display: flex; flex-flow: row wrap; justify-content: center; } .cont2 .labelList > li { width: calc(33% - 120px); height:230px; display:flex; flex-flow:column wrap; justify-content: center; align-items: center; border-radius: 10px; padding:20px 30px; box-shadow: 0 0.2rem 0.8rem rgba(22,71,170,0.2); cursor: pointer; font-size:15px; font-weight:400; position: relative; } .cont2 .labelList > li img { margin-bottom:25px; } .cont2 .labelList > li ~ li { margin-left:40px; } .cont2 .labelList > li:nth-child( -n + 3) { margin-bottom:30px; } .cont2 .labelList > li:nth-child(4) { margin-left:0px; } .cont2 .infoArea { position: absolute; width: 480px; height:auto; background-color: #fff; top:0; z-index:1; border-radius: 10px; cursor: initial; border: 1px solid #eee; overflow: hidden;} .cont2 .labelList > li:nth-child(1) .infoArea { left:100%; display: none; } .cont2 .labelList > li:nth-child(1) .infoArea > ul ul li:first-of-type{ max-width:153px; } .cont2 .labelList > li:nth-child(2) .infoArea { left:100%; display: none; } .cont2 .labelList > li:nth-child(2) .infoArea > ul ul li:first-of-type{ max-width:153px; } .cont2 .labelList > li:nth-child(2) .infoArea > ul ul:nth-child(-n + 2) li{ max-width:none; border-right: 0; } .cont2 .labelList > li:nth-child(2) .infoArea > ul li { align-items: center; justify-content: center; display: flex;} .cont2 .labelList > li:nth-child(3) .infoArea { right:100%; display: none; } .cont2 .labelList > li:nth-child(3) .infoArea > ul li:last-child { max-width: 80px; align-items: center; justify-content: center; display: flex} .cont2 .labelList > li:nth-child(4) .infoArea { left:100%; display: none; } .cont2 .labelList > li:nth-child(5) .infoArea { left:100%; display: none; } .cont2 .labelList > li:nth-child(6) .infoArea { right:100%; display: none; } .cont2 .infoArea .subTitArea { height:50px; background-color: #fff; display: flex; align-items: center; font-weight: 600; font-size:18px; padding-left:20px; border:1px solid #eee} .cont2 .labelList > li:hover :is(.infoArea) { display: block !important; } .cont2 .infoArea p { padding:10px; border:1px solid #eee;} .cont2 .infoArea > ul { display: flex; border:1px solid #eee;} .cont2 .infoArea > ul > li { flex:1 1 50%; padding: 10px} .cont2 .infoArea > ul > li:first-of-type { display: flex; align-items: center; justify-content: center; text-align: center; border-right:1px solid #eee;} .cont2 .infoArea > ul > li:last-of-type { } .cont2 .infoArea > ul > div:first-child { width:85px; display: flex; align-items: center; justify-content: center; text-align: center; border-right:1px solid #eee;} .cont2 .infoArea > ul ul { display: flex; } .cont2 .infoArea > ul ul ~ ul { border-top : 1px solid #eee;} .cont2 .infoArea > ul ul li{ flex: 1 1 100%; padding:10px 10px; } .cont2 .infoArea > ul ul li:first-of-type{text-align: center; display: flex; align-items: center; justify-content: center; border-right:1px solid #eee; } .cont2 .infoArea > ul .gridBox { flex: 1; } /* cont3 add */ .cont3 > button span{ padding-right:100px; padding-left:55px; } .cont3 > button::before { content:'' ; display: block; position: absolute; width:35px ; height: 35px; top:50%; transform:translateY(-50%) ; left: 10px;} .cont3 > button:nth-of-type(1)::before { background:url(../image/ico_btn_1.png) no-repeat center ; } .cont3 > button:nth-of-type(2)::before { background:url(../image/ico_btn_2.png) no-repeat center ; } .cont3 > button:nth-of-type(3)::before { background:url(../image/ico_btn_3.png) no-repeat center ; } .cont3 > button:nth-of-type(4)::before { background:url(../image/ico_btn_4.png) no-repeat center ; } .cont3 > button:nth-of-type(5)::before { background:url(../image/ico_btn_5.png) no-repeat center ; } .cont3 > button:nth-of-type(6)::before { background:url(../image/ico_btn_6.png) no-repeat center ; } .cont3 > button:nth-of-type(7)::before { background:url(../image/ico_btn_7.png) no-repeat center ; } .cont3 > button:nth-of-type(8)::before { background:url(../image/ico_btn_8.png) no-repeat center ; border:1px solid #004ac8; box-sizing: border-box; } .cont3 > button:nth-of-type(9)::before { background:url(../image/ico_btn_9.png) no-repeat center ; } .cont3 > button:nth-of-type(10)::before { background:url(../image/ico_btn_10.png) no-repeat center ; } .cont3 .labelTit { text-align: center; font-size:20px; margin-top:50px; margin-bottom:25px; } .cont3 .labelList { width: 100%; display: flex; flex-flow: row wrap; justify-content: center; } .cont3 .labelList > li { width: calc(33% - 120px); height:230px; display:flex; flex-flow:column wrap; justify-content: center; align-items: center; border-radius: 10px; padding:20px 30px; box-shadow: 0 0.2rem 0.8rem rgba(22,71,170,0.2); cursor: pointer; font-size:15px; font-weight:400; position: relative; } .cont3 .labelList > li img { margin-bottom:25px; } .cont3 .labelList > li ~ li { margin-left:40px; } .cont3 .labelList > li:nth-child( -n + 3) { margin-bottom:30px; } .cont3 .labelList > li:nth-child(4) { margin-left:0px; } .cont3 .infoArea { position: absolute; width: 480px; height:auto; background-color: #fff; top:0; z-index:1; border-radius: 10px; cursor: initial; border: 1px solid #eee; overflow: hidden;} .cont3 .labelList > li:nth-child(1) .infoArea { left:100%; display: none; } .cont3 .labelList > li:nth-child(1) .infoArea > ul ul li:first-of-type{ max-width:153px; } .cont3 .labelList > li:nth-child(2) .infoArea { left:100%; display: none; } .cont3 .labelList > li:nth-child(2) .infoArea > ul ul li:first-of-type{ max-width:153px; } .cont3 .labelList > li:nth-child(2) .infoArea > ul ul:nth-child(-n + 2) li{ max-width:none; border-right: 0; } .cont3 .labelList > li:nth-child(2) .infoArea > ul li { align-items: center; justify-content: center; display: flex;} .cont3 .labelList > li:nth-child(3) .infoArea { right:100%; display: none; } .cont3 .labelList > li:nth-child(3) .infoArea > ul li:last-child { max-width: 80px; align-items: center; justify-content: center; display: flex} .cont3 .labelList > li:nth-child(4) .infoArea { left:100%; display: none; } .cont3 .labelList > li:nth-child(5) .infoArea { left:100%; display: none; } .cont3 .labelList > li:nth-child(6) .infoArea { right:100%; display: none; } .cont3 .infoArea .subTitArea { height:50px; background-color: #fff; display: flex; align-items: center; font-weight: 600; font-size:18px; padding-left:20px; border:1px solid #eee} .cont3 .labelList > li:hover :is(.infoArea) { display: block !important; } .cont3 .infoArea p { padding:10px; border:1px solid #eee;} .cont3 .infoArea > ul { display: flex; border:1px solid #eee;} .cont3 .infoArea > ul > li { flex:1 1 50%; padding: 10px} .cont3 .infoArea > ul > li:first-of-type { display: flex; align-items: center; justify-content: center; text-align: center; border-right:1px solid #eee;} .cont3 .infoArea > ul > li:last-of-type { } .cont3 .infoArea > ul > div:first-child { width:85px; display: flex; align-items: center; justify-content: center; text-align: center; border-right:1px solid #eee;} .cont3 .infoArea > ul ul { display: flex; } .cont3 .infoArea > ul ul ~ ul { border-top : 1px solid #eee;} .cont3 .infoArea > ul ul li{ flex: 1 1 100%; padding:10px 10px; } .cont3 .infoArea > ul ul li:first-of-type{text-align: center; display: flex; align-items: center; justify-content: center; border-right:1px solid #eee; } .cont3 .infoArea > ul .gridBox { flex: 1; } /* cont3 add end */ /* cont4 add */ .cont4 > button span{ padding-right:100px; padding-left:55px; } .cont4 > button::before { content:'' ; display: block; position: absolute; width:35px ; height: 35px; top:50%; transform:translateY(-50%) ; left: 10px;} .cont4 > button:nth-of-type(1)::before { background:url(../image/ico_btn_1.png) no-repeat center ; } .cont4 > button:nth-of-type(2)::before { background:url(../image/ico_btn_2.png) no-repeat center ; } .cont4 > button:nth-of-type(3)::before { background:url(../image/ico_btn_3.png) no-repeat center ; } .cont4 > button:nth-of-type(4)::before { background:url(../image/ico_btn_4.png) no-repeat center ; } .cont4 > button:nth-of-type(5)::before { background:url(../image/ico_btn_5.png) no-repeat center ; } .cont4 > button:nth-of-type(6)::before { background:url(../image/ico_btn_6.png) no-repeat center ; } .cont4 > button:nth-of-type(7)::before { background:url(../image/ico_btn_7.png) no-repeat center ; } .cont4 > button:nth-of-type(8)::before { background:url(../image/ico_btn_8.png) no-repeat center ; border:1px solid #004ac8; box-sizing: border-box; } .cont4 > button:nth-of-type(9)::before { background:url(../image/ico_btn_9.png) no-repeat center ; } .cont4 > button:nth-of-type(10)::before { background:url(../image/ico_btn_10.png) no-repeat center ; } .cont4 .labelTit { text-align: center; font-size:20px; margin-top:50px; margin-bottom:25px; } .cont4 .labelList { width: 100%; display: flex; flex-flow: row wrap; justify-content: center; } .cont4 .labelList > li { width: calc(33% - 120px); height:230px; display:flex; flex-flow:column wrap; justify-content: center; align-items: center; border-radius: 10px; padding:20px 30px; box-shadow: 0 0.2rem 0.8rem rgba(22,71,170,0.2); cursor: pointer; font-size:15px; font-weight:400; position: relative; } .cont4 .labelList > li img { margin-bottom:25px; } .cont4 .labelList > li ~ li { margin-left:40px; } .cont4 .labelList > li:nth-child( -n + 3) { margin-bottom:30px; } .cont4 .labelList > li:nth-child(4) { margin-left:0px; } .cont4 .infoArea { position: absolute; width: 480px; height:auto; background-color: #fff; top:0; z-index:1; border-radius: 10px; cursor: initial; border: 1px solid #eee; overflow: hidden;} .cont4 .labelList > li:nth-child(1) .infoArea { left:100%; display: none; } .cont4 .labelList > li:nth-child(1) .infoArea > ul ul li:first-of-type{ max-width:153px; } .cont4 .labelList > li:nth-child(2) .infoArea { left:100%; display: none; } .cont4 .labelList > li:nth-child(2) .infoArea > ul ul li:first-of-type{ max-width:153px; } .cont4 .labelList > li:nth-child(2) .infoArea > ul ul:nth-child(-n + 2) li{ max-width:none; border-right: 0; } .cont4 .labelList > li:nth-child(2) .infoArea > ul li { align-items: center; justify-content: center; display: flex;} .cont4 .labelList > li:nth-child(3) .infoArea { right:100%; display: none; } .cont4 .labelList > li:nth-child(3) .infoArea > ul li:last-child { max-width: 80px; align-items: center; justify-content: center; display: flex} .cont4 .labelList > li:nth-child(4) .infoArea { left:100%; display: none; } .cont4 .labelList > li:nth-child(5) .infoArea { left:100%; display: none; } .cont4 .labelList > li:nth-child(6) .infoArea { right:100%; display: none; } .cont4 .infoArea .subTitArea { height:50px; background-color: #fff; display: flex; align-items: center; font-weight: 600; font-size:18px; padding-left:20px; border:1px solid #eee} .cont4 .labelList > li:hover :is(.infoArea) { display: block !important; } .cont4 .infoArea p { padding:10px; border:1px solid #eee;} .cont4 .infoArea > ul { display: flex; border:1px solid #eee;} .cont4 .infoArea > ul > li { flex:1 1 50%; padding: 10px} .cont4 .infoArea > ul > li:first-of-type { display: flex; align-items: center; justify-content: center; text-align: center; border-right:1px solid #eee;} .cont4 .infoArea > ul > li:last-of-type { } .cont4 .infoArea > ul > div:first-child { width:85px; display: flex; align-items: center; justify-content: center; text-align: center; border-right:1px solid #eee;} .cont4 .infoArea > ul ul { display: flex; } .cont4 .infoArea > ul ul ~ ul { border-top : 1px solid #eee;} .cont4 .infoArea > ul ul li{ flex: 1 1 100%; padding:10px 10px; } .cont4 .infoArea > ul ul li:first-of-type{text-align: center; display: flex; align-items: center; justify-content: center; border-right:1px solid #eee; } .cont4 .infoArea > ul .gridBox { flex: 1; } /* cont4 add end */ /* cont5 add */ .cont5 > button span{ padding-right:100px; padding-left:55px; } .cont5 > button::before { content:'' ; display: block; position: absolute; width:35px ; height: 35px; top:50%; transform:translateY(-50%) ; left: 10px;} .cont5 > button:nth-of-type(1)::before { background:url(../image/ico_btn_1.png) no-repeat center ; } .cont5 > button:nth-of-type(2)::before { background:url(../image/ico_btn_2.png) no-repeat center ; } .cont5 > button:nth-of-type(3)::before { background:url(../image/ico_btn_3.png) no-repeat center ; } .cont5 > button:nth-of-type(4)::before { background:url(../image/ico_btn_4.png) no-repeat center ; } .cont5 > button:nth-of-type(5)::before { background:url(../image/ico_btn_5.png) no-repeat center ; } .cont5 > button:nth-of-type(6)::before { background:url(../image/ico_btn_6.png) no-repeat center ; } .cont5 > button:nth-of-type(7)::before { background:url(../image/ico_btn_7.png) no-repeat center ; } .cont5 > button:nth-of-type(8)::before { background:url(../image/ico_btn_8.png) no-repeat center ; border:1px solid #004ac8; box-sizing: border-box; } .cont5 > button:nth-of-type(9)::before { background:url(../image/ico_btn_9.png) no-repeat center ; } .cont5 > button:nth-of-type(10)::before { background:url(../image/ico_btn_10.png) no-repeat center ; } .cont5 .labelTit { text-align: center; font-size:20px; margin-top:50px; margin-bottom:25px; } .cont5 .labelList { width: 100%; display: flex; flex-flow: row wrap; justify-content: center; } .cont5 .labelList > li { width: calc(33% - 120px); height:230px; display:flex; flex-flow:column wrap; justify-content: center; align-items: center; border-radius: 10px; padding:20px 30px; box-shadow: 0 0.2rem 0.8rem rgba(22,71,170,0.2); cursor: pointer; font-size:15px; font-weight:400; position: relative; } .cont5 .labelList > li img { margin-bottom:25px; } .cont5 .labelList > li ~ li { margin-left:40px; } .cont5 .labelList > li:nth-child( -n + 3) { margin-bottom:30px; } .cont5 .labelList > li:nth-child(4) { margin-left:0px; } .cont5 .infoArea { position: absolute; width: 480px; height:auto; background-color: #fff; top:0; z-index:1; border-radius: 10px; cursor: initial; border: 1px solid #eee; overflow: hidden;} .cont5 .labelList > li:nth-child(1) .infoArea { left:100%; display: none; } .cont5 .labelList > li:nth-child(1) .infoArea > ul ul li:first-of-type{ max-width:153px; } .cont5 .labelList > li:nth-child(2) .infoArea { left:100%; display: none; } .cont5 .labelList > li:nth-child(2) .infoArea > ul ul li:first-of-type{ max-width:153px; } .cont5 .labelList > li:nth-child(2) .infoArea > ul ul:nth-child(-n + 2) li{ max-width:none; border-right: 0; } .cont5 .labelList > li:nth-child(2) .infoArea > ul li { align-items: center; justify-content: center; display: flex;} .cont5 .labelList > li:nth-child(3) .infoArea { right:100%; display: none; } .cont5 .labelList > li:nth-child(3) .infoArea > ul li:last-child { max-width: 80px; align-items: center; justify-content: center; display: flex} .cont5 .labelList > li:nth-child(4) .infoArea { left:100%; display: none; } .cont5 .labelList > li:nth-child(5) .infoArea { left:100%; display: none; } .cont5 .labelList > li:nth-child(6) .infoArea { right:100%; display: none; } .cont5 .infoArea .subTitArea { height:50px; background-color: #fff; display: flex; align-items: center; font-weight: 600; font-size:18px; padding-left:20px; border:1px solid #eee} .cont5 .labelList > li:hover :is(.infoArea) { display: block !important; } .cont5 .infoArea p { padding:10px; border:1px solid #eee;} .cont5 .infoArea > ul { display: flex; border:1px solid #eee;} .cont5 .infoArea > ul > li { flex:1 1 50%; padding: 10px} .cont5 .infoArea > ul > li:first-of-type { display: flex; align-items: center; justify-content: center; text-align: center; border-right:1px solid #eee;} .cont5 .infoArea > ul > li:last-of-type { } .cont5 .infoArea > ul > div:first-child { width:85px; display: flex; align-items: center; justify-content: center; text-align: center; border-right:1px solid #eee;} .cont5 .infoArea > ul ul { display: flex; } .cont5 .infoArea > ul ul ~ ul { border-top : 1px solid #eee;} .cont5 .infoArea > ul ul li{ flex: 1 1 100%; padding:10px 10px; } .cont5 .infoArea > ul ul li:first-of-type{text-align: center; display: flex; align-items: center; justify-content: center; border-right:1px solid #eee; } .cont5 .infoArea > ul .gridBox { flex: 1; } /* cont5 add end */ .cont2 .infoArea.areaSec li, .cont3 .infoArea.areaSec li , .cont5 .infoArea.areaSec li { text-align: center; } .cont2 table td, .cont3 table td, .cont5 table td { text-align: center; word-break:keep-all } .cont2 .tab-t4ct-003 .c007-txt5a, .cont3 .tab-t4ct-003 .c007-txt5a, .cont4 .tab-t4ct-003 .c007-txt5a{ margin-top:25px; word-break: keep-all;} .cont2 .tab-t4ct-004 table tr a, .cont3 .tab-t4ct-004 table tr a, .cont4 .tab-t4ct-004 table tr a { position: relative ; display: inline-flex;} .cont2 .tab-t4ct-004 table tr a::after, .cont3 .tab-t4ct-004 table tr a::after, .cont4 .tab-t4ct-004 table tr a::after { content:''; display: block; position: static; width: 20px; height: 20px; background:url(../image/ico_hyper_externalLink.png) center/cover; } .cont2 .tab-t4ct-005 > img, .cont3 .tab-t4ct-005 > img, .cont4 .tab-t4ct-005 > img { width: auto; height: auto; } .cont2 .tab-t4ct-006 .c007-txt5a, .cont3 .tab-t4ct-006 .c007-txt5a, .cont4 .tab-t4ct-006 .c007-txt5a { margin-top:25px; word-break: keep-all;} .cont2 .tab-t4ct-007 tbody td:first-child, .cont3 .tab-t4ct-007 tbody td:first-child, .cont4 .tab-t4ct-007 tbody td:first-child { font-weight: bold; } .cont2 .tab-t4ct-009 ul ul > li, .cont3 .tab-t4ct-009 ul ul > li, .cont4 .tab-t4ct-009 ul ul > li{ padding-left:45px; } .cont2 .tab-t4ct-009 ul ul > li::before, .cont3 .tab-t4ct-009 ul ul > li::before, .cont4 .tab-t4ct-009 ul ul > li::before { display: block; position: absolute; left:0; margin-left:15px;} .cont2 .tab-t4ct-009 ul ul > li:nth-child(1):before, .cont3 .tab-t4ct-009 ul ul > li:nth-child(1):before, .cont4 .tab-t4ct-009 ul ul > li:nth-child(1):before { content:'가.' ; } .cont2 .tab-t4ct-009 ul ul > li:nth-child(2):before, .cont3 .tab-t4ct-009 ul ul > li:nth-child(2):before, .cont4 .tab-t4ct-009 ul ul > li:nth-child(2):before { content:'나.' ; } .cont2 .tab-t4ct-009 ul ul > li:nth-child(3):before, .cont3 .tab-t4ct-009 ul ul > li:nth-child(3):before, .cont4 .tab-t4ct-009 ul ul > li:nth-child(3):before { content:'다.' ; } .cont2 .tab-t4ct-009 ul ul > li:nth-child(4):before, .cont3 .tab-t4ct-009 ul ul > li:nth-child(4):before, .cont4 .tab-t4ct-009 ul ul > li:nth-child(4):before { content:'라.' ; } .content > .content-in .c007-txt1:first-of-type { margin-top:0; } .content > .selectView:first-child { padding-bottom: 0; margin-top:64px; display: flex; justify-content: flex-end; align-items: center;} .content > .selectView { width: 1314px; margin:0 auto; padding-bottom:80px;} .content > .selectView span { margin-right:15px; } .content > .selectView select { height: 36px; border: 1px solid #E1E1E1; border-radius: 5px; padding: 0 6px; color: #666666; font-weight: 400; font-size: 15px; } .cont2 a.privacyDown, .cont3 a.privacyDown, .cont4 a.privacyDown, .cont5 a.privacyDown { display: inline-flex; color:#292b2d; margin-top:15px; margin-bottom:20px} .cont2 a.privacyDown:after, .cont3 a.privacyDown:after, .cont4 a.privacyDown:after, .cont5 a.privacyDown:after { content: ''; position: static; display: block; background:url(../image/ico_privDown_pdf.png) center no-repeat; width: 35px; height: 25px; background-size:contain} .cont2 table, .cont3 table, .cont4 table, .cont5 table { border-top: 1.5px solid #ee6e00; border-bottom:1px solid #8d8d8d; } .cont2 .info-idv th, .cont3 .info-idv th, .cont4 .info-idv th, .cont5 .info-idv th { border-bottom:1px solid #8d8d8d; } .cont2 .info-idv tr ~ tr td, .cont3 .info-idv tr ~ tr td, .cont4 .info-idv tr ~ tr td, .cont5 .info-idv tr ~ tr td{ border-top:1px solid #f2f2f2 } .cont2 .info-idv td b, .cont3 .info-idv td b, .cont4 .info-idv td b, .cont5 .info-idv td b { text-decoration: underline; text-underline-offset :3px; font-size:18px } @media (max-width:1370px) { .cont2 .labelList, .cont3 .labelList, .cont4 .labelList, .cont5 .labelList { display:none; } .content > .selectView { width: calc(100% - 66px) !important; } } @media (max-width:1024px) { .scrollTable_cont { position: relative; overflow: hidden; } .scrollTable_cont .scrollTable { overflow-y: hidden; overflow-x: auto; -webkit-overflow-scrolling: touch; table-layout: fixed;} .scrollTable_cont .scrollTable table { position: relative; width: 100%;} .cont2 > button, .cont3 > button, .cont4 > button, .cont5 > button { height: auto; } .cont2 > button span , .cont3 > button span, .cont4 > button span, .cont5 > button span{ padding-top: 25px; padding-bottom: 19px; height: auto; line-height: 1.5; border-bottom: 6px solid transparent; word-break: keep-all; overflow: visible; white-space: normal; } } @media (max-width:700px) { .cont2 > button:after, .cont3 > button:after, .cont4 > button:after, .cont5 > button:after { right:20px; } .cont2 > button span, .cont3 > button span, .cont4 > button span, .cont5 > button span { padding-top: 20px; padding-bottom: 17px; padding-right:60px } .content > .selectView { width: calc(100% - 44px) !important; } } @media (max-width:425px) { .cont2 button:after, .cont3 button:after, .cont4 button:after, .cont5 button:after { width: 20px; height: 20px;} .cont2 > button span, .cont3 > button span, .cont4 > button span, .cont5 > button span { padding-top: 18px; padding-bottom: 15px; } .content > .selectView span { margin-bottom:10px; display:inline-block; } } .prcSta .top-row { display: flex; } .prcSta .top-row div:nth-of-type(n + 3) { flex:1; } .prcSta .od-row { display: flex; } .prcSta .od-row div:nth-of-type(n + 3) { flex:1; } /* 2023 06 26 /> */ /* 2023 07 18 */ .cont2 > button span, .cont3 > button span { border-bottom:6px solid transparent; } .flexWrap > span { display: flex; align-items: center; padding-left:45px !important} .flexWrap > span > img { margin-top:26px } .flexWrap > span > img:last-of-type { margin-right:10px; } .flexWrap img { width: 40px; height: 35px; object-fit: scale-down; } .infoArea a { text-decoration: underline; color:#004ac8; text-underline-offset : 2px; } /* 2023 07 18 /> */ /*2023 09 web accessvility*/ .accesVisble{position:absolute;font-size:0;width:0;height:0;line-height: 0;} .accessHead{position:absolute;font-size:0;width:0;height:0;line-height: 0;}