@charset "UTF-8";

#header{background:#fff}
#header::after{background:#e1e1e1;opacity:1}
header .siteCateg li a{color:#003567}
header .siteCateg li a.btn_sea{color:#3374be !important;}

header .util_top>a,
header .util_top>button{color:#666}
#header .logo>a{background-image:url(../img/layout/logo_black.png)}
#header nav #gnb>li>a{color:#000}
#header .util .btn_topSearch{background-image:url(../img/layout/ico_search_black.png)}
#header .util .btn_topSitemap{background-image:url(../img/layout/ico_lineMenu_blue.png)}
header .util_top span.zoom div {color:#666}

#main{overflow:hidden;}
#container{padding-top:133px}
#main section:nth-child(2){background:#f0f4fb;padding-top:100px}
#main section:nth-child(4){background:#d6e2ef;}

#main section:nth-child(2)#bannerCollect .bn_organ:before,
#main section:nth-child(2)#bannerCollect .bn_organ:after,
#main section:nth-child(4)#bannerCollect .bn_organ:before,
#main section:nth-child(4)#bannerCollect .bn_organ:after{display:none}

#main article{position:relative;max-width:1220px;margin:0 auto;}

.mSticky #header{position:fixed;}

/*visual*/
#visual{
	position:relative;
	height:450px;
	background:#003567 url(../img/main/visual_bg.png) no-repeat center;background-size:cover
}
#visual .visual-slide .slick-dots {display:none !important}
#visual .visual-slide{
	position:absolute;top:40px;left:50%;
	width:1220px;margin-left:-610px;
	box-shadow:0 10px 30px rgba(0,0,0,0.5)
}
#visual .visual-slide .slick-slide{
	position:relative;
	height:450px;
	padding:1px 1px 0px 1px; /* 20230120 키보드 초점이동 padding 추가 */
	/* background:#3374be; */
}
/* #visual .visual-slide .slick-slide img{position:absolute;top:0;right:0;} */
#visual .visual-slide .slick-slide a {display:block;}
#visual .visual-slide .slick-slide a:focus {outline:2px solid #fff;}/* 20230120 키보드 초점이동 a:focus 추가 */
#visual .visual-slide .slick-slide img{width:100%;height:100%;}
#visual .visual-slide .slick-slide:after {content:'';display:block;width:100%;height:217px;background:url(../img/main/mainV_shadow.png) no-repeat;position:absolute;bottom:0;z-index:10;}
#visual .visual-slide .slick-slide b {display:block;position: absolute;width:890px;left: 65px;bottom: 48px;font-size:37px;font-weight:500;color:#fff;line-height:41px;z-index:20;font-family:'Noto Sans KR',sans-serif;}

/* #visual .visual-slide .slick-slide b{
	display:block;
	width:445px;max-height:216px;
	box-sizing:border-box;
	margin:60px 0 50px;
	padding:0 30px 0 65px;
	font-family:'Noto Sans KR',sans-serif;font-size:42px;font-weight:500;color:#fff;line-height:1.3em;word-break:Keep-all;letter-spacing:-3px;
	overflow: hidden;
	white-space:normal;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	word-wrap:break-word;
} */
/* #visual .visual-slide .slick-slide a{
	position:absolute;left:65px;bottom:95px;
	display:inline-block;width:129px;height:45px;line-height:43px;
	box-sizing:border-box;
	border:1px solid #99badf;
	text-align:center;font-family:'Noto Sans KR',sans-serif;font-size:16px;color:#fff
} */
#visual .slick-arrow{position:absolute;bottom:54px;right:172px;display:block;width:20px;height:25px;background:url(../img/main/btn_prev_main.png) no-repeat;font-size:0;z-index:30;}
#visual .slick-arrow:hover{opacity:1}
#visual .slick-arrow.slick-prev{right:235px}
#visual .slick-arrow.slick-next{background-image:url(../img/main/btn_next_main.png)}
#main #visual .slick-counter{position:absolute;bottom:40px;right:70px;font-size:20px;color:#fff;text-align:right;font-family:'Roboto', 'Open Sans', sans-serif}
#main #visual .slick-counter .total{font-size:20px;color:#fff;opacity:0.5}
#main #visual .slick-counter .current{font-size:31px}
#main #visual .btn_pause, #main #visual .btn_play {position: absolute;bottom:54px;right:207px;display: block;width:20px;height: 25px;background: url(../img/main/btn_stop2.png) no-repeat center;font-size: 0;z-index: 30;}
#main #visual .btn_play {background-image: url(../img/main/btn_play2.png);}
#main #visual .slick-dots li button {width:10px;height:10px;}
.slick-dots{position:absolute;bottom:40px;left:65px;font-size:0}
.slick-dots li{display:inline-block;}
.slick-dots li button{display:block;width:8px;height:8px;margin-right:10px;border:1px solid #fff;border-radius:50%;transition:.3s;font-size:0;}
.slick-dots li.slick-active button{background:#fff;}
.slick-dots li button.btn_pause,
.slick-dots li button.btn_play{width:12px;height:12px;border:0;border-radius:0;background:url(../img/main/stop.png) no-repeat center;}
.slick-dots li button.btn_play{background-image:url(../img/main/play.png)}


#lifeInfo{padding:80px 0}
#lifeInfo h5{
	margin-bottom:15px;
	font-family:'Noto Sans KR',sans-serif;font-size:24px;font-weight:600;letter-spacing:-1px;line-height:1.2em;
}
#lifeInfo article:after{content:'';display:block;clear:both;}
#lifeInfo .greeting{
	float:left;
	width:calc(50% - 40px);
}
#lifeInfo .greeting div{
	position:relative;
	height:200px;
	box-sizing:border-box;
	padding-left:204px;
	background:#3374be url(../img/main/chair_bg.png) no-repeat right center;
}
#lifeInfo .greeting img{position:absolute;top:0;left:0}
#lifeInfo .greeting dl{
	max-width:220px;
	padding:30px 0 0 40px;
}
#lifeInfo .greeting dt{
	padding-bottom:30px;
	font-family:'Noto Sans KR',sans-serif;font-size:22px;color:#fff;word-break:keep-all;line-height:1.3em
}
#lifeInfo .greeting dd a{
	display:inline-block;height:30px;line-height:30px;
	padding-right:40px;
	background:url(../img/main/btn_more3.png) no-repeat right center;
	font-family:'Noto Sans KR',sans-serif;font-size:16px;color:#fff;
}
#lifeInfo .news_active{
	float:right;
	position:relative;
	width:calc(50% - 40px);
	overflow:hidden;
}
#lifeInfo .news_active .tab{
	height:255px;
	padding-right:39px;margin-top:-38px;
	text-align:right;font-size:0
}
#lifeInfo .news_active .tab:after{
	content:'';
	position:absolute;right:100%;bottom:0;
	width:100%;height:1px;
	background:#d1d4d9
}
#lifeInfo .news_active .tab>li{display:inline-block;vertical-align:top}
#lifeInfo .news_active .tab>li>a{
	display:block;width:90px;height:40px;line-height:38px;
	box-sizing:border-box;
	border:1px solid #d1d4d9;
	text-align:center;font-family:'Noto Sans KR',sans-serif;font-size:15px;
}
#lifeInfo .news_active .tab>li+li{margin-left:-1px}
#lifeInfo .news_active .tab>li>a.on{border-bottom:0;font-weight:500;color:#3374be}
#lifeInfo .news_active .more{
	position:absolute;top:-50px;right:0;
	z-index:1
}
#lifeInfo .news_active .more a{
	display:block;
	width:40px;height:40px;
	box-sizing:border-box;
	border:1px solid #d1d4d9;
	background:url(../img/main/btn_more.png) no-repeat center;
	font-size:0
}
#lifeInfo .news_active_wrap .tab a.on+div{display:block;}
#lifeInfo .news_active_wrap div{
	display:none;
	position:absolute;right:0;width:100%;margin-top:10px;
	text-align:left
}
#lifeInfo .news_active_wrap div li{
	position:relative;
	padding:0 110px 0 10px;margin-top:7px;
}
#lifeInfo .news_active_wrap div li:before{
	content:'';
	position:absolute;top:10px;left:0;
	display:block;width:3px;height:3px;
	background:#2f6eba;border-radius:50%
}
#lifeInfo .news_active_wrap div li a{
	display:inline-block;max-width:100%;
	font-family:'Noto Sans KR',sans-serif;font-size:17px;font-weight:500;
	overflow:hidden;white-space:nowrap;text-overflow:ellipsis;
}
#lifeInfo .news_active_wrap div li time,
#lifeInfo .news_active_wrap div li span {
	position:absolute;right:0;
	margin-top:3px;
	font-family: 'Roboto';font-size:16px;/*line-height:47px;*/color:#666;letter-spacing:-1px;
} /*210104*/
#lifeInfo .news_active_wrap div li.empty{
	padding:50px 0;
	text-align:center;font-family:'Noto Sans KR',sans-serif;font-size:18px;color:#666;
}
#lifeInfo .news_active_wrap div li.empty:before{display:None}

