@charset "utf-8";
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');

/* LAYOUT */
body { -webkit-text-size-adjust: 100%; }
#wrap { overflow: hidden; margin: 0 auto; -webkit-overflow-scrolling : touch; }
#header { display: flex; justify-content: center; position: fixed; width: 100%; height: 100px; left: 0; top: 0; padding: 0; background-color: #fff; z-index: 11; }
#container { overflow: hidden; margin: 100px auto 0; }
#footer { display: flex; justify-content: center; align-items: center; position: relative; padding: 60px 80px; background-color: #1E1F23; }

/* 공통 */
:root {
	--font-14: 14px;
	--font-16: 16px;
	--font-18: 18px;
	--font-20: 20px;
	--font-22: 22px;
	--font-24: 24px;
	--font-28: 28px;
	--font-30: 30px;
	--font-36: 36px;
	--font-40: 40px;
	--font-50: 50px;
	--font-60: 60px;

	--line-120: 120%;
	--line-140: 140%;
	--line-150: 150%;

	--font-color-000: #000;
	--font-color-333: #333;
	--font-color-5f: #5f5f5f;
	--font-color-505: #505050;
	--font-color-666: #666;
	--font-color-999: #999;
	--font-color-purple: #40068B;
}


/* HEADER */
#header > .outer { display: flex; justify-content: space-between; align-items: center; position: relative; width: 1500px; margin:0 auto; }
#header > .outer h1 { cursor: pointer; margin: 0; padding: 0; line-height: 0;}


/* HEADER - GNB */
#header > .outer .gnb { position: absolute; height: 61px; right: 0; top: 40px; }
#header > .outer .gnb ul { margin: 0; padding: 0; }
#header > .outer .gnb li { position: relative; list-style: none; float: left; margin: 0 0 0 28px; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition: all 0.3s ease; transition:all 0.3s ease; }
#header > .outer .gnb li:first-child { margin: 0; }
#header > .outer .gnb a,
#header > .outer .gnb a:hover { display: block; padding: 0 24px; font-weight: 500; font-size: 18px; line-height: 20px; color: #202020; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition: all 0.3s ease; transition:all 0.3s ease; }
#header > .outer .gnb:after { content:""; display:block; clear:both; /* height:0; visibility:hidden; */}

#header > .outer .gnb ul li.select > a,
#header > .outer .gnb ul li.select > a:hover { color: #00A2E5; }

#header > .outer .gnb .sub_menu { position: absolute; width: 180px; left: 50%; top: 60px; margin-left: -90px; background-color: #00A2E5; z-index: 1; display: none; }
#header > .outer .gnb .sub_menu.v1 { margin-left: -34px; }
#header > .outer .gnb .sub_menu ul { margin: 0; padding: 20px 0; }
#header > .outer .gnb .sub_menu li { list-style: none; float: none; margin: 0;}
#header > .outer .gnb .sub_menu a,
#header > .outer .gnb .sub_menu a:hover { display: block; font-size: 14px; line-height: 30px; font-weight: 500; color: #ffffff; letter-spacing: -1px; text-align: center; }

#header > .outer .gnb .sub_menu ul li.select a,
#header > .outer .gnb .sub_menu ul li.select a:hover { color: #ffd906; }


/* 모바일버튼 */
#header > .outer .gnb_btn { position:absolute; top:20px; right:0; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition: all 0.5s ease; transition:all 0.5s ease; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; visibility: hidden; }
#header > .outer .gnb_btn .btn_nav { position:relative; width:26px; height:20px; cursor:pointer; }
#header > .outer .gnb_btn .btn_nav span { display:block; position:absolute; width:100%; height:3px; left:0; background:#666; -webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:.3s ease-in-out;-moz-transition:.3s ease-in-out;-o-transition:.3s ease-in-out;transition:.3s ease-in-out; }
#header > .outer .gnb_btn .btn_nav span.ico1 { top:0px; }
#header > .outer .gnb_btn .btn_nav span.ico2,
#header > .outer .gnb_btn .btn_nav span.ico3 { top:8px; }
#header > .outer .gnb_btn .btn_nav span.ico4 { top:16px; }
#header > .outer .gnb_btn .btn_nav.open span.ico1 { width:0%; left:50%; top:18px; }
#header > .outer .gnb_btn .btn_nav.open span.ico2 { width:100%; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg);}
#header > .outer .gnb_btn .btn_nav.open span.ico3 { width:100%; -webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg); transform:rotate(-45deg); }
#header > .outer .gnb_btn .btn_nav.open span.ico4 { width:0%; top:18px; left:50%;}



