@charset "utf-8";
img {max-width:100%;}
#sub_visual {margin-top:110px;}
#sub_visual {display:flex; align-items:center; position:relative; color:#fff; height:43rem; background:no-repeat center/cover;}
#sub_visual.sub1 {background-image:url('/images/sub/sub_visual1.jpg');}
#sub_visual.sub2 {background-image:url('/images/sub/sub_visual2.jpg');}
#sub_visual.sub3 {background-image:url('/images/sub/sub_visual3.jpg');}
#sub_visual.sub4 {background-image:url('/images/sub/sub_visual4.jpg');}
#sub_visual .tit {font-size:4.5rem;}
#sub_visual .txt {margin-top:3rem; font-size:2.2rem; font-weight:300; line-height:1.5;}
#sub_visual span {position:absolute; left:50%; bottom:3rem; margin-left:-750px; font-family: "Gabarito", sans-serif; font-size:6rem; line-height:1.333; opacity:0.07;}

#lnb {position:relative; z-index:100; border-bottom:1px solid #D8D8D8; background:#FFFFFF;}
#lnb .container {display:flex; width:100%;}
#lnb .home {width:60px; height:60px; border-left:1px solid #D8D8D8; border-right:1px solid #D8D8D8; background:url('/images/sub/icon_home.png') no-repeat center; background-size:22px auto;}
#lnb .list {position:relative; border-right:1px solid #D8D8D8; font-size:16px;}
#lnb .list > a {display:block; min-width:230px; padding-left:20px; line-height:60px; font-weight:600; color:#222222; background:url('/images/sub/icon_lnb_arr.png') no-repeat right 20px center; background-size:12px auto;}
#lnb .list:nth-child(2) > a {color:#325280; font-weight:700; background-color:#F8F8F8;}
#lnb ul {display:none; overflow:hidden; position:absolute; top:61px; left:-1px; right:-1px; border:1px solid #D8D8D8; border-top:0; background:#fff;}
#lnb ul li+li {border-top:1px solid #D8D8D8;}
#lnb ul a {display:block; padding-left:20px; font-size:15px; color:#222222; line-height:44px; font-weight:500; transition:all 0.4s;}
#lnb ul a:hover {color:#89909A;}
#lnb .list:nth-child(2) ul a {background:#F8F8F8;}
#lnb .list:nth-child(2) ul a:hover {color:#325280; background:#fff;}