#news{padding-bottom:80px}
#news article:after{content:'';display:block;clear:both}
#news h4{
	padding:70px 0 40px;
	text-align:center;font-family:'Noto Sans KR',sans-serif;font-weight:300;font-size:20px;color:#464646
}
#news h4 b{
	display:block;
	margin-bottom:10px;
	font-size:45px;font-weight:500;letter-spacing:-2px;color:#000;line-height:1.2em
}
#news .news_board{
	float:left;position:relative;
	width:calc(100% - 430px);
}
#news .news_board .tab{display:table;width:calc(100% - 39px);height:330px;margin-bottom:8px;font-size:0}
#news .news_board .tab>li{display:table-cell;}
#news .news_board .tab>li>a{
	display:block;height:40px;line-height:36px;
	box-sizing:border-box;
	border:1px solid #d1d4d8;border-right:0;
	background:#f3f6f9;
	text-align:center;font-family:'Noto Sans KR',sans-serif;font-weight:500;font-size:16px;color:#565b61
}
#news .news_board .tab>li>a.on{background:#3374be;border-color:#3374be;color:#fff}
#news .news_board .tab>li>a.on+div{display:block}
#news .news_board .more{position:absolute;top:-48px;right:0}
#news .news_board .more a{
	display:block;width:40px;height:40px;
	box-sizing:border-box;
	border:1px solid #d1d4d8;
	background:#f3f6f9 url(../img/main/btn_more.png) no-repeat center;
	font-size:0
}
#news .news_board div{
	display:none;
	position:absolute;left:0;width:100%;
	margin-top:8px;
}
#news .news_board div li+li{border-top:1px solid #e1e1e1}
#news .news_board div li{position:relative;height:47px;line-height:47px;padding-right:100px}
#news .news_board div li a{
	display:inline-block;max-width:100%;
	font-family:'Noto Sans KR',sans-serif;font-size:17px;font-weight:500;
	overflow:hidden;white-space:nowrap;text-overflow:ellipsis;
}
#news .news_board div li time,
#news .news_board div li span {
	position:absolute;right:0;
	margin-top:3px;
	font-family: 'Roboto';font-size:16px;line-height:47px;color:#666;letter-spacing:-1px;
}
#news .news_board div li.empty{
	padding:50px 0;
	text-align:center;font-family:'Noto Sans KR',sans-serif;font-size:18px;color:#666;
}