/* 모바일 메뉴영역 */
.gnb_m_bg { position:fixed; overflow-y:auto; width:100%; height:100vh; left:0; top:0; background-color:rgba(0,0,0,0.6); -webkit-overflow-scrolling:touch; z-index:99999999; display:none; }
.gnb_m { position:fixed; overflow-y:auto; width:85%; height:100vh; left:-100%; top:0; margin-right:15%; background-color:#00A2E5; opacity:0; -webkit-overflow-scrolling:touch; z-index:99999999; -webkit-transition: none; -moz-transition: none; -o-transition: none; transition:none; }
.gnb_m .head { height:55px; background-color:#fff; }

.gnb_m .head .member_message { display: inline-block; vertical-align: middle; margin: 10px 30px 10px; color:#333; font-size:14px; line-height:35px; font-weight:400; letter-spacing:0; }
.gnb_m .head .member_message ul { margin: 0; padding: 0; }
.gnb_m .head .member_message li { list-style: none; float: left; margin-left: 15px; }
.gnb_m .head .member_message li:first-child { margin-left: 0; }
.gnb_m .head .member_message:after { content:""; display:block; clear:both; /* height:0; visibility:hidden; */}
.gnb_m .head .member_message a,
.gnb_m .head .member_message a:hover { display: block; color:#333; font-size:14px; line-height:35px; font-weight:400; letter-spacing:0; }

.gnb_m .head .gnb_btn_close { position:absolute; right:20px; top:16px; width:20px; cursor:pointer; }
.gnb_m .head .gnb_btn_close img { width:100%; }

.gnb_m .list { position:relative; margin-bottom:100px; -webkit-overflow-scrolling:touch; z-index:99999999; }
.gnb_m .list ul { margin:0; padding:0; }
.gnb_m .list li { position:relative; list-style:none; min-height:42px; border-bottom:1px solid #0191cc; cursor:pointer; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition: all 0.5s ease; transition:all 0.5s ease; }
.gnb_m .list .list_title { margin:0 0 0 30px; color:#ffffff; font-weight: 600; font-size:16px; line-height:60px; font-weight:500; letter-spacing:1px; }

.gnb_m .list li.select { background-color:#123590; }
.gnb_m .list li.select .list_title { color:#fff; }

.gnb_m .list .sub_list { background-color:#fff; display:none; -webkit-transition: none; -moz-transition: none; -o-transition: none; transition:none; }
.gnb_m .list .sub_list ul { margin:0; padding:0; }
.gnb_m .list .sub_list li { padding:0 0 0 30px; list-style:none; border-top:1px solid #ccc; border-bottom:none; color:#666666; font-size:11px; line-height:42px; font-weight:500; letter-spacing:0; }
.gnb_m .list .sub_list a,
.gnb_m .list .sub_list a:hover { display: block; font-weight: 500; font-size:15px; line-height:60px; color:#666666; }
.gnb_m .list .sub_list li.select { background-color:#fff; }
.gnb_m .list .sub_list li.select a,
.gnb_m .list .sub_list li.select a:hover { color:#1c43a6; }
.gnb_m .list:after { content:""; clear:both; display:block; }

.gnb_m .list li.on { background-color:#123590; }
.gnb_m .list li.on .list_title { color:#fff; }
.gnb_m .list li.select .sub_list { display:block; }



/* CONTAINER */
#container .slide { width:1500px; margin:0 auto; padding:20px 0 0; }
#container .slide ul { margin:0; padding:0; }
#container .slide li { display: flex; flex-direction: column; justify-content: center; align-items: start; gap: 60px; list-style:none; float:left; width: 100%; height: 580px; padding: 0 100px; -webkit-border-radius:48px; -moz-border-radius:48px; border-radius:48px; }
#container .slide .slogan { font-weight: 600; font-size: 42px; line-height: 160%; color: #ffffff; letter-spacing:-1px; word-break: keep-all; }
#container .slide .slogan i { display:block; }
#container .slide .more { cursor: pointer; display: flex; justify-content: center; align-items: center; gap: 16px; padding: 16px 40px; font-weight: 300; font-size: 16px; line-height: 150%; color: #ffffff; letter-spacing:-0.5px; background-color: rgba(255, 255, 255, 0.2); -webkit-border-radius:80px; -moz-border-radius:80px; border-radius:80px; }
#container .slide:after { content:""; display:block; clear:both; /* height:0; visibility:hidden; */}


#container .praise { display: flex; flex-direction: column; gap: 60px; width:1500px; margin:0 auto; padding:100px 0 140px; }
#container .praise .praise_title { display: flex; flex-direction: column; gap: 8px; }
#container .praise .praise_title h2 { margin:0; padding:0; font-weight: 700; font-size: 44px; line-height: 140%; color: #000000; letter-spacing:-0.5px; }
#container .praise .praise_title p { margin:0; padding:0; font-weight: 400; font-size: 18px; line-height: 150%; color: #5F5F5F; letter-spacing:-0.5px; }

#container .praise .praise_list { display: flex; gap: 2%; }
#container .praise .praise_list .praise_item { display: flex; flex-direction: column; gap: 28px; width: 32%; }
#container .praise .praise_list .praise_item .thumb { cursor: pointer; position: relative; display: flex; justify-content: center; align-items:center; background-position: center; background-repeat: no-repeat; background-size: cover; -webkit-border-radius:12px; -moz-border-radius:12px; border-radius:12px; }
#container .praise .praise_list .praise_item .thumb img { width:100%; }
#container .praise .praise_list .praise_item .thumb:after { content:""; position:absolute; width: 71.43px; height: 50px; left:50%; top:50%; margin-left:-35.7px; margin-top:-25px; background:url('/images/main/icon_youtube.svg') no-repeat center; background-size:cover; }
#container .praise .praise_list .praise_item .thumb_info { padding:0 12px; font-weight: 600; font-size: 20px; line-height: 150%; color: #1D1A1A; letter-spacing:-0.5px; }


#container .banner { display: flex; gap: 2%; align-items: center; width:1500px; margin:0 auto; padding:0 0 140px; }
#container .banner .banner_item { cursor: pointer; position: relative; display: flex; flex-direction: column; gap: 20px; width: 32%; height: 226px; padding:48px 40px 0 50px; background-color: #F4F6F8; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px; }
#container .banner .banner_item h2 { margin:0; padding:0; font-weight: 700; font-size: 24px; line-height: 150%; color: #000000; letter-spacing:-0.5px; }
#container .banner .banner_item p { margin:0; padding:0; font-weight: 400; font-size: 18px; line-height: 150%; color: #5F5F5F; letter-spacing:-0.5px; word-break: keep-all; }
#container .banner .banner_item i { display:block; }
#container .banner .banner_item .icon { position:absolute; right:30px; bottom:30px; line-height:0; }
#container .banner .banner_item:hover .icon img {
  animation: bounce 0.8s ease infinite; /* 0.5초 간격으로 무한 반복 */
}

@keyframes bounce {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-15px);
  }
}

#container .banner .notice_item { width: 32%; }
#container .banner .notice_item .notice_title { display: flex; justify-content:space-between; align-items:center; }
#container .banner .notice_item .notice_title h2 { margin:0; padding:0; font-weight: 700; font-size: 24px; line-height: 150%; color: #000000; letter-spacing:-0.5px; }

#container .banner .notice_item .notice_list { display: flex; flex-direction: column; gap: 10px; margin-top:12px; padding:10px; }
#container .banner .notice_item .notice_list .list_item { flex-grow: 1; display: flex; gap: 10px; align-items:center; }
#container .banner .notice_item .notice_list .list_item a,
#container .banner .notice_item .notice_list .list_item a:hover { display:block; font-weight: 400; font-size: 18px; line-height: 150%; color: #5F5F5F; letter-spacing:-0.5px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; }


#container .photo { padding: 140px 0; background-color: #F4F6F8; }
#container .photo .outer { display: flex; flex-direction: column; gap: 60px; width:1500px; margin:0 auto; }
#container .photo .outer .head { display: flex; justify-content: space-between; align-items: center; }
#container .photo .outer .head .title { flex-grow:1; display:flex; flex-direction:column; gap:8px; }
#container .photo .outer .head .title h2 { margin:0; padding:0; font-weight: 700; font-size: 44px; line-height: 140%; color: #000000; letter-spacing:-0.5px; }
#container .photo .outer .head .title p { margin:0; padding:0; font-weight: 400; font-size: 18px; line-height: 150%; color: #5F5F5F; letter-spacing:-0.5px; }
#container .photo .outer .head .more { line-height:0; }

#container .photo .outer .photo_list { display: flex; flex-wrap:wrap; gap:2%; }
#container .photo .outer .photo_list .list_item { width:23.5%; -webkit-border-radius:12px; -moz-border-radius:12px; border-radius:12px; }
#container .photo .outer .photo_list .list_item .thumb { width: 100%; line-height:0; background-position: center; background-repeat: no-repeat; background-size: cover; border-top-left-radius:12px; border-top-right-radius:12px; }
#container .photo .outer .photo_list .list_item .thumb img { width: 100%; }
#container .photo .outer .photo_list .list_item .thumb_info { padding: 28px 20px; font-weight: 600; font-size: 20px; line-height: 150%; color: #1D1A1A; letter-spacing:-0.5px; background-color:#fff; border-bottom-left-radius:12px; border-bottom-right-radius:12px;overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; }


#container .location { display:flex; align-items: center; height:600px; }
#container .location .info { display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 36px; width:50%; }
#container .location .info .info_outer { display: flex; flex-direction: column;  gap: 36px;}
#container .location .info .info_head { display: flex; flex-direction: column; gap: 40px; }
#container .location .info .info_head h2 { margin:0; padding:0; font-weight: 500; font-size: 32px; line-height: 100%; color: #1D1A1A; letter-spacing:-0.5px; }
#container .location .info .info_head .contact { display:flex; flex-direction:column; gap:16px; font-weight: 400; font-size: 18px; line-height: 150%; color: #1D1A1A; letter-spacing:-0.5px; }
#container .location .info .info_head .contact strong { display:block; font-weight: 800; font-size: 48px; line-height: 100%; color: #1D1A1A; letter-spacing:-0.5px; }

#container .location .info .info_btn { display: flex; flex-wrap: wrap; gap: 8px; width:330px; }
#container .location .info .info_btn .btn_item { display: flex; justify-content: center; align-items: center; width:160px; height:36px; border:1px solid #DBDBDB; -webkit-border-radius:80px; -moz-border-radius:80px; border-radius:80px; }
#container .location .info .info_btn .btn_item a,
#container .location .info .info_btn .btn_item a:hover { display:block; font-weight: 500; font-size: 14px; line-height: 130%; color: #9E9E9E; letter-spacing:-0.5px; text-align:center; }

#container .location .map { width:50%; height:100%; }




/* FOOTER */
#footer .footer_outer { flex-grow:1; }
#footer .info { display:flex; flex-wrap:wrap; gap:10px 30px; }
#footer .info .info_item { display: flex; gap: 8px; font-weight: 300; font-size: 14px; line-height: 120%; color: #9C9C9C; letter-spacing:-0.5px; }

#footer .copyright { margin: 10px 0 0; font-weight: 300; font-size: 14px; line-height: 120%; color: #9C9C9C; }

#footer .family { cursor: pointer; display: flex; justify-content: space-between; align-items: center; position: relative; width:180px; height:40px; padding: 0 12px; font-weight: 500; font-size: 14px; line-height: 38px; color: #9299A3; border:1px solid #272829; background-color:#000000; }
#footer .family .subject { font-weight: 500; font-size: 14px; line-height: 20px; color: #9299A3; }
#footer .family .dot { line-height:0; }

#footer .family .list { display: none; flex-direction: column; position:absolute; left:-1px; right: -1px; bottom:42px; padding: 15px 0; background-color: #000000; border:1px solid #272829; }
#footer .family .list .item { }
#footer .family .list .item a,
#footer .family .list .item a:hover { display:block; padding: 0 20px; font-weight: 300; font-size:16px; line-height: 36px; color:#bababa; letter-spacing:-0.75px; }




/* SUB CONTAINER */
#sub_spot { display:flex; justify-content:center; align-items:center; height:250px; font-weight: 600; font-size:40px; line-height: 150%; color:#ffffff; letter-spacing:-0.5px; }
#sub_spot.pck { background:url('/images/pck/spot.png') no-repeat center; background-size:cover; }
#sub_spot.seminary { background:url('/images/seminary/spot.png') no-repeat center; background-size:cover; }
#sub_spot.media { background:url('/images/media/spot.png') no-repeat center; background-size:cover; }
#sub_spot.library { background:url('/images/library/spot.png') no-repeat center; background-size:cover; }
#sub_spot.support { background:url('/images/support/spot.png') no-repeat center; background-size:cover; }

#sub_container { display: flex; flex-direction: column; gap: 60px; width: 1500px; margin: 0 auto; padding: 80px 0; }
#sub_container h2 { margin:0; padding:0; font-weight: 700; font-size: 40px; line-height: 120%; color: #000000; letter-spacing:-1px; }

.pck1 { display:flex; flex-direction:column; gap:80px; }
.pck1 .thumb { height:460px; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px; }
.pck1 .thumb_info { display:flex; flex-direction:column; gap:60px; }
.pck1 .thumb_info h3 { margin:0; padding:0; font-weight: 700; font-size: 32px; line-height: 150%; color: #000000; letter-spacing:-0.5px; word-break: keep-all; }
.pck1 .thumb_info h3 i { display:block; }
.pck1 .thumb_info p { margin:0; padding:0; font-weight: 400; font-size: 20px; line-height: 160%; color: #666666; letter-spacing:-0.5px; word-break: keep-all; }
.pck1 .thumb_info p i { display:block; }
.pck1 .thumb_info .sign { display:flex; flex-direction: column; align-items:end; gap: 12px; font-weight: 600; font-size: 20px; line-height: 120%; color: #666666; letter-spacing:-0.5px; text-align: right; word-break: keep-all; }
.pck1 .thumb_info .sign strong { display:block; font-weight: 800; font-size: 32px; line-height: 120%; color: #000000; letter-spacing:-0.5px; text-align: right; }


.pck2 { display:flex; gap:80px; }
.pck2 .thumb { height:600px; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px; }
.pck2 .thumb_info { display:flex; flex-direction:column; gap:60px; }
.pck2 .thumb_info .info_head { display:flex; flex-direction:column; gap:20px; }
.pck2 .thumb_info .info_head h3 { margin:0; padding:0; font-weight: 700; font-size: 32px; line-height: 160%; color: #000000; letter-spacing:-0.5px; word-break: keep-all; }
.pck2 .thumb_info .info_head h4 { margin:0; padding:0; font-weight: 500; font-size: 24px; line-height: 160%; color: #333333; letter-spacing:-0.5px; word-break: keep-all; }
.pck2 .thumb_info .info_head h4 i { display:block; }

.pck2 .thumb_info p { margin:0; padding:0; font-weight: 400; font-size: 20px; line-height: 160%; color: #666666; letter-spacing:-0.5px; word-break: keep-all; }
.pck2 .thumb_info p i { display:block; }


.pck3 { display:flex; flex-direction: column; gap:40px; }
.pck3 .pck3_list { display:flex; flex-direction:column; }
.pck3 .pck3_list .row_item { display: flex; align-items: center; gap: 60px; padding: 40px; border-top:1px solid #E6E6E6; }
.pck3 .pck3_list .row_item:first-child { border-top:none; }
.pck3 .pck3_list .row_item .icon { flex-shrink: 1; display: flex; justify-content: center; align-items: center; width:160px; height:160px; line-height:0; background-color:#FEDC32; -webkit-border-radius:999px; -moz-border-radius:999px; border-radius:999px; }
.pck3 .pck3_list .row_item:nth-child(even) .icon { background-color:#E6E6E6; }
.pck3 .pck3_list .row_item .info { display: flex; flex-direction:column; gap:10px; }
.pck3 .pck3_list .row_item .info h3 { margin:0; padding:0; font-weight: 700; font-size: 28px; line-height: 160%; color: #000000; letter-spacing:-0.5px; word-break: keep-all; }
.pck3 .pck3_list .row_item .info p { margin:0; padding:0; font-weight: 400; font-size: 20px; line-height: 160%; color: #666666; letter-spacing:-0.5px; word-break: keep-all; }
.pck3 .pck3_list .row_item .info p i { display:block; }

.pck3 .pck3_creed { display:flex; flex-direction: column; gap:10px; padding:40px; background-color:#F4F6F8; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px; }
.pck3 .pck3_creed h3 { margin:0; padding:0; font-weight: 700; font-size: 28px; line-height: 160%; color: #000000; letter-spacing:-0.5px; word-break: keep-all; }
.pck3 .pck3_creed p { margin:0; padding:0; font-weight: 400; font-size: 20px; line-height: 160%; color: #666666; letter-spacing:-0.5px; word-break: keep-all; }


.pck4 { display:flex; flex-direction: column; gap:80px; }
.pck4 .pck4_list { display:flex; flex-direction: column; gap:100px; }
.pck4 .pck4_list .row_item { display: flex; align-items: center; gap: 80px; }
.pck4 .pck4_list .row_item.v1 { align-items: start; }
.pck4 .pck4_list .row_item .thumb { flex-shrink: 0; width:37%; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px; }
.pck4 .pck4_list .row_item .thumb img { width:100%; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px; }
.pck4 .pck4_list .row_item .thumb_info { flex-grow:1; display:flex; flex-direction:column; gap:16px; }
.pck4 .pck4_list .row_item .thumb_info h3 { margin:0; padding:0; font-weight: 700; font-size: 28px; line-height: 160%; color: #000000; letter-spacing:-0.5px; word-break: keep-all; }
.pck4 .pck4_list .row_item .thumb_info p { margin:0; padding:0; font-weight: 400; font-size: 20px; line-height: 160%; color: #666666; letter-spacing:-0.5px; word-break: keep-all; }
.pck4 .pck4_list .row_item .thumb_info p i { display:block; }

.pck4 .pck4_list .row_item .thumb_info .sub_list { display:flex; flex-direction:column; gap:32px; }
.pck4 .pck4_list .row_item .thumb_info .sub_list .sub_col { display:flex; flex-direction:column; gap:10px; }
.pck4 .pck4_list .row_item .thumb_info .sub_list .sub_col h4 { margin:0; padding:0; font-weight: 700; font-size: 20px; line-height: 160%; color: #000000; letter-spacing:-0.5px; word-break: keep-all; }

.pck4 .pck4_head { display: flex; justify-content: center; align-items: center; padding:60px 30px; background-color:#F4F6F8; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px; }





@media screen and (max-width:1600px) {

	/* HEADER */
	#header > .outer { width: 97%; margin:0 1% 0 2%; }


	#container .slide { width:auto; margin:0 2%; }


	#container .praise { width:auto; margin:0 2%; }


	#container .banner { gap: 2%; width:auto; margin:0 2%; }


	#container .photo .outer {  width:auto; margin:0 2%; }

	/* SUB CONTAINER */
	#sub_container { width: auto; margin: 0 2%; }


}


@media screen and (max-width:1500px) {



}


@media screen and (max-width:1280px) {

	#footer { padding: 60px 3%; }
	
	/* HEADER */
	#header > .outer h1 img { height: 50px; }


	/* HEADER - GNB */
	#header > .outer .gnb a,
	#header > .outer .gnb a:hover { padding: 0 16px; font-size: 16px; }


	#container .slide { width:auto; margin:0 2%; padding:20px 0 0; }
	#container .slide li { height: 480px; padding: 0 1%; }
	#container .slide .slogan { font-size: 36px; }
	#container .slide .more { padding: 12px 32px; font-size: 14px; }


	#container .praise { gap: 40px; width:auto; padding:60px 0 100px; }
	#container .praise .praise_title h2 { font-size: 32px; }
	#container .praise .praise_title p { font-size: 16px; }

	#container .praise .praise_list .praise_item .thumb_info { padding:0 8px; font-size: 18px; }


	#container .banner { gap: 2%; width:auto; margin:0 2%; padding:0 0 100px; }
	#container .banner .banner_item { gap: 20px; width: 32%; height: 226px; padding:28px 20px 0 20px; }
	#container .banner .banner_item h2 { font-size: 20px; }
	#container .banner .banner_item p { font-size: 16px; }
	#container .banner .banner_item .icon { right:20px; bottom:30px; }
	#container .banner .banner_item .icon img { width: 60px; }

	#container .banner .notice_item .notice_title h2 { font-size: 20px; }

	#container .banner .notice_item .notice_list .list_item a,
	#container .banner .notice_item .notice_list .list_item a:hover { font-size: 16px; }


	#container .photo { padding: 100px 0; }
	#container .photo .outer { gap: 40px; margin:0 2%; }
	#container .photo .outer .head .title h2 { font-size: 32px; }
	#container .photo .outer .head .title p { font-size: 16px; }

	#container .photo .outer .photo_list .list_item .thumb_info { padding: 20px 16px; font-size: 18px; }


	#container .location { height:500px; }
	#container .location .info { align-items: start; padding-left: 20px; }
	#container .location .info .info_head { display: flex; flex-direction: column; gap: 30px; }
	#container .location .info .info_head h2 { font-size: 24px; }
	#container .location .info .info_head .contact { gap:16px; font-size: 16px; }
	#container .location .info .info_head .contact strong { font-size: 36px; }


	/* SUB CONTAINER */
	#sub_spot { height:220px; font-size:32px; }

	#sub_container { gap: 60px; padding: 60px 0; }
	#sub_container h2 { font-size: 32px; }

	.pck1 { gap:60px; }
	.pck1 .thumb { height:400px; }
	.pck1 .thumb_info { gap:40px; }
	.pck1 .thumb_info h3 { font-size: 24px; }
	.pck1 .thumb_info p { font-size: 18px; }
	.pck1 .thumb_info .sign { gap: 12px; font-size: 18px; }
	.pck1 .thumb_info .sign strong { font-size: 28px; }


	.pck2 { gap:5%; }
	.pck2 .thumb { flex-shrink: 0; width:40%; height:auto; }
	.pck2 .thumb img { width:100%; }
	.pck2 .thumb_info { gap:40px; }
	.pck2 .thumb_info .info_head h3 { font-size: 24px; }
	.pck2 .thumb_info .info_head h4 { font-size: 20px; }
	.pck2 .thumb_info .info_head h4 i { display:none }

	.pck2 .thumb_info p { font-size: 18px; }
	.pck2 .thumb_info p i { display:none; }



	.pck3 .pck3_list .row_item { gap: 40px; padding: 25px; }
	.pck3 .pck3_list .row_item .icon { flex-shrink: 0; width:140px; height:140px; padding:30px; }
	.pck3 .pck3_list .row_item .icon img { width:100%; }
	.pck3 .pck3_list .row_item .info h3 { font-size: 24px; }
	.pck3 .pck3_list .row_item .info p { font-size: 18px; }

	.pck3 .pck3_creed { padding:25px; }
	.pck3 .pck3_creed h3 { font-size: 24px; }
	.pck3 .pck3_creed p { font-size: 18px; }


	.pck4 { gap:60px; }
	.pck4 .pck4_list { gap:80px; }
	.pck4 .pck4_list .row_item { align-items: start; gap: 40px; }
	.pck4 .pck4_list .row_item .thumb_info h3 { font-size: 24px; }
	.pck4 .pck4_list .row_item .thumb_info p { font-size: 18px; }

	.pck4 .pck4_list .row_item .thumb_info .sub_list { gap:24px; }
	.pck4 .pck4_list .row_item .thumb_info .sub_list .sub_col { gap:8px; }
	.pck4 .pck4_list .row_item .thumb_info .sub_list .sub_col h4 { font-size: 18px; }

	.pck4 .pck4_head { padding:60px 10%; }
	.pck4 .pck4_head img { width:100%; }

}



@media screen and (max-width:1024px) {

	/* HEADER */
	#header > .outer h1 img { height: 40px; }


	/* HEADER - GNB */
	#header > .outer .gnb a,
	#header > .outer .gnb a:hover { padding: 0 4px; }


	#container .praise .praise_list .praise_item .thumb:after { width: 50px; height: 35px; margin-left:-25px; margin-top:-17.5px; }

}

@media screen and (max-width:768px) {
	#header { height: 60px; }
	#container { margin: 60px auto 0; }
	#footer { flex-direction: column; gap: 30px; padding: 40px 3%; }

	/* HEADER */
	#header > .outer { width: 96%; margin:0 20px; }
	#header > .outer h1 img { height: 30px; }


	/* HEADER - GNB */
	#header > .outer .gnb { display: none; }
	#header > .outer .gnb_btn { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:alpha(opacity=100); -moz-opacity:1.0; -khtml-opacity:1.0; opacity:1.0; visibility: visible; }



	#container .slide { width:auto; margin:0 2%; padding:20px 0 0; }
	#container .slide li { gap: 24px; height: 300px; padding: 0 28px; -webkit-border-radius:24px; -moz-border-radius:24px; border-radius:24px; }
	#container .slide .slogan { font-size: 24px; }
	#container .slide .slogan i { display:none; }
	#container .slide .more { gap: 12px; padding: 8px 24px; }


	#container .praise { gap: 24px; margin:0 3%; }
	#container .praise .praise_title h2 { font-size: 24px; }
	#container .praise .praise_title p { font-size: 14px; }

	#container .praise .praise_list { flex-direction: column; gap: 30px; }
	#container .praise .praise_list .praise_item { gap: 16px; width: 100%; }
	#container .praise .praise_list .praise_item .thumb_info { padding:0 8px; font-size: 16px; }


	#container .banner { flex-direction: column; gap: 30px; width:auto; margin:0 3%; }
	#container .banner .banner_item { gap: 10px; width: 100%; height: auto; padding:28px 90px 28px 20px; }
	#container .banner .banner_item p { font-size: 14px; }
	#container .banner .banner_item i { display:none; }
	#container .banner .banner_item .icon img { width: 50px; }


	@keyframes bounce {
		0%, 100% {
		transform: translateY(0);
		}
		50% {
		transform: translateY(0);
		}
	}

	#container .banner .notice_item { width: 100%; }
	#container .banner .notice_item .notice_list .list_item a,
	#container .banner .notice_item .notice_list .list_item a:hover { font-size: 14px; }


	#container .photo { padding: 60px 0; }
	#container .photo .outer { gap: 24px; margin:0 3%; }
	#container .photo .outer .head .title h2 { font-size: 24px; }
	#container .photo .outer .head .title p { font-size: 14px; }
	#container .photo .outer .head .more img { height: 30px; }


	#container .photo .outer .photo_list { gap:30px 2%; }
	#container .photo .outer .photo_list .list_item { width:49%; }
	#container .photo .outer .photo_list .list_item .thumb_info { padding: 12px 8px; font-size: 14px; }


	#container .location { flex-direction: column; gap: 50px; height:auto; padding:60px 0 0; }
	#container .location .info { gap: 26px; width:100%; padding:0 20px; }
	#container .location .info .info_outer { gap: 30px;}
	#container .location .info .info_head { display: flex; flex-direction: column; gap: 30px; }
	#container .location .info .info_head h2 { font-size: 24px; }
	#container .location .info .info_head .contact { gap:16px; font-size: 16px; }
	#container .location .info .info_head .contact strong { font-size: 30px; }

	#container .location .info .info_btn { width:auto; }
	#container .location .info .info_btn .btn_item { width:auto; }
	#container .location .info .info_btn .btn_item a,
	#container .location .info .info_btn .btn_item a:hover { padding: 0 12px; font-size:12px; }

	#container .location .map { width:100%; height:300px; }

	#footer .footer_outer { display: flex; flex-direction: column; justify-content:center; align-items:center; }
	#footer .info { justify-content: center; gap:10px 30px; }
	#footer .copyright { text-align:center; }

	#footer .family .list .item a,
	#footer .family .list .item a:hover { font-size:14px; }


	/* SUB CONTAINER */
	#sub_spot { height:160px; font-size:24px; }

	#sub_container { gap: 20px; margin: 0 3%; padding: 50px 0; }
	#sub_container h2 { font-size: 24px; }

	.pck1 { gap:30px; }
	.pck1 .thumb { height:200px; }
	.pck1 .thumb_info { gap:30px; }
	.pck1 .thumb_info h3 { font-size: 20px; }
	.pck1 .thumb_info h3 i { display:none; }
	.pck1 .thumb_info p { font-size: 16px; }
	.pck1 .thumb_info p i { display:none; }
	.pck1 .thumb_info .sign { gap: 8px; font-size: 16px; }
	.pck1 .thumb_info .sign strong { font-size: 20px; }


	.pck2 { flex-direction: column; gap:30px; }
	.pck2 .thumb { width:100%; }
	.pck2 .thumb_info .info_head { gap:12px; }
	.pck2 .thumb_info .info_head h3 { font-size: 20px; }
	.pck2 .thumb_info .info_head h4 { font-size: 16px; }
	.pck2 .thumb_info p { font-size: 16px; }


	.pck3 .pck3_list .row_item { align-items: start; gap: 20px; padding: 30px 15px; }
	.pck3 .pck3_list .row_item .icon { width:100px; height:100px; padding:20px; }
	.pck3 .pck3_list .row_item .info { gap:6px; }
	.pck3 .pck3_list .row_item .info h3 { font-size: 20px; }
	.pck3 .pck3_list .row_item .info p { font-size: 16px; }
	.pck3 .pck3_list .row_item .info p i { display:none; }

	.pck3 .pck3_creed { padding:20px; }
	.pck3 .pck3_creed h3 { font-size: 20px; }
	.pck3 .pck3_creed p { font-size: 16px; }


	.pck4 { gap:20px; }
	.pck4 .pck4_list { gap:60px; }
	.pck4 .pck4_list .row_item { flex-direction: column; gap: 25px; }
	.pck4 .pck4_list .row_item .thumb { order: 1; width:100%; }
	.pck4 .pck4_list .row_item .thumb_info { order: 2; gap:12px; }
	.pck4 .pck4_list .row_item .thumb_info h3 { font-size: 20px; }
	.pck4 .pck4_list .row_item .thumb_info p { font-size: 16px; }

	.pck4 .pck4_list .row_item .thumb_info .sub_list { gap:20px; }
	.pck4 .pck4_list .row_item .thumb_info .sub_list .sub_col { gap:8px; }
	.pck4 .pck4_list .row_item .thumb_info .sub_list .sub_col h4 { font-size: 16px; }

	.pck4 .pck4_head { padding:40px 5%; }

}



/* NOT FOUNT */
#not_found { display: flex; flex-direction: column;; justify-content: center; align-items: center; gap: 48px; width:100%; height:100vh; }
#not_found .found_content { display:flex; flex-direction:column; align-items: center; gap:20px; }
#not_found .found_content .found_info { display:flex; flex-direction:column; align-items: center; gap:8px; }
#not_found .found_content .found_info .found_title { font-family:'Pretendard'; font-weight:700; color:#1D5CEE; font-size:24px; line-height:140%; letter-spacing:-0.5px; text-align:center; }
#not_found .found_content .found_info .found_text { font-family:'Pretendard'; font-weight:400; color:#5F5F5F; font-size:14px; line-height:140%; letter-spacing:-0.5px; text-align:center; word-break: keep-all; }

#not_found .found_btn { display:flex; justify-content: center; align-items: center; gap:6px }
#not_found .found_btn a,
#not_found .found_btn a:hover { display:block; padding:9px 20px; font-family:'Pretendard'; font-weight:500; color:#737373; font-size:14px; line-height:130%; letter-spacing:0; text-align:center; background-color: #F8F8F8; border: 1px solid #D9D9D9; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; }
#not_found .found_btn a.v1,
#not_found .found_btn a.v1:hover { font-weight:400; color:#ffffff; background-color: #0082DA; border: 1px solid #0082DA; }