/* 서브페이지 배너 */ .sub_bnr {width: 100%; height: 31vw; margin-top: 109px; background-size: cover !important; background-position: center !important; position: relative; color: white; display: flex; align-items: center; justify-content: center; } .sub_bnr .sub_title{width: 100%; text-align: center; color: #fff;} .sub_bnr .sub_title h2{font-size: 60px;} @media all and (max-width:1400px){ .sub_bnr .sub_title h2{font-size: 55px;} } @media all and (max-width:1200px){ .sub_bnr .sub_title h2{font-size: 50px;} } @media all and (max-width:960px){ .sub_bnr .sub_title h2{font-size: 45px;} } @media all and (max-width:900px){ .sub_bnr{margin-top: 91px; min-height: 300px;} } @media all and (max-width:768px){ .sub_bnr{margin-top: 83px;} .sub_bnr .sub_title h2{font-size: 40px;} } @media all and (max-width:500px){ .sub_bnr .sub_title h2{font-size: 36px;} } /* 서브페이지 공통 */ .subpage{padding: 150px 0;} .subpage .title{margin-bottom: 100px; text-align: center;} .subpage .title h2{font-size: 48px; font-weight: 700; color: #000; line-height: 1.2;word-break: keep-all;} img{max-width: 100%;} @media all and (max-width:1400px){ .subpage .title h2{font-size: 44px;} } @media all and (max-width:1200px){ .subpage .title h2{font-size: 40px;} } @media all and (max-width:1024px){ .subpage .title h2{font-size: 35px;} } @media all and (max-width:960px){ .subpage{padding: 100px 0;} .subpage .title{margin-bottom: 60px;} } @media all and (max-width:768px){ .subpage .title h2{font-size: 30px;} } @media all and (max-width:500px){ .subpage .title h2{font-size: 28px;} } /* 서브페이지 탭메뉴 */ .tabmenu{display: flex; justify-content: center; max-width: 1320px; margin: 85px auto 0; width: 90%;} .tabmenu li{width: auto;border-bottom: 1px solid #d9d9d9; list-style: none; text-align: center; transition: all .15s ease-in;} .tabmenu li a{font-size: 28px; font-weight: 400; color: #7a7a7a; padding:15px 30px;display: block;} .tabmenu li.on{border-bottom: 2px solid #0F4574;} .tabmenu li.on a{color: #0F4574; font-weight: 600;} .tabmenu li:hover{border-bottom: 2px solid #0F4574;} .tabmenu li:hover a{color: #0F4574; font-weight: 600;} @media all and (max-width:1400px){ .tabmenu li{width: 50%;} } @media all and (max-width:1200px){ .tabmenu li a{font-size: 24px;} } @media all and (max-width:960px){ .tabmenu{margin: 45px auto 0;} .tabmenu li a{font-size: 20px;} } @media all and (max-width:768px){ .tabmenu{margin:40px auto 0; flex-wrap: wrap; box-sizing: border-box; justify-content: start;} .tabmenu li a{font-size: 18px;padding:0;color: #000;height: 50px;line-height: 50px;} } @media all and (max-width:500px){ .tabmenu li{width: 100%;} } /* 인사말 */ #greetings .greetings_info{padding-bottom: 150px;} #greetings .greetings_info .conBox{display: flex; justify-content: space-between; align-items: center; gap: 40px;} #greetings .greetings_info .conBox .txtBox{width: 50%;} #greetings .greetings_info .conBox .txtBox h3{font-size: 34px; font-weight: 600; color: #000; margin-bottom: 60px;} #greetings .greetings_info .conBox .txtBox h3 span{color: #0F4574; font-weight: 700;} #greetings .greetings_info .conBox .txtBox p{font-size: 24px; font-weight: 500; color: #000; line-height: 1.4;} #greetings .greetings_info .conBox .txtBox p:nth-child(1){margin-bottom: 30px;} #greetings .greetings_info .conBox .txtBox h4{font-size: 24px; font-weight: 700; color: #000; margin-top: 50px;} @media all and (max-width:1400px){ #greetings .greetings_info .conBox .txtBox h3{font-size: 32px;} } @media all and (max-width:1200px){ #greetings .greetings_info .conBox .txtBox{width: 55%;} #greetings .greetings_info .conBox .txtBox h3{font-size: 30px; word-break: keep-all; margin-bottom: 40px;} #greetings .greetings_info .conBox .txtBox h3 br{display: none;} #greetings .greetings_info .conBox .txtBox p{font-size: 22px;} #greetings .greetings_info .conBox .txtBox p:nth-child(1){margin-bottom: 20px;} } @media all and (max-width:1024px){ #greetings .greetings_info .conBox .txtBox h3{font-size: 28px;} #greetings .greetings_info .conBox .txtBox p{font-size: 20px;} } @media all and (max-width:960px){ #greetings .greetings_info{padding-bottom: 100px;} #greetings .greetings_info .conBox{flex-direction: column;} #greetings .greetings_info .conBox .txtBox{width: 100%;} #greetings .greetings_info .conBox .txtBox h3 br{display: block;} #greetings .greetings_info .conBox .txtBox h4{font-size: 22px;} } @media all and (max-width:768px){ #greetings .greetings_info .conBox .txtBox h3{font-size: 24px;} #greetings .greetings_info .conBox .txtBox p{font-size: 18px;} #greetings .greetings_info .conBox .txtBox h4{font-size: 20px;} } @media all and (max-width:500px){ #greetings .greetings_info .conBox .txtBox h3 br{display: none;} } #greetings .greetings_vision{margin-bottom: 150px; padding:225px 0 150px 0; background: #F4FAFF; overflow: hidden;} #greetings .greetings_vision ul{display: flex; justify-content: center; align-items: center; gap: 50px;} #greetings .greetings_vision ul li{position: relative; width: 50%; height: 320px; background: #fff; border-radius: 20px; box-shadow: 0 3px 10px rgba(0,0,0,0.1); text-align: center; padding:100px 50px 50px;} #greetings .greetings_vision ul li .imgBox{position: absolute; top: -75px; left: 50%; transform: translateX(-50%); width: 140px; height: auto; aspect-ratio: 1 / 1; border-radius: 50%; background: #0056A0; display: flex; align-items: center; justify-content: center;} #greetings .greetings_vision ul li .titBox{width: 100%; height: 100%; display: flex; flex-direction: column; align-items: center;} #greetings .greetings_vision ul li .titBox h2{font-size: 48px; font-weight: 700; color: #000; line-height: 1; margin-bottom: 20px;} #greetings .greetings_vision ul li .titBox h3{font-size: 40px; font-weight: 500; color: #000; line-height: 1;} #greetings .greetings_vision ul li .titBox p{font-size: 30px; font-weight: 500; color: #000; line-height: 1.3;} @media all and (max-width:1400px){ #greetings .greetings_vision ul li .titBox h2{font-size: 44px;} #greetings .greetings_vision ul li .titBox h3{font-size: 36px;} #greetings .greetings_vision ul li .titBox p{word-break: keep-all;} #greetings .greetings_vision ul li .titBox p br{display: none;} } @media all and (max-width:1200px){ #greetings .greetings_vision{padding: 210px 0 150px 0;} #greetings .greetings_vision ul li .titBox h2{font-size: 40px;} #greetings .greetings_vision ul li .titBox h3{font-size: 32px;} #greetings .greetings_vision ul li .titBox p{font-size: 28px;} #greetings .greetings_vision ul li .imgBox{width: 120px; top: -60px;} #greetings .greetings_vision ul li .imgBox img{width: 70px;} } @media all and (max-width:1024px){ #greetings .greetings_vision ul li{height: 290px; padding: 100px 25px 50px 25px;} #greetings .greetings_vision ul li .titBox h2{font-size: 35px;} #greetings .greetings_vision ul li .titBox h3{font-size: 28px;} #greetings .greetings_vision ul li .titBox p{font-size: 24px;} } @media all and (max-width:960px){ #greetings .greetings_vision{padding: 170px 0 100px 0; margin-bottom: 100px;} #greetings .greetings_vision ul li .titBox h3{font-size: 26px;} #greetings .greetings_vision ul li .titBox p{font-size: 20px;} } @media all and (max-width:768px){ #greetings .greetings_vision{padding: 150px 0 100px 0;} #greetings .greetings_vision ul{flex-direction: column; gap: 100px;} #greetings .greetings_vision ul li{width: 100%; height: auto; padding: 80px 25px 30px 25px;} #greetings .greetings_vision ul li .titBox h2{font-size: 30px;} #greetings .greetings_vision ul li .titBox h3{font-size: 24px;} #greetings .greetings_vision ul li .titBox p{font-size: 18px;} #greetings .greetings_vision ul li .titBox p br{display: block;} #greetings .greetings_vision ul li .imgBox{width: 100px; top: -50px;} #greetings .greetings_vision ul li .imgBox img{width: 60px;} } @media all and (max-width:500px){ #greetings .greetings_vision{padding: 130px 0 100px 0;} #greetings .greetings_vision ul{gap: 80px;} #greetings .greetings_vision ul li{padding: 60px 20px 30px 20px;} #greetings .greetings_vision ul li .titBox h2{font-size: 26px; margin-bottom: 15px;} #greetings .greetings_vision ul li .titBox h3{font-size: 22px;} #greetings .greetings_vision ul li .imgBox{width: 85px; top: -40px;} #greetings .greetings_vision ul li .imgBox img{width: 50px;} } #greetings .greetings_history .conBox{position: relative;width: 100%;} #greetings .greetings_history .conBox::before{content: ''; position: absolute; left:50%; top: 0; transform: translateX(-50%); width: 16px; height: 3px; background: #0F4574;} #greetings .greetings_history .conBox::after{content: ''; position: absolute; left:50%; top: 0; transform: translateX(-50%); z-index: -1; width: 3px; height: 100%; background: #0F4574;} #greetings .greetings_history{position:relative;} #greetings .greetings_history ul{position:relative; padding-top:35px; padding-left:0;} #greetings .greetings_history ul:after{content: ''; position: absolute; left:50%; bottom:-22px; transform: translateX(-50%); width: 3px; height:16px; background:url('/img/history_line.png') no-repeat;} #greetings .greetings_history ul li{list-style:none;} #greetings .greetings_history ul li.left_box{text-align:right; padding:0 50% 0 0; margin-bottom:50px;} #greetings .greetings_history ul li.left_box .yearbox .year{font-size: 90px; font-weight:900; color:rgba(15,69,116,0.3); line-height: 1; margin-bottom: 50px; padding-right: 30px;} #greetings .greetings_history ul li.left_box .yearbox .year_text{position: relative; padding-right: 30px; margin-bottom: 25px;} #greetings .greetings_history ul li.left_box .yearbox .year_text:last-child{margin-bottom: 0;} #greetings .greetings_history ul li.left_box .yearbox .year_text::before{content: ''; width: 13px; height: 13px; border: 3px solid #0F4574; background: #fff; border-radius: 50px; position: absolute; right: -6px; top: 5px; z-index: 10;} #greetings .greetings_history ul li.left_box .yearbox .year_text h3{font-size: 24px; font-weight: 600; color: #000; line-height: 1.2; word-break: keep-all;} #greetings .greetings_history ul li.left_box .yearbox .year_text p{font-size: 20px; font-weight: 500; color: #000; margin-top: 10px;} #greetings .greetings_history ul li.right_box{text-align:left; padding:0 0 0 50%; margin-bottom:50px;} #greetings .greetings_history ul li.right_box:last-child{margin-bottom: 20px;} #greetings .greetings_history ul li.right_box .yearbox .year{font-size: 90px; font-weight:900; color:rgba(15,69,116,0.3); line-height: 1; margin-bottom: 50px; padding-left: 30px;} #greetings .greetings_history ul li.right_box .yearbox .year_text{position: relative; padding-left: 30px; margin-bottom: 25px;} #greetings .greetings_history ul li.right_box .yearbox .year_text:last-child{margin-bottom: 0;} #greetings .greetings_history ul li.right_box .yearbox .year_text::before{content: ''; width: 13px; height: 13px; border: 3px solid #0F4574; background: #fff; border-radius: 50px; position: absolute; left: -6px; top: 5px; z-index: 10;} #greetings .greetings_history ul li.right_box .yearbox .year_text h3{font-size: 24px; font-weight: 600; color: #000; line-height: 1.2;word-break: keep-all;} #greetings .greetings_history ul li.right_box .yearbox .year_text p{font-size: 20px; font-weight: 500; color: #000; margin-top: 10px;} @media all and (max-width:1200px){ #greetings .greetings_history ul li.left_box .yearbox .year{font-size: 80px; margin-bottom: 30px;} #greetings .greetings_history ul li.left_box .yearbox .year_text h3{font-size: 22px;} #greetings .greetings_history ul li.right_box .yearbox .year{font-size: 80px; margin-bottom: 30px;} #greetings .greetings_history ul li.right_box .yearbox .year_text h3{font-size: 22px;} } @media all and (max-width:1024px){ #greetings .greetings_history ul li.left_box .yearbox .year_text h3{font-size: 20px;} #greetings .greetings_history ul li.left_box .yearbox .year_text p{font-size: 18px;} #greetings .greetings_history ul li.right_box .yearbox .year_text h3{font-size: 20px;} #greetings .greetings_history ul li.right_box .yearbox .year_text p{font-size: 18px;} } @media all and (max-width:960px){ #greetings .greetings_history ul li.left_box .yearbox .year{font-size: 70px;} #greetings .greetings_history ul li.left_box .yearbox .year_text{margin-bottom: 20px;} #greetings .greetings_history ul li.left_box .yearbox .year_text h3{font-size: 18px;} #greetings .greetings_history ul li.left_box .yearbox .year_text p{font-size: 18px;} #greetings .greetings_history ul li.right_box .yearbox .year{font-size: 70px;} #greetings .greetings_history ul li.right_box .yearbox .year_text{margin-bottom: 20px;} #greetings .greetings_history ul li.right_box .yearbox .year_text h3{font-size: 18px;} #greetings .greetings_history ul li.right_box .yearbox .year_text p{font-size: 18px;} } @media all and (max-width:768px){ #greetings .greetings_history .conBox::before{left: -6px; transform: unset;} #greetings .greetings_history .conBox::after{left: 0; transform: unset;} #greetings .greetings_history ul{padding-top: 20px;} #greetings .greetings_history ul:after{left: 0; transform: unset;} #greetings .greetings_history ul li.left_box{text-align: left; padding: 0;} #greetings .greetings_history ul li.left_box .yearbox .year{padding-left: 30px; padding-right: 0; margin-bottom: 20px; font-size: 60px;} #greetings .greetings_history ul li.left_box .yearbox .year_text{padding-left: 30px; padding-right: 0;} #greetings .greetings_history ul li.left_box .yearbox .year_text::before{left: -5px; right: unset;} #greetings .greetings_history ul li.left_box .yearbox .year_text p{font-size: 16px;} #greetings .greetings_history ul li.right_box{padding: 0;} #greetings .greetings_history ul li.right_box .yearbox .year{margin-bottom: 20px; font-size: 60px;} #greetings .greetings_history ul li.right_box .yearbox .year_text::before{left: -5px;} #greetings .greetings_history ul li.right_box .yearbox .year_text p{font-size: 16px;} } @media all and (max-width:500px){ #greetings .greetings_history ul li.left_box .yearbox .year{padding-left: 20px; font-size: 50px;} #greetings .greetings_history ul li.left_box .yearbox .year_text{padding-left: 20px;} #greetings .greetings_history ul li.right_box .yearbox .year{padding-left: 20px; font-size: 50px;} #greetings .greetings_history ul li.right_box .yearbox .year_text{padding-left: 20px;} } /* 오시는길 */ #location .conBox .mapBox{border-bottom: 1px solid #C4C4C4; margin-bottom: 80px;} #location .conBox .mapBox .map_list{padding: 80px 0;} #location .conBox .mapBox .map_list li{display: flex; justify-content: start; align-items: center; gap: 50px; margin-bottom: 20px;} #location .conBox .mapBox .map_list li .tit{width: 160px; display: flex; align-items: center; gap: 15px;} #location .conBox .mapBox .map_list li .tit h4{font-size: 30px; font-weight: 600; color: #000;} #location .conBox .mapBox .map_list li .tit .imgBox{background: #0056A0; width: 36px; height: auto; aspect-ratio: 1 / 1; border-radius: 50px; display: flex; align-items: center; justify-content: center;} #location .conBox .mapBox .map_list li p{font-size: 30px; font-weight: 400; color: #000;} #location .conBox .mapBox .map_list li:first-child p{font-weight: 600;} #location .conBox .mapBox .map_list li:first-child .tit .imgBox{background: #130961;} #location .conBox .mapBox .map_list li:last-child{margin-bottom: 0;} #location .conBox .infoBox{display: flex; justify-content: start; align-items: start; gap: 200px;} #location .conBox .infoBox .info_list h3{font-size: 36px; font-weight: 600; color: #000; margin-bottom: 50px; line-height: 1;} #location .conBox .infoBox .info_list ul li{display: flex; justify-content: start; align-items: center; gap: 50px; margin-bottom: 20px;} #location .conBox .infoBox .info_list ul li:last-child{margin-bottom: 0;} #location .conBox .infoBox .info_list ul li .tit{width: 140px; display: flex; align-items: center; gap: 15px;} #location .conBox .infoBox .info_list ul li .tit h4{font-size: 30px; font-weight: 600; color: #000;} #location .conBox .infoBox .info_list li .tit .imgBox{background: #130961; width: 36px; height: auto; aspect-ratio: 1 / 1; border-radius: 50px; display: flex; align-items: center; justify-content: center;} #location .conBox .infoBox .info_list li p{font-size: 30px; font-weight: 400; color: #000;} @media all and (max-width:1200px){ #location .conBox .mapBox .map iframe{height: 550px;} #location .conBox .mapBox .map_list li .tit h4{font-size: 26px;} #location .conBox .mapBox .map_list li p{font-size: 26px;} #location .conBox .infoBox{justify-content: space-between; gap: 30px;} #location .conBox .infoBox .info_list h3{font-size: 32px;} #location .conBox .infoBox .info_list ul li .tit h4{font-size: 26px;} #location .conBox .infoBox .info_list li p{font-size: 26px;} } @media all and (max-width:960px){ #location .conBox .mapBox{margin-bottom: 60px;} #location .conBox .mapBox .map iframe{height: 450px;} #location .conBox .mapBox .map_list{padding: 60px 0;} #location .conBox .mapBox .map_list li{gap: 20px;} #location .conBox .mapBox .map_list li .tit h4{font-size: 24px;} #location .conBox .mapBox .map_list li p{font-size: 24px;} #location .conBox .infoBox .info_list h3{font-size: 28px; margin-bottom: 30px;} #location .conBox .infoBox .info_list ul li{gap: 20px;} #location .conBox .infoBox .info_list ul li .tit h4{font-size: 24px;} #location .conBox .infoBox .info_list li p{font-size: 24px;} } @media all and (max-width:768px){ #location .conBox .mapBox{margin-bottom: 50px;} #location .conBox .mapBox .map iframe{height: 350px;} #location .conBox .mapBox .map_list{padding:50px 0;} #location .conBox .mapBox .map_list li{margin-bottom: 10px; flex-direction: column; align-items: start; gap: 10px; margin-bottom: 20px;} #location .conBox .mapBox .map_list li:first-child{margin-bottom: 20px;} #location .conBox .mapBox .map_list li .tit{width: auto; gap: 10px;} #location .conBox .mapBox .map_list li .tit h4{font-size: 20px;} #location .conBox .mapBox .map_list li p{font-size: 20px;} #location .conBox .infoBox{flex-direction: column; gap: 40px;} #location .conBox .infoBox .info_list h3{font-size: 24px; margin-bottom: 20px;} #location .conBox .infoBox .info_list ul li{margin-bottom: 10px;} #location .conBox .infoBox .info_list ul li .tit h4{font-size: 20px;} #location .conBox .infoBox .info_list li p{font-size: 20px;} } @media all and (max-width:500px){ #location .conBox .mapBox{margin-bottom: 40px;} #location .conBox .mapBox .map iframe{height: 300px;} #location .conBox .mapBox .map_list{padding: 40px 0;} #location .conBox .mapBox .map_list li .tit .imgBox{width: 32px;} #location .conBox .mapBox .map_list li .tit .imgBox img{width: 18px; height: auto;} #location .conBox .mapBox .map_list li p{font-size: 18px;} #location .conBox .infoBox .info_list h3{font-size: 20px;} #location .conBox .infoBox .info_list ul li .tit{width: 100px;} #location .conBox .infoBox .info_list ul li .tit h4{font-size: 18px;} #location .conBox .infoBox .info_list li .tit .imgBox{width: 32px;} #location .conBox .infoBox .info_list li .tit .imgBox img{width: 18px; height: auto;} #location .conBox .infoBox .info_list li p{font-size: 18px;} } /* 서비스이용안내 */ .service_page{} .service_page .conBox section{margin-bottom: 150px;} .service_page .conBox section:last-child{margin-bottom: 0;} .service_page .conBox .service_intro{display: flex; justify-content: space-between; align-items: center; gap: 50px;} .service_page .conBox .service_intro .titBox{width: 50%; margin-bottom: 0;} .service_page .conBox .service_intro .titBox h3{font-size: 40px; font-weight: 600; color: #000; line-height: 1.2; margin-bottom: 60px; word-break: keep-all;} .service_page .conBox .service_intro .titBox p{font-size: 24px; font-weight: 500; color: #000; line-height: 1.6; word-break: keep-all;} .service_page .conBox .service_intro .titBox p:nth-child(2){margin-bottom: 30px;} .service_page .conBox .service_intro .titBox p:last-child{margin-bottom: 0 !important;} .service_page .conBox .service_intro .titBox h5{font-size: 24px; font-weight: 500; color: #7A7A7A; margin-top: 60px;} .service_page .conBox section .titBox{margin-bottom: 50px;} .service_page .conBox section .titBox h4{font-size: 36px; font-weight: 600; color: #000; line-height: 1; position: relative; padding-left: 20px;} .service_page .conBox section .titBox h4::before{content: ''; width: 5px; height: 100%; background: #65AAFF; position: absolute; left: 0; top: 50%; transform: translateY(-50%);} .service_page .conBox .service_con{} .service_page .conBox .service_con .tbBox.type1{display: flex; flex-direction: column; gap: 20px;} .service_page .conBox .service_con .tbBox.type1 h5{font-size: 24px; font-weight: 500; color: #000; line-height: 1.4;} .service_page .conBox .service_con .tbBox.type1 table{} .service_page .conBox .service_con .tbBox.type1 table{width: 100%; box-sizing: border-box; border-collapse: collapse;} .service_page .conBox .service_con .tbBox.type1 table thead{background: #0F4574;} .service_page .conBox .service_con .tbBox.type1 table thead th{height: 70px; text-align: center; color: #fff; font-size:26px; font-weight: 500; border-right: 1px solid #0F4574;} .service_page .conBox .service_con .tbBox.type1 table thead tr th:first-child, .service_page .conBox .service_con .tbBox.type1 table tbody tr td:first-child{width:260px;} .service_page .conBox .service_con .tbBox.type1 table tbody td{height: 70px; border-right: 1px solid #E9E9E9; border-bottom: 1px solid #E9E9E9; text-align: center; color: #000; font-size: 24px; font-weight: 500;} .service_page .conBox .service_con .tbBox.type1 table tbody tr td:first-child{background:rgba(15, 69, 116, 0.05);} .service_page .conBox .service_con .tbBox.type1 table tbody tr:last-child td{border-bottom: 1px solid #0F4574;} .service_page .conBox .service_con .tbBox.type1 .tblink{display: flex; justify-content: space-between; align-items: center;} .service_page .conBox .service_con .tbBox.type1 .tblink p{font-size: 20px; font-weight: 500; color: #585858; line-height: 1.4;} .service_page .conBox .service_con .tbBox.type1 .tblink a{font-size: 14px; font-weight: 500; color: #fff; background: #65AAFF; border-radius: 4px; width: 150px; height: 33px; line-height: 33px; display: flex; justify-content: center; align-items: center; gap: 10px;} .service_page .conBox .service_guide{} .service_page .conBox .service_guide .txtBox p{font-size: 24px; font-weight: 500; color: #000; word-break: keep-all; line-height: 1.4;} .service_page .conBox .service_guide .txtBox ul{margin-top: 30px;} .service_page .conBox .service_guide .txtBox ul li{position: relative; font-size: 24px; font-weight: 500; color: #000; word-break: keep-all; margin-bottom: 15px;} .service_page .conBox .service_guide .txtBox ul li:last-child{margin-bottom: 0;} .service_page .conBox .service_guide .txtBox ul li::before{content: '·'; font-weight: 900; padding:0 10px;} .service_page .conBox .service_guide .txtBox ul li span{display: inline-block; padding-left: 20px;} @media all and (max-width:1400px){ .service_page .conBox section .titBox h4{font-size: 30px;} .service_page .conBox .service_intro .titBox h3{font-size: 36px;} } @media all and (max-width:1200px){ .service_page .conBox section .titBox h4{font-size: 28px;} .service_page .conBox .service_intro .titBox{width: 60%;} .service_page .conBox .service_intro .titBox h3{font-size: 30px; margin-bottom: 40px;} .service_page .conBox .service_intro .titBox p{font-size: 22px;} .service_page .conBox .service_intro .titBox p:nth-child(2){margin-bottom: 20px;} .service_page .conBox .service_intro .titBox h5{font-size: 22px; margin-top: 40px;} .service_page .conBox .service_con .tbBox.type1 table thead th{font-size: 24px;} .service_page .conBox .service_con .tbBox.type1 table tbody td{font-size: 22px;} .service_page .conBox .service_con .tbBox.type1 h5{font-size: 22px;} .service_page .conBox .service_guide .txtBox p{font-size: 22px;} .service_page .conBox .service_guide .txtBox ul li{font-size: 22px;} .service_page .conBox .service_guide .txtBox ul{margin-top: 20px;} .service_page .conBox .service_guide .txtBox ul li{margin-bottom: 10px;} } @media all and (max-width:1024px){ .service_page .conBox section .titBox{margin-bottom: 40px;} .service_page .conBox section .titBox h4{font-size: 26px;} .service_page .conBox .service_intro{gap: 40px;} .service_page .conBox .service_intro .titBox h3{font-size: 26px;} .service_page .conBox .service_intro .titBox p{font-size: 20px;} .service_page .conBox .service_intro .titBox h5{font-size: 20px; margin-top: 20px;} .service_page .conBox .service_con .tbBox.type1 table thead th{font-size: 22px;} .service_page .conBox .service_con .tbBox.type1 table tbody td{font-size: 20px;} } @media all and (max-width:960px){ .service_page .conBox section{margin-bottom: 100px;} .service_page .conBox .service_intro{flex-direction: column;} .service_page .conBox .service_intro .titBox{width: 100%;} .service_page .conBox section .titBox{margin-bottom: 30px;} .service_page .conBox section .titBox h4{font-size: 24px;} .service_page .conBox .service_con .tbBox.type1{gap: 15px;} .service_page .conBox .service_con .tbBox.type1 h5{font-size: 20px;} .service_page .conBox .service_con .tbBox.type1 table thead th{font-size: 20px;} .service_page .conBox .service_con .tbBox.type1 table tbody td{font-size: 18px; padding: 0 10px;} .service_page .conBox .service_con .tbBox.type1 table thead tr th:first-child, .service_page .conBox .service_con .tbBox.type1 table tbody tr td:first-child{width: 200px;} .service_page .conBox .service_guide .txtBox p{font-size: 20px;} .service_page .conBox .service_guide .txtBox ul li{font-size: 20px;} } @media all and (max-width:768px){ .service_page .conBox .service_intro .titBox h3{font-size: 24px;} .service_page .conBox .service_intro .titBox p{font-size: 18px;} .service_page .conBox .service_intro .titBox h5{font-size: 18px;} .service_page .conBox section .titBox{margin-bottom: 20px;} .service_page .conBox section .titBox h4{font-size: 22px;} .service_page .conBox .service_con .tbBox.type1 h5{font-size: 18px;} .service_page .conBox .service_con .tbBox.type1 table thead th{height: 60px;} .service_page .conBox .service_con .tbBox.type1 table tbody td{height: 60px; font-size: 18px;} .service_page .conBox .service_con .tbBox.type1 table thead tr th:first-child, .service_page .conBox .service_con .tbBox.type1 table tbody tr td:first-child{width: 150px;} .service_page .conBox .service_con .tbBox.type1 .tblink p{font-size: 18px;} .service_page .conBox .service_guide .txtBox p{font-size: 18px;} .service_page .conBox .service_guide .txtBox ul li{font-size: 18px;} } @media all and (max-width:600px){ .service_page .conBox .service_con .tbBox.type1 .tblink{flex-direction: column; align-items: start; gap: 10px;} } @media all and (max-width:500px){ .service_page .conBox .service_con .tbBox.type1 table thead tr th:first-child, .service_page .conBox .service_con .tbBox.type1 table tbody tr td:first-child{width: 100px;} .service_page .conBox .service_con .tbBox.type1 table thead th{height: 50px; font-size: 16px;} .service_page .conBox .service_con .tbBox.type1 table tbody td{font-size: 16px;} .service_page .conBox .service_con .tbBox.type1 .tblink p{font-size: 16px;} .service_page .conBox .service_guide .txtBox ul li span{padding-left: 15px;} .service_page .conBox .service_guide .txtBox ul li::before{padding: 0 5px;} } /* 방문요양,방문목욕 */ #service01 .conBox .service_guide .txtBox ul li{display: flex; line-height: 1.4;} #service01 .conBox .service_con .tbBox.type1 table thead tr th:nth-child(2), #service01 .conBox .service_con .tbBox.type1 table tbody tr td:nth-child(2){width: 330px;} #service01 .conBox .service_con .tbBox.type1 table thead tr th:nth-child(3), #service01 .conBox .service_con .tbBox.type1 table tbody tr td:nth-child(3){width: 260px;} #service01 .conBox .service_con .tbBox.type1 table tbody tr td ul{width: 90%; margin: 0 auto; text-align: left;} #service01 .conBox .service_con .tbBox.type1 table tbody tr td ul li{position: relative; display: flex; line-height: 1.4; word-break: keep-all;} #service01 .conBox .service_con .tbBox.type1 table tbody tr td ul li::before{content: '·'; font-weight: 900; padding: 0 10px;} #service01 .conBox .service_con .tbBox.type1 table tbody tr td ul li:first-child{margin-bottom: 40px;} #service01 .conBox .service_con .tbBox.type1 table tbody tr td ul li:last-child br.mb{display: none;} #service01 .conBox .service_con .tbBox.type1 .tblink p{font-size: 30px; font-weight: 600; color: #130961; line-height: 1.4;} #service01 .conBox .service_con .tbBox.type1 .tblink p span{display: inline-block; padding-left: 15px;} #service01 .conBox .service_con .tbBox.type1 .table_mo{display: none;font-size: 16px;color: #000;font-weight: 600;margin-top: 5px;animation: scroll 1s ease-in-out infinite;} @keyframes scroll { 0% { transform: translateX(0%); } 50% { transform: translateX(10px); } 100% { transform: translateX(0%); } } @media all and (max-width:1400px){ #service01 .conBox .service_con .tbBox.type1 .tblink p{font-size: 28px;} #service01 .conBox .service_con .tbBox.type1 table tbody tr td ul{width: 95%;} #service01 .conBox .service_con .tbBox.type1 table thead tr th:nth-child(2), #service01 .conBox .service_con .tbBox.type1 table tbody tr td:nth-child(2){width: 260px;} } @media all and (max-width:1200px){ #service01 .conBox .service_con .tbBox.type1 table tbody tr td ul li:first-child{margin-bottom: 20px;} #service01 .conBox .service_con .tbBox.type1 table thead tr th:first-child, #service01 .conBox .service_con .tbBox.type1 table tbody tr td:first-child{width: 200px;} #service01 .conBox .service_con .tbBox.type1 table thead tr th:nth-child(2), #service01 .conBox .service_con .tbBox.type1 table tbody tr td:nth-child(2){width: 200px;} #service01 .conBox .service_con .tbBox.type1 table thead tr th:nth-child(3), #service01 .conBox .service_con .tbBox.type1 table tbody tr td:nth-child(3){width: 200px;} #service01 .conBox .service_con .tbBox.type1 .tblink p{font-size: 26px;} } @media all and (max-width:1024px){ #service01 .conBox .service_con .tbBox.type1 table thead tr th:first-child, #service01 .conBox .service_con .tbBox.type1 table tbody tr td:first-child{width: 100px;} #service01 .conBox .service_con .tbBox.type1 table thead tr th:nth-child(2), #service01 .conBox .service_con .tbBox.type1 table tbody tr td:nth-child(2){width: 150px;} #service01 .conBox .service_con .tbBox.type1 table thead tr th:nth-child(3), #service01 .conBox .service_con .tbBox.type1 table tbody tr td:nth-child(3){width: 100px;} #service01 .conBox .service_con .tbBox.type1 .tblink p{font-size: 24px;} } @media all and (max-width:960px){ #service01 .conBox .service_con .tbBox.type1 table tbody tr td ul{width: 100%;} #service01 .conBox .service_con .tbBox.type1 table tbody td{padding: 0 20px;} #service01 .conBox .service_con .tbBox.type1 .tblink p{font-size: 22px;} } @media all and (max-width:768px){ #service01 .conBox .service_con .tbBox.type1 .tblink p{font-size: 20px;} #service01 .conBox .service_con .tbBox.type1 .table{overflow-x: auto;} #service01 .conBox .service_con .tbBox.type1 .table table{white-space: nowrap;} #service01 .conBox .service_con .tbBox.type1 table tbody tr td ul li:last-child br.mb{display: block;} #service01 .conBox .service_con .tbBox.type1 table tbody tr td ul li::before{padding: 0 5px;} #service01 .conBox .service_con .tbBox.type1 .tblink{margin-top: 0;} #service01 .conBox .service_con .tbBox.type1 .table_mo{display: block;} } @media all and (max-width:500px){ #service01 .conBox .service_con .tbBox.type1 .tblink p{font-size: 18px;} #service01 .conBox .service_con .tbBox.type1 .tblink p span{padding-left: 15px;} } /* 서울형가사서비스 */ #service02 .subpage{padding-bottom: 0;} #service02 .title h3{font-size: 40px; font-weight: 500; color: #fff; background: #0F4574; border-radius: 50px; text-align: center; padding: 10px 50px; display: inline-block; margin-bottom: 40px;} #service02 .title h2{font-size: 120px; font-weight: 800; color: #000; line-height: 1;} #service02 .conBox .service_intro{flex-direction: column; gap: 0;} #service02 .conBox .service_intro .imgBox{text-align: center;} #service02 .conBox .service_intro .listBox{width: 100%; margin-top: -100px;position: relative; z-index: 2;} #service02 .conBox .service_intro .listBox li{display: flex; justify-content: start; align-items: center; gap: 40px; background: #fff; padding: 40px 80px; margin-bottom: 30px; border-radius: 20px; box-shadow: 0 3px 20px rgba(0, 0, 0, 0.1);} #service02 .conBox .service_intro .listBox li:last-child{margin-bottom: 0;} #service02 .conBox .service_intro .listBox li .iconBox{width: 145px; height: auto; aspect-ratio: 1 / 1; border-radius: 50%; background: #0056A0; display: flex; justify-content: center; align-items: center;} #service02 .conBox .service_intro .listBox li .titBox{width: auto;} #service02 .conBox .service_intro .listBox li .titBox h3{font-size: 42px; font-weight: 600; color: #000; line-height: 1;margin-bottom: 20px;} #service02 .conBox .service_intro .listBox li .titBox p{font-size: 30px; font-weight: 500; color: #000; line-height: 1.3;} #service02 .conBox .service_intro .intro_link{margin-top: 30px; width: 100%; display: flex; justify-content: space-between; align-items: center;} #service02 .conBox .service_intro .intro_link p{font-size: 30px; font-weight: 500; color: #585858; line-height: 1.4;} #service02 .conBox .service_intro .intro_link a{font-size: 20px; font-weight: 500; color: #fff; background: #0056A0; border-radius: 4px; width: 190px; height: 44px; display: flex; justify-content: center; align-items: center; gap: 10px;} #service02 .conBox .service_intro .intro_link a img{transition: all .3s ease-in;} #service02 .conBox .service_intro .intro_link a:hover img{transform: translateX(3px);} #service02 .conBox .service_contact{width: 100%; background: url('/img/service02_bg01.png') no-repeat center; background-size: cover !important; padding: 80px 0;} #service02 .conBox .service_contact .titBox{text-align: center; margin-bottom: 0;} #service02 .conBox .service_contact .titBox .telBox{margin-top: 50px; display: flex; justify-content: center; align-items: center; gap: 60px;} #service02 .conBox .service_contact .titBox .telBox h2{font-size: 56px; font-weight: 700; color: #000; line-height: 1;} #service02 .conBox .service_contact .linkBox{margin-top: 80px; display: flex; justify-content: center; align-items: center; gap: 40px;} #service02 .conBox .service_contact .linkBox li{list-style: none; width: 270px; height: 70px; line-height: 70px; border-radius: 50px;} #service02 .conBox .service_contact .linkBox li:first-child{background: #65AAFF;} #service02 .conBox .service_contact .linkBox li:last-child{background: #0F4574;} #service02 .conBox .service_contact .linkBox li a{font-size: 30px; font-weight: 500; color: #fff; display: flex; justify-content: center; align-items: center; gap: 10px;} #service02 .conBox .service_contact .linkBox li a img{transition: all .3s ease-in;} #service02 .conBox .service_contact .linkBox li:hover a img{transform: translateX(5px);} #service02 .conBox .service_con .titBox{margin-bottom: 60px; text-align: center;} #service02 .conBox .service_con .titBox h3{font-size: 40px; font-weight: 500; color: #000;} #service02 .conBox .service_con .tbBox.type2{} #service02 .conBox .service_con .tbBox.type2 table{width: 100%; box-sizing: border-box; border-collapse: collapse;} #service02 .conBox .service_con .tbBox.type2 table thead{background: #0F4574;} #service02 .conBox .service_con .tbBox.type2 table thead th{height: 70px; text-align: center; color: #fff; font-size:26px; font-weight: 500; border-right: 1px solid #0F4574;} #service02 .conBox .service_con .tbBox.type2 table tbody td{height: 70px; border-left: 1px solid #E9E9E9; border-right: 1px solid #E9E9E9; border-bottom: 1px solid #E9E9E9; padding: 0 10px; text-align: center; color: #000; font-size: 24px; font-weight: 500;} #service02 .conBox .service_con .tbBox.type2 table tbody td p{font-size: 16px; font-weight: 500; color: #000;word-break: keep-all;} #service02 .conBox .service_con .tbBox.type2 table tbody tr:first-child{background:rgba(15, 69, 116, 0.05);} #service02 .conBox .service_con .tbBox.type2 table tbody tr:first-child td{font-size: 26px;} #service02 .conBox .service_con .tbBox.type2 table tbody tr:nth-child(2) td:first-child, #service02 .conBox .service_con .tbBox.type2 table tbody tr:nth-child(2) td:last-child, #service02 .conBox .service_con .tbBox.type2 table tbody tr:nth-child(5) td:first-child, #service02 .conBox .service_con .tbBox.type2 table tbody tr:nth-child(4) td, #service02 .conBox .service_con .tbBox.type2 table tbody tr:nth-child(7) td, #service02 .conBox .service_con .tbBox.type2 table tbody tr:nth-child(8) td:first-child, #service02 .conBox .service_con .tbBox.type2 table tbody tr:nth-child(8) td:last-child{border-bottom: 1px solid #0F4574;} #service02 .conBox .service_con .tbBox.type2 table tbody tr:last-child td{border-bottom: 1px solid #0F4574;} #service02 .conBox .service_con .tbBox .table_mo{display: none;font-size: 16px;color: #000;font-weight: 600;margin-bottom: 5px;animation: scroll 1s ease-in-out infinite;} @keyframes scroll { 0% { transform: translateX(0%); } 50% { transform: translateX(10px); } 100% { transform: translateX(0%); } } #service02 .conBox .service_guide{margin-bottom: 0; margin-bottom: -100px;} #service02 .conBox .service_guide .inner{padding:0 90px 90px; border-radius: 20px; background: #F9F9FB;} #service02 .conBox .service_guide .titBox{display: flex; justify-content: space-between; align-items: end; gap: 60px; margin-bottom: 0; position: relative; top: -60px;} #service02 .conBox .service_guide .titBox h3{font-size:120px; font-weight: 800; color: #000; line-height: 1.2;} #service02 .conBox .service_guide .txtBox{padding: 35px 40px; border-radius: 30px; background: #65AAFF; text-align: center;} #service02 .conBox .service_guide .txtBox p{font-size: 32px; font-weight: 500; color: #fff; word-break: keep-all; line-height: 1.4;} #service02 .conBox .service_guide .txtBox p:first-child{margin-bottom: 40px;} #service02 .conBox .service_bnr{width: 100%; background: url('/img/service02_bg02.png') no-repeat center; background-size: cover !important; padding: 200px 0 100px 0;} #service02 .conBox .service_bnr .titBox{display: flex; justify-content: space-between; align-items: start; gap: 60px; margin-bottom: 0;} #service02 .conBox .service_bnr .titBox h2{font-size: 60px; font-weight: 500; color: #fff; line-height: 1.4; word-break: keep-all;} #service02 .conBox .service_bnr .titBox h2 strong{font-weight: 700;} @media all and (max-width:1600px){ #service02 .title h2{font-size: 110px;} #service02 .conBox .service_contact .titBox .telBox h2{font-size: 50px;} #service02 .conBox .service_guide .titBox h3{font-size: 110px;} #service02 .conBox .service_bnr .titBox h2{font-size: 50px;} } @media all and (max-width:1400px){ #service02 .title h3{font-size: 35px;} #service02 .title h2{font-size: 100px;} #service02 .conBox .service_intro .listBox li .titBox h3{font-size: 38px;} #service02 .conBox .service_contact .titBox .telBox{margin-top: 40px;} #service02 .conBox .service_contact .titBox .telBox {gap: 40px;} #service02 .conBox .service_contact .titBox .telBox h2{font-size: 45px;} #service02 .conBox .service_contact .linkBox{margin-top: 60px;} #service02 .conBox .service_con .titBox h3{font-size: 36px;} #service02 .conBox .service_guide .inner{padding: 0 70px 70px;} #service02 .conBox .service_guide .titBox h3{font-size: 100px;} #service02 .conBox .service_guide .titBox .imgBox{width: 55%;} #service02 .conBox .service_guide .txtBox p{font-size: 30px;} #service02 .conBox .service_bnr .titBox h2{font-size: 45px;} } @media all and (max-width:1200px){ #service02 .title h3{font-size: 30px;} #service02 .title h2{font-size: 90px;} #service02 .conBox .service_intro .listBox li .iconBox{width: 120px;} #service02 .conBox .service_intro .listBox li .titBox h3{font-size: 34px;} #service02 .conBox .service_intro .listBox li .titBox p{font-size: 26px;} #service02 .conBox .service_intro .intro_link p{font-size: 26px;} #service02 .conBox .service_intro .intro_link a{font-size: 18px;} #service02 .conBox .service_contact .titBox .telBox h2{font-size: 40px;} #service02 .conBox .service_contact .linkBox li a{font-size: 26px;} #service02 .conBox .service_con .titBox h3{font-size: 34px;} #service02 .conBox .service_con .tbBox.type2 table thead th{font-size: 24px;} #service02 .conBox .service_con .tbBox.type2 table tbody tr:first-child td{font-size: 22px;} #service02 .conBox .service_con .tbBox.type2 table tbody td{font-size: 20px; padding:0 5px;} #service02 .conBox .service_con .tbBox.type2 table thead tr th:nth-child(1){width: 80px;} #service02 .conBox .service_con .tbBox.type2 table thead tr th:nth-child(2), #service02 .conBox .service_con .tbBox.type2 table thead tr th:nth-child(3), #service02 .conBox .service_con .tbBox.type2 table thead tr th:nth-child(6){width: 130px;} #service02 .conBox .service_con .tbBox.type2 table thead tr th:nth-child(4), #service02 .conBox .service_con .tbBox.type2 table thead tr th:nth-child(5){width: 270px;} #service02 .conBox .service_guide .inner{padding: 0 50px 50px;} #service02 .conBox .service_guide .titBox{top: -50px;} #service02 .conBox .service_guide .titBox h3{font-size: 85px;} #service02 .conBox .service_guide .txtBox p{font-size: 28px;} #service02 .conBox .service_guide .txtBox p:first-child{margin-bottom: 20px;} #service02 .conBox .service_bnr .titBox h2{font-size: 40px;} } @media all and (max-width:1024px){ #service02 .title h3{font-size: 26px;} #service02 .title h2{font-size: 80px;} #service02 .conBox .service_intro .listBox li{padding: 30px 60px;} #service02 .conBox .service_intro .listBox li .iconBox{width: 100px;} #service02 .conBox .service_intro .listBox li:first-child .iconBox img{width: 40px;} #service02 .conBox .service_intro .listBox li:nth-child(2) .iconBox img{width: 60px;} #service02 .conBox .service_intro .listBox li:nth-child(3) .iconBox img{width: 75px;} #service02 .conBox .service_intro .listBox li .titBox h3{font-size: 30px; margin-bottom: 15px;} #service02 .conBox .service_intro .listBox li .titBox p{font-size: 22px;} #service02 .conBox .service_intro .intro_link p{font-size: 22px;} #service02 .conBox .service_contact .titBox img{width: 350px;} #service02 .conBox .service_contact .titBox .telBox h2{font-size: 35px;} #service02 .conBox .service_contact .linkBox li{width: 220px; height: 60px; line-height: 60px;} #service02 .conBox .service_contact .linkBox li a{font-size: 22px;} #service02 .conBox .service_con .titBox h3{font-size: 32px;} #service02 .conBox .service_con .tbBox.type2 table thead th{font-size: 20px;} #service02 .conBox .service_con .tbBox.type2 table tbody tr:first-child td{font-size: 20px;} #service02 .conBox .service_guide{margin-bottom: 100px;} #service02 .conBox .service_guide .inner{padding: 0 40px 40px;} #service02 .conBox .service_guide .titBox{top: -40px; gap: 40px;} #service02 .conBox .service_guide .titBox h3{font-size: 70px;} #service02 .conBox .service_guide .txtBox{padding: 30px;} #service02 .conBox .service_guide .txtBox p{font-size: 24px;} #service02 .conBox .service_bnr{padding: 100px 0;} #service02 .conBox .service_bnr .titBox{gap: 40px;} #service02 .conBox .service_bnr .titBox h2{font-size: 35px;} } @media all and (max-width:960px){ #service02 .conBox .service_con .tbBox.type2 table tbody td{padding: 0 10px;} #service02 .conBox .service_con .tbBox.type2 table thead tr th:nth-child(1){width: auto;} #service02 .conBox .service_con .tbBox.type2 table thead tr th:nth-child(2), #service02 .conBox .service_con .tbBox.type2 table thead tr th:nth-child(3), #service02 .conBox .service_con .tbBox.type2 table thead tr th:nth-child(6){width: auto;} #service02 .conBox .service_con .tbBox.type2 table thead tr th:nth-child(4), #service02 .conBox .service_con .tbBox.type2 table thead tr th:nth-child(5){width: auto;} } @media all and (max-width:830px){ #service02 .title h2{font-size: 70px;} #service02 .conBox .service_con .titBox h3{font-size: 30px;} #service02 .conBox .service_con .tbBox.type2 .table{overflow-x: auto;} #service02 .conBox .service_con .tbBox.type2 .table table{white-space: nowrap;} #service02 .conBox .service_con .tbBox.type2 .tbtit .table_mo{display: block;} #service02 .conBox .service_con .tbBox.type2 table thead th{font-size: 22px; height: 60px;} #service02 .conBox .service_con .tbBox.type2 table tbody tr:first-child td{font-size: 22px;} #service02 .conBox .service_con .tbBox.type2 table tbody td{font-size: 20px; height: 60px;} #service02 .conBox .service_guide .inner{padding: 40px;} #service02 .conBox .service_guide .titBox{top: 0; margin-bottom: 40px;} #service02 .conBox .service_guide .titBox h3{font-size: 65px;} } @media all and (max-width:768px){ #service02 .title h3{font-size: 24px; padding: 5px 40px; margin-bottom: 20px;} #service02 .title h2{font-size: 60px;} #service02 .conBox .service_intro .listBox{margin-top: -60px;} #service02 .conBox .service_intro .listBox li{padding: 30px 40px; gap: 20px;} #service02 .conBox .service_intro .listBox li:first-child .iconBox img{width:35px;} #service02 .conBox .service_intro .listBox li:nth-child(2) .iconBox img{width: 50px;} #service02 .conBox .service_intro .listBox li:nth-child(3) .iconBox img{width:65px;} #service02 .conBox .service_intro .listBox li .titBox h3{font-size: 26px; margin-bottom: 10px;} #service02 .conBox .service_intro .listBox li .titBox p{font-size: 20px;} #service02 .conBox .service_intro .intro_link{flex-direction: column; align-items: start; gap: 10px;} #service02 .conBox .service_intro .intro_link p{font-size: 20px;} #service02 .conBox .service_intro .intro_link a{font-size: 16px; width: 160px; height: 40px;} #service02 .conBox .service_contact{padding: 60px 0;} #service02 .conBox .service_contact .titBox img{width: 300px;} #service02 .conBox .service_contact .titBox .telBox{flex-direction: column; gap: 15px; margin-top: 30px;} #service02 .conBox .service_contact .titBox .telBox h2{font-size: 30px;} #service02 .conBox .service_contact .linkBox{gap: 20px; margin-top: 40px;} #service02 .conBox .service_contact .linkBox li{width: 180px; height: 50px; line-height: 50px;} #service02 .conBox .service_contact .linkBox li a{font-size: 20px;} #service02 .conBox .service_con .titBox h3{font-size: 26px;} #service02 .conBox .service_guide .titBox{flex-direction: column; align-items: center;} #service02 .conBox .service_guide .titBox h3{font-size: 40px; width: 100%; text-align: center;} #service02 .conBox .service_guide .titBox h3 br{display: none;} #service02 .conBox .service_guide .txtBox p{font-size: 22px;} #service02 .conBox .service_guide .titBox .imgBox{width: 100%;} #service02 .conBox .service_bnr{padding: 60px 0;} #service02 .conBox .service_bnr .titBox{flex-direction: column; align-items: center;} #service02 .conBox .service_bnr .titBox h2{font-size: 30px; text-align: center;} #service02 .conBox .service_bnr .imgBox img{width:150px;} } @media all and (max-width:600px){ #service02 .title h3{font-size: 22px;} #service02 .title h2{font-size: 50px;} #service02 .conBox .service_intro .listBox li{flex-direction: column; padding: 30px;} #service02 .conBox .service_intro .listBox li .titBox{text-align: center;} #service02 .conBox .service_intro .listBox li .titBox h3{font-size: 24px;} #service02 .conBox .service_intro .listBox li .titBox p{font-size: 18px;} #service02 .conBox .service_intro .intro_link p{font-size: 18px;} #service02 .conBox .service_contact .titBox img{width: 250px;} #service02 .conBox .service_contact .titBox .telBox{gap: 10px;} #service02 .conBox .service_contact .titBox .telBox h2{font-size: 24px;} #service02 .conBox .service_contact .linkBox li a{font-size: 18px;} #service02 .conBox .service_con .titBox h3{font-size: 24px;} #service02 .conBox .service_con .tbBox.type2 table thead th{font-size: 20px; height:50px;} #service02 .conBox .service_con .tbBox.type2 table tbody tr:first-child td{font-size: 20px;} #service02 .conBox .service_con .tbBox.type2 table tbody td{font-size: 18px; height:50px;} #service02 .conBox .service_guide .inner{padding: 40px 30px;} #service02 .conBox .service_guide .titBox h3{font-size: 35px;} #service02 .conBox .service_guide .txtBox{padding: 30px 20px;} #service02 .conBox .service_guide .txtBox p{font-size: 20px;} #service02 .conBox .service_bnr .titBox h2{font-size: 26px;} } @media all and (max-width:500px){ #service02 .title h3{font-size: 20px;} #service02 .title h2{font-size: 40px;} #service02 .conBox .service_intro .listBox{margin-top: -40px;} #service02 .conBox .service_intro .listBox li{padding: 30px 20px; margin-bottom: 20px;} #service02 .conBox .service_intro .listBox li .iconBox{width: 90px;} #service02 .conBox .service_intro .intro_link{margin-top: 20px;} #service02 .conBox .service_intro .intro_link a{width: auto; padding: 10px;} #service02 .conBox .service_contact .titBox img{width: 200px;} #service02 .conBox .service_contact .linkBox{gap: 15px;} #service02 .conBox .service_contact .linkBox li{width: 50%;} #service02 .conBox .service_guide .inner{padding: 40px 20px;} #service02 .conBox .service_guide .titBox h3{font-size: 30px;} #service02 .conBox .service_guide .txtBox p{font-size: 18px;} #service02 .conBox .service_bnr .titBox h2{font-size: 24px; word-break: break-all;} } @media all and (max-width:440px){ #service02 .conBox .service_bnr .titBox h2{font-size: 20px;} #service02 .conBox .service_bnr .imgBox img{width:130px;} } /* 병원동행 */ #service03 .conBox .service_con .tbBox.type1 table thead tr th, #service03 .conBox .service_con .tbBox.type1 table tbody tr td{width: 33.333%;} #service03 .conBox .service_con .tbBox.type1 table tbody tr td ul li{position: relative; line-height: 1.4; word-break: keep-all;} #service03 .conBox .service_con .tbBox.type1 table tbody tr td ul li::before{content: '·'; font-weight: 900; padding: 0 10px;} #service03 .conBox .service_con .tbBox.type1{gap: 0;} #service03 .conBox .service_con .tbBox.type1 .table_mo{display: none;font-size: 16px;color: #000;font-weight: 600;margin-top: 5px;animation: scroll 1s ease-in-out infinite;} #service03 .conBox .service_con .txtBox p{font-size: 24px; font-weight: 500; color: #000; word-break: keep-all; line-height: 1.4;} #service03 .conBox .service_con .txtBox ul{margin-top: 30px; display: flex; flex-wrap: wrap; max-width: 300px; gap:15px;} #service03 .conBox .service_con .txtBox ul li{position: relative; display: flex; width:calc(50% - 10px); font-size: 24px; font-weight: 500; color: #000; word-break: keep-all;line-height: 1.4;} #service03 .conBox .service_con .txtBox ul li::before{content: '·'; font-weight: 900; padding:0 10px;} #service03 .conBox .service_con .txtBox ul li span{display:block; padding-left: 25px;} @media all and (max-width:1200px){ #service03 .conBox .service_con .txtBox p{font-size: 22px;} #service03 .conBox .service_con .txtBox ul{margin-top: 20px;} #service03 .conBox .service_con .txtBox ul li{font-size: 22px;} } @media all and (max-width:960px){ #service03 .conBox .service_con .txtBox p{font-size: 20px;} #service03 .conBox .service_con .txtBox ul li{font-size: 20px;} } @media all and (max-width:768px){ #service03 .conBox .service_con .txtBox p{font-size: 18px;} #service03 .conBox .service_con .txtBox ul li{font-size: 18px;} #service03 .conBox .service_con .tbBox.type1{gap: 20px;} #service03 .conBox .service_con .tbBox.type1 .table{overflow-x: auto;} #service03 .conBox .service_con .tbBox.type1 .table table{white-space: nowrap;} #service03 .conBox .service_con .tbBox.type1 .table_mo{display: block;} } @media all and (max-width:500px){ #service03 .conBox .service_con .txtBox ul li::before{padding: 0 5px;} } /* 정리수납서비스 */ #service04 .conBox .service_con .tbBox.type1 table:nth-child(2) tbody td{background:#fff;} /* 이용절차 */ #information01 .conBox ul{display: flex; align-items: stretch; justify-content: space-between; gap: 40px;} #information01 .conBox ul li{position: relative; flex: 1; display: flex; flex-direction: column; justify-content: start; gap: 50px; background: #F5F5F5; border-radius: 15px; padding: 40px 20px; text-align: center;} #information01 .conBox ul li .imgBox img{width: 65px;} #information01 .conBox ul li::after{content: ''; position: absolute; right: -30px; top: 50%; transform: translateY(-50%); width: 14px; height: 16px; background: url('/img/information_icon05.svg') no-repeat;} #information01 .conBox ul li:last-child:after{display: none;} #information01 .conBox ul li .stepBox h3{font-size: 24px; font-weight: 600; color: #fff; background: #0F4574; border-radius: 50px; width: 165px; margin: 0 auto; height: 35px; line-height: 35px;} #information01 .conBox ul li .titBox h4{font-size: 30px; font-weight: 600; color: #000; margin-bottom: 20px; line-height: 1;} #information01 .conBox ul li .titBox p{font-size: 20px; font-weight: 500; color: #000; line-height: 1.4;} @media all and (max-width:1400px){ #information01 .conBox ul {gap: 30px;} #information01 .conBox ul li{gap: 35px;} #information01 .conBox ul li::after{right: -24px;} #information01 .conBox ul li .titBox h4{font-size: 28px;} } @media all and (max-width:1200px){ #information01 .conBox ul{flex-wrap: wrap;} #information01 .conBox ul li{flex: auto; width: calc(100% / 2 - 15px);} #information01 .conBox ul li:nth-child(2)::after{display: none;} #information01 .conBox ul li .stepBox h3{font-size: 22px;} #information01 .conBox ul li .titBox h4{font-size: 26px; margin-bottom: 15px;} #information01 .conBox ul li .titBox p{word-break: keep-all;} } @media all and (max-width:1024px){ #information01 .conBox ul li .stepBox h3{font-size: 20px;} #information01 .conBox ul li .titBox h4{font-size: 24px; margin-bottom: 15px;} #information01 .conBox ul li .titBox p{font-size: 18px;} } @media all and (max-width:600px){ #information01 .conBox ul {gap: 40px;} #information01 .conBox ul li{width: 100%;} #information01 .conBox ul li::after{right: unset; top: unset; transform:translateX(-50%) rotate(90deg); left: 50%; bottom: -26px;} #information01 .conBox ul li:nth-child(2)::after{display: block;} #information01 .conBox ul li .titBox h4{margin-bottom: 10px;} } /* 이용요금 */ #information02 .conBox section .titBox{margin-bottom: 40px;} #information02 .conBox section .titBox h4{font-size: 36px; font-weight: 600; color: #000; line-height: 1; position: relative; padding-left: 20px;} #information02 .conBox section .titBox h4::before{content: ''; width: 5px; height: 100%; background: #65AAFF; position: absolute; left: 0; top: 50%; transform: translateY(-50%);} #information02 section:first-child{margin-bottom: 100px;} #information02 .tbBox.type1 table{width: 100%; box-sizing: border-box; border-collapse: collapse;} #information02 .tbBox.type1 table thead{background: #0F4574;} #information02 .tbBox.type1 table thead th{height: 70px; text-align: center; color: #fff; font-size:26px; font-weight: 500; border-right: 1px solid #0F4574;} #information02 .tbBox.type1 table thead tr th:first-child, #information02 .tbBox.type1 table tbody tr td:first-child{width:260px;} #information02 .tbBox.type1 table tbody td{height: 70px; border-right: 1px solid #E9E9E9; border-bottom: 1px solid #E9E9E9; text-align: center; color: #000; font-size: 24px; font-weight: 500;} #information02 .tbBox.type1 table tbody tr td:first-child{background:rgba(15, 69, 116, 0.05);} #information02 .tbBox.type1 table tbody tr:last-child td{border-bottom: 1px solid #0F4574;} #information02 .tbBox.type1 .tblink{display: flex; justify-content: space-between; align-items: center;} #information02 .tbBox.type1 .tblink p{font-size: 20px; font-weight: 500; color: #585858; line-height: 1.4;} #information02 .tbBox.type1 table thead tr th:nth-child(2), #information02 .tbBox.type1 table tbody tr td:nth-child(2){width: 330px;} #information02 .tbBox.type1 table thead tr th:nth-child(3), #information02 .tbBox.type1 table tbody tr td:nth-child(3){width: 260px;} #information02 .tbBox.type1 table tbody tr td ul{width: 90%; margin: 0 auto; text-align: left;} #information02 .tbBox.type1 table tbody tr td ul li{position: relative; display: flex; line-height: 1.4; word-break: keep-all;} #information02 .tbBox.type1 table tbody tr td ul li::before{content: '·'; font-weight: 900; padding: 0 10px;} #information02 .tbBox.type1 table tbody tr td ul li:first-child{margin-bottom: 40px;} #information02 .tbBox.type1 table tbody tr td ul li:last-child br.mb{display: none;} #information02 .tbBox.type2{} #information02 .tbBox.type2 table{width: 100%; box-sizing: border-box; border-collapse: collapse;} #information02 .tbBox.type2 table thead{background: #0F4574;} #information02 .tbBox.type2 table thead th{height: 70px; text-align: center; color: #fff; font-size:26px; font-weight: 500; border-right: 1px solid #0F4574;} #information02 .tbBox.type2 table tbody td{height: 70px; border-left: 1px solid #E9E9E9; border-right: 1px solid #E9E9E9; border-bottom: 1px solid #E9E9E9; padding: 0 10px; text-align: center; color: #000; font-size: 24px; font-weight: 500;} #information02 .tbBox.type2 table tbody td p{font-size: 16px; font-weight: 500; color: #000;} #information02 .tbBox.type2 table tbody tr:first-child{background:rgba(15, 69, 116, 0.05);} #information02 .tbBox.type2 table tbody tr:first-child td{font-size: 26px;} #information02 .tbBox.type2 table tbody tr:nth-child(2) td:first-child, #information02 .tbBox.type2 table tbody tr:nth-child(2) td:last-child, #information02 .tbBox.type2 table tbody tr:nth-child(5) td:first-child, #information02 .tbBox.type2 table tbody tr:nth-child(6) td:last-child, #information02 .tbBox.type2 table tbody tr:nth-child(4) td, #information02 .tbBox.type2 table tbody tr:nth-child(7) td, #information02 .tbBox.type2 table tbody tr:nth-child(8) td:first-child, #information02 .tbBox.type2 table tbody tr:nth-child(8) td:last-child{border-bottom: 1px solid #0F4574;} #information02 .tbBox.type2 table tbody tr:last-child td{border-bottom: 1px solid #0F4574;} #information02 .tbBox .table_mo{display: none;font-size: 16px;color: #000;font-weight: 600;margin-bottom: 5px;animation: scroll 1s ease-in-out infinite;} @keyframes scroll { 0% { transform: translateX(0%); } 50% { transform: translateX(10px); } 100% { transform: translateX(0%); } } @media all and (max-width:1400px){ #information02 .conBox section .titBox h4{font-size: 30px;} #information02 .tbBox.type1 table tbody tr td ul{width: 95%;} #information02 .tbBox.type1 table thead tr th:nth-child(2), #information02 .tbBox.type1 table tbody tr td:nth-child(2){width: 260px;} } @media all and (max-width:1200px){ #information02 .conBox section .titBox h4{font-size: 28px;} #information02 .tbBox.type1 table thead th{font-size: 24px;} #information02 .tbBox.type1 table tbody td{font-size: 20px;} #information02 .tbBox.type1 table tbody tr td ul li:first-child{margin-bottom: 20px;} #information02 .tbBox.type1 table thead tr th:first-child, #information02 .tbBox.type1 table tbody tr td:first-child{width: 200px;} #information02 .tbBox.type1 table thead tr th:nth-child(2), #information02 .tbBox.type1 table tbody tr td:nth-child(2){width: 200px;} #information02 .tbBox.type1 table thead tr th:nth-child(3), #information02 .tbBox.type1 table tbody tr td:nth-child(3){width: 200px;} #information02 .tbBox.type2 table thead th{font-size: 24px;} #information02 .tbBox.type2 table tbody tr:first-child td{font-size: 22px;} #information02 .tbBox.type2 table tbody td{font-size: 20px; padding:0 5px;} #information02 .tbBox.type2 table thead tr th:nth-child(1){width: 80px;} #information02 .tbBox.type2 table thead tr th:nth-child(2), #information02 .tbBox.type2 table thead tr th:nth-child(3), #information02 .tbBox.type2 table thead tr th:nth-child(6){width: 130px;} #information02 .tbBox.type2 table thead tr th:nth-child(4), #information02 .tbBox.type2 table thead tr th:nth-child(5){width: 270px;} } @media all and (max-width:1024px){ #information02 .conBox section .titBox h4{font-size: 26px;} #information02 .tbBox.type1 table thead tr th:first-child, #information02 .tbBox.type1 table tbody tr td:first-child{width: 100px;} #information02 .tbBox.type1 table thead tr th:nth-child(2), #information02 .tbBox.type1 table tbody tr td:nth-child(2){width: 150px;} #information02 .tbBox.type1 table thead tr th:nth-child(3), #information02 .tbBox.type1 table tbody tr td:nth-child(3){width: 100px;} #information02 .tbBox.type1 table thead th{font-size: 20px;} #information02 .tbBox.type2 table thead th{font-size: 20px;} #information02 .tbBox.type2 table tbody tr:first-child td{font-size: 18px;} } @media all and (max-width:960px){ #information02 .conBox section .titBox{margin-bottom: 30px;} #information02 .conBox section .titBox h4{font-size: 24px;} #information02 .tbBox.type1 table tbody tr td ul{width: 100%;} #information02 .tbBox.type1 table tbody td{padding: 0 20px;} #information02 .tbBox.type2 table tbody td{padding: 0 10px;} #information02 .tbBox.type2 table thead tr th:nth-child(1){width: auto;} #information02 .tbBox.type2 table thead tr th:nth-child(2), #information02 .tbBox.type2 table thead tr th:nth-child(3), #information02 .tbBox.type2 table thead tr th:nth-child(6){width: auto;} #information02 .tbBox.type2 table thead tr th:nth-child(4), #information02 .tbBox.type2 table thead tr th:nth-child(5){width: auto;} } @media all and (max-width:830px){ #information02 .tbBox.type1 table thead th{font-size: 22px;} #information02 .tbBox.type2 .table{overflow-x: auto;} #information02 .tbBox.type2 .table table{white-space: nowrap;} #information02 .tbBox.type2 table thead th{font-size: 22px; height: 60px;} #information02 .tbBox.type2 table tbody tr:first-child td{font-size: 22px;} #information02 .tbBox.type2 table tbody td{font-size: 20px; height: 60px;} #information02 .tbBox .table_mo{display: block;} } @media all and (max-width:768px){ #information02 .conBox section .titBox{margin-bottom: 20px;} #information02 .conBox section .titBox h4{font-size: 22px;} #information02 .tbBox.type1 .table{overflow-x: auto;} #information02 .tbBox.type1 .table table{white-space: nowrap;} #information02 .tbBox.type1 table tbody tr td ul li:last-child br.mb{display: block;} #information02 .tbBox.type1 table tbody tr td ul li::before{padding: 0 5px;} } @media all and (max-width:600px){ #information02 .tbBox.type1 table thead th{font-size: 20px;} #information02 .tbBox.type1 table tbody td{font-size: 18px;} #information02 .tbBox.type2 table thead th{font-size: 20px; height:50px;} #information02 .tbBox.type2 table tbody tr:first-child td{font-size: 20px;} #information02 .tbBox.type2 table tbody td{font-size: 18px; height:50px;} } /* 이용신청 문의 */ #information03{height: 100%; position: relative; overflow: hidden;} #information03 .formBox{margin: 0 auto; position: relative; z-index: 0;background: #F5F5F5; padding: 100px; border-radius: 10px;} #information03 .formBox form .radio_wrap{display: flex; flex-direction: column; align-items: start; gap: 12px; margin-bottom: 20px;} #information03 .formBox form .radio_wrap .tit h4{font-size: 20px;font-weight:500;color: #000;text-align: center;} #information03 .formBox form .radio_wrap .tit h4 span{color: #0F4574; font-weight: 600;} #information03 .formBox form .radio_wrap .radio_Box{display: flex; justify-content:start; align-items: center; gap: 12px;} #information03 .formBox form .radio_wrap .radio_Box label{font-size:20px;font-weight:400;border-radius: 50px;padding: 8px 30px; background: #C4C4C4;color: #585858;text-align: center;position: relative;top: 0;left: 0;cursor: pointer;} #information03 .formBox form .radio_wrap .radio_Box label.atv{background:#0F4574;color: #fff;} #information03 .formBox form .radio_wrap .radio_Box label input{position: absolute;bottom: 0;left: 0;opacity: 0;} #information03 .formBox form .radio_wrap .radio_Box label span{font-weight: normal;} #information03 .formBox form ul{display: flex; justify-content: space-between; align-items: center; flex-flow: row wrap; margin: 0 auto; gap:26px; margin-bottom: 20px;} #information03 .formBox form ul li{width: calc(50% - 13px);display: flex;flex-direction:column;align-items: start; gap: 12px;} #information03 .formBox form ul li label{display: flex;align-items: center;font-size:20px;color:#000;font-weight:500;} #information03 .formBox form ul li label span{color:#0F4574;font-weight:700;padding-left:5px;} #information03 .formBox form ul li input{width:100%;height: 50px;line-height:50px;background:#fff;box-shadow:none; border: 1px solid #E9E9E9;padding: 0 10px;font-size:20px;font-weight:500;color: #000;border-radius: 5px;transition: 0.3s;} #information03 .formBox form ul li input::placeholder{color: #9F9F9F;font-weight: 400;} #information03 .formBox form ul li input:focus{border: 1px solid #0F4574;} #information03 .formBox form ul li input:active, #information03 .formBox form ul li input:valid, #information03 .formBox form ul li input:focus{outline: none;} #information03 .formBox form ul.address_box{display: block;} #information03 .formBox form ul.address_box li{width: 100%; display: block;} #information03 .formBox form ul.address_box li label{margin-bottom: 12px;} #information03 .formBox form ul.address_box #ex_zip, #information03 .formBox form ul.address_box #address3{display: none;} #information03 .formBox form ul.address_box .address_input{width: 100%;} #information03 .formBox form ul.address_box .address01{display: flex; align-items: center; gap: 12px; margin-bottom: 12px; position: relative;} #information03 .formBox form ul.address_box .address01 input{width: calc(100% - 272px);} #information03 .formBox form ul.address_box .address01 .address_btn{width: 260px; height: 50px; background: #0F4574; border-radius: 5px; outline: none; border: 0; font-size: 20px; font-weight: 400; color: #fff;} #daum_juso_pageex_zip{position: absolute !important; left: 0 !important; top: 50px; z-index: 1;} #information03 .formBox form .txtBox{margin-bottom: 20px; display: flex; flex-direction: column; gap: 12px;} #information03 .formBox form .txtBox label{font-size: 20px; font-weight: 500; color: #000;} #information03 .formBox form .txtBox label span{color:#0F4574;font-weight:700;padding-left:5px;} #information03 .formBox form .txtBox textarea{width: 100%; height: 230px; padding: 15px 10px; font-size:20px;font-weight:500;color: #000; border: 1px solid #E9E9E9; border-radius: 5px;transition: 0.3s;} #information03 .formBox form .txtBox textarea:focus{outline: none; box-shadow: none !important; border: 1px solid #0F4574;} #information03 .formBox form .txtBox textarea::placeholder{color: #9F9F9F; font-weight: 400;} #information03 .formBox form .agreeBox{display: flex;justify-content: start;align-items: center;} #information03 .formBox form .agreeBox label{color: #000;font-size:16px;font-weight: 500;} #information03 .formBox form .agreeBox input[type="checkbox"] {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0, 0, 0, 0);border: 0;} #information03 .formBox form .agreeBox input[type="checkbox"] + label {display: inline-block;position: relative;padding-left: 20px;cursor: pointer;} #information03 .formBox form .agreeBox input[type="checkbox"] + label:before {content: "";position: absolute;left: 0;top: 2px;width: 15px;height: 15px;text-align: center;background: #fff;box-sizing: border-box;border-radius: 2px;border: 1px solid #ddd;} #information03 .formBox form .agreeBox input[type="checkbox"]:checked + label:after {content: "";position: absolute;top: 2px;left: 0;width: 15px;height: 15px;line-height: 19px;background: url('/img/check_on.svg')no-repeat;background-position: center center;border-radius: 2px;} #information03 .formBox form .agreeBox input[type="checkbox"] + label span {line-height: 15px; letter-spacing: -1px;color: rgba(0, 0, 0, 0.5);} #information03 .formBox form>button{width:100%;display: block;padding: 0;height: 70px;font-size: 28px;font-weight:500;color: #fff;margin-top: 80px;border-radius: 5px;background:#0F4574;} #information03 .formBox form>button:hover{background: #000;} @media all and (max-width:1200px){ #information03 .formBox{padding: 100px 60px;} #information03 .formBox form>button{font-size: 26px;} } @media all and (max-width:1024px){ #information03 .formBox{padding:60px 40px;} #information03 .formBox form .radio_wrap .radio_Box{flex-wrap: wrap; width: 100%;} #information03 .formBox form .radio_wrap .radio_Box label{width: calc(100% / 2 - 6px);} #information03 .formBox form ul{gap: 12px;} #information03 .formBox form ul li{width: calc(50% - 6px);} #information03 .formBox form>button{margin-top: 40px;} } @media all and (max-width:960px){ #information03 .formBox form ul.address_box .address01 input{width: calc(100% - 212px);} #information03 .formBox form ul.address_box .address01 .address_btn{width: 200px;} #information03 .formBox form>button{font-size: 24px;} } @media all and (max-width:768px){ #information03 .formBox{padding:60px 30px;} #information03 .formBox form ul.address_box .address01 input{width: calc(100% - 162px);} #information03 .formBox form ul.address_box .address01 .address_btn{width: 150px;} #information03 .formBox form>button{font-size: 22px;} #information03 .formBox form .txtBox textarea{height: 180px;} #information03 .formBox form>button{height: 60px;} } @media all and (max-width:600px){ #information03 .formBox{padding: 40px 20px;} #information03 .formBox form ul.address_box .address01 input{width: calc(100% - 112px);} #information03 .formBox form ul.address_box .address01 .address_btn{width: 100px; height: 45px;} #information03 .formBox form .radio_wrap .radio_Box label{width:100%; font-size: 18px;} #information03 .formBox form .radio_wrap .tit h4{font-size: 18px;} #information03 .formBox form ul li{width: 100%;} #information03 .formBox form ul li input{font-size: 18px; height: 45px; line-height: 45px;} #information03 .formBox form ul li label{font-size: 18px;} #information03 .formBox form .txtBox label{font-size: 18px;} #information03 .formBox form ul.address_box .address01 .address_btn{font-size: 18px;} #information03 .formBox form .txtBox textarea{font-size: 18px; height: 180px;} #information03 .formBox form>button{font-size: 20px; height: 50px;} } @media all and (max-width:500px){ #information03 .formBox form ul.address_box .address01{flex-direction: column; gap: 6px;} #information03 .formBox form ul.address_box .address01 input{width: 100%;} #information03 .formBox form ul.address_box .address01 .address_btn{width:100%;} } /* 게시판 검색창 */ .bo_sch_wrap {width:100%;height:100%; margin-top: 50px;} .bo_sch {text-align:left;width:450px;margin: 0 auto; max-height:300px;overflow-y:auto;} .bo_sch:after {display:block;visibility:hidden;clear:both;content:""} .bo_sch h3 {display: none;} .bo_sch legend {background:red} .bo_sch form {display:block} .bo_sch select {float:left;margin-right:13px; color: #C5C5C5; border:0;width:150px;height:40px;border:1px solid #E6E6E6;border-radius:2px;padding: 0 5px; font-size: 16px;-webkit-appearance: none;-moz-appearance: none; appearance: none; background: url('/img/select_arrow.svg') no-repeat 98% 50%;} .bo_sch select:focus{border: 1px solid #0F4574 !important; outline: none !important; color: #000;} .bo_sch select option{color: #000;} .bo_sch .sch_bar {display:inline-block;width:calc(100% - 165px);float:left;border-radius:2px;} .bo_sch .sch_input {width:calc(100% - 40px);height:40px;border:0;padding:0 10px;background-color:transparent;float:left;border:1px solid #E6E6E6;font-size: 16px; border-radius: 0 !important;} .bo_sch .sch_input::placeholder{color: #C5C5C5;} .bo_sch .sch_input:focus{border:1px solid #0F4574 !important; outline: none !important;} .bo_sch .sch_btn {height:40px;float:right;color:#fff;background:#0F4574;border:0;width:40px;font-size:15px; border:1px solid #0F4574;} .bo_sch .sch_btn i{color: #fff;} .bo_sch .bo_sch_cls {position:absolute;right:0;top:0;color:#b5b8bb;border:0;padding:12px 15px;font-size:16px;background:#fff} @media all and (max-width:768px){ .bo_sch {width:initial; width: 100%; border-radius: 0;} .bo_sch select{width: 120px;} .bo_sch .sch_bar{width: calc(100% - 135px);} } @media all and (max-width:420px){ .bo_sch select{width: 100px;} .bo_sch .sch_bar{width: calc(100% - 115px);} } /* 페이징 */ #bo_list .pg_wrap {clear:both;display:inline-block; width: 100%;text-align: center;} .pg_wrap {clear:both;display:inline-block; width: 100%;text-align: center;margin: 120px 0 0 !important;} .pg_wrap:after {display:block;visibility:hidden;clear:both;content:""} .pg {text-align:center} .pg_page, .pg_current {display:inline-block;vertical-align:middle;} .pg a:focus, .pg a:hover {text-decoration:none} .pg_page {color:#7E7E7E;font-size:18px;font-weight:500;height:30px;line-height:28px;padding:0 5px;min-width:30px;text-decoration:none;border-radius:3px} .pg_page:hover {color: #0F4574;} .pg_start {text-indent:-999px;overflow:hidden;background:url('/img/btn_first.gif') no-repeat 50% 50% #eee;padding:0;border:1px solid #eee} .pg_prev {text-indent:-999px;overflow:hidden;background:url('/img/prevbtn.svg') no-repeat 50% 50%;padding:0;} .pg_end {text-indent:-999px;overflow:hidden;background:url('/img/btn_end.gif') no-repeat 50% 50% #eee;padding:0;border:1px solid #eee} .pg_next {text-indent:-999px;overflow:hidden;background:url('/img/nextbtn.svg') no-repeat 50% 50% ;padding:0;} /* .pg_start:hover,.pg_prev:hover,.pg_end:hover,.pg_next:hover {background-color:#fafafa} */ .pg_current {display:inline-block;background:none;font-size:18px;color:#0F4574;font-weight:bold;height:30px;line-height:30px;padding:0 10px;min-width:30px;border-radius:3px} @media all and (max-width:1200px){ .pg_wrap{margin: 100px 0 0 !important;} } @media all and (max-width:960px){ .pg_wrap{margin: 50px 0 0 !important;} } /* 기본테이블 */ .tbl_wrap {margin:0 0 10px} .tbl_wrap table {width:100%;border-collapse:collapse;border-spacing:0} .tbl_wrap caption {padding:10px 0;color:#0F4574;font-weight:bold;text-align:left} .bo_fx{display: none;} .tbl_head01 {margin:0} .tbl_head01 table {border-bottom:3px solid #0F4574} .tbl_head01 caption {padding:0;font-size:0;line-height:0;overflow:hidden} .tbl_head01 thead th{padding:25px 0;border-bottom:3px solid #0F4574;background:#fff;color:#0F4574;font-size:18px;font-weight:500;text-align:center;letter-spacing:-0.1em} .tbl_head01 thead th a{pointer-events: none; cursor: default;color:#0F4574;font-size:18px;font-weight:500;} .tbl_head01 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */ .tbl_head01 tfoot th, .tbl_head01 tfoot td {padding:10px 0;border-top:1px solid #c1d1d5;border-bottom:1px solid #c1d1d5;background:#d7e0e2;text-align:center} .tbl_head01 tbody th {padding:10px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9} .tbl_head01 tr.bo_notice {background: #F5F9FC;} .tbl_head01 td {color:#000;padding:20px 5px;border-bottom:1px solid #E9E9E9;word-break:break-all;font-size: 18px;font-weight: 500;} .tbl_head01 td:first-child {border-left:0} .tbl_head01 td.td_subject{text-align: left;font-size: 24px;font-weight: 500; padding: 20px 20px 20px 80px;} #bo_list .td_datetime{color: #787878;font-weight: 400;} .notice_icon {text-align:center;display:inline-block;background:#0F4574;width:75px;height:40px;line-height:40px;border-radius:5px;font-weight:bold;font-size:18px;color:#fff;font-weight: 500;} .tbl_head01 tr:last-child td{border-bottom: 0;} .tbl_head01 td input{width: 15px; height: 15px; border: 1px solid #000;} .tbl_head01 td input[type="checkbox"]:checked{background: #0F4574 url(/img/chk.png) no-repeat 50% 50%; border: 1px solid #0F4574;} @media all and (max-width:1200px){ .tbl_head01 td.td_subject{padding: 20px 20px 20px 50px; font-size: 22px;} } @media all and (max-width:1024px){ .tbl_head01 td.td_subject{padding: 20px 20px 20px 30px; font-size: 20px;} } @media all and (max-width:768px){ .tbl_head01 thead th, .tbl_head01 thead th a{font-size: 16px;} .tbl_head01 td{font-size: 16px;} .tbl_head01 td.td_subject{padding: 20px 20px 20px 10px; font-size: 18px;} #bo_list .notice_icon{font-size: 16px !important; width: 60px !important; height: 35px !important; line-height: 35px !important;} } @media all and (max-width:500px){ .tbl_head01 td{padding: 20px 5px;} .tbl_head01 thead th, .tbl_head01 thead th a{padding: 20px 0;} .tbl_head01 td.td_num2{text-align: center;} #bo_list .td_num2{width: auto !important;} #bo_list .td_datetime{width: auto !important;} } @media all and (max-width:400px){ .tbl_head01 thead th.tit{text-align: left; padding: 20px 10px;} .tbl_head01 thead th.num{display: none;} #bo_list .td_num2{display: none;} }