#main #news .news_gallery{
	float:right;
	width:352px;
}
#main #news .news_gallery dt a{
	position:relative;
	display:block;
	background-size:cover;background-position:center;
	font-size:0
}
#main #news .news_gallery dt a em{
	position:absolute;bottom:0;left:0;
	display:inline-block;height:30px;line-height:30px;
	padding:0 10px;
	background:#2c78d6;
	font-size:14px;color:#fff;letter-spacing:-1px;font-style:normal;
}
#main #news .news_gallery dd{margin-top:15px;font-family:'Noto Sans KR',sans-serif;font-size:24px;letter-spacing:-1px;font-weight:500;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
#main #news .news_gallery .more{position:relative;margin-top:10px}
#main #news .news_gallery .more a{
	display:inline-block;width:auto;height:30px;line-height:28px;
	padding-right:40px;
	background:url(../img/main/btn_more2.png) no-repeat right 0;
	font-family:'Noto Sans KR',sans-serif;font-size:16px;color:#666;font-weight:500
}

#main #bannerIcon{padding:40px 0;}
#main #bannerIcon ul{font-size:0;text-align:center}
#main #bannerIcon ul li{display:inline-block;width:16.66%;vertical-align:top}
#main #bannerIcon ul li a{display:block;padding:0 5px;text-align:center}
#main #bannerIcon ul li a b{
	display:block;
	margin-top:10px;
	font-family:'Noto Sans KR',sans-serif;font-size:16px;font-weight:500;word-break:keep-all
}
#main #bannerCollect{padding:80px 0}
#main #bannerCollect article{box-sizing:border-box}
#main #bannerCollect .noti_area{position:absolute;top:0;left:0;width:356px} /* 20230120 키보드초점이동 관련  width:354px수정 */
#main #bannerCollect .noti_area h5{
	margin-bottom:15px;
	font-family:'Noto Sans KR',sans-serif;font-size:24px;color:#333;font-weight:500;
}
#main #bannerCollect .noti_area .slick-slide{width:352px;padding:2px;}/* 20230120 키보드초점이동 관련  padding:2px;추가 */
#main #bannerCollect .noti_area .slick-slide a{display:block;background-size:contain;background-position:center;background-repeat:no-repeat;background-color:#333}
#main #bannerCollect .noti_area .slick-dots{position:absolute;top:-39px;bottom:auto;left:auto;right:30px}
#main #bannerCollect .noti_area .slick-dots li button{display:none}
#main #bannerCollect .noti_area .slick-dots li.slick-active button{border-color:#18437b}
#main #bannerCollect .noti_area .slick-dots li button.btn_pause{display:block;margin-right:0;background-image:url(../img/main/stop2.png)}
#main #bannerCollect .noti_area .slick-dots li button.btn_play{display:block;margin-right:0;background-image:url(../img/main/play2.png)}
#main #bannerCollect .noti_area .slick-arrow{
	position:absolute;top:-45px;right:50px;
	display:block;width:24px;height:24px;
	background:Url(../img/main/btn_prev4.png) no-repeat center;
	font-size:0;z-index:1
}
#main #bannerCollect .noti_area .slick-arrow.slick-next{right:0;background-image:Url(../img/main/btn_next4.png)}
#main #bannerCollect .noti_area .slick-counter{
	position:absolute;top:-44px;right:80px;
	font-size:15px;color:#888;font-family: 'Roboto';
}
#main #bannerCollect .noti_area .slick-counter .current{color:#0b78e8}