.ctit {margin:15rem 0 10rem; text-align:center;}
.ctit .en {display:flex; align-items:center; justify-content:center; margin-bottom:2.5rem; font-weight:300; font-family: "Gabarito", sans-serif; font-size:1.5rem; color:#89909A; letter-spacing:0.03em;}
.ctit .en span {display:flex; align-items:center; gap:4rem; border-left:1px solid #89909A; border-right:1px solid #89909A;}
.ctit .en span::before,
.ctit .en span::after {width:8rem; height:1px; background:#89909A; content:'';}
.ctit h3 {margin-top:2.5rem; font-size:4rem; font-weight:400; font-weight:700; color:#203047;}


@media screen and (max-width:1024px){
	#sub_visual {height:38rem; margin-top:65px;}
	#sub_visual .tit {font-size:4rem;}
	
	#lnb {margin-right:-1px;}
	#lnb .home {display:none;}
	#lnb .container {margin-left:0; margin-right:0;}
	#lnb .list {width:50%; font-size:2.2rem;}
	#lnb .list > a {min-width:auto; line-height:8.5rem; padding-left:2rem; background-position:right 2rem center; background-size:1.8rem auto;}
	#lnb ul {top:8.5rem; margin-top:1px;}
	
	.ctit {margin:10rem 0 7rem;}
	.ctit h3 {font-size:3.6rem;}
}



.stit1 {display:flex; align-items:center; gap:1.4rem; position:relative; height:8rem; padding:0 4rem; border:1px solid #325280; font-size:3.7rem; color:#325280; font-weight:700; background:#F5F7F9;}
.stit1::before {width:3.8rem; height:3.8rem; background:url('/images/sub/icon_plus.png') no-repeat center/contain; content:'';}
.stit1::after {position:absolute; top:100%; left:0; right:0; height:4px; margin-top:1px; background:#EAF0F5; content:'';}


.sub2_c1,
.sub2_c1 p {word-break:keep-all;}
.sub2_c1 .txt {line-height:1.6;}
.sub2_c1 .cbox {display:flex; margin-top:5rem; line-height:1.6;}
.sub2_c1 .cbox .st {width:35rem; padding-left:4rem; font-size:2.8rem; font-weight:700; line-height:1.5;}
.sub2_c1 .cbox .rcont {flex:1; min-width:0;}

.sub2_c1 .cont1 {display:flex; gap:4rem; padding:2.4rem 4.7rem 2.4rem 2.4rem; border-radius:1.5rem; background:#F5F7F9;}
.sub2_c1 .cont1 .img {overflow:hidden; width:32.3rem; border-radius:2rem;}
.sub2_c1 .cont1 .cont {flex:1; min-width:0; line-height:1.5; padding-top:2rem;}
.sub2_c1 .cont1 .cont strong {display:block; font-size:2.4rem; color:#325280; font-weight:700;}
.sub2_c1 .cont1 .cont p {margin-top:1rem;}


.sub2_c1 .cont2 {padding:4rem; border-radius:1.5rem; background:#F5F7F9;}
.sub2_c1 .cont2 ul {display:flex; align-items:center; justify-content:center; gap:2.2rem; width:100%; max-width:76.2rem; margin:auto;}
.sub2_c1 .cont2 li {flex:1; min-width:0; border-radius:3.5rem; line-height:6.8rem; font-size:2.2rem; font-weight:700; color:#fff; text-align:center; background:#57B6FF;}
.sub2_c1 .cont2 li:nth-child(even) {background:#325280;}


.sub2_c1 .cont3 {line-height:1.5;}
.sub2_c1 .cont3 > ul {display:flex; align-items:center; gap:1.4rem 2.2rem; text-align:center;}
.sub2_c1 .cont3 > ul > li {flex:1; min-width:0; padding:1.6rem 3rem; border-radius:1rem; border:1px solid #D8D8D8; line-height:1.6;}
.sub2_c1 .cont3 > ul.grid3 {display:grid; grid-template-columns: repeat(3, 1fr);}
.sub2_c1 .cont3 > ul.grid4 {display:grid; grid-template-columns: repeat(4, 1fr);}
.sub2_c1 .cont3 .st2 {font-size:1.066em; font-weight:700;}
.sub2_c1 .cont3 .st3 {margin-left:1.5rem; padding:0.5rem 0 1.5rem;}
.sub2_c1 .cont3 .st3:last-child {padding-bottom:0;}

.dot_list {margin-left:1.5rem; padding:1rem 0 1.5rem;}
.dot_list li {position:relative; padding-left:1rem;}
.dot_list li::before {position:absolute; top:1rem; left:0; width:0.4rem; height:0.4rem; background:#89909A; content:'';}



.sub2_c1 .cont4 ul {overflow:hidden; display: grid; grid-template-columns: repeat(4, 1fr); gap:2.2rem; text-align:center;}
.sub2_c1 .cont4 li {overflow:hidden; border-radius:1.5rem; text-align:center; background:#F5F7F9;}
.sub2_c1 .cont4 .cont {position:relative; z-index:3; padding:0 2.5rem 2rem;}
.sub2_c1 .cont4 .cont strong {display:block; width:12.2rem; margin:-1.7rem auto 2rem; border-radius:2rem; color:#fff; font-size:1.6rem; line-height:3.4rem; font-weight:700; background:#325280;}
.sub2_c1 .cont4 .cont p {line-height:1.6;}




.sub2_c1 .cont5 ul {overflow:hidden; display: grid; grid-template-columns: repeat(2, 1fr); gap:1.4rem 2.2rem;}
.sub2_c1 .cont5 li {display:flex; align-items:center; min-height:5.8rem; border-radius:1rem; border:1px solid #D8D8D8; }
.sub2_c1 .cont5 li div {padding:1.7rem 2rem 1.7rem 5rem; background:url('/images/sub/icon_chk.png') no-repeat 2rem 2rem; background-size:1.8rem auto;}
.sub2_c1 .cont5 li div strong {display:block; margin-bottom:0.2rem; font-size:1.8rem;}


.sub2_c1 .cont6 {text-align:center;}
.sub2_c1 .cont6 ul {overflow:hidden; display: flex; gap:1.4rem 2.2rem;}
.sub2_c1 .cont6 li {flex:1; min-width:0; padding:1.9rem 3rem; border-radius:1rem; font-size:2rem; font-weight:700; color:#325280; line-height:1.4; background:#F5F7F9;}
.sub2_c1 .cont6 li strong {display:block; letter-spacing:-0.06em;}
.sub2_c1 .cont6 li span {display:block; margin-top:0.5rem; font-size:1.5rem; line-height:1.6; font-weight:400;}
.sub2_c1 .cont6 .t1 {font-size:2.4rem; line-height:1.5; font-weight:700; color:#325280;}
.sub2_c1 .cont6 .t2 {margin:1.5rem 0 2.5rem; line-height:1.6;}

.sub2_c1 .cont7 {margin-top:5rem;}
.sub2_c1 .cont7 .sbox {display:flex; align-items:center; padding:8rem 0; border:0.7rem solid #325280; background:url('/images/sub/sub2_c1_img1_6.jpg') no-repeat right center; background-size:auto 100%;}
.sub2_c1 .cont7 .tit {margin-left:9rem; margin-right:7rem;}
.sub2_c1 .cont7 .tit span {display:inline-block; padding:0 1.5rem; font-weight:500; color:#fff; line-height:3.2rem; background:#325280;}
.sub2_c1 .cont7 .tit strong {display:block; margin:1.3rem 0 1.9rem; font-size:3.2rem; font-weight:700; line-height:1.5;}
.sub2_c1 .cont7 .tit p {line-height:1.6;}
.sub2_c1 .cont7 li {display:flex; align-items:center; gap:1.2rem;}
.sub2_c1 .cont7 li+li {margin-top:2.8rem;}
.sub2_c1 .cont7 li span {width:4rem; line-height:2.1rem; border-radius:1.5rem; font-size:1.3rem; font-weight:500; color:#fff; text-align:center; background:#57B6FF;}
.sub2_c1 .cont7 li strong {font-size:2rem; font-weight:700; line-height:1.5;}
.sub2_c1 .cont7 .ctxt {margin-top:-0.7rem; padding:3rem; font-size:2.2rem; color:#fff; font-weight:500; text-align:center; background:#325280;}


.sub2_c1+.sub2_c1 {margin-top:10rem;}





.sub2_c1 .cont8 {margin-top:5rem;}
.sub2_c1 .cont8 ul {display:flex; gap:1.4rem 2.2rem; text-align:center;}
.sub2_c1 .cont8 li {overflow:hidden; flex:1; min-width:0; border-radius:1rem; background:#F5F7F9;}
.sub2_c1 .cont8 strong {display:block; padding:2.5rem 2rem; font-size:2.6rem; font-weight:700; color:#fff; background:#57B6FF;}
.sub2_c1 .cont8 p {padding:2.4rem 3rem;}
.sub2_c1 .cont8 li:nth-child(2) strong {background:#325280}
.sub2_c1 .cont8 li:nth-child(3) strong {background:#203047}

.qna {margin-top:2rem;}
.qna .q_cont {display:flex; gap:0.7rem; font-size:1.066em; color:#325280; font-weight:700;}
.qna .a_cont {display:flex; gap:0.7rem; margin-top:0.5rem; color:#89909A;}
.qna .q_cont > div,
.qna .a_cont > div {flex:1; min-width:0;}
.qna .a_cont .dot_list {margin-left:0; padding-top:0; padding-bottom:0;}

.sub2_c1 .cont9 {padding:4rem 4.5rem; border-radius:1.5rem; background:#F5F7F9;}
.sub2_c1 .cont9 .st1 {display:block; margin-top:1.5rem; font-size:2.4rem; color:#325280;}
.sub2_c1 .cont9 .st1:first-child {margin-top:0;}
.sub2_c1 .cont9 ul {margin-left:0;}

@media screen and (max-width:1024px){
	.stit1 {padding:0 3rem; font-size:3.3rem;}
	.stit1::before {width:3.2rem; height:3.2rem;}
	
	.sub2_c1 .cbox {flex-direction:column; gap:1rem;}
	.sub2_c1 .cbox .st {width:100%; padding-left:1rem;}
	.sub2_c1 .cbox .st br {display:none;}
	
	.sub2_c1 .cont1 {flex-direction:column; gap:3rem;}
	.sub2_c1 .cont1 .cont {padding-top:0;}
	.sub2_c1 .cont1 .img {width:100%;}
	.sub2_c1 .cont1 .img img {border-radius:2rem;}
	
	.sub2_c1 .cont2 {padding:3rem;}
	.sub2_c1 .cont2 ul {gap:1.5rem;}
	
	.sub2_c1 .cont3 ul {flex-direction:column; gap:1.5rem 1.5rem;}
	.sub2_c1 .cont3 li {width:100%;}
	.sub2_c1 .cont3 > ul.grid3,
	.sub2_c1 .cont3 > ul.grid4 {grid-template-columns: repeat(1, 1fr);}
	.sub2_c1 .cont3 > ul.mgrid2 {display:grid; grid-template-columns: repeat(2, 1fr);}

	
	.sub2_c1 .cont4 {margin-right:-3rem; padding-right:3rem;}
	.sub2_c1 .cont4 .cont strong {font-size:1.8rem;}
	.sub2_c1 .cont4 ul {min-width:200vw;}
	
	.sub2_c1 .cont5 ul {grid-template-columns: repeat(1, 1fr);}
	.sub2_c1 .cont5 li div {background-position:2rem 2.3rem;}
	
	.sub2_c1 .cont6 ul {flex-direction:column;}
	
	.sub2_c1 .cont7 .sbox {flex-wrap:wrap; padding:3rem; background:none;}
	.sub2_c1 .cont7 .tit {margin:0;}
	.sub2_c1 .cont7 .tit strong {margin:1rem 0;}
	.sub2_c1 .cont7 ul {margin-top:3rem;}
	.sub2_c1 .cont7 li+li {margin-top:0.5rem;}
	
	.sub2_c1 .cont8 ul {flex-direction:column;}
	.sub2_c1 .cont8 li {width:100%;}
	
	.sub2_c1 .cont9 {padding:3rem;}
}



.greeting_c1 .cbox {display:flex; position:relative; gap:13rem;}
.greeting_c1 .img {width:42.9rem; min-height:64.8rem;border-radius:0 7rem 0 0; background:url('/images/sub/greeting_c1_img1.jpg') no-repeat center/cover;}
.greeting_c1 .cont {flex:1; min-width:0; padding-top:2rem;}
.greeting_c1 .t1 {font-size:1.2em; font-weight:600;}
.greeting_c1 .mtit {margin:2rem 0 3rem;}
.greeting_c1 .t2 {line-height:1.6;}
.greeting_c1 .rimg {position:absolute; top:0; right:0; width:32.5rem; height:32.5rem; background:url('/images/sub/greeting_c1_img2.jpg') no-repeat center/cover;}
@media screen and (max-width:1600px){
	.greeting_c1 .cbox {gap:8rem;}
}
@media screen and (max-width:1024px){
	.greeting_c1 .cbox {flex-wrap:wrap; gap:3rem;}
	.greeting_c1 .img {width:100%; min-height:auto; max-width:60rem; background-position:center 25%;}
	.greeting_c1 .img::before {display:block; padding-bottom:80%; content:'';}
	.greeting_c1 .cont {flex:initial; width:100%;}
	.greeting_c1 .rimg {display:none;}
}

.greeting_c2 {margin:10rem 0 -15rem; padding:12.5rem 0; color:#222222; background:url('/images/sub/greeting_c2_bg.jpg') #ded9d6 no-repeat center; background-size:auto 100%;}
.greeting_c2 .cbox {display:flex; gap:13rem;}
.greeting_c2 .t1 {padding-left:8rem; font-size:3.2rem; line-height:1.4; font-weight:300;}
.greeting_c2 .t1::before {display:block; width:2.9rem; height:2.2rem; margin-bottom:3.4rem; background:url('../images/sub/icon_quote.png') no-repeat center/contain; content:'';}
.greeting_c2 ul {padding-top:5.5rem;}
.greeting_c2 li {position:relative; padding-left:1.5rem; line-height:2;}
.greeting_c2 li::before {position:absolute; top:50%; left:0; width:0.4rem; height:0.4rem; margin-top:-0.2rem; background:#222222; content:'';}
@media screen and (max-width:1600px){
	.greeting_c2 .cbox {gap:8rem;}
}
@media screen and (max-width:1024px){
	.greeting_c2 {padding:8rem 0; background-position:70% center;}
	.greeting_c2 .cbox {flex-wrap:wrap; gap:3rem;}
	.greeting_c2 .t1 {width:100%; padding-left:0; font-size:2.8rem;}
	.greeting_c2 ul {padding-top:0;}
}


.stit2 {margin-bottom:5rem; font-size:3.2rem; font-weight:700; text-align:center; color:#222222;}
.stit2 span {display:block; margin-top:1.5rem; font-size:1.5rem; font-weight:400;}

.location_c1 {padding:10rem 0; color:#222222; background:url('/images/sub/location_c1_bg.jpg') no-repeat center/cover;}
.location_c1 .cbox {}
.location_c1 .cbox h3 {font-size:3.2rem; margin-bottom:3rem; font-weight:700;}
.location_c1 .scont {display:flex; max-width:97.3rem; margin:auto; border-right:1px solid rgba(0,0,0,0.4);}
.location_c1 .scont > div {flex:1; min-width:0; padding-left:4rem; border-left:1px solid rgba(0,0,0,0.4);}
.location_c1 .scont {line-height:2;}
.location_c1 .scont p+p {margin-top:2rem;}
.location_c1 .scont p strong {display:block;}
@media screen and (max-width:1024px){
	.location_c1 {padding:9rem 0 5rem; background-position:10% center;}
	.location_c1 .scont {flex-direction:column; border-right:0;}
	.location_c1 .scont > div {display:flex; width:100%; border-left:0; padding-left:8rem; border-top:1px solid rgba(0,0,0,0.3);}
	.location_c1 .scont > div p {flex:1; min-width:0; padding:2rem 0rem; border-left:0;}
	.location_c1 .scont > div p+p {margin:0;}
}


#gallery_swiper {margin-top:10rem;}
#gallery_swiper .gallery_top {position:relative;}
#gallery_swiper .gallery_top .swiper-slide {width:800px; opacity:0.4; transition:opacity 0.4s;}
#gallery_swiper .gallery_top .swiper-slide img {width:100%;}
#gallery_swiper .gallery_top .swiper-button-prev,
#gallery_swiper .gallery_top .swiper-button-next {top:50%; width:34px; height:34px; margin-top:-17px; background:url('/images/sub/icon_swiper_arr1.png') no-repeat center/contain;}
#gallery_swiper .gallery_top .swiper-button-prev {left:50%; margin-left:-484px;}
#gallery_swiper .gallery_top .swiper-button-next {right:50%; margin-right:-484px; transform:rotate(180deg);}
#gallery_swiper .gallery_top .swiper-slide-active {opacity:1;}
#gallery_swiper .gallery_bottom {position:relative; width:94%; max-width:860px; margin:6rem auto 0; padding:0 30px;}
#gallery_swiper .gallery_bottom .swiper-button-prev,
#gallery_swiper .gallery_bottom .swiper-button-next {width:10px; height:16px; margin-top:-8px; background:url('/images/sub/icon_swiper_arr2.png') no-repeat center/contain;}
#gallery_swiper .gallery_bottom .swiper-button-next {transform:rotate(180deg);}
#gallery_swiper .gallery_bottom .swiper-slide {opacity:0.4; transition:opacity 0.4s;}
#gallery_swiper .gallery_bottom .swiper-slide-thumb-active {opacity:1;}
@media screen and (max-width:1024px){
	#gallery_swiper .gallery_top {padding:0 3rem;}
	#gallery_swiper .gallery_top .swiper-slide {width:auto;}
	#gallery_swiper .gallery_top .swiper-button-prev,
	#gallery_swiper .gallery_top .swiper-button-next {width:3.4rem; height:3.4rem; margin:-1.7rem;}
	#gallery_swiper .gallery_top .swiper-button-prev {left:3rem;}
	#gallery_swiper .gallery_top .swiper-button-next {right:3rem;}
	
}

.location_c2 {margin-top:10rem;}
.location_c2 .cmap {overflow:hidden; position:relative; height:40rem; border:2px solid #325280;}
.location_c2 .cmap > div {position:absolute; top:-100px; left:-100px; right:-100px; bottom:-130px;}
.location_c2 .cinfo {display:flex; justify-content:space-between; padding:6rem 10rem; color:#fff; background:#325280;}
.location_c2 .cinfo .st {font-size:0.9333em;}
.location_c2 .cinfo h4 {margin:1rem 0 1.5rem; font-size:3.2rem;}
.location_c2 .cinfo .addr {font-size:1.0666em}
.location_c2 .map_btn {display:flex; gap:1.4rem; margin-top:5rem;}
.location_c2 .map_btn a {display:flex; align-items:center; justify-content:center; width:16.5rem; gap:1rem; border:1px solid #FFFFFF; font-size:1.6rem; font-weight:600; line-height:4.5rem; transition:all 0.4s;}
.location_c2 .map_btn a::before {width:2.3rem; height:2.9rem; background:no-repeat center/contain; content:'';}
.location_c2 .map_btn a.naver::before {background-image:url('../images/common/icon_map_naver.png')}
.location_c2 .map_btn a.kakao::before {background-image:url('../images/common/icon_map_kakao.png')}
.location_c2 .map_btn a.tmap::before {background-image:url('../images/common/icon_map_tmap.png')}
.location_c2 .map_btn a:hover {color:#203047; background:#fff;}
@media screen and (max-width:1024px){
	.location_c2 .cinfo {flex-direction:column; padding:3rem;}

}