@import url("/font/gbe_v3/GmarketSans/fonts.css");

/*** slide_popup ***/
.spopup_wrap {transition: margin-top 0.3s ease, left 0.3s !important;}
/* .spopup_wrap {top:8rem !important;}
#wrap.scroll .spopup_wrap {top: 0 !important;}
#wrap.openPop .spopup_wrap {top: 15rem !important;}
.spopup_wrap {transition: margin-top 0.3s ease, left 0.3s !important;}
#wrap.openPop.scroll .spopup_wrap {top: 0 !important;} */
@media (max-width: 1540px) {
	.spopup_wrap {top:9.9rem !important;}
}
@media (max-width: 1200px) {
	.spopup_wrap {top:9.9rem !important;}
	#wrap.scroll .spopup_wrap {top: 0 !important;}
	#wrap.openPop.scroll .spopup_wrap {top: -7rem !important;}
}
@media (max-width: 1024px) {
	.spopup_wrap {top:5.5rem !important;}
	#wrap.scroll .spopup_wrap {top: 5.5rem !important;}
	#wrap.openPop.scroll .spopup_wrap,
    #wrap.openPop.scroll .up_pop + .spopup_wrap {top: 5.5rem !important;}
}
@media (max-width: 480px) {
	.spopup_wrap {top:5.5rem !important;}
	#wrap.scroll .spopup_wrap {top: 5.5rem !important;}
}
@media (max-width: 340px) {
   /* 좌측 팝업 : openPop */
   #wrap.openPop.scroll .up_pop + .spopup_wrap {top: 5.5rem !important;}
}