/* #main #bannerCollect .bn_aside,
#main #bannerCollect .bn_organ{margin-left:434px} */
#main #bannerCollect .bn_aside{margin-left:434px}

#main #bannerCollect .bn_aside{padding-top:51px;}
#main #bannerCollect .bn_aside ul{width:calc(100% + 80px);margin-left:-80px;font-size:0}
#main #bannerCollect .bn_aside ul li{display:inline-block;width:calc(50% - 80px);margin-left:80px;border-top:1px solid #8f9baa;vertical-align:top}
#main #bannerCollect .bn_aside ul li a{display:block;height:83px;padding-top:25px;}
#main #bannerCollect .bn_aside ul li a span{display:block;font-size:0}
#main #bannerCollect .bn_aside ul li a b{display:block;font-size:14px;color:#003567;letter-spacing:-1px;line-height:1.2em}

#main #bannerCollect .bn_organ{position:relative;box-sizing:border-box;height:78px;padding:17px 30px 0;border-top:1px solid #e0e6ed}
#main #bannerCollect .bn_organ:before,
#main #bannerCollect .bn_organ:after{
	content:'';
	position:absolute;top:0;right:30px;
	display:block;width:43px;height:100%;
	background:url(../img/main/bn_organ_bg.png) repeat-y;
	z-index:9
}
#main #bannerCollect .bn_organ:before{right:auto;left:10px;transform:rotate(180deg)}
#main #bannerCollect .bn_organ li{padding:0 25px}
#main #bannerCollect .bn_organ .slick-arrow{
	position:absolute;top:50%;left:-30px;
	display:block;width:30px;height:30px;
	margin-top:-15px;
	background:url(../img/main/btn_prev.png) no-repeat center;
	font-size:0;z-index:10
}
#main #bannerCollect .bn_organ .slick-arrow.slick-next{left:auto;right:-30px;background-image:url(../img/main/btn_next.png)}
#main #bannerCollect .bn_organ .slick-arrow.slick-disabled{opacity:.1}
#main #bannerCollect .bn_organ li a{display:block;}

