@import url('https://cdn.rawgit.com/moonspam/NanumSquare/master/nanumsquare.css');

/* 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:"Noto Sans KR", sans-serif,"Noto Sans SC", 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:1500px; 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: 100px; z-index: 10; text-align: right; position:fixed; left:0; top:0; background: rgba(255,255,255,.85); box-shadow: 0 3px 6px rgba(0,0,0,.16); padding: 0 3%; text-align: center;}
#header h1 {position:absolute; left:3%; top:16px; width: 315px; height: 68px;}
#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: 18px; height: 100px; line-height: 100px; margin-right: 65px; position:relative; font-weight: 700;}
#header .gnb > li:last-child {margin-right: 0;}
#header .gnb > li > a {color: #222527;}

#header .h_tel {position: absolute; right: 3%; top: 50%; transform: translateY(-50%);}
#header .h_tel a {font-size: 0; width: 100%; height: 100%; color: #6FACE1;}
#header .h_tel a img {display: inline-block; vertical-align: middle; width: 24px; margin-right: 8px;}
#header .h_tel a p {display: inline-block; vertical-align: middle; font-size: 28px; line-height: 1; font-weight: 800;}



.navi {display:none;}
.navi_btn {display:none;}

.lang_box {margin-bottom: 8px;}
.lang_box ul {display: flex; align-items: center;}
.lang_box ul li {width: 58px; height: 58px; margin-right: 10px;}
.lang_box ul li:last-child {margin-right: 0;}
.lang_box ul li img {width: 100%;}


#quick_btn {position: fixed; right: 3%; top: 53%; transform: translateY(-50%); z-index: 999; display: flex; flex-flow: column; align-items: flex-end;}
#quick_btn .q_list {width: 65px;}
#quick_btn .q_list li {margin-bottom: 8px;}
#quick_btn .q_list li img {width: 100%;}
#quick_btn button {width: 65px;}
#quick_btn button img {width: 100%;}

#quick_btn button.q_plus {display: none;}




.inquiry_wrap {position: fixed; width: 100%; height: 215px; left: 0; bottom: 0; z-index: 995;}
.inquiry_wrap .top_btn {width: 250px; height: 50px; background: #6FACE1; 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: #6FACE1; padding: 40px 0;}
.inquiry_wrap .i_content .i_inner {width: 1000px; margin: 0 auto; display: flex; align-items: center; 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: 25px;}
.inquiry_wrap .i_content .i_box ul li:last-child {margin-right: 0;}
.inquiry_wrap .i_content .i_box ul li input[type="text"] {width: 260px; height: 48px; background: #fff; border: 0; border-radius: 24px; padding-left: 20px; font-size: 16px;}
.inquiry_wrap .i_content .i_box ul li input::placeholder {color: #A4AAB1;}


.inquiry_wrap .i_content .in_btn {width: 160px; height: 92px; color: #000; font-size: 24px; font-weight: bold; background: #fff; border-radius: 15px;}
.inquiry_wrap .i_content .privacy {display: flex; align-items: center;}
.inquiry_wrap .i_content .privacy p {font-size: 16px; color: #fff; padding-left: 8px;}


#main_visual {width: 100%; height: 100vh; position: relative; overflow: hidden;}
#main_visual .mv_list {width: 100%; height: 100%;}
#main_visual .mv_list .swiper-slide {width: 100%; height: 100%; position: relative;}
#main_visual .mv_list .swiper-slide .inner {position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); height: 100%; display: flex; align-items: center;}
#main_visual .mv_list .swiper-slide .inner h2 {font-size: 48px; line-height: 64px; font-weight: 800; color: #fff;}


#main_visual .video_wrap video {width: 100%; height: 100%; object-fit: cover;}

#main_visual .mv_list .mbg01 {background: url(../images/main_visual01.jpg) no-repeat center center / cover;}
#main_visual .mv_list .mbg02 {background: url(../images/main_visual02.jpg) no-repeat center center / cover;}
#main_visual .mv_list .mbg03 {background: url(../images/main_visual03.jpg) no-repeat center center / cover;}



.title {text-align: center;}
.title span {font-size: 24px; font-weight: 800; margin-bottom: 20px; line-height: 1; display: block;}
.title h2 {font-size: 64px; line-height: 84px; font-weight: 800;}
.title h2 b {color: #6FACE1; font-weight: 400;}
.title p {font-size: 20px; line-height: 32px; margin-top: 35px; font-weight: 400;}


#con1 {margin: 190px 0 160px; background: url(../images/con1_bg.png) no-repeat top 195px left 70px; background-size: 585px 568px;}
#con1 .title span {font-size: 16px; letter-spacing: 8px; margin-bottom: 35px;}
#con1 .title h2 {font-size: 52px; line-height: 70px; color: #6FACE1; font-weight: 800;}
#con1 .title p {font-size: 24px; line-height: 34px; margin-top: 30px;}

#con1 .c1_box {margin-top: 90px; display: flex; justify-content: space-between;}
#con1 .c1_box .txt {width: 46%;}
#con1 .c1_box .txt .c1_txt_icon {width: 140px; margin-bottom: 60px;}
#con1 .c1_box .txt h3 {font-size: 48px; line-height: 64px; font-weight: 800; color: #003067; margin-bottom: 130px;}
#con1 .c1_box .txt .dr_info .name {display: flex; align-items: center; padding-bottom: 15px; margin-bottom: 20px; border-bottom: 1px solid #003067;}
#con1 .c1_box .txt .dr_info .name h4 {font-size: 32px; font-weight: 800; margin-right: 24px;}
#con1 .c1_box .txt .dr_info .name span {font-size: 16px; line-height: 20px;}
#con1 .c1_box .txt .dr_info .name span b {font-weight: 800; color: #003067;}

#con1 .c1_box .txt .dr_info .cert_box {display: flex; align-items: center; margin-bottom: 20px;}
#con1 .c1_box .txt .dr_info .cert_box img {width: 20px; height: 20px; margin-right: 3px;}
#con1 .c1_box .txt .dr_info .cert_box p {font-size: 16px; line-height: 20px; font-weight: 800; color: #003067;}

#con1 .c1_box .txt .dr_info .list_box {display: flex;}
#con1 .c1_box .txt .dr_info .list_box .bullet:first-of-type {margin-right: 40px;}
#con1 .c1_box .txt .dr_info .list_box .bullet li {font-size: 16px; line-height: 28px;}

#con1 .c1_box > img {width: 49%; border-radius: 62px;}


#con2 {margin-bottom: 250px;}
#con2 .title {margin-bottom: 60px;}
#con2 .title span {font-size: 16px; letter-spacing: 8px; padding-bottom: 150px; position: relative;}
#con2 .title span::after {content: ''; width: 1px; height: 118px; background: #6FACE1; position: absolute; bottom: 0; left: 50%;}
#con2 .title p {margin-top: 50px;}

#con2 .c2_box_wrap {position: relative;}
#con2 .c2_wrap {width: 100%; position: relative; overflow: hidden;}
#con2 .c2_wrap .c2_list {width: 100%;}
#con2 .c2_wrap .c2_list .swiper-slide .img_box {width: 100%; position: relative;}
#con2 .c2_wrap .c2_list .swiper-slide .img_box img {width: 100%;}
#con2 .c2_wrap .c2_list .swiper-slide .img_box .tit {width: 216px; height: 86px; background: #fff; border-radius: 0 20px 0 0; padding-left: 24px; position: absolute; left: 0; bottom: 0;}
#con2 .c2_wrap .c2_list .swiper-slide .img_box .tit h3 {font-size: 32px; line-height: 86px; font-weight: 800;}
#con2 .c2_wrap .c2_list .swiper-slide p {font-size: 20px; line-height: 32px; margin-top: 24px; padding-left: 24px;}
#con2 .c2_wrap .c2_list .swiper-slide p b {font-weight: 800;}

#con2 .c2_btns {position: absolute; top: 50%; transform: translateY(-50%); width: 100%;}
#con2 .c2_btns button {width: 13px; height: 26px;}
#con2 .c2_btns button img {width: 100%;}
#con2 .c2_btns button.c2_prev {position: absolute; left: -50px;}
#con2 .c2_btns button.c2_next {position: absolute; right: -50px;}



#con3 {background: url(../images/con3_bg.jpg) no-repeat center center / cover; padding: 250px 0 220px;}
#con3 .title {margin-bottom: 70px;}
#con3 .title h2 {color: #fff;}
#con3 .title h2 b {color: #fff;}
#con3 .title p {color: #fff; margin-top: 30px;}

#con3 .c3_box li {display: flex; align-items: center; border-radius: 30px; overflow: hidden; background: rgba(255,255,255,.8); margin-bottom: 53px;}
#con3 .c3_box li:last-child {margin-bottom: 0;}
#con3 .c3_box li img {width: 50%;}
#con3 .c3_box li .txt_box {width: 50%; text-align: center;}
#con3 .c3_box li .txt_box p {font-size: 32px;}


#con4 {margin: 280px 0;}
#con4 .title {margin-bottom: 100px;}
#con4 img {width: 100%; border-radius: 74px;}


#con5 {padding-bottom: 250px; background: url(../images/con5_bg.jpg) no-repeat center bottom / cover; background-size: 100% 41%;}
#con5 .title {margin-bottom: 150px;}
#con5 .title h2 {line-height: 1;}
#con5 .title h2 strong.chk {margin-left: 10px;}
.title h2 strong.chk {color: #fff; background: #003067; padding: 0 15px 6px; position: relative;}
.title h2 strong.chk::after {content: ''; width: 38px; height: 38px; background: url(../images/b_check.png) no-repeat; position: absolute; left: -20px; top: -20px; background-size: 38px 38px;}

#con5 .c5_box {display: flex; align-items: flex-start; justify-content: space-between;}
#con5 .c5_box > img {width: 44%;}
#con5 .c5_box .txt_box {width: 50%; position: relative;}
#con5 .c5_box .txt_box::after {content: ''; width: 335px; height: 76px; background: url(../images/check_list.png) no-repeat; background-size: 335px 76px; position: absolute; right: -60px; top: 250px;}
#con5 .c5_box .txt_box span {font-size: 32px; line-height: 1; font-weight: 800; display: block;}
#con5 .c5_box .txt_box h3 {font-size: 62px; line-height: 82px; margin: 20px 0 60px; font-weight: 400;}
#con5 .c5_box .txt_box h3 b {color: #6FACE1; font-weight: 800;}
#con5 .c5_box .txt_box p {font-size: 18px; line-height: 30px; color: #5D646A;}

#con5 .c5_box .txt_box ul {margin-top: 55px;}
#con5 .c5_box .txt_box ul li {width: 100%; height: 82px; line-height: 82px; font-size: 26px; background: #fff; box-shadow: 2px 2px 15px rgba(0,0,0,.1); margin-bottom: 15px; padding-left: 55px; position: relative;}
#con5 .c5_box .txt_box ul li::before {content: ''; width: 38px; height: 2px; background: #003067; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
#con5 .c5_box .txt_box ul li b {font-weight: 800;}
#con5 .c5_box .txt_box ul li:last-child {margin-bottom: 0;}


#con6 {padding-bottom: 250px; background: #F6F7F9;}
#con6 .title {text-align: left; margin-bottom: 30px;}

#con6 .c6_list {display: flex; align-items: flex-end; position: relative;}
#con6 .c6_list::after {content: ''; width: 80%; height: 1px; background: #003067; position: absolute; left: 0; top: 155px;}
#con6 .c6_list li {margin-right: 55px;}
#con6 .c6_list li > img {width: 80px; height: 80px;}
#con6 .c6_list li:last-child > img {width: 132px; height: 132px;}
#con6 .c6_list li .txt {margin-top: 52px;}
#con6 .c6_list li .txt span {font-size: 18px; line-height: 1; color: #003067; display: block;}
#con6 .c6_list li .txt h3 {font-size: 28px; line-height: 1; margin: 12px 0 20px; color: #003067; font-weight: 800;}
#con6 .c6_list li .txt p {font-size: 16px; line-height: 23px;}


#con7 {background: url(../images/con7_bg.jpg) no-repeat center center / cover; padding: 250px 0;}
#con7 .title {text-align: left;}
#con7 .title span {font-size: 16px; letter-spacing: 8px; color: #fff; margin-bottom: 35px;}
#con7 .title h2 {font-size: 64px; line-height: 84px; color: #00EEFF; font-weight: 800;}
#con7 .title p {color: #fff; font-size: 20px; line-height: 32px; margin-top: 35px;}


#con8 {margin: 200px 0 220px;}

.hor_box_wrap {position: relative;}
.hor_slide {width: 100%; overflow: hidden;}
.hor_slide .hor_list {width: 100%;}
.hor_slide .hor_list .swiper-slide {width: 100%; border-radius: 30px; background: #F6F7F9; display: flex; align-items: center; overflow: hidden;}
.hor_slide .hor_list .swiper-slide img {width: 44%;}
.hor_slide .hor_list .swiper-slide .txt_box {padding-left: 90px;}
.hor_slide .hor_list .swiper-slide .txt_box strong {font-size: 24px; font-weight: 800; line-height: 1; display: block;}
.hor_slide .hor_list .swiper-slide .txt_box p {font-size: 20px; line-height: 32px; margin-top: 25px; font-weight: 400;}

.hor_box_wrap .btn_wrap {position: absolute; top: 50%; transform: translateY(-50%); width: 100%;}
.hor_box_wrap .btn_wrap button {width: 13px; height: 26px;}
.hor_box_wrap .btn_wrap button img {width: 100%;}
.hor_box_wrap .btn_wrap button.prev_btn {position: absolute; left: -50px;}
.hor_box_wrap .btn_wrap button.next_btn {position: absolute; right: -50px;}


#con9 {margin-bottom: 130px;}
#con9 .title {text-align: left;}
#con9 img.con9_img {width: 100%; max-width: 1040px; margin-left: auto; display: block; margin-top: -80px;}


#con10 {padding: 150px 0 0; background: #F5FBFF;}
#con10 .title {margin-bottom: 85px;}
#con10 .title h2 {color: #003067; font-weight: 400;}
#con10 .title h2 b {color: #003067; font-weight: 800;}

#con10 img {width: 100%; max-width: 1230px; margin: 0 auto;}

#con10 .con10_bottom {margin-top: 110px; width: 100%; height: 140px; background: linear-gradient(to right, #6FACE1,#003067);}
#con10 .con10_bottom .inner {position: relative;}
#con10 .con10_bottom .inner::after {content: ''; width: 140px; height: 1px; background: #fff; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
#con10 .con10_bottom .inner h3 {font-size: 46px; text-align: right; line-height: 140px; color: #fff; font-weight: 800;}


#con11 {padding: 220px 0 500px; background: url(../images/con11_bg.jpg) no-repeat center center / cover;}

#con11 .title {margin-bottom: 100px;}
#con11 .title span {font-size: 16px; letter-spacing: 8px; padding-bottom: 150px; position: relative;}
#con11 .title span::after {content: ''; width: 1px; height: 118px; background: #6FACE1; position: absolute; bottom: 0; left: 50%;}
#con11 .title h2 b {font-weight: 800;}
#con11 .title p {margin-top: 50px;}

#con11 .c11_list {display: flex; justify-content: space-between;}
#con11 .c11_list li {padding: 50px 0 0; text-align: center; width: 32%; border-radius: 30px; background: #fff; overflow: hidden; position: relative;}
#con11 .c11_list li span {font-size: 16px; color: #6FACE1; font-weight: 800; line-height: 1; display: block;}
#con11 .c11_list li h3 {font-size: 32px; line-height: 1; margin: 10px 0 25px; font-weight: 800;}
#con11 .c11_list li p {font-size: 16px; line-height: 28px; margin-bottom: 30px; font-weight: 400;}
#con11 .c11_list li strong {display: inline-block; font-size: 24px; color: #fff; background: #003067; width: 70px; height: 70px; line-height: 70px; border-radius: 50%; position: relative; z-index: 2;}
#con11 .c11_list li strong.skb {background: #6FACE1;}
#con11 .c11_list li img {width: 100%; margin-top: -35px;}


#con12 {padding: 230px 0 150px; background: url(../images/con12_bg.jpg) no-repeat center center / cover;}
#con12 .title {margin-bottom: 110px;}
#con12 .title span {font-size: 16px; letter-spacing: 8px; color: #fff; margin-bottom: 45px;}
#con12 .title h2 {color: #fff;}
#con12 .title p {color: #fff;}


#con13 {margin: 230px 0 120px;}
#con13 .title {margin-bottom: 200px;}
#con13 .title h2 b {font-weight: 800;}
#con13 .title p {margin-top: 55px;}

#con13 .title .c13_info {margin-top: 90px; display: flex; align-items: center; justify-content: center;}
#con13 .title .c13_info li {display: flex; align-items: center; margin-right: 30px;}
#con13 .title .c13_info li:last-child {margin-right: 0;}
#con13 .title .c13_info li img {width: 70px; height: 70px; margin-right: 15px;}
#con13 .title .c13_info li .txt {text-align: left;}
#con13 .title .c13_info li .txt strong {font-size: 24px; line-height: 1; font-weight: 800; display: block;}
#con13 .title .c13_info li .txt p {font-size: 16px; line-height: 24px; margin-top: 8px;}



#con14 {margin-bottom: 100px;}
#con14 .inner {display: flex; justify-content: space-between;}
#con14 .map_box {width: 50%; padding-right: 5%; border-right: 1px solid #A4AAB1;}

#daumRoughmapContainer1765985226996 {width: 100%; border: 1px solid #ddd;}
#daumRoughmapContainer1765985226996 .cont {display: none !important;}
.root_daum_roughmap .wrap_map {height: 780px !important;}
.root_daum_roughmap .map_border {display: none !important;}


#con14 .information {width: 50%; padding-left: 5%;}
#con14 .information .time_box {margin-bottom: 40px;}
#con14 .information > div .tit {display: flex; align-items: flex-end; margin-bottom: 40px;}
#con14 .information > div .tit h2 {font-size: 40px; line-height: 1; font-weight: 500; margin-right: 40px;}
#con14 .information > div .tit p {font-size: 16px; line-height: 24px; font-weight: 400; }

#con14 .information > div .time li {display: flex; align-items: center; margin-bottom: 20px; height: 24px;}
#con14 .information > div .time li:last-child {margin-bottom: 0;}
#con14 .information > div .time li span {font-size: 20px; line-height: 24px; color: #6FACE1; font-weight: 800; width: 90px; margin-right: 40px;}
#con14 .information > div .time li p {font-size: 20px; line-height: 24px;}
#con14 .information > div .time li p b {font-weight: 800; color: #003067;}
#con14 .information > div .time li p em {display: inline-block; height: 24px; font-size: 16px; line-height: 24px; color: #fff; background: #6FACE1; padding: 0 10px; text-align: center; border-radius: 12px; margin-left: 6px; vertical-align: top;}

#con14 .information .time_box > p {font-size: 16px; line-height: 28px; margin-top: 15px;}
#con14 .information .time_box > p b {font-weight: 800; color: #003067;}

#con14 .information > div .loc_list li {display: flex; align-items: center; margin-bottom: 30px;}
#con14 .information > div .loc_list li:last-child {margin-bottom: 0; align-items: flex-start;}
#con14 .information > div .loc_list li span {font-size: 20px; line-height: 24px; color: #6FACE1; font-weight: 800; width: 90px; margin-right: 40px;}
#con14 .information > div .loc_list li p {font-size: 20px; line-height: 32px;}
#con14 .information > div .loc_list li p b {font-weight: 800;}
#con14 .information > div .loc_list li:first-child p b {font-size: 24px; line-height: 24px;}


#con14 .parking_box {background: #F6F7F9; width: 100%; border-radius: 10px; margin-top: 30px;}
#con14 .parking_box .pk_top {height: 80px; display: flex; align-items: center; justify-content: space-between; padding: 0 20px; cursor: pointer;}
#con14 .parking_box .pk_top h4 {font-size: 20px; line-height: 1; color: #6FACE1; font-weight: 800;}
#con14 .parking_box .pk_top img {width: 20px; height: 10px;}

#con14 .parking_box .pk_top img {transition: transform 0.3s ease;}
#con14 .parking_box .pk_top.open img {transform: rotate(180deg);}


#con14 .parking_box .pk_con {padding: 0 20px 5px; display: none;}
#con14 .parking_box .pk_con .p_con {padding: 15px 30px; border-bottom: 1px solid #C9CDD2;}
#con14 .parking_box .pk_con .p_con:first-of-type {border-top: 1px solid #C9CDD2;}
#con14 .parking_box .pk_con .p_con:last-of-type {border-bottom: 0;}
#con14 .parking_box .pk_con .p_con > ul > li {margin-bottom: 5px; font-size: 14px;}
#con14 .parking_box .pk_con .p_con > ul > li:nth-child(2) {margin-bottom: 10px;}
#con14 .parking_box .pk_con .p_con > ul > li:last-child {font-weight: 800; margin-bottom: 0;}
#con14 .parking_box .pk_con .p_con > ul > li.blue_b {font-weight: 800; color: #003067;}
#con14 .parking_box .pk_con .p_con > ul > li.blue_b span {color: #000; margin-left: 12px;}
#con14 .parking_box .pk_con .p_con > ul > li ul {display: flex; align-items: center;}
#con14 .parking_box .pk_con .p_con > ul > li ul li {margin-right: 20px;}
#con14 .parking_box .pk_con .p_con > ul > li ul li:last-child {margin-right: 0;}



footer {background: #000; width: 100%; padding: 65px 0; color: #A4AAB1;}
footer .inner {position: relative;}
footer .inner .foot_logo {position: absolute; left: 0; top: 0; width: 155px;}

footer .f_wrap {padding-left: 25%; display: flex; align-items: flex-start; justify-content: space-between;}
footer .f_wrap .f_box .f_info {display: flex; align-items: center; margin-bottom: 20px;}
footer .f_wrap .f_box .f_info li {font-size: 16px; line-height: 1; margin-right: 25px;}
footer .f_wrap .f_box .f_info li:last-child {margin-right: 0;}

footer .f_wrap button {font-size: 16px; color: #A4AAB1; line-height: 1;}

footer p.copyright {padding-left: 25%; font-size: 16px; color: #A4AAB1; line-height: 1;}



/* 팝업 */
/* Overlay */
.popup_overlay {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.75);
  align-items: center;
  justify-content: center;
  z-index: 9999;
  padding: 24px;
  display: none;              /* 기본 숨김 (깜빡임 방지) */
}

