/* Common **********************************************************************/ html,body {width:100%;} html {overflow-y:scroll; box-sizing:border-box;} *, *:before, *:after{box-sizing:inherit;} *{ -webkit-text-size-adjust:none; -webkit-text-size-adjust - auto | none | N% (default auto) } body {word-break:break-all;-ms-word-break:break-all; } body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button {margin:0; padding:0; word-break:keep-all;} fieldset,img {border:0px none; vertical-align:top;} dl,ul,ol,menu,li {list-style:none;} blockquote, q {quotes: none;} blockquote:before, blockquote:after,q:before, q:after {content:''; content:none;} button {border:0 none; background-color:transparent; cursor:pointer;} body { background:#fff;} body,th,td,input,select,textarea,button {font-size:18px; line-height:1.7; font-family: 'Pretendard', sans-serif; color:#000; letter-spacing: -0.05em;} /* 기본폰트 세팅 */ input, select, textarea, button{vertical-align:middle; } a:link,a:active,a:visited{color:#7d7d7d; text-decoration:none; border:0px;} a:hover,a:focus{color:#333; text-decoration:none} a {display: block; width: 100%; height: 100%;} table {border-collapse:collapse; border-spacing:0;} address,caption,cite,code,dfn,em,var {font-style:normal; font-weight:normal;} summary, caption, legend, hr {width:0; height:0; font-size: ; line-height: ; overflow: hidden; visibility: hidden; border: none; position:absolute; left:-1000em;} caption {position:static;} /* label hidden 泥섎━ */ .invisible, .hide{overflow:hidden; visibility:hidden; width:0; height:0; font-size:0; line-height:0; position:absolute;} label.invisible{*position:Absolute;} /* common */ .clfix:after {content: "."; display: block; height:0px; clear: both; visibility: hidden;} .clfix {display:inline-block;} .clfix {display:block;} * html .clfix {height:1%;} /* Hides from IE-mac */ .clfix {zoom:1;} /*for IE 5.5-7*/ .center{text-align:center;} .inner {width:1360px; margin:0 auto;} .pc {display:block;} .tab {display:none;} .mob {display:none;} .pc_img {display:inline-block;} .tab_img {display:none;} .mob_img {display:none;} /* === Main === */ #wrap {position:relative; width:100%; margin:0 auto; overflow:hidden; } #header {width:100%; height: 90px; z-index: 10; text-align: right; position:fixed; left:0; top:0; background: #fff; box-shadow: 0 3px 6px rgba(0,0,0,.16); padding: 0 3%; text-align: center;} #header h1 {position:absolute; left:3%; top:21px; width: 286px; height: 48px;} #header h1 img {display:block; width:100%; height:100%;} #header .gnb {font-size: 0; display:inline-block; text-align: center;} #header .gnb > li {display:inline-block; font-size: 20px; height: 90px; line-height: 90px; margin-right: 50px; position:relative; font-weight: 600;} #header .gnb > li:last-child {margin-right: 0;} #header .gnb > li > a {color: #222527;} #header .h_tel {position: absolute; right: 3%; top: 27px; width: 190px; height: 36px; line-height: 32px; text-align: center; border: 2px solid #EE6E0C; border-radius: 18px; font-size: 20px; font-weight: 900;font-family:'Pretendard';} #header .h_tel a {display: block; width: 100%; height: 100%; color: #EE6E0C;} .navi {display:none;} .navi_btn {display:none;} #quick_btn {position: fixed; right: 3%; bottom: 50px; z-index: 999;} #quick_btn .q_list {width: 85px; background: #fff; border-radius: 43px; text-align: center; padding: 30px 9px; box-shadow: 0 2px 6px rgba(0,0,0,.2); display: none;} #quick_btn .q_list li {margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #C9CDD2;} #quick_btn .q_list li:last-child {margin-bottom: 0; padding-bottom: 0; border-bottom: 0;} #quick_btn .q_list li a {display: block; width: 100%; height: 100%; color: #33383C;} #quick_btn .q_list li img {height: 32px;} #quick_btn .q_list li p {font-size: 14px; margin-top: 2px;} #quick_btn > button {width: 85px; height: 85px; display: block; border-radius: 50%; margin-top: 15px; box-shadow: 0 3px 6px rgba(0,0,0,.16);} #quick_btn > button img {width: 100%;} .inquiry_wrap {position: fixed; width: 100%; height: 215px; left: 0; bottom: 0; z-index: 995;} .inquiry_wrap .top_btn {width: 250px; height: 50px; background: #1C98AB; border-radius: 30px 30px 0 0; display: flex; justify-content:center; align-items: center; margin: 0 auto; cursor: pointer;} .inquiry_wrap .top_btn img {width: 14px; margin-right: 10px;} .inquiry_wrap .top_btn p {font-size: 16px; font-weight: bold; line-height: 1; color: #fff;} .inquiry_wrap .i_content {width: 100%; height: 165px; background: #1C98AB; padding: 40px 0;} .inquiry_wrap .i_content .i_inner {width: 1000px; margin: 0 auto; display: flex; justify-content: space-between;} .inquiry_wrap .i_content .i_box {width: 825px;} .inquiry_wrap .i_content .i_box ul {display: flex;} .inquiry_wrap .i_content .i_box ul li {margin-right: 15px;} .inquiry_wrap .i_content .i_box ul li:last-child {margin-right: 0;} .inquiry_wrap .i_content .i_box ul li input {width: 260px; height: 50px; background: #fff; border: 0; border-radius: 25px; padding-left: 25px; font-size: 16px;} .inquiry_wrap .i_content .i_box ul li input::placeholder {color: #999;} .inquiry_wrap .i_content .i_box ul li select {width: 260px; height: 50px; background: #fff; border: 0; border-radius: 25px; padding-left: 25px; font-size: 16px; appearance: none; -webkit-appearance: none; -moz-appearance: none; background: #fff url(../images/select_arrow.png) no-repeat center right 15px; background-size: 11px 6px;} .inquiry_wrap .i_content .in_btn {width: 160px; height: 50px; color: #fff; font-size: 18px; font-weight: bold; background: #00DDE5; border-radius: 25px;} .inquiry_wrap .i_content .privacy {display: flex; margin-top: 20px;} .inquiry_wrap .i_content .privacy p {font-size: 14px; color: #fff; padding-left: 8px;} #main_visual {width: 100%; height: 100vh; position: relative; overflow: hidden;} #main_visual .video_wrap video {width: 100%; height: 100%; object-fit: cover;} #con1 {margin: 150px 0 250px; text-align: center;} #con1 img {width: 160px; margin-bottom: 30px;} #con1 h2 {font-size: 53px; line-height: 69px; color: #000; font-weight: 400;} #con1 h2 b {color: #1C98AB; font-weight: 400;} #con1 h2 strong {color: #1C98AB; font-weight: bold;} #con1 p {font-size: 22px; line-height: 35px; color: #454C53; margin-top: 50px;} .title {text-align: center;} .title em {font-size: 24px; line-height: 1; color: #454C53; display: block; margin-bottom: 25px;} .title span {font-size: 20px; color: #EE6E0C; padding-bottom: 2px; border-bottom: 1px solid #EE6E0C; font-weight: 400; letter-spacing: 0; display: inline-block; margin-bottom: 20px;} .title h2 {font-size: 58px; line-height: 70px;} .title h2 b {color: #EE6E0C; font-weight: bold;} .title p {font-size: 22px; line-height: 35px; color: #454C53; margin-top: 60px;} #con2 {margin-bottom: 250px; text-align: center;} #con2 .title {margin-bottom: 70px;} #con2 .c2_list li {width: 100%; position: relative;} #con2 .c2_list li img {width: 100%;} #con2 .c2_list li .tit_box {position: absolute; left: 0; bottom: 0; width: 100%; height: 77px; line-height: 77px; background: rgba(0,0,0,.47); text-align: center; font-size: 37px; color: #fff;} #con2 .c2_list .slick-dots {display: flex !important; margin-top: 35px;} #con2 .c2_list .slick-dots li {width: 14.28%; padding-top: 25px; position: relative;} #con2 .c2_list .slick-dots li::before {content:''; width: 100%; height: 8px; background: #D7DCE4; position: absolute; left: 0; top: 0;} #con2 .c2_list .slick-dots li button {font-size: 24px; color: #454C53;} #con2 .c2_list .slick-dots li.slick-active::before {background: #EE6E0C;} #con3 {margin-top: 240px;} #con3 .inner {position: relative;} #con3 .inner .star {position: absolute; left: 0; top: 0; width: 37px;} #con3 .doctor_top {position: relative;} #con3 .doctor_top > img {width: 700px; display: block; margin: 0 auto; padding-top: 50px;} #con3 .doctor_top .tit {position: absolute; left: 0; top: 0; width: 100%; height: 100%;} #con3 .doctor_top .tit h2 {font-size: 84px; line-height: 102px; color: #000; font-weight: bold;} #con3 .doctor_top .tit h2 b {color: #EE6E0C; font-weight: bold;} #con3 .doctor_top .tit h2:nth-of-type(1) {position: absolute; left: 0; top: 170px;} #con3 .doctor_top .tit h2:nth-of-type(2) {position: absolute; right: 0; top: 285px; text-align: right;} #con3 .doctor_top .tit > p {position: absolute; left: 135px; top: 525px; font-size: 24px; line-height: 32px; color: #454C53;} #con3 .doctor_top .tit .img_name {position: absolute; right: 160px; bottom: 80px; z-index: 10;} #con3 .doctor_top .tit .img_name img {width: 22px;} #con3 .doctor_top .tit .img_name p {font-size: 24px; line-height: 30px; color: #EE6E0C; margin-top: 10px;} #con3 .doctor_bot {margin-top: 45px; display: flex; justify-content: space-between;} #con3 .doctor_bot > div {width: 34%; border-top: 2px solid #EE6E0C; padding-top: 30px;} #con3 .doctor_bot .d_name {width: 27%;} #con3 .doctor_bot .d_name .name {display: flex; align-items: center;} #con3 .doctor_bot .d_name .name h3 {font-size: 72px; line-height: 1; color: #222527; margin-right: 10px;} #con3 .doctor_bot .d_name .name span {font-size: 24px; line-height: 36px; color: #222527;} #con3 .doctor_bot .d_name .name span b {font-size: 36px; font-weight: 500;} #con3 .doctor_bot .d_name > p {font-size: 24px; color: #72787F; padding-left: 35px; background: url(/images/medal.png) no-repeat left center; background-size: 32px 32px; margin-top: 30px;} #con3 .doctor_bot .d_list {display: flex;} #con3 .doctor_bot .d_list h4 {font-size: 18px; margin-right: 40px; color: #222527;} #con3 .doctor_bot .d_list ul li {font-size: 18px; line-height: 28px; color: #454C53;} #con4 {margin: 300px 0; position: relative; width: 100%;} #con4 .inner {min-height: 610px;} #con4 .inner .title {text-align: left; width: 30%;} .c4_pg {display: flex; align-items: center; margin-top: 50px;} .c4_pg > div {width: 40px; height: 40px; cursor: pointer;} .c4_pg > div img {width: 100%;} .c4_pg > div.c4_prev {margin-right: 25px;} .c4_wrap {width: 60%; position: absolute; right: 0; top: 0; overflow: hidden;} .c4_wrap .c4_list li {width: 432px; position: relative;} .c4_wrap .c4_list li .img_wrap {width: 100%; position: relative;} .c4_wrap .c4_list li .img_wrap img {width: 100%;} .c4_wrap .c4_list li .img_wrap .title {position: absolute; left: 0; bottom: 0; background: #fff; padding-left: 25px; width: 256px; height: 90px;} .c4_wrap .c4_list li .img_wrap .title h3 {font-size: 32px; color: #222527; line-height: 90px; text-align: left;} .c4_wrap .c4_list li > p {font-size: 20px; line-height: 30px; color: #454C53; margin-top: 20px; padding-left: 25px;} #con5 {margin-bottom: 250px;} #con5 .title {margin-bottom: 130px;} #con5 .title .star_t {padding-bottom: 70px; margin-bottom: 20px; position: relative;} #con5 .title .star_t::after {content:''; width: 1px; height: 50px; background: #C9CDD2; position: absolute; left: 50%; bottom: 0;} #con5 .title .star_t img {width: 37px; display: block; margin: 0 auto; margin-bottom: 30px;} #con5 .title .star_t p {font-size: 20px; line-height: 1; color: #EE6E0C; letter-spacing: 3px; margin-top: 0;} #con5 .c5_box > img {width: 100%;} #con5 .c5_box .text {background: #F6F7F9; padding-bottom: 110px;} #con5 .c5_box .text h3 {font-size: 58px; line-height: 1; font-weight: 600; text-align: center; margin-top: -40px;} #con5 .c5_box .text h3 b {font-weight: 600; color: #EE6E0C;} #con5 .c5_box .text ul {width: 94%; max-width: 540px; margin: 0 auto; margin-top: 70px;} #con5 .c5_box .text ul li {width: 100%; height: 80px; border-bottom: 1px solid #C9CDD2; display: flex; align-items: center;} #con5 .c5_box .text ul li:last-child {border-bottom: 0;} #con5 .c5_box .text ul li img {width: 20px; margin-right: 16px;} #con5 .c5_box .text ul li p {font-size: 20px; color: #454C53;} #con6 {margin-bottom: 300px;} #con6 .title {text-align: left; margin-bottom: 65px;} #con6 .c6_box {background: #EEF0F3; padding: 75px 35px 50px; position: relative;} #con6 .c6_box::after {content: ''; width: 100%; height: 100%; background: #EEF0F3; position: absolute; right: -100%; top: 0;} #con6 .c6_box .c6_list {display: flex; justify-content: space-between;} #con6 .c6_box .c6_list li {width: 32%;} #con6 .c6_box .c6_list li img {width: 100%;} #con6 .c6_box .c6_list li .txt {width: 100%; background: #fff; padding: 25px 10px 40px; text-align: center;} #con6 .c6_box .c6_list li .txt h3 {font-size: 18px; line-height: 1; margin-bottom: 15px;} #con6 .c6_box .c6_list li .txt p {font-size: 16px; line-height: 22px; color: #454C53;} #con7 {margin-bottom: 300px;} #con7 .inner {display: flex; align-items: center; justify-content: space-between;} #con7 .inner .title {text-align: left;} #con7 .inner .title > img {width: 37px; margin-bottom: 22px;} #con7 .inner .title p {margin-top: 40px;} #con7 .inner > img {width: 45%;} .zig_con {background: url(/images/con8_bg.jpg) no-repeat center bottom / cover; padding: 330px 0; border-radius: 0 560px 0 0;} .zig_con .inner {display: flex; justify-content: space-between; width: 1450px;} .zig_con .title {text-align: left;} .zig_con .zig_list {display: flex;} .zig_con .zig_list li {margin-right: 14px; position: relative;} .zig_con .zig_list li:nth-child(2n) {margin-top: 70px;} .zig_con .zig_list li:last-child {margin-right: 0;} .zig_con .zig_list li .txt {width: 100%; position: absolute; left: 0; top: 300px; padding-left: 20px;} .zig_con .zig_list li .txt span {display: block; font-size: 24px; font-weight: bold; margin-bottom: 17px;} .zig_con .zig_list li .txt p {font-size: 16px; line-height: 22px; color: #454C53;} #con9.impl_con {background: url(/images/con9_bg.jpg) no-repeat center bottom / cover;} .impl_con {padding: 300px 0 420px; position: relative;} .impl_con .inner {display: flex; justify-content: space-between; width: 1450px;} .impl_con .title {text-align: left;} .impl_con .title h2 {color: #fff;} .impl_con .impl_list {width: 63%; display: flex; flex-wrap: wrap; justify-content: space-between;} .impl_con .impl_list li {width: 48%; margin-top: 100px; position: relative;} .impl_con .impl_list li:nth-child(-n+2) {margin-top: 0;} .impl_con .impl_list li > img {width: 100%;} .impl_con .impl_list li .num {width: 46px; height: 46px; background: url(/images/chat_icon.png) no-repeat; background-size: 46px 46px; text-align: center; font-size: 20px; font-weight: 900; line-height: 38px; position: absolute; left: -10px; top: 280px;} .impl_con .impl_list li .txt {margin-top: 35px;} .impl_con .impl_list li .txt h3 {font-size: 40px; line-height: 48px; color: #EE6E0C; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #EE6E0C;} .impl_con .impl_list li .txt p {font-size: 16px; line-height: 24px; color: #fff; letter-spacing: 0;} #con10 {margin: 250px 0 300px;} #con10 .inner {display: flex; justify-content: space-between;} #con10 .inner .left .title {text-align: left; margin-bottom: 75px;} #con10 .inner .left .title p {margin-top: 45px;} #con10 .inner .left > img {width: 530px;} #con10 .inner .right {width: 50%;} #con10 .inner .right .c10_list li {display: flex; align-items: center; padding-bottom: 50px; margin-bottom: 50px; border-bottom: 1px solid #707070;} #con10 .inner .right .c10_list li:last-child {padding-bottom: 0; margin-bottom: 0; border-bottom: 0;} #con10 .inner .right .c10_list li img {width: 100px; margin-right: 50px;} #con10 .inner .right .c10_list li .txt h3 {font-size: 24px; margin-bottom: 10px;} #con10 .inner .right .c10_list li .txt h3 b {font-weight: bold; color: #EE6E0C;} #con10 .inner .right .c10_list li .txt p {font-size: 20px; line-height: 30px; color: #454C53;} #con11 {margin-bottom: 180px;} #con11 .inner {display: flex; justify-content: space-between; align-items: center;} #con11 .inner .title {text-align: left;} #con11 .inner .title p {margin-top: 40px;} #con11 .inner > img {width: 532px;} #con12.zig_con .inner {flex-direction: row-reverse;} #con12.zig_con .inner .title {text-align: right;} #con13.impl_con {background: #2B2E30 url(/images/con13_bg.png) no-repeat left 70px bottom; background-size: 629px 691px;} .impl_con {padding: 300px 0 200px;} #con14 {background: #2B2E30; padding: 0 0 180px;} #con14 img.star {width: 37px; display: block; margin-left: auto;} #con14 .title {margin-top: 140px; text-align: left; margin-bottom: 90px;} #con14 .title h2 {color: #fff;} #con14 .title p {margin-top: 30px; color: #fff;} #con14 .c14_list li:first-child {margin-bottom: 75px;} #con14 .c14_list li img {width: 100%;} #con15 {background: url(/images/con15_bg.jpg) center center / cover; padding: 45px 0;} #con15 .c15_box {display: flex; justify-content: space-between; align-items: center; padding: 0 60px;} #con15 .c15_box > img {width: 440px;} #con15 .c15_box .txt {text-align: left;} #con15 .c15_box .txt h2 {font-size: 56px; line-height: 70px; color: #fff;} #con15 .c15_box .txt h2 b {font-weight: bold; color: #EE6E0C;} #con15 .c15_box .txt p {font-size: 22px; line-height: 35px; color: #fff; margin: 25px 0;} #con15 .c15_box .txt > img.txt_img {width: 657px;} #con16 {background: #2B2E30; padding: 220px 0 250px;} #con16 .title {text-align: left; margin-bottom: 50px;} #con16 .title p {margin-top: 0; font-size: 48px; line-height: 64px; margin-bottom: 30px; color: #fff;} #con16 .title h2 {color: #fff;} #con16 .c16_box .c16_list li {width: 330px; margin-right: 15px;} #con16 .c16_box .c16_list li img {width: 100%;} #con16 .c16_box > p {font-size: 22px; color: rgba(255,255,255,.18); margin-top: 25px;} #con17 {background: url(/images/con17_bg_icon.png) no-repeat left 70px bottom; background-size: 629px 691px;} #con17 .title img.star {width: 37px; margin-bottom: 30px; display: block;} #con17 .title h2 {color: #000;} #con17 .title .s_tit {margin: 0 0 45px;} #con17 .title .s_tit h3 {font-size: 42px; margin-bottom: 20px; color: #EE6E0C;} #con17 .title .s_tit p {font-size: 22px; line-height: 35px; color: #222527; margin-top: 0;} #con17 .impl_list li .txt p {color: #454C53;} #con18 {margin: 120px 0 250px;} #con18 .tit {display: flex; justify-content: space-between; margin-bottom: 80px;} #con18 .tit h2 {font-size: 56px; line-height: 70px; text-align: left;} #con18 .tit h2 b {font-weight: bold; color: #EE6E0C;} #con18 .tit .text h3 {font-size: 34px; margin-bottom: 30px;} #con18 .tit .text h3 b {font-weight: bold; color: #EE6E0C;} #con18 .tit .text p {font-size: 22px; line-height: 35px; color: #454C53;} #con18 .c18_list {display: flex; justify-content: space-between;} #con18 .c18_list li {width: 32%; box-shadow: 0 3px 6px rgba(0,0,0,.16); border-radius: 60px 60px 0 0; overflow: hidden;} #con18 .c18_list li img {width: 100%;} #con18 .c18_list li .txt {text-align: center; padding: 40px 10px 45px;} #con18 .c18_list li .txt h4 {font-size: 35px; line-height: 1; padding-bottom: 25px; margin-bottom: 20px; position: relative;} #con18 .c18_list li .txt h4::after {content: ''; width: 40px; height: 1px; background: #454C53; position: absolute; left: 50%; transform: translateX(-50%); bottom: 0;} #con18 .c18_list li .txt p {font-size: 22px; line-height: 35px; color: #72787F;} #con18 .c18_list li .txt p b {font-weight: bold; color: #51585E;} #con19 {margin-bottom: 250px;} #con19 .tit {display: flex; justify-content: space-between; margin-bottom: 100px;} #con19 .tit h2 {font-size: 56px; line-height: 70px; text-align: left;} #con19 .tit h2 b {font-weight: bold; color: #EE6E0C;} #con19 .c19_list {display: flex; justify-content: space-between;} #con19 .c19_list li {width: 21%; text-align: center;} #con19 .c19_list li img {width: 100%;} #con19 .c19_list li h3 {font-size: 27px; line-height: 1; color: #EE6E0C; margin: 25px 0 20px;} #con19 .c19_list li p {font-size: 16px; line-height: 24px;} #con20 {margin-bottom: 150px;} #con20 .c20_banner {background: url(/images/con20_bg.jpg) center center / cover; padding: 150px 0; margin-top: 80px;} #con20 .c20_banner span {font-size: 20px; line-height: 1; display: block; letter-spacing: 3px; color: #fff;} #con20 .c20_banner h3 {font-size: 50px; line-height: 1; margin: 50px 0; color: #fff;} #con20 .c20_banner p {font-size: 22px; line-height: 35px; color: #fff;} #con21 {margin-bottom: 250px;} #con21 .inner {display: flex; align-items: flex-end; justify-content: space-between;} #con21 .inner > div {width: 50%;} #con21 .inner .left h2 {font-size: 56px; line-height: 70px;} #con21 .inner .left h2 b {color:#EE6E0C; font-weight: bold;} #con21 .inner .left p {font-size: 22px; line-height: 35px; color: #222527; margin-top: 40px;} #con21 .inner .right .c21_icon {width: 218px; display: block; margin-left: auto;} #con21 .inner .right .c21_txt {width: 526px; margin: 75px 0 35px 60px;} #con21 .inner .right .c21_list li {display: flex; align-items: center; padding: 0 60px 25px; margin-bottom: 25px; border-bottom: 1px solid #A5A5A5;} #con21 .inner .right .c21_list li:last-child {padding-bottom: 0; margin-bottom: 0; border-bottom: 0;} #con21 .inner .right .c21_list li img {width: 18px; margin-right: 15px;} #con22.impl_con {padding: 500px 0 220px; background: #2B2E30 url(/images/con22_bg.jpg) no-repeat center top / cover; position: relative;} #con22.impl_con::after {content: ''; width: 629px; height: 691px; background: url(/images/con22_iconbg.png) no-repeat; position: absolute; left: 70px; bottom: 5px;} #con22 .title span {color: #fff; border-bottom: 1px solid #fff;} #con22 .title p {color: #fff;} #con23 {padding: 170px 0 400px; background: #2B2E30; position: relative;} #con23::before {content: ''; width: 100%; height: 100px; background: #2B2E30; position: absolute; left: 0; top: -2px;} #con23 .title {text-align: left;} #con23 .title span {color: #fff; border-bottom: 1px solid #fff;} #con23 .title h2 {color: #fff;} #con23 .title p {color: #fff; margin-top: 45px; margin-bottom: 80px;} #con23 .c23_list {width: 45%;} #con23 .c23_list li {display: flex; align-items: center; padding: 0 30px; height: 64px; background: #fff; border-radius: 32px; margin-bottom: 17px;} #con23 .c23_list li:last-child {margin-bottom: 0;} #con23 .c23_list li img {width: 18px; margin-right: 14px;} #con23 .c23_list li p {font-size: 20px;} #con23 > img {width: 50%; position: absolute; right: 0; top: 170px; border-radius: 98px 0 0 98px;} #con24 {margin: 200px 0;} #con24 .title span {letter-spacing: 3px; padding-bottom: 80px; border-bottom: 0; margin-bottom: 25px; position: relative;} #con24 .title span::after {content: ''; width: 1px; height: 50px; background: #C9CDD2; position: absolute; left: 50%; transform: translateX(-50%); bottom: 0;} #con24 .title p {margin-top: 45px; color: #000;} #con25 {margin-bottom: 220px;} #con25 .title {text-align: left; margin-bottom: 70px;} #con25 .title img {width: 37px; margin-bottom: 30px;} #con25 .c25_list {display: flex; justify-content: space-between;} #con25 .c25_list li {width: 32%;} #con25 .c25_list li img {width: 100%;} #con25 .c25_list li .txt {background: #F7F7F7; text-align: center; padding: 40px 20px 80px;} #con25 .c25_list li .txt h3 {font-size: 26px; line-height: 1; color: #EE6E0C;} #con25 .c25_list li .txt p {font-size: 18px; line-height: 32px; margin-top: 25px;} #con26 {margin-bottom: 250px;} #con26 .title {text-align: left;} #con26 .title p {margin-top: 40px;} #con26 .c26_box {display: flex; justify-content: space-between; align-items: flex-end;} #con26 .c26_box > img {width: 530px;} #con26 .c26_box .c26_list {width: 50%;} #con26 .c26_box .c26_list li {padding-bottom: 45px; margin-bottom: 45px; border-bottom: 1px solid #707070; display: flex; align-items: center;} #con26 .c26_box .c26_list li:last-child {padding-bottom: 0; margin-bottom: 0; border-bottom: 0;} #con26 .c26_box .c26_list li img {width: 90px; margin-right: 50px;} #con26 .c26_box .c26_list li .txt h3 {font-size: 24px;} #con26 .c26_box .c26_list li .txt h3 b {font-weight: bold; color: #EE6E0C;} #con27 {background: url(/images/con27_bg.jpg) no-repeat center center / cover; padding: 200px 0;} #con27 p {font-size: 48px; line-height: 70px; color: #fff; margin-bottom: 60px; font-weight: bold;} #con27 h2 {font-size: 80px; color: #fff;} #con28 {background: #222527;} #con28 > .inner {display: flex; align-items: center; justify-content: space-between; padding: 100px 0 40px;} #con28 > .inner > div {width: 46%;} #con28 > .inner .left .tit {color: #fff; margin-bottom: 90px;} #con28 > .inner .left .tit span {font-size: 24px; font-weight: 500; color: #C9CDD2;} #con28 > .inner .left .tit h2 {font-size: 57px; line-height: 1; margin-bottom: 20px;} #con28 > .inner .left .tit p {font-size: 14px; color: #72787F;} #con28 > .inner .left .f_inq .fq_in {display: flex; justify-content: space-between; width: 100%;} #con28 > .inner .left .f_inq .fq_in .inq {width: 80%;} #con28 > .inner .left .f_inq .fq_in .inq li {margin-bottom: 10px;} #con28 > .inner .left .f_inq .fq_in .inq li:last-child {margin-bottom: 0;} #con28 > .inner .left .f_inq .fq_in .inq li input {width: 100%; height: 52px; border: 1px solid #C9CDD2; background: none; font-size: 14px; padding-left: 15px;} #con28 > .inner .left .f_inq .fq_in .inq li input::placeholder {color: #72787F;} #con28 > .inner .left .f_inq .fq_in .inq li select {width: 100%; height: 52px; border: 1px solid #C9CDD2; background: none; font-size: 14px; padding-left: 15px; color: #fff; appearance: none; -webkit-appearance: none; -moz-appearance: none; background: url(../images/select_arrow.png) no-repeat center right 15px; background-size: 11px 6px;} #con28 > .inner .left .f_inq .fq_in .inq li select option {color: #000;} #con28 > .inner .left .f_inq .inq_btn {width: 18%; background: #EE6E0C; color: #fff; font-size: 24px; line-height: 36px;} #con28 > .inner .left .f_inq .privacy {margin-top: 18px; display: flex;} #con28 > .inner .left .f_inq .privacy p {color: #A4AAB1; font-size: 16px; line-height: 1;} #con28 > .inner .right > img {width: 100%;} #con28 > .inner .right .c28_info {margin-top: 40px;} #con28 > .inner .right .c28_info > li {display: flex; align-items: center; margin-bottom: 20px; flex-wrap: wrap;} #con28 > .inner .right .c28_info > li:last-child {margin-bottom: 0; align-items: flex-start;} #con28 > .inner .right .c28_info > li .tit {display: flex; align-items: center; margin-right: 35px;} #con28 > .inner .right .c28_info > li .tit img {width: 24px; margin-right: 6px;} #con28 > .inner .right .c28_info > li .tit p {font-size: 18px; color: #fff; font-weight: bold;} #con28 > .inner .right .c28_info > li p.address {font-size: 22px; line-height: 1; color: #EE6E0C; font-weight: bold;} #con28 > .inner .right .c28_info > li p.tel_num {font-size: 32px; line-height: 1; color: #EE6E0C; font-weight: bold;} #con28 > .inner .right .c28_info > li .time li {display: flex; align-items: center; font-size: 18px; margin-bottom: 12px;} #con28 > .inner .right .c28_info > li .time li:last-child {margin-bottom: 0;} #con28 > .inner .right .c28_info > li .time li span {color: #fff; margin-right: 18px; width: 70px; text-align: justify; height: 20px; line-height: 20px;} #con28 > .inner .right .c28_info > li .time li span::after {content: ""; display: inline-block; width: 100%;} #con28 > .inner .right .c28_info > li .time li p {color: #fff; height: 20px; line-height: 20px;} #con28 > .inner .right .c28_info > li .time li p b {color: #EE6E0C; font-weight: 400;} #con28 > .inner .right .c28_info > li .off_time {width: 100%; font-size: 16px; line-height: 22px; color: #A4AAB1; margin-top: 20px; margin-left: 123px;} footer {background: #222527; width: 100%; border-top: 1px solid #72787F; padding: 35px 0 40px; color: #72787F;} footer .f_info {display: flex; margin-bottom: 30px;} footer .f_info li {display: flex; flex-wrap: wrap; margin-right: 40px;} footer .f_info li span {width: 105px; margin-right: 10px;} /* === Sub === */ #sub_visual {width: 100%; height: 500px; background: url(/images/sub_visual.jpg) no-repeat center center / cover; padding: 200px 0;} #sub_visual .title p {font-size: 26px; line-height: 1; margin-bottom: 30px; color: #fff;} #sub_visual .title h2 {font-size: 70px; line-height: 1; color: #fff; font-weight: bold;} #sub_visual.bg02 {background: url(/images/sub_visual_02.jpg) no-repeat center center / cover;} /* 로그인 */ #login_wrap {width: 100%; margin: 250px 0 200px;} #login_wrap .l_tit {text-align: center; margin-bottom: 60px;} #login_wrap .l_tit h3 {font-size: 50px; font-weight: 300; line-height: 1;} #login_wrap .l_tit h3 b {font-weight: bold;} #login_wrap .l_tit p {font-size: 22px; margin-top: 20px;} #login_wrap .login_box {width: 600px; background: #f7f7f7; border-radius: 20px; margin: 0 auto; padding: 50px 30px 60px;} #login_wrap .login_box input {width: 100%; height: 50px; border: 1px solid #ddd; padding-left: 20px; font-size: 16px; color: #000; margin-bottom: 5px;} #login_wrap .login_box input:last-of-type {margin-bottom: 20px;} #login_wrap .login_box input::placeholder {color: #888;} #login_wrap .login_box .login_btn {display:block; width: 100%; height: 50px; background: #1C98AB; border-radius: 8px; color: #fff;} #login_wrap .login_box .findpw {font-size: 16px; text-align: left; margin-top: 15px;} #login_wrap .login_box .findpw a {color: #000;} #login_wrap .login_box .j_btn {font-size: 16px; display: block; margin-top: 15px; font-weight: 500; float: right;} #login_wrap .login_box .j_btn a {color: #186F73;} #login_wrap .join_box {width: 800px; background: #f7f7f7; border-radius: 20px; margin: 0 auto; padding: 50px 30px 60px;} #login_wrap .join_box .join li {margin-bottom: 25px;} #login_wrap .join_box .join li p {font-size: 16px; font-weight: 500; margin-bottom: 5px;} #login_wrap .join_box .join li p b {color: #186F73;} #login_wrap .join_box .join li > input {width: 100%; height: 50px; border: 1px solid #ddd; padding-left: 20px; font-size: 16px; color: #000; margin-bottom: 5px;} #login_wrap .join_box .join li > input::placeholder {color: 888;} #login_wrap .join_box .join li .pw_span {font-size: 14px; line-height: 1; color: #666;} #login_wrap .join_box .join li.agree .tit {display: flex; margin-bottom: 5px; align-items: center;} #login_wrap .join_box .join li.agree .tit input {display: block; margin-right: 8px; margin-top: -4px;} #login_wrap .join_box .join li.agree textarea {width: 100%; height: 150px; border: 1px solid #ddd; padding: 15px; font-size: 14px; line-height: 24px;} #login_wrap .join_box .join_btn {display:block; width: 300px; height: 50px; background: #186F73; border-radius: 8px; color: #fff; font-size: bold; margin: 0 auto; margin-top: 40px;} #login_wrap .join_box .mypage li {border-bottom: 1px solid #ddd; padding-bottom: 20px;} #login_wrap .join_box .mypage li:nth-of-type(2) {border-bottom: 0; padding-bottom: 0;} #login_wrap .join_box .mypage li:last-child {margin-bottom: 0;} #login_wrap .join_box .mypage li strong.my_data {font-size: 18px; font-family: 'Pretendard'; font-weight: 500;} #login_wrap .join_box .withdrawal {font-size: 14px; display: block; font-weight: 500; float: right; color: #888; margin-top: 15px;} #login_wrap .join_box .edit_btn {display:block; width: 300px; height: 50px; background: #186F73; border-radius: 8px; color: #fff; font-size: bold; margin: 0 auto; margin-top: 60px;} .admin_member_list .admin_tbl {width: 100%; border-top: 2px solid #186F73;} .admin_member_list .admin_tbl th {background: #eaeff6; font-size: 16px; padding: 12px 0;} .admin_member_list .admin_tbl td {text-align: center; font-size: 16px; padding: 12px 0; border-bottom: 1px solid #ddd;} .admin_member_list .admin_tbl td .admin_wd {font-size: 14px; width: 100px; height: 34px; text-align: center; background: #333; color: #fff; font-weight: 500; border-radius: 8px;} .admin_in_wrap { min-height: 100vh; padding-top: 90px;} #admin_inq {margin: 100px 0 150px; min-height: 50vh;} #admin_inq .inner {width: 1400px;} #admin_inq h2 {font-size: 50px; text-align: center; line-height: 1; margin-bottom: 60px;} #admin_inq .list_btn {width: 250px; height: 60px; border-radius: 30px; background: #000; font-size: 20px; display: block; margin: 0 auto; margin-top: 50px;} #admin_inq .list_btn a {display: block; width: 100%; height: 100%; color: #fff; line-height: 60px;} .admin_tbl {width: 100%; border-top: 3px solid #1C98AB;} .admin_tbl tr {border-bottom: 1px solid #ddd;} .admin_tbl th {font-size: 16px; padding: 14px 0; background: #f5f5f5;} .admin_tbl td {font-size: 16px; padding: 14px 0; text-align: center; background: #fff;} .admin_tbl td .view_btn {font-size: 14px; color: #fff; background: #000; display: inline-block; width: 110px; border-radius: 3px; height: 34px; line-height: 34px; font-weight: 500;} .admin_tbl td .view_btn:hover {background: #1C98AB;} .paging_wrap{text-align: center; margin-top: 40px;} ul.paging{display: inline-block; font-size: 0;} ul.paging li{display: inline-block; vertical-align: middle; margin-right: 5px;} ul.paging li:last-child {margin-right: 0;} ul.paging li img {vertical-align: middle;} ul.paging li a {display: block; width: 40px; height: 40px; border-radius: 20px; border: 1px solid #ddd; font-size: 16px; color:#999; line-height: 40px;} ul.paging li.on a {color:#fff; border: 0; background:#000;}