.main_bn_family_wrap{position:relative;max-width:1220px;margin:0 auto 0}
.bn_family{position:relative;box-sizing:border-box;padding:0 30px 60px;}
.bn_family:after{
	content:'';
	position:absolute;top:0;right:10px;
	display:block;width:43px;height:100%;
	background:url(../img/main/bn_organ_bg.png) repeat-y;
	z-index:9
}
.bn_family li{padding:0 1px}
.bn_family li a{
	display:block;height:40px;line-height:40px;
	padding:0 40px;
	border:1px solid #d5dae1;
	font-family:'Noto Sans KR',sans-serif;font-size:17px;color:#5c5f63;font-weight:500;
}
.bn_family .slick-arrow{
	position:absolute;top:50%;left:-30px;
	display:block;width:10px;height:40px;
	margin-top:-20px;
	background:#fff url(../img/main/btn_prev2.png) no-repeat center;
	font-size:0;z-index:10
}
.bn_family .slick-arrow.slick-next{left:auto;right:-30px;background-image:url(../img/main/btn_next2.png)}
.bn_family .slick-arrow.slick-disabled{opacity:.2}


@media all and (max-width:1300px){
	/* #visual .visual-slide{left:40px;width:calc(100% - 80px);margin:0}
	#visual .visual-slide .slick-slide b{width:calc(100% - 774px);-webkit-line-clamp: 5;max-height:210px;padding:0 30px;margin:30px 0;font-size:33px}
	#visual .visual-slide .slick-slide a,
	#visual .slick-dots{left:30px}
	#visual .slick-arrow{opacity:0;visibility:hidden} */
	#main article{box-sizing:border-box;margin:0 40px}

}


@media all and (max-width:1250px){
	#visual .visual-slide {left:0;top:0;width:100%;margin-left:0;}
}

@media all and (max-width:1200px){
	/* #visual .visual-slide .slick-slide b{-webkit-line-clamp: 7;max-height:245px;padding:0 25px;margin:25px 0;font-size:27px;}
	#visual .visual-slide .slick-slide a,
	#visual .slick-dots{left:25px} */
	#lifeInfo .greeting dl{padding:25px 0 0 25px}
	#lifeInfo .news_active{width:50%}
	#lifeInfo .news_active .tab>li>a{width:auto;padding:0 15px}
}

@media all and (max-width:1160px){
	#visual .visual-slide .slick-slide b {width:700px}
}

@media all and (max-width:1100px){
	/* #visual .visual-slide .slick-slide b{max-height:224px;font-size:25px;word-break:break-all} */
}

