/* 공통 */
body.resizing .active [class*="mot"],
body.resizing .active [class*="moTn"],
body.resizing .active [class*="-fp"] {transition: none !important; transform: none !important;	opacity: 1 !important;}

[class*="mot"]{opacity:0; -webkit-transition:all 0.5s ease-out; -ms-transition:all 0.5s ease-out; transition:all 0.5s ease-out;}
[class*="tmot"]{opacity:0; -webkit-transition:all 1s ease; -ms-transition:all 1s ease; transition:all 1s ease;}
[class*="smot"]{opacity:0; -webkit-transition:all 0.5s ease-out; -ms-transition:all 0.5s ease-out; transition:all 0.5s ease-out;}
[class*="moTn"]{opacity:0; -webkit-transition:all 0.3s ease-out; -ms-transition:all 0.3s ease-out; transition:all 0.3s ease-out;}
[class*="-fpleft"] {-webkit-transform:translateX(-10%); -ms-transform:translateX(-10%); transform:translateX(-10%);}
[class*="-sfpleft"] {-webkit-transform:translateX(-10%); -ms-transform:translateX(-10%); transform:translateX(-10%);}
[class*="-fpright"] {-webkit-transform:translateX(10%); -ms-transform:translateX(10%); transform:translateX(10%);}
[class*="-fptop"] {-webkit-transform:translateY(-10%); -ms-transform:translateY(-10%); transform:translateY(-10%);}
[class*="-fpbottom"] {-webkit-transform:translateY(30%); -ms-transform:translateY(30%); transform:translateY(30%);}

.active [class*="mot"] {opacity:1;}
.active [class*="moTn"] {opacity:1;}
.active [class*="mot1"] {-webkit-transition-delay:0.3s; -ms-transition-delay:0.3s; transition-delay:0.3s;}
.active [class*="mot2"] {-webkit-transition-delay:0.5s; -ms-transition-delay:0.5s; transition-delay:0.5s;}
.active [class*="mot3"] {-webkit-transition-delay:0.7s; -ms-transition-delay:0.7s; transition-delay:0.7s;}
.active [class*="mot4"] {-webkit-transition-delay:0.9s; -ms-transition-delay:0.9s; transition-delay:0.9s;}
.active [class*="mot5"] {-webkit-transition-delay:1.1s; -ms-transition-delay:1.1s; transition-delay:1.1s;}
.active [class*="mot6"] {-webkit-transition-delay:1.3s; -ms-transition-delay:1.3s; transition-delay:1.3s;}
.active [class*="mot7"] {-webkit-transition-delay:1.5s; -ms-transition-delay:1.5s; transition-delay:1.5s;}
.active [class*="mot8"] {-webkit-transition-delay:1.7s; -ms-transition-delay:1.7s; transition-delay:1.7s;}
.active [class*="mot9"] {-webkit-transition-delay:1.9s; -ms-transition-delay:1.9s; transition-delay:1.9s;}
.active [class*="mot10"] {-webkit-transition-delay:2.1s; -ms-transition-delay:2.1s; transition-delay:2.1s;}
.active [class*="mot11"] {-webkit-transition-delay:2.3s; -ms-transition-delay:2.3s; transition-delay:2.3s;}
.active [class*="mot12"] {-webkit-transition-delay:2.5s; -ms-transition-delay:2.5s; transition-delay:2.5s;}
.active [class*="mot13"] {-webkit-transition-delay:2.7s; -ms-transition-delay:2.7s; transition-delay:2.7s;}
.active [class*="mot14"] {-webkit-transition-delay:2.9s; -ms-transition-delay:2.9s; transition-delay:2.9s;}
.active [class*="mot15"] {-webkit-transition-delay:3.1s; -ms-transition-delay:3.1s; transition-delay:3.1s;}
.active [class*="mot16"] {-webkit-transition-delay:3.3s; -ms-transition-delay:3.3s; transition-delay:3.3s;}
.active [class*="-fpleft"] {-webkit-transform:translateX(0px); -ms-transform:translateX(0px); transform:translateX(0px);}
.active [class*="-sfpleft"] {-webkit-transform:translateX(0px); -ms-transform:translateX(0px); transform:translateX(0px);}
.active [class*="-fpright"] {-webkit-transform:translateX(0px); -ms-transform:translateX(0px); transform:translateX(0px);}
.active [class*="-fptop"] {-webkit-transform:translateY(0px); -ms-transform:translateY(0px); transform:translateY(0px);}
.active [class*="-fpbottom"] {-webkit-transform:translateY(0px); -ms-transform:translateY(0px); transform:translateY(0px);}