.popup_overlay.is_open {
  display: flex;
}

/* Popup Box */
.popup_wrap {
  position: relative;
  width: 100%;
  max-width: 1200px;
  background: transparent;
}

/* Close button */
.popup_wrap .close_btn {
  color: #fff;
  font-size: 15px;
  border: 0;
  cursor: pointer;
  background: transparent;
}

/* Video area */
.popup_content { width: 100%; }

.popup_video {
  width: 100%;
  max-width: 1500px;
  border-radius: 12px;
  overflow: hidden;
}

.popup_video video {
  display: block;
  width: 100%;
  height: auto;
}

/* Footer */
.popup_footer {
  margin-top: 12px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.today_close {
  display: inline-flex;
  gap: 8px;
  align-items: center;
  color: #fff;
  font-size: 15px;
  user-select: none;
}

.today_close input {
  width: 16px;
  height: 16px;
}































/* === 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: #003067; 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: #003067;}


#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: #003067;}
#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: #003067; 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: #003067; 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 #003067;}
.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 #003067;}
.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: #003067;}

.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;}


#con15 {margin-bottom: 250px;}
#con15 .pc {display: block;}
#con15 .mo {display: none;}
#con15 .title {margin-bottom: 60px;}
#con15 .title span {font-size: 16px; letter-spacing: 8px; padding-bottom: 150px; position: relative;}
#con15 .title span::after {content: ''; width: 1px; height: 118px; background: #6FACE1; position: absolute; bottom: 0; left: 50%;}
#con15 .title p {margin-top: 50px;}
#con15 .caseWrap {max-width: 1200px; margin: 0 auto}
#con15 .caseSlide {overflow: hidden;}
#con15 .caseSlide + .caseSlide {margin-top: 90px}
#con15 .caseSlide .swiper-wrapper {display: flex; transform: none;}
#con15 .caseSlide .swiper-wrapper::before {content: ''; display: block; position: absolute; width: 46px; height: 46px; top: 57%; left: 50%; transform: translate(-50%,-50%); background: url('../images/case_ico.png') center/contain; z-index: 1;}
#con15 .caseSlide .slide {width: 50%;}
#con15 .caseSlide img {display: block; width: 100%;}
#con15 .txtArea {padding-top: 30px; text-align: center;}
#con15 .txtArea .t1 {font-size: 18px; line-height: 1; font-weight: bold;}
#con15 .txtArea .t2 {font-size: 24px; line-height: 1; padding-top: 20px; font-weight: 400}
#con15 .casePrg {text-align: center; margin-top: 100px; color: #72787F; font-size: 16px; font-weight: 400}