@media all and (max-width:1041px){
	#container{padding-top:0}
	.typeHeadBnr #container{padding-top:100px}
	#header{background:None}
	.mSticky #header {background:url(../img/layout/bg_mSticky.png) repeat;}
	#header .logo>a,
	.mSticky #header .logo>a{background-image:url(../img/layout/m/logo.png)}
	.mSticky #header .util .btn_topSearch{background-image:url(../img/layout/m/ico_search_white.png)}

	#main section:nth-child(2){padding-top:40px}

	#visual {height:auto;padding:133px 00px 0;/*background:url(../img/main/m/visual_bg.png) no-repeat center bottom;background-size:cover}*/background:#f0f4fb;}
	#visual .visual-slide{position:relative;top:0;left:0;width:100%;box-shadow:none}
	#visual .visual-slide .slick-slide{height:auto;}
	#visual .visual-slide .slick-slide img{position:relative;width:100%;height:400px;}
	#visual .visual-slide .slick-slide p {position:relative;box-sizing: border-box;padding: 30px 250px 30px 30px;left: 0;bottom: 0;width: 100%;background: #011b3e;}
	#visual .visual-slide .slick-slide p:after {content:'';position:absolute;bottom:100%;left:0;display:block;width:100%;height:100px;background: url(../img/main/m/visual_bg2.png) repeat-x;background-size:auto 100%}
	#visual .visual-slide .slick-slide:after {display:none}
	#visual .visual-slide .slick-slide b{position:inherit;width:100%;padding:0px;left:0;bottom:0;font-size:25px;line-height:30px}
	#visual .visual-slide .slick-slide a{bottom:0;left:0;width:100%;height:100%;border:0;font-size:0}
	#visual .slick-dots{position:relative;left:0;bottom:0;padding:40px 0;text-align:center}
	#visual .slick-dots li button{margin:0 5px}
	#main #visual .slick-counter {bottom:25px;right:40px;}
	#visual .slick-arrow {right:143px;bottom:35px}
	#visual .slick-arrow.slick-prev {right:206px;}
	#main #visual .btn_pause, #main #visual .btn_play {bottom:54px;right:178px;bottom:35px;}

	#lifeInfo{padding:40px 0}
	#lifeInfo .greeting,
	#lifeInfo .news_active{float:none;width:100%}
	#lifeInfo .news_active{margin-top:40px}

	#news{padding-bottom:40px;}
	#news h4{padding:40px 0 30px;font-size:16px}
	#news h4 b{font-size:35px}
	#main #news article{box-sizing:border-box;}
	#news .news_board{width:calc(100% - 340px)}
	#main #news .news_gallery{width:300px}
	#main #news .news_gallery dd{font-size:20px}
	#main #bannerIcon{padding-top:0}
	#main #bannerIcon ul li{width:33.33%;padding-top:40px}

	#main #bannerCollect{padding:40px 0 20px}
	#main #bannerCollect .bn_aside{margin-left:380px;}
	#main #bannerCollect .bn_aside ul{width:100%;margin:0}
	#main #bannerCollect .bn_aside ul li{width:100%;margin:0}
	#main #bannerCollect .bn_aside ul li a{height:auto;padding:9px 0}
	#main #bannerCollect .bn_aside ul li a b{font-size:12px;}

	#main #bannerCollect .bn_organ{margin:40px 0 0}
	.main_bn_family_wrap{margin:0 40px}
}

