/* 메인영역 - 비주얼 */
.main .visual { position:relative; overflow:hidden; }
.main .visual_bg { position:relative; z-index:1; }
.main .visual_bg .item { display: table; width: 100%; height:100vh; background-size:cover; background-position:center;  }
.main .visual_bg .item.one { background-image:url('../images/image/main_visual_big_1.jpg');}
.main .visual_bg .item.two { background-image:url('../images/image/main_visual_big_2.jpg');}
.main .visual_bg .item.three { background-image:url('../images/image/main_visual_big_3.jpg');}
.main .visual_bg .item.four { background-image:url('../images/image/main_visual_big_4.jpg');}
.main .visual_bg .item_box { display:table-cell; vertical-align:middle; text-align: center;}
.main .visual_bg .item_caption { width: 50%; text-align: left;padding: 0px 10px; margin: 0px auto; position:absolute; left:33%}
.main .visual_bg .item_caption .tag { font-size:21px; color:#fff; margin-bottom: 10px; font-weight: 300}
.main .visual_bg .item_caption .tit { font-family: 'BMDoHyeon'; font-size:28px; color:#fff; margin-bottom:10px; }
.main .visual_bg .item_caption .link a { font-size:14px; color:#ffffff; text-decoration:underline; }




  .main .visual_bg .owl-theme .owl-nav.disabled+.owl-dots { display:none; }
.main .visual_bg .owl-dot-custom { display:none; }
.main .visual_division { position:absolute; left:0px; top: 0px; right:0px; height:100%; z-index:2; }
.main .visual_division .division { overflow: hidden; position: relative; float:left; width:16.666666%; height:100vh; border-right:1px solid #FFF; }
.main .visual_division .division:last-child { border-right:0px; }
.main .visual_division .division.one:hover a { background-image:url('../images/image/main_division_bg_1-1.jpg');  opacity: 1.0; /* 마우스 오버 시 투명도를 100%로 변경 */}
.main .visual_division .division.two:hover a { background-image:url('../images/image/main_division_bg_2.jpg');  opacity: 1.0; /* 마우스 오버 시 투명도를 100%로 변경 */}
.main .visual_division .division.three:hover a { background-image:url('../images/image/main_division_bg_3.jpg');  opacity: 1.0; /* 마우스 오버 시 투명도를 100%로 변경 */}
.main .visual_division .division.four:hover a { background-image:url('../images/image/main_division_bg_4.jpg');  opacity: 1.0; /* 마우스 오버 시 투명도를 100%로 변경 */}
.main .visual_division .division a { position: relative; display:block; height:100%; background-position:center; background-size:cover; left: -100%; opacity: 0.1; /* 초기 투명도 설정 (페이드인 아웃 효과를 위해) */ transition: opacity 0.2s ease-in-out; /* 투명도 변경시 부드러운 전환 효과 */ }
.main .visual_division .division:hover a { left: 0px; }
.main .visual_division .division .subject { position:absolute; z-index: 10; left:10px; right:10px; bottom: 100px; font-size:16px; line-height:22px; color:#fff;  opacity: 0; /* 초기 상태는 투명 */ transform: translateY(20px); /* 아래에서 시작 */ transition: opacity 1.0s ease-in-out, transform 1.0s ease-in-out; /* 투명도와 위치 변경에 대한 전환 효과 */}
.main .visual_division .division:hover .subject { opacity: 1; /* 마우스 오버 시 투명도 100% */ transform: translateY(0); /* 원래 위치로 이동 */ }
.main .visual_division .division .arrow { position: absolute; z-index: 10; left: 10px; right: 10px; bottom: 80px; display: block; width: 55px; height: 9px; margin-left: -1px; background: url(https://sbistory.co.kr/story/upload/share/MF/images/ico_arr_l.png) 100% 0 no-repeat; opacity: 0; /* 초기 상태는 투명 */ transform: translateX(-20px); /* 아래에서 시작 */ transition: opacity 1.0s ease-in-out, transform 1.0s ease-in-out; /* 투명도와 위치 변경에 대한 전환 효과 */}
.main .visual_division .division:hover .arrow { opacity: 1; /* 마우스 오버 시 투명도 100% */ transform: translateX(0); /* 원래 위치로 이동 */ }
.main .visual_division .division .category{position:absolute; left:0px; right:0px; bottom: 0px; font-size:16px; text-align:center; line-height:70px; height:70px; color:#fff; }
.main .visual_division .division .in-category { display: none; background-color: rgba(255, 255, 255, 0.2); position:absolute; left:0px; right:0px; bottom: 0px; font-size:16px; text-align:center; line-height:70px; height:70px; color:#fff; }
.main .visual_division .division:hover .subject,
.main .visual_division .division:hover .in-category { display:block; }
.main .visual_division .division { position: relative; /* .bar의 절대 위치 기준 설정 */ overflow: hidden; /* .bar가 .division 밖으로 나가는 것을 숨김 */ }
.main .visual_division .division .bar { position: absolute; left: 0; top: 0; width: 0; height: 100%; background-color: #ddd; z-index: 1; }
.main .visual_division .division:hover .bar { -webkit-animation: bg-side 1s cubic-bezier(0.775, -0.04, 0.12, 0.92) both; animation: bg-side 1s cubic-bezier(0.775, -0.04, 0.12, 0.92) both; -webkit-animation-delay: 0s; animation-delay: 0s; }
@-webkit-keyframes bg-hover {
  0% {
    display: none;
  }
  100% {
    display: block;
  }
}
@-webkit-keyframes bg-hover {
  0% {
    display: none;
  }
  100% {
    display: block;
  }
}
@-webkit-keyframes bg-side {
  0% {
    left: 0%;
    width: 0;
  }
  40% {
    left: 0%;
    width: 101%;
  }
  60% {
    left: 0%;
    width: 101%;
  }
  100% {
    left: 100%;
    width: 0%;
  }
}
@keyframes bg-side {
  0% {
    left: 0%;
    width: 0;
  }
  40% {
    left: 0%;
    width: 101%;
  }
  60% {
    left: 0%;
    width: 101%;
  }
  100% {
    left: 100%;
    width: 0%;
  }
}
@media screen and (max-width: 1280px ) {
}
@media screen and (max-width: 1024px ) {
}
@media screen and (max-width: 768px ) {
  .main .visual_bg { height:100vh; overflow:hidden; }
  .main .visual_bg .item.one { background-image:url('../images/image/main_visual_big_1-mo.jpg');background-blend-mode:overlay;background-color: rgba(0,0,0,0.5)}
  .main .visual_bg .item.two { background-image:url('../images/image/main_visual_big_2-mo.jpg');background-blend-mode:overlay;background-color: rgba(0,0,0,0.5)}
  .main .visual_bg .item.three { background-image:url('../images/image/main_visual_big_3-mo.jpg');background-blend-mode:overlay;background-color: rgba(0,0,0,0.5)}
  .main .visual_bg .item.four { background-image:url('../images/image/main_visual_big_4-mo.jpg');background-blend-mode:overlay;background-color: rgba(0,0,0,0.5)}
  .main .visual_bg .item_caption .tag{font-size: 4.28571429vw}
  .main .visual_bg .item_caption .tit{font-size:6.04285714vw }
	.main .visual_bg .item_caption { width:80%; }
	.main .visual_bg { position:relative; z-index:3; }
	.main .visual_division { display:none; z-index:1; }
  .main .visual_bg .item_caption{position: static;}

  .main .visual_bg .owl-theme .owl-nav.disabled+.owl-dots { display:block; }
  .main .visual_bg .owl-dot-custom { display:block; position: absolute; bottom: 5px; left: 0px; right: 0px; width: 100%; z-index: 10; opacity:0; }
  .main .visual_bg .owl-dot-custom:after { display:block; content:''; clear:both; }
  .main .visual_bg .owl-dot-custom button { float: left; width:50%; font-weight: 300; color:#fff; text-align:center; line-height:40px; height:40px; }
  .main .visual_bg .owl-dot-custom button.active { border-bottom:1px solid #fff; box-sizing:border-box; }

  .main .visual_bg .owl-dots { display:block; position: absolute; bottom: 5px; left: 0px; right: 0px; width: 100%; z-index: 10; }
  .main .visual_bg .owl-dots:after { display:block; content:''; clear:both; }
  .main .visual_bg .owl-dots .owl-dot { float: left; width:50%; font-weight: 300; color:#fff; text-align:center; line-height:40px; height:40px; }
  .main .visual_bg .owl-dots .owl-dot.active { border-bottom:1px solid #fff; box-sizing:border-box; }
}
@media screen and (max-width: 540px ) {
}

/* 메인영역 - 컨텐츠 */
.main .section_contents { padding: 80px 0px; overflow:hidden; }
.main .section_contents .container { max-width:1140px; }
.main .section_contents .contents_title { position: relative;font-family: 'Inter' !important; font-size:30px; font-weight:300; text-align: center; margin-bottom:40px; }
.main .section_contents .owl-carousel .owl-stage-outer { overflow:visible; }
.main .section_contents .owl-item { opacity:0.2; }
.main .section_contents .owl-item.active { opacity: 1; }
.main .section_contents .owl-nav { position:absolute; top: -90px; right:0px; }
.main .section_contents .owl-prev,
.main .section_contents .owl-next{ display: block; overflow: hidden; text-indent: -9999px; text-align: left; width: 102px; height: 8px; margin-left: 8px; }
.main .section_contents .owl-prev { background-image: url('../images/sub/ico_arr_lft1.gif') !important; background-repeat: no-repeat; background-position: center; cursor: pointer; }
.main .section_contents .owl-next { background-image: url('../images/sub/ico_arr_rgh1.gif') !important; background-repeat: no-repeat; background-position: center; cursor: pointer; }
.main .section_contents .owl-prev:hover,
.main .section_contents .owl-next:hover { background-color: #FFF !important; }
.main .section_contents .item_thumb { margin-bottom:25px; }
.main .section_contents .item_cont { }
.main .section_contents .item_cont .tag { position: relative; font-size: 14px;margin-bottom:10px; }
.main .section_contents .item_cont .tit { font-family: 'Noto Serif KR', serif; font-size:22px; line-height:28px; }
@media screen and (max-width: 1280px ) {
}
@media screen and (max-width: 1024px ) {
	.main .section_contents .item_cont .tit { font-size: 16px; line-height: 24px; }
}
@media screen and (max-width: 768px ) {
	.main .section_contents .owl-nav { display: none; }
  .main .section_contents .item_cont .tit { font-size: 5vw;
      line-height: 1.30952381; }
	  .main .section_contents .contents_title{font-size: 5.95238095vw;}
}
@media screen and (max-width: 540px ) {
}

/* 메인영역 - 하이파이브 */
.main .section_hifive { padding-bottom:80px }
.main .section_hifive .hifive_title { position: relative; font-family: 'Inter' !important; font-size:30px; font-weight:300; text-align: center; margin-bottom:40px; }
.main .section_hifive .hifive_cont {}
.main .section_hifive .hifive_cont:after { display:block; content:''; clear:both; }
.main .section_hifive .hifive_cont .cont_lt { float:left; width: 50%; }
.main .section_hifive .hifive_cont .cont_rt { display: table; float:right; width: 50%; background-color:#f7f7f7; }
.main .section_hifive .hifive_cont .caption { display: table-cell; text-align: center; vertical-align: middle; }
.main .section_hifive .hifive_cont .txt1 { font-size:16px; font-weight:700; margin-bottom:30px; }
.main .section_hifive .hifive_cont .txt2 { font-family: 'Noto Serif KR', serif; font-size:36px; color: #54adc2; line-height: 52px;  margin-bottom:30px;}
.main .section_hifive .hifive_cont .txt3 { font-size:16px; line-height:28px; margin-bottom:30px;}
.main .section_hifive .hifive_cont .link {}
.main .section_hifive .hifive_cont .link a { display: inline-block; font-size: 14px; padding: 10px 20px; border: 1px solid #dbdbdb; }
@media screen and (max-width: 1280px ) {
}
@media screen and (max-width: 1024px ) {
}
@media screen and (max-width: 768px ) {

	.main .section_hifive {padding-bottom:0}
	.main .section_hifive .hifive_title{font-size:5.95238095vw; margin-bottom:7.14285714vw}
	.main .section_hifive .container{ padding-left:0; padding-right:0}
	.main .section_hifive .hifive_cont .cont_lt { float:initial; width: 100%; }
	.main .section_hifive .hifive_cont .cont_lt img { width:100%; }
	.main .section_hifive .hifive_cont .cont_rt { float: initial; width: 95%; height: initial !important; padding: 30px 15px; margin: 0px auto; position: relative; top: -100px; }
	.main .section_hifive .hifive_cont .txt1 { font-size:14px; }
	.main .section_hifive .hifive_cont .txt2 { font-size:5.5952381vw; line-height: 1.27659574; max-width:74.76190476vw; margin-bottom:4.76190476vw; display:inline-block;}
	.main .section_hifive .hifive_cont .txt3 { font-size:4.16666667vw; line-height:1.57142857;font-weight:400; letter-spacing: -1px; }
	.main .section_hifive .hifive_cont .link a{ width:52.61904762vw ; height:10.95238095vw; font-size:2.97619048vw}
}
@media screen and (max-width: 540px ) {
}

/* 메인영역 - 뉴스 */
.main .section_news { background-color:#e8eae8; padding: 80px 0px; }
.main .section_news .news_title { position: relative; font-family: 'Inter' !important; font-size:30px; font-weight:300; margin-bottom:40px; }
.main .section_news .news_title:after { display:block; content:''; clear:both; width: 26px; height:2px; background-color:#000; position: absolute; left:0px; bottom:-10px; }
.main .section_news .news_cont { background-color:#ffffff; padding: 20px 30px; min-height:150px; }
.main .section_news .news_cont .tag { position: relative; font-size:16px; padding-left: 10px; margin-bottom:5px; }
.main .section_news .news_cont .tag:after { display:block; content:''; clear:both; width:2px; height:16px; background-color:#000; position: absolute; left: 0px; top: 50%; margin-top:-8px; }
.main .section_news .ls4{letter-spacing:-0.04em}

/*
2개일때
.section_news .two{display: flex; justify-content:center}
.section_news .two .item:first-of-type{margin-right: 2%}

.section_news .two .item .news_box{display: flex}
.section_news .two .item .news_thumb, .news_cont{    width: 50%;}

3개일때*/
.section_news .three{display: flex;justify-content:center}
.section_news .three .item:not(.section_news .three:nth-child(3)){margin-right: 2%}
.section_news .three .item {    width: 33%;}
@media screen and (max-width: 768px ) {
.section_news .three{display:block;}
.section_news .three .item .news_box{display: flex; margin-bottom:20px}.section_news .three .item {    width: 100%;}
.section_news .three .item:not(.section_news .three:nth-child(3)){margin-right: 0%}
}

.main .section_news .news_cont .tit { font-size:18px; }
.main .section_news .owl-prev { position: absolute; left: -40px; top: 50%; margin-top: -70px; width: 30px; height: 42px; background-image:url('../images/image/main_news_slide_left.png') !important; background-repeat:no-repeat; background-position:center; }
.main .section_news .owl-next { position: absolute; right: -40px; top: 50%; margin-top: -70px; width: 30px; height: 42px; background-image:url('../images/image/main_news_slide_right.png') !important; background-repeat:no-repeat; background-position:center;  }
.main .section_news .owl-prev:hover { background-color:initial !important; }
.main .section_news .owl-next:hover { background-color:initial !important; }
.main .section_news .owl-prev span { font-size: 0px; }
.main .section_news .owl-next span { font-size: 0px; }

.main .section_news .news_thumb {position: relative;}
.main .section_news .news_thumb {overflow: hidden;}
.main .section_news .news_thumb a img {transition: all 0.2s linear;height: 100%;width: 100%;object-fit: cover;}
.main .section_news .news_thumb a:hover img {filter: brightness(55%);transform: scale(1.2);transition: 0.3s ease-out;}

.main .section_news .news_thumb a::after {content: "+";position: absolute;  transform: translate(-50%, -50%);top: 50%;left: 50%; color: #fff;font-size: 8rem;opacity: 0;font-weight: 100}
.main .section_news .news_thumb:hover.news_thumb a::after {opacity: 1;transition: 0.3s ease-out; transform: translate(-50%, -50%) rotate(-180deg);}


@media screen and (max-width: 1280px ) {
}
@media screen and (max-width: 1024px ) {
}
@media screen and (max-width: 768px ) {
	.main .section_news{padding:20px 0}
	.main .section_news .owl-prev { left:-20px; }
	.main .section_news .owl-next { right:-20px; }
	.main .section_news .news_cont{min-height: 120px}

	.section_news .two{display: block}
	.section_news .two .item{ width:100%;}
	.section_news .two .item:first-of-type{margin-right: 0%}
	.section_news .two .item .news_box{display: block;margin-bottom: 40px}
	.section_news .two .item .news_thumb, .news_cont{    width: 100%;}
	.main .section_news .news_cont .tag{font-size: 2.97619048vw;}
	.main .section_news .news_cont .tit{font-size:4.16666667vw}
	.main .section_news .news_title{    font-size: 5.95238095vw;}

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

/* 메인영역 - 배너 */
.main .section_banner{padding:80px 0}
.main .banner_wrap{display: flex; justify-content: space-around;}
.main .banner_wrap img{ width:100%}
@media screen and (max-width: 1280px ) {
}
@media screen and (max-width: 1024px ) {
}
@media screen and (max-width: 768px ) {
	.main .section_banner{padding:40px 5px}
	.main .banner_wrap{display: block ;}
	.main .banner_wrap .item{margin-top:15px}
	.main .banner_wrap .container{padding:0 30px}
	.main .banner_wrap .item:first-of-type{margin-top: 0}
}
@media screen and (max-width: 540px ) {
}


/* 메인영역 - 지난호보기 */
.main .section_last{padding:8.33333333vw 0vw 11.71428571vw 0vw; background: #f7f7f7;}
.main .section_last .item_cont{margin-bottom: 10px;font-size: 0.8125em;line-height: 1;
    color: #000;
    margin-bottom: 10px;
    font-weight: 500;}
.main .section_last .owl-nav {     position: absolute;
    left: 50%;
    top: -68px;
    width: 1270px;
    margin-left: -635px;
    text-align: left;}
.main .owl-carousel .owl-item img{width:100%}
.main .section_last .owl-prev,
.main .section_last .owl-next{ display: block; overflow: hidden; text-indent: -9999px; text-align: left; width: 102px; height: 8px; margin-left: 8px; }
.main .section_last .owl-prev {
	background-image: url('../images/sub/ico_arr_lft1.gif') !important;
	background-repeat: no-repeat;
	background-position: center;
	cursor: pointer;
	position: absolute;
	top: 220px;
	display: inline-block;
	overflow: hidden;
	text-indent: -9999px;
	text-align: left;
	left:-50px
}
.main .section_last .owl-next { background-image: url('../images/sub/ico_arr_rgh1.gif') !important; background-repeat: no-repeat; background-position: center; cursor: pointer;    position: absolute;
    top: 220px;
    display: inline-block;
    overflow: hidden;
    text-indent: -9999px;
    text-align: left; right:-50px}
.main .section_last .owl-prev:hover,
.main .section_last .owl-next:hover { background-color: #FFF !important; }
@media screen and (max-width: 1280px ) {
}
@media screen and (max-width: 1024px ) {
}
@media screen and (max-width: 768px ) {
	.main .banner_wrap{display: block }
	.main .banner_wrap .item{margin-top:15px}
	.main .section_last .owl-prev{display: none!important; }
	.main .section_last .owl-next {display: none!important; }
}
@media screen and (max-width: 540px ) {
}