/* slick slide common */
.slick-slider {-webkit-transition:all ease-in-out .3s; transition:all ease-in-out .3s; -webkit-box-sizing:border-box; box-sizing:border-box; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; -webkit-touch-callout:none; -khtml-user-select:none; -ms-touch-action:pan-y; touch-action:pan-y; -webkit-tap-highlight-color:transparent;}
.slick-slide {display:none; height:100%; min-height:1px; vertical-align:middle; outline: none;}
.slick-list.dragging { cursor:pointer;}
.slick-initialized .slick-slide { display:inline-block; }
.slick-arrow.slick-hidden { display:none;}
.slick-current {opacity:1; display:block;}
.slick-track {position:relative; left:0; top:0; display:block; margin-left:auto; margin-right:auto;}
.slick-list, .slick-track {height:100%;}

.wrap {width:100%; height:100%;}
.wrap .container {width:100%;}
.wrap .intro-box {width:100%; height:100%; position:relative; background:#fff; overflow:hidden;}
.wrap .section {width:100%; height:100%; position:relative;} 
.wrap .inner {height:100%; max-width:88rem; margin:0 auto;}
.wrap a {transition: all 0.3s;}

/* header */
.header {height:5rem; box-shadow:0 0 10px rgba(0,0,0,0.2); position:relative; z-index:3;}
.header > .inner {display: flex; justify-content: space-between; align-items: center;}
.header .logo { display: none; align-items: center; gap: 0.5rem;}
.header .logo a { font-family:'rokgr'; color:#000; font-size:1.4rem; font-weight:normal;}
.header .mBtn {display:none;}
.header .mBtn > i {font-size:1.5rem;}

.topUtil {display:flex; align-items:center; height:100%;}
.topUtil .util_wrap {height:2.5rem; font-size: 0.8rem; background:#f1f1f1; border-radius:1.5rem; display:flex; align-items:center; padding:0 1.5rem; justify-content:space-between;}
.topUtil .util_wrap a {font-weight:500; position:relative;}
.topUtil .util_wrap a:after {content:''; position:absolute; right:-1rem; width:1px; height:0.75rem; top: 0.225rem; background:#ddd;}
.topUtil .util_wrap a:last-child:after {display:none;}

#nav {width:auto;}
#nav.oneDown {height:5rem; width:100%;}
#nav.oneDown #gnb {display:flex; height:5rem; gap:5rem; width:100%; justify-content: flex-end;}
#nav.oneDown #gnb:before {display:none;}
#nav.oneDown .active .depth01 li.dep:hover a span,
#nav.oneDown .active .depth01 li.dep:focus a span,
#nav.oneDown .active .depth01 li.dep.h-on a span {color:#043763; font-weight:700;}
#nav.oneDown .active .depth01 li.dep.h-on .depth02 { opacity: 1; visibility: visible; display:block; }
#nav.oneDown .depth02 {box-shadow:none; background:#011c44; min-width:12rem; width: 150%; left: 50%; transform: translate(-50%, 0); top:5rem; border-radius:0; z-index:5; transform-origin: center; z-index:5; }
#nav.oneDown .depth02:before {content: ''; position: absolute; top: 0; left: 50%; transform: translateX(-50%); width:0.5rem; height:0.5rem!important; background:url('/00_common/images/npc/main/triangle.png') no-repeat 50% 50%; z-index:1;}
#gnb li {display: flex; align-items: center;}
#gnb .depth01 > ul > li > a {position:relative; display:flex; align-items:center; justify-content:center; padding:0.5rem 0; font-size:1.2rem; font-weight:600; color:#000000; transition:all 0.3s; cursor:pointer;}
#gnb .depth01 {height:100%; display:flex; align-items:center; min-width:fit-content; max-width:26rem; margin:0rem;}
#gnb .depth01 > ul {width:auto; gap:5rem;}
#gnb .depth01 > ul > li {flex:none;}
#gnb .depth02 > ul {padding:0.75rem 2rem;}
#gnb .depth02 > ul > li {justify-content:center;}
#gnb .depth02 > ul > li > a {color:#fff; padding:0; font-size:0.9rem; font-weight:400; text-align:center; padding:0 2rem; display:block; text-align:center;}
#gnb .depth02 > ul > li > a span {color:#fff!important; font-weight:400!important;}

.main-content {display: flex; flex-wrap: wrap;}
.main-tab-box {display: flex; flex-wrap: wrap;}
.main-tab-box .main-box1 {flex: 2; min-width: calc(100% - 22rem); display: flex; flex-direction: column;}
.main-tab-box .main-box2 {flex: 1; min-width: 22rem; display: flex; flex-direction: column;}
.main-left {flex: 2; min-width: calc(100% - 22rem); display: flex; flex-direction: column;}
.main-right {flex: 1; min-width: 22rem; display: flex; flex-direction: column;}

.footer {position:relative; height:7rem; display: flex; justify-content: center; align-items: center; width:100%;}
.footer:before {content:''; position:absolute; width:100%; height:1px; top:0; left:50%; transform:translate(-50%, 0); background:rgba(255,255,255,0.12);}
.footer p {font-size:0.9rem; color:#666666; font-weight:500; word-break:keep-all;}
.footer.inner {height:7rem;}

/* 비주얼 슬라이드 */
.visual-wrap {height:25.5rem; width:100%; position:relative; display:flex;}
.visual-wrap .visual-left {width:25rem; height:100%; position:relative; display:flex; flex-direction:column; align-items:flex-start; justify-content:center; gap: 5rem;}
.visual-wrap .visual-left .txt-box {position:relative; display:flex; flex-direction:column; justify-content:center; gap:0.5rem; z-index:1;}
.visual-wrap .visual-left .txt-box .tit {font-family:'rokgr'; color:#02214f; font-size:3.1rem; font-weight:bold; }
.visual-wrap .visual-left .txt-box .txt {font-size:1.8rem; font-weight:100; word-break:keep-all; color:#000; line-height:1.4;}
.visual-wrap .visual-left .txt-box .txt strong {font-weight:700;}
.visual-wrap .visual-left .control {display:flex; gap:0.25rem;}
.visual-wrap .visual-left .control a {width:1.75rem; height:1.75rem; display:flex; align-items:center; justify-content:center; transition:all 0.2s;}
.visual-wrap .visual-left .control a.prev,
.visual-wrap .visual-left .control a.next {color:#3e3f50;}
.visual-wrap .visual-left .control a i {font-size:1.25rem; color:#3e3f50; font-weight:400;}
.visual-wrap .visual-left .control a.play {display:none;}
.visual-wrap .visual-left .control a.stop,
.visual-wrap .visual-left .control a.play {color:#000;}
.visual-wrap .visual-left .control a.stop i,
.visual-wrap .visual-left .control a.play i {font-size:1.25rem; color:#000; font-weight:400;}
.visual-wrap .visual-left .control a:hover,
.visual-wrap .visual-left .control a:focus {color:#2569e6;}
.visual-wrap .visual-left .control .page {position:relative; display:flex; gap:3.5rem; align-items:center; margin-right:1rem;}
.visual-wrap .visual-left .control .page:before {content:''; position:absolute; width:2.5rem; height:1px; background:#adadad; top:50%; left:50%; transform:translate(-50%, 0);}
.visual-wrap .visual-left .control .page strong {color:#2569e6; font-size:0.9rem; font-weight:700;}
.visual-wrap .visual-left .control .page span {color:#000; font-size:0.9rem; font-weight:300;}
.visual-wrap .visual-right {width:calc(100% - 25rem); position:relative; height:100%; overflow:hidden;}
.visual-wrap .visual-right .visual-box {height:100%;}
.visual-wrap .visual-right .visual-box #visual {height:100%;}
.visual-wrap .visual-right .visual-box .item {overflow:hidden; width:100%; height:100%; position:relative;}
.visual-wrap .visual-right .visual-box .item .img {width:100%; height:100%;}
.visual-wrap .visual-right .visual-box .item .img img {width:100%; height:100%; max-width:100%; max-height:100%; object-fit: cover;}

/* 바로가기 */
.info-card {position:relative; background: #2569e6; height:12.75rem; padding:0rem 2.5rem; display:flex; flex-direction:column; align-items:flex-start; justify-content:center;}
.info-card:nth-child(1) {border-bottom:1px solid #5187eb;}
.info-card:nth-child(1):after {content:''; position:absolute; bottom:1rem; right:2.5rem; width:4.25rem; height:3.85rem; background:url('/00_common/images/npc/main/banner_icon01.png') no-repeat 50% 50%; background-size:contain;}
.info-card:nth-child(1) a {margin-top:2rem;}
.info-card:nth-child(2):after {content:''; position:absolute; bottom:1.75rem; right:3rem; width:3.8rem; height:3.15rem; background:url('/00_common/images/npc/main/banner_icon03.png') no-repeat 50% 50%; background-size:contain;}
.info-card p.tit {position:relative; font-size:1.2rem; color:#fff; font-weight:700; z-index:0;}
.info-card p.tit:before {content:''; position:absolute; bottom:0; width:0; left:0; height:0.5rem; border-radius:0.1rem; background:rgba(11,52,114,0.3); transition:all 0.3s; z-index:-1;}
.info-card p.txt {font-size:0.9rem; color:#fff; font-weight:200; margin-top:1rem; word-break:keep-all; line-height:1.4;}
.info-card a {background:#1e54b8; display:flex; gap:0.5rem; min-width:fit-content; max-width:8rem; align-items:center; justify-content:center; height:2rem; padding:0 1rem; margin-top: 1.5rem; color:#fff;	border-radius:1.5rem; font-size:0.8rem; letter-spacing:-0.5px; font-weight:700; transition:all 0.2s;}
.info-card:hover p.tit:before,
.info-card:focus p.tit:before {width:100%;}
.info-card:focus a,
.info-card:hover a {background:#0B3472;}

/* 공지사항, 보도자료, 주요일정 */
.tab-container {height:100%;}
.tab-content {display: none;}
.tab-content.active {display: block;}
.tab-container .more {position:absolute; top:1.75rem; right:2rem;}
.tab-container .more i {font-size:1.35rem;}

.notice-tabs {position:relative; height:17.5rem; background:#0b3472; padding:2rem 3rem; display:flex; flex-direction:column; gap:2rem;}
.notice-tabs .tabs {display: flex; gap:2.5rem;}
.notice-tabs .tabs li {position:relative;}
.notice-tabs .tabs li:before {content:''; position:absolute; width:0rem; height:2px; bottom:-0.5rem; left:50%; background:#fff; transform:translate(-50%, 0); transition:all 0.3s;}
.notice-tabs .tabs li a {font-size:1.2rem; font-weight:400; color:#eef5ff; transition:all 0.3s;}
.notice-tabs .tabs li.active:before,
.notice-tabs .tabs li:hover:before,
.notice-tabs .tabs li.focus:before {width:100%; opacity:1;}
.notice-tabs .tabs li:hover a,
.notice-tabs .tabs li.focus a {color:#fff;}
.notice-tabs .tabs .active a {color: #fff; font-weight:700;}
.notice-tabs .tab-list {display: none; height:100%; flex-wrap: wrap; gap: 3rem;}
.notice-tabs .tab-list.active {display: flex;}
.notice-tabs .tab-list .tab-item {position:relative; color: #fff; flex: 1 1 calc(30% - 1rem); max-width:calc(30% - 1rem); height:100%;}
.notice-tabs .tab-list .tab-item p.no_data {height:100%; width:100%; display:flex; align-items:center; justify-content:center; font-size:0.85rem; color:#fff;}
.notice-tabs .tab-list .tab-item:after {content:''; position:absolute; width:1px; height:100%; background:#244980; left:-1.5rem; top:0%;}
.notice-tabs .tab-list .tab-item:first-child:after {display:none;}
.notice-tabs .tab-list .tab-item a {display:flex; flex-direction:column; height:100%; justify-content:space-between;}
.notice-tabs .tab-list .tab-item .tit {font-size:1.2rem; font-weight:600; color:#fff; word-break:keep-all; line-height:1.4; max-height:3.15rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis;}
.notice-tabs .tab-list .tab-item .txt {font-size:0.95rem; font-weight:400; opacity:0.8; word-break:keep-all; line-height:1.4; max-height:2.5rem; min-height:2rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; margin-top:1.5rem; margin-bottom: auto;}
.notice-tabs .tab-list .tab-item time {font-size:0.95rem; color:#fff; font-weight:400; display:inline-block;}
.tab-list:has(> .tab-item:only-of-type) .tab-item {flex: 1 1 100%; max-width: 100%;}
.notice-tabs .tab-container .more i {display:block; font-size:1.5rem; transition:all 0.2s; color:#fff;}
.notice-tabs .tab-container .more:hover i,
.notice-tabs .tab-container .more:focus i {transform:rotate(180deg);}

/* 사진, 동영상 */
.media-tabs {position:relative; height:17.5rem; background:#fff; display:flex; flex-direction:column;}
.media-tabs .tabs-wrap {position:relative; flex-shrink:0; height:5rem; align-items:center; justify-content:space-between; padding:0 2.5rem;}
.media-tabs .tabs {display: flex; height:100%; gap:2.5rem; align-items:center;}
.media-tabs .tab-container .more i {display:block; font-size:1.5rem; transition:all 0.2s; color:#000;}
.media-tabs .tab-container .more:hover i,
.media-tabs .tab-container .more:focus i {transform:rotate(180deg);}
.media-tabs .tabs li {position:relative;}
.media-tabs .tabs li a {font-size:1.2rem; font-weight:400; color:#444444; transition:all 0.2s;}
.media-tabs .tabs li a:hover,
.media-tabs .tabs li a:focus {color:#2569e6;}
.media-tabs .tabs .active a {color: #000; font-weight:700;}
.media-tabs .tab-item {position:relative; width:100%; height:100%; overflow:hidden;}
.media-tabs .tab-item a {position:relative; display:block; width:100%; height:100%;}
.media-tabs .tab-item a:before {content:''; position:absolute; width:100%; height:50%; bottom:0; background: linear-gradient(to bottom, transparent 0%, rgba(0,0,0,0.5) 100%); z-index:1;}
.media-tabs .tab-item a img {position:absolute; z-index:0; max-width:100%; height:100%; width:100%; object-fit: cover; transform:scale(1); transition:all 0.2s;}
.media-tabs .tab-item a:hover,
.media-tabs .tab-item a:focus {transform:scale(1.15);}
.media-tabs .tab-item a p {position:absolute; display:block; text-align:center; padding:0 1rem; width:100%; z-index:2; bottom:2.5rem; left:50%; transform:translate(-50%, 0); font-size:1rem; color:#fff; font-weight:400;}
.media-tabs .tab-list {display: none; width:100%; height:100%;}
.media-tabs .tab-list.active {display: flex;}

/* 공통 */
#subContent {position:relative; padding:2rem 0;}
#subContent .subContent_body {display:flex; align-items:flex-start; justify-content:center; flex-direction:column;}
#subContent .sub-content {padding:3rem 0; min-height:25rem; width:100%;}
#sub_container + .footer {border-top:1px solid #ddd; height:7rem;}
#sub_container .footer > .inner {height:auto;}

/* 타이틀 */
#subContent .title-area {width:100%; display:flex; justify-content:space-between; align-items:flex-start; height:5rem; text-align:center;}
#subContent .title-area.no-tit {align-items:center;}
#subContent .title-area.no-tit .share-cont {top:0; transform:translate(0, 0);}
#subContent .title-area .share-cont {position:relative; top:50%; transform:translate(0, -50%);}
#subContent .titie-cont {position:relative; top:1.5rem; display:flex; flex-direction:column; align-items:flex-start; gap:0rem;}
#subContent .titie-cont p {font-size:1.1rem; font-weight:100; color:#000;}
#subContent .titie-cont p strong {font-weight:700;}
#subContent #pageTitle {margin-bottom:0; border-bottom:0; color:#02214f; font-size:2rem; font-family:'rokgr'; padding:0;  text-align:left;}
#subContent #pageTitle.tit:before,
#subContent #pageTitle.tit:after {display:none;}
#subContent #pageTitle {position:relative;}

/* SNS */
#sns_more {position: absolute; top: calc(50% + 0.85rem); left: -35rem; width: 30rem; transition: all 0.3s ease; opacity: 0; visibility: hidden;}
#sns_more.on {left: calc(-30rem - 0.35rem); opacity: 1; visibility: visible;}
#sns_more ul { position: absolute; right:0rem; bottom: 0rem; display:flex; gap:0.25rem; font-size: 0;}
#sns_more li { display: inline-block; width: 2rem; height: 2rem; padding-right: 5px;}
#sns_more li a { display: block; width: 2rem; height: 2rem; margin:0.15rem; float: left; line-height: 2rem; font-size: 1rem; text-align: center; color:#004368; border:1px solid #d9dbe0; border-radius:50%;}
#sns_more li a:hover,
#sns_more li a:focus {border:0; background:#d8dadf;}
#sns_more li a.facebook { background: url('/00_common/images/npc/main/btnSns_icon1.png') no-repeat center / contain; }
#sns_more li a.sns-x { background: url('/00_common/images/npc/main/btnSns_icon2.png') no-repeat center / contain; }
#sns_more li a.naverblog { background: url('/00_common/images/npc/main/btnSns_icon6.png') no-repeat center / contain; }
#sns_more a.snsClose { position: absolute; top: calc(-2rem + 3px); left: 21.5rem; width: 2rem; height: 2rem; text-align: center; line-height: 2rem; border-radius: 50%; background: #525c6e; color: #fff; font-size: 0.85rem;}
#sns_more a {transition: all .2s; -webkit-transition: all .2s; -ms-transition: all .2s; }
.share-cont > li { position:relative; float:left; }
.share-cont > li ~ li { margin-left: 0.25rem; }
.share-cont > li > a {cursor:pointer; display: block; width:2rem; height: 2rem; line-height: 2rem; border-radius: 50%; color: #444; font-size: 0.9rem; text-align:center; overflow:hidden; border:1px solid #d9dbe0;}
.share-cont > li > a:hover,
.share-cont > li > a:focus {background:#444; color:#fff;}

/* 서브 로케이션 메뉴 */
#snb.snb-box {position:relative;margin-top:0rem; width:100%; display:flex; justify-content: end;; background:transparent; border-radius:0; line-height:3rem; height:3rem; border-bottom:1px solid #d8dadf;}
#snb.snb-box li.active {height:3rem;}
#snb.snb-box .snb_wrap {width:26.25rem; right:0; display:flex; align-items:center; padding-left:0;}
#snb.snb-box .home {position:static; width:3.5rem; height:3rem; border-radius:0; background:transparent; color:#fff; background:#02214f; display:flex; align-items:center; justify-content:center;}
#snb.snb-box .home i {font-size:1.15rem;}
#snb.snb-box .home:after {display:none;}  
#snb.snb-box ul {position:relative; height:3rem; padding-top:0rem;}
#snb.snb-box li {opacity:1; visibility:visible;}
#snb.snb-box li.active > a {color:#444;}
#snb.snb-box li a {font-size:0.9rem; font-weight:400; cursor:default; color:#444444;}
#snb.snb-box .dep01 {display:flex; align-items:center; width:100%;}
#snb.snb-box .dep01 > li {height:100%;}
#snb.snb-box .dep01 > li,
#snb.snb-box .dep02 > li {border-right:1px solid #d8dadf; border-top:1px solid #d8dadf;}
#snb.snb-box li:not(.active) > a { border-color:#d8dadf; border:0; height:100%; padding:0 1rem; display:flex; align-items:center; background:transparent;}
#snb.snb-box li:not(.active):last-child > a { border-radius:0;}
#snb.snb-box .dep02 {top:-1px;}
#snb.snb-box li > a:before {display:none;}
#snb.snb-box li:not(.active) > a:hover, #snb li:not(.active) > a:focus {background:transparent;}
#snb.snb-box li a:hover,
#snb.snb-box li a:focus {color:inherit;}
#snb.snb-box .dep01 > li a.last {cursor:pointer; background:#f8f8f8; color:#000; border-bottom:1px solid #d8dadf;}



/* 반응형 */
@media screen and (max-width: 1760px) {	
	/* header */
	.header {width:calc(100% + 2rem); left:-1rem; position:relative;}
	.header > .inner {padding:0 1rem;}
	
	/* 서브 타이틀 여백 */
	#subContent .titie-cont {top:0;}
}

@media screen and (max-width: 1460px) {
	/* visual */
	.visual-wrap .visual-left {position:absolute; width:100%; height:100%; bottom:0; z-index:1; padding: 2rem; gap:1.5rem; justify-content: flex-end;}
	.visual-wrap .visual-left .txt-box {gap:0.25rem;}
	.visual-wrap .visual-left .txt-box .tit {font-size: 2.2rem; color:#fff;}
	.visual-wrap .visual-left .txt-box .txt {font-size: 1.6rem; color:#fff;}
	.visual-wrap .visual-right {position:absolute; width:100%; height:100%; z-index:0;}
	.visual-wrap .visual-right:before {content:''; position:absolute; width:100%; bottom:0; height:50%; z-index:0; background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #000 100%); left:0; z-index:2;}
	.visual-wrap .visual-left .control .page span {color:#fff;}
	.visual-wrap .visual-left .control a i,
	.visual-wrap .visual-left .control a.prev, .visual-wrap .visual-left .control a.next,
	.visual-wrap .visual-left .control a.stop i, .visual-wrap .visual-left .control a.play i {color:#aaa;}
	
	/* 공지  */	
	.notice-tabs {padding:2rem;}
	.notice-tabs .tab-list .tab-item {flex: 1 1 calc(25% - 1rem);}
	
	/* 바로가기 */
	.info-card {padding:0 2rem;}
	
	/* 사진/동영상 */
	.media-tabs .tabs-wrap {padding:0 2rem;}
}

@media screen and (max-width: 1240px) {
	/* 서브 로케이션 처리 */
	#snb.snb-box .dep01 > li a.last {border-bottom:0;}
}

@media screen and (max-width: 1024px) {
	/* header */	
	.header .logo,
	.header .mBtn {display:block;}
	.header .mBtn > i {font-size:2rem;}
	.header .mBtn > i.xi-close {font-size:1.8rem;}
	
	/* 레이아웃 */
	.main-left {min-width: calc(100% - 18rem);}
	.main-right {min-width:18rem;}
	
	/* 서브 타이틀 */
	#subContent .titie-cont p {display:none;}
		
	/*공지*/
	.notice-tabs .tabs {gap:1rem;}
	.notice-tabs .tabs li a {font-size:1rem;}
	.notice-tabs .tab-list .tab-item {flex: 1 1 calc(33% - 1rem); max-width:calc(48% - 1rem);}	
	.notice-tabs .tab-list .tab-item:nth-child(n+3) {display:none;}	
	.notice-tabs .tab-container .more {top:0; right:0; background:#1e54b8; width:2.5rem; height:2.5rem; border-radius: 0 0 0 1rem; display:flex; align-items:center; justify-content:center;}
	
	/* 사진/동영상 */
	.media-tabs .tabs {gap:1.5rem;}
	.media-tabs .tabs li a {font-size:1.1rem;}
}


@media screen and (max-width: 768px) {
	/* header */ 
	.header {height:4rem;}
	.header > .inner {padding:0 1rem;}
	.nav {display:none;}
	.nav ul {flex-direction: column;}	
	.nav.open {right: 0;}
	.nav-toggle {display: flex;}	
	
	/* 레이아웃 */
	.main-content {display:block;}
	.main-left {flex-direction:column; overflow:hidden;}
	.main-right {min-width:fit-content;}
	
	/* 서브 콘텐츠 여백 */
	#subContent .sub-content {padding:1.5rem 0;}	
	#snb.snb-box {margin-top:1.5rem;}
	#snb.snb-box .snb_wrap {width:100%;}
	
	/* 반응형 태블릿 프린트 숨김처리 */
	li:has(a.print.btnPrint) {display: none!important;}
	
	/* SNS 줄바꿈 */
	#subContent .title-area {flex-direction:column;}
}

@media screen and (max-width: 420px) {
	/* header */ 
	.header > .inner {padding:0 1rem;}
	
	/* 비주얼 */
	.visual-wrap .visual-left {padding:1.5rem;}
	.visual-wrap .visual-left .txt-box .tit {font-size:1.8rem;}
	
	/* 공지 */
	.notice-tabs {padding:1.5rem; gap:0.25rem; height:auto;}
	.notice-tabs .tabs {flex-wrap:wrap; gap:1rem;}
	.notice-tabs .tabs li:before {bottom:-0.5rem;}
	.notice-tabs .tab-list {gap:0.75rem;}
	.notice-tabs .tab-list .tab-item {min-width:fit-content; flex:none; max-width:100%; width:100%; padding:1.5rem 0;}
	.notice-tabs .tab-list .tab-item:nth-child(n+2) {display:none;}
	.notice-tabs .tab-list .tab-item .tit,
	.notice-tabs .tab-list .tab-item .txt {margin:0; height:auto; min-height: fit-content; -webkit-line-clamp: 1;}	
	.notice-tabs .tab-list .tab-item time {margin:0.75rem 0 0 0;}	
	.notice-tabs .tab-container .more {position:relative; border-radius:0; width:100%; bottom:0;}
	.notice-tabs .tab-container .more .hid {width:auto; position:relative; margin:0; height:auto; color:#fff;}
	
	/* 바로가기 */
	.info-card:nth-child(1):after {right:0.8rem; transform: scale(0.8);}
	.info-card:nth-child(2):after {right:0.8rem; transform: scale(0.8);}
	
	/* 사진/동영상 */
	.media-tabs .tabs-wrap {padding:0 1rem;}
	.media-tabs .tabs {gap:1rem;}
	.media-tabs .tabs li a {font-size:0.95rem;}
	.media-tabs .tab-container .more {right:1rem;}
	
	/* 서브로케이션 */
	#snb.snb-box li:not(.active) > a {font-size:0.75rem; padding:0 0.75rem; line-height: 1.3;}
}