@media all and (max-width:768px){
	.typeHeadBnr #container{padding-top:80px}
	#visual{padding:67px 0px 0}
	#visual .visual-slide .slick-dots {display:block !important;position:relative; bottom:20px; left:0; padding:0;width:100%;text-align:center;}
	#visual .visual-slide .slick-slide img {height:250px;}
	#visual .visual-slide .slick-slide b{padding:0 0 20px 0px;font-size:18px;letter-spacing:-1px;line-height:21px}
	#visual .visual-slide .slick-slide p {padding: 0 20px 15px 20px}
	#visual .slick-arrow {display:none !important}
	#main #visual .btn_pause, #main #visual .btn_play {display:none;}
	#main #visual .slick-counter {display:none;}

	#main article{margin:0 20px}

	#lifeInfo{padding-bottom:0}
	#lifeInfo h5{font-size:20px}
	#lifeInfo .greeting div img{height:140px}
	#lifeInfo .greeting div{height:140px;padding-left:140px;background-size:auto 100%}
	#lifeInfo .greeting dl{position:relative;max-width:100%}
	#lifeInfo .greeting dt{font-size:18px}
	#lifeInfo .greeting dd a{position:absolute;top:0;right:0;box-sizing:border-box;width:100%;height:100%;background-position:right 15px bottom;background-size:18px auto;font-size:0}
	#lifeInfo .news_active .tab{margin-top:0;padding-right:0}
	#lifeInfo .news_active .tab>li{width:25%}
	#lifeInfo .news_active .tab>li>a{padding:0}
	#lifeInfo .news_active .more{top:-100px;right:-10px;border:0}
	#lifeInfo .news_active .more a{border:0}
	#lifeInfo .news_active_wrap div{margin-top:20px}
	#lifeInfo .news_active_wrap div li{padding-right:0;}
	#lifeInfo .news_active_wrap div li a{display:block;padding-bottom:3px;font-size:16px}
	/*
	#lifeInfo .news_active_wrap div li{padding-right:0;border-bottom:1px solid #d6d9dc}
	#lifeInfo .news_active_wrap div li a{display:block;padding-bottom:10px;font-size:15px}
	*/
	#lifeInfo .news_active_wrap div li time,
	#lifeInfo .news_active_wrap div li span {display:none}
	#lifeInfo .news_active_wrap div li.empty{border:0;font-size:16px}

	#news h4{font-size:14px}
	#news h4 b{font-size:26px}
	#main #news article>div{float:none;width:100%}
	#main #news article>div+div{margin:40px 0 0}
	#main #news .news_active h5{font-size:20px}
	#main #news .news_active ul li a,
	#main #news .news_board div li a{height:40px;line-height:40px;font-size:16px}
	#main #news .news_gallery{float:none}
	#main #news .news_gallery dd{font-size:20px}
	#main #news .news_gallery .more a{padding-right:25px;background-size:auto 20px;background-position:right 1px center}

	#news .news_board div li{padding-right:0;height:auto;line-height:1.2em}
	#news .news_board div li a{display:block;}
	#news .news_board div li time,
	#news .news_board div li span {display:none}
	#main #news .news_gallery{width:100%;margin-top:0}
	#main #news .news_gallery dd{font-size:18px}
	#main #news .news_gallery .more a{padding-right:22px;background-size:auto 18px;background-position:right center;}

	#main #sns article{padding:0 20px 30px}
	#main #sns ul{text-align:center}
	#main #sns ul li{width:calc(33.33% - 20px)}

	#main #bannerIcon ul{padding:20px 0 0}
	#main #bannerIcon ul li{box-sizing:border-box;padding:20px 10px 0}
	#main #bannerIcon ul li a b{font-size:14px}

	#main #bannerCollect{padding-bottom:0}
	#main #bannerCollect .noti_area h5{font-size:20px}
	#main #bannerCollect .noti_area{position:relative;width:100%}

    /* 2021-03-03 수정
	#main #bannerCollect .noti_area .slick-slide{width:300px;opacity:.3}
	#main #bannerCollect .noti_area .slick-slide.slick-active{opacity:1}
	*/
	#main #bannerCollect .noti_area .noti-slide{width:280px;}
	#main #bannerCollect .noti_area .slick-slide{width:280px;}
	
	#main #bannerCollect .bn_aside{margin:0;padding-top:40px}
	#main #bannerCollect .bn_aside ul li a span img{height:30px}
	#main #bannerCollect .bn_organ{margin-top:20px;padding:15px 15px 0}
	#main #bannerCollect .bn_organ li{padding:0 15px}
	#main #bannerCollect .bn_organ li img{height:35px}
	#main #bannerCollect .bn_organ .slick-arrow{width:24px;height:24px;margin-top:-12px;background-size:100% auto}
	#main #bannerCollect .bn_organ .slick-arrow.slick-next{right:-15px}
	#main #bannerCollect .bn_organ .slick-arrow.slick-prev{left:-15px}
	#main #bannerCollect .bn_organ:before, #main #bannerCollect .bn_organ:after{right:0}

	.main_bn_family_wrap{margin:0 20px;padding-bottom:40px}
	.bn_family{padding:0 15px}
	.bn_family li a{height:30px;line-height:30px;padding:0 20px;font-size:14px}
	.bn_family .slick-arrow{width:10px;height:24px;margin-top:-12px;background-size:auto 50%}
	.bn_family .slick-arrow.slick-next{right:-15px}
	.bn_family .slick-arrow.slick-prev{left:-15px}
	.bn_family:after{right:0}
}

@media all and (max-width:560px){
	#visual .visual-slide .slick-slide img {height:180px}
}

@media all and (max-width:380px){
	#lifeInfo .greeting dt{font-size:16px}
}
@media all and (max-width:340px){
	#lifeInfo .greeting dt{font-size:15px}
}
