﻿/* common style */
.tit_wrap { margin-bottom: 0.7rem; display: flex; align-items: center;}
.tit_wrap h2 {max-width: calc(100% - 12rem); color:#363636; font-weight:700; font-size:1.4rem; white-space: nowrap; overflow:hidden; font-family: 'Montserrat';}
.tit_wrap span{max-width: 8.5rem; padding-left: 1rem; font-size: 1rem; color:#333; white-space: nowrap; overflow: hidden;}

.btn_more {  position:absolute; top: 0; right: 0; }
.btn_more i { display: flex; justify-content: center; align-items: center; width: 2rem; height: 2rem; text-align: center; line-height:1; background:#f1f1f1; border-radius: 50%; font-size: 1.2rem; color:#363636; -webkit-transition:all 0.15s; transition:all 0.15s; }
.btn_more:hover i,
.btn_more:focus i { -webkit-transform:rotate(180deg); -ms-transform:rotate(180deg); transform:rotate(180deg); }

/* 퀵메뉴 */
.quick_menu{position: absolute; top: 17.5rem; right: calc((100% - 70rem) / 2 - 11.3rem); z-index: 3;}
.quick_menu ul li ~ li{margin-top: 0.3rem;}
.quick_menu ul li a{ position: relative; display: flex; justify-content: center; align-items: center; flex-direction: column; width: 5rem; height: 5rem; text-align: center; background: #1772b1; border-radius: 50%; color: #fff; font-weight: 500; font-size: 0.7rem; transition: all 0.15s; z-index: 1; overflow: hidden; box-shadow: 5px 5px 7px rgba(0,0,0,0.23);} 
.quick_menu ul li:nth-child(2) a { background:#c67208; }
.quick_menu ul li:nth-child(3) a { background: #4f8d1b; }
.quick_menu ul li a::after{content: ''; position: absolute; top:-6rem; right: -6rem; display: block; width: 6rem; height: 6rem; background: url(/images/po/template/T2002/main/img_deco09.png) no-repeat center center / cover; transition: all 0.15s; z-index: -1;}
.quick_menu ul li a img{ margin-bottom: 0.1rem; transition: all 0.15s;}
/* 퀵메뉴 : active */
.quick_menu ul li a:hover,
.quick_menu ul li a:focus{background: #ffc431; color: #fff; border-color: #ffc431;}
.quick_menu ul li a:hover::after,
.quick_menu ul li a:focus::after{top: -2rem; right: -2rem;}
.quick_menu ul li a:hover img,
.quick_menu ul li a:focus img{filter: brightness(2.5);}

/* 메인비주얼 */
.MVisual2002 {position:relative; height:100%; overflow: hidden; }
.MVisual2002 .scroll { position: absolute; right: 2.7rem; bottom:1.75rem; animation: arrowMoving infinite 1.2s; }
.MVisual2002 .item{overflow:hidden; line-height:0; }
.MVisual2002 .item img{position:relative; width:auto; height:100%; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); }
.MVisual2002 .control{position:absolute; display: flex; align-items: center; left: 5.5%; top:50%; transform: translateY(-50%); z-index:999;}
.MVisual2002 .control > a{display:inline-block; width:1.6rem; height:1.6rem; line-height:1.6rem; text-align:center; border-radius:50%; color:#fff; background: transparent; font-size: 1.3rem; -webkit-transition:all 0.15s;  transition:all 0.15s; }
.MVisual2002 .control > a.play{display:none;}
.MVisual2002 .control > a:hover,
.MVisual2002 .control > a:focus{ background:rgb(57, 88, 179, 0.9); color:#fff;}
.MVisual2002 .control .dots li { display: inline-block; margin-right: 0.25rem; }
.MVisual2002 .control .dots li.slick-active button{ background: none; border:1px solid #fff; }
.MVisual2002 .control .dots button { width: 0.7rem; height: 0.7rem; line-height: 0.7rem; background:#fff; border-radius: 50%; text-indent: -9999px; margin: 0 0.1rem;}
/* 애니메이션 */
@keyframes arrowMoving {
    0% {-webkit-transform: translateY(0); transform: translateY(0);}
    50% {-webkit-transform: translateY(-1rem); transform: translateY(-1rem);}
    100% {-webkit-transform: translateY(0);; transform: translateY(0);;}
}

/* 팝업존 */
.pop2002 { position:relative; width:100%; height:100%; }
.pop2002 .tit_wrap { margin-bottom: 1.7rem; }
.pop2002 .tit_wrap h2{ max-width: calc(100% - 6.5rem); color: #111;}
.pop2002 .tit_wrap span { max-width: 6rem; }
.pop2002 .control {position: absolute;  bottom: -1.8rem; right: 0.8rem; text-align: center; z-index: 1; }
.pop2002 .control p { position: relative; display: inline-block; color:#474c50; font-weight: 400; font-size:0.8rem; vertical-align: middle; font-family: 'Montserrat'; width:2.75rem; height: 2.55rem; background:#fff; box-shadow: 5px 5px 4px rgba(0,0,0,0.07); border-radius: 0.9rem;}
.pop2002 .control p::after{content: ''; display: inline-block; width:0.2rem; height: 0.2rem; background: #dcdcdc; border-radius: 50%; position: absolute; left: 50%; top:50%; transform: translate(-50%, -50%); vertical-align: middle;}
.pop2002 .control p strong {position: absolute; font-family: 'Montserrat'; color: #2e47ca; font-weight: 700; top: 0.4rem; left: 0.6rem; }
.pop2002 .control p span{position: absolute; bottom: 0.4rem; right: 0.6rem; font-size: 0.7rem;}
.pop2002 .control a { position: relative; display: inline-block; background:#fff; box-shadow: 5px 5px 4px rgba(0,0,0,0.07); border-radius: 0.9rem; width:2.75rem; height: 2.55rem; line-height: 2.55rem; text-align:center; color: #333; font-size:1.3rem; padding: 0 0.35rem; transition: all 0.15s; -webkit-transition: all 0.15s; vertical-align: middle;}
.pop2002 .control a::after { position: absolute; content: ""; width: 2.75rem; height: 2.55rem; top:0; left: 0; border:2px solid #36469a; border-radius: 0.9rem; opacity: 0; }
.pop2002 .control .play {display: none;}
.pop2002 .pop_img { position:relative; height:22rem; border-radius: 1.5rem; box-shadow: 5px 5px 7px rgba(0,0,0,0.1); background: rgba(0,0,0,0.1); overflow: hidden; isolation: isolate;}
.pop2002 .pop_img div[class*='slick-'],
.pop2002 .pop_img .item,
.pop2002 .pop_img .slick-slide > div{height:100%;}
.pop2002 .pop_img .item a { display: flex; height:100%; line-height:0; align-items:center; justify-content: center; overflow:hidden; background-color: rgba(0,0,0,0.3);}
.pop2002 .pop_img .item img {position:relative; width:auto; height:auto; max-height: 100%; max-width: 100%;}
/* 팝업존 active */
.pop2002 .control a:hover::after,
.pop2002 .control a:focus:after {opacity: 1;}

/* 게시판 */
.notice2002 { position:relative; height:100%; }
.notice2002 .tit_wrap { display: inline-block; vertical-align: middle; width: 12.5rem; margin-bottom: 0; } 
.notice2002 .tit_wrap h2{ display: inline-block; vertical-align: middle; color: #111; max-width: calc(100% - 7rem);}
.notice2002 .tit_wrap span{ display: inline-block; vertical-align: middle; max-width: 5.7rem; padding-left: 1rem; }
.notice2002 .titTab { position: relative; vertical-align: middle; display: inline-block; margin-right: 2.5rem; font-size: 0; width: calc(100% - 17.5rem); }
.notice2002 .titTab li { position:relative; display:inline-block; max-width: calc(33% - 0.75rem);}
.notice2002 .titTab li+li { margin-left: 0.75rem; }
.notice2002 .titTab li + li::before { position: absolute; top: 0.65rem; left: -0.15rem; width: 0.25rem; height: 0.7rem; background: url('/images/po/template/T2002/main/2002_notice_dot.png') no-repeat center / contain; content: ""; }
.notice2002 .titTab a {position: relative; display: block; padding: 0 1rem; line-height:2.25rem; text-align:center; font-size: 0.85rem; font-weight: 500; background: #f1f1f1; border-radius: 1.5rem; color:#444; min-width: 5.4rem; z-index: 1;}
.notice2002 .titTab a::after { position: absolute; content:""; top: -0.3rem; right: 0.85rem; width:0.75rem; height: 0.85rem; background:url('/images/po/template/T2002/main/2002_noti_tit-deco.png')no-repeat; background-size: contain; opacity: 0; }
.notice2002 .titTab a span{display: block; overflow:hidden; white-space:nowrap;}
.notice2002 .control {position: absolute; width: 100%; left: 0; top: 50%; transform: translateY(-50%); z-index: 99;}
.notice2002 .control a { position: absolute; width: 2.6rem; height: 2.6rem; line-height: 2.6rem; border-radius: 0.8rem; text-align: center; font-size: 1.2rem; color: #333; border:2px solid #ddd; background: #fff; transition: all 0.15s; -webkit-transition: all 0.15s;}
.notice2002 .control a.noticePrev { left: 0; }
.notice2002 .control a.noticeNext { right: 0; }
.notice2002 .list_box {  position: absolute; left: -3.6rem; top: 0; overflow: hidden; width:calc(100% + 8.7rem); padding:4.15rem 3.6rem 0; opacity:0; visibility:hidden; margin: 0 -0.8rem; }
.notice2002 .list_box .item {padding: 0 0.85rem; overflow: hidden;}
.notice2002 .list_box .item a { position: relative; display: block; width: 100%; border: 1px solid #c7c7c7; border-radius:1.8rem; padding: 1.3rem 1.25rem 2rem;} 
.notice2002 .list_box .item a::before {position: absolute; left: -1px; top: -1px; width: calc(100% + 2px); height: calc(100% + 2px); border: 2px solid #114b94; border-radius: 1.8rem; content:""; opacity: 0;}
.notice2002 .list_box .item a::after {position: absolute; right: 1.2rem; bottom: -0.5rem; width: 3.5rem; height: 4.1rem; background: url('/images/po/template/T2002/main/2002_noti_item-deco.png') no-repeat center / contain; content:""; opacity: 0;}
.notice2002 .list_box .item a .tit {font-size: 0.75rem; font-weight: 500;}
.notice2002 .list_box .item a .tit.tit01 { color: #389c04; }
.notice2002 .list_box .item a .tit.tit02 { color: #0270c5; }
.notice2002 .list_box .item a p { height: 2.5rem; line-height: 1.3rem; font-size: 0.85rem; max-width: 100%; overflow: hidden; color:#111; font-weight: 500; margin: 0.8rem 0 1.5rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.notice2002 .list_box .item a span { display: block; text-align: left; color: #969595; font-size: 0.7rem; font-weight:400; font-family: 'Montserrat'; }
.notice2002 .list_box .item.no_data {text-align: center; line-height: 12.5rem;}
.notice2002 .list_box .item a.new p { max-width: 100%; text-indent: 1.4rem;  }
.notice2002 .list_box .item a.new p::before {position: absolute; top: 3.3rem; left: 1rem; display: flex; justify-content: center; align-items: center; width: 1.2rem; height: 1.2rem; line-height: 1.2rem; border-radius: 0.35rem; font-size: 0.7rem; font-weight: 600; background: #e1eefe; text-indent: 0; color:#114b94; content: "N"; font-family: 'Montserrat'; font-style: italic; }
.notice2002 .btn_more { display: flex; align-items: center; font-size: 0.8rem; font-family: 'Montserrat'; font-weight: 600; color: #5a5a5a; top:0.2rem; right: 4.3rem;}
.notice2002 .btn_more em { margin-right: 0.7rem; }
/* 게시판 : 데이터 없음 */ 
.notice2002 .list_box li.no_data{width: 100%; text-align: center; line-height: 9.7rem; background: rgba(0,0,0,0.2); margin: 0 1rem;}
/* 게시판 : active */ 
.notice2002 .titTab a:hover,
.notice2002 .titTab a:focus,
.notice2002 .titTab a.current {color: #fff; background:#114b94; font-weight: 600;}
.notice2002 .titTab a.current::after,
.notice2002 .titTab a:hover::after,
.notice2002 .titTab a:focus:after { opacity: 1; }
.notice2002 .control a:hover,
.notice2002 .control a:focus { color:#164f96; border-color: #164f96; box-shadow: 3px 3px 6px rgba(17,75,148,0.16); }
.notice2002 .list_box.on { opacity:1; visibility:visible; }
.notice2002 .list_box .item a:hover::before,
.notice2002 .list_box .item a:focus::before,
.notice2002 .list_box .item a:hover::after,
.notice2002 .list_box .item a:focus::after { opacity: 1; }
.notice2002 .list_box .item a:hover p,
.notice2002 .list_box .item a:focus p { text-decoration: underline; }
.notice2002 a, 
.notice2002 :before,
.notice2002 .titTab a::before{-webkit-transition:all 0.15s; transition:all 0.15s; }

/* 바로가기1 */
.M_link2002 { position:relative; height:100%; z-index: 9; margin:0 -1rem; }
.M_link2002 ul{display: flex; margin: 0 2rem;}
.M_link2002 li { position:relative; flex: 1; vertical-align: top; margin:0 1rem;}
.M_link2002 li a {position:relative; display: block; width:100%; text-align: center; color: #222; transition: all 0.15s; -webkit-transition: all 0.15s;}
.M_link2002 li a p { width:5.5rem; height: 5.5rem; border-radius: 50%; background: #fff; margin: 0 auto;  }
.M_link2002 li a p img { width: 100%; display: block; transition: 0.3s; -webkit-transition: 0.3s; -ms-transition: 0.3s;}
.M_link2002 li a span{ position: relative; display:inline-block; line-height:1rem; font-size: 0.85rem; margin: 0.6rem 0.25rem 0;  font-weight: 600; color:#fff;}
.M_link2002 li a span::after {position:absolute; content:""; width: 100%; height:1px; bottom: -0.25rem; left:0;border-bottom: 1px dotted #ccc; opacity: 0; }
.M_link2002 li a span em { display: block; overflow:hidden; max-height:2rem;}
/** 바로가기1 : active **/
.M_link2002 li a:focus p,
.M_link2002 li a:hover p{ box-shadow: 5px 5px 7px rgba(0,0,0,0.23); }
.M_link2002 li a:hover span::after,
.M_link2002 li a:focus span::after { opacity: 1; }

/* 갤러리 */
.gallery2002 { position:relative; width:100%; height:100%; }
.gallery2002 .tit_wrap{margin-bottom: 1.5rem;}
.gallery2002 .tit_wrap h2{ color: #111;}
.gallery2002 .list_box { position:relative; overflow: hidden; width:calc(100% + 0.25rem); }
.gallery2002 .list_box::after { display: block; clear: both; content: ""; }
.gallery2002 .list_box li { width: 46.7%; height:100%; float: left; padding:0 0.25rem; }
.gallery2002 .list_box li+li { margin-left: 6.4%; }
.gallery2002 .list_box li:nth-child(3) { margin-left:0; }
.gallery2002 .list_box li:nth-child(n+5) { display: none; }
.gallery2002 .list_box li a { position: relative; display: block; margin: 0.35rem 0; }
.gallery2002 .list_box li a::after { position:absolute; display:flex; justify-content:center; align-items:center; font-family:'Montserrat'; font-weight:800; content:"PHOTO"; width:5rem; height:2rem; top:-0.25rem; right:-0.2rem; background:#ffcc00; border-radius: 0 1rem; }
.gallery2002 .list_box li a.video .tit { font-family: 'Montserrat'; font-weight: 500; font-size: 0.9rem; }
.gallery2002 .list_box li a.video::after { content: "MOVIE"; background:#79c651; }
.gallery2002 .list_box li a .txt { display: flex; justify-content: space-between; align-items: center; height: 3rem; line-height: 3rem; }
.gallery2002 .list_box li a .tit{ text-overflow: ellipsis; white-space: nowrap; font-weight: 700; overflow: hidden;  font-size: 0.85rem; font-weight: 500; color:#111;}
.gallery2002 .list_box li a .date {font-size: 0.7rem;color: #656565;}/*241004*/
.gallery2002 .list_box li .img{ display: flex; justify-content: center; align-items: center; background: rgba(0,0,0,0.1); width: 100%; height: 11.5rem; overflow: hidden; border-radius: 1.5rem; }
.gallery2002 .list_box li img {position:relative; width: auto; height: 100%; transition: all 0.15s; -webkit-transition: all 0.15s;}
.gallery2002 .list_box li.no_data { text-align: center; width: 100%; line-height: 10rem;  }
.gallery2002 .btn_more i { margin-top: -0.2rem; }

/* 갤러리 : active */
.gallery2002 .list_box li a:hover .tit,
.gallery2002 .list_box li a:focus .tit {text-decoration: underline;}
.gallery2002 .list_box li a:hover img,
.gallery2002 .list_box li a:focus img {transform: scale(1.1);}


/* 캘린더 */
.pop_schedule2002 { position:relative; height:100%; }
.pop_schedule2002 .tit_wrap { display: inline-block; vertical-align: middle; width: calc(100% - 2.5rem); margin-bottom: 2rem; } 
.pop_schedule2002 .tit_wrap h2{ display: inline-block; vertical-align: middle; color: #111; }
.pop_schedule2002 .tit_wrap span{ display: inline-block; vertical-align: middle; max-width: 6rem; padding-left: 1rem; }
.pop_schedule2002 .control {position: absolute; right: 2.3rem; top: 0; display: flex; z-index: 99;}
.pop_schedule2002 .control a { position: relative; width: 2.1rem; height: 2.1rem; line-height: 2.1rem; border-radius: 50%; text-align: center; font-size: 1.2rem; color: #333; border:1px solid #ddd; background: #fff; transition: all 0.15s; -webkit-transition: all 0.15s;}
.pop_schedule2002 .control a.pop_schedulePrev { left: -0.3rem; }
.pop_schedule2002 .control a.pop_scheduleeNext { right: 0; }
.pop_schedule2002 .lstWrap { width: calc(100% + 1px); overflow: hidden; }
.pop_schedule2002 .list_box { margin:0 -1rem; }
.pop_schedule2002 .list_box .item {padding: 0 1rem; overflow: hidden;}
.pop_schedule2002 .list_box .item a { position: relative; display: block; width: 100%; padding: 0.65rem 1.25rem 1.2rem 0; border-right: 1px dashed #ccc; transition: all 0.15s; -webkit-transition: all 0.15s;} 
.pop_schedule2002 .list_box .item a::before { position: absolute; content: ""; width: 0.15rem; height: 1.05rem; top: 0; right: -0.1rem; background:#114b94; }
.pop_schedule2002 .list_box .item .date { position: relative; color:#888; font-size: 0.8rem; font-family: 'Montserrat'; font-weight: 600; display: inline-block; vertical-align: middle; }
.pop_schedule2002 .list_box .item .date::after { position: absolute; content: "\ea3f"; top:45%; transform: translateY(-50%); display: inline-block; font-family: 'xeicon'; font-size: 1rem; color:#acacac; margin-left: 0.6rem; font-weight: 300; }
.pop_schedule2002 .list_box .item .date span { display: inline-block; vertical-align: middle; font-size: 1rem; color:#333; margin-right: 0.9rem; } 
.pop_schedule2002 .list_box .item .date em { color:#114b94; display: inline-block; vertical-align: middle; }
.pop_schedule2002 .list_box .item ul { margin-top: 1rem; height: 3rem; }
.pop_schedule2002 .list_box .item li { position: relative; font-size: 0.75rem; color:#333; padding:0.15rem 0 0.15rem 0.9rem; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.pop_schedule2002 .list_box .item li:nth-child(n+3) { display: none; }
.pop_schedule2002 .list_box .item li::before { position: absolute; content: ""; width:0.25rem; height: 0.25rem; top:50%; transform: translateY(-50%); left: 0.15rem; background:#114b94; border-radius: 50%; }
.pop_schedule2002 .list_box .item.no_data {text-align: center; line-height: 12.5rem;}
.pop_schedule2002 .btn_more { display: flex; align-items: center; font-size: 0.8rem; font-family: 'Montserrat'; font-weight: 600; color: #5a5a5a;}
.pop_schedule2002 .btn_more i { background:#e7e7e7; }
/* 캘린더:active */
.pop_schedule2002 .list_box .item li:hover,
.pop_schedule2002 .list_box .item li:focus { text-decoration: underline; }
.pop_schedule2002 .control a:hover,
.pop_schedule2002 .control a:focus { border-color:#36469a; color:#36469a; }
.pop_schedule2002 .list_box .item a:hover .date span,
.pop_schedule2002 .list_box .item a:focus .date span { color:#f4781f; }


/* 배너존 */
.banner_zone {line-height: 1; border-top: 1px solid #e5e5e5; background: #fff;}
.banner_zone .container {position: relative; height: 4rem; overflow: hidden;}
.banner_zone .container::after{content: ''; display: block; clear: both; }
.banner_zone h2 {float:left; margin-top: 1.5rem; width: 5rem; font-size: 0.9rem; font-weight: 700; color: #000;}
.banner_zone .bnWrap { width: calc(100% - 10rem); float:left; padding-top: 0.75rem; overflow: hidden;}
.banner_zone .bnWrap a {display: block; height: 2.5rem; line-height: 2.3rem; text-align: center; margin:0 1.5rem; overflow: hidden;}
.banner_zone .bnWrap a img {max-width: 100%; max-height: 100%; vertical-align: middle;}
.banner_zone .btn {float: right; margin-top: 1.3rem;}
.banner_zone .btn::after{content: ''; display: block; clear: both;}
.banner_zone .btn a {float: left; width: 1.4rem; height: 1.4rem; line-height:1.4rem; text-align:center; overflow: hidden; color: #7f7f7f;}
.banner_zone .btn a.play{display:none;}

@media (max-width: 1760px) {

	/* 퀵메뉴 */
	.quick_menu{right: 1rem; left: auto;}

}

@media (max-width: 1600px){

	/* 게시판 */
	.notice2002 .titTab { width:calc(100% - 24rem); }
	.notice2002 .control { display: flex; width: auto; left: auto; right: 10.5rem; top: 0; transform: none; }
	.notice2002 .control a { position: relative;  width:2.35rem; height: 2.35rem; line-height: 2.35rem; border-radius: 0.85rem;}
	.notice2002 .control a.noticePrev { left: -0.4rem; }

}

@media (max-width: 1540px) {
	/* 퀵메뉴 */
	.quick_menu{display: none;}

	/* 바로가기 */
	.M_link2002 { margin:0; }
	.M_link2002 ul { margin: 0; margin-right: 2.5rem; }

}

@media (max-width: 1440px) {
	.container{ padding: 0 1rem; }
	
	/* 메인비주얼 */
	.MVisual2002 .item img{width: 100%; height: auto;}
	.MVisual2002 .scroll { display: none; }

	/* 갤러리 */
	.gallery2002 .list_box li img { width: 100%; height: auto; }
}

@media (max-width: 1240px) {

	/* 메인비주얼 */
	.MVisual2002 .item{width: 100%; text-align: center;}
	.MVisual2002 .item img{width: 100%; height: auto;}

	/* 바로가기 */
	.M_link2002 li a p { width: 4rem; height: 4rem; }

}

@media (max-width: 1024px) {
	.tit_wrap h2{font-size: 1rem;}
	.tit_wrap span { font-size: 0.9rem; }

	/* 게시판 */
	.notice2002 .tit_wrap { width: 11rem; }
	.notice2002 .list_box li p.tit{font-size: 0.85rem;}
	.notice2002 .list_box li p{font-size: 0.75rem;}

	/* 갤러리 */
	.gallery2002 .list_box li { width: 48%; }
	.gallery2002 .list_box li+li { margin-left: 2.7%; }
	.gallery2002 .list_box li a .txt { height: 2.5rem; line-height: 2.5rem; }

	/* 캘린더 */
	.pop_schedule2002 .lstWrap { width: calc(100% - 1px); }

} 

@media (max-width:960px){

	/* 바로가기 */
	.M_link2002 ul { flex-wrap: wrap; margin-right: 0; }
	.M_link2002 li { margin:0; width: 25%; flex: none; }

	/* 게시판 */
	.notice2002 .titTab { width: 100%; margin-top: 1rem; }
	.notice2002 .tit_wrap { margin-top: 0.5rem; }
	.notice2002 .list_box { padding: 6rem 3.6rem 0; }

	/* 갤러리 */
	.gallery2002 .tit_wrap { margin-bottom: 1.15rem; }
	.gallery2002 .list_box li:nth-child(n+3) { display: none; }
	.gallery2002 .list_box li img { width: auto; height: 100%; }
	.gallery2002 .btn_more i { margin-top: -0.3rem; }

	/* 팝업존 */
	.pop2002 .tit_wrap { margin-bottom: 1.5rem; }
	.pop2002 .control { bottom: -1.2rem; }

	/* 캘린더 */
	.pop_schedule2002 .lstWrap { width: calc(100% - 2px); }
    
}

@media (max-width: 840px) {

}

@media (max-width: 768px) {	

	/* 갤러리 */
	.gallery2002 .list_box li img { width: 100%; height: auto; }
	
    /* 배너존 */
	.banner_zone .container{height: auto;}
	.banner_zone h2{margin-top: 1rem;}
	.banner_zone .bnWrap{width:100%; }
	.banner_zone .bnWrap a{margin: 0 1rem;}
	.banner_zone .btn{position: absolute; top: 0; right: 0.5rem; margin-top: 1rem;}

}

@media (max-width: 640px) {	

	.M_link2002 li{ width: calc(33% - 2rem); margin: 0 1rem; }

}

@media (max-width: 480px) {    

	.tit_wrap h2 { display: none; }
	.tit_wrap span { padding-left: 0; font-size: 1rem; color:#111; font-weight: 500; max-width: calc(100% - 3rem); }

	/* 메인비주얼 */
	.MVisual2002 .control { top:46%; }
	.MVisual2002 .control > a { width: 1.5rem; height: 1.5rem; line-height: 1.5rem; }

	/* 바로가기 */
	.M_link2002 li { width: 33%; margin: 0; }
	.M_link2002 li a p { width: 3.5rem; height: 3.5rem; }

	/* 게시판 */
	.notice2002 .titTab a { padding:0 0.5rem }
	.notice2002 .tit_wrap h2 { display: none; }
	.notice2002 .tit_wrap span { padding-left: 0; }
	.notice2002 .btn_more em { display: none; }
	.notice2002 .control { right: 6.8rem; }

	/* 팝업존 */
	.pop2002 .tit_wrap span { max-width: 100%; }
	.pop2002 .pop_img { height: auto; }

	/* 캘린더 */
	.pop_schedule2002 .tit_wrap { margin-bottom: 1rem; }
	.pop_schedule2002 .tit_wrap h2 { display: none; }
	.pop_schedule2002 .tit_wrap span { padding-left: 0; }
	.pop_schedule2002 .list_box .item a { border-right: none; border-bottom: 1px dashed #ccc; }
	.pop_schedule2002 .list_box .item a::before { width: 1.05rem; height: 0.15rem; top: auto; bottom: -0.1rem; right: auto; left: 0; }

	/* 갤러리 */
	.gallery2002 .tit_wrap { margin-bottom: 0.75rem; }
	.gallery2002 .list_box li { width: 100%; }
	.gallery2002 .list_box li:nth-child(n+2) { display: none; }
	.gallery2002 .list_box li img { width: auto; height: 100%; }

}
@media (max-width: 380px) { 
	/* 게시판 */
	.notice2002 .titTab li { max-width: 100%; width: 48%; }
	.notice2002 .titTab li+li { margin-left: 0.25rem; margin-top: 0.3rem; }
	.notice2002 .list_box { padding: 9rem 3.6rem 0; }

	/* 갤러리 */
	.gallery2002 .list_box li img { width: 100%; height: auto; } 

 }

@media (max-width: 330px) {    
	/* 바로가기3 : 관내 학교현황 */
	.link03_2002 .heading{margin-right: 0;}
	.link03_2002::after{display: none;}
}