/* common */
body {color: #333;}
#gnb .depth01 > ul > li > a {word-break:keep-all;}
h2.heading{ position:relative; padding:0.25rem 0; line-height:2rem; font-family: 'GmarketSans'; font-size:1.4rem; font-weight:700; color:#111; margin-right:4.5rem; overflow:hidden; white-space: nowrap; word-spacing:-0.65rem;}
a.btn_more.ty{ position:absolute; right:0; top:0.25rem; width:auto; height:2rem; line-height:2rem; font-family:'Sora'; font-size:0.7rem;}
a.btn_more.ty i {width:2rem; height:2rem; line-height:2rem; text-align:center; color:#000; font-size:1.3rem; border-radius:50%; background:#eeeeee; margin-left:0.35rem; transition: all .2s; -webkit-transition: all .2s;}
a.btn_more.ty:hover i,
a.btn_more.ty:focus i { background:#0e88d4; color: #fff; transform: rotate(180deg); -webkit-transform: rotate(180deg);}

/* 메인비주얼  */
.sjfe_visual{position: relative; max-width: 770px; margin: 0 auto;}
.sjfe_visual .visualWrap {width: 100%; position: relative;}
.sjfe_visual .visualWrap .img{ line-height: 0; width: 100%; margin-left: -2rem;}
.sjfe_visual .visualWrap .img img{width: calc(100% + 4.5rem);}



/* 행복마을학교 */
.sjfe_map{ position: relative;}
.sjfe_map .titWrap{ color: #000; padding-top: 2rem; margin-bottom: 0.85rem;}
.sjfe_map .titWrap p{margin-bottom: 0.5rem;}
.sjfe_map .titWrap h2{ font-size: 1.1rem; font-weight: 700;}
.sjfe_map .contWrap{width: 100%; height: 320px; border-radius: 1rem; position: relative; background: #3a6005 url('/images/web/sjfe/main/bg_map.png') no-repeat bottom left 2.5rem; display: flex; align-items: flex-start; justify-content: flex-start;}
.sjfe_map .contWrap::before{content: ""; width: 75px; height: 47px; background: url('/images/web/sjfe/main/deco_map_1.png') no-repeat center; position: absolute; top: -47px; left: 8.25rem;}
.sjfe_map .contWrap .titTab {max-width: 12rem; height: 100%; color: #fff; padding-top: 0.75rem;}
.sjfe_map .contWrap .titTab ul li a{line-height: 2.5rem; padding: 0 2.25rem 0 1.25rem; display: block; position: relative; z-index: 1; transition: all 0.3s;}
.sjfe_map .contWrap .titTab ul li a::before{content: ""; width: 0; height: 100%; background: #ffaa16;  position: absolute; top: 0; left: 0; z-index: -1; border-radius: 0 2rem 2rem 0; transition: width 0.3s;}

.sjfe_map .contWrap .tabWrap { align-self: flex-end; position: relative; margin-left: auto; width: 316px;}
.sjfe_map .contWrap .tabWrap .map {line-height: 0; width: 100%;}
.sjfe_map .contWrap .tabWrap .map img {width: 100%; height: auto;}
.sjfe_map .contWrap .tabWrap ul {width: 100%; height: 100%; position: absolute; top: 0; left: 0;}
.sjfe_map .contWrap .tabWrap ul li[class^="list_item"] { display: none; align-items: center; justify-content: flex-start; position: absolute;}
.sjfe_map .contWrap .tabWrap ul li[class^="list_item"] a{ display: flex;align-items: center;}
.sjfe_map .contWrap .tabWrap ul li[class^="list_item"] .pin{line-height: 0; z-index: 1; position: relative; transform: translateY(-10px); }
.sjfe_map .contWrap .tabWrap ul li[class^="list_item"] .txt{line-height: 34px; color: #fff; border-radius: 1.5rem; background-color: #213900; padding: 0 0.7rem; margin-top: -0.5rem; white-space: nowrap; overflow: hidden; transform: scaleX(0); transition: all 0.3s;}
.sjfe_map .contWrap .tabWrap ul li.list_item1 {top: 100px; right: 4rem;}
.sjfe_map .contWrap .tabWrap ul li.list_item1 .txt{margin-right: -0.65rem; transform-origin: right;}
.sjfe_map .contWrap .tabWrap ul li.list_item2 {top: 50px; right: 0.2rem;}
.sjfe_map .contWrap .tabWrap ul li.list_item2 .txt {margin-left: -0.65rem; transform-origin: left;}
.sjfe_map .contWrap .tabWrap ul li.list_item3 {top: 30px; right: 2rem;}
.sjfe_map .contWrap .tabWrap ul li.list_item3 .txt {margin-right: -0.65rem; transform-origin: right;}
.sjfe_map .contWrap .tabWrap ul li.list_item4 {top: 290px; right: 10.8rem;}
.sjfe_map .contWrap .tabWrap ul li.list_item4 .txt{margin-right: -8.2rem; transform-origin: left;}
/* 행복마을학교 :active */
.sjfe_map .contWrap .titTab ul li a:focus,
.sjfe_map .contWrap .titTab ul li a:hover{text-decoration: underline;}
.sjfe_map .contWrap .titTab ul li a.current{color: #000; font-weight: 700;}
.sjfe_map .contWrap .titTab ul li a.current::before{ width: 100%;  background: #ffaa16  url('/images/web/sjfe/main/icon_map_tab.png') no-repeat center right 1rem;}
.sjfe_map .contWrap .tabWrap ul li[class^="list_item"].on {display: flex;}
.sjfe_map .contWrap .tabWrap ul li[class^="list_item"].on .txt{ animation: tabAni 0.25s 0.15s forwards;}
.sjfe_map .contWrap .tabWrap ul li[class^="list_item"].on .pin{ animation: pinAni 0.15s forwards;}
.sjfe_map .contWrap .tabWrap ul li[class^="list_item"] a:hover .txt,
.sjfe_map .contWrap .tabWrap ul li[class^="list_item"] a:focus .txt{text-decoration: underline;}
.sjfe_map .contWrap .tabWrap ul li[class^="list_item"] a:hover .pin,
.sjfe_map .contWrap .tabWrap ul li[class^="list_item"] a:focus .pin{animation: pinHoverAni 0.5s alternate infinite;}
@keyframes tabAni{
	0%{transform: scaleX(0); color: #213900;}
	50%{color: #213900;}
	100%{transform: scaleX(1); color: #fff;}
}
@keyframes pinAni{
	0%{transform: translateY(-10px);}
	100%{transform: translateY(0);}
}

@keyframes pinHoverAni{
	0%{transform: translateY(0);}
	100%{transform: translateY(4px);}
}

 
/* 공지사항 */
.sjfe_notice{ position: relative;}

.sjfe_notice .titTab {margin-bottom: 1.15rem;}
.sjfe_notice .titTab ul{display: flex; align-items: center; justify-content: flex-start; margin-right: 2.25rem; gap: 0.5rem;}
.sjfe_notice .titTab ul li {max-width: calc(100% / 2);}
.sjfe_notice .titTab ul li a{line-height: 2.5rem; overflow: hidden; border-radius: 2.5rem; padding-right: 1.5rem; display: flex; align-items: center; background-color: #eef5ff; color: #666; font-size: 0.9rem; transition: all 0.15s;}
.sjfe_notice .titTab ul li a::after{content: "\e942"; line-height: 2.5rem; right: 1.5rem; top: 0; font-family: 'xeicon'; font-weight: 400;}
.sjfe_notice .titTab ul li a span{padding: 0 1.5rem;}

.sjfe_notice .tabWrap .list_box{display: none; min-height: 8rem;}
.sjfe_notice .tabWrap .list_box li:nth-child(n+5){display: none;}
.sjfe_notice .tabWrap .list_box li a{ position: relative; line-height: 2rem; padding-left: 0.75rem; display: flex; padding-right: 5rem;}
.sjfe_notice .tabWrap .list_box li a::before{content: ""; width: 5px; height: 5px; border-radius: 50%; background-color: #96a0b4; position: absolute; left: 0; top: 0.75rem;}
.sjfe_notice .tabWrap .list_box li a .txt {width: 100%; overflow: hidden; word-break: keep-all; white-space: nowrap; text-overflow: ellipsis;}
.sjfe_notice .tabWrap .list_box li a .date{position: absolute; right: 0; top: 0; color: #666666; font-size: 0.75rem}
.sjfe_notice .tabWrap .list_box .btn_more{ position: absolute; top: 0.125rem; right: 0;}
.sjfe_notice .list_box li.no_data{ width: 100%; background-color: rgba(0, 0, 0, 0.05); line-height: 8rem ; text-align: center; border-radius: 1rem;}

/* 공지사항:active */
.sjfe_notice .titTab ul li a.current,
.sjfe_notice .titTab ul li a:hover,
.sjfe_notice .titTab ul li a:focus{background-color: #1559b6; color: #fff; font-weight: 700;}
.sjfe_notice .tabWrap .list_box.on{display: block;}
.sjfe_notice .tabWrap .list_box li a:hover,
.sjfe_notice .tabWrap .list_box li a:focus,
.sjfe_notice .tabWrap .list_box li a:hover .date,
.sjfe_notice .tabWrap .list_box li a:focus .date{text-decoration: underline;}


/* 바로가기1 */
.sjfe_link1{position: relative;}
.sjfe_link1 ul {display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; gap: 1rem; width: 100%;}
.sjfe_link1 ul li{ width: calc((100% - 1rem) / 2); height: 5rem;}
.sjfe_link1 ul li a { width: 100%; height: 100%; display: flex; align-items: center; justify-content: flex-start;  border-radius: 1rem; background-color: #eef5ff; padding: 0.75rem;}
.sjfe_link1 ul li a .icon{ min-width: 3.5rem; min-height: 3.5rem; display: flex; align-items: center; justify-content: center; border-radius: 50%; background-color: #fff; margin-right: 0.75rem;}
.sjfe_link1 ul li a .icon img{transition: all 0.15s;}
.sjfe_link1 ul li a .txt { word-break: keep-all;}
/* 바로가기1 :active */
.sjfe_link1 ul li a:hover .icon img,
.sjfe_link1 ul li a:focus .icon img{transform: scaleX(-1);}
.sjfe_link1 ul li a:hover .txt,
.sjfe_link1 ul li a:focus .txt {text-decoration: underline;}

/* 바로가기2 */
.sjfe_link2{ position: relative; display: flex; width: 100%;}
.sjfe_link2 div[class^="link2_"]{ position: relative; }
.sjfe_link2 div[class^="link2_"] a{display: block; width: 100%; height: 6.5rem; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; border-radius: 1rem; padding: 2rem 10rem 2rem 2rem; color: #fff; word-break: keep-all;}
.sjfe_link2 div[class^="link2_"] a h4 {font-size: 1rem; font-weight: 700; margin-bottom: 0.5rem; padding-right: 2rem; position: relative;}
.sjfe_link2 div[class^="link2_"] a h4::after{content: "\e90b"; font-family: 'xeicon'; color: #fff; position: absolute; right: 0.85rem; line-height: 1.4rem; font-weight: 400; opacity: 0; transition: all 0.3s;}
.sjfe_link2 div[class^="link2_"] a p {font-size: 0.75rem;}
.sjfe_link2 div[class^="link2_"] a .icon{position: absolute; right: 0; bottom: -5px; line-height: 0; transition: all 0.3s;}
.sjfe_link2 .link2_L{width: calc(95% - 550px); max-width: 770px; margin-right: auto;}
.sjfe_link2 .link2_L a {background: #396005 url('/images/web/sjfe/main/bg_link02_1.png') no-repeat right center;}
.sjfe_link2 .link2_R{width: 550px;}
.sjfe_link2 .link2_R a {background: #1459b6 url('/images/web/sjfe/main/bg_link02_2.png') no-repeat right center;}
/* 바로가기2 :active */
.sjfe_link2 div[class^="link2_"] a:focus h4::after,
.sjfe_link2 div[class^="link2_"] a:hover h4::after{right: 0.5rem; opacity: 1;}
.sjfe_link2 div[class^="link2_"] a:focus .icon,
.sjfe_link2 div[class^="link2_"] a:hover .icon{ transform: scale(1.025); bottom: -3px;}


/* 포토갤러리 */
.sjfe_gallery{ position: relative;}
.sjfe_gallery .tit{margin-bottom: 0.8rem;}
.sjfe_gallery .tit h2{line-height: 2rem; font-weight: 700; font-size: 1rem; color: #000;}
.sjfe_gallery .tit .btn_more{top: 0;}
.sjfe_gallery .tit .btn_more i{ background-color: #fff; color: #000;}
.sjfe_gallery .list_box ul{display: flex; align-items: flex-start;}
.sjfe_gallery .list_box ul li {background-color: #fff; text-align: center; border-radius: 1rem; width: calc(91.5% / 4); max-width: 320px; margin-right: 30px;}
.sjfe_gallery .list_box ul li .img { position: relative; border-radius: 1rem; overflow: hidden; line-height: 0; height: 185px; background-color: rgba(0, 0, 0, 0.1);}
.sjfe_gallery .list_box ul li .img img{ height: 100%; width: auto; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); transition: all 0.3s;}
.sjfe_gallery .list_box ul li .txtBox{padding: 1rem 1.25rem; line-height: 1.75rem; width: 100%;}
.sjfe_gallery .list_box ul li .txtBox p{white-space: nowrap; width: 100%; overflow: hidden; text-overflow: ellipsis;}
.sjfe_gallery .list_box ul li.no_data{width: 100%; max-width: 100%; line-height: 13rem;}

/* 포토갤러리 :active */
.sjfe_gallery .list_box ul li a:hover img,
.sjfe_gallery .list_box ul li a:focus img{transform: translate(-50%, -50%) scale(1.2);}
.sjfe_gallery .list_box ul li a:hover p,
.sjfe_gallery .list_box ul li a:focus p{text-decoration: underline;}

/* 배너존 */
.banner_zone {line-height: 1; border-top: 1px solid #d1d8e4; background-color: #fff;}
.banner_zone .container {position: relative; height: 4rem; overflow: hidden;}
.banner_zone h2 {float:left; margin-top: 1.5rem; width: 4rem; font-size: 0.8rem; font-weight: 600; color: #191919;}
.banner_zone .btn {float: left; margin-top: 1.1rem; overflow: hidden;}
.banner_zone .btn a {float: left; width: 1.8rem; height: 1.8rem; line-height:1.8rem; border-radius:50%; background:#f6f6f6; text-align:center; overflow: hidden;}
.banner_zone .btn a + a {margin-left:.25rem;}
.banner_zone .btn a.play{display:none;}
.banner_zone .bnWrap { width: calc(100% - 8rem); float:left; padding-top: 0.75rem; padding-left:1.75rem; overflow: hidden;}
.banner_zone .bnWrap a {display: block; height: 2.5rem; line-height: 2.3rem; text-align: center; margin:0 5px; overflow: hidden;}
.banner_zone .bnWrap a img {max-width: 100%; max-height: 100%; vertical-align: middle;}

@media (max-width: 1440px) {
}

@media (max-width: 1340px) {
}

@media (max-width: 1240px) {

	/* 행복마을학교 */
	.sjfe_map .titWrap {display: flex; align-items: center; gap: 0.5rem; padding-top: 0;}
	.sjfe_map .titWrap p { margin-bottom: 0; }
	.sjfe_map .contWrap .titTab { display: none;}
	.sjfe_map .contWrap { width: 100%; height: auto; background: none;}
	.sjfe_map .contWrap::before { left: auto; right: 2rem;}
	.sjfe_map .contWrap .tabWrap .map {display: none;}
	.sjfe_map .contWrap .tabWrap { width: 100%;}
	.sjfe_map .contWrap .tabWrap ul { height: auto; position: relative; display: flex; align-items: center; justify-content: space-between;}
	.sjfe_map .contWrap .tabWrap ul li[class^="list_item"] { width: calc((100% - 20px)/ 3);  position: relative; display: block; left: auto; right: auto; top: auto; bottom: auto;}
	.sjfe_map .contWrap .tabWrap ul li[class^="list_item"] a,
	.sjfe_map .contWrap .tabWrap ul li[class^="list_item"].on{display: block;}
	.sjfe_map .contWrap .tabWrap ul li[class^="list_item"] .txt { line-height: 2.5rem; margin-top: 0; transform: none;  background-color: #396005; transition: background-color 0.3s;}
	.sjfe_map .contWrap .tabWrap ul li[class^="list_item"].on .txt { animation: none; }
	.sjfe_map .contWrap .tabWrap ul li[class^="list_item"] .pin {display: none;}
	.sjfe_map .contWrap .tabWrap ul li.list_item1 .txt,
	.sjfe_map .contWrap .tabWrap ul li.list_item2 .txt,
	.sjfe_map .contWrap .tabWrap ul li.list_item3 .txt { margin-left: 0; margin-right: 0;}
	.sjfe_map .contWrap .tabWrap ul li.list_item4 .txt { margin-left: 0; margin-right: 0;}
	/* 행복마을학교 : active */
	.sjfe_map .contWrap .tabWrap ul li[class^="list_item"] a:hover .txt,
	.sjfe_map .contWrap .tabWrap ul li[class^="list_item"] a:focus .txt{background: #ffaa16 url('/images/web/sjfe/main/icon_map_tab.png') no-repeat center right 1rem;}
	.sjfe_map .contWrap .tabWrap ul li[class^="list_item"] a:hover .txt, .sjfe_map .contWrap .tabWrap ul li[class^="list_item"] a:focus .txt { text-decoration: none;}

	/* 바로가기1 */
	.sjfe_link1 ul li a { padding: 0.75rem 0.25rem 0.75rem 0.75rem; }
	.sjfe_link1 ul li a .icon { margin-right: 0.25rem; }

	/* 바로가기 2 */
	.sjfe_link2 .link2_L{width: calc(96% / 2);}
	.sjfe_link2 .link2_R{width: calc(96% / 2);}
	.sjfe_link2 div[class^="link2_"] a { padding: 2rem 8.5rem 2rem 1.5rem;}
	.sjfe_link2 div[class^="link2_"] a h4 { padding-right: 1rem; white-space: nowrap;}
	.sjfe_link2 div[class^="link2_"] a h4::after { right: 0.5rem;}
	.sjfe_link2 div[class^="link2_"] a:hover h4::after,
	.sjfe_link2 div[class^="link2_"] a:focus h4::after { right: 0rem;}
	.sjfe_link2 div.link2_L a .icon { right: -0.5rem;}
	
}

@media (max-width: 1024px) {
	/* 메인비주얼 */
	.sjfe_visual { max-width: 100%;}
	.sjfe_visual .visualWrap .img {display: flex; align-items: center; justify-content: center; margin: 0;}
	.sjfe_visual .visualWrap .img img { width: 90%;}

	/* 행복마을학교 */
	.sjfe_map .titWrap { padding-top: 0;}
	.sjfe_map .contWrap .tabWrap ul li[class^="list_item"] .txt{padding: 0 1rem;}

	/* 포토갤러리 */
	.sjfe_gallery .list_box ul li { width: calc((100% - 1rem) / 3); max-width: 100%; }
	.sjfe_gallery .list_box ul li:nth-child(n+4){display: none;}
}

@media (max-width: 960px) {

	/* 바로가기2 */
	.sjfe_link2 {flex-wrap: wrap;}
	.sjfe_link2 .link2_L{width: 100%; max-width: 100%; margin-bottom: 1rem;}
	.sjfe_link2 .link2_R{width: 100%; max-width: 100%;}
}

@media (max-width: 860px) {
}
@media (max-width: 840px) {

	/* 배너존 */
	.banner_zone h2{display:none;}
	.banner_zone .bnWrap{width:calc(100% - 8rem); padding-left:0.75rem;}
}

@media (max-width: 768px) {
	/* 메인비주얼 */
	.sjfe_visual .visualWrap .img img { width: 100%}

	/* 행복마을학교 */
	.sjfe_map .contWrap::before {content: none;}

	/* 포토갤러리 */
	.sjfe_gallery .list_box ul li { width: calc((100% - 1rem) / 2);}
	.sjfe_gallery .list_box ul li:nth-child(n+3){display: none;}
}

@media (max-width: 680px) {
	/* 행복마을학교 */
	.sjfe_map .contWrap .tabWrap ul { flex-wrap: wrap;}
	.sjfe_map .contWrap .tabWrap ul li[class^="list_item"] { width: calc((100% - 0.5rem) / 2); }
	.sjfe_map .contWrap .tabWrap ul li.list_item3 {width: 100%; margin-top: 0.5rem;}
	.sjfe_map .contWrap .tabWrap ul li.list_item4 {width: 100%; margin-top: 0.2rem;}

	/* 공지사항 */
	.sjfe_notice .tabWrap .list_box li a {line-height: 1.75rem;}
	.sjfe_notice .tabWrap .list_box,
	.sjfe_notice .list_box li.no_data { line-height: calc(1.75rem * 4);}
}

@media (max-width: 540px) {
	/* 공지사항 */
	.sjfe_notice .titTab ul { gap: 0.25rem; flex-wrap: wrap; }
	.sjfe_notice .titTab ul li {max-width: 100%;}
	.sjfe_notice .titTab ul li a { padding-right: 1rem; }
	.sjfe_notice .titTab ul li a span { padding: 0 0.75rem 0 1rem; }
	

	/* 바로가기1 */
	.sjfe_link1 ul { gap: 0.5rem; }
	.sjfe_link1 ul li { width: calc((100% - 0.5rem) / 2); height: 6rem; }
 	.sjfe_link1 ul li a {flex-direction: column; padding: 0.5rem 0.75rem;}
	.sjfe_link1 ul li a .icon { margin: 0 0 0.5rem;}
	.sjfe_link1 ul li a .txt {white-space: nowrap; text-overflow: ellipsis; overflow: hidden; width: 100%; text-align: center;}

	/* 바로가기2 */
	.sjfe_link2 div[class^="link2_"] a h4 { padding-right: 1rem; white-space: wrap; margin-bottom: 0;}
	.sjfe_link2 div[class^="link2_"] a p { display: none;}
	.sjfe_link2 div.link2_L a .icon { right: -1.5rem; }

}

@media (max-width: 480px) {

	/* 행복마을학교 */
	.sjfe_map .titWrap { flex-wrap: wrap;}
	.sjfe_map .contWrap .tabWrap ul li[class^="list_item"] { width: 100%;}
	.sjfe_map .contWrap .tabWrap ul li[class^="list_item"] .txt { padding: 0 1rem; }
	.sjfe_map .contWrap .tabWrap ul li.list_item2,
	.sjfe_map .contWrap .tabWrap ul li.list_item3 { margin-top: 0.25rem; }

	/* 공지사항 */
	.sjfe_notice .titTab { margin-bottom: 0.85rem; }
	.sjfe_notice .tabWrap .list_box li a {line-height: 1.5rem;}
	.sjfe_notice .list_box li.no_data { line-height: calc(1.5rem * 4);}

	/* 바로가기2 */
	.sjfe_link2 div[class^="link2_"] a { padding: 2rem 8.5rem 2rem 1rem; }
	.sjfe_link2 div[class^="link2_"] a h4::after { content: none; }

	/* 포토갤러리 */
	.sjfe_gallery .list_box ul li { width: 100%;}
	.sjfe_gallery .list_box ul li:nth-child(n+2){display: none;}
}

@media (max-width: 370px) {
	/* 공지사항 */
	.sjfe_notice .titTab ul li { width: 100%; }
	.sjfe_notice .titTab ul li a span { width: 100%;}

	/* 바로가기2 */
	.sjfe_link2 div[class^="link2_"] a .icon { width: 150px;}
	.sjfe_link2 div[class^="link2_"] a .icon img{width: 100%;}
}

@media (max-width: 340px) {
	/* 바로가기2 */
	.sjfe_link2 div[class^="link2_"] a { padding: 1rem;}
	.sjfe_link2 div[class^="link2_"] a .icon { display: none;}
}